:root{--paper:#f1f1ea;--paper2:#e7e8e0;--ink:#14233a;--ink2:#0e1a2c;--brass:#8a6a2f;--brassl:#c3a366;--hair:rgba(20,35,58,.18)}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:1.05rem;line-height:1.75;overflow-x:clip}
h1,h2,h3,h4{font-family:'Bodoni Moda',Georgia,serif;font-weight:400;line-height:1.14;letter-spacing:0}
h1{font-size:clamp(2.5rem,5.2vw,4.4rem)}
h2{font-size:clamp(2rem,3.8vw,3rem)}
a{color:inherit}
.caps,.navbar .nav-link,.btn,.eyebrow,figcaption,.office dt,footer small{font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;font-weight:500}
.eyebrow{color:var(--brass);display:block;margin-bottom:1.1rem}
.dark .eyebrow{color:var(--brassl)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:.5rem;z-index:99}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}

/* nav: centered wordmark over a row of links */
.navbar{background:rgba(241,241,234,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--hair);padding:.9rem 0 .4rem}
.navbar .container{flex-direction:column}
.navbar-brand{margin:0;text-align:center;font-family:'Bodoni Moda',serif;font-size:1.55rem;letter-spacing:.12em;text-transform:uppercase;white-space:normal;line-height:1.1;color:var(--ink)}
.navbar-brand small{display:block;font-family:'Hanken Grotesk',sans-serif;font-size:.6rem;letter-spacing:.42em;color:var(--brass);margin-top:.35rem;font-weight:500}
.navbar .nav-link{color:var(--ink);padding:.7rem 1.1rem;opacity:.8;transition:opacity .3s,color .3s}
.navbar .nav-link:hover{opacity:1;color:var(--brass)}
.navbar-toggler{border:1px solid var(--hair);border-radius:0;position:absolute;right:12px;top:18px;padding:.35rem .6rem}
.navbar-toggler:focus{box-shadow:none}
.navbar.navbar-expand-lg .navbar-collapse{justify-content:center;width:100%}
@media(max-width:991px){.navbar-brand{font-size:1.15rem;padding-right:3.2rem;text-align:left}.navbar .container{align-items:flex-start}.navbar .nav-link{padding:.8rem 0;border-top:1px solid var(--hair)}.navbar-collapse{width:100%}}

.btn{border-radius:0;padding:1rem 2.2rem;transition:opacity .3s,background .3s,color .3s}
.btn-solid{background:var(--ink);color:var(--paper);border:1px solid var(--ink)}
.btn-solid:hover{background:var(--brass);border-color:var(--brass);color:#fff}
.btn-ghost{border:1px solid rgba(20,35,58,.4);color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink);background:rgba(20,35,58,.06)}
.dark .btn-solid{background:var(--brassl);border-color:var(--brassl);color:var(--ink2)}
.dark .btn-solid:hover{background:#fff;border-color:#fff}
.dark .btn-ghost{color:var(--paper);border-color:rgba(241,241,234,.4)}
.dark .btn-ghost:hover{border-color:var(--paper);background:rgba(255,255,255,.08)}

section{padding:96px 0}
@media(max-width:767px){section{padding:64px 0}}
.dark{background:var(--ink);color:var(--paper)}

/* hero */
.hero{padding:64px 0 80px}
.hero .lede{font-family:'Bodoni Moda',serif;font-style:italic;font-size:1.3rem;opacity:.85;max-width:34rem;line-height:1.5;margin:1.5rem 0 2.2rem}
.hero-ph{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(min-width:992px){.hero-ph{grid-template-columns:1fr;gap:18px;max-width:430px;margin-left:auto}}
.hero-ph figure{margin:0}
.hero-ph img{height:auto;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:2px;display:block;border:1px solid var(--hair);padding:6px;background:var(--paper)}
@media(min-width:992px){.hero-ph img{height:auto;max-height:240px}}
.hero-ph figcaption{padding-top:.5rem;color:var(--ink);opacity:.75;font-size:.62rem}
.caption-tag{border-top:1px solid var(--hair);margin-top:2.4rem;padding-top:1.2rem;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;opacity:.8}

/* signature: court caption */
.docket{border-top:1px solid var(--hair)}
.cap{display:grid;grid-template-columns:minmax(0,1fr) 3.2rem minmax(0,1.15fr);gap:0 1rem;padding:2.6rem 0;border-bottom:1px solid var(--hair);align-items:center}
.cap .l{text-align:right}
.cap .l i{font-family:'Bodoni Moda',serif;color:var(--brass);font-size:1.05rem}
.cap h3{font-size:clamp(1.7rem,3vw,2.4rem);margin:.2rem 0 0}
.cap .paren{font-family:'Bodoni Moda',serif;font-weight:400;font-size:6rem;line-height:.6;color:var(--brass);opacity:.5;text-align:center;transform:scaleX(.7)}
.cap p{margin:0 0 .8rem}
.cap ul{margin:0;padding:0;list-style:none;font-size:.95rem;opacity:.85}
.cap ul li{padding:.15rem 0}
.cap img{height:auto;width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--hair);padding:5px;margin-bottom:1rem;max-width:340px}
@media(max-width:767px){.cap{grid-template-columns:1fr;gap:.6rem}.cap .l{text-align:left}.cap .paren{display:none}}
.hero .cap-mini{font-family:'Bodoni Moda',serif;font-style:italic;color:var(--brass);font-size:1.15rem;display:block;margin-bottom:.6rem}

/* attorneys */
.person{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:3rem;align-items:start;padding:3rem 0;border-top:1px solid var(--hair)}
.person:last-child{border-bottom:1px solid var(--hair)}
.person img{height:auto;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:50% 30%;border:1px solid var(--hair);padding:6px;max-height:340px}
.person h3{font-size:2rem;margin-bottom:.2rem}
.person .role{font-family:'Bodoni Moda',serif;font-style:italic;color:var(--brass);font-size:1.15rem;margin-bottom:1rem;display:block}
.person p{max-width:38rem}
@media(max-width:767px){.person{grid-template-columns:1fr;gap:1.4rem}}

/* band */
.band{position:relative;padding:130px 0;color:#fff;text-align:center;background:linear-gradient(rgba(14,26,44,.78),rgba(14,26,44,.78)),url(img/gavel.webp) center 60%/cover}
.band p{font-family:'Bodoni Moda',serif;font-size:clamp(1.8rem,4vw,3.1rem);max-width:880px;margin:0 auto;line-height:1.25}
.band small{display:block;margin-top:1.6rem;font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--brassl)}
@media(max-width:767px){.band{padding:80px 0}}

/* faq */
.faq .accordion{--bs-accordion-bg:transparent;--bs-accordion-border-color:var(--hair);--bs-accordion-btn-focus-box-shadow:none;--bs-accordion-active-bg:transparent;--bs-accordion-active-color:var(--ink);--bs-accordion-border-radius:0}
.faq .accordion-item{background:transparent;border:0;border-top:1px solid var(--hair);border-radius:0}
.faq .accordion-item:last-child{border-bottom:1px solid var(--hair)}
.faq .accordion-button{font-family:'Bodoni Moda',serif;font-size:1.3rem;padding:1.4rem 0;background:transparent;box-shadow:none;color:var(--ink)}
.faq .accordion-body{padding:0 0 1.6rem;max-width:44rem}

/* reviews */
.rev{border-top:1px solid rgba(241,241,234,.2);padding:1.8rem 0}
.rev p{font-family:'Bodoni Moda',serif;font-size:1.25rem;line-height:1.5;margin:0 0 .8rem}
.rev small{font-size:.65rem;letter-spacing:.26em;text-transform:uppercase;color:var(--brassl)}

/* offices */
.office{border-top:1px solid var(--hair);padding-top:1.4rem}
.office h3{font-size:1.7rem}
.office address{font-style:normal;margin-bottom:1rem}
.office iframe{width:100%;height:260px;border:1px solid var(--hair);display:block;margin-top:1rem;filter:grayscale(.35)}
.phone{font-family:'Bodoni Moda',serif;font-size:clamp(2rem,4vw,3rem);text-decoration:none;display:inline-block}
.phone:hover{color:var(--brass)}
footer{background:var(--ink2);color:rgba(241,241,234,.75);padding:56px 0 28px;text-align:center}
footer .brand{font-family:'Bodoni Moda',serif;color:var(--paper);font-size:1.4rem;letter-spacing:.12em;text-transform:uppercase}
footer a{text-decoration:none}footer a:hover{color:var(--brassl)}
footer small{display:block;margin-top:.9rem;font-size:.62rem;opacity:.85}
footer .adv{max-width:44rem;margin:1.4rem auto 0;font-size:.82rem;opacity:.7;line-height:1.6}