:root{--ink:#263e35;--green:#31564b;--cream:#f8f5ee;--muted:#647268;--line:#d9ddd1;--orange:#b4694e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit}header{max-width:1380px;margin:auto;padding:29px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font:30px Georgia,serif;letter-spacing:-1px}.brand span{display:block;font:9px/2.7 'Segoe UI',sans-serif;letter-spacing:2px}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav a{text-decoration:none}.nav-cta{border:1px solid var(--green);padding:10px 18px;border-radius:30px}.hero{max-width:1380px;margin:auto;padding:75px 6% 66px;display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;color:var(--orange);margin:0 0 25px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.13}h1{font-size:clamp(46px,4.9vw,72px);letter-spacing:-2.5px;margin:0 0 28px}em{font-weight:400;color:#65775c}p{margin:0 0 20px}.lead{max-width:475px;color:var(--muted);font-size:17px;line-height:1.8}.button{display:inline-flex;gap:44px;background:var(--green);color:#fff;text-decoration:none;padding:15px 25px;border-radius:4px;margin:12px 0 18px}.button:hover{background:#203e34}.micro{font-size:11px;color:var(--muted);letter-spacing:.8px}.book-scene{position:relative;margin:0;padding:10px 30px 0;text-align:center}.circle{position:absolute;width:95%;aspect-ratio:1;border-radius:50%;background:#e7e9d9;left:3%;top:6%;z-index:-1}.cover{width:70%;height:auto;transform:rotate(6deg);box-shadow:10px 20px 35px #273c322b;border-left:6px solid #ecdfcf}.book-scene figcaption{font-family:Georgia,serif;margin-top:30px;font-size:18px}.book-scene figcaption span{display:block;font:9px/3 'Segoe UI',sans-serif;letter-spacing:2px}.ribbon{display:flex;justify-content:center;gap:6%;padding:21px 5%;background:#e9eddf;font-size:12px;border-block:1px solid #dce2d2}.ribbon span:before{content:'✳';margin-right:13px;color:#708263}.section{max-width:1380px;margin:auto;padding:90px 6%}.section-heading{max-width:650px;margin-bottom:46px}h2{font-size:clamp(34px,3.2vw,47px);letter-spacing:-1.2px;margin:0 0 24px}.section-heading>p:last-child,.preview>div>p:not(.eyebrow){color:var(--muted);max-width:530px}.projects{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.projects article{border-top:1px solid #c9d1c2;padding-top:30px}.shape{height:90px;margin:10px auto 35px;background:repeating-linear-gradient(0deg,transparent 0 5px,#ffffff42 5px 7px),repeating-linear-gradient(90deg,#91a28a 0 7px,#a5b29b 7px 9px);box-shadow:2px 3px 0 #52674924}.square{width:90px;border-radius:5px}.disc{width:90px;border-radius:50%;background:repeating-radial-gradient(circle,#b77c61 0 5px,#c79375 5px 7px)}.bookmark{width:24px;background:repeating-linear-gradient(0deg,#c3ae76 0 6px,#d0bf93 6px 8px);transform:rotate(12deg)}.pouch{width:105px;height:75px;margin-top:25px;background:repeating-linear-gradient(0deg,#b1b49c 0 5px,#c7c9b6 5px 7px);border-radius:4px;position:relative}.pouch:after{content:'';position:absolute;inset:0 0 50%;background:#9fa38a;border-radius:0 0 15px 15px;border-bottom:2px solid #7f886b}.band{width:110px;height:45px;margin-top:55px;border-radius:45%;background:repeating-linear-gradient(90deg,#be8b75 0 5px,#ceaa98 5px 7px)}.number{font-size:8px;letter-spacing:1.4px;color:var(--orange);font-weight:700;margin-bottom:12px}.projects h3{font-size:23px;min-height:52px;margin:0 0 15px}.projects p:not(.number){font-size:13px;color:var(--muted)}.projects article>span{font-size:10px;color:var(--muted)}.caption{font-size:10px;color:var(--muted);margin-top:32px}.preview{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;background:#eeeee3;max-width:none;padding-inline:max(6%,calc((100vw - 1215px)/2))}.preview figure{margin:0;max-width:340px;justify-self:center}.preview img{width:100%;height:auto;box-shadow:0 12px 28px #32433318}.preview figcaption{font-size:10px;color:var(--muted);padding-top:15px}.preview figcaption a{float:right}.contents{list-style:none;counter-reset:contents;padding:0;margin:35px 0 0}.contents li{counter-increment:contents;border-top:1px solid #d6d9cc;padding:17px 0 17px 38px;position:relative}.contents li:before{content:'0' counter(contents);position:absolute;left:0;font-size:11px;color:var(--orange);top:20px}.contents strong{display:block;font-size:14px;font-weight:500}.contents span{font-size:11px;color:var(--muted)}.offer{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:center}.offer-sub{font-size:18px;color:var(--muted)}.offer ul{padding:0;list-style:none}.offer li{padding:13px 0 13px 28px;border-bottom:1px solid var(--line);font-size:13px;position:relative}.offer li:before{content:'✓';position:absolute;left:0;color:#718268}.purchase{background:var(--green);color:#fff;padding:35px 38px;border-radius:5px}.format{font-size:9px;letter-spacing:2px;color:#d5ddcc}.price{font-family:Georgia,serif;font-size:65px;line-height:1.2;margin:16px 0}.price span{font-size:35px}.availability{font-size:12px;color:#e6d8ae}.availability span{font-size:9px;margin-right:6px}.purchase>p:not(.price):not(.availability){font-size:12px;color:#d9e3d9}.status{padding:16px;border:1px solid #ffffff35;border-radius:4px;font-size:13px;line-height:1.5;margin:25px 0}.purchase p.fine{font-size:10px!important;color:#c2cfc4!important;margin-bottom:0}.faq{padding-top:35px;max-width:1000px}.faq .section-heading{margin-bottom:30px}details{border-top:1px solid var(--line);padding:18px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:15px;padding-right:20px}details p{font-size:13px;color:var(--muted);margin:18px 0 0;max-width:700px}.closing{text-align:center;padding:65px 6% 75px;border-top:1px solid var(--line)}.closing p{font:34px/1.5 Georgia,serif}.closing a{font-size:12px;text-underline-offset:5px}footer{padding:32px 6%;display:flex;align-items:center;justify-content:space-between;background:#e9eddf;gap:20px}footer .brand{font-size:24px}footer p{font-size:10px;margin:0;color:var(--muted)}.skip{position:absolute;top:-60px;left:12px;background:#fff;padding:10px;z-index:10}.skip:focus{top:10px}a:focus-visible,summary:focus-visible{outline:3px solid #bd7b48;outline-offset:5px}@media(max-width:900px){nav{gap:16px}.projects{grid-template-columns:repeat(3,1fr)}.hero{gap:2%}.cover{width:85%}.book-scene{padding-inline:15px}.preview{gap:6%}.offer{gap:6%}.ribbon{gap:20px;flex-wrap:wrap}.projects h3{min-height:0}footer{flex-wrap:wrap}}@media(max-width:600px){header{padding:20px 6%}.brand{font-size:25px}nav a:not(.nav-cta){display:none}.nav-cta{padding:8px 12px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:45px;gap:35px}h1{font-size:48px}.lead{font-size:16px}.book-scene{max-width:350px;margin:auto}.cover{width:72%}.ribbon{font-size:10px;gap:10px 20px}.section{padding:60px 6%}.projects{grid-template-columns:repeat(2,1fr);gap:28px 18px}.projects article:last-child{grid-column:1/-1;max-width:250px}.preview,.offer{grid-template-columns:1fr;gap:35px}.preview figure{max-width:300px}.purchase{padding:30px}.faq{padding-top:15px}.closing p{font-size:27px}footer{display:block}footer p{margin-top:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Photo contextuelle et couverture réelle du guide */
.hero{gap:5%;padding-top:60px;padding-bottom:60px;grid-template-columns:1.06fr 1fr}
.book-scene{padding:0;text-align:left;min-width:0}
.atelier-photo{display:block;width:100%;height:auto;aspect-ratio:1.05;object-fit:cover;object-position:51% 50%;border-radius:110px 6px 6px 6px}
.book-scene .book-note{display:flex;align-items:center;gap:20px;position:relative;margin:-50px 22px 0 35px;padding:19px 24px;background:#fffdf7;box-shadow:0 12px 30px #263e3517;border-radius:4px;font:inherit}
.book-note>img{width:67px;height:auto;flex:none;transform:rotate(-5deg);box-shadow:3px 5px 8px #263e351b}
.book-scene .book-note div>span{font:8px/1.6 'Segoe UI',Arial,sans-serif;letter-spacing:1.5px;color:var(--orange)}
.book-note p{font:25px/1.2 Georgia,serif;margin:7px 0 8px}
.book-note a{font-size:11px;text-underline-offset:4px}
.book-scene .book-note a span{display:inline;font:inherit;letter-spacing:normal}
@media(max-width:900px){.hero{gap:4%}.book-scene .book-note{margin:-25px 10px 0 15px;padding:14px;gap:14px}.book-note p{font-size:22px}.book-note>img{width:53px}.atelier-photo{aspect-ratio:.85;border-top-left-radius:80px}}
@media(max-width:600px){.hero{grid-template-columns:1fr;padding-top:45px;gap:25px}.book-scene{max-width:100%;width:100%}.atelier-photo{aspect-ratio:1.15;border-top-left-radius:75px;object-position:50% 50%}.book-scene .book-note{margin:-27px 15px 0 20px;padding:15px 20px;gap:20px}.book-note>img{width:60px}.book-note p{font-size:25px}}
@media(max-width:600px){.hero-copy h1{font-size:42px;letter-spacing:-1.5px;margin-bottom:22px}.hero-copy .lead{font-size:15px}.hero-copy .eyebrow{margin-bottom:20px}.hero{gap:18px;padding-top:35px}}
@media(max-width:360px){header{gap:8px}.brand{font-size:22px}.brand span{font-size:7.5px;letter-spacing:1.3px;white-space:nowrap}.nav-cta{white-space:nowrap;font-size:10px;padding:8px 10px;flex:none}.hero-copy h1{font-size:39px}.book-scene .book-note{margin-inline:8px;padding:13px;gap:12px}.book-note p{font-size:22px}}
.project-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:5px;margin:0 0 23px}
.projects article{padding-top:20px}
@media(max-width:600px){.projects article:last-child{grid-column:auto;max-width:none}.project-photo{margin-bottom:18px}.projects h3{font-size:22px}.projects .number{font-size:7px;letter-spacing:1px}}
.header-actions{display:flex;gap:25px;align-items:center}.language-control select{font:12px 'Segoe UI',Arial,sans-serif;color:var(--green);background:transparent;border:1px solid #b9c5b7;border-radius:4px;padding:8px 24px 8px 10px;cursor:pointer;min-height:38px;max-width:135px}.language-control select:focus-visible{outline:3px solid #bd7b48;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.header-actions{gap:14px}nav{gap:16px}}@media(max-width:700px){header{display:grid;grid-template-columns:1fr auto;gap:12px}.header-actions{display:contents}.language-control{grid-column:2;grid-row:1}.language-control select{max-width:116px;font-size:11px;padding-right:10px}header>.brand{grid-column:1;grid-row:1}header nav{grid-column:1/-1;justify-content:flex-end}header nav a:not(.nav-cta){display:none}.brand span{font-size:8px;letter-spacing:1.2px}.brand{font-size:25px}}@media(max-width:360px){.language-control select{max-width:110px;font-size:10px}.brand{font-size:22px}.brand span{font-size:7px;letter-spacing:1px}}

/* Collection presentation */
.hero{background:radial-gradient(ellipse at 82% 45%,#e3dfc9 0,transparent 54%);padding-block:70px 85px}.product-stage{position:relative;min-height:490px;isolation:isolate}.product-stage:before{content:"";position:absolute;inset:8% 0 4%;background:#e5e8da;border-radius:50% 50% 18px 18px;z-index:-1}.hero-book{position:absolute;width:46%;height:auto;top:4%;left:28%;transform:rotate(-7deg);box-shadow:14px 22px 25px #233d3540;border-left:7px solid #c6c5b0}.hero-piece{position:absolute;width:32%;border-radius:50%;box-shadow:0 12px 24px #263e3520}.piece-one{left:0;top:45%;transform:rotate(-12deg)}.piece-two{right:0;top:48%;transform:rotate(8deg)}.piece-three{left:36%;bottom:0;width:30%}.edition-tag{position:absolute;right:0;top:3%;background:#31564b;color:#fff;padding:13px 18px;border-radius:30px;font-size:10px;letter-spacing:1px}.collection-scene figcaption{text-align:center;font-size:17px;color:#647268}.projects article{background:#fffdf8;border:1px solid #e0e2d5;border-radius:14px;padding:14px;box-shadow:0 10px 24px #263e3507}.project-photo{border-radius:9px}.offer{background:#e8eddf;border-radius:24px;max-width:1215px;margin-block:35px}.purchase{border-radius:16px;box-shadow:0 18px 40px #263e3522}.preview-offer{display:block;background:#f1d6a3;color:#263e35;padding:15px;border-radius:6px;text-align:center;font-size:14px;font-weight:600;text-decoration:none}.button{border-radius:30px}.preview{background:#f0ece1}.preview img{border-radius:5px}.ribbon{background:#31564b;color:#fff}.ribbon span:before{color:#e6c78e}@media(max-width:600px){.hero{padding-block:30px 45px}.product-stage{min-height:390px;max-width:390px;margin:auto}.hero-book{max-height:300px;width:auto;max-width:49%;left:27%}.offer{margin:15px;border-radius:18px;padding:35px 22px}.projects{gap:12px}.projects h3{font-size:20px}.edition-tag{font-size:8px;padding:10px 12px}}@media(max-width:360px){.product-stage{min-height:330px}.hero-book{max-height:260px}}
/* Product entrance: editorial showcase inspired by a course storefront. */
.hero{display:flex;flex-direction:column;align-items:stretch;max-width:1180px;padding:44px 5% 52px;background:none;gap:24px}.hero-copy{max-width:880px}.hero-copy .eyebrow{margin-bottom:16px}.hero-copy h1{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(34px,4.5vw,56px);font-weight:700;letter-spacing:-1.8px;line-height:1.15;margin-bottom:18px}.hero-copy h1 em{font-style:normal;color:var(--green)}.hero-copy .lead{max-width:760px;font-size:16px;line-height:1.65;margin-bottom:12px}.hero-copy .button{margin:4px 0 12px;padding:11px 22px}.hero-copy .micro{margin:0}.collection-scene{width:100%;max-width:none;padding:0;overflow:hidden;border:1px solid #dbd2bf;border-radius:18px;background:#eee6d8;box-shadow:0 16px 45px #263e3512}.product-stage{min-height:0;height:480px;max-width:none;margin:0;overflow:hidden}.product-stage:before{inset:0;background:linear-gradient(90deg,#eae0cc00 12%,#eae0ccde 50%,#eae0cc 100%);border-radius:0;z-index:0}.banner-atmosphere{position:absolute;inset:0;width:62%;height:100%;object-fit:cover;object-position:center;z-index:-1}.banner-title{position:absolute;top:30px;left:42%;right:20px;text-align:center;font:clamp(25px,3.4vw,44px)/1.1 Georgia,serif;color:#294b3d;letter-spacing:2px}.banner-title span{display:block;font:14px/2.4 'Segoe UI',Arial,sans-serif;letter-spacing:.3px}.hero-book{top:26%;left:56%;width:auto;height:64%;max-width:none;max-height:none;transform:rotate(-5deg);border-left:5px solid #b1ad91;box-shadow:12px 15px 22px #263e3540}.hero-piece{width:19%;border-radius:14px;border:5px solid #fbf7ee}.piece-one{left:35%;top:55%;transform:rotate(-9deg)}.piece-two{left:auto;right:3%;top:50%;transform:rotate(8deg)}.piece-three{left:46%;bottom:3%;width:15%}.edition-tag{top:auto;bottom:20px;right:20px;background:#31564b;padding:9px 14px;font-size:9px}.collection-scene figcaption{margin:0;padding:15px 20px;text-align:center;background:#fffaf0;color:#31564b;font:16px Georgia,serif}.ribbon{background:#e9eddf;color:var(--green)}.ribbon span:before{color:#718268}@media(max-width:600px){header nav{display:none}.hero{padding:30px 5% 32px;gap:22px}.hero-copy h1{font-size:34px;letter-spacing:-1px;line-height:1.18}.hero-copy .lead{font-size:14px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.4px}.hero-copy .micro{font-size:10px}.product-stage{height:290px;min-height:0}.banner-atmosphere{width:67%}.banner-title{top:22px;left:33%;right:10px;font-size:23px;letter-spacing:.5px}.banner-title span{font-size:10px}.hero-book{height:59%;top:29%;left:53%;max-height:none;max-width:none}.hero-piece{width:22%;border-width:3px;border-radius:9px}.piece-one{left:29%;top:58%}.piece-two{right:2%;top:54%}.piece-three{left:43%;width:18%;bottom:3%}.edition-tag{bottom:9px;right:9px;padding:6px 8px;font-size:7px}.collection-scene figcaption{font-size:14px;padding:12px}.collection-scene{border-radius:12px}.ribbon{gap:10px 18px}}@media(max-width:360px){.hero-copy h1{font-size:30px}.product-stage{height:250px}.banner-title{font-size:20px}}

/* Approved full-width artwork, uncropped on every screen. */
.selected-banner .selected-hero-image{display:block;width:100%;height:auto;object-fit:contain}.selected-banner{overflow:hidden}.selected-banner figcaption{margin:0}

.purchase .purchase-button{background:#f8f5ee;color:#263e35;display:flex;justify-content:center;gap:8px;text-align:center;font-size:14px;border:1px solid #d9ddd1}.purchase .purchase-button:hover{background:#e9eddf}