/*
Theme Name: Sadewa Keramiek
Author: Sadewa
Description: Aards, rustig atelierportfolio voor Krystle. Met instelbare foto's, contact en marktagenda.
Version: 1.0.6
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: sadewa
*/
:root{--paper:#f7f0ec;--ink:#51413b;--muted:#7c6860;--line:#dfcdc5;--olive:#8d675c;--sand:#e9d6d1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Arial,sans-serif}a{color:inherit}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(48px,6.5vw,94px);line-height:1.04;letter-spacing:-3px}h2{font-size:clamp(36px,4vw,56px);line-height:1.13;letter-spacing:-1px}h3{font-size:27px;line-height:1.3}p{margin-top:20px}header,.wrap{max-width:1320px;margin:auto;padding:0 6%}header{display:flex;align-items:center;justify-content:space-between;min-height:110px;gap:28px}.brand{text-decoration:none;font-size:34px;letter-spacing:4px;line-height:1}.brand small{display:block;font:9px/2.5 Arial,sans-serif;letter-spacing:3px}nav{display:flex;gap:32px;font-size:13px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.eyebrow{text-transform:uppercase;letter-spacing:2.4px;font-size:10px;font-weight:600;display:block;margin-bottom:23px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-top:42px;padding-bottom:75px}.hero p{max-width:380px;color:var(--muted)}.hero-photo{position:relative}.hero-photo img{height:540px;border-radius:48% 48% 0 0;object-position:center}.caption{font-size:11px;color:var(--muted);margin-top:12px;display:flex;justify-content:space-between}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--olive);color:white;padding:14px 24px;text-decoration:none;font-size:12px;margin-top:30px;border:1px solid var(--olive)}.button:hover{background:#735247}.textlink{font-size:12px;text-underline-offset:6px;margin-left:20px;display:inline-block}.intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:28px;padding-bottom:28px;display:flex;justify-content:space-between;gap:24px;font-size:11px;letter-spacing:1.2px}.section{padding-top:100px;padding-bottom:100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.section-head p{max-width:350px;color:var(--muted);font-size:14px}.gallery{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:24px}.gallery img{height:350px;background:var(--sand)}.gallery h3{margin-top:20px;font-size:24px}.gallery p{font-size:12px;color:var(--muted);margin-top:6px}.about{background:var(--sand)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.about img{height:580px;object-position:50% 40%}.about p{font-size:14px;color:#595c50}.quote{font:italic 27px/1.5 Georgia,serif;border-top:1px solid #ccc4b3;padding-top:25px;margin-top:30px}.order{display:grid;grid-template-columns:1fr 1fr;gap:8%}.steps{border-top:1px solid var(--line)}.step{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid var(--line)}.step span{color:var(--muted);font-size:11px}.step h3{font-size:22px}.step p{font-size:13px;color:var(--muted);margin-top:7px}.agenda{background:#e9ddd4}.event{display:grid;grid-template-columns:140px 1fr 1fr;gap:24px;border-top:1px solid #c4c9b7;padding:26px 0;align-items:center}.pill{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:1px;border:1px solid #a2aa92;border-radius:30px;padding:6px 14px;width:fit-content}.event p{margin:0;font-size:13px;color:var(--muted)}.contact{text-align:center;padding-top:100px;padding-bottom:100px}.contact p{max-width:540px;margin:22px auto;color:var(--muted)}footer{border-top:1px solid var(--line);padding-top:26px!important;padding-bottom:26px!important;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:15px;z-index:10}:focus-visible{outline:3px solid #a76a43;outline-offset:5px}.content-page{padding-top:60px;padding-bottom:80px;min-height:60vh}.content-page h1{font-size:52px}.content-page p{max-width:800px}.content-page img{height:auto} @media(max-width:760px){header{padding-top:23px;padding-bottom:23px;flex-wrap:wrap;gap:20px}.brand{font-size:28px}nav{width:100%;gap:0;justify-content:space-between;font-size:12px}.hero{grid-template-columns:1fr;padding-top:25px;gap:40px;padding-bottom:45px}h1{letter-spacing:-1.5px;max-width:450px}.hero-photo img{height:420px}.intro{flex-wrap:wrap;justify-content:center;text-align:center;gap:12px 22px;font-size:9px}.section{padding-top:65px;padding-bottom:65px}.section-head{display:block}.section-head p{margin-top:20px}.gallery{grid-template-columns:1fr 1fr;gap:30px 16px}.gallery article:first-child{grid-column:1/-1}.gallery img{height:250px}.gallery article:first-child img{height:400px}.gallery h3{font-size:22px}.about-grid,.order{grid-template-columns:1fr;gap:35px}.about img{height:440px}.about-grid>div{padding-top:5px}.event{grid-template-columns:1fr;gap:12px}.contact{padding:70px 6%}.textlink{margin-left:15px}footer{gap:20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand{display:flex;align-items:center;gap:15px}.brand .logo-symbol{width:50px;height:50px;object-fit:contain}.hero-photo img{border-radius:150px 150px 18px 18px;filter:saturate(.86) contrast(.92)}.gallery{grid-template-columns:repeat(3,1fr);gap:30px}.work-photo{display:block;background:#ecddd7;border-radius:22px;padding:20px;text-decoration:none}.gallery .work-photo img{height:320px;object-fit:contain;border-radius:9px;filter:saturate(.8) contrast(.9)}.work-photo:hover{background:#e4ccc4}.gallery h3{font-size:25px}.gallery p{font-size:13px}.about img{border-radius:20px;filter:saturate(.82) contrast(.94)}.about p{color:#66534c}.eyebrow{color:#806156}.event{border-color:#cdb8aa}.pill{border-color:#b69b8d}.quote{border-color:#ccb2a8}.photo-viewer{border:0;background:#f7f0ec;color:#51413b;border-radius:16px;padding:20px;width:min(900px,94vw);max-height:90vh}.photo-viewer::backdrop{background:rgba(49,35,30,.75)}.photo-viewer img{max-height:70vh;width:100%;object-fit:contain;filter:none}.photo-viewer button{display:block;margin:0 0 14px auto;background:#8d675c;color:white;border:0;padding:12px 18px;border-radius:6px;cursor:pointer}.photo-viewer p{margin:12px 0 0}.photo-hint{font-size:11px;color:#806156;margin-top:10px}@media(max-width:760px){.gallery{grid-template-columns:1fr}.gallery article:first-child{grid-column:auto}.gallery .work-photo img,.gallery article:first-child .work-photo img{height:340px}.work-photo{padding:18px}.brand .logo-symbol{width:43px;height:43px}.hero-photo img{height:400px}.gallery h3{margin-top:15px}}

/* Responsive crops: portrait framed around Krystle, thumbnails fill their frames. */
.about-grid>img{height:auto;aspect-ratio:4/5;object-fit:cover;object-position:85% 50%}
.gallery .work-photo{padding:0;overflow:hidden;border-radius:18px}
.gallery .work-photo img,.gallery article:first-child .work-photo img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:18px;object-position:center}
.gallery article:first-child .work-photo img{object-position:50% 67%}
.gallery article:nth-child(3) .work-photo img{object-position:50% 32%}
@media(max-width:760px){.about-grid>img{height:auto;aspect-ratio:4/5;object-position:85% 50%}.gallery .work-photo img,.gallery article:first-child .work-photo img{height:auto;aspect-ratio:1/1}}

/* Orient the coloured tile photograph so its lettering reads horizontally. */
.gallery article:nth-child(3) .work-photo img.tiles-horizontal{transform:rotate(-90deg);object-position:50% 42%;border-radius:0}
.photo-viewer.is-tiles-horizontal img{width:100%;height:min(65vh,760px);max-height:none;object-fit:contain;transform:rotate(-90deg);aspect-ratio:1/1}
.photo-viewer.is-tiles-horizontal{width:min(800px,94vw)}
@media(max-width:760px){.photo-viewer.is-tiles-horizontal img{height:auto;aspect-ratio:1/1}}