/*
Theme Name: Space for Mental Health — ERAS
Author: Patrick Stacey / Custom design
Description: Bold research website with ERAS artwork. Preserves existing WordPress content.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: sfmh
*/
:root{--paper:#f4f3ed;--ink:#0b1729;--blue:#244eff;--muted:#526073;--line:#cbd0d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--blue)}button,input,textarea{font:inherit}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip{position:absolute;left:20px;top:-100px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}.wrap{max-width:1440px;margin:auto;padding:0 5%}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:100px}.brand{text-decoration:none;font-size:15px;line-height:1.3;letter-spacing:1.5px;font-weight:800;display:flex;gap:16px;align-items:center}.symbol{width:42px;height:42px;border:1px solid;border-radius:50%;position:relative;display:inline-block;flex-shrink:0}.symbol:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:var(--blue);right:0;top:5px}.nav ul{list-style:none;padding:0;margin:0;display:flex;gap:24px;flex-wrap:wrap}.nav a{text-decoration:none;font-size:14px}.nav li{position:relative}.nav ul ul{display:none;position:absolute;z-index:9;min-width:200px;background:var(--paper);padding:18px}.nav li:hover>ul,.nav li:focus-within>ul{display:block}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto;min-height:650px;position:relative}.hero-copy{padding:70px 5% 70px 10%;align-self:center;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;display:block;margin-bottom:26px}.hero h1{font-size:clamp(58px,6.5vw,102px);line-height:.98;letter-spacing:-5px;margin:0 0 30px;font-weight:800}.hero p{max-width:440px;font-size:20px;line-height:1.55;color:var(--muted)}.hero-art{position:relative;background:#0b1729;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;display:block}.hero-art small{position:absolute;bottom:18px;right:22px;color:white;font-size:10px;text-shadow:0 1px 4px black}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-block;background:var(--blue);color:white;text-decoration:none;padding:15px 22px;font-size:14px;font-weight:bold}.button:hover{background:var(--ink);color:white}.text-link{font-size:14px}.credentials{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 5%;display:flex;justify-content:space-between;gap:25px;font-size:11px;letter-spacing:1px}.section{padding-top:90px;padding-bottom:90px}.feature{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center}h2{font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-2px;margin:0 0 25px}h3{line-height:1.25}p{margin:0 0 24px}.feature p{color:var(--muted);max-width:650px}.orbit{width:100%;height:auto}.missions{background:var(--ink);color:var(--paper)}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%}.mission{padding:20px 0;border-top:1px solid #516075}.mission h3{font-size:30px;font-weight:500;margin:20px 0}.status{color:#aabaff;font-size:14px}.date{font-size:12px;opacity:.8}.updates-header{display:flex;justify-content:space-between;align-items:end;gap:30px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.post-card{padding:28px 0;border-top:1px solid var(--line)}.post-card h3{font-size:25px;letter-spacing:-.7px}.post-card h3 a{text-decoration:none}.post-card p{font-size:15px;color:var(--muted)}.post-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.collaborate{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:40px}.collaborate h2{max-width:700px}.footer{background:var(--ink);color:var(--paper);padding:50px 0;font-size:13px}.footer-flex{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer a{color:white}.footer ul{padding-left:18px}.reading{max-width:850px;margin:auto;padding:70px 25px 100px}.reading h1{font-size:clamp(38px,5vw,68px);letter-spacing:-2px;line-height:1.08}.entry-content{overflow-wrap:anywhere}.entry-content h2{font-size:36px;margin-top:50px}.entry-content h3{font-size:26px}.entry-content iframe{max-width:100%}.entry-content:after{content:'';display:table;clear:both}.alignwide{max-width:100%}.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{max-width:100%}.wp-caption-text{font-size:14px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.pagination{margin:40px 0;display:flex;gap:15px;flex-wrap:wrap}.search-form{display:flex;gap:8px;flex-wrap:wrap}.search-field,textarea,input[type=text],input[type=email],input[type=url]{max-width:100%;border:1px solid #8e98a3;padding:12px;background:white}.search-submit,input[type=submit]{padding:12px 18px;border:0;background:var(--blue);color:white;cursor:pointer}.comment-list{padding-left:22px}.comment-body{padding:20px 0;border-bottom:1px solid var(--line)}.existing-home{border-top:1px solid var(--line)}
@media(max-width:850px){.header{flex-wrap:wrap;padding-top:20px;padding-bottom:20px;min-height:85px}.hero{min-height:0}.hero-copy{padding:45px 8%}.hero h1{font-size:60px;letter-spacing:-3px}.hero p{font-size:17px}.section{padding-top:60px;padding-bottom:60px}.post-grid{grid-template-columns:1fr 1fr}.credentials{font-size:10px}.feature{gap:30px}.nav ul{gap:16px}}
@media(max-width:600px){.hero{grid-template-columns:1fr}.hero-copy{padding:40px 6%}.hero h1{font-size:62px}.hero-art{height:440px}.hero-art img{object-position:center 35%}.header{gap:20px}.brand{font-size:12px}.nav{width:100%}.nav ul{gap:16px}.nav ul ul{position:static;padding:12px}.js .menu-toggle{display:block;border:1px solid var(--ink);background:transparent;padding:8px 12px;font-size:13px}.js .nav{display:none}.js .nav.open{display:block}.credentials{flex-direction:column;gap:8px}.feature,.mission-grid,.post-grid{grid-template-columns:1fr}.orbit{max-width:380px;margin:auto}.collaborate,.updates-header{display:block}.section{padding-top:50px;padding-bottom:50px}.mission-grid{gap:25px}h2{letter-spacing:-1px}.footer-flex{display:block}.footer-flex>div{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.footer h2,.footer h3{font-size:20px;letter-spacing:0;margin:24px 0 12px}.hero-art:before{content:'';position:absolute;inset:0 auto 0 0;width:65px;background:linear-gradient(90deg,var(--paper),transparent);pointer-events:none}@media(max-width:600px){.hero-art:before{inset:0 0 auto;width:100%;height:30px;background:linear-gradient(var(--paper),transparent)}}