:root{color:#242722;font-synthesis:none;--ink:#242722;--pink:#e74799;--cyan:#56c6df;background:#f4f0e6;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:6px;outline:3px solid #bc196c}.skip{z-index:10;background:#fff;padding:15px;position:fixed;top:-100px}.skip:focus{top:10px}header{z-index:3;border-bottom:1px solid #24272235;justify-content:space-between;align-items:center;height:100px;margin:0 4.5%;display:flex;position:relative}.logo{object-fit:contain;width:112px;height:66px}nav{align-items:center;gap:36px;font-size:13px;font-weight:700;display:flex}.shop{background:var(--ink);color:#fffdf4;justify-content:space-between;align-items:center;gap:36px;padding:20px 25px;font-size:14px;font-weight:700;transition:background .2s;display:inline-flex}.shop:hover{background:#a81c62}.shop span{font-size:22px}.shop.small{gap:25px;padding:12px 18px}.unwrap{height:205vh;min-height:1200px}.sticky{grid-template-columns:43% 57%;height:100vh;min-height:660px;max-height:1200px;padding:0 4.5%;display:grid;position:sticky;top:0;overflow:hidden}.hero-copy{z-index:2;pointer-events:none;align-self:center;padding-bottom:65px}.hero-copy a{pointer-events:auto}.eyebrow{letter-spacing:2px;margin:0 0 27px;font-size:11px;font-weight:800}h1,h2{letter-spacing:-6px;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:.94}h1{font-size:clamp(76px,7.8vw,130px)}em{color:var(--pink);font-weight:400}.intro{margin:28px 0;font-size:17px;line-height:1.6}.scroll-cue{letter-spacing:1.6px;align-items:center;gap:14px;margin-top:38px;font-size:9px;display:flex}.scroll-cue span{font-size:25px}.visual{align-self:stretch;min-width:0;margin-left:-6%;position:relative}#poster,#canvas-host{object-fit:contain;width:116%;height:100%;position:absolute;top:-4%;left:-8%}#poster{filter:drop-shadow(0 35px 23px #483e2c22)}#canvas-host canvas{width:100%;height:100%;display:block}.visual[data-mode="3d"] #poster{visibility:hidden}.orbit{aspect-ratio:1;background:#e8dfcd;border:1px solid #d9ceb8;border-radius:50%;width:78%;position:absolute;top:15%;left:11%}.orbit:after{content:"";border:1px solid #d9ceb8;border-radius:50%;position:absolute;inset:-25px}.scene-note{letter-spacing:2px;z-index:1;font-size:10px;line-height:1.5;position:absolute;top:12%;right:0;transform:rotate(8deg)}.caption{align-items:center;gap:22px;display:flex;position:absolute;bottom:13%;left:15%;right:4%}.caption>span{letter-spacing:1px;border:1px solid #24272255;border-radius:100%;padding:9px;font-size:10px}.caption p{font-family:Georgia,serif;font-size:20px}.caption i{color:#955829}.scene-controls{z-index:2;position:absolute;bottom:8%;left:15%}.scene-controls button{cursor:pointer;background:0 0;border:0;border-bottom:1px solid #777;margin-right:20px;padding:7px 0;font-size:10px}.hero-foot{letter-spacing:2px;border-top:1px solid #24272235;justify-content:space-between;padding-top:20px;font-size:9px;display:flex;position:absolute;bottom:28px;left:4.5%;right:4.5%}.benefits{background:#e8ddc7;grid-template-columns:1fr 1fr;gap:45px 10%;padding:110px 8%;display:grid;position:relative}.benefit-head h2,.faq h2{letter-spacing:-4px;font-size:72px}.benefit-head>p:last-child{max-width:360px;margin-top:30px;font-size:16px;line-height:1.7}.benefits figure{grid-area:1/2/3;align-self:center;margin:0;transform:rotate(2deg)}.benefits figure img{object-fit:cover;width:100%;height:620px;display:block}.benefits figcaption{letter-spacing:2px;margin-top:16px;font-size:9px}.benefit-list article{border-top:1px solid #24272244;gap:22px;padding:23px 0;display:flex}.benefit-list article>span{margin-top:6px;font-size:10px}h3{margin:0 0 10px;font-size:19px}.benefit-list p{max-width:350px;margin:0;font-size:14px;line-height:1.6}.ribbon{white-space:nowrap;background:var(--cyan);letter-spacing:-1px;padding:24px 0;font-size:30px;font-weight:900;overflow:hidden}.ribbon span{color:#8a194d;margin:0 28px}.faq{grid-template-columns:1fr 1fr;gap:8%;padding:110px 8%;display:grid}.faq h2{letter-spacing:-3px;font-size:53px}.questions details{border-bottom:1px solid #24272244}.questions summary{cursor:pointer;justify-content:space-between;gap:20px;padding:23px 0;font-size:15px;font-weight:700;list-style:none;display:flex}.questions summary::-webkit-details-marker{display:none}.questions details[open] summary span{transform:rotate(45deg)}.questions p{max-width:450px;margin:0 0 23px;font-size:14px;line-height:1.7}.closing{background:var(--pink);padding:85px 8% 95px;position:relative;overflow:hidden}.closing h2{z-index:1;font-size:clamp(65px,8vw,115px);position:relative}.closing em{color:#fff5dd}.closing .shop{z-index:1;margin-top:35px;position:relative}.bolt{color:var(--cyan);font-size:480px;line-height:1;position:absolute;top:-40px;right:10%;transform:rotate(12deg)}footer{justify-content:space-between;align-items:center;gap:30px;padding:35px 5%;font-size:11px;display:flex}footer img{width:80px;height:auto}@media (width>=1800px){.sticky{padding-left:10%;padding-right:10%}.hero-foot{left:10%;right:10%}.visual{margin-left:0}.benefits,.faq,.closing{padding-left:14%;padding-right:14%}}@media (width<=900px),(pointer:coarse){header{height:82px;margin:0 6%}.logo{width:88px;height:auto}nav{gap:20px}nav>a:not(.shop){display:none}.shop.small{gap:18px;padding:10px 13px;font-size:11px}.unwrap{height:auto;min-height:0}.sticky{flex-direction:column;height:auto;min-height:0;max-height:none;padding:45px 6% 75px;display:flex;position:relative;overflow:hidden}.hero-copy{align-self:stretch;padding:0}.eyebrow{letter-spacing:1.7px;margin-bottom:20px;font-size:9px}h1{letter-spacing:-4px;font-size:clamp(65px,12vw,100px)}.intro{margin:22px 0;font-size:15px}.shop{padding:17px 20px}.scroll-cue{margin-top:23px}.visual{align-self:auto;height:460px;margin:-15px -5% 0}.orbit{width:74%;top:10%;left:13%}#poster,#canvas-host{width:110%;height:100%;top:-5%;left:-5%}.scene-note{font-size:8px;top:8%;right:6%}.caption{gap:15px;bottom:8%;left:11%}.caption p{font-size:17px}.scene-controls{bottom:0;left:11%}.hero-foot{letter-spacing:.9px;gap:14px;font-size:7px;bottom:22px;left:6%;right:6%}.benefits{grid-template-columns:1fr;gap:30px;padding:65px 7%}.benefit-head h2{font-size:65px}.benefit-head>p:last-child{max-width:530px}.benefits figure{grid-area:auto/1;justify-self:center;width:90%;max-width:500px}.benefits figure img{height:460px}.benefit-list{margin-top:10px}.benefit-list p{max-width:500px}.faq{grid-template-columns:1fr;gap:25px;padding:65px 7%}.faq h2{font-size:48px}.closing{padding:65px 7%}.closing h2{letter-spacing:-4px;font-size:64px}.bolt{opacity:.5;font-size:290px;top:55px;right:-30px}footer{flex-wrap:wrap;gap:20px;padding:30px 7%}footer p{font-size:10px}footer a{width:100%}.ribbon{padding:18px 0;font-size:23px}}@media (width<=400px){.visual{height:410px}h1{font-size:66px}.caption p{font-size:15px}.closing h2{font-size:57px}}@media (width>=901px) and (height<=700px){.sticky{min-height:560px}.hero-copy{padding-bottom:35px}h1{font-size:75px}.intro{margin:20px 0}.eyebrow{margin-bottom:18px}.scroll-cue{margin-top:20px}.caption{bottom:15%}.scene-controls{bottom:9%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.unwrap{height:auto;min-height:0}.sticky{position:relative}.scroll-cue{display:none}}@media (width<=900px),(pointer:coarse){#poster{width:100%;left:0}.scene-note{top:0}}