@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap');
:root{--ink:#13211c;--cream:#f1efe8;--mint:#c8e3cc;--lime:#cbea72;--line:rgba(19,33,28,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{height:82px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:20}.logo{font-size:26px;font-weight:600;letter-spacing:-1.5px}.logo span{font-weight:400}.site-header nav{display:flex;gap:32px;font-size:13px}.site-header nav a:hover{opacity:.55}.shop-link{justify-self:end;font-size:13px;border-bottom:1px solid;padding-bottom:3px}.menu{display:none;background:none;border:0}
.hero{min-height:calc(100vh - 82px);padding:8vh 4vw 35px;display:grid;grid-template-columns:48% 52%;position:relative;overflow:hidden}.hero-copy{align-self:center;position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:600;margin:0 0 28px}.hero h1,.section-head h2,.fit h2,.watch h2,.other h2,.about h2{font-family:"Manrope",sans-serif;font-weight:500;letter-spacing:-.065em;line-height:.94;margin:0}.hero h1{font-size:clamp(62px,8.5vw,142px)}em{font-family:Georgia,serif;font-weight:400}.intro{font-size:17px;line-height:1.55;max-width:460px;margin:34px 0}.actions{display:flex;align-items:center;gap:34px}.button{display:inline-block;padding:16px 24px;border-radius:99px;font-size:13px;font-weight:600}.primary{background:var(--ink);color:white}.text-link{font-size:13px;border-bottom:1px solid}.hero-visual{align-self:center;position:relative;min-height:600px}.hero-visual img{width:min(70vh,640px);aspect-ratio:1;object-fit:cover;border-radius:50%;position:absolute;left:5%;top:0;box-shadow:0 30px 80px rgba(19,33,28,.13)}.orbit{position:absolute;border:1px solid rgba(19,33,28,.18);border-radius:50%}.orbit-one{inset:-8% 2% 0 -5%;transform:rotate(18deg)}.orbit-two{inset:5% -15% -10% 12%;transform:rotate(-24deg)}.stamp{position:absolute;right:5%;top:10%;background:var(--lime);width:112px;height:112px;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:19px;font-weight:600;transform:rotate(8deg)}.stamp small{font-size:9px;letter-spacing:.14em}.hero-foot{position:absolute;bottom:26px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.15em}
.proof{padding:80px 4vw;background:var(--ink);color:white}.proof>p:first-child{text-align:center;text-transform:uppercase;letter-spacing:.18em;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:55px 0 35px}.metrics div{text-align:center;border-right:1px solid rgba(255,255,255,.2)}.metrics div:last-child{border:0}.metrics strong{display:block;font-family:Manrope;font-weight:400;font-size:clamp(60px,8vw,120px);letter-spacing:-.06em}.metrics strong span{font-size:.28em}.metrics small{font-size:12px;opacity:.65}.fine{font-size:10px!important;opacity:.55;line-height:1.5}
.collection{padding:130px 4vw}.section-head{display:grid;grid-template-columns:35% 65%;align-items:start;margin-bottom:80px}.section-head h2{font-size:clamp(55px,7vw,105px)}.product-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:20px}.product-card{background:#fff}.image-wrap{aspect-ratio:1.28;overflow:hidden}.image-wrap img{width:100%;height:100%;object-fit:cover}.product-copy{padding:35px;position:relative}.product-copy .num{position:absolute;right:35px;top:38px;font-size:11px}.product-copy h3{font-family:Manrope;font-size:30px;letter-spacing:-.04em;margin:0 0 16px}.product-copy p{font-size:14px;line-height:1.65;max-width:560px}.product-copy ul{list-style:none;padding:0;margin:24px 0 30px;display:flex;flex-wrap:wrap;gap:8px}.product-copy li,.chips span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;border:1px solid currentColor;border-radius:99px;padding:7px 10px}.product-copy a,.other-row a{font-size:12px;border-bottom:1px solid}.dark{background:#26352f;color:white}.rings-art{height:410px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#637169 0,#26352f 65%)}.rings-art b{position:absolute;width:220px;height:220px;border-radius:50%;border:35px solid}.rings-art b:nth-child(1){border-color:#d7d0be;left:14%;top:14%;transform:rotate(-25deg)}.rings-art b:nth-child(2){border-color:#cae678;right:9%;top:38%;transform:rotate(20deg)}.rings-art b:nth-child(3){border-color:#b78580;left:36%;bottom:-28%;transform:rotate(12deg)}
.fit{padding:100px 4vw;background:var(--mint);display:grid;grid-template-columns:1fr 1fr;gap:5vw}.fit h2,.watch h2,.other h2,.about h2{font-size:clamp(50px,6vw,90px)}.compat{display:flex;flex-direction:column}.compat span{font-size:24px;padding:18px 0;border-bottom:1px solid var(--line)}.fit>.fine{grid-column:2}
.watch{padding:120px 8vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10vw}.watch-art{height:680px;position:relative;display:grid;place-items:center;background:#dad6ce;overflow:hidden}.face{width:290px;height:350px;border-radius:42%;background:#15201c;border:14px solid #a9aaa6;display:grid;place-items:center;color:var(--lime);font-family:Manrope;font-size:42px;z-index:2;box-shadow:0 25px 50px rgba(0,0,0,.2)}.strap{position:absolute;width:190px;height:260px;background:repeating-linear-gradient(90deg,#c1af8a 0 5px,#9f8e6e 5px 8px);left:50%;transform:translateX(-50%)}.strap.top{top:-20px}.strap.bottom{bottom:-20px}.watch-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:500px;margin:30px 0}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}.outline{border:1px solid}
.other{padding:110px 4vw;border-top:1px solid var(--line)}.other-row{display:grid;grid-template-columns:1.2fr .7fr .4fr;gap:50px;align-items:end}.other-row p{line-height:1.7;font-size:14px}.other-row a{justify-self:end}
.about{padding:120px 8vw;background:#e1d4ca;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw}.about-mark{height:540px;background:var(--ink);display:grid;place-items:center}.about-mark span{font-family:Georgia;font-size:260px;font-style:italic;color:#e1d4ca}.about>div:last-child>p:last-child{font-size:16px;line-height:1.75;margin-top:35px;max-width:520px}
footer{padding:70px 4vw 30px;background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;align-items:center}footer>p{text-align:center}footer>div{justify-self:end;display:flex;gap:25px;font-size:12px}footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:25px;opacity:.5;font-size:10px}
@media(max-width:800px){.site-header{height:68px;grid-template-columns:1fr auto}.site-header nav,.shop-link{display:none}.menu{display:block;width:30px}.menu i{display:block;height:1px;background:var(--ink);margin:7px 0}.site-header.open nav{display:flex;position:absolute;top:68px;left:0;right:0;background:var(--cream);padding:30px 4vw;flex-direction:column;border-bottom:1px solid}.hero{min-height:auto;padding-top:70px;grid-template-columns:1fr}.hero h1{font-size:18vw}.intro{font-size:15px}.hero-visual{min-height:430px;margin-top:60px}.hero-visual img{width:85vw;left:3%}.stamp{width:80px;height:80px;font-size:14px}.hero-foot{display:none}.metrics{grid-template-columns:1fr}.metrics div{border:0;border-bottom:1px solid rgba(255,255,255,.2);padding:25px}.section-head,.product-grid,.fit,.watch,.other-row,.about{grid-template-columns:1fr}.collection{padding:85px 4vw}.section-head{gap:25px;margin-bottom:50px}.rings-art{height:320px}.fit{padding:80px 4vw}.fit>.fine{grid-column:1}.watch{padding:80px 4vw}.watch-art{height:500px}.face{width:220px;height:270px}.other{padding:80px 4vw}.other-row{gap:30px}.other-row a{justify-self:start}.about{padding:80px 4vw}.about-mark{height:380px}.about-mark span{font-size:180px}footer{grid-template-columns:1fr;text-align:center}footer>div{justify-self:center}footer small{grid-column:1}}