:root{--navy:#071a2d;--navy2:#0b243d;--gold:#c9a66b;--cream:#f4efe6;--ink:#162231}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f7f3;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}.nav-wrap{height:90px;background:#fff;display:flex;align-items:center;padding:0 5.5vw;position:absolute;z-index:20;top:0;left:0;right:0;border-bottom:1px solid #ffffff26}.brand{display:flex;align-items:center;gap:12px}.nav-wrap nav{display:flex;gap:34px;margin-left:auto;margin-right:3.5vw}.nav-wrap nav a{font-size:12px;font-weight:600;letter-spacing:.5px}.nav-wrap nav a:hover{color:#8c6d39}.btn{display:flex;align-items:center;justify-content:space-between;gap:28px;text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:700}.btn span{font-size:18px;color:var(--gold)}.menu{display:none}.hero{min-height:820px;background:var(--navy);position:relative;overflow:hidden;padding-top:90px}.hero-photo{position:absolute;inset:90px 0 0;background:url('/images/legal-bg.jpeg?v=35') center/cover no-repeat;opacity:.42}.hero-shade{position:absolute;inset:90px 0 0;background:linear-gradient(90deg,#06192df7 0%,#06192dde 43%,#06192d7a 73%,#06192d50),linear-gradient(0deg,#06192dbd 0%,transparent 45%)}.hero-content{position:relative;z-index:2;padding:130px 5.5vw 70px;color:white;width:63%}.eyebrow{margin:0 0 26px;text-transform:uppercase;letter-spacing:3px;font-size:10px;font-weight:700;color:#e1c28f;display:flex;align-items:center;gap:12px}.eyebrow span{display:block;width:34px;height:1px;background:var(--gold)}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;margin:0;line-height:1.02}h1{font-size:clamp(52px,6.4vw,92px);letter-spacing:-2.8px;max-width:830px}h1 em,h2 em{color:var(--gold);font-weight:400}.hero-copy{font:16px/1.8 Arial,sans-serif;color:#cbd1d7;max-width:610px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:38px}.btn.gold{background:var(--gold);color:#091b2c;padding:18px 22px;min-width:215px}.btn.gold span{color:#091b2c}.text-link{color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;border-bottom:1px solid #ffffff66;padding-bottom:7px}.text-link span{color:var(--gold);margin-left:12px}.hero-points{display:flex;margin-top:85px;border-top:1px solid #ffffff2a;width:94%}.hero-points div{padding:22px 7% 0 0;margin-right:7%;border-right:1px solid #ffffff2a;display:flex;flex-direction:column;gap:6px}.hero-points strong{font:18px Georgia,serif}.hero-points span{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#9da8b2}.counsel-card{position:absolute;right:5.5vw;bottom:0;width:29vw;max-width:430px;z-index:3}.portrait-wrap{height:470px;overflow:hidden;background:#ddd}.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.counsel-meta{background:#f4efe6;padding:26px 30px}.counsel-meta>span{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#846436}.counsel-meta h2{font-size:29px;line-height:1.08;margin:9px 0}.counsel-meta p{font-size:11px;line-height:1.6;color:#545e69;margin:0}.intro{display:grid;grid-template-columns:15% 48% 37%;padding:120px 5.5vw;background:#f8f7f3}.eyebrow.dark{color:#846436}.intro h2,.approach h2,.contact h2{font-size:clamp(42px,4.7vw,68px);letter-spacing:-2px}.intro-copy{padding-top:54px;max-width:420px}.intro-copy p{font:15px/1.9 Georgia,serif;color:#59646f}.under-link{display:inline-flex;gap:28px;text-transform:uppercase;font-size:10px;letter-spacing:1.4px;font-weight:700;border-bottom:1px solid #bda071;padding-bottom:8px;margin-top:20px}.under-link span{color:#a27d45}.practice{background:var(--navy);color:white;padding:110px 5.5vw}.num{font-size:9px;color:#708092;letter-spacing:2px}.approach{display:grid;grid-template-columns:45% 55%;background:var(--cream)}.approach-image{background:url('/images/legal-bg.jpeg?v=35') 52% center/cover no-repeat;min-height:720px;filter:saturate(.72)}.approach-copy{padding:100px 8vw}.approach-copy>p:not(.eyebrow){color:#59646f;font-size:14px;line-height:1.9;max-width:570px;margin:30px 0}.values{margin-top:45px;border-top:1px solid #cfc8bc}.values>div{display:flex;gap:28px;border-bottom:1px solid #cfc8bc;padding:22px 0}.values b{color:#856126;font-size:10px}.values span{display:flex;flex-direction:column;gap:7px}.values strong{font:18px Georgia,serif}.values small{color:#5f6a73}.contact{background:var(--navy2);color:#fff;padding:100px 8vw;display:grid;grid-template-columns:1fr 420px;gap:9vw;align-items:center}.contact-card{border-left:1px solid #ffffff22;padding-left:45px}.contact-card>p{font-size:13px;line-height:1.8;color:#adb7c0}.contact-card .btn{margin:24px 0}.disclaimer-link{width:100%;background:none;border:0;border-top:1px solid #ffffff22;padding:18px 0;color:#d7dde2;text-align:left;display:flex;justify-content:space-between;text-transform:uppercase;font-size:9px;letter-spacing:1.4px;cursor:pointer}footer{background:#061421;color:white;padding:30px 5.5vw;display:flex;align-items:center;justify-content:space-between}footer p,footer>a{font-size:9px;color:#8996a1;letter-spacing:1px}@media(max-width:900px){.nav-wrap{height:76px}.nav-wrap nav{position:absolute;top:76px;left:0;right:0;background:white;flex-direction:column;padding:28px 6vw;display:none;gap:22px}.nav-wrap nav.open{display:flex}.menu{display:flex;margin-left:auto;background:none;border:0;width:34px;height:28px;flex-direction:column;justify-content:center;gap:7px}.menu span{display:block;height:1px;background:#111;width:100%}.hero{min-height:auto;padding-top:76px}.hero-photo,.hero-shade{inset:76px 0 0}.hero-content{padding:90px 6vw 420px;width:100%}h1{font-size:54px}.hero-copy{max-width:520px}.hero-points{margin-top:50px}.counsel-card{width:88%;right:6vw;bottom:0;display:grid;grid-template-columns:44% 56%}.portrait-wrap{height:340px}.counsel-meta{display:flex;flex-direction:column;justify-content:center}.intro{grid-template-columns:1fr;padding:85px 6vw}.intro-copy{padding-top:30px}.practice{padding:80px 6vw}.approach{grid-template-columns:1fr}.approach-image{min-height:480px}.contact{grid-template-columns:1fr}.contact-card{border-left:0;border-top:1px solid #ffffff22;padding:35px 0 0}footer{gap:25px;flex-wrap:wrap}}@media(max-width:560px){.hero-content{padding:72px 6vw 525px}h1{font-size:43px;letter-spacing:-1.5px}.hero-actions{align-items:flex-start;flex-direction:column;gap:25px}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.hero-points div{margin:0;padding-right:10px}.hero-points strong{font-size:14px}.counsel-card{display:block}.portrait-wrap{height:315px}.counsel-meta{padding:20px 24px}.counsel-meta h2{font-size:24px}.approach-image{min-height:340px}.approach-copy{padding:75px 6vw}.contact{padding:75px 6vw}.contact h2{font-size:40px}footer{display:block;text-align:center}footer .brand{justify-content:center;margin-bottom:25px}footer>a{display:block;margin-top:18px}}.logo-brand{height:72px;min-width:150px;overflow:hidden}.logo-brand img{width:156px;height:72px;object-fit:cover;object-position:center}.footer-logo{height:58px;min-width:120px}.footer-logo img{width:126px;height:58px}.services-page{background:#f8f7f3;min-height:100vh}.services-page .nav-wrap{position:relative}.services-hero{position:relative;min-height:470px;background:var(--navy);color:#fff;display:flex;align-items:flex-end;padding:90px 7vw 75px;overflow:hidden}.services-hero::before{content:"";position:absolute;inset:0;background:url('/images/legal-bg.jpeg?v=35') center/cover no-repeat;opacity:.22}.services-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06192df2,transparent)}.services-hero>div{position:relative;z-index:1;max-width:850px}.services-hero h1{font-size:clamp(50px,6vw,82px)}.services-hero p:last-child{font-size:16px;line-height:1.8;color:#c8d0d7;max-width:670px}.services-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw;padding:95px 7vw 70px}.services-intro h2{font-size:clamp(40px,4.3vw,62px)}.services-intro>p{font:16px/1.9 Georgia,serif;color:#59646f;margin-top:48px}.services-list{padding:0 7vw 100px}.services-list article:last-child{border-bottom:1px solid #d4cec3}.services-list h3{font:27px/1.2 Georgia,serif;margin:0;color:#132437}.services-list p{font-size:13px;line-height:1.8;color:#68727b;margin:0}.service-cta{background:var(--navy2);color:#fff;padding:80px 7vw;display:flex;justify-content:space-between;align-items:center;gap:40px}.service-cta h2{font-size:clamp(38px,4vw,58px)}.service-cta .btn{min-width:245px}.services-footer{margin-top:0}@media(max-width:900px){.logo-brand{height:60px}.logo-brand img{height:60px}.services-page .nav-wrap nav{top:76px}.services-intro{grid-template-columns:1fr;gap:15px;padding:70px 6vw 50px}.services-intro>p{margin-top:0}.services-list{padding:0 6vw 70px}.service-cta{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.logo-brand{height:54px;min-width:112px}.logo-brand img{width:118px;height:54px}.services-hero{min-height:410px;padding:70px 6vw 55px}.services-list h3{font-size:23px}.service-cta{padding:65px 6vw}}.site-footer{display:block;background:#061421;color:#fff;padding:0}.footer-main{display:grid;grid-template-columns:1.05fr .55fr 1.45fr;gap:7vw;padding:70px 5.5vw 55px}.footer-about{max-width:390px}.footer-about>p{font-size:12px;line-height:1.8;color:#9ba7b1;margin:22px 0 0;letter-spacing:0}.site-footer h3{font:20px Georgia,serif;color:#fff;margin:4px 0 24px}.footer-nav,.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-nav a,.footer-contact>a{font-size:11px;color:#aeb8c0;letter-spacing:.3px;transition:.2s;overflow-wrap:anywhere}.footer-nav a:hover,.footer-contact>a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid #ffffff1c;padding:22px 5.5vw;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-bottom p,.footer-bottom a{margin:0;font-size:9px;color:#778590;letter-spacing:.5px}.footer-bottom a{color:#c8aa78}.site-footer .footer-logo{background:#fff;width:132px;padding:0 4px}.intro-copy p+p{margin-top:14px}@media(max-width:780px){.footer-main{grid-template-columns:1fr 1fr;gap:45px}.footer-about{grid-column:1/-1;max-width:600px}.footer-bottom{flex-wrap:wrap}.footer-bottom p:nth-child(2){order:3;width:100%}}@media(max-width:520px){.footer-main{grid-template-columns:1fr;padding:55px 6vw 40px}.footer-about{grid-column:auto}.footer-bottom{display:block;text-align:left;padding:24px 6vw}.site-footer .footer-logo{margin:0 0 22px}}.hero .hero-photo{opacity:.28}.hero .hero-shade{background:linear-gradient(90deg,#06192dfb 0%,#06192df2 43%,#06192dbd 73%,#06192d98),linear-gradient(0deg,#06192de8 0%,#06192d45 55%)}.hero .hero-photo{opacity:.88}.hero .hero-shade{background:linear-gradient(90deg,#06192dd9 0%,#06192db8 43%,#06192d70 73%,#06192d38),linear-gradient(0deg,#06192da3 0%,transparent 56%)}.logo-brand img{object-fit:contain;object-position:center}.practice.services-home{background:var(--cream);color:var(--ink);padding:105px 7vw}.services-home-head{max-width:820px}.services-home-head h2{font-size:clamp(54px,6vw,86px);letter-spacing:-3px}.services-home-head>p:last-child{font-size:15px;line-height:1.9;color:#59646f;max-width:720px;margin:38px 0 62px}.services-home-list .num{color:#ae8141;font-size:10px;align-self:start;padding-top:7px}@media(max-width:700px){.practice.services-home{padding:75px 6vw}.services-home-head h2{font-size:48px;letter-spacing:-2px}.services-home-head>p:last-child{margin:28px 0 45px}}.contact-page{background:#f8f7f3;min-height:100vh}.contact-page .nav-wrap{position:relative}.contact-hero{position:relative;min-height:500px;background:var(--navy);color:#fff;display:flex;align-items:flex-end;padding:95px 7vw 80px;overflow:hidden}.contact-hero::before{content:"";position:absolute;inset:0;background:url('/images/legal-bg.jpeg?v=35') center/cover no-repeat;opacity:.48}.contact-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06192df0 0%,#06192dc7 45%,#06192d66 100%)}.contact-hero>div{position:relative;z-index:1;max-width:820px}.contact-hero p:last-child{max-width:670px;color:#d2d8dd;font-size:16px;line-height:1.8}.contact-details{display:grid;grid-template-columns:1.05fr .95fr;gap:10vw;padding:105px 7vw;background:#f8f7f3}.contact-lead h2{font-size:clamp(42px,4.6vw,67px);letter-spacing:-2px}.contact-lead>p:last-child{font-size:14px;line-height:1.9;color:#5e6972;max-width:610px;margin-top:30px}.contact-channels{border-top:1px solid #cec7bc}.contact-channels>div{padding:25px 0;border-bottom:1px solid #cec7bc}.contact-channels>div>span{display:block;color:#7d5e33;font-size:9px;text-transform:uppercase;letter-spacing:2px;margin-bottom:11px}.contact-channels>div>a{display:flex;justify-content:space-between;gap:20px;align-items:center;font:20px/1.35 Georgia,serif;color:#152536;overflow-wrap:anywhere}.contact-channels b{font:400 19px Arial;color:#7d5e33}.contact-channels .btn{margin-top:34px;width:max-content}.contact-page .footer-main{padding-top:70px}@media(max-width:900px){.contact-page .nav-wrap nav{top:76px}.contact-details{grid-template-columns:1fr;gap:45px;padding:80px 6vw}.contact-hero{min-height:430px;padding:75px 6vw 60px}}@media(max-width:560px){.contact-hero{min-height:390px}.contact-hero h1{font-size:50px}.contact-channels>div>a{font-size:17px}.contact-channels .btn{width:100%}}.enquiry-section{background:var(--navy2);color:#fff;padding:100px 7vw;display:grid;grid-template-columns:.78fr 1.22fr;gap:9vw;align-items:start}.enquiry-heading h2{font-size:clamp(42px,4.6vw,67px);letter-spacing:-2px}.enquiry-heading>p:last-child{font-size:13px;line-height:1.8;color:#aeb8c0;max-width:440px;margin-top:28px}.enquiry-form fieldset{border:0;padding:0;margin:0}.enquiry-form legend{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#d7bd91;margin-bottom:12px}.contact-methods{display:flex;gap:28px}.contact-methods label{display:flex;grid-template-columns:none;align-items:center;gap:9px;color:#d8dfe5;font-size:12px}.contact-methods input,.consent-check input{width:16px;height:16px;accent-color:var(--gold);padding:0}.career-form .consent-check{display:grid;grid-template-columns:18px 1fr;align-items:start;gap:11px}.consent-check span{font-size:11px!important;line-height:1.6;text-transform:none!important;letter-spacing:0!important;color:#aeb8c0!important}.enquiry-form .btn{border:0;cursor:pointer;min-width:250px;width:max-content}@media(max-width:900px){.enquiry-section{grid-template-columns:1fr;gap:50px;padding:80px 6vw}}@media(max-width:560px){.enquiry-section{padding-top:70px}.enquiry-form .btn{width:100%;min-width:0}.contact-methods{gap:20px}}.careers-page{background:#f8f7f3;min-height:100vh}.careers-page .nav-wrap{position:relative}.careers-hero{position:relative;min-height:500px;background:var(--navy);color:#fff;display:flex;align-items:flex-end;padding:95px 7vw 80px;overflow:hidden}.careers-hero::before{content:"";position:absolute;inset:0;background:url('/images/legal-bg.jpeg?v=35') center/cover no-repeat;opacity:.43}.careers-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06192df2,#06192dbd 55%,#06192d5e)}.careers-hero>div{position:relative;z-index:1;max-width:800px}.careers-hero p:last-child{font-size:16px;line-height:1.8;color:#d2d8dd;max-width:640px}.careers-intro{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:100px 7vw}.careers-intro h2,.application-heading h2{font-size:clamp(42px,4.6vw,67px);letter-spacing:-2px}.careers-intro>div:last-child>p{font:16px/1.9 Georgia,serif;color:#5d6871;margin:50px 0 34px}.application-section{background:var(--navy2);color:#fff;padding:100px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:start}.application-heading>p:last-child{font-size:13px;line-height:1.8;color:#aeb8c0;max-width:440px;margin-top:28px}.career-form{display:grid;gap:24px}.career-form label{display:grid;gap:9px}.career-form label>span{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#d7bd91}.career-form input:not([type=radio]):not([type=checkbox]):not([type=file]),.career-form select,.career-form textarea{width:100%;border:1px solid #ffffff2d;background:#071a2d;color:#fff;padding:15px 16px;border-radius:0;font:13px Arial,sans-serif}.career-form input:focus,.career-form select:focus,.career-form textarea:focus{border-color:var(--gold)}.career-form textarea{resize:vertical}.career-form input::placeholder,.career-form textarea::placeholder{color:#778590}.career-form select option{background:#071a2d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.career-form .btn{border:0;cursor:pointer;min-width:270px;width:max-content}.form-note{color:#8795a0;font-size:10px;line-height:1.6;margin:0}.careers-page .footer-main{padding-top:70px}@media(max-width:900px){.careers-page .nav-wrap nav{top:76px}.careers-hero{min-height:430px;padding:75px 6vw 60px}.careers-intro{grid-template-columns:1fr;gap:20px;padding:80px 6vw}.careers-intro>div:last-child>p{margin-top:20px}.application-section{grid-template-columns:1fr;gap:50px;padding:80px 6vw}}@media(max-width:560px){.careers-hero{min-height:390px}.careers-hero h1{font-size:50px}.form-row{grid-template-columns:1fr}.career-form .btn{width:100%;min-width:0}.application-section{padding-top:70px}}.career-form .btn:disabled{opacity:.65;cursor:wait}.cv-upload{border:1px dashed #ffffff42;padding:20px;background:#071a2d80}.career-form .cv-upload input[type="file"]{padding:0;border:0;background:transparent;color:#aeb8c0}.career-form .cv-upload input[type="file"]::file-selector-button{border:0;background:var(--gold);color:#071a2d;padding:11px 15px;margin-right:14px;text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:1px;cursor:pointer}.cv-upload small{color:#8795a0;font-size:10px;line-height:1.5}.form-status{padding:14px 16px;margin:0;font-size:12px;line-height:1.6;border-left:3px solid}.form-status.success{background:#204833;color:#d8efe2;border-color:#74b98c}.form-status.error{background:#512a2a;color:#f2dada;border-color:#c97878}.site-footer .footer-logo{display:flex;width:190px;height:104px;min-width:0;padding:10px 12px;margin:0;overflow:hidden;background:#fff;border:1px solid #ffffff2a;align-items:center;justify-content:center}.site-footer .footer-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#fff}.footer-about{align-self:start}@media(max-width:520px){.site-footer .footer-logo{width:170px;height:94px;margin:0 0 22px}}.disclaimer-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:30px;background:#04101dcc;backdrop-filter:blur(5px)}.disclaimer-modal{width:min(1020px,100%);max-height:calc(100vh - 60px);overflow:auto;background:#fff;color:#17222c;border-radius:10px;padding:38px 42px 34px;box-shadow:0 28px 90px #0008}.disclaimer-kicker{margin:0 0 10px;color:#8a6224;text-transform:uppercase;letter-spacing:2.3px;font-size:9px;font-weight:700}.disclaimer-copy{border-top:1px solid #ddd6ca;padding-top:20px}.disclaimer-copy p{font-size:15px;line-height:1.8;color:#37434d;margin:0 0 18px}.disclaimer-actions{display:flex;gap:14px;margin-top:26px}.disclaimer-actions button{min-width:140px;border:1px solid transparent;padding:15px 24px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.1px;cursor:pointer}.disclaimer-accept{background:var(--gold);color:#071a2d}.disclaimer-accept:hover,.disclaimer-accept:focus-visible{background:#d6b575;outline:2px solid #071a2d;outline-offset:2px}.disclaimer-reject{background:var(--navy);color:#fff}.disclaimer-reject:hover,.disclaimer-reject:focus-visible{background:#102e4c;outline:2px solid var(--gold);outline-offset:2px}@media(max-width:600px){.disclaimer-overlay{padding:16px}.disclaimer-modal{max-height:calc(100vh - 32px);padding:28px 22px 24px;border-radius:7px}.disclaimer-copy p{font-size:13px;line-height:1.7}.disclaimer-actions{display:grid;grid-template-columns:1fr 1fr}.disclaimer-actions button{min-width:0;padding:14px 12px}}.nav-wrap nav a{font-size:14px;letter-spacing:.55px}.nav-wrap nav{gap:30px}@media(max-width:900px){.nav-wrap nav a{font-size:15px}.nav-wrap nav{gap:24px}}.nav-wrap nav a{font-size:16px}.footer-about>p{font-size:14px}.site-footer h3{font-size:22px}.footer-nav a,.footer-contact>a{font-size:13px}.footer-bottom p,.footer-bottom a{font-size:11px}@media(max-width:900px){.nav-wrap nav a{font-size:17px}}/* Integrated transparent portrait hero */
.hero-content{width:61%;padding-top:112px}.transparent-counsel{right:3.5vw;width:35vw;max-width:520px;display:flex;flex-direction:column;align-items:center}.transparent-counsel .portrait-wrap{width:100%;height:555px;background:transparent;overflow:visible;display:flex;align-items:flex-end;justify-content:center}.transparent-counsel .portrait-wrap img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 30px rgba(1,10,20,.42))}.transparent-counsel .counsel-meta{position:relative;width:88%;margin-top:-66px;background:rgba(244,239,230,.95);border-top:3px solid var(--gold);box-shadow:0 18px 42px rgba(2,12,23,.24);backdrop-filter:blur(7px)}@media(max-width:900px){.hero-content{width:100%;padding-bottom:470px}.transparent-counsel{right:4vw;width:92%;max-width:none;display:grid;grid-template-columns:48% 52%;align-items:end}.transparent-counsel .portrait-wrap{height:390px}.transparent-counsel .counsel-meta{width:100%;margin:0 0 26px -24px}}@media(max-width:560px){.hero-content{padding-bottom:610px}.transparent-counsel{display:flex;width:100%;right:0}.transparent-counsel .portrait-wrap{height:430px}.transparent-counsel .counsel-meta{width:88%;margin:-54px 0 22px}}@media(min-width:901px){.hero{min-height:880px}.hero-content{width:58%;padding-top:118px}.transparent-counsel{right:1.8vw;width:39vw;max-width:590px}.transparent-counsel .portrait-wrap{height:650px}.transparent-counsel .counsel-meta{width:82%;margin-top:-82px}}@media(max-width:900px){.transparent-counsel .portrait-wrap{height:440px}}@media(max-width:560px){.hero-content{padding-bottom:660px}.transparent-counsel .portrait-wrap{height:490px}.transparent-counsel .counsel-meta{margin-top:-66px}}/* Simplified requested section headings and content */
.intro{grid-template-columns:45% 55%;gap:0;align-items:stretch;padding:0;background:var(--cream)}.about-visual{width:100%;min-height:720px;background:linear-gradient(180deg,rgba(7,26,45,.04),rgba(7,26,45,.16)),url('/images/about-scales.jpeg?v=35') center/cover no-repeat;position:relative}.about-visual::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--gold)}.intro .intro-copy{padding:90px 8vw;max-width:none;min-width:0;align-self:center}.intro .intro-copy .eyebrow{margin-bottom:18px;text-align:left}.intro .intro-copy h2{font-size:clamp(48px,5vw,72px);margin:0 0 30px}.intro .intro-copy p:not(.eyebrow){text-align:justify;text-align-last:left;line-height:1.85}.approach-copy>h2{margin-bottom:28px}.careers-hero h1{max-width:1000px;font-size:clamp(46px,5.4vw,76px)}.careers-intro>div>h2{margin-bottom:28px}.careers-intro>div:last-child>p{margin:0 0 30px}.career-benefits{border-top:1px solid #d0c9bd}.career-benefits p{margin:0;padding:20px 0;border-bottom:1px solid #d0c9bd;font:15px/1.75 Arial,sans-serif;color:#5d6871}.career-benefits strong{display:block;margin-bottom:5px;font:20px Georgia,serif;color:#162231}@media(max-width:900px){.intro{grid-template-columns:1fr;gap:0;padding:0}.about-visual{min-height:480px}.intro .intro-copy{padding:75px 6vw;max-width:none;justify-self:stretch}.careers-intro>div:last-child>p{margin-top:0}}@media(max-width:560px){.about-visual{min-height:340px}.about-visual::after{right:0;bottom:0;left:0}.intro .intro-copy{padding:65px 6vw}.intro .intro-copy h2{font-size:48px;margin-bottom:26px}.intro .intro-copy p:not(.eyebrow){text-align:left}}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status[hidden]{display:none}/* disclaimer accepted for this session (set by site.js and the head script) */
html.disclaimer-accepted .disclaimer-overlay{display:none}/* Homepage "Our Legal Services." — all 14 practice areas in a hairline grid.
   Cards are <a> (not <article>) so the dark .practice article rules do not apply.
   Two cards per row, 7 rows. Container draws top/left borders, each card draws
   right/bottom, so the grid stays a single hairline throughout. */
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #cec6b8;border-left:1px solid #cec6b8}.services-grid .service-card{display:flex;flex-direction:column;padding:26px 26px 22px;border-right:1px solid #cec6b8;border-bottom:1px solid #cec6b8;transition:background .25s}.services-grid .service-card:hover{background:#efe7d9}.services-grid .service-card:focus-visible{outline:2px solid #a77d3f;outline-offset:-5px}.services-grid h3{font:20px/1.25 Georgia,'Times New Roman',serif;color:var(--ink);margin:12px 0 9px;max-width:none}.services-grid p{font-size:12.5px;line-height:1.7;color:#69747d;margin:0;max-width:none}.services-grid .go{margin-top:auto;padding-top:18px;color:#a77d3f;font-size:16px;line-height:1;transition:transform .25s}.services-grid .service-card:hover .go{transform:translate(3px,-3px)}@media(max-width:700px){.services-grid{grid-template-columns:1fr}.services-grid .service-card{padding:22px 20px 18px}.services-grid h3{font-size:18px}}/* "Why Choose Us" panel: legal-bg.jpeg is already the hero backdrop on every page,
   so this used the same photo twice. Uses the advocate portrait instead, with a
   soft navy wash so it sits in the palette. Swap the url() to change the photo. */
.approach-image{background:#0b1f33 url('/images/advocate-transparent.png?v=43') center bottom/contain no-repeat;filter:none}/* Home is the current page on index.html, which carries no *-page body class */


/* headers without the CTA button: let the nav sit against the right edge */
.nav-wrap:not(:has(.nav-cta)) nav{margin-right:0}/* Labelled contact block (footer + homepage contact card, both on navy) */
.contact-info{display:grid;margin:0;width:100%}.contact-info>div{display:grid;grid-template-columns:76px 1fr;gap:0 14px;padding:10px 0;border-bottom:1px solid #ffffff1a}.contact-info>div:first-child{border-top:1px solid #ffffff1a}.contact-info dt{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:#d4b881;padding-top:3px}.contact-info dd{margin:0;font-size:11.5px;line-height:1.7;color:#aeb8c0;overflow-wrap:anywhere}.contact-info a{transition:color .2s}.contact-info a:hover{color:var(--gold)}.contact-card .contact-info{margin:22px 0 4px}.footer-contact .contact-info{margin-top:2px}@media(max-width:700px){.contact-info>div{grid-template-columns:1fr;gap:5px;padding:12px 0}.contact-info dd{font-size:13px}}/* contact page: rows without a link (Address) match the linked rows */
.contact-channels>div>p{margin:0;font:19px/1.5 Georgia,'Times New Roman',serif;color:#152536}/* -------- */
/* Footer contact block polish */
.footer-contact{width:100%}.footer-contact .contact-info>div{grid-template-columns:82px 1fr;padding:11px 0}.footer-contact .contact-info dd{color:#c1cbd3}@media(max-width:700px){/* the footer override above is more specific than the base mobile rule */
  .footer-contact .contact-info>div,.contact-card .contact-info>div{grid-template-columns:1fr;gap:5px;padding:12px 0}.footer-contact .contact-info dd{font-size:13px}}@media(max-width:560px){/* the old mobile rule centres the whole footer; addresses and labelled rows read better left-aligned */
  .site-footer .footer-main,.site-footer .footer-main *{text-align:left}}/* New brand mark: TLCA monogram in the header, full lockup in the footer.
   Replaces the old cropped tcla-logo-hq.png treatment (object-fit:cover). */
.logo-brand{height:auto;min-width:0;overflow:visible;display:flex;align-items:center}.logo-brand img{width:auto;height:52px;object-fit:contain}.site-footer .footer-logo{background:#fff;width:max-content;max-width:100%;height:auto;padding:14px 16px}.site-footer .footer-logo img{width:170px;height:auto}@media(max-width:900px){.logo-brand img{height:44px}}@media(max-width:560px){.logo-brand img{height:38px}.site-footer .footer-logo img{width:190px}}/* Background images: WebP for browsers that support image-set(), original as fallback.
   The plain url() line stays first so older browsers keep working. */
.hero-photo{background-image:url('/images/legal-bg.jpeg?v=35');background-image:image-set(url('/images/legal-bg.webp?v=35') type("image/webp"),url('/images/legal-bg.jpeg?v=35') type("image/jpeg"))}/* The base rule paints TWO layers (tint + photo). Re-declaring background-image with a
   single layer truncated background-size/repeat to the first layer's values, which is why
   the photo tiled at auto size. Both layers are restated here. */
.about-visual{background-image:linear-gradient(180deg,rgba(7,26,45,.04),rgba(7,26,45,.16)),url('/images/about-scales.jpeg?v=35');background-image:linear-gradient(180deg,rgba(7,26,45,.04),rgba(7,26,45,.16)),image-set(url('/images/about-scales.webp?v=35') type("image/webp"),url('/images/about-scales.jpeg?v=35') type("image/jpeg"));background-position:0 0,center;background-size:auto,cover;background-repeat:repeat,no-repeat}.approach-image{background-color:#0b1f33;background-image:radial-gradient(120% 78% at 50% 18%,rgba(120,160,205,.20),rgba(11,31,51,0) 62%),url('/images/advocate-transparent.png?v=43');background-image:radial-gradient(120% 78% at 50% 18%,rgba(120,160,205,.20),rgba(11,31,51,0) 62%),image-set(url('/images/advocate-transparent.webp?v=43') type("image/webp"),url('/images/advocate-transparent.png?v=43') type("image/png"))}.services-hero::before{background-image:url('/images/legal-bg.jpeg?v=35');background-image:image-set(url('/images/legal-bg.webp?v=35') type("image/webp"),url('/images/legal-bg.jpeg?v=35') type("image/jpeg"))}.careers-hero::before,.contact-hero::before{background-image:url('/images/legal-bg.jpeg?v=35');background-image:image-set(url('/images/legal-bg.webp?v=35') type("image/webp"),url('/images/legal-bg.jpeg?v=35') type("image/jpeg"))}/* Skip link: off-screen until focused */
.skip-link{position:absolute;left:-9999px;top:0;z-index:10000;background:var(--gold);color:#071a2d;padding:12px 20px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.skip-link:focus{left:0}#main-content:focus{outline:none}/* modal title keeps its look now that it is a role="heading" paragraph */
.disclaimer-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4vw,54px);line-height:1.02;letter-spacing:-1.5px;color:#101b28;margin:0 0 20px;font-weight:400}/* AA contrast: service card body text was 4.17:1 on cream */
.services-grid p,.services-list p{color:#5f6a73}/* Header lockup: full mark + firm name on desktop, monogram alone under 640px
   (the wordmark is 8.7:1 — it cannot stay legible in a phone header). */
.nav-wrap .logo-brand img{height:46px;width:auto}@media(max-width:1080px){.nav-wrap .logo-brand img{height:38px}}@media(max-width:1000px){.nav-wrap .logo-brand img{height:34px}}@media(max-width:900px){.nav-wrap .logo-brand img{height:42px}}@media(max-width:640px){.nav-wrap .logo-brand img{height:40px}}@media(max-width:400px){.nav-wrap .logo-brand img{height:38px}}/* ============ Footer: rebuilt for responsiveness and a transparent logo ============
   The logo is a reversed (cream/gold) version of the artwork, so it sits directly on
   the navy with no white plate. Offices moved to their own full-width row so the
   addresses stop being squeezed into a narrow column. */
.site-footer{background:#061421;color:#fff;display:block;padding:0}.site-footer .footer-main{display:grid;grid-template-columns:1.15fr .7fr 1.35fr;gap:clamp(32px,5vw,72px);padding:clamp(48px,6vw,74px) 5.5vw clamp(28px,3.5vw,42px);align-items:start;text-align:left}.site-footer h3{font:20px/1.2 Georgia,'Times New Roman',serif;color:#fff;margin:0 0 20px}.site-footer .footer-about{max-width:400px;display:flex;flex-direction:column;gap:20px;align-items:flex-start}.site-footer .footer-logo{display:block;background:none;border:0;width:auto;max-width:100%;height:auto;padding:0;margin:0;overflow:visible}.site-footer .footer-logo img{display:block;width:176px;height:auto;background:none;object-fit:contain}.site-footer .footer-about>p{font-size:12.5px;line-height:1.85;color:#9ba7b1;margin:0;letter-spacing:0}.site-footer .footer-nav{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.site-footer .footer-nav a{font-size:12px;color:#aeb8c0;transition:color .2s}.site-footer .footer-nav a:hover,.site-footer .footer-nav a:focus-visible{color:var(--gold)}.site-footer .footer-contact{display:block;width:100%}.site-footer .footer-contact .contact-info{margin:0}/* offices: their own full-width band, three across on desktop */
.footer-offices{padding:0 5.5vw clamp(34px,4vw,50px)}.footer-offices h3{margin-bottom:0;padding-bottom:16px;border-bottom:1px solid #ffffff1f}.footer-office-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.footer-office-grid address{font-style:normal;display:flex;flex-direction:column;gap:7px;padding:22px 32px 22px 0;border-right:1px solid #ffffff14;border-bottom:0;border-left:0}.footer-office-grid address:last-child{border-right:0}.footer-office-grid address:not(:first-child){padding-left:32px}.footer-office-grid strong{display:block;color:#d4b881;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;margin:0}.footer-office-grid span{font-size:12px;line-height:1.75;color:#96a3ae}.site-footer .footer-bottom{border-top:1px solid #ffffff1c;padding:20px 5.5vw;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 25px}.site-footer .footer-bottom p,.site-footer .footer-bottom a{margin:0;font-size:10.5px;color:#7d8b96;letter-spacing:.5px}.site-footer .footer-bottom a{color:#c8aa78}.site-footer .footer-bottom a:hover{color:var(--gold)}@media(max-width:980px){.site-footer .footer-main{grid-template-columns:1fr 1fr;gap:38px 42px}.site-footer .footer-about{grid-column:1 / -1;max-width:560px}.footer-office-grid{grid-template-columns:1fr 1fr}.footer-office-grid address:nth-child(2){border-right:0}.footer-office-grid address:nth-child(3){padding-left:0;border-top:1px solid #ffffff14}}@media(max-width:620px){.site-footer .footer-main{grid-template-columns:1fr;gap:34px;padding-bottom:24px;text-align:left}.site-footer .footer-main *{text-align:left}.site-footer h3{font-size:18px;margin-bottom:16px}.site-footer .footer-logo img{width:158px}.footer-office-grid{grid-template-columns:1fr}.footer-office-grid address{padding:18px 0;border-right:0;border-top:1px solid #ffffff14}.footer-office-grid address:first-child{border-top:0}.footer-office-grid address:not(:first-child){padding-left:0}.site-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;padding-top:18px;padding-bottom:24px}}/* A <picture> is an inline box with auto height, so an <img> inside it loses
   height:100% against a fixed-height wrapper. Make the picture fill the box. */
.portrait-wrap picture{display:block;width:100%;height:100%}/* explicit per-layer values so no future single-layer override can truncate them */
.hero-photo,.services-hero::before,.careers-hero::before,.contact-hero::before{background-position:center;background-size:cover;background-repeat:no-repeat}.approach-image{background-position:0 0,center bottom;background-size:auto,contain;background-repeat:no-repeat,no-repeat}/* ---- Accessibility pass ----------------------------------------------------
   Focus: the base form rule used to carry outline:none and only changed
   border-color on :focus, which Blink ignores on themed radio/checkbox/file
   controls — so three controls needed to submit had no visible focus at all. */
:root{--gold-ink:#8c6d39}.career-form input:focus-visible,.career-form select:focus-visible,.career-form textarea:focus-visible,
.career-form button:focus-visible,.contact-methods input:focus-visible,.consent-check input:focus-visible{
  outline:2px solid var(--gold);outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (forced-colors:active){.career-form input:focus-visible,.career-form select:focus-visible,.career-form textarea:focus-visible,
  a:focus-visible,button:focus-visible{outline-color:Highlight}}/* Radio and checkbox: the 100%-width form rule was stretching them into 34x16
   ovals and the field-label rule was forcing 9px uppercase gold on their captions. */
.career-form .contact-methods input,.career-form .consent-check input{
  width:16px;height:16px;flex:none;padding:0;border:0;background:none;accent-color:var(--gold)}.career-form .contact-methods label{display:flex;align-items:center;gap:9px;min-height:24px}.career-form .contact-methods label span{font-size:12px;text-transform:none;letter-spacing:0;color:#d8dfe5}.career-form .consent-check{min-height:24px}/* Active nav link: one rule at an AA-passing tone, plus a non-colour cue so the
   current page is not signalled by hue alone. */
.nav-wrap nav a.active{color:var(--gold-ink);border-bottom:2px solid currentColor;padding-bottom:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* "Our Legal Services." reads on one line, with the intro paragraph moved up
   beside it so the right-hand half of the row is no longer empty. */
.services-home-head{max-width:none;display:grid;grid-template-columns:auto minmax(300px,1fr);
  column-gap:clamp(32px,5vw,86px);align-items:end;margin-bottom:clamp(38px,4.5vw,62px)}
.services-home-head .eyebrow{grid-column:1 / -1}
.services-home-head h2{grid-column:1;white-space:nowrap;font-size:clamp(40px,4.4vw,64px);
  letter-spacing:-2px;margin:0}
.services-home-head>p:last-child{grid-column:2;justify-self:start;max-width:560px;
  margin:0 0 10px;font-size:15px;line-height:1.9;color:#59646f}
@media(max-width:900px){
  .services-home-head{grid-template-columns:1fr;row-gap:22px;margin-bottom:38px}
  .services-home-head h2{grid-column:1;white-space:normal;font-size:clamp(36px,7vw,48px)}
  .services-home-head>p:last-child{grid-column:1;max-width:640px;margin:0}
}

/* Two services per row: the cards are ~2x wider, so the title can grow and the
   description gets a readable measure instead of running the full card width. */
.services-grid .service-card{padding:30px 34px 26px}
.services-grid h3{font:clamp(20px,1.55vw,23px)/1.25 Georgia,'Times New Roman',serif;margin:0 0 10px}
.services-grid p{font-size:13px;line-height:1.75;max-width:60ch}
.services-grid .go{padding-top:20px}
@media(max-width:700px){
  .services-grid{grid-template-columns:1fr}
  .services-grid .service-card{padding:24px 22px 20px}
  .services-grid h3{font-size:19px}
}

/* ---- About page ------------------------------------------------------------ */
.about-page{background:#f8f7f3;min-height:100vh}
.about-page .nav-wrap{position:relative}
.about-page .footer-main{padding-top:70px}
.about-hero{position:relative;min-height:440px;background:var(--navy);color:#fff;display:flex;align-items:flex-end;padding:95px 7vw 76px;overflow:hidden}
.about-hero::before{content:"";position:absolute;inset:0;background-image:url('/images/legal-bg.jpeg?v=35');background-image:image-set(url('/images/legal-bg.webp?v=35') type("image/webp"),url('/images/legal-bg.jpeg?v=35') type("image/jpeg"));background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.30}
.about-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06192df2,#06192dc4 55%,#06192d63)}
.about-hero>div{position:relative;z-index:1;max-width:840px}
.about-hero h1{font-size:clamp(48px,5.8vw,80px)}
.about-hero p:last-child{font-size:16px;line-height:1.8;color:#ccd4db;max-width:660px;margin-top:26px}

.about-detail{display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;background:var(--cream)}
.about-detail-copy{padding:clamp(56px,6vw,92px) clamp(32px,7vw,96px)}
.about-detail-copy p{font:15px/1.95 Georgia,'Times New Roman',serif;color:#59646f;margin:0 0 22px;max-width:60ch}
.about-detail-copy p:last-child{margin-bottom:0}
.about-detail-visual{min-height:460px;background-image:url('/images/about-scales.jpeg?v=35');background-image:linear-gradient(180deg,rgba(7,26,45,.04),rgba(7,26,45,.16)),image-set(url('/images/about-scales.webp?v=35') type("image/webp"),url('/images/about-scales.jpeg?v=35') type("image/jpeg"));background-position:0 0,center;background-size:auto,cover;background-repeat:repeat,no-repeat}

.about-values-section{padding:clamp(64px,7vw,105px) 7vw}
.about-values-head{margin-bottom:clamp(30px,3.5vw,48px)}
.about-values-head h2{font-size:clamp(38px,4.3vw,62px);letter-spacing:-2px;margin:0}
.about-values{border-top:1px solid #d0c9bd;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(36px,5vw,80px)}
.about-values p{margin:0;padding:22px 0;border-bottom:1px solid #d0c9bd;font:14.5px/1.75 Arial,sans-serif;color:#5d6871}
.about-values strong{display:block;margin-bottom:6px;font:20px Georgia,'Times New Roman',serif;color:#162231}

@media(max-width:900px){
  .about-hero{min-height:380px;padding:80px 6vw 60px}
  .about-detail{grid-template-columns:1fr}
  .about-detail-visual{min-height:300px;order:-1}
  .about-values{grid-template-columns:1fr}
  .about-values-section{padding-left:6vw;padding-right:6vw}
}

/* Hero without the counsel portrait: the copy column no longer has to leave room
   on the right, and the mobile rules no longer reserve 420-660px of empty space
   underneath for a card that isn't there. */
.hero{min-height:760px}
.hero-content{width:100%;max-width:980px;padding-bottom:88px}
@media(min-width:901px){.hero{min-height:720px}.hero-content{width:100%;max-width:1000px;padding-top:118px;padding-bottom:96px}}
@media(max-width:900px){.hero{min-height:auto}.hero-content{width:100%;padding:90px 6vw 76px}}
@media(max-width:560px){.hero-content{padding:72px 6vw 64px}}
/* the panel becomes a short wide band under 900px, so favour the upper part of the
   façade (pediment and capitals) rather than cropping to the middle of the columns */
@media(max-width:900px){.approach-image{background-position:0 0,center bottom;min-height:420px}}

/* Hero without the counsel card: the copy column can use the full width, and the
   backdrop is no longer masked on the right. */
.hero .hero-content{width:min(72%,900px)}
@media(max-width:900px){.hero .hero-content{width:100%;padding-bottom:70px}}
@media(max-width:560px){.hero .hero-content{padding-bottom:56px}}
.hero{min-height:auto}
/* the values list lost its number column, so close the gap it left */
.values>div{gap:0}

/* ---- Services page: practice index -----------------------------------------
   Two columns per entry — the practice name reads as a heading on the left, the
   scope of work on the right. The hairline above each row extends into gold on
   hover, and on :target so a visitor arriving from a homepage card can see which
   entry they landed on. */
.services-list{padding:0 7vw clamp(72px,8vw,112px)}
.services-list article{
  position:relative;display:grid;
  grid-template-columns:minmax(260px,.92fr) minmax(0,1.18fr);
  gap:clamp(20px,3.6vw,68px);
  padding:clamp(26px,3vw,40px) clamp(0px,1.4vw,24px);
  border-top:1px solid #d9d3c8;
  transition:background .28s ease;
}
.services-list article:last-child{border-bottom:1px solid #d9d3c8}
.services-list article::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:0;background:var(--gold);transition:width .5s cubic-bezier(.22,.61,.36,1)}
.services-list article:hover,.services-list article:target{background:#f1ece1}
.services-list article:hover::before,.services-list article:target::before{width:100%}
.services-list h3{font:clamp(23px,2.05vw,31px)/1.22 Georgia,'Times New Roman',serif;margin:0;color:#132437;letter-spacing:-.4px;text-wrap:balance}
.services-list p{font-size:14px;line-height:1.85;color:#5f6a73;margin:0;max-width:64ch}
@media(prefers-reduced-motion:reduce){
  .services-list article,.services-list article::before{transition:none}
}
@media(max-width:820px){
  .services-list{padding:0 6vw 72px}
  .services-list article{grid-template-columns:1fr;gap:12px;padding:24px 0}
  .services-list article::before{height:2px}
  .services-list h3{font-size:22px}
  .services-list p{font-size:13.5px}
}

/* ---- Name card on the "Why Choose Us" portrait ---------------------------- */
.approach-image{position:relative}
.approach-name-card{
  position:absolute;left:50%;transform:translateX(-50%);
  bottom:clamp(18px,2.6vw,36px);z-index:2;
  width:min(80%,360px);
  text-align:center;
  background:var(--cream);
  border-left:clamp(4px,.42vw,6px) solid var(--gold);
  padding:clamp(13px,1.4vw,17px) clamp(15px,1.6vw,21px) clamp(14px,1.5vw,18px);
  box-shadow:0 14px 34px rgba(4,14,25,.38)
}
.approach-name-card strong{
  display:block;
  font:400 clamp(18px,1.65vw,23px)/1.15 Georgia,'Times New Roman',serif;
  color:var(--navy);letter-spacing:-.3px;text-wrap:balance
}
.approach-name-card span{
  display:block;margin-top:clamp(5px,.55vw,7px);
  font:700 clamp(8px,.62vw,9px)/1.45 Arial,Helvetica,sans-serif;
  text-transform:uppercase;letter-spacing:1.3px;color:#846436
}
.approach-name-card small{
  display:block;margin:clamp(7px,.7vw,9px) auto 0;max-width:38ch;
  font-size:clamp(10px,.8vw,11px);line-height:1.6;color:#5f6a73;text-wrap:pretty
}
@media(max-width:900px){
  .approach-name-card{width:min(80vw,360px)}
}