.pf-page {
  background: var(--color-chalk-white);
}

.pf-page .pf-shell {
  width: min(100% - (var(--gutter) * 2), var(--container-max));
  margin-inline: auto;
}

.pf-page .pf-section-intro {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
}

.pf-page .pf-section-intro > * {
  min-width: 0;
  margin: 0;
}

.pf-page .pf-section-intro--five {
  width: calc((100% - 11 * 1.5rem) * 5 / 12 + 4 * 1.5rem);
}

.pf-hero {
  padding-block: clamp(4rem, 8vw, 6.5rem) var(--space-7);
  overflow: hidden;
}

.pf-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
  align-items: center;
}

.pf-hero__content {
  grid-column: 1 / span 5;
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  min-width: 0;
}

.pf-hero__content > * { margin: 0; min-width: 0; }
.pf-hero h1 { font-size: clamp(2.75rem, 5.5vw, 5.5rem); line-height: .9; }
.pf-hero__lead { max-width: 58ch; font-size: var(--text-intro); line-height: 1.5; }
.pf-hero__actions { align-items: flex-start; }
.pf-hero__actions .button { width: auto; }

.pf-hero__media {
  grid-column: 7 / span 6;
  min-width: 0;
  margin: 0;
}

.pf-hero__frame { height: clamp(30rem, 46vw, 42rem); overflow: hidden; background: var(--color-concrete-grey); }
.pf-hero__frame img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.pf-hero__media figcaption { margin-block-start: var(--space-3); padding-block-start: var(--space-3); border-block-start: var(--border); color: var(--color-text-muted); font-size: var(--text-technical); font-weight: 600; letter-spacing: .12em; line-height: 1.35; text-transform: uppercase; }
.pf-hero__number { position: absolute; right: -1.4rem; top: -3.8rem; color: rgb(32 35 34 / 14%); font-family: var(--font-heading); font-size: clamp(8rem, 16vw, 15rem); font-weight: 700; letter-spacing: -.08em; line-height: .8; pointer-events: none; }

.pf-hero__note {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-6);
}

.pf-hero__note p { grid-column: 1 / span 5; min-width: 0; max-width: 58ch; margin: 0; padding-top: var(--space-4); border-top: var(--border-accent); font-size: var(--text-intro); line-height: 1.5; }
.pf-hero__note a { grid-column: 7 / span 2; align-self: end; min-width: 0; }

.pf-occasions__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-8);
  border-top: var(--border-strong);
}

.pf-occasion { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; padding-top: var(--space-5); }
.pf-occasion > * { min-width: 0; margin: 0; }
.pf-module-mark { color: var(--color-accent); font-family: var(--font-heading); font-size: 2.5rem; line-height: 1; }
.pf-occasion p:not(.pf-module-mark) { max-width: 52ch; }

.pf-process__intro { display: flex; flex-direction: column; gap: var(--space-3); width: calc((100% - 11 * 1.5rem) * 6 / 12 + 5 * 1.5rem); min-width: 0; }
.pf-process__intro > * { margin: 0; min-width: 0; }
.pf-process__intro .intro { max-width: 65ch; }
.pf-process__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-8); }
.pf-process-step { position: relative; display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; padding-top: var(--space-4); border-top: var(--border-strong); }
.pf-process-step > * { min-width: 0; margin: 0; }
.pf-step-number { color: var(--color-accent); font-family: var(--font-heading); font-size: 1.75rem; font-weight: 700; line-height: 1; }
.pf-process-step p:not(.pf-step-number) { max-width: 50ch; }
.pf-process-step--accent { padding: var(--space-5); background: var(--color-paper-muted); border-top-color: var(--color-accent); }

.pf-kitchen__top { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); align-items: start; }
.pf-kitchen__intro { grid-column: 1 / span 6; display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; }
.pf-kitchen__intro > * { margin: 0; min-width: 0; }
.pf-kitchen__statement { max-width: 62ch; font-size: 1.75rem; line-height: 1.35; }
.pf-kitchen__media { grid-column: 8 / span 5; width: 100%; min-width: 0; margin: 0; }
.pf-kitchen__media img { width: 100%; height: 33rem; object-fit: cover; transition: object-position var(--transition-fast); }
.pf-kitchen__media:hover img { object-position: 52% center; }
.pf-kitchen__media figcaption { color: var(--color-concrete-grey); }
.pf-kitchen__modules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.pf-kitchen__module { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; padding: var(--space-6); border-top: 1px solid var(--color-concrete-grey); }
.pf-kitchen__module > * { min-width: 0; margin: 0; }
.pf-kitchen__module p:not(.meta) { max-width: 56ch; }
.pf-kitchen__module--forest { background: var(--color-deep-forest-green); }
.pf-kitchen__closing { display: flex; justify-content: space-between; align-items: end; gap: var(--space-6); min-width: 0; margin-top: var(--space-6); padding-top: var(--space-5); border-top: 1px solid var(--color-concrete-grey); }
.pf-kitchen__closing > * { min-width: 0; margin: 0; }
.pf-kitchen__closing p { max-width: 60ch; }
.pf-kitchen__closing .button-secondary { width: auto; }

.pf-atmosphere__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); align-items: start; }
.pf-atmosphere__media { grid-column: 1 / span 6; width: 100%; min-width: 0; margin: 0; }
.pf-atmosphere__media img { width: 100%; height: 43rem; object-fit: cover; object-position: center; }
.pf-atmosphere__content { grid-column: 8 / span 5; display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; }
.pf-atmosphere__content > * { min-width: 0; margin: 0; }
.pf-atmosphere__content .intro { max-width: 60ch; }
.pf-observations { display: flex; flex-direction: column; gap: var(--space-5); margin-top: var(--space-5); }
.pf-observation { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; padding-left: var(--space-4); border-inline-start: var(--border-strong); transition: border-color var(--transition-fast); }
.pf-observation > * { min-width: 0; margin: 0; }
.pf-observation p:not(.meta) { max-width: 45ch; }
.pf-observation:hover { border-color: var(--color-accent); }

.pf-evening { position: relative; overflow: hidden; }
.pf-evening__intro { position: relative; display: flex; flex-direction: column; gap: var(--space-3); width: calc((100% - 11 * 1.5rem) * 7 / 12 + 6 * 1.5rem); min-width: 0; }
.pf-evening__intro > * { min-width: 0; margin: 0; }
.pf-evening__intro .intro { max-width: 65ch; }
.pf-evening__number { position: absolute; top: -5rem; right: -8rem; color: rgb(241 239 232 / 10%); font-family: var(--font-heading); font-size: 13rem; font-weight: 700; line-height: .8; }
.pf-evening__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-8); }
.pf-evening__module { grid-column: 2 / span 5; display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; padding: var(--space-6); border-top: 1px solid var(--color-chalk-white); }
.pf-evening__module > * { min-width: 0; margin: 0; }
.pf-evening__module p:not(.meta) { max-width: 58ch; }
.pf-evening__module--detail { grid-column: 8 / span 5; background: rgb(241 239 232 / 8%); }
.pf-evening__module--detail figure { width: 100%; margin: 0; }
.pf-evening__module--detail img { width: 100%; height: 14rem; object-fit: cover; }
.pf-evening__module--detail > div { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; }
.pf-evening__module--detail > div > * { min-width: 0; margin: 0; }
.pf-evening__closing { display: flex; justify-content: space-between; align-items: end; gap: var(--space-6); min-width: 0; margin-top: var(--space-6); padding-top: var(--space-5); border-top: 1px solid rgb(241 239 232 / 45%); }
.pf-evening__closing > * { min-width: 0; margin: 0; }
.pf-evening__closing p { max-width: 62ch; }
.pf-evening__closing .button-secondary { width: auto; }

.pf-preparation__intro { display: flex; flex-direction: column; gap: var(--space-3); width: calc((100% - 11 * 1.5rem) * 6 / 12 + 5 * 1.5rem); min-width: 0; }
.pf-preparation__intro > * { min-width: 0; margin: 0; }
.pf-preparation__intro .intro { max-width: 65ch; }
.pf-preparation__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-8); }
.pf-preparation__item { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; padding-top: var(--space-4); border-top: var(--border-strong); }
.pf-preparation__item > * { min-width: 0; margin: 0; }
.pf-preparation__item p:not(.meta) { max-width: 48ch; }
.pf-preparation__item--accent { border-top-color: var(--color-accent); }

.pf-links__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-8); }
.pf-link-card { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; padding-top: var(--space-5); border-top: var(--border-strong); }
.pf-link-card > * { min-width: 0; margin: 0; }
.pf-link-card p { max-width: 50ch; }
.pf-link-card > a, .pf-link-card__actions a { min-height: 2.75rem; display: inline-flex; align-items: center; width: fit-content; font-family: var(--font-heading); font-size: 1.25rem; font-weight: 600; text-decoration-thickness: 1px; }
.pf-link-card__actions { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
.pf-link-card__actions > * { min-width: 0; }

.pf-inquiry:focus { outline: none; }
.pf-inquiry__intro { display: flex; flex-direction: column; gap: var(--space-3); width: calc((100% - 11 * 1.5rem) * 5 / 12 + 4 * 1.5rem); min-width: 0; }
.pf-inquiry__intro > * { min-width: 0; margin: 0; }
.pf-inquiry__intro .intro { max-width: 60ch; }
.pf-inquiry__layout { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-8); }
.pf-form { grid-column: 1 / span 8; display: flex; flex-direction: column; gap: var(--space-5); min-width: 0; }
.pf-form__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.pf-form__field { min-width: 0; }
.pf-form__field--message { grid-column: 1 / -1; }
.pf-form label { display: block; margin-bottom: var(--space-2); color: var(--color-chalk-white); }
.pf-form input, .pf-form textarea { min-width: 0; min-height: 3rem; border-color: var(--color-concrete-grey); background: transparent; color: var(--color-chalk-white); }
.pf-form textarea { min-height: 9.5rem; }
.pf-form__error { min-height: 1.4rem; margin: var(--space-1) 0 0; color: var(--color-paper-muted); font-size: var(--text-small); line-height: 1.4; }
.pf-form__submit { align-self: flex-start; width: auto; }
.pf-form__status { min-height: 1.5rem; margin: 0; color: var(--color-chalk-white); font-weight: 500; }
.pf-location { grid-column: 10 / span 3; display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; padding-top: var(--space-4); border-top: 1px solid var(--color-concrete-grey); }
.pf-location > * { min-width: 0; margin: 0; }
.pf-location h3 { font-size: 1.5rem; }
.pf-location__status { color: var(--color-paper-muted); font-size: var(--text-small); font-weight: 600; line-height: 1.45; }
.pf-location .caption { color: var(--color-concrete-grey); }
.pf-map { position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid var(--color-concrete-grey); background: var(--color-graphite); }
.pf-map__line { position: absolute; display: block; background: rgb(241 239 232 / 48%); transform-origin: center; }
.pf-map__line--one { width: 135%; height: 1px; top: 27%; left: -18%; transform: rotate(-17deg); }
.pf-map__line--two { width: 1px; height: 130%; top: -16%; left: 38%; transform: rotate(19deg); }
.pf-map__line--three { width: 120%; height: 1px; top: 68%; left: -10%; transform: rotate(13deg); }
.pf-map__line--four { width: 1px; height: 120%; top: -9%; left: 73%; transform: rotate(-27deg); }
.pf-map__pin { position: absolute; z-index: 1; top: 48%; left: 49%; display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid var(--color-chalk-white); background: var(--color-accent); color: var(--color-chalk-white); font-family: var(--font-heading); font-weight: 700; transform: translate(-50%, -50%); }

.pf-page a:not(.button):not(.button-secondary) { text-decoration-thickness: 1px; text-underline-offset: .25em; }

@media (max-width: 1100px) {
  .pf-page .pf-section-intro--five, .pf-process__intro, .pf-preparation__intro, .pf-inquiry__intro { width: calc((100% - 7 * 1.5rem) * 5 / 8 + 4 * 1.5rem); }
  .pf-hero__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .pf-hero__content { grid-column: 1 / span 4; }
  .pf-hero__media { grid-column: 5 / span 4; }
  .pf-hero__frame { height: clamp(26rem, 40vw, 34rem); }
  .pf-hero__note { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .pf-hero__note p { grid-column: 1 / span 5; }
  .pf-hero__note a { grid-column: 6 / span 2; }
  .pf-occasions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pf-occasion:last-child { grid-column: 1 / -1; }
  .pf-process__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pf-kitchen__top, .pf-atmosphere__grid, .pf-evening__grid, .pf-inquiry__layout { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .pf-kitchen__intro { grid-column: 1 / span 5; }
  .pf-kitchen__media { grid-column: 6 / span 3; }
  .pf-atmosphere__media { grid-column: 1 / span 4; }
  .pf-atmosphere__content { grid-column: 5 / span 4; }
  .pf-evening__intro { width: calc((100% - 7 * 1.5rem) * 6 / 8 + 5 * 1.5rem); }
  .pf-evening__module { grid-column: 1 / span 4; }
  .pf-evening__module--detail { grid-column: 5 / span 4; }
  .pf-preparation__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pf-links__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pf-form { grid-column: 1 / span 6; }
  .pf-location { grid-column: 7 / span 2; }
}

@media (max-width: 899px) {
  .pf-page .pf-section-intro--five, .pf-process__intro, .pf-preparation__intro, .pf-inquiry__intro, .pf-evening__intro { width: 100%; }
  .pf-hero { padding-top: var(--space-8); }
  .pf-hero__grid { display: flex; flex-direction: column; gap: var(--space-6); align-items: stretch; }
  .pf-hero__content, .pf-hero__media { width: 100%; }
  .pf-hero__content { padding-bottom: 0; }
  .pf-hero__frame { height: clamp(24rem, 50vw, 32rem); }
  .pf-hero__number { top: 1rem; right: -1rem; }
  .pf-hero__note { grid-template-columns: 1fr; gap: var(--space-4); }
  .pf-hero__note p, .pf-hero__note a { grid-column: 1; }
  .pf-hero__note a { align-self: start; }
  .pf-kitchen__top { grid-template-columns: 1fr; gap: var(--space-6); }
  .pf-kitchen__intro, .pf-kitchen__media { grid-column: 1; }
  .pf-kitchen__media { width: min(100%, 32rem); }
  .pf-atmosphere__grid { grid-template-columns: 1fr; gap: var(--space-6); }
  .pf-atmosphere__media, .pf-atmosphere__content { grid-column: 1; }
  .pf-atmosphere__media { width: min(100%, 42rem); }
  .pf-evening__grid { grid-template-columns: 1fr; gap: var(--space-5); }
  .pf-evening__module, .pf-evening__module--detail { grid-column: 1; }
  .pf-links__grid { grid-template-columns: 1fr; gap: var(--space-6); }
  .pf-inquiry__layout { grid-template-columns: 1fr; gap: var(--space-7); }
  .pf-form, .pf-location { grid-column: 1; }
  .pf-location { width: min(100%, 32rem); }
}

@media (max-width: 719px) {
  .pf-hero { padding-block: var(--space-7) var(--space-6); }
  .pf-hero h1 { font-size: clamp(2.25rem, 11vw, 3.5rem); line-height: .92; }
  .pf-hero__lead { max-width: none; }
  .pf-hero__frame { height: max(21.25rem, 60vw); }
  .pf-hero__number { font-size: 8rem; top: 2rem; right: -.5rem; }
  .pf-page .pf-section-intro--five, .pf-process__intro, .pf-preparation__intro, .pf-inquiry__intro, .pf-evening__intro { width: 100%; }
  .pf-occasions__grid, .pf-process__grid, .pf-kitchen__modules, .pf-preparation__grid { grid-template-columns: 1fr; gap: var(--space-6); }
  .pf-occasion:last-child { grid-column: 1; }
  .pf-process-step { padding-left: var(--space-4); border-top: 0; border-inline-start: var(--border-strong); }
  .pf-process-step--accent { border-inline-start-color: var(--color-accent); }
  .pf-kitchen__statement { font-size: var(--text-intro); }
  .pf-kitchen__media, .pf-atmosphere__media { width: 100%; }
  .pf-kitchen__media img { height: 25rem; }
  .pf-kitchen__module { padding: var(--space-5); }
  .pf-kitchen__closing, .pf-evening__closing { flex-direction: column; align-items: stretch; gap: var(--space-4); }
  .pf-kitchen__closing .action-group, .pf-evening__closing .action-group { align-items: stretch; }
  .pf-kitchen__closing .button-secondary, .pf-evening__closing .button-secondary { width: 100%; }
  .pf-atmosphere__media img { height: 28rem; }
  .pf-evening__number { top: -2rem; right: -1rem; font-size: 8rem; }
  .pf-evening__module { padding: var(--space-5); }
  .pf-evening__module--detail img { height: 15rem; }
  .pf-form__fields { grid-template-columns: 1fr; }
  .pf-form__field--message { grid-column: 1; }
  .pf-form__submit { width: 100%; }
  .pf-location { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .pf-kitchen__media img, .pf-observation { transition: none; }
}
