*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7fb;color:#10233f;font-family:Georgia,serif;line-height:1.6}.site-shell{max-width:1440px;margin:auto;min-height:100vh}.site-header{height:82px;display:flex;align-items:center;gap:28px;padding:0 6%;border-bottom:1px solid rgba(0,0,0,.08);position:relative;z-index:2}.brand{font-weight:800;text-decoration:none;color:inherit;margin-right:auto;letter-spacing:-.02em}.site-header nav{display:flex;gap:22px}.site-header nav a,.header-cta{color:inherit;text-decoration:none;font-size:14px}.header-cta,.btn{border:1px solid #315b8f;padding:12px 18px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.header-cta{background:#315b8f;color:#fff}.hero{margin:0 6%;min-height:620px;position:relative;padding:90px 0;display:flex;align-items:center;gap:60px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;opacity:.7}.hero h1{font-size:clamp(48px,7vw,94px);line-height:.98;letter-spacing:-.055em;margin:18px 0 8px}.designation{font-size:20px;margin:0 0 22px;opacity:.75}.lead{font-size:19px;max-width:650px;opacity:.78}.actions{display:flex;gap:12px;margin-top:30px}.btn-primary{background:#315b8f;color:#fff}.btn-ghost{color:inherit;border-color:rgba(0,0,0,.2)}.hero-profile,.profile-card,.classic-portrait,.luxury-side,.justice-photo,.executive-photo,.modern-photo{position:relative}.hero-profile img,.profile-card img,.classic-portrait img,.luxury-side img,.justice-photo img,.executive-photo img,.modern-photo img{width:100%;height:100%;object-fit:cover}.hero-profile{width:390px;height:470px}.hero-profile .badge,.luxury-side span,.modern-photo span{position:absolute;bottom:20px;left:20px;background:#315b8f;color:#fff;padding:8px 12px;font-size:10px;letter-spacing:.12em}.avatar-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(0,0,0,.08),rgba(0,0,0,.2));font-size:100px;font-weight:700}.content-section{padding:95px 6%;border-top:1px solid rgba(0,0,0,.08)}.content-section h2{font-size:clamp(32px,4vw,58px);line-height:1.05;letter-spacing:-.04em;margin:14px 0}.content-section p{max-width:760px;font-size:18px;opacity:.78}.section-intro{max-width:600px}.contact-strip{padding:70px 6%;background:#315b8f;color:#fff;display:flex;justify-content:space-between;gap:40px;align-items:end}.contact-strip h2{font-size:42px;line-height:1.05;margin:10px 0 0}.contact-details{display:flex;flex-direction:column;gap:8px;text-align:right}.contact-details a,.contact-details span{color:#fff;text-decoration:none}.site-shell footer{display:flex;justify-content:space-between;gap:20px;padding:30px 6%;font-size:12px;opacity:.65}
/* distinct layout treatments */
.hero-authority{background:linear-gradient(90deg,transparent 0 68%,rgba(49,91,143,.08) 68%);padding-right:5%}.hero-authority>div{max-width:720px}.hero-authority aside{width:300px;height:400px;align-self:center;background:#fff;padding:12px;box-shadow:0 20px 60px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:10px}.hero-authority aside img,.hero-authority aside .avatar-placeholder{height:320px}.authority-rule{height:2px;width:80px;background:#315b8f;margin:30px 0}.hero-corporate{background:linear-gradient(135deg,#fff,rgba(29,124,122,.08));max-width:none;margin:0;padding-left:6%;padding-right:6%}.hero-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:80px;width:100%;align-items:center}.profile-card{height:390px;background:#fff;padding:12px;box-shadow:0 25px 70px rgba(18,60,66,.12)}.profile-card img,.profile-card .avatar-placeholder{height:100%}.profile-card span{position:absolute;left:30px;bottom:30px;background:#315b8f;color:#fff;padding:8px 12px;font-size:10px;letter-spacing:.15em}.text-link{align-self:center;color:inherit;text-decoration:none}.hero-classic{background:#f0e9df;margin:0;padding-left:9%;padding-right:9%;gap:70px}.classic-frame{border:1px solid rgba(60,32,36,.25);padding:70px;flex:1}.classic-portrait{width:330px;height:430px;border:12px solid #fff;box-shadow:0 15px 50px rgba(0,0,0,.15)}.hero-luxury{margin:0;max-width:none;background:#0c0c0d;color:#f3eee4;padding:0 8%;min-height:680px}.luxury-overlay{flex:1;padding:100px 0}.luxury-side{width:38%;height:680px}.luxury-side .avatar-placeholder{background:#222}.hero-minimal{display:block;padding-top:130px;padding-bottom:130px}.hero-minimal h1 span{color:#315b8f}.minimal-meta{display:flex;gap:25px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin:30px 0}.hero-justice{background:linear-gradient(90deg,#241f1d 0 62%,#a3342b 62%);color:#fff;margin:0;padding:90px 9%}.justice-mark{font-family:Georgia,serif;font-size:180px;opacity:.15;line-height:1}.justice-photo{width:300px;height:410px;border:8px solid #fff}.hero-executive{background:#e8eef5;margin:0;padding-left:10%;padding-right:10%;gap:70px}.executive-photo{width:330px;height:430px}.executive-actions{display:flex;gap:22px;align-items:center;margin-top:30px}.executive-actions span{font-size:10px;letter-spacing:.16em;opacity:.6}.hero-litigation{display:block;background:#e7e7e4;margin:0;padding:75px 8%}.litigation-top,.litigation-bottom{display:flex;justify-content:space-between;align-items:start;gap:30px}.case-tag{font-size:10px;letter-spacing:.16em;padding:8px 12px;border:1px solid #315b8f}.litigation-bottom>div{display:flex;gap:25px;align-items:end}.litigation-bottom img,.litigation-bottom .avatar-placeholder{width:160px;height:210px}.hero-modern{background:linear-gradient(135deg,#f7f5ff,#fff);margin:0;padding-left:9%;padding-right:9%}.modern-photo{width:380px;height:500px}.modern-photo span{background:#315b8f}.theme-black-and-gold .site-header{background:#0c0c0d;color:#f3eee4;border-bottom-color:#333}.theme-black-and-gold .hero-profile img,.theme-black-and-gold .profile-card img{filter:saturate(.75)}
@media(max-width:850px){.site-header{height:auto;padding:18px 5%;flex-wrap:wrap}.site-header nav{order:3;width:100%;overflow:auto;padding-bottom:4px}.site-header nav a{white-space:nowrap}.hero,.hero-grid,.contact-strip,.litigation-top,.litigation-bottom{display:flex;flex-direction:column;align-items:stretch}.hero{padding:70px 0;min-height:auto}.hero-profile,.profile-card,.classic-portrait,.justice-photo,.executive-photo,.modern-photo,.luxury-side{width:100%;height:360px}.luxury-side{order:-1}.hero-authority aside{width:100%;height:400px}.hero-authority aside img,.hero-authority aside .avatar-placeholder{height:320px}.hero-classic{padding-left:6%;padding-right:6%}.classic-frame{padding:40px}.hero-justice{background:#241f1d}.hero h1{font-size:clamp(45px,14vw,72px)}.content-section{padding:70px 6%}.contact-details{text-align:left}.site-shell footer{flex-direction:column}.actions,.executive-actions{flex-wrap:wrap}}


/* PHASE 8.1 PREMIUM LAYER — Supreme: constitutional authority */
body{background:#f5f6f8;color:#121a27;font-family:system-ui,-apple-system,sans-serif}
.site-header{background:#101a2a;color:#fff;border:0;box-shadow:0 8px 30px rgba(10,20,35,.16)}
.brand{font-family:Georgia,serif;letter-spacing:.01em}.site-header nav a{opacity:.78}.site-header nav a[aria-current="page"]{opacity:1;color:#d8b56b}
.hero-authority{margin:0;max-width:none;min-height:680px;padding:100px 9%;background:linear-gradient(110deg,#0d1727 0 67%,#16283f 67%);color:#fff}
.hero-authority h1{font-family:Georgia,serif;font-size:clamp(52px,7vw,104px)}.hero-authority .eyebrow{color:#d8b56b}.hero-authority .lead{color:#cbd5e1}
.hero-profile{border:1px solid #d8b56b;box-shadow:0 30px 80px rgba(0,0,0,.35)}.hero-profile .badge{background:#c9a45e}
.content-section{border-color:#dce2e9;background:#fff}.info-card{background:#f8fafc;border-color:#dce2e9;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.contact-strip{background:#b48a43}.btn-primary,.header-cta{background:#b48a43;border-color:#b48a43}



/* PHASE 20.1 UI HARDENING — full-viewport production shell */
.site-shell{width:100%;max-width:1600px;margin:0 auto;min-height:100vh;overflow:hidden}
.site-header{width:100%;}
.hero,.content-section,.contact-strip{width:100%;}
.hero-copy,.hero-grid{min-width:0;}
img{max-width:100%;}
@media(min-width:851px){.hero{box-sizing:border-box}.content-section{box-sizing:border-box}.contact-strip{box-sizing:border-box}}


/* PHASE 20.26 — PREMIUM THEME IMPLEMENTATION: supreme */
:root{--ui-bg:#eef2f7;--ui-ink:#0b1628;--ui-accent:#c6a15b;--ui-line:#d5dde8;--ui-font:Georgia,serif;--ui-radius:22px}
html{scroll-padding-top:88px}
body.theme-supreme{background:var(--ui-bg);color:var(--ui-ink);font-family:var(--ui-font);min-width:320px}
.theme-supreme .site-shell{max-width:1600px}
.theme-supreme .site-header{position:sticky;top:0;z-index:50;min-height:78px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;gap:28px;background:color-mix(in srgb,var(--ui-bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--ui-line)}
.theme-supreme .brand{color:var(--ui-ink);font-weight:800;letter-spacing:-.02em;text-decoration:none}
.theme-supreme .site-header nav{display:flex;gap:clamp(14px,2.2vw,32px);margin-left:auto}
.theme-supreme .site-header nav a{color:var(--ui-ink);text-decoration:none;font-size:14px;font-weight:650;opacity:.78;transition:.25s ease}
.theme-supreme .site-header nav a:hover,.theme-supreme .site-header nav a[aria-current="page"]{opacity:1;color:var(--ui-accent)}
.theme-supreme .header-cta,.theme-supreme .btn-primary{background:var(--ui-accent);color:#fff;border:1px solid var(--ui-accent);border-radius:999px;padding:13px 22px;font-weight:750;text-decoration:none;box-shadow:0 12px 28px color-mix(in srgb,var(--ui-accent) 24%,transparent);transition:transform .25s ease,box-shadow .25s ease}
.theme-supreme .header-cta:hover,.theme-supreme .btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px color-mix(in srgb,var(--ui-accent) 30%,transparent)}
.theme-supreme .btn-ghost{border:1px solid var(--ui-line);color:var(--ui-ink);background:transparent;border-radius:999px;padding:13px 22px;text-decoration:none;font-weight:700}
.theme-supreme .hero{min-height:clamp(620px,78vh,860px);position:relative;isolation:isolate;overflow:hidden}
.theme-supreme .hero:after{content:"";position:absolute;inset:auto -12% -34% 38%;height:60%;background:radial-gradient(circle,color-mix(in srgb,var(--ui-accent) 15%,transparent),transparent 68%);z-index:-1;pointer-events:none}
.theme-supreme .hero h1{font-size:clamp(48px,7vw,104px);line-height:.96;letter-spacing:-.055em;margin:.15em 0 .2em;color:var(--ui-ink)}
.theme-supreme .eyebrow{color:var(--ui-accent);font-size:11px;font-weight:850;letter-spacing:.18em}
.theme-supreme .designation{font-size:clamp(18px,2vw,25px);font-weight:700;opacity:.82}
.theme-supreme .lead{font-size:clamp(17px,1.45vw,21px);max-width:700px;opacity:.76}
.theme-supreme .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.theme-supreme .hero-profile,.theme-supreme .profile-card,.theme-supreme .classic-portrait,.theme-supreme .luxury-side,.theme-supreme .justice-photo,.theme-supreme .executive-photo,.theme-supreme .modern-photo{border-radius:var(--ui-radius);overflow:hidden;border:1px solid var(--ui-line);box-shadow:0 28px 70px rgba(0,0,0,.12)}
.theme-supreme .hero-profile img,.theme-supreme .profile-card img,.theme-supreme .classic-portrait img,.theme-supreme .luxury-side img,.theme-supreme .justice-photo img,.theme-supreme .executive-photo img,.theme-supreme .modern-photo img{width:100%;height:100%;object-fit:cover;display:block}
.theme-supreme .content-section{padding:clamp(70px,9vw,130px) clamp(20px,7vw,110px);border-top:1px solid var(--ui-line);background:color-mix(in srgb,var(--ui-bg) 92%,white)}
.theme-supreme .content-section h2{font-size:clamp(32px,4.2vw,62px);line-height:1.02;letter-spacing:-.04em;max-width:900px;margin:.25em 0}
.theme-supreme .section-intro{max-width:680px;font-size:18px;opacity:.68}
.theme-supreme .theme-section{max-width:none}
.theme-supreme .about-section{background:linear-gradient(135deg,color-mix(in srgb,var(--ui-accent) 7%,var(--ui-bg)),var(--ui-bg))}
.theme-supreme .contact-strip{padding:clamp(50px,7vw,96px) clamp(20px,7vw,110px);background:var(--ui-ink);color:var(--ui-bg);display:flex;justify-content:space-between;gap:30px;align-items:center}
.theme-supreme .contact-strip h2{font-size:clamp(30px,4vw,58px);line-height:1.02;margin:.2em 0}
.theme-supreme .contact-details{display:flex;flex-wrap:wrap;gap:12px}
.theme-supreme .contact-details a,.theme-supreme .contact-details span{color:inherit;text-decoration:none;border:1px solid color-mix(in srgb,var(--ui-bg) 25%,transparent);border-radius:999px;padding:10px 14px}
.theme-supreme footer{padding:30px clamp(20px,7vw,110px);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--ui-line);font-size:13px;opacity:.72}
.theme-supreme .avatar-placeholder{width:100%;height:100%;min-height:320px;display:grid;place-items:center;background:linear-gradient(135deg,var(--ui-accent),var(--ui-ink));color:#fff;font-size:clamp(70px,9vw,140px);font-weight:800}
@media(max-width:850px){
 .theme-supreme .site-header{min-height:70px;padding:14px 18px;gap:12px}
 .theme-supreme .site-header nav{order:3;width:100%;overflow-x:auto;margin:0;padding:5px 0 2px;scrollbar-width:none}
 .theme-supreme .site-header nav::-webkit-scrollbar{display:none}
 .theme-supreme .site-header .header-cta{margin-left:auto;padding:10px 15px;font-size:13px}
 .theme-supreme .hero{min-height:620px;padding:64px 20px}
 .theme-supreme .hero h1{font-size:clamp(44px,13vw,70px)}
 .theme-supreme .content-section{padding:64px 20px}
 .theme-supreme .contact-strip{display:block;padding:58px 20px}
 .theme-supreme footer{padding:24px 20px;display:grid}
}
@media(prefers-reduced-motion:reduce){
 .theme-supreme *, .theme-supreme *::before, .theme-supreme *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* PHASE 20.27 — THEME-SPECIFIC SECTION COMPOSITIONS: supreme */
.theme-supreme .theme-section{position:relative}
.theme-supreme .authority-hero{position:relative}
.theme-supreme .bench-credentials{position:relative}
.theme-supreme .practice-grid{position:relative}
.theme-supreme .jurisdiction-panel{position:relative}
.theme-supreme .case-results{position:relative}
.theme-supreme .consultation-banner{position:relative}
.theme-supreme .theme-section + .theme-section{border-top:1px solid var(--ui-line)}