@font-face{font-family:Jjannon;src:url(/JJannon-Regular.woff2)}:root{--warm-white:#f1eee6;--theme-grey:#f5f5f5;--mid-green:#b4b5a2;font-size:62.5%;font-family:Jjannon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}:root *{margin:0;line-height:auto}body{font-size:1.7rem;line-height:2.4rem;background:#fff}.app h1,.app h2,.app h3,.app h4,.app h5{font-family:Jjannon,Times New Roman,Times,serif;font-weight:400}.app .heading,.app h1{font-size:4.8rem;line-height:5.2rem;display:flex;align-items:center;gap:.8rem}.app .heading svg,.app h1 svg{height:.2rem;width:auto}.app .subheading,.app h3{font-size:2.6rem;line-height:3.2rem}.app img{width:100%;height:auto}.app a{color:#000;text-decoration:none}.app button{padding:0}.app button,.app span{font-family:Jjannon}.app .body,.app button,.app span{font-size:1.7rem;line-height:2.4rem}.app .small{font-size:1.3rem;line-height:1.6rem}@media(max-width:750px){.app .m-subheading{font-size:2.6rem;line-height:3.2rem}.app .m-body{font-size:1.7rem;line-height:2.4rem;display:flex;align-items:center;gap:.4rem}.app .m-body svg{height:.1rem;width:1.35rem}.app .m-caption{font-size:1.3rem;line-height:1.6rem}}.app button{cursor:pointer;background:transparent;border:none;opacity:.4;position:relative;transition:.2s cubic-bezier(.6,0,.2,1)}.app button svg{position:absolute;opacity:0;left:0;top:50%;transform:translateY(-50%)}.app button span{display:block;transition:.2s cubic-bezier(.6,0,.2,1)}.app button:hover,.app button:hover svg{opacity:1}.app button:hover span{transform:translateX(1.8rem)}.app .visually-hidden{display:none}.app ul{padding:0;list-style:none}.app header{position:fixed;width:calc(100% - 8rem);background:#fff;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:2.4rem 4rem}@media(max-width:750px){.app header{padding:1.6rem;width:calc(100% - 3.2rem)}}.app header .logo{display:flex;justify-content:center;align-items:center}.app header button{background:transparent;padding:0;border:none;cursor:pointer;opacity:1}.app header button:hover{opacity:.5}.app header button:hover span{transform:none}.app header span{opacity:0;pointer-events:none}.app header button span{opacity:1}.app header button span.mobile{display:none}@media(max-width:750px){.app header button span.desktop{display:none}.app header button span.mobile{display:block}.app header button span.mobile svg{position:relative;opacity:1}}.app .menu{position:fixed;height:100vh;top:0;width:48.3rem;left:-48.3rem;transition:.6s ease-in;z-index:20}.app .menu button{opacity:1}.app .menu button:hover{opacity:.5}.app .menu__overlay{position:fixed;display:none;width:100vw;height:100vh;z-index:1;background:transparent;top:0;left:0}.app .menu.open-true{transform:translateX(48.3rem)}.app .menu.open-true .menu__overlay{display:block}.app .menu .header{padding:2.4rem 4rem;background:var(--mid-green);z-index:2;position:relative}@media(max-width:750px){.app .menu .header{padding:1.6rem}}.app .menu .body{display:flex;background:var(--mid-green);height:calc(100% - 10.4rem - 8rem);padding:8rem 4rem 3.2rem;justify-content:space-between;flex-direction:column;position:relative;z-index:200}@media(max-width:750px){.app .menu .body{padding:1.6rem;height:calc(100% - 3.6rem - 4.8rem)}}.app .menu .contact-info{display:flex;flex-direction:column}.app .menu .contact-info a:nth-of-type(2){margin-bottom:1.6rem}.app .menu .contact-info a:nth-of-type(3){max-width:13.1rem}.app .hover{transition:all .3s ease-in-out}.app .hover:hover{opacity:.5}.app main{padding-top:7.2rem}.app .image-container{position:relative}.app .image-container img{width:100%;height:100%;object-fit:cover}.app .image-container p{opacity:.5;font-size:1.3rem;font-weight:400;line-height:1.6rem;letter-spacing:.026rem}.app .gc{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:4rem;gap:4rem}.app .introGrid{height:100vh;max-height:100vh;display:grid;overflow:hidden;grid-template-rows:auto 100%;position:relative}@media(max-width:750px){.app .introGrid{height:auto}}.app .introGrid .meta{max-width:61.6rem;padding:8rem 4rem 4rem;display:flex;flex-direction:column;gap:2.4rem}@media(max-width:750px){.app .introGrid .meta{padding:8rem 1.6rem 4rem;max-width:27rem}}.app .introGrid .image-container{width:calc(100% + 8rem);margin-left:-4rem}@media(max-width:750px){.app .introGrid .image-container{width:100vw;height:100vw;margin:0}.app .introGrid .image-container img{aspect-ratio:1/1}}.app .contact-page{margin:0 4rem;padding:8rem 0 0}@media(max-width:750px){.app .contact-page{margin:0 1.6rem}}.app .contact-page__header{padding:0 0 4rem}.app .contact-page__inner{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:4rem;gap:4rem;padding:4rem 0 16rem}@media(max-width:750px){.app .contact-page__inner{grid-template-columns:1fr;padding:0 0 8rem;row-gap:8rem}}.app .contact-page .contact-info{display:flex;gap:2.4rem;flex-direction:column}@media(max-width:750px){.app .contact-page .contact-info{gap:4rem}}.app .contact-page .contact-info__group{display:flex;flex-direction:column}.app .contact-page .contact-info__group .small{margin-bottom:.8rem}.app .contact-page .contact-info__group .address{max-width:18rem}.app .contact-page .contact-info__group .parking{max-width:31rem}@media(max-width:750px){.app .contact-page .contact-info__group .parking{max-width:unset}}.app .about-page{margin:0 4rem;padding:8rem 0 0}@media(max-width:750px){.app .about-page{margin:0 1.6rem}}.app .about-page__intro{display:flex;flex-direction:column;gap:4rem}.app .about-page__intro .image-container{max-width:calc(75% - 4rem)}@media(max-width:750px){.app .about-page__intro .image-container{max-width:100%}}.app .about-page .section-content__item{padding:8rem 0;display:grid;grid-template-columns:repeat(2,1fr)}@media(max-width:750px){.app .about-page .section-content__item{grid-template-columns:1fr;gap:4rem;padding:4rem 0}}.app .about-page .section-content__item:last-of-type{padding:8rem 0 16rem}@media(max-width:750px){.app .about-page .section-content__item:last-of-type{padding:4rem 0 8rem}}.app .barristers{padding:8rem 0 16rem;margin:0 4rem;display:flex;flex-direction:column;gap:4rem}@media(max-width:750px){.app .barristers{margin:0 1.6rem;padding:4rem 0 8rem;row-gap:1.6rem}}.app .membersGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4rem;gap:4rem}@media(max-width:1100px){.app .membersGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:750px){.app .membersGrid{grid-template-columns:repeat(2,1fr);gap:1.6rem;row-gap:4rem}}.app .membersGrid>*{list-style:none;display:flex;gap:.8rem;flex-direction:column}.app .membersGrid img{aspect-ratio:310/387;display:block}.app .membersGrid .meta{margin-top:.8rem}.app .barristersGrid>*{grid-column:span 2}.app .grey{opacity:.5;transition:.2s cubic-bezier(.6,0,.2,1)}.app .grey:hover{opacity:1}.app .teamMemberModal{position:fixed;top:0;z-index:20;left:100vw;width:100vw;height:100vh;display:grid;grid-template-columns:100%;grid-template-rows:1fr}.app .teamMemberModal.open-true .teamMemberModal__overlay{opacity:1}.app .teamMemberModal.open-true .teamMemberModal__inner{transform:translateX(-100vw)}.app .teamMemberModal .bio{display:flex;flex-direction:column;gap:.8rem}@media(max-width:750px){.app .teamMemberModal .bio{margin-top:1.6rem}}.app .teamMemberModal .credentials{display:flex;flex-direction:column;gap:2.4rem}.app .teamMemberModal .credentials>div{display:flex;flex-direction:column;gap:.8rem}@media(max-width:750px){.app .teamMemberModal .credentials{row-gap:4rem}}.app .teamMemberModal .close{position:absolute;top:2.4rem;right:4rem;opacity:1}@media(max-width:1100px){.app .teamMemberModal .close{top:1.6rem;left:1.6rem;right:unset}}.app .teamMemberModal__overlay{background:rgba(0,0,0,.2);width:100%;position:fixed;top:0;opacity:0;height:100%;grid-row:1;grid-column:1;transition:all .2s ease-in-out}.app .teamMemberModal__inner{background:var(--warm-white);max-width:calc(58.33% + 4rem);width:100%;height:100vh;overflow-y:scroll;z-index:2;right:-100vw;position:fixed;padding:15rem 4rem 4rem;transition:all .5s ease-in-out}.app .teamMemberModal__inner .profileGrid{padding-bottom:23rem}@media(max-width:1100px){.app .teamMemberModal__inner .profileGrid{padding-bottom:24rem}}.app .teamMemberModal.open-true{transform:translateX(-100vw)}@media(max-width:1100px){.app .teamMemberModal__overlay{display:none}.app .teamMemberModal__inner{right:-100vw;width:calc(100vw - 3.2rem);max-width:unset;padding:12rem 1.6rem 4rem}}.app .teamMemberCard{cursor:pointer}.app .profileGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:4rem;gap:4rem}@media(max-width:750px){.app .profileGrid{grid-template-columns:1fr;gap:2.4rem}}.app .expertise-item-grid{display:grid;grid-template-columns:repeat(2,1fr);padding:8rem 4rem 4rem;grid-gap:4rem;gap:4rem}.app .expertise-item-grid .rte{grid-row:2;grid-column:2}@media(max-width:750px){.app .expertise-item-grid{grid-template-columns:1fr;padding:8rem 1.6rem 4rem}.app .expertise-item-grid .rte{grid-column:1}}.app .expertise-item-grid+.barristers{gap:2.4rem}.app .expertise-item-grid+.barristers .membersGrid{grid-template-columns:repeat(6,1fr)}@media(max-width:750px){.app .expertise-item-grid+.barristers .membersGrid{grid-template-columns:repeat(2,1fr)}}.app .expertise{margin:8rem 4rem 4rem}@media(max-width:750px){.app .expertise{margin:8rem 1.6rem 4rem}}.app .officeExpertiseGrid{margin:0 4rem;padding:4rem 0 16rem;display:grid;grid-template-columns:repeat(2,1fr)}@media(max-width:750px){.app .officeExpertiseGrid{margin:0 1.6rem;grid-template-columns:1fr;padding:4rem 0 8rem;row-gap:4rem}}.app [data-path="/barristers/[...slug]"]{background:var(--warm-white)}.app .flex-r{display:flex;gap:1.6rem}.app footer{background:var(--theme-grey);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24rem;padding:2.4rem 4rem 4rem 3.2rem}@media(max-width:750px){.app footer{padding:1.6rem 1.6rem 4rem}}.app footer .footerGrid{width:100%;display:grid;grid-template-columns:6fr 3fr 3fr}@media(max-width:750px){.app footer .footerGrid{grid-template-columns:1fr}.app footer .footerGrid .address{margin-bottom:1.6rem}.app footer .footerGrid .privacy-policy{order:1;flex-direction:column;gap:0;align-items:flex-start;margin-top:4rem}}.app footer *{font-size:1.3rem;line-height:1.6rem}.app footer .address{max-width:13.1rem}.app footer .privacy-policy{display:flex;gap:1.6rem;align-items:flex-end}