#pricing .packages{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
#pricing .package{min-height:560px}
#pricing .package.popular{transform:none}
#pricing .shopPackage{position:relative;overflow:hidden;background:#eaf3ec;border-color:#cadbcf}
#pricing .shopPackage:after{content:'SHOP';position:absolute;right:-18px;top:28px;transform:rotate(90deg);font:800 11px/1 Manrope;letter-spacing:.18em;color:#466455}
#pricing .shopPackage .flag{background:#17382c;color:#fff}
#pricing .shopPackage li:before{color:#276a4b}
#pricing{padding-bottom:72px}
#pricing+.dark.section{padding-top:76px}
.contactSection{padding-bottom:70px}
.agencyFooter{display:block;padding:0;background:#17131a;color:#fff;font-size:14px}
.agencyFooterGrid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:70px;padding-top:62px;padding-bottom:48px}
.agencyFooterBrand{max-width:440px}
.agencyFooterBrand .brand{font-size:17px;margin-bottom:19px}
.agencyFooterBrand p{margin:0;color:#bdb5c0;font-size:16px;line-height:1.65}
.agencyFooter h4{margin:0 0 16px;color:#8c838f;font:800 11px/1 Manrope;letter-spacing:.14em;text-transform:uppercase}
.agencyFooterLinks{display:grid;gap:10px}
.agencyFooter a{width:max-content;color:#fff;font-weight:700}
.agencyFooter a:hover{color:#d8ff78}
.agencyFooterBottom{display:flex;justify-content:space-between;gap:24px;padding-top:24px;padding-bottom:32px;border-top:1px solid #373139;color:#948b97;font-size:12px}
.agencyFooterBottom span:last-child{color:#d8ff78;font-weight:700}
@media(max-width:900px){#pricing .packages{grid-template-columns:1fr 1fr}#pricing .package{min-height:0}.agencyFooterGrid{gap:38px;grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:650px){#pricing .packages{grid-template-columns:1fr}#pricing{padding-bottom:48px}#pricing+.dark.section{padding-top:52px}.contactSection{padding-bottom:42px}.agencyFooterGrid{grid-template-columns:1fr 1fr;gap:34px 24px;padding-top:44px;padding-bottom:38px}.agencyFooterBrand{grid-column:1/-1}.agencyFooterBottom{align-items:flex-start;flex-direction:column;padding-bottom:26px}.agencyFooter h4{margin-bottom:12px}}
/* Compact mobile studio footer */
.agencyFooter .mark{background:#28232a;border:1px solid #454047}
@media(max-width:650px){body .agencyFooter .agencyFooterGrid{display:grid;grid-template-columns:1fr;gap:24px;padding-top:38px;padding-bottom:26px}.agencyFooter .agencyFooterBrand{grid-column:auto}.agencyFooter .agencyFooterBrand .brand{margin-bottom:14px}.agencyFooter .agencyFooterBrand p{font-size:15px;line-height:1.5}.agencyFooter .agencyFooterGrid>div:nth-child(2) h4,.agencyFooter .agencyFooterGrid>div:nth-child(3) h4{display:none}.agencyFooter .agencyFooterGrid>div:nth-child(2) .agencyFooterLinks{display:flex;flex-wrap:wrap;gap:8px 18px}.agencyFooter .agencyFooterGrid>div:nth-child(2) .agencyFooterLinks a{font-size:14px;color:#c7c0ca}.agencyFooter .agencyFooterGrid>div:nth-child(3){padding-top:22px;border-top:1px solid #373139}.agencyFooter .agencyFooterGrid>div:nth-child(3) .agencyFooterLinks{display:grid;grid-template-columns:1fr;gap:13px}.agencyFooter .agencyFooterGrid>div:nth-child(3) .agencyFooterLinks a:first-child{width:100%;padding:14px 18px;border-radius:999px;background:#d8ff78;color:#17131a;text-align:center}.agencyFooter .agencyFooterGrid>div:nth-child(3) .agencyFooterLinks a:last-child{width:100%;font-size:13px;color:#aaa2ad;text-align:center;overflow-wrap:anywhere}.agencyFooter .agencyFooterBottom{flex-direction:row;align-items:center;justify-content:space-between;gap:14px;padding-top:18px;padding-bottom:24px;font-size:11px}.agencyFooter .agencyFooterBottom span:last-child{font-size:0}.agencyFooter .agencyFooterBottom span:last-child:after{content:'GÖTEBORG · SVERIGE';font-size:10px;letter-spacing:.08em}}
/* Portfolio case-study presentation */
.modal .shell{position:relative;overflow:hidden;background:#f7f5f8}.modal .shell:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#8050df,#d8ff78)}.modal .modalHead{align-items:flex-start}.modal .modalHead:after{content:'CONCEPT PROJECT';position:absolute;right:94px;top:43px;color:#867e8a;font:800 10px/1 Manrope;letter-spacing:.14em}.modal .panel{padding:22px;border-color:#d9d3dd;box-shadow:0 16px 45px #2117250a}.modal .panelTitle{margin-bottom:16px;color:#6e6672}.modal .mock{position:relative;height:490px;box-shadow:0 18px 40px #17131a1a}.modal .mockHero{position:relative;height:285px;padding:46px}.modal .mockHero:after{content:'';position:absolute;right:34px;bottom:26px;width:72px;height:72px;border:1px solid color-mix(in srgb,var(--mockaccent),transparent 35%);border-radius:50%}.modal .mockHero h3{max-width:430px;font-size:46px}.modal .mockrows{grid-template-columns:1.15fr .85fr 1fr;padding:20px}.modal .mockrows i{position:relative;height:145px;overflow:hidden}.modal .mockrows i:before,.modal .mockrows i:after{content:'';position:absolute;left:15px;right:15px;height:7px;border-radius:9px;background:#ffffffa8}.modal .mockrows i:before{bottom:31px}.modal .mockrows i:after{right:42%;bottom:17px}.modal .casecopy{gap:12px;padding:0;background:transparent}.modal .casecopy>div{min-height:145px;padding:24px;border-radius:19px;background:#17131a;color:#fff}.modal .casecopy small{color:#b7adb9;font-weight:800;letter-spacing:.1em}.modal .casecopy strong{margin-top:12px;font-size:17px;line-height:1.45}.modal .modalActions{padding-top:5px}
@media(max-width:600px){.modal{padding:7px}.modal .shell{margin:5px auto;padding:23px 18px 20px;border-radius:26px}.modal .modalHead h2{margin-top:8px;font-size:clamp(2.35rem,12vw,3.2rem);line-height:.98}.modal .modalHead:after{display:none}.modal .close{width:44px;height:44px}.modal .meta{gap:7px;margin:18px 0}.modal .meta span{padding:7px 10px;font-size:11px}.modal .casegrid{grid-template-columns:1fr!important}.modal #beforePanel{display:none!important}.modal .panel{padding:13px;border-radius:20px}.modal .panelTitle{padding:3px 5px;margin-bottom:10px;font-size:10px}.modal .mock{height:390px;border-radius:14px}.modal .mockHero{height:245px;padding:32px 27px}.modal .mockHero h3{max-width:280px;margin:15px 0 23px;font-size:37px;line-height:1.02}.modal .mockHero:after{right:22px;bottom:19px;width:54px;height:54px}.modal .mockrows{grid-template-columns:1.2fr .8fr;gap:10px;padding:15px}.modal .mockrows i{height:104px}.modal .mockrows i:last-child{display:none}.modal .casecopy{gap:9px;margin-top:12px}.modal .casecopy>div{min-height:0;padding:18px 19px;border-radius:16px}.modal .casecopy strong{margin-top:7px;font-size:15px}.modal .modalActions{display:grid;grid-template-columns:1fr;margin-top:14px}.modal .modalActions .ghost{display:none}.modal .modalActions .pill{width:100%;min-height:54px}}
