/* Approved V2 system. Logo pixels and photography remain unchanged. */
:root{--navy:var(--sru-navy);--ocean:#176b86;--gold:var(--sru-gold);--paper:var(--sru-paper);--white:#fff;--muted:#536174;--line:#dce5ed;--radius:12px}
body{color:var(--sru-ink);background:white}h1,h2,h3{color:var(--navy);letter-spacing:-.04em}h1{font-size:clamp(2.7rem,5vw,4.8rem)}h2{font-size:clamp(2rem,3.3vw,3rem)}h3{font-size:1.4rem}.wrap{width:min(1200px,calc(100% - 80px))}.header{background:white;border-bottom:1px solid var(--line)}.header:before{content:'';display:block;height:5px;background:var(--sru-gradient-brand)}.header-inner{min-height:120px}.brand .brand-logo{width:230px;height:auto;object-fit:contain;border-radius:0}.brand{padding:12px 0;background:white}nav{gap:22px;font-size:13px}.nav-join{background:var(--navy);color:white;border-radius:7px;padding:12px 18px}.nav-join:hover{background:var(--sru-purple)}nav a[aria-current=page]{border-color:var(--sru-teal)}.button{border-radius:7px;background:var(--navy);gap:14px}.button:hover{background:var(--sru-purple)}.button.gold{background:var(--sru-gold);color:var(--navy)}.text-link{border-bottom:0;text-decoration:underline;text-underline-offset:6px}.eyebrow{color:var(--ocean);font-size:11px;letter-spacing:.13em}.section{padding:72px 0}.section-head h2{max-width:580px}.blue{background:var(--sru-mist)}
.hero-v2{position:relative;background:linear-gradient(120deg,#eef9fb 0%,#f6f8fc 48%,#f5f0fa 100%);overflow:hidden}.hero-v2:after{content:'';display:block;height:4px;background:var(--sru-gradient-brand)}.hero-layout{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:55px;padding-top:48px;padding-bottom:48px}.hero-v2 h1{font-size:clamp(2.5rem,4.4vw,4.35rem);line-height:1.08;max-width:630px}.hero-intro{max-width:540px;font-size:17px;line-height:1.7;color:var(--muted)}.hero-photo{margin:0;position:relative}.hero-photo img{height:540px;border-radius:130px 18px 18px 18px;object-position:center 42%;box-shadow:var(--sru-shadow-soft)}.hero-photo figcaption{margin-top:14px;font-size:10px;letter-spacing:.1em;color:var(--muted);text-align:right}.hero-v2 .actions{gap:22px}.hero-v2 .hero-quick-links{margin-top:23px;font-size:12px}.hero-v2 .hero-quick-links a{color:var(--muted)}
.pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.pillar-sea{--category:var(--sru-sea)}.pillar-home{--category:var(--sru-home)}.pillar-road{--category:var(--sru-road)}.pillar-life{--category:var(--sru-life)}.pillar-card{border-top:4px solid var(--category);padding:24px 20px;background:#f7f9fc;border-radius:0 0 12px 12px;display:flex;flex-direction:column;align-items:flex-start;transition:background .2s}.pillar-card:hover{background:#edf2f7}.pillar-card img{width:58px;height:58px;object-fit:contain;margin-bottom:22px}.pillar-card h3{font-size:23px;line-height:1.2;letter-spacing:-.025em}.pillar-card p{font-size:14px;color:var(--muted);line-height:1.65}.pillar-link{font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:5px;margin-top:auto}.story-band{background:#f5f7fa}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:28px}.story-card{border-left:4px solid var(--category);padding:4px 28px;max-width:780px}.story-card p{color:var(--muted);max-width:680px}.category-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:bold}.story-card h3{font-size:28px}.card .eyebrow{color:var(--ocean)}.card .image-link{border-radius:12px}.card:hover img{transform:none}.card-foot{color:var(--navy)}.feature-image{border-radius:14px}.newsletter{background:linear-gradient(115deg,#06366b,#274e85 55%,#54327f);position:relative}.newsletter h2{color:white}.newsletter .eyebrow,.placeholder strong{color:#f7c684}.newsletter .split p,.newsletter small{color:#f0f3fa}.contact-invitation{padding-top:60px;padding-bottom:60px}.contact-invitation h2{font-size:34px}.footer{background:white}.footer-brand img{width:112px;height:112px;object-fit:contain}.footer-links{max-width:800px;line-height:1.7}.footer-bottom{font-size:12px}.page-intro{background:transparent}.page-intro h1{font-size:clamp(2.7rem,5vw,4.6rem)}.pillar-intro{padding:64px 0;background:var(--sru-mist);border-bottom:5px solid var(--category)}.pillar-intro img{width:76px;height:76px;object-fit:contain;margin-bottom:24px}.pillar-intro h1{font-size:clamp(2.6rem,5vw,4.8rem)}.pillar-intro p{max-width:740px;font-size:19px;color:var(--muted);margin:0}.pillar-description{max-width:780px;font-size:19px}.archive-nav{display:flex;flex-wrap:wrap;gap:14px;margin:25px 0 45px}.coming-next{padding:35px;background:#f7f9fc;border-left:4px solid var(--category);max-width:850px;margin-top:35px}.coming-next h2{font-size:27px}.links-page{background:linear-gradient(135deg,#eaf7fa,#f4f0fa);color:var(--navy)}.links-shell .brand{border-radius:12px;padding:22px}.links-shell .brand .brand-logo{width:260px;height:auto;object-fit:contain;border-radius:0}.links-shell h1{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:30px}.links-shell>p{color:var(--muted)}.link-stack a{border:1px solid var(--line);border-radius:9px}.link-stack a:first-child{background:var(--navy);color:white}.link-stack a:hover{background:#e7f0f6}.link-stack a:first-child:hover{background:var(--sru-purple)}.photo-viewer{background:var(--navy)}.photo-viewer button{color:var(--navy)}
@media(max-width:1100px){nav{gap:14px;font-size:12px}.brand .brand-logo{width:195px}.hero-layout{gap:30px}.hero-photo img{height:490px}.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.header-inner{flex-wrap:wrap;min-height:98px;padding:10px 0}.menu-toggle{display:block;padding:10px 15px;border:1px solid var(--navy);border-radius:6px;color:var(--navy);background:white}#navigation{display:none;width:100%;flex-wrap:wrap;padding:15px 0;gap:12px 24px}#navigation.open{display:flex}nav a{min-height:44px}.hero-layout{grid-template-columns:1fr 1fr}.hero-photo img{height:440px}.hero-v2 h1{font-size:42px}.hero-v2 .actions{gap:16px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.hero-layout{grid-template-columns:1fr;gap:28px;padding:35px 0}.hero-v2 h1{font-size:43px}.hero-photo img{height:430px;border-radius:70px 12px 12px 12px;object-position:center 42%}.hero-photo figcaption{text-align:left}.section{padding:48px 0}.pillar-grid{gap:16px}.pillar-card{padding:20px 16px}.pillar-card h3{font-size:21px}.section-head{align-items:start;flex-direction:column;gap:18px}.section-head>p{max-width:none;margin-bottom:0}.footer-links{justify-content:flex-start}.pillar-intro{padding:40px 0}.contact-invitation h2{font-size:29px}}
@media(max-width:400px){.pillar-grid{grid-template-columns:1fr}.hero-v2 h1{font-size:38px}.brand .brand-logo{width:180px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.button:hover,.link-stack a:hover{transform:none}}