/* Kitchen — a menu with dotted leaders, warm paper, a handwritten note. */
:root { --t-font-display: "Lora", Georgia, serif; --t-font-body: "Inter", system-ui, sans-serif; --t-font-accent: "Caveat", "Segoe Print", cursive; --t-max: 1040px; --t-radius: 12px; --t-radius-sm: 8px; }
body { background-image: radial-gradient(color-mix(in srgb, var(--t-text) 5%, transparent) 1px, transparent 1px); background-size: 6px 6px; }

/* the menu cover (the Kitchen signature): a framed card with a dashed inner rule, "Est." line and the name centred like a restaurant menu */
.t-hero--apron .t-cover { aspect-ratio: 16 / 5; max-height: 300px; width: min(100% - 2 * var(--t-gutter), var(--t-max)); margin: clamp(16px, 3vw, 32px) auto 0; border-radius: var(--t-radius) var(--t-radius) 0 0; border: 6px solid var(--t-surface); border-block-end: 0; box-shadow: var(--t-shadow); }
.t-hero--apron .t-hero__inner { padding: clamp(24px, 4vw, 40px); background: var(--t-surface); border: 6px solid var(--t-surface); border-block-start: 0; border-radius: 0 0 var(--t-radius) var(--t-radius); box-shadow: var(--t-shadow); grid-template-columns: 1fr; justify-items: center; text-align: center; gap: 10px; position: relative; }
.t-hero--apron .t-hero__inner::before { content: ""; position: absolute; inset: 10px; border: 1px dashed var(--t-line); border-radius: 8px; pointer-events: none; }
.t-hero--apron .t-hero__media { margin-block-start: clamp(-70px, -9vw, -100px); }
.t-hero--apron .t-eyebrow::before { content: "· "; } .t-hero--apron .t-eyebrow::after { content: " ·"; }
.t-hero--apron .t-headline, .t-hero--apron .t-tagline { margin-inline: auto; }
.t-hero--apron .t-meta, .t-hero--apron .t-actions, .t-hero--apron .t-links { justify-content: center; }
.t-hero--apron .t-hero__inner > .t-stats { justify-content: center; width: 100%; border-block-start: 1px dashed var(--t-line); padding-block-start: 14px; text-align: center; }
.t-hero--apron .t-photo { width: clamp(112px, 16vw, 156px); border-radius: 50%; border: 6px solid var(--t-surface); box-shadow: var(--t-shadow); }
.t-hero--apron .t-eyebrow { font-family: var(--t-font-accent); font-size: var(--t-size-3); text-transform: none; letter-spacing: 0; color: var(--t-accent-text); }
.t-hero--apron .t-name { font-weight: 600; font-size: clamp(2.4rem, 5.5vw, 3.8rem); }
.t-hero--apron .t-headline { font-family: var(--t-font-display); font-style: italic; }
.t-hero--apron .t-tagline { font-family: var(--t-font-accent); font-size: clamp(1.3rem, 2.4vw, 1.7rem); color: var(--t-text); line-height: 1.3; }
.t-hero--apron .t-stats strong { font-family: var(--t-font-accent); font-weight: 700; font-size: clamp(2rem, 4vw, 2.8rem); color: var(--t-accent-text); }
.btn { --bs-btn-font-weight: 600; }

.t-section__title { font-family: var(--t-font-accent); font-weight: 700; font-size: clamp(2rem, 3.6vw, 2.8rem); line-height: 1; color: var(--t-accent-text); }
.t-section--summary .t-section__title { display: none; }
.t-summary { font-family: var(--t-font-display); font-style: italic; font-size: clamp(1.25rem, 2.2vw, 1.6rem); max-width: 48ch; }

/* the menu */
.t-menu { background: var(--t-surface); border: 1px solid var(--t-line); border-radius: var(--t-radius); padding: clamp(18px, 3vw, 32px); box-shadow: var(--t-shadow); position: relative; }
.t-menu::before { content: ""; position: absolute; inset: 8px; border: 1px dashed var(--t-line); border-radius: calc(var(--t-radius) - 6px); pointer-events: none; }
.t-menu .t-item__title { font-family: var(--t-font-display); font-weight: 600; font-size: var(--t-size-3); }
.t-menu__price { font-family: var(--t-font-accent); font-size: var(--t-size-3); }
.t-menu__leader { border-block-end-color: color-mix(in srgb, var(--t-text) 35%, transparent); }

/* gallery as recipe cards */
.t-gallery { gap: 18px; }
.t-gallery__item figure { background: var(--t-surface); padding: 10px 10px 14px; border-radius: var(--t-radius); border: 1px solid var(--t-line); box-shadow: var(--t-shadow); transform: rotate(-.6deg); }
.t-gallery__item:nth-child(even) figure { transform: rotate(.7deg); }
.t-gallery__item img { border-radius: var(--t-radius-sm); }
.t-gallery figcaption strong { font-family: var(--t-font-accent); font-size: var(--t-size-3); }
.t-quote { background: var(--t-surface); border: 1px solid var(--t-line); }
.t-quote blockquote { font-style: italic; }
.t-chip { background: var(--t-surface); }
.t-item__title { font-family: var(--t-font-display); font-weight: 600; }
.t-footer { border: 0; }