/* 44prospecting — museum site. Brand: /brand/FINAL (navy, ice white, slate, electric blue). No yellow/gold. */
@font-face{font-family:"Anton";src:url(../assets/fonts/anton.woff) format("woff");font-display:swap}
@font-face{font-family:"Inter";src:url(../assets/fonts/inter.woff) format("woff");font-weight:100 900;font-display:swap}
@font-face{font-family:"Cormorant";src:url(../assets/fonts/cormorant.woff) format("woff");font-weight:300 700;font-display:swap}
@font-face{font-family:"Cormorant";src:url(../assets/fonts/cormorant-italic.woff) format("woff");font-weight:300 700;font-style:italic;font-display:swap}
:root{
  --navy:#0C3A70;--deep:#07203F;--midnight:#041428;--white:#FFFFFF;--ice:#F4F6FA;
  --s900:#121A24;--s700:#2E3A49;--s500:#6B7889;--s300:#A9B4C2;--s100:#DDE3EA;
  --blue:#2F9BFF;--iceblue:#8FD3FF;--up:#1FA35A;--down:#EF4444;
  --serif:"Cormorant","Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --display:"Anton",Impact,"Arial Narrow",sans-serif;
  --wrap:1240px;--gut:clamp(20px,4vw,48px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ice);color:var(--s900);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--navy)}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.kicker{font:800 12px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--s500)}
.on-dark .kicker,.kicker.light{color:var(--s300)}
.rule{width:56px;height:3px;background:var(--blue);border:0;margin:22px 0}
.serif{font-family:var(--serif)}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;line-height:1.05;margin:0;color:var(--deep)}
.on-dark h1,.on-dark h2,.on-dark h3{color:var(--white)}
h1{font-size:clamp(44px,6.4vw,92px)}
h2{font-size:clamp(34px,4vw,56px)}
h3{font-size:28px}
.lede{font-family:var(--serif);font-size:clamp(20px,2vw,25px);line-height:1.45;color:var(--s700);max-width:44ch}
.on-dark .lede{color:var(--s300)}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 12px}

/* Header */
.site-header{position:sticky;top:0;z-index:40;background:rgba(244,246,250,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--s100)}
.site-header.dark{background:rgba(7,32,63,.92);border-bottom-color:rgba(169,180,194,.16)}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px;gap:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{height:44px;width:auto}
.brand .wm{font:800 13px/1.15 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--deep)}
.brand .wm small{display:block;font-weight:600;letter-spacing:.24em;color:var(--s500);font-size:10px;margin-top:3px}
.dark .brand .wm{color:#fff}.dark .brand .wm small{color:var(--s300)}
.menu{display:flex;gap:30px;list-style:none;margin:0;padding:0}
.menu a{font:700 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--s700);padding:8px 0;border-bottom:2px solid transparent}
.dark .menu a{color:var(--s300)}
.menu a:hover{color:var(--navy)}.dark .menu a:hover{color:#fff}
.menu a[aria-current="page"]{color:var(--deep);border-bottom-color:var(--blue)}
.dark .menu a[aria-current="page"]{color:#fff}
.menu-btn{display:none;background:none;border:1px solid var(--s100);border-radius:999px;padding:9px 14px;font:700 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--deep);cursor:pointer}
.dark .menu-btn{color:#fff;border-color:var(--s700)}
@media (max-width:820px){
  .menu-btn{display:block}
  .menu{display:none;position:absolute;left:0;right:0;top:76px;flex-direction:column;gap:0;background:var(--ice);border-bottom:1px solid var(--s100);padding:8px var(--gut) 18px}
  .dark .menu{background:var(--deep)}
  .menu.open{display:flex}
  .menu a{display:block;padding:14px 0;border-bottom:1px solid var(--s100)}
  .dark .menu a{border-bottom-color:var(--s700)}
  .brand .wm small{display:none}
}

/* Hero */
.hero{position:relative;background:radial-gradient(1200px 600px at 78% 30%,var(--navy) 0%,var(--deep) 55%,var(--midnight) 100%);color:#fff;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;min-height:min(78vh,760px);padding-top:72px;padding-bottom:88px}
.hero h1{color:#fff;font-weight:400}
.hero h1 em{font-style:italic;color:var(--iceblue)}
.hero .mark{justify-self:center;width:min(380px,80%);filter:drop-shadow(0 30px 60px rgba(0,0,0,.45))}
.hero-meta{display:flex;gap:40px;margin-top:44px;flex-wrap:wrap}
.hero-meta div{border-left:2px solid var(--blue);padding-left:16px}
.hero-meta b{display:block;font:400 40px/1 var(--display);letter-spacing:.01em;color:#fff}
.hero-meta span{font:700 11px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--s300)}
.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(143,211,255,.4),transparent)}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:28px;padding-top:44px;min-height:auto}.hero .mark{order:-1;width:180px;justify-self:start}}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font:800 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;padding:16px 24px;border-radius:2px;border:1px solid var(--navy);background:var(--navy);color:#fff;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn:hover{background:var(--deep)}
.btn.ghost{background:transparent;color:var(--navy)}
.btn.ghost:hover{background:var(--navy);color:#fff}
.on-dark .btn.ghost,.hero .btn.ghost{color:#fff;border-color:rgba(255,255,255,.45)}
.on-dark .btn.ghost:hover,.hero .btn.ghost:hover{background:#fff;color:var(--deep)}
.btn.light{background:#fff;color:var(--deep);border-color:#fff}
.btn.light:hover{background:var(--iceblue);border-color:var(--iceblue)}
.btn[aria-disabled="true"]{background:var(--s100);border-color:var(--s100);color:var(--s500);cursor:not-allowed}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.arrow:after{content:"→";font-family:var(--sans);letter-spacing:0}

/* Sections */
section{padding:clamp(64px,9vw,120px) 0}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:44px;flex-wrap:wrap}
.sec-head p{margin:0;max-width:52ch;color:var(--s500)}
.white{background:#fff}
.dark-sec{background:var(--deep);color:#fff}

/* Entrances */
.entrances{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.entrance{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:560px;padding:40px;text-decoration:none;color:#fff;overflow:hidden;background:var(--deep);border-radius:2px;isolation:isolate}
.entrance .bg{position:absolute;inset:0 0 38% 0;z-index:-2;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:28px;opacity:.55;transition:transform .8s ease,opacity .4s}
.entrance .bg img{width:100%;height:100%;object-fit:cover;border-radius:2px;box-shadow:0 18px 30px rgba(0,0,0,.4)}
.entrance:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,20,40,0) 0%,rgba(4,20,40,.35) 35%,rgba(4,20,40,.97) 62%)}
.entrance:hover .bg{transform:scale(1.04);opacity:.7}
.entrance h3{color:#fff;font-size:clamp(34px,3.4vw,48px);font-weight:500}
.entrance p{color:var(--s300);max-width:40ch;margin:12px 0 24px}
.entrance .kicker{color:var(--iceblue)}
.entrance.light{background:var(--navy)}
@media (max-width:820px){.entrances{grid-template-columns:1fr}.entrance{min-height:360px;padding:28px}}

/* Featured strip */
.featured{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
@media (max-width:1000px){.featured{grid-template-columns:repeat(2,1fr)}}

/* Gallery grid */
.page-hero{padding:clamp(56px,7vw,96px) 0 clamp(36px,4vw,56px);border-bottom:1px solid var(--s100);background:#fff}
.page-hero.dark{background:var(--deep);border-bottom:0}
.page-hero .lede{margin-top:18px}
.layout{display:grid;grid-template-columns:270px 1fr;gap:48px;padding-top:40px;padding-bottom:96px}
@media (max-width:980px){.layout{grid-template-columns:1fr;gap:20px}}
.filters{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 116px);overflow:auto;padding-right:6px}
.filters h4{font:800 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--s500);margin:0 0 10px}
.fgroup{margin-bottom:22px}
.field{width:100%;appearance:none;-webkit-appearance:none;background:#fff;border:1px solid var(--s100);border-radius:2px;padding:12px 14px;font:500 14px/1.2 var(--sans);color:var(--s900)}
select.field{background-image:linear-gradient(45deg,transparent 50%,var(--s500) 50%),linear-gradient(135deg,var(--s500) 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}
.field:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px rgba(47,155,255,.18)}
.checks label{display:flex;gap:10px;align-items:center;font:500 14px/1.2 var(--sans);color:var(--s700);padding:6px 0;cursor:pointer}
.checks input{accent-color:var(--navy);width:16px;height:16px}
.reset{background:none;border:0;padding:0;font:700 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--navy);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.filter-toggle{display:none}
@media (max-width:980px){
  .filters{position:static;max-height:none;display:none;background:#fff;border:1px solid var(--s100);padding:20px}
  .filters.open{display:block}
  .filter-toggle{display:inline-flex}
}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:28px;border-bottom:1px solid var(--s100)}
.count{font:600 13px/1.3 var(--sans);color:var(--s500)}
.count b{font:400 26px/1 var(--display);color:var(--deep);margin-right:6px;letter-spacing:.01em}
.toolbar .sort{display:flex;gap:10px;align-items:center}
.toolbar .sort label{font:800 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--s500)}
.toolbar select{width:auto;min-width:200px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:-10px 0 24px}
.chip{display:inline-flex;align-items:center;gap:8px;background:var(--deep);color:#fff;border:0;border-radius:999px;padding:7px 12px;font:700 12px/1 var(--sans);cursor:pointer}
.chip:after{content:"✕";font-size:10px;color:var(--s300)}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:44px 28px}
@media (max-width:560px){.grid{grid-template-columns:repeat(2,1fr);gap:28px 14px}}
.exhibit{width:100%;background:none;border:0;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column}
.frame{position:relative;width:100%;aspect-ratio:5/7;background:#fff;border:1px solid var(--s100);padding:14px;display:flex;align-items:center;justify-content:center;transition:transform .35s ease,box-shadow .35s ease}
.frame:before{content:"";position:absolute;inset:6px;border:1px solid var(--s100);pointer-events:none}
.exhibit:hover .frame{transform:translateY(-4px);box-shadow:0 22px 40px -18px rgba(7,32,63,.35)}
.frame{overflow:hidden}
.frame>img{position:absolute;top:16px;left:16px;width:calc(100% - 32px);height:calc(100% - 32px);object-fit:contain;filter:drop-shadow(0 10px 14px rgba(4,20,40,.28))}
.frame>.ph{position:absolute;top:16px;left:16px;width:calc(100% - 32px);height:calc(100% - 32px)}
.frame.wide{aspect-ratio:5/7}
.ph{width:100%;height:100%;background:linear-gradient(160deg,var(--navy),var(--deep) 70%);display:flex;flex-direction:column;justify-content:space-between;padding:16px;color:#fff;position:relative;overflow:hidden}
.ph .yr{font:400 46px/0.9 var(--display);color:rgba(143,211,255,.18);letter-spacing:.01em}
.ph .nm{font:500 italic 21px/1.1 var(--serif);color:#fff}
.ph .st{font:700 9.5px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--s300);margin-top:6px}
.ph img.wmk{position:absolute;right:-18px;bottom:-14px;width:90px;opacity:.12;box-shadow:none}
.ph .np{font:700 8.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--iceblue);opacity:.75}
.plaque{padding:14px 2px 0}
.plaque .acc{font:700 10px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--s500)}
.plaque .pl{font:600 19px/1.15 var(--serif);color:var(--deep);margin:7px 0 4px}
.plaque .ds{font:500 13px/1.4 var(--sans);color:var(--s700)}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.tag{font:800 9.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:5px 7px;border:1px solid var(--s100);color:var(--s700);background:#fff;border-radius:2px}
.tag.navy{background:var(--navy);color:#fff;border-color:var(--navy)}
.tag.blue{background:var(--deep);color:var(--iceblue);border-color:var(--deep)}
.tag.sample{background:var(--s900);color:#fff;border-color:var(--s900)}
.badge-sample{position:absolute;top:12px;left:12px;z-index:2;background:var(--s900);color:#fff;font:800 10px/1 var(--sans);letter-spacing:.2em;padding:7px 9px}
.badge-sold{position:absolute;top:12px;right:12px;z-index:2;background:#fff;color:var(--deep);border:1px solid var(--deep);font:800 10px/1 var(--sans);letter-spacing:.2em;padding:6px 8px}
.price{font:400 28px/1 var(--display);letter-spacing:.01em;color:var(--deep);margin-top:12px}
.price.tba{font:600 13px/1.2 var(--sans);letter-spacing:.06em;color:var(--s500);text-transform:uppercase}
.sale-actions{margin-top:12px}
.sale-actions .btn{padding:12px 16px;font-size:11px;width:100%;justify-content:center}
.more{display:flex;justify-content:center;margin-top:56px}
.empty{padding:80px 0;text-align:center;color:var(--s500);font-family:var(--serif);font-size:24px}

/* Modal plaque */
dialog.modal{border:0;padding:0;max-width:min(1040px,94vw);width:100%;background:#fff;color:var(--s900);box-shadow:0 40px 120px rgba(4,20,40,.5)}
dialog.modal::backdrop{background:rgba(4,20,40,.78);backdrop-filter:blur(3px)}
.m-inner{display:grid;grid-template-columns:1fr 1fr;min-height:560px}
.m-img{background:radial-gradient(circle at 50% 40%,var(--navy),var(--deep) 70%);display:flex;align-items:center;justify-content:center;padding:44px}
.m-img img{max-height:70vh;box-shadow:0 30px 60px rgba(0,0,0,.55)}
.m-img .ph{max-width:320px;width:100%;aspect-ratio:5/7;height:auto;border:1px solid rgba(255,255,255,.15)}
.m-body{padding:48px 44px;position:relative}
.m-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:1px solid var(--s100);background:#fff;cursor:pointer;font:500 16px/1 var(--sans);color:var(--deep)}
.m-body h3{font-size:clamp(32px,3.2vw,44px);margin:14px 0 6px}
.m-body .sub{font:500 italic 21px/1.35 var(--serif);color:var(--s700)}
dl.spec{display:grid;grid-template-columns:130px 1fr;margin:28px 0 0;border-top:1px solid var(--s100)}
dl.spec dt,dl.spec dd{padding:11px 0;border-bottom:1px solid var(--s100);margin:0}
dl.spec dt{font:800 10.5px/1.6 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--s500)}
dl.spec dd{font:500 15px/1.5 var(--sans);color:var(--s900)}
.m-note{margin-top:22px;font:italic 500 18px/1.5 var(--serif);color:var(--s700);border-left:3px solid var(--blue);padding-left:16px}
@media (max-width:820px){.m-inner{grid-template-columns:1fr}.m-img{padding:28px}.m-img img{max-height:46vh}.m-body{padding:32px 24px}dl.spec{grid-template-columns:110px 1fr}}

/* Links */
.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}
.link-card{display:flex;flex-direction:column;justify-content:space-between;min-height:220px;padding:30px;background:#fff;border:1px solid var(--s100);text-decoration:none;color:inherit;transition:border-color .2s,transform .3s}
.link-card:hover{border-color:var(--navy);transform:translateY(-3px)}
.link-card h3{font-size:30px}
.link-card p{color:var(--s500);margin:10px 0 0;font-size:15px}
.link-card .go{font:800 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--navy);margin-top:22px}
.link-card.todo{border-style:dashed;cursor:default}
.link-card.todo .go{color:var(--s500)}
.todo-note{font:700 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--s500);background:var(--ice);padding:6px 8px;display:inline-block;margin-top:12px}

/* Quote / statement */
.statement{max-width:900px}
.statement p{font:400 clamp(26px,3vw,40px)/1.3 var(--serif);color:var(--deep);margin:0}
.statement p em{color:var(--navy)}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:56px;border-top:1px solid var(--s100)}
.stats-row div{padding:26px 22px 0 0}
.stats-row b{display:block;font:400 48px/1 var(--display);color:var(--deep)}
.stats-row span{font:800 11px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--s500)}
@media (max-width:700px){.stats-row{grid-template-columns:repeat(2,1fr)}}

/* Footer */
.site-footer{background:var(--midnight);color:var(--s300);padding:72px 0 40px}
.f-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:48px}
.f-grid img{width:96px}
.f-grid h4{font:800 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#fff;margin:0 0 18px}
.f-grid ul{list-style:none;margin:0;padding:0}
.f-grid li{margin:0 0 10px}
.f-grid a{color:var(--s300);text-decoration:none;font-weight:500}
.f-grid a:hover{color:#fff}
.f-grid .todo{color:var(--s500);font-size:13px}
.f-legal{border-top:1px solid var(--s700);margin-top:56px;padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--s500)}
.f-about{font:italic 500 19px/1.5 var(--serif);color:var(--s300);max-width:34ch;margin-top:18px}
@media (max-width:800px){.f-grid{grid-template-columns:1fr}}
.notice{background:#fff;border:1px solid var(--s100);border-left:3px solid var(--blue);padding:16px 18px;font-size:14px;color:var(--s700);margin-bottom:28px}
.notice b{color:var(--deep)}
[hidden]{display:none!important}

/* ===== Nav: eight destinations ===== */
@media (max-width: 1100px) and (min-width: 821px){
  .menu{gap:16px}
  .menu a{letter-spacing:.12em;font-size:11px}
  .brand .wm{display:none}
}

/* ===== Two wings ===== */
.wings{display:grid;grid-template-columns:1fr 1fr;gap:28px}
@media (max-width:820px){.wings{grid-template-columns:1fr}}

/* ===== Latest posts strip ===== */
.post-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media (max-width:1000px){.post-strip{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.post-strip{grid-template-columns:1fr 1fr;gap:14px}}
.post-tile{text-decoration:none;color:inherit;display:flex;flex-direction:column}
.post-tile .frame{aspect-ratio:4/5;padding:10px}
.post-tile img{width:100%;height:100%;object-fit:cover;position:static;filter:none}
.post-tile .pl{font-size:18px}

/* ===== 50 States exhibit ===== */
.states-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.95fr);gap:48px;align-items:start;padding:48px 0 96px}
@media (max-width:980px){.states-layout{grid-template-columns:1fr;gap:28px}}
.map-wrap{background:#fff;border:1px solid var(--s100);padding:20px 16px 8px;position:sticky;top:96px}
.map-wrap svg{width:100%;height:auto;display:block}
.map-legend{display:flex;gap:22px;flex-wrap:wrap;padding:12px 8px 8px;font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--s500)}
.map-legend i{display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:-1px}
.map-legend .rel{background:var(--navy)}
.map-legend .soon{background:var(--s300)}
.state-tools{display:flex;gap:12px;margin-bottom:16px;align-items:center}
.state-panel{background:#fff;border:1px solid var(--s100);padding:32px 28px;min-height:480px}
.state-panel .day{margin-top:6px}
.state-panel h2{font-size:clamp(36px,4vw,56px);margin:8px 0 14px}
.state-panel .headline{font:italic 500 20px/1.4 var(--serif);color:var(--s700);margin:0 0 22px}
.state-panel.soon-panel{background:var(--ice)}
.accordion{border-top:1px solid var(--s100)}
.acc-item{border-bottom:1px solid var(--s100)}
.acc-item > button{width:100%;background:none;border:0;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 0;cursor:pointer;text-align:left;font:inherit;color:inherit}
.acc-item > button:hover .acc-name{color:var(--navy)}
.acc-rank{font:400 22px/1 var(--display);color:var(--navy);width:2.4ch;flex:0 0 2.4ch}
.acc-rank.mention{width:auto;flex:0 0 7.2rem;font:800 10px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--navy);padding-top:5px}
.acc-name{font:600 20px/1.2 var(--serif);color:var(--deep)}
.acc-meta{font:600 12px/1.3 var(--sans);color:var(--s500)}
.acc-price{font:400 22px/1 var(--display);color:var(--deep);letter-spacing:.01em;white-space:nowrap}
.acc-body{display:none;padding:0 0 20px 2ch}
.acc-item.open .acc-body{display:block}
.acc-item.open > button{padding-bottom:8px}
.card-row{padding:14px 0;border-top:1px solid var(--s100)}
.card-row .cn{font:600 15px/1.35 var(--sans);color:var(--s900)}
.card-row .cg{font:500 13px/1.4 var(--sans);color:var(--s500);margin-top:2px}
.card-row .row-foot{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-top:10px;flex-wrap:wrap}
.card-row .pr{font:400 26px/1 var(--display);color:var(--deep)}
.vault-links{margin-top:14px;padding-top:12px;border-top:1px dashed var(--s100)}
.vault-links h5{font:800 10px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--s500);margin:0 0 8px}
.vault-links a{display:block;font:600 13px/1.4 var(--sans);color:var(--navy);text-decoration:none;padding:3px 0}
.vault-links a:hover{text-decoration:underline}
.progress-bar{height:6px;background:var(--s100);margin:22px 0 8px;position:relative}
.progress-bar > span{display:block;height:100%;background:var(--navy)}

/* ===== Feed archive ===== */
.feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:32px 22px}
.feed-card{text-decoration:none;color:inherit;display:flex;flex-direction:column}
.feed-card .frame{aspect-ratio:4/5;padding:10px;overflow:hidden}
.feed-card .frame img{position:static;width:100%;height:100%;object-fit:cover;filter:none}

/* ===== Stats ===== */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:800px){.stat-grid{grid-template-columns:repeat(2,1fr)}}
.stat-box{background:#fff;border:1px solid var(--s100);padding:22px 20px}
.stat-box b{display:block;font:400 42px/1 var(--display);color:var(--deep)}
.stat-box span{font:800 11px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--s500)}
.chart-card{background:#fff;border:1px solid var(--s100);padding:28px;margin-bottom:28px}
.chart-card h3{margin-bottom:18px}
.chart-row{display:grid;grid-template-columns:minmax(80px,160px) 1fr auto;gap:12px;align-items:center;margin:8px 0}
.chart-row .lab{font:600 13px/1.3 var(--sans);color:var(--s700)}
.chart-row .bar{height:14px;background:var(--s100);position:relative}
.chart-row .bar > i{display:block;height:100%;background:var(--navy)}
.chart-row .num{font:400 20px/1 var(--display);color:var(--deep);min-width:4ch;text-align:right}
.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media (max-width:800px){.match-grid{grid-template-columns:1fr}}
.match-card{background:#fff;border:1px solid var(--s100);padding:24px}
.match-card h3{font-size:26px;margin:8px 0 14px}
.match-side{padding:12px 0;border-top:1px solid var(--s100)}
.match-side .who{font:600 16px/1.3 var(--sans)}
.cite{font:500 13px/1.5 var(--sans);color:var(--s500);margin-top:14px}

/* ===== Cards of the Week ===== */
.week-hero-card{position:relative}
.carousel{position:relative;background:var(--deep);color:#fff;overflow:hidden;min-height:520px}
.carousel .slide{display:none;grid-template-columns:1fr 1fr;min-height:520px}
.carousel .slide.on{display:grid}
.carousel .viz{display:flex;align-items:center;justify-content:center;padding:48px;background:radial-gradient(circle at 50% 40%,var(--navy),var(--deep) 70%)}
.carousel .viz img{max-height:420px;max-width:100%;box-shadow:0 24px 50px rgba(4,20,40,.55)}
.carousel .copy{padding:56px 48px 56px 8px;display:flex;flex-direction:column;justify-content:center}
.carousel .copy h3{color:#fff;font-size:clamp(32px,3.5vw,48px)}
.carousel .copy .ds{color:var(--s300);font:italic 500 20px/1.4 var(--serif);margin:8px 0 16px}
.carousel .copy .pr{font:400 48px/1 var(--display);color:#fff}
.carousel .navbtns{position:absolute;right:24px;bottom:24px;display:flex;gap:8px}
.carousel .navbtns button{width:44px;height:44px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;cursor:pointer;font:400 20px/1 var(--sans)}
.carousel .navbtns button:hover{background:#fff;color:var(--deep)}
.carousel .dots{display:flex;gap:6px;margin-top:28px;flex-wrap:wrap}
.carousel .dots button{width:8px;height:8px;border-radius:50%;border:0;background:var(--s700);padding:0;cursor:pointer}
.carousel .dots button.on{background:var(--blue)}
@media (max-width:820px){
  .carousel .slide.on{display:flex;flex-direction:column}
  .carousel .viz{padding:28px 28px 0;min-height:260px}
  .carousel .copy{padding:28px}
}
.week-block{margin-bottom:72px}
.week-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:28px 20px}

/* ===== Signup ===== */
.signup-band{background:var(--navy);color:#fff;padding:clamp(48px,7vw,88px) 0}
.signup-band h2{color:#fff}
.signup-band .lede{color:var(--s300)}
.signup{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px;max-width:560px}
.signup input{flex:1;min-width:220px;border:1px solid rgba(255,255,255,.25);background:rgba(4,20,40,.35);color:#fff;padding:16px 16px;font:500 15px/1 var(--sans);border-radius:2px}
.signup input::placeholder{color:var(--s300)}
.signup-note{margin-top:14px;font:600 13px/1.4 var(--sans);color:var(--iceblue)}
.signup.soon{opacity:.95}
.f-signup{margin-top:22px}
.f-signup .signup input{background:rgba(4,20,40,.6)}
.f-signup .signup-note{color:var(--s300)}


/* ===== Shop chrome + Home (CC2 layout, 44prospecting palette) ===== */
.promo-bar{background:var(--navy);color:#fff;text-align:center;font:800 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:10px 16px}
.site-header.shop-header{background:var(--midnight);border-bottom:1px solid rgba(169,180,194,.12);position:sticky;top:0;z-index:40}
.shop-nav{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:84px;padding-top:6px;padding-bottom:6px}
.shop-header .icon-btn{background:none;border:0;color:#fff;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;cursor:pointer;text-decoration:none;border-radius:50%}
.shop-header .icon-btn:hover{background:rgba(47,155,255,.15);color:var(--iceblue)}
.shop-header .icon-btn.menu-btn{display:inline-flex}
.brand-center{justify-self:center;display:flex;align-items:center}
.brand-center img{width:76px;height:76px;display:block}
.shop-menu{display:none;background:var(--deep);border-top:1px solid rgba(169,180,194,.12)}
.shop-menu.open{display:block}
.shop-menu ul{list-style:none;margin:0 auto;padding:8px var(--gut) 24px;max-width:var(--wrap)}
.shop-menu a{display:block;font:400 22px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:#fff;padding:14px 0;border-bottom:1px solid var(--s700);text-decoration:none}
.shop-menu a:hover,.shop-menu a[aria-current="page"]{color:var(--iceblue)}
.filters{top:140px;max-height:calc(100vh - 160px)}

.btn.accent{background:var(--blue);color:var(--midnight);border-color:var(--blue);border-radius:10px}
.btn.accent:hover{background:var(--iceblue);border-color:var(--iceblue);color:var(--midnight)}
.shop-home .btn.ghost,.prod-card .btn.ghost{color:#fff;border-color:rgba(255,255,255,.35);border-radius:10px;background:transparent}
.shop-home .btn.ghost:hover,.prod-card .btn.ghost:hover{background:#fff;color:var(--deep)}
.shop-home .signup .btn.light{border-radius:10px}

body.shop-home{background:var(--midnight);color:#fff}
body.shop-home section{padding:clamp(36px,6vw,72px) 0}
.shop-title{font-family:var(--display);font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:#fff;font-size:clamp(28px,7.2vw,52px);text-align:center;margin:0 0 22px;line-height:.95}
.shop-sec-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.shop-sec-head .shop-title{margin:0;text-align:left}
.shop-note{background:rgba(12,58,112,.55);border-left:3px solid var(--blue);color:var(--s300);padding:12px 16px;margin:0 0 22px;font:500 14px/1.45 var(--sans);border-radius:0 10px 10px 0}
.shop-note b{color:#fff}
.shop-more-link{text-align:center;margin:22px 0 0}
.shop-more-link a{color:var(--iceblue);font:800 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.shop-more-link a:hover{text-decoration:underline}

/* Hero slider */
.hero-slider-sec{padding:0 !important}
.hero-slider{position:relative;overflow:hidden;background:var(--deep)}
.hslides{position:relative}
.hslide{display:none;position:relative;color:#fff;text-decoration:none;min-height:min(92vw,560px);color:#fff}
.hslide.on{display:block}
.hslide-art{position:absolute;inset:0}
.hslide-art .collage,.hslide-art .ph-brand{height:100%}
.hslide-copy{position:relative;z-index:1;min-height:min(92vw,560px);padding:48px var(--gut) 72px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,rgba(4,20,40,.15) 0%,rgba(4,20,40,.82) 55%,rgba(4,20,40,.96) 100%)}
.hslide-copy h2{font-family:var(--display);font-weight:400;letter-spacing:.04em;text-transform:uppercase;font-size:clamp(44px,14vw,92px);color:#fff;margin:8px 0 10px;line-height:.9}
.hslide-copy p{margin:0 0 18px;color:var(--s300);max-width:36ch;font:500 16px/1.45 var(--sans)}
.hslide-copy .btn{align-self:flex-start}
.hero-dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:8px;z-index:2}
.hero-dots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.35);padding:0;cursor:pointer}
.hero-dots button.on{background:var(--blue)}
.hero-arrows{position:absolute;right:12px;bottom:40px;display:flex;gap:8px;z-index:2}
.hero-arrows button{width:40px;height:40px;border:1px solid rgba(255,255,255,.35);background:rgba(4,20,40,.45);color:#fff;cursor:pointer;border-radius:50%;font:400 20px/1 var(--sans)}
.hero-arrows button:hover{background:#fff;color:var(--deep)}

.collage{display:grid;gap:6px;width:100%;height:100%;background:var(--deep);overflow:hidden}
.collage.c1{grid-template-columns:1fr}
.collage.c2{grid-template-columns:1fr 1fr}
.collage.c3{grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr}
.collage.c3 img:first-child{grid-row:1 / span 2}
.collage img{width:100%;height:100%;object-fit:cover}
.collage.map-art{background:var(--ice);padding:12%}
.collage.map-art img{object-fit:contain}
.ph-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;background:radial-gradient(circle at 50% 40%,var(--navy),var(--deep) 70%);color:#fff}
.ph-brand img{width:42%;max-width:160px;height:auto}
.ph-brand span{font:400 18px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--s300)}

/* Product carousel */
.prod-wrap{position:relative;padding:0 48px}
@media (max-width:700px){.prod-wrap{padding:0}}
.prod-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 4px 16px;scrollbar-width:thin;scrollbar-color:var(--s700) transparent}
.prod-card{flex:0 0 min(78%,280px);scroll-snap-align:start;background:var(--deep);border-radius:18px;padding:16px 16px 18px;display:flex;flex-direction:column;border:1px solid rgba(169,180,194,.12)}
@media (min-width:800px){.prod-card{flex-basis:240px}}
.prod-hit{text-decoration:none;color:inherit;display:flex;flex-direction:column;flex:1}
.prod-art{position:relative;aspect-ratio:5/7;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 50% 40%,var(--navy),var(--midnight) 75%);margin-bottom:14px}
.prod-art img,.prod-art .ph{width:100%;height:100%;object-fit:contain}
.prod-art .ph{padding:16px;display:flex;flex-direction:column;justify-content:flex-end}
.prod-card h3{font:400 22px/1.1 var(--display);letter-spacing:.04em;text-transform:uppercase;color:#fff;margin:0 0 6px}
.prod-meta,.prod-when{margin:0;color:var(--s300);font:500 13px/1.4 var(--sans)}
.prod-price{margin:10px 0 4px;font:400 28px/1 var(--display);color:#fff}
.prod-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.prod-actions .btn{width:100%;justify-content:center}
.prod-arrow{position:absolute;top:40%;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(4,20,40,.7);color:#fff;cursor:pointer;font:400 22px/1 var(--sans)}
.prod-arrow.prev{left:0}
.prod-arrow.next{right:0}
.prod-arrow:hover{background:#fff;color:var(--deep)}
@media (max-width:700px){.prod-arrow{display:none}}

/* Hex shortcut tiles */
.hex-sec{background-color:var(--midnight);background-image:url("../assets/img/ui/hex.svg");background-size:84px 146px;padding:clamp(28px,5vw,56px) 0 !important}
.big-tiles{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:640px){.big-tiles{grid-template-columns:1fr 1fr;gap:20px}}
.big-tile{position:relative;display:flex;align-items:flex-end;aspect-ratio:1;border-radius:22px;overflow:hidden;text-decoration:none;color:#fff;background:var(--deep);isolation:isolate}
.big-tile-art{position:absolute;inset:0;z-index:0}
.big-tile-art .collage,.big-tile-art .ph-brand{height:100%}
.big-tile:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,20,40,.1) 20%,rgba(4,20,40,.88) 100%)}
.big-tile h2{position:relative;z-index:2;font-family:var(--display);font-weight:400;letter-spacing:.04em;text-transform:uppercase;font-size:clamp(28px,8vw,48px);color:#fff;margin:0;padding:22px;line-height:.95}
.big-tile:hover:after{background:linear-gradient(180deg,rgba(4,20,40,.05) 10%,rgba(7,32,63,.8) 100%)}

/* The Vault — singles-style grid */
.singles-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (min-width:900px){.singles-grid{grid-template-columns:repeat(4,1fr);gap:16px}}
.vault-tile{position:relative;display:block;aspect-ratio:1;border-radius:18px;overflow:hidden;text-decoration:none;color:#fff;background:var(--deep);isolation:isolate}
.vault-tile-art{position:absolute;inset:0}
.vault-tile-art .collage,.vault-tile-art .ph-brand{height:100%}
.vault-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,20,40,0) 25%,rgba(4,20,40,.92) 100%)}
.vault-tile-copy{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:14px}
.vault-tile-copy h3{font-family:var(--display);font-weight:400;letter-spacing:.04em;text-transform:uppercase;font-size:clamp(16px,4.4vw,26px);color:#fff;margin:0 0 4px;line-height:.95}
.vault-tile-copy h3.keep-case{text-transform:none}
.vault-tile-copy span{font:800 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--s300)}

/* Feed + signup on the dark home */
.shop-home .post-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media (min-width:900px){.shop-home .post-strip{grid-template-columns:repeat(4,1fr);gap:20px}}
.shop-home .post-tile .plaque{background:transparent;padding:10px 2px 0}
.shop-home .post-tile .pl{color:#fff;font-size:16px}
.shop-home .post-tile .acc{color:var(--s300)}
.shop-home .post-tile .frame{border-color:var(--s700);background:var(--deep)}
.shop-home .signup-band{background:var(--navy);padding:clamp(48px,8vw,88px) 0 !important}
.shop-home .signup-band .shop-title{text-align:left;margin:12px 0 10px;font-size:clamp(32px,8vw,64px)}
.shop-home .signup-band .lede{color:var(--s300)}

.site-footer{background:var(--midnight)}
.week-grid .sale-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.week-grid .exhibit-wrap:target{outline:2px solid var(--blue);outline-offset:6px;border-radius:8px}

.collection-stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:32px}
.collection-stats div{border-left:2px solid var(--blue);padding-left:14px}
.collection-stats b{display:block;font:400 32px/1 var(--display);letter-spacing:.01em;color:#fff}
.collection-stats span{font:800 11px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--s300)}