:root{--violet:#4b2a69;--ink:#111;--muted:#777}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.intro{position:fixed;inset:0;background:var(--violet);z-index:20;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .72s cubic-bezier(.75,0,.2,1);transform:translateY(0)}.intro img{display:block;width:100%;height:100%;object-fit:contain;animation:reveal 1.05s cubic-bezier(.2,.75,.2,1) both}.intro.exit{transform:translateY(-102%)}.intro button{position:absolute;right:25px;top:22px;border:0;background:none;color:white;font-size:12px;font-weight:bold;letter-spacing:.07em;cursor:pointer}@keyframes reveal{from{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.topbar{height:74px;display:flex;justify-content:space-between;align-items:center;padding:0 3.2%;background:white;position:sticky;top:0;z-index:5;border-bottom:1px solid #eee}.brand{font-size:22px;letter-spacing:-.055em;font-weight:900}.brand sup{font-size:11px;vertical-align:top;margin-left:2px}.topbar nav{display:flex;gap:30px;font-size:12px;font-weight:700}.topbar nav a:hover{text-decoration:underline}.mobileMenu{display:none;border:0;background:transparent;font-weight:bold}.hero{padding:22px 3.2% 0}.hero-image{height:min(77vh,800px);overflow:hidden;background:#e7e7e7}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 43%}.hero-bottom,.section-head{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.035em;padding:17px 0}.statement,.actions,.shop,.contact{padding:115px 3.2% 75px}.eyebrow{font-size:11px;font-weight:bold}.statement h1{font-size:clamp(55px,8.8vw,160px);font-weight:900;line-height:.93;letter-spacing:-.075em;margin:50px 0 75px;max-width:1500px}.statement h1 em{font-style:normal;color:var(--violet)}.statement-bottom{display:flex;justify-content:space-between;gap:50px;align-items:end}.statement-bottom p{font-size:clamp(20px,2.5vw,36px);line-height:1.25;max-width:730px;letter-spacing:-.035em}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid;padding-bottom:6px;white-space:nowrap}.actions{padding-top:65px}.section-head{border-top:1px solid #111}.feature-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:25px;margin-top:40px}.feature{margin:0}.feature img{width:100%;height:590px;object-fit:cover;object-position:center 48%;background:#eee}.feature figcaption{font-size:11px;font-weight:bold;margin-top:12px}.solidarity{background:#f3f3f3;padding:95px 3.2%;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}.solidarity h2{font-size:clamp(35px,4.5vw,78px);letter-spacing:-.065em;line-height:1.02}.solidarity img{width:100%;max-height:680px;object-fit:cover}.shop h2,.contact h2{font-size:clamp(55px,9vw,155px);letter-spacing:-.075em;line-height:.95;margin:50px 0}.products{display:grid;grid-template-columns:1fr 1fr;gap:25px}.product-visual{background:#f1f1f1;height:520px;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-visual img{width:100%;height:100%;object-fit:cover}.product-visual.poster img{width:auto;height:88%;object-fit:contain}.product-label{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:16px 0}.product-label span{color:var(--muted)}.shop-note{font-size:13px;color:#666}.contact{background:#fff;border-top:1px solid #111;padding-bottom:150px}.contact p{font-size:23px;max-width:580px}.contact-link{display:inline-block;margin-top:40px;border-bottom:3px solid;font-size:clamp(22px,4vw,55px);font-weight:900;letter-spacing:-.04em}footer{background:#111;color:#fff;display:flex;justify-content:space-between;padding:30px 3.2%;font-size:11px;font-weight:700}@media(max-width:720px){.topbar{height:62px;padding:0 5%}.brand{font-size:19px}.mobileMenu{display:block}.topbar nav{display:none;position:absolute;top:62px;left:0;right:0;background:white;padding:25px 5%;flex-direction:column;gap:20px;border-bottom:1px solid #ddd}.topbar nav.open{display:flex}.hero{padding:12px 4% 0}.hero-image{height:65vh}.hero-bottom{font-size:9px;gap:15px}.statement,.actions,.shop,.contact{padding:70px 4% 55px}.statement h1{font-size:clamp(42px,10.5vw,80px);margin:40px 0}.statement-bottom{display:block}.statement-bottom p{font-size:22px}.text-link{display:inline-block;margin-top:25px}.feature-grid,.products,.solidarity{grid-template-columns:1fr}.feature img{height:auto;max-height:650px}.solidarity{padding:65px 4%}.solidarity h2{font-size:43px}.product-visual{height:380px}.shop h2,.contact h2{font-size:clamp(48px,12vw,90px)}footer{gap:20px;flex-wrap:wrap}.intro img{width:100%;height:auto;max-height:100%;object-fit:contain}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Direction 02 — visual-first editorial layout */
:root{--ink:#101010;--paper:#fff;--purple:#4b2a69}
html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink)}
.topbar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #ddd;min-height:68px;padding:0 2.4vw;display:flex;align-items:center;justify-content:space-between}
.topbar .brand{font-size:clamp(20px,2.15vw,38px);font-weight:900;letter-spacing:-.065em;line-height:.9;text-decoration:none;color:#111}
.topbar .brand sup{font-size:.33em;vertical-align:top;margin-left:3px;letter-spacing:0}
.topbar nav{display:flex;gap:clamp(15px,2.2vw,40px)}.topbar nav a{font-size:12px;font-weight:700;letter-spacing:-.02em;text-decoration:none;color:#111}
.hero{padding:0 2.4vw 3vw;min-height:unset}.hero-image{height:min(72vh,850px);overflow:hidden;background:#ececec}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 47%;display:block}.hero-bottom{display:flex;justify-content:space-between;padding:12px 0;font-size:11px;font-weight:700;letter-spacing:.02em}
.statement{padding:8vw 2.4vw 10vw}.statement .eyebrow{font-size:12px;font-weight:700;margin:0 0 5vw}.statement h1{font-size:clamp(56px,10.7vw,205px);line-height:.84;letter-spacing:-.095em;font-weight:900;max-width:100%;margin:0;text-transform:uppercase}.statement h1 em{font-style:normal;color:var(--purple)}.statement-bottom{margin-top:5vw;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:end}.statement-bottom p{font-size:clamp(19px,2.4vw,37px);line-height:1.14;letter-spacing:-.045em;max-width:740px}.statement-bottom .text-link{justify-self:end;font-size:12px;font-weight:800;border-bottom:2px solid;padding-bottom:6px}
.actions,.shop{padding:2vw 2.4vw 10vw}.section-head{border-top:1px solid #111;padding:14px 0 28px;display:flex;justify-content:space-between;font-size:12px;font-weight:700}.feature-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:1.4vw;align-items:start}.feature{margin:0}.feature img{display:block;width:100%;height:40vw;max-height:780px;object-fit:cover;background:#eee}.feature:not(.large){padding-top:10vw}.feature:not(.large) img{height:30vw}.feature figcaption{font-size:11px;font-weight:700;padding-top:12px}
.solidarity{margin:0 2.4vw 10vw;background:var(--purple);color:#fff;padding:5vw;display:grid;grid-template-columns:1.4fr .6fr;gap:4vw;align-items:center}.solidarity h2{font-size:clamp(38px,6.4vw,110px);letter-spacing:-.075em;line-height:.94;margin:4vw 0 0}.solidarity img{width:100%;max-height:570px;object-fit:cover}.solidarity .eyebrow{font-size:12px;font-weight:700}
.shop h2{font-size:clamp(58px,11vw,190px);line-height:.9;letter-spacing:-.09em;margin:2vw 0 5vw}.products{display:grid;grid-template-columns:1fr 1fr;gap:1.4vw}.product-visual{background:#eee;height:45vw;max-height:780px;overflow:hidden}.product-visual img{width:100%;height:100%;object-fit:cover}.product-visual.poster{background:#e6e1eb;display:grid;place-items:center}.product-visual.poster img{object-fit:contain;width:70%;height:85%}.product-label{display:flex;justify-content:space-between;padding-top:14px;font-size:12px;gap:12px}.shop-note{font-size:13px;margin-top:4vw}
.contact{padding:8vw 2.4vw 12vw;border-top:1px solid #111}.contact>span{font-size:12px;font-weight:700}.contact h2{font-size:clamp(64px,12vw,205px);line-height:.87;letter-spacing:-.09em;margin:4vw 0}.contact p{font-size:clamp(22px,3vw,45px);max-width:900px;line-height:1.1;letter-spacing:-.045em}.contact-link{display:inline-block;font-size:clamp(25px,4vw,70px);font-weight:800;letter-spacing:-.06em;border-bottom:3px solid;margin-top:4vw;color:inherit;text-decoration:none}
footer{background:#111;color:#fff;padding:24px 2.4vw;display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:700}footer a{color:#fff}
@media(max-width:760px){.topbar{padding:0 5vw}.hero{padding:0 5vw 6vw}.hero-image{height:60vh}.hero-bottom{font-size:9px}.statement{padding:16vw 5vw}.statement h1{font-size:clamp(45px,12vw,90px)}.statement-bottom{grid-template-columns:1fr;gap:25px}.statement-bottom .text-link{justify-self:start}.actions,.shop{padding:4vw 5vw 16vw}.feature-grid{grid-template-columns:1fr;gap:8vw}.feature img,.feature:not(.large) img{height:90vw}.feature:not(.large){padding-top:0}.solidarity{margin:0 5vw 16vw;padding:9vw 7vw;grid-template-columns:1fr}.solidarity img{max-height:360px}.products{grid-template-columns:1fr;gap:10vw}.product-visual{height:95vw}.contact{padding:16vw 5vw}.contact h2{font-size:clamp(56px,13vw,110px)}footer{padding:25px 5vw;flex-wrap:wrap}}

/* Version 2 : pavés gris temporaires, structure d'origine conservée */
.photo-placeholder{display:flex;width:100%;height:100%;min-height:100%;align-items:center;justify-content:center;background:#d1d1d1;color:#858585;text-align:center;}
.photo-placeholder span{font-size:11px;font-weight:700;letter-spacing:.06em;}
.feature>.photo-placeholder{height:40vw;max-height:780px;}
.feature:not(.large)>.photo-placeholder{height:30vw;}
.solidarity>.photo-placeholder{height:38vw;max-height:570px;}
.product-visual.poster{background:#d1d1d1;}
.product-visual.poster>.photo-placeholder{width:100%;height:100%;}
@media(max-width:760px){.feature>.photo-placeholder,.feature:not(.large)>.photo-placeholder{height:90vw}.solidarity>.photo-placeholder{height:75vw;max-height:360px}}


/* VERSION 2 — Bandeau et mosaïque inspirés de la composition d'Alright Studio */
.news-strip{height:32px;background:#121212;color:#fff;display:flex;align-items:center;justify-content:center;gap:16px;padding:0 20px;font-size:10px;font-weight:700;letter-spacing:.025em}
.news-tag{color:#bbb}.news-arrow{font-size:15px}
.topbar{position:relative;top:auto;height:75px;padding:0 2.4vw;border-bottom:0}
.topbar .brand{font-size:clamp(21px,2.1vw,33px)}
.hero-alright{padding:0 2.4vw 0}
.hero-identity{min-height:clamp(310px,43vw,690px);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:17px 0 20px}
.hero-meta{display:flex;justify-content:space-between;font-size:11px;font-weight:700}
.hero-identity h1{font-size:clamp(85px,17vw,300px);letter-spacing:-.105em;line-height:.76;margin:45px 0 35px;font-weight:900;white-space:nowrap}
.hero-identity h1 span{font-size:.15em;letter-spacing:0;vertical-align:top;margin-left:.1em}
.hero-signature{align-self:flex-end;font-size:clamp(15px,1.55vw,27px);font-weight:800;line-height:1.02;letter-spacing:-.055em}
.alright-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(170px,22vw));gap:12px}
.mosaic-tile{background:#d1d1d1;color:#898989;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.035em;min-width:0}
.tile-a{grid-column:span 4;grid-row:span 2;background:#d2d2d2}
.tile-b{grid-column:span 4;background:#c9c9c9}
.tile-c{grid-column:span 4;background:#d8d8d8}
.tile-d{grid-column:span 5;background:#d5d5d5}
.tile-e{grid-column:span 3;background:#c6c6c6}
.hero-alright .hero-bottom{padding:14px 0 30px}
@media(max-width:760px){
.news-strip{font-size:9px;justify-content:space-between;gap:10px}.news-strip>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar{height:62px;padding:0 5vw}.hero-alright{padding:0 5vw}.hero-identity{min-height:330px}
.hero-meta{font-size:9px}.hero-identity h1{font-size:17vw;letter-spacing:-.105em;margin:50px 0}
.hero-signature{font-size:15px}.alright-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,43vw);gap:8px}
.tile-a{grid-column:span 2;grid-row:span 2}.tile-b,.tile-c,.tile-d,.tile-e{grid-column:span 1;grid-row:span 1}
.hero-alright .hero-bottom{font-size:9px}
}

/* En-tête éditorial inspiré de la composition de référence */
.hero-reference{padding:0;background:#f7f7f7;color:#363636}
.reference-copy{min-height:clamp(380px,50vw,610px);padding:10px 0 48px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
.reference-copy h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(52px,6.8vw,118px);line-height:.95;letter-spacing:-.085em;font-weight:800;text-align:center;margin:0 10px 4px;white-space:nowrap}
.reference-copy h1 sup{font-size:.17em;vertical-align:top;letter-spacing:0;margin-left:.15em}
.reference-copy p{font-family:Arial,Helvetica,sans-serif;font-size:clamp(36px,5.8vw,94px);font-weight:800;line-height:.96;letter-spacing:-.073em;color:#888;margin:0;padding:0 .4vw;max-width:100%}
.reference-nav{display:grid;grid-template-columns:9% 9% 34% 1fr;min-height:34px;align-items:center;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;font:700 13px Arial,Helvetica,sans-serif;color:#999}
.reference-nav>*{padding:6px 10px;border-right:1px solid #eee;min-height:34px}
.reference-nav nav a{color:inherit;text-decoration:none}.reference-nav nav a:hover{color:#111}.reference-nav .nav-location{text-align:right}
.hero-reference .alright-mosaic{padding:85px 2.4vw 35px;grid-template-rows:repeat(2,minmax(170px,23vw))}
@media(max-width:800px){.reference-copy{min-height:340px;padding-top:20px}.reference-copy h1{font-size:clamp(27px,7vw,56px);letter-spacing:-.075em}.reference-copy p{font-size:clamp(32px,7.5vw,65px);line-height:1.02;margin-top:14px}.reference-nav{grid-template-columns:9% 9% 1fr}.reference-nav .nav-location{display:none}.reference-nav nav{font-size:10px}.hero-reference .alright-mosaic{padding-top:35px}}