:root{
  --v15-white:#f3f3f2;
  --v15-body:#cececc;
  --v15-soft:#8b8b89;
  --v15-line:#171717;
  --v15-card:#040404;
}
html,body,main,.site-header,.header-shell,.nav-stage,.site-footer,.atlas{background:#000!important;background-color:#000!important}
body{color:var(--v15-white)!important}
p,li,small,.globe-hint,.footer-bottom,.auth-disclosure,.timeframe-note p,.evidence-note p{color:var(--v15-body)!important}
h1,h2,h3,h4,h5,h6,.wordmark,.pane-primary a,.site-nav .nav-select,.sign-in-trigger,.quiet-link,.essay-links a,.footer-bottom a,.back-to-top,.auth-tab,.auth-submit,.auth-form label,.auth-form input,.visual-dialog-name,#visualSubject,#visualCategory,#visualNote{color:var(--v15-white)!important}
.opening,.essay,.paired-passage,.globe-passage,.research-outro,.products-lead,.products-public,.research-intro,.research-browser,.article-header,.article-content,.diagram-plate,.living-plate,.landscape-plate,.film-frame,.leaf-inset{background:#000!important}

/* header + menus */
.site-header{border-bottom:1px solid rgba(255,255,255,.04)!important;backdrop-filter:none!important}
.header-shell{height:68px!important}
.header-actions{gap:clamp(14px,2vw,26px)!important}
.site-nav{gap:clamp(14px,1.85vw,28px)!important}
.site-nav .nav-select{color:#c8c8c6!important;font-size:12.2px!important}
.site-nav .nav-select:hover,.site-nav .nav-select.is-current{color:#fff!important}
.sign-in-trigger,.sign-in-trigger:hover{height:28px!important;min-width:0!important;padding:0 12px!important;border-radius:5px!important;background:#111!important;color:#fff!important}
.nav-stage{border-bottom:1px solid #1a1a1a!important;box-shadow:0 26px 40px rgba(0,0,0,.8)!important;transform:translateY(-14px)!important;transition:opacity .22s ease,transform .32s cubic-bezier(.22,.74,.16,1),visibility .22s ease!important}
.site-header.menu-open .nav-stage{transform:translateY(0)!important}
.nav-stage-inner{width:min(620px,calc(100% - 52px))!important;padding:24px 0 30px!important}
.nav-pane{opacity:0;transform:translateY(-8px)}
.nav-pane.is-visible{display:block!important;opacity:1;transform:translateY(0);animation:none!important;transition:opacity .22s ease,transform .28s cubic-bezier(.2,.74,.2,1)}
.pane-primary{gap:10px!important}
.pane-primary a{font-size:clamp(15px,1.45vw,19px)!important;line-height:1.35!important}
.pane-product-list .menu-product{font-size:12.5px!important;color:#b8b8b6!important}
.nav-select .nav-symbol,.menu-mobile-toggle .nav-symbol{color:#d6d6d4!important}
.menu-mobile-toggle{color:#efefee!important}

/* image treatments to harmonize with particle/gallery language */
.film-frame,.leaf-inset,.living-plate,.article-cover,.research-still,.entry-art,.products-card-visual,.products-spread figure{position:relative;overflow:hidden}
.film-frame img,.leaf-inset img,.living-plate img,.article-cover img,.research-still img,.entry-art img,.products-card-visual img,.products-spread figure img{filter:saturate(.92) contrast(1.06) brightness(.9)!important;transform:scale(1.01)}
.film-frame::after,.leaf-inset::after,.living-plate::after,.article-cover::after,.research-still::after,.entry-art::after,.products-card-visual::after,.products-spread figure::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
   radial-gradient(circle, rgba(255,255,255,.18) 0 .7px, transparent .9px),
   radial-gradient(circle at 25% 30%, rgba(255,255,255,.07) 0 .65px, transparent .9px),
   linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.16));
  background-size:8px 8px, 11px 11px, 100% 100%;
  background-position:0 0, 4px 5px, 0 0;
  mix-blend-mode:screen;opacity:.24;
}

/* gallery */
.atlas{width:min(1440px,calc(100% - 48px))!important;margin:170px auto 230px!important}
.atlas-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-rows:6px!important;gap:14px!important;align-items:start!important}
.atlas-tile{position:relative!important;background:linear-gradient(180deg,#020202,#050505)!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:18px!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;cursor:zoom-in!important}
.atlas-tile::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 24%,transparent 76%,rgba(255,255,255,.02));opacity:.85}
.atlas-tile .live-art{position:absolute!important;inset:10px!important;width:calc(100% - 20px)!important;height:calc(100% - 20px)!important;border-radius:12px!important}
.atlas-tile:nth-child(1){grid-column:span 4!important}
.atlas-tile:nth-child(2){grid-column:span 8!important}
.atlas-tile:nth-child(3){grid-column:span 4!important}
.atlas-tile:nth-child(4){grid-column:span 4!important}
.atlas-tile:nth-child(5){grid-column:span 4!important}
.atlas-tile:nth-child(6){grid-column:span 8!important}
.atlas-tile:nth-child(7){grid-column:span 5!important}
.atlas-tile:nth-child(8){grid-column:span 7!important}
.atlas-tile:hover,.atlas-tile:focus,.atlas-tile:active{transform:none!important;filter:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important}
.visual-dialog{background:#050505!important;border:1px solid rgba(255,255,255,.1)!important}
.atlas-full-art{background:#020202!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;overflow:hidden!important}
.atlas-full-art .live-art--full{inset:16px!important;width:calc(100% - 32px)!important;height:calc(100% - 32px)!important}

/* footer blend */
.site-footer{min-height:max(100svh,820px)!important;padding:0!important}
.footer-arrival{height:clamp(260px,34svh,420px)!important;position:relative!important;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.28) 18%,#000 65%,#000 100%)!important}
.footer-arrival::before{content:"";position:absolute;inset:-5% 0 0;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.05),rgba(255,255,255,0) 60%);mask-image:linear-gradient(180deg,transparent 0%,#000 38%,#000 100%)}
.footer-dust{opacity:.56!important;background-image:radial-gradient(circle at 42% 90%,rgba(236,236,236,.26) 0 1px,transparent 1.7px),radial-gradient(circle at 73% 64%,rgba(236,236,236,.16) 0 1px,transparent 1.9px),radial-gradient(circle at 16% 78%,rgba(255,255,255,.12) 0 1px,transparent 1.9px)!important}
.footer-identity{min-height:44svh!important}
.particle-title{height:clamp(300px,58svh,740px)!important}
.footer-bottom{padding:0 clamp(24px,5vw,88px) clamp(42px,7svh,100px)!important;color:#91918f!important}
.footer-bottom a{color:#a8a8a6!important}
.footer-bottom a:hover{color:#fff!important}

/* dialog */
.signin-dialog{background:#060606!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;color:#fff!important}
.auth-form input{background:#0f0f0f!important;border:1px solid #232323!important;color:#fff!important}
.auth-submit{background:#fff!important;color:#000!important;border:none!important;border-radius:6px!important}

@media(max-width:850px){
  .atlas{width:calc(100% - 28px)!important;margin:135px auto 180px!important}
  .atlas-grid{gap:10px!important}
  .atlas-tile:nth-child(n){grid-column:span 6!important}
  .atlas-tile:nth-child(2),.atlas-tile:nth-child(6),.atlas-tile:nth-child(8){grid-column:span 12!important}
}
@media(max-width:760px){
  .header-shell{height:60px!important}
  .nav-stage-inner{width:calc(100% - 36px)!important;margin:0 18px!important;padding:16px 0 22px!important}
  .site-footer{min-height:max(100svh,700px)!important}
  .footer-arrival{height:clamp(180px,24svh,250px)!important}
  .particle-title{height:clamp(220px,36svh,380px)!important}
}
@media(max-width:600px){
  .atlas{width:calc(100% - 18px)!important}
  .atlas-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-rows:5px!important;gap:8px!important}
  .atlas-tile:nth-child(n){grid-column:span 3!important}
  .atlas-tile:nth-child(2),.atlas-tile:nth-child(6),.atlas-tile:nth-child(8){grid-column:span 6!important}
  .atlas-tile .live-art{inset:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important}
}