@import url("node_modules/@fontsource/cormorant-garamond/300.css");
@import url("node_modules/@fontsource/cormorant-garamond/400.css");
@import url("node_modules/@fontsource/cormorant-garamond/500.css");
@import url("node_modules/@fontsource/cormorant-garamond/600.css");
@import url("node_modules/@fontsource/cormorant-garamond/400-italic.css");
@import url("node_modules/@fontsource/pinyon-script/400.css");
@import url("node_modules/@fontsource/jost/300.css");
@import url("node_modules/@fontsource/jost/400.css");
@import url("node_modules/@fontsource/jost/500.css");
@import url("node_modules/@fontsource/lora/400.css");
@import url("node_modules/@fontsource/lora/400-italic.css");

:root{
  --cream:#F4EFE6; --cream2:#EBE2D3; --paper:#FBF8F2;
  --ink:#0D0C0E; --ink2:#161316; --ink3:#1F1A1D;
  --burg:#6E1B2B; --burg2:#4A1019; --burg3:#2B0910;
  --gold:#B8955A; --gold2:#D8BD8A; --gold3:#8E703F;
  --text:#2B2427; --muted:#7B6F68; --line:rgba(184,149,90,.35);
  --serif:"Cormorant Garamond",Georgia,serif; --body:"Lora",Georgia,serif;
  --sans:"Jost",Arial,sans-serif; --script:"Pinyon Script",cursive;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased}
body{overflow-x:hidden;background:var(--cream);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.75}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{width:min(1320px,calc(100% - 80px));margin:0 auto}
.eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold3);font-weight:500}
.dark .eyebrow,.eyebrow.light{color:var(--gold2)}
.h1,.h2{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:.01em}
.h2{font-size:56px}
.script{font-family:var(--script);color:var(--burg);font-weight:400;line-height:1}
.dark .script{color:var(--gold2)}
.divider{display:flex;align-items:center;gap:14px;justify-content:center;color:var(--gold);margin:22px auto}
.divider:before,.divider:after{content:"";height:1px;width:70px;background:var(--line)}
.divider span{font-size:11px;transform:rotate(45deg);width:7px;height:7px;border:1px solid var(--gold);display:block}
.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--sans);font-size:12.5px;letter-spacing:.28em;text-transform:uppercase;padding:17px 30px;border:1px solid var(--gold);color:var(--gold2);transition:.3s;font-weight:500;white-space:nowrap}
.btn.solid{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.btn.burg{background:var(--burg);border-color:var(--burg);color:var(--cream)}
.btn.dark{border-color:var(--ink);color:var(--ink)}
.btn.sm{padding:12px 18px;font-size:11px;letter-spacing:.22em}
.btn svg{width:15px;height:15px}
.center{text-align:center}
.grain{position:relative}
.grain:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* ---------- TOP BAR + HEADER ---------- */
.topbar{background:var(--burg3);color:var(--gold2);font-family:var(--sans);font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;text-align:center;padding:11px 16px}
.topbar b{color:var(--cream);font-weight:500}
.topbar i{font-style:normal;opacity:.5;margin:0 18px}
header.site{background:var(--ink);color:var(--cream);position:relative;z-index:20;border-bottom:1px solid rgba(184,149,90,.25)}
.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:112px}
.nav ul{display:flex;gap:30px;list-style:none;font-family:var(--sans);font-size:11.5px;letter-spacing:.22em;white-space:nowrap;align-items:center;text-transform:uppercase}
.nav ul li a{opacity:.82}
.nav ul li.on a{opacity:1;color:var(--gold2)}
.nav ul.r{justify-content:flex-end;align-items:center}
.brand{display:flex;flex-direction:column;align-items:center;gap:4px}
.brand img{height:62px;width:auto}
.brand span{font-family:var(--serif);font-size:15px;letter-spacing:.38em;color:var(--gold2);text-transform:uppercase}
.lang{font-family:var(--sans);font-size:11px;letter-spacing:.2em;opacity:.7}
.lang b{color:var(--gold2);opacity:1;font-weight:500}
.seif{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:10px 16px}
.seif svg{width:17px;height:17px;color:var(--gold2)}
.seif em{font-style:normal;background:var(--gold);color:var(--ink);border-radius:20px;min-width:20px;height:20px;display:inline-grid;place-items:center;font-size:11px;letter-spacing:0;transition:.3s}
.burger{display:none}

/* ---------- HERO ---------- */
.hero{position:relative;height:880px;overflow:hidden;background:#070607;color:var(--cream)}
.hero .bg{position:absolute;inset:-40px;background:url(img/c-vol4.jpg) center 30%/cover;filter:blur(18px) brightness(.45) saturate(1.1);transform:scale(1.15);animation:kb 18s ease-in-out infinite alternate}
.hero .mask{position:absolute;right:-2%;top:-6%;height:118%;width:62%;background:url(img/c-vol3.jpg) center 62%/cover;
 -webkit-mask-image:radial-gradient(ellipse 60% 55% at 55% 45%,#000 35%,transparent 78%);mask-image:radial-gradient(ellipse 60% 55% at 55% 45%,#000 35%,transparent 78%);opacity:.92;animation:kb2 16s ease-in-out infinite alternate}
.hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,6,7,.96) 0%,rgba(7,6,7,.82) 34%,rgba(7,6,7,.2) 62%,rgba(7,6,7,.35) 100%),linear-gradient(0deg,rgba(7,6,7,.95),transparent 30%)}
.smoke{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.55;
 background:radial-gradient(40% 30% at 30% 80%,rgba(200,190,180,.18),transparent 70%),radial-gradient(35% 25% at 70% 70%,rgba(200,190,180,.14),transparent 70%),radial-gradient(30% 20% at 50% 95%,rgba(255,255,255,.12),transparent 70%);animation:smoke 12s ease-in-out infinite alternate}
.ember{position:absolute;width:3px;height:3px;border-radius:50%;background:#e7b36b;box-shadow:0 0 8px 2px rgba(231,150,80,.7);opacity:.0;animation:rise 7s linear infinite}
@keyframes kb{from{transform:scale(1.15)}to{transform:scale(1.28) translate(-1.5%,1%)}}
@keyframes kb2{from{transform:scale(1)}to{transform:scale(1.07) translate(-1%,1%)}}
@keyframes smoke{from{transform:translateX(-3%)}to{transform:translateX(4%) translateY(-2%)}}
@keyframes rise{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}100%{opacity:0;transform:translateY(-420px) translateX(40px)}}
.hero .content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero .content>*{max-width:760px}
.hero .h1{font-size:78px;margin:26px 0 8px}
.hero .script{font-size:64px;color:var(--gold2);margin-bottom:28px}
.hero p.lead{font-size:19px;color:rgba(244,239,230,.82);max-width:540px;margin-bottom:42px}
.hero .ctas{display:flex;gap:18px}
.hero .ui{position:absolute;z-index:4;left:0;right:0;bottom:44px}
.hero .ui .wrap{display:flex;align-items:center;gap:28px;font-family:var(--sans);font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:rgba(244,239,230,.75)}
.dots{display:flex;gap:10px}.dots i{width:34px;height:2px;background:rgba(244,239,230,.3);display:block}.dots i.on{background:var(--gold2)}
.prog{flex:1;height:1px;background:rgba(244,239,230,.18);position:relative}.prog:before{content:"";position:absolute;left:0;top:-1px;height:3px;width:38%;background:var(--gold)}
.ctrl{display:flex;gap:12px}.ctrl span{width:42px;height:42px;border:1px solid rgba(244,239,230,.35);border-radius:50%;display:grid;place-items:center}.ctrl svg{width:15px;height:15px}
.hero .tag{position:absolute;z-index:4;right:5%;top:12%;font-family:var(--sans);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold2);border:1px solid var(--line);padding:9px 14px;background:rgba(7,6,7,.4)}

/* ---------- TRUST ---------- */
.trust{background:var(--ink2);color:var(--cream);border-top:1px solid rgba(184,149,90,.2)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust div{display:flex;gap:16px;align-items:center;padding:30px 26px;border-right:1px solid rgba(184,149,90,.14)}
.trust div:last-child{border-right:0}
.trust svg{width:30px;height:30px;flex:none;color:var(--gold2)}
.trust b{display:block;font-family:var(--serif);font-size:21px;font-weight:500;letter-spacing:.02em}
.trust small{font-family:var(--sans);font-size:12.5px;letter-spacing:.04em;opacity:.6}

/* ---------- WELCOME ---------- */
.welcome{padding:150px 0 130px;text-align:center;background:var(--cream)}
.welcome .h2{font-size:62px;max-width:900px;margin:26px auto 4px}
.welcome .script{font-size:58px}
.welcome p{max-width:640px;margin:0 auto;color:#4b4044;font-size:19px}

/* ---------- SERIES ---------- */
.series{background:radial-gradient(120% 90% at 50% 0%,#7a1f30 0%,var(--burg2) 45%,var(--burg3) 100%);color:var(--cream);padding:130px 0 140px;overflow:hidden}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px;gap:40px}
.sec-head .h2{margin-top:18px}
.sec-head p{max-width:440px;color:rgba(244,239,230,.72);font-size:16px}
.books{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.book{background:rgba(13,12,14,.55);border:1px solid rgba(216,189,138,.22);padding:18px 18px 26px;position:relative;backdrop-filter:blur(4px)}
.book .cover{position:relative;aspect-ratio:2/3;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.book .cover img{width:100%;height:100%;object-fit:cover;transition:.6s}
.badge{position:absolute;top:14px;left:14px;font-family:var(--sans);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;padding:7px 11px;background:var(--cream);color:var(--ink);font-weight:500;z-index:2}
.badge.pre{background:var(--gold);color:var(--ink)}
.badge.soon{background:rgba(13,12,14,.85);color:var(--gold2);border:1px solid var(--gold3)}
.book .vol{font-family:var(--sans);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold2);margin:22px 0 8px}
.book h3{font-family:var(--serif);font-weight:500;font-size:27px;line-height:1.15;min-height:62px}
.stars{color:var(--gold2);font-size:13px;letter-spacing:3px;margin:10px 0 0}
.stars small{font-family:var(--sans);letter-spacing:.05em;color:rgba(244,239,230,.55);font-size:12px;margin-left:6px}
.formats{display:flex;gap:6px;margin:16px 0 18px;flex-wrap:wrap}
.formats span{font-family:var(--sans);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(216,189,138,.3);padding:5px 9px;color:rgba(244,239,230,.75)}
.buy{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(216,189,138,.2);padding-top:18px}
.price{font-family:var(--serif);font-size:30px;color:var(--gold2);font-weight:500}
.price small{font-size:16px;letter-spacing:.1em}
.price.na{font-size:15px;font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;color:rgba(244,239,230,.5)}
.count{margin-top:70px;display:flex;align-items:center;justify-content:center;gap:46px;border:1px solid rgba(216,189,138,.25);padding:30px 40px;background:rgba(13,12,14,.35)}
.count .t{font-family:var(--serif);font-size:30px}
.count .t em{font-family:var(--script);font-style:normal;color:var(--gold2);font-size:40px;margin-left:6px}
.timer{display:flex;gap:14px}
.timer div{text-align:center;min-width:76px;border-left:1px solid rgba(216,189,138,.2);padding-left:14px}
.timer b{font-family:var(--serif);font-size:44px;font-weight:400;color:var(--gold2);display:block;line-height:1}
.timer small{font-family:var(--sans);font-size:10px;letter-spacing:.3em;text-transform:uppercase;opacity:.6}

/* ---------- SPOTLIGHT / EXCERPT ---------- */
.spot{background:var(--paper);padding:140px 0}
.spot .wrap{display:grid;grid-template-columns:520px 1fr;gap:110px;align-items:center}
.stack{position:relative;height:640px}
.stack img{position:absolute;width:350px;aspect-ratio:2/3;object-fit:cover;box-shadow:0 40px 70px -25px rgba(30,10,15,.55)}
.stack img:nth-child(1){left:150px;top:40px;transform:rotate(6deg)}
.stack img:nth-child(2){left:20px;top:0;z-index:2}
.stack .seal{position:absolute;z-index:3;left:300px;top:470px;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#93283b,#5a0f1c 70%);display:grid;place-items:center;text-align:center;color:var(--cream);font-family:var(--serif);font-size:15px;line-height:1.15;box-shadow:0 12px 30px rgba(60,10,20,.45),inset 0 0 0 6px rgba(255,255,255,.06)}
.spot .h2{font-size:58px;margin:18px 0 18px}
blockquote{font-family:var(--serif);font-style:italic;font-size:29px;line-height:1.45;color:#3a2f33;border-left:2px solid var(--gold);padding:6px 0 6px 30px;margin:30px 0}
.spot p.blurb{color:#55494d;max-width:620px}
.spot .ctas{display:flex;gap:16px;margin-top:38px}
.spot .ctas .btn.dark{color:var(--ink)}

/* ---------- STANDALONE ---------- */
.stand{background:var(--ink);color:var(--cream);padding:130px 0}
.stand-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.scard{display:grid;grid-template-columns:270px 1fr;gap:38px;background:var(--ink2);border:1px solid rgba(216,189,138,.16);padding:30px}
.scard .im{aspect-ratio:2/3;overflow:hidden;position:relative}
.scard .im img{width:100%;height:100%;object-fit:cover}
.scard h3{font-family:var(--serif);font-weight:500;font-size:34px;line-height:1.1;margin:14px 0 12px}
.scard p{color:rgba(244,239,230,.68);font-size:15.5px}
.scard ul{list-style:none;margin:16px 0 20px;font-family:var(--sans);font-size:13px;letter-spacing:.06em;color:rgba(244,239,230,.8)}
.scard ul li{padding:5px 0;display:flex;gap:10px}.scard ul li:before{content:"✦";color:var(--gold)}
.scard .buy{margin-top:auto}
.scard .body{display:flex;flex-direction:column}

/* ---------- ABOUT ---------- */
.about{background:var(--cream);padding:150px 0}
.about .wrap{display:grid;grid-template-columns:500px 1fr;gap:110px;align-items:center}
.photo{position:relative}
.photo:before{content:"";position:absolute;inset:26px -26px -26px 26px;border:1px solid var(--gold)}
.photo img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 30%}
.photo span{position:absolute;left:22px;bottom:22px;background:var(--ink);color:var(--gold2);font-family:var(--sans);font-size:10.5px;letter-spacing:.3em;padding:9px 13px;text-transform:uppercase}
.about .h2{font-size:64px;margin:16px 0 26px}
.about .h2 small{font-family:var(--sans);font-size:11px;letter-spacing:.3em;border:1px solid var(--gold);color:var(--gold3);padding:6px 12px;vertical-align:middle;margin-left:14px}
.about p{color:#4b4044;margin-bottom:18px;max-width:640px}
.about p strong{color:var(--text);font-weight:400;font-style:italic}
.sign{margin-top:30px}
.sign .script{font-size:72px}
.sign small{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.38em;color:var(--gold3);margin-top:4px}

/* ---------- REVIEWS ---------- */
.reviews{background:var(--cream2);padding:120px 0}
.revs{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:56px}
.rev{background:var(--paper);padding:40px 38px;border-top:2px solid var(--burg)}
.rev .stars{color:var(--burg);font-size:15px}
.rev q{display:block;font-family:var(--serif);font-style:italic;font-size:25px;line-height:1.4;margin:16px 0 22px;color:#2f2629;quotes:"„" "”"}
.rev small{font-family:var(--sans);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}

/* ---------- FUTURE ---------- */
.future{background:linear-gradient(180deg,var(--ink) 0%,#120c0e 100%);color:var(--cream);padding:120px 0}
.locks{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:56px}
.lock{position:relative;height:300px;border:1px solid rgba(216,189,138,.2);background:repeating-linear-gradient(135deg,rgba(110,27,43,.18) 0 14px,rgba(110,27,43,.08) 14px 28px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;overflow:hidden}
.lock:after{content:"CONFIDENȚIAL";position:absolute;font-family:var(--serif);font-size:62px;letter-spacing:.1em;color:rgba(216,189,138,.05);transform:rotate(-18deg);white-space:nowrap}
.lock svg{width:32px;height:32px;color:var(--gold2)}
.lock b{font-family:var(--serif);font-weight:400;font-size:28px}
.lock small{font-family:var(--sans);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:rgba(244,239,230,.5)}

/* ---------- JOURNAL ---------- */
.journal{background:var(--cream);padding:130px 0}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:56px}
.post{background:var(--paper);box-shadow:0 20px 40px -30px rgba(40,20,25,.4)}
.post .im{height:280px;overflow:hidden;background:#111}
.post .im img{width:100%;height:100%;object-fit:cover}
.post .in{padding:30px 32px 34px}
.ptag{font-family:var(--sans);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;padding:6px 10px;background:var(--burg);color:var(--cream)}
.ptag.k{background:var(--ink)}.ptag.e{background:var(--cream2);color:var(--gold3)}
.post .meta{display:flex;align-items:center;gap:14px;font-family:var(--sans);font-size:12px;color:var(--muted);letter-spacing:.06em}
.post h3{font-family:var(--serif);font-weight:500;font-size:29px;line-height:1.2;margin:18px 0 12px}
.post p{font-size:15.5px;color:#5b4f53}
.more{font-family:var(--sans);font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--burg);border-bottom:1px solid var(--burg);padding-bottom:3px;display:inline-block;margin-top:18px}

/* ---------- NEWSLETTER ---------- */
.news{background:radial-gradient(90% 140% at 50% 100%,#7a1f30,var(--burg3));color:var(--cream);padding:110px 0;text-align:center}
.news .h2{font-size:58px;margin:14px 0 6px}
.news .script{font-size:44px;color:var(--gold2)}
.news p{color:rgba(244,239,230,.75);max-width:560px;margin:18px auto 34px}
.form{display:flex;max-width:620px;margin:0 auto;border:1px solid var(--gold)}
.form span{flex:1;text-align:left;padding:19px 24px;font-family:var(--sans);font-size:14px;color:rgba(244,239,230,.5);letter-spacing:.04em}
.form .btn{border:0}

/* ---------- FOOTER ---------- */
footer{background:var(--ink);color:rgba(244,239,230,.75);padding:90px 0 34px;font-family:var(--sans);font-size:14px}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:60px;padding-bottom:60px;border-bottom:1px solid rgba(216,189,138,.15)}
.fgrid img{width:230px}
.fgrid h4{font-family:var(--sans);font-weight:500;font-size:11.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold2);margin-bottom:20px}
.fgrid li{list-style:none;padding:5px 0}
.fgrid p{line-height:1.9}
.pay{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.pay span{border:1px solid rgba(244,239,230,.25);padding:6px 10px;font-size:11px;letter-spacing:.12em;color:rgba(244,239,230,.8)}
.legal{display:flex;justify-content:space-between;align-items:center;padding-top:28px;font-size:12px;letter-spacing:.12em}
.anpc{display:flex;gap:10px}
.anpc span{display:flex;flex-direction:column;border:1px solid rgba(244,239,230,.3);border-radius:4px;padding:6px 12px;line-height:1.2;font-size:10px;letter-spacing:.08em}
.anpc b{font-size:13px;color:var(--cream)}

/* ---------- SEIF DRAWER + TOAST ---------- */
.toast{position:fixed;right:28px;top:150px;z-index:60;background:var(--ink);color:var(--cream);border:1px solid var(--gold);padding:16px 20px;display:flex;gap:14px;align-items:center;font-family:var(--sans);font-size:13px;letter-spacing:.06em;transform:translateY(-20px);opacity:0;transition:.4s}
.toast.show{opacity:1;transform:none}
.toast img{width:42px;aspect-ratio:2/3;object-fit:cover}
.toast b{display:block;font-family:var(--serif);font-size:18px;font-weight:500;letter-spacing:0}

/* ---------- MOBILE ---------- */
@media (max-width:760px){
  body{font-size:15.5px}
  .wrap{width:calc(100% - 40px)}
  .topbar{font-size:9.5px;letter-spacing:.18em;padding:9px 10px}
  .topbar i,.topbar .x{display:none}
  .nav{grid-template-columns:56px 1fr 56px;height:auto;padding:12px 0}
  .nav ul{display:none}
  .burger{display:grid;place-items:center;color:var(--gold2)}
  .burger svg{width:26px;height:26px}
  .brand{gap:2px}.brand img{height:42px}.brand span{font-size:9.5px;letter-spacing:.3em;white-space:nowrap}
  .mseif{display:grid!important;place-items:center;position:relative;color:var(--gold2)}
  .mseif svg{width:22px;height:22px}
  .mseif{grid-auto-flow:column;gap:4px}
  .mseif em{position:static;font-style:normal;background:var(--gold);color:var(--ink);border-radius:20px;min-width:17px;height:17px;display:grid;place-items:center;font-size:10px;font-family:var(--sans)}
  .hero{height:720px}
  .hero .mask{width:120%;right:-35%;top:-4%;height:70%;opacity:.75}
  .hero .shade{background:linear-gradient(0deg,rgba(7,6,7,1) 8%,rgba(7,6,7,.75) 48%,rgba(7,6,7,.15) 80%)}
  .hero .content{justify-content:flex-end;padding-bottom:110px}
  .hero .h1{font-size:40px;margin:16px 0 6px}
  .hero .script{font-size:38px;margin-bottom:16px}
  .hero p.lead{font-size:15px;margin-bottom:24px}
  .hero .ctas{flex-direction:column;gap:10px}
  .hero .ctas .btn{justify-content:center}
  .hero .ui{bottom:26px}
  .hero .ui .wrap{gap:14px;font-size:9.5px}
  .hero .ui .lbl{display:none}
  .ctrl span{width:34px;height:34px}
  .hero .tag{display:none}
  .trust .wrap{grid-template-columns:1fr 1fr}
  .trust div{padding:18px 10px;gap:10px;border-bottom:1px solid rgba(184,149,90,.14)}
  .trust svg{width:22px;height:22px}.trust b{font-size:16px}.trust small{font-size:10.5px}
  .welcome{padding:80px 0}.welcome .h2{font-size:36px}.welcome .script{font-size:36px}.welcome p{font-size:16px}
  .h2{font-size:38px}
  .series,.stand,.about,.reviews,.future,.journal,.spot{padding:80px 0}
  .sec-head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:34px}
  .books{display:flex;overflow:hidden;gap:16px;margin-right:-20px}
  .book{flex:0 0 76%;padding:12px 12px 18px}
  .book h3{font-size:22px;min-height:0}
  .price{font-size:24px}
  .count{flex-direction:column;gap:18px;padding:22px;margin-top:36px;text-align:center}
  .count .t{font-size:22px}.timer b{font-size:32px}.timer div{min-width:56px}

  .spot .wrap,.about .wrap{grid-template-columns:1fr;gap:50px}
  .stack{height:430px}.stack img{width:230px}.stack img:nth-child(1){left:110px;top:30px}.stack img:nth-child(2){left:10px}
  .stack .seal{left:190px;top:300px;width:100px;height:100px;font-size:12px}
  .spot .h2{font-size:38px}blockquote{font-size:22px;padding-left:20px}
  .spot .ctas,.about .ctas{flex-direction:column}
  .stand-grid{grid-template-columns:1fr;gap:24px}
  .scard{grid-template-columns:1fr;gap:20px;padding:18px}
  .scard .im{aspect-ratio:3/4}
  .scard h3{font-size:28px}
  .photo:before{inset:16px -12px -16px 12px}
  .about .h2{font-size:42px}.sign .script{font-size:56px}
  .revs,.locks,.posts{grid-template-columns:1fr;gap:18px;margin-top:34px}
  .rev{padding:30px 26px}.rev q{font-size:21px}
  .lock{height:190px}
  .post .im{height:220px}.post h3{font-size:25px}
  .news{padding:80px 0}.news .h2{font-size:40px}.news .script{font-size:32px}
  .form{flex-direction:column}.form .btn{justify-content:center}
  .fgrid{grid-template-columns:1fr 1fr;gap:34px}.fgrid>div:first-child,.fgrid>div:last-child{grid-column:1/-1}
  .legal{flex-direction:column;gap:18px;align-items:flex-start}
  .toast{right:12px;left:12px;top:96px}
}

/* ---------- PRODUCT PAGE ---------- */
.crumb{font-family:var(--sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:34px 0 0}
.crumb b{color:var(--burg);font-weight:500}
.pdp{background:var(--cream);padding:40px 0 120px}
.pdp .wrap{display:grid;grid-template-columns:600px 1fr;gap:100px;align-items:start}
.gal .main{position:relative;background:radial-gradient(circle at 50% 40%,#2a1a1e,#0d0b0c);padding:60px 90px;box-shadow:0 40px 80px -40px rgba(30,10,15,.6)}
.gal .main img{width:100%;aspect-ratio:2/3;object-fit:cover;box-shadow:0 30px 60px -10px rgba(0,0,0,.9)}
.gal .main .badge{top:22px;left:22px}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.thumbs div{height:120px;overflow:hidden;border:1px solid transparent;background:#111}
.thumbs div.on{border-color:var(--gold)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.info .eyebrow{display:block;margin-top:10px}
.info h1{font-family:var(--serif);font-weight:400;font-size:68px;line-height:1.02;margin:16px 0 14px}
.info .stars{color:var(--burg);font-size:16px}
.info .stars small{color:var(--muted)}
.tagline{font-family:var(--serif);font-style:italic;font-size:27px;line-height:1.4;color:#3a2f33;margin:26px 0 22px;padding-left:24px;border-left:2px solid var(--gold)}
.fmt-title{font-family:var(--sans);font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--text);margin:34px 0 14px;font-weight:500}
.fmts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.fmt{border:1px solid rgba(43,36,39,.2);padding:18px 18px 16px;background:var(--paper);position:relative}
.fmt.on{border:1.5px solid var(--burg);box-shadow:0 0 0 3px rgba(110,27,43,.08)}
.fmt.on:after{content:"✓";position:absolute;top:10px;right:12px;width:20px;height:20px;border-radius:50%;background:var(--burg);color:#fff;font-size:11px;display:grid;place-items:center;font-family:var(--sans)}
.fmt b{display:block;font-family:var(--serif);font-size:22px;font-weight:500}
.fmt small{display:block;font-family:var(--sans);font-size:12px;color:var(--muted);letter-spacing:.03em;margin:2px 0 10px}
.fmt span{font-family:var(--serif);font-size:24px;color:var(--burg);font-weight:500}
.buyrow{display:flex;gap:12px;margin-top:26px}
.qty{display:flex;align-items:center;border:1px solid rgba(43,36,39,.25);font-family:var(--sans);font-size:16px}
.qty span{width:46px;text-align:center;padding:16px 0}
.buyrow .btn{flex:1;justify-content:center;font-size:13px;padding:20px}
.perks{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:28px;font-family:var(--sans);font-size:13.5px;color:#4b4044}
.perks div{display:flex;gap:10px;align-items:center}.perks svg{width:20px;height:20px;color:var(--gold3)}
.acc{margin-top:34px;border-top:1px solid rgba(43,36,39,.15)}
.acc div{border-bottom:1px solid rgba(43,36,39,.15);padding:18px 0;display:flex;justify-content:space-between;font-family:var(--sans);font-size:12.5px;letter-spacing:.22em;text-transform:uppercase}
.acc div em{font-style:normal;color:var(--gold3)}
.acc p{font-family:var(--body);text-transform:none;letter-spacing:0;font-size:15px;color:#5b4f53;padding:0 0 18px}
.excerpt{background:var(--ink);padding:130px 0;color:var(--cream)}
.excerpt .page{max-width:820px;margin:50px auto 0;background:#f6f0e4;color:#2b2427;padding:70px 80px;box-shadow:0 50px 90px -40px rgba(0,0,0,.9);position:relative}
.excerpt .page:before{content:"";position:absolute;inset:14px;border:1px solid rgba(184,149,90,.4)}
.excerpt .page h4{font-family:var(--sans);font-size:11px;letter-spacing:.38em;text-transform:uppercase;color:var(--gold3);text-align:center;font-weight:500}
.excerpt .page h3{font-family:var(--serif);font-size:40px;font-weight:400;text-align:center;margin:10px 0 30px}
.excerpt .page p{font-size:18px;line-height:1.9;margin-bottom:16px;text-align:justify}
.excerpt .page p:first-of-type:first-letter{font-family:var(--serif);float:left;font-size:86px;line-height:.8;padding:8px 12px 0 0;color:var(--burg)}
.excerpt .fade{position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(transparent,#f6f0e4 75%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:40px}
.related{background:var(--cream);padding:120px 0}
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:50px}
.rel div{background:var(--burg3);padding:28px;display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center;color:var(--cream)}
.rel img{width:120px;aspect-ratio:2/3;object-fit:cover}
.rel b{font-family:var(--serif);font-weight:500;font-size:23px;line-height:1.15;display:block;margin:8px 0}
.rel small{font-family:var(--sans);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold2)}
/* drawer */
.overlay{position:fixed;inset:0;background:rgba(13,12,14,.55);z-index:80;display:none}
.drawer{position:fixed;top:0;right:0;bottom:0;width:470px;background:var(--paper);z-index:90;display:none;flex-direction:column;box-shadow:-30px 0 60px rgba(0,0,0,.35)}
body.open .overlay{display:block}body.open .drawer{display:flex}
.dhead{background:var(--ink);color:var(--cream);padding:28px 30px;display:flex;justify-content:space-between;align-items:center}
.dhead b{font-family:var(--serif);font-size:30px;font-weight:400}
.dhead span{font-family:var(--sans);font-size:12px;letter-spacing:.2em;color:var(--gold2)}
.ship{padding:22px 30px;background:var(--cream2);font-family:var(--sans);font-size:13px;color:#4b4044}
.bar{height:5px;background:rgba(110,27,43,.15);margin-top:10px}.bar i{display:block;height:100%;width:38%;background:var(--burg)}
.item{display:grid;grid-template-columns:86px 1fr auto;gap:18px;padding:26px 30px;border-bottom:1px solid rgba(43,36,39,.1)}
.item img{width:86px;aspect-ratio:2/3;object-fit:cover}
.item b{font-family:var(--serif);font-size:22px;font-weight:500;line-height:1.15;display:block}
.item small{font-family:var(--sans);font-size:12px;color:var(--muted);display:block;margin:4px 0 12px;letter-spacing:.04em}
.item .qty{display:inline-flex;font-size:13px}.item .qty span{width:32px;padding:6px 0}
.item .p{font-family:var(--serif);font-size:22px;color:var(--burg)}
.upsell{margin:22px 30px;border:1px dashed rgba(110,27,43,.35);padding:16px;display:flex;gap:14px;align-items:center;font-family:var(--sans);font-size:13px}
.upsell img{width:52px;aspect-ratio:2/3;object-fit:cover}
.upsell b{font-family:var(--serif);font-size:18px;font-weight:500;display:block}
.dfoot{margin-top:auto;padding:26px 30px 30px;border-top:1px solid rgba(43,36,39,.12)}
.dfoot .row{display:flex;justify-content:space-between;font-family:var(--sans);font-size:14px;margin-bottom:8px;color:#4b4044}
.dfoot .row.t{font-family:var(--serif);font-size:28px;color:var(--text);margin:12px 0 18px}
.dfoot .btn{width:100%;justify-content:center;padding:20px;font-size:13px}
.dfoot .pay{justify-content:center;margin-top:16px}.dfoot .pay span{color:#5b4f53;border-color:rgba(43,36,39,.2)}
@media (max-width:760px){
  .pdp .wrap{grid-template-columns:minmax(0,1fr);gap:34px}
  .pdp .wrap>*{min-width:0}
  .gal .main{padding:30px 60px;margin:0 -20px}
  .thumbs div{height:80px}
  .info h1{font-size:42px}.tagline{font-size:21px}
  .fmts{grid-template-columns:1fr}
  .fmt{display:flex;justify-content:space-between;align-items:center}.fmt small{margin:2px 0 0}
  .perks{grid-template-columns:1fr}
  .excerpt{padding:80px 0}.excerpt .page{padding:44px 28px}.excerpt .page h3{font-size:30px}.excerpt .page p{font-size:16px}
  .rel{grid-template-columns:1fr}
  .drawer{width:100%}
  .crumb{font-size:10px}
}
@media (max-width:760px){.hero .mask{background-position:center 72%}}
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:20px}
header.site{position:sticky;top:0}
.mnav{position:fixed;inset:0;z-index:95;background:var(--ink);display:flex;flex-direction:column;justify-content:center;padding:40px;gap:22px;transform:translateX(-100%);transition:.35s}
.mnav.on{transform:none}
.mnav a{font-family:var(--serif);font-size:34px;color:var(--cream)}
.mnav a.ms{color:var(--gold2)}
.mnav .mx{position:absolute;top:24px;right:26px;color:var(--gold2);font-size:22px;cursor:pointer}
.fgrid a:hover,.nav a:hover{color:var(--gold2)}

/* ---------- V1.1 LIGHT VARIANTS ---------- */
.welcome{padding:140px 0 110px}
.about.alt{background:var(--paper);padding-top:40px}
.paths{background:var(--paper);padding:30px 0 130px}
.paths .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.pcard{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:220px;padding:30px;box-shadow:0 30px 50px -35px rgba(40,10,20,.55);transition:.3s}
.pcard small{font-family:var(--sans);font-size:11.5px;letter-spacing:.34em;text-transform:uppercase;opacity:.75}
.pcard b{font-family:var(--serif);font-weight:400;font-size:34px;letter-spacing:.06em;text-transform:uppercase;margin:12px 0 16px;line-height:1.15}
.pcard i{width:46px;height:1px;background:currentColor;opacity:.5}
.pcard.burg{background:linear-gradient(160deg,#7a1f30,var(--burg2));color:var(--cream)}
.pcard.ink{background:var(--ink);color:var(--cream)}
.pcard.ink i{background:var(--gold)}
.pcard.sand{background:var(--cream2);color:var(--text);border:1px solid rgba(184,149,90,.4)}
.ptag2{grid-column:1/-1;text-align:center;font-family:var(--sans);font-size:12px;letter-spacing:.36em;text-transform:uppercase;color:var(--gold3);margin-top:16px}
.trust.light{background:var(--cream2);color:var(--text);border-top:1px solid rgba(184,149,90,.3);border-bottom:1px solid rgba(184,149,90,.3)}
.trust.light div{border-right-color:rgba(184,149,90,.3)}
.trust.light svg{color:var(--burg)}
.trust.light small{opacity:.7}
.stand.light{background:var(--cream);color:var(--text)}
.stand.light .eyebrow{color:var(--gold3)}
.stand.light .sec-head p{color:#55494d}
.stand.light .scard{background:var(--paper);border-color:rgba(184,149,90,.35);box-shadow:0 30px 60px -40px rgba(40,10,20,.45)}
.stand.light .scard p{color:#55494d}
.stand.light .scard ul{color:#4b4044}
.stand.light .price{color:var(--burg)}
.stand.light .buy{border-top-color:rgba(43,36,39,.12)}
.stand.light .btn.solid{background:var(--burg);border-color:var(--burg);color:var(--cream)}
.future.light{background:var(--paper);color:var(--text)}
.future.light .eyebrow{color:var(--gold3)}
.future.light .lock{background:repeating-linear-gradient(135deg,rgba(110,27,43,.07) 0 14px,rgba(110,27,43,.02) 14px 28px),var(--cream);border-color:rgba(110,27,43,.25)}
.future.light .lock:after{color:rgba(110,27,43,.06)}
.future.light .lock svg{color:var(--burg)}
.future.light .lock small{color:var(--muted)}
@media (max-width:760px){
  .paths{padding:10px 0 80px}.paths .wrap{grid-template-columns:1fr;gap:14px}.pcard{height:150px}.pcard b{font-size:24px}
  .about.alt{padding-top:10px}
}

/* ---------- INNER PAGES ---------- */
.narrow{width:min(820px,calc(100% - 40px));margin:0 auto}
.phero{background:var(--cream);padding:110px 0 70px;text-align:center}
.phero h1{font-family:var(--serif);font-weight:400;font-size:84px;line-height:1.05;margin:20px 0 10px}
.phero h1 em{font-family:var(--script);font-style:normal;color:var(--burg);font-size:.95em}
.phero p{max-width:620px;margin:10px auto 0;color:#55494d;font-size:18px}
.twolives{background:var(--cream);padding:30px 0 120px}
.twolives .wrap{display:grid;grid-template-columns:1fr 460px 1fr;gap:0;align-items:stretch}
.life{padding:60px 50px;display:flex;flex-direction:column;justify-content:center}
.life h3{font-family:var(--serif);font-weight:400;font-size:40px;line-height:1.1;margin:14px 0 18px}
.life p{font-size:16.5px}
.life.day{background:var(--paper);color:var(--text);border:1px solid rgba(184,149,90,.3);border-right:0}
.life.night{background:var(--ink);color:var(--cream)}
.life.night p{color:rgba(244,239,230,.75)}
.life.photo{padding:0;position:relative}
.life.photo img{height:100%;width:100%;object-fit:cover;aspect-ratio:4/5}
.life.photo span{position:absolute;left:18px;bottom:18px;background:var(--ink);color:var(--gold2);font-family:var(--sans);font-size:10.5px;letter-spacing:.3em;padding:8px 12px;text-transform:uppercase}
.story{background:var(--paper);padding:120px 0}
.lead2{font-family:var(--serif);font-size:30px;line-height:1.45;color:var(--text);margin-bottom:28px}
.story p{color:#4b4044;margin-bottom:18px;font-size:18px}
.facts{background:var(--burg3);color:var(--cream);padding:70px 0}
.facts .wrap{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.facts b{display:block;font-family:var(--serif);font-weight:400;font-size:72px;color:var(--gold2);line-height:1}
.facts small{font-family:var(--sans);font-size:12px;letter-spacing:.26em;text-transform:uppercase;opacity:.75}
.contact{background:var(--paper);padding:60px 0 130px}
.contact .wrap{display:grid;grid-template-columns:1fr 420px;gap:80px}
.cform,.coform{display:flex;flex-direction:column;gap:22px}
.cform label,.coform label{font-family:var(--sans);font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--text);display:flex;flex-direction:column;gap:10px;font-weight:500}
.cform label span,.coform label span{font-family:var(--body);letter-spacing:0;text-transform:none;font-size:16px;color:var(--muted);font-weight:400;background:#fff;border:1px solid rgba(43,36,39,.2);padding:17px 18px}
.cform label span.ta{height:190px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.check{display:flex;gap:12px;align-items:center;font-size:14.5px;color:#4b4044}
.check i{width:20px;height:20px;background:var(--burg);color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px;flex:none}
.sub{display:flex;align-items:center;gap:24px}
.sub small{font-family:var(--sans);font-size:12.5px;color:var(--muted)}
.cinfo{background:var(--cream2);padding:44px 40px;display:flex;flex-direction:column;gap:30px;align-self:start}
.cinfo p{margin-top:8px;font-size:16px}
.cnote{border-top:1px solid rgba(184,149,90,.4);padding-top:24px}
.cnote .script{font-size:48px}
.cnote small{display:block;font-family:var(--sans);font-size:12.5px;color:var(--muted);margin-top:6px}
.chips{display:flex;gap:10px;justify-content:center;margin-bottom:50px}
.chips span{font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:10px 18px;border:1px solid rgba(43,36,39,.2)}
.chips span.on{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.feat{display:grid;grid-template-columns:1.1fr 1fr;background:var(--ink);color:var(--cream);margin-bottom:40px}
.feat img{width:100%;height:460px;object-fit:cover;object-position:center 35%}
.feat>div{padding:60px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.feat h2{font-family:var(--serif);font-weight:400;font-size:46px;line-height:1.1;margin:20px 0 16px}
.feat p{color:rgba(244,239,230,.75)}
.feat .more{color:var(--gold2);border-color:var(--gold2)}
.journal .posts{margin-top:0}
.ahead{background:var(--cream);padding:100px 0 60px}
.ahead h1{font-family:var(--serif);font-weight:400;font-size:66px;line-height:1.08;margin:24px 0 16px}
.ahead .dek{font-family:var(--serif);font-style:italic;font-size:26px;color:#55494d}
.acover{background:var(--cream);padding:0 0 10px}
.acover img{width:min(1100px,100%);height:520px;object-fit:cover;object-position:center 30%;margin:0 auto}
.abody{background:transparent;padding:70px 0 120px}
.article{background:var(--paper)}
.abody p{font-size:18.5px;margin-bottom:20px;color:#3d3337}
.abody h3{font-family:var(--serif);font-weight:500;font-size:34px;margin:40px 0 14px}
.abody ul{margin:0 0 20px 22px;font-size:18px;color:#3d3337}
.abody li{margin:6px 0}
.abook{display:grid;grid-template-columns:90px 1fr auto;gap:22px;align-items:center;background:var(--cream2);padding:22px;margin:40px 0 30px;cursor:pointer}
.abook img{width:90px;aspect-ratio:2/3;object-fit:cover}
.abook small{font-family:var(--sans);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold3)}
.abook b{display:block;font-family:var(--serif);font-size:25px;font-weight:500;margin:4px 0}
.abook span{font-family:var(--sans);font-size:13px;color:var(--muted)}
.share{font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap}
.share span{color:var(--burg);border-bottom:1px solid var(--burg)}
.pcd{display:flex;align-items:baseline;gap:8px;margin:20px 0 0;padding:16px 20px;background:var(--burg3);color:var(--cream);font-family:var(--sans)}
.pcd span{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold2);margin-right:auto}
.pcd b{font-family:var(--serif);font-size:30px;font-weight:400;color:var(--gold2)}
.pcd small{font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.7;margin-right:12px}
.checkout{background:var(--paper);padding:60px 0 130px}
.steps{display:flex;align-items:center;gap:18px;justify-content:center;margin-bottom:56px;font-family:var(--sans);font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.steps i{width:80px;height:1px;background:rgba(43,36,39,.2)}
.steps .done{color:var(--gold3)}.steps .on{color:var(--burg);font-weight:500;border-bottom:2px solid var(--burg);padding-bottom:6px}
.cogrid{display:grid;grid-template-columns:1fr 470px;gap:70px;align-items:start}
.coform h2{font-family:var(--serif);font-weight:400;font-size:34px;margin-top:14px}
.opts{display:flex;flex-direction:column;gap:10px}
.opt{display:grid;grid-template-columns:22px 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid rgba(43,36,39,.18);padding:18px 20px}
.opt i{width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(43,36,39,.35)}
.opt.on{border:1.5px solid var(--burg);background:#fffdfa}
.opt.on i{border:5px solid var(--burg)}
.opt b{font-family:var(--serif);font-size:21px;font-weight:500;display:block}
.opt small{font-family:var(--sans);font-size:12.5px;color:var(--muted)}
.opt span{font-family:var(--serif);font-size:20px;color:var(--burg)}
.opt .cards{font-family:var(--sans);font-size:11px;letter-spacing:.12em;color:var(--muted)}
.sum{background:var(--ink);color:var(--cream);padding:40px 38px;position:sticky;top:130px}
.sum h3{font-family:var(--serif);font-weight:400;font-size:32px;margin-bottom:20px}
.si{display:grid;grid-template-columns:62px 1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(216,189,138,.18)}
.si img{width:62px;aspect-ratio:2/3;object-fit:cover}
.si b{font-family:var(--serif);font-weight:500;font-size:19px;display:block;line-height:1.2}
.si small{font-family:var(--sans);font-size:12px;opacity:.6}
.si span{font-family:var(--serif);font-size:19px;color:var(--gold2)}
.coupon{display:flex;justify-content:space-between;border:1px dashed rgba(216,189,138,.4);padding:14px 16px;margin:20px 0;font-family:var(--sans);font-size:13px;color:rgba(244,239,230,.6)}
.coupon a{color:var(--gold2);letter-spacing:.2em;text-transform:uppercase;font-size:11px}
.sum .row{display:flex;justify-content:space-between;font-family:var(--sans);font-size:14px;margin-bottom:9px;color:rgba(244,239,230,.75)}
.sum .row.t{font-family:var(--serif);font-size:30px;color:var(--cream);border-top:1px solid rgba(216,189,138,.25);padding-top:16px;margin:14px 0 22px}
.sum .btn{width:100%;justify-content:center;padding:20px;font-size:13px}
.sum .secure{font-family:var(--sans);font-size:12px;opacity:.6;text-align:center;margin-top:14px}
@media (max-width:760px){
 .phero{padding:60px 0 40px}.phero h1{font-size:44px}
 .twolives .wrap{grid-template-columns:1fr}.life.day{border-right:1px solid rgba(184,149,90,.3)}.life{padding:36px 26px}
 .lead2{font-size:23px}.facts .wrap{grid-template-columns:1fr 1fr;gap:30px}.facts b{font-size:52px}
 .contact .wrap,.cogrid{grid-template-columns:1fr;gap:40px}.row2{grid-template-columns:1fr}
 .feat{grid-template-columns:1fr}.feat img{height:280px}.feat>div{padding:30px}.feat h2{font-size:30px}
 .chips{flex-wrap:wrap}.ahead h1{font-size:40px}.acover img{height:300px}
 .abook{grid-template-columns:70px 1fr}.abook .btn{grid-column:1/-1;justify-content:center}
 .steps{font-size:9.5px;gap:8px}.steps i{width:20px}.sum{position:static}
}
.story p.lead2,.abody p.lead2{font-family:var(--serif);font-size:30px;line-height:1.45;color:var(--text)}
@media (max-width:760px){.story p.lead2,.abody p.lead2{font-size:23px}}

/* ---------- HERO V2 (light) ---------- */
.hero2{display:grid;grid-template-columns:44% 56%;min-height:820px;background:var(--cream)}
.h2text{display:flex;align-items:center;justify-content:flex-end;padding:80px 70px 80px 0;background:var(--cream)}
.h2text .in{width:min(640px,100%)}
.h2text h1{font-family:var(--serif);font-weight:400;font-size:84px;line-height:1.02;margin:22px 0 8px;color:var(--text)}
.h2text .script{font-size:50px;color:var(--burg);margin-bottom:26px}
.h2text .lead{font-size:19px;color:#4b4044;max-width:520px;margin-bottom:36px}
.h2text .ctas{display:flex;gap:16px}
.h2text .btn.dark{color:var(--ink)}
.pre{display:flex;align-items:center;gap:18px;margin-top:44px;background:var(--paper);border:1px solid rgba(184,149,90,.4);padding:14px 22px 14px 14px;max-width:520px;box-shadow:0 24px 40px -30px rgba(40,10,20,.5)}
.pre img{width:56px;aspect-ratio:2/3;object-fit:cover}
.pre small{display:block;font-family:var(--sans);font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--burg);font-weight:500}
.pre b{display:block;font-family:var(--serif);font-weight:500;font-size:24px;line-height:1.2}
.pre em{font-style:normal;font-family:var(--sans);font-size:13px;color:var(--muted)}
.pre svg{width:20px;height:20px;margin-left:auto;color:var(--burg)}
.h2video{position:relative;overflow:hidden;background:#070607;color:var(--cream)}
.h2video .bg{position:absolute;inset:-40px;background:url(img/c-vol4.jpg) center 30%/cover;filter:blur(18px) brightness(.5);transform:scale(1.15);animation:kb 18s ease-in-out infinite alternate}
.h2video .mask{position:absolute;inset:-4% -6% -4% 0;background:url(img/c-vol3.jpg) center 62%/cover;-webkit-mask-image:radial-gradient(ellipse 62% 60% at 52% 48%,#000 40%,transparent 80%);mask-image:radial-gradient(ellipse 62% 60% at 52% 48%,#000 40%,transparent 80%);animation:kb2 16s ease-in-out infinite alternate}
.h2video .shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,6,7,.85),transparent 35%),linear-gradient(90deg,rgba(244,239,230,.08),transparent 20%)}
.h2video .tag{position:absolute;right:40px;top:40px;font-family:var(--sans);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold2);border:1px solid var(--line);padding:9px 14px;background:rgba(7,6,7,.45);z-index:3}
.h2video .ui{position:absolute;left:40px;right:40px;bottom:36px;display:flex;align-items:center;gap:24px;font-family:var(--sans);font-size:11.5px;letter-spacing:.26em;color:rgba(244,239,230,.75);z-index:3}
@media (max-width:760px){
 .hero2{grid-template-columns:1fr;min-height:0}
 .h2video{order:-1;height:430px}
 .h2video .mask{inset:-6% -20% -4% -20%}
 .h2video .tag{display:none}
 .h2video .ui{left:20px;right:20px;bottom:20px;gap:12px;font-size:9.5px}
 .h2video .ui .lbl{display:none}
 .h2text{padding:40px 20px 50px;justify-content:flex-start}
 .h2text h1{font-size:44px}.h2text .script{font-size:36px;margin-bottom:16px}.h2text .lead{font-size:15.5px;margin-bottom:24px}
 .h2text .ctas{flex-direction:column;gap:10px}.h2text .ctas .btn{justify-content:center}
 .pre{margin-top:28px}
}

/* ---------- HERO V3 (burgundy split carousel) ---------- */
.hero3{display:grid;grid-template-columns:40% 60%;grid-template-rows:600px auto;background:var(--burg2)}
.h3panel{background:linear-gradient(160deg,#7a2233 0%,var(--burg) 45%,var(--burg2) 100%);color:var(--cream);display:flex;align-items:center;justify-content:flex-end;padding:0 64px 0 40px}
.h3panel .in{width:min(560px,100%);transition:opacity .25s}
.hero3.fade .h3panel .in{opacity:0}
.h3book{display:flex;align-items:center;gap:18px;margin-bottom:26px}
.h3book img{width:78px;aspect-ratio:2/3;object-fit:cover;box-shadow:0 18px 30px -10px rgba(0,0,0,.6)}
.b3{display:inline-block;background:var(--cream);color:var(--burg);font-family:var(--sans);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;padding:6px 10px;font-weight:500}
.h3book small{display:block;margin-top:10px;font-family:var(--sans);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold2)}
.h3panel h1{font-family:var(--serif);font-weight:400;font-size:62px;line-height:1.05}
.h3panel .script{font-size:44px;color:var(--gold2);margin:6px 0 18px}
.h3panel p{font-size:17px;color:rgba(244,239,230,.82);max-width:470px;margin-bottom:30px}
.h3panel .ctas{display:flex;gap:14px;flex-wrap:wrap}
.h3panel .btn.solid{background:var(--cream);border-color:var(--cream);color:var(--burg)}
.h3panel .btn:not(.solid){border-color:rgba(244,239,230,.5);color:var(--cream)}
.h3media{position:relative;overflow:hidden;background:#120a0c}
.h3media .img{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;transition:opacity .25s;animation:kb2 16s ease-in-out infinite alternate}
.hero3.fade .h3media .img{opacity:.2}
.h3media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(74,16,25,.55),transparent 18%),linear-gradient(0deg,rgba(18,10,12,.55),transparent 30%)}
.h3media .tag{position:absolute;left:34px;bottom:30px;z-index:2;font-family:var(--sans);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--cream)}
.h3media .ctrl{position:absolute;right:30px;bottom:24px;z-index:2;display:flex;gap:10px}
.h3media .ctrl span{width:40px;height:40px;border:1px solid rgba(244,239,230,.45);border-radius:50%;display:grid;place-items:center;color:var(--cream)}
.h3media .ctrl svg{width:14px;height:14px}
.h3tabs{grid-column:1/-1;background:var(--burg3);border-top:1px solid rgba(216,189,138,.18)}
.wrap3{width:min(1320px,calc(100% - 80px));margin:0 auto;display:flex;align-items:stretch}
.h3tabs a{flex:1;position:relative;padding:18px 0 20px;color:rgba(244,239,230,.55);display:flex;align-items:baseline;gap:12px}
.h3tabs a b{font-family:var(--serif);font-weight:400;font-size:19px}
.h3tabs a small{font-family:var(--sans);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase}
.h3tabs a i{position:absolute;left:0;top:-1px;height:2px;width:60%;background:transparent}
.h3tabs a.on{color:var(--cream)}.h3tabs a.on i{background:var(--gold2)}
.h3tabs .arr{display:flex;gap:10px;align-items:center}
.h3tabs .arr em{font-style:normal;width:36px;height:36px;border:1px solid rgba(244,239,230,.35);border-radius:50%;display:grid;place-items:center;color:var(--cream);font-size:18px}
@media (max-width:760px){
 .hero3{grid-template-columns:1fr;grid-template-rows:auto}
 .h3media{order:-1;height:380px}
 .h3media .tag{left:18px;bottom:20px;font-size:9.5px}
 .h3panel{padding:36px 20px 40px;justify-content:flex-start}
 .h3panel h1{font-size:40px}.h3panel .script{font-size:32px}.h3panel p{font-size:15px}
 .h3panel .ctas{flex-direction:column}.h3panel .ctas .btn{justify-content:center}
 .wrap3{width:100%;overflow:hidden;padding-left:20px}
 .h3tabs a{flex:0 0 auto;padding-right:26px}.h3tabs a small{display:none}.h3tabs a b{font-size:16px}.h3tabs .arr{display:none}
}
@media (min-width:761px){.hero3{grid-template-columns:44% 56%}}
.h3media{background:#4a1019}
.h3media .img{opacity:.9;mix-blend-mode:luminosity}
.h3media:before{content:"";position:absolute;inset:0;background:radial-gradient(70% 80% at 50% 45%,rgba(160,60,75,.25),rgba(74,16,25,.55));z-index:1;mix-blend-mode:multiply}
.h3media .tag,.h3media .ctrl{z-index:3}

/* ---------- V2 HEADER: demo style (hamburger + centered logo + Seif) ---------- */
.nav{grid-template-columns:1fr auto 1fr;height:96px}
.nav ul{display:none!important}
.burger{display:flex!important;align-items:center;gap:12px;color:var(--gold2);font-family:var(--sans);font-size:11.5px;letter-spacing:.3em;text-transform:uppercase}
.burger svg{width:28px;height:28px}
.burger:after{content:"Meniu"}
.mseif{display:flex!important;justify-self:end;align-items:center;gap:10px;color:var(--gold2);font-family:var(--sans);font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;border:1px solid var(--line);padding:9px 14px;cursor:pointer}
.mseif svg{width:18px;height:18px}
.mseif:after{content:"Seif";order:1}
.mseif em{order:2;font-style:normal;background:var(--gold);color:var(--ink);border-radius:20px;min-width:20px;height:20px;display:inline-grid;place-items:center;font-size:11px;letter-spacing:0}
.brand img{height:58px}
.topbar{padding:9px 16px;font-size:11px}
.mshade{position:fixed;inset:0;background:rgba(13,12,14,.5);z-index:94;opacity:0;pointer-events:none;transition:.3s}
.mshade.on{opacity:1;pointer-events:auto}
.mnav{position:fixed;top:0;left:0;bottom:0;right:auto;width:440px;z-index:95;background:var(--ink);display:flex;flex-direction:column;justify-content:flex-start;padding:44px 48px;gap:6px;transform:translateX(-100%);transition:.35s}
.mnav.on{box-shadow:30px 0 60px rgba(0,0,0,.35)}
.mnav.on{transform:none}
.mnav .mtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}
.mnav .mx{position:static;color:var(--gold2);font-size:20px;cursor:pointer}
.mnav a{font-family:var(--serif);font-size:34px;color:var(--cream);padding:6px 0;line-height:1.2}
.mnav a.cur,.mnav a.hl{color:var(--gold2)}
.mnav a.ms{font-family:var(--sans);font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold2)}
.mnav hr{border:0;border-top:1px solid rgba(216,189,138,.2);margin:16px 0}
.mnav .mfoot{margin-top:auto}
.mnav .mfoot p{font-family:var(--sans);font-size:13.5px;color:rgba(244,239,230,.7);margin-top:10px;line-height:1.8}
@media (max-width:760px){
 .nav{grid-template-columns:56px 1fr auto;height:auto}
 .burger:after,.mseif:after{display:none;content:none}
 .mseif{border:0;padding:0}
 .mnav{width:86%;padding:34px 30px}.mnav a{font-size:28px}
}
/* hero media: blurred backdrop + full cover visible */
.h3media .img{filter:blur(22px) brightness(.6) saturate(1.1);transform:scale(1.25);mix-blend-mode:normal;opacity:1;animation:none;background-position:center!important}
.h3media .cov{position:absolute;inset:44px 0 84px;z-index:2;display:flex;align-items:center;justify-content:center;transition:opacity .25s}
.h3media .cov img{height:100%;width:auto;aspect-ratio:2/3;object-fit:cover;box-shadow:0 40px 70px -20px rgba(0,0,0,.85),0 0 0 1px rgba(216,189,138,.25);animation:float 8s ease-in-out infinite alternate}
.hero3.fade .h3media .cov{opacity:0}
@keyframes float{from{transform:translateY(0) scale(1)}to{transform:translateY(-8px) scale(1.015)}}
@media (max-width:760px){.h3media .cov{inset:26px 0 70px}}
.h3media{background:radial-gradient(80% 90% at 50% 45%,#8a2a3c 0%,#5a1422 55%,#3a0c15 100%)}
.h3media .img{opacity:.32}
.h3media:before{display:none}
.h3media:after{background:linear-gradient(0deg,rgba(43,9,16,.55),transparent 28%)}
.h3book img{display:none}.h3book{margin-bottom:20px;gap:14px}.h3book small{margin-top:0;display:inline-block;margin-left:12px}

/* ================= V3 CALM ================= */
header.site.lite{background:var(--paper);color:var(--text);border-bottom:1px solid rgba(184,149,90,.3);position:sticky;top:0}
.nav3{display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:92px;gap:40px}
.nav3 .burger{display:none!important}
.brand3{display:flex;align-items:center;gap:14px}
.brand3 img{height:46px}
.brand3 b{display:block;font-family:var(--serif);font-weight:500;font-size:22px;letter-spacing:.16em;text-transform:uppercase;color:var(--text);line-height:1}
.brand3 small{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold3);margin-top:6px}
.menu3{display:flex!important;justify-content:center;gap:42px;list-style:none;font-family:var(--sans);font-size:12px;letter-spacing:.24em;text-transform:uppercase}
.menu3 a{color:var(--text);opacity:.8}.menu3 a:hover{color:var(--burg);opacity:1}
.seif3{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--text);border:0;padding:0}
.seif3 svg{width:20px;height:20px;color:var(--burg)}
.seif3 em{font-style:normal;background:var(--burg);color:var(--cream);border-radius:20px;min-width:20px;height:20px;display:inline-grid;place-items:center;font-size:11px;letter-spacing:0}
.hero4{position:relative;height:640px;background:var(--cream);overflow:hidden}
.h4img{position:absolute;inset:0 0 0 30%;background:url(img/sprayed.jpg) center 42%/cover}
.h4img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--cream) 0%,rgba(244,239,230,.92) 18%,rgba(244,239,230,.35) 48%,rgba(244,239,230,0) 70%)}
.h4in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.h4in>*{max-width:620px}
.h4in h1{font-family:var(--serif);font-weight:400;font-size:76px;line-height:1.05;margin:18px 0 20px;color:var(--text)}
.h4in p{font-size:19px;color:#4b4044;max-width:500px;margin-bottom:34px}
.h4in .ctas{display:flex;gap:14px}
.h4in .btn.dark{color:var(--text)}
.h4dots{position:absolute;bottom:34px;display:flex;gap:10px}.h4dots i{width:28px;height:2px;background:rgba(43,36,39,.2)}.h4dots i.on{background:var(--burg)}
.welcome4{background:var(--paper);text-align:center;padding:120px 20px 100px}
.welcome4 h2{font-family:var(--serif);font-weight:400;font-size:50px;line-height:1.15;max-width:800px;margin:0 auto}
.welcome4 .script{font-size:46px;margin:6px 0 24px}
.welcome4 p{max-width:560px;margin:0 auto;color:#5b4f53}
.about4{background:var(--paper);padding:0 0 130px}
.about4 .wrap{display:grid;grid-template-columns:420px 1fr;gap:90px;align-items:center;max-width:1100px}
.ph4{background:#fff;padding:14px;box-shadow:0 30px 60px -35px rgba(40,10,20,.45)}
.ph4 img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 30%}
.about4 h2{font-family:var(--serif);font-weight:400;font-size:52px;margin:12px 0 18px}
.about4 p{color:#4b4044;max-width:560px}
.about4 .sig{font-size:56px;margin:18px 0 22px}
.books4{background:var(--cream);padding:120px 0}
.head4{text-align:center;margin-bottom:56px}
.head4 h2{font-family:var(--serif);font-weight:400;font-size:52px;margin:12px 0 6px}
.head4 p{color:var(--muted)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.b4{background:var(--paper);padding:22px 22px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 20px 40px -32px rgba(40,10,20,.4)}
.b4 .cover{width:100%;aspect-ratio:2/3;overflow:hidden;margin-bottom:20px}
.b4 .cover img{width:100%;height:100%;object-fit:cover}
.b4 small{font-family:var(--sans);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold3)}
.b4 h3{font-family:var(--serif);font-weight:500;font-size:25px;line-height:1.2;margin:8px 0 6px;min-height:60px}
.b4 .pr{font-family:var(--sans);font-size:13px;color:var(--muted);margin-bottom:18px}
.b4 .btn{width:100%;justify-content:center}
.more4{text-align:center;margin-top:40px;font-family:var(--sans);font-size:12.5px;letter-spacing:.2em;text-transform:uppercase}
.more4 a{color:var(--burg);border-bottom:1px solid var(--burg);padding-bottom:3px}
.quote4{background:var(--burg);color:var(--cream);text-align:center;padding:90px 0}
.quote4 blockquote{border:0;margin:0;padding:0;font-family:var(--serif);font-style:italic;font-size:44px;line-height:1.3;color:var(--cream)}
.quote4 small{display:block;margin-top:18px;font-family:var(--sans);font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold2)}
.journal4{background:var(--paper);padding:120px 0}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.p4 .im{height:260px;overflow:hidden;background:#111;margin-bottom:18px}
.p4 img{width:100%;height:100%;object-fit:cover}
.p4 small{font-family:var(--sans);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold3)}
.p4 h3{font-family:var(--serif);font-weight:500;font-size:26px;line-height:1.25;margin-top:8px}
.news4{background:var(--paper);padding:0 0 120px}
.box4{background:var(--cream2);text-align:center;padding:70px 40px}
.box4 h2{font-family:var(--serif);font-weight:400;font-size:46px}
.box4 p{color:#5b4f53;margin:8px 0 28px}
.box4 .form{border-color:var(--burg);background:#fff}
.box4 .form span{color:var(--muted)}
@media (max-width:760px){
 .nav3{grid-template-columns:44px 1fr auto;height:70px;gap:10px}
 .nav3 .burger{display:grid!important;color:var(--text)}.nav3 .burger svg{width:24px;height:24px}
 .menu3{display:none!important}
 .brand3{justify-content:center}.brand3 img{height:34px}.brand3 b{font-size:14px;letter-spacing:.12em}.brand3 small{font-size:8px;letter-spacing:.3em}
 .seif3 span{display:none}
 .hero4{height:auto}
 .h4img{position:relative;inset:auto;height:360px;display:block}
 .h4img:after{background:linear-gradient(0deg,var(--cream) 0%,rgba(244,239,230,0) 35%)}
 .h4in{height:auto;padding:10px 20px 50px}
 .h4in h1{font-size:42px;margin:12px 0 14px}.h4in p{font-size:15.5px;margin-bottom:24px}
 .h4in .ctas{flex-direction:column;width:100%}.h4in .ctas .btn{justify-content:center}
 .h4dots{position:static;margin-top:26px}
 .welcome4{padding:70px 20px}.welcome4 h2{font-size:32px}.welcome4 .script{font-size:32px}
 .about4 .wrap{grid-template-columns:1fr;gap:34px}.about4 h2{font-size:40px}
 .books4,.journal4{padding:70px 0}.head4 h2{font-size:38px}
 .grid4{grid-template-columns:1fr 1fr;gap:14px}.b4{padding:12px 12px 16px}.b4 h3{font-size:18px;min-height:44px}.b4 .pr{font-size:11px}
 .quote4{padding:60px 0}.quote4 blockquote{font-size:28px}
 .grid3{grid-template-columns:1fr}
 .box4{padding:44px 22px}.box4 h2{font-size:34px}
}
.h4img{background-position:center 58%}
.gal .main{background:var(--cream2);box-shadow:none}
.gal .main img{box-shadow:0 30px 60px -20px rgba(40,10,20,.55)}
footer{padding:70px 0 30px}