@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@1,500&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#10110f;color:#f1efe8;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #2b2d29}.brand{font-size:22px;font-weight:600;letter-spacing:.18em}.brand span{color:#b6c58a}nav{display:flex;gap:32px;color:#aaa99f;font-size:14px}nav a:hover,nav .active{color:#fff}.hero{min-height:680px;display:grid;grid-template-columns:1.08fr .92fr}.hero-art{min-height:600px;background:linear-gradient(145deg,transparent 30%,rgba(0,0,0,.15)),radial-gradient(circle at 30% 35%,#d2d0b6 0 4%,#69715d 5% 14%,#29322c 15% 34%,#171a16 35% 60%,#0d0e0c 61%);filter:saturate(.7)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:8vw}.eyebrow{color:#b6c58a;font-size:11px;letter-spacing:.2em;font-weight:600}.hero h1,.page h1{font-size:clamp(56px,7vw,105px);line-height:.88;letter-spacing:-.05em;margin:25px 0 35px}.hero h1 em{font-family:'Playfair Display',serif;font-weight:500;color:#c9c6bc}.hero-copy>p:not(.eyebrow),.lead{max-width:520px;color:#aaa99f;line-height:1.8}.actions{display:flex;align-items:center;gap:30px;margin-top:35px}.button{background:#e9e7de;color:#111;padding:15px 22px;font-weight:600}.textlink{font-size:14px}.intro,.page{padding:100px 8vw;max-width:1500px;margin:auto}.intro>p{color:#6e7068;font-size:11px;letter-spacing:.2em}.intro>h2{font-size:clamp(36px,4vw,60px);font-weight:400;letter-spacing:-.04em}.cards{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#30312e;margin-top:60px}.cards a{background:#151613;padding:45px;min-height:260px}.cards small,.articles span{color:#b6c58a;letter-spacing:.16em}.cards h3{font-size:35px;margin:25px 0 10px}.cards p,.articles p{color:#96978f;line-height:1.7;max-width:500px}.cards b{display:block;margin-top:30px;font-size:13px}.page{min-height:750px}.page h1{margin-top:30px}.lead{font-size:18px}.articles{margin-top:80px;border-top:1px solid #333}.articles article{display:grid;grid-template-columns:150px 1fr 1.3fr;gap:30px;padding:35px 0;border-bottom:1px solid #333;align-items:start}.articles h2{margin:0;font-size:25px;font-weight:500}.articles p{margin:0}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 24px;margin-top:70px}.gallery figure{margin:0}.gallery figure>div{height:420px;background:#333}.g1 div{background:linear-gradient(170deg,#8e9484,#242b27 55%,#151612)!important}.g2 div{background:linear-gradient(35deg,#161916,#56574e 52%,#c5b99e)!important}.g3 div{background:radial-gradient(circle at 60% 40%,#9da881,#3d4a39 30%,#151813 70%)!important}.g4 div{background:linear-gradient(120deg,#b9b7ab 0 30%,#3d403b 30% 48%,#171916 48%)!important}figcaption{display:flex;justify-content:space-between;padding-top:15px}figcaption span{color:#777}.uploadnote{margin-top:80px;border:1px solid #353631;padding:30px;color:#aaa}.uploadnote b{color:#eee}.uploadnote code{color:#cbd6aa}footer{display:flex;justify-content:space-between;padding:35px 6vw;border-top:1px solid #2b2d29;color:#73756e;font-size:12px}footer b{color:#ddd;letter-spacing:.15em}@media(max-width:800px){header{padding:0 5vw}nav{gap:18px}.hero{grid-template-columns:1fr}.hero-art{min-height:52vh}.hero-copy{padding:70px 7vw}.cards,.gallery{grid-template-columns:1fr}.articles article{grid-template-columns:1fr}.gallery figure>div{height:320px}footer{gap:15px;flex-direction:column}}

/* FOTOOST eigen fotografie */
.hero-art{background-image:linear-gradient(90deg,rgba(16,17,15,.02),rgba(16,17,15,.16)),url('images/museum.jpeg');background-size:cover;background-position:center 42%;filter:none}
.gallery{grid-template-columns:repeat(12,1fr);gap:44px 24px}.gallery figure{grid-column:span 6}.gallery figure.wide{grid-column:span 12}.gallery .photo-wrap{height:460px;background:#181916;overflow:hidden}.gallery figure.wide .photo-wrap{height:560px}.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.gallery figure:hover img{transform:scale(1.015)}.gallery .portrait img{object-position:center 42%}.gallery figcaption b{font-weight:500}.gallery figcaption span{font-size:13px}.gallery-intro{max-width:700px}.uploadnote{display:none}
@media(max-width:800px){.gallery figure,.gallery figure.wide{grid-column:span 12}.gallery .photo-wrap,.gallery figure.wide .photo-wrap{height:auto}.gallery img{height:auto}.hero-art{background-position:center}}


/* Officieel FOTOOST-logo */
.brand{display:flex;align-items:center;height:88px;width:150px;overflow:hidden}
.brand img{display:block;width:150px;height:auto;filter:invert(1);opacity:.94}
.footer-logo{display:flex;align-items:center;width:100px;height:28px;overflow:hidden}
.footer-logo img{display:block;width:100px;height:auto;filter:invert(1);opacity:.72}
@media(max-width:800px){.brand{width:125px}.brand img{width:125px}}