.hero3d{position:relative;z-index:1;width:100%;max-width:var(--w-hero);margin-inline:auto;padding:var(--sp-block) var(--gutter) 0}.hero3d__head{display:grid;gap:var(--sp-tie);margin-bottom:var(--sp-flow)}.hero3d__title{font-size:var(--t-h3);letter-spacing:var(--ls-display)}.hero3d__lead{font-size:var(--t-small);color:var(--c-choco-mid)}.hero3d__stage{position:relative;aspect-ratio:4 / 5;max-height:78vh;width:100%;border:var(--hair) solid var(--c-rule);border-radius:var(--radius);overflow:hidden;background-color:var(--c-paper);background-image:linear-gradient(var(--c-grid-strong, rgba(36, 26, 18, .06)) 1px,transparent 1px),linear-gradient(90deg,var(--c-grid-strong, rgba(36, 26, 18, .06)) 1px,transparent 1px);background-size:48px 48px;background-position:-1px -1px}@media(min-width:960px){.hero3d__stage{aspect-ratio:auto;height:clamp(28rem,64vh,44rem)}}.hero3d__svg{position:absolute;inset:8% 6% 14%;width:88%;height:78%;transition:opacity calc(var(--dur) * 1.6) var(--ease)}.iso-shadow{fill:color-mix(in srgb,var(--c-choco) 8%,transparent)}.iso-ghost{fill:color-mix(in srgb,var(--c-band) 70%,transparent);stroke:var(--c-rule-strong);stroke-width:1}.iso-recess{fill:color-mix(in srgb,var(--c-choco) 22%,var(--c-band))}.iso-wall{stroke:var(--c-choco);stroke-width:1.2;stroke-linejoin:round}.iso-wall--s{fill:var(--c-paper)}.iso-wall--w{fill:var(--c-band)}.iso-base{fill:var(--c-band-deep);stroke:var(--c-choco);stroke-width:1}.iso-window{fill:color-mix(in srgb,var(--c-choco) 55%,var(--c-band));stroke:var(--c-choco);stroke-width:.8}.iso-roof{fill:color-mix(in srgb,var(--c-choco) 82%,var(--c-cream));stroke:var(--c-choco);stroke-width:1.2;stroke-linejoin:round}.iso-seam{stroke:color-mix(in srgb,var(--c-cream) 30%,transparent);stroke-width:1}.hero3d__canvas{position:absolute;inset:0;opacity:0;transition:opacity calc(var(--dur) * 1.6) var(--ease)}.hero3d__canvas canvas{display:block;width:100%!important;height:100%!important;cursor:grab}.hero3d__canvas canvas:active{cursor:grabbing}.hero3d.is-3d .hero3d__canvas{opacity:1}.hero3d.is-3d .hero3d__svg{opacity:0}.hero3d.is-loading .hero3d__badge--svg:after{content:" ・ 3Dを読み込み中"}.hero3d__badge{position:absolute;right:var(--sp-3);bottom:var(--sp-3);margin:0;padding:.15em .7em;font-size:var(--t-label);letter-spacing:.08em;color:var(--c-choco-mid);background:color-mix(in srgb,var(--c-paper) 88%,transparent);border:var(--hair) solid var(--c-rule);border-radius:var(--radius-s);pointer-events:none}.hero3d__badge--3d{display:none}.hero3d.is-3d .hero3d__badge--3d{display:block}.hero3d.is-3d .hero3d__badge--svg{display:none}.hero3d__ui{position:absolute;left:var(--sp-3);bottom:var(--sp-3);display:none;flex-wrap:wrap;gap:var(--sp-2);align-items:center;max-width:calc(100% - 9rem)}.hero3d.is-3d .hero3d__ui{display:flex}.hero3d__levels{display:inline-flex;border:var(--hair) solid var(--c-rule-strong);border-radius:var(--radius-pill);overflow:hidden;background:color-mix(in srgb,var(--c-paper) 92%,transparent)}.hero3d__levels button,.hero3d__activate{min-height:44px;min-width:44px;padding:0 1em;border:0;background:none;font:inherit;font-size:var(--t-label);font-weight:700;letter-spacing:.06em;color:var(--c-choco);cursor:pointer}.hero3d__levels button+button{border-left:var(--hair) solid var(--c-rule)}.hero3d__levels button[aria-pressed=true]{background:var(--c-choco);color:var(--c-paper)}.hero3d__activate{border:var(--hair) solid var(--c-rule-strong);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--c-paper) 92%,transparent)}.hero3d__activate[aria-pressed=true]{background:var(--c-marigold);border-color:var(--c-marigold)}.hero3d__levels button:focus-visible,.hero3d__activate:focus-visible{outline:2px solid var(--c-mark, var(--c-marigold-ink));outline-offset:-2px}.hero3d__hint{position:absolute;top:var(--sp-3);right:var(--sp-3);margin:0;font-size:var(--t-label);color:var(--c-choco-mid);display:none;pointer-events:none}@media(hover:hover)and (pointer:fine){.hero3d.is-3d .hero3d__hint{display:block}}.hero3d__tip{position:absolute;top:0;left:0;z-index:2;display:grid;gap:.1em;padding:var(--sp-2) var(--sp-3);background:var(--c-paper);border:var(--hair) solid var(--c-rule-strong);border-radius:var(--radius-s);box-shadow:var(--shadow-s);pointer-events:none;min-width:8rem}.hero3d__tip[hidden]{display:none}.hero3d__tip-use{font-size:var(--t-label);font-weight:700;letter-spacing:.08em;color:var(--c-inherit)}.hero3d__tip-use[data-use=private]{color:var(--c-make)}.hero3d__tip-name{font-weight:700;font-size:var(--t-small)}.hero3d__tip-size{font-family:var(--f-data);font-weight:600;color:var(--c-choco-mid)}.hero3d__tip-size[hidden]{display:none}.hero3d__rooms{margin-top:var(--sp-flow);font-size:var(--t-small)}.hero3d__rooms summary{cursor:pointer;font-weight:700;color:var(--c-choco-mid)}.hero3d__rooms>div{margin-top:var(--sp-tie)}.hero3d__rooms-floor{font-weight:700}.hero3d__rooms ul{display:flex;flex-wrap:wrap;gap:.2em 1em;padding-left:0;list-style:none}.hero3d__rooms li{margin:0;font-size:var(--t-small)}.hero3d__rooms-note{margin-top:var(--sp-tie);font-size:var(--t-caption);color:var(--c-choco-mid)}@media(prefers-reduced-motion:reduce){.hero3d__svg,.hero3d__canvas{transition:none}}@media(min-width:960px){.top-hero>.hero3d{grid-column:1 / -1}}