:root { --tt-ground: #ffffff; --tt-cream: #faf6ec; --tt-wash: #f2f1ed; --tt-ink: #141414; --tt-text: #2a2a2a; --tt-mute: #5e5e5e; --tt-rule: #e4e1da; --tt-rule-firm: #a9a59c; --tt-accent: #0e6b70; --tt-accent-deep: #0a4f53; --tt-accent-lit: #6fd3cf; --tt-link: #1d4f7c; --tt-beet: #9d1d4c; --tt-steel: #2d5877; --tt-herb: #3f6b2f; --tt-beet-lit: #f08bab; --tt-steel-lit: #8ec0e6; --tt-herb-lit: #a7d18c; --tt-night: #18221d; --tt-night-2: #2c3a32; --tt-night-rule: #4a5a50; --tt-on-night: #ffffff; --tt-on-night-soft: #c8d0ca; --tt-link-night: #ffb59e; --tt-foot: #121212; --tt-focus: #1b5fa6; --tt-focus-night: #ffcf5c; --tt-face-head: Literata, Georgia, 'Times New Roman', serif; --tt-face-read: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; --tt-face-code: ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; --tt-measure: 1248px; --tt-h0: 18px; --tt-h1: 22.5px; --tt-h2: 28.1px; --tt-h3: 35.2px; --tt-h4: 43.9px; --tt-h5: 54.9px; }
@font-face{ font-family: "Literata"; src: url("/assets/type/literata-latin-var.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap }
@font-face{ font-family: "Open Sans"; src: url("/assets/type/opensans-latin-var.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap }
html{ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: 24px }
body{ margin: 0; background: var(--tt-ground); color: var(--tt-text); font-family: var(--tt-face-read); font-size: 17px; line-height: 1.6; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased }
img{ max-width: 100%; height: auto; display: block }
h1, h2, h3, h4{ font-family: var(--tt-face-head); font-weight: 600; color: var(--tt-ink) }
a{ color: var(--tt-link) }
a:hover{ color: var(--tt-accent-deep) }
:focus-visible{ outline: 3px solid var(--tt-focus); outline-offset: 2px }
.Tt-Skip{ position: absolute; left: 16px; top: -80px; z-index: 50; background: var(--tt-ink); color: #fff; padding: 12px 18px; font-weight: 700; font-size: 15px; text-decoration: none }
.Tt-Skip:focus{ top: 12px; color: #fff }
.Tt-Plate{ display: block }
.Tt-Cover-Kicker, .Tt-Card-Kicker, .Tt-Piece-Kicker, .Tt-Carte-Kicker, .Tt-Row-Kicker, .Tt-Shelf-Tally, .Tt-Carte-Tally{ font-family: var(--tt-face-read); font-size: 12.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; line-height: 1.4; margin: 0 }
.Tt-Cover.Tt-Cover--Beet .Tt-Cover-Kicker, .Tt-Card.Tt-Card--Beet .Tt-Card-Kicker, .Tt-Piece.Tt-Piece--Beet .Tt-Piece-Kicker a, .Tt-Carte.Tt-Carte--Beet .Tt-Carte-Kicker, .Tt-Row.Tt-Row--Beet .Tt-Row-Kicker{ color: var(--tt-beet) }
.Tt-Cover.Tt-Cover--Steel .Tt-Cover-Kicker, .Tt-Card.Tt-Card--Steel .Tt-Card-Kicker, .Tt-Piece.Tt-Piece--Steel .Tt-Piece-Kicker a, .Tt-Carte.Tt-Carte--Steel .Tt-Carte-Kicker, .Tt-Row.Tt-Row--Steel .Tt-Row-Kicker{ color: var(--tt-steel) }
.Tt-Cover.Tt-Cover--Herb .Tt-Cover-Kicker, .Tt-Card.Tt-Card--Herb .Tt-Card-Kicker, .Tt-Piece.Tt-Piece--Herb .Tt-Piece-Kicker a, .Tt-Carte.Tt-Carte--Herb .Tt-Carte-Kicker, .Tt-Row.Tt-Row--Herb .Tt-Row-Kicker{ color: var(--tt-herb) }
.Tt-Carte.Tt-Carte--All .Tt-Carte-Kicker{ color: var(--tt-accent) }
.Tt-Mast{ background: var(--tt-ground); border-bottom: 1px solid var(--tt-rule); box-shadow: 0 2px 6px rgba(0, 0, 0, .06) }
.Tt-Mast-Bar{ max-width: var(--tt-measure); margin: 0 auto; padding: 6px 16px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: 24px; box-sizing: border-box }
.Tt-Brand{ margin: 0; font-family: var(--tt-face-head); font-weight: 700; font-size: 25px; line-height: 1.1; letter-spacing: -.012em }
.Tt-Brand-Link{ display: inline-flex; align-items: center; gap: 10px; color: var(--tt-ink); text-decoration: none; min-height: 44px }
.Tt-Brand-Link:hover{ color: var(--tt-ink) }
.Tt-Brand-Mark{ color: var(--tt-accent); flex: none; width: 30px; height: 30px }
.Tt-Mast-Motto{ display: none; margin: 0; font-size: 13px; color: var(--tt-mute) }
.Tt-Desk{ max-width: var(--tt-measure); margin: 0 auto; padding: 0 16px; display: grid; grid-template-columns: 1fr 1fr; column-gap: 16px; box-sizing: border-box; border-top: 1px solid var(--tt-rule) }
.Tt-Desk-Item{ position: relative; display: inline-flex; align-items: center; gap: 8px; min-height: 36px; font-size: 12.5px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--tt-ink); text-decoration: none }
.Tt-Desk-Item:hover{ color: var(--tt-accent-deep) }
.Tt-Desk-Item.Tt-Desk-Item--Here::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--tt-accent) }
.Tt-Desk-Item.Tt-Desk-Item--Within::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--tt-rule-firm) }
.Tt-Desk-Dot{ width: 8px; height: 8px; flex: none }
.Tt-Desk-Dot.Tt-Desk-Dot--Beet{ color: var(--tt-beet) }
.Tt-Desk-Dot.Tt-Desk-Dot--Steel{ color: var(--tt-steel) }
.Tt-Desk-Dot.Tt-Desk-Dot--Herb{ color: var(--tt-herb) }
.Tt-Rubric{ display: flex; align-items: center; gap: 18px; margin: 0 0 28px; font-size: 28px; line-height: 1.2; text-align: center; color: var(--tt-ink) }
.Tt-Rubric::before, .Tt-Rubric::after{ content: ""; flex: 1; height: 1px; background: var(--tt-rule-firm) }
.Tt-Rubric.Tt-Rubric--Left{ display: block; text-align: left; font-size: 30px; margin-bottom: 18px }
.Tt-Rubric.Tt-Rubric--Left::before{ display: block; flex: none; width: 48px; height: 3px; background: var(--tt-accent); margin-bottom: 16px }
.Tt-Rubric.Tt-Rubric--Left::after{ display: none }
.Tt-Rubric.Tt-Rubric--Night{ color: var(--tt-on-night) }
.Tt-Rubric.Tt-Rubric--Night::before, .Tt-Rubric.Tt-Rubric--Night::after{ background: var(--tt-night-rule) }
.Tt-Cover{ max-width: var(--tt-measure); margin: 0 auto; position: relative; box-sizing: border-box }
.Tt-Cover-Photo{ margin: 0; aspect-ratio: 16 / 9; overflow: hidden; background: var(--tt-wash) }
.Tt-Cover-Img{ width: 100%; height: 100%; object-fit: cover }
.Tt-Cover-Card{ padding: 18px 16px 8px; background: var(--tt-ground) }
.Tt-Cover-Title{ margin: 8px 0 10px; font-size: 30px; line-height: 1.12; letter-spacing: -.012em }
.Tt-Cover-Title a{ color: var(--tt-ink); text-decoration: none }
.Tt-Cover-Title a:hover{ text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px }
.Tt-Cover-Dek{ margin: 0 0 12px; font-size: 16.5px; line-height: 1.5; color: var(--tt-text) }
.Tt-Cover-Dek p{ margin: 0 }
.Tt-Cover-Meta, .Tt-Piece-Meta{ margin: 0; font-size: 14px; color: var(--tt-mute); display: flex; flex-wrap: wrap; align-items: center }
.Tt-Cover-Meta > * + *, .Tt-Piece-Meta > * + *{ margin-left: 12px; padding-left: 12px; border-left: 1px solid var(--tt-rule-firm) }
.Tt-Begin{ background: var(--tt-cream); margin-top: 40px; padding: 48px 0 40px }
.Tt-Begin-In{ max-width: var(--tt-measure); margin: 0 auto; padding: 0 16px; box-sizing: border-box }
.Tt-Begin-Photo{ margin: 0 0 28px; aspect-ratio: 4 / 3; overflow: hidden }
.Tt-Begin-Img{ width: 100%; height: 100%; object-fit: cover; object-position: 50% 30% }
.Tt-Prose.Tt-Prose--Begin{ font-size: 17px }
.Tt-Prose.Tt-Prose--Begin > p:first-child{ font-family: var(--tt-face-head); font-size: 19.5px; line-height: 1.5; color: var(--tt-ink) }
.Tt-Latest{ max-width: var(--tt-measure); margin: 56px auto 64px; padding: 0 16px; box-sizing: border-box }
.Tt-Cards{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 }
.Tt-Card{ position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 104px; column-gap: 16px; align-items: start; padding: 18px 0; border-top: 1px solid var(--tt-rule) }
.Tt-Card:first-child{ border-top: 0; padding-top: 0 }
.Tt-Card-Photo{ grid-column: 2; grid-row: 1; margin: 4px 0 0; aspect-ratio: 4 / 3; overflow: hidden; background: var(--tt-wash) }
.Tt-Card-Img{ width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease }
.Tt-Card-Body{ grid-column: 1; grid-row: 1; min-width: 0 }
.Tt-Card-Title{ margin: 9px 0 6px; font-size: 21px; line-height: 1.2; letter-spacing: -.005em }
.Tt-Card-Title a{ color: var(--tt-ink); text-decoration: none }
.Tt-Card-Title a::after{ content: ""; position: absolute; inset: 0 }
.Tt-Card:hover .Tt-Card-Title a{ text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px }
.Tt-Card:hover .Tt-Card-Img{ transform: scale(1.035) }
.Tt-Card-Dek{ margin: 0 0 8px; font-size: 15px; line-height: 1.5; color: var(--tt-text) }
.Tt-Card-Meta{ margin: 0; font-size: 13px; color: var(--tt-mute) }
.Tt-Shelf{ background: var(--tt-night); color: var(--tt-on-night-soft); padding: 52px 0 56px }
.Tt-Shelf-In{ max-width: var(--tt-measure); margin: 0 auto; padding: 0 16px; box-sizing: border-box }
.Tt-Shelf-Cols{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 36px }
.Tt-Shelf-Col{ border-top: 4px solid var(--tt-night-rule); padding-top: 18px }
.Tt-Shelf-Col.Tt-Shelf-Col--Beet{ border-top-color: var(--tt-beet-lit) }
.Tt-Shelf-Col.Tt-Shelf-Col--Steel{ border-top-color: var(--tt-steel-lit) }
.Tt-Shelf-Col.Tt-Shelf-Col--Herb{ border-top-color: var(--tt-herb-lit) }
.Tt-Shelf-Title{ margin: 0 0 8px; font-size: 27px; line-height: 1.15 }
.Tt-Shelf-Title a{ color: var(--tt-on-night); text-decoration: none; display: inline-flex; align-items: center; gap: 10px; min-height: 36px }
.Tt-Shelf-Title a:hover{ color: var(--tt-on-night); text-decoration: underline; text-underline-offset: 4px }
.Tt-Shelf-Arrow{ flex: none }
.Tt-Shelf-Dek{ margin: 0 0 10px; font-size: 15.5px; line-height: 1.5; color: var(--tt-on-night-soft) }
.Tt-Shelf-Tally{ color: var(--tt-on-night-soft); margin-bottom: 8px }
.Tt-Shelf-List{ list-style: none; margin: 0 0 12px; padding: 0 }
.Tt-Shelf-List li{ border-top: 1px solid var(--tt-night-2); padding: 12px 0; display: grid; grid-template-columns: 72px minmax(0, 1fr); column-gap: 14px; align-items: start }
.Tt-Shelf-Item{ display: grid; gap: 6px }
.Tt-Shelf-Text, .Tt-Shelf-Text p{ margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--tt-on-night-soft) }
.Tt-Shelf-List .Tt-Shelf-Text a{ color: var(--tt-link-night); font-weight: 400; font-size: inherit; display: inline; min-height: 0; text-decoration: underline }
.Tt-Shelf-Img{ width: 72px; height: 54px; object-fit: cover }
.Tt-Shelf-List a{ color: var(--tt-on-night); font-weight: 600; font-size: 16px; line-height: 1.4; text-decoration: none; display: inline-block; min-height: 24px }
.Tt-Shelf-List a:hover{ color: var(--tt-link-night); text-decoration: underline }
.Tt-Shelf-More{ margin: 0; font-size: 14px; font-weight: 700 }
.Tt-Shelf-More a{ color: var(--tt-link-night); display: inline-block; min-height: 24px }
.Tt-Shelf-More a:hover{ color: var(--tt-on-night) }
.Tt-Shelf :focus-visible, .Tt-Foot :focus-visible{ outline-color: var(--tt-focus-night) }
.Tt-Piece{ max-width: var(--tt-measure); margin: 0 auto; padding: 0 16px; box-sizing: border-box }
.Tt-Piece-Head{ padding: 28px 0 22px; max-width: 860px }
.Tt-Piece-Kicker{ font-size: 13px }
.Tt-Piece-Kicker a{ text-decoration: none; display: inline-block; min-height: 24px }
.Tt-Piece-Kicker a:hover{ text-decoration: underline }
.Tt-Piece-Title{ margin: 8px 0 12px; font-size: 34px; line-height: 1.1; letter-spacing: -.014em }
.Tt-Piece-Dek{ margin: 0 0 16px; font-size: 18.5px; line-height: 1.5; color: var(--tt-text) }
.Tt-Piece-Grid{ display: block }
.Tt-Toc{ background: var(--tt-wash); padding: 18px 18px 14px; margin: 0 0 26px }
.Tt-Toc-Title{ margin: 0 0 8px; font-family: var(--tt-face-read); font-weight: 700; font-size: 16px; color: var(--tt-ink) }
.Tt-Toc-List{ list-style: none; margin: 0; padding: 0 0 0 14px; border-left: 2px solid var(--tt-rule-firm) }
.Tt-Toc-List li{ margin: 0 }
.Tt-Toc-List a{ display: block; padding: 5px 0; font-size: 15px; line-height: 1.4; color: var(--tt-text); text-decoration: none }
.Tt-Toc-List a:hover{ color: var(--tt-accent-deep); text-decoration: underline }
.Tt-Piece-Photo{ margin: 0 0 26px; background: var(--tt-wash) }
.Tt-Piece-Img{ width: 100% }
.Tt-Piece-Main{ min-width: 0 }
.Tt-Prose{ font-size: 17.5px; line-height: 1.7; color: var(--tt-text) }
.Tt-Prose > :first-child{ margin-top: 0 }
.Tt-Prose p{ margin: 0 0 1.1em }
.Tt-Prose h2{ font-size: 28px; line-height: 1.2; margin: 1.7em 0 .5em; letter-spacing: -.008em; scroll-margin-top: 24px }
.Tt-Prose h3{ font-family: var(--tt-face-read); font-weight: 700; font-size: 19px; margin: 1.5em 0 .4em }
.Tt-Prose a{ color: var(--tt-link); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px }
.Tt-Prose a:hover{ color: var(--tt-accent-deep) }
.Tt-Prose ul, .Tt-Prose ol{ margin: 0 0 1.2em; padding-left: 1.3em }
.Tt-Prose li{ margin: 0 0 .45em }
.Tt-Prose li::marker{ color: var(--tt-accent) }
.Tt-Prose strong{ font-weight: 700; color: var(--tt-ink) }
.Tt-Prose blockquote{ margin: 1.5em 0; padding: 18px 22px; background: var(--tt-cream); border-left: 4px solid var(--tt-accent); font-family: var(--tt-face-head); font-size: 21px; line-height: 1.45; color: var(--tt-ink) }
.Tt-Prose blockquote p:last-child{ margin-bottom: 0 }
.Tt-Prose code{ font-family: var(--tt-face-code); font-size: .88em; background: var(--tt-wash); padding: .1em .3em; white-space: pre-wrap }
.Tt-Prose hr{ border: 0; border-top: 1px solid var(--tt-rule); margin: 2em 0 }
.Tt-Prose img{ margin: 1.4em 0 }
.Tt-Table-Wrap{ overflow-x: auto; margin: 1.6em 0 1.8em; border: 1px solid var(--tt-rule-firm); background: var(--tt-ground) }
.Tt-Prose table{ border-collapse: collapse; width: 100%; font-size: 16px; line-height: 1.45; font-variant-numeric: tabular-nums }
.Tt-Prose th{ background: var(--tt-wash); color: var(--tt-ink); text-align: left; font-weight: 700; font-size: 14px; padding: 12px 16px; border-bottom: 2px solid var(--tt-rule-firm); border-right: 1px solid var(--tt-rule); vertical-align: bottom }
.Tt-Prose td{ padding: 11px 16px; border-top: 1px solid var(--tt-rule); border-right: 1px solid var(--tt-rule); vertical-align: top }
.Tt-Prose th:last-child, .Tt-Prose td:last-child{ border-right: 0 }
.Tt-Prose td:first-child{ font-weight: 600; color: var(--tt-ink); white-space: nowrap }
.Tt-Prose tbody tr:nth-child(even) td{ background: var(--tt-cream) }
.Tt-Next{ background: var(--tt-cream); margin-top: 56px; padding: 44px 0 56px; border-top: 1px solid var(--tt-rule) }
.Tt-Next-In{ max-width: var(--tt-measure); margin: 0 auto; padding: 0 16px; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr); gap: 44px }
.Tt-Next-Title{ margin: 0 0 18px; font-size: 26px; line-height: 1.2 }
.Tt-Next-Title::before{ content: ""; display: block; width: 48px; height: 3px; background: var(--tt-accent); margin-bottom: 14px }
.Tt-Promo{ position: relative; border: 2px solid var(--tt-accent); background: var(--tt-ground); padding: 30px 20px 20px; margin-top: 10px }
.Tt-Promo-Label{ position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); margin: 0; padding: 0 14px; background: var(--tt-ground); font-family: var(--tt-face-read); font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--tt-accent-deep); white-space: nowrap }
.Tt-Promo-Title{ margin: 0 0 8px; font-family: var(--tt-face-head); font-weight: 600; font-size: 24px; line-height: 1.2 }
.Tt-Promo-Title a{ color: var(--tt-ink); text-decoration: none }
.Tt-Promo-Title a:hover{ text-decoration: underline; text-underline-offset: 4px }
.Tt-Promo-Note{ margin: 0; font-size: 16px; line-height: 1.55 }
.Tt-Line-List{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); column-gap: 32px }
.Tt-Line-Item{ display: grid; grid-template-columns: 88px minmax(0, 1fr); column-gap: 14px; align-items: center; padding: 12px 0; border-top: 1px solid var(--tt-rule-firm) }
.Tt-Line-Photo{ grid-row: 1 / span 2; margin: 0; aspect-ratio: 4 / 3; overflow: hidden }
.Tt-Line-Img{ width: 100%; height: 100%; object-fit: cover }
.Tt-Line-Name{ margin: 0; font-family: var(--tt-face-head); font-weight: 600; font-size: 18px; line-height: 1.25 }
.Tt-Line-Name a{ color: var(--tt-ink); text-decoration: none; display: inline-block; min-height: 24px }
.Tt-Line-Name a:hover{ text-decoration: underline }
.Tt-Line-Item.Tt-Line-Item--Here .Tt-Line-Name{ color: var(--tt-mute) }
.Tt-Line-When{ margin: 2px 0 0; font-size: 13px; color: var(--tt-mute) }
.Tt-Line-Item.Tt-Line-Item--Here .Tt-Line-When{ color: var(--tt-accent-deep); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: 12.5px }
.Tt-Line-More{ margin: 16px 0 0; font-size: 15px; font-weight: 700 }
.Tt-Line-More a{ display: inline-block; min-height: 24px }
.Tt-Carte{ background: var(--tt-cream); border-bottom: 1px solid var(--tt-rule) }
.Tt-Carte-In{ max-width: var(--tt-measure); margin: 0 auto; padding: 32px 16px 30px; box-sizing: border-box }
.Tt-Carte-Title{ margin: 8px 0 10px; font-size: 38px; line-height: 1.08; letter-spacing: -.015em }
.Tt-Carte-Dek{ margin: 0 0 12px; max-width: 720px; font-size: 18.5px; line-height: 1.5; color: var(--tt-text) }
.Tt-Carte-Tally{ color: var(--tt-mute) }
.Tt-Prose.Tt-Prose--Intro{ max-width: var(--tt-measure); margin: 36px auto 0; padding: 0 16px; box-sizing: border-box }
.Tt-Prose.Tt-Prose--Intro > *{ max-width: 740px }
.Tt-Carte-List{ max-width: var(--tt-measure); margin: 44px auto 72px; padding: 0 16px; box-sizing: border-box }
.Tt-Rows{ list-style: none; margin: 0; padding: 0; max-width: 920px }
.Tt-Row{ position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 104px; column-gap: 18px; align-items: start; padding: 20px 0; border-top: 1px solid var(--tt-rule) }
.Tt-Row:first-child{ border-top: 0; padding-top: 0 }
.Tt-Row-Title{ margin: 9px 0 6px; font-size: 21px; line-height: 1.2 }
.Tt-Row-Title a{ color: var(--tt-ink); text-decoration: none }
.Tt-Row-Title a::after{ content: ""; position: absolute; inset: 0 }
.Tt-Row:hover .Tt-Row-Title a{ text-decoration: underline; text-underline-offset: 3px }
.Tt-Row-Dek{ margin: 0 0 8px; font-size: 15px; line-height: 1.5 }
.Tt-Row-Meta{ margin: 0; font-size: 13px; color: var(--tt-mute) }
.Tt-Row-Photo{ margin: 4px 0 0; aspect-ratio: 4 / 3; overflow: hidden }
.Tt-Row-Img{ width: 100%; height: 100%; object-fit: cover }
.Tt-Piece.Tt-Piece--Plain .Tt-Piece-Head{ max-width: none; padding-bottom: 28px; margin-bottom: 34px; background: var(--tt-cream); box-shadow: 0 0 0 100vmax var(--tt-cream); clip-path: inset(0 -100vmax); border-bottom: 1px solid var(--tt-rule) }
.Tt-Piece-Grid.Tt-Piece-Grid--Plain{ max-width: 720px; padding-bottom: 64px }
.Tt-Lost{ max-width: 720px; margin: 0 auto 64px; padding: 0 16px }
.Tt-Lost-List{ padding-left: 1.2em }
.Tt-Lost-Tally{ color: var(--tt-mute); font-size: 14px }
.Tt-Foot{ background: var(--tt-foot); color: var(--tt-on-night-soft); padding: 44px 0 20px }
.Tt-Foot-In{ max-width: var(--tt-measure); margin: 0 auto; padding: 0 16px 30px; box-sizing: border-box; display: grid; gap: 14px }
.Tt-Foot-Brand{ margin: 0; font-family: var(--tt-face-head); font-weight: 700; font-size: 24px }
.Tt-Foot-Brand a{ color: var(--tt-on-night); text-decoration: none; display: inline-flex; align-items: center; gap: 10px; min-height: 44px }
.Tt-Foot-Brand a:hover{ color: var(--tt-on-night) }
.Tt-Foot-Mark{ color: var(--tt-accent-lit); flex: none }
.Tt-Foot-Note{ margin: 0; max-width: 640px; font-size: 15px; line-height: 1.6 }
.Tt-Foot-Links{ margin: 6px 0 0; display: flex; flex-wrap: wrap; column-gap: 26px }
.Tt-Foot-Links a{ color: var(--tt-on-night); font-size: 13px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; text-decoration: none; display: inline-flex; align-items: center; min-height: 40px }
.Tt-Foot-Links a:hover{ color: var(--tt-link-night); text-decoration: underline }
.Tt-Foot-Motto{ margin: -8px 0 0; font-size: 13px; color: var(--tt-on-night-soft) }
@media (min-width: 600px){
  .Tt-Mast-Bar, .Tt-Desk, .Tt-Begin-In, .Tt-Latest, .Tt-Shelf-In, .Tt-Piece, .Tt-Next-In, .Tt-Carte-In, .Tt-Prose.Tt-Prose--Intro, .Tt-Carte-List, .Tt-Foot-In{ padding-left: 28px; padding-right: 28px }
  .Tt-Desk{ display: flex; flex-wrap: wrap; column-gap: 30px }
  .Tt-Desk-Item{ min-height: 44px }
  .Tt-Mast-Motto{ display: block }
  .Tt-Cards{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 28px }
  .Tt-Card{ display: block; padding: 0; border-top: 0 }
  .Tt-Card-Photo{ margin: 0 0 14px; aspect-ratio: 3 / 2 }
  .Tt-Card-Title{ font-size: 22px }
  .Tt-Row{ grid-template-columns: minmax(0, 1fr) 168px; column-gap: 28px }
  .Tt-Cover-Card{ padding: 22px 28px 8px }
  .Tt-Cover-Title{ font-size: 36px }
  .Tt-Begin-In{ display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 36px; align-items: start }
  .Tt-Begin-Photo{ margin: 0; aspect-ratio: 4 / 5; position: sticky; top: 24px }
  .Tt-Line-List{ grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .Tt-Piece-Title{ font-size: 40px }
  .Tt-Carte-Title{ font-size: 46px }
}
@media (min-width: 928px){
  html{ scroll-padding-top: 130px }
  .Tt-Mast{ position: sticky; top: 0; z-index: 20 }
  .Tt-Mast-Bar{ padding-top: 12px; padding-bottom: 6px }
  .Tt-Brand{ font-size: 32px }
  .Tt-Brand-Mark{ width: 36px; height: 36px }
  .Tt-Desk{ border-top: 0; column-gap: 34px }
  .Tt-Desk-Item{ font-size: 13px }
  .Tt-Cover{ margin-top: 28px; padding: 0 40px }
  .Tt-Cover-Photo{ aspect-ratio: auto; height: 560px }
  .Tt-Cover-Card{ position: absolute; left: 80px; bottom: 40px; width: 470px; padding: 30px 34px 28px; box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .45) }
  .Tt-Cover-Title{ font-size: 42px; line-height: 1.08 }
  .Tt-Cover-Dek{ font-size: 17px }
  .Tt-Mast-Bar, .Tt-Desk, .Tt-Begin-In, .Tt-Latest, .Tt-Shelf-In, .Tt-Carte-In, .Tt-Prose.Tt-Prose--Intro, .Tt-Carte-List, .Tt-Foot-In{ padding-left: 40px; padding-right: 40px }
  .Tt-Begin{ margin-top: 56px; padding: 72px 0 64px }
  .Tt-Begin-In{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: start }
  .Tt-Begin-Photo{ margin: 0; aspect-ratio: 4 / 5; position: sticky; top: 140px }
  .Tt-Rubric{ font-size: 32px; margin-bottom: 34px }
  .Tt-Rubric.Tt-Rubric--Left{ font-size: 36px }
  .Tt-Latest{ margin: 72px auto 80px }
  .Tt-Cards{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 32px }
  .Tt-Card-Title{ font-size: 23px }
  .Tt-Shelf{ padding: 72px 0 76px }
  .Tt-Shelf-Cols{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px }
  .Tt-Piece-Head{ padding: 44px 0 30px }
  .Tt-Piece-Title{ font-size: 46px }
  .Tt-Piece-Dek{ font-size: 20px }
  .Tt-Piece{ padding-left: 40px; padding-right: 40px }
  .Tt-Piece-Grid.Tt-Piece-Grid--Boxed{ display: grid; grid-template-columns: 240px minmax(0, 760px); gap: 56px; align-items: start }
  .Tt-Piece-Grid.Tt-Piece-Grid--Plain{ margin-left: 296px }
  .Tt-Prose.Tt-Prose--Begin > p:first-child{ font-size: 22px; line-height: 1.45 }
  .Tt-Toc{ position: sticky; top: 136px; margin: 0 }
  .Tt-Prose{ font-size: 18px }
  .Tt-Prose h2{ font-size: 30px; scroll-margin-top: 136px }
  .Tt-Next-In{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 64px; row-gap: 52px; padding-left: 40px; padding-right: 40px }
  .Tt-Promo{ grid-column: 1 / -1; max-width: 760px }
  .Tt-Line-List{ grid-template-columns: minmax(0, 1fr) }
  .Tt-Cards.Tt-Cards--Pair{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px }
  .Tt-Next-In.Tt-Next-In--Solo{ grid-template-columns: minmax(0, 1fr) }
  .Tt-Next-In.Tt-Next-In--Solo .Tt-Line-List{ grid-template-columns: repeat(3, minmax(0, 1fr)) }
  .Tt-Carte-In{ padding-top: 48px; padding-bottom: 42px }
  .Tt-Carte-Title{ font-size: 55px }
  .Tt-Carte-Dek{ font-size: 20px }
  .Tt-Row{ grid-template-columns: minmax(0, 1fr) 220px; column-gap: 36px; padding: 26px 0 }
  .Tt-Row-Title{ font-size: 25px }
  .Tt-Foot{ padding-top: 56px; padding-bottom: 32px }
  .Tt-Foot-In{ grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); column-gap: 64px; row-gap: 10px; align-items: start }
  .Tt-Foot-Brand{ grid-column: 1; grid-row: 1 }
  .Tt-Foot-Motto{ grid-column: 1; grid-row: 2; margin: 0 }
  .Tt-Foot-Note{ grid-column: 2; grid-row: 1 }
  .Tt-Foot-Links{ grid-column: 2; grid-row: 2 }
}
@media (prefers-reduced-motion: reduce){
  .Tt-Card-Img{ transition: none }
  .Tt-Card:hover .Tt-Card-Img{ transform: none }
}