/* Mise en page rapprochée de la maquette validée, avec les contenus réels. */
:root{--cream:#fbf8f2;--gold:#f0cb78;--line:#e6dccb}
body{background:#d5b88e url('assets/studio-maquette.png') center top/cover fixed no-repeat;font-size:13px;line-height:1.45}
.wrap{width:min(1260px,89%)}
.draft{position:relative;z-index:2;padding:4px 10px;font-size:8px;background:#e7d7bd;line-height:1.4}
.studio-stage{position:relative;isolation:isolate;min-height:340px;overflow:hidden;color:#fff7e9;background:#25231f}
.studio-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}
.studio-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1213107a 0%,#16151240 38%,transparent 57%)}
.header{position:relative;padding-block:14px;gap:25px;min-height:65px}
.brand strong{font-size:24px;letter-spacing:4px}.brand small{font-size:7px;letter-spacing:2px}.header nav{font-size:11px;gap:31px}.header-cta{display:inline-flex;font-size:11px;padding:9px 18px}
.hero{display:block;position:relative;padding-block:4px 27px;min-height:266px}.hero-copy{width:46%;max-width:570px}.hero h1{font-size:clamp(46px,4.9vw,72px);line-height:.91;letter-spacing:-1.4px;margin-bottom:13px;font-weight:700}.hero h1 em{color:#f5d182}.hero .lead{font-size:14px;line-height:1.25;margin-bottom:0;max-width:490px}.hero-description{font-size:13px;line-height:1.25;color:#fff4df;max-width:470px;margin:2px 0 0}.hero .actions{gap:12px;margin-top:12px}.button{padding:10px 18px;font-size:11px;gap:22px;border-radius:4px}.hero .outline{background:#1818136b;color:#fff8ed;border-color:#e4c47e}.hero-note{font-size:9px;margin-top:9px;color:#f0d9b6}.studio-caption{position:absolute;right:0;top:47px;max-width:170px;font:italic 21px/1.2 Georgia,serif;transform:rotate(-7deg);text-shadow:0 2px 8px #000;margin:0;color:#fff5e3}.studio-caption:after{content:'';display:block;width:85%;height:2px;margin-top:9px;background:#e4bd64;transform:rotate(-5deg)}
.paper{position:relative;width:calc(100% - 42px);max-width:1560px;margin:0 auto;background:#fffcf6f7;box-shadow:0 10px 50px #3a251329}.paper>.wrap{width:90%}.section{padding-block:21px}.section-heading{gap:20px;margin-bottom:10px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:7px}.section-heading .eyebrow{display:none}.section-heading>p{font-size:10px;line-height:1.35;max-width:270px}.section-heading h2{margin-bottom:0}h2{font-size:clamp(27px,2.6vw,37px);line-height:1.08;letter-spacing:-1px;font-weight:700;margin-bottom:14px}
.filters{gap:9px;margin-bottom:12px;display:grid;grid-template-columns:repeat(4,1fr);max-width:100%}.filters button{font-size:10px;padding:4px 12px;border:0;background:#efebe5;border-radius:12px;line-height:1.3}.filters button.selected{background:linear-gradient(100deg,#ffe0a0,#f2c46a)}
.media-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.media-card{border:1px solid #dfd4c0;border-radius:5px;aspect-ratio:607/920;background:#26221b}.media-card img{object-fit:contain;background:#211d17}.media-grid .creation .creation-type{font-size:7px;letter-spacing:.8px;margin-top:8px}.media-grid .creation h3{font-size:12px;line-height:1.2;margin:4px 0 0}.media-grid .creation h3+p{font-size:10px;line-height:1.35;margin-top:5px}.marketing-cover .media-play>span{width:29px;height:29px;font-size:10px}.media-play{font-size:9px;padding:16px 8px 7px}.media-play time{font-size:8px}#filter-status{display:inline-block;font-size:9px;margin:10px 0 0}.selection-note{display:inline-block;font-size:9px;border:0;padding:0;margin:10px 0 0 16px;color:#756a59}
.founder-band{position:relative;background:linear-gradient(100deg,#e7d6b759,#fffaf3ee 55%,#eee1cfb3);border-block:1px solid #e9dfd1}.founder{width:90%;grid-template-columns:.88fr 1.35fr;gap:28px;padding-block:14px}.video-placeholder{aspect-ratio:2.55;padding:18px;background:linear-gradient(90deg,#15120f75,transparent 70%),url('assets/studio-maquette.png') 67% center/cover no-repeat;border:1px solid #d2bea0;box-shadow:0 2px 6px #5c42212e}.video-placeholder .eyebrow{font-size:7px;margin:0;max-width:60%}.video-placeholder strong{font-size:25px;max-width:60%;text-shadow:0 2px 8px #000}.video-label{font-size:8px;background:#191714c2;color:#f8ddb0;padding:3px 8px;border-color:#d1b27588}.founder h2{font-size:clamp(25px,2.5vw,36px);margin-bottom:8px}.founder h2 br{display:none}.founder p:not(.eyebrow){font-size:12px;max-width:650px;line-height:1.35;margin-bottom:6px}.founder p.small{font-size:9px}.signature{display:block;text-align:right;font-size:28px;line-height:1.2;padding-right:18px}
#services>.eyebrow{display:none}.services-grid{grid-template-columns:repeat(6,minmax(0,1fr));border:0;gap:10px}.service{padding:9px 10px 14px;overflow:hidden;border:1px solid #ece2d5;border-radius:5px;background:#fffdfa99;min-height:134px}.service:before{content:'';display:block;height:50px;margin:-9px -10px 8px;background:linear-gradient(100deg,#4b3624,#c4a273);background-size:cover;background-position:center 66%}.service:nth-child(1):before{background-image:url('assets/creations/clown.jpg')}.service:nth-child(2):before{background-image:url('assets/creations/bougies-couverture.png')}.service:nth-child(3):before{content:'VOIX & AUDIO';font-size:12px;letter-spacing:2px;color:#edd1a2;display:grid;place-items:center;background:linear-gradient(110deg,#302923,#705235)}.service:nth-child(4):before{background-image:url('assets/creations/bijoux-couverture.png')}.service:nth-child(5):before{content:'Visuel à venir';display:grid;place-items:center;font-size:10px;color:#766348;background:#e7dac5}.service:nth-child(6):before{background-image:url('assets/creations/beaute-couverture.png')}.service>span{display:none}.service h3{font-size:11px;line-height:1.2;margin:0 0 4px}.service p{font-size:10px;line-height:1.25;margin:0 0 5px}.service b{font-size:16px;right:9px;bottom:5px;color:#aa7537}.steps{margin-top:15px;padding-block:0;gap:0}.steps>div{gap:22px;padding:2px 25px;border-color:#d2ac70}.steps span{font-size:20px;line-height:1.2}.steps strong{font-size:12px;line-height:1.3}.steps p{font-size:10px;line-height:1.3}
.projects{padding-block:0 16px}.projects .section-heading>p{display:none}.project-grid{gap:12px}.project-grid article{position:relative;min-height:88px;padding:12px 15px;border:1px solid #e4d6c3;border-radius:5px;background:#4c3b2b;color:#fff5e2}.project-grid article:first-child{background:linear-gradient(90deg,#15120dd9,#21191155),url('assets/studio-maquette.png') 65% 60%/cover}.project-grid article:nth-child(2){background:linear-gradient(110deg,#71624f,#40362b)}.project-grid article:nth-child(3){background:linear-gradient(100deg,#9b754e,#42372c)}.project-grid article>span{display:none}.project-grid h3{font-size:26px;line-height:1.1;margin:0 0 5px;color:#fff6e8}.project-grid article:first-child h3{font-style:italic}.project-grid p{font-size:10px;line-height:1.2;color:#f8eada;margin:0 0 4px}.project-grid small{font-size:8px;color:#dfc9aa}
.contact-band{background:linear-gradient(90deg,#201a13d9,#3b2b1eaa),url('assets/studio-maquette.png') center 70%/cover}.contact{padding-block:18px;grid-template-columns:1fr 1.3fr;gap:30px;align-items:start;width:90%}.contact .eyebrow{display:none}.contact h2{font-size:43px;line-height:1;margin:0 0 6px}.contact p{font-size:11px;line-height:1.35;margin:0;color:#fff2db}.contact .contact-note{font-size:9px;line-height:1.3;margin:8px 0 0;padding-left:10px;border-left:1px solid #c5a062}.project-inquiry{justify-self:end;width:min(620px,100%)}.project-inquiry:not([open]){width:auto;align-self:center;justify-self:center}.project-inquiry summary{list-style:none;cursor:pointer;min-width:190px;user-select:none}.project-inquiry summary::-webkit-details-marker{display:none}.project-inquiry[open] summary{margin-bottom:12px}.project-inquiry form{padding:20px;border-radius:4px}.contact form .form-notice{font-size:10px;line-height:1.4;margin-bottom:15px;padding-bottom:10px}.contact form p.small{font-size:10px;line-height:1.5;margin:8px 0 15px}.contact .form-row{gap:12px}.contact label{font-size:10px;margin-bottom:12px}.contact input,.contact textarea,.contact select{font-size:12px;padding:8px}.contact #proposal-result p{color:#6a655e;font-size:11px;margin-bottom:10px}
.footer{width:calc(100% - 42px);max-width:1560px;padding:13px max(4.5%,20px);gap:30px;background:#fffcf5;color:#30271d}.footer .brand strong{font-size:18px;color:#30271d}.footer .brand strong span{color:#a57637}.footer .brand small{font-size:6px;letter-spacing:1.7px}.footer p{font-size:10px}.footer p span,.footer p.small{font-size:8px;color:#776b59}
@media(min-width:1101px) and (max-width:1599px){.studio-stage{min-height:305px}.header{min-height:60px;padding-block:10px}.hero{min-height:245px;padding-block:0 15px}.hero h1{font-size:clamp(52px,4.2vw,64px);margin-bottom:10px}.hero .lead{font-size:13px}.hero-description{font-size:12px}.hero .actions{margin-top:9px}.hero-note{margin-top:7px;font-size:8px}.hero .button{padding:9px 16px}}
@media(min-width:1600px){.studio-stage{min-height:390px}.hero{min-height:315px;padding-block:12px 36px}.hero h1{font-size:78px}.studio-photo{object-position:center 49%}}
@media(max-width:1100px){.header{gap:20px}.header nav{gap:18px}.header-cta{display:none}.hero h1{font-size:56px}.hero-copy{width:48%}.hero .lead{font-size:13px}.hero-description{font-size:12px}.studio-caption{font-size:16px;max-width:135px;right:0;top:60px}.media-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.media-grid .creation h3{font-size:11px}.media-grid .creation h3+p{font-size:9px}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service{min-height:125px}.founder{gap:20px}.video-placeholder strong{font-size:23px}.project-grid h3{font-size:23px}}
@media(max-width:760px){body{background:#dec6a1}.draft{font-size:8px;padding:4px}.draft span{display:inline;margin-left:7px;font-size:8px}.studio-stage{min-height:580px}.studio-photo{object-fit:cover;object-position:67% center}.studio-stage:after{background:linear-gradient(180deg,#171714d9 0%,#181610b3 43%,transparent 80%)}.header{min-height:65px;padding-block:17px;gap:12px}.header nav.open{position:relative;background:#201a14f5;border-radius:4px;padding:10px 14px;z-index:3}.brand strong{font-size:22px}.hero{min-height:495px;padding-block:8px 26px}.hero-copy{width:100%;max-width:490px}.hero h1{font-size:clamp(44px,10.6vw,64px);line-height:.95;max-width:390px;margin-bottom:12px}.hero .lead{font-size:13px;max-width:350px}.hero-description{font-size:12px;max-width:335px;line-height:1.35}.hero .actions{gap:8px;margin-top:14px}.hero .button{font-size:10px;padding:9px 11px;gap:13px}.hero-note{font-size:8px}.studio-caption{top:auto;bottom:18px;left:0;right:auto;font-size:17px;max-width:150px}.studio-caption:after{margin-top:6px}.paper{width:calc(100% - 18px)}.paper>.wrap{width:92%}.section{padding-block:19px}.section-heading{display:block;margin-bottom:11px}.section-heading>p{display:none}h2{font-size:28px}.filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:12px}.filters button{font-size:10px;padding:6px 7px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.media-card{aspect-ratio:607/1040}.media-grid .creation h3{font-size:12px;line-height:1.25}.media-grid .creation h3+p{font-size:10px;line-height:1.4}.media-grid .creation .creation-type{font-size:7px}.selection-note{display:block;font-size:9px;margin:5px 0 0}#filter-status{font-size:9px;margin-top:12px}.founder{grid-template-columns:1fr;gap:15px;padding-block:18px;width:92%}.video-placeholder{aspect-ratio:2.25;padding:16px;max-width:none}.video-placeholder strong{font-size:26px}.video-placeholder .eyebrow{font-size:7px}.founder h2{font-size:29px}.founder p:not(.eyebrow){font-size:12px}.founder p.small{font-size:10px}.signature{font-size:27px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service{min-height:140px;padding:10px 10px 15px}.service:before{height:49px;margin:-10px -10px 9px}.service h3{font-size:12px}.service p{font-size:10px;line-height:1.35}.steps{grid-template-columns:1fr;gap:13px;margin-top:20px}.steps>div,.steps>div:first-child{padding:0 0 12px;gap:18px;border-right:0;border-bottom:1px solid #d7bf99}.steps>div:last-child{padding-bottom:0;border:0}.steps strong{font-size:12px}.steps p{font-size:11px}.projects{padding-top:2px;padding-bottom:18px}.project-grid{grid-template-columns:1fr;gap:9px}.project-grid article{min-height:82px;padding:12px 14px}.project-grid h3{font-size:27px}.project-grid p{font-size:11px}.contact{width:92%;grid-template-columns:1fr;padding-block:19px;gap:16px}.contact h2{font-size:39px}.contact p{font-size:12px}.contact .contact-note{font-size:10px;margin-top:9px}.project-inquiry,.project-inquiry:not([open]){justify-self:stretch;width:100%}.project-inquiry summary{min-width:0;width:auto;justify-content:center}.project-inquiry form{padding:16px}.contact .form-row{grid-template-columns:1fr;gap:0}.contact label{font-size:11px}.contact input,.contact textarea,.contact select{font-size:13px}.footer{width:calc(100% - 18px);padding:17px 4%;gap:15px;align-items:start}.footer .brand strong{font-size:18px}.footer p{font-size:10px}.footer p span,.footer p.small{font-size:9px}.footer>p:last-child{width:100%}}
@media(max-width:360px){.brand strong{font-size:19px}.draft span{display:block;margin:0}.hero h1{font-size:44px}.hero .actions{flex-direction:column;align-items:start}.hero{min-height:520px}.studio-stage{min-height:605px}}
@media(max-width:760px){.studio-photo{top:auto;bottom:0;height:360px;object-position:67% center}.studio-stage:after{background:linear-gradient(180deg,#211e19 0%,#211e19 27%,#211e19a6 48%,transparent 77%)}}
/* Les affiches portrait restent entières dans les vignettes de services. */
.service:before{height:clamp(140px,14vw,195px);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#302923}