/* Real workshop photography, shared editorial spacing and accessible details. */
.footer-credits p:last-child{font-size:.72rem;color:#ffffffa6;line-height:1.5}.footer-credits p:last-child a{border-bottom-color:#ffffff55}
.offers-page .page-hero{padding:clamp(4rem,7vw,6rem) clamp(1.25rem,8vw,8rem)}
.offers-page .page-hero h1{font-size:clamp(3.2rem,7vw,6.4rem)}
.timeline-item{grid-template-columns:140px minmax(0,1fr)}.timeline-item.timeline-today{grid-template-columns:140px minmax(0,1fr) minmax(220px,360px)}
.history-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-bottom:3rem}.history-photo-grid figure{margin:0;min-width:0}.history-photo-grid img{display:block;width:100%;height:auto;clip-path:inset(1.2% round 16% 0 16% 0 / 27% 0 27% 0);transition:filter .3s ease}.history-photo-grid figure:hover img{filter:contrast(1.04)}.history-photo-grid figcaption{padding:.75rem .25rem;font-size:.86rem;color:var(--muted)}
@media(max-width:900px){.history-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.history-photo-grid{grid-template-columns:1fr}}
.timeline-media{margin:0;border:0;box-shadow:none}.timeline-media>img{border:0;box-shadow:none}.timeline-current>img:not(.timeline-company-logo){height:auto;aspect-ratio:16/9;object-fit:cover;filter:none}.timeline-current .timeline-company-logo{display:block;width:min(100%,260px);height:auto;max-height:100px;object-fit:contain;filter:none;margin:1rem auto .5rem;background:var(--ink);padding:12px;box-sizing:border-box}.timeline-current figcaption{text-align:center;font-size:.8rem;color:var(--muted)}
@media(max-width:900px){.timeline-item,.timeline-item.timeline-today{grid-template-columns:100px minmax(0,1fr)}.timeline-media{grid-column:2}}
@media(max-width:600px){.timeline-item,.timeline-item.timeline-today{grid-template-columns:1fr}.timeline-media{grid-column:1}}
.hero{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:2.5rem 3.5rem;padding:150px clamp(1.25rem,5vw,5rem) 0;align-items:center}
.hero-photo{position:relative;inset:auto;grid-column:2;grid-row:1;opacity:1;overflow:hidden}
.hero-photo:after{display:none}
.hero-photo img{display:block;width:100%;height:auto;aspect-ratio:16/11;object-fit:cover;object-position:center;filter:none;transform:none}
.hero-copy{grid-column:1;grid-row:1;width:100%;padding-block:1rem}
.hero h1{font-size:clamp(3.6rem,6.2vw,6.5rem)}
.hero-grid{pointer-events:none}
.quick-info{position:relative;inset:auto;grid-column:1/-1;width:100%;min-width:0;margin:0;grid-template-columns:1fr 1fr}
.trust-strip strong{font-size:clamp(1.8rem,3vw,2.7rem);white-space:nowrap}
.offer-poster .offer-content{padding:clamp(1.25rem,4vw,2.5rem);color:#fff}
.offer-details h2{font-size:clamp(2.2rem,4vw,3.4rem);margin:0 0 1rem}.offer-details .kicker{margin-bottom:1rem}.offer-details li{margin:.5rem 0}.offer-readable-price{font-size:1.2rem}.offer-readable-price strong{white-space:nowrap}.offer-poster .offer-action{margin-top:1rem}
.team-group{max-width:1280px;margin:0 auto 3rem}
.team-group img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/10;object-fit:cover;object-position:center;background:transparent;box-shadow:0 12px 30px #11131a12}
@media(max-width:600px){.team-group img{aspect-ratio:3/2;box-shadow:none}}
.team-group figcaption{padding:1rem 0;color:var(--muted);font-size:.9rem}
.team-card img{display:block;width:100%;height:auto;filter:none;aspect-ratio:4/5;object-position:center 30%}
.team-card:hover img,.team-card:focus-visible img,.team-card:focus-within img{filter:saturate(1.06)}
.team-card:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.service-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:2rem}.service-photo-grid figure{margin:0;background:#fff}.service-photo-grid img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.service-photo-grid figcaption{padding:1rem;font:600 1.35rem/1.2 var(--display);text-transform:uppercase}
@media(max-width:600px){.service-photo-grid{grid-template-columns:1fr}}
.gallery-current img{filter:none;height:auto;aspect-ratio:3/2}
.gallery-current figure{overflow:hidden}
.gallery-current figure:hover img{filter:saturate(1.06)}
.gallery-history-heading{margin:5rem 0 2rem}
.gallery-history-heading h2{font-size:clamp(2.6rem,4.7vw,4.5rem);margin:0 0 1rem}
@media(hover:none){.team-qualifications{grid-template-rows:1fr;opacity:1;transform:none}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:120px;gap:2rem}.hero-copy{grid-row:1;grid-column:1}.hero-photo{grid-row:2;grid-column:1}.hero-photo img{aspect-ratio:16/9}.hero h1{font-size:clamp(3.8rem,10vw,6.5rem)}.quick-info{grid-row:3;grid-column:1;margin:0;width:100%}}
@media(max-width:600px){.hero{display:grid;padding:110px 1.25rem 0;gap:1.5rem}.hero h1{font-size:clamp(3.3rem,15vw,5rem)}.hero-copy{padding:0}.quick-info{position:relative;margin:0;gap:0;background:#fff}.quick-info>div,.quick-info>a{box-shadow:none;border-right:1px solid var(--line)}.team-card img{aspect-ratio:4/5}.team-group{margin-bottom:2rem}.gallery-history-heading{margin-top:3.5rem}}
@media(prefers-reduced-motion:reduce){.team-card,.team-card img,.team-card .team-info,.team-qualifications{transition:none}.team-card:hover,.team-card:focus-visible,.team-card:focus-within,.team-card:hover img,.team-card:focus-visible img,.team-card:focus-within img{transform:none}}


/* Interactive illustrated chronology: hover previews, click pins, keyboard and touch toggle. */
.history-instruction{color:var(--muted);font-size:.9rem;margin:-2rem 0 2rem}
.history-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0 2rem}.history-controls[hidden]{display:none}.history-controls button{font:inherit;font-weight:600;padding:.65rem 1rem;border:1px solid #777;background:transparent;color:inherit;border-radius:3px;cursor:pointer}.history-controls button:hover{background:#fff}.history-controls button:focus-visible{outline:3px solid #c82027;outline-offset:3px}.history-controls span{font-size:.85rem;color:#555}.history-section .timeline{overflow-anchor:none}
.history-section .history-station{display:grid;grid-template-columns:minmax(0,1fr);gap:1.75rem;padding:1.8rem 1.5rem;align-items:start}
.history-section .history-station.is-open{grid-template-columns:minmax(0,1fr) minmax(260px,500px);background:#fff}
.history-trigger{display:grid;grid-template-columns:110px minmax(0,1fr) 28px;gap:1.5rem;align-items:start;width:100%;border:0;padding:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}
.history-static{cursor:default;grid-template-columns:110px minmax(0,1fr)}
.history-trigger .timeline-copy{display:block;padding-top:.6rem;line-height:1.6}
.history-trigger .timeline-year{font-size:2.7rem}
.history-trigger:focus-visible{outline:3px solid var(--red);outline-offset:8px}
.history-toggle{font-size:1.65rem;line-height:1;padding-top:.7rem;color:var(--red);transition:transform .25s ease}
.is-open .history-toggle{transform:rotate(45deg)}
.history-panel{min-width:0;width:100%;max-width:500px;animation:history-panel-in .25s ease}
.history-panel[hidden]{display:none}
.history-panel figure{margin:0 0 1.2rem}
.history-panel figure:last-of-type{margin-bottom:0}
.history-section .history-panel .timeline-history-photo{display:block;width:100%;height:auto;max-width:500px;object-fit:contain;clip-path:inset(1.2% round 16% 0 16% 0 / 27% 0 27% 0)}
.history-panel figcaption{font-size:.84rem;line-height:1.5;color:var(--muted);padding:.65rem .25rem 0}
.history-section .history-panel .history-current-portrait{display:block;width:100%;height:auto;max-height:none;aspect-ratio:4/5;object-fit:cover;object-position:center 30%;filter:none}
.history-section .history-panel .history-company-logo{display:block;width:230px;max-width:100%;height:auto;max-height:100px;object-fit:contain;background:var(--ink);padding:12px;box-sizing:border-box;margin:1.2rem 0 0;filter:none;transform:none}
@keyframes history-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.history-section .history-station.is-open{grid-template-columns:minmax(0,1fr)}.history-panel{margin-left:134px;width:calc(100% - 134px)}}
@media(max-width:600px){.history-section .history-station{padding:1.5rem .5rem;gap:1.2rem}.history-trigger{grid-template-columns:1fr 28px;gap:.6rem}.history-trigger .timeline-year{grid-column:1;grid-row:1}.history-trigger .timeline-copy{grid-column:1/-1;grid-row:2;padding:0}.history-toggle{grid-column:2;grid-row:1}.history-static{grid-template-columns:1fr}.history-panel{margin-left:0;width:100%;max-width:500px}.history-instruction{margin-top:-1.5rem}}
@media(prefers-reduced-motion:reduce){.history-panel{animation:none}.history-station,.history-station img,.history-station .timeline-year,.history-toggle{transition:none}.history-station:hover,.history-station:focus-within,.history-station:hover img,.history-station:focus-within img{transform:none}}

/* Hero revision: the real entrance photograph blends into the dark canvas. */
.hero{min-height:680px;padding-top:155px;row-gap:3rem;background:#151517}
.hero-photo{position:absolute;inset:86px 0 0 32%;grid-area:auto;z-index:0;overflow:hidden}
.hero-photo img{height:100%;width:100%;aspect-ratio:auto;object-fit:cover;object-position:52% center}
.hero-photo:after{display:block;content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#151517 0%,rgba(21,21,23,.94) 8%,rgba(21,21,23,.48) 25%,rgba(21,21,23,0) 48%),linear-gradient(180deg,#151517 0%,rgba(21,21,23,0) 18%,rgba(21,21,23,0) 76%,#151517 100%)}
.hero-copy{z-index:2;align-self:center;padding-bottom:2rem}
.hero-grid{z-index:1;opacity:.45}
.quick-info{z-index:3;align-self:end}
@media(max-width:900px){
.hero{min-height:0;padding-top:120px;gap:1.25rem}
.hero-copy{padding-bottom:0}
.hero-photo{position:relative;inset:auto;grid-column:1;grid-row:2;width:calc(100% + 2.5rem);margin-inline:-1.25rem;min-height:0}
.hero-photo img{height:auto;aspect-ratio:2/1;object-fit:cover;object-position:center}
.hero-photo:after{background:linear-gradient(90deg,#151517 0%,rgba(21,21,23,0) 10%,rgba(21,21,23,0) 90%,#151517 100%),linear-gradient(180deg,#151517 0%,rgba(21,21,23,0) 19%,rgba(21,21,23,0) 78%,#151517 100%)}
.quick-info{grid-row:3}
}
@media(max-width:600px){.hero{padding-top:110px;gap:1rem}.hero-photo{margin-block:.25rem}.hero-photo img{aspect-ratio:16/9;object-position:53% center}}


/* Historical collage: original photos, independent technical decoration, natural scroll. */
.history-collage .history-view-toggle{font:inherit;font-size:.85rem;padding:.6rem 0;background:none;border:0;border-bottom:1px solid currentColor;color:var(--muted);cursor:pointer;margin-bottom:1.5rem}
.history-collage .history-view-toggle:focus-visible{outline:3px solid var(--red);outline-offset:5px}
.history-collage .history-scroll-track{background:#111216;color:#f7f3e9;position:relative;border-radius:2px}
.history-collage .history-stage{position:relative;padding:2rem;isolation:isolate}
.history-collage .history-station{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,5rem);align-items:center;background:transparent;border:0;border-bottom:1px solid #ffffff24;box-shadow:none;padding:3rem 1rem;margin:0;overflow:hidden}
.history-collage .history-station:hover{background:transparent;box-shadow:none;transform:none}
.history-collage .history-trigger{display:block;cursor:default;position:relative;z-index:2}
.history-collage .timeline-year{display:inline-block;background:#e9e4d6;color:#17181a!important;font:600 clamp(1.7rem,3vw,3rem)/1 var(--display);padding:.3rem 1.5rem .4rem;clip-path:polygon(2% 0,97% 3%,95% 24%,100% 46%,96% 67%,98% 98%,4% 95%,0 72%,3% 48%,0 20%);margin:0 0 2rem;transform:none!important}
.history-collage .timeline-copy{display:block;color:#f2eee5;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7;max-width:34ch;padding:0}
.history-collage .history-panel{position:relative;z-index:2;display:block;margin:0;width:100%;max-width:500px;animation:none}
.history-collage .history-panel figure{margin:0;position:relative}
.history-collage .history-panel figure+figure{margin-top:1.2rem}
.history-collage .history-panel figcaption{color:#d8d1c4;font-size:.83rem;line-height:1.5;padding:.6rem .25rem 0}
.history-collage .history-panel img{filter:none!important;transform:none!important;box-shadow:none!important}
.history-collage .history-panel .timeline-history-photo{width:100%;height:auto;max-width:500px;clip-path:inset(1.2% round 16% 0 16% 0 / 27% 0 27% 0)}
.history-collage .history-panel .history-current-portrait{height:auto;width:100%;max-height:390px;object-fit:contain;object-position:left center;aspect-ratio:auto;clip-path:polygon(1% 0,99% 1%,98% 23%,100% 48%,98% 76%,99% 99%,2% 98%,0 72%,2% 48%,0 21%)}
.history-collage .history-panel .history-company-logo{background:transparent;width:180px;max-height:65px;object-fit:contain;padding:0;margin:1rem 0 0}
.history-collage .history-panel .collage-present-background{position:absolute;inset:-20px -35px auto auto;width:100%;height:100%;object-fit:cover;opacity:.12;z-index:-1;clip-path:polygon(0 8%,96% 0,100% 90%,4% 100%);pointer-events:none}
.collage-tool-fragment{position:absolute;left:3%;bottom:4%;width:190px;height:230px;object-fit:cover;opacity:.23;filter:sepia(.65);clip-path:polygon(5% 4%,93% 0,100% 34%,94% 68%,98% 96%,8% 100%,0 75%,4% 38%);transform:rotate(-13deg)}
.history-collage .history-panel .collage-work-fragment{position:absolute;right:-35px;bottom:0;width:170px;height:120px;object-fit:cover;opacity:.28;z-index:-1;clip-path:polygon(0 7%,92% 0,100% 93%,6% 100%);pointer-events:none}
.collage-decoration{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.technical-orbit{position:absolute;width:280px;height:280px;border:18px dashed #c3a37424;border-radius:50%;top:8%;right:2%;box-shadow:inset 0 0 0 18px #c3a3740a}
.technical-orbit:after{content:"";position:absolute;inset:55px;border:2px solid #c3a37436;border-radius:50%}
.technical-grid{position:absolute;left:2%;bottom:8%;width:320px;height:100px;background:repeating-linear-gradient(0deg,transparent 0 13px,#e0ddd318 14px 15px),repeating-linear-gradient(90deg,transparent 0 31px,#e0ddd30c 32px 33px);transform:rotate(-8deg)}
.technical-mark{position:absolute;right:15%;bottom:8%;font:200 100px/1 sans-serif;color:#e9e4d614}
.collage-intro{display:none}
.history-collage .is-collage .history-stage{position:sticky;top:105px;height:var(--stage-height);padding:0;overflow:clip}
.history-collage .is-collage .history-stage:before{content:"";position:absolute;left:-5%;right:-5%;top:48%;height:4px;background:#e9e4d6;opacity:.65;clip-path:polygon(0 30%,12% 0,26% 40%,39% 15%,52% 42%,67% 10%,83% 25%,100% 0,100% 70%,82% 100%,64% 75%,49% 100%,31% 65%,14% 100%,0 80%);transform:scaleX(var(--line-progress,1));transform-origin:left;z-index:0}
.history-collage .is-collage .history-station{position:absolute;inset:22px 5% 28px;padding:1.5rem 0;border:0;transition:none;will-change:transform;overflow:visible}
.history-collage .is-collage .history-trigger{background:transparent;padding:1.2rem 0;isolation:isolate}.history-collage .is-collage .history-trigger:before{content:"";position:absolute;inset:-3rem -4rem;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(17,18,22,.9) 0%,rgba(17,18,22,.68) 40%,rgba(17,18,22,0) 74%)}
.history-collage .is-collage .history-panel{max-width:500px}
.history-collage .is-collage .history-station:nth-of-type(even){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.history-collage .is-collage .history-station:nth-of-type(even) .history-trigger{grid-column:2;grid-row:1}
.history-collage .is-collage .history-station:nth-of-type(even) .history-panel{grid-column:1;grid-row:1}
.history-collage .is-collage .history-panel:has(figure:nth-of-type(2)){display:grid;grid-template-columns:1fr;gap:.9rem;width:min(100%,350px,calc((var(--stage-height) - 130px)*.85));justify-self:center}
.history-collage .is-collage .history-panel figure+figure{margin-top:0}
.history-collage .is-collage .history-panel .history-current-portrait{max-height:calc(var(--stage-height) - 180px)}
.history-collage .is-collage .collage-intro{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:1rem;text-align:center;pointer-events:none;z-index:3;background:#111216}
.collage-intro>span:first-child{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:#cdbb9c}
.collage-intro strong{font:500 clamp(2.4rem,4vw,4.2rem)/1.1 var(--display);text-transform:uppercase}
.collage-intro-cross{font-size:3.4rem;line-height:1}
@media(max-width:900px),(max-height:619px){.history-collage .history-stage{padding:1rem}.history-collage .history-station{grid-template-columns:1fr;gap:2rem;padding:2rem 0}.history-collage .history-panel{max-width:500px}.history-collage .timeline-copy{max-width:none}.history-collage .history-panel .history-current-portrait{max-height:500px}}
@media(prefers-reduced-motion:reduce){.history-collage .history-station,.history-collage .history-panel{transform:none!important;opacity:1!important;transition:none!important}}


/* Scroll-linked red timeline: content is revealed on reaching each year. */
.history-progress-rail{position:relative;display:flex;justify-content:space-between;align-items:flex-start;height:64px;margin:0 1rem;padding-top:20px;z-index:5;isolation:isolate}
.history-progress-rail[hidden]{display:none}
.history-progress-rail:before,.history-progress-fill{content:"";position:absolute;left:6.25%;right:6.25%;top:8px;height:3px;background:#e7dfd555;z-index:-1}
.history-progress-fill{background:#dc3035;transform:scaleX(var(--history-progress,0));transform-origin:left}
.history-progress-year{background:none;border:0;padding:0;cursor:pointer;flex:1;text-align:center;font:600 clamp(.75rem,1.2vw,1rem)/1.2 var(--display);color:#c4bdaf;position:relative}
.history-progress-year:before{content:"";position:absolute;left:50%;top:-16px;width:9px;height:9px;border-radius:50%;background:#555;transform:translateX(-50%)}
.history-progress-year.is-reached{color:#fff}.history-progress-year.is-reached:before{background:#dc3035}
.history-collage .is-progress-story .history-stage:before,.history-collage .collage-intro{display:none!important}
.history-collage .is-progress-story .history-progress-rail{position:absolute;top:18px;left:5%;right:5%;margin:0}
.history-collage .is-progress-story .history-station{inset:82px 5% 20px;padding:0;transition:opacity .3s ease,transform .3s ease}
.history-collage .is-progress-story .history-panel:has(figure:nth-of-type(2)){width:min(100%,350px,calc((var(--stage-height) - 220px)*.85))}
.history-collage .is-progress-story .history-panel .history-current-portrait{max-height:calc(var(--stage-height) - 245px)}
.history-collage .is-compact-motion .history-progress-rail{position:relative;top:auto;background:#111216;margin:0;padding-top:22px}

/* Full-page dark history experience and strictly gated content reveals. */
.history-experience{background:#111216;color:#f7f3e9}
.history-experience .page-hero{background:#111216;color:#f7f3e9;padding-bottom:2.5rem}
.history-experience .page-hero h1{color:#f7f3e9}
.history-experience .history-collage{max-width:none;width:100%;padding:0 clamp(1.25rem,4vw,4rem) 4rem}
.history-experience .page-intro,.history-experience .history-instruction,.history-experience .history-view-toggle{color:#d8d1c4}
.history-collage .is-progress-story .history-station{inset:100px 5% 20px;transition:none}
.history-collage .is-progress-story .history-station[hidden]{display:none!important}
.history-collage .is-progress-story .history-station.is-revealed .history-trigger{animation:history-content-reveal .45s ease both}
.history-collage .is-progress-story .history-station.is-revealed .history-panel{animation:history-content-reveal .6s .08s ease both}
@keyframes history-content-reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.history-experience .history-trigger,.history-experience .history-panel{animation:none!important}}

.history-progress-year:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:2px}
/* Single-station timeline at every viewport size with keyboard year selection. */
.history-collage .is-progress-story .history-stage{top:var(--history-top,98px)}
.history-collage .is-progress-story .history-trigger .timeline-year{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.history-collage .is-progress-story .history-station{inset:82px 5% 12px}
@media(max-width:900px){
.history-experience .history-collage{padding-inline:1rem}
.history-collage .is-progress-story .history-stage{padding:0}
.history-collage .is-progress-story .history-progress-rail{left:1%;right:1%;top:8px}
.history-collage .is-progress-story .history-station,
.history-collage .is-progress-story .history-station:nth-of-type(even){inset:66px 3% 10px;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:0;align-items:start}
.history-collage .is-progress-story .history-station .history-trigger,
.history-collage .is-progress-story .history-station:nth-of-type(even) .history-trigger{grid-column:1;grid-row:1;padding:0}
.history-collage .is-progress-story .history-station .history-panel,
.history-collage .is-progress-story .history-station:nth-of-type(even) .history-panel{grid-column:1;grid-row:2;width:100%;max-width:500px;margin:0;align-self:start;justify-self:center}
.history-collage .is-progress-story .timeline-copy{font-size:.9rem;line-height:1.45;max-width:none}
.history-collage .is-progress-story .history-panel .timeline-history-photo,
.history-collage .is-progress-story .history-panel .history-current-portrait{max-height:max(60px,calc(var(--stage-height) - 200px));width:100%;object-fit:contain;object-position:center}
.history-collage .is-progress-story .history-panel:has(figure:nth-of-type(2)){display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:500px}
.history-collage .is-progress-story .history-panel figcaption{font-size:.72rem;line-height:1.3;padding-top:.35rem}
}
@media(max-height:619px) and (min-width:901px){
.history-collage .is-progress-story .history-station{inset:65px 4% 8px;gap:1.5rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.history-collage .is-progress-story .history-panel .timeline-history-photo,
.history-collage .is-progress-story .history-panel .history-current-portrait{max-height:max(70px,calc(var(--stage-height) - 115px));object-fit:contain}
.history-collage .is-progress-story .history-panel:has(figure:nth-of-type(2)){width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.history-collage .is-progress-story .timeline-copy{font-size:.9rem;line-height:1.4}
}

.collage-tire-fragment{position:absolute;right:2%;top:8%;width:170px;height:205px;overflow:hidden;opacity:.16;transform:rotate(12deg);pointer-events:none}
.collage-tire-fragment img{position:absolute;left:-610px;top:-10px;width:1280px!important;height:720px!important;max-width:none!important;object-fit:fill}
.collage-wrench-fragment{position:absolute;left:3%;bottom:4%;width:100px;height:240px;color:#d5d2c8;opacity:.16;transform:rotate(-24deg);pointer-events:none}
/* Shared photo canvas and scroll-bound construction dissolve. */
.history-collage .is-progress-story .history-panel,
.history-collage .is-progress-story .history-panel:has(figure:nth-of-type(2)){display:grid;grid-template-columns:1fr;gap:0;width:min(100%,500px,max(100px,calc((var(--stage-height) - 200px)*1.7)));max-width:500px;justify-self:center}
.history-collage .is-progress-story .history-panel figure{grid-area:1/1;margin:0;width:100%;min-width:0}
.history-collage .is-progress-story .history-panel .timeline-history-photo,
.history-collage .is-progress-story .history-panel .history-current-portrait{display:block;width:100%;height:auto;max-height:none;aspect-ratio:500/294;object-fit:cover;object-position:center;clip-path:inset(1.2% round 16% 0 16% 0 / 27% 0 27% 0)}
.history-collage .is-progress-story .history-panel .history-current-portrait{object-position:center 15%}
@media(max-width:900px){
.history-collage .is-progress-story .history-station .history-panel,
.history-collage .is-progress-story .history-station:nth-of-type(even) .history-panel,
.history-collage .is-progress-story .history-panel:has(figure:nth-of-type(2)){width:min(100%,500px,max(100px,calc((var(--stage-height) - 200px)*1.7)));grid-template-columns:1fr;gap:0}
}

/* More generous chronology sizing without changing the scroll sequence. */
.history-experience .history-collage{padding-inline:clamp(.75rem,2.5vw,3rem)}
.history-collage .is-progress-story .history-progress-rail{left:2%;right:2%;height:72px}
.history-progress-year{font-size:clamp(1rem,1.7vw,1.4rem)}
.history-progress-rail:before,.history-progress-fill{height:4px}
.history-progress-year:before{width:11px;height:11px}
.history-collage .is-progress-story .history-station{inset:94px 2% 12px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(1.5rem,3vw,3rem)}
.history-collage .is-progress-story .history-station:nth-of-type(even){grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.history-collage .is-progress-story .history-panel,
.history-collage .is-progress-story .history-panel:has(figure:nth-of-type(2)){width:min(100%,640px,max(100px,calc((var(--stage-height) - 165px)*1.7)));max-width:640px}
.history-collage .is-progress-story .history-panel .timeline-history-photo,
.history-collage .is-progress-story .history-panel .history-current-portrait{max-width:none}
@media(max-width:900px){
.history-experience .history-collage{padding-inline:.5rem}
.history-collage .is-progress-story .history-progress-rail{left:0;right:0}
.history-progress-year{font-size:clamp(.95rem,2.6vw,1.15rem)}
.history-collage .is-progress-story .history-station,
.history-collage .is-progress-story .history-station:nth-of-type(even){inset:70px 1% 10px;grid-template-columns:1fr;gap:10px}
.history-collage .is-progress-story .history-station .history-panel,
.history-collage .is-progress-story .history-station:nth-of-type(even) .history-panel,
.history-collage .is-progress-story .history-panel:has(figure:nth-of-type(2)){width:min(100%,640px,max(100px,calc((var(--stage-height) - 200px)*1.7)));max-width:640px}
}
@media(max-height:619px) and (min-width:901px){
.history-collage .is-progress-story .history-station{inset:76px 2% 8px}
.history-collage .is-progress-story .history-panel,
.history-collage .is-progress-story .history-panel:has(figure:nth-of-type(2)){width:min(100%,640px,max(100px,calc((var(--stage-height) - 145px)*1.7)))}
}