.scratch-hero-home.character-story-home{height:100svh;min-height:520px;max-height:none;background:#fff}
.premium-portfolio .folio-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;padding-block:5rem;align-items:center}
.premium-portfolio .folio-intro h1{font-size:clamp(2.1rem,4vw,3.7rem);max-width:14ch;line-height:1.05;letter-spacing:-.035em;margin:1rem 0 0}
.premium-portfolio .folio-intro .premium-positioning{font-size:1.0625rem;font-weight:400;line-height:1.8}
.premium-featured{display:grid;grid-template-columns:1.3fr 1fr;gap:0;background:#1b1b1f;color:#fbf8f4;margin-block:2.5rem 4rem}
.premium-featured-image{position:relative;overflow:hidden;display:block;min-height:470px}
.premium-featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.2,1)}
.premium-featured-image:hover img{transform:scale(1.025)}
.premium-image-caption{position:absolute;bottom:1rem;left:1rem;background:#fbf8f4;color:#1b1b1f;padding:.55rem .8rem;font-size:.8125rem}
.premium-featured-copy{padding:clamp(1.75rem,4vw,4rem);align-self:center}
.premium-featured .folio-overline{color:#c8ff2e;font-size:.8125rem;line-height:1.7}
.premium-featured h3{font:400 clamp(2.3rem,4vw,4rem)/1.02 var(--font-display);letter-spacing:-.035em;margin:1.5rem 0}
.premium-featured-copy p{color:#e3ded7;font-size:1rem;line-height:1.8}
.premium-featured-copy .premium-project-statement{font-size:1.2rem;color:#fff;line-height:1.5}
.premium-featured .folio-link{color:#c8ff2e;border-color:#6b7b42;margin-top:1.5rem}
.premium-role{font-size:.9375rem!important;line-height:1.7;color:#55504b}
.premium-more{font:500 1rem var(--font-body);margin-bottom:1.5rem}
.premium-previews{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.premium-previews img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}
.premium-previews .folio-overline{font-size:.8125rem;line-height:1.7;margin-top:1.5rem}
.premium-previews h3{font:400 clamp(1.9rem,3vw,2.8rem)/1.1 var(--font-display);margin:1rem 0}
.premium-previews h3 a{text-decoration:none;color:inherit}
.premium-previews p{font-size:1rem;max-width:50ch;line-height:1.75}
.premium-previews .folio-link{font-size:.9375rem}
.premium-library{display:grid!important;grid-template-columns:1fr 1fr;gap:8%;padding-block:5rem}
.premium-library h2{font-size:clamp(2.5rem,4vw,4rem)!important;line-height:1.08;max-width:16ch}
.premium-library p{font-size:1.0625rem;line-height:1.8}
.premium-process{list-style:none;padding:0;margin:2rem 0;display:flex;flex-wrap:wrap;gap:1.5rem}
.premium-process li{font-size:.9375rem}.premium-process span{display:block;font-family:var(--font-mono);font-size:.75rem;margin-bottom:.5rem}
.premium-case{background:#fbf8f4;color:#1b1b1f;padding-block:2rem 0}
.premium-breadcrumb{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.875rem;margin:1rem 0 3rem;color:#55504b}
.premium-breadcrumb a{color:inherit}.premium-case-head{max-width:960px;margin-bottom:3rem}
.premium-case h1{font:400 clamp(3rem,7vw,7rem)/1 var(--font-display);letter-spacing:-.045em;margin:1.5rem 0}
.premium-case .premium-deck{font-size:clamp(1.2rem,2vw,1.6rem);max-width:42ch;line-height:1.6}
.premium-case-cover{width:100%;max-height:670px;overflow:hidden;background:#ede7de}.premium-case-cover img{width:100%;height:auto;display:block}
.premium-problem{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-block:5rem;border-bottom:1px solid #d4cec5}
.premium-case h2{font:400 clamp(2.2rem,4vw,3.8rem)/1.08 var(--font-display);letter-spacing:-.025em;margin:1rem 0 1.5rem}
.premium-case p,.premium-case li{font-size:1rem;line-height:1.8}.premium-case summary{cursor:pointer;font-size:.9375rem;padding:1rem 0}.premium-case li{margin-bottom:.5rem}
.premium-prototype{padding-block:5rem}.premium-prototype>header{display:flex;gap:2rem;align-items:start;justify-content:space-between}.premium-prototype>header p{max-width:65ch}
.premium-notes-toggle{border:1px solid #1b1b1f;background:#fbf8f4;color:#1b1b1f;cursor:pointer;padding:.9rem 1.2rem;font:500 .9375rem var(--font-body);flex-shrink:0}
.premium-notes-toggle[aria-expanded=true]{background:#c8ff2e}
.premium-prototype-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;margin-top:2rem;align-items:start}
.premium-prototype .case-play{background:white;padding:1.5rem;border:1px solid #d4cec5;box-shadow:none;border-radius:0;max-width:none;width:100%;color:#1b1b1f}
.premium-prototype .case-play summary{display:flex;justify-content:space-between;font-weight:500}.premium-prototype .case-play h5{font-size:1.25rem}
.premium-live-brief{padding:2rem;background:#ede7de;min-height:270px}.premium-live-brief h3{font:400 2rem var(--font-display)}
.premium-live-brief ul{list-style:none;padding:0}.premium-live-brief li{display:flex;gap:1rem;border-bottom:1px solid #d3cec6;padding:.65rem 0}.premium-live-brief li span{font:400 .8125rem var(--font-mono);padding-top:.35rem}
.premium-live-palette{display:flex;gap:.5rem;margin-top:1.5rem}.premium-live-palette span{height:24px;flex:1;border:1px solid #1b1b1f20}
.premium-decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;background:#1b1b1f;color:#fbf8f4;padding:2rem;margin-top:2rem}
.premium-decisions[hidden]{display:none}.premium-decisions h3{font:400 1.65rem var(--font-display);margin:.75rem 0}.premium-number{font:400 .875rem var(--font-mono);color:#c8ff2e}
.premium-decisions .premium-tradeoff{color:#d9d2c8;font-size:.9375rem}.premium-tradeoff b{display:block;font-weight:500;color:#c8ff2e}
.premium-evidence{font-size:.9375rem!important;color:#55504b;max-width:80ch;margin-top:1.5rem}
.premium-comparison{padding-block:3rem 5rem;border-top:1px solid #d4cec5}.premium-comparison>div{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}
.premium-comparison article{background:#ede7de;padding:2rem}.premium-comparison article+article{background:#e8f4cf;border-top:4px solid #c8ff2e}
.premium-comparison article>span{font:500 .8125rem var(--font-mono)}.premium-comparison h3{font:400 clamp(1.8rem,3vw,2.7rem)/1.1 var(--font-display);margin:1.5rem 0}
.premium-comparison small{display:block;font-size:.9375rem;line-height:1.7;margin-top:2rem;color:#55504b}
.premium-comparison .premium-sample-cta{display:inline-block;font:500 .9375rem var(--font-body);padding:.9rem 1.2rem;background:#1b1b1f;color:#fff;border:0;margin:1rem 0 0}.premium-comparison button{cursor:pointer}
.premium-project-cta{border-top:1px solid #d4cec5;padding-block:4rem 5rem}.premium-project-cta h2{max-width:21ch}.premium-project-cta p{max-width:66ch}.premium-project-cta .folio-link{margin-inline-start:1.5rem}
@media(max-width:900px){.premium-featured{grid-template-columns:1fr}.premium-featured-image{min-height:0;aspect-ratio:1.5}.premium-decisions{grid-template-columns:1fr}.premium-prototype>header{display:block}.premium-notes-toggle{margin-top:1rem}.premium-featured h3{max-width:14ch}}
@media(max-width:700px){.premium-portfolio .folio-intro,.premium-library,.premium-problem,.premium-prototype-grid,.premium-comparison>div,.premium-previews{grid-template-columns:1fr;gap:2rem}.premium-library{padding-block:3rem}.premium-portfolio .folio-intro{padding-block:3rem}.premium-case h1{font-size:clamp(2.5rem,11vw,4rem)}.premium-problem{padding-block:3rem}.premium-prototype{padding-block:3rem}.premium-project-cta .folio-link{display:table;margin:1.5rem 0 0}.premium-featured-copy{padding:1.5rem}.premium-case p,.premium-case li{overflow-wrap:anywhere}.premium-breadcrumb{margin-bottom:2rem}}
@media(prefers-reduced-motion:reduce){.premium-featured-image img{transition:none}.premium-featured-image:hover img{transform:none}}