/* I&O — November 2026. Shared presentation layer and homepage. */
:root{--ink:#151b20;--paper:#fff;--muted:#67716e;--line:#dce0dc;--signal:#b9d9c5;--max:1600px;--io-green:#254e3d;--io-cream:#f2f3ef}
html{scroll-padding-top:96px}body{background:#fff;color:var(--ink)}body.menu-open{overflow:hidden}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #589c78;outline-offset:5px}h1,h2,h3,h4{font-family:'Manrope',Arial,sans-serif}em{font-style:normal}img{display:block}button{cursor:pointer}[hidden]{display:none!important}
.io-header{height:86px;position:sticky;top:0;z-index:70;display:flex;align-items:stretch;background:white;border-bottom:1px solid var(--line);color:var(--ink)}.io-brand{display:flex;align-items:center;gap:19px;padding:0 36px;margin-right:auto}.io-brand img{width:100px;height:40px;object-fit:contain}.io-brand span{font-size:10px;line-height:1.6;letter-spacing:.11em;text-transform:uppercase;padding-left:18px;border-left:1px solid var(--line)}.io-primary-nav{display:flex;align-items:center;gap:26px;padding:0 30px;font-size:12px}.io-primary-nav a{position:relative}.io-primary-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:right .2s}.io-primary-nav a:hover:after,.io-primary-nav a[aria-current]:after{right:0}.io-phone{display:flex;align-items:center;padding:0 25px;border-left:1px solid var(--line);font-size:11px;white-space:nowrap;letter-spacing:.02em}.io-header-cta{display:flex;align-items:center;gap:23px;padding:0 26px;border-left:1px solid var(--line);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--io-green)}.io-header-cta:hover{background:var(--io-cream)}.io-header-cta span{font-size:21px}.io-menu-toggle{display:flex;width:86px;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:0;background:var(--ink);color:white}.io-menu-toggle i{width:23px;height:1px;background:currentColor;transition:transform .2s}.io-menu-toggle span{font-size:9px;letter-spacing:.13em;margin-top:2px}.io-menu-toggle[aria-expanded=true] i:first-child{transform:translateY(4px) rotate(45deg)}.io-menu-toggle[aria-expanded=true] i:nth-child(2){transform:translateY(-4px) rotate(-45deg)}
.io-menu{position:fixed;inset:86px 0 0;background:var(--ink);color:white;visibility:hidden;opacity:0;transform:translateY(-10px);transition:.25s;display:grid;grid-template-columns:1.15fr .85fr;padding:65px max(32px,7vw);overflow-y:auto;gap:80px;z-index:69}.io-menu.open{visibility:visible;opacity:1;transform:none}.io-menu-main{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.io-menu-main>a{font-family:'Manrope',sans-serif;font-size:clamp(32px,4vw,56px);letter-spacing:-.045em;line-height:1.2}.io-menu-main>a:hover{color:var(--signal)}.io-menu-side{padding-top:12px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.io-menu-side>span{color:#a4b1aa;letter-spacing:.1em;font-size:10px;text-transform:uppercase}.io-menu-side>a{font-size:16px}.io-menu-note{margin-top:24px;border-top:1px solid #45504a;padding-top:25px;color:#b2bbb6;max-width:310px;font-size:14px}.io-menu a:focus-visible{outline-color:var(--signal)}
.io-kicker{font-size:10px!important;font-weight:500;line-height:1.6;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin:0 0 25px}.io-kicker:before{content:'';width:22px;height:1px;background:currentColor;flex:none}.io-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:50px;padding:15px 23px;background:var(--ink);color:#fff;font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;border:1px solid var(--ink);transition:.2s;text-align:left}.io-button:hover{background:var(--io-green);border-color:var(--io-green);color:white}.io-button span{font-size:18px;line-height:1}.io-button-line{background:transparent;color:var(--ink);border-color:#aab3ad}.io-button-line:hover{background:var(--ink);border-color:var(--ink)}.io-button-light{background:white;border-color:white;color:var(--ink)}.io-text-link{display:inline-flex;align-items:center;gap:30px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding-bottom:9px;border-bottom:1px solid currentColor}.io-text-link span{font-size:19px;line-height:1}.io-text-link:hover{color:var(--io-green)}
.io-hero{position:relative;isolation:isolate;min-height:680px;height:calc(100svh - 86px);max-height:900px;background:#4e514a;color:white;overflow:hidden}.io-hero-slides,.io-hero-slides:after{position:absolute;inset:0;z-index:-1}.io-hero-slides:after{content:'';background:linear-gradient(90deg,rgba(11,24,19,.40),rgba(13,22,18,.13) 65%),linear-gradient(0deg,rgba(10,20,16,.55),transparent 55%);z-index:2}.io-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:0;transition:opacity .6s ease}.io-hero-photo.is-active{opacity:1}.io-hero-top{position:absolute;left:4.5%;right:4.5%;top:35px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.io-hero-top .io-kicker{margin:0}.io-hero-location{display:flex;align-items:center;gap:9px}.io-hero-location:before{content:'';height:5px;width:5px;border-radius:50%;background:#c7ddc7}.io-hero-title{position:absolute;left:4.5%;right:4.5%;top:24%;margin:0;font-size:clamp(65px,7.1vw,118px);line-height:1.13;font-weight:400;letter-spacing:-.05em}.io-hero-title>span{display:block}.io-hero-title>span:nth-child(2){text-align:center}.io-hero-title>span:last-child{text-align:right;font-weight:650}.io-hero-bottom{position:absolute;left:4.5%;right:4.5%;bottom:35px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px}.io-hero-bottom p{max-width:350px;font-size:13px;line-height:1.7;margin:0 0 20px;color:#f3f5f0}.io-hero-bottom .io-text-link{color:white}.io-slide-controls{display:flex;align-items:center;gap:20px}.io-slide-count{font-size:11px;letter-spacing:.12em;min-width:40px}.io-slide-arrows{display:flex;border:1px solid #ffffff70}.io-slide-arrows button{background:transparent;border:0;color:white;width:45px;height:45px;font-size:20px}.io-slide-arrows button+button{border-left:1px solid #ffffff70}.io-slide-arrows button:hover{background:#ffffff26}.io-slide-caption{font-size:10px;max-width:210px;line-height:1.6;text-align:right;color:#eee}
.io-intro{padding:100px 7vw 70px;text-align:center;background:var(--io-cream)}.io-intro>.io-kicker{justify-content:center}.io-intro h2{font-size:clamp(33px,4.1vw,64px);font-weight:500;line-height:1.15;letter-spacing:-.045em;margin:0 auto 27px;max-width:970px}.io-intro>p:not(.io-kicker){font-size:15px;line-height:1.8;max-width:700px;margin:0 auto;color:#5c6761}.io-brands{padding:38px 0 0;margin-top:50px;border-top:1px solid #d3d8d1}.io-brands>span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#67716c}.io-brand-names{display:flex;align-items:center;justify-content:center;gap:clamp(30px,5vw,85px);padding-top:24px;flex-wrap:wrap;color:#47564c}.io-brand-names span{font-family:'Manrope',sans-serif;font-size:25px;font-weight:600;letter-spacing:-.05em}.io-brand-names span:nth-child(2){font-weight:800;letter-spacing:.13em;font-size:20px}.io-brand-names span:nth-child(3){font-weight:400}.io-brand-names span:nth-child(4){font-weight:700;font-size:22px;letter-spacing:.1em}
.io-section{padding:95px 5vw;max-width:1700px;margin:auto}.io-section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.io-section-heading h2{font-size:clamp(34px,4vw,59px);font-weight:500;line-height:1.12;letter-spacing:-.045em;margin:0}.io-section-heading p:not(.io-kicker){max-width:340px;font-size:14px;line-height:1.8;color:#67716c;margin:0}.io-section-heading .io-kicker{margin-bottom:18px}.io-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.io-service-card{position:relative;min-height:520px;overflow:hidden;background:#777;color:white;display:flex;align-items:end}.io-service-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.io-service-card:after{position:absolute;inset:0;content:'';background:linear-gradient(0deg,#101c17b8,transparent 80%)}.io-service-card:hover>img{transform:scale(1.035)}.io-service-card>div{position:relative;z-index:1;padding:35px;width:100%}.io-service-card small{font-size:10px;text-transform:uppercase;letter-spacing:.14em}.io-service-card h3{font-size:clamp(30px,3.4vw,49px);font-weight:500;line-height:1.1;letter-spacing:-.04em;margin:16px 0 17px}.io-service-card p{max-width:370px;font-size:13px;line-height:1.7;color:#f1f2eb;margin:0}.io-round-arrow{position:absolute;right:35px;bottom:35px;border:1px solid #ffffff80;border-radius:50%;height:44px;width:44px;display:grid;place-items:center;font-size:23px}.io-service-card p{padding-right:45px}.io-service-sub{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);gap:25px}.io-service-sub>p{margin:0;padding:23px 0;font-size:12px;color:#637168}.io-service-sub a{color:var(--ink);border-bottom:1px solid #a5afa7}
.io-products{background:var(--io-cream)}.io-products .io-section{padding-top:80px;padding-bottom:85px}.io-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.io-product-card{display:block}.io-product-image{position:relative;aspect-ratio:4/5;overflow:hidden;background:#dadfd5}.io-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.io-product-card:hover img{transform:scale(1.035)}.io-product-image span{position:absolute;left:15px;top:15px;background:white;padding:5px 8px;font-size:9px;letter-spacing:.1em}.io-product-card h3{display:flex;justify-content:space-between;align-items:center;font-size:19px;font-weight:500;letter-spacing:-.04em;margin:20px 0 9px}.io-product-card h3 span{font-size:21px;font-weight:400}.io-product-card p{font-size:12px;line-height:1.7;color:#66716a;margin:0}.io-services-all{margin-top:35px;text-align:right}
.io-projects{background:var(--ink);color:#fff}.io-projects .io-section{padding-top:90px;padding-bottom:90px}.io-projects .io-section-heading p:not(.io-kicker){color:#b5c0b9}.io-projects .io-kicker{color:var(--signal)}.io-project-filter{display:flex;flex-wrap:wrap;gap:22px;margin:10px 0 32px;border-bottom:1px solid #4c5650}.io-project-filter button{background:transparent;color:#a6b3ab;border:none;border-bottom:2px solid transparent;font-size:12px;padding:12px 2px 16px}.io-project-filter button.active{color:white;border-color:var(--signal)}.io-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px}.io-project-card.is-hidden{display:none}.io-project-card img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:filter .3s}.io-project-card:hover img{filter:brightness(1.08)}.io-project-card small{display:block;color:#b2bfb6;font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-top:17px}.io-project-card h3{font-size:20px;font-weight:500;letter-spacing:-.025em;margin:8px 0 0;display:flex;justify-content:space-between;gap:15px}.io-projects .io-text-link{margin-top:42px;color:white}.io-projects .io-text-link:hover{color:var(--signal)}.io-project-card a{display:block}
.io-reviews{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:90px 8vw;background:#eaf0e9;align-items:center}.io-reviews h2{font-size:clamp(34px,4vw,58px);line-height:1.12;font-weight:500;letter-spacing:-.045em;margin:0}.io-reviews-copy>p{font-size:14px;line-height:1.8;max-width:430px;margin:0 0 27px;color:#5c6d60}.io-google-label{display:flex;align-items:center;gap:13px;margin:0 0 24px;font-size:12px;color:#4e6253}.io-google-g{font-family:Arial,sans-serif;font-size:30px;font-weight:700;color:#4285f4;display:grid;place-items:center;border-radius:50%;width:53px;height:53px;background:white}.io-reviews-copy small{display:block;font-size:11px;line-height:1.65;margin:15px 0 0;color:#5e6d60}.io-review-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.io-review-links>a:last-child:not(:first-child){font-size:12px;border-bottom:1px solid #7d8e7d;padding:4px 0}.io-reviews-page{padding:75px 8vw 100px;max-width:1200px;margin:auto}.io-reviews-page h2{font-size:36px;font-weight:500;letter-spacing:-.04em}.io-reviews-page p{color:#66716a;max-width:660px;line-height:1.9}.io-review-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid var(--line);padding-top:25px;margin-top:55px}.io-review-steps span{font-size:11px;color:#768278}.io-review-steps h3{font-size:19px;font-weight:500;margin:25px 0 10px}.io-review-steps p{font-size:13px}.io-live-reviews{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.io-review-card{background:#fff;padding:28px}.io-review-card .io-review-author{display:flex;align-items:center;gap:12px;font-size:13px}.io-review-card .io-review-author img{width:36px;height:36px;border-radius:50%}.io-review-card p{font-size:13px;line-height:1.8}.io-review-card time{font-size:10px;color:#69746c}.io-review-card>a:last-child{font-size:11px;text-decoration:underline}.io-review-stars{font-size:15px;letter-spacing:.12em;color:#9c6d12;margin:15px 0 5px}.io-review-attribution{grid-column:1/-1;font-size:11px;color:#526357}
.io-process{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding-top:100px;padding-bottom:100px}.io-process-visual{position:relative}.io-process-visual img{width:100%;height:100%;max-height:640px;object-fit:cover}.io-process-visual>span{position:absolute;left:22px;bottom:22px;padding:11px 15px;background:#ffffffee;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.io-process-copy h2{font-size:clamp(33px,4vw,53px);font-weight:500;line-height:1.15;letter-spacing:-.045em;margin:0 0 25px}.io-process-list{list-style:none;margin:0 0 30px;padding:0}.io-process-list li{display:grid;grid-template-columns:35px 1fr;gap:15px;padding:23px 0;border-top:1px solid var(--line)}.io-process-list li>span{font-size:10px;margin-top:4px;color:#658471}.io-process-list h3{font-size:18px;font-weight:500;margin:0 0 8px;letter-spacing:-.025em}.io-process-list p{font-size:13px;line-height:1.75;color:#66716a;margin:0}.io-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;padding-top:10px;padding-bottom:95px}.io-faq h2{font-weight:500;letter-spacing:-.045em;font-size:clamp(30px,3.5vw,48px);line-height:1.15}.io-faq details{border-top:1px solid var(--line)}.io-faq details:last-child{border-bottom:1px solid var(--line)}.io-faq summary{padding:23px 30px 23px 0;position:relative;font-size:14px;cursor:pointer;list-style:none}.io-faq summary::-webkit-details-marker{display:none}.io-faq summary:after{content:'+';position:absolute;right:3px;top:18px;font-size:25px;font-weight:300}.io-faq details[open] summary:after{content:'−'}.io-faq details p{font-size:13px;color:#66716a;line-height:1.85;margin:0;padding:0 35px 24px 0}
.io-cta{position:relative;overflow:hidden;min-height:370px;display:flex;align-items:center;justify-content:space-between;padding:70px 8vw;gap:60px;color:white;background:var(--io-green)}.io-cta:after{position:absolute;right:-100px;bottom:-75px;content:'I&O';font-family:'Manrope',sans-serif;font-weight:800;font-size:320px;letter-spacing:-.1em;color:#ffffff08;pointer-events:none}.io-cta>div,.io-cta>a{position:relative;z-index:1}.io-cta .io-kicker{color:#bad6c5;margin-bottom:20px}.io-cta h2{font-size:clamp(37px,4.6vw,69px);font-weight:450;letter-spacing:-.05em;line-height:1.1;margin:0;max-width:710px}.io-cta p:not(.io-kicker){max-width:350px;font-size:13px;color:#d0ded3;line-height:1.8}.io-cta-actions{flex:none}.io-cta-actions>a:last-child{display:block;font-size:13px;margin-top:15px;text-align:center;color:#d0ded3}
.io-footer{background:#131b16;color:#fff;padding:65px 5vw 22px}.io-footer-top{display:grid;grid-template-columns:1.2fr .9fr 1fr 1.2fr;gap:60px;padding-bottom:50px}.io-footer-brand>img{width:110px;filter:invert(1);mix-blend-mode:screen}.io-footer-brand>p{font-size:12px;line-height:1.8;max-width:230px;color:#a6b4a9;margin:24px 0 0}.io-footer h2{font:500 10px 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0 0 23px;color:#a6b4a9}.io-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:12px}.io-footer-col h2{margin-bottom:12px}.io-footer-col a:hover{color:var(--signal)}.io-footer-col small{font-size:11px;line-height:1.7;color:#a6b4a9}.io-footer-socials{display:flex;gap:18px;margin-top:8px}.io-footer-bottom{border-top:1px solid #38463a;padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;font-size:10px;color:#a6b4a9}.io-footer-bottom nav{display:flex;gap:15px;flex-wrap:wrap}.io-footer-bottom .io-privacy-footer{margin:0;padding:0;border:0;display:flex;gap:15px}.io-privacy-footer button{font-size:inherit;color:inherit;background:transparent;border:0;padding:0;text-decoration:none}.io-review-float{position:fixed;bottom:20px;left:20px;z-index:40;background:white;box-shadow:0 4px 25px #18281a1a;display:flex;align-items:center;gap:10px;padding:12px 17px;border:1px solid var(--line)}.io-review-float b{font-size:27px;color:#4285f4;font-family:Arial,sans-serif}.io-review-float span{font-size:10px;line-height:1.6}.io-review-float strong{display:block;font-size:11px;font-weight:500}.io-review-float:hover{border-color:var(--io-green)}
.io-credentials-strip{padding:46px 6vw;display:flex;align-items:center;justify-content:space-between;gap:35px;background:#f2f3ef;border-top:1px solid var(--line)}.io-credentials-strip .io-kicker{color:var(--io-green);margin-bottom:10px}.io-credentials-strip h2{font-size:27px;font-weight:500;letter-spacing:-.035em;margin:0}.io-credentials-strip ul{list-style:none;display:flex;gap:35px;margin:0;padding:0}.io-credentials-strip li{font-size:10px;color:#67716e}.io-credentials-strip strong{display:block;font-size:12px;color:var(--ink);font-weight:500;margin-top:5px}.io-credentials-strip .io-text-link{white-space:nowrap;font-size:10px;gap:20px}@media(max-width:1180px){.io-credentials-strip{flex-wrap:wrap}.io-credentials-strip>div{flex-basis:100%}}@media(max-width:560px){.io-credentials-strip{padding:35px 6vw;gap:25px}.io-credentials-strip h2{font-size:27px}.io-credentials-strip ul{flex-direction:column;gap:16px;flex-basis:100%}.io-credentials-strip strong{font-size:13px}}
/* Existing service, case study, contact and language pages retain their content. */
.page-hero{min-height:420px;padding-top:85px;padding-bottom:65px;background:var(--io-cream);color:var(--ink);gap:70px}.page-hero h1{font-size:clamp(43px,5.6vw,82px);font-weight:500;letter-spacing:-.055em;line-height:1.08}.page-hero h1 em{color:var(--io-green)}.page-hero>p{font-size:14px;line-height:1.9;color:#627066;max-width:400px}.page-hero .eyebrow{color:#526c5b}.eyebrow span{background:currentColor}.eyebrow{font-size:10px;letter-spacing:.13em}.section{padding-top:80px;padding-bottom:80px}.section h2,.service-chapter h2,.cta-panel h2,.contact-visual h2{font-weight:500;letter-spacing:-.045em;line-height:1.12}.section-heading h2{font-size:clamp(32px,3.8vw,53px)}.section-heading p,.chapter-lead{font-size:14px;line-height:1.85}.detail-hero-image{max-height:620px;overflow:hidden}.detail-hero-image img{width:100%;height:620px;object-fit:cover;object-position:50% 40%}.service-chapter{padding-top:80px;padding-bottom:80px}.chapter-media img{width:100%;max-height:650px;object-fit:cover}.work-types{background:var(--io-cream);border-color:var(--line)}.work-types article{border-color:#d0d8d0}.work-types h2{font-size:26px;font-weight:500;letter-spacing:-.04em}.work-types article>span{color:#607969}.service-gallery img{max-height:620px;width:100%;object-fit:cover}.service-gallery figure{overflow:hidden}.cta-panel{background:#e3ebe0}.cta-panel h2{font-size:clamp(35px,4.4vw,64px)}.button{font-size:11px;text-transform:uppercase;letter-spacing:.09em;border-radius:0}.button-primary{background:var(--io-green);color:white}.arrow-link{font-size:12px}.gallery-card img{height:auto;max-height:580px;object-fit:cover}.gallery-card h2{font-size:21px;font-weight:500;letter-spacing:-.025em}.gallery-card p{font-size:12px;line-height:1.8}.filter-button{font-size:11px;letter-spacing:0;text-transform:none}.filter-button.active{background:var(--io-green);color:white;border-color:var(--io-green)}.project-enquiry input,.project-enquiry textarea,.project-enquiry select{border-radius:0;background:#fff}.contact-visual img{height:600px;object-fit:cover}.contact-visual h2{font-size:clamp(40px,6vw,85px)}.values-section{background:var(--ink)}.values-section h2{font-weight:500;letter-spacing:-.05em}.values-section .eyebrow{color:var(--signal)}.case-study-links.io-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px;background:#fff;padding:0 5vw 80px;border:0;max-width:1600px;margin:auto}.io-case-grid article{padding:0;border:0;min-height:0}.io-case-grid article img{width:100%;height:300px;object-fit:cover;margin-bottom:20px}.io-case-grid h2{font-size:23px;font-weight:500;line-height:1.3;margin-top:8px}.io-case-grid .case-facts{display:block}.io-case-grid .case-facts>div{padding:8px 0}.io-case-grid .case-facts dt{font-size:10px}.io-case-grid .case-facts dd{font-size:12px;line-height:1.7}.io-case-grid .arrow-link{margin-top:10px}.brand .brand-name{display:none}.io-notice{font-size:12px;color:#5d6c61;border-left:2px solid var(--signal);padding-left:17px;line-height:1.8;max-width:650px}
@media(min-width:1700px){.io-section{padding-left:80px;padding-right:80px}.io-hero-title{top:25%}}
@media(max-width:1180px){.io-primary-nav{gap:20px;padding:0 20px}.io-brand{padding:0 25px}.io-brand span{display:none}.io-phone{display:none}.io-header-cta{padding:0 22px}.io-process,.io-faq{gap:50px}.io-footer-top{gap:30px}.io-reviews{gap:55px}.io-hero{min-height:650px}.io-product-grid{gap:16px}.io-service-card{min-height:480px}}
@media(max-width:820px){.io-header{height:74px}.io-brand{padding:0 22px}.io-brand img{width:88px;height:35px}.io-primary-nav{display:none}.io-header-cta{font-size:10px;padding:0 20px;gap:17px}.io-menu-toggle{width:74px}.io-menu{top:74px;grid-template-columns:1fr 1fr;gap:35px;padding:40px 30px}.io-menu-main>a{font-size:35px}.io-hero{height:calc(88svh - 74px);min-height:620px;max-height:850px}.io-hero-title{font-size:8vw;top:28%}.io-hero-top{top:25px}.io-hero-location{font-size:9px}.io-hero-bottom{bottom:25px}.io-slide-caption{display:none}.io-intro{padding:65px 6vw 50px}.io-brand-names{gap:30px}.io-section{padding:65px 5vw}.io-section-heading{gap:30px}.io-section-heading p:not(.io-kicker){max-width:280px;font-size:13px}.io-service-card{min-height:420px}.io-service-card>div{padding:23px}.io-service-card h3{font-size:33px}.io-service-card p{font-size:12px}.io-round-arrow{right:23px;bottom:23px;width:38px;height:38px}.io-product-grid{grid-template-columns:repeat(2,1fr);gap:30px 20px}.io-product-image{aspect-ratio:5/4}.io-products .io-section{padding:65px 5vw}.io-project-grid{grid-template-columns:repeat(2,1fr)}.io-projects .io-section{padding:65px 5vw}.io-reviews{padding:60px 6vw;gap:35px}.io-review-links .io-button{padding:15px 18px;gap:20px}.io-process{gap:40px;grid-template-columns:.85fr 1.15fr}.io-process-visual img{max-height:none;min-height:620px}.io-process-copy h2{font-size:35px}.io-process-list li{padding:19px 0}.io-faq{grid-template-columns:.8fr 1.2fr;gap:40px}.io-cta{padding:60px 6vw;gap:35px;min-height:330px}.io-cta h2{font-size:44px}.io-footer-top{grid-template-columns:1fr 1fr;gap:40px 50px}.io-footer-bottom{align-items:start;gap:20px}.io-footer-bottom nav{gap:10px}.io-case-grid.case-study-links{grid-template-columns:repeat(2,1fr)}.page-hero{gap:35px;min-height:360px;padding-top:60px;padding-bottom:50px}.page-hero>p{font-size:13px}.io-review-steps{gap:20px}.io-live-reviews{grid-template-columns:1fr 1fr}}
@media(max-width:560px){html{scroll-padding-top:75px}.io-header{height:68px}.io-brand{padding:0 17px}.io-brand img{width:82px;height:33px}.io-header-cta{font-size:9px;letter-spacing:.06em;padding:0 17px;gap:17px}.io-menu-toggle{width:67px}.io-menu-toggle span{font-size:8px}.io-menu{top:68px;padding:30px 24px;grid-template-columns:1fr;gap:35px}.io-menu-main{gap:14px}.io-menu-main>a{font-size:34px}.io-menu-side{border-top:1px solid #425047;padding-top:25px;gap:14px}.io-menu-note{display:none}.io-hero{height:calc(87svh - 68px);min-height:590px;max-height:760px}.io-hero-top{left:6%;right:6%;top:23px}.io-hero-top .io-kicker{font-size:8px!important;letter-spacing:.13em}.io-hero-location{display:none}.io-hero-title{left:6%;right:6%;font-size:clamp(34px,9.5vw,53px);line-height:1.25;top:28%;letter-spacing:-.06em}.io-hero-title>span:nth-child(2){text-align:left;margin-left:10%}.io-hero-title>span:last-child{text-align:right}.io-hero-bottom{left:6%;right:6%;bottom:27px;grid-template-columns:1fr auto;gap:12px}.io-hero-bottom p{font-size:11px;max-width:235px;line-height:1.75;margin-bottom:15px}.io-hero-bottom .io-text-link{font-size:9px;gap:18px}.io-slide-count{display:none}.io-slide-arrows{flex-direction:column}.io-slide-arrows button{height:35px;width:35px;font-size:18px}.io-slide-arrows button+button{border-left:0;border-top:1px solid #ffffff70}.io-intro{padding:55px 6vw 45px}.io-intro h2{font-size:32px;line-height:1.2}.io-intro>p:not(.io-kicker){font-size:13px}.io-intro>.io-kicker{font-size:9px!important;letter-spacing:.11em}.io-brands{margin-top:35px;padding-top:27px}.io-brand-names{gap:22px 30px}.io-brand-names span{font-size:22px}.io-brand-names span:nth-child(4){font-size:18px}.io-section{padding:55px 6vw}.io-section-heading{display:block;margin-bottom:27px}.io-section-heading h2{font-size:34px}.io-section-heading p:not(.io-kicker){margin-top:22px;max-width:none;font-size:13px}.io-kicker{font-size:9px!important;margin-bottom:18px}.io-service-grid{grid-template-columns:1fr;gap:20px}.io-service-card{min-height:430px}.io-service-card>div{padding:26px}.io-service-card h3{font-size:35px}.io-service-card p{font-size:12px}.io-service-sub{display:none}.io-products .io-section{padding:55px 6vw}.io-product-grid{gap:27px 15px}.io-product-image{aspect-ratio:3/4}.io-product-card h3{font-size:16px;line-height:1.4;gap:8px;align-items:start;margin-top:13px}.io-product-card h3 span{font-size:17px}.io-product-card p{font-size:11px;line-height:1.7}.io-product-image span{left:10px;top:10px;font-size:8px}.io-services-all{margin-top:28px;text-align:left}.io-projects .io-section{padding:55px 6vw}.io-project-filter{gap:17px;margin:0 0 25px}.io-project-filter button{font-size:11px;padding-bottom:13px}.io-project-grid{grid-template-columns:1fr;gap:30px}.io-project-card img{aspect-ratio:5/4}.io-project-card h3{font-size:21px}.io-reviews{grid-template-columns:1fr;padding:55px 6vw;gap:30px}.io-reviews h2{font-size:36px}.io-reviews-copy>p{font-size:13px}.io-google-label{margin-bottom:20px}.io-google-g{width:45px;height:45px;font-size:27px}.io-review-links{gap:20px}.io-review-float{bottom:12px;left:12px;padding:8px 11px;gap:8px}.io-review-float b{font-size:22px}.io-review-float span{font-size:8px}.io-review-float strong{font-size:9px}.io-process{grid-template-columns:1fr;gap:36px}.io-process-visual img{height:410px;min-height:0;object-position:50% 30%}.io-process-copy h2{font-size:36px}.io-faq{grid-template-columns:1fr;gap:15px;padding-top:0}.io-faq h2{font-size:34px;margin-bottom:20px}.io-faq summary{font-size:13px}.io-cta{display:block;padding:55px 6vw;min-height:0}.io-cta h2{font-size:42px}.io-cta-actions{margin-top:30px;max-width:300px}.io-cta-actions>a:last-child{text-align:left}.io-cta:after{font-size:230px;right:-60px;bottom:-50px}.io-footer{padding:45px 6vw 85px}.io-footer-top{grid-template-columns:1fr 1fr;gap:35px 20px;padding-bottom:35px}.io-footer-brand{grid-column:1/-1}.io-footer-brand>p{max-width:310px;margin-top:20px}.io-footer h2{font-size:9px}.io-footer-col{font-size:11px;gap:10px;min-width:0}.io-footer-col>a{overflow-wrap:anywhere}.io-footer-col:last-child{grid-column:1/-1}.io-footer-bottom{display:block}.io-footer-bottom nav{margin-top:18px}.io-footer-bottom .io-privacy-footer{margin-top:18px}.page-hero{padding:50px 6vw 45px;display:block;min-height:0}.page-hero h1{font-size:42px}.page-hero>p{margin-top:25px;max-width:none;font-size:13px}.page-hero .eyebrow{margin-bottom:20px}.section{padding-top:50px;padding-bottom:50px}.section h2{font-size:32px}.detail-hero-image img{height:390px}.service-chapter{padding-top:50px;padding-bottom:50px}.chapter-media img{max-height:480px}.chapter-content h2{font-size:35px}.service-gallery img{max-height:450px}.cta-panel h2{font-size:36px}.contact-visual img{height:450px}.work-types h2{font-size:25px}.io-case-grid.case-study-links{grid-template-columns:1fr;padding:0 6vw 50px;gap:35px}.io-case-grid article img{height:300px}.io-reviews-page{padding:45px 6vw 55px}.io-review-steps{grid-template-columns:1fr;margin-top:35px;gap:10px}.io-review-steps h3{margin-top:15px}.io-live-reviews{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.io-hero-photo,.io-service-card>img,.io-product-image img,.io-menu{transition:none}.io-service-card:hover>img,.io-product-card:hover img{transform:none}}

@media(max-width:560px){.io-header-cta{font-size:9.5px;padding:0 14px;gap:10px}.io-menu-toggle{width:60px}.io-brand{padding:0 16px}.io-brand img{width:80px}.io-slide-arrows button{height:44px;width:44px}}