/* The founding-date landing: white type, original moving films, quiet branding. */
.site-header.landing-header{position:absolute;inset:0 0 auto;height:180px;padding:0 var(--gutter);background:none;border:0;box-shadow:none;justify-content:flex-end;pointer-events:none}
.site-header.landing-header #navigation{position:static;display:flex;flex-direction:row;align-items:center;gap:28px;margin:0;padding:0;background:none;border:0;pointer-events:auto}
.landing-header .landing-nav-item{padding:10px 0;border:0;background:none;color:#fff;font:11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.13em;text-transform:uppercase;opacity:.88;cursor:default}
#top.hero{height:100svh;min-height:760px;max-height:none;padding-top:0}
#top .hero-visual{inset:0;height:100%;width:100%;aspect-ratio:auto}
#top .hero-gradient{background:linear-gradient(0deg,#101b17d9,transparent 88%),linear-gradient(90deg,#15211d59,transparent 82%),linear-gradient(180deg,#14201955,transparent 30%)}
#top .hero-type{display:block;left:var(--gutter);right:auto;top:30px;bottom:auto;padding:0;pointer-events:none}
#top h1{font-family:'Bodoni MT',Didot,Georgia,'Times New Roman',serif;font-size:clamp(90px,12.7vw,205px);font-weight:400;line-height:.96;letter-spacing:-.055em;color:#fff}
#top .hero-company{margin:20px 0 0 clamp(20px,2.55vw,42px);font:clamp(17px,1.5vw,23px)/1.4 Arial,Helvetica,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#fff}
#top .hero-experience{position:absolute;z-index:5;left:var(--gutter);right:auto;bottom:84px;display:grid;grid-template-columns:max-content;width:fit-content;max-width:calc(100% - 2 * var(--gutter));color:#fff}
#top .experience-intro{display:block;margin:28px 0 0;font:clamp(32px,3.6vw,58px)/1.08 Georgia,serif;letter-spacing:-.045em}
#top .experience-intro em{display:block;margin-top:15px;font-size:clamp(22px,2.2vw,32px);font-weight:400;line-height:1.3;letter-spacing:-.025em;color:#ffffffb8}
#top .experience-values{--clock-gap:clamp(18px,1.8vw,28px);--clock-size:clamp(38px,4.7vw,68px);display:flex;align-items:end;gap:var(--clock-gap);width:100%;contain:inline-size;min-width:0;margin:0}
#top .experience-unit{position:relative;display:flex;flex:1;flex-direction:column;gap:12px;min-width:0;font-size:var(--clock-size)}
#top .experience-unit+.experience-unit::before{content:":";position:absolute;left:calc(var(--clock-gap) * -.5 - .12em);top:.18em;font:.72em/1.4 Arial,sans-serif;color:#ffffff8c}
#top .experience-unit dt{order:2;text-align:center;font:9px/1.3 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#ffffffa6}
#top .experience-unit dd{--digits:2;order:1;margin:0;position:relative;width:100%;height:calc(var(--clock-size) * 1.4);border:1px solid #ffffff24;border-radius:5px;background:#10201870;font:400 calc(var(--clock-size) * 2 / var(--digits))/1 Arial,Helvetica,sans-serif;letter-spacing:-.045em;font-variant-numeric:tabular-nums;perspective:600px;box-shadow:0 2px 8px #00000018}
#top .clock-value{display:grid;place-items:center;height:100%}
#top .experience-unit dd::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#ffffff24;box-shadow:0 1px 0 #00000030;z-index:4;pointer-events:none}
#top .clock-flap{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:#14221fe6;backface-visibility:hidden;pointer-events:none;z-index:2}
#top .clock-flap>span{position:absolute;left:0;right:0;height:200%;display:grid;place-items:center}
#top .clock-flap-out{top:0;transform-origin:bottom;border-radius:4px 4px 0 0;animation:clock-fold-out 180ms ease-in both}
#top .clock-flap-out>span{top:0}
#top .clock-flap-in{top:50%;transform-origin:top;border-radius:0 0 4px 4px;animation:clock-fold-in 180ms ease-out 180ms both}
#top .clock-flap-in>span{bottom:0}
#top .clock-flap-rest{top:50%;z-index:1;border-radius:0 0 4px 4px;animation:clock-release 360ms step-end both}
#top .clock-flap-rest>span{bottom:0}
@keyframes clock-fold-out{from{transform:rotateX(0)}to{transform:rotateX(-90deg)}}
@keyframes clock-fold-in{from{transform:rotateX(90deg)}to{transform:rotateX(0)}}
@keyframes clock-release{0%{visibility:visible}50%,100%{visibility:hidden}}
#top .hero-since{position:absolute;left:var(--gutter);bottom:28px;z-index:5;font:8px/1.5 var(--mono);letter-spacing:.14em;color:#ffffff8c;text-transform:uppercase}
.landing-motion{position:fixed;right:18px;bottom:18px;z-index:25;min-width:34px;width:34px;min-height:34px;height:34px;padding:0;border:1px solid #ffffff35;background:#17251d50;color:#fff;opacity:.6}
.landing-motion .motion-label{display:none}
body:has(#top.is-in-view) .landing-motion:not(:focus-visible){opacity:0;pointer-events:none}
.site-footer.brand-footer{display:flex;align-items:baseline;flex-wrap:nowrap;gap:clamp(22px,3vw,48px);padding:76px var(--gutter) 84px;background:#0a0a0a;color:#fff}
.brand-footer .footer-wordmark{display:block;font:400 clamp(90px,12.7vw,205px)/.96 'Bodoni MT',Didot,Georgia,'Times New Roman',serif;letter-spacing:-.055em;white-space:nowrap;color:#fff}
.brand-footer .footer-company{font:clamp(17px,1.5vw,23px)/1.4 Arial,Helvetica,sans-serif;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap}
@media(min-width:761px) and (max-width:1100px){
 .site-header.landing-header{height:100px}.site-header.landing-header #navigation{gap:22px}
 #top .hero-type{top:125px}
 #top .experience-intro{font-size:4.1vw}
 #top.hero{min-height:850px}
}
@media(max-width:760px){
 .site-header.landing-header{height:88px;padding-right:var(--gutter)}.site-header.landing-header #navigation{gap:18px}.landing-header .landing-nav-item{font-size:9px;letter-spacing:.08em;white-space:nowrap}
 #top h1{font-size:14.4vw;letter-spacing:-.06em}
 #top .hero-company{font-size:15px;letter-spacing:.2em;margin-left:3vw}
 #top .hero-type{top:142px;bottom:auto}
 #top .experience-intro{font-size:5.2vw;max-width:none;margin:25px 0 0}#top .experience-intro em{font-size:22px;margin-top:14px}
 #top .experience-values{--clock-gap:13px;--clock-size:7.6vw}#top .experience-unit dt{font-size:7px;letter-spacing:.04em}
 .site-footer.brand-footer{padding:48px var(--gutter) 60px;gap:3vw}.brand-footer .footer-wordmark{font-size:12.7vw}.brand-footer .footer-company{font-size:2.8vw;letter-spacing:.13em}
}