:root{--ink:#22221f;--muted:#5f5b50;--gold:#966920;--accent:#e9c879;--line:#e9e1d2;--cream:#faf7ee;--max:1180px}
*{box-sizing:border-box}
body{margin:0;font:16px/1.6 system-ui,sans-serif;color:var(--ink);background:#fffdfa}
a{color:inherit}
button{font:inherit;cursor:pointer}
h1,h2,h3,p{margin:0}
h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;line-height:1.03}
h1{font-size:clamp(54px,7.2vw,106px)}
h2{font-size:clamp(42px,5vw,68px)}
h3{font-size:21px;line-height:1.2}
em{font-weight:400;color:var(--gold)}
p{color:var(--muted)}
.wrap{width:min(var(--max),calc(100% - 72px));margin:auto}
.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:750;text-transform:uppercase;color:#795517}
.section{padding:82px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid #26231d;background:#26231d;color:white;min-height:46px;padding:10px 17px;text-decoration:none;font-weight:650;font-size:14px;border-radius:6px}
.btn:hover{background:#493b25}
.btn.gold{background:var(--accent);color:#241b0e;border-color:var(--accent)}
.btn.light{background:transparent;color:var(--ink);border-color:#d5c5a7}
.btn.light:hover{background:#f4ebd6}
.skip{position:absolute;top:-80px;left:15px;background:white;padding:8px;z-index:4}
.skip:focus{top:8px}
:focus-visible{outline:3px solid #936716;outline-offset:4px}

header{border-bottom:1px solid var(--line);background:#fffdfa}
.bar{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Georgia,serif;font-size:23px;white-space:nowrap}
.brand img{width:47px;height:47px;object-fit:contain}
.nav{display:flex;align-items:center;gap:23px;font-size:14px}
.nav a,.nav summary{text-decoration:none;cursor:pointer}
.nav details{position:relative}
.nav details div{position:absolute;right:0;top:30px;z-index:2;width:170px;padding:10px;background:#fffdfa;border:1px solid var(--line);box-shadow:0 10px 20px #39280612}
.nav details a{display:block;padding:6px}
.head-actions{display:flex;gap:8px}

.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;padding:76px 0}
.hero .eyebrow,.intro .eyebrow{margin-bottom:21px}
.lead{font-size:18px;max-width:465px;margin:24px 0}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.art{aspect-ratio:1.16;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #e6d7b6;border-radius:9px;background:radial-gradient(ellipse at 52% 43%,#fffdf2 4%,#f5e8c6 72%,#efe0ba);isolation:isolate}
.art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#a8823425 1px,transparent 1px),linear-gradient(#a8823425 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,#000,transparent 82%)}
.rings{position:absolute;width:70%;aspect-ratio:1;border:1px solid #aa7e3760;border-radius:50%;box-shadow:0 0 0 22px #fff7df6e,0 0 0 23px #aa7e373b,0 0 0 48px #fff7df5e,0 0 0 49px #aa7e3732}
.medal{width:46%;aspect-ratio:1;display:grid;place-items:center;z-index:1;border:1px solid #bb9352;border-radius:50%;background:#fff9e9;box-shadow:0 14px 45px #a9783130}
.medal img{width:82%;height:82%;object-fit:contain}

.strip{border-block:1px solid var(--line);padding:22px 0}
.strip .wrap{display:flex;gap:15px 28px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.strip b{font:20px Georgia,serif;color:#514735}

.catalog{background:#faf7ef}
.intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:33px}
.intro>p{max-width:350px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.card{background:#fffdfa;border:1px solid #e4d9c3;border-radius:9px;padding:25px;display:flex;flex-direction:column;gap:13px}
.card.featured{border-color:#b78e41;background:#fffbef}
.num{font:29px Georgia,serif;color:var(--gold)}
.price{font-size:28px;font-weight:720;color:var(--ink)}
.price small{font-size:13px;font-weight:500;color:var(--muted)}
.card>p:not(.price){font-size:14px}
.card .actions{margin-top:auto}
.card a:not(.btn){font-size:13px}
.extras{display:grid;grid-template-columns:1fr;gap:15px;margin-top:15px}
.extra{padding:20px;border-top:1px solid #d7c7a9}
.extra h3{margin:5px 0}
.extra a{font-weight:650}

.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}
.bioart{background:#f5ebd3;min-height:260px;border-radius:8px;display:grid;place-items:center;font:120px Georgia,serif;color:#946721;letter-spacing:-.1em;border:1px solid #e4d4b3}
.split h2{margin:12px 0 19px}
.split p+p{margin-top:12px}
.split .btn{margin-top:19px}
.reviews{border-block:1px solid var(--line);background:#fcf8ee}
.reviews blockquote{font:27px/1.35 Georgia,serif;margin:0 0 12px}
.reviews cite{font-style:normal;font-size:13px}
.reviews a{display:inline-block;margin-top:12px;font-weight:650}
.faq details{border-top:1px solid var(--line);padding:14px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:680}
.faq details p{margin:10px 0 3px}
.faq .split{align-items:start}
.blog{border-top:1px solid var(--line)}
.posts{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.posts a{min-height:110px;padding:14px;border:1px solid var(--line);border-radius:6px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;font-weight:650}
.posts a:hover{background:var(--cream)}
.contact{background:#f3e5c5}
.contact .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}
.contact p{margin:15px 0 0}
footer{padding:34px 0;font-size:13px}
.footlinks{display:flex;gap:10px 22px;flex-wrap:wrap;margin:15px 0}
.notice{border-top:1px solid var(--line);padding-top:15px}
dialog{border:1px solid #ded0b4;border-radius:10px;width:min(540px,calc(100% - 32px));padding:24px;color:var(--ink)}
dialog::backdrop{background:#27201688}
.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dialog-head h2{font-size:37px}
.cartrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.cartrow input{width:62px;font:inherit}
.cart-note{font-size:13px;margin:12px 0}
.total{margin-top:10px;font-weight:700}
.small{font-size:13px}

@media(max-width:950px){.bar{flex-wrap:wrap;padding:12px 0}
.nav{order:3;width:100%;flex-wrap:wrap;gap:10px 20px}
.hero{gap:24px}
.cards{gap:10px}
.card{padding:16px}
.split{gap:30px}
}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}
.hero,.split{grid-template-columns:1fr}
.hero,.section{padding:48px 0}
.art{max-height:350px}
.cards,.extras{grid-template-columns:1fr}
.posts{grid-template-columns:1fr 1fr}
.intro,.contact .wrap{display:block}
.intro>p,.contact .actions{margin-top:14px}
.brand{font-size:19px}
.brand img{width:39px;height:39px}
.head-actions .btn{padding:7px 9px;min-height:40px;font-size:12px}
.bioart{min-height:150px;font-size:85px}
.nav{font-size:13px}
}

.strip .wrap{display:block}
.strip{padding:35px 0 40px}
.sim-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:20px}
.sim-head h2{font-size:clamp(31px,4vw,48px);margin-top:6px}
.sim-head>p{font-size:14px;max-width:290px}
.sim-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.sim-tile{min-height:113px;display:grid;justify-items:center;align-content:center;gap:7px;background:var(--wash);border:1px solid color-mix(in srgb,var(--tile) 22%,transparent);border-radius:7px;color:var(--tile);padding:8px}
.sim-tile svg{width:42px;height:42px;stroke:currentColor;stroke-width:2.1;fill:none;stroke-linecap:round;stroke-linejoin:round}
.sim-tile b{font:700 15px system-ui;color:inherit}
.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}
.review-card{background:#fffdfa;border:1px solid var(--line);border-radius:8px;padding:20px}
.review-card blockquote{font:18px/1.5 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere}
.review-source{font-size:12px;font-weight:700;color:var(--gold);margin-bottom:9px}
.review-card .review-author{display:flex;align-items:center;gap:8px;font-weight:650;font-size:14px}
.review-author img{width:32px;height:32px;border-radius:50%}
.review-card a{font-size:12px}
.review-card cite{font-weight:650}
#review-score{margin-bottom:12px}
@media(max-width:850px){.sim-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:540px){.sim-head{display:block}
.sim-head>p{margin-top:10px}
.sim-tile{min-height:94px}
.sim-tile b{font-size:12px}
}