/* Atelier Kit · estilos dos shortcodes ====================== */
:root { --ate-ink: #0a0a0a; --ate-paper: #faf8f5; --ate-bone: #e8e0d5; }

.ate-sc-hero { background-color: var(--ate-ink); background-size: cover; background-position: center; color: var(--ate-paper); padding: clamp(80px, 12vw, 160px) clamp(20px, 4vw, 60px); display: flex; align-items: flex-end; min-height: 90vh; position: relative; }
.ate-sc-hero__inner { max-width: 1280px; margin: 0 auto; width: 100%; display: flex; flex-direction: column; gap: 22px; }
.ate-sc-hero--center .ate-sc-hero__inner { align-items: center; text-align: center; }
.ate-sc-hero--right .ate-sc-hero__inner { align-items: flex-end; text-align: right; }
.ate-sc-hero__title { font-family: var(--ate-font-display, 'Bodoni Moda', serif); font-size: clamp(48px, 7.5vw, 130px); line-height: 0.95; letter-spacing: -0.04em; font-weight: 400; margin: 0; }
.ate-sc-hero__title em { font-style: italic; }
.ate-sc-hero__lede { font-family: var(--ate-font-serif, 'Cormorant Garamond', serif); font-style: italic; font-size: clamp(18px, 1.8vw, 26px); line-height: 1.5; max-width: 720px; opacity: 0.9; margin: 0; }

.ate-sc-split { padding: clamp(60px, 9vw, 120px) clamp(20px, 4vw, 60px); }
.ate-sc-split--bg-bone { background: var(--ate-bone); }
.ate-sc-split--bg-ink { background: var(--ate-ink); color: var(--ate-paper); }
.ate-sc-split__inner { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(30px, 5vw, 80px); align-items: center; }
.ate-sc-split--reverse .ate-sc-split__media { order: 2; }
.ate-sc-split--reverse .ate-sc-split__body { order: 1; }
.ate-sc-split__media { aspect-ratio: 4/5; overflow: hidden; background: var(--ate-paper); border: 1px solid rgba(10,10,10,0.18); position: relative; }
.ate-sc-split__media img { width: 100%; height: 100%; object-fit: cover; filter: contrast(1.05); }
.ate-sc-split__placeholder { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 80px; opacity: .25; }
.ate-sc-split__body { display: flex; flex-direction: column; gap: 18px; }
.ate-sc-split__title { font-family: var(--ate-font-display, 'Bodoni Moda', serif); font-size: clamp(32px, 4.5vw, 64px); line-height: 1.02; letter-spacing: -0.03em; font-weight: 400; margin: 0; }
.ate-sc-split__title em { font-style: italic; }
.ate-sc-split__text { font-family: var(--ate-font-serif, 'Cormorant Garamond', serif); font-style: italic; font-size: 19px; line-height: 1.65; opacity: 0.88; }
.ate-sc-split__text p { margin: 0 0 1em; }
.ate-sc-split .ate-btn { width: max-content; margin-top: 8px; }

.ate-sc-quote { padding: clamp(80px, 12vw, 140px) clamp(20px, 4vw, 60px); background: var(--ate-paper); }
.ate-sc-quote--bg-bone { background: var(--ate-bone); }
.ate-sc-quote--bg-ink { background: var(--ate-ink); color: var(--ate-paper); }
.ate-sc-quote__inner { max-width: 880px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 24px; border: 0; }
.ate-sc-quote__text { font-family: var(--ate-font-display, 'Bodoni Moda', serif); font-style: italic; font-size: clamp(28px, 4vw, 56px); line-height: 1.15; letter-spacing: -0.02em; margin: 0; }
.ate-sc-quote__author { font-family: var(--ate-font-body, sans-serif); font-size: 11px; letter-spacing: .35em; text-transform: uppercase; font-style: normal; opacity: .7; }

.ate-sc-grid { padding: clamp(60px, 9vw, 120px) clamp(20px, 4vw, 60px); }
.ate-sc-grid__head { max-width: 1280px; margin: 0 auto 40px; display: flex; flex-direction: column; gap: 12px; }
.ate-sc-grid__title { font-family: var(--ate-font-display, 'Bodoni Moda', serif); font-size: clamp(32px, 4.5vw, 56px); letter-spacing: -0.03em; font-weight: 400; margin: 0; }
.ate-sc-grid__title em { font-style: italic; }
.ate-sc-grid__list { max-width: 1280px; margin: 0 auto; }

.ate-sc-cta { padding: clamp(80px, 12vw, 140px) clamp(20px, 4vw, 60px); background: var(--ate-ink); color: var(--ate-paper); text-align: center; }
.ate-sc-cta--bg-bone { background: var(--ate-bone); color: var(--ate-ink); }
.ate-sc-cta--bg-paper { background: var(--ate-paper); color: var(--ate-ink); }
.ate-sc-cta__inner { max-width: 880px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 22px; }
.ate-sc-cta__title { font-family: var(--ate-font-display, 'Bodoni Moda', serif); font-size: clamp(36px, 6vw, 96px); line-height: 1; letter-spacing: -0.03em; font-weight: 400; margin: 0; }
.ate-sc-cta__title em { font-style: italic; }
.ate-sc-cta__text { font-family: var(--ate-font-serif, 'Cormorant Garamond', serif); font-style: italic; font-size: clamp(18px, 1.8vw, 24px); line-height: 1.55; max-width: 640px; margin: 0; opacity: 0.88; }

.ate-sc-marquee { overflow: hidden; background: var(--ate-ink); color: var(--ate-paper); padding: 22px 0; border-top: 1px solid rgba(250,248,245,0.15); border-bottom: 1px solid rgba(250,248,245,0.15); }
.ate-sc-marquee--bg-paper { background: var(--ate-paper); color: var(--ate-ink); border-color: rgba(10,10,10,0.15); }
.ate-sc-marquee--bg-bone { background: var(--ate-bone); color: var(--ate-ink); border-color: rgba(10,10,10,0.15); }
.ate-sc-marquee__track { display: flex; gap: 60px; white-space: nowrap; animation: ate-marquee 40s linear infinite; font-family: var(--ate-font-display, 'Bodoni Moda', serif); font-size: clamp(28px, 4vw, 64px); letter-spacing: -0.02em; font-weight: 400; }
.ate-sc-marquee__track em { font-style: italic; }
.ate-sc-marquee__track span { padding-right: 60px; }
@keyframes ate-marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

.ate-sc-logo { display: inline-flex; flex-direction: column; align-items: center; line-height: 0.85; font-size: var(--ate-logo-size, 120px); }
.ate-sc-logo__word { font-family: var(--ate-font-display, 'Bodoni Moda', serif); font-size: 1em; letter-spacing: -0.04em; }
.ate-sc-logo__word em { font-style: italic; }
.ate-sc-logo__sub { font-family: var(--ate-font-body, 'Jost', sans-serif); font-size: 0.08em; letter-spacing: 0.6em; text-transform: uppercase; opacity: 0.65; margin-top: 0.06em; }

@media (max-width: 1100px) {
	.ate-sc-split__inner { grid-template-columns: 1fr; }
	.ate-sc-split--reverse .ate-sc-split__media { order: 1; }
	.ate-sc-split--reverse .ate-sc-split__body { order: 2; }
}
