:root{--paper:#f8f5ef;--ink:#183d3c;--muted:#596c66;--line:#d6d9cf;--teal:#2d6965;--warm:#b87755;--navy:#0d293b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,serif;font-weight:normal}h1{font-size:clamp(45px,5.8vw,82px);line-height:1.02;letter-spacing:-.045em}h2{font-size:clamp(34px,4vw,56px);line-height:1.12;letter-spacing:-.035em}h3{font-size:31px;line-height:1.2}.wrap{max-width:1320px;margin:auto;padding:0 54px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--teal);margin-bottom:20px}.header{border-bottom:1px solid var(--line)}.nav{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{width:210px;height:54px;object-fit:contain}.nav-links{display:flex;gap:32px;font-size:13px;align-items:center}.nav-links a:hover,.link:hover{color:var(--warm)}.menu{display:none;background:none;border:1px solid var(--line);padding:8px 12px;color:var(--ink)}.btn{display:inline-flex;gap:24px;align-items:center;justify-content:center;min-height:50px;padding:13px 23px;background:var(--ink);color:#fff;border:1px solid var(--ink);font-size:13px;border-radius:3px}.btn:hover{background:var(--teal)}.btn.outline{background:transparent;color:var(--ink);border-color:#809893}.link{display:inline-flex;align-items:center;gap:25px;font-size:13px;font-weight:600;border-bottom:1px solid #9cad9f;padding:8px 0}.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:30px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-top:74px;padding-bottom:70px}.hero p{max-width:450px;margin-top:27px;color:var(--muted);font-size:17px}.hero h1 em{color:#658376;font-weight:normal}.shelf{position:relative;height:510px;isolation:isolate}.shelf:before{content:'';position:absolute;inset:0 0 35px;border-radius:240px 240px 0 0;background:#e1e7dc;z-index:-1}.shelf:after{content:'';position:absolute;bottom:60px;left:-20px;right:-20px;height:1px;background:#b8c7b9;z-index:-1}.shelf img{position:absolute;width:210px;border-radius:2px;box-shadow:15px 22px 30px #193c3c25}.shelf .skin{left:25px;top:72px;transform:rotate(-7deg)}.shelf .peptides{right:25px;top:30px;transform:rotate(6deg)}.caption{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.shelf .caption{position:absolute;bottom:4px;left:0;right:0;text-align:center}.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.manifesto .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:24px;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.section{padding-top:85px;padding-bottom:85px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px}.section-top p{max-width:340px;color:var(--muted);font-size:15px}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.stage{height:385px;background:#e3e9e0;display:grid;place-items:center;position:relative;overflow:hidden}.stage.blue{background:#e4edef}.stage img{height:320px;width:auto;box-shadow:12px 16px 30px #22352d28;transition:transform .3s}.stage:hover img{transform:translateY(-6px)}.status{position:absolute;top:18px;left:20px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:var(--paper);padding:7px 11px}.book-copy{padding:26px 0}.book-copy .eyebrow{margin-bottom:12px}.book-copy p{max-width:470px;color:var(--muted);font-size:15px;margin:17px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split-image{height:430px;width:100%;object-fit:cover}.split p{color:var(--muted);margin-top:22px}.check-block{background:var(--navy);color:#f5f7f0;overflow:hidden}.check-block .eyebrow{color:#94c8ba}.check-block p{color:#c0d1d2}.check-block .btn{background:#d7e8dc;color:#12383b;border-color:transparent}.check-card{padding:38px;background:#f8f5ef;color:var(--ink);transform:rotate(2deg);box-shadow:15px 20px 30px #0002;border-radius:5px}.check-card .caption{color:var(--teal)}.check-card h3{font-size:32px;margin:25px 0}.check-row{border-top:1px solid #d0d8d0;display:flex;justify-content:space-between;padding:14px 0;font-size:14px}.check-row span:first-child{color:var(--muted)}.dots{display:flex;gap:7px;margin-top:23px}.dots i{width:22px;height:4px;background:#d6e2d9}.dots i:first-child{background:var(--teal)}.about{display:grid;grid-template-columns:.8fr 1fr;gap:100px}.about p{font-size:20px;color:var(--muted);line-height:1.8}.about p+p{font-size:15px;margin-top:20px}.footer{background:#e9ece4;padding:48px 0 25px;border-top:1px solid var(--line)}.foot-top{display:flex;justify-content:space-between;gap:40px}.foot-links{display:flex;gap:24px;flex-wrap:wrap;font-size:12px}.foot-top p{font-size:12px;color:var(--muted);margin-top:15px}.foot-bottom{margin-top:35px;padding-top:20px;border-top:1px solid #cbd3c6;display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:11px}.breadcrumbs{font-size:12px;color:var(--muted);padding-top:27px}.book-hero{padding-top:50px}.book-hero h1{font-size:clamp(46px,5.4vw,69px)}.book-art{height:560px;display:grid;place-items:center;background:#e2e8dd}.book-art.blue{background:#e1ebef}.book-art img{height:470px;width:auto;box-shadow:15px 25px 35px #143e3d30}.subtitle{font:20px/1.5 Georgia,serif!important;color:var(--ink)!important}.format{font-size:12px;color:var(--muted);margin-top:20px}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.topic{border-top:1px solid var(--line);padding-top:22px}.topic .num{color:var(--warm);font-size:12px;margin-bottom:20px}.topic h3{font-size:26px}.topic p{color:var(--muted);font-size:14px;margin-top:15px}.tinted{background:#eeefe6}.faq{max-width:840px;margin:40px auto 0}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:16px;font-weight:500;gap:25px}summary:after{content:'+';font-size:22px;color:var(--teal)}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:15px;margin-top:16px}.center{text-align:center}.notice{font-size:12px;color:var(--muted);margin-top:17px}.endcap{border-top:1px solid var(--line);margin-top:55px;padding-top:35px;display:flex;justify-content:space-between;gap:30px;align-items:center}.endcap h3{font-size:28px}.endcap p{font-size:14px;color:var(--muted);margin-top:9px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--warm);outline-offset:5px}@media(max-width:1000px){.wrap{padding-left:30px;padding-right:30px}.hero{gap:35px}.shelf img{width:175px}.shelf{height:440px}.split{gap:40px}.nav-links{gap:22px}.book-art{height:480px}.book-art img{height:400px}}@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.nav{min-height:83px;flex-wrap:wrap;gap:0}.logo{width:170px;height:45px}.menu{display:block}.nav-links{display:none;width:100%;padding:10px 0 20px;gap:20px;flex-wrap:wrap}.nav-links.open{display:flex}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:42px;gap:40px}.hero h1{font-size:51px}.hero p{font-size:16px}.shelf{height:430px;max-width:440px;width:100%;margin:auto}.shelf img{width:175px}.shelf .skin{left:18px;top:70px}.shelf .peptides{right:18px;top:30px}.manifesto .wrap{font-size:9px;gap:13px;flex-wrap:wrap;justify-content:center}.section{padding-top:58px;padding-bottom:58px}.section-top{display:block;margin-bottom:30px}.section-top p{margin-top:22px}.book-grid,.split,.about{grid-template-columns:1fr;gap:35px}.stage{height:345px}.stage img{height:280px}.book-copy{padding-bottom:10px}.split-image{height:320px}.check-card{padding:26px;transform:none}.about p{font-size:18px}.foot-top,.foot-bottom,.endcap{flex-direction:column}.topics{grid-template-columns:1fr;gap:25px}.book-hero h1{font-size:49px}.book-art{height:430px}.book-art img{height:365px}.book-hero .book-art{grid-row:2}.subtitle{font-size:19px!important}.endcap{align-items:start}.actions{gap:20px}h2{font-size:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage img{transition:none}}

 /* Approved October revision */
 .btn{font-size:15px;font-weight:700;min-height:54px;letter-spacing:.01em;box-shadow:0 4px 10px #183d3c0a}.btn:hover{transform:translateY(-1px)}.nav-check{padding:9px 13px;border:1px solid #b5c7bf;border-radius:3px;font-weight:600}.shelf{height:460px;display:flex;align-items:center;justify-content:center;gap:4px;padding:12px 8px 50px}.shelf:before{inset:0 0 28px}.shelf:after{bottom:37px;left:0;right:0}.shelf img{position:relative;width:46%;max-width:215px;height:auto;max-height:337px;object-fit:contain}body:has(.shelf) .hero h1{font-size:clamp(44px,5vw,72px)}.shelf .skin{left:auto;top:auto;transform:rotate(-5deg) translateY(9px)}.shelf .peptides{right:auto;top:auto;transform:rotate(5deg) translateY(-9px)}.shelf .caption{bottom:1px;font-size:9px;letter-spacing:.11em}.about{gap:70px}.about p+p{font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.feature img{width:100%;aspect-ratio:1;object-fit:cover}.feature h3{font-size:24px;margin:20px 0 12px;line-height:1.16}.feature p{font-size:14px;color:var(--muted)}.photo-pair{display:grid;gap:18px}.photo-pair img{width:100%;height:230px;object-fit:cover}.care-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.care-gallery img{width:100%;height:330px;object-fit:cover}.benefits{list-style:none;padding:0;margin:25px 0}.benefits li{padding:13px 0;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}.benefits strong{color:var(--ink)}.book-gallery{display:grid;grid-template-columns:1fr 1.65fr;gap:20px}.book-gallery>div{display:grid;gap:20px}.book-gallery img{width:100%;height:100%;object-fit:cover;min-height:0}.book-gallery>div img{height:215px}.gallery-cta{justify-content:center}.reviews{display:grid;grid-template-columns:1fr 1fr;gap:30px}.reviews blockquote,.review-invite{margin:0;padding:38px;background:#eeefe6;border-top:3px solid #7c9d90}.reviews blockquote p{font:29px/1.4 Georgia,serif}.reviews footer{font-size:13px;margin-top:25px;color:var(--muted)}.review-invite p{margin:18px 0 25px;color:var(--muted)}.signup-card{padding:38px;background:#fffdf8;border:1px solid var(--line);box-shadow:0 15px 40px #183d3c12;border-radius:5px}.signup-card h2{font-size:36px}.signup-card p{font-size:15px;margin-top:15px}.signup-card form{margin-top:25px}.signup-card label{display:block;font-size:14px;font-weight:600;margin:17px 0 7px}.signup-card input:not([type=checkbox]){width:100%;height:49px;border:1px solid #a8b8af;border-radius:3px;padding:12px;font:16px Arial;background:white;color:var(--ink)}.signup-card .consent{display:flex;gap:10px;font-size:13px;line-height:1.6;font-weight:400;margin:22px 0;color:var(--muted)}.consent input{width:17px;height:17px;flex-shrink:0;margin-top:3px;accent-color:var(--teal)}.signup-card .btn{width:100%;cursor:not-allowed;opacity:1}.signup-card .setup-note{font-size:12px;padding:12px;background:#edf1eb;border-radius:3px}.check-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.check-list span{border:1px solid #c5d3c9;padding:7px 11px;font-size:12px;font-weight:600}.hero .notice{font-size:12px}.signup-hero{align-items:start}.signup-hero>div:first-child{padding-top:22px}.signup-card .eyebrow{margin-bottom:15px}input:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
 @media(max-width:1100px){.feature-grid{grid-template-columns:repeat(3,1fr)}.feature:last-child{grid-column:auto}.nav-links{gap:16px;font-size:12px}.shelf{height:420px}.shelf img{height:auto;max-height:300px}.signup-card{padding:27px}}
 @media(max-width:700px){.shelf{height:400px;padding-bottom:45px}.shelf img{height:auto;max-height:290px;width:45%;object-fit:contain}.shelf .skin{left:auto;top:auto}.shelf .peptides{right:auto;top:auto}.shelf .caption{font-size:8px}.feature-grid{grid-template-columns:1fr 1fr;gap:24px 18px}.feature h3{font-size:22px}.feature:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.feature:last-child h3{margin-top:0}.care-gallery{gap:9px}.care-gallery img{height:210px}.book-gallery{grid-template-columns:1fr;gap:15px}.book-gallery>div{grid-template-columns:1fr 1fr;gap:15px}.book-gallery>div img{height:160px}.book-gallery>img{height:300px}.reviews{grid-template-columns:1fr}.reviews blockquote,.review-invite{padding:26px}.about{gap:30px}.signup-card{padding:25px}.signup-hero>div:first-child{padding-top:0}.nav-check{padding:7px 10px}.signup-card h2{font-size:32px}}
 @media(max-width:370px){.shelf{height:350px}.shelf img{height:auto;max-height:245px}.hero h1{font-size:44px}.feature-grid{grid-template-columns:1fr}.feature:last-child{display:block}.feature img{height:230px}.shelf .caption{font-size:7px}.care-gallery img{height:170px}.btn{padding:12px 17px}.signup-card{padding:20px}}
 
/* October 2026 refinements: unboxed navigation, authentic 3D-style covers, balanced brand story, six discovery areas, and Amazon review cards. */
.nav-check{padding:0;border:0;border-radius:0;font-weight:400}
.shelf{perspective:1400px}
.shelf .book-mockup{position:relative;display:block;width:36%;max-width:235px;isolation:isolate;filter:drop-shadow(13px 20px 12px #193c3c28)}
.shelf .book-mockup::before,.stage .book-mockup::before{content:"";position:absolute;z-index:-1;left:-7px;top:3px;bottom:2px;width:12px;background:linear-gradient(90deg,#b8aa91,#eee8da 45%,#d8d0bf);transform:skewY(-2deg);box-shadow:inset -2px 0 3px #0002}
.shelf .book-mockup img,.stage .book-mockup img{position:relative;display:block;width:100%;height:auto;max-height:none;border-radius:1px;box-shadow:1px 2px 3px #193c3c24;transform:rotateY(-7deg);transform-origin:left center}
.shelf .book-mockup.skin{transform:rotate(-3deg) translateY(8px)}
.shelf .book-mockup.peptides{transform:rotate(3deg) translateY(-8px)}
.shelf .book-mockup.peptides img{transform:rotateY(7deg);transform-origin:right center}
.shelf .caption{z-index:2}
.stage .book-mockup{display:block;position:relative;width:auto;height:285px;max-width:220px;filter:drop-shadow(12px 16px 12px #22352d2b);perspective:1000px}
.stage .book-mockup img{height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:none;transition:transform .3s}
.stage:hover .book-mockup img{transform:rotateY(-7deg) translateY(-5px)}
.about{align-items:center;min-height:0;padding-top:72px;padding-bottom:72px;gap:80px}
.about-mark{width:155px;height:auto;object-fit:contain;margin-top:30px;opacity:.86}
.about-principles{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.about-principles span+span:before{content:"·";padding-right:8px;color:var(--warm)}
.about p{font-size:17px;line-height:1.72}
.about p+p{font-size:15px;margin-top:15px}
.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px;align-items:start}
.feature{min-width:0}
.feature img{aspect-ratio:1.22;object-fit:cover}
.feature h3{font-size:25px}
.reviews{grid-template-columns:1.5fr .8fr;align-items:stretch}
.review-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.review-card{padding:24px 20px;background:#eeefe6;border-top:3px solid #7c9d90;display:flex;flex-direction:column;align-items:flex-start}
.review-stars{color:#a96b45;font-size:14px;letter-spacing:.13em}
.review-card blockquote{font:22px/1.35 Georgia,serif;margin:16px 0 14px;color:var(--ink)}
.review-meta{font-size:11px;line-height:1.6;color:var(--muted);margin-top:auto;padding-top:12px}
.review-card .link{font-size:11px;gap:8px;margin-top:8px}
.review-invite{padding:30px}
@media(max-width:1000px){.shelf .book-mockup{width:40%;max-width:210px}.stage .book-mockup{height:260px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-list{grid-template-columns:1fr}.review-card{min-height:180px}}
@media(max-width:700px){.shelf .book-mockup{width:44%;max-width:200px}.shelf .book-mockup.skin{transform:rotate(-4deg) translateY(7px)}.shelf .book-mockup.peptides{transform:rotate(4deg) translateY(-7px)}.stage .book-mockup{height:260px}.feature-grid{grid-template-columns:1fr 1fr;gap:26px 16px}.feature img{aspect-ratio:1}.feature h3{font-size:20px;margin:14px 0 9px}.feature p{font-size:13px}.about-mark{width:130px;margin-top:12px}.about{padding-top:55px;padding-bottom:55px}.about-principles{font-size:9px}.reviews{grid-template-columns:1fr}.review-list{grid-template-columns:1fr}.review-card{min-height:0;padding:24px}.review-card blockquote{font-size:24px}}
@media(max-width:370px){.feature-grid{grid-template-columns:1fr}.feature img{aspect-ratio:1.35}}
/* Review section: three readable cards across, with the book CTA beneath. */
.reviews{grid-template-columns:1fr;gap:22px}
.review-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.review-card{padding:26px 24px;min-height:260px}
.review-card blockquote{font-size:25px;line-height:1.42}
.review-invite{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 30px}
.review-invite h3{font-size:26px;flex:0 0 auto}
.review-invite p{margin:0 auto 0 0;max-width:370px}
.review-invite .btn{flex:0 0 auto}
@media(max-width:1000px){.reviews{grid-template-columns:1fr}.review-list{grid-template-columns:repeat(3,minmax(0,1fr))}.review-card{min-height:230px}.review-card blockquote{font-size:21px}}
@media(max-width:700px){.review-list{grid-template-columns:1fr}.review-card{min-height:0}.review-invite{display:block}.review-invite p{margin:14px 0 20px}.review-invite h3{font-size:24px}}

/* Reworked paperback covers: preserve the real artwork and add restrained, readable book edges. */
.shelf .book-mockup,
.stage .book-mockup{position:relative;display:block;isolation:isolate;transform-style:preserve-3d;filter:drop-shadow(10px 16px 12px #193c3c24);transition:transform .25s ease}
.shelf .book-mockup{width:40%;max-width:235px}
.shelf .book-mockup::before,
.stage .book-mockup::before{content:"";position:absolute;z-index:-1;inset:5px -9px -8px 5px;background:repeating-linear-gradient(0deg,#e2ded4 0 1px,#faf8f2 1px 2px,#d5d0c5 2px 3px);transform:skewY(1deg)}
.shelf .book-mockup::after,
.stage .book-mockup::after{content:"";position:absolute;z-index:-2;top:2px;bottom:-5px;left:-9px;width:12px;background:linear-gradient(90deg,#315d58,#92aaa0 55%,#e7e3d8);transform:skewY(-1deg)}
.shelf .book-mockup img,
.stage .book-mockup img{position:relative;display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:1px;box-shadow:0 1px 2px #152e2b24;transform:none;transition:none}
.shelf .book-mockup.skin{transform:rotate(-2deg) translateY(6px)}
.shelf .book-mockup.peptides{transform:rotate(2deg) translateY(-5px)}
.shelf .book-mockup.peptides::after{background:linear-gradient(90deg,#092b40,#087b93 55%,#d9e3e2)}
.stage .book-mockup{width:auto;height:285px;max-width:220px}
.stage .book-mockup::before{inset:5px -8px -8px 4px}
.stage .book-mockup::after{left:-8px;width:10px}
.stage .book-mockup img{height:100%;width:auto;max-width:100%}
.stage .book-mockup img{transform:none!important}
.stage:hover .book-mockup{transform:translateY(-4px)}
@media(max-width:1000px){.shelf .book-mockup{width:42%;max-width:215px}.stage .book-mockup{height:260px}}
@media(max-width:700px){.shelf .book-mockup{width:43%;max-width:190px}.shelf .book-mockup.skin{transform:rotate(-2deg) translateY(5px)}.shelf .book-mockup.peptides{transform:rotate(2deg) translateY(-4px)}.stage .book-mockup{height:260px}}

/* Flat, front-facing covers: match the clean cover presentation on the Skin Longevity page. */
.shelf{height:510px;padding:18px 20px 48px;gap:clamp(14px,2.2vw,30px);perspective:none;background:#e1e7dc;}
.shelf:before{inset:0 0 35px;border-radius:0;background:#e1e7dc;}
.shelf:after{display:none;}
.shelf .book-mockup,.stage .book-mockup{filter:none;transform:none!important;perspective:none;transform-style:flat;transition:none;isolation:auto;}
.shelf .book-mockup{width:44%;max-width:250px;}
.shelf .book-mockup:before,.shelf .book-mockup:after,.stage .book-mockup:before,.stage .book-mockup:after{content:none;display:none;}
.shelf .book-mockup img,.stage .book-mockup img{display:block;position:relative;width:100%;height:auto;max-height:337px;object-fit:contain;border-radius:0;box-shadow:none;transform:none!important;transition:none;}
.shelf .caption{bottom:1px;z-index:1;}
.stage .book-mockup{width:auto;height:300px;max-width:220px;}
.stage .book-mockup img{width:auto;height:100%;max-width:100%;max-height:100%;}
.stage:hover .book-mockup,.stage:hover .book-mockup img{transform:none;}
@media(max-width:1000px){.shelf{height:440px}.shelf .book-mockup{width:44%;max-width:220px}.shelf .book-mockup img{max-height:300px}.stage .book-mockup{height:260px}}
@media(max-width:700px){.shelf{height:400px;padding:14px 14px 46px;gap:12px}.shelf .book-mockup{width:46%;max-width:190px}.shelf .book-mockup img{max-height:285px}.shelf .caption{font-size:8px}.stage .book-mockup{height:260px}}
@media(max-width:370px){.shelf{height:350px}.shelf .book-mockup img{max-height:245px}}

/* Homepage cover composition: authentic flat covers, layered over soft color fields. */
.shelf{display:block;height:510px;padding:0;background:transparent;perspective:none;}
.shelf:before{inset:5% 1% 13%;border-radius:50%;background:radial-gradient(ellipse at 34% 52%,#e1e7dc 0 43%,transparent 43.5%),radial-gradient(ellipse at 69% 48%,#e3edef 0 42%,transparent 42.5%);transform:rotate(-5deg);}
.shelf:after{display:none;}
.shelf .book-mockup{position:absolute;display:block;width:42%;max-width:255px;filter:drop-shadow(0 15px 16px #193c3c25);transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s ease;}
.shelf .book-mockup.skin{left:4%;top:18%;z-index:1;transform:rotate(-1.5deg);}
.shelf .book-mockup.peptides{right:4%;top:8%;z-index:2;transform:rotate(1.5deg);}
.shelf .book-mockup img{width:100%;height:auto;max-height:370px;object-fit:contain;box-shadow:none;}
.shelf .book-mockup.skin:hover,.shelf .book-mockup.skin:focus-visible{z-index:3;transform:translateY(-9px) rotate(-1.5deg) scale(1.035);filter:drop-shadow(0 22px 19px #193c3c38);}
.shelf .book-mockup.peptides:hover,.shelf .book-mockup.peptides:focus-visible{z-index:3;transform:translateY(-9px) rotate(1.5deg) scale(1.035);filter:drop-shadow(0 22px 19px #193c3c38);}
.shelf .caption{position:absolute;bottom:1%;left:0;right:0;z-index:4;text-align:center;}
.stage .book-mockup{height:315px;filter:drop-shadow(0 13px 13px #193c3c20);transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s ease;}
.stage .book-mockup img{height:100%;width:auto;max-height:100%;}
.stage:hover .book-mockup,.stage:focus-visible .book-mockup{transform:translateY(-8px) scale(1.035)!important;filter:drop-shadow(0 20px 17px #193c3c38);}
@media(max-width:1000px){.shelf{height:440px}.shelf .book-mockup{width:45%;max-width:225px}.shelf .book-mockup img{max-height:300px}.stage .book-mockup{height:270px}}
@media(max-width:700px){.shelf{height:400px;max-width:440px;margin:0 auto}.shelf .book-mockup{width:44%;max-width:190px}.shelf .book-mockup.skin{left:3%;top:19%}.shelf .book-mockup.peptides{right:3%;top:9%}.shelf .book-mockup img{max-height:285px}.shelf .caption{font-size:8px}.stage .book-mockup{height:260px}}
@media(max-width:370px){.shelf{height:350px}.shelf .book-mockup img{max-height:245px}}
@media(prefers-reduced-motion:reduce){.shelf .book-mockup,.stage .book-mockup{transition:none}}

/* Refinement: larger color field and a closer, readable two-cover overlap. */
.shelf:before{inset:-2% -7% 7%;background:radial-gradient(ellipse at 35% 50%,#dce5d8 0 47%,transparent 47.5%),radial-gradient(ellipse at 67% 47%,#dce9ec 0 47%,transparent 47.5%);transform:rotate(-5deg) scale(1.04);}
.shelf .book-mockup.skin{left:8%;top:18%;z-index:2;}
.shelf .book-mockup.peptides{right:8%;top:8%;z-index:1;}
@media(max-width:700px){.shelf:before{inset:0 -5% 7%;}.shelf .book-mockup.skin{left:8%;top:19%;}.shelf .book-mockup.peptides{right:8%;top:9%;}}

/* Final cover spacing: make the backdrop read clearly and overlap just enough for depth. */
.shelf:before{inset:0 -2% 7%;background:radial-gradient(ellipse at 35% 50%,#d2dfce 0 48%,transparent 48.5%),radial-gradient(ellipse at 67% 47%,#d2e2e7 0 48%,transparent 48.5%);transform:rotate(-5deg) scale(1.04);}
.shelf .book-mockup{width:43%;}
.shelf .book-mockup.skin{left:9%;top:18%;z-index:1;}
.shelf .book-mockup.peptides{right:9%;top:8%;z-index:2;}
@media(max-width:700px){.shelf:before{inset:0 -2% 7%;}.shelf .book-mockup{width:44%;}.shelf .book-mockup.skin{left:8%;top:19%;}.shelf .book-mockup.peptides{right:8%;top:9%;}}
@media(max-width:700px){.shelf:before{inset:0 0 7%;}}
@media(max-width:1000px){.shelf:before{inset:0 0 7%;}}
.shelf:before{inset:0 0 7%;transform:rotate(-5deg) scale(.9);}

/* Final adjustment: stable book order, no hover overlap, and one larger sage backdrop. */
.shelf:before{inset:-2% -2% 5%;border-radius:50%;background:#d9e4d5;transform:rotate(-5deg) scale(1.04);}
.shelf .book-mockup{transition:filter .35s ease;}
.shelf .book-mockup.skin,.shelf .book-mockup.skin:hover,.shelf .book-mockup.skin:focus-visible{left:9%;top:18%;z-index:1;transform:rotate(-1.5deg);}
.shelf .book-mockup.peptides,.shelf .book-mockup.peptides:hover,.shelf .book-mockup.peptides:focus-visible{right:9%;top:8%;z-index:2;transform:rotate(1.5deg);}
.shelf .book-mockup.skin:hover,.shelf .book-mockup.peptides:hover,.shelf .book-mockup.skin:focus-visible,.shelf .book-mockup.peptides:focus-visible{filter:drop-shadow(0 15px 16px #193c3c25);}
.shelf:before{inset:0 0 5%;transform:scale(.96);}
@media(max-width:700px){.shelf:before{inset:0 0 5%;transform:scale(.93);}.shelf .book-mockup.skin,.shelf .book-mockup.skin:hover,.shelf .book-mockup.skin:focus-visible{left:8%;top:19%;}.shelf .book-mockup.peptides,.shelf .book-mockup.peptides:hover,.shelf .book-mockup.peptides:focus-visible{right:8%;top:9%;}}

/* Restore the softer two-lobed backdrop from the earlier preview, in one sage tone. */
.shelf:before{inset:0 0 7%;border-radius:0;background:radial-gradient(ellipse 24% 36% at 30% 50%,#d9e4d5 0 98%,transparent 100%),radial-gradient(ellipse 24% 36% at 70% 48%,#d9e4d5 0 98%,transparent 100%);transform:none;}
@media(max-width:700px){.shelf:before{inset:0 0 7%;background:radial-gradient(ellipse 24% 36% at 30% 50%,#d9e4d5 0 98%,transparent 100%),radial-gradient(ellipse 24% 36% at 70% 48%,#d9e4d5 0 98%,transparent 100%);}}

/* Continuous sage wave beneath both covers. */
.shelf:before{inset:12% -1% 15%;border-radius:0;background:url("assets/cover-wave.svg") center / 100% 100% no-repeat;transform:none;}
@media(max-width:700px){.shelf:before{inset:16% -1% 18%;}}

/* Refined continuous wave: a low, soft band behind both covers. */
.shelf:before{inset:18% -1% 17%;background:url("assets/cover-wave.svg") center / 100% 100% no-repeat;}
@media(max-width:700px){.shelf:before{inset:20% -1% 19%;}}

/* Broad, flowing sage field: frames both covers like an editorial spread. */
.shelf:before{inset:7% -1% 9%;background:url("assets/cover-wave.svg") center / 100% 100% no-repeat;}
@media(max-width:700px){.shelf:before{inset:10% 0 12%;}}

/* Alternate cover backdrop preview: wider, asymmetric sweep. */
.shelf:before{background:url("assets/cover-wave-alt.svg") center / 100% 100% no-repeat;}
@media(max-width:700px){.shelf:before{background:url("assets/cover-wave-alt.svg") center / 100% 100% no-repeat;}}

/* Third cover backdrop preview: diagonal, single flowing sweep. */
.shelf:before{background:url("assets/cover-wave-alt2.svg") center / 100% 100% no-repeat;}
@media(max-width:700px){.shelf:before{background:url("assets/cover-wave-alt2.svg") center / 100% 100% no-repeat;}}

/* Fourth cover backdrop preview: a low, broad, soft-edged horizontal sweep. */
.shelf:before{inset:14% -1% 13%;background:url("assets/cover-wave-alt3.svg") center / 100% 100% no-repeat;}
@media(max-width:700px){.shelf:before{inset:18% 0 16%;background:url("assets/cover-wave-alt3.svg") center / 100% 100% no-repeat;}}

/* Fifth cover backdrop preview: oversized, rounded organic field. */
.shelf:before{inset:-4% -5% 3%;background:url("assets/cover-wave-alt4.svg") center / 100% 100% no-repeat;}
@media(max-width:700px){.shelf:before{inset:0 -2% 5%;background:url("assets/cover-wave-alt4.svg") center / 100% 100% no-repeat;}}