/* Editorial articles and destination pages (scripts/tws-article.php, content/**.json).
   Loaded only where the post has _tws_article (functions.php). Everything is scoped to .tws-art.
   Magazine layout: 720px reading column, 1120px wide images, full-bleed panorama and ending.
   No rounded corners, gradients or animation (owner brief, 2026-10-07). */

.tws-art { --art-col: 720px; --art-wide: 1120px; --art-gut: 24px; background: var(--tws-cream); color: var(--tws-text); padding-bottom: 0; }
/* Classic themes (Kadence) wrap a group's blocks in .wp-block-group__inner-container: every layout rule
   below targets the blocks with or without that wrapper. */
.tws-art .wp-block-group__inner-container { box-sizing: border-box; }
.tws-art > .wp-block-group__inner-container { width: 100%; max-width: none; margin: 0; }
.tws-art > :not(.wp-block-group__inner-container), .tws-art > .wp-block-group__inner-container > * {
	box-sizing: border-box; width: min(var(--art-col), 100% - 2 * var(--art-gut)); margin-left: auto; margin-right: auto;
}
.tws-art > .alignwide, .tws-art > .wp-block-group__inner-container > .alignwide,
.tws-art > .tws-art-hero, .tws-art > .wp-block-group__inner-container > .tws-art-hero { width: min(var(--art-wide), 100% - 2 * var(--art-gut)); }
.tws-art > .alignfull, .tws-art > .wp-block-group__inner-container > .alignfull { width: 100%; max-width: none; }

/* Header */
.tws-art .tws-art-head { width: min(880px, 100% - 2 * var(--art-gut)); text-align: center; padding: 88px 0 48px; }
.tws-art p.tws-art-kicker { margin: 0; font: 500 11px/1.4 var(--tws-sans); letter-spacing: var(--tws-track); text-transform: uppercase; color: var(--tws-cognac); }
.tws-art .tws-art-title { margin: 22px 0 18px; font: 500 clamp(42px, 5vw, 70px)/1.04 var(--tws-serif); letter-spacing: -.01em; color: var(--tws-text); text-wrap: balance; }
.tws-art p.tws-art-sub { margin: 0; font: 400 clamp(19px, 1.8vw, 24px)/1.35 var(--tws-serif); color: var(--tws-muted); }
.tws-art p.tws-art-meta { margin: 28px 0 0; font: 400 11px/1.9 var(--tws-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--tws-muted); }
.tws-art p.tws-art-meta { display: flex; flex-wrap: wrap; justify-content: center; row-gap: 2px; }
.tws-art-meta span { white-space: nowrap; }
.tws-art-meta span + span::before { content: "·"; margin: 0 12px; }
.tws-art-hero { margin: 0 auto 64px; }
.tws-art-hero img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }

/* Text */
.tws-art p { margin-top: 0; margin-bottom: 22px; font: 400 18px/1.85 var(--tws-sans); color: var(--tws-text); }
.tws-art p.tws-art-lead { font-size: 22px; line-height: 1.7; }
.tws-art p.tws-art-lead::first-letter { float: left; margin: 8px 12px 0 0; font: 500 74px/.9 var(--tws-serif); color: var(--tws-cognac); }
.tws-art h2.wp-block-heading { margin: 84px auto 24px; font: 500 clamp(29px, 2.7vw, 38px)/1.12 var(--tws-serif); color: var(--tws-text); }
.tws-art h2.wp-block-heading::before { content: ""; display: block; width: 44px; height: 1px; margin-bottom: 26px; background: var(--tws-cognac); }

/* Pull quote */
.tws-art .wp-block-pullquote.tws-art-pull { margin: 40px auto; padding: 4px 0 4px 28px; border: 0; border-left: 1px solid var(--tws-cognac); text-align: left; }
.tws-art .tws-art-pull blockquote { margin: 0; padding: 0; border: 0; }
.tws-art .tws-art-pull p { margin: 0; font: 400 clamp(25px, 2.4vw, 32px)/1.25 var(--tws-serif); }

/* Images */
.tws-art .tws-art-fig { margin-top: 56px; margin-bottom: 56px; }
.tws-art .tws-art-fig img { display: block; width: 100%; height: auto; object-fit: cover; }
.tws-art .tws-r-16-9 img { aspect-ratio: 16 / 9; }
.tws-art .tws-r-3-2 img { aspect-ratio: 3 / 2; }
.tws-art .tws-r-4-5 img { aspect-ratio: 4 / 5; }
.tws-art .tws-r-21-9 img { aspect-ratio: 21 / 9; }

/* Text + image side by side */
.tws-art .wp-block-columns.tws-art-split { margin-top: 72px; margin-bottom: 72px; gap: 56px; align-items: center; }
.tws-art .tws-art-split__media { flex: 0 0 42%; }
.tws-art .tws-art-split__media .tws-art-fig { margin: 0; }
.tws-art .tws-art-split__text h2.wp-block-heading { margin-top: 0; }
.tws-art .tws-art-split__text p:last-child { margin-bottom: 0; }

/* Facts (destination) */
.tws-art .tws-art-facts { display: grid; grid-template-columns: repeat(3, 1fr); margin: 48px auto; padding: 22px 0; border-top: 1px solid var(--tws-border); border-bottom: 1px solid var(--tws-border); }
.tws-art-facts div { padding: 0 16px; text-align: center; }
.tws-art-facts div + div { border-left: 1px solid var(--tws-border); }
.tws-art-facts dt { font: 500 10px/1.4 var(--tws-sans); letter-spacing: var(--tws-track); text-transform: uppercase; color: var(--tws-cognac); }
.tws-art-facts dd { margin: 8px 0 0; font: 400 20px/1.3 var(--tws-serif); }

/* Branded ending (dark olive, cream logo) */
.tws-art .tws-art-end { margin-top: 96px; padding: 96px var(--art-gut); background: var(--tws-olive); text-align: center; }
.tws-art .tws-art-end > *, .tws-art .tws-art-end > .wp-block-group__inner-container > * { max-width: 34em; margin-left: auto; margin-right: auto; }
.tws-art .tws-art-end__logo { margin: 0 auto 28px; }
.tws-art .tws-art-end__logo img { display: block; width: 220px; height: auto; margin: 0 auto; }
.tws-art p.tws-art-end__tag { margin-bottom: 14px; font: 400 26px/1.3 var(--tws-serif); color: var(--tws-cream); }
.tws-art p.tws-art-end__text { font-size: 16px; line-height: 1.7; color: rgba(244, 239, 230, .82); }
.tws-art .tws-art-btns { justify-content: center; gap: 16px; margin-top: 36px; }
.tws-art .tws-art-btn .wp-block-button__link {
	padding: 15px 26px; border: 1px solid var(--tws-cream); border-radius: 0; background: transparent; color: var(--tws-cream);
	font: 500 11px/1 var(--tws-sans); letter-spacing: var(--tws-track); text-transform: uppercase; text-decoration: none;
}
.tws-art .tws-art-btn--solid .wp-block-button__link { background: var(--tws-cream); color: var(--tws-olive); }
.tws-art .tws-art-btn .wp-block-button__link:hover { background: var(--tws-cognac); border-color: var(--tws-cognac); color: var(--tws-cream); }

/* More from Italy / Stories */
.tws-art .tws-art-more { padding: 88px 0 96px; }
.tws-art p.tws-art-more__kicker { margin: 0 0 14px; text-align: center; font: 500 11px/1 var(--tws-sans); letter-spacing: var(--tws-track); text-transform: uppercase; color: var(--tws-cognac); }
.tws-art .tws-art-more h2.wp-block-heading { margin: 0 auto 48px; text-align: center; }
.tws-art .tws-art-more h2.wp-block-heading::before { display: none; }
.tws-art .tws-art-cards > .wp-block-group__inner-container, .tws-art .tws-art-cards:not(:has(> .wp-block-group__inner-container)) { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.tws-art .tws-art-card__media { margin: 0 0 16px; }
.tws-art .tws-art-card__media img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.tws-art p.tws-art-card__kicker { margin: 0 0 8px; font: 500 10px/1.4 var(--tws-sans); letter-spacing: var(--tws-track); text-transform: uppercase; color: var(--tws-muted); }
.tws-art .tws-art-card h3.wp-block-heading { margin: 0 0 10px; font: 500 22px/1.2 var(--tws-serif); }
.tws-art .tws-art-card h3 a, .tws-art .tws-art-card__more a { color: var(--tws-text); text-decoration: none; }
.tws-art p.tws-art-card__soon, .tws-art p.tws-art-card__more { margin: 0; font: 500 10px/1 var(--tws-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--tws-cognac); }
.tws-art p.tws-art-card__soon { display: inline-block; padding-bottom: 3px; border-bottom: 1px solid currentColor; }
.tws-art .tws-art-card__more a { color: var(--tws-cognac); border-bottom: 1px solid currentColor; padding-bottom: 3px; }
.tws-art p.tws-art-card__text { margin-bottom: 18px; font-size: 16px; line-height: 1.7; color: var(--tws-muted); }
/* Stories: one wide card, photo beside the text */
.tws-art .tws-art-more--stories .tws-art-cards > .wp-block-group__inner-container, .tws-art .tws-art-more--stories .tws-art-cards:not(:has(> .wp-block-group__inner-container)) { grid-template-columns: 1fr; }
.tws-art .tws-art-more--stories .tws-art-card > .wp-block-group__inner-container, .tws-art .tws-art-more--stories .tws-art-card:not(:has(> .wp-block-group__inner-container)) { display: grid; grid-template-columns: 3fr 2fr; gap: 48px; align-items: center; }
.tws-art .tws-art-more--stories .tws-art-card__media { grid-row: span 4; margin: 0; }
.tws-art .tws-art-more--stories .tws-art-card__media img { aspect-ratio: 3 / 2; }
.tws-art .tws-art-more--stories h3.wp-block-heading { font-size: 34px; }

@media (max-width: 1024px) {
	.tws-art .tws-art-cards > .wp-block-group__inner-container, .tws-art .tws-art-cards:not(:has(> .wp-block-group__inner-container)) { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
	.tws-art { --art-gut: 16px; }
	.tws-art .tws-art-head { padding: 48px 0 32px; }
	.tws-art-hero { margin-bottom: 40px; }
	.tws-art p { font-size: 17px; line-height: 1.8; }
	.tws-art p.tws-art-lead { font-size: 19px; }
	.tws-art p.tws-art-lead::first-letter { font-size: 58px; }
	.tws-art h2.wp-block-heading { margin-top: 60px; }
	.tws-art .wp-block-pullquote.tws-art-pull { padding-left: 18px; }
	.tws-art .tws-art-fig { margin-top: 40px; margin-bottom: 40px; }
	.tws-art .wp-block-columns.tws-art-split { gap: 28px; margin-top: 48px; margin-bottom: 48px; }
	.tws-art .tws-art-split__media { flex-basis: 100% !important; }
	.tws-art .tws-art-facts { grid-template-columns: 1fr; padding: 0; }
	.tws-art-facts div { padding: 16px 0; }
	.tws-art-facts div + div { border-left: 0; border-top: 1px solid var(--tws-border); }
	.tws-art .tws-art-end { margin-top: 64px; padding: 64px var(--art-gut); }
	.tws-art .tws-art-end__logo img { width: 180px; }
	.tws-art p.tws-art-end__tag { font-size: 21px; }
	.tws-art .tws-art-btns { flex-direction: column; align-items: stretch; }
	.tws-art .tws-art-btn .wp-block-button__link { display: block; width: 100%; text-align: center; }
	.tws-art .tws-art-more { padding: 64px 0 72px; }
	.tws-art .tws-art-more h2.wp-block-heading { margin-bottom: 32px; }
	.tws-art .tws-art-cards > .wp-block-group__inner-container, .tws-art .tws-art-cards:not(:has(> .wp-block-group__inner-container)) { grid-template-columns: 1fr; gap: 36px; }
	.tws-art .tws-art-card__media img { aspect-ratio: 3 / 2; }
	.tws-art .tws-art-more--stories .tws-art-card > .wp-block-group__inner-container, .tws-art .tws-art-more--stories .tws-art-card:not(:has(> .wp-block-group__inner-container)) { grid-template-columns: 1fr; gap: 0; }
	.tws-art .tws-art-more--stories .tws-art-card__media { grid-row: auto; margin-bottom: 16px; }
	.tws-art .tws-art-more--stories h3.wp-block-heading { font-size: 28px; }
}

/* About page (content/articles/about-us.json): banner header, labelled headings, photo band */
.tws-art > .tws-art-banner, .tws-art > .wp-block-group__inner-container > .tws-art-banner { position: relative; width: 100%; max-width: none; height: clamp(440px, 34vw, 580px); margin: 0; }
.tws-art-banner__media { position: absolute; inset: 0; margin: 0; }
.tws-art-banner__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 70% center; }
.tws-art-banner__text { position: absolute; top: 50%; left: max(var(--art-gut), (100% - var(--art-wide)) / 2); width: min(440px, 40%); transform: translateY(-50%); }
.tws-art .tws-art-banner p.tws-art-kicker { color: var(--tws-text); }
.tws-art .tws-art-banner .tws-art-title { margin: 18px 0 0; font-size: clamp(40px, 4vw, 60px); line-height: 1.08; }
.tws-art .tws-art-banner .tws-art-title::after { content: ""; display: block; width: 44px; height: 1px; margin: 26px 0 24px; background: var(--tws-cognac); }
.tws-art .tws-art-banner p.tws-art-sub { font-style: italic; font-size: clamp(17px, 1.4vw, 20px); line-height: 1.6; color: var(--tws-text); }

.tws-art p.tws-art-label { margin: 0 0 14px; font: 500 11px/1.4 var(--tws-sans); letter-spacing: var(--tws-track); text-transform: uppercase; color: var(--tws-text); }
.tws-art p.tws-art-label + h2.wp-block-heading { margin-top: 0; }
.tws-art p.tws-art-label + h2.wp-block-heading::before { display: none; }
.tws-art p.tws-art-label + h2.wp-block-heading::after { content: ""; display: block; width: 44px; height: 1px; margin-top: 24px; background: var(--tws-cognac); }
.tws-art p.tws-art-tight { margin-bottom: 2px; }
.tws-art p.tws-art-strong { font: 400 21px/1.5 var(--tws-serif); }
.tws-art .wp-block-columns.tws-art-split--half > .tws-art-split__media { flex: 0 0 calc(50% - 28px); }

.tws-art .tws-art-band { position: relative; margin-top: 96px; padding: 80px var(--art-gut); overflow: hidden; }
.tws-art .tws-art-band::before { content: ""; position: absolute; inset: 0; z-index: 1; background: rgba(244, 239, 230, .8); }
.tws-art .tws-art-band__bg { position: absolute; inset: 0; z-index: 0; margin: 0; }
.tws-art .tws-art-band__bg img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 70%; }
.tws-art .tws-art-band__in, .tws-art .tws-art-band__in > .wp-block-group__inner-container { position: relative; z-index: 2; }
.tws-art .tws-art-band__in > .wp-block-group__inner-container, .tws-art .tws-art-band__in:not(:has(> .wp-block-group__inner-container)) {
	display: grid; grid-template-columns: 1fr 1fr; align-items: center; max-width: 960px; margin: 0 auto;
}
.tws-art .tws-art-band__left { padding-right: 56px; border-right: 1px solid rgba(30, 30, 30, .25); }
.tws-art .tws-art-band__right { padding-left: 56px; }
.tws-art p.tws-art-band__kicker { margin: 0 0 14px; font: 500 12px/1.4 var(--tws-sans); letter-spacing: var(--tws-track); text-transform: uppercase; }
.tws-art p.tws-art-band__tag { margin: 0; font: italic 400 clamp(21px, 1.9vw, 26px)/1.4 var(--tws-serif); }
.tws-art p.tws-art-band__text { margin: 0; font: 400 19px/1.5 var(--tws-serif); }
.tws-art .tws-art-band .tws-art-btns { justify-content: flex-start; margin-top: 24px; }
.tws-art .tws-art-band .tws-art-btn--dark .wp-block-button__link { background: var(--tws-olive); border-color: var(--tws-olive); color: var(--tws-cream); }
.tws-art .tws-art-band .tws-art-btn--line .wp-block-button__link { background: transparent; border-color: var(--tws-text); color: var(--tws-text); }
.tws-art .tws-art-band .tws-art-btn .wp-block-button__link:hover { background: var(--tws-cognac); border-color: var(--tws-cognac); color: var(--tws-cream); }

@media (max-width: 767px) {
	.tws-art > .tws-art-banner, .tws-art > .wp-block-group__inner-container > .tws-art-banner { height: auto; }
	.tws-art-banner__media { position: static; }
	.tws-art-banner__media img { height: auto; aspect-ratio: 4 / 3; object-position: 85% center; }
	.tws-art-banner__text { position: static; width: auto; padding: 40px var(--art-gut) 8px; transform: none; }
	.tws-art .tws-art-band { margin-top: 64px; padding: 56px var(--art-gut); }
	.tws-art .tws-art-band__in > .wp-block-group__inner-container, .tws-art .tws-art-band__in:not(:has(> .wp-block-group__inner-container)) { grid-template-columns: 1fr; }
	.tws-art .tws-art-band__left { padding: 0 0 28px; border-right: 0; border-bottom: 1px solid rgba(30, 30, 30, .25); }
	.tws-art .tws-art-band__right { padding: 28px 0 0; }
}