@font-face{font-family:'Elms Sans';src:url('../fonts/ElmsSans.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Sora;src:url('../fonts/Sora.ttf') format('truetype');font-weight:100 800;font-style:normal;font-display:swap}
:root{--ink:#2b2b2b;--teal:#006b75;--ice:#c4faff;--body-font:Sora,Arial,sans-serif;--title-font:'Elms Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--body-font);font-size:15px;line-height:1.454}h1,h2,h3,p,ul,dl,dd{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block}img:not(.design-svg){max-width:100%}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--teal);outline-offset:5px}.container{width:calc(100% - 160px);max-width:1440px;margin-inline:auto}.button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;background:var(--ink);color:white;padding:13px 20px;font-size:13.8px;line-height:16.51px;border:1px solid transparent;transition:background .18s,color .18s;width:fit-content}.button:hover{background:var(--teal);text-decoration:none}.button-light{background:white;color:var(--ink)}.button-light:hover{background:var(--ice);color:var(--ink)}.skip-link{position:fixed;left:16px;top:12px;transform:translateY(-200%);z-index:100;background:white;padding:12px}.skip-link:focus{transform:translateY(0)}.display-title{font-family:var(--title-font);font-size:60px;font-weight:100;line-height:65px}.display-title span,.section-title span{color:var(--teal)}.section-title{font-family:var(--title-font);font-size:25px;font-weight:300;line-height:40px;letter-spacing:10px;text-transform:uppercase}.prose p+p{margin-top:16px}.prose strong{font-weight:700}.photo-section{position:relative;isolation:isolate;overflow:hidden;color:white}.photo-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.photo-section::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none}.photo-section .display-title span,.photo-section .section-title span{color:var(--ice)}
.site-header{height:72px;border-bottom:1px solid var(--ink);background:white;position:relative;z-index:10}.header-inner{height:71px;display:flex;align-items:center;justify-content:space-between}.header-logo{margin-left:-25px}.header-logo img{width:185.556px;height:19.1584px}#primary-navigation{display:flex;gap:36px;align-items:center;font-size:15.2px;line-height:21.28px}#primary-navigation>a:not(.button){padding-block:10px}#primary-navigation>a[aria-current=page]:not(.button){text-decoration:underline;text-underline-offset:4px}#primary-navigation .button{font-size:15.2px;padding:11px 22px;line-height:18.24px;min-height:43px}.menu-toggle{display:none}
.home-hero{height:672px}.home-hero::after{background:linear-gradient(250.182deg,rgba(0,0,0,.41172),rgba(0,0,0,.90873))}.hero-inner{display:grid;grid-template-columns:520px 1fr;gap:62px;height:100%}.hero-copy{padding-top:129px}.hero-copy .display-title{font-size:59.5px;line-height:65.47px;letter-spacing:5px;white-space:nowrap}.hero-copy .prose{margin-top:26.3px}.hero-copy .prose p+p{margin-top:17.215px}.hero-copy .button{margin-top:41px;font-family:Arial,sans-serif}.hero-brand{position:relative;width:555px;height:385px;margin-top:124px;justify-self:end;margin-right:-17px}.hero-brand-main{position:absolute;left:65.66px;top:28.03px}.hero-brand-tagline{position:absolute;left:131.26px;top:331.75px}
.split{display:grid;position:relative;grid-template-columns:42% 58%;max-width:1600px;margin-inline:auto}.split-copy{padding-inline:96px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:32px;min-width:0}.split-image{position:relative;overflow:hidden;border:1px solid var(--ink);min-width:0;height:700px}.split-image>img:not(.design-svg){width:100%;height:100%;object-fit:cover}.split-image-left .split-image{grid-column:1;grid-row:1}.split-image-left .split-copy{grid-column:2;grid-row:1}.split-image-right{grid-template-columns:58% 42%}.split-image-right .split-copy{grid-column:1;grid-row:1}.split-image-right .split-image{grid-column:2;grid-row:1}.partner-section{height:780px;padding-top:80px}.partner-section .split-copy{height:698px;gap:22px;padding-top:102px;padding-bottom:136px}.partner-section .prose{padding-top:15px}.services-section{height:882px;padding-top:80px}.services-section .split-copy{height:700px;padding:55px 73px 0;justify-content:flex-start;gap:34px}.services-section .section-title{white-space:nowrap}.services-intro{max-width:420px;line-height:23.66px}.services-label{margin-top:0}.services-grid{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;width:100%;min-height:342px;margin-top:0;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.services-grid li{min-height:114px;display:flex;align-items:center;justify-content:center;text-align:center;background:#f6feff;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);font-size:15.8px;line-height:20px;letter-spacing:-.19px;padding:14px}
.benefits{height:779px;padding:92px 0 120px}.benefits>.photo-background{transform:scaleX(-1)}.benefits .container{width:calc(100% - 146px)}.benefits h2{width:483px;margin-left:auto;margin-right:-30px;margin-bottom:53px}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid white}.benefit{min-height:196px;border-bottom:1px solid white;display:grid;grid-template-columns:75px 1fr;gap:22px;padding:45px 28px 20px 12px}.benefit h3{font-size:15.4px;line-height:19.2px;letter-spacing:-.184px;margin-bottom:14px}.benefit-description{font-size:14.6px;line-height:20.68px}.benefit-icon img{max-width:initial}
.approach-section{height:880px;padding-top:100px;padding-bottom:80px}.approach-section .split-copy{padding:86.84px 109px 0 94px;justify-content:flex-start;gap:31px}.approach-section .section-title{white-space:nowrap}.partnership-section{height:779px;padding-bottom:79px}.partnership-section .split-copy{height:700px;gap:32px}.comparison>img.comparison-before{object-fit:cover;object-position:center center;width:100%;max-width:none}.comparison-after-wrap{position:absolute;inset:0;clip-path:inset(0 0 calc(100% - var(--reveal)) 0)}.comparison-after{width:100%;height:100%;max-width:none!important;object-fit:cover}.comparison-label{position:absolute;font-size:15px;line-height:21.81px;padding:0 10px;pointer-events:none}.label-after{top:16px;left:17px;background:var(--ice)}.label-before{bottom:14px;right:17px;color:white;background:var(--ink)}.comparison-handle{position:absolute;top:var(--reveal);left:0;right:0;pointer-events:none}.comparison-rule{position:absolute;top:-2px;left:0}.comparison-grip{position:absolute;left:calc(50% - 18.5px);top:-27.5px}.comparison-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ns-resize;writing-mode:vertical-lr;direction:ltr}.comparison:focus-within{outline:3px solid var(--teal);outline-offset:4px}
.cta{height:511px;padding-top:144px}.home-main .cta>.photo-background{transform:scaleX(-1)}.cta-inner{position:relative}.cta .display-title{max-width:1020px}.cta-bottom{display:flex;align-items:flex-start;gap:40px;margin-top:45px}.cta-description{font-size:15.8px;line-height:22.97px;max-width:470px}.cta-bottom .button{margin-left:auto;margin-right:170px;margin-top:8px;min-height:43px;padding:13px 20px}.cta-diagonal{position:absolute;left:651.7px;top:369.17px;transform:rotate(-34.3deg);transform-origin:left center;z-index:-1}.about-main .cta::after{background:linear-gradient(88.15deg,rgba(0,0,0,.92) 4.69%,transparent 164.75%)}
.site-footer{height:369px;padding-top:100px;border-top:1px solid var(--ink);background:white}.home .site-footer{height:405px}.footer-inner{position:relative;min-height:200px}.footer-logo{display:block;position:absolute;left:0;top:0;width:274px;height:187px}.footer-mark{position:absolute;left:2.54px;top:0}.footer-wordmark{position:absolute;left:0;top:130.85px}.footer-tagline{position:absolute;left:38.8px;top:177.69px}.footer-contacts{margin-left:auto;width:734px;display:flex;align-items:flex-start;justify-content:space-between;font-size:13.8px;line-height:21.33px}.footer-contacts address,.footer-contacts>a{display:flex;align-items:center;gap:40px;font-style:normal;min-height:64px}.footer-contacts>a:last-child{gap:40px}.footer-contacts .design-svg{flex-shrink:0}.footer-rule{position:absolute;left:271.635px;top:110.991px}.footer-legal{margin-left:auto;display:flex;align-items:center;justify-content:space-between;gap:35px;max-width:518px;margin-top:80px;font-size:12.3px;line-height:17.86px;white-space:nowrap}
.about-hero,.experience-section{grid-template-columns:52% 48%;height:700px}.about-hero .split-copy{padding:100px 89.6px 115px 80px;gap:33.4px}.about-hero .display-title{white-space:nowrap}.team-section{height:700px;margin-top:80px}.team-section .split-copy{padding-top:49px;padding-bottom:148px;gap:22px}.team-section .prose{padding-top:16px}.experience-section{margin-top:80px;margin-bottom:80px}.experience-section .split-copy{padding:151px 102.4px 173.56px 80px;gap:39px}.experience-section .prose{font-family:Arial,sans-serif;line-height:21.81px}
.contact-main{min-height:1127px}.contact-main::after{background:rgba(0,0,0,.7)}.contact-layout{display:grid;grid-template-columns:1fr 1.02fr;padding-top:49px;padding-bottom:107px;align-items:start}.contact-copy{padding-top:36px;padding-right:46px}.contact-copy>.prose{margin-top:42px}.contact-copy .prose p+p{margin-top:23px}.contact-copy .display-title{white-space:nowrap}.contact-details{margin-top:83px}.contact-details h2{font:700 20px/21.81px var(--body-font);margin-bottom:28px}.contact-details dl>div{padding-bottom:21px;border-bottom:1px solid white;margin-bottom:28px}.contact-details dt{margin-bottom:8px}.contact-card{background:white;color:var(--ink);padding:43px 41px;min-width:0}.contact-card>.section-title{margin-bottom:30px}.contact-card .form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:21px;row-gap:21.19px}.contact-card label{display:block;font-size:15px;line-height:21.81px}.required{color:var(--teal)}.field-full{grid-column:1/-1}.contact-card .wpcf7-form-control-wrap{display:block;margin-top:8px}.contact-card input:not([type=submit]),.contact-card textarea{display:block;width:100%;border:0;border-radius:0;background:rgba(0,107,117,.3);padding:12px;color:var(--ink);height:55px}.contact-card textarea{height:120px;min-height:120px;resize:vertical}.contact-card input[type=submit]{background:var(--teal);border:0;border-radius:0;color:#fff;font-size:13.8px;min-height:61px;padding:20px 55px;cursor:pointer}.contact-card input[type=submit]:hover{background:var(--ink)}.form-submit{margin-top:26.19px;position:relative}.form-submit .wpcf7-spinner{position:absolute;left:260px;top:18px;margin:0}.form-after{margin-top:30px;padding-top:28px;border-top:1px solid var(--ink)}.form-after p+p{margin-top:12px}.contact-card .wpcf7-not-valid-tip{font-size:12px;margin-top:6px}.contact-card .wpcf7-response-output{margin:20px 0 0;padding:12px;font-size:14px}.contact-card form.submitting{opacity:.7}.standard-page{padding-top:80px;padding-bottom:100px;min-height:60vh}.standard-page .display-title{margin-bottom:40px}.standard-page .prose{max-width:780px}
@media(min-width:1601px){.home-main,.about-main{max-width:none;margin:auto}.contact-layout,.header-inner,.footer-inner{max-width:1440px}}
@media(max-width:1199px){.split>.design-svg{display:none}.container{width:calc(100% - 80px)}.header-logo{margin-left:0}.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.hero-copy .display-title{font-size:51px;line-height:1.1;letter-spacing:2px}.hero-brand{transform:scale(.8);transform-origin:right center;width:555px}.split-copy{padding-inline:55px}.section-title{font-size:23px;letter-spacing:7px;line-height:36px}.services-section .split-copy{padding-inline:40px;gap:25px}.services-section .section-title{white-space:normal}.benefit{grid-template-columns:60px 1fr;gap:12px;padding-inline:10px}.benefit-icon{transform:scale(.8);transform-origin:left top}.benefits .container{width:calc(100% - 80px)}.benefits h2{margin-right:0}.approach-section .split-copy{padding-left:50px;padding-right:55px}.approach-section .section-title{white-space:normal}.cta-bottom .button{margin-right:30px}.footer-contacts{width:65%;gap:20px}.footer-contacts address,.footer-contacts>a,.footer-contacts>a:last-child{gap:18px}.footer-legal{max-width:55%;font-size:11px;gap:20px}.footer-rule{max-width:calc(100% - 271.635px)}.about-hero .split-copy{padding:60px 35px 60px 40px}.about-hero .display-title{font-size:51px;line-height:57px}.experience-section .split-copy{padding:90px 50px 90px 40px}.contact-copy{padding-right:30px}.contact-copy .display-title{font-size:50px;line-height:57px}.contact-card{padding:36px 30px}.contact-card>.section-title{font-size:22px;letter-spacing:7px}}
@media(max-width:900px){.display-title{font-size:46px;line-height:52px}.hero-inner{grid-template-columns:minmax(0,1fr) 250px}.hero-brand{transform:scale(.56);transform-origin:right top;margin-top:150px;width:555px}.hero-copy .display-title{font-size:46px}.home-hero{height:auto;min-height:650px}.hero-copy{padding-top:100px;padding-bottom:80px}.hero-copy .prose{max-width:490px}.section-title{font-size:21px;line-height:34px;letter-spacing:5px}.split-copy{padding-inline:35px}.partner-section .split-copy{padding-top:50px;padding-bottom:50px}.benefits{height:auto;padding:70px 0}.benefits h2{width:auto;max-width:430px}.benefits-grid{grid-template-columns:1fr 1fr}.benefit{padding:30px 10px;min-height:185px;grid-template-columns:65px 1fr;gap:15px}.approach-section .split-copy{padding:50px 35px}.services-grid li{font-size:13px;padding:10px}.services-section .split-copy{padding:40px 25px}.footer-contacts{width:60%;flex-wrap:wrap;gap:20px}.footer-contacts address{width:100%}.footer-contacts>a{min-height:40px}.footer-legal{margin-top:30px;flex-wrap:wrap;gap:10px;white-space:normal}.footer-rule{display:none}.site-footer{height:auto;min-height:369px;padding-bottom:60px}.contact-layout{grid-template-columns:1fr;gap:60px;padding-top:60px;padding-bottom:70px}.contact-copy{padding:0}.contact-copy .display-title{white-space:normal}.contact-details{margin-top:40px}.contact-details dl{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.contact-details dl>div{margin:0}.contact-card{max-width:650px;width:100%;justify-self:center}.contact-card>.section-title{font-size:25px;letter-spacing:10px}.about-hero .display-title{font-size:42px;line-height:48px}.experience-section .split-copy{padding:50px 35px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.site-header{height:72px}.header-logo img{width:185.556px;height:19.1584px}.menu-toggle{display:flex;gap:12px;align-items:center;background:white;color:var(--ink);border:1px solid var(--ink);padding:9px 12px;font-size:13px}#primary-navigation{display:none;position:absolute;left:0;right:0;top:71px;background:white;border-bottom:1px solid var(--ink);padding:20px;box-shadow:0 10px 20px #0001}#primary-navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:12px}#primary-navigation .button{width:100%}.home-hero{min-height:0}.hero-inner{display:flex;flex-direction:column;gap:0}.hero-copy{padding:70px 0}.hero-copy .display-title{font-size:45px;letter-spacing:1px;line-height:51px;white-space:normal}.hero-copy .prose{font-size:14px;line-height:21px}.hero-copy .button{margin-top:27px}.hero-brand{display:none}.home-hero::after{background:rgba(0,0,0,.6)}.display-title{font-size:42px;line-height:47px}.section-title{font-size:23px;line-height:36px;letter-spacing:5px}.split,.about-hero,.experience-section{display:flex;flex-direction:column;height:auto;padding:0;margin-block:0}.split .split-copy{height:auto;padding:55px 25px;gap:25px;order:0}.split .split-image{height:auto;aspect-ratio:538/700;order:1;width:100%;border-inline:1px solid var(--ink)}.split .split-copy .section-title{white-space:normal}.partner-section{padding-top:45px}.partner-section .split-copy{order:1}.partner-section .split-image{order:0}.partner-section .prose,.team-section .prose{padding-top:0}.services-section .services-intro{max-width:100%}.services-grid{min-height:270px}.services-grid li{min-height:90px;font-size:14px}.benefits{padding:55px 0;margin-top:50px}.benefits .container{width:calc(100% - 50px)}.benefits h2{margin-bottom:35px}.benefits-grid{grid-template-columns:1fr}.benefit{min-height:0;padding:28px 0;grid-template-columns:75px 1fr;gap:22px}.benefit-icon{transform:none}.benefit-description{font-size:14px}.approach-section .split-copy{padding:55px 25px}.partnership-section .split-copy{order:0}.partnership-section .comparison{order:1}.comparison>img.comparison-before{position:absolute;inset:0}.comparison-after{object-fit:cover}.partnership-section{padding-bottom:50px}.cta{height:auto;padding:65px 0 70px}.cta .display-title{font-size:40px;line-height:45px}.cta-bottom{margin-top:30px;display:block}.cta-description{font-size:14px;line-height:21px;max-width:100%}.cta-bottom .button{margin:25px 0 0}.cta-diagonal{display:none}.home-main .cta::after{background:rgba(0,0,0,.2)}.site-footer,.home .site-footer{height:auto;padding:55px 0 35px}.footer-inner{display:flex;flex-direction:column;align-items:flex-start}.footer-logo{position:relative;left:0;top:0;flex-shrink:0;margin-bottom:45px}.footer-contacts{width:100%;margin:0;flex-direction:column;gap:20px}.footer-contacts address,.footer-contacts>a{width:100%;min-height:34px}.footer-contacts address,.footer-contacts>a,.footer-contacts>a:last-child{gap:25px}.footer-legal{max-width:none;width:100%;margin-top:35px;padding-top:25px;border-top:1px solid var(--ink);display:flex;flex-direction:column;align-items:flex-start;font-size:11px}.about-hero .display-title{font-size:46px;line-height:51px;white-space:normal}.about-hero .split-image{aspect-ratio:614/700}.team-section .split-copy{order:0}.team-section .split-image{order:1}.team-section{padding-top:0}.experience-section{padding-bottom:50px}.experience-section .prose{font-size:15px}.contact-layout{padding:55px 0 65px;gap:35px}.contact-copy .display-title{font-size:43px;line-height:49px}.contact-copy>.prose{margin-top:28px}.contact-details dl{display:block}.contact-details dl>div{margin-bottom:22px}.contact-card{padding:30px 20px}.contact-card>.section-title{font-size:21px;line-height:34px;letter-spacing:5px}.contact-card .form-grid{grid-template-columns:1fr;gap:22px}.field-full{grid-column:auto}.contact-card input[type=submit]{width:100%;padding-inline:15px}.form-submit .wpcf7-spinner{right:0;left:auto}.contact-card label{font-size:14px}.form-after{font-size:14px}.standard-page{padding-top:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Gradient alpha endpoints reconstructed from the original Figma paint transforms. */
.benefits::after{background:linear-gradient(125.39deg,rgba(0,0,0,.47637),rgba(0,0,0,.90594))}
.home-main .cta::after{background:linear-gradient(260.92deg,rgba(0,0,0,.32792),rgba(0,0,0,.85303))}

@media(max-width:360px){.hero-copy .display-title{font-size:38px;line-height:44px}.contact-copy .display-title{font-size:35px;line-height:41px}.section-title{font-size:20px;letter-spacing:4px;line-height:32px}.contact-card>.section-title{font-size:18px;letter-spacing:3px}.cta .display-title{font-size:34px;line-height:40px}.about-hero .display-title{font-size:38px;line-height:44px}}

/* Figma review: 57:431 (Home), 57:752 (Over ons), 60:1377 (Contact).
   Keep the original SVG geometry; clip decorative lines at the page edge. */
.home-main,.about-main{overflow-x:clip}
.button{border:0}
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}
.cta-diagonal{z-index:0;pointer-events:none}
.cta .display-title,.cta-bottom{position:relative;z-index:1}

@media(max-width:360px){
  .hero-copy .display-title{font-size:clamp(30px,10.5vw,38px);line-height:1.16;letter-spacing:.5px}
  .contact-card>.section-title{font-size:17px;letter-spacing:2px}
}

@media(min-width:1200px){
  .split-copy>*{flex-shrink:0}
  .hero-inner{grid-template-columns:520px minmax(0,1fr)}
  .hero-brand{margin-right:0}
  .hero-copy .prose{line-height:22px}
  .hero-copy .button{margin-top:41px}

  .partner-section .split-copy{justify-content:flex-start;padding-top:104.89px}
  .partner-section .prose{padding-top:16.22px;line-height:22px;max-width:549px}
  .partner-section .prose p+p{margin-top:16.53px}
  .partner-section .prose p+p+p{margin-top:15.7px}

  .services-section .split-copy{padding-top:73px;padding-right:80.4px}
  .services-intro{margin-top:9.05px}
  .services-label{margin-top:1.78px;line-height:22px}
  .services-label strong{font-weight:600}
  .services-grid{height:342px;min-height:342px;grid-template-rows:repeat(3,minmax(0,1fr))}
  .services-grid li{min-height:0}
  .approach-section .split-copy{gap:32.32px}
  .approach-section .prose p+p{margin-top:21.81px}
  .approach-section .prose p:nth-child(3) strong{font-weight:600}
  .partnership-section .split-copy{justify-content:flex-start;padding-top:152.73px;gap:33.32px}
  .partnership-section .prose p+p{margin-top:21.81px}

  .about-hero .split-copy{height:700px;justify-content:flex-start;padding-top:86.47px;padding-bottom:0}
  .about-hero .prose{line-height:22px}
  .about-hero .prose p+p{margin-top:16.52px}
  .about-hero .button{margin-top:3.4px}
  .team-section .split-copy{justify-content:flex-start;padding-top:54.11px;padding-bottom:0}
  .team-section .prose{padding-top:17.31px;line-height:22px;max-width:550px}
  .team-section .prose p+p{margin-top:15.9px}
  .team-section .prose p:last-child{margin-top:16.53px}
  .team-section .button{margin-top:22.13px}
  .experience-section .split-copy{height:700px;justify-content:flex-start;padding-top:122.42px;padding-bottom:0;gap:39.41px}

  .contact-copy{padding-right:14.45px}
  .contact-copy>.prose{line-height:22px;margin-top:42.07px;max-width:520px}
  .contact-layout{padding-bottom:105.85px}
  .contact-copy .prose p+p{margin-top:23.06px}
  .contact-details dl{max-width:498px}
  .contact-details dt,.contact-details dd{line-height:22px}
  .contact-card{padding-top:43.15px;padding-bottom:43px}
  .contact-card label{line-height:22px}
  .contact-card .form-grid{row-gap:21px}
  .form-submit{margin-top:26px}
  .contact-card input[type=submit]{padding-inline:55.61px;min-width:261.22px;line-height:17px}
  .form-after{padding-top:28.16px;line-height:21.85px}
  .form-after p+p{margin-top:12.82px}

  .footer-contacts{display:grid;grid-template-columns:282.18px 225.64px 1fr;justify-content:initial}
  .footer-legal{max-width:495.35px;margin-top:82px}
}

/* Responsive desktop: preserve each photo's Figma proportions as columns grow.
   All pages share one canvas; typography remains at a readable, bounded measure. */
/* Photo sections span the viewport; their containers and the split sections stay bounded. */
.home-main,.about-main,.contact-main{max-width:none;margin-inline:auto}
.comparison-rule{transform:scaleX(var(--comparison-rule-scale,1));transform-origin:left center}
.footer-rule{transform:scaleX(var(--footer-rule-scale,1));transform-origin:left center}

@media(min-width:761px) and (max-width:900px){
  .footer-contacts{width:calc(100% - 306px)}
}

@media(min-width:1281px){
  .split{height:auto}
  .split .split-image{height:calc(700px * var(--design-scale,1))}
  .split .split-copy{height:auto;padding-bottom:64px}
  .partner-section .split-copy{padding-top:calc(104.89px + 350px * (var(--design-scale,1) - 1))}
  .services-section{padding-bottom:102px}
  .services-section .split-copy{padding-top:calc(73px + 350px * (var(--design-scale,1) - 1))}
  .services-grid{max-width:589px}
  .approach-section .split-copy{padding-top:calc(86.84px + 350px * (var(--design-scale,1) - 1))}
  .approach-section .prose{max-width:539.4px}
  .partnership-section .split-copy{padding-top:calc(152.73px + 350px * (var(--design-scale,1) - 1))}
  .partnership-section .prose{max-width:550px}
  .about-hero .split-copy{padding-top:calc(86.47px + 350px * (var(--design-scale,1) - 1))}
  .about-hero .prose{max-width:496px}
  .team-section .split-copy{padding-top:calc(54.11px + 350px * (var(--design-scale,1) - 1))}
  .experience-section .split-copy{padding-top:calc(122.42px + 350px * (var(--design-scale,1) - 1))}
  .experience-section .prose{max-width:483.2px}
  .cta-diagonal{left:calc(100% - 468.3px)}
  .contact-layout{grid-template-columns:minmax(0,1fr) 565.55px}
}


/* One frame owns the perimeter; only the second photo owns the shared seam. */
.photo-pair{display:grid;grid-template-rows:repeat(2,minmax(0,1fr))}
.photo-pair>div{position:relative;min-width:0;min-height:0;overflow:hidden}
.photo-pair>div+div{border-top:1px solid var(--ink)}
.photo-pair img{width:100%;height:100%;object-fit:cover}
.photo-pair-horizontal{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr))}
.photo-pair-horizontal>div+div{border-top:0;border-left:1px solid var(--ink)}

/* Connectors extend the frame edges; each free tail is 11% of the canvas. */
.split{--connector-tail:11%}
@media(min-width:761px){
  .partner-section::after,.team-section::after,.about-hero::after,.approach-section::after,
  .services-section::before,.team-section::before,.experience-section::before,.approach-section::before{
    content:'';position:absolute;pointer-events:none;
  }
  .partner-section::after,.team-section::after{left:42%;bottom:0;border-top:1px solid var(--ink)}
  .partner-section::after{right:calc(42% - var(--connector-tail))}
  .team-section::after{right:calc(48% - var(--connector-tail))}
  .services-section::before{left:58%;top:0;height:80px;border-left:1px solid var(--ink)}
  .about-hero .split-image{border-top:0}
  .about-hero::after{left:calc(42% - var(--connector-tail));right:48%;bottom:0;border-top:1px solid var(--ink)}
  .team-section::before{left:calc(42% - 1px);top:-80px;height:80px;border-left:1px solid var(--ink)}
  .experience-section::before{left:52%;top:-80px;height:80px;border-left:1px solid var(--ink)}
  .approach-section::before{left:58%;bottom:0;height:80px;border-left:1px solid var(--ink)}
  .approach-section::after{left:42%;right:calc(42% - var(--connector-tail));bottom:-1px;border-top:1px solid var(--ink)}
  .benefits-grid{position:relative}
  .benefits-grid::before{content:'';position:absolute;left:0;top:-1px;width:400vmax;border-top:1px solid white;transform:rotate(-41.77deg) translateX(-50%);transform-origin:0 center;pointer-events:none}
}
@media(max-width:760px){
  .split-image>img:not(.design-svg){position:absolute;inset:0}
  .footer-inner{align-items:center}
  .footer-contacts{width:274px;max-width:100%;gap:0}
  .footer-contacts address,.footer-contacts>a{padding-block:16px;min-height:60px}
  .footer-contacts>a{border-top:1px solid var(--ink)}
  .footer-legal{align-items:center;text-align:center}
}

/* Let the van's original image ratio determine its frame, at every breakpoint. */
.experience-section{height:auto;align-items:start}
.experience-section .split-copy{height:auto}
.experience-section .experience-photo{height:auto;aspect-ratio:auto}
.experience-section .experience-photo>img:not(.design-svg){position:static;width:100%;height:auto;object-fit:contain}

/* On phones the portrait fills the screen width, not the entire tall form. */
@media(max-width:760px){
  .contact-main{background:var(--ink)}
  .contact-main>.photo-background{inset:0 auto auto 0;width:100%;height:auto;object-fit:contain;mask-image:linear-gradient(to bottom,#000 85%,transparent 100%)}
}

/* Extend the existing diagonal through its anchor, clipped by the photo section. */
.cta-diagonal{width:400vmax;height:0;border-top:1px solid white;transform:rotate(-34.3deg) translateX(-50%)}

/* DOM order is intro, form, details; retain the two-column desktop composition. */
@media(min-width:901px){
  .contact-layout{grid-template-rows:auto 1fr}
  .contact-copy{grid-column:1;grid-row:1}
  .contact-card{grid-column:2;grid-row:1 / span 2}
  .contact-details{grid-column:1;grid-row:2;padding-right:30px}
}
@media(min-width:1200px){.contact-details{padding-right:14.45px}}
@media(max-width:900px){.contact-details{margin-top:0}}