.a20-nav{--a20-nav-fg:var(--a20-encre);--a20-nav-muted:color-mix(in srgb, var(--a20-encre) 55%, transparent);z-index:50;color:var(--a20-nav-fg);grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;padding:1.15rem clamp(1rem,4vw,2.5rem);transition:background .45s cubic-bezier(.22,1,.36,1),border-color .45s,box-shadow .45s,color .35s,-webkit-backdrop-filter .45s,backdrop-filter .45s;display:grid;position:fixed;top:0;left:0;right:0}.a20-nav:before{content:"";z-index:-1;pointer-events:none;background:inherit;box-shadow:inherit;transition:opacity .45s,transform .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.a20-nav:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--a20-terracotta) 55%, transparent) 20%, color-mix(in srgb, var(--a20-terracotta) 80%, transparent) 50%, color-mix(in srgb, var(--a20-terracotta) 55%, transparent) 80%, transparent 100%);transform-origin:50%;opacity:0;height:1px;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .45s;position:absolute;bottom:0;left:clamp(1rem,4vw,2.5rem);right:clamp(1rem,4vw,2.5rem);transform:scaleX(.35)}.a20-nav--hero{--a20-nav-fg:var(--a20-ivoire);--a20-nav-muted:color-mix(in srgb, var(--a20-ivoire) 70%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--a20-encre) 55%, transparent) 0%, color-mix(in srgb, var(--a20-encre) 18%, transparent) 70%, transparent 100%);box-shadow:none;text-shadow:0 1px 18px color-mix(in srgb, var(--a20-encre) 35%, transparent);border-bottom:1px solid #0000}.a20-nav--hero:after{opacity:.45;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--a20-ivoire) 35%, transparent) 25%, color-mix(in srgb, var(--a20-ivoire) 55%, transparent) 50%, color-mix(in srgb, var(--a20-ivoire) 35%, transparent) 75%, transparent 100%);transform:scaleX(.55)}.a20-nav--scrolled{--a20-nav-fg:var(--a20-encre);--a20-nav-muted:color-mix(in srgb, var(--a20-encre) 55%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--a20-ivoire) 96%, white) 0%, color-mix(in srgb, var(--a20-ivoire) 88%, transparent) 100%);border-bottom:1px solid color-mix(in srgb, var(--a20-calcaire) 70%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.15);box-shadow:0 1px 0 #ffffffb3, 0 12px 40px color-mix(in srgb, var(--a20-encre) 10%, transparent), 0 28px 64px color-mix(in srgb, var(--a20-encre) 6%, transparent);text-shadow:none}.a20-nav--scrolled:after{opacity:1;transform:scaleX(1)}.a20-nav__marque{filter:drop-shadow(0 8px 18px color-mix(in srgb, var(--a20-encre) 22%, transparent));display:block;position:relative}.a20-nav__marque img{--a20-logo-l:10.5rem;width:var(--a20-logo-l);max-width:none;height:auto;margin:calc(var(--a20-logo-l) * -.0896) calc(var(--a20-logo-l) * -.2988) calc(var(--a20-logo-l) * -.0946) calc(var(--a20-logo-l) * -.2809);transition:filter .4s,transform .4s,width .4s,margin .4s;display:block}.a20-nav--hero .a20-nav__marque img{filter:brightness(0)invert()}.a20-nav--scrolled .a20-nav__marque{filter:drop-shadow(0 4px 10px color-mix(in srgb, var(--a20-encre) 12%, transparent))}.a20-nav--scrolled .a20-nav__marque img{--a20-logo-l:8.9rem;filter:none}.a20-nav__liens{flex-wrap:wrap;justify-content:center;gap:.35rem 1.85rem;display:flex}.a20-nav__lien{letter-spacing:.16em;text-transform:uppercase;color:var(--a20-nav-muted);padding:.4rem .15rem;font-size:.72rem;font-weight:500;transition:color .3s,transform .3s;position:relative}.a20-nav__lien:hover,.a20-nav__lien:focus-visible,.a20-nav__lien--actif{color:var(--a20-nav-fg)}.a20-nav__lien:hover{transform:translateY(-1px)}.a20-nav__lien-filet{background:var(--a20-terracotta-doux);transform-origin:0;width:100%;height:1px;box-shadow:0 0 12px color-mix(in srgb, var(--a20-terracotta) 35%, transparent);transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.a20-nav--hero .a20-nav__lien-filet{background:color-mix(in srgb, var(--a20-ivoire) 85%, var(--a20-terracotta));box-shadow:none}.a20-nav__lien:hover .a20-nav__lien-filet,.a20-nav__lien:focus-visible .a20-nav__lien-filet,.a20-nav__lien--actif .a20-nav__lien-filet{transform:scaleX(1)}.a20-nav__actions{align-items:center;gap:.75rem;display:flex;overflow:visible}.a20-nav__cta{text-align:center;letter-spacing:.1em;white-space:nowrap;width:auto;min-height:42px;box-shadow:0 10px 28px color-mix(in srgb, var(--a20-terracotta) 28%, transparent);padding:.7rem 1.2rem;font-size:.7rem}.a20-nav--hero .a20-nav__cta.a20-bouton--primaire{--a20-bouton-bg:color-mix(in srgb, var(--a20-ivoire) 16%, transparent);color:var(--a20-ivoire);border-color:color-mix(in srgb, var(--a20-ivoire) 55%, transparent);box-shadow:0 1px 0 color-mix(in srgb, var(--a20-ivoire) 25%, transparent), 0 12px 32px color-mix(in srgb, var(--a20-encre) 35%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.a20-nav--hero .a20-nav__cta.a20-bouton--primaire:before{background:color-mix(in srgb, var(--a20-ivoire) 22%, transparent)}.a20-nav--hero .a20-nav__cta.a20-bouton--primaire:hover{color:var(--a20-encre);border-color:var(--a20-ivoire)}.a20-nav--hero .a20-nav__cta.a20-bouton--primaire:hover:before{background:var(--a20-ivoire)}.a20-nav--scrolled .a20-nav__cta{box-shadow:0 1px 0 #fff6, 0 10px 28px color-mix(in srgb, var(--a20-terracotta) 32%, transparent)}.a20-nav__burger{--a20-burger-gap:5px;z-index:70;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--a20-nav-fg) 35%, transparent);background:color-mix(in srgb, var(--a20-nav-fg) 4%, transparent);cursor:pointer;isolation:isolate;width:44px;height:44px;box-shadow:0 8px 20px color-mix(in srgb, var(--a20-encre) 8%, transparent);flex-shrink:0;padding:0;transition:border-color .4s cubic-bezier(.22,1,.36,1),background .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,transform .35s cubic-bezier(.22,1,.36,1);display:none;position:relative;overflow:visible}.a20-nav__burger:active{transform:scale(.94)}.a20-nav__burger[aria-expanded=true]{--a20-nav-fg:var(--a20-ivoire);border-color:color-mix(in srgb, var(--a20-ivoire) 45%, transparent);background:color-mix(in srgb, var(--a20-ivoire) 6%, transparent);box-shadow:none}.a20-nav__burger-trait{background:var(--a20-nav-fg);transform-origin:50%;pointer-events:none;border-radius:1px;width:1.15rem;height:1.5px;margin:0;transition:transform .45s cubic-bezier(.22,1,.36,1),background .35s;display:block;position:absolute;top:50%;left:50%}.a20-nav__burger-trait:first-child{transform:translate(-50%, calc(-50% - var(--a20-burger-gap))) rotate(0deg)}.a20-nav__burger-trait:last-child{transform:translate(-50%, calc(-50% + var(--a20-burger-gap))) rotate(0deg)}.a20-nav__burger[aria-expanded=true] .a20-nav__burger-trait:first-child{transform:translate(-50%,-50%)rotate(45deg)}.a20-nav__burger[aria-expanded=true] .a20-nav__burger-trait:last-child{transform:translate(-50%,-50%)rotate(-45deg)}.a20-nav[data-menu=ouvert]{z-index:80;box-shadow:none;-webkit-backdrop-filter:none;text-shadow:none;background:0 0;border-bottom-color:#0000}.a20-nav[data-menu=ouvert]:before,.a20-nav[data-menu=ouvert]:after{opacity:0}.a20-nav[data-menu=ouvert] .a20-nav__marque{opacity:0;pointer-events:none}.a20-nav__tiroir{z-index:70;background:radial-gradient(ellipse 70% 50% at 80% 10%, color-mix(in srgb, var(--a20-terracotta) 22%, transparent), transparent 55%), var(--a20-marbre);color:var(--a20-ivoire);place-items:center;padding:5rem 1.5rem 2rem;display:grid;position:fixed;inset:0}.a20-nav__tiroir[hidden],.a20-nav__tiroir[data-ouvert=non]{visibility:hidden;pointer-events:none;display:none!important}.a20-nav__tiroir-liens{text-align:center;perspective:900px;justify-items:center;gap:1.35rem;width:min(22rem,100%);display:grid}.a20-nav__tiroir-lien{font-family:var(--a20-police-display);letter-spacing:-.02em;color:var(--a20-ivoire);font-size:clamp(1.75rem,6vw,2.4rem);font-weight:500}.a20-nav__tiroir-cta{width:100%;margin-top:1rem}@media (max-width:1099px){.a20-nav{grid-template-columns:1fr auto}.a20-nav__liens,.a20-nav__cta{display:none}.a20-nav__burger{display:block}}@media (max-width:400px){.a20-nav{gap:.75rem}.a20-nav .a20-nav__cta{padding-inline:.9rem}}@media (max-width:359px){.a20-nav__marque img{--a20-logo-l:8rem}.a20-nav--scrolled .a20-nav__marque img{--a20-logo-l:7rem}}@media (min-width:1100px){.a20-nav__marque img{--a20-logo-l:14rem}.a20-nav--scrolled .a20-nav__marque img{--a20-logo-l:10.5rem}}@media (prefers-reduced-motion:reduce){.a20-nav,.a20-nav:after,.a20-nav__marque img,.a20-nav__lien,.a20-nav__lien-filet,.a20-nav__burger,.a20-nav__burger-trait{transition:none}.a20-nav__burger:active{transform:none}}
.a20-bouton{--a20-bouton-bg:var(--a20-terracotta);--a20-bouton-fg:var(--a20-ivoire);border-radius:var(--a20-rayon-max);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;isolation:isolate;border:1px solid #0000;justify-content:center;align-items:center;gap:.65rem;min-height:48px;padding:.9rem 1.75rem;font-size:.72rem;font-weight:500;transition:color .35s cubic-bezier(.22,1,.36,1),border-color .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden}.a20-bouton:before{content:"";z-index:-1;background:var(--a20-bouton-bg);transform-origin:0;transition:transform .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.a20-bouton--primaire{--a20-bouton-bg:var(--a20-terracotta);color:var(--a20-bouton-fg);border-color:var(--a20-terracotta)}.a20-bouton--primaire:hover{color:var(--a20-ivoire);border-color:var(--a20-encre);transform:translateY(-1px)}.a20-bouton--primaire:hover:before{background:var(--a20-encre)}.a20-bouton--secondaire{--a20-bouton-bg:transparent;color:var(--a20-terracotta);border-color:color-mix(in srgb, var(--a20-terracotta) 70%, transparent)}.a20-bouton--secondaire:before{background:var(--a20-terracotta);transform:scaleX(0)}.a20-bouton--secondaire:hover{color:var(--a20-ivoire);border-color:var(--a20-terracotta);transform:translateY(-1px)}.a20-bouton--secondaire:hover:before{transform:scaleX(1)}.a20-bouton:active{transform:translateY(0)}.a20-bouton:disabled{opacity:.5;cursor:not-allowed;transform:none}.a20-bouton:disabled:before{transform:none}@media (max-width:768px){.a20-bouton{width:100%}}@media (prefers-reduced-motion:reduce){.a20-bouton,.a20-bouton:before{transition:none}}
.a20-pied{border-top:1px solid var(--a20-calcaire);background:var(--a20-ivoire);justify-items:start;gap:1.25rem;padding:2.5rem clamp(1rem,4vw,2.5rem) 3rem;display:grid}.a20-pied img{width:4.25rem;height:auto}.a20-pied p{color:var(--a20-texte);font-size:.9rem}.a20-pied nav{flex-wrap:wrap;gap:1rem 1.5rem;display:flex}.a20-pied a{letter-spacing:.12em;text-transform:uppercase;color:var(--a20-encre);font-size:.72rem}
.a20-app{min-height:100svh}