.im-surf{position:relative;width:100%;background:var(--surf-bg);color:var(--surf-ink)}
.im-surf-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.im-surf-head{position:absolute;z-index:120;top:clamp(20px,4vw,48px);left:clamp(16px,4vw,56px);pointer-events:none}
.im-surf-kicker{display:block;font:500 12px/1 var(--surf-mono,ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-bottom:10px}
.im-surf-title{margin:0;font:var(--surf-title-font);line-height:.92;letter-spacing:-.02em}
.im-surf-title sup{font-size:.36em;vertical-align:top;margin-left:.2em;font-variant-numeric:tabular-nums}
.im-surf-hint{position:absolute;z-index:120;right:clamp(16px,4vw,56px);bottom:clamp(16px,3vw,36px);font:500 12px/1 var(--surf-mono,ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.im-surf-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:2000px;perspective-origin:10% 10%}
.im-surf-track{position:relative;width:0;height:0;transform-style:preserve-3d;will-change:transform}
.im-surf-card{position:absolute;left:-150px;top:-200px;display:block;overflow:visible;transform-style:preserve-3d;color:inherit;text-decoration:none;will-change:transform}
.im-surf-card img{width:100%;height:100%;object-fit:cover;display:block;background:var(--surf-card);box-shadow:0 30px 60px -30px rgba(0,0,0,.35);filter:brightness(.94);transition:filter .2s ease,transform .16s cubic-bezier(.23,1,.32,1)}
@media (hover:hover){.im-surf-card:hover img{filter:brightness(1.03)}}
.im-surf-card:active img{transform:scale(.98)}
.im-surf-card:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.im-surf-n{position:absolute;top:-22px;left:-2px;font:500 11px/1 var(--surf-mono,ui-monospace,monospace);opacity:.7}
.im-surf-cap{position:absolute;left:0;right:0;top:calc(100% + 10px);display:flex;justify-content:space-between;gap:8px;font:500 13px/1.25 var(--surf-body,system-ui)}
.im-surf-cap b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.im-surf-cap i{font-style:normal;font-variant-numeric:tabular-nums;opacity:.8}
.im-surf.is-static{height:auto}
.im-surf.is-static .im-surf-stage{position:relative;height:auto;padding:140px 16px 80px}
.im-surf.is-static .im-surf-scene{position:static;display:block;perspective:none}
.im-surf.is-static .im-surf-track{width:auto;height:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:40px 16px;transform:none!important}
.im-surf.is-static .im-surf-card{position:relative;left:0;top:0;width:auto!important;height:auto!important;aspect-ratio:3/4;transform:none!important}
@media (max-width:759px){.im-surf-card{left:-105px;top:-140px}}
:root{--im-ease-out:cubic-bezier(.23,1,.32,1);--im-ease-io:cubic-bezier(.77,0,.175,1)}

.bwf{position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;background:var(--bwf-bg);color:var(--bwf-ink);font-family:var(--bwf-sans);-webkit-font-smoothing:antialiased;touch-action:pan-y;--bwf-ang:118deg;--bwf-b:58%;--bwf-px:50%;--bwf-py:50%;--bwf-g:0}
.bwf a{color:inherit;text-decoration:none}
.bwf ul{list-style:none;margin:0;padding:0}.bwf p{margin:0}
.bwf-rule{position:absolute;left:0;right:0;top:0;height:1px;z-index:3;background:linear-gradient(90deg,rgba(var(--bwf-acc),.15),rgba(var(--bwf-acc),.55) var(--bwf-b),rgba(var(--bwf-acc),.15))}
.bwf-sky{position:absolute;inset:0;z-index:0;pointer-events:none}
.bwf-wash{position:absolute;inset:0;background:radial-gradient(120% 90% at 8% 0%,rgba(var(--bwf-acc),.2),transparent 55%),radial-gradient(90% 70% at 92% 8%,rgba(var(--bwf-acc),.14),transparent 60%)}
.bwf-bands{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(var(--bwf-acc),.05) 0 1.6cqw,transparent 1.6cqw 4.2cqw);-webkit-mask-image:linear-gradient(100deg,#000 0%,transparent 55%);mask-image:linear-gradient(100deg,#000 0%,transparent 55%)}
.bwf-beam{position:absolute;inset:0;filter:blur(calc(1px + 1.6cqw));background:linear-gradient(var(--bwf-ang),transparent calc(var(--bwf-b) - 11%),rgba(var(--bwf-acc),.10) calc(var(--bwf-b) - 5%),rgba(var(--bwf-acc),.34) var(--bwf-b),rgba(var(--bwf-acc),.08) calc(var(--bwf-b) + 4%),transparent calc(var(--bwf-b) + 9%)),linear-gradient(var(--bwf-ang),transparent calc(var(--bwf-b) - 34%),rgba(var(--bwf-acc),.10) calc(var(--bwf-b) - 27%),transparent calc(var(--bwf-b) - 20%))}
.bwf-glow{position:absolute;inset:0;opacity:var(--bwf-g);background:radial-gradient(circle 26cqw at var(--bwf-px) var(--bwf-py),rgba(var(--bwf-acc),.16),transparent 70%)}
.bwf-inner{position:relative;z-index:2;box-sizing:border-box;max-width:1120px;margin:0 auto;padding:clamp(48px,8.5cqw,104px) clamp(20px,6cqw,88px) 0;display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,.86fr) minmax(0,.86fr);column-gap:clamp(24px,4cqw,48px);row-gap:44px}
.bwf-label{font-size:12px;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--bwf-acc));padding-bottom:13px;position:relative;display:block}
.bwf-label::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(var(--bwf-acc),.55),rgba(var(--bwf-acc),.28));transform-origin:0 50%;transform:scaleX(var(--bwf-line,1));transition:transform 1.1s cubic-bezier(.2,.7,.1,1) var(--bwf-d,0ms)}
.bwf[data-in='false'] .bwf-label::after{--bwf-line:0}
.bwf-fade{transition:opacity .9s ease var(--bwf-d,0ms),translate .9s cubic-bezier(.2,.7,.1,1) var(--bwf-d,0ms)}
.bwf[data-in='false'] .bwf-fade{opacity:0;translate:0 14px}
.bwf-socials{display:flex;gap:10px;margin-top:13px}
.bwf-soc{width:44px;height:44px;display:grid;place-items:center;border-radius:6px;color:rgba(var(--bwf-ink-rgb),.75);background:linear-gradient(180deg,rgba(var(--bwf-ink-rgb),.09),rgba(var(--bwf-ink-rgb),.025));box-shadow:inset 0 0 0 1px rgba(var(--bwf-ink-rgb),.16),inset 0 1px 0 rgba(var(--bwf-ink-rgb),.14);transition:color .2s ease,translate .2s cubic-bezier(.2,.8,.2,1),scale .16s ease-out,background .25s ease,box-shadow .25s ease}
.bwf-soc svg{width:18px;height:18px}
.bwf-soc:active{scale:.95}
.bwf-soc:focus-visible{color:var(--bwf-ink);box-shadow:inset 0 0 0 2px rgb(var(--bwf-acc));outline:none}
@media (hover:hover){.bwf-soc:hover{color:var(--bwf-ink);translate:0 -2px;background:linear-gradient(180deg,rgba(var(--bwf-acc),.32),rgba(var(--bwf-acc),.08));box-shadow:inset 0 0 0 1px rgba(var(--bwf-acc),.75)}}
.bwf-credits{margin-top:20px;font-size:14px;line-height:1.55;color:var(--bwf-muted)}
.bwf-credits b{font-weight:500;color:var(--bwf-ink)}
.bwf-links{margin-top:13px}
.bwf-link{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14.5px;line-height:21px;color:rgba(var(--bwf-ink-rgb),.82);transition:color .2s ease}
.bwf-link-t{display:inline-block;transition:translate .25s cubic-bezier(.2,.8,.2,1)}
.bwf-link::before{content:'';position:absolute;left:0;top:50%;width:6px;height:1px;background:rgb(var(--bwf-acc));transform:scaleX(0);transform-origin:0 50%;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.bwf-link svg{width:12px;height:12px;opacity:0;translate:-6px 0;color:rgb(var(--bwf-acc));transition:opacity .2s ease,translate .25s cubic-bezier(.2,.8,.2,1)}
.bwf-link:focus-visible{color:var(--bwf-ink);outline:2px solid rgb(var(--bwf-acc));outline-offset:2px}
@media (hover:hover){.bwf-link:hover{color:var(--bwf-ink)}.bwf-link:hover::before{transform:scaleX(1)}.bwf-link:hover .bwf-link-t{translate:12px 0}.bwf-link:hover svg{opacity:1;translate:10px 0}}
.bwf-word{position:relative;z-index:1;overflow:hidden;margin-top:clamp(28px,7cqw,96px)}
.bwf-word-box{padding:0 clamp(20px,6cqw,88px);max-width:1120px;margin:0 auto;box-sizing:border-box}
.bwf-word-in{display:inline-flex;white-space:nowrap;font-family:var(--bwf-word-font,var(--bwf-sans));font-weight:var(--bwf-ww,600);line-height:1;letter-spacing:-.045em;user-select:none;-webkit-user-select:none}
.bwf-lw{display:inline-block;transition:translate 1.25s cubic-bezier(.16,.84,.2,1) var(--bwf-d,0ms)}
.bwf[data-in='false'] .bwf-lw{translate:0 85%}
.bwf-l{display:inline-block;cursor:pointer;color:transparent;-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat;background-size:var(--bwf-rw) var(--bwf-rh);background-position:calc(var(--bwf-x) * -1) calc(var(--bwf-y) * -1);background-image:radial-gradient(circle 22cqw at var(--bwf-px) var(--bwf-py),rgba(var(--bwf-acc),calc(var(--bwf-g) * .85)),transparent 70%),linear-gradient(var(--bwf-ang),transparent calc(var(--bwf-b) - 9%),rgba(var(--bwf-acc),.55) calc(var(--bwf-b) - 1.5%),rgba(var(--bwf-acc),.7) var(--bwf-b),rgba(var(--bwf-acc),.2) calc(var(--bwf-b) + 3.5%),transparent calc(var(--bwf-b) + 8%)),linear-gradient(180deg,var(--bwf-wt) var(--bwf-top),var(--bwf-wf) var(--bwf-bot));transition:transform .3s cubic-bezier(.2,.9,.25,1.2),filter .3s ease;transform-origin:50% 100%}
@media (hover:hover){.bwf-l:hover{transform:translateY(-.045em);filter:brightness(1.3)}}
.bwf-l.is-hop{animation:bwf-hop .75s cubic-bezier(.2,.8,.2,1)}
@keyframes bwf-hop{0%{transform:translateY(0) scale(1,1)}18%{transform:translateY(.02em) scale(1.06,.9)}45%{transform:translateY(-.14em) scale(.97,1.05)}70%{transform:translateY(.01em) scale(1.02,.97)}100%{transform:translateY(-.045em) scale(1,1)}}
.bwf-foot{position:absolute;left:0;right:0;bottom:0;height:34%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(var(--bwf-bg-rgb),.55) 55%,var(--bwf-bg))}
@container (max-width:760px){.bwf-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:40px}.bwf-inner>.bwf-col:first-child{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.bwf .bwf-lw,.bwf .bwf-fade,.bwf .bwf-label::after,.bwf .bwf-l{transition:none!important;animation:none!important}.bwf[data-in='false'] .bwf-lw,.bwf[data-in='false'] .bwf-fade{translate:none;opacity:1}}
