:root{--hb-paper: #ffffff;--hb-cream: #f6f1e7;--hb-cream-deep: #eee7d8;--hb-ink: #191c22;--hb-ink-soft: #565d6b;--hb-line: #e5e0d5;--hb-line-strong: #c9c2b2;--hb-coral: #cf4630;--hb-coral-deep: #b03a26;--hb-coral-soft: #fdeee9;--hb-sky: #1e6fce;--hb-sky-deep: #17549c;--hb-sky-soft: #eaf2fc;--hb-night: #1b1e25;--hb-night-2: #14161c;--hb-on-night: #f2efe8;--hb-on-night-soft: #a9adb8;--font-display: "Zen Kaku Gothic New", "Noto Sans JP", system-ui, sans-serif;--font-en: "Gabarito", "Zen Kaku Gothic New", sans-serif;--font-body: "IBM Plex Sans JP", "Noto Sans JP", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--fs-hero: clamp(38px, 5vw, 92px);--fs-h2: clamp(29px, 3.333vw, 58px);--fs-h3: clamp(22px, 2.292vw, 40px);--fs-card: clamp(19px, 1.354vw, 25px);--fs-lead: clamp(15.5px, 1.042vw, 19px);--fs-body: clamp(14px, .833vw, 16px);--fs-small: clamp(12.5px, .729vw, 14px);--fs-tag: clamp(11px, .625vw, 12px);--hb-gap: clamp(10px, 1.563vw, 30px);--hb-radius: clamp(20px, 2.604vw, 44px);--hb-radius-s: clamp(12px, 1.042vw, 18px);--hb-box-pad: clamp(24px, 2.083vw, 40px);--hb-header-h: 64px;--hb-ease: cubic-bezier(.19, 1, .22, 1)}@media(max-width:1023px){:root{--hb-header-h: 56px}}body.homebase-page *{box-sizing:border-box}body.homebase-page{margin:0;background:var(--hb-paper);color:var(--hb-ink);font-family:var(--font-body);font-weight:400;font-size:var(--fs-body);line-height:1.9;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:where(body.homebase-page) :where(h1,h2,h3,h4){font-family:var(--font-display);font-weight:900;line-height:1.06;letter-spacing:.01em;margin:0}body.homebase-page p{text-wrap:pretty;margin:0}body.homebase-page a{color:inherit;text-decoration:none}body.homebase-page img{max-width:100%;display:block}body.homebase-page :where(ul,ol,dl,dd,figure){margin:0;padding:0}body.homebase-page li{list-style:none}body.homebase-page :focus-visible{outline:3px solid var(--hb-sky);outline-offset:3px;border-radius:4px}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body.homebase-page [id]{scroll-margin-top:120px}body.homebase-page .hb-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}body.homebase-page .hb-skip{position:fixed;left:12px;top:-80px;z-index:10000;padding:10px 18px;background:var(--hb-ink);color:#fff;border-radius:8px;font-size:14px;font-weight:700;transition:top .3s var(--hb-ease)}body.homebase-page .hb-skip:focus{top:12px}body.homebase-page main{padding:calc(var(--hb-header-h) + var(--hb-gap)) var(--hb-gap) 0}body.homebase-page .hb-panel{border-radius:var(--hb-radius);margin:0 0 var(--hb-gap)}body.homebase-page .hb-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--fs-tag);font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--hb-ink-soft)}body.homebase-page .hb-tag:before{content:"";width:8px;height:8px;border-radius:2px;background:currentColor;opacity:.85}body.homebase-page .hb-tag.is-coral{color:var(--hb-coral)}body.homebase-page .hb-tag.is-sky{color:var(--hb-sky)}body.homebase-page .hb-h2{font-size:var(--fs-h2);margin:18px 0 0}body.homebase-page .hb-h2 span{display:block}body.homebase-page .hb-lead{font-size:var(--fs-lead);line-height:1.85;color:var(--hb-ink-soft);max-width:36em;margin-top:18px}body.homebase-page .hb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;border-radius:999px;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.04em;line-height:1;border:0;cursor:pointer;transition:transform .6s var(--hb-ease),background-color .6s var(--hb-ease),color .6s var(--hb-ease),box-shadow .6s var(--hb-ease)}body.homebase-page .hb-btn:hover{transform:translateY(-2px)}body.homebase-page .hb-btn:active{transform:translateY(0)}body.homebase-page .hb-btn.is-coral{background:var(--hb-coral);color:#fff}body.homebase-page .hb-btn.is-coral:hover{background:var(--hb-coral-deep)}body.homebase-page .hb-btn.is-light{background:#fff;color:var(--hb-ink)}body.homebase-page .hb-btn.is-light:hover{background:var(--hb-cream)}body.homebase-page .hb-btn.is-ghost{background:transparent;color:var(--hb-ink);box-shadow:inset 0 0 0 1.5px var(--hb-line-strong)}body.homebase-page .hb-btn.is-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--hb-ink)}body.homebase-page .hb-ul{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0 1.5px;transition:background-size .8s var(--hb-ease);padding-bottom:2px}body.homebase-page .hb-ul:hover{background-size:100% 1.5px}html.js body.homebase-page .hb-reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--hb-ease),transform .9s var(--hb-ease);transition-delay:var(--rd, 0s)}html.js body.homebase-page .hb-reveal.is-visible{opacity:1;transform:none}body.homebase-page #homebase-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--hb-header-h);background:var(--hb-paper);border-bottom:1px solid transparent;transition:border-color .6s var(--hb-ease),box-shadow .6s var(--hb-ease)}body.homebase-page #homebase-header.is-scrolled{border-bottom-color:var(--hb-line);box-shadow:0 8px 30px #191c220f}body.homebase-page .hb-header-in{height:100%;padding:0 clamp(16px,1.563vw,30px);display:flex;align-items:center;justify-content:space-between;gap:18px}body.homebase-page .hb-logo{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-en);font-weight:800;font-size:19px;letter-spacing:.02em}body.homebase-page .hb-logo svg{display:block}body.homebase-page .hb-nav{display:flex;align-items:center;gap:clamp(16px,1.8vw,34px)}body.homebase-page .hb-nav a{display:inline-flex;align-items:baseline;gap:7px;font-size:13.5px;font-weight:500}body.homebase-page .hb-nav a .num{font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--hb-ink-soft)}body.homebase-page .hb-header-cta{display:inline-flex;align-items:center;gap:12px}body.homebase-page .hb-header-cta .hb-btn{padding:11px 22px;font-size:13.5px}body.homebase-page .hb-nav-toggle{display:none}@media(max-width:1023px){body.homebase-page .hb-nav,body.homebase-page .hb-header-cta .hb-btn.is-ghost{display:none}body.homebase-page .hb-nav-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 10px;background:transparent;border:0;cursor:pointer}body.homebase-page .hb-nav-toggle span{display:block;height:2px;background:var(--hb-ink);border-radius:2px;transition:transform .5s var(--hb-ease),opacity .5s var(--hb-ease)}body.homebase-page .hb-nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.homebase-page .hb-nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}body.homebase-page .hb-nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}body.homebase-page #homebase-menu{display:none}@media(max-width:1023px){body.homebase-page #homebase-menu{display:block;position:fixed;left:0;right:0;top:var(--hb-header-h);background:var(--hb-paper);border-bottom:1px solid var(--hb-line);padding:10px var(--hb-gap) 22px;transform:translateY(-12px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .7s var(--hb-ease),opacity .7s var(--hb-ease),visibility 0s linear .7s;z-index:99}body.homebase-page #homebase-menu.is-open{transform:none;opacity:1;visibility:visible;pointer-events:auto;transition:transform .7s var(--hb-ease),opacity .7s var(--hb-ease),visibility 0s}body.homebase-page #homebase-menu a{display:flex;align-items:baseline;gap:10px;padding:13px 6px;border-bottom:1px solid var(--hb-line);font-family:var(--font-display);font-size:16px;font-weight:700}body.homebase-page #homebase-menu a .num{font-family:var(--font-mono);font-size:11px;color:var(--hb-ink-soft)}body.homebase-page #homebase-menu .hb-btn{margin-top:16px;width:100%}}body.homebase-page .hb-hero{position:relative;display:grid;place-content:center;min-height:clamp(540px,calc(100svh - var(--hb-header-h) - 64px),920px);border-radius:var(--hb-radius);overflow:hidden;text-align:center;padding:var(--hb-box-pad)}body.homebase-page .hb-hero-media{position:absolute;inset:0}body.homebase-page .hb-hero-media .hb-ph{position:absolute;inset:0;height:100%;aspect-ratio:auto!important;border-radius:0}body.homebase-page .hb-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#14100c52,#14100c2e 45%,#14100c85);pointer-events:none}body.homebase-page .hb-hero-in{position:relative;z-index:1;display:grid;justify-items:center;gap:clamp(18px,1.8vw,28px);max-width:900px}body.homebase-page .hb-hero-kicker{font-family:var(--font-mono);font-size:var(--fs-small);font-weight:600;letter-spacing:.28em;color:#fff}body.homebase-page .hb-hero-title{font-size:var(--fs-hero);color:#fff;line-height:1.12;letter-spacing:.005em}@media(max-width:1023px){body.homebase-page .hb-hero-title{font-size:clamp(28px,8.4vw,38px)}}body.homebase-page .hb-hero-title span{display:block}body.homebase-page .hb-hero-sub{font-size:var(--fs-lead);line-height:1.9;color:#fff;max-width:33em}body.homebase-page .hb-hero-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px}html.js body.homebase-page .hb-hero-in>*{opacity:0;transform:translateY(26px);transition:opacity 1s var(--hb-ease),transform 1s var(--hb-ease)}html.js body.homebase-page .hb-hero.is-ready .hb-hero-in>*{opacity:1;transform:none}html.js body.homebase-page .hb-hero.is-ready .hb-hero-in>:nth-child(2){transition-delay:.08s}html.js body.homebase-page .hb-hero.is-ready .hb-hero-in>:nth-child(3){transition-delay:.16s}html.js body.homebase-page .hb-hero.is-ready .hb-hero-in>:nth-child(4){transition-delay:.24s}body.homebase-page .hb-ph{position:relative;display:grid;place-items:center;background:linear-gradient(135deg,var(--hb-cream) 0%,var(--hb-cream-deep) 100%);border-radius:var(--hb-radius-s);overflow:hidden}body.homebase-page .hb-ph:before{content:"";position:absolute;inset:14px;border:1.5px dashed var(--hb-line-strong);border-radius:inherit;opacity:.7}body.homebase-page .hb-ph-label{font-family:var(--font-en);font-weight:800;font-size:13px;letter-spacing:.3em;color:var(--hb-ink-soft);opacity:.55}body.homebase-page img.hb-ph{display:block;width:100%;object-fit:cover}body.homebase-page .hb-start{display:grid;grid-template-columns:.7fr 1fr;gap:var(--hb-gap)}body.homebase-page .hb-start-info{background:var(--hb-cream);border-radius:var(--hb-radius);padding:var(--hb-box-pad);display:flex;flex-direction:column;justify-content:space-between;gap:40px}body.homebase-page .hb-start-note{font-size:var(--fs-small);color:var(--hb-ink-soft);line-height:1.8;max-width:30em}body.homebase-page .hb-axes{display:grid;gap:var(--hb-gap)}body.homebase-page .hb-axis{display:grid;grid-template-columns:108px 1fr auto;align-items:center;gap:clamp(16px,2vw,36px);background:var(--hb-paper);border:1.5px solid var(--hb-line);border-radius:var(--hb-radius);padding:clamp(20px,1.8vw,34px) var(--hb-box-pad);transition:border-color .7s var(--hb-ease),transform .7s var(--hb-ease),box-shadow .7s var(--hb-ease)}body.homebase-page a.hb-axis:hover{border-color:var(--hb-ink);transform:translateY(-3px);box-shadow:0 18px 40px #191c2214}body.homebase-page .hb-axis-id .en{display:block;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--hb-ink-soft)}body.homebase-page .hb-axis-id .ja{display:block;font-family:var(--font-display);font-size:var(--fs-card);font-weight:900;margin-top:4px}body.homebase-page .hb-axis-copy .main{font-family:var(--font-display);font-size:clamp(16px,1.15vw,21px);font-weight:700;line-height:1.5}body.homebase-page .hb-axis-copy .cap{font-size:var(--fs-small);color:var(--hb-ink-soft);margin-top:4px}body.homebase-page .hb-axis-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;line-height:1.15}body.homebase-page .hb-axis-num .before{display:block;font-size:var(--fs-small);font-weight:500;color:var(--hb-ink-soft);text-decoration:line-through;text-decoration-thickness:1.5px}body.homebase-page .hb-axis-num .after{display:block;font-size:clamp(26px,2vw,38px);font-weight:600;letter-spacing:-.01em}body.homebase-page .hb-axis-num .after small{font-size:.5em;font-weight:500;margin-left:2px}body.homebase-page .hb-axis[data-axis=alone] .hb-axis-num .after{color:var(--hb-coral)}body.homebase-page .hb-marquee{border-radius:clamp(14px,1.3vw,22px);overflow:hidden;padding:13px 0}body.homebase-page .hb-marquee.is-coral{background:var(--hb-coral)}body.homebase-page .hb-marquee.is-sky{background:var(--hb-sky)}body.homebase-page .hb-marquee-track{display:flex;align-items:center;gap:clamp(24px,2.4vw,45px);width:max-content;animation:hb-marquee 30s linear infinite}body.homebase-page .hb-marquee-seq{display:flex;align-items:center;gap:clamp(24px,2.4vw,45px)}body.homebase-page .hb-marquee-item{display:inline-flex;align-items:center;gap:clamp(24px,2.4vw,45px);font-family:var(--font-display);font-size:clamp(14px,1.042vw,19px);font-weight:900;letter-spacing:.03em;color:#fff;white-space:nowrap}body.homebase-page .hb-marquee-item svg{display:block;flex:none;opacity:.9}@keyframes hb-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}body.homebase-page .hb-marquee:hover .hb-marquee-track,body.homebase-page .hb-marquee:focus-within .hb-marquee-track{animation-play-state:paused}body.homebase-page .hb-cost{background:var(--hb-cream);border-radius:var(--hb-radius);padding:var(--hb-box-pad);display:grid;grid-template-columns:.72fr 1fr;gap:calc(var(--hb-gap) * 1.6)}body.homebase-page .hb-cost-info{display:flex;flex-direction:column;gap:8px}body.homebase-page .hb-cost-sub{font-size:var(--fs-lead);line-height:1.85;color:var(--hb-ink-soft);margin-top:14px;max-width:26em}body.homebase-page .hb-stack-title{font-family:var(--font-mono);font-size:var(--fs-tag);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--hb-ink-soft);margin-bottom:14px}body.homebase-page .hb-stack{display:grid;gap:8px}body.homebase-page .hb-stack li{display:flex;align-items:baseline;justify-content:space-between;gap:18px;background:var(--hb-paper);border-radius:var(--hb-radius-s);padding:15px 22px}body.homebase-page .hb-stack .label{font-weight:500;font-size:clamp(14px,.93vw,16.5px);display:flex;align-items:baseline;gap:12px}body.homebase-page .hb-stack .label:before{content:"＋";font-family:var(--font-mono);font-size:.85em;font-weight:600;color:var(--hb-ink-soft);flex:none}body.homebase-page .hb-stack li:first-child .label:before{content:"";width:.85em}body.homebase-page .hb-stack .note{font-size:var(--fs-small);color:var(--hb-ink-soft);text-align:right;flex:none}body.homebase-page .hb-stack-total{display:flex;align-items:baseline;justify-content:space-between;gap:18px;border-top:2.5px solid var(--hb-ink);margin-top:14px;padding:18px 22px 0}body.homebase-page .hb-stack-total .lab{font-family:var(--font-display);font-weight:700;font-size:var(--fs-card)}body.homebase-page .hb-stack-total .lab small{display:block;font-family:var(--font-body);font-size:var(--fs-small);font-weight:400;color:var(--hb-ink-soft);margin-top:4px}body.homebase-page .hb-stack-total .val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;font-size:clamp(30px,2.4vw,46px);letter-spacing:-.015em;line-height:1}body.homebase-page .hb-stack-total .val small{font-size:.42em;font-weight:500;color:var(--hb-ink-soft);margin-left:4px}body.homebase-page .hb-compare{grid-column:1 / -1;background:var(--hb-paper);border-radius:var(--hb-radius-s);padding:clamp(20px,1.8vw,34px) var(--hb-box-pad) var(--hb-box-pad)}body.homebase-page .hb-compare h3{font-size:var(--fs-card);font-weight:700;margin-bottom:18px}body.homebase-page .hb-compare table{width:100%;border-collapse:collapse;font-size:clamp(13.5px,.9vw,16px)}body.homebase-page .hb-compare th,body.homebase-page .hb-compare td{padding:13px 10px;border-bottom:1px solid var(--hb-line);text-align:right;font-weight:400}body.homebase-page .hb-compare thead th{font-family:var(--font-mono);font-size:var(--fs-tag);font-weight:600;letter-spacing:.12em;color:var(--hb-ink-soft);border-bottom:1.5px solid var(--hb-line-strong)}body.homebase-page .hb-compare th[scope=row]{text-align:left;font-weight:500}body.homebase-page .hb-compare td{font-family:var(--font-mono);font-variant-numeric:tabular-nums}body.homebase-page .hb-compare td.hb-col-hb{font-weight:600}body.homebase-page .hb-compare tfoot th,body.homebase-page .hb-compare tfoot td{border-bottom:0;border-top:2.5px solid var(--hb-ink);font-weight:700;font-size:clamp(15px,1.05vw,19px);padding-top:16px}body.homebase-page .hb-compare tfoot td.hb-col-hb{font-size:clamp(17px,1.25vw,23px)}body.homebase-page .hb-cost-note{grid-column:1 / -1;font-size:var(--fs-small);color:var(--hb-ink-soft);line-height:1.8;max-width:52em}body.homebase-page .hb-time{background:var(--hb-sky-soft);border-radius:var(--hb-radius);padding:var(--hb-box-pad);display:grid;grid-template-columns:.72fr 1fr;gap:calc(var(--hb-gap) * 1.6)}body.homebase-page .hb-time-info .hb-lead{color:var(--hb-ink-soft)}body.homebase-page .hb-time-punch{font-family:var(--font-mono);font-size:var(--fs-body);font-weight:600;color:var(--hb-sky-deep);margin-top:26px;padding-top:20px;border-top:1.5px solid rgba(30,111,206,.25)}body.homebase-page .hb-vanish-wrap h3,body.homebase-page .hb-remain-wrap h3{font-family:var(--font-mono);font-size:var(--fs-tag);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--hb-ink-soft);margin-bottom:14px}body.homebase-page .hb-vanish{columns:2;column-gap:var(--hb-gap);background:var(--hb-paper);border-radius:var(--hb-radius-s);padding:22px 26px}body.homebase-page .hb-vanish li{break-inside:avoid;display:flex;align-items:baseline;gap:10px;padding:7px 0;font-size:clamp(13px,.85vw,15px);color:var(--hb-ink)}body.homebase-page .hb-vanish .n{font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--hb-ink-soft);flex:none}body.homebase-page .hb-vanish .t{position:relative}body.homebase-page .hb-vanish .t:after{content:"";position:absolute;left:0;top:55%;height:1.5px;width:100%;background:var(--hb-ink-soft)}body.homebase-page .hb-vanish li{opacity:.45}html.js body.homebase-page .hb-vanish li{opacity:1;transition:opacity .7s var(--hb-ease);transition-delay:calc(var(--i) * 90ms)}html.js body.homebase-page .hb-vanish .t:after{width:0;transition:width .55s var(--hb-ease);transition-delay:calc(var(--i) * 90ms)}html.js body.homebase-page .hb-vanish.is-done li{opacity:.45}html.js body.homebase-page .hb-vanish.is-done .t:after{width:100%}body.homebase-page .hb-remain-wrap{margin-top:calc(var(--hb-gap) * 1.2)}body.homebase-page .hb-remain{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--hb-gap) * .7)}body.homebase-page .hb-remain li{background:var(--hb-sky);color:#fff;border-radius:var(--hb-radius-s);padding:20px 22px 22px}html.js body.homebase-page .hb-remain li{opacity:0;transform:translateY(14px) scale(.98);transition:opacity .8s var(--hb-ease),transform .8s var(--hb-ease);transition-delay:calc(1.1s + var(--i) * .16s)}html.js body.homebase-page .hb-remain.is-on li{opacity:1;transform:none}body.homebase-page .hb-remain .step{font-family:var(--font-en);font-weight:800;font-size:clamp(22px,1.7vw,30px);letter-spacing:.02em;opacity:.85}body.homebase-page .hb-remain .lab{display:block;font-family:var(--font-display);font-weight:700;font-size:clamp(15px,1.05vw,19px);margin-top:10px}body.homebase-page .hb-remain .note{display:block;font-size:var(--fs-small);opacity:.92;margin-top:6px;line-height:1.7}body.homebase-page .hb-scenes{background:var(--hb-paper);border:1.5px solid var(--hb-line);border-radius:var(--hb-radius);padding:var(--hb-box-pad)}body.homebase-page .hb-scenes-head{max-width:760px}body.homebase-page .hb-scene-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:clamp(24px,2vw,38px) 0}body.homebase-page .hb-scene-tab{display:inline-flex;align-items:baseline;gap:9px;padding:12px 22px;border-radius:999px;border:1.5px solid var(--hb-line-strong);background:var(--hb-paper);color:var(--hb-ink);font-family:var(--font-display);font-size:clamp(13.5px,.95vw,16px);font-weight:700;cursor:pointer;transition:background-color .6s var(--hb-ease),color .6s var(--hb-ease),border-color .6s var(--hb-ease)}body.homebase-page .hb-scene-tab .en{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--hb-ink-soft);transition:color .6s var(--hb-ease)}body.homebase-page .hb-scene-tab:hover{border-color:var(--hb-ink)}body.homebase-page .hb-scene-tab[aria-selected=true]{background:var(--hb-ink);border-color:var(--hb-ink);color:#fff}body.homebase-page .hb-scene-tab[aria-selected=true] .en{color:#ffffffb8}body.homebase-page .hb-scene-panel{display:none;grid-template-columns:.9fr 1.1fr;gap:calc(var(--hb-gap) * 1.6);align-items:start}body.homebase-page #scenes[data-scene=before] .hb-scene-panel[data-scene=before],body.homebase-page #scenes[data-scene=firstweek] .hb-scene-panel[data-scene=firstweek],body.homebase-page #scenes[data-scene=exam] .hb-scene-panel[data-scene=exam],body.homebase-page #scenes[data-scene=guest] .hb-scene-panel[data-scene=guest]{display:grid;animation:hb-panel-in .9s var(--hb-ease)}@keyframes hb-panel-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}body.homebase-page .hb-flow{position:relative;display:grid;gap:clamp(18px,1.6vw,28px);padding:6px 0 6px 4px}body.homebase-page .hb-flow:before{content:"";position:absolute;left:12px;top:16px;bottom:16px;width:1.5px;background:var(--hb-line-strong)}body.homebase-page .hb-flow li{position:relative;display:grid;grid-template-columns:26px 1fr;gap:14px}body.homebase-page .hb-flow .dot{position:relative;z-index:1;width:17px;height:17px;margin-top:5px;border-radius:50%;background:var(--hb-paper);border:4px solid var(--hb-ink);justify-self:center}body.homebase-page .hb-scene-panel[data-scene=before] .hb-flow .dot,body.homebase-page .hb-scene-panel[data-scene=firstweek] .hb-flow .dot{border-color:var(--hb-sky)}body.homebase-page .hb-scene-panel[data-scene=exam] .hb-flow .dot,body.homebase-page .hb-scene-panel[data-scene=guest] .hb-flow .dot{border-color:var(--hb-coral)}body.homebase-page .hb-flow .time{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--hb-ink-soft)}body.homebase-page .hb-flow .lab{display:block;font-family:var(--font-display);font-size:clamp(15.5px,1.1vw,20px);font-weight:700;margin-top:3px}body.homebase-page .hb-flow .note{display:block;font-size:var(--fs-small);color:var(--hb-ink-soft);margin-top:3px}body.homebase-page .hb-scene-visual .hb-ph{border-radius:var(--hb-radius-s)}body.homebase-page .hb-scene-copy{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:900;line-height:1.3;margin-top:20px}body.homebase-page .hb-scene-body{color:var(--hb-ink-soft);line-height:1.95;margin-top:12px;max-width:36em}body.homebase-page .hb-room{display:grid;grid-template-columns:35.938vw 1fr;gap:var(--hb-gap)}body.homebase-page .hb-room .hb-h2{font-size:var(--fs-h3)}body.homebase-page .hb-room-info{background:var(--hb-cream);border-radius:var(--hb-radius);padding:var(--hb-box-pad);display:flex;flex-direction:column}body.homebase-page .hb-specs{margin-top:clamp(24px,2vw,40px);display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(18px,1.6vw,30px)}body.homebase-page .hb-specs>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px solid var(--hb-line-strong)}body.homebase-page .hb-specs dt{font-size:var(--fs-small);color:var(--hb-ink-soft);flex:none}body.homebase-page .hb-specs dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;font-size:clamp(13.5px,.95vw,16.5px);text-align:right}body.homebase-page .hb-specs dd small{font-size:.78em;font-weight:500;color:var(--hb-ink-soft);margin-left:3px}body.homebase-page .hb-room-visual{display:grid;grid-template-rows:1fr auto;gap:var(--hb-gap);min-height:100%}body.homebase-page .hb-room-visual .hb-ph{border-radius:var(--hb-radius);height:100%}body.homebase-page .hb-room-sub{display:grid;grid-template-columns:240px 1fr;gap:var(--hb-gap);align-items:stretch}body.homebase-page .hb-room-sub .hb-ph{border-radius:var(--hb-radius-s)}body.homebase-page .hb-room-sub-note{background:var(--hb-paper);border:1.5px solid var(--hb-line);border-radius:var(--hb-radius-s);padding:20px 26px;display:grid;align-content:center;gap:6px}body.homebase-page .hb-room-sub-note .t{font-family:var(--font-display);font-weight:700;font-size:clamp(14.5px,1vw,17px)}body.homebase-page .hb-room-sub-note .b{font-size:var(--fs-small);color:var(--hb-ink-soft);line-height:1.8}body.homebase-page .hb-community{background:var(--hb-coral-soft);border-radius:var(--hb-radius);padding:var(--hb-box-pad);display:grid;grid-template-columns:.46fr 1fr;gap:calc(var(--hb-gap) * 1.6)}body.homebase-page .hb-community .hb-tag{color:var(--hb-coral)}body.homebase-page .hb-community .hb-h2{font-size:var(--fs-h3)}body.homebase-page .hb-community-main .hb-lead{margin-top:0}body.homebase-page .hb-community-items{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--hb-gap) * .7);margin-top:clamp(22px,1.8vw,34px)}body.homebase-page .hb-community-items li{background:var(--hb-paper);border-radius:var(--hb-radius-s);padding:22px 24px 26px}body.homebase-page .hb-community-items .t{display:block;font-family:var(--font-display);font-weight:700;font-size:clamp(15px,1.05vw,18px);padding-bottom:12px;margin-bottom:12px;border-bottom:2px solid var(--hb-coral)}body.homebase-page .hb-community-items .b{font-size:var(--fs-small);line-height:1.9;color:var(--hb-ink-soft)}body.homebase-page .hb-community-visual{grid-column:1 / -1}body.homebase-page .hb-community-visual .hb-ph{border-radius:var(--hb-radius-s)}body.homebase-page .hb-residences-head{padding:clamp(28px,2.6vw,50px) var(--hb-box-pad) clamp(20px,1.8vw,34px);max-width:820px}body.homebase-page .hb-residences-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--hb-gap)}body.homebase-page .hb-residence{border:1.5px solid var(--hb-line);border-radius:var(--hb-radius);overflow:hidden;background:var(--hb-paper);display:grid}body.homebase-page .hb-residence .hb-ph{border-radius:0}body.homebase-page .hb-residence-body{padding:clamp(20px,1.8vw,32px) var(--hb-box-pad) var(--hb-box-pad)}body.homebase-page .hb-residence-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}body.homebase-page .hb-residence h3{font-size:var(--fs-h3);font-weight:900}body.homebase-page .hb-status{font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:.12em;padding:7px 14px;border-radius:999px}body.homebase-page .hb-status.is-open{background:var(--hb-sky);color:#fff}body.homebase-page .hb-status.is-soon{border:1.5px solid var(--hb-line-strong);color:var(--hb-ink-soft)}body.homebase-page .hb-residence-data{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(20px,2vw,40px);margin-top:20px;padding-top:20px;border-top:1px solid var(--hb-line)}body.homebase-page .hb-residence-data dt{font-size:11.5px;color:var(--hb-ink-soft)}body.homebase-page .hb-residence-data dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;font-size:clamp(15px,1.15vw,20px);margin-top:3px}body.homebase-page .hb-residence-data dd small{font-size:.7em;font-weight:500;color:var(--hb-ink-soft)}body.homebase-page .hb-residence-access{margin-top:14px;font-size:var(--fs-small);color:var(--hb-ink-soft)}body.homebase-page .hb-pillars{background:var(--hb-cream);border-radius:var(--hb-radius);padding:var(--hb-box-pad)}body.homebase-page .hb-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--hb-gap);margin-top:clamp(24px,2.2vw,42px)}body.homebase-page .hb-pillar{background:var(--hb-paper);border-radius:var(--hb-radius-s);padding:clamp(22px,2vw,36px)}body.homebase-page .hb-pillar .en{font-family:var(--font-en);font-weight:800;font-size:clamp(20px,1.6vw,28px);letter-spacing:.04em;color:var(--hb-ink);opacity:.22}body.homebase-page .hb-pillar h3{font-size:var(--fs-card);font-weight:900;margin-top:14px}body.homebase-page .hb-pillar p{font-size:var(--fs-small);line-height:1.95;color:var(--hb-ink-soft);margin-top:12px}body.homebase-page .hb-faq{display:grid;grid-template-columns:.72fr 1fr;gap:calc(var(--hb-gap) * 2);padding:clamp(28px,2.6vw,50px) var(--hb-box-pad)}body.homebase-page .hb-faq-list{display:grid}body.homebase-page .hb-faq details{border-bottom:1.5px solid var(--hb-line)}body.homebase-page .hb-faq summary{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:20px 4px;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:clamp(14.5px,1.02vw,17.5px);line-height:1.6;list-style:none}body.homebase-page .hb-faq summary::-webkit-details-marker{display:none}body.homebase-page .hb-faq summary:after{content:"＋";font-family:var(--font-mono);font-weight:500;color:var(--hb-ink-soft);flex:none;transition:transform .5s var(--hb-ease)}body.homebase-page .hb-faq details[open] summary:after{transform:rotate(45deg)}body.homebase-page .hb-faq .a{padding:0 4px 22px;color:var(--hb-ink-soft);line-height:1.95;max-width:44em}body.homebase-page .hb-faq-cta{align-self:start;position:sticky;top:calc(var(--hb-header-h) + 20px);background:var(--hb-night);color:var(--hb-on-night);border-radius:var(--hb-radius);padding:var(--hb-box-pad)}body.homebase-page .hb-faq-cta h3{font-size:var(--fs-h3);color:#fff}body.homebase-page .hb-faq-cta p{color:var(--hb-on-night-soft);line-height:1.9;margin-top:14px}body.homebase-page .hb-faq-cta .hb-btn{margin-top:24px}body.homebase-page .hb-footer{background:var(--hb-night);color:var(--hb-on-night);border-radius:var(--hb-radius);margin:0 var(--hb-gap) var(--hb-gap);padding:var(--hb-box-pad)}body.homebase-page .hb-footer-top{display:grid;grid-template-columns:1fr auto;gap:calc(var(--hb-gap) * 2);padding-bottom:clamp(28px,2.6vw,48px);border-bottom:1px solid rgba(242,239,232,.16)}body.homebase-page .hb-footer .hb-logo{color:#fff}body.homebase-page .hb-footer-tagline{color:var(--hb-on-night-soft);margin-top:14px;max-width:30em;line-height:1.9}body.homebase-page .hb-footer-nav{display:grid;gap:8px;justify-items:start}body.homebase-page .hb-footer-nav a{font-size:var(--fs-small);color:var(--hb-on-night);padding:3px 0}body.homebase-page .hb-footer-bottom{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:14px 28px;padding-top:22px;font-size:12.5px;color:var(--hb-on-night-soft)}body.homebase-page .hb-footer-bottom .legal{display:flex;gap:22px}body.homebase-page .hb-footer-bottom a{color:var(--hb-on-night-soft)}body.homebase-page .hb-footer-bottom a:hover{color:#fff}@media(max-width:1023px){body.homebase-page .hb-start,body.homebase-page .hb-cost,body.homebase-page .hb-time,body.homebase-page .hb-room,body.homebase-page .hb-community,body.homebase-page .hb-residences-grid,body.homebase-page .hb-faq,body.homebase-page .hb-scene-panel{grid-template-columns:1fr}body.homebase-page #scenes[data-scene=before] .hb-scene-panel[data-scene=before],body.homebase-page #scenes[data-scene=firstweek] .hb-scene-panel[data-scene=firstweek],body.homebase-page #scenes[data-scene=exam] .hb-scene-panel[data-scene=exam],body.homebase-page #scenes[data-scene=guest] .hb-scene-panel[data-scene=guest]{display:grid}body.homebase-page .hb-scene-visual{order:-1}body.homebase-page .hb-axis{grid-template-columns:1fr auto;gap:8px 16px}body.homebase-page .hb-axis-id{grid-column:1}body.homebase-page .hb-axis-num{grid-column:2;grid-row:1 / 3;align-self:center}body.homebase-page .hb-axis-copy{grid-column:1}body.homebase-page .hb-vanish{columns:1}body.homebase-page .hb-remain,body.homebase-page .hb-specs,body.homebase-page .hb-room-sub{grid-template-columns:1fr}body.homebase-page .hb-room-sub .hb-ph{aspect-ratio:16 / 7!important}body.homebase-page .hb-community-items,body.homebase-page .hb-pillars-grid{grid-template-columns:1fr}body.homebase-page .hb-faq-cta{position:static}body.homebase-page .hb-footer-top{grid-template-columns:1fr;gap:26px}}@media(prefers-reduced-motion:reduce){html.js body.homebase-page .hb-reveal,html.js body.homebase-page .hb-hero-in>*,html.js body.homebase-page .hb-vanish li,html.js body.homebase-page .hb-vanish .t:after,html.js body.homebase-page .hb-remain li{opacity:1;transform:none;transition:none}html.js body.homebase-page .hb-vanish li{opacity:.45}html.js body.homebase-page .hb-vanish .t:after{width:100%}body.homebase-page .hb-marquee-track,body.homebase-page .hb-scene-panel,body.homebase-page #scenes[data-scene=before] .hb-scene-panel[data-scene=before],body.homebase-page #scenes[data-scene=firstweek] .hb-scene-panel[data-scene=firstweek],body.homebase-page #scenes[data-scene=exam] .hb-scene-panel[data-scene=exam],body.homebase-page #scenes[data-scene=guest] .hb-scene-panel[data-scene=guest]{animation:none}body.homebase-page .hb-btn,body.homebase-page .hb-axis{transition:none}body.homebase-page .hb-btn:hover,body.homebase-page a.hb-axis:hover{transform:none}}