@font-face{font-family:CasePalaciosGrotesk;src:url('../fonts/homepage/familjengrotesk-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:CasePalaciosGrotesk;src:url('../fonts/homepage/familjengrotesk-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:CasePalaciosSerif;src:url('../fonts/homepage/dm-serif-display-italic.woff') format('woff');font-style:italic;font-weight:400;font-display:swap}
body.studio-site main.cpx-case{--cpx-ink:#24113c;--cpx-muted:#514360;--cpx-purple:#7300ed;--cpx-line:#d8cce4;background:#fff!important;color:var(--cpx-ink)!important;font-family:CasePalaciosGrotesk,Arial,sans-serif !important;overflow:clip !important;padding:0 !important;margin:0 !important;isolation:isolate !important}
body.studio-site .cpx-case *,body.studio-site .cpx-case *::before,body.studio-site .cpx-case *::after{box-sizing:border-box !important}
body.studio-site .cpx-case :is(h1,h2,h3,p,figure,dl,dd,ol){margin:0 !important}
body.studio-site .cpx-case :is(h1,h2,h3){font-family:CasePalaciosGrotesk,Arial,sans-serif!important;line-height:1.04!important;letter-spacing:-.045em!important;color:var(--cpx-ink)!important;font-weight:700!important;text-wrap:balance !important}
body.studio-site .cpx-case h1{font-size:clamp(2.8rem,4.2vw,4.4rem)!important}
body.studio-site .cpx-case h2{font-size:clamp(2.2rem,3.5vw,3.4rem)!important}
body.studio-site .cpx-case h3{font-size:1.4rem!important;line-height:1.15!important}
body.studio-site .cpx-case :is(p,li,dd){font-family:CasePalaciosGrotesk,Arial,sans-serif !important;font-size:1.125rem !important;line-height:1.5 !important;color:var(--cpx-muted)!important}
body.studio-site .cpx-case :is(span,small,strong,b){color:inherit!important}
body.studio-site .cpx-case em{font-family:CasePalaciosSerif,Georgia,serif!important;font-weight:400!important;color:var(--cpx-purple)!important;letter-spacing:-.04em !important}
body.studio-site .cpx-case a{color:var(--cpx-purple)!important;text-decoration:none !important;min-height:44px !important}
body.studio-site .cpx-case a:focus-visible{outline:3px solid var(--cpx-purple) !important;outline-offset:5px !important}
body.studio-site .cpx-case a:hover{text-decoration:underline !important;text-underline-offset:5px !important}
body.studio-site .cpx-case img{display:block !important;width:100% !important;max-width:100% !important;height:auto !important;border-radius:0 !important;box-shadow:none !important}
body.studio-site .cpx-case figure{min-width:0 !important}
body.studio-site .cpx-case figcaption{font-size:1rem !important;line-height:1.4 !important;color:var(--cpx-muted) !important;padding-top:12px !important}
body.studio-site .cpx-case .cpx-shell{width:min(1200px,calc(100% - 80px)) !important;margin-inline:auto !important;min-width:0 !important}
body.studio-site .cpx-case .cpx-label{font-size:.875rem !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--cpx-ink)!important;margin-bottom:18px !important;line-height:1.35 !important}
body.studio-site .cpx-case .cpx-hero{background:#fff0e3!important;padding:0 !important}
body.studio-site .cpx-case .cpx-hero-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:45px !important;align-items:center !important}
body.studio-site .cpx-case .cpx-hero-copy{padding:20px 0 48px !important}
body.studio-site .cpx-case .cpx-crumbs{display:flex !important;gap:10px !important;align-items:center !important;flex-wrap:wrap !important;font-size:.88rem !important;color:var(--cpx-muted) !important;margin-bottom:30px !important}
body.studio-site .cpx-case .cpx-crumbs a{display:inline-flex !important;align-items:center !important;color:var(--cpx-muted)!important}
body.studio-site .cpx-case .cpx-deck{font-size:clamp(2.7rem,4.8vw,4.6rem) !important;line-height:1.04 !important;margin-top:8px !important;text-wrap:balance !important}
body.studio-site .cpx-case .cpx-intro{max-width:505px !important;margin-top:26px !important;font-size:1.2rem !important}
body.studio-site .cpx-case .cpx-facts{display:grid !important;grid-template-columns:1fr 1fr 1fr !important;gap:0 !important;margin-top:32px !important;border-top:1px solid #e1d0c6 !important;padding-top:22px !important}
body.studio-site .cpx-case .cpx-facts>div{padding-inline:17px !important;border-right:1px solid #e1d0c6 !important;min-width:0 !important}
body.studio-site .cpx-case .cpx-facts>div:first-child{padding-left:0 !important}
body.studio-site .cpx-case .cpx-facts>div:last-child{border:0 !important;padding-right:0 !important}
body.studio-site .cpx-case .cpx-facts dt{font-size:.74rem !important;text-transform:uppercase !important;letter-spacing:.08em !important;color:var(--cpx-muted) !important;margin-bottom:9px !important}
body.studio-site .cpx-case .cpx-facts dd{font-size:1rem !important;color:var(--cpx-ink)!important;line-height:1.4 !important}
body.studio-site .cpx-case .cpx-hero-proof{position:relative !important;align-self:stretch !important;display:flex !important;align-items:flex-start !important;min-width:0 !important;padding-bottom:100px !important}
body.studio-site .cpx-case .cpx-hero-proof .cpx-driveway{width:100% !important;height:auto !important;object-fit:contain !important}
body.studio-site .cpx-case .cpx-hero-proof .cpx-mobile-proof{position:absolute !important;width:43% !important;height:auto !important;right:0 !important;bottom:24px !important;border:3px solid #fff !important;border-radius:4px !important;box-shadow:0 8px 16px #24113c12 !important}
body.studio-site .cpx-case .cpx-scope{background:#fff!important;border-bottom:1px solid var(--cpx-line) !important;padding:34px 0 !important}
body.studio-site .cpx-case .cpx-scope dl{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:32px !important}
body.studio-site .cpx-case .cpx-scope dl>div{border-right:1px solid var(--cpx-line) !important;padding-right:20px !important}
body.studio-site .cpx-case .cpx-scope dl>div:last-child{border:0 !important;padding-right:0 !important}
body.studio-site .cpx-case .cpx-scope dt{font-size:1.15rem !important;line-height:1.2 !important;color:var(--cpx-ink) !important}
body.studio-site .cpx-case .cpx-scope dt strong{font-size:3rem !important;font-weight:400 !important;margin-right:7px !important;color:var(--cpx-purple)!important;letter-spacing:-.05em !important}
body.studio-site .cpx-case .cpx-scope dd{font-size:.9rem !important;margin-top:9px !important}
body.studio-site .cpx-case .cpx-comparison{display:grid !important;grid-template-columns:.95fr 1.05fr !important;align-items:center !important;gap:64px !important;padding-block:66px !important}
body.studio-site .cpx-case .cpx-challenge h2{max-width:470px !important}
body.studio-site .cpx-case .cpx-challenge>p:not(.cpx-label){margin-top:22px !important;max-width:480px !important}
body.studio-site .cpx-case .cpx-link{display:inline-flex !important;gap:10px !important;align-items:center !important;font-size:1.03rem !important;line-height:1.35 !important;font-weight:700 !important}
body.studio-site .cpx-case .cpx-challenge>.cpx-link{margin-top:18px !important}
body.studio-site .cpx-case .arrow-icon{width:20px !important;height:20px !important;flex:0 0 20px !important;stroke:currentColor !important;stroke-width:1.7 !important;fill:none !important}
body.studio-site .cpx-case .cpx-compare-images{display:grid !important;grid-template-columns:1fr 1fr !important;gap:26px !important;align-items:start !important}
body.studio-site .cpx-case .cpx-compare-images h3{font-size:1.3rem!important;margin-bottom:14px !important}
body.studio-site .cpx-case .cpx-compare-images a{display:block !important}
body.studio-site .cpx-case .cpx-compare-images img{border:1px solid #ddd3e6 !important;border-radius:4px !important}
body.studio-site .cpx-case .cpx-compare-images figcaption{font-size:.94rem !important}
body.studio-site .cpx-case .cpx-compare-images figcaption span{font-size:.85rem !important}
body.studio-site .cpx-case .cpx-measured{background:#eaf6d9!important;padding:55px 0 !important;scroll-margin-top:100px !important}
body.studio-site .cpx-case .cpx-measured-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:60px !important;align-items:start !important}
body.studio-site .cpx-case .cpx-lcp h2{font-size:2.1rem!important;margin-bottom:22px !important}
body.studio-site .cpx-case .cpx-lcp-values{display:flex !important;align-items:center !important;gap:22px !important;margin-bottom:16px !important;color:var(--cpx-purple)!important}
body.studio-site .cpx-case .cpx-lcp-values>span{display:flex !important;flex-direction:column !important;gap:4px !important}
body.studio-site .cpx-case .cpx-lcp-values strong{font-family:CasePalaciosSerif,Georgia,serif !important;font-style:italic !important;font-size:clamp(3rem,5vw,5rem) !important;font-weight:400 !important;line-height:1 !important;letter-spacing:-.04em !important;white-space:nowrap !important}
body.studio-site .cpx-case .cpx-lcp-values strong small{font-size:.8em !important}
body.studio-site .cpx-case .cpx-lcp-values>span>span{font-size:.86rem !important;color:var(--cpx-muted)!important}
body.studio-site .cpx-case .cpx-lcp-values .cpx-to{font-size:1.25rem !important;color:var(--cpx-muted)!important;margin-top:-20px !important}
body.studio-site .cpx-case .cpx-lcp>p:last-child{font-size:1rem !important;margin-top:18px !important;max-width:460px !important}
body.studio-site .cpx-case .cpx-score-table table{width:100% !important;border-collapse:collapse !important;table-layout:fixed !important;background:#fff !important;color:var(--cpx-ink) !important;font-size:1rem !important}
body.studio-site .cpx-case .cpx-score-table caption{text-align:left !important;font-size:.96rem !important;margin-bottom:12px !important;color:var(--cpx-ink) !important}
body.studio-site .cpx-case .cpx-score-table :is(th,td){padding:15px 14px !important;border-bottom:1px solid #e2dae9 !important;text-align:center !important;overflow-wrap:anywhere !important;line-height:1.35 !important}
body.studio-site .cpx-case .cpx-score-table th:first-child{width:46% !important;text-align:left !important;font-weight:400 !important}
body.studio-site .cpx-case .cpx-score-table thead th{background:#f7f3fb !important;font-weight:400 !important}
body.studio-site .cpx-case .cpx-score-table strong{color:#245a28!important}
body.studio-site .cpx-case .cpx-score-table p{font-size:.88rem !important;margin-top:15px !important;line-height:1.45 !important}
body.studio-site .cpx-case .cpx-gallery{padding-block:65px !important}
body.studio-site .cpx-case .cpx-gallery header>p:last-child{max-width:650px !important;margin-top:20px !important}
body.studio-site .cpx-case .cpx-gallery h2{max-width:660px !important}
body.studio-site .cpx-case .cpx-gallery-grid{display:grid !important;grid-template-columns:1fr 1fr .78fr !important;gap:30px !important;margin-top:28px !important;align-items:start !important}
body.studio-site .cpx-case .cpx-gallery figcaption strong,body.studio-site .cpx-case .cpx-gallery figcaption span{display:block !important}
body.studio-site .cpx-case .cpx-gallery figcaption strong{color:var(--cpx-ink)!important;font-size:1.13rem !important;font-weight:700 !important;margin-bottom:5px !important}
body.studio-site .cpx-case .cpx-gallery figcaption span{font-size:.93rem !important}
body.studio-site .cpx-case .cpx-gallery-mobile>div{background:#fff0e3 !important;display:flex !important;justify-content:center !important;height:clamp(176px,20vw,263px) !important;padding-inline:18px !important}
body.studio-site .cpx-case .cpx-gallery-mobile img{height:100% !important;width:auto !important;max-width:100% !important;object-fit:contain !important}
body.studio-site .cpx-case .cpx-delivery{background:#e8dcff!important;padding:58px 0 28px !important}
body.studio-site .cpx-case .cpx-delivery-grid{display:grid !important;grid-template-columns:.8fr 2fr !important;gap:65px !important}
body.studio-site .cpx-case .cpx-delivery h2{font-size:2.8rem!important}
body.studio-site .cpx-case .cpx-delivery ol{display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:repeat(5,auto) !important;grid-auto-flow:column !important;gap:0 38px !important;list-style:none !important;padding:0 !important}
body.studio-site .cpx-case .cpx-delivery li{display:flex !important;gap:19px !important;align-items:start !important;padding:16px 0 !important;border-bottom:1px solid #bea9d9 !important;font-size:1.03rem !important;line-height:1.4 !important;color:var(--cpx-ink)!important}
body.studio-site .cpx-case .cpx-delivery li span{font-size:1.6rem !important;min-width:30px !important;line-height:1 !important;color:var(--cpx-purple)!important}
body.studio-site .cpx-case .cpx-status{background:#f7f2ff!important;display:grid !important;grid-template-columns:210px 1fr !important;gap:32px !important;margin-top:32px !important;padding:25px 30px !important}
body.studio-site .cpx-case .cpx-status h3{font-size:1.08rem!important}
body.studio-site .cpx-case .cpx-status p{font-size:.98rem !important;max-width:800px !important}
body.studio-site .cpx-case .cpx-status .cpx-link{font-size:.95rem !important;margin-top:7px !important}
body.studio-site .cpx-case .cpx-related{display:flex !important;justify-content:space-between !important;gap:24px !important;padding-block:25px !important}
body.studio-site .cpx-case .cpx-related a{display:flex !important;align-items:center !important;gap:12px !important;font-size:1rem !important;line-height:1.35 !important}
body.studio-site .cpx-case .cpx-final{background:#fff0e3!important;padding:55px 0 32px !important;text-align:center !important}
body.studio-site .cpx-case .cpx-final h2{font-size:clamp(2.5rem,4.3vw,4.4rem)!important}
body.studio-site .cpx-case .cpx-final p{max-width:700px !important;margin:22px auto 0 !important}
body.studio-site .cpx-case .cpx-actions{display:flex !important;gap:12px !important;justify-content:center !important;flex-wrap:wrap !important;margin-top:26px !important}
body.studio-site .cpx-case .cpx-button{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:24px !important;min-height:52px !important;padding:14px 24px !important;background:var(--cpx-purple) !important;border:1px solid var(--cpx-purple) !important;border-radius:5px !important;color:#fff!important;font-size:1.04rem !important;font-weight:700 !important;line-height:1.25 !important}
body.studio-site .cpx-case .cpx-button-quiet{background:transparent !important;color:var(--cpx-purple)!important;border-color:#b6a0d4 !important}
body.studio-site .cpx-case .cpx-phone{margin-top:15px !important;font-weight:400 !important}
body.studio-site .cpx-sr{position:absolute !important;width:1px !important;height:1px !important;padding:0!important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}
@media(max-width:1050px){body.studio-site .cpx-case .cpx-hero-grid{gap:28px !important}body.studio-site .cpx-case .cpx-hero-proof{align-self:center !important;min-height:460px !important;padding-bottom:0 !important}body.studio-site .cpx-case .cpx-facts{grid-template-columns:1fr 1fr !important;gap:20px 0 !important}body.studio-site .cpx-case .cpx-facts>div:nth-child(2){border:0 !important}body.studio-site .cpx-case .cpx-facts>div:last-child{padding-left:0 !important;grid-column:1/-1 !important}body.studio-site .cpx-case .cpx-comparison{gap:35px !important;grid-template-columns:.85fr 1.15fr !important}body.studio-site .cpx-case .cpx-compare-images{gap:18px !important}body.studio-site .cpx-case .cpx-measured-grid{gap:30px !important}body.studio-site .cpx-case .cpx-delivery-grid{grid-template-columns:.8fr 1.8fr !important;gap:35px !important}body.studio-site .cpx-case .cpx-delivery ol{gap:0 25px !important}body.studio-site .cpx-case .cpx-delivery h2{font-size:2.3rem!important}}
@media(max-width:760px){body.studio-site .cpx-case .cpx-shell{width:calc(100% - 40px) !important}body.studio-site .cpx-case .cpx-hero-grid{grid-template-columns:1fr !important;gap:0 !important}body.studio-site .cpx-case .cpx-hero-copy{padding:16px 0 28px !important}body.studio-site .cpx-case .cpx-crumbs{font-size:.82rem !important;gap:8px !important;margin-bottom:20px !important}body.studio-site .cpx-case .cpx-deck br{display:none !important}body.studio-site .cpx-case .cpx-hero h1{font-size:clamp(2.6rem,7.3vw,4rem)!important}body.studio-site .cpx-case .cpx-deck{font-size:clamp(2.7rem,7vw,4rem) !important}body.studio-site .cpx-case .cpx-intro{font-size:1.125rem !important}body.studio-site .cpx-case .cpx-facts{grid-template-columns:1fr 1fr 1fr !important;gap:0 !important}body.studio-site .cpx-case .cpx-facts>div{padding-inline:12px !important;border-right:1px solid #e1d0c6 !important}body.studio-site .cpx-case .cpx-facts>div:nth-child(2){border-right:1px solid #e1d0c6 !important}body.studio-site .cpx-case .cpx-facts>div:last-child{grid-column:auto !important;padding-left:12px !important;border:0 !important}body.studio-site .cpx-case .cpx-facts dd{font-size:.95rem !important}body.studio-site .cpx-case .cpx-hero-proof{min-height:0 !important;padding-bottom:55px !important}body.studio-site .cpx-case .cpx-hero-proof .cpx-mobile-proof{width:40% !important;bottom:16px !important;right:12px !important}body.studio-site .cpx-case .cpx-scope{padding:25px 0 !important}body.studio-site .cpx-case .cpx-scope dl{gap:14px !important}body.studio-site .cpx-case .cpx-scope dt{font-size:1rem !important}body.studio-site .cpx-case .cpx-scope dt strong{display:block !important;font-size:2.5rem !important;margin-bottom:7px !important}body.studio-site .cpx-case .cpx-scope dl>div{padding-right:10px !important}body.studio-site .cpx-case .cpx-scope dd{font-size:.8rem !important}body.studio-site .cpx-case .cpx-comparison{grid-template-columns:1fr !important;gap:32px !important;padding-block:44px !important}body.studio-site .cpx-case .cpx-challenge h2,body.studio-site .cpx-case .cpx-challenge>p:not(.cpx-label){max-width:650px !important}body.studio-site .cpx-case .cpx-measured{padding-block:44px !important}body.studio-site .cpx-case .cpx-measured-grid{grid-template-columns:1fr !important;gap:30px !important}body.studio-site .cpx-case .cpx-lcp-values strong{font-size:4rem !important}body.studio-site .cpx-case .cpx-gallery{padding-block:44px !important}body.studio-site .cpx-case .cpx-gallery-grid{grid-template-columns:1fr 1fr !important;gap:25px 20px !important}body.studio-site .cpx-case .cpx-gallery-mobile{grid-column:1/-1 !important;max-width:390px !important;justify-self:center !important;width:100% !important}body.studio-site .cpx-case .cpx-gallery-mobile>div{height:340px !important}body.studio-site .cpx-case .cpx-delivery{padding-top:44px !important}body.studio-site .cpx-case .cpx-delivery-grid{grid-template-columns:1fr !important;gap:24px !important}body.studio-site .cpx-case .cpx-delivery h2{font-size:2.6rem!important}body.studio-site .cpx-case .cpx-delivery h2 br{display:none !important}body.studio-site .cpx-case .cpx-status{grid-template-columns:1fr !important;gap:14px !important;padding:23px !important}body.studio-site .cpx-case .cpx-related{flex-direction:column !important;gap:8px !important;padding-block:20px !important}body.studio-site .cpx-case .cpx-related a{justify-content:space-between !important}body.studio-site .cpx-case .cpx-final{padding:42px 0 28px !important}}
@media(max-width:500px){body.studio-site .cpx-case .cpx-compare-images{grid-template-columns:1fr !important;gap:28px !important;max-width:380px !important;margin-inline:auto !important;width:100% !important}body.studio-site .cpx-case .cpx-gallery-grid{grid-template-columns:1fr !important}body.studio-site .cpx-case .cpx-gallery-mobile{max-width:none !important;justify-self:stretch !important}body.studio-site .cpx-case .cpx-delivery ol{grid-template-columns:1fr !important;grid-template-rows:none !important;grid-auto-flow:row !important}body.studio-site .cpx-case .cpx-delivery li{padding-block:15px !important}body.studio-site .cpx-case .cpx-facts dd{font-size:.88rem !important}body.studio-site .cpx-case .cpx-facts dt{font-size:.68rem !important;letter-spacing:.05em !important}body.studio-site .cpx-case .cpx-score-table :is(th,td){padding:13px 9px !important;font-size:.9rem !important}body.studio-site .cpx-case .cpx-actions{display:grid !important;grid-template-columns:1fr !important}body.studio-site .cpx-case .cpx-button{width:100% !important}}
@media(prefers-reduced-motion:reduce){body.studio-site .cpx-case *,body.studio-site .cpx-case *::before,body.studio-site .cpx-case *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

body.studio-site main:is(.cnx-case,.cpx-case,.caem-main,.sgc-solcal-main,.sgm-georgiev-main,.cst-page){padding:0!important;margin:0!important;max-width:none!important;width:100%!important;overflow:clip!important}