.sc-hero{position:relative;isolation:isolate;height:100svh;min-height:780px;max-height:1150px;background:#111;overflow:hidden}
.sc-project-type{color:#b8b8b8;font-size:10px;letter-spacing:.09em}
.sc-hero-art{position:absolute;inset:0;z-index:-3;transform:translate3d(0,var(--sc-parallax,0px),0);animation:qt-hero-arrive 1.2s cubic-bezier(.2,.65,.2,1) both}
.sc-hero-frame{position:absolute;overflow:hidden;border:1px solid #ffffff29;border-radius:6px;background:#f4f4f4;box-shadow:0 25px 80px #0008;transform:rotate(-11deg)}
.sc-hero-frame img{width:100%;height:auto;display:block}
.sc-hero-main{width:75vw;max-width:1250px;left:12vw;top:90px}
.sc-hero-side{width:42vw;max-width:750px;height:26vw;max-height:470px;left:66vw;top:350px}
.sc-hero-phone{width:15vw;max-width:240px;height:32vw;max-height:510px;left:7vw;top:145px;border:6px solid #171717;border-radius:26px}
.sc-flesk .sc-hero-main{left:19vw;top:70px;width:77vw}
.sc-flesk .sc-hero-side{width:47vw;height:auto;max-width:820px;left:39vw;top:520px}
.sc-flesk .sc-hero-phone{left:8vw;top:165px}
.sc-hero-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#111c 0%,#1115 18%,#1110 32%,#1115 49%,#111e 83%,#111 100%),linear-gradient(90deg,#1118,#1110 60%)}
.sc-hero-copy{position:absolute;left:50%;bottom:48px;transform:translateX(-50%)}
.sc-hero-title{display:flex;justify-content:space-between;align-items:end;gap:35px}
.sc-case .sc-hero h1{font-size:clamp(94px,14.5vw,230px);font-weight:400;line-height:.86;letter-spacing:-.078em}
.sc-flesk .sc-hero h1{font-size:clamp(155px,20vw,320px)}
.sc-descriptor{color:#d2d2d2;font-size:clamp(22px,2.5vw,39px);letter-spacing:-.045em;line-height:1.1;padding-bottom:10px;text-align:right}
.sc-hero .qt-hero-bottom{margin-top:32px}
.sc-case [id^="sc-"]{scroll-margin-top:160px}
.sc-focus{padding-block:105px 115px}
.sc-principles{padding-block:68px 80px}
.sc-principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px;margin-top:39px}
.sc-principle-grid>div{padding-top:20px;border-top:1px solid #bbb}
.sc-principle-grid h3{font-size:clamp(32px,3.8vw,59px);line-height:1;margin-top:25px;letter-spacing:-.065em}
.sc-principle-grid p{font-size:17px;line-height:1.5;color:#606060;margin-top:17px;max-width:250px}
.sc-web{padding-block:110px 100px}
.sc-browser{padding:20px 25px 24px;background:#222;border:1px solid #414141;min-width:0}
.sc-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:17px;color:#bcbcbc;font-size:9px;letter-spacing:.065em;text-transform:uppercase}
.sc-browser-dots{display:flex;gap:5px;min-width:72px}.sc-browser-dots i{width:6px;height:6px;border:1px solid #888;border-radius:50%;display:block}
.sc-open,.sc-phone-open{display:grid;place-items:center;border:1px solid #777;border-radius:50%;background:#111d;color:#f4f4f4;width:32px;height:32px;flex:none}
.sc-browser .sc-open{margin-left:40px}.sc-open svg,.sc-phone-open svg{width:15px;height:15px}
.sc-browser-viewport{height:min(60vw,730px);min-height:400px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#888 #ddd;background:#f5f5f5;outline-offset:4px;border-radius:2px}
.sc-browser-viewport img{width:100%;height:auto;display:block}
.sc-case .sc-browser figcaption{margin-top:17px;font-size:8px}
.sc-split-heading{display:grid;grid-template-columns:.32fr 1fr;gap:40px;margin-bottom:52px}
.sc-split-heading>.qt-eyebrow{padding-top:12px}.sc-split-heading>div>p{max-width:680px;color:#b8b8b8;font-size:18px;line-height:1.6;margin-top:27px}
.sc-product{padding-block:20px 115px}
.sc-product-panel{align-items:start;gap:40px}
.sc-product-panel .qt-product-copy{padding-top:35px}
.sc-tab-browser{padding:16px 18px 19px}.sc-tab-browser .sc-browser-viewport{height:640px;min-height:0}
.sc-tab-browser .sc-browser-dots{min-width:30px}.sc-tab-browser .sc-browser-bar{font-size:8px}.sc-tab-browser .sc-open{margin-left:0}
.sc-tab-browser figcaption>span:first-child{max-width:65%}.sc-case .sc-tab-browser figcaption>span:last-child{white-space:normal;text-align:right}
.sc-tabs{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#777 #222;gap:32px}
.sc-phone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;margin-top:65px;align-items:start}
.sc-phone-grid>figure:nth-child(even){margin-top:60px}
.sc-phone{border:7px solid #191919;border-radius:31px;background:#191919;position:relative;overflow:hidden;box-shadow:0 15px 40px #0002}
.sc-phone-viewport{aspect-ratio:360/775;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a8a8a8 #ddd;border-radius:23px;background:#fff;outline-offset:-4px}
.sc-phone-viewport img{display:block;width:100%;height:auto}
.sc-phone-open{position:absolute;right:10px;bottom:10px;width:31px;height:31px}
.sc-case .sc-phone-grid figcaption{display:block;margin-top:25px;color:#555;font-size:10px}
.sc-phone-grid figcaption p{font-size:17px;line-height:1.4;letter-spacing:-.025em;text-transform:none;margin-top:10px;max-width:270px}
.sc-two-phones{grid-template-columns:1fr 1fr;max-width:850px;margin-inline:auto;gap:100px}
.sc-two-phones .sc-phone{border-radius:39px;border-width:9px}.sc-two-phones .sc-phone-viewport{border-radius:29px;aspect-ratio:414/870}
.sc-more-mobile{margin-top:52px;border-top:1px solid #c6c6c6;padding-top:25px;display:flex;justify-content:flex-end}
.sc-more-mobile button{border:0;background:none;color:#333;display:inline-flex;align-items:center;gap:20px;font-size:13px}
.sc-foundations{padding-block:115px}
.sc-board-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.sc-board-grid .qt-visual img{aspect-ratio:auto;object-fit:contain;background:#070A11}
.sc-social{margin-top:65px}.sc-social img{aspect-ratio:4;object-fit:contain}
.sc-lightbox .qt-lightbox-actions button[data-sc-zoom]{width:auto;min-width:83px;border-radius:22px;padding-inline:14px;white-space:nowrap;font-size:11px}
.sc-case.sc-motion [data-sc-reveal]{opacity:0;transform:translateY(23px);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.sc-case.sc-motion [data-sc-reveal].sc-visible{opacity:1;transform:none}
@media(max-width:1050px){.sc-hero-main{width:92vw;left:7vw;top:145px}.sc-hero-side{left:66vw;top:400px;width:52vw;height:33vw}.sc-hero-phone{width:21vw;left:2vw;top:160px;height:45vw}.sc-flesk .sc-hero-main{width:97vw;left:12vw;top:120px}.sc-flesk .sc-hero-side{width:67vw;left:38vw;top:440px}.sc-flesk .sc-hero-phone{left:3vw;top:160px}.sc-descriptor{font-size:24px}.sc-split-heading{grid-template-columns:.23fr 1fr;gap:28px}.sc-product-panel{gap:28px}.sc-product-panel .qt-product-copy{padding-top:0}.sc-phone-grid{gap:22px}.sc-two-phones{gap:60px}.sc-tab-browser .sc-browser-viewport{height:700px}}
@media(max-width:760px){.sc-hero{height:94svh;min-height:710px;max-height:950px}.sc-project-type{font-size:8px;max-width:115px;text-align:right;line-height:1.5}.sc-hero-main{width:151vw;left:4vw;top:155px}.sc-hero-side{width:90vw;height:57vw;left:58vw;top:340px}.sc-hero-phone{width:31vw;height:66vw;left:2vw;top:140px;border-width:4px;border-radius:19px}.sc-flesk .sc-hero-main{width:155vw;left:10vw;top:150px}.sc-flesk .sc-hero-phone{left:2vw;top:150px}.sc-flesk .sc-hero-side{width:108vw;left:28vw;top:380px}.sc-hero-copy{bottom:31px}.sc-case .sc-hero h1{font-size:clamp(70px,18.2vw,137px);letter-spacing:-.075em;line-height:.9}.sc-flesk .sc-hero h1{font-size:clamp(112px,29vw,210px)}.sc-hero-title{gap:17px;align-items:end;flex-wrap:wrap}.sc-descriptor{font-size:17px;line-height:1.1;padding-bottom:4px;text-align:left}.sc-selection .sc-descriptor{width:100%;padding:0;margin-top:-3px}.sc-hero .qt-tags{margin-bottom:20px}.sc-hero .qt-hero-bottom{margin-top:24px}.sc-hero .qt-hero-bottom p{max-width:265px}.sc-principles{padding-block:60px}.sc-principle-grid{grid-template-columns:1fr 1fr;gap:34px 25px;margin-top:29px}.sc-principle-grid>div{padding-top:18px}.sc-principle-grid h3{font-size:38px;margin-top:21px}.sc-principle-grid p{font-size:15px;margin-top:15px}.sc-focus{padding-block:70px 75px}.sc-web{padding-block:75px}.sc-browser{padding:12px 12px 17px}.sc-browser-bar{font-size:8px;letter-spacing:.03em;gap:7px;padding-bottom:12px}.sc-browser-dots{min-width:30px;gap:3px}.sc-browser-dots i{width:5px;height:5px}.sc-browser .sc-open{margin-left:0;width:28px;height:28px}.sc-browser-viewport{height:470px;max-height:70svh;min-height:0}.sc-case .sc-browser figcaption{font-size:7px;gap:10px}.sc-browser figcaption>span:first-child{max-width:72%}.sc-product{padding-block:5px 75px}.sc-split-heading{grid-template-columns:1fr;gap:25px;margin-bottom:32px}.sc-split-heading>.qt-eyebrow{padding:0}.sc-split-heading>div>p{font-size:16px;margin-top:22px}.sc-tabs{gap:25px;justify-content:flex-start}.sc-tabs button{font-size:12px;min-height:45px;padding-inline:1px}.sc-tab-browser .sc-browser-viewport{height:450px;max-height:70svh}.sc-case .sc-tab-browser figcaption>span:last-child{display:block}.sc-product-panel{gap:27px}.sc-phone-grid{grid-template-columns:repeat(4,230px);gap:25px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#999 #ddd;margin:42px -20px 0;padding:0 27px 20px;scroll-padding-inline:27px}.sc-phone-grid>figure{scroll-snap-align:center}.sc-phone-grid>figure:nth-child(even){margin-top:0}.sc-phone{border-width:6px;border-radius:28px}.sc-phone-viewport{border-radius:21px}.sc-phone-grid figcaption p{font-size:16px}.sc-two-phones{grid-template-columns:1fr;max-width:320px;margin:42px auto 0;padding:0;gap:40px;overflow:visible}.sc-two-phones .sc-phone{border-width:7px;border-radius:32px}.sc-two-phones .sc-phone-viewport{border-radius:24px}.sc-more-mobile{margin-top:35px;padding-top:22px}.sc-foundations{padding-block:75px}.sc-board-grid{grid-template-columns:1fr;gap:30px}.sc-social{margin-top:35px}.sc-social img{aspect-ratio:auto}.sc-lightbox .qt-lightbox-actions button[data-sc-zoom]{font-size:10px;padding-inline:10px;min-width:70px}.sc-case [id^="sc-"]{scroll-margin-top:145px}}
@media(max-width:380px){.sc-hero{min-height:680px}.sc-case .sc-hero h1{font-size:67px}.sc-flesk .sc-hero h1{font-size:109px}.sc-hero-main,.sc-flesk .sc-hero-main{top:135px}.sc-hero-phone,.sc-flesk .sc-hero-phone{top:125px}.sc-principle-grid{gap:30px 17px}.sc-principle-grid h3{font-size:33px}.sc-hero .qt-tags span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.sc-case *,.sc-case *::before,.sc-case *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sc-case [data-sc-reveal]{opacity:1!important;transform:none!important}.sc-hero-art{transform:none!important}}