:root {
  --paper:#f5eddf;
  --paper-light:#fffaf0;
  --paper-deep:#e6d6bd;
  --ink:#17233a;
  --ink-soft:#48556a;
  --coral:#d85443;
  --coral-light:#e9a38c;
  --mustard:#e8bf58;
  --blue:#5f84a1;
  --line:rgba(23,35,58,.18);
  --serif:Georgia,"Times New Roman",serif;
  --sans:"Trebuchet MS",Arial,sans-serif;
}

*{box-sizing:border-box}
html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;overflow-x:clip;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 12% 8%,#fff9 0 4%,transparent 24%),radial-gradient(circle at 84% 48%,#d8544310 0 2%,transparent 20%),linear-gradient(130deg,#f8f1e6,var(--paper) 50%,var(--paper-deep))}
.grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.22;background-image:repeating-linear-gradient(0deg,#17233a08 0,#17233a08 1px,transparent 1px,transparent 5px),repeating-linear-gradient(93deg,#d8544307 0,#d8544307 1px,transparent 1px,transparent 8px);mix-blend-mode:multiply}
img,video{max-width:100%}
img{height:auto}
a{color:inherit}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.04em}
h1{font-size:clamp(3.2rem,6.3vw,6.1rem);line-height:.94;margin-bottom:1.75rem}
h2{font-size:clamp(2.45rem,4.7vw,4.6rem);line-height:1;margin-bottom:1.25rem}
h3{font-size:1.9rem;line-height:1.05;margin-bottom:.75rem}
.shell{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.full-bleed{width:100%}
.site-header{width:min(1160px,calc(100% - 64px));min-height:92px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:.55rem;font:bold .95rem/1 var(--serif);letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
.brand-flower{font-size:1.65rem;color:var(--coral)}
.header-link{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;color:var(--coral);font-size:.85rem;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.09em}
.header-link:hover{text-decoration:underline}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:6rem;align-items:center;min-height:760px;padding-block:5.5rem}
.kicker{margin-bottom:1.25rem;color:var(--coral);font-size:.73rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.hero h1 em{color:var(--coral);font-style:normal}
.hero-text{max-width:590px;margin-bottom:1.5rem;color:var(--ink-soft);font-size:1.13rem;line-height:1.72}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:54px;padding:1rem 1.25rem;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font-size:.9rem;font-weight:700;text-decoration:none;text-align:center;transition:transform .18s,box-shadow .18s}
.button:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}
.button-primary{background:var(--coral);color:var(--paper-light)}
.hero-media{position:relative;display:flex;justify-content:center;min-height:520px}
.hero-card{width:min(360px,80%);padding:12px 12px 28px;background:#fffdf8;border:1px solid var(--line);box-shadow:17px 20px 0 var(--blue);transform:rotate(2deg)}
.hero-card video{display:block;width:100%;height:auto;background:var(--paper)}
.tape{position:absolute;z-index:2;width:110px;height:30px;background:#e8bf58d8;border:1px solid #17233a20}
.tape-top{top:-14px;left:50%;transform:translateX(-50%) rotate(-5deg)}
.scribble{position:absolute;right:0;bottom:10px;color:var(--coral);font:italic 1.15rem var(--serif);transform:rotate(-4deg)}
.round-stamp{position:absolute;left:-8px;top:70px;display:grid;place-items:center;width:106px;height:106px;border:2px solid var(--ink);border-radius:50%;background:var(--mustard);box-shadow:5px 5px 0 var(--ink);font-size:.68rem;font-weight:700;line-height:1.45;text-align:center;letter-spacing:.1em;transform:rotate(-10deg)}
.recognition{background:var(--ink);color:var(--paper-light)}
.recognition-inner{display:grid;grid-template-columns:.72fr 1.28fr;gap:8rem;align-items:start;padding-block:6rem}
.recognition-lead{max-width:260px;margin:0;color:var(--mustard);font:italic 1.55rem/1.35 var(--serif);transform:rotate(-3deg)}
.recognition-copy h2{font-size:clamp(2.45rem,4vw,4.15rem);color:var(--paper-light)}
.recognition-copy p{max-width:650px;margin-bottom:0;color:#c9d0d9;font-size:1.08rem;line-height:1.75}
.ritual{padding-block:7rem}
.section-intro{max-width:730px;margin-bottom:3.5rem}
.section-intro>p:not(.kicker){max-width:560px;color:var(--ink-soft);font-size:1.05rem}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.step{position:relative;min-height:390px;padding:2rem;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);overflow:hidden}
.step-coral{background:var(--coral);color:var(--paper-light)}
.step-mustard{background:var(--mustard)}
.step-blue{background:var(--blue);color:var(--paper-light)}
.step-icon{margin:1rem 0 1.5rem;font:4rem/1 var(--serif)}
.step p{max-width:270px;margin-bottom:1.3rem;font-size:1rem;line-height:1.62}
.step small{display:block;max-width:260px;padding-top:1rem;border-top:1px solid currentColor;font-size:.76rem;opacity:.82}
.bridge{padding-block:7rem;background:#e9ddcc}
.bridge-inner{display:grid;grid-template-columns:1fr .95fr 1fr;gap:3.5rem;align-items:center}
.paper-frame{margin:0;padding:10px 10px 28px;background:#fffdf8;border:1px solid var(--line);box-shadow:10px 12px 0 var(--coral);transform:rotate(-4deg)}
.paper-frame img{display:block;width:100%;height:auto}
.paper-frame-photo{box-shadow:10px 12px 0 var(--blue);transform:rotate(4deg)}
.paper-frame-photo img{aspect-ratio:1/1.28;object-fit:cover;object-position:center}
.caption{margin:1.6rem 0 0;text-align:center;font:italic 1.05rem var(--serif)}
.bridge-copy{text-align:center}
.bridge-copy p{color:var(--coral);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.11em}
.bridge-copy h2{font-size:clamp(2.2rem,3.7vw,3.7rem)}
.bridge-arrow{display:block;margin-bottom:1rem;color:var(--blue);font:3.5rem var(--serif)}
.inside{padding-block:7rem}
.inside-intro{margin-inline:auto;text-align:center}
.inside-intro .kicker{justify-content:center}
.inside-intro>p:not(.kicker){margin-inline:auto}
.collection-layout{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
.collection-stack{position:relative;min-height:510px}
.collection-stack img{position:absolute;width:68%;padding:7px;background:#fffdf8;border:1px solid var(--line);box-shadow:8px 10px 0 #17233a18}
.collection-stack img:nth-child(1){top:0;left:0;transform:rotate(-7deg)}
.collection-stack img:nth-child(2){top:80px;right:0;transform:rotate(7deg)}
.collection-stack img:nth-child(3){bottom:0;left:13%;transform:rotate(-1deg)}
.collection-list article{padding:1.5rem 0;border-top:1px solid var(--line)}
.collection-list article:last-child{border-bottom:1px solid var(--line)}
.collection-list h3{margin-bottom:.4rem;font-size:1.55rem}
.collection-list p{margin-bottom:0;color:var(--ink-soft);font-size:.94rem}
.real-life{padding-block:7rem;background:var(--coral);color:var(--paper-light)}
.centered{margin-inline:auto;text-align:center}
.centered .kicker{justify-content:center;color:var(--mustard)}
.centered>p:not(.kicker){margin-inline:auto;color:#ffe8dc}
.photo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;align-items:center}
.photo-strip figure{margin:0;padding:7px 7px 22px;background:#fffdf8;box-shadow:6px 7px 0 var(--ink)}
.photo-strip figure:nth-child(even){transform:rotate(2deg) translateY(16px)}
.photo-strip figure:nth-child(odd){transform:rotate(-2deg)}
.photo-strip img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}
.proof-note{max-width:700px;margin:3rem auto 0;text-align:center;font:italic 1.08rem var(--serif)}
.fit{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding-block:7rem}
.fit-card{padding:3rem;background:var(--ink);color:var(--paper-light);box-shadow:7px 7px 0 var(--coral)}
.fit-card-light{background:var(--mustard);color:var(--ink);box-shadow:7px 7px 0 var(--blue)}
.fit-card .kicker{color:var(--mustard)}
.fit-card-light .kicker{color:var(--coral)}
.fit-card h2{font-size:clamp(2.2rem,3.7vw,3.6rem)}
.fit-card ul{list-style:none;padding:0;margin:2rem 0 0}
.fit-card li{display:flex;gap:.8rem;padding:1rem 0;border-top:1px solid #ffffff38}
.fit-card-light li{border-color:#17233a30}
.fit-card li span{color:var(--mustard);font-weight:700}
.fit-card-light li span{color:var(--coral)}
.offer{padding-block:3rem 7rem}
.offer-card{padding:4.5rem;background:var(--ink);color:var(--paper-light);box-shadow:12px 12px 0 var(--coral)}
.offer-top{max-width:720px;margin:0 auto 3rem;text-align:center}
.offer-top .kicker{justify-content:center}
.kicker-light{color:var(--mustard)}
.offer-top h2{color:var(--paper-light)}
.offer-top>p:not(.kicker){color:#c9d0d9;font-size:1.05rem}
.offer-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;align-items:center}
.offer-visual{position:relative;padding:10px 10px 30px;background:#fffdf8;transform:rotate(-3deg);box-shadow:10px 12px 0 var(--blue)}
.offer-visual video{display:block;width:100%;height:auto;background:var(--paper)}
.offer-visual span{position:absolute;right:-20px;bottom:28px;padding:.75rem 1rem;background:var(--mustard);border:2px solid var(--ink);color:var(--ink);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;transform:rotate(6deg)}
.checklist{list-style:none;padding:0;margin:0 0 1.5rem}
.checklist li{display:flex;gap:.8rem;padding:.85rem 0;border-bottom:1px solid #ffffff2b}
.checklist li span{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:var(--mustard);color:var(--ink);font-weight:700}
.price-block{display:grid;grid-template-columns:auto 1fr;align-items:end;margin:2rem 0 1.25rem}
.price-block small{grid-column:1/-1;color:#abb5c1;font-size:.8rem}
.price-block strong{color:var(--mustard);font:400 clamp(3.8rem,6vw,5.6rem)/.95 var(--serif);letter-spacing:-.06em}
.price-block span{padding:0 0 .55rem .8rem;color:#abb5c1;font-size:.8rem}
.button-offer{width:100%;background:var(--mustard);color:var(--ink);border-color:var(--mustard);box-shadow:5px 5px 0 var(--coral)}
.payment-note{margin:.9rem 0 0;color:#abb5c1;font-size:.78rem;text-align:center}
.guarantee{display:flex;align-items:center;gap:1.5rem;max-width:760px;margin:3rem auto 0;padding:1.4rem;border:1px dashed #ffffff55}
.guarantee img{flex:0 0 92px;width:92px;filter:drop-shadow(0 5px 8px #0006)}
.guarantee strong{color:var(--mustard)}
.guarantee p{margin:.3rem 0 0;color:#c9d0d9;font-size:.86rem}
.faq{display:grid;grid-template-columns:.78fr 1.22fr;gap:7rem;padding-block:7rem}
.faq-list details{padding:1.35rem 0;border-top:1px solid var(--line)}
.faq-list details:last-child{border-bottom:1px solid var(--line)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;cursor:pointer;list-style:none;font:1.45rem/1.2 var(--serif)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{color:var(--coral);font:1.7rem var(--sans);transition:transform .2s}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{margin:1rem 2.5rem 0 0;color:var(--ink-soft);font-size:.95rem;line-height:1.65}
.closing{padding-block:6rem;background:var(--mustard)}
.closing-inner{text-align:center}
.closing p{margin-bottom:.7rem;color:var(--coral);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.closing h2{max-width:850px;margin-inline:auto}
.closing .button{margin-top:1rem}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:2.5rem;color:#667184;font-size:.8rem}
.site-footer p{margin:0}
.mobile-buy{display:none}
a:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}

@media(max-width:900px){
  .shell,.site-header{width:min(680px,calc(100% - 40px))}
  .site-header{min-height:76px}
  .header-link{display:none}
  .hero{grid-template-columns:1fr;gap:3rem;min-height:0;padding-block:3rem 4rem}
  h1{font-size:clamp(2.85rem,11vw,4.8rem)}
  .hero-text{font-size:1rem}
  .hero-media{min-height:440px}
  .recognition-inner{grid-template-columns:1fr;gap:2rem;padding-block:4.5rem}
  .recognition-lead{max-width:450px}
  .ritual,.inside,.real-life,.fit,.faq{padding-block:4.5rem}
  .steps{grid-template-columns:1fr;gap:1.2rem}
  .step{min-height:0}
  .step-icon{margin:2rem 0 1rem}
  .bridge-inner{grid-template-columns:1fr;gap:3rem;max-width:520px}
  .bridge-copy{order:-1}
  .bridge-arrow{transform:rotate(90deg)}
  .collection-layout{grid-template-columns:1fr;gap:3rem}
  .collection-stack{display:grid;grid-template-columns:1fr 1fr;gap:1rem;min-height:0}
  .collection-stack img{position:static;width:100%;height:auto;transform:none!important}
  .collection-stack img:first-child{grid-column:1/-1}
  .photo-strip{grid-template-columns:1fr 1fr}
  .fit{grid-template-columns:1fr}
  .offer-card{padding:3rem 1.75rem}
  .offer-grid{grid-template-columns:1fr;gap:3rem}
  .offer-visual{width:min(380px,86%);margin-inline:auto}
  .faq{grid-template-columns:1fr;gap:1rem}
  .site-footer{flex-direction:column;align-items:flex-start}
}

@media(max-width:560px){
  body{padding-bottom:74px}
  .shell,.site-header{width:calc(100% - 32px)}
  h2{font-size:2.45rem}
  .hero{padding-top:2.25rem}
  .button{width:100%;font-size:.85rem}
  .hero-media{min-height:360px}
  .hero-card{width:72%;padding:7px 7px 18px;box-shadow:10px 12px 0 var(--blue)}
  .round-stamp{left:0;top:45px;width:84px;height:84px;font-size:.57rem}
  .scribble{right:0;bottom:4px;font-size:.95rem}
  .section-intro{margin-bottom:2.25rem}
  .recognition-copy h2{font-size:2.55rem}
  .step{width:100%;padding:1.5rem;box-shadow:4px 4px 0 var(--ink);overflow-wrap:anywhere}
  .step-icon{margin:.25rem 0 1.25rem}
  .bridge{padding-block:4.5rem}
  .paper-frame{max-width:390px;margin-inline:auto}
  .collection-layout{gap:2.25rem}
  .collection-stack{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.5rem}
  .collection-stack img{padding:5px;box-shadow:4px 5px 0 #17233a18}
  .collection-list article{padding:1.25rem 0}
  .paper-frame-photo img{aspect-ratio:auto;object-fit:contain}
  .photo-strip{grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
  .photo-strip figure{align-self:start;padding:5px 5px 14px;box-shadow:4px 4px 0 var(--ink);transform:none!important}
  .photo-strip img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
  .fit-card{padding:2rem 1.4rem}
  .offer{width:100%;padding-bottom:4.5rem}
  .offer-card{box-shadow:none}
  .offer-top{margin-bottom:2rem}
  .offer-visual{width:min(300px,90%);transform:none}
  .offer-visual video{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
  .price-block strong{font-size:4rem}
  .guarantee{align-items:flex-start;gap:1rem}
  .guarantee img{flex-basis:72px;width:72px}
  .faq-list summary{font-size:1.28rem}
  .site-footer{padding-bottom:1.5rem}
  .mobile-buy{position:fixed;z-index:40;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));background:var(--ink);color:var(--paper-light);box-shadow:0 -5px 18px #0003;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(100%);transition:opacity .2s ease,transform .2s ease,visibility .2s}
  .mobile-buy.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
  .mobile-buy div{display:flex;flex-direction:column;line-height:1}
  .mobile-buy small{color:#b8c1cd;font-size:.6rem}
  .mobile-buy strong{color:var(--mustard);font:1.45rem var(--serif)}
  .mobile-buy a{padding:.75rem 1rem;background:var(--coral);font-size:.78rem;font-weight:700;text-decoration:none}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.faq-list summary span,.mobile-buy{transition:none}}