/*
Theme Name: Justin Arrington Photography
Author: JLA Photos
Description: Black-and-gold photography portfolio with an external JLA Photos booking link.
Version: 1.0.0
Requires at least: 6.0
Text Domain: justin-arrington-photography
*/

:root{--bg:#0c0b0a;--panel:#171512;--gold:#d5b76c;--cream:#f2ede3;--muted:#b4aa9b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:var(--gold);color:#111}header{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:27px clamp(22px,5vw,90px);background:linear-gradient(#090807b9,transparent)}.brand{font-size:15px;font-weight:700;letter-spacing:.21em;text-transform:uppercase;line-height:1.4}.brand span{display:block;font-size:10px;color:var(--gold);letter-spacing:.37em;margin-top:4px}nav{display:flex;align-items:center;gap:25px}nav a{font-size:11px;letter-spacing:.15em;text-transform:uppercase}nav a:hover,.text-link:hover{color:var(--gold)}.nav-cta,.button{border:1px solid var(--gold);padding:14px 19px;color:var(--gold);font-size:11px;font-weight:bold;letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:.2s}.button.fill{background:var(--gold);color:#14110b}.button:hover,.nav-cta:hover{background:#e5c87c;color:#15120d}.menu{display:none;background:none;border:1px solid #c7b078;color:white;padding:8px 12px}.hero{min-height:100svh;position:relative;display:flex;align-items:end;overflow:hidden;background:#15120e}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 39%;filter:grayscale(100%) contrast(1.09) brightness(.68);transform:scale(1.015)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c0b0ad9 0%,#0c0b0a5b 50%,transparent 100%),linear-gradient(0deg,#0c0b0ad9,transparent 50%)}.hero-content{z-index:1;position:relative;width:min(1100px,90%);margin:0 auto;padding:160px 0 11vh}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.32em;text-transform:uppercase;font-weight:700}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:.98;font-size:clamp(58px,9.6vw,150px);max-width:850px;margin:24px 0}.hero h1 em{color:var(--gold);font-weight:400}.hero p{color:#ddd6ca;font-size:clamp(15px,1.5vw,19px);line-height:1.7;max-width:510px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:33px}.scroll{position:absolute;z-index:2;right:5vw;bottom:5vh;font-size:10px;letter-spacing:.3em;color:#ddd;writing-mode:vertical-rl}.section{padding:clamp(75px,9vw,140px) clamp(22px,5vw,90px)}.wrap{max-width:1320px;margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:45px}.section h2{font:normal clamp(39px,5.4vw,76px)/1.07 Georgia,serif;letter-spacing:-.045em;margin:12px 0}.section-copy{max-width:570px;color:var(--muted);line-height:1.85;font-size:15px}.text-link{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:8px}.portfolio-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.portfolio-item{position:relative;overflow:hidden;background:#26221d;min-height:300px;isolation:isolate}.portfolio-item.tall{grid-row:span 2;min-height:680px}.portfolio-item img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:grayscale(1);transition:transform .6s,filter .6s}.portfolio-item:hover img{transform:scale(1.04);filter:grayscale(.35)}.portfolio-item:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#000c)}.portfolio-caption{position:absolute;z-index:1;bottom:27px;left:28px}.portfolio-caption b{display:block;font:normal 29px Georgia,serif}.portfolio-caption small{display:block;color:var(--gold);letter-spacing:.17em;text-transform:uppercase;font-size:10px;margin-top:8px}.placeholder{height:100%;min-height:320px;display:flex;align-items:center;justify-content:center;text-align:center;padding:50px;background:radial-gradient(ellipse at 70% 25%,#76613b4a,transparent 47%),linear-gradient(135deg,#25201a,#0f0e0c);color:#a99a80;letter-spacing:.15em;font-size:11px;text-transform:uppercase}.portfolio-item.tall .placeholder{min-height:680px}.gold-band{background:#211b13 url('assets/gold-camera.png') center/cover no-repeat;position:relative}.gold-band:before{content:"";position:absolute;inset:0;background:#090807c9}.gold-band .wrap{position:relative}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#5b4b30;border:1px solid #5b4b30}.package{background:#151310;padding:37px 31px;min-height:230px;display:flex;flex-direction:column}.package span{color:var(--gold);font-size:10px;letter-spacing:.2em}.package h3{font:normal 29px Georgia,serif;margin:24px 0 12px}.package p{color:var(--muted);font-size:14px;line-height:1.65;margin:0 0 24px}.package a{margin-top:auto;color:var(--gold);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(35px,8vw,130px);align-items:center}.about-img{height:620px;overflow:hidden;background:#25201a}.about-img img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:grayscale(1)}.about blockquote{font:italic 27px/1.5 Georgia,serif;color:var(--gold);margin:32px 0}.booking{text-align:center;border-top:1px solid #4a3b24;border-bottom:1px solid #4a3b24}.booking .section-copy{margin:20px auto 30px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-card{padding:35px;border:1px solid #51442e;background:#15130f}.contact-card h3{font:normal 27px Georgia,serif}.contact-card p{color:var(--muted);line-height:1.7}footer{border-top:1px solid #352e24;padding:30px clamp(22px,5vw,90px);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#a99c87;font-size:12px}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;z-index:50;background:white;color:black;padding:12px}@media(max-width:850px){header{padding:22px}.menu{display:block}nav{display:none;position:absolute;top:78px;right:18px;left:18px;background:#16130ff5;border:1px solid #5b4b30;padding:24px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero h1{font-size:clamp(55px,11vw,100px)}.portfolio-grid,.about,.contact-grid{grid-template-columns:1fr}.portfolio-item.tall,.portfolio-item.tall .placeholder{min-height:420px}.portfolio-item.tall{grid-row:auto}.packages{grid-template-columns:1fr 1fr}.about-img{height:450px}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:20px}}@media(max-width:560px){.hero-photo{object-position:56% center}.hero:after{background:linear-gradient(0deg,#0c0b0af2,#0c0b0a70 65%,#0c0b0a60)}.hero-content{padding-bottom:12vh}.hero h1{font-size:clamp(54px,13vw,76px)}.packages{grid-template-columns:1fr}.portfolio-item{min-height:270px}.about-img{height:400px}.section{padding:75px 22px}.scroll{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}