/* Approved Our Values journey; scoped to this page. */
#hc-journey{--hj-black:#0a0a0a;--hj-ink:#181818;--hj-yellow:#fefe27;--hj-paper:#fff;--hj-soft:#f3f2ef;--hj-line:#d8d7d2;--hj-muted:#64635f;--hj-space:64px;--hj-sticky-top:108px;--hj-header-height:82px;--hj-viewport:100svh;color-scheme:light;background:var(--hj-paper);color:var(--hj-ink);font:400 16px/1.6 'Barlow',Arial,sans-serif;overflow:clip;isolation:isolate}
#hc-journey *{box-sizing:border-box}
#hc-journey :is(h1,h2,h3,h4,p,blockquote,figure,ul){margin:0}
#hc-journey :is(h1,h2,h3,h4){font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;color:inherit;line-height:1.03;letter-spacing:-.015em;text-wrap:balance}
#hc-journey h1{font-size:clamp(58px,8.3vw,96px);font-weight:800;text-transform:uppercase}
#hc-journey h2{font-size:clamp(34px,4.8vw,54px);text-transform:uppercase}
#hc-journey h3{font-size:29px;text-transform:none}
#hc-journey p{font-size:16px;line-height:1.65}
#hc-journey img{display:block;width:100%;height:auto;object-fit:cover;max-width:100%}
#hc-journey button,#hc-journey a{font:inherit}
#hc-journey a{color:inherit;text-underline-offset:4px}
#hc-journey button{touch-action:manipulation}
#hc-journey .hj-wrap{padding-left:max(5%,calc((100% - 1440px)/2));padding-right:max(5%,calc((100% - 1440px)/2))}
#hc-journey .hj-section{padding-top:var(--hj-space);padding-bottom:var(--hj-space)}
#hc-journey .hj-eye{font-size:11px;letter-spacing:.15em;font-weight:700;text-transform:uppercase;line-height:1.5;display:block;margin-bottom:18px}
#hc-journey .hj-opening-stage{min-height:calc(var(--hj-viewport) - var(--hj-header-height));display:grid;grid-template-rows:1fr auto;background:var(--hj-black)}
#hc-journey .hj-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:440px;background:var(--hj-black);color:#fff;padding-inline:max(0px,calc((100% - 1600px)/2))}
#hc-journey .hj-hero-copy{padding:44px 10% 40px 11%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
#hc-journey .hj-hero .hj-eye{color:var(--hj-yellow);max-width:none}
#hc-journey .hj-report-year{white-space:nowrap}
#hc-journey .hj-hero-copy h1{margin-bottom:28px}
#hc-journey .hj-hero-copy p{color:#d5d5d5;font-size:16px;max-width:31ch}
#hc-journey .hj-hero-copy a{font-weight:600;color:#fff}
#hc-journey .hj-hero-photo{position:relative;min-height:420px;overflow:clip}
#hc-journey .hj-hero-photo img{height:100%;position:absolute;inset:0;object-position:56% 50%}
#hc-journey .hj-hero-bottom{margin-top:30px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
#hc-journey .hj-action{border:0;border-radius:2px;background:var(--hj-yellow);color:var(--hj-black);padding:13px 18px;min-height:44px;display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:'Barlow Semi Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.025em}
#hc-journey .hj-action[aria-disabled=true]{opacity:1}
#hc-journey .hj-hero-copy .hj-action{color:var(--hj-black);font-weight:700}
#hc-journey .hj-action:hover{background:#f2f200}
#hc-journey .hj-explore-band{min-height:88px;display:flex;align-items:center;justify-content:center;background:#000;padding:16px 6%}
#hc-journey .hj-explore{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#bcbcb5;font-size:12px;font-weight:600;line-height:1;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
#hc-journey .hj-explore span{color:var(--hj-yellow);font-size:16px;line-height:1;transition:transform .2s ease}
#hc-journey .hj-explore:hover span{transform:translateY(3px)}
/* The same soft light sweep as the homepage's "See what we do" (the arrow keeps its yellow; off for reduced motion).
   The text is painted by a gradient, so the keyboard outline needs its own colour instead of currentColor. */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
 #hc-journey .hj-explore{background:linear-gradient(100deg,#bcbcb5 40%,#fff 50%,#bcbcb5 60%) 0 0/250% 100% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent}
}
#hc-journey .hj-explore:focus-visible{outline-color:#bcbcb5}
@media(prefers-reduced-motion:no-preference){#hc-journey .hj-explore{animation:hjCueSweep 4s linear .6s 3}}
@keyframes hjCueSweep{0%{background-position:100% 0}45%,100%{background-position:0 0}}
#hc-journey :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:5px}
#hc-journey .hj-down{display:flex;align-items:center;gap:10px;color:#dedede;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
#hc-journey .hj-opening-quote{scroll-margin-top:var(--hj-sticky-top);background:var(--hj-soft);padding:35px 8%;border-bottom:1px solid var(--hj-line)}
#hc-journey blockquote{font:600 clamp(23px,3.4vw,36px)/1.18 'Barlow Condensed',sans-serif;letter-spacing:-.01em;text-wrap:pretty}
#hc-journey .hj-opening-quote blockquote{padding-left:24px;border-left:4px solid var(--hj-yellow);max-width:1100px;margin-inline:auto}
#hc-journey .hj-chapter-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid var(--hj-line);background:#fff;padding:0 max(5%,calc((100% - 1440px)/2))}
#hc-journey .hj-chapter-nav button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;display:flex;gap:8px;align-items:center;justify-content:center;min-height:63px;padding:12px 4px;font-family:'Barlow Semi Condensed',sans-serif;font-size:15px;font-weight:600;white-space:nowrap;color:#555}
#hc-journey .hj-chapter-nav button span{color:#8b8b83;font-size:12.5px}
#hc-journey .hj-chapter-nav button[aria-current=true]{border-bottom-color:var(--hj-yellow);color:#111}
#hc-journey .hj-chapter-nav button:hover{background:var(--hj-soft);color:#111}
#hc-journey .hj-chapter{scroll-margin-top:var(--hj-sticky-top)}
#hc-journey .hj-number{display:flex;align-items:center;gap:12px;margin-bottom:20px;font:700 11px/1.5 'Barlow',sans-serif;letter-spacing:.16em;text-transform:uppercase}
#hc-journey .hj-number b{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;font-weight:500;border-radius:50%;letter-spacing:0}
#hc-journey .hj-number:after{content:'';width:45px;height:1px;background:currentColor;opacity:.35}
#hc-journey .hj-section-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:38px;align-items:start}
#hc-journey .hj-prose{display:grid;gap:15px}
#hc-journey .hj-prose p{color:#2a2a28}
/* One native sticky scene; all four values remain ordinary content by default. */
#hc-journey .hj-values{margin-top:48px}
#hc-journey .hj-values-stage{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:clamp(30px,5vw,80px);padding:32px 0;background:var(--hj-paper);color:var(--hj-ink)}
#hc-journey .hj-values-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-width:0}
#hc-journey .hj-values-head .hj-eye{margin-bottom:18px;color:var(--hj-muted)}
#hc-journey .hj-values-head h2{font-size:clamp(38px,5vw,68px);max-width:none;text-wrap:balance}
#hc-journey .hj-objectives{display:grid;grid-template-columns:1fr;align-content:center;min-width:0}
#hc-journey .hj-objective{display:grid;grid-template-columns:26px minmax(0,1fr);gap:18px;align-items:start;padding:22px 0;min-width:0;border-top:1px solid var(--hj-line)}
#hc-journey .hj-objective:first-child{border-top:0}
#hc-journey .hj-objective .hj-count{font:600 17px/1.2 'Barlow Condensed',sans-serif;color:#757047;display:block;padding-top:5px}
#hc-journey .hj-objective h3{font-size:clamp(24px,2.7vw,36px);font-weight:600;line-height:1.16;text-wrap:pretty}
#hc-journey .hj-values-pinned{height:var(--hj-pin-track)}
#hc-journey .hj-values-pinned .hj-values-stage{position:sticky;top:var(--hj-values-top);height:var(--hj-pin-height)}
#hc-journey .hj-values-pinned .hj-objectives{grid-template-rows:repeat(4,1fr);align-content:stretch}
#hc-journey .hj-values-pinned .hj-objective{align-items:center;opacity:var(--hj-value-reveal,1);transform:translateX(calc((1 - var(--hj-value-reveal,1))*32px))}
#hc-journey .hj-values-pinned .hj-objective h3{color:#555;transition:color .2s ease}
#hc-journey .hj-values-pinned .hj-objective.hj-value-current h3{color:var(--hj-ink)}
#hc-journey .hj-measure{margin-top:32px;padding:clamp(24px,3.2vw,44px);display:grid;grid-template-columns:1fr;gap:28px;background:var(--hj-soft);border:1px solid var(--hj-line)}
#hc-journey .hj-measure-intro{display:grid;grid-template-columns:1fr;gap:14px;max-width:76ch;align-items:start}
#hc-journey .hj-measure h2{font-size:clamp(32px,3.6vw,42px);margin-bottom:0;max-width:none}
#hc-journey .hj-measure-intro p{font-size:16px;color:#2a2a28;max-width:76ch;text-wrap:pretty}
#hc-journey .hj-measure-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3.4vw,56px)}
#hc-journey .hj-measure-pair>div{min-width:0;padding:22px 0 0;border-top:2px solid var(--hj-ink)}
#hc-journey .hj-measure-pair h3{font-size:30px;margin-bottom:16px}
#hc-journey ul{list-style:none;padding:0}
#hc-journey li{position:relative;padding-left:16px;font-size:16px;line-height:1.6}
#hc-journey li+li{margin-top:11px}
#hc-journey li:before{position:absolute;content:'';left:0;top:.64em;width:4px;height:4px;background:currentColor}
#hc-journey .hj-measure-pair li{font-size:16px;color:#2a2a28}
#hc-journey .hj-commitments{background:var(--hj-soft)}
#hc-journey .hj-commitment-grid{margin-top:36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;border-top:1px solid #c6c5be}
#hc-journey .hj-commitment{padding:28px 0;border-bottom:1px solid #c6c5be}
#hc-journey .hj-commitment h3{font-size:30px;margin-bottom:20px;display:flex;align-items:center;gap:13px}
#hc-journey .hj-commitment h3:before{content:'';width:5px;height:22px;background:var(--hj-yellow)}
#hc-journey .hj-commitment li{color:#2a2a28;font-size:16px}
#hc-journey .hj-commitment-quote{padding:28px 0 0;max-width:750px}
#hc-journey .hj-commitment-quote blockquote{font-size:29px}
#hc-journey .hj-achievements-intro{background:var(--hj-black);color:#fff;padding-top:44px;padding-bottom:40px;border-bottom:1px solid #3e3e3e}
#hc-journey .hj-achievements-intro .hj-eye{color:var(--hj-yellow);margin-bottom:12px}
#hc-journey .hj-achievements-intro .hj-prose p{color:#c7c7c7;font-size:16px}
#hc-journey .hj-achievements-intro h2{font-size:40px}
#hc-journey .hj-story{position:relative}
#hc-journey .hj-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;align-items:start}
#hc-journey .hj-story-image{position:static;min-width:0}
#hc-journey .hj-story-image.hj-can-stick{position:sticky;top:var(--hj-sticky-top)}
#hc-journey .hj-story-image img{aspect-ratio:1.5;object-position:50% 50%;border-radius:3px}
#hc-journey .hj-photo-note{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:13px;color:#6b6a66}
#hc-journey .hj-story h2{margin-bottom:22px;font-size:clamp(39px,5.6vw,59px)}
#hc-journey .hj-story-copy p{font-size:16px;color:#2a2a28}
#hc-journey .hj-story-copy .hj-list-label{margin-top:26px;margin-bottom:16px;font-size:11px;color:inherit;letter-spacing:.14em;font-weight:700;text-transform:uppercase}
#hc-journey .hj-story-copy li{font-size:16px;padding:10px 0 10px 17px;border-top:1px solid var(--hj-line);margin:0}
#hc-journey .hj-story-copy li:before{top:1.35em;background:#a39b39}
#hc-journey .hj-people{background:#fff}
#hc-journey .hj-people .hj-story-image{order:2}
#hc-journey .hj-people .hj-story-copy{order:1}
#hc-journey .hj-community{background:var(--hj-black);color:#fff}
#hc-journey .hj-community .hj-number{color:var(--hj-yellow)}
#hc-journey .hj-community .hj-story-copy p{color:#c6c6c6}
#hc-journey .hj-community .hj-story-copy .hj-list-label{color:#fff}
#hc-journey .hj-community .hj-story-copy li{color:#e3e3e3;border-top-color:#343434}
#hc-journey .hj-community .hj-story-copy li:before{background:var(--hj-yellow)}
#hc-journey .hj-community .hj-photo-note{color:#b6b6b6}
#hc-journey .hj-community .hj-story-image img{aspect-ratio:1.29;object-position:50% 45%}
#hc-journey .hj-environment{background:var(--hj-soft)}
#hc-journey .hj-environment .hj-story-image{order:2}
#hc-journey .hj-environment .hj-story-copy{order:1}
/* Environment: one photo, shown whole at its own 4:3 shape; it matches the height of the text beside it. */
#hc-journey .hj-environment .hj-story-image img{aspect-ratio:4/3;object-position:50% 50%}
#hc-journey .hj-environment .hj-story-copy li{border-color:#cfcec8}
#hc-journey .hj-impact-quote{background:var(--hj-yellow);color:var(--hj-black);padding:34px 8%;text-align:center}
#hc-journey .hj-impact-quote blockquote{max-width:980px;margin:0 auto;font-size:clamp(28px,4vw,42px);text-wrap:balance}
#hc-journey .hj-future .hj-section-head{margin-bottom:32px}
#hc-journey .hj-focus-label{margin-bottom:18px;font-weight:600}
#hc-journey .hj-priorities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;border-top:1px solid var(--hj-line)}
#hc-journey .hj-priorities li{margin:0;padding:20px 4px 20px 18px;border-bottom:1px solid var(--hj-line);font-size:16px}
#hc-journey .hj-priorities li:before{top:1.9em;background:#8c8430}
#hc-journey .hj-future-quote{margin:30px 0 36px;max-width:1050px;border-left:4px solid var(--hj-yellow);padding-left:22px}
#hc-journey .hj-future-quote blockquote{font-size:29px}
#hc-journey .hj-finish{background:var(--hj-black);color:#fff;padding-top:44px;padding-bottom:44px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);gap:48px;align-items:center}
#hc-journey .hj-finish blockquote{font-size:clamp(30px,4.3vw,46px);max-width:780px}
#hc-journey .hj-finish-links{display:flex;align-items:flex-start;gap:22px;flex-direction:column;justify-self:end}
#hc-journey .hj-community-link{font-size:14px;font-weight:600;min-height:44px;display:inline-flex;align-items:center;text-decoration:none;border-bottom:1px solid #666}
#hc-journey [data-hj-motion]{opacity:1}
#hc-journey.hj-motion [data-hj-motion]{animation:hj-fade .55s ease-out backwards}
#hc-journey.hj-motion [data-hj-motion=slide]{animation:hj-slide .65s cubic-bezier(.2,.7,.2,1) backwards}
#hc-journey.hj-motion [data-hj-motion=photo-left]{animation:hj-photo-left .8s cubic-bezier(.2,.7,.2,1) backwards}
#hc-journey.hj-motion [data-hj-motion=photo-right]{animation:hj-photo-right .8s cubic-bezier(.2,.7,.2,1) backwards}
#hc-journey.hj-motion :is([data-hj-motion=opening],[data-hj-motion=panel]):not(.hj-enter){opacity:0}
#hc-journey.hj-motion [data-hj-motion=opening]{animation:hj-opening .9s ease-out backwards}
#hc-journey .hj-chapter.hj-chapter-focus .hj-number b{background:var(--hj-yellow);color:#111;border-color:var(--hj-yellow)}
#hc-journey[data-photo-style=wide] .hj-story-image img{aspect-ratio:1.55}
#hc-journey[data-spacing=compact]{--hj-space:clamp(28px,4vw,44px)}
#hc-journey[data-spacing=generous]{--hj-space:clamp(44px,7vw,80px)}
@keyframes hj-fade{from{opacity:.35}to{opacity:1}}
@keyframes hj-slide{from{opacity:.35;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}
@keyframes hj-photo-left{from{opacity:.55;clip-path:inset(0 16% 0 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes hj-photo-right{from{opacity:.55;clip-path:inset(0 0 0 16%)}to{opacity:1;clip-path:inset(0)}}
@keyframes hj-opening{from{opacity:0}to{opacity:1}}
#hc-journey.hj-motion [data-hj-motion=value]{animation:none}
#hc-journey.hj-motion [data-hj-motion=panel]{animation:hj-panel .85s cubic-bezier(.16,1,.3,1) backwards}
@keyframes hj-panel{from{opacity:0;transform:translateX(var(--hj-panel-travel,48px))}to{opacity:1;transform:translateX(0)}}
/* Cover fractional header/zoom rounding so the next section never peeks into the opening view. */
@media(min-width:901px){#hc-journey .hj-opening-stage{min-height:calc(var(--hj-viewport) - var(--hj-header-height) + 2px)}}
@media(min-width:1000px){#hc-journey{--hj-viewport:111.111111svh}}
@media(min-width:800px){#hc-journey .hj-hero-photo img{object-position:61% 50%}}
@media(max-width:760px){
 #hc-journey{--hj-space:46px}
 #hc-journey .hj-hero-copy{padding:30px 10%}
 #hc-journey .hj-hero{grid-template-columns:1fr 1fr;min-height:385px}
 #hc-journey .hj-hero-photo{min-height:385px}
 #hc-journey h1{font-size:64px}
 #hc-journey .hj-hero-copy p{font-size:14px}
 #hc-journey .hj-hero .hj-eye{font-size:10px}
 #hc-journey .hj-action{font-size:13px;padding:11px 12px}
 #hc-journey .hj-chapter-nav{grid-template-columns:repeat(3,1fr)}
 #hc-journey .hj-chapter-nav button{min-height:49px}
 #hc-journey .hj-section-head,#hc-journey .hj-measure-intro{grid-template-columns:1fr;gap:22px}
 #hc-journey .hj-section-head h2{max-width:20ch}
 #hc-journey .hj-values-stage{gap:30px;padding:32px 0}
 #hc-journey .hj-values-head h2{font-size:40px}
 #hc-journey .hj-story-grid{display:flex;flex-direction:column;gap:28px}
 #hc-journey .hj-story-image,#hc-journey .hj-people .hj-story-image,#hc-journey .hj-environment .hj-story-image{order:0;position:static;width:100%}
 #hc-journey .hj-story-copy,#hc-journey .hj-people .hj-story-copy,#hc-journey .hj-environment .hj-story-copy{order:1}
 #hc-journey .hj-story h2{font-size:39px}
 #hc-journey .hj-story-copy li{font-size:16px}
 #hc-journey .hj-story-copy p{font-size:16px}
 #hc-journey .hj-story-image img{aspect-ratio:1.5}
 #hc-journey .hj-environment .hj-story-image img{aspect-ratio:4/3}
 #hc-journey .hj-environment .hj-photo-note{grid-column:1/-1;margin:0}
 #hc-journey .hj-commitment-grid{gap:0 24px}
 #hc-journey .hj-finish{grid-template-columns:1fr;gap:26px}
 #hc-journey .hj-finish-links{justify-self:start;flex-direction:row;flex-wrap:wrap;align-items:center}
 #hc-journey{--hj-panel-travel:24px}
 #hc-journey.hj-motion [data-hj-motion]{animation-duration:.65s}
 #hc-journey.hj-motion [data-hj-motion=photo-left]{animation-name:hj-mobile-photo-left;animation-duration:.75s}
 #hc-journey.hj-motion [data-hj-motion=photo-right]{animation-name:hj-mobile-photo-right;animation-duration:.75s}
 #hc-journey.hj-motion [data-hj-motion=panel]{animation-duration:.75s}
 #hc-journey.hj-motion [data-hj-motion=opening]{animation-name:hj-opening;animation-duration:.8s}
}
@media(max-width:650px){
 #hc-journey{--hj-space:38px}
 #hc-journey .hj-hero{display:flex;flex-direction:column}
 #hc-journey .hj-hero-copy{padding:32px 6%}
 #hc-journey h1{font-size:clamp(54px,17vw,68px)}
 #hc-journey .hj-hero-copy p{font-size:16px;max-width:none}
 #hc-journey .hj-hero-photo{min-height:clamp(194px,60vw,390px);flex:1;aspect-ratio:auto}
 #hc-journey .hj-explore-band{min-height:72px;padding-block:12px}
 #hc-journey .hj-hero-bottom{margin-top:24px}
 #hc-journey .hj-hero .hj-eye{font-size:11px}
 /* Phones: the opening photo fades in place; sliding exposed a black strip beside a dimmed photo. */
 #hc-journey.hj-motion .hj-hero-photo [data-hj-motion=photo-right]{animation-name:hj-photo-fade;animation-duration:.6s;animation-timing-function:ease-out}
 #hc-journey .hj-opening-quote{padding:27px 6%}
 #hc-journey .hj-opening-quote blockquote{font-size:24px;padding-left:17px}
 #hc-journey .hj-wrap{padding-left:6%;padding-right:6%}
 #hc-journey .hj-chapter-nav{padding:0 3%}
 #hc-journey .hj-chapter-nav button{font-size:13.5px;gap:5px}
 #hc-journey .hj-values{margin-top:32px}
 #hc-journey .hj-values-stage{grid-template-columns:1fr;gap:20px;padding:24px 0}
 #hc-journey .hj-values-head h2{font-size:40px;max-width:none}
 #hc-journey .hj-measure{margin-top:24px;padding:22px;gap:24px}
 #hc-journey .hj-measure h2{font-size:32px}
 #hc-journey .hj-measure-pair>div{padding:18px 0 0}
 #hc-journey .hj-measure-pair h3{font-size:28px}
 #hc-journey .hj-objective h3{font-size:25px}
 #hc-journey .hj-objective{padding:20px 0;gap:12px;grid-template-columns:22px minmax(0,1fr)}
 #hc-journey .hj-measure-pair{grid-template-columns:1fr;gap:28px}
 #hc-journey .hj-measure-pair li{font-size:16px}
 #hc-journey .hj-commitment-grid{grid-template-columns:1fr;margin-top:25px}
 #hc-journey .hj-commitment-quote blockquote{font-size:26px}
 #hc-journey .hj-story-grid{display:flex;flex-direction:column;gap:28px}
 #hc-journey .hj-story-image,#hc-journey .hj-people .hj-story-image,#hc-journey .hj-environment .hj-story-image{order:0;position:static;width:100%}
 #hc-journey .hj-story-copy,#hc-journey .hj-people .hj-story-copy,#hc-journey .hj-environment .hj-story-copy{order:1}
 #hc-journey .hj-story-image img{aspect-ratio:1.45}
 #hc-journey .hj-story h2{font-size:42px}
 #hc-journey .hj-story-copy p,#hc-journey .hj-story-copy li{font-size:16px}
 #hc-journey .hj-priorities{grid-template-columns:1fr}
 #hc-journey .hj-future-quote blockquote{font-size:26px}
 #hc-journey .hj-finish-links{gap:18px}
}
@media(prefers-reduced-motion:reduce){#hc-journey [data-hj-motion],#hc-journey .hj-explore span{transition:none!important;animation:none!important;transform:none!important;clip-path:none!important}}
@media(max-width:360px){#hc-journey .hj-values-stage{padding-inline:0}#hc-journey .hj-objective h3{font-size:23px}}

/* Use identical native borders; only the small priority markers animate. */
#hc-journey.hj-motion .hj-priorities [data-hj-motion=marker]{animation:none}
#hc-journey.hj-motion .hj-priorities [data-hj-motion=marker]:before{animation:hj-bullet .6s ease-out}
@keyframes hj-bullet{from{transform:scale(0)}to{transform:scale(1)}}
@media print{
 #hc-journey .hj-values-pinned{height:auto!important}
 #hc-journey .hj-values-stage{position:static!important;height:auto!important;background:#fff;color:#000;break-inside:avoid}
 #hc-journey .hj-values-pinned .hj-objectives{grid-template-rows:repeat(4,1fr);align-content:stretch}
#hc-journey .hj-values-pinned .hj-objective{align-items:center;opacity:1!important;transform:none!important}
 #hc-journey .hj-objective h3,#hc-journey .hj-values-head .hj-eye,#hc-journey .hj-objective .hj-count{color:#000}
 #hc-journey [data-hj-motion]{opacity:1!important;animation:none!important;transform:none!important}
}

/* Mobile retains the journey's directional rhythm, without a pinned scene. */
@media(max-width:900px){
 #hc-journey.hj-motion [data-hj-motion=value]{animation:hj-slide .65s cubic-bezier(.16,1,.3,1) backwards}
}
@keyframes hj-mobile-photo-left{from{opacity:.25;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
@keyframes hj-mobile-photo-right{from{opacity:.25;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@keyframes hj-photo-fade{from{opacity:0}to{opacity:1}}
/* Our Commitment: the introduction starts on the same column line as the two lists below, with its first line level with the heading's capitals (.2282em of the heading from its box top; 8.24px for 16px Barlow). */
@media(min-width:761px){
 #hc-journey .hj-commitments .hj-section-head{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}
 #hc-journey .hj-commitments .hj-section-head .hj-prose{padding-top:max(0px,calc(.2282 * clamp(34px,4.8vw,54px) - 8.24px))}
}
/* Each entrance is attached from the start and held on its first frame until the element is reached,
   so items wait in their starting state and only ever move forwards (no visible-then-dim flash). */
#hc-journey.hj-motion [data-hj-motion]:not(.hj-enter),#hc-journey.hj-motion .hj-priorities [data-hj-motion=marker]:not(.hj-enter):before{animation-play-state:paused!important}
/* Key Social Value Achievements: the label and heading form one block; both columns sit centred in the black band with equal space above and below. */
#hc-journey .hj-achievements-intro{padding-top:44px;padding-bottom:44px}
#hc-journey .hj-achievements-intro .hj-section-head{align-items:center}
/* Our Social Value Priorities: the heading takes its own row; the quote and introduction then sit side by side on the
   priorities list's 34px column line, tops aligned. Phones keep the reading order heading, introduction, quote. */
#hc-journey .hj-future .hj-section-head .hj-future-quote{margin:8px 0 0}
@media(min-width:761px){
 #hc-journey .hj-future .hj-section-head{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"title title" "quote prose";column-gap:34px;row-gap:26px;margin-bottom:40px}
 #hc-journey .hj-future .hj-section-head h2{grid-area:title}
 #hc-journey .hj-future .hj-section-head .hj-prose{grid-area:prose}
 #hc-journey .hj-future .hj-section-head .hj-future-quote{grid-area:quote;margin:0;max-width:none}
 #hc-journey .hj-future-quote blockquote{font-size:26px}
}
/* Our Commitment closing quote: centred across the section with balanced lines. */
#hc-journey .hj-commitment-quote{max-width:none;margin:0;padding:var(--hj-space) 0 0}
#hc-journey .hj-commitment-quote blockquote{max-width:64ch;margin-inline:auto;text-align:center;text-wrap:balance}

/* Our Commitment: each of the four lists enters as it is reached. The yellow bar grows, the heading slides in like the
   page's other headings, then the points and their markers follow one by one. On two columns the right-hand list
   follows a beat behind. Held on the first frame until reached, like every entrance here (no flash); none for reduced motion. */
#hc-journey.hj-motion [data-hj-motion=commitment]{animation:none}
#hc-journey.hj-motion .hj-commitment h3{animation:hj-slide .65s cubic-bezier(.2,.7,.2,1) var(--hj-commit-delay,0s) backwards}
#hc-journey.hj-motion .hj-commitment h3:before{transform-origin:50% 100%;animation:hj-commit-bar .55s cubic-bezier(.2,.7,.2,1) calc(var(--hj-commit-delay,0s) + .1s) backwards}
#hc-journey.hj-motion .hj-commitment li{animation:hj-commit-item .5s cubic-bezier(.2,.7,.2,1) calc(var(--hj-commit-delay,0s) + .25s + var(--hj-commit-step,0) * 70ms) backwards}
#hc-journey.hj-motion .hj-commitment li:before{animation:hj-bullet .45s ease-out calc(var(--hj-commit-delay,0s) + .3s + var(--hj-commit-step,0) * 70ms) backwards}
#hc-journey .hj-commitment li:nth-child(2){--hj-commit-step:1}
#hc-journey .hj-commitment li:nth-child(3){--hj-commit-step:2}
#hc-journey .hj-commitment li:nth-child(4){--hj-commit-step:3}
#hc-journey .hj-commitment li:nth-child(n+5){--hj-commit-step:4}
@media(min-width:761px){#hc-journey .hj-commitment:nth-child(even){--hj-commit-delay:.12s}}
#hc-journey.hj-motion .hj-commitment:not(.hj-enter) :is(h3,li),#hc-journey.hj-motion .hj-commitment:not(.hj-enter) h3:before,#hc-journey.hj-motion .hj-commitment:not(.hj-enter) li:before{animation-play-state:paused!important}
@keyframes hj-commit-bar{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes hj-commit-item{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){#hc-journey .hj-commitment :is(h3,li),#hc-journey .hj-commitment h3:before,#hc-journey .hj-commitment li:before{animation:none!important}}
@media print{#hc-journey .hj-commitment :is(h3,li),#hc-journey .hj-commitment h3:before,#hc-journey .hj-commitment li:before{animation:none!important}}
/* The opening quote is centred like the Our Commitment quote: no side bar, centred text in balanced lines. It keeps its larger size. */
#hc-journey .hj-opening-quote blockquote{padding-left:0;border-left:0;max-width:30em;margin-inline:auto;text-align:center;text-wrap:balance}
/* The closing links are moved (by hc-social-values.js) to sit midway between the quote and the right edge of the screen. */
#hc-journey .hj-finish-links{translate:var(--hj-finish-shift,0px) 0}
/* Opening-screen content never replays an entrance (12 Oct 2026). */
#hc-journey.hj-motion .hj-static,#hc-journey.hj-motion .hj-static *,#hc-journey.hj-motion .hj-static::before,#hc-journey.hj-motion .hj-static *::before{animation:none!important}