:root{--bg: #08090b;--red: #c8121c;--muted: #6d7177}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--bg);color:#ddd;font-family:Inter,system-ui,sans-serif}.stage{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:58% 42%;background:radial-gradient(ellipse 48% 70% at 30% 46%,#1c2127 0%,#101317 45%,transparent 75%),radial-gradient(ellipse 40% 50% at 72% 50%,rgba(200,18,28,.07),transparent 70%),var(--bg)}#scene{position:fixed;top:0;right:0;bottom:0;left:0;cursor:grab;touch-action:none}#scene:active{cursor:grabbing}#scene canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 2.4s ease}#scene.ready canvas{opacity:1}.copy{grid-column:2;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding-left:2vw;margin-left:-8vw;pointer-events:none}h1{font-family:Cormorant Garamond,Georgia,serif;font-weight:600;font-size:min(clamp(4rem,11vw,11.5rem),26vh);line-height:.86;letter-spacing:-.01em;color:var(--red);text-shadow:0 0 40px rgba(200,18,28,.35),0 0 120px rgba(200,18,28,.18)}h1 span{display:block;opacity:0;transform:translateY(18px);filter:blur(6px);animation:rise 1.6s cubic-bezier(.2,.7,.2,1) forwards}h1 span:nth-child(1){animation-delay:.6s}h1 span:nth-child(2){animation-delay:.85s}h1 span:nth-child(3){animation-delay:1.1s}@keyframes rise{to{opacity:1;transform:none;filter:none}}.hint{position:fixed;left:50%;bottom:28px;transform:translate(-50%);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);opacity:0;animation:fade 1.2s 2.4s forwards;transition:opacity .8s;pointer-events:none;z-index:3}.hint.gone{opacity:0!important;animation:none}@keyframes fade{to{opacity:.8}}.vignette,.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.vignette{background:radial-gradient(ellipse at 45% 50%,transparent 45%,rgba(0,0,0,.75) 100%)}.grain{opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.drop{pointer-events:auto;margin-top:2.2rem;max-width:26rem;opacity:0;animation:fade 1.2s 1.6s forwards}.count{display:flex;gap:1.4rem;font-family:Cormorant Garamond,Georgia,serif;color:#e8e8e8}.count div{display:flex;flex-direction:column;align-items:center;min-width:2.6ch}.count b{font-weight:500;font-size:clamp(1.8rem,3.4vw,3rem);line-height:1;font-variant-numeric:tabular-nums}.count small,.drop p{font:600 13px Cormorant Garamond,Georgia,serif;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:.5rem}.drop form{display:flex;margin-top:1.6rem;border-bottom:1px solid #3a3e44}.drop input{flex:1;min-width:0;background:none;border:0;color:#ddd;font:500 18px Cormorant Garamond,Georgia,serif;padding:.7rem 0;outline:none}.drop input::placeholder{color:var(--muted)}.drop button{background:none;border:0;color:var(--red);font:600 14px Cormorant Garamond,Georgia,serif;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;padding:0 0 0 1rem}.drop button:hover,.drop input:focus+button{color:#ff3b44}.drop form:focus-within{border-color:var(--red)}.drop .msg{color:#ddd}@media(max-aspect-ratio:1/1){.drop{margin-top:1rem;width:100%;display:flex;flex-direction:column;align-items:center}.drop form{width:100%;margin-top:1rem}.count{gap:1rem}}@media(max-aspect-ratio:1/1){.stage{grid-template-columns:1fr;grid-template-rows:52% 48%;background:radial-gradient(ellipse 80% 45% at 50% 33%,#1c2127 0%,#101317 45%,transparent 75%),var(--bg)}.copy{grid-column:1;grid-row:2;margin:0;padding:0 16px 36px;align-items:center;justify-content:center}h1{text-align:center;font-size:min(18vw,10vh,6rem)}.hint{bottom:14px}}@media(prefers-reduced-motion:reduce){h1 span{animation-duration:.01s;animation-delay:0s!important}}body.drop-page{overflow:hidden}.page{max-width:960px;margin:0 auto;padding:48px 16px}.page h1{font-size:clamp(2.4rem,6vw,4rem);line-height:1;margin-bottom:1.5rem;text-shadow:none}.page a{color:#ddd}.page img{max-width:100%;height:auto;display:block}.page .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.page form{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:1.5rem}.page input,.page select{background:none;border:1px solid #3a3e44;color:#ddd;padding:.6rem .8rem;font:inherit}.page .btn{background:var(--red);color:#fff;border:0;padding:.8rem 1.6rem;font:11px Inter,sans-serif;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;text-decoration:none}.page .btn[disabled]{opacity:.4;cursor:default}.page table{width:100%;border-collapse:collapse}.page td,.page th{padding:.6rem 0;text-align:left;border-bottom:1px solid #22252a}.site-head{display:flex;justify-content:space-between;padding:16px;font-size:11px;letter-spacing:.3em;text-transform:uppercase}.site-head a{color:#ddd;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.drop .close,.tap{display:none}body.has3d .tap{display:block;position:fixed;left:-22px;top:-22px;z-index:3;width:44px;height:44px;border-radius:50%;border:0;padding:0;cursor:pointer;background:radial-gradient(circle,#fff 0 5px,rgba(255,255,255,.25) 6px 9px,transparent 10px);transition:opacity .5s}body.has3d .tap:before,body.has3d .tap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(255,255,255,.85);animation:ping 1.6s cubic-bezier(.2,.6,.3,1) infinite}body.has3d .tap:after{animation-delay:.8s}@keyframes ping{0%{transform:scale(.35);opacity:1}to{transform:scale(1.4);opacity:0}}body.has3d .tap:focus-visible{outline:2px solid var(--red);outline-offset:4px}body.zoomed .tap{opacity:0;pointer-events:none}body.zoomed .copy{z-index:5}body.zoomed h1,body.zoomed .hint{opacity:0!important;transition:opacity .6s}body.has3d .drop{position:fixed;margin:0;max-width:none;animation:none;opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s;container-type:size;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse 70% 60% at 50% 47%,rgba(200,18,28,.2),transparent 70%),#07080a}body.has3d .drop.show{opacity:1;visibility:visible;transition:opacity .5s}body.has3d .drop .count{gap:6cqw}body.has3d .drop .count b{font-size:15cqw;font-variant-numeric:lining-nums tabular-nums}body.has3d .drop .count small,body.has3d .drop p{font-size:max(12px,2.4cqw)}body.has3d .drop form{width:min(80cqw,64rem);margin-top:6cqh}body.has3d .drop input::placeholder{font-size:max(15px,2.9cqw)}body.has3d .drop input{font-size:max(17px,2.9cqw)}body.has3d .drop button[type=submit]{font-size:max(13px,2.2cqw)}body.has3d .drop .close{display:block;position:absolute;top:2cqh;right:2cqw;background:none;border:0;color:var(--muted);font-size:max(22px,3cqw);line-height:1;cursor:pointer;padding:8px}body.has3d .drop .close:hover{color:#fff}@media(prefers-reduced-motion:reduce){body.has3d .tap:before,body.has3d .tap:after{animation-duration:3s}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/theme.css.map */