:root{
  --ink:#12171b;--paper:#f5efe9;--paper-deep:#e9dfd6;--cyan:#73d8e6;--cyan-deep:#167f91;--blush:#f7d9d7;--orange:#ff794d;--warm:#e9a75e;--muted:#627077;--line:rgba(18,23,27,.16);--display:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);overflow-x:hidden}img,svg{max-width:100%;height:auto}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--cyan-deep)}button,input,textarea,select{font:inherit}.container{max-width:1240px}.eyebrow{font-size:.71rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:.65rem}.eyebrow:before{content:'';width:22px;height:2px;background:var(--orange);display:inline-block}.display{font:clamp(2.35rem,5.4vw,5.75rem)/.9 var(--display);letter-spacing:-.065em}.section-title{font:clamp(2rem,4vw,4rem)/.95 var(--display);letter-spacing:-.045em;margin:0}.section-intro{margin:.85rem 0 0;max-width:40rem;color:#495359}.section{padding:6.2rem 0;position:relative}.section + .section{border-top:1px solid var(--line)}
/* header */
.site-header{position:relative;z-index:10;border-bottom:1px solid var(--line);background:rgba(245,239,233,.94);backdrop-filter:blur(10px)}.navbar{min-height:76px}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:800;letter-spacing:-.035em}.brand img{width:36px;height:36px}.navbar-toggler{min-width:48px;min-height:46px;border-color:var(--ink)!important;border-radius:0}.navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(115,216,230,.55)}.nav-link{font-size:.9rem;font-weight:750;padding:.75rem .85rem!important}.contact-link{display:inline-flex!important;align-items:center;min-height:44px;border-bottom:2px solid var(--orange);padding:.35rem .1rem!important;text-decoration:none}.skip{position:absolute;left:-999px;top:8px;background:var(--cyan);padding:.7rem 1rem;z-index:100}.skip:focus{left:8px}
/* hero */
.hero{position:relative;padding:2.3rem 0 5.3rem;background:var(--ink);color:var(--paper);overflow:hidden}.hero:after{content:'';position:absolute;right:-12vw;bottom:-28vw;width:60vw;height:60vw;border:1px solid rgba(115,216,230,.35);border-radius:50%;pointer-events:none}.hero-copy{position:relative;z-index:2;padding:2.9rem 0 1.3rem}.hero .eyebrow{color:var(--cyan)}.hero .display{max-width:10ch}.hero-lede{max-width:32rem;margin:1.6rem 0 0;color:#d0dcdd;font-size:1.05rem}.hero-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1.7rem}.btn-studio{min-height:46px;display:inline-flex;align-items:center;justify-content:center;background:var(--cyan);color:var(--ink);font-weight:800;border:1px solid var(--cyan);border-radius:0;padding:.68rem 1.15rem;text-decoration:none}.btn-studio:hover{background:var(--blush);border-color:var(--blush);color:var(--ink)}.btn-outline-studio{background:transparent;color:var(--paper);border-color:rgba(245,239,233,.7)}.filmstrip{position:relative;z-index:1;height:530px;min-width:0}.film{position:absolute;overflow:hidden;border:9px solid var(--paper);box-shadow:0 14px 24px rgba(0,0,0,.34);background:#333}.film img{width:100%;height:100%;object-fit:cover;display:block}.film:after{content:'';position:absolute;inset:0;border:1px solid rgba(18,23,27,.25);pointer-events:none}.film-a{width:56%;height:68%;left:0;top:8%;transform:rotate(-4deg)}.film-b{width:48%;height:54%;right:2%;top:0;transform:rotate(5deg);z-index:2}.film-c{width:45%;height:47%;right:7%;bottom:1%;transform:rotate(-3deg);z-index:3}.film-label{position:absolute;left:5%;bottom:6%;z-index:4;background:var(--orange);color:var(--ink);font-size:.76rem;font-weight:850;padding:.55rem .8rem;transform:rotate(-3deg)}
/* editorial intro */
.editorial-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(2rem,7vw,8rem);align-items:center}.offset-photo{position:relative;margin-left:auto;width:min(100%,570px)}.offset-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.offset-photo:before{content:'kijk · kies · kader';position:absolute;left:-1.3rem;bottom:-1.3rem;background:var(--cyan);padding:1.25rem 1.1rem;font-size:.77rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase;writing-mode:vertical-rl;z-index:1}.pullquote{border-left:5px solid var(--orange);padding:.2rem 0 .2rem 1.3rem;font:clamp(1.28rem,2vw,1.8rem)/1.2 var(--display);max-width:32rem;margin:2.1rem 0 0}.detail-line{margin-top:1.8rem;border-top:1px solid var(--line);padding-top:1rem;display:flex;gap:1.2rem;flex-wrap:wrap;font-size:.86rem;font-weight:750}.detail-line span{display:flex;align-items:center;gap:.35rem}
/* method tabs */
.method{background:var(--blush)}.method-head{display:flex;align-items:end;justify-content:space-between;gap:2rem}.method-tabs{gap:.55rem;border:0;margin-top:2rem}.method-tabs .nav-link{min-height:48px;border:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);padding:.62rem .95rem!important}.method-tabs .nav-link.active{background:var(--ink);color:var(--paper)}.method-panel{padding:2.6rem 0 0}.method-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:2.8rem;align-items:center}.method-list{list-style:none;padding:0;margin:1.4rem 0 0;counter-reset:steps}.method-list li{counter-increment:steps;border-top:1px solid var(--line);padding:1.05rem 0 1.05rem 3.25rem;position:relative;font-weight:650}.method-list li:before{content:'0' counter(steps);position:absolute;left:0;top:1.05rem;color:var(--orange);font:1.6rem var(--display)}.method-visual{position:relative}.method-visual img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.method-visual figcaption{position:absolute;right:0;bottom:0;background:var(--ink);color:var(--paper);padding:.75rem 1rem;font-size:.8rem}
/* atlas */
.atlas-head{display:grid;grid-template-columns:1.25fr .75fr;gap:2.5rem;align-items:end;margin-bottom:2.6rem}.atlas-ribbon{display:grid;grid-template-columns:1fr 1.35fr .78fr;gap:1.2rem;align-items:end}.atlas-ribbon figure{margin:0;position:relative;min-width:0}.atlas-ribbon img{width:100%;object-fit:cover;display:block}.atlas-ribbon figure:nth-child(1) img{height:245px}.atlas-ribbon figure:nth-child(2) img{height:430px}.atlas-ribbon figure:nth-child(3) img{height:285px}.atlas-ribbon figcaption{font-size:.8rem;font-weight:750;padding-top:.7rem;display:flex;justify-content:space-between;gap:.5rem}.tape{position:absolute;width:70px;height:21px;background:rgba(247,217,215,.85);top:-10px;left:14%;transform:rotate(-6deg)}
/* ladder */
.ladder{background:var(--ink);color:var(--paper);overflow:hidden}.ladder .section-intro{color:#cbd3d4}.ladder-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:start}.ladder-image{position:sticky;top:1rem}.ladder-image img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.ladder-steps{margin-top:1.1rem}.ladder-step{display:grid;grid-template-columns:70px 1fr;gap:1rem;border-top:1px solid rgba(245,239,233,.3);padding:1.25rem 0}.ladder-step:last-child{border-bottom:1px solid rgba(245,239,233,.3)}.ladder-step b{color:var(--cyan);font:1.55rem var(--display)}.ladder-step h3{font-size:1.05rem;margin:0 0 .28rem;font-weight:800}.ladder-step p{color:#cbd3d4;margin:0;max-width:37rem}.ladder-sticker{display:inline-block;background:var(--orange);color:var(--ink);padding:.5rem .75rem;font-size:.75rem;font-weight:850;transform:rotate(-2deg);margin-top:1.5rem}
/* outputs */
.outputs-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:2.2rem;align-items:start}.output-main{position:relative}.output-main img{width:100%;height:440px;object-fit:cover;display:block}.output-main .caption-block{position:absolute;left:1.2rem;bottom:1.2rem;max-width:260px;background:var(--paper);padding:1rem}.caption-block b{display:block;font-family:var(--display);font-size:1.35rem;line-height:1.05;margin-bottom:.3rem}.caption-block p{margin:0;font-size:.83rem}.output-stack{display:grid;gap:1.2rem}.output-mini{display:grid;grid-template-columns:45% 1fr;gap:1rem;align-items:center;border-top:1px solid var(--line);padding-top:1.2rem}.output-mini img{width:100%;height:144px;object-fit:cover}.output-mini h3{font:1.6rem/.98 var(--display);margin:0 0 .4rem}.output-mini p{font-size:.88rem;margin:0;color:#4b575b}
/* reference */
.reference{background:var(--paper-deep)}.reference-top{display:flex;justify-content:space-between;align-items:end;gap:2rem;flex-wrap:wrap}.filter-group{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{min-height:44px;border:1px solid var(--ink);background:transparent;padding:.5rem .8rem;font-weight:800;font-size:.82rem}.filter-btn.active,.filter-btn:hover{background:var(--ink);color:var(--paper)}.reference-deck{display:grid;grid-template-columns:1.2fr .9fr 1.1fr .8fr;gap:1rem;margin-top:2rem}.reference-card{min-width:0;padding:1.25rem;border-top:6px solid var(--cyan);background:var(--paper);transition:transform .2s}.reference-card:nth-child(2){border-color:var(--orange);margin-top:1.8rem}.reference-card:nth-child(3){border-color:var(--ink);margin-top:.65rem}.reference-card:nth-child(4){border-color:#b96e80;margin-top:2.6rem}.reference-card:hover{transform:translateY(-5px)}.reference-card h3{font:1.5rem/1 var(--display);margin:1.45rem 0 .55rem}.reference-card p{font-size:.87rem;margin:0;color:#4c565a}.reference-card small{font-weight:800;text-transform:uppercase;letter-spacing:.08em}.reference-card.is-hidden{display:none}
/* checklist */
.checklist-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem}.checklist-side{background:var(--cyan);padding:2rem;align-self:start}.checklist-side p{margin-bottom:1.4rem}.progress-copy{font:clamp(3rem,6vw,5rem)/.8 var(--display);letter-spacing:-.07em}.checklist{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.check-item{display:grid;grid-template-columns:36px 1fr;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--line);align-items:start}.check-item input{width:26px;height:26px;margin:.05rem 0 0;accent-color:var(--orange)}.check-item label{font-weight:750;cursor:pointer}.check-item small{display:block;color:#586267;margin-top:.18rem}.clear-checks{min-height:44px;margin-top:1.25rem;border:1px solid var(--ink);background:transparent;font-weight:800;padding:.5rem .9rem}
/* critique */
.critique{background:var(--blush)}.critique-wrap{display:grid;grid-template-columns:1fr 1.25fr;gap:3rem;align-items:center}.critique-photo{position:relative}.critique-photo img{display:block;width:100%;height:440px;object-fit:cover}.critique-photo:after{content:'stil kijken';position:absolute;right:-.8rem;top:1.2rem;background:var(--ink);color:var(--paper);padding:.65rem .85rem;writing-mode:vertical-rl;font-size:.73rem;letter-spacing:.1em;text-transform:uppercase}.critique-rules{counter-reset:rules}.critique-rule{counter-increment:rules;display:grid;grid-template-columns:55px 1fr;gap:1rem;border-bottom:1px solid var(--line);padding:1rem 0}.critique-rule:before{content:counter(rules);font:2rem var(--display);color:var(--orange)}.critique-rule h3{font-size:1.03rem;margin:0 0 .2rem}.critique-rule p{margin:0;color:#505a5d;font-size:.9rem}
/* faq */
.faq-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:3rem}.accordion{--bs-accordion-border-color:var(--line);--bs-accordion-btn-bg:transparent;--bs-accordion-active-bg:var(--cyan);--bs-accordion-active-color:var(--ink);--bs-accordion-btn-focus-box-shadow:0 0 0 .2rem rgba(115,216,230,.5);--bs-accordion-border-radius:0}.accordion-button{font-weight:800;min-height:58px;padding:1rem}.accordion-body{padding:1.05rem 1.15rem 1.35rem;color:#445055}.faq-note{border:1px solid var(--ink);padding:1.3rem;margin-top:1.5rem;font-size:.88rem}.faq-note b{display:block;margin-bottom:.25rem}
/* notes */
.notes{background:var(--ink);color:var(--paper)}.note-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem}.notes .section-intro{color:#c7d1d2}.note-form{background:var(--paper);color:var(--ink);padding:1.7rem}.form-label{font-size:.86rem;font-weight:800}.form-control{border-radius:0;border-color:#70787b;min-height:48px;font-size:16px}.form-control:focus{box-shadow:0 0 0 .2rem rgba(115,216,230,.55);border-color:var(--cyan-deep)}textarea.form-control{min-height:125px}.form-check-input{width:1.2em;height:1.2em;min-width:1.2em}.form-check-label{font-size:.85rem}.form-message{display:none;margin-top:1rem;padding:.8rem;font-size:.9rem}.form-message.success{background:#d9f5ed;border-left:4px solid #15805b}.form-message.error{background:#f9d7d0;border-left:4px solid #c54120}.form-message.show{display:block}.note-rule{border-top:1px solid rgba(245,239,233,.25);padding-top:1rem;margin-top:1rem;font-size:.86rem;color:#c7d1d2}
/* footer */
.site-footer{background:#090c0e;color:var(--paper);padding:3rem 0 1.6rem}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr .7fr;gap:2.5rem}.footer-title{font:1.8rem var(--display);margin:0 0 .6rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li+li{margin-top:.6rem}.footer-links a{font-size:.89rem}.footer-contact{display:inline-flex;align-items:center;min-height:44px;color:var(--cyan);font-weight:800}.footer-bottom{margin-top:2rem;padding-top:1.25rem;border-top:1px solid rgba(245,239,233,.18);font-size:.75rem;color:#aab5b6;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
/* local standalone note / legal */
.page-hero{background:var(--ink);color:var(--paper);padding:5rem 0}.page-hero .display{max-width:15ch}.page-content{padding:4.5rem 0;max-width:850px}.page-content h2{font:2rem var(--display);margin:2.4rem 0 .6rem}.page-content p,.page-content li{color:#485257}.page-content ul{padding-left:1.15rem}.not-found{min-height:56vh;display:grid;place-items:center;text-align:center}.not-found .display{font-size:clamp(4.5rem,16vw,12rem)}
.container{padding-left:20px!important;padding-right:20px!important}.hero .row{--bs-gutter-x:0!important}.ladder-step h3{margin-bottom:.9rem}.output-mini h3{margin-bottom:.9rem}.critique-rule h3{margin-bottom:.9rem}
@media(max-width:1199px){.filmstrip{height:470px}.section{padding:5rem 0}.output-main img{height:390px}}
@media(max-width:991px){.navbar-collapse{padding:1rem 0 1.1rem}.navbar-nav{gap:.2rem}.hero{padding-bottom:3.8rem}.hero-copy{padding-top:1rem}.filmstrip{height:420px;margin-top:1.2rem}.editorial-grid,.method-layout,.ladder-grid,.outputs-layout,.checklist-layout,.critique-wrap,.faq-wrap,.note-grid{grid-template-columns:1fr;gap:2.2rem}.method-head,.atlas-head{display:block}.method-head .section-intro,.atlas-head .section-intro{margin-bottom:1rem}.ladder-image{position:static;max-width:520px}.ladder-image img{aspect-ratio:16/9}.output-main img{height:auto;aspect-ratio:16/10}.output-stack{grid-template-columns:1fr 1fr;gap:1rem}.output-mini{display:block}.output-mini img{height:170px;margin-bottom:.9rem}.reference-deck{grid-template-columns:1fr 1fr}.reference-card:nth-child(n){margin-top:0}.critique-photo{max-width:600px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:767px){.section{padding:4rem 0}.display{font-size:clamp(2.5rem,13vw,4.2rem)}.hero-copy{padding-top:.4rem}.filmstrip{height:370px}.film-a{width:62%}.film-b{width:51%;right:0}.film-c{width:48%;right:4%}.offset-photo{margin-left:0}.offset-photo:before{left:.5rem;bottom:.5rem;writing-mode:horizontal-tb;padding:.55rem .7rem}.atlas-ribbon{grid-template-columns:1fr 1fr;gap:.8rem}.atlas-ribbon figure:nth-child(1){grid-row:span 2}.atlas-ribbon figure:nth-child(1) img{height:100%}.atlas-ribbon figure:nth-child(2) img,.atlas-ribbon figure:nth-child(3) img{height:175px}.reference-deck{grid-template-columns:1fr 1fr;gap:.8rem}.reference-card{padding:1rem}.reference-card h3{font-size:1.25rem}.output-stack{grid-template-columns:1fr}.output-mini{display:grid;grid-template-columns:42% 1fr}.output-mini img{height:110px;margin:0}.checklist-side{padding:1.5rem}.note-form{padding:1.25rem}.footer-grid{grid-template-columns:1fr;gap:1.8rem}.footer-grid>div:first-child{grid-column:auto}}
@media(max-width:575px){.container{padding-left:1.05rem;padding-right:1.05rem}.navbar{min-height:68px}.brand img{width:33px;height:33px}.hero{padding-top:1.4rem}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions a{width:100%}.filmstrip{height:290px}.film{border-width:6px}.film-label{font-size:.65rem;bottom:3%}.section-title{font-size:clamp(1.95rem,10vw,2.75rem)}.atlas-ribbon{display:block}.atlas-ribbon figure{margin-bottom:1.3rem}.atlas-ribbon figure:nth-child(n) img{height:auto;aspect-ratio:16/10}.ladder-step{grid-template-columns:46px 1fr}.reference-deck{grid-template-columns:1fr}.reference-card:nth-child(n){margin-top:0}.output-mini{display:block}.output-mini img{width:100%;height:auto;aspect-ratio:16/9;margin-bottom:.8rem}.faq-wrap{gap:1.6rem}.page-hero{padding:3.5rem 0}.page-content{padding:3rem 0}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:.35rem}}