body{font-family:var(--brand-font);background:var(--brand-black)}.header{position:fixed!important;left:0!important;right:0!important;width:100%!important;max-width:none;height:calc(var(--header-height) + env(safe-area-inset-top,0px))!important;padding:env(safe-area-inset-top,0px) 6% 0!important;background:#151515ed;backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid #ffffff20;box-sizing:border-box}.header .brand{font-size:25px}.header-cta{display:none}.menu-toggle{display:flex!important;width:44px!important;height:44px!important;flex:0 0 44px;justify-content:center;align-items:center;gap:6px;flex-direction:column;border:1px solid #ffffff40;border-radius:3px;background:transparent}.menu-toggle span{background:white!important;width:21px;height:1px}.header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:25px 6%;background:#222;border-bottom:1px solid #555;font-size:18px;color:white}.header nav.open{display:flex;flex-direction:column;gap:12px}.header nav a{min-height:44px;display:flex;align-items:center}.mobile-contact{display:block}.header .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.header .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}html{scroll-padding-top:calc(var(--header-height) + env(safe-area-inset-top,0px) + 22px)}.scroll-story{position:relative;margin-top:calc(var(--header-height) + env(safe-area-inset-top,0px));height:auto}.story-stage{height:calc(100svh - var(--header-height) - env(safe-area-inset-top,0px));min-height:580px;position:relative;isolation:isolate;overflow:hidden;background:#242424}.story-poster,.story-canvas,.story-shade{position:absolute;inset:0;width:100%;height:100%}.story-poster img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.story-canvas{opacity:0}.story-shade{background:linear-gradient(90deg,#101010df 0%,#101010ad 35%,#10101013 74%),linear-gradient(0deg,#151515,transparent 30%);z-index:1;pointer-events:none}.story-copies{position:relative;z-index:2;height:100%;display:flex;align-items:center;pointer-events:none}.story-copy{max-width:650px;pointer-events:auto;padding-bottom:25px}.story-copy[hidden]{display:none!important}.story-copy .eyebrow{font-size:12px;color:#deded3;margin-bottom:25px}.story-copy h1,.story-copy h2{font-size:clamp(48px,6vw,92px);font-weight:500;letter-spacing:-.06em;line-height:1.06;margin:0 0 24px;color:#fff}.story-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:410px;color:#d6d6ce;margin:0 0 29px}.story-copy .button{background:var(--brand-yellow);color:#151515}.story-skip{position:absolute;z-index:4;bottom:27px;right:6%;font-size:13px;color:white;min-height:44px;padding:10px 0;border-bottom:1px solid #ffffff70}.story-credit{position:absolute;z-index:3;right:6%;top:20px;font-size:10px;color:#ddd}.story-cue{position:absolute;left:6%;bottom:30px;z-index:3;font-size:12px;color:#bbb}.story-cue span{margin-left:15px}.story-progress{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:4;background:#ffffff14}.story-progress span{display:block;transform-origin:left;width:100%;height:100%;background:var(--brand-yellow);transform:scaleX(0)}.scroll-story.is-animated .story-stage{position:sticky;top:calc(var(--header-height) + env(safe-area-inset-top,0px));min-height:0}.story-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-block:60px;border-bottom:1px solid #ffffff25}.story-summary article>span{font-size:11px;color:#aaa}.story-summary h2{font-size:25px;letter-spacing:-.6px;line-height:1.25;margin:15px 0}.story-summary p{font-size:14px;color:#aaa}.story-copy .button:focus-visible,.story-skip:focus-visible{outline:3px solid #ffd600;outline-offset:6px}#mogelijkheden:focus{outline:none}.story-fallback-note{font-size:12px;color:#999}
@media(max-width:1100px) and (max-aspect-ratio:4/5){.story-stage{height:calc(100svh - var(--header-height));min-height:630px}.story-poster img{object-fit:cover}.story-shade{background:linear-gradient(0deg,#101010fa 0%,#101010d9 32%,#10101030 63%,transparent 85%)}.story-copies{align-items:flex-end;padding-bottom:85px}.story-copy{max-width:100%;padding:0}.story-copy .eyebrow{display:none}.story-copy h1,.story-copy h2{font-size:clamp(35px,8.7vw,61px);line-height:1.07;margin-bottom:15px}.story-copy>p:not(.eyebrow){font-size:15px;line-height:1.5;max-width:430px;margin-bottom:20px}.story-copy .button{padding:14px 19px;min-height:48px;font-size:13px}.story-credit{font-size:9px;top:14px}.story-skip{font-size:11px;bottom:16px}.story-cue{font-size:10px;bottom:30px}.story-summary{grid-template-columns:1fr;gap:30px;padding-block:40px}.story-summary h2{font-size:23px;margin:10px 0}.story-summary p{font-size:15px}}
@media(max-height:600px){.story-stage{min-height:570px}.story-copies{padding-top:35px;padding-bottom:90px}.story-copy h1,.story-copy h2{font-size:42px}.story-copy>p:not(.eyebrow){font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-story{height:auto!important}.scroll-story .story-stage{position:relative!important;top:0!important}.story-canvas{display:none}.story-cue{display:none}.story-progress{display:none}}

.skip{z-index:30}.brand-dot{color:var(--brand-yellow)}
@media(max-height:600px){.story-stage{height:auto;min-height:0}.story-poster{position:relative;display:block;height:300px}.story-canvas{display:none}.story-shade{height:300px;background:linear-gradient(0deg,var(--brand-black),transparent 45%)}.story-copies{height:auto;padding-block:15px 85px}.story-copy h1,.story-copy h2{font-size:clamp(34px,7vw,48px)}.story-copy{padding:0}.story-copy .eyebrow{display:none}.story-cue{display:none}}

html{scroll-behavior:auto}

/* Version 8: fewer choices, more focus on the actual work. */
.offerings{padding-block:85px 55px}.offering-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.offering-grid article{border-top:1px solid #ffffff30;padding-top:24px}.offering-grid h3{font-size:27px;font-weight:500;letter-spacing:-.7px;margin:18px 0 12px}.offering-grid p{color:#b6b6b0;font-size:15px;line-height:1.7;max-width:320px;margin-bottom:22px}.offering-grid a{font-size:13px;color:#e9e9df;display:inline-flex;align-items:center;min-height:44px;gap:25px}.offering-grid a:hover{color:var(--brand-yellow)}.also{margin-top:45px;font-size:14px;color:#a9a9a2;border-top:1px solid #ffffff15;padding-top:24px}.also a{color:#e9e9df;margin-left:10px}.examples{padding-bottom:10px}.examples .work-image{aspect-ratio:4/3}.examples .work-image img{object-position:center}.examples .work-caption h3{font-size:25px}.about{padding-block:85px}.contact{padding-block:80px}.story-copy .eyebrow{color:#d0d0c7}.story-summary{display:none}.story-credit{font-size:9px}.story-copy h1,.story-copy h2{max-width:700px}.story-copy{max-width:720px}
@media(max-width:760px){.offerings{padding-block:55px 40px}.offering-grid{grid-template-columns:1fr;gap:22px}.offering-grid article{padding-top:18px}.offering-grid h3{margin:8px 0;font-size:25px}.offering-grid .service-number{font-size:10px}.offering-grid p{max-width:100%;margin-bottom:8px}.also{margin-top:25px}.also a{display:block;margin-left:0;margin-top:8px}.about{padding-block:55px}.contact{padding-block:55px}.examples .work-caption h3{font-size:23px}}

/* Version 9: a single static hero, no scroll sequence. */
.static-hero{position:relative;isolation:isolate;margin-top:calc(var(--header-height) + env(safe-area-inset-top,0px));min-height:620px;height:min(780px,calc(100svh - var(--header-height)));overflow:hidden;background:#151515}
.hero-photo,.hero-gradient{position:absolute;inset:0;width:100%;height:100%}.hero-photo{object-fit:cover;object-position:65% 50%}.hero-gradient{background:linear-gradient(90deg,#101010ed 0%,#101010bd 30%,#10101032 65%,#10101008 100%),linear-gradient(0deg,#151515 0%,transparent 22%);z-index:1}.hero-content{position:relative;z-index:2;height:100%;min-height:inherit;display:flex;align-items:center}.static-hero .story-copy{padding:45px 0;max-width:670px}.static-hero .story-copy h1{font-size:clamp(48px,6vw,88px)}
@media(max-width:760px){.static-hero{height:auto;min-height:0}.hero-photo{height:370px;object-position:100% 50%}.hero-gradient{height:390px;background:linear-gradient(0deg,#151515 0%,#15151522 50%,transparent 100%)}.hero-content{display:block;padding-top:305px;padding-bottom:45px}.static-hero .story-copy{padding:0}.static-hero .story-copy h1{font-size:clamp(39px,9.5vw,60px);margin-bottom:20px}.static-hero .story-copy>p:not(.eyebrow){font-size:15px;margin-bottom:24px}.static-hero .story-copy .eyebrow{display:none}}

/* Selected square B logo A with compact 6px wordmark spacing. */
.brand{position:relative;padding-left:48px;min-height:43px}.brand .brand-mark{position:absolute;left:0;top:50%;transform:translateY(-50%);width:42px;height:auto;display:block}.footer .brand .brand-mark{width:42px}.footer .brand{padding-left:48px}

/* Services are informational; one explicit contact action follows. */
.service{cursor:default;min-height:250px}.service p{margin-bottom:0}.services-contact{display:flex;align-items:center;gap:25px;margin-top:32px}.services-contact p{font-size:14px;color:#b9b9b0;max-width:350px}@media(max-width:760px){.service{min-height:0}.services-contact{align-items:flex-start;flex-direction:column;gap:14px}.services-contact p{max-width:300px}}

@media(min-width:761px){.hero-photo{object-position:50% 18%}.static-hero .story-copy{max-width:670px}.static-hero .story-copy h1{font-size:clamp(48px,6vw,88px)}}

.examples{background:radial-gradient(ellipse at 10% 15%,#30302e 0%,#232323 46%,#1b1b1b 100%);width:100%;max-width:none;padding:80px max(6%,calc((100% - 1320px)/2))}.about.section{width:100%;max-width:none;padding:95px max(6%,calc((100% - 1320px)/2));background:radial-gradient(ellipse at 82% 40%,#3a3a35 0%,#2b2b29 42%,#202020 85%);border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b}.about-heading h2{font-size:clamp(40px,4vw,60px)}@media(max-width:760px){.examples{padding-block:48px}.about.section{padding-block:60px}}

.service-accent{color:var(--brand-yellow)}.services .section-heading .eyebrow{display:flex;align-items:center;gap:12px}.services .section-heading .eyebrow:before{content:"";width:28px;height:2px;background:var(--brand-yellow)}@media(min-width:900px){.header nav,.header nav.open{display:flex;position:static;flex-direction:row;align-items:center;gap:32px;padding:0;background:none;border:0;font-size:14px}.header nav a{min-height:44px;color:#ededeb}.header nav a:hover{color:var(--brand-yellow)}.header .menu-toggle{display:none!important}}