body[data-page=home] .intro{padding:22px 30px;align-items:center;margin-bottom:18px}
body[data-page=home] .intro h1{font-size:clamp(38px,5vw,66px)}body[data-page=home] .intro>p{max-width:360px;line-height:1.6}
.stage-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 20px;background:#35403b;border-bottom:1px solid #61705f;color:#edf2e8}.stage-summary>div{display:flex;align-items:center;gap:14px;min-width:0}.stage-summary small,.stage-summary span{font:9px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#bdc9b7}.stage-summary strong{font:600 14px 'Space Grotesk',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-summary span{border-left:1px solid #6a7867;padding-left:14px}.stage-summary span:first-child{border-left:0;padding-left:0;color:#d4ec55}
.preview-shell{position:relative;height:560px;background:#1d2522;overflow:hidden}.preview-shell iframe{position:relative;z-index:2;width:100%;height:100%!important;opacity:1;transition:opacity .3s ease}.gallery-cover{position:absolute;inset:0;z-index:1;display:grid;place-items:center;background:#1d2522;overflow:hidden;opacity:0;transition:opacity .25s ease}.gallery-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.25) brightness(.43);transform:scale(1.02)}.gallery-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#18201dda,transparent 70%),repeating-linear-gradient(135deg,transparent 0 14px,#d4ec5508 14px 15px)}.gallery-cover>div{position:relative;z-index:2;text-align:center;padding:24px}.gallery-cover span{display:block;font:10px 'IBM Plex Mono',monospace;letter-spacing:1.5px;color:#d4ec55;margin-bottom:12px}.gallery-cover strong{font:600 clamp(20px,3vw,34px) 'Space Grotesk',sans-serif;color:#edf2e8}.preview-shell.is-loading iframe{opacity:0}.preview-shell.is-loading .gallery-cover{opacity:1}.preview-shell.is-slow .gallery-cover span:after{content:' · STILL WORKING'}
.detail-story{position:relative;max-width:760px;max-height:15.2em;overflow:hidden}.detail-story:not(.expanded):after{content:'';position:absolute;left:0;right:0;bottom:0;height:5em;background:linear-gradient(transparent,#303638)}.detail-story.expanded{max-height:none}.detail-story.expanded:after{display:none}.story-toggle{padding:7px 11px;margin:4px 0 18px;border:1px solid #6d7b6b;background:#26302d;color:#dbe6d5;font:11px 'IBM Plex Mono',monospace}.story-toggle[hidden]{display:none}
.case-study-main{padding-top:34px}.case-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end;background:#383f3c;border:1px solid #687267;border-left:6px solid #d4ec55;padding:46px}.case-hero h1{font-size:clamp(62px,10vw,138px);line-height:.78;letter-spacing:-.075em;margin:18px 0 0}.case-hero h1 span{color:#d4ec55}.case-hero>div:last-child{border-left:1px solid #71806d;padding-left:28px}.case-hero>div:last-child p{font:16px/1.8 Arial,'Yu Gothic',sans-serif;color:#d2dccd}.case-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#6c7668;border:1px solid #6c7668;margin-top:18px;min-height:220px}.case-gallery figure{margin:0;background:#252d2a;min-width:0}.case-gallery img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover}.case-gallery figcaption{padding:9px 12px;color:#c7d1c2;font:9px 'IBM Plex Mono',monospace;letter-spacing:.6px}.case-gallery-empty,.case-gallery>.loading-copy{grid-column:1/-1;display:grid;place-items:center;margin:0;padding:70px;color:#c5d0c2}.case-overview,.case-decisions,.case-video{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;padding:58px 42px;border:1px solid #58645a;border-top:0;background:#2b3330}.case-overview h2,.case-process h2,.case-decisions h2,.case-video h2,.case-feedback h2{font-size:clamp(30px,4vw,52px)}.case-overview>div:last-child p,.case-decisions p,.case-video p,.case-notes p{font:17px/1.9 Arial,'Yu Gothic',sans-serif;color:#c9d3ca}.case-process{padding:58px 42px;background:#3a413c;border:1px solid #697365;margin-top:22px}.case-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#697365;border:1px solid #697365;margin-top:30px}.case-timeline article{background:#282f2d;padding:28px}.case-timeline article>span{font:24px 'IBM Plex Mono',monospace;color:#d4ec55}.case-timeline h3{font-size:19px;margin:28px 0 12px}.case-timeline p{font:14px/1.75 Arial,'Yu Gothic',sans-serif;color:#c4cec3}.case-notes{border-left:3px solid #d4ec55;padding-left:28px}.case-video{margin-top:22px;border-top:1px solid #58645a}.case-video[hidden],.case-feedback[hidden]{display:none}.case-video-frame{aspect-ratio:16/9;background:#161c1a}.case-video-frame iframe{display:block;width:100%;height:100%;border:0}.case-feedback{padding:58px 42px;background:#252d2a;border:1px solid #58645a;margin-top:22px}.case-feedback-list,#case-feedback-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.case-feedback blockquote{margin:0;padding:28px;background:#343d38;border-left:3px solid #d4ec55}.case-feedback blockquote p{font:18px/1.75 Arial,'Yu Gothic',sans-serif;color:#edf2e8}.case-feedback cite{font:10px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#bdc9b7}.case-study-editor{border:1px solid #506057;padding:20px;margin:25px 0}.case-study-editor legend{padding:0 8px;color:#d4ec55}.feedback-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 12px}.feedback-heading p{margin:4px 0}.feedback-editor-list{display:grid;gap:12px}.feedback-editor-list article{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:12px;background:#202927;border:1px solid #4c5b52}.feedback-editor-list textarea{grid-column:1/-1}.feedback-approval{display:flex;align-items:center;gap:7px;font-size:12px}
.monophobia-story-link{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end;gap:44px;padding:34px 38px;color:inherit;transition:border-color .2s ease,transform .2s ease,background .2s ease}.monophobia-story-link:hover{border-color:#d4ec55;background:#303a35;transform:translateY(-2px)}.monophobia-story-link:focus-visible{outline:3px solid #d4ec55;outline-offset:4px}.monophobia-story-link .story-section-heading{max-width:none;margin:0;padding:0;border-bottom:0}.monophobia-story-link .story-section-heading h2{font-size:clamp(42px,6vw,76px);line-height:.9;letter-spacing:-.055em;margin:10px 0 16px}.monophobia-story-link .story-lead{margin:0}.monophobia-story-action{min-height:132px;border-left:1px solid #667267;padding-left:32px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.monophobia-story-action .primary-link{display:inline-flex;gap:12px;align-items:center}
.case-story{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:70px;margin-top:22px;padding:58px 42px;background:#323a37;border:1px solid #627063}.case-story header{align-self:start}.case-story h2{font-size:clamp(42px,6vw,76px);line-height:.9;letter-spacing:-.055em;margin:12px 0 22px}.case-story-lead{max-width:320px;color:#d4ec55;font:600 18px/1.5 'Space Grotesk',sans-serif}.case-story-copy{max-width:760px}.case-story-copy p{margin:0 0 20px;color:#c9d3ca;font:16px/1.9 Arial,'Yu Gothic',sans-serif}.case-story-copy p:last-child{margin:30px 0 0;padding:20px 0 20px 24px;border-left:3px solid #d4ec55;color:#edf2e8;font-weight:700}
.case-decisions{display:block;max-width:1040px;margin:22px auto 0;padding:34px 38px;border-top:1px solid #58645a}.case-decisions>div:first-child{max-width:760px}.case-decisions h2{font-size:clamp(28px,3vw,42px);margin-bottom:14px}.case-decisions p{font-size:15px;line-height:1.75}.case-decisions.has-notes{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px;max-width:none}
.analytics-panel{margin:26px 0 34px;padding:24px;background:#2b3431;border:1px solid #5e6b60;border-top:3px solid #d4ec55}.analytics-panel header{display:flex;justify-content:space-between;align-items:center;gap:20px}.analytics-panel h2{margin:0}.analytics-panel select{background:#202924;color:#e6eee0;border:1px solid #657261;padding:7px}.analytics-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.analytics-totals article{padding:18px;background:#202825;border:1px solid #4f5c52}.analytics-totals span{display:block;font:9px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#bdc8b8}.analytics-totals strong{display:block;font-size:34px;color:#d4ec55;margin-top:7px}.analytics-designs{margin:20px 0 0;padding:0;list-style:none}.analytics-designs li{display:grid;grid-template-columns:1fr auto;gap:14px;padding:9px 0;border-top:1px solid #4b574e;color:#dce5da}.analytics-designs small{color:#b9c4b7}
@media(max-width:900px){.case-timeline{grid-template-columns:repeat(2,1fr)}.case-gallery{grid-template-columns:repeat(2,1fr)}.case-overview,.case-decisions,.case-video{gap:32px}.stage-summary{align-items:flex-start}.stage-summary>div:last-child{display:none}}
@media(max-width:760px){body[data-page=home] .intro{padding:18px 20px}.preview-shell{height:430px}.stage-summary{padding:9px 14px}.stage-summary strong{font-size:12px}.case-hero,.case-overview,.case-decisions,.case-video{grid-template-columns:1fr;gap:24px;padding:28px 22px}.case-hero h1{font-size:72px}.case-hero>div:last-child{border-left:0;border-top:1px solid #71806d;padding:22px 0 0}.case-process,.case-feedback{padding:34px 22px}.case-timeline{grid-template-columns:1fr}.case-gallery{grid-template-columns:1fr 1fr}.case-feedback-list,#case-feedback-list{grid-template-columns:1fr}.feedback-editor-list article{grid-template-columns:1fr}.feedback-editor-list textarea{grid-column:auto}.analytics-totals{grid-template-columns:1fr}.detail-story{max-height:13.5em}}
@media(max-width:760px){.monophobia-story-link{grid-template-columns:1fr;gap:24px;padding:26px 22px}.monophobia-story-action{min-height:0;border-left:0;border-top:1px solid #667267;padding:22px 0 0;gap:18px}.case-story{grid-template-columns:1fr;gap:30px;padding:34px 22px}.case-story-lead{max-width:none}.case-story-copy p{font-size:15px}.case-decisions,.case-decisions.has-notes{display:block;margin-top:18px;padding:26px 22px}.case-notes{margin-top:24px}}
