:root{--ivory:#f8f3eb;--paper:#fffdf9;--ink:#332218;--brown:#4b2e20;--caramel:#a4673a;--line:#d8c9ba;--shadow:0 18px 50px rgba(55,35,22,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.55}h1,h2,h3,.brand{font-family:Georgia,'Times New Roman',serif;font-weight:400}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{background:var(--brown);color:#fff;text-align:center;padding:.45rem 1rem;font-size:.78rem;letter-spacing:.04em}.header{height:78px;background:rgba(255,253,249,.97);display:flex;align-items:center;gap:2rem;padding:0 clamp(1.2rem,5vw,5.5rem);position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(75,46,32,.12)}.brand{font-size:1.45rem;letter-spacing:.12em;white-space:nowrap}.brand small{display:block;font-family:Arial,sans-serif;font-size:.52rem;letter-spacing:.32em;text-align:center}.nav{display:flex;align-items:center;justify-content:center;gap:clamp(.8rem,1.7vw,2rem);flex:1;font-family:Georgia,serif;font-size:.93rem}.nav a{padding:.5rem 0;border-bottom:1px solid transparent}.nav a:hover,.nav a.active{border-color:var(--caramel)}.tools{display:flex;align-items:center;gap:.8rem}.icon-btn{border:0;background:none;color:inherit;padding:.4rem;cursor:pointer}.cart-count{background:var(--caramel);color:white;border-radius:99px;font-size:.66rem;padding:.08rem .35rem;vertical-align:top}.menu-btn{display:none}.hero{min-height:520px;color:white;display:grid;align-items:center;background-size:cover;background-position:center;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,13,6,.76),rgba(32,15,8,.18) 64%,rgba(18,8,4,.35))}.hero-inner{position:relative;max-width:720px;margin-left:clamp(1.5rem,9vw,9rem);padding:5rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:.72rem}.hero h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.98;margin:.8rem 0 1rem}.hero p{font-family:Georgia,serif;font-size:clamp(1.1rem,2vw,1.55rem);max-width:620px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--brown);background:var(--brown);color:white;padding:.82rem 1.35rem;cursor:pointer;min-height:46px}.btn.light{background:rgba(255,255,255,.9);color:var(--brown);border-color:white}.btn.outline{background:transparent;color:var(--brown)}.section{padding:clamp(3rem,7vw,6rem) clamp(1.2rem,7vw,7rem)}.section.paper{background:var(--paper)}.section h2{font-size:clamp(2rem,4vw,3.5rem);margin:0 0 .8rem}.lead{max-width:720px;font-family:Georgia,serif;font-size:1.12rem;color:#625044}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}.card{background:var(--paper);border:1px solid rgba(75,46,32,.12);overflow:hidden;box-shadow:0 7px 25px rgba(55,35,22,.06)}.card img{width:100%;height:270px;object-fit:cover;display:block}.card-body{padding:1.2rem}.card h3{font-size:1.35rem;margin:0 0 .35rem}.meta{color:#7b695d;font-size:.88rem}.price{font-family:Georgia,serif;font-size:1.25rem;margin:.7rem 0}.card .btn{width:100%}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,6rem);align-items:center}.split img{width:100%;max-height:600px;object-fit:cover}.quote{font-family:Georgia,serif;font-size:clamp(1.6rem,3vw,2.7rem);font-style:italic}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:2rem}.feature{background:var(--paper);padding:1.5rem;text-align:center}.feature h3{font-size:1.08rem}.audio{background:linear-gradient(135deg,#5b3827,#2d1b13);color:white;padding:1rem;border-radius:2px;display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.audio button{width:52px;height:52px;border-radius:50%;border:1px solid white;background:var(--caramel);color:white}.wave{height:2px;background:linear-gradient(90deg,#fff 0 68%,rgba(255,255,255,.25) 68%);flex:1}.form{display:grid;gap:.9rem}.form input,.form select,.form textarea{width:100%;padding:.9rem;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.form textarea{min-height:150px}.footer{background:#26170f;color:#f5ede4;padding:2.2rem clamp(1.2rem,6vw,6rem);display:flex;justify-content:space-between;gap:2rem;font-size:.84rem}.footer-links{display:flex;gap:1.3rem;flex-wrap:wrap}.drawer{position:fixed;inset:0 auto 0 0;width:min(390px,88vw);background:var(--paper);z-index:50;padding:2rem;transform:translateX(-105%);transition:.3s;box-shadow:var(--shadow)}.drawer.open{transform:none}.drawer nav{display:grid;margin-top:2rem}.drawer a{font-family:Georgia,serif;font-size:1.35rem;padding:1rem 0;border-bottom:1px solid var(--line)}.backdrop{position:fixed;inset:0;background:rgba(20,10,5,.5);z-index:40;display:none}.backdrop.open{display:block}.cart{position:fixed;inset:0 0 0 auto;width:min(440px,94vw);background:var(--paper);z-index:60;padding:2rem;transform:translateX(105%);transition:.3s;box-shadow:var(--shadow);overflow:auto}.cart.open{transform:none}.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:.8rem;padding:1rem 0;border-bottom:1px solid var(--line)}.cart-item img{width:72px;height:72px;object-fit:cover}.notice{background:#efe3d6;border-left:3px solid var(--caramel);padding:1rem;margin:1rem 0}.filters{display:flex;gap:.6rem;overflow:auto;padding:.5rem 0}.pill{border:1px solid var(--line);background:var(--paper);padding:.55rem 1rem;border-radius:99px;white-space:nowrap}.pill.active{background:var(--brown);color:white}.legal{font-size:.8rem;color:#7a6a61}.video-placeholder{min-height:420px;background-size:cover;background-position:center;display:grid;place-items:center;color:white;position:relative}.play{width:74px;height:74px;border:1px solid white;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;background:rgba(35,20,12,.4)}
.header-action{border:0;background:none;color:inherit;padding:.35rem;display:flex;align-items:center;gap:.35rem;cursor:pointer;white-space:nowrap;font-size:.78rem}.header-action svg,.search-field svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}.header-action:hover{color:var(--caramel)}.header-action .cart-count{margin-left:-.25rem}.search-panel{position:fixed;inset:0;z-index:55;display:none;align-items:flex-start;justify-content:center;padding:11vh 1rem 2rem}.search-panel.open{display:flex}.search-box{position:relative;background:var(--paper);width:min(760px,96vw);max-height:78vh;overflow:auto;padding:clamp(1.4rem,4vw,3rem);box-shadow:var(--shadow)}.search-close{position:absolute;top:1rem;right:1rem}.search-field{display:flex;align-items:center;gap:.8rem;border-bottom:1px solid var(--brown);margin-top:1rem;padding:.5rem 0}.search-field input{width:100%;border:0;background:transparent;padding:.8rem 0;font-family:Georgia,serif;font-size:clamp(1.2rem,3vw,2rem);color:var(--ink);outline:0}.search-results{display:grid;margin-top:1rem}.search-result{display:flex;align-items:center;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.search-result img{width:72px;height:62px;object-fit:cover}.search-result span{display:grid}.search-result small{color:#74665d;margin-top:.2rem}
.newsletter{background:var(--brown);color:white;padding:2.3rem clamp(1.2rem,7vw,7rem);display:flex;align-items:center;justify-content:space-between;gap:2rem}.newsletter h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(1.5rem,3vw,2.4rem);margin:.35rem 0}.newsletter form{display:flex;min-width:min(480px,100%)}.newsletter input{flex:1;padding:.9rem;border:1px solid rgba(255,255,255,.45);background:transparent;color:white}.newsletter input::placeholder{color:#e8d9ca}.pro-banner,.editorial-band,.case-study{min-height:310px;padding:clamp(3rem,7vw,6rem) clamp(1.2rem,7vw,7rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;color:white;background:linear-gradient(100deg,rgba(39,20,11,.92),rgba(77,41,24,.7)),url('assets/hero-pro.jpg') center/cover}.editorial-band{background:linear-gradient(100deg,rgba(39,20,11,.9),rgba(77,41,24,.35)),url('assets/sous-orangers.jpg') center/cover}.case-study{background:linear-gradient(100deg,rgba(39,20,11,.9),rgba(77,41,24,.45)),url('assets/hero-cadeaux.jpg') center/cover}.pro-banner h2,.editorial-band h2,.case-study h2{font-size:clamp(2rem,4vw,3.7rem);max-width:800px;margin:.6rem 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:2rem}.steps>div{background:var(--paper);padding:2rem}.steps span{font-family:Georgia,serif;font-size:2rem;color:var(--caramel)}.audio-player{background:linear-gradient(135deg,#5b3827,#2d1b13);color:white;padding:1.4rem 1.6rem;margin:1.5rem 0;display:grid;grid-template-columns:1fr minmax(260px,520px);align-items:center;gap:1rem}.audio-player audio{width:100%;accent-color:var(--caramel)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.product-notes{display:flex;gap:1rem;flex-wrap:wrap;margin:1.2rem 0}.note-chip{border:1px solid var(--line);padding:.7rem 1rem;border-radius:99px;background:var(--paper)}.quantity{display:flex;align-items:center;gap:1rem;margin:1.2rem 0}.quantity input{width:70px;padding:.7rem;border:1px solid var(--line)}details{border-top:1px solid var(--line);padding:1rem 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-family:Georgia,serif;font-size:1.1rem}.legal-wrap{max-width:900px;margin:auto}.legal-wrap h1{font-size:clamp(2.5rem,5vw,4.5rem)}.legal-wrap h2{margin-top:2.2rem}.legal-wrap p,.legal-wrap li{color:#59483e}
@media(max-width:1050px){.nav{display:none}.menu-btn{display:block}.header{justify-content:space-between}.grid{grid-template-columns:repeat(2,1fr)}.feature-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.topbar{font-size:.69rem}.header{height:68px;padding:0 .7rem;gap:.5rem}.brand{font-size:.88rem;letter-spacing:.08em}.brand small{font-size:.42rem}.tools{gap:.1rem}.header-action{padding:.35rem}.header-action span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.header-action svg{width:22px;height:22px}.menu-btn{font-size:1.1rem}.hero{min-height:68vh;background-position:center}.hero-inner{margin:0;padding:4rem 1.4rem;align-self:end}.hero h1{font-size:3.25rem}.section{padding:3.5rem 1.2rem}.grid,.split,.steps{grid-template-columns:1fr}.card img{height:260px}.feature-row{grid-template-columns:1fr}.footer{display:grid}.desktop-only{display:none}.newsletter,.pro-banner,.editorial-band,.case-study{display:grid}.newsletter form{min-width:0}.audio-player{grid-template-columns:1fr}.search-panel{padding-top:8vh}}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-inner{z-index:1}.section video.video-placeholder{width:100%;height:420px;object-fit:cover}
