.c-lab{padding:5vw var(--c-gutter) 4.5vw;background:#111}.c-lab-head .c-heading{font-size:clamp(56px,5.6vw,96px);line-height:1}.c-lab-head>p{color:#bdbdbd;margin-top:.8vw;font-size:clamp(18px,1.55vw,26px);line-height:1.45}.c-lab-body{grid-template-columns:minmax(0,58fr) minmax(0,30fr);align-items:center;gap:9%;margin-top:1.5vw;display:grid}.c-lab-stack{aspect-ratio:16/10.4;touch-action:pan-y;margin-bottom:64px;position:relative}.c-lab-card{transform-origin:100% 0;width:80%;transition:transform 1s var(--c-ease),filter 1s ease,opacity .8s ease;position:absolute;bottom:0;left:0}.c-lab-card[data-depth="0"]{z-index:4}.c-lab-card[data-depth="1"]{z-index:3;filter:brightness(.5)saturate(.8);transform:translate(9%,-12%)scale(.94)}.c-lab-card[data-depth="2"]{z-index:2;filter:brightness(.36)saturate(.7);transform:translate(16%,-22%)scale(.88)}.c-lab-card[data-depth="3"]{z-index:1;filter:brightness(.26)saturate(.6);transform:translate(22%,-31%)scale(.82)}.c-lab-card:not([data-depth="0"]):not([data-depth="1"]):not([data-depth="2"]):not([data-depth="3"]){opacity:0}.c-lab-card__content{display:contents}.c-lab-card__bring{z-index:6;cursor:pointer;border-radius:clamp(7px,.7vw,12px);width:100%;height:100%;position:absolute;inset:0}.c-lab-card__bring:focus-visible{outline-offset:4px;outline:1px solid #fff}@media (hover:hover) and (pointer:fine){.c-lab-card:not([data-depth="0"]):hover{filter:brightness(.72)saturate(.9)}}.c-lab-card__link{display:block}.c-lab-card .c-lab-card__browser{transition:box-shadow .8s;box-shadow:0 0 0 1px #ffffff1a,0 40px 90px -30px #000000e6,0 16px 34px -14px #0009}.c-lab-soon__canvas{aspect-ratio:2400/1500;background:radial-gradient(80% 70% at 50% 42%,#fff 0%,#f4f5f9 55%,#e6e8f0 100%);place-items:center;display:grid}.c-lab-soon__canvas img{width:46%;height:auto}.c-lab-card .c-lab-card__phone{width:24%;transition:opacity .6s ease,transform 1s var(--c-ease);position:absolute;top:24%;right:-10%}.c-lab-card__cta{color:#f5f4f1;letter-spacing:.08em;text-transform:uppercase;background:#0a0a0a99;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 14px;font-size:clamp(12px,.9vw,14px);transition:opacity .6s,background .3s;display:inline-flex;position:absolute;bottom:-58px;left:0;box-shadow:0 12px 30px -10px #0009}.c-lab-card__cta .c-arrow{width:18px;height:18px;transition:transform .45s var(--c-ease)}.c-lab-card__cta--soon{color:#bdbdbd;letter-spacing:.16em}.c-lab-card:not([data-depth="0"]) :is(.c-lab-card__phone,.c-lab-card__cta){opacity:0;pointer-events:none}.c-lab-card:not([data-depth="0"]) .c-lab-card__phone{transform:translateY(12%)}.c-lab-live{background:#f5f4f1;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;position:relative}.c-lab-live:after{content:"";background:#f5f4f1;border-radius:50%;animation:2.2s cubic-bezier(0,0,.2,1) infinite c-lab-ping;position:absolute;inset:0}@keyframes c-lab-ping{0%{opacity:.7;transform:scale(1)}80%,to{opacity:0;transform:scale(3.2)}}.c-lab-info{animation:c-lab-in .8s var(--c-ease) both}@keyframes c-lab-in{0%{opacity:0;transform:translateY(18px)}}.c-lab-info h3{font:400 clamp(40px,3.7vw,64px)/1.02 var(--c-serif);letter-spacing:-.025em}.c-lab-info>p{color:#bdbdbd;margin-top:1.6vw;font-size:clamp(17px,1.4vw,23px);line-height:1.5}.c-lab-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:2vw;margin:2.6vw 0 0;display:grid}.c-lab-facts dt{color:#8d8d8d;font-size:clamp(13px,.95vw,15px)}.c-lab-facts dd{color:#f5f4f1;align-items:baseline;gap:10px;margin:.6em 0 0;font-size:clamp(16px,1.25vw,20px);line-height:1.35;display:flex}.c-lab-facts dd .c-lab-live{transform:translateY(-2px)}.c-lab-about{align-items:center;gap:18px;min-height:48px;margin-top:2.8vw;font-size:clamp(17px,1.35vw,22px);display:inline-flex}.c-lab-about>span{background:#262626;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .3s;display:grid}.c-lab-about .c-arrow{width:18px;height:18px;transition:transform .45s var(--c-ease)}.c-lab-nav{justify-content:space-between;align-items:flex-end;gap:4vw;margin-top:3vw;display:flex}.c-lab-timeline{align-items:flex-end;gap:clamp(20px,2.4vw,44px);min-width:0;display:flex}.canva-portfolio .c-lab-timeline button{text-align:left;color:#8a8a8a;min-width:clamp(200px,16vw,280px);transition:color .3s;display:block}.canva-portfolio .c-lab-timeline button.is-active{color:#f5f4f1}.c-lab-tab{align-items:center;gap:14px;display:flex}.c-lab-tab>span:last-child{flex-direction:column;gap:4px;font-size:clamp(15px,1.1vw,18px);line-height:1.25;display:flex}.c-lab-tab small{letter-spacing:.18em;color:#6f6f6f;font-variant-numeric:tabular-nums;font-size:11px}.is-active .c-lab-tab small{color:#f5f4f1}.c-lab-thumb{aspect-ratio:1;opacity:.42;filter:grayscale(.8);width:clamp(40px,3.1vw,52px);transition:opacity .4s ease,filter .4s ease,transform .6s var(--c-ease);border-radius:10px;flex:none;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.is-active .c-lab-thumb{opacity:1;filter:none}.c-lab-thumb--src{background:#c7ffda}.c-lab-thumb--src img{width:74%;height:auto}.canva-portfolio .c-lab-timeline button:focus:not(:focus-visible){outline:none}.c-lab-thumb--alligo{background:#fff}.c-lab-thumb--alligo svg{width:100%;height:100%}.c-lab-line{background:#2c2c2c;height:1px;margin-top:16px;display:block;position:relative}.c-lab-line b{background:#f5f4f1;width:0;height:2px;position:absolute;top:-.5px;left:0}.is-active .c-lab-line b{width:100%}.is-timing .c-lab-line b{animation:c-lab-timer var(--lab-timer) linear both}@keyframes c-lab-timer{0%{width:0}to{width:100%}}.c-lab-arrows{flex:none;align-items:center;gap:14px;display:flex}.c-lab-count{letter-spacing:.06em;color:#bdbdbd;font-variant-numeric:tabular-nums;margin-right:18px;font-size:15px}.canva-portfolio .c-lab-arrows button{color:#f5f4f1;border:1px solid #3a3a3a;place-items:center;width:56px;height:56px;transition:background .3s,border-color .3s;display:grid}.c-lab-arrows .c-arrow{width:20px;height:20px}@media (hover:hover) and (pointer:fine){.c-lab-card__cta:hover{background:#1c1c1c;border-color:#ffffff52}.c-lab-card__cta:hover .c-arrow{transform:translate(3px,-3px)}.c-lab-about:hover>span{background:#3a3a3a}.c-lab-about:hover .c-arrow{transform:translate(3px)}.canva-portfolio .c-lab-arrows button:hover{background:#1f1f1f;border-color:#5a5a5a}.canva-portfolio .c-lab-timeline button:hover{color:#f5f4f1}.canva-portfolio .c-lab-timeline button:hover .c-lab-thumb{opacity:.85;transform:translateY(-2px)}.c-lab-stack:has(.c-lab-card[data-depth="0"] .c-lab-card__link:hover) .c-lab-card[data-depth="0"]{transform:translateY(-1.6%)}.c-lab-stack:has(.c-lab-card[data-depth="0"] .c-lab-card__link:hover) .c-lab-card[data-depth="0"] .c-lab-card .c-lab-card__browser{transition:box-shadow .8s;box-shadow:0 0 0 1px #ffffff24,0 60px 110px -30px #000000f2,0 22px 40px -16px #000000b3}.c-lab-stack:has(.c-lab-card[data-depth="0"] .c-lab-card__link:hover) .c-lab-card[data-depth="0"] .c-lab-card__phone{transform:translateY(-5%)rotate(-1.5deg)}.c-lab-stack:has(.c-lab-card[data-depth="0"] .c-lab-card__link:hover) .c-lab-card[data-depth="1"]{transform:translate(11.5%,-14.5%)scale(.94)}}@media (max-width:1023px){.c-lab{padding:88px var(--c-gutter) 72px}.c-lab-head>p{margin-top:14px;font-size:18px}.c-lab-body{grid-template-columns:1fr;gap:56px;margin-top:40px}.c-lab-stack{max-width:760px}.c-lab-info>p{margin-top:16px}.c-lab-facts{gap:20px;margin-top:28px}.c-lab-about{margin-top:28px}.c-lab-nav{margin-top:48px}.c-lab{flex-direction:column;display:flex}.c-lab-body,.c-lab-nav{display:contents}.c-lab-timeline{order:1;margin-top:32px}.c-lab-stack{order:2;margin-top:44px;margin-bottom:84px}.c-lab-arrows{display:none}.c-lab-info{order:3}}@media (max-width:767px){.c-lab-card{width:86%}.c-lab-card .c-lab-card__phone{width:26%;top:20%;right:-6%}.c-lab-card__cta{min-height:40px;font-size:11px;bottom:-70px}.c-lab-info h3{font-size:40px}.c-lab-facts{grid-template-columns:1fr 1fr}.c-lab-nav{flex-direction:column;align-items:stretch;gap:28px}.c-lab-timeline{gap:16px}.canva-portfolio .c-lab-timeline button{flex:1;min-width:0}.c-lab-arrows{justify-content:flex-end}.canva-portfolio .c-lab-arrows button{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.c-lab-card,.c-lab-card__phone,.c-lab-card__cta{transition:none}.c-lab-live:after{animation:none;display:none}.c-lab-info{animation:none}.is-timing .c-lab-line b{width:100%;animation:none}}