/* Shared fluid scale for CMS pages and the original service/content pages. */
.site-fluid{--page-gutter:clamp(16px,4vw,160px);--page-text:clamp(15px,calc(12px + .45vw),28px);--page-small:clamp(12px,calc(10px + .32vw),22px);--page-h1:clamp(32px,calc(22px + 2.9vw),112px);--page-h2:clamp(24px,calc(18px + 1.3vw),64px);--page-h3:clamp(19px,calc(15px + .7vw),38px);--page-space:clamp(32px,5vw,150px);font-size:var(--page-text);line-height:1.7;overflow-wrap:anywhere}
.site-fluid :where(main,section,article,aside,div,form,ul,li){min-width:0}
.site-fluid :where(button,input,select,textarea){font:inherit}
.site-fluid :where(img,video,iframe,svg){max-width:100%}
.site-fluid :where(p,li){line-height:1.8}
.site-fluid :where(h1,h2,h3,h4){text-wrap:pretty;line-height:1.3}
.site-fluid :where(.page-shell,.content-shell){width:calc(100% - 2 * var(--page-gutter));max-width:none;margin-inline:auto}
body.site-fluid main.page-shell{width:100%;max-width:none}
body.site-fluid :is(#about,#solutions,.service-hub,.contact-command)>section:not(.page-intro):not(.hub-hero):not(.contact-command-hero),body.site-fluid.service-page :is(.service-overview,.service-section,.service-flow,.service-cta){width:calc(100% - 2 * var(--page-gutter));max-width:none;margin-inline:auto}
body.site-fluid main.page-shell>.page-intro,body.site-fluid.service-page .service-hero,body.site-fluid :is(.hub-hero,.contact-command-hero){width:100%;padding:var(--page-space) var(--page-gutter);min-height:clamp(440px,68dvh,1100px)}
body.site-fluid :is(.page-intro,.service-hero,.hub-hero,.contact-command-copy) h1{font-size:var(--page-h1);max-width:18em}
body.site-fluid :is(.page-intro>p:not(.eyebrow),.service-hero>p:not(.eyebrow),.hub-hero p,.service-cta p,.guide-grid p,.brief-list p,.contact-email-card p,.consultation-note p){font-size:var(--page-text);max-width:36em;line-height:1.85}
body.site-fluid :is(.hero-proof span,.intro-proof span,.hub-hero-proof span,.intro-kicker,.intro-kicker span,.hub-service-title small,.hub-service-tags span,.hub-hero-tags span,.solution-services span){font-size:var(--page-small);line-height:1.7}
body.site-fluid :is(.hub-service-title h3,.service-page .detail-row h3){font-size:var(--page-h3)}
body.site-fluid.service-page .deliverable-list li{font-size:var(--page-text)}
body.site-fluid .page-foot :is(a,span){font-size:var(--page-small)}
.site-fluid .site-head .head-inner{width:100%;max-width:none;height:clamp(64px,6vw,132px);padding-inline:var(--page-gutter);gap:clamp(10px,1.2vw,36px)}
.site-fluid .site-head .brand{min-width:0;gap:clamp(8px,.7vw,24px)}
.site-fluid .site-head .brand-emblem{width:clamp(34px,2.8vw,94px);height:clamp(34px,2.8vw,94px)}
.site-fluid .site-head .brand-name{font-size:clamp(23px,1.8vw,58px)}
.site-fluid .site-head .brand-tag{font-size:clamp(8px,.65vw,21px)}
.site-fluid .site-head .main-nav.nav-enhanced{margin-left:auto;margin-right:0;gap:clamp(2px,.45vw,18px);padding:clamp(4px,.35vw,10px)}
.site-fluid .site-head .main-nav.nav-enhanced>a,.site-fluid .site-head .main-nav.nav-enhanced .nav-dropdown>summary{font-size:clamp(13px,.95vw,30px);min-height:clamp(40px,3.4vw,88px);padding-inline:clamp(8px,.85vw,28px);gap:clamp(6px,.45vw,16px)}
.site-fluid .site-head .nav-index{font-size:clamp(9px,.6vw,18px)}
.site-fluid .site-head .head-contact{font-size:clamp(12px,.8vw,25px);min-height:clamp(40px,3.4vw,88px);padding-inline:clamp(10px,1vw,34px)}
.site-fluid .site-head .head-actions{gap:clamp(8px,.65vw,24px)}
.site-fluid .site-head .head-search-toggle{width:clamp(40px,3vw,88px);height:clamp(40px,3.4vw,88px)}
.site-fluid .site-head .search-icon{font-size:clamp(15px,1vw,28px);width:1em;height:1em;border-width:clamp(2px,.12vw,3px)}
.site-fluid .site-head .search-icon::after{top:75%;left:75%;width:.53em;height:clamp(2px,.12vw,3px)}
.site-fluid .site-head .head-search-panel{right:var(--page-gutter);width:clamp(300px,24vw,660px);max-width:calc(100% - 2 * var(--page-gutter))}
.site-fluid .site-head .nav-search-form input{font-size:max(16px,var(--page-text))}
.site-fluid .site-head .main-nav.nav-enhanced .nav-dropdown-menu{width:clamp(300px,23vw,680px);max-height:calc(100dvh - 160px)}
.site-fluid .site-head .nav-dropdown-menu strong{font-size:var(--page-text)}
.site-fluid .site-head .nav-dropdown-menu small{font-size:var(--page-small)}
.site-fluid :is(.page-intro,.content-intro,.content-detail-header,.contact-command-hero){padding-block:var(--page-space);gap:clamp(24px,4vw,120px)}
.site-fluid :is(.page-intro h1,.content-intro h1,.content-detail-header h1,.content-empty h1,.contact-command-copy h1){font-size:var(--page-h1);max-width:18em;letter-spacing:-.035em}
.site-fluid :is(.page-intro>p,.content-intro>p,.content-detail-header>p,.contact-command-copy>p){font-size:var(--page-text);max-width:36em;line-height:1.85}
.site-fluid :is(.section-head h2,.home-content-heading h2,.service-overview h2,.service-cta h2,.availability h2,.solution-note h2,.hub-combination h2,.contact-service-select h2){font-size:var(--page-h2);line-height:1.35}
.site-fluid :is(.detail-row h3,.service-step h3,.principle h3,.solution-card h2,.service-detail-item h3,.flow-list h3,.content-prose h2){font-size:var(--page-h3)}
.site-fluid :is(.eyebrow,.content-eyebrow,.detail-label,.section-head>span,.content-card-meta,.content-detail-meta,.content-count,.intro-kicker,.profile-facts span,.step-number){font-size:var(--page-small);line-height:1.6}
.site-fluid :is(.about-profile p,.principle p,.service-overview p,.detail-row p,.service-step p,.solution-card p,.solution-note p,.hub-combination p,.contact-command-channel p,.contact-command-proof span,.flow-list p,.deliverable-list li,.service-detail-item p,.service-detail-item li,.content-prose p,.content-prose li,.content-card-summary){font-size:var(--page-text);line-height:1.85}
.site-fluid :is(.about-grid,.service-overview,.solution-grid,.content-project-grid,.service-flow-grid,.principles,.contact-command-hero){gap:clamp(16px,2vw,60px)}
.site-fluid :is(.about-profile,.about-statement,.principle,.service-overview-copy,.service-overview-side,.solution-card,.contact-command-channel,.service-step){padding:clamp(22px,2.8vw,88px);min-height:0}
.site-fluid .about-statement p{font-size:clamp(28px,2.7vw,86px)}
.site-fluid .about-statement small{position:static;display:block;margin-top:2em;font-size:var(--page-small)}
.site-fluid .about-profile h2,.site-fluid .contact-command-channel h2{font-size:var(--page-h3)}
.site-fluid .profile-facts strong{font-size:var(--page-small)}
.site-fluid :is(.service-section,.service-flow,.service-detail,.contact-service-select){margin-block:var(--page-space)}
.site-fluid :is(.service-cta,.availability,.solution-note,.hub-combination){gap:24px;padding:clamp(22px,3vw,96px);margin-block:var(--page-space)}
.site-fluid .detail-row{gap:clamp(16px,2vw,64px);padding-block:clamp(24px,3vw,88px)}
.site-fluid :is(.detail-row>span,.service-chip,.contact-service-select-list small,.content-filters button,.content-card-link,.content-back a,.links-apply-open){font-size:var(--page-small)}
.site-fluid :is(.content-project-card strong,.article-main strong,.contact-service-select-list strong){font-size:var(--page-h3)}
.site-fluid .article-main>span,.site-fluid .content-prose .content-lead{font-size:var(--page-text)}
.site-fluid .content-detail-layout{grid-template-columns:minmax(160px,.22fr) minmax(0,1fr);gap:clamp(28px,4vw,120px);padding-block:var(--page-space)}
.site-fluid .content-prose{max-width:76ch}
.site-fluid :is(.content-toc nav a,.content-adjacent strong,.content-adjacent small,.content-prose .content-note){font-size:var(--page-small)}
.site-fluid .content-article-row{grid-template-columns:minmax(32px,4vw) minmax(0,1fr) 28px;gap:clamp(14px,2vw,64px);padding-block:clamp(24px,3vw,80px)}
.site-fluid .content-article-row .article-main{max-width:none}
.site-fluid :is(.contact-command-channel>a,.service-cta>a,.availability>a,.solution-note>a,.hub-combination>a,.content-button){font-size:var(--page-text);min-height:44px;max-width:100%;white-space:normal}
.site-fluid .page-foot{width:calc(100% - 2 * var(--page-gutter));max-width:none;margin-inline:auto;padding-block:clamp(24px,3vw,88px);font-size:var(--page-small);line-height:1.7}
.site-fluid .page-foot-main,.site-fluid .page-foot-legal{font-size:var(--page-small);gap:12px 24px;flex-wrap:wrap;overflow-wrap:anywhere}
.site-fluid .page-foot-main{align-items:center}
.site-fluid .page-foot-links{flex-wrap:wrap}
.site-fluid .friend-links{width:100%}
.site-fluid .friend-links h2{font-size:var(--page-h3)}
.site-fluid .friend-image strong,.site-fluid .friend-links-head p,.site-fluid .friend-links-actions>a{font-size:var(--page-small)}
.site-fluid :is(.links-intro h1,.links-apply h2){font-size:var(--page-h1)}
.site-fluid .links-intro p{font-size:var(--page-text)}
.site-fluid :is(.links-dialog,.modal-dialog){width:min(720px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto}
.site-fluid .links-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.site-fluid :is(.links-form input,.links-form textarea){font-size:max(16px,var(--page-text));min-width:0}

/* CMS templates retain their program tags and use the same dark visual system. */
.cms-inner{display:flex;flex-direction:column;min-height:100dvh}
.cms-inner .cms-page-main{flex:1;width:100%;padding-block:var(--page-space)}
.cms-inner .cms-page-main .container{width:100%;max-width:none;padding:0;margin:0}
.cms-inner .main.w1200{width:calc(100% - 2 * var(--page-gutter));max-width:none;margin-inline:auto}
.cms-inner .article.w1{width:100%;float:none}
.cms-inner .archive-top{margin-bottom:clamp(24px,4vw,112px)}
.cms-inner .archive-title h1,.cms-inner .article-tit{margin:0 0 .5em;font-size:var(--page-h1);line-height:1.25;color:#f2f5f3;max-width:22em}
.cms-inner .archive-description{max-width:65ch;font-size:var(--page-text);color:#a6b7bb}
.cms-inner .bnBox{display:none}
.cms-inner .subcate{margin-bottom:clamp(24px,3vw,80px)}
.cms-inner .subcate ul{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.cms-inner .subcate a{display:block;padding:.55em 1em;border:1px solid #344943;border-radius:4px;font-size:var(--page-small);min-height:44px}
.cms-inner .subcate .active a,.cms-inner .subcate a:hover{color:#9be8d9;background:#142c27;border-color:#72bdaa}
.cms-inner :is(.PostShow,.PostNews)>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,64px);list-style:none;margin:0;padding:0}
.cms-inner :is(.PostShow,.PostNews)>ul>li{width:auto;float:none;min-width:0;padding:0 0 1.4em;margin:0;border-bottom:1px solid #34403c}
.cms-inner .post-img{overflow:hidden;border-radius:5px;background:#111c20;aspect-ratio:16/10;margin-bottom:1em}
.cms-inner .post-img a{display:block;width:100%;height:100%;float:none}
.cms-inner .post-img img{display:block;width:100%;height:100%;object-fit:cover}
.cms-inner .post-img .fa{display:none}
.cms-inner .post h4{margin:.5em 0;font-size:var(--page-h3);line-height:1.4;font-weight:600}
.cms-inner .post :is(p,i:not(.fa)){display:block;margin:.6em 0 0;color:#99acb1;font:inherit;font-size:var(--page-text);line-height:1.75}
.cms-inner .post :is(.time,li>span){font-size:var(--page-small);color:#86a79d;margin-right:1em}
.cms-inner .text-center{text-align:center;margin-top:clamp(24px,4vw,100px)}
.cms-inner .pagination{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0}
.cms-inner .pagination :is(a,span){display:block;padding:.4em .9em;border:1px solid #344943;border-radius:3px;font-size:var(--page-small)}
.cms-inner .pagination .active span{background:#204038;color:#9ef4df}
.cms-inner .tabs-group{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 20px;margin-top:24px;align-items:start}
.cms-inner .tabs-group .title{float:none;width:auto;padding:.4em 0;font-size:var(--page-small)}
.cms-inner .tabs-group .content{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.cms-inner .tabs-group .content>li{float:none;padding:0}
.cms-inner .tabs-group .content>li>a{color:#cad9d3;padding:.4em .75em;font-size:var(--page-small)}
.cms-inner .tabs-group .content>.active>a{background:#203d35;color:#9ef4df}
.cms-inner .article-box{margin-block:clamp(24px,4vw,100px);padding-top:clamp(20px,3vw,80px);border-top:1px solid #34403c}
.cms-inner .article-top{margin-bottom:clamp(24px,3vw,76px)}
.cms-inner .article-mt{display:flex;gap:10px 24px;flex-wrap:wrap;font-size:var(--page-small);color:#8ba9a0}
.cms-inner .article-main{display:block;width:100%;max-width:82ch;margin:0 auto;line-height:1.9;font-size:var(--page-text);color:#c1cdcc}
.cms-inner .article-main :is(p,li){font-size:inherit;line-height:1.9}
.cms-inner .article-main strong{font-size:inherit}
.cms-inner .article-main :is(h1,h2){font-size:var(--page-h2);margin:1.6em 0 .7em;color:#f1f5f0}
.cms-inner .article-main :is(h3,h4,h5){font-size:var(--page-h3);margin:1.5em 0 .65em;color:#e2eae6}
.cms-inner .article-main [style*="font-size"]{font-size:inherit!important}
.cms-inner .article-main :is(img,video){max-width:100%!important;height:auto!important}
.cms-inner .article-main iframe{width:100%;aspect-ratio:16/9;height:auto}
.cms-inner .article-main :is(pre,.cms-table-scroll){max-width:100%;overflow:auto;padding:1em;background:#101c20;border:1px solid #344943;border-radius:4px}
.cms-inner .article-main table{border-collapse:collapse;min-width:100%;font-size:var(--page-small)}
.cms-inner .article-main :is(th,td){padding:.65em .9em;border:1px solid #344943;text-align:left}
.cms-inner .article-main blockquote{margin:1.5em 0;padding:.5em 1.2em;border-left:2px solid #72bdaa;background:#14231f}
.cms-inner :is(.prev,.next){padding:.75em 0;font-size:var(--page-small);border-top:1px solid #34403c}
.cms-inner form :is(input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),textarea,select){width:100%;max-width:100%;min-width:0;padding:.7em .9em;border:1px solid #3a5048;border-radius:4px;background:#101c20;color:#e0e9e6;font-size:max(16px,var(--page-text));line-height:1.5}
.cms-inner form :is(input,textarea,select):focus-visible{outline:2px solid #72bdaa;outline-offset:2px}
.cms-inner form :is(button,input[type="submit"]){min-height:44px;padding:.65em 1.4em;border:1px solid #699785;border-radius:4px;background:#19352b;color:#d9f2e7;font-size:var(--page-text);cursor:pointer}
.cms-inner #saypl{max-width:56ch}
.cms-inner #saypl>ul{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cms-inner #saypl>ul>li:last-child:has(.codeimg){grid-column:1/-1;max-width:32ch}
.cms-inner #saypl input[name="captcha"]{padding-right:120px}
.cms-inner .search-container{max-width:56ch;margin:0 auto var(--page-space)}
.cms-inner .search-container>div{width:100%;margin:0;padding:0}
.cms-inner .input-group{display:flex;gap:12px;align-items:stretch}
.cms-inner .input-group input{flex:1}
.cms-inner .input-group-btn{flex:0 0 auto}
.cms-inner .input-group button{height:100%}
.cms-inner .media{display:flex;align-items:flex-start;gap:14px;padding-block:22px;border-top:1px solid #34403c}
.cms-inner .media>img{flex:0 0 32px;width:32px;height:32px!important;border-radius:50%}
.cms-inner .media-body{flex:1;min-width:0}
.cms-inner .media h5{font-size:var(--page-text);margin:0 0 .6em}
.cms-inner .media p{margin:.5em 0}
.cms-inner .badge{font-size:var(--page-small);color:#90b1a6}
.cms-inner .form-group{margin-bottom:16px}
.cms-inner .row{display:flex;gap:14px;flex-wrap:wrap}
.cms-inner .row>div{flex:1;min-width:0}
.cms-inner .modal{display:none;position:fixed;inset:0;z-index:1055;padding:20px;overflow:auto;background:rgba(0,0,0,.6)}
.cms-inner .modal-dialog{margin:5vh auto;background:#111d21;border:1px solid #344943;border-radius:6px}
.cms-inner :is(.modal-header,.modal-body,.modal-footer){padding:20px}
.cms-inner :is(.modal-header,.modal-footer){display:flex;gap:16px;align-items:center;justify-content:space-between}
.cms-inner .modal-title{margin:0;font-size:var(--page-h3)}
.cms-inner .cms-footer{display:block;border-top:1px solid #34403c}
.cms-inner .cms-footer-links{display:flex;align-items:baseline;gap:24px;margin-bottom:20px}
.cms-inner .cms-footer-links>div{display:flex;flex-wrap:wrap;gap:8px 24px}
.cms-inner .page-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:20px;border-top:1px solid #263832}
.cms-inner .page-foot-legal{display:flex;flex:1;margin:0;padding:0;border:0}
.cms-inner .footer-back-top{flex:0 0 auto;white-space:nowrap}
@media(min-width:1800px){.cms-inner :is(.PostShow,.PostNews)>ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){
  .cms-inner :is(.PostShow,.PostNews)>ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-fluid .detail-row{grid-template-columns:80px minmax(0,1fr)}
  .site-fluid .detail-row>ul{grid-column:2}
}
@media(min-width:981px) and (max-width:1180px){
  .site-fluid .site-head .head-inner{gap:10px}
  .site-fluid .site-head .main-nav.nav-enhanced>a,.site-fluid .site-head .main-nav.nav-enhanced .nav-dropdown>summary{padding-inline:6px;font-size:13px;gap:6px}
}
@media(max-width:980px){
  .site-fluid .site-head .main-nav.nav-enhanced{margin:0;padding:12px var(--page-gutter) 18px;max-height:calc(100dvh - 80px)}
  .site-fluid .site-head .main-nav.nav-enhanced>a,.site-fluid .site-head .main-nav.nav-enhanced .nav-dropdown>summary{font-size:16px;min-height:48px}
  .site-fluid .site-head .main-nav.nav-enhanced .nav-dropdown-menu{width:100%;max-height:none}
  .site-fluid .content-intro{grid-template-columns:minmax(0,1fr)}
  .site-fluid .content-intro>p{max-width:45em}
}
@media(max-width:760px){
  body.site-fluid :is(.hub-hero,.contact-command-hero){grid-template-columns:minmax(0,1fr)}
  body.site-fluid main.page-shell>.page-intro,body.site-fluid.service-page .service-hero{min-height:0}
  .site-fluid .site-head .head-inner{height:64px;gap:8px}
  .site-fluid .site-head .brand-emblem{width:32px;height:32px}
  .site-fluid .site-head .brand-name{font-size:22px}
  .site-fluid .site-head .brand-tag{font-size:7px}
  .site-fluid .site-head .head-contact{font-size:10px;padding-inline:8px;min-height:38px}
  .site-fluid .site-head .head-search-toggle,.site-fluid .site-head .nav-menu-toggle{width:36px;height:38px;min-height:38px;padding:0}
  .site-fluid .site-head .nav-menu-text{display:none}
  .site-fluid :is(.about-grid,.service-overview,.solution-grid,.content-project-grid,.contact-command-hero,.contact-service-select,.principles,.service-flow-grid){grid-template-columns:minmax(0,1fr)}
  .site-fluid .service-detail-item{grid-template-columns:minmax(0,1fr)}
  .site-fluid .content-detail-layout{display:block}
  .site-fluid .content-toc{position:static!important;margin-bottom:24px}
  .site-fluid :is(.service-cta,.availability,.solution-note,.hub-combination){flex-direction:column;align-items:stretch}
  .site-fluid .detail-row{grid-template-columns:minmax(0,1fr)}
  .site-fluid .detail-row>ul{grid-column:auto}
  .site-fluid .flow-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-fluid .content-adjacent{grid-template-columns:minmax(0,1fr)}
  .site-fluid .content-adjacent a+a{border-left:0;padding-left:0}
  .site-fluid .page-foot-main{flex-direction:column;align-items:flex-start}
  .site-fluid .page-foot-legal{display:flex}
  .site-fluid .links-form-grid{grid-template-columns:minmax(0,1fr)}
  .cms-inner #saypl>ul{grid-template-columns:minmax(0,1fr)}
  .cms-inner .cms-footer-links{gap:16px}
  .cms-inner .page-foot-bottom{align-items:flex-start;gap:16px}
}
@media(max-width:620px){.cms-inner :is(.PostShow,.PostNews)>ul{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){.site-fluid .site-head[data-cms-header] .head-contact::after{content:attr(data-short-label)}.site-fluid .flow-list{grid-template-columns:minmax(0,1fr)}}

/* Original homepage and interactive concept previews use the same fluid scale. */
.site-fluid.home-redesign .home-hero{height:auto;min-height:calc(100dvh - 96px);padding:var(--page-space) var(--page-gutter) 100px}
.site-fluid.home-redesign .hero-copy h1{font-size:var(--page-h1)}
.site-fluid.home-redesign .hero-statement{font-size:var(--page-h2);white-space:normal}
.site-fluid.home-redesign .hero-lead{font-size:var(--page-text)}
.site-fluid.home-redesign .home-section{width:calc(100% - 2 * var(--page-gutter));max-width:none}
.site-fluid :is(.steam,.motion-site) .wrap{width:calc(100% - 2 * var(--page-gutter));max-width:none}
.site-fluid :is(.steam,.motion-site) .nav{gap:24px;flex-wrap:wrap;padding-block:20px}
.site-fluid :is(.steam,.motion-site) .nav nav{display:flex;gap:16px;flex-wrap:wrap}
.site-fluid :is(.steam,.motion-site) .nav a{font-size:var(--page-small)}
.site-fluid :is(.steam,.motion-site) .brand small{font-size:var(--page-small)}
.site-fluid :is(.steam,.motion-site) .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,120px);padding-block:var(--page-space)}
.site-fluid :is(.steam,.motion-site) h1{font-size:var(--page-h1)}
.site-fluid :is(.steam,.motion-site) .hero p{font-size:var(--page-text);max-width:35em}
.site-fluid :is(.steam,.motion-site) .cards{gap:clamp(16px,2vw,60px)}
.site-fluid :is(.steam,.motion-site) .card{padding:clamp(20px,2vw,60px)}
.site-fluid :is(.steam,.motion-site) .card b{font-size:var(--page-h3)}
.site-fluid :is(.steam,.motion-site) .card p{font-size:var(--page-text)}
.site-fluid :is(.steam,.motion-site) .card span,.site-fluid :is(.steam,.motion-site) .foot{font-size:var(--page-small)}
.site-fluid :is(.steam,.motion-site) .art{width:100%;max-width:960px}
.site-fluid :is(.steam,.motion-site) .machine{width:min(100%,960px)}
@media(max-width:760px){
  .site-fluid :is(.steam,.motion-site) .hero{grid-template-columns:minmax(0,1fr)}
  .site-fluid :is(.steam,.motion-site) .cards{grid-template-columns:minmax(0,1fr)}
  .site-fluid :is(.steam,.motion-site) .card:nth-child(n+3){display:block}
  .site-fluid :is(.steam,.motion-site) .foot{flex-wrap:wrap;gap:14px}
  .site-fluid.home-redesign .home-hero-inner{grid-template-columns:minmax(0,1fr)}
}