@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Jost:wght@300;400;500&display=swap');:root{--paper:#f8f5ed;--ink:#27251f;--gold:#e6c995}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Jost,Arial,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}header{padding:23px max(5%,24px);display:flex;justify-content:space-between;align-items:center;background:var(--paper);gap:15px}header .logo{font-family:'Cormorant Garamond',serif;font-size:22px;letter-spacing:.17em;text-transform:uppercase}nav{display:flex;gap:24px;flex-wrap:wrap}nav a,.eyebrow,.button,.crumb{font-size:11px;letter-spacing:.21em;text-transform:uppercase}nav a:hover,.crumb:hover{text-decoration:underline}.hero{min-height:88vh;background:linear-gradient(90deg,rgba(14,13,12,.50),rgba(15,13,11,.12)),url('/img/hero-warehouse.png') center/cover;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:60px 20px}.hero h1{font:300 clamp(54px,9vw,130px)/.95 'Cormorant Garamond',serif;letter-spacing:.12em;margin:18px 0}.hero p{letter-spacing:.28em;text-transform:uppercase;font-size:12px}.button{display:inline-block;margin-top:25px;border:1px solid currentColor;padding:15px 25px;transition:background .2s}.button:hover{background:rgba(255,255,255,.15)}main{min-height:65vh}.intro{text-align:center;padding:80px 22px 48px}.intro h1,.intro h2{font:300 clamp(48px,6vw,82px)/1.1 'Cormorant Garamond',serif;margin:15px 0}.intro p{max-width:660px;margin:16px auto;line-height:1.8}.eyebrow{color:#89785f}.categories{max-width:1440px;margin:auto;padding:0 30px 100px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tile{min-height:290px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:#292721}.tile img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .5s}.tile:hover img{transform:scale(1.07)}.tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,10,8,.72),rgba(12,10,8,.16))}.tile span{position:relative;z-index:1;font:400 clamp(20px,2.2vw,32px) 'Cormorant Garamond',serif;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);padding:10px}.tile:focus-visible{outline:4px solid #bd9c5e}.category-hero{height:310px;background:linear-gradient(90deg,rgba(20,18,16,.65),rgba(20,18,16,.22)),url('/img/hero-warehouse.png') center/cover;color:#f5e6c7;display:grid;place-items:center;text-align:center}.category-hero h1{font:300 clamp(50px,7vw,90px) 'Cormorant Garamond',serif;margin:12px}.content{max-width:1000px;margin:60px auto 100px;padding:0 26px}.content h2{font:400 38px 'Cormorant Garamond',serif}.content p{line-height:1.9}.empty{padding:38px;border:1px solid #d8d1c4;text-align:center}.piece{border:1px solid #d8d1c4;padding:28px;max-width:650px}.piece h3{font:400 30px 'Cormorant Garamond',serif;margin:8px 0}.piece small{letter-spacing:.15em;text-transform:uppercase}.muted{color:#746d62}footer{background:#27251f;color:#e9e0d2;padding:42px 6%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;letter-spacing:.1em}@media(max-width:950px){.categories{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){header{align-items:flex-start;flex-direction:column}nav{gap:17px}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px 65px}.tile{min-height:200px}.tile span{font-size:21px}.hero{min-height:76vh}}
/* J. Cole historical archive */
.archive-page{background:#101010;color:#e8e1d5}.archive-page header,.archive-page footer{background:#101010;color:#e8e1d5;border-color:#49433b}.archive-page header a,.archive-page footer a{color:#e8e1d5}.archive-page main{max-width:1180px;margin:auto;padding:0 24px 70px}.archive-intro{max-width:780px;padding:90px 0 55px}.archive-eyebrow{font-size:11px;letter-spacing:.22em;color:#b8a98f}.archive-intro h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,7vw,82px);line-height:1.08;margin:24px 0}.archive-intro p{color:#c3bbaf;line-height:1.8;font-size:16px}.archive-intro .archive-lead{font-size:22px;color:#f0e8da}.archive-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 32px}.archive-art-placeholder{aspect-ratio:4/3;background:#1b1b1b;border:1px solid #38342e;display:flex;align-items:center;justify-content:center;color:#786f63;letter-spacing:.18em;font-size:11px}.archive-work-meta{border-top:1px solid #4b453b;margin-top:17px;padding-top:14px}.archive-work-meta span{color:#a99b86;font-size:11px;letter-spacing:.15em}.archive-work h2{font:normal 23px/1.3 Georgia,serif;margin:10px 0;color:#eee5d7}.archive-note{color:#a99b86;font-size:13px;margin-top:60px}.archive-back{margin-top:35px}.archive-back a{color:#e8e1d5}@media(max-width:650px){.archive-gallery{grid-template-columns:1fr;gap:34px}.archive-intro{padding:55px 0 35px}.archive-work h2{font-size:21px}}

.stock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin:35px 0}.stock-card{background:#fff;border:1px solid #ddd7cb}.stock-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;background:#f0ede7;cursor:pointer}.stock-info{padding:18px}.stock-info h3{font:400 26px 'Cormorant Garamond',serif;margin:0 0 8px}.stock-info p{margin:0 0 15px}.stock-info button,.close-dialog{border:1px solid #666;background:transparent;padding:10px 15px;cursor:pointer}.stock-dialog{width:min(94vw,780px);max-height:90vh;overflow:auto;border:1px solid #bcb4a4;background:#f8f5ed;color:#27251f;padding:25px}.stock-dialog::backdrop{background:rgba(0,0,0,.78)}.stock-dialog img{width:100%;max-height:52vh;object-fit:contain}.stock-dialog h2{font:400 36px 'Cormorant Garamond',serif}.close-dialog{float:right;margin-bottom:10px}.archive-work .archive-image{width:100%;max-height:480px;object-fit:contain;cursor:zoom-in;background:#171717}.archive-zoom{width:min(98vw,1200px);max-height:95vh;background:#080808;border:1px solid #555;padding:12px;color:#f4efe4}.archive-zoom img{display:block;width:100%;max-height:80vh;object-fit:contain}.archive-zoom::backdrop{background:rgba(0,0,0,.94)}