@layer tokens, base, layout, components, utilities;

@layer tokens {
  @font-face {
    font-family: "Halogen";
    src: url("../fonts/halogen/Halogen.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  :root {
    --color-charcoal: #2F2F32;
    --color-charcoal-strong: #2F2F32;
    --color-porcelain: #FFF3D6;
    --color-paper: #FFFBEF;
    --color-ash-sage: #6FC9BF;
    --color-ash-sage-dark: #40AFA6;
    --color-sunlit-clay: #FFC83D;
    --color-sunlit-clay-soft: #FFE07A;
    --color-sandy-clay: #FF6F61;
    --color-sandy-clay-soft: #FFC5BC;
    --color-ink: #2F2F32;
    --color-muted: #514D47;
    --color-line: rgba(47, 47, 50, 0.18);
    --color-grid: rgba(47, 47, 50, 0.095);
    --font-sans: ui-rounded, "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-display: "Aptos Display", "Segoe UI Variable Display", "Arial Rounded MT Bold", "Trebuchet MS", var(--font-sans);
    --text-sm: 0.9rem;
    --text-base: 1rem;
    --text-md: 1.12rem;
    --text-lg: 1.45rem;
    --text-xl: clamp(1.85rem, 3vw, 2.65rem);
    --text-2xl: clamp(2.4rem, 5vw, 4.45rem);
    --text-hero: clamp(3rem, 5.05vw, 4.55rem);
    --leading-tight: 1;
    --leading-heading: 1.08;
    --leading-body: 1.62;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4.5rem;
    --space-9: 6.5rem;
    --radius-sm: 0.9rem;
    --radius-md: 1.35rem;
    --radius-lg: 2rem;
    --radius-xl: 3.25rem;
    --radius-pill: 999px;
    --shadow-soft: 0 18px 48px rgba(48, 48, 46, 0.16);
    --shadow-dark: 10px 12px 0 var(--color-charcoal-strong);
    --shadow-clay: 8px 9px 0 var(--color-sandy-clay);
    --shadow-sun: 8px 9px 0 var(--color-sunlit-clay);
    --border-hairline: 1px solid rgba(74, 74, 74, 0.16);
    --border-strong: 2px solid var(--color-charcoal);
    --sticky-nav-top: 0.55rem;
    --anchor-offset: 7.25rem;
    --hero-center-fade: rgba(255, 251, 239, 0.88);
    --hero-text-width: 760px;
    --hero-visual-clearance: clamp(3.5rem, 8vw, 7.5rem);
    --paper-grid-size: 45px;
    --paper-grid-wave-offset-x: 0.35rem;
    --paper-grid-wave-offset-y: 26px;
    --event-grid-softener: linear-gradient(
      to bottom,
      rgba(255, 253, 247, 0.9) 0%,
      rgba(255, 253, 247, 0.76) 42%,
      rgba(255, 253, 247, 0.36) 100%
    );
  }
}

@layer base {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  html {
    min-width: 320px;
    color: var(--color-ink);
    background:
      radial-gradient(circle at 10% 10%, rgba(255, 197, 188, 0.56), transparent 22rem),
      radial-gradient(circle at 92% 8%, rgba(255, 200, 61, 0.42), transparent 24rem),
      linear-gradient(135deg, #F1CF74 0%, #DFC17A 46%, #8FD6CA 100%);
    font-family: var(--font-sans);
    scroll-behavior: smooth;
    scroll-padding-top: var(--anchor-offset);
  }

  body {
    margin: 0;
    min-height: 100vh;
    line-height: var(--leading-body);
  }

  body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    opacity: 0.24;
    pointer-events: none;
    background-image:
      radial-gradient(circle, rgba(47, 47, 50, 0.38) 0.7px, transparent 0.8px),
      radial-gradient(circle, rgba(255, 252, 244, 0.56) 0.6px, transparent 0.7px);
    background-position: 0 0, 10px 9px;
    background-size: 18px 18px, 23px 23px;
  }

  h1,
  h2,
  h3,
  p {
    margin-block: 0;
  }

  h1,
  h2,
  h3 {
    line-height: var(--leading-heading);
    letter-spacing: 0;
  }

  a {
    color: inherit;
  }

  [id] {
    scroll-margin-top: 0;
  }

  img {
    display: block;
    max-width: 100%;
    height: auto;
  }

  :focus-visible {
    outline: 3px solid var(--color-sunlit-clay);
    outline-offset: 4px;
  }

  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      scroll-behavior: auto !important;
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
    }
  }
}

@layer layout {
  .alfons-shape-defs {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
  }

  .skip-link {
    position: fixed;
    inset: var(--space-3) auto auto var(--space-3);
    z-index: 100;
    transform: translateY(-160%);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-pill);
    color: var(--color-paper);
    background: var(--color-charcoal);
    font-weight: 850;
  }

  .skip-link:focus {
    transform: translateY(0);
  }

  .site-frame {
    position: relative;
    width: min(100% - 1.5rem, 1360px);
    margin-inline: auto;
    padding-block: clamp(2rem, 5vw, 4rem) var(--space-8);
  }

  .page-shell {
    width: min(100% - 1.1rem, 1190px);
    margin-inline: auto;
  }

  .section {
    position: relative;
    padding-block: clamp(5rem, 9vw, 8rem);
  }

  .section-heading {
    display: grid;
    gap: var(--space-3);
    max-width: 780px;
    margin-block-end: var(--space-7);
  }

  .section-heading--center {
    margin-inline: auto;
    text-align: center;
  }

  .section-heading h2,
  .story-copy h2,
  .about-yvonne h2,
  .contact-cta h2 {
    font-size: var(--text-xl);
  }

  .section-heading p,
  .story-copy p,
  .contact-cta p {
    color: var(--color-muted);
    font-size: var(--text-md);
  }
}

@layer components {
  .site-header {
    position: fixed;
    top: var(--sticky-nav-top);
    left: 50%;
    transform: translateX(-50%);
    z-index: 80;
    width: min(calc(100% - 1.1rem), 1190px);
    margin: 0;
    padding-block-start: 0;
  }

  .nav-shell {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 4.8rem minmax(0, 1fr);
    align-items: start;
    min-height: 6rem;
    padding-inline: clamp(1.2rem, 3vw, 2.8rem);
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .nav-shape {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 5.25rem;
    overflow: visible;
    filter: drop-shadow(0 12px 18px rgba(48, 48, 46, 0.085));
    pointer-events: none;
  }

  .nav-shape path {
    fill: var(--color-paper);
    stroke: rgba(48, 48, 46, 0.1);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
  }

  .nav-side {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    min-height: 4.35rem;
    gap: clamp(0.4rem, 1.3vw, 1.35rem);
  }

  .nav-side--left {
    padding-right: clamp(1rem, 4vw, 2.5rem);
  }

  .nav-side--right {
    justify-content: flex-end;
    padding-left: clamp(1rem, 4vw, 2.5rem);
  }

  .nav-side a {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: 0.5rem;
    border-radius: var(--radius-pill);
    color: var(--color-ink);
    font-size: var(--text-sm);
    font-weight: 760;
    text-decoration: none;
  }

  .nav-side a:hover {
    background: rgba(111, 201, 191, 0.34);
  }

  .nav-side .nav-cta {
    min-width: 8rem;
    min-height: 2.75rem;
    border: 2px solid var(--color-charcoal);
    color: var(--color-paper);
    background: var(--color-sandy-clay);
    font-weight: 850;
  }

  .nav-logo {
    position: relative;
    z-index: 4;
    justify-self: center;
    align-self: end;
    transform: translateY(0.95rem);
    width: 4.05rem;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border: 2px solid var(--color-charcoal);
    border-radius: 50%;
    overflow: hidden;
    background: var(--color-paper);
    box-shadow: 0 7px 14px rgba(48, 48, 46, 0.14);
    text-decoration: none;
  }

  .nav-logo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }

  .mobile-nav {
    display: none;
  }

  .paper-panel {
    background:
      linear-gradient(
        to bottom,
        var(--color-porcelain) 0,
        rgba(250, 248, 242, 0.96) 0.9rem,
        rgba(250, 248, 242, 0.72) 2.2rem,
        rgba(250, 248, 242, 0.36) 4rem,
        rgba(250, 248, 242, 0) 6rem,
        rgba(250, 248, 242, 0) calc(100% - 6rem),
        rgba(250, 248, 242, 0.36) calc(100% - 4rem),
        rgba(250, 248, 242, 0.72) calc(100% - 2.2rem),
        rgba(250, 248, 242, 0.96) calc(100% - 0.9rem),
        var(--color-porcelain) 100%
      ),
      linear-gradient(var(--color-grid) 1px, transparent 1px),
      linear-gradient(90deg, var(--color-grid) 1px, transparent 1px),
      var(--color-porcelain);
    background-size: 100% 100%, var(--paper-grid-size) var(--paper-grid-size), var(--paper-grid-size) var(--paper-grid-size), auto;
    background-repeat: no-repeat, repeat, repeat, no-repeat;
    border: var(--border-hairline);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-soft);
  }

  .section-wave {
    overflow: hidden;
  }

  .section-wave::before,
  .section-wave::after {
    content: "";
    position: absolute;
    left: -0.35rem;
    right: -0.35rem;
    z-index: 1;
    pointer-events: none;
  }

  .section-wave::before {
    display: none;
    top: -1px;
    height: 5.75rem;
    background: var(--wave-top-color, var(--color-porcelain));
    clip-path: path("M0 0 H1440 V42 C1320 90 1200 -6 1080 42 C960 90 840 -6 720 42 C600 90 480 -6 360 42 C240 90 120 -6 0 42 Z");
  }

  .section-wave::after {
    bottom: -4px;
    height: 7.5rem;
    background: var(--wave-bottom-color, var(--color-porcelain));
    clip-path: path("M0 78 C120 20 240 136 360 78 C480 20 600 136 720 78 C840 20 960 136 1080 78 C1200 20 1320 136 1440 78 V150 H0 Z");
  }

  .section-wave--hero::before {
    display: none;
  }

  .section-wave--hero::after {
    --wave-bottom-color: var(--color-ash-sage);
    --hero-wave-color: var(--color-ash-sage);
    bottom: -0.25rem;
    height: 10rem;
    background:
      linear-gradient(
        to bottom,
        rgba(111, 201, 191, 0.72) 0,
        var(--hero-wave-color) 42%,
        var(--hero-wave-color) 58%,
        rgba(111, 201, 191, 0.72) 100%
      );
    clip-path: path("M0 46 C120 6 240 86 360 46 C480 6 600 86 720 46 C840 6 960 86 1080 46 C1200 6 1320 86 1440 46 V104 C1320 144 1200 64 1080 104 C960 144 840 64 720 104 C600 144 480 64 360 104 C240 144 120 64 0 104 Z");
  }

  .section-wave--dark::after {
    --wave-bottom-color: var(--color-ash-sage);
  }

  .section-wave--sage::after {
    --wave-bottom-color: var(--color-porcelain);
    background:
      linear-gradient(var(--color-grid) 1px, transparent 1px),
      linear-gradient(90deg, var(--color-grid) 1px, transparent 1px),
      var(--color-porcelain);
    background-size: var(--paper-grid-size) var(--paper-grid-size), var(--paper-grid-size) var(--paper-grid-size), auto;
    background-position:
      var(--paper-grid-wave-offset-x) var(--paper-grid-wave-offset-y),
      var(--paper-grid-wave-offset-x) var(--paper-grid-wave-offset-y),
      0 0;
    background-repeat: repeat, repeat, no-repeat;
  }

  .section-wave--paper::after {
    --wave-bottom-color: var(--color-sunlit-clay);
  }

  .section-wave--event::after {
    --wave-bottom-color: var(--color-ash-sage);
  }

  .section-wave--cta::before {
    --wave-top-color: var(--color-sunlit-clay);
  }

  .section-wave--cta::after {
    --wave-bottom-color: var(--color-porcelain);
  }

  .section-wave--legal::after {
    --wave-bottom-color: var(--color-charcoal);
  }

  .section-wave--footer::before {
    --wave-top-color: var(--color-porcelain);
  }

  .section-wave--footer::after {
    display: none;
  }

  .hero {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    min-height: min(840px, calc(100vh - 1.5rem));
    padding: clamp(9.5rem, 14vw, 12rem) clamp(2rem, 6vw, 6rem) clamp(11rem, 15vw, 14rem);
    isolation: isolate;
  }

  .hero::before {
    display: block;
    inset: 0;
    height: auto;
    z-index: 3;
    border-radius: inherit;
    background:
      radial-gradient(
        ellipse 74% 56% at 50% 43%,
        var(--hero-center-fade) 0 28%,
        rgba(255, 253, 247, 0.72) 45%,
        rgba(255, 253, 247, 0.42) 62%,
        rgba(255, 253, 247, 0.16) 78%,
        rgba(255, 253, 247, 0) 96%
      );
    clip-path: none;
  }

  .section-wave--hero.paper-panel {
    background:
      linear-gradient(var(--color-grid) 1px, transparent 1px),
      linear-gradient(90deg, var(--color-grid) 1px, transparent 1px),
      var(--color-porcelain);
    background-size: var(--paper-grid-size) var(--paper-grid-size), var(--paper-grid-size) var(--paper-grid-size), auto;
    background-repeat: repeat, repeat, no-repeat;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border: 0;
  }

  .hero__copy {
    position: relative;
    z-index: 5;
    grid-column: 1 / -1;
    align-self: center;
    display: grid;
    gap: clamp(0.95rem, 2vw, 1.45rem);
    max-width: 910px;
    text-align: center;
    justify-self: center;
  }

  .eyebrow {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.1rem;
    padding: 0.35rem 0.9rem;
    border: var(--border-hairline);
    border-radius: var(--radius-pill);
    color: var(--color-charcoal);
    background: rgba(255, 253, 247, 0.78);
    font-size: var(--text-sm);
    font-weight: 850;
  }

  .hero__copy .eyebrow,
  .section-heading .eyebrow {
    justify-self: center;
  }

  .hero h1 {
    max-width: 22ch;
    margin-inline: auto;
    font-family: var(--font-display);
    font-size: var(--text-hero);
    font-weight: 380;
    line-height: 1.04;
  }

  .hero h1 strong {
    position: relative;
    z-index: 2;
    display: inline-block;
    white-space: nowrap;
    font-weight: 850;
    text-shadow: 0.012em 0 0 currentColor;
  }

  .hero h1 strong::before {
    content: "";
    position: absolute;
    right: -0.43em;
    bottom: -0.25em;
    z-index: -1;
    width: 0.95em;
    height: 0.9em;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76 72" fill="none"><g transform="rotate(-1 38 36)"><rect id="right-end-top" x="8" y="17" width="58" height="15" rx="7.5" fill="%23FFD1C7" opacity="0.9"/><rect id="rounded-end-gap" x="10" y="33" width="58" height="4" rx="2" fill="%23FFF8E7" opacity="0.32"/><rect id="right-end-bottom" x="1" y="36" width="72" height="16" rx="8" fill="%23FFB8A9" opacity="0.58"/><path d="M14 21 C30 19 49 20 63 24" stroke="%23FFE5DF" stroke-width="4.5" stroke-linecap="round" opacity="0.62"/><path d="M8 46 C28 43 51 46 69 48" stroke="%23FFAFA2" stroke-width="3.8" stroke-linecap="round" opacity="0.3"/></g></svg>') center / contain no-repeat;
    transform: rotate(-0.4deg);
  }

  .hero h1 strong::after {
    content: "";
    position: absolute;
    left: -0.33em;
    right: -0.33em;
    bottom: -0.24em;
    z-index: -2;
    height: 0.94em;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 540 76" preserveAspectRatio="none"><defs><filter id="rough-a"><feTurbulence type="fractalNoise" baseFrequency="0.028 0.18" numOctaves="2" seed="18"/><feDisplacementMap in="SourceGraphic" scale="3.1"/></filter><filter id="rough-b"><feTurbulence type="fractalNoise" baseFrequency="0.046 0.2" numOctaves="2" seed="27"/><feDisplacementMap in="SourceGraphic" scale="2.3"/></filter></defs><g><path id="stroke-a" filter="url(%23rough-a)" d="M18 24 C67 10 132 19 198 15 C265 11 322 20 391 17 C455 14 504 18 518 27 C509 41 461 47 389 42 C326 38 276 50 211 45 C146 40 94 51 33 46 C10 43 4 35 18 24 Z" fill="%23FFD1C7" opacity="0.95"/><path id="stroke-b" filter="url(%23rough-b)" d="M12 42 C75 31 137 42 202 36 C269 30 327 45 394 38 C448 33 493 44 535 45 C514 62 450 66 380 57 C314 51 264 65 198 58 C134 50 76 62 20 53 C8 50 4 46 12 42 Z" fill="%23FFB8A9" opacity="0.5"/><path id="left-cap-top" d="M18 23 C4 28 2 38 17 43 C31 47 43 40 39 31 C36 23 27 20 18 23 Z" fill="%23FFD1C7" opacity="0.95"/><path id="left-cap-bottom" d="M9 43 C-1 49 6 58 22 58 C35 58 44 51 38 44 C31 38 18 38 9 43 Z" fill="%23FFB8A9" opacity="0.52"/><path id="right-cap" d="M499 37 C512 35 526 39 524 44 C520 50 503 50 489 45 C497 43 502 40 499 37 Z" fill="%23FFC7BC" opacity="0.16"/><path id="right-cap-top" d="M501 24 C525 22 539 28 534 36 C529 44 502 42 481 36 C493 33 505 30 501 24 Z" fill="%23FFD1C7" opacity="0.82"/><path id="right-cap-gap" d="M486 39 C500 37 517 39 529 43 C514 45 496 45 481 42 Z" fill="%23FFF8E7" opacity="0.78"/><path id="right-cap-bottom" d="M489 47 C516 45 542 51 534 61 C526 70 491 66 462 56 C474 53 484 51 489 47 Z" fill="%23FFB8A9" opacity="0.54"/><path d="M31 24 C96 20 145 13 207 20 C269 27 321 17 386 22 C447 27 493 18 520 28" fill="none" stroke="%23FFE3DD" stroke-width="11" stroke-linecap="round" opacity="0.55"/><path d="M15 51 C74 47 133 57 194 52 C263 47 319 59 388 51 C449 44 494 54 532 51" fill="none" stroke="%23FFAFA2" stroke-width="6" stroke-linecap="round" opacity="0.28"/></g></svg>') center / 100% 100% no-repeat;
    transform: rotate(-0.6deg);
  }

  .lead {
    max-width: min(100%, var(--hero-text-width));
    margin-inline: auto;
    color: var(--color-muted);
    font-size: clamp(0.98rem, 1.18vw, 1.08rem);
    line-height: 1.42;
  }

  .lead-break {
    display: inline;
  }

  .hero-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-5);
  }

  .button {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: 0.82rem 1.35rem;
    border-radius: var(--radius-pill);
    font-weight: 850;
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease;
  }

  .button:hover {
    transform: translate(-2px, -2px);
  }

  .button-primary {
    border: var(--border-strong);
    color: var(--color-paper);
    background: var(--color-sandy-clay);
    box-shadow: 7px 8px 0 var(--color-ash-sage);
  }

  .event-strip .button-primary,
  .offer-card:nth-child(4) .offer-card__button {
    color: var(--color-paper);
    background: var(--color-charcoal);
    box-shadow: 5px 6px 0 rgba(47, 47, 50, 0.2);
  }

  .button-link {
    min-width: auto;
    padding-inline: 0.2rem;
    border-radius: 0;
    border-bottom: 2px solid currentColor;
    color: var(--color-charcoal);
  }

  .button-light {
    border: var(--border-strong);
    color: var(--color-charcoal);
    background: var(--color-paper);
    box-shadow: 7px 8px 0 var(--color-sandy-clay), 12px 13px 0 var(--color-sunlit-clay);
  }

  .hero-ornaments,
  .material-world {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
  }

  .doodle,
  .hero-icon,
  .pusteblume-seed,
  .hero-balloon,
  .blob,
  .paper-shape,
  .paint-dot,
  .craft-scissors {
    position: absolute;
    display: block;
  }

  .pusteblume-seed {
    --seed-size: 4.9rem;
    --seed-rotate: 0deg;
    --seed-opacity: 0.42;
    width: var(--seed-size);
    aspect-ratio: var(--seed-ratio, 120 / 160);
    background: var(--seed-art) center / contain no-repeat;
    opacity: var(--seed-opacity);
    filter: drop-shadow(2px 3px 0 rgba(47, 47, 50, 0.08));
    transform: rotate(var(--seed-rotate));
    transform-origin: 50% 70%;
    z-index: 3;
  }

  .pusteblume-seed--open {
    --seed-art: url("../img/hero-icons/dandelion-seed-open.svg");
  }

  .pusteblume-seed--slender {
    --seed-ratio: 96 / 150;
    --seed-art: url("../img/hero-icons/dandelion-seed-slender.svg");
  }

  .pusteblume-seed--one {
    --seed-size: 5.35rem;
    --seed-rotate: 62deg;
    --seed-opacity: 0.5;
    left: 5.2%;
    top: 20.5%;
  }

  .pusteblume-seed--two {
    --seed-size: 4.55rem;
    --seed-rotate: -22deg;
    --seed-opacity: 0.36;
    left: 30%;
    top: 18.5%;
  }

  .pusteblume-seed--three {
    --seed-size: 4.65rem;
    --seed-rotate: -58deg;
    --seed-opacity: 0.36;
    right: 28%;
    top: 20.5%;
  }

  .pusteblume-seed--four {
    --seed-size: 5rem;
    --seed-rotate: 34deg;
    --seed-opacity: 0.46;
    right: 25%;
    bottom: 21.5%;
  }

  .pusteblume-seed--five {
    --seed-size: 4.85rem;
    --seed-rotate: 83deg;
    --seed-opacity: 0.42;
    left: 31%;
    bottom: 18.5%;
  }

  .hero-icon {
    width: var(--icon-size, 5rem);
    height: var(--icon-size, 5rem);
    object-fit: contain;
    opacity: var(--icon-opacity, 0.78);
    filter: drop-shadow(5px 7px 0 rgba(47, 47, 50, 0.12));
    transform: rotate(var(--icon-rotate, 0deg));
  }

  .hero-icon--pencil {
    --icon-size: 5.5rem;
    --icon-rotate: -14deg;
    left: 11.5%;
    top: 24%;
  }

  .hero-icon--ruler {
    --icon-size: 4.9rem;
    --icon-rotate: 17deg;
    left: 10.5%;
    top: 42%;
  }

  .hero-icon--palette {
    --icon-size: 6.1rem;
    --icon-rotate: 10deg;
    right: 12.5%;
    top: 18.5%;
  }

  .hero-icon--paintbrush {
    --icon-size: 5.7rem;
    --icon-rotate: -26deg;
    right: 7%;
    top: 43%;
  }

  .hero-icon--scissors {
    --icon-size: 5.2rem;
    --icon-rotate: 17deg;
    right: 18%;
    bottom: 27%;
  }

  .hero-icon--glue {
    --icon-size: 4.9rem;
    --icon-rotate: -18deg;
    left: 15%;
    bottom: 27%;
  }

  .hero-balloon {
    --balloon-size: 4rem;
    --balloon-rotate: 0deg;
    --balloon-opacity: 0.84;
    --string-height: 5rem;
    --string-width: 2.25rem;
    --string-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 120' fill='none'%3E%3Cpath d='M22 2 C12 24 31 38 22 60 C14 79 16 97 24 118' stroke='%232F2F32' stroke-width='3.1' stroke-linecap='round'/%3E%3C/svg%3E");
    width: var(--balloon-size);
    height: calc(var(--balloon-size) + var(--string-height));
    opacity: var(--balloon-opacity);
    transform: rotate(var(--balloon-rotate));
    filter: drop-shadow(4px 6px 0 rgba(47, 47, 50, 0.1));
  }

  .hero-balloon img {
    width: var(--balloon-size);
    height: var(--balloon-size);
    object-fit: contain;
  }

  .hero-balloon::before,
  .hero-balloon::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
  }

  .hero-balloon::before {
    top: calc(var(--balloon-size) - 0.16rem);
    width: 0.46rem;
    height: 0.46rem;
    border-radius: 50%;
    background: rgba(47, 47, 50, 0.18);
    box-shadow: 0 1px 0 rgba(255, 253, 247, 0.48);
  }

  .hero-balloon::after {
    top: calc(var(--balloon-size) + 0.16rem);
    width: var(--string-width);
    height: var(--string-height);
    background: var(--string-art) top center / 100% 100% no-repeat;
    opacity: 0.32;
    transform: translateX(-50%) rotate(var(--string-rotate, 0deg));
    transform-origin: top center;
  }

  .hero-balloon--heart img {
    scale: 1.04;
  }

  .hero-balloon--heart::before {
    top: calc(var(--balloon-size) * 0.58);
    left: 49%;
    width: 0.5rem;
    height: 0.5rem;
    background: rgba(47, 47, 50, 0.16);
  }

  .hero-balloon--heart::after {
    top: calc(var(--balloon-size) * 0.66);
    left: 49%;
  }

  .hero-balloon--round img {
    scale: 0.98;
  }

  .hero-balloon--coral img {
    filter: hue-rotate(0deg) saturate(1.02);
  }

  .hero-balloon--sun img {
    filter: hue-rotate(28deg) saturate(1.16) brightness(1.05);
  }

  .hero-balloon--sage img {
    filter: hue-rotate(112deg) saturate(0.72) brightness(1.04);
  }

  .hero-balloon--blush img {
    filter: hue-rotate(342deg) saturate(0.66) brightness(1.1);
  }

  .hero-balloon--large {
    --balloon-size: 4.8rem;
  }

  .hero-balloon--medium {
    --balloon-size: 3.9rem;
  }

  .hero-balloon--small {
    --balloon-size: 3.15rem;
  }

  .hero-balloon--string-long {
    --string-height: 6.1rem;
    --string-width: 2.55rem;
  }

  .hero-balloon--string-short {
    --string-height: 3.8rem;
    --string-width: 1.9rem;
  }

  .hero-balloon--string-wavy {
    --string-width: 2.8rem;
    --string-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 120' fill='none'%3E%3Cpath d='M27 2 C40 21 18 34 30 52 C43 72 14 87 25 118' stroke='%232F2F32' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  }

  .hero-balloon--string-loop {
    --string-width: 3.15rem;
    --string-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 125' fill='none'%3E%3Cpath d='M31 2 C20 20 44 33 35 48 C25 65 11 52 10 74 C9 97 43 90 34 123' stroke='%232F2F32' stroke-width='2.8' stroke-linecap='round'/%3E%3C/svg%3E");
  }

  .hero-balloon--coral {
    --balloon-rotate: -8deg;
    left: 18.5%;
    top: 18.5%;
    z-index: 4;
  }

  .hero-balloon--sun {
    --balloon-rotate: 12deg;
    right: 24.5%;
    top: 21%;
  }

  .hero-balloon--sage {
    --balloon-rotate: 12deg;
    right: 14.5%;
    top: 29%;
    z-index: 4;
  }

  .hero-balloon--blush {
    --balloon-rotate: -16deg;
    left: 18.2%;
    bottom: 35%;
    z-index: 4;
  }

  .blob {
    border-radius: 48% 52% 45% 55% / 56% 44% 56% 44%;
  }

  .blob-sun {
    left: -6rem;
    bottom: var(--hero-visual-clearance);
    width: 15rem;
    height: 21rem;
    background: var(--color-sunlit-clay);
  }

  .blob-clay {
    right: -6rem;
    bottom: calc(var(--hero-visual-clearance) + 0.25rem);
    width: 16rem;
    height: 20rem;
    background: var(--color-sandy-clay);
  }

  .paper-shape {
    border: 2px solid var(--color-charcoal);
    border-radius: 1.1rem;
    box-shadow: var(--shadow-dark);
  }

  .paper-shape--one {
    left: -1.9rem;
    bottom: calc(var(--hero-visual-clearance) - 1.2rem);
    width: clamp(11rem, 14vw, 13rem);
    height: clamp(13.5rem, 17vw, 15.75rem);
    rotate: -6deg;
    background:
      linear-gradient(45deg, transparent 48%, rgba(74, 74, 74, 0.14) 49% 51%, transparent 52%),
      var(--color-sandy-clay);
  }

  .paper-shape--two {
    right: -1.8rem;
    bottom: calc(var(--hero-visual-clearance) - 1.1rem);
    width: clamp(11rem, 14vw, 13rem);
    height: clamp(13.5rem, 17vw, 15.75rem);
    rotate: 6deg;
    background:
      radial-gradient(circle at 35% 38%, rgba(255, 253, 247, 0.9) 0 20%, transparent 21%),
      var(--color-sunlit-clay);
  }

  .paint-dot {
    border-radius: 50%;
    background: var(--color-sandy-clay);
  }

  .dot-one {
    right: 29%;
    top: 61%;
    width: 1.65rem;
    height: 1.65rem;
  }

  .dot-two {
    left: 19%;
    top: 36%;
    width: 1rem;
    height: 1rem;
    background: var(--color-paper);
  }

  .dot-three {
    right: 17%;
    bottom: 32%;
    width: 1.2rem;
    height: 1.2rem;
    background: var(--color-ash-sage-dark);
  }

  .craft-scissors {
    left: 5%;
    bottom: 27%;
    width: 7rem;
    height: 4rem;
    rotate: -22deg;
  }

  .craft-scissors::before,
  .craft-scissors::after {
    content: "";
    position: absolute;
    width: 2.15rem;
    aspect-ratio: 1;
    border: 2px solid var(--color-charcoal);
    border-radius: 50%;
  }

  .craft-scissors::before {
    left: 0;
    bottom: 0.5rem;
  }

  .craft-scissors::after {
    left: 2.15rem;
    bottom: 0.5rem;
  }

  .section-doodles {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
  }

  .section-doodles .section-seed {
    z-index: 1;
    filter: drop-shadow(2px 3px 0 rgba(47, 47, 50, 0.08));
  }

  .section-art {
    position: absolute;
    z-index: 1;
    display: block;
    width: var(--art-size, 4.6rem);
    height: var(--art-size, 4.6rem);
    object-fit: contain;
    opacity: var(--art-opacity, 0.42);
    transform: rotate(var(--art-rotate, 0deg)) scale(var(--art-scale, 1));
    filter: var(--art-filter, drop-shadow(3px 4px 0 rgba(47, 47, 50, 0.08)));
    transform-origin: center;
  }

  .section-balloon {
    position: absolute;
    z-index: 1;
    display: block;
    --string-height: 4.2rem;
    --string-width: 2rem;
    --string-opacity: 0.34;
    --string-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 120' fill='none'%3E%3Cpath d='M22 2 C12 24 31 38 22 60 C14 79 16 97 24 118' stroke='%232F2F32' stroke-width='3.1' stroke-linecap='round'/%3E%3C/svg%3E");
    width: var(--balloon-size, 3.4rem);
    height: calc(var(--balloon-size, 3.4rem) + var(--string-height));
    opacity: var(--balloon-opacity, 0.42);
    transform: rotate(var(--balloon-rotate, 0deg)) scale(var(--balloon-scale, 1));
    filter: var(--balloon-filter, drop-shadow(3px 4px 0 rgba(47, 47, 50, 0.08)));
  }

  .section-balloon img {
    width: 100%;
    height: var(--balloon-size, 3.4rem);
    object-fit: contain;
  }

  .section-balloon::before,
  .section-balloon::after {
    content: "";
    position: absolute;
    left: 50%;
    pointer-events: none;
    transform: translateX(-50%);
  }

  .section-balloon::before {
    top: calc(var(--balloon-size, 3.4rem) - 0.14rem);
    width: 0.34rem;
    height: 0.34rem;
    border-radius: 50%;
    background: rgba(47, 47, 50, 0.16);
    box-shadow: 0 1px 0 rgba(255, 253, 247, 0.42);
  }

  .section-balloon::after {
    top: calc(var(--balloon-size, 3.4rem) + 0.12rem);
    width: var(--string-width);
    height: var(--string-height);
    background: var(--string-art) top center / 100% 100% no-repeat;
    opacity: var(--string-opacity);
    transform: translateX(-50%) rotate(var(--string-rotate, 0deg));
    transform-origin: top center;
  }

  .section-balloon:has(img[src*="balloon-heart"])::before {
    top: calc(var(--balloon-size, 3.4rem) * 0.58);
  }

  .section-balloon:has(img[src*="balloon-heart"])::after {
    top: calc(var(--balloon-size, 3.4rem) * 0.66);
  }

  .section-balloon--coral img {
    filter: hue-rotate(0deg) saturate(1.05);
  }

  .section-balloon--sun img {
    filter: hue-rotate(28deg) saturate(1.18) brightness(1.08);
  }

  .section-balloon--sage img {
    filter: hue-rotate(112deg) saturate(0.82) brightness(1.05);
  }

  .section-balloon--blush img {
    filter: hue-rotate(342deg) saturate(0.7) brightness(1.1);
  }

  .section-loop {
    position: absolute;
    z-index: 1;
    display: block;
    width: var(--loop-width, 8rem);
    height: var(--loop-height, 3.6rem);
    opacity: var(--loop-opacity, 0.78);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 86' fill='none'%3E%3Cpath d='M8 18 C33 25 43 52 72 47 C99 42 87 14 67 22 C48 29 61 62 94 59 C124 56 137 35 150 43' stroke='%23FFFDF7' stroke-width='4' stroke-linecap='round' stroke-dasharray='8 8'/%3E%3Cpath d='M153 39 C149 31 154 25 162 28 C167 30 168 36 167 41 C171 35 178 32 183 36 C190 43 181 55 166 65 C158 58 153 48 153 39Z' fill='%23FFFDF7' stroke='%232F2F32' stroke-opacity='.18' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
    transform: rotate(var(--loop-rotate, 0deg)) scale(var(--loop-scale, 1));
    transform-origin: center;
    filter: drop-shadow(2px 3px 0 rgba(47, 47, 50, 0.08));
  }

  .section-deco {
    position: absolute;
    z-index: 1;
    display: block;
    width: var(--deco-width, 4rem);
    height: var(--deco-height, 4rem);
    opacity: var(--deco-opacity, 0.88);
    background: var(--deco-art) center / contain no-repeat;
    transform: rotate(var(--deco-rotate, 0deg)) scale(var(--deco-scale, 1));
    transform-origin: center;
    filter: drop-shadow(2px 3px 0 rgba(47, 47, 50, 0.1));
  }

  .section-doodles--about {
    --art-filter: contrast(1.15) saturate(1.08) drop-shadow(3px 4px 0 rgba(47, 47, 50, 0.14));
    --balloon-filter: contrast(1.15) saturate(1.08) drop-shadow(3px 4px 0 rgba(47, 47, 50, 0.14));
    z-index: 2;
  }

  .section-doodles--about .section-seed {
    filter: contrast(1.35) drop-shadow(2px 3px 0 rgba(47, 47, 50, 0.16));
  }

  .section-doodles--about .section-seed--about-one {
    --seed-size: 3.55rem;
    --seed-rotate: -31deg;
    --seed-opacity: 1;
    left: 46%;
    top: 10.5%;
  }

  .section-doodles--about .section-seed--about-two {
    --seed-size: 2.95rem;
    --seed-rotate: 38deg;
    --seed-opacity: 1;
    right: 0.5%;
    bottom: 43%;
  }

  .section-art--about-pencil {
    --art-size: 4.65rem;
    --art-rotate: -14deg;
    --art-opacity: 1;
    left: 5%;
    top: 4%;
  }

  .section-art--about-scissors {
    --art-size: 4.85rem;
    --art-rotate: 16deg;
    --art-opacity: 1;
    right: -0.45%;
    bottom: 18%;
  }

  .section-art--about-palette {
    --art-size: 5.25rem;
    --art-rotate: 13deg;
    --art-opacity: 1;
    right: 8%;
    top: 5.5%;
  }

  .section-art--about-ruler {
    --art-size: 4.65rem;
    --art-rotate: -12deg;
    --art-opacity: 1;
    right: 30%;
    top: 17%;
  }

  .section-balloon--about-heart {
    --balloon-size: 3.25rem;
    --balloon-rotate: -9deg;
    --balloon-opacity: 1;
    --string-height: 4.4rem;
    --string-rotate: -4deg;
    left: 31%;
    top: 6%;
  }

  .section-doodles--offers {
    --art-filter: contrast(1.14) saturate(1.12) drop-shadow(3px 4px 0 rgba(47, 47, 50, 0.16));
    --balloon-filter: contrast(1.14) saturate(1.12) drop-shadow(3px 4px 0 rgba(47, 47, 50, 0.16));
  }

  .section-doodles--offers .section-seed {
    filter: contrast(1.35) saturate(1.08) drop-shadow(2px 3px 0 rgba(47, 47, 50, 0.16));
  }

  .section-doodles--offers .section-seed--offers-one {
    --seed-size: 3.7rem;
    --seed-rotate: -30deg;
    --seed-opacity: 0.9;
    right: 8%;
    top: 24%;
  }

  .section-doodles--offers .section-seed--offers-two {
    display: none;
    --seed-size: 3.1rem;
    --seed-rotate: -42deg;
    --seed-opacity: 0.86;
    right: 26%;
    bottom: 10%;
  }

  .section-art--offers-palette {
    --art-size: 5rem;
    --art-rotate: 12deg;
    --art-opacity: 0.9;
    right: 5.5%;
    top: 13%;
  }

  .section-art--offers-scissors {
    display: none;
    --art-size: 4.3rem;
    --art-rotate: -20deg;
    --art-opacity: 0.88;
    right: 7%;
    bottom: 12%;
  }

  .section-art--offers-glue {
    --art-size: 4rem;
    --art-rotate: -18deg;
    --art-opacity: 0.88;
    left: 2.5%;
    bottom: 25%;
  }

  .section-balloon--offers-round {
    --balloon-size: 3.55rem;
    --balloon-rotate: 12deg;
    --balloon-opacity: 0.88;
    --string-height: 3.65rem;
    --string-rotate: 7deg;
    left: 24%;
    top: 5%;
  }

  .section-balloon--offers-round img {
    filter: hue-rotate(203deg) saturate(2.05) brightness(0.98);
  }

  .section-loop--offers-one {
    --loop-width: 7.5rem;
    --loop-height: 3.45rem;
    --loop-rotate: 9deg;
    left: 5.5%;
    top: 17%;
  }

  .section-doodles--alfons {
    --art-filter: contrast(1.15) saturate(1.1) drop-shadow(3px 4px 0 rgba(47, 47, 50, 0.16));
    --balloon-filter: contrast(1.15) saturate(1.1) drop-shadow(3px 4px 0 rgba(47, 47, 50, 0.16));
  }

  .section-doodles--alfons .section-seed {
    filter: contrast(1.35) saturate(1.08) drop-shadow(2px 3px 0 rgba(47, 47, 50, 0.16));
  }

  .section-doodles--alfons .section-seed--alfons-one {
    --seed-size: 3.4rem;
    --seed-rotate: -36deg;
    --seed-opacity: 0.88;
    left: 28%;
    top: 7%;
  }

  .section-doodles--alfons .section-seed--alfons-two {
    --seed-size: 2.9rem;
    --seed-rotate: 47deg;
    --seed-opacity: 0.84;
    right: 9%;
    bottom: 7%;
  }

  .section-art--alfons-ruler {
    --art-size: 4rem;
    --art-rotate: 15deg;
    --art-opacity: 0.9;
    left: 4.7%;
    top: 5%;
  }

  .section-art--alfons-paintbrush {
    --art-size: 4.6rem;
    --art-rotate: -20deg;
    --art-opacity: 0.88;
    left: 43%;
    bottom: 8%;
  }

  .section-balloon--alfons-round {
    --balloon-size: 3.25rem;
    --balloon-rotate: -10deg;
    --balloon-opacity: 0.86;
    --string-height: 4.15rem;
    --string-rotate: -6deg;
    right: 5.5%;
    top: 6%;
  }

  .section-balloon--alfons-heart {
    --balloon-size: 2.85rem;
    --balloon-rotate: 13deg;
    --balloon-opacity: 0.88;
    --string-height: 3.65rem;
    --string-width: 1.8rem;
    --string-rotate: 5deg;
    left: 48%;
    top: 9%;
  }

  .section-deco--alfons-stars {
    --deco-width: 4.7rem;
    --deco-height: 4.65rem;
    --deco-opacity: 1;
    --deco-rotate: -8deg;
    --deco-art: url("data:image/svg+xml,%3Csvg viewBox='0 -10 96 112' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(0 8)' fill='none' stroke='%23FFC83D' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cg transform='rotate(-13 28 25) scale(1.08)' transform-origin='28 25'%3E%3Cpath d='m28 25 5 11 12 2-9 8 2 12-10-6-11 6 3-12-9-8 12-2Z' fill='%23FFC83D'/%3E%3C/g%3E%3Cg transform='rotate(18 66 18) scale(.82)' transform-origin='66 18'%3E%3Cpath d='m66 16 4 8 9 1-7 6 2 9-8-5-8 5 2-9-7-6 9-1Z' fill='%23FFC83D'/%3E%3C/g%3E%3Cg transform='rotate(7 63 58) scale(.95)' transform-origin='63 58'%3E%3Cpath d='m63 58 4 8 9 1-7 6 2 9-8-5-8 5 2-9-7-6 9-1Z' fill='%23FFC83D'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    right: -1%;
    top: 37%;
    filter: drop-shadow(2px 3px 0 rgba(47, 47, 50, 0.16));
  }

  .section-deco--alfons-heart {
    --deco-width: 3.35rem;
    --deco-height: 3.15rem;
    --deco-rotate: -13deg;
    --deco-art: url("data:image/svg+xml,%3Csvg viewBox='0 0 66 66' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M31 49 C24 42 15 35 14 25 C13 16 19 10 27 13 C31 15 33 21 34 26 C37 18 43 10 51 14 C60 19 56 33 47 42 C41 47 35 50 31 49' stroke='%23E987A2' stroke-width='5.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29 47 C23 41 17 34 16 25 C15 18 20 13 26 16 C31 18 33 24 33 28 C37 20 43 14 50 17 C56 21 53 32 45 40 C39 46 33 48 29 47' stroke='%23FFB0C2' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' opacity='.44'/%3E%3C/svg%3E");
    left: 43%;
    top: 31%;
  }

  .section-deco--alfons-tape {
    --deco-width: 8rem;
    --deco-height: 2.35rem;
    --deco-rotate: 2deg;
    --deco-opacity: 0.9;
    --deco-art: url("data:image/svg+xml,%3Csvg viewBox='0 0 154 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 6 C18 5 26 8 38 5 C54 3 67 7 83 5 C101 3 117 5 132 6 C140 7 147 4 150 9 L146 14 L151 18 L147 23 L152 29 L147 33 L150 40 C138 41 128 38 115 41 C100 44 86 40 71 41 C55 42 40 38 25 40 C15 42 8 40 3 42 L6 36 L2 31 L6 25 L3 19 L7 13 Z' fill='%23F29A9B'/%3E%3Cpath d='M8 38 C26 36 44 39 63 38 C84 37 106 39 128 37 C137 36 144 38 149 37' fill='none' stroke='%23D97982' stroke-width='1.2' stroke-linecap='round' opacity='.24'/%3E%3Cg fill='%23FFFDF7' opacity='.92'%3E%3Ccircle cx='20' cy='14' r='2.4'/%3E%3Ccircle cx='43' cy='13' r='2.2'/%3E%3Ccircle cx='66' cy='14' r='2.5'/%3E%3Ccircle cx='91' cy='13' r='2.2'/%3E%3Ccircle cx='118' cy='14' r='2.5'/%3E%3Ccircle cx='138' cy='16' r='2.1'/%3E%3Ccircle cx='31' cy='29' r='2.2'/%3E%3Ccircle cx='55' cy='29' r='2.45'/%3E%3Ccircle cx='80' cy='29' r='2.2'/%3E%3Ccircle cx='105' cy='29' r='2.55'/%3E%3Ccircle cx='130' cy='30' r='2.2'/%3E%3C/g%3E%3C/svg%3E");
    right: 24%;
    top: 5.5%;
  }

  .section-doodles--events {
    --art-filter: contrast(1.34) saturate(1.22) drop-shadow(4px 5px 0 rgba(47, 47, 50, 0.18));
    --balloon-filter: contrast(1.3) saturate(1.2) drop-shadow(4px 5px 0 rgba(47, 47, 50, 0.18));
  }

  .section-doodles--events .section-seed {
    filter: contrast(1.42) saturate(1.14) drop-shadow(3px 4px 0 rgba(47, 47, 50, 0.18));
  }

  .section-doodles--events .section-seed--events-two {
    --seed-size: 2.95rem;
    --seed-rotate: 41deg;
    --seed-opacity: 0.9;
    right: 6.5%;
    top: 12%;
  }

  .section-art--events-pencil {
    --art-size: 4.55rem;
    --art-rotate: -17deg;
    --art-opacity: 0.98;
    left: 4.7%;
    bottom: 14%;
  }

  .section-art--events-palette {
    --art-size: 4.95rem;
    --art-rotate: 12deg;
    --art-opacity: 0.98;
    right: 4.4%;
    bottom: 10%;
  }

  .section-art--events-scissors {
    --art-size: 4.35rem;
    --art-rotate: 18deg;
    --art-opacity: 0.96;
    right: 17%;
    top: 27%;
  }

  .section-art--events-glue {
    --art-size: 4.2rem;
    --art-rotate: -11deg;
    --art-opacity: 0.96;
    left: 44%;
    bottom: 8%;
  }

  .section-art--events-star {
    --art-size: 3.25rem;
    --art-rotate: 9deg;
    --art-opacity: 0.95;
    right: 27%;
    top: 10%;
  }

  .section-balloon--events-heart {
    --balloon-size: 3.15rem;
    --balloon-rotate: -12deg;
    --balloon-opacity: 0.96;
    --string-height: 3.8rem;
    --string-width: 1.85rem;
    --string-rotate: -8deg;
    left: 34%;
    top: 18%;
  }

  .section-balloon--events-round {
    --balloon-size: 3.35rem;
    --balloon-rotate: 10deg;
    --balloon-opacity: 0.92;
    --string-height: 4.15rem;
    --string-width: 1.95rem;
    --string-rotate: 9deg;
    right: 13%;
    bottom: 23%;
  }

  .section-doodles--contact {
    --art-filter: contrast(1.25) saturate(1.18) drop-shadow(3px 4px 0 rgba(47, 47, 50, 0.17));
    --balloon-filter: contrast(1.25) saturate(1.18) drop-shadow(3px 4px 0 rgba(47, 47, 50, 0.17));
  }

  .section-doodles--contact .section-seed {
    filter: contrast(1.48) saturate(1.12) drop-shadow(2px 3px 0 rgba(47, 47, 50, 0.18));
  }

  .section-doodles--contact .section-seed--contact-one {
    --seed-size: 3.65rem;
    --seed-rotate: -42deg;
    --seed-opacity: 0.9;
    left: 32%;
    top: -2%;
  }

  .section-art--contact-glue {
    --art-size: 4.65rem;
    --art-rotate: -24deg;
    --art-opacity: 0.98;
    left: 1.5%;
    top: 4%;
  }

  .section-balloon--contact-heart {
    --balloon-size: 3.25rem;
    --balloon-rotate: 12deg;
    --balloon-opacity: 0.92;
    --string-height: 3.85rem;
    --string-width: 1.85rem;
    --string-rotate: 7deg;
    right: 1.2%;
    top: -13%;
  }

  .section-deco--contact-confetti-left,
  .section-deco--contact-confetti-right,
  .section-deco--contact-confetti-bottom {
    --deco-width: 4.8rem;
    --deco-height: 5.8rem;
    --deco-opacity: 1;
    --deco-art: url("data:image/svg+xml,%3Csvg width='92' height='166' viewBox='0 0 92 166' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.96'%3E%3Ccircle cx='25' cy='18' r='4.2' fill='%23FF6F61'/%3E%3Ccircle cx='48' cy='12' r='3.6' fill='%23FFC5BC'/%3E%3Ccircle cx='59' cy='31' r='3.4' fill='%23FF8176'/%3E%3Ccircle cx='33' cy='43' r='3.8' fill='%23FFC83D'/%3E%3Ccircle cx='57' cy='57' r='3.2' fill='%23FFB8AD'/%3E%3Ccircle cx='19' cy='64' r='3' fill='%23FF6F61'/%3E%3C/g%3E%3Cg transform='translate(24 109) scale(2)'%3E%3Cpath d='M11.0748 3.25583C11.4141 2.42845 12.5859 2.42845 12.9252 3.25583L14.6493 7.45955C14.793 7.80979 15.1221 8.04889 15.4995 8.07727L20.0303 8.41798C20.922 8.48504 21.2841 9.59942 20.6021 10.1778L17.1369 13.1166C16.8482 13.3614 16.7225 13.7483 16.8122 14.1161L17.8882 18.5304C18.1 19.3992 17.152 20.0879 16.3912 19.618L12.5255 17.2305C12.2034 17.0316 11.7966 17.0316 11.4745 17.2305L7.60881 19.618C6.84796 20.0879 5.90001 19.3992 6.1118 18.5304L7.18785 14.1161C7.2775 13.7483 7.1518 13.3614 6.86309 13.1166L3.3979 10.1778C2.71588 9.59942 3.07796 8.48504 3.96971 8.41798L8.50046 8.07727C8.87794 8.04889 9.20704 7.80979 9.35068 7.45955L11.0748 3.25583Z' fill='%23FFC83D' stroke='%23FFFCF4' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    filter: contrast(1.18) saturate(1.14) drop-shadow(2px 3px 0 rgba(47, 47, 50, 0.16));
  }

  .section-deco--contact-confetti-left {
    --deco-rotate: -16deg;
    left: 7%;
    top: 2%;
  }

  .section-deco--contact-confetti-right {
    --deco-rotate: 12deg;
    --deco-scale: 0.88;
    right: 6%;
    top: 1%;
  }

  .section-deco--contact-confetti-bottom {
    --deco-width: 4rem;
    --deco-height: 4.15rem;
    --deco-rotate: 18deg;
    --deco-scale: 0.95;
    --deco-art: url("data:image/svg+xml,%3Csvg width='82' height='82' viewBox='0 0 82 82' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.97'%3E%3Ccircle cx='18' cy='19' r='4.2' fill='%23FF6F61'/%3E%3Ccircle cx='36' cy='12' r='3.4' fill='%23FFC83D'/%3E%3Ccircle cx='54' cy='22' r='3.8' fill='%23FF8176'/%3E%3Ccircle cx='27' cy='39' r='3.2' fill='%23FFB8AD'/%3E%3Ccircle cx='48' cy='44' r='4.1' fill='%23FF6F61'/%3E%3Ccircle cx='64' cy='38' r='2.9' fill='%23FFC5BC'/%3E%3Ccircle cx='17' cy='61' r='3.1' fill='%23FFC83D'/%3E%3Ccircle cx='38' cy='66' r='3.7' fill='%23FF8176'/%3E%3Ccircle cx='62' cy='61' r='3.3' fill='%23FF6F61'/%3E%3C/g%3E%3C/svg%3E");
    right: 8%;
    bottom: 6%;
  }

  .about-yvonne {
    color: var(--color-ink);
    background:
      linear-gradient(var(--color-grid) 1px, transparent 1px),
      linear-gradient(90deg, var(--color-grid) 1px, transparent 1px),
      var(--color-porcelain);
    background-size: var(--paper-grid-size) var(--paper-grid-size), var(--paper-grid-size) var(--paper-grid-size), auto;
    background-repeat: repeat, repeat, no-repeat;
  }

  .about-yvonne__grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(18rem, 0.82fr) minmax(0, 1.08fr);
    gap: clamp(2rem, 6vw, 5.5rem);
    align-items: center;
  }

  .portrait-placeholder {
    position: relative;
    min-height: 27rem;
    overflow: hidden;
    border-radius: 16rem 16rem 2rem 2rem;
    background: var(--color-ash-sage);
    box-shadow: 8px 9px 0 var(--color-sunlit-clay);
  }

  .portrait-placeholder img {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: cover;
  }

  .about-yvonne__copy {
    display: grid;
    gap: var(--space-5);
  }

  .about-card {
    display: contents;
  }

  .eyebrow--light {
    color: var(--color-sandy-clay);
    background: rgba(255, 252, 244, 0.82);
    border-color: rgba(255, 111, 97, 0.42);
  }

  .about-note {
    position: relative;
    display: grid;
    gap: var(--space-4);
    max-width: 680px;
    padding: clamp(1.25rem, 3vw, 2rem);
    overflow: hidden;
    border: var(--border-strong);
    border-radius: var(--radius-lg);
    color: var(--color-ink);
    background:
      radial-gradient(circle at 96% 13%, rgba(111, 201, 191, 0.24) 0 4.2rem, transparent 4.3rem),
      linear-gradient(135deg, rgba(255, 253, 247, 0.98), rgba(255, 249, 238, 0.98));
    box-shadow:
      inset 0 0 0 1px rgba(255, 253, 247, 0.72),
      var(--shadow-dark),
      8px 9px 0 var(--color-sandy-clay);
  }

  .about-note::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.45rem;
    background: linear-gradient(to bottom, var(--color-sandy-clay), var(--color-ash-sage));
    opacity: 0.82;
  }

  .offers-section {
    background: var(--color-ash-sage);
  }

  .offers-section .page-shell,
  .contact-cta .page-shell,
  .event-strip__inner,
  .site-footer__inner,
  .site-footer__fineprint {
    position: relative;
    z-index: 2;
  }

  .offers-section .section-heading__paint {
    position: relative;
    z-index: 1;
    display: inline-block;
    white-space: nowrap;
  }

  .offers-section .section-heading__paint::after {
    content: "";
    position: absolute;
    left: -0.36em;
    right: -0.36em;
    bottom: -0.25em;
    z-index: -1;
    height: 0.72em;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 540 76" preserveAspectRatio="none"><defs><filter id="rough-a"><feTurbulence type="fractalNoise" baseFrequency="0.028 0.18" numOctaves="2" seed="18"/><feDisplacementMap in="SourceGraphic" scale="3.1"/></filter><filter id="rough-b"><feTurbulence type="fractalNoise" baseFrequency="0.046 0.2" numOctaves="2" seed="27"/><feDisplacementMap in="SourceGraphic" scale="2.3"/></filter></defs><g><path id="stroke-a" filter="url(%23rough-a)" d="M18 24 C67 10 132 19 198 15 C265 11 322 20 391 17 C455 14 504 18 518 27 C509 41 461 47 389 42 C326 38 276 50 211 45 C146 40 94 51 33 46 C10 43 4 35 18 24 Z" fill="%23FFD1C7" opacity="0.95"/><path id="stroke-b" filter="url(%23rough-b)" d="M12 42 C75 31 137 42 202 36 C269 30 327 45 394 38 C448 33 493 44 535 45 C514 62 450 66 380 57 C314 51 264 65 198 58 C134 50 76 62 20 53 C8 50 4 46 12 42 Z" fill="%23FFB8A9" opacity="0.5"/><path id="left-cap-top" d="M18 23 C4 28 2 38 17 43 C31 47 43 40 39 31 C36 23 27 20 18 23 Z" fill="%23FFD1C7" opacity="0.95"/><path id="left-cap-bottom" d="M9 43 C-1 49 6 58 22 58 C35 58 44 51 38 44 C31 38 18 38 9 43 Z" fill="%23FFB8A9" opacity="0.52"/><path id="right-cap" d="M499 37 C512 35 526 39 524 44 C520 50 503 50 489 45 C497 43 502 40 499 37 Z" fill="%23FFC7BC" opacity="0.16"/><path id="right-cap-top" d="M501 24 C525 22 539 28 534 36 C529 44 502 42 481 36 C493 33 505 30 501 24 Z" fill="%23FFD1C7" opacity="0.82"/><path id="right-cap-gap" d="M486 39 C500 37 517 39 529 43 C514 45 496 45 481 42 Z" fill="%23FFF8E7" opacity="0.78"/><path id="right-cap-bottom" d="M489 47 C516 45 542 51 534 61 C526 70 491 66 462 56 C474 53 484 51 489 47 Z" fill="%23FFB8A9" opacity="0.54"/><path d="M31 24 C96 20 145 13 207 20 C269 27 321 17 386 22 C447 27 493 18 520 28" fill="none" stroke="%23FFE3DD" stroke-width="11" stroke-linecap="round" opacity="0.55"/><path d="M15 51 C74 47 133 57 194 52 C263 47 319 59 388 51 C449 44 494 54 532 51" fill="none" stroke="%23FFAFA2" stroke-width="6" stroke-linecap="round" opacity="0.28"/></g></svg>') center / 100% 100% no-repeat;
    opacity: 0.92;
    filter: saturate(0.78) brightness(0.88) contrast(1.03);
    transform: rotate(-0.55deg);
  }

  .offer-track {
    display: grid;
    grid-template-columns: repeat(4, minmax(15.5rem, 1fr));
    gap: var(--space-6);
  }

  .offer-card {
    display: grid;
    grid-template-rows: 15rem 1fr;
    min-height: 31rem;
    border: var(--border-strong);
    border-radius: 12rem 12rem 1.7rem 1.7rem;
    background: var(--color-paper);
    box-shadow: var(--shadow-dark);
    overflow: hidden;
  }

  .offer-card:nth-child(2) {
    box-shadow: 8px 9px 0 var(--color-sandy-clay);
  }

  .offer-card:nth-child(3) {
    box-shadow: 8px 9px 0 var(--color-sunlit-clay);
  }

  .offer-card:nth-child(4) {
    box-shadow: 8px 9px 0 var(--color-sunlit-clay);
  }

  .offer-card__media {
    position: relative;
    min-height: 15rem;
    border: 10px solid var(--color-paper);
    border-bottom: 0;
    border-radius: 12rem 12rem 1.25rem 1.25rem;
    overflow: hidden;
  }

  .offer-card__media::before,
  .offer-card__media::after {
    content: "";
    position: absolute;
    border-radius: 50%;
  }

  .offer-card__media::before {
    width: 8rem;
    height: 8rem;
    left: 12%;
    top: 18%;
    background: rgba(255, 253, 247, 0.7);
  }

  .offer-card__media::after {
    width: 5rem;
    height: 5rem;
    right: 13%;
    bottom: 16%;
    border: 2px dashed var(--color-charcoal);
  }

  .offer-card__media--paper {
    background:
      linear-gradient(135deg, transparent 45%, rgba(74, 74, 74, 0.12) 46% 48%, transparent 49%),
      radial-gradient(circle at 70% 28%, var(--color-sandy-clay) 0 12%, transparent 13%),
      var(--color-sunlit-clay);
    --offer-image-position: 50% 38%;
  }

  .offer-card__media--party {
    background:
      radial-gradient(circle at 30% 30%, var(--color-sunlit-clay) 0 10%, transparent 11%),
      radial-gradient(circle at 72% 68%, var(--color-paper) 0 14%, transparent 15%),
      var(--color-sandy-clay);
    --offer-image-position: 50% 43%;
  }

  .offer-card__media--women {
    background:
      linear-gradient(90deg, rgba(255, 253, 247, 0.5) 0 18%, transparent 19% 100%),
      radial-gradient(circle at 70% 30%, var(--color-sunlit-clay) 0 11%, transparent 12%),
      var(--color-ash-sage);
    --offer-image-position: 50% 54%;
  }

  .offer-card__media--facepaint {
    background:
      radial-gradient(circle at 28% 66%, var(--color-sandy-clay) 0 11%, transparent 12%),
      radial-gradient(circle at 68% 30%, var(--color-sunlit-clay) 0 13%, transparent 14%),
      var(--color-charcoal);
    --offer-image-position: 64% 38%;
  }

  .offer-card__media--image {
    background: var(--color-paper);
    --offer-image-position: center;
  }

  .offer-card__media--image::before,
  .offer-card__media--image::after {
    display: none;
  }

  .offer-card__media--image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--offer-image-position);
  }

  .offer-card__body {
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: var(--space-3);
    padding: var(--space-5);
  }

  .offer-card h3 {
    font-size: var(--text-lg);
  }

  .offer-card p {
    color: var(--color-muted);
  }

  .offer-card__button {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1rem;
    border-radius: var(--radius-pill);
    color: var(--color-charcoal);
    background: var(--color-sunlit-clay);
    box-shadow: 5px 6px 0 rgba(47, 47, 50, 0.18);
    font-weight: 850;
    text-decoration: none;
  }

  .offer-card:nth-child(2) .offer-card__button {
    color: var(--color-paper);
    background: var(--color-sandy-clay);
  }

  .offer-card:nth-child(3) .offer-card__button {
    background: var(--color-ash-sage);
  }

  .offer-card:nth-child(4) .offer-card__button {
    color: var(--color-paper);
    background: #ff8e82;
  }

  .offer-mobile-controls {
    display: none;
  }

  .alfons-section {
    margin-block: 0;
    padding-block: clamp(3.2rem, 5.2vw, 4.6rem) clamp(7rem, 10vw, 9rem);
    border: 0;
    border-radius: 0;
    background:
      linear-gradient(var(--color-grid) 1px, transparent 1px),
      linear-gradient(90deg, var(--color-grid) 1px, transparent 1px),
      var(--color-porcelain);
    background-size: var(--paper-grid-size) var(--paper-grid-size), var(--paper-grid-size) var(--paper-grid-size), auto;
    background-repeat: repeat, repeat, no-repeat;
    box-shadow: none;
  }

  .alfons-section__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(19rem, 1.1fr);
    gap: clamp(2rem, 6vw, 5rem);
    align-items: start;
  }

  .story-copy {
    position: relative;
    display: grid;
    gap: var(--space-5);
  }

  .story-copy .eyebrow {
    justify-self: start;
    transform: translateY(clamp(2.35rem, 4vw, 3rem));
  }

  .story-copy > h2 {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .story-card {
    position: relative;
    display: grid;
    gap: clamp(1rem, 2vw, 1.45rem);
    margin-top: clamp(1.7rem, 3.3vw, 2.55rem);
    padding: clamp(1.65rem, 3.4vw, 2.6rem);
    overflow: hidden;
    border: var(--border-strong);
    border-radius: 2.4rem 2.4rem 2.8rem 1.9rem;
    color: var(--color-ink);
    background:
      radial-gradient(circle at 94% 12%, rgba(255, 197, 188, 0.66) 0 4.4rem, transparent 4.55rem),
      linear-gradient(135deg, rgba(255, 253, 247, 0.99), rgba(255, 250, 240, 0.98));
    box-shadow:
      inset 0 0 0 1px rgba(255, 253, 247, 0.72),
      var(--shadow-dark),
      8px 9px 0 var(--color-sunlit-clay);
    isolation: isolate;
  }

  .story-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.45rem;
    background: linear-gradient(to bottom, var(--color-sunlit-clay), var(--color-sandy-clay));
    opacity: 0.72;
  }

  .story-card__label {
    z-index: 1;
    justify-self: start;
    padding: 0.38rem 0.82rem;
    border-radius: 999px;
    color: var(--color-ink);
    background: rgba(207, 237, 228, 0.92);
    box-shadow: 0 0.24rem 0 rgba(160, 213, 200, 0.44);
    font-size: clamp(0.82rem, 1.2vw, 0.95rem);
    font-weight: 800;
  }

  .story-card__headline {
    z-index: 1;
    max-width: 10ch;
    margin: 0;
    color: var(--color-ink);
    font-family: Cambria, Georgia, "Times New Roman", serif;
    font-size: clamp(2.55rem, 4.65vw, 4rem);
    line-height: 1.04;
    letter-spacing: 0;
  }

  .story-card__text {
    z-index: 1;
    max-width: 34rem;
    margin: 0;
    color: var(--color-muted);
    font-size: clamp(1rem, 1.22vw, 1.14rem);
    font-weight: 560;
    line-height: 1.58;
  }

  .story-card__heart,
  .story-card__stars {
    position: absolute;
    z-index: 2;
    display: block;
    pointer-events: none;
  }

  .story-card__heart {
    left: clamp(15.8rem, 53%, 20.15rem);
    top: clamp(10.85rem, 24vw, 13.7rem);
    width: clamp(2.35rem, 3.7vw, 3.05rem);
    height: clamp(2.35rem, 3.7vw, 3.15rem);
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 66 66' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M31 49 C24 42 15 35 14 25 C13 16 19 10 27 13 C31 15 33 21 34 26 C37 18 43 10 51 14 C60 19 56 33 47 42 C41 47 35 50 31 49' stroke='%23E987A2' stroke-width='5.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29 47 C23 41 17 34 16 25 C15 18 20 13 26 16 C31 18 33 24 33 28 C37 20 43 14 50 17 C56 21 53 32 45 40 C39 46 33 48 29 47' stroke='%23FFB0C2' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' opacity='.44'/%3E%3C/svg%3E") center / contain no-repeat;
    transform: rotate(8deg);
    filter: drop-shadow(2px 3px 0 rgba(47, 47, 50, 0.08));
  }

  .story-card__stars {
    right: clamp(2.1rem, 5vw, 3.65rem);
    top: clamp(11.7rem, 25.5vw, 14.8rem);
    width: clamp(3.45rem, 5.5vw, 4.45rem);
    height: clamp(3.45rem, 5.5vw, 4.45rem);
    background: url("data:image/svg+xml,%3Csvg viewBox='0 -10 96 112' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(0 8)' fill='none' stroke='%23FFC83D' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cg transform='rotate(-13 28 25) scale(1.08)' transform-origin='28 25'%3E%3Cpath d='m28 25 5 11 12 2-9 8 2 12-10-6-11 6 3-12-9-8 12-2Z' fill='%23FFC83D'/%3E%3C/g%3E%3Cg transform='rotate(18 66 18) scale(.82)' transform-origin='66 18'%3E%3Cpath d='m66 16 4 8 9 1-7 6 2 9-8-5-8 5 2-9-7-6 9-1Z' fill='%23FFC83D'/%3E%3C/g%3E%3Cg transform='rotate(7 63 58) scale(.95)' transform-origin='63 58'%3E%3Cpath d='m63 58 4 8 9 1-7 6 2 9-8-5-8 5 2-9-7-6 9-1Z' fill='%23FFC83D'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
    opacity: 0.92;
    transform: rotate(-8deg);
    filter: drop-shadow(2px 3px 0 rgba(47, 47, 50, 0.14));
  }

  .story-card__benefits {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 0.25rem 0 0;
    padding: 0.9rem;
    border-radius: 1.6rem;
    background: rgba(255, 253, 247, 0.93);
    box-shadow: 0 10px 18px rgba(47, 47, 50, 0.1);
    list-style: none;
  }

  .story-card__benefits li {
    display: grid;
    justify-items: center;
    align-content: start;
    gap: 0.42rem;
    min-width: 0;
    padding: 0 0.55rem;
    border-right: 1px dashed rgba(47, 47, 50, 0.16);
    color: var(--color-ink);
    font-size: clamp(0.78rem, 1vw, 0.9rem);
    font-weight: 780;
    line-height: 1.18;
    text-align: center;
  }

  .story-card__benefits li:last-child {
    border-right: 0;
  }

  .story-card__benefit-art {
    display: block;
    width: clamp(2.72rem, 4.2vw, 3.35rem);
    height: clamp(2.72rem, 4.2vw, 3.35rem);
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 126% 126%;
    box-shadow: 0 4px 9px rgba(47, 47, 50, 0.07);
  }

  .story-card__benefit-art--space {
    background-color: rgba(207, 237, 228, 0.95);
    background-image: url("../img/about/benefit-viel-platz.png");
  }

  .story-card__benefit-art--material {
    background-color: rgba(255, 224, 122, 0.88);
    background-image: url("../img/about/benefit-material-vor-ort.png");
  }

  .story-card__benefit-art--calm {
    background-color: rgba(255, 197, 188, 0.78);
    background-image: url("../img/about/benefit-entspannte-atmosphaere.png");
  }

  .alfons-visual {
    display: grid;
    align-content: start;
    gap: clamp(1.05rem, 2.5vw, 1.65rem);
  }

  .image-card {
    position: relative;
    overflow: visible;
    margin: clamp(7rem, 9vw, 8.75rem) 0 0;
    border: var(--border-strong);
    border-radius: var(--radius-xl);
    background: var(--color-paper);
    box-shadow: var(--shadow-dark);
  }

  .image-card::after {
    content: "";
    position: absolute;
    right: clamp(-2rem, -2vw, -1.1rem);
    bottom: clamp(-1.55rem, -1.8vw, -0.9rem);
    z-index: 2;
    width: clamp(6.55rem, 9.45vw, 8.25rem);
    height: clamp(5.9rem, 8.55vw, 7.45rem);
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 196 176' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cg filter='url(%23s)'%3E%3Cpath d='M0 162 L0 154 A98 126 0 0 1 196 154 L196 162 Z' fill='%23FFFDF7'/%3E%3Cpath d='M9 154 A89 113 0 0 1 187 154' stroke='%23F6C84D' stroke-width='17' stroke-linecap='butt'/%3E%3Cpath d='M39 154 A59 77 0 0 1 157 154' stroke='%23ECA1AD' stroke-width='14' stroke-linecap='butt'/%3E%3Cpath d='M67 154 A31 42 0 0 1 129 154' stroke='%23AFE0D2' stroke-width='12' stroke-linecap='butt'/%3E%3Cpath d='M89 145 C84 139 84 133 88 130 C92 127 96 131 98 138 C102 131 109 129 113 134 C118 141 107 151 98 159 C95 154 92 149 89 145 Z' stroke='%232F2F32' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M91 143 C88 139 88 135 90 133 C93 131 96 135 98 141 C102 135 107 133 110 136' stroke='%23AFE0D2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' opacity='.62'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='s' x='0' y='0' width='196' height='176'%3E%3CfeDropShadow dx='0' dy='4' stdDeviation='2.5' flood-color='%232F2F32' flood-opacity='.15'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") center / contain no-repeat;
    transform: rotate(8deg);
    pointer-events: none;
  }

  .image-card img {
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: calc(var(--radius-xl) - 0.22rem);
    object-fit: cover;
  }

  .alfons-desktop-quote {
    position: relative;
    z-index: 0;
    justify-self: center;
    width: min(100%, 32.8rem);
    margin: 0;
    padding: clamp(1.28rem, 1.85vw, 1.55rem) clamp(2.45rem, 3.4vw, 2.9rem) clamp(1.72rem, 2.45vw, 2.1rem) clamp(5.95rem, 6.9vw, 6.65rem);
    color: var(--color-charcoal);
    transform: rotate(-1deg);
    isolation: isolate;
  }

  .alfons-desktop-quote::before {
    content: "";
    position: absolute;
    inset: 0.02rem 0.1rem 0.08rem clamp(0.85rem, 1.15vw, 1.1rem);
    z-index: 0;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 520 132' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23s)'%3E%3Cpath d='M4 17 C42 12 78 15 116 11 C154 8 188 14 226 11 C267 8 305 12 344 10 C384 8 428 12 488 10 C511 10 520 14 518 20 C514 29 521 38 517 48 C521 60 516 70 519 82 C515 94 520 104 517 116 C475 119 434 114 391 117 C347 121 306 115 263 118 C220 122 181 115 139 119 C95 123 46 117 4 120 C8 109 0 99 5 88 C1 78 7 68 3 57 C8 46 1 36 6 27 C3 23 8 20 4 17 Z' fill='%23F7B9B8' stroke='%23FFFDF7' stroke-width='3.2' stroke-linejoin='round'/%3E%3Cg id='quoteFibers' fill='none' stroke='%23FFFDF7' stroke-linecap='round' opacity='.82'%3E%3Cpath d='M5 18 C36 14 66 16 96 13 M112 12 C142 9 170 14 200 11 M222 12 C253 9 284 11 316 10 M340 10 C374 7 407 12 441 10 M468 11 C492 10 510 12 518 18' stroke-width='2.5'/%3E%3Cpath d='M5 31 C1 40 6 47 3 57 M4 72 C0 82 8 91 4 101 M4 110 C2 115 1 118 6 120' stroke-width='2'/%3E%3Cpath d='M518 25 C514 35 520 42 517 52 M519 64 C515 74 520 82 517 92 M517 103 C514 112 516 116 514 119' stroke-width='2'/%3E%3Cpath d='M5 116 C39 119 70 116 103 119 M121 119 C154 122 185 116 218 119 M241 119 C274 122 304 116 337 119 M361 119 C395 116 427 121 461 118 M486 117 C501 118 512 117 518 115' stroke-width='2.4'/%3E%3Cpath d='M25 21 l-7 2 M69 116 l-9 3 M135 12 l-8-3 M187 118 l-9 2 M260 10 l-7-2 M315 118 l-9 3 M390 11 l-8-3 M455 117 l-10 2 M515 35 l5-7 M7 81 l-7 4' stroke-width='1.55' opacity='.72'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='s' x='0' y='0' width='520' height='132'%3E%3CfeDropShadow dx='0' dy='5' stdDeviation='2.2' flood-color='%232F2F32' flood-opacity='.12'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") center / 100% 100% no-repeat;
    filter: drop-shadow(0 7px 10px rgba(47, 47, 50, 0.08));
    pointer-events: none;
  }

  .alfons-desktop-quote__mark {
    position: absolute;
    z-index: 1;
    left: clamp(3.45rem, 4.05vw, 3.9rem);
    top: clamp(0.92rem, 1.24vw, 1.08rem);
    color: var(--color-charcoal);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(3.15rem, 4.6vw, 3.85rem);
    line-height: 0.82;
    font-weight: 900;
  }

  .alfons-desktop-quote::after {
    content: "";
    position: absolute;
    z-index: 1;
    right: clamp(3.25rem, 4.25vw, 3.7rem);
    bottom: clamp(1.45rem, 2.1vw, 1.78rem);
    width: clamp(1.35rem, 2.4vw, 1.75rem);
    height: clamp(2.1rem, 3.7vw, 2.7rem);
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 56 74' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M27 51 C18 42 17 30 22 23 C27 17 34 23 34 34 C39 21 49 17 52 25 C56 37 39 51 29 62 C28 58 27 54 27 51 Z' stroke='%232F2F32' stroke-width='4.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  .alfons-desktop-quote p {
    position: relative;
    z-index: 1;
    margin: 0;
    font-family: "Halogen", "Segoe Print", "Bradley Hand ITC", "Comic Sans MS", cursive;
    font-size: clamp(1.02rem, 1.45vw, 1.18rem);
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: 0;
    transform: rotate(0.45deg);
  }

  .alfons-desktop-quote p::after {
    content: "";
    position: absolute;
    left: clamp(10.7rem, 15vw, 11.9rem);
    bottom: -1.08rem;
    width: clamp(6.15rem, 9.4vw, 7.7rem);
    height: 1.45rem;
    background: url("data:image/svg+xml,%3Csvg id='alfonsMobileQuoteLine' viewBox='92 138 252 56' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M 101 154 C 175 142 250 146 316 158 C 298 166 288 167 270 167 C 290 177 298 179 332 186' stroke='%232F2F32' stroke-width='5.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  .alfons-desktop-quote__leaf {
    position: absolute;
    z-index: 1;
    left: clamp(1.2rem, 1.95vw, 1.65rem);
    bottom: clamp(-1.05rem, -1vw, -0.58rem);
    width: clamp(3.55rem, 5.5vw, 4.55rem);
    height: clamp(4.55rem, 7vw, 5.75rem);
    background: url("../img/about/alfons-quote-twig.svg?v=13") center / contain no-repeat;
    transform: rotate(-24deg);
    pointer-events: none;
  }

  .alfons-mobile {
    display: none;
  }

  .event-strip {
    position: relative;
    overflow: hidden;
    padding-block: clamp(3.5rem, 6vw, 5rem) clamp(7rem, 10vw, 8.5rem);
    background: var(--color-sunlit-clay);
  }

  .event-strip [hidden] {
    display: none !important;
  }

  .event-strip__inner {
    display: grid;
    position: relative;
    z-index: 2;
    gap: clamp(1.4rem, 3vw, 2.2rem);
  }

  .event-header {
    position: relative;
    max-width: 43rem;
  }

  .event-header::after {
    content: "";
    position: absolute;
    left: min(58vw, 36rem);
    top: 1.1rem;
    width: 10.4rem;
    height: 4.6rem;
    opacity: 0.82;
    pointer-events: none;
    background:
      url("data:image/svg+xml,%3Csvg viewBox='0 0 210 92' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M5 58 C40 30 78 35 110 49 C142 63 171 62 192 28' stroke='%23FFFDF7' stroke-width='3.4' stroke-linecap='round' stroke-dasharray='8 9'/%3E%3Cpath d='M183 26 C177 15 190 8 197 19 C203 9 216 17 207 29 C201 38 190 42 186 48 C185 40 186 34 183 26Z' fill='%23FFB0C2' stroke='%23FF7F73' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 51 C56 48 67 48 78 53' stroke='%23FF7F73' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E")
      center / contain no-repeat;
    transform: rotate(2deg);
  }

  .event-strip h2 {
    max-width: 13ch;
    margin-block: var(--space-4) var(--space-3);
    font-size: clamp(2.45rem, 5.5vw, 4rem);
    line-height: 0.98;
  }

  .event-strip p {
    max-width: 37rem;
    color: rgba(48, 48, 46, 0.82);
  }

  .event-label {
    min-width: min(100%, 13rem);
    display: inline-flex;
    align-items: center;
    padding: 0.55rem 0.85rem;
    border: var(--border-strong);
    border-radius: var(--radius-pill);
    background: var(--color-paper);
    box-shadow: 4px 5px 0 var(--color-charcoal);
    font-weight: 900;
  }

  .event-header__heart {
    position: absolute;
    top: 0.25rem;
    left: min(58vw, 17rem);
    width: 4rem;
    height: 4rem;
    background:
      url("data:image/svg+xml,%3Csvg viewBox='0 0 76 76' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M25 50 C17 42 13 34 15 26 C17 17 26 14 33 22 C38 13 50 14 55 22 C62 34 48 47 33 59 C30 56 27 53 25 50 Z' fill='%23FF8E82' stroke='%232F2F32' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31 54 C25 48 20 41 19 34 C18 27 22 22 28 23 C32 24 34 29 35 33 C39 25 46 21 51 25 C57 31 50 42 38 52' stroke='%23FFB8A9' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' opacity='.55'/%3E%3Cpath d='M39 61 L39 71 M49 56 L58 63 M54 46 L66 47' stroke='%232F2F32' stroke-width='3.1' stroke-linecap='round'/%3E%3C/svg%3E")
      center / contain no-repeat;
  }

  .event-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(1.35rem, 2.4vw, 2rem);
    align-items: stretch;
  }

  .event-card,
  .event-more-card {
    min-height: clamp(12rem, 14vw, 13.5rem);
  }

  .event-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: var(--space-3);
    align-items: start;
    padding: var(--space-4);
    border: var(--border-strong);
    border-radius: 1.45rem;
    color: var(--color-ink);
    background:
      var(--event-grid-softener),
      linear-gradient(var(--color-grid) 1px, transparent 1px),
      linear-gradient(90deg, var(--color-grid) 1px, transparent 1px),
      var(--color-paper);
    background-size: auto, 32px 32px, 32px 32px, auto;
    box-shadow: 6px 7px 0 var(--color-charcoal);
  }

  .event-card__tag {
    width: fit-content;
    padding: 0.35rem 0.75rem;
    border: 1px solid rgba(255, 111, 97, 0.46);
    border-radius: var(--radius-pill);
    color: var(--color-sandy-clay);
    background: rgba(255, 252, 244, 0.86);
    font-size: var(--text-sm);
    font-weight: 900;
  }

  .event-card__icon {
    grid-row: 1 / span 2;
    width: clamp(3rem, 6vw, 4.3rem);
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(255, 197, 188, 0.72);
    overflow: hidden;
  }

  .event-card__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.5);
  }

  .event-card__icon--flower {
    background: rgba(111, 201, 191, 0.28);
  }

  .event-card__icon--flower .event-card__image {
    transform: scale(1.44);
  }

  .event-card__icon--sun {
    background: rgba(255, 224, 122, 0.58);
  }

  .event-card__icon--sun .event-card__image {
    transform: scale(1.42);
  }

  .event-card__body {
    grid-column: 2;
    grid-row: 1 / span 2;
    min-width: 0;
  }

  .event-card__month {
    grid-column: 3;
    grid-row: 1;
    width: fit-content;
    justify-self: end;
    padding: 0.38rem 0.72rem;
    border-radius: var(--radius-pill);
    background: rgba(255, 197, 188, 0.86);
    font-size: var(--text-sm);
    font-weight: 900;
  }

  .event-card__month--sage {
    background: rgba(111, 201, 191, 0.35);
  }

  .event-card__month--sun {
    background: rgba(255, 224, 122, 0.78);
  }

  .event-card h3 {
    font-size: clamp(1.2rem, 2vw, 1.65rem);
    line-height: 1.08;
  }

  .event-card p {
    margin-top: 0.35rem;
    color: var(--color-muted);
    font-size: clamp(0.92rem, 1.08vw, 1.02rem);
    line-height: 1.48;
  }

  .event-card__chips {
    grid-column: 1 / 4;
    grid-row: 3;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-self: end;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .event-card__chips li {
    min-height: 1.75rem;
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.58rem;
    border-radius: var(--radius-pill);
    background: rgba(111, 201, 191, 0.25);
    font-size: 0.72rem;
    font-weight: 850;
  }

  .event-card__link {
    grid-column: 3;
    grid-row: 3;
    align-self: end;
    justify-self: end;
    width: 2.85rem;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border: var(--border-strong);
    border-radius: 50%;
    color: var(--color-charcoal);
    background: rgba(255, 253, 247, 0.92);
    box-shadow: 3px 4px 0 rgba(47, 47, 50, 0.14);
    text-decoration: none;
  }

  .event-card__link::before {
    content: "";
    width: 0.62rem;
    height: 0.62rem;
    border-top: 3px solid currentColor;
    border-right: 3px solid currentColor;
    transform: translateX(-0.08rem) rotate(45deg);
  }

  .event-card__link:hover {
    transform: translate(-1px, -1px);
  }

  .event-card__meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
    margin: 0;
  }

  .event-card__meta div {
    padding: var(--space-3);
    border-radius: var(--radius-sm);
    background: rgba(111, 201, 191, 0.28);
  }

  .event-card__meta dt {
    color: var(--color-muted);
    font-size: var(--text-sm);
    font-weight: 850;
  }

  .event-card__meta dd {
    margin: 0;
    font-weight: 900;
  }

  .event-more-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(8rem, 0.55fr);
    gap: var(--space-4);
    align-items: center;
    padding: var(--space-5);
    border: var(--border-strong);
    border-radius: 1.45rem;
    background: #FEF8ED;
    box-shadow: 6px 7px 0 var(--color-charcoal);
  }

  .event-more-card > div {
    display: contents;
  }

  .event-more-card h3 {
    grid-column: 1 / -1;
    max-width: none;
    font-size: clamp(1.35rem, 2.3vw, 1.8rem);
    line-height: 1.02;
    white-space: nowrap;
  }

  .event-more-card p {
    grid-column: 1;
    margin-block: var(--space-3);
    font-size: clamp(0.92rem, 1.08vw, 1.02rem);
    line-height: 1.48;
  }

  .event-more-card .button {
    grid-column: 1;
    justify-self: start;
    min-height: 2.7rem;
    padding-block: 0.58rem;
  }

  .event-more-card__paper {
    grid-column: 2;
    grid-row: 2 / span 2;
    align-self: center;
    display: block;
    min-height: 9rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: visible;
    transform: rotate(7deg);
  }

  .event-more-card__image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: cover;
    object-position: center;
    transform: scale(1.1);
    mix-blend-mode: normal;
  }

  .event-card .button {
    width: 100%;
  }

  .contact-cta {
    background: var(--color-ash-sage);
  }

  .contact-panel {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(20rem, 0.86fr);
    gap: clamp(1.6rem, 4vw, 2.9rem);
    align-items: stretch;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .contact-panel > div:first-child {
    position: relative;
    overflow: hidden;
    display: grid;
    align-content: center;
    gap: var(--space-4);
    min-height: clamp(21rem, 29vw, 24rem);
    padding: clamp(2rem, 4vw, 3.2rem);
    border: 1px solid rgba(47, 47, 50, 0.12);
    border-radius: 1.75rem 3.2rem 1.9rem 1.75rem;
    background:
      linear-gradient(135deg, rgba(255, 253, 247, 0.99), rgba(255, 248, 235, 0.96)),
      var(--color-paper);
    box-shadow: 9px 10px 0 var(--color-sunlit-clay);
    isolation: isolate;
  }

  .contact-panel > div:first-child::before {
    content: "";
    position: absolute;
    right: -5.8rem;
    top: 4.2rem;
    z-index: -1;
    width: 11rem;
    height: 15.5rem;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 178 224' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M162 12 C186 58 135 77 122 110 C112 136 142 158 132 189 C121 225 68 227 47 200 C26 174 30 144 10 119 C-14 88 9 44 47 24 C85 4 137 -36 162 12 Z' fill='%23FFC5BC' opacity='.76'/%3E%3C/svg%3E") center / contain no-repeat;
    transform: rotate(8deg);
    pointer-events: none;
  }

  .contact-panel > div:first-child::after {
    content: "";
    position: absolute;
    right: clamp(2rem, 5vw, 4.5rem);
    top: clamp(1.6rem, 4vw, 2.35rem);
    z-index: 1;
    width: 2.55rem;
    height: 2.45rem;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 58 56' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M18 8 L12 25' stroke='%23FF7E73' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M34 18 L25 29' stroke='%23FF8E82' stroke-width='5.6' stroke-linecap='round'/%3E%3Cpath d='M43 35 L30 40' stroke='%23FF9B8F' stroke-width='5.2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
    pointer-events: none;
  }

  .contact-panel .eyebrow {
    justify-self: start;
    border: 0;
    background: rgba(207, 237, 228, 0.92);
    box-shadow: inset 0 -1px 0 rgba(47, 47, 50, 0.05);
  }

  .contact-panel h2 {
    position: relative;
    width: fit-content;
    max-width: 100%;
    font-size: clamp(2.35rem, 4.7vw, 3.25rem);
    line-height: 1.04;
  }

  .contact-panel h2::after {
    content: "";
    position: absolute;
    left: 0.02rem;
    bottom: -1.18rem;
    width: min(18rem, 62vw);
    height: 1.05rem;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 232 18' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M4 12 C57 5 117 7 174 9 C195 10 211 11 228 13' stroke='%23FF6F61' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    pointer-events: none;
  }

  .contact-panel h2::before {
    content: "";
    position: absolute;
    left: min(17.6rem, 60vw);
    bottom: -1.05rem;
    width: 0.95rem;
    height: 0.9rem;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 34 32' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M17 27 C10 20 5 16 6 10 C7 5 13 4 17 10 C21 4 28 5 29 10 C30 16 24 21 17 27 Z' stroke='%23FF6F61' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    pointer-events: none;
  }

  .contact-panel p {
    max-width: 34rem;
    padding-top: 0.55rem;
    color: rgba(47, 47, 50, 0.88);
    line-height: 1.55;
  }

  .contact-panel .button {
    width: min(100%, 27rem);
  }

  .contact-info-card {
    display: grid;
    align-content: start;
    gap: 1.1rem;
    padding: clamp(1.35rem, 3vw, 2rem);
    border: 1px solid rgba(47, 47, 50, 0.12);
    border-radius: 2rem 2.2rem 2rem 2rem;
    color: var(--color-ink);
    background:
      linear-gradient(135deg, rgba(255, 253, 247, 0.98), rgba(255, 250, 241, 0.96)),
      var(--color-paper);
    background-size: auto;
    box-shadow: 7px 8px 0 var(--color-sandy-clay), 0 14px 24px rgba(47, 47, 50, 0.13);
    font-style: normal;
  }

  .contact-info-card__header {
    display: grid;
    grid-template-columns: 3.6rem minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
  }

  .contact-info-card__header > div,
  .contact-info-card__item > span:last-child {
    display: grid;
    gap: 0.14rem;
  }

  .contact-info-card__header strong {
    font-size: clamp(1.28rem, 2.2vw, 1.55rem);
    line-height: 1.08;
  }

  .contact-info-card__label {
    display: block;
    color: var(--color-ash-sage-dark);
    font-size: 0.72rem;
    font-weight: 850;
    line-height: 1.1;
    text-transform: none;
  }

  .contact-info-card__list {
    display: grid;
    gap: 0;
    padding-top: 0.8rem;
    border-top: 1px dashed rgba(111, 201, 191, 0.62);
  }

  .contact-info-card__item {
    display: grid;
    grid-template-columns: 3.05rem minmax(0, 1fr);
    gap: 0.8rem;
    align-items: center;
    min-height: 4rem;
    padding-block: 0.75rem;
    border-bottom: 1px solid rgba(47, 47, 50, 0.1);
    color: var(--color-ink);
    font-weight: 720;
    text-decoration: none;
  }

  .contact-info-card__item:last-child {
    border-bottom: 0;
  }

  .contact-info-card__icon {
    width: 2.62rem;
    height: 2.62rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: var(--color-charcoal);
    background: rgba(255, 253, 247, 0.78);
  }

  .contact-info-card__header .contact-info-card__icon {
    width: 3.35rem;
    height: 3.35rem;
    color: #557A35;
    background: rgba(111, 201, 191, 0.22);
    box-shadow: inset 0 0 0 2px rgba(85, 122, 53, 0.34);
  }

  .contact-info-card__item--phone .contact-info-card__icon {
    color: var(--color-ash-sage-dark);
    background: rgba(111, 201, 191, 0.24);
  }

  .contact-info-card__item--mail .contact-info-card__icon {
    color: var(--color-sandy-clay);
    background: rgba(255, 197, 188, 0.36);
  }

  .contact-info-card__item--instagram .contact-info-card__icon {
    color: #D95F8D;
    background: rgba(255, 176, 194, 0.38);
  }

  .contact-info-card__item--price .contact-info-card__icon {
    color: #E6A600;
    background: rgba(255, 224, 122, 0.46);
  }

  .contact-info-card__icon::before {
    content: "";
    width: 1.1rem;
    height: 1.1rem;
    display: block;
    background: currentColor;
    mask: var(--contact-icon) center / contain no-repeat;
    -webkit-mask: var(--contact-icon) center / contain no-repeat;
  }

  .contact-info-card__icon--info {
    --contact-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 3a11 11 0 1 0 0 22 11 11 0 0 0 0-22Zm-1.2 8.2h2.5V21h-2.5v-9.8Zm0-4.2h2.5v2.5h-2.5V7Z'/%3E%3C/svg%3E");
  }

  .contact-info-card__item--phone {
    --contact-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 4.5 12 8.6 9.7 12 c1.4 2.8 3.5 4.9 6.3 6.3L19.4 16l4.1 3.5c.4.3.5.9.2 1.4-1 1.7-2.5 2.7-4.5 2.7C11.8 23.6 4.4 16.2 4.4 8.8c0-2 1-3.5 2.7-4.5.5-.3 1-.2 1.4.2Z'/%3E%3C/svg%3E");
  }

  .contact-info-card__item--mail {
    --contact-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7h18c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V9c0-1.1.9-2 2-2Zm1.2 3 7.8 5.4L21.8 10H6.2Z'/%3E%3C/svg%3E");
  }

  .contact-info-card__item--instagram {
    --contact-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 3.8h10c2.9 0 5.2 2.3 5.2 5.2v10c0 2.9-2.3 5.2-5.2 5.2H9c-2.9 0-5.2-2.3-5.2-5.2V9C3.8 6.1 6.1 3.8 9 3.8Zm0 2.4C7.4 6.2 6.2 7.4 6.2 9v10c0 1.6 1.2 2.8 2.8 2.8h10c1.6 0 2.8-1.2 2.8-2.8V9c0-1.6-1.2-2.8-2.8-2.8H9Zm5 3.5a4.3 4.3 0 1 1 0 8.6 4.3 4.3 0 0 1 0-8.6Zm0 2.3a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm4.9-3.1a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2Z'/%3E%3C/svg%3E");
  }

  .contact-info-card__item--price {
    --contact-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 14.2 14.2 5H23v8.8L13.8 23 5 14.2Zm13.8-3.3a1.7 1.7 0 1 0 0-3.4 1.7 1.7 0 0 0 0 3.4Z'/%3E%3C/svg%3E");
  }

  .contact-info-card a {
    min-height: 44px;
    color: inherit;
    font-weight: 850;
    text-decoration: none;
  }

  .contact-info-card__item--mail .contact-info-card__label {
    color: var(--color-sandy-clay);
  }

  .contact-info-card__item--instagram .contact-info-card__label {
    color: #D95F8D;
  }

  .contact-info-card__item--price .contact-info-card__label {
    color: #E6A600;
  }

  .legal-section {
    position: relative;
    overflow: hidden;
    padding-block: var(--space-7) clamp(7rem, 10vw, 8.5rem);
    background: var(--color-porcelain);
  }

  .legal-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: var(--space-5);
  }

  .legal-card {
    display: grid;
    align-content: start;
    gap: var(--space-3);
    padding: var(--space-5);
    border: var(--border-strong);
    border-radius: var(--radius-lg);
    background: var(--color-paper);
    box-shadow: var(--shadow-clay);
  }

  .legal-card h2 {
    font-size: var(--text-lg);
  }

  .legal-card__summary {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.35rem;
    gap: var(--space-3);
    align-items: center;
    cursor: pointer;
    list-style: none;
  }

  .legal-card__summary::-webkit-details-marker {
    display: none;
  }

  .legal-card__summary h2 {
    margin: 0;
  }

  .legal-card__summary::after {
    content: "";
    width: 2.15rem;
    height: 2.15rem;
    justify-self: end;
    border: 2px solid var(--color-charcoal);
    border-radius: 50%;
    background:
      url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M9 12.5 16 19.5 23 12.5' stroke='%232F2F32' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
      center / 1.05rem 1.05rem no-repeat,
      rgba(255, 253, 247, 0.88);
    box-shadow: 3px 4px 0 var(--color-sandy-clay);
    transition: transform 160ms ease;
  }

  .legal-card--collapsible[open] .legal-card__summary::after {
    transform: rotate(180deg);
  }

  .legal-card__content {
    display: grid;
    gap: var(--space-3);
  }

  .legal-card--collapsible:not([open]) .legal-card__content {
    display: none;
  }

  .site-footer {
    position: relative;
    overflow: hidden;
    padding: clamp(4rem, 6vw, 5.5rem) clamp(1rem, 4vw, 3rem) var(--space-5);
    border-radius: 0 0 var(--radius-xl) var(--radius-xl);
    color: var(--color-paper);
    background:
      linear-gradient(
        to bottom,
        var(--color-charcoal) 0,
        rgba(47, 47, 50, 0.92) 0.85rem,
        rgba(47, 47, 50, 0.55) 2rem,
        rgba(47, 47, 50, 0) 3.5rem
      ),
      linear-gradient(rgba(255, 253, 247, 0.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 253, 247, 0.04) 1px, transparent 1px),
      var(--color-charcoal);
    background-size: 100% 100%, var(--paper-grid-size) var(--paper-grid-size), var(--paper-grid-size) var(--paper-grid-size), auto;
    background-repeat: no-repeat, repeat, repeat, no-repeat;
  }

  .site-footer__inner {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) minmax(17rem, auto);
    align-items: start;
    gap: clamp(2rem, 8vw, 6rem);
    width: min(100%, 1080px);
    margin-inline: auto;
  }

  .site-footer h2 {
    margin-block-end: var(--space-3);
    font-size: var(--text-base);
  }

  .site-footer nav,
  .footer-contact,
  .site-footer__brand {
    display: grid;
    align-content: start;
    gap: var(--space-2);
  }

  .site-footer a {
    min-height: 32px;
    color: rgba(255, 253, 247, 0.9);
    text-decoration: none;
  }

  .footer-logo {
    display: none;
  }

  .site-footer__brand p {
    max-width: 18rem;
    color: rgba(255, 253, 247, 0.86);
  }

  .site-footer__fineprint {
    width: min(100%, 1080px);
    margin: var(--space-4) auto 0;
    color: rgba(255, 253, 247, 0.72);
    font-size: var(--text-sm);
  }

  .site-footer nav {
    display: none;
  }

  .footer-contact {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 1rem;
    justify-content: flex-end;
  }

  .footer-contact h2 {
    width: 100%;
    margin: 0;
    text-align: right;
  }

  .footer-contact a {
    min-height: auto;
  }

  .cookie-banner {
    position: fixed;
    inset-inline: 1rem;
    bottom: 1rem;
    z-index: 100;
    display: grid;
    gap: 0.7rem;
    width: min(calc(100% - 2rem), 54rem);
    margin-inline: auto;
    padding: 1rem;
    border: 2px solid rgba(255, 179, 71, 0.45);
    border-radius: 1.25rem;
    color: var(--color-ink);
    background:
      linear-gradient(135deg, rgba(255, 253, 247, 0.98), rgba(255, 250, 241, 0.96)),
      var(--color-paper);
    box-shadow: 0 18px 45px rgba(38, 50, 56, 0.22);
  }

  .cookie-banner[hidden] {
    display: none;
  }

  .cookie-banner__title {
    font-size: 1.05rem;
    line-height: 1.12;
  }

  .cookie-banner__text {
    max-width: 46rem;
    color: rgba(47, 47, 50, 0.84);
    font-size: 0.96rem;
    line-height: 1.45;
  }

  .cookie-banner__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
  }

  .cookie-banner__button {
    min-height: 44px;
    padding: 0.72rem 1rem;
    border: 0;
    border-radius: var(--radius-pill);
    color: var(--color-paper);
    background: var(--color-sandy-clay);
    box-shadow: 4px 5px 0 rgba(47, 47, 50, 0.16);
    cursor: pointer;
    font: inherit;
    font-weight: 850;
  }

  .cookie-banner__link {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    color: var(--color-ink);
    font-weight: 850;
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.16em;
  }
}

@layer utilities {
  @media (max-width: 1100px) {
    .offer-track {
      grid-template-columns: repeat(2, minmax(16rem, 1fr));
    }

    .event-list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .site-footer__inner {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 920px) {
    :root {
      --sticky-nav-top: 0.45rem;
      --anchor-offset: 8rem;
    }

    .site-frame {
      width: min(100% - 1rem, 760px);
    }

    .site-header {
      width: min(100% - 1rem, 42rem);
      margin-block-end: -2.5rem;
    }

    .nav-shell {
      grid-template-columns: 1fr;
      gap: var(--space-2);
      min-height: auto;
      padding-block: var(--space-3);
      border: var(--border-hairline);
      border-radius: var(--radius-lg);
      background: rgba(255, 253, 247, 0.97);
      box-shadow: 0 14px 30px rgba(48, 48, 46, 0.1);
    }

    .nav-shape,
    .nav-logo {
      display: none;
    }

    .nav-side,
    .nav-side--right {
      justify-content: center;
      flex-wrap: wrap;
    }

    .hero {
      grid-template-columns: 1fr;
      min-height: 720px;
      padding-top: 8rem;
      padding-bottom: 11rem;
    }

    .paper-shape--one,
    .paper-shape--two {
      width: 10rem;
      height: 12rem;
    }

    .about-yvonne__grid,
    .alfons-section__grid,
    .contact-panel,
    .event-strip__inner {
      grid-template-columns: 1fr;
    }

    .about-yvonne__grid {
      max-width: 42rem;
    }

    .portrait-placeholder {
      min-height: 22rem;
      max-width: 24rem;
      width: 100%;
      justify-self: center;
    }
  }

  @media (max-width: 820px) {
    :root {
      --anchor-offset: 5.85rem;
    }

    .site-header {
      width: min(calc(100% - 1rem), 34rem);
    }

    .nav-shell {
      display: none;
    }

    .mobile-nav {
      display: block;
      overflow: hidden;
      border: var(--border-hairline);
      border-radius: 1.8rem;
      background: var(--color-paper);
      box-shadow: 0 16px 34px rgba(48, 48, 46, 0.14);
    }

    .mobile-nav[open] {
      box-shadow: 0 20px 48px rgba(48, 48, 46, 0.2);
    }

    .mobile-nav summary {
      min-height: 4.25rem;
      display: grid;
      grid-template-columns: auto 1fr auto;
      gap: var(--space-3);
      align-items: center;
      padding: 0.55rem 0.85rem;
      cursor: pointer;
      list-style: none;
    }

    .mobile-nav summary::-webkit-details-marker {
      display: none;
    }

    .mobile-nav__logo {
      width: 3rem;
      aspect-ratio: 1;
      display: grid;
      place-items: center;
      overflow: hidden;
      border: 2px solid var(--color-charcoal);
      border-radius: 50%;
      background: var(--color-paper);
      box-shadow: 0 5px 11px rgba(48, 48, 46, 0.12);
    }

    .mobile-nav__logo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .mobile-nav__label {
      color: var(--color-ink);
      font-weight: 900;
    }

    .mobile-nav__burger {
      --burger-line-width: 1.15rem;
      --burger-line-thickness: 2px;
      --burger-line-gap: 0.24rem;
      --burger-line-shift: calc(var(--burger-line-gap) + var(--burger-line-thickness));
      width: 3rem;
      min-height: 2.75rem;
      display: grid;
      place-content: center;
      gap: var(--burger-line-gap);
      border: 2px solid var(--color-charcoal);
      border-radius: var(--radius-pill);
      background: var(--color-paper);
    }

    .mobile-nav__burger span {
      display: block;
      width: var(--burger-line-width);
      height: var(--burger-line-thickness);
      border-radius: var(--radius-pill);
      background: var(--color-charcoal);
      transform-origin: 50% 50%;
      transition: transform 160ms ease, opacity 160ms ease;
    }

    .mobile-nav[open] .mobile-nav__burger span:nth-child(1) {
      transform: translateY(var(--burger-line-shift)) rotate(45deg);
    }

    .mobile-nav[open] .mobile-nav__burger span:nth-child(2) {
      opacity: 0;
    }

    .mobile-nav[open] .mobile-nav__burger span:nth-child(3) {
      transform: translateY(calc(var(--burger-line-shift) * -1)) rotate(-45deg);
    }

    .mobile-nav__panel {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.45rem;
      padding: 0.35rem 0.75rem 0.85rem;
      border-top: 1px solid rgba(74, 74, 74, 0.1);
    }

    .mobile-nav__panel a {
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0.65rem 0.75rem;
      border-radius: var(--radius-pill);
      color: var(--color-ink);
      background: rgba(111, 201, 191, 0.25);
      font-weight: 850;
      text-decoration: none;
    }

    .mobile-nav__panel a:last-child {
      color: var(--color-paper);
      background: var(--color-charcoal);
      box-shadow: 4px 5px 0 var(--color-sunlit-clay);
    }

    .hero {
      padding-top: 7.75rem;
    }
  }

  @media (max-width: 680px) {
    :root {
      --anchor-offset: 5.85rem;
      --mobile-page-gutter: 0.25rem;
      --mobile-hero-height: min(620px, calc(100svh - 1rem));
      --mobile-hero-wave-height: 5.5rem;
    }

    .site-frame {
      width: calc(100% - (var(--mobile-page-gutter) * 2));
      padding-block-start: var(--mobile-page-gutter);
      padding-block-end: var(--space-8);
    }

    .site-header {
      top: var(--mobile-page-gutter);
      width: calc(100% - (var(--mobile-page-gutter) * 4));
    }

    .mobile-nav {
      border-radius: 2.15rem;
      background:
        linear-gradient(135deg, rgba(255, 253, 247, 0.99), rgba(250, 248, 242, 0.95)),
        var(--color-paper);
      box-shadow: 0 18px 36px rgba(48, 48, 46, 0.13);
    }

    .mobile-nav summary {
      min-height: 5rem;
      gap: 0.95rem;
      padding: 0.64rem 1rem;
    }

    .mobile-nav__logo {
      width: 3.65rem;
      border-width: 2.2px;
      box-shadow: 0 7px 13px rgba(48, 48, 46, 0.15);
    }

    .mobile-nav__label {
      font-size: 1.45rem;
      font-weight: 900;
      letter-spacing: 0;
    }

    .mobile-nav__burger {
      --burger-line-width: 1.55rem;
      --burger-line-thickness: 2px;
      --burger-line-gap: 0.42rem;
      width: 3.75rem;
      min-height: 3.75rem;
      gap: var(--burger-line-gap);
      border-width: 2.2px;
      box-shadow: 0 2px 0 rgba(47, 47, 50, 0.08);
    }

    .mobile-nav__burger span {
      width: var(--burger-line-width);
      height: var(--burger-line-thickness);
    }

    .page-shell {
      width: min(100% - 1.25rem, 36rem);
    }

    .section-heading h2,
    .story-copy h2,
    .about-yvonne h2,
    .contact-cta h2 {
      font-size: clamp(1.75rem, 8vw, 2.35rem);
    }

    .section-heading p,
    .story-copy p,
    .contact-cta p {
      font-size: 1rem;
      line-height: 1.58;
    }

    .hero {
      min-height: var(--mobile-hero-height);
      padding: 6.55rem var(--space-4) 6.75rem;
      border-radius: var(--radius-lg);
    }

    .hero.section-wave--hero.paper-panel {
      border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    }

    .section-wave--hero::after {
      bottom: -0.2rem;
      height: var(--mobile-hero-wave-height);
      clip-path: path("M0 26 C120 2 240 50 360 26 C480 2 600 50 720 26 C840 2 960 50 1080 26 C1200 2 1320 50 1440 26 V62 C1320 86 1200 38 1080 62 C960 86 840 38 720 62 C600 86 480 38 360 62 C240 86 120 38 0 62 Z");
    }

    .hero::before {
      background:
        radial-gradient(
          ellipse 92% 54% at 50% 42%,
          rgba(255, 253, 247, 0.9) 0 34%,
          rgba(255, 253, 247, 0.68) 52%,
          rgba(255, 253, 247, 0.26) 74%,
          rgba(255, 253, 247, 0) 96%
        );
    }

    .hero__copy {
      align-self: start;
      gap: 0.82rem;
    }

    .hero-ornaments,
    .material-world {
      z-index: 4;
    }

    .hero-ornaments::before {
      content: "";
      display: block;
      position: absolute;
      left: 1.75rem;
      top: 23.55%;
      z-index: 4;
      width: 3.45rem;
      height: 1.35rem;
      background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 36" fill="none"><path d="M2 20 C18 28 25 8 38 18 C49 27 54 27 72 20 C82 16 88 18 94 22" stroke="%232F2F32" stroke-width="2.2" stroke-linecap="round" opacity="0.62"/></svg>') center / contain no-repeat;
      opacity: 0.64;
      transform: rotate(-5deg);
      pointer-events: none;
    }

    .material-world::before,
    .material-world::after {
      content: "";
      position: absolute;
      z-index: 4;
      pointer-events: none;
    }

    .material-world::before {
      left: 0.55rem;
      top: 36.5%;
      width: 2rem;
      height: 3.1rem;
      background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 68" fill="none"><path d="M22 62 C18 42 21 23 25 6" stroke="%235A9F55" stroke-width="2.5" stroke-linecap="round"/><path d="M23 26 C8 24 5 38 5 38 C18 41 24 31 23 26 Z" fill="%2395CD79" stroke="%235A9F55" stroke-width="1.4"/><path d="M27 16 C37 16 40 26 40 26 C30 29 25 22 27 16 Z" fill="%23B8DE8E" stroke="%235A9F55" stroke-width="1.4"/></svg>') center / contain no-repeat;
      opacity: 0.88;
      transform: rotate(8deg);
    }

    .material-world::after {
      left: 44%;
      bottom: 7.1%;
      width: 3.75rem;
      height: 1.55rem;
      background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 86 34" fill="none"><path d="M2 18 C18 7 29 10 43 21 C55 30 68 27 84 15" stroke="%232F2F32" stroke-width="2" stroke-linecap="round" opacity="0.62"/></svg>') center / contain no-repeat;
      transform: rotate(2deg);
    }

    .material-world::after {
      display: none;
    }

    .hero__copy .eyebrow {
      max-width: min(100%, 17.7rem);
      min-height: 1.95rem;
      padding: 0.3rem 0.78rem;
      border: 1.5px solid rgba(64, 175, 166, 0.96);
      box-shadow: 0 3px 10px rgba(47, 47, 50, 0.05);
      font-size: 0.78rem;
      font-weight: 760;
      line-height: 1.2;
    }

    .hero h1 {
      max-width: 21rem;
      font-family: Cambria, Georgia, "Times New Roman", serif;
      font-size: clamp(2.08rem, 9.05vw, 2.72rem);
      font-weight: 700;
      line-height: 1.16;
      letter-spacing: 0;
    }

    .hero-title__line {
      display: block;
    }

    .hero-title__line + .hero-title__line,
    .hero h1 strong {
      margin-top: 0.035em;
    }

    .hero-title__line:nth-child(2) {
      white-space: nowrap;
    }

    .hero h1 strong {
      position: relative;
      z-index: 2;
      display: inline-block;
      white-space: nowrap;
      font-weight: 850;
      text-shadow: 0.012em 0 0 currentColor;
    }

    .hero h1 strong::before {
      content: "";
      position: absolute;
      right: -0.43em;
      bottom: -0.25em;
      z-index: -1;
      width: 0.95em;
      height: 0.9em;
      background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76 72" fill="none"><g transform="rotate(-1 38 36)"><rect id="right-end-top" x="8" y="17" width="58" height="15" rx="7.5" fill="%23FFD1C7" opacity="0.9"/><rect id="rounded-end-gap" x="10" y="33" width="58" height="4" rx="2" fill="%23FFF8E7" opacity="0.32"/><rect id="right-end-bottom" x="1" y="36" width="72" height="16" rx="8" fill="%23FFB8A9" opacity="0.58"/><path d="M14 21 C30 19 49 20 63 24" stroke="%23FFE5DF" stroke-width="4.5" stroke-linecap="round" opacity="0.62"/><path d="M8 46 C28 43 51 46 69 48" stroke="%23FFAFA2" stroke-width="3.8" stroke-linecap="round" opacity="0.3"/></g></svg>') center / contain no-repeat;
      transform: rotate(-0.4deg);
    }

    .hero h1 strong::after {
      content: "";
      position: absolute;
      left: -0.33em;
      right: -0.33em;
      bottom: -0.24em;
      z-index: -2;
      height: 0.94em;
      background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 540 76" preserveAspectRatio="none"><defs><filter id="rough-a"><feTurbulence type="fractalNoise" baseFrequency="0.028 0.18" numOctaves="2" seed="18"/><feDisplacementMap in="SourceGraphic" scale="3.1"/></filter><filter id="rough-b"><feTurbulence type="fractalNoise" baseFrequency="0.046 0.2" numOctaves="2" seed="27"/><feDisplacementMap in="SourceGraphic" scale="2.3"/></filter></defs><g><path id="stroke-a" filter="url(%23rough-a)" d="M18 24 C67 10 132 19 198 15 C265 11 322 20 391 17 C455 14 504 18 518 27 C509 41 461 47 389 42 C326 38 276 50 211 45 C146 40 94 51 33 46 C10 43 4 35 18 24 Z" fill="%23FFD1C7" opacity="0.95"/><path id="stroke-b" filter="url(%23rough-b)" d="M12 42 C75 31 137 42 202 36 C269 30 327 45 394 38 C448 33 493 44 535 45 C514 62 450 66 380 57 C314 51 264 65 198 58 C134 50 76 62 20 53 C8 50 4 46 12 42 Z" fill="%23FFB8A9" opacity="0.5"/><path id="left-cap-top" d="M18 23 C4 28 2 38 17 43 C31 47 43 40 39 31 C36 23 27 20 18 23 Z" fill="%23FFD1C7" opacity="0.95"/><path id="left-cap-bottom" d="M9 43 C-1 49 6 58 22 58 C35 58 44 51 38 44 C31 38 18 38 9 43 Z" fill="%23FFB8A9" opacity="0.52"/><path id="right-cap" d="M499 37 C512 35 526 39 524 44 C520 50 503 50 489 45 C497 43 502 40 499 37 Z" fill="%23FFC7BC" opacity="0.16"/><path id="right-cap-top" d="M501 24 C525 22 539 28 534 36 C529 44 502 42 481 36 C493 33 505 30 501 24 Z" fill="%23FFD1C7" opacity="0.82"/><path id="right-cap-gap" d="M486 39 C500 37 517 39 529 43 C514 45 496 45 481 42 Z" fill="%23FFF8E7" opacity="0.78"/><path id="right-cap-bottom" d="M489 47 C516 45 542 51 534 61 C526 70 491 66 462 56 C474 53 484 51 489 47 Z" fill="%23FFB8A9" opacity="0.54"/><path d="M31 24 C96 20 145 13 207 20 C269 27 321 17 386 22 C447 27 493 18 520 28" fill="none" stroke="%23FFE3DD" stroke-width="11" stroke-linecap="round" opacity="0.55"/><path d="M15 51 C74 47 133 57 194 52 C263 47 319 59 388 51 C449 44 494 54 532 51" fill="none" stroke="%23FFAFA2" stroke-width="6" stroke-linecap="round" opacity="0.28"/></g></svg>') center / 100% 100% no-repeat;
      transform: rotate(-0.6deg);
    }

    .hero h1::after {
      content: "";
      display: block;
      width: min(14rem, 74%);
      height: 1.35rem;
      margin: 0.82rem auto 0;
      background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 28" fill="none"><defs><filter id="wobble"><feTurbulence type="fractalNoise" baseFrequency="0.07 0.55" numOctaves="1" seed="4"/><feDisplacementMap in="SourceGraphic" scale="1.25"/></filter></defs><g filter="url(%23wobble)" stroke="%236FC9BF" stroke-linecap="round"><path d="M4 14 C34 13 59 15 89 14" stroke-width="2.1"/><path d="M151 14 C181 13 208 15 236 14" stroke-width="2.1"/><path d="M120 20 C112 14 109 8 114 6 C118 4 120 8 120 8 C120 8 122 4 126 6 C131 9 128 15 120 20 Z" stroke-width="2" stroke-linejoin="round"/></g></svg>') center / contain no-repeat;
    }

    .lead {
      max-width: 18.1rem;
      margin-block-start: 0;
      padding: 0.78rem 0.92rem;
      border: 0.75px solid rgba(64, 175, 166, 0.42);
      border-radius: 1.15rem;
      color: var(--color-ink);
      background: rgba(255, 250, 235, 0.74);
      box-shadow: 0 8px 16px rgba(47, 47, 50, 0.045);
      font-size: clamp(0.9rem, 3.8vw, 0.98rem);
      font-weight: 500;
      line-height: 1.46;
    }

    .lead-break {
      display: block;
    }

    .hero-actions,
    .event-strip .button,
    .contact-panel .button {
      width: 100%;
    }

    .hero-actions {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0.72rem;
      max-width: 20.5rem;
      margin-inline: auto;
    }

    .hero-actions .button,
    .hero-actions .button-link {
      width: 100%;
      min-width: 0;
    }

    .hero-actions .button {
      min-height: 48px;
      padding-block: 0.76rem;
    }

    .button-link {
      width: fit-content;
      margin-inline: auto;
    }

    .hero-actions .button-link {
      min-height: 44px;
      padding: 0.64rem 1rem;
      border: 2px solid var(--color-charcoal);
      border-radius: var(--radius-pill);
      border-bottom: 2px solid var(--color-charcoal);
      background: rgba(255, 253, 247, 0.82);
      box-shadow: 5px 6px 0 rgba(47, 47, 50, 0.12);
    }

    .hero-icon,
    .pusteblume-seed,
    .craft-scissors {
      opacity: 0.86;
      scale: 0.74;
    }

    .hero-icon {
      z-index: 4;
      filter: saturate(1.9) contrast(1.08) drop-shadow(3px 4px 0 rgba(47, 47, 50, 0.16));
    }

    .hero-icon--pencil {
      --icon-size: 4.45rem;
      left: 0.15rem;
      top: 16.6%;
      opacity: 0.98;
    }

    .hero-icon--ruler {
      display: none;
    }

    .hero-icon--palette {
      --icon-size: 4.5rem;
      right: -1.5rem;
      top: 25.8%;
      opacity: 0.98;
    }

    .hero-icon--paintbrush {
      --icon-size: 4.3rem;
      right: -1.15rem;
      top: 41%;
      opacity: 0.96;
    }

    .hero-icon--scissors {
      --icon-size: 4.2rem;
      right: auto;
      left: -0.05rem;
      bottom: 7.3%;
      opacity: 1;
    }

    .hero-icon--glue {
      --icon-size: 4rem;
      left: auto;
      right: 0.75rem;
      bottom: 7.4%;
      opacity: 0.98;
    }

    .pusteblume-seed {
      z-index: 4;
      opacity: 0.52;
      scale: 0.66;
    }

    .pusteblume-seed--one {
      left: -0.7rem;
      top: 19%;
    }

    .pusteblume-seed--one,
    .material-world::before {
      display: none;
    }

    .craft-scissors {
      display: none;
    }

    .pusteblume-seed--two,
    .pusteblume-seed--three {
      display: none;
    }

    .pusteblume-seed--four {
      right: 2.45rem;
      bottom: 20%;
    }

    .pusteblume-seed--five {
      left: 2rem;
      bottom: 20%;
    }

    .pusteblume-seed--four,
    .pusteblume-seed--five {
      display: none;
    }

    .paint-dot {
      z-index: 4;
      opacity: 0.9;
      filter: saturate(1.65);
    }

    .dot-one {
      right: 1.45rem;
      top: 17%;
      width: 0.42rem;
      height: 0.42rem;
      background: var(--color-ash-sage-dark);
      box-shadow:
        1rem -0.35rem 0 rgba(111, 201, 191, 0.72),
        0.72rem 0.8rem 0 rgba(255, 197, 188, 0.75);
    }

    .dot-two {
      left: 1.65rem;
      top: 75.7%;
      width: 0.48rem;
      height: 0.48rem;
      background: var(--color-sunlit-clay);
      box-shadow: 4.05rem 4.05rem 0 rgba(111, 201, 191, 0.82);
    }

    .dot-three {
      right: 1rem;
      bottom: 14%;
      width: 0.35rem;
      height: 0.35rem;
      background: var(--color-sandy-clay);
      box-shadow:
        0.45rem -0.7rem 0 rgba(255, 197, 188, 0.72),
        0.92rem 0.55rem 0 rgba(255, 111, 97, 0.58);
    }

    .hero-balloon {
      scale: 0.58;
      opacity: 0.82;
      z-index: 4;
    }

    .hero-balloon--coral {
      --balloon-size: 2.55rem;
      --string-height: 0rem;
      --string-width: 0rem;
      left: auto;
      right: 1.7rem;
      top: 20.2%;
      opacity: 0.86;
      scale: 0.72;
    }

    .hero-balloon--coral img {
      content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 64"><path d="M36 56 C26 47 9 35 9 20 C9 11 15 6 23 6 C29 6 33 9 36 14 C39 9 43 6 49 6 C57 6 63 11 63 20 C63 35 46 47 36 56 Z" fill="%23FF8E82" stroke="%232F2F32" stroke-width="4" stroke-linejoin="round"/><path d="M18 19 C21 13 27 12 31 16" fill="none" stroke="%23FFFCF4" stroke-width="3" stroke-linecap="round" opacity="0.54"/></svg>');
      filter: none;
    }

    .hero-balloon--sun {
      --balloon-size: 3.6rem;
      --balloon-opacity: 0.86;
      --string-height: 3.35rem;
      --string-width: 2.3rem;
      display: block;
      right: 5.35rem;
      top: 82.4%;
      z-index: 4;
      opacity: 0.96;
      scale: 0.78;
    }

    .hero-balloon--sun img {
      filter: none;
    }

    .hero-balloon--sage img {
      content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 64"><path d="M36 56 C26 47 9 35 9 20 C9 11 15 6 23 6 C29 6 33 9 36 14 C39 9 43 6 49 6 C57 6 63 11 63 20 C63 35 46 47 36 56 Z" fill="%236FC9BF" stroke="%232F2F32" stroke-width="4" stroke-linejoin="round"/><path d="M18 19 C21 13 27 12 31 16" fill="none" stroke="%23FFFCF4" stroke-width="3" stroke-linecap="round" opacity="0.58"/></svg>');
      filter: none;
    }

    .hero-balloon--sage {
      --balloon-size: 2.1rem;
      --balloon-opacity: 0.9;
      --string-height: 0rem;
      --string-width: 0rem;
      right: auto;
      left: 6.35rem;
      top: 83.2%;
      z-index: 4;
      opacity: var(--balloon-opacity);
      scale: 0.72;
      transform: rotate(-12deg);
    }

    .hero-balloon--blush {
      left: 0.35rem;
      top: 31.5%;
      opacity: 0.86;
      scale: 0.62;
    }

    .about-yvonne {
      padding: 1.15rem 0 5.2rem;
    }

    .about-yvonne__grid {
      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
      gap: 0.75rem 0.7rem;
      align-items: center;
      width: min(100% - 1.65rem, 22.2rem);
    }

    .about-yvonne__copy {
      display: contents;
    }

    .portrait-placeholder {
      grid-column: 1 / 2;
      justify-self: center;
      width: min(40.5vw, 10.15rem);
      min-height: 0;
      height: 12.35rem;
      border-radius: 7.2rem 7.2rem 1.1rem 1.1rem;
      box-shadow: 6px 7px 0 var(--color-sunlit-clay);
      transform: translateX(1.75rem);
    }

    .portrait-placeholder img {
      min-height: 0;
      height: 100%;
    }

    .about-yvonne .eyebrow--light {
      grid-column: 2 / 3;
      justify-self: end;
      align-self: center;
      position: relative;
      gap: 0.55rem;
      min-height: 2.55rem;
      padding: 0.55rem 0.78rem;
      border: 1.5px solid rgba(255, 111, 97, 0.72);
      color: var(--color-sandy-clay);
      background: rgba(255, 252, 244, 0.78);
      font-size: clamp(0.92rem, 4.45vw, 1.08rem);
      font-weight: 850;
      white-space: nowrap;
    }

    .about-yvonne .eyebrow--light::before {
      content: "♥";
      width: 1.35rem;
      height: 1.35rem;
      display: inline-grid;
      place-items: center;
      color: var(--color-sandy-clay);
      font-size: 1rem;
      line-height: 1;
    }

    .about-yvonne .eyebrow--light::after {
      content: "";
      position: absolute;
      right: -0.35rem;
      top: -1.92rem;
      z-index: 1;
      width: 2.15rem;
      height: 2.05rem;
      background: url("data:image/svg+xml,%3Csvg width='42' height='38' viewBox='0 0 42 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2340AFA6' stroke-width='4.8' stroke-linecap='round'%3E%3Cpath d='M6 24 10 12'/%3E%3Cpath d='M19 28 24 5'/%3E%3Cpath d='M31 31 39 20'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
      opacity: 0.95;
      pointer-events: none;
      transform: rotate(3deg);
    }

    .about-card {
      position: relative;
      grid-column: 1 / -1;
      justify-self: center;
      display: grid;
      gap: 0.92rem;
      width: min(100%, 20.65rem);
      margin-top: 0.35rem;
      padding: 1.4rem 1.35rem 1.7rem;
      border: 2px solid var(--color-charcoal);
      border-radius: 2rem 2rem 1.65rem 1.65rem;
      color: var(--color-ink);
      background:
        url("data:image/svg+xml,%3Csvg width='142' height='238' viewBox='0 0 142 238' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M137 4c-22 9-29 29-31 51-2 29-17 41-43 53-24 11-45 29-49 58-4 31 11 58 42 67 32 9 67-2 78-31 13-33-4-55-1-86 4-36 24-63 4-112Z' fill='%23CFEDE4' fill-opacity='.72'/%3E%3C/svg%3E") right -5.35rem top 43% / 7.8rem 13.3rem no-repeat,
        url("data:image/svg+xml,%3Csvg width='82' height='74' viewBox='0 0 82 74' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2340AFA6' fill-opacity='.82'%3E%3Ccircle cx='10' cy='54' r='3'/%3E%3Ccircle cx='25' cy='66' r='3'/%3E%3Ccircle cx='36' cy='49' r='2.8'/%3E%3Ccircle cx='51' cy='60' r='2.6'/%3E%3Ccircle cx='66' cy='51' r='3'/%3E%3Ccircle cx='22' cy='35' r='2.5'/%3E%3Ccircle cx='44' cy='31' r='2.7'/%3E%3Ccircle cx='60' cy='20' r='3'/%3E%3Ccircle cx='74' cy='34' r='2.4'/%3E%3Ccircle cx='32' cy='16' r='2.8'/%3E%3Ccircle cx='12' cy='22' r='2.4'/%3E%3C/g%3E%3C/svg%3E") right 0.45rem bottom 0.95rem / 3.8rem 3.45rem no-repeat,
        linear-gradient(135deg, rgba(255, 253, 247, 0.98), rgba(255, 249, 238, 0.98));
      box-shadow: 8px 9px 0 var(--color-sandy-clay);
    }

    .about-card::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -0.62rem;
      width: 1.25rem;
      height: 1.25rem;
      border-right: 2px solid var(--color-charcoal);
      border-bottom: 2px solid var(--color-charcoal);
      background: rgba(255, 250, 238, 0.98);
      box-shadow: 5px 5px 0 var(--color-sandy-clay);
      transform: translateX(-50%) rotate(45deg);
    }

    .about-card h2 {
      font-size: clamp(1.86rem, 8.4vw, 2.36rem);
      line-height: 1.08;
      max-width: 12ch;
      margin: 0;
    }

    .about-note {
      gap: 1rem;
      max-width: none;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      overflow: visible;
    }

    .about-note::before {
      display: none;
    }

    .about-note p {
      margin: 0;
      font-size: clamp(0.98rem, 4.45vw, 1.1rem);
      line-height: 1.52;
    }

    .about-note .mobile-keep {
      white-space: nowrap;
    }

    .about-note p + p::before {
      content: "";
      display: block;
      width: 4.35rem;
      height: 2px;
      margin: 0 0 1rem;
      border-radius: var(--radius-pill);
      background: var(--color-sandy-clay);
    }

    .about-note__closer {
      display: block;
      margin-top: 1rem;
    }

    .about-note__closer::before {
      content: "";
      display: block;
      width: 4.35rem;
      height: 2px;
      margin: 0 0 1rem;
      border-radius: var(--radius-pill);
      background: var(--color-sandy-clay);
    }

    .about-yvonne .button-light {
      grid-column: 1 / -1;
      justify-self: center;
      width: min(100%, 18.1rem);
      min-height: 3.75rem;
      margin-top: 0.5rem;
      gap: 1rem;
      border: 2px solid var(--color-charcoal);
      border-radius: var(--radius-pill);
      background: rgba(255, 253, 247, 0.9);
      box-shadow: 6px 7px 0 var(--color-sandy-clay);
      font-size: 1.08rem;
      font-weight: 850;
    }

    .about-yvonne .button-light::before {
      content: "♥";
      color: var(--color-sandy-clay);
      font-size: 1.3rem;
      line-height: 1;
    }

    .blob-sun,
    .blob-clay,
    .paper-shape--one,
    .paper-shape--two {
      display: none;
    }

    .offers-section {
      padding: 3.75rem 0 4.65rem;
      overflow: visible;
      border-radius: 0;
      background: var(--color-ash-sage);
    }

    .offers-section.section-wave--sage::before {
      display: block;
      left: 0;
      right: 0;
      top: -0.25rem;
      height: 5.6rem;
      background: var(--color-ash-sage);
      clip-path: path("M0 38 C120 4 240 72 360 38 C480 4 600 72 720 38 C840 4 960 72 1080 38 C1200 4 1320 72 1440 38 V0 H0 Z");
    }

    .offers-section.section-wave--sage::after {
      left: 0;
      right: 0;
      bottom: -2.35rem;
      height: 7.85rem;
      clip-path: path("M0 38 C120 4 240 72 360 38 C480 4 600 72 720 38 C840 4 960 72 1080 38 C1200 4 1320 72 1440 38 V150 H0 Z");
      background-position: 0 2.35rem, 0 2.35rem, 0 0;
    }

    .offers-section .page-shell {
      width: 100%;
      max-width: none;
    }

    .offers-section .section-heading {
      width: min(100% - 3.1rem, 19.4rem);
      gap: 0.68rem;
      margin-inline: auto;
      position: relative;
      z-index: 3;
    }

    .offers-section .section-heading::before,
    .offers-section .section-heading::after {
      content: "";
      position: absolute;
      pointer-events: none;
      filter: drop-shadow(2px 3px 0 rgba(47, 47, 50, 0.16));
    }

    .offers-section .section-heading::before {
      left: -2.05rem;
      top: -1.95rem;
      width: 4.25rem;
      height: 7.15rem;
      background:
        url("data:image/svg+xml,%3Csvg width='92' height='166' viewBox='0 0 92 166' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.96'%3E%3Ccircle cx='25' cy='18' r='4.2' fill='%23FF6F61'/%3E%3Ccircle cx='48' cy='12' r='3.6' fill='%23FFC5BC'/%3E%3Ccircle cx='59' cy='31' r='3.4' fill='%23FF8176'/%3E%3Ccircle cx='33' cy='43' r='3.8' fill='%23FFC83D'/%3E%3Ccircle cx='57' cy='57' r='3.2' fill='%23FFB8AD'/%3E%3Ccircle cx='19' cy='64' r='3' fill='%23FF6F61'/%3E%3C/g%3E%3Cg transform='translate(24 109) scale(2)'%3E%3Cpath d='M11.0748 3.25583C11.4141 2.42845 12.5859 2.42845 12.9252 3.25583L14.6493 7.45955C14.793 7.80979 15.1221 8.04889 15.4995 8.07727L20.0303 8.41798C20.922 8.48504 21.2841 9.59942 20.6021 10.1778L17.1369 13.1166C16.8482 13.3614 16.7225 13.7483 16.8122 14.1161L17.8882 18.5304C18.1 19.3992 17.152 20.0879 16.3912 19.618L12.5255 17.2305C12.2034 17.0316 11.7966 17.0316 11.4745 17.2305L7.60881 19.618C6.84796 20.0879 5.90001 19.3992 6.1118 18.5304L7.18785 14.1161C7.2775 13.7483 7.1518 13.3614 6.86309 13.1166L3.3979 10.1778C2.71588 9.59942 3.07796 8.48504 3.96971 8.41798L8.50046 8.07727C8.87794 8.04889 9.20704 7.80979 9.35068 7.45955L11.0748 3.25583Z' fill='%23FFC83D' stroke='%23FFFCF4' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
      transform: rotate(-4deg);
    }

    .offers-section .section-heading::after {
      right: -1.35rem;
      top: 6.35rem;
      width: 1.85rem;
      height: 1.85rem;
      background:
        url("data:image/svg+xml,%3Csvg width='58' height='54' viewBox='0 0 58 54' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29 47C19 38 7 30 7 18 7 10 12 6 19 6c5 0 8 3 10 7 2-4 5-7 10-7 7 0 12 4 12 12 0 12-12 20-22 29Z' fill='%23FF7F8D' stroke='%23FFFCF4' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M17 17c3-4 8-5 12-1' fill='none' stroke='%23FFFCF4' stroke-width='3' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .offers-section .eyebrow {
      min-height: 2.55rem;
      padding: 0.55rem 0.78rem;
      border: 1.5px solid rgba(255, 111, 97, 0.9);
      color: var(--color-charcoal);
      background: rgba(255, 252, 244, 0.78);
      box-shadow: 0 5px 14px rgba(47, 47, 50, 0.07);
      font-size: clamp(0.92rem, 4.45vw, 1.08rem);
      font-weight: 850;
      white-space: nowrap;
    }

    .offers-section .section-heading h2 {
      max-width: 12.8ch;
      margin-inline: auto;
      font-size: clamp(1.85rem, 8.6vw, 2.3rem);
      line-height: 1.08;
      letter-spacing: 0;
    }

    .offers-section .section-heading__paint {
      position: relative;
      z-index: 1;
      display: inline-block;
      white-space: nowrap;
    }

    .offers-section .section-heading__paint::after {
      content: "";
      position: absolute;
      left: -0.34em;
      right: -0.36em;
      bottom: -0.2em;
      z-index: -1;
      height: 0.78em;
      background:
        url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 92" preserveAspectRatio="none"><defs><filter id="rough-a"><feTurbulence type="fractalNoise" baseFrequency="0.035 0.18" numOctaves="2" seed="31"/><feDisplacementMap in="SourceGraphic" scale="4.2"/></filter><filter id="rough-b"><feTurbulence type="fractalNoise" baseFrequency="0.05 0.22" numOctaves="2" seed="43"/><feDisplacementMap in="SourceGraphic" scale="3"/></filter></defs><g><path filter="url(%23rough-a)" d="M15 26 C72 12 137 22 204 17 C278 11 334 22 405 18 C475 14 529 18 548 29 C535 44 475 50 397 43 C327 37 280 53 207 47 C138 41 78 55 23 47 C4 44 0 34 15 26 Z" fill="%23FFD1C7" opacity=".98"/><path filter="url(%23rough-b)" d="M8 48 C74 36 139 50 210 43 C282 36 337 54 409 46 C470 40 516 52 555 54 C530 73 465 76 391 65 C318 56 274 73 202 64 C133 55 77 73 18 61 C4 58 -3 51 8 48 Z" fill="%23FFB8A9" opacity=".72"/><path d="M30 26 C101 20 151 13 219 22 C285 30 345 17 415 24 C478 30 520 20 545 31" fill="none" stroke="%23FFE5DF" stroke-width="12" stroke-linecap="round" opacity=".55"/><path d="M18 59 C83 53 145 66 211 59 C287 51 343 68 416 58 C479 50 519 62 553 58" fill="none" stroke="%23FFAFA2" stroke-width="7" stroke-linecap="round" opacity=".3"/></g></svg>') center top / 100% 100% no-repeat;
      transform: rotate(-0.5deg);
    }

    .offers-section .section-heading p {
      max-width: 19rem;
      margin-inline: auto;
      color: rgba(47, 47, 50, 0.9);
      font-size: clamp(0.98rem, 4.15vw, 1.08rem);
      line-height: 1.5;
      font-weight: 500;
    }

    .offers-section .section-doodles {
      display: block;
      z-index: 2;
      pointer-events: none;
    }

    .offers-section .section-art,
    .offers-section .section-balloon,
    .offers-section .pusteblume-seed,
    .offers-section .section-loop {
      display: none;
    }

    .offers-section .section-art--offers-scissors {
      display: block;
      --art-size: 4.9rem;
      --art-rotate: -23deg;
      --art-opacity: 0.96;
      right: -0.72rem;
      top: 1.9rem;
      filter: saturate(1.25) drop-shadow(2px 3px 0 rgba(47, 47, 50, 0.16));
    }

    .offer-track,
    .legal-grid,
    .site-footer__inner {
      grid-template-columns: 1fr;
    }

    .site-footer {
      padding: 3.45rem 1.15rem 1.25rem;
    }

    .site-footer__inner {
      gap: 1.2rem;
    }

    .site-footer nav {
      display: none;
    }

    .site-footer__brand {
      display: block;
    }

    .footer-logo {
      display: none;
    }

    .site-footer__brand p {
      max-width: none;
      margin: 0;
      font-size: 0.94rem;
      line-height: 1.45;
    }

    .footer-contact {
      display: flex;
      flex-wrap: wrap;
      gap: 0.45rem 0.85rem;
      align-items: center;
      padding-top: 0.95rem;
      border-top: 1px dashed rgba(255, 253, 247, 0.18);
    }

    .footer-contact h2 {
      width: 100%;
      margin: 0;
      font-size: 0.96rem;
    }

    .footer-contact a {
      min-height: auto;
      font-size: 0.9rem;
      line-height: 1.35;
    }

    .site-footer__fineprint {
      margin-top: 1.15rem;
      font-size: 0.8rem;
      line-height: 1.4;
    }

    .offer-track {
      display: flex;
      grid-template-columns: none;
      gap: 1rem;
      margin-top: 1.55rem;
      padding: 0 max(0.95rem, calc((100vw - 17.25rem) / 2)) 0.65rem;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-snap-type: x mandatory;
      scroll-padding-inline: max(0.95rem, calc((100vw - 17.25rem) / 2));
      scrollbar-width: none;
    }

    .offer-track::-webkit-scrollbar {
      display: none;
    }

    .offer-card {
      flex: 0 0 min(72vw, 17.25rem);
      grid-template-rows: 12.2rem auto;
      min-height: 29rem;
      border-width: 2px;
      border-radius: 2rem;
      box-shadow: 7px 9px 0 var(--color-charcoal);
      scroll-snap-align: center;
    }

    .offer-card:nth-child(1) {
      order: 2;
    }

    .offer-card:nth-child(2) {
      order: 1;
    }

    .offer-card:nth-child(3) {
      order: 3;
    }

    .offer-card:nth-child(4) {
      order: 4;
    }

    .offer-card:nth-child(2),
    .offer-card:nth-child(3),
    .offer-card:nth-child(4) {
      box-shadow: 7px 9px 0 var(--color-charcoal);
    }

    .offer-card__media {
      z-index: 2;
      min-height: 12.2rem;
      margin: 0.95rem 0.95rem 0;
      border: 0;
      border-radius: 1.05rem;
      overflow: visible;
    }

    .offer-card__media img {
      border-radius: inherit;
    }

    .offer-card__media::after {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      bottom: -1.9rem;
      z-index: 5;
      width: 2.85rem;
      height: 2.85rem;
      border: 4px solid rgba(255, 253, 247, 0.92);
      border-radius: 50%;
      background:
        var(--offer-accent, var(--color-ash-sage))
        var(--offer-badge-icon, url("../img/hero-icons/scissors.svg"))
        center / 1.75rem 1.75rem no-repeat;
      box-shadow: 0 5px 13px rgba(47, 47, 50, 0.14);
      transform: translateX(-50%);
    }

    .offer-card__media--image::after {
      display: block;
    }

    .offer-card:nth-child(1) {
      --offer-accent: var(--color-sunlit-clay);
      --offer-badge-icon: url("../img/hero-icons/scissors.svg");
    }

    .offer-card:nth-child(2) {
      --offer-accent: var(--color-sandy-clay);
      --offer-badge-icon: url("../img/hero-icons/party-hat-birthday.svg");
    }

    .offer-card:nth-child(3) {
      --offer-accent: var(--color-ash-sage);
      --offer-badge-icon: url("../img/hero-icons/paintbrush.svg");
    }

    .offer-card:nth-child(4) {
      --offer-accent: #ff8e82;
      --offer-badge-icon: url("../img/hero-icons/paint-palette.svg");
    }

    .offer-card__body {
      position: relative;
      z-index: 1;
      gap: 0.85rem;
      padding: 3.7rem 1.2rem 1.25rem;
      text-align: center;
    }

    .offer-card h3 {
      font-size: clamp(1.36rem, 6.5vw, 1.72rem);
      line-height: 1.08;
    }

    .offer-card p {
      max-width: 16rem;
      margin-inline: auto;
      font-size: 0.89rem;
      line-height: 1.55;
    }

    .offer-card__button {
      width: 100%;
      min-height: 3.2rem;
      border-radius: var(--radius-pill);
      box-shadow: 5px 6px 0 rgba(47, 47, 50, 0.16);
      font-size: 0.95rem;
    }

    .offer-mobile-controls {
      display: flex;
      justify-content: center;
      gap: 1.15rem;
      margin: 0.95rem 0 0;
    }

    .offer-mobile-control {
      width: 3.05rem;
      min-height: 3.05rem;
      display: inline-grid;
      place-items: center;
      padding: 0;
      border: 2px solid var(--color-charcoal);
      border-radius: 50%;
      color: var(--color-charcoal);
      background: rgba(255, 253, 247, 0.92);
      box-shadow: 4px 5px 0 rgba(47, 47, 50, 0.2);
      cursor: pointer;
      transition: transform 160ms ease, box-shadow 160ms ease;
    }

    .offer-mobile-control span {
      display: block;
      margin-top: -0.12rem;
      font-size: 2rem;
      font-weight: 900;
      line-height: 1;
    }

    .offer-mobile-control:active {
      transform: translate(2px, 2px);
      box-shadow: 2px 3px 0 rgba(47, 47, 50, 0.2);
    }

    .event-strip {
      padding-block: 3.35rem 6.5rem;
    }

    .event-strip::before {
      content: "";
      position: absolute;
      left: auto;
      right: -7.6rem;
      top: 0.25rem;
      bottom: auto;
      z-index: 1;
      display: block;
      width: 11.35rem;
      height: auto;
      aspect-ratio: 1;
      border-radius: 50%;
      clip-path: none;
      background:
        linear-gradient(rgba(255, 253, 247, 0.32) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 253, 247, 0.32) 1px, transparent 1px),
        rgba(255, 197, 188, 0.82);
      background-size: 20px 20px, 20px 20px, auto;
      pointer-events: none;
    }

    .event-strip__inner {
      gap: 1.35rem;
    }

    .event-header {
      max-width: none;
      isolation: isolate;
    }

    .event-header::before {
      display: none;
    }

    .event-header::after {
      display: none;
    }

    .event-header > * {
      position: relative;
      z-index: 1;
    }

    .event-label {
      min-width: min(100%, 11.7rem);
      padding: 0.5rem 0.8rem;
      box-shadow: 4px 5px 0 var(--color-charcoal);
      font-size: 1.08rem;
    }

    .event-header__heart {
      top: -0.6rem;
      left: min(63vw, 12.8rem);
      width: 3rem;
      height: 3.8rem;
      transform: rotate(-6deg);
    }

    .event-strip h2 {
      max-width: 8.5ch;
      margin-block: 1rem 0.55rem;
      font-size: clamp(2.32rem, 11.5vw, 3.1rem);
      line-height: 0.94;
    }

    .event-header p {
      max-width: 19.8rem;
      color: var(--color-ink);
      font-size: 0.95rem;
      line-height: 1.48;
    }

    .event-list {
      grid-template-columns: 1fr;
      gap: 0.92rem;
    }

    .event-card,
    .event-more-card {
      min-height: auto;
    }

    .event-card {
      grid-template-columns: 3.8rem minmax(0, 1fr) auto;
      gap: 0.55rem 0.78rem;
      padding: 0.92rem 0.88rem 0.82rem;
      border-radius: 1.25rem;
      box-shadow: 5px 6px 0 var(--color-charcoal);
    }

    .event-card__icon {
      width: 3.6rem;
    }

    .event-card__month {
      padding: 0.3rem 0.64rem;
      font-size: 0.82rem;
      line-height: 1;
    }

    .event-card h3 {
      font-size: clamp(1.22rem, 5.4vw, 1.44rem);
    }

    .event-card p {
      max-width: none;
      font-size: clamp(0.84rem, 3.65vw, 0.94rem);
      line-height: 1.36;
    }

    .event-card__chips {
      gap: 0.28rem;
      padding-right: 3.05rem;
      padding-top: 0.22rem;
    }

    .event-card__chips li {
      min-height: 1.45rem;
      padding: 0.24rem 0.5rem;
      font-size: clamp(0.56rem, 2.4vw, 0.65rem);
    }

    .event-card__link {
      width: 2.55rem;
    }

    .event-more-card {
      grid-template-columns: minmax(0, 1fr) 8rem;
      gap: 0.48rem 0.75rem;
      padding: 1rem;
      border-radius: 1.25rem;
      box-shadow: 5px 6px 0 var(--color-charcoal);
    }

    .event-more-card > div {
      display: contents;
    }

    .event-more-card h3 {
      grid-column: 1 / -1;
      max-width: none;
      white-space: nowrap;
      font-size: clamp(1.1rem, 4.95vw, 1.32rem);
    }

    .event-more-card p {
      grid-column: 1;
      max-width: 12.5rem;
      margin-block: 0.1rem 0.4rem;
      font-size: clamp(0.82rem, 3.45vw, 0.9rem);
      line-height: 1.32;
    }

    .event-more-card .button {
      grid-column: 1;
      width: min(100%, 10.5rem);
      min-height: 2.35rem;
      padding: 0.46rem 0.8rem;
      font-size: 0.78rem;
    }

    .event-more-card__paper {
      grid-column: 2;
      grid-row: 2 / span 2;
      align-self: center;
      min-height: 8.2rem;
    }

    .alfons-section {
      padding: 2.15rem 0 5.15rem;
      overflow: visible;
      background-position: 0 0, 0 0, 0 0;
    }

    .alfons-section__grid {
      display: none;
    }

    .alfons-mobile {
      position: relative;
      z-index: 2;
      display: grid;
      gap: 1.9rem;
      width: min(100% - 1.25rem, 22.5rem);
    }

    .alfons-mobile__intro {
      position: relative;
      display: grid;
      gap: 0.82rem;
    }

    .alfons-mobile__intro::after {
      content: "";
      position: absolute;
      right: -5.65rem;
      top: 7.85rem;
      width: 8.6rem;
      height: 8.6rem;
      border-radius: 50%;
      background: rgba(255, 197, 188, 0.78);
      pointer-events: none;
    }

    .alfons-mobile .eyebrow {
      width: fit-content;
      min-height: 2.25rem;
      padding: 0.5rem 0.8rem;
      border: 1.4px solid rgba(111, 201, 191, 0.42);
      border-radius: var(--radius-pill);
      color: var(--color-charcoal);
      background: rgba(255, 253, 247, 0.82);
      box-shadow: 0 5px 14px rgba(47, 47, 50, 0.06);
      font-size: 0.78rem;
      line-height: 1.2;
      font-weight: 760;
      white-space: nowrap;
    }

    .alfons-mobile h2 {
      max-width: 10.5ch;
      margin: 0;
      color: var(--color-charcoal);
      font-size: clamp(2.08rem, 9.05vw, 2.72rem);
      line-height: 1.16;
      letter-spacing: 0;
    }

    .alfons-mobile__showcase {
      position: relative;
      display: grid;
      margin-top: -0.15rem;
      padding-bottom: 0;
    }

    .alfons-mobile__image {
      overflow: hidden;
      margin: 0;
      border: 2px solid var(--color-charcoal);
      border-radius: 2.45rem;
      background: var(--color-paper);
      box-shadow: 8px 10px 0 var(--color-charcoal);
    }

    .alfons-mobile__image img {
      width: 100%;
      aspect-ratio: 0.98 / 1;
      object-fit: cover;
      object-position: 58% 48%;
    }

    .alfons-mobile__summary,
    .alfons-mobile__details {
      color: var(--color-ink);
      background:
        radial-gradient(circle at 91% 17%, rgba(255, 197, 188, 0.68) 0 4.25rem, transparent 4.35rem),
        linear-gradient(135deg, rgba(255, 253, 247, 0.98), rgba(255, 250, 240, 0.98));
      border: 2px solid var(--color-charcoal);
      box-shadow: 8px 10px 0 var(--color-charcoal);
    }

    .alfons-mobile__summary {
      position: absolute;
      left: 1.55rem;
      right: 0.95rem;
      bottom: 0.9rem;
      display: none;
      gap: 1.1rem;
      padding: 1.42rem 1.25rem 1.35rem;
      border-radius: 2.2rem 2.2rem 1.85rem 1.85rem;
    }

    .alfons-mobile__summary p {
      max-width: none;
      font-size: clamp(0.9rem, 3.8vw, 0.98rem);
      line-height: 1.46;
      font-weight: 500;
    }

    .alfons-mobile__tags {
      display: flex;
      flex-wrap: wrap;
      gap: 0.32rem;
      padding: 0;
      margin: 0;
      list-style: none;
    }

    .alfons-mobile__tags li {
      min-height: 1.88rem;
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      gap: 0.24rem;
      padding: 0.32rem 0.38rem;
      border-radius: var(--radius-pill);
      color: var(--color-charcoal);
      font-size: clamp(0.7rem, 3.15vw, 0.79rem);
      font-weight: 760;
    }

    .alfons-mobile__tags span {
      flex: 0 0 0.9rem;
      width: 0.9rem;
      height: 0.9rem;
      display: inline-grid;
      place-items: center;
      font-size: 0.78rem;
      line-height: 1;
      text-align: left;
    }

    .alfons-mobile__tags svg {
      width: 0.86rem;
      height: 0.86rem;
      display: block;
      background: url("data:image/svg+xml,%3Csvg%20viewBox%3D'0%200%2076%2098'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%3E%3Cdefs%3E%3Cpath%20id%3D'leafRepoShape'%20d%3D'M487.486%2C3.079c-2.347-2.347-5.653-3.413-8.96-2.987c-4.8%2C0.64-11.2%2C1.387-18.987%2C2.24%20c-66.987%2C7.36-244.8%2C27.093-343.787%2C128.427c-111.36%2C114.027-66.88%2C208.747-30.507%2C255.04c1.28%2C1.707%2C2.987%2C3.627%2C4.8%2C5.653%20c-6.4%2C9.6-31.893%2C44.693-85.227%2C79.573c-4.907%2C3.2-6.293%2C9.813-3.093%2C14.827c3.2%2C4.907%2C9.813%2C6.293%2C14.827%2C3.093%20c51.307-33.6%2C78.4-67.2%2C88.64-81.813c2.88%2C2.773%2C5.547%2C5.227%2C7.573%2C7.147c15.467%2C13.76%2C53.44%2C41.92%2C105.493%2C41.92%20c40.96%2C0%2C90.56-17.387%2C144.747-72.853C463.166%2C280.839%2C481.832%2C96.839%2C488.872%2C27.612c0.64-6.4%2C1.173-11.627%2C1.707-15.467%20C491.006%2C8.625%2C489.832%2C5.425%2C487.486%2C3.079z%20M467.752%2C25.265c-6.187%2C60.8-24.96%2C245.76-119.893%2C342.933%20c-106.88%2C109.44-189.973%2C57.387-220.8%2C29.973c-2.56-2.24-5.76-5.333-9.067-8.64c9.707-12.907%2C20.267-27.84%2C32.107-44.587%20c59.947-84.48%2C150.507-212.053%2C254.613-249.707c5.547-2.027%2C8.427-8.107%2C6.4-13.653c-2.027-5.547-8.107-8.427-13.653-6.4%20c-110.507%2C40-199.68%2C165.76-264.853%2C257.6c-10.88%2C15.36-20.587%2C29.013-29.547%2C41.067c-0.32-0.427-0.747-0.853-0.96-1.173%20c-39.253-49.813-66.027-129.707%2C29.013-226.88c93.547-96%2C265.92-115.093%2C330.773-122.24l6.08-0.64%20C467.859%2C23.665%2C467.752%2C24.519%2C467.752%2C25.265z'%2F%3E%3Cfilter%20id%3D's'%20x%3D'0'%20y%3D'0'%20width%3D'76'%20height%3D'98'%3E%3CfeDropShadow%20dx%3D'0'%20dy%3D'4'%20stdDeviation%3D'2'%20flood-color%3D'%232F2F32'%20flood-opacity%3D'.16'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D'url(%23s)'%3E%3Cuse%20href%3D'%23leafRepoShape'%20opacity%3D'0'%2F%3E%3Cpath%20d%3D'M37%2092%20C30%2070%2032%2044%2041%2012'%20stroke%3D'%23FFFDF7'%20stroke-width%3D'6'%20stroke-linecap%3D'round'%2F%3E%3Cg%20fill%3D'%23FFFDF7'%20stroke%3D'%23FFFDF7'%20stroke-width%3D'3.4'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M41%2021%20C37%2010%2048%200%2060%208%20C58%2020%2050%2026%2041%2021%20Z'%2F%3E%3Cpath%20d%3D'M39%2035%20C27%2021%2013%2024%208%2038%20C21%2048%2035%2045%2039%2035%20Z'%2F%3E%3Cpath%20d%3D'M39%2060%20C23%2053%2011%2062%2012%2077%20C28%2081%2039%2072%2039%2060%20Z'%2F%3E%3Cpath%20d%3D'M42%2048%20C52%2034%2066%2035%2070%2047%20C61%2059%2048%2060%2042%2048%20Z'%2F%3E%3Cpath%20d%3D'M42%2072%20C54%2062%2067%2067%2068%2079%20C56%2087%2046%2083%2042%2072%20Z'%2F%3E%3C%2Fg%3E%3Cg%20fill%3D'%2384C59F'%3E%3Cpath%20d%3D'M41%2021%20C37%2010%2048%200%2060%208%20C58%2020%2050%2026%2041%2021%20Z'%2F%3E%3Cpath%20d%3D'M39%2035%20C27%2021%2013%2024%208%2038%20C21%2048%2035%2045%2039%2035%20Z'%2F%3E%3Cpath%20d%3D'M39%2060%20C23%2053%2011%2062%2012%2077%20C28%2081%2039%2072%2039%2060%20Z'%2F%3E%3Cpath%20d%3D'M42%2048%20C52%2034%2066%2035%2070%2047%20C61%2059%2048%2060%2042%2048%20Z'%2F%3E%3Cpath%20d%3D'M42%2072%20C54%2062%2067%2067%2068%2079%20C56%2087%2046%2083%2042%2072%20Z'%2F%3E%3C%2Fg%3E%3Cpath%20d%3D'M37%2092%20C30%2070%2032%2044%2041%2012'%20stroke%3D'%232F2F32'%20stroke-width%3D'3.2'%20stroke-linecap%3D'round'%2F%3E%3Cpath%20d%3D'M41%2021%20C47%2015%2054%2010%2060%208M39%2035%20C30%2034%2019%2032%209%2038M39%2060%20C29%2062%2020%2068%2012%2077M42%2048%20C52%2045%2062%2042%2070%2047M42%2072%20C52%2070%2061%2072%2068%2079'%20stroke%3D'%232F2F32'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20opacity%3D'.48'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / contain no-repeat;
      transform: rotate(-24deg);
      background: none;
    }

    .alfons-mobile__tags li:nth-child(1) span,
    .alfons-mobile__tags li:nth-child(2) span {
      font-size: 0;
    }

    .alfons-mobile__tags li:nth-child(1) span::before,
    .alfons-mobile__tags li:nth-child(2) span::before {
      content: "";
      width: 0.86rem;
      height: 0.86rem;
      display: block;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
    }

    .alfons-mobile__tags li:nth-child(1) span::before {
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.781 5C5.13 5 3 7.34 3 10.156c0 1.63.26 2.83 1.136 4.102.885 1.286 2.418 2.66 4.955 4.562L12 20.798l2.908-1.978c2.538-1.902 4.071-3.276 4.956-4.562C20.74 12.986 21 11.786 21 10.156 21 7.34 18.87 5 16.219 5c-1.32 0-2.486.543-3.506 1.578L12 7.302l-.713-.724C10.267 5.543 9.1 5 7.781 5Z' stroke='%232F2F32' stroke-width='2.15' stroke-linejoin='round'/%3E%3Cpath d='M6.1 10C6.48 8.1 7.95 7.15 9.55 7.55' stroke='%23FFFDF7' stroke-width='1.25' stroke-linecap='round' opacity='.86'/%3E%3C/svg%3E");
    }

    .alfons-mobile__tags li:nth-child(2) span::before {
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.335 2.662A8.834 8.834 0 0 0 25.044.209a4.326 4.326 0 0 0-4.094.977l-3.936 3.936L3.46 18.677a1.011 1.011 0 0 0-.193.288.815.815 0 0 0-.034.081c-.01.027-.025.052-.033.08L.108 30.665a1 1 0 0 0 .966 1.259 1.047 1.047 0 0 0 .259-.034L12.872 28.8c.026-.007.048-.022.073-.031a.849.849 0 0 0 .083-.034.994.994 0 0 0 .293-.195l13.555-13.554 3.936-3.936c1.937-1.94 1.288-5.623-1.477-8.388ZM3.011 27.559l1.672-6.242 3 3 3 3-6.242 1.673Zm14.71-20.315L19 8.526 6.862 20.667 5.58 19.385Zm-8.621 15.656-1.527-1.527L19.715 9.232l3.054 3.054L10.624 24.429Zm3.517 3.517-1.282-1.282 12.141-12.142 1.283 1.283Zm15.17-15.17-7.033-7.033.908-.908 7.033 7.034Z' fill='%232F2F32'/%3E%3Cpath d='M8.1 21.1 20.2 9' fill='none' stroke='%23FFFDF7' stroke-width='1.45' stroke-linecap='round' opacity='.82'/%3E%3C/svg%3E");
    }

    .alfons-mobile__tags li:nth-child(1) {
      background: rgba(207, 237, 228, 0.9);
    }

    .alfons-mobile__tags li:nth-child(2) {
      background: rgba(255, 224, 122, 0.56);
    }

    .alfons-mobile__tags li:nth-child(3) {
      background: rgba(255, 197, 188, 0.68);
    }

    .alfons-mobile__details {
      position: relative;
      display: grid;
      gap: 1rem;
      margin-top: -2.9rem;
      padding: 2.35rem 1.25rem 1.75rem;
      overflow: visible;
      border-radius: 2rem 2rem 2.3rem 1.6rem;
      isolation: isolate;
    }

    .alfons-mobile__details::before {
      display: none;
    }

    .alfons-mobile__details::after {
      content: "";
      position: absolute;
      right: -0.45rem;
      top: -1.65rem;
      z-index: 2;
      width: 6.55rem;
      height: 5.85rem;
      background-image: url("../img/about/paper-dandelion-sticker.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transform: rotate(8deg);
      pointer-events: none;
    }

    .alfons-mobile__details h3 {
      margin: 0;
      max-width: 10.5ch;
      font-size: clamp(2.08rem, 9.05vw, 2.72rem);
      line-height: 1.16;
    }

    .alfons-mobile__details h3::after {
      content: "";
      display: block;
      width: 7.4rem;
      height: 0.86rem;
      margin-top: 0.12rem;
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 210 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23FF8E82' stroke-linecap='round' opacity='.78'%3E%3Cpath d='M7 17C48 7 100 10 160 9' stroke-width='6'/%3E%3Cpath d='M31 25c45-8 92-11 168-7' stroke-width='5'/%3E%3C/g%3E%3C/svg%3E") left center / contain no-repeat;
    }

    .alfons-mobile__details-label {
      width: fit-content;
      padding: 0.5rem 0.85rem;
      border: 1.3px solid rgba(47, 47, 50, 0.35);
      border-radius: 1rem;
      color: var(--color-charcoal);
      background: rgba(213, 225, 166, 0.72);
      box-shadow: 0 3px 0 rgba(47, 47, 50, 0.08);
      font-size: 0.78rem;
      line-height: 1.2;
      font-weight: 760;
    }

    .alfons-mobile__details > p:not(.alfons-mobile__details-label) {
      font-size: clamp(0.9rem, 3.8vw, 0.98rem);
      line-height: 1.46;
      font-weight: 500;
      color: rgba(47, 47, 50, 0.86);
    }

    .alfons-mobile__feature-list {
      position: relative;
      display: grid;
      gap: 0.95rem;
      padding-top: 0.1rem;
    }

    .alfons-mobile__feature-list::after {
      content: "";
      position: absolute;
      left: -1.35rem;
      bottom: -3.25rem;
      width: 4.9rem;
      height: 4.75rem;
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 112 108' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23s)'%3E%3Cpath d='M14 16 89 7 105 82 29 101Z' fill='%23FFFDF7'/%3E%3Cg fill='%23FF9B94' stroke='%232F2F32' stroke-width='3'%3E%3Cellipse cx='58' cy='29' rx='12' ry='22'/%3E%3Cellipse cx='78' cy='50' rx='22' ry='12' transform='rotate(-8 78 50)'/%3E%3Cellipse cx='61' cy='73' rx='12' ry='22' transform='rotate(28 61 73)'/%3E%3Cellipse cx='37' cy='70' rx='12' ry='22' transform='rotate(-28 37 70)'/%3E%3Cellipse cx='34' cy='45' rx='22' ry='12' transform='rotate(-16 34 45)'/%3E%3C/g%3E%3Ccircle cx='56' cy='54' r='11' fill='%23FFC83D' stroke='%232F2F32' stroke-width='3'/%3E%3Cpath d='M57 83c13-13 24-16 36-16-6 14-18 21-36 16Z' fill='%2397C06D' stroke='%232F2F32' stroke-width='3'/%3E%3Cpath d='M47 83c-14-11-24-11-33-5 9 11 21 14 33 5Z' fill='%2397C06D' stroke='%232F2F32' stroke-width='3'/%3E%3Cpath d='M53 82v17' stroke='%232F2F32' stroke-width='3' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='s' x='0' y='0' width='112' height='108'%3E%3CfeDropShadow dx='0' dy='4' stdDeviation='2' flood-color='%232F2F32' flood-opacity='.16'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") center / contain no-repeat;
      transform: rotate(-8deg);
      pointer-events: none;
    }

    .alfons-mobile__feature {
      display: grid;
      grid-template-columns: 4.45rem minmax(0, 1fr);
      gap: 0.8rem;
      align-items: center;
      padding-bottom: 0.95rem;
      border-bottom: 2px dashed rgba(229, 197, 149, 0.6);
    }

    .alfons-mobile__feature:last-child {
      padding-bottom: 0;
      border-bottom: 0;
    }

    .alfons-mobile__feature-art {
      width: 4.45rem;
      height: 4.45rem;
      border-radius: 1rem;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 3.65rem 3.65rem;
    }

    .alfons-mobile__feature h4 {
      margin: 0 0 0.24rem;
      font-size: clamp(1rem, 4.6vw, 1.16rem);
      line-height: 1.12;
    }

    .alfons-mobile__feature p {
      margin: 0;
      font-size: clamp(0.86rem, 3.65vw, 0.95rem);
      line-height: 1.44;
      color: rgba(47, 47, 50, 0.86);
      font-weight: 500;
    }

    .alfons-mobile__feature--table .alfons-mobile__feature-art {
      background-color: rgba(255, 224, 122, 0.46);
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%232F2F32' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 50h60v17H18Z' fill='%23EBC581'/%3E%3Cpath d='M25 67v18M70 67v18M36 67l-5 18M60 67l5 18'/%3E%3Cpath d='M35 42h24l8 8H28Z' fill='%23FFFDF7'/%3E%3Cpath d='M44 47h9M48 54h12'/%3E%3Cpath d='M19 43c0-14 9-23 21-23h18c12 0 20 9 20 23' fill='none' opacity='.28'/%3E%3Cpath d='M30 28h16v19H30Z' fill='%236FC9BF'/%3E%3Cpath d='M33 28V17M39 28V15M45 28V18'/%3E%3Cpath d='M33 17l3-5 3 5M39 15l3-5 3 5M45 18l3-5 3 5' fill='%23FFC83D'/%3E%3Cpath d='M61 56c6-7 17-1 11 7-4 4-11 7-11 7s-7-4-11-7c-6-8 5-14 11-7Z' fill='%23FF8E82'/%3E%3C/g%3E%3C/svg%3E");
    }

    .alfons-mobile__feature--materials .alfons-mobile__feature-art {
      background-color: rgba(207, 237, 228, 0.82);
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%232F2F32' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20 61 72M61 20 20 72' fill='none'/%3E%3Ccircle cx='21' cy='75' r='9' fill='%2397C06D'/%3E%3Ccircle cx='62' cy='75' r='9' fill='%2397C06D'/%3E%3Cpath d='M53 48 78 56 70 82 45 74Z' fill='%23FF9B94'/%3E%3Cpath d='M60 52 84 43 86 77 70 82Z' fill='%23FFC83D'/%3E%3Cpath d='M55 58c5-6 13-1 8 6-3 3-8 5-8 5s-5-2-8-5c-5-7 3-12 8-6Z' fill='%23FFFDF7'/%3E%3Cpath d='M61 35h13l3 12H58Z' fill='%23FFF4D7'/%3E%3Cpath d='M64 35V19h8v16' fill='%23FFC83D'/%3E%3C/g%3E%3C/svg%3E");
    }

    .alfons-mobile__feature--time .alfons-mobile__feature-art {
      background-color: rgba(255, 197, 188, 0.56);
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%232F2F32' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='41' cy='50' r='28' fill='%23FFF4D7'/%3E%3Ccircle cx='41' cy='50' r='21' fill='%23FFFDF7'/%3E%3Cpath d='M41 50V35M41 50l10 8'/%3E%3Cpath d='M41 29v-5M41 76v-5M15 50h5M62 50h5M24 33l4 4M58 33l-4 4M24 67l4-4M58 67l-4-4'/%3E%3Cpath d='M69 68c7-12 15-17 24-17-3 13-11 20-24 17Z' fill='%2397C06D'/%3E%3Cpath d='M66 80c-2-12 3-21 12-28' fill='none'/%3E%3Cpath d='M15 20c7-7 15-2 18 5' fill='none' stroke='%23FF8E82' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E");
    }

    .alfons-section {
      padding: 0 0 5.45rem;
      overflow: hidden;
      scroll-margin-top: 0;
    }

    .alfons-mobile {
      gap: 0.85rem;
      width: min(100% - 2.25rem, 21.35rem);
      margin-top: -2.2rem;
      padding-top: 0;
    }

    .alfons-mobile::before {
      display: none;
    }

    .alfons-mobile__intro,
    .alfons-mobile__summary,
    .alfons-mobile__details-label,
    .alfons-mobile__feature-list {
      display: none;
    }

    .alfons-mobile__showcase {
      position: relative;
      z-index: 2;
      display: grid;
      margin: 0;
      padding: 2.5rem 0.6rem 1.25rem;
      isolation: isolate;
      background: none;
      box-shadow: none;
    }

    .alfons-mobile__showcase::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      background:
        linear-gradient(135deg, rgba(255, 253, 247, 0.98), rgba(255, 248, 235, 0.96));
      clip-path: path("M0 78 Q 0 56 12 38 Q 26 18 50 13 Q 74 8 92 20 Q 109 31 124 49 Q 140 68 159 77 Q 178 86 198 82 H 330 Q 348 82 360 94 V 1000 H 0 Z");
      box-shadow: 0 12px 24px rgba(47, 47, 50, 0.08);
      pointer-events: none;
    }

    .alfons-mobile__showcase::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 360 1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 78 Q 1 56 13 38 Q 26 18 50 13 Q 74 8 92 20 Q 109 31 124 49 Q 140 68 159 77 Q 178 86 198 82 H 331 Q 349 82 360 94' fill='none' stroke='%232F2F32' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' opacity='.32'/%3E%3Cpath d='M1 78V1000M360 94V1000' fill='none' stroke='%232F2F32' stroke-width='1.25' stroke-linecap='round' opacity='.22'/%3E%3C/svg%3E") top center / 100% 1000px no-repeat;
      pointer-events: none;
    }

    .alfons-mobile__image {
      position: relative;
      z-index: 3;
      overflow: hidden;
      margin: 0;
      aspect-ratio: 1.46 / 1;
      padding: 0.95rem 0.78rem 0.72rem;
      border: 0;
      border-radius: 1.7rem 1.7rem 1.25rem 1.25rem;
      background: linear-gradient(180deg, rgba(130, 176, 232, 0.98), rgba(196, 217, 246, 0.98));
      box-shadow: 0 8px 18px rgba(47, 47, 50, 0.12);
    }

    .alfons-mobile__image img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: 57% 50%;
      display: block;
      border-radius: 1rem;
    }

    .alfons-mobile__tape {
      position: absolute;
      left: 50%;
      top: 1.05rem;
      z-index: 5;
      width: 8rem;
      height: 2.25rem;
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 154 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 6 C18 5 26 8 38 5 C54 3 67 7 83 5 C101 3 117 5 132 6 C140 7 147 4 150 9 L146 14 L151 18 L147 23 L152 29 L147 33 L150 40 C138 41 128 38 115 41 C100 44 86 40 71 41 C55 42 40 38 25 40 C15 42 8 40 3 42 L6 36 L2 31 L6 25 L3 19 L7 13 Z' fill='%23F29A9B'/%3E%3Cpath d='M8 38 C26 36 44 39 63 38 C84 37 106 39 128 37 C137 36 144 38 149 37' fill='none' stroke='%23D97982' stroke-width='1.2' stroke-linecap='round' opacity='.24'/%3E%3Cg fill='%23FFFDF7' opacity='.92'%3E%3Ccircle cx='20' cy='14' r='2.4'/%3E%3Ccircle cx='43' cy='13' r='2.2'/%3E%3Ccircle cx='66' cy='14' r='2.5'/%3E%3Ccircle cx='91' cy='13' r='2.2'/%3E%3Ccircle cx='118' cy='14' r='2.5'/%3E%3Ccircle cx='138' cy='16' r='2.1'/%3E%3Ccircle cx='31' cy='29' r='2.2'/%3E%3Ccircle cx='55' cy='29' r='2.45'/%3E%3Ccircle cx='80' cy='29' r='2.2'/%3E%3Ccircle cx='105' cy='29' r='2.55'/%3E%3Ccircle cx='130' cy='30' r='2.2'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;
      border: 0;
      filter: drop-shadow(0 5px 5px rgba(47, 47, 50, 0.13));
      transform: translateX(-50%) rotate(2deg);
      pointer-events: none;
    }

    .alfons-mobile__badge {
      position: absolute;
      left: 1.55rem;
      bottom: 0.2rem;
      z-index: 6;
      display: inline-flex;
      min-height: 2.55rem;
      align-items: center;
      padding: 0.55rem 1.05rem;
      border-radius: var(--radius-pill);
      color: var(--color-charcoal);
      background: rgba(169, 220, 207, 0.96);
      box-shadow:
        inset 0 0 0 0.4rem rgba(255, 253, 247, 0.82),
        0 7px 14px rgba(47, 47, 50, 0.12);
      font-size: 0.9rem;
      line-height: 1.1;
      font-weight: 760;
      transform: rotate(-3deg) translateY(-0.1rem);
    }

    .alfons-mobile__flower {
      position: absolute;
      right: 0.35rem;
      bottom: 0.95rem;
      z-index: 7;
      width: 4.15rem;
      height: 4.15rem;
      background: url("data:image/svg+xml,%3Csvg viewBox='-8 -8 112 112' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23s)'%3E%3Cg fill='%23A9DCCF' stroke='%23FFFDF7' stroke-width='7'%3E%3Cellipse cx='48' cy='19' rx='13' ry='18'/%3E%3Cellipse cx='71' cy='32' rx='13' ry='18' transform='rotate(48 71 32)'/%3E%3Cellipse cx='70' cy='59' rx='13' ry='18' transform='rotate(112 70 59)'/%3E%3Cellipse cx='47' cy='75' rx='13' ry='18'/%3E%3Cellipse cx='25' cy='59' rx='13' ry='18' transform='rotate(58 25 59)'/%3E%3Cellipse cx='25' cy='32' rx='13' ry='18' transform='rotate(122 25 32)'/%3E%3C/g%3E%3Ccircle cx='48' cy='48' r='16' fill='%23FFE07A' stroke='%232F2F32' stroke-width='2.8'/%3E%3Cpath d='M40 49c3 6 12 6 16 0M41 42h.2M55 42h.2' stroke='%232F2F32' stroke-width='3' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='s' filterUnits='userSpaceOnUse' x='-8' y='-8' width='112' height='112'%3E%3CfeDropShadow dx='0' dy='4' stdDeviation='2' flood-color='%232F2F32' flood-opacity='.18'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") center / contain no-repeat;
      pointer-events: none;
    }

    .alfons-mobile__details {
      position: relative;
      z-index: 1;
      display: grid;
      gap: 0.9rem;
      margin-top: -1.95rem;
      padding: 1.15rem 1.35rem 1.95rem;
      overflow: visible;
      border: 1px solid rgba(47, 47, 50, 0.22);
      border-top: 0;
      border-radius: 0 0 1.75rem 1.75rem;
      color: var(--color-ink);
      background:
        linear-gradient(135deg, rgba(255, 253, 247, 0.97), rgba(255, 248, 235, 0.96));
      box-shadow: 0 12px 24px rgba(47, 47, 50, 0.08);
      isolation: isolate;
    }

    .alfons-mobile__details::before,
    .alfons-mobile__details::after {
      content: "";
      position: absolute;
      pointer-events: none;
    }

    .alfons-mobile__details::before {
      right: -0.25rem;
      bottom: 0.95rem;
      width: 4.8rem;
      height: 4.8rem;
      background: url("data:image/svg+xml,%3Csvg viewBox='0 -10 96 112' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(0 8)' fill='none' stroke='%23FFC83D' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cg transform='rotate(-13 28 25) scale(1.08)' transform-origin='28 25'%3E%3Cpath d='m28 25 5 11 12 2-9 8 2 12-10-6-11 6 3-12-9-8 12-2Z' fill='%23FFC83D'/%3E%3C/g%3E%3Cg transform='rotate(18 66 18) scale(.82)' transform-origin='66 18'%3E%3Cpath d='m66 16 4 8 9 1-7 6 2 9-8-5-8 5 2-9-7-6 9-1Z' fill='%23FFC83D'/%3E%3C/g%3E%3Cg transform='rotate(7 63 58) scale(.95)' transform-origin='63 58'%3E%3Cpath d='m63 58 4 8 9 1-7 6 2 9-8-5-8 5 2-9-7-6 9-1Z' fill='%23FFC83D'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
      opacity: 0.9;
    }

    .alfons-mobile__details::after {
      right: -0.45rem;
      bottom: -0.45rem;
      z-index: 2;
      width: 5.6rem;
      height: 5.6rem;
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 132 76' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23s)'%3E%3Cpath d='M14 17 24 20 31 13 44 17 54 13 66 17 79 14 91 18 103 14 113 18 119 16 123 24 118 30 124 38 117 46 122 55 119 58 113 56 109 63 96 61 84 64 72 60 60 64 48 60 36 63 25 58 16 62 9 54 14 47 8 38 14 30 9 22Z' fill='%23FFE07A' opacity='.9'/%3E%3Cg stroke='%23FFFDF7' stroke-width='1.45' opacity='.78'%3E%3Cpath d='M16 28 H119M13 39 H123M15 50 H117M29 16 V60M43 16 V62M57 15 V64M71 16 V61M85 15 V63M99 15 V61M113 18 V57'/%3E%3C/g%3E%3Cpath d='M14 17 24 20 31 13 44 17 54 13 66 17 79 14 91 18 103 14 113 18 119 16 123 24 118 30 124 38 117 46 122 55 119 58 113 56 109 63 96 61 84 64 72 60 60 64 48 60 36 63 25 58 16 62 9 54 14 47 8 38 14 30 9 22Z' fill='none' stroke='%23EBC581' stroke-width='1.8' opacity='.82'/%3E%3Cpath d='M18 23 C42 19 82 18 116 23' fill='none' stroke='%23FFF6C2' stroke-width='3' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='s' x='0' y='0' width='132' height='76'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='1.8' flood-color='%232F2F32' flood-opacity='.14'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") center / contain no-repeat;
    }

    .alfons-mobile__details h3 {
      max-width: 7.5ch;
      margin: 0;
      color: var(--color-charcoal);
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(2.38rem, 12.2vw, 3.05rem);
      line-height: 0.99;
      font-weight: 900;
      letter-spacing: 0;
      text-shadow: 0 2px 0 rgba(47, 47, 50, 0.12);
    }

    .alfons-mobile__details h3::after {
      display: none;
    }

    .alfons-mobile__details > p:not(.alfons-mobile__details-label) {
      max-width: 18.25rem;
      font-size: clamp(0.98rem, 4.25vw, 1.08rem);
      line-height: 1.44;
      font-weight: 500;
      color: rgba(47, 47, 50, 0.9);
    }

    .alfons-mobile__heart {
      display: block;
      position: absolute;
      left: 0.85rem;
      top: 1.85rem;
      z-index: 5;
      width: 2.15rem;
      height: 2.15rem;
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 76 88' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M40 72 C31 62 18 52 16 39 C14 27 21 17 30 20 C37 23 38 34 38 43 C42 27 49 11 58 14 C69 18 65 39 55 54 C50 62 44 68 40 72' stroke='%23F0A030' stroke-width='5.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M38 70 C31 62 20 52 18 40 C16 30 22 20 30 23 C36 26 37 36 37 42 C41 29 48 15 56 17 C64 20 62 37 53 51 C49 58 43 66 38 70' stroke='%23FFC83D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='.38'/%3E%3C/svg%3E") center / contain no-repeat;
      transform: rotate(-10deg);
      pointer-events: none;
      filter: drop-shadow(2px 3px 0 rgba(47, 47, 50, 0.08));
    }

    .alfons-mobile__details > p:not(.alfons-mobile__details-label)::before {
      content: "";
      position: absolute;
      right: 6rem;
      top: 9.1rem;
      width: 2.75rem;
      height: 2.75rem;
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 66 66' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M31 49 C24 42 15 35 14 25 C13 16 19 10 27 13 C31 15 33 21 34 26 C37 18 43 10 51 14 C60 19 56 33 47 42 C41 47 35 50 31 49' stroke='%23E987A2' stroke-width='5.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29 47 C23 41 17 34 16 25 C15 18 20 13 26 16 C31 18 33 24 33 28 C37 20 43 14 50 17 C56 21 53 32 45 40 C39 46 33 48 29 47' stroke='%23FFB0C2' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' opacity='.44'/%3E%3C/svg%3E") center / contain no-repeat;
      transform: rotate(-12deg);
      pointer-events: none;
    }

    .alfons-mobile__quote {
      position: relative;
      width: calc(100% + 0.8rem);
      margin: -5.15rem -0.4rem 0;
      padding: 1.3rem 1.15rem 1.52rem 4.25rem;
      color: var(--color-charcoal);
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 360 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23s)'%3E%3Cpath d='M1 15 C28 11 55 14 79 10 C106 7 130 13 157 10 C186 8 213 11 240 9 C268 7 297 12 327 10 C348 10 358 13 359 17 C354 24 360 31 357 39 C360 48 354 56 358 64 C353 74 359 82 356 92 C359 102 354 111 358 118 C322 119 292 115 261 118 C232 121 205 116 176 119 C146 122 119 116 90 119 C61 121 34 116 1 119 C5 109 0 100 5 90 C1 80 6 71 2 62 C7 52 1 43 6 33 C3 25 7 20 1 15 Z' fill='%23F7B9B8'/%3E%3Cg id='quoteFibers' fill='none' stroke='%23FFFDF7' stroke-linecap='round' opacity='.82'%3E%3Cpath d='M3 17 C25 14 47 15 66 13 M76 12 C97 9 119 14 139 11 M154 12 C178 9 202 11 225 10 M239 9 C266 7 286 12 310 10 M327 11 C340 10 352 12 358 16' stroke-width='2.4'/%3E%3Cpath d='M3 30 C1 38 5 45 2 54 M3 70 C0 80 6 87 3 96 M3 108 C1 112 1 116 4 119' stroke-width='2'/%3E%3Cpath d='M358 22 C354 30 360 36 357 45 M358 58 C354 66 359 73 356 82 M356 99 C353 108 356 113 354 118' stroke-width='2'/%3E%3Cpath d='M2 116 C25 118 45 116 66 118 M78 119 C102 121 123 116 144 119 M164 119 C187 121 206 116 229 119 M244 119 C266 116 287 121 310 118 M326 117 C340 118 350 117 357 115' stroke-width='2.35'/%3E%3Cpath d='M18 20 l-5 2 M51 116 l-7 3 M98 12 l-6-3 M132 118 l-8 2 M187 10 l-5-2 M222 118 l-7 3 M272 11 l-6-3 M318 117 l-8 2 M355 32 l4-6 M5 78 l-5 4' stroke-width='1.5' opacity='.7'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='s' x='0' y='0' width='360' height='128'%3E%3CfeDropShadow dx='0' dy='5' stdDeviation='2.2' flood-color='%232F2F32' flood-opacity='.12'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") center / 100% 100% no-repeat;
      filter: drop-shadow(0 7px 10px rgba(47, 47, 50, 0.08));
      transform: rotate(-1deg);
      overflow: visible;
    }

    .alfons-mobile__quote-mark {
      content: "“";
      position: absolute;
      left: 1.65rem;
      top: 0.9rem;
      color: var(--color-charcoal);
      font-family: Georgia, "Times New Roman", serif;
      font-size: 4.2rem;
      line-height: 0.82;
      font-weight: 900;
    }

    .alfons-mobile__quote::after {
      content: "";
      position: absolute;
      right: 2.35rem;
      bottom: 1.54rem;
      width: 1.56rem;
      height: 2.42rem;
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 56 74' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M27 51 C18 42 17 30 22 23 C27 17 34 23 34 34 C39 21 49 17 52 25 C56 37 39 51 29 62 C28 58 27 54 27 51 Z' stroke='%232F2F32' stroke-width='4.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .alfons-mobile__quote p {
      position: relative;
      max-width: none;
      margin: 0;
      font-family: "Halogen", "Segoe Print", "Bradley Hand ITC", "Comic Sans MS", cursive;
      font-size: clamp(0.88rem, 3.75vw, 1rem);
      line-height: 1.46;
      font-weight: 400;
      letter-spacing: 0;
      transform: rotate(0.45deg);
    }

    .alfons-mobile__quote p::after {
      content: "";
      position: absolute;
      left: 4.6rem;
      bottom: -0.22rem;
      width: 7.35rem;
      height: 1.25rem;
      background: url("data:image/svg+xml,%3Csvg id='alfonsMobileQuoteLine' viewBox='92 138 252 56' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M 101 154 C 175 142 250 146 316 158 C 298 166 288 167 270 167 C 290 177 298 179 332 186' stroke='%232F2F32' stroke-width='5.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .alfons-mobile__quote-leaf {
      position: absolute;
      left: -0.42rem;
      bottom: -1.45rem;
      width: 4.25rem;
      height: 5.35rem;
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 76 98' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cdefs%3E%3Cpath id='leafRepoShape' d='M487.486,3.079c-2.347-2.347-5.653-3.413-8.96-2.987c-4.8,0.64-11.2,1.387-18.987,2.24 c-66.987,7.36-244.8,27.093-343.787,128.427c-111.36,114.027-66.88,208.747-30.507,255.04c1.28,1.707,2.987,3.627,4.8,5.653 c-6.4,9.6-31.893,44.693-85.227,79.573c-4.907,3.2-6.293,9.813-3.093,14.827c3.2,4.907,9.813,6.293,14.827,3.093 c51.307-33.6,78.4-67.2,88.64-81.813c2.88,2.773,5.547,5.227,7.573,7.147c15.467,13.76,53.44,41.92,105.493,41.92 c40.96,0,90.56-17.387,144.747-72.853C463.166,280.839,481.832,96.839,488.872,27.612c0.64-6.4,1.173-11.627,1.707-15.467 C491.006,8.625,489.832,5.425,487.486,3.079z M467.752,25.265c-6.187,60.8-24.96,245.76-119.893,342.933 c-106.88,109.44-189.973,57.387-220.8,29.973c-2.56-2.24-5.76-5.333-9.067-8.64c9.707-12.907,20.267-27.84,32.107-44.587 c59.947-84.48,150.507-212.053,254.613-249.707c5.547-2.027,8.427-8.107,6.4-13.653c-2.027-5.547-8.107-8.427-13.653-6.4 c-110.507,40-199.68,165.76-264.853,257.6c-10.88,15.36-20.587,29.013-29.547,41.067c-0.32-0.427-0.747-0.853-0.96-1.173 c-39.253-49.813-66.027-129.707,29.013-226.88c93.547-96,265.92-115.093,330.773-122.24l6.08-0.64 C467.859,23.665,467.752,24.519,467.752,25.265z'/%3E%3Cfilter id='s' x='0' y='0' width='76' height='98'%3E%3CfeDropShadow dx='0' dy='4' stdDeviation='2' flood-color='%232F2F32' flood-opacity='.16'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23s)'%3E%3Cuse href='%23leafRepoShape' opacity='0'/%3E%3Cg fill='%23FFFDF7' stroke='%23FFFDF7' stroke-width='5' stroke-linejoin='round'%3E%3Cpath d='M43 17 C35 5 42 -2 53 3 C55 13 51 20 43 17 Z'/%3E%3Cpath d='M38 33 C22 15 10 20 7 34 C22 46 35 43 38 33 Z'/%3E%3Cpath d='M38 58 C20 50 9 58 9 72 C27 78 38 71 38 58 Z'/%3E%3Cpath d='M42 47 C53 27 67 27 71 40 C62 55 49 58 42 47 Z'/%3E%3Cpath d='M42 70 C55 56 68 61 70 74 C58 84 47 82 42 70 Z'/%3E%3C/g%3E%3Cpath d='M38 92 C30 70 32 44 41 12' stroke='%23FFFDF7' stroke-width='7' stroke-linecap='round'/%3E%3Cg fill='%2384C59F'%3E%3Cpath d='M43 17 C35 5 42 -2 53 3 C55 13 51 20 43 17 Z'/%3E%3Cpath d='M38 33 C22 15 10 20 7 34 C22 46 35 43 38 33 Z'/%3E%3Cpath d='M38 58 C20 50 9 58 9 72 C27 78 38 71 38 58 Z'/%3E%3Cpath d='M42 47 C53 27 67 27 71 40 C62 55 49 58 42 47 Z'/%3E%3Cpath d='M42 70 C55 56 68 61 70 74 C58 84 47 82 42 70 Z'/%3E%3C/g%3E%3Cpath d='M38 92 C30 70 32 44 41 12' stroke='%232F2F32' stroke-width='3.2' stroke-linecap='round'/%3E%3Cpath d='M41 17 C45 13 49 8 53 4M38 33 C29 32 21 30 12 25M38 58 C28 61 20 65 13 70M42 47 C51 43 59 39 67 36M42 70 C51 68 59 67 67 72' stroke='%232F2F32' stroke-width='1.6' stroke-linecap='round' opacity='.46'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
      background: url("../img/about/alfons-quote-twig.svg?v=13") center / contain no-repeat;
      transform: rotate(-24deg);
      pointer-events: none;
    }

    .alfons-mobile__benefits {
      position: relative;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0;
      width: calc(100% + 1rem);
      margin: 0.72rem -0.5rem 0;
      padding: 1.05rem 1.05rem 1.08rem;
      border-radius: 1.8rem;
      background: rgba(255, 253, 247, 0.94);
      box-shadow: 0 10px 18px rgba(47, 47, 50, 0.1);
      list-style: none;
    }

    .alfons-mobile__benefits::after {
      content: "";
      position: absolute;
      right: -1.72rem;
      bottom: -2.35rem;
      z-index: 1;
      width: 5.35rem;
      height: 4.5rem;
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 112 94' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cg filter='url(%23s)'%3E%3Cpath d='M3 86 C8 35 39 3 80 3 C99 3 109 17 112 31 L112 94 L3 94 Z' fill='%23FFFDF7'/%3E%3Cpath d='M8 84 A52 62 0 0 1 112 84' stroke='%23F6C84D' stroke-width='11' stroke-linecap='butt'/%3E%3Cpath d='M26 85 A34 46 0 0 1 94 85' stroke='%23ECA1AD' stroke-width='10' stroke-linecap='butt'/%3E%3Cpath d='M44 86 A16 29 0 0 1 76 86' stroke='%23AFE0D2' stroke-width='9' stroke-linecap='butt'/%3E%3Cpath d='M53 74 C49 68 49 62 52 59 C56 56 60 60 61 66 C65 60 71 59 74 63 C78 69 69 77 62 84 C59 80 56 77 53 74 Z' stroke='%232F2F32' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='s' x='0' y='0' width='112' height='94'%3E%3CfeDropShadow dx='0' dy='4' stdDeviation='2.4' flood-color='%232F2F32' flood-opacity='.14'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") center / contain no-repeat;
      transform: rotate(8deg);
      transform-origin: 58% 82%;
      pointer-events: none;
    }

    .alfons-mobile__benefit {
      position: relative;
      z-index: 2;
      display: grid;
      justify-items: center;
      gap: 0.42rem;
      padding: 0 0.42rem;
      border-right: 1px dashed rgba(47, 47, 50, 0.14);
      text-align: center;
    }

    .alfons-mobile__benefit:last-child {
      border-right: 0;
    }

    .alfons-mobile__benefit span {
      width: 3.45rem;
      height: 3.45rem;
      display: block;
      border-radius: 50%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 126% 126%;
      box-shadow: 0 4px 9px rgba(47, 47, 50, 0.07);
    }

    .alfons-mobile__benefit p {
      margin: 0;
      font-size: 0.82rem;
      line-height: 1.16;
      font-weight: 560;
      color: rgba(47, 47, 50, 0.92);
    }

    .alfons-mobile__benefit--space span {
      background-color: rgba(207, 237, 228, 0.95);
      background-image: url("../img/about/benefit-viel-platz.png");
    }

    .alfons-mobile__benefit--material span {
      background-color: rgba(255, 224, 122, 0.88);
      background-image: url("../img/about/benefit-material-vor-ort.png");
    }

    .alfons-mobile__benefit--calm span {
      background-color: rgba(255, 197, 188, 0.78);
      background-image: url("../img/about/benefit-entspannte-atmosphaere.png");
    }

    .alfons-mobile__card {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-rows: auto 1fr;
      gap: 0;
      min-height: clamp(45rem, 195vw, 47.5rem);
      padding: 0;
      border: 0;
      border-radius: 0;
      background: none;
      box-shadow: none;
      overflow: visible;
      isolation: isolate;
    }

    .alfons-mobile__card-art {
      position: absolute;
      inset: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      overflow: visible;
      pointer-events: none;
    }

    .alfons-mobile__card .alfons-mobile__showcase {
      position: relative;
      z-index: 2;
      margin: 0;
      display: grid;
      min-height: clamp(17.6rem, 76vw, 18.8rem);
      padding: 0;
      background: none;
      box-shadow: none;
      isolation: isolate;
    }

    .alfons-mobile__card .alfons-mobile__showcase::before {
      display: none;
    }

    .alfons-mobile__card .alfons-mobile__showcase::after {
      display: none;
    }

    .alfons-mobile__card .alfons-mobile__details {
      position: relative;
      z-index: 2;
      margin-top: 0;
      padding: 0 2.05rem 2.35rem;
      min-height: 0;
      overflow: visible;
      border: 0;
      border-radius: 0;
      background: none;
      box-shadow: none;
    }

    .alfons-mobile__card .alfons-mobile__tape {
      left: 50%;
      top: clamp(4.65rem, 20.5vw, 5.05rem);
      z-index: 8;
      transform: translateX(-50%) rotate(2deg);
    }

    .alfons-mobile__card .alfons-mobile__heart {
      left: 0.72rem;
      top: 4.62rem;
      z-index: 7;
      width: 2.95rem;
      height: 3.85rem;
      background-size: 100% 100%;
    }

    .alfons-mobile__card .alfons-mobile__badge {
      left: 1.85rem;
      top: clamp(17.75rem, 76vw, 18.35rem);
      bottom: auto;
      z-index: 5;
      transform: rotate(2deg);
    }

    .alfons-mobile__card .alfons-mobile__flower {
      right: -0.72rem;
      top: clamp(17.15rem, 72vw, 17.85rem);
      bottom: auto;
      z-index: 6;
    }

    .alfons-mobile__card .alfons-mobile__details::before {
      display: block;
      right: 0.35rem;
      top: 6.15rem;
      bottom: auto;
      z-index: 3;
      width: 4.15rem;
      height: 4.15rem;
    }

    .alfons-mobile__card .alfons-mobile__details::after {
      right: -1.55rem;
      top: auto;
      bottom: 5.25rem;
      z-index: 4;
      width: 6.45rem;
      height: 3.95rem;
      transform: rotate(-38deg);
    }

    .alfons-mobile__card .alfons-mobile__details h3 {
      max-width: 9.1ch;
      margin: 3.2rem 0 0 -0.9rem;
      font-family: Cambria, Georgia, "Times New Roman", serif;
      font-size: clamp(2.16rem, 10.25vw, 2.62rem);
      line-height: 1.08;
      font-weight: 760;
      text-shadow: 0 1px 0 rgba(47, 47, 50, 0.08);
    }

    .alfons-mobile__card .alfons-mobile__details > p:not(.alfons-mobile__details-label)::before {
      right: 7.65rem;
      top: 7.58rem;
      width: 3.05rem;
      height: 3.15rem;
      transform: rotate(8deg);
    }

    .alfons-mobile__card .alfons-mobile__details > p:not(.alfons-mobile__details-label) {
      margin-left: -0.9rem;
      margin-top: -6.1rem;
      width: calc(100% + 1.65rem);
      max-width: none;
      font-size: clamp(0.92rem, 3.85vw, 1rem);
      line-height: 1.46;
    }

    @media (max-width: 390px) {
      .alfons-mobile__card .alfons-mobile__details {
        padding: 0 1.62rem 2.8rem;
      }

      .alfons-mobile__card .alfons-mobile__details h3 {
        margin-top: 3.55rem;
        margin-left: -0.55rem;
        max-width: 10.8ch;
        font-size: clamp(1.98rem, 10.6vw, 2.28rem);
        line-height: 1.1;
      }

      .alfons-mobile__card .alfons-mobile__details > p:not(.alfons-mobile__details-label) {
        margin-top: -5.55rem;
        margin-left: -0.55rem;
        width: calc(100% + 0.75rem);
        font-size: clamp(0.9rem, 3.95vw, 0.98rem);
        line-height: 1.5;
      }

      @media (max-width: 360px) {
        .alfons-mobile {
          width: calc(100% - 0.85rem);
        }

        .alfons-mobile__card .alfons-mobile__tape {
          top: 5.45rem;
        }

        .alfons-mobile__card .alfons-mobile__details {
          padding: 0 0.95rem 2.8rem;
        }

        .alfons-mobile__card .alfons-mobile__details h3 {
          margin-top: 3.05rem;
          margin-left: 0;
          max-width: 10.8ch;
        }

        .alfons-mobile__card .alfons-mobile__details > p:not(.alfons-mobile__details-label) {
          margin-top: -4.75rem;
          margin-left: 0;
          width: calc(100% - 0.25rem);
          font-size: clamp(0.86rem, 4.1vw, 0.94rem);
          line-height: 1.43;
        }

        .alfons-mobile__card .alfons-mobile__details > p:not(.alfons-mobile__details-label)::before {
          right: 5.1rem;
          top: 8.15rem;
        }
      }
    }

    .section-doodles {
      display: none;
    }

    .contact-cta {
      padding-block: 3.85rem 8.4rem;
    }

    .contact-panel {
      position: relative;
      gap: 2.1rem;
      align-items: stretch;
      padding: 0.55rem 0.15rem 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    .contact-panel::before {
      content: "";
      position: absolute;
      left: 0.08rem;
      top: -2.7rem;
      z-index: 0;
      width: 5.85rem;
      height: 2.05rem;
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 104 36' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M3 7 C18 10 34 17 48 24 C57 28 65 30 72 30' stroke='%23FFFDF7' stroke-width='2.2' stroke-linecap='round' stroke-dasharray='5 7'/%3E%3Cpath d='M82 27 C76 22 73 18 75 14 C77 10 82 11 84 16 C87 11 93 10 96 14 C100 19 94 25 84 31 C83 30 82 28 82 27 Z' stroke='%23FFFDF7' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
      transform: rotate(7deg);
      pointer-events: none;
    }

    .contact-panel::after {
      content: "";
      position: absolute;
      left: 1.15rem;
      top: calc(100% + 1.25rem);
      z-index: 0;
      width: min(21rem, calc(100vw - 2.5rem));
      height: 4.55rem;
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 360 78' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M2 31 C45 12 98 14 141 28 C190 45 231 58 267 39 C285 29 284 7 267 7 C248 7 244 35 265 48 C289 63 302 50 315 36' stroke='%23FFFDF7' stroke-width='2.8' stroke-linecap='round' stroke-dasharray='6 8'/%3E%3Cpath d='M325 66 C314 49 308 34 312 22 C316 10 327 10 333 23 C339 9 351 8 357 20 C366 39 344 56 325 66 Z' fill='%23FFC5BC' stroke='%23FF9F97' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M326 18 C330 31 331 47 325 64' stroke='%23FFE4DE' stroke-width='2' stroke-linecap='round' opacity='.54'/%3E%3C/svg%3E") center / contain no-repeat;
      pointer-events: none;
    }

    .contact-panel > div:first-child {
      position: relative;
      overflow: hidden;
      z-index: 1;
      display: grid;
      gap: 0.92rem;
      min-height: 15.8rem;
      padding: 1.25rem 1.45rem 1.85rem;
      border: 1px solid rgba(47, 47, 50, 0.12);
      border-radius: 1.45rem 2.3rem 1.65rem 1.45rem;
      background:
        linear-gradient(135deg, rgba(255, 253, 247, 0.99), rgba(255, 248, 235, 0.96)),
        var(--color-paper);
      box-shadow: 7px 8px 0 var(--color-sunlit-clay);
      isolation: isolate;
    }

    .contact-panel > div:first-child::before {
      content: "";
      position: absolute;
      right: -4.7rem;
      top: 3.18rem;
      z-index: -1;
      width: 7.6rem;
      height: 10.8rem;
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 178 224' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M162 12 C186 58 135 77 122 110 C112 136 142 158 132 189 C121 225 68 227 47 200 C26 174 30 144 10 119 C-14 88 9 44 47 24 C85 4 137 -36 162 12 Z' fill='%23FFC5BC' opacity='.78'/%3E%3C/svg%3E") center / contain no-repeat;
      transform: rotate(8deg);
      pointer-events: none;
    }

    .contact-panel > div:first-child::after {
      content: "";
      position: absolute;
      right: 2.1rem;
      top: 1.78rem;
      z-index: 1;
      width: 2.25rem;
      height: 2.15rem;
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 58 56' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M18 8 L12 25' stroke='%23FF7E73' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M34 18 L25 29' stroke='%23FF8E82' stroke-width='5.6' stroke-linecap='round'/%3E%3Cpath d='M43 35 L30 40' stroke='%23FF9B8F' stroke-width='5.2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
      pointer-events: none;
    }

    .contact-panel > div:first-child .button {
      display: none;
    }

    .contact-panel .eyebrow {
      position: relative;
      z-index: 2;
      justify-self: start;
      min-height: 2.15rem;
      padding: 0.32rem 0.82rem;
      border: 0;
      color: var(--color-charcoal);
      background: rgba(207, 237, 228, 0.92);
      font-size: 0.92rem;
      font-weight: 820;
      box-shadow: inset 0 -1px 0 rgba(47, 47, 50, 0.05);
    }

    .contact-panel h2 {
      position: relative;
      z-index: 2;
      width: fit-content;
      max-width: 100%;
      margin-top: 0.08rem;
      font-family: var(--font-display);
      font-size: clamp(1.64rem, 7.7vw, 1.98rem);
      line-height: 1.08;
      font-weight: 850;
      white-space: nowrap;
    }

    .contact-panel h2::after {
      content: "";
      position: absolute;
      left: 0.02rem;
      bottom: -1.12rem;
      width: min(10.9rem, 58vw);
      height: 1.05rem;
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 232 18' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M4 12 C57 5 117 7 174 9 C195 10 211 11 228 13' stroke='%23FF6F61' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
      pointer-events: none;
    }

    .contact-panel h2::before {
      content: "";
      position: absolute;
      left: min(10.62rem, 56vw);
      bottom: -0.99rem;
      width: 0.9rem;
      height: 0.86rem;
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 34 32' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M17 27 C10 20 5 16 6 10 C7 5 13 4 17 10 C21 4 28 5 29 10 C30 16 24 21 17 27 Z' stroke='%23FF6F61' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
      pointer-events: none;
    }

    .contact-panel p {
      position: relative;
      z-index: 2;
      max-width: 18.6rem;
      padding-top: 0.62rem;
      color: rgba(47, 47, 50, 0.88);
      font-size: clamp(0.98rem, 3.85vw, 1.04rem);
      line-height: 1.5;
    }

    .contact-info-card {
      gap: 0.98rem;
      margin-inline: 0;
      padding: 1rem 1.22rem 1.18rem;
      border: 0;
      border-radius: 1.75rem 1.95rem 1.75rem 1.75rem;
      color: var(--color-ink);
      background:
        linear-gradient(135deg, rgba(255, 253, 247, 0.98), rgba(255, 250, 241, 0.96)),
        var(--color-paper);
      background-size: auto;
      box-shadow:
        7px 8px 0 var(--color-sandy-clay),
        0 14px 24px rgba(47, 47, 50, 0.13);
    }

    .contact-info-card__header {
      grid-template-columns: 3.65rem minmax(0, 1fr);
      gap: 0.72rem;
      align-items: center;
    }

    .contact-info-card__header strong {
      font-size: clamp(1.22rem, 5.25vw, 1.42rem);
      line-height: 1.08;
      font-weight: 900;
    }

    .contact-info-card__header span:not(.contact-info-card__icon) {
      max-width: 13.8rem;
      color: var(--color-ink);
      font-size: 0.96rem;
      line-height: 1.28;
      font-weight: 680;
    }

    .contact-info-card__header .contact-info-card__icon {
      width: 3.35rem;
      height: 3.35rem;
      color: #557A35;
      background: rgba(111, 201, 191, 0.22);
      box-shadow: inset 0 0 0 2px rgba(85, 122, 53, 0.34);
    }

    .contact-info-card__header .contact-info-card__icon::before {
      width: 1.85rem;
      height: 1.85rem;
    }

    .contact-info-card__list {
      gap: 0;
      padding-top: 0.62rem;
      border-top: 1px dashed rgba(111, 201, 191, 0.62);
    }

    .contact-info-card__item {
      grid-template-columns: 3.05rem minmax(0, 1fr);
      gap: 0.76rem;
      min-height: 3.9rem;
      padding-block: 0.74rem;
      border-bottom: 1px solid rgba(47, 47, 50, 0.1);
      color: var(--color-ink);
      font-size: 0.97rem;
      line-height: 1.28;
      font-weight: 720;
      text-decoration: none;
    }

    .contact-info-card a {
      text-decoration: none;
    }

    .contact-info-card__item:last-child {
      min-height: 3.45rem;
      padding-bottom: 0;
      border-bottom: 0;
    }

    .contact-info-card__item > span:last-child {
      min-width: 0;
    }

    .contact-info-card__item a,
    .contact-info-card__item span:not(.contact-info-card__icon):not(.contact-info-card__label) {
      overflow-wrap: anywhere;
    }

    .contact-info-card__icon {
      width: 2.62rem;
      height: 2.62rem;
      color: var(--color-charcoal);
      background: rgba(255, 253, 247, 0.78);
    }

    .contact-info-card__item--phone .contact-info-card__icon {
      color: var(--color-ash-sage-dark);
      background: rgba(111, 201, 191, 0.24);
    }

    .contact-info-card__item--mail .contact-info-card__icon {
      color: var(--color-sandy-clay);
      background: rgba(255, 197, 188, 0.36);
    }

    .contact-info-card__item--instagram .contact-info-card__icon {
      color: #D95F8D;
      background: rgba(255, 176, 194, 0.38);
    }

    .contact-info-card__item--price .contact-info-card__icon {
      color: #E6A600;
      background: rgba(255, 224, 122, 0.46);
    }

    .contact-info-card__icon::before {
      width: 1.26rem;
      height: 1.26rem;
    }

    .contact-info-card__label {
      color: var(--color-ash-sage-dark);
      letter-spacing: 0;
      text-transform: none;
    }

    .contact-info-card__item--mail .contact-info-card__label {
      color: var(--color-sandy-clay);
    }

    .contact-info-card__item--instagram .contact-info-card__label {
      color: #D95F8D;
    }

    .contact-info-card__item--price .contact-info-card__label {
      color: #E6A600;
    }

    .cookie-banner {
      inset-inline: 0.75rem;
      bottom: 0.75rem;
      width: calc(100% - 1.5rem);
      padding: 0.92rem;
      border-radius: 1.08rem;
    }

    .cookie-banner__actions {
      align-items: stretch;
      flex-direction: column;
    }
  }
}