#page-layout{background:var(--cream);color:var(--blue-900);min-height:100dvh}#nav-section{--nav-height:6rem;left:0;position:fixed;top:0;width:100dvw;z-index:10}#nav-section nav{align-items:center;container:nav/inline-size;display:grid;grid-template-columns:1fr 1fr;height:var(--nav-height);justify-items:start;margin:0 auto;padding:0 1rem;width:clamp(20rem,100dvw,1000px)}#nav-section #logo{height:3rem}#nav-section a{text-decoration:none}#nav-section .inline-link{display:none}@media (min-width:550px){#nav-section .inline-link{display:unset}}#nav-section #mobile-navigation-trigger{display:unset}@media (min-width:550px){#nav-section #mobile-navigation-trigger{display:none}}#nav-section #mobile-navigation{background:var(--green);border:none;border-radius:1rem;box-shadow:0 .5rem 3rem oklch(from var(--blue-900) l c h/.5);margin:0 auto;padding:1rem;position:fixed;top:calc(var(--nav-height) - 2rem);width:calc(100% - 2rem)}#nav-section #mobile-navigation:popover-open{display:flex;flex-direction:column;gap:1rem}#nav-section .nav-backdrop{-webkit-backdrop-filter:blur(10rem);backdrop-filter:blur(10rem);background:oklch(from var(--cream) l c h/.6);inset:0;-webkit-mask:linear-gradient(#000 5%,transparent);mask:linear-gradient(#000 5%,transparent);pointer-events:none;position:absolute;z-index:-1}#contact-section{display:grid;gap:1rem;grid-template-areas:"motif contact contact contact" "... address address address" "... legal legal legal";grid-template-columns:repeat(4,1fr);margin:15rem auto 0;padding:0 1rem 3rem;width:clamp(20rem,100dvw,1000px)}@media (min-width:700px){#contact-section{grid-template-areas:"motif ... contact address" "... ... legal legal";grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,max-content)}}#contact-section .motif{grid-area:motif;max-width:10rem}#contact-section .contact{grid-area:contact}#contact-section .address{grid-area:address}#contact-section .legal{grid-area:legal;padding-top:3rem}