@font-face{font-family:DM Sans;src:url(fonts/dm-sans.woff2) format("woff2");font-weight:100 1000;font-display:swap}
:root{--ink:#202b37;--muted:#535b61;--cream:#faf6ef;--paper:#fffdf9;--rust:#a9341d;--line:#e4dbcf;--dark:#222f3b;--heading:Arial,"Helvetica Neue",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.6 "DM Sans",system-ui,sans-serif}
img,video{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid #d56c3f;outline-offset:4px}
[hidden]{display:none!important}
.skip{position:fixed;top:.5rem;left:.5rem;z-index:1000;padding:.5rem 1rem;background:white;transform:translateY(-200%)}
.skip:focus{transform:none}
.wrap{width:min(100% - 7rem,1240px);margin-inline:auto}
.site-header{background:var(--cream);border-bottom:1px solid #e9e0d6}
.header-inner{min-height:81px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-block;flex-shrink:0}
.brand img{height:auto}
.header-inner nav,.footer-inner nav{display:flex;align-items:center;gap:clamp(.85rem,2.65vw,2.3rem);flex-wrap:wrap}
.header-inner nav a,.footer-inner nav a{font-size:.95rem;text-decoration:none;font-weight:600}
.header-inner nav a:hover,.footer-inner nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:.25em}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;width:fit-content;border-radius:.45rem;text-decoration:none;font-weight:700;line-height:1.3;padding:.9rem 1.15rem}
.button-shop{border:1px solid #bcb5ac}
.button-shop:hover{background:#eae0d3}
.button-main{background:var(--rust);color:white}
.button-main:hover{background:#882815}
.hero{background:var(--cream);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:clamp(2rem,4.5vw,4.75rem);padding-block:clamp(2.75rem,5.7vw,5.4rem)}
.eyebrow{margin:0 0 .85rem;font-size:.77rem;text-transform:uppercase;letter-spacing:.105em;font-weight:800;color:var(--rust)}
h1,h2,h3{font-family:var(--heading);line-height:1.12;margin:0;letter-spacing:-.018em}
h1{font-size:clamp(3.3rem,6.05vw,6rem);font-weight:700;letter-spacing:-.04em}
h1 span{color:var(--rust)}
h2{font-size:clamp(2.15rem,4.3vw,4.2rem);font-weight:700;letter-spacing:-.025em}
h3{font-size:clamp(1.12rem,1.85vw,1.55rem);font-weight:700}
p{margin:.8rem 0 0}
.hero-lead{font-size:clamp(1.05rem,1.55vw,1.26rem);color:var(--muted);max-width:41ch;margin-top:1.4rem}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;margin-top:1.65rem}
.text-link{font-weight:700;text-decoration:none}
.text-link span{margin-left:.3rem}
.hero-figure,.product-figure{margin:0;border:1px solid #e4d6c6;border-radius:1rem;overflow:hidden}
.hero-figure{position:relative;aspect-ratio:1.24;background:radial-gradient(ellipse at 50% 42%,#faf0df 0%,#ead5bb 70%,#dfc1a1 100%)}
.hero-figure::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#70513312 1px,transparent 1px),linear-gradient(#70513312 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(black,transparent 87%);pointer-events:none}
.hero-figure img{position:absolute;inset:5% 5% 13%;width:90%;height:82%;object-fit:contain;filter:drop-shadow(0 14px 12px #49352038)}
.hero-figure figcaption{position:absolute;bottom:1rem;left:1rem;max-width:calc(100% - 2rem);display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.4rem;background:#fffaf3;color:var(--ink);font-size:.82rem;font-weight:650}
.hero-figure figcaption span{width:.53rem;height:.53rem;border-radius:50%;background:var(--rust)}
.benefit-bar{border-block:1px solid var(--line);background:#f2e9dc}
.benefit-bar ul{display:flex;justify-content:space-between;gap:1rem;list-style:none;margin:0;padding:1rem 0;font-weight:700}
.benefit-bar li::before,.feature-list li::before{content:"✓";color:var(--rust);font-weight:800;margin-right:.65rem}
.section{padding-block:clamp(3.8rem,7.4vw,7rem)}
.problem,.product-grid,.film-grid,.review-grid,.faq-grid,.contact-inner{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(1.7rem,5vw,5.5rem)}
.problem p:not(.eyebrow),.intro,.review-grid>div:first-child p:not(.eyebrow),.contact p:not(.eyebrow){color:var(--muted)}
.intro{font-size:clamp(1.05rem,1.5vw,1.23rem)}
.problem .intro{margin-top:.35rem}
.benefits{background:var(--dark);color:white}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;padding-block:2.15rem}
.benefit-grid article{padding:.3rem .75rem .35rem 1rem;border-left:1px solid #ffffff32}
.benefit-grid p{color:#e0e5e7;font-size:.94rem}
.benefit-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:1rem;border-radius:.48rem;background:#ffffff15}
.benefit-icon img{object-fit:contain}
.product-grid,.film-grid,.contact-inner{align-items:center}
.product-figure{display:grid;place-items:center;min-height:400px;background:#f4e8d8}
.product-figure img{height:auto;width:92%;max-height:540px;object-fit:contain}
.feature-list{list-style:none;padding:0;margin:1.5rem 0 1.75rem}
.feature-list li{position:relative;padding:.67rem 0 .67rem 1.6rem;border-bottom:1px solid var(--line);line-height:1.42}
.feature-list li::before{position:absolute;left:0}
.feature-list span{display:block;color:var(--muted);font-size:.95rem}
.film-section{padding-block:clamp(2.8rem,6vw,5rem);background:var(--dark);color:white}
.film-section .eyebrow{color:#f4a685}
.film-section .text-link{display:inline-block;margin-top:1rem}
.film-grid video{width:100%;aspect-ratio:16/9;border-radius:.75rem;background:#10171e;object-fit:contain}
.section-heading{margin-bottom:2rem;max-width:780px}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.05rem}
.story-grid article{border:1px solid var(--line);border-radius:.8rem;overflow:hidden;background:white}
.story-grid img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.story-grid article div{padding:1.12rem 1.2rem 1.3rem}
.story-grid p{color:var(--muted);font-size:.94rem}
.review-section,.contact{background:#f3e9dc;padding-block:clamp(3.2rem,6vw,5.25rem)}
.review-grid>div:first-child p:not(.eyebrow){max-width:37ch}
.review-section .waw-reviews details,.faq-list details{border-top:1px solid #cfc3b5;padding:.85rem 0}
.faq-list details:last-child{border-bottom:1px solid #cfc3b5}
.faq-list summary{cursor:pointer;font-weight:700}
.faq-list p{color:var(--muted);max-width:58ch}
.contact-inner .actions{margin:0;justify-content:flex-end}
.site-footer{background:var(--cream);padding:1.35rem 0;border-top:1px solid var(--line)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1.15rem}
.footer-inner p{margin:0;font-size:.85rem;color:var(--muted)}
body .waw-news,body .waw-reviews{--waw-accent:var(--rust);--waw-border:var(--line);--waw-ink:var(--ink)}
body .waw-news{background:var(--paper)}
.waw-review-empty{margin:0 0 1rem}
@media(max-width:1050px){
  .wrap{width:min(100% - 4rem,1240px)}
  .header-inner nav{gap:1rem}
  .header-inner nav a{font-size:.88rem}
}
@media(max-width:790px){
  .header-inner{flex-wrap:wrap;gap:.7rem;padding-block:.8rem}
  .header-inner nav{order:3;width:100%;gap:.4rem 1.1rem}
  .hero-grid,.product-grid,.film-grid{grid-template-columns:1fr}
  .hero-figure{max-width:650px;width:100%;aspect-ratio:1.6}
  .benefit-grid,.story-grid{grid-template-columns:repeat(2,1fr)}
  .product-figure{order:2;min-height:270px}
  .product-figure img{max-height:390px}
  .footer-inner{flex-wrap:wrap}
}
@media(max-width:560px){
  .wrap{width:calc(100% - 2rem)}
  .header-inner{min-height:0}
  .header-inner .brand img{width:138px}
  .button-shop{padding:.65rem .8rem}
  .hero-grid{padding-block:2.2rem 1.5rem;gap:1.65rem}
  h1{font-size:clamp(2.55rem,10.65vw,4.3rem)}
  .hero-lead{margin-top:1rem}
  .hero-figure{aspect-ratio:1.37}
  .benefit-bar ul{flex-wrap:wrap;gap:.4rem 1rem;font-size:.85rem}
  .problem,.review-grid,.faq-grid,.contact-inner{grid-template-columns:1fr}
  .contact-inner .actions{justify-content:flex-start}
  .story-grid{grid-template-columns:1fr}
  .benefit-grid{gap:1.3rem .65rem}
  .benefit-grid article{padding-left:.65rem}
  .footer-inner nav{gap:.4rem 1rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}