/* DRELVANO — css/style.css */
@theme { --color-bg-primary:#FAF7F2; --color-bg-secondary:#F0EBE3; --color-ink-primary:#1A1816; --color-ink-muted:#6A7A3A; --color-accent:#7A8A4A; --font-display:'Playfair Display',Georgia,serif; --font-body:'Source Sans 3',Arial,sans-serif; }
:root{--bg:#FAF7F2;--paper:#F0EBE3;--ink:#1A1816;--muted:#6A7A3A;--accent:#7A8A4A;--line:#d8d2c8;--max:1240px}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:18px;line-height:1.6}a{color:var(--muted);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1240px;width:100%;margin:0 auto;padding:0 24px}.topbar{background:var(--paper);color:var(--muted);border-bottom:1px solid var(--line);padding:8px 24px;text-align:center;font-size:13px}.site-header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between}.wordmark,.footer-brand{font:700 32px var(--font-display);color:var(--ink)}.main-nav{display:flex;align-items:center;gap:28px;font-size:16px}.nav-group{position:relative;color:var(--muted)}.dropdown{display:none;position:absolute;top:28px;left:-16px;background:var(--paper);border:1px solid var(--line);padding:12px;width:230px;box-shadow:0 12px 25px #1a18161a}.nav-group:hover .dropdown{display:grid;gap:8px}.nav-contact{background:var(--accent);color:#fff!important;padding:10px 20px;border-radius:999px}.header-note{text-align:center;background:var(--paper);color:var(--muted);font-size:13px;padding:4px}.menu-button,.mobile-nav{display:none}.hero{background:var(--ink);color:#fff;padding:90px 0}.hero h1,.hero h2,.hero p,.hero .eyebrow{color:#fff}.hero-grid,.split{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.hero img,.split img{width:100%;height:100%;max-height:500px;object-fit:cover;border-radius:8px}.eyebrow,.kicker{color:var(--accent);font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:500}.hero .eyebrow{color:#dbe5b5}.hero h1,h1{font:700 clamp(42px,6vw,78px)/1.05 var(--font-display);margin:16px 0 24px}h2{font:700 clamp(30px,4vw,48px)/1.15 var(--font-display);margin:0 0 20px}h3{font:700 25px var(--font-display);margin:0 0 12px}p{margin:0 0 18px}.section{padding:88px 0}.section h2,.section h3,.section p,.section .kicker{color:var(--ink)}.paper{background:var(--paper)}.intro{max-width:780px}.grid-3,.grid-4,.article-grid,.stats{display:grid;gap:28px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.article-grid{grid-template-columns:repeat(3,1fr)}.card{border-top:3px solid var(--accent);padding:24px;background:#fff}.card img{width:100%;height:210px;object-fit:cover;border-radius:6px;margin-bottom:18px}.stats-band,.cta{background:var(--accent);color:#fff}.stats-band h2,.stats-band h3,.stats-band p,.cta h2,.cta p{color:#fff}.stats{grid-template-columns:repeat(4,1fr);text-align:center}.stat strong{display:block;font:700 48px var(--font-display);color:#fff}.timeline{display:grid;gap:20px}.step{display:grid;grid-template-columns:90px 1fr;gap:22px;border-bottom:1px solid var(--line);padding:24px 0}.step-number{font:700 38px var(--font-display);color:var(--accent)}.quote{background:var(--ink);color:#fff;padding:72px 24px;text-align:center}.quote blockquote{max-width:900px;margin:auto;color:#fff;font:700 34px/1.3 var(--font-display)}.quote cite{display:block;color:#e5e7eb;margin-top:24px;font-style:normal}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table th,.data-table td{padding:16px;border:1px solid var(--line);text-align:left}.data-table th{background:var(--paper);color:var(--ink)}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);background:#fff}.faq-question{width:100%;display:flex;justify-content:space-between;text-align:left;background:none;border:0;padding:20px;font:500 20px var(--font-body);color:var(--ink);cursor:pointer}.faq-answer{display:none;padding:0 20px 20px;color:var(--ink)}.faq-item.open .faq-answer{display:block}.callout{border-left:5px solid var(--accent);background:var(--paper);padding:28px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.map{min-height:420px}.map iframe{width:100%;height:100%;min-height:420px;border:0}.legal{max-width:900px}.legal h1{font-size:58px}.legal h2{font-size:30px;margin-top:42px}.site-footer{background:var(--ink);color:#fff;padding:72px 0 28px}.site-footer h3,.site-footer p,.site-footer a,.site-footer .footer-brand{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:56px}.footer-grid section{display:flex;flex-direction:column;gap:8px}.footer-bottom{border-top:1px solid #ffffff33;margin-top:50px;padding-top:24px;font-size:15px}.cookie-banner{display:none;position:fixed;z-index:50;left:50%;bottom:16px;transform:translateX(-50%);width:calc(100% - 24px);max-width:1100px;background:#FAF7F2;color:#1A1816;border:1px solid #0000001a;border-radius:20px;box-shadow:0 8px 40px #0000001a;padding:16px 20px}.cookie-banner>div{display:flex;gap:8px;flex-wrap:wrap}.cookie-banner button{border:0;border-radius:999px;padding:10px 16px;background:var(--accent);color:#fff;cursor:pointer}.cookie-banner button+button{background:#e2ded6;color:var(--ink)}.not-found{text-align:center;padding:130px 24px}.not-found h1{font-size:100px}
@media(max-width:1023px){.main-nav{gap:14px}.grid-4{grid-template-columns:repeat(2,1fr)}.hero-grid,.split{gap:32px}}
@media(max-width:767px){body{font-size:16px}.main-nav{display:none}.menu-button{display:block;border:0;background:none;color:var(--muted);font-size:25px}.mobile-nav{display:none;flex-direction:column;padding:18px 24px;gap:12px;background:var(--bg)}.mobile-nav.show{display:flex}.hero,.section{padding:58px 0}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.grid-3,.grid-4,.article-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr);gap:20px}.footer-grid{grid-template-columns:1fr;gap:28px}.quote blockquote{font-size:27px}.legal h1{font-size:44px}.step{grid-template-columns:60px 1fr}.hero img{max-height:330px}}