:root{--bg:#080a0f;--text:#f0f2f5;--muted:#a4adbc;--blue:#356dff;--line:#28313e}*{box-sizing:border-box}html{scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #80a5ff;outline-offset:5px}header{padding:28px 5%;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line)}.brand{font-size:24px;letter-spacing:-1px;font-weight:800;margin-right:auto}header a:not(.brand){font-size:13px}.nav-work span{color:var(--muted);margin-left:8px}.contact{border:1px solid #596b88;padding:10px 16px}.contact span{margin-left:20px}.intro{padding:100px 5% 75px}.eyebrow,.section-label{font:11px/1.6 monospace;letter-spacing:1.5px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,9vw,136px);line-height:.95;letter-spacing:-.065em;margin:35px 0 45px}h1 span,h2 span{color:var(--blue)}.intro-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.intro-bottom p{color:var(--muted);margin:0}.button{display:inline-block;background:var(--blue);color:white;padding:16px 24px;font-size:14px}.button:hover{background:#4b7eff}.section{padding:75px 5%;border-top:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;gap:25px;margin-bottom:45px}.section-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-intro p{color:var(--muted)}h2{font-size:clamp(38px,5vw,72px);line-height:1.05;letter-spacing:-.05em;margin-bottom:35px}.section-intro h2{margin:0}.projects{display:grid;grid-template-columns:1fr 1fr;gap:35px}.project-art{display:block;background:#111824;border:1px solid #334057;padding:12px}.screen-edge{display:flex;justify-content:space-between;gap:10px;font:9px/1.5 monospace;color:#b0bdd3;padding:0 0 12px}.project-art img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top}.project-info{display:grid;grid-template-columns:1fr auto;margin-top:22px;gap:6px}.project-info h3{font-size:24px;margin:0;letter-spacing:-.5px}.project-info p{grid-column:1;grid-row:2;font-size:12px;color:#a6bcf0;margin:0}.project-info>span{grid-column:2;grid-row:1;font:11px monospace;color:var(--muted)}.project-summary{font-size:14px;color:var(--muted);margin:18px 0;max-width:570px}.project-link{font-size:13px;color:#a6bcf0;text-decoration:underline;text-underline-offset:5px}.note{color:var(--muted);font-size:12px;line-height:1.8;max-width:760px;margin:45px 0 0}.about>p:last-child{max-width:700px;color:var(--muted)}.contact-section{background:#101724}.contact-section>p:not(.eyebrow){color:var(--muted);max-width:600px}.email-address{display:block;width:fit-content;margin-top:22px;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}.contact-note{font-size:12px;margin:20px 0 0}footer{padding:35px 5%;display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer>span,footer>a:not(.brand){font:11px monospace;color:var(--muted)}footer small{width:100%;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:11px}.skip{position:absolute;top:-100px;background:white;color:black;padding:12px;z-index:9}.skip:focus{top:5px}@media(max-width:700px){header{padding:22px 6%;gap:18px}.brand{font-size:21px}header .nav-studio{display:none}header a:not(.brand){font-size:11px}.nav-work span{display:none}.contact{padding:9px 12px}.contact span{display:none}.intro{padding:65px 6% 55px}h1{font-size:clamp(58px,12vw,90px);margin:25px 0 35px}.intro-bottom{display:block}.intro-bottom p{font-size:14px;margin-bottom:25px}.section{padding:55px 6%}.section-label{font-size:9px;letter-spacing:.6px}.section-label>span:last-child{text-align:right}.section-intro{gap:20px}.section-intro p{font-size:11px;max-width:120px}.projects{grid-template-columns:1fr;gap:48px}h2{font-size:40px}.project-info h3{font-size:23px}.screen-edge{font-size:8px}.project-art{padding:9px}.about>p:last-child,.contact-section>p{font-size:14px}footer{padding:30px 6%}footer>span{display:none}.email-address{font-size:15px}}@media(max-width:360px){header{gap:12px}.brand{font-size:18px}header a:not(.brand){font-size:10px}.contact{padding:8px}h1{font-size:57px}}
/* Cinematic studio atmosphere: content remains still and readable. */
body{isolation:isolate;background:#080a0f}.intro,.work,.about{position:relative;isolation:isolate;overflow:hidden}.intro:before,.work:before,.about:before{content:'';position:absolute;inset:-35px;z-index:-2;background-image:linear-gradient(#547dc014 1px,transparent 1px),linear-gradient(90deg,#547dc014 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 10%,#000 85%);transform:translate(var(--depth-x,0px),var(--depth-y,0px));transition:transform .7s ease-out}.intro:after{content:'';position:absolute;right:0;top:0;bottom:0;width:45%;z-index:-1;background:linear-gradient(90deg,transparent,#0d1b3470);border-left:1px solid #356dff24;transform:skewX(-18deg);transform-origin:bottom;pointer-events:none}.intro{min-height:650px;padding-top:95px}.intro h1{position:relative;z-index:2}.eyebrow{color:#a4b8dc}.signal-field{position:absolute;right:0;top:5%;width:52%;height:84%;z-index:-1;pointer-events:none;overflow:hidden}.signal-field svg{height:100%;width:100%;overflow:visible}.signal-line{fill:none;stroke:#356dff44;stroke-width:1}.signal-pulse{fill:none;stroke:#77a2ff;stroke-width:1.5;stroke-dasharray:45 900;animation:signal-travel 12s linear infinite;filter:drop-shadow(0 0 4px #356dff80)}.signal-pulse.second{animation-delay:-5s;animation-duration:16s}.signal-node{fill:#356dff;stroke:#a0beff;stroke-width:1}.scan-line{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 35%,#71a0ff88 80%,transparent);animation:studio-scan 14s ease-in-out infinite;pointer-events:none;z-index:-1}.studio-coordinate{position:absolute;right:5%;top:35px;font:9px monospace;letter-spacing:1.5px;color:#7394c8}.studio-label{position:absolute;right:5%;bottom:32px;font:9px monospace;letter-spacing:1.5px;color:#819ac1}.intro-bottom{position:relative;z-index:2}.project-art{position:relative;box-shadow:0 18px 45px #0005;transition:border-color .4s,box-shadow .4s}.project-art:hover{border-color:#668fe0;box-shadow:0 18px 50px #0008,0 0 0 1px #356dff33}.project-art:after{content:'';position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,#87adff88,transparent);pointer-events:none}.section-label{border-top:1px solid #356dff50;padding-top:16px}.contact-section{position:relative;isolation:isolate;overflow:hidden}.contact-section:after{content:'';position:absolute;left:65%;right:5%;top:0;bottom:0;border-left:1px solid #356dff44;border-right:1px solid #356dff24;transform:skewX(-18deg);z-index:-1;background:repeating-linear-gradient(0deg,transparent,transparent 63px,#4e79b11a 64px)}.cinema-control{background:transparent;color:#bdcdee;border:1px solid #475e82;font:11px monospace;padding:10px 13px;cursor:pointer}.cinema-control:focus-visible{outline:2px solid #80a5ff;outline-offset:4px}footer .cinema-control{margin-left:auto}.cinema-paused .signal-pulse,.cinema-paused .scan-line{animation-play-state:paused}.cinema-paused .intro:before,.cinema-paused .work:before,.cinema-paused .about:before{transform:none}@keyframes signal-travel{from{stroke-dashoffset:945}to{stroke-dashoffset:0}}@keyframes studio-scan{0%,100%{transform:translateY(10px);opacity:0}12%,85%{opacity:.55}90%{transform:translateY(620px);opacity:0}}@media(max-width:700px){.intro{min-height:590px;padding-top:75px;padding-bottom:90px}.signal-field{width:80%;opacity:.65;right:-20%;top:10%}.intro:after{width:35%}.studio-coordinate{font-size:8px;top:28px;right:6%}.studio-label{font-size:8px;right:6%;left:6%;bottom:28px}.intro:before,.work:before,.about:before{background-size:48px 48px}.intro h1{font-size:clamp(58px,12vw,90px)}footer .cinema-control{margin-left:0}}@media(prefers-reduced-motion:reduce){.signal-pulse,.scan-line{animation:none}.scan-line{display:none}.intro:before,.work:before,.about:before{transform:none!important;transition:none}.project-art{transition:none}}
/* AUGMENTED scripted front desk */
#chat-launch{position:fixed;right:22px;bottom:22px;z-index:20;background:#356dff;color:white;border:1px solid #8daeff;padding:15px 20px;font:600 13px system-ui;cursor:pointer;box-shadow:0 8px 32px #0008}#studio-chat{position:fixed;right:22px;bottom:82px;width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);overflow:auto;z-index:21;border:1px solid #6686bf;background:#0c1320;color:#eef3ff;box-shadow:0 20px 80px #000a;padding:20px}#studio-chat[hidden]{display:none}.chat-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.chat-heading h2{font:600 16px system-ui;margin:0}.chat-meta{font:11px monospace;color:#b6c8ea;line-height:1.6}.chat-action,.chat-options button{background:#14233c;color:#f1f5ff;border:1px solid #6686bf;padding:11px 13px;cursor:pointer;font:13px system-ui}.chat-options{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.chat-bubble{font:14px/1.6 system-ui;margin:10px 0;padding:12px;background:#17243a}.chat-bubble.visitor{background:#244797;margin-left:24px}#chat-log{max-height:240px;overflow:auto}.chat-email{display:block;color:#bdd1ff;margin:15px 0;font:14px system-ui}#studio-chat button:focus-visible,#studio-chat a:focus-visible,#chat-launch:focus-visible{outline:3px solid #b9d1ff;outline-offset:3px}@media(max-width:480px){#chat-launch{right:16px;bottom:16px}#studio-chat{right:16px;bottom:77px;padding:16px}}
/* Shared multipage system */
header{position:relative;z-index:10;min-height:92px}header nav{display:flex;gap:30px;align-items:center}header nav a{padding:8px 0;color:#b9c5d9}header nav a:hover,header nav a[aria-current]{color:white;border-bottom:1px solid #6797ff}header nav a:last-child{border:1px solid #596b88;padding:10px 18px}#menu-toggle{display:none;background:none;border:1px solid #596b88;color:white;padding:10px 14px;font:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #9abcff;outline-offset:4px}main{min-height:70vh}.page-hero{padding-top:95px;padding-bottom:80px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 95% 0%,#15376f70,transparent 60%)}.page-hero:after{content:'';position:absolute;z-index:-1;right:8%;top:0;width:28%;height:100%;border-inline:1px solid #356dff40;transform:skew(-20deg);background:repeating-linear-gradient(0deg,transparent,transparent 69px,#356dff20 70px)}.page-hero h1{font-size:clamp(54px,7.5vw,112px);max-width:1100px;margin:30px 0}.lede{max-width:650px;color:#b8c3d7;font-size:19px;margin:0}.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.offer{padding:32px 26px;border:1px solid #34445d;background:linear-gradient(145deg,#13213b80,#0b1019);transition:border-color .2s}.offer:hover{border-color:#80a5ff}.offer h3{font-size:42px;letter-spacing:-2px;margin:25px 0}.offer h3 span{float:right;color:#7fa5ff;font-size:24px}.offer p{color:#b8c3d7;font-size:15px}.offer ul{list-style:none;padding:20px 0 0;margin:25px 0 0;border-top:1px solid #34445d;font-size:13px;color:#d0dafa}.offer li{margin-bottom:9px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{border-top:1px solid #4b6ea6;padding-top:24px}.steps span{font:13px monospace;color:#86aaff}.steps h3{font-size:25px;margin:20px 0 12px}.steps p,.detail-grid p,.contact-layout aside p{color:#b8c3d7}.detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:10%}.detail-grid h2{font-size:clamp(35px,4vw,58px)}.detail-grid aside{border-left:1px solid #34445d;padding-left:35px}.detail-grid h3,.contact-layout h3{font-size:28px;line-height:1.2}.large-list{padding:0;list-style:none;margin:0 0 30px}.large-list li{border-bottom:1px solid #283b5b;padding:18px 0;color:#d0dafa}.case-hero{padding-bottom:55px}.case-hero h1{font-size:clamp(60px,10vw,150px)}.case-image{margin:0;padding:0 5% 60px;background:linear-gradient(#0c1422,#080a0f)}.case-image img{width:100%;height:auto;display:block;border:1px solid #425879;box-shadow:0 20px 60px #0007}.case-image figcaption{color:#a4adbc;font:12px/1.6 Arial;margin-top:15px;max-width:800px}.service-automate{background:repeating-linear-gradient(90deg,transparent,transparent 89px,#356dff10 90px),radial-gradient(at 85% 50%,#13376f90,transparent 70%)}.service-grow:after{transform:rotate(-35deg);width:45%;right:0;background:#356dff0d}.about-hero{background:linear-gradient(125deg,#080a0f 40%,#173363)}.contact-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:9%;padding-bottom:120px}.contact-layout h2{font-size:38px}.contact-layout form{min-width:0}.contact-layout aside{padding:35px;border:1px solid #34445d;background:#101b2d;height:fit-content}.contact-layout .email-address{font-size:clamp(12px,1.5vw,18px);margin:0 0 30px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:14px;color:#d0dafa;margin-bottom:23px}label span{color:#a4adbc}input,select,textarea{display:block;width:100%;border:1px solid #465b7b;background:#0f1828;color:#f0f2f5;padding:13px;margin-top:8px;border-radius:0}textarea{resize:vertical}input:hover,textarea:hover,select:hover{border-color:#80a5ff}.honey{position:absolute;left:-10000px}.contact-layout .button{border:1px solid #7ba4ff}#form-status{padding:12px 0;color:#c6d7ff}.contact-layout .note{margin:12px 0 25px}footer{padding-bottom:100px}.project-link:hover{text-decoration-thickness:2px}
@media(min-width:1500px){.section,.intro,header,footer{padding-left:max(5%,calc((100vw - 1400px)/2));padding-right:max(5%,calc((100vw - 1400px)/2))}}
@media(max-width:900px){.offers{gap:14px}.offer{padding:25px 20px}.offer h3{font-size:34px}.detail-grid,.contact-layout{gap:6%}header nav{gap:20px}.brand{font-size:22px}}
@media(max-width:700px){header{flex-wrap:wrap;min-height:80px}#menu-toggle{display:block}header nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-top:12px}header nav.is-open{display:flex}header nav a{padding:12px 0!important;font-size:15px!important;border-bottom:1px solid #283b5b}header nav a:last-child{padding:12px!important;margin-top:10px}.offers,.steps,.detail-grid,.contact-layout{grid-template-columns:1fr}.offers{gap:18px}.offer{padding:30px}.offer h3{font-size:42px}.detail-grid,.contact-layout{gap:40px}.detail-grid aside{padding:25px 0 0;border-left:0;border-top:1px solid #34445d}.page-hero{padding-top:65px;padding-bottom:55px}.page-hero h1{font-size:clamp(48px,11vw,75px)}.lede{font-size:17px}.case-image{padding:0 6% 35px}.form-pair{grid-template-columns:1fr;gap:0}.contact-layout aside{padding:25px}.contact-layout .email-address{font-size:16px}.section-intro{align-items:start;flex-wrap:wrap}.section-intro .project-link{margin-top:10px}.contact-layout{padding-bottom:65px}.intro h1{font-size:clamp(56px,12vw,90px)}.page-hero:after{right:0;width:40%}.steps{gap:25px}}

.form-field{margin-bottom:23px}.form-field label{margin-bottom:8px}.form-field input,.form-field select,.form-field textarea{margin:0}
