*{box-sizing:border-box}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{margin:0;background:#0e2027;color:#fff9ec;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}header,footer{position:fixed;left:4vw;right:4vw;z-index:10;display:flex;justify-content:space-between;align-items:center}header{top:26px}header a{font-family:"Songti SC",serif;font-size:26px;letter-spacing:5px;text-shadow:0 2px 15px #0007}header span{font:8px sans-serif;letter-spacing:3px;display:block;margin-top:7px;color:#e6d9be}a{color:inherit;text-decoration:none}button{color:inherit;background:#0b202340;border:1px solid #ffffff45;border-radius:30px;padding:10px 17px;cursor:pointer;backdrop-filter:blur(8px)}section{height:100svh;min-height:650px;position:relative;background-image:var(--bg);background-size:cover;background-position:center;scroll-snap-align:start;overflow:hidden}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#08232b75,rgba(8,29,34,.25) 37%,transparent 64%),linear-gradient(0deg,#071e2859,transparent 25%)}article{position:relative;z-index:1;margin-left:6vw;width:44vw;max-width:680px;padding-top:22vh;text-shadow:0 2px 16px #061c2166}.eyebrow{color:#e7cc9e;font-size:11px;letter-spacing:3px}h1,h2{font-family:"Songti SC","Noto Serif CJK SC",serif;font-weight:400}h1{font-size:clamp(32px,3.6vw,59px);line-height:1.48;margin:24px 0}em{font-style:normal;color:#f1d4a0}p{font-size:clamp(14px,1.12vw,18px);line-height:2.05;color:#f7f0e3e0;font-weight:300}#p0 article{width:32vw;padding-top:23vh}#p0 .product-title{font-size:clamp(52px,5.5vw,88px);letter-spacing:.12em;margin:20px 0 24px;line-height:1.2}#p0 h2{font-size:clamp(24px,2.1vw,34px);line-height:1.65;margin:0 0 24px}#p0 p{font-size:14px}#p0 .shade,#p3 .shade{background:linear-gradient(90deg,#071a2d55,transparent 47%),linear-gradient(0deg,#071a2d44,transparent 20%)}#p3 article{width:36vw;padding-top:26vh}#p3 h1{font-size:clamp(30px,3.2vw,49px)}.cta{display:inline-block;margin-top:22px;margin-right:12px;border:1px solid #d5c19780;padding:13px 20px;border-radius:3px;font-size:12px;letter-spacing:2px;background:#10242b30;backdrop-filter:blur(7px)}.cta:hover{background:#ddcaa42b}.caption{position:absolute;bottom:76px;right:4vw;color:#eee9dac0;font-size:10px;letter-spacing:1px;text-shadow:0 1px 6px #000}footer{bottom:22px;font-size:10px;letter-spacing:2px;text-shadow:0 2px 7px #000}footer nav{display:flex;gap:16px}nav a{width:7px;height:7px;border-radius:50%;background:#ffffff50;box-shadow:0 1px 6px #0003}nav a.active{background:#f0d49f;box-shadow:0 0 15px #f0d49f}footer button{border:0;font-size:19px;padding:5px;backdrop-filter:none;background:none}video{display:block;width:min(420px,34vw);max-height:25vh;margin-top:20px;border:1px solid #d8c39865;border-radius:5px;box-shadow:0 10px 40px #0004}#p2 article{padding-top:17vh}#p2 h1{font-size:clamp(30px,3vw,46px);margin:17px 0}small{display:block;font-size:10px;color:#e1d5bec0;margin-top:10px;line-height:1.7}.steps{margin-top:30px;font-size:11px;letter-spacing:1px;color:#efd4a0}.steps span{padding:0 8px;color:#ffffff80}button:focus-visible,a:focus-visible{outline:2px solid #efd4a0;outline-offset:5px}@media(min-aspect-ratio:2/1){section{background-size:cover;background-position:center 55%}article{padding-top:20vh}#p0 article{padding-top:21vh}#p2 article{padding-top:14vh}}@media(max-width:760px){header{top:20px}header span{font-size:7px}header a{font-size:22px}header button{font-size:11px}section{min-height:700px;background-position:68% center}article,#p0 article,#p3 article{margin-left:7%;width:86%;max-width:580px;padding-top:25vh}.shade,#p0 .shade,#p3 .shade{background:linear-gradient(0deg,#08212bef,rgba(8,33,43,.65) 60%,rgba(8,33,43,.1))}#p0{background-position:61% center}#p0 article{padding-top:30vh}#p0 .product-title{font-size:58px}#p0 h2{font-size:27px}h1,#p3 h1{font-size:34px}p,#p0 p{font-size:13px}video{width:80%;max-height:23vh}footer>span:last-child{font-size:0}.caption{bottom:65px;font-size:8px}.steps{font-size:10px;letter-spacing:0}.steps span{padding:0 4px}#p2 article{padding-top:19vh}#p2 h1{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
