@font-face{font-family:Lautio Newsreader;src:url(lautio-newsreader-vf.woff2) format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Lautio Instrument;src:url(lautio-instrument-sans-vf.woff2) format("woff2");font-weight:100 900;font-display:swap}.lautio-rack{--lautio-ivory: #f7f3ea;--lautio-ink: #24231f;--lautio-evergreen: #164734;--lautio-forest: #0d3025;position:relative;background:var(--lautio-forest);color:var(--lautio-ivory);font-family:Lautio Instrument,system-ui,sans-serif}.lautio-rack__track{position:relative;height:calc(100vh + var(--lautio-travel, 200vh))}.lautio-rack__stage{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center}.lautio-rack__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to right,#101211a3,#10121199 46%,#1012114d 64%,#10121100 84%)}.lautio-rack__posterwrap{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:0}.lautio-rack__canvas,.lautio-rack__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.lautio-rack__motion{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}.lautio-rack__canvas{opacity:0;z-index:1;transition:opacity 0ms linear}.lautio-rack.is-sharp .lautio-rack__canvas{opacity:1;transition-duration:.14s}.lautio-rack.is-ready .lautio-rack__poster,.lautio-rack.is-failed .lautio-rack__canvas,.lautio-rack.is-failed .lautio-rack__motion{opacity:0}.lautio-rack.is-failed .lautio-rack__poster{opacity:1}.lautio-rack__poster{transition:opacity .24s ease}.lautio-rack__copy{position:relative;z-index:2;justify-self:start;align-self:center;box-sizing:content-box;width:min(520px,40vw);margin:0;padding:0 clamp(20px,2.4vw,44px) 0 clamp(32px,7vw,128px);text-align:left;text-shadow:0 1px 3px rgba(0,0,0,.4),0 2px 30px rgba(0,0,0,.55)}.lautio-rack__eyebrow{color:var(--lautio-ivory);font-family:Lautio Instrument,system-ui,sans-serif;font-size:12px;font-weight:720;letter-spacing:.19em;text-transform:uppercase;opacity:.92;margin:0 0 18px}.lautio-rack__heading{color:var(--lautio-ivory);font-family:Lautio Newsreader,Georgia,serif;font-size:clamp(44px,5.2vw,88px);font-weight:390;letter-spacing:-.035em;line-height:.96;max-width:12ch;margin:0;text-wrap:balance;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.lautio-rack__body{color:var(--lautio-ivory);font-family:Lautio Instrument,system-ui,sans-serif;font-size:clamp(16px,1.28vw,21px);line-height:1.55;max-width:40ch;margin:26px 0 0;opacity:.82;text-wrap:pretty}.lautio-rack__status{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);font-size:13px;opacity:.7}@media(prefers-reduced-motion:reduce){.lautio-rack__track{height:100vh}}@media(max-width:749px){.lautio-rack__track{height:calc(100vh + var(--lautio-travel, 200vh) * .7)}.lautio-rack__copy{justify-self:stretch;align-self:start;width:auto;margin-top:clamp(1.5rem,8vh,4rem);text-align:center;padding:0 1.25rem}.lautio-rack__stage:after{background:linear-gradient(to bottom,#1012119e,#1012117a 34%,#10121100 64%)}}.lautio-rack--right .lautio-rack__copy{justify-self:end;text-align:right}.lautio-rack--right .lautio-rack__stage:after{background:linear-gradient(to left,#101211a3,#10121199 46%,#1012114d 64%,#10121100 84%)}@media(max-width:749px){.lautio-rack--right .lautio-rack__copy{justify-self:stretch;text-align:center}.lautio-rack--right .lautio-rack__stage:after{background:linear-gradient(to bottom,#1012119e,#1012117a 34%,#10121100 64%)}}.lautio-rack--ontint{color:var(--lautio-ink)}.lautio-rack--ontint .lautio-rack__eyebrow,.lautio-rack--ontint .lautio-rack__heading,.lautio-rack--ontint .lautio-rack__body{color:#1b241f}.lautio-rack--ontint .lautio-rack__copy{text-shadow:0 1px 2px rgba(250,248,243,.7),0 2px 22px rgba(250,248,243,.85)}.lautio-rack--ontint .lautio-rack__stage:after{background:linear-gradient(to right,#f9f7f2cc,#f9f7f2bd 46%,#f9f7f261 64%,#f9f7f200 84%)}.lautio-rack--ontint.lautio-rack--right .lautio-rack__stage:after{background:linear-gradient(to left,#f9f7f2cc,#f9f7f2bd 46%,#f9f7f261 64%,#f9f7f200 84%)}@media(max-width:749px){.lautio-rack--ontint .lautio-rack__stage:after{background:linear-gradient(to bottom,#f9f7f2cc,#f9f7f2a8 34%,#f9f7f200 64%)}}body.lautio-on-light .lautio-v11__header{color:var(--lautio-ink, #24231f)}body.lautio-on-light .lautio-v11__wordmark{filter:brightness(0)}.lautio-rack__progress{position:absolute;z-index:3;right:clamp(20px,2.6vw,40px);top:50%;width:2px;height:180px;transform:translateY(-50%);background:#f7f3ea2e;border-radius:2px;overflow:hidden;pointer-events:none}.lautio-rack__progress span{display:block;width:100%;height:100%;background:var(--lautio-ivory);transform:scaleY(var(--progress, 0));transform-origin:top}.lautio-rack--ontint .lautio-rack__progress{background:#1b241f29}.lautio-rack--ontint .lautio-rack__progress span{background:#1b241f}.lautio-rack__cue{position:absolute;z-index:3;bottom:26px;left:50%;transform:translate(-50%);margin:0;font-family:Lautio Instrument,system-ui,sans-serif;font-size:11px;font-weight:620;letter-spacing:.16em;text-transform:uppercase;opacity:.7;transition:opacity .4s ease;pointer-events:none}.lautio-rack__cue:before{content:"";display:inline-block;width:1px;height:28px;background:currentColor;vertical-align:middle;margin-right:12px;animation:lautio-rack-cue 1.8s ease-in-out infinite}.lautio-rack.is-moving .lautio-rack__cue{opacity:0}@keyframes lautio-rack-cue{0%,to{transform:scaleY(.45);transform-origin:top;opacity:.5}50%{transform:scaleY(1);opacity:1}}@media(prefers-reduced-motion:reduce){.lautio-rack__cue:before{animation:none}}@media(max-width:749px){.lautio-rack__progress{height:120px;right:14px}}.lautio-rack__sizes{display:flex;gap:8px;margin-top:30px;pointer-events:auto}.lautio-rack__sizes button{min-width:110px;min-height:58px;padding:10px 14px;border:1px solid rgba(247,243,234,.3);border-radius:14px;background:#080c0a57;color:var(--lautio-ivory);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-family:Lautio Instrument,system-ui,sans-serif;font-size:14px;font-weight:650;transition:background .25s ease,border-color .25s ease,transform .25s ease}.lautio-rack__sizes button small{font-size:10px;opacity:.68;font-weight:500}.lautio-rack__sizes button[aria-checked=true]{background:var(--lautio-ivory);color:#0d3025;border-color:var(--lautio-ivory);transform:translateY(-3px)}.lautio-rack__sizes button:focus-visible{outline:2px solid var(--lautio-ivory);outline-offset:4px}@media(max-width:749px){.lautio-rack__sizes{justify-content:center}.lautio-rack__sizes button{min-width:0;flex:1;align-items:center}}.lautio-rack__stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;place-self:stretch;width:100%;height:100%;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#0d30258c,#0d302500 11%),linear-gradient(to top,#0d3025b8,#0d302500 13%)}@media(max-width:749px){.lautio-rack__heading{margin-inline:auto}}.lautio-rack__copy{opacity:calc(1 - var(--leave, 0));transform:translateY(calc(var(--leave, 0) * -28px))}@media(max-width:749px){.lautio-rack[data-close-up] .lautio-rack__stage:after{background:linear-gradient(to bottom,#101211b3,#101211a3 40%,#1012117a 60%,#10121100 82%)}}@media(min-width:750px){.lautio-rack__stage:after{background:linear-gradient(to right,#101211b3,#101211a8 46%,#10121157 64%,#10121100 84%)}.lautio-rack--right .lautio-rack__stage:after{background:linear-gradient(to left,#101211b3,#101211a8 46%,#10121157 64%,#10121100 84%)}}body.lautio-on-light .lautio-v11__header{color:var(--lautio-ink, #24231f);background:linear-gradient(180deg,#f7f3eaf0,#f7f3eab8 55%,#f7f3ea00)}.lautio-rack__sizes{gap:8px;margin-top:26px}.lautio-rack__sizes button{min-width:0;min-height:0;padding:10px 16px;border-radius:999px;background:#080c0a47;border-color:#f7f3ea52;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lautio-rack__sizes button[aria-checked=true]{transform:none}@media(max-width:749px){.lautio-rack__stage:after{background:linear-gradient(to bottom,#101211b8,#101211a8 40%,#1012115c 62%,#10121100 78%)}}@media(max-width:749px){.lautio-rack__copy{margin-top:clamp(96px,14vh,140px)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/lautio-rack-motion.css.map */