:root {
  --ink: #121824;
  --paper: #eee8da;
  --cream: #fffaf0;
  --accent: #f0442f;
  --accent-2: #efb824;
  --deep: #1c2f5a;
  --soft: #d9c9b1;
  --line: rgba(18,24,36,.24);
  font-family: Arial, Helvetica, sans-serif;
  color: var(--ink);
  background: var(--paper);
  scroll-behavior: smooth;
}

body[data-theme="ember"] :is(.hero-card,.format-grid) { --ink:#121824;--paper:#eee8da;--cream:#fffaf0;--accent:#f0442f;--accent-2:#efb824;--deep:#1c2f5a;--soft:#d9c9b1; }
body[data-theme="sunprint"] :is(.hero-card,.format-grid) { --ink:#211911;--paper:#f5edc8;--cream:#fffaf0;--accent:#d96b16;--accent-2:#f0c928;--deep:#3f2c1b;--soft:#e2c982; }
body[data-theme="midnight"] :is(.hero-card,.format-grid) { --ink:#101722;--paper:#e9e4d8;--cream:#fffaf0;--accent:#ed4c36;--accent-2:#d8a72a;--deep:#142b5f;--soft:#b9b2a6; }
body[data-theme="clay"] :is(.hero-card,.format-grid) { --ink:#211512;--paper:#efe0d2;--cream:#fffaf0;--accent:#c64d36;--accent-2:#e2a13a;--deep:#4a2822;--soft:#d6ab8f; }

* { box-sizing: border-box; }
html, body { margin: 0; min-width: 300px; }
body { overflow-x: clip; background: var(--paper); }
button, input, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; }
[hidden] { display: none !important; }
:focus-visible { outline: 4px solid var(--accent-2); outline-offset: 4px; }
.skip-link { position: fixed; z-index: 1000; top: 1rem; left: 1rem; transform: translateY(-200%); background: var(--accent-2); padding: .8rem 1rem; font-weight: 900; }
.skip-link:focus { transform: none; }
.kicker { margin: 0 0 .8rem; color: var(--accent); text-transform: uppercase; font: 900 .72rem/1.3 Arial, sans-serif; letter-spacing: .16em; }

.signal-line { overflow: hidden; border-block: 2px solid var(--ink); background: var(--accent); color: var(--cream); }
.signal-line div { display: flex; gap: 1.4rem; width: max-content; padding: .55rem 0; font-size: .68rem; font-weight: 900; letter-spacing: .16em; white-space: nowrap; animation: crawl 24s linear infinite; }
.signal-line i { color: var(--accent-2); font-style: normal; }

.site-header { min-height: 86px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 2rem; padding: .8rem clamp(1rem,4vw,4.5rem); position: sticky; top: 0; z-index: 90; border-bottom: 2px solid var(--ink); background: color-mix(in srgb, var(--paper) 92%, transparent); backdrop-filter: blur(15px); }
.wordmark { display: grid; grid-template-columns: 44px auto; align-items: center; column-gap: .7rem; text-decoration: none; }
.wordmark > b { grid-row: span 2; width: 44px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50% 8% 50% 50%; background: var(--ink); color: var(--cream); font: 900 1.5rem Georgia, serif; transition: transform .55s cubic-bezier(.16,1,.3,1), border-radius .55s ease; }
.wordmark:hover > b { transform: rotate(135deg); border-radius: 50%; }
.wordmark span { font: 900 1.05rem/.9 Georgia, serif; letter-spacing: .12em; }
.wordmark small { font-size: .58rem; text-transform: uppercase; letter-spacing: .12em; color: #625e56; }
.site-header nav { justify-self: center; display: flex; gap: clamp(1rem,3vw,3rem); }
.site-header nav a { text-transform: uppercase; font-size: .72rem; font-weight: 900; letter-spacing: .1em; text-underline-offset: .35rem; }
.header-action { border: 2px solid var(--ink); background: var(--ink); color: var(--cream); padding: .8rem .9rem; font-size: .7rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; box-shadow: 5px 5px 0 var(--accent); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.header-action:hover { background: var(--accent); transform: translate(-3px,-3px); box-shadow: 8px 8px 0 var(--ink); }

.opening { min-height: calc(100svh - 122px); display: grid; grid-template-columns: minmax(0,1.35fr) minmax(320px,.65fr); border-bottom: 2px solid var(--ink); background: var(--paper); position: relative; overflow: hidden; }
.opening::before { content: "RIPPLE"; position: absolute; inset: auto auto -9vw -2vw; color: transparent; -webkit-text-stroke: 1px rgba(18,24,36,.12); font: 900 23vw/.7 Georgia,serif; letter-spacing: -.09em; pointer-events: none; }
.opening-copy { min-width: 0; padding: clamp(3rem,7vw,7rem) clamp(1rem,4vw,4.5rem); display: flex; flex-direction: column; justify-content: center; }
.opening h1 { margin: 0; font: 900 clamp(5rem,12vw,13rem)/.69 Georgia,serif; letter-spacing: -.085em; }
.opening h1 em { color: var(--accent); font-style: italic; display: inline-block; transform: translateX(.28em); animation: sixDrift 6s ease-in-out infinite; }
.opening h1 span { display: inline-block; color: var(--paper); -webkit-text-stroke: 2px var(--ink); letter-spacing: -.1em; }
.opening-side { min-width: 0; border-left: 2px solid var(--ink); padding: clamp(2rem,4vw,4rem); display: flex; flex-direction: column; justify-content: space-between; background: var(--deep); color: var(--cream); }
.opening-side > p { margin: 0; max-width: 31ch; font: clamp(1.2rem,2.2vw,2rem)/1.45 Georgia,serif; }
.opening-side > a { align-self: start; border-bottom: 2px solid var(--accent-2); padding-bottom: .4rem; text-decoration: none; text-transform: uppercase; font-size: .75rem; font-weight: 900; letter-spacing: .12em; }
.orbit-mark { width: min(100%,380px); aspect-ratio: 1; align-self: center; position: relative; border: 1px solid rgba(255,250,240,.35); border-radius: 50%; animation: orbitSpin 24s linear infinite; }
.orbit-mark b { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%,-50%); width: 35%; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: var(--accent); font: 900 clamp(3rem,6vw,6rem)/1 Georgia,serif; }
.orbit-mark i { --angle: 0deg; position: absolute; left: 50%; top: 50%; width: 22px; aspect-ratio: 1; border-radius: 50%; background: var(--accent-2); transform: rotate(var(--angle)) translateX(155px); transform-origin: 0 0; }
.orbit-mark i:nth-of-type(2){--angle:60deg}.orbit-mark i:nth-of-type(3){--angle:120deg}.orbit-mark i:nth-of-type(4){--angle:180deg}.orbit-mark i:nth-of-type(5){--angle:240deg}.orbit-mark i:nth-of-type(6){--angle:300deg}

.builder { display: grid; grid-template-columns: minmax(320px,.72fr) minmax(0,1.28fr); border-bottom: 2px solid var(--ink); background: var(--cream); }
.source-panel { border-right: 2px solid var(--ink); padding: clamp(2rem,4vw,4rem); background: var(--paper); }
.source-panel > header { margin-bottom: 2rem; }
.source-panel h2, .stage-heading h2 { margin: 0; font: 900 clamp(2.5rem,5vw,5rem)/.9 Georgia,serif; letter-spacing: -.055em; }
.source-panel > header > span { display: block; margin-top: .8rem; color: #686259; font-size: .68rem; text-transform: uppercase; letter-spacing: .1em; font-weight: 900; }
#story-form { display: grid; gap: 1rem; }
#story-form > label, .split-fields label { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .4rem 1rem; font-size: .74rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
#story-form label > span { color: #6c655b; font-size: .62rem; font-weight: 700; }
#story-form input, #story-form textarea { min-width: 0; grid-column: 1/-1; width: 100%; border: 1px solid var(--ink); background: var(--cream); padding: .7rem .8rem; color: var(--ink); line-height: 1.42; resize: vertical; text-transform: none; letter-spacing: normal; }
#story-form textarea[name="headline"] { font: 700 1.25rem/1.25 Georgia,serif; }
.split-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.theme-fieldset { border: 0; padding: .5rem 0 0; margin: 0; }
.theme-fieldset legend { margin-bottom: .7rem; font-size: .72rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.theme-choices { display: grid; grid-template-columns: repeat(4,1fr); gap: .45rem; }
#story-form .theme-choices input { position: absolute; width: 1px; max-width: 1px; height: 1px; margin: 0; opacity: 0; clip-path: inset(50%); }
.theme-choices label { min-height: 66px; border: 1px solid var(--ink); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .35rem; font-size: .62rem; font-weight: 900; cursor: pointer; }
.theme-choices label i { width: 22px; aspect-ratio: 1; border-radius: 50%; background: #f0442f; box-shadow: 8px 0 0 #efb824; }
.theme-choices label[for="theme-sunprint"] i{background:#d96b16;box-shadow:8px 0 0 #f0c928}.theme-choices label[for="theme-midnight"] i{background:#142b5f;box-shadow:8px 0 0 #ed4c36}.theme-choices label[for="theme-clay"] i{background:#c64d36;box-shadow:8px 0 0 #e2a13a}
.theme-choices input:focus-visible + label { outline: 4px solid var(--accent-2); outline-offset: 3px; }
.theme-choices input:checked + label { background: var(--ink); color: var(--cream); box-shadow: 4px 4px 0 var(--accent); transform: translate(-2px,-2px); }
.source-actions { display: flex; flex-wrap: wrap; gap: .6rem; padding-top: .5rem; }
.source-actions button { border: 1px solid var(--ink); background: transparent; padding: .65rem .75rem; text-transform: uppercase; font-size: .66rem; font-weight: 900; letter-spacing: .06em; }
.source-actions button:hover { background: var(--ink); color: var(--cream); }

.live-stage { padding: clamp(2rem,5vw,6rem); display: flex; flex-direction: column; justify-content: center; background: radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 30%),var(--cream); min-width: 0; }
.stage-heading { display: flex; justify-content: space-between; align-items: end; gap: 1rem; margin-bottom: 2.5rem; }
.stage-heading > span { border: 1px solid var(--ink); padding: .4rem .55rem; font-size: .62rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 900; }
.hero-card { width: min(100%,940px); align-self: center; display: grid; grid-template-columns: minmax(240px,.72fr) minmax(0,1.28fr); min-height: 420px; position: relative; background: var(--paper); border: 2px solid var(--ink); box-shadow: 18px 20px 0 var(--deep); transition: transform .6s cubic-bezier(.16,1,.3,1), box-shadow .6s ease; }
.hero-card:hover { transform: translate(-8px,-8px) rotate(-.4deg); box-shadow: 28px 30px 0 var(--accent); }
.story-visual { min-height: 100%; position: relative; overflow: hidden; background: var(--deep); color: var(--cream); isolation: isolate; }
.story-visual::before { content: ""; position: absolute; inset: -30% -80%; background: repeating-linear-gradient(100deg,transparent 0 28px,color-mix(in srgb,var(--accent-2) 75%,transparent) 29px 32px); transform: rotate(-15deg); animation: visualSweep 16s linear infinite; }
.visual-grid { position: absolute; inset: 0; opacity: .24; background-image: linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px); background-size: 44px 44px; }
.story-visual > b { position: absolute; left: 1.2rem; bottom: 1rem; font: 900 clamp(5rem,9vw,9rem)/.75 Georgia,serif; color: var(--accent); letter-spacing: -.08em; }
.story-visual > i { position: absolute; top: 1.2rem; left: 1rem; writing-mode: vertical-rl; font-style: normal; font-size: .64rem; letter-spacing: .16em; font-weight: 900; }
.story-visual > em { position: absolute; width: 180px; aspect-ratio: 1; border: 30px solid var(--accent-2); border-radius: 50%; right: -90px; top: 22%; animation: breatheRing 7s ease-in-out infinite; }
.hero-copy { padding: clamp(1.3rem,3.5vw,3.2rem); display: flex; flex-direction: column; min-width: 0; }
.hero-copy > p { margin: 0; display: flex; gap: .6rem; text-transform: uppercase; font-size: .64rem; font-weight: 900; letter-spacing: .11em; color: var(--accent); }
.hero-copy > p i { color: var(--ink); }
.hero-copy h3 { margin: 1rem 0; font: 900 clamp(2.1rem,4.4vw,4.6rem)/.92 Georgia,serif; letter-spacing: -.055em; overflow-wrap: anywhere; }
.hero-copy .deck { font: 1rem/1.55 Georgia,serif; color: #4f4b45; }
.hero-byline { margin-top: auto; padding-top: 2rem; display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: .7rem; }
.author-mark { width: 44px; aspect-ratio: 1; border-radius: 50%; background: var(--accent); color: var(--cream); display: grid; place-items: center; font-weight: 900; }
.hero-byline p { margin: 0; display: flex; flex-direction: column; font-size: .72rem; }
.hero-byline p span { color: #6f685e; font-size: .62rem; margin-top: .18rem; }
.share-trigger { width: 64px; aspect-ratio: 1; border: 2px solid var(--ink); border-radius: 50%; background: var(--ink); color: var(--cream); display: grid; place-items: center; position: relative; overflow: hidden; }
.share-trigger span { position: absolute; width: 1px; height: 1px; overflow: hidden; }
.share-trigger b { font-size: 1.5rem; transition: transform .45s cubic-bezier(.2,1.5,.2,1); }
.share-trigger:hover b, .share-trigger[aria-expanded="true"] b { transform: rotate(135deg) scale(1.2); }
.share-dock { position: absolute; z-index: 5; right: 1rem; bottom: 5.7rem; width: min(330px,calc(100% - 2rem)); background: var(--ink); color: var(--cream); border: 2px solid var(--accent-2); padding: 1rem; box-shadow: 9px 9px 0 var(--accent); display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; animation: dockOpen .55s cubic-bezier(.16,1,.3,1) both; }
.share-dock p { grid-column: 1/-1; margin: 0 2rem .5rem 0; font: 700 1.1rem/1.2 Georgia,serif; }
.share-dock button { border: 1px solid rgba(255,255,255,.5); color: var(--cream); background: transparent; padding: .65rem .5rem; font-size: .65rem; font-weight: 900; text-transform: uppercase; }
.share-dock button:hover { background: var(--accent-2); color: var(--ink); }
.share-dock [data-close-share] { position: absolute; top: .5rem; right: .5rem; width: 32px; height: 32px; padding: 0; font-size: 1.2rem; }
.stage-note { width: min(100%,940px); align-self: center; display: flex; gap: .7rem; margin-top: 2.2rem; padding-top: 1rem; border-top: 1px solid var(--line); font-size: .7rem; }
.stage-note span { color: #6e675e; }

.formats { padding: clamp(4rem,8vw,9rem) clamp(1rem,4vw,4.5rem); background: var(--ink); color: var(--cream); border-bottom: 2px solid var(--cream); }
.format-heading { display: grid; grid-template-columns: 1fr minmax(250px,420px); gap: 3rem; align-items: end; margin-bottom: 4rem; }
.format-heading h2 { margin: 0; font: 900 clamp(4rem,9vw,9.5rem)/.78 Georgia,serif; letter-spacing: -.075em; }
.format-heading h2 em { color: var(--accent); }
.format-heading > p { font: 1.15rem/1.55 Georgia,serif; color: #cfc6b7; }
.format-grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 1rem; align-items: start; }
.format { background: var(--paper); color: var(--ink); border: 1px solid var(--cream); min-width: 0; }
.format > header { min-height: 48px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .7rem; padding: .55rem .7rem; border-bottom: 1px solid var(--ink); }
.format > header b { width: 28px; aspect-ratio: 1; display: grid; place-items: center; background: var(--ink); color: var(--cream); border-radius: 50%; font-size: .62rem; }
.format > header span { text-transform: uppercase; font-size: .64rem; font-weight: 900; letter-spacing: .08em; }
.format > header button { border: 1px solid var(--ink); background: transparent; padding: .38rem .45rem; font-size: .58rem; font-weight: 900; }
.format > header button:hover { background: var(--accent); color: var(--cream); }
.format-canvas { overflow: hidden; position: relative; }
.format-web { grid-column: span 7; }.format-web .format-canvas { display: grid; grid-template-columns: .7fr 1.3fr; min-height: 330px; }.format-web .mini-visual{background:var(--deep);position:relative;overflow:hidden}.format-web .mini-visual i{position:absolute;width:240px;aspect-ratio:1;border:42px solid var(--accent);border-radius:50%;left:-110px;bottom:-90px}.format-web .mini-visual b{position:absolute;right:1rem;top:1rem;color:var(--accent-2);writing-mode:vertical-rl;font-size:.65rem;letter-spacing:.14em}.format-web .format-canvas>div:last-child{padding:clamp(1.1rem,3vw,2.4rem);display:flex;flex-direction:column;justify-content:center}.format-web small,.format-compact small{color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.1em}.format-web h3{font:900 clamp(1.8rem,3.8vw,3.8rem)/.95 Georgia,serif;letter-spacing:-.05em;margin:.8rem 0}.format-web p{font:.88rem/1.5 Georgia,serif;color:#544f47}.format-web span{font-size:.68rem;font-weight:900}
.format-square { grid-column: span 5; }.format-square .format-canvas{aspect-ratio:1;background:var(--accent);padding:clamp(1.3rem,3vw,3rem);display:flex;flex-direction:column;justify-content:space-between}.format-square small{font-weight:900;letter-spacing:.12em}.format-square h3{margin:0;font:900 clamp(2.1rem,5vw,5rem)/.86 Georgia,serif;letter-spacing:-.06em;color:var(--cream)}.format-square p{font-weight:900}.format-square strong{position:absolute;right:-.05em;bottom:-.24em;font:900 clamp(7rem,15vw,16rem)/1 Georgia,serif;color:rgba(18,24,36,.18)}
.format-story { grid-column: span 4; }.format-story .format-canvas{aspect-ratio:9/16;background:var(--deep);color:var(--cream);padding:clamp(1rem,2.5vw,2.4rem);display:flex;flex-direction:column;justify-content:space-between}.format-story .format-canvas>span{font-size:.62rem;font-weight:900;letter-spacing:.16em;color:var(--accent-2)}.format-story h3{font:900 clamp(2rem,4vw,4rem)/.88 Georgia,serif;letter-spacing:-.05em}.format-story i{width:75%;height:2px;background:var(--accent);box-shadow:40px 12px 0 var(--accent-2)}.format-story p{align-self:end;border:1px solid var(--cream);padding:.7rem;font-size:.65rem;text-transform:uppercase;font-weight:900}
.format-newsletter { grid-column: span 8; }.format-newsletter .format-canvas{min-height:360px;padding:clamp(1.3rem,3vw,3.5rem);display:flex;flex-direction:column;justify-content:center;background:var(--cream);border-left:22px solid var(--accent-2)}.format-newsletter small{font-weight:900;letter-spacing:.14em;color:var(--accent)}.format-newsletter h3{font:900 clamp(2rem,5vw,5.2rem)/.9 Georgia,serif;letter-spacing:-.06em;margin:1rem 0}.format-newsletter p{font:1rem/1.55 Georgia,serif;max-width:50ch}.format-newsletter a{align-self:start;margin-top:1rem;border-bottom:2px solid var(--ink);padding-bottom:.35rem;font-size:.7rem;font-weight:900;text-transform:uppercase}
.format-quote { grid-column: span 7; }.format-quote .format-canvas{min-height:350px;background:var(--accent-2);padding:clamp(1.3rem,3vw,3.5rem);display:flex;flex-direction:column;justify-content:center}.format-quote q{font:900 clamp(2rem,4.6vw,4.8rem)/.94 Georgia,serif;letter-spacing:-.055em;position:relative;z-index:1}.format-quote p{font-size:.7rem;font-weight:900;text-transform:uppercase}.format-quote .format-canvas>b{position:absolute;right:.04em;top:-.35em;font:900 18rem/1 Georgia,serif;color:rgba(255,250,240,.4)}
.format-compact { grid-column: span 5; }.format-compact .format-canvas{min-height:350px;display:grid;grid-template-columns:75px 1fr auto;gap:1rem;align-items:center;padding:1.2rem;background:var(--paper)}.compact-mark{width:70px;aspect-ratio:1;display:grid;place-items:center;background:var(--deep);color:var(--cream);border-radius:50% 10% 50% 50%;font:900 2rem Georgia,serif}.format-compact h3{font:900 clamp(1.4rem,2.7vw,2.7rem)/.95 Georgia,serif;letter-spacing:-.04em;margin:.5rem 0}.format-compact span{font-size:.65rem;font-weight:900;text-transform:uppercase}.format-compact .format-canvas>i{font-style:normal;font-size:2rem;color:var(--accent)}
.format-actions { display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2.2rem }.format-actions button{border:1px solid var(--cream);background:transparent;color:var(--cream);padding:.8rem 1rem;text-transform:uppercase;font-size:.66rem;font-weight:900;letter-spacing:.07em}.format-actions button:hover{background:var(--accent);border-color:var(--accent)}

.readiness { min-height: 80svh; display: grid; grid-template-columns: .7fr 1.3fr; border-bottom: 2px solid var(--ink); background: var(--paper); }
.readiness-score { background: var(--accent); color: var(--cream); padding: clamp(2rem,5vw,5rem); display: flex; flex-wrap: wrap; align-content: center; position: relative; overflow: hidden; }
.readiness-score .kicker { width: 100%; color: var(--cream); }
.readiness-score strong { font: 900 clamp(8rem,18vw,20rem)/.72 Georgia,serif; letter-spacing: -.1em; position: relative; z-index: 1; }
.readiness-score > span { align-self: end; font: 900 2rem Georgia,serif; position: relative; z-index: 1; }
.readiness-score i { position:absolute;width:75%;aspect-ratio:1;border:55px solid var(--accent-2);border-radius:50%;right:-36%;top:-22%;animation:readinessOrbit 12s ease-in-out infinite alternate }
.readiness-copy { padding: clamp(3rem,7vw,8rem); display:flex;flex-direction:column;justify-content:center }
.readiness-copy h2 { margin:0;font:900 clamp(3rem,6vw,6.5rem)/.9 Georgia,serif;letter-spacing:-.065em }.readiness-copy h2 em{color:var(--accent)}.readiness-copy>p{font:1.1rem/1.6 Georgia,serif;max-width:62ch}.readiness-copy ul{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.readiness-copy li{border-top:1px solid var(--ink);padding:.8rem 0;display:grid;grid-template-columns:34px 1fr;gap:.7rem;align-items:center;font-size:.75rem;font-weight:900}.readiness-copy li b{width:28px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--cream)}.readiness-copy li.is-warning b{background:var(--accent)}

.colossal { min-height: 92svh; display:grid;grid-template-columns:1.35fr .65fr;background:var(--cream);border-bottom:2px solid var(--ink) }.colossal>div{padding:clamp(3rem,6vw,6rem);overflow:hidden}.colossal>div>p{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.colossal h2{margin:1rem 0 0;font:900 clamp(5.5rem,13vw,15rem)/.68 Georgia,serif;letter-spacing:-.09em}.colossal h2 span{font-size:.43em;color:var(--accent);letter-spacing:.05em}.colossal aside{border-left:2px solid var(--ink);background:var(--accent-2);padding:clamp(2rem,4vw,4rem);display:flex;flex-direction:column;justify-content:flex-end;align-items:start}.colossal aside p{font:clamp(1.3rem,2.4vw,2.3rem)/1.42 Georgia,serif}.colossal aside a{margin-top:1rem;border:2px solid var(--ink);padding:.8rem 1rem;text-decoration:none;text-transform:uppercase;font-size:.7rem;font-weight:900;box-shadow:6px 6px 0 var(--accent)}.colossal aside a:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--accent)}

footer { background:var(--ink);color:var(--cream);padding:clamp(2rem,4vw,4rem);display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:start }.footer-mark{display:flex;align-items:center;gap:.7rem;text-decoration:none;font:900 1rem Georgia,serif;letter-spacing:.1em}.footer-mark b{width:42px;aspect-ratio:1;display:grid;place-items:center;border-radius:50% 10% 50% 50%;background:var(--accent)}footer nav{display:flex;flex-direction:column;gap:.65rem;font-size:.68rem;text-transform:uppercase;font-weight:900;letter-spacing:.08em}footer>div{text-align:right}footer p{margin:0 0 .8rem;color:#c8c2b8;font-size:.72rem;line-height:1.55}footer>div p:last-child{color:var(--accent-2);font-weight:900}
.back-to-top{position:fixed;z-index:95;right:1rem;bottom:1rem;width:74px;aspect-ratio:1;border:2px solid var(--ink);border-radius:50% 8% 50% 50%;background:var(--accent-2);color:var(--ink);box-shadow:5px 5px 0 var(--accent);display:grid;place-items:center;opacity:0;transform:translateY(110px) rotate(30deg);pointer-events:none;transition:opacity .35s ease,transform .55s cubic-bezier(.2,1.4,.2,1)}.back-to-top.is-visible{opacity:1;transform:none;pointer-events:auto}.back-to-top b{font:900 1.5rem/.8 Georgia,serif}.back-to-top span{font-size:.54rem;font-weight:900;letter-spacing:.1em}.back-to-top:hover{transform:rotate(-12deg) scale(1.05)}
.toast{position:fixed;z-index:120;left:50%;bottom:1rem;transform:translate(-50%,140px);background:var(--ink);color:var(--cream);border:2px solid var(--accent-2);box-shadow:7px 7px 0 var(--accent);padding:.9rem 1.1rem;font-size:.75rem;font-weight:900;transition:transform .45s cubic-bezier(.16,1,.3,1)}.toast.is-visible{transform:translate(-50%,0)}

@keyframes crawl{to{transform:translateX(-50%)}}@keyframes sixDrift{50%{transform:translateX(.38em) rotate(-3deg);text-shadow:10px 10px 0 var(--accent-2)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes visualSweep{to{transform:rotate(-15deg) translateX(14%)}}@keyframes breatheRing{50%{transform:scale(1.14) translateX(-16px);border-width:15px}}@keyframes dockOpen{from{opacity:0;transform:translateY(20px) rotate(2deg) scale(.92)}}@keyframes readinessOrbit{to{transform:translate(-14%,16%) scale(1.12)}}

@media(max-width:1000px){.site-header{grid-template-columns:auto 1fr}.site-header nav{display:none}.header-action{justify-self:end}.opening{grid-template-columns:1fr}.opening-side{border-left:0;border-top:2px solid var(--ink);min-height:600px}.orbit-mark{max-width:340px}.builder{grid-template-columns:1fr}.source-panel{border-right:0;border-bottom:2px solid var(--ink)}.format-web,.format-square,.format-story,.format-newsletter,.format-quote,.format-compact{grid-column:span 6}.format-story .format-canvas{aspect-ratio:4/5}.readiness{grid-template-columns:1fr}.colossal{grid-template-columns:1fr}.colossal aside{border-left:0;border-top:2px solid var(--ink)}footer{grid-template-columns:1fr 1fr}footer>div{grid-column:1/-1;text-align:left}}
@media(max-width:680px){.signal-line{font-size:.6rem}.site-header{min-height:70px;padding:.6rem .75rem}.wordmark small{display:none}.header-action{padding:.65rem;font-size:.6rem}.opening h1{font-size:clamp(3.3rem,18vw,6rem);overflow-wrap:anywhere}.opening-side{min-height:520px}.orbit-mark i{transform:rotate(var(--angle)) translateX(120px)}.builder{min-width:0;width:100vw;max-width:100vw;overflow:hidden}.source-panel,#story-form,.split-fields,#story-form>label,.split-fields label{min-width:0;width:100%;max-width:100%}.source-panel{padding:2rem 1rem;overflow:hidden}.split-fields{grid-template-columns:minmax(0,1fr)}#story-form>label,.split-fields label{grid-template-columns:minmax(0,1fr);overflow-wrap:anywhere}#story-form label>span{grid-column:1}#story-form input,#story-form textarea{max-width:100%}.theme-choices{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}.theme-choices label{min-width:0;overflow-wrap:anywhere}.source-actions button{min-width:0;overflow-wrap:anywhere}.live-stage{padding:4rem .75rem}.stage-heading{display:block}.stage-heading>span{display:inline-block;margin-top:1rem}.hero-card{grid-template-columns:1fr;box-shadow:9px 10px 0 var(--deep)}.story-visual{min-height:290px}.hero-copy h3{font-size:clamp(2rem,11vw,3.4rem)}.hero-copy footer{grid-template-columns:44px 1fr 56px}.share-trigger{width:56px}.format-heading{grid-template-columns:1fr}.format-heading h2{font-size:clamp(3.2rem,17vw,6rem);overflow-wrap:anywhere}.format-web,.format-square,.format-story,.format-newsletter,.format-quote,.format-compact{grid-column:1/-1}.format-web .format-canvas{grid-template-columns:1fr}.format-web .mini-visual{min-height:240px}.format-story .format-canvas{aspect-ratio:9/16}.readiness-score strong{font-size:clamp(7rem,39vw,12rem)}.readiness-copy{padding:4rem 1rem}.readiness-copy ul{grid-template-columns:1fr}.colossal h2{font-size:clamp(4rem,22vw,8rem);overflow-wrap:anywhere}footer{grid-template-columns:1fr}.back-to-top{width:64px}}
@media(pointer:coarse){.hero-card:hover,.colossal aside a:hover{transform:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.signal-line div,.orbit-mark,.story-visual::before,.story-visual>em,.readiness-score i{transform:none!important}.hero-card:hover{transform:none}}
@media print{.signal-line,.site-header,.opening,.source-panel,.format-actions,.colossal,footer,.back-to-top,.toast{display:none!important}.builder{display:block}.live-stage{padding:0}.formats,.readiness{break-inside:avoid}.format-grid{display:grid}.format>header button{display:none}}

/* Cody Mold v194: estate identity, structural containment, and a compact audio finish. */
html,body{width:100%;max-width:100%;overflow-x:clip}
.site-header{grid-template-columns:auto auto auto minmax(0,1fr) auto;gap:clamp(.65rem,1.6vw,1.5rem)}
.parent-site,.bphq-mark{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;text-decoration:none;white-space:nowrap}
.parent-site{border-bottom:2px solid var(--accent);padding:.35rem 0}
.bphq-mark{padding:.5rem .62rem;border:2px solid var(--ink);background:var(--accent-2);box-shadow:3px 3px 0 var(--accent)}
.parent-site:hover,.parent-site:focus-visible{color:var(--accent)}
.bphq-mark:hover,.bphq-mark:focus-visible{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--accent)}
.site-header nav{gap:clamp(.7rem,1.7vw,1.7rem)}
.live-stage{justify-content:flex-start;position:relative;isolation:isolate;overflow:hidden}
.live-stage>*{position:relative;z-index:1}
.live-stage::after{content:"EVERY EDIT TRAVELS";position:absolute;right:-.09em;bottom:-.07em;z-index:0;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--ink) 18%,transparent);font:900 clamp(5rem,10vw,11rem)/.72 var(--ripple-display,Georgia),serif;letter-spacing:-.06em;max-width:5.8ch;text-align:right;pointer-events:none;transform:rotate(-3deg)}
.newsletter-cta{align-self:start;margin-top:1rem;border-bottom:2px solid var(--ink);padding-bottom:.35rem;font-size:.7rem;font-weight:900;text-transform:uppercase}
.bottom-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--accent);border-bottom:2px solid var(--ink)}
.bottom-navigation a{min-height:68px;padding:1rem;display:grid;place-items:center;border-right:1px solid color-mix(in srgb,var(--ink) 45%,transparent);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-align:center;text-decoration:none;text-transform:uppercase}
.bottom-navigation a:last-child{border-right:0}
.bottom-navigation a:hover,.bottom-navigation a:focus-visible{background:var(--ink);color:var(--cream)}
.project-credits{padding:clamp(3rem,7vw,7rem) clamp(1rem,7vw,8rem);display:grid;grid-template-columns:minmax(0,.8fr) minmax(280px,1.2fr);gap:clamp(2rem,6vw,7rem);align-items:end;background:var(--paper);border-bottom:2px solid var(--ink)}
.project-credits .kicker{grid-column:1/-1;margin-bottom:-1rem}
.project-credits h2{margin:0;font-size:clamp(2.6rem,6vw,6.6rem);line-height:.9;max-width:11ch}
.project-credits>p:last-child{margin:0;max-width:52ch;font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.65}
.project-credits a{font-weight:900;text-decoration-thickness:2px;text-underline-offset:.25em}
.site-footer{padding:clamp(1.5rem,3vw,2.5rem) clamp(1rem,4vw,4.5rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--ink);color:var(--cream)}
.site-footer .cornerstone{margin:0;color:var(--cream);display:grid;gap:.28rem;text-align:left;font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:none}
.site-footer .cornerstone strong{font-size:1.1rem;letter-spacing:.13em}
.site-footer nav{display:flex;flex-flow:row wrap;justify-content:flex-end;gap:.8rem 1.35rem;font-size:.68rem}
.site-footer nav a{text-underline-offset:.3rem}
[data-project-audio-gate][data-entry-mode="inline"] .pag-guide{min-height:0!important;padding:18px clamp(16px,4vw,56px)!important;grid-template-columns:minmax(0,1fr) minmax(280px,520px)!important;gap:24px!important}
[data-project-audio-gate][data-entry-mode="inline"] .pag-guide h2{font-size:clamp(24px,2.4vw,34px)!important;margin:8px 0 6px!important}
[data-project-audio-gate][data-entry-mode="inline"] .pag-guide>div>p:last-child{font-size:13px!important;line-height:1.45!important}
[data-project-audio-gate][data-entry-mode="inline"] .pag-player{padding:12px 14px!important;grid-template-columns:auto 1fr;align-items:center;gap:6px 14px!important}
[data-project-audio-gate][data-entry-mode="inline"] .pag-player strong{font-size:18px!important}
[data-project-audio-gate][data-entry-mode="inline"] .pag-player>span{text-align:right}
[data-project-audio-gate][data-entry-mode="inline"] .pag-player audio,[data-project-audio-gate][data-entry-mode="inline"] .pag-player a{grid-column:1/-1}
.pag-quick{left:auto!important;right:18px}
body:has(.back-to-top.is-visible) .pag-quick{left:18px!important;right:auto}

@media(max-width:1120px){.site-header{grid-template-columns:auto auto auto 1fr}.site-header nav{display:none}.header-action{justify-self:end}}
@media(max-width:760px){
  .site-header{grid-template-columns:minmax(0,1fr) auto auto;gap:.45rem .65rem;padding:.6rem .75rem}
  .wordmark{grid-column:1;grid-row:1}.bphq-mark{grid-column:2;grid-row:1}.header-action{grid-column:3;grid-row:1}.parent-site{grid-column:1/-1;grid-row:2;justify-self:start;font-size:.62rem}
  .builder{width:100%;max-width:100%}.hero-byline{grid-template-columns:44px minmax(0,1fr) 56px}
  .bottom-navigation{grid-template-columns:1fr 1fr}.bottom-navigation a:nth-child(2){border-right:0}.bottom-navigation a:nth-child(-n+2){border-bottom:1px solid color-mix(in srgb,var(--ink) 45%,transparent)}
  .project-credits{grid-template-columns:1fr}.project-credits .kicker{margin-bottom:-.5rem}
  .site-footer{align-items:flex-start;flex-direction:column}.site-footer nav{justify-content:flex-start}
  [data-project-audio-gate][data-entry-mode="inline"] .pag-guide{grid-template-columns:1fr!important;padding:16px!important;gap:12px!important}
  [data-project-audio-gate][data-entry-mode="inline"] .pag-guide>div>p:last-child{display:none}
  [data-project-audio-gate][data-entry-mode="inline"] .pag-player{padding:10px!important}
  .pag-quick{right:12px;width:52px;min-width:52px;min-height:52px;padding:8px;border-radius:50%;justify-content:center;gap:0}
  .pag-quick span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  body:has(.back-to-top.is-visible) .pag-quick{left:12px!important}
}
@media(max-width:470px){.site-header{grid-template-columns:minmax(0,1fr) auto}.bphq-mark{grid-column:2}.header-action{grid-column:1/-1;grid-row:3;justify-self:stretch}.parent-site{grid-row:2}.bottom-navigation a{min-height:58px}.site-footer nav{gap:.75rem}.back-to-top{right:.7rem;bottom:.7rem}}
@media print{.bottom-navigation,.project-credits,[data-project-audio-gate],.site-footer{display:none!important}}