:root{
  --navy:#0D1B2A;
  --navy2:#091622;
  --cream:#F2E8D4;
  --orange:#D46A1F;
  --orange2:#e85f18;
  --slate:#343A40;
  --warm:#7A7368;
  --khaki:#8A8D63;
  --ink:#132433;
  --shell:min(1180px,calc(100vw - 48px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--navy)}
body{margin:0;color:var(--cream);background:var(--navy);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;background:url('assets/brand/grain.png') repeat;opacity:.24;mix-blend-mode:soft-light}
a,button,input{font:inherit}
button{color:inherit}
img{max-width:100%;display:block}
.shell{width:var(--shell);margin-inline:auto}
.section-dark{position:relative;background:
  radial-gradient(circle at 82% 12%,rgba(212,106,31,.08),transparent 25%),
  linear-gradient(180deg,#0b1b2a 0%,#0D1B2A 100%)}
.section-dark::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.015),transparent 18%,transparent 82%,rgba(255,255,255,.012));mix-blend-mode:screen}
.skip-link{position:fixed;left:16px;top:-80px;z-index:999;padding:12px 16px;background:var(--cream);color:var(--navy);font-weight:800;text-decoration:none}.skip-link:focus{top:16px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:120;pointer-events:none}.progress span{display:block;height:100%;width:0;background:var(--orange);box-shadow:0 0 14px rgba(232,95,24,.65)}

.site-header{position:sticky;top:0;z-index:80;background:rgba(10,25,38,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(242,232,212,.12);transition:box-shadow .25s,background .25s}
.site-header.scrolled{background:rgba(8,22,34,.96);box-shadow:0 14px 30px rgba(0,0,0,.35)}
.nav-shell{height:92px;display:grid;grid-template-columns:250px 1fr auto;align-items:center;gap:28px}
.brand{display:block;width:210px;text-decoration:none}.brand img{width:100%;mix-blend-mode:normal}
.desktop-nav{display:flex;justify-content:center;gap:48px}.desktop-nav a{position:relative;color:var(--cream);text-decoration:none;text-transform:uppercase;font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.7px;font-size:17px;padding:10px 0}.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--orange);transition:right .22s}.desktop-nav a:hover::after,.desktop-nav a.active::after{right:0}
.nav-actions{display:flex;align-items:center;gap:11px}.icon-btn{width:38px;height:38px;border:0;background:transparent;color:var(--cream);font-size:24px;cursor:pointer;transition:transform .18s,color .18s}.icon-btn:hover{transform:translateY(-2px);color:#ff7a33}.shop-btn{display:inline-flex;align-items:center;justify-content:center;min-width:104px;height:44px;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:900;background:var(--orange2);clip-path:polygon(4% 8%,98% 0,95% 89%,7% 100%,0 18%);box-shadow:0 10px 25px rgba(0,0,0,.25);transition:transform .18s,filter .18s}.shop-btn:hover{transform:translateY(-2px) rotate(-.4deg);filter:brightness(1.06)}
.menu-btn,.mobile-nav{display:none}

.hero{padding:34px 0 0;overflow:hidden}
.hero-grid{min-height:560px;display:grid;grid-template-columns:42% 58%;align-items:center;gap:18px}
.hero-copy{padding:30px 0 70px;position:relative;z-index:3}
.eyebrow{margin:0 0 12px;text-transform:uppercase;color:#f26926;font-family:'Arial Narrow',Arial,sans-serif;font-weight:900;letter-spacing:1.2px;font-size:18px}
.display{margin:0;text-transform:uppercase;font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.8px;line-height:.88;font-weight:900;color:var(--cream);text-shadow:0 6px 20px rgba(0,0,0,.28)}
.hero .display{font-size:clamp(70px,7.3vw,112px);max-width:7ch}
.display span{display:block;color:var(--orange2)}
.hero-kicker{font-size:26px;font-weight:800;margin:20px 0 10px}.hero-kicker strong{color:#e96728}
.hero-body{font-size:20px;line-height:1.45;max-width:35ch;margin:0 0 26px;color:#f7eee0}
.hero-actions,.book-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border:1px solid transparent;text-transform:uppercase;text-decoration:none;font-weight:900;letter-spacing:.5px;cursor:pointer;position:relative;overflow:hidden;transition:transform .18s,box-shadow .2s,background .2s,border-color .2s;isolation:isolate}.btn::after{content:"";position:absolute;inset:-30% auto -30% -45%;width:28%;transform:skewX(-18deg);background:rgba(255,255,255,.18);transition:left .4s;z-index:-1}.btn:hover::after{left:120%}.btn:hover{transform:translateY(-2px)}.btn-orange{background:var(--orange2);color:#fff;border-color:var(--orange2);box-shadow:0 8px 18px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.04) inset}.btn-orange:hover{box-shadow:0 14px 28px rgba(0,0,0,.3),0 0 24px rgba(232,95,24,.2)}.btn-ghost{background:rgba(10,28,42,.35);color:var(--cream);border-color:rgba(242,232,212,.72)}.btn-ghost:hover{background:rgba(242,232,212,.06);box-shadow:0 12px 24px rgba(0,0,0,.22)}
.hero-art{align-self:stretch;position:relative;display:flex;align-items:end;margin-right:-42px;transform-style:preserve-3d}
.scene-frame{position:relative;width:100%;height:100%;min-height:520px;overflow:hidden;border-left:1px solid rgba(242,232,212,.12);box-shadow:-28px 0 60px rgba(0,0,0,.18)}
.scene-frame::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,var(--navy) 0%,rgba(13,27,42,.42) 8%,transparent 26%),linear-gradient(180deg,transparent 74%,rgba(7,18,29,.35));pointer-events:none}
.scene-frame img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.03);transition:transform .8s cubic-bezier(.16,1,.3,1)}
.hero-art:hover img{transform:scale(1.018)}
.script-note{position:absolute;right:5%;top:6%;z-index:4;font-family:'Segoe Print','Comic Sans MS',cursive;color:#f2dfc1;font-size:24px;line-height:1.25;transform:rotate(-6deg);text-shadow:0 4px 12px rgba(0,0,0,.65)}

.traits{border-top:1px solid rgba(242,232,212,.14);border-bottom:1px solid rgba(242,232,212,.16)}
.traits-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.traits article{min-height:86px;padding:16px 18px;display:flex;gap:12px;align-items:center;border-right:1px solid rgba(242,232,212,.16);transition:background .2s,transform .2s}.traits article:first-child{border-left:1px solid rgba(242,232,212,.08)}.traits article:hover{background:rgba(255,255,255,.025);transform:translateY(-2px)}
.trait-icon{font-size:30px;color:var(--cream)}.traits b{display:block;text-transform:uppercase;font-family:'Arial Narrow',Arial,sans-serif;letter-spacing:.6px}.traits small{display:block;color:#d3c9b9;margin-top:3px;font-size:12px}

.book-section{padding:34px 0 26px}
.book-grid{display:grid;grid-template-columns:24% 34% 42%;align-items:stretch;border-bottom:1px solid rgba(242,232,212,.16);padding-bottom:20px}
.book-scene{margin:0;min-height:430px;overflow:hidden;box-shadow:inset -1px 0 rgba(242,232,212,.12)}.book-scene img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.16,1,.3,1)}.book-scene:hover img{transform:scale(1.025)}
.book-copy{padding:14px 34px 20px;display:flex;flex-direction:column;justify-content:center}
.display.small{font-size:clamp(44px,4.2vw,70px);line-height:.92}
.book-copy>p{font-size:17px;line-height:1.42;margin:14px 0}.checks{list-style:none;margin:4px 0 14px;padding:0}.checks li{margin:9px 0;font-size:16px}.checks li::before{content:"✓";color:var(--orange2);font-weight:900;margin-right:9px}.price-line{display:flex;align-items:end;gap:10px;margin-top:4px}.price-line strong{font-size:48px;line-height:1;font-family:Impact,'Arial Narrow',sans-serif}.price-line span{padding-bottom:5px;font-weight:700}.microcopy{font-size:11px!important;color:#c7bba9;margin:2px 0 14px!important}.book-actions .btn{min-width:150px}
.wallet-panel{margin:0;position:relative;overflow:hidden;border-left:1px solid rgba(242,232,212,.11)}.wallet-panel::after{content:"";position:absolute;inset:0;box-shadow:inset 18px 0 35px rgba(0,0,0,.2);pointer-events:none}.wallet-panel img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .65s cubic-bezier(.16,1,.3,1)}.wallet-panel:hover img{transform:scale(1.024)}

.about{padding:0 0 24px}
.about-grid{display:grid;grid-template-columns:18% 43% 39%;align-items:center;min-height:250px}
.author-photo{margin:0;justify-self:start;padding:20px 20px 20px 0}.author-photo img{width:175px;height:195px;object-fit:cover;border:2px solid var(--cream);box-shadow:0 16px 28px rgba(0,0,0,.45);filter:saturate(.85) contrast(1.03)}
.about-copy{padding:14px 28px 18px 0;border-right:1px solid rgba(242,232,212,.16)}.about-copy .display{font-size:56px}.about-copy p{line-height:1.48;margin:8px 0 12px;color:#f4ecdf}.about-copy .btn{margin-top:6px}
.about-quote{margin:0;padding:20px 0 16px 46px;font-family:'Segoe Print','Comic Sans MS',cursive;color:#efd5b1;font-size:24px;line-height:1.45;transform:rotate(-1.6deg);text-shadow:0 5px 15px rgba(0,0,0,.3)}.about-quote cite{display:block;text-align:right;margin-top:12px;font-size:22px;color:#f3e2ca}

.paper-section{position:relative;background:#ecdfc9;color:var(--ink);padding:38px 0 28px;clip-path:polygon(0 2%,3% 1.5%,6% 2.1%,9% 1.3%,12% 2%,15% 1.5%,18% 2.2%,21% 1.6%,24% 2.1%,27% 1.4%,30% 2%,33% 1.5%,36% 2.2%,39% 1.4%,42% 2.1%,45% 1.5%,48% 2.2%,51% 1.4%,54% 2%,57% 1.5%,60% 2.2%,63% 1.5%,66% 2.1%,69% 1.4%,72% 2.1%,75% 1.5%,78% 2.2%,81% 1.4%,84% 2.1%,87% 1.5%,90% 2.2%,93% 1.4%,96% 2%,100% 1.5%,100% 100%,0 100%)}
.paper-section::before{content:"";position:absolute;inset:0;background:url('assets/brand/grain.png') repeat;opacity:.28;mix-blend-mode:multiply;pointer-events:none}
.section-heading{display:flex;align-items:end;gap:26px;margin:0 0 16px}.display.ink{color:var(--ink);text-shadow:none;font-size:52px}.section-heading p{margin:0 0 7px;font-size:15px}
.useful-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.useful-card{background:#f2e7d4;border:1px solid rgba(19,36,51,.28);box-shadow:0 9px 18px rgba(70,48,28,.12);transition:transform .22s,box-shadow .22s;outline:none}.useful-card:hover,.useful-card:focus{transform:translateY(-5px) rotate(.15deg);box-shadow:0 16px 28px rgba(70,48,28,.18)}.useful-card img{width:100%;height:130px;object-fit:cover}.useful-card>div{padding:12px 14px 15px;position:relative;min-height:106px}.useful-card h3{margin:0 0 5px;text-transform:uppercase;font-family:Impact,'Arial Narrow',sans-serif;font-size:22px;letter-spacing:.3px}.useful-card p{font-size:14px;line-height:1.35;margin:0 28px 0 0}.useful-card span{position:absolute;right:13px;bottom:16px;font-size:26px}

.quote-strip{padding:18px 0 20px;border-bottom:1px solid rgba(242,232,212,.12)}.quote-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.quote-mark{font-family:Georgia,serif;font-size:70px;line-height:.6;color:var(--orange2)}.quote-inner blockquote{margin:0;font-size:20px}.quote-inner cite{display:block;text-transform:uppercase;color:#9e9488;font-size:10px;font-style:normal;letter-spacing:1px;margin-top:4px}.dots{display:flex;gap:8px}.dots i{width:10px;height:10px;border-radius:50%;background:#7d7468}.dots i.on{background:var(--orange2)}

.join-strip{padding:22px 0}.join-grid{display:grid;grid-template-columns:150px 1fr 360px;align-items:center;gap:28px}.footer-logo{width:130px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}.footer-title{font-size:44px;line-height:.95}.join-grid p{margin:6px 0 0;color:#cfc3b3}.join-form{display:grid;grid-template-columns:1fr auto}.join-form input{min-width:0;height:48px;border:0;padding:0 14px;background:#f5efe7;color:#152433;outline:none}.join-form input:focus{box-shadow:0 0 0 3px rgba(232,95,24,.3)}.join-form .btn{min-width:94px}.join-form small{grid-column:1/-1;margin-top:8px;color:#aaa092}
.site-footer{padding:18px 0 32px;border-top:1px solid rgba(242,232,212,.13)}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:18px 26px;align-items:center;font-size:12px}.footer-grid nav{display:flex;gap:18px;flex-wrap:wrap}.footer-grid a{color:var(--cream);text-decoration:none}.footer-grid a:hover{color:#ff7a33}.thanks{margin:0;font-family:'Segoe Print','Comic Sans MS',cursive;font-size:19px;color:#e6c8a0;transform:rotate(-2deg)}.legal{justify-content:flex-end}.footer-grid small{color:#9d9386}.tagline{text-align:right}.tagline b{color:#ee6b2b}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .85s cubic-bezier(.16,1,.3,1)}.reveal.in{opacity:1;transform:none}
[data-depth]{transition:transform .22s ease-out;will-change:transform}

.modal{max-width:min(92vw,560px);border:1px solid rgba(242,232,212,.28);border-radius:4px;background:#0a1c2b;color:var(--cream);padding:30px;box-shadow:0 30px 100px rgba(0,0,0,.7)}.modal::backdrop{background:rgba(2,8,12,.78);backdrop-filter:blur(4px)}.modal h2{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:36px;margin:0 36px 12px 0}.modal p{line-height:1.5}.modal-close{position:absolute;right:12px;top:9px;border:0;background:transparent;font-size:34px;cursor:pointer}.search-box input{width:100%;height:46px;padding:0 12px;border:0;background:#f2e8d4;color:#132433}.search-results{display:grid;gap:8px;margin-top:12px}.search-results a{display:block;padding:10px 12px;color:var(--cream);text-decoration:none;border:1px solid rgba(242,232,212,.16)}.search-results a:hover{background:rgba(255,255,255,.04)}
.toast{position:fixed;right:22px;bottom:22px;z-index:200;max-width:360px;padding:13px 16px;background:#ecdfc9;color:#132433;box-shadow:0 16px 40px rgba(0,0,0,.4);transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:none;opacity:1}

@media (max-width:980px){
  :root{--shell:min(92vw,860px)}
  .nav-shell{grid-template-columns:190px 1fr auto;gap:16px}.brand{width:185px}.desktop-nav{gap:24px}.desktop-nav a{font-size:15px}.nav-actions .icon-btn{display:none}
  .hero-grid{grid-template-columns:46% 54%;min-height:500px}.hero .display{font-size:76px}.scene-frame{min-height:470px}.hero-art{margin-right:-18px}.script-note{font-size:20px}
  .traits-grid{grid-template-columns:repeat(3,1fr)}.traits article:nth-child(4),.traits article:nth-child(5){border-top:1px solid rgba(242,232,212,.12)}
  .book-grid{grid-template-columns:28% 38% 34%}.book-copy{padding-inline:22px}.display.small{font-size:52px}.wallet-panel img{object-position:42% center}
  .about-grid{grid-template-columns:22% 48% 30%}.about-quote{font-size:20px;padding-left:24px}
  .join-grid{grid-template-columns:110px 1fr}.footer-logo{width:98px}.join-form{grid-column:2}.useful-card img{height:110px}
}

@media (max-width:760px){
  :root{--shell:calc(100vw - 34px)}
  .site-header{position:sticky}.nav-shell{height:72px;grid-template-columns:1fr auto}.brand{width:178px}.desktop-nav,.nav-actions{display:none}.menu-btn{display:grid;gap:5px;width:44px;height:42px;place-content:center;border:1px solid rgba(242,232,212,.35);background:transparent;cursor:pointer}.menu-btn span{display:block;width:22px;height:2px;background:var(--cream)}.mobile-nav{display:none;position:absolute;left:0;right:0;top:72px;background:#091724;border-top:1px solid rgba(242,232,212,.1);border-bottom:1px solid rgba(242,232,212,.14);padding:10px 18px 16px;box-shadow:0 18px 38px rgba(0,0,0,.45)}.mobile-nav.open{display:grid}.mobile-nav a{padding:13px 4px;color:var(--cream);text-decoration:none;text-transform:uppercase;font-weight:900;border-bottom:1px solid rgba(242,232,212,.1)}.mobile-nav a:last-child{color:#ff7631;border-bottom:0}
  .hero{padding-top:10px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:34px 0 24px}.hero .display{font-size:clamp(64px,18vw,88px);max-width:7ch}.hero-kicker{font-size:22px}.hero-body{font-size:17px}.hero-art{margin:0 -17px}.scene-frame{min-height:330px;border-left:0}.scene-frame::before{background:linear-gradient(180deg,var(--navy) 0%,transparent 20%,transparent 75%,rgba(7,18,29,.25))}.script-note{right:5%;top:4%;font-size:17px}.hero-actions .btn{flex:1 1 150px}
  .traits-grid{grid-template-columns:1fr 1fr}.traits article{min-height:84px;padding:14px 12px}.traits article:nth-child(3){border-top:1px solid rgba(242,232,212,.12)}.traits article:last-child{grid-column:1/-1}
  .book-section{padding-top:20px}.book-grid{grid-template-columns:1fr;gap:0}.book-scene{min-height:auto;max-height:none;border-bottom:1px solid rgba(242,232,212,.14)}.book-scene img{height:auto;max-height:540px;object-fit:cover}.book-copy{padding:28px 0 30px}.display.small{font-size:clamp(48px,13vw,64px)}.wallet-panel{border-left:0;border-top:1px solid rgba(242,232,212,.12);margin-inline:-17px}.wallet-panel img{height:auto;max-height:520px;object-fit:cover}.price-line strong{font-size:46px}.book-actions .btn{flex:1 1 150px}
  .about-grid{grid-template-columns:110px 1fr;padding:26px 0}.author-photo{padding:0}.author-photo img{width:105px;height:145px}.about-copy{border-right:0;padding:0}.about-copy .display{font-size:42px}.about-quote{grid-column:1/-1;padding:20px 10px 4px;margin-top:16px;border-top:1px solid rgba(242,232,212,.14);font-size:21px}
  .paper-section{padding-top:34px;clip-path:polygon(0 1%,7% 2%,14% 1%,21% 1.8%,28% 1%,35% 1.8%,42% 1%,49% 1.7%,56% 1%,63% 1.8%,70% 1%,77% 1.7%,84% 1%,91% 1.8%,100% 1%,100% 100%,0 100%)}.section-heading{display:block}.display.ink{font-size:44px}.section-heading p{margin-top:5px}.useful-grid{grid-template-columns:1fr 1fr;gap:12px}.useful-card img{height:105px}.useful-card>div{min-height:110px;padding:10px 10px 13px}.useful-card h3{font-size:19px}.useful-card p{font-size:12px}
  .quote-inner{grid-template-columns:auto 1fr}.quote-inner blockquote{font-size:16px}.dots{grid-column:2}
  .join-grid{grid-template-columns:78px 1fr;gap:14px}.footer-logo{width:72px}.footer-title{font-size:32px}.join-grid p{font-size:13px}.join-form{grid-column:1/-1}.footer-grid{grid-template-columns:1fr}.footer-grid nav,.legal{justify-content:flex-start}.thanks,.tagline{text-align:left}
}

@media (max-width:460px){
  .hero .display{font-size:61px}.hero-kicker{font-size:19px}.scene-frame{min-height:285px}.traits article{padding:12px 9px}.trait-icon{font-size:24px}.traits b{font-size:12px}.traits small{font-size:10px}.useful-grid{grid-template-columns:1fr}.useful-card img{height:140px}.author-photo img{width:96px}.about-grid{grid-template-columns:100px 1fr}.about-copy p{font-size:14px}.join-form{grid-template-columns:1fr}.join-form .btn{width:100%}.footer-title{font-size:28px}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,[data-depth],.btn,.scene-frame img,.book-scene img,.wallet-panel img,.useful-card{transition:none!important}.reveal{opacity:1!important;transform:none!important}}

/* =========================================================
   V5 VISUAL-FIDELITY PASS
   Approved reference: wide, editorial, tactile, cinematic.
   ========================================================= */
:root{
  --shell:min(1440px,90vw);
}
body{
  background:
    radial-gradient(circle at 74% 6%,rgba(212,106,31,.055),transparent 24%),
    linear-gradient(180deg,#091927 0%,#0D1B2A 22%,#0a1926 100%);
}
body::before{opacity:.32}
.section-dark{
  background:
    radial-gradient(circle at 85% 0%,rgba(212,106,31,.08),transparent 24%),
    radial-gradient(circle at 18% 55%,rgba(242,232,212,.018),transparent 32%),
    linear-gradient(180deg,#0a1a28 0%,#0D1B2A 100%);
}
.section-dark::after{
  background:
    linear-gradient(90deg,rgba(255,255,255,.022),transparent 14%,transparent 84%,rgba(255,255,255,.015)),
    radial-gradient(circle at 50% 120%,rgba(0,0,0,.28),transparent 52%);
}

.site-header{background:rgba(7,23,35,.92);box-shadow:0 8px 30px rgba(0,0,0,.14)}
.nav-shell{height:82px;grid-template-columns:225px 1fr auto;gap:34px}
.brand{width:205px}
.desktop-nav{gap:42px}
.desktop-nav a{font-size:16px;letter-spacing:.9px}
.shop-btn{min-width:100px;height:42px;filter:drop-shadow(0 7px 12px rgba(0,0,0,.22))}

.hero{padding:14px 0 0}
.hero-grid{min-height:0;grid-template-columns:39% 61%;align-items:center;gap:14px}
.hero-copy{padding:24px 0 34px}
.hero-title{max-width:none!important;font-size:clamp(62px,6.2vw,96px)!important;line-height:.9!important}
.hero-title .cream-line{display:block;color:var(--cream);white-space:nowrap}
.hero-title>span:not(.cream-line){display:block;color:var(--orange2)}
.eyebrow{font-size:16px;margin-bottom:10px}
.hero-kicker{font-size:22px;margin:14px 0 9px}
.hero-body{font-size:17px;line-height:1.45;max-width:33ch;margin-bottom:21px}
.hero-actions{gap:12px}
.btn{min-height:44px;padding:0 20px;box-shadow:0 10px 22px rgba(0,0,0,.19)}
.btn::before{content:"";position:absolute;inset:0;background:url('assets/brand/grain.png') repeat;opacity:.16;mix-blend-mode:multiply;pointer-events:none;z-index:-1}
.btn-orange{clip-path:polygon(1.5% 5%,98% 0,100% 93%,3% 100%,0 12%);border-color:#e86824;box-shadow:0 10px 22px rgba(0,0,0,.27),0 0 20px rgba(232,95,24,.06)}
.btn-ghost{background:rgba(7,23,35,.62);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 10px 20px rgba(0,0,0,.14)}
.hero-art{margin-right:calc(-5vw);align-self:center}
.scene-frame{min-height:0;height:auto;aspect-ratio:569/385;border-left:0;box-shadow:-30px 0 65px rgba(0,0,0,.20),0 20px 45px rgba(0,0,0,.14)}
.scene-frame::before{background:linear-gradient(90deg,var(--navy) 0%,rgba(13,27,42,.46) 5%,transparent 18%),linear-gradient(180deg,rgba(0,0,0,.02),transparent 76%,rgba(7,18,29,.26))}
.scene-frame img{object-fit:cover;object-position:center}
.script-note{right:7%;top:5%;font-size:20px}

.traits{box-shadow:inset 0 1px rgba(255,255,255,.015),inset 0 -1px rgba(0,0,0,.3)}
.traits article{min-height:72px;padding:13px 15px;gap:11px}
.trait-icon{font-size:27px}.traits b{font-size:14px}.traits small{font-size:11px}

.book-section{padding:18px 0 14px}
.book-grid{grid-template-columns:29% 31% 40%;align-items:center;padding-bottom:14px}
.book-scene{min-height:0;aspect-ratio:300/365;box-shadow:0 18px 35px rgba(0,0,0,.22),inset -1px 0 rgba(242,232,212,.10)}
.book-scene img{object-fit:cover;object-position:center}
.book-copy{padding:10px 28px 12px}
.display.small{font-size:clamp(43px,4.35vw,66px);line-height:.9}
.book-copy>p{font-size:15px;line-height:1.4;margin:11px 0}.checks{margin:3px 0 10px}.checks li{font-size:14px;margin:6px 0}
.price-line strong{font-size:42px}.price-line span{font-size:13px}.microcopy{margin-bottom:10px!important}
.book-actions{gap:10px}.book-actions .btn{min-width:135px;padding-inline:16px}
.wallet-panel{aspect-ratio:404/375;border-left:0;box-shadow:0 18px 38px rgba(0,0,0,.20)}
.wallet-panel::after{box-shadow:inset 16px 0 38px rgba(0,0,0,.13)}
.wallet-panel img{object-fit:cover;object-position:center}

.about{padding:0 0 14px}
.about-grid{grid-template-columns:20% 43% 37%;min-height:220px}
.author-photo{padding:16px 24px 16px 0}.author-photo img{width:185px;height:200px;box-shadow:0 18px 40px rgba(0,0,0,.42)}
.about-copy{padding:12px 28px 14px 0}.about-copy .display{font-size:48px;white-space:nowrap}.about-copy p{font-size:14px;line-height:1.42;margin:6px 0 9px}.about-copy .btn{margin-top:4px}
.about-quote{padding:16px 0 12px 38px;font-size:21px;line-height:1.42}.about-quote cite{font-size:18px;margin-top:8px}

.paper-section{padding:34px 0 30px;background:#efe2cd;box-shadow:inset 0 22px 35px rgba(86,59,31,.06),inset 0 -15px 26px rgba(86,59,31,.055)}
.paper-section::before{opacity:.34}
.section-heading{gap:24px;margin-bottom:14px}.display.ink{font-size:49px}.section-heading p{font-size:14px;margin-bottom:6px}
.useful-grid{gap:16px}.useful-card{box-shadow:0 12px 24px rgba(66,44,22,.13),inset 0 0 0 1px rgba(255,255,255,.28)}
.useful-card img{height:auto;aspect-ratio:220/90;object-fit:cover}.useful-card>div{padding:11px 13px 14px;min-height:98px}.useful-card h3{font-size:20px}.useful-card p{font-size:12.5px}

.quote-strip{padding:24px 0 25px;background:linear-gradient(180deg,#0c1d2b,#091927)}
.quote-inner{gap:18px}.quote-mark{font-size:76px}.quote-inner blockquote{font-size:18px;letter-spacing:.05px}.quote-inner cite{font-size:9px;margin-top:5px}.dots i{width:9px;height:9px}

.join-strip{padding:28px 0 24px;background:radial-gradient(circle at 20% 0,rgba(212,106,31,.055),transparent 22%),linear-gradient(180deg,#0b1c2a,#091927)}
.join-grid{grid-template-columns:155px 1fr 360px;gap:30px}.footer-logo{width:135px}.footer-title{font-size:42px}.join-grid p{font-size:13px}
.site-footer{padding:20px 0 28px}.footer-grid{font-size:11px}.thanks{font-size:18px}

/* Desktop stays desktop longer: the approved reference was a compact desktop composition. */
@media (max-width:1100px) and (min-width:761px){
  :root{--shell:90vw}
  .nav-shell{grid-template-columns:210px 1fr auto;gap:18px}.brand{width:195px}.desktop-nav{gap:28px}.desktop-nav a{font-size:14px}.nav-actions{gap:7px}.shop-btn{min-width:82px}
  .hero-grid{grid-template-columns:40% 60%;gap:10px}.hero-title{font-size:clamp(58px,7vw,72px)!important}.hero-kicker{font-size:19px}.hero-body{font-size:15px}.hero-art{margin-right:calc(-5vw)}.script-note{font-size:17px}
  .traits article{padding-inline:10px}.trait-icon{font-size:23px}.traits b{font-size:12px}.traits small{font-size:9.5px}
  .book-grid{grid-template-columns:29% 31% 40%}.book-copy{padding-inline:20px}.display.small{font-size:clamp(38px,4.7vw,48px)}.book-copy>p{font-size:13px}.checks li{font-size:12px}.price-line strong{font-size:36px}.book-actions .btn{min-width:120px;font-size:12px}
  .about-grid{grid-template-columns:19% 45% 36%}.author-photo img{width:150px;height:172px}.about-copy .display{font-size:40px}.about-copy p{font-size:12.5px}.about-quote{font-size:17px;padding-left:28px}
  .display.ink{font-size:42px}.section-heading p{font-size:12px}.useful-card h3{font-size:17px}.useful-card p{font-size:11px}.useful-card>div{min-height:92px}
  .join-grid{grid-template-columns:120px 1fr 310px}.footer-logo{width:104px}.footer-title{font-size:34px}.join-grid p{font-size:11px}
}

/* Keep the true mobile redesign at phone widths only. */
@media (max-width:760px){
  :root{--shell:calc(100vw - 34px)}
  .hero-art{margin:0 -17px}
  .scene-frame{aspect-ratio:auto;min-height:330px}
  .hero-title .cream-line{white-space:normal}
  .book-scene,.wallet-panel{aspect-ratio:auto}
  .about-copy .display{white-space:normal}
}


/* =========================================================
   V6 PREMIUM REFINEMENT PASS
   - hero spacing / editorial separation
   - seamless values conveyor
   - open-workbook product detail
   - live wallet cards with movement + flip
   - refined Useful Stuff / quote / footer finish
   ========================================================= */

:root{
  --shell:min(1480px,92vw);
}

/* HERO: give the copy its own space and move it up/left */
.hero{padding-top:10px}
.hero-grid{
  width:min(1540px,95vw);
  grid-template-columns:37% 63%;
  gap:42px;
  align-items:center;
}
.hero-copy{
  align-self:start;
  padding:54px 0 26px;
  transform:translate(-16px,-12px);
}
.hero-title{
  font-size:clamp(64px,6.45vw,102px)!important;
  letter-spacing:1px;
}
.hero-kicker{margin-top:18px}
.hero-body{max-width:31ch}
.hero-art{
  margin-right:calc(-2.5vw);
}
.scene-frame{
  box-shadow:-34px 0 72px rgba(0,0,0,.24),0 24px 54px rgba(0,0,0,.2);
}

/* VALUES CONVEYOR */
.traits{
  overflow:hidden;
  position:relative;
  background:linear-gradient(180deg,#0b1d2b,#091927);
}
.traits::before,.traits::after{
  content:"";
  position:absolute;
  top:0;bottom:0;
  width:min(9vw,130px);
  z-index:6;
  pointer-events:none;
}
.traits::before{left:0;background:linear-gradient(90deg,#091927 15%,transparent)}
.traits::after{right:0;background:linear-gradient(270deg,#091927 15%,transparent)}
.traits-marquee{
  overflow:hidden;
  width:100%;
}
.traits-track{
  display:flex;
  width:max-content;
  will-change:transform;
  animation:traits-conveyor 30s linear infinite;
}
.traits-marquee:hover .traits-track,
.traits-marquee:focus-within .traits-track{animation-play-state:paused}
.traits-set{
  display:flex;
  flex:0 0 auto;
}
.traits article{
  width:270px;
  flex:0 0 270px;
  min-height:78px;
  border-left:0;
  border-right:1px solid rgba(242,232,212,.15);
  padding:14px 20px;
}
.traits article:first-child{border-left:1px solid rgba(242,232,212,.08)}
.traits b{font-size:14px}
.traits small{font-size:11.5px}
@keyframes traits-conveyor{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

/* BOOK: show something new, not the same cover twice */
.book-section{padding:34px 0 26px}
.book-grid{
  grid-template-columns:28% 37% 35%;
  align-items:center;
  gap:0;
  padding-bottom:26px;
}
.book-scene.product-detail{
  aspect-ratio:4/3;
  min-height:0;
  align-self:center;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(242,232,212,.11);
  box-shadow:0 22px 46px rgba(0,0,0,.28);
}
.book-scene.product-detail::after{
  content:"";
  position:absolute;
  inset:0;
  box-shadow:inset 0 0 42px rgba(0,0,0,.28);
  pointer-events:none;
}
.book-scene.product-detail img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.9) contrast(1.04);
}
.book-scene.product-detail figcaption{
  position:absolute;
  left:14px;right:14px;bottom:12px;
  z-index:4;
  padding:8px 10px;
  font-size:11px;
  line-height:1.25;
  color:#f2e8d4;
  background:rgba(6,20,31,.82);
  border-left:3px solid var(--orange2);
  backdrop-filter:blur(4px);
}
.book-copy{
  padding:18px 34px 20px 38px;
}
.book-title{
  line-height:.87!important;
}
.book-title .title-cream,
.book-title .title-orange{
  display:block;
}
.book-title .title-cream{
  color:var(--cream)!important;
  white-space:nowrap;
}
.book-title .title-orange{
  color:var(--orange2)!important;
}
.display.small.book-title{
  font-size:clamp(48px,4.4vw,68px);
}
.book-copy>p{font-size:16px}
.checks li{font-size:15px}
.price-line strong{font-size:46px}

/* LIVE WALLET PANEL */
.wallet-panel.wallet-live{
  aspect-ratio:auto;
  min-height:430px;
  position:relative;
  overflow:hidden;
  border-left:1px solid rgba(242,232,212,.12);
  background:
    radial-gradient(circle at 72% 20%,rgba(212,106,31,.12),transparent 26%),
    linear-gradient(145deg,#0b1e2d 0%,#0a1a27 58%,#07141f 100%);
  box-shadow:0 22px 46px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.015);
}
.wallet-panel.wallet-live::before{
  content:"";
  position:absolute;
  inset:0;
  background:url('assets/brand/grain.png') repeat;
  opacity:.22;
  mix-blend-mode:soft-light;
  pointer-events:none;
}
.wallet-paper{
  position:absolute;
  left:5%;
  top:7%;
  width:57%;
  min-height:190px;
  padding:27px 28px 24px;
  color:var(--ink);
  background:#eadcc5;
  transform:rotate(-1deg);
  box-shadow:0 18px 34px rgba(0,0,0,.22);
  clip-path:polygon(1% 2%,98% 0,100% 95%,97% 99%,3% 98%,0 94%);
}
.wallet-paper::after{
  content:"";
  position:absolute;inset:0;
  background:url('assets/brand/grain.png') repeat;
  opacity:.36;mix-blend-mode:multiply;pointer-events:none
}
.wallet-label{
  display:inline-block;
  padding:4px 10px;
  margin-bottom:7px;
  color:#101f2c;
  background:var(--orange2);
  font:900 12px/1 Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.7px;
  transform:rotate(-2deg);
}
.wallet-paper h3{
  position:relative;z-index:1;
  margin:0 0 8px;
  color:#112333;
  font-family:Impact,'Arial Narrow',sans-serif;
  text-transform:uppercase;
  font-size:clamp(27px,2.6vw,40px);
  line-height:.92;
  letter-spacing:.4px;
}
.wallet-paper p{
  position:relative;z-index:1;
  margin:0;
  max-width:31ch;
  color:#1b2a36;
  font-size:13px;
  line-height:1.32;
}
.wallet-stage{
  position:absolute;
  inset:38% 4% 4% 22%;
  perspective:1200px;
}
.wallet-object{
  appearance:none;
  border:0;
  padding:0;
  background:transparent;
  position:absolute;
  width:42%;
  aspect-ratio:1.58/1;
  cursor:pointer;
  perspective:1200px;
  color:inherit;
  outline-offset:5px;
}
.wallet-dark{left:5%;bottom:4%;transform:rotate(-7deg);z-index:3}
.wallet-cream{right:3%;bottom:7%;transform:rotate(6deg);z-index:4}
.wallet-float{
  display:block;
  width:100%;
  height:100%;
  animation:wallet-bob 4.6s ease-in-out infinite;
}
.wallet-cream .wallet-float{animation-duration:5.2s;animation-delay:-1.7s}
.wallet-inner{
  display:block;
  width:100%;
  height:100%;
  position:relative;
  transform-style:preserve-3d;
  transition:transform .72s cubic-bezier(.16,1,.3,1),filter .25s;
  filter:drop-shadow(0 18px 18px rgba(0,0,0,.32));
}
.wallet-object:hover .wallet-inner,
.wallet-object:focus-visible .wallet-inner{
  filter:drop-shadow(0 28px 24px rgba(0,0,0,.42));
}
.wallet-object.is-flipped .wallet-inner{transform:rotateY(180deg)}
.wallet-face{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  backface-visibility:hidden;
  border-radius:9px;
  overflow:hidden;
  padding:11% 9%;
  text-align:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.wallet-face::after{
  content:"";
  position:absolute;inset:0;
  background:url('assets/brand/grain.png') repeat;
  opacity:.22;
  mix-blend-mode:soft-light;
  pointer-events:none;
}
.wallet-back{transform:rotateY(180deg)}
.dark-face{
  color:var(--cream);
  background:
    radial-gradient(circle at 30% 20%,rgba(212,106,31,.08),transparent 24%),
    #0b1b2a;
  border:1px solid rgba(242,232,212,.35);
}
.cream-face{
  color:#142534;
  background:#efe2cc;
  border:1px solid rgba(20,37,52,.25);
}
.wallet-face>img:not(.qr){
  width:42%;
  max-width:88px;
  margin-bottom:7px;
}
.wallet-face strong{
  position:relative;z-index:1;
  font-family:Impact,'Arial Narrow',sans-serif;
  text-transform:uppercase;
  font-size:clamp(15px,1.5vw,24px);
  line-height:.94;
  letter-spacing:.5px;
}
.dark-face strong{color:#f2e8d4}
.wallet-dark .dark-face strong{color:#ef6b27}
.wallet-face small{
  position:relative;z-index:1;
  display:block;
  margin-top:7px;
  font-size:7px;
  letter-spacing:.4px;
  text-transform:uppercase;
}
.wallet-face ol{
  position:relative;z-index:1;
  list-style-position:inside;
  margin:7px 0 3px;
  padding:0;
  text-align:left;
  font-size:clamp(9px,.8vw,13px);
  line-height:1.45;
}
.wallet-face .qr{
  width:27%;
  max-width:56px;
  margin-top:4px;
  mix-blend-mode:multiply;
}
.tap-note{font-size:7px;margin-top:8px;opacity:.7;text-transform:uppercase;letter-spacing:.6px}
.wallet-hint{
  position:absolute;
  right:18px;
  bottom:10px;
  margin:0;
  color:#c9b79f;
  font-family:'Segoe Print','Comic Sans MS',cursive;
  font-size:11px;
  transform:rotate(-2deg);
}
@keyframes wallet-bob{
  0%,100%{transform:translateY(0) rotateX(0deg)}
  50%{transform:translateY(-7px) rotateX(1.8deg)}
}

/* AUTHOR: stronger editorial break */
.about-grid{
  grid-template-columns:21% 43% 36%;
  min-height:265px;
}
.author-photo img{
  width:195px;
  height:218px;
}
.about-copy .display{font-size:52px}
.about-copy p{font-size:15px}
.about-quote{
  font-size:22px;
  padding-left:44px;
}

/* USEFUL STUFF: less template-like, more physical */
.paper-section{padding:42px 0 36px}
.useful-grid{gap:22px}
.useful-card{
  position:relative;
  transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s;
  border-color:rgba(19,36,51,.22);
}
.useful-card::before{
  content:"";
  position:absolute;
  width:58px;height:16px;
  top:-7px;left:50%;
  transform:translateX(-50%) rotate(-2deg);
  background:rgba(177,142,96,.42);
  box-shadow:0 1px 2px rgba(0,0,0,.08);
  z-index:3;
  opacity:.72;
}
.useful-card:nth-child(1){transform:rotate(-.35deg)}
.useful-card:nth-child(2){transform:translateY(7px) rotate(.3deg)}
.useful-card:nth-child(3){transform:rotate(-.22deg)}
.useful-card:nth-child(4){transform:translateY(5px) rotate(.25deg)}
.useful-card:hover,.useful-card:focus{
  transform:translateY(-7px) rotate(0deg) scale(1.012);
}
.useful-card img{filter:saturate(.92) contrast(1.03)}

/* QUOTE: make it a pause, not a thin divider */
.quote-strip{padding:34px 0 36px}
.quote-inner{min-height:82px}
.quote-inner blockquote{font-size:20px;line-height:1.35}
.quote-inner cite{font-size:10px;letter-spacing:1px}
.quote-mark{font-size:88px}

/* STRONGER ENDING */
.join-strip{
  padding:38px 0 34px;
  border-top:1px solid rgba(242,232,212,.08);
  border-bottom:1px solid rgba(242,232,212,.1);
}
.footer-logo{filter:drop-shadow(0 16px 22px rgba(0,0,0,.22))}
.footer-title{font-size:45px}
.site-footer{
  padding:26px 0 34px;
  background:
    radial-gradient(circle at 50% 100%,rgba(212,106,31,.05),transparent 28%),
    #081723;
}
.thanks{font-size:20px}

/* medium desktop */
@media (max-width:1180px) and (min-width:761px){
  .hero-grid{width:94vw;grid-template-columns:38% 62%;gap:28px}
  .hero-copy{transform:translate(-8px,-8px);padding-top:38px}
  .hero-title{font-size:clamp(58px,7vw,78px)!important}
  .traits article{width:245px;flex-basis:245px}
  .book-grid{grid-template-columns:28% 37% 35%}
  .book-copy{padding-left:26px;padding-right:26px}
  .display.small.book-title{font-size:clamp(42px,4.6vw,54px)}
  .wallet-panel.wallet-live{min-height:370px}
  .wallet-paper{width:62%;padding:22px}
  .wallet-stage{inset:41% 3% 4% 17%}
  .about-grid{grid-template-columns:20% 44% 36%}
}

/* true mobile */
@media (max-width:760px){
  .hero-grid{width:var(--shell);display:grid;grid-template-columns:1fr;gap:16px}
  .hero-copy{transform:none;padding:28px 0 10px}
  .hero-art{margin:0 -17px}
  .traits::before,.traits::after{width:42px}
  .traits article{width:225px;flex-basis:225px;min-height:72px}
  .book-grid{grid-template-columns:1fr}
  .book-scene.product-detail{
    aspect-ratio:4/3;
    margin:0;
  }
  .book-copy{padding:28px 0 30px}
  .book-title .title-cream{white-space:normal}
  .wallet-panel.wallet-live{
    margin-inline:-17px;
    min-height:520px;
    border-left:0;
    border-top:1px solid rgba(242,232,212,.12);
  }
  .wallet-paper{left:5%;top:6%;width:90%;padding:24px}
  .wallet-stage{inset:42% 3% 7% 4%}
  .wallet-object{width:48%}
  .wallet-dark{left:4%}
  .wallet-cream{right:2%}
  .wallet-face strong{font-size:17px}
  .wallet-face ol{font-size:10px}
  .wallet-hint{right:12px;bottom:8px}
  .about-grid{grid-template-columns:120px 1fr}
  .author-photo img{width:112px;height:155px}
  .about-quote{font-size:21px}
  .useful-card:nth-child(n){transform:none}
  .quote-inner blockquote{font-size:17px}
}

@media (max-width:460px){
  .wallet-panel.wallet-live{min-height:465px}
  .wallet-paper{padding:20px}
  .wallet-paper h3{font-size:30px}
  .wallet-stage{inset:43% 2% 8% 2%}
  .wallet-object{width:49%}
}

/* Respect users who request less motion */
@media (prefers-reduced-motion:reduce){
  .traits-track{animation:none!important;transform:none!important}
  .wallet-float{animation:none!important}
  .wallet-inner{transition:none!important}
}

/* =========================================================
   V7 REFINEMENT PASS
   - V5 wallet art restored
   - conveyor made seamless/soft-edged
   - book title guaranteed not to clip
   - cleaner look-inside crop
   - reveal motion can never hide content
   ========================================================= */

/* Content is visible by default. Motion is enhancement only. */
.reveal{opacity:1!important;transform:none!important}

/* A slower, genuinely conveyor-like values strip with soft exits. */
.traits-marquee{
  overflow:hidden;
  width:100%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
}
.traits-track{animation-duration:38s}
.traits article{
  width:285px;
  flex-basis:285px;
  padding-inline:24px;
}
.traits::before,.traits::after{width:min(6vw,92px);opacity:.8}

/* Book 1: stronger proportions and intentional two-line title. */
.book-grid{
  grid-template-columns:28% 36% 36%;
  align-items:center;
  column-gap:0;
}
.book-copy{padding:18px 34px 22px 38px;min-width:0}
.display.small.book-title{
  font-size:clamp(42px,3.35vw,58px);
  line-height:.88!important;
  letter-spacing:.35px;
  max-width:none;
}
.book-title .title-cream,
.book-title .title-orange{display:block;white-space:nowrap}
.book-title .title-cream{color:var(--cream)!important}
.book-title .title-orange{color:var(--orange2)!important}

/* Look-inside image is now a clean crop, treated like a product detail rather than a screenshot. */
.book-scene.product-detail{
  aspect-ratio:4/3;
  border:1px solid rgba(242,232,212,.14);
  box-shadow:0 22px 48px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.02);
  background:#07141f;
}
.book-scene.product-detail img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  filter:saturate(.92) contrast(1.05) brightness(.96);
}
.book-scene.product-detail::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,transparent 64%,rgba(5,16,25,.5) 100%),radial-gradient(circle at 50% 48%,transparent 48%,rgba(0,0,0,.2) 100%);
}
.book-scene.product-detail figcaption{
  left:16px;right:16px;bottom:14px;z-index:4;
  padding:8px 11px;font-size:11px;background:rgba(6,20,31,.78);
}

/* Restore the V5 wallet composition. No instructions, no flipping, no gimmicks. */
.wallet-panel.wallet-v5{
  margin:0;
  position:relative;
  overflow:hidden;
  border-left:1px solid rgba(242,232,212,.11);
  aspect-ratio:404/375;
  box-shadow:0 22px 46px rgba(0,0,0,.28);
  background:#07141f;
}
.wallet-panel.wallet-v5::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 18px 0 38px rgba(0,0,0,.16),inset 0 0 0 1px rgba(255,255,255,.015);
}
.wallet-panel.wallet-v5 img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transition:transform .5s cubic-bezier(.16,1,.3,1),filter .35s;
  filter:saturate(.96) contrast(1.02);
}
.wallet-panel.wallet-v5:hover img{transform:scale(1.012);filter:saturate(1) contrast(1.03)}

/* Remove inherited live-card rules from affecting the restored panel. */
.wallet-panel.wallet-v5 .wallet-paper,
.wallet-panel.wallet-v5 .wallet-stage,
.wallet-panel.wallet-v5 .wallet-hint{display:none!important}

/* Tighten the transition into Craig; no unexplained dead vertical area. */
.book-section{padding-bottom:14px}
.book-grid{padding-bottom:18px}
.about{padding-top:0}

@media (max-width:1180px) and (min-width:761px){
  .traits article{width:255px;flex-basis:255px}
  .book-grid{grid-template-columns:28% 36% 36%}
  .book-copy{padding-left:26px;padding-right:24px}
  .display.small.book-title{font-size:clamp(39px,3.65vw,49px)}
}

@media (max-width:760px){
  .traits-marquee{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)}
  .traits article{width:235px;flex-basis:235px;padding-inline:18px}
  .book-grid{grid-template-columns:1fr}
  .book-title .title-cream,.book-title .title-orange{white-space:normal}
  .display.small.book-title{font-size:clamp(48px,13vw,64px)}
  .wallet-panel.wallet-v5{margin-inline:-17px;aspect-ratio:auto;border-left:0;border-top:1px solid rgba(242,232,212,.12)}
  .wallet-panel.wallet-v5 img{height:auto;max-height:520px;object-fit:cover}
}


/* =========================================================
   V8 FINISHING PASS
   - fix traits blue mismatch
   - replace weak workbook image with a deliberate "What's Inside" panel
   ========================================================= */

/* Match the value strip to the page and mask the edges without colour blocks */
.traits{
  background:linear-gradient(180deg,#0b1b2a 0%, #0a1927 100%);
}
.traits::before,.traits::after{display:none!important}
.traits-marquee{
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 72px, #000 calc(100% - 72px), transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0, #000 72px, #000 calc(100% - 72px), transparent 100%);
}
.traits-track{animation-duration:34s}

/* Replace the ugly interior crop with a branded component */
.inside-panel{
  min-height:430px;
  padding-right:24px;
  display:flex;
  align-items:center;
}
.inside-surface{
  position:relative;
  width:100%;
  min-height:380px;
  padding:28px 24px 26px;
  color:#132433;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 22%),
    #eadcc6;
  border:1px solid rgba(242,232,212,.16);
  box-shadow:0 22px 46px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.18);
  clip-path:polygon(1% 2%,98% 0,100% 96%,97% 99%,3% 98%,0 94%);
  overflow:hidden;
}
.inside-surface::before{
  content:"";
  position:absolute; inset:0;
  background:url('assets/brand/grain.png') repeat;
  opacity:.25; mix-blend-mode:multiply; pointer-events:none;
}
.inside-surface::after{
  content:"";
  position:absolute; inset:auto 10% 6% 10%; height:18px;
  background:rgba(0,0,0,.10); filter:blur(14px); z-index:0;
}
.inside-eyebrow{position:relative; z-index:2; font-size:15px; margin-bottom:10px; color:#c95e16}
.inside-title{
  position:relative; z-index:2;
  margin:0 0 16px;
  font-family:Impact,'Arial Narrow',sans-serif;
  text-transform:uppercase;
  font-size:clamp(32px,2.5vw,42px);
  line-height:.92;
  letter-spacing:.4px;
  color:#132433;
}
.inside-cards{
  position:relative; z-index:2;
  min-height:172px;
  margin-bottom:18px;
}
.mini-page{
  position:absolute;
  width:44%; min-height:150px;
  padding:16px 14px 14px;
  background:#fbf5e8;
  border:1px solid rgba(19,36,51,.18);
  box-shadow:0 16px 22px rgba(42,29,15,.14);
}
.mini-page::before{
  content:""; position:absolute; top:-7px; left:50%; width:54px; height:16px;
  background:rgba(177,142,96,.45); transform:translateX(-50%) rotate(-3deg);
  box-shadow:0 1px 2px rgba(0,0,0,.08);
}
.mini-page b{
  display:block; margin-bottom:10px;
  text-transform:uppercase; font-size:17px; letter-spacing:.4px; color:#112333;
}
.mini-page ul{
  margin:0; padding-left:18px; font-size:12px; line-height:1.45; color:#243544;
}
.mini-page-left{left:0; top:0; transform:rotate(-1.5deg)}
.mini-page-right{right:8%; top:8px; transform:rotate(1.6deg)}
.sticky-note{
  position:absolute; right:0; bottom:10px; z-index:3;
  padding:14px 12px;
  background:#d8c38a; color:#2a2c24;
  font-family:'Segoe Print','Comic Sans MS',cursive;
  font-size:20px; line-height:1.05;
  box-shadow:0 12px 20px rgba(42,29,15,.18);
  transform:rotate(4deg);
}
.inside-points{
  position:relative; z-index:2;
  list-style:none; margin:0 0 14px; padding:0;
}
.inside-points li{
  margin:9px 0; font-size:14px; line-height:1.35; color:#213240; font-weight:700;
}
.inside-points li::before{content:"✓"; color:#d46a1f; font-weight:900; margin-right:9px}
.inside-tag{
  position:relative; z-index:2;
  margin:0; display:inline-block; padding:8px 12px;
  background:#102333; color:#f2e8d4; border-left:3px solid #e85f18;
  font-size:12px; text-transform:uppercase; letter-spacing:.5px;
}

@media (max-width:1180px) and (min-width:761px){
  .inside-panel{padding-right:18px; min-height:390px}
  .inside-surface{padding:24px 18px 22px; min-height:352px}
  .inside-title{font-size:clamp(28px,2.9vw,36px)}
  .mini-page{width:46%; min-height:138px; padding:14px 12px 12px}
  .mini-page b{font-size:15px}
  .mini-page ul{font-size:11px}
  .sticky-note{font-size:17px}
  .inside-points li{font-size:13px}
}

@media (max-width:760px){
  .traits-marquee{-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 36px, #000 calc(100% - 36px), transparent 100%); mask-image:linear-gradient(90deg, transparent 0, #000 36px, #000 calc(100% - 36px), transparent 100%)}
  .inside-panel{padding-right:0; min-height:0}
  .inside-surface{min-height:unset; padding:22px 18px 20px}
  .inside-cards{min-height:180px}
  .mini-page{width:47%; min-height:132px}
  .mini-page b{font-size:14px}
  .mini-page ul{font-size:10.5px}
  .sticky-note{font-size:16px; right:6px; bottom:2px}
  .inside-title{font-size:30px}
}

/* =========================================================
   V9 SCALABLE FOUNDATION
   - reusable Average Man method panel
   - multi-page/static catalogue foundation
   - shared content-page system
   ========================================================= */

/* Generic brand-level component: deliberately not tied to Book 1. */
.method-panel{
  min-height:430px;
  padding-right:24px;
  display:flex;
  align-items:center;
}
.method-surface{
  position:relative;
  width:100%;
  min-height:390px;
  padding:28px 24px 24px;
  color:#132433;
  background:
    linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 20%),
    #eadcc6;
  border:1px solid rgba(242,232,212,.16);
  box-shadow:0 22px 46px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.2);
  clip-path:polygon(1% 2%,98% 0,100% 96%,97% 99%,3% 98%,0 94%);
  overflow:hidden;
}
.method-surface::before{
  content:"";
  position:absolute;inset:0;
  background:url('assets/brand/grain.png') repeat;
  opacity:.25;mix-blend-mode:multiply;pointer-events:none;
}
.method-surface::after{
  content:"AVERAGE MAN";
  position:absolute;right:-18px;top:46%;
  font-family:Impact,'Arial Narrow',sans-serif;
  font-size:46px;letter-spacing:2px;
  color:rgba(19,36,51,.045);
  transform:rotate(90deg) translateY(-50%);
  transform-origin:center;
  pointer-events:none;
}
.method-eyebrow{position:relative;z-index:2;font-size:13px;margin-bottom:8px;color:#c95e16}
.method-title{
  position:relative;z-index:2;margin:0;
  font-family:Impact,'Arial Narrow',sans-serif;
  text-transform:uppercase;font-size:clamp(34px,2.65vw,44px);
  line-height:.92;letter-spacing:.4px;color:#132433;
}
.method-intro{
  position:relative;z-index:2;
  margin:10px 0 14px;max-width:31ch;
  font-size:13px;line-height:1.42;color:#31414d;
}
.method-steps{position:relative;z-index:2;list-style:none;margin:0;padding:0}
.method-steps::before{
  content:"";position:absolute;left:16px;top:22px;bottom:24px;width:2px;
  background:linear-gradient(#d46a1f,rgba(212,106,31,.18));
}
.method-steps li{
  position:relative;display:grid;grid-template-columns:34px 1fr;gap:10px;
  align-items:center;margin:8px 0;padding:7px 10px 7px 0;
  border-bottom:1px solid rgba(19,36,51,.12);
}
.method-steps li:last-child{border-bottom:0}
.method-steps li>span{
  position:relative;z-index:2;width:34px;height:34px;display:grid;place-items:center;
  border-radius:50%;background:#102333;color:#f2e8d4;
  font-family:Impact,'Arial Narrow',sans-serif;font-size:14px;letter-spacing:.5px;
  box-shadow:0 5px 12px rgba(19,36,51,.16);
}
.method-steps b{display:block;text-transform:uppercase;color:#132433;font-size:14px;letter-spacing:.25px}
.method-steps small{display:block;margin-top:2px;color:#4b5861;font-size:11.2px;line-height:1.28}
.method-tag{
  position:relative;z-index:2;display:inline-block;margin:9px 0 0;
  padding:7px 10px;background:#102333;color:#f2e8d4;border-left:3px solid #e85f18;
  font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.55px;
}
.book-detail-link{margin:0 0 12px!important;font-size:11px!important}
.book-detail-link a{color:#f0c9a8;text-transform:uppercase;font-weight:900;letter-spacing:.45px;text-decoration:none}
.book-detail-link a:hover{text-decoration:underline;text-underline-offset:3px}
.useful-card{color:inherit;text-decoration:none}

/* Shared internal-page foundation. All pages remain usable from file://. */
.content-page{min-height:calc(100vh - 82px);padding:62px 0 76px}
.content-page .page-kicker{margin-bottom:10px}
.content-page .page-title{font-size:clamp(58px,7vw,104px);max-width:9ch}
.content-page .page-lede{max-width:720px;font-size:19px;line-height:1.55;color:#e9dfd0;margin:18px 0 0}
.content-page .page-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.content-paper{margin-top:38px;padding:34px;background:#eadcc6;color:#132433;position:relative;box-shadow:0 24px 50px rgba(0,0,0,.24);clip-path:polygon(.5% 1%,99% 0,100% 98%,98.5% 100%,1% 99%,0 3%)}
.content-paper::before{content:"";position:absolute;inset:0;background:url('assets/brand/grain.png') repeat;opacity:.2;mix-blend-mode:multiply;pointer-events:none}
.content-paper>*{position:relative;z-index:2}
.content-paper h2,.content-paper h3{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.4px}
.content-paper h2{font-size:42px;margin:0 0 12px}
.content-paper h3{font-size:25px;margin:0 0 7px}
.content-paper p{line-height:1.55}
.catalogue-grid,.landing-grid,.answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:24px}
.catalogue-card,.landing-card,.answer-card{background:#f7eddd;border:1px solid rgba(19,36,51,.12);box-shadow:0 12px 26px rgba(42,29,15,.11);overflow:hidden;color:#132433;text-decoration:none;transition:transform .18s,box-shadow .2s}
.catalogue-card:hover,.landing-card:hover,.answer-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px rgba(42,29,15,.16)}
.catalogue-card img,.landing-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.catalogue-card .card-body,.landing-card .card-body,.answer-card{padding:18px}
.catalogue-card .card-no,.landing-card .card-no{display:block;color:#c95e16;text-transform:uppercase;font-weight:900;font-size:11px;letter-spacing:.7px;margin-bottom:6px}
.catalogue-card h3,.landing-card h3,.answer-card h3{margin:0 0 7px;font-size:26px;line-height:1}
.catalogue-card p,.landing-card p,.answer-card p{font-size:13px;margin:0;line-height:1.45;color:#4a5560}
.catalogue-card .card-price{display:flex;justify-content:space-between;align-items:end;margin-top:15px;padding-top:13px;border-top:1px solid rgba(19,36,51,.12)}
.catalogue-card .card-price strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:28px}
.catalogue-card .card-price span{font-size:11px;font-weight:800;text-transform:uppercase;color:#c95e16}
.answer-grid{grid-template-columns:repeat(2,1fr)}
.answer-card{display:block}
.answer-card h3{font-family:Arial,Helvetica,sans-serif;text-transform:none;font-size:20px;line-height:1.25}
.brand-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.brand-principles div{padding:18px 16px;background:#102333;color:#f2e8d4;border-top:3px solid #d46a1f}
.brand-principles b{display:block;text-transform:uppercase;font-size:13px;margin-bottom:5px}
.brand-principles small{color:#d9cfbf;line-height:1.4}
.product-page-grid{display:grid;grid-template-columns:42% 58%;gap:42px;align-items:start}
.product-page-image{margin:0;position:sticky;top:112px}
.product-page-image img{width:100%;box-shadow:0 24px 54px rgba(0,0,0,.34)}
.product-page-copy .display{font-size:clamp(58px,6vw,92px);max-width:8ch}
.product-page-copy .checks{margin-top:20px}
.product-page-copy .price-line{margin-top:22px}
.breadcrumbs{display:flex;gap:8px;align-items:center;margin-bottom:22px;color:#c9bca9;font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.6px}
.breadcrumbs a{color:#f0c9a8;text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}
.next-book-slot{display:grid;place-items:center;min-height:250px;border:2px dashed rgba(19,36,51,.24);background:rgba(255,255,255,.2);text-align:center;padding:24px}
.next-book-slot b{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:28px}
.next-book-slot span{display:block;font-size:12px;color:#64717a;margin-top:6px}

@media (max-width:1180px) and (min-width:761px){
  .method-panel{padding-right:18px;min-height:390px}
  .method-surface{padding:24px 18px 21px;min-height:360px}
  .method-title{font-size:clamp(29px,3vw,37px)}
  .method-intro{font-size:12px;margin-bottom:10px}
  .method-steps li{margin:5px 0;padding-block:6px}
  .method-steps b{font-size:12.5px}.method-steps small{font-size:10px}
  .method-tag{font-size:9.5px}
  .catalogue-grid,.landing-grid{grid-template-columns:repeat(2,1fr)}
  .brand-principles{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:760px){
  .method-panel{padding-right:0;min-height:0}
  .method-surface{min-height:unset;padding:22px 18px 20px}
  .method-title{font-size:34px}.method-intro{max-width:36ch}
  .method-steps li{grid-template-columns:36px 1fr}
  .method-steps b{font-size:13px}.method-steps small{font-size:10.5px}
  .content-page{padding:38px 0 50px}.content-page .page-title{font-size:56px}.content-page .page-lede{font-size:16px}
  .content-paper{margin-inline:-8px;padding:24px 18px}.content-paper h2{font-size:34px}
  .catalogue-grid,.landing-grid,.answer-grid,.brand-principles,.product-page-grid{grid-template-columns:1fr}
  .product-page-image{position:static}.product-page-copy .display{font-size:58px}
}

/* V9 title-fit guard: keep the intentional two-line title inside its column. */
.display.small.book-title{font-size:clamp(36px,2.82vw,49px)}
@media (max-width:1180px) and (min-width:761px){
  .display.small.book-title{font-size:clamp(30px,2.75vw,36px)}
}
@media (max-width:760px){
  .display.small.book-title{font-size:clamp(48px,13vw,64px)}
}

/* Restore the intended full-width book copy on true mobile after the V7 desktop pass. */
@media (max-width:760px){
  .book-copy{padding:28px 0 30px}
}
.catalogue-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}

/* =========================================================
   V10 BOOKS CATALOGUE + EXPANDED ABOUT CRAIG
   ========================================================= */

.ink-orange{color:#c95e16!important}
.text-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:#c95e16;text-decoration:none;text-transform:uppercase;font-weight:900;font-size:12px;letter-spacing:.5px}
.text-link:hover{text-decoration:underline;text-underline-offset:4px}

/* Books catalogue */
.books-hero{padding:72px 0 68px;overflow:hidden}
.books-hero-grid{display:grid;grid-template-columns:56% 44%;align-items:center;gap:42px;min-height:510px}
.books-page-title{font-size:clamp(72px,8vw,122px);line-height:.84;max-width:7.6ch;margin:8px 0 22px}
.books-page-title span{display:block;color:#e46d21}
.books-hero-lede{max-width:600px;color:#eadfce;font-size:19px;line-height:1.58;margin:0}
.books-promise-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.books-promise-row span{padding:8px 11px;border:1px solid rgba(242,232,212,.22);background:rgba(255,255,255,.035);color:#f2e8d4;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.55px}
.books-hero-scene{position:relative;margin:0;padding:14px;background:#eadcc6;box-shadow:0 30px 60px rgba(0,0,0,.32);transform:rotate(1.3deg);transition:transform .2s;clip-path:polygon(1% 1%,99% 0,100% 97%,97% 100%,0 98%)}
.books-hero-scene::before{content:"";position:absolute;inset:0;background:url('assets/brand/grain.png') repeat;opacity:.18;mix-blend-mode:multiply;pointer-events:none}
.books-hero-scene img{display:block;width:100%;aspect-ratio:569/385;object-fit:cover;position:relative;z-index:1}
.books-hero-scene figcaption{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:12px 4px 0;color:#132433;text-transform:uppercase;font-size:10px;letter-spacing:.7px}
.books-hero-scene figcaption b{font-size:12px}

.books-feature{padding:78px 0 88px}
.books-section-heading{display:grid;grid-template-columns:57% 43%;gap:50px;align-items:end;margin-bottom:34px}
.books-section-heading h2{font-size:clamp(52px,6vw,86px);line-height:.88;max-width:11ch;margin:4px 0 0}
.books-section-heading>p{margin:0 0 5px;font-size:16px;line-height:1.6;color:#4f5a62;max-width:48ch}
.books-section-heading.dark-heading>p{color:#d8cebf}
.dark-heading h2{color:#f2e8d4}
.featured-book-card{display:grid;grid-template-columns:43% 57%;min-height:620px;background:#102333;box-shadow:0 26px 58px rgba(44,29,15,.23);overflow:hidden}
.featured-book-visual{position:relative;display:grid;place-items:center;padding:52px;background:#d8c5a8;overflow:hidden}
.featured-book-visual::before{content:"";position:absolute;inset:0;background:url('assets/brand/grain.png') repeat;opacity:.26;mix-blend-mode:multiply}
.featured-book-visual::after{content:"BOOK 1";position:absolute;left:-18px;bottom:50px;font-family:Impact,'Arial Narrow',sans-serif;font-size:98px;letter-spacing:3px;color:rgba(19,36,51,.055);transform:rotate(-90deg);transform-origin:left bottom}
.cover-wrap{position:relative;z-index:2;width:min(72%,330px);transform:rotate(-2deg);box-shadow:0 28px 44px rgba(34,23,13,.28)}
.cover-wrap img{display:block;width:100%}
.book-note{position:absolute;right:24px;bottom:30px;z-index:3;padding:13px 15px;background:#f2e8d4;color:#132433;font-family:'Segoe Print','Comic Sans MS',cursive;font-size:14px;line-height:1.35;transform:rotate(2.4deg);box-shadow:0 9px 20px rgba(44,29,15,.16)}
.featured-book-copy{padding:58px 54px 50px;color:#f2e8d4;display:flex;flex-direction:column;justify-content:center}
.featured-book-copy h3{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:clamp(48px,4.6vw,76px);line-height:.88;margin:4px 0 14px;max-width:9ch}
.featured-subtitle{font-size:17px;line-height:1.55;color:#e5d9c8;max-width:540px;margin:0 0 24px}
.book-use-list{list-style:none;padding:0;margin:0;border-top:1px solid rgba(242,232,212,.14)}
.book-use-list li{display:grid;grid-template-columns:43% 57%;gap:16px;padding:15px 0;border-bottom:1px solid rgba(242,232,212,.14)}
.book-use-list b{text-transform:uppercase;font-size:11px;letter-spacing:.4px;color:#f2e8d4}
.book-use-list span{font-size:12px;line-height:1.45;color:#cfc4b4}
.featured-book-footer{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-top:26px}
.featured-price strong{display:block;font-family:Impact,'Arial Narrow',sans-serif;font-size:42px;line-height:1}
.featured-price span{display:block;margin-top:4px;color:#c9beae;font-size:10px;text-transform:uppercase;letter-spacing:.5px}

.books-method{padding:78px 0 86px}
.book-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.book-method-grid article{position:relative;min-height:220px;padding:24px 20px 22px;background:#eadcc6;color:#132433;border-top:4px solid #d46a1f;overflow:hidden}
.book-method-grid article::after{content:"";position:absolute;inset:0;background:url('assets/brand/grain.png') repeat;opacity:.16;mix-blend-mode:multiply;pointer-events:none}
.book-method-grid span{display:block;position:relative;z-index:2;font-family:Impact,'Arial Narrow',sans-serif;font-size:34px;color:#d46a1f;line-height:1}
.book-method-grid h3{position:relative;z-index:2;font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:28px;margin:14px 0 7px}
.book-method-grid p{position:relative;z-index:2;margin:0;font-size:13px;line-height:1.5;color:#4a5660}

.books-future{padding:80px 0 92px}
.future-books-grid{display:grid;grid-template-columns:46% 54%;gap:62px;align-items:center}
.future-stack{position:relative;min-height:390px}
.future-book{position:absolute;left:50%;top:50%;width:245px;height:335px;background:#102333;border:1px solid rgba(19,36,51,.2);box-shadow:0 22px 42px rgba(44,29,15,.18)}
.future-book::before{content:"";position:absolute;inset:0;background:url('assets/brand/grain.png') repeat;opacity:.25;mix-blend-mode:soft-light}
.future-book-three{transform:translate(-63%,-52%) rotate(-9deg);background:#8a8d63}
.future-book-two{transform:translate(-43%,-49%) rotate(6deg);background:#343a40}
.future-book-one{transform:translate(-50%,-50%) rotate(-1.5deg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#f2e8d4;padding:24px}
.future-book-one span{position:relative;z-index:2;font-family:Impact,'Arial Narrow',sans-serif;font-size:42px;line-height:.9;letter-spacing:.5px}
.future-book-one small{position:relative;z-index:2;margin-top:24px;padding-top:15px;border-top:1px solid rgba(242,232,212,.26);font-size:10px;letter-spacing:1.2px}
.future-copy h2{font-size:clamp(58px,6vw,90px);line-height:.87;margin:5px 0 20px}
.future-copy>p{font-size:16px;line-height:1.65;max-width:53ch;color:#48545e}

/* About Craig */
.about-page-hero{padding:72px 0 74px;overflow:hidden}
.about-hero-grid{display:grid;grid-template-columns:66% 34%;gap:56px;align-items:center;min-height:500px}
.about-page-title{font-size:clamp(82px,10vw,150px);line-height:.82;margin:8px 0 24px;max-width:7ch}
.about-big-line{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;color:#e46d21;font-size:clamp(27px,3vw,42px);line-height:1;margin:0 0 15px;max-width:18ch}
.about-hero-lede{font-size:18px;line-height:1.58;color:#dfd4c4;max-width:620px;margin:0}
.about-photo-frame{position:relative;margin:0;padding:16px 16px 54px;background:#e7d7bf;box-shadow:0 28px 55px rgba(0,0,0,.3);transform:rotate(2deg);clip-path:polygon(1% 1%,99% 0,100% 97%,97% 100%,0 98%)}
.about-photo-frame::before{content:"";position:absolute;inset:0;background:url('assets/brand/grain.png') repeat;opacity:.2;mix-blend-mode:multiply;pointer-events:none}
.about-photo-frame img{position:relative;z-index:1;display:block;width:100%;aspect-ratio:4/4.4;object-fit:cover;filter:grayscale(.15) contrast(1.03)}
.about-photo-frame figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:17px;display:flex;gap:8px;flex-wrap:wrap}
.about-photo-frame figcaption span{font-size:9px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:#132433}

.about-story{padding:86px 0 90px}
.about-story-grid{display:grid;grid-template-columns:27% 73%;gap:58px;align-items:start}
.about-margin-note{position:sticky;top:120px;padding:28px 24px;background:#102333;color:#f2e8d4;border-left:5px solid #d46a1f;box-shadow:0 18px 34px rgba(44,29,15,.2);transform:rotate(-1.2deg)}
.about-margin-note span{display:block;color:#e5aa7c;font-size:10px;font-weight:900;letter-spacing:1px;margin-bottom:13px}
.about-margin-note strong{display:block;font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:34px;line-height:.95}
.about-margin-note p{margin:17px 0 0;color:#cfc4b5;font-size:11px;text-transform:uppercase;letter-spacing:.5px}
.about-long-copy h2{font-size:clamp(54px,6vw,88px);line-height:.88;max-width:11ch;margin:5px 0 26px}
.about-long-copy>p{font-size:17px;line-height:1.7;color:#394854;max-width:760px;margin:0 0 18px}
.about-inline-quote{margin:30px 0 30px;padding:24px 28px 22px;border-left:5px solid #d46a1f;background:#ded0bb;color:#132433;font-family:'Segoe Print','Comic Sans MS',cursive;font-size:22px;line-height:1.45;transform:rotate(-.5deg)}

.about-work{padding:86px 0}
.about-work-grid{display:grid;grid-template-columns:62% 38%;gap:68px;align-items:center}
.about-work-copy h2{font-size:clamp(52px,6vw,86px);line-height:.88;max-width:12ch;margin:6px 0 24px}
.about-work-copy>p{max-width:720px;color:#dfd5c6;font-size:16px;line-height:1.68;margin:0 0 17px}
.workbench-note{position:relative;padding:52px 36px 36px;background:#eadcc6;color:#132433;box-shadow:0 22px 48px rgba(0,0,0,.25);transform:rotate(1.8deg)}
.workbench-note::before{content:"";position:absolute;inset:0;background:url('assets/brand/grain.png') repeat;opacity:.2;mix-blend-mode:multiply;pointer-events:none}
.workbench-note .tape{position:absolute;z-index:2;width:110px;height:26px;left:50%;top:-10px;transform:translateX(-50%) rotate(-2deg);background:rgba(216,197,168,.8);box-shadow:0 2px 5px rgba(0,0,0,.12)}
.workbench-note .scribble{position:relative;z-index:2;font-family:'Segoe Print','Comic Sans MS',cursive;font-size:17px;margin:0 0 18px;color:#59616a}
.workbench-note strong{position:relative;z-index:2;display:block;font-family:Impact,'Arial Narrow',sans-serif;font-size:46px;line-height:.92;text-transform:uppercase}
.workbench-note>p:last-child{position:relative;z-index:2;margin:22px 0 0;padding-top:18px;border-top:1px solid rgba(19,36,51,.16);font-size:13px;line-height:1.5;color:#53606a}

.about-origin{padding:88px 0 94px}
.about-origin-grid{display:grid;grid-template-columns:53% 47%;gap:62px;align-items:start}
.about-origin-copy h2{font-size:clamp(52px,5.6vw,82px);line-height:.89;max-width:12ch;margin:5px 0 25px}
.about-origin-copy>p{font-size:16px;line-height:1.68;color:#3f4d57;margin:0 0 17px;max-width:650px}
.about-principles-stack{display:grid;gap:10px;padding-top:12px}
.about-principles-stack article{display:grid;grid-template-columns:58px 1fr;gap:16px;padding:17px 18px;background:#102333;color:#f2e8d4;border-left:4px solid #d46a1f}
.about-principles-stack article>span{font-family:Impact,'Arial Narrow',sans-serif;color:#e7823f;font-size:30px;line-height:1}
.about-principles-stack h3{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:24px;margin:0 0 3px}
.about-principles-stack p{color:#cfc5b7;font-size:12px;line-height:1.45;margin:0}

.about-name{padding:84px 0}
.about-name-grid{display:grid;grid-template-columns:52% 48%;gap:60px;align-items:start}
.about-name-grid h2{font-size:clamp(58px,6.5vw,94px);line-height:.86;max-width:9ch;margin:6px 0 0}
.about-name-copy p{color:#ded4c6;font-size:17px;line-height:1.68;margin:0 0 17px}
.about-name-copy strong{display:block;margin-top:25px;padding-top:20px;border-top:1px solid rgba(242,232,212,.16);font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;color:#e87931;font-size:28px;line-height:1.05}

.about-boundary{padding:80px 0 88px}
.about-boundary-grid{display:grid;grid-template-columns:52% 48%;gap:60px;align-items:start}
.about-boundary-grid h2{font-size:clamp(58px,6.3vw,92px);line-height:.86;max-width:10ch;margin:5px 0 0}
.about-boundary-grid>div:last-child p{font-size:16px;line-height:1.68;color:#3f4d57;margin:0 0 18px}
.about-boundary-grid .btn{margin-top:8px}

@media (max-width:1180px) and (min-width:761px){
  .books-hero-grid{grid-template-columns:54% 46%;gap:30px;min-height:430px}.books-page-title{font-size:clamp(64px,7.7vw,88px)}
  .books-hero-lede{font-size:16px}.books-section-heading{gap:35px}.featured-book-card{grid-template-columns:40% 60%}.featured-book-visual{padding:42px 30px}.featured-book-copy{padding:46px 38px}.book-use-list li{grid-template-columns:42% 58%}
  .book-method-grid{grid-template-columns:repeat(2,1fr)}
  .about-hero-grid{grid-template-columns:64% 36%;gap:38px;min-height:430px}.about-page-title{font-size:clamp(78px,9.3vw,108px)}
  .about-story-grid{grid-template-columns:28% 72%;gap:40px}.about-margin-note{padding:24px 18px}.about-margin-note strong{font-size:28px}
  .about-work-grid{gap:45px}.workbench-note{padding:46px 28px 32px}.workbench-note strong{font-size:38px}
  .about-origin-grid,.about-name-grid,.about-boundary-grid{gap:42px}
}

@media (max-width:760px){
  .books-hero{padding:44px 0 50px}.books-hero-grid{grid-template-columns:1fr;gap:30px;min-height:0}.books-page-title{font-size:clamp(62px,19vw,86px);max-width:7ch}.books-hero-lede{font-size:16px}.books-hero-scene{margin-inline:3px}
  .books-feature,.books-method,.books-future{padding:54px 0 60px}.books-section-heading{grid-template-columns:1fr;gap:16px;margin-bottom:26px}.books-section-heading h2{font-size:52px}.books-section-heading>p{font-size:14px}
  .featured-book-card{grid-template-columns:1fr;min-height:0}.featured-book-visual{min-height:480px;padding:44px 32px}.cover-wrap{width:min(68%,260px)}.book-note{right:14px;bottom:20px;font-size:12px}.featured-book-copy{padding:34px 24px 30px}.featured-book-copy h3{font-size:52px}.featured-subtitle{font-size:15px}.book-use-list li{grid-template-columns:1fr;gap:5px;padding:13px 0}.featured-book-footer{align-items:flex-start;flex-direction:column}.featured-book-footer .btn{width:100%}
  .book-method-grid{grid-template-columns:1fr}.book-method-grid article{min-height:0}.future-books-grid{grid-template-columns:1fr;gap:25px}.future-stack{min-height:330px}.future-book{width:200px;height:280px}.future-book-one span{font-size:34px}.future-copy h2{font-size:58px}
  .about-page-hero{padding:44px 0 52px}.about-hero-grid{grid-template-columns:1fr;gap:30px;min-height:0}.about-page-title{font-size:clamp(72px,21vw,102px)}.about-big-line{font-size:30px}.about-hero-lede{font-size:16px}.about-photo-frame{width:min(82%,360px);justify-self:center}
  .about-story,.about-work,.about-origin,.about-name,.about-boundary{padding:56px 0 62px}.about-story-grid,.about-work-grid,.about-origin-grid,.about-name-grid,.about-boundary-grid{grid-template-columns:1fr;gap:32px}.about-margin-note{position:static;max-width:330px}.about-long-copy h2,.about-work-copy h2,.about-origin-copy h2,.about-name-grid h2,.about-boundary-grid h2{font-size:52px}.about-long-copy>p,.about-work-copy>p,.about-origin-copy>p,.about-name-copy p,.about-boundary-grid>div:last-child p{font-size:15px}.about-inline-quote{font-size:18px;padding:20px}.workbench-note{margin:8px 4px 0;padding:44px 25px 28px}.workbench-note strong{font-size:38px}.about-name-copy strong{font-size:24px}
}

@media (max-width:420px){
  .books-page-title{font-size:61px}.featured-book-visual{min-height:420px}.cover-wrap{width:72%}.featured-book-copy h3{font-size:47px}.future-stack{min-height:300px}.future-book{width:180px;height:250px}.future-book-one span{font-size:30px}
  .about-page-title{font-size:72px}.about-big-line{font-size:27px}.about-long-copy h2,.about-work-copy h2,.about-origin-copy h2,.about-name-grid h2,.about-boundary-grid h2{font-size:46px}.about-principles-stack article{grid-template-columns:46px 1fr;padding:15px 14px}.workbench-note strong{font-size:34px}
}


/* =========================================================
   V14 — PRODUCT / USEFUL / ANSWERS / ARTICLE SYSTEM
   ========================================================= */
.product-hero{padding:62px 0 76px;overflow:hidden}.product-hero-grid{display:grid;grid-template-columns:58% 42%;gap:70px;align-items:center;min-height:640px}.product-title{font-size:clamp(78px,8vw,126px);line-height:.82;max-width:8.3ch;margin:13px 0 25px}.product-title span,.product-inside-copy h2 span,.answer-method h2 span,.answers-title span,.useful-title span{color:var(--orange2)}.product-kicker{font-size:22px;line-height:1.34;color:#f2e8d4;max-width:680px;font-weight:800}.product-intro{font-size:16px;line-height:1.7;color:#cfc5b7;max-width:680px}.product-pills{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0}.product-pills span{border:1px solid rgba(242,232,212,.22);padding:8px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.product-buy-row{display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid rgba(242,232,212,.16);padding-top:25px;margin-top:24px}.product-price strong{display:block;font-family:Impact,'Arial Narrow',sans-serif;font-size:48px;line-height:1;color:#f2e8d4}.product-price span,.product-price small{display:block;color:#c7bcad;font-size:12px;margin-top:4px}.product-cover-stage{position:relative;margin:0;min-height:610px;display:grid;place-items:center}.product-cover-stage img{position:relative;width:min(77%,400px);transform:rotate(2.5deg);box-shadow:0 34px 64px rgba(0,0,0,.5);z-index:2}.product-cover-shadow{position:absolute;width:68%;height:82%;background:#07111a;transform:translate(34px,24px) rotate(-3deg);border:1px solid rgba(255,255,255,.06)}.product-cover-stage figcaption{position:absolute;z-index:3;right:0;bottom:48px;background:#f2e8d4;color:#172633;padding:17px 20px;transform:rotate(-3deg);font-size:13px;line-height:1.35;box-shadow:0 15px 30px rgba(0,0,0,.28)}
.product-for{padding:84px 0}.product-for-grid{display:grid;grid-template-columns:38% 62%;gap:70px}.product-for-heading h2{font-size:clamp(58px,6vw,88px);line-height:.87;margin:10px 0;max-width:7ch}.situation-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c9bca7;border-left:1px solid #c9bca7}.situation-list article{display:grid;grid-template-columns:52px 1fr;gap:15px;align-items:start;border-right:1px solid #c9bca7;border-bottom:1px solid #c9bca7;padding:25px 22px;min-height:150px}.situation-list span{font-family:Impact,'Arial Narrow',sans-serif;font-size:30px;color:#d46a1f}.situation-list p{margin:2px 0 0;font-size:15px;line-height:1.55;color:#34434e}
.product-inside{padding:88px 0}.product-inside-grid{display:grid;grid-template-columns:46% 54%;gap:70px;align-items:center}.product-open-scene{margin:0;position:relative}.product-open-scene:before{content:'';position:absolute;inset:18px -18px -18px 18px;background:#d46a1f;opacity:.6}.product-open-scene img{position:relative;width:100%;display:block;box-shadow:0 28px 55px rgba(0,0,0,.35)}.product-inside-copy h2{font-size:clamp(58px,5.8vw,88px);line-height:.86;margin:10px 0 22px}.product-inside-copy>p{font-size:16px;line-height:1.68;color:#d2c8ba}.inside-list{margin-top:28px;border-top:1px solid rgba(242,232,212,.17)}.inside-list div{display:grid;grid-template-columns:38% 62%;gap:18px;padding:17px 0;border-bottom:1px solid rgba(242,232,212,.17)}.inside-list b{text-transform:uppercase;font-family:Impact,'Arial Narrow',sans-serif;font-size:23px}.inside-list span{color:#cfc5b7;font-size:13px;line-height:1.5}
.product-method{padding:84px 0}.product-section-heading{display:grid;grid-template-columns:58% 42%;gap:55px;align-items:end;margin-bottom:36px}.product-section-heading h2{font-size:clamp(58px,6vw,90px);line-height:.86;margin:7px 0 0;max-width:10ch}.product-section-heading>p{font-size:15px;line-height:1.65;color:#4b5962}.product-method-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #bdae98}.product-method-grid article{padding:28px 23px;min-height:235px;border-right:1px solid #bdae98}.product-method-grid article:last-child{border-right:0}.product-method-grid span{font-family:Impact,'Arial Narrow',sans-serif;color:#d46a1f;font-size:35px}.product-method-grid h3{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:30px;margin:42px 0 8px}.product-method-grid p{font-size:13px;line-height:1.5;color:#46545e}
.product-not{padding:84px 0}.product-not-grid{display:grid;grid-template-columns:48% 52%;gap:70px}.product-not-grid>div:first-child h2{font-size:clamp(58px,5.8vw,86px);line-height:.86;margin:8px 0 20px}.product-not-grid>div:first-child>p:last-child{font-size:16px;line-height:1.65;color:#cdc3b5}.not-list{border-top:1px solid rgba(242,232,212,.17)}.not-list article{padding:22px 0;border-bottom:1px solid rgba(242,232,212,.17)}.not-list b{display:block;font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:28px;color:#e7823f}.not-list p{color:#cfc5b7;font-size:13px;line-height:1.55}
.product-preview{padding:84px 0}.preview-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px}.preview-grid figure{margin:0;background:#122533;padding:14px;box-shadow:0 24px 45px rgba(20,32,40,.18)}.preview-grid img{width:100%;height:440px;object-fit:cover;display:block}.preview-grid figcaption{color:#efe3cf;padding:13px 5px 2px;font-size:12px;line-height:1.45}.product-direct{padding:84px 0}.product-direct-grid{display:grid;grid-template-columns:48% 52%;gap:70px;align-items:center}.product-direct-grid figure{margin:0}.product-direct-grid img{width:100%;display:block;box-shadow:0 26px 52px rgba(0,0,0,.35)}.product-direct-grid h2{font-size:clamp(58px,5.7vw,86px);line-height:.86;margin:8px 0 22px}.product-direct-grid p{font-size:15px;line-height:1.65;color:#cec4b6}.product-direct-grid .page-actions{margin-top:25px}

.useful-hero{padding:70px 0 84px;overflow:hidden}.useful-hero-grid{display:grid;grid-template-columns:66% 34%;gap:70px;align-items:center;min-height:430px}.useful-title{font-size:clamp(92px,10vw,150px);line-height:.8;margin:12px 0 25px}.useful-lede{font-size:18px;line-height:1.58;color:#d2c8ba;max-width:700px}.useful-scribble{background:#f2e8d4;color:#142432;padding:35px 32px;transform:rotate(2deg);box-shadow:0 22px 45px rgba(0,0,0,.3)}.useful-scribble span{display:inline-block;background:#d46a1f;color:white;padding:6px 9px;font-size:10px;letter-spacing:.12em;font-weight:900}.useful-scribble strong{display:block;font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:44px;line-height:.94;margin:25px 0}.useful-scribble small{font-size:12px;color:#59646c}.useful-picker{padding:80px 0}.useful-heading{display:grid;grid-template-columns:38% 62%;align-items:end;margin-bottom:35px}.useful-heading h2{font-size:clamp(58px,6vw,90px);line-height:.86;margin:8px 0;max-width:11ch}.need-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #bcad97}.need-grid a{color:#142432;text-decoration:none;padding:28px 23px;min-height:275px;border-right:1px solid #bcad97;display:flex;flex-direction:column}.need-grid a:last-child{border-right:0}.need-grid span{font-family:Impact,'Arial Narrow',sans-serif;color:#d46a1f;font-size:34px}.need-grid h3{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:33px;line-height:.98;margin:50px 0 10px}.need-grid p{font-size:13px;line-height:1.45;color:#52606a}.need-grid b{margin-top:auto;text-transform:uppercase;font-size:11px;letter-spacing:.07em}.need-grid a:hover{background:#fff8e9}.useful-tool-band{padding:84px 0}.tool-band-grid{display:grid;grid-template-columns:42% 58%;gap:72px}.tool-band-grid h2{font-size:clamp(60px,6vw,90px);line-height:.86;margin:8px 0 20px}.tool-band-grid>div>p:last-child{font-size:16px;line-height:1.65;color:#cfc5b7}.tool-steps{margin:0;padding:0;list-style:none;border-top:1px solid rgba(242,232,212,.18);counter-reset:steps}.tool-steps li{display:grid;grid-template-columns:41% 59%;gap:16px;padding:18px 0;border-bottom:1px solid rgba(242,232,212,.18)}.tool-steps b{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:26px}.tool-steps span{font-size:13px;line-height:1.5;color:#cfc5b7}.useful-tool-paper{padding:84px 0}.pressure-grid{display:grid;grid-template-columns:38% 62%;gap:70px}.pressure-copy h2{font-size:clamp(58px,5.8vw,86px);line-height:.87;margin:8px 0 20px}.pressure-copy p:last-child{font-size:15px;line-height:1.6;color:#52606a}.pressure-matrix{display:grid;grid-template-columns:1fr 1fr;border:1px solid #bcad97}.pressure-matrix article{min-height:200px;padding:24px;border-right:1px solid #bcad97;border-bottom:1px solid #bcad97}.pressure-matrix article:nth-child(2n){border-right:0}.pressure-matrix article:nth-last-child(-n+2){border-bottom:0}.pressure-matrix span{display:inline-block;background:#142432;color:#f2e8d4;padding:6px 10px;font-size:10px;font-weight:900;letter-spacing:.1em}.pressure-matrix h3{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:30px;margin:35px 0 8px}.pressure-matrix p{font-size:13px;color:#52606a}.useful-strategies{padding:84px 0}.dark-heading h2{color:#f2e8d4}.strategy-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(242,232,212,.18);border-bottom:1px solid rgba(242,232,212,.18)}.strategy-strip article{padding:30px 26px;border-right:1px solid rgba(242,232,212,.18);min-height:260px}.strategy-strip article:last-child{border-right:0}.strategy-strip b{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;color:#e7823f;font-size:32px}.strategy-strip p{font-size:14px;line-height:1.6;color:#cfc5b7}.strategy-strip a{display:inline-block;margin-top:20px;color:#f2e8d4;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.useful-keep{padding:84px 0}.keep-grid{display:grid;grid-template-columns:46% 54%;gap:70px;align-items:center}.keep-grid figure{margin:0;transform:rotate(-1.5deg)}.keep-grid img{width:100%;display:block;box-shadow:0 25px 45px rgba(27,35,39,.22)}.keep-grid h2{font-size:clamp(58px,5.8vw,86px);line-height:.86;margin:8px 0 20px}.keep-grid p{font-size:15px;line-height:1.6;color:#52606a}.hand-note{font-family:'Segoe Print','Bradley Hand',cursive!important;font-size:21px!important;color:#142432!important;transform:rotate(-2deg);margin:28px 0!important}.hand-note b{color:#d46a1f}

.answers-hero{padding:70px 0 84px;overflow:hidden}.answers-hero-grid{display:grid;grid-template-columns:67% 33%;gap:70px;align-items:center;min-height:470px}.answers-title{font-size:clamp(78px,8.5vw,128px);line-height:.82;max-width:9ch;margin:12px 0 25px}.answers-lede{font-size:17px;line-height:1.65;color:#d0c6b8;max-width:710px}.answer-search-note{background:#d46a1f;color:#fff;padding:34px 30px;transform:rotate(1.5deg);box-shadow:0 22px 45px rgba(0,0,0,.3)}.answer-search-note>b{font-size:10px;letter-spacing:.12em}.answer-search-note strong{display:block;font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:45px;line-height:.92;margin:25px 0}.answer-search-note p{font-size:13px;line-height:1.5}.answers-live{padding:84px 0}.answers-heading{display:grid;grid-template-columns:45% 55%;gap:50px;align-items:end;margin-bottom:35px}.answers-heading h2{font-size:clamp(58px,5.9vw,88px);line-height:.86;margin:8px 0}.answers-heading>p{font-size:15px;line-height:1.62;color:#52606a}.answer-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #bcae99;border-left:1px solid #bcae99}.answer-feature-card{position:relative;min-height:280px;padding:28px 30px;color:#142432;text-decoration:none;border-right:1px solid #bcae99;border-bottom:1px solid #bcae99;display:flex;flex-direction:column}.answer-feature-card:hover{background:#fff8e9}.answer-tag{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#d46a1f}.answer-feature-card h3{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:38px;line-height:1;margin:25px 0 10px;max-width:13ch}.answer-feature-card p{font-size:13px;line-height:1.52;color:#52606a;max-width:50ch}.answer-feature-card small{margin-top:auto;color:#7b766c}.answer-feature-card>b{margin-top:12px;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.answer-method{padding:84px 0}.answer-method-grid{display:grid;grid-template-columns:47% 53%;gap:70px}.answer-method-grid>div:first-child h2{font-size:clamp(58px,5.8vw,86px);line-height:.86;margin:8px 0}.answer-method-steps{border-top:1px solid rgba(242,232,212,.18)}.answer-method-steps article{display:grid;grid-template-columns:55px 32% 1fr;gap:15px;align-items:start;padding:18px 0;border-bottom:1px solid rgba(242,232,212,.18)}.answer-method-steps span{font-family:Impact,'Arial Narrow',sans-serif;color:#e7823f;font-size:28px}.answer-method-steps b{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:25px}.answer-method-steps p{margin:1px 0;color:#cfc5b7;font-size:13px;line-height:1.5}.answers-paths{padding:84px 0}.answer-path-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.answer-path-grid a{background:#142432;color:#f2e8d4;text-decoration:none;padding:26px 28px;display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:105px;border-left:5px solid #d46a1f}.answer-path-grid b{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:30px}.answer-path-grid span{font-size:12px;color:#cfc5b7;max-width:220px;text-align:right}

.article-hero{padding:52px 0 68px}.article-hero-grid{display:grid;grid-template-columns:65% 35%;gap:65px;align-items:end}.article-hero h1{font-size:clamp(67px,7vw,104px);line-height:.86;max-width:10ch;margin:15px 0 20px}.article-summary{font-size:17px;line-height:1.55;color:#d0c6b8;max-width:670px}.article-side-note{background:#f2e8d4;color:#142432;padding:30px 28px;box-shadow:0 22px 42px rgba(0,0,0,.3);transform:rotate(1deg)}.article-side-note>b{display:inline-block;background:#d46a1f;color:#fff;padding:6px 9px;font-size:10px;letter-spacing:.1em}.article-side-note p{font-size:15px;line-height:1.6;margin:20px 0 0}.article-paper{padding:72px 0 84px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:75px;justify-content:center}.article-section{position:relative;display:grid;grid-template-columns:55px 1fr;gap:25px;padding:0 0 46px;margin-bottom:43px;border-bottom:1px solid #c9bda9}.article-no{font-family:Impact,'Arial Narrow',sans-serif;font-size:36px;color:#d46a1f}.article-section h2{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:46px;line-height:1;margin:0 0 18px;color:#142432}.article-section p{font-size:17px;line-height:1.75;color:#384852;margin:0 0 18px}.article-rail{align-self:start;position:sticky;top:105px}.rail-card{background:#142432;color:#f2e8d4;padding:25px 23px;margin-bottom:14px}.rail-card span{font-size:10px;letter-spacing:.11em;color:#e7823f;font-weight:900}.rail-card p{font-size:12px;line-height:1.6;color:#d0c6b8}.rail-book{display:block;background:#d46a1f;color:white;text-decoration:none;padding:24px 22px}.rail-book small{display:block;text-transform:uppercase;letter-spacing:.09em}.rail-book b{display:block;font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:28px;line-height:1;margin:20px 0}.rail-book span{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.article-takeaway{background:#fff8e9;border:1px solid #c9bda9;padding:34px;margin-top:10px;box-shadow:8px 8px 0 #d46a1f}.article-takeaway h2{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:42px;line-height:1;margin:8px 0 15px}.article-takeaway>p:last-child{font-size:15px;line-height:1.6;color:#44535d}.article-related{padding:72px 0}.article-related h2{font-size:68px;margin:7px 0 28px}.related-answer-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(242,232,212,.18);border-left:1px solid rgba(242,232,212,.18)}.related-answer-grid a{min-height:190px;padding:24px;color:#f2e8d4;text-decoration:none;border-right:1px solid rgba(242,232,212,.18);border-bottom:1px solid rgba(242,232,212,.18);display:flex;flex-direction:column}.related-answer-grid small{color:#e7823f;text-transform:uppercase;letter-spacing:.08em}.related-answer-grid b{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:28px;line-height:1.02;margin:22px 0}.related-answer-grid span{margin-top:auto;font-size:11px;text-transform:uppercase}

@media(max-width:1180px) and (min-width:761px){.product-hero-grid{grid-template-columns:58% 42%;gap:35px}.product-title{font-size:82px}.product-cover-stage{min-height:530px}.product-for-grid,.product-inside-grid,.product-direct-grid,.tool-band-grid,.pressure-grid,.answer-method-grid{gap:42px}.product-method-grid{grid-template-columns:repeat(2,1fr)}.product-method-grid article:nth-child(2){border-right:0}.product-method-grid article:nth-child(-n+2){border-bottom:1px solid #bdae98}.need-grid{grid-template-columns:repeat(2,1fr)}.need-grid a:nth-child(2){border-right:0}.need-grid a:nth-child(-n+2){border-bottom:1px solid #bcad97}.answers-hero-grid{grid-template-columns:64% 36%;gap:38px}.article-hero-grid{grid-template-columns:62% 38%;gap:35px}.article-layout{grid-template-columns:minmax(0,1fr) 250px;gap:45px}}
@media(max-width:760px){.product-hero{padding:42px 0 55px}.product-hero-grid,.product-for-grid,.product-inside-grid,.product-not-grid,.product-direct-grid,.tool-band-grid,.pressure-grid,.keep-grid,.answers-hero-grid,.answer-method-grid,.article-hero-grid{grid-template-columns:1fr;gap:32px}.product-title{font-size:67px}.product-kicker{font-size:18px}.product-buy-row{align-items:flex-start;flex-direction:column}.product-cover-stage{min-height:500px}.product-cover-stage img{width:min(72%,300px)}.product-for,.product-inside,.product-method,.product-not,.product-preview,.product-direct,.useful-picker,.useful-tool-band,.useful-tool-paper,.useful-strategies,.useful-keep,.answers-live,.answer-method,.answers-paths{padding:55px 0 60px}.product-for-heading h2,.product-inside-copy h2,.product-section-heading h2,.product-not-grid>div:first-child h2,.product-direct-grid h2,.tool-band-grid h2,.pressure-copy h2,.keep-grid h2,.answers-heading h2,.answer-method-grid>div:first-child h2{font-size:52px}.situation-list{grid-template-columns:1fr}.inside-list div,.tool-steps li{grid-template-columns:1fr;gap:5px}.product-section-heading,.useful-heading,.answers-heading{grid-template-columns:1fr;gap:15px}.product-method-grid,.need-grid,.strategy-strip,.answer-feature-grid,.answer-path-grid,.related-answer-grid{grid-template-columns:1fr}.product-method-grid article,.need-grid a,.strategy-strip article{border-right:0;border-bottom:1px solid #bcad97;min-height:0}.product-method-grid article:last-child,.need-grid a:last-child,.strategy-strip article:last-child{border-bottom:0}.preview-grid{grid-template-columns:1fr}.preview-grid img{height:330px}.useful-hero,.answers-hero{padding:44px 0 58px}.useful-hero-grid{grid-template-columns:1fr;gap:30px;min-height:0}.useful-title{font-size:83px}.useful-scribble,.answer-search-note{width:min(90%,360px);justify-self:center}.pressure-matrix{grid-template-columns:1fr}.pressure-matrix article{border-right:0!important;border-bottom:1px solid #bcad97!important}.pressure-matrix article:last-child{border-bottom:0!important}.strategy-strip{border-left:1px solid rgba(242,232,212,.18);border-right:1px solid rgba(242,232,212,.18)}.answers-title{font-size:63px}.answer-feature-card{min-height:245px}.answer-feature-card h3{font-size:34px}.answer-method-steps article{grid-template-columns:45px 1fr;gap:12px}.answer-method-steps p{grid-column:2}.answer-path-grid a{align-items:flex-start;flex-direction:column}.answer-path-grid span{text-align:left}.article-hero{padding:42px 0 52px}.article-hero h1{font-size:58px}.article-side-note{transform:none}.article-paper{padding:52px 0 60px}.article-layout{grid-template-columns:1fr;gap:36px}.article-section{grid-template-columns:42px 1fr;gap:16px;padding-bottom:35px;margin-bottom:34px}.article-section h2{font-size:38px}.article-section p{font-size:16px}.article-rail{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px}.article-related{padding:55px 0}.article-related h2{font-size:53px}.related-answer-grid a{min-height:145px}}
@media(max-width:420px){.product-title{font-size:59px}.product-cover-stage{min-height:440px}.product-for-heading h2,.product-inside-copy h2,.product-section-heading h2,.product-not-grid>div:first-child h2,.product-direct-grid h2,.tool-band-grid h2,.pressure-copy h2,.keep-grid h2,.answers-heading h2,.answer-method-grid>div:first-child h2{font-size:46px}.useful-title{font-size:72px}.useful-scribble strong,.answer-search-note strong{font-size:38px}.answers-title{font-size:56px}.article-hero h1{font-size:50px}.article-section{grid-template-columns:1fr}.article-no{font-size:28px}.article-section h2{font-size:35px}.article-rail{grid-template-columns:1fr}}

/* V14 tablet guard: keep the handwritten/statement blocks readable in the narrow desktop-to-mobile band. */
@media (max-width:900px) and (min-width:761px){
  .useful-scribble strong,.answer-search-note strong{font-size:34px;overflow-wrap:anywhere}
  .useful-hero-grid,.answers-hero-grid{gap:26px}
}


/* =========================================================
   V17 LAUNCH-READINESS PASS
   - contact / legal / shipping / returns
   - mobile and tablet hardening
   - focus/accessibility polish
   ========================================================= */

:focus-visible{outline:3px solid #ff8a42;outline-offset:3px}
select,textarea{font:inherit}
.modal-text-link{display:inline-block;margin-top:12px;color:#ff8a42;font-weight:800;text-decoration:none}

.policy-hero{padding:52px 0 66px;overflow:hidden}
.policy-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:65px;align-items:end}
.policy-title{font-size:clamp(64px,6.7vw,102px);line-height:.87;max-width:10ch;margin:14px 0 20px}
.policy-lede{max-width:720px;color:#d2c7b8;font-size:18px;line-height:1.6;margin:0}
.policy-stamp{background:#f2e8d4;color:#142432;padding:28px 28px 30px;box-shadow:12px 14px 0 rgba(212,106,31,.9),0 22px 45px rgba(0,0,0,.3);transform:rotate(1deg)}
.policy-stamp>span{display:inline-block;background:#142432;color:#f2e8d4;padding:6px 9px;font-size:10px;font-weight:900;letter-spacing:.11em}
.policy-stamp strong{display:block;font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:38px;line-height:1;margin:20px 0 11px}
.policy-stamp p{margin:0;font-size:13px;line-height:1.55;color:#475761}
.policy-paper{padding:70px 0 85px}
.policy-layout{display:grid;grid-template-columns:245px minmax(0,780px);gap:72px;justify-content:center;align-items:start}
.policy-rail{position:sticky;top:115px;background:#142432;color:#f2e8d4;padding:25px 23px;box-shadow:8px 8px 0 #d46a1f}
.policy-rail>b{font-size:10px;color:#e7823f;letter-spacing:.12em}
.policy-rail>p{font-size:13px;line-height:1.6;color:#d7ccbd;margin:16px 0 20px}
.policy-rail>a{display:block;color:#f2e8d4;text-decoration:none;padding:9px 0;border-top:1px solid rgba(242,232,212,.16);font-weight:800;font-size:12px}
.policy-copy{min-width:0}
.policy-copy section{padding:0 0 30px;margin:0 0 30px;border-bottom:1px solid #c7baa6;scroll-margin-top:115px}
.policy-copy section:last-child{border-bottom:0;margin-bottom:0}
.policy-copy h2{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:37px;line-height:1.02;color:#142432;margin:0 0 14px}
.policy-copy p,.policy-copy li{font-size:16px;line-height:1.72;color:#3f4f58}
.policy-copy ul{padding-left:22px}
.policy-copy a{color:#a84b10;font-weight:800}
.prelaunch-flag{background:#fff8e9;border:1px solid #c8baa5;border-left:7px solid #d46a1f;padding:18px 20px;margin:0 0 34px;display:grid;grid-template-columns:155px 1fr;gap:18px;align-items:start}
.prelaunch-flag b{font-size:10px;letter-spacing:.1em;color:#a84b10;padding-top:3px}
.prelaunch-flag span{font-size:13px;line-height:1.5;color:#495761}

.contact-page{padding:68px 0 82px}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,500px);gap:72px;align-items:start}
.contact-reasons>.display{font-size:clamp(58px,5.5vw,82px);line-height:.88;max-width:8ch;margin:8px 0 35px}
.contact-reason-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #c1b39f;border-left:1px solid #c1b39f}
.contact-reason-grid article{padding:23px;min-height:190px;border-right:1px solid #c1b39f;border-bottom:1px solid #c1b39f}
.contact-reason-grid article>span{font-family:Impact,'Arial Narrow',sans-serif;color:#d46a1f;font-size:26px}
.contact-reason-grid h3{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:26px;line-height:1;margin:18px 0 10px}
.contact-reason-grid p{font-size:13px;line-height:1.5;color:#56636b}
.contact-form-wrap{background:#fff8e9;border:1px solid #c9bba6;padding:28px;box-shadow:12px 12px 0 #142432}
.contact-form-wrap .prelaunch-flag{grid-template-columns:1fr;margin-bottom:24px}
.contact-form{display:grid;gap:18px}
.contact-form label>span{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#354650;margin-bottom:7px}
.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{width:100%;border:1px solid #ac9e89;background:#fffdf7;color:#142432;padding:13px 14px;border-radius:0;min-height:48px}
.contact-form textarea{resize:vertical;min-height:150px}
.contact-form .check-row{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start}
.contact-form .check-row input{width:18px;height:18px;margin:2px 0 0;accent-color:#d46a1f}
.contact-form .check-row>span{font-size:12px;line-height:1.5;text-transform:none;letter-spacing:0;font-weight:400;margin:0}
.contact-form .check-row a{color:#a84b10;font-weight:800}
.contact-form .btn{justify-self:start}
.contact-boundary{padding:65px 0 72px}
.contact-boundary-grid{display:grid;grid-template-columns:48% 52%;gap:70px;align-items:start}
.contact-boundary-grid h2{font-size:clamp(56px,5.5vw,82px);line-height:.88;max-width:8ch}
.contact-boundary-grid p{font-size:16px;line-height:1.65;color:#d4c9ba;margin:0 0 15px}
.contact-boundary-grid strong{color:#f2e8d4}

/* V16: cross-device hardening. Prevent decorative type and long URLs from creating horizontal scroll. */
body,main,section,article,aside,nav,div{min-width:0}
.policy-copy,.contact-page{overflow-wrap:anywhere}
.footer-grid a{min-height:34px;display:inline-flex;align-items:center}
@media (max-width:1180px) and (min-width:761px){
  .policy-hero-grid{grid-template-columns:minmax(0,1fr) 300px;gap:38px}.policy-title{font-size:74px}.policy-layout{grid-template-columns:210px minmax(0,1fr);gap:42px}.contact-layout{grid-template-columns:52% 48%;gap:38px}.contact-form-wrap{padding:22px}.contact-reason-grid{grid-template-columns:1fr}.contact-reason-grid article{min-height:0}.contact-boundary-grid{gap:38px}
}
@media (max-width:760px){
  .policy-hero{padding:42px 0 52px}.policy-hero-grid,.policy-layout,.contact-layout,.contact-boundary-grid{grid-template-columns:1fr;gap:32px}.policy-title{font-size:60px;max-width:9ch}.policy-lede{font-size:16px}.policy-stamp{transform:none;box-shadow:8px 9px 0 rgba(212,106,31,.9)}.policy-paper,.contact-page{padding:54px 0 62px}.policy-rail{position:static;order:2}.policy-copy{order:1}.prelaunch-flag{grid-template-columns:1fr;gap:7px}.policy-copy h2{font-size:33px}.policy-copy p,.policy-copy li{font-size:15px;line-height:1.65}.contact-reasons>.display{font-size:52px}.contact-reason-grid{grid-template-columns:1fr}.contact-reason-grid article{min-height:0}.contact-form-wrap{padding:20px;box-shadow:7px 8px 0 #142432}.contact-boundary{padding:54px 0 60px}.contact-boundary-grid h2{font-size:51px}.footer-grid nav{gap:10px 16px;flex-wrap:wrap}
}
@media (max-width:420px){
  .policy-title{font-size:52px}.policy-stamp strong{font-size:33px}.policy-copy h2{font-size:30px}.contact-reasons>.display{font-size:47px}.contact-boundary-grid h2{font-size:46px}
}


/* V18 legal-lock additions */
.legal-id-card{margin-top:32px;padding:26px;border:1px solid rgba(13,27,42,.18);background:rgba(255,255,255,.42);box-shadow:0 12px 30px rgba(13,27,42,.08)}
.legal-id-card h3{font-size:clamp(1.25rem,2vw,1.65rem);margin:.2rem 0 1rem}.legal-id-card a,.policy-copy a{overflow-wrap:anywhere}
.cancellation-form-print{margin:24px 0;padding:28px;background:#fff;border:2px solid rgba(13,27,42,.16);box-shadow:0 10px 24px rgba(13,27,42,.06)}
.cancellation-form-print .form-line{margin:22px 0;line-height:1.8}
@media (max-width:700px){.legal-id-card,.cancellation-form-print{padding:20px}.cancellation-form-print .form-line{margin:18px 0}}
@media print{.site-header,.site-footer,.progress,.policy-hero,.policy-rail,.modal,.toast{display:none!important}.policy-paper{background:#fff!important}.policy-layout{display:block!important}.cancellation-form-print{box-shadow:none;border:1px solid #222}.policy-copy{max-width:none!important}}