/* Stable reading/action roles. Scene colors remain free to animate. */
:root {
  --paper: #EEE9DF;
  --sand: #CDD3BE;
  --charcoal: #20211F;
  --reading-ink: #20261F;
  --reading-muted: #51584B;
  --olive: #59644F;
  --action: #293225;
  --action-ink: #F5F2EA;
  --radius-control: 4px;
  --radius-example: 2px;
}
/* Crisp editorial controls; rounded device mockups remain physical objects. */
.button,.header-cta,.quiet-button,.release-download {
  border-radius:var(--radius-control);
  transition:background .2s ease,color .2s ease;
}
.button:hover,.release-download:hover { transform:none; }
.header-cta { font-size:13px; letter-spacing:0; text-transform:none; }
.platform-tabs { border:0; border-bottom:1px solid var(--rule); border-radius:0; padding:0; gap:16px; }
.platform-tabs button {
  border-radius:0; border-bottom:2px solid transparent;
  padding:12px 16px; background:transparent;
}
.font-release .platform-tabs button[aria-selected=true],
.font-release .platform-tabs button[aria-selected=true]:hover {
  background:transparent; color:var(--ink); border-bottom-color:currentColor;
}
.usage-guide .usage-do,.usage-guide .usage-dont,.rule-card { border-radius:var(--radius-example); }
.tamer-portrait { border-radius:0; }
.glass-copy:before { border-radius:var(--radius-control); }
.rules,.about,.usage-guide,.faq,.font-release {
  --ink: var(--reading-ink);
  --ink-muted: var(--reading-muted);
  --ink-dim: #606A57;
  --rule: #20261F33;
  color: var(--ink);
}
.rules,.about { background:var(--sand); --field:var(--sand); }
.usage-guide,.faq,.font-release { background:var(--paper); --field:var(--paper); }
/* The maker has a distinct, immersive chapter rather than another pale panel. */
.tamer-portrait { aspect-ratio:4 / 5; object-position:35% 50%; }
.about {
  background:#303D30;
  --field:#303D30;
  --ink:#F5F2EA;
  --ink-dim:#CFD4AD;
  --ink-muted:#D6DACB;
  --rule:#D6DACB55;
}
.about .button { background:#DCE6AF; color:#263222; }
.about .button:hover { background:#EDF2D1; }
.about .tamer-experience { border-color:var(--rule); }
.about .brand-set img,.about .tamer-signature img { filter:brightness(0) invert(1); opacity:.92; }
.about ::selection { background:#DCE6AF; color:#263222; }
.header-cta { border:1px solid #879778; }
.button,.header-cta,.release-download {
  background:var(--action);
  color:var(--action-ink);
}
.button:hover,.header-cta:hover,.release-download:hover { background:#404E37; }
.download .button { background:var(--paper); color:var(--action); }
.download .button:hover { background:#DDD5C5; }
.header-cta .status-dot { background:#C9C7B3; }
::selection { background:#59644F; color:#FFF; }
:focus-visible { outline:3px solid currentColor; outline-offset:5px; }
.manifest h2,.formats h2,.proof h2 { font-size:clamp(44px,5vw,64px); line-height:1; text-wrap:balance; }
.section-copy>p:not(.eyebrow),.format-row p,.proof-copy>p:last-child,
.tamer-story>p,.platform-panel p { font-size:17px; line-height:1.65; }
.section-copy>p:not(.eyebrow),.format-row p { max-width:58ch; }
.proof-copy { max-width:720px; }
.proof-copy>p:last-child { max-width:48ch; margin-inline:auto; }
/* Keep the sculptural mark visible around, never through, the reading surface. */
.proof-copy { --ink:#F5F2EA; --ink-dim:#C9C7B3; --ink-muted:#D0CEC4; color:var(--ink); }
.proof-copy.glass-copy:before,
body:not([data-emboss-glass]) .proof-copy.glass-copy:before {
  background:color-mix(in srgb,var(--charcoal) 58%,transparent);
  backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px);
}
body[data-emboss-glass] .glass-copy:before {
  background:color-mix(in srgb,var(--field) 58%,transparent);
  backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px);
}
.download-note,.release-copy .release-meta,.tamer-story .tamer-availability,
.tamer-signature p,.tamer-experience>p,.brand-pause,.rail-hint { font-size:14px; line-height:1.6; }
.release-copy>p { font-size:18px; }
.tamer-actions .button,.tamer-work-link { font-size:16px; }
.compact-faq details p,.faq-heading>p { font-size:16px; line-height:1.65; color:var(--reading-muted); }
.usage-guide {
  background:#394434;
  --field:#394434;
  --ink:#F5F2EA;
  --ink-dim:#CFD4AD;
  --ink-muted:#D6DACB;
  --rule:#D6DACB55;
}
.usage-guide p { color:var(--ink-muted); }
.usage-guide .usage-do,.usage-guide .usage-dont { background:var(--paper); color:#20261F; }
.usage-guide .usage-more { border-color:var(--rule); }
.usage-note { font-size:14px; }
.release-systems { font-size:14px; }
/* Hold the type pairing in view before releasing into the mockup chapter. */
@media(min-width:861px) {
  .manifest .section-copy,.formats .section-copy { width:min(660px,44%); }
}
.proof {
  display:block;
  height:210svh;
  padding-top:36svh;
  padding-bottom:240px;
}
.proof-copy { position:sticky; top:36svh; margin-inline:auto; }
@media(prefers-reduced-motion:reduce) {
  .proof { height:auto; min-height:100svh; padding-block:160px 240px; }
  .proof-copy { position:relative; top:auto; }
}
@media(max-width:809px) {
  .manifest h2,.formats h2,.proof h2 { font-size:44px; }
  .section-copy>p:not(.eyebrow),.format-row p,.proof-copy>p:last-child,
  .tamer-story>p,.platform-panel p,.release-copy>p { font-size:16px; }
  .download-note,.release-copy .release-meta,.tamer-story .tamer-availability,
  .tamer-signature p,.tamer-experience>p,.brand-pause,.rail-hint { font-size:13px; }
  .release-systems { font-size:12px; }
  .proof-copy.glass-copy:before { inset:-28px -12px; }
}