@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@300;400;500&display=swap');:root{--bg:#141517;--panel:#1d1f21;--text:#e8e2d9;--muted:#b1aca4;--gold:#c1a47a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.8 Inter,Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 5%;border-bottom:1px solid #333;position:sticky;top:0;background:#141517f5;z-index:4}.brand{font:600 24px/1.15 'Cormorant Garamond',Georgia,serif;letter-spacing:3px;color:var(--text);text-decoration:none;white-space:nowrap}.brand small{display:block;font:10px/2 Inter,sans-serif;letter-spacing:4px;color:var(--gold)}nav{display:flex;gap:21px;flex-wrap:wrap}nav a{color:var(--muted);text-decoration:none;font-size:10px;letter-spacing:1.4px}nav a:hover,nav a.active{color:var(--gold)}.menu{display:none}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.12}h1{font-size:clamp(42px,6vw,86px);margin:8px 0}h2{font-size:clamp(35px,4vw,58px);margin:10px 0 20px}h3{font-size:28px;margin:10px 0}p{color:var(--muted)}.eyebrow{letter-spacing:4px;color:var(--gold);font-size:11px;text-transform:uppercase}.hero{position:relative;min-height:70vh;display:grid;place-items:center;text-align:center;background-size:cover;background-position:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#141517e8,#14151730 70%,#14151755)}.hero-content{position:relative;padding:50px 20px;max-width:850px}.hero p{color:#eee3d6}.btn{display:inline-block;padding:12px 28px;border:1px solid var(--gold);color:var(--text);text-decoration:none;background:transparent;letter-spacing:2px;font-size:11px;cursor:pointer}.btn:hover{background:#423728}.wrap{max-width:1240px;margin:auto;padding:70px 25px}.intro{text-align:center;max-width:760px;margin:auto auto 50px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.art{background:var(--panel);cursor:pointer;border:1px solid #333}.art img{width:100%;height:270px;object-fit:cover;display:block}.art .details{padding:18px}.art h3{font-size:25px}.art p{font-size:12px;margin:0;color:var(--gold);letter-spacing:1px}.filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:25px 0 35px}.filters button{border:1px solid #514a40;background:none;color:var(--text);padding:9px 15px;cursor:pointer}.filters button.selected{background:var(--gold);color:#141517}.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;margin:50px 0}.feature img{width:100%;height:auto}.prose{max-width:800px;margin:auto}.prose p{font-size:16px}.notice{border:1px solid #544c40;padding:25px;background:#201f1c;margin:30px 0}.art-detail{max-width:980px;margin:auto;text-align:center}.art-detail img{max-width:100%;max-height:70vh;object-fit:contain}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare>div{border:1px solid #555;padding:15px}.compare img{width:100%}footer{text-align:center;padding:35px 15px;border-top:1px solid #333;font-size:11px;color:#8f8a83}@media(max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}nav{gap:10px}.feature{grid-template-columns:1fr}}@media(max-width:650px){header{align-items:flex-start}.menu{display:block;background:none;border:1px solid #555;color:white;padding:7px 12px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:#1a1a1a;padding:20px;flex-direction:column}nav.open{display:flex}.gallery,.compare{grid-template-columns:1fr}.art img{height:auto}.hero{min-height:58vh}}
/* In-category gallery browsing */
.photo-viewer{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;margin:20px auto}.photo-viewer img{display:block;max-width:100%;max-height:76vh;width:auto;height:auto;object-fit:contain}.photo-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:rgba(20,20,20,.76);color:white;text-decoration:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:25px}.photo-prev{left:12px}.photo-next{right:12px}.photo-arrow:hover,.photo-arrow:focus{background:#846a42;color:white}.photo-navigation{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:780px;margin:20px auto 30px}.photo-navigation a{color:inherit;text-decoration:underline;text-underline-offset:4px}.photo-navigation span{white-space:nowrap;opacity:.75}@media(max-width:600px){.photo-arrow{width:38px;height:38px;font-size:20px}.photo-prev{left:2px}.photo-next{right:2px}}

/* Artist commentaries */
.artist-story{max-width:760px;margin:30px auto 36px;line-height:1.85;font-size:1.06rem}.artist-story p{margin:0 0 1.15em}

/* Interactive original-to-art comparison */
.mist-comparison{--split:50%;position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;border:1px solid #6e6559;background:#1b1c1e;user-select:none;touch-action:pan-y}.mist-comparison img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mist-original-clip{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0);pointer-events:none}.mist-divider{position:absolute;left:var(--split);top:0;bottom:0;border-left:2px solid white;pointer-events:none;filter:drop-shadow(0 0 3px #111)}.mist-divider span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);background:#eee9df;color:#171717;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font:24px Arial}.mist-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.mist-label{position:absolute;top:14px;z-index:1;background:#141517cc;color:white;font:10px Inter,Arial,sans-serif;letter-spacing:1px;padding:7px 10px;pointer-events:none}.mist-left{left:12px}.mist-right{right:12px}.mist-hint{text-align:center;font-size:13px}.art-compare-link{margin:25px auto 10px}@media(max-width:650px){.mist-label{font-size:8px;letter-spacing:0;padding:5px}.mist-divider span{width:34px;height:34px}}

/* Behind the Image collection */
.behind-page{max-width:1060px}.behind-lead{max-width:760px;font-size:17px}.behind-entry{margin:45px 0;padding:34px;background:var(--panel);border:1px solid #3c3832}.behind-entry h3{font-size:clamp(29px,4vw,45px)}.behind-entry>p{max-width:740px}.behind-links{text-align:center;margin:30px 0 5px}.behind-note{border-top:1px solid #4a4034;padding-top:25px;font-style:italic}@media(max-width:650px){.behind-entry{padding:18px}.behind-links .btn{letter-spacing:1px;font-size:10px}}

.clock-comparison{aspect-ratio:5/4}

/* Preserve portrait proportions for the ostrich comparison */
.ostrich-comparison{aspect-ratio:3/2}
.ostrich-comparison .mist-finished,.ostrich-comparison .mist-original-clip img{object-fit:cover;object-position:center center}

/* About Dan: Provence portrait */
.about-portrait{float:right;width:min(43%,340px);margin:0 0 24px 32px;text-align:center}
.about-portrait img{display:block;width:100%;height:auto;border:1px solid #5b5043}
.about-portrait figcaption{font-size:12px;color:var(--gold);letter-spacing:.6px;margin-top:9px}
@media(max-width:650px){.about-portrait{float:none;width:100%;max-width:380px;margin:0 auto 30px}}
