/* dira-law redesign layer 2026-11. Loaded after style.css. Design only: no content, URL or logic changes. */
:root{--bar:#294765;--bar-2:#1C3149;--rd-navy:#1C3149;--rd-blue:#294765;--rd-teal:#3F7C85;--rd-teal-ink:#2F6A73;--rd-sky:#EEF3F7;--rd-ink:#1D2A38;--rd-muted:#566272;--rd-line:#DFE5EC}
h1,h2,h3{letter-spacing:-.01em}
.navbar{background:#294765}
.site-footer{background:#1C3149}
.sec-title{color:var(--rd-navy)}
.gold-line{background:var(--rd-teal)}
.card{border-top-color:var(--rd-teal)}
.card-icon{color:var(--rd-teal)}

/* ---------- home hero ---------- */
.hero.rd-hero{display:block;text-align:start;min-height:0;border-bottom:1px solid var(--rd-line);background:#DCE6EE}
.hero.rd-hero::before{background-image:url(/assets/img/rd/hero-skyline.jpg)!important;background-position:center 55%;filter:none}
.hero.rd-hero::after{background:linear-gradient(270deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 42%,rgba(255,255,255,.35) 72%,rgba(255,255,255,.05) 100%)}
.rd-hero .hero-in{max-width:var(--maxw);margin-inline:auto;padding-block:56px 0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:40px;align-items:end}
.rd-hero .rd-txt{max-width:640px;padding-bottom:64px}
.rd-hero .rd-fig{position:relative;height:560px;margin:0}
.rd-hero .rd-fig:before{content:'';position:absolute;inset:80px -10% 0;background:radial-gradient(closest-side,rgba(255,255,255,.85),rgba(255,255,255,0))}
.rd-hero .rd-fig img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:auto;filter:drop-shadow(0 20px 30px rgba(28,49,73,.3));animation:rdRise 1.2s .25s cubic-bezier(.2,.7,.2,1) both}
@keyframes rdRise{from{opacity:0;transform:translate(-50%,40px)}to{opacity:1;transform:translateX(-50%)}}
.rd-hero .rd-eyebrow{display:flex;align-items:center;gap:10px;color:var(--rd-teal-ink);font-weight:700;font-size:.92rem}
.rd-hero .rd-eyebrow:before{content:'';width:28px;height:2px;background:var(--rd-teal)}
.rd-hero h1{color:var(--rd-navy);text-shadow:none;font-weight:800;font-size:clamp(2.1rem,1.4rem + 2.4vw,3.2rem);line-height:1.15;margin:14px 0 12px}
.rd-hero .tagline{color:#3B4858!important;text-shadow:none!important;font-weight:600!important;font-size:clamp(1.05rem,.95rem + .4vw,1.22rem)!important;margin-top:0!important}
.rd-hero .hero-lic{color:var(--rd-muted)!important;text-shadow:none!important;font-size:.92rem!important;margin-top:10px!important}
.rd-hero .sub{color:#3B4858!important;text-shadow:none!important;font-size:1rem!important;line-height:1.75;margin-top:14px!important}
.rd-hero .hero-actions{justify-content:flex-start!important;margin-top:26px!important}
.rd-hero .btn{border-radius:10px}
.rd-hero .btn-ghost,.rd-hero .btn-calc{color:var(--rd-blue)!important;border-color:var(--rd-blue)!important;background:#fff!important}
.rd-hero .btn-ghost:hover,.rd-hero .btn-calc:hover{background:var(--rd-blue)!important;color:#fff!important}
.rd-hero .btn-ghost svg{fill:currentColor}
@keyframes rdUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.rd-hero .rd-txt>*{animation:rdUp .85s cubic-bezier(.2,.7,.2,1) both}
.rd-hero .rd-txt>*:nth-child(2){animation-delay:.1s}.rd-hero .rd-txt>*:nth-child(3){animation-delay:.2s}.rd-hero .rd-txt>*:nth-child(4){animation-delay:.28s}.rd-hero .rd-txt>*:nth-child(5){animation-delay:.36s}.rd-hero .rd-txt>*:nth-child(6){animation-delay:.44s}

/* facts strip */
.rd-facts{background:#fff;border-bottom:1px solid var(--rd-line)}
.rd-facts ul{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--maxw)}
.rd-facts li{padding:24px 22px;border-inline-start:1px solid var(--rd-line)}
.rd-facts li:first-child{border:0}
.rd-facts b{display:block;font-size:1.5rem;font-weight:800;color:var(--rd-navy);line-height:1.2}
.rd-facts span{font-size:.9rem;color:var(--rd-muted)}

.rd-home .card{border-radius:14px;transition:transform .25s,box-shadow .25s}
.rd-js .rd-rv:not(.rd-in){opacity:0;transform:translateY(24px)}
.rd-rv{transition:opacity .75s,transform .75s}

/* ---------- inner pages ---------- */
.page-head.rd-ph{background:var(--rd-sky);border-bottom:1px solid var(--rd-line);text-align:start}
.page-head.rd-ph::after{display:none}
.page-head.rd-ph h1{color:var(--rd-navy);text-shadow:none;font-weight:800}
.page-head.rd-ph .lede,.page-head.rd-ph p{color:var(--rd-muted);text-shadow:none}
.page-head.rd-ph .lede a{color:var(--rd-blue)}
.page-head.rd-ph .crumbs,.page-head.rd-ph .crumbs a{color:var(--rd-muted)}
.page-head.rd-ph .meta,.page-head.rd-ph .meta *,.page-head.rd-ph .byline,.page-head.rd-ph .byline *{color:var(--rd-muted)}
.page-head.rd-ph .btn-navy,.page-head.rd-ph .btn-ghost,.page-head.rd-ph .btn-calc{background:#fff;color:var(--rd-blue);border-color:var(--rd-blue)}
.page-head.rd-ph .btn-navy:hover,.page-head.rd-ph .btn-ghost:hover,.page-head.rd-ph .btn-calc:hover{background:var(--rd-blue);color:#fff}
.page-head.rd-ph .wrap .ph-text{text-align:start}
.page-head.rd-ph .wrap .ph-text .lede,.page-head.rd-ph .lede{margin-inline:0}
.page-head.rd-ph .wrap .ph-text .hero-actions,.page-head.rd-ph .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:not(.rd-vid){padding-block:clamp(2.4rem,1.8rem + 2.4vw,3.6rem)}
.page-head.rd-ph:not(.rd-vid)::before{display:block;animation:none;filter:none;inset-block:22px;inset-inline-start:auto;inset-inline-end:max(20px,calc((100% - var(--maxw))/2 + 20px));width:min(36%,420px);border-radius:20px;background-image:var(--ph)!important;background-size:cover;background-position:center;box-shadow:0 22px 46px -18px rgba(28,49,73,.35);z-index:-1}
.page-head.rd-ph:not(.rd-vid) .wrap>*{max-width:min(60ch,58%)}
.page-head.rd-ph.rd-vid::before{display:none}
.page-head.rd-ph .yt-lite{border-radius:18px;overflow:hidden;box-shadow:0 22px 46px -18px rgba(28,49,73,.35)}
.prose h2{color:var(--rd-navy)}
.prose .table-wrap table{border-collapse:separate;border-spacing:0;border:1px solid var(--rd-line);border-radius:12px;overflow:hidden}

@media (max-width:900px){
 .hero.rd-hero::after{background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.88) 60%,rgba(255,255,255,.7) 100%)}
 .rd-hero .hero-in{padding-block:34px 0;grid-template-columns:1fr;gap:10px}.rd-hero .rd-txt{padding-bottom:10px}.rd-hero .rd-fig{height:340px;width:220px;justify-self:center}
 .rd-facts ul{grid-template-columns:1fr 1fr}.rd-facts li{padding:16px;border-top:1px solid var(--rd-line)}.rd-facts b{font-size:1.2rem}
 .page-head.rd-ph:not(.rd-vid){padding-top:210px}
 .page-head.rd-ph:not(.rd-vid)::before{inset:16px 16px auto 16px;width:auto;height:178px}
 .page-head.rd-ph:not(.rd-vid) .wrap>*{max-width:none}
}
@media (prefers-reduced-motion:reduce){.rd-hero *,.rd-hero .rd-fig img{animation:none!important}.rd-js .rd-rv:not(.rd-in){opacity:1;transform:none}}
html.a11y-noanim .rd-rv{opacity:1!important;transform:none!important}

.page-head.rd-ph[style*="ph-amos"]::before{background-position:50% 0}

/* 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}
}
/* dira-law signature: teal accents instead of gold */
.rule{background:var(--rd-teal)}
.nav-parent.nav-calc,.nav-links a.nav-calc{background:var(--rd-teal)!important;color:#fff!important}
.nav-parent.nav-calc:hover,.nav-links a.nav-calc:hover{background:#fff!important;color:var(--rd-navy)!important}
.navbar a[aria-current="page"],.nav-parent.has-current{color:#9FD0D6}
.card .card-icon{width:64px;height:64px;padding:13px;border-radius:16px;background:#E6F1F2;color:var(--rd-teal-ink)}
.site-footer{border-top:3px solid var(--rd-teal)}
/* r4: section rhythm, textures, colorful hero */
.sec-alt{background:#EFF4F7 url(/assets/img/rd/tex-plan.webp) no-repeat;background-position:left -180px top -90px;background-size:980px;border-block-color:#DFE7ED}
.rd-home .sec{padding-block:clamp(3.2rem,2rem + 4vw,5.6rem)}
.rd-home .sec-alt:has(.checks){background:#fff}
.rd-home .sec:has(.steps),.rd-home .gr-sec{position:relative;isolation:isolate;overflow:hidden;border:0;color:#C4D3DB;background:url(/assets/img/rd/tex-plan-dk.webp) no-repeat right -220px bottom -160px/1000px,radial-gradient(1100px 480px at 85% 0%,rgba(63,124,133,.38),transparent 60%),linear-gradient(165deg,#21405A 0%,#1C3149 55%,#14253A 100%)}
.rd-home .sec:has(.steps) .sec-title,.rd-home .gr-sec .sec-title,.rd-home .gr-sec .gr-title{color:#fff}
.rd-home .sec:has(.steps) .sec-lede,.rd-home .gr-sec .sec-lede,.rd-home .gr-sec .gr-foot,.rd-home .gr-sec .gr-basis{color:#AFC2CD}
.rd-home .sec:has(.steps) .gold-line{background:#7FC1C9}
.rd-home .sec:has(.steps) .step{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:1.2rem 1.3rem;margin-bottom:.8rem;backdrop-filter:blur(2px)}
.rd-home .sec:has(.steps) .step h3{color:#fff}
.rd-home .sec:has(.steps) .step p{color:#C4D3DB}
.rd-home .gr-sec .gr-card{box-shadow:0 18px 40px -22px rgba(0,0,0,.55);border-color:transparent}
.hero.rd-hero{background:#1C3149;border-bottom:0}
.hero.rd-hero::before{background-image:url(/assets/img/rd/hero-urban.webp)!important;background-position:center 40%}
.hero.rd-hero::after{background:linear-gradient(270deg,rgba(18,34,52,.94) 0%,rgba(18,34,52,.84) 40%,rgba(18,34,52,.35) 72%,rgba(18,34,52,.12) 100%)}
.rd-hero .rd-eyebrow{color:#8FD0D7}.rd-hero .rd-eyebrow:before{background:#8FD0D7}
.rd-hero h1{color:#fff}
.rd-hero .tagline,.rd-hero .sub{color:#DCE6EE!important}
.rd-hero .hero-lic{color:#A9BBC9!important}
.rd-hero .btn-ghost,.rd-hero .btn-calc{color:#fff!important;border-color:rgba(255,255,255,.55)!important;background:rgba(255,255,255,.06)!important}
.rd-hero .btn-ghost:hover,.rd-hero .btn-calc:hover{background:#fff!important;color:var(--rd-navy)!important}
.rd-hero .rd-fig:before{background:radial-gradient(closest-side,rgba(255,255,255,.28),rgba(255,255,255,0))}
@media (max-width:900px){.hero.rd-hero::before{background-image:url(/assets/img/rd/hero-urban-m.webp)!important;background-position:40% 50%}.hero.rd-hero::after{background:linear-gradient(180deg,rgba(18,34,52,.9) 0%,rgba(18,34,52,.82) 60%,rgba(18,34,52,.55) 100%)}}
@media (max-width:760px){.sec-alt{background-size:620px;background-position:left -160px top -60px}.rd-home .sec:has(.steps),.rd-home .gr-sec{background-size:620px auto,auto,auto;background-position:right -160px bottom -80px,0 0,0 0}}
/* r5: in-page nav chips on mobile/tablet (inline grid columns overrode the scroll layout) */
@media (max-width:1100px){.tx-nav ul{grid-template-columns:none!important}}

/* 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-dira2.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}}
/* r9: process flow diagram */
.rd-flow{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:12px;margin:6px 0 34px;padding:22px 18px 18px;border-radius:18px;background:#fff;border:1px solid var(--rd-line);box-shadow:0 14px 34px -24px rgba(28,49,73,.35)}
.rd-flow::before{content:'';position:absolute;top:50px;inset-inline:calc(50%/var(--n) + 18px);border-top:2px dashed #9CC6CB}
.rd-fl-i{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.rd-fl-ic{position:relative;z-index:1;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#EEF6F7;color:var(--rd-teal-ink);border:2px solid var(--rd-teal);box-shadow:0 0 0 6px #fff}
.rd-fl-ic i{position:absolute;top:-6px;inset-inline-end:-8px;width:24px;height:24px;border-radius:50%;background:var(--rd-navy);color:#fff;font-style:normal;font-size:.78rem;font-weight:700;display:grid;place-items:center}
.rd-fl-i b{font-size:.92rem;line-height:1.35;color:var(--rd-navy);font-weight:700;max-width:18ch}
.rd-fl-i:not(:last-child)::after{content:'';position:absolute;top:24px;inset-inline-end:-12px;width:9px;height:9px;border-top:2px solid var(--rd-teal);border-left:2px solid var(--rd-teal);transform:rotate(-45deg);z-index:1}
[dir=ltr] .rd-fl-i:not(:last-child)::after,html[lang=en] .rd-fl-i:not(:last-child)::after{transform:rotate(135deg)}
.rd-js .rd-flow .rd-fl-i{opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i)*.12s)}
.rd-js .rd-flow.rd-fl-in .rd-fl-i{opacity:1;transform:none}
.rd-home .sec:has(.steps) .rd-flow{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);box-shadow:none}
.rd-home .sec:has(.steps) .rd-flow::before{border-top-color:rgba(143,208,215,.55)}
.rd-home .sec:has(.steps) .rd-fl-ic{background:#1E3A52;color:#9FDCE2;border-color:#7FC1C9;box-shadow:0 0 0 6px #1E3550}
.rd-home .sec:has(.steps) .rd-fl-ic i{background:var(--gold);color:#14283F}
.rd-home .sec:has(.steps) .rd-fl-i b{color:#fff}
.rd-home .sec:has(.steps) .rd-fl-i:not(:last-child)::after{border-color:#7FC1C9}
@media (max-width:760px){.rd-flow{gap:4px;padding:16px 8px 12px;margin-bottom:22px}.rd-flow::before{top:38px}.rd-fl-ic{width:44px;height:44px;box-shadow:0 0 0 4px #fff}.rd-home .sec:has(.steps) .rd-fl-ic{box-shadow:0 0 0 4px #1E3550}.rd-fl-ic svg{width:20px;height:20px}.rd-fl-ic i{width:19px;height:19px;font-size:.68rem;top:-5px;inset-inline-end:-6px}.rd-fl-i b{display:none}.rd-fl-i:not(:last-child)::after{top:18px;inset-inline-end:-6px;width:7px;height:7px}}
@media (prefers-reduced-motion:reduce){.rd-js .rd-flow .rd-fl-i{opacity:1;transform:none;transition:none}}
html.a11y-noanim .rd-js .rd-flow .rd-fl-i,html.a11y-noanim.rd-js .rd-flow .rd-fl-i{opacity:1;transform:none;transition:none}