/* Round 26: scroll-driven points uses; all transforms remain reversible. */
.c152 .stage .brand{left:8.2vw;--hero-scale:1.63}
.c152 .brand h1{font-size:calc(clamp(26px,2.2vw,31px) * var(--hero-scale,1.63))!important}
.c152 .brand .hero-motto{font-size:calc(14px * var(--hero-scale,1.63))!important}
.hero-size{position:fixed;bottom:18px;left:30px;z-index:30;display:flex;align-items:center;gap:10px;background:#eeece4ed;padding:10px 14px;font-size:12px;transition:opacity .3s; border-radius:2px}
.hero-size[hidden]{display:none}.hero-size input{width:110px;accent-color:#a48a53}.hero-size output{width:38px;font-variant-numeric:tabular-nums}
.c152 .points-long .amt{flex-wrap:wrap;row-gap:10px}
.c152 .points-long .amt small.unit-cost{font-size:12px;letter-spacing:0;color:#777a70;white-space:normal}
.c152 .points-long .hold{clip-path:inset(0 var(--hold-close,0%) 0 0);transform:translateX(var(--hold-x,0px));will-change:clip-path,transform}
.points-usage{position:relative;height:210svh;background:var(--paper)}
.usage-stage{position:sticky;top:0;height:100svh;box-sizing:border-box;padding:104px 6vw 25px;display:flex;flex-direction:column;justify-content:center;gap:22px}
.usage-stage header h2{font:400 clamp(22px,2vw,30px)/1.5 var(--serif);letter-spacing:.04em}
.usage-rows{display:grid;gap:18px}.usage-row{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.4fr);gap:3vw;align-items:center;clip-path:inset(0 var(--row-clip,0%) 0 0);transform:translateX(var(--row-x,0px));will-change:clip-path,transform}
.usage-row figure{height:clamp(130px,17svh,180px);overflow:hidden}.usage-row img{width:100%;height:100%;object-fit:cover;object-position:center 53%}
.usage-copy h3{font:400 clamp(19px,1.7vw,25px)/1.35 var(--serif);letter-spacing:.04em;margin-bottom:15px}
.rates{display:flex;gap:2.2vw;flex-wrap:wrap}.rates h4{font:400 13px/1.4 var(--sans);color:var(--soft);margin-bottom:6px}.rates p{font-size:15px;line-height:1.5}.rates strong{font:400 29px/1 "LEAP Cormorant",serif}.rate-note,.usage-note{font-size:12px;line-height:1.6;color:var(--soft)}.rate-note{margin-top:10px}
html[lang|=en] .usage-copy h3,html[lang|=en] .usage-stage header h2{font-family:"LEAP Cormorant",serif;letter-spacing:0}
html[lang|=en] .rates{gap:1.5vw}html[lang|=en] .rates p{font-size:14px}
@media(max-width:700px){
.c152 .stage .brand{left:32px;max-width:calc(100vw - 64px)}
.hero-size{left:18px;bottom:18px;max-width:calc(100vw - 36px);font-size:12px;padding:8px 10px}.hero-size input{height:28px;width:100px}
.points-usage{height:auto;padding:90px 22px 60px}.usage-stage{position:relative;height:auto;top:auto;padding:0;gap:28px;display:block}.usage-stage header{margin:0 0 30px}.usage-stage header h2{font-size:25px}
.usage-rows{gap:44px}.usage-row{display:flex;flex-direction:column;align-items:stretch;gap:22px}.usage-row figure{width:100%;height:auto;aspect-ratio:1.9}.usage-copy h3{font-size:23px;margin-bottom:18px}.rates{gap:20px 28px}.rates h4{font-size:14px}.rates p,html[lang|=en] .rates p{font-size:15px}.golf-rates{display:grid;gap:15px}.golf-rates>div{display:flex;flex-wrap:wrap;gap:5px 18px;align-items:baseline}.golf-rates h4{min-width:72px}.rate-note,.usage-note{font-size:13px}.usage-note{margin-top:30px}
}
@media(prefers-reduced-motion:reduce){.points-usage{height:auto}.usage-stage{height:auto;position:relative;padding-top:60px;padding-bottom:60px}.usage-row{clip-path:none!important;transform:none!important}.c152 .points-long .hold{clip-path:none!important;transform:none!important}}
@media(max-width:700px){html[lang|=en] .rates{gap:18px 24px}html[lang|=en] .rates:not(.golf-rates)>div{flex:1;min-width:130px}html[lang|=en] .rates:not(.golf-rates) p{font-size:14px}}

/* Visible preview control, kept clear of the opening artwork. */
.hero-size{left:50%;transform:translateX(-50%);bottom:30px;padding:14px 20px;gap:16px;font-size:14px;box-shadow:0 3px 25px #34403612}.hero-size input{width:170px;height:26px}.hero-size output{width:45px}@media(max-width:700px){.hero-size{bottom:24px;width:max-content;max-width:calc(100vw - 28px);padding:10px 12px;gap:8px;font-size:12px}.hero-size input{width:120px}.c152 .space-map{padding-bottom:16px}}

/* Accepted hero scale; Latin glyphs use the matching English typography. */
html:not([lang|=en]){--serif:'LEAP Cormorant','Noto Serif TC','Songti TC','Source Han Serif TC',serif;--sans:'LEAP Inter',-apple-system,BlinkMacSystemFont,'PingFang TC','Noto Sans TC',sans-serif}
.c152 .brand{--hero-scale:1.63}
.c152 .brand h1{max-width:100%;text-wrap:balance}
.c152 .usage-stage>header h2{margin:0}
.c152 .equipment-note{font-family:'LEAP Inter',Arial,sans-serif}
@media(max-width:700px){.c152 .brand h1{max-width:90vw}.c152 .usage-stage>header{padding:0 22px}}
/* Keep the selected training photograph's faces within the panoramic crop. */
.c152 .usage-row[data-usage="strength"] figure img{object-position:center 30%}