.hero h1{font-size:clamp(48px,5.7vw,83px);line-height:1.02;margin-top:28px;letter-spacing:-.058em}.hero-description{max-width:490px;font-size:16px;line-height:1.7}.hero-copy{padding-top:35px}.hero-art{min-height:595px;background:#e8ebdf}.hero-art .lemon-art{opacity:.3}.hero-art .art-bottomline{display:none}.hero-apps{position:absolute;inset:60px 20px 25px}.hero-apps img{position:absolute;object-fit:cover;border:6px solid #f7f5ef;border-radius:13px;box-shadow:0 20px 40px #25282026}.hero-app-school{width:62%;height:74%;top:3%;left:1%;transform:rotate(-7deg)}.hero-app-one{width:52%;height:67%;right:0;top:24%;transform:rotate(8deg)}.hero-apps>span{position:absolute;left:8px;bottom:0;font-size:10px;line-height:1.5;max-width:210px}.hero-footer{font-size:8px}.hero-footer b{margin-inline:13px}.theme-sharique{background:#d9dce9}.theme-berg{background:#eee0d2}.portfolio-collage:has(img:nth-child(2):last-of-type) img:nth-child(1){width:65%;height:75%}.portfolio-collage:has(img:nth-child(2):last-of-type) img:nth-child(2){width:58%;height:60%;top:30%}.service-tabs button{font-size:13px}.portfolio-credit{max-width:100%;font-size:10px}.service-options label>span{gap:10px}
@media(max-width:1100px){.hero-art{min-height:565px}.hero h1{font-size:6vw}.hero-description{font-size:14px}.hero-footer b{margin-inline:8px}.service-tabs button{font-size:12px}}
@media(max-width:760px){.hero h1{font-size:clamp(45px,10.5vw,70px);line-height:1.04}.hero-copy{padding-top:22px}.hero-description{font-size:15px;max-width:500px}.hero-art{min-height:0;aspect-ratio:1.02}.hero-apps{inset:43px 20px 17px}.hero-apps img{border-width:4px;border-radius:9px}.hero-apps>span{font-size:8px;max-width:175px}.hero-footer{font-size:6px;line-height:1.7}.hero-footer b{margin-inline:5px}.hero-footer>a{display:none}.service-tabs button{font-size:12px}.portfolio-meta span{max-width:120px}.service-options label>span{font-size:10px}.monthly-grid h2{font-size:38px}}
@media(max-width:360px){.hero h1{font-size:42px}.hero-description{font-size:14px}.hero-footer{font-size:5px}.hero-apps{inset:39px 15px 15px}}

.portfolio-collage.theme-ailat{background:#eadac4}.portfolio-open .portfolio-collage.theme-ailat img:only-of-type{width:100%;height:100%;inset:0;object-fit:contain;transform:none;border:0;box-shadow:none}
.viewer-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.viewer-stage>img{min-height:0;min-width:0}