:root{--paper:#f8f8f7;--canvas:#dedede;--ink:#1e1e1d;--blue:#2253ef;--line:#c5c5c2;--motion:180ms}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}svg{width:22px;height:22px;flex-shrink:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.feature:focus-visible,.theme-dark:focus-visible,.theme-blue:focus-visible{outline-color:#777;outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1160px;margin:54px auto 40px;background:var(--paper);border:8px solid var(--ink);border-radius:32px;padding:10px;position:relative}.header{height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:26px;position:relative;z-index:3}.wordmark{font-size:12px;letter-spacing:.31em;font-weight:700;display:flex;align-items:center;min-height:44px}.desktop-nav{display:flex;align-items:center;gap:36px;margin-left:auto;font-size:11px;font-weight:600;text-transform:uppercase}.work-link{border:1.5px solid var(--ink);border-radius:2px;display:flex;gap:18px;align-items:center;padding:9px 13px;min-height:36px}.count{font-size:9px;letter-spacing:-.03em;display:inline-grid;place-items:center;background:var(--ink);color:var(--paper);width:16px;height:16px;border-radius:50%;font-weight:500}.contact-link{display:flex;align-items:center;gap:9px;min-height:44px}.contact-link svg{width:14px;height:14px}.contact-link:hover{color:var(--blue)}.menu-button{width:44px;height:44px;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-button span{height:1.5px;background:var(--ink);width:20px;transition:transform var(--motion)}.menu-button span:last-child{width:13px;align-self:center;margin-left:7px}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.2px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{width:20px;margin-left:0;transform:translateY(-3.2px) rotate(-45deg)}.menu{position:absolute;right:8px;top:59px;background:var(--paper);border:1.5px solid var(--ink);border-radius:12px;width:270px;padding:8px;box-shadow:0 9px 0 -3px var(--ink)}.menu a{display:flex;justify-content:space-between;align-items:center;font-size:14px;min-height:48px;padding:12px;border-radius:6px}.menu a:hover{background:var(--canvas)}.menu a span{font-size:11px}.hero{height:190px;border:1.5px solid var(--ink);border-radius:17px;display:flex;align-items:flex-end;justify-content:space-between;padding:30px 26px;gap:28px;position:relative}.hero h1{font-size:clamp(64px,8.6vw,114px);font-weight:600;letter-spacing:-.075em;line-height:.9;margin:0}.hero p{font-size:12px;line-height:1.4;margin:0 28px 2px 0;max-width:230px}.hero-index{position:absolute;right:24px;top:20px;font-size:10px;letter-spacing:.02em}.works{scroll-margin-top:14px}.filters{display:flex;align-items:center;gap:4px;padding:9px 0;flex-wrap:wrap}.filters button{padding:0 15px;min-height:44px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:13px;border:1px solid transparent;background:transparent;border-radius:6px;transition:background var(--motion),color var(--motion)}.filters button span{font-size:9px;opacity:.75}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.filters button:hover:not([aria-pressed=true]){background:var(--canvas)}.featured{display:grid;grid-template-columns:1fr 1fr 2.03fr;gap:8px}.feature,.project-card{overflow:hidden;position:relative;border-radius:15px;display:flex;flex-direction:column;transition:transform var(--motion),box-shadow var(--motion)}.feature:hover,.project-card:hover{transform:translateY(-3px);box-shadow:0 4px 0 rgba(30,30,29,.15)}.feature:active,.project-card:active{transform:scale(.988)}.feature{height:392px}.theme-blue{background:var(--blue);color:white}.theme-dark{background:var(--ink);color:var(--paper)}.theme-gray{background:var(--canvas)}.theme-sand{background:#e6e2dd}.theme-silver{background:#dce0e4}.theme-rose{background:#e4dfe2}.theme-yellow{background:#e7e0cf}.theme-ice{background:#dfe3e7}.theme-mint{background:#dfe5e0}.card-top{padding:20px 22px 0;display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:10px;text-transform:uppercase;letter-spacing:.01em;line-height:1.4;position:relative;z-index:1}.card-arrow{display:grid;place-items:center;border-radius:50%;flex-shrink:0}.card-arrow svg{width:17px;height:17px;transition:transform var(--motion)}a:hover .card-arrow svg{transform:translate(2px,-2px)}.card-bottom{padding:17px 23px 24px;position:relative;z-index:1;margin-top:auto}.card-bottom h2{font-size:24px;letter-spacing:-.045em;line-height:1.15;font-weight:600;margin:0 0 9px}.card-bottom p{font-size:12px;line-height:1.45;margin:0;max-width:250px}.device-stage{height:250px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-top:28px}.phone{position:relative;flex-shrink:0;width:153px;height:265px;overflow:hidden;background:#f9f8f5;border:5px solid #101011;border-radius:24px;transform:rotate(-8deg);box-shadow:14px 17px 0 rgba(0,0,0,.1)}.phone img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top}.theme-dark .phone{transform:rotate(8deg);border-color:#575755;box-shadow:14px 17px 0 rgba(255,255,255,.06)}.theme-blue .phone{border-color:#121a39;box-shadow:14px 17px 0 rgba(0,0,0,.13)}.feature .device-stage{flex:1;min-height:0}.feature .card-bottom h2{font-size:23px}.feature .card-bottom p{font-size:11px}.feature-wide .card-top{position:absolute;inset:0 0 auto;padding:17px 20px;gap:15px;color:#fff;background:linear-gradient(#0006,transparent);min-height:55px}.feature-wide .web-stage{height:264px;flex-shrink:0;border-radius:15px;overflow:hidden;background:var(--ink);padding:0}.feature-wide .web-stage img{width:100%;height:100%;object-fit:cover;object-position:top;filter:grayscale(1);transition:filter 260ms}.feature-wide:hover .web-stage img{filter:grayscale(0)}.feature-wide .card-bottom{padding:21px 26px 24px}.feature-wide .card-bottom h2{font-size:28px;margin-bottom:7px}.feature-wide .card-bottom p{max-width:none;font-size:14px}.catalog{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;margin-top:8px}.project-card{grid-column:span 6;min-width:0}.project-card.is-phone{grid-column:span 4}.project-card[data-category=automation]{grid-column:span 4}.project-card .card-top{padding:17px 20px 0}.project-card .card-bottom{padding:18px 21px 23px}.project-card .card-bottom h2{font-size:23px}.project-card .device-stage{height:242px;padding-top:24px}.project-card .phone{width:155px;height:250px;transform:rotate(-5deg);box-shadow:12px 14px 0 rgba(0,0,0,.08)}.project-card .web-stage{margin:22px 18px 0;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#fff;border:1px solid #0002}.project-card .web-stage img{width:100%;height:100%;object-fit:cover;object-position:top}.project-card .card-bottom p{max-width:none}.featured-copy{display:none}.works[data-active]:not([data-active=all]) .featured{display:none}.works[data-active]:not([data-active=all]) .featured-copy{display:flex}.works[data-active]:not([data-active=all]) .catalog{margin-top:0}.works[data-active=apps] .catalog,.works[data-active=automation] .catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.works[data-active=apps] .project-card,.works[data-active=automation] .project-card{grid-column:span 1}.works[data-active=sites] .catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.works[data-active=sites] .project-card{grid-column:span 1}.works[data-active=sites] .project-card[data-category=sites].featured-copy{grid-column:span 2}.mail-visual{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;height:200px;margin:20px 15px 0;color:inherit}.mail-source,.mail-target,.mail-check{display:flex;flex-direction:column;align-items:center;gap:13px}.mail-source svg,.mail-target svg{width:47px;height:39px}.mail-visual span:not(.flow-arrow):not(.check){font-size:9px;letter-spacing:.09em}.mail-check .check{width:43px;height:39px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:22px}.flow-arrow{font-size:20px;margin-bottom:24px;opacity:.7}.mail-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center;opacity:.8}.footer{display:flex;align-items:center;gap:25px;margin-top:16px;padding:22px 20px 14px;border-top:1px solid var(--line);font-size:10px}.footer>a:not(.top-link){font-size:13px;margin-left:auto;display:flex;align-items:center;gap:20px;min-height:44px}.footer>a:hover{color:var(--blue)}.footer svg{width:17px;height:17px}.top-link{font-size:23px;min-width:44px;min-height:44px;display:grid;place-items:center}.skip-link{position:fixed;top:10px;left:10px;padding:14px;background:var(--ink);color:white;z-index:10;transform:translateY(-150%)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.back-link{display:inline-flex;align-items:center;min-height:44px;margin:16px 22px 0;font-size:12px}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:30px 25px 35px;align-items:end}.eyebrow{font-size:11px;text-transform:uppercase;margin:0 0 16px}.case-intro h1{font-size:clamp(42px,6vw,76px);line-height:.97;letter-spacing:-.065em;margin:0;font-weight:600;overflow-wrap:anywhere}.case-description>p{font-size:16px;line-height:1.5;max-width:475px;margin:0}.visit-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--ink);color:white;padding:13px 18px;border-radius:3px;margin-top:24px;font-size:13px;min-height:48px}.visit-link svg{width:16px;height:16px}.visit-link:hover{background:var(--blue)}.case-features{display:flex;flex-wrap:wrap;gap:8px;padding:0 25px 30px}.case-features span{font-size:11px;padding:9px 13px;border:1px solid var(--line);border-radius:3px}.case-gallery{border-radius:16px;background:var(--canvas);padding:36px 28px;display:flex;gap:26px;justify-content:center;align-items:flex-start}.case-gallery figure{margin:0;min-width:0}.case-gallery.phones figure{flex:1;max-width:320px}.case-gallery.phones img{width:100%;height:auto;border:5px solid var(--ink);border-radius:24px}.case-gallery figcaption{font-size:10px;text-transform:uppercase;margin-top:14px}.case-gallery.landscape{padding:28px}.case-gallery.landscape figure{width:100%}.case-gallery.landscape img{width:100%;height:auto;border-radius:6px}.case-note{margin:20px 25px 25px;color:#555;max-width:650px;font-size:12px;line-height:1.55}.mail-case{background:var(--ink);color:white;border-radius:16px;padding:27px}.mail-case-heading{display:flex;justify-content:space-between;font-size:10px;gap:20px}.mail-case .mail-visual{height:230px;gap:38px;max-width:680px;margin:0 auto}.mail-case .mail-source svg,.mail-case .mail-target svg{width:76px;height:60px}.mail-case .mail-check .check{width:70px;height:60px;font-size:32px}.mail-case .mail-visual span:not(.flow-arrow):not(.check){font-size:11px}.mail-case .mail-caption{bottom:7px}.scenario-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.scenario-steps>div{padding:20px 0;border-top:1px solid #ffffff55;transition:color var(--motion),border-color var(--motion)}.scenario-steps b{font-size:11px;font-weight:400}.scenario-steps h2{font-size:20px;letter-spacing:-.04em;font-weight:500;margin:20px 0 10px}.scenario-steps p{font-size:13px;line-height:1.5;margin:0;color:#ccc}.scenario-steps .active{border-top-color:#7997ff;color:#9cb2ff}.scenario-button{background:var(--paper);border:0;border-radius:3px;padding:14px 18px;min-height:48px;display:inline-flex;gap:30px;align-items:center;margin-top:20px;color:var(--ink);font-size:13px}.scenario-button:hover{background:#dce4ff}.scenario-status{font-size:12px;line-height:1.4;min-height:20px;color:#ccc;margin:18px 0 0}
@media(max-width:1200px){.shell{margin:40px 32px;max-width:none}.header{padding-inline:18px}.hero h1{font-size:9.2vw}.feature .card-bottom{padding-inline:19px}.card-top{padding-inline:18px}.feature .phone{width:143px;height:254px}.feature .card-bottom h2{font-size:21px}}
@media(max-width:900px){.shell{margin:24px 20px;border-width:6px;border-radius:27px;padding:8px}.header{padding:0 15px;gap:20px}.desktop-nav{gap:24px}.hero{height:162px;padding:25px 22px}.hero h1{font-size:10vw}.hero p{font-size:11px;margin-right:0;max-width:160px}.feature{height:335px}.feature .card-top{font-size:9px;padding:16px 14px 0}.feature .phone{width:120px;height:216px;border-width:4px;border-radius:20px}.feature .card-bottom{padding:16px}.feature .card-bottom h2{font-size:19px}.feature .card-bottom p{font-size:10px}.feature-wide .web-stage{height:220px}.feature-wide .card-bottom{padding:18px}.feature-wide .card-bottom h2{font-size:25px}.feature-wide .card-bottom p{font-size:12px}.project-card.is-phone,.project-card[data-category=automation]{grid-column:span 4}.project-card .card-top{font-size:9px;padding:16px 15px 0}.project-card .card-bottom{padding:16px}.project-card .card-bottom h2{font-size:21px}.project-card .phone{width:128px;height:232px}.project-card .device-stage{height:235px}.project-card .web-stage{margin:18px 14px 0}.project-card .card-bottom p{font-size:11px}.mail-visual{gap:5px;margin-inline:8px}.mail-source svg,.mail-target svg{width:34px;height:29px}.mail-check .check{width:32px;height:29px;font-size:19px}.mail-visual span:not(.flow-arrow):not(.check){font-size:8px;letter-spacing:0}.flow-arrow{font-size:17px}.case-intro{gap:25px}.case-description>p{font-size:14px}.case-gallery{gap:18px;padding:28px 20px}}
@media(max-width:620px){html{scroll-padding-top:12px}.shell{margin:12px 8px 20px;padding:6px;border:5px solid var(--ink);border-radius:24px}.header{height:57px;padding:0 9px;gap:12px}.wordmark{font-size:10px;letter-spacing:.19em}.desktop-nav{gap:0;margin-left:auto}.work-link{display:none}.contact-link{font-size:10px;gap:6px}.contact-link svg{width:12px;height:12px}.menu-button{width:36px;min-width:36px;min-height:44px}.menu{right:0;top:55px;max-width:calc(100vw - 44px)}.hero{height:136px;padding:22px 15px;gap:10px;display:block;position:relative;border-radius:13px}.hero h1{font-size:clamp(44px,12vw,70px);letter-spacing:-.065em;position:absolute;bottom:17px;left:15px}.hero p{position:absolute;top:20px;left:16px;font-size:10px;line-height:1.35;max-width:none;margin:0}.hero p br{display:none}.hero-index{top:20px;right:15px;font-size:9px}.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:7px 0}.filters button{flex-direction:column;justify-content:center;gap:3px;font-size:10px;min-height:47px;padding:6px 2px;white-space:nowrap}.filters button span{font-size:8px}.featured{grid-template-columns:1fr 1fr;gap:6px}.feature{height:292px;border-radius:12px}.feature .card-top{padding:14px 12px 0;font-size:8px;gap:3px;align-items:flex-start}.card-arrow svg{width:15px;height:15px}.feature .device-stage{padding-top:17px}.feature .phone{width:119px;height:203px;border-width:4px;border-radius:20px;box-shadow:8px 10px 0 rgba(0,0,0,.12)}.feature .card-bottom{padding:14px 13px 16px}.feature .card-bottom h2{font-size:19px;margin-bottom:0;line-height:1.1}.feature .card-bottom p{display:none}.feature-wide{grid-column:span 2;height:auto;min-height:0;display:grid;grid-template-columns:1.14fr 1fr;background:var(--canvas)}.feature-wide .card-top{display:none}.feature-wide .web-stage{height:165px;border-radius:12px;aspect-ratio:auto}.feature-wide .web-stage img{object-fit:cover;object-position:top left;filter:grayscale(1)}.feature-wide .card-bottom{padding:20px 13px;align-self:center}.feature-wide .card-bottom h2{font-size:24px;margin-bottom:9px}.feature-wide .card-bottom p{display:block;font-size:11px;line-height:1.35}.feature-wide .card-bottom:after{content:'↗';display:block;margin-top:14px;font-size:20px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:6px}.project-card,.project-card[data-category=automation]{grid-column:span 2;border-radius:12px}.project-card.is-phone{grid-column:span 1}.project-card .card-top{font-size:8px;padding:13px 12px 0;gap:4px;align-items:flex-start}.project-card .device-stage{height:200px;padding-top:19px}.project-card .phone{width:113px;height:190px;border-width:4px;border-radius:19px;box-shadow:8px 11px 0 #0001}.project-card .card-bottom{padding:14px 13px 17px}.project-card .card-bottom h2{font-size:19px;margin-bottom:6px}.project-card .card-bottom p{font-size:10px;line-height:1.35}.project-card .web-stage{margin:16px 12px 0;aspect-ratio:16/9}.project-card.is-web .card-top{font-size:9px;padding:16px 16px 0}.project-card.is-web .card-bottom{padding:17px}.project-card.is-web .card-bottom h2{font-size:24px}.project-card.is-web .card-bottom p{font-size:12px}.works[data-active=apps] .catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.works[data-active=apps] .project-card{grid-column:span 1}.works[data-active=sites] .catalog,.works[data-active=automation] .catalog{grid-template-columns:1fr}.works[data-active=sites] .project-card,.works[data-active=automation] .project-card,.works[data-active=sites] .project-card[data-category=sites].featured-copy{grid-column:span 1}.footer{padding:15px 10px 7px;gap:9px;margin-top:13px;flex-wrap:wrap}.footer>span{font-size:8px;flex:1;white-space:nowrap}.footer>a:not(.top-link){font-size:11px;gap:10px}.footer svg{width:15px;height:15px}.top-link{font-size:20px;min-width:36px}.mail-visual{height:185px;gap:14px;margin-top:8px}.mail-source svg,.mail-target svg{width:47px;height:38px}.mail-check .check{width:43px;height:38px;font-size:22px}.mail-visual span:not(.flow-arrow):not(.check){font-size:9px;letter-spacing:.03em}.flow-arrow{font-size:20px}.mail-caption{bottom:18px}.back-link{margin:10px 12px 0;font-size:11px}.case-intro{display:block;padding:23px 13px 25px}.eyebrow{font-size:10px;margin-bottom:17px}.case-intro h1{font-size:49px;letter-spacing:-.06em}.case-description{margin-top:24px}.case-description>p{font-size:14px;line-height:1.5}.visit-link{margin-top:20px;font-size:12px;min-height:48px}.case-features{padding:0 13px 25px;gap:6px}.case-features span{font-size:10px;padding:8px 9px}.case-gallery{border-radius:12px;padding:24px 20px;gap:25px}.case-gallery.phones{display:block}.case-gallery.phones figure{max-width:290px;margin:0 auto 28px}.case-gallery.phones figure:last-child{margin-bottom:0}.case-gallery.landscape{padding:15px}.case-gallery.phones img{border-width:4px;border-radius:23px}.case-note{margin:19px 13px 25px;font-size:11px}.mail-case{border-radius:12px;padding:20px 15px}.mail-case-heading{font-size:9px;line-height:1.4}.mail-case-heading span:last-child{max-width:130px;text-align:right}.mail-case .mail-visual{height:205px;gap:14px}.mail-case .mail-source svg,.mail-case .mail-target svg{width:47px;height:39px}.mail-case .mail-check .check{width:43px;height:38px;font-size:22px}.mail-case .mail-visual span:not(.flow-arrow):not(.check){font-size:9px}.scenario-steps{display:block;margin-top:17px}.scenario-steps>div{position:relative;padding:20px 0 20px 35px}.scenario-steps b{position:absolute;left:0;top:23px}.scenario-steps h2{font-size:18px;margin:0 0 10px}.scenario-steps p{font-size:12px}.scenario-button{width:100%;justify-content:space-between;font-size:12px;margin-top:15px}.scenario-status{font-size:11px}}
@media(max-width:360px){.wordmark{font-size:9px;letter-spacing:.16em}.header{gap:5px;padding-inline:7px}.contact-link{font-size:9px}.hero-index{display:none}.filters button{font-size:9px}.feature{height:267px}.feature .phone{width:102px;height:181px}.feature .card-bottom h2{font-size:17px}.feature-wide .web-stage{height:155px}.feature-wide .card-bottom h2{font-size:21px}.project-card .phone{width:100px;height:178px}.project-card .device-stage{height:187px}.project-card .card-bottom h2{font-size:17px}.footer>span{flex-basis:100%}.footer>a:not(.top-link){margin-left:0}.top-link{margin-left:auto}}
.feature-wide .card-top>span:first-child{background:#1e1e1dec;color:#fff;padding:6px 8px;border-radius:3px;font-size:9px}.feature-wide .card-arrow{background:#1e1e1dec;width:28px;height:28px;color:#fff}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.feature:hover,.project-card:hover{transform:none}}

/* Screens are framed at their real viewport ratio, without page-length captures. */
.device-stage,.project-card .device-stage{height:265px;padding:12px 0;align-items:center}
.phone,.theme-dark .phone,.theme-blue .phone,.project-card .phone,.feature .phone{transform:none;width:116px;height:auto;aspect-ratio:390/844;flex-shrink:0;border:4px solid #292929;border-radius:20px;background:#f8f8f7;box-shadow:0 10px 22px #0002}
.phone img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:top}
.feature .device-stage{padding:14px 0}
.feature .phone{width:120px}
.case-gallery.phones{gap:32px;padding:42px 38px}
.case-gallery.phones figure{flex:1;max-width:284px}
.screen-frame{aspect-ratio:390/844;overflow:hidden;border:5px solid #292929;border-radius:30px;background:#f8f8f7;box-shadow:0 14px 28px #0001}
.case-gallery.phones .screen-frame img{width:100%;height:100%;object-fit:cover;object-position:top;border:0;border-radius:0}
.case-gallery figcaption{display:flex;align-items:baseline;gap:12px;text-transform:none;font-size:12px;line-height:1.4;margin-top:19px}
.case-gallery figcaption span{color:#777;font-size:10px}
.case-gallery.landscape{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:32px}
.case-gallery.landscape figure:first-child{grid-column:1/-1}
.browser-frame{overflow:hidden;border:1px solid #1e1e1d26;border-radius:9px;background:#f8f8f7;box-shadow:0 9px 24px #0001}
.browser-bar{height:27px;display:flex;align-items:center;gap:5px;padding:0 11px;background:#ededeb;border-bottom:1px solid #0001}
.browser-bar i{width:5px;height:5px;border-radius:50%;background:#b8b8b5}
.case-gallery.landscape .browser-frame img{border-radius:0;aspect-ratio:16/9;object-fit:cover;object-position:top}
@media(max-width:900px){.feature .phone{width:96px;border-radius:17px;border-width:3px}.feature .device-stage{padding:10px 0}.project-card .phone{width:107px;border-width:3px;border-radius:18px}.project-card .device-stage{height:251px}.case-gallery.phones{padding:30px 22px;gap:20px}}
@media(max-width:620px){.feature .phone{width:98px;border-width:3px;border-radius:16px;box-shadow:0 8px 17px #0002}.feature .device-stage{padding:12px 0}.project-card .phone{width:92px;border-width:3px;border-radius:16px}.project-card .device-stage{height:217px;padding:12px 0}.case-gallery.phones{display:block;padding:28px 24px}.case-gallery.phones figure{max-width:270px;margin:0 auto 32px}.screen-frame{border-width:4px;border-radius:26px}.case-gallery figcaption{font-size:11px;margin-top:16px}.case-gallery.landscape{grid-template-columns:1fr;gap:23px;padding:16px}.case-gallery.landscape figure{grid-column:1}.works[data-active=automation] .catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.works[data-active=automation] .project-card{grid-column:span 2}.works[data-active=automation] .project-card.is-phone{grid-column:span 1}}
@media(max-width:360px){.feature .phone{width:86px;border-radius:14px}.project-card .phone{width:85px;border-radius:14px}.project-card .device-stage{height:202px}}