.hiroshima-page .story-title-grid { grid-template-columns: 1.4fr 1fr; }
.hiroshima-page .story-title-grid h1 { font-size: clamp(64px, 8.1vw, 116px); }
.hiroshima-page .story-title-grid h1 span { display: block; margin-top: 14px; font-size: .63em; letter-spacing: -.035em; }
.hiroshima-page .story-deck p { font-size: clamp(24px, 2.5vw, 35px); }
.hiroshima-page .story-cover-photo > img { aspect-ratio: 2.35; object-position: 50% 48%; }
.hiroshima-page .story-stamp { transform: rotate(-4deg); }
.hiro-roots-grid { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 12%; }
.hiro-roots-grid figure { max-width: 451px; }
.hiro-roots-grid figure img { width: 100%; height: auto; }
.hiro-roots-grid figcaption { padding-top: 17px; color: #bfc0b6; font-size: 12px; line-height: 1.7; }
.hiro-roots-grid h2 { margin-bottom: 30px; }
.hiro-roots-grid h2 em { color: var(--acid); }
.hiro-recognition { background: #ddd4ff; color: #1b132b; }
.hiro-recognition-grid { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 12%; }
.hiro-recognition-year > span { display: block; margin-bottom: 22px; font-size: 12px; font-weight: 600; }
.hiro-recognition-year strong { font-size: clamp(80px, 11vw, 148px); font-weight: 500; letter-spacing: -.065em; line-height: 1; }
.hiro-recognition-year strong > span { display: block; margin-top: 16px; font-size: .55em; letter-spacing: 0; }
.hiro-recognition h2 { margin-bottom: 26px; font-size: clamp(32px,3.7vw,51px); }
.hiro-recognition p { max-width: 550px; color: #48395d; font-size: 16px; line-height: 1.8; }
.hiro-recognition .text-link { max-width: 410px; border-color: #8e7eae; font-size: 13px; }
.hiro-recognition .text-link span { color: #2b1a45; }
.hiro-recognition .text-link:hover { color: #584477; }
.hiro-recognition a:focus-visible { outline-color: var(--black); }
.hiro-table { background: var(--story-paper); color: #14180f; }
.hiro-table .story-section-label { border-color: #babbaf; color: #505344; }
.hiro-table .story-section-label > span:first-child { color: #333d26; }
.hiro-table h2 em { color: #5a6145; }
.hiro-tastes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; align-items: start; }
.hiro-dish:nth-child(2) { margin-top: 64px; }
.hiro-dish:nth-child(3) { margin-top: 128px; }
.hiro-dish img { width: 100%; height: auto; aspect-ratio: .91; object-fit: cover; }
.hiro-dish-copy { padding-top: 24px; }
.hiro-dish-copy > span { display: block; margin-bottom: 14px; color: #505344; font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.hiro-dish h3 { margin-bottom: 15px; font-size: clamp(27px,2.8vw,38px); font-weight: 500; line-height: 1.2; letter-spacing: -.03em; }
.hiro-dish p { color: #505344; font-size: 15px; line-height: 1.8; margin: 0; }
.hiro-menu-invitation { display: flex; gap: 50px; align-items: center; justify-content: space-between; margin-top: 70px; padding-top: 30px; border-top: 1px solid #babbaf; }
.hiro-menu-invitation p { max-width: 600px; margin: 0; color: #505344; font-size: 16px; line-height: 1.8; }
.hiro-menu-invitation a { display: inline-flex; flex-shrink: 0; gap: 28px; align-items: center; min-height: 54px; border-bottom: 1px solid #5a6145; font-size: 14px; font-weight: 600; }
.hiro-menu-invitation a span { font-size: 24px; }
.hiro-menu-invitation a:hover { color: #56642d; }
.hiroshima-page .story-visit { background: #ddd4ff; color: #1b132b; }
.hiroshima-page .story-visit p { color: #48395d; }
.hiroshima-page .story-visit h2 { font-size: clamp(44px,5.2vw,70px); }
.hiroshima-page .story-hotel-site { border-color: #a392c5; }
.hiroshima-page .story-visit-actions > .hiro-contact-note { margin: 20px 0 0; font-size: 12px; }
.hiro-contact-note a { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 1100px) {
    .hiroshima-page .story-title-grid { grid-template-columns: 1.35fr 1fr; gap: 25px; }
    .hiro-roots-grid, .hiro-recognition-grid { gap: 7%; }
    .hiro-tastes { gap: 20px; }
    .hiro-menu-invitation { gap: 35px; }
}
@media (max-width: 820px) {
    .hiroshima-page .story-title-grid h1 { font-size: clamp(54px,8.4vw,70px); }
    .hiroshima-page .story-deck p { font-size: 23px; }
    .hiroshima-page .story-cover-photo > img { aspect-ratio: 1.8; }
    .hiro-roots-grid h2 { font-size: 40px; }
    .hiro-roots-grid { align-items: start; }
    .hiro-roots-grid figure { margin-top: 15px; }
    .hiro-recognition-grid { grid-template-columns: .7fr 1.3fr; }
    .hiro-recognition h2 { font-size: 35px; }
    .hiro-recognition p { font-size: 15px; }
    .hiro-tastes { grid-template-columns: 1fr 1fr; gap: 35px 24px; }
    .hiro-dish:nth-child(2) { margin-top: 45px; }
    .hiro-dish:nth-child(3) { margin-top: 0; grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center; }
    .hiro-dish:nth-child(3) img { aspect-ratio: 1.1; }
    .hiro-dish:nth-child(3) .hiro-dish-copy { padding: 0; }
    .hiro-menu-invitation { align-items: flex-start; flex-direction: column; gap: 18px; margin-top: 42px; }
}
@media (max-width: 560px) {
    .hiroshima-page .story-title-grid { grid-template-columns: 1fr; }
    .hiroshima-page .story-title-grid h1 { font-size: clamp(45px,12.5vw,68px); }
    .hiroshima-page .story-title-grid h1 span { font-size: .68em; margin-top: 8px; }
    .hiroshima-page .story-deck p { font-size: clamp(20px,5vw,26px); }
    .hiroshima-page .story-cover-photo > img { aspect-ratio: 1.03; object-position: 50% 48%; }
    .hiro-roots-grid { grid-template-columns: 1fr; gap: 30px; }
    .hiro-roots-grid figure { order: 2; width: 86%; justify-self: end; margin: 0; }
    .hiro-roots-grid .story-prose { order: 1; }
    .hiro-roots-grid h2 { font-size: 38px; margin-bottom: 24px; }
    .hiro-roots-grid .story-prose p:last-child { margin-bottom: 0; }
    .hiro-roots-grid figcaption { font-size: 11px; }
    .hiro-recognition-grid { grid-template-columns: 1fr; gap: 30px; }
    .hiro-recognition-year { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; }
    .hiro-recognition-year > span { margin: 0; font-size: 11px; }
    .hiro-recognition-year strong { font-size: 75px; }
    .hiro-recognition-year strong > span { display: inline; margin: 0 0 0 16px; }
    .hiro-recognition h2 { font-size: 33px; }
    .hiro-recognition .text-link { font-size: 12px; }
    .hiro-tastes { grid-template-columns: 1fr; gap: 36px; }
    .hiro-dish:nth-child(2) { margin-top: 0; width: 88%; justify-self: end; }
    .hiro-dish:nth-child(3) { display: block; width: 88%; }
    .hiro-dish img, .hiro-dish:nth-child(3) img { aspect-ratio: 1; }
    .hiro-dish-copy, .hiro-dish:nth-child(3) .hiro-dish-copy { padding-top: 20px; }
    .hiro-dish h3 { font-size: 30px; }
    .hiro-dish p, .hiro-menu-invitation p { font-size: 15px; }
    .hiro-menu-invitation a { width: 100%; justify-content: space-between; }
    .hiroshima-page .story-visit h2 { font-size: 42px; }
}
@media (max-width: 370px) {
    .hiroshima-page .story-title-grid h1 { font-size: 45px; }
    .hiroshima-page .story-deck p { font-size: 19px; }
    .hiro-roots-grid h2 { font-size: 34px; }
}