.approach-panel[hidden]{display:none!important}
.white .approach-switch{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:38px}
.white .approach-switch button{border:1px solid #d9d2e8;border-radius:999px;background:transparent;color:#746586;padding:12px 20px;font:11px Arial,sans-serif;letter-spacing:.3px;cursor:pointer;transition:background .25s,color .25s}
.white .approach-switch button[aria-pressed="true"]{background:#72559b;border-color:#72559b;color:#fff}
.white .approach-switch button:hover{background:#ece5f5;color:#604180}
.white .approach-switch button[aria-pressed="true"]:hover{background:#624587;color:#fff}
.white .approach-switch button:focus-visible{outline:2px solid #8d71b3;outline-offset:4px}
.white #approach-process .design-process{padding:0;margin:0;border:0;width:100%;max-width:none}
.white #approach-process .process-heading{grid-template-columns:1fr;gap:20px;margin-bottom:45px}
.white #approach-process .process-heading h2{font-size:clamp(40px,5.5vw,78px)}
.white .approach-panel:not([hidden]){animation:approach-enter .5s ease both}
@keyframes approach-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:600px){.white .approach-switch{margin-bottom:28px;gap:8px}.white .approach-switch button{padding:11px 15px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.white .approach-panel:not([hidden]){animation:none}.white .approach-switch button{transition:none}}
/* A cleaner heading transition and neutral section navigation. */
.white #story-clarity .ripple-explorer{border-top:0}
.white .approach-switch button{color:#444;border-color:#d5d5d5}
.white .approach-switch button[aria-pressed="true"]{background:#242424;border-color:#242424;color:#fff}
.white .approach-switch button:hover{background:#ededed;color:#171717}
.white .approach-switch button[aria-pressed="true"]:hover{background:#111;color:#fff}
.white .approach-switch button:focus-visible{outline-color:#555}
/* Reality's optional philosophy view reuses the Sim's original words and illustrations. */
.white #approach-philosophy{--phil-accent:#79619e;--phil-secondary:#8c9ed7;--phil-contrast:#fff;--panel-progress:.85;--panel-offset:0}
.white .reality-philosophy-heading .eyebrow{color:#79619e}
.white .reality-philosophy-heading h2{font-size:clamp(38px,5vw,72px);line-height:1.05;letter-spacing:-.055em;font-weight:400;margin:20px 0 28px}
.white .reality-philosophy-heading h2 em{color:#79619e;font-style:normal}
.white .reality-principle-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.white .reality-principle-nav button{font:11px Arial,sans-serif;padding:11px 16px;border:1px solid #d9d2e8;border-radius:999px;color:#655572;background:transparent;cursor:pointer}
.white .reality-principle-nav button:hover{background:#f1edf7}
.white .reality-principle-nav button[aria-pressed="true"]{background:#79619e;color:#fff;border-color:#79619e}
.white .reality-principle-nav button:focus-visible{outline:2px solid #79619e;outline-offset:3px}
.white #approach-philosophy .principle[hidden]{display:none!important}
.white #approach-philosophy .principle{width:100%;display:grid;grid-template-columns:1.1fr 1fr;padding:24px 0;gap:6%;border:0}
.white #approach-philosophy .principle h3{font-size:clamp(45px,5.5vw,80px)}
.white #approach-philosophy .principle-copy>p{font-size:clamp(15px,1.5vw,20px)}
.white #approach-philosophy .principle-art{width:100%;max-width:430px;margin:auto;--panel-progress:.85}
.white #approach-philosophy .why-core{background:radial-gradient(circle at 28% 22%,#ede6ff,#9684c1 46%,#65518a);box-shadow:inset -10px -18px 30px #40345b30,0 0 65px #9684c11a}
@media(max-width:700px){.white #approach-philosophy .principle{grid-template-columns:1fr;gap:20px}.white #approach-philosophy .principle-art{width:min(75vw,300px)}.white .reality-principle-nav button{font-size:10px;padding:10px 12px}.white #approach-philosophy .principle h3{font-size:46px}}
/* Compact scroll-driven philosophy: no secondary heading or extra controls. */
.white #approach-philosophy{height:230svh;position:relative}
.white #approach-philosophy .reality-philosophy-pin{position:sticky;top:24px;height:min(76svh,680px);min-height:470px;display:flex;flex-direction:column}
.white .reality-philosophy-window{overflow:hidden;flex:1;min-height:0;width:100%}
.white .reality-philosophy-track{display:flex;width:300%;height:100%;will-change:transform}
.white #approach-philosophy .principle{flex:0 0 33.333333%;width:33.333333%;min-width:0;grid-template-columns:1.1fr 1fr;gap:4%;padding:24px 0}
.white #approach-philosophy .principle-copy{padding-right:18px}
.white #approach-philosophy .principle h3{font-size:clamp(42px,5vw,72px);margin-bottom:22px}
.white #approach-philosophy .principle-copy>p{font-size:clamp(14px,1.4vw,19px);line-height:1.5}
.white #approach-philosophy .principle-tag{margin-bottom:20px}
.white #approach-philosophy .principle-art{width:100%;max-width:360px;--panel-progress:inherit}
.white .reality-philosophy-scroll-hint{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid #e5dfee;color:#79619e;font:9px/1.4 monospace;letter-spacing:1px}
@media(max-width:700px){.white #approach-philosophy .reality-philosophy-pin{height:calc(100svh - 48px);min-height:560px}.white #approach-philosophy .principle{grid-template-columns:1fr;align-content:center;gap:12px;padding:14px 0}.white #approach-philosophy .principle h3{font-size:42px;margin-bottom:15px}.white #approach-philosophy .principle-tag{font-size:7px;margin-bottom:14px}.white #approach-philosophy .principle-copy>p{font-size:14px}.white #approach-philosophy .principle-art{width:min(58vw,240px);max-height:240px}.white .reality-philosophy-scroll-hint{font-size:7px}}
@media(prefers-reduced-motion:reduce){.white #approach-philosophy{height:auto}.white #approach-philosophy .reality-philosophy-pin{position:relative;top:0;height:auto;min-height:0}.white .reality-philosophy-window{overflow:visible}.white .reality-philosophy-track{display:block;width:100%;transform:none!important}.white #approach-philosophy .principle{width:100%;padding:30px 0}.white .reality-philosophy-scroll-hint{display:none}}
/* Restore the original philosophy's strong type-to-art balance in Reality. */
.white #approach-philosophy{--phil-accent:#79619e;--phil-secondary:#8d9fd5;--phil-contrast:#fff}
.white #approach-philosophy:not([hidden]){animation:none}
.white #approach-philosophy .reality-philosophy-pin{height:min(82svh,720px);min-height:510px}
.white #approach-philosophy .principle{grid-template-columns:1fr 1fr;gap:6%;align-items:center;align-content:center;padding:30px 1%;box-sizing:border-box}
.white #approach-philosophy .principle-copy{max-width:560px;padding-right:0}
.white #approach-philosophy .principle-tag{font-size:9px;letter-spacing:1.6px;border:0;border-radius:0;padding:0;margin-bottom:28px;color:#80728f}
.white #approach-philosophy .principle h3{font-size:clamp(58px,6.6vw,100px);font-weight:700;line-height:.99;letter-spacing:-.065em;margin:0 0 25px;color:#22212a}
.white #approach-philosophy .principle h3 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.065em;color:#79619e}
.white #approach-philosophy .principle-copy>p{font-size:clamp(15px,1.45vw,20px);line-height:1.65;color:#77717e;max-width:460px}
.white #approach-philosophy .principle-art{width:100%;max-width:460px;max-height:none;aspect-ratio:1;margin:auto;--panel-progress:inherit}
.white #approach-philosophy .why-art::before,.white #approach-philosophy .human-art::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,#ebe4f94d,transparent 68%);z-index:-1}
.white #approach-philosophy .why-core{background:radial-gradient(circle at 29% 23%,#f6f1ff 0%,#bea9e0 32%,#8b72b1 64%,#5d497e 100%);box-shadow:inset -10px -15px 28px #3b245e30,0 12px 35px #79619e14;color:#fff;font-family:Georgia,serif;font-size:clamp(65px,7vw,108px)}
.white #approach-philosophy .why-orbit{border-color:#a493c0;opacity:.6}
.white #approach-philosophy .clarity-cell{border-radius:10px;background:#a491c2;border-color:#a491c2;font-weight:500;box-shadow:0 8px 20px #79619e0b}
.white #approach-philosophy .clarity-cell:nth-child(3n){background:#f6f3fa;color:#79619e;border-color:#dbd1e8}
.white #approach-philosophy .clarity-cell:nth-child(5){background:#8d9fd5;border-color:#8d9fd5}
.white #approach-philosophy .human-rings{color:#a79ac1;stroke-width:1.4}
.white #approach-philosophy .human-spark{font-size:clamp(100px,13vw,190px);color:#79619e}
.white #approach-philosophy .art-caption{font-size:8px;letter-spacing:1.2px;color:#a49aaa}
.white .reality-philosophy-scroll-hint{padding:18px 1%;color:#9b91a4;border-color:#ece7f1;font-size:8px;letter-spacing:1.2px}
.white .reality-philosophy-count{color:#79619e}
@media(max-width:850px) and (min-width:701px){.white #approach-philosophy .principle h3{font-size:60px}.white #approach-philosophy .principle-copy>p{font-size:15px}.white #approach-philosophy .principle-art{width:100%;max-width:340px}}
@media(max-width:700px){.white #approach-philosophy .reality-philosophy-pin{height:calc(100svh - 48px);min-height:560px}.white #approach-philosophy .principle{grid-template-columns:1fr;gap:16px;padding:20px 1%;align-content:center}.white #approach-philosophy .principle-tag{font-size:7px;letter-spacing:1px;margin-bottom:16px}.white #approach-philosophy .principle h3{font-size:clamp(44px,11vw,62px);margin-bottom:18px}.white #approach-philosophy .principle-copy>p{font-size:14px;line-height:1.55}.white #approach-philosophy .principle-art{width:min(62vw,270px);max-height:none}.white #approach-philosophy .why-core{font-size:65px}.white #approach-philosophy .human-spark{font-size:115px}.white #approach-philosophy .art-caption{font-size:6px}.white .reality-philosophy-scroll-hint{font-size:7px}}
@media(prefers-reduced-motion:reduce){.white #approach-philosophy .reality-philosophy-pin{height:auto;min-height:0}.white #approach-philosophy .principle{padding-top:35px;padding-bottom:35px}}
/* A calm, full-width editorial setting for the public philosophy experience. */
.white #story-clarity.philosophy-view{background:#f5f3f8;width:100%;max-width:none;padding-left:5%;padding-right:5%;border:0}
.white #story-clarity.philosophy-view>.approach-switch{max-width:1400px;margin-left:auto;margin-right:auto;margin-bottom:10px}
.white #story-clarity.philosophy-view #approach-philosophy{max-width:1400px;margin:0 auto;--phil-accent:#76569d;--phil-secondary:#9baada}
.white #story-clarity .approach-switch button:disabled{color:#a59eaf;border-color:#e1dce8;background:transparent;cursor:default;opacity:.65}
.white #story-clarity .approach-switch button:disabled:hover{color:#a59eaf;background:transparent;border-color:#e1dce8}
.white #approach-philosophy .reality-philosophy-pin{background:#f5f3f8}
.white #approach-philosophy .principle{padding-left:1%;padding-right:1%;gap:5%;grid-template-columns:1.05fr 1fr}
.white #approach-philosophy .principle h3{color:#27222f;font-size:clamp(58px,6.8vw,104px);line-height:.98}
.white #approach-philosophy .principle h3 em{color:#76569d}
.white #approach-philosophy .principle-copy>p{color:#746d7d;max-width:450px}
.white #approach-philosophy .principle-tag{color:#9a8ba9;font-size:8px;letter-spacing:1.7px}
.white #approach-philosophy .principle-art{max-width:480px}
.white #approach-philosophy .principle-art::before{content:"";position:absolute;inset:2%;border-radius:50%;background:radial-gradient(ellipse,#e5ddf2a6,transparent 70%);z-index:-1}
.white #approach-philosophy .why-core{background:radial-gradient(circle at 28% 20%,#fff 0%,#e7d8fb 18%,#b89bd5 46%,#7c5ca1 77%,#5b3c7e 100%);box-shadow:inset -12px -16px 25px #4e346330,0 22px 38px #76569d20}
.white #approach-philosophy .why-orbit{border-color:#b0a0c5;opacity:.65}
.white #approach-philosophy .art-caption{color:#a79ab4;letter-spacing:1.1px}
.white #approach-philosophy .clarity-cell{box-shadow:0 12px 22px #76569d0b;border-radius:9px;background:#aa95c5}
.white #approach-philosophy .human-rings{color:#b6a5ce}
.white .reality-philosophy-scroll-hint{border-color:#ddd6e6;color:#9f91ac;padding-top:18px;padding-bottom:18px}
@media(max-width:700px){.white #story-clarity.philosophy-view{padding-left:6%;padding-right:6%}.white #story-clarity.philosophy-view>.approach-switch{gap:6px}.white #story-clarity .approach-switch button{font-size:9px;padding:10px 12px}.white #approach-philosophy .principle{grid-template-columns:1fr;gap:18px}.white #approach-philosophy .principle h3{font-size:clamp(44px,11vw,62px)}.white #approach-philosophy .principle-art{width:min(64vw,280px)}}
/* Keep the scene visible across its entire scroll range, including Safari. */
.white #approach-philosophy{height:190svh;position:relative}
.white #approach-philosophy .reality-philosophy-pin{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;z-index:1}
.white #story-clarity.philosophy-view{padding-top:55px;padding-bottom:35px}
@media(max-width:700px){.white #approach-philosophy{height:210svh}.white #story-clarity.philosophy-view{padding-top:35px;padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){.white #approach-philosophy{height:auto}.white #approach-philosophy .reality-philosophy-pin{position:relative;top:0;left:0;width:100%}}