.wn-mark{aspect-ratio:3.05;width:100%;max-width:min(1180px,100%);max-height:min(36vh,320px);margin-inline:auto;position:relative}@media (max-aspect-ratio:3/4){.wn-mark{aspect-ratio:2.5;max-height:26vh}}.wn-mark__canvas{opacity:0;width:100%;height:100%;transition:opacity .9s var(--ease-out-expo);display:block;position:absolute;inset:0}.wn-mark[data-live=true] .wn-mark__canvas{opacity:1}.wn-mark__word{opacity:0;font-family:var(--font-syne), system-ui, sans-serif;letter-spacing:-.045em;white-space:nowrap;text-transform:uppercase;color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 18px 42px #0000008c);transition:opacity .5s var(--ease-out-expo);background-image:linear-gradient(100deg,#6a7086 0%,#f7f8fc 34%,#fff 50%,#cfd4e4 62%,#757b91 100%);-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;margin:0;font-size:clamp(42px,11.2vw,150px);font-weight:800;line-height:.9;display:flex;position:absolute;inset:0}.wn-mark[data-word=true] .wn-mark__word{opacity:1}[data-theme=light] .wn-mark__word{filter:drop-shadow(0 14px 30px #0c0e1638);background-image:linear-gradient(100deg,#6a7086 0%,#22252e 34%,#0c0e16 50%,#3a3f4f 62%,#7d8296 100%)}.wn-mark[data-live=true] .wn-mark__word{clip-path:inset(50%);opacity:0;pointer-events:none}
.wn-hero{z-index:1;text-align:center;min-height:calc(100svh - var(--nav-h));min-height:calc(100dvh - var(--nav-h));padding-inline:24px;padding-top:clamp(24px,5vh,80px);padding-bottom:calc(clamp(26px, 5vh, 96px) + var(--dock-h));flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}@media (max-height:620px) and (min-width:640px){.wn-hero{padding-top:16px;padding-bottom:24px}}.wn-hero__in{opacity:0;transition:opacity .85s var(--ease-out-expo) calc(.12s + var(--i,0) * 90ms), transform .85s var(--ease-out-expo) calc(.12s + var(--i,0) * 90ms);transform:translateY(20px)}.wn-hero[data-ready=true] .wn-hero__in,.wn-hero:not([data-ready]) .wn-hero__in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.wn-hero__in{opacity:1;transition:none;transform:none}}.wn-hero__cue{left:50%;bottom:calc(clamp(14px, 3.4vh, 40px) + var(--dock-h));z-index:1;pointer-events:none;opacity:0;transition:opacity .8s var(--ease-out-expo) 1.4s;position:absolute;translate:-50%}.wn-hero[data-ready=true] .wn-hero__cue{opacity:1}.wn-hero__cue span{background:var(--line);width:1px;height:40px;display:block;overflow:hidden}.wn-hero__cue i{background:var(--fg);width:100%;height:100%;animation:wn-hero-cue 1.9s var(--ease-in-out-quart) infinite;display:block}@keyframes wn-hero-cue{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}
.wn-desk{--scene-bg:#05060a;--scene-fg:#f4f5fa;--scene-muted:#9aa0b4;position:relative}.wn-desk__plate{background:var(--scene-bg)}.wn-desk__stage{width:100%;height:100dvh;position:sticky;top:0;overflow:hidden}.wn-desk__vignette:before,.wn-desk__vignette:after,.wn-desk__vignette>i{content:"";pointer-events:none;position:absolute}.wn-desk__vignette:before{background:radial-gradient(115% 75% at 50% 42%, transparent 26%, var(--scene-bg) 100%);inset:0}.wn-desk__vignette:after{background:linear-gradient(to bottom, var(--scene-bg), transparent);height:34%;inset:0 0 auto}.wn-desk__vignette>i{background:linear-gradient(to top, var(--scene-bg), transparent);height:54%;inset:auto 0 0}.wn-desk__beats{z-index:2;max-width:min(780px,88vw);padding:0 24px calc(clamp(28px, 9vh, 92px) + var(--dock-h));pointer-events:none;color:var(--scene-fg);flex-direction:column;gap:clamp(14px,2.6vh,26px);margin-inline:auto;display:flex;position:absolute;inset:auto 0 0}.wn-desk__beats:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#03040780 55%,#030407d1);position:absolute;inset:-60px -50vw 0}.wn-desk__beat-label{color:var(--scene-muted)}.wn-desk__beat-line{color:var(--scene-fg)}.wn-desk__beat-note{color:var(--scene-muted)}.wn-desk__loading{z-index:3;right:24px;bottom:calc(24px + var(--dock-h));color:var(--scene-muted);opacity:.5;position:absolute}@media (max-aspect-ratio:3/4){.wn-desk__loading{inset:92px auto auto 24px}}@media (prefers-reduced-motion:reduce){.wn-desk__plate>*,.wn-desk__wall{transform:none!important}}
.wn-wall{--panel-w:clamp(190px, 16.5vw, 288px);--panel-h:clamp(248px, 29vh, 366px);--step:20deg;--radius:calc(var(--panel-w) * 3.5);perspective:2000px;perspective-origin:50% 46%;--bg-x:0px;--bg-x-far:0px;touch-action:pan-y;height:100%;position:relative;overflow:hidden}@media (max-width:700px),(max-aspect-ratio:3/4){.wn-wall{--panel-w:min(54vw, 240px);--panel-h:min(74vw, 320px);--radius:calc(var(--panel-w) * 4);perspective:1250px;perspective-origin:50%}}.wn-wall__bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.wn-wall__bg:before{content:"";background-image:repeating-linear-gradient(to right, var(--edge) 0 1px, transparent 1px 7.5%);opacity:.28;transform:translateX(var(--bg-x-far));position:absolute;inset:-10% -30%;-webkit-mask-image:radial-gradient(70% 55% at 50% 42%,#000 20%,#0000 78%);mask-image:radial-gradient(70% 55% at 50% 42%,#000 20%,#0000 78%)}.wn-wall__bg:after{content:"";background:var(--wall-glow,var(--accent));opacity:.13;filter:blur(90px);width:70vw;height:46vh;transform:translate(-50%, -50%) translateX(var(--bg-x));transition:background var(--dur-slow) var(--ease-out-expo);border-radius:50%;position:absolute;top:32%;left:50%}.wn-wall .wn-gridfloor{background-position:var(--bg-x) 0, 0 0}.wn-wall__ring{width:0;height:0;transform-style:preserve-3d;transform:translateZ(calc(var(--radius) * -1)) rotateY(var(--ring-y,0deg));position:absolute;top:46%;left:50%}@media (max-width:700px),(max-aspect-ratio:3/4){.wn-wall__ring{top:53%}}.wn-wall__panel{left:calc(var(--panel-w) / -2);top:calc(var(--panel-h) / -2);width:var(--panel-w);height:var(--panel-h);transform:rotateY(calc(var(--i) * var(--step))) translateZ(var(--radius));transform-style:preserve-3d;backface-visibility:hidden;cursor:pointer;text-align:left;color:inherit;transition:filter var(--dur-base) var(--ease-out-expo);background:0 0;border:0;padding:0;position:absolute}.wn-wall__panel[data-active=false]{cursor:grab}.wn-wall__panel[data-active=false] .wn-wall__face{filter:brightness(.5)saturate(.7)}.wn-wall__face{-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in srgb, var(--bg) 58%, transparent);width:100%;height:100%;transition:filter var(--dur-base) var(--ease-out-expo), transform var(--dur-base) var(--ease-out-expo);border-radius:26px;flex-direction:column;justify-content:flex-end;padding:clamp(16px,1.9vw,26px);display:flex;position:relative;overflow:hidden}@media (max-width:700px),(max-aspect-ratio:3/4){.wn-wall__face{background:color-mix(in srgb, var(--bg) 92%, transparent)}}.wn-wall__refract{display:none}.wn-wall__sweep,.wn-wall__face:after{z-index:0}.wn-wall__face>.wn-art,.wn-wall__face>.wn-eyebrow,.wn-wall__face>.wn-display,.wn-wall__face>span:last-of-type{z-index:2;position:relative}@keyframes wn-card-float{0%,to{translate:0 -4px}50%{translate:0 5px}}.wn-wall__face{animation:wn-card-float calc(5.2s + var(--i) * .37s) var(--ease-in-out-quart) infinite;animation-delay:calc(var(--i) * -1.31s)}.wn-wall[data-lit=true] .wn-wall__panel[data-active=true] .wn-wall__face{box-shadow:inset 0 1px 0 0 var(--glass-rim-top-hi), inset 1px 0 0 0 var(--glass-rim-side), inset -1px 0 0 0 var(--glass-rim-side-2), inset 0 -1px 0 0 var(--glass-rim-bottom), inset 0 -20px 44px -34px var(--glass-inner), 0 34px 80px -30px var(--glass-drop);transform:translateY(-10px)}.wn-wall__panel[data-active=true] .wn-art{transition:transform var(--dur-base) var(--ease-out-expo)}.wn-wall[data-lit=true] .wn-wall__panel[data-active=true] .wn-art{transform:none}.wn-wall__panel[data-active=true] .wn-wall__open{transition:transform var(--dur-base) var(--ease-out-expo), opacity var(--dur-fast) var(--ease-out-expo)}.wn-wall[data-lit=true] .wn-wall__panel[data-active=true] .wn-wall__open{transform:translate(4px)}.wn-wall__face:after{content:"";pointer-events:none;opacity:0;border-radius:inherit;z-index:auto;-webkit-backdrop-filter:none;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), #ffffff17, transparent 70%);transition:opacity var(--dur-base) var(--ease-out-expo);position:absolute;inset:0;-webkit-mask-image:none;mask-image:none}.wn-wall[data-lit=true] .wn-wall__panel[data-active=true] .wn-wall__face:after{opacity:1}.wn-wall__label{white-space:nowrap;pointer-events:none;align-items:baseline;gap:12px;display:flex;position:absolute;top:calc(100% + 14px);left:2px}@keyframes wn-wall-sweep{0%,62%{transform:translate(-120%)skew(-14deg)}to{transform:translate(220%)skew(-14deg)}}.wn-wall__sweep{pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#ffffff12 45%,#ffffff1f 50%,#0000);animation:none;position:absolute;inset:-10% -40%}.wn-wall__panel[data-active=true] .wn-wall__sweep{opacity:1;animation:wn-wall-sweep 7s var(--ease-in-out-quart) infinite}.wn-wall__open{opacity:0}.wn-wall__panel[data-active=true] .wn-wall__open{opacity:1}.wn-wall__counter{z-index:6;pointer-events:none;position:absolute;top:clamp(72px,10vh,120px);right:clamp(20px,3vw,40px)}.wn-wall__controls{inset:auto 0 calc(clamp(16px, 2.4vh, 28px) + var(--dock-h)) 0;z-index:6;pointer-events:none;justify-content:space-between;align-items:center;gap:16px;padding-inline:clamp(20px,3vw,40px);display:flex;position:absolute}.wn-sheet{z-index:60;touch-action:pan-y;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(36px)saturate(165%);box-shadow:inset 0 1px 0 0 var(--glass-rim-top), inset 0 0 0 1px var(--glass-rim-all), 0 40px 120px -40px #000000f2;border-radius:30px;flex-direction:column;display:flex;position:fixed;inset:clamp(10px,2.2vh,26px) clamp(10px,3.4vw,52px);overflow:hidden}.wn-sheet__glow{pointer-events:none;opacity:.14;filter:blur(90px);border-radius:50%;width:70%;height:70%;position:absolute;top:-30%;left:-10%}.wn-sheet__glow--alt{opacity:.09;background:var(--accent-2);inset:auto -14% -34% auto}.wn-sheet__scroll{touch-action:pan-y}.wn-sheet-open .wn-page-chrome{opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out-expo)}.wn-page-chrome{transition:opacity var(--dur-base) var(--ease-out-expo)}.wn-sheet__scroll{overscroll-behavior:contain;scrollbar-width:thin;flex:1;overflow-y:auto}.wn-wall__depth{transform-style:preserve-3d;transition:filter var(--dur-slow) var(--ease-out-expo), transform var(--dur-slow) var(--ease-out-expo), opacity var(--dur-slow) var(--ease-out-expo);position:absolute;inset:0}.wn-wall[data-open=true] .wn-wall__depth{transform:scale(.93)}.wn-wall[data-open=true] .wn-wall__face,.wn-wall[data-open=true] .wn-wall__label{opacity:.3}.wn-wall__label{transition:opacity var(--dur-slow) var(--ease-out-expo)}.wn-art{border-radius:14px;flex:1;min-height:0;margin-bottom:14px;position:relative;overflow:hidden}.wn-art--center{justify-content:center;align-items:center;gap:10px;display:flex}.wn-art__shot{aspect-ratio:16/10;outline:1px solid var(--edge);width:70%;transform:translate(-50%, -50%) translate(calc((var(--n) - 1) * 13%), calc((var(--n) - 1) * -7%)) rotate(calc((var(--n) - 1) * 4deg));transition:transform var(--dur-slow) var(--ease-out-expo);border-radius:9px;display:block;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 12px 30px -12px #000000e6}.wn-wall__panel[data-active=true] .wn-art__shot{transform:translate(-50%, -50%) translate(calc((var(--n) - 1) * 22%), calc((var(--n) - 1) * -11%)) rotate(calc((var(--n) - 1) * 6deg))}.wn-art__bars{align-items:flex-end;gap:10px;height:62%;display:flex}@keyframes wn-art-grow{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}.wn-art__bar{background:var(--edge);transform-origin:bottom;width:22px;height:calc(38% + var(--n) * 31%);animation:wn-art-grow 2.8s var(--ease-in-out-quart) infinite alternate;animation-delay:calc(var(--n) * .22s);border-radius:5px 5px 2px 2px}@keyframes wn-art-float{0%{transform:translateY(4px)}to{transform:translateY(-6px)}}.wn-art__mark{font-family:var(--font-geist), system-ui, sans-serif;color:var(--edge);font-weight:400;line-height:1;font-size:calc(24px + var(--n) * 8px);opacity:calc(.4 + var(--n) * .15);animation:wn-art-float 3.4s var(--ease-in-out-quart) infinite alternate;animation-delay:calc(var(--n) * .35s)}.wn-art__bubble{border:1px solid var(--edge);width:54px;animation:wn-art-float 3.8s var(--ease-in-out-quart) infinite alternate;animation-delay:calc(var(--n) * .3s);opacity:calc(.9 - var(--n) * .22);border-radius:10px 10px 10px 3px;flex-direction:column;gap:4px;padding:9px 8px;display:flex}.wn-art__bubble i{background:var(--edge);border-radius:2px;height:2px;display:block}.wn-art__bubble i:nth-child(2){width:78%}.wn-art__bubble i:nth-child(3){width:52%}.wn-art__person{border:1px solid var(--edge);background:var(--glass-tint);width:47%;transform:translateY(calc(var(--n) * 8px));transition:transform var(--dur-base) var(--ease-out-expo);border-radius:12px;flex-direction:column;gap:8px;padding:12px 10px;display:flex}.wn-wall__panel[data-active=true] .wn-art__person{transform:translateY(calc(var(--n) * 8px - 4px))}.wn-art__avatar{background:var(--panel-strong);width:30px;height:30px;font-family:var(--font-geist-mono), monospace;letter-spacing:.04em;color:var(--fg);border-radius:999px;place-items:center;font-size:11px;display:grid}.wn-art__person-lines{flex-direction:column;gap:5px;display:flex}.wn-art__person-lines i{background:var(--edge);border-radius:2px;height:3px;display:block}@keyframes wn-art-pulse{0%,70%,to{border-color:var(--edge);color:var(--muted);transform:translateY(0)}85%{border-color:var(--chip);color:var(--fg);transform:translateY(-5px)}}.wn-art__chip{border:1px solid var(--edge);width:42px;height:42px;color:var(--muted);animation:wn-art-pulse 3.3s var(--ease-out-expo) infinite;animation-delay:calc(var(--n) * 1.1s);border-radius:999px;place-items:center;display:grid}@media (prefers-reduced-motion:reduce){.wn-wall__face,.wn-wall__sweep,.wn-art__bar,.wn-art__mark,.wn-art__bubble,.wn-art__chip{animation:none}.wn-wall__depth,.wn-art__shot,.wn-art__person{transition:none}}@keyframes wn-sheet-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.wn-sheet-reveal>*,.wn-sheet-reveal>*>*{animation:wn-sheet-rise .6s var(--ease-out-expo) both}.wn-sheet-reveal>:first-child{animation-delay:60ms}.wn-sheet-reveal>:nth-child(2){animation-delay:.14s}.wn-sheet-reveal>:nth-child(3){animation-delay:.22s}.wn-sheet-reveal>:nth-child(n+4){animation-delay:.3s}.wn-sheet-reveal>*>:first-child{animation-delay:.16s}.wn-sheet-reveal>*>:nth-child(2){animation-delay:.23s}.wn-sheet-reveal>*>:nth-child(3){animation-delay:.3s}.wn-sheet-reveal>*>:nth-child(4){animation-delay:.37s}.wn-sheet-reveal>*>:nth-child(n+5){animation-delay:.44s}@media (prefers-reduced-motion:reduce){.wn-sheet-reveal>*,.wn-sheet-reveal>*>*{animation:none}}.wn-wall__footer{z-index:7;transition:transform var(--dur-base) var(--ease-out-expo);border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(28px)saturate(150%);position:absolute;inset:auto 0 0;transform:translateY(100%)}.wn-wall__footer[data-open=true]{transform:translateY(0)}.wn-wall__footer-close{z-index:20;border:0;border-bottom:1px solid var(--line);background:var(--bg);-webkit-backdrop-filter:blur(28px)saturate(150%);cursor:pointer;width:100%;color:var(--muted);transition:color var(--dur-fast) var(--ease-out-expo);justify-content:center;align-items:center;gap:8px;padding:12px;display:flex;position:sticky;top:0}.wn-wall__footer-close:hover{color:var(--fg)}.wn-wall__footer-inner>footer{border-top:0;margin-top:0}.wn-wall__footer-inner{overscroll-behavior:contain;max-height:62svh;padding-bottom:calc(56px + var(--dock-h));overflow-y:auto}@media (prefers-reduced-motion:reduce){.wn-wall__footer{transition:none}}
.wn-blogcar{width:100%;padding-block:clamp(20px,5vh,56px);position:relative}.wn-blogcar__track{perspective:900px;perspective-origin:50%;height:clamp(300px,42vh,420px);transform-style:preserve-3d;cursor:grab;touch-action:pan-y;position:relative}.wn-blogcar__track:active{cursor:grabbing}.wn-blogcar__card{background:color-mix(in srgb, var(--bg) 55%, var(--gunmetal) 45%);width:clamp(190px,19vw,250px);height:clamp(250px,34vh,330px);box-shadow:inset 0 1px 0 0 var(--glass-rim-top), inset 0 0 0 1px var(--glass-rim-all), 0 30px 60px -30px #000000e6;transition:transform .5s var(--ease-out-expo), opacity .5s var(--ease-out-expo), box-shadow .3s var(--ease-out-expo);border-radius:16px;flex-direction:column;gap:10px;margin-top:calc(clamp(250px,34vh,330px)/-2);margin-left:calc(clamp(190px,19vw,250px)/-2);padding:18px 16px;text-decoration:none;display:flex;position:absolute;top:50%;left:50%;overflow:hidden}.wn-blogcar__card:before{content:"";background:var(--post-accent);height:3px;position:absolute;inset:0 0 auto}.wn-blogcar__card:hover{box-shadow:inset 0 1px 0 0 var(--glass-rim-top), inset 0 0 0 1px var(--post-accent), 0 34px 70px -28px #000000f2}.wn-blogcar__tag{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--post-accent);font-size:9.5px;font-weight:500}.wn-blogcar__title{letter-spacing:-.02em;color:var(--fg);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:clamp(14px,1.15vw,16.5px);line-height:1.25;display:-webkit-box;overflow:hidden}.wn-blogcar__excerpt{color:var(--muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:1;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.wn-blogcar__meta{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px}.wn-blogcar__controls{justify-content:center;align-items:center;gap:18px;margin-top:clamp(14px,3vh,30px);display:flex}@media (prefers-reduced-motion:reduce){.wn-blogcar__card{transition:none}}
