/* Palette calme : crème et encre, orange réservé aux actions. */
:root {
  --cream:#f8f7f4; --ink:#252525; --body:#51504d; --muted:#706e69;
  --dark:#20201f; --line:#e2e0da; --card:#fff;
  --orange:#c84422; --orange-2:#db795d;
  --shadow:0 8px 24px rgba(20,20,18,.04);
  --radius:12px; --radius-sm:8px;
}
body{background:var(--cream)}
.panel{margin:0;border-radius:0;background:var(--cream)}
.nav{background:rgba(248,247,244,.97);border-bottom:1px solid var(--line)}
.nav.stuck{box-shadow:0 3px 15px rgba(0,0,0,.035)}
.hero{padding-top:88px}
.hero h1{font-weight:600;letter-spacing:-.055em}
.or,.problem strong{color:var(--ink)}
.chip{padding:0;background:none;border-radius:0;color:var(--muted);letter-spacing:.09em}
.eyebrow{color:var(--muted)}
.btn{border-radius:8px;transition:background .2s,box-shadow .2s}
.btn:hover{transform:none;box-shadow:0 4px 12px rgba(0,0,0,.08);background:#b83c1e}
.btn-ghost{background:transparent;color:var(--ink);border-color:#cfcdc7}
.btn-ghost:hover{background:#eeede8}
.hv{border-radius:10px;box-shadow:none}
.hero-media-note{color:var(--muted)}
.feats{background:none;border-radius:0;box-shadow:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.feat{padding:24px 18px}.feat svg{stroke:#7b7770}
.method{background:var(--cream);padding:100px 0}
.method h2,.step b{color:var(--ink)}
.method-lead p,.step p{color:var(--body)}
.method-lead .punch{color:var(--ink)}
.step-ic{border:0;border-radius:0;width:54px;height:54px}
.step-ic svg{stroke:#68665f}.step:hover .step-ic{transform:none}
.problem,.angles-sec{padding:65px 0}
.angle{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:22px 10px}
.angle:hover{transform:none;box-shadow:none;border-color:#aaa69c}
.angle .num{color:var(--muted)}
.work{background:#20201f;padding:100px 0}
.work .eyebrow-d{color:#bdbab2}
.work h2,.work h3,.work h4{color:#f5f4f0}
.work .demo-intro,.work .demo p,.work .video-group-heading p,.work .travel-demo p{color:#bdbab2}
.gallery-links a{border-color:#575651;border-radius:6px;color:#e6e3dc}
.gallery-links a:hover{background:#efede7;color:#20201f}
.video-group + .video-group,.travel-demo,.posts-gallery{border-color:#41413c}
.demo-label{border-color:#575651;border-radius:5px;color:#d6d3ca}
.demo video,.travel-demo video{border-radius:8px;background:#181817}
.post-slot{background:#252524;border-color:#4b4b45;border-radius:6px;color:#bbb8ae}
.post-slot span{color:#8b897e}
.work-note{color:#aaa79e}
.formats-new{padding:100px 0;border-bottom:1px solid var(--line)}
.format-shapes span{border-color:#99958a;color:#55534c;border-width:1px;border-radius:7px}
.pricing{padding:100px 0 70px}
.price-num{color:var(--ink);font-weight:600}
.price-card{border-radius:10px;box-shadow:none}
.price-card.featured{border-color:#aaa69b;box-shadow:none}
.price-card:hover{transform:none;box-shadow:none}
.price-detail svg,.pt svg{stroke:#706c61}
.about-card{background:none;box-shadow:none;padding:40px 0;border-top:1px solid var(--line);border-radius:0}
.final-card{background:none;box-shadow:none;border-top:1px solid var(--line);border-radius:0;padding:40px 0}
.final h2{text-transform:none}
.foot{background:#efeee9;color:var(--ink);border-top:1px solid var(--line)}
.foot-links a,.foot-mail{color:var(--body)}.foot-links a:hover{color:var(--ink)}
@media(max-width:640px){.hero{padding-top:48px}.work,.method,.formats-new,.pricing{padding:64px 0}.about-card,.final-card{padding:28px 0}.panel{margin:0;border-radius:0}}
