/* Her Frontier-inspired editorial direction, using the portfolio pink. */
:root{--pink:#fa43b0;--pink-soft:#fff0f8;--ink:#242438;--muted:#686879}
body{background:#fcfbfc;color:var(--ink)}
body>header,.redesigned-case header{background:#fcfbfc;border-bottom:1px solid #efeff2;padding-top:18px;padding-bottom:18px}
header nav a{font-size:.875rem;font-weight:600}
header nav[aria-label="Main"] a{display:inline-flex;align-items:center;min-height:44px;background:var(--ink);color:#fff;border-radius:999px;padding:12px 24px;transition:background .2s,color .2s}
header nav[aria-label="Main"] a:hover{background:var(--pink);color:var(--ink)}
a:focus-visible{outline-color:var(--pink)}
main>.hero{position:relative;text-align:center;padding:88px 64px 64px;background:radial-gradient(ellipse at 0% 10%,#fa43b024,transparent 42%),radial-gradient(ellipse at 100% 80%,#fa43b01c,transparent 42%)}
main>.hero h1{font-weight:700;max-width:1120px;margin:0 auto 32px;letter-spacing:-.055em}
main>.hero h1 span{color:#c42d86;font-weight:600}
.hero-bottom{flex-direction:column;align-items:center;gap:24px}
.hero-bottom p{max-width:720px;margin:auto}
.contacts{justify-content:center}.contacts .social-link{border-radius:50%;transition:background .2s,color .2s}
.contacts .social-link:hover{background:#fa43b014}
.expertise{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:28px auto 0;color:var(--muted)}
.expertise i{margin:0 8px}
.section-label{padding:28px 0;font-weight:600;letter-spacing:.1em}
.feature,.speak-group-card,.guitar,.project-image{border-radius:28px}
.speak-group-card{background:linear-gradient(120deg,#E6EEFF 0%,#EAF3E9 100%);border:1px solid #DEE8E9}
.speak-group-copy{padding:56px 40px}
.speak-group-copy h2,.speak-group-copy h1{letter-spacing:-.045em}
.case-link{border:1px solid #242438;border-radius:999px;padding:12px 22px;gap:24px;min-height:44px;transition:background .2s,border-color .2s,color .2s}
.case-link:hover{border-color:var(--pink);background:var(--pink);color:var(--ink)}
.guitar .case-link{border-color:#ffffff80}.guitar .case-link:hover{border-color:var(--pink)}
.upcoming{padding:32px 8px}
.project-caption>a{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #efeff2;border-radius:50%}
.project-caption>a:hover{background:var(--pink-soft)}
footer,.redesigned-case footer{background:radial-gradient(ellipse at 50% 100%,#fa43b024,transparent 70%);text-align:center;padding-top:80px;padding-bottom:36px}
footer>.eyebrow{color:var(--muted);letter-spacing:.08em}
.footer-title{font-weight:600;max-width:900px;margin:24px auto 48px}
.footer-row{text-align:left;align-items:center}
.redesigned-case .page-hero{background:radial-gradient(ellipse at 95% 5%,#fa43b01f,transparent 65%);border-radius:28px;padding:48px 0}
.redesigned-case .page-hero-copy h1{font-weight:700;letter-spacing:-.055em}
.redesigned-case .page-kicker{display:inline-block;border:1px solid #fa43b035;border-radius:999px;padding:6px 12px}
.redesigned-case .story-card,.redesigned-case .metric-card,.redesigned-case .speaking-block{background:#f3f1f4}
.redesigned-case .story-section{margin-top:24px}
.redesigned-case .page-hero-media img{box-shadow:0 20px 50px #2424380c}
.unified-case .speak-group-card{margin:40px}
@media(max-width:900px){main>.hero{padding:64px 24px 48px}.speak-group-copy{padding:36px 28px}.unified-case .speak-group-card{margin:24px}.footer-row{flex-wrap:wrap;justify-content:center;text-align:center}}
@media(max-width:600px){main>.hero{padding:48px 20px 40px}main>.hero h1{font-size:2.5rem;letter-spacing:-.045em}.hero-bottom{gap:20px}.expertise{display:block;line-height:2}.expertise i{margin:0 6px}.speak-group-copy{padding:28px 24px}.feature,.speak-group-card,.guitar,.project-image{border-radius:20px}.case-link{padding:10px 18px}.footer-row{align-items:center}.redesigned-case .page-hero{padding:28px 0}.unified-case .speak-group-card{margin:20px}}
@media(prefers-reduced-motion:reduce){.case-link,.contacts .social-link,header nav[aria-label="Main"] a{transition:none}}

/* Underlined project links inside cards. */
.case-link{border:0;border-bottom:1px solid currentColor;border-radius:0;padding:12px 0;min-height:44px;background:transparent}
.case-link:hover{background:transparent;color:var(--pink);border-color:currentColor}
.guitar .case-link{border-color:currentColor}
.guitar .case-link:hover{border-color:var(--pink)}

/* Full-width case previews with the same copy/media rhythm as Alfa and UG. */
.project-feature{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;border-radius:28px;overflow:hidden;margin:32px 0;background:#efeff2}
.project-feature-copy{padding:48px 40px;min-width:0}
.project-feature-copy>p{max-width:400px;color:var(--muted)}
.project-feature-media{display:block;min-width:0;overflow:hidden}
.project-feature-media img{display:block;width:100%;height:auto;transition:transform .3s}
.project-feature-media:hover img{transform:scale(1.025)}
.project-feature-ivi{background:#25252f;color:#fff}
.project-feature-ivi .project-feature-copy>p,.project-feature-ivi .metrics span{color:#c4c4cd}
@media(max-width:900px){.project-feature-copy{padding:32px 24px}.project-feature .metrics{gap:24px}}
@media(max-width:600px){.project-feature{grid-template-columns:1fr;border-radius:20px;margin:24px 0}.project-feature-copy{padding:28px 24px}}
@media(prefers-reduced-motion:reduce){.project-feature-media img{transition:none}}

/* Signature linking every page back to the portfolio home. */
header .portfolio-wordmark{font-family:Manrope,Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:-.04em;line-height:1.2;white-space:nowrap;margin-left:0}
header .portfolio-wordmark span{color:var(--ink)}
header .portfolio-wordmark:hover,header .portfolio-wordmark:hover span{color:var(--pink)}
header .project-nav{flex:1 1 520px}
@media(max-width:600px){header .portfolio-wordmark{font-size:.875rem}header .project-nav{flex-basis:100%}}