@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap');
:root{--dark:#180e17;--dark2:#250f1e;--gold:#d5b88e;--light:#fbf6f0;--wine:#842b49;--ink:#39282e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--light);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:1240px;margin:auto;padding:0 35px}.topline{background:#100910;color:#cbb5a4;text-align:center;letter-spacing:3px;font-size:9px;padding:10px}.header{position:relative;z-index:4;background:var(--dark);color:#fff;border-bottom:1px solid #49303d}.nav{min-height:98px;display:flex;justify-content:space-between;align-items:center}.brand{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;line-height:.95;font-size:31px;letter-spacing:3px;white-space:nowrap}.brand span{color:var(--gold)}.brand small{display:block;color:#cab9a9;letter-spacing:4.3px;font:8px Inter,Arial,sans-serif;margin-top:12px}.header nav{display:flex;gap:36px}.header nav a,footer a{font-size:10px;letter-spacing:2px;font-weight:600}.header nav a:hover,footer a:hover{color:var(--gold)}.menu{display:none;background:none;color:white;border:1px solid #755f66;padding:10px 13px;cursor:pointer}.hero{background:radial-gradient(ellipse at 79% 38%,#5a2639 0%,#2a1423 38%,#180e17 75%);color:#fbf4e9;overflow:hidden}.hero-layout{min-height:660px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding-top:55px;padding-bottom:65px}.eyebrow{color:var(--wine);font-size:10px;letter-spacing:4px;font-weight:700}.hero .eyebrow,.manifesto .eyebrow{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}h1{font-size:clamp(78px,9vw,134px);line-height:.81;letter-spacing:-3px;margin:37px 0 40px}h1 em,h2 em{font-weight:400;color:var(--gold)}.hero-copy p{font-size:14px;line-height:2;max-width:410px;color:#d2c1c5}.buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:35px}.btn{font-size:10px;letter-spacing:1.6px;font-weight:700;padding:20px 23px;display:inline-flex;align-items:center;gap:28px}.btn.primary{background:var(--gold);color:#21131b}.btn.outline{border:1px solid #a58d94;color:white}.btn:hover{filter:brightness(1.13)}.hero-art{height:500px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;border:1px solid #9e6c6660;background:radial-gradient(circle at 50% 47%,#922f48 0,#45192c 28%,#1a0e18 65%);box-shadow:0 25px 100px #0d0409aa}.hero-art:before,.hero-art:after{content:'';position:absolute;inset:16px;border:1px solid #ba997344;pointer-events:none}.hero-art:after{inset:25px}.rose{font-family:Georgia,serif;font-size:290px;line-height:1;color:#c04a65;text-shadow:0 0 34px #fd557647,18px 26px 40px #090305;transform:rotate(-15deg)}.hero-art-word{position:absolute;bottom:65px;left:0;right:0;text-align:center;font:55px 'Cormorant Garamond',serif;letter-spacing:18px;color:#f5cabb}.hero-art-caption{position:absolute;bottom:43px;left:0;right:0;text-align:center;letter-spacing:3px;font-size:9px;color:var(--gold)}.hero-bottom{text-align:center;border-top:1px solid #6b45535c;font-size:9px;letter-spacing:3px;padding:21px 5px;color:#baa3a6}.hero-bottom span{padding:0 22px;color:var(--gold)}.section{padding-top:110px;padding-bottom:115px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-heading h2,.readers h2,.about h2{font-size:clamp(54px,6vw,85px);line-height:.95;margin:23px 0 0;letter-spacing:-1px}.section-heading h2 em,.readers h2 em,.about h2 em{color:var(--wine)}.section-heading>p{max-width:300px;font-size:13px;line-height:1.8;color:#76636a;margin:0}.books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.book{min-width:0}.cover{aspect-ratio:2/3;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between;padding:24px 15px 30px;box-shadow:0 16px 22px #29152027;position:relative;overflow:hidden}.cover:before{content:'';position:absolute;inset:12px;border:1px solid #f1d7b778}.cover>*{position:relative;z-index:1}.cover-1{background:radial-gradient(ellipse at 45% 60%,#51616c,#1a2533 65%,#101923);color:#fcf0e6}.cover-2{background:radial-gradient(ellipse at 40% 70%,#963c4a,#38152d 70%,#210e23);color:#f7d5c0}.cover-3{background:radial-gradient(ellipse at 40% 50%,#a4775d,#45372d 65%,#231b1a);color:#fcdfb7}.cover-small,.cover-bottom{font-size:9px;letter-spacing:3px}.cover strong{font:500 clamp(29px,3.4vw,49px)/.95 'Cormorant Garamond',Georgia,serif;letter-spacing:2px;text-shadow:0 2px 15px #0009}.book-info{padding:25px 2px}.book-kicker{font-size:9px;letter-spacing:2px;color:var(--wine);font-weight:700}.book h3{font:500 29px/1 'Cormorant Garamond',serif;margin:13px 0}.book p{font-size:13px;color:#7a6870;line-height:1.8;min-height:50px}.availability{display:inline-block;margin-top:10px;font-size:11px;color:#765f6b;border-bottom:1px solid #b6a5a4;padding-bottom:7px}.note{color:#877881;font-size:11px;line-height:1.7;margin-top:23px}.manifesto{background:linear-gradient(120deg,#1b0d18,#511d36);color:#f7ece6;text-align:center;padding:125px 0}.manifesto h2{font-size:clamp(53px,7vw,95px);line-height:.95;margin:28px 0}.manifesto p{margin:auto;max-width:650px;font-size:14px;line-height:2;color:#dccdd2}.readers{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.readers>div:first-child>p{max-width:450px;line-height:2;color:#7a6770;font-size:14px;margin-top:29px}.signup-preview{background:#291522;color:#fbf4ed;padding:52px 42px;text-align:center;border:1px solid #81566b}.sigil{font:48px 'Cormorant Garamond',serif;color:var(--gold);border:1px solid #b38a86;width:100px;height:100px;border-radius:100%;margin:auto auto 30px;display:grid;place-items:center}.signup-preview h3{font:43px 'Cormorant Garamond',serif;margin:0 0 10px}.signup-preview p{color:#dbcbd0;font-size:13px;line-height:1.9}.fake-input{border:1px solid #8f7480;padding:19px;font-size:10px;letter-spacing:2px;color:#d4b9c0;margin:28px 0 14px}.small{font-size:10px;color:#ad969d}.about{background:#efe6e0;padding:95px 0}.about-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.about-layout>p{font-size:15px;line-height:2.1;color:#73616b}footer{background:#170d16;color:white;padding:58px 0 36px}.footer-layout{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-layout>div:nth-child(2){display:flex;gap:25px;align-items:center;color:#c9b5bd;font-size:10px;letter-spacing:1.2px}.footer-note{font-size:10px;color:#82737b;margin-top:40px;line-height:1.8}@media(max-width:900px){.hero-layout{grid-template-columns:1fr 1fr;gap:20px}.hero-art{height:390px}.rose{font-size:220px}.hero-art-word{font-size:35px;letter-spacing:10px}.hero-bottom{line-height:2.5}.books-grid{gap:16px}.cover strong{font-size:31px}.readers{gap:30px}.footer-layout>div:nth-child(2){flex-wrap:wrap}}@media(max-width:680px){.shell{padding-left:21px;padding-right:21px}.nav{min-height:78px}.brand{font-size:25px}.brand small{font-size:7px}.menu{display:block}.header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#25131e;flex-direction:column;padding:30px;gap:23px}.header nav.visible{display:flex}.hero-layout{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:70px;padding-bottom:55px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:83px;margin:26px 0 30px}.hero-art{height:360px;margin-top:45px}.rose{font-size:220px}.hero-bottom{font-size:8px;letter-spacing:1px}.hero-bottom span{padding:0 5px}.section{padding-top:70px;padding-bottom:70px}.section-heading{display:block}.section-heading>p{margin-top:22px}.books-grid{grid-template-columns:1fr;gap:36px}.cover{max-width:420px;margin:0 auto}.cover strong{font-size:50px}.book-info{max-width:420px;margin:auto}.book p{min-height:0}.manifesto{padding:80px 0}.readers{grid-template-columns:1fr}.signup-preview{padding:45px 25px}.about-layout{grid-template-columns:1fr;gap:25px}.footer-layout{flex-direction:column;align-items:start}.footer-layout>div:nth-child(2){gap:17px}}

/* Official Sofia Valentina cover art */
.books-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.cover-image{padding:0;background:#1b1017;border:0;display:block;aspect-ratio:2/3;overflow:hidden}
.cover-image:before{display:none}
.cover-image img{display:block;width:100%;height:100%;object-fit:cover}
.book h3{font-size:clamp(24px,2.3vw,30px);line-height:1.12}
@media(max-width:1050px){.books-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}
@media(max-width:680px){.books-grid{grid-template-columns:1fr;gap:35px}}

/* Sofia private storefront / reader magnet revisions */
.rose{transform:none;width:85%;max-width:340px;display:flex;align-items:center;justify-content:center}.rose img{display:block;width:100%;height:auto;max-height:370px;filter:drop-shadow(0 16px 23px #060205ab)}
.books-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.giveaway-section{grid-template-columns:.85fr 1.15fr;gap:65px}
.giveaway-card{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(190px,1fr);align-items:center;gap:26px;background:#291522;border:1px solid #81566b;padding:30px;color:#f9eee7}
.giveaway-card>img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;box-shadow:0 18px 30px #06020680}
.giveaway-copy h3{font:500 clamp(33px,3.4vw,53px)/1 'Cormorant Garamond',Georgia,serif;margin:20px 0}
.giveaway-copy p{color:#dbcbd0;line-height:1.8;font-size:13px}.signup-pending{border:1px solid #8f7480;padding:16px;font-size:10px;letter-spacing:1.3px;color:#e5ced4;margin:23px 0 14px;text-align:center}
@media(max-width:1050px){.books-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.giveaway-section{grid-template-columns:1fr}.giveaway-card{max-width:750px}}
@media(max-width:680px){.books-grid{grid-template-columns:1fr}.giveaway-card{grid-template-columns:1fr;padding:25px}.giveaway-card>img{max-width:310px;margin:auto}.giveaway-copy{text-align:center}.rose{width:80%}}

/* v3: editorial hero — no figurative icon or boxed greeting-card art */
.hero-editorial{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden;padding:64px 56px;border:0;background:radial-gradient(ellipse at 80% 13%,#7b3048 0%,transparent 52%),linear-gradient(135deg,#351828 0%,#220f1c 58%,#160b13 100%);box-shadow:none;isolation:isolate}
.hero-editorial:before{content:'SV';position:absolute;inset:auto -36px -104px auto;border:0;font:italic 420px/.8 'Cormorant Garamond',Georgia,serif;color:#d3ac8b0a;letter-spacing:-45px;pointer-events:none}
.hero-editorial:after{display:none}
.editorial-rule{width:77px;height:1px;background:#d5b88e;margin-bottom:38px}
.editorial-kicker{position:relative;font-size:10px;font-weight:700;letter-spacing:3.5px;color:#d5b88e}
.editorial-quote{position:relative;font:400 clamp(59px,5.7vw,98px)/.92 'Cormorant Garamond',Georgia,serif;letter-spacing:-2px;color:#fff2e9;margin:42px 0 54px}
.editorial-quote em{color:#dfb99b;font-weight:400}
.editorial-bottom{position:relative;display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:2.7px;color:#bd9ca4}
.editorial-dash{width:35px;height:1px;background:#ac7c71}
@media(max-width:900px){.hero-editorial{padding:40px 30px}.editorial-quote{font-size:clamp(52px,6vw,72px)}}
@media(max-width:680px){.hero-editorial{height:340px;padding:35px 30px}.editorial-quote{font-size:64px;margin:25px 0 30px}.editorial-rule{margin-bottom:22px}.editorial-kicker{font-size:8px}.editorial-bottom{font-size:8px}.hero-editorial:before{font-size:300px;bottom:-60px}}

/* V4: cinematic full-width hero with left-side editorial headline */
.hero.hero-video{position:relative;isolation:isolate;background:#170e19;min-height:660px}
.hero-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center;z-index:-3;pointer-events:none}
.hero-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(15,8,17,.93) 0%,rgba(19,9,22,.83) 32%,rgba(20,9,20,.43) 61%,rgba(17,7,16,.1) 100%),linear-gradient(0deg,rgba(13,7,15,.65),transparent 36%)}
.hero-video .hero-layout{display:flex;align-items:center;min-height:650px;padding-top:75px;padding-bottom:100px}
.hero-video .hero-copy{position:relative;z-index:1;max-width:710px}
.hero-video .hero-copy p{color:#f1e0dd;text-shadow:0 2px 18px #0009}
.hero-video h1{text-shadow:0 4px 34px #080508b8;font-size:clamp(72px,8vw,120px)}
.hero-video .hero-bottom{position:relative;background:rgba(17,8,17,.34)}
@media(max-width:680px){.hero.hero-video{min-height:0}.hero-background-video{object-position:64% center}.hero-shade{background:linear-gradient(90deg,rgba(15,8,17,.86),rgba(15,8,17,.49)),linear-gradient(0deg,rgba(12,6,13,.72),transparent 75%)}.hero-video .hero-layout{min-height:570px;padding-top:68px;padding-bottom:64px}.hero-video h1{font-size:clamp(66px,13vw,84px)}.hero-video .hero-copy p{max-width:360px}}
@media(prefers-reduced-motion:reduce){.hero-background-video{display:none}.hero.hero-video{background:linear-gradient(90deg,#170c18cc,#170c1833),url('media/sofia-hero-poster.jpg') 64% center/cover no-repeat}}

/* V5: keep video, wash and copy in the same stacking context.
   Previous negative z-index values buried the copy behind the hero. */
.hero.hero-video { position:relative; isolation:isolate; background:#170e19; overflow:hidden; }
.hero-video .hero-background-video { z-index:0; object-position:65% center; }
.hero-video .hero-shade { z-index:1; background:linear-gradient(90deg, rgba(14,7,15,.92) 0%, rgba(15,7,17,.83) 24%, rgba(17,8,18,.58) 47%, rgba(15,7,15,.26) 76%, rgba(15,7,15,.18) 100%),linear-gradient(0deg,rgba(13,7,15,.65),transparent 36%); }
.hero-video .hero-layout { position:relative; z-index:2; }
.hero-video .hero-copy { max-width:600px; }
.hero-video .hero-bottom { z-index:2; }
@media(max-width:680px) {
  .hero-video .hero-background-video { object-position:66% center; }
  .hero-video .hero-shade { background:linear-gradient(90deg,rgba(12,6,14,.84),rgba(12,6,14,.53)),linear-gradient(0deg,rgba(12,6,14,.75),transparent 80%); }
}

/* Storefront addition: fourth book and legible interim cover until final artwork is supplied. */
.cover-understudy{background:radial-gradient(ellipse at 55% 45%,#71334b 0%,#2a1423 63%,#170c15 100%);color:#f8e7d6;justify-content:space-between;}
.cover-understudy strong{font-size:clamp(32px,3.5vw,52px);line-height:.94;color:#e7c59a;}
@media(max-width:1050px){.books-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:680px){.books-grid{grid-template-columns:1fr;}}

/* Four-book storefront: balanced desktop row, two on tablets, one on phones. */
@media (min-width:1051px){.books-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}}
@media (min-width:681px) and (max-width:1050px){.books-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}
@media (max-width:680px){.books-grid{grid-template-columns:1fr;gap:35px}}