@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;1,600&family=Inter:wght@400;600;700&display=swap');
:root{--ink:#171a1b;--paper:#f2e6cf;--paper2:#e3cfaa;--blue:#234f67;--red:#a44432;--moss:#62705a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,sans-serif;overflow-x:hidden}
nav{position:sticky;z-index:10;top:0;display:flex;justify-content:space-between;align-items:center;padding:.8rem clamp(1rem,5vw,5rem);background:rgba(242,230,207,.92);backdrop-filter:blur(14px);border-bottom:1px solid #cdb991}
button{background:var(--ink);color:#fff;border:0;border-radius:999px;padding:.9rem 1.2rem;font-weight:700;cursor:pointer}.brand{color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:.12em}.hero,.journey,.diagnostic,.reframe,.reveal,.sample,.deck,.boundaries,.research,.offer,.faq{padding:clamp(4rem,10vw,9rem) clamp(1.2rem,7vw,7rem)}
.hero{min-height:92vh;display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;background:radial-gradient(circle at 78% 25%,rgba(35,79,103,.18),transparent 32%),linear-gradient(180deg,#f5ead7,#e9d7b7)}
h1,h2,h3{font-family:'Cormorant Garamond',serif;line-height:.96;margin:.2em 0}h1{font-size:clamp(3.3rem,7vw,7rem);max-width:13ch}h2{font-size:clamp(2.8rem,6vw,5.7rem)}h3{font-size:2rem}em{color:var(--red)}.eyebrow{color:var(--red);font-weight:800;letter-spacing:.14em;font-size:.78rem}.actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:2rem 0}.actions a{color:var(--ink);font-weight:700}
.hero-art{aspect-ratio:1;border:1px solid #9e8965;border-radius:50%;position:relative;display:grid;place-items:center;overflow:hidden;box-shadow:0 40px 90px rgba(23,26,27,.16);transform:translateY(var(--parallax,0));transition:transform .1s linear}.hero-art img{width:100%;height:100%;object-fit:cover}
.journey{background:var(--ink);color:var(--paper)}.chapters{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:4rem}.chapter{min-height:360px;padding:2rem 1.2rem;border:1px solid #4d5555;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent);transform:translateY(calc(var(--depth,1)*var(--lift,0px)))}.rule{color:#d8c39f}
.diagnostic{text-align:center}.lens-grid,.product-grid,.sample-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.lens{background:#fff7e7;color:var(--ink);border:1px solid #c6ad82;border-radius:1rem;text-align:left}.lens span{display:block;font:600 1.8rem 'Cormorant Garamond'}.lens small{display:block;margin-top:.5rem}.result{margin:2rem auto 0;padding:1.2rem;max-width:760px;border-left:5px solid var(--red);background:#ead8b8;text-align:left}
.visual-break{padding:0;background:var(--ink);display:grid;place-items:center;overflow:hidden}.visual-break img{width:min(100%,1254px);height:auto;display:block}.reframe{display:grid;grid-template-columns:1fr 1fr;gap:4rem;background:var(--blue);color:#fff}.reframe ol{font-size:1.2rem;display:grid;gap:1rem}.reveal{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:clamp(2rem,6vw,6rem);align-items:center}.product-visual img,.deck-visual img{display:block;width:100%;height:auto;border-radius:1.5rem;box-shadow:0 30px 70px rgba(23,26,27,.22)}.product-grid{grid-template-columns:repeat(3,1fr)}.product-grid article,.sample-grid p{padding:1.5rem;background:#fff7e7;border:1px solid #d2bd97}.sample{background:#dfcba7}.sample-grid{grid-template-columns:repeat(3,1fr)}
.deck{display:grid;grid-template-columns:1fr 1fr;gap:4rem;background:var(--moss);color:white;align-items:center}
.research,.offer{text-align:center}.offer{background:var(--ink);color:var(--paper)}.price{font:600 5rem/1 'Cormorant Garamond'}.price small{font:1rem Inter}.faq{max-width:900px;margin:auto}.faq details{padding:1rem 0;border-top:1px solid #b9a47e}.faq summary{font-weight:700;cursor:pointer}
dialog{width:min(520px,90vw);border:0;border-radius:1.5rem;background:var(--paper);padding:2rem;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#0008}.close{float:right;background:transparent;color:var(--ink);font-size:2rem;padding:.2rem}.total{font-size:1.5rem}dialog label{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid #cdb991}
@media(max-width:900px){.hero,.reframe,.reveal,.deck{grid-template-columns:1fr}.hero-art{max-width:540px}.chapters{grid-template-columns:1fr 1fr}.lens-grid{grid-template-columns:1fr 1fr}.product-grid,.sample-grid{grid-template-columns:1fr}}
@media(max-width:560px){nav .brand{font-size:.75rem}.hero{padding-top:3rem}.hero-art{order:-1}.chapters,.lens-grid{grid-template-columns:1fr}.chapter{min-height:0}h1{font-size:3.4rem}.hero,.journey,.diagnostic,.reframe,.reveal,.sample,.deck,.boundaries,.research,.offer,.faq{padding-left:1rem;padding-right:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art,.chapter{transform:none!important;transition:none!important}}