/* HISTORY */
.wh{--gold:#b8955a;--teal:#3f8a8a;--ink:#2b2b2b;--mute:#707070;--bg2:#f8f5ef;font-family:'Shippori Mincho',serif;color:var(--ink)}
.wh *{box-sizing:border-box}
.wh .wh-in{max-width:1080px;margin:0 auto;padding:0 24px}
.wh .wh-hero{text-align:center;padding:40px 0 90px}
.wh .wh-eyebrow{font-family:'Cormorant Garamond',serif;letter-spacing:.5em;font-size:14px;color:var(--gold);margin:0 0 12px}
.wh .wh-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(46px,8vw,84px);letter-spacing:.14em;line-height:1.05;margin:0}
.wh .wh-sub{font-size:14px;letter-spacing:.3em;color:var(--mute);margin:16px 0 0}
.wh .wh-quote{margin:56px auto 0;max-width:640px;font-size:clamp(20px,3vw,28px);letter-spacing:.14em;line-height:1.9}
.wh .wh-quote small{display:block;font-size:14px;letter-spacing:.12em;color:var(--mute);margin-top:18px;line-height:2.1}
.wh .wh-line{display:block;width:1px;height:60px;background:var(--gold);margin:40px auto 0;opacity:.7}
.wh .wh-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin:48px 0 0;padding:18px 0;border-top:1px solid #e6dccb;border-bottom:1px solid #e6dccb}
.wh .wh-nav a{font-family:'Cormorant Garamond',serif;font-size:15px;letter-spacing:.15em;color:var(--ink);text-decoration:none}
.wh .wh-nav a span{color:var(--gold);margin-right:6px}
.wh .wh-nav a:hover{color:var(--gold)}
.wh .wh-ch{padding:100px 0 80px;scroll-margin-top:80px}
.wh .wh-ch.is-bg{background:var(--bg2)}
.wh .wh-ch-head{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:end;margin:0 0 56px}
.wh .wh-ch-num{font-family:'Cormorant Garamond',serif;font-size:clamp(72px,11vw,128px);line-height:.8;color:var(--gold);opacity:.85;font-weight:400;margin:0}
.wh .wh-ch-en{font-family:'Cormorant Garamond',serif;font-size:15px;letter-spacing:.3em;color:var(--teal);margin:0 0 8px}
.wh .wh-ch-ttl{font-size:clamp(24px,3.2vw,32px);letter-spacing:.12em;margin:0 0 8px;font-weight:500;line-height:1.5}
.wh .wh-ch-yr{font-family:'Cormorant Garamond',serif;font-size:18px;letter-spacing:.2em;color:var(--mute);margin:0}
.wh .wh-ch-body{display:grid;grid-template-columns:7fr 5fr;gap:56px;align-items:start}
.wh .wh-ch-body.is-noimg{grid-template-columns:1fr;max-width:760px}
.wh .wh-ch-img{margin:0}
.wh .wh-ch-img img{width:100%;height:auto;display:block}
.wh .wh-lead{font-size:15px;line-height:2.3;margin:0 0 36px}
.wh .wh-tl{list-style:none;margin:0;padding:0;position:relative}
.wh .wh-tl::before{content:'';position:absolute;left:92px;top:8px;bottom:8px;width:1px;background:#d9ceb8}
.wh .wh-tl li{display:grid;grid-template-columns:78px 1fr;gap:30px;padding:0 0 26px;position:relative;list-style:none;margin:0}
.wh .wh-tl li::before{content:'';position:absolute;left:88px;top:9px;width:9px;height:9px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
.wh .wh-tl li.is-key::before{background:var(--gold)}
.wh .wh-tl .y{font-family:'Cormorant Garamond',serif;font-size:19px;letter-spacing:.06em;color:var(--gold);text-align:right;line-height:1.4}
.wh .wh-tl .y.w{font-size:12px;letter-spacing:.1em;padding-top:4px;font-family:'Shippori Mincho',serif}
.wh .wh-tl .y small{display:block;font-size:12px;color:var(--mute);letter-spacing:.1em}
.wh .wh-tl .t{font-size:15px;line-height:1.9}
.wh .wh-tl .t b{font-weight:600}
.wh .wh-tl .t em{display:block;font-style:normal;font-size:13px;color:var(--mute);margin-top:4px;line-height:1.8}
.wh .wh-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.wh .wh-tags li{font-size:12px;padding:5px 12px;border:1px solid #e0d6c3;border-radius:99px;background:#fff;color:#555;list-style:none;margin:0}
.wh .wh-turn{background:#2b2b2b;color:#fff;text-align:center;padding:110px 0}
.wh .wh-turn .wh-eyebrow{color:var(--gold)}
.wh .wh-turn .wh-big{font-size:clamp(22px,3.4vw,34px);letter-spacing:.14em;line-height:2;margin:28px 0 0;color:#fff}
.wh .wh-turn .wh-big b{color:#e6cf9e;font-weight:500}
.wh .wh-turn p.wh-note{font-size:14px;line-height:2.3;color:#ccc;margin:36px auto 0;max-width:620px}
.wh .wh-now{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px}
.wh .wh-now div{background:#fff;border:1px solid #e6dccb;padding:30px 24px;text-align:center}
.wh .wh-now b{display:block;font-family:'Cormorant Garamond',serif;font-size:21px;letter-spacing:.08em;color:var(--teal);font-weight:500;margin-bottom:8px}
.wh .wh-now span{font-size:13px;line-height:1.9;color:#555}
.wh .wh-msg{text-align:center;padding:120px 0 110px}
.wh .wh-msg .wh-quote{margin-top:24px}
.wh .wh-dreams{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(28px,4.4vw,44px);letter-spacing:.06em;color:var(--gold);margin:36px 0 0}
.wh .wh-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:56px}
.wh .wh-btn{display:inline-block;padding:15px 44px;border:1px solid var(--ink);color:var(--ink)!important;text-decoration:none!important;font-family:'Cormorant Garamond',serif;letter-spacing:.25em;font-size:15px;transition:all .35s}
.wh .wh-btn:hover{background:var(--ink);color:#fff!important}
.wh .wh-rv{opacity:0;transform:translateY(24px);transition:opacity 1s ease,transform 1s ease}
.wh .wh-rv.is-in{opacity:1;transform:none}
@media(max-width:959px){.wh .wh-ch-body{grid-template-columns:1fr;gap:40px}
.wh .wh-ch-img{max-width:520px}
.wh .wh-now{grid-template-columns:1fr}
}
@media(max-width:599px){.wh .wh-in{padding:0 18px}
.wh .wh-ch{padding:72px 0 56px}
.wh .wh-ch-head{grid-template-columns:1fr;gap:6px}
.wh .wh-tl::before{left:62px}
.wh .wh-tl li{grid-template-columns:52px 1fr;gap:22px}
.wh .wh-tl li::before{left:58px}
.wh .wh-tl .y{font-size:16px}
.wh .wh-tl .t{font-size:14px}
.wh .wh-lead br,.wh .wh-quote br.pc,.wh .wh-big br.pc{display:none}
.wh .wh-nav{gap:8px 16px}
.wh .wh-nav a{font-size:13px}
}

.wh .wh-now{grid-template-columns:repeat(2,1fr);max-width:760px;margin-left:auto;margin-right:auto}
.wh .wh-now div{padding:30px 24px}
.wh .wh-lead--wide{max-width:760px;margin-left:auto;margin-right:auto;text-align:center}
.wh .wh-tags--center{justify-content:center;margin-top:36px}
.wh .wh-ch-img img{border-radius:0}
@media(max-width:959px){.wh .wh-now{grid-template-columns:1fr}}
