/* The opening image fills the first viewport, accounting for the header. */
.studio[data-page="/"] .hero-premium{height:calc(100svh - 96px);max-height:none}
@media(min-width:1101px){.studio[data-page="/"] .hero-premium{height:calc(100svh - 104px)}}
@media(max-width:1000px){.studio[data-page="/"] .hero-premium{height:calc(100svh - 84px)}}
@media(max-width:760px){.studio[data-page="/"] .hero-premium{height:calc(100svh - 78px);max-height:none}}

/* Larger, consistent service numbering and image crops. */
.studio[data-page="/"] .focus-service img{object-position:center}
.studio[data-page="/"] .focus-service:nth-child(2) img{object-position:32% center}
.studio[data-page="/"] .focus-number{display:inline-block;color:#c21e35;font-size:16px;font-weight:500;letter-spacing:.04em;line-height:1}
.studio[data-page="/"] .focus-service h3{margin:15px 0 12px}
.studio[data-page="/"] .focus-arrow{top:60px}

/* One setting gives the steps a shared context; the route follows scrolling. */
.path61-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:clamp(55px,7vw,130px);align-items:start}
.path61-context{margin:0}.path61-context img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;max-height:760px}.path61-context figcaption{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#b3c9d2;margin-top:18px}
.studio[data-page="/"] .path61-context figcaption{font-size:12px;color:#c5d6dc;line-height:1.5}
.path60-list{padding-top:0}.path60-step{grid-template-columns:52px minmax(0,1fr);gap:clamp(24px,3vw,52px);align-items:start;padding:30px 0}.path60-index{width:52px;height:52px}.path60-track{left:25px}.path60-copy{max-width:650px}.path60-label{margin-bottom:10px}.path60-copy h3{font-size:clamp(28px,2.2vw,38px);margin-bottom:12px}.path60-copy>p:not(.path60-label){line-height:1.65}.path60-bottom{margin-top:36px;border-top:1px solid #52707c;padding-top:25px}

/* Contact closes the story with one clear action and a secondary direct email. */
.studio[data-page="/"] .studio-cta{background:#f7f9f8;padding:clamp(75px,7vw,125px) 0}
.studio[data-page="/"] .studio-cta>.shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.65fr);gap:clamp(55px,8vw,150px);align-items:center;border:0;padding-top:0}
.studio[data-page="/"] .studio-cta h2{max-width:780px;line-height:1.08;text-wrap:balance;margin:18px 0 22px}
.studio[data-page="/"] .studio-cta p:not(.eyebrow){max-width:540px}
.cta60-actions{align-items:stretch;gap:0;border-top:1px solid #aabdc5;padding-top:26px}
.studio[data-page="/"] .studio-cta .button{max-width:none;width:100%;min-height:64px;justify-content:space-between;padding-inline:24px}
.cta60-email{display:block;align-self:flex-start;margin-top:21px;font-size:16px}

/* A single aligned masthead gives the footer a calmer business hierarchy. */
.studio .footer{background:#e9f0f2}
.studio .footer .f59-core{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:45px clamp(35px,6vw,100px);padding:65px 0 70px}
.studio .footer .f59-brand{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:35px;border-bottom:1px solid #c5d3d8;padding-bottom:35px}
.studio .footer .f59-brand .footer-brand{width:230px}
.studio .footer .footer-entity .eyebrow,.studio .f59-label{font-size:12px;margin-bottom:15px}
.studio .footer .footer-entity h3{font-size:20px;margin-bottom:12px}
.studio .footer .footer-entity address{font-size:15px;line-height:1.7}
.studio .footer .f59-qr{grid-column:auto;border-left:1px solid #c5d3d8;border-top:0;padding:0 0 0 30px;gap:20px;align-items:center}
.studio .footer .f59-qr img{width:120px;height:120px}.studio .footer .f59-qr p:not(.f59-label){max-width:210px;font-size:14px}.studio .footer .f59-qr a{font-size:14px}
@media(max-width:1000px){.path61-layout{gap:45px;grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.path61-context img{aspect-ratio:3/4}.path60-step{gap:22px}.studio .footer .f59-core{gap:35px 30px}.studio .footer .f59-qr{border:0;padding:0;flex-wrap:wrap}}
@media(max-width:800px){.path61-layout{grid-template-columns:1fr;gap:35px}.path61-context img{aspect-ratio:1.8;max-height:340px}.path60-step{grid-template-columns:52px minmax(0,1fr);gap:22px}.path60-copy{grid-column:2}.studio[data-page="/"] .studio-cta>.shell{grid-template-columns:1fr;gap:35px}.studio .footer .f59-core{grid-template-columns:1fr 1fr}.studio .footer .f59-brand{grid-column:1/-1}.studio .footer .f59-qr{grid-column:1/-1;border-top:1px solid #c5d3d8;padding-top:25px;flex-wrap:nowrap}}
@media(max-width:520px){.studio[data-page="/"] .focus-arrow{top:55px}.path61-context img{aspect-ratio:1.45}.path60-step{grid-template-columns:42px minmax(0,1fr);gap:16px}.path60-index{width:42px;height:42px}.path60-track{left:20px}.path60-copy h3{font-size:28px}.studio .footer .f59-brand{grid-template-columns:1fr auto;gap:20px}.studio .footer .f59-brand .footer-brand{grid-column:1/-1;width:205px}.studio .footer .f59-core{grid-template-columns:1fr;gap:27px}.studio .footer .f59-brand,.studio .footer .f59-qr{grid-column:auto}.studio .footer .footer-entity{padding-top:23px;border-top:1px solid #c5d3d8}.studio .footer .f59-qr img{width:106px;height:106px}.studio .footer .footer-bottom{gap:16px;flex-wrap:wrap}}
@media(max-width:520px){.studio .footer .f59-brand + .footer-entity{padding-top:0;border-top:0}}