.chef-notes-page { overflow-x: clip; }
.chef-notes-page .section { position: relative; }
.chef-notes-page .container { position: relative; }
.chef-notes-page h2 { max-width: 20ch; }
.chef-notes-page h3 { font-size: var(--text-xl); margin-bottom: var(--space-3); }
.chef-notes-page a:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-offset); }
.chef-notes-hero__grid, .chef-notes-pass__grid, .chef-notes-cards__grid, .chef-notes-archive__grid, .chef-notes-room__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); }
.chef-notes-hero__copy { grid-column: 1 / span 7; min-width: 0; align-self: center; }
.chef-notes-hero__copy h1 { max-width: 10ch; text-wrap: balance; }
.chef-notes-hero__deck { max-width: 52ch; font-size: var(--text-lg); }
.chef-notes-hero__links, .chef-notes-cta__actions { display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: center; }
.chef-notes-hero__links > *, .chef-notes-cta__actions > * { min-width: 0; min-height: 44px; display: inline-flex; align-items: center; }
.chef-notes-hero__quiet-link { color: var(--color-platinum-100); }
.chef-notes-hero__figure { grid-column: 9 / span 4; min-width: 0; width: 100%; margin: 0; aspect-ratio: 4 / 5; border: var(--border-subtle); transition: border-color var(--transition-fast); }
.chef-notes-hero__figure:hover { border-color: var(--color-turquoise-400); }
.chef-notes-hero__figure img { width: 100%; height: 100%; object-fit: cover; object-position: 58% 48%; filter: saturate(.72) contrast(1.04); }
.chef-notes-hero__figure figcaption { position: absolute; inset: auto 0 0; margin: 0; padding: var(--space-3); background: rgba(9,10,15,.75); color: var(--color-mist-300); }
.chef-notes-premise__intro { max-width: 58ch; }
.chef-notes-premise__principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.chef-notes-principle { min-width: 0; border-top: var(--border-subtle); padding-top: var(--space-4); }
.chef-notes-principle--two { margin-top: var(--space-6); }
.chef-notes-principle--three { margin-top: var(--space-8); }
.chef-notes-principle__index { display: block; margin-bottom: var(--space-3); color: var(--color-turquoise-400); font-family: var(--font-mono); }
.chef-notes-principle p { max-width: 46ch; }
.chef-notes-principle__annotation { color: var(--color-ultramarine-400); font-family: var(--font-heading); font-size: var(--text-sm); }
.chef-notes-pass__intro { max-width: 52ch; }
.chef-notes-pass__figure { grid-column: 1 / span 7; min-width: 0; width: 100%; margin: var(--space-6) 0 0; border: var(--border-subtle); }
.chef-notes-pass__figure img { object-position: 42% 50%; filter: saturate(.72); }
.chef-notes-pass__rail { grid-column: 9 / span 4; min-width: 0; display: flex; flex-direction: column; gap: var(--space-5); margin-top: var(--space-6); }
.chef-notes-pass-note { min-width: 0; border-bottom: var(--border-subtle); padding-bottom: var(--space-5); }
.chef-notes-pass-note p { max-width: 42ch; }
.chef-notes-pass-note--glass { padding: var(--space-5); border: var(--border-subtle); border-radius: var(--radius-lg); background: var(--color-charcoal-900); }
.chef-notes-pass-note--glass:last-child { border-bottom: var(--border-subtle); }
.chef-notes-pass-note:target { outline: var(--focus-ring); outline-offset: var(--focus-offset); scroll-margin-top: 6rem; }
.chef-notes-room__lead { grid-column: 1 / span 8; min-width: 0; }
.chef-notes-room__lead p { max-width: 62ch; }
.chef-notes-room__narrative--one { grid-column: 1 / span 5; min-width: 0; margin-top: var(--space-6); }
.chef-notes-room__narrative--one p { max-width: 50ch; }
.chef-notes-room__narrative--two { grid-column: 8 / span 5; min-width: 0; margin-top: var(--space-6); }
.chef-notes-room__narrative--two p { max-width: 45ch; }
.chef-notes-room__quote { grid-column: 6 / span 2; align-self: end; min-width: 0; margin: var(--space-7) 0 0; padding: var(--space-5); border-inline-start: 0; border-top: 2px solid var(--color-ultramarine-400); background: var(--color-charcoal-900); font-size: var(--text-xl); }
.chef-notes-cards__heading { max-width: 54ch; }
.chef-notes-cards__figure { grid-column: 1 / span 5; min-width: 0; width: 100%; margin: var(--space-6) 0 0; aspect-ratio: 4 / 5; border: var(--border-subtle); }
.chef-notes-cards__figure img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 52%; filter: saturate(.72); }
.chef-notes-cards__copy { grid-column: 7 / span 6; min-width: 0; display: flex; flex-direction: column; gap: var(--space-6); margin-top: var(--space-6); }
.chef-notes-cards__panel, .chef-notes-cards__open-note { min-width: 0; padding: var(--space-5); }
.chef-notes-cards__panel p, .chef-notes-cards__open-note p { max-width: 50ch; }
.chef-notes-cards__open-note { padding-inline: 0; }
.chef-notes-route-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin-top: var(--space-7); border-top: var(--border-subtle); padding-top: var(--space-4); }
.chef-notes-route-strip a { min-width: 0; min-height: 44px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-2); padding: var(--space-3); border-bottom: var(--border-subtle); color: var(--color-platinum-100); text-decoration: none; }
.chef-notes-route-strip a span { font-family: var(--font-heading); font-size: var(--text-sm); }
.chef-notes-route-strip a small { grid-column: 1; }
.chef-notes-route-strip a b { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: var(--color-ultramarine-400); transition: transform var(--transition-fast); }
.chef-notes-route-strip a:hover b { transform: translateX(4px); }
.chef-notes-return__heading { max-width: 56ch; }
.chef-notes-return__tiles { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.chef-notes-return__tile { min-width: 0; padding: var(--space-5); border-top: var(--border-subtle); transition: border-color var(--transition-fast); }
.chef-notes-return__tile:hover { border-color: var(--color-turquoise-400); }
.chef-notes-return__tile span { display: block; margin-bottom: var(--space-4); color: var(--color-turquoise-400); font-family: var(--font-mono); }
.chef-notes-return__tile p { max-width: 34ch; }
.chef-notes-return__tile--one { grid-column: 1 / span 3; }
.chef-notes-return__tile--two { grid-column: 4 / span 3; border-top-color: var(--color-ultramarine-400); }
.chef-notes-return__tile--three { grid-column: 8 / span 3; background: var(--color-charcoal-900); }
.chef-notes-return__tile--four { grid-column: 10 / span 3; margin-top: var(--space-7); }
.chef-notes-return__closing { max-width: 54ch; margin-top: var(--space-7); }
.chef-notes-archive__main { grid-column: 2 / span 6; min-width: 0; }
.chef-notes-archive__main > p { max-width: 60ch; }
.chef-notes-archive__main .button { margin-top: var(--space-2); }
.chef-notes-archive__rail { grid-column: 9 / span 4; min-width: 0; display: flex; flex-direction: column; gap: var(--space-5); }
.chef-notes-archive__note { min-width: 0; }
.chef-notes-archive__note p { max-width: 42ch; }
.chef-notes-archive__note.glass-surface { padding: var(--space-5); }
.chef-notes-pathways__heading { max-width: 58ch; }
.chef-notes-pathways__rows { margin-top: var(--space-6); border-top: var(--border-subtle); }
.chef-notes-pathway { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 6fr) minmax(0, 4fr); gap: var(--space-5); min-width: 0; padding: var(--space-5) 0; border-bottom: var(--border-subtle); }
.chef-notes-pathway__index { min-width: 0; color: var(--color-turquoise-400); font-family: var(--font-mono); }
.chef-notes-pathway__index--signal { color: var(--color-ultramarine-400); }
.chef-notes-pathway__content, .chef-notes-pathway__links { min-width: 0; }
.chef-notes-pathway__content p { max-width: 44ch; }
.chef-notes-pathway__content--panel { padding: var(--space-4); background: var(--color-charcoal-900); }
.chef-notes-pathway__links { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); }
.chef-notes-pathway__links a { min-height: 44px; display: inline-flex; align-items: center; }
.chef-notes-journal__intro { max-width: 54ch; }
.chef-notes-journal__previews { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.chef-notes-journal__preview { grid-column: 2 / span 5; min-width: 0; padding: var(--space-5); }
.chef-notes-journal__preview p { max-width: 40ch; }
.chef-notes-journal__preview--second { grid-column: 8 / span 5; margin-top: var(--space-7); border-top: 2px solid var(--color-ultramarine-400); }
.chef-notes-cta__panel { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); min-width: 0; overflow: hidden; padding: var(--space-7); border-radius: var(--radius-lg); }
.chef-notes-cta__panel::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 84% 42%, rgba(102,136,255,.16), transparent 34%), radial-gradient(circle at 72% 76%, rgba(52,43,88,.25), transparent 42%); }
.chef-notes-cta__content { grid-column: 2 / span 7; position: relative; z-index: 1; min-width: 0; }
.chef-notes-cta__content > p { max-width: 48ch; }
.chef-notes-cta__thread { grid-column: 10 / span 2; align-self: center; position: relative; height: 1px; background: var(--color-ultramarine-400); opacity: .7; }
.chef-notes-cta__thread::after { content: ""; position: absolute; right: 0; top: -3px; width: 7px; height: 7px; border-radius: 50%; background: var(--color-turquoise-400); }
@media (max-width: 980px) { .chef-notes-return__tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } .chef-notes-return__tile--one, .chef-notes-return__tile--two, .chef-notes-return__tile--three, .chef-notes-return__tile--four { grid-column: auto; margin-top: 0; } }
@media (max-width: 940px) { .chef-notes-cards__grid { grid-template-columns: 1fr; } .chef-notes-cards__figure, .chef-notes-cards__copy { grid-column: 1; width: 100%; } .chef-notes-cards__figure { aspect-ratio: 3 / 4; } }
@media (max-width: 920px) { .chef-notes-archive__grid { grid-template-columns: 1fr; } .chef-notes-archive__main, .chef-notes-archive__rail { grid-column: 1; width: 100%; } }
@media (max-width: 900px) { .chef-notes-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .chef-notes-hero__copy { grid-column: 1; } .chef-notes-hero__figure { grid-column: 2; } .chef-notes-hero__copy h1 { max-width: 11ch; } .chef-notes-premise__principles { grid-template-columns: repeat(2, minmax(0, 1fr)); } .chef-notes-principle--two, .chef-notes-principle--three { margin-top: 0; } .chef-notes-principle--three { grid-column: 1 / span 2; } .chef-notes-pass__grid { grid-template-columns: minmax(0, 7fr) minmax(20rem, 5fr); } .chef-notes-pass__figure { grid-column: 1; } .chef-notes-pass__rail { grid-column: 2; } .chef-notes-room__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); } .chef-notes-room__quote { grid-column: 1 / span 12; order: 4; } }
@media (max-width: 860px) { .chef-notes-pathway { grid-template-columns: 1fr; gap: var(--space-3); } .chef-notes-pathway__index { width: 100%; } .chef-notes-pathway__links { width: 100%; } }
@media (max-width: 780px) { .chef-notes-journal__previews { grid-template-columns: 1fr; } .chef-notes-journal__preview, .chef-notes-journal__preview--second { grid-column: 1; width: 100%; margin-top: 0; } }
@media (max-width: 760px) { .chef-notes-hero__grid, .chef-notes-pass__grid, .chef-notes-room__grid { grid-template-columns: 1fr; } .chef-notes-hero__copy, .chef-notes-hero__figure, .chef-notes-pass__figure, .chef-notes-pass__rail, .chef-notes-room__lead, .chef-notes-room__narrative--one, .chef-notes-room__narrative--two, .chef-notes-room__quote { grid-column: 1; width: 100%; margin-top: 0; } .chef-notes-hero__figure, .chef-notes-pass__figure { margin-top: var(--space-5); } .chef-notes-hero__copy h1 { max-width: 14ch; } .chef-notes-pass__rail { margin-top: var(--space-5); } .chef-notes-room__grid { gap: var(--space-5); } .chef-notes-room__quote { order: initial; font-size: var(--text-2xl); } .chef-notes-return__tiles { grid-template-columns: 1fr; gap: var(--space-4); } .chef-notes-return__tile { padding: var(--space-4); background: var(--color-charcoal-900); } .chef-notes-route-strip { grid-template-columns: 1fr; } .chef-notes-cta__panel { grid-template-columns: 1fr; padding: var(--space-5); } .chef-notes-cta__content { grid-column: 1; width: 100%; } .chef-notes-cta__thread { display: none; } }
@media (max-width: 600px) { .chef-notes-hero__links, .chef-notes-cta__actions { flex-direction: column; align-items: stretch; } .chef-notes-hero__links > *, .chef-notes-cta__actions > * { width: 100%; justify-content: center; } .chef-notes-hero__figure figcaption { position: static; background: var(--color-charcoal-900); } .chef-notes-premise__principles { grid-template-columns: 1fr; } .chef-notes-principle--three { grid-column: 1; } .chef-notes-route-strip a { min-height: 52px; } .chef-notes-return__closing { margin-top: var(--space-5); } .chef-notes-archive__main .button { width: 100%; } .chef-notes-pathway { padding: var(--space-5) 0; } .chef-notes-pathway__links a { width: 100%; } .chef-notes-cta__content h2 { font-size: var(--text-2xl); } }
@media (prefers-reduced-motion: reduce) { .chef-notes-page *, .chef-notes-page *::before, .chef-notes-page *::after { transition: none !important; } }