.continuation{position:relative;isolation:isolate;overflow:clip;padding-top:44px;background:linear-gradient(#03132600,#03132655 55%,#03132600)}
.section-atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.portfolio,.contact-section{isolation:isolate}.contact-section .section-atmosphere{z-index:0}.contact-section>h2,.contact-section>.project-link,.contact-section>p{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.section-atmosphere{display:none}}
.service-menu{isolation:isolate;padding-top:70px;padding-bottom:100px}.service-list{border-top:1px solid #398bd560}.service-line{display:grid;grid-template-columns:50px minmax(220px,.9fr) minmax(0,1.5fr);gap:28px;padding:35px 24px 38px;border-bottom:1px solid #377cb645;position:relative;background:linear-gradient(110deg,#0e31561c,transparent 70%);transition:background .4s}.service-line:hover{background:linear-gradient(110deg,#1057a22f,#0b315b17)}.service-number{font-size:16px;color:#73b7f4;font-variant-numeric:tabular-nums;padding-top:8px}.service-intro h3{margin:0 0 13px;font-size:clamp(25px,2.4vw,35px);font-weight:200;letter-spacing:-.025em;line-height:1.25}.service-intro p{font-size:16px;line-height:1.65;color:#97b4d0;margin:0;max-width:320px}.service-intro .text-button{margin-top:20px;font-size:14px}.service-details{list-style:none;padding:5px 0 0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:25px;row-gap:17px;align-content:start}.service-details li{position:relative;font-size:16px;line-height:1.55;font-weight:300;color:#c1d5e8;padding-left:16px}.service-details li:before{content:'';position:absolute;left:0;top:.67em;width:5px;height:5px;background:#429dde;box-shadow:0 0 10px #247ee044}.team{isolation:isolate}.team>h2,.team>p{position:relative;z-index:1}
@media(max-width:1100px){.service-line{grid-template-columns:35px minmax(190px,.85fr) minmax(0,1.3fr);gap:20px;padding-left:8px;padding-right:8px}.service-details{grid-template-columns:1fr;row-gap:11px}.service-intro h3{font-size:29px}}
@media(max-width:760px){.service-menu{padding-top:55px;padding-bottom:65px}.service-line{grid-template-columns:30px 1fr;padding:28px 0 32px;gap:12px 14px}.service-intro h3{font-size:29px}.service-intro p{max-width:100%}.service-details{grid-column:2;font-size:16px;gap:12px;padding-top:8px}.service-number{font-size:14px}.service-intro .text-button{margin-top:14px}.service-details li{font-size:16px}.service-menu .section-heading{margin-bottom:30px}}
.ambient-layer{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:clip}.ambient-smoke{position:absolute;inset:0;background-image:url(assets/cobalt-atmosphere.png),url(assets/cobalt-atmosphere.png);background-repeat:no-repeat;background-position:65% 120px,10% 2000px;background-size:1500px auto,1600px auto;opacity:.40;mask-image:linear-gradient(transparent,#000 8%,#000 90%,transparent)}.ambient-layer:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03132699,transparent 65%,#03132644),repeating-linear-gradient(90deg,transparent 0 89px,#3c8dd915 90px 91px);mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}.ambient-canvas{position:sticky;top:0;width:100%;height:100svh;display:block;opacity:.8}.continuation>.section{z-index:1}
.portfolio{padding-bottom:115px}.portfolio:before{display:none}.section-heading{margin-bottom:38px;position:relative}.section-heading h2{font-size:clamp(38px,5vw,72px);text-shadow:0 0 60px #268cfd30}.section-heading:after{background:linear-gradient(90deg,#348fe3aa,#2377c433,transparent);box-shadow:0 0 18px #1980ff20}.section-heading:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#70c8ff;right:0;box-shadow:0 0 18px #008cff;animation:status-breathe 4s ease-in-out infinite}
.filters{gap:10px;margin-bottom:36px}.filters button{background:#051c37aa;border-color:#30679666;backdrop-filter:blur(16px)}.filters button[aria-pressed=true]{box-shadow:0 0 27px #0878ff38,inset 0 1px #95cbff42;background:linear-gradient(140deg,#177deb,#084baf)}
.project-grid{gap:30px 24px}.project-card{padding:12px 12px 19px;border:1px solid #2b639b45;border-radius:9px;background:linear-gradient(145deg,#12396266,#061a32c9 60%);box-shadow:0 18px 40px #0000001c;transition:transform .4s,border-color .4s,box-shadow .4s;isolation:isolate}.project-card:before{content:'';position:absolute;inset:0;background:radial-gradient(320px circle at var(--light-x,50%) var(--light-y,0%),#287eff24,transparent);pointer-events:none;z-index:-1;border-radius:inherit}.project-card:hover,.project-card:focus-within{transform:translateY(-5px);border-color:#449ddd8c;box-shadow:0 20px 65px #00000040,0 0 45px #0279ff13}.project-media{border-radius:5px;border-color:#427bb05c;background:#07182b}.project-media:after{background:linear-gradient(125deg,transparent 35%,#a6dcff08 49%,transparent 60%);background-size:220% 100%;background-position:100% center;transition:background-position 1s,box-shadow .35s}.project-card:hover .project-media:after{background-position:0 center}.card-meta{padding:22px 7px 0;gap:13px}.card-meta h3{font-size:20px}.card-meta p{color:#a8bfd7}.metric strong{font-size:25px;color:#acd9ff;text-shadow:0 0 30px #208cfe30}.metric span{color:#91b0d1;font-size:12px}.play-mark{box-shadow:0 0 30px #07152770;border-color:#adddff75}.project-card.featured{background:radial-gradient(ellipse at 70% 15%,#0857af55,transparent 65%),linear-gradient(135deg,#123254c9,#061a32)}.featured .project-media{background:radial-gradient(ellipse at 85% 90%,#0069e44d,transparent 70%),#061c35}.featured-stat strong{color:#e0f1ff;text-shadow:0 0 65px #208cfe60}.featured-stat:after{background:linear-gradient(110deg,transparent 42%,#53aaff66 48%,transparent 54%);background-size:220% 100%;animation:feature-light 7s ease-in-out infinite}
.voice-section{padding:75px 0 85px;border-top:0;isolation:isolate}.voice-section:before{content:'';position:absolute;inset:0 calc(-1 * var(--gutter));background:linear-gradient(125deg,#072650c9,#05172ad9 55%,#073165a6);border-top:1px solid #3d82b650;border-bottom:1px solid #3d82b650;z-index:-1}.voice-section:after{content:'';position:absolute;inset:0 calc(-1 * var(--gutter));background:url(assets/cobalt-atmosphere.png) right center/1000px auto no-repeat;opacity:.23;pointer-events:none;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000)}.voice-panel{padding:25px 0;gap:65px}.voice-copy h2{font-size:clamp(42px,4.8vw,68px)}.voice-copy p{color:#bed0e6}.solid-button{border-color:#5caee58c;background:linear-gradient(130deg,#126edc,#074690);border-radius:4px;box-shadow:0 0 35px #077aff25,inset 0 1px #a8e1ff20}.solid-button:hover{box-shadow:0 0 42px #077aff4a;background:#1477e3}.voice-art{min-height:375px;background:radial-gradient(ellipse at 50% 50%,#0a59ba66,transparent 65%),linear-gradient(150deg,#143c6655,#06172be6);border-color:#4987b65c;border-radius:12px;box-shadow:0 20px 80px #00000035,inset 0 0 70px #2475c320;overflow:hidden}.voice-art img{opacity:.09}.sound-orbit{position:absolute;width:285px;height:285px;left:50%;top:43%;transform:translate(-50%,-50%);border:1px solid #6aaeff39;border-radius:50%;box-shadow:0 0 65px #1875e333,inset 0 0 45px #1875e322}.sound-orbit:before,.sound-orbit:after{content:'';position:absolute;inset:-25px;border:1px solid #6aaeff1a;border-radius:50%;transform:rotate(-20deg)}.sound-orbit:after{inset:-48px;border-color:#4389d714}.sound-orbit:before{background:conic-gradient(from 0deg,transparent 0 80%,#3c9ffd1a 93%,#8bcaff33 99%,transparent 100%);animation:orbit-spin 20s linear infinite}.waveform{filter:drop-shadow(0 0 12px #078aff70);height:145px}.voice-art-label{border-top:1px solid #6196c52b;padding-top:22px;color:#c0dfff}
#services{padding-top:100px;padding-bottom:95px}.services-grid{gap:24px}.service{padding:36px;border:1px solid #37749e59;border-radius:9px;overflow:hidden;isolation:isolate;min-height:290px;background:linear-gradient(120deg,#08233fea,#092745c9);transition:border-color .4s,transform .4s}.service:hover{transform:translateY(-4px);border-color:#57a7e9a8}.service:before{height:2px;z-index:3}.service:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#04172ce8 10%,#04172ca3 62%,#04172c40);z-index:-1}.service-visual{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.55;overflow:hidden}.service-visual img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.7);transition:transform 1.3s,filter 1.3s}.service:hover .service-visual img{transform:scale(1.06);filter:saturate(1)}.service:nth-child(1) .service-visual img{object-position:center 30%}.service:nth-child(4) .service-visual img{object-position:center 35%}.service h3{font-size:clamp(24px,2.2vw,33px);max-width:85%;margin-bottom:24px;text-shadow:0 0 35px #0009}.service p{max-width:410px;color:#b6cce0;margin-bottom:24px;font-size:16px}.service .text-button{position:relative;color:#d1e9ff;padding:5px 0;font-size:15px}.service .text-button:hover{color:#fff}.service h3,.service p,.service button{position:relative;z-index:2}.service-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#61b3ff11 48%,transparent 70%);background-size:250% 100%;animation:feature-light 10s ease-in-out infinite}
.team{padding:80px 0 100px;border:0;position:relative}.team:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#388ada88,transparent)}.team h2{font-size:clamp(36px,4vw,58px)}.team h2 span{color:#bfddff;text-shadow:0 0 55px #167bff45}.team p{color:#b8cce1}.contact-section{padding-top:110px;padding-bottom:100px;background-image:linear-gradient(90deg,#031326f0,#03132688),url(assets/cobalt-atmosphere.png);background-position:center,right center;background-size:cover,1350px auto;background-repeat:no-repeat}.contact-section:before{background-size:80px 80px;opacity:.8;animation:contact-grid 15s linear infinite}.contact-section h2{font-size:clamp(48px,7vw,105px);text-shadow:0 0 90px #077aff2b}.contact-section .project-circle{box-shadow:0 0 45px #007aff40}.case-dialog{background:radial-gradient(ellipse at 95% 0%,#14529855,transparent 65%),#06192e;box-shadow:0 20px 100px #000a;border-color:#508ab67a;border-radius:10px}.dialog-top{background:#081c3370;backdrop-filter:blur(20px)}
@keyframes status-breathe{0%,100%{opacity:.4;box-shadow:0 0 8px #008cff}50%{opacity:.9;box-shadow:0 0 22px #008cff}}
@keyframes feature-light{0%,15%{background-position:120% center}75%,100%{background-position:-20% center}}
@keyframes orbit-spin{to{transform:rotate(340deg)}}
@keyframes contact-grid{to{background-position:80px 80px,80px 80px}}
@media(max-width:1100px){.card-meta{padding:19px 3px 0}.card-meta h3{font-size:19px}.metric strong{font-size:23px}.voice-panel{gap:35px}.service{padding:30px}.voice-art{min-height:350px}.services-grid{gap:20px}}
@media(max-width:760px){.continuation{padding-top:20px}.ambient-smoke{background-position:65% 0,25% 2300px;background-size:900px auto,1100px auto;opacity:.32}.portfolio{padding-bottom:65px}.section-heading h2{font-size:40px}.project-grid{gap:25px 16px}.project-card{padding:9px 9px 17px}.card-meta{display:block;padding:19px 5px 0}.metric{text-align:left;margin-top:14px}.metric span{display:inline;margin-left:9px}.voice-section{padding:60px 0}.voice-panel{gap:30px;padding:0}.voice-art{min-height:325px}.voice-copy h2{font-size:45px}.voice-copy p{font-size:17px}#services{padding-top:65px;padding-bottom:55px}.service{padding:28px;min-height:280px}.service h3{font-size:25px;max-width:100%}.service p{font-size:15px}.services-grid{gap:17px}.team{padding:55px 0 65px}.team h2{font-size:39px}.contact-section{padding:70px var(--gutter);background-size:cover,1000px auto}.case-dialog{border-radius:8px}.languages{gap:8px}.wordmark{font-size:21px}}
@media(max-width:520px){.project-card{padding:11px 11px 20px}.project-media{height:330px}.card-meta{display:flex;gap:15px;padding:20px 7px 0}.card-meta h3{font-size:20px}.card-meta p{font-size:14px}.metric{text-align:right;margin:0}.metric strong{font-size:25px}.metric span{display:block;margin:6px 0 0;max-width:110px;font-size:12px}.featured .project-media{height:320px}.featured-stat strong{font-size:39px}.filters{gap:8px}.voice-copy h2{font-size:43px}.voice-art{min-height:315px}.services-grid{grid-template-columns:1fr}.service{min-height:275px}.service h3{font-size:28px}.service p{max-width:300px}.service-visual{opacity:.7}}
@media(max-width:380px){.wordmark{font-size:17px}.languages{font-size:11px;gap:6px}.masthead{gap:7px}.project-card{padding:8px 8px 17px}.card-meta{padding-left:3px;padding-right:3px;gap:10px}.card-meta h3{font-size:18px}.metric strong{font-size:21px}.featured-stat strong{font-size:33px}.voice-copy h2{font-size:37px}.service{padding:25px}.service h3{font-size:25px}.service p{font-size:15px}.waveform{gap:2px}}
@media(prefers-reduced-motion:reduce){.ambient-canvas{display:none}.project-card:hover,.project-card:focus-within,.service:hover{transform:none}.service:hover .service-visual img{transform:none}.sound-orbit:before{animation:none}.contact-section:before,.featured-stat:after,.service-visual:after{animation:none}}

/* Atmospheric surfaces stay below the actual content. */
.portfolio>.section-heading,.portfolio>.filters,.portfolio>.project-grid,.portfolio>#filter-status,.voice-panel,.service-menu>.section-heading,.service-menu>.service-list{position:relative;z-index:1}
.voice-section:before{z-index:-2}.voice-section:after{z-index:-1}.section-atmosphere{mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent)}
.contact-dialog{padding:0;border:1px solid #498aca66;background:radial-gradient(ellipse at 100% 0%,#0d4c9255,transparent 70%),#06192e;color:#e7ebf1;width:min(620px,calc(100vw - 32px));max-height:90svh;overflow:auto;border-radius:10px;box-shadow:0 20px 100px #000a}
.contact-dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}.contact-dialog .dialog-top{align-items:center;padding:26px 28px}.contact-dialog .dialog-top h2{font-size:30px;font-weight:200}.contact-dialog-content{padding:24px 28px 30px}.contact-dialog-content>p{font-size:16px;color:#adc6df;margin:0 0 26px}.contact-options{display:grid;gap:12px}.contact-option{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid #3884c34d;border-radius:6px;background:#0a2b4b55;transition:background .25s,border-color .25s}.contact-option:hover{background:#124d7b55;border-color:#69baff88}.contact-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid #7acbff66;border-radius:50%;font-size:20px;font-weight:300;color:#b8e4ff;box-shadow:0 0 25px #078aff20}.contact-option strong{display:block;font-size:20px;font-weight:300}.contact-option>span:last-child>span{display:block;margin-top:5px;color:#9db9d6;font-size:14px}.contact-option:focus-visible{outline:2px solid #b0dfff;outline-offset:4px}
.audio-sample{position:relative;width:100%;padding:65px 32px 40px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#1263b866,transparent 65%),#061a30;display:grid;gap:32px;justify-items:center}.audio-sample-label{position:relative;font-size:25px;font-weight:200;text-align:center}.audio-sample audio{position:relative;width:min(100%,660px);color-scheme:dark}.audio-sample-glow{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 13px,#3299f022 14px 15px);mask-image:radial-gradient(ellipse,#0009,transparent 65%);animation:audio-light 7s ease-in-out infinite alternate}
@keyframes audio-light{to{opacity:.35;transform:translateY(-15px)}}
@media(max-width:760px){.contact-dialog .dialog-top{padding:20px}.contact-dialog .dialog-top h2{font-size:25px}.contact-dialog-content{padding:20px}.audio-sample{padding:45px 18px 30px}.audio-sample-label{font-size:22px}}