/* Presentation only: the project library and editorial copy remain intact. */
main#top .story-intro{display:grid;grid-template-columns:.75fr 2.2fr!important;gap:28px 6vw;align-items:start;padding:72px 0 60px;background:#fff;color:#171717}
.story-signature{font-size:11px;letter-spacing:.12em;font-weight:600;line-height:1.8;margin:0}
.story-signature span{display:block;font-size:11px;letter-spacing:0;font-weight:400;color:#777;max-width:260px;margin-top:14px;line-height:1.8;word-break:keep-all}
.story-intro blockquote{margin:0;font-size:clamp(25px,3.2vw,49px);font-weight:400;letter-spacing:-.045em;line-height:1.35;max-width:980px;text-wrap:pretty;word-break:keep-all}
.story-intro blockquote:before{content:'“';display:block;color:#aaa;line-height:.7;margin-bottom:12px;font-family:Georgia,serif;font-size:60px}
.story-intro>a{grid-column:2;justify-self:start;font-size:12px;border-bottom:1px solid #aaa;padding-bottom:10px;display:flex;gap:30px;align-items:center}
main#top #work .work-banner{min-height:clamp(370px,34vw,520px)}
main#top #work .kil-journal{padding-top:32px!important;padding-bottom:50px!important}
main#top .story-approach{background:#fff;padding:0 max(5vw,24px) 0}
main#top .story-approach #architect-3{margin-top:0!important;min-height:350px;padding-block:54px}
main#top .story-approach .belief-copy h3{font-size:clamp(27px,3.3vw,46px);line-height:1.28!important;letter-spacing:-.04em}
main#top .story-approach .belief-copy{max-width:700px}
main#top #connected-network{border:0!important}
main#top #intelligence.systems-section{padding-top:68px!important;padding-bottom:48px!important}
main#top .service-overview{margin-top:auto;color:#555}
.service-overview>summary{display:none;list-style:none;cursor:pointer}
.service-overview>summary::-webkit-details-marker{display:none}
.service-overview p{font-size:14px;line-height:1.8;margin:0 0 14px;word-break:keep-all;overflow-wrap:anywhere}
.service-overview small{display:block;font-size:11px;line-height:1.7;color:#777;margin-bottom:10px}
main#top .service-sample{height:160px;margin:0 0 16px}
main#top .service-sample img{max-width:230px}
main#top .systems-offers article.alive-card{animation:none!important;opacity:1!important;transform:none!important}
.service-overview a:focus-visible,.service-overview summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(min-width:701px){.service-overview:not([open])>div{display:block!important}}
@media(max-width:700px){
 main#top .story-intro{grid-template-columns:1fr!important;gap:20px;padding:34px 0 38px}
 .story-signature{font-size:10px;display:flex;justify-content:space-between;gap:24px}
 .story-signature span{margin:0;max-width:160px;text-align:right;font-size:10px}
 .story-intro blockquote{font-size:27px;line-height:1.45;letter-spacing:-.045em}
 .story-intro blockquote:before{font-size:42px;margin-bottom:8px}
 .story-intro>a{grid-column:1;font-size:11px;padding-bottom:8px}
 main#top #work .work-banner{min-height:350px}
 main#top #work .kil-journal{padding-top:24px!important;padding-bottom:30px!important}
 main#top .story-approach{padding-inline:6vw}
 main#top .story-approach #architect-3{min-height:370px;padding:120px 6vw 32px}
 main#top .story-approach .belief-copy{margin-left:0}
 main#top #intelligence.systems-section{padding:38px 6vw 32px!important}
 main#top .systems-heading{gap:16px;margin-bottom:24px!important}
 main#top .systems-heading h2{font-size:32px!important;line-height:1.2!important}
 main#top .systems-heading>div>p:not(.sys-eyebrow){font-size:13px;line-height:1.8}
 main#top .systems-offers{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 18px!important;align-items:start}
 main#top .systems-offers article{min-width:0;padding:12px 0 0!important;border-top:1px solid #ddd!important}
 main#top .service-sample{height:96px!important;margin:5px 0 10px!important}
 main#top .service-sample img{width:100%!important;height:96px!important;max-width:150px!important}
 main#top .systems-offers h3{font-size:16px!important;line-height:1.35!important;margin:0 0 10px!important;font-weight:600;letter-spacing:-.035em!important;min-height:44px}
 main#top .service-overview{width:100%}
 .service-overview>summary{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:44px;font-size:11px;line-height:1.5;border-top:1px solid #e4e4e4;color:#555}
 .service-overview[open]>summary span{transform:rotate(45deg)}
 .service-overview>div{padding:10px 0 0}
 .service-overview p{font-size:12px;line-height:1.8;margin-bottom:10px}
 .service-overview small{font-size:10px;line-height:1.7}
 main#top .service-overview .service-detail-link{font-size:11px;min-height:44px;gap:6px;align-items:center}
 main#top .systems-education{padding-top:38px!important}
}
@media(max-width:360px){main#top .systems-offers{gap:20px 14px!important}main#top .systems-offers h3{font-size:15px!important}.story-intro blockquote{font-size:24px}}
