
@font-face{font-family:Bodoni;src:url(/fonts/bodoni-moda-latin-500-normal.woff2);font-weight:500;font-display:swap}
@font-face{font-family:Script;src:url(/fonts/mrs-saint-delafield-latin-400-normal.woff2);font-display:swap}
@font-face{font-family:Jost;src:url(/fonts/jost-latin-400-normal.woff2);font-display:swap}
@font-face{font-family:Corm;src:url(/fonts/cormorant-garamond-latin-500-italic.woff2);font-style:italic;font-display:swap}
:root{--gold:linear-gradient(180deg,#F6E3A8 8%,#D9B061 48%,#A87A2F 92%);--g:#D9B468;--red:#C4122F}
*{box-sizing:border-box}html{background:#090405}
body{margin:0;color:#F7EFE4;font-family:Jost,Futura,sans-serif}
a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--g);outline-offset:2px}
.page{width:min(1200px,100%);margin:0 auto;background:#000;container-type:inline-size;box-shadow:0 0 70px rgba(0,0,0,.95);overflow:hidden}
.g{background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.lockup{display:block;text-align:center;line-height:1}
.lockup .f{display:block;margin:0 auto}
.lockup .t{display:block;font-family:Bodoni,Didot,serif;font-weight:500;letter-spacing:.015em}
.lockup .s{display:block;white-space:nowrap;font-family:Script,cursive;line-height:.9;padding:.4em .6em .4em;margin:-.4em -.6em -.3em}
.swash{display:block;height:2px;margin:0 auto;background:linear-gradient(90deg,transparent,var(--red) 30%,#e8324e 55%,transparent);border-radius:50%}
body::before,body::after{content:"";position:fixed;top:0;bottom:0;width:calc(50vw - 600px);z-index:-1;background-repeat:no-repeat;background-size:cover}
body::before{left:0;background-position:left center}body::after{right:0;transform:scaleX(-1);background-position:left center}
html{background:#070304 radial-gradient(75% 85% at 50% 45%,#5a0d1f 0,#2a0710 60%,#0a0304 100%) fixed}
body::before,body::after{background-image:url(/img/side-satin.jpg);opacity:.72;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%)}
@media (max-width:1200px){body::before,body::after{display:none}}
/* intro */
#intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:#000}
#intro .cur{position:absolute;top:0;bottom:0;width:50.5%;background:url(/img/curtain.jpg) center/cover;transition:transform 1.5s cubic-bezier(.7,0,.2,1)}
#intro .cl{left:0}#intro .cr{right:0;transform:scaleX(-1)}
#intro .blk{position:absolute;inset:0;background:#000;transition:opacity .7s}
#intro .ct{position:relative;text-align:center;padding:16px;transition:opacity .5s}
#intro .fl{width:64px;height:auto;mix-blend-mode:screen;opacity:0;transform-origin:50% 90%;animation:flame .9s .2s forwards,flick 2.3s 1.1s infinite}
#intro .glow{position:absolute;left:50%;top:-90px;width:420px;height:420px;transform:translateX(-50%);background:radial-gradient(circle,rgba(226,140,50,.3),rgba(120,20,30,.13) 42%,transparent 68%);opacity:0;animation:fade 1.5s .3s forwards;pointer-events:none}
#intro .t1{display:block;position:relative;font-family:Bodoni,Didot,serif;font-size:clamp(38px,7vw,74px);letter-spacing:.02em;margin-top:8px;opacity:0;animation:fade 1.1s 1s forwards}
#intro .t2{display:block;position:relative;font-family:Script,cursive;font-size:clamp(50px,9vw,96px);line-height:1;padding:.4em .6em .4em;margin:-.4em -.6em -.3em;white-space:nowrap;clip-path:inset(0 100% 0 0);animation:write 1.7s 1.7s cubic-bezier(.4,0,.3,1) forwards}
#intro .tg{position:relative;font-family:Corm,Georgia,serif;font-style:italic;font-size:clamp(22px,3.4vw,32px);margin:10px 0 26px;color:#F7EFE4;opacity:0;animation:fade 1.1s 3.5s forwards}
#intro .go{position:relative;border:0;cursor:pointer;font:inherit;padding:14px 34px;font-size:15px;letter-spacing:.14em;opacity:0;animation:fade .9s 4.6s forwards}
#intro.skip *{animation-delay:0s!important;animation-duration:.3s!important}
#intro.skip .fl{animation:fade .3s forwards}
#intro .sk{position:absolute;right:20px;bottom:16px;background:none;border:0;color:#A99A8A;font:inherit;font-size:13px;letter-spacing:.1em;cursor:pointer}
#intro.open{background:transparent}#intro.open .blk,#intro.open .ct,#intro.open .sk{opacity:0;pointer-events:none}
#intro.part .cl{transform:translateX(-101%)}#intro.part .cr{transform:scaleX(-1) translateX(-101%)}
@keyframes fade{to{opacity:1}}@keyframes write{to{clip-path:inset(0 0 0 0)}}
@keyframes flame{0%{opacity:0;transform:scale(.3)}100%{opacity:1;transform:scale(1)}}
@keyframes flick{0%,100%{transform:scale(1) rotate(0)}30%{transform:scale(1.04,.97) rotate(-1.2deg)}62%{transform:scale(.97,1.05) rotate(1.1deg)}}
@media (prefers-reduced-motion:reduce){#intro *{animation-duration:.01s!important;animation-delay:0s!important;animation-iteration-count:1!important;transition:none!important}}
/* nav */
.nav{position:absolute;z-index:4;top:0;left:0;right:0;height:5.83cqw;display:flex;align-items:center;background:linear-gradient(180deg,#000 72%,rgba(0,0,0,0));padding:0 1.5cqw 0 29.8cqw;gap:2.85cqw;font-size:1.2cqw}
.nav a.l{padding:.5cqw 0;position:relative;white-space:nowrap}.nav a.l:hover{color:#F0D48E}
.nav a.on::after{content:"";position:absolute;left:-.4cqw;right:-.4cqw;bottom:-.1cqw;height:2px;background:#E0B85E}
.icons{margin-left:auto;display:flex;gap:1.5cqw;align-items:center}.icons svg{width:1.6cqw;height:1.6cqw;stroke:#E0B85E;fill:none;stroke-width:1.5;display:block}
.btn{display:inline-block;background:linear-gradient(180deg,#F3DC9E,#CFA24D 55%,#E6C477);color:#120B02;font-weight:500;letter-spacing:.06em;text-align:center}
.btn:hover,.line:hover{filter:brightness(1.12)}
.nav .btn{padding:.75cqw 1.6cqw;font-size:1.2cqw;white-space:nowrap}
.line{display:inline-block;border:2px solid #D9B468;color:#E8CC89;letter-spacing:.11em;white-space:nowrap}
/* hero */
.hero{position:relative;aspect-ratio:1200/645;background:#000}
.hero .bg{position:absolute;left:0;bottom:0;width:100%;height:auto;display:block}
.hero::before{content:"";position:absolute;inset:0 0 auto;height:12cqw;z-index:1;background:linear-gradient(180deg,#000 45%,transparent)}
.logo{position:absolute;z-index:5;left:4.4cqw;top:.4cqw;width:22.4cqw}
.logo .f{width:2.1cqw;margin-bottom:.15cqw}.logo .t{font-size:3.3cqw}.logo .s{font-size:4.9cqw}.logo .swash{width:12cqw;margin-top:-.2cqw}
.htext{position:absolute;z-index:3;left:4.2cqw;top:15.4cqw;width:29.6cqw;text-align:center}
.htext .a{font-family:Bodoni,serif;font-size:2.6cqw;display:block}.htext .t{font-size:4.9cqw}.htext .s{font-size:6.3cqw}
.tag{text-shadow:0 0 .8cqw #000,0 0 .3cqw #000;font-family:Corm,Georgia,serif;font-style:italic;font-size:3.05cqw;line-height:1.17;margin:.4cqw 0 .9cqw}
.htext .swash{width:15cqw}
.pts{text-shadow:0 0 .5cqw #000;display:flex;justify-content:center;gap:1.25cqw;font-size:1.1cqw;letter-spacing:.07em;margin:2.3cqw 0 2.7cqw;white-space:nowrap}.pts i{font-style:normal;color:#D9B468}
.htext .btn{width:23.1cqw;padding:1.05cqw 0;font-size:1.65cqw;letter-spacing:.09em}
.hero .duo{position:absolute;z-index:2;left:48.9cqw;bottom:1.7cqw;width:29.2cqw;height:auto;filter:drop-shadow(0 .5cqw 1cqw rgba(0,0,0,.7))}
/* pair */
.pair{position:relative;aspect-ratio:1200/320;display:grid;grid-template-columns:1fr 1fr;background:radial-gradient(70% 120% at 50% 60%,#3a0713 0,#1b0408 55%,#090203 100%);border-top:1px solid #8a6a33;border-bottom:1px solid #8a6a33}
.pair::after{content:"";position:absolute;left:50%;top:7%;bottom:9%;width:1px;background:#B8934B}
.pair>a{position:relative;display:block;overflow:hidden}
.pair img{position:absolute;bottom:0;height:100%;width:auto;display:block}
.his img{left:0;-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}
.her img{right:0;-webkit-mask-image:linear-gradient(270deg,#000 72%,transparent);mask-image:linear-gradient(270deg,#000 72%,transparent)}
.copy{position:absolute;top:2.3cqw;z-index:2}.his .copy{left:27cqw}.her .copy{left:5.9cqw;width:20cqw}
.nm{font-family:Bodoni,serif;font-size:4.1cqw;line-height:1;display:block;background:linear-gradient(180deg,#fff,#E8B9B4 55%,#B5473F);-webkit-background-clip:text;background-clip:text;color:transparent}
.his .nm b{font-weight:500;background:linear-gradient(180deg,#FF5A5F,#A30D1D);-webkit-background-clip:text;background-clip:text;color:transparent}
.nm sup{font-size:.28em;vertical-align:super}
.sub{display:block;letter-spacing:.13em;font-size:1.75cqw;line-height:1.15;margin:.5cqw 0 .9cqw;text-transform:uppercase}
.pair .swash{margin:0 0 1.5cqw;width:16cqw}
.pair p{margin:0 0 1.9cqw;font-size:1.55cqw;line-height:1.3;letter-spacing:.05em}
.pair .line{padding:.75cqw 2.8cqw;font-size:1.5cqw}
/* duo band */
.band{position:relative;display:block;aspect-ratio:1199/346;background:url(/img/duo-band.jpg) center/100% 100% no-repeat}
.band .duo{position:absolute;left:14.4cqw;top:2.3cqw;width:24.7cqw;height:auto;filter:drop-shadow(0 .5cqw 1cqw rgba(0,0,0,.6))}
.band .rule{position:absolute;left:42.9cqw;top:5.3cqw;height:18.3cqw;width:1px;background:#B8934B}
.band .txt{position:absolute;left:44cqw;right:.5cqw;top:3.9cqw;text-align:center}
.band h2{font-family:Bodoni,serif;font-weight:500;font-size:4.75cqw;letter-spacing:.05em;margin:0;line-height:1.1;white-space:nowrap}
.band p{letter-spacing:.11em;font-size:1.72cqw;margin:.8cqw 0 2cqw;white-space:nowrap}
.band .line{padding:.85cqw 2.6cqw;font-size:1.72cqw}
/* footer */
.ft{background:#000;border-top:1px solid #8a6a33;padding:2.4cqw 4cqw;text-align:center;font-size:13px;color:#BDAF9F;line-height:1.7}
.ft a{color:#E8CC89}.ft small{display:block;margin-top:8px;color:#85776C;font-size:11.5px}
@media (max-width:760px){
 .nav{position:relative;height:auto;flex-wrap:wrap;justify-content:center;gap:6px 16px;padding:10px 16px;font-size:13px;background:#000}
 .nav a.l{padding:4px 0}.icons{margin:0;gap:14px}.icons svg{width:20px;height:20px}.nav .btn{font-size:13px;padding:7px 14px}
 .logo{position:relative;left:0;top:0;width:100%;padding:14px 0 4px;background:#000}.logo .f{width:22px}.logo .t{font-size:24px}.logo .s{font-size:38px}.logo .swash{width:120px}
 .hero{aspect-ratio:auto;display:flex;flex-direction:column}.hero::before{display:none}
 .hero .bg{position:static;order:2}.hero .duo{left:auto;right:16px;bottom:8px;width:44%}
 .htext{position:static;width:auto;padding:14px 16px 20px;order:1}.htext .lockup{display:none}.tag{font-size:26px;text-shadow:none}.htext .swash{width:150px}
 .pts{font-size:12px;gap:8px;margin:14px 0 16px;flex-wrap:wrap}.htext .btn{width:100%;max-width:300px;font-size:15px;padding:12px}
 .pair{aspect-ratio:auto;grid-template-columns:1fr}.pair::after{display:none}.pair>a{min-height:230px;border-bottom:1px solid #4a2b1a}
 .pair img{height:230px}.his img{left:-74px}.his .copy,.her .copy{top:18px;width:54%}.his .copy{left:auto;right:12px}.her .copy{left:16px}
 .nm{font-size:30px}.sub{font-size:13px;margin:4px 0 8px}.pair .swash{width:130px;margin-bottom:10px}.pair p{font-size:14px;margin-bottom:12px}.pair .line{font-size:13px;padding:8px 12px}
 .band{aspect-ratio:auto;background-size:cover;background-position:100% 50%;padding:20px 16px 26px;text-align:center}.band .duo{position:static;width:64%;display:block;margin:0 auto 12px}.band .rule{display:none}
 .band .txt{position:static}.band h2{font-size:32px}.band p{white-space:normal;font-size:13px;margin:8px 0 16px}.band .line{font-size:14px;padding:10px 14px}
 .ft{padding:22px 16px}
}

/* inner pages */
.ihead{position:relative;height:12.6cqw;background:#000;border-bottom:1px solid #8a6a33}
.main{background:linear-gradient(180deg,#14040a,#0b0305);padding:clamp(28px,5cqw,60px) clamp(16px,6cqw,72px);line-height:1.65;font-size:17px}
h1.h{font-family:Bodoni,serif;font-weight:500;font-size:clamp(34px,5cqw,56px);margin:0 0 10px;line-height:1.1;letter-spacing:.02em}
.lead{font-family:Corm,Georgia,serif;font-style:italic;font-size:clamp(21px,2.5cqw,27px);line-height:1.35;margin:0 0 20px}
h2.s2{font-family:Bodoni,serif;font-weight:500;font-size:clamp(22px,2.6cqw,28px);color:#E8CC89;margin:30px 0 8px}
.prod{display:grid;grid-template-columns:44% 1fr;gap:clamp(20px,4cqw,48px);align-items:start}.prod>img{width:100%;height:auto;display:block;border:1px solid #4a2b1a}
.price{font-size:26px;color:#E8CC89;margin:6px 0 18px}.price s{color:#9A8C7E;font-size:18px;margin-left:8px}.save{font-size:14px;letter-spacing:.08em;color:#F7EFE4;margin-left:10px}
.buy{border:0;cursor:pointer;font:inherit;padding:14px 34px;font-size:15px;letter-spacing:.14em}
.ghost{background:none;border:2px solid #D9B468;color:#E8CC89;cursor:pointer;font:inherit;padding:12px 26px;letter-spacing:.11em;font-size:14px;display:inline-block}
.bens{margin:18px 0 0;padding:0;list-style:none}.bens li{padding:9px 0;border-top:1px solid #3a1a1e}.bens b{display:block;color:#F3DFAF;font-weight:400;letter-spacing:.04em}
.facts{background:#F7F2E9;color:#1A1613;border:2px solid #1A1613;padding:12px 14px;max-width:620px;font-size:14px;line-height:1.35}.facts h3{font-family:Georgia,serif;font-size:24px;margin:0;border-bottom:6px solid #1A1613;padding-bottom:6px}
.facts table{width:100%;border-collapse:collapse}.facts td{padding:6px 0;border-bottom:1px solid #1A1613;vertical-align:top}.facts td+td{text-align:right;white-space:nowrap;padding-left:12px}
.fine{font-size:13.5px;color:#BDAF9F;line-height:1.55}
.q{max-width:720px;margin:0 auto}.bar{height:3px;background:#3a1a1e;margin-bottom:26px}.bar i{display:block;height:100%;background:#D9B468;transition:width .3s}
.q h2{font-family:Corm,Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(26px,3.4cqw,36px);line-height:1.2;margin:0 0 20px}
.opts{display:grid;gap:10px}.opt{display:block;width:100%;text-align:left;background:rgba(0,0,0,.35);border:1px solid #6d5230;color:#F7EFE4;padding:14px 16px;font:inherit;cursor:pointer}.opt:hover,.opt[aria-pressed=true]{border-color:#E8CC89;background:#2a0a12}
.in{width:100%;background:#0d0506;border:1px solid #6d5230;color:#F7EFE4;padding:12px 14px;font:inherit;margin-bottom:12px}.lb{display:block;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#D9B468;margin-bottom:5px}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:6px 0 18px;color:#D8CCC0}.chk input{margin-top:4px}
.navq{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.back{background:none;border:0;color:#BDAF9F;font:inherit;cursor:pointer}
.res{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start;border:1px solid #6d5230;padding:20px;margin-top:14px;background:rgba(0,0,0,.3)}.res img{width:100%;display:block}.hold{border-left:3px solid #C9A45E;background:#250C12;padding:12px 14px;margin:12px 0;font-size:15px}
.cline{display:grid;grid-template-columns:90px 1fr auto auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #3a1a1e}.cline img{width:90px;display:block}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cd{border:1px solid #4a2b1a;background:rgba(0,0,0,.3);padding:14px;text-align:center;display:flex;flex-direction:column;gap:8px}.cd img{width:100%;height:auto;display:block}.cd a.nm2{font-family:Bodoni,serif;font-size:22px}
.faq details{border-top:1px solid #3a1a1e;padding:12px 0}.faq summary{cursor:pointer;color:#F3DFAF;font-size:18px}
.badge{position:absolute;top:-.55cqw;right:-.75cqw;min-width:1.5cqw;height:1.5cqw;border-radius:50%;background:#E0B85E;color:#120B02;font-size:1cqw;display:grid;place-items:center}.icons a{position:relative}
@media (max-width:760px){.ihead{height:auto;display:flex;flex-direction:column}.prod,.res{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.res img{max-width:200px}.cline{grid-template-columns:64px 1fr auto}.cline img{width:64px}.cline .rm{grid-column:2/4}.badge{top:-7px;right:-9px;min-width:15px;height:15px;font-size:10px}}
.tm{font-family:Jost,Futura,sans-serif;font-size:.22em;line-height:0;vertical-align:.95em;margin-left:.15em;letter-spacing:0}
.logo .s{margin-top:-.26em}.htext .s{margin-top:-.26em}
.band .ft1{margin:.5cqw 0 .1cqw;color:#E8CC89;letter-spacing:.2em}.band .ft1+p{margin-top:.5cqw}
@media (max-width:760px){.band h2{font-size:30px;white-space:normal}}

/* invited-by line */
#invBar{background:#0b0607;color:#E8CC89;text-align:center;font-size:14px;letter-spacing:.1em;padding:7px 12px;border-bottom:1px solid #3a2a14}
/* less red: quieter margins and product band */
html{background:#080506!important}
body::before,body::after{opacity:.28}
.pair{background:radial-gradient(70% 120% at 50% 60%,#1c0a0e 0,#0e0507 60%,#060203 100%)}
.main{background:#0b0607}
