/*
Theme Name: Eli Varen Artist — Responsive
Theme URI: https://elivaren.com/
Author: Eli Varen
Description: A responsive editorial block theme for Eli Varen's music, video, and photography archive.
Version: 1.0.4
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: eli-varen-artist
*/

/* Base styles use standard CSS with fallbacks for older browser engines. */
body{margin:0;background:#f4f4f1;color:#171816;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6}
.wp-site-blocks{overflow:hidden}
.ev-site-header{border-bottom:1px solid #c9cac4;padding:22px 0}
.ev-header-inner{width:88%;max-width:1120px;margin-left:auto;margin-right:auto}
.ev-site-header .wp-block-site-title a{text-decoration:none}
.ev-site-header .wp-block-navigation a{text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.ev-site-header .wp-block-navigation__container{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none}
.ev-site-header .wp-block-navigation__container>.wp-block-navigation-item{margin:5px 0 5px 18px}
.ev-site-header .wp-block-navigation__container>.wp-block-navigation-item:first-child{margin-left:0}
.ev-hero{min-height:620px;min-height:76vh;display:flex;align-items:flex-end;padding:90px 0 78px;background-color:#17201e;background-image:linear-gradient(90deg,rgba(10,16,17,.78),rgba(10,16,17,.25)),url('https://elivaren.com/wp-content/uploads/2026/06/IMG_4708.jpg');background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff}
.ev-hero-copy{width:88%;max-width:1120px;margin-left:auto;margin-right:auto}
.ev-kicker{color:#9b835e;font-size:10px;letter-spacing:.19em;text-transform:uppercase;margin:0 0 12px}
.ev-display{font-family:Georgia,'Times New Roman',serif;font-size:72px;font-weight:400;line-height:.98;letter-spacing:-.045em;margin:18px 0}
.ev-tagline{font-family:Georgia,'Times New Roman',serif;font-size:32px;line-height:1.25;max-width:680px;margin:0 0 14px}
.ev-lede{font-size:14px;line-height:1.8;color:#e1e1dc;max-width:620px;margin:0 0 25px}
.ev-actions{display:flex;flex-wrap:wrap;margin:0 -5px}
.ev-actions>.wp-block-button{margin:0 5px 10px}
.ev-button .wp-block-button__link{display:inline-block;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.75);border-radius:2px;padding:13px 19px;font-size:11px;letter-spacing:.05em}
.ev-button-primary .wp-block-button__link{background:#f4f4f1;color:#171816;border-color:#f4f4f1}
.ev-stream{background:#111b1e;color:#eee;text-align:center;padding:13px 12px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.ev-stream p{margin:0}
.ev-section{padding:78px 0;background:#f4f4f1;color:#171816}
.ev-section>.wp-block-group,.ev-section>.wp-block-columns{width:88%;max-width:1120px;margin-left:auto;margin-right:auto}
.ev-section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;margin:0 0 28px}
.ev-section-head>.wp-block-group{margin-right:24px}
.ev-section h2{font-family:Georgia,'Times New Roman',serif;font-size:48px;font-weight:400;line-height:1.05;letter-spacing:-.035em;margin:7px 0}
.ev-note{max-width:355px;color:#777873;font-size:13px;line-height:1.8}
/* Flexbox is the fallback; browsers with CSS Grid get the more precise layout below. */
.ev-release-grid{display:flex;flex-wrap:wrap;margin:-13px}
.ev-release{box-sizing:border-box;flex:1 1 260px;max-width:calc(33.333% - 26px);min-width:0;margin:13px}
.ev-cover{margin:0 0 16px}
.ev-cover img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#e2e2dc}
.ev-meta{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:#9b835e;margin:0 0 7px}
.ev-release h3{font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:400;line-height:1.15;margin:0 0 9px}
.ev-description{font-size:12px;line-height:1.7;color:#777873;margin:0 0 12px}
.ev-text-link{font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin:14px 0}
.ev-text-link a{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
.ev-section-dark{background:#111b1e;color:#fff}
.ev-section-dark .ev-note{color:#c7c9c3}
.ev-section-dark .ev-text-link a{color:#fff}
.ev-video{position:relative;width:100%;height:0;padding-top:56.25%;background:#202522;overflow:hidden}
.ev-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.ev-about-grid{display:flex;flex-wrap:wrap;margin:-15px}
.ev-about-grid>.wp-block-group{box-sizing:border-box;flex:1 1 270px;min-width:0;margin:15px}
.ev-footer{background:#111b1e;color:#d0d0c9;padding:20px 0;font-size:10px}
.ev-footer-inner{width:88%;max-width:1120px;margin-left:auto;margin-right:auto}
.ev-footer-inner p{margin:0}
.ev-footer a{color:inherit;text-decoration:none}
.ev-page-content{width:88%;max-width:1120px;margin:64px auto;min-height:50vh}
.ev-page-content>.wp-block-post-title{font-family:Georgia,'Times New Roman',serif;font-size:52px;font-weight:400;line-height:1.05;letter-spacing:-.04em;margin:0 auto 32px}
.ev-page-content .wp-block-post-content{font-size:14px;line-height:1.8}
.wp-block-query .wp-block-post-template{list-style:none;padding:0}
.wp-block-query .wp-block-post{padding:22px 0;border-bottom:1px solid #c9cac4}
.ev-journal-heading{margin-bottom:30px}
.ev-journal-entry{padding:22px 0;border-bottom:1px solid #c9cac4}
.ev-journal-entry h2{font-family:Georgia,'Times New Roman',serif;font-size:26px;font-weight:400;line-height:1.2;margin:8px 0}
.ev-journal-entry h2 a{text-decoration:none}
.ev-journal-entry .wp-block-post-excerpt{color:#777873;font-size:13px}

/* Progressive enhancement for current Chrome, Edge, Firefox, and Safari. */
@supports (display:grid){
  .ev-release-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;margin:0}
  .ev-release{max-width:none;margin:0}
  .ev-about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:56px;margin:0}
  .ev-about-grid>.wp-block-group{margin:0}
}

/* Tablet: keep the release cards readable and reduce display scale. */
@media (max-width:900px){
  .ev-header-inner,.ev-footer-inner{width:90%}
  .ev-hero-copy,.ev-section>.wp-block-group,.ev-section>.wp-block-columns{width:90%}
  .ev-hero{min-height:600px;padding:64px 0}
  .ev-display{font-size:68px}
  .ev-tagline{font-size:29px}
  .ev-section{padding:62px 0}
  .ev-section h2{font-size:42px}
  .ev-release{max-width:calc(50% - 26px)}
  .ev-about-grid>.wp-block-group{flex-basis:260px}
}

/* Phones. */
@media (max-width:600px){
  .ev-site-header{padding:15px 0}
  .ev-header-inner{width:90%;align-items:flex-start}
  .ev-site-header .wp-block-navigation__container>.wp-block-navigation-item{margin-left:0;margin-right:15px}
  .ev-hero{min-height:570px;padding:52px 0}
  .ev-hero-copy{width:90%}
  .ev-display{font-size:58px}
  .ev-tagline{font-size:25px}
  .ev-lede{font-size:13px}
  .ev-section{padding:52px 0}
  .ev-section-head{display:block}
  .ev-section-head>.wp-block-group{margin-right:0}
  .ev-section h2{font-size:38px}
  .ev-release{flex-basis:100%;max-width:none}
  .ev-about-grid>.wp-block-group{flex-basis:100%}
  .ev-page-content{width:90%;margin:46px auto}
  .ev-page-content>.wp-block-post-title{font-size:42px}
  .ev-footer-inner{width:90%}
  .ev-footer-inner>.wp-block-group{align-items:flex-start;flex-direction:column}
}

/* Platform-independent external-link icon and release tiles. */
.ev-arrow-icon{display:inline-block;width:.9em;height:.9em;margin-left:.32em;vertical-align:-.08em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ev-button .ev-arrow-icon{width:1em;height:1em}
.ev-release-art{display:flex;aspect-ratio:1;align-items:flex-end;justify-content:space-between;flex-direction:column;padding:22px;background:linear-gradient(145deg,#1d2929,#69756f 54%,#baaa8b);color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(26px,3vw,42px);line-height:1.1}
.ev-release-art span{align-self:flex-start;font:9px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase}