.about-opening{display:grid;grid-template-columns:1.1fr 1fr;gap:5%;align-items:center;min-height:660px;padding-block:85px;background:radial-gradient(ellipse at 90% 50%,#dbe3f4,transparent 65%);max-width:none;overflow:hidden}.about-intro .eyebrow,.roots-heading .eyebrow,.experience-heading .eyebrow,.about-connection>.eyebrow{color:#536480;font-size:11px}.about-intro h1{font-family:var(--condensed);font-size:clamp(52px,5.9vw,88px);text-transform:uppercase;font-weight:700;letter-spacing:-.025em;line-height:.97;margin-top:28px}.about-intro h1 span{color:#2855ff}.about-intro>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:440px;color:#58635f;margin-top:28px}.about-intro .button{margin-top:28px}.about-emblem{height:430px;position:relative;display:grid;place-items:center;isolation:isolate}.emblem-tile{width:235px;height:255px;display:grid;place-items:center;background:linear-gradient(145deg,#283c65,#111b31);border:1px solid #61749a;border-radius:34px;transform:rotate(-9deg);box-shadow:22px 35px 65px #233c6d30;z-index:1}.emblem-tile img{width:145px;filter:invert(1);transform:rotate(9deg)}.emblem-orbit{position:absolute;width:350px;height:350px;border:1px solid #b6c3db;border-radius:50%;transform:rotate(-25deg) scaleY(.7)}.orbit-two{transform:rotate(55deg) scaleY(.7);width:395px;height:395px}.emblem-label{position:absolute;z-index:2;background:#fdfdfb;box-shadow:0 8px 25px #20345410;border:1px solid #d4dcea;padding:10px 17px;border-radius:30px;color:#3b4f74;font-size:11px;letter-spacing:.03em}.label-design{top:48px;left:14%}.label-technology{right:0;top:190px}.label-business{bottom:63px;left:5%}.emblem-caption{position:absolute;bottom:0;text-align:center;font-size:11px;color:#596c8b;letter-spacing:.02em}.about-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:28px}.about-actions .button{margin-top:0}.about-actions>a{font-size:12px;text-decoration:underline;text-underline-offset:5px;color:#394d6a}.about-reasons,.about-project,.about-process{padding-block:80px}.about-section-heading{max-width:650px}.about-section-heading .eyebrow,.project-intro .eyebrow,.roots-heading .eyebrow{font-size:11px;color:#536480}.about-section-heading h2,.project-intro h2,.roots-heading h2{font-family:var(--display);font-size:clamp(34px,4.5vw,64px);font-weight:550;line-height:1.08;letter-spacing:-.055em;margin-top:20px}.about-section-heading>p:last-child{font-size:15px;line-height:1.8;color:#58635f;margin-top:22px;max-width:490px}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:42px}.reason-grid article{border-top:1px solid #cbd3cf;padding-top:25px}.reason-discipline{font-size:10px;line-height:1.6;text-transform:uppercase;letter-spacing:.06em;color:#526583;display:block;min-height:32px}.reason-grid h3,.about-process-grid h3{font-family:var(--display);font-weight:550;font-size:clamp(23px,2.5vw,33px);line-height:1.15;letter-spacing:-.045em;margin:12px 0 18px}.reason-grid p,.about-process-grid p{font-size:14px;line-height:1.9;color:#58635f}.about-project{background:#17233b;max-width:none;color:#f6f5f1;scroll-margin-top:100px}.project-intro{display:flex;flex-wrap:wrap;align-items:end;gap:0 40px}.project-intro .eyebrow{width:100%;color:#b3c5e7}.project-intro>p:last-child{color:#c1cde4;font-size:12px;margin-top:20px;margin-left:auto;padding-bottom:6px}.project-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:start;margin-top:40px}.project-image{display:block;background:#f6f5f1;border:1px solid #72809a;border-radius:10px;overflow:hidden;transition:box-shadow .2s}.project-image:hover{box-shadow:0 12px 38px #0003}.project-image img{display:block;width:100%;height:auto}.project-image>span{display:block;font-size:12px;padding:16px 20px;color:#233652}.project-status{font-size:10px;color:#b2c7ff;letter-spacing:.05em;text-transform:uppercase}.project-summary{font-size:18px;line-height:1.6;margin:16px 0 24px;color:#eef1fa}.project-decisions details{border-top:1px solid #43516b;padding-block:17px}.project-decisions summary{font-size:14px;cursor:pointer;list-style-position:outside;margin-left:18px;padding-left:4px;line-height:1.5}.project-decisions details p{color:#c1cde4;font-size:13px;line-height:1.85;margin-top:14px;padding-left:22px}.project-work-link{display:inline-block;color:#c7d3ff;font-size:13px;text-decoration:underline;text-underline-offset:5px;margin-top:22px}.about-roots{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding-block:75px;border-bottom:1px solid #d4d9d3}.roots-copy p{font-size:15px;line-height:1.9;color:#58635f}.about-process{background:#e8ecf2;max-width:none}.about-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:42px}.about-process-grid article{border-top:2px solid #a9b7d0;padding-top:20px}.about-process>.button{margin-top:35px}.process-note{font-size:12px;color:#58635f;margin-top:16px}
a:focus-visible,summary:focus-visible{outline:3px solid #718dff;outline-offset:5px}
@media(max-width:850px){.about-opening{min-height:600px;padding-block:65px;gap:0;grid-template-columns:1.1fr .9fr}.about-intro h1{font-size:6.8vw}.about-emblem{transform:scale(.8);transform-origin:center right;margin-left:-75px}.about-roots,.project-layout{gap:7%}.reason-grid,.about-process-grid{gap:24px}.reason-grid h3,.about-process-grid h3{font-size:25px}.project-layout{grid-template-columns:1fr 1fr}.project-summary{font-size:16px}.project-decisions details p{font-size:12px}}
@media(max-width:600px){.about-opening{grid-template-columns:1fr;padding-block:45px 30px}.about-intro h1{font-size:13vw;max-width:400px}.about-intro>p:not(.eyebrow){font-size:14px;max-width:360px}.about-emblem{height:350px;transform:scale(.8);transform-origin:center;margin:-10px -30px -20px}.about-actions{gap:22px}.about-roots,.project-layout,.reason-grid,.about-process-grid{grid-template-columns:1fr;gap:30px}.about-reasons,.about-project,.about-process,.about-roots{padding-block:50px}.about-section-heading h2,.project-intro h2,.roots-heading h2{font-size:38px}.reason-discipline{min-height:0}.reason-grid h3,.about-process-grid h3{font-size:27px}.project-intro>p:last-child{margin-left:0}.project-layout{margin-top:30px}.project-summary{font-size:18px}.project-decisions details p{font-size:14px}.project-image>span{padding:14px 18px}.roots-copy p{font-size:14px}.about-process-grid h3{margin-top:0}}
@media(prefers-reduced-motion:reduce){.project-image{transition:none}}
