*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}::selection{background:var(--accent);color:#fff}:root{--bg: #0b0b0c;--text: #e9e4d8;--dim: #e9e4d8;--faint: #2a2926;--accent: #ff3b24;--accent-2: #d92c18;--circle-outline: #505050;--ease: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--pad: clamp(1.4rem, 3vw, 3.2rem);--works-h: clamp(120px, 18vh, 190px);--p: 0}.light{--bg: #ece6d8;--text: #1a1a18;--dim: #807c72;--faint: #cdc6b4}html{scroll-behavior:auto}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body{height:250vh;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .8s var(--ease-soft)}.experience-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:1;opacity:0;transition:opacity 1.6s var(--ease-soft)}.is-ready .experience-canvas{opacity:1}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 20% 72%,rgba(0,0,0,.72) 100%)}.light .vignette{background:linear-gradient(to bottom,rgba(236,230,216,.5) 0%,transparent 22% 74%,rgba(236,230,216,.62) 100%)}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:3;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 6s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-4%,2%)}40%{transform:translate(3%,-3%)}60%{transform:translate(-2%,4%)}80%{transform:translate(4%,-1%)}to{transform:translate(0)}}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;overflow:hidden;opacity:0;transition:opacity 1.2s var(--ease-soft)}.is-ready .stage{opacity:1}body.debug .stage{pointer-events:none}.topbar{position:absolute;top:var(--pad);left:var(--pad);right:var(--pad);z-index:6;display:flex;align-items:flex-start;gap:clamp(.6rem,1vw,5rem)}.brand{flex:0 0 50%}.brand__mark{display:flex;align-items:center;gap:clamp(1.4rem,2vw,2.4rem)}.brand__mark svg{width:clamp(96px,11vw,200px);height:auto;overflow:visible;color:var(--text);transition:color .8s var(--ease-soft)}.brand__name{font-size:clamp(2.4rem,9vw,10rem);font-weight:600;letter-spacing:-.015em;color:var(--text);text-decoration:none;line-height:1}.brand__name span{color:var(--accent)}.brand__meta{margin-top:1rem;max-width:34ch;font-size:clamp(.66rem,.82vw,.9rem);line-height:1.45;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.info{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2.4vw,3rem);padding-top:.2rem}.info-col__title{font-size:clamp(.72rem,.88vw,.92rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:.85rem}.info-col__list{list-style:none}.info-col__list li{font-size:clamp(.72rem,.82vw,.88rem);line-height:1.75;color:var(--dim)}.info-col__list a{color:var(--dim);text-decoration:none;transition:color .3s var(--ease)}.info-col__list a:hover{color:var(--accent)}.info-col__note{color:var(--dim)}.theme-toggle{position:absolute;left:var(--pad);bottom:calc(var(--works-h) + 1.2rem);right:auto;z-index:7;background:none;border:none;cursor:pointer;padding:0;display:flex}.toggle-button{position:relative;width:2.3rem;height:1rem;background:var(--faint);border-radius:10rem;display:block;transition:background .3s var(--ease)}.toggle-circle{position:absolute;top:50%;left:.15rem;transform:translateY(-50%);width:.7rem;height:.7rem;border-radius:50%;background:var(--accent);transition:left .3s var(--ease-soft)}.toggle-circle.slide{left:calc(100% - .85rem)}.works{position:absolute;left:0;right:0;bottom:0;height:var(--works-h);z-index:6;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.works__track{display:flex;width:max-content;height:100%;animation:marquee 55s linear infinite}.works:hover .works__track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.works__group{display:flex;gap:clamp(.8rem,1.4vw,1.4rem);padding-right:clamp(.8rem,1.4vw,1.4rem);padding-bottom:var(--pad);height:100%;align-items:flex-end}.work{position:relative;flex:0 0 clamp(200px,19vw,280px);height:100%;text-decoration:none;color:var(--text);display:flex;flex-direction:column;justify-content:flex-end}.work__media{position:absolute;top:0;right:0;bottom:1.9rem;left:0;overflow:hidden;border-radius:2px}.work__media img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.5) contrast(1.05);transform:scale(1.04);transition:filter .6s var(--ease),transform .9s var(--ease)}.work:hover .work__media img{filter:grayscale(0) brightness(.85);transform:scale(1)}.work__no{position:absolute;top:.6rem;left:.7rem;font-size:.66rem;letter-spacing:.1em;color:var(--text);font-variant-numeric:tabular-nums;mix-blend-mode:difference;z-index:1}.work__title,.work__sub{position:relative;z-index:1}.work__title{font-size:clamp(.74rem,.9vw,.92rem);font-weight:600;letter-spacing:.01em}.work__sub{font-size:clamp(.6rem,.72vw,.72rem);color:var(--dim);margin-top:.15rem}.meter{position:absolute;right:calc(var(--pad) * .42);top:28vh;bottom:28vh;width:2px;background:var(--faint);z-index:6;cursor:grab;pointer-events:auto;touch-action:none}.meter:active{cursor:grabbing}.meter:before{content:"";position:absolute;top:-14px;right:-12px;bottom:-14px;left:-12px}.meter__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transform-origin:top;transform:scaleY(var(--p))}.meter__thumb{position:absolute;left:50%;top:calc(var(--p) * 100%);transform:translate(-50%,-50%);width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);transition:box-shadow .25s var(--ease)}.meter:hover .meter__thumb,.meter:active .meter__thumb{box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 26%,transparent)}.meter__tick{position:absolute;right:0;top:calc(var(--y) * 100%);transform:translateY(-50%);display:flex;align-items:center;gap:.45rem;font-size:.56rem;letter-spacing:.12em;color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.meter__tick:after{content:"";width:8px;height:1px;background:var(--dim)}.scroll-cue{position:absolute;left:var(--pad);bottom:var(--pad);z-index:6;display:flex;align-items:center;gap:.7rem;font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--dim);transition:opacity .6s var(--ease)}.scroll-cue i{width:34px;height:1px;background:var(--dim);position:relative;overflow:hidden}.scroll-cue i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);animation:cue 2.2s var(--ease) infinite}@keyframes cue{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.mnav-btn{display:none;position:absolute;top:calc(var(--pad) + .2rem);right:var(--pad);z-index:41;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:none;border:none;cursor:pointer;padding:0}.mnav-btn span{width:24px;height:2px;background:var(--text);transition:transform .4s var(--ease),background .3s var(--ease)}.mnav-btn.is-open span:first-child{transform:translateY(4.5px) rotate(45deg)}.mnav-btn.is-open span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.mnav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s;display:grid;align-content:center;padding:5rem var(--pad) 3rem}.mnav.is-open{opacity:1;visibility:visible}.mnav-lock{overflow:hidden}.mnav .info{grid-template-columns:1fr;gap:2.2rem;padding-top:0}.mnav .info-col__title{font-size:.78rem;margin-bottom:.6rem;color:var(--accent)}.mnav .info-col__list li{font-size:1rem;line-height:2;color:var(--text)}.mnav .info-col__list a{color:var(--text)}.grav-btn{display:none;position:absolute;right:var(--pad);bottom:calc(var(--works-h) + 1.1rem);z-index:8;align-items:center;gap:.55rem;padding:.5rem .9rem;background:none;border:1px solid var(--faint);border-radius:999px;color:var(--dim);font:inherit;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:color .4s var(--ease),border-color .4s var(--ease)}.grav-btn__dot{width:5px;height:5px;border-radius:50%;background:var(--dim);transition:background .3s var(--ease)}.grav-btn.is-on{color:var(--accent);border-color:var(--accent)}.grav-btn.is-on .grav-btn__dot{background:var(--accent);animation:grav-pulse 1.1s var(--ease) infinite}.grav-btn.is-denied{animation:grav-shake .4s var(--ease)}@keyframes grav-pulse{50%{transform:scale(1.8)}}@keyframes grav-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (max-width: 820px){:root{--pad: 1.2rem;--works-h: clamp(96px, 15vh, 150px)}.brand__meta,.meter,.scroll-cue{display:none}.topbar{justify-content:flex-start}.brand{flex:1 1 auto}.brand__mark{position:relative;justify-content:flex-start;gap:1rem}.brand__mark svg{width:clamp(60px,16vw,80px)}.brand__name{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:clamp(1.8rem,8vw,2.4rem)}.topbar .info{display:none}.mnav-btn{display:flex}.grav-btn{display:inline-flex}.work{flex:0 0 168px}.work__media{top:0;right:0;bottom:1.7rem;left:0}}.mtune{position:fixed;left:10px;bottom:10px;z-index:100002;width:220px;padding:10px 12px;background:#0a0a0b03;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);border:1px solid rgba(242,242,240,.22);border-radius:10px;color:#f2f2f0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;-webkit-user-select:none;user-select:none}.mtune__title{font-size:9px;letter-spacing:.16em;color:#f2f2f080;margin-bottom:3px}.mtune__vp{font-size:10px;margin-bottom:8px;color:#f2f2f099}.mtune__row{display:flex;align-items:center;gap:8px;margin:4px 0}.mtune__lbl{flex:1;color:#f2f2f0bf}.mtune__val{width:62px;flex:0 0 auto;text-align:right;font:inherit;font-variant-numeric:tabular-nums;background:#f2f2f00f;color:#f2f2f0;border:1px solid rgba(242,242,240,.2);border-radius:4px;padding:5px}.mtune__val:focus{outline:none;border-color:#ff6a56;background:#ff3b241a}.mtune__b{width:30px;height:30px;flex:0 0 auto;background:#f2f2f014;color:#f2f2f0;border:1px solid rgba(242,242,240,.28);border-radius:6px;font-size:16px;line-height:1;cursor:pointer}.mtune__b:active{background:#ff3b2466}.mtune__foot{margin-top:8px;display:flex;flex-direction:column;gap:6px}.mtune__copy,.mtune__force{width:100%;padding:7px;cursor:pointer;background:#f2f2f00f;color:#f2f2f0;border:1px solid rgba(242,242,240,.28);border-radius:6px;font:inherit;font-size:11px;letter-spacing:.04em}.mtune__copy{background:#ff3b242e;color:#ff6a56;border-color:#ff3b2480}.mtune__force.is-on{background:#8ce06a29;color:#8be06a;border-color:#8ce06a8c}.fui25{position:absolute;left:75%;top:50%;transform:translate(-50%,-50%);width:50vw;aspect-ratio:2048 / 1252;display:grid;place-items:center;z-index:6;pointer-events:none;color:var(--text);opacity:0;will-change:opacity}.fui25__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;color:var(--text)}.fui25 .curve-layer{fill:none;stroke:var(--text);stroke-width:.5}.fui25 .curve-layer path{vector-effect:non-scaling-stroke}.fui25 .node-ring{fill:none;stroke:var(--text);stroke-width:.5;vector-effect:non-scaling-stroke}.fui25 .node-dot{fill:var(--text)}.fui25 .triangle{fill:var(--text);transform-box:fill-box;transform-origin:center}.fui25 .node{transform-box:fill-box;transform-origin:center}.fui25__copy{grid-area:1 / 1;position:relative;z-index:2;width:88%;text-align:center}.fui25__copy--full{width:86%}.fui25 .f25-ch{display:inline-block;will-change:transform}.fui25__copy--full p{margin:0 0 1rem;font-size:clamp(.86rem,1.3vw,1.15rem);line-height:1.9;letter-spacing:.06em;color:var(--text)}.fui25__copy--full p:last-child{margin-bottom:0;font-size:clamp(.86rem,1.3vw,1.15rem);line-height:1.85;color:var(--text);opacity:.85}.fui25__tagline{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text);margin-bottom:.8rem}.fui25__tagline .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.fui25__tagline .side-line{width:26px;height:2px;background:currentColor}.fui25__tagline .side-line.short{width:14px}.fui25__tagline .box-mark{width:16px;height:8px;border:2px solid currentColor}.fui25__tagline p{margin:0;padding:0 .55rem;white-space:nowrap;font-size:clamp(.66rem,.9vw,.82rem);letter-spacing:.04em;line-height:1}.fui25__title{margin:0;font-weight:400;letter-spacing:.05em;line-height:1.5;font-size:clamp(.86rem,1.3vw,1.15rem);color:var(--text)}@media (max-width: 820px){.fui25{left:50%;top:30%;width:min(96vw,540px)}.fui25__copy{width:100%}.fui25__copy--full p{font-size:.78rem;line-height:1.75;letter-spacing:.04em;margin-bottom:.55rem}.fui25__title{font-size:.84rem;line-height:1.55}.fui25__tagline{margin-bottom:.55rem}.fui25__tagline p{font-size:.6rem}.fui25__tagline .side-line{width:18px}}.fui75{position:absolute;left:70%;top:50%;transform:translate(-50%,-50%);width:55vw;z-index:7;pointer-events:none;opacity:0;will-change:opacity}.fui75__diagram{width:100%;aspect-ratio:2 / 1;display:grid;place-items:center}.fui75__diagram svg{display:block;width:100%;height:100%}.fui75 svg .jp{fill:var(--text)}.fui75 svg .jp.white{fill:#fff}.fui75 svg [stroke="#202020"]{stroke:var(--text)}@media (max-width: 820px){.fui75{left:50%;top:30%;width:100vw}.fui75__diagram,.fui75__diagram svg{overflow:visible}}.gb-btn{position:absolute;left:calc(var(--pad) + 3.4rem);bottom:calc(var(--works-h) + 1.2rem);z-index:8;display:flex;align-items:center;gap:.55rem;padding:.5rem .9rem;background:none;border:1px solid var(--faint);border-radius:999px;color:var(--dim);font:inherit;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:color .4s var(--ease),border-color .4s var(--ease)}.gb-btn:hover{color:var(--text);border-color:var(--text)}.gb-btn__dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.gb-toast{position:absolute;left:var(--pad);bottom:calc(var(--works-h) + 4.2rem);z-index:8;padding:.55rem .85rem;border-radius:8px;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--faint);color:var(--text);font-size:.68rem;letter-spacing:.04em;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease);pointer-events:none;white-space:nowrap}.gb-toast.is-on{opacity:1;transform:translateY(0)}.gb-marker{transform:scale(1);pointer-events:none;cursor:pointer;display:flex;align-items:center;gap:.35rem;opacity:0}.gb-marker.is-on{opacity:1;pointer-events:auto}.gb-icon{display:flex;align-items:center;justify-content:center;gap:3px;width:26px;height:19px;background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--faint);border-radius:6px;box-shadow:0 6px 18px #00000047;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}.gb-icon i{width:3px;height:3px;border-radius:50%;background:var(--text);transition:background .3s var(--ease)}.gb-marker:hover .gb-icon,.gb-marker.is-hot .gb-icon{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 6px 18px #00000047}.gb-marker:hover .gb-icon i,.gb-marker.is-hot .gb-icon i{background:var(--accent)}.gb-marker.is-flash{animation:gb-pop .55s var(--ease)}@keyframes gb-pop{0%{transform:scale(.4)}55%{transform:scale(1.12)}to{transform:scale(1)}}.gb-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s;display:grid;place-items:center}.gb-backdrop.is-open{opacity:1;visibility:visible}.gb-panel{width:min(94vw,640px);background:var(--bg);color:var(--text);border:1px solid var(--faint);border-radius:16px;box-shadow:0 50px 120px #0000008c;transform:translateY(20px) scale(.97);transition:transform .6s var(--ease);display:grid;grid-template-columns:44% 56%;overflow:hidden;font-size:.9rem}.gb-backdrop.is-open .gb-panel{transform:translateY(0) scale(1)}.gb-panel__left{padding:2rem 1.6rem 1.6rem;border-right:1px solid var(--faint);display:flex;flex-direction:column;gap:1.3rem;align-items:stretch}.gb-panel__kicker{display:none}.gb-reel{position:relative;width:100%;height:220px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent);mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent)}.gb-reel__strip{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.gb-reel__row{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 1.6rem;transform:scale(var(--s, 1));transform-origin:center;color:var(--dim);font-size:.92rem;letter-spacing:.01em}.gb-reel__name{white-space:nowrap}.gb-reel__num{font-size:.66rem;color:var(--dim);font-variant-numeric:tabular-nums}.gb-reel__row.is-center{color:var(--text);font-weight:600}.gb-reel__row.is-center .gb-reel__num{color:var(--accent)}.gb-reel.is-picked .gb-reel__row.is-center{background:color-mix(in srgb,var(--accent) 20%,transparent);border-radius:8px}.gb-reel__center{position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%);pointer-events:none;border-top:1px solid var(--faint);border-bottom:1px solid var(--faint)}.gb-reel.is-spinning .gb-reel__center{border-color:color-mix(in srgb,var(--accent) 60%,var(--faint))}.gb-arrow{position:absolute;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;opacity:.8}.gb-arrow--l{left:.25rem;transform:translateY(-50%);border-left:7px solid var(--accent)}.gb-arrow--r{right:.25rem;transform:translateY(-50%);border-right:7px solid var(--accent)}.gb-reel.is-spinning .gb-arrow,.gb-preview.is-spinning .gb-arrow{animation:gb-arrow-twitch .2s var(--ease) infinite}@keyframes gb-arrow-twitch{0%{transform:translateY(-50%)}25%{transform:translateY(calc(-50% - 2.5px))}50%{transform:translateY(-50%)}75%{transform:translateY(calc(-50% + 2.5px))}to{transform:translateY(-50%)}}.gb-preview{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--text) 4%,transparent);border:1px solid var(--faint);transition:border-color .3s var(--ease)}.gb-preview canvas{display:block}.gb-preview .gb-arrow{z-index:2}.gb-preview.is-spinning{border-color:color-mix(in srgb,var(--accent) 60%,var(--faint))}.gb-panel__caption{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);text-align:center;word-break:break-all;min-height:1em}.gb-roll{align-self:center;margin-top:auto;padding:.6rem 2rem;cursor:pointer;font:inherit;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--text);background:none;border:1px solid var(--text);border-radius:999px;transition:background .35s var(--ease),color .35s var(--ease),transform .15s var(--ease)}.gb-roll:hover{background:var(--text);color:var(--bg)}.gb-roll:active{transform:scale(.97)}.gb-panel__right{padding:2rem 1.7rem 1.6rem;display:flex;flex-direction:column;gap:1.1rem}.gb-field{display:flex;flex-direction:column;gap:.35rem}.gb-field label{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.gb-field input,.gb-field textarea{font:inherit;font-size:.92rem;background:none;color:var(--text);border:none;border-bottom:1px solid var(--faint);padding:.35rem 0;resize:none;transition:border-color .3s var(--ease)}.gb-field textarea{min-height:18.5em;line-height:1.5}.gb-field input::placeholder,.gb-field textarea::placeholder{color:var(--dim);opacity:.6}.gb-field input:focus,.gb-field textarea:focus{outline:none;border-color:var(--accent)}.gb-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:auto}.gb-btn-action{padding:.5rem 1.2rem;border-radius:999px;cursor:pointer;font:inherit;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--faint);background:none;color:var(--dim);transition:color .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease)}.gb-btn-action:hover{color:var(--text);border-color:var(--text)}.gb-btn-action.is-primary{border-color:var(--accent);background:var(--accent);color:#fff}.gb-btn-action.is-primary[disabled]{opacity:.4;cursor:not-allowed}.gb-view{width:min(92vw,460px);max-height:78vh;overflow:auto;background:var(--bg);color:var(--text);border:1px solid var(--faint);border-radius:14px;box-shadow:0 50px 120px #0000008c;padding:1.6rem 1.6rem 1.2rem;transform:translateY(20px) scale(.97);transition:transform .6s var(--ease)}.gb-backdrop.is-open .gb-view{transform:translateY(0) scale(1)}.gb-view__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.1rem}.gb-view__title{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.gb-view__close{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--dim);line-height:1;transition:color .3s var(--ease)}.gb-view__close:hover{color:var(--text)}.gb-notes{display:flex;flex-direction:column;gap:1.2rem;padding-top:.2rem}.gb-note{--paper: #ffe58a;position:relative;background:var(--paper);color:#2a2620;border-radius:3px 3px 12px;padding:1.15rem 1.15rem .8rem;box-shadow:0 10px 22px #0000004d;transform:rotate(var(--rot, -1deg));transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.gb-note:hover{transform:rotate(0) translateY(-2px);box-shadow:0 16px 30px #0000005c}.gb-note__pin{position:absolute;top:-7px;left:50%;transform:translate(-50%);width:13px;height:13px;border-radius:50%;background:var(--accent);box-shadow:0 2px 5px #0006,inset 0 1px 1px #ffffff80}.gb-note__nick{font-size:1rem;font-weight:700;letter-spacing:.01em}.gb-note__from{margin-top:2px;font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:#2a26208c}.gb-note__body{margin-top:.7rem;padding-top:.7rem;border-top:1px solid rgba(42,38,32,.14);font-size:.92rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.gb-note__date{margin-top:.75rem;text-align:right;font-size:.55rem;letter-spacing:.1em;color:#2a262080;font-variant-numeric:tabular-nums}.gb-view__empty{color:var(--dim);font-size:.85rem}.gb-confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none;overflow:hidden}.gb-confetti i{position:absolute;top:0;left:0;width:9px;height:14px;border-radius:2px;will-change:transform,opacity}@media (max-width: 820px){.gb-btn{left:calc(var(--pad) + 3.2rem);bottom:calc(var(--works-h) + 1.1rem);padding:.5rem .75rem;font-size:.58rem;letter-spacing:.14em}.gb-toast{max-width:calc(100vw - 2 * var(--pad));white-space:normal}.gb-panel{width:min(94vw,430px);grid-template-columns:1fr;max-height:88dvh;overflow-y:auto;font-size:.86rem}.gb-panel__left{border-right:none;border-bottom:1px solid var(--faint);padding:1.2rem 1.2rem 1.1rem;gap:.9rem}.gb-reel{height:132px}.gb-preview{aspect-ratio:16 / 9}.gb-roll{padding:.55rem 1.7rem;margin-top:.1rem}.gb-panel__right{padding:1.1rem 1.2rem 1.2rem;gap:.8rem}.gb-field textarea{min-height:5.5em}.gb-view{max-height:82dvh;padding:1.2rem 1.1rem 1rem}}.msg-btn{position:absolute;right:var(--pad);bottom:calc(var(--works-h) + 1.2rem);z-index:8;display:flex;align-items:center;gap:.55rem;padding:.5rem .9rem;background:none;border:1px solid var(--faint);border-radius:999px;color:var(--dim);font:inherit;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:color .4s var(--ease),border-color .4s var(--ease)}.msg-btn:hover{color:var(--text);border-color:var(--text)}.msg-btn__dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.msg-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8990;display:grid;place-items:center;padding:var(--pad);background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s}.msg-backdrop.is-open{opacity:1;visibility:visible}.msg-panel{width:min(94vw,760px);max-height:min(82vh,720px);display:grid;grid-template-columns:minmax(260px,.9fr) minmax(280px,1.1fr);background:var(--bg);color:var(--text);border:1px solid var(--faint);border-radius:14px;box-shadow:0 50px 120px #0000008c;overflow:hidden;transform:translateY(20px) scale(.97);transition:transform .6s var(--ease)}.msg-backdrop.is-open .msg-panel{transform:translateY(0) scale(1)}.msg-form,.msg-list{min-height:0;padding:1.55rem}.msg-form{border-right:1px solid var(--faint);display:flex;flex-direction:column;gap:1rem}.msg-list{display:flex;flex-direction:column;gap:1rem;overflow:auto}.msg-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.msg-title{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.msg-close{background:none;border:none;color:var(--dim);cursor:pointer;font-size:1.35rem;line-height:1;transition:color .3s var(--ease)}.msg-close:hover{color:var(--text)}.msg-field{display:flex;flex-direction:column;gap:.35rem}.msg-field label{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.msg-field input,.msg-field textarea{width:100%;font:inherit;font-size:.92rem;background:none;color:var(--text);border:none;border-bottom:1px solid var(--faint);padding:.38rem 0;resize:none;transition:border-color .3s var(--ease)}.msg-field textarea{min-height:9.5rem;line-height:1.55}.msg-field input::placeholder,.msg-field textarea::placeholder{color:var(--dim);opacity:.6}.msg-field input:focus,.msg-field textarea:focus{outline:none;border-color:var(--accent)}.msg-submit{align-self:flex-start;margin-top:auto;padding:.55rem 1.2rem;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;font:inherit;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;transition:opacity .3s var(--ease),transform .15s var(--ease)}.msg-submit:disabled{opacity:.45;cursor:not-allowed}.msg-submit:active:not(:disabled){transform:scale(.97)}.msg-status{min-height:1.4em;color:var(--dim);font-size:.68rem;line-height:1.5}.msg-status.is-error{color:var(--accent)}.msg-status.is-success{color:var(--text)}.msg-items{display:flex;flex-direction:column;gap:.85rem}.msg-card{border:1px solid var(--faint);border-radius:8px;padding:.9rem .95rem;background:color-mix(in srgb,var(--text) 3%,transparent)}.msg-card__top{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.55rem}.msg-card__name{font-size:.78rem;font-weight:700;color:var(--text)}.msg-card__date{flex:0 0 auto;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.msg-card__body{white-space:pre-wrap;word-break:break-word;font-size:.9rem;line-height:1.65;color:var(--text)}.msg-empty,.msg-loading,.msg-error{border:1px dashed var(--faint);border-radius:8px;padding:1rem;color:var(--dim);font-size:.78rem;line-height:1.6}.msg-error{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,var(--faint))}@media (max-width: 820px){.msg-btn{right:var(--pad);bottom:calc(var(--works-h) + 4.15rem)}.msg-panel{grid-template-columns:1fr;max-height:84vh;overflow:auto}.msg-form{border-right:none;border-bottom:1px solid var(--faint)}.msg-list{overflow:visible}.msg-field textarea{min-height:7rem}}:root{--ol-bg:#0a0a0b;--ol-fg:#f2f2f0}#orbit-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--ol-bg);color:var(--ol-fg);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;cursor:wait}#orbit-loader canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.ol-corner{position:absolute;font-size:9px;letter-spacing:.32em;text-transform:uppercase;color:#f2f2f06b;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;white-space:nowrap;-webkit-user-select:none;user-select:none}.ol-tl{top:26px;left:30px}.ol-bl{bottom:28px;left:30px}.ol-tl b{color:#f2f2f0cc;font-weight:400}.ol-meta{position:absolute;right:30px;bottom:22px;text-align:right;-webkit-user-select:none;user-select:none}.ol-meta .ol-cap{display:block;margin-bottom:2px;font-size:9px;letter-spacing:.32em;text-transform:uppercase;color:#f2f2f06b;font-family:ui-monospace,SF Mono,Menlo,monospace}.ol-num{font-size:clamp(44px,6.5vw,72px);font-weight:200;line-height:1;letter-spacing:-.015em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";color:var(--ol-fg)}.ol-num .ol-pct{font-size:.32em;font-weight:300;color:#f2f2f080;margin-left:.18em;letter-spacing:0;vertical-align:.12em}.ol-bar{position:absolute;left:0;bottom:0;width:100%;height:1px;background:#f2f2f08c;transform:scaleX(0);transform-origin:0 50%}