/* Dailey Depictions — gallery, artwork and contact page styles (loaded after site.css) */

.links a.active{color:var(--amber)}
.page-top{padding:150px 0 40px}
.page-top h1{font-size:clamp(44px,6vw,80px);margin:12px 0 14px}
.page-top p{max-width:620px}

/* ===== Gallery page ===== */
.gal-bar{position:sticky;top:80px;z-index:10;background:rgba(14,15,17,.94);backdrop-filter:blur(8px);padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px}
.coll{padding:70px 0 30px}
.coll-head{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:end;margin-bottom:34px}
.coll-head h2{margin:8px 0 0}
.coll-head p{color:var(--fog)}
.coll-head .count{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--fog);margin-top:12px}
.grid figure .avail{position:absolute;top:12px;left:12px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:5px 9px;background:rgba(14,15,17,.8);color:var(--amber);opacity:0;transition:.35s}
.grid figure:hover .avail{opacity:1}

/* ===== Collection tiles (home) ===== */
.col .n{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--fog);display:block;margin-top:4px}

/* ===== Artwork page ===== */
.crumbs{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--fog);padding-top:110px}
.crumbs a:hover{color:var(--amber)}
.viewer{position:relative;margin:24px 0 0;background:#08090A;display:grid;place-items:center;padding:34px}
.viewer img{width:auto;height:auto;max-width:100%;max-height:78vh;box-shadow:0 30px 60px rgba(0,0,0,.6)}
.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:rgba(14,15,17,.7);display:grid;place-items:center;font-size:18px;color:var(--bone);transition:.2s}
.nav-arrow:hover{border-color:var(--amber);color:var(--amber)}
.nav-arrow.prev{left:18px}.nav-arrow.next{right:18px}
.wk{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;padding:50px 0 100px;align-items:start}
.wk h1{font-size:clamp(40px,4.6vw,64px);margin:10px 0 6px}
.wk .loc{color:var(--fog);font-size:14px;letter-spacing:.06em}
.wk .desc{color:#CFC8BD;font-size:19px;margin:22px 0 0;max-width:620px}
.wk .meta-list{display:grid;grid-template-columns:auto 1fr;gap:10px 28px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line);font-size:14px}
.wk .meta-list dt{color:var(--fog);letter-spacing:.14em;text-transform:uppercase;font-size:11px;padding-top:3px}
.own{background:var(--char);padding:34px;position:sticky;top:100px}
.own h3{font-size:30px;margin-bottom:6px}
.own p{color:var(--fog);font-size:15px}
.ed{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--amber);color:var(--amber);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:6px 12px;margin:14px 0 4px}
.fmt-list{list-style:none;margin:20px 0 26px;border-top:1px solid var(--line)}
.fmt-list li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.fmt-list li span{color:var(--fog);font-size:13px}
.own .actions{display:grid;gap:10px}
.own .btn{text-align:center}
.own .fine{font-size:12px;color:var(--fog);margin-top:14px}
.more{padding:80px 0 110px;border-top:1px solid var(--line)}
.more .grid{margin-top:30px}

/* ===== Contact page ===== */
.contact-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding-top:20px;padding-bottom:110px;align-items:start}
.about-work{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center;background:var(--char);padding:20px;margin-bottom:34px}
.about-work img{width:120px;height:120px;object-fit:cover}
.about-work b{font-family:var(--serif);font-weight:400;font-size:24px;display:block}
.about-work small{color:var(--fog);font-size:13px}
.form-soon{border:1px dashed var(--fog);padding:34px;text-align:center;color:var(--fog);margin:26px 0}
.form-soon b{display:block;font-family:var(--serif);font-weight:400;font-size:24px;color:var(--bone);margin-bottom:6px}
.tips{list-style:none;margin-top:18px}
.tips li{padding:10px 0;border-bottom:1px solid var(--line);color:#CFC8BD;font-size:15px}
.tips li::before{content:"—  ";color:var(--amber)}
.side-card{background:var(--char);padding:34px}
.side-card p{margin-bottom:18px;color:var(--fog)}
.side-card b{color:var(--bone);font-weight:400;display:block;font-size:17px}
.side-card a:hover{color:var(--amber)}

@media (max-width:980px){
  .page-top{padding:120px 0 30px}
  .gal-bar{top:80px}
  .coll-head{grid-template-columns:1fr;gap:12px}
  .crumbs{padding-top:96px}
  .viewer{padding:14px;margin:16px -20px 0}
  .nav-arrow{width:40px;height:40px}.nav-arrow.prev{left:8px}.nav-arrow.next{right:8px}
  .wk{grid-template-columns:1fr;gap:40px;padding:34px 0 80px}
  .own{position:static;padding:26px 22px}
  .contact-wrap{grid-template-columns:1fr;gap:40px}
  .about-work{grid-template-columns:84px 1fr}.about-work img{width:84px;height:84px}
}