@layer components{.house{--lab-bar-h:0px;--menu-g:var(--sp-4);--menu-bw:10px;--menu-ink:var(--jd-red-deep)}.house .house-nav{z-index:40;background:color-mix(in oklab, var(--jd-oat) 95%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-bottom:1px solid var(--jd-sand);position:sticky;top:0}.house .house-nav-bar{justify-content:space-between;align-items:center;gap:var(--sp-4);height:var(--lab-nav-h);max-width:1440px;padding-inline:var(--sp-4);margin-inline:auto;display:flex}.house .house-nav-home{height:44px;color:var(--jd-red);align-items:center;display:flex}.house .house-nav-links{align-items:center;gap:var(--sp-1);display:flex}.house .house-nav-link{height:44px;padding-inline:var(--sp-3);color:var(--jd-ink);text-underline-offset:4px;transition:text-decoration-color var(--dur-fast) ease;align-items:center;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-flex}.house .house-nav-link:focus-visible{text-decoration-color:currentColor}@media (hover:hover){.house .house-nav-link:hover{text-decoration-color:currentColor}}@media (max-width:639px){.house .house-nav-bar{gap:var(--sp-2)}.house .house-nav-links{gap:0}.house .house-nav-link,.house .house-nav-menu{letter-spacing:.06em;font-size:11px}.house .house-nav-link{padding-inline:5px}.house .house-nav-menu{margin-left:var(--sp-1);gap:6px;padding-inline:10px}}@media (max-width:349px){.house .house-nav-links li:first-child{display:none}}.house .house-nav-menu{align-items:center;gap:var(--sp-2);height:44px;margin-left:var(--sp-2);padding-inline:var(--sp-4);border-radius:var(--radius-pill);background:var(--jd-ink);color:var(--jd-oat);cursor:pointer;transition:background-color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-out);display:inline-flex}.house .house-nav-menu:active{transform:scale(.97)}.house .house-nav[data-open] .house-nav-menu{background:var(--jd-red);color:var(--jd-paper)}.house .house-nav-pull{width:7px;height:7px;transition:transform .32s var(--ease-out);border-bottom:1.5px solid;border-right:1.5px solid;transform:translateY(-2px)rotate(45deg)}.house .house-nav[data-open] .house-nav-pull{transform:translateY(2px)rotate(225deg)}.house .house-menu-scrim{z-index:38;background:color-mix(in oklab, var(--jd-ink) 45%, transparent);opacity:0;pointer-events:none;transition:opacity .32s;position:fixed;inset:0}.house .house-menu-scrim[data-open]{opacity:1;pointer-events:auto}.house .house-menu{inset:var(--lab-nav-h) 0 auto 0;z-index:39;max-height:calc(100dvh - var(--lab-nav-h));overscroll-behavior:contain;background:var(--jd-paper);border-bottom:1px solid var(--jd-sand);box-shadow:0 1px 0 color-mix(in oklab, var(--jd-ink) 8%, transparent), 0 28px 48px -28px color-mix(in oklab, var(--jd-ink) 55%, transparent);visibility:hidden;transition:transform .36s var(--ease-out), visibility 0s linear .36s;position:fixed;overflow-y:auto;transform:translateY(-102%)}.house .house-menu[data-open]{visibility:visible;transition:transform .48s var(--ease-out), visibility 0s;transform:none}.house .menu-wall{max-width:1120px;padding:var(--sp-6) var(--sp-4) var(--sp-8);margin-inline:auto;container-type:inline-size}.house .menu-head{justify-content:space-between;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-4);display:flex}.house .menu-hint,.house .menu-swipe{color:var(--jd-clay)}.house .menu-swipe{margin-top:var(--sp-2)}.house .menu-row{--fw:min(78vw, 320px);--art-w:calc(var(--fw) - 2 * var(--menu-bw) - 2 * var(--sp-3));--art-h:calc(var(--art-w) * 258 / 556);grid-auto-flow:column;grid-auto-columns:var(--fw);gap:var(--menu-g);margin-inline:calc(var(--sp-4) * -1);padding:var(--sp-1) var(--sp-4) var(--sp-4);scroll-snap-type:x mandatory;scroll-padding-inline:var(--sp-4);overscroll-behavior-x:contain;scrollbar-width:none;display:grid;overflow-x:auto}.house .menu-row::-webkit-scrollbar{display:none}.house .menu-frame{scroll-snap-align:start;border:var(--menu-bw) solid var(--jd-ink);background:linear-gradient(var(--jd-paper) 0 var(--sp-6), var(--jd-oat) var(--sp-6));box-shadow:0 1px 2px color-mix(in oklab, var(--jd-ink) 20%, transparent), 0 14px 24px -16px color-mix(in oklab, var(--jd-ink) 50%, transparent);border-radius:2px;position:relative;overflow:hidden}.house .menu-sheet{z-index:1;min-height:100%;padding:var(--sp-12) var(--sp-4) var(--sp-4);flex-direction:column;display:flex;position:relative}.house .menu-frame:has(.menu-art) .menu-sheet{padding-bottom:calc(var(--art-h) + var(--sp-4))}.house .menu-title,.house .menu-sub{font-family:var(--font-mono);text-transform:uppercase;color:var(--menu-ink);font-weight:500}.house .menu-title{font-size:var(--fs-lead);letter-spacing:.12em;margin-bottom:var(--sp-6);line-height:1.2}.house .menu-sub{font-size:var(--fs-body);letter-spacing:.12em;margin:var(--sp-6) 0 var(--sp-2);line-height:1.4}.house .menu-list>div{justify-content:space-between;align-items:baseline;gap:var(--sp-3);line-height:1.5;display:flex}.house .menu-list dt{text-transform:uppercase;letter-spacing:.06em}.house .menu-list dd{font-variant-numeric:tabular-nums;flex:none}.house .menu-mark{box-sizing:content-box;width:auto;height:18px;padding-top:var(--sp-6);color:var(--jd-red);flex:none;align-self:flex-start;margin-top:auto;display:block}.house .menu-est{font-family:var(--font-display);font-size:var(--fs-label);letter-spacing:.22em;color:var(--menu-ink);align-self:center;margin-top:auto}.house .menu-art{z-index:0;bottom:0;left:var(--sp-3);width:var(--art-w);fill:none;max-width:none;height:auto;stroke:var(--menu-ink);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;pointer-events:none;position:absolute}.house .menu-art *{vector-effect:non-scaling-stroke}.house .menu-art .ink-fill{fill:var(--menu-ink)}.house .menu-art .shade{stroke:none;fill:color-mix(in oklab, var(--menu-ink) 9%, transparent)}.lab[data-motion=live] .lab-orbit.house[data-gl=on] footer svg{visibility:visible}.lab[data-motion=live] .lab-orbit.house .orb-card{box-shadow:0 0 0 1px color-mix(in oklab, var(--jd-ink) 9%, transparent), 0 10px 28px -18px color-mix(in oklab, var(--jd-ink) 45%, transparent)}.lab-orbit.house .orb-title{--orb-title:min(clamp(2.25rem, 1.5rem + 3vw, 4rem), calc((100vw - 2 * var(--orb-gutter)) / 9.8));font-size:var(--orb-title);max-width:11.5em}.lab[data-motion=live] .lab-orbit.house .orb-track{height:540svh}@media (min-width:1180px) and (min-height:700px){.lab[data-motion=live] .lab-orbit.house .orb-cards{gap:var(--sp-6);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1180px) and (min-height:820px){.lab[data-motion=live] .lab-orbit.house{--orb-card-p:var(--sp-8);--orb-pad:120px;--orb-spec:clamp(1.0625rem, .55rem + .75vw, 1.3125rem);--orb-small:clamp(.875rem, .6rem + .35vw, 1rem)}.lab[data-motion=live] .lab-orbit.house .orb-name{font-size:clamp(2.25rem,1rem + 2vw,3rem)}.lab[data-motion=live] .lab-orbit.house .orb-num{font-size:var(--orb-spec)}.lab[data-motion=live] .lab-orbit.house .orb-pill,.lab[data-motion=live] .lab-orbit.house .orb-row dt{font-size:var(--orb-small)}.lab[data-motion=live] .lab-orbit.house .orb-row dd{font-size:var(--orb-spec)}}.lab[data-motion=live] .lab-orbit.house .orb-tags{display:none}.lab-orbit.house .orb-num{font-size:var(--fs-body)}.house .story-top{row-gap:calc(var(--sp-8) + var(--sp-2));padding-top:calc(var(--sp-16) + var(--sp-4))}.house .story-body{margin-top:var(--sp-8)}.house .story-bar{width:78%}.house .story-quote p{font-size:var(--story-quote,var(--fs-h3))}.house .story-room{padding-top:var(--sp-8)}.house .house-menu[data-open] .menu-frame{animation:house-hang .62s var(--ease-out) both;animation-delay:calc(var(--i) * 70ms + .14s)}@media (min-width:768px){.house .story-top{grid-template-rows:auto 1fr}.house .story-quote{align-self:end}.house .house-nav-bar,.house .menu-wall{padding-inline:var(--sp-8)}.house .menu-row{margin-inline:calc(var(--sp-8) * -1);padding-inline:var(--sp-8);scroll-padding-inline:var(--sp-8)}}@media (min-width:1024px){.house{--menu-g:var(--sp-6);--menu-bw:12px}.house .house-nav-bar{padding-inline:var(--sp-12)}.house .menu-wall{padding-block:var(--sp-8) var(--sp-12)}.house .menu-row{--fw:calc((100cqw - 2 * var(--menu-g)) / 3);margin-inline:0;padding:0;overflow:visible}.house .menu-sheet{padding-inline:var(--sp-6);padding-bottom:var(--sp-6)}.house .menu-frame:has(.menu-art) .menu-sheet{padding-bottom:calc(var(--art-h) + var(--sp-6))}.house .menu-swipe{display:none}.house .story-top{--story-pt:clamp(var(--sp-6), 5svh, var(--sp-16));--story-h:calc(100svh - var(--lab-nav-h) - var(--story-pt) - var(--sp-6));--story-quote:clamp(1.75rem, .2rem + 2.9vw, 3rem);row-gap:clamp(var(--sp-4), 3svh, var(--sp-8));padding-top:var(--story-pt)}.house .story-top h2{font-size:min(var(--fs-h2), 9svh)}.house .story-body{margin-top:clamp(var(--sp-4), 3svh, var(--sp-8))}.house .story-bar{width:min(100%, calc(var(--story-h) * 4 / 5))}}@media (min-width:768px) and (max-width:1023px){.house .story-top{padding-top:var(--sp-32)}.house .story-bar{width:100%}}.lab[data-motion=live] .house .lab-anatomy .an-track{height:280svh}.house .lab-anatomy .an-meter{display:none}.lab[data-motion=still] .house .lab-anatomy .an-pin{max-width:1440px}.house .house-steps{display:none}.house .house-steps[data-on]{display:block}.house:has(.house-nav[data-open]) .house-steps{opacity:0;pointer-events:none}.house .step-veil{z-index:38;background:var(--jd-oat);opacity:0;pointer-events:none;transition:opacity .32s var(--ease-out);position:fixed;inset:0}.house .step-veil[data-on]{opacity:1;transition-duration:.2s}}@keyframes house-hang{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.house .house-menu,.house .house-menu[data-open],.house .house-menu-scrim,.house .house-nav-pull{transition:none}.house .house-menu[data-open] .menu-frame{animation:none}}@layer base{html:has(.house){scrollbar-width:none}html:has(.house)::-webkit-scrollbar{display:none}}