/* Hallmark · shape: Marquee Hero · genre: editorial · theme: Atelier (deal 1/3, seed premium-clean-sophisticated-home-2613·d1eb678f·2026-11-05·r0) · job: book · draw: c90b91
 * hero: Ledge (type only, a tall field of mist above, the head and four ruled facts resting at the base) · nav: three-part (swap from slab: five real destinations and two actions) · footer: mast (swap from index columns: no sitemap) · imagery: photographs, user 12, warm · signature: the eight services as a ruled list that opens one at a time beside its photograph, the house standing on a lower stage
 * axes: light/roman-serif/cool · posture: restrained · contrast: pass · fold: pass · copy: verbatim · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V4 · weakest: S, the supplied photos share one stock look (yellow gloves); warmed and hung as matted prints, the hero now carries no picture at all */
@import url("./tokens.css?v=4");
@import url("./base.css?v=4");

:root {
  --nav-h: 76px;
  --strip-w: 2.75rem;
  --strip-h: 19rem;
  --strip-drop: 2.5rem;
  --air-1: oklch(94.5% 0.010 76);
  --air-2: oklch(90.5% 0.032 74);
  --air-3: oklch(97.5% 0.012 86);
  --sky-top: oklch(90.5% 0.036 232);
  --sky-low: oklch(94.5% 0.045 72);
  --shadow-strip: oklch(30% 0.03 55 / 0.22);
  --grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.25 0 0 0 0 0.2 0 0 0 0.9 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  --fibre: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='0.035 0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.3 0 0 0 0 0.25 0 0 0 0.16 0'/></filter><rect width='100%25' height='100%25' filter='url(%23f)'/></svg>");
}

body { color: var(--color-ink-2); line-height: 1.6; background: var(--color-paper); }
h1, h2 { font-weight: var(--display-weight); color: var(--color-ink); }
h1 { line-height: 1.02; }
h3 { font-weight: var(--serif-small); color: var(--color-ink); letter-spacing: -0.01em; }
.display-s { font-size: var(--text-display-s); max-width: 20ch; line-height: 1.05; }
.lead { color: var(--color-ink-2); }
.muted { color: var(--color-muted); }

/* Skip link */
.skip { position: absolute; left: var(--space-md); top: calc(-1 * var(--space-3xl)); z-index: var(--z-toast); padding: var(--space-xs) var(--space-md); background: var(--color-ink); color: var(--color-paper); text-decoration: none; }
.skip:focus-visible { top: var(--space-md); }

/* Controls: hairline ink outline, hover fills ink */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-xs); min-height: 52px; padding: 0 var(--space-lg); border: var(--rule-hair) solid var(--color-ink); border-radius: var(--radius-pill); background: transparent; color: var(--color-ink); font: 400 var(--text-md)/1 var(--font-body); white-space: nowrap; text-decoration: none; cursor: pointer; transition: background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out); }
.btn:hover { background: var(--color-ink); color: var(--color-paper); }
.btn:active { transform: translateY(1px); }
.btn:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.btn:disabled, .btn[aria-disabled="true"] { opacity: 0.55; cursor: not-allowed; transform: none; }
.btn--small { min-height: 44px; padding: 0 var(--space-md); font-size: var(--text-sm); }
.link { color: var(--color-ink); text-decoration: underline; text-decoration-color: var(--color-accent); text-decoration-thickness: 1px; text-underline-offset: 0.3em; white-space: nowrap; transition: color var(--dur-short) var(--ease-out), text-decoration-color var(--dur-short) var(--ease-out); }
.link:hover { color: var(--color-accent); }
.link:active { color: var(--color-ink-2); }
.link:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .btn, .link { transition: none; } }

/* The air: a fixed field behind the hero and the reviews */
.air { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -1; display: block; pointer-events: none; }

/* Nav: three-part bar */
.nav { position: relative; z-index: var(--z-raised); border-bottom: var(--rule-hair) solid var(--color-rule); }
.nav__bar { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; min-height: var(--nav-h); gap: var(--space-lg); }
.nav__mark { display: inline-flex; align-items: center; gap: var(--space-sm); width: fit-content; text-decoration: none; }
.nav__name { display: grid; font: var(--serif-small) var(--text-md)/1.15 var(--font-display); color: var(--color-ink); white-space: nowrap; }
.nav__name .muted { font: 400 var(--text-xs)/1.3 var(--font-body); }
.nav__mark img { height: 48px; width: auto; }
.nav__mark:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 4px; }
.nav__links { display: flex; gap: var(--space-xl); }
.nav__links a { font-size: var(--text-sm); color: var(--color-ink-2); text-decoration: none; white-space: nowrap; transition: color var(--dur-short) var(--ease-out); }
.nav__links a:hover { color: var(--color-ink); text-decoration: underline; text-decoration-color: var(--color-accent); text-underline-offset: 0.3em; }
.nav__links a:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 4px; }
.nav__actions { display: flex; align-items: center; justify-content: flex-end; gap: var(--space-lg); font-size: var(--text-sm); }
.lang { display: flex; align-items: center; }
.lang button { min-width: 44px; min-height: 44px; padding: 0 var(--space-xs); border: 0; background: transparent; color: var(--color-muted); font: 400 var(--text-sm)/1 var(--font-body); cursor: pointer; text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 0.5em; transition: color var(--dur-short) var(--ease-out), text-decoration-color var(--dur-short) var(--ease-out); }
.lang button:hover { color: var(--color-ink); }
.lang button:active { color: var(--color-ink-2); }
.lang button[aria-pressed="true"] { color: var(--color-ink); text-decoration-color: var(--color-accent); }
.lang button:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }

/* Hero: type only. A tall field of mist above; the head, its line and four ruled facts rest at the base */
.hero { position: relative; isolation: isolate; }
.hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background-image: var(--grain); background-size: 180px; opacity: 0.16; mix-blend-mode: multiply; pointer-events: none; }
.hero__grid { display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: var(--space-2xl); min-height: calc(100svh - var(--nav-h)); padding-block: var(--space-2xl); }
.hero__text { display: grid; gap: var(--space-lg); align-self: end; justify-items: start; }
.hero__text h1 { max-width: 20ch; font-size: clamp(3rem, 5.6vw + 1rem, 6.5rem); }
.hero__text .lead { max-width: 46ch; }
.hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-lg); margin-top: var(--space-md); }

.print { margin: 0; display: grid; gap: var(--space-sm); }
.print__mat { position: relative; padding: var(--space-lg); border-radius: 2px; background: var(--fibre) 0 0 / 220px, linear-gradient(160deg, var(--card-lit), var(--color-card) 55%, var(--card-shade)); box-shadow: var(--shadow-card), inset 1px 1px 0 var(--lit); }
.print__photo { height: clamp(380px, 60svh, 600px); border-radius: var(--radius-card); }
.print__photo > img { outline: 1px solid color-mix(in oklab, var(--color-ink) 8%, transparent); outline-offset: -1px; }
.print__label { display: flex; justify-content: space-between; gap: var(--space-md); font-size: var(--text-sm); color: var(--color-ink); padding-inline: var(--space-2xs); }

.air-toggle { position: absolute; right: var(--gutter); top: var(--space-md); z-index: var(--z-raised); min-height: 44px; padding: 0 var(--space-xs); border: 0; background: transparent; color: var(--color-muted); font-size: var(--text-sm); text-decoration: underline; text-decoration-color: var(--color-rule); text-underline-offset: 0.3em; cursor: pointer; transition: color var(--dur-short) var(--ease-out); }
.air-toggle:hover { color: var(--color-ink); }
.air-toggle:active { color: var(--color-ink-2); }
.air-toggle:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
html:not(.js) .air-toggle { display: none; }
@media (prefers-reduced-motion: reduce) { .air-toggle { display: none; } }

/* Facts: four ruled figures */
.stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding-top: var(--space-lg); border-top: var(--rule-head) solid var(--color-ink); }
.stats > div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: var(--space-xs); padding-inline: var(--space-lg); border-left: var(--rule-hair) solid var(--color-rule); }
.stats > :first-child { padding-left: 0; border-left: 0; }
.stats dt { font-size: var(--text-sm); color: var(--color-muted); }
.stats dd { margin: 0; font: var(--statement-weight) var(--text-display-s)/1 var(--font-display); letter-spacing: var(--tracking-statement); color: var(--color-ink); font-variant-numeric: tabular-nums; }

/* Services: a ruled list, one open at a time */
.services { padding-block: var(--section-gap) var(--section-gap-s); }
.services .head-split { margin-bottom: var(--space-xl); }
.svc__note { margin-bottom: var(--space-md); font-size: var(--text-sm); color: var(--color-muted); max-width: none; }
.svc { list-style: none; margin: 0; padding: 0; border-top: var(--rule-head) solid var(--color-ink); }
.svc > li { border-bottom: var(--rule-hair) solid var(--color-rule); }
.svc__h { margin: 0; max-width: none; font-size: inherit; line-height: inherit; letter-spacing: normal; }
.svc__row { position: relative; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr) 2.75rem; align-items: center; gap: var(--gap-columns); min-height: 88px; padding-block: var(--space-lg); }
.svc__h { max-width: none; margin: 0; font: var(--serif-small) var(--text-2xl)/1.15 var(--font-display); letter-spacing: -0.01em; text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 0.18em; transition: text-decoration-color var(--dur-short) var(--ease-out); }
.svc__meta { font-size: var(--text-sm); color: var(--color-muted); pointer-events: none; }
.svc__btn { display: grid; place-items: center; justify-self: end; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.svc__btn::after { content: ""; position: absolute; inset: 0; }
.svc__icon { position: relative; width: 1.25rem; height: 1.25rem; pointer-events: none; }
.svc__icon::before, .svc__icon::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: var(--color-ink); transition: transform var(--dur-short) var(--ease-out); }
.svc__icon::after { transform: rotate(90deg); }
.svc__btn[aria-expanded="true"] .svc__icon::after { transform: rotate(0deg); }
.svc__row:hover .svc__h { text-decoration-color: var(--color-accent); }
.svc__row:active .svc__h { color: var(--color-ink-2); }
.svc__btn:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.svc__panel { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--gap-columns); align-items: start; padding-bottom: var(--space-2xl); animation: svc-in var(--dur-long) var(--ease-out); }
@keyframes svc-in { from { opacity: 0; transform: translateY(var(--space-xs)); } }
.svc__photos { display: grid; }
.svc__photos--pair { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-md); }
.svc__photo { aspect-ratio: 3 / 2; border-radius: var(--radius-card); }
.svc__photos--pair .svc__photo { aspect-ratio: 3 / 4; }
.svc__photo > img { outline: 1px solid color-mix(in oklab, var(--color-ink) 8%, transparent); outline-offset: -1px; }
.svc__body { display: grid; gap: var(--space-lg); align-content: start; }
.svc__body > p { max-width: 44ch; color: var(--color-ink-2); }
.includes { margin: 0; padding: 0; list-style: none; display: grid; border-top: var(--rule-head) solid var(--color-ink); }
.includes li { padding-block: var(--space-sm); border-bottom: var(--rule-hair) solid var(--color-rule); font-size: var(--text-sm); color: var(--color-ink-2); }
.includes li:last-child { border-bottom: 0; }
.svc__actions { display: flex; align-items: center; gap: var(--space-lg); margin-top: var(--space-xl); font-size: var(--text-sm); }
@media (prefers-reduced-motion: reduce) { .svc__panel { animation: none; } .svc__icon::before, .svc__icon::after { transition: none; } }

/* Why us: head on five, ruled list on seven */
.why { padding-block: var(--section-gap-s); }
.why__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-3xl); align-items: start; }
.why__head { display: grid; gap: var(--space-lg); }
.print--small { margin-top: var(--space-md); }
.print--small .print__mat { padding: var(--space-md); }
.print--small .print__photo { height: auto; aspect-ratio: 4 / 3; }
.why__head h2 { max-width: 11ch; }
.why__head p { max-width: 38ch; }
.dropcap::first-letter { float: left; font: var(--serif-small) 3.3em/0.8 var(--font-display); padding: var(--space-2xs) var(--space-xs) 0 0; color: var(--color-accent); }
.ruled { margin: 0; border-top: var(--rule-head) solid var(--color-ink); }
.ruled > * + * { border-top: var(--rule-hair) solid var(--color-rule); }
.why__list > div { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--space-lg); padding-block: var(--space-xl); }
.why__list dt { font: var(--serif-small) var(--text-title)/1.2 var(--font-display); color: var(--color-ink); }
.why__list dd { margin: 0; color: var(--color-ink-2); }

/* Reviews: the air shows through */
.reviews { padding-block: 0 var(--section-gap-s); }
/* The lower stage: the house stands on its own sky, the reviews head rests beside it */
.stage { position: relative; isolation: isolate; overflow: clip; display: grid; align-items: center; min-height: clamp(480px, 50vw, 720px); margin-bottom: var(--space-3xl); }
.stage::before { content: ""; position: absolute; inset: 0 0 0 24%; z-index: -2; background: linear-gradient(to bottom, var(--sky-top), var(--sky-low) 70%, transparent); -webkit-mask-image: linear-gradient(to right, transparent, var(--color-ink) 38%); mask-image: linear-gradient(to right, transparent, var(--color-ink) 38%); pointer-events: none; }
.stage::after { content: ""; position: absolute; inset: 0; z-index: -1; background-image: var(--grain); background-size: 180px; opacity: 0.16; mix-blend-mode: multiply; pointer-events: none; }
.stage__house { position: absolute; z-index: -1; right: -3vw; bottom: 0; width: clamp(560px, 70vw, 1240px); max-width: none; height: auto; -webkit-mask-image: linear-gradient(to right, transparent 0, var(--color-ink) 22%); mask-image: linear-gradient(to right, transparent 0, var(--color-ink) 22%); pointer-events: none; }
.stage__text { position: relative; display: grid; gap: var(--space-md); justify-items: start; padding-block: var(--space-3xl); }
.stage__text h2 { max-width: 12ch; }
.stage__text .lead { color: var(--color-ink-2); }
.head-split { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--gap-columns); align-items: end; }
.head-split .lead { justify-self: end; color: var(--color-muted); }
.quote { margin: 0; display: grid; gap: var(--space-lg); }
.quote blockquote { margin: 0; }
.quote figcaption { display: grid; gap: var(--space-3xs); font-size: var(--text-sm); color: var(--color-ink); }
.quote--lead { margin-top: 0; padding-top: var(--space-2xl); border-top: var(--rule-head) solid var(--color-ink); }
.quote--lead p { font: var(--statement-weight) var(--text-display-s)/1.12 var(--font-display); letter-spacing: var(--tracking-statement); color: var(--color-ink); max-width: 30ch; text-indent: -0.4em; }
.quote-pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--gap-columns); width: min(100%, 58rem); margin-left: auto; margin-top: var(--space-3xl); }
.quote-pair .quote { padding-top: var(--space-lg); border-top: var(--rule-hair) solid var(--color-rule); }
.quote-pair p { font: var(--serif-small) var(--text-title)/1.35 var(--font-display); color: var(--color-ink); text-indent: -0.4em; }

/* How it works: a cotton card */
.how { background: var(--color-paper); padding-block: var(--section-gap-s); }
.how__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-3xl); align-items: start; }
.how__head { display: grid; gap: var(--space-lg); }
.how__head h2 { max-width: 10ch; }
.how__head .lead { max-width: 26ch; }
.stock { position: relative; border-radius: 2px; background: var(--fibre) 0 0 / 220px, linear-gradient(160deg, var(--card-lit), var(--color-card) 55%, var(--card-shade)); box-shadow: var(--shadow-card), inset 1px 1px 0 var(--lit); text-shadow: 0 1px 0 var(--lit); }
.stock::before { content: ""; position: absolute; inset: 0.875rem; border: var(--rule-hair) solid var(--color-card-edge); pointer-events: none; }
.how__card { padding: var(--space-2xl); }
.steps { margin: 0; padding: 0; list-style: none; counter-reset: step; border-top: var(--rule-head) solid var(--color-ink); }
.steps li { counter-increment: step; display: grid; grid-template-columns: 4rem minmax(0, 1fr); column-gap: var(--space-lg); row-gap: var(--space-2xs); padding-block: var(--space-lg); }
.steps li + li { border-top: var(--rule-hair) solid var(--color-rule); }
.steps li::before { content: counter(step); grid-row: 1 / span 2; font: var(--statement-weight) var(--text-3xl)/1 var(--font-display); color: var(--color-ink); font-variant-numeric: tabular-nums; }
.steps h3 { font-size: var(--text-title); }
.steps p { color: var(--color-ink-2); }

/* Contact: the close */
.contact { background: var(--color-paper-2); padding-block: var(--section-gap-s); border-top: var(--rule-hair) solid var(--color-rule); }
.contact__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-3xl); align-items: end; }
.contact__text { display: grid; gap: var(--space-lg); }
.contact__text .lead { max-width: 40ch; }
.contact__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-lg); margin-top: var(--space-md); font-size: var(--text-sm); }
.contact__facts > div { display: grid; gap: var(--space-3xs); padding-block: var(--space-md); }
.contact__facts dt { font-size: var(--text-sm); color: var(--color-muted); }
.contact__facts dd { margin: 0; color: var(--color-ink); }
.contact__side { display: grid; gap: var(--space-lg); }
/* QR: a quiet code for visitors on a computer, never on a phone */
.qr { display: none; margin: 0; }
@media (min-width: 60rem) and (hover: hover) and (pointer: fine) { .qr { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--space-md); } }
.qr__code { width: 120px; height: auto; border-radius: 2px; box-shadow: 0 0 0 1px color-mix(in oklab, var(--color-ink) 8%, transparent); }
.qr figcaption { font-size: var(--text-sm); color: var(--color-muted); max-width: 22ch; }
.fill { padding: 0 0.25em; border: 1px dashed color-mix(in oklch, var(--color-muted) 70%, transparent); border-radius: 3px; color: var(--color-muted); -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* Footer: mast */
.foot { background: var(--color-paper-3); padding-block: var(--space-3xl) var(--space-xl); }
.foot__grid { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; gap: var(--space-2xl) var(--space-3xl); align-items: end; }
.foot__mark { display: inline-flex; width: fit-content; }
.foot__mark img { height: 160px; width: auto; }
.foot__mark:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 4px; }
.foot__links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-md) var(--space-xl); }
.foot__links a { color: var(--color-ink); text-decoration: none; white-space: nowrap; }
.foot__links a:hover { text-decoration: underline; text-decoration-color: var(--color-accent); text-underline-offset: 0.3em; }
.foot__links a:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 4px; }
.foot__legal { grid-column: 1 / -1; padding-top: var(--space-lg); border-top: var(--rule-hair) solid var(--color-rule); font-size: var(--text-sm); color: var(--color-muted); }

@media (max-width: 80rem) { .nav__actions .link { display: none; } }
@media (max-width: 72rem) { .nav__links { display: none; } .nav__bar { grid-template-columns: auto minmax(0, 1fr); } }

/* Under 60rem everything stacks in reading order */
@media (max-width: 60rem) {
  :root { --nav-h: 64px; }
  .nav__links { display: none; }
  .nav__bar { grid-template-columns: auto minmax(0, 1fr); }
  .nav__mark img { height: 40px; }
  .hero__grid, .why__grid, .how__grid, .contact__grid, .head-split { grid-template-columns: minmax(0, 1fr); }
  .hero__grid { padding-block: var(--space-2xl) var(--space-xl); }
  .air-toggle { top: var(--space-xs); }
  .print__photo { height: auto; aspect-ratio: 4 / 3; }
  .print__mat { padding: var(--space-sm); }
  .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--space-xl); }
  .stats > :nth-child(3) { padding-left: 0; border-left: 0; }
  .head-split .lead { justify-self: start; }
  .svc__row { grid-template-columns: minmax(0, 1fr) 2.75rem; row-gap: var(--space-3xs); }
  .svc__meta { grid-column: 1; grid-row: 2; }
  .svc__btn { grid-column: 2; grid-row: 1 / span 2; }
  .svc__h { font-size: var(--text-xl); }
  .svc__panel { grid-template-columns: minmax(0, 1fr); gap: var(--space-lg); }
  .stage { display: block; min-height: 0; padding-bottom: 58vw; margin-bottom: var(--space-2xl); }
  .stage__house { right: -6vw; width: 112vw; }
  .stage::before { inset: 40% 0 0 0; -webkit-mask-image: linear-gradient(to bottom, transparent, var(--color-ink) 40%); mask-image: linear-gradient(to bottom, transparent, var(--color-ink) 40%); }
  .stage__text { padding-block: var(--space-2xl) var(--space-xl); }
  .quote-pair { grid-template-columns: minmax(0, 1fr); width: 100%; margin-top: var(--space-2xl); }
  .quote--lead p, .quote-pair p { text-indent: 0; }
  .how__card { padding: var(--space-xl); }
  .foot__grid { grid-template-columns: minmax(0, 1fr); }
  .foot__links { justify-content: flex-start; }
  .foot__mark img { height: 112px; }
}
@media (max-width: 40rem) {
  .nav__actions .link, .nav__actions .btn { display: none; }
  .nav__actions { gap: var(--space-xs); }
  .lang button { min-width: 44px; }
  .nav__name .muted { display: none; }
  .svc__photos--pair { grid-template-columns: minmax(0, 1fr); }
  .svc__photos--pair .svc__photo { aspect-ratio: 3 / 2; }
  .why__list > div { grid-template-columns: minmax(0, 1fr); gap: var(--space-2xs); padding-block: var(--space-lg); }
  .how__card { padding: var(--space-lg); }
  .steps li { grid-template-columns: 2.75rem minmax(0, 1fr); column-gap: var(--space-md); }
  .air-toggle { right: var(--space-xs); }
}