,sans-serif;background:var(--ink);color:var(--white);overflow-x:hidden;}
::-webkit-scrollbar{width:5px;} ::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px;}
a{text-decoration:none;color:inherit;}
nav{position:fixed;top:0;left:0;right:0;z-index:200;height:70px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:rgba(6,16,28,0.93);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);}
.nav-logo img{height:58px;}
.nav-links{display:flex;gap:40px;list-style:none;margin:0;padding:0;}
.nav-links a{text-decoration:none;color:var(--muted);font-size:0.8rem;font-weight:500;letter-spacing:0.07em;text-transform:uppercase;transition:color 0.2s;}
.nav-links a:hover{color:var(--accent);}
.nav-cta{background:var(--accent);color:var(--ink)!important;padding:10px 22px;border-radius:6px;text-decoration:none;font-weight:700;font-size:0.82rem;letter-spacing:0.04em;transition:all 0.2s;}
.nav-cta:hover{background:var(--accent2);transform:translateY(-1px);}
.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border2);border-radius:10px;background:transparent;color:var(--white);cursor:pointer;}
.nav-toggle svg{width:20px;height:20px;}.brookside-page-content{padding-top:70px;}
.has-dropdown{position:relative;padding-bottom:12px;margin-bottom:-12px;}
.dropdown{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:rgba(6,16,28,0.98);backdrop-filter:blur(20px);border:1px solid var(--border2);border-radius:10px;padding:12px 0 8px;min-width:215px;z-index:300;box-shadow:0 16px 48px rgba(0,0,0,0.6);list-style:none;}
.dropdown li a{display:block;padding:9px 20px;color:rgba(255,255,255,0.72)!important;font-size:0.82rem!important;text-transform:none!important;letter-spacing:0.02em!important;white-space:nowrap;transition:all 0.15s;}
.dropdown li a:hover{color:var(--accent)!important;background:rgba(91,175,214,0.06);padding-left:26px;}
.has-dropdown:hover .dropdown,.has-dropdown:focus-within .dropdown{display:block;}
@media(max-width:960px){html,body{overflow-x:hidden;max-width:100vw;}.hero-inner{flex-direction:column;}.dashboard{width:100%;max-width:100%;overflow:hidden;}.hero{overflow:hidden;}nav{height:auto;min-height:70px;align-items:flex-start;flex-wrap:wrap;padding:12px 6%;}.nav-toggle{display:inline-flex;margin-left:auto;width:44px;height:44px;min-width:44px;min-height:44px;align-items:center;justify-content:center;flex-shrink:0;}.nav-cta{display:none;}.nav-links{display:none;width:100%;flex-direction:column;gap:0;padding:12px 0 4px;}.nav-links.nav-open{display:flex;}.nav-links>li{width:100%;border-top:1px solid var(--border);}.nav-links>li>a{display:flex;width:100%;justify-content:space-between;align-items:center;padding:14px 0;}.has-dropdown{padding-bottom:0;margin-bottom:0;}.dropdown{position:static;display:none;transform:none;min-width:100%;margin:0 0 10px;box-shadow:none;border-radius:12px;}.has-dropdown.open .dropdown{display:block;}}
.page-hero{padding:110px 6% 64px;background:radial-gradient(ellipse 60% 50% at 20% 50%,rgba(42,122,181,0.1) 0%,transparent 60%),var(--ink);}
.page-hero-inner{max-width:1200px;margin:0 auto;}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.14em;margin-bottom:16px;}
.eyebrow-line{width:24px;height:1px;background:var(--accent);}
h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,4vw,4rem);font-weight:700;line-height:1.1;letter-spacing:-0.01em;margin-bottom:14px;}
h1 em{font-style:italic;color:var(--accent);}
.lead{color:var(--off);font-size:1rem;line-height:1.8;max-width:560px;font-weight:300;margin-bottom:28px;}
.search-wrap{display:flex;gap:0;max-width:540px;}
.search-input{flex:1;background:rgba(255,255,255,0.06);border:1px solid var(--border2);border-right:none;border-radius:8px 0 0 8px;padding:12px 18px;color:var(--white);font-family:'DM Sans',sans-serif;font-size:0.88rem;outline:none;transition:border-color 0.2s;}
.search-input::placeholder{color:var(--muted);}
.search-input:focus{border-color:var(--accent);}
.search-btn{background:var(--accent);color:var(--ink);border:none;padding:12px 20px;border-radius:0 8px 8px 0;cursor:pointer;font-weight:700;font-size:0.85rem;font-family:'DM Sans',sans-serif;transition:background 0.2s;white-space:nowrap;}
.search-btn:hover{background:var(--accent2);}
.filter-bar{max-width:1200px;margin:0 auto;padding:28px 6% 0;display:flex;gap:10px;flex-wrap:wrap;}
.filter-btn{padding:7px 18px;border-radius:100px;border:1px solid var(--border2);background:transparent;color:var(--muted);font-size:0.78rem;font-weight:500;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s;letter-spacing:0.04em;}
.filter-btn:hover,.filter-btn.active{background:var(--accent-dim);border-color:rgba(91,175,214,0.3);color:var(--accent);}
.blog-wrap{max-width:1200px;margin:0 auto;padding:36px 6% 0;display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start;}
.featured-post{background:var(--panel);border:1px solid var(--border2);border-radius:16px;overflow:hidden;margin-bottom:28px;display:grid;grid-template-columns:1fr 1fr;transition:all 0.25s;}
.featured-post:hover{border-color:rgba(91,175,214,0.3);transform:translateY(-3px);box-shadow:0 16px 48px rgba(0,0,0,0.3);}
.featured-thumb{height:100%;min-height:240px;background:linear-gradient(135deg,#0d2840,#0a1f35);display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative;overflow:hidden;}
.featured-badge{position:absolute;top:14px;left:14px;background:var(--accent);color:var(--ink);font-size:0.6rem;font-weight:700;letter-spacing:0.12em;padding:4px 10px;border-radius:100px;}
.featured-body{padding:32px;}
.blog-tag{display:inline-block;margin-bottom:10px;padding:3px 10px;background:var(--accent-dim);border:1px solid rgba(91,175,214,0.2);border-radius:100px;font-size:0.65rem;color:var(--accent);font-weight:600;letter-spacing:0.06em;}
.featured-body h2{font-family:'Cormorant Garamond',serif;font-size:1.55rem;font-weight:700;line-height:1.2;margin-bottom:10px;}
.featured-body p{color:var(--muted);font-size:0.85rem;line-height:1.65;margin-bottom:20px;}
.post-meta{display:flex;gap:14px;align-items:center;margin-bottom:12px;flex-wrap:wrap;}
.meta-item{font-size:0.72rem;color:var(--muted);}
.read-more{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:0.83rem;font-weight:600;transition:gap 0.2s;}
.read-more:hover{gap:10px;}
.posts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;}
.blog-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all 0.25s;display:flex;flex-direction:column;}
.blog-card:hover{border-color:rgba(91,175,214,0.3);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,0.3);}
.blog-card-thumb{height:120px;display:flex;align-items:center;justify-content:center;font-size:2.4rem;}
.t1{background:radial-gradient(circle at 50% 60%,#0d2840,#06101c);} .t2{background:radial-gradient(circle at 50% 60%,#0a2235,#06101c);} .t3{background:radial-gradient(circle at 50% 60%,#0e2030,#06101c);} .t4{background:radial-gradient(circle at 50% 60%,#0b1e32,#06101c);} .t5{background:radial-gradient(circle at 50% 60%,#0d2640,#06101c);}
.blog-card-body{padding:20px;display:flex;flex-direction:column;}
.blog-card h3{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:700;line-height:1.25;margin:0 0 8px;}
.blog-card p{color:var(--muted);font-size:0.81rem;line-height:1.6;flex:1;margin-bottom:16px;}
.no-results{display:none;text-align:center;padding:48px 0;color:var(--muted);}
.no-results.show{display:block;}
.sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:90px;}
.sidebar-card{background:var(--panel);border:1px solid var(--border2);border-radius:14px;padding:24px;}
.sidebar-card h4{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:700;margin-bottom:6px;}
.sidebar-card p{color:var(--muted);font-size:0.82rem;line-height:1.6;margin-bottom:14px;}
.email-card{background:linear-gradient(135deg,rgba(91,175,214,0.12),rgba(42,122,181,0.08));border:1px solid rgba(91,175,214,0.25);border-radius:14px;padding:24px;}
.email-card h4{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:700;margin-bottom:6px;}
.email-card p{color:var(--off);font-size:0.82rem;line-height:1.6;margin-bottom:14px;}
.email-form{display:flex;flex-direction:column;gap:10px;}
.email-input{background:rgba(6,16,28,0.6);border:1px solid var(--border2);border-radius:7px;padding:10px 14px;color:var(--white);font-family:'DM Sans',sans-serif;font-size:0.84rem;outline:none;transition:border-color 0.2s;}
.email-input::placeholder{color:var(--muted);}
.email-input:focus{border-color:var(--accent);}
.email-submit{background:var(--accent);color:var(--ink);border:none;padding:10px 16px;border-radius:7px;font-weight:700;font-size:0.84rem;cursor:pointer;font-family:'DM Sans',sans-serif;transition:background 0.2s;}
.email-submit:hover{background:var(--accent2);}
.email-success{display:none;color:var(--green);font-size:0.84rem;text-align:center;padding:12px;}
.email-fine{font-size:0.68rem;color:var(--muted);text-align:center;}
.contact-cta{background:var(--panel);border:1px solid var(--border2);border-radius:14px;padding:24px;text-align:center;}
.contact-cta .cta-icon{font-size:2rem;margin-bottom:10px;}
.contact-cta h4{font-family:'Cormorant Garamond',serif;font-size:1.1rem;margin-bottom:8px;}
.contact-cta p{color:var(--muted);font-size:0.8rem;line-height:1.6;margin-bottom:14px;}
.cta-phone{display:block;font-weight:700;font-size:0.95rem;color:var(--white)!important;margin-bottom:5px;}
.cta-email{display:block;font-size:0.8rem;color:var(--off)!important;margin-bottom:16px;}
.cta-btn-solid{display:block;background:var(--accent);color:var(--ink)!important;padding:10px 16px;border-radius:7px;font-weight:700;font-size:0.84rem;text-align:center;transition:all 0.2s;}
.cta-btn-solid:hover{background:var(--accent2);transform:translateY(-1px);}
.topic-list{list-style:none;display:flex;flex-direction:column;gap:7px;}
.topic-list li a{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:8px;color:var(--off);font-size:0.82rem;transition:all 0.2s;}
.topic-list li a:hover{border-color:rgba(91,175,214,0.2);color:var(--accent);background:var(--accent-dim);}
.topic-arrow{color:var(--accent);font-size:0.75rem;}
.cta-band{background:var(--panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:52px 6%;text-align:center;margin-top:56px;}
.cta-band-inner{max-width:640px;margin:0 auto;}
.cta-band h2{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:700;margin-bottom:12px;}
.cta-band p{color:var(--off);font-size:0.95rem;line-height:1.75;margin-bottom:24px;font-weight:300;}
.cta-contact-row{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:20px;font-size:0.95rem;color:var(--off);}
.cta-contact-row a{color:var(--white)!important;font-weight:600;}
.btn-primary{background:var(--accent);color:var(--ink)!important;padding:13px 28px;border-radius:6px;text-decoration:none;font-weight:700;font-size:0.88rem;letter-spacing:0.03em;display:inline-block;transition:all 0.2s;}
.btn-primary:hover{background:var(--accent2);transform:translateY(-1px);box-shadow:0 8px 24px rgba(91,175,214,0.25);}
.bp-footer{background:#0b1f33;color:#fff;border-top:1px solid rgba(255,255,255,.08);}
.bp-footer-inner{max-width:1200px;margin:0 auto;padding:44px 24px;display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:28px;align-items:start;}
.bp-footer-logo{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 12px;}
.bp-footer-brand p{color:rgba(255,255,255,.72);font-size:.92rem;line-height:1.7;max-width:320px;margin:0 0 14px;}
.bp-footer-contact{display:flex;flex-direction:column;gap:8px;}
.bp-footer-contact a{color:#fff!important;text-decoration:none;font-size:.9rem;}
.bp-footer-col h5{margin:0 0 12px;color:#fff;font-size:.92rem;letter-spacing:.02em;}
.bp-footer-col ul{list-style:none;margin:0;padding:0;}
.bp-footer-col li{margin:0 0 8px;}
.bp-footer-col a{color:rgba(255,255,255,.82);text-decoration:none;font-size:.88rem;line-height:1.5;}
.bp-footer-col a:hover{color:#fff;}
.bp-footer-bottom{max-width:1200px;margin:0 auto;padding:18px 24px 28px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
.bp-footer-bottom p{margin:0;color:rgba(255,255,255,.7);font-size:.8rem;}
.bp-footer-badges{display:flex;gap:8px;flex-wrap:wrap;}
.bp-footer-badge{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;font-size:.74rem;line-height:1;background:rgba(255,255,255,.04);}
@media(max-width:1000px){.blog-wrap{grid-template-columns:1fr;}.sidebar{position:static;}}
@media(max-width:720px){.posts-grid{grid-template-columns:1fr;}.featured-post{grid-template-columns:1fr;}.featured-thumb{min-height:160px;}}
@media(max-width:980px){.bp-footer-inner{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.bp-footer-inner{grid-template-columns:1fr;padding:36px 20px;}.bp-footer-bottom{padding:16px 20px 24px;}}
</style>
/* ── site-shell base ── */
.site-shell{max-width:900px;margin:0 auto;padding:60px 24px;font-family:'DM Sans',sans-serif;font-size:1rem;line-height:1.75;color:rgba(255,255,255,0.78);}
.site-shell p{font-family:'DM Sans',sans-serif;font-size:1rem;line-height:1.75;margin:0 0 16px;color:rgba(255,255,255,0.78);}
.site-shell ul,.site-shell ol{font-family:'DM Sans',sans-serif;font-size:1rem;line-height:1.75;padding-left:20px;margin-bottom:16px;}
.site-shell li{margin-bottom:6px;color:rgba(255,255,255,0.78);}
.site-shell h1{font-family:'Cormorant Garamond',serif!important;font-size:clamp(2rem,3.5vw,3rem)!important;font-weight:700!important;line-height:1.15!important;margin:0 0 16px!important;color:#fff!important;}
.site-shell h2{font-family:'DM Sans',sans-serif!important;font-size:clamp(1.15rem,2vw,1.45rem)!important;line-height:1.25!important;margin:0 0 12px!important;color:#fff!important;font-weight:700!important;}
.site-shell h3{font-family:'DM Sans',sans-serif!important;font-size:1.05rem!important;font-weight:700!important;margin:20px 0 8px!important;color:#fff!important;}
.site-shell .card h2:first-child,.site-shell section.card h2:first-child{margin-top:0!important;}
.site-shell .card,.site-shell section.card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:28px 32px;margin-bottom:20px;}
.site-shell a{color:#fff!important;}
.site-shell a:hover{color:var(--accent,#5bafd6)!important;}
.site-shell .btn,.site-shell a.btn{display:inline-block;background:var(--accent,#5bafd6);color:#06101c!important;padding:12px 28px;border-radius:8px;font-weight:700;font-size:0.95rem;text-decoration:none;margin-top:8px;transition:opacity 0.2s;}
.site-shell .btn:hover,.site-shell a.btn:hover{opacity:0.88;color:#06101c!important;}
.site-shell button[type="submit"],.site-shell button.btn{background:var(--accent,#5bafd6);color:#06101c;border:none;padding:13px 32px;border-radius:8px;font-family:'DM Sans',sans-serif;font-size:0.95rem;font-weight:700;cursor:pointer;transition:opacity 0.2s;margin-top:8px;}
.site-shell button[type="submit"]:hover{opacity:0.88;}
.site-shell .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.site-shell .grid .split{display:flex;flex-direction:column;gap:6px;}
.site-shell label{display:block;font-size:0.78rem;font-weight:600;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:4px;}
.site-shell input[type="text"],.site-shell input[type="email"],.site-shell input[type="tel"],.site-shell input[type="file"],.site-shell select,.site-shell textarea{width:100%;padding:11px 14px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);border-radius:8px;color:#fff;font-family:'DM Sans',sans-serif;font-size:0.95rem;outline:none;transition:border-color 0.2s;}
.site-shell input::placeholder,.site-shell textarea::placeholder{color:rgba(255,255,255,0.35);}
.site-shell input:focus,.site-shell select:focus,.site-shell textarea:focus{border-color:rgba(91,175,214,0.5);background:rgba(91,175,214,0.04);}
.site-shell textarea{height:90px;resize:vertical;}
.site-shell blockquote{border-left:3px solid var(--accent,#5bafd6);padding:12px 20px;margin:16px 0;color:rgba(255,255,255,0.78);font-style:italic;}
.site-shell select option{background:#0c1d30;color:#fff;}
.site-shell .grid{align-items:start!important;}
.site-shell .grid .split{min-height:0!important;height:auto!important;display:flex;flex-direction:column;gap:6px;}
.site-shell .grid .card.split,.site-shell .grid div.card{min-height:0!important;height:auto!important;align-self:start;}
.site-shell input[type="text"],.site-shell input[type="email"],.site-shell input[type="tel"]{min-height:0!important;height:auto!important;}
.kicker{font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;color:var(--accent,#5bafd6);margin-bottom:8px;}
@media(max-width:640px){
  .site-shell{padding:40px 16px;}
  .site-shell .card{padding:20px 18px;}
  .site-shell .grid{grid-template-columns:1fr;}
}
.skip-nav{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}.skip-nav:focus{position:fixed;top:12px;left:12px;width:auto;height:auto;padding:10px 20px;background:#1a6fc4;color:#fff;font-size:0.9rem;font-weight:600;border-radius:6px;z-index:9999;text-decoration:none;overflow:visible;}