:root{font-family:Segoe UI,system-ui,sans-serif;color:#fff;background:#101827;color-scheme:dark;font-synthesis:none;--navy: #101827;--powder: #a9bbd4;--electric: #3478f6;--ink: #0b111c;--deep: color-mix(in srgb, var(--navy) 79%, black);--panel: color-mix(in srgb, var(--navy) 92%, var(--powder));--line: color-mix(in srgb, var(--powder) 24%, var(--navy));--soft: color-mix(in srgb, var(--powder) 37%, white);--muted-ink: color-mix(in srgb, var(--navy) 76%, var(--powder));--mono: Consolas, "Liberation Mono", monospace;--gutter: clamp(20px, 5vw, 76px);--section: clamp(72px, 8vw, 120px);--header: 70px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.07;text-wrap:balance}p{line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}svg{flex-shrink:0}:focus-visible{outline:2px solid white;outline-offset:5px}main:focus,section[tabindex]:focus{outline:none}.wrap{width:min(100% - var(--gutter) * 2,1250px);margin-inline:auto}.section{padding-block:var(--section)}.site-header{position:sticky;z-index:10;top:0;background:color-mix(in srgb,var(--deep) 94%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.nav-bar{min-height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:20px;font-weight:750;letter-spacing:-.05em}.brand strong{color:var(--powder);font-weight:500}.skip{position:absolute;top:10px;left:var(--gutter);z-index:2;padding:10px 15px;background:var(--navy);transform:translateY(-150%)}.skip:focus{transform:none}.menu-toggle{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:8px;background:var(--navy);color:#fff;cursor:pointer}.site-nav{display:none}.site-nav.is-open{display:grid;position:absolute;inset:100% 0 auto;max-height:calc(100dvh - var(--header));overflow:auto;padding:12px var(--gutter) 20px;background:var(--deep);border-bottom:1px solid var(--line)}.site-nav a{display:flex;align-items:center;min-height:46px;padding-inline:10px;font-size:.94rem;color:var(--powder)}.site-nav a:hover,.site-nav a[aria-current]{color:#fff;background:var(--panel);border-radius:6px}.hero{background:radial-gradient(ellipse at 82% 45%,color-mix(in srgb,var(--electric) 17%,var(--deep)),transparent 58%),var(--deep)}.hero-grid{display:grid;align-items:center;gap:40px;padding-block:clamp(60px,8vw,116px) clamp(36px,5vw,70px)}.hero-tag,.section-label,.art-caption,.art-footer,.hero-meta,.service-top span,.step-top span,.visual-index,.project-visual figcaption,.project-status{font-family:var(--mono);font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.hero-tag{display:flex;align-items:center;gap:10px;color:var(--soft);margin-bottom:23px}.hero-tag span{width:8px;height:8px;border-radius:50%;background:var(--electric);box-shadow:0 0 0 4px color-mix(in srgb,var(--electric) 20%,transparent)}h1{font-size:clamp(2.9rem,6.05vw,6.05rem);font-weight:720;letter-spacing:-.07em}.hero h1{font-size:clamp(2.7rem,5.25vw,5.1rem);text-wrap:initial;max-width:9.8em}.hero h1 em{display:block;color:var(--powder);font-style:normal}.hero-copy>p:not(.hero-tag){margin-top:24px;max-width:45ch;color:var(--soft);font-size:clamp(1rem,1.45vw,1.19rem)}.actions,.channel-list{display:flex;flex-wrap:wrap;gap:12px}.actions{margin-top:32px}.button,.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:11px 17px;border-radius:7px;border:1px solid transparent;font-size:.91rem;font-weight:720;line-height:1.35;transition:background-color .18s,border-color .18s,color .18s}.header-cta{display:none}.primary{background:var(--electric);color:var(--ink)}.primary:hover{background:var(--powder)}.secondary,.header-cta{border-color:var(--line)}.secondary:hover,.header-cta:hover{border-color:var(--powder);background:var(--panel)}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 16px;min-height:64px;border-top:1px solid var(--line);color:var(--powder)}.hero-meta span,.hero-meta a{display:inline-flex;align-items:center;gap:8px;min-height:44px}.hero-meta a:hover{color:#fff}.studio-art{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--electric) 28%,transparent),transparent 68%),repeating-linear-gradient(90deg,#a9bbd41a 0 1px,transparent 1px 26px),repeating-linear-gradient(0deg,#a9bbd41a 0 1px,transparent 1px 26px),var(--navy);box-shadow:0 22px 60px #0004}.art-caption,.art-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px;padding:8px clamp(12px,2vw,23px);color:var(--soft);background:var(--deep)}.art-caption{border-bottom:1px solid var(--line)}.art-footer{border-top:1px solid var(--line)}.art-footer b{margin-inline:.35em;color:var(--powder)}.blueprint{display:block;width:100%;max-height:410px}.plane-bottom{color:var(--electric);opacity:.6}.plane-middle{color:var(--powder);opacity:.7}.section-heading{display:grid;gap:15px;margin-bottom:clamp(25px,4vw,47px)}.section-heading>p{max-width:34ch;color:var(--powder)}.section-label{color:inherit;margin-bottom:13px}.section-label span{margin-right:.5em}.portfolio .section-label,.detail-heading .section-label,.contact .section-label{color:var(--powder)}h2{font-size:clamp(2.2rem,5vw,4.5rem);letter-spacing:-.06em}h3{font-size:clamp(1.16rem,2vw,1.5rem);font-weight:700;letter-spacing:-.035em}.services,.process,.detail-body{color:var(--navy);background:var(--powder);color-scheme:light}.services .section-heading>p,.process .section-heading>p{color:var(--muted-ink)}.services-grid,.project-grid,.steps{display:grid;gap:14px}.service-card{padding:clamp(19px,2.5vw,28px);border:1px solid #1018273d;border-radius:9px;background:#ffffff35}.service-card:nth-child(1){background:var(--navy);color:#fff}.service-card:nth-child(1) p,.service-card:nth-child(1) .service-top{color:var(--powder)}.service-top,.step-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}.service-card p,.steps p{margin-top:9px;color:var(--muted-ink);font-size:.95rem}.portfolio{background:var(--navy)}.project-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:10px;border:1px solid var(--line);background:var(--panel);transition:border-color .18s}.project-card:focus-within,.project-card:hover{border-color:var(--powder)}.project-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:11px;padding:21px}.project-copy>p:not(.project-status){color:var(--powder);font-size:.95rem}.project-status{color:var(--soft)}.project-link,.back-link,.footer-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:.92rem;font-weight:650}.project-link{margin-top:auto}.project-link:hover,.back-link:hover,.footer-link:hover{text-decoration:underline;text-underline-offset:5px}.project-visual{isolation:isolate;position:relative;display:grid;place-items:center;overflow:hidden;aspect-ratio:1.6;background:radial-gradient(ellipse at 50% 35%,#3478f655,transparent 70%),repeating-linear-gradient(90deg,#a9bbd418 0 1px,transparent 1px 22px),repeating-linear-gradient(0deg,#a9bbd418 0 1px,transparent 1px 22px),var(--deep);color:#fff}.visual-menu{background-color:var(--panel)}.visual-calendar{background-color:#101827}.visual-index{position:absolute;z-index:1;left:12px;top:12px;color:var(--soft)}.project-visual figcaption{position:absolute;z-index:1;bottom:10px;right:10px;padding:5px 7px;border-radius:4px;background:var(--deep);color:var(--soft);font-size:.6rem}.mock{width:71%;border:1px solid #a9bbd480;border-radius:6px;background:var(--navy);box-shadow:0 15px 36px #0008;transform:rotate(-6deg);overflow:hidden}.mock-bar{display:flex;align-items:center;gap:4px;min-height:15px;padding:4px 7px;border-bottom:1px solid var(--line)}.mock-bar i{width:4px;height:4px;background:var(--powder);border-radius:50%}.mock-bar span{margin-left:auto;width:23%;height:3px;border-radius:9px;background:var(--line)}.mock-body{display:flex}.mock-sidebar{display:grid;align-content:start;gap:9px;width:23%;padding:10px 6px;border-right:1px solid var(--line)}.mock-sidebar i,.mock-title i,.mock-tile i{display:block;height:4px;border-radius:6px;background:var(--powder);opacity:.6}.mock-sidebar i:nth-child(2n){width:70%}.mock-main{flex:1;padding:10px}.mock-title{display:flex;justify-content:space-between;margin-bottom:9px}.mock-title i{width:40%}.mock-title i:last-child{width:17%;background:var(--electric);opacity:1}.mock-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mock-tile{display:grid;gap:4px;padding:4px;border-radius:3px;background:var(--panel)}.mock-tile i:first-child{height:auto;aspect-ratio:1.12;background:linear-gradient(135deg,var(--electric),var(--powder));border-radius:2px}.mock-tile i:last-child{width:70%;height:3px}.visual-menu .mock{width:37%;border-radius:11px;transform:rotate(10deg)}.visual-menu .mock-sidebar,.visual-calendar .mock-tile i{display:none}.visual-menu .mock-tiles{grid-template-columns:1fr;gap:3px}.visual-menu .mock-tile{grid-template-columns:1fr 1fr;align-items:center}.visual-menu .mock-tile i:first-child{aspect-ratio:2.6}.visual-menu .mock-main{padding:7px}.visual-calendar .mock{transform:rotate(-4deg)}.visual-calendar .mock-tiles{grid-template-columns:repeat(7,1fr);gap:3px}.visual-calendar .mock-tile{aspect-ratio:1.45;min-width:0;padding:0}.visual-calendar .mock-tile:nth-child(4n){background:var(--electric)}.visual-calendar .mock-tile:nth-child(5n){background:var(--line)}.process{background:var(--soft)}.steps{margin:0;padding:0;list-style:none}.steps li{border-top:1px solid #10182755;padding-block:16px 12px}.step-top{margin-bottom:14px}.step-top svg{width:38px;height:38px;padding:8px;border-radius:6px;background:var(--navy);color:var(--powder)}.contact{background:var(--deep)}.contact-panel{display:grid;align-items:center;gap:28px;padding:clamp(24px,5.2vw,70px);border:1px solid var(--line);border-radius:11px;background:radial-gradient(ellipse at 100% 0,#3478f641,transparent 70%),var(--navy)}.contact-copy>p:first-child{font-size:1.16rem;font-weight:650}.contact-note{margin-top:8px;color:var(--powder)}.contact-location{display:flex;align-items:center;gap:8px;margin-top:19px;color:var(--powder);font-size:.9rem}.channel-list{margin:14px 0 0;padding:0;list-style:none}.site-footer{border-top:1px solid var(--line);background:var(--deep)}.footer-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 25px;padding-block:22px}.footer-grid p{color:var(--powder);font-size:.9rem}.footer-link{color:var(--powder)}.detail-heading{padding-block:22px clamp(45px,7vw,100px)}.detail-grid{display:grid;gap:30px}.detail-heading .detail-grid{margin-top:22px;align-items:center}.detail-heading h1{font-size:clamp(2.7rem,6.4vw,6rem)}.detail-summary{max-width:40ch;margin-block:16px;font-size:clamp(1rem,2vw,1.2rem);color:var(--soft)}.detail-heading .project-visual{border:1px solid var(--line);border-radius:10px}.detail-body{padding-block:clamp(40px,6vw,85px)}.detail-story{display:grid;gap:24px}.detail-story p{margin-top:8px;color:var(--muted-ink);max-width:57ch}.detail-body h2{font-size:clamp(1.35rem,2.6vw,2.1rem);letter-spacing:-.04em;text-wrap:initial}.feature-panel{align-self:start;padding:clamp(18px,3.5vw,35px);border-radius:9px;background:var(--navy);color:#fff;color-scheme:dark}.feature-panel ul{display:grid;gap:10px;margin-block:19px 23px;padding:0;list-style:none;color:var(--soft)}.feature-panel li{display:flex;gap:8px;align-items:center}.not-found{min-height:64vh;padding-block:var(--section)}.not-found .button{margin-top:23px}@media(min-width:540px){.services-grid,.project-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:800px){.menu-toggle{display:none}.site-nav{display:flex;align-items:center;gap:3px}.header-cta{display:inline-flex;min-height:42px;padding:8px 12px}.hero-grid{grid-template-columns:1.05fr .95fr;gap:clamp(25px,4vw,66px)}.section-heading{grid-template-columns:1fr minmax(24ch,33%);align-items:end;gap:30px}.section-heading p{padding-bottom:3px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.contact-panel,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1000px){.site-nav{gap:14px}.services-grid{grid-template-columns:1.19fr 1.06fr .95fr .9fr}.service-top{margin-bottom:30px}.project-copy{padding:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:0s!important}}