@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Manrope:wght@400;500;600;700;800&display=swap";
*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f4f1e9;background:#0a0a09;margin:0;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{z-index:10;justify-content:space-between;align-items:center;height:78px;padding:0 5vw;display:flex;position:absolute;top:0;left:0;right:0}.logo{letter-spacing:-1px;font-size:21px;font-weight:800}.logo span{vertical-align:top;margin-left:2px;font:9px DM Mono}.navLinks{color:#b8b5ad;gap:34px;font-size:12px;display:flex}.navLinks a:hover{color:#fff}.bagBtn{color:#fff;background:#151513;border:1px solid #33332f;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative}.bagBtn i{color:#111;background:#e9e3d3;border-radius:50%;place-items:center;width:15px;height:15px;font:9px DM Mono;display:grid;position:absolute;top:-3px;right:-2px}.hero{background:radial-gradient(circle at 75% 42%,#24231e 0,#11110f 28%,#0a0a09 63%);grid-template-columns:1fr 1fr;align-items:center;min-height:780px;padding:150px 8vw 100px;display:grid;position:relative;overflow:hidden}.heroGlow{filter:blur(80px);opacity:.28;border-radius:50%;position:absolute}.glow1{background:#83765b;width:300px;height:300px;top:25%;right:9%}.glow2{background:#4d5244;width:180px;height:180px;bottom:5%;left:2%}.heroCopy{z-index:2;max-width:620px;position:relative}.eyebrow{letter-spacing:2px;color:#9b978c;align-items:center;gap:8px;font:11px DM Mono;display:flex}.hero h1{letter-spacing:-6px;margin:22px 0 28px;font-size:clamp(55px,7vw,104px);line-height:.92}.hero h1 em,.sectionHead em,.story h2 em,.notify h2 em{color:#aaa28e;font-family:Georgia,serif;font-weight:400}.heroCopy>p{color:#aaa79e;max-width:480px;font-size:15px;line-height:1.75}.cta{color:#111;background:#eee9dc;align-items:center;gap:12px;margin-top:25px;padding:15px 20px;font-size:12px;font-weight:700;display:inline-flex}.cta:hover{transition:all .2s;transform:translateY(-2px)}.heroVisual{place-items:center;height:520px;display:grid;position:relative}.orbit{border:1px solid #32312c;border-radius:50%;animation:18s linear infinite spin;position:absolute}.orbitA{width:420px;height:420px}.orbitB{width:540px;height:220px;animation-duration:24s;transform:rotate(-25deg)}.floatingCard{background:linear-gradient(145deg,#24231f,#11110f);border:1px solid #3a3933;position:absolute;box-shadow:0 35px 80px #0009}.cardMain{flex-direction:column;justify-content:center;align-items:center;width:310px;height:390px;animation:5s ease-in-out infinite float;display:flex;transform:rotate(5deg)}.cardBack{opacity:.8;width:190px;height:270px;top:55px;right:0;transform:rotate(17deg)}.productLabel{justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:25px;left:25px;right:25px}.productLabel span{color:#77746c;font-family:DM Mono}.watchShape{place-items:center;width:125px;height:210px;display:grid;position:relative}.watchShape .strap{background:linear-gradient(90deg,#252522,#56544b,#1e1e1b);border-radius:8px;width:56px;height:88px;position:absolute;left:50%;transform:translate(-50%)}.watchShape .top{top:0}.watchShape .bottom{bottom:0}.dial{z-index:2;background:radial-gradient(circle at 32% 25%,#aaa79a,#48463e 45%,#161613 75%);border:7px solid #292823;border-radius:50%;width:120px;height:120px;position:relative;box-shadow:0 10px 35px #000}.hand{transform-origin:bottom;background:#eee8d9;border-radius:2px;width:3px;height:42px;position:absolute;top:20px;left:58px}.h1{transform:rotate(35deg)}.h2{height:30px;top:30px;transform:rotate(180deg)}.dot{background:#ddd3bb;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%}.floatTag{color:#151512;letter-spacing:1px;background:#d8d0bb;align-items:center;gap:7px;padding:9px 13px;font:9px DM Mono;display:flex;position:absolute;bottom:35px;right:-35px;transform:rotate(-4deg)}.ticker{color:#151513;white-space:nowrap;letter-spacing:1px;background:#e7e0d0;align-items:center;height:45px;font:11px DM Mono;display:flex;overflow:hidden}.ticker div{animation:24s linear infinite marquee}.collection{padding:130px 8vw}.sectionHead{justify-content:space-between;align-items:end;margin-bottom:65px;display:flex}.sectionHead h2,.story h2,.notify h2{letter-spacing:-3px;margin:18px 0 0;font-size:clamp(42px,5vw,70px);line-height:.98}.sectionHead>p{color:#88857d;max-width:330px;font-size:13px;line-height:1.7}.grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.productArt{background:#151512;place-items:center;height:430px;display:grid;position:relative;overflow:hidden}.productArt.watch2{background:#1c1b18}.productArt.tote{background:#191a17}.shine{background:linear-gradient(90deg,#0000,#ffffff0b,#0000);width:160px;height:400px;animation:5s infinite shine;position:absolute;left:-200px;transform:rotate(25deg)}.watchShape.small{animation:4s ease-in-out infinite float;transform:scale(.85)}.bagShape{width:150px;height:180px;position:relative}.bagShape .body{background:linear-gradient(130deg,#9d9684,#4a493f 50%,#252520);border-radius:8px 8px 16px 16px;position:absolute;inset:32px 0 0;box-shadow:20px 30px 50px #0008}.bagShape .handle{z-index:2;border:8px solid #777365;border-bottom:0;border-radius:50px 50px 0 0;width:80px;height:55px;position:absolute;top:0;left:35px}.bagShape .clasp{z-index:3;background:#d8c9a6;border-radius:50%;width:12px;height:12px;position:absolute;top:60px;left:69px}.miniBag{position:absolute;bottom:30px;right:25px;transform:scale(.75)}.productArt .index{color:#67655d;font:10px DM Mono;position:absolute;top:18px;left:18px}.productMeta{justify-content:space-between;padding:18px 3px;display:flex}.productMeta small{color:#68665f;letter-spacing:1px;font:9px DM Mono}.productMeta h3{margin:6px 0 0;font-size:14px}.productMeta>span{color:#aaa493;font:12px DM Mono}.story{background:#10100e;grid-template-columns:1fr 1fr;align-items:center;gap:12vw;padding:120px 8vw;display:grid}.storyVisual{background:radial-gradient(circle,#292820,#12120f 62%);place-items:center;height:500px;display:grid;position:relative;overflow:hidden}.gem{border:1px solid #77715f;place-items:center;width:130px;height:130px;animation:4s ease-in-out infinite float;display:grid;transform:rotate(45deg)}.gem svg{color:#cfc3a6;transform:rotate(-45deg)}.circleText{letter-spacing:2px;color:#777366;font:9px DM Mono;animation:22s linear infinite spin;position:absolute}.storyCopy p{color:#939087;max-width:490px;margin:30px 0;font-size:14px;line-height:1.8}.points{color:#77746c;border-top:1px solid #2c2b27;flex-direction:column;gap:15px;padding-top:22px;font:11px DM Mono;display:flex}.points b{color:#ddd7c9;font-weight:400}.notify{text-align:center;color:#141411;background:#e5dece;padding:150px 8vw}.notify .eyebrow{color:#777267;justify-content:center}.notify h2{margin-bottom:22px}.notify p{color:#6e6a60;font-size:13px}.notify form{border-bottom:1px solid #8b877b;max-width:490px;margin:35px auto 13px;display:flex}.notify input{color:#111;background:0 0;border:0;outline:0;flex:1;padding:15px 4px;font:13px Manrope}.notify button{background:0 0;border:0;align-items:center;gap:10px;font-weight:700;display:flex}.notify small{color:#898477;font:9px DM Mono}.success{border:1px solid #aaa393;max-width:490px;margin:35px auto;padding:16px;font-size:13px}.notifyInner{max-width:700px;margin:auto}footer{color:#67655e;border-top:1px solid #24231f;justify-content:space-between;align-items:center;padding:35px 5vw;font:10px DM Mono;display:flex}footer .logo{color:#eee;font-family:Manrope;font-size:18px}@keyframes float{0%,to{transform:translateY(0)rotate(5deg)}50%{transform:translateY(-15px)rotate(5deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes shine{0%{left:-200px}30%,to{left:120%}}@media (max-width:850px){.navLinks{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:130px}.heroVisual{height:500px;margin-top:20px}.hero h1{letter-spacing:-4px}.grid{grid-template-columns:1fr 1fr}.sectionHead,.story{grid-template-columns:1fr;gap:30px;display:grid}.storyVisual{height:400px}.story{padding-top:80px}.collection{padding-top:90px}}@media (max-width:520px){.hero{padding-left:6vw;padding-right:6vw}.heroVisual{margin-left:-35px;margin-right:-35px;transform:scale(.78)}.grid{grid-template-columns:1fr}.productArt{height:390px}.collection,.story,.notify{padding-left:6vw;padding-right:6vw}.nav{padding:0 6vw}.sectionHead h2,.story h2,.notify h2{letter-spacing:-2px}.floatTag{right:-5px}}
