/* S18 — an editorial timeline, using C01/C04/U01/U04. */
body.history-page{margin:0;background:#ede7da;color:#142440;font-family:Golos,Arial,sans-serif}
.history-page *, .history-page *:before,.history-page *:after{box-sizing:border-box}
.history-page main{display:block;padding:0;margin:0;overflow:clip}
.history-wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}
.history-page [data-field="navy"]{background:#142440;color:#ede7da;--history-rule:#ede7da33;--slot-bg:#ede7da05;--action-accent:#dba17b}
.history-page [data-field="ivory"]{background:#ede7da;color:#142440;--history-rule:#14244033;--slot-bg:#14244004;--action-accent:#955c36}
.history-page [data-field="olive"]{background:#62694e;color:#ede7da;--history-rule:#ede7da55;--slot-bg:#1424400d;--action-accent:#fff3df}
.history-page [data-field="mineral"]{background:#343e3d;color:#ede7da;--history-rule:#ede7da44;--slot-bg:#ede7da05;--action-accent:#dba17b}
.history-page :is(h1,h2,h3,p,figure){margin:0}
.history-page a{color:inherit;font-weight:500;transition:color .2s}
.history-page a:hover{color:var(--action-accent,#955c36)}
.history-page a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.history-kicker{display:block;font:500 12px/1.5 Golos,Arial,sans-serif;letter-spacing:.09em}
.history-hero{padding:32px 0 72px}
.history-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.history-back{display:inline-flex;gap:12px;font-size:12px;margin-bottom:40px;opacity:.75}
.history-hero .history-kicker{margin-bottom:20px}
.history-page .history-hero h1{font:720 clamp(42px,4.5vw,72px)/.98 Golos,Arial,sans-serif;letter-spacing:-.055em;margin-bottom:28px}
.history-hero h1>span{color:#bb7c52}
.history-page .history-lead{font-size:21px;line-height:1.45;letter-spacing:-.025em;margin-bottom:20px;max-width:440px}
.history-page .history-hero-intro{font-size:15px;line-height:1.65;max-width:450px;opacity:.78}
.history-start{display:inline-flex;gap:30px;margin-top:30px;font-size:14px}
.history-page .history-founder{align-self:center;margin-top:30px}
.history-founder picture{display:block;background:#080909;aspect-ratio:1.12;overflow:hidden}
.history-founder img{display:block;width:100%;height:100%;object-fit:cover;object-position:58% center}
.history-founder figcaption{display:flex;flex-direction:column;gap:5px;padding:20px 0 0;font-size:13px;line-height:1.5}
.history-founder strong{font-size:18px;font-weight:600;letter-spacing:-.02em}
.history-founder small{font-size:11px;opacity:.6;margin-top:4px}
.history-nav{background:#ede7da;color:#142440;border-bottom:1px solid #14244026;position:sticky;top:66px;z-index:15}
.history-nav .history-wrap{display:flex;align-items:center;gap:32px;overflow:auto;scrollbar-width:none}
.history-nav .history-wrap::-webkit-scrollbar{display:none}
.history-nav a{flex:none;display:block;padding:20px 0;font-size:13px;line-height:1.3;border-bottom:2px solid transparent;white-space:nowrap}
.history-nav a[aria-current="location"]{border-bottom-color:#bb7c52;color:#955c36}
.history-river{position:relative;isolation:isolate}
.history-stream{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;overflow:visible;fill:none;stroke-linecap:round;stroke-width:1.15}
.history-stream-bed{stroke:#bb7c52;opacity:.14}
.history-stream-ink{stroke:#bb7c52}
.history-event{position:relative;scroll-margin-top:160px;padding:90px 0}
.history-event-inner{display:grid;grid-template-columns:170px minmax(0,1fr);gap:110px;position:relative;z-index:3}
.history-date{display:flex;flex-direction:column;gap:16px;align-self:start}
.history-date>span{font:550 clamp(38px,4vw,60px)/1 Golos,Arial,sans-serif;letter-spacing:-.065em;overflow-wrap:normal}
.history-date small{font-size:12px;font-weight:450;opacity:.55;letter-spacing:.08em}
.history-event:is(#avia,#growth,#fest) .history-date>span{font-size:clamp(23px,2.5vw,36px);letter-spacing:-.04em;line-height:1.12;max-width:175px}
.history-chapter{min-width:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:42px;align-items:start}
.history-page .history-copy h2{font:650 clamp(27px,2.5vw,38px)/1.1 Golos,Arial,sans-serif;letter-spacing:-.045em;margin-bottom:26px;text-wrap:balance}
.history-page .history-copy>p{font-size:16px;line-height:1.7;margin:0 0 18px}
.history-page .history-side{min-width:0;padding-top:5px}
.history-media{width:100%}
.history-media-slot{display:flex;min-height:260px;aspect-ratio:4/3;padding:26px;flex-direction:column;border:1px solid var(--history-rule);background:var(--slot-bg);position:relative;overflow:hidden}
.history-slot-kind{font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.08em;opacity:.66;margin-bottom:28px}
.history-slot-title{font-size:18px;font-weight:500;line-height:1.4;max-width:280px;letter-spacing:-.025em}
.history-slot-status{font-size:11px;line-height:1.5;opacity:.6;margin-top:30px;padding-right:65px}
.history-media-slot svg{position:absolute;width:76px;height:34px;right:20px;bottom:22px;fill:none;stroke:#bb7c52;stroke-width:1}
.history-links{display:flex;flex-direction:column;gap:18px;margin-top:24px;align-items:flex-start}
.history-links>a{font-size:13px;line-height:1.5;font-weight:500}
.history-page .history-copy blockquote{margin:35px 0 22px;font-size:23px;line-height:1.4;font-weight:500;letter-spacing:-.035em}
.history-copy blockquote cite{display:block;font:400 11px/1.5 Golos,Arial,sans-serif;letter-spacing:0;opacity:.6;margin-top:14px}
.history-page .history-copy blockquote p{margin:0}
.history-insert{margin-top:40px}
.history-press-card{border-top:1px solid var(--history-rule,#14244033);padding-top:24px}
.history-page .history-press-card h3{font:600 24px/1.15 Golos,Arial,sans-serif;letter-spacing:-.035em;margin:17px 0 20px}
.history-page .history-press-card p{font-size:14px;line-height:1.65;margin:0 0 24px}
.history-page .history-press-card a{font-size:13px}
.history-press{padding:90px 0 100px;scroll-margin-top:150px}
.history-page .history-press h2,.history-page .history-continuation h2{font:650 clamp(30px,3.1vw,46px)/1.05 Golos,Arial,sans-serif;letter-spacing:-.045em;margin:20px 0 24px}
.history-page .history-press>.history-wrap>p{font-size:15px;line-height:1.7;max-width:650px;opacity:.75}
.history-press-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:46px}
.history-continuation{padding:90px 0}
.history-ending-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}
.history-page .history-continuation p{font-size:16px;line-height:1.7;margin-bottom:18px;max-width:530px}
.history-continuation .history-links{margin-top:32px}
.history-page.history-motion [data-history-reveal]{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}
.history-page.history-motion [data-history-reveal].is-visible{opacity:1;transform:none}
.history-page.history-motion .history-side[data-history-reveal]{transition-delay:.1s}
@media(min-width:1900px){.history-hero{padding-block:50px 95px}.history-hero-grid{gap:100px}.history-page .history-hero h1{font-size:78px}.history-founder picture{aspect-ratio:1.15}}
@media(max-width:1100px){.history-wrap{width:calc(100% - 64px)}.history-hero-grid{gap:36px}.history-event-inner{grid-template-columns:130px minmax(0,1fr);gap:65px}.history-chapter{grid-template-columns:1fr;gap:22px}.history-side{max-width:560px;width:100%}.history-media-slot{aspect-ratio:16/9;min-height:230px}.history-event{padding-block:70px}.history-nav .history-wrap{gap:26px}.history-ending-grid{gap:45px}.history-press-grid{gap:40px}.history-hero .history-back{margin-bottom:28px}}
@media(max-width:680px){.history-wrap{width:calc(100% - 40px)}.history-hero{padding:22px 0 40px}.history-hero-grid{grid-template-columns:1fr;gap:30px}.history-hero .history-back{margin-bottom:30px}.history-page .history-hero h1{font-size:clamp(41px,10.5vw,60px);margin-bottom:24px}.history-page .history-lead{font-size:19px}.history-page .history-hero-intro{font-size:14px;max-width:360px}.history-start{margin-top:22px}.history-page .history-founder{margin-top:0}.history-founder picture{aspect-ratio:4/3}.history-founder img{object-position:58% center}.history-founder figcaption{padding-top:16px}.history-nav{top:62px}.history-nav a{padding:18px 0;font-size:12px}.history-nav .history-wrap{width:100%;padding-inline:20px;gap:24px}.history-event{padding-block:52px;scroll-margin-top:140px}.history-event-inner{display:block;padding-left:34px}.history-date{gap:8px;margin-bottom:30px}.history-date small{font-size:11px}.history-date>span{font-size:44px}.history-event:is(#avia,#growth,#fest) .history-date>span{font-size:30px;max-width:none}.history-chapter{gap:20px}.history-page .history-copy h2{font-size:29px;margin-bottom:22px;text-wrap:pretty}.history-page .history-copy>p{font-size:15px;line-height:1.7}.history-media-slot{padding:22px;min-height:230px;aspect-ratio:4/3}.history-slot-title{font-size:17px}.history-slot-kind{margin-bottom:22px}.history-slot-status{font-size:11px}.history-page .history-copy blockquote{font-size:22px;margin-block:28px 22px}.history-page .history-press,.history-page .history-continuation{padding-block:55px}.history-press-grid,.history-ending-grid{grid-template-columns:1fr;gap:35px}.history-press-grid{margin-top:30px}.history-page .history-press h2,.history-page .history-continuation h2{font-size:31px}.history-insert{margin-top:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.history-page.history-motion [data-history-reveal]{opacity:1;transform:none;transition:none!important}.history-page *{animation:none!important}}

/* Scope the new composition above legacy homepage section defaults. */
body.history-page #history>.history-hero{--field:#142440;background:#142440!important;padding:32px 0 72px}
body.history-page #history>.history-press{--field:#ede7da;background:#ede7da!important;padding:90px 0 100px}
body.history-page #history>.history-continuation{--field:#343e3d;background:#343e3d!important;padding:90px 0}
body.history-page #history>section:before{display:none}
body.history-page .history-nav{top:54px}
@media(min-width:1900px){body.history-page #history>.history-hero{padding:50px 0 95px}}
@media(max-width:680px){body.history-page #history>.history-hero{padding:22px 0 40px}body.history-page #history>:is(.history-press,.history-continuation){padding:55px 0}}

/* Secondary text remains legible on the olive field as well. */
.history-page .history-date small,.history-slot-status{opacity:.76}
.history-page [data-field="olive"] :is(.history-date small,.history-slot-kind,.history-slot-status,.history-copy cite){opacity:1}
.history-page [data-field="mineral"] .history-slot-status{opacity:.76}

/* Homepage photograph, original pixels; the extracted alpha is used only as a mask. */
body.history-page .history-founder picture{position:relative;display:block;background:transparent;aspect-ratio:1.05;overflow:hidden;mask-image:linear-gradient(#000 65%,#000 73%,transparent 100%);-webkit-mask-image:linear-gradient(#000 65%,#000 73%,transparent 100%)}
body.history-page .history-founder img{position:absolute;left:50%;top:-7%;display:block;width:120%;max-width:none;height:auto;transform:translateX(-50%);object-fit:initial;object-position:initial;mask:url('../media/history/founder-cutout-mask-7be23b477aa4.webp') center/100% 100% no-repeat;-webkit-mask:url('../media/history/founder-cutout-mask-7be23b477aa4.webp') center/100% 100% no-repeat}
@media(max-width:680px){body.history-page .history-founder picture{aspect-ratio:1.05}body.history-page .history-founder img{object-position:initial}}
