:root{--font-proverb:"Shippori Mincho Proverb", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--color-tint:#c86f3c;--color-tint-deep:#2b201b;--frame:var(--color-rule-2);--join:var(--color-rule)}.screen{background:var(--join);border:1px solid var(--frame);gap:1px;display:grid;position:relative}.screen+.screen{margin-top:clamp(3rem,6vw,5rem)}.pane{background:var(--color-paper);background-image:var(--paper-grain)}.screen--hero{grid-template-rows:minmax(36rem,auto) auto;grid-template-columns:minmax(0,4fr) minmax(0,7fr)}.pane--ask{background-color:color-mix(in oklab, var(--color-sheet) 55%, transparent);grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:clamp(1rem,2.5vw,2.25rem);padding:clamp(2rem,4vw,3.5rem) clamp(1.25rem,3vw,3rem) clamp(2rem,4vw,3.5rem) clamp(1rem,2vw,2rem);display:grid}.ask-body{justify-content:space-between;gap:var(--space-xl);flex-direction:column;min-width:0;display:flex}.pane--ask h1{max-width:11ch;font-size:clamp(2.25rem,2.6vw + 1rem,3.75rem)}.pane--ask .lead{margin-top:calc(-1 * var(--space-md))}.proverb-jp{writing-mode:vertical-rl;font-family:var(--font-proverb);letter-spacing:.08em;color:var(--color-mark);align-self:start;margin:0;font-size:clamp(2.5rem,3.4vw + .75rem,4.25rem);font-weight:600;line-height:1}.proverb{padding-left:var(--space-md);border-left:var(--rule-bar) solid var(--color-mark);margin:0}.proverb blockquote{margin:0}.proverb blockquote p{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-xl);letter-spacing:var(--tracking-display);line-height:1.2}.proverb figcaption{margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-muted);max-width:34ch}.proverb figcaption span[lang=ja]{font-family:var(--font-proverb)}.slices{background:var(--join);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid}.slice a{height:100%;padding-bottom:var(--space-lg);flex-direction:column;text-decoration:none;display:flex}.slice-photo{background:var(--color-tint-deep);min-height:0;margin-bottom:var(--space-md);flex:auto;position:relative;overflow:hidden}.slice-photo img{object-fit:cover;filter:grayscale()contrast(1.08)brightness(1.04);width:100%;height:100%;transition:transform var(--dur-long) var(--ease-out);position:absolute;inset:0}.slice-photo:after{content:"";background:var(--color-tint);mix-blend-mode:multiply;opacity:.85;transition:opacity var(--dur-long) var(--ease-out);position:absolute;inset:0}.slice a:hover .slice-photo:after,.slice a:focus-visible .slice-photo:after{opacity:.35}.slice a:hover .slice-photo img{transform:scale(1.03)}.slice a:focus-visible{outline-offset:-4px}.slice .art{font-family:var(--font-display);font-weight:var(--display-weight);padding-inline:var(--space-md);font-size:clamp(1.125rem,.9vw + .75rem,1.5rem);line-height:1.15}.slice .n{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-muted);padding-inline:var(--space-md);margin-top:var(--space-3xs)}.slice a:hover .art{text-decoration:underline;text-decoration-color:var(--color-mark);text-decoration-thickness:2px}@keyframes slice-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.slice{animation:slice-in var(--dur-long) var(--ease-out) both;animation-delay:calc(.12s + var(--i) * 70ms)}.rail{align-items:end;gap:var(--space-md) var(--space-xl);padding:var(--space-lg) clamp(1.5rem, 3vw, 3rem);background-color:color-mix(in oklab, var(--color-paper-2) 70%, transparent);flex-wrap:wrap;grid-column:1/-1;display:flex}.rail .field{gap:var(--space-3xs);font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-muted);flex:0 15rem;display:grid}.rail .field--art{flex:20rem;max-width:26rem}.rail select,.combo input{font-family:var(--font-body);color:var(--color-ink);border:0;border-bottom:1px solid var(--color-ink-2);padding:var(--space-xs) 1.75rem var(--space-xs) 0;background:0 0;border-radius:0;font-size:1.0625rem}.rail select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--color-ink-2) 50%), linear-gradient(135deg, var(--color-ink-2) 50%, transparent 50%);background-position:right .6rem center,right .25rem center;background-repeat:no-repeat;background-size:.35rem .35rem}.rail select:hover,.combo input:hover{border-bottom-color:var(--color-ink)}.combo{position:relative}.combo input{width:100%;padding-left:1.75rem;padding-right:0}.combo input::placeholder{color:var(--color-muted);opacity:1}.combo input:focus-visible{border-bottom:2px solid var(--color-focus);outline:0}.combo-icon{fill:none;width:18px;height:18px;stroke:var(--color-ink-2);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;left:0;transform:translateY(-50%)}.combo-list{z-index:var(--z-dropdown);width:max(100%,22rem);max-width:calc(100vw - 2 * var(--gutter));max-height:min(28rem,60vh);padding:var(--space-2xs) 0;background:var(--color-sheet);color:var(--color-ink);border:1px solid var(--color-rule-2);font-family:var(--font-body);margin:0;font-size:1rem;list-style:none;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 18px 36px -18px #12141659}.combo-list[hidden],.combo-list [hidden]{display:none}.combo-h{padding:var(--space-sm) var(--space-md) var(--space-3xs);font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-muted);font-weight:600}.combo-o{justify-content:space-between;gap:var(--space-md);padding:6px var(--space-md);cursor:pointer;display:flex}.combo-o:hover,.combo-o.on{background:var(--color-paper)}.combo-o[aria-selected=true]{font-weight:600}.combo-o mark{color:inherit;text-decoration:underline;text-decoration-color:var(--color-mark);background:0 0;text-decoration-thickness:2px}.combo-n{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-muted)}.combo-none{padding:var(--space-sm) var(--space-md);color:var(--color-muted)}.combo-all{border-top:1px solid var(--color-rule);margin-top:var(--space-2xs);padding:var(--space-sm) var(--space-md);font-family:var(--font-display);font-size:var(--text-sm)}.rail .btn{font-family:var(--font-display);min-height:3rem;padding:0 var(--space-xl);background:var(--color-ink);color:var(--color-accent-ink);border-radius:var(--radius-pill);transition:background-color var(--dur-micro) var(--ease-out);font-weight:600}.rail .btn:hover{background:var(--color-accent-2)}.rail .btn:active{background:var(--color-indigo-deep)}.screen--two{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.pane--text{padding:clamp(2rem,4vw,3rem) clamp(1.5rem,3vw,3rem)}.pane--text h2{max-width:22ch;font-size:clamp(1.75rem,1.6vw + 1rem,2.5rem)}.pane--map{align-items:center;padding:clamp(1.5rem,3vw,2.5rem);display:flex}.pane--map .map{width:100%;margin:0}.region{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:var(--rule-bar) solid var(--color-ink)}.region h3{font-size:var(--text-xl)}.region h3 a{text-decoration:none}.region h3 a:hover{text-decoration:underline;text-decoration-color:var(--color-mark);text-decoration-thickness:2px}.region-cities{margin:var(--space-sm) 0 0;gap:0 var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.region-cities li{padding-block:var(--space-xs);border-bottom:1px solid var(--color-rule)}.region-cities a{font-family:var(--font-display);font-size:var(--text-md);text-decoration:none}.region-cities a:hover{text-decoration:underline;text-decoration-color:var(--color-mark)}.region-cities .n{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-muted)}.more-states{margin-top:var(--space-lg);font-family:var(--font-display);font-size:var(--text-sm)}.families{columns:3 15rem;column-gap:var(--space-xl);margin-top:var(--space-xl)}.family{break-inside:avoid;margin-bottom:var(--space-xl)}.family h3{font-size:var(--text-md);padding-bottom:var(--space-xs);border-bottom:var(--rule-bar) solid var(--color-ink)}.family .word-list{columns:auto;margin-top:0}.word-list{margin:var(--space-xl) 0 0;columns:4 11rem;column-gap:var(--space-xl);padding:0;list-style:none}.word-list li{break-inside:avoid;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-xs);border-bottom:1px solid var(--color-rule);display:flex}.word-list a{text-decoration:none}.word-list a:hover{text-decoration:underline;text-decoration-color:var(--color-mark)}.word-list span{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-muted)}@media (width<=60rem){.screen--hero{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}.slices{min-height:28rem}.screen--two{grid-template-columns:minmax(0,1fr)}}@media (width<=40rem){.slices{min-height:22rem}.slice a{padding-bottom:var(--space-sm)}.slice-photo{margin-bottom:var(--space-xs)}.slice .art{padding-inline:var(--space-2xs);font-size:.9375rem}.slice .n{padding-inline:var(--space-2xs);font-family:var(--font-display);white-space:nowrap;font-size:.75rem}.rail .field{flex-basis:100%;max-width:none}.region-cities{grid-template-columns:minmax(0,1fr)}.rail .btn{width:100%}}@font-face{font-family:Shippori Mincho Proverb;font-weight:400;font-display:swap;src:url(/fonts/shippori-mincho-proverb-regular.woff)format("woff");unicode-range:U+4E03,U+516B,U+8EE2,U+3073,U+8D77,U+304D}@font-face{font-family:Shippori Mincho Proverb;font-weight:600;font-display:swap;src:url(/fonts/shippori-mincho-proverb-semibold.woff)format("woff");unicode-range:U+4E03,U+516B,U+8EE2,U+3073,U+8D77,U+304D}@media (width<=60rem){.pane--ask{min-height:30rem}}@media (width<=40rem){.pane--ask{gap:var(--space-md);min-height:0}.proverb-jp{font-size:2.25rem}.ask-body{gap:var(--space-lg)}}
