.daynight{position:relative;color:#fafafa;background:linear-gradient(180deg,#1d3a63,#2c2b52 45%,#3a2550 65%,#1a1430 82%,#0a1024)}.daynight-sky,.daynight-stars,.daynight-sun,.daynight-moon,.daynight-hills,.daynight-scrim,.daynight-prog,.daynight-hint{display:none}.daynight-stage{position:relative;padding:clamp(72px,10vw,132px) 0}.daynight-inner{position:relative;z-index:5;max-width:960px;margin:0 auto;padding:0 var(--gutter);display:grid;justify-items:center;text-align:center;gap:clamp(26px,4vh,44px)}.daynight .eyebrow{color:#fafafab8}.daynight-title{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(34px,4.1vw,64px);line-height:1.02;letter-spacing:-.02em;color:#fafafa;margin-top:14px;text-wrap:balance}.daynight-readout{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(22px,4vw,56px)}.daynight-copy .k{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.daynight-copy.rise .k{color:var(--rise)}.daynight-copy.drift .k{color:#93b6ea}.daynight-copy .t{font-family:var(--serif);font-style:italic;font-size:clamp(24px,3vw,42px);margin-top:6px;color:#fafafa}.daynight-cans{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,4vw,56px);align-items:end;justify-items:center;width:100%}.daynight-can{position:relative;display:block}.daynight-can-img{display:block;width:100%;max-width:clamp(150px,22vw,300px);height:auto;filter:drop-shadow(0 30px 50px rgba(0,0,0,.6));transition:transform .5s cubic-bezier(.2,.7,.2,1)}.daynight-can:hover .daynight-can-img{transform:translateY(-8px) scale(1.04)}.daynight-on{--dn-ease: cubic-bezier(.2, .7, .2, 1);height:240vh;background:#05050a}.daynight-on .daynight-stage{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center;padding:0}.daynight-on .daynight-sky{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;will-change:opacity}.daynight-on .daynight-sky.base{background:linear-gradient(180deg,#0a1024,#121a33 44%,#243154,#39405f)}.daynight-on .daynight-sky.day{opacity:0;background:linear-gradient(180deg,#1d3a63,#3f6b94 34%,#e0a85c 74%,#f6cf7a)}.daynight-on .daynight-sky.dusk{opacity:0;background:linear-gradient(180deg,#181436,#4a2a55 32%,#9a3f58,#db6f42 80%,#f0a85e)}.daynight-on .daynight-stars{display:block;position:absolute;top:0;right:0;bottom:36%;left:0;z-index:1;opacity:0;background-repeat:no-repeat;background-image:radial-gradient(1.4px at 12% 22%,rgba(255,255,255,.9),transparent),radial-gradient(1.2px at 28% 11%,rgba(255,255,255,.7),transparent),radial-gradient(1.6px at 47% 27%,#fff,transparent),radial-gradient(1.1px at 63% 14%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px at 78% 31%,rgba(255,255,255,.85),transparent),radial-gradient(1.2px at 88% 9%,rgba(255,255,255,.7),transparent),radial-gradient(1.3px at 38% 40%,rgba(255,255,255,.55),transparent),radial-gradient(1.2px at 70% 44%,rgba(255,255,255,.5),transparent),radial-gradient(1px at 18% 48%,rgba(255,255,255,.45),transparent),radial-gradient(1.3px at 56% 8%,rgba(255,255,255,.6),transparent)}.daynight-on .daynight-sun,.daynight-on .daynight-moon{display:block;position:absolute;left:0;top:0;aspect-ratio:1;border-radius:50%;z-index:2;will-change:transform,opacity}.daynight-on .daynight-sun{width:clamp(92px,10vw,168px);transform:translate(calc(6vw - 50%),calc(88vh - 50%));background:radial-gradient(circle at 50% 50%,#fffef4,#ffe98e 24%,#ffc93e 52%,#f6a92a 72%,#f6a02800 80%);box-shadow:0 0 70px 16px #ffc44a99,0 0 160px 64px #ffa83857}.daynight-on .daynight-sun:before{content:"";position:absolute;top:-56%;right:-56%;bottom:-56%;left:-56%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,216,124,.5) 0deg 1.1deg,transparent 1.1deg 8deg);-webkit-mask:radial-gradient(circle,transparent 45%,#000 51%,#000 66%,transparent 75%);mask:radial-gradient(circle,transparent 45%,#000 51%,#000 66%,transparent 75%);opacity:.5;animation:daynight-spin 100s linear infinite}.daynight-on .daynight-moon{width:clamp(64px,7vw,120px);opacity:0;transform:translate(calc(10vw - 50%),calc(84vh - 50%));background:radial-gradient(circle at 42% 40%,#fbfbff,#dde2f0 52%,#b9c2dc 78%,#96a5cd00 86%);box-shadow:0 0 60px 16px #b4c4ec6b,0 0 130px 48px #96aae138}@keyframes daynight-spin{to{transform:rotate(360deg)}}.daynight-on .daynight-hills{display:block;position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(160px,32vh,340px);z-index:3;will-change:opacity}.daynight-on .daynight-hills.day .h3{fill:#6e5238}.daynight-on .daynight-hills.day .h2{fill:#4f3a2a}.daynight-on .daynight-hills.day .h1{fill:#33261f}.daynight-on .daynight-hills.night{opacity:0}.daynight-on .daynight-hills.night .h3{fill:#232743}.daynight-on .daynight-hills.night .h2{fill:#171a2e}.daynight-on .daynight-hills.night .h1{fill:#0c0e1b}.daynight-on .daynight-scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,rgba(5,6,14,.82) 0%,rgba(5,6,14,.46) 28%,rgba(5,6,14,.08) 52%,transparent 68%),linear-gradient(0deg,rgba(5,6,14,.55) 0%,rgba(5,6,14,.14) 26%,transparent 44%)}.daynight-on .daynight-inner{max-width:var(--max-w);grid-template-columns:minmax(260px,.82fr) 1fr;justify-items:stretch;text-align:left;gap:clamp(28px,5vw,96px);align-items:center}.daynight-on .daynight-text{display:flex;flex-direction:column;align-items:flex-start}.daynight-on .daynight-title{margin-top:18px}.daynight-on .daynight-readout{position:relative;display:block;width:100%;margin-top:clamp(44px,6vh,72px);min-height:clamp(80px,12vh,110px)}.daynight-on .daynight-copy{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .35s var(--dn-ease)}.daynight-on .daynight-copy.drift{opacity:0}.daynight-on .daynight-prog{display:block;margin-top:clamp(26px,4vh,44px);width:168px;height:2px;background:#fafafa33;border-radius:2px;overflow:hidden}.daynight-on .daynight-prog span{display:block;height:100%;transform-origin:left;transform:scaleX(0);background:#fafafa}.daynight-on .daynight-hint{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#fafafa85;margin-top:18px}.daynight-on .daynight-scene{position:relative;justify-self:center;width:100%;min-height:clamp(300px,62vh,560px);display:grid;place-items:center}.daynight-on .daynight-cans{position:relative;z-index:2;display:grid;grid-template-columns:none;place-items:center}.daynight-on .daynight-can{grid-area:1 / 1;will-change:opacity}.daynight-on .daynight-can.drift{opacity:0}.daynight-on .daynight-can-img{width:clamp(180px,30vh,340px);max-width:none;filter:drop-shadow(0 48px 70px rgba(0,0,0,.78))}.daynight-on .daynight-can-glow{display:block;position:absolute;top:50%;left:50%;width:132%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(.66);opacity:0;z-index:0;pointer-events:none;transition:opacity .4s var(--dn-ease),transform .4s var(--dn-ease)}.daynight-on .daynight-can.rise .daynight-can-glow{background:radial-gradient(circle,rgba(255,196,70,.6),transparent 64%)}.daynight-on .daynight-can.drift .daynight-can-glow{background:radial-gradient(circle,rgba(120,160,228,.6),transparent 64%)}.daynight-on .daynight-can:hover .daynight-can-glow{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(max-width:900px){.daynight-on .daynight-inner{grid-template-columns:1fr;justify-items:center;text-align:center;gap:clamp(18px,4vh,40px)}.daynight-on .daynight-text{align-items:center}.daynight-on .daynight-scene{min-height:clamp(240px,44vh,420px)}}@media(max-width:749px){.daynight-on{height:180vh}.daynight-on .daynight-stage{padding:clamp(64px,10vh,88px) 0 clamp(20px,4vh,32px)}.daynight-on .daynight-can-img{width:auto;height:42vh;max-height:360px;max-width:84vw;object-fit:contain}.daynight-cans{grid-template-columns:1fr 1fr}}.principle-inner{max-width:none}.principle-eyebrow{display:block;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--fg-mute)}.principle-text{font-family:var(--display);font-weight:600;font-size:clamp(28px,4.2vw,64px);line-height:1.2;letter-spacing:-.025em;text-wrap:pretty;color:var(--fg);margin:18px 0 0}.principle-text em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:0}.principle-foot{margin-top:clamp(28px,4vh,44px)}.principle-stage{position:relative}
/*# sourceMappingURL=/cdn/shop/t/4/compiled_assets/styles.css.map */