/* Professional visual restraint; the story carries the drama. */
:root{--paper:#f8f6f0;--stone:#eeeae1;--gold:#c4a76d;--gold-light:#e5d4ae}
body{font-size:17px;line-height:1.8}
h1,h2,h3{font-weight:400;letter-spacing:normal}
.site-header .header-inner{min-height:108px}
.brand-name{font-size:26px}
.brand-small{font-size:10px;letter-spacing:.12em}
.nav{gap:24px}.nav a{font-size:14px}
.button{min-height:48px;font-size:15px;padding:13px 22px}
.inline-link,.text-link{min-height:44px;font-size:14px;line-height:1.7}
.eyebrow,.chapter-label{font-size:11px;line-height:1.8;letter-spacing:.1em}
.section-marker{margin-bottom:38px;letter-spacing:.09em;line-height:1.8}
.hero-meta{padding-top:25px;font-size:11px;letter-spacing:.09em}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding:46px 0 42px;align-items:center}
.hero-copy h1{font-size:clamp(48px,5.1vw,72px);line-height:1.14;max-width:11.5ch;margin-bottom:27px}
.hero-background{font-size:15px;font-weight:600;line-height:1.75;letter-spacing:normal;max-width:490px;margin-bottom:19px}
.hero-lede{font-size:17px;line-height:1.85;max-width:500px}
.hero .actions{margin-top:25px;gap:24px}.hero .button{font-size:16px}.hero .text-link{font-size:15px}
.hero-practices{margin-top:17px;gap:2px 17px}.hero-practices a{font-size:13px;min-height:44px}
.hero-portrait{padding-top:0}.portrait-frame:before{display:none}
.hero-portrait img{aspect-ratio:1;object-fit:contain;width:100%;height:auto}
.hero-portrait figcaption{margin-top:16px;gap:10px 20px;flex-wrap:wrap}
.hero-portrait figcaption span:first-child{font-size:24px;line-height:1.4}
.hero-portrait figcaption span:last-child{font-size:11px;letter-spacing:.08em;line-height:1.8}
.hero-bottom{font-size:12px;padding:19px 0 23px}
.credential-grid{padding-block:26px;gap:30px}.credential-grid>div{font-size:12px;line-height:1.8}.credential-top{font-size:23px;line-height:1.45}
.section{padding-block:84px}.section-heading{align-items:start;margin-bottom:38px}
.section-heading h2,.approach-grid h2,.questions h2{font-size:clamp(34px,3.7vw,49px);line-height:1.23}
.practice{padding:34px 0;grid-template-columns:36px minmax(0,.9fr) minmax(0,1.1fr);gap:28px}
.practice h3{font-size:31px;line-height:1.3}.practice p{font-size:17px;line-height:1.85}.scope-note{font-size:13px;line-height:1.85}
.editorial-story{background:var(--paper);padding:84px 0 92px}
.story-editorial-heading{max-width:780px;margin-bottom:38px}
.story-editorial-heading .eyebrow{margin-bottom:14px}.story-editorial-heading h2{font-size:clamp(34px,4vw,52px);line-height:1.24;max-width:25ch}
.story-editorial-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:start}
.story-editorial-copy{grid-column:2;grid-row:1;max-width:650px}
.story-editorial-copy p{font-size:17px;line-height:1.85;color:var(--muted);margin-bottom:23px}
.story-editorial-copy p.story-opening{font:25px/1.55 var(--serif);color:var(--ink);margin-bottom:25px}
.story-editorial-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:28px}
.story-editorial-actions .button{margin-bottom:7px}
.story-editorial-portrait{grid-column:1;grid-row:1;width:100%;max-width:430px}
.story-editorial-portrait img{width:100%;aspect-ratio:1518/2048;object-fit:contain;height:auto;background:var(--stone)}
.story-editorial-portrait figcaption{padding:24px 0 0}
.story-editorial-portrait blockquote{font:23px/1.55 var(--serif);margin:0;color:var(--ink)}
.story-editorial-portrait figcaption>span{display:block;margin-top:14px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
#approach{border-top:1px solid var(--line)}
.process p,.muted,.faq details p,.contact-intro,.bio-chapter p:not(.chapter-label):not(.chapter-lead):not(.role-note),.decision-row p:not(.eyebrow):not(.decision-date),.concerns-grid p,.review-questions li{font-size:17px;line-height:1.85}
.process h3{font-size:28px;line-height:1.3}
.perspective{background:var(--navy-soft);color:#f5f3eb;padding:82px 0}
.perspective .section-marker{border-color:#ffffff38;color:#c8d1d9}.perspective .section-marker span:first-child,.perspective .eyebrow{color:var(--gold-light)}
.perspective .ucla-intro h2{font-size:clamp(36px,4.4vw,58px);line-height:1.22}
.perspective .ucla-intro p:not(.eyebrow),.perspective .ucla-program p:not(.eyebrow){color:#ced8e1;font-size:17px;line-height:1.85}
.perspective .ucla-intro p.ucla-lead{font:25px/1.55 var(--serif);color:#f5f3eb}
.perspective .community-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:30px;align-items:end}
.perspective .community-grid figcaption{color:#c8d4de;font-size:13px;line-height:1.8;padding-top:14px}
.perspective .ucla-program{border-color:#ffffff38}.perspective .ucla-program h3{font-size:29px;line-height:1.35}
.perspective .inline-link{color:var(--gold-light)}.perspective .fine-note{color:#bdccd7;font-size:12px}
.speaking-press{padding-top:64px}.press-row{gap:48px}.press-row p:not(.eyebrow){font-size:17px;line-height:1.85}.press-row h3{font-size:29px;line-height:1.3}
.bio-hero h1{font-size:clamp(46px,5vw,70px);line-height:1.2;max-width:14ch}
.bio-hero-grid{gap:72px;padding-top:38px}.bio-intro{font-size:17px;line-height:1.85;max-width:510px}
.bio-subtitle{font-size:22px;line-height:1.55}.bio-hero figure img.personal-portrait{aspect-ratio:1518/2048;object-fit:contain;height:auto}
.bio-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:80px}
.bio-sidebar h2{font-size:36px;line-height:1.3;max-width:14ch}.bio-sidebar nav{gap:8px}
.bio-chapter h3{font-size:34px;line-height:1.3}.bio-chapter p.chapter-lead{font-size:25px;line-height:1.55}.bio-chapter p{max-width:68ch}
#performing-arts{scroll-margin-top:32px}
.contact{padding-block:72px}.contact h2{font-size:clamp(36px,4.1vw,55px);line-height:1.24}
.contact-item a{font-size:19px;line-height:1.8}.footer-top{column-gap:30px;row-gap:16px}
@media(max-width:1160px){.hero-grid{gap:42px}.story-editorial-grid{gap:48px}.bio-layout,.bio-hero-grid{gap:52px}.nav{gap:20px}.nav a{font-size:13px}}
@media(max-width:1050px){
 .hero-grid,.story-editorial-grid,.bio-layout,.bio-hero-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 .hero-copy h1{font-size:clamp(44px,6.5vw,64px);max-width:16ch;line-height:1.18}
 .hero-background,.hero-lede{max-width:650px}.hero-portrait{width:min(520px,100%);margin-inline:auto}
 .story-editorial-copy{grid-column:1;grid-row:1;max-width:720px}.story-editorial-portrait{grid-column:1;grid-row:2;max-width:430px;margin-inline:auto}
 .story-editorial-heading{margin-bottom:30px}.bio-sidebar h2{max-width:26ch}.bio-hero h1{max-width:18ch}
 .practice{grid-template-columns:28px minmax(0,1fr);gap:18px}.practice>div{grid-column:2}
 .perspective .community-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px}
 .bio-hero figure{width:min(430px,100%);margin-inline:auto}
}
@media(max-width:680px){
 .site-header .header-inner{min-height:88px;padding-block:12px}.brand-name{font-size:22px}.brand-small{font-size:10px}
 .hero-grid{padding:29px 0 30px;gap:32px}.hero-copy h1{font-size:clamp(38px,10.1vw,52px);line-height:1.2;max-width:none;margin-bottom:23px}
 .hero-background{font-size:14px;line-height:1.8}.hero-lede{font-size:17px}.hero-meta{font-size:10px}
 .hero .actions{gap:19px;align-items:flex-start}.hero .button{font-size:16px;min-height:48px}.hero-portrait{max-width:460px}
 .hero-portrait figcaption span:first-child{font-size:23px}.hero-portrait figcaption span:last-child{font-size:11px}
 .credential-grid{grid-template-columns:minmax(0,1fr);gap:16px;padding-block:23px}.credential-grid>div{grid-template-columns:minmax(0,1fr);font-size:13px}.credential-top{font-size:22px}
 .section,.editorial-story{padding-block:58px}.section-marker{margin-bottom:29px;gap:10px;font-size:11px}
 .story-editorial-heading h2,.section-heading h2,.approach-grid h2,.questions h2{font-size:34px;line-height:1.27}
 .story-editorial-copy p.story-opening{font-size:23px;line-height:1.6}.story-editorial-copy p{font-size:17px;line-height:1.85}
 .story-editorial-portrait{max-width:390px}.story-editorial-portrait blockquote{font-size:22px;line-height:1.6}
 .practice h3,.process h3{font-size:28px;line-height:1.3}.practice{padding-block:29px}
 .perspective{padding-block:58px}.perspective .community-grid{grid-template-columns:minmax(0,1fr);gap:29px}
 .perspective .ucla-intro h2{font-size:36px;line-height:1.25}.perspective .ucla-intro p.ucla-lead{font-size:23px;line-height:1.6}.perspective .ucla-program h3{font-size:28px;line-height:1.35}
 .speaking-press{padding-top:55px}.press-row{gap:20px}.press-row h3{font-size:28px}
 .bio-hero h1{font-size:clamp(38px,9.4vw,54px);line-height:1.22;max-width:none}.bio-subtitle{font-size:21px}.bio-intro{font-size:17px}
 .bio-sidebar h2{font-size:33px;line-height:1.3}.bio-chapter h3{font-size:30px;line-height:1.3}.bio-chapter p.chapter-lead{font-size:23px;line-height:1.6}
 .contact{padding-block:55px}.contact h2{font-size:38px;line-height:1.25}
 .footer-top{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.footer-name,.footer-top .back-top{display:block}.footer-top .back-top{margin:0;flex:0 0 auto}
}
@media(max-width:420px){.brand-name{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Approved supporting portrait within the tribal-service biography. */
.tribal-portrait{width:min(320px,100%);margin:28px 0 34px}
.tribal-portrait img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}
.tribal-portrait figcaption{font-size:13px;line-height:1.7;color:var(--muted);padding-top:12px}

/* Complementary official judicial and event portraits, with full natural framing. */
.tribal-gallery{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:start;margin:28px 0 20px;max-width:660px}
.tribal-gallery .tribal-portrait{width:100%;max-width:none;margin:0;min-width:0}
.tribal-gallery .judicial-portrait img{aspect-ratio:3/2;object-fit:contain}
@media(max-width:680px){.tribal-gallery{grid-template-columns:minmax(0,1fr);gap:28px}.tribal-gallery .judicial-portrait{max-width:500px}.tribal-gallery .tribal-portrait:not(.judicial-portrait){max-width:320px}}

.experience-scope{max-width:850px;margin-top:30px}.experience-scope p{color:#d1dae2;font-size:16px;line-height:1.85}