/* Original wordmark, with its transparent canvas framed without altering it. */
.wordmark{display:block;position:relative;overflow:hidden;aspect-ratio:8;flex-shrink:0}
.wordmark img,.home-brand.wordmark img{position:absolute;display:block;width:100%;max-width:none;height:auto;left:0;top:50%;transform:translateY(-50%);mix-blend-mode:normal}
header .logo.wordmark{width:clamp(240px,29vw,380px);line-height:1}
header{gap:32px}
nav{gap:26px}
nav a{font:400 15px/1.4 var(--body);padding:12px 10px;letter-spacing:.015em}
.footer-wordmark{width:min(100%,350px)}
.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;padding:40px 0;row-gap:30px}
.hero>.home-brand.wordmark{grid-column:1/-1;width:100%;margin:0;font-size:inherit;line-height:1}
.hero-copy{padding:16px 40px 16px 30px}
.hero-copy p{max-width:470px;font-size:18px}
.hero .home-photo{width:100%;min-height:0;aspect-ratio:auto;overflow:visible;margin:0}
.hero .home-photo img{display:block;width:100%;height:auto;object-fit:contain}
#la-compagnie{scroll-margin-top:30px}
.company-intro{border-top:1px solid #b9a4b1}
@media(max-width:1120px){header .logo.wordmark{width:min(70%,380px)}}
@media(max-width:780px){.hero{grid-template-columns:1fr;padding:24px 0 30px;row-gap:18px}.hero-copy{padding:10px 8px 12px}.hero-copy p{max-width:none}.hero>.home-brand.wordmark{margin:0}.hero .home-photo{aspect-ratio:auto}.company-intro{grid-template-columns:1fr;gap:12px}nav a{font-size:18px;padding:13px 12px}}
@media(max-width:480px){header{gap:8px}header .logo.wordmark{width:calc(100% - 82px)}.hero-copy p{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0}
.btn,button,.social-buttons a,nav a,.artist-nav a,.text-link,.portal b,.site-footer .footer-link,.footer-networks a{border-radius:12px}
@media(min-width:1121px) and (max-width:1280px){header{height:auto;min-height:90px;flex-wrap:wrap;padding:18px 0}.menu{display:block;margin-left:auto}nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:10px}nav.open{display:flex}nav a{font-size:16px;padding:14px 16px}}
@media(max-width:1120px){nav{gap:10px}nav a{font-weight:400;padding:14px 16px}}

/* A lighter typographic rhythm, with the small flame in the opening sentence. */
.artistic .btn{min-height:50px}
.btn,.artistic .btn,.portal b,.text-link,.menu{font-family:var(--body);font-weight:400;font-size:15px;line-height:1.4;letter-spacing:.01em}
.intro-flame{display:inline-block;width:12px;height:17px;margin:0 13px 0 2px;background:var(--coral);border-radius:85% 15% 60% 40%;transform:rotate(38deg);vertical-align:baseline}
.artistic .under,.artistic h3,.activity-section>h2,.activity-grid h3,.company-intro h2,.portal h2{font-family:var(--body);font-weight:400;text-transform:none;letter-spacing:-.02em;line-height:1.2}
.artistic .under{font-size:25px;border:0;padding-bottom:0;margin-bottom:22px}
.artistic h3{font-size:30px;margin-bottom:24px}
.activity-section>h2,.company-intro h2{font-size:clamp(28px,3vw,40px)}
.activity-grid h3,.portal h2{font-size:23px}
.activity-grid{gap:36px 42px}

/* Shared footer: one clearly bounded, airy space on every page. */
.site-footer.footer-refined{display:block;background:#f1e6e9;border-top:0;margin:42px -30px 0;padding:64px 7% 28px}
.footer-refined .newsletter-band{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px 64px;padding:0 0 48px;margin:0 0 38px;border-bottom:1px solid #cbb5c0}
.footer-refined .newsletter-band .kicker{font:400 16px/1.5 var(--body);letter-spacing:.08em;color:var(--aubergine);margin:0 0 20px}
.footer-refined .newsletter-band h2{font:300 clamp(30px,3.5vw,46px)/1.2 var(--body);letter-spacing:-.025em;margin:0 0 24px}
.footer-refined .newsletter-band p{font:400 16px/1.8 var(--body);max-width:580px;margin:0}
.footer-refined .newsletter-action{align-self:center;justify-self:end}
.footer-refined .newsletter-action .btn{padding:14px 26px;min-height:50px;font-weight:400}
.footer-refined .footer-columns{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:38px 64px;align-items:start}
.footer-refined .footer-columns h3{font:400 18px/1.4 var(--body);margin:0 0 18px}
.footer-refined .footer-email{font:400 16px/1.6 var(--body);margin:0}
.footer-refined .social-buttons{display:flex;gap:14px}
.footer-refined .social-buttons a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:12px;border:1px solid #b79bab;border-radius:50%}
.footer-refined .social-buttons svg{width:22px;height:22px}
.footer-refined .footer-bottom{margin-top:40px;padding-top:22px;border-top:1px solid #cbb5c0}
.footer-refined .footer-bottom span{font:400 14px/1.6 var(--body);color:#65485b}
@media(max-width:780px){.site-footer.footer-refined{margin:30px -18px 0;padding:44px 30px 24px}.footer-refined .newsletter-band{grid-template-columns:1fr;gap:28px;padding-bottom:34px;margin-bottom:30px}.footer-refined .newsletter-action{justify-self:start}.footer-refined .footer-columns{grid-template-columns:1fr;gap:30px}.footer-refined .footer-columns section+section{border:0;padding:0}.footer-refined .newsletter-band br{display:none}}
@media(max-width:480px){.site-footer.footer-refined{margin-left:-12px;margin-right:-12px;padding:38px 22px 24px}.footer-refined .footer-email{font-size:15px}.btn{max-width:100%;white-space:normal;text-align:center;padding:12px 18px}}

.btn,.menu,nav a,.artist-nav a,.text-link,.portal b,.site-footer .footer-link{font-family:var(--body);font-weight:400;text-transform:none}