.service-lab{background:#040708;padding:75px 0 100px;overflow:hidden}
.service-lab-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:20px}
.service-lab-label{font:10px var(--mono);letter-spacing:.12em;color:#8cabb4;margin:0}
.service-stage-controls{display:flex;align-items:center;gap:15px;color:#a8c5cc}
.service-stage-controls button{font:25px var(--display);border:1px solid #345059;width:42px;height:42px;background:none;color:#d4eaf0;cursor:pointer;transition:color .2s,border-color .2s}
.service-stage-controls button:hover,.service-stage-controls button:focus-visible{color:var(--cyan);border-color:var(--cyan)}
.service-stage-controls .service-motion{border-color:transparent;font-size:20px;width:30px}
.service-motion[hidden]{display:none}.service-frame{font-size:9px;white-space:nowrap}
.service-stage{height:660px;position:relative;isolation:isolate;background:#040708;border-block:1px solid #19373f;overflow:hidden;touch-action:pan-y;--scene-x:0px;--scene-y:0px}
.service-scene{position:absolute;inset:0;overflow:hidden;background:#040708}
.service-scene[hidden]{display:none!important}
.service-render{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;transform:translate(var(--scene-x),var(--scene-y)) scale(1.045);transition:transform 1s ease;animation:service-drift 18s ease-in-out infinite alternate;animation-play-state:paused;filter:saturate(.88)}
.service-scene:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#040708ec 0%,#040708b8 25%,#04070830 56%,transparent 80%),linear-gradient(0deg,#040708c2 0%,transparent 32%,transparent 82%,#04070826 100%)}
.service-scene:before{content:'';position:absolute;inset:-40%;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 43%,#00d2e810 49%,#61eaf820 50%,transparent 57%);transform:translateX(-18%);animation:service-light 12s ease-in-out infinite;animation-play-state:paused}
.service-scene-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:start;height:100%;padding:55px 5%;max-width:680px;box-sizing:border-box}
.service-scope{font-size:9px;letter-spacing:.06em;color:var(--cyan);line-height:1.8}
.service-scene h3{font:700 clamp(65px,8vw,135px)/.86 var(--display);letter-spacing:-.025em;margin:25px 0;white-space:pre-line;color:#f2fafb;overflow-wrap:normal}
.service-scene p{font:14px/1.9 var(--body);color:#b8cbd0;max-width:400px;margin:0}
.service-scene-actions{margin-top:35px;display:flex;flex-wrap:wrap;align-items:center;gap:22px}
.service-start{font:10px var(--mono);letter-spacing:.03em;display:flex;gap:22px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--cyan);color:#e7f8fc}
.service-start b{font:25px var(--body);font-weight:400;color:var(--cyan)}
.service-see{font:9px var(--mono);letter-spacing:.025em;color:#8db0ba;display:flex;gap:14px}
.service-start:hover,.service-see:hover{color:var(--cyan)}
.service-selector{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#315b65 #070b0d;border-bottom:1px solid #19373f;overscroll-behavior-inline:contain}
.service-select{flex:1 0 135px;min-width:0;text-align:left;border:0;border-top:2px solid transparent;background:#05090b;color:#71919b;padding:22px 16px 24px;cursor:pointer;position:relative;transition:background .25s,color .25s}
.service-select .mono{display:block;font-size:8px;margin-bottom:10px;color:#4d7883}
.service-select>span:last-child{font:600 24px/1.05 var(--display);white-space:normal;display:block;max-width:145px}
.service-select:hover,.service-select:focus-visible{color:#e0f3f6;background:#0a181e;outline:none}
.service-select.is-current{border-top-color:var(--cyan);color:#f1fcff;background:#09202a}
.service-select.is-current .mono{color:var(--cyan)}
.service-lab.is-visible:not(.is-still) .service-scene:not([hidden]) .service-render,.service-lab.is-visible:not(.is-still) .service-scene:not([hidden]):before{animation-play-state:running}
.service-lab.is-still .service-render{transition:none;transform:scale(1.045)}
.service-scene:not([hidden]) .service-scene-copy{animation:scene-copy-in .6s both}
@keyframes scene-copy-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes service-drift{from{transform:translate(var(--scene-x),var(--scene-y)) scale(1.035)}to{transform:translate(calc(var(--scene-x) - 8px),calc(var(--scene-y) + 4px)) scale(1.075)}}
@keyframes service-light{0%,100%{transform:translateX(-25%);opacity:.1}50%{transform:translateX(25%);opacity:.75}}
html[lang=is] .service-scene h3{font-size:clamp(60px,7vw,118px)}
.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px}
.team-grid article{display:block;padding-top:0;border-top:0}
.team-photo{width:100%;max-width:480px;filter:none;background:#05080b;border:1px solid #20414a;position:relative}
.team-photo img{transform:scale(1.205);filter:saturate(.82) contrast(1.08) brightness(.97)}
.team-photo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,#00d2e81c,transparent 48%,#031b2722);mix-blend-mode:color}
.team-meta{padding-top:25px}
@media(max-width:1000px){.service-stage{height:610px}.service-scene-copy{padding-left:4%;max-width:560px}.service-scene h3{font-size:clamp(68px,8.8vw,100px)}.service-scene p{font-size:13px;max-width:340px}.service-scene:after{background:linear-gradient(90deg,#040708ed,#040708c7 30%,#04070838 70%,transparent)}.service-select{flex-basis:145px}.team-grid{gap:30px}}
@media(max-width:620px){.service-lab{padding:55px 0 65px}.service-lab-top{gap:14px}.service-lab-label{font-size:8px}.service-stage-controls{gap:8px}.service-stage-controls button{width:34px;height:34px;font-size:22px}.service-stage-controls .service-motion{width:22px}.service-frame{font-size:8px}.service-stage{height:640px}.service-render{height:76%;object-position:67% top;opacity:.95}.service-scene:after{background:linear-gradient(0deg,#040708 0%,#040708f2 27%,#04070884 54%,#04070820 85%,#04070838 100%)}.service-scene-copy{padding:280px 20px 35px;justify-content:end;max-width:none}.service-scene h3{font-size:clamp(57px,12.5vw,78px);margin:16px 0;line-height:.93}.service-scope{font-size:7px}.service-scene p{font-size:11px;line-height:1.8;max-width:350px}.service-scene-actions{margin-top:22px;gap:20px}.service-start{font-size:8px;gap:14px;padding-bottom:6px}.service-start b{font-size:20px}.service-see{font-size:8px}.service-select{flex-basis:130px;padding:17px 13px}.service-select>span:last-child{font-size:22px}html[lang=is] .service-scene h3{font-size:clamp(49px,10vw,66px)}.team-grid{gap:25px}.team-meta{padding-top:20px}.team-meta h3{font-size:39px}.team-meta .mono{font-size:8px}.team-meta p{font-size:8px;line-height:1.7}}
@media(max-width:400px){.service-stage{height:660px}.service-scene-copy{padding-inline:15px}.service-scene h3{font-size:54px}.service-scene-actions{gap:13px}.service-scene p{font-size:10px}.service-start,.service-see{font-size:7px}}
@media(prefers-reduced-motion:reduce){.service-render,.service-scene:before,.service-scene:not([hidden]) .service-scene-copy{animation:none!important}.service-render{transform:none!important;transition:none}.service-select{transition:none}}
.portfolio-preview{margin:0 0 34px}
.portfolio-preview-head{display:flex;justify-content:space-between;gap:20px;padding:15px 0 19px;border-top:1px solid #41545b;color:#9db8bf;font-size:10px;letter-spacing:.1em}
.portfolio-preview-head span:first-child{color:var(--cyan)}
.portfolio-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.portfolio-preview-card{display:block;min-width:0;color:#eef7f8;text-decoration:none}
.portfolio-preview-image{display:block;position:relative;overflow:hidden;aspect-ratio:16/10;background:#0c1418}
.portfolio-preview-image img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.32) brightness(.84);transition:transform .5s,filter .4s}
.portfolio-preview-card:hover img,.portfolio-preview-card:focus-visible img{transform:scale(1.045);filter:grayscale(0) brightness(1)}
.portfolio-preview-image>span{position:absolute;right:12px;bottom:12px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #cce4e9a8;background:#071013d9;color:var(--cyan);font-size:23px}
.portfolio-preview-type{display:block;margin:12px 0 5px;color:var(--cyan);font-size:9px;letter-spacing:.07em}
.portfolio-preview-card strong{display:block;font:600 clamp(19px,2vw,31px)/1.05 var(--display);letter-spacing:-.015em}
.portfolio-preview-card:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.team-grid.team-type{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#294048;border-block:1px solid #294048}
.team-grid.team-type article{min-width:0;min-height:335px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:30px;border:0;padding:29px 24px 26px;background:#070b0e;overflow:hidden;transition:background .3s}
.team-grid.team-type article:hover{background:#0b171b}
.team-grid.team-type article:after{content:'';position:absolute;left:24px;right:24px;bottom:0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);opacity:.75}
.team-grid.team-type .team-index{color:var(--cyan);font-size:9px;letter-spacing:.1em}
.team-grid.team-type .team-meta{padding:0;position:relative;z-index:1;min-width:0}
.team-grid.team-type .team-meta h3{font:600 clamp(65px,5.8vw,110px)/.84 var(--display);letter-spacing:-.025em;margin:0 0 12px;overflow-wrap:anywhere}
.team-grid.team-type .team-meta p{font:10px/1.5 var(--mono);color:#9db4ba;letter-spacing:.05em;max-width:270px;margin:0}
@media(max-width:850px){.team-grid.team-type{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid.team-type article{min-height:270px}.team-grid.team-type .team-meta h3{font-size:clamp(58px,8vw,92px)}}
@media(max-width:620px){.portfolio-preview-grid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.portfolio-preview-card{flex:0 0 78%;scroll-snap-align:start}.portfolio-preview-card strong{font-size:26px}.team-grid.team-type{grid-template-columns:1fr}.team-grid.team-type article{min-height:185px;padding:20px}.team-grid.team-type article:after{left:20px;right:20px}.team-grid.team-type .team-meta h3{font-size:clamp(64px,16vw,95px)}.team-grid.team-type .team-meta p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.portfolio-preview-image img,.team-grid.team-type article{transition:none}}