/* GROKIA: charcoal archive, off-white type, steel rules, electric-lime signal. */
:root{
  --bg:#0d0e10;--bg2:#141619;--bg3:#1a1d20;--bg4:#22262a;
  --line:rgba(241,240,235,.13);--line2:rgba(241,240,235,.28);
  --ink:#f1f0eb;--ink2:#a7a9aa;--ink3:#767b7e;
  --clay:#c7f34b;--clay2:#ddff87;--signal:#c7f34b;--panel:#17191d;
}
::selection{background:var(--signal);color:var(--bg)}
:focus-visible{outline-color:var(--signal)}
[hidden]{display:none!important}
.brand{gap:0;font:500 10.5px/1 var(--mono);letter-spacing:.14em}
.brand::after{content:"Home"}
.brand img,.brand small{display:none}
.hero-kicker{color:var(--signal);margin:0 0 16px}
.hero-title{margin:0;line-height:0;animation:signal-in .8s steps(5) both}
.hero-title img{width:min(568px,78vw);height:auto}
@keyframes signal-in{0%{opacity:0;transform:translateY(12px)}45%{opacity:.35}100%{opacity:1;transform:none}}
.hero .slide picture{position:absolute;inset:0}
.hero .slide picture img{position:absolute;inset:0}
.hero-pause{margin-top:10px;padding:6px 0;border-bottom:1px solid var(--line2);font:500 9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}
.hero-pause:hover{color:var(--signal);border-color:var(--signal)}
.transmission-strip p{margin:0}
.transmission-strip b{color:var(--signal);font-weight:500}
.grok-film .film-media{border-top:2px solid var(--film-accent)}
.grok-film .film-copy .facts dd{color:var(--ink2)}
.t-grok{font:900 clamp(42px,5.6vw,94px)/.88 var(--cond);text-transform:uppercase;letter-spacing:-.008em;color:var(--ink)}
.t-grok small{display:block;margin-top:15px;font:500 clamp(10px,.9vw,12px)/1.3 var(--mono);letter-spacing:.16em;color:var(--film-accent);text-transform:uppercase}
.film-copy .t-grok{font-size:clamp(38px,4.6vw,76px)}
.agent-lede{font-size:clamp(17px,1.5vw,21px)}
.page-main{padding-top:var(--hh)}
.page-main .site-h{background:var(--bg)}
.page-intro{max-width:var(--max);margin:0 auto;padding:clamp(72px,12vh,150px) var(--pad) clamp(48px,7vw,90px);border-bottom:1px solid var(--line)}
.page-intro h1{max-width:1100px;font:900 clamp(60px,10vw,164px)/.82 var(--cond);text-transform:uppercase;letter-spacing:-.015em;margin:16px 0 30px}
.page-intro .big-p{max-width:37em}
.page-note{max-width:68ch;color:var(--ink2);font-size:16px}
.signal-text{color:var(--signal)}
.page-section{padding-top:clamp(56px,8vw,100px)}
.page-section:last-child{padding-bottom:clamp(72px,10vw,140px)}
.character-plates{display:grid;gap:28px}
.profile-plate{max-width:420px}
.detail-hero{position:relative;min-height:82svh;display:flex;align-items:flex-end;overflow:hidden;background:#000}
.detail-hero picture,.detail-hero picture img{position:absolute;inset:0;width:100%;height:100%}
.detail-hero picture img{object-fit:cover;object-position:center 35%}
.detail-hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,14,16,.45),transparent 35%,rgba(13,14,16,.92) 88%,var(--bg));pointer-events:none}
.detail-content{position:relative;z-index:2;width:100%;max-width:var(--max);margin:0 auto;padding:120px var(--pad) clamp(44px,7vw,90px)}
.detail-content .lab{color:var(--film-accent)}
.detail-content h1{max-width:1100px;font:900 clamp(58px,9vw,150px)/.84 var(--cond);text-transform:uppercase;letter-spacing:-.012em;margin:16px 0 24px}
.detail-content .big-p{font-size:clamp(18px,1.6vw,24px);max-width:37em}
.watch-wrap{position:relative;background:#000}
.watch-wrap video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.media-links{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:24px}
.media-links .more{margin-top:0}
.still-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,4vw,52px)}
.still-card img{width:100%;max-height:78vh;object-fit:contain;background:#000}
.still-card figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:12px;color:var(--ink2);font-size:14px}
.still-card figcaption a{color:var(--signal);font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.look-detail{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,6vw,90px);align-items:center}
.look-detail>img{width:100%;max-height:760px;object-fit:cover}
.article-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(40px,7vw,110px);align-items:start}
.article{max-width:790px;color:var(--ink2);font-size:17px;line-height:1.7}
.article h2{margin:16px 0 22px;font:900 clamp(38px,5vw,72px)/.9 var(--cond);text-transform:uppercase;color:var(--ink)}
.article h3{margin:38px 0 10px;font-size:20px;color:var(--ink)}
.article p{margin:0 0 24px}
.article .lab{margin-top:46px;color:var(--signal)}
.article .lab:first-child{margin-top:0}
.article strong{color:var(--ink)}
.article blockquote{margin:28px 0;padding:22px 26px;border-left:2px solid var(--signal);background:var(--bg2);color:var(--ink);font-size:20px}
.article ol,.article ul{padding-left:24px;margin:0 0 28px}
.article li{padding-left:8px;margin:12px 0}
.article a{color:var(--signal)}
.article-aside{position:sticky;top:calc(var(--hh) + 24px)}
.article-aside>img{width:100%;max-height:620px;object-fit:cover;margin-bottom:24px}
.article-nav{display:flex;gap:24px;margin-top:48px}
.wiki-article .table-wrap{overflow-x:auto;margin:28px 0}
.wiki-article table{width:100%;border-collapse:collapse;font-size:14px}
.wiki-article th,.wiki-article td{padding:12px;text-align:left;border:1px solid var(--line);vertical-align:top}
.wiki-article th{color:var(--signal);font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.wiki-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.wiki-grid h2{font-size:clamp(24px,2.6vw,40px);margin:12px 0}
.gallery-tools{display:flex;align-items:end;flex-wrap:wrap;gap:20px 28px;margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.gallery-tools .seg{display:flex;gap:4px}
.gallery-tools .seg button{padding:9px 12px;border:1px solid var(--line);font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}
.gallery-tools .seg button[aria-pressed="true"]{background:var(--signal);border-color:var(--signal);color:var(--bg)}
.gallery-tools label{display:grid;gap:8px}
.gallery-tools select{min-width:230px;padding:9px 32px 9px 10px;background:var(--bg2);color:var(--ink);border:1px solid var(--line2);font:400 12px var(--mono)}
.gallery-count{margin-left:auto;padding-bottom:10px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,42px)}
.gallery-card{margin:0;min-width:0}
.gallery-card>a:first-child{display:block;aspect-ratio:16/10;background:#000;overflow:hidden}
.gallery-card[data-type="look"]>a:first-child{aspect-ratio:4/5}
.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.gallery-card:hover img{transform:scale(1.025)}
.gallery-card figcaption{padding-top:12px}
.gallery-card h2{font-size:23px;margin:8px 0}
.gallery-card p{color:var(--ink2);font-size:14px}
.gallery-card figcaption>a{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal)}
.gallery-empty{padding:60px 0;color:var(--ink2)}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.resource-grid>a{display:flex;flex-direction:column;min-height:250px;padding:26px;background:var(--bg);text-decoration:none}
.resource-grid>a:hover{background:var(--bg2)}
.resource-grid h2{font-size:27px;margin:28px 0 12px}
.resource-grid p{color:var(--ink2);font-size:14px}
.resource-grid .go{margin-top:auto;color:var(--signal);font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.product-list{display:grid;gap:clamp(60px,9vw,120px)}
.product{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,6vw,88px);align-items:center;scroll-margin-top:90px}
.product:nth-child(even)>img{order:2}
.product>img{width:100%;background:var(--bg2)}
.product h2{font:900 clamp(46px,6vw,92px)/.88 var(--cond);text-transform:uppercase;margin:16px 0 24px}
.product p:not(.lab){color:var(--ink2);max-width:34em}
.notice{display:inline-block;padding:12px 14px;border:1px solid var(--line2);color:var(--ink2);font:500 11px var(--mono);letter-spacing:.05em}
.not-found{min-height:70svh}
@media(max-width:1050px){.gallery-grid,.resource-grid,.wiki-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .brand{font-size:10.5px}
  .hero-copy .lede{font-size:15px;max-width:32em}
  .hero .cvbox{display:none}
  .still-grid,.look-detail,.article-layout,.product{grid-template-columns:1fr}
  .article-aside{position:relative;top:auto;max-width:420px}
  .product:nth-child(even)>img{order:0}
  .page-intro h1{font-size:clamp(52px,17vw,100px)}
  .detail-content h1{font-size:clamp(50px,15vw,96px)}
  .gallery-count{margin-left:0}
}
@media(max-width:540px){.gallery-grid,.resource-grid,.wiki-grid{grid-template-columns:1fr}.gallery-tools{align-items:stretch}.gallery-tools .seg{flex-wrap:wrap}.gallery-tools select{width:100%;min-width:0}.gallery-tools label{width:100%}}
@media(prefers-reduced-motion:reduce){.hero-title,.gallery-card img{animation:none;transition:none}}