/* D: light industrial editorial. One blue tile is the visual signature. */
:root{--paper:#f4f5f7;--ink:#202733;--muted:#586270;--green:#2457c5;--accent:#2457c5;--line:#d6dbe2;--soft:#e9edf2}
body{background:var(--paper);color:var(--ink)}
header{background:#f4f5f7f5;border-color:var(--line)}
.brand b{color:var(--ink)}.brand>span{font-weight:600;letter-spacing:3px}.brand small{letter-spacing:2px}
.hero{min-height:calc(100svh - 95px);padding-block:60px 75px;grid-template-columns:1.15fr 1fr;gap:65px}
.hero h1{font-size:clamp(56px,6.8vw,94px);line-height:1.13;letter-spacing:-4px;font-weight:600}
.hero em{color:var(--ink)}.hero .lead{font-size:17px;line-height:1.9;max-width:430px}
.eyebrow{font-size:11px;letter-spacing:2px}.notes{letter-spacing:1px}
.button,.nav-cta,.panel,.jobs article,.social-card,.case-card img{border-radius:0}
.button{background:var(--ink);font-weight:500;min-height:52px;padding-inline:27px}
.button:hover{background:var(--green)}.nav-cta{border-color:#202733}.actions{gap:25px}
.art{position:relative;aspect-ratio:1/1.1;padding:32px;background:transparent;border-radius:0;border-block:1px solid #bdc5d0;overflow:visible}
.art>p{color:#657181;font:10px/1.8 'SFMono-Regular',Consolas,monospace;letter-spacing:2px}
.tiles{width:74%;gap:5px;margin:52px auto 46px;transform:perspective(850px) rotateX(12deg) rotateY(-22deg) rotateZ(-9deg)}
.tiles i,.tiles i:nth-child(n){background:#dce2eb;border-radius:1px;box-shadow:inset 0 0 0 1px #c6cedb,inset 0 -7px 0 #c4cedc}
.tiles i:nth-child(5){background:#2457c5;box-shadow:inset 0 0 0 1px #1e4fb8,inset 0 -7px 0 #1947a6}
.art-caption{border-top:1px solid #c9d0db;padding-top:22px}
.art-caption strong{font-weight:500;font-size:24px}.art-caption small{color:#586270}
.art-note{color:#586270}.intro{background:#fff}.intro strong{font-size:21px;font-weight:500}
.section{padding-block:100px}.heading{margin-bottom:48px}.heading h2{font-size:clamp(32px,3.8vw,52px);font-weight:550;line-height:1.28}
.panel{background:transparent;border:0;border-left:1px solid #bfc8d4;padding:10px 0 10px 38px}
.courses article>span{color:#63738b;font:15px/1.8 'SFMono-Regular',Consolas,monospace}
.courses h3{font-size:21px}.pending{background:#e7ebf1;border-color:#71839e;color:#455368}
.tint{background:#e9edf2}.empty{border-color:#c4ccd7}.social-card{background:#f4f5f7}
.jobs{gap:50px}.jobs article{background:transparent;border-top:1px solid #8391a3;padding:28px 0}
.jobs article:nth-child(2){border-color:#8391a3}.jobs h3{font-size:27px;font-weight:550}.jobs .eyebrow{color:#586270}
.about{background:#202733;color:#f4f5f7;padding-block:80px}.about .eyebrow{color:#adc3f1}.about p{color:#c3cad4}.about h2{font-size:40px;font-weight:500}
.mobile-book{background:#202733}
.business-page .header,.business-page .intro-strip{background:#f4f5f7}
.business-page .hero-shell,.business-page .experience,.business-page .faq-section,.business-page .consult-section{background:#e9edf2}
.business-page .hero h1,.business-page .hero h1 span,.business-page .strip-inner p:first-child,.business-page .consult-section{color:#202733}
.business-page .text-link,.business-page .path-card a,.business-page .footer .brand,.business-page .hero-bottom>a,.business-page .hero .eyebrow,.business-page .questions summary:after{color:#2457c5}
.business-page p,.business-page .hero-description,.business-page .process p,.business-page .strip-inner p:nth-child(2),.business-page .mentor-copy p,.business-page .mentor-copy li,.business-page .mentor-copy h3 span{color:#586270}
.business-page .button{background:#202733;border-radius:0}.business-page .button:hover{background:#2457c5}
.business-page .hero-art img,.business-page .mentor-visual,.business-page .consult-section{border-radius:0}
.business-page .mentor-visual{background:#202733}.business-page .mentor-copy h3{color:#202733}
.business-page .path-card:hover{background:#e9edf2}.business-page .nav-cta{border-radius:0}
@media(max-width:1100px){.hero{gap:35px}.art{padding:25px}.tiles{margin-block:45px}}
@media(max-width:800px){nav{background:#f4f5f7}.hero{grid-template-columns:1fr;min-height:0;gap:36px;padding-block:48px}.hero h1{font-size:clamp(48px,12vw,72px);letter-spacing:-2px}.hero .lead{font-size:16px}.art{aspect-ratio:auto;padding:22px 0;max-width:440px;width:100%}.tiles{width:58%;margin:30px auto 36px}.art-caption{padding-top:18px}.art-caption strong{font-size:23px}.section{padding-block:62px}.heading{margin-bottom:32px}.heading h2{font-size:34px}.panel{border-left:0;border-top:1px solid #bfc8d4;padding:26px 0 0}.jobs{gap:20px}.jobs article{padding-bottom:8px}.about{padding-block:50px}.about h2{font-size:30px}.business-page nav{background:#f4f5f7}.business-page .hero{min-height:0}}
@media(prefers-reduced-motion:no-preference){.tiles{animation:tile-enter .7s ease-out both}@keyframes tile-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}}