@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500&display=swap');:root{--taupe:#99837a;--blush:#e9dad3;--ink:#2c2d3d;--cream:#fbf8f6}*{box-sizing:border-box}body{margin:0;color:#302b2a;background:#fff;font:15px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.top{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#f8f0ed;gap:25px}.wordmark{font-size:22px;letter-spacing:5px;white-space:nowrap;line-height:1.2}.wordmark small{display:block;text-align:center;letter-spacing:3px;font-size:9px;margin-top:9px}.top nav{display:flex;gap:27px;font-size:11px;letter-spacing:1px}.top nav a:hover{color:var(--taupe)}#menu{display:none;border:0;background:none;font-size:24px}.hero{background:linear-gradient(90deg,#99837a 0%,#99837a 38%,rgba(153,131,122,.94) 47%,rgba(153,131,122,.3) 70%,rgba(153,131,122,0) 100%),url('/assets/2023/05/CoverOvalRing.jpg') right 45%/cover;min-height:560px;color:#fff;display:flex;align-items:center}.hero .copy{padding:65px 7%;max-width:690px}.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.03;font-weight:700;letter-spacing:1px;margin:0 0 42px;color:#f9eeeb}.hero h2{font-size:24px;line-height:1.35;max-width:510px}.hero p{max-width:510px}.outline{display:inline-block;border:2px solid #fff;padding:12px 24px;font-size:12px;letter-spacing:2px;margin-top:18px}.testimonial{text-align:center;padding:78px 20px 80px;max-width:660px;margin:auto}.testimonial .quote{font:50px Georgia,serif;color:var(--blush);line-height:1}.testimonial blockquote{font-size:19px;line-height:1.6;margin:0 0 20px}.testimonial small{letter-spacing:2px}.cta{background:var(--ink);color:#fff;text-align:center;padding:58px 24px}.cta h2{font-size:21px;font-weight:400}.cta p{max-width:940px;margin:auto}footer{text-align:center;background:#f7eeeb;padding:45px 20px 30px}footer img{height:95px;width:auto;object-fit:contain}footer p{margin:10px}footer small{font-size:11px;color:#9c9290}.banner{background:linear-gradient(90deg,rgba(153,131,122,.95),rgba(153,131,122,.25)),url('/assets/2023/05/CoverOvalRing.jpg') center/cover;color:white;padding:50px max(6vw,25px)}.banner h1{font-size:55px;margin:0}.container{max-width:1260px;margin:auto;padding:38px 28px 65px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.toolbar select{padding:10px;border:1px solid #ddd;background:white}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 24px}.card img{width:100%;height:290px;object-fit:cover;background:#f5f0ee}.card h3{font-weight:500;font-size:16px;line-height:1.3;margin:9px 0 0}.card p{margin:2px 0 10px}.btn{display:inline-block;text-align:center;border:0;background:#ac8c84;color:#fff;padding:12px 22px;font-size:11px;letter-spacing:1.5px}.card .btn{width:100%}.product{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding-top:40px}.mainphoto{width:100%;height:570px;object-fit:cover;background:#f7f3f1}.thumbs{display:flex;gap:12px;overflow:auto;margin:12px 0 24px}.thumbs img{height:110px;width:110px;object-fit:cover;cursor:pointer;border:2px solid transparent}.thumbs img.selected{border-color:var(--taupe)}.crumb{font-size:12px;color:#777}.details h1{font:46px/1.2 'Playfair Display',Georgia,serif;margin:14px 0 18px}.price{font-size:30px;color:var(--taupe);margin:12px 0}.config{border-top:1px solid #e5d9d5;padding:14px 0}.config h3{font:21px 'Playfair Display',Georgia,serif;margin:0 0 10px}.choices{display:flex;flex-wrap:wrap;gap:8px}.choice{background:#fff;border:1px solid #e1d6d2;padding:12px 16px;min-width:80px;flex:1;max-width:230px;text-align:center;border-radius:5px}.choice[aria-pressed=true]{background:#f1e6e2;border:2px solid var(--taupe);padding:11px 15px}.summary{background:#f9f2ef;padding:18px;margin-top:18px}.summary p{margin:3px 0}.notice{background:#f8efec;padding:17px;margin:24px 0}.muted{color:#766d69}.contentpage{max-width:920px;margin:0 auto;min-height:350px}.contentpage h1{font:44px 'Playfair Display',serif}.contentpage img{max-width:100%;height:auto}.preview{background:#fff2dc;color:#654d27;padding:12px 20px;text-align:center;font-size:13px}.empty{padding:70px;text-align:center}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product{grid-template-columns:1fr}.top nav{display:none;position:absolute;top:84px;left:0;right:0;background:#f8f0ed;padding:25px;z-index:5;flex-direction:column}.top nav.open{display:flex}#menu{display:block}.mainphoto{height:500px}}@media(max-width:560px){.wordmark{font-size:16px;letter-spacing:3px}.hero{background:linear-gradient(90deg,rgba(153,131,122,.94),rgba(153,131,122,.65)),url('/assets/2023/05/CoverOvalRing.jpg') center/cover;min-height:650px}.hero .copy{padding:50px 25px}.hero h2{font-size:20px}.grid{gap:20px 12px}.card img{height:210px}.card h3{font-size:14px}.card .btn{padding:11px 5px;font-size:9px}.container{padding:24px 16px 50px}.banner h1{font-size:42px}.mainphoto{height:380px}.details h1{font-size:38px}.toolbar{font-size:12px}.toolbar select{max-width:150px}}
/* v0.1.1 targeted improvements */
.hero{background:linear-gradient(90deg,#99837a 0%,rgba(153,131,122,.98) 34%,rgba(153,131,122,.80) 53%,rgba(153,131,122,.13) 80%),url('/assets/2023/05/CoverOvalRing.jpg') right center / auto 100% no-repeat;background-color:#99837a}
.choices.visual{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px}.choices.visual .choice{max-width:none;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:118px;padding:12px 8px}.choices.visual .choice[aria-pressed=true]{padding:11px 7px}.option-visual{display:grid;place-items:center;font-size:40px;line-height:1;color:#b38f80;width:65px;height:56px;border-radius:50%;background:radial-gradient(circle,#fff 15%,#f4eae6 75%)}.option-visual.metal-silver{color:#9b9ca2}.option-visual.metal-gold{color:#c6a05a}.choices.sizes{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.choices.sizes .choice{min-width:0;max-width:none;padding:10px 2px;font-size:13px}.choices.sizes .choice[aria-pressed=true]{padding:9px 1px}
.faqbar{display:flex;justify-content:flex-end;margin:0 0 18px}.faqbar button{border:1px solid #bba39a;background:#fff;color:#6c5148;padding:10px 17px}.faqitems{border-top:1px solid #e4d5d0}.faqitems details{border-bottom:1px solid #e4d5d0}.faqitems summary{cursor:pointer;list-style:none;padding:20px 40px 20px 4px;font-size:17px;font-weight:600;position:relative}.faqitems summary::-webkit-details-marker{display:none}.faqitems summary:after{content:'+';position:absolute;right:12px;font-size:25px;top:12px;color:#99837a}.faqitems details[open] summary:after{content:'−'}.faqanswer{padding:0 16px 20px 5px;color:#5c5451}.faqanswer p{margin-top:0}.editorial{max-width:1150px}.editorial-head{text-align:center;background:#f8efeb;padding:42px 25px;margin:-10px 0 34px}.editorial-head h1{margin:12px 0}.eyebrow{font-size:11px;letter-spacing:2px;color:#997d72}.hairline{width:90px;height:2px;background:#b99a90;margin:20px auto 0}.editorial-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:46px;align-items:start}.editorial-copy{font-size:16px;line-height:1.85}.editorial-copy h2,.editorial-copy h3{font-family:'Playfair Display',Georgia,serif;color:#7c6258}.editorial-copy p{margin:0 0 22px}.editorial-aside img{width:100%;height:auto;max-height:500px;object-fit:contain;background:#f6efec}.aside-note{background:#f5eae6;padding:22px;text-align:center;font-family:Georgia,serif;font-size:19px;color:#7c6258}
@media(max-width:900px){.hero{background:linear-gradient(90deg,rgba(153,131,122,.98),rgba(153,131,122,.80) 55%,rgba(153,131,122,.28)),url('/assets/2023/05/CoverOvalRing.jpg') right center / auto 100% no-repeat;background-color:#99837a}.editorial-layout{grid-template-columns:1fr}.editorial-aside{max-width:550px;margin:auto}}
@media(max-width:560px){.hero{background:linear-gradient(90deg,rgba(153,131,122,.96),rgba(153,131,122,.76)),url('/assets/2023/05/CoverOvalRing.jpg') right center / auto 100% no-repeat;background-color:#99837a}.choices.sizes{grid-template-columns:repeat(4,minmax(0,1fr))}.choices.visual{grid-template-columns:repeat(2,minmax(0,1fr))}}