body{font-size:16px;line-height:1.6}button{cursor:pointer}button:disabled{cursor:default}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.section{margin:0 var(--gutter);padding:80px 0;position:relative}.section-heading{display:flex;align-items:center;gap:30px;margin-bottom:36px}.section-heading h2{font-size:clamp(32px,4vw,56px);font-weight:200;letter-spacing:-.045em;line-height:1.15;margin:0}.section-heading:after{content:'';height:1px;background:linear-gradient(90deg,#127bcc,#127bcc00);flex:1}
.portfolio{padding-top:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.filters button{border:1px solid #1c3750;border-radius:30px;background:transparent;padding:10px 19px;font-size:14px;font-weight:300;transition:background .2s,border-color .2s}.filters button[aria-pressed=true]{background:#0d5ecb;border-color:#247efa}.filters button:hover{border-color:#5799cf}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 24px}.project-card{position:relative;min-width:0}.project-card.featured{grid-column:span 2}.card-open{display:block;width:100%;padding:0;background:none;border:0;text-align:left}.project-media{position:relative;height:310px;overflow:hidden;background:#061c35;border:1px solid #21456b;border-radius:5px;isolation:isolate}.project-media:before{content:'';position:absolute;inset:0;background-image:var(--poster);background-position:center;background-size:cover;filter:blur(24px);opacity:.22;transform:scale(1.15)}.project-media:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 45px #008cff00;transition:box-shadow .35s;pointer-events:none}.card-open:hover .project-media:after{box-shadow:inset 0 0 45px #008cff25}.project-media img,.project-media video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.project-media video{opacity:0;transition:opacity .25s}.project-card.previewing video{opacity:1}.play-mark{position:absolute;bottom:16px;right:16px;border:1px solid #cae6ff66;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;background:#07182d80;backdrop-filter:blur(12px);transition:background .3s,transform .3s;z-index:2}.play-mark svg{width:16px;fill:#fff;margin-left:3px}.card-open:hover .play-mark{background:#006eff;transform:scale(1.06)}
.card-meta{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding-top:19px}.card-meta h3{font-size:21px;line-height:1.25;letter-spacing:-.025em;font-weight:300;margin:0 0 7px}.card-meta p{font-size:14px;line-height:1.5;color:#9fb6ce;margin:0}.metric{flex:none;text-align:right}.metric strong{font-size:24px;line-height:1.2;font-weight:300;color:#91c8ff;white-space:nowrap}.metric span{display:block;font-size:12px;line-height:1.5;color:#91a8bf;max-width:145px;margin-top:5px}.featured .project-media{display:grid;grid-template-columns:40% 60%;height:360px;background:radial-gradient(ellipse at 65% 110%,#005dcc65,transparent 70%),#061c35}.featured .project-media:before{display:none}.featured .project-media img,.featured .project-media video{width:40%}.featured-stat{grid-column:2;align-self:center;padding:25px 35px;position:relative}.featured-stat strong{font-size:clamp(42px,4.6vw,76px);font-weight:200;line-height:1.1;letter-spacing:-.055em;display:block;color:#c8e5ff}.featured-stat span{font-size:16px;color:#a8c6e4;display:block;margin-top:14px}.featured-stat:after{content:'';position:absolute;left:35px;right:20px;bottom:-20px;height:70px;background:linear-gradient(110deg,transparent 47%,#218dff44 48%,transparent 49%);border-bottom:1px solid #26629877;transform:skewY(-8deg)}.featured .play-mark{right:calc(60% + 14px)}
.portfolio:before{content:'';position:absolute;inset:80px -20px;background-image:radial-gradient(#2783d437 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(transparent,#00000070,transparent);pointer-events:none;z-index:-1}.project-card{transition:opacity .5s,transform .5s}.project-card.entering{animation:card-in .6s both}@keyframes card-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.voice-section{margin-top:10px;border-top:1px solid #204269}.voice-panel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:46px 0}.voice-copy h2{font-size:clamp(36px,4.6vw,64px);line-height:1.08;font-weight:200;letter-spacing:-.045em;margin:0 0 25px}.voice-copy p{max-width:460px;font-size:18px;font-weight:300;color:#a8bfd7;line-height:1.65}.voice-copy .voice-caption{font-size:14px;margin:24px 0 0;color:#8faccc}.solid-button{display:inline-flex;align-items:center;gap:16px;font-size:16px;line-height:1.3;border:1px solid #4c95d0;background:#0a4ea0;border-radius:3px;padding:17px 24px;transition:background .25s}.solid-button:hover{background:#126ed5}.voice-art{position:relative;border:1px solid #295981;background:linear-gradient(150deg,#083b75,#05172d 75%);border-radius:5px;overflow:hidden;min-height:340px;display:flex;flex-direction:column;justify-content:center;padding:35px}.voice-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.13;filter:saturate(.5)}.waveform{height:130px;display:flex;align-items:center;justify-content:center;gap:4px;z-index:1}.waveform i{width:3px;background:linear-gradient(#8fdbff,#006fff);height:var(--h);box-shadow:0 0 13px #147cff88;border-radius:2px;transform:scaleY(.65);animation:wave 3.8s ease-in-out infinite;animation-delay:var(--delay)}@keyframes wave{0%,100%{transform:scaleY(.65)}50%{transform:scaleY(1)}}.voice-art-label{display:flex;justify-content:space-between;color:#91c9ff;font-size:14px;position:relative;margin-top:24px}.voice-art-label span:last-child{font-variant-numeric:tabular-nums}
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}.service{padding:30px 0;border-bottom:1px solid #21415e;position:relative}.service h3{font-size:clamp(22px,2.4vw,32px);font-weight:200;letter-spacing:-.03em;margin:0 0 15px}.service p{color:#9eb6cf;max-width:480px;margin:0 0 22px;line-height:1.65;font-weight:300}.text-button{border:0;border-bottom:1px solid #2978ba;background:none;padding:0 0 5px;color:#b3d9ff;font-size:14px}.text-button:hover{color:#fff}.service:before{content:'';position:absolute;top:0;left:0;height:1px;width:0;background:#3ea2ff;box-shadow:0 0 12px #007aff;transition:width .6s}.service:hover:before{width:100%}
.team{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-top:1px solid #21415e}.team h2{font-size:clamp(34px,4vw,55px);font-weight:200;line-height:1.2;letter-spacing:-.04em;margin:0}.team h2 span{color:#80beff}.team p{font-size:18px;font-weight:300;color:#afc3d9;max-width:520px;margin:0}
.contact-section{overflow:hidden;margin:0;padding:100px var(--gutter) 80px;background:radial-gradient(ellipse at 80% 100%,#0354b24a,transparent 70%);border-top:1px solid #234769}.contact-section:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#2e71a916 1px,transparent 1px),linear-gradient(90deg,#2e71a916 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,transparent,#000)}.contact-section h2{position:relative;font-weight:200;letter-spacing:-.05em;font-size:clamp(45px,7vw,100px);line-height:1.1;max-width:950px;margin:0 0 38px}.contact-section .project-link{position:relative;margin-top:0}.contact-section p{color:#aac4df;margin:30px 0 0;font-size:16px}.footer{display:flex;justify-content:space-between;gap:20px;padding:30px var(--gutter);border-top:1px solid #234769;font-size:13px;color:#819bb6}.footer span:last-child{text-align:right}
.case-dialog{padding:0;border:1px solid #326598;background:#06192e;color:#e7ebf1;width:min(1140px,calc(100vw - 48px));max-height:92svh;overflow:auto;border-radius:6px}.case-dialog::backdrop{background:#000c;backdrop-filter:blur(12px)}.dialog-top{padding:26px 32px;display:flex;align-items:flex-start;gap:20px;border-bottom:1px solid #244462}.dialog-top h2{font-size:28px;font-weight:300;letter-spacing:-.03em;margin:0;line-height:1.3}.dialog-top p{font-size:14px;color:#8db4d9;margin:5px 0 0}.close-dialog{margin-left:auto;width:44px;height:44px;flex:none;font-size:28px;line-height:1;border:1px solid #326598;border-radius:50%;background:none}.case-content{padding:28px 32px 32px}.case-summary{font-size:16px;color:#aac2db;max-width:780px;margin:0 0 24px}.case-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.case-tabs button{border:1px solid #345979;background:none;padding:10px 15px;border-radius:3px;font-size:14px}.case-tabs button[aria-pressed=true]{background:#105ec1;border-color:#4284d1}.case-player{background:#020b15;min-height:200px;display:grid;place-items:center;position:relative}.case-player video{width:100%;height:min(54svh,540px);object-fit:contain;display:block}.case-player iframe{width:100%;height:min(54svh,540px);border:0}.case-player .youtube-gate{padding:40px;text-align:center}.youtube-gate img{max-height:270px;max-width:100%;display:block;margin:0 auto 20px}.case-detail{font-size:14px;color:#92b4d3;margin:18px 0}.case-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.case-links a{font-size:14px;color:#b9ddff;border-bottom:1px solid #4683b8;padding-bottom:3px}.case-links .solid-button{border-bottom:1px solid #4c95d0}.media-error{font-size:14px;color:#dceeff;padding:10px}.reveal{opacity:1}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(18px)}.reveal{transition:opacity .65s,transform .65s}
@media(min-width:1700px){.project-media{height:370px}.featured .project-media{height:420px}}
@media(max-width:1100px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured{order:-1}.project-media{height:300px}.project-card.featured{grid-column:span 2}.featured .project-media{height:340px}.voice-panel{gap:30px}.voice-art{padding:20px}.metric strong{font-size:21px}.card-meta{gap:8px}.card-meta h3{font-size:19px}.metric span{max-width:110px}}
@media(max-width:760px){.hero-scene{top:355px}.hero{height:calc(355px + 84.5vw);min-height:630px}.anton-name{top:calc(355px + 47vw)}.felix-name{top:calc(355px + 33vw)}.section{padding:55px 0}.portfolio{padding-top:0}.section-heading{gap:20px;margin-bottom:26px}.filters{gap:7px;margin-bottom:25px}.filters button{padding:9px 14px;font-size:13px}.project-grid{gap:32px 18px}.project-media{height:245px}.project-card.featured{order:0}.featured .project-media{height:280px}.featured-stat{padding:20px}.featured-stat strong{font-size:48px}.featured-stat span{font-size:14px}.featured-stat:after{left:20px}.card-meta{display:block}.metric{text-align:left;margin-top:12px}.metric strong{font-size:22px}.metric span{display:inline;margin-left:8px;font-size:12px;max-width:none}.card-meta h3{font-size:19px}.card-meta p{font-size:13px}.voice-panel{grid-template-columns:1fr;gap:30px;padding:0}.voice-art{min-height:250px;order:1}.voice-copy p{font-size:16px}.services-grid{gap:0 28px}.service p{font-size:15px}.service h3{font-size:24px}.team{grid-template-columns:1fr;gap:26px}.team p{font-size:16px}.contact-section{padding:65px var(--gutter)}.footer{flex-direction:column;gap:7px}.footer span:last-child{text-align:left}.case-dialog{width:calc(100vw - 20px);max-height:94svh}.dialog-top{padding:18px}.dialog-top h2{font-size:23px}.case-content{padding:20px 18px}.case-player video,.case-player iframe{height:45svh}.case-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.case-tabs button{flex:none;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-summary{font-size:15px}.youtube-gate img{max-height:200px}.close-dialog{width:40px;height:40px}}
@media(max-width:520px){.project-grid{grid-template-columns:1fr}.project-card.featured{grid-column:auto}.project-media{height:310px}.featured .project-media{height:310px;grid-template-columns:45% 55%}.featured .project-media img,.featured .project-media video{width:45%}.featured .play-mark{right:calc(55% + 12px)}.featured-stat{padding:15px}.featured-stat strong{font-size:41px}.featured-stat span{font-size:13px}.card-meta{display:flex}.metric{text-align:right;margin:0}.metric span{display:block;max-width:120px;margin:5px 0 0}.services-grid{grid-template-columns:1fr}.waveform{gap:3px}.contact-section .project-link{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.visible){opacity:1;transform:none}}
.portfolio:before{left:0;right:0}.voice-art{min-width:0}.waveform i{flex:1;max-width:3px;min-width:1px}.featured-stat{min-width:0}
@media(max-width:760px){.hero{background-image:linear-gradient(180deg,#03132600 35%,#031326 100%),url(assets/cobalt-atmosphere.png);background-position:left top,58% top;background-size:100% 355px,auto 670px;background-repeat:no-repeat}}
@media(max-width:380px){.featured-stat strong{font-size:34px}.featured-stat{padding:13px}.card-meta{gap:10px}.card-meta h3{font-size:18px}.metric strong{font-size:20px}}