/* Recruiter/business reading hierarchy; photographic scenes stay secondary. */
.hero {min-height:760px}
.hero-copy{width:57%;padding-top:170px;max-width:850px;pointer-events:auto}
h1{font-size:clamp(52px,5.6vw,82px)}
.hero-description{max-width:460px;font-size:16px}
.hero-sub{font-size:clamp(20px,1.8vw,26px)}
.hero-proof{font-size:13px;color:var(--hero-accent);margin:20px 0 0}
.hero-vehicle{width:44%;right:2%;bottom:17%}
.hero-actions{margin-top:24px}
.hero .secondary{background:#14271d;border-color:var(--hero-muted)}
.quick-profile{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-bottom:1px solid var(--line);padding-top:75px;padding-bottom:75px}
.quick-profile h2{font-size:clamp(30px,3.4vw,45px)}
.profile-summary>p{font-size:16px}
.competency-links{list-style:none;padding:0}
.competency-links li{margin:0;border-bottom:1px solid var(--line)}
.competency-links a{display:block;padding:12px 0;text-decoration:none;font-size:14px}
.text-link{display:inline-block;padding:12px 0;color:var(--accent);text-underline-offset:5px;font-size:14px}
.section{padding-top:80px;padding-bottom:80px}
.section-intro{margin-bottom:40px}
h2{font-size:clamp(32px,3.8vw,52px);line-height:1.14}
.operations .section-intro{margin-bottom:30px}
.courier-visual{max-width:360px;justify-self:end}
.experience-section{border-top:1px solid var(--line)}
.career-row ul{font-size:15px}
.project-heading{padding-bottom:15px}
.project-body{padding-top:20px;padding-bottom:55px;border-bottom:0}
.journey-caption{margin-top:38px;width:420px;padding:25px}
.journey-caption h3{font-size:34px}
.journey-caption p,.journey-steps{font-size:14px}
.scene-skip{display:inline-block;padding:16px 0 0;color:var(--hero-accent);font-size:13px;text-underline-offset:4px}
.contact-inner>p:not(.eyebrow){max-width:740px}
.fineprint{font-size:12px}
.motion-off{scroll-behavior:auto!important}
.motion-off .button{transition:none}
@media(max-width:1100px){.hero-copy{width:60%}.hero-vehicle{width:42%}.hero-description{max-width:400px}}
/* Compact scenes use the same pinned, reversible journey. */
@media(max-width:1000px),(max-height:699px){
 .journey{height:730px;min-height:730px;max-height:none}
 .journey-layer.river{opacity:1}.journey-pickup{display:none}
 .journey-boat{opacity:1;width:32%;right:8%;bottom:19%}
 .journey-progress{display:none}
}
@media(max-width:760px){
 .hero{min-height:900px}
 .hero-copy{width:100%;padding:150px 24px 280px}
 h1{font-size:clamp(46px,9vw,64px)}
 .hero-description{font-size:15px;max-width:430px}
 .hero-vehicle{width:80%;right:4%;bottom:9%}
 .hero-actions{flex-direction:row;gap:10px}
 .hero-actions .button{font-size:13px;min-height:48px}
 .quick-profile{grid-template-columns:1fr;gap:15px}
 .section{padding:60px 24px}
 .courier-visual{justify-self:center}
 .journey{height:810px;min-height:810px}
 .journey-caption{margin:24px;width:calc(100% - 48px);padding:23px}
 .journey-caption h3{font-size:30px}
 .journey-boat{width:72%;right:14%;bottom:14%}
 .site-header nav a,.preferences button{min-height:44px}
 .hero-bottom{font-size:8px;letter-spacing:.06em}
 .hero-bottom .scroll-hint{display:none}
 .project-heading{padding-bottom:15px}.project-body{padding-top:15px}
 .contact-inner h2{font-size:34px}
}
@media(max-width:380px){
 .hero-copy{padding-left:20px;padding-right:20px}
 .hero-actions{flex-direction:column;align-items:flex-start}
 .hero{min-height:1000px}
 .hero-description{font-size:14px}
 .section{padding-left:20px;padding-right:20px}
 .hero-vehicle{bottom:8%}
}
/* Keep stage geometry stable; only the children animate. */
body:not(.motion-off) .journey-pickup{display:block}
body:not(.motion-off) .journey-layer.river{opacity:0}
body:not(.motion-off) .journey-boat{opacity:0}
.journey-caption{z-index:3}
@media(max-width:1000px),(max-height:699px){
 .journey-caption{max-width:420px}
 .journey-pickup{width:46%;right:3%;bottom:10%}
}
@media(max-width:760px){
 .journey-pickup{width:78%;right:11%;bottom:13%}
 .journey-caption{margin-bottom:270px}
 .journey{height:auto;min-height:850px}
}
@media(prefers-reduced-motion:reduce){.hero-photo{transform:none}.journey-progress{display:none}}