@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,700;1,800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#f0f0ee;background:#101113;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #57a3e8;outline-offset:7px}header{height:104px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid #303135}.wordmark{font-weight:700;letter-spacing:-1px;font-size:25px;position:relative;line-height:1}.wordmark>span{font-style:italic}.wordmark small{display:block;letter-spacing:6.1px;font-size:10px;margin-top:7px}.header-note,.header-link{font-size:12px;letter-spacing:1.7px}.header-note{color:#8c8e94}.header-link span{font-size:22px;margin-left:20px}.hero{display:grid;grid-template-columns:43% 57%;min-height:650px;max-width:1700px;margin:auto;padding:0 5%}.copy{padding:65px 0 35px;z-index:2}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:13px}.stripes{display:flex;gap:3px;transform:skew(-23deg);margin-left:4px}.stripes i{width:7px;height:17px;background:#66bcf0}.stripes i:nth-child(2){background:#274485}.stripes i:nth-child(3){background:#d13e4b}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(62px,6.7vw,112px);font-weight:700;line-height:.96;letter-spacing:-1px;margin:30px 0 22px}h1 em{color:#a2a5ab;font-weight:700}.intro{font-size:21px;line-height:1.5;letter-spacing:-.4px}.description{font-size:14px;line-height:1.85;color:#a5a7ad;max-width:315px}.explore{font-size:12px;letter-spacing:1.6px;display:inline-flex;align-items:center;gap:55px;border-bottom:1px solid #7b7d83;padding:16px 0 12px;margin-top:8px}.explore span{font-size:24px}.edition{margin-top:35px;font-size:11px;letter-spacing:2px;color:#787c84}.edition span{margin:0 14px}.product{position:relative;min-height:640px;background:radial-gradient(ellipse at 52% 42%,#2e3036 0, #1a1c20 36%,#101113 70%);isolation:isolate}.viewer-label{position:absolute;top:36px;left:24px;right:0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#737780}.ghost{position:absolute;inset:10% 0 20%;display:flex;justify-content:center;align-items:center;font:bold italic 530px 'Barlow Condensed',Impact,sans-serif;color:rgba(255,255,255,.025);overflow:hidden;pointer-events:none;z-index:-1}#viewer{position:absolute;inset:0;touch-action:none;cursor:grab}#viewer:active{cursor:grabbing}#viewer canvas{display:block;width:100%;height:100%}.viewer-tools{position:absolute;top:79px;right:0;display:flex;gap:8px}.viewer-tools button{border:1px solid #393c43;background:#1d1f24b0;color:#c8cad0;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer}.viewer-tools button:hover{background:#35383f}.drag-hint{position:absolute;bottom:39px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;letter-spacing:1.3px;color:#8e939d;pointer-events:none;display:flex;align-items:center;gap:13px}.drag-hint span{font-size:25px}.drag-hint i{width:3px;height:3px;background:#727780;border-radius:50%}.coordinate{position:absolute;right:0;bottom:85px;font-family:'Barlow Condensed',Arial,sans-serif;font-size:32px;color:#888d96;pointer-events:none}.coordinate small{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:8px;letter-spacing:1px;margin-top:4px}#loading{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);font-size:11px;letter-spacing:2px;line-height:1.8;text-align:center;color:#a4a8b0}#loading span{display:block;width:30px;height:1px;background:#aaa;margin:15px auto;animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.2;transform:scaleX(.3)}}.configuration{margin:0 5%;border-top:1px solid #37393d;border-bottom:1px solid #37393d;padding:31px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;scroll-margin-top:25px}.finish-heading{display:flex;align-items:center;gap:26px;min-width:260px}.section-number{font-size:13px;color:#707680;align-self:flex-start;margin-top:3px}.finish-heading .eyebrow{color:#9498a1;font-size:10px;letter-spacing:1.8px}h2{font-weight:500;font-size:22px;margin:9px 0 0;letter-spacing:-.5px}fieldset{padding:0;border:0;display:flex;gap:16px;margin:0}.swatch{display:block;width:38px;height:38px;position:relative;cursor:pointer}.swatch input{opacity:0;position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.swatch span{display:block;inset:5px;position:absolute;border-radius:50%;background:var(--swatch);border:1px solid #ffffff30;pointer-events:none;box-shadow:inset 0 3px 4px #ffffff18}.swatch:has(input:checked){outline:1px solid #dedfdf;border-radius:50%}.swatch:has(input:focus-visible){outline:2px solid #57a3e8;outline-offset:4px;border-radius:50%}.finish-note{font-size:10px;line-height:2;letter-spacing:1.4px;color:#bfc1c8;margin:0}.finish-note span{font-size:11px;letter-spacing:0;color:#777e88}.details{padding:37px 5%;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.details div{border-right:1px solid #303238}.details div:last-child{border:0}.details span{font-size:10px;color:#797f89;letter-spacing:1.7px}.details p{font-size:14px;color:#c4c7ce;margin:12px 0 0}footer{margin:0 5%;padding:23px 0 28px;border-top:1px solid #303238;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#737983;font-size:10px;letter-spacing:1px}footer p{font-size:10px;letter-spacing:0}.footer-sign{color:#b4b8bf}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){.hero{min-height:760px}.copy{padding-top:90px}.product{min-height:760px}}@media(max-width:1000px){.header-note{display:none}.configuration{flex-wrap:wrap}.finish-note{display:none}.hero{grid-template-columns:46% 54%}h1{font-size:clamp(58px,8vw,85px)}.coordinate{display:none}.drag-hint{font-size:8px;gap:8px}.copy{padding-top:55px}.product{min-height:640px}}@media(max-width:640px){header{height:83px}.wordmark{font-size:21px}.wordmark small{font-size:8px;letter-spacing:5.4px}.header-link{font-size:9px;letter-spacing:1px}.header-link span{margin-left:8px}.hero{display:flex;flex-direction:column;padding:0 6%}.copy{padding-top:35px}.eyebrow{font-size:10px}h1{font-size:clamp(58px,14vw,87px);margin:24px 0 18px}.intro{font-size:18px;margin:0 0 12px}.description{max-width:330px;font-size:14px}.explore{display:none}.edition{margin-top:20px;font-size:9px}.product{min-height:450px;margin-top:-15px}.viewer-label{top:20px;left:0;font-size:9px}.viewer-tools{top:51px}.ghost{font-size:380px}.drag-hint{bottom:22px;font-size:8px}.configuration{padding:25px 0;gap:22px}.finish-heading{gap:17px}fieldset{width:100%;justify-content:space-between;padding:0 3px}.swatch{height:40px;width:40px}.details{grid-template-columns:1fr 1fr;padding-top:30px;padding-bottom:30px;gap:28px 18px}.details div:nth-child(2){border:0}.details p{font-size:13px}.details span{font-size:9px}footer{flex-wrap:wrap;gap:8px;font-size:9px}footer p{order:3;width:100%;margin:7px 0 0}.footer-sign{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#loading span{animation:none}}

.description{font-size:16px}.viewer-error{position:absolute;top:40%;left:15%;right:15%;font-size:14px;text-align:center;color:#ccc}
