/*
 * Algargos — Main Stylesheet
 * Based on approved mockup v2 (Mediterranean editorial academic)
 * @package Algargos
 */

/* ============================================
   VARIABLES & RESET
   ============================================ */
:root {
  --parchment: #FAF6F0;
  --parchment-deep: #F0EBE3;
  --ink: #2C2825;
  --ink-soft: #4A4541;
  --ink-muted: #7A756F;
  --terracotta: #C4583A;
  --terracotta-dark: #A3432B;
  --terracotta-light: #E8C4B8;
  --terracotta-bg: #FDF5F2;
  --lapis: #2E5A88;
  --lapis-dark: #1E3F61;
  --lapis-light: #D1DFED;
  --ochre: #C49A3C;
  --ochre-light: #F5ECD4;
  --verde: #4A7A5B;
  --verde-light: #D5E5DA;
  --warm-gray: #B8B2AA;
  --warm-gray-light: #E8E4DF;
  --cream: #FFFCF7;
  --shadow: rgba(44,40,37,.08);
  --shadow-md: rgba(44,40,37,.12);
  --shadow-lg: rgba(44,40,37,.18);
  --dm-bg: #1A1816;
  --dm-surface: #242120;
  --dm-surface-2: #2E2B29;
  --dm-text: #E8E4DF;
  --dm-text-soft: #B8B2AA;
  --dm-border: #3A3634;
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Source Serif 4', Georgia, serif;
  --font-ui: 'DM Sans', system-ui, sans-serif;
  --max-width: 1200px;
  --header-h: 72px;
  --radius: 6px;
  --radius-lg: 12px;
  --ease: cubic-bezier(.4,0,.2,1);
  --ease-out: cubic-bezier(0,0,.2,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);
  --duration: .3s;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--font-body);color:var(--ink);background:var(--parchment);line-height:1.7;overflow-x:hidden;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}

/* Dark mode overrides — using literal values to avoid cascade issues with WP/Elementor */
body.dark,html.dark body{
  --parchment:#1A1816;
  --parchment-deep:#242120;
  --cream:#2E2B29;
  --ink:#E8E4DF;
  --ink-soft:#B8B2AA;
  --ink-muted:#B8B2AA;
  --warm-gray-light:#3A3634;
  --shadow:rgba(0,0,0,.2);
  --shadow-md:rgba(0,0,0,.3);
  --shadow-lg:rgba(0,0,0,.4);
  --terracotta-light:#3A2520;
  --terracotta-bg:#241A17;
  --lapis-light:#1E2A38;
  --ochre-light:#2A2618;
  --verde-light:#1A2A20;
  color-scheme:dark;
}
html.dark{background:#1A1816}
body.dark .header,html.dark .header{background:rgba(26,24,22,.85)}
body.dark .footer,html.dark .footer{background:#111}
body.dark .popular-post__number,html.dark .popular-post__number{color:#C4583A;opacity:.4}
body.dark .form-alert--success,html.dark .form-alert--success{background:#1B3A1F;color:#81C784;border-color:#2E7D32}
body.dark .form-alert--error,html.dark .form-alert--error{background:#3A1A1A;color:#EF9A9A;border-color:#C62828}

/* Noise texture */
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px}

img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button{font-family:var(--font-ui);cursor:pointer;border:none;background:none}
.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}

/* ============================================
   LOADING SCREEN
   ============================================ */
.loader{position:fixed;inset:0;z-index:10000;background:var(--ink);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem;transition:opacity .6s var(--ease),visibility .6s}
.loader.done{opacity:0;visibility:hidden;pointer-events:none}
.loader__text{font-family:var(--font-display);font-size:2rem;font-weight:700;color:#FAF6F0;letter-spacing:.05em;overflow:hidden}
.loader__text span{display:inline-block;animation:loaderChar .5s var(--ease-spring) both}
.loader__bar{width:120px;height:2px;background:rgba(255,255,255,.15);border-radius:2px;overflow:hidden}
.loader__bar-fill{width:0;height:100%;background:var(--terracotta);animation:loaderBar 1.8s var(--ease) forwards}
@keyframes loaderChar{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes loaderBar{to{width:100%}}

/* ============================================
   PROGRESS BAR
   ============================================ */
.progress-bar{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--terracotta),var(--ochre),var(--lapis));z-index:1001}

/* ============================================
   HEADER (sticky, always visible)
   ============================================ */
.header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-h);background:rgba(250,246,240,.85);border-bottom:1px solid var(--warm-gray-light);backdrop-filter:blur(16px) saturate(1.2);transition:box-shadow var(--duration) var(--ease),background var(--duration) var(--ease)}
.header.scrolled{box-shadow:0 2px 24px var(--shadow-md)}
.header__inner{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;justify-content:space-between}
.header__logo{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--ink);letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}
.header__logo-mark{width:38px;height:38px;background:var(--terracotta);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;font-weight:800;transition:transform .4s var(--ease-spring)}
.header__logo:hover .header__logo-mark{transform:rotate(360deg) scale(1.1)}
.header__nav{display:flex;align-items:center;gap:2.2rem}
.header__nav a{font-family:var(--font-ui);font-size:.875rem;font-weight:500;color:var(--ink-soft);position:relative;padding:.25rem 0;transition:color var(--duration)}
.header__nav a::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--terracotta);transition:width .35s var(--ease-spring),left .35s var(--ease-spring)}
.header__nav a:hover{color:var(--ink)}
.header__nav a:hover::after{width:100%;left:0}
.header__nav a.active,.header__nav .current-menu-item>a{color:var(--terracotta)}
.header__nav a.active::after,.header__nav .current-menu-item>a::after{width:100%;left:0}
.header__actions{display:flex;align-items:center;gap:.75rem}
.btn-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);transition:all var(--duration)}
.btn-icon:hover{background:var(--warm-gray-light);color:var(--ink);transform:scale(1.05)}
.header__burger{display:none;flex-direction:column;gap:5px;width:28px;cursor:pointer;background:none;border:none;padding:0}
.header__burger span{display:block;height:2px;background:var(--ink);border-radius:2px;transition:all .3s var(--ease)}

/* ============================================
   SEARCH OVERLAY
   ============================================ */
.search-overlay{position:fixed;inset:0;z-index:2000;background:rgba(44,40,37,.7);backdrop-filter:blur(12px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;opacity:0;pointer-events:none;transition:opacity .35s}
.search-overlay.active{opacity:1;pointer-events:all}
.search-box{background:var(--parchment);border-radius:var(--radius-lg);padding:2rem;width:90%;max-width:640px;box-shadow:0 32px 80px var(--shadow-lg);transform:translateY(-30px) scale(.97);transition:transform .4s var(--ease-spring)}
.search-overlay.active .search-box{transform:translateY(0) scale(1)}
.search-box input,.search-page__form input{width:100%;font-family:var(--font-display);font-size:1.5rem;border:none;background:transparent;color:var(--ink);outline:none;padding:.5rem 0;border-bottom:2px solid var(--warm-gray-light);transition:border-color var(--duration)}
.search-box input:focus,.search-page__form input:focus{border-color:var(--terracotta)}
.search-box input::placeholder{color:var(--warm-gray)}
.search-hint{font-family:var(--font-ui);font-size:.8rem;color:var(--ink-muted);margin-top:1rem}
.search-hint kbd{background:var(--warm-gray-light);padding:2px 8px;border-radius:4px;font-size:.75rem}
.search-page__form{margin-bottom:2rem;display:flex;gap:1rem;align-items:flex-end}
.search-page__form input{font-size:1.2rem}

/* ============================================
   BUTTONS
   ============================================ */
.btn{font-family:var(--font-ui);font-weight:600;font-size:.9rem;padding:.85rem 1.8rem;border-radius:var(--radius);transition:all var(--duration) var(--ease);display:inline-flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}
.btn--primary{background:var(--terracotta);color:#fff}
.btn--primary::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.15));transform:translateX(-100%);transition:transform .5s var(--ease)}
.btn--primary:hover::before{transform:translateX(0)}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(196,88,58,.35)}
.btn--outline{border:1.5px solid var(--warm-gray-light);color:var(--ink-soft)}
.btn--outline:hover{border-color:var(--ink-soft);color:var(--ink);background:var(--cream);transform:translateY(-2px)}
.btn--white{background:#fff;color:var(--lapis-dark);font-weight:600}
.btn--white:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.2)}
.btn__arrow{transition:transform .3s var(--ease-spring)}
.btn:hover .btn__arrow{transform:translateX(4px)}

/* ============================================
   HERO
   ============================================ */
.hero{margin-top:var(--header-h);min-height:calc(100vh - var(--header-h));display:flex;align-items:center;position:relative;overflow:hidden;padding:4rem 0}
.hero__orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);will-change:transform}
.hero__orb--1{width:500px;height:500px;background:var(--terracotta-light);top:-10%;right:-5%;opacity:.5;animation:orbFloat1 12s ease-in-out infinite}
.hero__orb--2{width:400px;height:400px;background:var(--lapis-light);bottom:-10%;left:-8%;opacity:.35;animation:orbFloat2 15s ease-in-out infinite}
.hero__orb--3{width:300px;height:300px;background:var(--ochre-light);top:40%;right:25%;opacity:.25;animation:orbFloat3 18s ease-in-out infinite}
@keyframes orbFloat1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-40px,30px) scale(1.08)}}
@keyframes orbFloat2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-40px) scale(1.12)}}
@keyframes orbFloat3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-25px,-35px) scale(.92)}}
.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2}
.hero__content{position:relative;z-index:2}
.hero__label{font-family:var(--font-ui);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--terracotta);display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;clip-path:inset(0 100% 0 0);animation:revealRight 1s var(--ease-out) 2.2s forwards}
.hero__label::before{content:'';width:32px;height:2px;background:var(--terracotta)}
@keyframes revealRight{to{clip-path:inset(0 0% 0 0)}}
.hero__title{font-family:var(--font-display);font-size:clamp(2.6rem,5.5vw,4.2rem);font-weight:700;line-height:1.1;color:var(--ink);margin-bottom:1.5rem}
.hero__title .word{display:inline-block;overflow:hidden;vertical-align:bottom}
.hero__title .word-inner{display:inline-block;transform:translateY(110%);animation:wordUp .8s var(--ease-spring) forwards}
@keyframes wordUp{to{transform:translateY(0)}}
.hero__title em{font-style:italic;color:var(--terracotta);position:relative}
.hero__title em::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:8px;background:var(--terracotta-light);z-index:-1;transform:scaleX(0);transform-origin:left;animation:underlineGrow .6s var(--ease) 3s forwards}
@keyframes underlineGrow{to{transform:scaleX(1)}}
.hero__subtitle{font-family:var(--font-body);font-size:1.15rem;color:var(--ink-soft);max-width:520px;margin-bottom:2rem;opacity:0;transform:translateY(20px);animation:fadeUp .8s var(--ease) 2.8s forwards}
.hero__cta-row{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;transform:translateY(20px);animation:fadeUp .8s var(--ease) 3s forwards}
.hero__stats{display:flex;gap:2.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--warm-gray-light);opacity:0;animation:fadeUp .8s var(--ease) 3.3s forwards}
.hero__stat-number{font-family:var(--font-display);font-size:2.4rem;font-weight:700;color:var(--ink);line-height:1}
.hero__stat-label{font-family:var(--font-ui);font-size:.78rem;color:var(--ink-muted);margin-top:.25rem;text-transform:uppercase;letter-spacing:.08em}
.hero__visits{font-family:var(--font-ui);font-size:.78rem;color:var(--ink-muted);display:flex;align-items:center;gap:.4rem;margin-top:1.5rem;opacity:0;animation:fadeUp .8s var(--ease) 3.5s forwards}

/* Hero SVG */
.hero__art{position:relative;display:flex;align-items:center;justify-content:center}
.hero__svg-wrap{width:100%;max-width:460px;position:relative}
.hero-svg{width:100%;height:auto}
.hero-svg .draw-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--dash-length);stroke-dashoffset:var(--dash-length);animation:drawSVG 2.5s var(--ease-out) forwards;animation-delay:var(--delay,2s)}
@keyframes drawSVG{to{stroke-dashoffset:0}}
.hero__particle{position:absolute;border-radius:50%;pointer-events:none;opacity:0;animation:particleFloat 4s var(--ease) infinite;animation-delay:var(--d,0s)}
@keyframes particleFloat{0%{opacity:0;transform:translateY(20px) scale(.5)}20%{opacity:var(--o,.6)}80%{opacity:var(--o,.6)}100%{opacity:0;transform:translateY(-60px) scale(.3)}}

/* ============================================
   MARQUEE
   ============================================ */
.marquee-section{padding:2rem 0;border-top:1px solid var(--warm-gray-light);border-bottom:1px solid var(--warm-gray-light);overflow:hidden;background:var(--parchment-deep)}
.marquee{display:flex;animation:marqueeScroll 40s linear infinite;width:max-content}
.marquee:hover{animation-play-state:paused}
.marquee__item{font-family:var(--font-display);font-size:1rem;color:var(--ink-muted);white-space:nowrap;padding:0 2rem;display:flex;align-items:center;gap:.75rem;transition:color .3s}
.marquee__item:hover{color:var(--terracotta)}
.marquee__dot{width:6px;height:6px;background:var(--terracotta);border-radius:50%;opacity:.4}
@keyframes marqueeScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============================================
   SECTION HEADERS
   ============================================ */
.section-header{text-align:center;margin-bottom:3.5rem}
.section-label{font-family:var(--font-ui);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--terracotta);margin-bottom:.5rem}
.section-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;color:var(--ink)}

/* ============================================
   AREA CARDS
   ============================================ */
.areas{padding:5rem 0}
.areas__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.area-card{background:var(--cream);border-radius:var(--radius-lg);overflow:hidden;transition:all .45s var(--ease);border:1px solid var(--warm-gray-light);position:relative;display:block}
.area-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(44,40,37,.7));z-index:1;opacity:0;transition:opacity .45s}
.area-card:hover::before{opacity:1}
.area-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px var(--shadow-lg)}
.area-card__img-wrap{overflow:hidden;height:260px;position:relative}
.area-card__img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.area-card__img--placeholder{background:var(--warm-gray-light)}
.area-card:hover .area-card__img{transform:scale(1.08)}
.area-card__badge{position:absolute;top:1rem;left:1rem;font-family:var(--font-ui);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:.35rem .75rem;border-radius:100px;color:#fff;z-index:2}
.area-card__badge--arte{background:var(--terracotta)}
.area-card__badge--historia{background:var(--lapis)}
.area-card__badge--geo{background:var(--verde)}
.area-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;z-index:2;transform:translateY(20px);opacity:0;transition:all .45s}
.area-card:hover .area-card__overlay{transform:translateY(0);opacity:1}
.area-card__overlay-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.35rem}
.area-card__overlay-desc{font-family:var(--font-ui);font-size:.85rem;color:rgba(255,255,255,.8);margin-bottom:.75rem}
.area-card__overlay-link{font-family:var(--font-ui);font-size:.82rem;font-weight:600;color:#fff;display:inline-flex;align-items:center;gap:.35rem;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:2px}
.area-card__body{padding:1.5rem;transition:opacity .3s}
.area-card:hover .area-card__body{opacity:0}
.area-card__title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--ink);margin-bottom:.35rem}
.area-card__desc{font-size:.92rem;color:var(--ink-soft);line-height:1.6;margin-bottom:1rem}
.area-card__count{font-family:var(--font-ui);font-size:.75rem;color:var(--ink-muted);padding-top:.75rem;border-top:1px solid var(--warm-gray-light)}

/* ============================================
   LATEST POSTS
   ============================================ */
.latest{padding:5rem 0;background:var(--parchment-deep)}
.latest__area{margin-bottom:4rem}
.latest__area:last-child{margin-bottom:0}
.latest__area-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:.75rem;border-bottom:2px solid var(--warm-gray-light)}
.latest__area-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:.5rem}
.latest__area-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.latest__area-dot--arte{background:var(--terracotta)}
.latest__area-dot--hist{background:var(--lapis)}
.latest__area-dot--geo{background:var(--verde)}
.latest__area-link{font-family:var(--font-ui);font-size:.85rem;font-weight:500;color:var(--terracotta);display:flex;align-items:center;gap:.35rem;transition:gap .3s var(--ease-spring)}
.latest__area-link:hover{gap:.65rem}

/* ============================================
   POST CARDS
   ============================================ */
.posts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.posts-grid--featured{grid-template-columns:1.2fr .8fr}
.posts-grid--duo{grid-template-columns:1fr 1fr}
.post-card{background:var(--cream);border-radius:var(--radius-lg);overflow:hidden;transition:all .4s var(--ease);border:1px solid transparent;display:flex;flex-direction:column}
.post-card:hover{border-color:var(--warm-gray-light);box-shadow:0 12px 40px var(--shadow-md);transform:translateY(-3px)}
.post-card__img-wrap{overflow:hidden;position:relative}
.post-card__img{width:100%;height:200px;object-fit:cover;transition:transform .6s var(--ease)}
.post-card:hover .post-card__img{transform:scale(1.05)}
.post-card__body{padding:1.5rem;flex:1;display:flex;flex-direction:column}
.post-card__cats{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}
.post-card__cat-tag{font-family:var(--font-ui);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--terracotta);background:var(--terracotta-bg);padding:2px 8px;border-radius:4px}
.post-card__meta{font-family:var(--font-ui);font-size:.75rem;color:var(--ink-muted);display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}
.post-card__cat{font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.post-card__cat--arte{color:var(--terracotta)}
.post-card__cat--hist{color:var(--lapis)}
.post-card__cat--geo{color:var(--verde)}
.post-card__title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--ink);line-height:1.35;margin-bottom:.5rem;transition:color var(--duration)}
.post-card:hover .post-card__title{color:var(--terracotta)}
.post-card__excerpt{font-size:.9rem;color:var(--ink-soft);line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post-card__tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}
.post-card__tag{font-family:var(--font-ui);font-size:.68rem;color:var(--ink-muted);border:1px solid var(--warm-gray-light);padding:1px 7px;border-radius:3px;transition:all var(--duration)}
.post-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--warm-gray-light);font-family:var(--font-ui);font-size:.75rem;color:var(--ink-muted)}
.post-card__author{display:flex;align-items:center;gap:6px}
.post-card__author-avatar{width:22px;height:22px;border-radius:50%;background:var(--terracotta-light);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:var(--terracotta-dark)}
.post-card__read-time{display:flex;align-items:center;gap:4px}
.post-list{display:flex;flex-direction:column;gap:.75rem}
.post-list-item{display:flex;gap:1rem;padding:.75rem;background:var(--cream);border-radius:var(--radius);transition:all .35s var(--ease);border:1px solid transparent}
.post-list-item:hover{border-color:var(--warm-gray-light);box-shadow:0 4px 16px var(--shadow);transform:translateX(4px)}
.post-list-item__img{width:100px;height:80px;object-fit:cover;border-radius:var(--radius);flex-shrink:0}
.post-list-item__title{font-family:var(--font-display);font-size:.92rem;font-weight:600;color:var(--ink);line-height:1.35;margin-bottom:4px;transition:color var(--duration)}
.post-list-item:hover .post-list-item__title{color:var(--terracotta)}
.post-list-item__meta{font-family:var(--font-ui);font-size:.72rem;color:var(--ink-muted)}

/* ============================================
   EVAU BANNER
   ============================================ */
.evau-banner{padding:3rem 0}
.evau-banner__inner{background:linear-gradient(135deg,var(--lapis-dark) 0%,var(--lapis) 50%,#3A6FA0 100%);border-radius:var(--radius-lg);padding:3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;overflow:hidden}
.evau-banner__inner::before{content:'';position:absolute;top:-60%;right:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%)}
.evau-banner__inner::after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5L55 30L30 55L5 30Z' fill='none' stroke='rgba(255,255,255,.03)' stroke-width='1'/%3E%3C/svg%3E");animation:patternShift 20s linear infinite}
@keyframes patternShift{from{background-position:0 0}to{background-position:60px 60px}}
.evau-banner__text{position:relative;z-index:1}
.evau-banner__title{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem}
.evau-banner__desc{font-size:1rem;color:rgba(255,255,255,.8);max-width:480px}

/* ============================================
   ABOUT PREVIEW
   ============================================ */
.about-preview{padding:5rem 0}
.about-preview__inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;align-items:center}
.about-preview__img-wrap{position:relative}
.about-preview__img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-lg)}
.about-preview__img-wrap::before{content:'';position:absolute;top:-16px;left:-16px;width:100px;height:100px;border-left:3px solid var(--terracotta);border-top:3px solid var(--terracotta);border-radius:4px 0 0 0;opacity:.5}
.about-preview__img-wrap::after{content:'';position:absolute;bottom:-16px;right:-16px;width:100px;height:100px;border-right:3px solid var(--lapis);border-bottom:3px solid var(--lapis);border-radius:0 0 4px 0;opacity:.5}
.about-preview__label{font-family:var(--font-ui);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--terracotta);margin-bottom:1rem}
.about-preview__title{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--ink);margin-bottom:1.2rem;line-height:1.2}
.about-preview__text{font-size:1.05rem;color:var(--ink-soft);margin-bottom:1.5rem;line-height:1.75}
.about-preview__highlights{display:flex;gap:2.5rem;margin-bottom:2rem}
.about-highlight__number{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--terracotta);line-height:1}
.about-highlight__text{font-family:var(--font-ui);font-size:.75rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}

/* ============================================
   BREADCRUMBS
   ============================================ */
.breadcrumbs{margin-top:calc(var(--header-h) + 1.5rem);padding:0 0 1rem;font-family:var(--font-ui);font-size:.78rem;color:var(--ink-muted);display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}
.breadcrumbs a{color:var(--ink-muted);transition:color var(--duration)}
.breadcrumbs a:hover{color:var(--terracotta)}
.breadcrumbs__sep{color:var(--warm-gray);margin:0 2px}
.breadcrumbs__current{color:var(--ink-soft);font-weight:500}

/* ============================================
   ARCHIVE HERO
   ============================================ */
.archive-hero{padding:2rem 0 2.5rem;position:relative;border-bottom:1px solid var(--warm-gray-light);margin-bottom:2rem}
.archive-hero__inner{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}
.archive-hero__badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-ui);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--terracotta);background:var(--terracotta-bg);padding:.4rem .9rem;border-radius:100px;margin-bottom:1rem}
.archive-hero__badge--hist{color:var(--lapis);background:var(--lapis-light)}
.archive-hero__badge--geo{color:var(--verde);background:var(--verde-light)}
.archive-hero__badge-dot{width:8px;height:8px;background:currentColor;border-radius:50%}
.archive-hero h1{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3rem);font-weight:700;line-height:1.15;color:var(--ink);margin-bottom:1rem}
.archive-hero__desc{font-size:1.08rem;color:var(--ink-soft);max-width:640px;line-height:1.7}
.archive-hero__count{font-family:var(--font-ui);font-size:.85rem;color:var(--ink-muted);white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:.5rem}
.archive-hero__count strong{font-family:var(--font-display);font-size:2rem;color:var(--terracotta);font-weight:700;line-height:1}

/* ============================================
   FILTER BAR
   ============================================ */
.filter-bar{padding:1rem 0;border-bottom:1px solid var(--warm-gray-light);margin-bottom:2rem;position:sticky;top:var(--header-h);background:var(--parchment);z-index:100;transition:background var(--duration)}
.filter-bar__inner{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.filter-bar__label{font-family:var(--font-ui);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);flex-shrink:0}
.filter-pills{display:flex;gap:.5rem;flex-wrap:wrap;flex:1}
.filter-pill{font-family:var(--font-ui);font-size:.82rem;font-weight:500;padding:.45rem 1rem;border-radius:100px;border:1.5px solid var(--warm-gray-light);color:var(--ink-soft);background:transparent;transition:all var(--duration);white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
.filter-pill:hover{border-color:var(--terracotta-light);color:var(--terracotta);background:var(--terracotta-bg)}
.filter-pill.active,.filter-pill.current-cat{border-color:var(--terracotta);color:#fff;background:var(--terracotta)}
.filter-pill__count{font-size:.7rem;opacity:.7}
.results-info{font-family:var(--font-ui);font-size:.82rem;color:var(--ink-muted);margin-bottom:1.5rem}
.results-info strong{color:var(--ink-soft);font-weight:600}

/* ============================================
   ARCHIVE LAYOUT (content + sidebar)
   ============================================ */
.archive-layout{display:grid;grid-template-columns:1fr 300px;gap:3rem;padding-bottom:4rem}

/* ============================================
   SIDEBAR
   ============================================ */
.sidebar{display:flex;flex-direction:column;gap:2rem}
.sidebar__widget{background:var(--cream);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--warm-gray-light)}
.sidebar__heading{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--ink);margin-bottom:1.2rem;padding-bottom:.5rem;border-bottom:2px solid var(--terracotta);display:flex;align-items:center;gap:.5rem}
.cat-tree{list-style:none}
.cat-tree li{margin-bottom:2px}
.cat-tree a,.cat-tree__link{font-family:var(--font-ui);font-size:.85rem;color:var(--ink-soft);padding:.45rem .7rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;transition:all var(--duration)}
.cat-tree a:hover,.cat-tree__link:hover{background:var(--terracotta-bg);color:var(--terracotta)}
.cat-tree .current-cat>a{background:var(--terracotta);color:#fff}
.cat-tree .children{padding-left:1rem;margin-top:2px;list-style:none}
.cat-tree .children a{font-size:.8rem;padding:.35rem .7rem}
.popular-post{display:flex;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--warm-gray-light);transition:all var(--duration)}
.popular-post:last-child{border-bottom:none}
.popular-post:hover .popular-post__title{color:var(--terracotta)}
.popular-post__number{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:var(--terracotta-light);line-height:1;flex-shrink:0;width:28px}
.popular-post__title{font-family:var(--font-display);font-size:.88rem;font-weight:600;color:var(--ink);line-height:1.35;transition:color var(--duration)}
.popular-post__meta{font-family:var(--font-ui);font-size:.7rem;color:var(--ink-muted);margin-top:4px}
.tags-cloud{display:flex;flex-wrap:wrap;gap:.25rem}
.tags-cloud__tag{font-family:var(--font-ui);font-size:.75rem;color:var(--ink-muted);border:1px solid var(--warm-gray-light);padding:.25rem .6rem;border-radius:100px;transition:all var(--duration)}
.tags-cloud__tag:hover{border-color:var(--terracotta);color:var(--terracotta);background:var(--terracotta-bg)}

/* ============================================
   PAGINATION
   ============================================ */
.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--warm-gray-light)}
.pagination__btn,.pagination .page-numbers{font-family:var(--font-ui);font-size:.85rem;font-weight:500;min-width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);border:1.5px solid var(--warm-gray-light);transition:all var(--duration);padding:0 .5rem}
.pagination__btn:hover,.pagination .page-numbers:hover{border-color:var(--terracotta);color:var(--terracotta)}
.pagination__btn.active,.pagination .page-numbers.current{background:var(--terracotta);border-color:var(--terracotta);color:#fff}
.pagination .dots{border:none}

/* ============================================
   SINGLE POST
   ============================================ */
.single-post__header{padding:2rem 0 0}
.single-post__cats{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}
.single-post__cat-tag{font-family:var(--font-ui);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--terracotta);background:var(--terracotta-bg);padding:4px 10px;border-radius:4px;transition:all var(--duration)}
.single-post__cat-tag:hover{background:var(--terracotta);color:#fff}
.single-post__title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.2;color:var(--ink);margin-bottom:1.5rem}
.single-post__meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--warm-gray-light)}
.single-post__author{display:flex;align-items:center;gap:.75rem}
.single-post__avatar{width:44px;height:44px;border-radius:50%;background:var(--terracotta-light);display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:.85rem;font-weight:700;color:var(--terracotta-dark);flex-shrink:0}
.single-post__author-name{font-family:var(--font-ui);font-size:.9rem;font-weight:600;color:var(--ink)}
.single-post__meta-row{font-family:var(--font-ui);font-size:.78rem;color:var(--ink-muted);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:2px}
.single-post__share{display:flex;align-items:center;gap:.5rem}
.single-post__share-label{font-family:var(--font-ui);font-size:.78rem;color:var(--ink-muted)}
.share-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--warm-gray-light);display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:.75rem;font-weight:600;color:var(--ink-muted);transition:all var(--duration)}
.share-btn:hover{border-color:var(--terracotta);color:var(--terracotta);background:var(--terracotta-bg)}
.single-post__hero-img{margin-bottom:2.5rem;border-radius:var(--radius-lg);overflow:hidden}
.single-post__hero-img img{width:100%;height:auto}
.single-post__caption{font-family:var(--font-ui);font-size:.8rem;color:var(--ink-muted);padding:.75rem 0;font-style:italic;text-align:center}
.single-post__layout{display:grid;grid-template-columns:1fr 300px;gap:3rem;padding-bottom:3rem}
.single-post__content{font-size:1.08rem;line-height:1.8;color:var(--ink-soft)}
.single-post__content h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--ink);margin:2.5rem 0 1rem;scroll-margin-top:calc(var(--header-h) + 1.5rem)}
.single-post__content h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--ink);margin:2rem 0 .75rem;scroll-margin-top:calc(var(--header-h) + 1.5rem)}
.single-post__content p{margin-bottom:1.2rem}
.single-post__content img{border-radius:var(--radius);margin:1.5rem 0}
.single-post__content blockquote{border-left:3px solid var(--terracotta);padding:1rem 1.5rem;margin:1.5rem 0;background:var(--terracotta-bg);border-radius:0 var(--radius) var(--radius) 0;font-style:italic}
.single-post__content a{color:var(--terracotta);text-decoration:underline;text-underline-offset:3px}
.single-post__content a:hover{color:var(--terracotta-dark)}
.single-post__content figcaption{font-family:var(--font-ui);font-size:.8rem;color:var(--ink-muted);text-align:center;margin-top:.5rem;font-style:italic}
.single-post__tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:1.5rem 0;border-top:1px solid var(--warm-gray-light);margin-bottom:2rem}
.single-post__tags-label{font-family:var(--font-ui);font-size:.82rem;font-weight:600;color:var(--ink-muted)}
.single-post__tag{font-family:var(--font-ui);font-size:.78rem;color:var(--ink-muted);border:1px solid var(--warm-gray-light);padding:.3rem .7rem;border-radius:100px;transition:all var(--duration)}
.single-post__tag:hover{border-color:var(--terracotta);color:var(--terracotta);background:var(--terracotta-bg)}

/* Post navigation */
.single-post__nav{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:2rem 0;border-top:1px solid var(--warm-gray-light);margin-bottom:3rem}
.post-nav__link{padding:1.5rem;border:1px solid var(--warm-gray-light);border-radius:var(--radius-lg);transition:all var(--duration);display:block}
.post-nav__link:hover{border-color:var(--terracotta);box-shadow:0 4px 16px var(--shadow)}
.post-nav__link--next{text-align:right}
.post-nav__label{font-family:var(--font-ui);font-size:.78rem;color:var(--terracotta);font-weight:600;display:block;margin-bottom:.35rem}
.post-nav__title{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--ink);line-height:1.35}

/* Related posts */
.related-posts{padding:3rem 0;background:var(--parchment-deep)}
.related-posts__title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--ink);margin-bottom:2rem;text-align:center}
.related-posts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}

/* ============================================
   TABLE OF CONTENTS
   ============================================ */
.toc{background:var(--cream);border:1px solid var(--warm-gray-light);border-radius:var(--radius-lg);padding:1.5rem;margin:2rem 0}
.toc__header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.toc__title{font-family:var(--font-ui);font-size:.9rem;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:.5rem;margin:0}
.toc__toggle{font-size:1.2rem;color:var(--ink-muted);transition:transform .3s}
.toc.collapsed .toc__list{display:none}
.toc.collapsed .toc__toggle{transform:rotate(45deg)}
.toc__list{list-style:none;margin-top:1rem;counter-reset:toc}
.toc__list li{counter-increment:toc}
.toc__list li::before{content:counter(toc) ". ";color:var(--terracotta);font-weight:600;font-family:var(--font-ui);font-size:.82rem}
.toc__list a{font-family:var(--font-ui);font-size:.85rem;color:var(--ink-soft);transition:color var(--duration)}
.toc__list a:hover{color:var(--terracotta)}
.toc__list .toc__sub{padding-left:1.5rem}
.toc__list .toc__sub::before{content:""!important;counter-increment:none}

/* ============================================
   COMMENTS
   ============================================ */
.comments-section{padding:3rem 0;border-top:1px solid var(--warm-gray-light)}
.comments-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--ink);margin-bottom:2rem}
.comment-list{list-style:none}
.algargos-comment{margin-bottom:1.5rem;padding:1.5rem;background:var(--cream);border-radius:var(--radius-lg);border:1px solid var(--warm-gray-light)}
.algargos-comment .children{margin-top:1rem;padding-left:1.5rem;border-left:2px solid var(--terracotta-light)}
.algargos-comment .children .algargos-comment{background:var(--parchment)}
.comment-meta{display:flex;align-items:center;margin-bottom:1rem}
.comment-author{display:flex;align-items:center;gap:.75rem}
.comment-avatar{border-radius:50%}
.comment-author-name{font-family:var(--font-ui);font-size:.9rem;font-weight:600;color:var(--ink);display:block}
.comment-date{font-family:var(--font-ui);font-size:.75rem;color:var(--ink-muted)}
.comment-content{font-size:.95rem;color:var(--ink-soft);line-height:1.7}
.comment-content p{margin-bottom:.75rem}
.comment-actions{margin-top:.75rem}
.comment-actions a{font-family:var(--font-ui);font-size:.78rem;color:var(--terracotta);font-weight:600}
.comment-awaiting{font-size:.85rem;color:var(--ochre);padding:.5rem;background:var(--ochre-light);border-radius:var(--radius);margin-bottom:.75rem}
.comments-closed{font-family:var(--font-ui);font-size:.9rem;color:var(--ink-muted);padding:1.5rem;text-align:center;background:var(--cream);border-radius:var(--radius-lg)}
/* Comment form */
.comment-respond{margin-top:2.5rem}
.comment-reply-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--ink);margin-bottom:1rem}
.comment-notes{font-family:var(--font-ui);font-size:.82rem;color:var(--ink-muted);margin-bottom:1.5rem}
.comment-form label{font-family:var(--font-ui);font-size:.85rem;font-weight:500;color:var(--ink-soft);display:block;margin-bottom:.35rem}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{width:100%;font-family:var(--font-body);font-size:1rem;padding:.75rem;border:1.5px solid var(--warm-gray-light);border-radius:var(--radius);background:var(--cream);color:var(--ink);outline:none;transition:border-color var(--duration)}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--terracotta)}
.comment-form-comment,.comment-form p{margin-bottom:1rem}

/* ============================================
   404 PAGE
   ============================================ */
.error-404{padding:4rem 0;text-align:center;min-height:60vh;display:flex;align-items:center}
.error-404__inner{max-width:600px;margin:0 auto}
.error-404__svg{max-width:300px;margin:0 auto 2rem}
.error-404__title{font-family:var(--font-display);font-size:6rem;font-weight:800;color:var(--terracotta);line-height:1;opacity:.3}
.error-404__subtitle{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--ink);margin-bottom:1rem}
.error-404__text{font-size:1.05rem;color:var(--ink-soft);margin-bottom:2rem;max-width:480px;margin-left:auto;margin-right:auto}
.error-404__search{margin-bottom:2rem;display:flex;gap:1rem;max-width:400px;margin-left:auto;margin-right:auto}
.error-404__search input{flex:1;font-family:var(--font-display);font-size:1rem;padding:.75rem 1rem;border:1.5px solid var(--warm-gray-light);border-radius:var(--radius);background:var(--cream);color:var(--ink);outline:none}
.error-404__search input:focus{border-color:var(--terracotta)}
.error-404__links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.no-results-box{text-align:center;padding:3rem;background:var(--cream);border-radius:var(--radius-lg);border:1px solid var(--warm-gray-light)}
.no-results-box h2{font-family:var(--font-display);font-size:1.3rem;margin-bottom:.5rem}
.no-results-box p{color:var(--ink-soft);margin-bottom:1.5rem}
.no-results-cats{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}

/* ============================================
   FOOTER
   ============================================ */
.footer{background:var(--ink);color:rgba(255,255,255,.7);padding:3.5rem 0 1.5rem}
.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}
.footer__brand{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}
.footer__brand-mark{width:30px;height:30px;background:var(--terracotta);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:800}
.footer__desc{font-family:var(--font-ui);font-size:.85rem;line-height:1.65;margin-bottom:1.5rem}
.footer__social{display:flex;gap:.6rem}
.footer__social a,.social-link{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);transition:all .3s var(--ease)}
.footer__social a:hover,.social-link:hover{background:var(--terracotta);border-color:var(--terracotta);color:#fff;transform:translateY(-2px)}
.footer__social a svg{flex-shrink:0}
.footer__heading{font-family:var(--font-ui);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#fff;margin-bottom:1.2rem}
.footer__links{list-style:none;display:flex;flex-direction:column;gap:.5rem}
.footer__links a{font-family:var(--font-ui);font-size:.85rem;transition:color .3s,transform .3s;display:inline-block}
.footer__links a:hover{color:#fff;transform:translateX(4px)}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;font-family:var(--font-ui);font-size:.78rem;color:rgba(255,255,255,.4)}

/* ============================================
   SCROLL TOP
   ============================================ */
.scroll-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;background:var(--terracotta);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(196,88,58,.35);opacity:0;pointer-events:none;transform:translateY(10px) scale(.9);transition:all .4s var(--ease-spring);z-index:500;font-size:1.2rem;border:none;cursor:pointer}
.scroll-top.visible{opacity:1;pointer-events:all;transform:translateY(0) scale(1)}
.scroll-top:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 32px rgba(196,88,58,.4)}

/* ============================================
   ANIMATIONS
   ============================================ */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.reveal{opacity:0;transform:translateY(30px);transition:all .7s var(--ease-out)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}

/* ============================================
   MOBILE NAV
   ============================================ */
.mobile-nav{position:fixed;inset:0;z-index:999;background:var(--parchment);padding:calc(var(--header-h) + 2rem) 2rem 2rem;display:flex;flex-direction:column;gap:1.2rem;transform:translateX(100%);transition:transform .4s var(--ease-spring)}
.mobile-nav.open{transform:translateX(0)}
.mobile-nav a{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--ink);padding:.5rem 0;border-bottom:1px solid var(--warm-gray-light);display:block}

/* ============================================
   RESPONSIVE
   ============================================ */
@media(max-width:1024px){
  .archive-layout,.single-post__layout{grid-template-columns:1fr}
  .sidebar{display:grid;grid-template-columns:1fr 1fr;margin-top:2rem}
}
@media(max-width:968px){
  .header__nav{display:none}
  .header__burger{display:flex}
  .hero__grid{grid-template-columns:1fr}
  .hero__art{display:none}
  .hero{min-height:auto;padding:3rem 0}
  .areas__grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}
  .posts-grid,.posts-grid--featured,.posts-grid--duo{grid-template-columns:1fr}
  .related-posts__grid{grid-template-columns:1fr}
  .evau-banner__inner{flex-direction:column;text-align:center}
  .evau-banner__desc{max-width:100%}
  .about-preview__inner{grid-template-columns:1fr}
  .about-preview__img-wrap{max-width:320px;margin:0 auto}
  .footer__grid{grid-template-columns:1fr 1fr}
  .single-post__nav{grid-template-columns:1fr}
  .archive-hero__inner{flex-direction:column;align-items:flex-start}
  .contact-layout{grid-template-columns:1fr}
}
@media(max-width:768px){
  .sidebar{grid-template-columns:1fr}
}
@media(max-width:600px){
  :root{--header-h:60px}
  .hero__stats{flex-direction:column;gap:1rem}
  .hero__cta-row{flex-direction:column}
  .footer__grid{grid-template-columns:1fr}
  .footer__bottom{flex-direction:column;gap:.5rem;text-align:center}
  .about-preview__highlights{flex-wrap:wrap;gap:1.5rem}
  .single-post__meta{flex-direction:column;align-items:flex-start}
  .single-post__share{margin-top:.5rem}
  .filter-pills{gap:6px}
  .filter-pill{font-size:.75rem;padding:.35rem .75rem}
  .marquee__item{font-size:.85rem;padding:0 1.5rem}
  .error-404__search{flex-direction:column}
  .form-row--half{grid-template-columns:1fr}
}

/* ============================================
   CONTACT PAGE
   ============================================ */
.contact-layout{display:grid;grid-template-columns:1fr 340px;gap:3rem;padding-bottom:4rem}
.contact-form-wrap{background:var(--cream);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--warm-gray-light)}
.form-row--half{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-group{margin-bottom:1.25rem}
.form-group label{font-family:var(--font-ui);font-size:.85rem;font-weight:500;color:var(--ink-soft);display:block;margin-bottom:.4rem}
.form-group .required{color:var(--terracotta)}
.form-group input,.form-group textarea{width:100%;font-family:var(--font-body);font-size:1rem;padding:.75rem 1rem;border:1.5px solid var(--warm-gray-light);border-radius:var(--radius);background:var(--parchment);color:var(--ink);outline:none;transition:border-color var(--duration),box-shadow var(--duration)}
.form-group input:focus,.form-group textarea:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px rgba(196,88,58,.1)}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--warm-gray)}
.form-alert{padding:1rem 1.25rem;border-radius:var(--radius);font-family:var(--font-ui);font-size:.9rem;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}
.form-alert--success{background:#E8F5E9;color:#2E7D32;border:1px solid #A5D6A7}
.form-alert--error{background:#FFEBEE;color:#C62828;border:1px solid #EF9A9A}
.form-recaptcha-notice{font-family:var(--font-ui);font-size:.72rem;color:var(--ink-muted);margin-bottom:1.25rem}
.form-recaptcha-notice a{color:var(--terracotta);text-decoration:underline}
.contact-info{align-self:start}
.contact-info__card{background:var(--cream);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--warm-gray-light)}
.contact-info__card h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--ink);margin-bottom:1.25rem}
.contact-info__item{display:flex;align-items:center;gap:.75rem;font-family:var(--font-ui);font-size:.9rem;color:var(--ink-soft);margin-bottom:1rem}
.contact-info__note{font-family:var(--font-ui);font-size:.8rem;color:var(--ink-muted);font-style:italic}

/* ============================================
   LEGAL / PRIVACY PAGE
   ============================================ */
.legal-layout{max-width:800px;padding-bottom:4rem}
.legal-content{font-size:1.05rem;line-height:1.8;color:var(--ink-soft)}
.legal-content h2{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--ink);margin:2.5rem 0 1rem}
.legal-content h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--ink);margin:2rem 0 .75rem}
.legal-content p{margin-bottom:1rem}
.legal-content ul,.legal-content ol{margin-bottom:1rem;padding-left:1.5rem}
.legal-content li{margin-bottom:.35rem}
.legal-content a{color:var(--terracotta);text-decoration:underline;text-underline-offset:3px}

/* ============================================
   PAGE HERO (generic for static pages)
   ============================================ */
.page-hero{padding:2rem 0 2.5rem;border-bottom:1px solid var(--warm-gray-light);margin-bottom:2.5rem}
.page-hero h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.8rem);font-weight:700;color:var(--ink);margin-bottom:.75rem}
.page-hero__desc{font-size:1.08rem;color:var(--ink-soft);max-width:640px;line-height:1.7}

/* ============================================
   HEADER LOGO IMAGE
   ============================================ */
.header__logo-img{max-height:52px;width:auto;object-fit:contain;display:block}
.header__logo-text{font-family:var(--font-display);font-size:1.6rem;font-weight:700;letter-spacing:-.02em}
/* When logo image is present, logo link is just the image */
.header__logo{display:flex;align-items:center;gap:.5rem;flex-shrink:0}

/* ============================================
   WP NAV MENU INTEGRATION
   ============================================ */
.header__nav .menu{display:flex;align-items:center;gap:2.2rem;list-style:none;margin:0;padding:0}
.header__nav .menu-item a{font-family:var(--font-ui);font-size:.875rem;font-weight:500;color:var(--ink-soft);position:relative;padding:.25rem 0;transition:color var(--duration)}
.header__nav .menu-item a::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--terracotta);transition:width .35s var(--ease-spring),left .35s var(--ease-spring)}
.header__nav .menu-item a:hover{color:var(--ink)}
.header__nav .menu-item a:hover::after{width:100%;left:0}
.header__nav .current-menu-item>a,.header__nav .current-menu-ancestor>a{color:var(--terracotta)}
.header__nav .current-menu-item>a::after,.header__nav .current-menu-ancestor>a::after{width:100%;left:0}
/* Mobile nav WP menu */
.mobile-nav .menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.2rem}
.mobile-nav .menu-item a{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--ink);padding:.5rem 0;border-bottom:1px solid var(--warm-gray-light);display:block}

/* ============================================
   WORDPRESS OVERRIDES
   ============================================ */
/* Override Hello Elementor defaults */
.site-header,.site-footer{display:none!important}
.page-header{display:none}
.entry-content>*{max-width:none}
/* WP block alignment */
.alignwide{max-width:calc(var(--max-width) + 4rem);margin-left:auto;margin-right:auto}
.alignfull{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}
.wp-caption{max-width:100%}
.wp-caption-text{font-family:var(--font-ui);font-size:.8rem;color:var(--ink-muted);text-align:center;margin-top:.5rem;font-style:italic}