.theme-toggle{border:1px solid var(--line2);width:38px;height:38px;color:var(--bone-dim);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex}.theme-toggle:hover{border-color:var(--gold);color:var(--gold);transform:rotate(15deg)scale(1.08)}.theme-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.theme-toggle-icon{justify-content:center;align-items:center;line-height:1;display:flex}.theme-toggle-icon svg{transition:transform .5s cubic-bezier(.22,1,.36,1)}.theme-toggle:active .theme-toggle-icon svg{transform:rotate(180deg)scale(.9)}
.site-header{z-index:9200;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(18px,4vw,46px);transition:padding .35s,background .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s,border-color .35s;display:flex;position:fixed;inset:0 0 auto}.site-header.scrolled{background:color-mix(in srgb,var(--ink)86%,transparent);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding-top:12px;padding-bottom:12px}.site-header .brand{flex-shrink:0;align-items:baseline;gap:10px;display:inline-flex}.site-header .brand b{font-family:var(--font-cormorant),Georgia,serif;letter-spacing:.22em;color:var(--bone);font-size:1.5rem;font-weight:500}.site-header .brand span{font-family:var(--font-plex-mono),ui-monospace,monospace;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-size:.55rem}.site-header .main{align-items:center;gap:32px;margin-left:auto;margin-right:24px;display:flex}.site-header .main a{font-family:var(--font-plex-mono),ui-monospace,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--bone);padding:4px 0;font-size:.66rem;transition:color .3s;position:relative}.site-header .main a:after{content:"";background:var(--gold);transform-origin:0;height:1px;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.site-header .main a:hover{color:var(--gold-soft)}.site-header .main a:hover:after{transform:scaleX(1)}.nav-dropdown{position:relative}.nav-dropdown-trigger{align-items:center;gap:4px;display:inline-flex}.nav-chevron{font-size:.6rem;transition:transform .3s}.nav-dropdown:hover .nav-chevron{transform:rotate(180deg)}.nav-dropdown-menu{background:var(--coal2);border:1px solid var(--gold-dim);opacity:0;visibility:hidden;z-index:100;min-width:180px;padding:8px 0;transition:opacity .3s,visibility .3s,transform .3s;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 16px 40px #00000080}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.nav-dropdown-menu a{font-family:var(--font-plex-mono),ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-dim);white-space:nowrap;text-align:center;padding:10px 20px;font-size:.58rem;transition:color .3s,background .2s;display:block;position:relative}.nav-dropdown-menu a:after{content:"";background:var(--gold);transform-origin:50%;height:1px;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:4px;left:25%;right:25%;transform:scaleX(0)}.nav-dropdown-menu a:hover{color:var(--gold);background:#c8a96a0f}.nav-dropdown-menu a:hover:after{transform:scaleX(1)}.site-header .search-trigger{border:1px solid var(--line2);width:38px;height:38px;color:var(--bone-dim);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex}.site-header .search-trigger:hover{border-color:var(--gold);color:var(--gold);transform:scale(1.08)}.site-header .search-trigger:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.header-actions{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.site-header .cta-top{font-family:var(--font-plex-mono),ui-monospace,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);flex-shrink:0;padding:10px 18px;font-size:.64rem;transition:background .35s,color .35s}.site-header .cta-top:hover{background:var(--gold);color:var(--ink)}.site-header .burger{z-index:9300;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:34px;height:34px;display:none}.site-header .burger span{background:var(--bone);width:26px;height:1px;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s;display:block}.site-header .burger.open span:first-child{transform:translateY(6px)rotate(45deg)}.site-header .burger.open span:nth-child(2){opacity:0}.site-header .burger.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.site-header .mobmenu{background:var(--ink);z-index:9250;opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:80px 32px;transition:opacity .45s,transform .45s,visibility .45s;display:flex;position:fixed;inset:0;transform:translateY(-8px)}.site-header .mobmenu.open{opacity:1;visibility:visible;transform:none}.site-header .mob-nav{flex-direction:column;align-items:center;gap:18px;display:flex}.site-header .mob-nav a{font-family:var(--font-cormorant),Georgia,serif;color:var(--bone);letter-spacing:.005em;font-size:clamp(2rem,9vw,3.4rem);font-weight:500;line-height:1;transition:color .3s,font-style .3s}.site-header .mob-nav a:hover{color:var(--gold-soft);font-style:italic}.site-header .mob-meta{font-family:var(--font-plex-mono),ui-monospace,monospace;letter-spacing:.24em;text-transform:uppercase;color:var(--bone-faint);text-align:center;margin-top:28px;font-size:.62rem}.mob-theme{justify-content:center;margin-top:32px;display:flex}.mob-theme .theme-toggle{width:48px;height:48px;font-size:1.1rem}@media (max-width:980px){.site-header .main,.site-header .cta-top{display:none}.site-header .burger{display:flex}.header-actions{gap:10px}.site-header.scrolled{background:var(--ink);-webkit-backdrop-filter:none}}@media (min-width:981px){.site-header .mobmenu{display:none}}@media (max-width:560px){.site-header .brand span{display:none}}
footer{text-align:center;border-top:1px solid var(--line);background:#070708;padding:clamp(70px,10vw,120px) clamp(20px,5vw,56px) 40px}.fbrand{font-family:var(--font-cormorant),Georgia,serif;letter-spacing:.18em;color:var(--bone);font-size:clamp(2.6rem,9vw,5rem);font-weight:600;line-height:1}.ftag{font-family:var(--font-plex-mono),ui-monospace,monospace;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-top:14px;font-size:.6rem}.fnav{flex-wrap:wrap;justify-content:center;gap:clamp(16px,2.4vw,36px);margin-top:clamp(36px,5vw,56px);display:flex}.fnav a{font-family:var(--font-plex-mono),ui-monospace,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--bone-dim);font-size:.66rem;transition:color .3s;position:relative}.fnav a:after{content:"";background:var(--gold);transform-origin:0;height:1px;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.fnav a:hover{color:var(--gold-soft)}.fnav a:hover:after{transform:scaleX(1)}.stills{font-family:var(--font-cormorant),Georgia,serif;color:var(--bone-faint);margin-top:clamp(36px,5vw,56px);font-size:1.05rem;font-style:italic}.totop{font-family:var(--font-plex-mono),ui-monospace,monospace;letter-spacing:.28em;text-transform:uppercase;color:var(--bone-dim);border:1px solid var(--line2);align-items:center;gap:8px;margin-top:clamp(36px,5vw,56px);padding:12px 22px;font-size:.58rem;transition:color .4s,border-color .4s,background .4s;display:inline-flex}.totop:hover{color:var(--gold);border-color:var(--gold);background:#c8a96a0f}.copy{border-top:1px solid var(--line);font-family:var(--font-plex-mono),ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-faint);flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:clamp(40px,6vw,70px);padding-top:24px;font-size:.56rem;display:flex}.copy a{color:var(--bone-dim);border-bottom:1px solid var(--line2);padding-bottom:1px;transition:color .3s,border-color .3s}.copy a:hover{color:var(--gold-soft);border-color:var(--gold-soft)}@media (max-width:560px){.fbrand{letter-spacing:.14em}.copy{flex-direction:column;gap:10px}}
