/*
Theme Name: Elena Jordi
Theme URI: https://elenajordi.cat
Author: Equip projecte Elena Jordi
Description: Tema editorial a mida, fase de desenvolupament. No apte encara per publicar.
Version: 0.2.0
Requires PHP: 8.0
Text Domain: elena-jordi
*/
:root{--ink:#241b1b;--wine:#6d2837;--gold:#bb9565;--paper:#e7dccb;--ivory:#f8f4eb;--muted:#736765;--soft:#f0e8dd;--dark:#37252b;--display:"Cormorant Garamond",Georgia,serif;--body:"DM Sans",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65}
a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{position:fixed!important;z-index:999;left:12px;top:12px;clip:auto;width:auto;height:auto;padding:14px 20px;background:white;color:var(--ink)}
.section-inner{width:min(calc(100% - 48px),1280px);margin-inline:auto}
.site-header{background:var(--ink);color:var(--ivory)}
.site-header__inner{min-height:108px;width:min(calc(100% - 48px),1280px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #675052}
.brand{font-family:var(--display);font-size:clamp(2rem,3.3vw,3.15rem);line-height:1;text-decoration:none;font-weight:600;white-space:nowrap}
.primary-nav ul,.mobile-menu ul{display:flex;align-items:center;gap:clamp(8px,1vw,16px);list-style:none;padding:0;margin:0}
.primary-nav a{font-size:clamp(.63rem,.79vw,.78rem);font-weight:600;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;text-decoration:none}
.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--gold)}
.mobile-menu{display:none}
.eyebrow{color:var(--gold);font-size:.87rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.eyebrow--wine{color:var(--wine)}.eyebrow--gold{color:var(--gold)}
h1,h2,h3{font-family:var(--display);line-height:1.04;font-weight:600;margin:0}
h2{font-size:clamp(3.3rem,6.9vw,6.7rem);letter-spacing:-.025em}
p{margin-block:0 1.5rem}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1.25rem;padding:19px 26px;font-weight:700;letter-spacing:.035em;text-decoration:none;background:var(--wine);color:var(--ivory);min-height:58px;transition:filter .15s}
.button:hover{filter:brightness(1.15)}
.button--light{background:var(--ivory);color:var(--ink)}
.text-link{font-size:.91rem;display:inline-block;color:var(--wine);font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:10px}
.text-link:hover{color:var(--ink)}.text-link--light{color:var(--ivory)}
.home-hero{background:var(--ink);color:var(--ivory)}
.home-hero__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:center;padding-block:86px 85px}
.home-hero h1{font-size:clamp(4.3rem,7.8vw,8.7rem);letter-spacing:-.035em;margin:29px 0 40px}
.home-hero h1 em,.home-discover h2 em{font-weight:500}
.home-hero__lead{font-size:clamp(1.13rem,1.75vw,1.45rem);max-width:660px;line-height:1.55;margin-bottom:41px;color:var(--paper)}
.home-hero__bottom{display:flex;justify-content:space-between;gap:30px;min-height:88px;align-items:center;border-top:1px solid #675052;text-transform:uppercase;letter-spacing:.07em;font-size:.76rem;color:var(--gold)}
.section{padding-block:135px}
.section--ivory{background:var(--ivory)}.section--paper{background:var(--paper)}.section--wine{background:var(--wine);color:var(--ivory)}.section--ink{background:var(--ink);color:var(--ivory)}
.editorial-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(45px,7vw,126px)}
.editorial-split--reverse{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
.editorial-split h2{margin:24px 0 42px}
.editorial-split p:not(.eyebrow):not(.archival-placeholder__label):not(.archival-placeholder__title):not(.archival-placeholder__note){font-size:clamp(1.05rem,1.4vw,1.23rem);max-width:640px}
.editorial-split .text-link{margin-top:23px}
.archival-placeholder{background:var(--paper);border:17px solid var(--ivory);padding:29px;min-height:550px;display:flex;flex-direction:column;color:var(--ink)}
.archival-placeholder--hero,.archival-placeholder--dark{background:var(--dark);border-color:#453038;color:var(--ivory)}
.archival-placeholder--hero{min-height:660px}
.archival-placeholder__label{font-size:.75rem!important;font-weight:700;letter-spacing:.08em;color:var(--wine);border-bottom:1px solid var(--gold);padding-bottom:23px}
.archival-placeholder--dark .archival-placeholder__label,.archival-placeholder--hero .archival-placeholder__label{color:var(--gold)}
.archival-placeholder__title{font-family:var(--display);font-size:clamp(3.2rem,5.1vw,5.3rem)!important;line-height:1.05!important;font-weight:500;margin:auto 0!important}
.archival-placeholder__note{font-size:.86rem!important;color:var(--muted);margin:0!important}
.archival-placeholder--hero .archival-placeholder__note,.archival-placeholder--dark .archival-placeholder__note{color:var(--paper)}
.home-discover{text-align:center}
.home-discover h2{margin:30px 0}
.home-discover p:not(.eyebrow){max-width:670px;margin-inline:auto;font-size:1.19rem;color:var(--paper)}
.home-discover__actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:35px;margin-top:40px}
.site-footer{background:var(--ink);color:var(--ivory);border-top:1px solid #655057;padding-block:70px 34px}
.site-footer__eyebrow{color:var(--gold);letter-spacing:.09em;font-weight:700;text-transform:uppercase;font-size:.85rem}
.site-footer__inner{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-block:22px 44px}
.site-footer__brand{font-family:var(--display);font-size:4.3rem;text-decoration:none;line-height:1}
.site-footer__inner p{margin:0;font-size:.9rem;color:var(--paper)}
.site-footer__note{font-size:.77rem;color:var(--paper);margin:0;border-top:1px solid #655057;padding-top:18px}
.article-content{max-width:850px;margin:70px auto;padding:0 24px;min-height:55vh}
.article-content h1{font-size:clamp(3.3rem,6vw,5rem);margin:0 0 25px}
.article-content h2{font-size:2.5rem}.article-content p{font-size:1.1rem}
@media(max-width:1020px){.primary-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{cursor:pointer;display:flex;align-items:center;gap:15px;list-style:none;text-transform:uppercase;font-weight:700;font-size:.87rem}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{color:var(--gold);font-size:1.3rem}.mobile-menu nav{position:absolute;z-index:5;right:0;top:calc(100% + 20px);width:min(340px,calc(100vw - 48px));padding:24px;background:var(--dark);border:1px solid #655057}.mobile-menu ul{flex-direction:column;align-items:stretch;gap:0}.mobile-menu li a{display:block;padding:11px 0;text-transform:uppercase;font-size:.86rem;text-decoration:none}.home-hero__grid{gap:34px}.editorial-split{gap:43px}.section{padding-block:90px}}
@media(max-width:680px){.section-inner,.site-header__inner{width:calc(100% - 48px)}.site-header__inner{min-height:85px}.home-hero__grid,.editorial-split,.editorial-split--reverse{grid-template-columns:1fr}.home-hero__grid{padding-block:55px}.home-hero h1{font-size:clamp(4.5rem,16vw,6.6rem)}.home-hero__lead{font-size:1.12rem}.home-hero__bottom{font-size:.65rem;min-height:70px}.section{padding-block:72px}.editorial-split h2{font-size:clamp(3.6rem,13vw,5.5rem)}.archival-placeholder,.archival-placeholder--hero{min-height:405px;border-width:14px;padding:21px}.archival-placeholder__title{font-size:3.6rem!important}.site-footer__inner{display:block}.site-footer__brand{font-size:3.6rem}.site-footer__inner p{margin-top:20px}.home-discover h2{font-size:clamp(3.8rem,13vw,5.6rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}


/* V0.3 · Plantilles interiors i revista Històries */
.interior-hero{padding:110px 0 125px;background:var(--ivory)}
.interior-hero--paper{background:var(--paper)}
.interior-hero--dark{background:var(--ink);color:var(--ivory)}
.interior-hero .eyebrow{margin-bottom:38px;color:var(--wine)}
.interior-hero--dark .eyebrow{color:var(--gold)}
.interior-hero h1{font-size:clamp(4.4rem,9vw,9.3rem);line-height:.98;letter-spacing:-.035em;max-width:1120px}
.interior-hero__subtitle{font-family:var(--display);font-size:clamp(2.1rem,4vw,4.7rem);line-height:1.12;max-width:900px;margin:40px 0 0;color:var(--wine)}
.interior-hero--dark .interior-hero__subtitle{color:var(--paper)}
.editorial-page__body{padding-block:100px 85px;max-width:1000px}
.entry-content{font-size:1.15rem;line-height:1.82}
.entry-content > p,.entry-content > ul,.entry-content > ol,.entry-content > blockquote{max-width:800px;margin-inline:auto}
.entry-content h2,.entry-content h3{max-width:850px;margin:75px auto 30px}
.entry-content h2{font-size:clamp(2.7rem,5vw,5.1rem)}
.entry-content h3{font-size:clamp(2rem,3vw,3.25rem)}
.entry-content figure{margin:65px auto}
.entry-content img{display:block;max-width:100%;height:auto}
.entry-content figcaption,.editorial-page__cover figcaption,.story-cover figcaption{font-size:.81rem;line-height:1.5;color:var(--muted);margin-top:13px}
.editorial-page__cover{margin:0 auto 75px;max-width:1120px}
.editorial-page__cover img{width:100%;height:auto;display:block}
.editorial-page__return{padding:0 0 100px}
.story-hero{padding:100px 0 115px;background:var(--ink);color:var(--ivory)}
.story-hero .eyebrow{margin-bottom:38px}
.story-hero h1{max-width:1160px;font-size:clamp(4rem,8.5vw,9rem)}
.story-hero__category{font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--gold);font-size:.78rem}
.story-hero__summary{max-width:850px;font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.55;color:var(--paper);margin-top:40px}
.story-hero__meta{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin:75px 0 0}
.story-cover{margin-block:70px 50px}.story-cover img{max-width:100%;width:100%;height:auto}
.story-body{max-width:980px;margin:85px auto 140px;padding-inline:24px}
.story-end{padding:90px 0;background:var(--paper)}
.stories-index__content{padding-block:95px 140px}
.stories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.story-card{background:var(--paper);display:flex;flex-direction:column;min-width:0}
.story-card__media{display:block;aspect-ratio:1/.95;overflow:hidden;background:var(--soft)}
.story-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.story-card__fallback{height:100%;display:grid;place-items:center;text-align:center;padding:35px;color:var(--wine);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.story-card__copy{padding:30px;display:flex;flex-direction:column;flex:1}
.story-card__copy .eyebrow{font-size:.72rem}
.story-card h2{font-size:clamp(2.2rem,3.4vw,3.4rem);line-height:1.03;margin:10px 0 23px}
.story-card h2 a{text-decoration:none}.story-card h2 a:hover{text-decoration:underline}
.story-card__copy p:not(.eyebrow){font-size:1rem}
.story-card__copy .text-link{align-self:flex-start;margin-top:auto}
.stories-index__empty{padding:90px 0}.stories-index__empty h2{font-size:clamp(2.6rem,5vw,5rem)}
.navigation.pagination{margin-top:70px}
.page-numbers{display:inline-block;margin-right:6px;padding:6px 13px}
.page-numbers.current{background:var(--wine);color:var(--ivory)}
@media(max-width:1020px){.stories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interior-hero{padding:80px 0 100px}.editorial-page__body{padding-block:85px}}
@media(max-width:680px){.interior-hero{padding:70px 0 85px}.interior-hero h1,.story-hero h1{font-size:clamp(4.1rem,16vw,6rem);overflow-wrap:break-word}.interior-hero__subtitle{font-size:2.6rem;margin-top:25px}.editorial-page__body{padding-block:65px}.entry-content{font-size:1.05rem}.entry-content h2{margin-top:45px}.story-hero{padding:75px 0 85px}.story-hero__meta{margin-top:45px}.story-body{margin-block:65px 100px}.stories-index__content{padding-block:65px 90px}.stories-grid{grid-template-columns:1fr}.story-card__copy{padding:24px}.story-card h2{font-size:2.7rem}}


/* V0.4 · Catàleg documental i contacte */
.archive-catalog{max-width:1280px;margin:0 auto;padding:20px 0 80px}
.archive-catalog__filter{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-bottom:45px}
.archive-catalog__filter label{font-weight:700}
.archive-catalog__filter select,.archive-catalog__filter button{font:inherit;min-height:48px;padding:9px 17px;border:1px solid var(--muted);background:var(--ivory);color:var(--ink)}
.archive-catalog__filter button{background:var(--wine);color:var(--ivory);border:0;cursor:pointer}
.archive-catalog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.archive-catalog__card{background:var(--paper);padding:35px;min-width:0}
.archive-catalog__card h2{font-size:clamp(2rem,3vw,3.2rem);margin:15px 0 23px;overflow-wrap:break-word}
.archive-catalog__card p{font-size:1rem}.archive-catalog__card a{color:var(--wine);font-weight:700}
.ej-contact{max-width:850px;background:var(--paper);padding:clamp(20px,4vw,55px)}
.ej-contact p{max-width:none}.ej-contact label{display:block;font-size:.86rem;font-weight:700;line-height:1.5}
.ej-contact input:not([type=checkbox]),.ej-contact select,.ej-contact textarea{display:block;width:100%;min-width:0;margin-top:12px;padding:16px;border:1px solid #bfb2a3;background:#fff;color:var(--ink);font:inherit;font-size:1rem;border-radius:0}
.ej-contact textarea{resize:vertical}.ej-contact__privacy label{display:flex;gap:13px;align-items:flex-start}
.ej-contact__privacy input{margin-top:5px;flex:0 0 auto}.ej-contact__honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ej-contact__status{max-width:850px;padding:18px;background:var(--soft);font-weight:700}
@media(max-width:850px){.archive-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.archive-catalog__grid{grid-template-columns:1fr}.archive-catalog__card{padding:25px}.ej-contact{padding:24px}}

.archive-catalog__filter input[type=search]{font:inherit;min-height:48px;padding:9px 14px;max-width:100%;border:1px solid var(--muted);background:white;color:var(--ink)}
.archive-catalog__pagination{display:flex;flex-wrap:wrap;gap:9px;margin-top:45px}
.archive-catalog__pagination a{padding:7px 13px;background:var(--paper);text-decoration:none}
.archive-catalog__pagination a[aria-current=page]{background:var(--wine);color:var(--ivory)}