/* Switchbacks site v3 (Oct 20 2026). Linked last on every page. Brings the site in line with the app's
   redesign: warm ivory by day, deep navy by night with gold accents, soft cards, round tinted area badges,
   the winding trail with small cairns. Follows the device's light/dark setting, like the rest of the site. */
:root{
 --v3-bg:#F5F1E8;--v3-bg-2:#EFE9DD;--v3-card:#FFFDF8;--v3-ink:#1E3340;--v3-muted:#5D6B70;--v3-faint:#8B969A;
 --v3-line:rgba(30,51,64,.10);--v3-line-2:rgba(30,51,64,.16);--v3-primary:#2E5360;--v3-primary-ink:#FFFFFF;--v3-primary-hover:#244550;
 --v3-gold:#C9A066;--v3-trail:#C8A874;--v3-shadow:0 1px 2px rgba(30,51,64,.04),0 10px 28px rgba(30,51,64,.07);
 --v3-glass:rgba(255,253,248,.82);
 --v3-badge-heart:#EBD3CB;--v3-badge-kids:#D9E1D3;--v3-badge-legal:#EBDCC3;--v3-badge-mind:#D5DFE5;--v3-badge-body:#DFD8E8;--v3-badge-spirit:#E7DCC2;
 --paper:var(--v3-bg);--surface:var(--v3-card);--panel:var(--v3-bg-2);--ink:var(--v3-ink);--muted:var(--v3-muted);--line:#E3DCCF;--primary:var(--v3-primary);--on-primary:#fff;--gold:var(--v3-gold)
}
:root[data-theme="dark"]{
 --v3-bg:#0F2230;--v3-bg-2:#0C1C28;--v3-card:#16303F;--v3-ink:#EEF1EC;--v3-muted:#AFC0C5;--v3-faint:#7F959C;
 --v3-line:rgba(233,226,208,.10);--v3-line-2:rgba(233,226,208,.16);--v3-primary:#E9C784;--v3-primary-ink:#24200F;--v3-primary-hover:#F1D49A;
 --v3-gold:#E9C784;--v3-trail:#D9B66E;--v3-shadow:0 1px 2px rgba(0,0,0,.18),0 12px 32px rgba(0,0,0,.24);--v3-glass:rgba(15,34,48,.80);
 --v3-badge-heart:#4A3A3C;--v3-badge-kids:#33473F;--v3-badge-legal:#4A4236;--v3-badge-mind:#2F4553;--v3-badge-body:#3D3A51;--v3-badge-spirit:#4A4434;
 --line:#2A4352;--on-primary:#24200F
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){
 --v3-bg:#0F2230;--v3-bg-2:#0C1C28;--v3-card:#16303F;--v3-ink:#EEF1EC;--v3-muted:#AFC0C5;--v3-faint:#7F959C;
 --v3-line:rgba(233,226,208,.10);--v3-line-2:rgba(233,226,208,.16);--v3-primary:#E9C784;--v3-primary-ink:#24200F;--v3-primary-hover:#F1D49A;
 --v3-gold:#E9C784;--v3-trail:#D9B66E;--v3-shadow:0 1px 2px rgba(0,0,0,.18),0 12px 32px rgba(0,0,0,.24);--v3-glass:rgba(15,34,48,.80);
 --v3-badge-heart:#4A3A3C;--v3-badge-kids:#33473F;--v3-badge-legal:#4A4236;--v3-badge-mind:#2F4553;--v3-badge-body:#3D3A51;--v3-badge-spirit:#4A4434;
 --line:#2A4352;--on-primary:#24200F
}}

/* ---------- the room ---------- */
html,body{background:var(--v3-bg)!important;color:var(--v3-ink)}
.eyebrow{font:600 11px/1.5 var(--sans)!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--v3-muted)!important}
h1,h2,h3{color:var(--v3-ink)}
.lede,.prose p,.section-head p{color:var(--v3-muted)}

/* ---------- header: a calm glass bar, like the app's ---------- */
.site-header{position:sticky!important;top:0;z-index:30;background:var(--v3-glass)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--v3-line)!important;margin:0 calc(50% - 50vw)!important;padding-left:max(20px,calc(50vw - 600px))!important;padding-right:max(20px,calc(50vw - 600px))!important;min-height:72px}
.site-header .brand span{font:500 26px/1 var(--serif)!important;letter-spacing:-.5px;color:var(--v3-ink)!important}
.main-nav a,.signin{color:var(--v3-ink)!important;font:500 14.5px/1 var(--sans)!important;opacity:.86}
.main-nav a:hover,.signin:hover{opacity:1}
.main-nav a[aria-current="page"]{opacity:1;text-decoration:none!important;box-shadow:inset 0 -2px 0 var(--v3-gold)}

/* ---------- buttons: deep teal by day, gold at night ---------- */
.button:not(.secondary){background:var(--v3-primary)!important;color:var(--v3-primary-ink)!important;border:0!important;border-radius:999px!important;box-shadow:0 8px 20px rgba(30,51,64,.14)!important}
.button:not(.secondary):hover{background:var(--v3-primary-hover)!important}
.button.secondary{background:var(--v3-card)!important;color:var(--v3-ink)!important;border:1px solid var(--v3-line-2)!important;border-radius:999px!important}
.text-link{color:var(--v3-ink)!important;text-decoration-color:var(--v3-gold)!important}

/* ---------- bands and cards ---------- */
.tinted-band,.section.tinted-band{background:var(--v3-bg-2)!important}
.benefit,.process-card,.area-detail,.story-teaser,.membership-strip,.cairn-panel,.content-callout,.why-me .statement,.boundaries{padding:clamp(22px,3vw,36px)!important;box-sizing:border-box;background:var(--v3-card)!important;border:1px solid var(--v3-line)!important;border-radius:22px!important;box-shadow:var(--v3-shadow)!important;color:var(--v3-ink)}
.process-card:nth-child(n){background:var(--v3-card)!important}
.benefit h3,.process-card h3,.area-detail h3{color:var(--v3-ink)!important}
.benefit p,.process-card p,.area-detail p{color:var(--v3-muted)!important}

/* ---------- the six areas: numbered rows with round badges, on a winding trail ---------- */
.path-map-section .orbit{counter-reset:v3area}
.path-map-section .orbit-item,.path-map-section .orbit-item:nth-of-type(n){counter-increment:v3area;display:flex!important;align-items:center;gap:14px;padding:14px 16px!important;background:var(--v3-card)!important;border:1px solid var(--v3-line)!important;border-radius:20px!important;box-shadow:var(--v3-shadow)!important;color:var(--v3-ink)!important;text-decoration:none}
.path-map-section .orbit-item:hover{border-color:var(--v3-line-2)!important;transform:translateY(-1px)}
.path-map-section .orbit-item>svg.sb-illustration{flex:none;width:58px!important;height:58px!important;padding:10px;box-sizing:border-box;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.5),transparent 62%),var(--v3-badge,var(--v3-badge-heart))!important}
.path-map-section .orbit-item[href$="#heart"]{--v3-badge:var(--v3-badge-heart)}.path-map-section .orbit-item[href$="#kids"]{--v3-badge:var(--v3-badge-kids)}.path-map-section .orbit-item[href$="#legal"]{--v3-badge:var(--v3-badge-legal)}
.path-map-section .orbit-item[href$="#mind"]{--v3-badge:var(--v3-badge-mind)}.path-map-section .orbit-item[href$="#body"]{--v3-badge:var(--v3-badge-body)}.path-map-section .orbit-item[href$="#spirit"]{--v3-badge:var(--v3-badge-spirit)}
.path-map-section .orbit-item strong{font:500 18px/1.25 var(--serif)!important;color:var(--v3-ink)!important}
.path-map-section .orbit-item strong::before{content:counter(v3area) ". "}
.path-map-section .orbit-item span{font:400 13.5px/1.45 var(--sans)!important;color:var(--v3-muted)!important}
.path-map-section .orbit-item::after{content:"›";margin-left:auto;font:400 24px/1 var(--sans);color:var(--v3-faint)}
.areas-numbered .area-detail h3::before{color:var(--v3-gold)!important}
.areas-numbered #heart{--v3-badge:var(--v3-badge-heart)}.areas-numbered #kids{--v3-badge:var(--v3-badge-kids)}.areas-numbered #legal{--v3-badge:var(--v3-badge-legal)}
.areas-numbered #mind{--v3-badge:var(--v3-badge-mind)}.areas-numbered #body{--v3-badge:var(--v3-badge-body)}.areas-numbered #spirit{--v3-badge:var(--v3-badge-spirit)}
@media(max-width:700px){
 .path-map-section .orbit{position:relative;padding-left:34px!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
 .path-map-section .orbit::before{content:"";position:absolute;left:8px;top:22px;bottom:22px;width:22px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 120' preserveAspectRatio='none'%3E%3Cpath d='M11 0C22 20 0 40 11 60S22 100 11 120' fill='none' stroke='%23C8A874' stroke-width='1.6'/%3E%3C/svg%3E") 0 0/22px 120px repeat-y;opacity:.9}
}

/* ---------- the app, inside phones ---------- */
.device{border-radius:42px!important;box-shadow:0 30px 60px rgba(10,22,30,.22)!important}

/* ---------- closing band and footer ---------- */
.last-invitation{color:var(--v3-ink)}
.site-footer{background:var(--v3-bg-2)!important;border-top:1px solid var(--v3-line)!important}
.site-footer a{color:var(--v3-ink)!important}
.footer-caption,.fine,.footer-bottom{color:var(--v3-muted)!important}

/* ---------- homepage hero, from Steven's two references: words left, two tilted phones right,
   topographic lines, a dashed gold trail with a cairn; a forest band and torn edge at night ---------- */
:root{--v3-hero-bg:#EFF2EF;--v3-hero-ink:#13232D;--v3-hero-muted:#3E4F57;--v3-hero-topo:url("sb-v3-topo-day.svg");--v3-hero-forest:url("sb-v3-forest-day.svg");--v3-hero-trail:#E1B85E;--v3-hero-cta:#2F5D74;--v3-hero-cta-ink:#fff;--v3-phone-frame:#1C2429}
:root[data-theme="dark"]{--v3-hero-bg:#13293A;--v3-hero-ink:#F5F1E8;--v3-hero-muted:#C9D3D6;--v3-hero-topo:url("sb-v3-topo-night.svg");--v3-hero-forest:url("sb-v3-forest-night.svg");--v3-hero-trail:#E8C25E;--v3-hero-cta:#F1CB6B;--v3-hero-cta-ink:#1C2126;--v3-phone-frame:#0B1015}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--v3-hero-bg:#13293A;--v3-hero-ink:#F5F1E8;--v3-hero-muted:#C9D3D6;--v3-hero-topo:url("sb-v3-topo-night.svg");--v3-hero-forest:url("sb-v3-forest-night.svg");--v3-hero-trail:#E8C25E;--v3-hero-cta:#F1CB6B;--v3-hero-cta-ink:#1C2126;--v3-phone-frame:#0B1015}}
.v3-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--v3-hero-bg);color:var(--v3-hero-ink);margin:0 calc(50% - 50vw);padding:56px max(20px,calc(50vw - 600px)) 110px}
.v3-hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.v3-hero-topo{position:absolute;inset:0;background:var(--v3-hero-topo) center/cover no-repeat}
.v3-hero-trails{position:absolute;right:max(0px,calc(50vw - 760px));top:20px;width:min(58vw,820px);height:auto;overflow:visible}
.v3-hero-trails path{fill:none;stroke:var(--v3-hero-trail);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:7 10}
.v3-hero-trails circle{fill:var(--v3-hero-trail)}
.v3-hero-trails .v3-trail-cairn ellipse{fill:#8FA4AB}.v3-hero-trails .v3-trail-cairn ellipse:nth-child(2){fill:#B4C2C5}.v3-hero-trails .v3-trail-cairn ellipse:nth-child(3){fill:#CBD5D6}.v3-hero-trails .v3-trail-cairn .top{fill:var(--v3-hero-trail)}
.v3-hero-forest{position:absolute;left:0;right:0;bottom:0;height:230px;background:var(--v3-hero-forest) center bottom/cover no-repeat}
.v3-hero-edge{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:34px;fill:var(--v3-bg);z-index:1}
.v3-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;min-height:640px;padding:0!important;max-width:1200px;margin:0 auto}
.v3-hero-copy{max-width:600px}
.v3-hero h1{font:400 clamp(46px,5.6vw,86px)/1.03 var(--serif)!important;letter-spacing:-.025em!important;color:var(--v3-hero-ink)!important;margin:0 0 28px!important;max-width:9.5em}
.v3-hero .lede{font:400 clamp(17px,1.45vw,21px)/1.6 var(--sans)!important;color:var(--v3-hero-muted)!important;max-width:31em;margin:0 0 34px!important}
.v3-hero .hero-actions{margin:0 0 26px}
.v3-hero .button.v3-hero-cta{display:inline-flex;white-space:nowrap;align-items:center;gap:12px;font:500 19px/1 var(--sans)!important;padding:20px 32px!important;background:var(--v3-hero-cta)!important;color:var(--v3-hero-cta-ink)!important;box-shadow:0 12px 28px rgba(19,35,45,.18)!important}
.v3-hero .button.v3-hero-cta .sb-ui-icon{width:20px;height:20px}
.v3-hero-note{font:400 14.5px/1.6 var(--sans);color:var(--v3-hero-muted);max-width:34em;margin:0;opacity:.9}
.v3-hero-phones{position:relative;height:640px}
.v3-phone{position:absolute;width:286px;height:600px;border-radius:50px;background:var(--v3-phone-frame);padding:11px;box-shadow:0 2px 0 1px rgba(255,255,255,.06) inset,0 34px 60px rgba(12,24,32,.28),0 8px 18px rgba(12,24,32,.16)}
.v3-phone::before{content:"";position:absolute;top:21px;left:50%;transform:translateX(-50%);width:92px;height:26px;border-radius:20px;background:#070A0C;z-index:2}
.v3-phone-screen{width:100%;height:100%;border-radius:40px;overflow:hidden;background:#F7F3EA}
.v3-phone-screen img{width:100%;height:auto;display:block;padding-top:40px;background:inherit}
.v3-phone-screen img.dark{display:none}
:root[data-theme="dark"] .v3-phone-screen img.light{display:none}:root[data-theme="dark"] .v3-phone-screen img.dark{display:block}:root[data-theme="dark"] .v3-phone-screen{background:#0F2230}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .v3-phone-screen img.light{display:none}:root:not([data-theme="light"]) .v3-phone-screen img.dark{display:block}:root:not([data-theme="light"]) .v3-phone-screen{background:#0F2230}}
.v3-phone-a{left:2%;top:26px;transform:rotate(-5deg);z-index:2}
.v3-phone-b{left:44%;top:0;transform:rotate(6deg);z-index:1}
@media(max-width:980px){
 .v3-hero{padding-top:36px;padding-bottom:70px}
 .v3-hero-grid{grid-template-columns:minmax(0,1fr)!important;min-height:0;gap:20px}
 .v3-hero-copy{max-width:none}
 .v3-hero h1{font-size:clamp(40px,10.5vw,60px)!important;margin-bottom:20px!important}
 .v3-hero-phones{height:500px;max-width:460px;width:100%;margin:0 auto}
 .v3-phone{width:224px;height:470px;border-radius:40px;padding:9px}
 .v3-phone-screen{border-radius:32px}
 .v3-phone::before{top:17px;width:72px;height:20px}
 .v3-phone-screen img{padding-top:32px}
 .v3-phone-a{left:0}
 .v3-phone-b{left:auto;right:0}
 .v3-hero-trails{width:120vw;right:-30vw;top:auto;bottom:40px}
 .v3-hero-forest{height:150px}
}
@media(max-width:420px){.v3-phone{width:196px;height:410px}.v3-hero-phones{height:440px}}
.page-art .scene,.practice-art .scene{border-radius:24px!important;overflow:hidden!important}

/* ---------- Brand guide pass (Oct 21): area swatches and the logo lockup, matching the app ---------- */
:root{--sw-heart-bg:#F2DCD8;--sw-heart:#A8605A;--sw-spirit-bg:#F3E2C4;--sw-spirit:#A07024;--sw-mind-bg:#DCE3EE;--sw-mind:#4F6A90;
 --sw-kids-bg:#DCE5DA;--sw-kids:#4F6E4E;--sw-body-bg:#DFE1F0;--sw-body:#4A5A92;--sw-legal-bg:#F2DAD0;--sw-legal:#A85A3E}
:root[data-theme="dark"]{--sw-heart-bg:rgba(212,165,160,.13);--sw-heart:#DDB3AE;--sw-spirit-bg:rgba(214,161,92,.12);--sw-spirit:#DDBE8E;--sw-mind-bg:rgba(123,148,183,.15);--sw-mind:#A9BBD3;
 --sw-kids-bg:rgba(139,153,137,.16);--sw-kids:#B3C3AF;--sw-body-bg:rgba(110,125,180,.16);--sw-body:#AFB9DB;--sw-legal-bg:rgba(201,127,99,.13);--sw-legal:#DCA791}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--sw-heart-bg:rgba(212,165,160,.13);--sw-heart:#DDB3AE;--sw-spirit-bg:rgba(214,161,92,.12);--sw-spirit:#DDBE8E;--sw-mind-bg:rgba(123,148,183,.15);--sw-mind:#A9BBD3;
 --sw-kids-bg:rgba(139,153,137,.16);--sw-kids:#B3C3AF;--sw-body-bg:rgba(110,125,180,.16);--sw-body:#AFB9DB;--sw-legal-bg:rgba(201,127,99,.13);--sw-legal:#DCA791}}
.v3-swatch[data-area="heart"]{--sw-bg:var(--sw-heart-bg);--sw:var(--sw-heart)}.v3-swatch[data-area="spirit"]{--sw-bg:var(--sw-spirit-bg);--sw:var(--sw-spirit)}
.v3-swatch[data-area="mind"]{--sw-bg:var(--sw-mind-bg);--sw:var(--sw-mind)}.v3-swatch[data-area="kids"]{--sw-bg:var(--sw-kids-bg);--sw:var(--sw-kids)}
.v3-swatch[data-area="body"]{--sw-bg:var(--sw-body-bg);--sw:var(--sw-body)}.v3-swatch[data-area="legal"]{--sw-bg:var(--sw-legal-bg);--sw:var(--sw-legal)}
.v3-swatch{flex:none;width:60px;height:60px;border-radius:18px;display:grid!important;place-items:center;background:var(--sw-bg);color:var(--sw);margin:0 0 18px}
.v3-swatch svg{width:30px;height:30px;display:block}
.orbit-item .v3-swatch{margin:0 auto 10px}
/* logo lockup: the mark a touch larger beside the name */
.site-header .brand .sb-mark{width:44px!important;height:auto!important}
.v3-swatch svg,.v3-swatch svg *{stroke:var(--sw)!important;fill:none!important}
.v3-swatch svg{width:30px!important;height:30px!important}
.orbit-item .v3-swatch{margin:0!important}

/* ---------- Brand guide pass 2 (Oct 21, Steven): fuller swatches, as on the guide's boards ----------
   Saturated tiles with a soft paper grain, a faint ridge at the foot and an ivory line icon. By night the same tiles,
   deepened, so dark mode stays calm. */
:root{--swt-heart:linear-gradient(150deg,#DCA79F 0%,#C98A82 100%);--swt-spirit:linear-gradient(150deg,#E2B66C 0%,#CB9142 100%);--swt-mind:linear-gradient(150deg,#8097B2 0%,#58718F 100%);--swt-kids:linear-gradient(150deg,#8DA685 0%,#64835C 100%);--swt-body:linear-gradient(150deg,#D08A72 0%,#B66954 100%);--swt-legal:linear-gradient(150deg,#B7A5C9 0%,#9580AB 100%)}
:root[data-theme="dark"]{--swt-heart:linear-gradient(150deg,#8A645E 0%,#76524E 100%);--swt-spirit:linear-gradient(150deg,#917346 0%,#7E6033 100%);--swt-mind:linear-gradient(150deg,#52677D 0%,#3F5469 100%);--swt-kids:linear-gradient(150deg,#5A7158 0%,#475E46 100%);--swt-body:linear-gradient(150deg,#875C50 0%,#744A3F 100%);--swt-legal:linear-gradient(150deg,#6C6080 0%,#594E6C 100%)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--swt-heart:linear-gradient(150deg,#8A645E 0%,#76524E 100%);--swt-spirit:linear-gradient(150deg,#917346 0%,#7E6033 100%);--swt-mind:linear-gradient(150deg,#52677D 0%,#3F5469 100%);--swt-kids:linear-gradient(150deg,#5A7158 0%,#475E46 100%);--swt-body:linear-gradient(150deg,#875C50 0%,#744A3F 100%);--swt-legal:linear-gradient(150deg,#6C6080 0%,#594E6C 100%)}}
[data-area="heart"]{--swt:var(--swt-heart)}[data-area="spirit"]{--swt:var(--swt-spirit)}[data-area="mind"]{--swt:var(--swt-mind)}
[data-area="kids"]{--swt:var(--swt-kids)}[data-area="body"]{--swt:var(--swt-body)}[data-area="legal"]{--swt:var(--swt-legal)}
.v3-swatch,#view .v3-area-badge{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%22120%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.9%22 numOctaves=%222%22 stitchTiles=%22stitch%22/%3E%3CfeColorMatrix values=%220 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0%22/%3E%3C/filter%3E%3Crect width=%22120%22 height=%22120%22 filter=%22url%28%23n%29%22 opacity=%22.35%22/%3E%3C/svg%3E") 0 0/120px 120px,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 60%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 60V47l11-9 7 5 12-13 10 9 7-5 13 12v14Z%22 fill=%22%23fff%22 opacity=%22.13%22/%3E%3Cpath d=%22M0 60v-7c12-4 22-2 32 1s20 2 28-2v8Z%22 fill=%22%23fff%22 opacity=%22.12%22/%3E%3C/svg%3E") center bottom/100% 55% no-repeat,radial-gradient(circle at 30% 22%,rgba(255,255,255,.22),transparent 60%),var(--swt)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 4px 12px rgba(30,51,64,.10)}
.v3-swatch svg,.v3-swatch svg *,#view .v3-area-badge svg,#view .v3-area-badge svg *{stroke:#FBF8F1!important;fill:none!important}
:root[data-theme="dark"] .v3-swatch svg *,:root[data-theme="dark"] #view .v3-area-badge svg *{stroke:rgba(245,241,232,.9)!important}
.areas-numbered .area-detail h3::before,.orbit-item strong::before{content:none!important}
.v3-swatch svg{width:28px!important;height:28px!important}
.area-detail .v3-swatch{width:68px;height:68px;border-radius:20px}
.area-detail .v3-swatch svg{width:32px!important;height:32px!important}
/* Steven's tagline above the homepage headline */
.v3-hero .v3-hero-eyebrow{margin:0 0 18px!important;font:600 12px/1.5 var(--sans,system-ui)!important;letter-spacing:.18em!important;text-transform:uppercase;color:var(--v3-hero-muted)!important}
/* Homepage hero on wide screens (Steven, Oct 21): the text column starts further left and runs wider, so the paragraph
   takes fewer lines and Get started sits higher; the phones move right a touch. The header lines up with the same edge as the sections below */
@media(min-width:1100px){
 .v3-hero{padding-left:max(24px,calc(50vw - 660px));padding-right:max(24px,calc(50vw - 660px))}
 .site-header{padding-left:max(24px,calc(50vw - 660px))!important;padding-right:max(24px,calc(50vw - 660px))!important}
 .v3-hero-grid{max-width:1320px;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:28px}
 .v3-hero-copy{max-width:720px}
 .v3-hero .lede{max-width:37em;margin-bottom:28px!important}
 .v3-hero-phones{transform:translateX(40px)}
}

/* Oct 21 (Steven, option A): homepage tagline stacked under the wordmark in the header, replacing the hero eyebrow */
.site-header .brand .sb-lock{display:flex!important;flex-direction:column;line-height:1}
.site-header .brand .sb-lock>span:first-child{display:block}
.site-header .brand .sb-tag{display:block!important;font-family:var(--sans,Figtree,system-ui,sans-serif)!important;font-size:12.5px!important;font-weight:500!important;letter-spacing:.01em!important;line-height:1.3!important;color:#5b6c74!important;margin-top:5px!important;white-space:nowrap!important}
.site-header:has(.sb-tag){min-height:80px}
@media(max-width:700px){.site-header .brand .sb-tag{font-size:10.5px!important;white-space:normal!important;max-width:170px!important;margin-top:4px!important}.site-header .brand .sb-lock>span:first-child{font-size:23px!important}}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .site-header .brand .sb-tag{color:#b9c6cc!important}}
:root[data-theme="dark"] .site-header .brand .sb-tag{color:#b9c6cc!important}
/* Oct 21 (Steven): wide desktop uses option B, the italic tagline beside the wordmark with a thin divider; narrower screens keep A */
@media(min-width:1180px){
 .site-header .brand .sb-lock{flex-direction:row!important;align-items:center}
 .site-header .brand .sb-tag{font-family:var(--serif,Literata,Georgia,serif)!important;font-style:italic!important;font-size:16px!important;font-weight:400!important;letter-spacing:0!important;color:#4c5f68!important;margin:0 0 0 18px!important;padding-left:18px!important;border-left:1.5px solid #d4a64a;line-height:1.25!important}
 .site-header:has(.sb-tag){min-height:72px}
}
@media(min-width:1180px) and (prefers-color-scheme:dark){:root:not([data-theme="light"]) .site-header .brand .sb-tag{color:#c9d4d8!important;border-left-color:#e6c06a}}
@media(min-width:1180px){:root[data-theme="dark"] .site-header .brand .sb-tag{color:#c9d4d8!important;border-left-color:#e6c06a}}

/* ===== Alpine watercolour hero (Oct 21): art sits behind the phones only ===== */
:root{--v3-hero-bg:#F6F4EF}
.v3-hero{background:var(--v3-hero-bg)!important}
.v3-hero .v3-hero-topo,.v3-hero .v3-hero-trails,.v3-hero .v3-hero-forest{display:none!important}
.v3-hero-phones{position:relative;isolation:isolate}
.v3-hero-phones::before{content:"";position:absolute;z-index:-1;inset:-6% -14% -8% 4%;border-radius:32px;background:url(sb-alp-hero-day.jpg) 70% 50%/cover;box-shadow:0 30px 60px rgba(36,50,61,.18)}
@media(max-width:899px){.v3-hero-phones::before{inset:8% -2% 0 -2%;border-radius:24px}}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--v3-hero-bg:#0D1218}:root:not([data-theme="light"]) .v3-hero-phones::before{background-image:url(sb-alp-hero-night.jpg);box-shadow:0 30px 60px rgba(0,0,0,.5)}}
:root[data-theme="dark"]{--v3-hero-bg:#0D1218}:root[data-theme="dark"] .v3-hero-phones::before{background-image:url(sb-alp-hero-night.jpg);box-shadow:0 30px 60px rgba(0,0,0,.5)}

/* ===== Homepage hero C (Steven, Oct 21): the climbing-trail scene across the right, fading into the page before the text; the panel behind the phones is gone ===== */
.v3-hero-phones::before{display:none!important}
.v3-hero{background:linear-gradient(90deg,var(--v3-hero-bg) 0%,var(--v3-hero-bg) 50%,color-mix(in srgb,var(--v3-hero-bg) 55%,transparent) 62%,color-mix(in srgb,var(--v3-hero-bg) 18%,transparent) 78%),linear-gradient(color-mix(in srgb,var(--v3-hero-bg) 14%,transparent),color-mix(in srgb,var(--v3-hero-bg) 14%,transparent)),url(sb-hero-wide-day.jpg) right 40%/auto 120% no-repeat,var(--v3-hero-bg)!important}
@media(max-width:899px){.v3-hero{background:linear-gradient(180deg,var(--v3-hero-bg) 0%,var(--v3-hero-bg) 46%,color-mix(in srgb,var(--v3-hero-bg) 40%,transparent) 62%,transparent 78%),url(sb-hero-wide-day.jpg) 70% bottom/auto 62% no-repeat,var(--v3-hero-bg)!important}}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .v3-hero{background:linear-gradient(90deg,var(--v3-hero-bg) 0%,var(--v3-hero-bg) 50%,color-mix(in srgb,var(--v3-hero-bg) 55%,transparent) 62%,color-mix(in srgb,var(--v3-hero-bg) 18%,transparent) 78%),linear-gradient(color-mix(in srgb,var(--v3-hero-bg) 14%,transparent),color-mix(in srgb,var(--v3-hero-bg) 14%,transparent)),url(sb-hero-wide-night.jpg) right 40%/auto 120% no-repeat,var(--v3-hero-bg)!important}@media(max-width:899px){:root:not([data-theme="light"]) .v3-hero{background:linear-gradient(180deg,var(--v3-hero-bg) 0%,var(--v3-hero-bg) 46%,color-mix(in srgb,var(--v3-hero-bg) 40%,transparent) 62%,transparent 78%),url(sb-hero-wide-night.jpg) 70% bottom/auto 62% no-repeat,var(--v3-hero-bg)!important}}}
:root[data-theme="dark"] .v3-hero{background:linear-gradient(90deg,var(--v3-hero-bg) 0%,var(--v3-hero-bg) 50%,color-mix(in srgb,var(--v3-hero-bg) 55%,transparent) 62%,color-mix(in srgb,var(--v3-hero-bg) 18%,transparent) 78%),linear-gradient(color-mix(in srgb,var(--v3-hero-bg) 14%,transparent),color-mix(in srgb,var(--v3-hero-bg) 14%,transparent)),url(sb-hero-wide-night.jpg) right 40%/auto 120% no-repeat,var(--v3-hero-bg)!important}@media(max-width:899px){:root[data-theme="dark"] .v3-hero{background:linear-gradient(180deg,var(--v3-hero-bg) 0%,var(--v3-hero-bg) 46%,color-mix(in srgb,var(--v3-hero-bg) 40%,transparent) 62%,transparent 78%),url(sb-hero-wide-night.jpg) 70% bottom/auto 62% no-repeat,var(--v3-hero-bg)!important}}

/* Soft watercolour everywhere the flat alpine illustrations used to be (Steven, Oct 22): faded versions of the new scenes, quieter than the homepage hero */
.practice-art .scene{box-shadow:0 14px 34px rgba(30,42,44,.08)!important}
.practice-art .scene img,.page-art .scene img{object-position:50% 60%!important}
.page-hero.about .page-art .scene,.page-hero.faq .page-art .scene,.page-hero.membership .page-art .scene{opacity:.9!important}
.sb-polished-page-art .sb-polished-mountain{filter:none!important;object-position:50% 60%!important}
.last-invitation .scene{opacity:.5!important}
.last-invitation .scene img{object-fit:cover!important;object-position:50% 70%!important}
.page-hero.path + .section .section-head::before{background-image:url('sb-path-head-day.jpg')!important;background-position:center 62%!important;opacity:.6!important}
:root[data-theme="dark"] .page-hero.path + .section .section-head::before{background-image:url('sb-path-head-night.jpg')!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .page-hero.path + .section .section-head::before{background-image:url('sb-path-head-night.jpg')!important}}
@media(max-width:760px){.last-invitation .scene{opacity:.3!important}}

/* The Path area cards: icon and title share the top row, description and link run the full card width (phone text was squeezed into the icon column) */
.area-detail>p,.area-detail>.text-link{grid-column:1/-1!important;max-width:none!important}
@media(max-width:760px){
 .area-detail{grid-template-columns:56px minmax(0,1fr)!important;column-gap:16px!important;row-gap:12px!important;align-items:center!important}
 .area-detail .v3-swatch{width:56px!important;height:56px!important;border-radius:17px!important}
 .area-detail .v3-swatch svg{width:27px!important;height:27px!important}
 .area-detail>h3{margin:0!important;font-size:26px!important;line-height:1.15!important}
 .area-detail>p{margin:4px 0 0!important}
}
@media(min-width:761px){.last-invitation::after{background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 62%,transparent 84%)!important}}
@media(max-width:760px){.last-invitation .scene{display:none!important}}
.sb-polished-page-art .sb-polished-artwash{display:none!important}
.sb-polished-page-art{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}

/* Scenes fade into the page instead of sitting in a box (Steven, Oct 22): no radius, border or shadow; every edge dissolves gradually into the page */
.practice-art,.page-art{box-shadow:none!important;border-radius:0!important;background:transparent!important;border:0!important;overflow:visible!important}
.practice-art .scene,.page-art .scene,.sb-polished-page-art{border-radius:0!important;box-shadow:none!important;border:0!important;background:transparent!important;opacity:.8!important;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 14%,#000 38%,#000 66%,rgba(0,0,0,.35) 86%,transparent 100%),linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 16%,#000 40%,#000 64%,rgba(0,0,0,.4) 84%,transparent 100%)!important;
 mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 14%,#000 38%,#000 66%,rgba(0,0,0,.35) 86%,transparent 100%),linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 16%,#000 40%,#000 64%,rgba(0,0,0,.4) 84%,transparent 100%)!important;
 -webkit-mask-composite:source-in!important;mask-composite:intersect!important}
.practice-art .scene,.page-art .scene{inset:-6% -6%!important}
.practice-art .scene img,.page-art .scene img{border-radius:0!important}
/* Stronger dissolve (Steven, Oct 22): only the centre of each scene is at full strength, edges melt away long before the frame */
.practice-art .scene,.page-art .scene,.sb-polished-page-art{opacity:.78!important;
 -webkit-mask-image:radial-gradient(closest-side,#000 0%,rgba(0,0,0,.85) 30%,rgba(0,0,0,.45) 62%,rgba(0,0,0,.12) 86%,transparent 100%)!important;
 mask-image:radial-gradient(closest-side,#000 0%,rgba(0,0,0,.85) 30%,rgba(0,0,0,.45) 62%,rgba(0,0,0,.12) 86%,transparent 100%)!important;
 -webkit-mask-composite:source-over!important;mask-composite:add!important;-webkit-mask-size:100% 100%!important;mask-size:100% 100%!important}
.practice-art .scene,.page-art .scene{inset:-14% -10%!important}
:root[data-theme="dark"] :is(.practice-art .scene,.page-art .scene,.sb-polished-page-art){opacity:.92!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.practice-art .scene,.page-art .scene,.sb-polished-page-art){opacity:.92!important}}

/* Scenes as faded section backgrounds, not standalone pictures (Steven, Oct 22): the art sits behind the text, light enough to read over, strongest on the empty side on desktop */
.page-art,.practice-art{display:none!important}
.page-hero.about,.page-hero.how,.page-hero.membership,.page-hero.faq,.section.practices{position:relative;isolation:isolate;overflow:hidden}
.page-hero.about{--bgart:url(sb-story-hero-day.jpg)}
.page-hero.how{--bgart:url(sb-trail-hero-day.jpg)}
.page-hero.membership{--bgart:url(sb-soft-memberhero-day.jpg)}
.page-hero.faq{--bgart:url(sb-soft-faqhero-day.jpg)}
.section.practices{--bgart:url(sb-soft-practices-day.jpg)}
:root[data-theme="dark"] .page-hero.about{--bgart:url(sb-story-hero-night.jpg)}
:root[data-theme="dark"] .page-hero.how{--bgart:url(sb-trail-hero-night.jpg)}
:root[data-theme="dark"] .page-hero.membership{--bgart:url(sb-soft-memberhero-night.jpg)}
:root[data-theme="dark"] .page-hero.faq{--bgart:url(sb-soft-faqhero-night.jpg)}
:root[data-theme="dark"] .section.practices{--bgart:url(sb-soft-practices-night.jpg)}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]) .page-hero.about{--bgart:url(sb-story-hero-night.jpg)}
 :root:not([data-theme="light"]) .page-hero.how{--bgart:url(sb-trail-hero-night.jpg)}
 :root:not([data-theme="light"]) .page-hero.membership{--bgart:url(sb-soft-memberhero-night.jpg)}
 :root:not([data-theme="light"]) .page-hero.faq{--bgart:url(sb-soft-faqhero-night.jpg)}
 :root:not([data-theme="light"]) .section.practices{--bgart:url(sb-soft-practices-night.jpg)}
}
:is(.page-hero.about,.page-hero.how,.page-hero.membership,.page-hero.faq,.section.practices)::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:var(--bgart) right 55%/cover no-repeat;opacity:.5;
 -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.18) 45%,#000 85%),linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%);
 mask-image:linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.18) 45%,#000 85%),linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%);
 -webkit-mask-composite:source-in;mask-composite:intersect}
:is(.page-hero.about,.page-hero.how,.page-hero.membership,.page-hero.faq,.section.practices)>*{position:relative;z-index:1}
@media(max-width:760px){
 :is(.page-hero.about,.page-hero.how,.page-hero.membership,.page-hero.faq,.section.practices)::before{
  background-position:60% 70%;opacity:.2;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 25%,#000 80%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 25%,#000 80%,transparent 100%)}
}

/* Cairn colours on the feature and step icons (Steven, Oct 22): each icon takes one stone colour and sits on a soft pebble, like the logo */
.benefit:nth-child(1),.process-card:nth-child(1){--cairn:#9580AB}
.benefit:nth-child(2),.process-card:nth-child(2){--cairn:#C98370}
.benefit:nth-child(3),.process-card:nth-child(3){--cairn:#6F8E67}
.benefit:nth-child(4),.process-card:nth-child(4){--cairn:#D8A85A}
:is(.benefit,.process-card) .sb-illustration{
 --ic-pale:color-mix(in srgb,var(--cairn) 35%,#fff);--ic-mid:var(--cairn);--ic-deep:color-mix(in srgb,var(--cairn) 70%,#1b2830);
 width:84px!important;height:72px!important;padding:10px 14px;box-sizing:border-box;
 background:color-mix(in srgb,var(--cairn) 17%,transparent);border-radius:52% 48% 46% 54% / 58% 56% 44% 42%}
:is(.benefit,.process-card){border-top:3px solid color-mix(in srgb,var(--cairn) 70%,transparent)!important}
.process-card .eyebrow,.process-card p.eyebrow{color:color-mix(in srgb,var(--cairn) 80%,var(--v3-muted))!important}
:root[data-theme="dark"] :is(.benefit,.process-card) .sb-illustration{--ic-pale:color-mix(in srgb,var(--cairn) 45%,#0D1218);--ic-deep:color-mix(in srgb,var(--cairn) 60%,#fff)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.benefit,.process-card) .sb-illustration{--ic-pale:color-mix(in srgb,var(--cairn) 45%,#0D1218);--ic-deep:color-mix(in srgb,var(--cairn) 60%,#fff)}}
@media(max-width:760px){.benefits{grid-template-columns:1fr!important;gap:16px!important}}
:is(.benefit,.process-card) .sb-illustration{padding:5px 9px!important;width:88px!important;height:76px!important}
@media(max-width:760px){
 :is(.page-hero.about,.page-hero.how,.page-hero.membership,.page-hero.faq,.section.practices)::before{opacity:.28}
 :root[data-theme="dark"] :is(.page-hero.about,.page-hero.how,.page-hero.membership,.page-hero.faq,.section.practices)::before{opacity:.42}
}
@media(max-width:760px) and (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.page-hero.about,.page-hero.how,.page-hero.membership,.page-hero.faq,.section.practices)::before{opacity:.42}}

/* Oct 22 (Steven): practices card uses the real full-colour logo; footer tagline wraps in balanced lines; Path subtext panel fades out to the right */
.benefit .sb-logo-icon{background:none!important;padding:2px 0!important;width:96px!important;height:78px!important}
.footer-caption,.site-footer .footer-caption{text-wrap:balance;max-width:30ch}
.page-hero.path + .section .section-head>p{background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 92%,transparent) 0%,color-mix(in srgb,var(--surface) 70%,transparent) 55%,transparent 100%)!important;box-shadow:none!important}
@media(max-width:760px){:root[data-theme="dark"] .section.practices::before{opacity:.3!important}}
@media(max-width:760px) and (prefers-color-scheme:dark){:root:not([data-theme="light"]) .section.practices::before{opacity:.3!important}}

/* Steven's painted cairn mark (Oct 22): the painted stones replace the flat drawing wherever the mark shows; the flat SVG stays as the favicon */
svg.sb-mark{background:url(sb-logo-painted-sm.png) center/contain no-repeat}
svg.sb-mark>*{display:none}
.site-footer svg.sb-mark,.cairn-art svg.sb-mark,.sb-mark-feature-mark{background-image:url(sb-logo-painted.png)!important;opacity:1!important}
/* Footer: tagline sits close under the name */
.footer-caption{margin:10px 0 0!important;line-height:1.55!important;max-width:30ch}
.site-footer .brand,.footer-brand .brand{margin-bottom:0!important}
/* Closing invitation: the clear climbing-trail painting (full resolution), softly faded at the right */
.last-invitation .scene img{object-position:60% 45%!important;filter:saturate(.85)}
/* Small painted mark: pre-scaled files so the stones stay clean at 34-48px instead of the browser shrinking a big painting */
svg.sb-mark,.site-footer svg.sb-mark{background-image:image-set(url(sb-logo-mark-1x.png) 1x,url(sb-logo-mark-2x.png) 2x,url(sb-logo-mark-3x.png) 3x)!important}
.cairn-art svg.sb-mark,.sb-mark-feature-mark{background-image:url(sb-logo-painted.png)!important}

/* Painted area tiles (Steven, Oct 22): each area is a scene from the watercolour library in its own colour, with the icon in an ivory circle like the icon system; heart is his painted heart, mind a painted pebble stack */
.v3-swatch[data-area="heart"],.v3-swatch[data-area="heart"]{background:url(sb-area-heart-day.jpg) center/cover no-repeat!important;--paint-ink:#A9615A}
:root[data-theme="dark"] .v3-swatch[data-area="heart"],:root[data-theme="dark"] .v3-swatch[data-area="heart"]{background-image:url(sb-area-heart-night.jpg)!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .v3-swatch[data-area="heart"],:root:not([data-theme="light"]) .v3-swatch[data-area="heart"]{background-image:url(sb-area-heart-night.jpg)!important}}
.v3-swatch[data-area="spirit"],.v3-swatch[data-area="spirit"]{background:url(sb-area-spirit-day.jpg) center/cover no-repeat!important;--paint-ink:#A9792C}
:root[data-theme="dark"] .v3-swatch[data-area="spirit"],:root[data-theme="dark"] .v3-swatch[data-area="spirit"]{background-image:url(sb-area-spirit-night.jpg)!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .v3-swatch[data-area="spirit"],:root:not([data-theme="light"]) .v3-swatch[data-area="spirit"]{background-image:url(sb-area-spirit-night.jpg)!important}}
.v3-swatch[data-area="mind"],.v3-swatch[data-area="mind"]{background:url(sb-area-mind-day.jpg) center/cover no-repeat!important;--paint-ink:#4C6683}
:root[data-theme="dark"] .v3-swatch[data-area="mind"],:root[data-theme="dark"] .v3-swatch[data-area="mind"]{background-image:url(sb-area-mind-night.jpg)!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .v3-swatch[data-area="mind"],:root:not([data-theme="light"]) .v3-swatch[data-area="mind"]{background-image:url(sb-area-mind-night.jpg)!important}}
.v3-swatch[data-area="kids"],.v3-swatch[data-area="kids"]{background:url(sb-area-kids-day.jpg) center/cover no-repeat!important;--paint-ink:#55744D}
:root[data-theme="dark"] .v3-swatch[data-area="kids"],:root[data-theme="dark"] .v3-swatch[data-area="kids"]{background-image:url(sb-area-kids-night.jpg)!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .v3-swatch[data-area="kids"],:root:not([data-theme="light"]) .v3-swatch[data-area="kids"]{background-image:url(sb-area-kids-night.jpg)!important}}
.v3-swatch[data-area="body"],.v3-swatch[data-area="body"]{background:url(sb-area-body-day.jpg) center/cover no-repeat!important;--paint-ink:#9F5843}
:root[data-theme="dark"] .v3-swatch[data-area="body"],:root[data-theme="dark"] .v3-swatch[data-area="body"]{background-image:url(sb-area-body-night.jpg)!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .v3-swatch[data-area="body"],:root:not([data-theme="light"]) .v3-swatch[data-area="body"]{background-image:url(sb-area-body-night.jpg)!important}}
.v3-swatch[data-area="legal"],.v3-swatch[data-area="legal"]{background:url(sb-area-legal-day.jpg) center/cover no-repeat!important;--paint-ink:#76628F}
:root[data-theme="dark"] .v3-swatch[data-area="legal"],:root[data-theme="dark"] .v3-swatch[data-area="legal"]{background-image:url(sb-area-legal-night.jpg)!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .v3-swatch[data-area="legal"],:root:not([data-theme="light"]) .v3-swatch[data-area="legal"]{background-image:url(sb-area-legal-night.jpg)!important}}
.v3-swatch svg{width:64%!important;height:64%!important;box-sizing:border-box;padding:13%!important;stroke-width:2.2px;border-radius:50%;background:rgba(251,248,241,.93);box-shadow:0 1px 4px rgba(20,30,40,.18)}
.v3-swatch svg,.v3-swatch svg *{stroke:var(--paint-ink)!important}
:root[data-theme="dark"] .v3-swatch svg{background:rgba(238,233,222,.86)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .v3-swatch svg{background:rgba(238,233,222,.86)}}
.v3-swatch[data-area="heart"] svg{background:url(sb-obj-heart.png) center/cover no-repeat!important;padding:0!important}
.v3-swatch[data-area="heart"] svg>*{display:none}
.v3-swatch[data-area="mind"] svg{background:rgba(251,248,241,.93) url(sb-stack-05.png) center 58%/62% no-repeat!important}
.v3-swatch[data-area="mind"] svg>*{display:none}
.v3-swatch{border-radius:18px;overflow:hidden}
/* Painted feature, step and membership icons from the icon system (Steven, Oct 22) */
.sb-illustration.sb-painted{background:var(--pic) center/cover no-repeat!important;border-radius:20px!important;padding:0!important;box-shadow:0 2px 10px rgba(30,40,50,.12)}
.sb-illustration.sb-painted>*{display:none}
.benefit .sb-illustration.sb-painted,.process-card .sb-illustration.sb-painted{width:86px!important;height:78px!important}
.membership-list .sb-illustration.sb-painted{width:46px!important;height:42px!important;border-radius:12px!important;flex:none}
.benefit .sb-logo-icon{background:url(sb-logo-painted.png) left center/contain no-repeat!important;border-radius:0!important;box-shadow:none!important}
.benefit .sb-logo-icon>*{display:none}
/* Clear painting behind the practices section (Steven, Oct 22): full-size valley trail scene instead of the upscaled tile */
.section.practices{--bgart:url(sb-practices-trail-day.jpg)}
:root[data-theme="dark"] .section.practices{--bgart:url(sb-practices-trail-night.jpg)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .section.practices{--bgart:url(sb-practices-trail-night.jpg)}}
.section.practices::before{background-position:right 60%!important}

/* Steven's painted area icons (Oct 22): one picture per area, the same in light and dark, replacing the scene + glyph */
.v3-swatch[data-area="heart"]{background:url(/assets/sb-area-ic-heart.png) center/cover no-repeat!important}
:root[data-theme="dark"] :is(.v3-swatch[data-area="heart"]){background-image:url(/assets/sb-area-ic-heart.png)!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.v3-swatch[data-area="heart"]){background-image:url(/assets/sb-area-ic-heart.png)!important}}
.v3-swatch[data-area="kids"]{background:url(/assets/sb-area-ic-kids.png) center/cover no-repeat!important}
:root[data-theme="dark"] :is(.v3-swatch[data-area="kids"]){background-image:url(/assets/sb-area-ic-kids.png)!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.v3-swatch[data-area="kids"]){background-image:url(/assets/sb-area-ic-kids.png)!important}}
.v3-swatch[data-area="legal"]{background:url(/assets/sb-area-ic-legal.png) center/cover no-repeat!important}
:root[data-theme="dark"] :is(.v3-swatch[data-area="legal"]){background-image:url(/assets/sb-area-ic-legal.png)!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.v3-swatch[data-area="legal"]){background-image:url(/assets/sb-area-ic-legal.png)!important}}
.v3-swatch[data-area="mind"]{background:url(/assets/sb-area-ic-mind.png) center/cover no-repeat!important}
:root[data-theme="dark"] :is(.v3-swatch[data-area="mind"]){background-image:url(/assets/sb-area-ic-mind.png)!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.v3-swatch[data-area="mind"]){background-image:url(/assets/sb-area-ic-mind.png)!important}}
.v3-swatch[data-area="body"]{background:url(/assets/sb-area-ic-body.png) center/cover no-repeat!important}
:root[data-theme="dark"] :is(.v3-swatch[data-area="body"]){background-image:url(/assets/sb-area-ic-body.png)!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.v3-swatch[data-area="body"]){background-image:url(/assets/sb-area-ic-body.png)!important}}
.v3-swatch[data-area="spirit"]{background:url(/assets/sb-area-ic-spirit.png) center/cover no-repeat!important}
:root[data-theme="dark"] :is(.v3-swatch[data-area="spirit"]){background-image:url(/assets/sb-area-ic-spirit.png)!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.v3-swatch[data-area="spirit"]){background-image:url(/assets/sb-area-ic-spirit.png)!important}}
.v3-swatch[data-area] svg{display:none!important}
.v3-swatch[data-area]{border-radius:18px;overflow:hidden;box-shadow:0 2px 8px rgba(30,40,50,.12)}
/* My story hero (Steven, Oct 22): his clear trail scene, shown stronger on the empty right side so it reads crisp, not foggy */
@media(min-width:761px){.page-hero.about::before{opacity:.82!important}}
/* Path page header (Steven, Oct 22): his clear lake-and-trail scene, strong enough to read crisp */
@media(min-width:761px){.page-hero.path + .section .section-head::before{opacity:.88!important;background-position:right 60%!important}}


/* Final approved visual layer: authoritative after site-v3 and all older logo rules. */
:root,:root[data-theme="light"]{--primary:#173847;--on-primary:#fff;--gold:#D8C9B0;--trail:#D8C9B0;--stone-path:#D8C9B0;--v3-primary:#173847;--v3-gold:#D8C9B0}
:root[data-theme="dark"]{--primary:#D8C9B0;--on-primary:#102936;--gold:#D8C9B0;--trail:#D8C9B0;--stone-path:#D8C9B0;--v3-primary:#D8C9B0;--v3-gold:#D8C9B0}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--primary:#D8C9B0;--on-primary:#102936;--gold:#D8C9B0;--trail:#D8C9B0;--stone-path:#D8C9B0;--v3-primary:#D8C9B0;--v3-gold:#D8C9B0}}
svg.sb-mark,.site-footer svg.sb-mark,.cairn-art svg.sb-mark,.sb-mark-feature-mark,.benefit .sb-logo-icon{background-image:url(sb-approved-mark-light.svg)!important}
:root[data-theme="dark"] :is(svg.sb-mark,.site-footer svg.sb-mark,.cairn-art svg.sb-mark,.sb-mark-feature-mark,.benefit .sb-logo-icon){background-image:url(sb-approved-mark-dark.svg)!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(svg.sb-mark,.site-footer svg.sb-mark,.cairn-art svg.sb-mark,.sb-mark-feature-mark,.benefit .sb-logo-icon){background-image:url(sb-approved-mark-dark.svg)!important}}
.site-header .brand svg.sb-mark{display:block!important;width:48px!important;height:46px!important}
.site-header .brand::before{display:none!important}
:root[data-theme="dark"] :is(.button.primary,.button.v3-hero-cta,.v3-hero-cta,.btn-primary,.site-header .button){background-color:#D8C9B0!important;color:#102936!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.button.primary,.button.v3-hero-cta,.v3-hero-cta,.btn-primary,.site-header .button){background-color:#D8C9B0!important;color:#102936!important}}
:root[data-theme="light"] :is(.button.primary,.button.v3-hero-cta,.v3-hero-cta,.btn-primary,.site-header .button){background:#173847!important;color:#fff!important}


/* Keep the warm ivory/deep navy backgrounds from the approved Cloudflare preview. */
:root,:root[data-theme="light"]{--paper:#FAF7F0;--surface:#FFFCF7;--panel:#F2EDE6;--ink:#192D38;--muted:#68757A;--line:#E5DED4;--v3-bg:#FAF7F0;--v3-card:#FFFCF7}
:root[data-theme="dark"]{--paper:#102936;--surface:#1C3B49;--panel:#172F3D;--ink:#F9F5EC;--muted:#B9C8CB;--line:#3C5561;--v3-bg:#102936;--v3-card:#1C3B49}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#102936;--surface:#1C3B49;--panel:#172F3D;--ink:#F9F5EC;--muted:#B9C8CB;--line:#3C5561;--v3-bg:#102936;--v3-card:#1C3B49}}


/* Precision patch: only the existing dark-mode oat CTA pills. Do not
   modify category artwork, other controls, or the light-mode teal buttons. */
:root[data-theme="dark"] :is(.button.primary,.button.v3-hero-cta,.v3-hero-cta,.btn-primary,.site-header .button){
 background-color:#D8C9B0!important;
 color:#102936!important;
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 line-height:1.2!important;
}
:root[data-theme="dark"] .site-header .button{vertical-align:middle!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.button.primary,.button.v3-hero-cta,.v3-hero-cta,.btn-primary,.site-header .button){
 background-color:#D8C9B0!important;
 color:#102936!important;
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 line-height:1.2!important;
}}


/* Targeted finishing pass 2026-10-28: logo/oat CTAs only; category artwork untouched. */
:root{--sb-oat:#D8C9B0;--gold:#D8C9B0;--trail:#D8C9B0;--stone-path:#D8C9B0;--v3-gold:#D8C9B0}
:root[data-theme="dark"]{--primary:#D8C9B0;--v3-primary:#D8C9B0;--sb-oat:#D8C9B0}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--primary:#D8C9B0;--v3-primary:#D8C9B0;--sb-oat:#D8C9B0}}
/* Only existing dark-mode oat CTAs. No repeating gradients or hatch lines. */
:root[data-theme="dark"] :is(.button.primary,.button.v3-hero-cta,.v3-hero-cta,.btn-primary,.site-header .button){
 background-color:#D8C9B0!important;color:#102936!important;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.button.primary,.button.v3-hero-cta,.v3-hero-cta,.btn-primary,.site-header .button){
 background-color:#D8C9B0!important;color:#102936!important;
}}
/* Center existing header pill label precisely without changing pill dimensions. */
.site-header :is(.button,.btn-primary){display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1.2!important;text-align:center!important}
.site-header :is(.button,.btn-primary) :is(span,svg){vertical-align:middle}


/* ===== Exact approved logo and oat kit (Steven, Oct 29), loaded last ===== */
/* Switchbacks approved final brand asset integration. Load AFTER all site CSS. */
:root { --sb-approved-oat:#D8C9B0; }
/* The exact same transparent PNG is used for BOTH themes. Never swap artwork. */
svg.sb-mark, .site-footer svg.sb-mark, .cairn-art svg.sb-mark,
.sb-mark-feature-mark, .benefit .sb-logo-icon {
  background: url('./switchbacks-master-mark.png') center / contain no-repeat !important;
}
svg.sb-mark > * { display:none !important; }
/* Override older dark-specific logo rules, without changing other illustrations. */
:root[data-theme="dark"] :is(svg.sb-mark,.site-footer svg.sb-mark,.cairn-art svg.sb-mark,.sb-mark-feature-mark,.benefit .sb-logo-icon),
:root[data-theme="light"] :is(svg.sb-mark,.site-footer svg.sb-mark,.cairn-art svg.sb-mark,.sb-mark-feature-mark,.benefit .sb-logo-icon) {
 background-image:url('./switchbacks-master-mark.png') !important;
}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]) :is(svg.sb-mark,.site-footer svg.sb-mark,.cairn-art svg.sb-mark,.sb-mark-feature-mark,.benefit .sb-logo-icon){background-image:url('./switchbacks-master-mark.png') !important;}
}
/* Soft oat texture (Steven, Oct 29): existing dark-mode oat CTAs only (header pill, hero CTA).
   Light-mode buttons stay solid midnight teal. Hover stays light; pressed darkens a touch. */
:root[data-theme="dark"] :is(.button.primary,.button.v3-hero-cta,.v3-hero-cta,.btn-primary,.site-header .button) {
 background-color:#D8C9B0 !important;
 background-image:url('./switchbacks-oat-trail-texture.webp') !important;
 background-size:100% 100% !important;
 background-repeat:no-repeat !important;
 color:#102936 !important;
}
:root[data-theme="dark"] :is(.button.primary,.button.v3-hero-cta,.v3-hero-cta,.btn-primary,.site-header .button):hover { filter:brightness(1.015); }
:root[data-theme="dark"] :is(.button.primary,.button.v3-hero-cta,.v3-hero-cta,.btn-primary,.site-header .button):active { filter:brightness(.975); }
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]) :is(.button.primary,.button.v3-hero-cta,.v3-hero-cta,.btn-primary,.site-header .button){
  background-color:#D8C9B0 !important;
  background-image:url('./switchbacks-oat-trail-texture.webp') !important;
  background-size:100% 100% !important;
  background-repeat:no-repeat !important;
  color:#102936 !important;
 }
 :root:not([data-theme="light"]) :is(.button.primary,.button.v3-hero-cta,.v3-hero-cta,.btn-primary,.site-header .button):hover { filter:brightness(1.015); }
 :root:not([data-theme="light"]) :is(.button.primary,.button.v3-hero-cta,.v3-hero-cta,.btn-primary,.site-header .button):active { filter:brightness(.975); }
}
.site-header :is(.button,.btn-primary) { display:inline-flex !important; align-items:center !important; justify-content:center !important; line-height:1.2 !important; text-align:center !important; }
/* Footer brand draws its mark with .brand::before (from PR #13): same master artwork there too, both themes. */
.brand::before,:root[data-theme="dark"] .brand::before,:root[data-theme="light"] .brand::before{background-image:url('./switchbacks-master-mark.png')!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .brand::before{background-image:url('./switchbacks-master-mark.png')!important}}