/* Compact, evidence-first portfolio. Original brand media stays unchanged. */
.hero{min-height:500px;grid-template-columns:57.5% 42.5%}
.hero-copy{padding-top:44px;padding-bottom:44px}
.hero h1{font-size:clamp(68px,7.6vw,118px)}
.hero-copy p{font-size:clamp(20px,1.8vw,28px);line-height:1.4;margin:25px 0 30px}
.hero-evidence{background:var(--accent-surface);padding:36px;display:flex;flex-direction:column;justify-content:center;gap:24px;border-left:1px solid var(--accent-border)}
.hero-evidence>a{display:block;padding:20px 0 0;border-top:1px solid var(--accent-border)}
.hero-evidence>a>span{font-size:14px;color:var(--accent-muted);display:block}
.hero-evidence strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:clamp(26px,2.7vw,39px);line-height:1.2;letter-spacing:-.03em;margin:9px 0 13px}
.hero-evidence .evidence-cta{font-size:14px;color:var(--accent-ink);text-decoration:underline;text-underline-offset:5px}
.hero-evidence a:hover .evidence-cta{text-decoration-thickness:2px}
.section{padding-top:72px;padding-bottom:72px}
.explorer{min-height:0}
.project-ownership{color:#4e4348}
.project-work p,.principle p,.proof-heading p,.proof-reading dd{color:#4f5159}
.project-work h4{font-size:15px}
.case-panel>.case-outcome{font-size:16px;line-height:1.6;margin:22px 0}
.work-foot{font-size:13px;line-height:1.65;max-width:850px;color:#4f5159}
.source-line,.source-line .text-link,.caption,.feed-study figcaption{font-size:13px;color:#4f5159}
.section-top p,.tabs button,.tabs span{color:#55525b}
.case-role>.label{font-size:12px;letter-spacing:.06em}
.text-proof{padding:24px;margin:26px 0;background:#f8eef1;border:1px solid var(--accent-border);scroll-margin-top:100px}
.text-proof h4{font:400 29px/1.2 Georgia,serif;letter-spacing:-.025em;margin:12px 0}
.text-proof blockquote{font:400 23px/1.5 Georgia,serif;margin:20px 0;color:#30282b}
.text-proof p{font-size:14px;line-height:1.65;color:#4e4348}
.text-proof .text-link{font-size:14px;margin-top:20px}
.work-proof-link{font-size:14px;margin:0 0 8px}
.case-result-metric .metric-disclosure,.case-result-metric .metric-context{font-size:13px;color:#57464d}
.social-metric .metric-main h4{max-width:350px}
.social-project .compact-work>.text-link{display:flex;width:fit-content;margin-top:20px}
.proof-heading>.label{font-size:12px}
.proof-reading dl>div{display:grid;grid-template-columns:115px 1fr;gap:10px;padding:10px 0}
.proof-reading dd{margin:0}
.proof-reading>.text-link,.proof-layout figcaption,.proof-image-button>span{font-size:13px}
.proof-switch button{font-size:13px;min-height:44px}
.proof-takeaway{font-size:14px;line-height:1.6}
.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.channel-card{display:flex;flex-direction:column;border-top:2px solid var(--accent-border);padding:22px 0;min-width:0}
.channel-card .label{font-size:12px;color:#57464d}
.channel-card h3{font:400 32px/1.25 Georgia,serif;margin:12px 0 16px}
.channel-card p{font-size:15px;line-height:1.7;margin:0 0 20px;color:#4f5159}
.channel-card .text-link{font-size:14px;margin-top:auto;align-self:flex-start}
.additional-channels{max-width:none;margin-top:10px}
.additional-channels summary{min-height:30px}
.workshop h2{font-size:clamp(38px,4.5vw,68px)}
.method{padding-top:38px}
.method li>span{font-size:14px;color:#30282b;font-weight:700}
.method li p{font-size:14px;color:#4e4348}
.contact-invite{font-weight:500}
@media(max-width:1000px) and (min-width:701px){.hero h1{font-size:8.2vw}.hero-evidence{padding:25px}.proof-layout{grid-template-columns:1fr}.proof-reading dl>div{grid-template-columns:115px 1fr}.channel-grid{gap:18px}}
@media(max-width:700px){
 .hero{grid-template-columns:1fr;min-height:auto}.hero h1{font-size:16vw}.hero-copy{padding:36px 5%}.hero-copy p{font-size:21px;margin:22px 0}.hero-evidence{padding:24px 5%;gap:15px;border-left:0;border-top:1px solid var(--accent-border)}.hero-evidence strong{font-size:27px}.hero-evidence>a{padding-top:14px}.section{padding-top:44px;padding-bottom:44px}
 nav{gap:13px}nav a{font-size:12px;min-height:44px}.wordmark{font-size:25px}
 .channel-grid{grid-template-columns:1fr;gap:0}.channel-card{padding:19px 0}.channel-card h3{font-size:28px;margin:8px 0}.channel-card p{margin-bottom:12px}
 .text-proof{padding:20px;scroll-margin-top:80px}.text-proof h4{font-size:27px}.text-proof blockquote{font-size:22px}.proof-reading dl>div{grid-template-columns:1fr;gap:3px}.proof-layout{gap:18px}.proof-reading{grid-row:auto}.cin-proof{padding:18px}.proof-switch{gap:5px}.proof-switch button{font-size:12px}
 .case-role>.label{font-size:11px}.metric-main h4{font-size:23px}.case-result-metric .metric-context{font-size:13px}.source-line{align-items:flex-start;gap:14px}.source-line .text-link{font-size:13px}.work-foot{font-size:13px}.workshop-examples>summary{font-size:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.case-panel{animation:none}.button{transition:none}}

/* Restore the original quiet, typographic introduction. */
.hero{min-height:min(820px,calc(100svh - 180px))}
.hero-copy{padding:clamp(55px,6.5vw,105px) 3.5vw 65px 3vw}
.hero h1{font-size:clamp(75px,8.9vw,155px)}
.hero-copy p{font-size:clamp(22px,2.65vw,42px);line-height:1.27;margin:40px 0 48px}
.hero-type{background:#f3f4f6;border-color:#c6c8cf}
.hero-type strong{color:transparent;-webkit-text-stroke:1px #30282b}
.hero-type>div:hover strong{color:#925568;-webkit-text-stroke-color:#925568}
.hero-type span{color:#57464d}.hero-type span:after{background:#c6c8cf}
.work-proof-links{display:flex;flex-wrap:wrap;gap:16px 28px;margin:0 0 22px}
.shop-proof-item{margin-top:22px;padding-top:18px;border-top:1px solid var(--accent-border)}
.shop-proof-item blockquote{font-size:22px;margin:12px 0}
.shop-proof-item mark{background:#ead5db;color:#30282b;padding:0 3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.shop-proof-item .text-link{margin-top:12px;font-size:12px}
.shop-proof-result{border-top:1px solid var(--accent-border);padding-top:16px;margin-top:22px}
@media(max-width:700px){.hero{min-height:auto}.hero-copy{padding:40px 5%}.hero h1{font-size:15.2vw}.hero-copy p{font-size:24px;margin:28px 0 30px}.hero-type{padding:20px 5%;gap:12px}.hero-type strong{font-size:7.6vw}.shop-proof-item blockquote{font-size:21px}.work-proof-links{gap:12px 20px}}
@media(prefers-reduced-motion:reduce){.hero-type strong{transition:none}}

/* Modern typography below the original hero; shorter reading paths. */
.section h2,.case-detail h3,.case-select strong,.text-proof h4,
.text-proof blockquote,.proof-heading h4,.proof-reading blockquote,.channel-card h3{
 font-family:Manrope,Arial,sans-serif;letter-spacing:-.035em
}
.section h2{font-size:clamp(32px,3.8vw,56px);font-weight:650;line-height:1.15}
.case-detail h3{font-size:clamp(27px,2.7vw,38px);font-weight:600;line-height:1.2}
.case-select strong{font-size:21px;font-weight:600}
.text-proof h4,.proof-heading h4{font-size:26px;font-weight:600;line-height:1.3}
.text-proof blockquote,.proof-reading blockquote{font-size:20px;font-weight:500;line-height:1.55;letter-spacing:-.02em}
.channel-card h3{font-size:27px;font-weight:600}
.section{padding-top:56px;padding-bottom:56px}.section-top{margin-bottom:28px}
.method{display:block;padding-top:28px}.method ol{gap:32px}
.about{gap:48px}.about-text>p{line-height:1.7}.contact-link{margin-top:18px}
.project-geo .geo-result{margin-top:10px;font-size:13px;color:var(--accent-ink)}
@media(max-width:700px){.section{padding-top:36px;padding-bottom:36px}.case-select strong{font-size:18px}.text-proof h4,.proof-heading h4{font-size:23px}.section h2{font-size:34px}.method ol{gap:20px}.about{gap:24px}}