/* Signature palette drawn from the selected Herr Bellos Rudel logo. */
:root {
  color-scheme: dark;
  --forest: #191919;
  --forest-deep: #101010;
  --moss: #d2ae58;
  --yellow: #cfab58;
  --yellow-soft: #ead7a9;
  --paper: #141414;
  --white: #202020;
  --ink: #f4f1e9;
  --muted: #bebbb3;
  --line: #3d382d;
  --utility: 'DM Sans', 'Segoe UI', sans-serif;
}
body { background: var(--paper); color: var(--ink); line-height: 1.75; }
::selection { background: var(--yellow); color: #101010; }
h1, h2, h3 { overflow-wrap: normal; }
h2 { font-size: clamp(2.6rem, 4.4vw, 4.8rem); line-height: 1.06; letter-spacing: -.035em; font-weight: 400; text-wrap: balance; }
.eyebrow, .time-kicker { font-size: .875rem; font-weight: 500; line-height: 1.5; letter-spacing: .13em; color: var(--yellow); }
.lead { font-size: clamp(1.2rem, 1.65vw, 1.5rem); line-height: 1.6; letter-spacing: -.012em; }
.section { padding-block: clamp(76px, 8vw, 128px); }
.button, .header-cta { min-height: 52px; font: 600 .875rem/1.4 var(--body); letter-spacing: .015em; text-transform: none; padding: 15px 23px; }
.button:hover { transform: translateY(-2px); }
.button-yellow { background: var(--yellow); color: #101010; }
.button-yellow:hover { background: var(--yellow-soft); }
.button-green { border-color: var(--yellow); color: var(--yellow); background: transparent; }
.button-green:hover { background: var(--yellow); color: #101010; }
.button-outline { border-color: #777165; }
.button-outline:hover { background: #f4f1e9; color: #101010; }
.text-link, .arrow-link { font-size: .9375rem; font-weight: 500; }
.arrow-link { color: var(--yellow); border-bottom-width: 1px; }
.site-header { height: 116px; padding-inline: max(28px, calc((100vw - 1360px)/2)); background: #101010; border-bottom: 1px solid var(--line); grid-template-columns: 280px 1fr auto; gap: 28px; }
.brand { gap: 16px; color: var(--ink); font: 400 1.2rem/1.2 var(--display); }
.brand img { width: 90px; height: 90px; flex: 0 0 auto; padding: 7px; border-radius: 50%; object-fit: contain; background: #fff; box-shadow: 0 0 0 5px #101010, 0 0 0 6px #6e5932; }
.brand b { color: var(--yellow); font-weight: 400; letter-spacing: .12em; font-size: .95rem; text-transform: uppercase; }
.site-header nav { gap: clamp(15px, 2vw, 30px); }
.site-header nav a { font-size: .875rem; font-weight: 500; color: #d1cec7; }
.site-header nav a::after { height: 1px; background: var(--yellow); }
.header-cta { border-color: #8b733e; color: var(--yellow); }
.header-cta:hover { background: var(--yellow); color: #101010; }
.hero { min-height: 700px; padding: 82px max(48px, calc((100vw - 1280px)/2)) 32px; grid-template-columns: 1fr 1fr; gap: 58px 64px; background: #101010; }
.hero::before { display: block; width: 850px; height: 850px; right: -180px; top: -260px; border-radius: 50%; background: radial-gradient(ellipse, rgba(202,164,91,.13), transparent 66%); pointer-events: none; }
.hero h1 { margin-bottom: 28px; font: 400 clamp(3.5rem, 5.3vw, 5.9rem)/1.05 var(--display); letter-spacing: -.045em; color: var(--ink); }
.hero h1 span:last-child { margin: 8px 0 0; color: var(--yellow); font-style: italic; }
.hero-intro { max-width: 540px; font-size: 1.125rem; line-height: 1.75; color: var(--muted); }
.hero-actions { gap: 22px; }
.hero-photo { aspect-ratio: 1.14; box-shadow: 0 30px 80px #0005; border-radius: 46% 46% 16px 16px; border: 0; padding: 0; }
.hero-photo img { transform: none; object-fit: cover; filter: saturate(.88); }
.hero-visual:hover .hero-photo img { transform: scale(1.035); }
.photo-note { position: static; width: auto; margin: 17px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; background: none; color: var(--muted); font-size: .8125rem; box-shadow: none; }
.photo-note span { margin: 0; font: italic 400 1.2rem/1.2 var(--display); color: var(--yellow); }
.hero-facts { padding-top: 30px; border-color: var(--line); }
.hero-facts div { align-items: start; border-color: var(--line); }
.hero-facts strong { font: 400 2rem/1.15 var(--display); white-space: nowrap; }
.hero-facts span { font-size: .875rem; line-height: 1.5; color: var(--muted); }
.signal-strip { padding: 23px 0; background: #1c1b18; color: var(--yellow-soft); border-block: 1px solid var(--line); }
.signal-strip p { width: auto; font: 500 .8125rem/1.5 var(--body); letter-spacing: .1em; gap: 24px; }
.signal-strip i { font-size: .5rem; color: var(--yellow); }
.manifesto { grid-template-columns: 40px 1fr 1fr; gap: 36px 50px; }
.section-number { color: var(--yellow); font-weight: 400; }
.manifesto-copy { padding: 0; }
.manifesto-copy .lead { margin-top: 0; color: var(--ink); }
.day-section { padding-block: 96px; background: #1c1c1b; border-block: 1px solid var(--line); }
.day-heading { margin-bottom: 58px; }
.day-heading h2 { color: var(--ink); }
.day-flow { border-color: var(--line); }
.day-flow li { min-height: 295px; border-color: var(--line); padding-inline: 24px; }
.day-flow li > span { margin-bottom: 42px; font: 400 1.25rem/1 var(--display); }
.day-flow h3 { font-size: 1.8rem; line-height: 1.15; font-weight: 400; }
.day-flow p { font-size: 1rem; color: var(--muted); }
.day-flow li:hover { transform: none; background: #222221; }
.continuity-panel { margin-top: 58px; padding: 44px; background: #121212; color: var(--ink); border: 1px solid #685630; gap: 45px; grid-template-columns: 190px 1fr; }
.continuity-number { border-color: #685630; min-height: 170px; }
.continuity-number strong { color: var(--yellow); font: 400 5.4rem/1 var(--display); }
.continuity-number span { font-size: .875rem; line-height: 1.6; font-weight: 500; letter-spacing: .04em; }
.continuity-panel h3 { font-size: clamp(2rem, 3vw, 3.2rem); line-height: 1.15; font-weight: 400; }
.continuity-panel p:not(.eyebrow) { color: var(--muted); }
.training-tags { gap: 12px 22px; }
.training-tags li { color: var(--yellow-soft); border-color: #685630; font-size: .8125rem; font-weight: 500; }
.partybus-panel { margin-top: 56px; border-color: var(--line); grid-template-columns: .6fr 1.4fr; }
.partybus-photo { aspect-ratio: 1.9; border-color: var(--line); }
.partybus-photo figcaption { background: #121212; color: var(--yellow-soft); max-width: 440px; font: 400 .875rem/1.5 var(--body); text-transform: none; letter-spacing: 0; }
.partybus-title { min-height: auto; padding: 34px; background: #111; color: var(--ink); }
.partybus-wordmark { font-size: clamp(3.2rem, 5vw, 5.5rem); line-height: .95; margin: 34px 0; letter-spacing: -.04em; color: var(--yellow); }
.partybus-title > span { border-color: #685630; color: var(--muted); line-height: 1.6; font-weight: 400; font-size: .875rem; letter-spacing: .03em; }
.partybus-copy { padding: 42px; background: #181818; }
.partybus-copy h3 { color: var(--ink); font-size: clamp(2.2rem, 3.2vw, 3.4rem); line-height: 1.1; }
.partybus-copy > p:not(.lead) { color: var(--muted); }
.partybus-features li { font-size: .875rem; line-height: 1.5; font-weight: 400; letter-spacing: 0; text-transform: none; }
.pack-story, .pension, .about { gap: 85px; }
.pack-collage { min-height: 620px; }
.pack-collage figcaption { font-size: .875rem; }
.scribble { transform: none; border-color: #685630; color: var(--yellow); font: 400 .875rem/1.5 var(--body); letter-spacing: .04em; padding: 15px 20px; }
.check-list li { font-weight: 500; }
.check-list li::before { content: '—'; }
.time-callout { padding: 96px 0; background: #e5d5af; color: #201d17; }
.time-callout::after { display: none; }
.time-grid { grid-template-columns: .4fr 1.2fr .7fr; gap: 45px; }
.time-kicker { color: #59482a; }
.time-callout h2 { font-size: clamp(2.8rem, 4.6vw, 4.9rem); }
.time-callout h2 em { color: #201d17; font-style: italic; border-bottom: 1px solid #7b6030; }
.time-grid > p:last-child { font-weight: 400; }
.pension-photo span { background: #111; border: 1px solid #685630; color: var(--yellow-soft); font-size: 1.3rem; line-height: 1.3; }
.services { background: #1c1c1b; border-block: 1px solid var(--line); }
.services-heading h2 { color: var(--ink); }
.service-cards { gap: 0; border-top: 1px solid var(--line); }
.service-card { min-height: 365px; background: transparent; border: 0; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); padding: 30px; }
.service-card:first-child { border-left: 1px solid var(--line); }
.service-card.featured { background: #25231e; color: var(--ink); border-color: #685630; }
.service-card:hover, .service-card.featured:hover { transform: none; background: #292824; }
.service-card h3 { font-size: clamp(1.8rem, 2.4vw, 2.6rem); line-height: 1.2; }
.service-card .mini-label { font-size: .8125rem; font-weight: 500; margin-top: 18px; color: var(--yellow); }
.service-card.featured p { color: var(--muted); }
.service-index, .service-card strong { color: var(--yellow); font-weight: 400; }
.about-badge { box-shadow: none; background: #111; color: var(--yellow-soft); border: 1px solid #685630; font: 400 .875rem/1.6 var(--body); }
.about-copy blockquote { border-left-width: 1px; font-weight: 400; font-style: italic; line-height: 1.5; color: var(--yellow-soft); }
.prices { background: #1c1c1b; border-block: 1px solid var(--line); }
.price-card { background: #1c1c1b; min-height: 285px; padding: 28px 24px; }
.price-card:hover { transform: none; box-shadow: none; background: #242321; }
.price-card.yellow { background: #d0b270; color: #171512; }
.price-card > p { font-size: .8125rem; font-weight: 500; letter-spacing: .07em; }
.price-card h3 { font-weight: 400; }
.price-card h3 small { font-weight: 400; font-size: .875rem; }
.price-card strong { color: var(--yellow-soft); font-weight: 400; font-size: 2.2rem; }
.price-card.yellow strong { color: #171512; }
.price-card strong span { display: block; padding-top: 8px; font-size: .875rem; font-weight: 400; }
.price-note { font-size: .875rem; text-transform: none; font-weight: 500; }
.social-rate { background: #121212; border: 1px solid var(--line); }
.social-rate h3 { font-weight: 400; }
.area { text-align: center; }
.area > p:not(.eyebrow) { margin-inline: auto; }
.route-line { color: var(--yellow-soft); }
.route-line i { background: #685630; }
.route-line i::after { background: var(--yellow); }
.steps { background: #1c1b18; color: var(--ink); border-block: 1px solid var(--line); padding-block: 96px; }
.steps li, .steps li:last-child { border-color: var(--line); }
.steps li > span { border-color: #685630; color: var(--yellow); font: 400 1.5rem/1 var(--display); }
.steps h3 { font-weight: 400; }
.steps p { color: var(--muted); }
.faq-list summary { font-weight: 500; }
.faq-list summary span { border-color: #685630; color: var(--yellow); font-weight: 400; }
.faq-list details[open] summary span { color: #111; }
.shop-teaser { background: #0d0d0d; border-color: #685630; }
.shop-teaser-inner { gap: 70px; grid-template-columns: .7fr 1.3fr; }
.shop-wordmark { font-weight: 400; font-size: clamp(1.8rem, 2.6vw, 2.8rem); letter-spacing: .12em; }
.shop-teaser h2 { font-size: clamp(2.7rem, 4vw, 4.2rem); }
.shop-status { font-size: .8125rem; font-weight: 400; line-height: 1.4; }
.contact { min-height: 650px; }
.contact::after { background: linear-gradient(90deg, #101010 0%, rgba(16,16,16,.93) 43%, rgba(16,16,16,.45) 100%); }
.contact h2 { font-size: clamp(3.3rem, 6.8vw, 7rem); }
.contact-photo img { filter: saturate(.7); }
.contact-inner > p:not(.eyebrow) { color: #d5d1c7; }
footer { background: #0d0d0d; border-color: var(--line); }
.footer-main { grid-template-columns: 1fr 1fr auto; gap: 35px; }
.footer-brand { font: 400 1.2rem/1.4 var(--display); align-items: center; }
.footer-brand img { width: 84px; height: 84px; flex: 0 0 auto; padding: 7px; border-radius: 50%; object-fit: contain; background: white; box-shadow: 0 0 0 5px #0d0d0d, 0 0 0 6px #6e5932; }
.footer-brand small { margin-top: 7px; font: 400 .8125rem/1.6 var(--body); max-width: 280px; color: var(--muted); }
.footer-links { flex-wrap: wrap; gap: 12px 24px; }
.footer-links a, .to-top { font-size: .875rem; font-weight: 400; }
.footer-bottom { color: var(--muted); font-size: .8125rem; flex-wrap: wrap; gap: 14px; }
.legal-page .site-header { position: relative; }
.legal-hero h1 { color: var(--yellow); font-size: clamp(3rem, 8vw, 6rem); line-height: 1.1; overflow-wrap: anywhere; }
.legal-content p, .legal-content li { color: var(--muted); }
.legal-card { background: #1e1d1a; border-left-width: 1px; }
.legal-content h2 { font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1.2; }
.legal-content a { color: var(--yellow-soft); }
.legal-page { padding-bottom: 0; }
.has-motion .reveal { transform: translateY(14px); }
.has-motion .reveal.is-visible { transform: none; }
@media (max-width: 1150px) {
  .site-header { grid-template-columns: 240px 1fr auto; padding-inline: 28px; gap: 20px; }
  .site-header nav { gap: 18px; }
  .hero { gap: 45px 35px; padding-inline: 28px; }
  .hero-facts div { display: block; }
  .hero-facts strong { display: block; margin-bottom: 8px; }
  .hero-facts span { display: block; max-width: 230px; }
  .manifesto { grid-template-columns: 36px 1fr; }
  .manifesto-copy { grid-column: 2; }
  .time-grid { grid-template-columns: 1.1fr 1fr; }
  .time-kicker { grid-column: 1 / -1; }
  .pack-story, .pension, .about { gap: 50px; }
  .pack-collage { min-height: 520px; }
  .footer-main { grid-template-columns: 1fr 1fr; }
  .shop-teaser-inner { gap: 45px; }
}
@media (max-width: 780px) {
  h2 { font-size: clamp(2.4rem, 9vw, 3.6rem); line-height: 1.08; }
  .site-header { height: 92px; display: flex; padding-inline: 18px; gap: 15px; }
  .brand img { width: 66px; height: 66px; padding: 5px; }
  .brand > span { display: block; font-size: 1rem; }
  .brand b { font-size: .75rem; }
  .header-cta { padding: 11px 14px; min-height: 44px; font-size: .8125rem; }
  .hero { display: flex; min-height: auto; padding: 52px 22px 24px; gap: 38px; }
  .hero h1 { font-size: clamp(2.9rem, 10.7vw, 4.8rem); line-height: 1.08; }
  .hero h1 span:last-child { margin-top: 4px; }
  .hero-intro { font-size: 1rem; }
  .hero-actions { gap: 20px; }
  .hero-visual { width: 100%; }
  .hero-photo { aspect-ratio: 1.2; padding: 0; }
  .photo-note { font-size: .8125rem; }
  .photo-note span { font-size: 1.15rem; }
  .hero-facts { display: grid; grid-template-columns: 1fr; gap: 0; padding: 0; }
  .hero-facts div { display: grid; grid-template-columns: 100px 1fr; align-items: center; border-right: 0; border-color: var(--line); padding: 17px 0; min-height: auto; }
  .hero-facts strong { margin: 0; font-size: 1.7rem; }
  .hero-facts span { max-width: none; }
  .signal-strip p { display: grid; grid-template-columns: 1fr 1fr; text-align: center; gap: 12px; padding-inline: 18px; letter-spacing: .04em; }
  .signal-strip i { display: none; }
  .manifesto { grid-template-columns: 1fr; gap: 24px; }
  .manifesto-copy { grid-column: auto; }
  .day-section, .steps, .time-callout { padding-block: 76px; }
  .day-heading, .services-heading, .price-intro { margin-bottom: 38px; }
  .day-flow li, .day-flow li:first-child { min-height: auto; padding: 24px 0; }
  .day-flow li > span { margin-bottom: 18px; }
  .continuity-panel { margin-top: 38px; padding: 28px 22px; grid-template-columns: 1fr; gap: 28px; }
  .continuity-number { min-height: 140px; }
  .continuity-number strong { font-size: 4.2rem; }
  .partybus-panel { grid-template-columns: 1fr; margin-top: 38px; }
  .partybus-photo { aspect-ratio: 1.4; }
  .partybus-photo figcaption { position: absolute; max-width: 90%; padding: 9px 13px; font-size: .8125rem; }
  .partybus-title, .partybus-copy { padding: 28px 22px; }
  .partybus-wordmark { margin: 18px 0 24px; font-size: 3.8rem; line-height: .95; }
  .partybus-copy h3 { font-size: 2.4rem; }
  .time-grid { grid-template-columns: 1fr; gap: 28px; }
  .time-callout h2 { font-size: clamp(2.4rem, 9vw, 3.6rem); }
  .pack-collage { min-height: 460px; }
  .scribble { right: 0; font-size: .8125rem; }
  .pension-photo span { font-size: 1.125rem; }
  .service-card, .service-card:first-child { min-height: 300px; border-inline: 1px solid var(--line); padding: 28px; }
  .service-card h3 { font-size: 2.2rem; }
  .price-card { min-height: 260px; padding: 28px; }
  .price-card strong span { display: inline; padding-left: 8px; }
  .shop-teaser-inner { grid-template-columns: 1fr; gap: 30px; }
  .shop-wordmark { font-size: 2.2rem; }
  .shop-teaser h2 { font-size: clamp(2.4rem, 9vw, 3.6rem); }
  .contact { min-height: 630px; }
  .contact::after { background: rgba(16,16,16,.88); }
  .contact h2 { font-size: clamp(3rem, 12vw, 4.5rem); }
  .footer-main { grid-template-columns: 1fr; }
  .footer-brand small { max-width: 235px; }
  .mobile-contact { border-top-color: #685630; }
  .mobile-contact a + a { color: var(--yellow-soft); background: #111; }
  .legal-page .site-header nav { display: none; }
}
@media (max-width: 370px) {
  .brand { gap: 10px; }
  .brand > span { font-size: .9rem; }
  .header-cta { padding-inline: 10px; }
  .hero h1 { font-size: 2.65rem; }
}

/* Personal outdoor hospitality: warm paper, round seals and quiet brass light. */
.site-header { border-bottom: 1px solid #cfab5826; }
.brand { padding: 5px; }
.brand > span { white-space: nowrap; }
.button, .header-cta { border-radius: 100px; }
.button-yellow { background: linear-gradient(115deg, #d9bd7a, #c5a052); box-shadow: inset 0 1px #fff5; }
.button-yellow:hover { background: #e5ca8f; box-shadow: 0 8px 28px #c7a05225; }
.hero-copy .eyebrow { max-width: 360px; font-size: .75rem; line-height: 1.8; }
.hero-visual::before { content: ''; position: absolute; inset: -15px 13px 49px -15px; border: 1px solid #cfab5855; border-radius: 46% 46% 20px 20px; z-index: -1; pointer-events: none; }
.hero-facts { margin-top: 15px; }
.signal-strip i { font-size: .7rem; }
.manifesto, .pension, .faq {
  --ink: #29261f; --muted: #625d53; --moss: #82662e; --yellow: #846729; --line: #d5cbb9;
  color: var(--ink); background: #f4efe5;
  box-shadow: 0 0 0 100vmax #f4efe5; clip-path: inset(0 -100vmax);
}
.manifesto .eyebrow, .pension .eyebrow, .faq .eyebrow { color: #82662e; }
.manifesto .section-number { display: grid; place-items: center; border: 1px solid #c1af8b; width: 42px; height: 42px; border-radius: 50%; }
.day-heading { display: flex; justify-content: space-between; gap: 50px; align-items: flex-start; }
.day-heading > .eyebrow { padding-top: 12px; max-width: 160px; }
.day-heading h2 { max-width: 740px; }
.continuity-panel { border-radius: 24px; border-color: #615033; background: radial-gradient(ellipse at 0 0, #b6985230, transparent 65%), #121212; }
.continuity-number { border: 1px solid #685630; border-radius: 50%; aspect-ratio: 1; text-align: center; }
.partybus-panel { border-radius: 22px; overflow: hidden; }
.partybus-photo figcaption { border-top-left-radius: 16px; }
.pack-main img { border-radius: 120px 12px 12px 12px; }
.pack-small img { border-radius: 20px; }
.scribble { border-radius: 50%; aspect-ratio: 1; display: grid; place-content: center; background: #171715; }
.time-callout { background: #e5d5af; border-radius: 50% 50% 0 0 / 40px 40px 0 0; }
.pension-photo img { height: auto; border-radius: 46% 46% 12px 12px; }
.pension-photo span { border-radius: 22px; box-shadow: 0 14px 35px #0002; }
.about-photo > img { height: auto; border-radius: 14px 120px 14px 14px; }
.about-badge { border-radius: 50%; }
.price-grid { gap: 14px; border: 0; }
.price-card, .price-card:nth-child(2) { border: 1px solid var(--line); border-radius: 18px; }
.price-card.yellow { background: linear-gradient(130deg, #ead7a9, #c8a563); }
.social-rate { border-radius: 18px; }
.steps li > span { border-radius: 50%; }
.faq-list details { border-color: #d5cbb9; }
.faq-list summary span { border-radius: 50%; border-color: #b8a780; color: #705720; }
.faq-list details[open] summary span { background: #846729; color: white; }
.faq-list details p { color: #625d53; }
.shop-teaser { position: relative; background: radial-gradient(ellipse at 12% 50%, #ad854b18, transparent 60%), #0d0d0d; }
.shop-wordmark { padding-block: 26px; border-block: 1px solid #cfab5844; }
.contact-inner { padding-block: 100px; }
.legal-card { border-radius: 0 20px 20px 0; }
.menu-toggle { display: none; background: transparent; border: 0; color: var(--ink); font: 500 .875rem var(--body); min-height: 44px; cursor: pointer; }
.menu-toggle:focus-visible { outline: 2px solid var(--yellow); outline-offset: 4px; }
.menu-toggle span { transition: transform .25s ease; }
.menu-toggle[aria-expanded="true"] span { transform: rotate(45deg); }
@media (prefers-reduced-motion: no-preference) {
  .hero::before { animation: morning-light 3.5s ease-out both; }
  .hero-visual::before { animation: seal-line 1.6s .2s ease-out both; }
  .button span { transition: transform .3s ease; }
  .button:hover span { transform: translateX(4px); }
}
@keyframes morning-light { from { opacity: 0; transform: translate(-80px, 35px); } to { opacity: 1; transform: none; } }
@keyframes seal-line { from { opacity: 0; transform: translate(10px, 10px); } to { opacity: 1; transform: none; } }
@media (max-width: 1080px) {
  .site-header { display: flex; justify-content: space-between; }
  .menu-toggle { display: flex; align-items: center; gap: 10px; margin-left: auto; }
  .site-header nav.is-open { display: flex; position: absolute; top: 100%; left: 0; right: 0; padding: 24px 28px; background: #151512; border-block: 1px solid #685630; flex-wrap: wrap; justify-content: flex-start; box-shadow: 0 24px 35px #0005; }
  .hero-actions { flex-wrap: wrap; }
}
@media (max-width: 780px) {
  .hero { flex-direction: column; }
  .hero-facts { width: 100%; }
  .day-heading { display: block; }
  .day-heading > .eyebrow { max-width: none; }
  .continuity-number { width: 160px; min-height: 160px; place-content: center; }
  .time-callout { border-radius: 50% 50% 0 0 / 20px 20px 0 0; }
  .hero-visual::before { inset: -10px 10px 62px -10px; }
  .contact-inner { padding-block: 76px; }
  .footer-brand { gap: 22px; }
}
@media (max-width: 540px) {
  .site-header:has(.menu-toggle) .brand > span { display: none; }
  .site-header nav.is-open { flex-direction: column; gap: 5px; padding-inline: 24px; }
  .site-header nav.is-open a { border-bottom: 1px solid #ffffff12; padding-block: 12px; }
}
@media (max-width: 420px) {
  .site-header { padding-inline: 14px; gap: 8px; }
  .brand { gap: 12px; }
  .brand > span { font-size: .9rem; }
  .header-cta { font-size: .75rem; padding-inline: 13px; gap: 7px; }
  .hero-actions .button { gap: 16px; padding-inline: 19px; }
}
@media (max-width: 340px) {
  .brand > span { display: none; }
  .hero h1 { font-size: clamp(2rem, 11vw, 2.65rem); }
}