@property --gb-angle-1{syntax:"<angle>";inherits:false;initial-value:-75deg}@property --gb-angle-2{syntax:"<angle>";inherits:false;initial-value:-45deg}.gb-list{gap:var(--sp-16);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.gb-item{gap:var(--sp-8);flex-direction:column;display:flex}.gb-stage{aspect-ratio:4/3;border-radius:var(--r-l);border:1px solid var(--line-soft);--gb-size:clamp(1.125rem,1.9vw,1.5rem);--gb-time:.4s;--gb-ease:cubic-bezier(.25,1,.5,1);place-items:center;display:grid;position:relative;overflow:hidden}.gb-stage.is-dots{background:#d7d7d7 radial-gradient(circle at 2px 2px,#00000026 1px,#0000 1.5px) 0 0/30px 30px}.gb-stage.is-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.gb-stage.is-color{background:radial-gradient(120% 90% at 20% 10%,#bff4fc,#0000 60%),radial-gradient(90% 80% at 90% 100%,#9fd8ee,#0000 65%),linear-gradient(160deg,#e9f8fb,#cdebf4)}.gb-cap{font-size:var(--fs-xs);color:var(--cyan-deep);margin:0;font-weight:700}.gb-cap b{font-size:var(--fs-m);color:var(--ink);font-weight:800;display:block}.gb-wrap{z-index:2;font-size:var(--gb-size);pointer-events:none;transition:all var(--gb-time) var(--gb-ease);background:0 0;border-radius:999vw;position:relative}.gb-shadow{--shadow-cuttoff-fix:2em;width:calc(100% + var(--shadow-cuttoff-fix));height:calc(100% + var(--shadow-cuttoff-fix));top:calc(0% - var(--shadow-cuttoff-fix) / 2);left:calc(0% - var(--shadow-cuttoff-fix) / 2);filter:blur(clamp(2px,.125em,12px));pointer-events:none;position:absolute;overflow:visible}.gb-shadow:after{content:"";z-index:0;width:calc(100% - var(--shadow-cuttoff-fix) - .25em);height:calc(100% - var(--shadow-cuttoff-fix) - .25em);inset:0;top:calc(var(--shadow-cuttoff-fix) - .5em);left:calc(var(--shadow-cuttoff-fix) - .875em);box-sizing:border-box;transition:all var(--gb-time) var(--gb-ease);opacity:1;background:linear-gradient(#0003,#0000001a);border-radius:999vw;padding:.125em;position:absolute;overflow:visible;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.gb-btn{--border-width:clamp(1px,.0625em,4px);all:unset;cursor:pointer;-webkit-tap-highlight-color:#0000;pointer-events:auto;z-index:3;backdrop-filter:blur(clamp(1px,.125em,4px));transition:all var(--gb-time) var(--gb-ease);background:linear-gradient(-75deg,#ffffff0d,#fff3,#ffffff0d);border-radius:999vw;position:relative;box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .25em .125em -.125em #0003,inset 0 0 .1em .25em #fff3,0 0 #fff}.gb-btn:focus-visible{outline:2px solid var(--cyan-deep);outline-offset:4px}.gb-btn:hover{backdrop-filter:blur(.01em);transform:scale(.975);box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .15em .05em -.1em #00000040,inset 0 0 .05em .1em #ffffff80,0 0 #fff}.gb-btn span{-webkit-user-select:none;user-select:none;letter-spacing:.04em;white-space:nowrap;color:#323232;text-shadow:0 .25em .05em #0000001a;transition:all var(--gb-time) var(--gb-ease);padding-block:.875em;padding-inline:1.5em;font-size:1em;font-weight:700;display:block;position:relative}.gb-btn:hover span{text-shadow:.025em .025em .025em #0000001f}.gb-btn span:after{content:"";z-index:3;width:calc(100% - var(--border-width));height:calc(100% - var(--border-width));top:calc(0% + var(--border-width) / 2);left:calc(0% + var(--border-width) / 2);box-sizing:border-box;background:linear-gradient(var(--gb-angle-2),#fff0 0%,#ffffff80 40% 50%,#fff0 55%);mix-blend-mode:screen;pointer-events:none;transition:background-position calc(var(--gb-time) * 1.25) var(--gb-ease),--gb-angle-2 calc(var(--gb-time) * 1.25) var(--gb-ease);background-position:0%;background-repeat:no-repeat;background-size:200% 200%;border-radius:999vw;display:block;position:absolute;overflow:clip}.gb-btn:hover span:after{background-position:25%}.gb-btn:is(:active,.is-pressed) span:after{--gb-angle-2:-15deg;background-position:50% 15%}@media (hover:none) and (pointer:coarse){.gb-btn span:after,.gb-btn:is(:active,.is-pressed) span:after{--gb-angle-2:-45deg}}.gb-btn:after{content:"";z-index:1;width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));inset:0;top:calc(0% - var(--border-width) / 2);left:calc(0% - var(--border-width) / 2);padding:var(--border-width);box-sizing:border-box;background:conic-gradient(from var(--gb-angle-1) at 50% 50%,#00000080,#0000 5% 40%,#00000080 50%,#0000 60% 95%,#00000080), linear-gradient(180deg,#ffffff80,#ffffff80);transition:all var(--gb-time) var(--gb-ease),--gb-angle-1 .5s ease;box-shadow:inset 0 0 0 calc(var(--border-width) / 2) #ffffff80;border-radius:999vw;position:absolute;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.gb-btn:hover:after{--gb-angle-1:-125deg}.gb-btn:is(:active,.is-pressed):after{--gb-angle-1:-75deg}@media (hover:none) and (pointer:coarse){.gb-btn:after,.gb-btn:hover:after,.gb-btn:is(:active,.is-pressed):after{--gb-angle-1:-75deg}}.gb-wrap:has(.gb-btn:hover) .gb-shadow{filter:blur(clamp(2px,.0625em,6px));transition:filter var(--gb-time) var(--gb-ease)}.gb-wrap:has(.gb-btn:hover) .gb-shadow:after{top:calc(var(--shadow-cuttoff-fix) - .875em);opacity:1}.gb-wrap:has(.gb-btn:is(:active,.is-pressed)){transform:rotateX(25deg)}.gb-wrap:has(.gb-btn:is(:active,.is-pressed)) .gb-btn{box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .125em .125em -.125em #0003,inset 0 0 .1em .25em #fff3,0 .225em .05em #0000000d,0 .25em #ffffffbf,inset 0 .25em .05em #00000026}.gb-wrap:has(.gb-btn:is(:active,.is-pressed)) .gb-shadow{filter:blur(clamp(2px,.125em,12px))}.gb-wrap:has(.gb-btn:is(:active,.is-pressed)) .gb-shadow:after{top:calc(var(--shadow-cuttoff-fix) - .5em);opacity:.75}.gb-wrap:has(.gb-btn:is(:active,.is-pressed)) span{text-shadow:.025em .25em .05em #0000001f}@media (prefers-reduced-motion:reduce){.gb *,.gb :after,.gb-wrap{transition:none}}@media (width<=1023px){.gb-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=719px){.gb-list{grid-template-columns:minmax(0,1fr)}.gb-stage{--gb-size:1.25rem}}.mc-stage{--bg:25% .0075 70;--pink:77.75% .1003 350.51;--gold:84.16% .1169 71.19;--mint:84.12% .1334 165.28;--mobile--w:196px;--mobile--h:294px;--outline-w:7px;--preview-bg:#fff;place-content:center;place-items:center;gap:var(--sp-8);padding:clamp(24px,4vw,48px) var(--sp-16);border-radius:var(--r-l);background:linear-gradient(50deg,oklch(50% .0075 70),oklch(90% .0075 70));flex-wrap:wrap;display:flex}.mc-stage:has(:hover,:focus-within) .mc-card:not(:hover,:focus){opacity:.4}.mc-card{--bg-pos-y--end:calc(var(--mobile--h) - var(--mobile--w) * var(--ratio));--duration:6s;--shadow-blur:24px;--shadow-color:oklch(var(--bg));box-sizing:content-box;background-clip:padding-box;background-image:var(--img);border:var(--outline-w) solid var(--border-color,transparent);box-shadow:0 0 var(--shadow-blur) 0 var(--shadow-color);filter:grayscale()sepia(5%);mix-blend-mode:multiply;opacity:.69;scale:.85;rotate:var(--rotation,-4deg);outline:var(--outline-w) solid var(--preview-bg);outline-offset:var(--outline-w);width:var(--mobile--w);height:var(--mobile--h);cursor:pointer;animation-name:mc-scroll;animation-duration:var(--duration);background-position-y:0;background-repeat:no-repeat;background-size:100%;border-radius:6px;transition-property:border,box-shadow,filter,outline-offset,opacity,rotate,scale,z-index;transition-duration:.15s,.15s,.6s,.6s,.3s,.3s,.3s,.15s;animation-play-state:paused;animation-fill-mode:forwards;position:relative}.mc.is-run .mc-card{animation-play-state:running}.mc-card:focus-within,.mc-card:hover{--shadow-blur:200px;--shadow-color:oklch(var(--gold));--border-color:var(--shadow-color);mix-blend-mode:initial;filter:none;opacity:1;outline-offset:calc(var(--outline-w) / 2);background-color:#fff;transition-duration:.15s,.15s,.3s,.3s,.3s,.3s,.3s,.15s;rotate:0deg;scale:1}.mc-card:focus-within{--shadow-color:oklch(var(--pink));z-index:5}.mc-card:hover{z-index:6}.mc-card:hover:focus{--shadow-color:oklch(var(--mint))}.mc-card:nth-of-type(2){--rotation:3deg}.mc-card:nth-of-type(3){--duration:6.5s;--rotation:-1deg}.mc-card:nth-of-type(4){--duration:6.75s;--rotation:-5deg}.mc-card:nth-of-type(5){--duration:7s;--rotation:-2deg}@keyframes mc-scroll{to{background-position-y:var(--bg-pos-y--end)}}.mc-hint{margin:var(--sp-12) 0 0;font-size:var(--fs-xs);color:var(--cyan-deep);font-weight:700}@media (prefers-reduced-motion:reduce){.mc-card{transition:none;animation:none}}@media (width<=1023px){.mc-stage{--mobile--w:168px;--mobile--h:252px}}@media (width<=719px){.mc-stage{--mobile--w:130px;--mobile--h:195px;--outline-w:5px;gap:var(--sp-4) var(--sp-8)}}.dc-stage{padding:5em max(var(--sp-16),calc((100% - 50em) / 2));border-radius:var(--r-l);background:#232228;flex-wrap:wrap;justify-content:center;gap:3.25rem;margin:0;list-style:none;display:flex}.dc-card{--clr:#01c3a8;--glow:#107667ed;--stop:47%;z-index:1;color:#fff;text-align:center;background:radial-gradient(ellipse at right top,var(--glow) 0%,#151419 var(--stop),#151419 100%);border-radius:2.25rem;width:90%;max-width:20rem;min-height:20rem;position:relative;box-shadow:1px 12px 25px #000000c7}.dc-card.is-orange{--clr:#ffb741;--glow:#ffb74194}.dc-card.is-red{--clr:#a63d2a;--glow:#a63d2a82}.dc-card.is-blue{--clr:#1890ff;--glow:#00458f8f;--stop:45%}.dc-card:before{content:"";z-index:-1;box-sizing:border-box;background:linear-gradient(45deg,#232228,#232228,#232228,#232228,var(--clr)) border-box;-webkit-mask-composite:destination-out;border:.155rem solid #0000;border-radius:2.25rem;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.dc-head{justify-content:space-between;align-items:center;padding:.8em .5em 0 1.5em;display:flex;position:absolute;top:0;left:0;right:0}.dc-date{color:#ddd}.dc-head .ti{color:#fff}.dc-body{box-sizing:border-box;width:100%;padding:.7em 1.25em .5em 1.5em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dc-body h3{color:#fff;margin:.625em 0 .188em;font-size:1.375rem;font-weight:700}.dc-body p{color:#ddd;letter-spacing:.031rem;margin:0;font-size:1rem}.dc-progress{margin-top:.938rem}.dc-progress span{text-align:right;color:#fff;margin-top:.313rem;display:block}.dc-progress span:first-of-type{text-align:left;margin:0 0 .313rem;font-weight:700}.dc-bar{background:#363636;border-radius:3.125rem;width:100%;height:.313rem;position:relative}.dc-progress .dc-bar{margin:0}.dc-bar:after{content:"";width:var(--pct);background:var(--clr);border-radius:3.125rem;position:absolute;top:0;bottom:0;left:0}.dc-foot{background:#151419;border-top:.063rem solid #292929;border-radius:0 0 2.25rem 2.25rem;justify-content:space-between;align-items:center;padding:.7em 1.25em .5em 1.5em;display:flex;position:absolute;bottom:0;left:0;right:0}.dc-who{align-items:center;margin:0;padding:0;list-style:none;display:flex}.dc-who li{color:#ddd;width:1.875rem;height:1.875rem;font:700 var(--fs-xs)/1 var(--mono);background:#3a3940;border:2px solid #151419;border-radius:50%;place-items:center;margin-right:-.625rem;display:grid}.dc-who li.dc-add{background:var(--clr);color:#fff;border:0;width:1.375rem;height:1.375rem;margin-left:.875rem}.dc-left{color:#fff;background:#222127;border-radius:2em;padding:.625rem 1.5rem;transition:background .2s}.dc-card:hover .dc-left,.dc-left:hover{background:var(--clr)}@media (width<=719px){.dc-stage{gap:var(--sp-24);padding:var(--sp-32) var(--sp-12)}.dc-card{width:100%}}.gn-stage{--linear-ease:linear(0,.068,.19 2.7%,.804 8.1%,1.037,1.199 13.2%,1.245,1.27 15.8%,1.274,1.272 17.4%,1.249 19.1%,.996 28%,.949,.928 33.3%,.926,.933 36.8%,1.001 45.6%,1.013,1.019 50.8%,1.018 54.4%,1 63.1%,.995 68%,1.001 85%,1);--color-1:#fff;--color-2:var(--cyan);--color-3:#bff4fc;--color-4:#fff;border-radius:var(--r-l);isolation:isolate;place-items:center;min-height:clamp(320px,40vw,460px);font-size:20px;display:grid;position:relative;overflow:hidden}.gn-photo{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.gn-nav{opacity:.999;backdrop-filter:blur(9px)brightness(1.1);background:#0000001a;border-radius:100vw;padding:.4em;display:flex;position:relative;transform:translateZ(.01px);box-shadow:0 4px 20px #26537326,0 4px 10px #121b2113,inset 0 -4px 15px 6px #d4e8f733,inset 0 -2px 5px #d4e8f726,inset 0 -1px 1px #d4e8f766,inset 0 10px 15px #121b2133,inset 0 1px 2px #d4e8f74d}.gn-nav:before,.gn-nav:after{content:"";border-radius:100vw;position:absolute;inset:0;-webkit-mask-image:url(/_astro/noise.D3QqUdsu.png);mask-image:url(/_astro/noise.D3QqUdsu.png);-webkit-mask-repeat:repeat;mask-repeat:repeat;mask-mode:luminance}.gn-nav:before{z-index:1;backdrop-filter:blur(7px)brightness(1.05);background:#ffffff1a;-webkit-mask-size:55%;mask-size:55%}.gn-nav:after{z-index:2;backdrop-filter:blur(5px)brightness(.95);background:#3333330d;box-shadow:inset 0 -4px 15px 5px #d4e8f74d,inset 0 -2px 5px #d4e8f726,inset 0 -1px 1px #d4e8f766,inset 0 1px 2px #d4e8f74d;-webkit-mask-size:50%;mask-size:50%}.gn-nav ul{z-index:3;color:#fff;text-shadow:0 1px 1px #121b2133;gap:5em;margin:0;padding:0 1em;list-style:none;display:flex;position:relative}.gn-nav li{transition:all 1.8s var(--linear-ease) .2s,box-shadow .3s ease;color:#fff;border-radius:100vw;position:relative;box-shadow:0 0 .5px 1.5px #0000}.gn-nav li:has(:focus-visible){box-shadow:0 0 .5px 1.5px #fff}.gn-nav button{all:unset;box-sizing:border-box;cursor:pointer;white-space:nowrap;min-height:44px;padding:.6em 1em;font-weight:700;line-height:1.2;display:block}.gn-nav li:after{content:"";opacity:0;transition:all 2s var(--linear-ease) .2s;z-index:-1;background:#fff;border-radius:100vw;position:absolute;inset:0;scale:0}.gn-nav li.active{color:#000;text-shadow:none}.gn-nav li.active:after{opacity:1;scale:1}.gn-effect{opacity:1;pointer-events:none;z-index:1;place-items:center;width:0;height:0;font-weight:700;display:grid;position:absolute;top:0;left:0}.gn-text{color:#fff;transition:color}.gn-text.active{color:#000;transition:color 1.8s var(--linear-ease) .2s}.gn-filter{filter:blur(7px)contrast(20)blur();mix-blend-mode:lighten}.gn-filter:before{content:"";z-index:-2;background:#000;position:absolute;inset:-75px}.gn-filter:after{content:"";opacity:0;z-index:-1;background:#fff;border-radius:100vw;position:absolute;inset:0;scale:0}.gn-filter.active:after{animation:gn-pill 2s var(--linear-ease) .2s both}.gn-particle,.gn-point{opacity:0;transform-origin:50%;border-radius:100%;width:20px;height:20px;display:block}.gn-particle{--time:5s;animation:gn-particle calc(var(--time)) ease 1 -350ms;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px)}.gn-point{background:var(--color);opacity:1;animation:gn-point calc(var(--time)) ease 1 -350ms}@keyframes gn-particle{0%{transform:rotate(0deg) translate(calc(var(--start-x) * 1),calc(var(--start-y) * 1));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2),calc(var(--end-y) * 1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate) * .66)) translate(calc(var(--end-x) * 1),calc(var(--end-y) * 1));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5),calc(var(--end-y) * .5));opacity:1}}@keyframes gn-point{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);scale:0}25%{scale:calc(var(--scale) * .25)}38%{opacity:1}65%{scale:var(--scale);opacity:1;animation-timing-function:ease}85%{scale:var(--scale);opacity:1}to{opacity:0;scale:0}}@keyframes gn-pill{to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.gn-nav li,.gn-nav li:after,.gn-text.active{transition:none}.gn-filter.active:after{opacity:1;animation:none;scale:1}}@media (width<=719px){.gn-stage{font-size:16px}.gn-nav ul{gap:.75em;padding:0 .25em}}