/* Normal wheel/touch scrolling stays native. Navigation links jump directly. */
html{scroll-behavior:auto!important}
.quick-nav{position:fixed;left:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:59;display:flex;align-items:center;background:#003c43f2;backdrop-filter:blur(15px);border:1px solid #d6ba8066;box-shadow:0 6px 30px #001f2830;border-radius:30px;padding:3px;color:var(--paper)}
.quick-nav a{display:flex;align-items:center;justify-content:center;min-width:75px;min-height:44px;padding:8px 15px;font-size:11px}
.quick-nav a+a{border-left:1px solid #d6ba8040}
.quick-nav a:hover{color:var(--gold)}
.sequence-skip{font-size:11px;color:var(--gold);min-height:44px;display:inline-flex;align-items:center;padding:5px 0;flex-shrink:0}
.team-controls .sequence-skip{margin-left:auto}
.technology-bottom .device-progress{min-width:20px}
.nutrition-heading{grid-column:1/-1;width:100%;padding-block:85px 60px}
.nutrition-heading h2{font-size:clamp(48px,6vw,88px);max-width:1100px;line-height:1.03}
.nutrition-copy{padding-top:65px}
.nutrition-copy>p:not(.section-label){font-size:14px;line-height:1.9}
.steps-journey{margin-top:35px}
.steps{perspective:1400px;position:relative;margin:0}
.steps>div{border:1px solid #00657030;border-radius:8px;padding:32px;background:linear-gradient(135deg,#fff,#e9efeb);box-shadow:0 20px 45px #003c4312;position:relative;margin-bottom:20px;overflow:clip;transform-origin:50% 55%;backface-visibility:hidden}
.steps>div:after{content:'';position:absolute;width:200px;height:200px;border:1px solid #d6ba8055;right:-90px;top:-90px;border-radius:50%;pointer-events:none}
.steps h3{color:var(--petrol);position:relative;z-index:1}
.steps>div>span{color:var(--petrol)}
.steps-bottom{display:none;justify-content:space-between;align-items:center;font-size:11px;color:var(--petrol);padding:10px 0;gap:20px}
.steps-bottom>a{min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.approach-3d{align-items:start}
.approach-3d>.section-heading{position:sticky;top:130px;align-self:start}
.approach-3d .steps-journey{height:200svh}
.approach-3d .steps-sticky{position:sticky;top:115px;height:calc(100svh - 145px);max-height:650px;display:flex;flex-direction:column;justify-content:center}
.approach-3d .steps{height:min(410px,65svh);flex-shrink:0}
.approach-3d .steps>div{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,60px);gap:18px;opacity:0;visibility:hidden;will-change:transform,opacity}
.approach-3d .steps>div>span{font:400 90px/1 var(--display);letter-spacing:-.07em;color:var(--gold);padding:0}
.approach-3d .steps h3{font-size:clamp(32px,3.4vw,50px);margin:0;max-width:400px}
.approach-3d .steps p{font-size:14px;line-height:1.85;max-width:400px}
.approach-3d .steps-bottom{display:flex}
@media(max-width:900px){.approach-3d>.section-heading{position:relative;top:auto}.approach-3d{display:block}.approach-3d .approach-copy{max-width:650px;margin-top:35px}.nutrition-heading{padding-block:65px 40px}.nutrition-heading h2{font-size:clamp(40px,6vw,70px)}}
@media(max-width:767px) and (orientation:portrait){
 .nutrition-heading{padding-block:70px 36px}
 .nutrition-heading h2{font-size:clamp(38px,10.6vw,52px)}
 .nutrition-copy{padding-top:32px}
 .nutrition-copy>p:not(.section-label){font-size:14px}
 .approach-3d .steps-sticky{top:100px;height:calc(100svh - 160px);max-height:600px}
 .approach-3d .steps{height:390px;max-height:calc(100svh - 230px)}
 .approach-3d .steps>div{padding:28px;gap:16px}
 .approach-3d .steps>div>span{font-size:78px}
 .approach-3d .steps h3{font-size:34px}
 .approach-3d .steps p{font-size:14px;line-height:1.75}
 .sequence-skip,.steps-bottom{font-size:10px}
 .team-controls .sequence-skip{max-width:100px;line-height:1.6;text-align:right}
 .technology-bottom{gap:12px}
 .quick-nav{left:14px;bottom:calc(17px + env(safe-area-inset-bottom,0px))}
 .quick-nav a{min-width:65px;padding:8px 11px;font-size:10px}
}

/* Keep the fixed shortcuts clear of the team navigation controls. */
.team-animated .team-sticky{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
@media(max-width:767px) and (orientation:portrait) and (max-height:780px){
 .team-animated .team-panel{grid-template-rows:30% 1fr;gap:9px}
 .team-copy h3{font-size:30px;margin-bottom:9px}
 .team-copy .role{font-size:10px;margin-bottom:10px}
 .team-copy .bio{font-size:12px;line-height:1.65}
 .team-copy .text-link{font-size:11px;min-height:36px;margin-top:7px}
}