@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap}:root{color:#172d34;font-synthesis:none;--blue:#8ed6e7;--blue-ink:#2e6d7d;--muted:#657287;--ease:cubic-bezier(.22, 1, .36, 1);background:#f8fbfc;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{-webkit-font-smoothing:antialiased;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:6px;outline:3px solid #2e6d7d}button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}img{max-width:100%;display:block}p,h1,h2,h3{margin:0}::selection{color:#174957;background:#bee7f0}.site-shell{width:min(1200px,100% - 96px);margin:0 auto}.skip-link{z-index:100;color:var(--blue-ink);background:#fff;border-radius:8px;padding:14px 18px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:16px}.site-header{justify-content:space-between;align-items:center;height:112px;display:flex}.wordmark{align-items:center;display:inline-flex}.brand-wordmark{flex:none;width:170px;height:auto}.site-header nav{align-items:center;gap:30px;font-size:13px;display:flex}.site-header nav a{align-items:center;min-height:44px;padding:12px 0;display:inline-flex;position:relative}.site-header nav a:after{content:"";background:var(--blue);transform-origin:0;height:1px;transition:transform .25s;position:absolute;bottom:5px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after{transform:scaleX(1)}.intro{justify-content:space-between;align-items:flex-end;gap:40px;padding:93px 0 91px;display:flex}.intro h1{letter-spacing:-1.3px;text-wrap:balance;margin-top:0;font-size:clamp(28px,2.6vw,37px);font-weight:450;line-height:1.24}.intro h1 span{color:var(--blue-ink)}.intro-copy{max-width:590px}.intro-description{max-width:450px;color:var(--muted);margin-top:6px;font-size:15px;line-height:1.4}.intro-credit{color:var(--muted);padding:0 1px 3px 0;font-size:13px;line-height:1.8}.intro-credit strong{color:#343f51;font-weight:450}.section-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-heading h2{color:#657287;letter-spacing:.025em;font-size:11px;font-weight:450}.bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.project-card,.sky-field{border-radius:14px;min-width:0;height:490px;position:relative;overflow:hidden}.project-card{text-align:left;cursor:pointer;isolation:isolate;width:100%;transition:transform .45s var(--ease), box-shadow .45s var(--ease);border:0;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:33px 32px;display:flex}.project-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0c284a0a}.project-card:focus-visible{outline-offset:5px}.card-heading{z-index:2;justify-content:space-between;gap:16px;display:flex;position:relative}.card-heading h3{letter-spacing:-.75px;font-size:23px;font-weight:500;line-height:1.2}.card-arrow{opacity:.65;width:32px;height:32px;transition:opacity .2s, transform .3s var(--ease);border:1px solid;border-radius:50%;flex:none;place-items:center;display:grid}.project-card:hover .card-arrow{opacity:1;transform:rotate(-40deg)}.card-arrow svg{width:16px;height:16px}.jetstream{color:#edfafe;background:#173d49;grid-column:span 8}.jetstream:before{content:"";pointer-events:none;background:radial-gradient(at 82% 90%,#3c8b9e 0,#0000 65%);position:absolute;inset:0}.jetstream-display{transform-origin:50%;width:calc(100% - 58px);transition:transform .8s var(--ease);background:#1a2436;border:1px solid #8ed6e74a;border-radius:10px;padding:5px;position:absolute;top:120px;left:56px;transform:perspective(1600px)rotateY(-7deg)rotateX(4deg)rotate(-3deg);box-shadow:0 16px 50px #0006}.jetstream-display img{border-radius:6px;width:100%;height:auto}.jetstream:hover .jetstream-display{transform:perspective(1600px)rotateY(-4deg)rotateX(2deg)rotate(-2deg)translateY(-7px)}.sky-field{background:var(--blue);isolation:isolate;touch-action:pan-y;grid-column:span 4}.sky-field:before{content:"";background:radial-gradient(circle,#effbff 1.3px,#0000 1.6px) 0 0/7px 7px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 20% 38%,#000 8%,#0000 55%),radial-gradient(at 90% 70%,#000 5%,#0000 45%);mask-image:radial-gradient(at 20% 38%,#000 8%,#0000 55%),radial-gradient(at 90% 70%,#000 5%,#0000 45%)}.sky-field[data-ready]:before{display:none}.sky-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.enkostay{color:#214650;background:#e0f0f4;grid-column:span 5;height:510px}.phone-scene{width:440px;height:440px;position:absolute;top:116px;left:50%;transform:translate(-50%)}.phone{width:198px;height:417px;transition:transform .8s var(--ease);background:#fbfcff;border-radius:28px;padding:5px;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #adcbd2,0 16px 30px #3e6b7630}.phone-screen{background:#fff;border-radius:23px;width:100%;height:100%;position:relative;overflow:hidden}.phone img{width:100%;max-width:none;height:auto}.phone-back{top:44px;left:213px;transform:rotate(10deg);box-shadow:0 0 0 1px #adcbd2,0 12px 26px #3e6b7635}.phone-front{z-index:1;top:2px;left:44px;transform:rotate(-8deg)}.phone .phone-home-image{width:119.901%;max-width:none;position:absolute;top:-17px;left:-9.9502%}.enkostay:hover .phone-front{transform:rotate(-10deg)translateY(-9px)}.enkostay:hover .phone-back{transform:rotate(12deg)translateY(-4px)}.yess{color:#214650;background:#bce3ed;grid-column:span 7;height:510px}.yess:before{content:"";z-index:-1;background:radial-gradient(at 90% 95%,#e2f4f8,#0000 65%);position:absolute;inset:0}.yess-display{width:calc(100% - 24px);transition:transform .8s var(--ease);background:#f5fafb;border:1px solid #f0fafc;border-radius:10px;position:absolute;top:120px;left:50px;overflow:hidden;transform:perspective(1800px)rotateY(-6deg)rotate(3deg);box-shadow:0 20px 45px #3e6b7630}.yess:hover .yess-display{transform:perspective(1800px)rotateY(-3deg)rotate(2deg)translateY(-7px)}.browser-chrome{background:#f3fafb;align-items:center;gap:4px;height:25px;padding:0 10px;display:flex;position:relative}.browser-chrome span{background:#c8dde2;border-radius:50%;width:5px;height:5px}.browser-chrome i{color:#617c84;font-size:7px;font-style:normal;position:absolute;left:50%;transform:translate(-50%)}.yess-display img{width:100%;height:auto}.site-footer{color:#657287;border-top:1px solid #e3e8ef;justify-content:space-between;align-items:center;gap:25px;margin-top:72px;padding:26px 0 30px;font-size:10px;display:flex}.back-top{color:#5b687e;padding:8px 0}.back-top span{color:var(--blue-ink);margin-left:9px}.project-dialog{color:#172d34;overscroll-behavior:contain;background:#f8fbfc;border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.project-dialog::backdrop{background:#172d3440}.project-dialog[open]{animation:dialog-in .3s var(--ease)}.project-layout{grid-template-columns:208px minmax(0,1fr);align-content:start;gap:64px;width:min(1680px,100%);min-height:100%;margin-inline:auto;padding:32px 44px 80px;display:grid}.project-sidebar{flex-direction:column;align-self:start;min-height:calc(100dvh - 76px);display:flex;position:sticky;top:32px}.close-dialog{color:#49636c;cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:10px;min-height:44px;padding:0 8px 0 0;font-size:12px;display:inline-flex}.close-dialog svg{width:17px;height:17px;transition:transform .2s var(--ease)}.close-dialog:hover svg{transform:translate(-4px)}.project-summary{margin-top:50px}.project-summary h2{letter-spacing:-1.25px;font-size:clamp(28px,2.4vw,36px);font-weight:450;line-height:1.12}.dialog-description{color:#657a82;max-width:26ch;margin-top:15px;font-size:13px;line-height:1.6}.project-navigation{flex-direction:column;gap:2px;margin-top:auto;padding-top:64px;display:flex}.project-navigation button{color:#76868c;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;min-height:40px;padding:8px 0;font-size:12px;transition:color .2s;display:flex}.project-navigation button:hover,.project-navigation button[aria-current]{color:#172d34}.project-navigation button[aria-current]:after{content:"→";color:#2e6d7d}.gallery{align-content:start;gap:80px;min-width:0;display:grid}.gallery figure{min-width:0;margin:0}.gallery figcaption{grid-template-columns:minmax(120px,1fr) minmax(0,2fr);gap:24px;margin-top:22px;font-size:12px;line-height:1.6;display:grid}.screen-title{color:#263f47}.gallery figcaption p{color:#657a82;max-width:54ch}.screen-stage{place-items:center;min-width:0;padding:0;display:grid}.screen-frame{border-radius:8px;width:100%;overflow:hidden;box-shadow:0 0 0 1px #173b4808,0 3px 6px #173b4806,0 16px 32px -12px #173b4824,0 48px 72px -28px #173b482b}.screen-frame img{width:100%;height:auto}.gallery-mobile{grid-template-columns:repeat(2,minmax(0,1fr));gap:80px 48px;width:min(100%,920px);margin-inline:auto;padding-top:12px}.gallery-mobile figure{justify-self:center;width:min(100%,340px)}.gallery-mobile figcaption{display:block}.gallery-mobile figcaption p{margin-top:4px}.gallery-mobile .screen-frame{aspect-ratio:402/874;background:#f6f6f6;border-radius:20px;position:relative}.screen-frame-inset img{width:119.901%;max-width:none;position:absolute;top:-4.119%;left:-9.9502%}.screen-frame-scrollable{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#97b4bc transparent;overflow-y:auto}.screen-frame:focus-visible{outline-offset:6px;outline:2px solid #2e6d7d}@media (max-width:1100px){.project-layout{grid-template-columns:180px minmax(0,1fr);gap:36px;padding-inline:32px}}@media (max-width:900px){.project-layout{grid-template-columns:minmax(0,1fr);gap:28px;padding:20px 28px 32px}.project-sidebar{grid-template-columns:1fr auto;column-gap:24px;min-height:0;display:grid;position:static}.close-dialog{grid-column:1/-1;margin-bottom:24px}.project-summary{margin-top:0}.dialog-description{max-width:40ch;margin-top:10px}.project-navigation{align-self:end;min-width:104px;margin-top:0;padding-top:0}.project-navigation button{min-height:32px;font-size:11px}}body:has(dialog[open]){overflow:hidden}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:none}}@media (min-width:1500px){.intro{padding-top:114px;padding-bottom:110px}}@media (max-width:1050px){.site-shell{width:calc(100% - 64px)}.intro{padding-top:70px;padding-bottom:70px}.project-card,.sky-field{height:440px;padding:27px 25px}.jetstream{grid-column:span 7}.sky-field{grid-column:span 5}.enkostay,.yess{grid-column:span 6;height:460px}.card-heading h3{font-size:22px}.jetstream-display{width:calc(100% + 110px);top:128px;left:30px}.phone-scene{transform-origin:0 0;top:119px;scale:.85}.yess-display{width:calc(100% + 150px);top:126px;left:34px}}@media (max-width:700px){html{scroll-padding-top:20px}.site-shell{width:calc(100% - 40px)}.site-header{height:92px}.brand-wordmark{width:148px}.site-header nav{gap:22px;font-size:12px}.intro{padding:60px 0 54px;display:block}.intro h1{letter-spacing:-1.15px;margin-top:0;font-size:32px}.intro-credit{margin-top:28px;font-size:11px;line-height:1.8}.intro-description{max-width:360px;font-size:14px}.section-heading{margin-bottom:14px}.section-heading h2{font-size:10px}.bento{grid-template-columns:1fr;gap:13px}.project-card,.sky-field{border-radius:12px;grid-column:1;height:430px;padding:28px 25px}.card-heading h3{font-size:24px}.jetstream-display{width:calc(100% + 95px);top:120px;left:30px}.sky-field{grid-row:4;height:280px}.enkostay{height:460px}.phone-scene{top:110px;scale:.88}.yess{height:400px}.yess-display{width:calc(100% + 130px);top:110px;left:32px}.site-footer{gap:12px;padding:21px 0 25px;font-size:9px}.project-layout{gap:22px;padding:12px 20px 28px}.project-sidebar{display:flex}.close-dialog{margin-bottom:24px}.project-summary h2{font-size:30px}.dialog-description{max-width:34ch;font-size:13px}.project-navigation{flex-direction:row;align-self:stretch;gap:24px;margin-top:22px}.project-navigation button{gap:8px;min-height:40px;font-size:12px}.project-navigation button[aria-current]:after{display:none}.project-navigation button[aria-current]{box-shadow:inset 0 -1px #2e6d7d}.gallery{gap:48px}.gallery figcaption{grid-template-columns:1fr;gap:4px;margin-top:20px}.gallery-mobile{grid-template-columns:1fr;gap:56px;padding:12px 0 20px}.gallery-mobile figure{width:min(100%,320px)}.screen-frame-scrollable{overscroll-behavior-y:auto}}@media (max-width:360px){.site-shell{width:calc(100% - 32px)}.site-header nav{gap:16px}.brand-wordmark{width:148px}.intro h1{font-size:29px}.project-card{padding:25px 21px}.card-heading{gap:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.project-card:hover{transform:none}}