/* Le Renard'eau — V3 / papier, geste, mouvement. */
:root {
  --blue:#0f4951; --teal:#1f6f73; --sage:#a7c4bc; --taupe:#e6ded6; --copper:#a86f52;
  --paper:#faf7f1; --white:#fffdf9; --ink:#253d40; --muted:#526567; --line:#c7d1cb;
  --atelier-aqua:#7ad7d1; --atelier-sage:#a3d7d1; --atelier-green:#c5ecc7; --atelier-pink:#f4c3c2; --atelier-gray:#cfcfcf;
  --display:'Ribeye',Georgia,serif; --text:'Mero Thai','Segoe UI',sans-serif;
  --script:'Beautifully Delicious Script',Georgia,serif;
  --space-1:.5rem; --space-2:1rem; --space-3:1.5rem; --space-4:2rem; --space-5:3rem; --space-6:5rem; --space-7:8rem;
  --radius:3px; --radius-sm:2px; --organic:48% 52% 44% 56% / 40% 44% 56% 60%;
  --gutter:clamp(24px,6vw,96px); --section:clamp(72px,9vw,140px);
}
.v3 {background:var(--paper); color:var(--ink)}
.v3 .page-shell {background:var(--paper)}
.v3 main {background-image:url('assets/paper-grain.svg')}
.v3 h1,.v3 h2,.v3 h3 {text-wrap:balance}
.v3 h1 {font-size:clamp(42px,4.5vw,68px);line-height:1.16;letter-spacing:-.045em}
.v3 h2 {font-size:clamp(29px,3.1vw,46px);line-height:1.25;letter-spacing:-.025em}
.v3 h3 {font-family:var(--text);line-height:1.35}
.v3 p {line-height:1.8}
.v3 .site-header {padding:0 var(--gutter);background:var(--paper);backdrop-filter:none;box-shadow:none;gap:24px}
.v3 .site-header.is-scrolled {background:var(--paper);box-shadow:0 2px 12px #0f495106}
.v3 .signature {font-size:1.22rem;white-space:nowrap}
.v3 .site-nav {gap:clamp(10px,1.3vw,22px);font-size:.62rem;letter-spacing:.06em}
.v3 .nav-cta {padding:12px 16px;border:1px solid var(--blue)}
.v3 .button {border-radius:2px;padding:16px 23px;box-shadow:none;font-size:.7rem;letter-spacing:.07em;transform:none;background-image:none}
.v3 .button::before,.v3 .button::after {display:none}
.v3 .button.ghost {border:0;border-bottom:1px solid var(--blue);background:transparent;padding-inline:0}
.v3 .button:hover {transform:translateY(-2px);box-shadow:none}
.v3 .hero {max-width:1440px;min-height:0;grid-template-columns:1fr 1.12fr;gap:5vw;padding:60px var(--gutter) 100px}
.v3 .hero-art {min-height:0;width:100%;max-width:none;margin:0;align-self:center;position:relative}
.v3 .hero-art::before {content:'';position:absolute;inset:16% 8% 10%;border-radius:var(--organic);background:var(--sage);opacity:.18;transform:rotate(-9deg)}
.v3 .hero-art::after {content:'';position:absolute;inset:auto -3% 8% 68%;height:70px;background:url('assets/water-lines.svg') center/contain no-repeat;pointer-events:none}
.v3 .hero-photo {position:relative;top:auto;left:auto;width:100%;height:auto;transform:none;max-height:640px;object-fit:contain}
.v3 .hero-copy {padding:24px 0 0}
.v3 .hero-copy>p:not(.overline) {font-size:.92rem;max-width:570px}
.v3 .overline,.v3 .section-title>span,.v3 .eyebrow {font-size:.65rem;text-transform:uppercase;letter-spacing:.18em;color:var(--copper);font-weight:800}
.v3 .hero-actions {display:flex;gap:26px;align-items:center;margin-top:30px}
.art-note {position:absolute;z-index:2;left:35%;bottom:-36px;transform:rotate(-6deg);font-family:var(--script);font-style:italic;color:var(--teal);font-size:1.15rem;line-height:1.4}
.v3 .quote-band {padding:var(--section) var(--gutter);background:none;display:grid;grid-template-columns:1.1fr 1fr;gap:24px 7vw;text-align:left;max-width:1440px;margin:auto}
.v3 .quote-band::before,.v3 .quote-band::after {display:none}
.v3 .quote-band>div {max-width:none}
.brand-intro {grid-column:1/-1}
.brand-name {font-family:var(--display);font-size:clamp(38px,6vw,86px);margin:12px 0 20px;color:var(--blue);line-height:1.1!important}
.brand-name span {color:var(--copper);font-style:italic}
.brand-landscape {grid-column:1/-1;width:100%;height:clamp(270px,35vw,480px);object-fit:cover;object-position:50% 52%;clip-path:polygon(0 2%,24% 0,53% 2%,78% 0,100% 1%,99% 97%,70% 100%,40% 98%,0 100%)}
.brand-values {display:flex;gap:44px;align-items:start;padding-top:18px}
.brand-values p {margin:0;flex:1}.brand-values b {display:block;font-family:var(--display);font-weight:400;font-size:2rem;color:var(--teal)}
.brand-values span {display:block;font-size:.8rem;margin-top:12px}
.v3 .quote-band .testimonial-content {background:none;box-shadow:none;padding:20px 0 0;border:0;border-radius:0}
.v3 .quote-band h2 {font-size:1.6rem}.v3 .quote-band p:not(.brand-name) {font-size:.9rem}
.v3 .cards-section,.v3 .soft-section,.v3 .editorial-section,.v3 .faq-section,.v3 .project-section {padding:var(--section) var(--gutter);background:none}
.v3 .section-title {max-width:850px;margin:0 0 56px;text-align:left}
.v3 .section-title h2 {margin:14px 0 0}
.v3 .feature-cards {gap:28px;align-items:start}
.v3 .feature-cards article {border:0;border-radius:0;box-shadow:none;background:none;overflow:visible;display:flex;flex-direction:column;height:auto;min-height:0;transform:none}
.v3 .feature-cards article:nth-child(2) {margin-top:50px}
.v3 .feature-cards article:nth-child(3) {margin-top:100px}
.v3 .feature-cards img {width:100%;height:360px;aspect-ratio:auto;border-radius:50% 50% 2px 2px / 16% 16% 2px 2px;object-fit:cover;filter:none;transition:transform .5s}
.v3 .card-label {position:relative;inset:auto;width:94%;margin:-42px 0 0 auto;padding:27px 20px 15px;background:var(--paper);border-radius:0;box-shadow:none;text-align:left;min-height:0;transform:none;clip-path:polygon(0 2%,32% 0,65% 2%,100% 0,100% 100%,0 100%)}
.v3 .card-label h3 {font-size:1.17rem}.v3 .card-label p {font-size:.84rem;opacity:1;max-height:none;margin:12px 0 18px;color:var(--muted)}
.v3 .card-label a {margin-top:auto;font-size:.65rem;align-self:start;padding-bottom:6px;border-bottom:1px solid var(--copper)}
.v3 .card-overlay {display:none}
.v3 .feature-cards article:hover,.v3 .feature-cards article:hover .card-label {transform:none;background:var(--paper);box-shadow:none}
.v3 .feature-cards article:hover img {transform:scale(1.02);filter:none}
.v3 .feature-cards article:hover .card-label p {opacity:1;max-height:none;color:var(--muted)}
.v3 .split-section {display:grid;grid-template-columns:1fr 1.05fr;gap:8vw;padding:var(--section) var(--gutter);max-width:1440px;margin:auto;align-items:center}
.v3 #studio>img {position:static;transform:none;margin:0;width:100%;max-width:100%;height:660px;object-fit:cover;border-radius:40% 2px 2px 2px / 18% 2px 2px 2px;box-shadow:none}
.v3 .text-panel {margin:0;padding:0;background:none;border-radius:0;box-shadow:none}
.v3 .text-panel p {font-size:.9rem}.v3 .text-panel ul {margin:32px 0 0}
.v3 .text-panel li {padding:16px 0;display:grid;grid-template-columns:125px 1fr;gap:16px;font-size:.78rem;font-weight:400}
.service-name {font-size:.95rem!important;font-weight:800;color:var(--teal)!important;text-transform:none!important;letter-spacing:0!important;margin:0!important}
.v3 .text-panel li>span:not(.service-name) {font-size:.8rem;font-weight:400;letter-spacing:0;text-transform:none;margin:0;color:var(--muted)}
.v3 .project-gallery.compact-masonry {display:grid;grid-template-columns:1.4fr 1fr;gap:28px;grid-auto-rows:auto}
.v3 .project-gallery article {height:auto;min-height:0;border:0;border-radius:0;box-shadow:none;overflow:hidden;background:none}
.v3 .project-gallery article:first-child {grid-column:1/-1}
.v3 .project-gallery img {width:100%;height:410px;object-fit:cover;transform:none;border-radius:0}
.v3 .project-gallery article:first-child img {height:auto;aspect-ratio:2.4}
.v3 .project-gallery article:nth-child(3) {margin-top:70px}
.v3 .project-gallery article:nth-child(2) img {height:520px}
.v3 .project-gallery article>div {position:absolute;inset:auto 0 0;padding:24px;background:var(--paper);border-radius:0;transform:none;opacity:0;transition:opacity .2s}
.v3 .project-gallery article:hover>div,.v3 .project-gallery article:focus-within>div {opacity:1}
.v3 .project-gallery article:hover img {transform:scale(1.02)}
.v3 .project-gallery h3 {font-size:1.1rem}.v3 .project-gallery p {font-size:.8rem}
.v3 #ateliers {background:#eef3ed}
.workshop-scene {width:100%;height:420px;object-fit:cover;object-position:center 60%;margin-bottom:48px}
.v3 .workshop-grid {grid-template-columns:repeat(4,1fr);gap:28px}
.v3 .workshop-grid article {border:0;border-top:3px solid var(--sage);border-radius:0;box-shadow:none;background:none;padding:24px 0;min-height:0;transform:none}
.v3 .workshop-grid article::before,.v3 .workshop-grid article::after {display:none}
.v3 .workshop-grid article:first-child {border-color:var(--atelier-aqua);background:linear-gradient(var(--atelier-green),var(--atelier-green)) 0 0/100% 7px no-repeat}
.v3 .workshop-grid article:nth-child(2) {border-color:var(--atelier-pink)}
.v3 .workshop-grid h3 {font-size:.8rem;text-transform:uppercase;letter-spacing:.07em}
.v3 .workshop-grid .format-accent {font-family:var(--display);font-size:1.22rem;line-height:1.45;color:var(--blue);margin:18px 0}
.v3 .workshop-grid p,.v3 .workshop-grid article>span {font-size:.85rem;opacity:1;transform:none;max-height:none;display:block;color:var(--muted)}
.v3 .workshop-grid article>span {font-style:italic;margin-top:12px}
.v3 .workshop-grid article:hover {background:none;transform:none;box-shadow:none}
.v3 .newsletter-style {display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:var(--section) var(--gutter);background:var(--taupe);text-align:left;align-items:center}
.v3 .newsletter-style::before,.v3 .newsletter-style::after {display:none}
.team-scene {width:100%;height:600px;object-fit:cover;object-position:53%;border-radius:2px}
.v3 .newsletter-content {padding:0;margin:0;max-width:none;background:none;box-shadow:none;border:0;border-radius:0;text-align:left}
.editorial-heading {font-family:var(--display);font-size:clamp(36px,4vw,58px);line-height:1.2!important;letter-spacing:-.035em;color:var(--blue);margin:20px 0 30px}
.v3 .newsletter-content h2,.v3 .contact-card h2 {font:600 1rem/1.6 var(--text);letter-spacing:0;text-wrap:initial}
.v3 .newsletter-content>p:not(.editorial-heading) {font-size:.92rem}
.v3 .mini-form {display:flex;flex-wrap:wrap;gap:16px;background:none;padding:0;margin-top:28px;box-shadow:none}
.v3 .mini-form strong {border:0;border-bottom:1px solid #8e9f9a;border-radius:0;background:none;padding:10px 0;font-size:.8rem;font-weight:600}
.v3 .mini-form a {flex-basis:100%;padding:15px 0;background:none;color:var(--blue);text-align:left;border-radius:0;box-shadow:none;text-decoration:underline;text-underline-offset:8px}
.v3 .masonry-gallery {columns:3;column-gap:24px;display:block}
.v3 .masonry-gallery article {position:relative;margin:0 0 24px;break-inside:avoid;border-radius:0;box-shadow:none;background:none;overflow:hidden}
.v3 .masonry-gallery img {height:360px;width:100%;object-fit:cover;border-radius:0;filter:none}
.v3 .masonry-gallery article:nth-child(2n) img {height:480px}
.v3 .masonry-gallery article:hover img {transform:scale(1.02);filter:none}
.v3 .gallery-caption {inset:auto 0 0;padding:20px;background:var(--paper);border-radius:0;opacity:0;transform:none}
.v3 .masonry-gallery article:hover .gallery-caption,.v3 .masonry-gallery article:focus-within .gallery-caption {opacity:1;transform:none}
.v3 .gallery-caption h3 {font-size:1rem;color:var(--blue)}.v3 .gallery-caption p {font-size:.78rem;color:var(--muted)}
.v3 .testimonial {padding:var(--section) var(--gutter);background:var(--taupe);display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;align-items:center}
.v3 .service-area-map {height:auto;border:0;border-radius:0;box-shadow:none;background:none}
.location-mark {font-family:var(--display);font-size:2.5rem;color:var(--teal);margin:0 0 24px;border-bottom:1px solid var(--copper);padding-bottom:24px}
.location-mark span {font:400 .65rem var(--text);letter-spacing:.13em;display:block;margin-top:10px}
.v3 .service-area-map iframe {height:180px;filter:grayscale(.8);border-radius:0}
.v3 .testimonial h2 {font-size:clamp(27px,2.5vw,38px)}
.v3 .faq-grid {max-width:none;gap:0}
.v3 .faq-grid details,.v3 .faq-grid details[open] {padding:23px 0;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}
.v3 .faq-grid summary {font-size:1rem;padding-right:40px}.v3 .faq-grid summary:hover {color:var(--teal);background:none}
.v3 .faq-grid details p {max-width:850px;font-size:.92rem}
.v3 .contact-section {display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;padding:var(--section) var(--gutter);background:var(--taupe);align-items:start}
.v3 .contact-section::before,.v3 .contact-section::after {display:none}
.v3 .contact-card,.v3 .contact-form {padding:0;border:0;background:none;box-shadow:none;border-radius:0;min-width:0}
.v3 .contact-card .editorial-heading {margin-top:0}.v3 .contact-card>span {margin-top:24px}
.v3 .contact-card>p:not(.editorial-heading) {font-size:.88rem}
.contact-detail {width:100%;height:190px;object-fit:cover;object-position:center 55%;margin:28px 0}
.v3 .contact-item {font-size:.65rem;overflow-wrap:anywhere}.v3 .contact-item svg {background:none;border:0}
.v3 .contact-form {display:grid;grid-template-columns:1fr 1fr;gap:22px}
.v3 .contact-form>label:nth-child(n+5),.v3 .contact-form>.turnstile-field,.v3 .contact-form>.button,.v3 .contact-form>.form-status {grid-column:1/-1}
.v3 input,.v3 select,.v3 textarea {border-radius:2px;background:var(--paper);border-color:#b6b9ad;padding:13px;font-weight:400}
.v3 label {font-size:.66rem}.v3 .consent-field {font-size:.78rem}
.v3 .contact-form .filled {background:var(--copper);border-color:var(--copper);color:white}
.v3 .contact-form .filled:hover {background:#895539}
.v3 footer {padding:32px var(--gutter);background:var(--blue);color:var(--paper);display:flex;justify-content:space-between;gap:24px;align-items:center;text-align:left}
.v3 :focus-visible {outline:2px solid var(--copper);outline-offset:5px}
@media(min-width:961px) and (max-width:1200px) {.v3 .site-header {padding-inline:24px}.v3 .site-nav {gap:10px;font-size:.56rem}.v3 .signature {font-size:1rem}}
@media(max-width:960px) {
 .v3 .site-header {padding-inline:24px}.v3 .site-nav {background:var(--paper);font-size:.8rem;padding:28px;gap:20px}.v3 .nav-cta {text-align:center}
 .v3 .hero {grid-template-columns:1fr 1.1fr;gap:24px;padding-top:45px}.v3 h1 {font-size:40px}.v3 .hero-art {width:100%}
 .v3 .hero-actions {flex-wrap:wrap;gap:16px}.v3 .feature-cards {gap:16px}.v3 .feature-cards img {height:290px}
 .v3 .card-label {width:100%;padding:24px 12px}.v3 .card-label h3 {font-size:1rem}
 .v3 .split-section {gap:32px}.v3 #studio>img {height:540px}.v3 .text-panel li {grid-template-columns:1fr;gap:4px}
 .v3 .workshop-grid {grid-template-columns:1fr 1fr}.v3 .newsletter-style {gap:32px}.team-scene {height:520px}
 .v3 .masonry-gallery {columns:2}.v3 .contact-section {gap:32px}
}
@media(max-width:640px) {
 .v3 .hero {display:flex;flex-direction:column;padding-top:30px;gap:30px}.v3 .hero-copy {order:-1;padding:0}.v3 h1 {font-size:39px}.v3 .hero-copy>p {font-size:.88rem}
 .v3 .hero-art {min-height:0;max-width:380px;align-self:center}.v3 .hero-photo {width:100%;height:auto;transform:none;left:auto;top:auto}.art-note {font-size:.95rem;left:35%;bottom:-30px}
 .v3 .hero-actions {display:flex;gap:20px}.v3 .button {width:auto;font-size:.61rem;padding:15px 16px}
 .v3 .quote-band {grid-template-columns:1fr;gap:24px}.brand-intro,.brand-landscape {grid-column:auto}.brand-landscape {height:260px;object-position:38% center}.brand-values {gap:16px;padding-top:0}.brand-values b {font-size:1.6rem}
 .v3 .section-title {margin-bottom:32px}.v3 .feature-cards {grid-template-columns:1fr;gap:36px}.v3 .feature-cards article:nth-child(n) {margin-top:0}
 .v3 .feature-cards img {height:320px;border-radius:35% 35% 0 0 / 10% 10% 0 0}.v3 .card-label {width:94%;padding:25px 18px}.v3 .card-label h3 {font-size:1.15rem}
 .v3 .split-section {grid-template-columns:1fr;gap:32px}.v3 #studio>img {height:390px;width:100%}.v3 .text-panel {margin:0}.v3 .text-panel li {grid-template-columns:110px 1fr}
 .v3 .project-gallery.compact-masonry {grid-template-columns:1fr;gap:32px}.v3 .project-gallery article:nth-child(n) {grid-column:auto;margin:0}.v3 .project-gallery article:first-child img,.v3 .project-gallery img {height:250px;aspect-ratio:auto}
 .v3 .project-gallery article>div {position:relative;opacity:1;padding:18px 0;background:none}.v3 .project-gallery p {margin-bottom:0}
 .v3 .project-gallery article:nth-child(2) img {height:280px}
 .workshop-scene {height:260px;margin-bottom:24px}.v3 .workshop-grid {gap:20px;grid-template-columns:1fr}.v3 .workshop-grid article {padding:20px 0}
 .v3 .newsletter-style {grid-template-columns:1fr;gap:32px}.team-scene {height:320px}.v3 .newsletter-content {text-align:left}
 .v3 .masonry-gallery {columns:2;column-gap:12px}.v3 .masonry-gallery article {margin-bottom:12px}.v3 .masonry-gallery img {height:210px}.v3 .masonry-gallery article:nth-child(2n) img {height:285px}
 .v3 .gallery-caption {padding:12px}.v3 .gallery-caption p {display:none}.v3 .gallery-caption h3 {font-size:.82rem}
 .v3 .testimonial {grid-template-columns:1fr;gap:32px}.v3 .service-area-map {order:2}.location-mark {font-size:2rem}
 .v3 .contact-section {grid-template-columns:1fr;gap:40px}.v3 .contact-form {gap:20px 14px}.v3 .contact-form .button {width:100%}.v3 footer {display:block;text-align:center}
 .v3 .turnstile-field .cf-turnstile {transform:none}.v3 .contact-form .turnstile-field {min-width:0}
 .v3 .mobile-section-indicator {background:var(--paper);box-shadow:none;font-size:.65rem}
}
@media(max-width:360px){.v3 .contact-form {grid-template-columns:1fr}.v3 .hero-actions {gap:10px}.v3 h1 {font-size:34px}.v3 .turnstile-field .cf-turnstile {transform:scale(.85);transform-origin:top left}}
@media(prefers-reduced-motion:reduce){.v3 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.v3 img{transform:none!important}}