/* Kouladjian Law: shared visual tokens and progressive presentation. */
:root {
  --navy:#0b1630; --deep:#0b1630; --slate:#1c2434; --paper:#f8f7f4;
  --gold:#c89b3c; --ink:#1c2434; --muted:#536073; --line:#d9dce2;
  --accent-ink:#78581d; --surface:#fff; --glass:rgba(255,255,255,.08);
  --radius:20px; --radius-button:14px;
  --shadow:0 18px 50px rgba(11,22,48,.08);
  --shadow-deep:0 28px 70px rgba(0,0,0,.22);
  --font-body:'Segoe UI',Arial,sans-serif; --font-display:Georgia,'Times New Roman',serif;
  --space-section:clamp(56px,7vw,104px);
}
body {font:16px/1.75 var(--font-body); background:var(--paper)}
.shell {max-width:1328px; padding-inline:clamp(22px,4.2vw,64px)}
.eyebrow {color:var(--accent-ink);font-size:11px;letter-spacing:.15em}
.utility {background:var(--navy);color:#f1eee5;letter-spacing:.035em}
.utility .shell {min-height:38px;gap:16px;padding-block:7px}
.utility .shell>span {font-size:11px}
.utility a {font-size:12px;flex-shrink:0}
.header {background:rgba(255,255,255,.97);border-color:#e4e4e7;box-shadow:0 4px 24px #0b163008;backdrop-filter:blur(18px)}
.header .shell {min-height:100px}
.header nav {font-size:12px;gap:20px}
.header nav .navcta,.menu {border:1px solid #b7bdc7;border-radius:var(--radius-button)}
.header nav .navcta {background:var(--navy);color:white;border-color:var(--navy)}
.header nav .navcta:hover {background:#25375a}
.button {border-radius:var(--radius-button);font-size:14px;padding:15px 21px;min-height:50px;transition:background .2s,box-shadow .2s,transform .2s}
.button:hover {background:#d8ae56;box-shadow:0 10px 28px #c89b3c30;transform:translateY(-2px)}
.button.outline {border-color:#8590a6;background:#ffffff05;color:white}
.button.outline:hover {background:#ffffff12}
a:focus-visible,button:focus-visible,summary:focus-visible {outline:3px solid #8c661d;outline-offset:5px}
.hero a:focus-visible,.home-practices a:focus-visible,.home-process a:focus-visible,footer a:focus-visible {outline-color:#f5cf7e}
.section {padding-block:var(--space-section)}
.section h2 {font-size:clamp(32px,3.6vw,48px);line-height:1.15;letter-spacing:-.035em}
.section h2 em {font-weight:400;color:var(--accent-ink)}
.section-lead {font-size:18px;line-height:1.75;max-width:580px}
.pagehero,.contactstrip {background:linear-gradient(130deg,#0b1630,#142448 55%,#1c2434)}
.pagehero .eyebrow,.contactstrip .eyebrow {color:#e2bf78}
.pagehero h1 {font-size:clamp(38px,5vw,58px)}
.soft,.lead-section {background:#eeefef}
.servicegrid {background:transparent;border:0;gap:22px}
.service,.resourcegrid>a,.sidebar:not(.lead-sidebar),.contactpanel,.lead-card,.callout {border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}
.service,.resourcegrid>a {transition:box-shadow .2s,border-color .2s}
.service:hover,.resourcegrid>a:hover {border-color:#a9b0bd;box-shadow:0 20px 45px #0b163011}
.lead-card {padding:30px}
.lead-card .lead-intro {font-size:14px;color:var(--muted)}
.lead-card .eyebrow {color:var(--accent-ink)}
.lead-card h2 {font-size:32px;letter-spacing:-.025em}
.lead-card .checkbox {font-size:12px}
.lead-card .field-help,.lead-card .lead-disclosure {font-size:12px!important;color:#4c596b}
.lead-call a {color:var(--navy)}
input,textarea,select {border-radius:9px;border-color:#919baa;background:#fff;color:var(--ink)}
.lead-next {border-radius:0 0 var(--radius) var(--radius);background:#eff1f4}
.lead-sidebar .lead-card {border-radius:var(--radius) var(--radius) 0 0}
.breadcrumbs {color:#4d5b6c}
.contentnotice {border-radius:0 12px 12px 0;background:#eeeae1}
.faqs details {border-color:var(--line);padding:18px 0}
.faqs summary {font-size:16px;min-height:44px;align-content:center}
.contactstrip {padding-block:70px}
.contactstrip h2 {font-size:clamp(32px,4vw,46px)}
.final-actions {display:flex;flex-direction:column;align-items:center;gap:14px;flex-shrink:0}
.final-actions>a:not(.button) {font-size:14px;color:#e2bf78}
footer {background:#080f21;color:#cbd1dc}
footer .footername {color:#fff}
footer .bottom {border-color:#354056;font-size:12px}
footer .bottom p:first-child {max-width:700px}
.premium-hero {background:radial-gradient(ellipse at 80% 30%,#36517655,transparent 56%),linear-gradient(125deg,#0b1630 10%,#142448 65%,#1c2434);position:relative}
.premium-hero-grid {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);align-items:center;gap:clamp(35px,6vw,85px);padding-block:clamp(44px,4.4vw,56px)}
.premium-hero .eyebrow {color:#e6c47f;margin-bottom:26px}
.premium-hero h1 {font-size:clamp(44px,4.7vw,66px);line-height:1.08;letter-spacing:-.045em;margin:0 0 28px}
.premium-hero h1 em {color:#e2bf78}
.premium-hero .hero-intro {font-size:17px;color:#d3dbe8;line-height:1.85;max-width:565px}
.premium-hero .actions {gap:12px;margin-top:30px}
.hero-trust {display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:23px 0 0;margin:22px 0 0;border-top:1px solid #ffffff26;font-size:12px;color:#e4e8ef}
.hero-trust li:before {content:'✓';color:#e2bf78;margin-right:8px}
.premium-hero .hero-location {font-size:12px;line-height:1.8;color:#c0cbde;margin:13px 0 0}
.premium-portrait {margin:0;position:relative;padding:12px;border:1px solid #ffffff26;border-radius:28px;background:var(--glass);box-shadow:var(--shadow-deep);max-width:360px;justify-self:end;width:100%}
.premium-portrait>img {border-radius:18px;width:100%;aspect-ratio:4/4.4;object-fit:cover;object-position:50% 20%}
.premium-portrait figcaption {padding:22px 14px 12px;display:flex;flex-direction:column;line-height:1.5;gap:5px}
.premium-portrait .portrait-label {font-size:10px;color:#e2bf78;letter-spacing:.09em;text-transform:uppercase;margin-bottom:7px}
.premium-portrait strong {font:26px/1.2 var(--font-display);font-weight:400}
.premium-portrait figcaption>span:last-of-type {font-size:12px;color:#c0cbde}
.premium-portrait a {color:white;font-size:12px;align-self:flex-start;margin-top:5px}
.home-start-grid {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(35px,6vw,80px);align-items:start}
.home-start h2 {margin-top:10px}
.home-inquiry {min-width:0}
.home-inquiry .lead-card {background:#fff;box-shadow:0 24px 70px #0b16300d;border-top:3px solid var(--gold)}
.feature-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 28px;margin-top:35px}
.feature-card {padding-top:24px;border-top:1px solid var(--line)}
.feature-icon,.practice-icon {width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#eae3d5;color:#73521a;margin-bottom:18px}
.feature-icon svg,.practice-icon svg {width:25px;height:25px}
.feature-card h3 {font-size:17px;line-height:1.4;font-weight:600;margin:0 0 12px}
.feature-card p {font-size:14px;line-height:1.8;margin:0}
.home-practices {background:linear-gradient(125deg,#0b1630,#1c2434);color:white}
.home-practices .eyebrow,.home-practices h2 em {color:#e2bf78}
.home-section-heading {display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:70px;margin-bottom:38px}
.home-section-heading>p {color:#c6d0e1;font-size:16px;margin-bottom:25px}
.practice-card-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.practice-card {min-width:0;padding:27px 24px 24px;border:1px solid #ffffff26;background:var(--glass);border-radius:18px;text-decoration:none;display:flex;flex-direction:column;transition:background .2s,border-color .2s,transform .2s}
.practice-card:hover {background:#ffffff10;border-color:#e2bf7890;transform:translateY(-3px)}
.practice-icon {background:#c89b3c18;border:1px solid #e2bf7830;color:#e2bf78}
.practice-card h3 {font:24px/1.2 var(--font-display);letter-spacing:-.015em;margin:6px 0 14px}
.practice-card p {font-size:14px;color:#d1d9e7;line-height:1.75;margin:0 0 25px}
.card-link {margin-top:auto;font-size:12px;color:#f0d396;display:flex;justify-content:space-between;gap:12px}
.other-matters {margin-top:35px;border-top:1px solid #ffffff26;padding-top:28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:13px;color:#ced6e3}
.other-matters>div {display:flex;flex-wrap:wrap;gap:15px 24px}
.other-matters a {color:#f0d396}
.home-attorney-grid {display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,100px);align-items:center}
.home-attorney figure {margin:0;max-width:430px}
.home-attorney img {border-radius:22px;aspect-ratio:4/4.6;object-fit:cover;object-position:50% 20%;box-shadow:var(--shadow);width:100%}
.home-attorney figcaption {font-size:12px;color:var(--muted);padding-top:17px}
.home-attorney blockquote {font:32px/1.3 var(--font-display);margin:30px 0;border-left:3px solid var(--gold);padding:4px 0 4px 22px;color:var(--navy)}
.home-attorney p {font-size:16px}
.home-process {background:linear-gradient(125deg,#142448,#0b1630);color:white}
.home-process .eyebrow,.home-process h2 em {color:#e2bf78}
.process-timeline {list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:0;margin:45px 0 25px}
.process-timeline li {border-top:1px solid #ffffff40;padding-top:24px;position:relative}
.step-number {display:grid;place-items:center;border:1px solid #e2bf7870;border-radius:50%;width:46px;height:46px;color:#e2bf78;font-size:14px;background:#ffffff08}
.process-timeline h3 {font:25px/1.25 var(--font-display);margin:24px 0 16px}
.process-timeline p {color:#d1d9e7;font-size:14px;line-height:1.8}
.home-process .textlink {color:#f0d396;font-size:14px}
.home-faq-grid {display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,80px)}
.home-faq .textlink {display:block;font-size:13px}
.home-faq .faqs {border-top:1px solid var(--line)}
.home-faq .faqs p {font-size:15px;line-height:1.85}
.faq-phone {font:28px/1.4 var(--font-display);color:var(--navy)}
.mobilebar {background:#0b1630f5;backdrop-filter:blur(16px);border-color:#ffffff30}
.mobilebar a {border-radius:10px;background:#c89b3c;color:#0b1630}
.mobilebar a:last-child {border-radius:10px}
.premium-hero-copy {animation:home-arrive .65s ease-out both}
@keyframes home-arrive {from{opacity:.7;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:981px) {
 .floating-call {display:flex;position:fixed;right:22px;bottom:24px;align-items:center;gap:9px;border-radius:50px;background:var(--gold);color:var(--navy);padding:13px 18px;text-decoration:none;font-size:13px;font-weight:650;box-shadow:0 8px 30px #0003;z-index:30;min-height:48px}
 .floating-call svg {width:19px;height:19px}
}
@media(max-width:1100px) {
 .premium-hero-grid {gap:36px;grid-template-columns:1.2fr .85fr}
 .premium-hero h1 {font-size:52px}
 .premium-hero .actions {flex-direction:column;align-items:flex-start}
 .practice-card-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-start-grid {gap:35px;grid-template-columns:1fr 1fr}
 .feature-grid {gap:24px 18px}
 .home-section-heading {gap:40px}
}
@media(max-width:980px) {
 .header .shell {min-height:88px}
 .header nav {display:none}
 .header nav.open {display:flex}
 .header nav .navcta {text-align:center;padding:13px}
 .home-start-grid {grid-template-columns:1fr}
 .home-inquiry {max-width:650px;width:100%;justify-self:center}
 .feature-grid {grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:15px}
 .feature-card h3 {font-size:15px}
 .feature-card p {font-size:13px}
 .process-timeline {grid-template-columns:repeat(2,minmax(0,1fr))}
 .floating-call {display:none}
}
@media(max-width:760px) {
 .utility .shell {align-items:center;min-height:42px}
 .utility .shell>span {font-size:10px;max-width:250px;line-height:1.5}
 .utility a {font-size:11px}
 .hero-trust {gap:9px 15px;font-size:11px}
 .premium-hero-grid {grid-template-columns:1.2fr .85fr;gap:25px}
 .premium-hero h1 {font-size:43px}
 .premium-hero .hero-intro {font-size:15px}
 .premium-portrait strong {font-size:21px}
 .premium-portrait .portrait-label {font-size:9px}
 .premium-portrait figcaption {padding:17px 8px 8px}
 .home-section-heading,.home-attorney-grid,.home-faq-grid {grid-template-columns:1fr;gap:25px}
 .home-section-heading>p {margin-top:0}
 .feature-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .feature-card h3 {font-size:17px}
 .feature-card p {font-size:14px}
 .home-attorney figure {width:100%;max-width:350px}
 .section-lead {font-size:17px}
 .lead-card {padding:25px}
 .contactstrip {padding-block:55px}
}
@media(max-width:600px) {
 .premium-hero-grid {grid-template-columns:1fr;padding-block:46px;gap:35px}
 .premium-hero h1 {font-size:clamp(39px,9vw,52px);margin-bottom:24px}
 .premium-hero .eyebrow {font-size:10px;margin-bottom:22px;max-width:none}
 .premium-hero .actions {flex-direction:row;align-items:stretch}
 .premium-hero .actions .button {width:100%;font-size:14px}
 .premium-portrait {width:80%;max-width:330px;justify-self:center;padding:9px;border-radius:24px}
 .premium-portrait>img {aspect-ratio:4/4.3;border-radius:16px}
 .premium-portrait strong {font-size:25px}
 .premium-portrait .portrait-label {font-size:9px}
 .premium-portrait figcaption {padding:20px 10px 10px}
 .practice-card-grid {grid-template-columns:1fr;gap:14px}
 .practice-card {padding:25px;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:18px;align-items:start}
 .practice-icon {grid-row:1/4;margin:0}
 .practice-card h3 {font-size:25px;margin:0 0 10px}
 .practice-card p {grid-column:2;font-size:14px;margin-bottom:18px}
 .practice-card .card-link {grid-column:2}
 .process-timeline {grid-template-columns:1fr;gap:22px;margin-top:30px}
 .process-timeline li {padding:22px 0 0 65px;min-height:110px}
 .step-number {position:absolute;left:0;top:22px}
 .process-timeline h3 {margin:0 0 12px;font-size:25px}
 .process-timeline p {margin:0}
 .other-matters>div {flex-direction:column;gap:12px}
 .home-attorney blockquote {font-size:29px}
 .lead-card h2 {font-size:30px}
 .section h2 {font-size:35px}
 .feature-grid {gap:25px 20px}
 footer .bottom {font-size:11px}
}
@media(prefers-reduced-motion:reduce) {
 html {scroll-behavior:auto}
 *,*::before,*::after {animation:none!important;transition:none!important}
 .button:hover,.practice-card:hover {transform:none}
}
@media print {
 .floating-call,.premium-hero .actions {display:none}
 .premium-hero,.home-practices,.home-process {background:white;color:#0b1630}
 .premium-hero p,.premium-hero .hero-intro,.hero-trust,.home-practices p,.process-timeline p {color:#1c2434}
 .premium-portrait {max-width:220px;box-shadow:none}
 .practice-card {border-color:#aaa;color:#0b1630}
 .premium-hero-grid {padding-block:25px}
 .home-start-grid {display:block}
}