/* YES V8 homepage stylesheet: styles.css -> brand.css -> home-v2.css. */
/* Google Fonts (Montserrat) remains linked separately in index.html. */

/* === styles.css === */
:root{--ink:#101416;--paper:#f4f2ec;--lime:#c8ff34;--muted:#a9afb0;--line:rgba(255,255,255,.15);--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}.site-header{height:88px;padding:0 max(28px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:46px;background:var(--ink);color:#fff;position:absolute;z-index:10;width:100%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font:800 30px/1 Manrope}.brand-mark span,.hero h1 em,.contact h2 em{color:var(--lime);font-style:normal}.brand-name{font:700 9px/1.15 Manrope;letter-spacing:1.5px}.main-nav{display:flex;gap:34px;margin-left:auto;font-size:14px}.main-nav a{color:#c9cccd;transition:.2s}.main-nav a:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:17px 20px;background:var(--lime);color:var(--ink);font-weight:700;min-width:212px;transition:.25s}.button:hover{filter:brightness(.9);transform:translateY(-2px)}.button-small{padding:13px 16px;min-width:190px}.menu-toggle{display:none}.hero{min-height:770px;height:100vh;max-height:950px;color:#fff;position:relative;display:flex;align-items:center;padding:140px max(28px,calc((100vw - var(--max))/2)) 80px;overflow:hidden;background:linear-gradient(90deg,rgba(8,12,13,.98) 0%,rgba(8,12,13,.83) 43%,rgba(8,12,13,.25) 75%),linear-gradient(0deg,rgba(8,12,13,.8),transparent 55%),url('assets/projects/web/hero-live-show.jpg') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 45%,rgba(200,255,52,.08));pointer-events:none}.hero-content{position:relative;z-index:1;max-width:850px}.eyebrow{font-size:12px;letter-spacing:2.2px;text-transform:uppercase;font-weight:700;color:#d3d6d6;margin-bottom:28px}.eyebrow span{display:inline-block;width:32px;height:2px;background:var(--lime);vertical-align:middle;margin-right:10px}.eyebrow.dark{color:#5e6465}.hero h1{font-size:clamp(64px,8vw,116px);letter-spacing:-5px;line-height:.88;margin-bottom:34px}.hero-copy{font-size:20px;line-height:1.55;max-width:610px;color:#d4d7d7}.hero-actions{display:flex;align-items:center;gap:36px;margin-top:42px}.text-link{font-weight:600;border-bottom:1px solid #697071;padding:10px 0}.text-link span{margin-left:12px}.hero-stat{position:absolute;right:max(28px,calc((100vw - var(--max))/2));bottom:95px;z-index:1;border-left:2px solid var(--lime);padding-left:18px;display:flex;flex-direction:column}.hero-stat strong{font-size:18px}.hero-stat span{color:#b9bdbe;font-size:14px;line-height:1.5}.scroll-label{position:absolute;bottom:28px;left:max(28px,calc((100vw - var(--max))/2));font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#969c9d}.scroll-label span{color:var(--lime);margin-left:10px}.section-pad{padding:120px max(28px,calc((100vw - var(--max))/2))}.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw}.intro h2,.section-heading h2,.process h2,.about h2,.contact h2{font-size:clamp(42px,5vw,72px);line-height:1.03;letter-spacing:-3px}.intro-copy{padding-top:45px}.intro-copy>p{font-size:19px;line-height:1.65;color:#4f5556;max-width:600px}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cdd0ca;margin-top:55px;padding-top:26px}.trust-row>div{display:flex;gap:14px}.trust-row strong{color:#7a7f7d;font-size:12px}.trust-row span{font-weight:700;font-size:13px;line-height:1.4}.dark-section{background:var(--ink);color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:56px}.section-heading>p{max-width:420px;color:#aeb3b3;line-height:1.6}.section-heading h2{margin-bottom:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-card{height:460px;padding:28px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background-size:cover;background-position:center}.project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,9,.92),rgba(5,8,9,.05) 70%);transition:.3s}.project-card:hover:before{background:linear-gradient(0deg,rgba(5,8,9,.95),rgba(5,8,9,.25))}.project-card>*{position:relative}.project-card .number{align-self:flex-end;background:var(--lime);color:var(--ink);padding:8px;font:700 12px Manrope}.project-card p{margin-bottom:8px;color:#c8cccc}.project-card h3{font-size:42px;margin-bottom:22px}.project-card a{font-size:13px;border-bottom:1px solid #666;padding-bottom:10px}.corporate{background-image:url('assets/projects/web/event-red-blue.jpg')}.festival{background-image:url('assets/projects/web/festival-outdoor.jpg')}.tent{background-image:radial-gradient(circle at 72% 18%,rgba(255,138,0,.25),transparent 30%),linear-gradient(135deg,#08222c,#0b1014 58%,#392217)}.theatre{background-image:url('assets/projects/web/theater-live.jpg')}.light-heading>p{color:#5b6263}.service-list{border-top:1px solid #c9ccc7}.service-list article{display:grid;grid-template-columns:50px 1fr 1fr 40px;align-items:center;gap:20px;border-bottom:1px solid #c9ccc7;padding:30px 0}.service-list span{font-size:12px;color:#7a8080}.service-list h3{font-size:32px;margin:0}.service-list p{color:#656b6b;margin:0}.service-list b{font-size:24px}.dryhire-banner{margin-top:80px;background:#262c2e;color:#fff;padding:44px;display:flex;align-items:center;justify-content:space-between}.dryhire-banner h3{font-size:30px;margin-bottom:8px}.dryhire-banner p:last-child{color:#abb0b0;margin:0}.button-light{background:var(--lime)}.process{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.process-intro>p:last-child{max-width:500px;color:#aeb2b3;line-height:1.7}.process-steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.process-steps li{display:grid;grid-template-columns:65px 1fr;padding:28px 0;border-bottom:1px solid var(--line)}.process-steps li>span{color:var(--lime);font-size:12px}.process-steps h3{font-size:24px;margin-bottom:8px}.process-steps p{color:#9fa5a6;margin:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.about-visual{height:600px;background:linear-gradient(145deg,rgba(200,255,52,.1),transparent),url('assets/projects/theater-production-wide.jpg') center/cover no-repeat,#202627;display:flex;align-items:end;padding:35px}.about-visual span{color:var(--lime);font:800 54px Manrope}.about-copy>p{font-size:18px;color:#596061;line-height:1.7}.dark-link{display:inline-block;margin-top:16px;border-color:#aaa}.contact{background:#1a2022;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact-copy>p{color:#aeb3b3;line-height:1.6;max-width:480px}.contact-details{display:flex;flex-direction:column;gap:9px;margin-top:50px}.contact-details a{font-size:18px;font-weight:600}.contact-details span{color:#969c9d;margin-top:8px}.project-form{background:#fff;color:var(--ink);padding:38px}.project-form label{display:block;font-size:12px;font-weight:700;margin-bottom:22px}.project-form input,.project-form select,.project-form textarea{width:100%;border:0;border-bottom:1px solid #c7cbca;background:#fff;padding:12px 0;font:15px 'DM Sans';outline:none}.project-form input:focus,.project-form textarea:focus,.project-form select:focus{border-color:#171b1c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-form .button{border:0;cursor:pointer;margin-top:8px}footer{padding:55px max(28px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:30px;align-items:center;background:#0a0d0e;color:#fff}footer p{color:#949a9b;margin:0}footer>div{display:flex;justify-content:flex-end;gap:22px;font-size:13px}footer small{grid-column:1/-1;color:#666;border-top:1px solid #242829;padding-top:25px;margin-top:10px}@media(max-width:900px){.site-header{height:72px}.main-nav,.header-cta{display:none}.menu-toggle{display:block;margin-left:auto;border:1px solid #555;background:none;color:#fff;padding:8px 12px}.main-nav.open{display:flex;position:absolute;top:72px;left:0;width:100%;background:#101416;flex-direction:column;padding:25px}.hero{min-height:720px}.hero h1{letter-spacing:-3px}.hero-stat{display:none}.intro,.process,.about,.contact{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-card{height:400px}.section-heading{display:block}.section-heading>p{margin-top:25px}.about-visual{height:440px}.service-list article{grid-template-columns:40px 1fr 30px}.service-list article p{display:none}.dryhire-banner{align-items:flex-start;gap:30px;flex-direction:column}footer{grid-template-columns:1fr}footer>div{justify-content:flex-start}footer small{grid-column:auto}}@media(max-width:560px){.section-pad{padding-top:80px;padding-bottom:80px}.hero{padding-top:120px}.hero h1{font-size:57px}.hero-copy{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.project-card{height:340px}.project-card h3{font-size:34px}.trust-row{grid-template-columns:1fr;gap:20px}.form-row{grid-template-columns:1fr}.project-form{padding:25px}.contact{padding-left:20px;padding-right:20px}.contact h2{font-size:45px}footer>div{flex-direction:column;gap:10px}}


/* === brand.css === */
/* YES brand layer — based on the supplied 2026 brand board */
:root{--ink:#0d0d0d;--paper:#f2f3f3;--lime:#00d4ff;--cyan:#00d4ff;--blue:#0077cc;--lightblue:#a7f0ff;--orange:#ff8a00;--yellow:#ffb300;--line:rgba(167,240,255,.18);--gradient:linear-gradient(90deg,#00d4ff 0%,#0077cc 28%,#a7f0ff 48%,#ff8a00 72%,#ffb300 100%)}
body{font-family:Montserrat,'DM Sans',sans-serif}.site-header,.dark-section,.contact{background:#080d10}.site-header{border-bottom-color:rgba(0,212,255,.2)}h1,h2,h3,.brand-mark{font-family:Montserrat,Manrope,sans-serif}.brand-mark{font-weight:600;letter-spacing:1px}.brand-mark span,.hero h1 em,.contact h2 em,.sub-hero h1 em{color:var(--orange)}.brand-name{font-family:Montserrat,sans-serif;font-weight:500}.button{background:var(--gradient);color:#05090b;border:0}.button:hover{filter:saturate(1.15) brightness(1.05)}.eyebrow span{background:var(--gradient)}.hero{background-image:linear-gradient(90deg,rgba(3,9,13,.99) 0%,rgba(3,9,13,.9) 43%,rgba(3,9,13,.3) 78%),linear-gradient(0deg,rgba(3,9,13,.85),transparent 55%),url('assets/projects/web/hero-live-show.jpg')}.hero:after{background:linear-gradient(120deg,transparent 42%,rgba(0,212,255,.08),rgba(255,138,0,.08))}.hero-stat{border-image:var(--gradient) 1}.scroll-label span,.process-steps li>span,.needs-grid span,.big-number{color:var(--orange)}.project-card .number{background:var(--gradient)}.project-card{border:1px solid rgba(0,212,255,.1)}.dryhire-banner{background:linear-gradient(120deg,#10191e,#0b1114);border:1px solid rgba(0,212,255,.22);position:relative;overflow:hidden}.dryhire-banner:after{content:"";position:absolute;width:380px;height:180px;right:-70px;bottom:-125px;border:1px solid var(--orange);box-shadow:0 0 0 12px rgba(255,138,0,.09),0 0 0 24px rgba(0,119,204,.08),0 0 0 36px rgba(0,212,255,.06);transform:skewX(-25deg);pointer-events:none}.about-visual{background-image:linear-gradient(145deg,rgba(0,212,255,.18),rgba(255,138,0,.09)),url('assets/projects/theater-production-wide.jpg')}.about-visual span{color:var(--orange)}.project-form{border-top:4px solid;border-image:var(--gradient) 1}.sub-kicker{color:var(--orange)}footer{background:#05090b}footer:before{content:"";grid-column:1/-1;height:2px;background:var(--gradient);margin-bottom:15px}.service-list article b{color:var(--orange)}
/* Recurring perspective-line motif from the YES emblem */
.projects,.process,.project-needs{position:relative;overflow:hidden}.projects:after,.process:after,.project-needs:after{content:"";position:absolute;right:-110px;top:90px;width:350px;height:210px;border:1px solid rgba(255,138,0,.25);box-shadow:0 0 0 16px rgba(255,138,0,.08),0 0 0 32px rgba(0,119,204,.07),0 0 0 48px rgba(0,212,255,.05);transform:perspective(500px) rotateY(-28deg);pointer-events:none}.projects>*,.process>*,.project-needs>*{position:relative;z-index:1}
@media(max-width:700px){.projects:after,.process:after,.project-needs:after{opacity:.45}.brand-mark{font-size:27px}}
.brand-logo{display:block;width:150px;height:62px;object-fit:cover;object-position:center 50%;mix-blend-mode:screen}.brand:has(.brand-logo) .brand-mark,.brand:has(.brand-logo) .brand-name{display:none}.site-header .brand-logo{height:58px}.discipline-strip{min-height:68px;display:flex;align-items:center;justify-content:center;gap:28px;padding:20px 28px;background:#05090b;color:#fff;font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;border-top:1px solid rgba(0,212,255,.15);border-bottom:1px solid rgba(255,138,0,.15)}.discipline-strip i{width:4px;height:4px;border-radius:50%;background:var(--gradient)}.brand-values{background:#080d10;color:#fff}.value-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(167,240,255,.2);border-left:1px solid rgba(167,240,255,.2)}.value-grid article{padding:30px 24px;min-height:245px;border-right:1px solid rgba(167,240,255,.2);border-bottom:1px solid rgba(167,240,255,.2)}.value-grid b{font-size:12px;color:var(--orange)}.value-grid h3{font-size:19px;margin:48px 0 12px}.value-grid p{font-size:13px;line-height:1.6;color:#9da8ac}.value-grid article:nth-child(-n+2) h3{color:var(--cyan)}.value-grid article:nth-child(n+4) h3{color:var(--orange)}@media(max-width:900px){.value-grid{grid-template-columns:1fr 1fr}.discipline-strip{gap:14px;flex-wrap:wrap}}@media(max-width:560px){.value-grid{grid-template-columns:1fr}.discipline-strip{font-size:10px}.discipline-strip i{display:none}.brand-logo{width:125px;height:52px}}
.right-solution{display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;align-items:start}.right-solution h2{font-size:clamp(40px,5vw,72px);line-height:1.04;letter-spacing:-3px;margin-bottom:28px}.right-solution h2 em{font-style:normal;color:var(--orange)}.right-solution div p{max-width:780px;font-size:19px;line-height:1.7;color:#596061}@media(max-width:900px){.right-solution{grid-template-columns:1fr}}
.home-page #expertise,.home-page #werkwijze,.home-page #over-ons,.home-page .brand-values,.home-page .right-solution,.home-page .home-contact{display:none}.home-cta{display:flex;align-items:center;justify-content:space-between;gap:45px;background:#080d10;color:#fff;border-top:1px solid rgba(0,212,255,.18)}.home-cta h2{font-size:clamp(36px,4.5vw,62px);margin:0}.home-cta .eyebrow{margin-bottom:18px}@media(max-width:700px){.home-cta{align-items:flex-start;flex-direction:column}}
.brand .brand-logo{width:72px;height:72px;object-fit:contain;object-position:center;mix-blend-mode:screen}.site-header .brand-logo{width:68px;height:68px}@media(max-width:560px){.brand .brand-logo{width:60px;height:60px}}
.hero{background-image:linear-gradient(90deg,rgba(3,9,13,.99) 0%,rgba(3,9,13,.9) 43%,rgba(3,9,13,.32) 78%),linear-gradient(0deg,rgba(3,9,13,.86),transparent 55%),url('assets/brand/yes-emblem-dark.png')}.about-visual{background-image:linear-gradient(145deg,rgba(0,212,255,.12),rgba(255,138,0,.08)),url('assets/brand/yes-logo-translucent.png')}
.button{background:#ff8a00;color:#071014}.button:hover{background:#ff9d26;filter:none}
.brand:has(.brand-logo) .brand-mark{display:block;color:#fff;padding:0;font-size:28px;line-height:1}.brand:has(.brand-logo) .brand-mark:before{display:none}.brand:has(.brand-logo) .brand-name{display:block;color:#fff;font-size:9px;line-height:1.2;letter-spacing:1.35px}.brand .brand-logo{width:48px;height:48px;margin-right:2px}.site-header .brand-logo{width:48px;height:48px}.brand{gap:10px}
.brand{position:relative}.brand:has(.brand-logo) .brand-mark,.brand:has(.brand-logo) .brand-name{display:none}.brand .brand-logo{width:76px;height:76px;margin:0;object-fit:contain;mix-blend-mode:normal}.brand .brand-logo-white-text{position:absolute;inset:0;filter:brightness(0) invert(1);clip-path:inset(55% 0 0 0);pointer-events:none}.site-header .brand-logo{width:72px;height:72px}footer .brand .brand-logo{width:82px;height:82px}@media(max-width:560px){.brand .brand-logo,.site-header .brand-logo{width:62px;height:62px}}
.brand .brand-logo,.site-header .brand-logo{width:230px;height:58px;object-fit:contain;object-position:left center;margin:0;mix-blend-mode:normal}footer .brand .brand-logo{width:250px;height:64px}@media(max-width:700px){.brand .brand-logo,.site-header .brand-logo{width:185px;height:50px}}@media(max-width:420px){.brand .brand-logo,.site-header .brand-logo{width:155px;height:44px}}
.brand .brand-logo,.site-header .brand-logo{width:285px;height:70px}footer .brand .brand-logo{width:300px;height:75px}@media(max-width:1100px){.brand .brand-logo,.site-header .brand-logo{width:235px;height:60px}}@media(max-width:700px){.brand .brand-logo,.site-header .brand-logo{width:185px;height:48px}}@media(max-width:420px){.brand .brand-logo,.site-header .brand-logo{width:155px;height:42px}}
/* Het goedgekeurde horizontale logo is één beeldmerk; de bestaande tekst blijft toegankelijk. */
.site-header{height:118px}.brand .brand-logo,.site-header .brand-logo{width:96px;height:108px;object-fit:contain;object-position:center;margin:0}footer .brand .brand-logo{width:130px;height:156px}.hero{padding-top:180px}.info-hero,.sub-hero{padding-top:205px}@media(max-width:900px){.site-header{height:96px}.main-nav.open{top:96px}.brand .brand-logo,.site-header .brand-logo{width:72px;height:86px}.hero{padding-top:145px}.info-hero,.sub-hero{padding-top:160px}}@media(max-width:560px){.brand .brand-logo,.site-header .brand-logo{width:64px;height:78px}footer .brand .brand-logo{width:105px;height:126px}}
.brand .brand-mark{display:block;flex:none;width:260px;height:70px;overflow:hidden;font-size:0;line-height:0;background:url('assets/brand/yes-logo-horizontal-light-v8-optimized.webp') left center/contain no-repeat}
.brand .brand-mark span{display:none}
.brand .brand-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
footer .brand .brand-mark{width:280px;height:75px}
@media(min-width:901px) and (max-width:1100px){.site-header{gap:16px}.main-nav{gap:24px}.site-header .brand .brand-mark{width:205px;height:55px}}
@media(max-width:900px){.site-header .brand .brand-mark{width:215px;height:58px}}
@media(max-width:560px){.site-header .brand .brand-mark{width:175px;height:47px}footer .brand .brand-mark{width:225px;height:61px}}
@media(max-width:420px){.site-header .brand .brand-mark{width:148px;height:40px}}
.site-header{height:96px}.brand .brand-logo,.site-header .brand-logo{width:310px;height:84px;object-fit:contain;object-position:left center;margin:0}footer .brand .brand-logo{width:330px;height:90px}.hero{padding-top:160px}.info-hero,.sub-hero{padding-top:180px}@media(max-width:1100px){.brand .brand-logo,.site-header .brand-logo{width:245px;height:70px}}@media(max-width:900px){.site-header{height:84px}.main-nav.open{top:84px}.brand .brand-logo,.site-header .brand-logo{width:205px;height:60px}.hero{padding-top:135px}.info-hero,.sub-hero{padding-top:145px}}@media(max-width:560px){.brand .brand-logo,.site-header .brand-logo{width:165px;height:50px}footer .brand .brand-logo{width:230px;height:66px}}
.site-header{height:88px}.brand .brand-logo,.site-header .brand-logo{width:235px;height:66px}footer .brand .brand-logo{width:255px;height:72px}.hero{padding-top:150px}.info-hero,.sub-hero{padding-top:165px}@media(max-width:900px){.site-header{height:78px}.main-nav.open{top:78px}.brand .brand-logo,.site-header .brand-logo{width:190px;height:55px}.hero{padding-top:128px}.info-hero,.sub-hero{padding-top:138px}}@media(max-width:560px){.brand .brand-logo,.site-header .brand-logo{width:155px;height:46px}footer .brand .brand-logo{width:210px;height:60px}}

/* Bestaande sfeerbeelden; koppeling aan specifieke referentieprojecten is niet bevestigd. */
.hero {
  background-image:
    linear-gradient(90deg, rgba(3, 9, 13, .99) 0%, rgba(3, 9, 13, .84) 38%, rgba(3, 9, 13, .18) 78%),
    linear-gradient(0deg, rgba(3, 9, 13, .88), transparent 62%),
    url("assets/projects/web/hero-live-show.jpg");
}

/* Shared interaction and accessibility refinements. */
.home-expertise-grid h3 a:hover{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:5px}
.home-expertise-grid h3 a:focus-visible,footer a:focus-visible,.back-link:focus-visible,.close-link:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}
.reveal-ready.visible{opacity:1;transform:none}
footer>div{flex-wrap:wrap;row-gap:12px}
.project-form input:focus-visible,.project-form textarea:focus-visible,.project-form select:focus-visible{box-shadow:0 2px 0 var(--blue)}
@media(max-width:1150px){
  html:not(.js-enhanced) .main-nav{display:flex;position:absolute;top:88px;left:0;width:100%;background:#080d10;flex-direction:column;gap:0;padding:16px 28px 24px}
  html:not(.js-enhanced) .main-nav a{padding:12px 0}
  html:not(.js-enhanced) .main-nav .mobile-contact-link{display:block}
  html:not(.js-enhanced) .menu-toggle{display:none}
}
@media(max-width:900px){html:not(.js-enhanced) .main-nav{top:78px}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal-ready{opacity:1;transform:none;transition:none}
  .button,.project-card:before,.main-nav a{transition:none}
}

.about-visual {
  background-image:
    linear-gradient(90deg, rgba(3, 9, 13, .25), rgba(3, 9, 13, .05)),
    url("assets/projects/web/theater-production-wide.jpg");
}

.corporate {
  background-image:
    linear-gradient(0deg, rgba(3, 9, 13, .9), rgba(3, 9, 13, .15)),
    url("assets/projects/web/event-red-blue.jpg");
}

.festival {
  background-image:
    linear-gradient(0deg, rgba(3, 9, 13, .9), rgba(3, 9, 13, .15)),
    url("assets/projects/web/festival-outdoor.jpg");
}

.tent {
  background-image:
    radial-gradient(circle at 72% 18%, rgba(255, 138, 0, .25), transparent 30%),
    linear-gradient(135deg, #08222c 0%, #0b1014 58%, #392217 100%);
}

.theatre {
  background-image:
    linear-gradient(0deg, rgba(3, 9, 13, .9), rgba(3, 9, 13, .15)),
    url("assets/projects/web/theater-live.jpg");
}

/* 2026 site structure: compact home sections and clear multipage navigation. */
.mobile-contact-link{display:none}
.main-nav{gap:22px;font-size:13px}
.site-header{gap:28px}
.main-nav a[aria-current="page"]{color:#fff}
.main-nav a:focus-visible,.button:focus-visible,.text-link:focus-visible,.project-card a:focus-visible,.menu-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.home-page .section-pad{padding-top:82px;padding-bottom:82px}
.home-page .intro h2,.home-page .section-heading h2{font-size:clamp(38px,4.5vw,62px)}
.home-page .intro-copy{padding-top:24px}
.home-page .project-card{height:360px}
.home-page .project-card h3{font-size:clamp(28px,3vw,40px)}
.event-overview-link{display:inline-block;margin-top:30px}
.home-expertise{background:#f2f3f3}
.home-expertise .section-heading>p{color:#586165}
.home-expertise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #c9d0d1;border-left:1px solid #c9d0d1;margin-bottom:25px}
.home-expertise-grid article{padding:24px;min-height:205px;border-right:1px solid #c9d0d1;border-bottom:1px solid #c9d0d1}
.home-expertise-grid span{color:#0069ae;font-size:12px}
.home-expertise-grid h3{font-size:22px;margin:30px 0 12px}
.home-expertise-grid p{font-size:14px;line-height:1.55;color:#596366}
.home-production,.home-people{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start}
.home-production h2,.home-people h2{font-size:clamp(38px,4.5vw,62px);line-height:1.06;letter-spacing:-2.5px}
.home-production>div:last-child p,.home-people>div:last-child p{font-size:18px;line-height:1.7;margin-bottom:22px}
.home-production>div:last-child p{color:#586165}
.home-people{background:#10191e;color:#fff}
.home-people>div:last-child p{color:#bac4c7}
.home-process .process-intro .text-link{display:inline-block;margin-top:12px}
.home-process .process-steps li{padding:20px 0}
.home-rental{background:#e9edee}
.home-rental .dryhire-banner{margin:0;gap:35px}
.home-rental .dryhire-banner h2{font-size:clamp(28px,3vw,42px);line-height:1.15;max-width:760px}
.home-rental .dryhire-banner p:last-child{max-width:740px;line-height:1.6}
.home-rental .dryhire-banner .button{flex-shrink:0}
@media(max-width:1150px){
  .main-nav,.header-cta{display:none}
  .menu-toggle{display:block;margin-left:auto;border:1px solid rgba(167,240,255,.4);background:none;color:#fff;padding:9px 14px;font:600 13px Montserrat,sans-serif;cursor:pointer}
  .main-nav.open{display:flex;position:absolute;top:88px;left:0;width:100%;background:#080d10;flex-direction:column;gap:0;padding:16px 28px 24px;box-shadow:0 18px 25px rgba(0,0,0,.3)}
  .main-nav.open a{padding:12px 0;border-bottom:1px solid rgba(167,240,255,.14)}
  .main-nav .mobile-contact-link{display:block}
}
@media(max-width:900px){.main-nav.open{top:78px}}
@media(max-width:800px){
  .home-production,.home-people{grid-template-columns:1fr;gap:24px}
  .home-expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-page .project-card{height:340px}
}
@media(max-width:560px){
  .home-page .section-pad{padding-top:66px;padding-bottom:66px}
  .home-expertise-grid{grid-template-columns:1fr}
  .home-expertise-grid article{min-height:0}
  .home-expertise-grid h3{margin-top:18px}
  .home-page .hero h1{font-size:clamp(48px,13vw,62px)}
  .home-page .hero{min-height:700px}
  .home-page .project-card{height:300px}
  .home-rental .dryhire-banner{padding:28px}
}

/* The supplied house style uses Montserrat throughout. */
.sub-hero h1,.project-card .number,.about-visual span,.project-form input,.project-form select,.project-form textarea{font-family:Montserrat,sans-serif}
.project-form input,.project-form select,.project-form textarea{font-size:15px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:20px;top:-100px;z-index:100;background:#ff8a00;color:#071014;padding:12px 16px;font-weight:700}
.skip-link:focus{top:12px;outline:2px solid #fff;outline-offset:3px}
.info-list span,.project-assurance .big-number,.trust-row strong{color:#596366}
footer small{color:#aab3b5}
h1,h2,h3{overflow-wrap:break-word}


/* === home-v2.css === */
/* YES homepage design study — deliberately scoped to this page only. */
.home-page { background: #071014; color: #fff; }
.home-page .site-header { background: rgba(6, 13, 17, .94); backdrop-filter: blur(10px); }
.home-page .site-header .brand { flex-shrink: 0; }
.home-page .site-header .header-cta { min-width: 0; white-space: nowrap; }
.home-page .button { background: #ff8a00; color: #071014; }
.home-page .button:hover { background: #ff9e2c; }
.home-page :is(.button, .home2-inline-link, .home2-event-list a, .home2-project a):focus-visible { outline: 3px solid #00d4ff; outline-offset: 5px; }

.home-page .home2-section { padding: clamp(78px, 8vw, 126px) max(24px, calc((100vw - 1340px) / 2)); }
.home2-kicker { margin: 0 0 26px; color: #ff8a00; font-size: 12px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.home2-inline-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; width: fit-content; padding: 10px 0; border-bottom: 1px solid currentColor; color: #d8f4fa; font-size: 14px; font-weight: 700; transition: color .2s ease, gap .2s ease; }
.home2-inline-link:hover { color: #ff8a00; gap: 32px; }
.home2-inline-link-dark { color: #0c5269; }

.home-page .home2-hero { position: relative; isolation: isolate; display: flex; align-items: center; min-height: 760px; min-height: min(900px, 100svh); padding: 148px max(24px, calc((100vw - 1340px) / 2)) 90px; overflow: hidden; background: #071014; }
.home2-hero-photo { position: absolute; z-index: -2; top: 88px; right: 0; bottom: 0; left: 34%; background: linear-gradient(90deg, #071014 0%, rgba(7, 16, 20, .92) 17%, rgba(7, 16, 20, .32) 55%, rgba(7, 16, 20, .06) 100%), linear-gradient(0deg, rgba(7, 16, 20, .86), transparent 30%), url('assets/projects/web/hero-live-show.jpg') center 43% / cover no-repeat; clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%); }
.home2-hero::after { content: ''; position: absolute; z-index: -1; right: max(24px, calc((100vw - 1340px) / 2)); top: 128px; width: 130px; height: 100px; border-top: 1px solid rgba(255, 138, 0, .62); border-right: 1px solid rgba(0, 212, 255, .48); pointer-events: none; }
.home2-hero-inner { position: relative; z-index: 1; width: 100%; max-width: 1210px; }
.home2-overline { display: flex; align-items: center; gap: 18px; margin: 0 0 34px; color: #c7d4d8; font-size: 11px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.home2-marker { color: #ff8a00; white-space: nowrap; }
.home2-hero h1 { max-width: 1180px; margin: 0; color: #fff; font-size: clamp(68px, 8vw, 132px); font-weight: 700; letter-spacing: -.075em; line-height: .95; }
.home2-hero h1 span { display: block; }
.home2-hero h1 em { color: #ff8a00; font-style: normal; }
.home2-hero-intro { max-width: 520px; margin: 32px 0 0; color: #e4eaeb; font-size: clamp(17px, 1.45vw, 20px); line-height: 1.65; }
.home2-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 32px; margin-top: 32px; }
.home2-hero-actions .button { min-width: 268px; }
.home2-hero-foot { display: flex; flex-wrap: wrap; gap: 10px 0; width: fit-content; max-width: 100%; margin-top: 58px; border-top: 1px solid rgba(194, 229, 238, .32); padding-top: 16px; color: #b5c8cc; font-size: 11px; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
.home2-hero-foot span + span::before { content: '/'; margin: 0 16px; color: #ff8a00; }
.home2-photo-note { position: absolute; right: max(24px, calc((100vw - 1340px) / 2)); bottom: 28px; margin: 0; color: #d8e4e7; font-size: 10px; font-weight: 600; letter-spacing: .11em; text-align: right; text-transform: uppercase; }
.home2-photo-note span { color: #ff8a00; margin: 0 5px; }

body.home-page #expertise { display: block; }
.home-page .home2-service { position: relative; padding-bottom: clamp(84px, 7.5vw, 126px); background: #f1f2f0; color: #10191d; }
.home2-service::before { content: ''; position: absolute; top: 0; right: max(24px, calc((100vw - 1340px) / 2)); width: min(29vw, 365px); height: 5px; background: #ff8a00; }
.home2-service .home2-kicker, .home2-approach .home2-kicker { color: #a44c00; }
.home2-section-heading h2, .home2-events h2, .home2-projects h2, .home2-approach h2, .home2-cta h2 { margin: 0; font-size: clamp(42px, 4.6vw, 72px); line-height: 1.04; letter-spacing: -.065em; }
.home2-section-heading h2 em, .home2-approach h2 em { color: #a44c00; font-style: normal; }
.home2-service .home2-section-heading { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(270px, .65fr); column-gap: clamp(50px, 8vw, 128px); align-items: end; }
.home2-service .home2-section-heading .home2-kicker { grid-column: 1 / -1; }
.home2-service .home2-section-heading h2 { font-size: clamp(44px, 5.1vw, 83px); }
.home2-section-heading > p:last-child { max-width: 420px; margin: 0 0 9px; color: #45565b; font-size: 17px; line-height: 1.7; }
.home2-service-detail { padding-top: clamp(46px, 5.7vw, 82px); }
.home2-service-lead { max-width: 910px; margin: 0 0 32px; font-size: clamp(19px, 2vw, 28px); font-weight: 500; line-height: 1.45; }
.home2-service-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 28px; padding: 0; list-style: none; border-top: 1px solid #aebdbf; }
.home2-service-list li { display: block; padding: 27px clamp(16px, 2.4vw, 36px) 22px 0; }
.home2-service-list li + li { padding-left: clamp(16px, 2.4vw, 36px); border-left: 1px solid #bdc9ca; }
.home2-service-list li > span { display: block; margin-bottom: 26px; color: #a44c00; font-size: 12px; font-weight: 700; }
.home2-service-list h3 { max-width: 330px; margin: 0 0 7px; font-size: clamp(20px, 2vw, 27px); line-height: 1.25; }
.home2-service-list p { max-width: 340px; margin: 0; color: #4b5a5e; font-size: 14px; line-height: 1.55; }

.home2-events { position: relative; display: block; background: #101c21; }
.home2-events::before { content: ''; position: absolute; top: 0; right: 0; width: 34%; height: 100%; opacity: .09; background: repeating-linear-gradient(150deg, transparent 0, transparent 46px, #c5e5e8 47px, transparent 48px); pointer-events: none; }
.home2-events-heading { position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .62fr); gap: clamp(28px, 9vw, 140px); align-items: end; margin-bottom: clamp(38px, 5vw, 70px); }
.home2-events-heading h2 { max-width: 850px; font-size: clamp(46px, 5vw, 79px); }
.home2-events-heading h2 em { color: #ff8a00; font-style: normal; }
.home2-events-intro { padding-bottom: 6px; }
.home2-events-intro p { max-width: 420px; margin: 0 0 21px; color: #bdd0d4; font-size: 17px; line-height: 1.6; }
.home2-event-list { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-left: 1px solid rgba(173, 217, 227, .27); }
.home2-event-list a.home2-event-link { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; min-height: clamp(270px, 24vw, 375px); padding: clamp(24px, 3.4vw, 47px); border-right: 1px solid rgba(173, 217, 227, .27); border-bottom: 1px solid rgba(173, 217, 227, .27); overflow: hidden; transition: background-color .25s ease, color .25s ease; }
.home2-event-list a.home2-event-link::before { content: ''; position: absolute; inset: auto -15% -60% 28%; aspect-ratio: 1; border: 1px solid rgba(255, 138, 0, .18); border-radius: 50%; box-shadow: 0 0 0 48px rgba(255, 138, 0, .024), 0 0 0 96px rgba(173, 217, 227, .025); pointer-events: none; }
.home2-event-list a.home2-event-link:hover .home2-event-arrow { transform: translate(4px, -4px); }
.home2-event-list .home2-event-index { position: relative; z-index: 1; margin: 0 0 22px; color: #9fb7bd; font-size: 11px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.home2-event-list a.home2-event-link strong { position: relative; z-index: 1; max-width: 390px; margin: auto 0 18px; font-size: clamp(31px, 3.2vw, 52px); line-height: 1.05; font-weight: 600; letter-spacing: -.06em; }
.home2-event-list .home2-event-desc { position: relative; z-index: 1; max-width: 375px; color: #b8c9cd; font-size: 14px; line-height: 1.6; }
.home2-event-list .home2-event-arrow { position: absolute; top: clamp(24px, 3vw, 44px); right: clamp(24px, 3vw, 44px); color: #ff8a00; font-size: 27px; line-height: 1; transition: transform .2s ease; }
.home2-event-list .home2-event-link-featured { background: linear-gradient(145deg, #203039 0%, #101b20 75%); }
.home2-event-list a.home2-event-link.home2-event-link-featured strong { font-size: clamp(38px, 4vw, 63px); }
.home2-event-list a.home2-event-link:nth-child(2) { background: rgba(6, 13, 17, .22); }
.home2-event-list a.home2-event-link:hover { background: rgba(255, 255, 255, .055); }

.home2-projects { background: #071014; }
.home2-projects-heading { display: flex; align-items: end; justify-content: space-between; gap: 56px; margin-bottom: 44px; }
.home2-projects-heading > p { max-width: 400px; margin: 0; color: #aec0c4; font-size: 16px; line-height: 1.65; }
.home2-project-layout { display: block; }
.home2-project-side { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 2.4vw, 32px); margin-top: clamp(28px, 3vw, 44px); }
.home2-project a { display: block; min-width: 0; }
.home2-project-media { position: relative; overflow: hidden; background: #17252b; }
.home2-project-media img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease, filter .5s ease; }
.home2-project a:hover img, .home2-project a:focus-visible img { transform: scale(1.035); filter: saturate(1.08); }
.home2-project-lead a { position: relative; }
.home2-project-lead .home2-project-media { aspect-ratio: 2.05 / 1; }
.home2-project-lead .home2-project-media img { object-position: 50% 43%; filter: brightness(1.09) saturate(1.08); }
.home2-project-side .home2-project-media { aspect-ratio: 16 / 10; }
.home2-project-caption { display: flex; justify-content: space-between; gap: 20px; padding: 19px 0 0; }
.home2-project-caption span:first-child { color: #82dce9; font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.home2-project-caption h3 { margin: 8px 0; font-size: clamp(25px, 2.7vw, 40px); line-height: 1.1; letter-spacing: -.04em; }
.home2-project-lead .home2-project-caption { position: absolute; right: 0; bottom: 0; left: 0; align-items: flex-end; padding: clamp(70px, 11vw, 170px) clamp(22px, 4vw, 60px) clamp(24px, 3.2vw, 42px); background: linear-gradient(0deg, rgba(4, 12, 16, .96), rgba(4, 12, 16, .65) 44%, transparent 100%); }
.home2-project-lead .home2-project-caption h3 { font-size: clamp(34px, 4vw, 58px); }
.home2-project-lead .home2-project-caption span:first-child { color: #ff9c2c; }
.home2-project-lead .home2-project-caption p { color: #e8eff0; font-size: clamp(14px, 1.5vw, 18px); }
.home2-project-side .home2-project-caption h3 { font-size: clamp(23px, 2vw, 30px); }
.home2-project-caption p { max-width: 480px; margin: 0; color: #aebec2; font-size: 14px; line-height: 1.55; }
.home2-project-arrow { flex: 0 0 auto; align-self: center; color: #ff8a00; font-size: 29px; }
.home2-projects > .home2-inline-link { margin-top: 46px; }

body.home-page #werkwijze { display: grid; }
.home2-approach { grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); gap: clamp(54px, 10vw, 150px); background: #dde5e6; color: #0b171b; }
.home2-approach-intro > p:not(.home2-kicker) { max-width: 520px; margin: 28px 0 24px; color: #42555a; font-size: 17px; line-height: 1.65; }
.home2-approach-steps { margin: 5px 0 0; padding: 0; list-style: none; border-top: 1px solid #9eafb3; }
.home2-approach-steps li { display: grid; grid-template-columns: 148px minmax(0, 1fr); gap: 20px; align-items: baseline; padding: 29px 0; border-bottom: 1px solid #9eafb3; }
.home2-approach-steps span { color: #0c6c86; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.home2-approach-steps p { margin: 0; font-size: clamp(17px, 1.5vw, 21px); font-weight: 600; line-height: 1.4; }

.home2-cta { display: flex; align-items: end; justify-content: space-between; gap: 60px; position: relative; overflow: hidden; background: #0c151a; border-top: 2px solid #ff8a00; }
.home2-cta::after { content: ''; position: absolute; right: -40px; top: -120px; width: 320px; height: 320px; border: 1px solid rgba(0, 212, 255, .13); box-shadow: 0 0 0 28px rgba(0, 212, 255, .045), 0 0 0 56px rgba(255, 138, 0, .035); transform: rotate(22deg); pointer-events: none; }
.home2-cta > * { position: relative; z-index: 1; }
.home2-cta h2 { max-width: 800px; }
.home2-cta p:not(.home2-kicker) { max-width: 560px; margin: 25px 0 0; color: #bbcbd0; font-size: 18px; line-height: 1.65; }
.home2-cta-actions { display: grid; gap: 15px; justify-items: start; flex: 0 0 auto; }
.home2-cta-actions .button { min-width: 280px; }

@media (max-width: 1150px) {
  .home2-hero h1 { font-size: clamp(62px, 8.5vw, 108px); }
  .home2-approach { gap: 48px; }
}
@media (max-width: 920px) {
  .home-page .home2-hero { min-height: 730px; }
  .home2-hero-photo { left: 28%; }
  .home2-service .home2-section-heading { grid-template-columns: 1fr; gap: 22px; }
  .home2-service .home2-section-heading > p:last-child { max-width: 620px; margin: 0; }
  .home2-events-heading { grid-template-columns: 1fr; gap: 20px; }
  .home2-approach { grid-template-columns: 1fr; }
  .home2-projects-heading { align-items: start; flex-direction: column; gap: 20px; }
  .home2-project-lead .home2-project-media { aspect-ratio: 16 / 9; }
  .home2-cta { align-items: start; flex-direction: column; }
}
@media (max-width: 640px) {
  .home-page .home2-section { padding: 72px 20px; }
  .home-page .home2-hero { min-height: 0; display: block; padding: 120px 20px 255px; }
  .home2-hero-photo { top: auto; right: 0; bottom: 0; left: 0; height: 245px; clip-path: none; background: linear-gradient(0deg, rgba(7, 16, 20, .78), transparent 45%), linear-gradient(90deg, rgba(7, 16, 20, .34), transparent 70%), url('assets/projects/web/hero-live-show.jpg') center 46% / cover no-repeat; }
  .home2-hero::after { display: none; }
  .home2-overline { flex-wrap: wrap; gap: 7px 11px; margin-bottom: 24px; font-size: 10px; }
  .home2-hero h1 { font-size: clamp(48px, 12vw, 73px); line-height: .98; letter-spacing: -.065em; }
  .home2-hero h1 span:last-child { max-width: 540px; }
  .home2-hero-intro { margin-top: 23px; font-size: 16px; line-height: 1.55; }
  .home2-hero-actions { display: grid; gap: 11px; margin-top: 24px; }
  .home2-hero-actions .button { justify-content: space-between; width: 100%; min-width: 0; }
  .home2-hero-actions .home2-inline-link { font-size: 13px; }
  .home2-hero-foot { display: none; }
  .home2-photo-note { right: 20px; bottom: 15px; left: 20px; font-size: 9px; }
  .home2-section-heading h2, .home2-events h2, .home2-projects h2, .home2-approach h2, .home2-cta h2 { font-size: clamp(39px, 10vw, 54px); letter-spacing: -.055em; }
  .home2-service .home2-section-heading h2, .home2-events-heading h2 { font-size: clamp(40px, 10vw, 55px); }
  .home2-section-heading > p:last-child, .home2-service-lead, .home2-events-intro p, .home2-approach-intro > p:not(.home2-kicker), .home2-cta p:not(.home2-kicker) { font-size: 16px; }
  .home2-service .home2-service-detail { padding-top: 38px; }
  .home2-service-list { grid-template-columns: 1fr; }
  .home2-service-list li, .home2-service-list li + li { padding: 19px 0 22px; border-left: 0; border-bottom: 1px solid #bdc9ca; }
  .home2-service-list li > span { margin-bottom: 14px; }
  .home2-event-list { grid-template-columns: 1fr; }
  .home2-event-list a.home2-event-link { min-height: 245px; padding: 24px; }
  .home2-event-list a.home2-event-link strong { font-size: clamp(34px, 10vw, 46px); }
  .home2-event-list .home2-event-arrow { right: 24px; top: 24px; }
  .home2-project-side { grid-template-columns: 1fr; gap: 37px; }
  .home2-project-lead .home2-project-media { aspect-ratio: 4 / 5; }
  .home2-project-lead .home2-project-caption { padding: 100px 19px 25px; }
  .home2-project-lead .home2-project-caption h3 { font-size: 36px; }
  .home2-project-lead .home2-project-caption p { font-size: 14px; }
  .home2-project-side .home2-project-media { aspect-ratio: 16 / 10; }
  .home2-project-side .home2-project-caption h3 { font-size: 29px; }
  .home2-approach-steps li { grid-template-columns: 1fr; gap: 9px; padding: 22px 0; }
  .home2-cta-actions, .home2-cta-actions .button { width: 100%; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .home-page .home2-inline-link, .home-page .home2-event-list a, .home-page .home2-event-arrow, .home-page .home2-project-media img, .home-page .button { transition: none; }
  .home-page .home2-inline-link:hover { gap: 24px; }
  .home-page .home2-event-list a:hover .home2-event-arrow { transform: none; }
  .home-page .home2-project a:hover img, .home-page .home2-project a:focus-visible img { transform: none; }
  .home-page .button:hover { transform: none; }
}

/* Mobile hero reserve: retain CLS stabilization introduced 2026-10-20. */
@media (max-width: 415px) {
  .home2-overline { min-height: 3.3em; }
  .home2-hero-intro { min-height: 6.2em; }
}
@media (max-width: 395px) {
  .home2-hero h1 span:last-child { min-height: 1.96em; }
}