@import url('https://fonts.googleapis.com/css2?family=Doto:wght@500;700&family=Instrument+Serif:ital@0;1&family=Share+Tech+Mono&display=swap');
:root{--ink:#050505;--panel:#0b0b0a;--paper:#eee9df;--muted:#918f88;--line:rgba(238,233,223,.15);--orange:#ed5b00;--green:#7ca51b;--amber:#e5ad18;--pad:clamp(18px,3vw,52px)}
a{color:inherit;text-decoration:none}
*{box-sizing:border-box}html{background:var(--ink);color:var(--paper);scroll-behavior:smooth}body{margin:0;background-color:var(--ink);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;font-family:'Share Tech Mono',monospace}.board{min-height:100vh;padding:var(--pad)}.topline,.section-head,.meta,.rule-row,.card-meta,.pager{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.topline{font-family:'Doto',sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:13px}.brand{color:var(--paper)}.plus,.hot{color:var(--orange)}.kicker{margin:clamp(72px,12vh,150px) 0 20px;color:var(--green);text-transform:uppercase;letter-spacing:.12em}.hero-title{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(62px,10vw,170px);line-height:.8;letter-spacing:-.045em;margin:0;max-width:12ch}.hero-title em{color:var(--orange);font-weight:400}.hero-deck{font-size:clamp(16px,2vw,27px);line-height:1.25;max-width:760px;margin:40px 0 80px}.section{border-top:1px solid var(--paper);padding:24px 0 80px}.section-head{margin-bottom:42px}.index{font-family:'Doto';color:var(--orange)}h2{font:400 clamp(34px,5vw,78px)/.92 'Instrument Serif';margin:0;max-width:13ch}h3{font:400 clamp(26px,3vw,46px)/1 'Instrument Serif';margin:0}.label{color:var(--green);text-transform:uppercase;letter-spacing:.1em;font-size:13px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.card,.module,.frame{border:1px solid var(--line);background:rgba(8,8,7,.92)}.card{grid-column:span 4;min-height:330px;display:flex;flex-direction:column}.thumb{aspect-ratio:1;background:linear-gradient(145deg,#171713,#050505);position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.thumb:before{content:'';position:absolute;inset:13%;border:1px solid var(--accent,var(--orange));transform:rotate(var(--turn,0deg))}.thumb:after{content:'+';font:700 88px/1 'Doto';color:var(--accent,var(--orange));position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.card-copy{padding:18px}.card-title{font:400 31px/1 'Instrument Serif';margin:0 0 18px}.card-meta{font-size:12px;color:var(--muted);text-transform:uppercase}.module{padding:24px;min-height:180px}.module.wide{grid-column:span 8}.module.narrow{grid-column:span 4}.module.half{grid-column:span 6}.module.full{grid-column:1/-1}.module p{max-width:62ch;line-height:1.5}.signal{font:400 clamp(38px,5vw,74px)/.95 'Instrument Serif';margin:14px 0}.rule-row{padding:18px 0;border-bottom:1px solid var(--line)}.rule-row span:first-child{color:var(--orange)}.flow{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.flow div{border:1px solid var(--line);padding:20px 12px;min-height:140px}.flow b{display:block;color:var(--orange);font-family:'Doto';margin-bottom:30px}.frame{padding:18px}.desktop-frame{grid-column:span 8}.mobile-frame{grid-column:span 4}.screen{border:1px solid var(--line);padding:20px;min-height:420px;position:relative}.screen .hero-block{height:42%;border:1px solid var(--orange);display:flex;align-items:flex-end;padding:18px;font:400 clamp(30px,4vw,60px)/.9 'Instrument Serif'}.screen .copy-block{margin-top:14px;width:58%;height:65px;border:1px solid var(--line)}.screen .media-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.screen .media-row i{height:100px;border:1px solid var(--green)}.mobile-frame .screen{max-width:330px;margin:auto}.mobile-frame .screen .copy-block{width:100%}.mobile-frame .screen .media-row{grid-template-columns:1fr}.pager{border-top:1px solid var(--paper);padding:28px 0 80px;text-transform:uppercase}.note{border-left:2px solid var(--orange);padding-left:16px}.status{display:inline-block;border:1px solid var(--green);color:var(--green);padding:8px 10px;text-transform:uppercase;font-size:12px}
@media(max-width:900px){.card{grid-column:span 6}.module.wide,.module.narrow,.module.half{grid-column:1/-1}.flow{grid-template-columns:1fr 1fr}.desktop-frame,.mobile-frame{grid-column:1/-1}.hero-title{font-size:clamp(58px,17vw,100px)}.topline{font-size:11px}.section-head{display:block}.section-head .label{display:block;margin-bottom:16px}}
@media(max-width:560px){body{background-size:30px 30px}.board{padding:18px}.card{grid-column:1/-1}.flow{grid-template-columns:1fr}.topline span:nth-child(2){display:none}.hero-deck{margin-bottom:55px}.section{padding-bottom:54px}.grid{gap:10px}.module{padding:18px}.pager{font-size:12px}}
html,body{overflow-x:hidden}.grid>*,.flow>*{min-width:0}
.page-visual{border:1px solid var(--paper);background:#020202;margin:0 0 70px}.visual-hero{min-height:clamp(520px,72vw,900px);position:relative;display:flex;align-items:flex-end;padding:var(--pad);overflow:hidden;background:linear-gradient(145deg,#171713,#050505)}.visual-hero:before,.visual-media:before{content:'IMAGE PLACEHOLDER';position:absolute;inset:24px;border:1px solid var(--orange);display:grid;place-items:center;color:var(--orange);font:700 13px 'Doto';letter-spacing:.15em}.visual-hero:after{content:'+';position:absolute;inset:0;display:grid;place-items:center;color:var(--orange);font:700 clamp(120px,22vw,320px)/1 'Doto';opacity:.35}.visual-hero-copy{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:end}.visual-hero-copy h3{font-size:clamp(54px,9vw,140px);line-height:.8}.visual-hero-copy p{max-width:38ch}.visual-body{padding:var(--pad)}.visual-intro{display:grid;grid-template-columns:1fr 2fr;gap:clamp(22px,6vw,110px);padding:70px 0}.visual-intro p{max-width:56ch;line-height:1.55}.visual-media{position:relative;min-height:520px;background:#0d0d0c;border:1px solid var(--line)}.visual-media.portrait{min-height:640px}.visual-media.video:before{content:'VIDEO PLACEHOLDER'}.visual-media.detail:before{content:'DETAIL PLACEHOLDER';border-color:var(--green);color:var(--green)}.visual-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.visual-chapter{display:grid;grid-template-columns:1fr 2fr;gap:24px;border-top:1px solid var(--paper);padding:28px 0 54px;margin-top:60px}.visual-chapter h4{font:400 clamp(38px,6vw,84px)/.95 'Instrument Serif';margin:0}.visual-caption{display:flex;justify-content:space-between;gap:20px;padding:12px 0;color:var(--muted);font-size:12px;text-transform:uppercase}.visual-results{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--paper);border-bottom:1px solid var(--paper);margin:60px 0}.visual-results div{padding:30px;border-right:1px solid var(--line)}.visual-results strong{display:block;font:400 clamp(44px,7vw,94px)/1 'Instrument Serif';color:var(--orange)}.visual-record{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:40px 0}.visual-record div{border-top:1px solid var(--line);padding-top:12px}.visual-control{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--orange);background:#050505;padding:24px;color:var(--orange);text-align:center}.visual-control b{display:block;font:700 24px 'Doto';margin-bottom:8px}.visual-system-line{position:absolute;z-index:2;left:50%;top:24%;bottom:18%;width:2px;background:var(--orange)}
@media(max-width:560px){.hero-title{font-size:14vw;line-height:.84;max-width:100%}.hero-deck{overflow-wrap:anywhere}h2{font-size:12vw;max-width:100%}.flow div{overflow-wrap:anywhere}}
@media(max-width:700px){.visual-hero{min-height:72vh;padding:18px}.visual-hero:before{inset:12px}.visual-hero-copy,.visual-intro,.visual-chapter{grid-template-columns:1fr}.visual-hero-copy h3{font-size:17vw}.visual-pair{grid-template-columns:1fr}.visual-media,.visual-media.portrait{min-height:72vw}.visual-results{grid-template-columns:1fr}.visual-results div{border-right:0;border-bottom:1px solid var(--line)}.visual-record{grid-template-columns:1fr 1fr}}
.board.hero-led{padding:0}.hero-led>.topline{position:absolute;z-index:10;top:0;left:0;width:100%;padding:24px var(--pad);color:var(--paper);text-shadow:0 1px 10px #000}.proposal-hero{height:100svh;min-height:680px;position:relative;display:flex;align-items:flex-end;padding:var(--pad);background:#10100f;overflow:hidden}.proposal-hero:before{content:'HERO IMAGE PLACEHOLDER';position:absolute;inset:0;display:grid;place-items:center;color:var(--orange);font:700 14px 'Doto';letter-spacing:.15em;background:linear-gradient(135deg,#191916,#070707)}.proposal-hero:after{content:'+';position:absolute;inset:0;display:grid;place-items:center;color:var(--orange);font:700 clamp(180px,28vw,440px)/1 'Doto';opacity:.28}.proposal-overlay{position:relative;z-index:3;width:100%;display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.proposal-title{font:400 clamp(76px,13vw,210px)/.72 'Instrument Serif';letter-spacing:-.05em;margin:0;text-transform:uppercase}.proposal-title em{display:block;color:var(--orange);font-weight:400}.proposal-meta{max-width:36ch;font-size:14px;line-height:1.45}.proposal-body{padding:var(--pad)}.index-visual-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.index-visual-card{aspect-ratio:1;position:relative;background:#0e0e0d;border:1px solid var(--line);display:flex;align-items:flex-end;padding:18px;overflow:hidden}.index-visual-card:before{content:'SQUARE IMAGE';position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font:700 11px 'Doto';letter-spacing:.12em}.index-visual-card:after{content:'+';position:absolute;inset:0;display:grid;place-items:center;color:var(--tone,var(--orange));font:700 88px 'Doto';opacity:.45}.index-card-label{position:relative;z-index:2;font:400 30px 'Instrument Serif';text-align:left}.index-card-label small{display:block;font:11px 'Share Tech Mono';color:var(--muted);margin-top:8px}
@media(max-width:700px){.hero-led>.topline{padding:18px}.proposal-hero{min-height:620px;padding:18px}.proposal-overlay{display:block}.proposal-title{font-size:19vw}.proposal-meta{margin-top:24px}.proposal-body{padding:18px}.index-visual-grid{grid-template-columns:repeat(2,1fr)}.index-visual-card{padding:10px}.index-card-label{font-size:20px}}
.approved-board{background-color:#070605;background-image:linear-gradient(rgba(243,235,224,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(243,235,224,.06) 1px,transparent 1px);background-size:52px 52px}.approved-refine{--ink:#000;--paper:#F3EBE0;--orange:#DB5700;--amber:#EDB525;--green:#7A9E24;--line:#2A2720}.approved-refine>.topline{text-shadow:none}.approved-refine .proposal-hero{background:#000}.approved-refine .proposal-hero:before{background:#000;border:.5px solid #2A2720;inset:0;place-items:center;color:#DB5700}.approved-refine .proposal-hero:after{content:none}.approved-refine .proposal-title{font-style:italic;text-transform:none;letter-spacing:-.02em}.approved-refine .proposal-title em{font-style:normal}.approved-refine .proposal-meta{color:#F3EBE0}.approved-refine .section{border-top:.5px solid #2A2720}.approved-refine .flow div,.approved-refine .module,.approved-refine .frame,.approved-refine .visual-media,.approved-refine .visual-results,.approved-refine .visual-record div{border-width:.5px}.approved-refine .label{font-family:'Doto',monospace;color:#7A9E24}.approved-refine .pager{border-top:.5px solid #2A2720}
.approved-board:has(#body-system:target) .proposal-hero{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Refined portfolio page choices. These use approved FIA+PROJECTS tokens only. */
.portfolio-choice{--ink:#000;--paper:#F3EBE0;--orange:#DB5700;--amber:#EDB525;--green:#7A9E24;--line:#2A2720;padding:0;background:#000}
.portfolio-choice>.topline{text-shadow:none}
.choice-hero{height:100svh;min-height:680px;position:relative;display:flex;align-items:flex-end;padding:var(--pad);background:#000;border-bottom:.5px solid var(--line)}
.choice-hero:before{content:'FULL BLEED HERO IMAGE';position:absolute;inset:0;display:grid;place-items:center;border:.5px solid var(--line);color:var(--orange);font:700 13px 'Doto';letter-spacing:.15em}
.choice-hero-copy{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:2fr 1fr;align-items:end;gap:24px}
.choice-hero h1{max-width:12ch;margin:0;font:italic 400 clamp(3rem,4.2vw,4.7rem)/.94 'Instrument Serif';letter-spacing:-.005em;text-wrap:balance}
.choice-hero h1 span{display:block;color:var(--orange);font-style:normal;font-size:.58em;line-height:.9;letter-spacing:0}
.choice-meta{margin:0 0 5px;max-width:38ch;font-size:13px;line-height:1.55}
.choice-body{background:#000}
.choice-intro{display:grid;grid-template-columns:1fr 2fr;gap:24px;padding:clamp(46px,7vw,100px) var(--pad);border-bottom:.5px solid var(--line)}
.choice-intro h2,.chapter-copy h2{max-width:none;font-size:clamp(38px,5vw,74px)}
.choice-intro p,.chapter-copy p{max-width:52ch;line-height:1.55;margin:18px 0 0}
.choice-label{font:700 12px 'Doto';letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.choice-media{position:relative;min-height:min(72vw,900px);background:#090908;border-top:.5px solid var(--line);border-bottom:.5px solid var(--line)}
.choice-media:before{content:attr(data-label);position:absolute;inset:0;display:grid;place-items:center;color:var(--orange);font:700 12px 'Doto';letter-spacing:.15em}
.choice-media.amber:before{color:var(--amber)}.choice-media.green:before{color:var(--green)}
.choice-caption{display:flex;justify-content:space-between;gap:20px;padding:12px var(--pad) 42px;color:var(--muted);font-size:11px;text-transform:uppercase}
.choice-pair{display:grid;grid-template-columns:1fr 1fr}
.choice-pair .choice-media{min-height:62vw;border-right:.5px solid var(--line)}
.choice-pair .choice-media:last-child{border-right:0}
.chapter-copy{padding:32px var(--pad) 62px;display:grid;grid-template-columns:1fr 2fr;gap:24px;border-top:.5px solid var(--line)}
.chapter-row{display:grid;grid-template-columns:minmax(180px,3fr) 9fr;border-top:.5px solid var(--line)}
.chapter-rail{padding:28px var(--pad);border-right:.5px solid var(--line)}
.chapter-rail h2{font:italic 400 clamp(34px,4vw,64px)/.95 'Instrument Serif';margin:20px 0 12px}
.chapter-rail p{font-size:13px;line-height:1.5;max-width:26ch}
.chapter-row .choice-media{min-height:58vw;border-top:0}
.choice-results{display:grid;grid-template-columns:repeat(3,1fr);border-top:.5px solid var(--paper);border-bottom:.5px solid var(--paper);margin-top:clamp(52px,8vw,110px)}
.choice-results div{padding:clamp(24px,3vw,46px);border-right:.5px solid var(--line)}
.choice-results div:last-child{border-right:0}
.choice-results strong{display:block;color:var(--orange);font:400 clamp(44px,7vw,96px)/1 'Instrument Serif'}
.choice-record{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:42px var(--pad)}
.choice-record div{padding-top:12px;border-top:.5px solid var(--line)}
.choice-record p{margin:12px 0 0}.choice-pager{padding:26px var(--pad) 70px;border-top:.5px solid var(--line)}
.portfolio-choice:has(.choice-body:target) .choice-hero{display:none}
.hero-compact .choice-hero-copy{display:block;max-width:720px}
.hero-compact .choice-meta{margin:28px 0 5px;padding-top:16px;border-top:.5px solid var(--paper)}
.hero-compact h1{font-size:clamp(68px,10vw,160px)}
.choice-hero.hero-rail{padding:0 var(--pad)}
.hero-rail .choice-hero-copy{grid-template-columns:minmax(0,1fr) minmax(220px,25vw);height:100%;align-items:end}
.hero-rail .choice-hero h1{padding:0 0 var(--pad)}
.hero-rail .choice-meta{height:100%;margin:0;padding:calc(var(--pad) + 36px) 0 var(--pad) clamp(20px,3vw,52px);border-left:.5px solid var(--paper);display:flex;align-items:flex-end}
@media(max-width:700px){
  .choice-hero{min-height:620px;padding:18px}.choice-hero-copy,.choice-intro,.chapter-copy{grid-template-columns:1fr}
  .choice-hero h1{font-size:clamp(3rem,14vw,5rem);line-height:.86}.choice-meta{margin-top:22px}.choice-intro{padding:48px 18px}
  .choice-media{min-height:78vw}.choice-pair{grid-template-columns:1fr}.choice-pair .choice-media{min-height:105vw;border-right:0}
  .choice-caption{padding:10px 18px 32px}.chapter-copy{padding:26px 18px 48px}
  .chapter-row{grid-template-columns:1fr}.chapter-rail{padding:28px 18px;border-right:0;border-bottom:.5px solid var(--line)}
  .chapter-row .choice-media{min-height:88vw}.choice-results{grid-template-columns:1fr}.choice-results div{border-right:0;border-bottom:.5px solid var(--line)}
  .choice-record{grid-template-columns:1fr 1fr;padding:36px 18px}.choice-pager{padding:24px 18px 54px}
  .hero-compact .choice-meta{margin-top:20px}.choice-hero.hero-rail{padding:0 18px}
  .hero-rail .choice-hero-copy{display:grid;grid-template-columns:1fr;height:auto;width:100%}
  .hero-rail .choice-hero h1{padding:0}.hero-rail .choice-meta{height:auto;margin:22px 0 0;padding:0 0 0 16px;border-left:.5px solid var(--paper);border-top:0;display:block}
}