/* Original editorial openings use actual public work, not invented client proof. */
.editorial-opening{padding:clamp(126px,13vw,190px) 0 90px;background:#0b0c0d;color:#f3f0e8;overflow:hidden}
.editorial-overline{font:500 .68rem/1.4 'Geist Mono',monospace;text-transform:uppercase;letter-spacing:.17em;color:#d98a1d;margin:0 0 42px;display:flex;align-items:center;gap:14px}
.editorial-overline::before{content:'';width:34px;height:1px;background:currentColor}
.editorial-heading{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.8fr);gap:5vw;align-items:end;margin-bottom:64px}
.editorial-heading h1{font-size:clamp(3.25rem,6.7vw,7rem);font-weight:500;line-height:.99;letter-spacing:-.065em;margin:0;max-width:100%}
.editorial-heading h1 em{color:#d98a1d;font-style:normal}
.editorial-heading p{font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.65;color:#b9b8b2;margin:0 0 23px}
.editorial-heading .textlink{color:#f3f0e8;display:inline-flex;gap:30px;align-items:center;padding:12px 0;border-bottom:1px solid #55534e}
.proof-contact-sheet{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:22px;align-items:center}
.proof-cover{display:block;min-width:0;color:#f3f0e8;text-decoration:none}
.proof-cover img{display:block;width:100%;height:auto;border:1px solid #343534;box-shadow:0 24px 64px #0005;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s}
.proof-cover:hover img{transform:translateY(-5px);filter:brightness(1.08)}
.proof-cover span{display:block;font:500 .65rem/1.5 'Geist Mono',monospace;letter-spacing:.06em;padding:15px 0;color:#bbb9b0}
.proof-cover-stack{display:grid;gap:25px;transform:translateY(20px)}
.about-opening{padding-bottom:0}
.about-disciplines{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;border-top:1px solid #393a36;padding:28px 0;font-size:.8rem;letter-spacing:.03em;color:#bab9b1}
.about-opening+.sec{border-top:1px solid #393a36}
@media(min-width:1600px){.editorial-heading h1{font-size:7rem}}
@media(max-width:900px){.editorial-heading{grid-template-columns:1fr;gap:30px}.editorial-heading>div{max-width:560px}.editorial-heading h1{font-size:clamp(3rem,8vw,5.4rem)}.proof-contact-sheet{gap:16px}}
@media(max-width:600px){.editorial-opening{padding-top:110px;padding-bottom:56px}.editorial-overline{margin-bottom:30px;font-size:.6rem}.editorial-heading{margin-bottom:40px;gap:26px}.editorial-heading h1{font-size:clamp(2.8rem,11.7vw,4rem);line-height:1.03;letter-spacing:-.055em}.proof-contact-sheet{grid-template-columns:1fr;gap:22px}.proof-cover-stack{grid-template-columns:1fr 1fr;gap:12px;transform:none}.proof-cover span{font-size:.55rem;letter-spacing:0;padding:10px 0}.proof-cover-stack img{box-shadow:none}.about-opening{padding-bottom:0}.about-disciplines{display:grid;grid-template-columns:1fr 1fr;font-size:.7rem;padding:22px 0}}
@media(prefers-reduced-motion:reduce){.proof-cover img{transition:none}.proof-cover:hover img{transform:none}}
html[data-motion=off] .proof-cover img{transition:none}
/* On action pages, the task itself earns the space otherwise used for art. */
.op-experience:not(.home) .action-hero{padding-block:130px 60px;min-height:0}
.op-experience:not(.home) .action-hero .page-hero-grid{align-items:start;gap:5vw}
.op-experience:not(.home) .action-hero .solution-hero-note{border:0;padding:0;margin:0}
.op-experience:not(.home) .action-hero .cta-card{padding:30px;border:1px solid #d98a1d66;background:#141411}
.op-experience:not(.home) .action-hero .cta-card small{display:block;font-size:.78rem;line-height:1.6;margin-top:15px;color:#b9b8b2}
.op-experience:not(.home) .action-hero .cta-card dl{margin:25px 0 0;padding-top:22px;border-top:1px solid #ffffff25}
.op-experience:not(.home) .action-hero .cta-card dt{font-size:.63rem;text-transform:uppercase;letter-spacing:.1em;color:#d98a1d;margin-top:15px}
.op-experience:not(.home) .action-hero .cta-card dd{margin:5px 0 0;font-size:1rem}
.op-experience:not(.home) .action-hero-single .page-hero-grid{grid-template-columns:1fr;max-width:1000px}
.op-experience:not(.home) .action-hero-single h1{max-width:15ch}
.op-experience:not(.home) .action-hero-single .lead{max-width:760px}
@media(max-width:760px){.op-experience:not(.home) .action-hero{padding:100px 0 32px}.op-experience:not(.home) .action-hero .page-hero-grid{gap:28px}.op-experience:not(.home) .action-hero h1{font-size:clamp(2.5rem,10.5vw,4rem)}.op-experience:not(.home) .action-hero .cta-card{padding:22px}.op-experience:not(.home) .action-hero .lead{font-size:1rem}.op-experience:not(.home) .action-hero .crumbs{margin-bottom:18px}}