@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f5f0;--ink:#14262c;--muted:#617075;--blue:#0065ab;--orange:#f77624;--line:#dce0da}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:5px}button{cursor:pointer}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;line-height:1.08}p{line-height:1.7}header{background:rgba(245,245,240,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{max-width:1320px;margin:auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:10px 36px;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-1px}.brand img{height:57px;width:57px;object-fit:contain}.brand span span{color:var(--blue)}nav{display:flex;gap:30px;font-size:14px}nav a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 23px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:5px;font-weight:600;font-size:14px;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn.orange{background:var(--orange);border-color:var(--orange);color:#14262c}.btn.light{background:transparent;color:var(--ink);border-color:#b9c2c1}.wrap{max-width:1320px;margin:auto;padding:0 36px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:640px;align-items:center;gap:60px;padding-top:48px;padding-bottom:56px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:26px}.eyebrow:before{content:'';width:8px;height:8px;background:var(--orange);border-radius:50%}h1{font-size:clamp(44px,5.6vw,78px);letter-spacing:-4px;font-weight:800}h1 em{font-style:normal;color:var(--blue)}.intro{max-width:450px;color:var(--muted);margin:26px 0 30px;font-size:17px}.actions{display:flex;gap:13px;flex-wrap:wrap}.micro{display:flex;gap:24px;font-size:12px;color:var(--muted);margin-top:30px}.micro span:before{content:'✓';color:var(--blue);margin-right:7px}.hero-art{background:#e3eaf0;position:relative;min-height:508px;border-radius:8px;overflow:hidden;background-image:linear-gradient(#cbd8df55 1px,transparent 1px),linear-gradient(90deg,#cbd8df55 1px,transparent 1px);background-size:32px 32px}.hero-art:after{content:'ONTWORPEN OM OP TE VALLEN.';position:absolute;bottom:24px;left:26px;font-size:10px;letter-spacing:2px}.hero-art .art{height:420px;width:100%;filter:drop-shadow(0 25px 18px #183f5740)}.art-label{position:absolute;top:24px;left:25px;font-size:10px;letter-spacing:1.7px}.art-note{position:absolute;bottom:23px;right:24px;font-size:10px;color:var(--muted)}.float-label{position:absolute;right:23px;top:280px;background:var(--bg);padding:15px 20px;border-radius:5px;box-shadow:0 8px 25px #183f5712;font-size:12px}.float-label strong{display:block;margin-bottom:5px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-top:23px;padding-bottom:23px;font-size:13px}.strip b{color:var(--blue);margin-right:10px}.section{padding-top:90px;padding-bottom:90px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.section-top .eyebrow{margin-bottom:16px}h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-2px}.section-top p{max-width:330px;color:var(--muted);margin:0;font-size:14px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.filter{border:1px solid var(--line);background:transparent;border-radius:30px;padding:10px 20px;font-size:13px}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}.card[hidden]{display:none}.media{background:#e8e6df;border-radius:6px;position:relative;overflow:hidden;height:280px}.media svg{width:100%;height:100%;transition:transform .35s}.card:hover svg{transform:scale(1.05)}.card:nth-child(3n+2) .media{background:#e0e9ed}.card:nth-child(3n+3) .media{background:#e9dfd4}.tag{position:absolute;top:15px;left:15px;padding:6px 10px;background:#ffffffb8;font-size:10px;border-radius:3px}.caption{position:absolute;bottom:12px;right:14px;font-size:9px;color:#5a676e}.card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:8px}.card h3{font-size:17px;letter-spacing:-.5px}.arrow{width:33px;height:33px;border:1px solid #cbd3cf;border-radius:50%;display:grid;place-items:center}.card p{margin:7px 0;font-size:13px;color:var(--muted)}.price{font-size:14px;font-weight:600}.custom{background:var(--ink);color:white;padding:70px 60px;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.custom h2{font-size:48px}.custom p{color:#bac9cb}.steps{display:grid;gap:25px}.step{display:grid;grid-template-columns:35px 1fr;gap:15px;border-bottom:1px solid #ffffff20;padding-bottom:22px}.step:last-child{border:0}.step b{color:#fc9654;font-size:12px}.step h3{font-size:18px}.step p{font-size:13px;margin:8px 0 0}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq-grid p{color:var(--muted);max-width:330px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-weight:600;line-height:1.5}details p{font-size:14px;max-width:none!important}.contact{background:#e4ebed;border-radius:8px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:80px}.contact p{color:var(--muted)}label{display:block;font-size:12px;font-weight:600;margin:0 0 9px}input,select,textarea{width:100%;border:1px solid #c9d3d6;background:#f9faf7;border-radius:4px;padding:13px;color:var(--ink);margin-bottom:17px}textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-note{font-size:11px!important;margin-bottom:0}.text-link{color:var(--blue);text-decoration:underline;text-underline-offset:4px}footer{border-top:1px solid var(--line);padding:30px 0;font-size:12px;color:var(--muted)}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot div{display:flex;gap:24px}.breadcrumb{font-size:12px;color:var(--muted);margin:35px 0}.detail{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:70px}.detail .media{height:540px}.detail h1{font-size:50px;letter-spacing:-2px}.detail .price{font-size:24px;margin:25px 0}.detail p{color:var(--muted)}.detail dl{border-top:1px solid var(--line);margin-top:30px}.detail dl div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.detail dd{margin:0;color:var(--muted)}.menu{display:none}.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:30}.skip:focus{top:10px}@media(max-width:900px){.nav,.wrap{padding-left:22px;padding-right:22px}nav{gap:17px}.nav>.btn{display:none}.hero{gap:25px}.hero-art{min-height:430px}.hero-art .art{height:370px}h1{letter-spacing:-2.5px}.grid{grid-template-columns:repeat(2,1fr)}.custom,.contact{padding:35px;gap:35px}.faq-grid,.detail{gap:35px}.detail .media{height:430px}.micro{gap:10px;flex-wrap:wrap}}@media(max-width:600px){.nav{min-height:75px;flex-wrap:wrap}.brand{font-size:18px}.brand img{height:43px;width:43px}.menu{display:block;background:transparent;border:1px solid var(--line);border-radius:4px;padding:8px 12px}nav{display:none;width:100%;padding:15px 0}nav.open{display:flex;flex-wrap:wrap}.hero{grid-template-columns:1fr;padding-top:40px;gap:35px}h1{font-size:52px}.hero-art{min-height:380px}.hero-art .art{height:340px}.float-label{top:240px}.strip{flex-wrap:wrap;font-size:11px;gap:15px}.section{padding-top:60px;padding-bottom:60px}.section-top{display:block}.section-top p{margin-top:20px}.grid{gap:26px 14px}.media{height:190px}.card h3{font-size:14px}.card p{font-size:12px}.arrow{display:none}.filters{gap:5px}.filter{padding:9px 13px;font-size:12px}.custom,.contact,.faq-grid,.detail{grid-template-columns:1fr;gap:35px}.custom,.contact{padding:28px}.custom h2{font-size:38px}.contact{margin-bottom:50px}.detail h1{font-size:38px}.detail .media{height:350px}.form-row{grid-template-columns:1fr;gap:0}.hero-art:after{font-size:8px}.art-note{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Real photography */
.print-photo{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.card:hover .print-photo{transform:scale(1.045)}
.hero-art{background:#18333d;isolation:isolate}
#hero-art{position:absolute;inset:0;z-index:-2}
.hero-art .print-photo{height:100%;object-position:center 45%}
.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#071a2c66,transparent 40%,#071a2c80);z-index:-1}
.hero-art .art-label,.hero-art .art-note,.hero-art:after{color:white}
.hero-art .float-label{top:auto;bottom:65px;right:24px}
.caption{background:#f7f7f0ed;padding:5px 8px;border-radius:3px;color:#334a52;font-size:9px}
.collection-note{max-width:750px;color:var(--muted);font-size:12px;margin:10px 0 25px}
.photo-credits{font-size:11px;line-height:1.7;margin-bottom:22px}
.detail .photo-dragon,.media .photo-dragon{object-position:50% 40%}
@media(prefers-reduced-motion:reduce){.print-photo{transition:none}}