/* F27-07D approved About narrative. This file loads only on about.html. */
.about-f27-07d { margin:0;background:#f8f9fa;color:#17252c;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased; }
.about-f27-07d * { box-sizing:border-box; }
.about-f27-07d main { overflow:clip; }
.about-f27-07d main :is(h1,h2,h3,p,figure) { margin:0; }
.about-f27-07d button { font:inherit;cursor:pointer; }
.about-f27-07d [hidden] { display:none!important; }
.about-f27-07d main a { color:inherit; }
.about-f27-07d main :is(a,button):focus-visible { outline:2px solid #254d61;outline-offset:6px; }
.d-wrap { width:min(1248px,calc(100% - 128px));margin-inline:auto; }
.d-section-name { font-size:16px;line-height:1.5;font-weight:500; }
.d-idea { height:300svh;min-height:1900px;position:relative; }
.d-sky { position:sticky;top:0;height:100svh;min-height:630px;overflow:hidden;background:#d4e1e9;isolation:isolate; }
.d-cloud-photo { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%;transform:scale(1.015);animation:d-breathe 18s ease-in-out infinite alternate; }
#atmosphere { position:absolute;inset:0;width:100%;height:100%;pointer-events:none; }
.d-sky-copy { position:absolute;inset:0;z-index:2;text-align:center;pointer-events:none; }
.d-scene { position:absolute;top:20%;left:5%;width:90%;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.6,.3,1),visibility .65s; }
.d-scene.is-active { opacity:1;visibility:visible;transform:translateY(0); }
.d-scene :is(h1,h2) { font-size:clamp(76px,9.1vw,142px);line-height:.98;letter-spacing:-.065em;font-weight:450;color:#142c3a; }
.d-scene p { margin-top:28px;font-size:clamp(17px,1.5vw,22px);line-height:1.55;letter-spacing:-.025em;color:#203b4c; }
.d-sky-bottom { position:absolute;z-index:3;bottom:34px;left:48px;right:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;color:#fff; }
.d-phases { display:flex;gap:24px;align-items:center; }
.d-phases button { color:inherit;background:none;border:0;padding:12px 0;font-size:14px;position:relative;white-space:nowrap;opacity:.66; }
.d-phases button[aria-pressed=true] { opacity:1; }
.d-phases button span { position:absolute;height:1px;background:currentColor;left:0;bottom:3px;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .65s ease; }
.d-phases button[aria-pressed=true] span { transform:scaleX(1); }
.d-scroll { font-size:13px;text-decoration:none;color:inherit;padding:10px 0;display:flex;gap:16px;align-items:center; }
.d-scroll span { font-size:23px; }
.d-motion { justify-self:end;padding:11px 16px;border:1px solid #ffffff85;background:#ffffff10;border-radius:999px;color:inherit;font-size:13px;display:flex;gap:16px;align-items:center; }
.d-idea.is-handoff .d-sky-bottom { color:#173748; }
.d-idea.is-handoff .d-motion { background:#f8f9fac4;border-color:#718a98; }
.d-idea-note { padding:92px 0 112px; }
.d-metaphor { display:grid;grid-template-columns:repeat(3,1fr);gap:56px;margin-top:38px; }
.d-metaphor>div { border-top:1px solid #cfd8dc;padding-top:24px; }
.d-metaphor h2 { font-size:23px;font-weight:500;letter-spacing:-.025em;line-height:1.25; }
.d-metaphor p { margin-top:14px;font-size:16px;line-height:1.7;color:#58666e;max-width:330px; }
.d-belief { padding:70px 0 144px;display:grid;grid-template-columns:1fr 2fr;gap:72px; }
.d-section-head h2 { font-size:clamp(38px,4.6vw,68px);font-weight:450;line-height:1.04;letter-spacing:-.055em;margin-top:25px; }
.d-belief .d-section-head h2 { font-size:34px;line-height:1.15;letter-spacing:-.04em; }
.d-beliefs { padding-top:3px; }
.d-belief-row { border-top:1px solid #ccd5da;padding:40px 0 48px; }
.d-belief-row:first-child { padding-top:35px; }
.d-belief-row:last-child { padding-bottom:0; }
.d-belief-row h3 { font-size:clamp(30px,3.65vw,54px);font-weight:450;line-height:1.17;letter-spacing:-.045em; }
.d-belief-row h3 span { color:#597584; }
.d-belief-row p { max-width:470px;margin-top:24px;font-size:17px;line-height:1.75;color:#59656c; }
.d-connection { padding:112px 0 120px;background:#edf1f3;border-radius:44px 44px 0 0; }
.d-connection-intro { display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:end; }
.d-connection-intro h2 { font-size:clamp(44px,4.8vw,70px);line-height:1.04;font-weight:450;letter-spacing:-.055em;margin-top:24px; }
.d-connection-intro>p { font-size:20px;line-height:1.65;max-width:390px;color:#52656f;margin-bottom:4px; }
.d-ecosystem { position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:70px;min-height:480px;margin-top:72px; }
.d-connection-lines { position:absolute;inset:30px 0;width:100%;height:calc(100% - 60px);z-index:-1;overflow:visible;fill:none;stroke-linecap:round; }
.d-lines-base { stroke:#bccbd2;stroke-width:1; }
.d-lines-travel { stroke:#5b8296;stroke-width:1.4;stroke-dasharray:20 330;animation:d-travel 9s linear infinite; }
.d-origin,.d-recipients { min-width:0; }
.d-origin h3,.d-recipients h3 { font-size:14px;font-weight:450;color:#5b6f7a;margin-bottom:25px; }
.d-origin p,.d-recipients p { width:max-content;max-width:100%;position:relative;background:#edf1f3;font-size:21px;line-height:1.5;font-weight:450;letter-spacing:-.025em;padding:13px 12px 13px 0; }
.d-recipients { justify-self:end; }
.d-recipients p { padding-left:12px; }
.d-system { border:1px solid #c8d5dc;border-radius:50%;min-height:430px;padding:44px 32px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#edf1f3; }
.d-system-logo { width:108px;height:auto;object-fit:contain;display:block; }
.d-system-caption { margin-top:14px!important;font-size:12px;line-height:1.6;color:#5b6f79; }
.d-system-tabs { display:flex;flex-direction:column;width:100%;margin-top:25px; }
.d-system-tabs button { display:flex;flex-direction:column;align-items:center;border:0;background:none;padding:13px 8px;color:#3d5360;border-radius:12px;font-size:20px;font-weight:500;line-height:1.2;transition:background .2s; }
.d-system-tabs button span { margin-top:5px;font-size:12px;color:#5e727e;font-weight:400; }
.d-system-tabs button[aria-selected=true] { background:#f8f9fa;color:#172f3d; }
.d-system-tabs button:hover { background:#f8f9fa; }
.d-ecosystem-status { margin-top:30px!important;color:#536874;font-size:14px;line-height:1.65; }
.d-capabilities { margin-top:44px;border-top:1px solid #c3d1d8; }
.d-capability { position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:38px;min-height:285px; }
.d-status { font-size:13px;color:#536b78; }
.d-capability h3 { margin-top:18px;font-size:clamp(34px,3.6vw,52px);font-weight:450;line-height:1.08;letter-spacing:-.045em; }
.d-capability>div:nth-child(2) { padding-top:8px;max-width:500px; }
.d-capability p { font-size:17px;line-height:1.8;color:#485e6a; }
.d-capability a { display:inline-flex;gap:16px;margin-top:24px;text-decoration:none;font-size:15px;font-weight:500; }
.d-capability a:hover { text-decoration:underline;text-underline-offset:5px; }
.d-product { width:100px;height:125px;object-fit:contain;position:absolute;left:30%;bottom:0; }
.d-people { padding:130px 0 100px; }
.d-people .d-section-head { max-width:890px; }
.d-people-grid { display:grid;grid-template-columns:1.2fr 1fr;gap:110px;margin-top:80px;align-items:start; }
.d-founding-thought { position:relative;isolation:isolate;padding-top:175px; }
.d-convergence { position:absolute;left:-28px;top:0;width:100%;z-index:-1; }
.d-convergence svg { width:100%;height:auto;fill:none;stroke:#b4c6d0;stroke-width:.75; }
.d-founding-thought>p { font-size:clamp(30px,3.05vw,45px);line-height:1.22;font-weight:450;letter-spacing:-.045em;max-width:590px; }
.d-founding-thought>span { display:block;margin-top:27px;font-size:12px;color:#61737d; }
.d-people-voices article { padding:26px 0 30px;border-top:1px solid #ccd6db; }
.d-people-voices article:first-child { padding-top:23px; }
.d-people-voices h3 { font-size:24px;line-height:1.2;letter-spacing:-.025em;font-weight:500; }
.d-people-voices article p { margin-top:13px;font-size:16px;line-height:1.75;color:#5a6972; }
.d-people-pending { font-size:13px;line-height:1.75;color:#60737d;max-width:420px;margin-top:16px!important; }
.d-closing { border-top:1px solid #cbd5db;padding:100px 0 30px; }
.d-closing h2 { font-size:clamp(64px,9vw,136px);line-height:.98;font-weight:450;letter-spacing:-.065em; }
.d-contact { display:inline-flex;gap:60px;font-size:19px;line-height:1.6;margin-top:40px;text-decoration:none; }
.d-contact:hover span { transform:translate(3px,-3px); }
.d-contact span { transition:transform .2s; }
.d-review-links { display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#687982;margin-top:120px;padding-top:24px;border-top:1px solid #d4dce0; }
.d-review-links a { text-underline-offset:4px; }
.d-no-motion .d-cloud-photo,.d-no-motion .d-lines-travel { animation-play-state:paused; }
.d-static .d-idea { height:100svh;min-height:700px; }
.d-static .d-sky { position:relative; }
.d-static .d-phases { display:none; }
.d-static .d-sky-bottom { grid-template-columns:1fr auto; }
.d-static .d-scroll { justify-self:start; }
/* Prototype-only closed drawer visibility; shared navigation files stay untouched. */
@media(max-width:1024px) {
 .about-f27-07d .mobile-nav { visibility:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),visibility 0s linear .35s; }
 .about-f27-07d .mobile-nav.is-open { visibility:visible;transition-delay:0s; }
}
@keyframes d-breathe { from { transform:scale(1.015) translate3d(0,0,0); } to { transform:scale(1.035) translate3d(0,-5px,0); } }
@keyframes d-travel { to { stroke-dashoffset:-350; } }
@media(max-width:1100px) {
 .d-wrap { width:calc(100% - 80px); }
 .d-sky-bottom { left:32px;right:32px;grid-template-columns:1fr auto; }
 .d-scroll { display:none; }
 .d-belief { gap:40px;grid-template-columns:1fr 1.8fr; }
 .d-metaphor { gap:30px; }
 .d-metaphor h2 { font-size:21px; }
 .d-connection-intro { gap:60px; }
 .d-ecosystem { gap:28px;grid-template-columns:1fr 1.4fr 1fr; }
 .d-system { padding:40px 18px;min-height:420px; }
 .d-origin p,.d-recipients p { font-size:17px; }
 .d-people-grid { gap:60px; }
 .d-founding-thought { padding-top:130px; }
 .d-capability { gap:40px; }
}
@media(max-width:820px) {
 .d-wrap { width:calc(100% - 56px); }
 .d-idea { height:270svh;min-height:1900px; }
 .d-scene { top:24%; }
 .d-scene :is(h1,h2) { font-size:clamp(66px,10vw,100px); }
 .d-idea-note { padding:64px 0 80px; }
 .d-metaphor { gap:24px; }
 .d-metaphor p { font-size:14px; }
 .d-belief { grid-template-columns:1fr;gap:40px;padding-top:30px;padding-bottom:90px; }
 .d-belief .d-section-head h2 { font-size:40px; }
 .d-belief-row { display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:center; }
 .d-belief-row h3 { font-size:34px; }
 .d-belief-row p { margin-top:0;font-size:15px; }
 .d-connection { padding:80px 0;border-radius:28px 28px 0 0; }
 .d-connection-intro { grid-template-columns:1.2fr 1fr;gap:30px; }
 .d-connection-intro h2 { font-size:48px; }
 .d-connection-intro>p { font-size:17px; }
 .d-ecosystem { gap:16px;grid-template-columns:1fr 1.4fr 1fr;margin-top:42px; }
 .d-origin h3,.d-recipients h3 { font-size:12px; }
 .d-origin p,.d-recipients p { font-size:15px; }
 .d-system { padding:42px 16px; }
 .d-system-caption { font-size:11px; }
 .d-capability p { font-size:16px; }
 .d-people { padding:90px 0 70px; }
 .d-people-grid { gap:36px;margin-top:60px; }
 .d-founding-thought>p { font-size:30px; }
 .d-people-voices h3 { font-size:21px; }
 .d-people-voices article p { font-size:15px; }
 .d-product { left:24%; }
}
@media(max-width:600px) {
 .d-wrap { width:calc(100% - 40px); }
 .d-idea { height:260svh;min-height:1700px; }
 .d-sky { min-height:610px; }
 .d-cloud-photo { object-position:50% 50%; }
 .d-scene { top:23%;left:5%;width:90%; }
 .d-scene :is(h1,h2) { font-size:clamp(54px,15.7vw,78px);letter-spacing:-.06em; }
 .d-scene[data-scene="1"] h2,.d-scene[data-scene="2"] h2 { font-size:clamp(38px,11.9vw,60px); }
 .d-scene p { margin-top:24px;font-size:16px;line-height:1.6; }
 .d-sky-bottom { bottom:26px;left:20px;right:20px;display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:22px; }
 .d-phases { width:100%;justify-content:space-between;gap:12px; }
 .d-phases button { font-size:13px; }
 .d-motion { font-size:12px;padding:9px 14px;gap:12px;margin-left:auto; }
 .d-metaphor { grid-template-columns:1fr;gap:28px;margin-top:28px; }
 .d-metaphor>div { padding-top:20px; }
 .d-metaphor h2 { font-size:24px; }
 .d-metaphor p { font-size:16px;max-width:330px;margin-top:10px; }
 .d-idea-note { padding:56px 0 68px; }
 .d-section-name { font-size:14px; }
 .d-belief { gap:32px;padding-top:15px;padding-bottom:76px; }
 .d-belief .d-section-head h2 { font-size:38px;margin-top:20px; }
 .d-belief-row { display:block;padding:28px 0 34px; }
 .d-belief-row:first-child { padding-top:28px; }
 .d-belief-row h3 { font-size:clamp(26px,7.65vw,34px);line-height:1.2; }
 .d-belief-row p { font-size:16px;margin-top:20px; }
 .d-connection { padding:64px 0 70px;border-radius:24px 24px 0 0; }
 .d-connection-intro { grid-template-columns:1fr;gap:26px; }
 .d-connection-intro h2 { font-size:43px; }
 .d-connection-intro>p { font-size:17px;max-width:320px; }
 .d-ecosystem { display:flex;flex-direction:column;gap:0;margin-top:40px;min-height:0; }
 .d-connection-lines { display:none; }
 .d-origin,.d-recipients { width:100%;text-align:center; }
 .d-origin h3,.d-recipients h3 { margin-bottom:12px;font-size:13px; }
 .d-origin p,.d-recipients p { display:inline;font-size:15px;padding:0; }
 .d-origin p+p::before,.d-recipients p+p::before { content:' · ';white-space:pre; }
 .d-system { width:min(100%,320px);min-height:380px;margin:45px 0;position:relative;padding:32px 22px; }
 .d-system::before,.d-system::after { content:'';position:absolute;width:1px;height:36px;background:#a6bbc6;left:50%; }
 .d-system::before { bottom:calc(100% + 5px); }
 .d-system::after { top:calc(100% + 5px); }
 .d-system-tabs { margin-top:18px; }
 .d-system-tabs button { padding:12px;font-size:19px; }
 .d-system-caption { font-size:12px; }
 .d-ecosystem-status { font-size:13px;margin-top:34px!important; }
 .d-capabilities { margin-top:30px; }
 .d-capability { display:block;padding-top:28px;min-height:340px; }
 .d-capability h3 { font-size:37px;margin-top:14px; }
 .d-capability>div:nth-child(2) { margin-top:23px;padding-top:0; }
 .d-capability p { font-size:16px;line-height:1.75; }
 .d-product { position:static;display:block;margin-top:24px;width:90px;height:112px; }
 .d-people { padding:74px 0 64px; }
 .d-section-head h2 { font-size:40px;margin-top:20px; }
 .d-people-grid { grid-template-columns:1fr;gap:56px;margin-top:40px; }
 .d-founding-thought { padding-top:132px;min-height:340px; }
 .d-convergence { width:100%;left:-10px; }
 .d-founding-thought>p { font-size:31px; }
 .d-founding-thought>span { margin-top:24px; }
 .d-people-voices h3 { font-size:24px; }
 .d-people-voices article p { font-size:16px; }
 .d-closing { padding:70px 0 25px; }
 .d-closing h2 { font-size:clamp(57px,16vw,72px); }
 .d-contact { font-size:17px;gap:38px;margin-top:32px; }
 .d-review-links { margin-top:80px;gap:16px;font-size:11px; }
 .d-review-links>span { width:100%; }
 .d-static .d-idea { min-height:660px; }
}
@media(prefers-reduced-motion:reduce) {
 .about-f27-07d *, .about-f27-07d *::before,.about-f27-07d *::after { animation:none!important;scroll-behavior:auto!important;transition:none!important; }
 .d-idea { height:100svh;min-height:700px; }
 .d-sky { position:relative; }
 .d-phases { display:none; }
 .d-sky-bottom { display:flex;justify-content:flex-end; }
}