/* Third pass: make the signature experience discoverable and the next choice clear. */
.hero-mosaic{grid-template-columns:46fr 54fr;grid-template-rows:54fr 46fr}
.hero-copy{top:48.5%}
.hero h1{line-height:1.45;margin-bottom:12px}
.hero-kicker{margin-bottom:12px}
.hero-sub{margin:15px 0 20px}
.hero-experience{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;margin:19px auto 0;padding:7px 13px 7px 7px;border:1px solid #f1d5a873;border-radius:3px;background:linear-gradient(120deg,#123425ed,#143b30ca);box-shadow:0 3px 14px #061e2550;color:#fff8e8;text-align:left;font-size:12px;line-height:1.7;transition:border-color .2s,box-shadow .2s}
.hero-experience img{width:63px;height:39px;border-radius:2px;object-fit:cover;flex-shrink:0}
.hero-experience small{display:block;font-size:9px;letter-spacing:.08em;color:#e6c994}
.hero-experience b{display:inline-block;margin-left:9px;color:#e6c994}
.hero-experience:hover{border-color:#ffe7b2;box-shadow:0 4px 20px #061e2580}
.hero-experience:focus-visible{outline-color:#ffe7b2}
.hero .tile-three span,.hero .tile-four span{bottom:57px}
.hero .hero-footnote{left:30px;bottom:12px;padding:5px 8px;background:#0c271dba;border-left:1px solid #dcc08a;font-size:10px;line-height:1.65;max-width:calc(100% - 60px)}
.hero .hero-stamp{bottom:99px}
.hero .scroll-cue{bottom:17px}
.journey-tab{min-height:60px}
.pot-drag-hint>span{display:inline-block;animation:liftCue 1.7s ease-in-out 3}
.real-pot.is-dragging .pot-drag-hint>span,.real-pot.open .pot-drag-hint>span{animation:none}
.journey-caption .text-link{font-size:12px;line-height:1.8}
.story-text p,.journey-detail{font-size:14px}
.course-photo-caption{max-width:calc(100% - 24px);line-height:1.6}
.course-features li{line-height:1.85}
.course-picker{margin-top:23px;padding-top:19px;border-top:1px solid #bca77970}
.course-picker>p{font:700 15px/1.8 var(--serif);margin-bottom:16px}
.course-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.course-pick{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:0;border:1px solid #b7a782;border-radius:3px 3px 13px 3px;background:linear-gradient(150deg,#fffdf4,#f0e4c9);color:#18372b;text-align:left;overflow:hidden;box-shadow:0 3px 0 #99815555;transition:border-color .2s,box-shadow .2s}
.course-pick>img{height:135px;width:100%;object-fit:cover;flex-shrink:0}
.course-pick>span{display:flex;flex-direction:column;flex:1;padding:14px 12px;gap:6px;min-width:0}
.course-pick strong{font:700 16px/1.6 var(--serif)}
.course-pick b{font:700 24px/1.4 var(--serif)}
.course-pick small{font:400 10px/1.6 var(--sans);color:#586654}
.course-pick em{font:400 11px/1.8 var(--sans);color:#374735}
.course-pick-status{display:block;margin-top:auto;padding-top:10px;font:600 11px/1.5 var(--sans);color:#78452a}
.course-pick[aria-pressed=true]{border-color:#af4b2d;box-shadow:0 0 0 2px #ba633936,0 4px 0 #9c482933}
.course-pick[aria-pressed=true] .course-pick-status{color:#ad4126}
.course-pick:focus-visible{outline:3px solid #af4b2d;outline-offset:4px}
#autoCourse{margin-top:17px;min-height:40px;font-size:12px}
.result-photo-details{margin-top:23px;border-block:1px solid #d0b78077}
.result-photo-details summary{font-size:13px;color:var(--paper);padding:17px 0}
.result-photo-details .result-images{margin-top:0}
.result-actions{margin-top:22px}
.course-recommendation>.small-note{color:#56624e;font-size:11px;line-height:1.85;margin-top:17px}
.course-card:target{scroll-margin-top:100px}
@keyframes liftCue{0%,100%{translate:0 2px}50%{translate:0 -5px}}
@media(max-width:900px){
 .course-picker-grid{grid-template-columns:1fr}
 .course-pick{display:grid;grid-template-columns:135px minmax(0,1fr)}
 .course-pick>img{height:100%;min-height:145px}
 .course-pick>span{padding:13px 17px}
 .course-pick strong{font-size:18px}
 .course-pick em{font-size:12px}
 .course-card:target{scroll-margin-top:25px}
}
@media(max-width:600px){
 .hero-mosaic{grid-template-columns:44fr 56fr;grid-template-rows:52fr 48fr}
 .hero{min-height:650px;max-height:none;height:calc(100svh - 72px)}
 .hero h1{font-size:clamp(31px,8vw,43px);line-height:1.6}
 .hero-copy{top:47%}
 .hero-kicker{margin-bottom:15px}
 .hero-sub{font-size:12px;margin:14px 0 19px}
 .hero-experience{font-size:11px;gap:9px;margin-top:17px;padding:6px 10px 6px 6px}
 .hero-experience img{width:51px;height:36px}
 .hero-experience small{font-size:8px}
 .hero .tile-three span,.hero .tile-four span{bottom:96px;font-size:9px;line-height:1.6}
 .hero .hero-stamp{display:none}
 .hero .hero-stamp strong{font-size:21px}
 .hero .hero-footnote{left:17px;bottom:14px;max-width:calc(100% - 34px);font-size:8px;padding:5px 7px;line-height:1.8}
 .hero .scroll-cue{bottom:54px}
 .story-text h2{font-size:clamp(27px,7.1vw,34px);letter-spacing:0;line-height:1.65}
 .story-text p,.journey-detail,.dish-caption p{font-size:13px;line-height:1.95}
 .journey-title{font-size:28px;line-height:1.6}
 #journey-panel-steam .journey-title{font-size:25px}
 .journey-caption{padding-top:23px;padding-bottom:27px;min-height:0}
 .pot-visual .real-pot>p{font-size:11px;line-height:1.8}
 .pot-visual .real-pot .pot-drag-hint{font-size:11px}
 .course-picker-grid{gap:12px}
 .course-pick{grid-template-columns:96px minmax(0,1fr)}
 .course-pick>img{min-height:155px}
 .course-pick>span{padding:12px 11px}
 .course-pick strong{font-size:16px}
 .course-pick b{font-size:24px}
 .course-pick b small{display:block;font-size:10px}
 .course-pick em{font-size:11px}
 .course-recommendation{padding:21px 13px 17px}
 .course-picker>p{font-size:14px}
 .course-features{font-size:13px}
 #recommendationCourse{font-size:21px;overflow-wrap:anywhere}
 #recommendationReason{font-size:13px}
 .result-photo-details summary{font-size:12px}
}
@media(max-width:360px){.hero h1{font-size:29px}.hero .hero-stamp{display:none}.course-pick{grid-template-columns:82px minmax(0,1fr)}.course-pick strong{font-size:15px}.course-pick>span{padding:10px}.story-text h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.pot-drag-hint>span{animation:none}.hero-experience,.course-pick{transition:none}}