/* Motion is progressive enhancement: no content is hidden by default. */
.preloader{display:none}
.intro-pending{overflow:hidden}
.intro-pending .preloader{display:flex;flex-direction:column;justify-content:space-between;position:fixed;inset:0;z-index:200;background:transparent;color:var(--paper);padding:34px var(--gutter);overflow:hidden}
.preloader-door{position:absolute;top:0;bottom:0;width:50.1%;background:var(--green);z-index:-1}
.preloader-door-left{left:0}.preloader-door-right{right:0}
.preloader-top{display:flex;align-items:center;justify-content:space-between;gap:24px}
.preloader-top img{width:238px;height:auto}
#skip-intro{color:var(--paper);font-size:12px;min-height:44px;padding:8px 0;border-bottom:1px solid #b2935b80}
#skip-intro span{margin-left:18px}
.preloader-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;padding:100px 22px}
.preloader-arch{height:clamp(145px,25vh,255px);width:auto;stroke:var(--brass);stroke-width:1.2;overflow:visible}
.arch-inner{opacity:.45}.arch-arrow{stroke:var(--paper)}
.preloader-kicker{font:10px var(--sans);letter-spacing:.28em;text-transform:uppercase;color:#d3d5bf;margin:22px 0 13px}
.preloader-title{font:500 clamp(44px,5.5vw,84px)/1.1 var(--serif);letter-spacing:-.04em;color:var(--paper)}
.preloader-bottom{position:relative;margin-top:auto}
.preloader-meta{display:flex;justify-content:space-between;align-items:baseline;gap:20px;font:14px var(--serif);color:#dfe3d6;margin-bottom:16px}
#intro-count{font:400 40px/1 var(--serif);font-variant-numeric:tabular-nums}
.preloader-progress{height:1px;background:#f2efe530;overflow:hidden}
.preloader-progress span{display:block;height:100%;width:100%;background:var(--brass);transform:scaleX(0);transform-origin:left}
.motion-enabled .site-header{position:sticky;top:0;transition:box-shadow .3s}
.motion-enabled .site-header.is-scrolled{box-shadow:0 5px 25px #153f350c}
.motion-line{display:block;overflow:hidden;padding-bottom:.13em;margin-bottom:-.13em}
.motion-line-inner{display:block}
.motion-enabled .hero-image>img,.motion-enabled .craft-photo>img{will-change:transform}
@media(max-width:560px){.intro-pending .preloader{padding:25px 22px}.preloader-top img{width:185px}#skip-intro{font-size:11px}#skip-intro span{margin-left:7px}.preloader-meta{font-size:12px}.preloader-title{font-size:49px}}
@media(prefers-reduced-motion:reduce){.preloader{display:none!important}.intro-pending{overflow:visible}.motion-line{overflow:visible}}
@media print{.preloader{display:none!important}.site-header{position:static!important}}