/* An editorial identity for the White Pill world; project content stays shared. */
#site.white{--ink:#151515;--muted:#60605c;--line:#dcdcd7;--tile:#f4f4f0;background:#fff}
.white .topbar{border-bottom:1px solid var(--line);padding:24px 3.5%}.white .logo{font-size:17px;font-weight:600;letter-spacing:-.8px}.white .nav-right{gap:21px}.white .nav-right>a{font-size:9px;letter-spacing:.3px}.white .switch{border-radius:2px;padding:3px}.white .switch button{border-radius:1px;font-size:9px}
.white .shell{padding-left:3.5%;padding-right:3.5%;max-width:1600px}.white .hero{padding-top:95px;padding-bottom:85px;min-height:710px}.white .hero .eyebrow{font-size:9px;letter-spacing:.5px;font-weight:500}.white .hero .eyebrow::before{content:'▪';margin-right:9px}.white .hero h1{font-size:clamp(70px,8.7vw,138px);line-height:1.04;font-weight:400;letter-spacing:-.07em;max-width:1150px;margin:42px 0 56px}.white .hero h1 em{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:400;letter-spacing:-.07em;color:#71716b}.white .hero-bottom{align-items:end;max-width:none}.white .hero-bottom p{max-width:330px;margin-left:auto;font-size:17px;line-height:1.45;color:#41413d}.white .hero-bottom .outline-button{border-radius:0;padding:20px 24px;min-width:200px;font-size:10px;margin-left:40px}
.white .work{padding-top:65px;padding-bottom:105px}.white .sectionhead{margin-bottom:35px;align-items:center}.white .sectionhead h2{font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.white .sectionhead h2::before{content:'▪';margin-right:10px}.white .sectionhead small{font:10px monospace}.white .grid{gap:55px 30px}.white .project .visual{border-radius:0;aspect-ratio:1.38}.white .projectline strong{font-size:18px;font-weight:400;letter-spacing:-.5px}.white .projectline span{font-size:9px}
.white .about h2,.white .feature h2,.white .ai-section h2,.white .footer h2{font-weight:400;letter-spacing:-.065em;line-height:1.04}.white .feature h2{font-size:clamp(48px,6vw,90px)}.white .about h2{font-size:clamp(48px,5.8vw,82px)}.white .about p{font-size:22px;font-weight:400;line-height:1.5}.white .ai-section h2{font-size:clamp(48px,6.5vw,92px)}.white .ai-section h2 .ai-em{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:400;color:#77776d}.white .footer h2{font-size:clamp(60px,8.5vw,122px)}.white .brand-grid{gap:30px 15px}.white .brand-mark img{height:33px}.white .sectors{display:grid;grid-template-columns:1fr 2fr;gap:45px}.white .sector-intro{display:block;margin-bottom:0}.white .sector-intro .eyebrow{font-size:9px;letter-spacing:.4px}.white .sector-intro h2{font-size:34px;font-weight:400;line-height:1.12;letter-spacing:-1.6px;margin:28px 0}.white .sector-intro>p{font-size:15px;max-width:230px}.white .sector-grid{display:block}.white .sector-card{display:grid;grid-template-columns:35px 1fr;gap:4px 15px;padding:25px 0;align-items:baseline}.white .sector-card h3{font-size:clamp(28px,3.5vw,48px);font-weight:400;letter-spacing:-.055em;margin:0}.white .sector-card p{grid-column:2;max-width:none;font-size:12px}.white .sector-number{font-size:9px}
.white .philosophy{height:auto}.white .philosophy-pin{height:auto;min-height:0;position:relative;padding-top:50px}.white .philosophy-window{overflow:visible}.white .philosophy-track{display:block;width:100%;transform:none}.white .principle{width:100%;padding:70px 3.5%;grid-template-columns:1.2fr 1fr;border-bottom:1px solid var(--line)}.white .principle h3{font-weight:400;font-size:clamp(52px,6.5vw,92px);letter-spacing:-.065em}.white .principle h3 em{font-family:Arial,Helvetica,sans-serif;font-style:normal;color:#74746c}.white .principle-art{max-width:370px;margin-left:auto;--panel-progress:.85!important}.white .why-core{background:radial-gradient(circle at 30% 25%,#fafaf8,#deded5 48%,#a3a397);color:#333}.white .philosophy-footer{display:none}.white .philosophy-heading{margin:0 3.5%}.white .principle-copy>p{font-size:18px}
.storytelling{padding-top:100px;padding-bottom:110px;border-top:1px solid var(--line)}.storytelling-intro{display:grid;grid-template-columns:1fr 1fr;gap:26px 70px;align-items:end;margin-bottom:60px}.storytelling-intro>.eyebrow{grid-column:1/-1}.storytelling-intro h2{font-size:clamp(44px,5.7vw,82px);line-height:1.05;letter-spacing:-.065em;font-weight:400;margin:0}.storytelling-intro h2 em{font-style:normal;color:var(--muted)}.storytelling-intro>p{max-width:380px;font-size:20px;line-height:1.5;color:var(--muted);margin:0 0 5px}.story-demo{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;border-top:1px solid var(--line);padding-top:40px}.story-process h3{font-size:36px;line-height:1.1;font-weight:400;letter-spacing:-1.5px;margin:28px 0 34px}.story-controls{display:grid}.story-controls button{font:14px Arial,sans-serif;padding:20px 0;display:flex;align-items:center;gap:20px;border:0;border-top:1px solid var(--line);background:none;color:var(--muted);text-align:left}.story-controls button span{font:10px monospace}.story-controls button b{margin-left:auto;font-weight:400;font-size:20px;transition:transform .3s}.story-controls button[aria-pressed="true"]{color:var(--ink)}.story-controls button[aria-pressed="true"] b{transform:rotate(45deg)}.story-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.story-step-description{font-size:13px;line-height:1.6;color:var(--muted);min-height:65px;margin:22px 0 0;max-width:360px}
.story-chart{padding:30px 32px 24px;background:var(--tile);min-width:0}.chart-header{display:grid;gap:14px}.chart-eyebrow{font:8px monospace;letter-spacing:1px;color:var(--muted)}.chart-headline{font-size:24px;letter-spacing:-.8px;font-weight:400;line-height:1.2;min-height:58px;display:block}.chart-bars{height:248px;position:relative;margin:22px 0 10px}.chart-row{position:absolute;top:calc(var(--raw)*48px);left:0;right:0;display:grid;grid-template-columns:64px 1fr 38px;gap:10px;align-items:center;height:36px;transition:top .8s cubic-bezier(.2,.7,.2,1),opacity .5s}.chart-row .bar-label,.chart-row>b{font:11px Arial,sans-serif;font-weight:400}.bar-track{height:25px}.bar-track i{display:block;width:var(--value);height:100%;background:#92958f;transition:background .5s,width .8s}.story-demo[data-story-step="1"] .chart-row,.story-demo[data-story-step="2"] .chart-row{top:calc(var(--rank)*48px)}.story-demo[data-story-step="1"] .bar-track i{background:var(--ink)}.story-demo[data-story-step="2"] .chart-row{opacity:.65}.story-demo[data-story-step="2"] .chart-leader{opacity:1}.story-demo[data-story-step="2"] .chart-leader .bar-track i{background:#34745a}.chart-takeaway{border-top:1px solid var(--line);padding-top:16px;opacity:.2;transition:opacity .5s;min-height:86px}.chart-takeaway>span{font:8px monospace;letter-spacing:1px}.chart-takeaway p{font-size:13px;line-height:1.5;margin:8px 0 0}.story-demo[data-story-step="2"] .chart-takeaway{opacity:1}.chart-disclosure{display:block;margin-top:16px;font-size:9px;color:var(--muted);line-height:1.5}.dark .story-demo[data-story-step="2"] .chart-leader .bar-track i{background:var(--accent)}.dark .story-process h3,.dark .storytelling-intro h2{font-weight:700}.funky .story-demo[data-story-step="2"] .chart-leader .bar-track i{background:#ed5381}
@media(max-width:850px){.white .hero{padding-top:85px;min-height:570px}.white .hero h1{font-size:clamp(62px,9vw,95px);margin-top:35px;margin-bottom:45px}.white .hero-bottom p{margin-left:0}.white .hero-bottom .outline-button{margin-left:0}.white .sectors{grid-template-columns:1fr;gap:35px}.white .sector-intro>p{max-width:380px}.white .sector-card h3{font-size:36px}.white .principle{grid-template-columns:1fr;padding:55px 5%}.white .principle-art{margin:25px auto 0}.storytelling-intro{grid-template-columns:1fr;gap:24px}.storytelling-intro>p{font-size:18px}.story-demo{grid-template-columns:1fr;gap:25px}.storytelling{padding-top:70px;padding-bottom:75px}.storytelling-intro{margin-bottom:35px}.story-controls button{padding:16px 0}.story-step-description{min-height:0}.story-chart{padding:25px 22px}.white .hero h1 em{letter-spacing:-.07em}}
@media(max-width:520px){.white .hero{min-height:0;padding-top:70px;padding-bottom:65px}.white .hero h1{font-size:clamp(48px,10.7vw,66px);line-height:1.08;letter-spacing:-.07em}.white .hero-bottom p{font-size:16px;max-width:290px}.white .hero-bottom .outline-button{padding:17px 20px}.white .projectline strong{font-size:16px}.storytelling-intro h2{font-size:46px}.story-chart{padding:23px 17px}.chart-row{grid-template-columns:53px 1fr 32px;gap:7px}.chart-row .bar-label,.chart-row>b{font-size:10px}.white .sector-card{grid-template-columns:28px 1fr}.white .sector-card h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.chart-row,.bar-track i,.chart-takeaway,.story-controls button b{transition:none}}
/* Strong sans-serif / expressive editorial serif hero pairing. */
.white .hero h1{font-size:clamp(76px,9.5vw,150px);font-weight:700;line-height:.97;letter-spacing:-.078em;margin-top:40px;margin-bottom:58px}
.white .hero h1 em{display:inline-block;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;font-size:1.075em;line-height:1.02;letter-spacing:-.078em;color:#34332f}
@media(max-width:850px){.white .hero h1{font-size:clamp(63px,10vw,105px);line-height:1.02;margin-bottom:46px}.white .hero h1 em{letter-spacing:-.075em}}
@media(max-width:520px){.white .hero h1{font-size:clamp(45px,10.7vw,65px);line-height:1.04;letter-spacing:-.07em}.white .hero h1 em{font-size:1.1em;letter-spacing:-.075em}}
/* REALITY uses a compact editorial manifesto; THE SIM retains its scroll panels. */
.compact-philosophy{display:none}.white .philosophy{height:auto;padding:80px 3.5% 90px;max-width:1600px;margin:auto}.white .philosophy-pin{display:none}.white .compact-philosophy{display:block}
.compact-philosophy-heading{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start;margin-bottom:42px}.compact-philosophy-heading>.eyebrow{font-size:9px;font-weight:500;letter-spacing:.7px;margin-top:10px;color:#64657b}.compact-philosophy-heading h2{font-size:clamp(37px,4.2vw,60px);font-weight:400;line-height:1.07;letter-spacing:-.065em;margin:0}.compact-philosophy-heading h2 em{font-style:normal;color:#7775a0}
.compact-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.compact-principles article{border-top:1px solid #dcdfea;padding-top:22px}.compact-principle-number{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border:1px solid #dadef0;border-radius:50%;font:9px monospace;color:#686ca3;background:#f8f8fd}.compact-principles h3{font-size:clamp(23px,2.4vw,32px);font-weight:400;letter-spacing:-.045em;margin:20px 0 12px}.compact-principles p{font-size:14px;line-height:1.6;max-width:310px;margin:0;color:#656561}
@media(max-width:850px){.white .philosophy{padding:65px 5%}.compact-philosophy-heading{grid-template-columns:1fr;gap:23px;margin-bottom:35px}.compact-principles{gap:24px}.compact-principles h3{font-size:24px}.compact-principles p{font-size:13px}}
@media(max-width:600px){.compact-principles{grid-template-columns:1fr;gap:25px}.compact-principles article{display:grid;grid-template-columns:30px 1fr;gap:9px 17px;padding-top:20px}.compact-principles h3{margin:1px 0 0}.compact-principles p{grid-column:2;max-width:100%}.compact-philosophy-heading h2{font-size:42px}.compact-principle-number{width:26px;height:26px}}
/* Focus areas introduce the services; the design statement moves into the following section. */
.focus-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:0 0 65px}.focus-area{border-top:1px solid var(--line);padding:23px 0 0;display:flex;flex-direction:column;min-width:0}.focus-area-number{font:10px monospace;color:var(--muted)}.focus-area h3{font-size:25px;font-weight:400;letter-spacing:-.9px;line-height:1.15;margin:27px 0 17px;min-height:58px}.focus-area p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 27px;max-width:290px;flex:1}.focus-area-label{font:8px/1.5 monospace;letter-spacing:1px;color:var(--muted)}.white .focus-area-number{color:#7276a8}.white .focus-area-label{color:#737498}.white .focus-intro h2 em{color:#7775a0}.dark .focus-area h3{font-weight:600}.dark .focus-area-number{color:var(--accent)}
.feature-copy-group{align-self:center;min-width:0}.feature .feature-copy-group .feature-lede{margin:0 0 20px;color:var(--ink);font-size:clamp(19px,2vw,25px);line-height:1.45}.feature .feature-copy-group .feature-description{margin:0;color:var(--muted);font-size:clamp(16px,1.6vw,21px);line-height:1.5}.dark #reality-lab .feature-copy-group .feature-lede{font-size:clamp(17px,1.5vw,21px);margin-bottom:20px;color:var(--ink)}.dark #reality-lab .feature-copy-group .feature-description{font-size:clamp(14px,1.3vw,18px);line-height:1.55}
@media(max-width:1000px){.focus-areas{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.focus-area h3{min-height:0;font-size:26px;margin-top:22px}.focus-area p{max-width:100%}}
@media(max-width:600px){.focus-areas{grid-template-columns:1fr;gap:26px;margin-bottom:45px}.focus-area{display:grid;grid-template-columns:28px 1fr;column-gap:15px;padding-top:19px}.focus-area-number{margin-top:5px}.focus-area h3{font-size:25px;margin:0 0 11px}.focus-area p{grid-column:2;font-size:14px;margin-bottom:16px}.focus-area-label{grid-column:2;font-size:7px}.feature .feature-copy-group .feature-lede{font-size:20px}.dark #reality-lab .feature-copy-group .feature-lede{font-size:16px;margin-bottom:15px}.dark #reality-lab .feature-copy-group .feature-description{font-size:13px}}