:root{--cream:#FAF6EF;--esp:#1A1412;--copper:#C8642A;--gold:#D4AF37;--ink:#3a2f2a}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.65 "Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff}
img{max-width:100%;height:auto;display:block}a{color:var(--copper)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:var(--esp);line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(2rem,7vw,3.2rem)}h2{font-size:clamp(1.6rem,5vw,2.2rem)}h3{font-size:1.15rem}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}section{padding:52px 0}
.cream{background:var(--cream)}.small{font-size:.9rem;opacity:.8}
.btn{display:inline-block;padding:13px 22px;border-radius:99px;background:var(--copper);color:#fff;font-weight:700;text-decoration:none;border:2px solid var(--copper)}
.btn.sm{padding:8px 16px;font-size:.95rem}.btn.ghost{background:transparent;color:#fff;border-color:var(--gold)}.btn.ghost.dk{color:var(--esp)}
.btn:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
header{background:var(--esp);position:sticky;top:0;z-index:10;border-bottom:2px solid var(--gold)}
.bar{display:flex;align-items:center;justify-content:space-between;padding-top:6px;padding-bottom:6px}
.logo{height:58px;width:auto}
nav{background:var(--cream);overflow-x:auto;white-space:nowrap}nav .wrap{display:flex;gap:2px}
nav a{padding:11px 13px;color:var(--esp);text-decoration:none;font-weight:600;font-size:.94rem}nav a.on,nav a:hover{color:var(--copper)}
.hero{background:var(--esp);color:#eee;padding:44px 0}.hero h1{color:#fff}.hero h1 em{color:var(--gold)}
.eyebrow{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;font-weight:700}
.two{display:grid;gap:28px;align-items:center}.hero img{border-radius:14px;border:2px solid var(--gold)}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.cats{display:grid;gap:14px}.cats a{position:relative;display:block;border-radius:14px;overflow:hidden;text-decoration:none}
.cats img{width:100%;height:230px;object-fit:cover}.cats span{position:absolute;left:0;right:0;bottom:0;padding:30px 16px 12px;background:linear-gradient(transparent,rgba(26,20,18,.9));color:#fff;font-family:Georgia,serif;font-size:1.25rem}
.grid{display:grid;gap:18px;margin-top:18px}
.card{background:#fff;border:1px solid #eadfce;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(26,20,18,.06)}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover}.card div{padding:14px 16px 18px}.card p{margin:0 0 12px;font-size:.95rem}
.dark{background:var(--esp);color:#ddd}.dark h2,.dark h3{color:#fff}.dark h3{color:var(--gold)}
.why{display:grid;gap:18px}.vids{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.vids .btn.ghost{color:var(--esp)}
ol.steps{padding-left:22px}ol.steps li{margin-bottom:10px}
footer{background:var(--esp);color:#ccc;padding:34px 0;font-size:.95rem}footer a{color:var(--gold)}
@media(min-width:760px){.two{grid-template-columns:1.1fr .9fr}.grid{grid-template-columns:repeat(3,1fr)}.cats{grid-template-columns:repeat(3,1fr)}.why{grid-template-columns:repeat(4,1fr)}}

:root{--light:#F3D27A}
h1 em,h2 em{font-style:italic;background:linear-gradient(100deg,#8a6a12,#f3d27a 40%,#d4af37 60%,#a07a16);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero{background:radial-gradient(ellipse at 50% -10%,#3a2a1c 0,#1A1412 60%);padding:46px 0 52px}
.hero h1{font-size:clamp(2rem,8vw,3.6rem);letter-spacing:.01em}.lead{max-width:36em;font-size:1.08rem}
.priceline{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:8px 0 6px}
.big{font-family:Georgia,serif;font-size:2.6rem;font-weight:700;background:linear-gradient(100deg,#f3d27a,#d4af37 50%,#f3d27a);-webkit-background-clip:text;background-clip:text;color:transparent}
.pod{border:1px solid var(--gold);color:var(--gold);padding:4px 14px;border-radius:99px;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}
.hint{margin:6px 0 4px;color:var(--gold)}
.slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 18px;-webkit-overflow-scrolling:touch}
.slider figure{flex:0 0 84%;scroll-snap-align:center;margin:0;background:#241b17;border:1px solid rgba(212,175,55,.55);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.slider img{width:100%;aspect-ratio:4/5;object-fit:cover}
.slider figcaption{display:grid;gap:8px;padding:14px 16px 18px;color:#eee}.slider figcaption b{font-family:Georgia,serif;font-size:1.1rem;color:#fff}
.pr{color:var(--light);font-weight:700}
.incl{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:8px 0 0}
.incl li{border:1px solid rgba(212,175,55,.5);color:#f3d27a;border-radius:99px;padding:6px 14px;font-size:.9rem}.incl li::before{content:"\2713  "}
.btn{background:linear-gradient(135deg,#d97a3a,#c8642a 55%,#a9501f);box-shadow:0 4px 14px rgba(200,100,42,.35);position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:sh 4.5s infinite}
@keyframes sh{0%,60%{left:-70%}100%{left:130%}}
.btn.ghost{box-shadow:none;background:transparent}.btn.ghost::after{display:none}
.center{text-align:center}.frame{max-width:330px;margin:18px auto 0;padding:8px;border-radius:22px;background:linear-gradient(135deg,#f3d27a,#a07a16 50%,#f3d27a)}
.frame video{width:100%;border-radius:16px;background:#000;display:block}
.tabs{display:flex;gap:8px;overflow-x:auto;margin:14px 0 4px}
.tab{flex:0 0 auto;font:inherit;font-weight:600;padding:9px 18px;border-radius:99px;border:1px solid var(--gold);background:#fff;color:var(--esp);cursor:pointer}
.tab.on{background:var(--esp);color:var(--light)}
section h2{position:relative;padding-bottom:12px}section h2::after{content:"";position:absolute;left:0;bottom:0;width:70px;height:3px;background:linear-gradient(90deg,var(--gold),transparent)}
.center h2::after{left:50%;transform:translateX(-50%)}
@media(min-width:760px){.slider{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.slider figure{flex:none}.hint{display:none}}
@media(prefers-reduced-motion:reduce){.btn::after{animation:none}}

:root{--gg:linear-gradient(135deg,#7b5a0e 0%,#e9c46a 20%,#fff4c2 36%,#d4af37 54%,#8a6a12 76%,#f3d27a 100%)}
body.theme-men{--esp:#0d1523;--cream:#eef2f8}
body.theme-women{--esp:#3a1020;--cream:#fbefee}
body.theme-gift{--esp:#0c2a22;--cream:#f1f7f2}
header{border-bottom:3px solid;border-image:var(--gg) 1}
.btn{background:var(--gg);background-size:200% auto;color:#1a1208;border:1px solid #b8860b;box-shadow:0 4px 16px rgba(212,175,55,.35);text-shadow:0 1px 0 rgba(255,255,255,.35)}
.btn.ghost{background:transparent;color:#f3d27a;border:1px solid #d4af37;text-shadow:none}.btn.ghost.dk{color:var(--esp)}
h1 em,h2 em,.big{background:var(--gg);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gl 7s linear infinite}
@keyframes gl{0%{background-position:0 50%}100%{background-position:200% 50%}}
section h2::after{background:var(--gg);height:3px;width:90px}
.frame{background:var(--gg)}
.card{border:1px solid rgba(212,175,55,.55);border-top:3px solid #d4af37}
.slider figure{border-color:#d4af37}
.cats a:nth-child(1) span{background:linear-gradient(transparent,#0d1523f0)}
.cats a:nth-child(2) span{background:linear-gradient(transparent,#3a1020f0)}
.cats a:nth-child(3) span{background:linear-gradient(transparent,#0c2a22f0)}
.cats a{border:1px solid #d4af37}
body[class^=theme] main>section:first-child{background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.12),transparent 60%),var(--esp);color:#e8e0d2;padding:46px 0 54px}
body[class^=theme] main>section:first-child h1{background:var(--gg);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gl 7s linear infinite}
body[class^=theme] main>section:first-child a:not(.btn){color:#f3d27a}
body[class^=theme] main>section:first-child .card p{color:#3a2f2a}
@media(prefers-reduced-motion:reduce){h1 em,h2 em,.big,body[class^=theme] main>section:first-child h1{animation:none}}

header{position:static}
@media(min-width:760px){header{position:sticky;top:0}}
header .bar>a:first-child{display:block;perspective:700px}
header .logo{height:84px;animation:turn 9s ease-in-out infinite;transform-style:preserve-3d;filter:drop-shadow(0 2px 10px rgba(212,175,55,.35))}
@keyframes turn{0%,58%{transform:rotateY(0)}86%,100%{transform:rotateY(360deg)}}
.trust{background:var(--cream);padding:26px 0;border-top:1px solid rgba(212,175,55,.5);border-bottom:1px solid rgba(212,175,55,.5)}
.trust .wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.trust .wrap>div{text-align:center;padding:10px 6px;border-top:3px solid #d4af37;background:#fff;border-radius:6px}
.trust b{display:block;font-family:Georgia,serif;color:var(--esp)}.trust span{font-size:.85rem;color:#6b5d54}
.fab{position:fixed;right:16px;bottom:16px;z-index:30;display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:99px;background:var(--gg);background-size:200% auto;color:#1a1208;font-weight:700;text-decoration:none;border:1px solid #b8860b;box-shadow:0 6px 20px rgba(0,0,0,.35);animation:pulse 3.2s infinite}
@keyframes pulse{0%{box-shadow:0 6px 20px rgba(0,0,0,.35),0 0 0 0 rgba(212,175,55,.55)}70%,100%{box-shadow:0 6px 20px rgba(0,0,0,.35),0 0 0 16px rgba(212,175,55,0)}}
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.js .rv.in{opacity:1;transform:none}
.lb{position:fixed;inset:0;z-index:50;background:rgba(10,7,5,.94);display:none;align-items:center;justify-content:center;padding:14px}
.lb.on{display:flex}.lb img{max-width:96vw;max-height:84vh;object-fit:contain;border:2px solid #d4af37;border-radius:8px}
.lb button{position:absolute;top:14px;right:14px;padding:10px 18px;border-radius:99px;border:1px solid #d4af37;background:#1a1208;color:#f3d27a;font:inherit;font-weight:700}
@media(min-width:760px){.trust .wrap{grid-template-columns:repeat(4,1fr)}header .logo{height:92px}}
@media(prefers-reduced-motion:reduce){header .logo,.fab{animation:none}}

.formwrap iframe{width:100%;height:1900px;border:2px solid #d4af37;border-radius:12px;background:#fff}
.mapwrap iframe{width:100%;height:340px;border:2px solid #d4af37;border-radius:12px}
@media(min-width:760px){.formwrap iframe{height:1500px}}
.tl{display:block;margin-top:10px;font-size:.92rem;font-weight:600;color:#a9501f;text-decoration:underline}.slider .tl{color:#f3d27a}.card .btn{display:block;text-align:center}.card .tl,body[class^=theme] main>section:first-child .card a.tl{color:#a9501f}