.pitch-feature { background:#191e18; color:var(--beige); border-block:1px solid var(--line); padding:clamp(64px,8vw,136px) 0; }
.pitch-feature-grid,.pitch-hub-grid { display:grid; grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr); gap:clamp(32px,6vw,94px); align-items:center; }
.pitch-feature h2,.pitch-hub h1 { margin:18px 0 22px; font-size:clamp(58px,6.3vw,100px); letter-spacing:-.065em; line-height:1.02; }
.pitch-feature h2 .pixel,.pitch-hub h1 .pixel,.pitch-why h2 .pixel,.pitch-brief h2 .pixel,.pitch-process h2 .pixel { font-size:.76em; }
.pitch-lead,.pitch-brief p:not(.eyebrow),.pitch-why-grid>div:last-child p { font-size:clamp(18px,1.45vw,23px); line-height:1.6; max-width:46ch; }
.pitch-feature .button,.pitch-hub .button,.pitch-brief .button { margin-top:26px; }
.pitch-preview,.pitch-slide { margin:0; min-width:0; }
.pitch-stack { display:block; position:relative; isolation:isolate; transform:rotate(-1.7deg); margin:6px 6px 20px 0; transition:transform .35s ease; }
.pitch-stack::before,.pitch-stack::after { content:''; position:absolute; pointer-events:none; inset:0; z-index:-1; border:1px solid #4c503e; }
.pitch-stack::before { background:#48705a; transform:translate(8px,6px) rotate(1.5deg); }
.pitch-stack::after { background:#ddcba9; transform:translate(4px,3px) rotate(.6deg); }
.pitch-stack:is(:hover,:focus-visible) { transform:rotate(-.3deg); }
.pitch-preview figcaption,.pitch-reader-label { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:8px 12px; }
.pitch-preview figcaption>span,.pitch-reader-label,.pitch-jumps { font:13px/1.55 var(--mono); }
.pitch-preview figcaption .text-link { margin:0; }
.pitch-sheet { width:100%; aspect-ratio:16 / 9; position:relative; isolation:isolate; overflow:hidden; container-type:inline-size; color:#f0e4ce; }
.pitch-cover { background:#0d211d; }
.pitch-cover img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.pitch-cover::after { position:absolute; inset:0; z-index:0; content:''; pointer-events:none; background:linear-gradient(90deg,#08160c82,transparent 69%); }
.pitch-cover-title,.pitch-cover-format { position:absolute; z-index:1; left:7%; }
.pitch-cover-title { top:20%; font:bold 14cqw/.84 Georgia,serif; letter-spacing:-.075em; color:#f9e9c8; }
.pitch-cover-format,.pitch-sheet-label { font:500 max(12px,1.9cqw)/1.25 var(--mono); letter-spacing:.025em; }
.pitch-cover-format { bottom:9%; }
.pitch-hub { padding-top:130px; padding-bottom:clamp(55px,7vw,106px); }
.pitch-hub-grid { align-items:start; }
.pitch-hub h1 .pixel { display:block; }
.pitch-jumps { display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:26px; }
.pitch-jumps a { text-decoration:underline; text-underline-offset:5px; }
.pitch-reader { scroll-margin-top:24px; min-width:0; }
.pitch-reader-label { margin:0 0 12px; }
.pitch-reader-label span { color:var(--muted); }
.pitch-reader-tabs { display:flex; flex-wrap:wrap; border-top:1px solid var(--line); padding:5px 0 10px; gap:4px; }
.pitch-reader-tabs a { display:inline-flex; align-items:center; min-height:38px; padding:6px 12px; font:14px/1.35 var(--mono); }
.pitch-reader-tabs a[aria-selected=true] { background:#d9c6a3; color:#17231c; }
.pitch-slide { scroll-margin-top:24px; }
.pitch-slide[hidden] { display:none; }
.pitch-slide figcaption { color:var(--muted); font-size:clamp(16px,1.2vw,19px); line-height:1.55; padding:14px 0; min-height:4em; }
.pitch-sheet-label { display:block; }
.pitch-premise,.pitch-opening { padding:6% 7%; display:flex; flex-direction:column; justify-content:space-between; min-height:fit-content; }
.pitch-premise { background:#dac8a8; color:#17281e; }
.pitch-premise p { font:500 clamp(20px,5cqw,54px)/1.08 Georgia,serif; letter-spacing:-.035em; max-width:27ch; margin:16px 0 0; }
.pitch-opening { background:#203e34; color:#f0e4ce; border-left:8px solid #d8884a; }
.pitch-opening h3 { font:500 clamp(22px,5.8cqw,60px)/1.04 Georgia,serif; margin:12px 0; }
.pitch-opening p { font-size:clamp(16px,2.8cqw,26px); line-height:1.38; max-width:40ch; }
.pitch-process,.pitch-why-grid,.pitch-brief { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(32px,7vw,110px); align-items:start; }
.pitch-process,.pitch-brief { border-top:1px solid var(--line); }
.pitch-process h2,.pitch-brief h2,.pitch-why h2 { font-size:clamp(45px,4.8vw,78px); line-height:1.05; letter-spacing:-.055em; margin:20px 0; }
.pitch-process ol { list-style:none; padding:0; margin:0; }
.pitch-process li { display:grid; grid-template-columns:2.5rem 1fr; border-top:1px solid var(--line); gap:12px; padding:22px 0; }
.pitch-folio { font:inherit; font-family:var(--pixel); color:var(--green); padding-top:4px; }
.pitch-process h3,.pitch-brief dt { font-size:clamp(24px,2vw,32px); font-weight:600; line-height:1.15; letter-spacing:-.035em; margin:0 0 10px; }
.pitch-process li p,.pitch-brief dd { color:var(--muted); font-size:18px; line-height:1.6; margin:0; max-width:53ch; }
.pitch-why { background:#deceb0; color:#18271e; padding:clamp(56px,6vw,100px) 0; }
.pitch-why .pixel,.pitch-why .eyebrow { color:#34513b; }
.pitch-why .text-link { display:inline-flex; color:#284834; margin-top:20px; }
.pitch-why-grid p+p { margin-top:16px; }
.pitch-brief dl { margin:0; }
.pitch-brief dt { padding-top:18px; border-top:1px solid var(--line); }
.pitch-brief dd { margin-bottom:18px; }
.pitch-reading { display:flex; flex-wrap:wrap; gap:16px 36px; padding-bottom:clamp(40px,5vw,84px); }
.pitch-reading .text-link { margin:0; }
@media(max-width:900px){
  .pitch-feature-grid,.pitch-hub-grid,.pitch-process,.pitch-why-grid,.pitch-brief { grid-template-columns:1fr; gap:32px; }
  .pitch-feature h2,.pitch-hub h1 { font-size:clamp(46px,8vw,70px); }
  .pitch-hub { padding-top:110px; }
  .pitch-reader-tabs a { min-height:44px; }
  .pitch-cover-title { font-size:15cqw; }
  .pitch-jumps { margin-top:18px; }
}
@media(max-width:480px){
  .pitch-feature { padding:54px 0; }
  .pitch-premise,.pitch-opening { aspect-ratio:auto; min-height:225px; padding:20px; }
  .pitch-reader-tabs a { font-size:13px; padding-inline:9px; }
}
@media(prefers-reduced-motion:reduce){.pitch-stack { transition:none; }}
.motion-off .pitch-stack { transition:none; }

.pitch-deliverables { padding-bottom:clamp(36px,4vw,60px); }
.pitch-deliverables h2 { max-width:18ch; margin:18px 0 32px; font-size:clamp(42px,4.8vw,74px); letter-spacing:-.055em; line-height:1.05; }
.pitch-deliverables h2 .pixel { font-size:.76em; }
.pitch-delivery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,3.5vw,56px); }
.pitch-delivery-grid article { border-top:1px solid var(--line); padding-top:18px; }
.pitch-delivery-grid h3 { font-size:clamp(25px,2.2vw,34px); line-height:1.15; margin-bottom:12px; }
.pitch-delivery-grid p { font-size:18px; line-height:1.6; color:var(--muted); }
@media(max-width:700px){.pitch-delivery-grid { grid-template-columns:1fr; }}

.excerpt-art { width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; display:block; background:#10130f; }
.excerpt-zoom { display:block; cursor:zoom-in; }
.excerpt-case[hidden],.excerpt-controls[hidden] { display:none; }
.excerpt-caption-head,.excerpt-controls { display:flex; gap:12px; align-items:center; }
.excerpt-folio,.excerpt-controls > span { font:14px/1.4 var(--mono); color:var(--green); }
.excerpt-caption-head { flex-wrap:wrap; gap:4px 14px; }
.excerpt-caption-head strong { color:var(--beige); font-size:1.12em; }
.pitch-slide figcaption p { margin:6px 0 0; max-width:58ch; }
.excerpt-controls { border-top:1px solid var(--line); justify-content:flex-end; }
.excerpt-controls button { min-width:44px; min-height:44px; color:var(--beige); background:transparent; border:0; font-size:23px; cursor:pointer; }
.excerpt-controls button:is(:hover,:focus-visible),.excerpt-zoom:focus-visible { color:var(--green); outline:1px solid var(--green); }
.pitch-reader-tabs a,.excerpt-case { scroll-margin-top:80px; }

.pitch-hub-grid { grid-template-areas:"title slides" "details slides"; grid-template-rows:min-content 1fr; row-gap:0; }
.pitch-hub-title { grid-area:title; }
.pitch-hub-details { grid-area:details; }
.pitch-hub-grid > .pitch-reader { grid-area:slides; }
.pitch-hub-details .pitch-lead { margin-top:0; }
@media(max-width:900px){
  .pitch-hub-grid { grid-template-areas:"title" "slides" "details"; grid-template-rows:auto; row-gap:22px; }
  .pitch-hub-title h1 { margin-bottom:0; }
}
