/* Figma 5272:3617: title, square portrait, identity, primary and secondary actions. */
#rec1304793161.law-hero{background:#fff;color:#121111;position:relative}
.law-hero__inner{width:100%;max-width:720px;box-sizing:border-box;padding:32px 15px 48px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
#allrecords .law-hero h1{font:700 72px/72px 'BebasNeuePro',Arial,sans-serif;text-transform:uppercase;margin:0;color:#121111;text-align:left}
.law-hero__portrait{position:relative;aspect-ratio:1;width:100%;overflow:hidden;background:#eee}
.law-hero__portrait img{display:block;position:absolute;width:205%;max-width:none;height:auto;left:-52.5%;top:-12%;object-fit:cover}
#allrecords .law-hero__details p{font-family:'IBM Plex Sans',Arial,sans-serif;font-size:20px;line-height:32px;margin:0;text-transform:uppercase;color:#121111}
.law-hero__name{font-weight:700}
#allrecords .law-hero__details .law-hero__role{font-weight:400;color:rgba(0,0,0,.7)}
.law-hero__actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}
#allrecords .law-hero__button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:64px;padding:16px 10px;width:100%;font:400 20px/32px 'IBM Plex Sans',Arial,sans-serif;border:0;border-radius:0;text-align:center;text-decoration:none}
#allrecords .law-hero__button--contact{order:0;background:#000;color:#fff}
#allrecords .law-hero__button--about{order:1;background:transparent;color:#000;text-decoration:underline;text-underline-offset:5px}
.law-hero__button:focus-visible{outline:3px solid #666;outline-offset:4px}
@media(max-width:767px){
 .law-hero__inner{max-width:500px;padding:16px 16px 32px;gap:16px}
 #allrecords .law-hero h1{font-size:clamp(36px,calc((100vw - 32px) * .158),74px);line-height:.974}
 #allrecords .law-hero__details p{font-size:16px;line-height:26px}
 #allrecords .law-hero__button{font-size:16px;line-height:26px;min-height:56px;padding:15px 10px}
 .law-hero__actions{margin-top:12px}
}

/* Desktop keeps the original side-by-side composition. */
@media(min-width:768px){
 #rec1304793161.law-hero{background:#eee}
 .law-hero__inner{max-width:1216px;padding:64px 32px;display:grid;grid-template-columns:1.12fr 1fr;grid-template-rows:auto auto auto;column-gap:48px;row-gap:24px;align-content:center;min-height:660px}
 #allrecords .law-hero h1{grid-column:1;grid-row:1;font-size:clamp(48px,5.6vw,76px);line-height:1;align-self:end}
 .law-hero__portrait{grid-column:2;grid-row:1 / 4;align-self:center}
 .law-hero__details{grid-column:1;grid-row:2}
 #allrecords .law-hero__details p{font-size:18px;line-height:28px;text-transform:none}
 .law-hero__actions{grid-column:1;grid-row:3;flex-direction:row;gap:16px;margin-top:0;align-self:start}
 #allrecords .law-hero__button{width:50%;font-size:24px;font-family:'BebasNeuePro',Arial,sans-serif;line-height:32px}
 #allrecords .law-hero__button--about{order:0;background:white;text-decoration:none}
 #allrecords .law-hero__button--contact{order:1}
}

/* Main V1: Figma 5276:7252. Desktop composition remains side by side. */
#rec1304793161.law-hero{background:#eee;color:#1d1d1b}
#allrecords .law-hero h1{color:#1d1d1b}
#allrecords .law-hero__button--contact{background:#1d1d1b;color:#fff;font-weight:500}
.law-hero__portrait .law-hero__underlay{width:205%;left:-52.5%;top:-12%}
.law-hero__portrait .law-hero__new-portrait{width:107.48%;height:auto;left:-3.85%;top:-12.77%;max-width:none}
@media(max-width:767px){
 .law-hero__inner{padding-top:20px;padding-bottom:20px}
 #allrecords .law-hero h1{font-size:clamp(36px,calc((100vw - 32px)*.1624),76px);line-height:.974}
 .law-hero__portrait{aspect-ratio:468 / 462}
 #allrecords .law-hero__details p{font-size:clamp(16px,4vw,20px);line-height:1.6}
 #allrecords .law-hero__button{font-size:clamp(16px,4vw,20px);line-height:1.7}
 .law-hero__actions{margin-top:16px;gap:12px}
}

/* Desktop-only photographic hero; mobile Figma layout stays unchanged. */
.law-hero__desktop-title{display:none}
@media(min-width:768px){
 #rec1304793161.law-hero{background:#1d1c1b url('/assets/hero-desktop-wide-16x9.png') center center / cover no-repeat;color:#fff}
 .law-hero__inner{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:1160px;min-height:clamp(640px,56.25vw,960px);padding:96px 24px 64px;gap:0;position:relative}
 .law-hero__mobile-title{display:none}
 .law-hero__desktop-title{display:block}
 #allrecords .law-hero h1{color:#fff;width:54%;font-size:clamp(56px,5.2vw,88px);line-height:1.04;margin:0 0 20px;align-self:auto}
 .law-hero__portrait{display:none}
 .law-hero__details{width:54%;margin:0}
 #allrecords .law-hero__details p{font-size:20px;line-height:32px;color:#eee;text-transform:none}
 #allrecords .law-hero__details .law-hero__role{color:#eee}
 .law-hero__actions{display:flex;flex-direction:row;gap:16px;margin-top:24px;width:48%;align-self:auto}
 #allrecords .law-hero__button{min-height:64px;padding:12px 16px;width:50%;font:700 28px/36px 'BebasNeuePro',Arial,sans-serif}
 #allrecords .law-hero__button--about{background:#fff;color:#111a21;order:0;text-decoration:none}
 #allrecords .law-hero__button--contact{background:#000;color:#fff;order:1}
}

@media(min-width:768px){
 #allrecords .law-hero h1{width:46%;font-size:clamp(48px,4.5vw,72px);line-height:1.06;margin-bottom:20px}
 .law-hero__details{width:46%}
 .law-hero__actions{width:46%;gap:16px}
 #allrecords .law-hero__button{flex:1 1 0;width:auto;min-height:60px;font-size:26px;line-height:32px}
}
/* Headline sets the actual shared width of the desktop copy and buttons. */
@media(min-width:768px){
 .law-hero__inner{display:grid;grid-template-columns:max-content 1fr;grid-template-rows:auto auto auto;align-content:center;column-gap:0;row-gap:0}
 #allrecords .law-hero h1{grid-column:1;grid-row:1;width:max-content;max-width:none;font-size:clamp(56px,5.175vw,83px);line-height:1.06;align-self:auto}
 .law-hero__details{grid-column:1;grid-row:2;width:0;min-width:100%}
 .law-hero__actions{grid-column:1;grid-row:3;width:0;min-width:100%;box-sizing:border-box}
}

@media(min-width:768px){.law-hero__inner{min-height:max(640px,100svh)}#rec1304793161.law-hero{background-position:right center}}
.mobile-action-bar{display:none}
@media(max-width:767px){
 .law-hero__quote-line{display:block;animation:law-quote-enter 200ms ease-out both;animation-delay:calc(var(--line)*70ms)}
 @keyframes law-quote-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
 .mobile-action-bar:not([hidden]){display:flex;position:fixed;z-index:980;bottom:0;left:0;right:0;gap:8px;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));background:#eee;box-shadow:0 -1px 0 #ddd}
 .mobile-action-bar a{display:flex;align-items:center;justify-content:center;flex:1;min-height:48px;font:700 20px/28px 'BebasNeuePro',Arial,sans-serif;text-decoration:none}
 .mobile-action-bar__about{background:#fff;color:#1d1d1b}
 .mobile-action-bar__contact{background:#1d1d1b;color:#fff}
 .mobile-action-bar a:focus-visible{outline:2px solid #666;outline-offset:2px}
}
@media(prefers-reduced-motion:reduce){.law-hero__quote-line{animation:none}}