/* Direction aquarelle & atelier — déclinaison de la référence validée. */
.v3 .gallery-disclosure {font-size:.75rem;color:var(--muted);margin:-12px 0 24px}
:root { --paper:#fcfaf6; --white:#fffefa; --section:clamp(48px,5vw,76px); --radius:12px; --radius-sm:6px; --gutter:clamp(24px,7vw,110px); }
html {scrollbar-gutter:stable}
.v3 main {background-color:var(--paper)}
.v3 h1 {font-size:clamp(38px,3.65vw,56px);letter-spacing:-.035em}
.v3 h2 {font-size:clamp(26px,2.45vw,36px)}
.v3 h3 {font-family:Georgia,serif;font-weight:600}
.v3 .site-header {min-height:72px;background:var(--paper)}
.v3 .site-nav {text-transform:none;letter-spacing:0;font-size:.7rem}
.v3 .nav-cta,.v3 .button.filled {background:var(--copper);border-color:var(--copper);color:#fff;border-radius:40px}
.v3 .nav-cta {padding:11px 18px}
.v3 .button {border-radius:40px;text-transform:none;letter-spacing:.025em;padding:13px 23px;font-size:.76rem}
.v3 .button.ghost {border:1px solid var(--blue);padding:12px 23px;border-radius:40px}
.v3 .button.filled:hover,.v3 .nav-cta:hover {background:#915b40;color:white}
.v3 .hero {max-width:1600px;grid-template-columns:.9fr 1.15fr;gap:36px;padding:25px 0 40px var(--gutter);align-items:center}
.v3 .hero-copy {grid-column:1;grid-row:1;padding:22px 0 36px;text-align:left}
.v3 .hero-copy .overline {font-size:.62rem;letter-spacing:.13em;color:var(--muted)}
.v3 .hero-copy>p:not(.overline) {font-size:.87rem;line-height:1.8;max-width:490px}
.v3 .hero-art {grid-column:2;grid-row:1;align-self:stretch;display:flex;min-height:480px}
.v3 .hero-photo {width:100%;height:100%;max-height:none;min-height:480px;object-fit:cover;object-position:55% center;border-radius:24% 0 0 13% / 34% 0 0 20%;box-shadow:none}
.v3 .hero-art::before {inset:0;transform:none;opacity:1;background:none;border-radius:0;z-index:1;pointer-events:none}
.v3 .hero-art::after {inset:0 auto auto -48px;width:105px;height:230px;background:url('assets/botanical-border.svg') center/contain no-repeat;transform:rotate(175deg)}
.v3 .art-note {bottom:25px;left:auto;right:25px;background:var(--paper);padding:16px 22px;clip-path:polygon(2% 0,95% 2%,100% 92%,4% 100%);font-size:1rem;transform:rotate(4deg)}
.v3 .hero-actions {gap:16px;margin-top:24px;flex-wrap:wrap}
.v3 .quote-band {position:relative;isolation:isolate;max-width:none;padding:45px var(--gutter);grid-template-columns:1fr 1.2fr;gap:16px 48px;background:#eee9df url('assets/paper-grain.svg');overflow:hidden;align-items:center}
.brand-intro {grid-column:2;grid-row:1;text-align:center}
.brand-name {font-size:2rem;margin:8px 0 0}.brand-intro .eyebrow {font-size:.6rem}
.brand-landscape {grid-column:1;grid-row:1/4;height:360px;border-radius:44% 40% 12% 20%;clip-path:none;object-position:32% 50%;mix-blend-mode:multiply}
.v3 .quote-band .testimonial-content {grid-column:2;grid-row:2;text-align:center;padding:0}
.v3 .quote-band h2 {font-family:Georgia,serif;font-size:1.5rem;margin:0 0 12px}
.v3 .quote-band p:not(.brand-name) {font-size:.84rem;margin-block:8px}
.brand-values {grid-column:2;grid-row:3;gap:20px;padding:0;text-align:center}
.brand-values b {font-family:Georgia,serif;font-size:1.2rem}.brand-values span {font-size:.75rem;margin-top:6px}
.v3 .cards-section,.v3 .editorial-section,.v3 .contact-section {position:relative;isolation:isolate}
.v3 .cards-section::before,.v3 .editorial-section::before,.v3 .contact-section::before {content:'';display:block;position:absolute;z-index:-1;left:0;bottom:8%;width:100px;height:320px;background:url('assets/botanical-border.svg') left center/contain no-repeat;pointer-events:none;opacity:.75}
.v3 .cards-section::after {content:'';position:absolute;z-index:-1;right:0;top:70px;width:95px;height:300px;background:url('assets/botanical-border.svg') center/contain no-repeat;transform:rotate(180deg);opacity:.45;pointer-events:none}
.v3 .section-title {margin:0 auto 30px;max-width:900px;text-align:center}
.v3 .section-title h2 {margin-top:8px}
.v3 .feature-cards {gap:24px;align-items:stretch}
.v3 .feature-cards article:nth-child(n) {margin:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--white);box-shadow:0 8px 24px #0f495109}
.v3 .feature-cards img {height:245px;border-radius:0;object-position:center}
.v3 .card-label {width:100%;margin:0;padding:22px 23px;background:var(--white);clip-path:none;flex:1;display:flex;flex-direction:column}
.v3 .card-label h3 {font-size:1.25rem}.v3 .card-label p {font-size:.83rem;line-height:1.65}
.v3 .card-label a {font-size:.73rem;text-transform:none;letter-spacing:0;border:0;color:#975a3d}
.v3 .card-label a::after {content:' →';margin-left:8px}
.v3 #studio {grid-template-columns:1fr 1fr;gap:48px;padding-block:40px;align-items:stretch}
.v3 #studio>img {grid-column:2;grid-row:1;height:100%;max-height:620px;min-height:480px;border-radius:18% 0 0 8% / 12% 0 0 9%;object-position:50% 60%}
.v3 #studio .text-panel {grid-column:1;grid-row:1;padding:20px 0}
.v3 #studio h2 {font-size:clamp(27px,2.3vw,35px)}
.v3 .text-panel p {font-size:.84rem;line-height:1.75}
.v3 .text-panel ul {display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin-top:24px}
.v3 .text-panel li {display:block;border:0;padding:0;font-size:.75rem}
.v3 .text-panel li .service-name {display:block;font-size:.87rem!important;margin-bottom:6px!important}
.v3 .text-panel li>span:not(.service-name) {font-size:.72rem;line-height:1.55;display:block}
.v3 .project-section {padding-top:30px}
.v3 .project-section .section-title,.v3 .editorial-section .section-title {text-align:left;margin-left:0}
.v3 .project-gallery.compact-masonry {grid-template-columns:repeat(3,1fr);gap:20px}
.v3 .project-gallery article:nth-child(n) {grid-column:auto;margin:0;border-radius:var(--radius-sm)}
.v3 .project-gallery article:nth-child(n) img {height:260px;aspect-ratio:auto}
.v3 .project-gallery article>div {padding:16px;background:var(--paper)}
.v3 #ateliers {display:grid;grid-template-columns:1.2fr 1fr;gap:28px 36px;background:var(--paper);align-items:stretch}
.v3 #ateliers .section-title {grid-column:1/-1;text-align:left;margin:0;max-width:780px}
.workshop-scene {grid-column:2;grid-row:2;width:100%;height:100%;min-height:430px;object-position:55% center;margin:0;border-radius:8% 0 0 3%}
.v3 .workshop-grid {grid-column:1;grid-row:2;grid-template-columns:1fr 1fr;gap:16px}
.v3 .workshop-grid article {border:0;border-radius:8px;padding:20px;background:#f0e9e0}
.v3 .workshop-grid article:first-child {background:#d1eeeb}
.v3 .workshop-grid article:nth-child(2) {background:#dceedd}
.v3 .workshop-grid article:nth-child(3) {background:#f4d8d6}
.v3 .workshop-grid article:nth-child(4) {background:#e8e6e2}
.v3 .workshop-grid article:hover {transform:none;background:#f0e9e0}
.v3 .workshop-grid article:first-child:hover {background:#d1eeeb}
.v3 .workshop-grid article:nth-child(2):hover {background:#dceedd}
.v3 .workshop-grid article:nth-child(3):hover {background:#f4d8d6}
.v3 .workshop-grid article:nth-child(4):hover {background:#e8e6e2}
.v3 .workshop-grid article:is(:hover,:focus-within) h3,
.v3 .workshop-grid article:is(:hover,:focus-within) p,
.v3 .workshop-grid article:is(:hover,:focus-within) span {color:var(--blue);transform:none}
.v3 .workshop-grid article:is(:hover,:focus-within) .format-accent {color:var(--blue)}
.v3 .workshop-grid h3 {font:700 .83rem var(--text);letter-spacing:0;text-transform:none}
.v3 .workshop-grid .format-accent {font-family:Georgia,serif;font-size:1.14rem;margin:12px 0}
.v3 .workshop-grid p,.v3 .workshop-grid article>span {font-size:.77rem;line-height:1.65}
.v3 .newsletter-style {gap:44px;background:#eee9e1;padding-block:40px}
.team-scene {height:430px;border-radius:0 12% 5% 0}
.editorial-heading {font-family:Georgia,serif;font-size:clamp(30px,3vw,44px);letter-spacing:-.025em;margin:12px 0 18px}
.v3 .newsletter-content .editorial-heading br {display:none}
.v3 .newsletter-content>p:not(.editorial-heading) {font-size:.85rem}
.v3 .mini-form {gap:12px 20px;margin-top:20px}
.v3 .mini-form strong {font-size:.73rem;border:0;padding:5px 0}
.v3 .mini-form a {flex-basis:auto;border-radius:30px;background:var(--copper);color:white;text-decoration:none;padding:12px 22px;font-size:.78rem;margin-top:8px}
.v3 .masonry-gallery {columns:3;column-gap:18px}
.v3 .masonry-gallery article {margin-bottom:18px;border-radius:var(--radius-sm)}
.v3 .masonry-gallery img {height:250px}.v3 .masonry-gallery article:nth-child(2n) img {height:310px}
.v3 .testimonial {background:#edf3ee;padding-block:44px;grid-template-columns:1fr 1fr;gap:48px}
.v3 .testimonial>div:last-child {grid-column:1;grid-row:1}
.v3 .service-area-map {grid-column:2;grid-row:1}
.v3 .testimonial h2 {font-size:1.7rem}.v3 .testimonial p {font-size:.85rem}
.v3 .location-mark {font-size:1.8rem;border:0;padding:0;margin-bottom:12px}
.v3 .faq-section {display:grid;grid-template-columns:.65fr 1.35fr;gap:48px;align-items:start}
.v3 .faq-section .section-title {text-align:left;margin:0}
.v3 .faq-grid {display:grid;gap:0}
.v3 .faq-grid details,.v3 .faq-grid details[open] {height:auto;min-height:0;padding:18px 0;overflow:visible}
.v3 .faq-grid summary {font-size:.87rem;min-height:24px;transform:none!important}
.v3 .faq-grid details:is(:hover,:focus-within) summary {transform:none;color:var(--blue)}
.v3 .faq-grid details::before {transform:scaleY(0)!important}
.v3 .faq-grid details[open]::before {transform:scaleY(1)!important}
.v3 .faq-grid details p {display:block;font-size:.85rem;margin:12px 0 0;transform:none!important}
.v3 .contact-section {background:#eee8df url('assets/paper-grain.svg');gap:44px;grid-template-columns:.9fr 1.1fr}
.v3 .contact-card .editorial-heading {font-size:2.4rem}
.v3 .contact-detail {height:220px;border-radius:var(--radius-sm)}
.v3 .contact-form {padding:28px;background:var(--white);border-radius:10px;gap:18px}
.v3 input,.v3 select,.v3 textarea {background:var(--paper);border:1px solid #ddd7cd;border-radius:6px}
.v3 .contact-form .button {border-radius:30px}
.v3 footer {background:var(--paper);color:var(--blue);border-top:1px solid #e6ded6}
@media(max-width:960px) {
 .v3 .hero {gap:24px;grid-template-columns:1fr 1fr}.v3 .hero-art,.v3 .hero-photo {min-height:470px}
 .v3 .hero h1 {font-size:36px}.v3 .hero-art::after {display:none}
 .v3 .feature-cards img {height:200px}.v3 .card-label {padding:18px}.v3 .card-label h3 {font-size:1.1rem}
 .v3 #studio {gap:30px}.v3 #studio>img {min-height:500px;max-height:none}
 .v3 #ateliers {grid-template-columns:1fr}.v3 #ateliers .section-title {grid-column:1}.workshop-scene {grid-column:1;grid-row:2;height:280px;min-height:0}.v3 .workshop-grid {grid-column:1;grid-row:3;grid-template-columns:repeat(2,1fr)}
 .v3 .quote-band {gap:16px 28px}.brand-landscape {height:340px}
 .v3 .faq-section {grid-template-columns:1fr;gap:20px}.v3 .contact-section {gap:28px}.v3 .contact-form {padding:20px}
}
@media(max-width:640px) {
 .v3 .page-shell {padding-top:72px}
 .v3 .mobile-section-indicator {top:72px}
 .v3 .hero {padding:30px 24px 36px;gap:24px}.v3 .hero-copy {padding:0}.v3 .hero h1 {font-size:37px}.v3 .hero-art {width:100%;max-width:none;min-height:0;display:block}.v3 .hero-photo {height:280px;min-height:0;border-radius:40px 5px 35px 5px;object-position:50% center}.v3 .hero-copy>p:not(.overline) {font-size:.86rem}.v3 .art-note {font-size:.84rem;padding:10px 14px;bottom:14px;right:12px}.v3 .hero-actions {gap:12px}.v3 .button {font-size:.7rem;padding:12px 18px}.v3 .button.ghost {padding:11px 18px}
 .v3 .quote-band {display:flex;flex-direction:column;padding:36px 24px;gap:20px}.brand-intro {order:0}.brand-name {font-size:1.9rem}.brand-landscape {order:1;width:100%;height:220px;border-radius:20px;object-position:30% center}.v3 .quote-band .testimonial-content {order:2}.brand-values {order:3;width:100%}
 .v3 .cards-section::before,.v3 .cards-section::after,.v3 .editorial-section::before {display:none}
 .v3 .feature-cards {gap:24px}.v3 .feature-cards img {height:230px;border-radius:0}.v3 .card-label {width:100%;padding:22px}.v3 .card-label h3 {font-size:1.23rem}
 .v3 #studio {display:flex;flex-direction:column;padding-block:36px;gap:24px}.v3 #studio>img {order:2;min-height:0;height:300px;border-radius:24px 4px;object-position:center 55%}.v3 #studio .text-panel {padding:0}.v3 .text-panel ul {gap:20px}
 .v3 .project-gallery.compact-masonry {grid-template-columns:1fr}.v3 .project-gallery article:nth-child(n) img {height:200px}.v3 .project-gallery article>div {padding:16px 0}
 .v3 #ateliers {gap:24px}.workshop-scene {height:230px;border-radius:6px}.v3 .workshop-grid {gap:12px}.v3 .workshop-grid article {padding:16px}.v3 .workshop-grid .format-accent {font-size:1.08rem}
 .v3 .newsletter-style {grid-template-columns:1fr;gap:25px}.team-scene {height:260px;border-radius:6px}.v3 .mini-form a {margin-top:4px}
 .v3 .masonry-gallery {columns:2;column-gap:12px}.v3 .masonry-gallery article {margin-bottom:12px}.v3 .masonry-gallery img {height:180px}.v3 .masonry-gallery article:nth-child(2n) img {height:230px}
 .v3 .testimonial {display:flex;flex-direction:column;gap:24px;align-items:stretch}.v3 .service-area-map {order:2}.v3 .testimonial h2 {font-size:1.6rem}
 .v3 .contact-section {grid-template-columns:1fr;gap:28px}.v3 .contact-form {padding:20px 16px;gap:18px 12px}.v3 .contact-card .editorial-heading {font-size:2.1rem}.v3 .contact-detail {height:180px}
}
@media(max-width:360px) {.v3 .hero h1 {font-size:32px}.v3 .workshop-grid {grid-template-columns:1fr}.v3 .contact-form {grid-template-columns:1fr}}
