/*
Theme Name: Arianna Hogan Art
Theme URI: https://ariannahogan.art/
Author: Arianna Hogan
Description: A native Gutenberg fine-art theme blending the Bone + Blush editorial character of ariannahogan.com with the dark, high-contrast discipline of Authority Design. Built for artwork archives, collector enquiries, commissions, writing and patronage.
Version: 2.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: arianna-hogan-art
*/

:root{
  --ah-black:#050505;
  --ah-near-black:#101010;
  --ah-charcoal:#1c1c1c;
  --ah-panel:#151315;
  --ah-ivory:#faf8f5;
  --ah-bone:#f4f0ec;
  --ah-cream:#f6f2f0;
  --ah-blush:#f3e3df;
  --ah-blush-deep:#eddad5;
  --ah-rose:#8a6e66;
  --ah-wine:#6d223d;
  --ah-oxblood:#4a171b;
  --ah-muted:#857c7a;
  --ah-line-dark:rgba(244,240,236,.15);
  --ah-line-light:rgba(28,28,28,.15);
  --ah-shadow:0 24px 70px rgba(5,5,5,.12);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{text-rendering:optimizeLegibility}
.wp-site-blocks{overflow:clip}
a{transition:color .2s ease,opacity .2s ease,border-color .2s ease,background .2s ease}

/* Editorial micro-type */
.ah-kicker,.ah-meta,.ah-micro,.ah-status,.ah-artwork-card__meta{
  font-family:var(--wp--preset--font-family--sans);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.7rem;
  line-height:1.5;
}
.ah-kicker{font-weight:700;color:var(--ah-rose)}
.has-near-black-background-color .ah-kicker,.has-charcoal-background-color .ah-kicker,.has-oxblood-background-color .ah-kicker{color:#c8aaa6}
.ah-meta,.ah-artwork-card__meta{color:var(--ah-muted);text-transform:none;letter-spacing:.055em;font-size:.78rem}
.ah-status{color:var(--ah-wine);font-weight:700}
.ah-rule{border-top:1px solid currentColor;opacity:.18}

/* Header: transparent/dark gallery bar with Authority discipline */
.ah-site-header{
  position:relative;
  z-index:30;
  border-bottom:1px solid var(--ah-line-light);
}
.ah-site-header .wp-block-site-title a{text-decoration:none}
.ah-nav .wp-block-navigation-item__content{text-decoration:none;opacity:.72}
.ah-nav .wp-block-navigation-item__content:hover{color:var(--ah-wine);opacity:1}
.ah-patron-nav>a{border:1px solid currentColor;padding:.55rem .8rem!important;opacity:1!important}

/* Hero */
.ah-hero{min-height:82vh;display:flex;align-items:center;position:relative}
.ah-hero .wp-block-cover__inner-container{width:100%}
.ah-hero h1{max-width:10ch;letter-spacing:-.045em}
.ah-hero-line{font-family:var(--wp--preset--font-family--cormorant);font-style:italic;max-width:31ch}
.ah-hero-wordmark{line-height:.86}

/* Art handling */
.ah-artwork img,.wp-block-post-featured-image img{display:block;width:100%;height:auto}
.ah-artwork a{display:block}
.ah-image-portrait img{aspect-ratio:4/5;object-fit:cover}
.ah-image-landscape img{aspect-ratio:3/2;object-fit:cover}
.ah-image-square img{aspect-ratio:1;object-fit:cover}
.ah-image-tall img{aspect-ratio:3/4;object-fit:cover}
.ah-editorial-offset{margin-top:clamp(4rem,10vw,10rem)}
.ah-editorial-offset-sm{margin-top:clamp(2rem,5vw,5rem)}
.ah-artwork-caption{margin-top:.8rem}

/* Links & buttons */
.ah-link a,a.ah-link{text-decoration-thickness:1px;text-underline-offset:.35em}
.ah-link a:hover,a.ah-link:hover{color:var(--ah-wine)}
.ah-button .wp-block-button__link,.ah-cta{
  background:transparent;border:1px solid currentColor;color:inherit;border-radius:0;padding:.85rem 1.25rem;
  font-family:var(--wp--preset--font-family--sans);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;text-decoration:none;
}
.ah-button .wp-block-button__link:hover,.ah-cta:hover{background:var(--ah-near-black);color:var(--ah-bone)}
.has-near-black-background-color .ah-button .wp-block-button__link:hover,.has-charcoal-background-color .ah-button .wp-block-button__link:hover,.has-oxblood-background-color .ah-button .wp-block-button__link:hover{background:var(--ah-bone);color:var(--ah-near-black)}

/* Dynamic artwork archive */
.ah-artwork-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2rem,4vw,4.5rem) clamp(1.2rem,2.6vw,2.5rem);margin:0;padding:0;list-style:none}
.ah-artwork-card{grid-column:span 4;min-width:0}
.ah-artwork-card:nth-child(5n+1),.ah-artwork-card:nth-child(5n+4){grid-column:span 7}
.ah-artwork-card:nth-child(5n+2),.ah-artwork-card:nth-child(5n+5){grid-column:span 5;margin-top:clamp(2rem,6vw,7rem)}
.ah-artwork-card:nth-child(5n+3){grid-column:3/span 8}
.ah-artwork-card__image{display:block;overflow:hidden;background:var(--ah-cream)}
.ah-artwork-card__image img{width:100%;height:auto;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ah-artwork-card__image:hover img{transform:scale(1.012)}
.ah-artwork-card__title{font-family:var(--wp--preset--font-family--playfair);font-weight:400;font-size:clamp(1.25rem,2vw,1.8rem);margin:.9rem 0 .18rem;line-height:1.05}
.ah-artwork-card__title a{text-decoration:none}
.ah-artwork-card__title a:hover{color:var(--ah-wine)}
.ah-artwork-card__status{margin-top:.55rem}
.ah-artwork-empty{font-family:var(--wp--preset--font-family--cormorant);font-style:italic;font-size:1.25rem;color:var(--ah-muted)}

/* Single artwork catalogue */
.ah-artwork-details{border-top:1px solid var(--ah-line-light);margin-top:1.75rem;padding-top:1rem}
.ah-artwork-details dl{margin:0}
.ah-artwork-details__row{display:grid;grid-template-columns:7rem 1fr;gap:1.2rem;padding:.55rem 0;border-bottom:1px solid rgba(28,28,28,.08)}
.ah-artwork-details dt{font-family:var(--wp--preset--font-family--sans);font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ah-muted)}
.ah-artwork-details dd{margin:0;font-family:var(--wp--preset--font-family--cormorant);font-size:1.08rem}
.ah-enquire-box{margin-top:2rem}
.ah-enquire-box .ah-cta{display:inline-block}

/* Patron: deliberately more intimate, never SaaS */
.ah-patron-hero{min-height:72vh;display:flex;align-items:center}
.ah-patron-intro{max-width:760px}
.ah-patron-tier{border-top:1px solid var(--ah-line-dark);padding:2.25rem 0}
.ah-patron-tier:last-child{border-bottom:1px solid var(--ah-line-dark)}
.ah-patron-tier__number{opacity:.55}
.ah-patron-tier h3{margin:.2rem 0 .7rem}
.ah-patron-tier p{max-width:50rem}
.ah-patron-window{font-family:var(--wp--preset--font-family--playfair);font-style:italic}

/* Writing/editorial */
.ah-literary-rule{width:4rem;border-top:1px solid currentColor;opacity:.35}
.ah-quote{font-family:var(--wp--preset--font-family--cormorant);font-style:italic}

/* Footer */
.ah-footer-nav .wp-block-navigation-item__content{text-decoration:none;opacity:.72}
.ah-footer-nav .wp-block-navigation-item__content:hover{opacity:1;color:var(--ah-blush)}

/* Forms */
input,textarea,select{font:inherit;border-radius:0;border:1px solid rgba(28,28,28,.22);background:transparent;color:inherit;padding:.8rem .9rem;width:100%}
input:focus,textarea:focus,select:focus{outline:1px solid var(--ah-wine);outline-offset:2px}

@media(max-width:900px){
  .ah-artwork-card,.ah-artwork-card:nth-child(n){grid-column:span 6;margin-top:0}
  .ah-artwork-card:nth-child(3n){grid-column:2/span 10}
}
@media(max-width:781px){
  .ah-editorial-offset,.ah-editorial-offset-sm{margin-top:0}
  .ah-mobile-stack-reverse{flex-direction:column-reverse}
  .ah-hero{min-height:72vh}
}
@media(max-width:620px){
  .ah-artwork-grid{display:block}
  .ah-artwork-card{margin:0 0 3.5rem!important}
  .ah-artwork-details__row{grid-template-columns:1fr;gap:.15rem}
}