@import url("/assets/forgepoint/site-v3.css");

.hero{grid-template-columns:minmax(430px,.72fr) minmax(520px,1.28fr);gap:clamp(42px,5vw,76px);min-height:calc(100svh - 72px);padding-block:52px 64px}
.hero h1{font-size:clamp(4.3rem,6.8vw,6.7rem)}
.hero-copy{position:relative;z-index:2}
.hero-visual{position:relative;display:block;overflow:hidden;background:#1d211f;text-decoration:none;box-shadow:18px 18px 0 #e6e1d7}
.hero-visual>img{width:100%;height:auto;aspect-ratio:1365/900;display:block;object-fit:cover;transition:transform .45s ease}
.hero-visual>span{display:grid;grid-template-columns:1fr auto;align-items:end;gap:3px 20px;padding:20px 22px;color:#fff}
.hero-visual small{grid-column:1/-1;color:#efaa88;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.hero-visual strong{font-size:1.35rem;letter-spacing:-.03em}.hero-visual b{font-size:.72rem}
.hero-visual:hover>img{transform:scale(1.018)}

.work-section{padding-top:110px}.section-head{grid-template-columns:.25fr 1.75fr}.work-card{min-height:500px}
.work-card.flagship{grid-column:1/-1;min-height:510px}.work-card.flagship>span{padding:32px}.work-card.flagship strong{font-size:clamp(2.4rem,4.5vw,4rem)}
.contact-section{scroll-margin-top:72px;padding:104px 0 112px;border-top:1px solid var(--line);background:var(--paper)}
.contact-grid{display:grid;grid-template-columns:1fr minmax(380px,.72fr);gap:80px;align-items:start}
.contact-copy{position:sticky;top:130px}.contact-copy h2{margin:13px 0 0;font-size:clamp(4rem,7vw,7rem);line-height:.84;letter-spacing:-.075em}.contact-copy>p:nth-of-type(2){margin:27px 0 0;color:var(--muted)}
.contact-copy>div{display:grid;gap:5px;margin-top:40px}.contact-copy>div a{width:max-content;color:#555751;font-size:.8rem;text-decoration:none}
.contact-section .quote-card{box-shadow:12px 12px 0 var(--paper-2)}

@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:52px}.hero-copy{max-width:760px}.hero-visual{max-width:820px}.contact-grid{grid-template-columns:1fr}.contact-copy{position:static}.contact-section .quote-card{max-width:640px}}
@media(max-width:580px){.hero{gap:40px;padding-block:52px 68px}.hero h1{font-size:clamp(3.8rem,17.5vw,5rem)}.hero-visual{margin-inline:-14px;box-shadow:none}.hero-visual>span{padding:17px 15px}.hero-visual strong{font-size:1.05rem}.section-head{grid-template-columns:1fr}.work-section{padding-top:76px}.contact-section{padding:76px 0 84px}.contact-copy h2{font-size:clamp(3.8rem,17vw,5rem)}.contact-copy>div{margin-top:27px}.work-card.flagship{min-height:430px}.work-card.flagship>span{padding:20px}.work-card.flagship strong{font-size:2.1rem}}

/* Mobile contacts stay clear of the persistent action dock, and the header gets out of the way after intent is established. */
.topbar .nav{transition:min-height .2s ease}.topbar.is-compact .nav{min-height:58px}.topbar.is-compact .brand-mark{width:21px;height:21px}.topbar.is-compact .call-link{padding-block:8px}
@media(max-width:580px){body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.mobile-actions{bottom:max(7px,env(safe-area-inset-bottom))}.topbar.is-compact .nav{min-height:50px}.topbar.is-compact .brand{font-size:.69rem}.topbar.is-compact .nav-links .call-link{padding:6px 8px;font-size:.64rem}}