/* il-law redesign layer 2026-11. Loaded after style.css. Design only: no content, URL or logic changes. */
:root{--bar:#14283F;--bar-2:#0F1F31;--navy:#14283F;--gold:#B69A62;--gold-text:#8A6F3E;--gold-lt:#D4BC8A;--rd-ink:#1B2533;--rd-muted:#555F6B;--rd-soft:#F5F6F7;--rd-line:#E3E6EA}
body{color:var(--rd-ink)}
h1,h2,h3{letter-spacing:-.01em}
.navbar{background:#14283F}
.site-footer{background:#0F1F31;border-top:3px solid var(--gold)}

/* ---------- home hero ---------- */
.hero.rd-hero{display:block;text-align:start;min-height:0;border-bottom:0;background:#14283F}
.hero.rd-hero::after{background:linear-gradient(270deg,rgba(20,40,63,.97) 0%,rgba(20,40,63,.88) 40%,rgba(20,40,63,.45) 75%,rgba(20,40,63,.35) 100%)}
.rd-hero .hero-in{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:end;max-width:1240px;padding-block:56px 0!important;margin-inline:auto}
.rd-hero .rd-txt{padding-bottom:64px}
.rd-hero .rd-eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold-lt);font-weight:700;font-size:.9rem;letter-spacing:.02em}
.rd-hero .rd-eyebrow:before{content:'';width:28px;height:1px;background:var(--gold)}
.rd-hero h1{font-size:clamp(2.1rem,1.4rem + 2.6vw,3.4rem);line-height:1.15;margin:16px 0 14px;text-shadow:none;font-weight:800}
.rd-hero .tagline{color:#C9D3E0!important;font-weight:400!important;text-shadow:none!important;font-size:clamp(1.05rem,.95rem + .5vw,1.3rem);margin-top:0!important;max-width:36ch}
.rd-hero .rd-cred{color:#9FB0C6;font-size:.92rem;margin-top:14px}
.rd-hero .hero-actions{justify-content:flex-start!important;margin-top:30px!important}
.rd-hero .btn{border-radius:10px}
.rd-hero .btn-gold{background:var(--gold);color:#14283F;border-color:var(--gold);position:relative;overflow:hidden}
.rd-hero .btn-ghost{border-color:rgba(255,255,255,.4);color:#fff}
.rd-fig{position:relative;height:540px;align-self:end}
.rd-fig:before{content:'';position:absolute;inset:60px -60px 0 -60px;background:radial-gradient(55% 60% at 50% 55%,rgba(64,104,150,.55) 0%,rgba(20,40,63,0) 70%)}
.rd-fig img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:auto;max-width:none;filter:drop-shadow(0 20px 30px rgba(0,0,0,.35))}
@keyframes rdUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes rdRise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes rdShine{0%{transform:translateX(-120%)}25%,100%{transform:translateX(120%)}}
.rd-hero .rd-txt>*{animation:rdUp .9s cubic-bezier(.2,.7,.2,1) both}
.rd-hero .rd-txt>*:nth-child(2){animation-delay:.12s}.rd-hero .rd-txt>*:nth-child(3){animation-delay:.24s}.rd-hero .rd-txt>*:nth-child(4){animation-delay:.34s}.rd-hero .rd-txt>*:nth-child(5){animation-delay:.44s}
.rd-fig .rd-figin{position:absolute;inset:0;animation:rdRise 1.2s .25s cubic-bezier(.2,.7,.2,1) both}
.rd-hero .btn-gold:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);animation:rdShine 4.5s 1.6s infinite}

/* facts strip (replaces trust) */
.trust.rd-facts ul{grid-template-columns:repeat(4,1fr)!important;padding:0!important;gap:0}
.trust.rd-facts li{text-align:start;padding:26px 24px;border-inline-start:1px solid var(--rd-line);font-weight:400}
.trust.rd-facts li:first-child{border:0}
.trust.rd-facts b{display:block;font-size:1.65rem;font-weight:800;color:#14283F;line-height:1.2}
.trust.rd-facts span{font-size:.9rem}

/* section titles: start-aligned, quieter */
.rd-home .sec-title{color:#14283F;font-weight:800}
.rd-home .gold-line{height:2px;width:56px}

/* area cards with photos */
.rd-home .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),360px));justify-content:center}
.rd-home .card{border-top:0;padding:0;overflow:hidden;border-radius:14px;transition:transform .25s,box-shadow .25s}
.rd-home .card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(20,40,63,.12)}
.rd-home .card:before{content:'';display:block;height:180px;background:#14283F var(--ci) center/cover;filter:saturate(.85)}
.rd-home .card .card-icon{display:none}
.rd-home .card h3,.rd-home .card p,.rd-home .card .card-more{padding-inline:22px}
.rd-home .card h3{margin-top:16px;color:#14283F}
.rd-home .card .card-more{padding-bottom:22px;color:#14283F}
.rd-home .cards .card:nth-child(1){--ci:url(/assets/img/rd/skyline-card.jpg)}
.rd-home .cards .card:nth-child(2){--ci:url(/assets/img/rd/gavel.jpg)}
.rd-home .cards .card:nth-child(3){--ci:url(/assets/img/rd/notary-stamp.jpg)}
.rd-home .cards .card[href*="dira-law"]{--ci:url(/assets/img/rd/skyline-card.jpg)}
.rd-home .cards .card[href*="notaryon"]{--ci:url(/assets/img/rd/notary-stamp.jpg)}
.rd-home .bio-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 12%;border-radius:14px}

/* scroll reveal (only when JS active) */
.rd-js .rd-rv:not(.rd-in){opacity:0;transform:translateY(26px)}
.rd-rv{transition:opacity .8s,transform .8s}

/* ---------- inner pages ---------- */
.page-head.rd-ph{text-align:start;border-bottom:0}
.page-head.rd-ph::before{background-image:var(--ph)!important;opacity:.9}
.page-head.rd-ph::after{background:linear-gradient(270deg,rgba(20,40,63,.97) 0%,rgba(20,40,63,.9) 45%,rgba(20,40,63,.55) 100%)}
.page-head.rd-ph .wrap .ph-text{text-align:start}
.page-head.rd-ph .wrap .ph-text .lede{margin-inline:0}
.page-head.rd-ph .wrap .ph-text .hero-actions{justify-content:flex-start!important}
.page-head.rd-ph .wrap .crumbs,.page-head.rd-ph .wrap .meta,.page-head.rd-ph .wrap .byline{justify-content:flex-start}
.page-head.rd-ph h1{font-weight:800}
.rd-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:40px auto 0}
.rd-gallery figure{margin:0;border-radius:14px;overflow:hidden;position:relative;height:200px;background:#14283F}
.rd-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.rd-gallery figure:hover img{transform:scale(1.07)}
.rd-gallery figure:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,40,63,0) 40%,rgba(20,40,63,.9))}
.rd-gallery figcaption{position:absolute;z-index:1;bottom:14px;inset-inline-start:16px;color:#fff;font-weight:700}
/* prose */
.prose h2{color:#14283F;font-weight:800;padding-top:.4rem}
.prose .table-wrap table{border-collapse:separate;border-spacing:0;border:1px solid var(--rd-line);border-radius:12px;overflow:hidden}
.prose .table-wrap th{background:#14283F;color:#fff}
/* TOC layout (built by skin-il.js on wide screens) */
.rd-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:48px;align-items:start}
.rd-layout>.prose{max-width:none;margin:0}
.rd-toc{position:sticky;top:80px;display:grid;gap:14px;font-size:.92rem}
.rd-toc nav{border:1px solid var(--rd-line);border-radius:14px;padding:16px 18px;background:#fff}
.rd-toc b{display:block;color:var(--gold-text);font-size:.8rem;margin-bottom:8px}
.rd-toc a{display:block;padding:4px 10px;color:#3B4656;text-decoration:none;border-inline-start:2px solid transparent}
.rd-toc a.on{border-color:var(--gold);color:#14283F;font-weight:700}
.rd-toc .rd-cta{background:#14283F;color:#fff;border-radius:14px;padding:18px;display:grid;gap:10px}
.rd-toc .rd-cta p{color:#C9D3E0;margin:0;font-size:.88rem}
.rd-toc .rd-cta a{display:flex;justify-content:center;border-radius:10px;padding:10px;font-weight:700;text-decoration:none}
.rd-toc .rd-cta .g{background:var(--gold);color:#14283F}.rd-toc .rd-cta .o{border:1px solid rgba(255,255,255,.4);color:#fff}

@media (max-width:900px){
 .rd-hero .hero-in{grid-template-columns:1fr;gap:0;padding-top:34px!important}
 .hero.rd-hero::after{background:linear-gradient(180deg,rgba(20,40,63,.93) 0%,rgba(20,40,63,.85) 55%,rgba(20,40,63,.45) 100%)}
 .rd-hero .rd-txt{padding-bottom:10px}
 .rd-fig{height:340px;width:260px;justify-self:center}
 .trust.rd-facts ul{grid-template-columns:1fr 1fr!important}
 .trust.rd-facts li{padding:16px;border-top:1px solid var(--rd-line)}
 .trust.rd-facts b{font-size:1.25rem}
 .rd-home .cards{grid-template-columns:minmax(0,1fr)}
 .rd-gallery{grid-template-columns:1fr 1fr}.rd-gallery figure{height:150px}
}
@media (prefers-reduced-motion:reduce){.rd-hero *,.rd-fig .rd-figin,.rd-hero .btn-gold:after{animation:none!important}.rd-js .rd-rv:not(.rd-in){opacity:1;transform:none}}
html.a11y-noanim .rd-hero *,html.a11y-noanim .rd-figin,html.a11y-noanim .btn-gold:after{animation:none!important}
html.a11y-noanim .rd-rv{opacity:1!important;transform:none!important}

/* continuous camera motion on the home hero (replaces the one-time heroSettle) */
@keyframes rdPan{0%{transform:scale(1.06) translate(0,0)}50%{transform:scale(1.2) translate(-3%,-1.5%)}100%{transform:scale(1.12) translate(2.5%,-3%)}}
.hero.rd-hero::before{transform-origin:50% 55%;animation:rdPan 16s cubic-bezier(.45,0,.55,1) infinite alternate!important}
@media (prefers-reduced-motion:reduce){.hero.rd-hero::before{animation:none!important}}
html.a11y-noanim .hero.rd-hero::before{animation:none!important}

/* ===== round 3 (1.11.2026): mobile accessibility tab, card carousels ===== */
@media (max-width:920px){
 .a11y-btn{inset-inline-start:0!important;bottom:auto!important;top:62%;width:40px!important;height:46px!important;border-radius:0!important;border-start-end-radius:12px!important;border-end-end-radius:12px!important;border-width:2px;border-inline-start:0;box-shadow:0 6px 16px rgba(0,0,0,.2)}
 .a11y-btn svg{width:22px!important;height:22px!important}
}
@media (max-width:760px){
 .rd-home .cards:has(> .card){display:flex!important;justify-content:flex-start!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-20px;padding:4px 20px 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .rd-home .cards:has(> .card)::-webkit-scrollbar{display:none}
 .rd-home .cards>.card{flex:0 0 82%;scroll-snap-align:start}
 .rd-home .cards .card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .rd-home .sec-lede{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
}
/* il-law: distinct card images (no repeats with the other sites) */
.rd-home .cards .card:nth-child(1){--ci:url(/assets/img/rd/card-realestate.jpg)}
.rd-home .cards .card:nth-child(2){--ci:url(/assets/img/rd/card-litigation.jpg)}
.rd-home .cards .card:nth-child(2):before{background-position:center 25%}
.rd-home .cards .card:nth-child(3),.rd-home .cards .card[href*="notaryon"]{--ci:url(/assets/img/rd/card-notary.jpg)}
/* il-law signature: gold frame accents */
.rd-home .card{border-bottom:3px solid var(--gold)}
/* r4: section rhythm, textures */
.sec-alt{background:#F1F4F8 url(/assets/img/rd/tex-lines.webp) repeat;background-size:450px;border-block-color:#E2E7EE}
.rd-home .sec{padding-block:clamp(3.2rem,2rem + 4vw,5.6rem)}
.rd-home .sec-alt{position:relative;isolation:isolate;overflow:hidden}
.rd-home .sec-alt::before{content:'';position:absolute;top:-70px;inset-inline-start:-110px;width:520px;height:520px;background:url(/assets/img/rd/tex-seal.webp) center/contain no-repeat;z-index:-1;pointer-events:none}
.rd-home .sec:has(.quotes){position:relative;isolation:isolate;overflow:hidden;border:0;color:#C9D3E0;background:radial-gradient(1200px 500px at 85% 0%,rgba(182,154,98,.16),transparent 60%),linear-gradient(165deg,#1B3552 0%,#14283F 55%,#0E1E31 100%)}
.rd-home .sec:has(.quotes)::before{content:'';position:absolute;bottom:-120px;inset-inline-end:-140px;width:640px;height:640px;background:url(/assets/img/rd/tex-seal-dk.webp) center/contain no-repeat;z-index:-1;pointer-events:none}
.rd-home .sec:has(.quotes) .sec-title,.rd-home .sec:has(.quotes) .gr-title{color:#fff}
.rd-home .sec:has(.quotes) .sec-lede,.rd-home .sec:has(.quotes) .gr-foot,.rd-home .sec:has(.quotes) .gr-basis{color:#AFBCCD}
.rd-home .sec:has(.quotes) .quote,.rd-home .sec:has(.quotes) .gr-card{box-shadow:0 18px 40px -22px rgba(0,0,0,.55)}
.rd-home .sec:has(.quotes) .btn-navy{background:var(--gold);border-color:var(--gold);color:#14283F}
.rd-home .sec:has(.quotes) .btn-navy:hover{background:#fff;border-color:#fff;color:#14283F}
@media (max-width:760px){.sec-alt{background-size:300px}.rd-home .sec-alt::before{width:300px;height:300px;top:-40px;inset-inline-start:-80px}.rd-home .sec:has(.quotes)::before{width:360px;height:360px;bottom:-60px;inset-inline-end:-90px}}

/* r6: light contextual page background */
html{background:#fff}
body{background:transparent!important}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:#fff url(/assets/img/rd/bg-il.webp) center/cover no-repeat}
html.a11y-contrast body::before{display:none}

/* r7: mobile accessibility tab on the left edge */
@media (max-width:920px){.a11y-btn{left:0!important;right:auto!important;inset-inline-start:auto!important;border-radius:0!important;border-top-right-radius:12px!important;border-bottom-right-radius:12px!important;border-left:0!important;border-right-width:2px!important;border-right-style:solid!important}}
