/* Switchbacks final editorial art direction — public site, design-only.
 * One painterly alpine gesture per major page, muted earthy contrasts elsewhere. */
:root,:root[data-theme="light"]{
 --paper:#F6F3EC;--surface:#FFFCF5;--panel:#EAEDE6;
 --ink:#273B40;--muted:#596C6D;--primary:#355E67;--on-primary:#FFFCF5;
 --line:#D5DDD6;--gold:#AB8C61;--trail:#91A39B;
 --stone-1:#3E6169;--stone-2:#748E8A;--stone-3:#A2A99B;--stone-4:#B69E81;
 --sb-site-sage:#E6EBE3;--sb-site-stone:#EDE7DC;--sb-site-clay:#E9D6CA;
 --sb-site-shadow:0 10px 29px rgba(38,55,47,.055);
 color-scheme:light;
}
:root[data-theme="dark"]{
 --paper:#162831;--surface:#243C43;--panel:#2A4344;
 --ink:#F6F1E8;--muted:#C5CFCA;--primary:#C0D6D1;--on-primary:#1C353A;
 --line:#536964;--gold:#D5B88A;--trail:#A9BBB0;
 --stone-1:#C1D0C8;--stone-2:#B1BCAF;--stone-3:#C6BCA7;--stone-4:#D8BD94;
 --sb-site-sage:#314941;--sb-site-stone:#344447;--sb-site-clay:#654B49;
 --sb-site-shadow:0 12px 38px rgba(3,17,21,.19);
 color-scheme:dark;
}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]){
 --paper:#162831;--surface:#243C43;--panel:#2A4344;
 --ink:#F6F1E8;--muted:#C5CFCA;--primary:#C0D6D1;--on-primary:#1C353A;
 --line:#536964;--gold:#D5B88A;--trail:#A9BBB0;
 --stone-1:#C1D0C8;--stone-2:#B1BCAF;--stone-3:#C6BCA7;--stone-4:#D8BD94;
 --sb-site-sage:#314941;--sb-site-stone:#344447;--sb-site-clay:#654B49;
 --sb-site-shadow:0 12px 38px rgba(3,17,21,.19);
 color-scheme:dark;
 }
}
body{background:var(--paper)}
.hero{isolation:isolate}
.hero .shell{isolation:isolate}
.hero-scene{pointer-events:none}
.hero-scene .scene{
 right:-6%;bottom:-15%;width:min(89%,1074px);height:77%;
 opacity:.76;mask-image:linear-gradient(90deg,transparent 0%,#000 19%),linear-gradient(180deg,transparent 0%,#000 11%,#000 80%,transparent);
 mask-composite:intersect;
}
.hero-contours{opacity:.055}
.hero-scene .scene img{object-fit:cover;object-position:54% 42%}
.hero-copy h1{letter-spacing:-.032em}
.hero-copy .lede{font-size:17px;line-height:1.72}
.hero-devices .device{box-shadow:0 0 0 1px rgba(69,83,81,.3),0 20px 45px rgba(13,34,39,.2)}
/* Secondary pages should not repeat oversized floating squiggle illustrations. */
.page-hero .shell{min-height:500px;padding-top:62px;padding-bottom:52px}
.page-hero h1{letter-spacing:-.022em}
.page-art{height:340px}
.page-art .scene{
 inset:-11px -43px -32px -27px;opacity:.86;
 mask-image:linear-gradient(90deg,transparent 0%,#000 18%),linear-gradient(180deg,transparent 0%,#000 10%,#000 82%,transparent);
 mask-composite:intersect;
}
.page-art .scene img{object-fit:contain;object-position:50% 50%}
.page-art-route{display:none!important}
.page-art .art-foreground{display:none!important}
.page-hero.about .page-art .scene,
.page-hero.faq .page-art .scene,
.page-hero.membership .page-art .scene,
.page-hero.path .page-art .scene{transform:none;opacity:.77}
/* Site section rhythm: warm, grounded, never a wall of blank ivory. */
.process-card,.area-detail,.membership-benefits .panel{
 background:var(--surface);border:1px solid var(--line);
 box-shadow:var(--sb-site-shadow);border-radius:19px;
}
.process-card:nth-child(3n+2),.area-detail:nth-child(3n+2){
 background:linear-gradient(135deg,var(--surface),var(--sb-site-sage));
}
.process-card:nth-child(3n),.area-detail:nth-child(3n){
 background:linear-gradient(135deg,var(--surface),var(--sb-site-stone));
}
.process-card>.sb-illustration,.area-detail>.sb-illustration{opacity:.84}
.process-card h3,.area-detail h3{letter-spacing:-.015em}
.why-me{background:var(--sb-site-sage)}
.story-prose .prose p{line-height:1.82}
.page-hero .eyebrow,.hero-copy .eyebrow{letter-spacing:.14em}
.button,button{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
/* Dark-mode accents: warmer mineral highlights, not uniformly cyan on navy. */
[data-theme="dark"] .process-card:nth-child(3n+2),
[data-theme="dark"] .area-detail:nth-child(3n+2){background:linear-gradient(135deg,#2D4842,#263E41)}
[data-theme="dark"] .process-card:nth-child(3n),
[data-theme="dark"] .area-detail:nth-child(3n){background:linear-gradient(135deg,#374548,#283D42)}
[data-theme="dark"] .hero-scene .scene{opacity:.78}
[data-theme="dark"] .page-art .scene{opacity:.79}
[data-theme="dark"] .scene img.dark{filter:brightness(.93) saturate(.75);mix-blend-mode:normal}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .process-card:nth-child(3n+2),
:root:not([data-theme="light"]) .area-detail:nth-child(3n+2){background:linear-gradient(135deg,#2D4842,#263E41)}
:root:not([data-theme="light"]) .process-card:nth-child(3n),
:root:not([data-theme="light"]) .area-detail:nth-child(3n){background:linear-gradient(135deg,#374548,#283D42)}
:root:not([data-theme="light"]) .hero-scene .scene{opacity:.78}
:root:not([data-theme="light"]) .page-art .scene{opacity:.79}
:root:not([data-theme="light"]) .scene img.dark{filter:brightness(.93) saturate(.75);mix-blend-mode:normal}}
@media(max-width:740px){
 .hero-scene .scene{width:135%;right:-35%;bottom:-4%;height:56%;opacity:.54}
 .hero-copy .lede{font-size:16px}
 .page-hero .shell{padding-top:38px;padding-bottom:35px;min-height:0}
 .page-art{height:245px;max-width:100%;margin:10px 0 0}
 .page-art .scene{inset:0 -12px 0 -12px;opacity:.78;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 82%,transparent)}
 .process-card,.area-detail{padding:22px}
 .area-detail .sb-illustration{width:65px;height:68px;margin-bottom:13px}
}
@media(prefers-reduced-motion:reduce){.scene img,.process-card,.area-detail{transition:none!important}}