/* 02 / Interior art direction. Static composition first; motion enhances it. */
body[data-interior]{--art-line:var(--color-border);--art-accent:var(--case-accent,var(--signal-cyan));--art-dark:var(--color-bg)}
body[data-interior] main{overflow:clip}
body[data-interior] .section-title{font-size:clamp(2.1rem,4.5vw,4rem);line-height:1.02}
body[data-interior] h1.section-title{font-size:clamp(3.2rem,7.2vw,6.5rem)}
body[data-interior] .section{padding-block:clamp(48px,6vw,88px)}
body[data-interior] .eyebrow{letter-spacing:.1em}
body[data-interior] .case__header::after{content:none}
body[data-interior] .case__header{max-width:none}
/* Readable immediately and with or without scripts: main.css's class-driven reveal is off
   on inner pages; interior-motion.js alone decides what animates, and reverts it all. */
html.js body[data-interior] :is([data-reveal],.reveal,.reveal--stagger>*,.reveal--stagger .meta-chips .chip){opacity:1;translate:none;animation:none;transition:none}
html.js body[data-interior] :is(.cap[data-reveal],[data-reveal] .pull-quote--draw)::before{transform:none;animation:none}
.plate-label,.plate-caption,.cover-deck,.directory-intro{position:relative}
.plate-label{font:600 .75rem/1.5 "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.1em}
.plate-caption{font:.78rem/1.65 "JetBrains Mono",monospace}

/* Work / a directory of projects, led by the game and its method. */
body[data-kind="work-index"] main{background:var(--art-dark)}
body[data-kind="work-index"] .cap-head{min-height:0;margin:0 0 36px;padding:0 0 44px;border:0;border-bottom:1px solid var(--color-storm-border);background:none;overflow:visible;display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:end}
body[data-kind="work-index"] .cap-head::before{content:none}
.project-directory h1 em{font-style:normal;color:var(--matrix-green)}
.directory-intro{max-width:470px;padding-bottom:6px}
.directory-intro .lead{font-size:clamp(1.2rem,1.9vw,1.6rem);line-height:1.4;margin-bottom:18px}
.directory-intro>p:not(.lead){font-size:1rem;color:var(--color-text-muted);margin-bottom:18px}
body[data-kind="work-index"] .filter-bar{margin-bottom:40px;gap:8px}
body[data-kind="work-index"] .work-group{margin:48px 0 18px}
body[data-kind="work-index"] .work-group__label{font-size:.78rem;letter-spacing:.1em}
body[data-kind="work-index"] .project-pair{grid-template-columns:1fr 1fr;gap:24px}
body[data-kind="work-index"] .project-pair:first-of-type{grid-template-columns:1.15fr 1fr}
body[data-kind="work-index"] .work-card{border-radius:3px;background:var(--color-surface);border-color:var(--color-border);position:relative}
.work-card::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--matrix-green);transform:scaleX(0);transform-origin:left;pointer-events:none;transition:transform .5s ease}
.work-card:is(:hover,:focus-within)::after{transform:scaleX(1)}
body[data-kind="work-index"] .work-card__body{padding:clamp(22px,3vw,34px)}
body[data-kind="work-index"] .work-card__title{font-size:clamp(1.5rem,2.5vw,2.2rem);letter-spacing:-.04em;line-height:1.1}
body[data-kind="work-index"] .work-card__media{aspect-ratio:16/10;border-bottom:1px solid var(--color-border);background:var(--color-term)}
.work-card__media video{width:100%;height:100%;object-fit:cover}
body[data-kind="work-index"] .work-card .chips{gap:8px;margin:16px 0}
body[data-kind="work-index"] .work-card .chip{border:0;padding:0;background:none;color:var(--color-meta);font-size:.75rem}
body[data-kind="work-index"] .work-card .chip+.chip::before{content:"/";margin-right:8px;color:var(--color-meta)}
body[data-kind="work-index"] .work-card__craft{font-size:.85rem;line-height:1.6;color:var(--color-text-muted)}
body[data-kind="work-index"] .work-card__foot{margin-top:24px;padding-top:18px;border-top:1px solid var(--color-border)}
body[data-kind="work-index"] [data-project^="iziwerk"]{border-color:var(--color-amber-border)}
body[data-kind="work-index"] [data-project^="iziwerk"]::after{background:var(--color-warning)}

/* Case covers / room for the object, then full-width chapters. */
.case-cover{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:36px 56px;align-items:center;padding-bottom:36px;border-bottom:1px solid var(--color-border)}
body[data-kind="case"] .case-cover .case__header{padding:0;min-width:0}
body[data-kind="case"] .case-cover .case__title{font-size:clamp(2.8rem,4.4vw,4.4rem);line-height:1;letter-spacing:-.055em;margin-block:24px}
.cover-deck{font-size:clamp(1.1rem,1.8vw,1.45rem);color:var(--color-body);line-height:1.5;max-width:33ch}
/* Case covers: one frame per cover. Everything inside it is flush, full width and square to the grid. */
.cover-stage{min-width:0;display:grid;border:1px solid var(--case-line);border-radius:12px;overflow:hidden;background:var(--case-panel);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.cover-stage>*{margin:0;min-width:0}
.cover-stage>*+*{border-top:1px solid var(--case-line)}
body[data-kind="case"] .cover-stage :is(.case__figure,.interior-hero-media,.pipeline-wall){margin:0;border:0;border-radius:0;box-shadow:none;background:none}
body[data-kind="case"] .cover-stage :is(.case__figure img,.interior-hero-media video){display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:50% 0}
body[data-kind="case"] .cover-stage figcaption{padding:12px 20px;border-top:1px solid var(--case-line)}
.case-cover>.case__meta{grid-column:1/-1;margin:0;display:flex;flex-wrap:wrap;border:0;border-top:1px solid var(--color-border);padding:22px 0 0;gap:12px 26px;background:none}
.case-cover .case__meta>span{font-size:.78rem}
body[data-kind="case"] .case-intro{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.5fr);column-gap:64px;max-width:none;margin:44px 0 64px}
body[data-kind="case"] .case-intro>*{grid-column:2;max-width:68ch}
.case-intro .lead{font-size:1.1rem;line-height:1.75}
/* Rows: eyebrow, heading, then a flexible row that absorbs the text column's height. */
body[data-kind="case"] .case__section{max-width:none;grid-template-columns:minmax(240px,.85fr) minmax(0,1.5fr);grid-template-rows:auto auto 1fr;gap:12px 64px;margin:0;padding:52px 0;border-top:1px solid var(--color-border)}
body[data-kind="case"] .case__section>.eyebrow{grid-column:1;grid-row:1;margin:0}
body[data-kind="case"] .case__section>h2{grid-column:1;grid-row:2;align-self:start;margin:0;font-size:clamp(1.7rem,2.7vw,2.5rem);line-height:1.1;letter-spacing:-.04em}
body[data-kind="case"] .case__section>:not(.eyebrow):not(h2):not(.prose){grid-column:2;grid-row:auto;max-width:68ch}
body[data-kind="case"] .case__section>.prose{grid-column:2;grid-row:1/span 3;max-width:68ch}
body[data-kind="case"] .case__figure{border-radius:3px;margin-block:36px 64px}

/* Recorded panes + routing + a real output, instead of a disconnected grid. */
.cover-stage .pipeline-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:16px}
.pipeline-junction{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:22px 0 10px;position:relative;color:var(--matrix-green);font:.75rem/1.4 "JetBrains Mono",monospace;text-align:center}
.pipeline-junction::before{content:"";position:absolute;left:16%;right:16%;top:0;height:14px;border:1px solid var(--color-storm-border);border-top:0}
.junction-line{height:1px;flex:1;background:var(--matrix-green);transform-origin:left}
.pipeline-output{grid-column:1/-1;display:flex;align-items:center;gap:18px;border:1px solid var(--color-storm-border);padding:10px;color:var(--color-text);text-decoration:none;font:.75rem/1.6 "JetBrains Mono",monospace}
.pipeline-output img{width:32%;aspect-ratio:16/9;object-fit:cover}.pipeline-output strong{font:600 1.3rem/1.3 "Space Grotesk",sans-serif}
.cover-stage .pipeline-core{padding:8px 0 0;font-size:.75rem;display:block;text-align:left;color:var(--color-text-muted)}
.pipeline-pane span{position:static;display:block;font-size:.75rem;padding:6px;border-top:1px solid var(--color-storm-border)}
.pipeline-pane{aspect-ratio:auto;display:flex;flex-direction:column}.pipeline-pane :is(video,img){aspect-ratio:16/10;height:auto;object-position:left center}

/* Reports / a title page and an illustrated finding, on real reading paper. */
body:is([data-kind="note"],[data-kind="article"]){--art-accent:var(--paper-green)}
.report-cover{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:60px;align-items:center;border-top:1px solid var(--paper-ink);border-bottom:1px solid var(--paper-ink);padding:38px 0 44px;margin-bottom:70px}
body[data-kind="note"] .report-cover .case__header{border:0;padding:0;margin:0}
body[data-kind="note"] .report-cover .case__title{font-size:clamp(2.7rem,4.2vw,4.3rem);line-height:1.02;letter-spacing:-.055em;margin:26px 0}
.report-cover .lead{font-size:1.08rem;line-height:1.65}
.report-cover .case__meta{padding:16px 0 0;margin-top:24px;border:0;border-top:1px solid var(--paper-rule);background:none}
.delivery-map,.report-plate{position:relative;background:var(--paper-card);padding:clamp(22px,3vw,38px);border:1px solid var(--paper-rule);color:var(--paper-ink)}
.delivery-map .plate-label,.report-plate .plate-label{color:var(--paper-muted);margin-bottom:32px}
.delivery-route{display:flex;align-items:center;margin:30px 0 20px;gap:0;color:var(--paper-green)}
.route-dot{display:grid;place-items:center;width:22px;height:22px;background:var(--paper-green);border:5px solid var(--paper-card);outline:1px solid var(--paper-green);border-radius:50%;flex:none;font:700 .75rem/1 "JetBrains Mono",monospace}
.route-dot.unknown{background:var(--paper-card);border:0;outline:1px dashed var(--paper-red);color:var(--paper-red)}
.delivery-route i{height:2px;flex:1;background:var(--paper-green);transform-origin:left}.delivery-route .route-unknown{background:none;border-top:2px dashed var(--paper-red)}
.delivery-map .event-chain{grid-template-columns:1fr 1fr;gap:0;margin:0 0 32px;border:0;background:none}
.delivery-map .event-chain__step{padding:18px 12px 18px 0;background:none;border-bottom:1px solid var(--paper-rule)}
.delivery-map .event-chain__step strong{font-size:1.05rem;line-height:1.3}
.delivery-map .is-limit strong{color:var(--paper-red)}
.plate-caption{margin:24px 0 0;color:var(--paper-muted)}
.plate-caption strong{color:var(--paper-ink);font-weight:500}
.report-plate :is(.event-chain,.evidence-strip,.timing-rail,.specimen-diff,.audio-timing,.service-cut){margin:0;position:relative}
.report-plate .event-chain{grid-template-columns:1fr 1fr}
.report-plate .event-chain__step{padding:14px}
.report-plate .timing-rail{display:block}
.report-plate .timing-rail__run{border:0;border-bottom:1px solid var(--paper-rule);padding:20px 0;background:none}
.timing-rail__run::after{content:"";display:block;height:14px;background:var(--paper-muted);margin-top:18px;transform-origin:left}
.timing-rail__run.is-fast::after{width:27.33%;background:var(--paper-green)}
.report-plate .timing-rail__run strong{font-size:3.2rem}
.report-plate .evidence-strip{display:block}.report-plate .evidence-strip__cell{padding:24px 16px}
.report-plate .service-cut{gap:10px}.report-plate .service-cut__list{padding:18px 12px;font-size:.8rem}
body:is([data-kind="note"],[data-kind="article"]) .case__section{max-width:1040px;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.4fr);grid-template-rows:auto auto 1fr;gap:10px 56px;margin:0 auto;padding:42px 0;border-top:1px solid var(--paper-rule)}
body:is([data-kind="note"],[data-kind="article"]) .case__section>.eyebrow{grid-column:1;grid-row:1;margin:0}
body:is([data-kind="note"],[data-kind="article"]) .case__section>h2{grid-column:1;grid-row:2;align-self:start;margin:0;font-size:clamp(1.6rem,2.5vw,2.2rem);line-height:1.12;letter-spacing:-.035em}
body:is([data-kind="note"],[data-kind="article"]) .case__section>.prose{grid-column:2;grid-row:1/span 3;font-size:1.06rem;line-height:1.85;max-width:65ch}
body:is([data-kind="note"],[data-kind="article"]) .case__section>:not(.eyebrow):not(h2):not(.prose){grid-column:2}
body[data-kind="article"] .case__header{max-width:1000px;border:0;border-top:1px solid var(--paper-ink);border-bottom:1px solid var(--paper-ink);padding:30px 0 34px;margin-bottom:50px}
body[data-kind="article"] .case__title{font-size:clamp(2.8rem,5.4vw,5rem);max-width:19ch;letter-spacing:-.055em;line-height:1.03}
body[data-kind="article"] .case__header>.lead{max-width:62ch}
/* Articles: one 1040px reading column, spaced actions, single rules around the contents. */
body[data-kind="article"] .case>.container>*{max-width:1040px;margin-inline:auto}
body[data-kind="article"] .case__header .case__meta--cage{border-bottom:0;padding-bottom:0}
body[data-interior] .case__meta .link-mono{margin-top:0}
body[data-kind="article"] .case__header+p{display:flex;flex-wrap:wrap;gap:12px;margin-block:0 44px}
body[data-kind="article"] .case__header+p .btn{margin:0}
.report-cover+.report-contents{border-top:0;padding-top:0}
.report-contents+.case__section{border-top:0}

/* Individual artifacts. The treatment follows what each project actually is. */
/* Archives / one explicitly selected report, followed by a browsable index. */
body:is([data-kind="note-index"],[data-kind="article-index"]) .cap-head{margin:0 0 40px;padding:0 0 36px;background:none;border-bottom:1px solid var(--paper-ink);color:var(--paper-ink);gap:40px;align-items:end}
body:is([data-kind="note-index"],[data-kind="article-index"]) .cap-head .section-title{color:var(--paper-ink);font-size:clamp(3.1rem,5.8vw,5.6rem);letter-spacing:-.055em}
.archive-masthead h1 em{font-style:normal;color:var(--paper-green)}
body:is([data-kind="note-index"],[data-kind="article-index"]) .cap-head .supporting{color:var(--paper-muted);max-width:34ch;font-size:1.05rem}
body:is([data-kind="note-index"],[data-kind="article-index"]) .service-list{display:grid;grid-template-columns:1fr 1fr;gap:0;border:0;background:none;counter-reset:entry}
body:is([data-kind="note-index"],[data-kind="article-index"]) .editorial-entry{position:relative;padding:32px 32px 32px 0;border:0;border-top:1px solid var(--paper-rule);background:none;counter-increment:entry}
.editorial-entry .entry-copy{position:relative}
body:is([data-kind="note-index"],[data-kind="article-index"]) .editorial-entry h2{font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.035em;line-height:1.15;max-width:25ch;margin-bottom:18px}
.editorial-entry .chips{margin-block:14px;gap:8px}.editorial-entry .chip{border:0;background:none;padding:0;color:var(--paper-muted);font-size:.75rem}
.editorial-entry .chip+.chip::before{content:"/";margin-right:8px}.editorial-entry .form__note{font:.75rem/1.5 "JetBrains Mono",monospace}
.editorial-entry .entry-copy>p:not(.entry-kicker):not(.form__note){max-width:52ch;font-size:1rem;line-height:1.7}
.editorial-entry .link-mono{display:inline-block;margin-top:14px;color:var(--paper-green)}
body:is([data-kind="note-index"],[data-kind="article-index"]) .editorial-entry--featured{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.1fr;gap:48px;padding:30px;margin:12px 0 32px;border:1px solid var(--paper-rule);background:var(--paper-card);align-items:center}
/* Archive grid: two entries per row, no forced full-width last card. */
body:is([data-kind="note-index"],[data-kind="article-index"]) .service.editorial-entry:not(.editorial-entry--featured){grid-column:auto}
.entry-kicker{font:.75rem/1.5 "JetBrains Mono",monospace;text-transform:uppercase;color:var(--paper-green);letter-spacing:.1em;margin-bottom:22px}
.archive-diagram{padding:30px;background:var(--paper);color:var(--paper-green);min-height:280px;display:flex;flex-direction:column;justify-content:center}
.archive-diagram>span{font:.75rem/1.5 "JetBrains Mono",monospace;margin-bottom:24px}.archive-diagram>div{display:flex;gap:8px;margin:8px 0}.archive-diagram i{flex:1;height:24px;background:var(--paper-green)}.archive-diagram i.changed-byte{background:var(--paper-red);transform:translateY(-5px)}
.archive-diagram>b{font:600 1.5rem/1.2 "Space Grotesk",sans-serif;letter-spacing:-.04em;margin-top:28px;color:var(--paper-ink)}
.archive-image{width:100%;aspect-ratio:4/3;object-fit:cover}
.report-contents{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;max-width:1040px;margin:0 auto 36px;padding:20px 0;border-block:1px solid var(--paper-rule);font:.75rem/1.6 "JetBrains Mono",monospace}
.report-contents>span{color:var(--paper-muted);letter-spacing:.07em}.report-contents a{color:var(--paper-green);padding:5px 0;min-height:44px;display:inline-flex;align-items:center}
.report-cover--text{grid-template-columns:1fr;max-width:1000px}.report-cover--text h1{max-width:20ch}.report-cover--text .lead{max-width:65ch}
.browser-label{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--case-panel-2);font:.75rem/1.4 "JetBrains Mono",monospace;color:var(--color-text-muted)}
.browser-label>span{letter-spacing:3px;color:var(--case-accent)}.browser-label b{font-weight:400}
/* Specimens: the footer of a cover frame, the same width as the media above them. */
.case-specimen{position:relative;padding:20px 24px}
.brand-specimen{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 28px}
.brand-word{font:700 clamp(2rem,3vw,2.6rem)/1 "Space Grotesk",sans-serif;letter-spacing:-.06em;color:var(--color-text)}
.brand-specimen p{margin:0;font-size:.95rem;color:var(--color-body)}
.brand-specimen small{grid-column:1/-1;font:.75rem/1.5 "JetBrains Mono",monospace;color:var(--color-text-muted)}
.brand-swatches{display:flex;gap:6px;margin:0}.brand-swatches i{width:36px;height:24px;border:1px solid var(--case-line);background:#16130f}.brand-swatches i:nth-child(2){background:#efe8da}.brand-swatches i:nth-child(3){background:var(--case-accent)}
.tenant-specimen>span{font:.75rem/1.4 "JetBrains Mono",monospace;color:var(--color-warning)}
.tenant-specimen>div{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;padding:14px 0;font-size:1.25rem}.tenant-specimen i{font-style:normal;color:var(--color-warning)}
.tenant-specimen p{font:.8rem/1.6 "JetBrains Mono",monospace;color:var(--color-body)}
.fight-specimen{display:grid;grid-template-columns:1fr auto;gap:10px 20px;align-items:end}
.fight-specimen>span{grid-column:1/-1;font:.75rem/1.4 "JetBrains Mono",monospace;color:var(--case-accent)}
.fight-specimen strong{font:700 clamp(1.9rem,2.8vw,2.4rem)/.95 "Space Grotesk",sans-serif;letter-spacing:-.04em;color:var(--color-text)}.fight-specimen a{font:.75rem/1.5 "JetBrains Mono",monospace}

/* Seven reports, seven specific findings. No invented traces or live metrics. */
.byte-specimen{padding:10px 0 28px}.byte-specimen>span{font:.75rem/1.4 "JetBrains Mono",monospace;color:var(--paper-muted)}
.byte-specimen>div{display:flex;gap:6px;margin:8px 0 18px}.byte-specimen i{height:25px;flex:1;background:var(--paper-green)}
.byte-specimen i.changed-byte{background:var(--paper-red);transform:translateY(-5px)}
.byte-specimen>b{font:.75rem/1.4 "JetBrains Mono",monospace;color:var(--paper-red)}
.restart-map{padding:14px 0 30px}.restart-map>div{display:flex;align-items:center;gap:10px;margin:18px 0;font:.75rem/1.5 "JetBrains Mono",monospace}
.restart-map span{width:8ch}.restart-map i{flex:1;height:10px;background:var(--paper-muted)}.restart-map b{padding:5px;border:1px dashed var(--paper-red);color:var(--paper-red);font-weight:500}
.restart-map i.durable-line{background:var(--paper-green)}.restart-map p{font:.75rem/1.6 "JetBrains Mono",monospace;color:var(--paper-green)}
.control-specimen{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0 28px}
.control-input{font:700 1.4rem/1.1 "Space Grotesk",sans-serif;color:var(--paper-ink)}
.control-arrow{font-size:2rem;color:var(--paper-muted)}.control-verdict{font:700 2.5rem/1 "JetBrains Mono",monospace;color:var(--paper-green);transform:rotate(-7deg);border:3px double var(--paper-green);padding:10px}
.control-verdict span{display:block;font:.75rem/1.5 "JetBrains Mono",monospace;color:var(--paper-red);margin-top:6px}
.impact-specimen{position:relative;overflow:hidden;background:var(--paper-ink);margin:0 -10px 24px;height:210px;color:var(--paper-card)}
.impact-specimen img{width:100%;height:100%;object-fit:cover;opacity:.35}.impact-specimen>span{position:absolute;left:18px;top:16px;font:.75rem/1.4 "JetBrains Mono",monospace}.impact-specimen>b{position:absolute;left:18px;bottom:18px;font:700 4.5rem/1 "Space Grotesk",sans-serif;letter-spacing:-.07em}.impact-specimen b span{font-size:1.5rem;letter-spacing:0;margin-left:6px}
.edit-specimen{display:flex;align-items:center;gap:22px;margin:8px 0 28px;font:600 clamp(3rem,5vw,5rem)/1 "Space Grotesk",sans-serif;letter-spacing:-.08em}.edit-specimen s{color:var(--paper-muted);text-decoration-thickness:3px}.edit-specimen>span{font-size:2rem;letter-spacing:0}.edit-specimen b{color:var(--paper-green)}

/* About / an origin story, a person, then the room the work came from. */
.about-origin{display:grid;grid-template-columns:1.05fr 1fr;gap:8vw;align-items:center}
body[data-kind="about"] .origin-heading h1{font-size:clamp(3.5rem,7.3vw,7rem);letter-spacing:-.065em;line-height:.98;margin:28px 0}
.origin-heading em{font-style:normal;color:var(--color-warning)}.origin-deck{font-size:1.3rem;line-height:1.5;color:var(--color-body);margin:28px 0}
/* Portrait in a plain frame; amber only as the top rule. */
.origin-portrait{position:relative;margin:0;max-width:440px;justify-self:end;background:var(--color-surface);border:1px solid var(--color-border);border-top:2px solid var(--color-warning);border-radius:3px;overflow:hidden}
.origin-portrait img{display:block;width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 0}
.origin-portrait figcaption{font:.75rem/1.7 "JetBrains Mono",monospace;padding:14px 16px;color:var(--color-text-muted);border-top:1px solid var(--color-border)}
.origin-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:90px 0 55px;padding-top:30px;border-top:1px solid var(--color-amber-border)}
.story-step>span{font:.75rem/1.4 "JetBrains Mono",monospace;color:var(--color-warning)}.story-step h2{font-size:1.7rem;line-height:1.15;margin:20px 0 16px;letter-spacing:-.04em}.story-step p{font-size:1rem;color:var(--color-body);line-height:1.7;margin-bottom:20px}.story-step a{display:inline-flex;align-items:center;min-height:44px;font:.78rem/1.4 "JetBrains Mono",monospace;color:var(--color-warning)}
.desk-strip{margin:0;position:relative}.desk-strip img{width:100%;aspect-ratio:2.7;object-fit:cover;object-position:50% 55%;border:1px solid var(--color-amber-border)}
.desk-strip figcaption{display:flex;justify-content:space-between;gap:16px;font:.75rem/1.6 "JetBrains Mono",monospace;padding:14px 0;color:var(--color-body)}.desk-strip figcaption>span{color:var(--color-text-muted)}
body[data-kind="about"] #method .container{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}
body[data-kind="about"] #method .cap-head{display:block}body[data-kind="about"] #method .cap-head .supporting{margin-top:24px}
body[data-kind="about"] .portrait__img[src*="r2-laptop"]{aspect-ratio:1;object-position:center}

/* Services / real outcomes on the cover; prices and scope remain explicit. */
body:is([data-kind="service"],[data-kind="service-index"]) main>.section:first-child .container::before{content:none}
.offer-cover,.service-cover{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;margin-bottom:64px}
.offer-cover h1 em{font-style:normal;color:var(--signal-cyan)}.offer-cover h1{margin:26px 0!important;line-height:.98!important}
.cover-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}
/* Services index: sharp proof tiles, one row per service, a price list, a drawn process line. */
.service-showcase{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.service-showcase a{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:20px;padding:10px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);text-decoration:none;transition:border-color .25s ease}
.service-showcase a:is(:hover,:focus-visible){border-color:var(--signal-cyan)}
.service-showcase img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.service-showcase__label{display:grid;gap:6px;font:.78rem/1.5 "JetBrains Mono",monospace;color:var(--color-text-muted)}
.service-showcase__label b{font:600 1.15rem/1.2 "Space Grotesk",sans-serif;letter-spacing:-.02em;color:var(--color-text)}
.service-rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-border)}
.service-row{display:grid;grid-template-columns:64px minmax(0,1.35fr) minmax(0,1fr);gap:6px 44px;padding:38px 0;border-bottom:1px solid var(--color-border)}
.service-row__num{font:500 .78rem/1.5 "JetBrains Mono",monospace;color:var(--signal-cyan);padding-top:.6em}
.service-row h2{margin:0 0 14px;font:600 clamp(1.5rem,2.6vw,2.2rem)/1.1 "Space Grotesk",sans-serif;letter-spacing:-.035em}
.service-row__main>p{max-width:60ch;color:var(--color-body)}
.service-row__proof{margin-top:14px;font-size:.95rem;color:var(--color-text-muted)}
.service-row__facts{list-style:none;margin:0;padding:.55em 0 0;display:grid;align-content:start;gap:10px;font-size:.95rem;color:var(--color-body)}
.service-row__facts li{position:relative;padding-left:20px}
.service-row__facts li::before{content:"";position:absolute;left:0;top:.72em;width:9px;height:1px;background:var(--signal-cyan)}
.service-row__more{grid-column:2/-1;justify-self:start;display:inline-block;padding-block:13px;margin-top:2px;font:.8rem/1.4 "JetBrains Mono",monospace;color:var(--signal-cyan)}
:is(.service-row__proof,.price-row__pace,.price-notes) a{color:var(--color-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.service-rows__else{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:26px;color:var(--color-body)}
.service-rows__else .link-mono{margin:0;display:inline-flex;align-items:center;min-height:44px}
.price-group{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:20px 56px;padding:40px 0;border-top:1px solid var(--color-border)}
.price-group__head h3{margin:0 0 10px;font:600 1.45rem/1.2 "Space Grotesk",sans-serif;letter-spacing:-.02em}
.price-group__head p{font-size:.95rem;color:var(--color-text-muted);max-width:40ch}
.price-list{list-style:none;margin:0;padding:0}
.price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 36px;padding:24px 0;border-bottom:1px solid var(--color-border)}
.price-row:first-child{padding-top:0}.price-row:last-child{border-bottom:0}
.price-row__name{grid-column:1;margin:0;font:600 1.2rem/1.25 "Space Grotesk",sans-serif}
.price-row__price{grid-column:2;grid-row:1/span 3;margin:0;font:600 clamp(1.35rem,2.3vw,1.9rem)/1.1 "Space Grotesk",sans-serif;letter-spacing:-.03em;color:var(--color-text);text-align:right;white-space:nowrap}
.price-row__price .fn-ref{margin-left:2px;font-size:.55em;vertical-align:super;color:var(--signal-cyan)}
.price-row__desc{grid-column:1;max-width:62ch;color:var(--color-body)}
.price-row__pace{grid-column:1;font:.78rem/1.55 "JetBrains Mono",monospace;color:var(--color-text-muted)}
.price-notes{display:grid;gap:12px;max-width:72ch;margin-top:30px;font-size:.98rem;color:var(--color-body)}
.price-notes strong{font-weight:600;color:var(--color-text)}
.process-line{position:relative;list-style:none;margin:0;padding:40px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.process-line::before{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:var(--signal-cyan);transform:scaleX(var(--line,1));transform-origin:0 50%}
.process-line>li{position:relative}
.process-line>li::before{content:"";position:absolute;left:0;top:-40px;width:11px;height:11px;border:2px solid var(--signal-cyan);border-radius:50%;background:var(--color-bg);box-sizing:border-box}
.process-line__num{font:500 .78rem/1.5 "JetBrains Mono",monospace;color:var(--signal-cyan)}
.process-line h3{margin:10px 0;font:600 1.35rem/1.2 "Space Grotesk",sans-serif;letter-spacing:-.02em}
.process-line p{color:var(--color-body)}
.services-cta .container{display:grid;justify-items:center;gap:14px;text-align:center}
.services-cta .lead{max-width:48ch}.services-cta .prose{max-width:52ch}
.services-cta .cover-actions{justify-content:center;margin-top:10px}
body[data-kind="service"] .service-cover__text{display:block;margin:0;min-width:0}
body[data-kind="service"] .service-cover h1{font-size:clamp(2.7rem,4.7vw,4.6rem);line-height:1.02;letter-spacing:-.055em}
body[data-kind="service"] .service-cover .supporting{max-width:none;margin-top:26px;font-size:1.1rem}
.remote-specimen{padding:32px;border:1px solid var(--color-storm-border);background:var(--color-term)}
.remote-specimen>.plate-label{color:var(--signal-cyan);margin-bottom:35px}
.remote-specimen>a{font:.78rem/1.5 "JetBrains Mono",monospace;color:var(--signal-cyan)}
/* Standalone links in specimen cards and archive titles: 44px targets. */
.remote-specimen>a,.fight-specimen a{display:inline-flex;align-items:center;min-height:44px}
.editorial-entry h2 a{display:inline-block;padding-block:.22em}
.redesign-specimen{margin:0;position:relative;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;background:var(--color-surface);padding:16px}
.redesign-specimen img{width:100%;aspect-ratio:1.7;object-fit:cover}.redesign-specimen figcaption{padding:24px 8px 8px}.redesign-specimen figcaption>span{font:.75rem/1.4 "JetBrains Mono",monospace;color:var(--signal-cyan)}.redesign-specimen strong{display:block;font:600 2rem/1.1 "Space Grotesk",sans-serif;margin:18px 0}.redesign-specimen a{font:.78rem/1.5 "JetBrains Mono",monospace}
.remote-cities{display:flex;gap:24px;align-items:center;padding:32px 0 46px}.remote-cities strong{font:600 clamp(2.5rem,4vw,4rem)/1 "Space Grotesk",sans-serif;letter-spacing:-.05em}.remote-cities strong span{display:block;font:.75rem/1.5 "JetBrains Mono",monospace;letter-spacing:0;color:var(--color-text-muted);margin-top:14px;max-width:12ch}
.remote-cities i{height:1px;background:var(--signal-cyan);flex:1;min-width:20px}.remote-specimen>p:not(.plate-label){font-size:1.25rem;line-height:1.6;margin-bottom:28px}
/* Photographic covers (Contact, Custom software, Notes): the still, and later its loop over it. */
.loop-cover{margin:28px 0;display:grid;gap:10px}
.loop-cover>:is(img,video){display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--color-storm-border);background:var(--color-term)}
.loop-cover--wide>:is(img,video){aspect-ratio:16/9}
.loop-cover figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 16px;font:.75rem/1.5 "JetBrains Mono",monospace;color:var(--color-text-muted)}
.loop-cover figcaption a{display:inline-flex;align-items:center;min-height:44px;color:var(--signal-cyan)}
.service-cover .loop-cover{margin:0}
body[data-kind="contact"] .form__to{padding-bottom:18px;border-bottom:1px solid var(--color-border);margin-bottom:0}
body[data-kind="contact"] .contact__grid{gap:7vw;align-items:start}
body[data-kind="contact"] .form{border-radius:3px;padding:32px}
body[data-kind="contact"] .field label{font:.78rem/1.5 "JetBrains Mono",monospace}
body[data-kind="contact"] :is(input,textarea,select){border-radius:3px}
body[data-kind="notfound"] .notfound::before{font-size:clamp(1rem,3vw,2rem);letter-spacing:.04em;border-bottom:1px dashed var(--signal-cyan);padding:0 0 24px;margin-bottom:32px}
body[data-kind="notfound"] .notfound{position:relative;isolation:isolate}
body[data-kind="notfound"] .notfound::after{content:"404";font:700 clamp(12rem,35vw,28rem)/1 "Space Grotesk",sans-serif;letter-spacing:-.1em;position:absolute;inset:0;display:grid;place-items:center;color:var(--color-surface);z-index:-1;pointer-events:none}

@media(max-width:1000px){.case-cover,.report-cover{gap:32px;grid-template-columns:1fr 1fr}.cover-stage .pipeline-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline-junction::before{left:25%;right:25%}.remote-cities{gap:12px}.remote-specimen{padding:22px}}
@media(max-width:820px){
body[data-kind="work-index"] .cap-head,.case-cover,.report-cover{grid-template-columns:1fr}
body:is([data-kind="note-index"],[data-kind="article-index"]) .service-list{grid-template-columns:1fr}body:is([data-kind="note-index"],[data-kind="article-index"]) .editorial-entry--featured{grid-template-columns:1fr;gap:26px;padding:20px}body:is([data-kind="note-index"],[data-kind="article-index"]) .editorial-entry{padding-right:0}body:is([data-kind="note-index"],[data-kind="article-index"]) .editorial-entry--featured{padding-right:20px}.archive-diagram{min-height:230px;padding:24px}.report-contents{gap:6px 20px}
.about-origin,.offer-cover,.service-cover{grid-template-columns:1fr;gap:42px}.origin-portrait{max-width:420px;justify-self:center;margin:0 12px}.origin-story{grid-template-columns:1fr;gap:32px;margin:64px 0 32px}.story-step{max-width:60ch}.desk-strip img{aspect-ratio:1.5}.desk-strip figcaption{display:block}.desk-strip figcaption>span{display:block;margin-top:6px}body[data-kind="about"] #method .container{display:block}.origin-heading .origin-deck{font-size:1.15rem}.offer-cover{margin-bottom:40px}.service-cover{margin-bottom:48px}
body[data-kind="work-index"] .project-pair{grid-template-columns:1fr}
body[data-kind="work-index"] .cap-head{gap:26px;padding-bottom:30px;margin-bottom:24px}
.directory-intro{max-width:540px}.directory-intro .lead{margin-bottom:12px}
body[data-kind="work-index"] .work-group{margin-top:32px}
.case-cover{gap:30px;padding-bottom:20px}.case-cover .case__meta{grid-column:1}
.cover-stage .pipeline-wall{grid-template-columns:repeat(3,minmax(0,1fr))}
.report-cover{gap:34px;margin-bottom:42px;padding-top:24px}
body[data-kind="case"] .case__section,body:is([data-kind="note"],[data-kind="article"]) .case__section{display:block;padding:32px 0}
body[data-kind="case"] .case__section>h2,body:is([data-kind="note"],[data-kind="article"]) .case__section>h2{margin:14px 0 22px;font-size:1.9rem}
body[data-kind="case"] .case-intro{display:block;margin:32px 0 40px}.cover-deck{max-width:40ch}.report-plate .service-cut{grid-template-columns:1fr 1fr}
.report-contents{display:grid;gap:0;justify-items:start}.report-contents>span{padding-bottom:6px}
.case-specimen{padding:18px}.brand-specimen{grid-template-columns:1fr auto}.brand-specimen p{grid-column:1/-1;grid-row:2}
.stat-band{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-showcase a{grid-template-columns:132px minmax(0,1fr);gap:14px}.service-row{grid-template-columns:34px minmax(0,1fr);gap:6px 12px;padding:30px 0}.service-row__facts,.service-row__more{grid-column:2}.price-group{grid-template-columns:1fr;gap:18px;padding:32px 0}.price-row{grid-template-columns:1fr}.price-row__price{grid-column:1;grid-row:auto;text-align:left}.process-line{grid-template-columns:1fr;gap:30px;padding:0 0 0 32px}.process-line::before{left:5px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:scaleY(var(--line,1));transform-origin:50% 0}.process-line>li::before{left:-32px;top:.3em}.stat-band>.stat:last-child:nth-child(odd){grid-column:1/-1}
.btn{text-wrap:balance;height:auto;min-height:48px;line-height:1.25;padding-block:12px}
}
@media(max-width:520px){body[data-interior] h1.section-title{font-size:3.7rem}.cover-stage .pipeline-wall{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.pipeline-pane span{font-size:.75rem;padding:5px}.report-cover .case__title{font-size:2.8rem}.case-cover>.case__meta{gap:12px}.delivery-map .plate-label{letter-spacing:0}.report-plate{padding:24px}.report-plate .specimen-diff div{grid-template-columns:1fr;gap:4px}}
@media print{.case-cover,.report-cover{display:block}.case__section{display:block!important}.report-plate,.delivery-map{box-shadow:none}}