/* Atelier: one photographed work scene, three reading positions. */
.atelier-noscript{margin:0;padding:12px 20px;background:var(--nacht-2)}
.atelier-hero{position:relative;display:grid;align-items:end;min-height:min(92svh,920px);background:var(--nacht);isolation:isolate;overflow:hidden}
.atelier-hero__image,.atelier-hero__image::after,.atelier-hero__image img{position:absolute;inset:0;width:100%;height:100%}
.atelier-hero__image{z-index:-1}.atelier-hero__image img{object-fit:cover;object-position:50% 51%;filter:brightness(.72) saturate(.82)}
.atelier-hero__image::after{content:"";background:linear-gradient(90deg,rgba(12,21,17,.86) 0%,rgba(12,21,17,.53) 41%,transparent 75%),linear-gradient(0deg,rgba(12,21,17,.45),transparent 30%)}
.atelier-hero__image-label{position:absolute;bottom:26px;right:var(--gutter);z-index:1;color:#fff;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.atelier-hero__content{width:100%;padding-block:clamp(100px,12vw,170px) clamp(100px,11vw,145px)}
.atelier-hero .kop1{max-width:11ch;font-size:clamp(56px,7.2vw,116px);line-height:.94;letter-spacing:-.065em}
.atelier-hero .intro{max-width:45ch;margin:26px 0 30px;color:var(--wit);font-size:clamp(17px,1.55vw,22px)}
.atelier-scroll{display:inline-flex;align-items:center;gap:22px;min-height:48px;border-bottom:1px solid var(--oker-licht);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}.atelier-scroll span{font-size:24px;font-weight:400}
.atelier-study{padding-block:clamp(78px,10vw,148px)}
.atelier-study__intro{display:grid;gap:16px;margin-bottom:clamp(40px,6vw,78px)}
.atelier-study__intro .kop2{max-width:15ch}.atelier-study__intro>p:last-child{max-width:55ch;margin:0;color:var(--inkt-zacht);font-size:clamp(17px,1.5vw,20px)}
.atelier-study__layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(330px,5fr);gap:clamp(48px,7vw,115px);align-items:start}
.atelier-study__frame{position:sticky;top:calc(var(--kop-h) + 22px);margin:0;min-width:0}
.atelier-study__window{position:relative;height:min(72svh,720px);min-height:540px;overflow:hidden;background:#d9d7d0}
.atelier-study__window img{display:block;width:100%;height:100%;object-fit:cover;object-position:51% 42%;transform-origin:50% 42%}
.atelier-study__frame-no{position:absolute;top:18px;left:18px;padding:8px 10px;background:rgba(18,32,26,.82);color:white;font-size:10px;font-weight:800;letter-spacing:.17em}
.atelier-study__crosshair{position:absolute;z-index:1;left:50%;top:47%;width:clamp(80px,10vw,145px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.68);border-radius:50%;pointer-events:none;opacity:0}
.atelier-study__crosshair::before,.atelier-study__crosshair::after{content:"";position:absolute;background:rgba(255,255,255,.8)}.atelier-study__crosshair::before{width:20px;height:1px;left:50%;top:50%;transform:translate(-50%,-50%)}.atelier-study__crosshair::after{width:1px;height:20px;left:50%;top:50%;transform:translate(-50%,-50%)}
.atelier-study__frame figcaption{padding-top:12px;color:var(--inkt-zacht);font-size:12px;line-height:1.5}
.atelier-study__readings{border-top:1px solid var(--steen-lijn)}
.atelier-reading{display:grid;align-content:center;min-height:clamp(260px,39svh,390px);border-bottom:1px solid var(--steen-lijn)}
.atelier-reading button{display:grid;grid-template-columns:45px minmax(0,1fr) 28px;gap:14px;align-items:start;width:100%;border:0;padding:12px 0;background:transparent;color:var(--inkt);font:inherit;text-align:left;cursor:pointer}
.atelier-reading button:focus-visible{outline:2px solid var(--oker-diep);outline-offset:4px}
.atelier-reading button:disabled{cursor:default}.atelier-reading button:disabled .atelier-reading__arrow{visibility:hidden}
.atelier-reading__no{padding-top:7px;color:var(--oker-diep);font-size:11px;font-weight:800;letter-spacing:.15em}.atelier-reading__title{font:700 clamp(29px,3vw,48px)/1.07 var(--display);letter-spacing:-.045em}.atelier-reading__arrow{padding-top:4px;color:var(--oker-diep);font-size:24px;line-height:1}
.atelier-reading p{max-width:45ch;margin:16px 0 0 59px;color:var(--inkt-zacht);font-size:clamp(15px,1.15vw,18px);line-height:1.6}
.atelier-reading button:not(:disabled)[aria-pressed=true] .atelier-reading__title{color:var(--oker-diep)}
.atelier-piece{padding-block:clamp(85px,10vw,155px)}.atelier-piece__layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(50px,7vw,120px)}
.atelier-piece__copy{display:grid;justify-items:start;gap:22px}.atelier-piece__copy .kop2{max-width:12ch}.atelier-piece__copy p:not(.label){max-width:51ch;margin:0;color:var(--mist);font-size:clamp(16px,1.2vw,19px)}
.atelier-piece__copy p:nth-last-of-type(1){font-size:14px;color:#c2c7bc}
.atelier-piece__link{display:inline-flex;align-items:center;gap:22px;margin-top:13px;min-height:52px;padding:0 0 4px;border-bottom:2px solid var(--oker-licht);color:var(--wit);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.atelier-piece__link span{font-size:25px;font-weight:400}
.atelier-piece__figure{margin:0}.atelier-piece__figure img{display:block;width:100%;max-height:780px;aspect-ratio:4/5;object-fit:cover;object-position:center 42%}.atelier-piece__figure figcaption{margin-top:12px;color:var(--mist);font-size:12px}
.atelier-end{padding-block:clamp(90px,12vw,170px)}.atelier-end__layout{display:flex;align-items:end;justify-content:space-between;gap:55px}.atelier-end .kop2{max-width:15ch;margin:20px 0}.atelier-end p:not(.label){max-width:48ch;margin:0;color:var(--inkt-zacht)}.atelier-end__actions{display:grid;justify-items:start;gap:25px;flex:none}.atelier-end__secondary{min-height:44px;padding-top:10px;color:var(--inkt);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--oker-diep)}
@media(max-width:900px){.atelier-hero{min-height:76svh}.atelier-hero__image::after{background:linear-gradient(0deg,rgba(12,21,17,.84) 0%,rgba(12,21,17,.36) 70%)}.atelier-hero__content{padding-block:140px 85px}.atelier-hero .kop1{font-size:clamp(50px,10vw,80px)}.atelier-study__layout,.atelier-piece__layout{grid-template-columns:1fr;gap:44px}.atelier-study__frame{position:static}.atelier-study__window{height:auto;min-height:0}.atelier-study__window img{height:auto;aspect-ratio:3/4;object-fit:cover}.atelier-study__readings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0}.atelier-reading{min-height:0;padding-top:15px;border-top:1px solid var(--steen-lijn)}.atelier-reading button{grid-template-columns:1fr 28px;gap:3px}.atelier-reading__no{grid-column:1/-1}.atelier-reading__title{font-size:clamp(22px,3vw,34px)}.atelier-reading p{margin:8px 0 0;font-size:14px}.atelier-piece__figure img{max-height:700px;aspect-ratio:4/3;object-position:center 40%}.atelier-end__layout{align-items:start;flex-direction:column}}
@media(max-width:600px){.atelier-hero{min-height:760px}.atelier-hero__image img{object-position:48% 50%}.atelier-hero__image-label{right:var(--gutter);bottom:15px;font-size:9px}.atelier-hero__content{padding-block:130px 100px}.atelier-hero .kop1{font-size:clamp(47px,12vw,64px);max-width:10ch}.atelier-hero .intro{font-size:16px;max-width:36ch}.atelier-study{padding-block:75px}.atelier-study__window img{aspect-ratio:3/4}.atelier-study__readings{grid-template-columns:1fr;gap:0}.atelier-reading{padding-block:20px}.atelier-reading__title{font-size:29px}.atelier-reading p{font-size:15px}.atelier-piece__figure img{aspect-ratio:3/4}.atelier-end__actions{width:100%}.atelier-end__actions .knop{max-width:100%}}
@media(prefers-reduced-motion:reduce){.atelier-study__window img{transform:none!important}.atelier-study__crosshair{display:none}}