:root{--ink:#27231f;--cream:#f7f3ed;--sand:#e8dfd3;--clay:#b95c43;--line:#d8d0c6;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px var(--sans)}a{color:inherit;text-decoration:none}.header{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:25px 5vw}.logo{font-size:13px;font-weight:600;letter-spacing:.18em;line-height:1}.logo small{display:block;font-size:8px;font-weight:400;letter-spacing:.34em;margin-top:6px}.header nav{display:flex;gap:36px;font-size:12px}.header nav a:hover{color:var(--clay)}.menu{display:none;background:none;border:0;font:inherit}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{align-self:center;padding:8vw}.eyebrow{font-size:10px;letter-spacing:.2em;margin:0 0 25px}.hero h1,.section-head h2{font:500 clamp(48px,6.7vw,102px)/.98 var(--serif);letter-spacing:-.04em;margin:0}.hero i,.section-head i,.story i,.footer-logo i{color:var(--clay)}.lead{line-height:1.6;margin:31px 0 36px;max-width:280px}.button{background:var(--ink);color:var(--cream);display:inline-flex;gap:35px;padding:17px 20px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.button:hover{background:var(--clay)}.hero-art{background:var(--sand);overflow:hidden;position:relative}.sun{background:#d2ab7e;border-radius:50%;height:37vw;max-height:510px;max-width:510px;position:absolute;right:3%;top:10%;width:37vw}.orb{background:var(--clay);border-radius:50%;height:135px;position:absolute;right:16%;top:30%;width:135px}.ring{border:1px solid var(--ink);border-radius:50%;height:250px;position:absolute;right:28%;top:43%;width:250px}.hero-art small{bottom:25px;letter-spacing:.2em;position:absolute;right:30px}.story{background:var(--ink);color:var(--cream);display:flex;justify-content:space-between;padding:80px 8vw}.story h2{font:500 42px/1.05 var(--serif);margin:0}.story p{color:#bdb5ac;font-size:13px;line-height:1.7;margin:5px 12% 0 0}.collection{padding:120px 8vw}.section-head{align-items:end;display:flex;justify-content:space-between;margin-bottom:58px}.section-head h2{font-size:clamp(42px,5vw,76px)}.filters{display:flex;gap:24px}.filters button{background:none;border:0;border-bottom:1px solid transparent;color:#8d847b;cursor:pointer;font:11px var(--sans);padding:0 0 7px}.filters button.active,.filters button:hover{border-color:var(--ink);color:var(--ink)}.grid{display:grid;gap:25px;grid-template-columns:repeat(3,1fr)}.card{cursor:pointer}.product{align-items:end;background-position:center;background-size:cover;display:flex;height:390px;justify-content:center;overflow:hidden;position:relative}.product:after{border:1px solid rgba(36,33,30,.17);border-radius:50%;content:'';height:58%;position:absolute;top:22%;width:58%}.product span{font:90px var(--serif);position:relative;z-index:1}.tone-1{background:#e0d2c2}.tone-2{background:#d6c6b5}.tone-3{background:#e6dcd1}.tone-4{background:#d6b7a0}.tone-5{background:#cdc7b9}.tone-6{background:#dccfc2}.tone-7{background:#d8c4b4}.tone-8{background:#e2d6c9}.tone-9{background:#cfc4b7}.product-meta{display:flex;justify-content:space-between;padding:17px 0 40px}.product-meta strong{display:block;font:21px var(--serif)}.product-meta small{color:#8d847b;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.quote{background:var(--sand);padding:120px 8vw;text-align:center}.quote>span{color:var(--clay);font:90px var(--serif);line-height:0}.quote blockquote{font:clamp(30px,4vw,57px)/1.15 var(--serif);margin:10px auto 30px;max-width:740px}.quote p{font-size:10px;letter-spacing:.2em}footer{display:grid;gap:50px;grid-template-columns:1fr 1fr 1fr;padding:75px 8vw 35px}footer p{color:#8d847b;font-size:13px;line-height:1.6}.footer-logo{font:32px/.9 var(--serif)}.footer-logo i{font-size:23px}form{border-bottom:1px solid var(--ink);display:flex;margin-top:30px}input{background:none;border:0;flex:1;font:inherit;padding:12px 0}input:focus{outline:0}form button{background:none;border:0;font-size:20px}footer>small{align-self:end;color:#8d847b;font-size:10px;text-align:right}
@media(max-width:760px){.header nav{display:none}.header nav.open{background:var(--cream);display:flex;flex-direction:column;gap:18px;left:0;padding:25px 8vw;position:absolute;right:0;top:72px;z-index:3}.menu{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 8vw}.hero-art{min-height:420px}.sun{height:300px;width:300px}.story{display:block;padding:60px 8vw}.story p{margin:30px 0 0}.collection{padding:75px 6vw}.section-head{align-items:start;display:block}.filters{flex-wrap:wrap;gap:16px 21px;margin-top:32px}.grid{gap:12px;grid-template-columns:repeat(2,1fr)}.product{height:240px}.product span{font-size:60px}.product-meta{display:block;padding-bottom:25px}.product-meta strong{font-size:17px}.product-meta>span{display:block;margin-top:6px}.quote{padding:80px 8vw}footer{display:block;padding:60px 8vw 30px}footer>div:nth-child(2){margin:55px 0}.footer-logo{margin:0}footer>small{text-align:left}}