/*
Theme Name: Breathing Space Residential CIC
Theme URI: https://breathingspaceresidential.org.uk/
Author: Breathing Space Residential CIC
Description: A bespoke responsive informational theme for a community-focused accommodation organisation.
Version: 2.0.0
Requires PHP: 7.4
Text Domain: breathing-space
*/
:root{--forest:#12372c;--deep:#0c261f;--olive:#747b4e;--gold:#c69b56;--ivory:#f8f5ed;--stone:#e9e2d7;--ink:#173128;--muted:#52635a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--ivory);font:16px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}img{max-width:100%;height:auto}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{background:var(--ivory);position:sticky;top:0;z-index:20;box-shadow:0 1px 15px #00000012}.navwrap{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brandmark{width:55px;height:55px;flex-shrink:0}.brandname{font:600 27px/1.0 Georgia,serif;letter-spacing:-.5px}.brandname small{display:block;font:500 10px/2 system-ui;letter-spacing:3px}.navlinks{display:flex;gap:17px;align-items:center;flex-wrap:wrap}.navlinks a{text-decoration:none;font-size:13px;font-weight:600}.navlinks a:hover{color:#a77731}.button{display:inline-block;background:var(--gold);border:1px solid var(--gold);color:var(--deep);padding:12px 23px;text-decoration:none;border-radius:2px;font-weight:700;letter-spacing:.3px}.button.secondary{background:transparent;color:inherit;border-color:currentColor}.button:hover{filter:brightness(.93)}.hero{background:var(--deep);color:var(--ivory);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:610px}.hero-copy{padding:100px 65px 90px max(25px,calc((100vw - 1160px)/2));display:flex;flex-direction:column;justify-content:center}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:3px;font-weight:700;font-size:12px}.hero h1,h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.14}h1{font-size:clamp(42px,5vw,75px);margin:20px 0}h2{font-size:clamp(32px,3.5vw,49px);margin:12px 0 22px}h3{font-size:26px}.hero p{max-width:580px;color:#e3e8df;font-size:18px}.hero-photo{background:linear-gradient(0deg,#112c2470,#112c2410),url('assets/hero.jpg') center/cover;min-height:460px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.section{padding:90px 0}.section.alt{background:#eee9df}.section.dark{background:var(--forest);color:var(--ivory)}.section-lead{max-width:770px;font-size:19px;color:var(--muted)}.dark .section-lead{color:#d7dfd8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:#fff;padding:32px;border-top:3px solid var(--gold);box-shadow:0 8px 25px #1933280a}.card h3{margin:0 0 12px}.card p{margin:0;color:var(--muted)}.feature{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.feature-image{min-height:380px;background:url('assets/home.jpg') center/cover}.pill{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:2px}.callout{padding:55px;border:1px solid #c7b08c}.footer{background:var(--deep);color:#e9e9e1;padding:55px 0 25px}.footer a{color:#e9e9e1}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.small{font-size:13px;color:#aebfb5}.page-hero{padding:75px 0;background:var(--forest);color:var(--ivory)}.page-hero h1{font-size:clamp(40px,5vw,64px)}.content{max-width:850px}.content p{font-size:18px}.content h2{margin-top:42px}.notice{background:#fff7e8;border-left:4px solid var(--gold);padding:20px;margin:25px 0}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:white;z-index:99;padding:10px}.menu-toggle{display:none}.divider{height:1px;background:#ffffff33;margin:35px 0}@media(max-width:900px){.navlinks{display:none;position:absolute;top:92px;left:0;right:0;background:var(--ivory);padding:22px;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu-toggle{display:block;border:1px solid #999;background:transparent;padding:10px}.hero-grid,.feature{grid-template-columns:1fr}.hero-copy{padding:75px 25px}.hero-photo{min-height:360px}.grid{grid-template-columns:repeat(2,1fr)}.footergrid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.grid,.grid.two,.footergrid{grid-template-columns:1fr}.section{padding:60px 0}.brandname{font-size:21px}.brandmark{width:45px}.callout{padding:25px}}
/* Version 2: premium presentation and accessible contrast */
:root{--forest:#12372c;--deep:#102b23;--gold:#c99e59;--ivory:#faf7f0;--muted:#425b50}
body{background:#faf7f0;color:#17382d}
.site-header{background:#fffdf8;box-shadow:0 3px 20px #102b2315}
.navwrap{min-height:86px}
.brandname{color:#163b2e;font-size:25px}
.navlinks a{color:#17382d}
.navlinks .button{background:#c99e59;color:#102b23}
.hero{background:#12372c!important;color:#fffaf1!important}
.hero-grid{min-height:590px;grid-template-columns:52% 48%}
.hero-copy{padding-top:84px;padding-bottom:84px}
.hero h1{font-size:clamp(42px,4.8vw,70px);color:#fffaf1!important}
.hero h1 em{color:#e2bd7d;font-weight:400}
.hero p{color:#f0eee6!important}
.hero-photo{background:linear-gradient(90deg,#102b2330,#102b2300),url('assets/hero-interior.svg') center/cover!important;min-height:540px}
.section{padding:76px 0}
.section.alt{background:#f0ebe2}
.section.dark{background:#12372c!important;color:#fffaf1!important}
.section.dark h2,.section.dark p{color:#fffaf1!important}
.section.dark .section-lead{color:#e5e9e2!important}
.section-lead,.card p,.content p{color:#425b50}
.card{border-top:3px solid #c99e59;background:#fffdf9;border-radius:4px;box-shadow:0 10px 30px #0c261f10}
.feature-image{background:url('assets/feature-home.svg') center/cover!important;min-height:400px;border-radius:4px}
.footer{background:#0e2b22!important;color:#f5f0e6!important}
.footer h3,.footer strong,.footer a{color:#f5f0e6!important}
.footer .small{color:#d4ded6!important}
.footergrid{grid-template-columns:1.5fr 1fr 1.2fr}
.eyebrow{color:#9c7138}
.hero .eyebrow,.dark .eyebrow{color:#e5bc78}
.button{transition:transform .15s ease,background .15s ease}
.button:hover{transform:translateY(-2px)}
a:focus-visible,button:focus-visible{outline:3px solid #c99e59;outline-offset:3px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-copy{padding:72px 26px}.hero-photo{min-height:350px}.navlinks{box-shadow:0 14px 22px #0002}.navlinks a{padding:5px 0}}
@media(max-width:600px){.hero h1{font-size:43px}.section{padding:56px 0}.hero-photo{min-height:275px}.footergrid{grid-template-columns:1fr}.card{padding:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}