/* ZONE: shared alignment and a quieter rhythm, retaining marble, gold and portraits. */
.section-title{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0}
.section-title>div{width:100%;min-width:0;text-align:center}
.section-title h2{max-width:100%;margin-inline:auto;line-height:1.25}
.section-title .eyebrow{line-height:1.7;letter-spacing:.08em}
.section-title>.text-link{align-self:flex-end}
.section-title.long-title h2{font-size:clamp(22px,5.8vw,42px);letter-spacing:.015em}
.page-title h1{font-size:clamp(28px,7.7vw,62px);line-height:1.2;letter-spacing:.025em}
.page-lead{line-height:1.9}
.view-home .home-schedule .schedule-notice{margin-top:24px}
.view-home .guide-panel{padding:28px 24px;border-color:#d5cbb5;background:#fff8}
.view-home .guide-panel h2{font-size:32px;letter-spacing:.02em}
.view-home .guide-panel>p:not(.eyebrow){min-height:0}
.view-home .recruit-teaser{padding:30px 16px}
.view-home .recruit-teaser h2{font-size:26px}
.steps>li>div{min-width:0}
.steps p{max-width:42em;line-height:1.9}
.price-table th{white-space:nowrap}
.price-table td{font-variant-numeric:tabular-nums}
.profile-questions dt{font-weight:500}
.profile-questions>div{margin-bottom:14px}
.profile-reference .gallery-thumb:focus-visible{outline:2px solid #9a7e36;outline-offset:4px}
.photo-footer .footer-top{grid-template-columns:minmax(220px,1fr) minmax(0,1.4fr);align-items:start;gap:32px;padding-top:32px}
.photo-footer .footer-brand{width:150px}
.photo-footer .footer-brand strong{font-size:46px}
.photo-footer .footer-top p{font:12px/1.9 var(--sans);margin:18px 0 0}
.photo-footer .footer-nav{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:0}
.footer-nav>a{display:flex;align-items:center;min-height:44px;padding:10px 0;border-bottom:1px solid #cfc9bf80;font:13px/1.5 var(--sans)}
.footer-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:24px}
.footer-bottom a{padding:8px 0}
/* Form hierarchy: one progress line, one Japanese title, then the choices. */
.booking-intro{margin-bottom:24px}
.booking-progress{margin-bottom:28px;border-bottom:1px solid #d7cfbd}
.booking-progress li{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 2px;border-bottom:2px solid transparent;margin-bottom:-1px;color:#827b6e}
.booking-progress li:after{display:none}
.booking-progress b,.booking-progress [aria-current=step] b,.booking-progress li.complete b{width:auto;height:auto;border:0;border-radius:0;background:none;color:inherit;margin:0;font:14px/1.4 var(--sans)}
.booking-progress [aria-current=step]{border-bottom-color:#a38a43;color:#5e4921;font-weight:700}
.booking-progress li.complete{color:#736343}
.booking-step{border:0;background:transparent;padding:0}
.step-heading{padding-bottom:14px;margin-bottom:22px;border-bottom:1px solid #d9cfb7}
.step-heading h2{font:500 23px/1.6 var(--serif)}
.booking-step>.field-help{margin-top:-8px;margin-bottom:20px}
.booking-person-name{font:700 16px/1.5 var(--sans);letter-spacing:0;gap:4px}
.booking-person-name small{font:400 12px/1.8 var(--sans)}
.booking-person-image{border-radius:0}
.booking-person.unavailable{opacity:1;cursor:default}
.booking-person.unavailable .booking-person-image{opacity:.65}
.booking-person.unavailable .availability-badge{background:#77736b;color:#fff}
.booking-person input:checked~.booking-person-name{color:#786024}
.booking-person .availability-badge{font:12px/1.5 var(--sans);padding:5px 3px;letter-spacing:0}
.booking-summary{background:#f7f4ec;border:1px solid #ddd4c1;padding:20px}
.booking-summary h2{margin:0 0 18px}
.course-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.course-choice{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:14px 12px;min-width:0}
.course-choice strong{font-size:19px;width:auto;padding:0;text-align:right}
.course-choice span{font-family:var(--sans)}
.course-choice b{font:500 22px/1.4 var(--sans)}
.time-options{grid-template-columns:repeat(4,minmax(0,1fr))}
.time-choice{min-width:0}
.time-choice small{font-variant-numeric:tabular-nums;white-space:nowrap}
.time-choice input:disabled+span,.time-choice input:disabled+span *{text-decoration:none}
.availability-message{font:13px/1.7 var(--sans);color:#655a44;margin:8px 0 12px}
.availability-message:empty{display:none}
.availability-legend{font-size:12px;color:#62563e;line-height:1.8}
.time-help{line-height:1.8;margin-top:5px}
.booking-main .input-grid input,.booking-main .input-grid textarea,.booking-main .input-grid select{font-size:16px}
.booking-main .field-help{color:#716a5e}
#booking-form>.date-control{max-width:100%;margin-bottom:24px}
#booking-date{max-width:100%;min-width:0;font-size:16px}
@media(max-width:760px){
 .view-home .section{padding-block:30px}
 .view-home .section-title{margin-bottom:36px}
 .view-home .section-title h2{font-size:clamp(25px,7vw,30px)}
 .section-title.long-title h2{font-size:clamp(22px,5.8vw,30px)}
 .section-title .eyebrow{font-size:15px}
 .view-home .home-schedule .schedule-notice{margin-top:22px;padding-bottom:14px}
 .view-home .guide-panel{padding:20px 12px}
 .view-home .guide-panel h2{font-size:25px}
 .view-home .guide-panel .eyebrow{font-size:11px;line-height:1.6}
 .view-home .guide-panel .text-link{font-size:11px}
 .view-home .recruit-teaser h2{font-size:23px}
 .steps h3{font-size:17px;line-height:1.6}
 .steps p{font-size:13px}
 .photo-footer .footer-top{grid-template-columns:1fr;gap:22px;padding-top:26px}
 .photo-footer .footer-top>div:first-child{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:16px}
 .photo-footer .footer-brand{width:110px}
 .photo-footer .footer-brand strong{font-size:35px}
 .photo-footer .footer-brand .brand-loc{font-size:7px}
 .photo-footer .footer-brand .brand-sub{font-size:6px}
 .photo-footer .footer-top p{font-size:10px;line-height:1.9;margin:0}
 .photo-footer .footer-nav{grid-column:1;grid-row:auto;gap:0 20px}
 .footer-nav>a{font-size:12px;min-height:42px}
 .footer-bottom{gap:6px 14px;font-size:9px;margin-top:20px;padding-top:10px}
 .booking-shell{width:calc(100% - 28px);padding-bottom:36px}
 .booking-state{font-size:12px;padding:12px}
 .booking-progress li{gap:4px;padding:10px 0}
 .booking-progress b{font-size:11px}
 .booking-progress span{font-size:10px;line-height:1.5}
 .step-heading h2{font-size:20px}
 .booking-people{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
 .booking-person-name{display:flex;flex-wrap:wrap;font-size:15px;margin-top:8px}
 .booking-person-name small{display:inline;font-size:11px}
 .free-choice .booking-person-name small{display:block}
 .booking-layout{gap:24px}
 .course-choice{padding:12px 8px;gap:5px;grid-template-columns:auto 1fr}
 .course-choice strong{grid-column:2;font-size:19px;text-align:left}
 .course-choice b{font-size:22px}
 .time-periods{gap:4px}
 .time-periods button{font-size:12px;padding:12px 2px;min-width:0}
 .time-options{gap:6px}
 #booking-form[data-current-step="0"] .booking-summary,#booking-form[data-current-step="3"] .booking-summary{display:none}
 .booking-summary{padding:16px}
 .booking-summary .summary-person img,.booking-summary>.summary-contact,.booking-summary>small{display:none}
 .booking-summary .summary-person{margin-bottom:4px}
 .booking-summary h2{font-size:15px;margin-bottom:12px}
 .booking-summary dl{gap:0 12px}
 .booking-summary dl>div{font-size:12px;flex-wrap:wrap;gap:2px 8px}
 .booking-summary dd{text-align:left}
 .step-actions{gap:10px}
 .step-actions .button{min-width:0;font-size:13px;padding:13px 12px;letter-spacing:0}
 .booking-review>div{font-size:13px;grid-template-columns:90px minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* More visible natural grey veining, at a readable scale on phones. */
body{background-image:url('/assets/marble-v19.svg');background-size:900px 1260px;background-repeat:repeat;background-position:center top;background-color:#fbfbfc}
@media(max-width:760px){body{background-size:620px 868px}}

.view-home .home-schedule .section-title.long-title h2{font-size:clamp(23px,5.8vw,42px);letter-spacing:.015em}
.view-home .today-schedule{padding-top:16px}
@media(max-width:760px){.view-home .home-schedule .section-title.long-title h2{font-size:clamp(23px,5.8vw,30px)}.view-home .today-schedule{padding-top:12px}}

.booking-people[hidden],.booking-person[hidden]{display:none!important}
#booking-people-message:empty{display:none}
