/* Atelier identity v2: a stable paper/ink foundation with scoped event palettes. */
:root {
 --paper:#FAF9F6;
 --paper-soft:#F0EEE8;
 --ink:#263D35;
 --muted:#526058;
 --rule:#CBCFC6;
 --brand-accent:#DBB7B2;
 --cream:var(--paper);
 --event-surface:#E9E4F0;
 --event-ink:#40384C;
 --event-accent:#DBB7B2;
 --event-detail:#EEE6D0;
}
body { background:var(--paper); color:var(--ink); }
.site-header { border-color:var(--rule); }
.site-header nav a:hover { text-decoration-color:var(--ink); }
.hero { padding-top:54px; }
.hero h1 { margin-block:36px; }
.hero .script { color:var(--ink); }
.hero-intro,.club-copy>p:not(.script),.next-event>p:not(.eyebrow),.contact-grid p,.dek { color:var(--muted); }
.button,.article-cta .button { background:var(--ink); color:var(--paper); border:1px solid var(--ink); }
.button:hover,.article-cta .button:hover { background:#3C574C; color:var(--paper); }
.hero-poster { max-width:340px; transform:rotate(3deg); }
.hero-poster img { border:0; box-shadow:9px 12px 0 var(--paper-soft); }
.hero-poster figcaption { color:var(--muted); }
.hero-bottom { border-bottom:1px solid var(--rule); }
.about { background:var(--paper-soft); color:var(--ink); margin-top:70px; }
.club-copy .invitation { color:var(--ink); }
.accent { color:#93605C; }
.next-event { border-color:var(--rule); }
.contact { background:var(--paper-soft); border-color:var(--rule); color:var(--ink); }
footer,.reading-footer { border-color:var(--rule); }
.paper { background:var(--paper); color:var(--ink); border-top:1px solid var(--rule); }
.journal-heading { position:relative; }
.journal-heading::after { content:''; display:block; width:80px; height:12px; margin-top:34px; background:var(--brand-accent); }
.article-heading { padding-bottom:48px; }
.example { background:#F0E7E4; border-left:3px solid #A77872; }
.prose blockquote { border-color:#A77872; }
.story-list,.story,.article-cta,.contents,.source-note { border-color:var(--rule); }
.story-number { color:var(--muted); }
.byline { color:var(--muted); }
.article-figure.cover { margin-top:42px; }
.language-switch [aria-current] { text-decoration-color:#93605C; }
.skip-link { background:var(--ink); color:var(--paper); }
/* One attribute changes an event's palette; reading surfaces stay neutral. */
[data-palette="blue-lemon"] { --event-surface:#9BBFC8; --event-ink:#203D4A; --event-accent:#006DC9; --event-detail:#FFF653; }
[data-palette="rose-forest"] { --event-surface:#EAC4C0; --event-ink:#263D35; --event-accent:#93605C; --event-detail:#FFF9EC; }
[data-palette="lilac-ochre"] { --event-surface:#DDD6E7; --event-ink:#3C3348; --event-accent:#725B91; --event-detail:#DCA44E; }
.event-board { display:grid; grid-template-columns:1fr 1.2fr; gap:64px; margin-top:64px; padding:40px; border:1px solid var(--rule); border-top:10px solid var(--event-surface); color:var(--ink); }
.event-board-title h2 { font-size:clamp(2rem,3.5vw,3.3rem); margin:22px 0; }
.event-board-title .script { font-size:1.35em; line-height:1.4; }
.event-board-title>p:last-child { font-size:.9rem; }
.event-facts { margin:0 0 26px; }
.event-facts>div { border-bottom:1px solid var(--rule); padding:14px 0; }
.event-facts dt { font-size:.65rem; letter-spacing:.13em; font-weight:700; color:var(--muted); margin-bottom:4px; }
.event-facts dd { margin:0; font-size:1.2rem; }
.event-facts dd span { display:block; font-size:.9rem; color:var(--muted); }
.event-small { font-size:.8rem; margin-top:14px; color:var(--muted); }
.event-inline { border-left:6px solid var(--event-surface); padding-left:22px; margin-block:32px; }
.event-inline .event-facts { margin-top:14px; }
.event-inline .text-link { margin-top:0; }
.event-page { display:grid; grid-template-columns:1.2fr 1fr; gap:80px; padding-block:54px 80px; align-items:center; }
.event-page h1 { font-size:clamp(2rem,4.5vw,4.3rem); margin:26px 0; }
.event-page .dek { margin-bottom:24px; }
.event-art { transform:rotate(2deg); max-width:420px; justify-self:center; box-shadow:10px 12px 0 var(--paper-soft); }
.event-art img { width:100%; height:auto; }
.event-page-copy { min-width:0; }
.event-page .event-facts { border-top:8px solid var(--event-surface); }
@media(max-width:700px) {
 .hero { padding-top:30px; }
 .hero-poster { max-width:255px; }
 .about { margin-top:44px; }
 .event-board { grid-template-columns:1fr; gap:24px; padding:25px 20px; margin-top:36px; }
 .event-board-title h2 { margin-block:16px; }
 .event-page { grid-template-columns:1fr; gap:42px; padding-block:26px 48px; }
 .event-art { width:85%; max-width:330px; }
 .event-facts dd { font-size:1.05rem; }
 .event-board .button,.event-page .button { gap:18px; }
 .article-heading { padding-bottom:36px; }
}
.meetup-memory { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:clamp(2rem,6vw,6rem); padding-block:clamp(3rem,7vw,7rem); border-top:1px solid var(--rule,#CBCFC6); }
.meetup-memory figure { margin:0; }
.meetup-memory img { display:block; width:100%; height:auto; max-height:650px; object-fit:cover; object-position:center 35%; border-radius:3px; }
.meetup-memory figcaption { margin-top:.8rem; font-size:.8rem; color:#526058; }
.meetup-memory h2 { font-size:clamp(2rem,4vw,3.7rem); line-height:1.2; margin:1rem 0 1.5rem; }
.meetup-memory p:not(.eyebrow) { max-width:36ch; line-height:1.8; margin-bottom:1.7rem; }
@media(max-width:700px) { .meetup-memory { grid-template-columns:1fr; } .meetup-memory img { max-height:480px; } }
.newsletter { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,6vw,6rem); padding-block:clamp(3rem,6vw,6rem); border-top:1px solid #CBCFC6; }
.newsletter h2 { font-size:clamp(2rem,4vw,3.5rem); line-height:1.2; margin:1rem 0; }
.newsletter p { line-height:1.75; max-width:46ch; }
.newsletter form { align-self:center; display:grid; gap:1rem; }
.newsletter label { font-weight:700; }
.newsletter input { width:100%; box-sizing:border-box; border:1px solid #526058; background:#fff; color:#263D35; border-radius:2px; padding:1rem; font:inherit; }
.newsletter button { cursor:pointer; font:inherit; justify-self:start; }
.newsletter #newsletter-note,.newsletter-provider { font-size:.8rem; color:#526058; }
.newsletter #newsletter-note { margin:0; max-width:none; }
@media(max-width:700px) { .newsletter { grid-template-columns:1fr; } }
.newsletter-callout { padding-block:3rem; border-top:1px solid #CBCFC6; margin-top:2rem; margin-bottom:3rem; }
.newsletter-callout h2 { font-size:clamp(1.7rem,3vw,2.5rem); line-height:1.3; }
.newsletter-callout p:not(.eyebrow) { max-width:62ch; line-height:1.8; margin-block:1rem 1.5rem; }
.hero-newsletter { display:block; margin-top:1.5rem; font-size:.9rem; }
/* A restrained, alternating manifesto on the shared paper surface. */
.site-header { flex-wrap:wrap; gap:1.5rem; }
.site-header nav { flex-wrap:wrap; }
.beliefs { max-width:1140px; padding-bottom:2rem; }
.belief-heading { padding-block:2rem 4rem; border-bottom:1px solid var(--rule); }
.belief-heading h1 { font-family:var(--display); font-weight:400; font-size:clamp(2.6rem,7vw,6rem); line-height:1.2; margin:1.3rem 0; }
.belief-intro { font-size:clamp(1rem,2vw,1.3rem); color:var(--muted); }
.belief-grid { display:flex; flex-direction:column; gap:0; padding-block:1rem; }
.belief-card { width:62%; padding-block:3.5rem; min-width:0; }
.belief-card:nth-child(even) { align-self:flex-end; }
.belief-meta { font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }
.belief-card h2 { font-family:var(--display); font-weight:400; font-size:clamp(1.6rem,3.4vw,3rem); line-height:1.35; margin:1.3rem 0; overflow-wrap:anywhere; }
.belief-card p { font-size:1.05rem; line-height:1.85; max-width:49ch; margin:0; }
.belief-card .imperfect-title { transform:rotate(-1.5deg); }
.imperfect-title span { display:inline-block; transform:translateY(.09em) rotate(2deg); }
.belief-signature { font-family:var(--script); font-size:2.8rem; text-align:right; margin:1rem 0 0; padding-top:2rem; border-top:1px solid var(--rule); }
.belief-signature span { font-family:var(--body); font-size:.65rem; letter-spacing:.2em; }
@media(max-width:700px) { .belief-card { width:90%; padding-block:2.5rem; } .belief-heading { padding-bottom:2.5rem; } .belief-card h2 { font-size:1.8rem; } .belief-card .imperfect-title { font-size:1.55rem; } }
/* Founder portraits: an editorial diptych on Atelier's paper. */
.founders { max-width:1140px; }
.founders-heading { padding:2rem 0 3.5rem; border-bottom:1px solid var(--rule); }
.founders-heading h1 { font-family:var(--display); font-weight:400; font-size:clamp(2.8rem,6.7vw,5.8rem); line-height:1.2; max-width:15ch; margin:1.4rem 0; }
.founders-intro { font-size:clamp(1rem,1.7vw,1.25rem); color:var(--muted); line-height:1.6; }
.founder-grid { display:grid; gap:5rem; padding:4rem 0 6rem; }
.founder { min-width:0; display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,7vw,6rem); align-items:center; }
.founder-feyza figure { grid-column:2; grid-row:1; }
.founder-feyza .founder-copy { grid-column:1; grid-row:1; }
.founder figure { margin:0; }
.founder img { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; }
.founder-betul img { object-position:60% center; }
.founder-feyza img { object-position:62% center; }
.founder figcaption { display:flex; justify-content:space-between; gap:1rem; padding:1rem 0; border-bottom:1px solid var(--rule); font-size:.62rem; letter-spacing:.1em; line-height:1.6; }
.founder figcaption span:last-child { text-align:right; }
.founder h2 { font-family:var(--display); font-size:clamp(2rem,3.6vw,3.2rem); font-weight:400; line-height:1.28; margin:1.8rem 0 1.3rem; }
.founder p { font-size:1rem; line-height:1.9; max-width:47ch; }
.founder-link { display:inline-flex; gap:1.5rem; align-items:center; margin-top:1rem; padding:.6rem 0; border-bottom:1px solid #93605C; text-decoration:none; font-size:.85rem; line-height:1.6; }
.founder-link:hover { color:#93605C; }
.founder-link:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
.founders-together { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,6vw,6rem); border-top:1px solid var(--rule); padding:4rem 0 6rem; }
.founders-together h2 { font-family:var(--display); font-weight:400; font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.4; margin:1.4rem 0; }
.founders-together p:not(.eyebrow):not(.founders-signature) { margin:0; font-size:1.1rem; line-height:1.9; }
.founders-signature { grid-column:1/-1; font-family:var(--script); font-size:3.8rem; color:#93605C; margin:0; line-height:1; text-align:right; transform:rotate(-6deg); }
@media(max-width:700px) { .founders-heading { padding-bottom:2rem; } .founder-grid { grid-template-columns:1fr; gap:3.5rem; padding:2rem 0 3.5rem; } .founder { grid-template-columns:1fr; gap:1rem; } .founder-feyza figure,.founder-feyza .founder-copy { grid-column:auto; grid-row:auto; } .founder img { max-height:600px; } .founder h2 br { display:none; } .founder h2 br:after { content:' '; } .founder h2 { max-width:15ch; } .founder h2 br { display:initial; } .founders-together { grid-template-columns:1fr; gap:1.3rem; padding:2.5rem 0 3rem; } .founders-signature { margin-top:1.5rem; } }