/* Molstudio site — Daylight Pro skin.
   Tokens are the studio's canonical values (studio.html #daylight-tokens);
   light is the root and html[data-theme="dark"] flips every one of them. */
:root{
  --bg:#E9EAEC; --chrome:#F4F5F6; --panel:#F4F5F6; --card:#FFFFFF; --inset:#E4E6E9;
  --ink:#23262B; --ink-tx:#FFFFFF; --bd:#D4D7DB; --bd-soft:#E4E6E9; --hov:#E4E6E9;
  --tx:#23262B; --mut:#4C5157; --fnt:#8A8F96;
  --acc:#C77E14; --acc-b:#E09018; --acc-soft:rgba(199,126,20,.1);
  --cyan:#1F8A9C; --cyan-soft:rgba(31,138,156,.07); --green:#3E8F4E;
  --tip-bg:#FDF4E4; --tip-bd:#EAD3A6; --tip-tx:#7A5A1E; --knob:#FFFFFF; --well:#101215; --rec:#E0708C;
  --clip-cyan:#D8EDF1; --clip-cyan-bd:#A9D4DC; --clip-cyan-tx:#22606C;
  --clip-amber:#F6E7CB; --clip-amber-bd:#E2C186; --clip-amber-tx:#6E4E12;
  --clip-green:#DFF0E2; --clip-green-bd:#B4D8BB; --clip-green-tx:#2C5E36;
  --clip-purple:#E7E5F7; --clip-purple-bd:#BFBAE7; --clip-purple-tx:#4A4483;
  --clip-pink:#FBE9EE; --clip-pink-bd:#E5AFC0; --clip-pink-tx:#A83D58;
  --clip-grey:#E9EBEE; --clip-grey-bd:#C9CCD1; --clip-grey-tx:#4C5157;
  --acct-bd:#7FB48A; --acct-bg:#EDF5EE;
  --btn-sh:0 1px 2px rgba(20,24,30,.1);
  --sans:"IBM Plex Sans",ui-sans-serif,"Helvetica Neue",Arial,sans-serif;
  --cond:"IBM Plex Sans Condensed",var(--sans);
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
html[data-theme="dark"]{
  --bg:#141518; --chrome:#1D1F23; --panel:#212327; --card:#2A2D32; --inset:#17181C;
  --ink:#E8EAEC; --ink-tx:#17181C; --bd:#0E0F11; --bd-soft:#33363C; --hov:#2A2D32;
  --tx:#E8EAEC; --mut:#B4B9C0; --fnt:#7C828B;
  --acc:#F0A63C; --acc-b:#F0A63C; --acc-soft:rgba(240,166,60,.14);
  --cyan:#58C8D8; --cyan-soft:rgba(88,200,216,.1); --green:#6fbf7d;
  --tip-bg:rgba(240,166,60,.09); --tip-bd:rgba(240,166,60,.35); --tip-tx:#D9C08C; --knob:#E8EAEC; --well:#0B0C0E; --rec:#E0708C;
  --clip-cyan:#22434C; --clip-cyan-bd:#2F5A66; --clip-cyan-tx:#9FD0DA;
  --clip-amber:#4A3A1C; --clip-amber-bd:#6E5426; --clip-amber-tx:#E3C88F;
  --clip-green:#28422E; --clip-green-bd:#3A5C42; --clip-green-tx:#A9D3B1;
  --clip-purple:#302C4E; --clip-purple-bd:#474071; --clip-purple-tx:#BFBAE7;
  --clip-pink:#452430; --clip-pink-bd:#6B3A49; --clip-pink-tx:#E5AFC0;
  --clip-grey:#33363C; --clip-grey-bd:#46494F; --clip-grey-tx:#C0C4CA;
  --acct-bd:#3D6B47; --acct-bg:rgba(62,143,78,.14);
  --btn-sh:0 0 0 1px #33363C;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:clip;background:var(--bg);color:var(--tx);font:14px/1.6 var(--sans);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,p,ul,ol,figure{margin:0}
img{max-width:100%}
a{color:var(--acc);text-decoration:none}
a:hover{color:var(--acc-b)}
::selection{background:var(--acc-soft)}
summary::-webkit-details-marker{display:none}
@keyframes rec{0%,100%{opacity:1}50%{opacity:.2}}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(16px,3vw,28px)}
.mono{font-family:var(--mono)}
.kicker{display:inline-flex;align-items:center;gap:7px;font:10px var(--mono);letter-spacing:.18em;text-transform:uppercase;
  padding:4px 10px;border-radius:5px;white-space:nowrap;
  background:var(--clip-amber);border:1px solid var(--clip-amber-bd);color:var(--clip-amber-tx)}
.kicker::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.kicker.cyan{background:var(--clip-cyan);border-color:var(--clip-cyan-bd);color:var(--clip-cyan-tx)}
.kicker.green{background:var(--clip-green);border-color:var(--clip-green-bd);color:var(--clip-green-tx)}
.kicker.grey{background:var(--clip-grey);border-color:var(--clip-grey-bd);color:var(--clip-grey-tx)}
.meta{font:10px var(--mono);color:var(--fnt)}
.lede{font-size:15px;line-height:1.7;color:var(--mut)}

/* ── nav ─────────────────────────────────────────── */
.nav{position:sticky;top:0;z-index:50;background:var(--chrome);border-bottom:1px solid var(--bd)}
.nav-inner{display:flex;align-items:center;gap:clamp(9px,2vw,22px);
  width:100%;max-width:none;margin:0;padding:0 clamp(18px,2vw,36px);height:56px}
.brand{display:flex;align-items:center;gap:9px;color:var(--tx);flex:none}
.brand span{font-family:var(--cond);font-weight:600;font-size:15px;letter-spacing:.14em;text-transform:uppercase}
.brand em{font-style:normal;color:var(--acc)}
.nav-spacer{flex:1}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-link{height:30px;display:inline-flex;align-items:center;padding:0 11px;border-radius:6px;
  font-size:12.5px;color:var(--mut);white-space:nowrap}
.nav-link:hover{background:var(--hov);color:var(--tx)}
.nav-link[aria-current="page"]{background:var(--ink);color:var(--ink-tx)}
.nav-link-secondary{font-size:11.5px;color:var(--fnt)}
.nav-link-secondary:first-of-type{margin-left:4px}
.nav-link-secondary[aria-current="page"]{color:var(--ink-tx)}
.nav a:focus-visible,.nav button:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.nav-rule{width:1px;height:20px;background:var(--bd);flex:none}
.chip-account{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--bd);border-radius:7px;background:var(--card);color:var(--mut);flex:none}
.chip-account:hover{border-color:var(--fnt);color:var(--tx)}
.chip-account[aria-current="page"]{border-color:var(--ink);background:var(--ink);color:var(--ink-tx)}
.btn-ink{height:36px;display:inline-flex;align-items:center;padding:0 16px;border:0;border-radius:7px;
  background:var(--ink);color:var(--ink-tx);font:600 11.5px var(--sans);white-space:nowrap;flex:none;cursor:pointer}
.btn-ink:hover{filter:brightness(1.18);color:var(--ink-tx)}
.btn-quiet{height:36px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid var(--bd);
  border-radius:8px;background:var(--card);color:var(--mut);font:12.5px var(--sans);cursor:pointer}
.btn-quiet:hover{border-color:var(--fnt);color:var(--tx)}
.theme-toggle{appearance:none;box-sizing:border-box;width:40px;height:22px;padding:0;border:1px solid var(--bd);
  border-radius:12px;background:var(--panel);position:relative;cursor:pointer;flex:none;color:#4C5157}
.theme-toggle::before{content:"";position:absolute;inset:-11px -2px}
.theme-toggle span{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;
  background:var(--knob);transition:left .18s;display:grid;place-items:center;font-size:9px;color:#4C5157;
  box-shadow:0 1px 2px rgba(20,24,30,.16)}
html[data-theme="dark"] .theme-toggle span{left:20px}
.theme-toggle:hover{border-color:var(--fnt);background:var(--hov)}
.theme-toggle:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.menu-btn{display:none;place-items:center;width:44px;height:44px;border:1px solid var(--bd);
  border-radius:8px;background:var(--card);color:var(--mut);cursor:pointer;flex:none}
.sheet{display:flex;border-top:1px solid var(--bd-soft);padding:8px 14px 14px;flex-direction:column;gap:3px}
.sheet[hidden]{display:none!important}
.sheet a,.sheet button{display:flex;align-items:center;min-height:46px;padding:0 12px;border-radius:8px;
  font:14px var(--sans);color:var(--mut);background:none;border:0;text-align:left;cursor:pointer}
.sheet a[aria-current="page"]{background:var(--ink);color:var(--ink-tx);font-weight:600}
.sheet .sheet-theme{justify-content:space-between;margin-top:5px;border:1px solid var(--bd);background:var(--card)}

/* ── hero ────────────────────────────────────────── */
.hero{position:relative;height:clamp(430px,78vh,660px);background:#06111A;overflow:hidden}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-scrim{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,8,11,.5),rgba(7,8,11,.1) 32%,rgba(7,8,11,.3) 62%,rgba(7,8,11,.92))}
.br{position:absolute;width:22px;height:22px}
.br-tl{top:18px;left:18px;border-top:1.5px solid rgba(240,166,60,.85);border-left:1.5px solid rgba(240,166,60,.85)}
.br-tr{top:18px;right:18px;border-top:1.5px solid rgba(240,166,60,.85);border-right:1.5px solid rgba(240,166,60,.85)}
.br-bl{bottom:18px;left:18px;border-bottom:1.5px solid rgba(240,166,60,.85);border-left:1.5px solid rgba(240,166,60,.85)}
.br-br{bottom:18px;right:18px;border-bottom:1.5px solid rgba(240,166,60,.85);border-right:1.5px solid rgba(240,166,60,.85)}
.hero-strip{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;align-items:center;
  justify-content:space-between;flex-wrap:wrap;gap:6px 14px;padding:14px clamp(18px,4vw,40px);
  font:clamp(9px,1.6vw,10.5px) var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#C9CFD8;
  text-shadow:0 1px 8px rgba(0,0,0,.8)}
.hero-strip .rec{display:inline-flex;align-items:center;gap:8px}
.hero-strip .rec i{width:8px;height:8px;border-radius:50%;background:#F0A63C;animation:rec 1.6s infinite}
.hero-body{position:absolute;z-index:2;left:0;right:0;bottom:0;
  padding:0 clamp(18px,4vw,40px) clamp(34px,6vw,62px);max-width:1240px;margin:0 auto}
.hero-eyebrow{font:11px var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#7FD4E2;
  text-shadow:0 1px 10px rgba(0,0,0,.9);animation:rise .5s cubic-bezier(.22,.61,.36,1) both}
.hero-h1{margin-top:16px;font-family:var(--cond);font-weight:600;text-transform:uppercase;line-height:.88;
  font-size:clamp(34px,8.4vw,116px);color:#F3F4F5;text-shadow:0 4px 40px rgba(0,0,0,.6);
  animation:rise .55s .08s cubic-bezier(.22,.61,.36,1) both}
.hero-h1 i{font-style:normal;color:#F0A63C}
.hero-foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:26px;
  margin-top:26px;animation:rise .55s .2s cubic-bezier(.22,.61,.36,1) both}
.hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.cta-light{height:40px;display:inline-flex;align-items:center;padding:0 20px;border-radius:8px;
  background:#F3F4F5;color:#17181C;font:600 13.5px var(--sans)}
.cta-light:hover{filter:brightness(.93);color:#17181C}
.cta-ghost{height:40px;display:inline-flex;align-items:center;gap:9px;padding:0 18px;border-radius:8px;
  border:1px solid rgba(243,244,245,.5);color:#F3F4F5;font:500 13.5px var(--sans)}
.cta-ghost i{width:7px;height:7px;border:1.5px solid currentColor;border-radius:50%}
.cta-ghost:hover{border-color:#F3F4F5;background:rgba(255,255,255,.08);color:#F3F4F5}
.hero-note{max-width:380px;font-size:13.5px;line-height:1.65;color:#DDE1E6;text-shadow:0 1px 12px rgba(0,0,0,.9)}

/* ── shot bar ────────────────────────────────────── */
.shotbar{background:var(--chrome);border-bottom:1px solid var(--bd)}
.shotbar-grid{max-width:1240px;margin:0 auto;padding:0 clamp(6px,1.5vw,28px);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.shotbar-run{display:flex;align-items:center;gap:9px;padding:14px 12px;border-right:1px solid var(--bd-soft);
  font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fnt)}
.shotbar-run b{color:var(--acc);font-weight:400}
.shotbar-item{position:relative;padding:12px 14px;border-right:1px solid var(--bd-soft);color:var(--tx)}
.shotbar-item::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--acc);
  transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.22,.61,.36,1)}
.shotbar-item:hover::after{transform:scaleX(1)}
.shotbar-item.cyan::after{background:var(--cyan)}
.shotbar-item.green::after{background:var(--green)}
.shotbar-item.grey::after{background:var(--fnt)}
.shotbar-item:last-child{border-right:0}
.shotbar-item:hover{background:var(--hov);color:var(--tx)}
.shotbar-item span{display:block;font:9px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}
.shotbar-item.cyan span{color:var(--cyan)}.shotbar-item.green span{color:var(--green)}.shotbar-item.grey span{color:var(--fnt)}
.shotbar-item b{display:block;margin-top:2px;font-size:13px;font-weight:500}

/* ── sections ────────────────────────────────────── */
.sec{max-width:1240px;margin:0 auto;padding:clamp(46px,6vw,76px) clamp(16px,3vw,28px) 0}
.sec.last{padding-bottom:clamp(58px,8vw,90px)}
.page{max-width:1240px;margin:0 auto;padding:clamp(38px,6vw,64px) clamp(16px,3vw,28px) clamp(58px,8vw,90px)}
.sec-head{display:flex;align-items:center;gap:16px;padding-bottom:13px;border-bottom:1px solid var(--bd)}
.sec-head .fill{flex:1}
h1.title,h2.title{margin:0;font-family:var(--cond);font-weight:600;line-height:1;text-transform:uppercase}
h1.title{font-size:clamp(30px,4.2vw,54px)}
h2.title{font-size:clamp(28px,3.8vw,50px)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;align-items:start}
.cols.tight{gap:14px}
.stack{display:flex;flex-direction:column;gap:12px}

.card{background:var(--card);border:1px solid var(--bd);border-radius:10px;box-shadow:var(--btn-sh);overflow:hidden}
.card-pad{padding:clamp(16px,3vw,22px)}
.row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:6px 10px;align-items:center;padding:12px 14px}
.row+.row{border-top:1px solid var(--bd-soft)}
.row .k{font:10.5px var(--mono);color:var(--fnt)}
.row .n{font-size:13.5px;font-weight:600}
.row .v{font:9.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fnt)}

.frame{border:1px solid var(--bd);border-radius:10px;overflow:hidden;box-shadow:0 18px 44px -22px rgba(10,12,16,.4)}
.frame-head{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--chrome);
  border-bottom:1px solid var(--bd);font:9.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fnt)}
.frame-head b{color:var(--mut);font-weight:400}
.frame-head .fill{flex:1}
.frame img{display:block;width:100%;object-fit:cover}
figcaption{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:9px;font:9.5px var(--mono);
  letter-spacing:.1em;text-transform:uppercase;color:var(--fnt)}
figcaption .fill{flex:1}

.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}
.swatch span{display:block;width:100%;aspect-ratio:1;border:1px solid var(--bd);border-radius:6px;
  background-image:url("materials/molstudio-material-preview.jpg");background-size:200% 200%;background-repeat:no-repeat}
.swatch b{display:block;margin-top:6px;font:8.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;
  color:var(--fnt);font-weight:400}
.sw-protein span{background-position:0 0}.sw-membrane span{background-position:100% 0}
.sw-ceramic span{background-position:0 100%}.sw-metal span{background-position:100% 100%}

.verbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin-top:24px}
.verb{display:flex;align-items:flex-start;gap:12px;padding:14px 15px;background:var(--card);
  border:1px solid var(--bd);border-radius:10px;box-shadow:var(--btn-sh)}
.verb b{font-family:var(--cond);font-weight:600;font-size:19px;text-transform:uppercase;min-width:64px}
.verb span{font-size:12.5px;line-height:1.5;color:var(--fnt)}
.verb.on{background:var(--cyan-soft);border:1.5px solid var(--cyan);box-shadow:none}
.verb.on b{color:var(--cyan)}.verb.on span{color:var(--mut)}

.tip{padding:12px 14px;border-radius:9px;background:var(--tip-bg);border:1px solid var(--tip-bd);
  color:var(--tip-tx);font-size:12.5px;line-height:1.6}
.switch-row{display:flex;align-items:center;justify-content:space-between;background:var(--inset);
  border-radius:8px;padding:11px 13px;font-size:12px;color:var(--mut)}
.switch{width:34px;height:19px;border-radius:10px;background:var(--bd);position:relative;flex:none}
.switch i{position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.3)}
.switch.on{background:var(--acc)}
.switch.on i{left:17px}

.prov{display:flex;flex-direction:column;gap:8px}
.prov-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.prov-row em{font-style:normal;font-size:12.5px;color:var(--fnt)}
.tag{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:5px 10px;
  font:9.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;min-width:118px}
.tag i{width:5px;height:5px;border-radius:50%;background:currentColor}
.tag.cyan{background:var(--clip-cyan);border:1px solid var(--clip-cyan-bd);color:var(--clip-cyan-tx)}
.tag.green{background:var(--clip-green);border:1px solid var(--clip-green-bd);color:var(--clip-green-tx)}
.tag.purple{background:var(--clip-purple);border:1px solid var(--clip-purple-bd);color:var(--clip-purple-tx)}
.tag.pink{background:var(--clip-pink);border:1px solid var(--clip-pink-bd);color:var(--clip-pink-tx)}
.tag.grey{background:var(--clip-grey);border:1px solid var(--clip-grey-bd);color:var(--clip-grey-tx)}
.tag.sm{min-width:0;font-size:9px;padding:3px 7px}

.steps-mono{padding:16px 20px;font:12.5px var(--mono);line-height:2;color:var(--mut)}
.steps-mono b{color:var(--fnt);font-weight:400}
.faq details{border-top:1px solid var(--bd)}
.faq details:last-child{border-bottom:1px solid var(--bd)}
.faq summary{list-style:none;cursor:pointer;padding:14px 2px;font-size:14px;font-weight:600}
.faq p{margin-bottom:14px;font-size:13px;line-height:1.65;color:var(--mut);max-width:62ch}

/* ── pipeline / steps / guides ───────────────────── */
.pipe{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;padding:18px clamp(15px,3vw,22px)}
.pipe+.pipe{border-top:1px solid var(--bd-soft)}
.pipe .num{font:11.5px var(--mono);color:var(--acc)}
.pipe h3{font-size:15px;font-weight:600;flex:0 0 auto;min-width:180px}
.pipe p{flex:1 1 320px;font-size:13.5px;line-height:1.65;color:var(--mut)}
.cards-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:26px}
.step{background:var(--card);border:1px solid var(--bd);border-radius:10px;box-shadow:var(--btn-sh);padding:16px 17px}
.step span{display:block;font:9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.step h3{margin-top:7px;font-size:14.5px;font-weight:600}
.step p{margin-top:7px;font-size:12.5px;line-height:1.6;color:var(--mut)}
.guide{background:var(--card);border:1px solid var(--bd);border-radius:10px;box-shadow:var(--btn-sh);padding:18px 19px}
.guide h3{font-size:14.5px;font-weight:600}
.guide p{margin-top:9px;font-size:13px;line-height:1.65;color:var(--mut)}
.term{border:1px solid #2B2F36;border-radius:8px;background:#101215;padding:13px 15px;
  font:12px var(--mono);line-height:1.85;color:#B4B9C0;overflow-x:auto}
.term b{color:#F0A63C;font-weight:400}
.chan{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin-top:14px;font:12.5px var(--mono)}
.chan em{font-style:normal;color:var(--mut)}

/* ── gallery ─────────────────────────────────────── */
.films{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-top:28px}
.film{background:var(--card);border:1px solid var(--bd);border-radius:10px;box-shadow:var(--btn-sh);
  overflow:hidden;display:flex;flex-direction:column}
.film-media{position:relative}
.film-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#06111A}
.slate,.dur{position:absolute;top:10px;color:#fff;font:9.5px var(--mono);letter-spacing:.12em;
  text-transform:uppercase;background:rgba(16,18,21,.55);padding:4px 9px;border-radius:5px;backdrop-filter:blur(4px)}
.slate{left:10px}.dur{right:10px;letter-spacing:.06em;text-transform:none}
.film-body{padding:15px 16px 17px;display:flex;flex-direction:column;flex:1}
.film-body .type{font:9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.film-body h3{margin-top:7px;font-family:var(--cond);font-weight:600;font-size:19px;line-height:1.1;text-transform:uppercase}
.film-body p{margin-top:8px;font-size:12.5px;line-height:1.6;color:var(--mut)}
.film-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.film-body .fill{flex:1}
.film-body .btn-quiet{margin-top:14px;align-self:flex-start;height:32px;font-size:11.5px;background:var(--panel)}

/* ── news ────────────────────────────────────────── */
.news-row{display:flex;flex-wrap:wrap;gap:14px 28px;padding:22px clamp(16px,3vw,24px);
  background:var(--card);border:1px solid var(--bd);border-radius:10px;box-shadow:var(--btn-sh);color:var(--tx)}
.news-row:hover{border-color:var(--fnt);color:var(--tx)}
.news-meta{display:flex;flex-direction:column;gap:9px;align-items:flex-start;flex:0 0 150px}
.news-meta time{font:11px var(--mono);letter-spacing:.1em;color:var(--fnt)}
.news-body{flex:1 1 320px}
.news-body h2{font-family:var(--cond);font-weight:600;font-size:24px;line-height:1.12;text-transform:uppercase}
.news-body p{margin-top:9px;font-size:13.5px;line-height:1.65;color:var(--mut);max-width:62ch}
.news-body .more{display:inline-block;margin-top:12px;font:10.5px var(--mono);letter-spacing:.14em;
  text-transform:uppercase;color:var(--acc)}

/* ── docs ────────────────────────────────────────── */
.docs{display:flex;flex-wrap:wrap;gap:22px;margin-top:32px;align-items:flex-start}
.toc{flex:1 1 210px;max-width:270px;position:sticky;top:72px;background:var(--card);border:1px solid var(--bd);
  border-radius:10px;box-shadow:var(--btn-sh);padding:10px}
.toc b{display:block;padding:4px 8px 8px;font:9.5px var(--mono);letter-spacing:.15em;text-transform:uppercase;
  color:var(--fnt);font-weight:400}
.toc a{display:flex;gap:8px;padding:6px 8px;border-radius:6px;font-size:12px;color:var(--mut)}
.toc a:hover{background:var(--hov);color:var(--tx)}
.toc a i{font-style:normal;font-family:var(--mono);font-size:10px;color:var(--fnt)}
.doc-body{flex:999 1 340px;display:flex;flex-direction:column;gap:12px}
.doc-section{min-width:0}
.doc-sec{background:var(--card);border:1px solid var(--bd);border-radius:10px;box-shadow:var(--btn-sh);
  padding:20px 22px;scroll-margin-top:72px}
.doc-sec .hd{display:flex;align-items:baseline;gap:12px}
.doc-sec .hd span{font:10px var(--mono);letter-spacing:.15em;color:var(--acc)}
.doc-sec h2{font-family:var(--cond);font-weight:600;font-size:22px;line-height:1.1;text-transform:uppercase}
.doc-sec p{margin-top:10px;font-size:13.5px;line-height:1.7;color:var(--mut);max-width:76ch}
.doc-sec b,.doc-sec strong{color:var(--tx)}
.doc-sec .doc-copy{margin-top:16px;font-size:13.5px;line-height:1.7;color:var(--mut)}
.doc-note,.doc-warning{margin-top:16px;padding:12px 14px;border-left:2px solid var(--cyan);border-radius:0 8px 8px 0;background:var(--cyan-soft);color:var(--mut);font-size:12.5px;line-height:1.65}
.doc-warning{border-left-color:var(--acc);background:var(--acc-soft)}
.doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.doc-card{padding:15px 16px;border:1px solid var(--bd-soft);border-radius:8px;background:var(--panel)}
.doc-card h3{font-size:13.5px;font-weight:600}.doc-sec .doc-card p{margin-top:7px;font-size:12.5px;line-height:1.62}
.doc-list{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-left:20px;color:var(--mut);font-size:13px;line-height:1.65}
.doc-rows{display:flex;flex-direction:column;gap:0;margin-top:14px;padding:0;list-style:none}
.doc-rows li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:10px 2px;border-top:1px solid var(--bd-soft);font-size:12.5px;line-height:1.62}
.doc-rows li:last-child{border-bottom:1px solid var(--bd-soft)}
.doc-rows strong{padding-top:2px;color:var(--acc);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.doc-rows span{color:var(--mut)}
.doc-table{width:100%;margin-top:16px;border-collapse:collapse;font-size:12.5px;line-height:1.55}
.doc-table th,.doc-table td{padding:10px 9px;border-bottom:1px solid var(--bd-soft);text-align:left;vertical-align:top}
.doc-table th{color:var(--fnt);font:9.5px var(--mono);letter-spacing:.1em;text-transform:uppercase}.doc-table td{color:var(--mut)}.doc-table td:first-child{color:var(--tx);font-weight:600}
.key{display:inline-block;padding:1px 5px;border:1px solid var(--bd);border-radius:4px;background:var(--inset);color:var(--tx);font:10.5px var(--mono);white-space:nowrap}
.ai-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:16px;border:1px solid var(--bd);background:var(--bd)}
.ai-flow-step{position:relative;min-width:0;padding:13px;background:var(--panel)}
.ai-flow-step::after{content:"→";position:absolute;z-index:1;top:50%;right:-8px;transform:translateY(-50%);color:var(--cyan)}.ai-flow-step:last-child::after{display:none}
.ai-flow-step span{display:block;color:var(--cyan);font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase}.ai-flow-step strong{display:block;margin-top:5px;color:var(--tx);font-size:12px}.doc-sec .ai-flow-step p{margin-top:4px;color:var(--fnt);font-size:11.5px;line-height:1.55}

/* ── account ─────────────────────────────────────── */
.acct-row{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:16px 17px;background:var(--card);
  border:1px solid var(--bd);border-radius:10px;box-shadow:var(--btn-sh)}
.acct-row span{font:12px var(--mono);color:var(--acc)}
.acct-row h2{font-size:14px;font-weight:600}
.acct-row p{margin-top:6px;font-size:12.5px;line-height:1.6;color:var(--mut)}
.acct-card{background:var(--card);border:1px solid var(--bd);border-radius:10px;
  box-shadow:0 18px 44px -26px rgba(10,12,16,.45);overflow:hidden}
.acct-head,.acct-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;
  background:var(--chrome);font:9.5px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--fnt)}
.acct-head{border-bottom:1px solid var(--bd)}
.acct-foot{border-top:1px solid var(--bd-soft)}
.acct-head .on{display:inline-flex;align-items:center;gap:6px;color:var(--green)}
.acct-head .on i{width:6px;height:6px;border-radius:50%;background:currentColor}
.seg{display:flex;padding:3px;border-radius:9px;background:var(--inset);gap:2px}
.seg button{flex:1;height:28px;padding:0 14px;border:0;border-radius:6px;background:none;color:var(--fnt);
  font:500 11.5px var(--sans);cursor:pointer}
.seg button.on{background:var(--card);color:var(--tx);box-shadow:var(--btn-sh)}
.field{display:block;font:9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fnt)}
.field input{display:block;width:100%;margin-top:5px;height:38px;border:1px solid var(--bd);border-radius:8px;
  background:var(--panel);color:var(--tx);padding:0 12px;font:13px var(--sans);outline:none}
.field input:focus{border-color:var(--acc);background:var(--card)}
.acct-note{font-size:11.5px;color:var(--fnt)}
.acct-status{font-size:12px;color:var(--fnt);text-align:center;min-height:18px}

/* ── footer ──────────────────────────────────────── */
.foot{border-top:1px solid var(--bd);background:var(--chrome)}
.foot-inner{max-width:1240px;margin:0 auto;padding:24px clamp(16px,3vw,28px);display:flex;flex-wrap:wrap;
  align-items:center;gap:14px 18px;font-size:12.5px;color:var(--fnt)}
.foot-inner .fill{flex:1}
.foot-mark{font:10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.foot-links{display:flex;flex-wrap:wrap;gap:18px}
.foot-links a{color:var(--fnt)}
.foot-links a:hover{color:var(--tx)}

/* ── depth, motion, film-well band ───────────────── */
.band-well{margin-top:clamp(46px,6vw,76px);background:#101215;color:var(--tx);border-top:1px solid #000;border-bottom:1px solid #000;
  --bg:#101215; --chrome:#1D1F23; --panel:#1A1C20; --card:#22252A; --inset:#0B0D0F;
  --ink:#E8EAEC; --ink-tx:#17181C; --bd:#2B2F36; --bd-soft:#2B2F36; --hov:#2A2D32;
  --tx:#E8EAEC; --mut:#B4B9C0; --fnt:#7C828B;
  --acc:#F0A63C; --acc-b:#F0A63C; --acc-soft:rgba(240,166,60,.14);
  --cyan:#58C8D8; --cyan-soft:rgba(88,200,216,.1); --green:#6fbf7d;
  --tip-bg:rgba(240,166,60,.09); --tip-bd:rgba(240,166,60,.35); --tip-tx:#D9C08C;
  --clip-cyan:#22434C; --clip-cyan-bd:#2F5A66; --clip-cyan-tx:#9FD0DA;
  --clip-amber:#4A3A1C; --clip-amber-bd:#6E5426; --clip-amber-tx:#E3C88F;
  --clip-grey:#33363C; --clip-grey-bd:#46494F; --clip-grey-tx:#C0C4CA;
  --btn-sh:0 0 0 1px #2B2F36}
.band-well .sec{padding-top:clamp(38px,5vw,58px);padding-bottom:clamp(42px,6vw,64px)}

/* ── stroked verb list ──────────────────────── */
.verb-list{margin-top:26px}
.verb-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 26px;padding:12px 2px;border-top:1px solid var(--bd-soft)}
.verb-list .verb-row:last-child{border-bottom:1px solid var(--bd-soft)}
.verb-row b{font-family:var(--cond);font-weight:600;font-size:clamp(30px,4.6vw,54px);line-height:1;
  text-transform:uppercase;color:transparent;-webkit-text-stroke:1.3px var(--tx);
  transition:color .25s,-webkit-text-stroke-color .25s}
.verb-row span{flex:1;min-width:220px;text-align:right;font:11px var(--mono);letter-spacing:.08em;color:var(--fnt)}
.verb-row:hover b{color:var(--acc);-webkit-text-stroke-color:var(--acc)}
.verb-row.on b{color:var(--cyan);-webkit-text-stroke-color:var(--cyan)}
.verb-row.on span{color:var(--cyan)}

/* ── filmstrip ───────────────────────────── */
.strip-band{background:#101215;border-top:1px solid #000;border-bottom:1px solid #000;
  margin-top:clamp(46px,6vw,76px);padding:16px 0 18px}
.sprockets{height:8px;margin:0 clamp(16px,3vw,28px);
  background:repeating-linear-gradient(90deg,transparent 0 18px,#26292F 18px 34px)}
.filmstrip{display:flex;gap:12px;overflow-x:auto;padding:14px clamp(16px,3vw,28px);scrollbar-width:none}
.filmstrip::-webkit-scrollbar{display:none}
.filmstrip a{flex:0 0 auto;width:clamp(220px,26vw,340px);border:1px solid #2B2F36;border-radius:6px;overflow:hidden}
.filmstrip img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#06111A;
  transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.filmstrip a:hover img{transform:scale(1.05)}
.strip-cap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;
  padding:6px clamp(16px,3vw,28px) 4px;font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#7C828B}
.strip-cap a{color:#F0A63C}
.strip-cap a:hover{color:#F3F4F5}

.card,.verb,.film,.step,.guide,.news-row,.acct-row{
  transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s,border-color .35s}
.verb:hover,.step:hover,.guide:hover,.acct-row:hover{transform:translateY(-3px);
  border-color:var(--fnt);box-shadow:0 12px 28px -16px rgba(10,12,16,.4)}
.verb.on:hover{border-color:var(--cyan)}
.film:hover,.news-row:hover{transform:translateY(-4px);box-shadow:0 20px 44px -20px rgba(10,12,16,.45)}
.film-media img{transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.film:hover .film-media img{transform:scale(1.045)}
.btn-ink,.btn-quiet,.chip-account,.nav-link,.cta-light,.cta-ghost{transition:filter .18s,background .18s,border-color .18s,color .18s}

.rv{opacity:0;transform:translateY(18px);
  transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .film-media img,.shotbar-item::after{transition:none}
}

@media (max-width:1100px) and (min-width:881px){
  .nav-inner{gap:7px;padding-inline:14px}
  .nav-links{gap:1px}
  .nav-link{padding-inline:7px;font-size:11.5px}
  .nav-link-secondary{font-size:10.5px}
  .btn-ink{padding-inline:12px}
}
@media (max-width:880px){
  .nav-links,.nav-rule,.chip-account,.nav-inner .theme-toggle{display:none}
  .menu-btn{display:grid}
  .cols{gap:26px}
  .swatches{gap:6px}
  .toc{position:static;max-width:none;flex-basis:100%}
  .pipe h3{min-width:0;flex:1 1 100%}
}
@media (max-width:520px){
  .nav-inner{gap:8px}
  .btn-ink{padding-inline:11px;font-size:10.5px}
  .verb-row span{flex-basis:100%;text-align:left;min-width:0}
  .sec-head{flex-wrap:wrap;gap:6px 14px}
  .sec-head .meta{flex:1 1 100%}
  .swatches{grid-template-columns:repeat(2,1fr)}
  .tag{min-width:0}
  .row{grid-template-columns:20px minmax(0,1fr)}
  .row .v{grid-column:2}
}


/* ── compatibility shell for app-owned community/profile pages ─────────────
   Those routes retain site-nav.js' disclosure markup while they migrate to the
   shared .nav contract. This block only translates that existing shell. */
body.daylight-site{margin:0;background:var(--bg);color:var(--tx);font-family:var(--sans)}
.daylight-site>div{background:var(--bg)!important;color:var(--tx)}
.daylight-site .site-nav{
  position:sticky!important;top:0;z-index:100!important;width:100%;max-width:none!important;
  min-height:56px;margin:0!important;padding:9px max(16px,calc((100vw - 1240px)/2 + 28px))!important;
  border:0!important;border-bottom:1px solid var(--bd)!important;background:var(--chrome)!important;
  color:var(--tx)!important
}
.daylight-site .site-nav>a,.daylight-site .site-nav>a>span{color:var(--tx)!important}
.daylight-site .site-menu-toggle{min-height:38px;border-color:var(--bd)!important;background:var(--card)!important;color:var(--mut)!important}
.daylight-site .site-nav .site-menu{border-color:var(--bd)!important;background:var(--chrome)!important;box-shadow:0 22px 55px rgba(20,24,30,.2)!important}
.daylight-site .site-nav .site-menu a:not(.ba){color:var(--mut)!important}
.daylight-site .site-nav .site-menu a:not(.ba):hover,.daylight-site .site-nav .site-menu a[aria-current="page"]{
  border-color:var(--bd)!important;background:var(--hov)!important;color:var(--tx)!important
}
.daylight-site .site-nav .site-menu .site-account-link{border-color:var(--clip-amber-bd)!important;color:var(--tx)!important}
.daylight-site .site-nav .site-menu .site-lab-link{border-color:#D7EE67!important;background:#D7EE67!important;color:#102A26!important}
.daylight-site .site-nav .site-menu .ba{border:1px solid var(--ink)!important;background:var(--ink)!important;color:var(--ink-tx)!important}
.daylight-theme-toggle{
  appearance:none;box-sizing:border-box;position:relative;flex:none;width:40px;height:22px;padding:0;
  border:1px solid var(--bd);border-radius:12px;background:var(--panel);color:var(--mut);cursor:pointer
}
.daylight-theme-toggle>[data-site-theme-label]{display:none}
.daylight-theme-toggle>[data-site-theme-glyph]{position:absolute;top:2px;left:2px;display:grid;width:16px;height:16px;
  place-items:center;border-radius:50%;background:var(--knob);color:#4C5157;font-size:9px;transition:left .18s}
html[data-theme="dark"] .daylight-theme-toggle>[data-site-theme-glyph]{left:20px}
.site-menu .daylight-theme-toggle{
  grid-column:1/-1;display:flex;width:auto;height:40px;min-height:40px;padding:0 12px;align-items:center;
  justify-content:space-between;gap:12px;border-radius:6px
}
.site-menu .daylight-theme-toggle>[data-site-theme-label]{display:inline}
.site-menu .daylight-theme-toggle>[data-site-theme-glyph]{position:static;width:20px;height:20px;background:var(--ink);color:var(--ink-tx)}
.daylight-theme-toggle:focus-visible{outline:2px solid var(--acc);outline-offset:3px}

@media(max-width:720px){
  .daylight-site .site-nav{padding:9px 16px!important}
}


/* Page-specific composition: current production content in Claude's Daylight
   editorial system. These selectors preserve richer live media and controls. */
.ba{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border:0;border-radius:7px;background:var(--ink);color:var(--ink-tx);font:600 11.5px var(--sans)}
.ba:hover{filter:brightness(1.18);color:var(--ink-tx)}
.bg3{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border:1px solid var(--bd);border-radius:8px;background:var(--card);color:var(--mut)}
.bg3:hover{border-color:var(--fnt);color:var(--tx)}
.lka{color:var(--acc)}.lkf{color:var(--cyan)}
.page-intro{padding-bottom:clamp(26px,4vw,44px)}
.manual-switch{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin:24px 0 0;padding:3px;border:1px solid var(--bd);border-radius:8px;background:var(--inset)}
.manual-switch a{display:flex;min-height:34px;align-items:center;justify-content:center;padding:7px 13px;border-radius:5px;color:var(--fnt);font:9.5px var(--mono);letter-spacing:.1em;text-align:center;text-transform:uppercase}
.manual-switch a:hover{background:var(--hov);color:var(--tx)}
.manual-switch a[aria-current="page"]{background:var(--card);box-shadow:var(--btn-sh);color:var(--tx)}

/* Homepage film and production controls. */
.hero>.hero-film{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.hero-film-shell{background:#06111A url("examples/t7-replication-fork-surface-hero-poster.webp?v=2") center/cover no-repeat}
.hero-film-play{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);display:none;align-items:center;gap:9px;min-height:44px;padding:10px 16px;border:1px solid rgba(243,244,245,.55);border-radius:8px;background:rgba(7,8,11,.76);backdrop-filter:blur(12px);color:#F3F4F5;font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase;cursor:pointer}
.hero-film-play[data-visible="true"]{display:inline-flex}
.hero-film-play:hover{border-color:#F0A63C;color:#F0A63C}
.hero-body{padding-bottom:clamp(24px,4vw,42px)}
.hero-foot{margin-top:20px}
.hero-lab-cta{height:40px;display:inline-flex;align-items:center;gap:9px;padding:0 18px;border-radius:8px;background:#D7EE67;color:#102A26;font:600 13.5px var(--sans)}
.hero-lab-cta::before{content:"";width:7px;height:7px;border:1.5px solid #102A26;border-radius:50%}
.hero-lab-cta:hover{background:#EEFB9E;color:#102A26}
.hero-provenance{display:flex;align-items:center;gap:9px 12px;margin-top:18px;padding-top:12px;border-top:1px solid rgba(243,244,245,.18);font:9.5px var(--mono);letter-spacing:.07em;color:#C9CFD8;text-shadow:0 1px 8px rgba(0,0,0,.9)}
.hero-provenance .fill{flex:1}.hero-source{white-space:nowrap}
.hero-film-pause{display:none;align-items:center;gap:6px;min-height:32px;padding:5px 9px;border:1px solid rgba(243,244,245,.42);border-radius:6px;background:rgba(7,8,11,.48);color:#DDE1E6;font:9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.hero-film-pause[data-visible="true"]{display:inline-flex}
.hero-film-play:focus-visible,.hero-film-pause:focus-visible,.hero-lab-cta:focus-visible{outline:2px solid #F0A63C;outline-offset:3px}
.material-swatch{display:block!important;width:100%;aspect-ratio:1;border:1px solid var(--bd)!important;border-radius:6px;background-image:url("materials/molstudio-material-preview.jpg")!important;background-size:200% 200%!important;background-repeat:no-repeat!important}
.material-protein{background-position:0 0!important}.material-membrane{background-position:100% 0!important}.material-ceramic{background-position:0 100%!important}.material-metal{background-position:100% 100%!important}
.swatch>.material-swatch{background-color:var(--card)}
.uncropped-frame{aspect-ratio:auto!important}
.motion-card-kicker{font:9.5px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}
.motion-card-title{margin-top:8px;font:600 22px/1.05 var(--cond);text-transform:uppercase}
.motion-flow{display:flex;align-items:center;gap:6px;margin-top:14px;font:8.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fnt)}
.motion-flow span{padding:5px 9px;border:1px solid var(--bd);border-radius:5px;background:var(--panel)}.motion-flow b{color:var(--cyan)}
.actor-chip{display:flex;align-items:center;gap:8px;margin-top:14px;padding:9px 11px;border:1px solid var(--acc);border-radius:8px;background:var(--acc-soft);box-shadow:inset 2px 0 0 var(--acc)}
.actor-chip i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 3px var(--cyan-soft)}.actor-chip span{flex:1}.actor-chip em{font:8.5px var(--mono);font-style:normal;color:var(--fnt)}
.record-stack{position:relative;display:grid;gap:5px;margin-top:6px;padding-left:12px}.record-stack::before{content:"";position:absolute;left:4px;top:2px;bottom:4px;border-left:1px dashed var(--bd)}
.record-stack span{padding:7px 10px;border:1px solid var(--bd-soft);border-radius:7px;background:var(--panel);font-size:11.5px;color:var(--mut)}
.platform-links{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 20px}

/* Gallery: the production video cards use the redesign's light contact sheet. */
.gallery-motion-catalog{background:var(--bg)!important;color:var(--tx)!important}
.gallery-motion-catalog .showcase-shell{max-width:1240px;padding:clamp(18px,3vw,28px) clamp(16px,3vw,28px) clamp(52px,7vw,78px)}
.gallery-motion-catalog .showcase-heading{align-items:flex-end;padding-bottom:13px;border-bottom:1px solid var(--bd)}
.gallery-motion-catalog .showcase-kicker{color:var(--cyan);font:10px var(--mono);letter-spacing:.18em}
.gallery-motion-catalog .showcase-title{color:var(--tx);font:600 clamp(28px,3.8vw,50px)/1 var(--cond);text-transform:uppercase}
.gallery-motion-catalog .showcase-intro{color:var(--mut);font-size:13px;line-height:1.65}
.gallery-motion-catalog .showcase-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}
.gallery-motion-catalog .showcase-card,.gallery-motion-catalog .showcase-card--feature{grid-column:auto!important;border:1px solid var(--bd);border-radius:10px;background:var(--card);box-shadow:var(--btn-sh);overflow:hidden}
.gallery-motion-catalog .showcase-card:hover{transform:translateY(-4px);border-color:var(--fnt);box-shadow:0 20px 44px -20px rgba(10,12,16,.45)}
.gallery-motion-catalog .showcase-figure{display:flex;height:100%;flex-direction:column}
.gallery-motion-catalog .showcase-media{background:#06111A}
.gallery-motion-catalog .showcase-video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.gallery-motion-catalog .showcase-slate{top:10px;left:10px;right:10px;color:#fff;font:9.5px var(--mono)}
.gallery-motion-catalog .showcase-play{border-color:rgba(255,255,255,.65);background:rgba(16,18,21,.62);color:#fff}
.gallery-motion-catalog .showcase-caption{display:flex;flex:1;flex-direction:column;align-items:stretch;margin:0;padding:15px 16px 17px;background:var(--card);color:var(--tx)}
.gallery-motion-catalog .showcase-caption-copy{display:block}.gallery-motion-catalog .showcase-type{color:var(--cyan);font:9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.gallery-motion-catalog .showcase-name{margin-top:7px;color:var(--tx);font:600 19px/1.1 var(--cond);text-transform:uppercase}
.gallery-motion-catalog .showcase-description{margin-top:8px;color:var(--mut);font-size:12.5px;line-height:1.6}
.gallery-motion-catalog .showcase-open{align-self:flex-start;margin-top:14px;border-color:var(--bd);background:var(--panel);color:var(--mut)}
.gallery-motion-catalog .showcase-meta{margin-top:12px;padding-top:12px;border-color:var(--bd-soft);color:var(--fnt)}
.gallery-motion-catalog .showcase-source{border-color:var(--clip-cyan-bd);background:var(--clip-cyan);color:var(--clip-cyan-tx)}
.gallery-motion-catalog .showcase-truth{color:var(--clip-pink-tx)}
.gallery-stills{padding-top:clamp(42px,6vw,64px)}
.gallery-stills .showcase-stills-heading{display:flex;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:13px;border-bottom:1px solid var(--bd)}
.gallery-stills .showcase-stills-heading span{font:10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fnt)}
.gallery-stills .showcase-stills-heading h2{font:600 clamp(28px,3.8vw,50px)/1 var(--cond);text-transform:uppercase}
.gallery-stills figure img{border-color:var(--bd)!important;border-radius:10px;box-shadow:var(--btn-sh)}
.gallery-stills figcaption{color:var(--fnt)!important}

/* Motion Lab retains every production example inside one deliberate dark well. */
.motion-intro>div:nth-child(2){grid-template-columns:minmax(0,7fr) minmax(320px,5fr)!important;margin-top:34px!important}
.motion-verb{color:transparent;-webkit-text-stroke:1.2px var(--tx)}
.motion-intro>div:nth-child(2)>div:last-child{border-color:var(--bd)!important;border-radius:10px;background:var(--card)!important;box-shadow:var(--btn-sh)!important;overflow:hidden}
.motion-manual{border-block:1px solid var(--bd);background:var(--bg)}
.motion-manual-shell{max-width:1240px;margin:0 auto;padding:clamp(46px,6vw,70px) clamp(16px,3vw,28px)}
.motion-manual-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3fr);gap:48px;align-items:end}
.motion-manual-kicker{font:10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--acc)}
.motion-manual-title{margin-top:8px;font:600 clamp(30px,3.8vw,48px)/1 var(--cond);text-transform:uppercase}
.motion-manual-intro{color:var(--mut);font-size:14px;line-height:1.7}
.motion-step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:26px}
.motion-step{min-height:0;padding:16px 17px;border:1px solid var(--bd);border-radius:10px;background:var(--card);box-shadow:var(--btn-sh)}
.motion-step span{color:var(--cyan);font:9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase}.motion-step h3{margin-top:7px;font-size:14.5px}.motion-step p{margin-top:7px;color:var(--mut);font-size:12.5px;line-height:1.6}
.motion-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px;margin-top:28px}
.motion-guide{margin:0;padding:18px 19px;border:1px solid var(--bd);border-radius:10px;background:var(--card);box-shadow:var(--btn-sh)}.motion-guide p,.motion-guide li{color:var(--mut)}
.motion-key{border-color:var(--bd);background:var(--inset);color:var(--tx)}
.motion-examples{margin-top:0!important}.motion-examples .showcase-shell{max-width:1240px}
.motion-reference{padding-top:clamp(48px,6vw,68px)}
.motion-reference>div:first-child{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;gap:10px!important}
.motion-reference>div:first-child>div{padding:18px 19px!important;border:1px solid var(--bd)!important;border-radius:10px;background:var(--card);box-shadow:var(--btn-sh)}

/* Rendering and generated news. */
.rendering-hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.rendering-intro .frame-head{border:1px solid var(--bd);border-bottom:0;border-radius:10px 10px 0 0}.rendering-intro .frame{border-radius:0 0 10px 10px}
.rendering-pipeline{padding-bottom:clamp(44px,6vw,68px)}.rendering-atlas{padding-top:0}
.news-list{display:flex;flex-direction:column;gap:10px;margin-top:32px}.news-empty{padding:24px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--fnt)}
.news-entry{max-width:960px}.news-back{display:inline-flex;margin-bottom:24px;font:10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.news-article{max-width:860px}.news-entry-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;color:var(--fnt);font:10.5px var(--mono);letter-spacing:.08em}
.news-article>h1.title{max-width:20ch;font-size:clamp(30px,4vw,50px)}
.news-article .n-fig{margin:30px 0}.news-article .n-fig img{display:block;width:100%;border:1px solid var(--bd);border-radius:10px}
.n-body{margin-top:30px;color:var(--mut);font-size:15.5px;line-height:1.75}.n-body>*+*{margin-top:19px}
.n-body>p,.n-body>ul,.n-body>ol,.n-body>blockquote,.n-body>h2,.n-body>h3,.n-body>h4,.n-body>h5{max-width:70ch}
.n-body h2{margin-top:42px;color:var(--tx);font:600 25px var(--cond);text-transform:uppercase}.n-body h3{margin-top:32px;color:var(--tx);font-size:16px}.n-body strong{color:var(--tx)}
.n-body code{padding:1px 5px;border:1px solid var(--bd);border-radius:3px;background:var(--inset);color:var(--tx);font:.88em var(--mono)}
.n-body a{color:var(--acc);border-bottom:1px solid var(--clip-amber-bd)}.n-list{display:flex;flex-direction:column;gap:10px;padding-left:0;list-style:none}.n-list li{position:relative;padding-left:22px}
.n-list li::before{content:"";position:absolute;left:2px;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--acc)}ol.n-list{counter-reset:n}ol.n-list li{counter-increment:n}ol.n-list li::before{content:counter(n);top:0;width:auto;height:auto;background:none;color:var(--acc);font:11px var(--mono)}
.n-quote{padding:2px 0 2px 18px;border-left:2px solid var(--acc);color:var(--tx)}.n-pre{overflow-x:auto;padding:15px 17px;border:1px solid #2B2F36;background:var(--well);color:#B4B9C0;font:12.5px/1.62 var(--mono)}
.n-pre code{padding:0;border:0;background:none;color:inherit;font:inherit}.n-hr{margin:34px 0;border:0;border-top:1px solid var(--bd)}
.n-thumb{max-width:420px;margin-top:16px;overflow:hidden;border:1px solid var(--bd);border-radius:8px;background:var(--inset)}.n-thumb img{display:block;width:100%;height:auto}
.n-fig figcaption{max-width:70ch}.n-body p img{max-width:100%;height:auto;vertical-align:middle}.n-body h4,.n-body h5{margin-top:28px;color:var(--fnt);font:11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.n-foot{display:flex;justify-content:space-between;gap:18px;margin-top:56px;padding-top:22px;border-top:1px solid var(--bd);font-size:13.5px}.n-foot>div:last-child{text-align:right}.n-foot span{display:block;margin-bottom:5px;color:var(--fnt);font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase}

@media(max-width:880px){
  .hero{height:max(660px,calc(100svh - 56px))}
  .hero-body{padding-bottom:24px}
  .hero-foot{align-items:flex-start;gap:14px;margin-top:16px}
  .hero-note{max-width:52ch}
  .hero-provenance{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
  .hero-provenance .fill{display:none}.hero-source{grid-column:1/3;white-space:normal}.hero-film-pause{grid-column:3;grid-row:1/3}
  .motion-intro>div:nth-child(2),.motion-manual-head{grid-template-columns:minmax(0,1fr)!important;gap:22px}
  .rendering-hero-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
  .cols,.films{grid-template-columns:minmax(0,1fr)}
  .hero{height:max(690px,calc(100svh - 56px))}
  .hero-body{padding-inline:18px}
  .hero-foot{display:grid}.hero-ctas{align-items:stretch}.hero-ctas a{justify-content:center}
  .hero-provenance{grid-template-columns:minmax(0,1fr) auto;font-size:8.8px}
  .hero-provenance .tag{align-self:start}.hero-provenance>span:nth-child(2){grid-column:1/-1}.hero-source{grid-column:1}.hero-film-pause{grid-column:2;grid-row:1/4;align-self:end}
  .gallery-motion-catalog .showcase-grid{grid-template-columns:minmax(0,1fr)}
  .gallery-stills>div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
  .motion-guide-grid{grid-template-columns:minmax(0,1fr)}
  .manual-switch{display:grid;width:100%}
  .doc-sec{padding:17px 16px}.doc-grid,.ai-flow{grid-template-columns:minmax(0,1fr)}
  .ai-flow-step::after{top:auto;right:13px;bottom:-10px;transform:none;content:"↓"}
  .doc-rows li{grid-template-columns:minmax(0,1fr);gap:3px}.doc-table{display:block;overflow-x:auto}
}