/* Full-bleed film, quiet typography and original editorial style studies. */
.studio-hero{position:relative;isolation:isolate;min-height:710px;min-height:min(820px,calc(100svh - 84px));display:flex;align-items:center;padding:104px 0 122px;background:#12151b;color:#fff;overflow:hidden}
.studio-hero .studio-film{position:absolute;inset:0;z-index:0;pointer-events:none;width:100%;height:100%;margin:0;border:0;border-radius:0}
.studio-hero .studio-film:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#101319f5 0%,#101319e8 28%,#101319a3 58%,#10131921 100%),linear-gradient(0deg,#1013199c,transparent 40%);pointer-events:none}
.studio-copy{position:relative;max-width:830px}
.studio-hero .eyebrow{color:#ffc199;font-size:.8rem;letter-spacing:.12em;margin-bottom:25px}
.studio-hero h1{font-size:clamp(3.2rem,6.2vw,5.8rem);line-height:1.02;letter-spacing:-.055em;max-width:780px;margin:0 0 28px}
.studio-hero h1 em{font-style:normal;color:#ffab70}
.studio-hero .hero-lead{max-width:520px;font-size:1.2rem;line-height:1.65;color:#f0f1f3;margin-bottom:30px}
.studio-hero .button-row{gap:15px}.studio-hero .button.outline{color:white;border-color:#b2b5ba;background:#12151b80}
.studio-hero .microtrust{color:#d3d6dc;font-size:.85rem;margin-top:24px;max-width:510px}
.studio-film{position:relative;overflow:hidden;min-height:260px;aspect-ratio:16/9;background:#151a22 url('/assets/studio-reel-poster-v6.webp') center/cover;border-radius:22px;margin:0}
.studio-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.studio-video-layer{position:absolute;inset:0;opacity:0;z-index:0}
.studio-video-layer.is-current{opacity:1}
.studio-video-layer.is-entering{z-index:1}
.studio-film:after{z-index:2}
.studio-film-caption{position:absolute;inset:auto 24px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff;font-size:.75rem;text-shadow:0 1px 8px #000}
.studio-hero .studio-film-caption{inset:auto max(24px,calc((100vw - 1160px)/2)) 25px}
.studio-video-control{border:1px solid #ffffff70;background:#101319d9;backdrop-filter:blur(8px);color:#fff;padding:10px 17px;border-radius:99px;font:600 .8rem/1.4 system-ui;cursor:pointer;min-height:44px;text-shadow:none}
.studio-video-control:hover{background:#222934}.studio-video-control:focus-visible{outline:3px solid #ffb782;outline-offset:4px}
/* The overlay lives inside the film; text and controls remain above it. */
.studio-hero .studio-film-caption{z-index:3;pointer-events:none}.studio-hero .studio-video-control{pointer-events:auto}.studio-hero .wrap{position:relative;z-index:1;pointer-events:none}.studio-hero .wrap a{pointer-events:auto}
.studio-heading-row{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.studio-heading-row h2{max-width:680px}.studio-heading-row p{max-width:620px;color:var(--muted)}
.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.style-card{min-width:0}.style-card>a{display:block;color:inherit;text-decoration:none}.style-card h3{margin:20px 0 8px;font-size:1.4rem}.style-card p{color:var(--muted);margin:0 0 15px;font-size:.94rem}.style-card .text-link{font-size:.9rem}
.style-visual{aspect-ratio:1.18;padding:25px 23px;border:1px solid #ddd8d0;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}
.style-visual small{display:block;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.style-visual .style-nav{display:flex;justify-content:space-between;align-items:center;font-size:10px;border-bottom:1px solid currentColor;padding-bottom:13px;margin-bottom:22px}.style-visual .style-nav b{font-size:13px;letter-spacing:-.03em}.style-visual strong{display:block;font-size:clamp(25px,2.2vw,36px);line-height:1.04;letter-spacing:-.055em;font-weight:600;position:relative;z-index:1}.style-visual .style-pill{display:inline-block;border:1px solid currentColor;border-radius:99px;font-size:8px;padding:6px 10px;margin-top:14px}
.style-architecture{background:#eeeee6;color:#243b37}.style-architecture strong{font-family:Georgia,serif;font-weight:400}.style-building{position:absolute;width:47%;height:57%;right:-3%;bottom:0;background:linear-gradient(90deg,#a9b1a2 2%,#d5d3bd 3%,#d5d3bd 31%,#7a8a7a 32%,#344a40 34%,#344a40 40%,#b7bcab 41%,#dedcca 42%,#dedcca 70%,#7c8a78 71%);clip-path:polygon(20% 22%,80% 0,100% 8%,100% 100%,0 100%,0 34%);box-shadow:-20px 0 0 #b7c0b0;transform:skewY(-5deg)}
.style-craft{background:#f4ddce;color:#522c20}.style-craft .style-nav{margin-bottom:19px}.style-craft strong{font-family:Georgia,serif;font-style:italic;max-width:63%}.style-vase{position:absolute;right:7%;bottom:8%;height:53%;width:33%;border-radius:32% 32% 45% 45%;background:radial-gradient(ellipse at 30% 30%,#e0aa7f,#bb7652 55%,#894b33);box-shadow:17px 14px 24px #6f341738;transform:rotate(-9deg)}.style-vase:before{content:'';position:absolute;left:29%;top:-16%;height:23%;width:44%;background:linear-gradient(90deg,#ae6945,#d79b70);border-radius:8px 8px 25% 25%}.style-vase:after{content:'';position:absolute;left:29%;top:-18%;width:44%;height:8%;background:#673924;border:4px solid #cc9067;border-radius:50%}
.style-bold{background:#c4f04d;color:#19251c}.style-bold strong{font-size:clamp(28px,2.25vw,36px);text-transform:uppercase;font-weight:900;max-width:70%}.style-bold .style-pill{border-radius:0;background:#19251c;color:#c4f04d}.style-spark{position:absolute;right:-6%;bottom:-9%;width:65%;height:65%;border:25px solid #243d2d;border-radius:50%;transform:rotate(-25deg)}.style-spark:before{content:'';position:absolute;inset:20%;border:12px solid #243d2d;border-radius:50%}
.style-disclaimer{font-size:.85rem;color:var(--muted);margin-top:28px;max-width:800px}.style-card>a:hover .style-visual{transform:translateY(-5px);box-shadow:0 18px 35px #1a201414}
.studio-process{background:#171b21;color:#fff}.studio-process .eyebrow{color:#ffb782}.studio-process .studio-heading-row p{color:#d2d7de}.studio-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:0;margin:0}.studio-steps li{border-top:1px solid #ffffff40;padding-top:22px}.studio-steps .step-number{font-size:.85rem;color:#ffb782;display:block;margin-bottom:32px}.studio-steps h3{font-size:1.2rem;letter-spacing:-.02em}.studio-steps p{color:#c6cbd3;font-size:.94rem}.studio-process .text-link{display:inline-block;margin-top:25px;color:#ffb782}
.studio-faq .faq-list{display:block;max-width:850px;margin:auto}.studio-faq details.faq{border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:0 0 0;background:transparent;margin:0;transform:none}.studio-faq summary{font-weight:700;font-size:1.1rem;padding:24px 40px 24px 0;cursor:pointer;position:relative;list-style:none}.studio-faq summary::-webkit-details-marker{display:none}.studio-faq summary:after{content:'+';position:absolute;right:5px;top:21px;font-size:1.4rem;font-weight:400;color:var(--orange-dark)}.studio-faq details[open]>summary:after{content:'−'}.studio-faq details>p{margin:0;padding:0 35px 24px 0;color:var(--muted);max-width:760px}.studio-faq .section-head{margin-inline:auto;max-width:850px}
.style-detail-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:70px}.style-detail-grid .style-visual{max-width:640px;aspect-ratio:1.15;padding:35px}.style-detail-grid .style-visual strong{font-size:clamp(40px,4vw,54px)}.style-detail-grid .style-visual small{font-size:10px}.style-detail-grid .style-visual .style-nav b{font-size:18px}.style-detail-grid p{color:var(--muted)}
@media(min-width:1500px){.studio-hero .wrap{width:min(1320px,calc(100% - 100px))}.studio-hero .studio-film-caption{inset:auto max(50px,calc((100vw - 1320px)/2)) 25px}}
@media(max-width:900px){.studio-hero{padding:100px 0 115px;min-height:700px}.studio-hero .studio-film:after{background:linear-gradient(90deg,#101319ef,#101319c7 62%,#10131973)}.style-grid{gap:18px}.style-visual{padding:19px 16px}.studio-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.style-detail-grid{gap:35px}.studio-heading-row{align-items:start;flex-direction:column;gap:10px}}
@media(max-width:700px){.studio-hero{min-height:680px;min-height:min(790px,calc(100svh - 76px));padding:68px 0 104px}.studio-hero h1{font-size:clamp(2.85rem,10.3vw,4.2rem);max-width:570px}.studio-hero .hero-lead{font-size:1.05rem;max-width:450px}.studio-hero .eyebrow{font-size:.72rem;letter-spacing:.055em;margin-bottom:20px}.studio-hero .studio-film:after{background:linear-gradient(90deg,#101319ed,#101319bf),linear-gradient(0deg,#1013199e,transparent)}.studio-hero .button-row .button{width:auto;min-height:48px;font-size:.9rem;padding:12px 17px}.studio-hero .microtrust{font-size:.8rem;max-width:350px}.studio-film-caption{inset:auto 18px 15px;gap:10px}.studio-hero .studio-film-caption{inset:auto 18px 16px}.studio-film-caption>span{font-size:.65rem}.studio-video-control{font-size:.72rem;padding:9px 12px}.studio-video{object-position:60% center}.style-grid,.style-detail-grid{grid-template-columns:1fr;gap:30px}.style-visual{aspect-ratio:1.1;padding:25px}.style-visual strong{font-size:36px}.style-card h3{margin-top:16px}.studio-steps{gap:25px 20px}.studio-steps .step-number{margin-bottom:20px}.studio-steps h3{font-size:1.08rem}.studio-steps p{font-size:.88rem}.style-detail-grid .style-visual{padding:25px}.style-detail-grid .style-visual strong{font-size:40px}.studio-faq summary{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.style-visual{transition:none}.style-card>a:hover .style-visual{transform:none}}
@media print{.studio-hero{min-height:0;padding:40px 0;background:white;color:#17191e}.studio-hero .studio-film,.studio-hero .studio-film:after{display:none}.studio-hero .hero-lead,.studio-hero .microtrust{color:#333}}

/* V19-16: code and web design form a recurring, full-width part of the site. */
.studio-hero{min-height:820px;min-height:min(940px,calc(100svh - 70px));padding-block:115px 130px}
.studio-hero .studio-copy{max-width:670px}.studio-hero h1{max-width:650px;font-size:clamp(3.2rem,5.5vw,5.4rem)}
.studio-hero .studio-film:after{background:linear-gradient(90deg,#101319f2 0%,#101319df 23%,#10131991 46%,#10131916 73%),linear-gradient(0deg,#101319bb,transparent 28%)}
.studio-hero .studio-video{object-position:70% center}
.studio-page-hero{position:relative;isolation:isolate;overflow:hidden;background:#121921!important;color:white!important;min-height:560px;display:flex;align-items:center;padding-block:90px 100px!important}
.studio-page-hero>.studio-film{position:absolute;inset:0;width:100%;height:100%;border-radius:0;aspect-ratio:auto;min-height:0;z-index:-1}
.studio-page-hero>.studio-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10171ef5 0%,#10171edf 30%,#10171e84 60%,#10171e22)}
.studio-page-hero>.wrap{position:relative;z-index:1;pointer-events:none}.studio-page-hero>.wrap a{pointer-events:auto}
.studio-page-hero h1{color:#fff;max-width:760px;font-size:clamp(2.8rem,5vw,5rem);line-height:1.05;letter-spacing:-.045em}.studio-page-hero p{color:#e1e6eb;max-width:620px}.studio-page-hero .eyebrow,.studio-page-hero .crumb,.studio-page-hero .crumb a{color:#ffc194}.studio-page-hero .studio-film-caption{z-index:3;inset:auto max(24px,calc((100vw - 1160px)/2)) 20px}
.studio-wide-banner{position:relative;isolation:isolate;min-height:580px;min-height:clamp(440px,45vw,740px);overflow:hidden;background:#161c25;color:#fff}
.studio-wide-banner>.studio-film{position:absolute;inset:0;height:100%;width:100%;aspect-ratio:auto;min-height:0;border-radius:0}
.studio-wide-banner .studio-video{object-position:60% center}.studio-wide-banner>.studio-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0e151ddd,#0e151d73 37%,#0e151d0a 75%),linear-gradient(0deg,#0e151dbb,transparent 45%);pointer-events:none}
.studio-banner-copy{position:relative;padding:clamp(50px,8vw,130px) max(24px,calc((100vw - 1160px)/2));pointer-events:none;max-width:100%}.studio-banner-copy>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#ffc39d}.studio-banner-copy>p{font-size:clamp(2.8rem,5vw,5rem);font-weight:600;line-height:1.05;letter-spacing:-.05em;margin:28px 0}.studio-banner-copy>a{display:inline-block;color:#fff;text-decoration:none;border-bottom:1px solid #fff8;padding-block:7px;pointer-events:auto;font-size:.9rem}.studio-wide-banner .studio-film-caption{z-index:3;inset:auto max(24px,calc((100vw - 1160px)/2)) 20px}.studio-wide-banner-compact{min-height:330px}.studio-wide-banner-compact .studio-banner-copy{padding-block:45px 85px}.studio-wide-banner-compact .studio-banner-copy>p{font-size:2.5rem;margin:15px 0}.studio-wide-banner-compact .studio-banner-copy>span{font-size:.65rem}
.beheer-summary{background:#efe9df}.beheer-summary>.wrap{max-width:1000px}.beheer-summary h2{font-size:clamp(2.4rem,4.2vw,4.2rem);letter-spacing:-.045em;line-height:1.08;max-width:790px}.beheer-summary p{max-width:740px}.beheer-price{font-size:clamp(3rem,5vw,4.5rem);font-weight:600;letter-spacing:-.05em;margin:25px 0}.beheer-price small{display:block;font-size:.9rem;font-weight:400;letter-spacing:0}.policy-model{padding:20px;border-left:3px solid #ae602d;background:#fbf2e6}.policy-table{overflow-x:auto;margin:25px 0}.policy-table table{border-collapse:collapse;min-width:600px}.policy-table th,.policy-table td{padding:14px;border:1px solid #d3d5cf;text-align:left;vertical-align:top;font-size:.85rem}.policy-document h1{font-size:2rem}.policy-document-list{list-style:none;padding:0}.policy-document-list>li{border-top:1px solid #d4d5d0;padding:25px 0}.policy-document-list h2{font-size:1.5rem}
@media(max-width:1000px){.studio-hero{min-height:760px}.studio-page-hero{min-height:520px}.studio-page-hero .studio-film:after{background:linear-gradient(90deg,#10171ef2,#10171ec4 55%,#10171e55)}.studio-banner-copy{padding-inline:30px}.studio-hero .studio-film:after{background:linear-gradient(90deg,#101319ef,#101319c5 50%,#10131958)}}
@media(max-width:700px){.studio-hero{min-height:760px;min-height:min(860px,calc(100svh - 60px));padding:65px 0 110px}.studio-hero h1{font-size:clamp(2.85rem,10vw,4.2rem)}.studio-hero .studio-film:after{background:linear-gradient(90deg,#101319ed,#101319b5 70%,#10131986)}.studio-page-hero{min-height:530px;padding-block:65px 100px!important}.studio-page-hero h1{font-size:clamp(2.5rem,9vw,3.5rem)}.studio-page-hero p{font-size:1rem}.studio-page-hero .studio-video{object-position:65% center}.studio-page-hero .studio-film-caption{inset:auto 18px 16px}.studio-wide-banner{min-height:540px}.studio-wide-banner .studio-video{object-position:69% center}.studio-banner-copy{padding:85px 24px 110px}.studio-banner-copy>span{font-size:.65rem;max-width:230px;display:block}.studio-wide-banner>.studio-film:after{background:linear-gradient(90deg,#0e151ddb,#0e151d74 75%),linear-gradient(0deg,#0e151d8c,transparent 70%)}.studio-wide-banner .studio-film-caption{inset:auto 18px 16px}.studio-wide-banner-compact{min-height:350px}.studio-wide-banner-compact .studio-banner-copy{padding-top:45px}.beheer-summary .button-row{align-items:flex-start;gap:16px;flex-direction:column}}
/* Keep footer copy readable over every video frame, including bright clips. */
.studio-wide-banner{display:flow-root}
.studio-wide-banner>.studio-film{z-index:0}
.studio-wide-banner .studio-banner-copy{z-index:1;width:min(620px,calc(100% - 48px));margin:clamp(32px,6vw,80px) 24px 96px max(24px,calc((100vw - 1160px)/2));padding:clamp(28px,4vw,56px);background:#fffaf5;color:#17191e;border-left:3px solid var(--orange);text-shadow:none}
.studio-wide-banner .studio-banner-copy :is(span,p,a){color:#17191e}
.studio-wide-banner .studio-banner-copy>a{border-bottom-color:var(--orange)}
.studio-film-caption>span{padding:8px 12px;background:#17191e;color:#fff;border-radius:4px;text-shadow:none}
@media print{.studio-page-hero{min-height:0;color:#222!important;background:white!important;padding-block:20px!important}.studio-page-hero>.studio-film,.studio-wide-banner{display:none}.studio-page-hero h1,.studio-page-hero p{color:#222}}