/* Christiaan Sharobim – redactionele stijlmerge op originele V2. */
:root{--studio-bg:#071016;--studio-sand:#d8bb95;--studio-cream:#f3f0e9}
body{background:var(--studio-bg)}
h1,h2,h3{letter-spacing:-.032em;text-wrap:balance}
.hero-copy h1{max-width:14ch;line-height:1.04}
.hero-copy p{max-width:650px}
.v46-about{align-items:start}
.v46-about-copy{align-self:start}
.v46-about img{display:block;object-fit:cover;object-position:center 29%}
.about-body img{object-fit:cover;object-position:center 29%}
.section-pad,.shell{box-sizing:border-box}
.service-card h2{line-height:1.14}
@media(max-width:800px){.hero-copy h1{max-width:100%}.v46-about img,.about-body img{object-position:center 27%}}

/* EINDREDACTIE V6 – heldere fototypografie en consistente grids */
:root{--studio-sand:#d8bb95}
#page-home .hero-copy .display{font-size:clamp(42px,5.25vw,82px)!important;line-height:1.06!important;max-width:16ch!important;letter-spacing:-.055em!important}
.subhero.has-image .display,.subhero .display{font-size:clamp(37px,4.7vw,76px)!important;line-height:1.08!important;letter-spacing:-.055em!important;max-width:21ch!important;overflow-wrap:normal;text-wrap:balance}
.subhero .page-lead{font-size:clamp(15px,1.4vw,19px)!important;line-height:1.65!important;max-width:660px!important}
.subhero .shell{position:relative;z-index:2}
.feature-body h3{font-size:clamp(19px,1.8vw,27px)!important;line-height:1.14!important;letter-spacing:-.035em!important;text-wrap:balance;margin:7px 0!important}
.feature-body p{font-size:13px!important;line-height:1.45!important}
.feature-body .eyebrow{font-size:10px!important}
.feature-body{max-width:calc(100% - 65px)!important}
.detail-hero .display{font-size:clamp(39px,5.3vw,78px)!important;line-height:1.07!important;max-width:18ch!important}
.archive-copy h3{font-size:clamp(17px,1.45vw,22px)!important;line-height:1.24!important;letter-spacing:-.025em!important}
.v46-about-grid,.about-layout{align-items:start!important}
.v46-about-grid figure img,.about-image img{object-fit:cover!important;object-position:center 28%!important}
.section-head .h2,.v46-about-copy .h2{font-size:clamp(33px,3.8vw,58px)!important;line-height:1.08!important}
@media(max-width:750px){
 #page-home .hero-copy .display{font-size:clamp(39px,10vw,58px)!important;max-width:100%!important}
 .subhero.has-image .display,.subhero .display{font-size:clamp(34px,9vw,52px)!important;max-width:100%!important}
 .detail-hero .display{font-size:clamp(34px,9vw,54px)!important}
 .feature-body h3{font-size:23px!important}
 .section-head .h2,.v46-about-copy .h2{font-size:clamp(32px,8.5vw,45px)!important}
}

/* V7 | compacte redactionele beeld- en typehiërarchie */
.section-pad{padding-top:clamp(48px,5vw,78px)!important;padding-bottom:clamp(48px,5vw,78px)!important}
.section-head{align-items:end!important;gap:24px!important;margin-bottom:24px!important}
.section-head .h2,.v46-about-copy .h2{font-size:clamp(28px,2.65vw,42px)!important;line-height:1.12!important;letter-spacing:-.038em!important}
.section-head .lead{font-size:14px!important;line-height:1.55!important;max-width:365px!important}
.work-grid,.v46-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.work-grid .feature,.v46-work-grid .feature{min-height:unset!important;height:310px!important;aspect-ratio:auto!important}
.feature-body{left:20px!important;bottom:20px!important;max-width:calc(100% - 48px)!important}
.feature-body h3{font-size:clamp(17px,1.55vw,23px)!important;line-height:1.18!important;margin:5px 0 5px!important;letter-spacing:-.025em!important}
.feature-body p{font-size:12px!important;line-height:1.4!important}
.feature .roundarrow{transform:scale(.8);transform-origin:bottom right}
.archive-grid{gap:14px!important}
.archive-img{height:188px!important}
.archive-copy{padding:18px!important}
.archive-copy h3{font-size:19px!important;line-height:1.22!important;margin:9px 0!important}
.archive-copy p{font-size:12px!important;line-height:1.5!important}
.archive-copy .role{padding-top:12px!important}
.subhero.has-image .display,.subhero .display{font-size:clamp(34px,3.8vw,56px)!important;max-width:18ch!important;line-height:1.12!important}
.subhero .page-lead{font-size:clamp(14px,1.15vw,17px)!important;max-width:560px!important;line-height:1.55!important}
.detail-hero .display{font-size:clamp(33px,4vw,60px)!important}
#page-home .hero-copy .display{font-size:clamp(40px,4.8vw,72px)!important}
@media(max-width:1050px){.work-grid,.v46-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.work-grid .feature,.v46-work-grid .feature{height:290px!important}}
@media(max-width:700px){.work-grid,.v46-work-grid{grid-template-columns:1fr!important}.work-grid .feature,.v46-work-grid .feature{height:255px!important}.archive-img{height:195px!important}.section-head .h2,.v46-about-copy .h2{font-size:clamp(28px,7vw,36px)!important}.subhero.has-image .display,.subhero .display{font-size:clamp(32px,8vw,44px)!important}.section-head .lead{margin-top:12px!important}.feature-body h3{font-size:21px!important}}

/* V8: the portrait is fully visible, without cutting off the head or hands */
.about-image {height:auto!important;min-height:0!important;max-width:480px!important;overflow:visible!important;background:#111b20!important}
.about-image img {width:100%!important;height:auto!important;object-fit:contain!important;object-position:center top!important;display:block!important}
.v46-about-grid figure {overflow:visible!important;align-self:start!important}
.v46-about-grid figure img {height:auto!important;max-height:580px!important;object-fit:contain!important;object-position:center top!important}
.about-layout {gap:clamp(30px,5vw,78px)!important;align-items:start!important}
.mainnav {gap:clamp(12px,1.45vw,23px)!important}
.mainnav .navlink {font-size:11px!important;white-space:nowrap}
.reviews-subhero {background:linear-gradient(120deg,#0a151b,#17252a)!important;min-height:370px!important}
.reviews-subhero .shell {padding-top:155px!important;padding-bottom:75px!important}
.reviews-subhero .display {font-size:clamp(36px,4vw,58px)!important}
.reviews-page-content {padding-top:65px!important}
.reviews-page-intro {display:grid;grid-template-columns:1fr auto;gap:48px;align-items:start;margin-bottom:28px}
.reviews-page-intro h2 {font-size:clamp(28px,3vw,43px)!important}
.reviews-page-intro p {color:#b9c4c9;max-width:610px;font-size:14px;line-height:1.7}
.reviews-page-grid {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}
.reviews-page-grid .review-card {min-height:255px}
.reviews-page-more {display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 0;margin-top:40px;border-top:1px solid rgba(255,255,255,.16)}
.reviews-page-more h2 {margin:0 0 8px;font-size:26px}.reviews-page-more p {margin:0;color:#afbbc0;max-width:540px;font-size:14px;line-height:1.6}
@media(max-width:1050px){.mainnav{gap:12px!important}.mainnav .navlink{font-size:10px!important}}
@media(max-width:900px){.mainnav{display:none!important}.mobile-menu-btn{display:block!important}.header .header-cta{display:none!important}}
@media(max-width:700px){.about-image {max-width:100%!important}.reviews-page-intro,.reviews-page-grid{display:grid!important;grid-template-columns:1fr!important}.reviews-page-more{display:block}.reviews-page-more .btn{margin-top:24px}}
