:root {
      color-scheme: light;
      --paper: #f7f2e8;
      --cream: #fcfaf5;
      --white: #ffffff;
      --forest: #284b3c;
      --forest-dark: #17372c;
      --ink: #292a25;
      --sage: #a8b59e;
      --sage-pale: #e8ede4;
      --clay: #b96d50;
      --gold: #a8884e;
      --line: #d9d3c7;
      --season-burnt-orange: #a5522d;
      --season-rust: #8e4933;
      --season-copper: #b27552;
      --season-ochre: #c29537;
      --season-olive: #68734a;
      --season-burgundy: #6b263d;
      --season-paper: #f0e2cc;
      --season-line: #c9a878;
      --serif: var(--font-display);
      --script: var(--font-script);
      --sans: var(--font-reading);
      --content: 1180px;
    }

    * { box-sizing: border-box; }
    html { overflow-x: hidden; scroll-behavior: smooth; }
    body {
      margin: 0;
      overflow-x: hidden;
      background: var(--cream);
      color: var(--ink);
      font-family: var(--sans);
      font-size: 1rem;
      line-height: 1.55;
    }
    body[data-season="fall"] {
      background:
        radial-gradient(circle at 3% 17%, rgba(194, 149, 55, .08), transparent 19rem),
        radial-gradient(circle at 98% 56%, rgba(107, 38, 61, .055), transparent 18rem),
        var(--cream);
    }
    img { display: block; width: 100%; }
    a { color: inherit; }
    button, a { -webkit-tap-highlight-color: transparent; }
    :focus-visible { outline: 3px solid var(--clay); outline-offset: 4px; }
    .skip-link {
      position: absolute;
      left: 1rem;
      top: -5rem;
      background: var(--forest-dark);
      color: var(--white);
      padding: .75rem 1rem;
      z-index: 100;
    }
    .skip-link:focus { top: 1rem; }
    .wrap { width: min(calc(100% - 2.5rem), var(--content)); margin-inline: auto; }

    .production-bar {
      background: var(--forest-dark);
      color: var(--white);
      padding: .65rem 1rem;
      text-align: center;
      font-size: .94rem;
      letter-spacing: .01em;
    }

    .site-header {
      background: rgba(252, 250, 245, .98);
      border-bottom: 1px solid var(--line);
    }
    .header-inner {
      min-height: 82px;
      display: grid;
      grid-template-columns: minmax(240px, 1fr) auto auto;
      align-items: center;
      gap: 2rem;
    }
    .brand {
      font-family: var(--serif);
      font-size: clamp(1.65rem, 2.6vw, 2.3rem);
      font-weight: 600;
      line-height: 1;
      color: var(--forest-dark);
      text-decoration: none;
    }
    .desktop-nav { display: flex; align-items: center; gap: 1.55rem; }
    .desktop-nav a,
    .header-actions a {
      text-decoration: none;
      font-weight: 600;
    }
    .desktop-nav a:hover,
    .header-actions a:hover { color: var(--clay); }
    .header-actions { display: flex; gap: .85rem; align-items: center; }
    .icon-link {
      display: inline-grid;
      place-items: center;
      min-width: 44px;
      min-height: 44px;
      border: 1px solid var(--line);
      border-radius: 50%;
      text-decoration: none;
    }
    .mobile-menu { display: none; }

    .hero-shell {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 12% 15%, rgba(104, 115, 74, .18), transparent 24%),
        radial-gradient(circle at 90% 84%, rgba(165, 82, 45, .12), transparent 22%),
        var(--paper);
      border-bottom: 1px solid var(--line);
    }
    .hero-shell::after {
      content: "";
      position: absolute;
      inset: auto 0 -1px;
      height: 13px;
      background: var(--cream);
      clip-path: polygon(0 58%, 3% 36%, 7% 63%, 11% 38%, 16% 59%, 21% 35%, 27% 61%, 33% 40%, 39% 63%, 45% 39%, 51% 58%, 58% 36%, 65% 62%, 72% 38%, 78% 59%, 84% 35%, 91% 62%, 96% 40%, 100% 57%, 100% 100%, 0 100%);
    }
    .hero {
      min-height: 455px;
      display: grid;
      grid-template-columns: .92fr 1.08fr;
      align-items: center;
      gap: clamp(2rem, 5vw, 5rem);
      padding-block: clamp(2.75rem, 5vw, 4.75rem);
    }
    .eyebrow {
      margin: 0 0 .5rem;
      color: var(--season-rust);
      font-size: .86rem;
      font-weight: 700;
      letter-spacing: .14em;
      text-transform: uppercase;
    }
    .hero h1 {
      margin: 0;
      color: var(--forest-dark);
      line-height: .94;
      max-width: 700px;
    }
    .hero-title-main {
      display: block;
      font-family: var(--serif);
      font-size: clamp(3.5rem, 6vw, 6.25rem);
      font-weight: 600;
      letter-spacing: -.035em;
    }
    .hero-title-script {
      display: block;
      margin-top: .15em;
      padding-left: .6em;
      font-family: var(--script);
      font-size: clamp(2.5rem, 4.9vw, 5rem);
      font-weight: 400;
      color: var(--season-rust);
      letter-spacing: 0;
    }
    .hero-copy {
      max-width: 610px;
      margin: 1.4rem 0 0;
      color: #48534c;
      font-size: 1.12rem;
      line-height: 1.55;
    }
    .hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.55rem; }
    .button {
      min-height: 48px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: .75rem 1.2rem;
      border: 2px solid var(--forest);
      border-radius: 3px;
      font-family: var(--sans);
      font-weight: 700;
      text-decoration: none;
      transition: transform 180ms ease, background-color 180ms ease, color 180ms ease;
    }
    .button:hover { transform: translateY(-2px); }
    .button-primary { background: var(--forest); color: var(--white); }
    .button-primary:hover { background: var(--forest-dark); }
    .button-secondary { background: transparent; color: var(--forest-dark); }
    .button-secondary:hover { background: var(--white); }

    .hero-visual {
      position: relative;
      isolation: isolate;
      min-width: 0;
      min-height: 360px;
      display: grid;
      place-items: center;
      padding: 1.25rem 0 1rem 1.5rem;
    }
    .hero-story-collage { position: relative; width: min(100%, 570px); min-height: 350px; }
    .hero-paper-back,
    .hero-paper-front {
      position: absolute;
      pointer-events: none;
    }
    .hero-paper-back {
      inset: 1.6rem 1.1rem 1.25rem 2.7rem;
      background: rgba(194, 149, 55, .16);
      transform: rotate(2.1deg);
      clip-path: polygon(2% 2%, 18% .6%, 36% 2.1%, 54% .7%, 72% 2.3%, 89% .8%, 98% 2.5%, 99% 23%, 98% 45%, 99% 67%, 98% 97%, 78% 99%, 57% 98%, 35% 99%, 2% 97%, 1% 74%, 2% 50%, 1% 25%);
    }
    .hero-paper-front {
      z-index: 1;
      inset: 2.35rem 2rem 2rem 3.5rem;
      background:
        radial-gradient(circle at 83% 20%, rgba(107, 38, 61, .11), transparent 9rem),
        radial-gradient(circle at 18% 80%, rgba(104, 115, 74, .13), transparent 10rem),
        linear-gradient(135deg, rgba(255, 255, 255, .48), transparent 55%),
        var(--season-paper);
      filter: drop-shadow(0 15px 24px rgba(41, 42, 37, .12));
      transform: rotate(-1deg);
      clip-path: polygon(1.5% 3%, 12% 1%, 24% 2.5%, 37% .8%, 51% 2.4%, 65% .7%, 79% 2.3%, 91% .8%, 98.5% 2.7%, 99% 17%, 98.2% 33%, 99% 50%, 98.2% 68%, 99% 84%, 98% 97%, 84% 99%, 68% 98%, 51% 99%, 34% 98%, 18% 99%, 1.5% 97%, .8% 82%, 1.7% 65%, .7% 48%, 1.6% 31%, .7% 15%);
    }
    .hero-border-art {
      position: absolute;
      z-index: 2;
      left: -2.75rem;
      bottom: -2rem;
      width: min(91%, 510px);
      height: auto;
      opacity: .79;
      pointer-events: none;
      user-select: none;
      animation: fall-drift 18s ease-in-out infinite alternate;
    }
    .hero-season-note {
      position: absolute;
      z-index: 3;
      top: 35%;
      right: 7%;
      width: 56%;
      margin: 0;
      color: var(--season-rust);
      text-align: center;
      font: 400 clamp(2rem, 3.4vw, 3.45rem)/.95 var(--script);
      transform: rotate(-2deg);
    }
    .hero-season-note strong {
      display: block;
      font-family: var(--serif);
      font-size: .62em;
      font-weight: 600;
      line-height: 1;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    @keyframes fall-drift {
      from { transform: translate3d(0, 0, 0) rotate(-.25deg); }
      to { transform: translate3d(3px, -4px, 0) rotate(.2deg); }
    }

    .story-page-divider {
      position: relative;
      height: 42px;
      display: grid;
      grid-template-columns: minmax(28px, 120px) auto minmax(28px, 120px);
      align-items: center;
      justify-content: center;
      gap: .8rem;
      color: var(--season-ochre);
      background: var(--cream);
    }
    .story-page-divider::before,
    .story-page-divider::after {
      content: "";
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(142,73,51,.35));
    }
    .story-page-divider::after { transform: scaleX(-1); }
    .story-page-divider span { font-family: var(--serif); font-size: 1.4rem; line-height: 1; }

    .section { padding-block: clamp(3.5rem, 7vw, 6.5rem); }
    .section-heading {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 1rem;
      margin-bottom: 1.6rem;
    }
    .section-heading-copy p { margin: .65rem 0 0; color: #555851; font-size: 1.04rem; }
    h2, h3 { font-family: var(--serif); color: var(--forest-dark); }
    h2 { margin: 0; font-size: clamp(2.5rem, 4vw, 4rem); line-height: 1; font-weight: 600; }
    .text-link { color: var(--forest-dark); font-weight: 700; text-underline-offset: .25em; }

    .product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
    .product-card {
      display: flex;
      flex-direction: column;
      background: var(--white);
      border: 1px solid var(--line);
    }
    .product-photo { aspect-ratio: 4 / 5; object-fit: cover; object-position: center; background: #eeeeeb; }
    .product-photo-placeholder {
      display: grid;
      place-items: center;
      padding: 1.35rem;
      background:
        linear-gradient(135deg, rgba(104, 115, 74, .08), transparent 52%),
        repeating-linear-gradient(-38deg, transparent 0 22px, rgba(165, 82, 45, .035) 22px 23px),
        #f3eee4;
      border-bottom: 1px solid var(--line);
      color: var(--forest-dark);
      text-align: center;
    }
    .photo-needed-label { display: block; color: var(--season-rust); font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
    .photo-needed-product { display: block; margin-top: .55rem; font-family: var(--serif); font-size: clamp(1.25rem, 1.7vw, 1.6rem); font-weight: 600; line-height: 1.05; }
    .photo-needed-source { display: block; margin-top: .65rem; color: #5b5e57; font-size: .82rem; line-height: 1.35; }
    .product-content {
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: 1.1rem;
    }
    .product-content::before {
      content: "";
      width: 78px;
      height: 38px;
      flex: 0 0 auto;
      align-self: flex-end;
      margin: -.2rem -.1rem .15rem 0;
      background: url("../images/fall-botanical-branch.webp") center / contain no-repeat;
      opacity: .66;
      pointer-events: none;
    }
    .product-content h3 {
      margin: 0;
      font-family: var(--sans);
      font-size: 1.08rem;
      line-height: 1.32;
      font-weight: 700;
      color: var(--ink);
    }
    .product-content h3 a { text-decoration: none; }
    .product-content h3 a:hover { color: var(--season-rust); text-decoration: underline; text-underline-offset: .2em; }
    .option-summary { min-height: 2.7em; margin: .65rem 0 0; color: #565951; font-size: .9rem; line-height: 1.35; }
    .option-summary strong { color: var(--forest-dark); }
    .price { margin: .55rem 0 .9rem; font-size: 1.05rem; font-weight: 600; }
    .product-content .button {
      width: 100%;
      margin-top: auto;
    }

    .seasonal-section {
      position: relative;
      padding-block: clamp(3.5rem, 7vw, 6.5rem);
      background:
        radial-gradient(circle at 6% 15%, rgba(194, 149, 55, .09), transparent 17rem),
        linear-gradient(180deg, rgba(240, 226, 204, .22), transparent 48%),
        var(--cream);
      border-top: 1px solid var(--line);
    }
    .seasonal-heading { max-width: 750px; margin-bottom: 1.4rem; }
    .seasonal-heading p:last-child { max-width: 650px; margin: .8rem 0 0; color: #555851; }

    .fragrance-display {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      padding: clamp(2rem, 5vw, 3.75rem);
      background:
        radial-gradient(circle at 92% 8%, rgba(194,149,55,.13), transparent 14rem),
        linear-gradient(145deg, rgba(165,82,45,.075), transparent 55%),
        var(--season-paper);
      border: 1px solid var(--season-line);
      box-shadow: 0 18px 34px rgba(41,42,37,.08);
      clip-path: polygon(.8% 2.1%, 9% .7%, 18% 2%, 29% .6%, 41% 2.1%, 53% .7%, 65% 2%, 77% .6%, 89% 2.1%, 99.2% .8%, 98.7% 18%, 99.2% 36%, 98.7% 54%, 99.2% 72%, 98.7% 98%, 84% 99.2%, 68% 98.3%, 52% 99.1%, 36% 98.4%, 20% 99.2%, .9% 98%, 1.4% 78%, .7% 58%, 1.4% 38%, .7% 18%);
    }
    .fragrance-display::before {
      content: "";
      position: absolute;
      z-index: 0;
      right: -1.4rem;
      top: -1.1rem;
      width: 185px;
      height: 185px;
      background: url("../images/fall-acorn-border-clean.webp") right top / contain no-repeat;
      opacity: .1;
      pointer-events: none;
      transform: rotate(90deg);
    }
    .fragrance-display > * { position: relative; z-index: 1; }
    .fragrance-display-heading { max-width: 810px; }
    .fragrance-display-heading h3 { margin: 0; font-size: clamp(2rem, 3.4vw, 3rem); line-height: 1.05; }
    .fragrance-display-heading p { max-width: 760px; margin: .8rem 0 0; color: #50544e; }
    .fragrance-card-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      grid-auto-rows: 1fr;
      gap: 1rem;
      margin-top: 1.75rem;
    }
    .fragrance-empty-state {
      grid-column: 1 / -1;
      margin: 0;
      padding: 1.35rem 1.5rem;
      border: 1px solid rgba(142,73,51,.22);
      color: var(--forest-dark);
      background: rgba(252,250,245,.86);
      font-weight: 600;
      text-align: center;
    }
    .fragrance-card {
      position: relative;
      display: flex;
      min-width: 0;
      min-height: 225px;
      flex-direction: column;
      padding: 1.5rem 1.35rem;
      overflow: hidden;
      background: rgba(252,250,245,.9);
      border: 1px solid rgba(142,73,51,.24);
      box-shadow: 0 10px 20px rgba(41,42,37,.055);
      clip-path: polygon(1.5% 3%, 15% 1%, 31% 2.8%, 48% .9%, 65% 2.6%, 83% 1%, 98.5% 3%, 99% 22%, 98.2% 45%, 99% 68%, 98.2% 98%, 80% 99%, 61% 98%, 42% 99%, 22% 98%, 1.4% 99%, .8% 76%, 1.5% 51%, .8% 27%);
    }
    .fragrance-card::after {
      content: "";
      position: absolute;
      right: -.45rem;
      top: -.4rem;
      width: 74px;
      height: 74px;
      background: url("../images/fall-botanical-branch.webp") center / contain no-repeat;
      opacity: .22;
      pointer-events: none;
      transform: rotate(12deg);
    }
    .fragrance-card:nth-child(even)::after { transform: scaleX(-1) rotate(12deg); }
    .fragrance-card > * { position: relative; z-index: 1; }
    .fragrance-card-meta { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; }
    .fragrance-card-label {
      color: var(--season-rust);
      font-size: .72rem;
      font-weight: 700;
      letter-spacing: .11em;
      text-transform: uppercase;
    }
    .fragrance-card h4 { margin: .65rem 0 0; padding-right: 2.1rem; color: var(--forest-dark); font-size: 1.65rem; line-height: 1.05; }
    .fragrance-season { flex: 0 0 auto; padding: .14rem .45rem; border: 1px solid rgba(142,73,51,.28); color: var(--season-rust); font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
    .fragrance-category { margin: .55rem 0 0; color: #555851; font-size: .94rem; }
    .fragrance-category strong { color: var(--forest-dark); }
    .fragrance-description { margin: .7rem 0 1rem; color: #51544e; }
    .fragrance-availability { margin: auto 0 0; padding-top: .9rem; border-top: 1px solid rgba(142,73,51,.18); color: #555851; font-size: .94rem; }
    .fragrance-availability strong { display: block; margin-bottom: .2rem; color: var(--forest-dark); font-size: .78rem; letter-spacing: .07em; text-transform: uppercase; }
    .fragrance-story { margin-top: 1rem; border-top: 1px solid rgba(142,73,51,.18); }
    .fragrance-story summary { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: .75rem; color: var(--season-rust); font-weight: 700; cursor: pointer; list-style: none; }
    .fragrance-story summary::-webkit-details-marker { display: none; }
    .fragrance-story summary::after { content: "+"; flex: 0 0 auto; font-family: var(--sans); font-size: 1.25rem; }
    .fragrance-story[open] summary::after { content: "−"; }
    .fragrance-story-page { margin: 0 -.35rem .15rem; padding: .85rem; background: rgba(240,226,204,.55); border: 1px solid rgba(142,73,51,.14); clip-path: polygon(1% 3%,18% 1%,36% 3%,54% 1%,72% 3%,89% 1%,99% 3%,98% 98%,78% 99%,55% 98%,32% 99%,1% 97%); }
    .fragrance-note-list { margin: 0; }
    .fragrance-note-levels { margin: 0; }
    .fragrance-note-levels div + div { margin-top: .55rem; }
    .fragrance-note-levels dt { color: var(--forest-dark); font-weight: 700; }
    .fragrance-note-levels dd { margin: .12rem 0 0; }
    .seasonal-compatibility-note { margin: 1.4rem 0 0; padding: 1rem 1.15rem; border-left: 3px solid var(--season-rust); color: var(--forest-dark); background: rgba(255,255,255,.45); }
    .fragrance-library-link { display: inline-flex; margin: 1.25rem 0 .75rem; color: var(--season-rust); font-weight: 700; text-underline-offset: .24em; }

    .fragrance-request-note {
      position: relative;
      isolation: isolate;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 2rem;
      max-width: 960px;
      margin: 1.5rem auto 0;
      padding: clamp(1.6rem, 4vw, 2.6rem);
      background:
        radial-gradient(circle at 92% 12%, rgba(194, 149, 55, .16), transparent 11rem),
        linear-gradient(120deg, rgba(255,255,255,.52), transparent 64%),
        #f2e5cf;
      border: 1px solid var(--season-line);
      filter: drop-shadow(0 13px 18px rgba(41, 42, 37, .09));
      clip-path: polygon(1% 3%, 12% .8%, 25% 2.5%, 39% .7%, 53% 2.4%, 68% .9%, 84% 2.6%, 99% 1%, 98.4% 20%, 99.2% 41%, 98.4% 63%, 99% 82%, 98% 98%, 82% 99%, 65% 98%, 48% 99%, 31% 98%, 14% 99%, 1% 97%, 1.7% 77%, .7% 57%, 1.6% 36%, .8% 17%);
    }
    .fragrance-request-note::before {
      content: "";
      position: absolute;
      z-index: 0;
      right: .35rem;
      bottom: .2rem;
      width: 155px;
      height: 155px;
      background: url("../images/fall-acorn-border-clean.webp") right bottom / contain no-repeat;
      opacity: .13;
      pointer-events: none;
    }
    .fragrance-request-note > * { position: relative; z-index: 1; }
    .fragrance-request-note h3 { margin: 0; font-size: clamp(2rem, 3vw, 2.7rem); line-height: 1; }
    .fragrance-request-note p { max-width: 720px; margin: .7rem 0 0; }
    .fragrance-request-note .button { min-width: 210px; background: var(--cream); }

    .chapter-image-placeholder {
      position: relative;
      display: grid;
      place-items: center;
      overflow: hidden;
      padding: 1.5rem;
      color: var(--forest-dark);
      text-align: center;
      background:
        radial-gradient(circle at 26% 24%, rgba(255,255,255,.72), transparent 9rem),
        linear-gradient(145deg, rgba(104,115,74,.20), rgba(194,149,55,.10)),
        #e8e3d7;
    }
    .chapter-image-placeholder::before {
      content: "";
      position: absolute;
      inset: 1rem;
      border: 1px dashed rgba(40,75,60,.28);
      pointer-events: none;
    }
    .chapter-image-placeholder::after {
      content: "";
      position: absolute;
      z-index: 0;
      right: -1.15rem;
      bottom: -1.4rem;
      width: 180px;
      height: 180px;
      background: url("../images/fall-botanical-branch.webp") right bottom / contain no-repeat;
      opacity: .16;
      pointer-events: none;
      transform: rotate(-6deg);
    }
    .placeholder-content { position: relative; z-index: 1; max-width: 380px; }
    .placeholder-type {
      display: inline-block;
      padding: .3rem .55rem;
      border-radius: 999px;
      color: var(--season-burgundy);
      background: rgba(252,250,245,.82);
      font-size: .7rem;
      font-weight: 700;
      letter-spacing: .09em;
      text-transform: uppercase;
    }
    .placeholder-direction { display: block; margin-top: .75rem; font-family: var(--serif); font-size: clamp(1.25rem, 2.1vw, 1.75rem); font-weight: 600; line-height: 1.16; }
    .placeholder-license { display: block; margin-top: .7rem; color: #555d57; font-size: .78rem; }
    .chapters-section {
      position: relative;
      padding-block: clamp(4rem, 8vw, 7rem);
      overflow: hidden;
      background:
        radial-gradient(circle at 96% 12%, rgba(107,38,61,.06), transparent 20rem),
        var(--cream);
    }
    .chapters-heading { max-width: 760px; margin-bottom: 1.8rem; }
    .chapters-heading p:last-child { margin: .75rem 0 0; color: #555851; }
    .chapter-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); grid-auto-rows: 1fr; gap: 1.25rem; }
    .chapter-card {
      position: relative;
      display: grid;
      grid-template-columns: .93fr 1.07fr;
      min-height: 310px;
      overflow: hidden;
      border: 1px solid var(--line);
      background: white;
      box-shadow: 0 14px 28px rgba(41,42,37,.08);
    }
    .chapter-card:nth-child(4n+2),
    .chapter-card:nth-child(4n+3) { background: #f8f1e4; }
    .chapter-card:nth-child(even) .chapter-image-placeholder { order: 2; }
    .chapter-image-placeholder { min-height: 100%; padding: 1.1rem; }
    .chapter-card:nth-child(even) .chapter-image-placeholder::after {
      right: auto;
      left: -2.25rem;
      transform: scaleX(-1) rotate(-8deg);
    }
    .chapter-image-placeholder .placeholder-direction { font-size: 1.2rem; }
    .chapter-image-placeholder .placeholder-license { font-size: .72rem; }
    .chapter-copy {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      padding: clamp(1.4rem, 3vw, 2.2rem);
    }
    .chapter-copy::after {
      content: "❧";
      position: absolute;
      right: 1rem;
      top: .7rem;
      color: var(--season-ochre);
      font-family: var(--serif);
      font-size: 1.6rem;
      opacity: .58;
    }
    .chapter-copy h3 {
      margin: 0;
      padding-inline: .65rem 1.4rem;
      border-left: 3px solid var(--season-rust);
      color: var(--forest-dark);
      font-size: clamp(1.48rem, 2.15vw, 1.95rem);
      line-height: 1.05;
    }
    .chapter-copy p { margin: .75rem 0 1.1rem; color: #50544e; }
    .chapter-copy .button { min-height: 44px; margin-top: auto; padding-block: .6rem; }
    .no-script-chapters { padding: 1rem; border: 1px solid var(--season-line); background: var(--paper); }

    .about-section {
      padding-block: clamp(4rem, 8vw, 7rem);
      background:
        linear-gradient(135deg, rgba(104,115,74,.08), transparent 48%),
        var(--paper);
      border-block: 1px solid var(--line);
    }
    .about-card {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      max-width: 1080px;
      margin-inline: auto;
      padding: clamp(2rem, 5vw, 4.5rem);
      background:
        radial-gradient(circle at 92% 12%, rgba(194,149,55,.13), transparent 13rem),
        rgba(252,250,245,.96);
      border: 1px solid var(--season-line);
      box-shadow: 0 18px 38px rgba(41,42,37,.09);
      clip-path: polygon(.8% 2.2%, 11% .7%, 23% 1.9%, 36% .6%, 49% 2%, 62% .6%, 75% 1.9%, 88% .7%, 99.2% 2.2%, 98.7% 21%, 99.3% 42%, 98.7% 63%, 99.2% 82%, 98.8% 98%, 83% 99.3%, 67% 98.5%, 51% 99.2%, 34% 98.4%, 17% 99.2%, .9% 98%, 1.4% 78%, .7% 58%, 1.4% 38%, .7% 18%);
    }
    .about-card::before {
      content: "";
      position: absolute;
      inset: 11px;
      z-index: 0;
      border: 1px solid rgba(142,73,51,.18);
      pointer-events: none;
    }
    .about-layout {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(220px, 260px);
      align-items: center;
      gap: clamp(2rem, 4vw, 4rem);
    }
    .about-content { min-width: 0; max-width: 740px; }
    .about-content .script-accent { margin-bottom: .2rem; }
    .about-content h2 { margin-bottom: 1.35rem; }
    .about-content p { margin: 0 0 1rem; }
    .about-content p:last-child { margin-bottom: 0; }
    .about-content .button { margin-top: .6rem; }
    .maker-seal {
      display: grid;
      place-items: center;
      min-width: 0;
      padding: .75rem;
    }
    .seasonal-maker-logo {
      display: block;
      width: 100%;
      height: auto;
      aspect-ratio: 1;
      object-fit: contain;
    }
    .maker-seal-logo {
      width: clamp(220px, 19vw, 260px);
      height: auto;
      aspect-ratio: 1 / 1;
      object-fit: contain;
    }

    body.reveal-ready .reveal-target { opacity: 0; transform: translateY(18px); }
    body.reveal-ready .reveal-target.is-visible { opacity: 1; transform: translateY(0); transition: opacity 560ms ease, transform 560ms ease; }

    .fragrance-dialog {
      width: min(680px, calc(100% - 2rem));
      max-height: calc(100vh - 2rem);
      padding: 0;
      overflow: auto;
      border: 1px solid var(--season-line);
      border-radius: 8px;
      color: var(--ink);
      background: var(--paper);
      box-shadow: 0 24px 70px rgba(23,55,44,.30);
    }
    .fragrance-dialog::backdrop { background: rgba(23,55,44,.66); }
    .dialog-inner { position: relative; padding: clamp(1.3rem, 3vw, 2rem); }
    .dialog-inner::after { content: ""; position: absolute; right: -2rem; top: -2rem; width: 165px; height: 165px; background: url("../images/fall-acorn-border-clean.webp") right top / contain no-repeat; opacity: .15; pointer-events: none; }
    .dialog-close { position: absolute; z-index: 2; right: .8rem; top: .75rem; display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--forest-dark); background: var(--cream); font-size: 1.55rem; cursor: pointer; }
    .fragrance-dialog h2 { margin: 0; padding-right: 2.6rem; font-size: clamp(2.3rem, 5vw, 3.15rem); }
    .dialog-intro { max-width: 560px; margin: .55rem 0 .9rem; }
    .prototype-form-note { padding: .6rem .8rem; border-left: 4px solid var(--season-ochre); background: #f7ecd6; font-size: .8rem; }
    .request-form { display: grid; gap: .65rem; margin-top: .9rem; }
    .request-form label { display: block; font-weight: 700; }
    .request-form input,
    .request-form textarea { display: block; width: 100%; min-height: 42px; margin-top: .28rem; padding: .58rem .68rem; border: 1px solid #aaa99f; border-radius: 3px; color: var(--ink); background: white; font: inherit; }
    .request-form textarea { min-height: 78px; resize: vertical; }
    .request-form small { display: block; margin-top: .22rem; color: #5a5d56; font-weight: 400; }
    .form-required { color: var(--season-burgundy); }
    .request-form .button { justify-self: start; }
    .request-success { margin-top: 1.2rem; padding: 1rem; border: 1px solid #9ab09d; border-radius: 4px; color: var(--forest-dark); background: #edf4ea; font-weight: 700; }
    .request-success[hidden] { display: none; }

    .testimonial-section {
      position: relative;
      padding-block: clamp(3.5rem, 7vw, 6.25rem);
      background:
        radial-gradient(circle at 96% 12%, rgba(194, 149, 55, .11), transparent 17rem),
        var(--cream);
      border-top: 1px solid var(--line);
    }
    .testimonial-inner { position: relative; z-index: 1; }
    .testimonial-page {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      padding: clamp(1.8rem, 4vw, 3.2rem);
      background: rgba(252,250,245,.86);
      border: 1px solid rgba(142,73,51,.18);
      box-shadow: 0 14px 30px rgba(41,42,37,.06);
      clip-path: polygon(.7% 2%, 13% .7%, 27% 1.9%, 42% .6%, 57% 2%, 72% .7%, 87% 1.9%, 99.3% .8%, 98.8% 24%, 99.3% 49%, 98.8% 74%, 99.2% 98%, 81% 99.2%, 62% 98.5%, 43% 99.2%, 24% 98.4%, .8% 99%, 1.3% 74%, .7% 49%, 1.3% 24%);
    }
    .testimonial-page::before,
    .testimonial-page::after {
      content: "";
      position: absolute;
      z-index: 0;
      width: 145px;
      height: 145px;
      background: url("../images/fall-botanical-branch.webp") center / contain no-repeat;
      opacity: .08;
      pointer-events: none;
    }
    .testimonial-page::before { left: -.4rem; top: -.6rem; transform: scaleX(-1) rotate(5deg); }
    .testimonial-page::after { right: -.5rem; bottom: -.8rem; transform: rotate(-5deg); }
    .testimonial-page > * { position: relative; z-index: 1; }
    .testimonial-heading { max-width: 740px; margin-bottom: 1.75rem; }
    .testimonial-heading .script-accent { margin-bottom: .15rem; }
    .testimonial-heading p:last-child { max-width: 620px; margin: .85rem 0 0; }
    .testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.15rem; }
    .testimonial-card {
      position: relative;
      overflow: hidden;
      min-height: 245px;
      padding: clamp(1.4rem, 3vw, 2.1rem);
      background: rgba(255, 255, 255, .94);
      border: 1px solid var(--season-line);
      filter: drop-shadow(0 10px 18px rgba(41, 42, 37, .07));
      clip-path: polygon(1.3% 2.8%, 13% .8%, 26% 2.5%, 40% .7%, 54% 2.4%, 68% .8%, 83% 2.6%, 98.5% 1%, 99% 18%, 98.2% 37%, 99% 56%, 98.1% 76%, 99% 98%, 82% 99%, 64% 98.1%, 46% 99%, 28% 98%, 1% 99%, 1.8% 80%, .8% 60%, 1.7% 40%, .8% 20%);
    }
    .testimonial-card:nth-child(2) { background: rgba(247, 242, 232, .96); transform: rotate(.35deg); }
    .testimonial-card:nth-child(3) { background: rgba(240, 226, 204, .72); transform: rotate(-.28deg); }
    .testimonial-placeholder-label {
      display: inline-block;
      margin-bottom: .85rem;
      color: var(--season-rust);
      font-size: .79rem;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;
    }
    .testimonial-card h3 { margin: 0; font-size: 1.65rem; line-height: 1.05; }
    .testimonial-card p { margin: .8rem 0 0; }
    .testimonial-source-note { color: #585a54; font-size: .9rem; font-weight: 600; }
    .story-section {
      position: relative;
      background:
        linear-gradient(90deg, rgba(104,115,74,.13), transparent 28%, transparent 70%, rgba(165,82,45,.09)),
        var(--paper);
      border-block: 1px solid var(--line);
      text-align: center;
      padding-block: clamp(3.5rem, 7vw, 6.5rem);
    }
    .story-section::before {
      content: "";
      position: absolute;
      inset: -12px 0 auto;
      height: 13px;
      background: var(--paper);
      clip-path: polygon(0 55%, 5% 37%, 11% 62%, 18% 39%, 25% 60%, 33% 35%, 41% 63%, 49% 40%, 57% 58%, 65% 36%, 73% 63%, 81% 38%, 89% 59%, 95% 35%, 100% 57%, 100% 100%, 0 100%);
    }
    .story-inner {
      position: relative;
      z-index: 1;
      overflow: hidden;
      max-width: 960px;
      margin-inline: auto;
      padding: clamp(2rem, 5vw, 3.7rem);
      background: rgba(252,250,245,.72);
      border: 1px solid rgba(142,73,51,.2);
      box-shadow: 0 14px 30px rgba(41,42,37,.07);
      clip-path: polygon(.8% 2.3%, 13% .7%, 27% 2%, 42% .6%, 57% 2%, 72% .7%, 87% 2.1%, 99.2% .8%, 98.7% 24%, 99.2% 49%, 98.7% 74%, 99.1% 98%, 81% 99.2%, 62% 98.4%, 43% 99.2%, 24% 98.4%, .9% 99%, 1.4% 74%, .7% 49%, 1.4% 24%);
    }
    .story-inner::after {
      content: "";
      position: absolute;
      z-index: 0;
      right: -.8rem;
      bottom: -1.3rem;
      width: min(24vw, 220px);
      height: min(24vw, 220px);
      background: url("../images/fall-acorn-border-clean.webp") right bottom / contain no-repeat;
      opacity: .11;
      pointer-events: none;
    }
    .story-inner::before {
      content: "";
      position: absolute;
      z-index: 0;
      left: -.35rem;
      top: -.5rem;
      width: 125px;
      height: 125px;
      background: url("../images/fall-botanical-branch.webp") left top / contain no-repeat;
      opacity: .075;
      pointer-events: none;
      transform: scaleX(-1) rotate(6deg);
    }
    .story-inner > * { position: relative; z-index: 1; }
    .script-accent { margin: 0 0 .35rem; color: var(--season-rust); font-family: var(--script); font-size: 2rem; }
    .story-section h2 { margin-bottom: 1rem; }
    .story-section p { margin: .55rem auto; max-width: 670px; }
    .story-section .text-link { display: inline-block; margin-top: .75rem; }

    footer { background: var(--cream); border-top: 1px solid var(--line); }
    .footer-inner {
      display: flex;
      align-items: center;
      flex-direction: column;
      gap: .8rem;
      padding-block: 2.2rem;
      text-align: center;
    }
    .footer-identity { display: grid; justify-items: center; gap: .3rem; }
    .footer-seasonal-logo {
      width: clamp(90px, 8vw, 115px);
      height: auto;
      aspect-ratio: 1 / 1;
      object-fit: contain;
      margin-bottom: .15rem;
    }
    .footer-brand {
      color: var(--forest-dark);
      font-family: var(--script);
      font-size: clamp(1.8rem, 3.2vw, 2.5rem);
      font-weight: 400;
      line-height: 1.05;
      letter-spacing: 0;
      white-space: nowrap;
    }
    .footer-location { margin: .15rem 0 0; color: var(--forest-dark); font-weight: 600; }
    .footer-contact { color: var(--season-rust); font-weight: 700; }
    .footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem 1.25rem; }
    .footer-links a { font-size: .94rem; }

    @media (max-width: 920px) {
      .header-inner { grid-template-columns: 1fr auto; min-height: 72px; gap: 1rem; }
      .desktop-nav { display: none; }
      .mobile-menu { display: block; }
      .mobile-menu summary {
        min-width: 44px;
        min-height: 44px;
        display: grid;
        place-items: center;
        border: 1px solid var(--line);
        border-radius: 50%;
        cursor: pointer;
        font-weight: 700;
        list-style: none;
      }
      .mobile-menu summary::-webkit-details-marker { display: none; }
      .mobile-menu nav { position: absolute; left: 1.25rem; right: 1.25rem; z-index: 20; background: var(--white); border: 1px solid var(--line); padding: .75rem; }
      .mobile-menu nav a { display: block; min-height: 44px; padding: .65rem; font-weight: 600; text-decoration: none; }
      .hero { grid-template-columns: 1fr 1fr; gap: 2rem; }
      .hero-title-main { font-size: clamp(3.15rem, 8vw, 4.8rem); }
      .hero-title-script { font-size: clamp(2.4rem, 7vw, 4rem); }
      .product-grid { grid-template-columns: repeat(2, 1fr); }
      .fragrance-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .fragrance-request-note { grid-template-columns: 1fr; gap: 1.2rem; }
      .fragrance-request-note .button { justify-self: start; }
      .chapter-grid { grid-template-columns: 1fr; }
    }

    @media (max-width: 680px) {
      .wrap { width: min(calc(100% - 1.5rem), var(--content)); }
      .production-bar { padding: .55rem .75rem; font-size: .84rem; line-height: 1.32; }
      .brand { font-size: 1.65rem; }
      .header-actions .search-link { display: none; }
      .hero { min-height: auto; grid-template-columns: 1fr; gap: 1.25rem; padding-block: 1.65rem 2rem; }
      .eyebrow { margin-bottom: .25rem; }
      .hero-title-main { font-size: clamp(2.8rem, 14vw, 4rem); }
      .hero-title-script { margin-top: .05em; padding-left: .3em; font-size: clamp(2.2rem, 12vw, 3.4rem); }
      .hero-copy { margin-top: 1rem; font-size: 1rem; }
      .hero-actions { margin-top: 1rem; }
      .hero-actions .button { flex: 1 1 160px; }
      .hero-visual { min-height: 218px; padding: .15rem 0 0; }
      .hero-story-collage { min-height: 215px; width: min(100%, 350px); }
      .hero-paper-back { inset: .85rem .4rem .7rem 1.55rem; }
      .hero-paper-front { inset: 1.2rem .85rem 1rem 2rem; }
      .hero-border-art { left: -.7rem; bottom: -.55rem; width: 67%; opacity: .58; }
      .hero-season-note { top: 32%; right: 3%; width: 57%; font-size: clamp(1.65rem, 9vw, 2.3rem); }
      .story-page-divider { height: 34px; grid-template-columns: 58px auto 58px; gap: .55rem; }
      .section { padding-block: 3.25rem; }
      .section-heading { align-items: flex-end; }
      h2 { font-size: 2.55rem; }
      .product-grid { grid-template-columns: 1fr; gap: .85rem; }
      .product-content { padding: .8rem; }
      .product-content::before { width: 64px; height: 30px; margin-bottom: .1rem; opacity: .58; }
      .product-content h3 { font-size: .98rem; }
      .price { font-size: .96rem; }
      .product-content .button { padding-inline: .5rem; font-size: .92rem; }
      .seasonal-section { padding-block: 3.25rem; }
      .fragrance-display {
        padding: 1.6rem 1.1rem 1.8rem;
        clip-path: polygon(0 10px, 18% 2px, 36% 10px, 54% 2px, 72% 10px, 89% 2px, 100% 10px, 100% calc(100% - 10px), 78% calc(100% - 2px), 55% calc(100% - 10px), 32% calc(100% - 2px), 0 calc(100% - 10px));
      }
      .fragrance-display::before { width: 110px; height: 110px; opacity: .07; }
      .fragrance-card-grid { grid-template-columns: 1fr; gap: .8rem; margin-top: 1.25rem; }
      .fragrance-card { min-height: auto; padding: 1.3rem 1.15rem; }
      .fragrance-card::after { width: 60px; height: 60px; opacity: .17; }
      .fragrance-request-note { padding: 1.5rem 1.2rem; clip-path: polygon(1.5% 3%, 18% 1%, 35% 2.7%, 53% 1%, 71% 2.6%, 88% 1%, 98.5% 3%, 99% 24%, 98% 49%, 99% 74%, 98% 98%, 77% 99%, 55% 98%, 33% 99%, 1.5% 98%, 1% 74%, 2% 49%, 1% 24%); }
      .fragrance-request-note::before { right: .2rem; bottom: .15rem; width: 100px; height: 100px; opacity: .09; }
      .fragrance-request-note .button { width: 100%; }
      .chapters-section { padding-block: 3.5rem; }
      .chapter-card { grid-template-columns: 1fr; min-height: auto; }
      .chapter-card:nth-child(even) .chapter-image-placeholder { order: 0; }
      .chapter-image-placeholder { min-height: 250px; }
      .chapter-image-placeholder::after,
      .chapter-card:nth-child(even) .chapter-image-placeholder::after {
        right: -.65rem;
        left: auto;
        width: 130px;
        height: 130px;
        opacity: .13;
        transform: rotate(-6deg);
      }
      .chapter-copy { min-height: 245px; padding: 1.5rem 1.2rem; }
      .chapter-copy .button { width: 100%; }
      .about-section { padding-block: 3.5rem; }
      .about-card { padding: 2rem 1.2rem 2.4rem; }
      .about-layout { grid-template-columns: 1fr; gap: 1.4rem; }
      .maker-seal { padding: .25rem; }
      .maker-seal-logo { width: clamp(150px, 32vw, 180px); }
      .about-content .button { width: 100%; }
      .testimonial-section { padding-block: 3.25rem; }
      .testimonial-page { padding: 1.6rem 1rem 1.9rem; }
      .testimonial-page::before,
      .testimonial-page::after { width: 90px; height: 90px; opacity: .055; }
      .testimonial-grid { grid-template-columns: 1fr; gap: .8rem; }
      .testimonial-card { min-height: 205px; transform: none !important; }
      .story-inner { padding: 2rem 1.15rem 2.35rem; }
      .story-inner::after { right: -.45rem; bottom: -.65rem; width: 130px; height: 130px; opacity: .08; }
      .story-inner::before { left: -.25rem; top: -.35rem; width: 85px; height: 85px; opacity: .05; }
      .footer-inner { align-items: center; }
      .footer-brand { white-space: normal; }
      .footer-links { justify-content: center; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { animation: none !important; transition: none !important; }
      body.reveal-ready .reveal-target { opacity: 1; transform: none; }
    }