/* Be Vietnam Pro provides complete Vietnamese glyph coverage while retaining a clean tech feel. */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');

:root { color-scheme: dark; --ink:#e8fbff; --muted:#9abdc9; --cyan:#71e6fb; --line:rgba(96,219,248,.28); --deep:#050a13; --panel:#092d4a; --condensed:'Be Vietnam Pro',Arial,sans-serif; --body:'Be Vietnam Pro',Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { min-width:320px; margin:0; color:var(--ink); background:var(--deep); font-family:var(--body); }
a { color:inherit; }
button, input, textarea, select { font:inherit; }
button { cursor:pointer; }
.site-shell { position:relative; max-width:1180px; min-height:100vh; margin:0 auto; padding:0 clamp(18px,4vw,52px) 0; overflow:hidden; background:linear-gradient(rgba(71,194,232,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(71,194,232,.045) 1px,transparent 1px),radial-gradient(ellipse 60% 31% at 83% 2%,rgba(4,160,211,.16),transparent 74%),radial-gradient(ellipse 53% 26% at 4% 73%,rgba(4,87,147,.15),transparent 74%),var(--deep); background-size:34px 34px,34px 34px,auto,auto,auto; }
.site-shell::before,.site-shell::after { content:''; position:absolute; z-index:0; top:0; bottom:0; width:1px; background:linear-gradient(transparent,rgba(92,224,255,.25) 7%,rgba(92,224,255,.10) 94%,transparent); pointer-events:none; }
.site-shell::before { left:clamp(18px,4vw,52px); }.site-shell::after { right:clamp(18px,4vw,52px); }
.site-header,.hero-section,.page-section,.contact-cta,.site-footer,.listing-page,.detail-page,.studio-page,.article-page,.brief-page,.not-found { position:relative; z-index:1; }
.site-header { min-height:76px; display:grid; grid-template-columns:1fr auto; align-items:center; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; font-size:13px; font-weight:500; letter-spacing:.22em; }.brand img{width:30px;height:30px;filter:drop-shadow(0 0 8px rgba(87,224,249,.25));}
.primary-nav { display:flex; align-items:center; gap:clamp(14px,2.5vw,27px); }.primary-nav a { color:#a6c9d5; text-decoration:none; font:500 11px/1 var(--condensed); letter-spacing:.16em; }.primary-nav a:hover,.primary-nav a.is-active { color:#d9fbff; }.primary-nav .nav-brief { color:#7ce8fb; }
.nav-toggle { display:none; padding:9px 10px; color:#bdf7ff; background:transparent; border:1px solid #4bd5ef; font:500 11px/1 var(--condensed); letter-spacing:.14em; }
.eyebrow { margin:0 0 20px; color:var(--cyan); font:500 11px/1 var(--condensed); letter-spacing:.24em; }
h1,h2,h3,p { margin-top:0; }h1,h2,h3 { font-weight:500; }h1 { margin-bottom:22px; color:#ebfcff; font:500 clamp(51px,6.5vw,84px)/.85 var(--condensed); letter-spacing:-.036em; text-transform:uppercase; }h2 { margin-bottom:0; color:#eafcff; font:500 clamp(38px,5vw,62px)/.88 var(--condensed); letter-spacing:-.025em; text-transform:uppercase; }

.hero-section { min-height:610px; padding:clamp(63px,9vw,108px) 0 clamp(70px,9vw,105px); display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:clamp(12px,2vw,24px); align-items:center; }.hero-section::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(99,224,255,.25) 12%,rgba(99,224,255,.25) 88%,transparent);pointer-events:none;}.axis-label{position:absolute;top:107px;left:0;color:#429bb9;writing-mode:vertical-rl;transform:rotate(180deg);font:500 10px/1 var(--condensed);letter-spacing:.25em;}.hero-copy{grid-column:2/span 6;min-width:0;position:relative;z-index:1;}.hero-copy>p:last-child{max-width:466px;margin-bottom:0;color:#a7c8d5;font-size:14px;line-height:1.75;}.hero-copy strong,.lab-intro strong{color:#dffaff;font-weight:500;}
.hero-modules{grid-column:9/-1;min-width:0;display:grid;gap:15px;position:relative;z-index:1;}.hero-module{min-width:0;display:grid;grid-template-columns:70px minmax(0,1fr);gap:13px;align-items:center;}.module-node{width:70px;height:70px;display:grid;place-items:center;color:#b9f8ff;background:linear-gradient(135deg,#0d6989,#092039);border:1px solid #5be1fb;box-shadow:inset 0 0 20px rgba(101,230,255,.17),0 0 0 6px rgba(64,207,242,.075),0 0 26px rgba(42,206,255,.18);font:500 16px/1 var(--condensed);letter-spacing:.08em;}.module-node.hex{clip-path:polygon(50% 0,91% 23%,91% 77%,50% 100%,9% 77%,9% 23%)}.module-node.circle{border-radius:50%}.module-node.oct{clip-path:polygon(28% 0,72% 0,100% 28%,100% 72%,72% 100%,28% 100%,0 72%,0 28%)}.module-bar{min-width:0;min-height:70px;padding:13px 31px 13px 20px;display:grid;align-content:center;color:#e0fbff;background:linear-gradient(90deg,rgba(10,62,91,.96),rgba(6,27,47,.97));border-top:1px solid #5ce4ff;border-bottom:1px solid #216f8a;clip-path:polygon(0 0,94% 0,100% 23%,100% 77%,94% 100%,0 100%,4% 50%);position:relative;}.module-bar::before,.service-rail>span:last-child::before{content:'';position:absolute;top:-4px;left:21px;width:35px;height:3px;background:#7fedff;box-shadow:7px 0 0 rgba(127,237,255,.38),14px 0 0 rgba(127,237,255,.18);}.module-bar small,.carousel-main small,.carousel-meta small,.service-rail small{color:#68e0f4;font:500 10px/1 var(--condensed);letter-spacing:.19em;}.module-bar b{margin-top:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:500 clamp(17px,2vw,23px)/1 var(--condensed);letter-spacing:.08em;}.hero-action{grid-column:2/span 5;align-self:end;margin-top:-50px;min-height:64px;padding:7px 13px 7px 7px;display:grid;grid-template-columns:48px minmax(0,1fr) 22px;gap:10px;align-items:center;color:#dcfbff;background:linear-gradient(90deg,#0a4263,#071a2e);outline:1px solid #4ad8f5;clip-path:polygon(0 0,94% 0,100% 23%,100% 77%,94% 100%,0 100%,5% 50%);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;position:relative;z-index:2;}.hero-action:hover{transform:translateX(4px);box-shadow:0 0 25px rgba(50,217,255,.26)}.action-node{width:43px;height:43px;display:grid;place-items:center;color:#dfffff;background:#0d4a68;border:1px solid #6de7fc;clip-path:polygon(50% 0,91% 23%,91% 77%,50% 100%,9% 77%,9% 23%);font:500 21px/1 var(--condensed)}.hero-action b{display:block;font:500 17px/1 var(--condensed);letter-spacing:.12em}.hero-action small{display:block;margin-top:5px;color:#83b6c7;font:500 10px/1 var(--condensed);letter-spacing:.14em}.hero-action i{color:#7deaff;font-style:normal;font-size:19px}

.page-section{padding-top:92px}.section-heading{display:grid;grid-template-columns:70px minmax(0,1fr);gap:13px;align-items:center;margin-bottom:clamp(34px,5vw,56px)}.section-heading>span{width:44px;height:44px;margin-left:13px;display:grid;place-items:center;color:#78eaff;background:#0a314d;border:1px solid #4dd6f5;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);font:500 11px/1 var(--condensed);letter-spacing:.08em}.section-heading>b{min-height:43px;padding:0 22px;display:flex;align-items:center;color:#baf3ff;background:linear-gradient(90deg,rgba(12,62,89,.82),rgba(8,27,46,.08));border-top:1px solid #3ca7c5;border-bottom:1px solid rgba(60,167,197,.38);clip-path:polygon(0 0,98% 0,100% 50%,98% 100%,0 100%,1.5% 50%);font:500 12px/1 var(--condensed);letter-spacing:.2em}.lab-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,2vw,24px);align-items:end;margin-bottom:28px}.lab-intro>div{grid-column:2/span 5}.lab-intro>p{grid-column:8/-2;max-width:456px;margin:0 0 3px;color:#9dbfcd;font-size:13px;line-height:1.75}
.experience-carousel{position:relative}.carousel-viewport{overflow:hidden}.carousel-track{display:flex;width:100%;transition:transform .38s cubic-bezier(.22,.7,.25,1)}.carousel-slide{width:100%;min-width:100%;padding:8px 0}.carousel-surface{min-height:216px;padding:clamp(27px,4vw,45px) clamp(31px,5vw,67px);display:grid;grid-template-columns:88px minmax(0,1fr) minmax(130px,.34fr);gap:clamp(20px,4vw,47px);align-items:center;background:linear-gradient(95deg,#0b486c,#092e4d 60%,#061a2e);border-top:1px solid #68e7ff;border-bottom:1px solid #2b91b1;clip-path:polygon(0 0,96.7% 0,100% 18%,100% 82%,96.7% 100%,0 100%,1.7% 50%);position:relative}.carousel-surface::before{content:'';position:absolute;top:-4px;left:52%;width:59px;height:3px;background:#78edff;box-shadow:9px 0 0 rgba(120,237,255,.46),18px 0 0 rgba(120,237,255,.2)}.carousel-surface::after{content:'';position:absolute;right:0;bottom:0;width:28%;height:1px;background:#62e5fc}.carousel-icon{width:86px;height:86px;display:grid;place-items:center;color:#c0f9ff;background:linear-gradient(135deg,#147a9c,#092f4d);border:1px solid #6ceaff;box-shadow:inset 0 0 24px rgba(112,234,255,.2),0 0 0 7px rgba(75,208,242,.08),0 0 29px rgba(44,212,255,.23);clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);font:500 20px/1 var(--condensed);letter-spacing:.08em}.carousel-main{min-width:0}.carousel-main h3{margin:9px 0 0;color:#f0fdff;font:500 clamp(34px,5.1vw,59px)/.88 var(--condensed);letter-spacing:.04em}.carousel-main p{max-width:465px;margin:13px 0 0;color:#a3c6d3;font-size:13px;line-height:1.6}.carousel-meta{min-width:0;padding-left:clamp(17px,3vw,36px);border-left:1px solid rgba(104,225,251,.5)}.carousel-meta b{display:block;margin-top:9px;color:#ddfaff;font:500 16px/1.15 var(--condensed);letter-spacing:.08em}.carousel-meta em{display:block;margin-top:12px;color:#90b6c4;font-size:11px;line-height:1.5;font-style:normal}.carousel-control{padding-top:23px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.carousel-progress{display:grid;grid-template-columns:42px 1fr 42px;gap:11px;align-items:center}.carousel-progress>span{color:#76eaff;font:500 12px/1 var(--condensed);letter-spacing:.12em}.carousel-progress>span:last-child{color:#6f98a9;text-align:right}.carousel-progress>div{height:3px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.carousel-progress button{height:3px;padding:0;border:0;background:rgba(87,185,209,.25)}.carousel-progress button[aria-current=true]{background:#70eaff;box-shadow:0 0 11px rgba(112,234,255,.64)}.carousel-arrows{display:flex;gap:10px}.carousel-arrows button{width:48px;height:48px;color:#a7f4ff;background:#0a314d;border:1px solid #4fd5f3;clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);font-size:19px;transition:transform .18s ease,background .18s ease,color .18s ease}.carousel-arrows button:hover{color:#052539;background:#7aeafa;transform:translateY(-2px)}.carousel-caption{min-height:27px;margin:17px 0 0;padding-left:17px;color:#89b6c4;border-left:1px solid #57d9f5;font:500 11px/1.45 var(--condensed);letter-spacing:.11em}.carousel-caption b{color:#71e7fb;font-weight:500}.text-link{display:inline-block;margin:31px 0 0 83px;color:#8eeeff;font:500 13px/1 var(--condensed);letter-spacing:.16em;text-decoration:none}.text-link:hover{color:#fff}

.formats-layout,.process-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,2vw,24px);align-items:center}.formats-copy,.process-copy{grid-column:2/span 4;min-width:0}.formats-copy p:last-child,.process-copy p:last-child{max-width:340px;margin:19px 0 0;color:#94b8c6;font-size:13px;line-height:1.72}.service-rails{grid-column:7/-1;display:grid;gap:16px;min-width:0}.service-rail{min-width:0;padding:0;display:grid;grid-template-columns:72px minmax(0,1fr);gap:13px;align-items:center;color:#e2fbff;background:transparent;border:0;text-align:left}.service-rail>span:first-child{width:72px;height:72px;display:grid;place-items:center;color:#b9f8ff;background:linear-gradient(135deg,#126d8d,#09233d);border:1px solid #60e1fa;box-shadow:inset 0 0 20px rgba(102,231,255,.17),0 0 0 6px rgba(63,205,241,.07);clip-path:polygon(50% 0,91% 23%,91% 77%,50% 100%,9% 77%,9% 23%);font:500 16px/1 var(--condensed);letter-spacing:.08em}.service-rail>span:last-child{min-width:0;min-height:84px;padding:14px 34px 14px 23px;display:grid;align-content:center;background:linear-gradient(90deg,rgba(10,62,91,.95),rgba(6,27,47,.94));border-top:1px solid #58def8;border-bottom:1px solid #236f89;clip-path:polygon(0 0,94.5% 0,100% 23%,100% 77%,94.5% 100%,0 100%,3% 50%);position:relative;transition:transform .18s ease,background .18s ease}.service-rail b{margin-top:6px;color:#e5fbff;font:500 clamp(22px,2.6vw,29px)/1 var(--condensed);letter-spacing:.07em}.service-rail em{margin-top:7px;color:#89b1c0;font-size:11px;line-height:1.3;font-style:normal}.service-rail:hover>span:last-child,.service-rail.is-active>span:last-child{transform:translateX(4px);background:linear-gradient(90deg,rgba(13,89,124,.98),rgba(7,37,61,.96))}.service-note{grid-column:7/-1;min-height:40px;margin:19px 0 0;padding:11px 18px;color:#93bcc9;background:rgba(7,30,50,.63);border-left:1px solid #58d9f5;border-bottom:1px solid rgba(88,217,245,.3);font:500 11px/1.45 var(--condensed);letter-spacing:.1em}.service-note b{color:#74e9ff;font-weight:500}
.process-copy{grid-column:2/span 4}.process-line{grid-column:7/-1;display:grid;gap:0}.process-line>div{min-width:0;min-height:88px;display:grid;grid-template-columns:62px minmax(0,1fr);gap:16px;align-items:start;position:relative}.process-line>div:not(:last-child)::after{content:'';position:absolute;left:30px;top:62px;bottom:-1px;width:1px;background:linear-gradient(#5be2fa,rgba(91,226,250,.15))}.process-line>div>span{width:61px;height:61px;display:grid;place-items:center;color:#aaf5ff;background:#0a3e5d;border:1px solid #56dbf5;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);font:500 15px/1 var(--condensed);letter-spacing:.08em}.process-line p{min-width:0;margin:2px 0 0;padding-bottom:20px;border-bottom:1px solid rgba(77,184,210,.24)}.process-line b{display:block;color:#dffaff;font:500 20px/1 var(--condensed);letter-spacing:.09em}.process-line em{display:block;margin-top:8px;color:#8ab2c1;font-size:11px;line-height:1.5;font-style:normal}
.contact-cta{margin:100px 0 0 7.8%;padding:44px clamp(23px,5vw,61px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:35px;align-items:center;background:linear-gradient(90deg,rgba(7,35,59,.97),rgba(11,74,105,.9) 54%,rgba(6,27,47,.95));border-top:1px solid #5ae3fc;border-bottom:1px solid #237b9e;clip-path:polygon(0 0,98% 0,100% 13%,100% 87%,98% 100%,0 100%,1.3% 50%);position:relative}.contact-cta::before{content:'';position:absolute;top:-3px;left:42%;width:75px;height:3px;background:#82efff;box-shadow:9px 0 0 rgba(130,239,255,.43),18px 0 0 rgba(130,239,255,.18)}.contact-cta h2{font-size:clamp(33px,4vw,50px)}.contact-cta a,.brief-form button{min-height:62px;padding:11px 20px;display:inline-flex;align-items:center;justify-content:center;gap:14px;color:#052033;background:#75e9fc;border:0;clip-path:polygon(0 0,93% 0,100% 23%,100% 77%,93% 100%,0 100%,6% 50%);font:500 15px/1 var(--condensed);letter-spacing:.12em;text-decoration:none;transition:transform .18s ease,background .18s ease}.contact-cta a:hover,.brief-form button:hover{background:#effeff;transform:translateX(4px)}.site-footer{margin-top:26px;padding:28px 7.8% 35px;display:grid;grid-template-columns:1fr auto;gap:21px;color:#7899a7;border-top:1px solid rgba(89,211,241,.18);font:500 10px/1.4 var(--condensed);letter-spacing:.16em}.site-footer strong{display:block;color:#b6eefa;font-size:13px}.site-footer span{display:block;margin-top:5px}.site-footer nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:15px}.site-footer a{color:#9fc9d5;text-decoration:none}.footer-contact{text-align:right}.site-footer p{grid-column:1/-1;margin:0;color:#658793}

.listing-page,.detail-page,.studio-page,.article-page,.brief-page,.not-found{padding:clamp(62px,9vw,112px) 7.8% 0}.listing-hero{max-width:820px}.listing-hero>p:last-child{max-width:620px;margin:0;color:#a2c4d0;font-size:15px;line-height:1.75}.content-grid,.posts-grid{margin-top:58px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.content-tile,.posts-grid article{min-height:260px;padding:29px;background:linear-gradient(135deg,rgba(10,58,86,.92),rgba(6,24,42,.93));border-top:1px solid #52dffb;border-bottom:1px solid #216f8b;clip-path:polygon(0 0,96% 0,100% 10%,100% 90%,96% 100%,0 100%,2% 50%);position:relative}.content-tile>span{width:51px;height:51px;display:grid;place-items:center;color:#c5f9ff;background:#0d5271;border:1px solid #61e4fd;clip-path:polygon(50% 0,91% 23%,91% 77%,50% 100%,9% 77%,9% 23%);font:500 14px/1 var(--condensed)}.content-tile small,.posts-grid small{display:block;margin-top:24px;color:#72e2f7;font:500 10px/1 var(--condensed);letter-spacing:.2em}.content-tile h2,.posts-grid h2{margin:8px 0 0;font:500 clamp(29px,4vw,42px)/.9 var(--condensed);letter-spacing:.05em}.content-tile p,.posts-grid p{max-width:520px;margin:13px 0 18px;color:#9dbdca;font-size:13px;line-height:1.6}.content-tile a,.posts-grid a{color:#80eaff;font:500 12px/1 var(--condensed);letter-spacing:.15em;text-decoration:none}.detail-hero{padding:clamp(33px,6vw,72px);display:grid;grid-template-columns:90px minmax(0,1fr);gap:clamp(25px,5vw,58px);align-items:center;background:linear-gradient(90deg,#0b486c,#092e4d 60%,#061a2e);border-top:1px solid #68e7ff;border-bottom:1px solid #2b91b1;clip-path:polygon(0 0,97% 0,100% 15%,100% 85%,97% 100%,0 100%,2% 50%)}.detail-index{width:86px;height:86px;display:grid;place-items:center;color:#c0f9ff;background:#126f90;border:1px solid #6ceaff;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);font:500 20px/1 var(--condensed)}.detail-hero>div>p:last-child{max-width:630px;margin:0;color:#a3c6d3;font-size:14px;line-height:1.7}.detail-content{padding:64px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,8vw,108px)}.detail-content h2{font-size:33px}.detail-content p{margin:16px 0 0;color:#99bbc8;font-size:14px;line-height:1.75}.process-cards{margin-top:55px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.process-cards article{min-height:220px;padding:22px 18px;background:rgba(7,37,61,.76);border-top:1px solid #4bd4ee;border-bottom:1px solid #1d708b}.process-cards span{color:#70e5fa;font:500 15px/1 var(--condensed);letter-spacing:.12em}.process-cards h2{margin:24px 0 0;font:500 24px/1 var(--condensed);letter-spacing:.08em}.process-cards p{margin:11px 0 0;color:#8fb4c2;font-size:12px;line-height:1.55}.article-page article{max-width:780px;margin:0 auto}.article-page h1{font-size:clamp(49px,7vw,82px)}.article-excerpt{max-width:660px;color:#b2d3dd;font-size:18px;line-height:1.65}.article-content{margin-top:42px;color:#c0d9e1;font-size:16px;line-height:1.9}.empty-state{color:#9cbfcb}.brief-layout{margin-top:58px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:clamp(30px,7vw,100px)}.brief-form{display:grid;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.brief-form label{display:grid;gap:8px;color:#c5eefa;font:500 13px/1.3 var(--condensed);letter-spacing:.09em}.brief-form input,.brief-form textarea,.brief-form select{width:100%;padding:13px;color:#e6fbff;background:rgba(5,27,46,.92);border:1px solid #2e93b1;outline:0}.brief-form input:focus,.brief-form textarea:focus,.brief-form select:focus{border-color:#79eaff;box-shadow:0 0 0 3px rgba(94,224,250,.12)}.brief-form textarea{resize:vertical;line-height:1.6;font-family:var(--body)}.brief-form .check-line{display:flex;align-items:flex-start;gap:10px;color:#9fc4d0;font-family:var(--body);font-size:12px;letter-spacing:0}.brief-form .check-line input{width:auto;margin-top:1px}.brief-form button{justify-self:start}.brief-layout aside{padding:26px 0 26px 27px;border-left:1px solid #52d9f5}.brief-layout aside h2{font-size:38px}.brief-layout aside p{color:#94b7c4;font-size:13px;line-height:1.6}.brief-layout aside a{color:#7ce9fc}.form-notice{padding:14px;border-left:2px solid #79eaff;background:rgba(14,92,120,.23);font-size:13px;line-height:1.5}.form-notice.is-error{border-color:#ff9999;background:rgba(130,37,48,.26)}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.not-found{min-height:56vh}.not-found h1{max-width:600px}

@media (max-width:820px){.hero-section{min-height:auto;grid-template-rows:auto auto auto;row-gap:45px}.hero-copy{grid-column:2/span 8}.hero-modules{grid-column:2/-2;max-width:530px}.hero-action{grid-column:2/span 7;margin-top:-13px}.lab-intro>div{grid-column:2/span 6}.lab-intro>p{grid-column:8/-2}.formats-copy,.process-copy{grid-column:2/span 4}.service-rails,.service-note,.process-line{grid-column:7/-1}.process-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:670px){.site-shell{background-size:26px 26px,26px 26px,auto,auto,auto}.site-header{min-height:64px}.nav-toggle{display:block}.primary-nav{display:none;position:absolute;z-index:4;top:63px;left:0;right:0;padding:17px;background:#071d32;border:1px solid #3daecb;flex-direction:column;align-items:stretch}.primary-nav.is-open{display:flex}.primary-nav a{padding:9px}.hero-section{padding:53px 0 60px;display:block}.hero-section::before{display:none}.axis-label{top:61px}.hero-copy{padding-left:22px}.hero-modules{margin:45px 0 0 22px}.hero-action{width:calc(100% - 22px);margin:32px 0 0 22px}.page-section{padding-top:63px}.section-heading{grid-template-columns:57px minmax(0,1fr);gap:10px;margin-bottom:34px}.section-heading>span{width:40px;height:40px;margin-left:8px}.section-heading>b{padding:0 17px;font-size:11px;letter-spacing:.16em}.lab-intro,.formats-layout,.process-layout{display:block}.lab-intro>div,.formats-copy,.process-copy{padding-left:22px}.lab-intro>p{margin:18px 22px 0}.carousel-surface{grid-template-columns:74px minmax(0,1fr);gap:22px;padding:29px 34px}.carousel-meta{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:11px;padding:15px 0 0;border-left:0;border-top:1px solid rgba(104,225,251,.45)}.carousel-meta b{margin-top:0;text-align:right}.carousel-meta em{grid-column:1/-1;margin-top:0}.carousel-icon{width:72px;height:72px}.carousel-control{grid-template-columns:1fr;gap:18px}.carousel-arrows{justify-self:end}.service-rails,.process-line{margin:39px 0 0 22px}.service-note{margin:18px 0 0 22px}.contact-cta{margin:70px 0 0;padding:35px 25px;grid-template-columns:1fr;gap:25px}.contact-cta a{width:100%}.site-footer{margin:25px 0 0;padding:24px 0 33px;grid-template-columns:1fr}.site-footer nav,.footer-contact{text-align:left;justify-content:flex-start}.listing-page,.detail-page,.studio-page,.article-page,.brief-page,.not-found{padding-left:22px;padding-right:22px}.content-grid,.posts-grid,.detail-content,.brief-layout{grid-template-columns:1fr}.process-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero{grid-template-columns:70px minmax(0,1fr);padding:28px}.detail-index{width:70px;height:70px}.brief-layout aside{border-left:0;border-top:1px solid #52d9f5;padding:27px 0}.text-link{margin-left:22px}}
@media (max-width:420px){.hero-copy{padding-left:18px}h1{font-size:clamp(49px,14vw,70px)}.hero-modules{margin-left:18px}.hero-action{width:calc(100% - 18px);margin-left:18px;grid-template-columns:45px minmax(0,1fr) 17px}.hero-module{grid-template-columns:57px minmax(0,1fr);gap:10px}.module-node{width:57px;height:57px}.module-bar{min-height:60px;padding:11px 24px 11px 15px}.module-bar b{font-size:17px}.lab-intro>div,.formats-copy,.process-copy{padding-left:18px}.lab-intro>p{margin-left:18px;margin-right:18px}.carousel-surface{grid-template-columns:1fr;gap:21px;padding:29px 25px}.carousel-icon{width:70px;height:70px}.carousel-main h3{font-size:42px}.carousel-main p{font-size:12px}.carousel-meta{grid-template-columns:1fr}.carousel-meta b{text-align:left}.service-rails,.process-line,.service-note{margin-left:18px}.service-rail{grid-template-columns:61px minmax(0,1fr);gap:10px}.service-rail>span:first-child{width:61px;height:61px}.service-rail>span:last-child{min-height:79px;padding:13px 23px 13px 17px}.form-grid{grid-template-columns:1fr}.process-cards{grid-template-columns:1fr}.listing-page,.detail-page,.studio-page,.article-page,.brief-page,.not-found{padding-left:18px;padding-right:18px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Mobile navigation: an opaque HUD panel must sit clearly above the page grid. */
@media (max-width:670px){
  .site-header{z-index:20;}
  .nav-toggle{color:#8ceeff;background:#02070d;border-color:#55def7;box-shadow:0 0 14px rgba(56,215,247,.18),inset 0 0 10px rgba(34,153,190,.12);}
  .primary-nav{z-index:50!important;isolation:isolate;overflow:hidden;background:#02070d!important;border:1px solid #55def7!important;box-shadow:0 18px 34px rgba(0,0,0,.72),0 0 20px rgba(35,195,235,.18),inset 0 0 24px rgba(25,117,153,.12);}
  .primary-nav::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(rgba(89,224,250,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(89,224,250,.055) 1px,transparent 1px);background-size:22px 22px;pointer-events:none;}
  .primary-nav a{color:#75e8fb!important;text-shadow:0 0 8px rgba(74,220,249,.14);}
  .primary-nav a:hover,.primary-nav a.is-active{color:#e5fdff!important;background:rgba(48,194,224,.13);text-shadow:0 0 12px rgba(102,235,255,.72);}
}

.carousel-progress>div{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}
.carousel-icon img,.service-rail>span:first-child img,.content-tile>span img,.detail-index img{width:100%;height:100%;object-fit:cover;clip-path:inherit}.post-cover{display:block;width:100%;height:150px;margin:-29px -29px 22px;width:calc(100% + 58px);object-fit:cover;border-bottom:1px solid #3a9dbb}.posts-grid article:has(.post-cover){padding-top:29px}
.home-main{display:flex;flex-direction:column}.process-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.article-cover{display:block;width:100%;height:clamp(210px,40vw,410px);margin:34px 0;object-fit:cover;border-top:1px solid #58dff7;border-bottom:1px solid #237895;clip-path:polygon(0 0,97% 0,100% 9%,100% 91%,97% 100%,0 100%,1% 50%)}
@media (max-width:670px){.process-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.process-cards{grid-template-columns:1fr}}