.bsec{align-items:start;gap:28px;display:grid}@media (width>=980px){.bsec{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:48px}}.bfig{border:1px solid var(--line);border-radius:var(--r-2xl);box-shadow:var(--sh-deep);background:#fff;margin:0;padding:18px;position:relative}.bx{width:100%;height:auto;display:block;overflow:visible}.bx text{font-family:var(--mono)}.bx .lbl{fill:var(--ink-500);letter-spacing:.04em;font-size:10px}.bx .ord{fill:var(--kk,var(--ink-500));font-size:11px;font-weight:600}.bx .apt .room{fill:#fbf9f5;stroke:#0a11281f}.bx .apt .win{fill:#dfe3ea}.bx .sill{stroke:#b8bcc5;stroke-width:2px}.bx .stair rect{fill:#e4dccd;stroke:#0a11281a}.bx .stair path{stroke:#0a11282e;fill:none}.bx .hs{cursor:pointer;--kk:var(--k);outline:none;transition:opacity .35s}.bx .kC{--k:var(--rose-500);--kl:#fde0e6}.bx .kB{--k:var(--citrine-500);--kl:#fbf0c6}.bx .kA{--k:var(--brand-500);--kl:#e8edff}.bx .hs .room{fill:var(--kl);stroke:var(--k);stroke-width:1.5px;transition:fill .6s,stroke-width .2s}.bx .hs .win,.bx .hs .door,.bx .hs .notice{fill:var(--k);transition:fill .6s}.bx .hs .halo{fill:var(--k);opacity:.22;animation:3.2s ease-in-out infinite glow;animation-delay:var(--d)}@keyframes glow{0%,to{opacity:.1}50%{opacity:.38}}.bx .hs:hover .room,.bx .hs:focus-visible .room,.bx .hs.sel .room{stroke-width:3.5px}.bx .hs:focus-visible .room{stroke:var(--ink-900)}.bx .hs.sel .room{filter:drop-shadow(0 6px 10px #0a11282e)}html.js .bfig:not(.in) .hs .room{fill:#fbf9f5;stroke:#0a11281f}html.js .bfig:not(.in) .hs .win,html.js .bfig:not(.in) .hs .door,html.js .bfig:not(.in) .hs .notice{fill:#dfe3ea}html.js .bfig:not(.in) .hs .halo{opacity:0;animation:none}html.js .bfig .hs .room,html.js .bfig .hs .win{transition-delay:var(--d)}.bx[data-f=C] .hs:not(.kC),.bx[data-f=B] .hs:not(.kB),.bx[data-f=A] .hs:not(.kA){opacity:.18}.bx .tower{transform-origin:360px 80px}.btip{z-index:3;opacity:0;pointer-events:none;background:var(--ink-950);color:#fff;width:max-content;max-width:220px;box-shadow:var(--sh-deep);transition:opacity .2s, transform .2s var(--ease);border-top:3px solid var(--tk,var(--brand-500));border-radius:10px;padding:10px 12px;font-size:.82rem;line-height:1.35;position:absolute;top:0;left:0;transform:translate(-50%,calc(-100% - 10px))scale(.96)}.btip.on{opacity:1;transform:translate(-50%,calc(-100% - 10px))scale(1)}.btip b{font-family:var(--mono);color:var(--tk);margin-right:4px}.btip span{font:400 .66rem var(--mono);letter-spacing:.06em;color:#ffffffa6;margin-top:4px;display:block}.btip[data-cls=C]{--tk:#ff7d9b}.btip[data-cls=B]{--tk:#f0c64a}.btip[data-cls=A]{--tk:var(--brand-300)}.btip:after{content:"";background:var(--ink-950);width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.bfilter{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.bfilter button{font:500 .7rem var(--mono);letter-spacing:.06em;border:1px solid var(--line-2);min-height:38px;color:var(--ink-700);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;transition:all .2s;display:inline-flex}.bfilter button i{border-radius:3px;width:9px;height:9px}.bfilter .fC i{background:var(--rose-500)}.bfilter .fB i{background:var(--citrine-500)}.bfilter .fA i{background:var(--brand-500)}.bfilter button[aria-pressed=true]{background:var(--ink-950);color:#fff;border-color:var(--ink-950)}.bcard{border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-lift);border-top:4px solid var(--bk,var(--rose-500));background:#fff;padding:24px;position:relative;overflow:hidden}.bcard[data-cls=B]{--bk:var(--citrine-500)}.bcard[data-cls=A]{--bk:var(--brand-500)}.bcard.flip>*{animation:fadeUp .4s var(--ease) both}.bc-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bc-where{font:500 .66rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-500)}.bc-ord{font:500 .72rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-500);margin:18px 0 2px}.bc-ord b{font:600 3.4rem/1 var(--font);letter-spacing:-.05em;color:var(--ink-900);margin-top:4px;display:block}.bcard h3{margin:10px 0 18px;font-size:1.35rem}.bc-meta{background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.bc-meta div{background:var(--paper-50);padding:12px 14px}.bc-meta span{font:500 .6rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500);display:block}.bc-meta b{letter-spacing:-.02em;margin-top:4px;font-size:1.1rem;display:block}.bc-hint{color:var(--ink-600);margin:16px 0 0;font-size:.86rem}.clocks{gap:16px;display:grid}@media (width>=860px){.clocks{grid-template-columns:repeat(3,1fr);gap:20px}}.clock{border:1px solid var(--line);border-radius:var(--r-xl);transition:transform .35s var(--ease), box-shadow .35s var(--ease);background:#fff;align-items:flex-start;gap:20px;padding:22px;display:flex}.clock:hover{box-shadow:var(--sh-lift);transform:translateY(-4px)}@media (width>=860px){.clock{text-align:center;flex-direction:column;align-items:center;padding:30px 24px}.cl-ex{text-align:left}}.dial{flex:none;width:132px;height:132px;position:relative}@media (width<=859px){.dial{width:104px;height:104px}}.dial svg{width:100%;height:100%}.dial .trk{fill:none;stroke:var(--ink-100);stroke-width:10px}.dial .tick{stroke:var(--ink-300);stroke-width:1.5px}.dial .arc{fill:none;stroke-width:10px;stroke-linecap:round;stroke-dasharray:var(--len) var(--c)}html.js .clock.rv .arc{stroke-dasharray:0 var(--c);transition:stroke-dasharray 1.6s var(--ease) .35s}html.js .clock.rv.in .arc{stroke-dasharray:var(--len) var(--c)}.kC .dial .arc{animation:1.4s ease-in-out infinite pulseArc}@keyframes pulseArc{50%{stroke-width:14px}}.dial .num{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.dial .num b{letter-spacing:-.05em;font-size:2.3rem;font-weight:600;line-height:1}@media (width<=859px){.dial .num b{font-size:1.8rem}}.dial .num span{font:500 .62rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-500);margin-top:2px}.cl-mean{margin:10px 0 0;font-size:1.05rem;font-weight:600}.cl-ex{gap:6px;margin:14px 0 0;padding:0;list-style:none;display:grid}.cl-ex li{background:var(--rose-100);color:var(--ink-800);border-radius:8px;justify-content:space-between;gap:12px;margin:0;padding:8px 10px;font-size:.82rem;display:flex}.cl-ex b{font:600 .74rem var(--mono);color:var(--rose-700);white-space:nowrap}.heat{gap:22px;display:grid}@media (width>=900px){.heat{grid-template-columns:1.3fr 1fr;align-items:stretch;gap:28px}}.thermos{grid-template-columns:1fr 1fr;gap:14px;display:grid}.thermo{border-radius:var(--r-xl);border:1px solid var(--line);background:#fff;grid-template-rows:1fr auto;grid-template-columns:64px 1fr;gap:0 16px;padding:22px 18px;display:grid;position:relative;overflow:hidden}.thermo.day{--m:var(--rose-500);background:linear-gradient(160deg,#fff6e0,#fff 55%)}.thermo.night{--m:var(--brand-500);background:linear-gradient(160deg,#e8edff,#fff 55%)}.tube{background:var(--ink-50);border:2px solid var(--ink-200);border-radius:12px;grid-area:1/1;justify-self:center;width:20px;height:200px;position:relative}.tube .merc{height:var(--h);background:linear-gradient(0deg, var(--m), color-mix(in srgb, var(--m) 70%, #fff));transform-origin:bottom;border-radius:8px;position:absolute;bottom:0;left:3px;right:3px}html.js .thermo.rv .merc{transition:transform 1.6s var(--ease) .3s;transform:scaleY(0)}html.js .thermo.rv.in .merc{transform:none}.tube i{font:400 .6rem var(--mono);color:var(--ink-500);font-style:normal;position:absolute;right:26px;transform:translateY(50%)}.tube i:before{content:"";background:var(--ink-300);width:6px;height:1px;position:absolute;top:50%;right:-10px}.tube .mark{z-index:1;font:600 .78rem var(--mono);color:#fff;background:var(--m);border-radius:4px;padding:2px 6px;position:absolute;left:26px;transform:translateY(50%)}.bulb{background:var(--m);border:2px solid var(--ink-200);width:40px;height:40px;box-shadow:0 0 0 6px color-mix(in srgb, var(--m) 18%, transparent);border-radius:50%;grid-area:2/1;justify-self:center;margin-top:-6px}.th-txt{grid-area:1/2/3;align-self:end}.th-k{font:500 .62rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-600);align-items:center;gap:6px;display:inline-flex}.th-k svg{width:16px;height:16px;color:var(--m)}.th-txt b{letter-spacing:-.04em;margin:10px 0 6px;font-size:1.6rem;line-height:1.1;display:block}.th-txt p{color:var(--ink-600);margin:0;font-size:.88rem}@media (width<=560px){.thermos{grid-template-columns:1fr}.tube{height:150px}}.heat-side{align-content:start;gap:14px;display:grid}.hw{border-radius:var(--r-xl);background:linear-gradient(120deg, var(--rose-100), #fff 70%);border:1px solid var(--line);align-items:center;gap:16px;padding:20px;display:flex}.hw-ico{background:var(--rose-500);color:#fff;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid}.hw-ico svg{width:26px;height:26px}.hw b{letter-spacing:-.04em;font-size:2rem;line-height:1;display:block}.hw span{color:var(--ink-600);font-size:.9rem}.season{border-radius:var(--r-xl);border:1px solid var(--line);background:#fff;padding:18px 20px}.months{grid-template-columns:repeat(12,1fr);gap:4px;display:grid}.months span{background:var(--ink-50);height:34px;font:500 .7rem var(--mono);color:var(--ink-500);border-radius:6px;place-items:center;display:grid}.months span.on{background:linear-gradient(180deg, var(--citrine-100), var(--rose-100));color:var(--rose-700);box-shadow:inset 0 -3px 0 var(--rose-500)}.heat-note{border-radius:var(--r-md);background:var(--ink-950);color:#fff;margin:0;padding:14px 16px;font-size:.9rem}.choose{gap:18px;display:grid}@media (width>=860px){.choose{grid-template-columns:1fr 1fr;gap:22px}}.pick{border-radius:var(--r-2xl);border:1px solid var(--line);color:inherit;transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .2s;background:#fff;grid-template-rows:auto 1fr;text-decoration:none;display:grid;position:relative;overflow:hidden}.pick:hover{box-shadow:var(--sh-deep);color:inherit;transform:translateY(-6px)}.pick.tenant:hover{border-color:#12a39566}.pick.owner:hover{border-color:var(--brand-200)}.pick .art{height:210px;position:relative;overflow:hidden}.pick.tenant .art{background:linear-gradient(140deg,#d0f0ea,#f3f5ff)}.pick.owner .art{background:linear-gradient(140deg,#e8edff,#fbf0c6)}.pick .art svg{width:360px;max-width:100%;transition:transform .6s var(--ease);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.pick:hover .art svg{transform:translate(-50%)translateY(-6px)scale(1.03)}.pick .bd{flex-direction:column;padding:26px 26px 28px;display:flex}.pick h3{margin:6px 0 10px;font-size:1.6rem}.pick p{color:var(--ink-600);margin:0 0 16px}.pick ul{gap:8px;margin:0 0 22px;padding:0;list-style:none;display:grid}.pick li{color:var(--ink-800);gap:10px;margin:0;font-size:.93rem;display:flex}.pick li svg{flex:none;width:16px;height:16px;margin-top:4px}.pick.tenant li svg{color:var(--jade-600)}.pick.owner li svg{color:var(--brand-500)}.pick .go{align-self:flex-start;margin-top:auto}.float{transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out infinite bob}.float.d2{animation-delay:-2.5s}@keyframes bob{50%{transform:translateY(-6px)}}
