@layer components{.ao-hero{grid-template-areas:"titre""portrait""texte";gap:2.25rem;display:grid}.ao-hero-titre{grid-area:titre}.ao-hero-portrait{grid-area:portrait}.ao-hero-texte{grid-area:texte}@media (min-width:64rem){.ao-hero{column-gap:var(--spacing-grid,2rem);grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:none;align-items:end;row-gap:2.5rem}.ao-hero-titre{grid-area:1/1/2/8}.ao-hero-texte{grid-area:2/1/3/8}.ao-hero-portrait{grid-area:1/8/3/13}}.ao-hero-portrait{inline-size:min(100% - 2rem,24rem);margin:0 auto;position:relative}@media (min-width:64rem){.ao-hero-portrait{inline-size:auto;margin:0 0 0 1rem}}.ao-hero-portrait:before{content:"";border:1px solid var(--color-line-strong);pointer-events:none;border-block-end:0;border-radius:9999px 9999px 0 0;position:absolute;inset:-.875rem .875rem .875rem -.875rem}.ao-portrait{aspect-ratio:4/5;background-color:var(--color-chaux-300);isolation:isolate;position:relative}.ao-portrait:after{content:"";z-index:1;border:1px solid color-mix(in oklab, var(--color-chaux) 55%, transparent);border-radius:inherit;pointer-events:none;border-block-end:0;position:absolute;inset:.75rem .75rem 0}.ao-nom{font-family:var(--font-display);letter-spacing:-.035em;color:var(--color-heading);font-size:clamp(3.5rem,1.4rem + 6.2vw,7.5rem);font-weight:300;line-height:.9;display:block}.ao-nom>span{display:block}.ao-nom>span+span{padding-inline-start:.4em}.ao-suite{max-inline-size:26ch;font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-heading);margin-block-start:1.75rem;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);font-weight:300;line-height:1.15;display:block}.ao-parcours{padding-inline-start:3.25rem;position:relative}.ao-etapes{margin:0;padding:0;list-style:none}.ao-filet,.ao-filet-plein{inline-size:1px;position:absolute;inset-block:1.25rem 2.5rem;inset-inline-start:.6875rem}.ao-filet{background-color:var(--color-line-strong)}.ao-filet-plein{background-color:var(--color-lueur);transform-origin:top;box-shadow:0 0 10px 0 color-mix(in oklab, var(--color-lueur) 55%, transparent)}.ao-etape{border-block-start:1px solid var(--color-line);gap:.25rem 1.75rem;padding-block:1.5rem;display:grid;position:relative}.ao-etape:first-child{border-block-start:0}@media (min-width:48rem){.ao-etape{grid-template-columns:6.5rem minmax(0,1fr);align-items:baseline;padding-block:1.875rem}}.ao-annee{font-family:var(--font-display);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.02em;color:var(--color-ink-muted);transition:color .22s var(--ease-soft,ease-out);font-size:clamp(1.75rem,1.5rem + 1vw,2.5rem);font-weight:300;line-height:1}.ao-fenetre{border:1px solid var(--color-lueur);background-color:var(--color-lueur);block-size:1.875rem;inline-size:1.4375rem;box-shadow:0 0 22px 2px color-mix(in oklab, var(--color-lueur) 45%, transparent);transition:background-color .22s var(--ease-soft,ease-out), border-color .22s var(--ease-soft,ease-out), box-shadow .26s var(--ease-soft,ease-out);border-radius:50% 50% 2px 2px/40% 40% 2px 2px;position:absolute;inset-block-start:1.875rem;inset-inline-start:-3.25rem}@media (min-width:48rem){.ao-fenetre{inset-block-start:2.125rem}}.ao-fenetre:before,.ao-fenetre:after{content:"";background-color:color-mix(in oklab, var(--color-nuit) 70%, transparent);position:absolute}.ao-fenetre:before{inline-size:1px;inset-block:.35rem 0;inset-inline-start:50%}.ao-fenetre:after{block-size:1px;inset-block-start:55%;inset-inline:0}.ao-etape[data-maison] .ao-fenetre{box-shadow:0 0 0 5px color-mix(in oklab, var(--color-lueur) 18%, transparent), 0 0 36px 6px color-mix(in oklab, var(--color-lueur) 55%, transparent)}[data-scene-ready] .ao-etape:not(.is-lit) .ao-fenetre{border-color:var(--color-line-strong);box-shadow:none;background-color:#0000}[data-scene-ready] .ao-etape:not(.is-lit) .ao-fenetre:before,[data-scene-ready] .ao-etape:not(.is-lit) .ao-fenetre:after{background-color:var(--color-line-strong)}[data-scene-ready] .ao-etape.is-lit .ao-annee,.ao-etape[data-maison] .ao-annee{color:var(--color-lueur)}[data-scene-ready] .ao-etape[data-maison]:not(.is-lit) .ao-annee{color:var(--color-ink-muted)}@media (prefers-reduced-motion:reduce){.ao-fenetre,.ao-annee{transition:none}}@media (forced-colors:active){.ao-fenetre{forced-color-adjust:none;background-color:mark;border-color:canvastext}}.ao-pourquoi{gap:2.5rem;display:grid}.ao-pourquoi-portrait{inline-size:100%;max-inline-size:26rem}@media (min-width:64rem){.ao-pourquoi{column-gap:var(--spacing-grid,2rem);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;row-gap:3rem}.ao-pourquoi-texte,.ao-pourquoi-points{grid-column:7/13}.ao-pourquoi-portrait{grid-area:1/1/span 2/6;max-inline-size:none;position:sticky;inset-block-start:calc(var(--spacing-header) + 2rem)}}.ao-points{counter-reset:none;gap:0;margin:0;padding:0;list-style:none;display:grid}.ao-points>li{border-block-start:1px solid var(--color-line);gap:.5rem;padding-block:1.5rem;display:grid}.ao-points>li:last-child{border-block-end:1px solid var(--color-line)}.ao-gestes{counter-reset:geste;font-size:var(--text-base);gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.ao-gestes>li{counter-increment:geste;padding-inline-start:2.25rem;position:relative}.ao-gestes>li:before{content:counter(geste);border:1px solid var(--color-line);block-size:1.625rem;inline-size:1.375rem;color:var(--color-heading);border-radius:999px 999px 2px 2px;place-items:center;font-size:.75rem;line-height:1;display:grid;position:absolute;inset-block-start:.1em;inset-inline-start:0}.ao-fers{margin:var(--spacing-section-sm) 0 0;counter-reset:fer;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1rem;padding:0;list-style:none;display:grid}.ao-fer{counter-increment:fer}.ao-fer-cadre{aspect-ratio:4/5}.ao-fer:nth-child(3){grid-column:1/-1}.ao-fer:nth-child(3) .ao-fer-cadre{aspect-ratio:1}@media (min-width:48rem){.ao-fers{column-gap:var(--spacing-grid,2rem);grid-template-columns:repeat(3,minmax(0,1fr))}.ao-fer:nth-child(3){grid-column:auto}.ao-fer:nth-child(3) .ao-fer-cadre{aspect-ratio:4/5}}.ao-fer-legende{grid-template-columns:1.375rem minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.ao-fer-legende:before{content:counter(fer);border:1px solid var(--color-line-strong);block-size:1.625rem;inline-size:1.375rem;color:var(--color-heading);border-radius:999px 999px 2px 2px;place-items:center;font-size:.75rem;line-height:1;display:grid}.ao-galette{margin-block-start:var(--spacing-stack,3rem)}.ao-galette-cadre{aspect-ratio:4/3}@media (min-width:48rem){.ao-galette-cadre{aspect-ratio:21/9}}@media (min-width:40rem){.ao-cave{inline-size:72%;margin-inline-start:auto}}}