/* Updated dimensions from the supplied PDF; interactions remain in v3.css. */
.sticky-header{height:calc(68px * var(--scale,1))}
.header-logo{left:calc(60px * var(--scale,1));top:calc(19px * var(--scale,1));width:calc(132px * var(--scale,1));height:calc(39px * var(--scale,1))}
.header-links{top:calc(26px * var(--scale,1));right:calc(53px * var(--scale,1));gap:calc(79px * var(--scale,1))}
.hero{left:100px;top:153px;width:1250px;height:560px}
.hero-portrait{left:590px;top:-10px;width:655px;height:655px}
.hero-star-hit{left:767px!important;top:79px!important}
.hero-eyebrow{top:39px!important}.hero h1{top:85px!important}
.hero-description{top:252px;font-size:19px;line-height:1.2;width:465px}
.hero-button{top:450px}
.services{left:150px;width:1140px}.service-grid{grid-template-columns:repeat(3,364px);gap:28px}.service-card{height:218px;padding:35px 40px}
.projects-redesign h2{left:152px}.project-track{padding-left:150px}
.benefits{left:150px;top:1928px;width:1140px}.benefits h2{margin-left:6.54px}.benefit-grid{grid-template-columns:repeat(3,364px);gap:28px;margin-top:32px}.benefit-card{padding:27px 27.5px}
.process-section{left:150px;top:2285px;width:1140px}.process-section h2{margin-left:15px;font-size:30.4px}.process-grid{grid-template-columns:repeat(3,369px);gap:14px}.process-card{height:210px}.process-number-wrap{top:30px}.process-card h3{top:103px;font-size:18px}.process-card p{top:137px;font-size:16px}
.contact-heading{font-size:44px}.social-links{left:76px;gap:0}.social-links a{flex:0 0 255px;font-size:18px}.contact-note{font-size:24px}
.footer-panel{top:3421px;height:70px}

.page-base{background:radial-gradient(ellipse 320px 390px at 2% 9%,rgba(180,196,236,.28),transparent 85%),#f5f5f5}

/* Frame 4 dimensions and restored social icons. */
.reference-canvas{aspect-ratio:1440 / 3441}.design-stage{height:3441px}
.header-logo{top:50%;transform:translateY(-50%)}.header-logo:hover{transform:translateY(-50%) scale(1.04)}
.header-links{top:50%;transform:translateY(-50%)}
.hero{left:128px;top:203px;transform:scale(.9664);transform-origin:top left}
.services{left:170px;top:858px;transform:scale(.9664);transform-origin:top left}
.projects-redesign h2{left:175.73px;top:48px}.project-track{padding-left:174px;gap:33px}.project-viewport{top:114px;height:351px}.project-card{width:446px;height:351px}.project-image-placeholder{height:247px}.project-meta{height:104px}
.benefits{left:174px;top:1917px;width:1102px}.benefits h2{margin-left:6.32px}.benefit-grid{grid-template-columns:repeat(3,351px);gap:27.4px;margin-top:30px}.benefit-card{height:163px;padding:26px 26.59px}.benefit-card p{margin-top:21px;line-height:1.375}
.process-section{left:175px;top:2285px;transform:scale(.9664);transform-origin:top left}.process-grid{margin-top:36px}
.contact-redesign{left:150px;top:2756px;transform:scale(.86);transform-origin:top left}.social-links{left:64px;width:1200px;justify-content:center;gap:30px}.social-links a{flex:0 0 255px;gap:9px}.social-links a img{display:block;width:27px;height:27px}
.footer-panel{top:3371px}

/* Keep the footer flush with the bottom of the page. */
.footer-panel{top:auto;bottom:0}

/* Footer follows the content in normal flow so no canvas remains below it. */
.reference-canvas{aspect-ratio:1440 / 3371}.design-stage{height:3371px}
body>.footer-panel{position:relative;inset:auto;width:min(100%,1440px);height:calc(70px * var(--scale,1));margin:0 auto;padding:0 calc(60px * var(--scale,1));transform:none}
body>.footer-panel>span{font-size:calc(20.8px * var(--scale,1))}body>.footer-panel .footer-contact{font-size:calc(17.6px * var(--scale,1));height:calc(52px * var(--scale,1));min-width:calc(170px * var(--scale,1))}

/* Hover effects must not widen the document. */
html,body{overflow-x:clip}
body>.footer-panel:hover{transform:none}

/* Fill wide viewports while preserving the design proportions. */
.reference-canvas,.sticky-header,body>.footer-panel{width:100%;max-width:none}