@font-face{font-family:"Overpass";src:url("../font/overpass-v19-latin-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"Overpass";src:url("../font/overpass-v19-latin-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:"Overpass";src:url("../font/overpass-v19-latin-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}html{font-size:100%}*,*::before,*::after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{overflow-x:hidden;background:#fff;color:#3d3d48;font-family:"Overpass",Arial,sans-serif;font-weight:400}a{color:inherit}.homepage{display:grid;grid-template-columns:50% 50%;width:100vw;height:100vh;overflow:hidden}.brand{display:flex;align-items:center;justify-content:center;height:100vh;position:relative}.brand__logo{display:block;width:23.4vw;min-width:340px;height:auto;transform:translateY(0.2vh);opacity:0;transition:opacity 700ms ease,transform 900ms cubic-bezier(0.22, 1, 0.36, 1)}.office{position:relative;align-self:center;width:calc(100% - 7.15vh);height:calc(100vh - 7.15vh*2);overflow:hidden;border-radius:15px;background-color:#393945;background-image:url("../src/Avocats-homepage.webp"),url("../src/background-repeat.webp");background-repeat:no-repeat,repeat;background-position:center bottom,left top;background-size:100% auto,150px 150px;color:#fff;opacity:0;transform:translateX(2.2vw);transition:opacity 750ms 100ms ease,transform 950ms 100ms cubic-bezier(0.22, 1, 0.36, 1)}.lawyers{position:absolute;top:31.3%;left:14.3%;display:flex;flex-direction:column;align-items:flex-start;gap:1.05vw}.lawyers__link{display:inline-flex;align-items:center;gap:1.25vw;color:#fff;font-size:1.7em;font-weight:400;line-height:1.1;text-decoration:none;opacity:0;transform:translateY(18px);transition:opacity 550ms ease,transform 550ms cubic-bezier(0.22, 1, 0.36, 1)}.lawyers__link img{display:block;width:1em;height:auto;transition:transform 240ms ease}.lawyers__link:hover img,.lawyers__link:focus-visible img,.lawyers__link.is-hovered img{transform:translateX(0.35vw)}.lawyers__link:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:8px;border-radius:2px}.contact{position:absolute;bottom:8%;display:flex;justify-content:center;width:100%;margin:0;color:#3d3d48;font-size:1em;font-style:normal;font-weight:400;line-height:1.5;opacity:0;transform:translateY(18px);transition:opacity 600ms 480ms ease,transform 700ms 480ms cubic-bezier(0.22, 1, 0.36, 1);gap:5vw}.contact p{margin:0}.contact a{display:inline-block;text-decoration:none}.contact a:hover,.contact a:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.is-ready .brand__logo,.is-ready .office,.is-ready .lawyers__link,.is-ready .contact{opacity:1;transform:translate(0)}.is-ready .lawyers__link:nth-child(1){transition-delay:270ms}.is-ready .lawyers__link:nth-child(2){transition-delay:360ms}.is-ready .lawyers__link:nth-child(3){transition-delay:450ms}.lawyer-detail{position:relative;display:grid;grid-template-columns:26.55vw minmax(0, 1fr);gap:5.9vw;min-width:1180px;min-height:100vh;padding:7.15vh 4vw;background:#fff}.lawyer-detail__close{position:absolute;top:8.25vh;right:4vw;z-index:2;display:inline-flex;align-items:center;gap:.55vw;font-size:1.2em;line-height:1;text-decoration:none}.lawyer-detail__close span:first-child{font-weight:600;transform:translateY(-0.04em);transition:transform 240ms ease}.lawyer-detail__close:focus-visible{outline:2px solid #3d3d48;outline-offset:8px;border-radius:2px}.lawyer-detail__portrait{position:sticky;top:7.15vh;width:100%;height:85.7vh;min-height:680px;margin:0;overflow:hidden;border-radius:15px;background:#f0f0f0}.lawyer-detail__portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.lawyer-detail__content{min-width:0;padding-top:6.25vh}.lawyer-detail__header h1{margin:0 0 20px;font-size:1.7em;font-weight:600;line-height:1.1}.lawyer-detail__role{margin:0;font-size:1.2em;font-weight:400;line-height:1.1}.lawyer-detail__contact{display:flex;flex-direction:column;align-items:flex-start;gap:.3em;margin-top:2.1em;font-style:normal;font-size:1.2em;font-weight:400;line-height:1.1}.lawyer-detail__contact a{text-decoration:none}.lawyer-detail__contact a:hover,.lawyer-detail__contact a:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.lawyer-detail__biography{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:5.55vw;margin-top:7vh;font-size:1em;line-height:1.52}.lawyer-detail__column{min-width:0}.lawyer-detail__column p{margin:0 0 1.55em}.practice-areas{width:fit-content;margin-top:5.4vh;padding:2.15vw 2.05vw;border-radius:15px;background:#f4f4f4;font-size:1em;line-height:1.1}.practice-areas h2{margin:0 0 1.2em;font-size:inherit;font-weight:600}.practice-areas ul{display:flex;flex-direction:column;gap:.55em;margin:0;padding:0;list-style:none}.practice-areas ul li{display:flex;gap:5px}.practice-areas li::before{content:"- "}.page-transition{position:fixed;z-index:9999;inset:0;visibility:hidden;background:#fff;opacity:0;pointer-events:none;will-change:opacity}.is-transitioning{background:#fff}.is-transitioning .page-transition{visibility:visible;opacity:1}.is-navigating{background:#fff}.is-navigating .page-transition{visibility:visible}@media(max-width: 1200px){.homepage{grid-template-columns:45% 55%}.brand__logo{width:74%;min-width:0;max-width:380px}.office{width:calc(100% - 32px);height:calc(100vh - 64px);height:calc(100svh - 64px)}.lawyers{top:30%;left:11.5%;gap:.95em}.lawyers__link{gap:.85em;font-size:1.45em}.contact{bottom:6%;width:calc(100% - 64px);gap:2.75vw;font-size:.9em;display:flex;flex-direction:column;text-align:center}.lawyer-detail{grid-template-columns:34vw minmax(0, 1fr);gap:4vw;min-width:0;padding:48px}.lawyer-detail__close{top:48px;right:48px}.lawyer-detail__portrait{top:48px;height:calc(100vh - 96px);height:calc(100svh - 96px);min-height:620px}.lawyer-detail__content{padding-top:62px}.lawyer-detail__biography{gap:3.5vw;margin-top:3.75em}.practice-areas{margin-top:3.5em;padding:2em}}@media(max-width: 992px){body{overflow-y:auto}.homepage{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:18vh 64vh 18vh;grid-template-rows:18svh 64svh 18svh;width:100%;height:100vh;height:100svh;min-height:0;padding:0 2.4vh;gap:0;overflow:hidden}.brand{display:contents}.brand__logo{grid-row:1;align-self:center;justify-self:center;width:auto;height:7vh;min-width:0;max-width:60vw;margin:0;transform:none}.office{grid-row:2;align-self:stretch;width:100%;height:100%;min-height:0;max-height:none;margin:0;border-radius:1.5vh;background-position:center bottom,left top;background-size:100% auto,150px 150px}.lawyers{top:13vh;left:6vh;gap:3.2vh}.lawyers__link{gap:1.4vh;font-size:1.45em}.contact{position:static;grid-row:3;align-items:flex-start;align-self:start;justify-content:center;width:100%;margin:0;padding:5vh 0 0;gap:8vh;font-size:.95em;text-align:left;display:flex;flex-direction:row}.lawyer-detail{grid-template-columns:38vw minmax(0, 1fr);gap:42px;padding:32px}.lawyer-detail__close{top:32px;right:32px;min-height:44px;padding:0 6px}.lawyer-detail__portrait{top:32px;height:calc(100vh - 64px);height:calc(100svh - 64px);min-height:560px}.lawyer-detail__content{padding-top:72px}.lawyer-detail__header h1{margin-bottom:.65em}.lawyer-detail__role{line-height:1.35}.lawyer-detail__contact{margin-top:1.75em;line-height:1.3}.lawyer-detail__biography{grid-template-columns:minmax(0, 1fr);gap:0;margin-top:3.25em;line-height:1.58}.practice-areas{width:100%;max-width:31em;margin-top:3em;padding:2em}}@media(max-width: 768px){.homepage{grid-template-rows:17vh 63vh 20vh;grid-template-rows:17svh 63svh 20svh;padding:0 2vh}.brand__logo{width:auto;height:6.5vh;min-width:0;max-width:68vw;margin:0}.office{height:100%;min-height:0;max-height:none;border-radius:1.5vh;background-position:center bottom,left top;background-size:100% auto,150px 150px}.lawyers{top:7vh;left:4.5vh;gap:2vh}.lawyers__link{gap:1.2vh;min-height:5vh;font-size:1.35em}.contact{flex-wrap:wrap;padding:4vh 0 0;gap:2vh 5vh;font-size:.95em}.lawyer-detail{display:block;min-height:100vh;min-height:100svh;padding:20px 20px 56px}.lawyer-detail__close{box-shadow:0 0 10px #e7e7e7;top:35px;right:35px;gap:.5em;font-size:1em;line-height:1;min-height:auto;position:fixed;border-radius:5px;height:auto;background:#fff;padding:10px 15px}.lawyer-detail__portrait{position:relative;top:auto;width:100%;height:auto;min-height:0;aspect-ratio:4/3}.lawyer-detail__portrait img{object-position:center 18%}.lawyer-detail__portrait.lvaney{aspect-ratio:4/5}.lawyer-detail__portrait.lvaney img{object-position:center 55%}.lawyer-detail__content{padding-top:2em}.lawyer-detail__header h1{margin-bottom:.55em;font-size:1.7em}.lawyer-detail__role{font-size:1.1em;line-height:1.35}.lawyer-detail__contact{gap:.2em;margin-top:1.5em;font-size:1.05em;line-height:1.35}.lawyer-detail__contact a{overflow-wrap:anywhere}.lawyer-detail__biography{margin-top:2.75em;font-size:1em;line-height:1.62}.lawyer-detail__column p{margin-bottom:1.5em}.practice-areas{max-width:none;margin-top:2.5em;padding:1.75em;line-height:1.35}.practice-areas ul{gap:.65em}}@media(max-width: 576px){.homepage{grid-template-rows:16vh 60vh 24vh;grid-template-rows:16svh 60svh 24svh;padding:0 1.5vh}.brand__logo{width:auto;height:6vh;min-width:0;max-width:78vw;margin:0}.office{height:100%;min-height:0;max-height:none;border-radius:1.5vh;background-position:center bottom,left top;background-size:100% auto,150px 150px}.lawyers{top:4vh;right:auto;left:3vh;gap:1vh}.lawyers__link{gap:1vh;min-height:5vh;padding:0;font-size:1.2em}.lawyers__link img{width:1.1em}.contact{align-items:flex-start;align-self:center;justify-self:center;flex-direction:column;flex-wrap:nowrap;width:fit-content;max-width:100%;padding:3vh 0 0;gap:1.2vh;font-size:.875em;line-height:1.45}.lawyer-detail{padding:15px 12px 40px}.lawyer-detail__close{top:30px;right:25px}.lawyer-detail__portrait{aspect-ratio:4/6 !important;border-radius:12px}.lawyer-detail__portrait.lvaney img{object-position:center 100%}.lawyer-detail__content{padding:1.75em 8px 0}.lawyer-detail__header h1{font-size:1.6em}.lawyer-detail__role{font-size:1em}.lawyer-detail__contact{margin-top:1.4em;font-size:1em}.lawyer-detail__biography{margin-top:2.4em;line-height:1.58}.practice-areas{margin-top:2.25em;padding:1.5em;border-radius:12px}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto !important;transition-duration:.01ms !important;transition-delay:0ms !important}}