/* Direction studio — couche de présentation. Les états fonctionnels restent dans styles.css. */
body{background:#fff}.wrap{max-width:1440px;padding-inline:clamp(20px,4.8vw,72px)}
.demo{font-size:12px;letter-spacing:.06em;background:#564641;color:#fff}
.header{min-height:106px;border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:14px;letter-spacing:.12em;font-size:16px}
.brand img{width:56px;height:56px;object-fit:contain}.brand small{font-size:9px;margin-top:4px}
.header nav a{position:relative;padding-block:8px}.header nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:currentColor;transition:width .2s}.header nav a:hover:after{width:100%}
#cart-open{border:1px solid var(--border);border-radius:100px;padding:9px 18px;font-size:14px}
.studio-hero{padding-top:24px}.hero-topline{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.15em}
.studio-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:6%;align-items:center;padding-block:48px 58px}
.studio-copy h1{font-size:clamp(50px,6.3vw,92px);line-height:1.04;letter-spacing:-.065em;font-weight:500;margin:24px 0}
.studio-copy h1 span{color:var(--brown);background:var(--beige);border-radius:100px;padding:0 .18em;margin-left:-.18em;box-decoration-break:clone}
.eyebrow{letter-spacing:.15em;font-size:12px}.lead{font-size:17px;max-width:38ch;margin:28px 0}
.button{padding:15px 24px;min-height:52px}.button span{font-size:22px;margin-left:10px}
.hero-bottom{display:flex;align-items:center;justify-content:space-between;max-width:380px;margin-top:40px;font-size:13px;color:var(--muted)}
.hero-bottom a{display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;height:44px;width:44px;text-decoration:none;font-size:22px}
.studio-visual{position:relative;margin:0;align-self:stretch;min-height:570px}
.studio-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;border-radius:220px 220px 12px 12px}
.studio-visual figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;padding:20px;color:#fff;background:linear-gradient(transparent,#342925bf);font-size:10px;letter-spacing:.14em;border-radius:0 0 12px 12px}
.visual-badge{position:absolute;left:-32px;bottom:85px;width:116px;height:116px;border-radius:50%;background:var(--brown);color:white;display:grid;place-content:center;text-align:center;font:500 14px/1.4 Poppins;transform:rotate(-12deg);border:5px solid white}
.disciplines{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-block:1px solid var(--border);font:500 clamp(14px,2vw,25px) Poppins}.disciplines b{font-size:28px;font-weight:400}
.section{padding-block:90px}.heading{display:flex;justify-content:space-between;align-items:end;text-align:left;gap:32px;margin-bottom:44px}
h2{font-size:clamp(30px,3.7vw,52px);letter-spacing:-.045em;font-weight:500;line-height:1.12}.heading>p{font-size:14px;max-width:35ch;margin-bottom:5px}
.products{gap:28px;align-items:start}.product{border:0;border-radius:0;overflow:visible}.product:nth-child(2){margin-top:64px}
.product-art{height:350px;position:relative;border-radius:8px;isolation:isolate}.product-art img{transition:transform .6s;transform:none!important;object-position:center!important}.product:hover .product-art img{transform:scale(1.04)!important}
.product-art.plv img{object-position:82% center!important}.product-number{position:absolute;top:16px;left:16px;border-radius:50%;background:white;width:36px;height:36px;display:grid;place-items:center;font-size:12px;z-index:1}
.product-body{padding:24px 0 0}.product-body h3{font-size:23px;letter-spacing:-.035em}.product-body>p:not(.price){font-size:14px;margin:0 0 24px}
.price{font-size:14px;margin:12px 0}.price strong{font:500 23px Poppins}.product-body .button{width:100%;background:white;color:var(--brown);border-color:var(--border);justify-content:space-between;border-radius:0;border-inline:0}
.product-body .button:hover{background:var(--brown);color:white}
.poster{background:#d7c1ab;padding:30px}.poster>div{background:#f7f2ec;box-shadow:8px 14px 24px #56464126;transform:rotate(-7deg);font:600 40px/.98 Poppins;padding:25px;width:82%;text-align:left;letter-spacing:-.045em}
.poster small{font:9px/1.5 "Open Sans";letter-spacing:.08em;margin:0 0 20px}.poster small:last-child{margin:10px 0 0}.poster-star{display:block;font-size:75px;color:var(--brown);text-align:right;margin:12px 0}
.process{background:var(--brown);color:#fff;padding-block:72px}.process h2{text-align:left;color:var(--beige)}.process .eyebrow{color:#fff}.process-heading{margin-bottom:46px}
.steps{gap:40px;border-top:1px solid #ffffff40;padding-top:32px}.steps article{display:block}.steps span{border:1px solid #ffffff60;color:var(--beige);background:none;margin-bottom:24px}
.steps h3{font-size:20px;font-weight:500}.steps p{color:#eee4da;max-width:28ch;font-size:15px}.faq{gap:10%;grid-template-columns:.8fr 1.2fr}
.faq>div>p{max-width:30ch}.faq details:first-child{border-top:1px solid var(--border)}summary{font-family:Poppins;font-size:15px;padding:22px 14px}details p{font-size:15px}
footer{padding-block:32px;background:var(--surface)}.footer-brand img{width:150px;height:auto;mix-blend-mode:multiply}
dialog{padding:40px;border-radius:20px;box-shadow:0 30px 100px #34292535}dialog h2{font-size:32px}.cart-line{padding-block:22px}
@media(max-width:1100px){.studio-grid{gap:5%}.studio-visual{min-height:490px}.studio-copy h1{font-size:60px}.products{gap:24px}.product:nth-child(2){margin-top:40px}.product:nth-child(3){margin-top:0}.product-art{height:330px}.brand{font-size:14px;gap:8px}.header nav{gap:16px}}
@media(max-width:767px){.header{min-height:85px}.brand{font-size:12px;letter-spacing:.08em}.brand img{width:40px;height:40px}.brand small{font-size:8px;letter-spacing:.06em}#cart-open{font-size:12px;padding:6px 10px}.hero-topline{font-size:9px;letter-spacing:.07em}.hero-topline span:last-child{display:none}.studio-grid{grid-template-columns:1fr;gap:32px;padding-block:28px 32px}.studio-copy h1{font-size:clamp(45px,10vw,66px);margin:20px 0}.studio-copy .eyebrow{font-size:10px}.lead{font-size:16px;margin:24px 0}.hero-bottom{display:none}.studio-visual{min-height:400px;margin-left:22px}.studio-visual>img{border-radius:180px 180px 8px 8px}.visual-badge{width:96px;height:96px;font-size:12px;left:-22px;bottom:40px}.disciplines{font-size:11px;gap:10px;padding-block:18px}.disciplines b{font-size:20px}.section{padding-block:52px}.heading{display:block;margin-bottom:30px}.heading>p{margin-top:18px}.products{gap:38px}.product{flex-direction:column}.product:nth-child(2){margin-top:0}.product-art{width:100%;height:360px;min-height:0}.product-body{padding:20px 0 0}.poster>div{max-width:250px;font-size:45px}.process{padding-block:48px}.steps{gap:30px}.steps article{display:flex}.steps span{flex-shrink:0;margin:0}.steps h3{font-size:18px}.faq{grid-template-columns:1fr;gap:28px}summary{font-size:14px}dialog{padding:24px}.footer-brand img{width:120px}}
@media(prefers-reduced-motion:reduce){.product-art img,.header nav a:after{transition:none}}