@font-face{font-family:"Baloo 2";src:url("fonts/Baloo2-Variable.woff2") format("woff2");font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:Inter;src:url("fonts/Inter-Variable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#fff8f2;--surface:#f1e6d8;--ink:#2b1f19;--muted:#7a6b63;--red:#8e2d3b;--red-dark:#70212d;--orange:#ff9f3c;--gold:#ecb45f;--white:#fffdfa;--radius:28px;--shadow:0 24px 60px rgba(69,39,28,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:.7rem 1rem;background:var(--ink);color:white;transform:translateY(-150%);transition:.2s}.skip-link:focus{transform:none}.site-header{position:fixed;z-index:50;top:18px;left:50%;width:min(1180px,calc(100% - 32px));height:70px;padding:0 16px 0 23px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(142,45,59,.12);border-radius:18px;background:rgba(255,248,242,.84);box-shadow:0 8px 35px rgba(76,45,31,.07);backdrop-filter:blur(18px);transform:translateX(-50%);transition:.3s}.site-header.scrolled{top:8px;background:rgba(255,248,242,.95);box-shadow:0 8px 32px rgba(76,45,31,.12)}.brand{display:flex;align-items:center;gap:10px;font:800 2rem/1 "Baloo 2",sans-serif;letter-spacing:-.04em}.brand-mark{width:34px;fill:var(--red)}.brand-mark path+path{fill:none;stroke:var(--bg);stroke-width:2.2;stroke-linecap:round}.site-header nav{display:flex;gap:34px;font-size:.84rem;font-weight:650}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;bottom:-7px;left:0;width:100%;height:2px;background:var(--red);transform:scaleX(0);transition:.25s}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:scaleX(1)}.header-cta{padding:11px 17px;border-radius:12px;background:var(--red);color:white;font-size:.78rem;font-weight:750}.hero{position:relative;padding:124px max(6vw,24px) 72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,.95fr);align-items:center;gap:4vw;overflow:hidden}.hero:before{content:"";position:absolute;inset:0 0 auto 54%;height:90%;background:radial-gradient(circle at 55% 44%,#f6d19b 0,#f1e6d8 38%,rgba(241,230,216,0) 69%);opacity:.82;z-index:-1}.hero-copy{max-width:650px;margin-left:auto}.eyebrow{margin:0 0 18px;color:var(--red);font-size:.72rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.eyebrow span{margin-right:8px;color:var(--orange)}h1,h2,h3{font-family:"Baloo 2",sans-serif;line-height:.98;margin-top:0}h1{margin-bottom:25px;font-size:clamp(3.3rem,5.75vw,5.6rem);font-weight:750;letter-spacing:-.06em}h1 em,h2 em{color:var(--red);font-style:normal}.hero-intro{max-width:610px;margin:0 0 34px;color:var(--muted);font-size:clamp(1rem,1.4vw,1.18rem)}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;gap:18px;padding:14px 21px;border-radius:14px;font-weight:750;transition:.25s}.button-primary{background:var(--red);color:white;box-shadow:0 11px 24px rgba(142,45,59,.22)}.button-primary:hover{transform:translateY(-2px);background:var(--red-dark)}.launch-note{display:grid;line-height:1.2}.launch-note strong{font:700 1rem/1.2 "Baloo 2"}.launch-note small{color:var(--muted);font-size:.7rem}.hero-art{position:relative;align-self:end;height:520px}.hero-art img{position:absolute;z-index:2;right:-4%;bottom:-4%;width:min(780px,115%);filter:drop-shadow(0 22px 28px rgba(77,45,30,.13))}.sun{position:absolute;width:430px;height:430px;top:28px;left:12%;border-radius:50%;background:linear-gradient(145deg,#f3dfbd,#edc67b);opacity:.72}.scene-badge{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(43,31,25,.08);border-radius:999px;background:rgba(255,253,250,.9);box-shadow:0 10px 30px rgba(43,31,25,.09);font:700 .72rem "Baloo 2"}.scene-badge span{color:var(--red);font-size:1rem}.badge-castle{top:20%;right:2%}.badge-nature{right:0;bottom:14%}.hero-path{position:absolute;z-index:1;left:0;bottom:12%;width:50%;fill:none;stroke:var(--red);stroke-width:2;stroke-dasharray:5 8;opacity:.35}.scroll-cue{position:absolute;bottom:30px;left:50%;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;transform:translateX(-50%)}.scroll-cue span{width:1px;height:32px;background:var(--muted)}.places{padding:27px max(5vw,22px);border-top:1px solid rgba(43,31,25,.08);border-bottom:1px solid rgba(43,31,25,.08);background:var(--white);text-align:center}.places>p{margin:0 0 15px;color:var(--muted);font-size:.68rem;font-weight:750;letter-spacing:.17em;text-transform:uppercase}.place-list{display:flex;align-items:center;justify-content:center;gap:2.1vw;white-space:nowrap;font:650 clamp(.82rem,1.2vw,1.05rem) "Baloo 2"}.place-group{display:flex;align-items:center;gap:2.1vw}.place-copy,.loop-sep{display:none}.place-list span{display:flex;align-items:center;gap:8px}.place-list i{color:var(--red);font-size:1.15rem;font-style:normal}.place-list b{color:var(--gold);font-size:.8rem}.section{padding:110px max(6vw,24px)}.section-heading{max-width:830px;margin:0 auto 62px;text-align:center}.section-heading h2,.family-copy h2,.coming h2{margin-bottom:24px;font-size:clamp(2.7rem,5vw,4.6rem);font-weight:730;letter-spacing:-.04em}.section-heading>p:last-child{max-width:640px;margin:0 auto;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:auto}.step-card{position:relative;min-height:390px;padding:34px 32px;border:1px solid rgba(43,31,25,.08);border-radius:var(--radius);background:rgba(255,253,250,.68);overflow:hidden;transition:.3s}.step-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.step-card.featured{background:var(--red);color:white;transform:translateY(-13px)}.step-card.featured:hover{transform:translateY(-20px)}.step-number{position:absolute;top:24px;right:25px;color:var(--muted);font:700 .7rem Inter}.featured .step-number{color:rgba(255,255,255,.6)}.step-icon{width:70px;height:70px;margin:16px 0 43px;display:grid;place-items:center;border-radius:22px;background:var(--surface);color:var(--red);font:700 1.8rem "Baloo 2";transform:rotate(-3deg)}.featured .step-icon{background:var(--surface);color:var(--red)}.step-icon svg{display:block;width:28px;height:28px;fill:currentColor}.step-card h3{margin-bottom:13px;font-size:1.55rem}.step-card p{margin:0;color:var(--muted);font-size:.88rem}.featured p{color:rgba(255,255,255,.77)}.sound-wave{position:absolute;right:27px;bottom:23px;display:flex;align-items:center;gap:4px;height:34px}.sound-wave i{width:3px;height:20%;border-radius:3px;background:rgba(255,255,255,.4)}.sound-wave i:nth-child(2),.sound-wave i:nth-child(6){height:55%}.sound-wave i:nth-child(3),.sound-wave i:nth-child(5){height:85%}.sound-wave i:nth-child(4){height:100%}.family{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1fr);align-items:center;gap:10vw;background:var(--surface)}.family-visual{position:relative;min-height:640px;display:grid;place-items:center}.family-visual:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:#ead2b5}.phone-shell{position:relative;z-index:2;width:290px;height:590px;padding:42px 22px 21px;border:9px solid var(--ink);border-radius:48px;background:var(--bg);box-shadow:0 30px 55px rgba(43,31,25,.22);text-align:center;transform:rotate(-3deg)}.phone-top{position:absolute;top:9px;left:50%;width:87px;height:20px;border-radius:12px;background:var(--ink);transform:translateX(-50%)}.player-wolf{width:100px;height:90px;margin:5px auto 10px;border-radius:50%;background:#e1e6a9;overflow:hidden}.player-wolf img{width:210px;max-width:none;transform:translate(-57px,-7px)}.phone-shell small{color:var(--red);font-size:.68rem;font-weight:700}.phone-shell h3{margin:4px 0 22px;font-size:1.5rem}.progress{height:5px;border-radius:4px;background:#e5d7c7}.progress span{display:block;width:22%;height:100%;border-radius:4px;background:var(--red)}.time{display:flex;justify-content:space-between;margin:5px 0 14px;font-size:.65rem}.phone-shell button{width:68px;height:68px;padding:0;display:inline-grid;place-items:center;border:0;border-radius:50%;background:var(--red);color:white}.phone-shell button svg{width:28px;height:28px;fill:currentColor}.challenge{margin-top:22px;padding:13px;border-radius:15px;background:#fff0d8;text-align:left}.challenge b,.challenge span{display:block}.challenge b{color:var(--red);font:700 .9rem "Baloo 2"}.challenge span{font-size:.65rem;line-height:1.45}.orbit{position:absolute;z-index:3;width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:var(--white);box-shadow:0 12px 32px rgba(43,31,25,.15);color:var(--red);font:800 1.4rem "Baloo 2"}.orbit-one{top:20%;left:9%;transform:rotate(-8deg)}.orbit-two{right:9%;bottom:24%;transform:rotate(8deg)}.family-copy{max-width:630px}.family-copy>p:not(.eyebrow){color:var(--muted)}.family-copy ul{margin:35px 0 0;padding:0;display:grid;gap:20px;list-style:none}.family-copy li{display:flex;gap:14px}.family-copy li>span{flex:none;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:white;font-size:.7rem}.family-copy li strong,.family-copy li small{display:block}.family-copy li strong{font:700 1.08rem "Baloo 2"}.family-copy li small{color:var(--muted);font-size:.76rem}.coming{position:relative;min-height:640px;padding:105px max(6vw,24px);display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--red);color:white;overflow:hidden}.coming-copy{position:relative;z-index:4;max-width:590px;margin-left:auto;margin-right:8vw}.coming .eyebrow{color:#ffc98e}.coming h2 em{color:#ffc98e}.coming-copy>p:not(.eyebrow){color:rgba(255,255,255,.73)}.store-row{display:flex;gap:12px;margin-top:35px}.store-row>span{min-width:150px;padding:10px 16px 10px 45px;display:grid;position:relative;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(255,255,255,.09);font-size:.75rem;font-weight:650;line-height:1.15}.store-row b{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.store-row b svg{display:block;width:20px;height:20px;fill:currentColor}.store-row small{font-size:.65rem;font-weight:400}.coming-art{position:relative;align-self:stretch}.moon{position:absolute;width:360px;height:360px;top:20px;left:15%;border-radius:50%;background:#f8d6a0;box-shadow:0 0 90px rgba(255,203,137,.3)}.hill{position:absolute;border-radius:50% 50% 0 0}.hill-back{left:-5%;right:-20%;bottom:-45%;height:75%;background:#742330;transform:rotate(-5deg)}.hill-front{left:10%;right:-25%;bottom:-56%;height:80%;background:#5e1925;transform:rotate(6deg)}.castle{position:absolute;z-index:1;top:24%;left:26%;width:200px;height:170px;background:#66202a;clip-path:polygon(9% 22%,27% 22%,27% 6%,35% 6%,35% 38%,59% 38%,59% 14%,70% 14%,70% 29%,91% 29%,91% 100%,9% 100%)}.castle i{position:absolute;width:7px;height:15px;background:#f6c783}.castle i:nth-child(1){left:52px;top:73px}.castle i:nth-child(2){left:115px;top:90px}.castle i:nth-child(3){left:157px;top:68px}.coming-art img{position:absolute;z-index:3;width:620px;left:4%;bottom:-32%;filter:drop-shadow(0 22px 25px rgba(37,6,11,.24))}footer{min-height:120px;padding:30px max(6vw,24px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;background:var(--ink);color:var(--white)}footer p{margin:0;color:#cfc0b8;font-size:.72rem}.footer-brand{font-size:1.65rem}.copyright{text-align:right}footer p a{text-decoration:underline;text-underline-offset:3px}footer p a:hover{color:var(--white)}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.js .reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.step-card,.button{transition:none}}
@media (max-width:960px){.site-header nav{display:none}.hero{min-height:auto;padding-top:124px;grid-template-columns:1fr;text-align:center}.hero-copy{margin:auto}.hero-actions{justify-content:center}.hero-art{height:510px}.hero-art img{left:50%;right:auto;transform:translateX(-50%);width:min(760px,105%)}.scroll-cue{display:none}.steps{grid-template-columns:1fr;max-width:600px}.step-card{min-height:300px}.step-card.featured{transform:none}.step-card.featured:hover{transform:translateY(-7px)}.family{grid-template-columns:1fr;gap:40px}.family-copy{order:-1;margin:auto;text-align:center}.family-copy li{text-align:left}.coming{grid-template-columns:1fr;min-height:930px;text-align:center}.coming-copy{margin:auto}.store-row{justify-content:center}.coming-art{min-height:420px}.moon{left:50%;transform:translateX(-50%)}.castle{left:50%;transform:translateX(-50%)}.coming-art img{left:50%;bottom:-38%;transform:translateX(-50%)}footer{grid-template-columns:1fr;text-align:center}.copyright{text-align:center}}
@media (max-width:620px){.site-header{height:62px;top:10px}.brand{font-size:1.65rem}.brand-mark{width:29px}.header-cta{padding:9px 11px;font-size:.65rem}.hero{padding:104px 19px 65px}.hero:before{inset:30% -30% auto 5%}.hero-copy .eyebrow{font-size:.66rem}h1{font-size:2.95rem}.hero-intro{font-size:.92rem}.hero-actions{flex-direction:column;gap:15px}.hero-art{height:380px;margin-top:20px}.sun{width:310px;height:310px;left:50%;transform:translateX(-50%)}.hero-art img{width:610px;max-width:none;bottom:-2%}.scene-badge{font-size:.6rem}.badge-castle{right:-4%}.badge-nature{right:-5%;bottom:8%}.places{overflow:hidden}.place-list{width:max-content;gap:0;justify-content:flex-start;animation:marquee 24s linear infinite}.place-group{gap:16px;padding-right:16px}.place-copy,.loop-sep{display:flex}.place-list span{font-size:.87rem}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:80px 19px}.section-heading{margin-bottom:45px}.section-heading h2,.family-copy h2,.coming h2{font-size:2.65rem}.step-card{padding:28px;min-height:330px}.step-icon{margin-bottom:34px}.family{padding-left:14px;padding-right:14px}.family-visual{min-height:570px;transform:scale(.88);margin:14px -30px -30px}.family-visual:before{width:430px;height:430px}.family-copy li small{font-size:.72rem}.coming{min-height:850px;padding:78px 18px}.coming-art{min-height:360px}.moon{width:280px;height:280px}.coming-art img{width:520px;max-width:none;bottom:-34%}.store-row{flex-wrap:wrap}.store-row>span{min-width:142px}footer{padding:35px 20px}}

/* Pas de défilement horizontal (Safari iOS ignore overflow-x sur body seul). */
html,body{overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
.family{overflow:hidden}

/* Libellés traduits : pas d'italique ni de couleur héritée des balises de structure. */
.place-list em,.scroll-cue em{font-style:normal}
.eyebrow span[data-i18n]{margin:0;color:inherit}

/* Sélecteur de langue. */
.header-end{display:flex;align-items:center;gap:14px}
.lang-menu{position:relative}
.lang-toggle{display:flex;align-items:center;gap:6px;min-height:38px;padding:0 10px;border:1px solid rgba(142,45,59,.18);border-radius:11px;background:transparent;color:var(--ink);font:700 .76rem Inter,system-ui,sans-serif;cursor:pointer}
.lang-toggle:hover,.lang-menu.open .lang-toggle{border-color:var(--red);color:var(--red)}
.lang-globe{width:17px;height:17px;fill:currentColor}
.lang-chevron{width:15px;height:15px;fill:currentColor;transition:transform .2s}
.lang-menu.open .lang-chevron{transform:rotate(180deg)}
.lang-list{position:absolute;z-index:60;top:calc(100% + 8px);right:0;min-width:150px;margin:0;padding:6px;list-style:none;border:1px solid rgba(142,45,59,.12);border-radius:14px;background:var(--white);box-shadow:0 16px 40px rgba(76,45,31,.16)}
.lang-list[hidden]{display:none}
.lang-list button{width:100%;padding:9px 12px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:600 .86rem Inter,system-ui,sans-serif;text-align:left;cursor:pointer}
.lang-list button:hover,.lang-list button:focus-visible{background:var(--surface);outline:none}
.lang-list button[aria-pressed="true"]{color:var(--red);font-weight:750}
.lang-list button[aria-pressed="true"]:after{content:"✓";float:right}
@media (max-width:620px){.header-end{gap:8px}.lang-toggle{min-height:34px;padding:0 8px;font-size:.7rem}}
@media (max-width:430px){.header-cta{display:none}}

/* Sans animation (préférence système) : la liste des lieux passe à la ligne au lieu de défiler. */
@media (max-width:620px) and (prefers-reduced-motion:reduce){.place-list{width:auto;flex-wrap:wrap;justify-content:center;animation:none}.place-group{flex-wrap:wrap;justify-content:center;padding-right:0;row-gap:6px}.place-copy,.loop-sep{display:none}}

/* Option C: empreinte de loup et onde audio. */
.brand-mark .paw-shape{fill:var(--red)}
.brand-mark .paw-wave{fill:none;stroke:var(--bg);stroke-width:3.2;stroke-linecap:round}

/* Une seconde scène dédiée conclut la page sans répéter l'image du hero. */
.coming-art .coming-wolves{position:absolute;z-index:3;width:min(720px,115%);max-width:none;right:-8%;left:auto;bottom:-6%;filter:drop-shadow(0 22px 25px rgba(37,6,11,.24))}
@media (max-width:960px){.coming-art .coming-wolves{width:min(700px,105vw);right:auto;left:50%;bottom:-10%;transform:translateX(-50%)}}
@media (max-width:620px){.coming-art .coming-wolves{width:480px;max-width:none;bottom:-2%}}