/* Internal desktop pages only. Home and mobile retain their existing appearance. */
.theme-switch{display:none}
@media(min-width:701px){
 .global-header .theme-switch{position:relative;isolation:isolate;display:inline-flex;align-items:center;flex:none;gap:0;padding:3px;border:1px solid #667482;border-radius:999px;background:#262d35;color:#bac6d1;font:500 11px/1 Arial,sans-serif;cursor:pointer;min-height:36px;white-space:nowrap}
 .theme-switch:before{content:'';position:absolute;inset:3px auto 3px 3px;width:calc(50% - 3px);border-radius:999px;background:#46525f;z-index:-1;transform:translateX(100%)}
 .theme-switch span{display:flex;align-items:center;justify-content:center;gap:5px;min-width:53px;padding:8px 7px}
 .theme-switch svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
 .theme-switch .theme-night{color:#fff}
 .theme-switch:focus-visible{outline:2px solid var(--accent,#f16b63);outline-offset:4px}
 .theme-switch:hover{border-color:var(--accent,#f16b63)}
 html[data-theme=light]{color-scheme:light}
 html[data-theme=light],html[data-theme=light] body{--graphite-bg:#f4f3ef;--graphite-panel:#fffefa;--graphite-raised:#e9edf0;--graphite-line:#ccd2d7;--bg:#f4f3ef;--panel:#fffefa;--ink:#222c36;--muted:#536170;--line:#ccd2d7;background-color:#f4f3ef;color:#222c36}
 html[data-theme=light] body[data-theme-section]{--accent:#bb3c35!important;--soft:rgba(187,60,53,.06)!important}
 html[data-theme=light] body[data-theme-section=computer]{--accent:#2363a7!important;--soft:rgba(35,99,167,.06)!important}
 html[data-theme=light] .branch{--accent:#bb3c35;--accent-soft:rgba(187,60,53,.08);color:#222c36;color-scheme:light;scrollbar-color:#9aa7b1 #f4f3ef}
 html[data-theme=light] .branch-computer{--accent:#2363a7;--accent-soft:rgba(35,99,167,.08)}
 html[data-theme=light] :is(body.direction-page,body.direction-page>main,.direction-page .branch,.direction-page .branch-desktop,.direction-page .branch-hero,.direction-page .branch-detail){background:#f4f3ef}
 html[data-theme=light] .direction-page .branch-hero:before{background:linear-gradient(90deg,#f4f3ef 0%,#f4f3eff7 30%,#f4f3efac 60%,#f4f3ef12 100%),linear-gradient(0deg,#f4f3ef,transparent 40%)}
 html[data-theme=light] .branch-computer .branch-hero:after{background:none}
 html[data-theme=light] :is(.branch h1,.branch-detail h2,.branch-step h3,.article-card h3,.psychologist-copy h3,.article-prose h2,.article-prose strong,.key-idea p:last-child,.pull-quote p,.faq summary,.topic-questions summary,.about-hero h1,.about-section h2,.about-principle h3,.specialization h2){color:#222c36}
 html[data-theme=light] :is(.branch h1 span,.branch-step>span,.branch-section-label,.psychologist-copy .psychologist-role,.article-type,.article-read,.micro-label,.related-copy>span,.practice li:before,.eyebrow,.about-kicker,.about-number,.about-hero h1 span){color:var(--accent)}
 html[data-theme=light] :is(.branch-kicker,.branch-hero-copy,.hero-support,.hero-points,.branch-actions-note,.branch-detail-top>p,.recognition li,.branch-step p,.topic-questions details p,.intro,.hero-lead,.article-prose p,.article-prose li,.article-card p,.card-body p,.article-cta p,.specialization p,.about-section p,.about-lead,.help p,.dialog-heading p,.account-dialog>p,.global-account-dialog p){color:#536170}
 html[data-theme=light] .direction-page .branch .specialization-panel p:not(.branch-section-label){color:#536170}
 html[data-theme=light] :is(.branch-detail-top,.recognition,.gambling-specialists,.topic-questions,.topic-questions details,.recognition li,.global-header,.site-header,body>footer,.site-footer,.direction-footer,.about-section,.about-principle,.help,.article-layout,.pull-quote,.faq details,.practice li,.editorial-note){border-color:#ccd2d7}
 html[data-theme=light] :is(.direction-page .branch-step,.practice,.article-cta,.about-story){background:#e9edf0;border-color:#ccd2d7;box-shadow:none}
 html[data-theme=light] :is(.direction-page .specialization-panel,.specialization,.psychologist-card,.direction-page .article-card,.editorial-grid .article-card,.related-card,.key-idea){background:#fffefa;border-color:#ccd2d7}
 html[data-theme=light] :is(.specialization-panel,.specialization,.key-idea,.about-story){border-left-color:var(--accent)}
 html[data-theme=light] :is(.article-card:hover,.related-card:hover){border-color:var(--accent)}
 html[data-theme=light] .psychologist-portrait{background:#e0e5e8}
 html[data-theme=light] :is(.psychologist-copy dt,.psychologist-copy dd,.card-meta,.related-copy small,.crumbs,.crumbs span:last-child,.breadcrumbs,.article-meta,.hero-image figcaption,.toc-title,.toc a,.toc a:before,.sources summary,.sources li,.context-return,.about-person p,footer,footer>span,.direction-footer a,.branch-vertical){color:#5b6a77}
 html[data-theme=light] .editorial-note{color:#5b6a77!important}
 html[data-theme=light] .toc a:is(:hover,[aria-current]){color:var(--accent)}
 html[data-theme=light] :is(.global-header,.global-header nav,.global-header .brand,.global-header .brand:hover,.global-account,.global-account-dialog,dialog,.dialog-close,dialog button,.global-account-dialog button){color:#222c36}
 html[data-theme=light] .global-header :is(a:hover,[aria-current=page]){color:var(--accent)}
 html[data-theme=light] .nav-directions-panel{background:#fffefa;border-color:#ccd2d7;box-shadow:0 18px 40px #24344315}
 html[data-theme=light] :is(.nav-directions-panel a:hover,.global-header .global-account:hover,.site-footer .footer-direction:hover,.about-button:hover,.about-path:hover){background:#e4e9ed}
 html[data-theme=light] :is(.global-header .global-account,.global-account-dialog,dialog,.dialog-close,.global-account-dialog button,dialog button){border-color:#a6b1bb}
 html[data-theme=light] :is(.global-account-dialog,dialog){background:#fffefa}
 html[data-theme=light] :is(.all-psychologists,.all-psychologists span,.about-inline-link,.branch-computer .about-inline-link){color:var(--accent);border-color:var(--accent)}
 html[data-theme=light] :is(.branch-primary,.branch-computer .branch-primary,.branch-computer .branch-primary span,.button,.tabs a[aria-current]){background:var(--accent);border-color:var(--accent);color:#fff}
 html[data-theme=light] .tabs a{color:#536170;border-color:#a6b1bb}
 html[data-theme=light] .tabs a:hover{color:var(--accent);border-color:var(--accent)}
 html[data-theme=light] .tabs a[aria-current]{color:#fff}
 html[data-theme=light] :is(.carousel-arrow,.specialist-shell .carousel-arrow,.branch-computer .specialist-shell .carousel-arrow){color:#222c36;background:#fffefa;border-color:#a6b1bb;box-shadow:0 4px 18px #24344316}
 html[data-theme=light] .specialist-shell .carousel-arrow:hover{background:#e4e9ed;border-color:var(--accent)}
 html[data-theme=light] :is(.site-footer .footer-direction,.about-button){background:#fffefa;color:#222c36;border-color:#a6b1bb}
 html[data-theme=light] .about-hero{background:#f4f3ef;border-color:#ccd2d7}
 html[data-theme=light] .about-hero:after{background:linear-gradient(90deg,#f4f3effa 0%,#f4f3efe8 34%,#f4f3ef26 100%),linear-gradient(0deg,#f4f3ef,transparent 65%)}
 html[data-theme=light] .about-statement{color:#222c36!important}
 html[data-theme=light] .about-path{background:#fffefa;color:#bb3c35;border-color:#d9b9b5}
 html[data-theme=light] .about-path.blue{background:#fffefa;color:#2363a7;border-color:#b4c8df}
 html[data-theme=light] .about-video-control{color:#222c36;background:#fffefad9;border-color:#a6b1bb}
 html[data-theme=light] .theme-switch{background:#e4e8eb;border-color:#b6c0c8;color:#5b6a77}
 html[data-theme=light] .theme-switch:before{background:#fffefa;transform:translateX(0);box-shadow:0 1px 4px #24344319}
 html[data-theme=light] .theme-switch .theme-day{color:#222c36}
 html[data-theme=light] .theme-switch .theme-night{color:#5b6a77}
 html[data-theme=light] ::selection{background:#cddcea;color:#222c36}
}
@media(min-width:701px) and (max-width:1100px){
 .global-header,.branch-hero>.global-header{display:grid;grid-template-columns:auto 1fr auto;gap:15px 22px;padding:18px 30px;min-height:118px}
 .global-header .brand{grid-column:1;grid-row:1}
 .global-header .theme-switch{grid-column:2;grid-row:1;justify-self:end}
 .global-header .global-account{grid-column:3;grid-row:1}
 .global-header nav{grid-column:1/-1;grid-row:2;justify-content:center;margin:0;gap:30px}
}

/* Content sets the hero height: long copy and zoom must never be clipped. */
@media(min-width:701px){
 .direction-page .branch-hero{height:auto;min-height:min(850px,100svh);padding-top:164px;padding-bottom:72px}
 .direction-page .branch-hero-content{padding-top:0}
 .about-section-index{display:none}
 .about-number{font-size:18px;line-height:1.45;font-weight:600;letter-spacing:.015em;margin-bottom:24px}
 .about-kicker,.direction-page .branch-kicker{font-size:14px;line-height:1.6;letter-spacing:.075em}
 .direction-page .branch-section-label{font-size:16px;line-height:1.5;letter-spacing:.025em;text-transform:none;font-weight:600}
 .eyebrow{font-size:14px;line-height:1.55;letter-spacing:.055em}
 .key-idea .micro-label,.practice .micro-label{font-size:12px;line-height:1.5;letter-spacing:.055em}
 .article-type{font-size:12px;line-height:1.6;letter-spacing:.045em}
 html[data-theme=light] :is(.direction-page .branch-step,.practice,.article-cta,.about-story){background:#eeede8}
 html[data-theme=light] :is(.psychologist-card,.direction-page .article-card,.editorial-grid .article-card,.related-card,.about-path,.about-path.blue){background:#fffdf8;border-color:#d4d5cf;box-shadow:0 5px 20px #25333c06}
 html[data-theme=light] :is(.direction-page .specialization-panel,.specialization,.key-idea){background:#f9f7f1;border-color:#d4d5cf;border-left-color:var(--accent)}
 html[data-theme=light] .direction-page .branch-hero-photo{filter:saturate(.7) brightness(1.03);opacity:.68}
 html[data-theme=light] .direction-page .hero-points li:before{background:var(--accent)}
 html[data-theme=light] :is(.article-card:hover,.related-card:hover,.about-path:hover){border-color:var(--accent);box-shadow:0 8px 24px #25333c0b}
 html[data-theme=light] .about-path:hover{background:#f9f7f1}
}

/* Desktop editorial cleanup: keep the cover clear and avoid duplicate end matter. */
@media(min-width:701px){
 .hero-image:after{content:none;display:none}
 .hero-image figcaption,.article-layout .sources,.article-layout .source-ref,.article-layout .toc .toc-bottom,.article-layout .editorial-note{display:none}
}

/* Plain section labels: colored rules looked like stray or misaligned dashes. */
@media(min-width:701px){
 .eyebrow:before,.direction-page .branch-kicker:before,.direction-page .branch-scroll:before{content:none;display:none}
}

/* Readable display typography: remove the legacy compressed tracking. */
@media(min-width:701px){
 h1,h2,h3,.about-statement{letter-spacing:0!important;font-weight:600!important;font-kerning:normal;text-wrap:pretty;overflow-wrap:normal;word-break:normal}
 h1{font-size:clamp(36px,4.2vw,56px)}
 .direction-page .branch-desktop h1{font-size:clamp(52px,5.8vw,80px)}
 .direction-page .branch-computer h1{font-size:clamp(48px,5.2vw,72px)}
 .direction-page .branch h1 span{letter-spacing:0;line-height:1.25;font-size:.56em;margin-top:20px;font-weight:500}
 .direction-page .branch-hero-content{width:min(740px,70%);max-width:740px}
 .direction-page .branch-desktop h2{font-size:clamp(30px,3.4vw,46px)}
 .direction-page .branch-desktop :is(.gambling-specialists,.gambling-articles) h2{max-width:none;font-size:clamp(30px,3.1vw,44px)}
 .direction-page .specialization-panel h2,.specialization h2{font-size:clamp(26px,2.45vw,34px);max-width:none}
 .direction-page .branch-step h3{font-size:clamp(22px,1.9vw,27px)}
 .psychologist-copy h3{font-size:clamp(21px,1.8vw,26px)}
 .article-card h3,.related-copy h3{font-size:24px}
 .editorial-grid .article-card h2{font-size:25px}
 .article-prose h2{font-size:clamp(28px,2.6vw,35px)}
 .article-cta h2{font-size:clamp(28px,2.7vw,36px)}
 .about-hero h1{font-size:clamp(44px,4.8vw,66px)}
 .about-section h2{font-size:clamp(30px,3.1vw,44px)}
 .about-statement{font-size:clamp(28px,3vw,40px)!important;max-width:none}
 .about-path h3{font-size:clamp(25px,2.3vw,29px)}
}
@media(min-width:701px) and (max-width:1050px){
 .direction-page .branch-hero-content{width:100%;max-width:740px}
}

/* Display titles and reading titles need different vertical rhythm. */
@media(min-width:701px){
 h1,h2,h3{line-height:1.22!important}
 .direction-page .branch-desktop h1,.about-hero h1{line-height:1.1!important}
 .direction-page .branch h1 span{line-height:1.16;margin-top:16px}
 .direction-page .branch-desktop h2,.about-section h2,.specialization h2{line-height:1.16!important}
 .article-card h2,.article-card h3,.related-copy h3,.psychologist-copy h3{line-height:1.22!important}
 .about-statement{line-height:1.18!important;margin-bottom:34px!important}
 .about-statement .statement-prefix{display:block;margin-bottom:20px;color:var(--accent);font-size:18px;font-weight:600;line-height:1.45;letter-spacing:.015em}
 .about-statement .statement-separator{display:none}
 .about-wrap>.about-section:first-child>.about-number{display:none}
 .about-wrap>.about-section:first-child .about-section-heading h2{font-size:clamp(24px,2.3vw,30px);font-weight:500!important;line-height:1.25!important}
}

/* Editorial images bring different meaning and rhythm to the desktop About page. */
.about-reflection,.about-neural{display:none}
@media(min-width:701px){
 .about-wrap>.about-section{padding-block:62px}
 .about-focus-visual{min-width:0}
 [data-about-layout=focus] .about-section-heading{align-items:center;gap:48px}
 [data-about-layout=focus] .about-section-heading h2{margin-bottom:24px}
 .about-reflection{display:block;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.65;margin:0;border-radius:10px;background:#171c23}
 .reflection-image{position:absolute;inset:-3%;background:url('/assets/about-reflection-v1.webp') 57% 48%/cover no-repeat;transform:scale(1.02);animation:about-reflection-move 20s ease-in-out infinite alternate}
 .reflection-light{position:absolute;inset:0;background:linear-gradient(110deg,#d9b38215,transparent 40%,#17212a16);animation:about-reflection-light 9s ease-in-out infinite alternate;pointer-events:none}
 #history .about-section-heading{display:block}
 #history .about-section-heading h2{max-width:1000px;margin-bottom:30px}
 #history .about-story{display:grid;grid-template-columns:1fr 1fr;gap:42px;background:none;border:0;padding:0}
 #history .about-story p{margin:0}
 .about-approach-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px}
 .about-approach-intro h2{margin:0;max-width:590px}
 .about-neural{display:block;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.5;margin:0;border-radius:16px;background:#172027;border:1px solid #46515b;box-shadow:0 18px 46px #00000015}
 .neural-stage{position:absolute;inset:-2%;background:url('/assets/about-neural-v1.webp') center/cover no-repeat;animation:about-neural-float 11s ease-in-out infinite alternate}
 .neural-stage svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}
 .neural-signals{stroke:#ffd5ba;stroke-width:3;stroke-linecap:round;stroke-dasharray:4 230;filter:drop-shadow(0 0 5px #ffb995);animation:about-neural-flow 7s linear infinite}
 .neural-signals path:nth-child(even){stroke:#a4e9ff;stroke-dasharray:3 190;stroke-dashoffset:95}
 .neural-nodes{fill:#fff2db;filter:drop-shadow(0 0 8px #ff9e70)}
 .neural-nodes circle{animation:about-neural-glow 3.6s ease-in-out infinite alternate}
 .neural-nodes circle:nth-child(2n){animation-delay:-1.8s;fill:#bbecff}
 .neural-nodes circle:nth-child(3n){animation-delay:-.9s}
 [data-about-layout=approach] .about-principles{margin-top:34px;gap:28px}
 [data-about-layout=approach] .about-principle{padding:24px 24px 27px;background:#2a3038;border:1px solid #48535f;border-radius:8px}
 [data-about-layout=approach] .about-principle h3{font-size:21px}
 html[data-theme=light] #history .about-story{background:none}
 html[data-theme=light] [data-about-layout=approach] .about-principle{background:#fffdf8;border-color:#d4d5cf}
 html[data-theme=light] .about-neural{border-color:#c6cdd0;box-shadow:0 16px 42px #24344312}
}
@keyframes about-reflection-move{from{transform:translateX(-1%) scale(1.02)}to{transform:translateX(1.5%) scale(1.1)}}
@keyframes about-reflection-light{from{opacity:.25}to{opacity:.9}}
@keyframes about-neural-float{from{transform:translateY(3px) scale(1)}to{transform:translateY(-5px) scale(1.035)}}
@keyframes about-neural-flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-468}}
@keyframes about-neural-glow{from{opacity:.25}to{opacity:1}}
@media(min-width:701px) and (max-width:950px){
 .about-approach-intro{grid-template-columns:1fr 1fr;gap:25px}
 .about-approach-intro h2{font-size:32px}
 [data-about-layout=approach] .about-principles{gap:16px}
 [data-about-layout=approach] .about-principle{padding:20px 17px}
 [data-about-layout=approach] .about-principle h3{font-size:19px}
 #history .about-story{gap:28px}
}
@media(prefers-reduced-motion:reduce){.reflection-image,.reflection-light,.neural-stage,.neural-signals,.neural-nodes circle{animation:none!important}}

/* Blend the reflection into the whole focus section rather than a photo card. */
@media(min-width:701px){
 [data-about-layout=focus]{position:relative;isolation:isolate;overflow:clip}
 [data-about-layout=focus] .about-section-heading{position:relative;min-height:410px;align-items:center}
 [data-about-layout=focus] .about-statement{position:relative;z-index:2}
 [data-about-layout=focus] .about-focus-visual{align-self:start;padding-top:20px}
 [data-about-layout=focus] .about-focus-visual h2{position:relative;z-index:2;max-width:520px}
 [data-about-layout=focus] .about-section-heading>div:last-child{position:relative;z-index:2}
 [data-about-layout=focus] .about-reflection{position:absolute;z-index:0;pointer-events:none;left:-4%;top:-125px;bottom:-45px;width:77%;height:auto;aspect-ratio:auto;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;opacity:.74;mask-image:radial-gradient(ellipse 70% 68% at 43% 54%,#000 16%,#000b 40%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse 70% 68% at 43% 54%,#000 16%,#000b 40%,transparent 76%)}
 [data-about-layout=focus] .reflection-image{background-position:58% 46%;filter:saturate(.65) contrast(.95);animation-duration:24s}
 [data-about-layout=focus] .reflection-light{background:linear-gradient(105deg,#d9b3821a,transparent 55%)}
 html[data-theme=light] [data-about-layout=focus] .about-reflection{opacity:.34}
}
@media(min-width:701px) and (max-width:950px){
 [data-about-layout=focus] .about-section-heading{min-height:390px;gap:30px}
 [data-about-layout=focus] .about-reflection{left:-10%;width:88%;top:-105px;bottom:-35px;opacity:.6}
 html[data-theme=light] [data-about-layout=focus] .about-reflection{opacity:.26}
}

/* The earlier flowing lines now occupy the open upper-right of the history. */
.history-waves{display:none}
@media(min-width:701px){
 #history{position:relative;isolation:isolate;overflow:clip}
 #history>.about-number,#history .about-section-heading{position:relative;z-index:1}
 .history-waves{display:block;position:absolute;z-index:0;right:5%;top:-14px;width:43%;height:235px;pointer-events:none;mask-image:radial-gradient(ellipse at 56% 54%,#000 28%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse at 56% 54%,#000 28%,transparent 73%)}
 .history-waves:before{content:'';position:absolute;inset:8%;background:radial-gradient(ellipse at 30% 65%,#f16b631b,transparent 60%),radial-gradient(ellipse at 75% 35%,#85b8ff24,transparent 60%);animation:history-wave-haze 18s ease-in-out infinite alternate}
 .history-waves svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;stroke-width:1.4;stroke-linecap:round}
 .history-wave-back{stroke:#a9bdcb;opacity:.52;animation:history-wave-drift 8s ease-in-out infinite alternate;transform-origin:center}
 .history-wave-front{stroke:#d49a90;opacity:.48;animation:history-wave-drift 9s ease-in-out infinite alternate-reverse;transform-origin:center}
 html[data-theme=light] .history-wave-back{stroke:#526e83;opacity:.43}
 html[data-theme=light] .history-wave-front{stroke:#ae645a;opacity:.35}
}
@keyframes history-wave-drift{from{transform:translate(-22px,12px) scaleY(.88)}to{transform:translate(22px,-16px) scaleY(1.16)}}
@keyframes history-wave-haze{from{transform:translate(-7px,4px);opacity:.5}to{transform:translate(9px,-5px);opacity:1}}
@media(min-width:701px) and (max-width:950px){.history-waves{right:4%;top:-8px;width:42%;height:185px;opacity:.65}}
@media(prefers-reduced-motion:reduce){.history-waves:before,.history-wave-back,.history-wave-front{animation:none!important}}

/* Integrate the neural image into the section and keep its copy together. */
@media(min-width:701px){
 .about-wrap>[data-about-layout=approach]{position:relative;isolation:isolate;overflow:clip;padding-top:36px;padding-bottom:52px}
 [data-about-layout=approach] .about-approach-intro{position:relative;display:block;min-height:315px}
 .about-approach-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:315px;max-width:60%;padding:18px 35px 18px 0;background:linear-gradient(90deg,#20242af2 0%,#20242ac9 60%,transparent 100%)}
 .about-approach-copy>.about-number{margin:0 0 40px}
 .about-approach-copy h2{max-width:590px;margin:0}
 [data-about-layout=approach] .about-neural{position:absolute;z-index:0;pointer-events:none;right:-1%;top:-22px;width:61%;height:380px;aspect-ratio:auto;border:0;border-radius:0;margin:0;background:transparent;box-shadow:none;overflow:hidden;opacity:.86;mix-blend-mode:screen;mask-image:radial-gradient(ellipse 64% 62% at 48% 40%,#000 22%,#000b 45%,#0004 63%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 64% 62% at 48% 40%,#000 22%,#000b 45%,#0004 63%,transparent 78%)}
 [data-about-layout=approach] .neural-stage{inset:0;background-size:contain;background-repeat:no-repeat}
 [data-about-layout=approach] .about-principles{position:relative;z-index:3;margin-top:26px}
 html[data-theme=light] .about-approach-copy{background:linear-gradient(90deg,#f4f3eff5 0%,#f4f3efce 60%,transparent 100%)}
 html[data-theme=light] [data-about-layout=approach] .about-neural{opacity:.38;mix-blend-mode:normal;border:0;box-shadow:none}
}
@media(min-width:701px) and (max-width:950px){
 [data-about-layout=approach] .about-approach-intro,.about-approach-copy{min-height:290px}
 .about-approach-copy{max-width:65%;padding-right:22px}
 [data-about-layout=approach] .about-neural{right:-3%;top:0;width:65%;height:320px;opacity:.7}
 html[data-theme=light] [data-about-layout=approach] .about-neural{opacity:.3}
}

/* Deform each ribbon smoothly; keep the neural stem inside the same soft fade. */
@media(min-width:701px){
 .history-waves path{animation:history-wave-bend 8s ease-in-out infinite;transform-box:fill-box}
 [data-about-layout=approach] .neural-stage{mask-image:linear-gradient(180deg,#000 0%,#000 61%,#0009 76%,transparent 98%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 61%,#0009 76%,transparent 98%)}
}
@keyframes history-wave-bend{0%,100%{d:var(--wave-rest)}50%{d:var(--wave-bend)}}
@media(prefers-reduced-motion:reduce){.history-waves path{animation:none!important}}

/* Light mode has its own imagery treatment instead of faded dark backgrounds. */
@media(min-width:701px){
 html[data-theme=light] [data-about-layout=focus] .about-section-heading{min-height:0;align-items:center}
 html[data-theme=light] [data-about-layout=focus] .about-focus-visual{padding-top:0}
 html[data-theme=light] [data-about-layout=focus] .about-focus-visual h2{max-width:520px;margin-bottom:16px}
 html[data-theme=light] [data-about-layout=focus] .about-reflection{position:relative;left:auto;top:auto;bottom:auto;width:110%;height:auto;aspect-ratio:1.42;margin:-6px 0 -18px -5%;opacity:1;mask-image:radial-gradient(ellipse 58% 50% at 50% 45%,#000 35%,#000e 47%,#0006 68%,transparent 84%);-webkit-mask-image:radial-gradient(ellipse 58% 50% at 50% 45%,#000 35%,#000e 47%,#0006 68%,transparent 84%)}
 html[data-theme=light] [data-about-layout=focus] .reflection-image{filter:saturate(.65) contrast(1.04);background-position:58% 46%}
 html[data-theme=light] [data-about-layout=focus] .reflection-light{display:none}
 html[data-theme=light] [data-about-layout=approach] .about-neural{opacity:1;mix-blend-mode:normal;mask-image:radial-gradient(ellipse 73% 70% at 50% 43%,#000 40%,#000d 59%,transparent 82%);-webkit-mask-image:radial-gradient(ellipse 73% 70% at 50% 43%,#000 40%,#000d 59%,transparent 82%)}
 html[data-theme=light] .neural-stage{background-image:url('/assets/about-neural-connections-light-v2.webp')}
 html[data-theme=light] .neural-signals{stroke:#bc443c;filter:drop-shadow(0 0 2px #bc443c55)}
 html[data-theme=light] .neural-signals path:nth-child(even){stroke:#2874a8}
 html[data-theme=light] .neural-nodes{fill:#bd493f;filter:drop-shadow(0 0 3px #bc443c55)}
 html[data-theme=light] .neural-nodes circle:nth-child(2n){fill:#2874a8}
 html[data-theme=light] .history-waves:before{display:none}
 html[data-theme=light] .history-wave-back{stroke:#526e83;opacity:.65}
 html[data-theme=light] .history-wave-front{stroke:#ae645a;opacity:.56}
}

/* Let the photograph dissolve through a longer, gently blurred foreground. */
@media(min-width:701px){
 html[data-theme=light] [data-about-layout=focus] .reflection-image:after{content:'';position:absolute;inset:0;background:inherit;filter:blur(16px);transform:scale(1.05);mask-image:linear-gradient(180deg,transparent 42%,#0004 61%,#000 89%);-webkit-mask-image:linear-gradient(180deg,transparent 42%,#0004 61%,#000 89%);pointer-events:none}
}

/* Keep the established dark brain; light mode uses the selected neural close-up. */
.light-neural-signals{display:none!important}
@media(min-width:701px){
 html[data-theme=light] [data-about-layout=approach] .about-neural{mix-blend-mode:multiply}
 html[data-theme=light] .neural-stage>svg:not(.light-neural-signals){display:none}
 html[data-theme=light] .neural-stage>svg.light-neural-signals{display:block!important}
 .light-neural-pulse{stroke:#e48e72;stroke-width:5;stroke-linecap:round;stroke-dasharray:18 982;filter:drop-shadow(0 0 7px #e99d7e);animation:light-neural-travel 6s linear infinite}
 .light-neural-contact{fill:#efb38f;filter:blur(3px);animation:light-neural-contact 4s ease-in-out infinite}
}
@keyframes light-neural-travel{from{stroke-dashoffset:1000;opacity:.9}to{stroke-dashoffset:0;opacity:.9}}
@keyframes light-neural-contact{0%,100%{opacity:.15}50%{opacity:.75}}
@media(prefers-reduced-motion:reduce){.light-neural-pulse,.light-neural-contact{animation:none!important}}

/* Fade the artwork's actual edges, including the edges inside contain sizing. */
@media(min-width:701px){
 html[data-theme=light] [data-about-layout=approach] .neural-stage{inset:auto;left:50%;top:50%;width:min(100%,570px);aspect-ratio:3/2;translate:-50% -50%;background-size:100% 100%;mask-image:radial-gradient(ellipse 64% 64% at 50% 50%,#000 30%,#000e 45%,#0008 58%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 64% 64% at 50% 50%,#000 30%,#000e 45%,#0008 58%,transparent 78%)}
 html[data-theme=light] [data-about-layout=approach] .neural-stage:after{content:'';position:absolute;inset:0;background:inherit;filter:blur(8px);mask-image:radial-gradient(ellipse at center,transparent 35%,#000 72%);-webkit-mask-image:radial-gradient(ellipse at center,transparent 35%,#000 72%);pointer-events:none}
}
@media(min-width:701px) and (max-width:950px){
 html[data-theme=light] [data-about-layout=approach] .neural-stage{width:min(100%,480px)}
}

/* Several staggered streams suggest ongoing neural activity in the light artwork. */
@media(min-width:701px){
 html[data-theme=light] .light-neural-signals{z-index:1}
 .light-neural-pulse{stroke:var(--pulse-color,#e48e72);stroke-width:8;stroke-dasharray:3 197;filter:drop-shadow(0 0 6px #e8ac83);animation-duration:var(--pulse-duration,3.8s);animation-delay:var(--pulse-delay,0s)}
 .light-neural-pulse:nth-child(even){stroke-width:6;stroke-dasharray:2 248;filter:drop-shadow(0 0 5px #7faabc)}
 .light-neural-contact{animation-duration:2.8s;filter:blur(3px)}
}

/* Preserve the upper/lower connections; fade only the outer edge of the image. */
@media(min-width:701px){
 html[data-theme=light] [data-about-layout=approach] .about-neural{mask-image:none;-webkit-mask-image:none}
 html[data-theme=light] [data-about-layout=approach] .neural-stage{filter:contrast(1.08) saturate(1.06);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 85%,transparent),linear-gradient(180deg,transparent,#000 17%,#000 81%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 85%,transparent),linear-gradient(180deg,transparent,#000 17%,#000 81%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
 html[data-theme=light] [data-about-layout=approach] .neural-stage:after{mask-image:radial-gradient(ellipse at center,transparent 65%,#000 96%);-webkit-mask-image:radial-gradient(ellipse at center,transparent 65%,#000 96%)}
 .light-neural-branches{stroke:#779dac;stroke-width:3;stroke-linecap:round;opacity:.3}
 .light-neural-pulse:not(:first-of-type){stroke-width:9;filter:drop-shadow(0 0 6px #9ebdcc)}
}

/* Sharp upper and lower neurons; random particles replace the drawn guide lines. */
@media(min-width:701px){
 html[data-theme=light] [data-about-layout=approach] .neural-stage{filter:none;animation:none}
 html[data-theme=light] [data-about-layout=approach] .neural-stage:after{display:none}
 .light-neural-signals [data-neural-route]{stroke:none;fill:none}
 .neural-particle{filter:drop-shadow(0 0 5px #e4ab85);pointer-events:none}
}

/* Sparse upper-left continuation, with clean space reserved for the heading. */
.neural-extension{display:none}
@media(min-width:701px){
 html[data-theme=light] .neural-extension{display:block;position:absolute;z-index:0;pointer-events:none;left:-3%;top:-80px;width:65%;aspect-ratio:3/2;background:url('/assets/about-neural-extension-light-v1.webp') center/contain no-repeat;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 75%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 58%,transparent 84%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 75%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 58%,transparent 84%);-webkit-mask-composite:source-in;mask-composite:intersect}
 html[data-theme=light] .about-approach-copy{background:none}
}
@media(min-width:701px) and (max-width:950px){
 html[data-theme=light] .neural-extension{top:-30px;width:70%;left:-5%}
}

/* A feathered local scrim has no hard right or bottom boundary. */
@media(min-width:701px){
 html[data-theme=light] .about-approach-copy:before{content:'';position:absolute;z-index:-1;inset:12px -120px -70px -80px;pointer-events:none;background:radial-gradient(ellipse 50% 48% at 50% 50%,#f4f3ef 32%,#f4f3efec 48%,#f4f3ef88 68%,transparent 100%);filter:blur(18px)}
}

/* Paired red and blue impulses also follow the upper-left continuation. */
.extension-neural-signals{display:none!important}
@media(min-width:701px){
 html[data-theme=light] .neural-extension>.extension-neural-signals{display:block!important;position:absolute;inset:0;width:100%;height:100%;overflow:visible}
 .extension-neural-signals [data-neural-route]{stroke:none;fill:none}
}

/* An editorial scene supports the focus copy without an artificial oval vignette. */
@media(min-width:701px){
 html[data-theme=light] [data-about-layout=focus]{padding-bottom:44px}
 html[data-theme=light] [data-about-layout=focus] .about-section-heading{grid-template-columns:1.03fr 1fr;grid-template-rows:auto auto;align-items:start;column-gap:48px;row-gap:18px}
 html[data-theme=light] [data-about-layout=focus] .about-section-heading>div:last-child:not(.about-focus-visual){grid-column:2;grid-row:2;padding-top:0}
 html[data-theme=light] [data-about-layout=focus] .about-focus-visual{display:contents}
 html[data-theme=light] [data-about-layout=focus] .about-reflection{grid-column:1;grid-row:1/span 2;align-self:center;order:0;position:relative;left:auto;top:20px;bottom:auto;width:114%;height:auto;aspect-ratio:1.5;margin:-12px -7%;border:0;border-radius:0;overflow:hidden;opacity:1;background:transparent;mask-image:url('/assets/about-photo-mask-v2.svg'),linear-gradient(180deg,transparent,#000 14%,#000 95%,transparent);-webkit-mask-image:url('/assets/about-photo-mask-v2.svg'),linear-gradient(180deg,transparent,#000 14%,#000 95%,transparent);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-composite:intersect;-webkit-mask-composite:source-in}
 html[data-theme=light] [data-about-layout=focus] .reflection-image{inset:0;background-image:url('/assets/about-pause-light-v3.webp');background-position:50% 50%;background-size:contain;background-repeat:no-repeat;filter:none;animation:about-editorial-breathe 24s ease-in-out infinite alternate}
 html[data-theme=light] [data-about-layout=focus] .reflection-image:after{display:none}
 html[data-theme=light] [data-about-layout=focus] .about-focus-visual h2{grid-column:2;grid-row:1;align-self:end;order:1;margin:0;max-width:none;font-size:clamp(24px,2.3vw,30px);line-height:1.25!important}
}
@keyframes about-editorial-breathe{from{transform:scale(1)}to{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.reflection-image{animation:none!important}}

/* A photographic study of a person behind glass accompanies the personal story. */
.history-art{display:none}
@media(min-width:701px){
 html[data-theme=light] [data-about-layout=focus]{overflow:visible}
 #history{overflow:visible;min-height:480px}
 #history .about-section-heading{max-width:58%}
 #history .about-story{grid-template-columns:1fr;max-width:none;gap:20px}
 .history-art{display:block;position:absolute;z-index:0;right:-5%;top:15px;width:58%;height:calc(100% - 40px);min-height:380px;pointer-events:none;background:url('/assets/about-history-glass-v1.webp') center/contain no-repeat;opacity:.9;mask-image:linear-gradient(90deg,transparent,#000 42%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 16%,#000 76%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 42%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 16%,#000 76%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;animation:history-art-breathe 16s ease-in-out infinite alternate}
 html[data-theme=dark] .history-art{opacity:.8}
}
@keyframes history-art-breathe{from{transform:translateY(3px) scale(1)}to{transform:translateY(-3px) scale(1.025)}}
@media(min-width:701px) and (max-width:950px){#history .about-section-heading{max-width:62%}.history-art{right:-5%;width:55%;opacity:.65}}
@media(prefers-reduced-motion:reduce){.history-art{animation:none!important}}