:root{--ink:#10263d;--navy:#071a2d;--gold:#b98a45;--paper:#f7f5f0;--line:#d9d6cf}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.72 Georgia,serif}
a{color:inherit;text-decoration:none}
a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.skip-link{position:absolute;left:12px;top:-50px;z-index:20;background:var(--navy);color:#fff;padding:10px 14px;font:14px Arial,sans-serif}.skip-link:focus{top:12px}
.shell{max-width:1120px;margin:auto;padding:0 32px}
.top{background:#fff;border-bottom:1px solid var(--line)}
.nav{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:block;width:190px;height:76px;background:url('ed-rayner-law-logo-clean.jpg') left center/contain no-repeat}
.links{display:flex;align-items:center;gap:10px;font:12px Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
@media(min-width:701px){.links> a,.practice-menu>.practice-link{display:block;text-align:center;white-space:normal;line-height:1.15}.links> a[href="/"]{width:34px}.practice-menu>.practice-link{width:70px}.links> a[href="/about-ed-rayner"]{width:48px}.links> a[href="/selected-client-list"]{width:68px}.links> a[href="/referral-counsel"]{width:72px}}
.button{display:inline-block;background:var(--gold);color:var(--navy);padding:14px 19px;font:700 12px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
button.text-button{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}
.mobile-menu{display:none;position:relative;font:700 12px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.mobile-menu summary{cursor:pointer;list-style:none;background:var(--navy);color:#fff;padding:13px 15px}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu .mobile-submenu{position:absolute;right:0;top:100%;z-index:10;width:min(330px,calc(100vw - 40px));background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px rgba(7,26,45,.18);padding:8px 0}
.mobile-menu .mobile-submenu a{display:block;padding:11px 17px;font:14px/1.3 Arial,sans-serif;letter-spacing:0;text-transform:none}
.mobile-menu .mobile-submenu a.mobile-contact{background:#fff;color:var(--ink);font-weight:700;border-left:3px solid var(--gold)}
.mobile-menu .mobile-submenu a:hover{background:var(--paper)}
.page-hero{background:linear-gradient(90deg,rgba(7,26,45,.96),rgba(7,26,45,.66)),url('hero-conference-room.jpg') center/cover;color:#fff;padding:106px 0}
.eyebrow{font:700 11px Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#d9b777}
.page-hero h1{font-size:55px;line-height:1.12;font-weight:400;max-width:780px;margin:0 0 18px}
.page-hero p{max-width:700px;font-size:21px;margin:0}
.content{padding:78px 0}
.content h2{font-size:34px;line-height:1.2;font-weight:400;margin:0 0 17px}
.content h3{font-size:24px;font-weight:400;margin:32px 0 9px}
.content p{max-width:850px}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:62px;align-items:start}
.aside{background:#fff;border-top:3px solid var(--gold);padding:30px}
.aside h3{margin-top:0}
.related-practices{max-width:1120px;margin:46px auto 0;padding:24px 28px;background:#fff;border-top:3px solid var(--gold);font:15px/1.45 Arial,sans-serif}.related-practices strong{display:block;margin-bottom:11px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#435466}.related-practices a{display:inline-block;margin:0 17px 8px 0;text-decoration:underline;text-underline-offset:3px}.related-practices .related-cta{margin-left:8px;text-decoration:none;background:var(--gold);color:var(--navy);padding:10px 14px;font:700 11px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.practice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.practice-card{background:#fff;padding:32px;border-top:3px solid var(--gold)}
.practice-card h2{font-size:28px}
.practice-card p{color:#435466}
.footer{background:var(--navy);color:#dbe3e9;padding:45px 0;font:14px Arial,sans-serif}
.footer-grid{display:flex;justify-content:space-between;gap:25px}
.footer a{display:inline-block;min-height:32px;padding:6px 0;line-height:20px}
.image-disclosure{max-width:1120px;margin:22px auto 0;padding:18px 32px 0;border-top:1px solid rgba(219,227,233,.25);color:#dbe3e9;font:12px/1.45 Arial,sans-serif}
.client-grid{columns:2;gap:50px}
.client-group{break-inside:avoid;background:#fff;padding:25px;margin-bottom:22px}
.client-group h2{font-size:24px;margin:0 0 10px}
.client-group ul{padding-left:18px;margin:0}
.client-group li{margin:9px 0}
.faq{margin-top:64px;max-width:850px}
.side-column .faq{margin-top:30px}
.side-column>.aside+.aside{margin-top:30px}
.faq h2{margin-bottom:22px}
.faq details{background:#fff;border-top:1px solid var(--line);padding:0 24px}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:21px 26px 21px 0;font:600 19px/1.4 Georgia,serif;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;color:var(--gold);font:30px/1 Arial,sans-serif}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:0 0 23px}
@media(min-width:851px){.content:has(> .faq){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);column-gap:62px;max-width:1120px;margin:0 auto;padding:78px 32px}
.content:has(> .faq)>.shell{max-width:none;margin:0;padding:0}
.content:has(> .faq)>.split{display:contents}
.content:has(> .faq)>.split>div{grid-column:1;grid-row:1 / span 2}
.content:has(> .faq)>.split>.aside{grid-column:2;grid-row:1}
.content:has(> .faq)>.faq{grid-column:2;grid-row:2;margin-top:28px;max-width:none}
.content:has(> .faq)>.faq h2{font-size:26px}
.content:has(> .faq)>.faq details{padding:0 18px}
.content:has(> .faq)>.faq summary{font-size:17px;padding:18px 24px 18px 0}
}
@media(min-width:701px) and (max-width:1100px){.nav{min-height:96px;flex-wrap:wrap;padding:14px 32px}
.links{display:flex;order:3;width:100%;max-width:none;margin:0;flex-wrap:nowrap;justify-content:center;gap:10px;font-size:12px;line-height:1.15;letter-spacing:.065em}
.practice-menu{flex:0 0 auto}
}
@media(min-width:1280px){.top .shell{max-width:1280px}.top .nav{min-height:130px;gap:30px}.top .logo{width:220px;height:88px}.top .brand{width:220px!important;flex-basis:220px!important}.top .brand img{height:88px!important}.top .links{font-size:13px}.top .button{padding:16px 21px;font-size:13px}}
@media(max-width:850px){
.split,.practice-grid{grid-template-columns:1fr}
.page-hero{padding:70px 0}
.page-hero h1{font-size:42px}
.content{padding:55px 0}
.client-grid{columns:1}
.footer-grid{display:block}
.footer-grid div+div{margin-top:15px}
}
@media(max-width:700px){.nav{min-height:88px;flex-wrap:nowrap}.links{display:none}.mobile-menu{display:block;margin-left:auto}.nav>.button{display:none}.shell{padding:0 20px}.page-hero h1{font-size:38px}.page-hero p{font-size:19px}
.related-practices{margin-top:32px;padding:21px 20px}.related-practices .related-cta{margin-left:0}
}
@media(max-width:700px){.page-hero{background-image:linear-gradient(90deg,rgba(7,26,45,.98),rgba(7,26,45,.88)),url('hero-conference-room.jpg')}}

/* The employment-agreement page is intentionally linear: its substantive analysis is long enough that a conventional sidebar creates an unhelpful visual void. */
.employment-layout{max-width:920px}
.employment-support{display:grid;grid-template-columns:1fr;gap:22px;margin:46px 0 0}
.employment-support .aside{height:100%}
.employment-layout>.faq{max-width:none;margin:62px 0 0}
@media(max-width:850px){.employment-support{grid-template-columns:1fr}}

/* Other practice pages follow the same reading-first sequence when they include a short sidebar and a longer substantive discussion. */
.content:has(.side-column)>.split{display:block;max-width:920px}

.ed-portrait{float:right;width:min(42%,280px);margin:0 0 24px 32px;border-top:3px solid var(--gold)}
.ed-portrait img,.recognition-art img,.aaa-panel-badge img{display:block;width:100%;height:auto}
.recognition-art{margin:0 0 20px;border-top:3px solid var(--gold);background:#fff}
.aaa-panel-badge{max-width:178px;margin:26px auto 18px;text-align:center}
.aaa-panel-badge figcaption{margin-top:6px;color:#526274;font-size:.78rem;font-weight:700;letter-spacing:.035em}
@media(max-width:700px){.split{display:block}.split>div,.split>.aside{width:100%;min-width:0}.ed-portrait{float:none;width:100%;max-width:340px;margin:0 0 25px}.image-disclosure{padding-left:20px;padding-right:20px}}

/* Current hero-image assignments. Shared geometry is defined below. */
.page-hero.hero-about{--banner-photo:url('ed-rayner-portrait-v2.jpg')}
.page-hero.hero-matter-fit{--banner-photo:url('hero-contact-v3.jpg')}
.page-hero.hero-referral-counsel{--banner-photo:url('hero-referral-counsel-v7.jpg')}
.page-hero.hero-executive-employment{--banner-photo:url('hero-executive-employment.jpg')}
.page-hero.hero-executive-equity{--banner-photo:url('hero-executive-equity-v2.jpg')}
.page-hero.hero-deferred-compensation{--banner-photo:url('hero-deferred-compensation.jpg')}
.page-hero.hero-financial-services{--banner-photo:url('hero-hedge-funds.jpg')}
.page-hero.hero-carried-interest{--banner-photo:url('hero-carried-interest-v2.jpg')}
.page-hero.hero-change-of-control{--banner-photo:url('hero-change-in-control-v2.jpg')}
.page-hero.hero-executive-separations{--banner-photo:url('hero-executive-separations-v2.jpg')}
.page-hero.hero-clients{--banner-photo:url('header-selected-clients-v2.jpg')}
.page-hero.hero-practice-areas{--banner-photo:url('header-practice-areas-v2.jpg')}
.page-hero.hero-privacy{--banner-photo:url('header-confidential-meeting-v2.jpg')}
.page-hero.hero-management-teams{--banner-photo:url('header-management-team-v2.jpg')}
/* One fixed banner geometry keeps every inner-page photograph and navy transition in the same place. */
.page-hero{--banner-photo:url('hero-conference-room.jpg');position:relative;isolation:isolate;overflow:hidden;height:456px;min-height:456px;padding:0!important;background:#071a2d!important;background-image:none!important;display:flex;align-items:center}
.page-hero::before{content:"";position:absolute!important;z-index:0!important;inset:0 0 0 auto!important;width:44%!important;background-image:var(--banner-photo)!important;background-repeat:no-repeat!important;background-position:right center!important;background-size:cover!important;filter:none!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 30%,#000 55%,#000 100%)!important;mask-image:linear-gradient(90deg,transparent 0%,transparent 30%,#000 55%,#000 100%)!important}
.page-hero::after{content:"";position:absolute!important;z-index:1!important;inset:0!important;background:linear-gradient(90deg,#071a2d 0%,#071a2d 44%,rgba(7,26,45,.98) 54%,rgba(7,26,45,.78) 65%,rgba(7,26,45,.42) 76%,rgba(7,26,45,.12) 87%,rgba(7,26,45,0) 96%)!important}
.page-hero>.shell{position:relative!important;z-index:2!important}
@media(max-width:700px){.page-hero{min-height:390px}.page-hero::before{width:66%!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 24%,#000 55%,#000 100%)!important;mask-image:linear-gradient(90deg,transparent 0%,transparent 24%,#000 55%,#000 100%)!important}.page-hero::after{background:linear-gradient(90deg,#071a2d 0%,#071a2d 42%,rgba(7,26,45,.97) 56%,rgba(7,26,45,.68) 72%,rgba(7,26,45,.24) 88%,rgba(7,26,45,0) 100%)!important}}

/* The About portrait is preserved in full rather than cropped to the shared landscape image panel. */
.page-hero.hero-about::before{width:42%!important;background-size:auto 96%!important;background-position:right center!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 8%,#000 30%,#000 100%)!important;mask-image:linear-gradient(90deg,transparent 0%,transparent 8%,#000 30%,#000 100%)!important}
.page-hero.hero-matter-fit::before{width:37%!important;background-size:cover!important;background-position:right center!important}
.page-hero.hero-referral-counsel::before{width:44%!important;background-size:auto 100%!important;background-position:right center!important;-webkit-mask-image:none!important;mask-image:none!important}
.page-hero.hero-deferred-compensation::before{background-size:auto 100%!important;background-position:right center!important}
.page-hero.hero-matter-fit::after{background:linear-gradient(90deg,#071a2d 0%,#071a2d 48%,rgba(7,26,45,.98) 52%,rgba(7,26,45,.45) 55%,rgba(7,26,45,.12) 58%,rgba(7,26,45,0) 62%)!important}
.page-hero.hero-about::after{background:linear-gradient(90deg,#071a2d 0%,#071a2d 44%,rgba(7,26,45,.98) 48%,rgba(7,26,45,.48) 52%,rgba(7,26,45,.10) 56%,rgba(7,26,45,0) 60%)!important}
.page-hero.hero-referral-counsel::after{background:transparent!important}
.page-hero.hero-deferred-compensation::after{background:linear-gradient(90deg,#071a2d 0%,#071a2d 50%,rgba(7,26,45,.98) 57%,rgba(7,26,45,.70) 64%,rgba(7,26,45,.38) 72%,rgba(7,26,45,.10) 82%,rgba(7,26,45,0) 92%)!important}
@media(max-width:700px){.page-hero{height:390px;min-height:390px}.page-hero.hero-about::before{width:56%!important;background-size:auto 96%!important}}

/* On phone and portrait-tablet screens the title needs the entire banner.  A partial
   photograph is less useful than a clean, highly legible navy field. */
@media (max-width:1100px) and (orientation:portrait){.page-hero{height:auto;min-height:360px}.page-hero::before{display:none!important}.page-hero::after{background:#071a2d!important}}

.page-hero .referral-row{display:flex;align-items:center;gap:14px;margin-top:30px;font-size:19px;font-weight:700}.page-hero .referral-divider{font-weight:400}.page-hero .referral-row .button{margin:0}
@media(max-width:700px){.page-hero .referral-row{flex-wrap:wrap;gap:10px;margin-top:24px}.page-hero .referral-divider{display:none}}

.referral-quick-action{display:none}
@media(max-width:850px){.referral-quick-action{display:block;margin:24px 0}}
.error-actions{display:flex;flex-wrap:wrap;gap:12px}