/*
Theme Name: Jon Clifton Photography
Theme URI: https://jonclifton.com
Author: Jon Clifton Photography
Description: A dark, responsive photography portfolio with self-managed albums.
Version: 1.4.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: jon-clifton
*/
:root{--bg:#0b0b0c;--panel:#18191b;--text:#f6f4f1;--muted:#b8b6b3;--gold:#d8bf91}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.65}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}img{max-width:100%;height:auto}button{font:inherit}.site-header{position:sticky;top:0;z-index:20;background:#0b0b0cf2;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff20}.header-inner{max-width:1300px;padding:17px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{text-decoration:none;line-height:1.1;letter-spacing:.17em;font-size:19px;font-weight:550;white-space:nowrap}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.31em;margin-top:7px}.nav{display:flex;gap:24px;flex-wrap:wrap}.nav a{text-decoration:none;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#ddd}.nav a:hover{color:var(--gold)}.hero{min-height:440px;display:flex;align-items:center;justify-content:center;text-align:center;padding:95px 25px;background:radial-gradient(ellipse at 55% 30%,#464044 0%,#1c1c20 42%,#09090a 84%);position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,transparent 30%,#ffffff0b 50%,transparent 64%);pointer-events:none}.hero-content{position:relative;max-width:780px}.eyebrow{text-transform:uppercase;letter-spacing:.36em;color:var(--gold);font-size:11px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.11;font-size:clamp(46px,8vw,94px);letter-spacing:.02em;margin:18px 0}.hero p{color:#dedbd6;font-size:clamp(15px,2vw,19px);margin:0 auto 28px;max-width:610px}.btn{display:inline-block;padding:12px 23px;border:1px solid var(--gold);text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:12px;color:#fff}.btn:hover{background:var(--gold);color:#111}.wrap{max-width:1300px;margin:0 auto;padding:65px 28px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:25px}.section-heading h2,.page-heading{font-size:clamp(30px,4vw,49px);font-family:Georgia,'Times New Roman',serif;font-weight:400;margin:0}.section-heading p,.intro{color:var(--muted);margin:8px 0}.album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.album-card{background:#19191a;text-decoration:none;display:block;overflow:hidden;position:relative}.album-photo{display:block;aspect-ratio:4/5;overflow:hidden;background:linear-gradient(135deg,#353235,#171719 65%,#36302f)}.album-photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.album-card:hover img{transform:scale(1.045)}.album-info{padding:14px 16px 18px}.album-info strong{display:block;font-weight:500;font-size:17px}.album-info span{display:block;color:#aaa;font-size:12px;letter-spacing:.07em;margin-top:4px}.placeholder{height:100%;display:flex;justify-content:center;align-items:center;text-align:center;padding:18px;font-family:Georgia,serif;font-size:clamp(24px,2.8vw,36px);color:#e6dfd6}.album-card:nth-child(2n) .album-photo{background:linear-gradient(145deg,#39312b,#16171a 66%,#34353a)}.album-card:nth-child(3n) .album-photo{background:linear-gradient(30deg,#222c2b,#171719 65%,#494039)}.about-strip{background:#18181a;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.about-strip-inner{max-width:1000px;margin:auto;padding:64px 28px;text-align:center}.about-strip h2{font-family:Georgia,serif;font-size:36px;font-weight:400;margin:10px 0}.about-strip p{color:#bbb}.site-footer{padding:35px 25px;text-align:center;color:#999;font-size:12px}.site-footer a{color:#ddd}.page-intro{padding-bottom:30px}.gallery-content{max-width:1150px;margin:auto}.gallery-content .wp-block-gallery{margin:25px 0}.gallery-content .wp-block-gallery img{cursor:zoom-in}.gallery-content p{color:#ddd}.entry-image{width:100%;max-height:450px;object-fit:cover;margin:20px 0 32px}.lightbox{position:fixed;inset:0;background:#000f;display:none;align-items:center;justify-content:center;z-index:200;padding:56px 64px}.lightbox.open{display:flex}.lightbox img{max-height:85vh;max-width:100%;object-fit:contain}.lightbox button{position:absolute;background:#252525;color:#fff;border:1px solid #aaa;cursor:pointer;border-radius:3px;padding:9px 16px}.lightbox-close{top:17px;right:20px}.lightbox-prev{left:12px;top:50%}.lightbox-next{right:12px;top:50%}.album-back{display:inline-block;color:var(--gold);margin-bottom:20px;text-decoration:none}.screen-reader-text{position:absolute;left:-9999px}.wp-block-image img{max-width:100%}@media(max-width:960px){.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.header-inner{display:block;text-align:center;padding:17px 16px}.nav{justify-content:center;gap:15px;margin-top:17px}.nav a{font-size:11px}.hero{min-height:380px;padding:64px 18px}.wrap{padding:45px 17px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.album-info{padding:11px}.album-info strong{font-size:15px}.album-photo{aspect-ratio:4/5}.lightbox{padding:48px 10px}.lightbox-prev,.lightbox-next{top:auto;bottom:10px}.section-heading{display:block}}@media(max-width:380px){.album-grid{grid-template-columns:1fr 1fr}.brand{font-size:17px}.nav{gap:11px}}

/* Homepage version 1.1: compact rotating feature + personal introduction */
.homepage-slideshow{height:clamp(270px,38vw,520px);max-height:65vh;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#3b3837,#111)}
.homepage-slideshow .slide{position:absolute;inset:0;opacity:0;transition:opacity .75s ease;pointer-events:none}
.homepage-slideshow .slide.is-active{opacity:1;pointer-events:auto}
.slide-image{width:100%;height:100%;object-fit:contain;display:block}
.slide-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:22px;background:linear-gradient(130deg,#2e3033,#101112)}
.slide-empty h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,6vw,68px);margin:8px 0}
.slide-empty p{color:#ccc;margin:0}
.slide-arrow,.slide-toggle,.slide-dot{cursor:pointer;color:white;background:#111b;border:1px solid #aaa6}
.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border-radius:3px;padding:4px 15px;font-size:35px;line-height:1.3}
.slide-prev{left:18px}.slide-next{right:18px}.slide-toggle{position:absolute;bottom:16px;right:18px;z-index:2;padding:6px 13px;border-radius:3px;font-size:12px}
.slide-indicators{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:9px;z-index:2}
.slide-dot{width:11px;height:11px;border-radius:50%;padding:0}.slide-dot.current{background:white}
.homepage-about{display:flex;align-items:center;justify-content:center;gap:45px;padding-top:55px;padding-bottom:40px;max-width:1100px}
.about-picture{flex:0 0 32%;max-width:320px}.about-picture img{display:block;max-height:330px;width:100%;object-fit:cover}
.about-copy{flex:1;max-width:760px}.about-copy h2{font-family:Georgia,serif;font-weight:400;line-height:1.2;font-size:clamp(30px,4vw,49px);margin:10px 0 15px}.about-copy p{color:#c8c5c1;font-size:16px;white-space:normal;margin:0 0 24px}
@media(max-width:680px){.homepage-slideshow{height:300px}.slide-arrow{font-size:27px;padding:2px 9px}.slide-prev{left:6px}.slide-next{right:6px}.slide-toggle{right:9px;bottom:9px}.slide-indicators{bottom:17px}.homepage-about{display:block;padding-top:42px;padding-bottom:25px}.about-picture{max-width:240px;margin:0 auto 20px}.about-copy h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.homepage-slideshow .slide{transition:none}}

/* v4: separate original About Me page. Homepage styles unchanged. */
.about-page{padding-top:75px}.about-page>.page-heading{margin:10px 0 35px}.about-page-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:60px;align-items:start}.about-page h2{font-family:Georgia,serif;font-size:27px;font-weight:400;color:#f6f4f1;margin:26px 0 19px}.about-page-main .about-main-portrait{margin:0 0 32px}.about-main-portrait img{display:block;width:100%;max-height:640px;object-fit:contain;object-position:left center;background:#161616}.about-original-copy{font-size:16px;color:#dedbd6}.about-original-copy p{margin:0 0 23px}.about-page-aside{background:#161617;padding:30px;border:1px solid #ffffff17}.about-page-aside h2:first-child{margin-top:0}.about-page-aside dt{text-transform:uppercase;letter-spacing:.13em;font-size:11px;color:var(--gold);margin-top:21px}.about-page-aside dd{margin:3px 0 0;font-size:15px}.about-page-aside ol{padding-left:22px}.about-page-aside li{margin:5px 0}.about-note,.about-upload-hint{font-size:14px;color:var(--muted)}.about-upload-hint{border:1px dashed #85765f;padding:20px}@media(max-width:760px){.about-page-grid{grid-template-columns:1fr;gap:20px}.about-page-aside{padding:23px}.about-page{padding-top:45px}}

/* Editable About Me quote */
.about-favourite-quote em{font-style:italic}.about-quote-author{display:block;margin-top:8px;color:var(--gold);font-size:.92em}