@font-face{font-family:"BCO Readable Numerals";src:local("Arial"),local("Roboto"),local("Liberation Sans");font-weight:100 900;unicode-range:U+0030-0039}
/* English typography only. Images, colours and interaction code are shared. */
html[lang="en"]{--serif:"BCO Readable Numerals",Georgia,"Times New Roman",serif}
html[lang="en"] body{letter-spacing:0}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3,html[lang="en"] p{letter-spacing:.015em}
html[lang="en"] .paper-title{align-items:flex-start;height:310px;gap:18px}
html[lang="en"] .intro-note{max-width:125px;padding-top:7px;flex:none}
html[lang="en"] .intro-note p{font-size:11px;line-height:1.9;letter-spacing:0}
html[lang="en"] .vertical-title{writing-mode:horizontal-tb;height:auto;align-self:center;min-width:0;flex:1;font-size:clamp(26px,7vw,34px);line-height:1.22;letter-spacing:-.025em;margin:0;text-align:left;white-space:normal}
html[lang="en"] .vertical-title span{display:block;white-space:normal}
html[lang="en"] .vertical-title span+span{margin-top:18px}
html[lang="en"] .hero-seal{font:9px/1.4 var(--sans);letter-spacing:.13em;transform:rotate(-4deg);padding:10px 6px;width:60px;height:auto}
html[lang="en"] .red-ribbon{font-size:10px;line-height:1.65;letter-spacing:.01em;padding:12px 14px;writing-mode:horizontal-tb;max-width:130px}
html[lang="en"] .hero-caption{font:8px/1.6 var(--sans);letter-spacing:0;align-items:flex-start}
html[lang="en"] .hero-caption span:last-child{text-align:right;max-width:43%}
html[lang="en"] .body-copy p,html[lang="en"] .rice-copy p{font-size:14px;line-height:1.95;letter-spacing:0}
html[lang="en"] .audit-line,html[lang="en"] .audit-phrase,html[lang="en"] .audit-part{white-space:normal}
html[lang="en"] .paper .intro .verse{font-size:32px;line-height:1.4;letter-spacing:-.015em}
html[lang="en"] .section-label{font-size:9px;line-height:1.6;letter-spacing:.09em}
html[lang="en"] .three-notes{white-space:normal;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font:10px/1.65 var(--sans);letter-spacing:0}
html[lang="en"] .three-notes span{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
html[lang="en"] .three-notes small{font:9px/1 var(--sans)}
html[lang="en"] .chapter-heading h2,html[lang="en"] .rice-heading h2,html[lang="en"] .everyday-story h2,html[lang="en"] .visit h2{font-size:30px;line-height:1.35;letter-spacing:-.015em}
html[lang="en"] .chapter-number{font:12px/1.3 var(--sans);letter-spacing:.12em}
html[lang="en"] .sushi-rail figcaption strong{font-size:21px;line-height:1.3;letter-spacing:0;overflow-wrap:normal}
html[lang="en"] .sushi-rail figcaption small{font:8px/1.5 var(--sans);letter-spacing:.04em}
html[lang="en"] .sushi-rail figcaption>span{font-size:10px;line-height:1.6;letter-spacing:0;max-width:35%}
html[lang="en"] .sushi-rail figcaption div{min-width:0}
html[lang="en"] .sushi-choice-name{font-size:13px;line-height:1.6;letter-spacing:0;align-items:flex-start;gap:7px}
html[lang="en"] .sushi-choice{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
html[lang="en"] .sushi-choice[hidden]{display:none}
html[lang="en"] .sushi-choice-name{flex:1}
html[lang="en"] .sushi-index-guide{font-size:10px!important;letter-spacing:0!important;line-height:1.6!important}
html[lang="en"] .ippin-heading h2{font-size:32px;line-height:1.35;letter-spacing:-.015em}
html[lang="en"] .ippin-heading-mark{font:10px/1.2 var(--sans);letter-spacing:.14em}
html[lang="en"] .ippin-intro{font-size:13px;line-height:1.9}
html[lang="en"] .ippin-caption strong{font-size:16px;line-height:1.5;letter-spacing:0;overflow-wrap:normal}
html[lang="en"] .ippin-caption .yukke-name{display:block}
html[lang="en"] .yukke-name .prefix{display:block;font-size:12px;margin-bottom:4px;letter-spacing:0}
html[lang="en"] .ippin-note,html[lang="en"] .gallery-note{line-height:1.8;letter-spacing:0!important}
html[lang="en"] .ippin-dialog h2{font-size:24px;line-height:1.4;letter-spacing:0}
html[lang="en"] .ippin-detail h3{font-size:25px;line-height:1.4;letter-spacing:0}
html[lang="en"] .ippin-detail-controls span{letter-spacing:0;font-size:10px}
html[lang="en"] .rice-word{font:14px/1 var(--sans);letter-spacing:.15em}
html[lang="en"] .rice-photo figcaption{font-size:10px;letter-spacing:.04em;line-height:1.5}
html[lang="en"] .everyday-vertical{font-size:14px!important;letter-spacing:.025em;line-height:1.75!important;height:auto;writing-mode:horizontal-tb}
html[lang="en"] .everyday-pair{grid-template-columns:1fr 95px;gap:18px}
html[lang="en"] .invitation h2{font-size:34px;line-height:1.3;letter-spacing:-.015em}
html[lang="en"] .invitation h2 .audit-phrase{display:block}
html[lang="en"] .invitation h2 wbr{display:none}
html[lang="en"] .booking-caption{font-size:12px;line-height:1.8;letter-spacing:0}
html[lang="en"] .booking-grid a{font-size:13px;letter-spacing:0}
html[lang="en"] .booking-grid small{font-size:9px;letter-spacing:.05em}
html[lang="en"] .dock-booking a span{font-size:9px;white-space:normal;line-height:1.25}
html[lang="en"] .dock-booking a small{font-size:8px;letter-spacing:.04em}
html[lang="en"] .dock-tools a{font-size:11px;letter-spacing:0}
html[lang="en"] .visit dl{font-size:13px;line-height:1.85;letter-spacing:0;grid-template-columns:95px minmax(0,1fr);column-gap:0}
html[lang="en"] .visit dt{font-family:var(--sans);font-size:11px;letter-spacing:.015em;overflow-wrap:normal;padding-right:15px}
html[lang="en"] .visit .hours small{font-size:10px;line-height:1.8}
html[lang="en"] .visit dd{min-width:0;overflow-wrap:normal}
html[lang="en"] .visit .hours{font-size:12px}
html[lang="en"] .sheet-links a{font-size:18px;letter-spacing:0}
html[lang="en"] .sheet h2{font-size:27px;letter-spacing:0}
html[lang="en"] .sheet p{font-size:13px;line-height:1.9;letter-spacing:0}
html[lang="en"] .telephone{font-size:12px;letter-spacing:0}
@media(max-width:360px){html[lang="en"] .intro-note{max-width:110px}html[lang="en"] .vertical-title{font-size:26px}html[lang="en"] .dock-booking a span{font-size:8px}html[lang="en"] .hero-caption{font-size:7px}html[lang="en"] .ippin-caption strong{font-size:14px}}
@media(min-width:1000px){html[lang="en"] .paper-title{height:566px;display:flex;flex-direction:column;justify-content:center;gap:35px;align-items:flex-start;padding-bottom:55px}html[lang="en"] .intro-note{max-width:none;display:flex;align-items:center;gap:20px;padding:0}html[lang="en"] .intro-note .eyebrow{font-size:8px;margin:0}html[lang="en"] .intro-note p{font-size:11px;line-height:1.7}html[lang="en"] .hero-seal{display:none}html[lang="en"] .vertical-title{flex:none;align-self:flex-start;width:100%;font-size:45px;line-height:1.15}html[lang="en"] .vertical-title span+span{margin-top:14px}html[lang="en"] .paper .intro .verse{font-size:41px}html[lang="en"] .chapter-heading h2,html[lang="en"] .rice-heading h2,html[lang="en"] .everyday-story h2,html[lang="en"] .visit h2{font-size:39px}html[lang="en"] .ippin-heading h2{font-size:39px}html[lang="en"] .invitation h2{font-size:45px}html[lang="en"] .hero-caption{font-size:10px}html[lang="en"] .ippin-caption strong{font-size:19px}html[lang="en"] .three-notes{font-size:12px}html[lang="en"] .everyday-pair{grid-template-columns:1fr 110px}html[lang="en"] .everyday-vertical{font-size:17px!important}html[lang="en"] .body-copy p,html[lang="en"] .rice-copy p{font-size:15px}html[lang="en"] .sushi-rail figcaption strong{font-size:24px}}

/* Clear, aligned numerals for practical information and photo controls. */
html[lang="en"] .visit dd,html[lang="en"] .telephone,html[lang="en"] a[href^="tel:"],html[lang="en"] .sushi-count,html[lang="en"] .chapter-number,html[lang="en"] .sushi-choice-name small,html[lang="en"] .ippin-detail-controls{font-family:Arial,Helvetica,sans-serif;font-variant-numeric:lining-nums tabular-nums;font-weight:400;letter-spacing:.015em}

html[lang="en"] dd{font-family:Arial,Helvetica,sans-serif;font-variant-numeric:lining-nums tabular-nums}

html[lang="en"] .visit .hours{font-size:13px}html[lang="en"] .visit .hours small{font:11px/1.8 Arial,Helvetica,sans-serif;opacity:.85;color:inherit;letter-spacing:0}
html[lang="en"] [data-sushi-count]{font-family:Arial,Helvetica,sans-serif;font-variant-numeric:lining-nums tabular-nums}