:root{--plum:#5A189A;--violet:#922CBF;--orchid:#C770FF;--lav:#C99BEF;--gold:#C9A227;--cream:#EAD9A0;--ivory:#F6F1EB;--ink:#160d1c;--muted:#6c6072;--line:#e7def0}
*{box-sizing:border-box}
body{margin:0;font-family:Montserrat,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--ivory);line-height:1.65}
a{color:var(--plum);text-decoration:none}img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
h1,h2,h3,.serif{font-family:"Cormorant Garamond",Georgia,serif}

/* header */
header.site{position:sticky;top:0;z-index:20;background:rgba(246,241,235,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;gap:16px}
.brand{font-family:"Great Vibes",cursive;font-size:30px;color:var(--plum);line-height:1;white-space:nowrap}
.brand small{display:block;font-family:Montserrat;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-top:2px}
nav.main a{margin-left:20px;font-size:13px;font-weight:600;color:var(--ink);text-transform:uppercase;letter-spacing:.06em}
nav.main a:hover{color:var(--violet)}
.socials{display:flex;gap:12px;align-items:center}
.socials a{display:inline-flex}.socials svg{width:20px;height:20px;fill:var(--plum);opacity:.85}.socials a:hover svg{opacity:1;fill:var(--violet)}
img.sicon{width:22px;height:22px;object-fit:contain;transition:transform .15s ease}
a:hover img.sicon{transform:scale(1.12)}
.mn-socials img.sicon{width:26px;height:26px}
.ft-socials img.sicon{width:24px;height:24px;margin-right:14px}
.menu-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:0;cursor:pointer;padding:10px;border-radius:10px}
.menu-btn span{display:block;height:2.5px;width:100%;background:var(--plum);border-radius:2px;transition:transform .22s ease,opacity .22s ease}
.menu-btn.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.menu-btn.open span:nth-child(2){opacity:0}
.menu-btn.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.mobile-nav{display:none}
@media(max-width:900px){
  nav.main{display:none}.brand{font-size:24px}
  header.site .socials{display:none}
  .menu-btn{display:flex}
  .mobile-nav{display:block;max-height:0;overflow:hidden;transition:max-height .28s ease;background:var(--ivory);border-top:0 solid var(--line)}
  .mobile-nav.open{max-height:480px;border-top:1px solid var(--line)}
  .mobile-nav a{display:block;padding:15px 24px;font-size:17px;font-weight:600;color:var(--ink);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line)}
  .mobile-nav a:active{background:rgba(146,44,191,.08)}
  .mobile-nav .mn-socials{display:flex;gap:22px;padding:16px 24px 20px}
  .mobile-nav .mn-socials svg{width:24px;height:24px;fill:var(--plum)}
  body.menu-lock{overflow:hidden}
}

/* hero */
.hero{position:relative;color:#fff;overflow:hidden;min-height:clamp(600px,98vh,960px);display:flex;align-items:flex-end;
  background:
    linear-gradient(180deg,rgba(45,10,77,.16) 0%,rgba(45,10,77,.14) 55%,rgba(45,10,77,.60) 100%),
    url("images/hero.jpg");
  background-size:cover,cover;background-position:center,50% 12%;background-repeat:no-repeat}
.hero .wrap{position:relative;padding:60px 24px 14px;z-index:2;width:100%}
@media(max-width:760px){.hero{background-position:center,50% 8%}}
.hero-panel{max-width:1060px;margin:0 auto;background:rgba(246,241,235,.46);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:22px;padding:26px 48px 32px;box-shadow:0 34px 90px rgba(40,9,68,.38)}
@media(max-width:760px){.hero-panel{padding:22px 22px 28px}}
.eyebrow{font-family:"Cormorant Garamond",serif;font-size:clamp(17px,2.2vw,26px);letter-spacing:.02em;margin:0 0 0;color:var(--plum);text-align:right;font-style:italic}
.storyteller{font-family:"Playfair Display",serif;font-weight:900;font-size:clamp(30px,7.6vw,98px);line-height:.92;margin:0;letter-spacing:.005em;white-space:nowrap;
  color:#5A189A;background:linear-gradient(100deg,#922CBF 0%,#6A1FB5 45%,#5A189A 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.quote-box{display:inline-block;margin-top:18px;background:rgba(255,255,255,.5);border:1px solid rgba(146,44,191,.30);backdrop-filter:blur(4px);padding:15px 24px;border-radius:14px;font-size:clamp(19px,2.4vw,24px);font-weight:600;color:#2a0d3f;min-height:58px;min-width:min(440px,78vw)}
.hero-panel .cta{margin-top:24px}
.hero-panel .btn.ghost{color:var(--plum);border-color:rgba(106,31,181,.55)}
.hero-panel .btn.ghost:hover{background:rgba(146,44,191,.10)}
.tw-caret{display:inline-block;font-weight:400;margin-left:1px;animation:twblink 1s steps(1) infinite}
@keyframes twblink{50%{opacity:0}}
.home-speaking{background:var(--ink);color:#efe6f5;padding:74px 0}
.home-speaking .manifesto-text{font-family:"Cormorant Garamond",serif;font-size:clamp(21px,2.5vw,29px);text-transform:uppercase;letter-spacing:.03em;line-height:1.5;color:var(--cream);margin:0}
.home-speaking .hs-title{font-family:"Playfair Display",serif;font-weight:800;font-size:clamp(26px,3vw,34px);color:#fff;margin:0 0 12px}
.home-speaking .hs-p{color:#d8cbe4;margin:0}
.home-speaking .hs-list{color:#d8cbe4;padding-left:20px;margin:8px 0}
.home-speaking .hs-list li{margin:6px 0}
.testimonials{background:var(--ivory);padding:80px 0;text-align:center}
.testimonials .tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:18px}
.testimonials .tq{padding:0 14px}
.testimonials .tmark{font-family:"Playfair Display",serif;font-size:80px;line-height:.6;color:var(--orchid);height:46px}
.testimonials blockquote{font-family:"Cormorant Garamond",serif;font-size:23px;font-style:italic;color:var(--ink);margin:14px 0 0;line-height:1.4}
@media(max-width:760px){.testimonials .tgrid{grid-template-columns:1fr;gap:34px}}
.hero .cta{margin-top:28px}
.btn{display:inline-block;background:var(--gold);color:#231803;font-weight:700;padding:13px 26px;border-radius:999px;margin:8px 8px 0 0;letter-spacing:.02em}
.btn:hover{filter:brightness(1.05)}
.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.65)}
.btn.plum{background:var(--plum);color:#fff}
.btn.lav{background:var(--violet);color:#fff}

/* mission band */
.mission{background:linear-gradient(180deg,#C99BEF,#C770FF);color:#2a0d3f;padding:72px 0}
.mission .label{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:26px;color:#fff;margin:0 0 14px}
.mission blockquote{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(24px,3.4vw,40px);line-height:1.3;margin:0;max-width:900px}

/* statement (black band) */
.statement{background:var(--ink);color:#efe6f5;padding:80px 0}
.statement .cols{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.statement h2{font-size:clamp(28px,3.6vw,40px);color:#fff;margin:0;line-height:1.15}
.statement p{margin:0 0 12px;color:#d8cbe4}
.signature{font-family:"Great Vibes",cursive;font-size:34px;color:var(--orchid);margin-top:22px}
@media(max-width:760px){.statement .cols{grid-template-columns:1fr;gap:28px}}

/* sections */
section{padding:70px 0}
.section-title{font-family:"Playfair Display",serif;font-weight:800;font-size:clamp(30px,4vw,46px);color:var(--plum);margin:0 0 8px;text-align:center}
.lead{color:var(--muted);max-width:720px;margin:0 auto 34px;text-align:center}

/* product grid + cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:26px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(90,24,154,.12)}
.card .ph{aspect-ratio:1/1;background:#efe7f8;overflow:hidden}.card .ph img{width:100%;height:100%;object-fit:cover}
.card .body{padding:14px 16px}.card h3{font-size:19px;margin:0 0 4px}.card .price{color:var(--violet);font-weight:700}
.ribbon{display:inline-block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:var(--gold);color:#231803;padding:3px 9px;border-radius:999px;font-weight:700;margin-bottom:8px}
.center{text-align:center}

/* literary journey (dark) */
.journey{background:var(--ink);color:#efe6f5}
.journey .section-title{color:#fff}
.journey .lead{color:#bdb0c9}
.jrow{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:46px 0;border-top:1px solid rgba(255,255,255,.08)}
.jrow:nth-child(even) .jcover{order:2}
.jrow img{border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.5);max-width:min(360px,100%);margin:0 auto}
.jrow h3{font-size:30px;color:#fff;margin:0 0 14px}
.jrow p{color:#d8cbe4;margin:0 0 10px}
.jrow ul{color:#d8cbe4;padding-left:20px;margin:8px 0}
@media(max-width:760px){.jrow{grid-template-columns:1fr;gap:22px}.jrow:nth-child(even) .jcover{order:0}}

/* speaking */
.manifesto{background:var(--ink);color:var(--cream);text-align:center;padding:90px 0}
.manifesto p{font-family:"Cormorant Garamond",serif;font-size:clamp(22px,3vw,32px);text-transform:uppercase;letter-spacing:.04em;line-height:1.5;max-width:820px;margin:0 auto;color:var(--cream)}
.offer{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.offer h2{font-size:34px;color:var(--plum);margin:0 0 14px}
.offer ul{padding-left:20px}.offer li{margin:6px 0}
@media(max-width:760px){.offer{grid-template-columns:1fr;gap:26px}}

/* listen / poetry journey */
.listen-hero{position:relative;overflow:hidden;color:#fff;text-align:center;padding:96px 0 84px;
  background:
    radial-gradient(60% 90% at 78% 18%,rgba(199,112,255,.45),transparent 60%),
    radial-gradient(70% 90% at 12% 28%,rgba(214,51,132,.42),transparent 60%),
    conic-gradient(from 200deg at 50% 50%,#2a0a4d,#5A189A,#922CBF,#2a0a4d);}
.listen-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 70% at 50% 120%,rgba(0,0,0,.55),transparent);pointer-events:none}
.listen-hero .wrap{position:relative;z-index:2}
.listen-hero h1{font-size:clamp(48px,8vw,96px);margin:0;line-height:.95;text-shadow:0 6px 40px rgba(0,0,0,.4)}
.listen-hero .sub{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(18px,2.4vw,26px);opacity:.95;margin-top:10px}
.playlist{background:var(--ink);color:#efe6f5;padding:0 0 30px}
.pl-banner-wrap{position:relative;max-width:1000px;margin:-46px auto 0;z-index:3}
.pl-banner{width:100%;display:block;border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.5);border:1px solid rgba(199,112,255,.3)}
.journey-btn{position:absolute;left:25%;top:60%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;background:none;border:0;cursor:pointer;color:#fff;padding:0}
.journey-btn .jcirc{width:84px;height:84px;border-radius:50%;background:rgba(90,24,154,.6);border:2.5px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 34px rgba(0,0,0,.45);transition:transform .18s ease,background .18s ease}
.journey-btn .jcirc svg{width:36px;height:36px;fill:#fff;margin-left:5px}
.journey-btn:hover .jcirc{transform:scale(1.09);background:rgba(146,44,191,.78)}
.journey-btn .jlabel{font-family:"Cormorant Garamond",serif;font-size:23px;font-weight:600;text-shadow:0 2px 12px rgba(0,0,0,.55);white-space:nowrap}
@media(max-width:680px){.journey-btn{left:50%;top:50%}.journey-btn .jcirc{width:60px;height:60px}.journey-btn .jcirc svg{width:26px;height:26px}.journey-btn .jlabel{font-size:17px}}
.playlist .pl-card{background:linear-gradient(135deg,#3a1060,#1f0a38);border:1px solid rgba(199,112,255,.25);border-radius:20px;
  padding:34px 38px;margin-top:26px;position:relative;z-index:3;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.playlist .pl-card h2{color:#fff;margin:0 0 6px;font-size:30px}
.playlist .pl-card p{color:#d8cbe4;max-width:760px;margin:0 0 18px}
.pl-list{list-style:none;padding:0;margin:0;columns:2;column-gap:40px}
@media(max-width:680px){.pl-list{columns:1}}
.pl-list li{break-inside:avoid;margin:0 0 10px}
.pl-list a{display:flex;gap:12px;align-items:baseline;color:#e8dcf3;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.pl-list a:hover{color:var(--orchid)}
.pl-list .num{font-family:"Cormorant Garamond",serif;color:var(--gold);font-weight:700;min-width:26px}
.poems{background:var(--ink);color:#efe6f5;padding:30px 0 80px}
.poem{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:48px 0;border-top:1px solid rgba(255,255,255,.08);scroll-margin-top:90px}
.poem:nth-child(even) .pvid{order:2}
.poem .num{font-family:"Cormorant Garamond",serif;font-size:64px;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(199,112,255,.55);margin:0 0 6px}
.poem h3{font-size:clamp(26px,3vw,34px);color:#fff;margin:0 0 8px;line-height:1.1}
.poem .psub{font-family:"Cormorant Garamond",serif;font-style:italic;color:var(--orchid);font-size:19px;margin:0 0 12px}
.poem p.pdesc{color:#d3c6df;margin:0;font-size:15.5px;line-height:1.7}
.pvid{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#120a1c;
  box-shadow:0 24px 60px rgba(0,0,0,.5);ring:1px solid rgba(199,112,255,.3);border:1px solid rgba(199,112,255,.22)}
.pvid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#120a1c}
.pvid .vplay{position:absolute;inset:0;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;
  background:linear-gradient(180deg,rgba(20,10,30,.15),rgba(20,10,30,.5));transition:opacity .25s ease}
.pvid .vplay.hide{opacity:0;pointer-events:none}
.pvid .vplay .pbtn{width:76px;height:76px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55));transition:transform .15s ease,opacity .15s ease;opacity:.95}
.pvid .vplay:hover .pbtn{transform:scale(1.07);opacity:1}
.pvid .vplay .vtitle{font-family:"Cormorant Garamond",serif;color:#fff;font-size:clamp(24px,3vw,34px);text-shadow:0 3px 16px rgba(0,0,0,.6);padding:0 16px;text-align:center}
.pvid .soon{position:absolute;inset:0;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;color:#b9a8c6;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.pvid .soon svg{width:30px;height:30px;fill:rgba(199,112,255,.6)}
.featured-poem{margin-top:30px}
.featured-poem .pvid{aspect-ratio:16/9;max-width:920px;margin:0 auto;border:1px solid rgba(199,112,255,.3)}
.featured-poem .cap{text-align:center;margin-top:16px}
.featured-poem .cap h3{color:#fff;font-size:30px;margin:0}
.featured-poem .cap p{color:var(--orchid);font-family:"Cormorant Garamond",serif;font-style:italic;margin:4px 0 0}
@media(max-width:760px){.poem{grid-template-columns:1fr;gap:22px;padding:34px 0}.poem:nth-child(even) .pvid{order:0}}

/* PDP */
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-top:24px}
@media(max-width:760px){
  .pdp{grid-template-columns:1fr;gap:26px}
  .pdp h1{font-size:30px!important}
  button.buy{width:100%;padding:15px 18px}
  .btn{padding:13px 20px}
}
.pdp .gallery img{border-radius:14px;border:1px solid var(--line);margin-bottom:12px}
.pdp .price{font-size:30px;color:var(--violet);font-weight:800;font-family:"Cormorant Garamond",serif}
.pdp .desc{margin:16px 0}.pdp .desc ul{padding-left:20px}
.note{background:#fff7e6;border:1px solid #f0d9a0;border-radius:12px;padding:12px 14px;font-size:13px;color:#6b5410;margin-top:14px}
input,textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;font:inherit;margin-top:6px}
label{display:block;margin-top:12px;font-weight:600;font-size:14px}

/* about */
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}
.about-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:54% 24%;border-radius:18px;box-shadow:0 26px 64px rgba(40,9,68,.26);border:1px solid var(--line)}
.about-text p{color:#3a2f42}
@media(max-width:760px){.about-grid{grid-template-columns:1fr;gap:26px}.about-photo img{aspect-ratio:16/11;object-position:54% 22%}}

/* legal / policy pages */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.legal{max-width:820px}
.legal h1,.legal h2{text-align:left}
.legal .updated{color:var(--muted);font-size:13px;margin:0 0 26px}
.legal h3{font-size:24px;color:var(--plum);margin:30px 0 8px}
.legal p,.legal li{color:#3a2f42;font-size:15.5px}
.legal ul{padding-left:22px}.legal li{margin:6px 0}
.legal a{color:var(--violet);font-weight:600}
.legal .fillin{background:#fff7e6;border:1px dashed #e3c66a;border-radius:6px;padding:1px 7px;color:#6b5410;font-size:13px}

/* footer */
footer{background:#fff;color:var(--ink);padding:0;border-top:1px solid var(--line)}
footer .connect{padding:64px 0 40px}
footer .connect h2{font-size:clamp(30px,4vw,44px);margin:0;color:var(--ink)}
footer .ftgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding:30px 0 50px;border-top:1px solid var(--line);font-size:14px}
footer .ftgrid h4{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
footer a{color:var(--plum)}
footer .pol a{display:block;margin:5px 0;color:var(--muted);font-size:13px}
footer .copy{color:var(--muted);font-size:12px;padding:0 0 30px}
footer .ft-socials svg{width:20px;height:20px;fill:var(--plum);margin-right:12px}
@media(max-width:760px){footer .ftgrid{grid-template-columns:1fr}}