.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 28px;display:grid}.portfolio-cover{aspect-ratio:1.28;isolation:isolate;border-radius:3px;display:block;position:relative;overflow:hidden}.portfolio-index{background:var(--paper);font-family:var(--font-display), Arial, sans-serif;letter-spacing:1px;border-radius:2px;padding:5px 8px;font-size:9px;position:absolute;bottom:6%;left:6%}.portfolio-cover-arrow{background:var(--paper);width:42px;height:42px;color:var(--ink);border-radius:50%;place-items:center;transition:background .25s,transform .25s;display:grid;position:absolute;bottom:6%;right:6%}.portfolio-cover:hover .portfolio-cover-arrow{background:var(--lime);transform:rotate(45deg)}.portfolio-caption{justify-content:space-between;align-items:flex-start;gap:16px;padding-top:20px;display:flex}.portfolio-caption h3{font-family:var(--font-display), Arial, sans-serif;letter-spacing:-.055em;align-items:center;gap:10px;font-size:clamp(23px,2.1vw,32px);font-weight:500;display:flex}.portfolio-caption h3 svg{opacity:0;transition:all .25s;transform:translate(-5px,3px)}.portfolio-card:hover .portfolio-caption h3 svg,.portfolio-caption a:focus-visible h3 svg{opacity:1;transform:none}.portfolio-caption p{color:var(--muted);max-width:380px;margin-top:5px;font-size:12px;line-height:1.6}.portfolio-live-link{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:6px;margin-top:8px;padding-bottom:4px;font-size:10px;display:flex}.portfolio-live-link:hover{color:var(--blue);border-color:var(--blue)}.portfolio-tags{flex-wrap:wrap;gap:6px;margin-top:15px;list-style:none;display:flex}.portfolio-tags li{border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:5px 9px;font-size:9px;line-height:1.4}.portfolio-collection-link{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-top:54px;padding-top:28px;display:flex}.portfolio-collection-link p{color:var(--muted);font-size:12px;line-height:1.6}.portfolio-collection-link .button>span{opacity:.6;margin-left:10px;font-size:10px}.portfolio-page{padding-top:60px}.portfolio-page>.section-label{margin-top:60px}.portfolio-page-heading{grid-template-columns:1.8fr 1fr;align-items:end;gap:7%;margin:45px 0 60px;display:grid}.portfolio-page-heading h1{letter-spacing:-.065em;font-size:clamp(48px,6.4vw,104px);font-weight:500;line-height:1.04}.portfolio-page-heading p{color:var(--muted);max-width:340px;padding-bottom:6px;font-size:13px;line-height:1.8}.portfolio-controls{border-top:1px solid var(--line);margin-bottom:35px;padding:24px 0 0}.portfolio-filter-row{grid-template-columns:76px 1fr;align-items:start;gap:15px;margin-bottom:16px;display:grid}.portfolio-filter-label{padding-top:13px;font-size:10px;font-weight:600}.portfolio-pills{flex-wrap:wrap;gap:7px;display:flex}.portfolio-pills button{border:1px solid var(--line);border-radius:24px;min-height:39px;padding:11px 15px;font-size:11px;line-height:1.3;transition:color .2s,background .2s,border-color .2s}.portfolio-pills button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.portfolio-pills button:hover:not([aria-pressed=true]){border-color:var(--ink)}.portfolio-results{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;min-height:43px;margin-top:23px;padding-top:19px;font-size:10px;display:flex}.portfolio-results button{color:var(--ink);align-items:center;gap:7px;padding:5px 0;display:flex}.portfolio-empty{border:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;gap:22px;padding:65px 8%;display:flex}.portfolio-empty>span{font-family:var(--font-display), Arial, sans-serif;color:var(--blue);font-size:65px}.portfolio-empty h2{letter-spacing:-.055em;font-size:clamp(30px,4vw,52px);font-weight:500}.portfolio-empty p{max-width:420px;color:var(--muted);font-size:13px;line-height:1.8}.portfolio-note{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:40px;margin-top:65px;padding-top:27px;display:flex}.portfolio-note p{color:var(--muted);max-width:530px;font-size:11px;line-height:1.8}.case-hero-actions{justify-content:space-between;align-items:center;gap:24px;margin-top:40px;display:flex}.case-hero-actions .portfolio-tags{margin:0}.case-hero-actions .button{flex-shrink:0}.case-process{grid-template-columns:1fr 1fr;gap:8%;padding-top:0;display:grid}.case-process article{border-top:1px solid var(--line);padding-top:24px}.case-process h3{letter-spacing:-.04em;margin:20px 0 16px;font-size:25px;font-weight:500}.case-process p{color:var(--muted);max-width:570px;font-size:13px;line-height:1.9}html[lang=uk] .portfolio-page-heading .serif-word{letter-spacing:-.06em;font-family:Georgia,serif;font-size:1.03em}@media (min-width:1000px){.portfolio-featured .portfolio-card:nth-child(2n){margin-top:60px}.portfolio-featured{row-gap:12px}.portfolio-featured .portfolio-card:first-child .portfolio-cover{aspect-ratio:1.13}}@media (max-width:700px){.portfolio-grid{grid-template-columns:1fr;gap:34px}.portfolio-cover{aspect-ratio:1.19}.portfolio-caption{padding-top:15px}.portfolio-caption h3{font-size:27px}.portfolio-caption p{font-size:11px}.portfolio-caption h3 svg{opacity:1;width:17px;transform:none}.portfolio-tags{margin-top:12px}.portfolio-tags li{font-size:9px}.portfolio-collection-link{flex-direction:column;align-items:flex-start;gap:20px;margin-top:35px}.portfolio-collection-link .button{justify-content:space-between;width:100%}.portfolio-page{padding-top:35px}.portfolio-page>.section-label{margin-top:40px}.portfolio-page-heading{grid-template-columns:1fr;gap:25px;margin:30px 0 35px}.portfolio-page-heading h1{font-size:clamp(41px,10vw,70px)}.portfolio-page-heading p{max-width:400px;font-size:12px}.portfolio-filter-row{grid-template-columns:1fr;gap:8px;margin-bottom:20px}.portfolio-filter-label{padding-top:0}.portfolio-pills{gap:6px}.portfolio-pills button{min-height:40px;padding:10px 12px;font-size:10px}.portfolio-results{gap:10px;font-size:9px}.portfolio-results button{min-height:35px;font-size:10px}.portfolio-note{flex-direction:column;align-items:flex-start;gap:22px;margin-top:40px}.portfolio-note p{font-size:10px}.portfolio-empty{padding:40px 7%}.case-hero-actions{flex-direction:column;align-items:flex-start;gap:22px;margin-top:25px}.case-hero-actions .button{justify-content:space-between;width:100%}.case-process{grid-template-columns:1fr;gap:34px}.case-process h3{font-size:26px}.case-process p{font-size:12px}}@media (prefers-reduced-motion:reduce){.portfolio-cover-arrow{transition:none}}.portfolio-mobile-toggle{display:none}@media (max-width:700px){.portfolio-mobile-toggle{text-align:left;justify-content:space-between;align-items:center;width:100%;min-height:45px;font-size:12px;font-weight:600;display:flex}.portfolio-mobile-toggle>span{font-size:24px;font-weight:400}.portfolio-filter-options{display:none}.portfolio-filter-options.is-open{padding-top:20px;display:block}.portfolio-controls{margin-bottom:24px;padding-top:10px}.portfolio-results{margin-top:10px;padding-top:10px}.case-hero h1{letter-spacing:-.065em;gap:16px;font-size:clamp(48px,14vw,78px)}.case-hero h1>.blue-word{flex-shrink:0}}.case-hero h1{font-family:var(--font-display), Arial, sans-serif}.case-hero h1.case-name-long{gap:24px;font-size:clamp(56px,9vw,145px)}@media (max-width:700px){.case-hero h1.case-name-long{gap:14px;font-size:clamp(38px,11.8vw,70px)}}.case-next>div{min-width:0}.case-next>div>a{font-family:var(--font-display), Arial, sans-serif;letter-spacing:-.06em}@media (max-width:700px){.case-next>div>a{gap:18px;font-size:clamp(32px,10vw,56px)}.case-next>div>a>svg{flex-shrink:0;width:32px;height:32px}}.portfolio-cover-shell{position:relative}.portfolio-view-controls{z-index:4;background:var(--paper);border-radius:30px;gap:2px;padding:3px;display:flex;position:absolute;top:5.6%;right:5%;box-shadow:0 2px 8px #00000008}.portfolio-view-controls button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:20px;padding:7px 10px;font-size:10px}.portfolio-view-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.portfolio-view-controls button:focus-visible{outline-offset:2px}.device-stage{aspect-ratio:1.52;width:100%;position:relative}.device-desktop{background:#fff;border-radius:8px;width:79%;position:absolute;top:10%;left:5%;overflow:hidden;box-shadow:0 24px 70px #10120e26,0 0 0 1px #fff8}.device-desktop img{width:100%;height:auto;display:block}.device-browser-bar{color:#62645e;background:#fafbf9;border-bottom:1px solid #e5e5e1;justify-content:space-between;align-items:center;gap:12px;height:28px;padding:0 12px;font-size:9px;display:flex}.device-browser-bar>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.device-browser-dots{flex-shrink:0;gap:4px;display:flex}.device-browser-dots i{background:#c3c6bd;border-radius:50%;width:5px;height:5px}.device-browser-plus{font-size:15px;font-weight:300}.device-phone{width:22%;position:absolute;bottom:5%;right:5%;transform:rotate(5deg);container-type:inline-size}.device-phone-hardware{background:linear-gradient(115deg,#dad8d2 0%,#8b8a83 14%,#f0eee7 30%,#7c7b74 48%,#d1cec6 75%,#f4f1e8 90%,#92918a 100%);border-radius:14.9cqw;padding:2.1cqw;position:relative;box-shadow:0 10cqw 18cqw #10120e3b,0 1.5cqw 3cqw #10120e26,inset 0 0 0 .4cqw #f7f5ec,inset 0 0 0 .8cqw #76756e}.device-phone-screen{background:#fbfbfa;border:1.5cqw solid #080909;border-radius:12.9cqw;position:relative;overflow:hidden;box-shadow:0 0 0 .4cqw #141514}.device-phone-button{background:linear-gradient(90deg,#76766f,#dad8d1 50%,#8d8c85);border-radius:.6cqw 0 0 .6cqw;width:.9cqw;position:absolute;left:-.7cqw;box-shadow:inset 0 .4cqw #e7e5de}.device-phone-action{height:4%;top:17%}.device-phone-volume-up{height:7%;top:24%}.device-phone-volume-down{height:7%;top:33%}.device-phone-power{border-radius:0 .6cqw .6cqw 0;height:11%;top:28%;left:auto;right:-.7cqw}.device-phone-status{color:#141515;-webkit-user-select:none;user-select:none;background:#fbfbfa;justify-content:space-between;align-items:center;height:13.7cqw;padding:1.1cqw 6cqw 0;display:flex;position:relative}.device-phone-time{text-align:center;letter-spacing:-.15cqw;width:18cqw;font-family:Arial,Helvetica,sans-serif;font-size:4cqw;font-weight:600;line-height:1}.device-phone-island{background:#060707;border-radius:8cqw;width:28cqw;height:8cqw;position:absolute;top:3cqw;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 .3cqw #151616}.device-phone-island i{background:radial-gradient(circle at 65% 30%,#153142,#11151d 45%,#070909 75%);border-radius:50%;width:2.8cqw;height:2.8cqw;position:absolute;top:2.6cqw;right:2.4cqw;box-shadow:0 0 0 .3cqw #101416}.device-phone-indicators{width:18.3cqw;height:auto;display:block}.device-phone-screen img{width:100%;height:auto;display:block}.device-phone-home{background:#fbfbfa;justify-content:center;align-items:flex-end;height:5.8cqw;padding-bottom:1.9cqw;display:flex}.device-phone-home span{background:#141515;border-radius:2cqw;width:32cqw;height:1.1cqw}.device-stage-compact{aspect-ratio:auto;height:100%}.device-stage-compact .device-desktop{border-radius:5px;width:82%;transition:transform .45s;top:24%;left:5%;transform:rotate(-4deg)}.device-stage-compact .device-browser-bar{height:22px;padding:0 9px;font-size:7px}.device-stage-compact .device-browser-dots i{width:4px;height:4px}.device-stage-compact .device-phone{width:26%;transition:transform .45s;bottom:9%;right:6%}.portfolio-card:nth-child(2n) .device-stage-compact .device-desktop{transform:rotate(3deg)}.portfolio-card:nth-child(2n) .device-stage-compact .device-phone{transform:rotate(-5deg)}.portfolio-cover:hover .device-desktop{transform:rotate(0)}.portfolio-cover:hover .device-phone{transform:rotate(0)translateY(-5px)}.portfolio-cover-arrow{width:32px;height:32px;bottom:3%;right:3%}.portfolio-cover-arrow svg{width:18px;height:18px}.portfolio-index{bottom:4%}.case-view-links{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.case-view-links a{border:1px solid var(--line);border-radius:4px;align-items:center;gap:16px;padding:12px 16px;font-size:13px;display:flex}.case-view-links a span{color:var(--muted);font-size:10px}.case-view-links a:hover{background:var(--lime);border-color:var(--lime)}.project-showcase{padding:0 4.5%}.project-preview-section{padding:48px 0 28px;scroll-margin-top:30px}.project-preview-section+.project-preview-section{border-top:1px solid var(--line);margin-top:24px}.project-preview-toolbar{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.project-preview-toolbar h2{font-family:var(--font-display), sans-serif;letter-spacing:-.045em;margin-top:12px;font-size:clamp(30px,4vw,56px);font-weight:500;line-height:1.1}.project-preview-description{max-width:640px;color:var(--muted);margin-top:18px;font-size:clamp(13px,1.15vw,15px);line-height:1.7}.project-preview-toolbar .text-link{flex-shrink:0;font-size:12px}.device-controls{background:#e9e8e0;border-radius:30px;gap:3px;width:fit-content;margin:24px 0;padding:4px;display:flex}.device-controls button{color:#55574e;cursor:pointer;background:0 0;border:0;border-radius:25px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:12px;display:flex}.device-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.device-controls button:focus-visible{outline-offset:1px}.project-preview-canvas{border-radius:4px;padding:3% 0;overflow:hidden}.project-preview-caption{color:var(--muted);margin-top:15px;font-size:11px}.device-stage-desktop{aspect-ratio:1.45}.device-stage-desktop .device-desktop{width:86%;top:4%;left:7%}.device-stage-mobile{aspect-ratio:auto;justify-content:center;align-items:flex-start;min-height:740px;padding:30px 20px;display:flex}.device-stage-mobile .device-phone{width:310px;position:relative;bottom:auto;right:auto;transform:none}@media (max-width:1000px){.device-stage{aspect-ratio:1.5}.device-stage-compact,.device-stage-mobile{aspect-ratio:auto}}@media (max-width:700px){.portfolio-view-controls{top:5.4%;right:5%}.portfolio-view-controls button{padding:6px 8px;font-size:9px}.device-stage-compact .device-desktop{width:81%;top:26%}.device-stage-compact .device-phone{width:29%;bottom:10%;right:6%}.device-stage-compact .device-browser-bar{gap:5px;height:16px;padding:0 6px;font-size:5px}.device-stage-compact .device-browser-dots{gap:2px}.device-stage-compact .device-browser-dots i{width:3px;height:3px}.device-stage-compact .device-browser-plus{font-size:11px}.project-showcase{padding:0 6%}.project-preview-section{padding:30px 0 20px}.project-preview-toolbar{display:block}.project-preview-toolbar .text-link{margin-top:18px;display:inline-flex}.device-controls{width:100%}.device-controls button{flex:1;gap:5px;padding:10px 8px;font-size:10px}.device-controls svg{width:13px}.project-preview-canvas{padding:5% 0}.device-stage{aspect-ratio:1.22}.device-desktop{border-radius:4px;width:82%;top:15%;left:4%}.device-browser-bar{gap:7px;height:18px;padding:0 7px;font-size:6px}.device-phone{width:31%;bottom:9%;right:5%}.device-stage-compact{aspect-ratio:auto}.device-stage-desktop{aspect-ratio:1.3}.device-stage-desktop .device-desktop{width:92%;top:6%;left:4%}.device-stage-mobile{aspect-ratio:auto;min-height:0;padding:20px}.device-stage-mobile .device-phone{width:min(100%,310px)}.project-preview-caption{font-size:10px;line-height:1.6}.case-view-links a{gap:10px;padding:10px 12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.device-stage-compact .device-desktop,.device-stage-compact .device-phone{transition:none}}
.build-inclusions{max-width:1800px;margin:0 auto;padding:86px 4.5% 0}.build-kicker{font-family:var(--display);letter-spacing:.1em;font-size:10px;font-weight:500;line-height:1.6;display:block}.build-basics-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:34px;display:flex}.build-basics-heading h2{letter-spacing:-.06em;max-width:720px;margin-top:16px;font-size:clamp(32px,3.5vw,52px);font-weight:500;line-height:1.12}.build-basics-heading h2>span{color:var(--blue)}.build-included-label{background:var(--lime);color:var(--ink);flex-shrink:0;align-items:center;gap:9px;margin-bottom:4px;padding:9px 12px;font-size:11px;line-height:1.5;display:inline-flex}.build-basics-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 36px;display:grid}.build-basics-list>li{border-top:1px solid var(--line);grid-template-columns:28px minmax(0,1fr);align-content:start;gap:14px;padding-top:22px;display:grid}.build-item-icon{color:var(--blue);justify-content:start;align-items:start;padding-top:1px;display:flex}.build-basics-list h3{letter-spacing:-.025em;font-size:16px;font-weight:500;line-height:1.45}.build-basics-list p{color:var(--muted);margin-top:9px;font-size:14px;line-height:1.75}@media (max-width:1100px){.build-basics-list{column-gap:26px}.build-basics-list>li{grid-template-columns:23px minmax(0,1fr);gap:10px}.build-basics-list h3{font-size:15px}}@media (max-width:800px){.build-inclusions{padding-top:65px}.build-basics-heading{align-items:start;gap:25px}.build-basics-heading h2{max-width:400px;font-size:38px}.build-included-label{gap:7px;margin-top:5px;padding:8px 10px;font-size:10px}.build-basics-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 30px}}@media (max-width:600px){.build-inclusions{padding:54px 6% 0}.build-basics-heading{flex-direction:column;gap:18px;margin-bottom:26px}.build-kicker{letter-spacing:.08em;font-size:9px}.build-basics-heading h2{max-width:370px;margin-top:14px;font-size:35px}.build-included-label{margin:0;font-size:11px}.build-basics-list{grid-template-columns:minmax(0,1fr);gap:20px}.build-basics-list>li{grid-template-columns:24px minmax(0,1fr);gap:13px;padding-top:19px}.build-basics-list h3{font-size:16px}.build-basics-list p{margin-top:7px;font-size:14px;line-height:1.75}}@media (max-width:360px){.build-basics-heading h2{font-size:31px}}