/*---------new-----------*/


.hero-main h1 em { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; letter-spacing: -0.005em; }
.comm-hero h1 em, .page-header h1 em { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; color: var(--accent); }
.event-hero h1 em { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.featured-info h2 em, .section-h2 em{
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400;
    text-transform: none;
}
.ttu{
    text-transform: uppercase;
}

.testim-box {
    opacity: 0.6;
    transform: scale(0.95);
    transition: all 0.4s ease;
}

.testim-box.active {
    opacity: 1;
    transform: scale(1);
}
.testimonial-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}

.testimonial-dots button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background: #ccc;
    cursor: pointer;
    padding: 0;
}

.testimonial-dots button.active {
    background: #000;
}
.testimonial-slider {
    overflow: hidden;
    position: relative;
}

.testimonial-track {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
}

.testim-box {
    min-width: 100%;
    box-sizing: border-box;
}

.testimonial-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}

.testimonial-dots button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background: #ccc;
    cursor: pointer;
}

.testimonial-dots button.active {
    background: #000;
}
.weekly-quote .testimonial-dots button.active {
    background: #fff;
}
/*--------------*/
/*--------------*/
.brevo-row{
    display: flex;
    margin-bottom: 12px;
}
.brevo-gdpr label {
    font-size: 11px;
    display: inline-block;
    line-height: 13px;
    color: grey;
    width: calc(100% - 20px);
    text-align: left;
}
#NewsletterForm {
    display: block;
    border:none;
}
#NewsletterForm input[type='email']{
    border: 2px solid #fff;
}
#NewsletterForm input[type='submit']{
    padding: 14px 22px;
    background: var(--yellow);
    color: var(--ink);
    border: none;
    cursor: pointer;
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.14em;
}
.b-newsletter-form #NewsletterForm input[type='email'] {
    border: 2px solid #000000;
}
.b-newsletter-form #NewsletterForm input[type='submit']:hover{
    background: var(--accent);
}
.b-newsletter-form #NewsletterForm input[type='submit']{
    padding: 14px 22px;
    background: var(--ink);
    color: #fff;
    border: none;
    cursor: pointer;
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.14em;
    flex:auto;
}
.form-error{
    text-align: center;
    margin-top: 20px;
    color: var(--accent);
    font-size: 13px;
}
.form-success{
    text-align: center;
    margin-top: 20px;
    color: darkgreen;
    font-size: 13px;
}
/*--------------*/
.filter-bar .section-h2{
    margin: 0;
}
.filter-right{
    margin-left: auto;
    display: flex;
    gap: 16px;
    align-items: center;
}
/*--------------*/
.tags-wrap{
    padding: 90px 0;
    text-align: center;
}
.capit-t{
    text-transform: capitalize;
}
.tag-pill.active {
    border-color: var(--accent);
    color: var(--accent);
}
.tags-count strong{
    color: var(--ink);
    font-weight: 700;
}
.tags-count{
    margin-left: 24px;
    font-size: 12px;
    color: var(--ink3);
    font-weight: 500;
}
.bb{
    border-bottom: 1px solid var(--line);
}
/*------------homepage---------*/

:root {
    --bg: #ffffff; --paper: #f5f1ea;
    --ink: #1a1a1a; --ink2: #2a2a2a; --ink3: #767676;
    --line: #e8e8e8; --accent: #d8241c; --yellow: #ffd83d;
    --font-display: 'Inter', sans-serif;
    --font-serif: 'Playfair Display', serif;
    --font-body: 'Inter', sans-serif;
    --display-weight: 900;
    --display-tracking: -0.025em;
    --display-transform: uppercase;
    --section-gap: 90px;
}
body.mood-soft {
    --font-display: 'Fraunces', serif;
    --font-serif: 'Fraunces', serif;
    --display-weight: 700;
    --display-tracking: -0.015em;
    --display-transform: none;
    --paper: #efe9dd;
}
body.mood-stark {
    --font-display: 'Space Grotesk', sans-serif;
    --font-serif: 'Space Grotesk', sans-serif;
    --display-weight: 700;
    --display-tracking: -0.02em;
    --paper: #f0f0f0;
}
body.density-cozy { --section-gap: 60px; }
body.density-spacious { --section-gap: 130px; }
body.accent-yellow { --accent: #c9a014; }
body.accent-sage { --accent: #5f7a4f; }
body.accent-indigo { --accent: #3a4f8a; }
html { scroll-behavior: smooth; }
body { font-family: var(--font-body); background: var(--bg); color: var(--ink); line-height: 1.55; font-size: 16px; -webkit-font-smoothing: antialiased; transition: background 0.3s; }
.wrap { max-width: 1240px; margin: 0 auto; padding: 0 32px; }
a { color: inherit; }
.illu { width: 100%; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.illu .crown { position: absolute; top: 12px; right: 12px; width: 24px; height: 24px; opacity: 0.85; }
.illu .glyph { font-family: 'Playfair Display'; font-style: italic; font-size: 88px; font-weight: 400; color: rgba(0,0,0,0.15); }
.illu.t-vertical .glyph { color: rgba(255,255,255,0.25); }
.utility-bar { background: var(--ink); color: rgba(255,255,255,0.7); font-size: 11px; padding: 8px 0; letter-spacing: 0.04em; }
.utility-bar .inner { max-width: 1240px; margin: 0 auto; padding: 0 32px; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.utility-bar a { color: var(--yellow); text-decoration: none; font-weight: 600; }
.utility-bar .Sep { opacity: 0.4; margin: 0 12px; }
header.site-header { border-bottom: 1px solid var(--line); background: var(--bg); position: sticky; top: 0; z-index: 100; }
.header-bar { display: flex; align-items: center; gap: 32px; padding: 18px 32px; max-width: 1240px; margin: 0 auto; }
.brand { display: flex; align-items: center; gap: 12px; font-size: 16px; font-weight: 900; text-decoration: none; color: var(--ink); letter-spacing: -0.01em; flex-shrink: 0; }
.brand img { width: 32px; height: 32px; }
.themes-nav { display: flex; gap: 24px; flex: 1; justify-content: center; }
.themes-nav a { text-decoration: none; font-size: 13px; font-weight: 600; color: var(--ink2); padding: 6px 0; border-bottom: 2px solid transparent; transition: all 0.15s; }
.themes-nav a:hover { border-color: var(--accent); color: var(--accent); }
.themes-nav .menu-item-current { border-color: var(--accent); color: var(--accent); }
.header-actions { display: flex; gap: 14px; align-items: center; }
.search-form { display: flex; align-items: center; gap: 6px; border-bottom: 1px solid var(--ink); padding: 4px 4px 4px 0; min-width: 180px; }
.search-form input { border: none; outline: none; font-size: 13px; background: transparent; flex: 1; font-family: 'Inter'; }
.search-form button { background: none; border: none; cursor: pointer; font-size: 14px; }
.btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 18px; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-decoration: none; cursor: pointer; border: none; transition: all 0.15s; font-family: 'Inter'; }
.btn-primary { background: var(--accent); color: #fff; }
.btn-primary:hover { background: var(--ink); }
.btn-outline { background: transparent; color: var(--ink); border: 1.5px solid var(--ink); }
.btn-outline:hover { background: var(--ink); color: #fff; }
.btn-link { background: none; color: var(--ink); border-bottom: 2px solid var(--ink); padding: 4px 0; }
.btn-link:hover { color: var(--accent); border-color: var(--accent); }
.hero { padding: 48px 0 var(--section-gap); border-bottom: 1px solid var(--line); }
.HomePage .hero-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 32px; }
.hero-main, .hero-side-card { text-decoration: none; color: inherit; display: block; transition: opacity 0.2s; }
.hero-main:hover, .hero-side-card:hover { opacity: 0.85; }
.hero-main .illu { aspect-ratio: 16/11; }
.hero-main .glyph { font-size: 140px; }
.hero-main .body { padding: 24px 0 0; }
.hero-main .cat { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.18em; margin-bottom: 12px; }
.hero-main h1 { font-family: var(--font-display); font-size: 44px; font-weight: var(--display-weight); line-height: 1.05; letter-spacing: var(--display-tracking); text-transform: var(--display-transform); margin-bottom: 14px; }
.hero-main h1 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; letter-spacing: -0.005em; }
.hero-main .sub { font-family: 'Playfair Display'; font-style: italic; font-size: 18px; line-height: 1.5; color: var(--ink2); max-width: 540px; }
.hero-side { display: flex; flex-direction: column; gap: 24px; }
.hero-side-card .illu { aspect-ratio: 16/10; }
.hero-side-card .body { padding: 14px 0 0; }
.hero-side-card .cat { font-size: 10px; font-weight: 800; color: var(--accent); letter-spacing: 0.18em; margin-bottom: 8px; }
.hero-side-card h3 { font-size: 20px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em; margin-bottom: 8px; }
.themes { padding: var(--section-gap) 0; border-bottom: 1px solid var(--line); }
.HomePage .section-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 40px; }
.HomePage .section-head .text { flex: 1; }
.HomePage .section-label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 12px; }
.HomePage .section-h2 { font-family: var(--font-display); font-size: 40px; font-weight: var(--display-weight); letter-spacing: var(--display-tracking); line-height: 1.05; text-transform: var(--display-transform); }
.HomePage .section-h2 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.themes-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.theme-card { text-decoration: none; color: inherit; display: block; }
.theme-card .illu { aspect-ratio: 3/4; }
.theme-card .body { padding: 14px 4px 0; }
.theme-card h3 { font-size: 14px; font-weight: 800; letter-spacing: 0.04em; margin-bottom: 4px; }
.theme-card .count { font-size: 11px; color: var(--ink3); font-weight: 500; }
.recent { padding: var(--section-gap) 0; border-bottom: 1px solid var(--line); background: var(--paper); }
.recent-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.article-card { text-decoration: none; color: inherit; display: block; }
.article-card .illu { aspect-ratio: 1/1; }
.article-card .body { padding: 16px 0 0; }
.article-card .meta { display: flex; gap: 10px; align-items: center; font-size: 10px; font-weight: 700; color: var(--ink3); letter-spacing: 0.14em; margin-bottom: 10px; }
.article-card .cat { color: var(--accent); }
.article-card h3 { font-size: 18px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em; margin-bottom: 8px; }
.article-card .excerpt { font-family: 'Playfair Display'; font-style: italic; font-size: 14px; line-height: 1.5; color: var(--ink2); }
.section-cta { text-align: center; margin-top: 48px; }
.books { padding: var(--section-gap) 0; border-bottom: 1px solid var(--line); }
.books-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; margin-top: 40px; }
.book { text-decoration: none; color: inherit; display: grid; grid-template-columns: 220px 1fr; gap: 32px; align-items: center; }
.book .cover-wrap { background: var(--paper); padding: 32px 24px; min-height: 320px; display: flex; align-items: center; justify-content: center; }
.book .cover { width: 160px; padding: 32px 18px; background: #fff; text-align: center; box-shadow: 0 14px 30px rgba(0,0,0,0.15), -6px 0 14px rgba(0,0,0,0.08); position: relative; min-height: 220px; display: flex; flex-direction: column; justify-content: center; }
.book .cover-title { font-weight: 900; font-size: 13px; line-height: 1.15; letter-spacing: -0.01em; }
.book .cover-italic { font-family: 'Playfair Display'; font-style: italic; font-size: 11px; line-height: 1.3; margin-top: 6px; }
.book .cover-img { width: 60px; margin: 12px auto; }
.book .cover-label { position: absolute; bottom: 8px; left: 0; right: 0; font-size: 7px; font-weight: 800; letter-spacing: 0.22em; }
.book h3 { font-size: 20px; font-weight: 800; letter-spacing: -0.01em; line-height: 1.2; margin-bottom: 10px; }
.book .desc { font-family: 'Playfair Display'; font-style: italic; font-size: 15px; line-height: 1.55; color: var(--ink2); margin-bottom: 16px; }
.book .price { font-family: 'Playfair Display'; font-size: 22px; font-weight: 700; margin-bottom: 14px; }
.weekly-quote { padding: var(--section-gap) 0; text-align: center; background: var(--ink); color: #fff; }
.weekly-quote .label { font-size: 11px; font-weight: 800; color: var(--yellow); letter-spacing: 0.22em; margin-bottom: 36px; }
.weekly-quote blockquote { font-family: 'Playfair Display'; font-style: italic; font-size: 44px; line-height: 1.25; font-weight: 400; max-width: 760px; margin: 0 auto; border: none; padding: 0; }
.weekly-quote .source { font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.5); letter-spacing: 0.14em; margin-top: 32px; }
.event { padding: var(--section-gap) 0; border-bottom: 1px solid var(--line); }
.event-card { border: 2px solid var(--ink); padding: 40px; display: grid; grid-template-columns: 140px 1fr auto; gap: 40px; align-items: center; margin-top: 32px; }
.event-date { text-align: center; padding-right: 32px; border-right: 1px solid var(--line); }
.event-date .day { font-size: 72px; font-weight: 900; line-height: 0.9; letter-spacing: -0.04em; }
.event-date .month { font-size: 12px; font-weight: 800; letter-spacing: 0.2em; margin-top: 8px; color: var(--accent); }
.event-info h3 { font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em; margin-bottom: 10px; }
.event-info p { font-family: 'Playfair Display'; font-style: italic; font-size: 15px; color: var(--ink2); line-height: 1.5; margin-bottom: 14px; max-width: 460px; }
.event-meta { font-size: 11px; font-weight: 700; color: var(--ink3); letter-spacing: 0.14em; }
.brevo-section { padding: var(--section-gap) 0; background: var(--paper); border-bottom: 1px solid var(--line); }
.brevo-inner { max-width: 720px; margin: 0 auto; text-align: center; padding: 0 32px; }
.brevo-section .label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 18px; }
.brevo-section h2 { font-family: var(--font-display); font-size: 52px; font-weight: var(--display-weight); line-height: 0.98; letter-spacing: var(--display-tracking); text-transform: var(--display-transform); margin-bottom: 22px; }
.brevo-section h2 em { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; color: var(--accent); }
.brevo-section p.lead { font-family: 'Playfair Display'; font-style: italic; font-size: 20px; line-height: 1.55; color: var(--ink2); max-width: 520px; margin: 0 auto 32px; }
.brevo-form { display: flex; gap: 0; max-width: 480px; margin: 0 auto; border: 2px solid var(--ink); }
.brevo-form input { flex: 1; padding: 16px 20px; border: none; outline: none; font-family: 'Inter'; font-size: 15px; background: #fff; color: var(--ink); }
.brevo-form button { padding: 16px 28px; background: var(--ink); color: #fff; border: none; cursor: pointer; font-family: 'Inter'; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.brevo-form button:hover { background: var(--accent); }
.brevo-note { font-size: 12px; color: var(--ink3); margin-top: 16px; }
.brevo-note strong { color: var(--ink); }
.brevo-archive { margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--line); }
.brevo-archive a { font-size: 12px; font-weight: 700; color: var(--ink); text-decoration: none; border-bottom: 1.5px solid var(--ink); padding-bottom: 2px; letter-spacing: 0.06em; }
.brevo-archive a:hover { color: var(--accent); border-color: var(--accent); }
footer.site-footer { padding: 60px 0 36px; background: var(--ink); color: rgba(255,255,255,0.65); }
.footer-inner { max-width: 1240px; margin: 0 auto; padding: 0 32px; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 36px; }
.footer-brand-col .brand { color: #fff; }
.footer-brand-col .brand img { filter: invert(1); }
.footer-brand-col p { font-family: 'Playfair Display'; font-style: italic; font-size: 14px; line-height: 1.65; color: rgba(255,255,255,0.55); margin-top: 18px; max-width: 320px; }
.footer-col h4 { font-size: 10px; font-weight: 800; color: var(--yellow); letter-spacing: 0.2em; margin-bottom: 18px; }
.footer-col ul { list-style: none; }
.footer-col li { margin-bottom: 12px; }
.footer-col a { color: rgba(255,255,255,0.7); text-decoration: none; font-size: 13px; font-weight: 500; }
.footer-col a:hover { color: var(--yellow); }
.footer-bottom { display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding: 24px 32px 0; max-width: 1240px; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.08); }
.footer-copy { font-size: 11px; color: rgba(255,255,255,0.35); letter-spacing: 0.06em; }



/*------------about---------*/



* { box-sizing: border-box; margin: 0; padding: 0; }
:root {
    --bg: #ffffff; --paper: #f5f1ea;
    --ink: #1a1a1a; --ink2: #2a2a2a; --ink3: #767676;
    --line: #e8e8e8; --accent: #d8241c; --yellow: #ffd83d;
}
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--ink); line-height: 1.55; font-size: 16px; -webkit-font-smoothing: antialiased; }
.wrap { max-width: 1240px; margin: 0 auto; padding: 0 32px; }
.wrap-read { max-width: 760px; margin: 0 auto; padding: 0 32px; }



.illu { width: 100%; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; background: #f5e6d3; }
/* HERO statement */
.about-hero { padding: 100px 0 80px; border-bottom: 1px solid var(--line); }
.about-hero .wrap-read { text-align: center; }
.about-hero .label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 22px; }
.about-hero h1 { font-size: 72px; font-weight: 900; line-height: 0.98; letter-spacing: -0.03em; margin-bottom: 28px; }
.about-hero h1 em { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; color: var(--accent); }
.about-hero .deck { font-family: 'Playfair Display'; font-style: italic; font-size: 24px; line-height: 1.5; color: var(--ink2); max-width: 600px; margin: 0 auto; }
/* story */
.story { padding: 90px 0; border-bottom: 1px solid var(--line); }
.story-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.story-text p { font-size: 18px; line-height: 1.75; color: var(--ink2); margin-bottom: 22px; }
.story-text p:first-child::first-letter { font-family: 'Playfair Display'; font-size: 72px; font-weight: 700; float: left; line-height: 0.8; padding: 8px 12px 0 0; color: var(--accent); }
.story-text p strong { color: var(--ink); font-weight: 700; }
.story-image { position: sticky; top: 100px; }
.story-image .illu { aspect-ratio: 3/4; }
.story-image .illu .glyph { font-size: 140px; }
/* values */
.values { padding: 90px 0; background: var(--paper); border-bottom: 1px solid var(--line); }
.section-head { text-align: center; margin-bottom: 60px; }
.section-h2 { font-size: 48px; font-weight: 900; letter-spacing: -0.025em; line-height: 1.05; max-width: 720px; margin: 0 auto; }
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.value { padding: 0; }
.value-num { font-family: 'Playfair Display'; font-style: italic; font-size: 56px; font-weight: 400; color: var(--accent); line-height: 1; margin-bottom: 16px; }
.value h3 p{ font-size: 22px; font-weight: 900; line-height: 1.2; letter-spacing: -0.015em; margin-bottom: 14px; }
.value h3 em { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.value p { font-size: 15px; line-height: 1.65; color: var(--ink2); }
/* numbers */
.numbers { padding: 90px 0; border-bottom: 1px solid var(--line); }
.numbers-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--line); }
.number-cell { padding: 40px 24px; text-align: center; border-right: 1px solid var(--line); }
.number-cell:last-child { border-right: none; }
.number-cell .v { font-family: 'Inter'; font-size: 64px; font-weight: 900; line-height: 1; letter-spacing: -0.04em; margin-bottom: 12px; }
.number-cell .v .red { color: var(--accent); }
.number-cell .l { font-size: 11px; font-weight: 700; color: var(--ink3); letter-spacing: 0.16em; }
/* TEAM */
.team { padding: 90px 0; border-bottom: 1px solid var(--line); }
.team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.member .photo { aspect-ratio: 3/4; background: var(--paper); display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.member .photo .placeholder { font-family: 'Playfair Display'; font-style: italic; font-size: 72px; color: var(--accent); }
.member h3 { font-size: 18px; font-weight: 800; letter-spacing: -0.01em; margin-bottom: 4px; }
.member .role { font-family: 'Playfair Display'; font-style: italic; font-size: 14px; color: var(--ink3); margin-bottom: 12px; }
.member p { font-size: 14px; line-height: 1.6; color: var(--ink2); }
/* manifesto */
.manifesto { padding: 100px 0; background: var(--ink); color: #fff; }
.manifesto .section-head { text-align: left; margin-bottom: 40px; }
.manifesto .section-label { color: var(--yellow); }
.manifesto h2 { font-size: 48px; font-weight: 900; letter-spacing: -0.025em; line-height: 1.1; max-width: 800px; margin: 0; }
.manifesto h2 em { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; color: var(--yellow); }
.manifesto-text { max-width: 760px; }
.manifesto-text p { font-family: 'Playfair Display'; font-style: italic; font-size: 22px; line-height: 1.55; color: rgba(255,255,255,0.85); margin-bottom: 20px; }
.manifesto-text p strong { color: #fff; font-weight: 700; font-style: normal; }
/* CTA */
.cta-row { padding: 80px 0; border-bottom: 1px solid var(--line); }
.cta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.cta-card { padding: 40px 36px; border: 2px solid var(--ink); text-align: center; display: flex; flex-direction: column; gap: 16px; align-items: center; }
.cta-card h3 p{ font-size: 26px; font-weight: 900; line-height: 1.15; letter-spacing: -0.02em; }
.cta-card h3 em { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.cta-card .cta-p { font-family: 'Playfair Display'; font-style: italic; font-size: 16px; color: var(--ink2); max-width: 320px; }
/*------------contact---------*/
.page-header h1 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; color: var(--accent); }
/* contact GRID */
.contact-section { padding: 80px 0; border-bottom: 1px solid var(--line); }
.contact-grid { display: grid; grid-template-columns: 1fr 1.3fr; gap: 80px; }
/* LEFT: Channels */
.channels h2 { font-size: 28px; font-weight: 900; letter-spacing: -0.02em; line-height: 1.15; margin-bottom: 14px; }
.channels h2 em { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.channels p.intro { font-family: 'Playfair Display'; font-style: italic; font-size: 17px; line-height: 1.55; color: var(--ink2); margin-bottom: 36px; }
.channel { display: block; padding: 20px 0; border-top: 1px solid var(--line); text-decoration: none; color: inherit; transition: all 0.15s; }
.channel:last-child { border-bottom: 1px solid var(--line); }
.channel:hover { padding-left: 12px; }
.channel:hover .ch-arrow { color: var(--accent); }
.ch-header { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 6px; }
.ch-header h3 { font-size: 16px; font-weight: 800; letter-spacing: -0.005em; }
.ch-arrow { font-size: 18px; font-weight: 800; transition: color 0.15s; }
.channel .ch-desc { font-size: 13px; color: var(--ink2); line-height: 1.55; }
.channel .ch-value { font-family: 'Inter'; font-size: 13px; font-weight: 600; color: var(--accent); margin-top: 4px; }
/* right: Form */
.form-card { background: var(--paper); padding: 48px 44px; }
.form-card .label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 14px; }
.form-card h2 { font-size: 32px; font-weight: 900; letter-spacing: -0.02em; line-height: 1.15; margin-bottom: 12px; }
.form-card h2 em { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; color: var(--accent); }
.form-card p.lead { font-family: 'Playfair Display'; font-style: italic; font-size: 16px; color: var(--ink2); margin-bottom: 28px; }
.form-field { margin-bottom: 18px; }
.form-field label { display: block; font-size: 10px; font-weight: 800; color: var(--ink3); letter-spacing: 0.18em; margin-bottom: 8px; }
.form-field input, .form-field select, .form-field textarea {
    width: 100%; padding: 14px 16px; border: 1.5px solid var(--ink);
    background: #fff; font-family: 'Inter'; font-size: 14px;
    color: var(--ink); outline: none; transition: border-color 0.15s;
}
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color: var(--accent); }
.form-field textarea { resize: vertical; min-height: 130px; font-family: 'Inter'; line-height: 1.55; }
.form-field select { cursor: pointer; appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%231a1a1a' stroke-width='2'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; padding-right: 40px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-checkbox { display: flex; gap: 10px; align-items: flex-start; font-size: 12px; color: var(--ink2); line-height: 1.55; margin-bottom: 24px; }
.form-checkbox input { width: 16px; height: 16px; margin-top: 2px; flex-shrink: 0; }
.form-checkbox a { text-decoration: underline; }
.form-submit { width: 100%; padding: 16px; background: var(--ink); color: #fff; border: none; cursor: pointer; font-family: 'Inter'; font-size: 12px; font-weight: 800; letter-spacing: 0.16em; transition: background 0.15s; }
.form-submit:hover { background: var(--accent); }
.form-note { font-size: 11px; color: var(--ink3); text-align: center; margin-top: 12px; }
/* FAQ */
.faq-section { padding: 90px 0; background: var(--paper); border-bottom: 1px solid var(--line); }
.faq-inner { max-width: 800px; margin: 0 auto; padding: 0 32px; }
.faq-head { text-align: center; margin-bottom: 50px; }
.section-label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 14px; }
.section-h2 { font-size: 44px; font-weight: 900; letter-spacing: -0.025em; line-height: 1.05; }
.section-h2 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.faq-item { border-top: 1px solid var(--line); padding: 22px 0; cursor: pointer; }
.faq-item:last-child { border-bottom: 1px solid var(--line); }
.faq-q { display: flex; justify-content: space-between; align-items: center; gap: 16px; font-family: 'Inter'; font-size: 17px; font-weight: 700; letter-spacing: -0.01em; }
.faq-icon { font-family: 'Playfair Display'; font-style: italic; font-size: 28px; font-weight: 400; color: var(--accent); transition: transform 0.2s; line-height: 1; flex-shrink: 0; }
.faq-item.open .faq-icon { transform: rotate(45deg); }
.faq-a { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.faq-item.open .faq-a { max-height: 400px; padding-top: 14px; }
.faq-a p { font-family: 'Playfair Display'; font-style: italic; font-size: 15px; line-height: 1.65; color: var(--ink2); }
/*------------community---------*/
.wrap-read { max-width: 760px; margin: 0 auto; padding: 0 32px; }
/* hero */
.comm-hero { padding: 100px 0 80px; border-bottom: 1px solid var(--line); }
.comm-hero .wrap-read { text-align: center; }
.comm-hero .label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 22px; }
.comm-hero h1 { font-size: 72px; font-weight: 900; line-height: 0.98; letter-spacing: -0.03em; margin-bottom: 28px; }
.comm-hero h1 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; color: var(--accent); }
.comm-hero .deck { font-family: 'Playfair Display'; font-style: italic; font-size: 24px; line-height: 1.5; color: var(--ink2); max-width: 640px; margin: 0 auto; }
/* intro */
.comm-intro { padding: 70px 0; border-bottom: 1px solid var(--line); }
.comm-intro .wrap-read p { font-size: 19px; line-height: 1.75; color: var(--ink2); margin-bottom: 20px; }
.comm-intro .wrap-read p strong { color: var(--ink); font-weight: 700; }
.comm-intro .wrap-read p:last-child { margin-bottom: 0; }
/* projects grid (DINAMIC — în WP: CPT „proiect" + Elementor Loop Grid) */
.CommunityPage .projects { padding: 90px 0; border-bottom: 1px solid var(--line); }
.CommunityPage .section-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; margin-bottom: 48px; flex-wrap: wrap; }
.CommunityPage .section-label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 12px; }
.CommunityPage .section-h2 { font-size: 44px; font-weight: 900; letter-spacing: -0.025em; line-height: 1.05; }
.CommunityPage .section-h2 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; }
.projects-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.project-card { border: 1px solid var(--line); padding: 32px 28px; display: flex; flex-direction: column; gap: 0; transition: border-color 0.15s; }
.project-card:hover { border-color: var(--ink); }
.project-card .logo-row { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; }
.project-card .cat { font-size: 10px; font-weight: 800; color: var(--accent); letter-spacing: 0.18em; text-transform: uppercase; }
.project-card h3 { font-size: 21px; font-weight: 900; letter-spacing: -0.015em; line-height: 1.15; margin-bottom: 4px; }
.project-card .member { font-family: 'Playfair Display'; font-style: italic; font-size: 14px; color: var(--ink3); margin-bottom: 14px; }
.project-card .desc { font-size: 14px; line-height: 1.65; color: var(--ink2); margin-bottom: 20px; flex: 1; }
.project-card .visit { font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-decoration: none; color: var(--ink); border-bottom: 2px solid var(--ink); align-self: flex-start; padding-bottom: 3px; transition: all 0.15s; }
.project-card .visit:hover { color: var(--accent); border-color: var(--accent); }
/* submission */
.submit-row { padding: 90px 0; background: var(--paper); border-bottom: 1px solid var(--line); }
.submit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.submit-text h2 p{ font-size: 44px; font-weight: 900; letter-spacing: -0.025em; line-height: 1.05; margin-bottom: 20px; }
.submit-text h2 em { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; color: var(--accent); }
.submit-text p { font-size: 17px; line-height: 1.7; color: var(--ink2); margin-bottom: 24px; }
.submit-criteria ul{ list-style: none; margin-bottom: 32px; }
.submit-criteria li { display: flex; gap: 14px; align-items: baseline; font-size: 15px; line-height: 1.6; color: var(--ink2); margin-bottom: 14px; }
.submit-criteria li::before { content: "—"; color: var(--accent); font-weight: 800; flex-shrink: 0; }
.submit-actions { display: flex; gap: 16px; flex-wrap: wrap; }
.submit-aside { border: 1.5px solid var(--ink); background: var(--bg); padding: 40px 36px; }
.submit-aside .label-small { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 16px; }
.submit-aside blockquote { font-family: 'Playfair Display'; font-style: italic; font-size: 24px; line-height: 1.45; color: var(--ink); margin-bottom: 18px; }
.submit-aside p { font-size: 14px; line-height: 1.65; color: var(--ink3); }
/*------------article---------*/
body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--ink); line-height: 1.55; font-size: 17px; -webkit-font-smoothing: antialiased; }
.wrap-read { max-width: 720px; margin: 0 auto; padding: 0 32px; }
.illu { background: #f5e6d3; }
.illu .glyph { font-family: 'Playfair Display'; font-style: italic; font-size: 88px; font-weight: 400; color: rgba(0,0,0,0.15); }
/* breadcrumb */
.breadcrumb { padding: 24px 0; border-bottom: 1px solid var(--line); font-size: 12px; color: var(--ink3); font-weight: 500; }
.breadcrumb a { color: var(--ink2); text-decoration: none; }
.breadcrumb a:hover { color: var(--accent); }
.breadcrumb .Sep { margin: 0 10px; opacity: 0.4; }
.breadcrumb .current { color: var(--ink); font-weight: 600; }
/* article header */
.article-header { padding: 60px 0 40px; text-align: center; }
.article-header .cat-tag { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 24px; }
.article-header h1 { font-size: 56px; font-weight: 900; line-height: 1.05; letter-spacing: -0.025em; margin-bottom: 20px; }
.article-header h1 em { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; letter-spacing: -0.005em; }
.article-header .deck { font-family: 'Playfair Display'; font-style: italic; font-size: 22px; line-height: 1.45; color: var(--ink2); max-width: 600px; margin: 0 auto 24px; }
.article-meta { display: flex; gap: 14px; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; color: var(--ink3); letter-spacing: 0.14em; }
.article-meta .dot { opacity: 0.4; }
/* article HERO illustration */
.article-hero-illu { margin: 0 auto 60px; max-width: 1100px; padding: 0 32px; }
.article-hero-illu .illu { aspect-ratio: 16/9; }
.article-hero-illu .illu .glyph { font-size: 200px; }
/* share BAR (sticky pe desktop) */
.share-bar { display: flex; gap: 12px; align-items: center; padding: 16px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-bottom: 40px; font-size: 11px; font-weight: 700; color: var(--ink3); letter-spacing: 0.14em; }
.share-bar { flex-wrap: wrap; }
.share-bar .label { margin-right: auto; }
.share-bar button.copied { border-color: var(--accent); color: var(--accent); }
.share-bar button { background: none; border: 1px solid var(--line); padding: 8px 14px; font-size: 11px; font-weight: 700; color: var(--ink2); cursor: pointer; letter-spacing: 0.08em; font-family: 'Inter'; }
.share-bar button:hover { border-color: var(--accent); color: var(--accent); }
/* article BODY */
.article-body { padding: 0 0 80px; }
.article-body .lead-para { font-family: 'Playfair Display'; font-style: italic; font-size: 22px; line-height: 1.55; color: var(--ink); margin-bottom: 28px; }
.article-body p { font-size: 18px; line-height: 1.75; color: var(--ink2); margin-bottom: 22px; }
.article-body h2 { font-size: 28px; font-weight: 900; line-height: 1.15; letter-spacing: -0.02em; margin: 48px 0 18px; }
.article-body h2 em { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.article-body h3 { font-family: 'Playfair Display'; font-style: italic; font-size: 24px; font-weight: 700; line-height: 1.3; margin: 36px 0 14px; color: var(--ink); }
.article-body blockquote { border: none; padding: 24px 0; margin: 32px 0; border-top: 2px solid var(--ink); border-bottom: 2px solid var(--ink); font-family: 'Playfair Display'; font-style: italic; font-size: 26px; line-height: 1.4; color: var(--ink); text-align: center; }
.article-body ul, .article-body ol { padding-left: 22px; margin-bottom: 22px; font-size: 18px; line-height: 1.75; color: var(--ink2); }
.article-body li { margin-bottom: 10px; }
.article-body a { color: var(--accent); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.article-body strong { color: var(--ink); font-weight: 700; }
/* inline brevo (mid-article newsletter — dinamic) */
.inline-brevo { background: var(--paper); padding: 36px 40px; margin: 48px 0; text-align: center; border-left: 4px solid var(--accent); }
.inline-brevo .label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 12px; }
.inline-brevo h3 { font-size: 22px; font-weight: 900; letter-spacing: -0.01em; line-height: 1.2; margin-bottom: 8px; }
.inline-brevo p { font-family: 'Playfair Display'; font-style: italic; font-size: 16px; color: var(--ink2); margin-bottom: 18px; }
.inline-brevo .brevo-form { display: flex; gap: 0; max-width: 420px; margin: 0 auto; border: 2px solid var(--ink); }
.inline-brevo .brevo-form input { flex: 1; padding: 12px 16px; border: none; outline: none; font-family: 'Inter'; font-size: 14px; background: #fff; }
.inline-brevo .brevo-form button { padding: 12px 22px; background: var(--ink); color: #fff; border: none; cursor: pointer; font-family: 'Inter'; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; }
.inline-brevo .brevo-form button:hover { background: var(--accent); }
/* author + TAGS */
.article-footer-meta { padding: 32px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-top: 48px; }
.author-row { display: flex; gap: 18px; align-items: center; margin-bottom: 20px; }
.author-avatar { width: 56px; height: 56px; background: var(--accent); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 22px; flex-shrink: 0; }
.author-info .name { font-size: 14px; font-weight: 800; letter-spacing: 0.04em; }
.author-info .bio { font-family: 'Playfair Display'; font-style: italic; font-size: 14px; color: var(--ink2); margin-top: 4px; }
.tags-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.tags-label { font-size: 10px; font-weight: 800; color: var(--ink3); letter-spacing: 0.18em; margin-right: 6px; }
.tag-pill { padding: 5px 12px; border: 1px solid var(--line); font-size: 11px; font-weight: 600; text-decoration: none; color: var(--ink2); letter-spacing: 0.04em; }
.tag-pill:hover { border-color: var(--accent); color: var(--accent); }
/* related */
.related { padding: 80px 0; background: var(--paper); border-top: 1px solid var(--line); }
.ArticlePage .section-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 40px; }
.ArticlePage .section-label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 12px; }
.ArticlePage .section-h2 { font-size: 36px; font-weight: 900; letter-spacing: -0.02em; line-height: 1.05; }
.ArticlePage .section-h2 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.article-card .excerpt { font-family: 'Playfair Display'; font-style: italic; font-size: 14px; line-height: 1.5; color: var(--ink2); }
/* PREV/NEXT NAV */
.prev-next { padding: 60px 0; border-bottom: 1px solid var(--line); }
.pn-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.pn-card { display: block; padding: 24px; border: 1px solid var(--line); text-decoration: none; color: inherit; transition: all 0.15s; }
.pn-card:hover { border-color: var(--ink); }
.pn-card .pn-label { font-size: 10px; font-weight: 800; color: var(--ink3); letter-spacing: 0.18em; margin-bottom: 8px; }
.pn-card.next { text-align: right; }
.pn-card h4 { font-size: 16px; font-weight: 800; line-height: 1.3; letter-spacing: -0.01em; }
/*------------articleholder---------*/
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--ink); line-height: 1.55; font-size: 16px; -webkit-font-smoothing: antialiased; }
.wrap { max-width: 1240px; margin: 0 auto; padding: 0 32px; }
.illu { width: 100%; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.illu .crown { position: absolute; top: 12px; right: 12px; width: 24px; height: 24px; opacity: 0.85; }
.illu .glyph { font-family: 'Playfair Display'; font-style: italic; font-size: 64px; font-weight: 400; color: rgba(0,0,0,0.15); }
.illu.t-vertical .glyph { color: rgba(255,255,255,0.25); }
/* PAGE header */
.page-header { padding: 70px 0 50px; text-align: center; border-bottom: 1px solid var(--line); }
.page-header .label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 16px; }
.page-header h1 { font-size: 64px; font-weight: 900; line-height: 1; letter-spacing: -0.03em; margin-bottom: 20px; }
.page-header h1 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; letter-spacing: -0.01em; }
.page-header .deck { font-family: 'Playfair Display'; font-style: italic; font-size: 20px; line-height: 1.55; color: var(--ink2); max-width: 600px; margin: 0 auto; }
/* filter BAR (dinamic — WP categories) */
.filter-bar { padding: 28px 0; border-bottom: 1px solid var(--line); position: sticky; top: 67px; background: var(--bg); z-index: 50; }
.filter-inner { display: flex; gap: 32px; align-items: center; flex-wrap: wrap; }
.filter-list { display: flex; gap: 4px; flex-wrap: wrap; }
.filter-chip { padding: 8px 16px; font-size: 12px; font-weight: 700; color: var(--ink2); text-decoration: none; letter-spacing: 0.06em; border: 1.5px solid transparent; transition: all 0.15s; }
.filter-chip:hover { color: var(--accent); }
.filter-chip.active { border-color: var(--ink); color: var(--ink); }
.filter-count { margin-left: auto; font-size: 12px; color: var(--ink3); font-weight: 500; }
.filter-count strong { color: var(--ink); font-weight: 700; }
/* SORT */
.sort-control { display: flex; gap: 8px; align-items: center; }
.sort-control label { font-size: 11px; font-weight: 700; color: var(--ink3); letter-spacing: 0.12em; }
.sort-control select { font-family: 'Inter'; font-size: 12px; font-weight: 600; border: 1.5px solid var(--ink); padding: 6px 12px; background: var(--bg); cursor: pointer; outline: none; }
/* GRID */
.grid-section { padding: 60px 0 80px; }
.posts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 32px; }
.article-card { text-decoration: none; color: inherit; display: block; transition: opacity 0.15s; }
.article-card:hover { opacity: 0.88; }
/* pagination */
.pagination { display: flex; justify-content: center; gap: 4px; padding: 40px 0 0; margin-top: 40px; border-top: 1px solid var(--line); }
.page-link { padding: 10px 14px; font-size: 13px; font-weight: 700; text-decoration: none; color: var(--ink2); min-width: 40px; text-align: center; transition: all 0.15s; }
.page-link:hover { color: var(--accent); }
.page-link.active { background: var(--ink); color: #fff; }
.page-link.nav-arrow { letter-spacing: 0.1em; }
/* brevo inline */
.brevo-inline-row { padding: 60px 0; background: var(--paper); border-bottom: 1px solid var(--line); }
.brevo-row-inner { display: grid; grid-template-columns: 1fr 1.2fr; gap: 48px; align-items: center; max-width: 1100px; margin: 0 auto; padding: 0 32px; }
.brevo-row-inner h3 p{
    font-family:'Inter', sans-serif;
    font-style: initial;font-size: 32px; font-weight: 900; line-height: 1.1; letter-spacing: -0.02em; margin-bottom: 12px; }
.brevo-row-inner h3 p em { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; color: var(--accent); }
.brevo-row-inner p { font-family: 'Playfair Display'; font-style: italic; font-size: 17px; color: var(--ink2); }
.brevo-form { display: flex; gap: 0; border: 2px solid var(--ink); }
.brevo-form input { flex: 1; padding: 14px 18px; border: none; outline: none; font-family: 'Inter'; font-size: 14px; background: #fff; }
.brevo-form button { padding: 14px 22px; background: var(--ink); color: #fff; border: none; cursor: pointer; font-family: 'Inter'; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.brevo-form button:hover { background: var(--accent); }
.brevo-row-note { font-size: 11px; color: var(--ink3); margin-top: 12px; }
/*------------articlecategoryholder---------*/


:root {
    --bg: #ffffff; --paper: #f5f1ea;
    --ink: #1a1a1a; --ink2: #2a2a2a; --ink3: #767676;
    --line: #e8e8e8; --accent: #d8241c; --yellow: #ffd83d;
    --theme-bg: #f5e6d3;
}
body.t-limite { --theme-bg: #e8d4c8; }
body.t-relatii { --theme-bg: #e6d8cf; }
body.t-auto { --theme-bg: #d8e2dc; }
body.t-vertical { --theme-bg: #1a1a1a; }
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--ink); line-height: 1.55; font-size: 16px; -webkit-font-smoothing: antialiased; }
.wrap { max-width: 1240px; margin: 0 auto; padding: 0 32px; }
.wrap-read { max-width: 760px; margin: 0 auto; padding: 0 32px; }



.illu { width: 100%; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; background: var(--theme-bg); }
.illu .crown { position: absolute; top: 12px; right: 12px; width: 24px; height: 24px; opacity: 0.85; }
.illu .glyph { font-family: 'Playfair Display'; font-style: italic; font-size: 88px; font-weight: 400; color: rgba(0,0,0,0.18); }



/* theme header (color-coded by category) */
.theme-header { background: var(--theme-bg); padding: 80px 0 70px; border-bottom: 1px solid var(--line); position: relative; overflow: hidden; }
.theme-header::before { content: ''; position: absolute; top: 30px; right: 40px; width: 60px; height: 60px; opacity: 0.4; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M6 22 L8 12 L12 18 L16 8 L20 18 L24 12 L26 22 Z' stroke='%231a1a1a' stroke-width='1.5'/%3E%3Ccircle cx='16' cy='26' r='3' fill='%231a1a1a'/%3E%3C/svg%3E"); background-repeat: no-repeat; }
.theme-header .inner { display: grid; grid-template-columns: 1fr 1.2fr; gap: 80px; align-items: center; position: relative; z-index: 1; max-width: 1240px; margin: 0 auto; padding: 0 32px; }
.theme-header .left .num { font-family: 'Inter'; font-size: 160px; font-weight: 900; line-height: 0.85; letter-spacing: -0.06em; color: var(--ink); }
.theme-header .left .num-label { font-family: 'Inter'; font-size: 12px; font-weight: 800; letter-spacing: 0.18em; color: var(--ink2); margin-top: 6px; }
.theme-header .right .label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 14px; }
.theme-header .right h1 { font-size: 80px; font-weight: 900; line-height: 0.96; letter-spacing: -0.035em; margin-bottom: 22px; }
.theme-header .right h1 em { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.theme-header .right .deck { font-family: 'Playfair Display'; font-style: italic; font-size: 22px; line-height: 1.5; color: var(--ink2); }

/* theme description */
.theme-intro { padding: 70px 0; border-bottom: 1px solid var(--line); }
.theme-intro p { font-size: 19px; line-height: 1.75; color: var(--ink2); margin-bottom: 22px; }
.theme-intro p:first-child::first-letter { font-family: 'Playfair Display'; font-size: 72px; font-weight: 700; float: left; line-height: 0.8; padding: 8px 12px 0 0; color: var(--accent); }
.theme-intro p strong { color: var(--ink); font-weight: 700; }
.theme-intro blockquote { font-family: 'Playfair Display'; font-style: italic; font-size: 26px; line-height: 1.4; color: var(--ink); padding: 28px 0; margin: 28px 0; border: none; border-top: 2px solid var(--ink); border-bottom: 2px solid var(--ink); }

/* pinned featured (Editor's choice) */
.featured { padding: 70px 0; background: var(--paper); border-bottom: 1px solid var(--line); }
.featured .label-pinned { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 22px; }
.featured-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.featured-image .illu { aspect-ratio: 4/3; }
.featured-image .illu .glyph { font-size: 140px; }
.featured-info .meta { display: flex; gap: 10px; align-items: center; font-size: 11px; font-weight: 700; color: var(--ink3); letter-spacing: 0.14em; margin-bottom: 14px; }
.featured-info .meta .cat { color: var(--accent); }
.featured-info h2 { font-size: 42px; font-weight: 900; line-height: 1.05; letter-spacing: -0.025em; margin-bottom: 18px; }
.featured-info h2 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.featured-info p.excerpt { font-family: 'Playfair Display'; font-style: italic; font-size: 19px; line-height: 1.55; color: var(--ink2); margin-bottom: 24px; }

/* filters */
.filter-bar { padding: 28px 0; border-bottom: 1px solid var(--line); position: sticky; top: 67px; background: var(--bg); z-index: 50; }
.filter-inner { display: flex; gap: 28px; align-items: center; flex-wrap: wrap; }
.ArticleCategoryPage .section-h2 { font-size: 32px; font-weight: 900; letter-spacing: -0.02em; line-height: 1.05; }
.ArticleCategoryPage .section-h2 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.sort-control { margin-left: auto; display: flex; gap: 8px; align-items: center; }
.sort-control label { font-size: 11px; font-weight: 700; color: var(--ink3); letter-spacing: 0.12em; }
.sort-control select { font-family: 'Inter'; font-size: 12px; font-weight: 600; border: 1.5px solid var(--ink); padding: 6px 12px; background: var(--bg); cursor: pointer; outline: none; }
.filter-count { font-size: 12px; color: var(--ink3); font-weight: 500; }
.filter-count strong { color: var(--ink); font-weight: 700; }

/* GRID */
.grid-section { padding: 60px 0 80px; }
.posts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 32px; }
.article-card { text-decoration: none; color: inherit; display: block; transition: opacity 0.15s; }
.article-card:hover { opacity: 0.88; }

/* pagination */
.pagination { display: flex; justify-content: center; gap: 4px; padding: 40px 0 0; margin-top: 40px; border-top: 1px solid var(--line); }
.page-link { padding: 10px 14px; font-size: 13px; font-weight: 700; text-decoration: none; color: var(--ink2); min-width: 40px; text-align: center; }
.page-link:hover { color: var(--accent); }
.page-link.active { background: var(--ink); color: #fff; }

/* related themes */
.related-themes { padding: 80px 0; border-bottom: 1px solid var(--line); }
.themes-head { text-align: center; margin-bottom: 40px; }
.themes-head .label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 12px; }
.themes-mini { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.theme-mini { text-decoration: none; color: inherit; padding: 28px 24px; border: 1.5px solid var(--line); transition: all 0.15s; text-align: center; }
.theme-mini:hover { border-color: var(--ink); }
.theme-mini h3 { font-size: 18px; font-weight: 900; letter-spacing: -0.01em; margin-bottom: 6px; }
.theme-mini .count { font-size: 11px; color: var(--ink3); font-family: 'Playfair Display'; font-style: italic; }


/*------------eventholder---------*/
.illu.t-online { background: var(--yellow); }
.illu.t-buc { background: #e8d4c8; }
.illu.t-cluj { background: #d8e2dc; }
.illu.t-iasi { background: #e6d8cf; }
.page-header { padding: 70px 0 50px; text-align: center; border-bottom: 1px solid var(--line); }
.page-header h1 { font-size: 64px; font-weight: 900; line-height: 1; letter-spacing: -0.03em; margin-bottom: 20px; }
.page-header .deck { font-family: 'Playfair Display'; font-style: italic; font-size: 20px; line-height: 1.55; color: var(--ink2); max-width: 600px; margin: 0 auto; }
/* featured event (dinamic — first upcoming) */
.featured-event { padding: 70px 0; border-bottom: 1px solid var(--line); }
.featured-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.featured-image .illu { aspect-ratio: 4/3; }
.featured-image .illu .glyph { font-size: 140px; }
.featured-info .when { display: flex; gap: 14px; align-items: baseline; margin-bottom: 22px; }
.featured-info .day-big { font-family: 'Inter'; font-size: 80px; font-weight: 900; line-height: 0.9; letter-spacing: -0.04em; }
.featured-info .month-time { font-size: 13px; font-weight: 700; letter-spacing: 0.16em; color: var(--accent); line-height: 1.4; }
.featured-info .cat-pill { display: inline-block; font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.18em; margin-bottom: 14px; }
.featured-info h2 { font-size: 44px; font-weight: 900; line-height: 1.05; letter-spacing: -0.025em; margin-bottom: 18px; }
.featured-info .desc { font-family: 'Playfair Display'; font-style: italic; font-size: 18px; line-height: 1.55; color: var(--ink2); margin-bottom: 22px; }
.featured-info .meta-row { display: flex; gap: 24px; flex-wrap: wrap; margin-bottom: 26px; }
.meta-item { font-size: 12px; font-weight: 600; color: var(--ink2); }
.meta-item .l { display: block; font-size: 10px; font-weight: 700; color: var(--ink3); letter-spacing: 0.16em; margin-bottom: 4px; }
.featured-info .actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
/* filters */
.filter-bar { padding: 28px 0; border-bottom: 1px solid var(--line); position: sticky; top: 67px; background: var(--bg); z-index: 50; }
.filter-inner { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
.filter-list { display: flex; gap: 4px; flex-wrap: wrap; }
.filter-chip { padding: 8px 16px; font-size: 12px; font-weight: 700; color: var(--ink2); text-decoration: none; letter-spacing: 0.06em; border: 1.5px solid transparent; transition: all 0.15s; cursor: pointer; background: none; font-family: 'Inter'; }
.filter-chip:hover { color: var(--accent); }
.filter-chip.active { border-color: var(--ink); color: var(--ink); }
.filter-count { margin-left: auto; font-size: 12px; color: var(--ink3); font-weight: 500; }
.filter-count strong { color: var(--ink); font-weight: 700; }
/* events LIST */
.events-list { padding: 50px 0 80px; }
.month-label { font-family: 'Inter'; font-size: 14px; font-weight: 800; color: var(--ink); letter-spacing: 0.18em; padding: 28px 0 16px; border-bottom: 1px solid var(--line); }
.month-label:first-child { padding-top: 0; }
.event-row { padding: 24px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 110px 1fr auto; gap: 32px; align-items: center; cursor: pointer; transition: all 0.15s; text-decoration: none; color: inherit; }
.event-row:hover { background: var(--paper); }
.event-row .date-block { text-align: center; }
.event-row .date-day { font-family: 'Inter'; font-size: 44px; font-weight: 900; line-height: 0.9; letter-spacing: -0.03em; }
.event-row .date-month { font-size: 11px; font-weight: 800; letter-spacing: 0.2em; margin-top: 6px; color: var(--accent); }
.event-row .info .cat-pill { display: inline-block; font-size: 9px; font-weight: 800; color: var(--accent); letter-spacing: 0.2em; margin-bottom: 8px; padding: 3px 8px; border: 1px solid var(--accent); }
.event-row .info h3 { font-size: 22px; font-weight: 800; line-height: 1.2; letter-spacing: -0.015em; margin-bottom: 6px; }
.event-row .info .meta { font-size: 12px; font-weight: 600; color: var(--ink3); letter-spacing: 0.06em; }
.event-row .info .meta .dot { opacity: 0.4; margin: 0 8px; }
.event-row .action { font-size: 11px; font-weight: 800; color: var(--ink); letter-spacing: 0.14em; white-space: nowrap; }
.event-row.full .info .cat-pill { color: var(--ink3); border-color: var(--ink3); }
.event-row.full .action { color: var(--ink3); }
/* brevo */
.brevo-section { padding: 90px 0; background: var(--paper); border-bottom: 1px solid var(--line); text-align: center; }
.brevo-inner { max-width: 720px; margin: 0 auto; padding: 0 32px; }
.brevo-section .label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 18px; }
.brevo-section h2 { font-size: 44px; font-weight: 900; line-height: 1.05; letter-spacing: -0.025em; margin-bottom: 18px; }
.brevo-section h2 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; color: var(--accent); }
.brevo-section p.lead { font-family: 'Playfair Display'; font-style: italic; font-size: 18px; color: var(--ink2); margin-bottom: 28px; }
.brevo-form { display: flex; gap: 0; max-width: 460px; margin: 0 auto; border: 2px solid var(--ink); }
.brevo-form input { flex: 1; padding: 14px 18px; border: none; outline: none; font-family: 'Inter'; font-size: 14px; background: #fff; }
.brevo-form button { padding: 14px 22px; background: var(--ink); color: #fff; border: none; cursor: pointer; font-family: 'Inter'; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.brevo-form button:hover { background: var(--accent); }
.brevo-note { font-size: 11px; color: var(--ink3); margin-top: 14px; }
/*------------event---------*/
.illu { width: 100%; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; background: #e8d4c8; }
.illu .glyph { font-family: 'Playfair Display'; font-style: italic; font-size: 88px; font-weight: 400; color: rgba(0,0,0,0.18); }
/* event HERO */
.event-hero { padding: 60px 0; border-bottom: 1px solid var(--line); }
.event-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px; }
.event-meta-row { display: flex; gap: 14px; align-items: baseline; margin-bottom: 24px; }
.event-pill { display: inline-block; padding: 5px 12px; background: var(--accent); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: 0.18em; }
.event-status { font-size: 11px; font-weight: 700; color: #2d8659; letter-spacing: 0.14em; }
.event-hero h1 { font-size: 64px; font-weight: 900; line-height: 0.98; letter-spacing: -0.03em; margin-bottom: 24px; }
.event-hero h1 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.event-hero .deck { font-family: 'Playfair Display'; font-style: italic; font-size: 22px; line-height: 1.5; color: var(--ink2); margin-bottom: 32px; }
.event-meta-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 24px 0; }
.meta-cell .l { font-size: 10px; font-weight: 800; color: var(--ink3); letter-spacing: 0.18em; margin-bottom: 6px; }
.meta-cell .v { font-size: 16px; font-weight: 600; color: var(--ink); }
.meta-cell .v .small { font-size: 13px; color: var(--ink2); font-weight: 500; display: block; margin-top: 2px; }
.event-image .illu { aspect-ratio: 4/5; }
.event-image .illu .glyph { font-size: 160px; }
/* sticky CTA */
.sticky-cta { position: sticky; bottom: 0; background: var(--ink); color: #fff; padding: 16px 0; z-index: 90; border-top: 2px solid var(--accent); }
.sticky-inner { max-width: 1240px; margin: 0 auto; padding: 0 32px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.sticky-info { flex: 1; min-width: 200px; }
.sticky-info .small { font-size: 11px; color: rgba(255,255,255,0.6); letter-spacing: 0.12em; font-weight: 700; }
.sticky-info .price { font-family: 'Inter'; font-size: 22px; font-weight: 900; color: #fff; }
.sticky-info .spots { font-size: 12px; color: var(--yellow); font-weight: 600; }
.btn-yellow { background: var(--yellow); color: var(--ink); }
.btn-yellow:hover { background: #fff; }
/* section */
.about-event { padding: 80px 0; border-bottom: 1px solid var(--line); }
.EventPage .section-label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 14px; }
.EventPage .section-h2 { font-size: 40px; font-weight: 900; letter-spacing: -0.02em; line-height: 1.05; margin-bottom: 32px; }
.EventPage .section-h2 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.about-event p { font-size: 18px; line-height: 1.75; color: var(--ink2); margin-bottom: 22px; }
.about-event p:first-of-type::first-letter { font-family: 'Playfair Display'; font-size: 72px; font-weight: 700; float: left; line-height: 0.8; padding: 8px 12px 0 0; color: var(--accent); }
.about-event p strong { color: var(--ink); font-weight: 700; }
/* agenda */
.agenda { padding: 80px 0; background: var(--paper); border-bottom: 1px solid var(--line); }
.agenda-grid { max-width: 800px; margin: 0 auto; }
.agenda-item { display: grid; grid-template-columns: 100px 1fr; gap: 32px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.agenda-item:last-child { border-bottom: none; }
.agenda-time { font-family: 'Inter'; font-size: 17px; font-weight: 800; letter-spacing: 0.04em; color: var(--accent); }
.agenda-content h4 { font-size: 18px; font-weight: 800; letter-spacing: -0.01em; margin-bottom: 6px; }
.agenda-content p { font-size: 14px; line-height: 1.6; color: var(--ink2); font-family: 'Playfair Display'; font-style: italic; }
/* HOST */
.host { padding: 80px 0; border-bottom: 1px solid var(--line); }
.host-grid { display: grid; grid-template-columns: 200px 1fr; gap: 40px; max-width: 900px; margin: 0 auto; align-items: center; }
.host-photo { aspect-ratio: 1/1; background: var(--paper); display: flex; align-items: center; justify-content: center; }
.host-photo .initials { font-family: 'Playfair Display'; font-style: italic; font-size: 80px; color: var(--accent); }
.host-info .label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.18em; margin-bottom: 10px; }
.host-info h3 { font-size: 26px; font-weight: 900; letter-spacing: -0.015em; margin-bottom: 12px; }
.host-info p { font-size: 15px; line-height: 1.65; color: var(--ink2); }
/* location */
.location { padding: 80px 0; border-bottom: 1px solid var(--line); }
.loc-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 48px; align-items: center; }
.map-placeholder { aspect-ratio: 4/3; background: var(--paper); display: flex; align-items: center; justify-content: center; position: relative; border: 1px solid var(--line); }
.map-placeholder .pin { font-size: 56px; color: var(--accent); }
.map-placeholder::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(0,0,0,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.05) 1px, transparent 1px); background-size: 24px 24px; opacity: 0.5; }
.map-placeholder .pin-wrap { position: relative; z-index: 1; text-align: center; }
.map-placeholder .map-label { font-size: 11px; font-weight: 800; letter-spacing: 0.18em; color: var(--ink3); margin-top: 8px; }
.loc-info .name { font-size: 32px; font-weight: 900; letter-spacing: -0.02em; margin-bottom: 10px; }
.loc-info .name .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.loc-info .address { font-family: 'Playfair Display'; font-style: italic; font-size: 18px; color: var(--ink2); margin-bottom: 20px; }
.loc-info p { font-size: 15px; line-height: 1.65; color: var(--ink2); margin-bottom: 16px; }
.loc-info .directions { display: inline-flex; gap: 6px; align-items: center; font-size: 12px; font-weight: 800; color: var(--ink); text-decoration: none; border-bottom: 2px solid var(--ink); padding-bottom: 3px; letter-spacing: 0.12em; }
.loc-info .directions:hover { color: var(--accent); border-color: var(--accent); }
/* testimonials */
.testimonials { padding: 80px 0; background: var(--paper); border-bottom: 1px solid var(--line); }
.testimonials-head { text-align: center; margin-bottom: 48px; }
.test-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.test { background: var(--bg); padding: 28px 26px; border-left: 3px solid var(--accent); }
.test p { font-family: 'Playfair Display'; font-style: italic; font-size: 16px; line-height: 1.55; color: var(--ink); margin-bottom: 18px; }
.test .source { font-size: 11px; font-weight: 800; color: var(--ink3); letter-spacing: 0.14em; }
/* checkout FORM */
.checkout { padding: 80px 0; border-bottom: 1px solid var(--line); }
.checkout-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }
.form-card { padding: 36px 32px; border: 2px solid var(--ink); }
.form-card h3 { font-size: 24px; font-weight: 900; letter-spacing: -0.015em; margin-bottom: 8px; }
.form-card .lead { font-family: 'Playfair Display'; font-style: italic; font-size: 15px; color: var(--ink2); margin-bottom: 24px; }
.form-field { margin-bottom: 14px; }
.form-field label { display: block; font-size: 10px; font-weight: 800; color: var(--ink3); letter-spacing: 0.18em; margin-bottom: 6px; }
.form-field input, .form-field select { width: 100%; padding: 12px 14px; border: 1.5px solid var(--ink); background: #fff; font-family: 'Inter'; font-size: 14px; color: var(--ink); outline: none; }
.form-field input:focus, .form-field select:focus { border-color: var(--accent); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.form-checkbox { display: flex; gap: 10px; align-items: flex-start; font-size: 12px; color: var(--ink2); line-height: 1.55; margin: 14px 0 20px; }
.form-checkbox input { width: 16px; height: 16px; margin-top: 2px; flex-shrink: 0; }
.form-submit { width: 100%; padding: 16px; background: var(--ink); color: #fff; border: none; cursor: pointer; font-family: 'Inter'; font-size: 12px; font-weight: 800; letter-spacing: 0.16em; }
.form-submit:hover { background: var(--accent); }
.summary-card { padding: 32px; background: var(--paper); }
.summary-card h3 { font-size: 14px; font-weight: 800; letter-spacing: 0.12em; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.summary-row { display: flex; justify-content: space-between; padding: 8px 0; font-size: 14px; color: var(--ink2); }
.summary-row.total { border-top: 1px solid var(--ink); padding-top: 16px; margin-top: 14px; font-size: 18px; font-weight: 900; color: var(--ink); }
.summary-row.total .amount { font-family: 'Inter'; font-size: 24px; }
.summary-note { font-size: 11px; color: var(--ink3); margin-top: 16px; line-height: 1.5; }
/* other events */
.other-events { padding: 80px 0; border-bottom: 1px solid var(--line); }
.other-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 32px; }
.event-mini { text-decoration: none; color: inherit; display: block; padding: 24px; border: 1.5px solid var(--line); transition: all 0.15s; }
.event-mini:hover { border-color: var(--ink); }
.event-mini .when { font-family: 'Inter'; font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.18em; margin-bottom: 10px; }
.event-mini h4 { font-size: 17px; font-weight: 800; letter-spacing: -0.01em; line-height: 1.2; margin-bottom: 6px; }
.event-mini .loc { font-size: 12px; color: var(--ink2); }
/*------------author---------*/
/* breadcrumb */
.breadcrumb { padding: 20px 0; border-bottom: 1px solid var(--line); font-size: 12px; color: var(--ink3); font-weight: 500; }
.breadcrumb a { text-decoration: none; }
.breadcrumb a:hover { color: var(--accent); }
.breadcrumb .Sep { margin: 0 10px; opacity: 0.4; }
.breadcrumb .current { color: var(--ink); font-weight: 600; }
/* author HERO */
.author-hero { padding: 80px 0; border-bottom: 1px solid var(--line); }
.hero-grid { display: grid; grid-template-columns: 280px 1fr; gap: 60px; align-items: start; }
.author-photo { aspect-ratio: 1/1; background: var(--paper); display: flex; align-items: center; justify-content: center; position: relative; }
.author-photo .initials { font-family: 'Playfair Display'; font-style: italic; font-size: 140px; color: var(--accent); }
.author-info .label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 16px; }
.author-info h1 { font-size: 64px; font-weight: 900; line-height: 1; letter-spacing: -0.03em; margin-bottom: 14px; }
.author-info h1 em { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.author-info .role { font-family: 'Playfair Display'; font-style: italic; font-size: 22px; color: var(--ink2); margin-bottom: 24px; }
.author-info .bio { font-size: 17px; line-height: 1.75; color: var(--ink2); margin-bottom: 26px; max-width: 600px; }
.author-info .bio strong { color: var(--ink); font-weight: 700; }
.author-stats { display: flex; gap: 32px; margin-bottom: 28px; padding: 20px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.author-stats .cell .v { font-family: 'Inter'; font-size: 32px; font-weight: 900; line-height: 1; letter-spacing: -0.02em; }
.author-stats .cell .v .red { color: var(--accent); }
.author-stats .cell .l { font-size: 10px; font-weight: 800; color: var(--ink3); letter-spacing: 0.18em; margin-top: 6px; }
.author-social { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.social-pill { padding: 8px 14px; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; border: 1.5px solid var(--ink); text-decoration: none; color: var(--ink); transition: all 0.15s; }
.social-pill:hover { background: var(--ink); color: #fff; }
/* themes wrote about */
.themes-wrote { padding: 70px 0; background: var(--paper); border-bottom: 1px solid var(--line); }
.AuthorPage .section-head { text-align: center; margin-bottom: 36px; }
.AuthorPage .section-label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 12px; }
.AuthorPage .section-h2 { font-size: 36px; font-weight: 900; letter-spacing: -0.02em; line-height: 1.05; }
.AuthorPage .section-h2 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.themes-bar { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.theme-chip { display: flex; gap: 10px; align-items: center; padding: 12px 20px; background: var(--bg); border: 1.5px solid var(--line); text-decoration: none; color: inherit; transition: all 0.15s; }
.theme-chip:hover { border-color: var(--ink); }
.theme-chip .name { font-size: 13px; font-weight: 800; letter-spacing: 0.04em; }
.theme-chip .count { font-family: 'Playfair Display'; font-style: italic; font-size: 14px; color: var(--accent); }
/* featured article */
.featured { padding: 80px 0; border-bottom: 1px solid var(--line); }
.featured-inner { display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px; align-items: center; }
.featured .illu { aspect-ratio: 4/3; }
.featured .illu .glyph { font-size: 140px; }
.featured-info .pinned { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.18em; margin-bottom: 14px; }
.featured-info .meta { display: flex; gap: 10px; font-size: 11px; font-weight: 700; color: var(--ink3); letter-spacing: 0.14em; margin-bottom: 14px; }
.featured-info .meta .cat { color: var(--accent); }
.featured-info h2 { font-size: 40px; font-weight: 900; line-height: 1.05; letter-spacing: -0.025em; margin-bottom: 18px; }
.featured-info h2 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.featured-info .excerpt { font-family: 'Playfair Display'; font-style: italic; font-size: 18px; line-height: 1.55; color: var(--ink2); margin-bottom: 24px; }
/* ALL articles */
.all-articles { padding: 80px 0; border-bottom: 1px solid var(--line); }
.aa-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 40px; }
.aa-h2 { font-size: 36px; font-weight: 900; letter-spacing: -0.02em; }
.aa-h2 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.aa-sort { display: flex; gap: 8px; align-items: center; }
.aa-sort select { font-family: 'Inter'; font-size: 12px; font-weight: 600; border: 1.5px solid var(--ink); padding: 6px 12px; background: var(--bg); cursor: pointer; outline: none; }
.aa-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.pagination { display: flex; justify-content: center; gap: 4px; padding: 40px 0 0; margin-top: 36px; border-top: 1px solid var(--line); }
/* other authors */
.other-authors { padding: 80px 0; background: var(--paper); border-bottom: 1px solid var(--line); }
.others-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.author-mini { display: grid; grid-template-columns: 80px 1fr; gap: 16px; align-items: center; padding: 20px; background: var(--bg); border: 1.5px solid var(--line); text-decoration: none; color: inherit; transition: all 0.15s; }
.author-mini:hover { border-color: var(--ink); }
.mini-photo { aspect-ratio: 1/1; background: var(--paper); display: flex; align-items: center; justify-content: center; }
.mini-photo .initials { font-family: 'Playfair Display'; font-style: italic; font-size: 36px; color: var(--accent); }
.author-mini h3 { font-size: 15px; font-weight: 800; letter-spacing: -0.005em; margin-bottom: 4px; }
.author-mini .role { font-family: 'Playfair Display'; font-style: italic; font-size: 13px; color: var(--ink3); }
.author-mini .stats { font-family: 'Space Mono'; font-size: 11px; color: var(--ink2); margin-top: 4px; font-weight: 700; letter-spacing: 0.06em; }
/*------------legal---------*/
body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--ink); line-height: 1.65; font-size: 16px; -webkit-font-smoothing: antialiased; }
.wrap-read { max-width: 760px; margin: 0 auto; padding: 0 32px; }
a { color: var(--accent); }
/*a:hover { color: var(--ink); }*/
/* PAGE header */
.page-header { padding: 70px 0 36px; border-bottom: 1px solid var(--line); }
.page-header .label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 16px; }
.page-header h1 { font-size: 56px; font-weight: 900; line-height: 1; letter-spacing: -0.03em; margin-bottom: 18px; }
.page-header h1 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.page-header .meta { font-size: 12px; font-weight: 600; color: var(--ink3); letter-spacing: 0.06em; }
/* legal TABS */
.legal-tabs { padding: 24px 0; border-bottom: 1px solid var(--line); position: sticky; top: 67px; background: var(--bg); z-index: 50; }
.tabs-inner { display: flex; gap: 4px; flex-wrap: wrap; }
.tab { padding: 10px 18px; font-size: 12px; font-weight: 700; color: var(--ink2); text-decoration: none; letter-spacing: 0.06em; border: 1.5px solid transparent; transition: all 0.15s; }
.tab:hover { color: var(--accent); }
.tab.active { border-color: var(--ink); color: var(--ink); }
/* TOC + content */
.legal-section { padding: 60px 0 80px; }
.legal-grid { display: grid; grid-template-columns: 260px 1fr; gap: 80px; align-items: start; }
.toc { position: sticky; top: 150px; padding-right: 24px; border-right: 1px solid var(--line); }
.toc .label { font-size: 10px; font-weight: 800; color: var(--ink3); letter-spacing: 0.18em; margin-bottom: 16px; }
.toc ol { list-style: none; counter-reset: t; padding: 0; }
.toc ol li { counter-increment: t; padding: 6px 0; border-bottom: 1px solid var(--line); }
.toc ol li:last-child { border-bottom: none; }
.toc ol li a { display: flex; gap: 12px; font-size: 13px; color: var(--ink2); text-decoration: none; font-weight: 500; }
.toc ol li a::before { content: counter(t, decimal-leading-zero); font-family: 'Inter'; font-weight: 800; color: var(--ink3); flex-shrink: 0; min-width: 24px; }
.toc ol li a:hover { color: var(--accent); }
/* content */
.legal-content section { padding: 32px 0; border-bottom: 1px solid var(--line); }
.legal-content section:last-child { border-bottom: none; }
.legal-content h2 { font-size: 28px; font-weight: 900; line-height: 1.15; letter-spacing: -0.015em; margin-bottom: 20px; }
.legal-content h2 .num { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; color: var(--accent); margin-right: 16px; }
.legal-content h3 { font-size: 18px; font-weight: 800; letter-spacing: -0.005em; margin: 28px 0 12px; }
.legal-content p { font-size: 16px; line-height: 1.75; color: var(--ink2); margin-bottom: 14px; }
.legal-content p strong { color: var(--ink); font-weight: 700; }
.legal-content ul, .legal-content ol { padding-left: 24px; margin-bottom: 14px; }
.legal-content li { font-size: 16px; line-height: 1.75; color: var(--ink2); margin-bottom: 6px; }
.legal-content .info-box { background: var(--paper); padding: 20px 24px; border-left: 3px solid var(--accent); margin: 20px 0; }
.legal-content .info-box p { margin-bottom: 0; font-family: 'Playfair Display'; font-style: italic; font-size: 16px; }
/* table */
.legal-content table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 14px; }
.legal-content table th { background: var(--ink); color: #fff; padding: 12px 16px; text-align: left; font-size: 10px; letter-spacing: 0.14em; font-weight: 800; }
.legal-content table td { padding: 12px 16px; border-bottom: 1px solid var(--line); vertical-align: top; }
/* contact block */
.contact-block { padding: 60px 0; background: var(--ink); color: #fff; }
.contact-block .inner { max-width: 800px; margin: 0 auto; padding: 0 32px; text-align: center; }
.contact-block .label { font-size: 11px; font-weight: 800; color: var(--yellow); letter-spacing: 0.22em; margin-bottom: 16px; }
.contact-block h2 p{ font-size: 36px; font-weight: 900; line-height: 1.1; letter-spacing: -0.02em; margin-bottom: 14px; }
.contact-block h2 em{ font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; color: var(--yellow); }
.contact-block .legal-c-txt { font-family: 'Playfair Display'; font-style: italic; font-size: 18px; line-height: 1.55; color: rgba(255,255,255,0.85); margin-bottom: 24px; }
.contact-block a.cta { display: inline-block; padding: 14px 26px; background: var(--yellow); color: var(--ink); text-decoration: none; font-size: 12px; font-weight: 800; letter-spacing: 0.16em; }
.contact-block a.cta:hover { background: #fff; }
/*------------newsletter---------*/
/* HERO */
.news-hero { padding: 80px 0; background: var(--ink); color: #fff; border-bottom: 1px solid var(--ink); position: relative; overflow: hidden; }
.news-hero::before { content: ''; position: absolute; top: -100px; right: -100px; width: 400px; height: 400px; border-radius: 50%; background: var(--yellow); opacity: 0.1; }
.news-hero .inner { display: grid; grid-template-columns: 1.3fr 1fr; gap: 80px; align-items: center; position: relative; z-index: 1; max-width: 1240px; margin: 0 auto; padding: 0 32px; }
.news-hero .label { font-size: 11px; font-weight: 800; color: var(--yellow); letter-spacing: 0.22em; margin-bottom: 22px; }
.news-hero h1 { font-size: 72px; font-weight: 900; line-height: 0.98; letter-spacing: -0.03em; margin-bottom: 24px; }
.news-hero h1 em { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; color: var(--yellow); }
.news-hero .deck { font-family: 'Playfair Display'; font-style: italic; font-size: 22px; line-height: 1.55; color: rgba(255,255,255,0.8); max-width: 520px; margin-bottom: 30px; }
.news-hero .subscribe-card { background: rgba(255,255,255,0.06); padding: 28px; border: 1px solid rgba(255,255,255,0.15); }
.news-hero .subscribe-card .label-small { font-size: 11px; font-weight: 800; color: var(--yellow); letter-spacing: 0.18em; margin-bottom: 14px; }
.news-hero .subscribe-card h3 { font-size: 24px; font-weight: 900; line-height: 1.2; letter-spacing: -0.015em; margin-bottom: 16px; }
.news-hero .brevo-form { display: flex; gap: 0; border: 2px solid #fff; margin-bottom: 14px; }
.news-hero .brevo-form input { flex: 1; padding: 14px 18px; border: none; outline: none; font-family: 'Inter'; font-size: 14px; background: transparent; color: #fff; }
.news-hero .brevo-form input::placeholder { color: rgba(255,255,255,0.5); }
.news-hero .brevo-form button { padding: 14px 22px; background: var(--yellow); color: var(--ink); border: none; cursor: pointer; font-family: 'Inter'; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.news-hero .brevo-form button:hover { background: #fff; }
.news-hero .meta p{ font-size: 12px; color: rgba(255,255,255,0.6); }
.news-hero .meta p strong { color: var(--yellow); }
/* WHAT YOU GET */
.what-you-get { padding: 70px 0; border-bottom: 1px solid var(--line); }
.what-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.what-cell { padding: 0; }
.what-cell .num { font-family: 'Playfair Display'; font-style: italic; font-size: 56px; color: var(--accent); line-height: 1; margin-bottom: 14px; }
.what-cell h3 p{ font-size: 20px; font-weight: 900; letter-spacing: -0.01em; line-height: 1.2; margin-bottom: 10px; }
.what-cell h3 p em { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.what-cell p { font-size: 14px; line-height: 1.65; color: var(--ink2); }
/* archive filters */
.archive-bar { padding: 32px 0; border-bottom: 1px solid var(--line); position: sticky; top: 67px; background: var(--bg); z-index: 50; }
.archive-bar-inner { display: flex; gap: 28px; align-items: center; flex-wrap: wrap; }
.archive-h2 { font-size: 30px; font-weight: 900; letter-spacing: -0.02em; }
.archive-h2 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.archive-controls { margin-left: auto; display: flex; gap: 10px; align-items: center; }
.archive-controls select { font-family: 'Inter'; font-size: 12px; font-weight: 600; border: 1.5px solid var(--ink); padding: 8px 14px; background: var(--bg); cursor: pointer; outline: none; }
/* archive LIST */
.archive-list { padding: 40px 0 80px; }
.year-block { margin-bottom: 60px; }
.year-label { font-family: 'Inter'; font-size: 64px; font-weight: 900; letter-spacing: -0.04em; color: var(--ink); line-height: 1; padding-bottom: 24px; border-bottom: 2px solid var(--ink); margin-bottom: 0; }
.year-label .count { font-family: 'Playfair Display'; font-style: italic; font-size: 22px; color: var(--ink3); font-weight: 400; margin-left: 14px; letter-spacing: -0.005em; }
.archive-item { padding: 24px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 100px 80px 1fr 100px; gap: 32px; align-items: baseline; text-decoration: none; color: inherit; transition: background 0.15s; }
.archive-item:hover { background: var(--paper); }
.archive-item .week { font-family: 'Inter'; font-size: 11px; font-weight: 800; color: var(--ink3); letter-spacing: 0.16em; }
.archive-item .date { font-family: 'Inter'; font-size: 12px; font-weight: 600; color: var(--ink2); letter-spacing: 0.06em; }
.archive-item h3 { font-size: 19px; font-weight: 800; line-height: 1.25; letter-spacing: -0.01em; margin-bottom: 6px; }
.archive-item h3 em { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; color: var(--ink2); }
.archive-item .excerpt { font-family: 'Playfair Display'; font-style: italic; font-size: 14px; line-height: 1.55; color: var(--ink2); }
.archive-item .read { font-size: 11px; font-weight: 800; color: var(--ink); letter-spacing: 0.14em; text-align: right; }
.archive-item:hover .read { color: var(--accent); }
/* pagination */
.pagination { display: flex; justify-content: center; gap: 4px; padding: 40px 0 0; margin-top: 32px; border-top: 1px solid var(--line); }
.page-link { padding: 10px 14px; font-size: 13px; font-weight: 700; text-decoration: none; color: var(--ink2); min-width: 40px; text-align: center; }
.page-link:hover { color: var(--accent); }
.page-link.active { background: var(--ink); color: #fff; }
/* testimonial strip */
.testimonial-strip { padding: 80px 0; background: var(--paper); border-bottom: 1px solid var(--line); text-align: center; }
.testimonial-strip blockquote { font-family: 'Playfair Display'; font-style: italic; font-size: 32px; line-height: 1.35; max-width: 760px; margin: 0 auto 24px; color: var(--ink); border: none; padding: 0; }
.testimonial-strip .source { font-size: 11px; font-weight: 800; color: var(--ink3); letter-spacing: 0.18em; }
/*-------------*/
/*------404 and search-------*/
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--ink); line-height: 1.55; font-size: 16px; -webkit-font-smoothing: antialiased; }
.wrap { max-width: 1240px; margin: 0 auto; padding: 0 32px; }
img { max-width: 100%; height: auto; display: block; }
.illu { width: 100%; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.illu.t-amabilitate { background: #f5e6d3; }
.illu.t-limite { background: #e8d4c8; }
.illu.t-relatii { background: #e6d8cf; }
.illu.t-auto { background: #d8e2dc; }
.illu.t-vertical { background: #1a1a1a; color: #fff; }
.illu .crown { position: absolute; top: 12px; right: 12px; width: 24px; height: 24px; opacity: 0.85; }
.illu .glyph { font-family: 'Playfair Display'; font-style: italic; font-size: 64px; font-weight: 400; color: rgba(0,0,0,0.15); }
.illu.t-vertical .glyph { color: rgba(255,255,255,0.25); }
/* header */
.btn { display: inline-flex; align-items: center; gap: 6px; padding: 12px 22px; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-decoration: none; cursor: pointer; border: none; transition: all 0.15s; font-family: 'Inter'; }
.btn-primary { background: var(--accent); color: #fff; }
.btn-primary:hover { background: var(--ink); }
.btn-outline { background: transparent; color: var(--ink); border: 1.5px solid var(--ink); }
.btn-outline:hover { background: var(--ink); color: #fff; }
.btn-link { background: none; color: var(--ink); border-bottom: 2px solid var(--ink); padding: 4px 0; }
.btn-link:hover { color: var(--accent); border-color: var(--accent); }
/* TABS to switch between 404 and Search */
.demo-tabs { padding: 18px 0; background: var(--paper); border-bottom: 1px solid var(--line); }
.demo-tabs .inner { display: flex; gap: 8px; align-items: center; }
.demo-tabs .lbl { font-size: 10px; font-weight: 800; color: var(--ink3); letter-spacing: 0.18em; }
.demo-tabs button { padding: 8px 16px; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; background: transparent; border: 1.5px solid transparent; cursor: pointer; font-family: 'Inter'; color: var(--ink2); }
.demo-tabs button.active { border-color: var(--ink); color: var(--ink); }
/* ═══ 404 PAGE ═══ */
.notfound { padding: 100px 0 80px; border-bottom: 1px solid var(--line); }
.notfound .nf-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 80px; align-items: center; }
.nf-num { font-family: 'Inter'; font-size: 280px; font-weight: 900; line-height: 0.85; letter-spacing: -0.08em; color: var(--ink); }
.nf-num .red { color: var(--accent); }
.nf-info .label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 22px; }
.nf-info h1 { font-size: 52px; font-weight: 900; line-height: 1; letter-spacing: -0.03em; margin-bottom: 24px; }
.nf-info h1 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.nf-info .deck { font-family: 'Playfair Display'; font-style: italic; font-size: 22px; line-height: 1.5; color: var(--ink2); margin-bottom: 32px; max-width: 480px; }
.nf-actions { display: flex; gap: 12px; flex-wrap: wrap; }
/* Inline search */
.inline-search { padding: 60px 0; border-bottom: 1px solid var(--line); background: var(--paper); }
.inline-search h2 { font-size: 26px; font-weight: 900; letter-spacing: -0.015em; text-align: center; margin-bottom: 28px; }
.inline-search h2 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.inline-search form { display: flex; gap: 0; max-width: 560px; margin: 0 auto; border: 2px solid var(--ink); }
.inline-search input { flex: 1; padding: 18px 22px; border: none; outline: none; font-family: 'Inter'; font-size: 16px; background: #fff; }
.inline-search button { padding: 18px 28px; background: var(--ink); color: #fff; border: none; cursor: pointer; font-family: 'Inter'; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
.inline-search button:hover { background: var(--accent); }
/* Suggested links */
.suggestions { padding: 80px 0; border-bottom: 1px solid var(--line); }
.section-head { text-align: center; margin-bottom: 40px; }
.section-label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 12px; }
.section-h2 { font-size: 40px; font-weight: 900; letter-spacing: -0.02em; line-height: 1.05; }
.section-h2 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.sug-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.sug-card { text-decoration: none; color: inherit; display: block; padding: 24px 22px; border: 1.5px solid var(--line); transition: all 0.15s; }
.sug-card:hover { border-color: var(--ink); }
.sug-card .label { font-size: 10px; font-weight: 800; color: var(--accent); letter-spacing: 0.18em; margin-bottom: 10px; }
.sug-card h3 { font-size: 16px; font-weight: 800; letter-spacing: -0.01em; line-height: 1.2; margin-bottom: 6px; }
.sug-card .meta { font-family: 'Playfair Display'; font-style: italic; font-size: 13px; color: var(--ink3); }
/* Recent posts */
.recent-section { padding: 80px 0; background: var(--paper); border-bottom: 1px solid var(--line); }
.recent-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.article-card { text-decoration: none; color: inherit; display: block; }
.article-card .illu { aspect-ratio: 4/3; }
.article-card .body { padding: 16px 0 0; }
.article-card .meta { display: flex; gap: 10px; font-size: 10px; font-weight: 700; color: var(--ink3); letter-spacing: 0.14em; margin-bottom: 8px; }
.article-card .cat { color: var(--accent); }
.article-card h3 { font-size: 17px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em; }
/* ═══ search results PAGE ═══ */
.search-header { padding: 70px 0 40px; border-bottom: 1px solid var(--line); }
.search-header .label { font-size: 11px; font-weight: 800; color: var(--accent); letter-spacing: 0.22em; margin-bottom: 16px; }
.search-header h1 { font-size: 44px; font-weight: 900; line-height: 1.05; letter-spacing: -0.025em; margin-bottom: 18px; }
.search-header h1 .query { color: var(--accent); font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.search-header .meta-row { display: flex; gap: 18px; align-items: baseline; flex-wrap: wrap; }
.search-header .results-count { font-size: 14px; color: var(--ink2); font-weight: 600; }
.search-header .results-count strong { color: var(--ink); font-weight: 800; }
.search-header form { display: flex; gap: 0; flex: 1; min-width: 280px; border: 2px solid var(--ink); margin-top: 12px; }
.search-header form input { flex: 1; padding: 14px 18px; border: none; outline: none; font-family: 'Inter'; font-size: 15px; }
.search-header form button { padding: 14px 22px; background: var(--ink); color: #fff; border: none; cursor: pointer; font-family: 'Inter'; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
/* Filters */
.s-filters { padding: 24px 0; border-bottom: 1px solid var(--line); display: flex; gap: 16px; flex-wrap: wrap; align-items: center; }
.s-filter { padding: 8px 14px; font-size: 11px; font-weight: 800; letter-spacing: 0.1em; background: transparent; border: 1.5px solid transparent; cursor: pointer; color: var(--ink2); font-family: 'Inter'; }
.s-filter.active { border-color: var(--ink); color: var(--ink); }
.s-filter .count { font-family: 'Space Mono'; color: var(--ink3); font-weight: 400; margin-left: 4px; }
/* Results */
.results { padding: 50px 0 80px; }
.results-grid { display: grid; grid-template-columns: 1fr; gap: 0; max-width: 920px; margin: 0 auto; }
.result-item { padding: 28px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 200px 1fr; gap: 32px; align-items: start; text-decoration: none; color: inherit; transition: background 0.15s; }
.result-item:hover { background: var(--paper); }
.result-item .thumb .illu { aspect-ratio: 4/3; }
.result-item .info .type { font-size: 10px; font-weight: 800; color: var(--accent); letter-spacing: 0.18em; margin-bottom: 8px; }
.result-item .info h3 { font-size: 22px; font-weight: 800; line-height: 1.2; letter-spacing: -0.015em; margin-bottom: 8px; }
.result-item .info h3 mark { background: var(--yellow); color: var(--ink); padding: 1px 4px; }
.result-item .info .excerpt { font-family: 'Playfair Display'; font-style: italic; font-size: 15px; line-height: 1.55; color: var(--ink2); margin-bottom: 10px; }
.result-item .info .excerpt mark { background: var(--yellow); color: var(--ink); padding: 1px 4px; font-style: normal; }
.result-item .info .url { font-family: 'Space Mono'; font-size: 11px; color: var(--ink3); letter-spacing: 0.04em; }
/* No results */
.no-results { padding: 80px 0; text-align: center; border-bottom: 1px solid var(--line); }
.no-results .glyph-big { font-family: 'Playfair Display'; font-style: italic; font-size: 120px; color: var(--ink3); line-height: 1; margin-bottom: 20px; }
.no-results h2 { font-size: 32px; font-weight: 900; letter-spacing: -0.02em; margin-bottom: 14px; }
.no-results h2 .italic { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; text-transform: none; }
.no-results p { font-family: 'Playfair Display'; font-style: italic; font-size: 18px; color: var(--ink2); max-width: 480px; margin: 0 auto 24px; }


@media (max-width: 1024px) {


    .related-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-inner { grid-template-columns: 1fr 1fr; gap: 32px; }
    .projects-grid { grid-template-columns: 1fr 1fr; }
    .submit-grid { grid-template-columns: 1fr; gap: 48px; }
    .contact-grid { grid-template-columns: 1fr; gap: 48px; }
    .story-grid { grid-template-columns: 1fr; gap: 40px; }
    .story-image { position: static; max-width: 400px; margin: 0 auto; }
    .numbers-grid { grid-template-columns: repeat(2, 1fr); }
    .number-cell:nth-child(2) { border-right: none; }
    .number-cell:nth-child(1), .number-cell:nth-child(2) { border-bottom: 1px solid var(--line); }
    .team-grid { grid-template-columns: repeat(2, 1fr); }
    .values-grid { grid-template-columns: 1fr; gap: 40px; }
    .brevo-row-inner { grid-template-columns: 1fr; gap: 24px; }
    .themes-grid { grid-template-columns: repeat(3, 1fr); }
    .featured-grid { grid-template-columns: 1fr; gap: 32px; }
    .event-grid, .loc-grid, .checkout-grid { grid-template-columns: 1fr; gap: 32px; }
    .test-grid { grid-template-columns: 1fr; }
    .theme-header .inner { grid-template-columns: 1fr; gap: 32px; }
    .theme-header .left .num { font-size: 120px; }
    .featured-grid { grid-template-columns: 1fr; gap: 24px; }
    .posts-grid { grid-template-columns: repeat(2, 1fr); }
    .themes-mini { grid-template-columns: repeat(2, 1fr); }
    .hero-grid { grid-template-columns: 220px 1fr; gap: 32px; }
    .author-info h1 { font-size: 44px; }
    .featured-inner { grid-template-columns: 1fr; gap: 24px; }
    .aa-grid { grid-template-columns: repeat(2, 1fr); }
    .others-grid { grid-template-columns: 1fr; }
    .news-hero .inner { grid-template-columns: 1fr; gap: 40px; }
    .what-grid { grid-template-columns: 1fr; gap: 40px; }
    .archive-item { grid-template-columns: 80px 1fr; gap: 16px; }
    .archive-item .date, .archive-item .read { display: none; }
    .legal-grid { grid-template-columns: 1fr; gap: 32px; }
    .toc { position: static; padding-right: 0; border-right: none; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
    .notfound .nf-grid { grid-template-columns: 1fr; gap: 32px; text-align: center; }
    .nf-num { font-size: 180px; }
    .sug-grid { grid-template-columns: repeat(2, 1fr); }
    .recent-grid { grid-template-columns: repeat(2, 1fr); }


}

@media (max-width: 768px) {

    .wrap { padding: 0 20px; }
    .hero { padding: 32px 0 40px; }
    .hero-grid { grid-template-columns: 1fr; }
    .hero-main h1 { font-size: 30px; }
    .hero-main .sub { font-size: 16px; }
    .themes, .recent, .event, .books { padding: 60px 0; }
    .themes-grid { grid-template-columns: repeat(2, 1fr); }
    .books-grid { grid-template-columns: 1fr; gap: 32px; }
    .book { grid-template-columns: 1fr; gap: 20px; text-align: center; }
    .weekly-quote { padding: 60px 0; }
    .weekly-quote blockquote { font-size: 24px; }
    .event-card { grid-template-columns: 1fr; gap: 24px; padding: 28px; }
    .event-date { border-right: none; border-bottom: 1px solid var(--line); padding-right: 0; padding-bottom: 18px; }
    .brevo-section { padding: 70px 0; }
    .brevo-section h2 { font-size: 32px; }
    .about-hero { padding: 60px 0 50px; }
    .about-hero h1 { font-size: 44px; }
    .about-hero .deck { font-size: 18px; }
    .story, .values, .numbers, .team, .manifesto, .cta-row { padding: 60px 0; }
    .manifesto h2 { font-size: 30px; }
    .manifesto-text p { font-size: 18px; }
    .number-cell .v { font-size: 44px; }
    .team-grid { grid-template-columns: 1fr; }
    .cta-grid { grid-template-columns: 1fr; }
    .page-header { padding: 50px 0 40px; }
    .page-header h1 { font-size: 44px; }
    .page-header .deck { font-size: 18px; }
    .contact-section, .faq-section { padding: 60px 0; }
    .form-card { padding: 32px 24px; }
    .form-card h2 { font-size: 26px; }
    .section-h2 { font-size: 30px; }
    .faq-q { font-size: 15px; }
    .wrap, .wrap-read { padding: 0 20px; }
    .comm-hero { padding: 60px 0 50px; }
    .comm-hero h1 { font-size: 44px; }
    .comm-hero .deck { font-size: 18px; }
    .comm-intro, .projects, .submit-row { padding: 60px 0; }
    .section-h2, .submit-text h2 { font-size: 30px; }
    .projects-grid { grid-template-columns: 1fr; }
    body { font-size: 16px; }
    .wrap-read { padding: 0 20px; }
    .article-header { padding: 40px 0 30px; }
    .article-header h1 { font-size: 34px; }
    .article-header .deck { font-size: 18px; }
    .article-hero-illu { padding: 0 20px; margin-bottom: 40px; }
    .article-body .lead-para { font-size: 19px; }
    .article-body p, .article-body ul, .article-body ol { font-size: 17px; }
    .article-body blockquote { font-size: 20px; }
    .article-body h2 { font-size: 22px; }
    .article-body h3 { font-size: 20px; }
    .inline-brevo { padding: 28px 22px; }
    .inline-brevo .brevo-form { flex-direction: column; border: none; }
    .inline-brevo .brevo-form input, .inline-brevo .brevo-form button { border: 2px solid var(--ink); }
    .related { padding: 60px 0; }
    .section-head { flex-direction: column; align-items: flex-start; }
    .section-h2 { font-size: 26px; }
    .related-grid { grid-template-columns: 1fr; }
    .pn-grid { grid-template-columns: 1fr; }
    .pn-card.next { text-align: left; }
    .page-header h1 { font-size: 38px; }
    .page-header .deck { font-size: 16px; }
    .filter-count { margin-left: 0; }
    .brevo-row-inner h3 { font-size: 24px; }
    .theme-header { padding: 50px 0; }
    .theme-header .left .num { font-size: 88px; }
    .theme-header .right h1 { font-size: 44px; }
    .theme-header .right .deck { font-size: 18px; }
    .theme-intro, .featured, .related-themes, .grid-section { padding: 50px 0; }
    .featured-info h2 { font-size: 28px; }
    .filter-inner { flex-direction: column; align-items: flex-start; gap: 14px; }
    .sort-control { margin-left: 0; }
    .posts-grid { grid-template-columns: 1fr; gap: 32px; }
    .themes-mini { grid-template-columns: 1fr; }
    .page-header { padding: 50px 0 36px; }
    .page-header h1 { font-size: 40px; }
    .featured-event { padding: 50px 0; }
    .featured-info h2 { font-size: 30px; }
    .featured-info .day-big { font-size: 56px; }
    .filter-bar { padding: 18px 0; }
    .filter-inner { flex-direction: column; align-items: flex-start; }
    .filter-count { margin: 0; }
    .event-row { grid-template-columns: 80px 1fr; gap: 16px; }
    .event-row .action { grid-column: 1 / -1; padding-left: 96px; padding-top: 8px; }
    .event-row .info h3 { font-size: 18px; }
    .event-row .date-day { font-size: 34px; }
    .brevo-section { padding: 60px 0; }
    .brevo-section h2 { font-size: 28px; }
    .brevo-form { flex-direction: column; border: none; }
    .brevo-form input, .brevo-form button { border: 2px solid var(--ink); }
    .event-hero { padding: 40px 0; }
    .event-hero h1 { font-size: 38px; }
    .event-hero .deck { font-size: 18px; }
    .event-meta-grid { grid-template-columns: 1fr; gap: 16px; }
    .host-grid { grid-template-columns: 1fr; gap: 20px; text-align: center; }
    .host-photo { max-width: 160px; margin: 0 auto; }
    .agenda-item { grid-template-columns: 70px 1fr; gap: 16px; }
    .form-row { grid-template-columns: 1fr; }
    .other-head { flex-direction: column; align-items: flex-start; }
    .author-hero { padding: 50px 0; }
    .hero-grid { grid-template-columns: 1fr; gap: 24px; }
    .author-photo { max-width: 200px; }
    .author-info h1 { font-size: 32px; }
    .author-info .role { font-size: 18px; }
    .author-stats { gap: 18px; }
    .author-stats .cell .v { font-size: 22px; }
    .themes-wrote, .featured, .all-articles, .other-authors { padding: 50px 0; }
    .section-h2, .aa-h2 { font-size: 26px; }
    .featured-info h2 { font-size: 26px; }
    .aa-head { flex-direction: column; align-items: flex-start; }
    .aa-grid { grid-template-columns: 1fr; }
    .page-header { padding: 50px 0 30px; }
    .page-header h1 { font-size: 36px; }
    .legal-content h2 { font-size: 22px; }
    .legal-content h2 .num { display: block; margin: 0 0 8px; font-size: 32px; }
    .contact-block { padding: 50px 0; }
    .contact-block h2 { font-size: 26px; }
    .news-hero { padding: 60px 0; }
    .news-hero h1 { font-size: 44px; }
    .news-hero .deck { font-size: 18px; }
    .news-hero .brevo-form { flex-direction: column; border: none; }
    .news-hero .brevo-form input, .news-hero .brevo-form button { border: 2px solid #fff; }
    .what-you-get, .archive-list, .testimonial-strip { padding: 60px 0; }
    .archive-bar { padding: 18px 0; }
    .archive-bar-inner { flex-direction: column; align-items: flex-start; }
    .archive-controls { margin: 0; }
    .archive-h2 { font-size: 22px; }
    .year-label { font-size: 40px; }
    .archive-item h3 { font-size: 16px; }
    .archive-item .excerpt { font-size: 13px; }
    .testimonial-strip blockquote { font-size: 22px; }
    .themes-nav, .search-form { display: none; }
    .header-bar { padding: 14px 20px; }
    .notfound { padding: 50px 0; }
    .nf-num { font-size: 120px; }
    .nf-info h1 { font-size: 32px; }
    .nf-info .deck { font-size: 17px; }
    .nf-actions { justify-content: center; }
    .inline-search input, .inline-search button { font-size: 14px; padding: 14px 18px; }
    .suggestions, .recent-section { padding: 50px 0; }
    .section-h2 { font-size: 28px; }
    .sug-grid { grid-template-columns: 1fr; }
    .recent-grid { grid-template-columns: 1fr; }
    .search-header { padding: 50px 0 30px; }
    .search-header h1 { font-size: 28px; }
    .result-item { grid-template-columns: 1fr; gap: 14px; }
    .result-item .thumb .illu { aspect-ratio: 16/9; }
    .no-results h2 { font-size: 22px; }
    .footer-inner { grid-template-columns: 1fr; gap: 32px; }
}