.service-garden{margin:0 0 48px;border-bottom:1px solid var(--line)}
.service-garden iframe{display:block;width:100%;aspect-ratio:1536/1024;border:0;background:#F8F6F2}
.garden-service-links{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.garden-service-links button{padding:23px 18px;text-align:left;min-height:90px;font-family:var(--serif);font-size:22px;letter-spacing:.06em;border-top:2px solid transparent;transition:background .25s,border-color .25s}
.garden-service-links button+button{border-left:1px solid var(--line)}
.garden-service-links button span{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.05em;margin-bottom:10px;color:var(--soft)}
.garden-service-links button b{float:right;font-size:14px;font-weight:400}
.garden-service-links button:hover,.garden-service-links button:focus-visible{border-top-color:var(--sc-lotus);background:#E6EBE3}
.garden-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 22px;font-size:12px;color:var(--soft)}
.garden-caption p{margin:0}.garden-caption>div{display:flex;gap:20px;flex-wrap:wrap}.garden-caption button,.garden-caption a{font:inherit;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:5px}
.garden-caption button:hover{color:var(--sc-lotus)}
@media(max-width:720px){.garden-service-links{grid-template-columns:1fr 1fr}.garden-service-links button{font-size:20px;padding:17px 13px}.garden-service-links button:nth-child(3){border-left:0}.garden-service-links button:nth-child(n+3){border-top:1px solid var(--line)}.garden-caption{display:block;padding-block:16px}.garden-caption>div{gap:16px;margin-top:8px}.service-garden{margin-bottom:30px}}

/* Restored 9/16 copy; scent is a quiet everyday note, not a fifth service. */
.garden-story{margin:0 0 38px;max-width:850px}
.garden-story h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.5vw,44px);line-height:1.5;letter-spacing:.08em;margin:0 0 25px}
.garden-story p{font-size:16px;line-height:2.1;letter-spacing:.02em;color:var(--soft);margin:0 0 13px}
.garden-scent{display:flex;align-items:center;gap:22px;padding:23px 0 28px;border-top:1px solid var(--line)}
.garden-scent>span{font-family:var(--serif);font-size:32px;color:var(--sc-gold,#A58C52)}
.garden-scent p{margin:0;font-family:var(--serif);font-size:18px;line-height:1.8;letter-spacing:.04em}
.garden-scent small{display:block;font-family:var(--sans);font-size:13px;letter-spacing:.02em;color:var(--soft);margin-top:4px}
.fusion-service .service-poetic{font-family:var(--serif);font-size:17px;line-height:1.9;color:var(--sc-lotus);margin:0 0 17px}
@media(max-width:720px){.garden-story{margin-bottom:25px}.garden-story h2{font-size:28px;letter-spacing:.035em;margin-bottom:20px}.garden-story p{font-size:15px;line-height:2}.garden-story p br{display:none}.garden-scent{gap:16px;padding-block:20px}.garden-scent p{font-size:17px}.garden-scent small{font-size:12px}}

/* Same label/title hierarchy as the four service entries. */
.garden-scent{padding:23px 18px 28px;gap:32px;border-top:0;align-items:start}
.scent-name{flex:0 0 calc(25% - 18px);min-width:115px}
.scent-name>span{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.05em;margin-bottom:10px;color:var(--soft)}
.scent-name h3{font-family:var(--serif);font-size:22px;line-height:1.5;font-weight:400;letter-spacing:.06em;margin:0}
.garden-scent>p{font-family:var(--sans);font-size:14px;line-height:1.9;letter-spacing:.02em;padding-top:2px}
@media(max-width:720px){.garden-scent{padding:20px 13px 24px;gap:20px;flex-wrap:wrap}.scent-name{flex-basis:100%;min-width:0}.scent-name h3{font-size:20px}.garden-scent>p{padding-top:0}}

/* 10/29 Pearl：庭園縮到一個畫面看得完後，下面四個服務也跟圖一樣寬，不要分得很開 */
@media(min-width:721px){.service-garden .garden-service-links,.service-garden .garden-scent{max-width:min(100%,calc((100svh - 170px) * 1536 / 1024));margin-left:auto;margin-right:auto}}