/* About composition: scoped to this route; shared Midnight shell stays intact. */
body.midnight.page-about main {font-size:17px;line-height:1.65}
body.midnight.page-about main .ab-hero {padding:42px 0 0!important;background:radial-gradient(ellipse at 88% 20%,#183b5c,transparent 55%)!important}
body.midnight.page-about .breadcrumbs {margin-bottom:56px}
body.midnight.page-about .ab-hero-grid {display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:center;padding-bottom:66px}
body.midnight.page-about main h1 {max-width:760px;margin:0 0 28px;font-size:clamp(48px,5.3vw,72px)!important;line-height:1.03!important;letter-spacing:-.045em!important;font-weight:600!important}
body.midnight.page-about main .eyebrow {font-size:11px;letter-spacing:.14em;line-height:1.5;margin:0 0 22px;color:#70b5ff!important}
body.midnight.page-about main .ab-lede {max-width:610px;font-size:19px;line-height:1.7;margin:0 0 30px;color:#b6c3d2!important}
body.midnight.page-about .ab-experience {border-left:1px solid #4c657e;padding-left:56px}
body.midnight.page-about main .ab-number {display:block;font-size:clamp(110px,14vw,190px);font-weight:500;letter-spacing:-.08em;line-height:.9;color:#70b5ff!important}
body.midnight.page-about main .ab-years {font-size:23px;line-height:1.3;color:#f4f6fb!important;margin:26px 0}
body.midnight.page-about .ab-experience-note {color:#b6c3d2;font-size:14px;border-top:1px solid #4c657e;padding-top:23px}
body.midnight.page-about .ab-hero-foot {border-top:1px solid #34485f;padding:23px 0;display:flex;justify-content:space-between;gap:25px;font-size:14px}
body.midnight.page-about .ab-hero-foot p {margin:0}
body.midnight.page-about .ab-chapters {display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #34485f;padding:24px 0!important;gap:20px}
body.midnight.page-about .ab-chapters a {min-height:44px;display:flex;gap:15px;align-items:center;font-size:14px;color:#f4f6fb!important}
body.midnight.page-about .ab-chapters span {font-size:11px;color:#70b5ff!important}
body.midnight.page-about main .ab-section {padding:88px 0!important;scroll-margin-top:30px}
body.midnight.page-about .ab-story {display:grid;grid-template-columns:1fr 1.3fr;gap:100px}
body.midnight.page-about main h2 {font-size:clamp(34px,3.5vw,46px);line-height:1.12;letter-spacing:-.035em;font-weight:500;margin:0}
body.midnight.page-about .ab-prose {max-width:670px}
body.midnight.page-about .ab-prose p {margin:0 0 24px;color:#b6c3d2!important}
body.midnight.page-about main .ab-prose .ab-large {font-size:22px;line-height:1.5;color:#f4f6fb!important}
body.midnight.page-about .ab-prose p:last-child {margin-bottom:0}
body.midnight.page-about main .ab-principles {background:#102235!important;border-top:1px solid #34485f;border-bottom:1px solid #34485f}
body.midnight.page-about .ab-section-heading {display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:48px}
body.midnight.page-about .ab-section-heading>p {max-width:360px;margin:0;color:#b6c3d2!important}
body.midnight.page-about .ab-principle-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
body.midnight.page-about .ab-principle-grid article {border-top:1px solid #52708c;padding-top:23px}
body.midnight.page-about main .ab-index {color:#ff9c64!important;font-size:12px;letter-spacing:.14em}
body.midnight.page-about main .ab-principle-grid h3 {font-size:28px;line-height:1.2;letter-spacing:-.02em;margin:38px 0 18px;color:#f4f6fb!important;font-weight:500}
body.midnight.page-about .ab-principle-grid p {color:#b6c3d2!important;font-size:16px;margin:0;max-width:330px}
body.midnight.page-about .ab-text-link {display:inline-flex;gap:22px;align-items:center;border-bottom:1px solid #52708c;padding:9px 0;min-height:44px;font-size:15px}
body.midnight.page-about main .ab-work {border-top:1px solid #34485f}
body.midnight.page-about .ab-work-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
body.midnight.page-about main .ab-work-item {display:flex;flex-direction:column;border:1px solid #34485f;background:#102235;color:#f4f6fb!important;overflow:hidden}
body.midnight.page-about .ab-work-item:hover {border-color:#70b5ff}
body.midnight.page-about .ab-work-visual {height:230px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
body.midnight.page-about .ab-web-visual {background:#162d4c;flex-direction:column;gap:20px}
body.midnight.page-about .ab-web-visual img {width:74px;height:74px;object-fit:contain;border-radius:16px}
body.midnight.page-about main .ab-web-visual span {font-size:29px;color:#f4f6fb!important;letter-spacing:-1px}
body.midnight.page-about .ab-game-visual {background:#164650;gap:28px;align-items:flex-start}
body.midnight.page-about .ab-game-screen {width:125px;height:auto;border:5px solid #09202d;border-radius:19px;margin-top:24px;transform:rotate(-7deg)}
body.midnight.page-about .ab-game-icon {width:75px;height:75px;object-fit:cover;border-radius:17px;align-self:center}
body.midnight.page-about .ab-tools-visual img {width:100%;height:100%;object-fit:cover}
body.midnight.page-about .ab-work-copy {padding:28px;display:flex;flex-direction:column;flex:1}
body.midnight.page-about main .ab-work-copy .eyebrow {margin-bottom:14px;font-size:10px}
body.midnight.page-about main .ab-work-copy h3 {color:#f4f6fb!important;font-size:25px;line-height:1.2;letter-spacing:-.02em;margin:0 0 15px;font-weight:500}
body.midnight.page-about .ab-work-copy>p:not(.eyebrow) {font-size:15px;color:#b6c3d2!important;margin:0 0 25px}
body.midnight.page-about main .ab-work-link {color:#70b5ff!important;margin-top:auto;font-size:14px;display:flex;justify-content:space-between;gap:15px}
body.midnight.page-about .ab-work-foot {display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:28px;font-size:14px}
body.midnight.page-about .ab-work-foot p {color:#b6c3d2!important;margin:0}
body.midnight.page-about main .ab-closing {background:#132b43!important;padding:70px 0!important;border-top:1px solid #34485f;border-bottom:1px solid #34485f}
body.midnight.page-about .ab-closing>.container {display:grid;grid-template-columns:1.6fr 1fr;gap:75px;align-items:center}
body.midnight.page-about .ab-closing h2 {font-size:clamp(32px,3.3vw,44px)}
body.midnight.page-about .ab-closing p:not(.eyebrow) {color:#b6c3d2!important;margin:0 0 24px;max-width:330px}
body.midnight.page-about main a:focus-visible {outline:3px solid #ff9c64;outline-offset:5px}
@media(max-width:1000px){body.midnight.page-about .ab-hero-grid{gap:42px}body.midnight.page-about .ab-experience{padding-left:35px}body.midnight.page-about .ab-story{gap:55px}body.midnight.page-about .ab-work-grid{gap:16px}body.midnight.page-about .ab-work-copy{padding:23px}body.midnight.page-about .ab-section-heading{gap:35px}}
@media(max-width:760px){body.midnight.page-about main .ab-hero{padding-top:28px!important}body.midnight.page-about .breadcrumbs{margin-bottom:36px}body.midnight.page-about .ab-hero-grid{grid-template-columns:1fr;gap:38px;padding-bottom:36px}body.midnight.page-about main h1{font-size:clamp(39px,8vw,58px)!important}body.midnight.page-about .ab-experience{display:grid;grid-template-columns:auto 1fr;column-gap:26px;align-items:center;border-left:0;border-top:1px solid #34485f;padding:30px 0 0}body.midnight.page-about main .ab-number{font-size:96px}body.midnight.page-about main .ab-years{font-size:19px;margin:0}body.midnight.page-about .ab-experience-note{grid-column:1/-1;margin-top:24px;padding-top:20px}body.midnight.page-about .ab-experience-note br{display:none}body.midnight.page-about .ab-hero-foot{flex-direction:column;gap:12px}body.midnight.page-about .ab-chapters{grid-template-columns:1fr 1fr;gap:8px 20px;padding:17px 0!important}body.midnight.page-about .ab-chapters a{font-size:13px;gap:10px}body.midnight.page-about main .ab-section{padding:55px 0!important}body.midnight.page-about .ab-story{grid-template-columns:1fr;gap:28px}body.midnight.page-about main .ab-prose .ab-large{font-size:20px}body.midnight.page-about .ab-section-heading{display:block;margin-bottom:30px}body.midnight.page-about .ab-section-heading>p{margin-top:24px;max-width:100%}body.midnight.page-about .ab-principle-grid{grid-template-columns:1fr;gap:30px}body.midnight.page-about main .ab-principle-grid h3{margin:20px 0 14px;font-size:27px}body.midnight.page-about .ab-principle-grid h3 br{display:none}body.midnight.page-about .ab-principle-grid p{max-width:100%}body.midnight.page-about .ab-work-grid{grid-template-columns:1fr;gap:25px}body.midnight.page-about .ab-work-visual{height:230px}body.midnight.page-about .ab-work-copy{padding:26px}body.midnight.page-about .ab-work-foot{display:block}body.midnight.page-about .ab-work-foot>a{margin-top:15px}body.midnight.page-about main .ab-closing{padding:50px 0!important}body.midnight.page-about .ab-closing>.container{grid-template-columns:1fr;gap:25px}body.midnight.page-about .ab-closing p:not(.eyebrow){max-width:100%}}