/* Hero art direction. Geometry and choreography retain the approved card interaction. */
.hero{--hero-header:97px;--hero-top-space:40px;--card-height:426px;--stage-height:520px;--ink:#1f1f1f;--muted:#66635d;--green:#1f1f1f;--dark:#383630;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:32px;align-items:start;padding-block:var(--hero-top-space) 46px;min-height:0;color:var(--ink)}
.hero h1{font-family:Inter,Arial,sans-serif;font-size:clamp(38px,3.8vw,55px);font-weight:400;line-height:1.14;letter-spacing:-.045em;margin-bottom:26px;text-wrap:initial}
.hero h1 span{white-space:nowrap}
.hero-copy{min-width:0;align-self:center}
.hero .eyebrow{color:#55524c;font-size:13px;letter-spacing:.12em}
.hero-copy .eyebrow .hero-eyebrow-dir{display:inline-block;color:#6d7862;font-family:Cormorant,Georgia,serif;font-size:2.15em;font-style:italic;font-weight:400;letter-spacing:-.03em;line-height:.8;margin-right:.12em;text-transform:none;vertical-align:baseline}
.hero .small-mark{background:#a9b0a4}
.hero-lead{color:#615e58;font-size:15px;line-height:1.85;max-width:460px}
.hero .text-link{text-decoration-color:#b8b2a8}
.hero .hero-person img{filter:saturate(.65)}
.work-deck{min-width:0;width:100%;max-width:660px;justify-self:center;align-self:start}
.deck-sticky{min-width:0}
.deck-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:5px 2px 21px;font-size:10px;color:var(--muted)}
.deck-count{flex:none;font-size:9px;letter-spacing:.1em;color:#77726a}.deck-count b{font-size:13px;font-weight:500;color:var(--ink);margin-right:4px}
.deck-stage{position:relative;display:grid;gap:22px}
.deck-layer{min-width:0}
.work-card{position:relative;display:flex;flex-direction:column;height:var(--card-height);padding:23px 25px 20px;border:1px solid #e1ddd5;border-radius:12px;background:#f8f6f1;box-shadow:0 2px 4px #403b3309,0 14px 32px #4a423518,0 40px 65px #48403709;overflow:hidden;transition:box-shadow .35s,filter .35s,transform .4s cubic-bezier(.2,.7,.2,1)}
.card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid #d9d5cd}
.card-heading h2{font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:0}
.card-heading>span{font-size:8px;letter-spacing:.1em;color:#716c63;white-space:nowrap}
.card-website{background:#e9e6df;border-color:#dcd7cd}
.card-campaign{background:#efede7;border-color:#ddd8cf}
/* Three original graphics: focus, form, and impulse. All type and paper layers are native SVG. */
.card-art{display:flex;flex:1;align-items:center;justify-content:center;min-height:0;margin:8px -7px 9px}
.card-art svg{width:100%;height:100%;overflow:visible}
.card-art text{fill:#1f1f1f;font-family:Inter,Arial,sans-serif;font-weight:400}
.card-art .art-serif{font-family:Cormorant,Georgia,serif;font-weight:400}
.card-art .art-micro{font-size:7px;letter-spacing:1.1px}
.card-art .art-index{font-size:7px;letter-spacing:1.5px;fill:#746e65}
.card-art .focus-word{font-size:112px;letter-spacing:-5px}
.card-art .focus-word[fill]{fill:#f6f3ee}
.card-art .form-letter{font-size:178px;letter-spacing:-12px}
.card-art .impulse-echo{font-size:90px;letter-spacing:-4px;fill:#6d6b64}
.card-art .impulse-word{font-size:115px;letter-spacing:-5px}
.art-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid #d9d5cd;flex-shrink:0}
.art-caption p{font-family:Inter,Arial,sans-serif;font-size:12px;line-height:1.65;letter-spacing:-.02em;font-weight:400}
.art-caption em{font:inherit;color:#69645d}
.art-caption>span{font-size:8px;line-height:1.8;color:#736d64;text-align:right}
.deck-navigation{margin-top:4px}
.deck-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.deck-buttons button{display:flex;align-items:center;gap:8px;background:transparent;border:0;padding:11px 5px;color:#736e65;font-size:10px;text-align:left;min-height:44px;white-space:nowrap}
.deck-buttons button>span{font-size:8px;color:#80796e}
.deck-buttons button[aria-pressed=true]{color:var(--ink);font-weight:500}
.deck-buttons button[aria-pressed=true]>span{color:var(--ink)}
.deck-buttons button:hover{background:#e6e2d966;border-radius:3px}
.deck-progress{height:2px;background:#dfdbd3;margin-top:2px;overflow:hidden}
.deck-progress>span{display:block;transform-origin:left;width:100%;height:100%;background:#969e8f;transform:scaleX(var(--deck-progress,.04))}
.deck-description{color:var(--muted);font-size:11px;line-height:1.75;min-height:39px;margin-top:15px;max-width:460px}
.deck-scroll-cue{display:flex;align-items:center;gap:9px;font-size:8px;color:#777168;margin-top:12px}
.deck-scroll-cue>span:last-child{margin-left:auto;font-size:17px}
.scroll-track{height:18px;width:11px;border:1px solid #b8b2a8;border-radius:6px;display:flex;justify-content:center;padding-top:4px}
.scroll-track i{height:4px;width:2px;border-radius:1px;background:#8d9486;transform:translateY(calc(var(--deck-progress,0)*5px))}
/* Enhancement is scoped: without JavaScript the three articles stay in flow. */
.hero.is-enhanced{min-height:calc(100svh + 660px)}
.hero.is-enhanced .hero-copy{position:sticky;top:calc(var(--hero-header) + 149px);align-self:start}
.hero.is-enhanced .work-deck{align-self:stretch}
.hero.is-enhanced .deck-sticky{position:sticky;top:calc(var(--hero-header) + var(--hero-top-space))}
.hero.is-enhanced .deck-stage{display:block;height:var(--stage-height)}
.hero.is-enhanced .deck-layer{position:absolute;top:0;left:7%;width:86%;height:var(--card-height);will-change:transform;transform-origin:50% 50%}
.hero.is-enhanced:not(.is-entered) .work-card{opacity:0;transform:translateY(22px)}
.hero.is-entered .work-card{animation:deck-arrive .85s cubic-bezier(.18,.7,.22,1) backwards;animation-delay:var(--entry-delay,0ms)}
.hero.is-enhanced .deck-layer.is-current .work-card:hover{transform:translateY(-5px);box-shadow:0 3px 6px #403b330b,0 22px 42px #4a423524,0 44px 70px #48403711}
@keyframes deck-arrive{from{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.hero.is-motionless{min-height:0}.hero.is-motionless .hero-copy,.hero.is-motionless .deck-sticky{position:static}.hero.is-motionless .work-deck{height:auto}.hero.is-motionless .deck-scroll-cue{display:none}.hero.is-motionless .work-card{animation:none;transition:none}
@media(min-width:1440px){.hero{gap:36px}}
@media(min-width:901px) and (max-width:1100px){
 .hero{--hero-header:87px;--hero-top-space:30px;--card-height:382px;--stage-height:472px;gap:25px;padding-block:var(--hero-top-space) 36px}.hero h1{font-size:clamp(33px,3.8vw,42px)}.hero.is-enhanced .hero-copy{top:calc(var(--hero-header) + 132px)}.work-card{padding:18px 19px}.card-heading{gap:10px;padding-bottom:14px}.card-heading h2{font-size:11px}.card-heading>span{font-size:6.5px}.art-caption p{font-size:10px}.art-caption>span{font-size:7px}.deck-description{font-size:10px}
}
@media(max-width:900px){
 .hero{--hero-header:87px;--hero-top-space:43px;display:block;padding-block:var(--hero-top-space) 26px}.hero.is-enhanced{min-height:0}.hero-copy{max-width:620px}.hero.is-enhanced .hero-copy{position:static}.hero h1{font-size:clamp(43px,6.5vw,58px)}.hero-lead{max-width:525px;font-size:15px}.work-deck{margin:43px auto 0;max-width:620px}.hero.is-enhanced .work-deck{height:calc(var(--stage-height) + 560px)}.hero.is-enhanced .deck-sticky{top:calc(var(--hero-header) + var(--hero-top-space))}.hero.is-motionless .work-deck{height:auto}
}
@media(max-width:700px){
 .hero{--hero-header:87px;--hero-top-space:42px;--card-height:345px;--stage-height:417px;padding-block:var(--hero-top-space) 24px}.hero .eyebrow{font-size:10.5px}.hero h1{font-size:clamp(31px,8.6vw,48px);line-height:1.16;margin-bottom:23px}.hero-lead{font-size:14px}.work-deck{margin-top:36px;max-width:430px}.hero.is-enhanced .work-deck{height:calc(var(--stage-height) + 1500px)}.hero.is-enhanced .deck-layer{left:4%;width:92%}.deck-topline{font-size:8px;gap:10px;padding-bottom:22px}.deck-count{font-size:8px}.deck-count b{font-size:11px}.work-card{padding:17px 18px 16px;border-radius:9px}.card-heading{gap:8px;padding-bottom:13px}.card-heading h2{font-size:11px}.card-heading>span{font-size:6px;letter-spacing:.07em}.card-art{margin:5px -9px 8px}.art-caption{padding-top:12px;gap:8px}.art-caption p{font-size:10px}.art-caption>span{font-size:6.5px}.deck-buttons{gap:4px}.deck-buttons button{font-size:10px;gap:6px;padding-inline:3px}.deck-buttons button>span{font-size:7px}.deck-description{font-size:11px;min-height:40px;margin-top:13px}.deck-scroll-cue{font-size:8px;margin-top:8px}
}
@media(max-width:370px){
 .hero{--card-height:327px;--stage-height:392px}.work-card{padding:15px 14px}.card-heading h2{font-size:10px}.card-heading>span{font-size:5.5px}.art-caption p{font-size:8.5px}.art-caption>span{font-size:6px}.deck-buttons button{font-size:9px;gap:5px}.deck-topline{font-size:7px}.deck-description{font-size:10px}.deck-scroll-cue{font-size:7px}
}
@media(min-width:701px) and (max-height:820px){
 .hero{--card-height:350px;--stage-height:420px}.hero.is-enhanced .hero-copy{top:calc(var(--hero-header) + 36px)}.deck-topline{padding-bottom:16px}.work-card{padding-block:16px}.art-caption{padding-top:10px}.art-caption p{font-size:11px}.art-caption>span{font-size:7px}.deck-description{min-height:34px;margin-top:11px}.deck-scroll-cue{margin-top:6px}
}
@media(max-width:700px) and (max-height:700px){
 .hero{--card-height:294px;--stage-height:352px}.work-card{padding-block:13px}.art-caption{padding-top:9px}.deck-topline{padding-bottom:17px}.deck-description{font-size:10px;min-height:33px;margin-top:10px}.deck-scroll-cue{margin-top:5px}
}
@media(prefers-reduced-motion:reduce){.hero .work-card{animation:none!important;transition:none!important}.hero.is-enhanced .deck-layer.is-current .work-card:hover{transform:none}}