@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;450;500;600;700&family=PT+Serif:wght@400;700&display=swap&subset=cyrillic');

:root {
	--atb-color-text: #d9dde2;
	--atb-color-background: #16181b;
	--atb-color-surface: #1d2126;
	--atb-color-primary: #0b0c0e;
	--atb-color-secondary: #2a3037;
	--atb-color-accent: #7f93a8;
	--atb-color-border: #2a3037;
	--atb-font-body: "IBM Plex Sans", system-ui, sans-serif;
	--atb-font-heading: "PT Serif", Georgia, serif;
	--atb-width-max: 76rem;

	--ink: #d9dde2;
	--ink-muted: #aab1ba;
	--ink-soft: #c3c9d0;
	--ground: #16181b;
	--ground-deep: #0b0c0e;
	--panel: #1d2126;
	--panel-2: #20262c;
	--rule: #2a3037;
	--rule-bright: rgba(231, 234, 238, 0.28);
	--paper: #e7eaee;
	--blue: #7f93a8;
	--dark-on-light: #15181c;
	--measure: 64ch;
	--section-pad-inline: clamp(1rem, 4vw, 2.25rem);
	--section-pad-block: clamp(3.25rem, 6vw, 5.5rem);
	--tight-pad-block: clamp(2.5rem, 4.5vw, 4rem);
	--atb-actions-gap: 0.75rem;
}
html {
	color-scheme: dark;
	background: var(--ground);
}
body {
	margin: 0;
	background:
		linear-gradient(90deg, rgba(231, 234, 238, 0.025) 1px, transparent 1px) 0 0 / calc((100vw - min(100vw, var(--atb-width-max))) / 2 + 25%) 100%,
		var(--ground);
	color: var(--ink);
	font-family: var(--atb-font-body);
	font-size: 1rem;
	line-height: 1.55;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
::selection {
	background: var(--paper);
	color: var(--dark-on-light);
}
a {
	color: inherit;
	text-decoration-color: rgba(127, 147, 168, 0.72);
	text-underline-offset: 0.18em;
	text-decoration-thickness: 0.06em;
	transition: color 140ms ease, border-color 140ms ease, background-color 140ms ease, text-decoration-color 140ms ease;
}
a:hover,
a:focus-visible {
	color: var(--paper);
	text-decoration-color: var(--paper);
}
:focus-visible {
	outline: 0.12rem solid var(--blue);
	outline-offset: 0.18rem;
}
img {
	max-inline-size: 100%;
	block-size: auto;
}
.skip-link {
	position: absolute;
	inset-block-start: 0.75rem;
	inset-inline-start: 0.75rem;
	padding: 0.65rem 0.9rem;
	background: var(--paper);
	color: var(--dark-on-light);
	border: 1px solid var(--paper);
	border-radius: 0.25rem;
	font-weight: 700;
	z-index: 50;
}
.skip-link:not(:focus) {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	block-size: 1px;
	inline-size: 1px;
	overflow: hidden;
	white-space: nowrap;
}
/* Chrome */

.site-topbar,
.site-prefooter {
	background: var(--ground-deep);
	color: var(--ink-muted);
	border-block-end: 1px solid var(--rule);
	font-size: 0.875rem;
	letter-spacing: 0.04em;
}
.site-prefooter {
	border-block-start: 1px solid var(--rule);
	border-block-end: 0;
}
.site-topbar__inner,
.site-prefooter__inner {
	max-inline-size: var(--atb-width-max);
	margin-inline: auto;
	padding: 0.45rem var(--section-pad-inline);
}
.site-topbar__text,
.site-prefooter__text {
	margin: 0;
}
.site-topbar__link,
.site-prefooter__link {
	color: var(--ink);
	font-weight: 600;
}
.site-topbar__link:hover,
.site-topbar__link:focus-visible,
.site-prefooter__link:hover,
.site-prefooter__link:focus-visible {
	color: var(--paper);
	background: transparent;
}
.site-header__bar {
	background: rgba(11, 12, 14, 0.94);
	color: var(--ink);
	border-block-end: 1px solid var(--rule);
	box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.18);
}
.site-header__inner {
	padding-block: 0.45rem;
	padding-inline: var(--section-pad-inline);
}
.brand {
	color: inherit;
	text-decoration: none;
}
img.brand__mark {
	block-size: clamp(1.9rem, 3vw, 2.45rem);
	inline-size: auto;
	object-fit: contain;
	filter: saturate(0.75) contrast(1.08);
}
span.brand__mark {
	min-inline-size: 2.15rem;
	min-block-size: 2.15rem;
	border: 1px solid var(--rule-bright);
	border-radius: 0.25rem;
	background: var(--ground-deep);
	color: var(--paper);
	font-family: var(--atb-font-heading);
	font-size: 1.2rem;
	line-height: 1;
	text-align: center;
	padding: 0.42rem 0.5rem;
}
.brand__name {
	color: var(--paper);
	font-family: var(--atb-font-heading);
	font-size: clamp(1.15rem, 1vw + 0.85rem, 1.55rem);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.015em;
}
.brand__tagline {
	color: var(--ink-muted);
	font-size: 0.76rem;
	line-height: 1.2;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.site-nav__link {
	color: var(--ink-muted);
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.035em;
	text-transform: uppercase;
	border-block-end: 1px solid transparent;
}
.site-nav__link:hover,
.site-nav__link:focus-visible {
	color: var(--paper);
	background: transparent;
	border-block-end-color: var(--blue);
}
.site-nav__item--current > .site-nav__link,
.site-nav__link.active {
	color: var(--paper);
	border-block-end-color: var(--paper);
}
.site-nav__list--sub {
	background: var(--panel);
	color: var(--ink);
	border: 1px solid var(--rule);
	border-radius: 0.25rem;
	box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.32);
	padding-block: 0.4rem;
}
.site-nav__list--sub .site-nav__link {
	color: var(--ink-soft);
	border-block-end: 0;
	text-transform: none;
	letter-spacing: 0;
}
.site-nav__list--sub .site-nav__link:hover,
.site-nav__list--sub .site-nav__link:focus-visible {
	color: var(--paper);
	background: var(--ground-deep);
}
.site-nav__toggle {
	border-color: var(--rule-bright);
	color: var(--ink);
}
.site-header__cta {
	color: var(--paper);
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 0.055em;
	text-transform: uppercase;
	border: 1px solid var(--rule-bright);
	border-radius: 0.2rem;
	background: var(--ground-deep);
	padding: 0.55rem 0.8rem;
}
.site-header__cta:hover,
.site-header__cta:focus-visible {
	color: var(--paper);
	background: #15191d;
	border-color: var(--paper);
}
/* Buttons */

.btn--primary,
.btn--ghost,
.search-submit {
	border-radius: 0.18rem;
	font-family: var(--atb-font-body);
	font-size: 0.92rem;
	font-weight: 700;
	letter-spacing: 0.055em;
	text-transform: uppercase;
	padding: 0.72rem 1rem;
	line-height: 1.15;
	transition: color 140ms ease, background-color 140ms ease, border-color 140ms ease;
}
.btn--primary,
.search-submit {
	background: var(--ground-deep);
	color: var(--paper);
	border: 1px solid rgba(231, 234, 238, 0.42);
}
.btn--ghost {
	background: transparent;
	color: var(--ink);
	border: 1px solid var(--rule-bright);
}
.btn--primary:hover,
.btn--primary:focus-visible,
.search-submit:hover,
.search-submit:focus-visible {
	background: #171b20;
	color: var(--paper);
	border-color: var(--paper);
}
.btn--ghost:hover,
.btn--ghost:focus-visible {
	background: rgba(231, 234, 238, 0.08);
	color: var(--paper);
	border-color: var(--paper);
}
.btn[data-platform] {
	gap: 0.5em;
}
/* Shared section frame */

.site-main {
	background: transparent;
}
.s {
	max-inline-size: var(--atb-width-max);
	margin-inline: auto;
	padding: var(--section-pad-block) var(--section-pad-inline);
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	row-gap: clamp(1rem, 2.4vw, 1.65rem);
	color: var(--ink);
}
.s :is(p, figure, ul, ol, dl, blockquote) {
	margin-block: 0;
}
.s :is(ul, ol) {
	padding-inline-start: 0;
	list-style: none;
}
.s[data-position="first"] {
	padding-block-start: clamp(2rem, 5vw, 4rem);
}
.s[data-position="last"] {
	padding-block-end: clamp(4rem, 8vw, 7rem);
}
.s[data-position="only"] {
	padding-block: clamp(4rem, 10vw, 7rem);
}
.s.s--alt {
	background: var(--panel);
	color: var(--ink);
	box-shadow: 0 0 0 100vmax var(--panel);
	clip-path: inset(0 -100vmax);
	border-block: 1px solid var(--rule);
}
.s.s--spotlight {
	background: var(--ground-deep);
	color: var(--paper);
	box-shadow: 0 0 0 100vmax var(--ground-deep);
	clip-path: inset(0 -100vmax);
	border-block: 1px solid rgba(231, 234, 238, 0.18);
	padding-block: clamp(4rem, 9vw, 7.5rem);
}
.s.s--light {
	background: var(--paper);
	color: var(--dark-on-light);
	box-shadow: 0 0 0 100vmax var(--paper);
	clip-path: inset(0 -100vmax);
}
.s.s--dark {
	background: var(--ground-deep);
	color: var(--paper);
	box-shadow: 0 0 0 100vmax var(--ground-deep);
	clip-path: inset(0 -100vmax);
	border-block: 1px solid rgba(231, 234, 238, 0.18);
}
.s.s--narrow {
	max-inline-size: min(58rem, calc(100% - 2rem));
}
.s :is(
	.s-story__title,
	.s-offering__title,
	.s-steps__title,
	.s-checklist__title,
	.s-timeline__title,
	.s-specs__title,
	.s-team__title,
	.s-clients__title,
	.s-cards__title,
	.s-documents__title,
	.s-testimonials__title,
	.s-faq__title,
	.s-gallery__title,
	.s-pricing__title,
	.s-contact__title,
	.s-comparison__title,
	.s-schedule__title,
	.s-locations__title,
	.s-prose__title,
	.s-moment__title,
	.s-inset__title,
	.s-panorama__title,
	.s-duo__title,
	.s-fragments__title,
	.s-booking__title,
	.s-cta__title,
	.s-thanks__title
) {
	font-family: var(--atb-font-heading);
	font-size: clamp(1.75rem, 2.5vw + 0.5rem, 2.5rem);
	line-height: 1.1;
	letter-spacing: -0.02em;
	max-inline-size: 22ch;
	margin: 0;
}
.s :is(
	.s-story__intro,
	.s-offering__intro,
	.s-steps__intro,
	.s-checklist__intro,
	.s-timeline__intro,
	.s-specs__intro,
	.s-team__intro,
	.s-clients__intro,
	.s-cards__intro,
	.s-documents__intro,
	.s-faq__intro,
	.s-gallery__intro,
	.s-pricing__intro,
	.s-contact__text,
	.s-comparison__intro,
	.s-schedule__intro,
	.s-locations__intro,
	.s-booking__intro
) {
	max-inline-size: var(--measure);
	color: var(--ink-soft);
	font-size: clamp(1rem, 0.45vw + 0.92rem, 1.16rem);
	line-height: 1.55;
}
.s.s--light :is(
	.s-story__intro,
	.s-offering__intro,
	.s-steps__intro,
	.s-checklist__intro,
	.s-timeline__intro,
	.s-specs__intro,
	.s-team__intro,
	.s-clients__intro,
	.s-cards__intro,
	.s-documents__intro,
	.s-faq__intro,
	.s-gallery__intro,
	.s-pricing__intro,
	.s-contact__text,
	.s-comparison__intro,
	.s-schedule__intro,
	.s-locations__intro,
	.s-booking__intro
) {
	color: #3b434c;
}
/* Image treatment */

.s-hero__image,
.s-story__image,
.s-offering__image,
.s-team__image,
.s-cards__image,
.s-gallery__image,
.s-moment__image,
.s-inset__image,
.s-panorama__image,
.s-duo__image,
.s-fragments__image,
.post-card__image,
.entry__image,
.page-header__media img {
	inline-size: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	max-block-size: min(70vh, 40rem);
	filter: saturate(0.68) contrast(1.06) brightness(0.88);
	background: var(--ground-deep);
	border: 1px solid var(--rule);
}
.s-hero__image {
	aspect-ratio: 16 / 9;
	max-block-size: min(60vh, 34rem);
}
.s-offering__image,
.s-team__image,
.s-cards__image,
.s-gallery__image,
.s-fragments__image,
.post-card__image {
	aspect-ratio: 4 / 3;
	max-block-size: min(52vh, 25rem);
}
.s-inset__image,
.s-duo__image,
.s-moment__image,
.s-panorama__image {
	aspect-ratio: 16 / 9;
	max-block-size: min(70vh, 40rem);
}
.s-hero__caption,
.s-panorama__caption,
.s-fragments__label,
.s-fragments__note {
	color: var(--ink-muted);
	font-size: 0.8rem;
	letter-spacing: 0.12em;
	line-height: 1.35;
	text-transform: uppercase;
}
/* Hero */

.s-hero {
	min-block-size: auto;
	padding-block-start: clamp(2.5rem, 6vw, 5rem);
	padding-block-end: clamp(3rem, 7vw, 5.8rem);
	row-gap: clamp(0.9rem, 2vw, 1.35rem);
}
.s-hero__eyebrow {
	color: var(--blue);
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.s-hero__title {
	font-family: var(--atb-font-heading);
	font-size: clamp(2rem, 3.5vw + 0.5rem, 3.5rem);
	line-height: 1.1;
	letter-spacing: -0.025em;
	max-inline-size: 22ch;
	margin: 0;
}
.s-hero__lead {
	max-inline-size: 58ch;
	color: var(--ink-soft);
	font-size: clamp(1.05rem, 0.8vw + 0.95rem, 1.3rem);
	line-height: 1.5;
}
.s-hero__actions,
.s-thanks__actions,
.atb-agegate__actions,
.consent-banner__actions {
	gap: var(--atb-actions-gap);
}
.s-hero__media {
	margin-block-start: clamp(1rem, 3vw, 2.4rem);
}
.s-hero--stacked {
	grid-template-columns: minmax(0, 1fr);
}
.s-hero--stacked > * {
	grid-column: 1;
}
.s-hero--stacked .s-hero__title {
	max-inline-size: 20ch;
}
.s-hero--stacked .s-hero__media {
	inline-size: min(100%, 70rem);
}
.s-hero--split {
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	grid-template-rows: auto auto auto auto;
	column-gap: clamp(2rem, 5vw, 5rem);
	row-gap: 1rem;
	align-items: start;
}
.s-hero--split > .s-hero__eyebrow,
.s-hero--split > .s-hero__title,
.s-hero--split > .s-hero__lead,
.s-hero--split > .s-hero__actions {
	grid-column: 1;
}
.s-hero--split > .s-hero__media {
	grid-column: 2;
	grid-row: 1 / -1;
	align-self: start;
	margin-block-start: 0;
}
.s-hero--split .s-hero__title[data-length="long"] {
	font-size: clamp(1.75rem, 2.5vw + 0.5rem, 2.5rem);
}
/* Story / prose magazine handling */

.s-story {
	row-gap: 1.2rem;
}
.s-story__body,
.s-prose__body,
.entry__content {
	max-inline-size: 68ch;
	color: var(--ink);
}
.s-story__paragraph,
.s-prose__paragraph,
.entry__content p {
	margin-block: 0 0.85rem;
}
.s-story__body .s-story__paragraph:first-child::first-letter,
.s-prose__body .s-prose__paragraph:first-child::first-letter,
.entry__content p:first-child::first-letter {
	float: left;
	font-family: var(--atb-font-heading);
	font-size: 4.7rem;
	line-height: 0.82;
	padding-inline-end: 0.45rem;
	color: var(--paper);
}
.s-story__media {
	margin-block-start: 0.5rem;
}
.s-story--aside {
	grid-template-columns: minmax(0, 1.65fr) minmax(12rem, 0.75fr);
	column-gap: clamp(1.5rem, 4vw, 3.5rem);
	row-gap: 1rem;
	align-items: start;
}
.s-story--aside > .s-story__title,
.s-story--aside > .s-story__intro,
.s-story--aside > .s-story__body {
	grid-column: 1;
}
.s-story--aside > .s-story__media {
	grid-column: 2;
	grid-row: 1 / span 3;
	align-self: start;
	margin-block-start: 0;
}
.s-story--aside:not(:has(.s-story__media)) {
	grid-template-columns: minmax(0, 1fr);
}
.s-story--aside:not(:has(.s-story__media)) > .s-story__title,
.s-story--aside:not(:has(.s-story__media)) > .s-story__intro,
.s-story--aside:not(:has(.s-story__media)) > .s-story__body {
	grid-column: 1;
}
.s-story--columns > .s-story__title,
.s-story--columns > .s-story__intro,
.s-story--columns > .s-story__media,
.s-story--columns > .s-story__body {
	grid-column: 1;
}
.s-story--columns .s-story__media {
	order: -1;
}
.s-story--columns .s-story__body {
	max-inline-size: 100%;
	columns: 2 18rem;
	column-gap: clamp(1.5rem, 4vw, 3rem);
	column-rule: 1px solid var(--rule);
}
.s-story--columns .s-story__paragraph {
	break-inside: avoid;
}
/* Cards and list items */

.s :is(
	.s-offering__item,
	.s-steps__item,
	.s-timeline__item,
	.s-team__item,
	.s-cards__item,
	.s-pricing__item,
	.s-comparison__item,
	.s-locations__item,
	.s-testimonials__item
) {
	height: 100%;
	background: var(--panel);
	color: var(--ink);
	border: 1px solid var(--rule);
	border-radius: 0.25rem;
	padding: clamp(1rem, 2.2vw, 1.45rem);
	box-shadow: 0 0.35rem 0.8rem rgba(0, 0, 0, 0.12);
}
.s :is(
	.s-offering__item-title,
	.s-steps__item-title,
	.s-timeline__item-title,
	.s-team__name,
	.s-cards__item-title,
	.s-pricing__name,
	.s-comparison__name,
	.s-locations__name
) {
	font-family: var(--atb-font-heading);
	font-size: clamp(1.25rem, 1vw + 1rem, 1.55rem);
	line-height: 1.15;
	margin: 0;
}
.s :is(
	.s-offering__item-text,
	.s-steps__item-text,
	.s-timeline__item-text,
	.s-team__bio,
	.s-cards__item-text,
	.s-pricing__note,
	.s-comparison__summary,
	.s-locations__address,
	.s-locations__hours
) {
	color: var(--ink-soft);
	line-height: 1.5;
}.s-offering__list {
	row-gap: clamp(1rem, 2vw, 1.45rem);
}.s-steps__list {
	row-gap: clamp(1rem, 2vw, 1.45rem);
}.s-checklist__list {
	row-gap: clamp(1rem, 2vw, 1.45rem);
}.s-timeline__list {
	row-gap: clamp(1rem, 2vw, 1.45rem);
}.s-team__list {
	row-gap: clamp(1rem, 2vw, 1.45rem);
}.s-clients__list {
	row-gap: clamp(1rem, 2vw, 1.45rem);
}.s-cards__list {
	row-gap: clamp(1rem, 2vw, 1.45rem);
}.s-documents__list {
	row-gap: clamp(1rem, 2vw, 1.45rem);
}.s-testimonials__list {
	row-gap: clamp(1rem, 2vw, 1.45rem);
}.s-faq__list {
	row-gap: clamp(1rem, 2vw, 1.45rem);
}.s-gallery__list {
	row-gap: clamp(1rem, 2vw, 1.45rem);
}.s-pricing__list {
	row-gap: clamp(1rem, 2vw, 1.45rem);
}.s-comparison__list {
	row-gap: clamp(1rem, 2vw, 1.45rem);
}.s-locations__list {
	row-gap: clamp(1rem, 2vw, 1.45rem);
}
/* Offering */

.s-offering__item {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
}
.s-offering__image {
	margin-block-end: 0.1rem;
}.s-offering--feature .s-offering__col:first-child {
	width: 100%;
}
.s-offering--feature .s-offering__col:first-child .s-offering__item {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.82fr);
	column-gap: clamp(1.3rem, 4vw, 3rem);
	row-gap: 0.85rem;
	align-items: start;
	padding: clamp(1.2rem, 3vw, 2.4rem);
}
.s-offering--feature .s-offering__col:first-child .s-offering__image {
	grid-column: 1;
	grid-row: 1 / span 2;
}
.s-offering--feature .s-offering__col:first-child .s-offering__item-title,
.s-offering--feature .s-offering__col:first-child .s-offering__item-text {
	grid-column: 2;
}
.s-offering--feature .s-offering__col:first-child .s-offering__item:not(:has(.s-offering__image)) {
	grid-template-columns: minmax(0, 1fr);
}
.s-offering--feature .s-offering__col:first-child .s-offering__item:not(:has(.s-offering__image)) .s-offering__item-title,
.s-offering--feature .s-offering__col:first-child .s-offering__item:not(:has(.s-offering__image)) .s-offering__item-text {
	grid-column: 1;
}
.s-offering--index .s-offering__item,
.s-offering--rows .s-offering__item {
	background: transparent;
	border: 0;
	border-block-start: 1px solid var(--rule);
	border-radius: 0;
	box-shadow: none;
	padding-inline: 0;
}
.s-offering--index {
	counter-reset: offering;
}
.s-offering--index .s-offering__item {
	counter-increment: offering;
	position: relative;
	padding-inline-start: clamp(2.6rem, 6vw, 5rem);
}
.s-offering--index .s-offering__item::before {
	content: counter(offering, decimal-leading-zero);
	position: absolute;
	inset-block-start: 1rem;
	inset-inline-start: 0;
	color: var(--blue);
	font-family: var(--atb-font-body);
	font-size: 0.86rem;
	font-weight: 700;
	letter-spacing: 0.13em;
}
/* Steps */

.s-steps {
	counter-reset: steps;
}
.s-steps__item {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}
.s-steps__number {
	color: var(--blue);
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.14em;
}
.s-steps--horizontal .s-steps__item {
	border-block-start: 2px solid var(--blue);
	border-inline: 0;
	border-block-end: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	padding-inline: 0.25rem;
}.s-steps--rail .s-steps__list {
	row-gap: 0;
}
.s-steps--rail .s-steps__item {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	border-inline-start: 1px solid var(--rule-bright);
	padding-block: 0.25rem 1.5rem;
	padding-inline-start: clamp(1rem, 3vw, 1.8rem);
}
/* Checklist */

.s-checklist__item {
	height: 100%;
	border-block-start: 1px solid var(--rule);
	padding-block: 0.9rem;
}
.s-checklist__text {
	display: block;
	color: var(--ink);
	font-weight: 600;
}
.s-checklist__note {
	display: block;
	margin-block-start: 0.25rem;
	color: var(--ink-muted);
	font-size: 0.9rem;
}.s-checklist--plain .s-checklist__list {
	max-inline-size: 44rem;
}
.s-checklist--plain .s-checklist__item {
	border-block-start-color: var(--rule-bright);
	padding-block: 1rem;
}
.s-checklist--two-col .s-checklist__item {
	background: var(--panel);
	border: 1px solid var(--rule);
	border-radius: 0.2rem;
	padding: 1rem;
}
/* Highlight */

.s-highlight {
	padding-block: clamp(3rem, 7vw, 6rem);
	border-block: 1px solid var(--rule);
}
.s-highlight__claim {
	font-family: var(--atb-font-heading);
	font-size: clamp(1.75rem, 3vw + 0.5rem, 3rem);
	line-height: 1.1;
	letter-spacing: -0.02em;
	max-inline-size: 24ch;
	margin: 0;
}
.s-highlight__attribution {
	color: var(--ink-muted);
	font-size: 0.86rem;
	font-weight: 700;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}
.s-highlight--quote {
	grid-template-columns: minmax(0, 0.22fr) minmax(0, 1fr);
	column-gap: clamp(1rem, 4vw, 3rem);
	row-gap: 1rem;
}
.s-highlight--quote::before {
	content: "“";
	grid-column: 1;
	grid-row: 1 / span 2;
	color: var(--blue);
	font-family: var(--atb-font-heading);
	font-size: clamp(5rem, 14vw, 11rem);
	line-height: 0.75;
}
.s-highlight--quote > .s-highlight__claim,
.s-highlight--quote > .s-highlight__attribution {
	grid-column: 2;
}
.s-highlight--marker {
	background: var(--ground-deep);
	color: var(--paper);
	box-shadow: 0 0 0 100vmax var(--ground-deep);
	clip-path: inset(0 -100vmax);
	border-block-color: rgba(231, 234, 238, 0.18);
}
.s-highlight--marker .s-highlight__claim {
	max-inline-size: 28ch;
}
/* Timeline / specs / stats */

.s-timeline__item {
	border-radius: 0;
	border-inline: 0;
	border-block-start: 1px solid var(--rule-bright);
	box-shadow: none;
	background: transparent;
}
.s-timeline__period {
	color: var(--blue);
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 0.12em;
}.s-specs__list {
	row-gap: 0;
}.s-contact__details {
	row-gap: 0;
}
.s-specs__item,
.s-contact__item {
	background: var(--panel);
	color: var(--ink);
	border: 1px solid var(--rule);
	padding: 1rem;
}
.s-specs__label,
.s-contact__label {
	color: var(--ink-muted);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.s-specs__value,
.s-contact__value {
	margin: 0.35rem 0 0;
	font-family: var(--atb-font-heading);
	font-size: clamp(1.15rem, 1vw + 0.9rem, 1.45rem);
	line-height: 1.25;
}
.s-specs--table .s-specs__item {
	background: transparent;
	border-inline: 0;
	border-block-start: 1px solid var(--rule);
	border-block-end: 0;
	border-radius: 0;
}
.s-stats__item {
	height: 100%;
	border-block-start: 1px solid var(--rule-bright);
	padding-block: 1rem;
}
.s-stats__value {
	display: block;
	font-family: var(--atb-font-heading);
	font-size: clamp(2rem, 3vw, 3rem);
	line-height: 1;
}
.s-stats__label {
	display: block;
	margin-block-start: 0.4rem;
	color: var(--ink-muted);
	font-size: 0.85rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
/* Team / clients / cards / documents */

.s-team__item,
.s-cards__item {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}
.s-team__role,
.s-clients__note,
.s-documents__note,
.s-testimonials__role {
	color: var(--ink-muted);
	font-size: 0.84rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.s-clients__item {
	height: 100%;
	border-block-start: 1px solid var(--rule);
	padding: 0.9rem 0;
}
.s-clients__name {
	display: block;
	font-family: var(--atb-font-heading);
	font-size: clamp(1.1rem, 0.8vw + 0.95rem, 1.35rem);
	line-height: 1.2;
}
.s-cards__link,
.s-documents__link,
.s-locations__phone,
.s-thanks__note-link {
	margin-block-start: auto;
	color: var(--paper);
	font-weight: 700;
	text-decoration-color: var(--blue);
}
.s-cards__link:hover,
.s-cards__link:focus-visible,
.s-documents__link:hover,
.s-documents__link:focus-visible,
.s-locations__phone:hover,
.s-locations__phone:focus-visible,
.s-thanks__note-link:hover,
.s-thanks__note-link:focus-visible {
	color: var(--paper);
	background: rgba(231, 234, 238, 0.08);
	text-decoration-color: var(--paper);
}
.s-documents--rows .s-documents__item,
.s-documents__item {
	height: 100%;
	background: transparent;
	border-block-start: 1px solid var(--rule);
	padding-block: 0.9rem;
}
.s-documents--cards .s-documents__item {
	background: var(--panel);
	border: 1px solid var(--rule);
	border-radius: 0.2rem;
	padding: 1rem;
}
.s-documents__item-title {
	font-family: var(--atb-font-heading);
	font-size: 1.25rem;
	line-height: 1.2;
}
/* Testimonials / FAQ */

.s-testimonials__item {
	border-inline: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}
.s-testimonials__quote {
	font-family: var(--atb-font-heading);
	font-size: clamp(1.25rem, 1.2vw + 1rem, 1.7rem);
	line-height: 1.28;
	border-block-start: 1px solid var(--blue);
	padding-block-start: 1rem;
}
.s-testimonials__author {
	margin-block-start: 1rem;
	font-weight: 700;
}
.s-faq--split {
	grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.45fr);
	column-gap: clamp(1.5rem, 5vw, 4rem);
	align-items: start;
}
.s-faq--split > .s-faq__title,
.s-faq--split > .s-faq__intro {
	grid-column: 1;
}.s-faq--split > .s-faq__list {
	grid-column: 2;
	grid-row: 1 / span 2;
}
.s-faq__item {
	background: var(--panel);
	color: var(--ink);
	border: 1px solid var(--rule);
	border-radius: 0.2rem;
	padding: 0;
}
.s-faq__question {
	cursor: pointer;
	padding: 1rem 2.5rem 1rem 1rem;
	font-weight: 700;
	line-height: 1.3;
	list-style: none;
	position: relative;
}
.s-faq__question::-webkit-details-marker {
	display: none;
}
.s-faq__question::after {
	content: "+";
	position: absolute;
	inset-inline-end: 1rem;
	color: var(--blue);
	font-size: 1.25rem;
	line-height: 1;
}
.s-faq__item[open] {
	background: var(--ground-deep);
	color: var(--paper);
	border-color: var(--rule-bright);
}
.s-faq__item[open] .s-faq__question::after {
	content: "–";
	color: var(--paper);
}
.s-faq__answer {
	padding: 0 1rem 1rem;
	color: var(--ink-soft);
}
.s-faq--boxed .s-faq__item {
	border-color: var(--rule-bright);
}
/* Gallery / pricing / comparison / schedule / locations */

.s-gallery__item {
	overflow: hidden;
	border: 1px solid var(--rule);
	background: var(--ground-deep);
}
.s-pricing__item {
	border-block-start: 2px solid var(--blue);
}
.s-pricing__price {
	margin: 0.45rem 0;
	font-family: var(--atb-font-heading);
	font-size: clamp(1.65rem, 2vw + 1rem, 2.3rem);
	line-height: 1;
}
.s-comparison--columns .s-comparison__item {
	border-inline: 0;
	border-block: 1px solid var(--rule);
	border-radius: 0;
	box-shadow: none;
}
.s-comparison--rows .s-comparison__item {
	display: grid;
	grid-template-columns: minmax(0, 0.65fr) minmax(0, 1.35fr);
	column-gap: clamp(1rem, 3vw, 2rem);
	row-gap: 0.45rem;
	align-items: start;
}
.s-comparison--rows .s-comparison__name {
	grid-column: 1;
	grid-row: 1 / span 3;
}
.s-comparison--rows .s-comparison__summary,
.s-comparison--rows .s-comparison__best,
.s-comparison--rows .s-comparison__caveat {
	grid-column: 2;
}
.s-comparison__best,
.s-comparison__caveat {
	font-size: 0.88rem;
}
.s-comparison__best {
	color: var(--paper);
	font-weight: 700;
}
.s-comparison__caveat {
	color: var(--ink-muted);
}
.s-schedule__item {
	display: grid;
	grid-template-columns: minmax(0, 0.45fr) minmax(0, 0.9fr) minmax(0, 1fr);
	column-gap: 1rem;
	padding-block: 0.8rem;
	border-block-start: 1px solid var(--rule);
}
.s-schedule__when {
	color: var(--blue);
	font-weight: 700;
}
.s-schedule__name {
	font-family: var(--atb-font-heading);
	font-size: 1.2rem;
	line-height: 1.2;
}
.s-schedule__detail {
	color: var(--ink-muted);
}
.s-locations__item {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}
/* Prose and editorial moments */

.s-prose {
	max-inline-size: 58rem;
}
.s-prose__body {
	font-size: 1.04rem;
}
.s-moment {
	grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
	grid-template-rows: auto auto auto;
	column-gap: clamp(1.5rem, 5vw, 4rem);
	row-gap: 1rem;
	align-items: end;
}
.s-moment__media {
	grid-column: 1;
	grid-row: 1 / span 3;
}
.s-moment__index,
.s-moment__title,
.s-moment__body {
	grid-column: 2;
}
.s-moment__index {
	color: var(--blue);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.s-moment__body,
.s-duo__text,
.s-inset__text,
.s-fragments__text {
	color: var(--ink-soft);
	max-inline-size: 44rem;
}
.s-lettering {
	padding-block: clamp(3rem, 8vw, 6rem);
	border-block: 1px solid var(--rule);
}
.s-lettering__words {
	display: block;
}
.s-lettering__word {
	font-family: var(--atb-font-heading);
	font-weight: 700;
	line-height: 0.96;
	letter-spacing: -0.025em;
	color: var(--paper);
}
.s-lettering__word:nth-child(1) {
	font-size: clamp(2.6rem, 9vw, 7.5rem);
	margin-inline-start: 0;
}
.s-lettering__word:nth-child(2) {
	font-size: clamp(1.9rem, 5vw, 4.2rem);
	margin-inline-start: 18%;
	color: var(--ink-soft);
}
.s-lettering__word:nth-child(3) {
	font-size: clamp(2.2rem, 7vw, 6rem);
	margin-inline-start: 6%;
	color: var(--blue);
}
.s-lettering__word:nth-child(4) {
	font-size: clamp(1.6rem, 4vw, 3.2rem);
	margin-inline-start: 42%;
	color: var(--ink-muted);
}
.s-lettering__word:nth-child(5) {
	font-size: clamp(2rem, 6vw, 5.4rem);
	margin-inline-start: 14%;
}
.s-lettering__action {
	justify-self: start;
	margin-block-start: 1rem;
}
.s-inset--right,
.s-inset--left {
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	column-gap: clamp(1.4rem, 5vw, 3.6rem);
	align-items: center;
}
.s-inset--right > .s-inset__title,
.s-inset--right > .s-inset__text,
.s-inset--right > .s-inset__action,
.s-inset--left > .s-inset__title,
.s-inset--left > .s-inset__text,
.s-inset--left > .s-inset__action {
	grid-column: 1;
}
.s-inset--right > .s-inset__media,
.s-inset--left > .s-inset__media {
	grid-column: 2;
	grid-row: 1 / span 3;
}
.s-inset--right:not(:has(.s-inset__media)),
.s-inset--left:not(:has(.s-inset__media)) {
	grid-template-columns: minmax(0, 1fr);
}
.s-inset--right:not(:has(.s-inset__media)) > .s-inset__title,
.s-inset--right:not(:has(.s-inset__media)) > .s-inset__text,
.s-inset--right:not(:has(.s-inset__media)) > .s-inset__action,
.s-inset--left:not(:has(.s-inset__media)) > .s-inset__title,
.s-inset--left:not(:has(.s-inset__media)) > .s-inset__text,
.s-inset--left:not(:has(.s-inset__media)) > .s-inset__action {
	grid-column: 1;
}
.s-panorama {
	max-inline-size: min(88rem, 100%);
}
.s-panorama__media,
.s-panorama__words,
.s-panorama__caption,
.s-panorama__title {
	grid-column: 1;
}
.s-panorama__words {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 1rem;
	color: var(--ink-muted);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}
.s-panorama__word + .s-panorama__word::before {
	content: "/";
	margin-inline-end: 1rem;
	color: var(--blue);
}
.s-duo {
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.7fr);
	column-gap: clamp(1.5rem, 5vw, 4rem);
	align-items: center;
}
.s-duo__media {
	grid-column: 1;
	grid-row: 1 / span 2;
}
.s-duo__title,
.s-duo__text {
	grid-column: 2;
}
.s-duo__figure + .s-duo__figure {
	margin-block-start: clamp(1rem, 3vw, 2rem);
	margin-inline-start: clamp(1rem, 8vw, 7rem);
}
.s-fragments--left {
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
	column-gap: clamp(1.5rem, 5vw, 4rem);
	align-items: start;
}
.s-fragments--left > .s-fragments__parts {
	grid-column: 1;
	grid-row: 1 / span 2;
}
.s-fragments--left > .s-fragments__title,
.s-fragments--left > .s-fragments__text {
	grid-column: 2;
}
.s-fragments__parts {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
}
.s-fragments__item {
	border-block-start: 1px solid var(--rule);
	padding-block-start: 0.85rem;
}
.s-fragments__label {
	margin-block-start: 0.45rem;
	color: var(--paper);
}
/* Booking / contact / CTA / thanks */

.s-booking--single,
.s-booking {
	max-inline-size: 54rem;
}
.s-booking--split {
	grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
	column-gap: clamp(1.5rem, 5vw, 4rem);
	align-items: start;
}
.s-booking--split > .s-booking__title,
.s-booking--split > .s-booking__intro {
	grid-column: 1;
}
.s-booking--split > .s-booking__form {
	grid-column: 2;
	grid-row: 1 / span 2;
}
.s-booking__form {
	background: var(--panel);
	border: 1px solid var(--rule);
	border-radius: 0.25rem;
	padding: clamp(1rem, 3vw, 1.8rem);
}
.s-booking__fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.9rem;
}
.s-booking__field[data-field="message"] {
	grid-column: 1 / -1;
}
.s-booking__label {
	display: block;
	margin-block-end: 0.35rem;
	color: var(--ink-muted);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.s-booking__input,
.search-field {
	background: var(--ground-deep);
	color: var(--ink);
	border-color: var(--rule);
	border-radius: 0.18rem;
}
.s-booking__input:focus,
.search-field:focus {
	background: var(--ground-deep);
	color: var(--paper);
	border-color: var(--blue);
	box-shadow: 0 0 0 0.12rem rgba(127, 147, 168, 0.24);
}
.s-booking__submit {
	margin-block-start: 1rem;
}
.s-booking__note {
	margin-block-start: 0.75rem;
	color: var(--ink-muted);
	font-size: 0.9rem;
}.s-contact--card .s-contact__details {
	background: var(--panel);
	border: 1px solid var(--rule);
}.s-contact__details {
	background: var(--panel);
	border: 1px solid var(--rule);
}
.s-cta {
	border-block-start: 1px solid var(--rule-bright);
}
.s-cta--band {
	background: var(--ground-deep);
	color: var(--paper);
	box-shadow: 0 0 0 100vmax var(--ground-deep);
	clip-path: inset(0 -100vmax);
	border-block: 1px solid rgba(231, 234, 238, 0.18);
}
.s-cta__text {
	max-inline-size: 48rem;
	color: var(--ink-soft);
	font-size: clamp(1.05rem, 0.8vw + 0.95rem, 1.25rem);
}
.s-cta__action {
	justify-self: start;
}
.s-thanks {
	max-inline-size: 58rem;
	background: var(--panel);
	color: var(--ink);
	border: 1px solid var(--rule);
	border-radius: 0.25rem;
	margin-block: clamp(2rem, 6vw, 5rem);
}
.s-thanks__eyebrow {
	color: var(--blue);
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.s-thanks__lead {
	max-inline-size: 46rem;
	font-size: clamp(1.1rem, 1vw + 0.95rem, 1.35rem);
	color: var(--ink-soft);
}
.s-thanks__body {
	max-inline-size: 58ch;
}
.s-thanks__note {
	color: var(--ink-muted);
}
/* Arbitrary fragment */

.s-html-fragment__content .notice,
.notice {
	background: var(--panel);
	color: var(--ink);
	border: 1px solid var(--rule);
	border-radius: 0.2rem;
	padding: 1rem;
}
/* Blog / archive / entry */

.atb-breadcrumbs {
	--atb-breadcrumb-divider: "›";
	max-inline-size: var(--atb-width-max);
	margin-inline: auto;
	padding: 1rem var(--section-pad-inline) 0;
	color: var(--ink-muted);
	font-size: 0.85rem;
	letter-spacing: 0.04em;
}
.breadcrumb-item a {
	color: var(--ink-muted);
}
.breadcrumb-item a:hover,
.breadcrumb-item a:focus-visible {
	color: var(--paper);
	background: transparent;
}
.archive-header,
.post-list,
.post-pagination,
.entry,
.post-navigation,
article.page,
.not-found {
	max-inline-size: var(--atb-width-max);
	margin-inline: auto;
	padding-inline: var(--section-pad-inline);
}
.archive-header,
.not-found {
	padding-block: clamp(2.5rem, 6vw, 4.5rem);
}
.archive-header__title,
.entry__title,
.page-header__title,
.not-found__title {
	font-family: var(--atb-font-heading);
	font-size: clamp(2rem, 3.5vw + 0.5rem, 3.5rem);
	line-height: 1.1;
	letter-spacing: -0.025em;
	max-inline-size: 22ch;
	margin: 0;
}
.archive-header__description,
.entry__meta,
.post-card__meta {
	color: var(--ink-muted);
}
.post-list {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr));
	gap: 1rem;
	padding-block-end: 2rem;
}
.post-list__item {
	background: var(--panel);
	border: 1px solid var(--rule);
	border-radius: 0.22rem;
	padding: 1rem;
}
.post-card__media {
	display: block;
	margin-block-end: 0.8rem;
}
.post-card__title {
	font-family: var(--atb-font-heading);
	font-size: clamp(1.35rem, 1.2vw + 1rem, 1.8rem);
	line-height: 1.15;
	margin: 0;
}
.post-card__link {
	color: var(--paper);
}
.post-card__link:hover,
.post-card__link:focus-visible {
	color: var(--paper);
	background: rgba(231, 234, 238, 0.08);
}
.post-card__excerpt {
	color: var(--ink-soft);
}
.page-link {
	background: var(--panel);
	color: var(--ink);
	border-color: var(--rule);
}
.page-link:hover,
.page-link:focus-visible {
	background: var(--ground-deep);
	color: var(--paper);
	border-color: var(--paper);
}
.page-item.active .page-link {
	background: var(--paper);
	color: var(--dark-on-light);
	border-color: var(--paper);
}
.entry {
	padding-block: clamp(2.5rem, 6vw, 5rem);
}
.entry__media {
	margin-block: 1.4rem;
}
.entry__footer,
.post-navigation {
	border-block-start: 1px solid var(--rule);
	padding-block: 1rem;
	color: var(--ink-muted);
}
.page-header {
	padding-block: clamp(2rem, 5vw, 4rem) 1rem;
}
.page-header__media {
	max-inline-size: var(--atb-width-max);
	margin-inline: auto;
	padding-inline: var(--section-pad-inline);
}
.not-found .search-form {
	margin-block-start: 1.5rem;
	max-inline-size: 34rem;
}
/* Footer */

.site-footer {
	background: var(--ground-deep);
	color: var(--ink-muted);
	border-block-start: 1px solid var(--rule);
}
.site-footer__inner {
	padding: clamp(2rem, 5vw, 4rem) var(--section-pad-inline) 1.25rem;
}
.site-footer__main,
.site-footer__links {
	row-gap: 1.25rem;
}
.site-footer__block {
	border-block-start: 1px solid var(--rule);
	padding-block-start: 1rem;
}
.site-footer .brand__name {
	color: var(--paper);
	font-family: var(--atb-font-heading);
	font-size: clamp(1.6rem, 2vw + 1rem, 2.5rem);
	line-height: 1.05;
}
.site-footer__tagline,
.site-footer__contact,
.site-footer__copyright {
	color: var(--ink-muted);
}
.site-footer__heading {
	color: var(--ink);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	margin-block: 0 0.75rem;
}
.site-footer__list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.site-footer__link {
	color: var(--ink-muted);
	text-decoration: none;
}
.site-footer__link:hover,
.site-footer__link:focus-visible {
	color: var(--paper);
	background: transparent;
	text-decoration: underline;
	text-decoration-color: var(--blue);
}
.site-footer__copyright {
	border-block-start: 1px solid var(--rule);
	margin-block: 2rem 0;
	padding-block-start: 1rem;
	font-size: 0.85rem;
}
/* Floating, consent, age gate */

.site-floating {
	background: var(--paper);
	color: var(--dark-on-light);
	border: 1px solid var(--paper);
	border-radius: 0.2rem;
	padding: 0.7rem 0.85rem;
	font-size: 0.85rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	box-shadow: 0 0.5rem 1.1rem rgba(0, 0, 0, 0.28);
}
.site-floating:hover,
.site-floating:focus-visible {
	background: var(--blue);
	color: var(--ground-deep);
	border-color: var(--blue);
}
.consent-banner {
	background: rgba(11, 12, 14, 0.98);
	color: var(--ink);
	border-block-start: 1px solid var(--rule-bright);
	box-shadow: 0 -0.75rem 1.5rem rgba(0, 0, 0, 0.32);
}
.consent-banner__inner {
	max-inline-size: var(--atb-width-max);
	margin-inline: auto;
	padding: 1rem var(--section-pad-inline);
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 1rem;
	align-items: center;
}
.consent-banner__text {
	margin: 0;
	max-inline-size: 68ch;
	color: var(--ink-soft);
	font-size: 0.92rem;
}
.consent-banner__link {
	color: var(--paper);
	font-weight: 700;
}
.consent-banner__link:hover,
.consent-banner__link:focus-visible {
	color: var(--paper);
	background: rgba(231, 234, 238, 0.08);
}
.consent-banner__button {
	min-inline-size: 8rem;
}
.atb-agegate {
	background: rgba(11, 12, 14, 0.88);
	color: var(--ink);
	backdrop-filter: blur(0.35rem);
}
.atb-agegate__panel {
	max-inline-size: 34rem;
	margin: 10vh auto;
	background: var(--panel);
	color: var(--ink);
	border: 1px solid var(--rule-bright);
	border-radius: 0.25rem;
	padding: clamp(1.25rem, 4vw, 2rem);
	box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.38);
}
.atb-agegate__eyebrow {
	display: inline-block;
	margin: 0 0 1rem;
	padding-block-end: 0.35rem;
	border-block-end: 1px solid var(--blue);
	color: var(--blue);
	font-weight: 800;
	letter-spacing: 0.14em;
}
.atb-agegate__title {
	margin: 0;
	font-family: var(--atb-font-heading);
	font-size: clamp(1.75rem, 2.5vw + 0.5rem, 2.5rem);
	line-height: 1.1;
}
.atb-agegate__text {
	color: var(--ink-soft);
}
/* Forms and fragments */

.site-header__edit-fragment,
.site-footer__edit-fragment {
	max-inline-size: var(--atb-width-max);
	margin-inline: auto;
	padding: 1rem var(--section-pad-inline);
}
/* Responsive */

@media (max-width: 1440px) {
	:root {
		--atb-width-max: 72rem;
	}

	.s {
		--section-pad-block: clamp(3rem, 5vw, 4.8rem);
	}
}
@media (max-width: 1024px) {
	.s-hero--split,
	.s-story--aside,
	.s-highlight--quote,
	.s-faq--split,
	.s-moment,
	.s-inset--right,
	.s-inset--left,
	.s-duo,
	.s-fragments--left,
	.s-booking--split {
		grid-template-columns: minmax(0, 1fr);
	}.s-hero--split > .s-hero__eyebrow,
.s-hero--split > .s-hero__title,
.s-hero--split > .s-hero__lead,
.s-hero--split > .s-hero__actions,
.s-hero--split > .s-hero__media,
.s-story--aside > .s-story__title,
.s-story--aside > .s-story__intro,
.s-story--aside > .s-story__body,
.s-story--aside > .s-story__media,
.s-highlight--quote > .s-highlight__claim,
.s-highlight--quote > .s-highlight__attribution,
.s-faq--split > .s-faq__title,
.s-faq--split > .s-faq__intro,
.s-moment__media,
.s-moment__index,
.s-moment__title,
.s-moment__body,
.s-inset--right > .s-inset__title,
.s-inset--right > .s-inset__text,
.s-inset--right > .s-inset__action,
.s-inset--right > .s-inset__media,
.s-inset--left > .s-inset__title,
.s-inset--left > .s-inset__text,
.s-inset--left > .s-inset__action,
.s-inset--left > .s-inset__media,
.s-duo__media,
.s-duo__title,
.s-duo__text,
.s-fragments--left > .s-fragments__parts,
.s-fragments--left > .s-fragments__title,
.s-fragments--left > .s-fragments__text,
.s-booking--split > .s-booking__title,
.s-booking--split > .s-booking__intro,
.s-booking--split > .s-booking__form {
		grid-column: 1;
		grid-row: auto;
	}.s-faq--split > .s-faq__list {
		grid-column: 1;
		grid-row: auto;
}

	.s-hero--split > .s-hero__media,
	.s-story--aside > .s-story__media {
		margin-block-start: 1rem;
	}

	.s-highlight--quote::before {
		grid-column: 1;
		grid-row: auto;
		font-size: clamp(4rem, 18vw, 8rem);
	}

	.s-offering--feature .s-offering__col:first-child .s-offering__item,
	.s-comparison--rows .s-comparison__item {
		grid-template-columns: minmax(0, 1fr);
	}

	.s-offering--feature .s-offering__col:first-child .s-offering__image,
	.s-offering--feature .s-offering__col:first-child .s-offering__item-title,
	.s-offering--feature .s-offering__col:first-child .s-offering__item-text,
	.s-comparison--rows .s-comparison__name,
	.s-comparison--rows .s-comparison__summary,
	.s-comparison--rows .s-comparison__best,
	.s-comparison--rows .s-comparison__caveat {
		grid-column: 1;
		grid-row: auto;
	}
}
@media (max-width: 768px) {
	:root {
		--section-pad-inline: clamp(1rem, 5vw, 1.5rem);
		--section-pad-block: clamp(2.5rem, 7vw, 3.8rem);
	}

	.s-story--columns .s-story__body {
		columns: auto;
		column-rule: 0;
	}

	.s-hero__image,
	.s-story__image,
	.s-offering__image,
	.s-team__image,
	.s-cards__image,
	.s-gallery__image,
	.s-moment__image,
	.s-inset__image,
	.s-panorama__image,
	.s-duo__image,
	.s-fragments__image,
	.post-card__image,
	.entry__image,
	.page-header__media img {
		max-block-size: 55vh;
	}

	.s-hero__image {
		max-block-size: 50vh;
	}

	.s-booking__fields,
	.s-schedule__item,
	.consent-banner__inner {
		grid-template-columns: minmax(0, 1fr);
	}

	.s-booking__field[data-field="message"] {
		grid-column: 1;
	}

	.consent-banner__actions {
		justify-content: start;
	}

	.s-lettering__word:nth-child(n) {
		margin-inline-start: 0;
	}

	.s-panorama__words {
		display: block;
	}

	.s-panorama__word + .s-panorama__word::before {
		margin-inline: 0.5rem 0.5rem;
	}
}
@media (max-width: 390px) {
	body {
		font-size: 1rem;
	}

	.s {
		padding-inline: 1rem;
		row-gap: 0.9rem;
	}

	.s :is(
		.s-story__title,
		.s-offering__title,
		.s-steps__title,
		.s-checklist__title,
		.s-timeline__title,
		.s-specs__title,
		.s-team__title,
		.s-clients__title,
		.s-cards__title,
		.s-documents__title,
		.s-testimonials__title,
		.s-faq__title,
		.s-gallery__title,
		.s-pricing__title,
		.s-contact__title,
		.s-comparison__title,
		.s-schedule__title,
		.s-locations__title,
		.s-prose__title,
		.s-moment__title,
		.s-inset__title,
		.s-panorama__title,
		.s-duo__title,
		.s-fragments__title,
		.s-booking__title,
		.s-cta__title,
		.s-thanks__title
	) {
		max-inline-size: 22ch;
	}

	.s-hero__title {
		max-inline-size: 22ch;
	}

	.btn--primary,
	.btn--ghost,
	.search-submit {
		padding: 0.68rem 0.82rem;
		font-size: 0.875rem;
	}

	.s-faq__question {
		padding-inline-end: 2rem;
	}

	.consent-banner__button {
		min-inline-size: 0;
	}

	.atb-agegate__panel {
		margin-block: 6vh;
		margin-inline: 1rem;
	}

	.site-floating {
		padding: 0.6rem 0.7rem;
		font-size: 0.78rem;
	}
}
/* ── Repair (ATB) ──────────────────────────────────────── */
.s-hero--split:not(:has(.s-hero__media)) {
	grid-template-columns: minmax(0, 1fr);
}
.s-hero--split:not(:has(.s-hero__media)) > .s-hero__eyebrow,
.s-hero--split:not(:has(.s-hero__media)) > .s-hero__title,
.s-hero--split:not(:has(.s-hero__media)) > .s-hero__lead,
.s-hero--split:not(:has(.s-hero__media)) > .s-hero__actions {
	grid-column: 1;
	grid-row: auto;
}
.s.s--light :is(
	.s-hero__caption,
	.s-panorama__caption,
	.s-fragments__note,
	.s-hero__eyebrow,
	.s-hero__lead,
	.s-offering__item-text,
	.s-steps__item-text,
	.s-comparison__summary,
	.s-steps__number
) {
	color: #3b434c;
}
.s.s--light :is(
	.s-fragments__label,
	.s-story__body,
	.s-checklist__text
) {
	color: var(--dark-on-light);
}
.s-schedule__item > * {
	grid-column: 3;
}
.s-schedule__item > .s-schedule__when {
	grid-column: 1;
}
.s-schedule__item > .s-schedule__name {
	grid-column: 2;
}
.s-schedule__item > .s-schedule__detail {
	grid-column: 3;
}
@media (max-width: 768px) {
	.s-schedule__item.s-schedule__item > * {
		grid-column: 1;
		grid-row: auto;
	}

	.s-schedule__item.s-schedule__item > :is(.s-schedule__when, .s-schedule__name, .s-schedule__detail) {
		grid-column: 1;
		grid-row: auto;
	}
}

/* ── Repair (ATB) ──────────────────────────────────────── */
.s.s--light :is(
	.s-checklist__note,
	.s-highlight__attribution,
	.s-specs__label,
	.s-contact__label,
	.s-documents__note,
	.s-faq__answer,
	.s-comparison__caveat,
	.s-inset__text,
	.s-fragments__text
) {
	color: #3b434c;
}
.s.s--light :is(
	.s-documents__link,
	.s-comparison__best,
	.s-lettering__word
) {
	color: var(--dark-on-light);
}

/* ── Token floor (ATB) ─────────────────────────────────
   Declared by the pipeline, not the design: left undeclared these
   fall back to the starter theme's neutral grey and put it under
   the chrome, the bands and every section the sheet did not
   paint itself. Derived from the design's own tokens so they
   follow it, including a palette pinned after this point. */
:root {
	--atb-color-text-muted: color-mix(in srgb, var(--atb-color-text) 65%, var(--atb-color-background));
}


/* ── Safety net (ATB) ─────────────────────────────────── */
html { overflow-x: clip; }
body { overflow-x: clip; max-width: 100%; }
body[class] { max-inline-size: none; margin-inline: 0; padding-inline: 0; }
img, svg, video { max-width: 100%; height: auto; }
.site-main, .site-footer { overflow-wrap: anywhere; }
:where(.s) > * { min-inline-size: 0; }
.s-hero__title {
	font-size: clamp(2rem, 3.5vw + 0.5rem, 3.5rem);
	line-height: 1.1;
	max-inline-size: 22ch;
}
:where(.s-story__title, .s-offering__title, .s-steps__title, .s-checklist__title, .s-timeline__title, .s-specs__title, .s-team__title, .s-clients__title, .s-cards__title, .s-documents__title, .s-testimonials__title, .s-faq__title, .s-gallery__title, .s-pricing__title, .s-contact__title, .s-prose__title, .s-cta__title) {
	font-size: clamp(1.75rem, 2.5vw + 0.5rem, 2.5rem);
	line-height: 1.1;
	max-inline-size: 22ch;
}
.s-highlight__claim { font-size: clamp(1.75rem, 3vw + 0.5rem, 3rem); line-height: 1.1; }
.s-hero { min-block-size: auto; }
.s[data-position="first"]:not(.s-hero) { padding-block-start: clamp(2rem, 5vw, 4rem); }
:where(.s img) {
	max-block-size: min(78vh, 44rem);
	max-block-size: min(78svh, 44rem);
	object-fit: cover;
}
:where(.s-hero__image) {
	max-block-size: min(68vh, 34rem);
	max-block-size: min(68svh, 34rem);
}
.atb-section-grid :is(.s-specs__item, .s-contact__item),
.atb-no-bootstrap :is(.s-specs__item, .s-contact__item) {
	height: auto;
	block-size: auto;
}

/* Ink corrected for the ground it lands on (ATB) */
.s--light .s-prose__body { color: inherit; }
.s--light .s-timeline__item-text { color: rgb(21 24 28 / 78%); }
.s--light .s-team__bio { color: inherit; }
.s--light .s-cards__item-text { color: rgb(21 24 28 / 78%); }
.s--light .s-pricing__note { color: rgb(21 24 28 / 78%); }
.s--light .s-locations__address { color: inherit; }
.s--light .s-locations__hours { color: inherit; }
.s--light .s-timeline__period { color: inherit; }
.s--light .s-stats__label { color: rgb(21 24 28 / 78%); }
.s--light .s-team__role { color: rgb(21 24 28 / 78%); }
.s--light .s-clients__note { color: rgb(21 24 28 / 78%); }
.s--light .s-testimonials__role { color: rgb(21 24 28 / 78%); }
.s--light .s-cards__link { color: inherit; }
.s--light .s-locations__phone { color: inherit; }
.s--light .s-schedule__when { color: inherit; }
.s--light .s-schedule__detail { color: inherit; }
.s--light .s-moment__index { color: inherit; }
.s--light .s-moment__body { color: inherit; }
.s--light .s-duo__text { color: rgb(21 24 28 / 78%); }
.s--light .s-panorama__words { color: inherit; }
.s--light .s-booking__label { color: rgb(21 24 28 / 78%); }
.s--light .s-booking__input { color: inherit; }
.s--light .s-booking__note { color: rgb(21 24 28 / 78%); }
.s--light .s-cta__text { color: rgb(21 24 28 / 78%); }

/* Card ink paired with the card's own ground (ATB) */
:where(.s-gallery__item) { color: var(--atb-color-text); }
.site-main:has(> :last-child:is(.s--alt, .s--spotlight, .s--light, .s--dark, .s-highlight, .s-highlight--marker, .s-lettering, .s-cta, .s-cta--band, .s-thanks)) { padding-block-end: var(--atb-footer-gap, clamp(2.5rem, 5vw, 4.5rem)); }
@media (min-width: 64.0625rem) {
	.s-hero--split .s-hero__title[data-length="long"] {
		font-size: clamp(1.75rem, 2.5vw + 0.5rem, 2.5rem);
	}
}
@media (max-width: 64rem) {
	.s-hero, .s-hero--split { grid-template-columns: minmax(0, 1fr); }
	.s-hero__media { grid-row: auto; grid-column: 1; }
}
@media (max-width: 767px) {
	.s img { max-height: 55vh; object-fit: cover; }
}