/* The history component only: existing Barlow fonts and brand colours. */
@font-face{font-family:'Maluch Story';src:url('../fonts/barlow-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Maluch Story';src:url('../fonts/barlow-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Maluch Story Condensed';src:url('../fonts/barlow-condensed-bold.ttf') format('truetype');font-weight:700;font-display:swap}
.about-story{background:#fff;position:relative;overflow:hidden;padding:65px 0 45px;color:var(--color-ink);font-family:'Maluch Story',var(--body)}
.about-story-wrap{position:relative;max-width:1400px}
.about-stages{position:relative;isolation:isolate}
.about-road,.about-landscape{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.about-landscape{opacity:.12}
.about-stage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;align-items:center;min-height:380px;position:relative;padding:35px 0}
.about-stage-copy{grid-column:9/-1;grid-row:1;max-width:450px;position:relative}
.about-stage-left .about-stage-copy{grid-column:1/5}
.about-stage-visual{grid-column:2/9;grid-row:1;position:relative;margin:0;width:100%;max-width:570px;aspect-ratio:3/2;justify-self:center}
.about-stage-left .about-stage-visual{grid-column:5/12}
.about-stage-visual img{display:block;position:absolute;top:50%;transform:translateY(-50%);width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center;-webkit-mask-image:var(--story-mask,url('../images/about-mask-a.svg'));mask-image:var(--story-mask,url('../images/about-mask-a.svg'));-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha}
.about-stage-2{--story-mask:url('../images/about-mask-b.svg')}
.about-stage-3{--story-mask:url('../images/about-mask-c.svg')}
.about-stage-4{--story-mask:url('../images/about-mask-b.svg')}
.about-stage-5{--story-mask:url('../images/about-mask-c.svg')}
/* Retain the full source frame. Feathering changes its outline, not its crop. */
.about-stage-1 img{object-position:48% 52%}
.about-stage-2 img{object-position:52% 54%}
.about-stage-3 img{object-position:66% 57%}
.about-stage-4 img{object-position:50% 46%}
.about-stage-5 img{object-position:54% 52%}
.about-stage-visual figcaption{position:absolute;bottom:4px;right:12%;font-size:11px;color:var(--color-muted)}
.about-story .about-kicker{display:flex;align-items:center;gap:12px;color:var(--color-brand);font-family:'Maluch Story Condensed',var(--heading);font-size:15px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px;line-height:1.3}
.about-kicker:before{content:"";width:24px;height:2px;flex:0 0 24px;background:var(--color-brand)}
.about-story h2{font-family:'Maluch Story Condensed',var(--heading);font-weight:700;text-transform:uppercase;line-height:1.05;margin:0 0 18px;letter-spacing:-.01em;font-size:clamp(28px,2.3vw,34px)}
.about-story h2 em{font-style:normal;color:var(--color-brand)}
.about-story p{font-size:16px;line-height:1.55;margin:0 0 18px;color:#45464e}
.about-story-link{display:inline-block;position:relative;padding:0 0 8px;font-size:14px;font-weight:700;color:var(--color-ink)}
.about-story-link:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--color-brand);transition:width .2s}
.about-story-link:hover:after{width:100%}
.about-pin{position:absolute;top:0;left:50%;z-index:3;display:grid;place-items:center;width:42px;height:42px;border:3px solid #fff;background:var(--color-brand-bright,var(--color-brand));border-radius:50% 50% 50% 0;transform:translateX(-50%) rotate(-45deg);box-shadow:0 2px 8px #0001}
.about-pin>span{transform:rotate(45deg);font-family:'Maluch Story Condensed',var(--heading);color:#fff;font-size:26px;font-weight:700;line-height:1}
.about-pin-mobile{display:none}
.about-story-finale{position:relative;display:grid;grid-template-columns:60px 180px minmax(180px,1fr) auto;gap:24px;align-items:center;padding:26px 30px;background:#f5f2f3;border-radius:14px;margin-top:35px}
.about-finale-icon{width:60px;height:70px;color:var(--color-brand)}
.about-story-finale h2{font-size:31px;margin:0}
.about-story-finale p{font-size:14px;margin:0;max-width:410px}
.about-finale-actions{display:flex;gap:12px;flex-wrap:wrap}
.about-finale-actions .button{font-size:12px;min-height:48px;padding:12px 18px;white-space:nowrap}
.about-button-outline{border:1px solid var(--color-brand);background:transparent;color:var(--color-ink)}
.about-button-outline:hover{background:var(--color-brand);color:#fff}
@media(min-width:1600px){.about-story-wrap{width:min(100% - 120px,1400px)}.about-stage{min-height:410px;column-gap:28px}.about-story p{font-size:17px}}
@media(max-width:1150px){.about-road{transform:scaleX(.8);transform-origin:center}.about-stage{column-gap:18px;min-height:380px}.about-stage-copy{grid-column:8/-1}.about-stage-left .about-stage-copy{grid-column:1/6}.about-stage-visual{grid-column:1/8}.about-stage-left .about-stage-visual{grid-column:6/-1}.about-story h2{font-size:28px}.about-story p{font-size:15px}.about-story-finale{grid-template-columns:55px 180px 1fr}.about-finale-actions{grid-column:2/-1}}
@media(max-width:800px){.about-story{padding:40px 0 30px}.about-road{display:none}.about-landscape{opacity:.08}.about-stages{padding-left:52px}.about-stages:before{content:"";position:absolute;top:0;bottom:35px;left:10px;width:22px;background:#e3e7e9;border:2px solid #f4f5f6;z-index:-1}.about-stages:after{content:"";position:absolute;top:0;bottom:35px;left:20px;border-left:2px dashed #fff;z-index:-1}.about-stage{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0;margin-bottom:48px;gap:18px}.about-stage-copy{max-width:560px;order:1}.about-stage-visual,.about-stage-left .about-stage-visual{order:2;width:100%;max-width:540px;align-self:center}.about-stage-visual img{aspect-ratio:auto}.about-pin-desktop{display:none}.about-pin-mobile{display:grid;top:0;left:-31px;width:36px;height:36px}.about-stage-visual figcaption{position:absolute;bottom:-14px;right:10%;text-align:right}.about-story h2{font-size:29px}.about-story p{font-size:16px}.about-story-finale{grid-template-columns:50px 1fr;padding:25px 20px;gap:18px}.about-finale-icon{width:50px}.about-story-finale h2{font-size:33px}.about-story-finale p,.about-finale-actions{grid-column:1/-1}.about-finale-actions{display:grid;grid-template-columns:1fr;width:100%}.about-finale-actions .button{width:100%;min-height:48px}}
@media(max-width:430px){.about-stages{padding-left:44px}.about-stages:before{left:5px}.about-stages:after{left:15px}.about-pin-mobile{left:-28px}.about-story h2{font-size:27px}.about-story .about-kicker{font-size:13px;gap:8px}}
@media(prefers-reduced-motion:reduce){.about-story-link:after{transition:none}}