@layer components{.cat{--cat-ink:var(--color-porcelain,#f4f3ef);--cat-soft:var(--color-mist,#aab4be);--cat-accent:var(--color-taupe,#c5aa96);--cat-ground:var(--color-navy-deep,#0a1621);--cat-rule:color-mix(in oklab, var(--cat-ink) 18%, transparent);background:var(--cat-ground);color:var(--cat-ink);font-family:var(--font-geist), ui-sans-serif, system-ui, sans-serif;font-variation-settings:normal;letter-spacing:-.006em}.cat-name{font-family:var(--font-unbounded), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.02em;text-wrap:balance;font-weight:200;line-height:1.08}.cat-pill{border:1px solid color-mix(in oklab, var(--cat-ink) 45%, transparent);white-space:nowrap;transition:transform .12s var(--ease-out), background-color .16s var(--ease-out), border-color .16s var(--ease-out), color .16s var(--ease-out);border-radius:999px;align-items:center;padding:.8rem 1.35rem;font-size:.875rem;font-weight:500;line-height:1;display:inline-flex}.cat-pill:active{transform:scale(.97)}.cat-pill-solid{border-color:var(--cat-accent);background:var(--cat-accent);color:var(--cat-ground)}@media (hover:hover) and (pointer:fine){.cat-pill:hover{border-color:var(--cat-ink);background:color-mix(in oklab, var(--cat-ink) 12%, transparent)}.cat-pill-solid:hover{border-color:var(--cat-ink);background:var(--cat-ink);color:var(--cat-ground)}}.cat .site-header:before{background:linear-gradient(to bottom, color-mix(in oklab, var(--cat-ground) 62%, transparent), transparent);inset:0 0 -110%}.lightbox{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--cat-ink);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.lightbox::backdrop{background:0 0}.lightbox-veil{background:color-mix(in oklab, var(--cat-ground) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:absolute;inset:0}.lightbox-stage{touch-action:none;place-items:center;display:grid;position:absolute;inset:0}.lightbox-box{background:50%/cover no-repeat;position:relative;overflow:hidden}.lightbox-box>img,.lightbox-box>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.lightbox-close{top:calc((var(--header-h) - 2.45rem) / 2);right:var(--spacing-gutter);position:absolute}.lightbox-caption{left:var(--spacing-gutter);max-width:40ch;font-size:.875rem;line-height:1.35;position:absolute;bottom:4svh}.lightbox-nav{right:var(--spacing-gutter);gap:.5rem;display:flex;position:absolute;bottom:4svh}.lightbox-open{overflow:hidden}.zoom-button:focus-visible{outline:2px solid var(--cat-accent);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.cat-swap{animation:cat-rise .6s var(--ease-out) both}}.walk-index{display:none}.walk-stops{gap:3.5rem;margin-top:2.5rem;display:grid}.walk-media{aspect-ratio:var(--ratio);overflow:hidden}@media (prefers-reduced-motion:reduce) and (min-aspect-ratio:4/5){.walk-stops{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem}}@media (prefers-reduced-motion:no-preference) and (min-aspect-ratio:4/5){.walk{height:100svh;padding:calc(var(--header-h) + 2svh) 0 6svh;flex-direction:column;display:flex;overflow:hidden}.walk-heading{padding-inline:var(--spacing-gutter)}.walk-track{width:max-content;padding:3svh var(--spacing-gutter);flex:1;align-items:center;display:flex}.walk-stops{align-items:flex-end;gap:4vw;margin:0;display:flex}.walk-stop{opacity:.45;transition:opacity .4s var(--ease-out);flex:none}.walk-stop[data-here]{opacity:1}.walk-media{height:52svh}.walk-index{padding-inline:var(--spacing-gutter);display:block}.walk-hull{height:1px;margin-inline:calc(100% / (2 * var(--stops)));background:var(--cat-rule);position:relative}.walk-names{grid-template-columns:repeat(var(--stops), minmax(0, 1fr));text-align:center;margin-top:1rem;font-size:.8125rem;display:grid}.walk-name{color:var(--cat-soft);opacity:.6;transition:color .3s var(--ease-out), opacity .3s var(--ease-out)}.walk-name[data-here]{color:var(--cat-ink);opacity:1}}}@keyframes cat-rise{0%{opacity:0;transform:translateY(14px)}}
@layer components{.cat.showroom{font-family:var(--font-brand), ui-sans-serif, system-ui, sans-serif;letter-spacing:0}.showroom .cat-name{font-family:var(--font-brand), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.02em;font-weight:300;line-height:1.1}.accent{font-family:var(--font-brand), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.01em;font-style:italic;font-weight:300}.caps{font-family:var(--font-brand), ui-sans-serif, system-ui, sans-serif;letter-spacing:.28em;text-transform:uppercase;font-size:.6875rem;font-weight:500;line-height:1.5}.cat-light{--cat-ink:var(--color-navy);--cat-soft:var(--color-slate);--cat-accent:var(--color-taupe-deep);--cat-ground:var(--color-porcelain);--cat-rule:color-mix(in oklab, var(--color-navy) 16%, transparent);background:var(--color-porcelain);color:var(--cat-ink)}.scroll-lock{overflow:hidden}.site-header[data-tone=dark]{--cat-ink:var(--color-navy)}.menu-icon{border-block:1px solid;width:.9rem;height:.45rem;display:inline-block;position:relative}.menu-icon.is-close{border:0}.menu-icon.is-close:before,.menu-icon.is-close:after{content:"";background:currentColor;height:1px;position:absolute;inset:50% 0 auto;rotate:45deg}.menu-icon.is-close:after{rotate:-45deg}.link-draw{transition:background-size .45s var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0% 1px no-repeat}.link-draw:hover,.link-draw:focus-visible{background-size:100% 1px}.rg-grid{gap:11svh;display:grid}.rg-media{aspect-ratio:var(--ratio);background:var(--color-navy);position:relative;overflow:hidden}.rg-zoom img{object-fit:cover;width:100%;height:100%;transition:scale 1.2s var(--ease-out);position:absolute;inset:0}.rg-card:hover .rg-zoom img{scale:1.035}.rg-open:focus-visible{outline:2px solid var(--cat-accent);outline-offset:8px}@media (min-aspect-ratio:4/5){.rg-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:9svh 2vw}.rg-card{grid-column:var(--col);margin-top:var(--lift)}}.sheet,.menu{overscroll-behavior:contain;width:100%;max-width:none;height:100dvh;max-height:none;color:var(--cat-ink);border:0;margin:0;padding:0;position:fixed;inset:0;overflow-y:auto}.sheet,.sheet::backdrop,.menu::backdrop{background:0 0}.sheet-veil{background:var(--cat-ground);position:fixed;inset:0}.sheet-media{background:var(--color-navy);height:50svh;position:relative;overflow:hidden}.sheet-photo{opacity:0;position:absolute;inset:0}.sheet-photo.is-active{z-index:2;opacity:1}.sheet-photo.is-leaving{z-index:1;opacity:1}.sheet-close{top:calc((var(--header-h) - 2.45rem) / 2);right:var(--spacing-gutter);z-index:3;background:color-mix(in oklab, var(--cat-ground) 55%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed}.sheet-panel{padding:2.75rem var(--spacing-gutter) 3.5rem;background:var(--cat-ground);position:relative}.sheet-step span:last-child{transition:color .2s var(--ease-out)}@media (hover:hover) and (pointer:fine){.sheet-step:hover span:last-child{color:var(--cat-accent)}}@media (min-aspect-ratio:4/5){.sheet{overflow:hidden}.sheet-media{width:58%;height:auto;position:absolute;inset:0 auto 0 0}.sheet-panel{overscroll-behavior:contain;width:42%;padding:calc(var(--header-h) + 4svh) clamp(2rem, 3.6vw, 4.5rem) 4rem;position:absolute;inset:0 0 0 auto;overflow-y:auto}}.menu{background:var(--cat-ground)}.menu-model{color:var(--cat-soft);transition:color .3s var(--ease-out)}.menu-model>.cat-name{transition:translate .5s var(--ease-out)}.menu-model[data-pointed]{color:var(--cat-ink)}.menu-model[data-pointed]>.cat-name{translate:.6rem}.menu-preview{opacity:0;transition:opacity .6s var(--ease-out), scale 1.2s var(--ease-out);scale:1.08}.menu-preview.is-pointed{opacity:1;scale:1}.bespoke{--cat-ground:var(--color-navy)}.scheme-swatch{aspect-ratio:1;background:conic-gradient(from -90deg, var(--hull) 0 50%, var(--upholstery) 0 75%, var(--furniture) 0);width:2.75rem;box-shadow:0 0 0 1px color-mix(in oklab, var(--cat-ink) 22%, transparent);cursor:pointer;transition:box-shadow .3s var(--ease-out);border-radius:999px;display:block}.scheme-swatch:has(:checked){box-shadow:0 0 0 3px var(--cat-ground), 0 0 0 4px var(--cat-ink)}.scheme-swatch:has(:focus-visible){outline:2px solid var(--cat-accent);outline-offset:6px}.scheme-dot{aspect-ratio:1;width:.625rem;box-shadow:0 0 0 1px color-mix(in oklab, var(--cat-ink) 22%, transparent);border-radius:999px}.bespoke-shot{opacity:0;transition:opacity .7s var(--ease-out)}.bespoke-shot.is-shown{opacity:1}.yard-row{margin-inline:calc(var(--spacing-gutter) * -1);padding-inline:var(--spacing-gutter);scroll-snap-type:x mandatory;scrollbar-width:none;gap:1rem;display:flex;overflow-x:auto}.yard-item{scroll-snap-align:start;flex:0 0 74vw;margin:0}.yard-frame{aspect-ratio:4/5;background:var(--color-navy);position:relative;overflow:hidden}.yard-film :is(img,video){object-position:var(--focus,50% 60%)}.yard-grade{pointer-events:none;background:linear-gradient(to top, color-mix(in oklab, var(--color-navy-deep) 55%, transparent), transparent 45%), color-mix(in oklab, var(--color-navy) 22%, transparent);position:absolute;inset:0}@media (min-aspect-ratio:4/5){.yard-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:2vw;margin-inline:0;padding-inline:0;display:grid;overflow:visible}.yard-frame{aspect-ratio:3/4}.yard-item:nth-child(2){margin-top:12svh}}.split-line-mask{margin-bottom:-.14em;padding-bottom:.14em}.opening-mask{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:hidden}.tour-stage{background:var(--color-navy-deep);position:absolute;inset:0;overflow:hidden}.tour-photo{opacity:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.tour-photo.is-active{z-index:2;opacity:1;pointer-events:auto}.tour-photo.is-leaving{z-index:1;opacity:1}.tour-shade{z-index:3;pointer-events:none;background:linear-gradient(to top, color-mix(in oklab, var(--color-navy-deep) 82%, transparent) 0%, color-mix(in oklab, var(--color-navy-deep) 40%, transparent) 32%, transparent 58%), linear-gradient(to bottom, color-mix(in oklab, var(--color-navy-deep) 55%, transparent), transparent 22%);position:absolute;inset:0}.tour-hud{z-index:4;pointer-events:none;flex-direction:column-reverse;gap:1.75rem;padding-bottom:6svh;display:flex;position:absolute;inset:auto 0 0}.tour-index{pointer-events:auto;gap:.375rem;display:flex}.tour-index-item{height:1.5rem;color:color-mix(in oklab, var(--color-porcelain) 45%, transparent);cursor:pointer;transition:color .4s var(--ease-out);flex:1;position:relative}.tour-index-item:before{content:"";background:color-mix(in oklab, var(--color-porcelain) 22%, transparent);height:2px;transition:background-color .4s var(--ease-out), transform .6s var(--ease-out);position:absolute;inset:50% 0 auto}.tour-index-item[data-past]:before{background:color-mix(in oklab, var(--color-porcelain) 60%, transparent)}.tour-index-item[aria-current]:before{background:var(--color-taupe)}.tour-index-item:hover{color:color-mix(in oklab, var(--color-porcelain) 80%, transparent)}.tour-index-item[aria-current]{color:var(--color-porcelain)}.tour-index-item:focus-visible{outline:2px solid var(--color-taupe);outline-offset:2px}.tour-index-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tour-mask{margin-bottom:-.12em;padding-bottom:.12em;display:block;overflow:hidden}@media (min-aspect-ratio:4/5){.tour-hud{flex-direction:row;justify-content:space-between;align-items:flex-end}.tour-index{flex-direction:column;align-items:flex-end;gap:.9rem}.tour-index-item{flex:none;align-items:center;gap:.9rem;height:auto;display:flex}.tour-index-item:before{transform-origin:100%;width:1.75rem;height:1px;position:static;transform:scaleX(0)}.tour-index-item[data-past]:before{background:color-mix(in oklab, var(--color-porcelain) 22%, transparent)}.tour-index-item[aria-current]:before{transform:scaleX(1)}.tour-index-name{clip-path:none;width:auto;height:auto;position:static;overflow:visible}}.ld{--ld-w:min(64vw, 30rem);z-index:55;pointer-events:none;animation:0s linear 7s forwards intro-failsafe;position:fixed;inset:0}.ld-curtain{background:var(--color-navy-deep);pointer-events:auto;position:absolute;inset:0}.ld-logo{width:var(--ld-w);margin:calc(var(--ld-w) * -.1812) 0 0 calc(var(--ld-w) / -2);opacity:0;animation:ld-logo-in .6s var(--ease-out) .6s forwards, ld-logo-breathe 1.6s ease-in-out 1.2s infinite alternate;position:absolute;top:50%;left:50%}.ld path{fill:var(--color-porcelain)}.ld :is(.ld-diamond,.ld-rule-left,.ld-rule-right) path{fill:var(--color-taupe)}.ld .ld-emblem path{stroke:var(--color-porcelain);stroke-opacity:0}html[data-loading] .showroom .site-header .logo-swap{visibility:hidden}html[data-loading] .showroom .site-header>nav>:not(.logo-swap),html[data-loading] .showroom .site-header:before{opacity:0}.showroom .site-header>nav>:not(.logo-swap){transition:opacity .5s var(--ease-out)}@media (prefers-reduced-motion:reduce){.ld{display:none}}@keyframes ld-logo-in{to{opacity:1}}@keyframes ld-logo-breathe{0%{opacity:1}to{opacity:.55}}.cat .site-header{transition:color .2s var(--ease-out), background-color .35s var(--ease-out), box-shadow .35s var(--ease-out)}.cat .site-header[data-solid]{background-color:var(--color-navy-deep);box-shadow:0 1px 0 var(--cat-rule)}.cat .site-header[data-solid]:before{opacity:0}}
