@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Inter:wght@400;500;600&display=swap');
:root{--green:#11281e;--green2:#17372a;--cream:#f3efe5;--paper:#faf8f2;--gold:#c9a96a;--ink:#162019;--muted:#6f746e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit}.site-header{height:94px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d4c9;background:rgba(250,248,242,.97);position:sticky;top:0;z-index:20}.wordmark{text-decoration:none;text-align:center;display:inline-flex;flex-direction:column;line-height:1}.wordmark span{font:600 23px/1 "Cormorant Garamond",serif;letter-spacing:.13em}.wordmark small{font-size:8px;letter-spacing:.34em;margin-top:7px;display:flex;align-items:center;gap:8px;justify-content:center}.wordmark i{width:26px;height:1px;background:var(--gold)}nav{display:flex;gap:32px}nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:11px}.menu{display:none}.hero{min-height:720px;background:var(--green);color:var(--cream);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.hero-copy{padding:130px 7vw 100px}.eyebrow{font-size:10px;letter-spacing:.24em;font-weight:600;color:var(--gold);text-transform:uppercase}.hero h1{font:500 clamp(55px,6.3vw,104px)/.9 "Cormorant Garamond",serif;letter-spacing:-.035em;margin:30px 0}.hero h1 em{color:var(--gold);font-weight:500}.lead{max-width:550px;font:500 23px/1.5 "Cormorant Garamond",serif;color:#d9d7cc}.actions{display:flex;align-items:center;gap:26px;margin-top:38px;flex-wrap:wrap}.button{padding:15px 22px;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:10px;border:1px solid var(--gold);background:transparent;color:inherit}.button.gold{background:var(--gold);color:var(--green);font-weight:600}.text-link{text-transform:uppercase;font-size:10px;letter-spacing:.14em;text-decoration:none}.text-link span{color:var(--gold);margin-left:8px}.hero-book{position:relative;background:linear-gradient(150deg,#17382b,#0a1712);display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate}.hero-book:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 34%,rgba(201,169,106,.28),transparent 36%);z-index:-1}.hero-book img{width:min(52%,360px);box-shadow:0 32px 70px rgba(0,0,0,.48);transform:rotate(2deg)}.hero-book p{font-size:9px;letter-spacing:.27em;color:#bdb9a8;margin-top:34px}.manifesto{padding:110px 10vw;text-align:center;background:var(--cream)}blockquote{font:500 clamp(34px,4vw,61px)/1.08 "Cormorant Garamond",serif;margin:30px auto;max-width:1000px}.manifesto-copy{max-width:650px;margin:30px auto 0;color:var(--muted);line-height:1.8;font-size:14px}.featured{display:grid;grid-template-columns:1fr 1fr;min-height:850px}.book-stage{background:#e9e2d4;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.book-stage .number{position:absolute;top:45px;left:50px;font:500 75px/1 "Cormorant Garamond",serif;color:#d2c6af}.book-stage img{width:min(48%,370px);box-shadow:0 30px 55px rgba(31,34,28,.2);z-index:2}.track{position:absolute;width:150%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);bottom:18%;transform:rotate(-8deg)}.book-copy{padding:100px 8vw 80px;background:var(--paper)}.book-copy h2,.author h2,.about h2{font:600 clamp(50px,5vw,78px)/.95 "Cormorant Garamond",serif;margin:20px 0 4px}.tagline{font:italic 500 24px/1.2 "Cormorant Garamond",serif;color:#6e5b38}.byline{font-size:10px;letter-spacing:.2em;margin:25px 0}.gold-rule{width:55px;height:2px;background:var(--gold);margin:32px 0}.book-copy>p:not(.eyebrow):not(.tagline):not(.byline){line-height:1.75;color:#555b55;font-family:"Cormorant Garamond",serif;font-size:18px}.formats{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.formats span{font-size:9px;letter-spacing:.15em;border:1px solid #d2cab9;padding:8px 10px}.outline{color:var(--green);border-color:#9e8a60}.outline:disabled{opacity:.58;cursor:not-allowed}.lines{background:var(--green);color:var(--cream);padding:95px 7vw}.line-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:45px;border-top:1px solid #405347}.line-grid article{padding:40px 45px 30px 0;border-right:1px solid #405347;margin-right:45px}.line-grid article:last-child{border:0}.line-grid span{color:var(--gold);font-size:10px}.line-grid p{font:500 27px/1.25 "Cormorant Garamond",serif}.author{display:grid;grid-template-columns:.45fr 1fr;gap:80px;padding:120px 10vw;background:var(--cream);align-items:center}.author-mark{width:230px;height:230px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:500 76px "Cormorant Garamond",serif;color:var(--green)}.author p:not(.eyebrow){max-width:670px;line-height:1.8;color:#5e635e}.about{padding:120px 10vw}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:900px;margin-top:50px}.about-grid p{line-height:1.8;color:#60655f}.closing{background:#13251d;color:var(--cream);text-align:center;padding:105px 20px}.closing-line{width:1px;height:55px;background:var(--gold);margin:0 auto 30px}.closing p{font:500 39px/1.2 "Cormorant Garamond",serif;letter-spacing:.04em}.closing span{font-size:9px;letter-spacing:.25em;color:#9da79f}footer{padding:55px 7vw;display:flex;justify-content:space-between;align-items:center;background:#0b1712;color:#c8c9c1}footer p{font-size:9px;letter-spacing:.12em}.footer-mark span{font-size:19px}.footer-mark small{font-size:7px}
@media(max-width:800px){.site-header{height:78px}.menu{display:block;border:0;background:none;text-transform:uppercase;font-size:10px;letter-spacing:.16em}.site-header nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:25px 6vw;flex-direction:column;border-bottom:1px solid #ddd}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:90px 7vw 65px}.hero-book{padding:70px 0}.hero-book img{width:min(60%,300px)}.featured{grid-template-columns:1fr}.book-stage{padding:90px 0}.book-copy{padding:70px 7vw}.line-grid{grid-template-columns:1fr}.line-grid article{border-right:0;border-bottom:1px solid #405347;margin:0;padding:30px 0}.author{grid-template-columns:1fr;gap:40px;padding:80px 7vw}.author-mark{width:150px;height:150px;font-size:50px}.about{padding:80px 7vw}.about-grid{grid-template-columns:1fr;gap:10px}.closing p{font-size:30px}footer{flex-direction:column;gap:20px;text-align:center}}
/* V2 — the book becomes the doorway into the journey */
.hero-book{perspective:1400px;min-height:650px}
.hero-book>p{position:absolute;bottom:34px;z-index:8}
.book-float{position:relative;z-index:5;transform:translateY(-10px);animation:bookBreathe 6s ease-in-out infinite}
.book3d{position:relative;width:min(43vw,340px);aspect-ratio:2/3;transform-style:preserve-3d;transform:rotateY(-13deg) rotateX(2deg) rotateZ(1deg);filter:drop-shadow(30px 34px 28px rgba(0,0,0,.34))}
.book-front{position:absolute;inset:0;width:100%!important;height:100%;object-fit:cover;transform:none!important;box-shadow:none!important;border-radius:0 3px 3px 0;z-index:3;backface-visibility:hidden}
.book-spine{position:absolute;top:0;bottom:0;left:0;width:32px;background:#0c2118;border-left:1px solid #8d7446;border-right:1px solid #725f3d;transform-origin:left center;transform:rotateY(90deg);z-index:2;color:#c9a96a;display:flex;align-items:center;justify-content:center;overflow:hidden}
.book-spine span{font:600 12px/1 "Cormorant Garamond",serif;letter-spacing:.15em;writing-mode:vertical-rl;transform:rotate(180deg)}
.book-spine small{position:absolute;bottom:16px;font-size:4px;letter-spacing:.12em;writing-mode:vertical-rl;transform:rotate(180deg)}
.book-pages{position:absolute;top:5px;right:-17px;width:22px;height:calc(100% - 10px);background:repeating-linear-gradient(90deg,#e6dfd0 0,#faf6eb 2px,#ddd4c2 3px);transform:rotateY(90deg);transform-origin:right center;z-index:1}
.journey-line{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.75}
.journey-line svg{width:100%;height:100%;overflow:visible}
.rail{fill:none;stroke:#927b4d;stroke-width:1.2;opacity:.34}
.glow-path{fill:none;stroke:#d7b86e;stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(215,184,110,.7));stroke-dasharray:9 8;animation:trackTravel 8s linear infinite}
.fountain-pen{position:absolute;right:6%;bottom:25%;width:165px;height:34px;transform:rotate(-28deg);z-index:6;filter:drop-shadow(8px 10px 10px rgba(0,0,0,.28))}
.pen-body{position:absolute;right:0;top:8px;width:124px;height:17px;border-radius:8px 3px 3px 8px;background:linear-gradient(#17251f,#050b08 55%,#26392f);border:1px solid #6c5a39}
.pen-band{position:absolute;left:34px;top:7px;width:8px;height:19px;background:linear-gradient(90deg,#8f7137,#e0c27b,#80632f)}
.pen-nib{position:absolute;left:0;top:5px;width:39px;height:23px;background:linear-gradient(135deg,#8b6d35,#e2c77e 48%,#725829);clip-path:polygon(0 50%,72% 0,100% 50%,72% 100%);transform:rotate(180deg)}
.pen-nib:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#1c211d;left:23px;top:10px}
@keyframes bookBreathe{0%,100%{transform:translateY(-10px)}50%{transform:translateY(-17px)}}
@keyframes trackTravel{to{stroke-dashoffset:-68}}
@media(prefers-reduced-motion:reduce){.book-float,.glow-path{animation:none}}
@media(max-width:800px){
 .hero-book{min-height:570px;padding:55px 0 80px}
 .book3d{width:min(58vw,280px);transform:rotateY(-11deg) rotateX(2deg) rotateZ(1deg)}
 .fountain-pen{width:130px;right:2%;bottom:25%}
 .pen-body{width:95px}
 .journey-line{transform:scale(1.15)}
}

/* V3 — stationary physical hardcover */
.book-float{
  animation:none !important;
  transform:none !important;
}
.book3d{
  width:min(43vw,340px);
  transform:rotateY(-18deg) rotateX(1.5deg) rotateZ(0deg) !important;
  filter:drop-shadow(34px 38px 30px rgba(0,0,0,.38));
}
.book-spine{
  width:38px;
  background:linear-gradient(90deg,#08150f,#143226 52%,#0b1e16);
  box-shadow:inset -2px 0 0 rgba(201,169,106,.35);
}
.book-pages{
  right:-20px;
  width:26px;
  background:
    repeating-linear-gradient(90deg,#d8cfbd 0,#fbf7ec 1px,#e4dccd 2px,#f7f2e7 3px);
  box-shadow:inset -5px 0 8px rgba(70,55,34,.15);
}
.book-front{
  border-right:1px solid rgba(255,255,255,.15);
  box-shadow:inset -3px 0 8px rgba(0,0,0,.10) !important;
}
.book3d:after{
  content:"";
  position:absolute;
  left:8%;
  right:-7%;
  bottom:-42px;
  height:30px;
  background:radial-gradient(ellipse,rgba(0,0,0,.42),rgba(0,0,0,0) 70%);
  transform:rotateX(75deg);
  filter:blur(4px);
  z-index:-1;
}
.glow-path{animation:none !important;stroke-dasharray:none;opacity:.72}
@media(max-width:800px){
  .book3d{transform:rotateY(-15deg) rotateX(1deg) !important;}
}

/* V4 — approved static 3D hero and station-to-station journey */
.hero-product{
  position:relative;
  overflow:hidden;
  min-height:650px;
  padding:0;
  background:#10281e;
}
.hero-product>img{
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:none!important;
  box-shadow:none!important;
  filter:none!important;
}
.hero-product:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(8,22,16,.08),transparent 38%,rgba(8,22,16,.04));
  pointer-events:none;
}
.hero-product>p{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:24px;
  transform:translateX(-50%);
  margin:0;
  padding:9px 13px;
  background:rgba(10,24,18,.72);
  backdrop-filter:blur(5px);
  color:#e4dcc9;
  white-space:nowrap;
}
.journey-station{position:relative}
.station-label{
  position:absolute;
  top:32px;
  right:4vw;
  z-index:5;
  font-size:9px;
  letter-spacing:.23em;
  color:#8c7953;
  text-transform:uppercase;
}
.station-light{color:#c9a96a}
.landing-close{margin-top:25px}
.journey-quotes{
  position:relative;
  max-width:980px;
  margin:55px auto 0;
  padding-left:90px;
}
.journey-quotes:before{
  content:"";
  position:absolute;
  left:28px;
  top:15px;
  bottom:20px;
  width:1px;
  background:linear-gradient(var(--gold),rgba(201,169,106,.25),var(--gold));
}
.journey-quotes article{
  position:relative;
  min-height:170px;
  display:flex;
  align-items:center;
  border-bottom:1px solid rgba(201,169,106,.18);
}
.journey-quotes article:last-child{border-bottom:0}
.journey-quotes article:before{
  content:"";
  position:absolute;
  left:-68px;
  width:11px;
  height:11px;
  border:1px solid var(--gold);
  background:var(--green);
  transform:rotate(45deg);
}
.journey-quotes span{
  position:absolute;
  left:-28px;
  top:35px;
  font-size:9px;
  color:var(--gold);
}
.journey-quotes p{
  margin:0;
  font:500 clamp(31px,3.5vw,53px)/1.08 "Cormorant Garamond",serif;
  max-width:790px;
}
.journey-stop{height:22px}
@media(max-width:800px){
  .hero-product{min-height:520px}
  .hero-product>img{object-position:center}
  .station-label{top:20px;right:7vw}
  .journey-quotes{padding-left:58px;margin-top:35px}
  .journey-quotes:before{left:15px}
  .journey-quotes article:before{left:-48px}
  .journey-quotes span{display:none}
  .journey-quotes article{min-height:145px}
}

/* V5 — restraint, breathing room, and manuscript-led journey */
.hero{
  position:relative;
  min-height:760px;
  display:block;
  background:#e9e0cf;
  color:var(--green);
}
.hero-copy{
  position:relative;
  z-index:3;
  width:48%;
  min-height:760px;
  padding:145px 5vw 100px 7vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero-copy .eyebrow{color:#806a42}
.hero h1{margin:26px 0 30px;color:var(--green);text-shadow:0 1px 0 rgba(255,255,255,.18)}
.hero h1 em{color:#806a42}
.hero .lead{color:#39463f;max-width:490px;font-size:24px}
.hero .text-link{color:var(--green)}
.hero-book.hero-product{
  position:absolute;
  inset:0;
  min-height:0;
  background:none;
  z-index:1;
}
.hero-product>img{object-position:center center}
.hero-product:after{
  background:linear-gradient(90deg,rgba(245,239,225,.92) 0%,rgba(245,239,225,.76) 29%,rgba(245,239,225,.18) 49%,rgba(245,239,225,0) 66%);
}
.hero-product>p{display:none}

/* Let the manuscript breathe: no cards, no quote-grid treatment. */
.lines{padding:120px 9vw 135px;background:var(--green)}
.lines>.eyebrow{max-width:1080px;margin:0 auto}
.journey-moments{max-width:1080px;margin:40px auto 0}
.moment{padding:100px 0;border-top:1px solid rgba(201,169,106,.24)}
.moment:first-child{border-top:0;padding-top:55px}
.moment p{margin:0;font-family:"Cormorant Garamond",serif}
.moment-line{min-height:360px;display:flex;align-items:center}
.moment-line>p{font-size:clamp(48px,6vw,82px);line-height:1.02;max-width:900px;color:#f4efe3}
.moment-reflection{max-width:880px;margin-left:auto}
.moment-reflection p{font-size:clamp(31px,3.8vw,51px);line-height:1.18;color:#e8e2d5}
.moment-reflection p+p{margin-top:28px;color:#cdbb94}
.moment-ticket{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end;padding-bottom:55px}
.ticket-questions p{font-size:clamp(31px,3.6vw,49px);line-height:1.25;color:#f4efe3;margin:0 0 14px}
.mirror{font-size:24px;line-height:1.35!important;color:var(--gold);padding-bottom:8px}

.author{grid-template-columns:.34fr 1fr;gap:90px;padding-top:125px;padding-bottom:135px}
.author-transition{margin:0 0 70px;text-align:left;max-width:820px;font-size:clamp(29px,3.1vw,45px);line-height:1.18}
.author-transition span{color:#806a42}
.author h2{margin-top:18px}

@media(max-width:800px){
  .hero{min-height:760px;display:block}
  .hero-book.hero-product{min-height:760px;padding:0}
  .hero-product>img{object-position:63% center}
  .hero-product:after{background:linear-gradient(180deg,rgba(245,239,225,.95) 0%,rgba(245,239,225,.83) 42%,rgba(245,239,225,.12) 72%,rgba(245,239,225,0) 100%)}
  .hero-copy{width:100%;min-height:760px;padding:100px 7vw 300px;justify-content:flex-start}
  .hero h1{font-size:clamp(50px,15vw,72px)}
  .hero .lead{font-size:21px;max-width:92%}
  .lines{padding:90px 7vw 100px}
  .moment{padding:70px 0}
  .moment-line{min-height:280px}
  .moment-reflection{margin-left:0}
  .moment-ticket{grid-template-columns:1fr;gap:45px}
  .mirror{font-size:22px}
  .author{padding-top:90px;padding-bottom:100px}
  .author-transition{margin-bottom:55px}
}


/* V5.1 — editorial refinement: quieter scale, stronger hierarchy, warmer finish */
:root{
  --sand:#e9dfcc;
  --sand-light:#f2ecdf;
  --gold-deep:#a9864d;
  --hairline:rgba(17,40,30,.13);
}
body{background:#fbf9f4}
.site-header{
  height:84px;
  padding:0 5.5vw;
  background:rgba(250,248,242,.94);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(17,40,30,.10);
}
.wordmark span{font-size:22px}
nav{gap:30px}
nav a{font-size:10px;transition:color .2s ease}
nav a:hover{color:var(--gold-deep)}

/* Hero: retain the approved image, but give the book and copy room to breathe. */
.hero{min-height:650px;background:#e9dfcc}
.hero-copy{
  width:47%;
  min-height:650px;
  padding:92px 5vw 72px 6.6vw;
}
.hero h1{
  font-size:clamp(52px,5.35vw,82px);
  line-height:.94;
  margin:22px 0 24px;
  max-width:650px;
}
.hero .lead{
  font-size:21px;
  line-height:1.48;
  max-width:500px;
}
.hero .actions{margin-top:30px}
.hero-book.hero-product{left:14%;width:86%}
.hero-product>img{object-position:center center}
.hero-product:after{
  background:linear-gradient(90deg,
    rgba(245,239,225,.98) 0%,
    rgba(245,239,225,.91) 22%,
    rgba(245,239,225,.64) 38%,
    rgba(245,239,225,.12) 54%,
    rgba(245,239,225,0) 67%);
}

/* Philosophy: editorial, not billboard. */
.manifesto{padding:76px 10vw 82px}
.manifesto blockquote{
  font-size:clamp(36px,3.45vw,52px);
  line-height:1.08;
  max-width:980px;
  margin:24px auto;
}
.manifesto-copy{
  max-width:720px;
  margin-top:25px;
  font-size:15px;
  line-height:1.75;
}

/* Featured title: preserve the strongest existing proportion. */
.featured{min-height:760px}
.book-stage .number{
  top:48px;left:44px;
  font-size:52px;
  color:#d6cbb7;
}
.book-stage img{width:min(44%,350px)}
.book-copy{padding:88px 7.5vw 72px}
.book-copy h2{font-size:clamp(50px,4.55vw,70px)}
.book-copy>p:not(.eyebrow):not(.tagline):not(.byline){
  font-size:19px;
  line-height:1.68;
}
.station-label{top:27px;font-size:8px;letter-spacing:.25em}
.formats{margin-top:27px}

/* Journey: three connected beats, not three posters. */
.lines{padding:88px 9vw 94px}
.journey-moments{margin-top:26px}
.moment{padding:70px 0}
.moment:first-child{padding-top:35px}
.moment-line{min-height:250px}
.moment-line>p{
  font-size:clamp(43px,5.05vw,68px);
  line-height:1.04;
  max-width:850px;
}
.moment-reflection{max-width:820px}
.moment-reflection p{
  font-size:clamp(29px,3.15vw,43px);
  line-height:1.17;
}
.moment-reflection p+p{margin-top:22px}
.moment-ticket{
  grid-template-columns:1.25fr .75fr;
  gap:70px;
  padding-bottom:35px;
}
.ticket-questions p{
  font-size:clamp(29px,3.2vw,43px);
  line-height:1.23;
  margin-bottom:12px;
}
.mirror{
  font-size:clamp(22px,1.9vw,28px);
  line-height:1.35!important;
  max-width:330px;
}

/* Author: make the man feel grounded before describing the imprint. */
.author{
  grid-template-columns:.25fr 1fr;
  gap:72px;
  padding:92px 10vw 100px;
  align-items:center;
}
.author-mark{
  width:132px;height:132px;
  font-size:44px;
  border-color:rgba(169,134,77,.72);
}
.author-transition{
  max-width:800px;
  margin-bottom:48px;
  font-size:clamp(27px,2.7vw,39px);
  line-height:1.18;
}
.author h2{font-size:clamp(50px,4.5vw,68px);margin-bottom:12px}
.author p:not(.eyebrow){
  max-width:720px;
  font-size:15px;
  line-height:1.78;
}
.work-note{
  max-width:720px;
  margin:30px 0 24px;
  padding:24px 28px 25px;
  border-left:2px solid var(--gold);
  background:rgba(201,169,106,.08);
}
.work-note span{
  display:block;
  margin-bottom:10px;
  color:var(--gold-deep);
  font-size:9px;
  font-weight:600;
  letter-spacing:.22em;
}
.work-note p{
  margin:0!important;
  color:var(--green)!important;
  font:500 23px/1.35 "Cormorant Garamond",serif!important;
}
.press-first{margin-top:20px}

/* Press: confident and restrained. */
.about{padding:94px 10vw 100px}
.about h2{font-size:clamp(48px,4.6vw,68px)}
.about-grid{margin-top:38px;gap:70px}
.about-grid p{font-size:15px;line-height:1.75}

/* Keep the ending ceremonial. */
.closing{padding:92px 20px 96px}
.closing-line{height:48px;margin-bottom:28px}
.closing p{font-size:clamp(31px,3vw,39px)}
footer{padding:45px 7vw}

/* Small motion only where it adds polish. */
.button,.text-link{transition:transform .2s ease,background .2s ease,color .2s ease}
.button.gold:hover{transform:translateY(-1px);background:#d4b676}
.text-link:hover{color:var(--gold-deep)}

@media(max-width:800px){
  .site-header{height:74px}
  .site-header nav{top:74px}
  .hero{min-height:700px}
  .hero-book.hero-product{left:0;width:100%;min-height:700px}
  .hero-product>img{object-position:61% center}
  .hero-product:after{
    background:linear-gradient(180deg,
      rgba(245,239,225,.97) 0%,
      rgba(245,239,225,.89) 42%,
      rgba(245,239,225,.25) 70%,
      rgba(245,239,225,0) 100%);
  }
  .hero-copy{
    width:100%;
    min-height:700px;
    padding:78px 7vw 285px;
  }
  .hero h1{font-size:clamp(47px,13vw,64px)}
  .hero .lead{font-size:19px}
  .manifesto{padding:62px 7vw 66px}
  .manifesto blockquote{font-size:clamp(34px,9.5vw,46px)}
  .manifesto-copy{font-size:14px}
  .featured{min-height:0}
  .book-stage{padding:78px 0}
  .book-stage .number{font-size:42px;top:30px;left:7vw}
  .book-stage img{width:min(58%,310px)}
  .book-copy{padding:66px 7vw}
  .book-copy>p:not(.eyebrow):not(.tagline):not(.byline){font-size:18px}
  .lines{padding:72px 7vw 78px}
  .moment{padding:54px 0}
  .moment-line{min-height:210px}
  .moment-line>p{font-size:clamp(40px,11vw,55px)}
  .moment-reflection p{font-size:clamp(28px,8vw,38px)}
  .moment-ticket{grid-template-columns:1fr;gap:32px}
  .ticket-questions p{font-size:clamp(28px,8vw,38px)}
  .mirror{font-size:23px}
  .author{grid-template-columns:1fr;gap:30px;padding:72px 7vw 78px}
  .author-mark{width:92px;height:92px;font-size:34px}
  .author-transition{font-size:clamp(28px,8vw,38px);margin-bottom:38px}
  .author p:not(.eyebrow){font-size:15px}
  .work-note{padding:20px 22px}
  .work-note p{font-size:22px!important}
  .about{padding:72px 7vw 78px}
  .about-grid{margin-top:30px}
  .closing{padding:78px 7vw 82px}
}

/* V5.2 — portrait-led author section and mobile finishing pass */
.author{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(54px,6vw,96px);padding:92px 9vw 104px;align-items:center}
.author-photo-wrap{margin:0;width:100%;max-width:470px;justify-self:end;position:relative}
.author-photo-wrap:before{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid rgba(169,134,77,.42)}
.author-photo{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 39%;position:relative;z-index:1}
.author-copy{max-width:790px}
.author-transition{margin:14px 0 42px;max-width:780px;font-size:clamp(27px,2.45vw,37px);line-height:1.18}
.author-transition span{display:block;margin-top:27px;color:var(--gold)}
.author h2{margin:0 0 5px}
.author-role{margin:0 0 25px!important;color:var(--gold)!important;font:500 11px/1.3 Arial,sans-serif!important;letter-spacing:.16em;text-transform:uppercase}
.author-bio{max-width:690px;border-top:1px solid rgba(17,40,30,.12);padding-top:23px}
.author-bio p{margin:0 0 13px!important}
.author .press-first{margin-top:23px!important;font-size:12px!important;letter-spacing:.06em;color:#746d61!important}
.author-mark,.work-note{display:none!important}

@media(max-width:800px){
  .site-header{height:66px;padding:0 5.5vw}
  .wordmark span{font-size:18px}
  .site-header nav{top:66px}
  .hero{min-height:640px}
  .hero-book.hero-product{min-height:640px}
  .hero-product>img{object-position:64% center;transform:scale(.93);transform-origin:68% 55%}
  .hero-copy{min-height:640px;padding:58px 7vw 300px}
  .hero h1{font-size:clamp(42px,11.6vw,55px);max-width:330px;margin:17px 0}
  .hero .lead{font-size:17px;line-height:1.47;max-width:325px}
  .hero .actions{margin-top:22px}
  .manifesto{padding:52px 7vw 56px}
  .manifesto blockquote{font-size:clamp(30px,8.5vw,39px);margin:17px auto 19px}
  .book-stage{padding:62px 0 68px}
  .book-stage img{width:min(54%,280px)}
  .book-stage .number{font-size:34px}
  .book-copy{padding:54px 7vw 60px}
  .lines{padding:56px 7vw 60px}
  .moment{padding:41px 0}
  .moment-line{min-height:170px}
  .moment-line>p{font-size:clamp(35px,9.7vw,46px)}
  .moment-reflection p,.ticket-questions p{font-size:clamp(26px,7.2vw,34px)}
  .moment-ticket{gap:24px;padding-bottom:17px}
  .mirror{font-size:21px!important;max-width:290px}
  .author{display:block;padding:58px 7vw 66px}
  .author-photo-wrap{width:82%;max-width:360px;margin:24px 0 48px}
  .author-photo-wrap:before{inset:10px -10px -10px 10px}
  .author-transition{font-size:clamp(26px,7.3vw,34px);line-height:1.16;margin:13px 0 38px}
  .author-transition span{margin-top:22px}
  .author h2{font-size:clamp(44px,11.8vw,56px)}
  .author-role{font-size:9px!important}
  .author-bio{padding-top:20px;margin-top:20px}
  .author-bio p{font-size:15px!important;line-height:1.66!important}
  .about{padding:58px 7vw 64px}
  .about-grid{margin-top:24px;gap:21px}
  .closing{padding:68px 7vw 72px}
}


/* V5.3 FINAL — micro-adjustments only. Creative direction frozen. */
html{scroll-padding-top:84px}
:focus-visible{outline:2px solid #c9a96a;outline-offset:4px}
img{max-width:100%}

/* Desktop: preserve the approved composition and hierarchy. */
@media(min-width:801px){
  .hero-product>img{transform:scale(.965);transform-origin:66% 55%}
}

/* Mobile: reveal a touch more of the physical book and keep the portrait airy. */
@media(max-width:800px){
  html{scroll-padding-top:66px}
  .hero-product>img{
    object-position:62% center;
    transform:scale(.89);
    transform-origin:66% 55%;
  }
  .author-photo-wrap{width:78%}
  .author-transition{font-size:clamp(24px,6.9vw,32px)}
  .about-grid{gap:17px}
}

/* Respect users who prefer reduced motion. */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* V5.4 — launch links + refreshed cover/portrait, preserving the V5.3 structure */
.edition-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:30px;
  max-width:620px;
}
.edition-option{
  min-height:132px;
  padding:20px 21px 18px;
  border:1px solid rgba(169,134,77,.48);
  background:linear-gradient(145deg,rgba(201,169,106,.08),rgba(255,255,255,.42));
  text-decoration:none;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.edition-option:hover{
  transform:translateY(-2px);
  border-color:var(--gold-deep);
  background:rgba(201,169,106,.12);
}
.edition-kicker{
  color:#806a42;
  font-size:9px;
  font-weight:600;
  letter-spacing:.18em;
}
.edition-option strong{
  margin:8px 0 16px;
  color:var(--green);
  font:600 26px/1 "Cormorant Garamond",serif;
}
.edition-cta{
  color:var(--green);
  font-size:10px;
  font-weight:600;
  letter-spacing:.11em;
  text-transform:uppercase;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.edition-cta b{color:var(--gold-deep);font-size:16px;font-weight:500}
.checkout-note{margin:12px 0 0!important;color:#827b70!important;font:500 10px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.04em}
.footer-email{text-decoration:none;color:#c8c9c1}
.footer-email:hover{color:var(--gold)}
.author-photo{object-position:center 31%}

/* A quiet visual echo of the book's track motif beneath the edition choice. */
.book-copy:after{
  content:"";
  display:block;
  width:110px;
  height:1px;
  margin-top:34px;
  background:linear-gradient(90deg,var(--gold),rgba(201,169,106,0));
}

@media(max-width:800px){
  .edition-actions{grid-template-columns:1fr;gap:10px;margin-top:25px}
  .edition-option{min-height:112px;padding:17px 18px 16px}
  .edition-option strong{font-size:24px;margin-bottom:13px}
  .author-photo{object-position:center 28%}
}

/* V5.4 mobile hero: show the refreshed physical cover clearly instead of cropping through it. */
@media(max-width:800px){
  .hero-product>img{
    object-position:82% center;
    transform:scale(.82);
    transform-origin:82% 56%;
  }
}