:root{color-scheme:dark;--bg:#10100f;--panel:#191917;--ink:#f8f6ef;--muted:#c0bcb1;--line:#44413b;--accent:#f1cb73;--gutter:clamp(1.2rem,5vw,5.5rem);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0}a{color:inherit;text-underline-offset:.25em}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}img,video{display:block;width:100%}p{line-height:1.65;margin:0 0 1rem}h1,h2,h3{margin:0 0 .6em;line-height:.97;letter-spacing:-.045em;text-wrap:balance}h2{font-size:clamp(2rem,5vw,4.6rem)}h3{font-size:clamp(1.4rem,3vw,2.1rem)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}
.skip{position:absolute;top:0;left:1rem;z-index:9;background:var(--ink);color:var(--bg);padding:.8rem;transform:translateY(-150%)}.skip:focus{transform:none}
.bar{position:relative;z-index:3;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:.85rem var(--gutter);border-bottom:1px solid #ffffff20;background:#10100f}
.mark{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:850;line-height:1.05;letter-spacing:.04em;font-size:.78rem;text-transform:uppercase}.mark svg{width:30px;flex:none;color:var(--accent)}
.nav,.locale{display:flex;align-items:center;gap:clamp(.8rem,2.2vw,2rem);font-size:.76rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.nav a,.locale a{text-decoration:none}.nav a:hover,.locale a:hover,summary:hover{color:var(--accent)}details{position:relative}summary{list-style:none}summary::-webkit-details-marker{display:none}.nav summary::after,.locale summary::after{content:" ▾";color:var(--accent)}.dropdown{position:absolute;right:0;top:calc(100% + .85rem);min-width:10rem;background:var(--panel);border:1px solid var(--line);box-shadow:0 1rem 3rem #0008;padding:.35rem;display:grid;gap:0}.dropdown a{display:block;padding:.8rem;white-space:nowrap}.dropdown [aria-current]{color:var(--accent)}.nav .dropdown{left:0;right:auto}
.button{display:inline-flex;min-height:45px;align-items:center;justify-content:center;gap:.9em;border:1px solid var(--ink);border-radius:100vmax;padding:.65rem 1.2rem;text-decoration:none;text-transform:uppercase;font-weight:850;letter-spacing:.065em;font-size:.75rem;background:transparent;color:var(--ink);transition:background .18s,color .18s,border-color .18s}.button:hover,.nav .button:hover{background:var(--ink);color:var(--bg)}.button.gold{background:var(--accent);border-color:var(--accent);color:#17130c}.button.gold:hover{background:var(--ink);border-color:var(--ink)}.arrow{font-size:1.15em}
.hero{position:relative;isolation:isolate;min-height:clamp(25rem,44svh,44rem);display:flex;align-items:end;overflow:hidden;padding:clamp(2rem,5vw,4.5rem) var(--gutter);border-bottom:1px solid var(--line);background:#24231e}
.hero>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 40%;z-index:-2}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090909e6 0%,#0909098c 32%,#09090912 77%),linear-gradient(0deg,#090909b0,transparent 65%)}
.hero .eyebrow,.eyebrow{color:var(--accent);font-size:.72rem;letter-spacing:.17em;font-weight:850;text-transform:uppercase;margin-bottom:.9rem}
.hero h1,.hero h2,.page h1{font-weight:950;text-transform:uppercase;font-size:clamp(3.15rem,10vw,10rem);margin:0 0 .1em;letter-spacing:-.07em}.hero p:not(.eyebrow){font-size:clamp(1rem,2vw,1.4rem);max-width:38rem}.hero .button{margin-top:.35rem}
.frame{position:absolute;right:var(--gutter);bottom:1.4rem;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.15em}.detail{min-height:clamp(29rem,72svh,56rem)}.revolt>img{object-position:center 38%}.cover{min-height:clamp(24rem,57svh,42rem);align-items:center;justify-content:center;text-align:center}.cover::after{background:#0b0b0bbd}.cover h2{font-size:clamp(2.75rem,8vw,7rem)}.cover p{margin-inline:auto}
.section{padding:clamp(3.2rem,8vw,8rem) var(--gutter);border-bottom:1px solid var(--line)}.page h1{font-size:clamp(2.6rem,7vw,7rem);max-width:16ch;overflow-wrap:break-word}.page{background:radial-gradient(ellipse at 80% 0,#30271a 0%,transparent 58%),var(--bg)}.lead{font-size:clamp(1.12rem,2vw,1.6rem);max-width:48rem}.copy{max-width:52rem}.muted{color:var(--muted)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:clamp(2rem,7vw,7rem)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.cards{margin-top:2rem}.card{padding:clamp(1.25rem,3vw,2.8rem);border:1px solid var(--line);background:var(--panel);min-width:0}.card p:last-child{margin-bottom:0}.index{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.15em}.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.tiles .card{padding:1.2rem}.tiles h3{font-size:1.25rem;margin-bottom:0}.tiles .index{display:block;margin-bottom:1rem}
.photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.5rem}.photos img{aspect-ratio:16/10;object-fit:cover}.videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.videos figure{margin:0}.videos video{aspect-ratio:16/9;background:#000}.videos figcaption{margin-top:.6rem;color:var(--muted)}.facts{margin:0;display:grid;gap:1rem}.facts div{border-bottom:1px solid var(--line);padding-bottom:1rem}.facts dt{font-size:.75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-weight:800}.facts dd{margin:.35rem 0 0}.bank{overflow-wrap:anywhere}.stack{display:grid;gap:1rem}.stack>*{margin:0}.control{display:grid;gap:.4rem;font-weight:750}.control input,.control select,.control textarea{width:100%;min-width:0;border:1px solid #6d685c;background:#121210;padding:.8rem;color:var(--ink);border-radius:4px}.control textarea{min-height:8rem;resize:vertical}.check{display:flex;align-items:start;gap:.5rem}.check input{accent-color:var(--accent);flex:none}.stack .button{justify-self:start}.subscribe{background:#221e17}.legal{font-size:.86rem}.hp{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.footer{padding:2rem var(--gutter);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;color:var(--muted);font-size:.82rem}.footer p{margin:0}.footer a{color:var(--ink)}.form-status{min-height:1em}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}
@media(max-width:900px){.bar{flex-wrap:wrap;gap:.75rem}.nav{order:3;flex-basis:100%;flex-wrap:wrap;gap:.65rem 1rem}.nav .button{min-height:36px;padding:.45rem .75rem}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hero{min-height:24rem}.detail{min-height:31rem}.hero::after{background:linear-gradient(0deg,#090909ed,#09090964 65%,#09090922)}.cover::after{background:#0b0b0bbd}.frame{display:none}.split,.grid,.videos{grid-template-columns:1fr}.tiles,.photos{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1,.hero h2{font-size:clamp(3rem,13vw,6rem)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}
.mark img{width:30px;height:30px;flex:none}
.videos{max-width:54rem;margin-inline:auto}
.videos video{aspect-ratio:9/16;object-fit:contain}
.home>.hero:not(.cover){min-height:clamp(28rem,82svh,60rem)}
.hero-backdrop,.hero-backdrop img{position:absolute;inset:0;width:100%;height:100%}
.hero-backdrop{z-index:-2;overflow:hidden}
.hero-backdrop img{object-fit:cover;object-position:center 40%}
.revolt .hero-backdrop img{object-position:center 38%}
.hero-backdrop img+img{opacity:0}
.hero-motion{position:absolute;right:var(--gutter);bottom:3.2rem;min-height:44px;padding:.45rem .85rem;border:1px solid #ffffff80;border-radius:100vmax;background:#10100fdd;color:var(--ink);font-size:.68rem}
.hero-motion[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
@media(max-width:650px){.hero-motion{top:1rem;bottom:auto;max-width:11rem}}
.media-tile{position:relative;display:block;overflow:hidden;background:#151512;border:1px solid var(--line);border-radius:3px}
.media-tile img{transition:transform .35s ease,filter .35s ease}
.media-tile:hover img,.media-tile:focus-visible img{transform:scale(1.045);filter:brightness(.76)}
.video-tile img{aspect-ratio:4/5;object-fit:cover;object-position:center 38%}
.tile-icon{position:absolute;right:.65rem;bottom:.65rem;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;border:1px solid #f1cb73;background:#10100fe8;color:var(--accent);font-size:1.3rem;line-height:1}
.video-tile .tile-icon{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:3.8rem;height:3.8rem}
.lightbox{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;background:#10100f;color:var(--ink);padding:0}
.lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.lightbox::backdrop{background:#000}
html:has(.lightbox[open]){overflow:hidden}
.lightbox-bar,.lightbox-nav{display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:#191713;border-color:var(--line);padding-inline:max(1rem,env(safe-area-inset-left)) max(1rem,env(safe-area-inset-right))}
.lightbox-bar{border-bottom:1px solid var(--line);padding-top:max(.55rem,env(safe-area-inset-top));padding-bottom:.55rem}
.lightbox-nav{border-top:1px solid var(--line);padding-top:.55rem;padding-bottom:max(.55rem,env(safe-area-inset-bottom))}
.lightbox-bar .eyebrow,.gallery-caption{margin:0}
.gallery-caption{text-align:center;font-size:.88rem;line-height:1.35}
.gallery-control{flex:none;display:grid;place-items:center;width:52px;height:52px;min-width:52px;padding:0;border-radius:50%;border:1px solid var(--accent);background:#231d13;color:var(--accent);font:700 1.55rem/1 system-ui,sans-serif;touch-action:manipulation;-webkit-appearance:none;appearance:none}
.gallery-control:hover{color:#15110a;background:var(--accent)}
.gallery-control:disabled{opacity:.4}
.lightbox-stage{min-width:0;min-height:0;display:grid;place-items:center;padding:.6rem;overflow:hidden}
.lightbox-stage img,.lightbox-stage video{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.lightbox-stage video{background:#000}
@media(prefers-reduced-motion:no-preference){
  .home>.hero:first-child>div:not(.hero-backdrop),.page>h1,.page>p{animation:arrive .75s cubic-bezier(.2,.7,.3,1) both}
  .hero-rotating .hero-backdrop img+img{animation:hero-crossfade 14s ease-in-out infinite}
  .hero-paused .hero-backdrop img+img{animation-play-state:paused}
  .in-view{animation:arrive .65s cubic-bezier(.2,.7,.3,1) both}
  .lightbox[open]{animation:gallery-open .2s ease-out}
}
@keyframes arrive{from{opacity:.45;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes gallery-open{from{opacity:0}to{opacity:1}}
@keyframes hero-crossfade{0%,38%,100%{opacity:0} 50%,87%{opacity:1}}

.menu-toggle{display:none}
@media(max-width:900px){
  .bar:has(.menu-toggle:not([hidden])){flex-wrap:nowrap}
  .bar .mark{margin-right:auto;max-width:55%}
  .bar:has(.menu-toggle:not([hidden])) .mark{min-width:0;flex:1}
  .bar .locale{order:1}
  .menu-toggle{
    order:2;display:inline-flex;flex:none;align-items:center;gap:.65rem;min-height:46px;
    padding:0 .8rem;border:1px solid #f1cb7380;border-radius:100vmax;background:#211c13;
    color:var(--accent);font-size:.68rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;
  }
  .menu-icon{display:grid;gap:5px;width:19px}
  .menu-icon i{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform .22s ease}
  .menu-icon i+ i{width:13px;justify-self:end}
  .menu-toggle[aria-expanded=true]{background:var(--accent);color:#17130c}
  .menu-toggle[aria-expanded=true] .menu-icon i:first-child{transform:translateY(3.5px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] .menu-icon i+i{width:19px;transform:translateY(-3.5px) rotate(-45deg)}
  .menu-toggle:not([hidden])[aria-expanded=false]+.nav{display:none}
  .menu-toggle:not([hidden])+.nav{
    position:absolute;top:100%;left:0;right:0;display:grid;gap:0;
    max-height:75vh;max-height:75dvh;overflow:auto;padding:.65rem var(--gutter) 1.4rem;
    background:linear-gradient(140deg,#231d13,#121211 55%);border-bottom:1px solid #f1cb7380;
    box-shadow:0 1.4rem 3rem #0008;
  }
  .nav>a:not(.button),.nav summary{
    display:flex;align-items:center;justify-content:space-between;min-height:52px;
    border-bottom:1px solid #ffffff22;font-size:clamp(.95rem,2.6vw,1.3rem);
  }
  .nav .dropdown{position:static;box-shadow:none;border:0;border-left:1px solid #f1cb7380;margin:.5rem 0;background:transparent}
  .nav .dropdown a{min-height:44px}
  .nav .button{justify-self:start;min-height:46px;margin-top:1rem;padding-inline:1.15rem}
}
@media(max-width:900px) and (prefers-reduced-motion:no-preference){
  .menu-toggle[aria-expanded=true]+.nav{animation:arrive .26s ease-out both}
}
