:root{--serif:"Fraunces",Georgia,"Times New Roman",serif;--sans:"Poppins","Helvetica Neue",Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",monospace;--ease:cubic-bezier(0.16,1,0.3,1);--gutter:clamp(20px,5vw,96px);--maxw:1440px}.nocturne{--bg:#f1f1ee;--bg-2:#ffffff;--bg-3:#e8e8e4;--ink:#16171a;--muted:#55575d;--faint:#9a9ca2;--line:rgba(20,22,28,0.13);--line-soft:rgba(20,22,28,0.06);--panel:rgba(255,255,255,0.55);--panel-solid:rgba(255,255,255,0.72);--panel-border:rgba(255,255,255,0.9);--nav:rgba(247,247,245,0.6);--glass-blur:18px;--live:#1f9d68;--grain:0.02;--aurora:0.16;--shadow:0 24px 50px -34px rgba(20,22,28,0.4);--accent:#2f5bf0;--on-accent:#ffffff;--glow-1:#2f5bf0;--glow-2:#86a6ff}.nocturne .glass{background:var(--panel);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);backdrop-filter:blur(var(--glass-blur)) saturate(1.4);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.nocturne .aurora{opacity:var(--aurora)!important}.nocturne{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;position:relative}.nocturne *,.nocturne :after,.nocturne :before{box-sizing:border-box}.nocturne ::selection{background:var(--accent);color:#0d0d0d}.nocturne a{color:inherit;text-decoration:none}.grain{position:fixed;inset:-50%;z-index:9998;pointer-events:none;opacity:var(--grain,.045);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grainshift .8s steps(4) infinite}@keyframes grainshift{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}to{transform:translate(2%,3%)}}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);width:100%}.rule{background:var(--line)}.rule,.rule-soft{height:1px;border:0}.rule-soft{background:var(--line-soft)}.label{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);font-weight:400}.serif{font-family:var(--serif)}.mono{font-family:var(--mono)}.italic{font-style:italic}.accent{color:var(--accent)}.dim{color:var(--muted)}.nocturne :where(h1){margin:0;font-size:inherit;font-weight:inherit}.display{font-family:var(--sans);font-weight:700;letter-spacing:-.03em;line-height:1.02;margin:0;padding-bottom:.06em}.display,.nocturne .btn{text-transform:uppercase}.nocturne .btn{font-family:var(--mono);font-size:12px;letter-spacing:.12em;padding:15px 24px;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease),transform .4s var(--ease);background:transparent;position:relative;overflow:hidden}.nocturne .btn:hover{transform:translateY(-2px)}.nocturne .btn-solid{background:var(--ink);color:var(--bg);border-color:var(--ink)}.nocturne .btn-solid:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.nocturne .btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0s);will-change:opacity,transform}.reveal.in{opacity:1;transform:none}.reveal-blur{opacity:0;filter:blur(14px);transform:translateY(10px);transition:opacity 1.1s var(--ease),filter 1.1s var(--ease),transform 1.1s var(--ease);transition-delay:var(--d,0s)}.reveal-blur.in{opacity:1;filter:none;transform:none}.line-mask{overflow:hidden;display:block;padding-bottom:.16em;margin-bottom:-.16em}.line-mask>span{display:block;transform:translateY(105%);transition:transform 1.05s var(--ease);transition-delay:var(--d,0s)}.line-mask.in>span{transform:none}@media (prefers-reduced-motion:reduce){.nocturne *{animation:none!important;transition-duration:.001ms!important}.reveal,.reveal-blur{opacity:1!important;filter:none!important}.line-mask>span,.reveal,.reveal-blur{transform:none!important}.grain{display:none}}.ul-link{position:relative;display:inline-block}.ul-link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}.ul-link:hover:after{transform:scaleX(1);transform-origin:left}.marquee{overflow:hidden;white-space:nowrap;display:flex}.marquee-track{display:inline-flex;gap:0;animation:marquee 38s linear infinite;will-change:transform}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}.aurora{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(6%,-8%) scale(1.12)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-8%,6%) scale(1.08)}}.hero-dark{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:#0e0f11;isolation:isolate}.hero-dark:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(70% 60% at 78% 45%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),radial-gradient(120% 100% at 50% 50%,transparent 40%,rgba(0,0,0,.55) 100%)}.hero-portrait{position:absolute;inset:0 0 0 auto;width:min(64%,1000px);z-index:0}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:62% 42%;filter:grayscale(.28) contrast(1.14) brightness(.92);-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 22%,#000 58%),linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 22%,#000 58%),linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-inner{position:relative;z-index:2;width:100%}.hero-type{font-size:clamp(23px,3.15vw,47px);line-height:1.14;letter-spacing:-.028em;text-transform:none;color:#ffffff;max-width:44ch;text-shadow:0 2px 40px rgba(0,0,0,.5)}@media (min-width:900px){.hero-type .line-mask{white-space:nowrap}}.hero-type .dimmed{color:rgba(255,255,255,.42)}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:clamp(28px,4vh,52px)}.nocturne .hero-cta .btn-solid{background:#fff;color:#0e0f11;border-color:#fff}.nocturne .hero-cta .btn-solid:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.nocturne .btn-on-dark{color:#fff;border-color:rgba(255,255,255,.35)}.nocturne .btn-on-dark:hover{border-color:var(--accent);color:var(--accent)}.hero-social{left:var(--gutter);bottom:36px}.hero-meta,.hero-social{position:absolute;z-index:3}.hero-meta{right:var(--gutter);bottom:78px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.4)}.social-ico{transition:color .35s var(--ease),transform .35s var(--ease)}.social-ico:hover{color:var(--accent)!important;transform:translateY(-2px)}.scroll-dot{position:absolute;left:50%;top:26px;z-index:3;width:7px;height:7px;border-radius:50%;background:#fff;transform:translateX(-50%);animation:dotpulse 2.6s ease-in-out infinite}@keyframes dotpulse{0%,to{opacity:.25;transform:translateX(-50%) translateY(0)}50%{opacity:1;transform:translateX(-50%) translateY(7px)}}.nocturne .nav-over-hero,.nocturne .nav-over-hero a,.nocturne .nav-over-hero button{color:#fff}.nocturne .nav-over-hero button{border-color:rgba(255,255,255,.35)}@media (max-width:860px){.hero-portrait{width:100%;opacity:.42}.hero-type{max-width:none}.hero-meta{display:none}}.story-wrap{overflow:visible}.story-cutout{position:absolute;right:calc(var(--gutter) - 2vw);top:clamp(40px,6vw,110px);width:clamp(240px,30vw,460px);z-index:1;pointer-events:none}.story-cutout img{width:100%;display:block;position:relative;z-index:2;filter:grayscale(.06) contrast(1.02)}.story-blob{position:absolute;z-index:1;left:6%;top:8%;width:88%;aspect-ratio:1;border-radius:50%;background:var(--accent);opacity:.16}@media (min-width:1100px){.story-cols{max-width:68%}}.work-name{color:var(--ink);text-transform:none;transition:color .5s var(--ease),transform .55s var(--ease),opacity .5s var(--ease);display:inline-block}.work-row:hover .work-name{color:var(--row-accent);transform:translateX(clamp(8px,1.4vw,22px))}.work-list:has(.work-row:hover) .work-name{opacity:.34}.work-list .work-row:hover .work-name{opacity:1}.work-arrow{opacity:0;transform:translateX(-12px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.work-row:hover .work-arrow{opacity:1;transform:none}.work-tag,.work-year{transition:opacity .5s var(--ease)}.work-list:has(.work-row:hover) .work-row:not(:hover) .work-tag,.work-list:has(.work-row:hover) .work-row:not(:hover) .work-year{opacity:.3}h1.work-name,h2.work-name,h3.work-name{display:block}.menu-title{color:var(--ink);transition:color .4s var(--ease),transform .4s var(--ease);display:inline-block}.menu-row:hover .menu-title{color:var(--accent);transform:translateX(14px)}.menu-note{opacity:0;transition:opacity .4s var(--ease)}.menu-row:hover .menu-note{opacity:1}@media (max-width:860px){.menu-note,.nav-inline{display:none!important}}@media (max-width:720px){.hide-sm{display:none!important}}.tick{color:var(--faint);transition:color .4s var(--ease)}a:hover .tick{color:var(--accent)}