/* Time to Hire: one continuous editorial rhythm, built on the original navy/gold. */
:root{--flow-ease:cubic-bezier(.2,.7,.2,1);--flow-radius:1.15rem}
html{scroll-padding-top:6.5rem}
body{overflow-x:clip}
main{isolation:isolate;background:radial-gradient(ellipse at 100% 4%,rgba(202,168,118,.055),transparent 30%),var(--navy)}
.header{z-index:30}
.preview{font-size:.75rem;letter-spacing:.035em;background:#08152d}
.header .nav>a:not(.button){position:relative;border-bottom:0;padding-bottom:.5rem}
.header .nav>a:not(.button)::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--flow-ease)}
.header .nav>a[aria-current="page"]::after,.header .nav>a:hover::after{transform:scaleX(1)}
.button,.linkedin-button,.menu-toggle,.client-pause,.reading-close{border-radius:999px}
.button{gap:.9rem;max-width:100%;text-align:center;transition:background .25s,color .25s,border-color .25s,box-shadow .25s,transform .25s}
.button>span{min-width:0}
.button-arrow{width:1.05rem;height:1.05rem;flex-shrink:0;transition:transform .25s var(--flow-ease)}
.button:hover .button-arrow{transform:translate(2px,-2px)}
.button:not(.button-outline){box-shadow:0 .25rem 1.6rem rgba(202,168,118,.08)}
.eyebrow{display:flex;align-items:center;gap:.7rem;line-height:1.5}
.eyebrow::before{content:"";display:inline-block;flex:0 0 1.25rem;height:1px;background:currentColor;opacity:.7}
.section{background:transparent;padding-block:clamp(4rem,7vw,7rem)}
.section+.section{border-top-color:transparent}
.section-heading{gap:2.5rem;margin-bottom:2.6rem}
.section-heading h2{max-width:22ch}
.section-heading>p{padding-bottom:.3rem}
:is(.page-home,.page-inner) .section p{color:var(--text)}
.text-link{border-bottom-color:rgba(202,168,118,.35);transition:border-color .25s,color .25s}
.text-link:hover{border-bottom-color:var(--gold);color:var(--gold)}

/* A quiet, composed opening; original portraits keep their full natural frame. */
.page-home .hero{position:relative;isolation:isolate;overflow:hidden;padding-top:clamp(3rem,5vw,5rem);padding-bottom:clamp(3rem,5vw,5rem);gap:6vw;background:radial-gradient(ellipse at 78% 45%,rgba(202,168,118,.075),transparent 54%)}
.hero::before{content:"";position:absolute;z-index:-1;top:5%;right:-9rem;width:42rem;aspect-ratio:1;border:1px solid rgba(202,168,118,.1);border-radius:50%;pointer-events:none}
.page-home .hero h1{max-width:13ch}
.hero .lead{max-width:43ch}
.page-home .hero-art{position:relative;padding:1rem;border:1px solid rgba(202,168,118,.18);border-radius:1.5rem;background:linear-gradient(145deg,rgba(202,168,118,.045),rgba(9,24,47,.6));box-shadow:0 2rem 5rem rgba(0,0,0,.14)}
.page-home .hero-art img{border-radius:.75rem}
.hero-art figcaption{padding:.9rem .15rem .1rem;margin-top:.9rem}
.hero-path{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;margin:2.25rem 0 0;padding:1.25rem 0 0;max-width:32rem;border-top:1px solid var(--line)}
.hero-path li{display:flex;align-items:center;gap:.65rem;padding:0;color:var(--muted);font-size:.9375rem}
.hero-path li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0}
.hero-path::before{content:"";position:absolute;top:-1px;left:0;width:32%;height:1px;background:var(--gold);transform-origin:left}
.client-slider{background:transparent;border-color:rgba(202,168,118,.13);padding-block:1.5rem}
.client-group li{font-size:1.25rem}

/* Real page anchors stay usable without scripts and become a compact chapter rail. */
.flow-nav{position:sticky;top:0;z-index:12;display:flex;align-items:center;gap:2rem;padding:.65rem var(--gutter);border-bottom:1px solid var(--line);background:rgba(4,16,42,.96);backdrop-filter:blur(16px)}
.flow-nav-label{flex-shrink:0;color:var(--muted);font-size:.75rem;letter-spacing:.045em;text-transform:uppercase}
.flow-nav-links{display:flex;align-items:center;gap:.4rem;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:.2rem .1rem}
.flow-nav a{display:flex;align-items:center;gap:.5rem;white-space:nowrap;padding:.55rem .9rem;border:1px solid transparent;border-radius:999px;color:var(--muted);font-size:.875rem;line-height:1.4;transition:color .25s,background .25s,border-color .25s}
.flow-nav-index{font-size:.7rem;color:var(--gold);font-variant-numeric:tabular-nums;opacity:.7}
.flow-nav a:hover,.flow-nav a[aria-current="location"]{color:var(--cream);background:rgba(202,168,118,.07);border-color:rgba(202,168,118,.24)}
.flow-nav a:focus-visible{outline-offset:1px}
.flow-nav+.section{padding-top:clamp(2.5rem,4vw,4rem)}
.page-hero{position:relative;background:radial-gradient(ellipse at 75% 10%,rgba(202,168,118,.055),transparent 64%);padding-top:clamp(3rem,5vw,5rem);padding-bottom:3.5rem}
.page-hero>.eyebrow{margin-top:0;margin-bottom:1.4rem;color:var(--gold)}
.page-hero>p:not(.eyebrow){max-width:58ch;margin-top:1.5rem}
.page-home .gold-statement{background:transparent;padding-block:clamp(4.5rem,8vw,7.5rem)}
.gold-statement .statement-main{border-top-color:rgba(202,168,118,.18)}
.intro .illustration img,.quality-visual img,.contact-hero .illustration img{border-radius:1rem}
.intro .signature{padding-top:1.4rem;border-top:1px solid var(--line);color:var(--gold)}

/* Shared surfaces, with fewer nested boxes and more intentional connections. */
.challenge-tile,.topic-tile,.interactive-model,.pricing-card,.offer-faq-card,.quote-card,.individual-offer,.studio-panel,.contact-start-card,.contact-link{border-radius:var(--flow-radius);border-color:rgba(202,168,118,.18);background:linear-gradient(145deg,rgba(17,35,61,.8),rgba(9,24,47,.85))}
.challenge-tile{min-height:17rem;padding:clamp(1.5rem,2.7vw,2.4rem)}
.page-home .challenge-tile h3{font-size:clamp(1.5rem,2.1vw,1.95rem);line-height:1.35}
.tile-index,.model-index{font-variant-numeric:tabular-nums}
.tile-action{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;text-decoration:none;font-size:.9375rem}
.tile-action::after{content:"↗";font-size:1.25rem;line-height:1;transition:transform .25s var(--flow-ease)}
a:hover>.tile-action::after{transform:translate(2px,-2px)}
.topic-grid{gap:.9rem}
.topic-tile{display:grid;grid-template-columns:1.6rem minmax(0,1fr);gap:.35rem .8rem;min-height:10rem;padding:1.4rem}
.topic-tile>.tile-index{grid-column:1;grid-row:1/4;padding-top:.15rem}
.topic-tile>.tile-title,.topic-tile>.tile-description,.topic-tile>.tile-action{grid-column:2}
.topic-tile .tile-title{font-size:1.4rem;line-height:1.3}
.topic-tile .tile-description{font-size:.9375rem;line-height:1.5}
.topic-tile .tile-action{padding-top:.45rem;font-size:.875rem}
.topic-tile[aria-selected="true"]{background:linear-gradient(145deg,#152840,#0c1c35);box-shadow:inset 0 2px 0 var(--gold)}
.studio-panel{padding:clamp(1.25rem,3.3vw,3.2rem)}
.studio-visual{border:1px solid var(--line);border-radius:.85rem;background:var(--navy)}
.studio-layout{gap:clamp(2rem,4vw,4rem)}
.insight-tile{border:0;border-left:1px solid rgba(202,168,118,.45);border-radius:0;background:transparent;padding:.35rem .85rem}
.dashboard-point{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:1rem 0}
.models,.pricing-grid{gap:1.5rem}
.interactive-model{padding:clamp(1.6rem,3vw,2.7rem)}
.pricing-card{padding:clamp(1.6rem,3.3vw,3rem)}
.pricing-card .eyebrow{margin-bottom:1.5rem}
.pricing-card .kicker{line-height:1.5}
.page-inner .pricing-card h2{font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.2;max-width:15ch}
.offer-list{list-style:none;padding-left:0}
.offer-list li{position:relative;padding-left:1.35rem}
.offer-list li::before{content:"";position:absolute;left:0;top:.7rem;width:5px;height:5px;border:1px solid var(--gold);border-radius:50%}
.pricing-card .commercial-terms div{grid-template-columns:6.5rem minmax(0,1fr)}
.individual-offer{border-left-width:1px;position:relative;overflow:hidden}
.individual-offer::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(transparent,var(--gold),transparent)}
.offer-faq-grid{gap:1.2rem}
.offer-faq-card{padding:clamp(1.4rem,2.8vw,2.3rem)}
.offer-faq-card h3{font-size:1.5rem}
.quote-grid{gap:1.5rem}
.quote-card{padding:clamp(1.5rem,3vw,2.7rem)}
.quote-card figcaption{border-color:rgba(202,168,118,.2)}
.quote-logo{border-radius:.5rem}
.quality-point{background:transparent;border:0;border-left:1px solid var(--line);border-radius:0;padding:1rem}
.cta{position:relative;gap:3rem;background:radial-gradient(ellipse at 10% 50%,rgba(202,168,118,.075),transparent 70%);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:clamp(4rem,7vw,6rem)}
.cta h2{max-width:22ch}
.cta p{max-width:48ch}
.footer{background:transparent;border-top:0;padding-top:4.5rem}
.footer-top{gap:3rem}
.footer-links a{transition:color .2s}
.footer-links a:hover{color:var(--gold)}
.legal-links{gap:.7rem 1.2rem}
.legal-draft-notice{border-radius:var(--flow-radius);background:var(--surface)}
.reading-dialog{border-radius:1.1rem}

/* One connected process: restrained titles beside the full, always-visible copy. */
.process-grid{position:relative;grid-template-columns:minmax(0,1fr);gap:1.5rem;max-width:75rem;margin-inline:auto;padding-left:3.25rem}
.process-grid::before{content:"";position:absolute;left:.95rem;top:3rem;bottom:3rem;width:1px;background:linear-gradient(var(--gold),rgba(202,168,118,.16))}
.process-step{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2.5rem;padding:2.1rem;border-radius:var(--flow-radius);background:linear-gradient(145deg,rgba(17,35,61,.7),rgba(9,24,47,.8));scroll-margin-top:6rem}
.process-step .step-head{display:block;margin-bottom:1rem}
.process-step .step-number{position:absolute;left:-3.6rem;top:2rem;display:grid;place-items:center;width:2.6rem;height:2.6rem;padding:0;border:1px solid rgba(202,168,118,.45);border-radius:50%;background:var(--navy);font-size:.875rem;letter-spacing:0;transition:background .3s,color .3s,border-color .3s}
.page-inner .process-step .step-head h2{font-size:1.5rem;line-height:1.4}
.process-step .step-details{margin:0;padding:0 0 0 2rem;border-top:0;border-left:1px solid var(--line);gap:.9rem}
.process-step.is-flow-current{border-color:rgba(202,168,118,.55)}
.process-step.is-flow-current .step-number{background:var(--gold);color:var(--navy);border-color:var(--gold)}

/* Contact continues the same language and provides actual, working contact choices. */
.contact-hero{background:radial-gradient(ellipse at 90% 30%,rgba(202,168,118,.06),transparent 60%);gap:5vw;align-items:center;padding-block:clamp(3rem,5vw,5rem)}
.contact-hero .illustration{max-width:27rem;width:100%;margin-inline:auto}
.contact-hero .illustration img{height:auto;max-height:30rem;object-fit:contain}
.contact-links{display:grid;gap:.7rem;max-width:38rem;margin-top:1.6rem}
.contact-link{position:relative;display:grid;grid-template-columns:5.5rem minmax(0,1fr) 1rem;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid var(--line);font-size:.9375rem;line-height:1.5;transition:background .25s,border-color .25s}
.contact-link>span{min-width:0;overflow-wrap:anywhere}
.contact-link-label{color:var(--gold);font-size:.8125rem}
.contact-link-arrow{color:var(--gold);font-size:1.25rem}
.contact-link:hover,.contact-link:focus-visible{background:#102039;border-color:rgba(202,168,118,.6)}
.contact-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.contact-start-card{padding:2rem;border:1px solid var(--line)}
.contact-start-card h3{font-size:1.5rem;margin:1.2rem 0 1rem}

/* CSS and intersection-based motion are enhancements; the default is readable HTML. */
@media(prefers-reduced-motion:no-preference){
 .hero>div,.page-hero>h1,.contact-hero>div{animation:flow-arrive .75s var(--flow-ease) both}
 .hero-art{animation:flow-arrive .9s var(--flow-ease) .1s both}
 .hero-path::before{animation:flow-draw 1.2s var(--flow-ease) .3s both}
 [data-flow-reveal]{transition:opacity .65s var(--flow-ease),translate .65s var(--flow-ease),transform .25s var(--flow-ease),background .25s,border-color .25s;transition-delay:var(--flow-delay,0ms),var(--flow-delay,0ms),0ms,0ms,0ms}
 [data-flow-reveal].flow-pending{opacity:0;translate:0 1.35rem}
 [data-flow-reveal].flow-seen{opacity:1;translate:0 0}
 .flow-delay-1{--flow-delay:70ms}
 .flow-delay-2{--flow-delay:140ms}
 .studio-enhanced .studio-panel:not([hidden]){animation:flow-arrive .4s var(--flow-ease) both}
 .reading-dialog[open]{animation:flow-dialog .22s var(--flow-ease) both}
}
@keyframes flow-arrive{from{opacity:0;translate:0 .8rem}to{opacity:1;translate:0 0}}
@keyframes flow-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes flow-dialog{from{opacity:0;translate:0 .4rem}to{opacity:1;translate:0 0}}
@media(hover:hover){
 .quote-card:hover,.contact-start-card:hover{border-color:rgba(202,168,118,.5)}
 .button:hover{transform:translateY(-2px)}
}
@media(min-width:1500px){
 .flow-nav{padding-inline:max(var(--gutter),calc((100vw - 1350px)/2))}
}
@media(max-width:1100px){
 .flow-nav{gap:1rem}
 .flow-nav-label{display:none}
 .flow-nav a{padding:.5rem .75rem}
 .process-step{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1.5rem;padding:1.6rem}
 .process-step .step-details{padding-left:1.5rem}
 .contact-start-card{padding:1.5rem}
}
@media(max-width:900px){
 .process-step{grid-template-columns:1fr;gap:1.5rem}
 .process-step .step-details{border-left:0;border-top:1px solid var(--line);padding:1.5rem 0 0 1.15rem}
 .contact-start-grid{grid-template-columns:1fr}
 .contact-start-card{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.65rem 1rem}
 .contact-start-card .tile-index{grid-column:1;grid-row:1/3;padding-top:.2rem}
 .contact-start-card h3,.contact-start-card p{grid-column:2}
 .contact-start-card h3{margin:0}
}
@media(max-width:720px){
 html{scroll-padding-top:5.5rem}
 .section{padding-block:3.5rem}
 .section-heading{gap:1.5rem;margin-bottom:2rem}
 .page-home .hero{gap:2.5rem;padding-block:2.5rem}
 .page-home .hero-art{padding:.75rem;max-width:21.6rem}
 .hero::before{width:28rem;right:-16rem;top:28%}
 .hero-path{gap:.6rem;margin-top:1.8rem}
 .hero-path li{font-size:.875rem;gap:.45rem}
 .hero-actions{gap:.8rem}
 .flow-nav{padding:.55rem var(--gutter)}
 .flow-nav-links{gap:.25rem;width:100%}
 .flow-nav a{font-size:.8125rem;padding:.5rem .65rem}
 .flow-nav-index{font-size:.65rem}
 .page-hero{padding-top:3rem;padding-bottom:2.5rem}
 .challenge-tile{min-height:0;padding:1.5rem}
 .topic-grid{gap:.65rem}
 .topic-tile{min-height:0;padding:1.15rem 1.25rem}
 .topic-tile .tile-action{padding-top:0}
 .studio-panel{padding:1rem}
 .models,.pricing-grid{grid-template-columns:minmax(0,1fr);gap:1rem}
 .individual-offer{padding:1.5rem}
 .individual-offer>.button{width:100%}
 .pricing-card .commercial-terms div{grid-template-columns:1fr;gap:.3rem}
 .process-grid{padding-left:1.5rem;gap:1.25rem}
 .process-grid::before{left:.25rem;top:2rem;bottom:2rem}
 .process-step{padding:1.2rem;gap:1.25rem}
 .process-step .step-number{left:-2rem;top:1.3rem;width:1.5rem;height:1.5rem;font-size:.625rem}
 .page-inner .process-step .step-head h2{font-size:1.35rem}
 .process-step .step-details{padding-top:1.25rem}
 .contact-hero{grid-template-columns:1fr;gap:2.5rem;padding-block:3rem}
 .contact-hero .illustration{max-width:22rem}
 .contact-link{grid-template-columns:minmax(0,1fr) 1rem;gap:.25rem 1rem}
 .contact-link-label{grid-column:1}
 .contact-link-arrow{grid-column:2;grid-row:1/3}
 .cta{gap:2rem}
 .footer{padding-top:3.5rem}
 .footer-top{gap:2.5rem}
}
@media(prefers-reduced-motion:reduce){
 [data-flow-reveal]{opacity:1!important;translate:none!important;transition:none!important}
 .hero>div,.hero-art,.page-hero>h1,.contact-hero>div,.hero-path::before,.studio-panel,.reading-dialog{animation:none!important}
 .button:hover{transform:none}
}
@media print{
 .flow-nav,.client-slider,.preview{display:none}
 [data-flow-reveal]{opacity:1!important;translate:none!important}
}