:root{--ink:#f4efe5;--paper:#ead8ba;--red:#d92d2f;--gold:#aa7c43;--black:#11100f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.035),transparent 24%),repeating-linear-gradient(115deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),var(--black);font-family:Georgia,'Times New Roman',serif}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(24px,6vw,84px);letter-spacing:.08em}.brand{color:var(--ink);text-decoration:none;font-size:13px;font-weight:600}.nav{display:flex;align-items:center;gap:30px}.nav a{color:#d8d1c5;text-decoration:none;font-size:14px;position:relative}.nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--red)}.nav a:hover{color:white}.menu-toggle{display:none;color:white;background:none;border:0;font-size:24px}.hero{min-height:760px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(470px,1.05fr);align-items:center;gap:clamp(30px,5vw,90px);padding:118px clamp(34px,7vw,110px) 82px;box-shadow:inset 0 0 90px rgba(0,0,0,.72)}.hero:after{content:'';position:absolute;inset:24px;pointer-events:none;border:1px solid rgba(170,124,67,.45)}.hero-paper{position:absolute;background:#d8c29f;opacity:.8;box-shadow:0 8px 24px rgba(0,0,0,.3)}.hero-paper-left{width:260px;height:260px;left:7%;top:28%;transform:rotate(-7deg);clip-path:polygon(2% 7%,95% 0,100% 91%,5% 100%,0 14%)}.hero-paper-right{width:220px;height:190px;right:2%;bottom:13%;transform:rotate(7deg);clip-path:polygon(4% 0,100% 7%,95% 100%,0 89%)}.book-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:540px;z-index:2}.book-cover{width:min(330px,72%);max-height:570px;object-fit:contain;transform:rotate(-6deg);filter:drop-shadow(0 30px 28px rgba(0,0,0,.65));transition:.35s;border-radius:8px}.book-cover:hover{transform:rotate(-4deg) translateY(-7px) scale(1.02)}.photo-card{position:absolute;width:245px;height:200px;left:5%;top:31%;transform:rotate(-8deg);padding:13px;background:#d3b98f;box-shadow:0 18px 28px rgba(0,0,0,.38)}.photo-card:before{content:'';position:absolute;width:75px;height:24px;top:-12px;left:80px;background:rgba(182,150,105,.78);transform:rotate(3deg)}.photo-scene{width:100%;height:100%;background:linear-gradient(rgba(74,61,45,.22),rgba(74,61,45,.22)),linear-gradient(to top,#38382c 0 30%,#88816b 31% 45%,#c2b58e 46% 100%);filter:grayscale(1) sepia(.35)}.hero-copy{position:relative;z-index:4;max-width:690px;padding-right:90px}.eyebrow{margin:0 0 12px;font-size:14px;letter-spacing:.22em;color:#ded5c7}.eyebrow:after{content:'';display:block;width:245px;height:2px;margin-top:10px;background:var(--red)}h1{margin:0;font-size:clamp(44px,5.15vw,78px);line-height:.97;letter-spacing:-.035em;font-weight:500}.red-note{margin:16px 0 10px 18px;color:var(--red);font-family:'Segoe Print','Bradley Hand',cursive;font-size:clamp(26px,2.9vw,43px);line-height:1.05;transform:rotate(-4deg);display:inline-block}.red-note:after{content:'';display:block;width:190px;height:3px;background:var(--red);transform:rotate(-4deg);margin:4px 0 0 10px}.dek{margin:18px 0 26px;color:#e0d8cc;font-size:18px;line-height:1.45}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.btn{min-height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:Georgia,serif;font-size:15px;cursor:pointer}.btn-primary{background:var(--red);color:white;border:1px solid var(--red)}.btn-secondary{color:#eee5d8;background:transparent;border:1px solid #a89d8e}.themes{margin-top:25px;color:#90877d;font-size:11px;letter-spacing:.24em}.themes span{margin:0 11px}.margin-note{position:absolute;z-index:4;right:4.3%;top:24%;width:145px;color:#bdb4aa;font-family:'Segoe Print','Bradley Hand',cursive;font-size:17px;line-height:1.42;transform:rotate(-5deg)}.margin-note span{display:block;width:96px;height:3px;background:var(--red);transform:rotate(-17deg);margin:10px 0 0 18px}.paper-section{color:#221d18;background:linear-gradient(rgba(248,232,202,.96),rgba(240,217,180,.97));display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding:74px clamp(32px,9vw,150px)}.section-kicker{color:#b42b2c;letter-spacing:.16em;font-weight:700;font-size:12px}.paper-section h2{margin:8px 0 0;font-size:clamp(30px,3vw,48px);line-height:1.08;font-weight:500}.paper-section>p{font-size:18px;line-height:1.62;margin:0;align-self:center}.excerpt-dialog{width:min(680px,90vw);color:#241e18;background:#ead7b7;border:1px solid #aa8c61;padding:48px 54px;box-shadow:0 30px 80px rgba(0,0,0,.6)}.excerpt-dialog::backdrop{background:rgba(0,0,0,.78)}.excerpt-dialog blockquote{margin:18px 0 26px;font-size:30px;line-height:1.3}.dialog-close{position:absolute;top:12px;right:16px;border:0;background:none;font-size:30px;color:#392f25}@media(max-width:900px){.site-header{padding:22px 20px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:18px;right:18px;padding:20px;flex-direction:column;align-items:flex-start;background:rgba(17,16,15,.97);border:1px solid rgba(170,124,67,.5)}.nav.open{display:flex}.hero{grid-template-columns:1fr;gap:12px;padding:92px 22px 64px;text-align:center;min-height:auto}.book-stage{min-height:420px}.book-cover{width:min(285px,68vw);transform:rotate(-4deg)}.photo-card{width:170px;height:140px;left:5%;top:34%}.hero-copy{padding:0;margin:auto}.eyebrow:after{margin-left:auto;margin-right:auto}h1{font-size:clamp(40px,11vw,60px)}.red-note{margin-left:0}.actions{justify-content:center}.margin-note{display:none}.paper-section{grid-template-columns:1fr;gap:26px;padding:58px 28px}}@media(max-width:520px){.brand{font-size:11px}.book-stage{min-height:365px}.book-cover{width:min(255px,72vw)}.photo-card{width:150px;height:122px;left:-2%}.eyebrow{font-size:11px}.dek{font-size:16px}.desktop-only{display:none}.actions{flex-direction:column}.btn{width:100%;max-width:310px}.themes{font-size:9px}.excerpt-dialog{padding:38px 26px}}
.book-cover-css{aspect-ratio:.55;background:linear-gradient(90deg,rgba(190,130,55,.15),transparent 8%,transparent 88%,rgba(0,0,0,.35)),radial-gradient(circle at 30% 25%,rgba(255,255,255,.05),transparent 20%),#171715;border:1px solid #6f5636;box-shadow:inset 0 0 0 3px rgba(173,120,55,.08),inset 0 0 28px #000,0 30px 28px rgba(0,0,0,.65);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:34px 20px;position:relative;overflow:hidden}.book-cover-css:before{content:'';position:absolute;inset:0;opacity:.45;background:repeating-linear-gradient(15deg,transparent 0 5px,rgba(180,130,60,.08) 5px 6px)}.cover-title{z-index:1;text-align:center;font-family:'Segoe Print','Bradley Hand',cursive;font-size:clamp(24px,3vw,39px);line-height:1.1;color:#f4f1eb}.cover-title em{font-style:normal;position:relative}.cover-title em:after{content:'';position:absolute;left:-18px;right:-18px;top:52%;height:2px;background:var(--red);transform:rotate(-5deg);box-shadow:0 22px 0 var(--red)}.cover-reliability{z-index:1;margin-top:36px;font-family:'Segoe Print','Bradley Hand',cursive;font-size:18px;transform:rotate(-5deg);border-bottom:2px solid #eee;padding-bottom:4px}.cover-author{z-index:1;margin-top:auto;font-size:10px;letter-spacing:.18em;font-weight:700}

.book-cover-art{display:block;object-fit:contain;background:none!important;border:none!important;padding:0!important;overflow:visible!important;}

/* Hero book proportion correction */
.book-cover-art{
  width:min(360px,76%);
  height:535px;
  max-height:none;
  object-fit:cover;
  object-position:center center;
  border-radius:16px!important;
  transform:rotate(-6deg) perspective(900px) rotateY(2deg)!important;
}
@media (max-width:900px){.book-cover-art{width:min(320px,70vw);height:475px;}}
@media (max-width:520px){.book-cover-art{width:min(270px,72vw);height:410px;}}

/* A5 hero book sizing */
.book-cover-art{
  width:min(300px,64%);
  height:auto;
  aspect-ratio:148 / 210;
  object-fit:cover;
  object-position:center;
  border-radius:14px!important;
  transform:rotate(-6deg) perspective(900px) rotateY(2deg)!important;
}
@media (max-width:900px){.book-cover-art{width:min(270px,62vw);}}
@media (max-width:520px){.book-cover-art{width:min(225px,60vw);}}

/* Wider journal silhouette */
.book-cover-art{
  width:min(330px,68%);
  height:440px;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center 48%;
  border-radius:14px!important;
  transform:rotate(-6deg) perspective(900px) rotateY(2deg)!important;
}
@media (max-width:900px){.book-cover-art{width:min(295px,64vw);height:395px;}}
@media (max-width:520px){.book-cover-art{width:min(245px,64vw);height:330px;}}

/* Shorter book silhouette */
.book-cover-art{
  width:min(310px,66%);
  height:385px;
  object-fit:cover;
  object-position:center 50%;
  border-radius:14px!important;
  transform:rotate(-6deg) perspective(900px) rotateY(2deg)!important;
}
@media (max-width:900px){.book-cover-art{width:min(280px,62vw);height:350px;}}
@media (max-width:520px){.book-cover-art{width:min(235px,62vw);height:295px;}}

/* Final hero cover framing + motion */
.book-cover-art{
  width:min(310px,66%);
  height:365px;
  object-fit:cover;
  object-position:center 52%;
  animation:journalFloat 5.5s ease-in-out infinite;
  transform-origin:50% 65%;
}
@keyframes journalFloat{
  0%,100%{transform:translateY(0) rotate(-6deg) perspective(900px) rotateY(2deg);}
  50%{transform:translateY(-9px) rotate(-5deg) perspective(900px) rotateY(1deg);}
}
.book-cover-art:hover{
  animation-play-state:paused;
  transform:translateY(-6px) rotate(-4deg) perspective(900px) rotateY(1deg) scale(1.015)!important;
}
@media (max-width:900px){.book-cover-art{width:min(280px,62vw);height:332px;}}
@media (max-width:520px){.book-cover-art{width:min(235px,62vw);height:278px;}}
@media (prefers-reduced-motion:reduce){.book-cover-art{animation:none!important;}}

/* Reference match: original approved hero book */
.book-cover-art{
  width:285px!important;
  height:420px!important;
  max-width:68%!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center 50%!important;
  border-radius:15px!important;
  animation:journalFloatOriginal 5.8s ease-in-out infinite!important;
  transform-origin:50% 60%!important;
  filter:drop-shadow(0 26px 24px rgba(0,0,0,.58))!important;
}
@keyframes journalFloatOriginal{
  0%,100%{transform:translateY(0) rotate(-5deg) perspective(900px) rotateY(1.5deg);}
  50%{transform:translateY(-7px) rotate(-4.2deg) perspective(900px) rotateY(.5deg);}
}
.book-cover-art:hover{
  animation-play-state:paused!important;
  transform:translateY(-5px) rotate(-3.8deg) perspective(900px) rotateY(.5deg) scale(1.015)!important;
}
@media (max-width:900px){.book-cover-art{width:270px!important;height:398px!important;max-width:68vw!important;}}
@media (max-width:520px){.book-cover-art{width:225px!important;height:332px!important;max-width:66vw!important;}}
@media (prefers-reduced-motion:reduce){.book-cover-art{animation:none!important;}}

/* Manila evidence-folder styling */
.hero-paper-left{
  width:300px!important;
  height:235px!important;
  left:5.5%!important;
  top:31%!important;
  background:linear-gradient(145deg,#caa66f 0%,#d9bb82 52%,#c59b61 100%)!important;
  clip-path:polygon(0 15%,34% 15%,39% 0,67% 0,72% 15%,100% 15%,100% 100%,0 100%)!important;
  transform:rotate(-6deg)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.34),inset 0 0 0 1px rgba(94,65,30,.22),inset 0 18px 24px rgba(255,255,255,.08)!important;
}
.hero-paper-left:after{
  content:"";
  position:absolute;
  left:0;right:0;top:15%;
  height:2px;
  background:rgba(102,70,35,.22);
}
.hero-paper-left:before{
  opacity:.26!important;
  background:repeating-linear-gradient(0deg,rgba(85,58,28,.06) 0 1px,transparent 1px 4px)!important;
}
.hero-paper-right{
  width:255px!important;
  height:205px!important;
  right:2.3%!important;
  bottom:12%!important;
  background:linear-gradient(145deg,#d3b277 0%,#e0c28f 54%,#cda66c 100%)!important;
  clip-path:polygon(0 18%,26% 18%,31% 3%,62% 3%,68% 18%,100% 18%,100% 100%,0 100%)!important;
  transform:rotate(5deg)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.3),inset 0 0 0 1px rgba(94,65,30,.2)!important;
}
.hero-paper-right:after{
  content:"";
  position:absolute;
  left:0;right:0;top:18%;
  height:2px;
  background:rgba(102,70,35,.2);
}
@media (max-width:900px){.hero-paper-left{width:230px!important;height:180px!important}.hero-paper-right{width:210px!important;height:168px!important}}
@media (max-width:520px){.hero-paper-left{width:180px!important;height:142px!important;left:2%!important}.hero-paper-right{width:165px!important;height:132px!important;right:-3%!important}}

/* Author + witness section */
.author-witness{
  position:relative;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:70px;
  padding:72px clamp(34px,7vw,110px) 86px;
  background:
    linear-gradient(rgba(244,229,202,.96),rgba(239,219,184,.96)),
    repeating-linear-gradient(0deg,rgba(94,65,30,.025) 0 1px,transparent 1px 4px);
  color:#221d18;
}
.author-witness:before{
  content:"";
  position:absolute;
  top:-18px; left:0; right:0; height:30px;
  background:inherit;
  clip-path:polygon(0 58%,5% 42%,10% 66%,17% 37%,23% 64%,29% 40%,36% 67%,44% 35%,51% 61%,58% 40%,66% 68%,74% 38%,82% 63%,90% 39%,100% 58%,100% 100%,0 100%);
}
.author-panel{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start}
.author-photo-wrap{position:relative;transform:rotate(-3deg);background:#e5d0aa;padding:10px 10px 18px;box-shadow:0 14px 28px rgba(64,43,20,.22)}
.author-photo{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center}
.photo-tape{position:absolute;top:-12px;left:50%;width:68px;height:24px;transform:translateX(-50%) rotate(2deg);background:rgba(173,143,95,.72);box-shadow:0 1px 1px rgba(0,0,0,.12)}
.author-copy h2,.witness-panel h2{margin:8px 0 8px;font-size:clamp(30px,3vw,46px);font-weight:500;line-height:1.02}
.author-role{font-size:17px;letter-spacing:.03em;margin:0 0 16px}
.author-copy p{font-size:17px;line-height:1.55}
.author-link{display:inline-block;margin-top:10px;padding:12px 18px;border:1px solid #5d4b38;color:#221d18;text-decoration:none}
.witness-panel{padding-top:4px}
.quote-card{margin-top:24px;padding:28px 30px;background:#ead7b7;box-shadow:0 12px 24px rgba(64,43,20,.12);clip-path:polygon(2% 4%,97% 0,100% 94%,4% 100%,0 10%)}
.quote-card blockquote{margin:0 0 24px;font-size:clamp(23px,2.2vw,34px);line-height:1.25}
.quote-card button{border:0;background:none;font-family:Georgia,serif;font-size:12px;letter-spacing:.16em;cursor:pointer}
.quote-dots{display:flex;justify-content:center;gap:7px;margin-top:16px}
.quote-dots span{width:8px;height:8px;border-radius:50%;border:1px solid #9c7b56}
.quote-dots .active{background:#d92d2f;border-color:#d92d2f}
@media(max-width:900px){
  .author-witness{grid-template-columns:1fr;gap:46px}
  .author-panel{grid-template-columns:180px 1fr}
}
@media(max-width:560px){
  .author-witness{padding:58px 22px 68px}
  .author-panel{grid-template-columns:1fr}
  .author-photo-wrap{width:210px;margin:0 auto 10px}
  .author-copy{text-align:left}
}