/* The three words become three real section headings, over one white field. */
.word-journey{position:relative;width:100%;background:#f8f9f8;color:var(--ink)}
.word-journey-stage{position:relative;overflow:hidden;isolation:isolate}
.word-journey-frame{max-width:1800px;height:auto}
.journey-panel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:80px var(--page-gutter);min-height:560px;border-top:1px solid #dfe3e0;box-sizing:border-box}
.journey-copy h2{font:900 italic clamp(40px,5vw,92px)/.98 var(--font-brand);letter-spacing:-.025em;margin:0;color:var(--ink)}
.journey-title-slot,.journey-title-rest{display:block;width:max-content;max-width:100%}
.journey-rule{display:block;width:48px;height:3px;background:var(--yellow);margin:24px 0;transform-origin:left}
.journey-lead{font:600 clamp(20px,1.7vw,28px)/1.4 var(--font-copy);letter-spacing:-.025em;margin:0 0 22px}
.journey-body,.journey-side p{font:500 var(--type-body)/1.7 var(--font-copy);letter-spacing:-.015em;color:var(--copy-muted);margin:0 0 20px;max-width:46ch}
.journey-principles article{padding:18px 0;border-top:1px solid #d8dfdb}
.journey-principles h3{font:700 22px/1.3 var(--font-copy);letter-spacing:-.025em;margin:0 0 10px}
.journey-principles p{margin:0}
.journey-ceo-copy .ceo-statement{font:550 clamp(24px,2.25vw,36px)/1.4 var(--font-copy);letter-spacing:-.03em;color:var(--ink);margin:0 0 28px}
.journey-ceo-copy .ceo-closing{color:var(--ink);font-weight:700;margin-top:24px}
.factory-film-shell{width:100%;aspect-ratio:16/10;position:relative;background:#111816;overflow:hidden}
.factory-film-cover{position:absolute;inset:0;background:#111816}
.factory-film-cover img{display:block;width:100%;height:100%;object-fit:contain;object-position:center 30%;opacity:.8}
.factory-film-caption{position:absolute;left:28px;right:28px;bottom:24px;color:#fff;display:flex;flex-direction:column;gap:8px}
.factory-film-caption strong{font:900 italic clamp(30px,3vw,50px)/1 var(--font-brand)}
.factory-film-caption span{font:500 12px/1.5 var(--font-copy);color:#b9c3bd}
.factory-film-shell video{display:block;width:100%;height:100%;object-fit:contain}
.factory-film-shell video[hidden]{display:none}
.journey-factory-media .factory-media-note{font-size:13px;margin-top:18px}
.word-journey.journey-motion{height:460svh}
.journey-motion .word-journey-stage{position:sticky;top:0;height:100svh}
.journey-motion .word-journey-frame{height:100svh}
.journey-motion .journey-panel{position:absolute;inset:0;display:block;border:0;padding:0;min-height:0;opacity:var(--panel-opacity,0);pointer-events:none}
.journey-motion .journey-panel.is-current{pointer-events:auto}
.journey-motion .journey-copy{position:absolute;left:var(--page-gutter);top:31%;width:calc(46% - var(--page-gutter));max-width:720px}
.journey-motion .journey-side{position:absolute;left:54%;top:32%;width:calc(46% - var(--page-gutter));max-width:720px}
.journey-motion .journey-title-slot{color:rgb(21 28 25 / var(--title-landed,0))}
.journey-motion .journey-title-rest{opacity:var(--rest-enter,0)}
.journey-motion .journey-rule{transform:scaleX(var(--body-enter,0))}
.journey-motion .journey-lead,.journey-motion .journey-body,.journey-motion .journey-copy .story-build-link,.journey-motion .journey-side{opacity:var(--body-enter,0);transform:translateY(calc(14px * (1 - var(--body-enter,0))))}
.journey-moving-word{position:absolute;left:0;top:0;white-space:nowrap;font-family:var(--font-brand);font-weight:900;font-style:italic;letter-spacing:-.025em;line-height:.98;color:var(--ink);opacity:0}
.letter-mosaic{position:absolute;inset:4% 0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(4,1fr);gap:2px;opacity:0;pointer-events:none}
.letter-mosaic i{display:block;background:var(--yellow)}
@media(max-width:700px){
 .word-journey.journey-motion{height:430svh}
 .journey-panel{grid-template-columns:1fr;gap:28px;padding:40px 28px;min-height:0}
 .journey-copy h2{font-size:clamp(38px,10.5vw,62px)}
 .journey-lead{font-size:18px;margin-bottom:16px}
 .journey-body,.journey-side p{font-size:14px;line-height:1.65}
 .journey-rule{margin:18px 0;width:40px}
 .journey-principles article{padding:12px 0}
 .journey-principles h3{font-size:18px;margin-bottom:6px}
 .journey-ceo-copy .ceo-statement{font-size:23px;margin-bottom:18px}
 .journey-ceo-copy .ceo-closing{margin-top:18px}
 .journey-motion .journey-copy{top:22%;left:28px;width:calc(100% - 56px)}
 .journey-motion .journey-side{left:28px;top:55%;width:calc(100% - 56px)}
 .journey-motion .journey-panel[data-journey-panel="1"] .journey-copy{top:20%}
 .journey-motion .journey-panel[data-journey-panel="1"] .journey-copy .journey-lead{display:none}
 .journey-motion .journey-panel[data-journey-panel="1"] .journey-side{top:41%}
 .journey-motion .journey-panel[data-journey-panel="2"] .journey-copy{top:18%}
 .journey-motion .journey-panel[data-journey-panel="2"] .journey-side{top:65%;width:calc(100% - 56px)}
 .journey-motion .journey-panel[data-journey-panel="2"] .journey-body{display:none}
 .journey-motion .journey-panel[data-journey-panel="2"] .factory-film-shell{aspect-ratio:2.3}
 .journey-motion .journey-panel[data-journey-panel="2"] .factory-media-note{display:none}
 .factory-film-caption{left:18px;bottom:14px;gap:4px}
 .factory-film-caption strong{font-size:27px}
 .factory-film-caption span{font-size:11px}
 .journey-ceo-copy p{margin-bottom:14px}
}
@media(max-width:700px) and (max-height:700px){
 .journey-copy h2{font-size:36px}
 .journey-motion .journey-copy{top:20%}
 .journey-lead{font-size:17px;line-height:1.3}
 .journey-rule{margin:12px 0}
 .journey-body,.journey-side p{font-size:13px;line-height:1.5}
 .journey-motion .journey-side{top:54%}
 .journey-principles article{padding:9px 0}
 .journey-principles h3{font-size:17px}
 .journey-ceo-copy .ceo-statement{font-size:20px;margin-bottom:12px}
 .journey-motion .journey-panel[data-journey-panel="1"] .journey-side{top:42%}
 .journey-motion .journey-panel[data-journey-panel="2"] .journey-side{top:65%}
}

/* One background line spans both chapters, beneath the scene content. */
body{background:#f8f9f8}
.our-story,.our-story.story-motion,.our-story .story-stage,.story-motion .story-stage,.word-journey{background:transparent}
.our-story,.word-journey{position:relative;z-index:1}
.continuation-words{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;visibility:hidden}
.continuation-words.is-active{visibility:visible}
.continuation-template{position:absolute;left:0;top:0;display:flex;width:max-content;gap:.12em;visibility:hidden;font:900 normal clamp(94px,14.5vw,230px)/.98 var(--font-brand);letter-spacing:-.025em}
.continuation-template span{white-space:nowrap}
.continuation-words .journey-moving-word{line-height:.98;transform-origin:left top}
.continuation-words .letter-mosaic{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(4,1fr);gap:1px}
.continuation-words .letter-mosaic i{background:currentColor}
@media(max-width:700px){.continuation-template{font-size:clamp(64px,16vw,112px)}}
@media(prefers-reduced-motion:reduce){.continuation-words{display:none}}

/* Three distinct scenes, using the same GWIND white / ink / yellow language. */
.journey-panel{isolation:isolate}
.journey-copy,.journey-side{position:relative;z-index:2}
.journey-set{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.journey-motion .journey-set{opacity:var(--visual-enter,0)}
.philosophy-ice{position:absolute;left:-8%;bottom:-6%;width:61%;height:60%;background:url('media/photo-cuts/ice.webp') center/cover no-repeat;opacity:.23;clip-path:polygon(0 32%,100% 0,72% 100%,0 100%);transform:translate3d(calc(var(--scene-x,0px) * -.5),calc(var(--scene-y,0px) * -.4),0)}
.philosophy-plane{position:absolute;inset:0;background:rgb(231 236 230 / .52);clip-path:polygon(65% 0,87% 0,66% 100%,44% 100%);transform:translate3d(var(--scene-x,0px),0,0)}
.philosophy-wind{position:absolute;left:-10%;top:5%;width:75%;height:90%;stroke:#8f9e91;stroke-width:1;opacity:.17;transform:translate3d(calc(var(--scene-x,0px) * -.7),var(--scene-y,0px),0)}
.journey-principles article{position:relative;padding:24px 0 24px 28px;border-top:1px solid rgb(126 142 130 / .26);transition:background-color .25s}
.journey-principles article::before{content:'';position:absolute;left:0;top:29px;width:5px;height:24px;transform:skew(-20deg);background:var(--yellow);transition:height .25s ease}
.journey-principles article:last-child{border-bottom:1px solid rgb(126 142 130 / .26)}
.journey-principles article:hover{background:rgb(255 255 255 / .34)}
.journey-principles article:hover::before{height:42px}
.ceo-paper{position:absolute;inset:0;background:rgb(224 230 223 / .25);clip-path:polygon(0 0,45% 0,30% 100%,0 100%)}
.ceo-yellow{position:absolute;left:28%;top:-15%;width:10%;height:130%;background:rgb(255 194 0 / .76);transform:skew(-18deg) translate3d(calc(var(--scene-x,0px) * .5),0,0)}
.journey-ceo-image{position:relative;margin:0;z-index:1;width:100%;aspect-ratio:1.05;overflow:hidden;clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}
.journey-ceo-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:43% center;filter:grayscale(1);transform:scale(1.035) translate3d(calc(var(--scene-x,0px) * -.55),calc(var(--scene-y,0px) * -.35),0)}
.journey-ceo-image::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgb(8 13 9 / .72));pointer-events:none}
.journey-ceo-image figcaption{position:absolute;left:26px;bottom:24px;right:36px;z-index:1;color:#fff;font:650 13px/1.4 var(--font-copy);letter-spacing:-.01em}
.journey-ceo-copy .ceo-statement{position:relative;font-weight:600;margin:0 0 24px}
.ceo-statement::before{content:'“';position:absolute;left:-.42em;top:-.25em;font:900 2.8em/1 var(--font-brand);color:var(--yellow);pointer-events:none}
.factory-plane{position:absolute;inset:0;background:rgb(219 226 220 / .34);clip-path:polygon(76% 0,100% 0,100% 100%,46% 100%);transform:translate3d(calc(var(--scene-x,0px) * .6),0,0)}
.factory-line{position:absolute;left:47%;top:8%;height:80%;width:3px;background:var(--yellow);transform:skew(-18deg) translate3d(calc(var(--scene-x,0px) * -.6),0,0)}
.journey-factory-media{transform-origin:50% 50%}
.factory-film-shell{clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.factory-film-cover img{object-fit:cover;object-position:42% 45%;opacity:.94;transform:scale(1.06) translate3d(calc(var(--scene-x,0px) * -.5),calc(var(--scene-y,0px) * -.5),0)}
.factory-light{position:absolute;inset:-20%;z-index:1;background:linear-gradient(112deg,transparent 34%,rgb(255 255 255 / .12) 47%,transparent 59%);mix-blend-mode:screen;pointer-events:none;transform:translate3d(calc(var(--scene-x,0px) * 5),0,0)}
.factory-film-caption{left:12%;right:12%;bottom:9%;z-index:2}
.journey-factory-media .factory-media-note{margin-left:4%}
.journey-motion .journey-panel[data-journey-panel="0"] .journey-copy{top:22%}
.journey-motion .journey-panel[data-journey-panel="0"] .journey-side{top:25%;left:56%;width:calc(44% - var(--page-gutter))}
.journey-motion .journey-ceo-image{position:absolute;left:var(--page-gutter);top:23%;width:37%;height:55%;aspect-ratio:auto;opacity:var(--visual-enter,0);transform:translateY(calc(22px * (1 - var(--visual-enter,0))))}
.journey-motion .journey-panel[data-journey-panel="1"] .journey-copy{left:53%;top:16%;width:calc(47% - var(--page-gutter))}
.journey-motion .journey-panel[data-journey-panel="1"] .journey-copy .journey-lead{display:none}
.journey-motion .journey-panel[data-journey-panel="1"] .journey-side{left:53%;top:43%;width:calc(47% - var(--page-gutter))}
.journey-motion .journey-panel[data-journey-panel="2"] .journey-copy{top:25%;width:calc(43% - var(--page-gutter))}
.journey-motion .journey-panel[data-journey-panel="2"] .journey-side{left:48%;top:18%;width:calc(52% - var(--page-gutter));height:65%}
.journey-motion .journey-panel[data-journey-panel="2"] .factory-film-shell{height:90%;aspect-ratio:auto}
.word-journey:not(.journey-motion) .journey-panel[data-journey-panel="1"]{grid-template-rows:auto 1fr}
.word-journey:not(.journey-motion) .journey-ceo-image{grid-column:1;grid-row:1 / 3;height:100%;aspect-ratio:auto;min-height:420px}
.word-journey:not(.journey-motion) .journey-panel[data-journey-panel="1"] .journey-copy,.word-journey:not(.journey-motion) .journey-panel[data-journey-panel="1"] .journey-side{grid-column:2}
@media(min-width:701px) and (max-height:740px){
 .journey-motion .journey-copy h2{font-size:clamp(40px,4.3vw,72px)}
 .journey-motion .journey-panel[data-journey-panel="1"] .journey-copy{top:12%}
 .journey-motion .journey-panel[data-journey-panel="1"] .journey-side{top:39%}
 .journey-ceo-copy .ceo-statement{font-size:25px;line-height:1.25;margin-bottom:16px}
 .journey-ceo-copy p{font-size:14px;margin-bottom:14px}
 .journey-principles article{padding-block:18px}
}
@media(max-width:700px){
 .philosophy-ice{left:-22%;width:115%;height:45%;bottom:0;opacity:.15}
 .philosophy-plane{clip-path:polygon(75% 0,100% 0,100% 100%,15% 100%);background:rgb(230 235 229 / .4)}
 .philosophy-wind{left:-40%;width:150%;opacity:.14}
 .journey-motion .journey-panel[data-journey-panel="0"] .journey-copy{top:12%}
 .journey-motion .journey-panel[data-journey-panel="0"] .journey-side{left:28px;top:48%;width:calc(100% - 56px)}
 .journey-principles article{padding:14px 0 14px 20px}
 .journey-principles article::before{top:19px;width:4px;height:18px}
 .journey-ceo-image figcaption{font-size:11px;left:18px;bottom:16px}
 .ceo-paper{clip-path:polygon(0 0,70% 0,18% 100%,0 100%)}
 .ceo-yellow{left:65%;width:12%;opacity:.35}
 .journey-motion .journey-panel[data-journey-panel="1"] .journey-copy{left:28px;top:9%;width:calc(100% - 56px)}
 .journey-motion .journey-panel[data-journey-panel="1"] .journey-side{left:28px;top:27%;width:calc(100% - 56px)}
 .journey-ceo-copy .ceo-statement{font-size:23px;line-height:1.3;margin-bottom:16px}
 .journey-ceo-copy p{font-size:13px;line-height:1.55;margin-bottom:12px}
 .journey-ceo-copy .ceo-closing{margin-top:12px}
 .journey-motion .journey-ceo-image{left:28px;top:65%;width:calc(100% - 56px);height:28%}
 .journey-motion .journey-panel[data-journey-panel="2"] .journey-copy{left:28px;top:12%;width:calc(100% - 56px)}
 .journey-motion .journey-panel[data-journey-panel="2"] .journey-side{left:28px;top:48%;width:calc(100% - 56px);height:42%}
 .journey-motion .journey-panel[data-journey-panel="2"] .factory-film-shell{height:100%;aspect-ratio:auto}
 .factory-plane{clip-path:polygon(100% 12%,100% 100%,0 100%)}
 .factory-line{left:26%;top:43%;height:60%}
 .factory-film-caption strong{font-size:32px}
 .word-journey:not(.journey-motion) .journey-panel[data-journey-panel="1"]{display:flex;flex-direction:column}
 .word-journey:not(.journey-motion) .journey-ceo-image{height:240px;min-height:0;flex:none}
}
@media(max-width:700px) and (max-height:700px){
 .journey-motion .journey-panel[data-journey-panel="0"] .journey-copy{top:8%}
 .journey-motion .journey-panel[data-journey-panel="0"] .journey-side{top:48%}
 .journey-principles article{padding-block:10px}
 .journey-principles article::before{top:15px}
 .journey-motion .journey-panel[data-journey-panel="1"] .journey-copy{top:7%}
 .journey-motion .journey-panel[data-journey-panel="1"] .journey-side{top:26%}
 .journey-ceo-copy .ceo-statement{font-size:20px;margin-bottom:12px}
 .journey-ceo-copy p{font-size:12px;line-height:1.45;margin-bottom:10px}
 .journey-motion .journey-ceo-image{top:69%;height:25%}
 .journey-motion .journey-panel[data-journey-panel="2"] .journey-copy{top:9%}
 .journey-motion .journey-panel[data-journey-panel="2"] .journey-side{top:52%;height:39%}
}
@media(prefers-reduced-motion:reduce){
 .journey-ceo-image img,.factory-film-cover img,.philosophy-ice,.philosophy-plane,.philosophy-wind,.ceo-yellow,.factory-plane,.factory-line,.factory-light{transform:none}
 .journey-principles article,.journey-principles article::before{transition:none}
}

/* Supplied CEO portrait and the original homepage signature. */
.journey-ceo-image img{object-position:50% 16%;filter:none;transform:scale(1.02) translate3d(calc(var(--scene-x,0px) * -.3),calc(var(--scene-y,0px) * -.2),0)}
.journey-ceo-image::after{display:none}
.ceo-signoff{position:relative;z-index:2;width:190px;pointer-events:none}
.ceo-signoff img{display:block;width:100%;height:auto}
.journey-motion .journey-ceo-image{left:calc(var(--page-gutter) + 3%);top:16%;width:32%;height:73%;clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}
.journey-motion .ceo-signoff{position:absolute;left:53%;bottom:5%;width:clamp(140px,14vw,200px);opacity:var(--visual-enter,0)}
.word-journey:not(.journey-motion) .ceo-signoff{grid-column:2}
@media(min-width:701px) and (max-height:740px){
 .journey-motion .ceo-signoff{bottom:2%;width:150px}
}
@media(max-width:700px){
 .journey-motion .journey-ceo-image{left:28px;top:65%;width:43%;height:29%}
 .journey-ceo-image img{object-position:50% 12%}
 .journey-motion .ceo-signoff{left:auto;right:28px;bottom:10%;width:38%}
 .word-journey:not(.journey-motion) .journey-ceo-image{width:72%;height:auto;aspect-ratio:2/3;min-height:0}
 .word-journey:not(.journey-motion) .ceo-signoff{width:160px;align-self:flex-end}
}
@media(max-width:700px) and (max-height:700px){
 .journey-motion .journey-ceo-image{top:69%;height:25%}
 .journey-motion .ceo-signoff{bottom:9%;width:38%}
}
@media(prefers-reduced-motion:reduce){.journey-ceo-image img{transform:none}}

/* Begin the next scene while the previous one is leaving. */
.word-journey.journey-motion{margin-top:-50svh;height:410svh}
.story-motion .story-stage{opacity:var(--next-chapter-fade,1)}
@media(max-width:700px){.word-journey.journey-motion{height:480svh}}

/* Background slogan keeps a fixed tint after docking; no reading-driven fades. */
.continuation-words,.continuation-template,.journey-moving-word,.morph-text{
 text-shadow:none;filter:none;-webkit-text-stroke:0;mix-blend-mode:normal;
}
.morph-text{font-family:inherit;font-weight:inherit;font-style:inherit;letter-spacing:inherit;background:none}

/* A single upright slogan crosses the black/paper boundary without duplicates. */
.continuation-words .journey-moving-word{font-style:normal;font-synthesis:weight style small-caps}
.intro-slogan,.intro-slogan *,.continuation-words .morph-text{ text-shadow:none;filter:none;-webkit-text-stroke:0 }
.continuation-words .morph-text{display:block}
.continuation-words .morph-text.is-boundary{background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}