@font-face{font-family:Fragment Mono;src:url(/fonts/FragmentMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fragment Mono;src:url(/fonts/FragmentMono-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}:root{--bg: #ecebe7;--bg-panel: #e2e1dc;--bg-dark: #0e0e0d;--ink: #0e0e0d;--ink-soft: #46453f;--mute: #9a988f;--line: rgba(14, 14, 13, .14);--line-soft: rgba(14, 14, 13, .08);--accent: #8c8ba0;--on-accent: #0e0e0d;--font-display: "Kanit", system-ui, sans-serif;--font-mono: "Fragment Mono", ui-monospace, monospace;--side: clamp(340px, 35vw, 520px);--pad: clamp(20px, 2.2vw, 40px);--pad-x: clamp(32px, 3vw, 56px);--content-top: clamp(140px, 17vh, 200px);--media-h: min(412px, 67.5vw);--slide-w: calc(var(--media-h) * 4 / 3);--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-display);font-weight:300;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}ul{list-style:none}.label{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}::selection{background:var(--accent);color:var(--on-accent)}.layout{display:flex;align-items:flex-start}.sidebar{position:sticky;top:0;flex:0 0 var(--side);width:var(--side);height:100vh;padding:var(--content-top) var(--pad-x) var(--pad);display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(28px,4vh,44px);border-right:1px solid rgba(255,255,255,.1);background:var(--bg-dark);color:#f4f3ef;overflow-y:auto;scrollbar-width:none;z-index:20}.sidebar::-webkit-scrollbar{display:none}.sidebar .brand__logo{color:#fff}.sidebar .brand__logo img{filter:brightness(0) invert(1)}.sidebar .label{color:#ffffff80}.sidebar .positioning{color:#fff}.sidebar .lede{color:#ffffff9e}.sidebar .side-info__label,.sidebar .side-services li{color:#ffffff80}.sidebar .side-services li:hover{color:#fff}.sidebar .pill{background:#fff;color:var(--bg-dark)}.sidebar .pill:hover{color:var(--bg-dark)}.sidebar .pill--ghost{background:transparent;color:#ffffffd9;border:1px solid rgba(255,255,255,.28)}.sidebar .pill--ghost:before{content:none}.sidebar .pill--ghost:hover{color:var(--accent);border-color:var(--accent)}.sidebar .ghost{color:#fff9;border-bottom-color:#ffffff40}.sidebar .side-meta{color:#ffffff73}.sidebar .clock{color:#fff}.sidebar .copyright{color:#fff6}.scroll{flex:1;min-width:0;min-height:100vh;padding:var(--content-top) var(--pad) var(--pad);background:#fff}.topnav{position:fixed;top:var(--pad);left:50%;transform:translate(-50%);z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:min(600px,calc(100% - 2 * var(--pad)));height:54px;padding:8px 14px;background-color:#0000004d;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:80px}.topnav__logo{display:block;width:clamp(34px,3.5vw,42px);justify-self:center}.topnav__logo img{width:100%;height:auto;filter:brightness(0) invert(1)}@keyframes mark-candle{0%{opacity:1;transform:scale(1) skew(0);filter:brightness(0) invert(1) drop-shadow(0 0 2px rgba(255,255,255,.28))}9%{opacity:.85;transform:scale(.99) skew(.7deg);filter:brightness(0) invert(1) drop-shadow(0 0 1px rgba(255,255,255,.12))}16%{opacity:1;transform:scale(1.01) skew(-.3deg);filter:brightness(0) invert(1) drop-shadow(0 0 4px rgba(255,255,255,.42))}25%{opacity:.8;transform:scale(.988) skew(.5deg);filter:brightness(0) invert(1) drop-shadow(0 0 1px rgba(255,255,255,.1))}34%{opacity:.98;transform:scale(1.008) skew(-.5deg);filter:brightness(0) invert(1) drop-shadow(0 0 3px rgba(255,255,255,.36))}44%{opacity:.88;transform:scale(1) skew(.4deg);filter:brightness(0) invert(1) drop-shadow(0 0 2px rgba(255,255,255,.2))}54%{opacity:1;transform:scale(1.006) skew(-.2deg);filter:brightness(0) invert(1) drop-shadow(0 0 4px rgba(255,255,255,.45))}64%{opacity:.82;transform:scale(.99) skew(.6deg);filter:brightness(0) invert(1) drop-shadow(0 0 1px rgba(255,255,255,.12))}74%{opacity:.97;transform:scale(1.004) skew(-.4deg);filter:brightness(0) invert(1) drop-shadow(0 0 3px rgba(255,255,255,.34))}84%{opacity:.9;transform:scale(1) skew(.3deg);filter:brightness(0) invert(1) drop-shadow(0 0 2px rgba(255,255,255,.22))}93%{opacity:1;transform:scale(1.002) skew(0);filter:brightness(0) invert(1) drop-shadow(0 0 4px rgba(255,255,255,.4))}to{opacity:1;transform:scale(1) skew(0);filter:brightness(0) invert(1) drop-shadow(0 0 2px rgba(255,255,255,.28))}}.topnav__clock{justify-self:start;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:#ffffffb3;font-variant-numeric:tabular-nums;white-space:nowrap}.topnav__actions{display:flex;align-items:center;gap:8px;justify-self:end}.topnav__contact{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 22px;border-radius:25.61px;background:#454545;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e1e1e1;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;transition:background .3s var(--ease),color .3s var(--ease)}.topnav__contact .brk{opacity:.5}.topnav__contact:hover{background:var(--accent);color:var(--bg-dark)}.topnav__sound{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#454545;color:#e1e1e1;cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease)}.topnav__sound:hover{background:var(--accent);color:var(--bg-dark)}.sound-bars{display:flex;align-items:center;gap:2px;height:14px}.sound-bars i{display:block;width:2px;height:4px;background:currentColor;border-radius:1px;transition:height .2s ease}.topnav__sound.is-playing .sound-bars i{animation:sound-eq .9s ease-in-out infinite}.topnav__sound.is-playing .sound-bars i:nth-child(2){animation-delay:.25s}.topnav__sound.is-playing .sound-bars i:nth-child(3){animation-delay:.5s}@keyframes sound-eq{0%,to{height:4px}50%{height:14px}}@media (prefers-reduced-motion: reduce){.topnav__sound.is-playing .sound-bars i{animation:none;height:9px}}.side-top{display:flex;flex-direction:column;gap:clamp(14px,2vh,22px)}.side-wordmark{display:block;width:clamp(170px,52%,250px);height:auto;filter:brightness(0) invert(1)}.brand__logo{display:block;width:clamp(150px,60%,230px);color:var(--ink)}.brand__logo img{width:100%;height:auto}.side-label{display:block}.positioning{font-size:clamp(26px,2.5vw,40px);font-weight:400;line-height:1.04;letter-spacing:-.025em;max-width:18ch}.positioning .accent{color:var(--accent)}.lede{font-size:clamp(14px,1.05vw,16px);font-weight:300;line-height:1.5;color:var(--ink-soft);max-width:42ch}.side-info{display:grid;grid-template-columns:clamp(92px,26%,150px) 1fr;column-gap:clamp(18px,3vw,44px);row-gap:clamp(28px,4vh,44px);align-items:start}.side-info__label{font-family:var(--font-mono);font-size:11px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--mute);padding-top:.3em}.side-info__label:before{content:"( "}.side-info__label:after{content:" )"}.side-info .lede{margin:0}.side-services{display:flex;flex-direction:column}.side-services li{font-family:var(--font-display);font-weight:400;font-size:clamp(14px,1.05vw,16px);line-height:1.5;letter-spacing:-.01em;color:var(--mute);transition:color .3s var(--ease);cursor:default}.side-services li:hover{color:var(--ink)}.side-foot{display:flex;flex-direction:column;gap:16px}.status{display:flex;align-items:center;gap:8px}.status__dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 #8c8ba099;animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #8c8ba099}70%{box-shadow:0 0 0 7px #8c8ba000}to{box-shadow:0 0 #8c8ba000}}.cta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;justify-content:center;gap:16px;width:100%;height:38px;padding:0 40px;border-radius:999px;background:var(--bg-dark);color:#fff;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;overflow:hidden;position:relative}.pill>*{position:relative;z-index:1}.pill:before{content:"";position:absolute;inset:0;background:var(--accent);transform:translateY(101%);transition:transform .5s var(--ease)}.pill:hover:before{transform:translateY(0)}.pill--ghost{gap:9px}.pill__ico{width:15px;height:15px;flex:none}.side-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;color:var(--mute);letter-spacing:.04em}.side-meta a{transition:color .3s var(--ease)}.side-meta a:hover{color:var(--accent)}.clock{color:var(--ink);font-variant-numeric:tabular-nums}.copyright{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.side-social{display:flex;flex-direction:column;gap:10px}.bracket-links{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.bracket-links a{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#f4f3ef;transition:color .3s var(--ease)}.bracket-links a:hover{color:var(--accent)}.bracket-links .brk{color:#fff6;transition:color .3s var(--ease)}.bracket-links a:hover .brk{color:var(--accent)}.works-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:16px;margin-bottom:clamp(28px,4vw,56px);border-bottom:1px solid var(--line)}.projects{display:flex;flex-direction:column;gap:clamp(56px,8vw,110px)}.project__head{display:flex;justify-content:space-between;align-items:flex-start;gap:clamp(20px,4vw,56px);margin-bottom:clamp(16px,2vw,22px)}.project__meta{display:grid;grid-template-columns:auto auto;column-gap:10px;row-gap:5px;align-content:start;flex:0 0 auto}.project__meta div{display:contents}.project__meta dt{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.project__meta dd{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;text-transform:uppercase;color:var(--ink)}.project__meta dd:before{content:": ";color:var(--mute)}.slider{position:relative}.slider__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.slider__viewport::-webkit-scrollbar{display:none}.slider__viewport.is-dragging{cursor:grabbing;scroll-snap-type:none}.slider__track{display:flex;gap:0;width:max-content}.slide{flex:0 0 var(--slide-w);scroll-snap-align:start}.project--portrait .slide{flex-basis:calc(var(--media-h) * 4 / 5)}.project--portrait .slide__media{aspect-ratio:4 / 5}.project--wide .slide{flex-basis:calc(var(--media-h) * 16 / 10)}.project--wide .slide__media{aspect-ratio:16 / 10}.compare{width:100%}.compare__media{position:relative;width:100%;height:var(--media-h);overflow:hidden;background:var(--bg-panel);cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}.compare__media--aspect{width:calc(var(--media-h) * var(--compare-ar));max-width:100%}.slider--compare .slider__track>.compare{flex:0 0 auto;width:auto;scroll-snap-align:start}.compare__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.compare__clip{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0);will-change:clip-path}.compare__label{position:absolute;bottom:14px;z-index:3;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#fff;padding:5px 10px;border-radius:100px;background:#0e0e0d80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.compare__label--before{left:14px}.compare__label--after{right:14px}.compare__divider{position:absolute;top:0;bottom:0;z-index:4;left:var(--pos);width:1.5px;background:#ffffffd9;transform:translate(-50%);pointer-events:none;box-shadow:0 0 14px #0e0e0d47}.compare__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#0e0e0d6b;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border:1px solid rgba(255,255,255,.45);color:#fff;box-shadow:0 8px 24px #0e0e0d52,inset 0 1px #ffffff4d;cursor:ew-resize;pointer-events:auto;transition:transform .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease)}.compare__handle svg{width:16px;height:16px}.compare__media:hover .compare__handle{transform:translate(-50%,-50%) scale(1.08);border-color:#ffffffb3}.compare__media.is-dragging .compare__handle{transform:translate(-50%,-50%) scale(1.08);background:#8c8ba08c;border-color:#fffc}.compare__handle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.slide__media{position:relative;aspect-ratio:4 / 3;background:var(--bg-panel);overflow:hidden}.slide__media img{width:100%;height:100%;object-fit:cover}.slide__media video{width:100%;height:100%;object-fit:cover;display:block}.slide__media.is-placeholder{display:grid;place-items:center}.slide__media.is-placeholder:after{content:attr(data-tag);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.slide__media.is-dark{background:var(--bg-dark)}.slide__media.is-dark:after{color:#fff6}.slide__media.is-accent{background:var(--accent)}.slide__media.is-accent:after{color:#ffffffd9}.slide__cap{margin-top:10px;font-family:var(--font-mono);font-size:11px;color:var(--mute);letter-spacing:.04em}.slider__controls{display:flex;align-items:center;gap:16px;margin-top:18px}.slider__btns{display:flex;gap:8px}.slider__btn{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),opacity .3s}.slider__btn svg{width:13px;height:13px}.slider__btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.slider__btn[disabled]{opacity:.28;pointer-events:none}.slider__pct{display:inline-grid;place-items:center;min-width:74px;height:40px;padding:0 18px;border-radius:22px;background:#0e0e0de0;color:#fff;font-family:var(--font-mono);font-size:13px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.project__title{font-size:clamp(22px,2.4vw,36px);font-weight:400;letter-spacing:-.02em;line-height:1.25}.project__title .arrow{color:var(--accent);display:inline-block;transition:transform .4s var(--ease)}.project:hover .project__title .arrow{transform:translate(6px,-6px)}.footer{position:relative;z-index:2;background:linear-gradient(180deg,#8c8ba0 13%,#000);color:#fff;padding:clamp(32px,4vw,40px) var(--pad-x) 32px;font-family:var(--font-mono);font-size:11px;line-height:1.4;letter-spacing:.02em}.footer__top{margin-bottom:clamp(48px,8vw,80px)}.footer__logo{display:inline-block;width:clamp(150px,16vw,220px)}.footer__logo img{width:100%;height:auto;filter:brightness(0) invert(1)}.footer__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding-bottom:clamp(48px,8vw,80px)}.footer__label{font-size:11px;font-weight:400;color:#a6a6a7;text-transform:uppercase;letter-spacing:.04em;margin:0 0 18px}.footer__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.footer__links a{color:#fff;font-size:11px;letter-spacing:.04em;text-transform:uppercase;position:relative;display:inline-block;align-self:flex-start;margin:-3px -8px}.menu-item__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;padding:3px 8px;line-height:1.2}.menu-item-inner__text{display:block;translate:0 0;transition:translate .35s cubic-bezier(.32,.72,0,1),color .2s ease;will-change:translate}.menu-item-inner__icon{position:absolute;left:8px;top:2px;width:13px;height:13px;color:#fff;translate:0 160%;scale:.5;opacity:0;transition:translate .35s cubic-bezier(.32,.72,0,1),scale .35s cubic-bezier(.34,2.27,.64,1),opacity .25s cubic-bezier(.32,.72,0,1)}.menu-item-inner__icon svg{width:100%;height:100%;display:block}.footer__links a:hover .menu-item-inner__text{translate:0 -160%}.footer__links a:hover .menu-item-inner__icon{translate:0 0;scale:1;opacity:1}@media (prefers-reduced-motion: reduce){.menu-item-inner__text,.menu-item-inner__icon{transition:none}}.footer__bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.15);font-size:11px;color:#ffffffa6;text-transform:uppercase;letter-spacing:.04em}.footer__copy{justify-self:start}.footer__cookies{justify-self:center;background:none;border:none;color:#ffffffa6;font:inherit;text-transform:uppercase;letter-spacing:.05em;transition:color .2s ease}.footer__cookies:hover{color:#fff}.footer__rights{justify-self:end}.cookie{position:fixed;right:clamp(16px,2vw,28px);bottom:clamp(16px,2vw,28px);z-index:1000;width:min(380px,calc(100vw - 32px));background:#0a0a0a;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:clamp(20px,2vw,26px);box-shadow:0 24px 60px #00000073;opacity:0;transform:translateY(14px);transition:opacity .45s var(--ease),transform .45s var(--ease)}.cookie[hidden]{display:none}.cookie.is-visible{opacity:1;transform:none}.cookie__title{font-family:var(--font-display);font-weight:500;font-size:clamp(20px,2vw,24px);letter-spacing:-.01em;margin-bottom:10px}.cookie__text{font-family:var(--font-display);font-weight:300;font-size:14px;line-height:1.5;color:#ffffffa8;margin-bottom:20px}.cookie__text a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(140,139,160,.5);transition:color .2s ease,border-color .2s ease}.cookie__text a:hover{color:#fff;border-color:#fff}.cookie__actions{display:flex;gap:10px}.cookie__btn{flex:1;padding:13px 14px;border-radius:11px;border:1px solid transparent;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.cookie__btn--ghost{background:transparent;border-color:#ffffff40;color:#fff}.cookie__btn--ghost:hover{border-color:#fff}.cookie__btn--accept{background:var(--accent);color:var(--on-accent)}.cookie__btn--accept:hover{background:#fff}@media (prefers-reduced-motion: reduce){.cookie{transition:opacity .2s linear;transform:none}}.works-after{position:relative;z-index:1;background:#000;overflow:hidden}.foot-show{display:flex;width:100%}.ftile{position:relative;flex:1 1 20%;aspect-ratio:4 / 5;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.35) 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.35) 88%,transparent 100%)}.ftile__img{position:absolute;inset:0;background:center / cover no-repeat;filter:brightness(0);transition:filter .7s var(--ease),transform .9s var(--ease)}.ftile.is-featured .ftile__img{filter:brightness(1)}.ftile:hover .ftile__img{filter:brightness(1);transform:scale(1.04)}.progressive-blur{position:fixed;inset:auto 0 0 var(--side);height:clamp(120px,20vh,200px);z-index:10;pointer-events:none;opacity:1}.pb-inner{position:absolute;inset:0}.pb-layer{position:absolute;inset:0;will-change:backdrop-filter}.pb-l0{backdrop-filter:blur(.5px);-webkit-backdrop-filter:blur(.5px);-webkit-mask:linear-gradient(to bottom,#000 0%,#000 12%,transparent 32%);mask:linear-gradient(to bottom,#000 0%,#000 12%,transparent 32%)}.pb-l1{backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);-webkit-mask:linear-gradient(to bottom,transparent 0%,#000 25%,#000 50%,transparent 75%);mask:linear-gradient(to bottom,transparent 0%,#000 25%,#000 50%,transparent 75%)}.pb-l2{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);-webkit-mask:linear-gradient(to bottom,transparent 25%,#000 50%,#000 75%,transparent 100%);mask:linear-gradient(to bottom,transparent 25%,#000 50%,#000 75%,transparent 100%)}.pb-l3{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);-webkit-mask:linear-gradient(to bottom,transparent 50%,#000 75%,#000 100%);mask:linear-gradient(to bottom,transparent 50%,#000 75%,#000 100%)}.pb-l3b{backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);-webkit-mask:linear-gradient(to bottom,transparent 60%,#000 82%,#000 100%);mask:linear-gradient(to bottom,transparent 60%,#000 82%,#000 100%)}.pb-l4{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);-webkit-mask:linear-gradient(to bottom,transparent 70%,#000 100%);mask:linear-gradient(to bottom,transparent 70%,#000 100%)}.player{position:fixed;right:clamp(16px,2vw,28px);bottom:clamp(16px,2vw,28px);z-index:9500;width:min(300px,calc(100vw - 32px));padding:13px 16px 12px;border-radius:16px;background:#0e0e0d6b;-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 50px #0e0e0d57,inset 0 1px #ffffff29;color:#fff;font-family:var(--font-mono);overflow:hidden;isolation:isolate}.player:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 90% at 0% 0%,rgba(140,139,160,.34),transparent 60%),radial-gradient(130% 130% at 100% 120%,rgba(140,139,160,.14),transparent 55%);pointer-events:none}.player__head{display:flex;align-items:center;gap:10px;margin-bottom:9px}.player__play{flex:none;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:opacity .2s ease}.player__play:hover{opacity:.7}.player__ico{width:18px;height:18px}.player__ico--pause,.player.is-playing .player__ico--play{display:none}.player.is-playing .player__ico--pause{display:inline}.player__title{flex:1;min-width:0;font-family:var(--font-display);font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__time{flex:none;font-size:11px;letter-spacing:.04em;color:#fff9;font-variant-numeric:tabular-nums}.player__wave{display:block;width:100%;height:34px;cursor:pointer}@media (max-width: 520px){.player{width:calc(100vw - 24px);right:12px;bottom:12px}}.player{display:none!important}.grain{position:fixed;inset:0;z-index:9000;pointer-events:none;opacity:.4;mix-blend-mode:multiply;background-size:78px 78px}@media (prefers-reduced-motion: reduce){.grain{opacity:.08}}.cursor-dot{display:none}.cursor-none,.cursor-none *{cursor:none!important}.cursor-none .cursor-dot{display:block;position:fixed;top:0;left:0;width:13px;height:13px;border-radius:5px;background:transparent;-webkit-backdrop-filter:grayscale(1) invert(1) contrast(1.35);backdrop-filter:grayscale(1) invert(1) contrast(1.35);pointer-events:none;z-index:9999;opacity:0;transform:translate(-50%,-50%) translateZ(0);transition:width .3s var(--ease),height .3s var(--ease),border-radius .3s var(--ease),background-color .28s ease,border-color .28s ease,opacity .25s ease;will-change:transform}.cursor-dot.is-hover{width:24px;height:24px;border-radius:50%}@media (max-width: 900px){:root{--side: 100%}.sidebar{position:relative;width:100%;height:auto;padding:var(--pad);border-right:none;border-bottom:1px solid var(--line);gap:32px}.layout{flex-direction:column;align-items:stretch}.scroll{padding-top:var(--pad);width:100%;min-width:0}.topnav{position:relative;top:auto;left:auto;transform:none;margin:0 auto clamp(24px,5vw,40px);max-width:100%}.topnav__clock{display:none}.progressive-blur{left:0;height:clamp(90px,14vh,150px)}.positioning{max-width:22ch}.side-info{grid-template-columns:auto 1fr}.project__head{flex-direction:column;gap:10px}.footer__grid{grid-template-columns:1fr 1fr;gap:28px 16px}.footer__bottom{grid-template-columns:1fr;gap:12px;text-align:center}.footer__copy,.footer__cookies,.footer__rights{justify-self:center}}@media (max-width: 520px){.side-services{grid-template-columns:1fr}.works-foot{flex-direction:column;gap:8px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}