/* The homepage introduces the same property used in the dedicated project guide. */
.home-guide{scroll-margin-top:20px;padding-bottom:0}
.home-guide-heading{text-align:center;margin-bottom:34px}
.home-guide-heading h2{margin-bottom:15px}
.home-guide-heading>p:last-child{color:var(--muted);font-size:15px;line-height:1.7;margin:0}
.home-guide-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--stone)}
.home-guide-visual{min-width:0;display:flex;flex-direction:column;background:#f4f5ed;position:relative}
.home-guide-scene{height:410px;min-height:320px;flex:1}
.home-guide-scene-note{margin:0;padding:10px 20px 12px;text-align:center;color:var(--muted);font-size:12px}
.home-guide-places{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:0 18px 26px}
.home-guide-places a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #d9dcd0;background:#fffefa;border-radius:40px;padding:9px 17px;font-size:12px;font-weight:600}
.home-guide-places a:hover{background:#fff2c5;border-color:#b9a465}
.home-guide-copy{padding:38px;background:#fff;align-self:stretch}
.home-guide-label{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:1.2px;color:var(--green)}
.home-guide-label>span{width:6px;height:6px;border-radius:50%;background:#ba9b39}
.home-guide-copy h3{font-size:clamp(26px,2.6vw,36px);letter-spacing:-1.1px;line-height:1.2;margin:20px 0 24px}
.home-guide-copy ol{list-style:none;padding:0;margin:0 0 27px;display:grid;gap:17px}
.home-guide-copy li{display:flex;gap:13px;align-items:flex-start}
.home-guide-copy li>span{font-size:10px;font-weight:700;background:var(--stone);border:1px solid var(--line);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex:none}
.home-guide-copy strong{font-size:13px;line-height:1.4}
.home-guide-copy li p{font-size:12px;color:var(--muted);line-height:1.5;margin:4px 0 0}
.home-guide-copy .button{width:100%;justify-content:space-between}
.home-guide-note{margin:12px 0 0;text-align:center;font-size:11px;color:var(--muted)}
.home-guide[data-scene=unavailable] .home-guide-scene{display:none}
.home-guide[data-scene=unavailable] .home-guide-visual{justify-content:center;padding-block:32px}
@media(max-width:1050px){.home-guide-card{grid-template-columns:1.15fr 1fr}.home-guide-copy{padding:30px 25px}.home-guide-scene{height:380px}.desktop-nav{gap:20px}}
@media(max-width:800px){.home-guide-card{grid-template-columns:1fr}.home-guide-scene{height:380px;min-height:0;flex:none}.home-guide-copy{padding:30px}.home-guide-copy h3 br{display:none}.home-guide-copy ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home-guide-copy li{display:block}.home-guide-copy li>span{margin-bottom:10px}.home-guide-copy .button{max-width:330px;margin:auto}.home-guide-label{justify-content:center}.home-guide-copy h3{text-align:center}}
@media(max-width:580px){.home-guide-heading{margin-bottom:24px}.home-guide-heading h2{font-size:32px}.home-guide-heading>p:last-child{font-size:13px}.home-guide-card{border-radius:14px}.home-guide-scene{height:285px}.home-guide-places{gap:6px;padding:0 12px 22px}.home-guide-places a{padding:8px 13px;font-size:11px}.home-guide-scene-note{font-size:10px;padding-inline:12px}.home-guide-copy{padding:27px 22px}.home-guide-copy h3{font-size:28px;text-align:left}.home-guide-copy h3 br{display:initial}.home-guide-copy ol{grid-template-columns:1fr;gap:17px}.home-guide-copy li{display:flex}.home-guide-copy li>span{margin:0}.home-guide-label{justify-content:flex-start}.home-guide-note{font-size:10px}}
