/*
Theme Name: SREA Client Platform
Theme URI: https://srealliance.com/
Author: Strategic Real Estate Alliance LLC
Description: Responsive, client-focused WordPress theme for Strategic Real Estate Alliance with editable navigation, real HTML calls to action, sector pathways, portals, and a bundled waterfront hero image.
Version: 3.8.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: srea-client-platform
*/

:root {
  --srea-ink: #010714;
  --srea-navy: #020b22;
  --srea-blue: #061a3a;
  --srea-blue-bright: #0b3f8a;
  --srea-gold: #d4af37;
  --srea-gold-deep: #9d6810;
  --srea-gold-light: #f5d981;
  --srea-silver: #dce1e7;
  --srea-silver-bright: #f4f6f8;
  --srea-silver-mid: #b5bec8;
  --srea-white: #eef1f4;
  --srea-muted: #bcc4ce;
  --srea-line: rgba(212,175,55,.34);
  --srea-shell: min(1240px, calc(100% - 40px));
  --srea-shadow: 0 28px 80px rgba(0,0,0,.42);
  --srea-serif: "Cinzel", "Cormorant Garamond", Georgia, serif;
  --srea-sans: "Montserrat", Inter, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--srea-ink); color: var(--srea-silver); font-family: var(--srea-sans); line-height: 1.6; }
body.menu-open { overflow: hidden; }
img { display: block; height: auto; max-width: 100%; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--srea-serif); font-weight: 500; line-height: 1.07; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.srea-shell { margin-inline: auto; width: var(--srea-shell); }

.site-header { align-items: center; background: rgba(1,7,20,.92); border-bottom: 1px solid var(--srea-line); display: flex; gap: 28px; justify-content: space-between; left: 0; min-height: 106px; padding: 14px clamp(18px,3vw,46px); position: fixed; right: 0; top: 0; transition: background .2s, min-height .2s; z-index: 1000; }
.admin-bar .site-header { top: 32px; }
.site-header.is-scrolled { background: rgba(1,7,20,.98); min-height: 82px; }
.site-branding { flex: 0 0 auto; }
.custom-logo-link { display: block; }
.custom-logo { max-height: 72px; width: auto; }
.srea-fallback-logo { color: var(--srea-gold); font-family: var(--srea-serif); font-size: 2.2rem; letter-spacing: .16em; text-decoration: none; }
.srea-fallback-logo small { color: var(--srea-silver); display: block; font-family: var(--srea-sans); font-size: .55rem; letter-spacing: .2em; }
.primary-navigation { margin-left: auto; }
.srea-menu { align-items: center; display: flex; gap: clamp(13px,1.5vw,24px); list-style: none; margin: 0; padding: 0; }
.srea-menu a { color: #d7dde4; font-size: .67rem; font-weight: 800; letter-spacing: .09em; text-decoration: none; text-shadow: 0 1px 8px rgba(255,255,255,.06); text-transform: uppercase; white-space: nowrap; }
.srea-menu a:hover, .srea-menu .current-menu-item > a { color: var(--srea-gold-light); }
.header-cta { border: 1px solid var(--srea-gold); color: var(--srea-gold-light); font-size: .68rem; font-weight: 900; letter-spacing: .1em; padding: 11px 15px; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.menu-toggle { background: transparent; border: 1px solid var(--srea-line); cursor: pointer; display: none; height: 44px; padding: 9px; width: 48px; }
.menu-toggle span:not(.screen-reader-text) { background: var(--srea-gold); display: block; height: 2px; margin: 6px 2px; }

.hero { align-items: center; display: flex; min-height: 690px; overflow: hidden; padding: 135px 0 78px; position: relative; }
.hero__background { background: var(--srea-navy) url('assets/images/srea-hero-background.jpg') center center / cover no-repeat; filter: brightness(1.16) saturate(1.12) contrast(1.04); inset: 0; position: absolute; transform: scale(1.01); }
.hero__overlay { background: linear-gradient(90deg, rgba(1,7,20,.42) 0%, rgba(1,7,20,.36) 34%, rgba(1,7,20,.18) 66%, rgba(1,7,20,.08) 100%), linear-gradient(0deg, rgba(1,7,20,.70) 0%, rgba(1,7,20,.24) 48%, rgba(1,7,20,.04) 78%); inset: 0; position: absolute; }
.hero__content { margin-inline: auto; max-width: 820px; position: relative; text-align: center; z-index: 2; }
.hero h1 { color: var(--srea-silver-bright); font-size: clamp(3.1rem,6vw,6.25rem); letter-spacing: -.02em; margin-bottom: 20px; text-shadow: 0 4px 28px rgba(0,0,0,.78); }
.hero h1 span { background: linear-gradient(100deg,#fff 0%,#c8cdd4 35%,#d4af37 62%,#f5d981 78%,#fff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero__lead { color: #dce2e8; font-family: var(--srea-serif); font-size: clamp(1.25rem,2vw,1.75rem); line-height: 1.42; margin-inline: auto; max-width: 720px; text-shadow: 0 3px 18px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.1); }
.hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.hero .hero__actions { justify-content: center; }
.hero__journey { align-items: center; display: flex; flex-direction: column; gap: 12px; }
.hero__journey > span { color: var(--srea-gold-light); font-size: .68rem; font-weight: 900; letter-spacing: .22em; text-shadow: 0 2px 10px rgba(0,0,0,.7); text-transform: uppercase; }
.hero__journey b { display: inline-block; font-size: 1rem; margin-left: 8px; transition: transform .2s; }
.hero__journey a:hover b { transform: translateY(4px); }
.srea-button { align-items: center; border: 1px solid var(--srea-gold); display: inline-flex; justify-content: center; min-height: 54px; padding: 14px 25px; text-decoration: none; text-transform: uppercase; letter-spacing: .12em; font-size: .72rem; font-weight: 900; transition: transform .18s, background .18s; }
.srea-button:hover { transform: translateY(-2px); }
.srea-button--gold { background: linear-gradient(135deg,#9d6810,#f5d981,#b78322); color: #061226; box-shadow: 0 15px 38px rgba(212,175,55,.22); }
.srea-button--outline { background: rgba(1,7,20,.42); color: var(--srea-gold-light); }

.pathways { background: radial-gradient(circle at 50% 0,rgba(14,52,105,.15),transparent 38%),linear-gradient(180deg,#020b22 0%,#010817 28%,#020b22 84%,#020b22 100%); border-top: 0; padding: 54px 0 112px; position: relative; }
.pathways::before { background: linear-gradient(180deg,rgba(2,11,34,0) 0%,rgba(2,11,34,.58) 42%,#020b22 100%); content: ""; height: 95px; left: 0; pointer-events: none; position: absolute; right: 0; top: -95px; }
.pathways > .srea-shell { position: relative; width: min(1580px,calc(100% - 32px)); z-index: 1; }
.section-heading { margin: 0 auto 26px; max-width: 840px; text-align: center; }
.section-heading__kicker { color: var(--srea-gold); font-size: .72rem; font-weight: 900; letter-spacing: .22em; margin-bottom: 15px; text-transform: uppercase; }
.section-heading h2 { background: linear-gradient(180deg,#fff 0%,#dce2e8 34%,#8f9aa6 52%,#f3f5f7 70%,#a5afb9 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 1px 0 rgba(255,255,255,.34)) drop-shadow(0 3px 0 rgba(0,0,0,.72)) drop-shadow(0 10px 18px rgba(0,0,0,.48)); font-size: clamp(2.4rem,4.3vw,4.6rem); letter-spacing: .015em; margin-bottom: 18px; }
.section-heading p { color: #d2d9e1; font-size: 1.05rem; text-shadow: 0 1px 8px rgba(0,0,0,.42); }
.pathway-grid { display: grid; gap: 16px; grid-template-columns: repeat(6,minmax(0,1fr)); }
.pathway-card { align-items: center; background: radial-gradient(ellipse at 24% 0,rgba(42,88,143,.28),transparent 42%),radial-gradient(ellipse at 82% 100%,rgba(10,42,83,.3),transparent 48%),repeating-linear-gradient(118deg,rgba(255,255,255,.014) 0 1px,rgba(0,0,0,.012) 1px 3px),linear-gradient(148deg,#0b2850 0%,#071a38 38%,#031127 68%,#010714 100%) padding-box,linear-gradient(120deg,#835813 0%,#f5d981 28%,#a66f19 62%,#f0d37b 100%) border-box; border: 1px solid transparent; box-shadow: 0 24px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05),inset 0 -18px 42px rgba(0,0,0,.18); display: flex; flex-direction: column; justify-content: flex-start; min-height: 345px; overflow: hidden; padding: 26px 18px 23px; position: relative; text-align: center; text-decoration: none; transition: transform .28s, box-shadow .28s, filter .28s; }
.pathway-card::before { background: linear-gradient(135deg,rgba(255,255,255,.025),transparent 42%,rgba(0,0,0,.045)); border: 1px solid rgba(245,217,129,.22); content: ""; inset: 9px; pointer-events: none; position: absolute; }
.pathway-card::after { background: linear-gradient(90deg,transparent,#f5d981 50%,transparent); content: ""; height: 1px; left: 18%; opacity: .55; position: absolute; right: 18%; top: 9px; }
.pathway-card:hover { box-shadow: 0 30px 72px rgba(0,0,0,.55),0 0 32px rgba(212,175,55,.12),inset 0 1px 0 rgba(255,255,255,.06); filter: brightness(1.08); transform: translateY(-7px); }
.pathway-card__icon { align-items: center; background: repeating-conic-gradient(from 0deg,#f8df82 0 4deg,#8a570d 4deg 8deg,#d7a935 8deg 12deg); border: 2px solid #f8e29a; border-radius: 50%; box-shadow: inset 0 0 0 2px rgba(69,38,3,.82),0 3px 0 #4e2b04,0 12px 28px rgba(0,0,0,.58); color: #071630; display: flex; height: 76px; justify-content: center; margin-bottom: 21px; position: relative; transition: filter .24s, transform .24s; width: 76px; }
.pathway-card__icon::before { background: radial-gradient(circle at 34% 24%,#fff3b3 0%,#e7bd4e 27%,#a56a13 60%,#e7bd4e 82%,#744207 100%); border: 1px solid rgba(87,49,5,.7); border-radius: 50%; box-shadow: inset -9px -11px 16px rgba(59,29,0,.32),inset 7px 8px 12px rgba(255,245,188,.32); content: ""; inset: 7px; position: absolute; }
.pathway-card__icon::after { background: linear-gradient(120deg,rgba(255,255,255,.42),transparent 42%); border-radius: 50%; content: ""; inset: 2px; pointer-events: none; position: absolute; }
.pathway-card__icon svg { fill: none; filter: drop-shadow(0 1px 0 rgba(255,241,172,.52)); height: 37px; position: relative; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.9; width: 37px; z-index: 1; }
.pathway-card:hover .pathway-card__icon { filter: brightness(1.12) saturate(1.08); transform: rotate(-2deg) scale(1.07); }
.pathway-card:nth-child(even) .pathway-card__icon { background: repeating-conic-gradient(from 0deg,#f4f6f8 0 4deg,#7d8792 4deg 8deg,#ccd2d8 8deg 12deg); border-color: #f5f7f9; box-shadow: inset 0 0 0 2px rgba(37,44,52,.84),0 3px 0 #38414a,0 12px 28px rgba(0,0,0,.58); color: #071630; }
.pathway-card:nth-child(even) .pathway-card__icon::before { background: radial-gradient(circle at 34% 24%,#fff 0%,#dce2e7 28%,#89939e 61%,#e7ebee 82%,#67727d 100%); border-color: rgba(48,56,64,.72); box-shadow: inset -9px -11px 16px rgba(35,42,49,.3),inset 7px 8px 12px rgba(255,255,255,.42); }
.pathway-card h3 { background: linear-gradient(180deg,#fffdf0 0%,#efd373 28%,#9f6814 51%,#f8e29a 70%,#b47b1b 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 1px 0 rgba(255,242,176,.32)) drop-shadow(0 2px 0 rgba(35,19,0,.9)) drop-shadow(0 6px 9px rgba(0,0,0,.55)); font-family: var(--srea-serif); font-size: clamp(.9rem,1.08vw,1.12rem); font-weight: 700; letter-spacing: .025em; line-height: 1.3; margin: 0 0 16px; min-height: 2.6em; position: relative; text-transform: uppercase; }
.pathway-card p { color: #d6dde5; font-size: clamp(.76rem,.82vw,.9rem); line-height: 1.55; margin-bottom: 20px; position: relative; text-shadow: 0 1px 6px rgba(0,0,0,.48); }
.pathway-card__cta { align-items: center; background: linear-gradient(135deg,rgba(212,175,55,.04),rgba(245,217,129,.11)); border: 1px solid rgba(245,217,129,.5); color: var(--srea-gold-light); display: flex; font-size: .65rem; font-weight: 900; justify-content: center; letter-spacing: .09em; margin-top: auto; min-height: 42px; padding: 9px; position: relative; text-transform: uppercase; width: calc(100% - 8px); }
.pathway-card__cta span { display: inline-block; margin-left: 4px; transition: transform .2s; }
.pathway-card:hover .pathway-card__cta span { transform: translateX(5px); }

.platform { background: radial-gradient(circle at 75% 20%,rgba(11,63,138,.24),transparent 36%),linear-gradient(180deg,#00040d 0%,#000712 18%,#020c20 82%,#061a3a 100%); margin-top: -1px; padding: 100px 0; position: relative; }
.platform::before { background: linear-gradient(180deg,rgba(0,4,13,0),rgba(0,4,13,.72) 52%,#00040d); content: ""; height: 90px; left: 0; pointer-events: none; position: absolute; right: 0; top: -89px; }
.platform-simple { margin-inline: auto; max-width: 850px; text-align: center; }
.platform h2 { background: linear-gradient(180deg,#fff 0%,#dce2e8 34%,#8f9aa6 52%,#f3f5f7 70%,#a5afb9 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 1px 0 rgba(255,255,255,.34)) drop-shadow(0 3px 0 rgba(0,0,0,.72)) drop-shadow(0 10px 18px rgba(0,0,0,.48)); font-size: clamp(2.4rem,4.6vw,4.8rem); letter-spacing: .015em; margin-bottom: 18px; }
.platform-simple > p:not(.section-heading__kicker) { color: #edf1f7; font-size: 1.08rem; margin: 0 auto 30px; max-width: 690px; }
.platform-copy p { color: var(--srea-muted); font-size: 1.05rem; }
.platform-list { display: grid; gap: 12px; grid-template-columns: repeat(2,1fr); list-style: none; margin: 28px 0 0; padding: 0; }
.platform-list li { border-left: 2px solid var(--srea-gold); color: var(--srea-silver); padding: 10px 14px; }
.portal-panel { background: rgba(255,255,255,.055); border: 1px solid var(--srea-line); box-shadow: var(--srea-shadow); padding: 38px; }
.portal-panel h3 { color: var(--srea-gold-light); font-size: 1.65rem; }
.portal-links { display: grid; gap: 12px; }
.portal-links a { border: 1px solid rgba(232,234,237,.2); color: var(--srea-silver); padding: 14px 16px; text-decoration: none; }
.portal-links a:hover { border-color: var(--srea-gold); color: var(--srea-gold-light); }

.featured { background: radial-gradient(ellipse at 50% 38%,rgba(15,59,124,.28),transparent 55%),linear-gradient(180deg,#020b22 0%,#03122b 48%,#010817 78%,#00040d 100%); margin-top: -1px; padding: 40px 0 128px; position: relative; }
.featured::before { background: linear-gradient(180deg,rgba(2,11,34,0),#020b22 76%); content: ""; height: 150px; left: 0; pointer-events: none; position: absolute; right: 0; top: -149px; }
.featured::after { background: linear-gradient(180deg,rgba(0,4,13,0),rgba(0,4,13,.66) 45%,#00040d 100%); bottom: -1px; content: ""; height: 150px; left: 0; pointer-events: none; position: absolute; right: 0; transform: translateY(74%); z-index: 0; }
.featured-intro { margin: 0 auto 48px; max-width: 880px; position: relative; text-align: center; z-index: 1; }
.featured-intro::after { background: linear-gradient(90deg,transparent,rgba(245,217,129,.8),transparent); content: ""; display: block; height: 1px; margin: 28px auto 0; width: min(520px,72%); }
.featured-intro h2 { background: linear-gradient(180deg,#fff 0%,#dce2e8 34%,#8f9aa6 52%,#f3f5f7 70%,#a5afb9 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 1px 0 rgba(255,255,255,.34)) drop-shadow(0 3px 0 rgba(0,0,0,.72)) drop-shadow(0 10px 18px rgba(0,0,0,.48)); font-size: clamp(2.35rem,4.2vw,4.4rem); letter-spacing: .015em; margin-bottom: 14px; }
.featured-intro > p:last-child { color: #d2d9e1; font-size: 1.05rem; margin: 0 auto; max-width: 720px; }
.featured-grid { align-items: stretch; display: grid; gap: 34px; grid-template-columns: repeat(3,1fr); position: relative; z-index: 1; }
.featured-item { align-items: center; background: radial-gradient(ellipse at 50% -8%,rgba(70,132,205,.32),transparent 48%),repeating-linear-gradient(118deg,rgba(255,255,255,.014) 0 1px,transparent 1px 4px),linear-gradient(150deg,#0c2d5b 0%,#061d42 46%,#020d24 78%,#010714 100%) padding-box,linear-gradient(125deg,#82550f 0%,#f5dc86 24%,#a36d18 52%,#eef2f5 76%,#8b5c13 100%) border-box; border: 1px solid transparent; box-shadow: 0 28px 70px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -24px 46px rgba(0,0,0,.22); display: flex; flex-direction: column; justify-content: flex-start; min-height: 410px; overflow: hidden; padding: 34px 30px; position: relative; text-align: center; transition: filter .25s, transform .25s, box-shadow .25s; }
.featured-item::before { border: 1px solid rgba(245,217,129,.24); content: ""; inset: 10px; pointer-events: none; position: absolute; }
.featured-item::after { background: linear-gradient(90deg,transparent,rgba(245,217,129,.92),transparent); content: ""; height: 1px; left: 17%; position: absolute; right: 17%; top: 10px; }
.featured-item:hover { box-shadow: 0 34px 82px rgba(0,0,0,.58),0 0 38px rgba(212,175,55,.14),inset 0 1px 0 rgba(255,255,255,.1); filter: brightness(1.09); transform: translateY(-7px); }
.featured-logo { align-items: center; background: radial-gradient(ellipse,rgba(255,255,255,.055),transparent 68%); display: flex; height: 132px; justify-content: center; margin: 16px auto 22px; position: relative; width: 100%; }
.featured-logo img { height: auto; max-height: 112px; max-width: 250px; object-fit: contain; width: auto; }
.featured-item--arc .featured-logo img { filter: drop-shadow(0 4px 13px rgba(0,0,0,.35)); }
.featured-logo--ora { gap: clamp(14px,2vw,25px); }
.featured-logo--ora .ora-symbol { filter: brightness(1.12) saturate(1.16) drop-shadow(0 2px 0 rgba(91,55,4,.9)) drop-shadow(0 8px 16px rgba(0,0,0,.52)); height: 112px; margin: 0; max-height: 112px; max-width: 75px; object-fit: contain; width: auto; }
.ora-wordmark { background: linear-gradient(180deg,#fff1a8 0%,#e6bc46 22%,#8d5908 48%,#f7dc83 66%,#b37713 82%,#ffe8a0 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 1px 0 rgba(255,243,180,.5)) drop-shadow(0 3px 0 rgba(74,43,0,.9)) drop-shadow(0 10px 18px rgba(0,0,0,.5)); font-family: var(--srea-serif); font-size: clamp(2.8rem,4.1vw,4.25rem); font-weight: 500; letter-spacing: .08em; line-height: 1; text-transform: uppercase; }
.featured-item--charity .featured-logo img { max-height: 82px; max-width: 275px; }
.featured-item small { color: var(--srea-gold-light); font-size: .68rem; font-weight: 900; letter-spacing: .18em; position: relative; text-shadow: 0 2px 9px rgba(0,0,0,.65); text-transform: uppercase; }
.featured-item h3 { background: linear-gradient(180deg,#fff 0%,#dce2e8 38%,#8f9aa6 58%,#f1f3f5 76%,#aab3bd 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 1px 0 rgba(255,255,255,.28)) drop-shadow(0 2px 0 rgba(0,0,0,.78)) drop-shadow(0 7px 12px rgba(0,0,0,.42)); font-family: var(--srea-serif); letter-spacing: .02em; margin: 11px 0; }
.featured-item p { color: #d6dde5; font-size: .95rem; margin-inline: auto; max-width: 285px; }
.featured-item a { background: linear-gradient(135deg,rgba(212,175,55,.06),rgba(245,217,129,.14)); border: 1px solid rgba(245,217,129,.5); color: var(--srea-gold-light); font-size: .69rem; font-weight: 900; letter-spacing: .09em; margin-top: auto; padding: 12px 16px; position: relative; text-decoration: none; text-transform: uppercase; transition: background .2s, color .2s; width: min(100%,290px); }
.featured-item a:hover { background: linear-gradient(135deg,#9d6810,#f5d981,#b78322); color: #061226; }

.contact-section { background: radial-gradient(circle at 78% 18%,rgba(11,63,138,.2),transparent 34%),radial-gradient(circle at 14% 42%,rgba(212,175,55,.08),transparent 28%),linear-gradient(180deg,#00040d 0%,#00030a 48%,#000106 100%); border: 0; margin-top: -2px; padding: 130px 0 105px; position: relative; }
.contact-section::before { background: linear-gradient(180deg,rgba(0,4,13,0),rgba(0,4,13,.88) 64%,#00040d); content: ""; height: 165px; left: 0; pointer-events: none; position: absolute; right: 0; top: -164px; }
.contact-intro { margin-bottom: 34px; max-width: 920px; position: relative; text-align: center; z-index: 1; }
.contact-intro h2 { background: linear-gradient(180deg,#fff 0%,#dce2e8 34%,#8f9aa6 52%,#f3f5f7 70%,#a5afb9 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 1px 0 rgba(255,255,255,.34)) drop-shadow(0 3px 0 rgba(0,0,0,.72)) drop-shadow(0 10px 18px rgba(0,0,0,.48)); font-size: clamp(2.25rem,4.2vw,4.4rem); letter-spacing: .015em; margin-bottom: 16px; }
.contact-intro > p:last-child { color: #cdd4dc; font-size: 1.04rem; margin: 0 auto; max-width: 760px; }
.contact-paths { display: grid; gap: 12px; grid-template-columns: repeat(4,1fr); margin-bottom: 40px; position: relative; z-index: 1; }
.contact-path { background: rgba(5,20,46,.72); border: 1px solid rgba(245,217,129,.28); color: #dce2e8; cursor: pointer; font: 800 .72rem/1.25 var(--srea-sans); letter-spacing: .08em; min-height: 58px; padding: 13px 14px; text-transform: uppercase; transition: .2s ease; }
.contact-path:hover,.contact-path.is-active { background: linear-gradient(135deg,#8d5d0d,#f0ce68,#a77117); border-color: #f5d981; color: #061226; box-shadow: 0 12px 30px rgba(0,0,0,.28),0 0 20px rgba(212,175,55,.1); transform: translateY(-2px); }
.contact-grid { align-items: start; display: grid; gap: clamp(34px,6vw,72px); grid-template-columns: .82fr 1.18fr; position: relative; z-index: 1; }
.contact-guidance { padding: 24px 0; }
.contact-guidance h3 { color: var(--srea-silver-bright); font-family: var(--srea-serif); font-size: clamp(1.65rem,2.4vw,2.25rem); margin-bottom: 16px; }
.contact-guidance > p { color: var(--srea-muted); font-size: 1rem; line-height: 1.8; }
.contact-details { border-left: 2px solid var(--srea-gold); margin-top: 34px; padding: 3px 0 3px 22px; }
.contact-details p { color: #bfc7d1; margin: 0 0 12px; }
.contact-details a { color: var(--srea-gold-light); text-decoration: none; }
.contact-card { background: radial-gradient(ellipse at 20% 0,rgba(42,88,143,.25),transparent 46%),repeating-linear-gradient(118deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),linear-gradient(145deg,#0a2448,#04142e 58%,#010714) padding-box,linear-gradient(130deg,#78500f,#f5d981 28%,#8a5a10 60%,#cfd5dc 84%,#7e530f) border-box; border: 1px solid transparent; box-shadow: 0 28px 70px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.05); padding: clamp(25px,4vw,42px); }
.srea-contact-form { display: grid; gap: 17px; }
.form-row { display: grid; gap: 15px; grid-template-columns: 1fr 1fr; }
.srea-contact-form label { color: #e2e6eb; display: grid; font-size: .68rem; font-weight: 800; gap: 8px; letter-spacing: .09em; text-transform: uppercase; }
.srea-contact-form input:not([type=checkbox]),.srea-contact-form textarea { appearance: none; background: rgba(0,5,16,.6); border: 1px solid rgba(220,225,231,.22); border-radius: 0; color: #fff; font: 500 .94rem/1.5 var(--srea-sans); outline: none; padding: 13px 14px; text-transform: none; transition: border-color .2s,box-shadow .2s; width: 100%; }
.srea-contact-form textarea { min-height: 132px; resize: vertical; }
.srea-contact-form input:focus,.srea-contact-form textarea:focus { border-color: var(--srea-gold-light); box-shadow: 0 0 0 3px rgba(212,175,55,.1); }
.form-consent { align-items: start; display: flex !important; font-size: .7rem !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.45; text-transform: none !important; }
.form-consent input { accent-color: var(--srea-gold); margin-top: 3px; }
.form-submit { border: 0; cursor: pointer; justify-content: center; margin-top: 2px; width: 100%; }
.form-privacy { color: rgba(220,225,231,.55) !important; font-size: .68rem; margin: -4px 0 0; text-align: center; }
.form-honeypot { height: 0; left: -9999px; overflow: hidden; position: absolute; width: 0; }
.form-notice { border: 1px solid; font-size: .88rem; margin-bottom: 20px; padding: 13px 15px; }
.form-notice--success { background: rgba(43,126,74,.16); border-color: rgba(106,210,143,.48); color: #c8f0d5; }
.form-notice--error { background: rgba(159,49,49,.15); border-color: rgba(237,122,122,.48); color: #ffd0d0; }
.widget-area > *:last-child { margin-bottom: 0; }

.site-footer { background: linear-gradient(180deg,#00030a,#000106); border-top: 0; margin-top: -1px; padding: 70px 0 24px; position: relative; }
.site-footer::before { background: linear-gradient(180deg,rgba(0,3,10,0),#00030a); content: ""; height: 55px; left: 0; pointer-events: none; position: absolute; right: 0; top: -54px; }
.footer-grid { display: grid; gap: 45px; grid-template-columns: 1.25fr .75fr .75fr; }
.footer-brand { color: var(--srea-gold); font-family: var(--srea-serif); font-size: 1.75rem; letter-spacing: .1em; }
.site-footer h3 { color: var(--srea-gold); font-family: var(--srea-sans); font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; }
.site-footer p, .site-footer li, .site-footer a { color: rgba(232,234,237,.65); font-size: .9rem; }
.site-footer ul { list-style: none; margin: 0; padding: 0; }
.site-footer li { margin: 7px 0; }
.legal-center { margin-top: 44px; }
.legal-center details { background: linear-gradient(145deg,rgba(10,36,72,.72),rgba(1,7,20,.88)); border: 1px solid rgba(245,217,129,.3); box-shadow: inset 0 1px 0 rgba(255,255,255,.035); }
.legal-center summary { align-items: center; color: var(--srea-gold-light); cursor: pointer; display: flex; font-size: .76rem; font-weight: 900; justify-content: space-between; letter-spacing: .14em; list-style: none; padding: 19px 22px; text-transform: uppercase; }
.legal-center summary::-webkit-details-marker { display: none; }
.legal-center summary::after { content: "+"; font-family: var(--srea-sans); font-size: 1.25rem; font-weight: 400; }
.legal-center details[open] summary::after { content: "−"; }
.legal-center summary span { color: rgba(220,225,231,.62); font-size: .62rem; font-weight: 600; letter-spacing: .08em; margin-left: auto; margin-right: 18px; }
.legal-grid { border-top: 1px solid rgba(245,217,129,.18); display: grid; gap: 28px 34px; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 30px 28px 18px; }
.legal-grid section { min-width: 0; }
.legal-grid h3 { color: var(--srea-silver-bright); font-size: .69rem; letter-spacing: .12em; margin-bottom: 8px; }
.legal-grid p, .legal-grid a { color: rgba(220,225,231,.7); font-size: .75rem; line-height: 1.65; margin: 0; }
.legal-grid a { color: var(--srea-gold-light); }
.legal-review { border-top: 1px solid rgba(245,217,129,.16); color: rgba(220,225,231,.67) !important; font-size: .72rem !important; line-height: 1.6; margin: 10px 28px 0; padding: 20px 0 24px; }
.legal-review strong { color: var(--srea-gold-light); }
.footer-bottom { align-items: center; border-top: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.4); display: flex; flex-wrap: wrap; font-size: .75rem; gap: 9px 18px; margin-top: 30px; padding-top: 20px; }
.footer-bottom a { color: rgba(245,217,129,.68); font-size: .75rem; }
.page-main { min-height: 70vh; padding: 170px 0 90px; }
.page-card { background: #fff; color: #071225; padding: 42px; }

@media (max-width: 1080px) {
  .site-header { min-height: 88px; }
  .menu-toggle { display: block; }
  .primary-navigation { background: rgba(1,7,20,.99); border: 1px solid var(--srea-line); display: none; left: 18px; padding: 24px; position: fixed; right: 18px; top: 100px; }
  .admin-bar .primary-navigation { top: 132px; }
  .primary-navigation.is-open { display: block; }
  .srea-menu { align-items: stretch; flex-direction: column; gap: 16px; }
  .header-cta { display: none; }
  .pathway-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pathway-card { grid-column: auto; }
}

@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }

@media (max-width: 720px) {
  :root { --srea-shell: min(100% - 30px, 680px); }
  .site-header { max-height: 94px; min-height: 84px; padding: 9px 15px; }
  .site-branding { flex: 0 1 auto; max-width: calc(100% - 72px) !important; }
  .custom-logo-link { align-items: center; display: flex !important; max-width: 100% !important; transform: none !important; }
  .custom-logo { height: auto !important; max-height: 60px !important; max-width: 100% !important; object-fit: contain !important; width: auto !important; }
  .hero { min-height: 525px; padding: 112px 0 42px; }
  .hero__background { background-position: center center; }
  .hero__overlay { background: linear-gradient(180deg,rgba(1,7,20,.18),rgba(1,7,20,.58) 62%,rgba(1,7,20,.88)); }
  .hero h1 { font-size: clamp(2.8rem,14vw,4.6rem); }
  .hero__lead { font-size: 1.15rem; }
  .hero__actions { flex-direction: column; }
  .srea-button { width: 100%; }
  .pathway-grid, .platform-grid, .featured-grid, .contact-grid, .footer-grid { grid-template-columns: 1fr; }
  .contact-paths { grid-template-columns: repeat(2,1fr); }
  .pathways { padding-block: 38px 62px; }
  .pathways::before { height: 55px; top: -55px; }
  .section-heading { margin-bottom: 24px; }
  .section-heading h2 { font-size: clamp(2.25rem,12vw,3.15rem); margin-bottom: 14px; }
  .section-heading p { font-size: 1rem; line-height: 1.55; }
  .pathway-card { min-height: 330px; padding: 28px 24px 25px; }
  .pathway-card h3 { font-size: 1.02rem; }
  .pathway-card p { font-size: .91rem; max-width: 310px; }
  .pathway-card__cta { max-width: 290px; }
  .featured-logo--ora { gap: 16px; }
  .featured-logo--ora .ora-symbol { height: 96px; max-height: 96px; max-width: 64px; }
  .ora-wordmark { font-size: clamp(2.75rem,14vw,4rem); }
  .platform-list { grid-template-columns: 1fr; }
  .platform, .contact-section { padding-block: 75px; }
  .form-row { grid-template-columns: 1fr; }
  .legal-grid { grid-template-columns: 1fr; padding: 26px 20px 12px; }
  .legal-center summary { align-items: flex-start; flex-wrap: wrap; gap: 6px; padding: 18px; }
  .legal-center summary span { margin: 0; width: calc(100% - 28px); }
  .legal-review { margin-inline: 20px; }
}

/* Ask SREA concierge */
.srea-agent{bottom:22px;position:fixed;right:22px;z-index:99998}.srea-agent__launcher{align-items:center;background:linear-gradient(135deg,#8d5d0d,#f5d981 48%,#a77117);border:1px solid #ffe9a5;box-shadow:0 16px 40px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.12) inset;color:#061226;cursor:pointer;display:flex;font:900 .72rem/1 var(--srea-sans);gap:9px;letter-spacing:.1em;min-height:52px;padding:0 19px;text-transform:uppercase}.srea-agent__spark{font-size:1rem}.srea-agent__panel{background:radial-gradient(circle at 15% 0,rgba(29,85,153,.3),transparent 35%),linear-gradient(155deg,#08234a,#020b20 63%,#01040c);border:1px solid rgba(245,217,129,.5);bottom:65px;box-shadow:0 30px 90px rgba(0,0,0,.66);height:min(650px,calc(100vh - 115px));overflow:hidden;position:absolute;right:0;width:min(390px,calc(100vw - 28px))}.srea-agent__header{align-items:center;border-bottom:1px solid rgba(245,217,129,.2);display:flex;justify-content:space-between;padding:18px 18px 15px}.srea-agent__header strong{color:#fff;display:block;font-family:var(--srea-serif);font-size:1.2rem;margin-top:3px}.srea-agent__kicker{color:var(--srea-gold-light);font-size:.58rem;font-weight:900;letter-spacing:.16em}.srea-agent__close{background:transparent;border:0;color:#dce2e8;cursor:pointer;font-size:1.8rem;line-height:1}.srea-agent__messages{display:flex;flex-direction:column;gap:10px;height:calc(100% - 245px);overflow:auto;padding:17px}.srea-agent__message{border:1px solid rgba(255,255,255,.1);font:500 .84rem/1.55 var(--srea-sans);max-width:91%;padding:11px 13px}.srea-agent__message a{color:var(--srea-gold-light);font-weight:800}.srea-agent__message--bot{align-self:flex-start;background:rgba(9,35,73,.82);color:#e2e7ed}.srea-agent__message--user{align-self:flex-end;background:linear-gradient(135deg,#9a6816,#dfbd56);border-color:#f5d981;color:#061226;font-weight:700}.srea-agent__message.is-typing{opacity:.68}.srea-agent__quick{display:flex;gap:7px;overflow-x:auto;padding:0 17px 12px}.srea-agent__quick button{background:rgba(0,4,14,.45);border:1px solid rgba(245,217,129,.3);color:#f1d987;cursor:pointer;flex:0 0 auto;font:800 .58rem/1.25 var(--srea-sans);letter-spacing:.04em;padding:8px 10px;text-transform:uppercase}.srea-agent__form{border-top:1px solid rgba(245,217,129,.18);display:grid;grid-template-columns:1fr auto;padding:12px 12px 8px}.srea-agent__form textarea{background:rgba(0,3,12,.75);border:1px solid rgba(220,225,231,.2);border-right:0;color:#fff;font:500 .85rem/1.4 var(--srea-sans);max-height:110px;min-height:43px;outline:0;padding:11px 12px;resize:none}.srea-agent__form textarea:focus{border-color:rgba(245,217,129,.7)}.srea-agent__form button{background:linear-gradient(135deg,#9d6810,#f5d981);border:0;color:#061226;cursor:pointer;font:900 .65rem var(--srea-sans);padding:0 14px;text-transform:uppercase}.srea-agent__notice{color:rgba(220,225,231,.5);font-size:.57rem;line-height:1.35;margin:0;padding:0 14px 12px}.srea-agent__panel[hidden]{display:none}.admin-bar .srea-agent{bottom:22px}@media(max-width:600px){.srea-agent{bottom:14px;right:14px}.srea-agent__panel{bottom:61px;height:min(610px,calc(100vh - 92px));position:fixed;right:14px}.srea-agent__launcher{min-height:49px;padding-inline:16px}.srea-agent__messages{height:calc(100% - 250px)}}
