/* Unified project modules and alignment tokens. */
body.control-theme{--card-radius:11px;--card-gap:22px;--card-pad:26px}
.control-theme main{width:100%;max-width:1400px}.control-theme main>section{padding-left:5%;padding-right:5%;min-width:0}.control-theme main>section>*{min-width:0}.control-theme main h1:not(.control-hero h1){font-size:clamp(38px,4.9vw,64px);line-height:1.13;letter-spacing:-2px}.control-theme h3{line-height:1.3}.control-theme .button,.control-theme .smallbtn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.35}.control-theme .button span{margin-left:0}.control-theme .headercta,.control-theme .menutoggle{min-height:38px}.control-theme .sectionhead{align-items:end}.control-theme .project-responsibilities{line-height:1.4}
.control-theme .brand-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--card-gap);align-items:stretch;margin-top:38px}.control-theme .brand-project-card{border:1px solid #718daa45;border-radius:var(--card-radius);overflow:hidden;display:flex;flex-direction:column;min-width:0}.control-theme .brand-project-cover{height:235px;display:flex;position:relative;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 20%,#304c6c66,transparent 80%),#0b1524;overflow:hidden;padding:17px}.control-theme .brand-project-cover img{width:100%;height:100%;object-fit:contain;transition:transform .65s;min-width:0}.control-theme .brand-project-card:hover .brand-project-cover img{transform:scale(1.025)}.control-theme .brand-project-cover>span{position:absolute;bottom:12px;left:14px;right:14px;background:#09111beb;border:1px solid #8faac63a;color:#b5d4e4;padding:7px 9px;border-radius:4px;font-size:9px;line-height:1.4;backdrop-filter:blur(9px)}.control-theme .brand-project-info{padding:var(--card-pad);display:flex;flex-direction:column;flex:1}.control-theme .brand-project-info>.eyebrow{font-size:8px;margin-bottom:16px;letter-spacing:.8px;min-height:12px}.control-theme .brand-project-info>h2{font-size:25px;letter-spacing:-.7px;line-height:1.2;min-height:60px}.control-theme .brand-project-info>p{font-size:13px;margin:15px 0 20px;min-height:69px}.control-theme .brand-project-info>.project-responsibilities{margin:0 0 24px;min-height:58px;align-content:start}.control-theme .brand-project-info>.button{margin-top:auto;align-self:stretch;font-size:12px}.control-theme .portfolio-links{display:flex;gap:12px;flex-wrap:wrap}.control-theme .portfolio-master .socialtotals{margin:26px 0 10px;color:#a7c4da}.control-theme .home-brand-showcase>.actions{margin-top:32px}
.control-theme .brand-case-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}.control-theme .brand-hero-copy>.textlink{display:inline-block;margin-bottom:32px;font-size:12px}.control-theme .brand-hero-copy>p{max-width:600px;font-size:16px}.control-theme .brand-hero-copy h1{overflow-wrap:anywhere}.control-theme .brand-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px 0;margin:24px 0;border-block:1px solid #7c99ba33}.control-theme .brand-facts small{display:block;font:9px ui-monospace,monospace;letter-spacing:1px;color:#8aa3be;margin-bottom:8px}.control-theme .brand-facts strong{font-size:12px;line-height:1.5;font-weight:500}.control-theme .brand-hero-art{border:1px solid #89a9c844;border-radius:13px;overflow:hidden;position:relative;background:linear-gradient(135deg,#20364d,#0c1628);animation:brand-module-glow 12s ease-in-out infinite}.control-theme .brand-hero-art>img{display:block;object-fit:contain;width:100%;height:350px;padding:24px;object-position:top}.control-theme .brand-wordmark{display:block;padding:18px 24px;border-top:1px solid #7d9db33b;font:500 19px 'Space Grotesk',sans-serif;color:#d0e0f0}.control-theme .brand-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--card-gap)}.control-theme .brand-overview-grid article{padding:var(--card-pad);border:1px solid #7291b440;border-radius:var(--card-radius);background:#132238a8}.control-theme .brand-overview-grid article>span{font:9px ui-monospace,monospace;color:#8caccc;letter-spacing:1px}.control-theme .brand-overview-grid h3{font-size:23px;letter-spacing:-.7px;margin-top:24px}.control-theme .brand-overview-grid p{font-size:13px;margin-bottom:0}
.control-theme .brand-browser{max-width:980px;margin:auto;border:1px solid #84a3c84f;border-radius:11px;overflow:hidden;background:#0c1625;box-shadow:0 20px 50px #0004}.control-theme .brand-browser .browserbar{display:flex;align-items:center;gap:6px;padding:15px 18px;background:#111f31;font-size:10px}.control-theme .brand-browser .browserbar i{width:5px;height:5px;background:#7d94ac;border-radius:50%}.control-theme .brand-browser .browserbar span{margin-left:15px;color:#a2b9d0}.control-theme .brand-browser-scroll{max-height:540px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#7cacbd #132033}.control-theme .brand-browser-scroll img{width:100%;height:auto;display:block}.control-theme .brand-website>.actions{justify-content:center;margin-top:28px}
.control-theme .brand-image-grid,.control-theme .brand-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--card-gap);align-items:stretch}.control-theme .brand-image-grid>button{margin:0;display:flex;flex-direction:column;border:1px solid #789ab440;border-radius:var(--card-radius);padding:0;background:#111d30;text-align:left;color:#d7e8f5;overflow:hidden;width:100%;min-width:0;cursor:pointer;transition:border-color .25s,box-shadow .25s}.control-theme .brand-image-grid>button:hover{border-color:#acd8df9c;box-shadow:0 10px 30px #0003}.control-theme .brand-image-grid>button>img{display:block;width:100%;height:320px;object-fit:contain!important;padding:12px;background:#0c1524;aspect-ratio:auto;object-position:center}.control-theme .brand-image-grid>button>span{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:73px;padding:18px 20px;font-size:12px;line-height:1.55;background:#122033}.control-theme .brand-image-grid small{display:block;font-size:10px;color:#85adc8;margin-top:7px}.control-theme .brand-video-card{min-width:0;border:1px solid #789ab440;border-radius:var(--card-radius);background:linear-gradient(150deg,#15243a,#0d1829);display:flex;flex-direction:column;overflow:hidden}.control-theme .video-launch{position:relative;display:block;width:100%;height:250px;padding:15px;background:#0a1421;border:0;cursor:pointer;color:#effaff}.control-theme .video-launch>img{display:block;width:100%;height:100%;object-fit:contain;transition:filter .3s}.control-theme .video-launch:hover>img{filter:brightness(.8)}.control-theme .video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:#0c1a2bd9;border:1px solid #b2e2eabc;color:#c7f5f6;font-size:17px;backdrop-filter:blur(10px);box-shadow:0 0 25px #91d7ec17}.control-theme .video-type{position:absolute;bottom:12px;left:14px;right:14px;border:1px solid #769eb63b;border-radius:4px;background:#09111beb;padding:7px 9px;text-align:left;font:8px/1.5 ui-monospace,monospace;letter-spacing:.5px;color:#b2cbde}.control-theme .video-card-copy{display:flex;flex-direction:column;flex:1;padding:23px}.control-theme .video-card-copy>span{font:8px ui-monospace,monospace;letter-spacing:1px;color:#86b2cc}.control-theme .video-card-copy>h3{font-size:21px;letter-spacing:-.5px;margin:14px 0 0;min-height:55px;overflow-wrap:anywhere}.control-theme .video-card-copy>p{font-size:12px;margin:14px 0 20px;flex:1}.control-theme .video-card-copy>.textlink{margin-top:auto;text-align:left;border:0;background:none;padding:0;font-size:12px;align-self:flex-start}
.control-theme dialog.video-viewer{width:min(1000px,92vw);max-width:none;max-height:92svh;overflow:auto;padding:20px;border:1px solid #8ab6cf78;border-radius:12px;background:#0d1a2b;color:#edf7ff}.control-theme .video-viewer::backdrop{background:#020610dc;backdrop-filter:blur(10px)}.control-theme .video-modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 16px}.control-theme .video-modal-head h2{font-size:21px;line-height:1.3;letter-spacing:-.5px}.control-theme #video-viewer-player{display:block;width:100%;height:70svh;max-height:650px;object-fit:contain;background:#03080e;border-radius:6px}.control-theme .brand-project-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:stretch;border-top:1px solid #728fac36}.control-theme .brand-project-nav>.smallbtn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:18px 22px}.control-theme .brand-project-nav>.smallbtn:last-child{align-items:flex-end;text-align:right}.control-theme .brand-project-nav small{font:8px ui-monospace,monospace;color:#85b1cb;letter-spacing:1px}.control-theme .brand-project-nav strong{font-size:12px;line-height:1.4;font-weight:500}.control-theme .brand-project-nav>.button{align-self:center}
/* Shared card tracks keep titles, copy and actions aligned across older pages too. */
.control-theme .projects{align-items:stretch}.control-theme .project.reference-project{height:100%}.control-theme .project.reference-project .project-info{flex:1;justify-content:flex-start}.control-theme .project-info h3{min-height:34px}.control-theme .project-info p{flex:1}.control-theme .project-info>a{margin-top:auto}.control-theme .system-services,.control-theme .lab-grid,.control-theme .servicegrid,.control-theme .whygrid,.control-theme .architecturegrid,.control-theme .processgrid{align-items:stretch;gap:var(--card-gap)}.control-theme .system-service>h3,.control-theme .lab-card>h3{min-height:60px}.control-theme .system-service>.textlink{margin-top:22px;min-height:20px}.control-theme .system-service>p{min-height:70px}.control-theme .lab-card{display:flex;flex-direction:column}.control-theme .lab-card>p{min-height:63px}.control-theme .lab-card .lab-flow{margin-top:auto}.control-theme .about-help-grid article{display:flex;flex-direction:column;height:100%}.control-theme .about-help-grid article h3{min-height:55px}.control-theme .about-help-grid article p{flex:1;margin-bottom:0}.control-theme .stacktool{min-width:0}.control-theme .stacktool h3{font-size:21px;line-height:1.3;letter-spacing:-.5px}.control-theme .stacktool p{line-height:1.7}.control-theme .processgrid li h3{font-size:21px;line-height:1.3}.control-theme .processgrid li p{font-size:12px;line-height:1.75}.control-theme .contact input,.control-theme .contact select{min-height:46px}.control-theme .sitefooter{max-width:1400px;width:100%;margin:auto}.control-theme img{max-width:100%}.control-theme .film video,.control-theme .brandfilm video{object-fit:contain!important}.control-theme .film>div,.control-theme .brandfilm>div{display:flex;flex-direction:column;flex:1}.control-theme .film,.control-theme .brandfilm{display:flex;flex-direction:column;height:100%}.control-theme .film h3,.control-theme .brandfilm h3{font-size:21px;line-height:1.3;min-height:54px}.control-theme .site-motion-control{max-width:160px}.control-theme .socialbrandnav{min-width:0}.control-theme .brand-case-hero{animation:brand-module-open .6s ease both}
@keyframes brand-module-glow{50%{border-color:#9bcde180;box-shadow:0 0 35px #75a8d418}}@keyframes brand-module-open{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.control-theme .brand-project-grid,.control-theme .brand-image-grid,.control-theme .brand-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-theme .brand-case-hero{gap:35px}.control-theme .brand-hero-art>img{height:300px}.control-theme .brand-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.control-theme .brand-overview-grid article{padding:22px}.control-theme .brand-overview-grid h3{font-size:20px}.control-theme .brand-project-info>h2{font-size:24px}}
@media(max-width:760px){.control-theme main>section{padding-left:6%;padding-right:6%}.control-theme .brand-case-hero{grid-template-columns:1fr;gap:35px}.control-theme .brand-overview-grid{grid-template-columns:1fr}.control-theme .brand-project-grid{gap:18px}.control-theme .brand-project-info{padding:22px}.control-theme .brand-project-info>h2{font-size:22px;min-height:53px}.control-theme .brand-project-cover{height:220px}.control-theme .brand-image-grid>button>img{height:290px}.control-theme .brand-project-nav{grid-template-columns:1fr 1fr;gap:15px}.control-theme .brand-project-nav>.button{grid-column:1/-1;grid-row:2;justify-self:center}.control-theme .brand-browser-scroll{max-height:440px}.control-theme .brand-project-info>p{min-height:92px}.control-theme .brand-project-info>.project-responsibilities{min-height:86px}.control-theme .video-launch{height:220px}.control-theme .video-modal-head h2{font-size:17px}.control-theme .video-modal-head .smallbtn{font-size:11px;padding:10px;flex-shrink:0}}
@media(max-width:560px){.control-theme .brand-project-grid,.control-theme .brand-image-grid,.control-theme .brand-video-grid{grid-template-columns:1fr}.control-theme .brand-project-info>h2,.control-theme .brand-project-info>p,.control-theme .brand-project-info>.project-responsibilities{min-height:0}.control-theme .brand-project-cover{height:260px}.control-theme .brand-project-info>h2{font-size:26px}.control-theme .brand-image-grid>button>img{height:340px}.control-theme .brand-facts{gap:17px}.control-theme .brand-facts strong{font-size:11px}.control-theme .brand-hero-art>img{height:310px}.control-theme .video-launch{height:280px}.control-theme .video-card-copy>h3{min-height:0}.control-theme .brand-project-nav .smallbtn{padding:16px 14px}.control-theme .brand-project-nav strong{font-size:11px}.control-theme .contact form{padding:20px}.control-theme .brand-project-info>.button{margin-top:8px}.control-theme .system-service>h3,.control-theme .lab-card>h3,.control-theme .system-service>p,.control-theme .lab-card>p{min-height:0}.control-theme #video-viewer-player{height:64svh}.control-theme .portfolio-links .smallbtn{font-size:11px}.control-theme main h1:not(.control-hero h1){font-size:38px}.control-theme .brand-project-nav{padding-bottom:80px}}
@media(prefers-reduced-motion:reduce){.control-theme .brand-case-hero,.control-theme .brand-hero-art{animation:none}.control-theme .brand-project-cover img{transition:none}.control-theme .brand-project-card:hover .brand-project-cover img{transform:none}}
.control-theme .brand-toolkit{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:20px;padding:14px 16px;border:1px solid #7394b33b;border-radius:7px;background:#101e30}.control-theme .brand-toolkit small{font:8px ui-monospace,monospace;letter-spacing:1px;color:#80a9c2}.control-theme .brand-toolkit span{font-size:11px;color:#c2d9e8}.control-theme .brand-toolkit a{font-size:10px;color:#9fc9db}
.control-theme .brand-project-cover img[src^="assets/sites/"]{object-fit:cover;object-position:top}.control-theme .brand-hero-art>img[src^="assets/sites/"]{object-fit:cover;object-position:top;padding:22px}.control-theme .brand-project-nav .button{white-space:normal}