@font-face {
  font-family: Outfit;
  src: url("outfit-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --pc-font: Outfit, Inter, "Segoe UI", system-ui, sans-serif;
  --pc-display: var(--pc-font);
  --pc-night: #0f172a;
  --pc-blue: #2563eb;
  --pc-orange: #f97316;
  --pc-green: #10b981;
  --pc-ink: #0f172a;
  --pc-soft: #506077;
  --pc-paper: #fff;
  --pc-panel: #fff;
  --pc-tint: #f2f6fb;
  --pc-quiet: #e7eef9;
  --pc-accent-text: #1e54ce;
  --pc-shadow: 0 14px 40px -20px rgba(27,54,99,.27);
  --pc-gutter: clamp(20px, 5vw, 86px);
}
.unused-showroom-dark {
  --pc-ink: #f2f6ff;
  --pc-soft: #b3c2d9;
  --pc-paper: #101b30;
  --pc-panel: #1b2940;
  --pc-tint: #17253c;
  --pc-quiet: #293b57;
  --pc-accent-text: #9fc2ff;
  --pc-shadow: 0 15px 42px -16px rgba(0,0,0,.48);
}


.pc-site { background: var(--pc-paper); color: var(--pc-ink); font: 400 16px/1.5 var(--pc-font); }
.pc-wrap { width: min(calc(100% - 2 * var(--pc-gutter)), 1440px); margin-inline: auto; }
.pc-site :focus-visible, .pc-mobile-sheet :focus-visible { outline: 3px solid #fb923c; outline-offset: 3px; }
.pc-skip { position: fixed; top: -80px; left: 14px; z-index: 100; background: var(--pc-panel); padding: 12px 18px; border-radius: 14px; }
.pc-skip:focus { top: 9px; }
.pc-header { position: sticky; top: 0; z-index: 35; background: var(--pc-panel); box-shadow: 0 4px 18px -15px #152c55a6; }
.pc-navbar, .pc-nav-actions, .pc-desktop-nav, .pc-brand, .pc-action, .pc-text-link, .pc-hero-secondary { display: flex; align-items: center; }
.pc-navbar { min-height: 74px; justify-content: space-between; gap: 20px; }
.pc-brand { gap: 8px; white-space: nowrap; color: var(--pc-ink); font: italic 850 21px/1 var(--pc-font); letter-spacing: -.055em; }
.pc-brand svg { color: var(--pc-blue); }
.pc-brand b { color: var(--pc-accent-text); font-weight: 680; }
.pc-desktop-nav { gap: clamp(15px, 2vw, 34px); font-size: 14px; font-weight: 550; }
.pc-desktop-nav a { padding-block: 16px; }
.pc-desktop-nav a:hover, .pc-text-link:hover { color: var(--pc-accent-text); }
.pc-nav-actions { gap: 10px; }
.pc-action { width: fit-content; justify-content: center; gap: 12px; min-height: 48px; padding: 11px 23px; border-radius: 999px; background: var(--pc-blue); color: #fff; font: 620 15px/1.25 var(--pc-font); box-shadow: 0 6px 18px -10px #194ac8; transition: background .16s, transform .16s; }
.pc-action:hover { background: #184fc9; transform: translateY(-1px); }
.pc-action svg, .pc-text-link svg { flex-shrink: 0; }
.pc-nav-quote { min-height: 40px; font-size: 13px; padding: 9px 17px; }
.pc-menu-trigger { display: none; width: 40px; height: 44px; align-items: center; justify-content: center; }
.pc-mobile-sheet { background: var(--pc-panel); color: var(--pc-ink); border-radius: 22px 0 0 22px; }
.pc-menu-title { font: 760 20px var(--pc-font); }
.pc-mobile-nav { display: grid; gap: 4px; margin-top: 24px; }
.pc-mobile-nav a { display: flex; align-items: center; justify-content: space-between; padding: 12px; border-radius: 12px; }
.pc-mobile-nav a:hover { background: var(--pc-tint); }
.pc-kicker, .pc-card-label { font: 650 12px/1.3 var(--pc-font); color: var(--pc-accent-text); letter-spacing: .09em; text-transform: uppercase; }
.pc-kicker { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.pc-kicker i { height: 8px; width: 8px; border-radius: 50%; background: var(--pc-green); }
.pc-section-title { font: 700 clamp(36px, 3.6vw, 62px)/1.02 var(--pc-display); letter-spacing: -.047em; }
.pc-section-title span { color: var(--pc-orange); }
.pc-hero { position: relative; isolation: isolate; overflow: hidden; color: #fff; background: #132239; }
.pc-hero-visual, .pc-hero-visual::after { position: absolute; inset: 0; z-index: -1; }
.pc-hero-visual img { height: 100%; width: 100%; object-fit: cover; object-position: center 51%; }
.pc-hero-visual img.hero-hoop { transform: scaleX(-1); object-position: 50% 51%; }
.pc-hero-visual::after { z-index: 1; content: ""; background: linear-gradient(90deg, rgba(10,23,44,.84), rgba(10,23,44,.69) 34%, rgba(10,23,44,.18) 65%, transparent 86%), linear-gradient(0deg,rgba(9,21,37,.28),transparent 28%); }
.pc-hero-inner { min-height: clamp(560px, 43vw, 730px); display: flex; align-items: center; position: relative; }
.pc-hero-copy { padding: clamp(56px, 5vw, 90px) 0; width: min(790px, 65%); }
.pc-hero .pc-hero-kicker { color: #fff; margin-bottom: 18px; }
.pc-hero-kicker i { background: #69e0b7; }
.pc-hero h1 { font: 800 clamp(60px, 6.75vw, 110px)/.90 var(--pc-display); letter-spacing: -.06em; text-transform: uppercase; }
.pc-hero h1 span { display: block; width: fit-content; }
.pc-hero h1 span:last-child { color: #ffad63; }
.pc-hero-sub { max-width: 570px; margin-top: 21px; font: 540 clamp(18px, 1.4vw, 23px)/1.34 var(--pc-font); }
.pc-hero-lifestyle { max-width: 555px; margin-top: 8px; color: #e2e9f4; font-size: 14px; }
.pc-hero-lifestyle strong { color: #fff; font-weight: 620; }
.pc-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 25px; }
.pc-hero-secondary { width: fit-content; gap: 8px; min-height: 46px; color: white; font-size: 15px; font-weight: 600; }
.pc-hero-secondary:hover { text-decoration: underline; text-underline-offset: 5px; }
.pc-photo-caption { position: absolute; bottom: 24px; right: 0; display: flex; align-items: center; gap: 12px; }
.pc-photo-label, .pc-photo-controls { background: rgba(14,28,51,.79); color: #fff; backdrop-filter: blur(8px); border-radius: 999px; }
.pc-photo-label { padding: 9px 14px; font-size: 12px; }
.pc-photo-controls { display: flex; align-items: center; gap: 2px; font-size: 12px; }
.pc-photo-controls button { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; }
.pc-photo-controls button:hover { background: #ffffff29; }
.pc-highlights { background: var(--pc-panel); box-shadow: 0 12px 35px -28px #3551807a; }
.pc-highlights .pc-wrap { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; padding-block: 24px; }
.pc-highlight { display: flex; align-items: center; gap: 13px; }
.pc-highlight-icon { display: grid; place-items: center; width: 46px; height: 46px; flex: 0 0 46px; border-radius: 16px; color: #2563eb; background: #eaf1ff; }
.pc-highlight:nth-child(2) .pc-highlight-icon { color: #047857; background: #ddf8ec; }
.pc-highlight:nth-child(3) .pc-highlight-icon { color: #bd5010; background: #fff0e2; }
.pc-highlight strong { font-size: clamp(15px, 1.2vw, 20px); font-weight: 650; }
.pc-highlight p { color: var(--pc-soft); font-size: 13px; }
.pc-section-heading, .studio-heading { display: flex; gap: 20px; align-items: end; justify-content: space-between; margin-bottom: 23px; }
.pc-text-link { gap: 7px; width: fit-content; padding-block: 6px; color: var(--pc-accent-text); font-size: 14px; font-weight: 600; }
.pc-catalog, .pc-projects, .pc-faq, .pc-standards, .studio { padding-block: clamp(46px, 5vw, 90px); }
.studio-heading > p, .pc-section-intro { max-width: 620px; color: var(--pc-soft); }
.studio-heading > p { padding-bottom: 4px; }
.studio-body { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(340px,1fr); border-radius: 28px; overflow: hidden; background: var(--pc-panel); box-shadow: 0 16px 64px -18px rgba(34,62,103,.25); }
.studio-stage { position: relative; min-height: 490px; display: flex; align-items: center; justify-content: center; background: linear-gradient(145deg,#e1eef1,#c7ddd9 61%,#b6d0c7); }
.studio-view-label, .studio-dimension { position: absolute; display: flex; align-items: center; gap: 8px; color: #234a48; left: 23px; font-size: 13px; font-weight: 590; }
.studio-view-label { top: 18px; }
.studio-key { position: absolute; top: 18px; right: 20px; display: flex; gap: 10px; color: #234a48; font-size: 12px; }
.studio-key span { display: flex; align-items: center; gap: 4px; }
.studio-key span::before { content: ""; width: 14px; height: 3px; background: white; box-shadow: 0 1px 2px #224c4c55; }
.studio-key span + span::before { background: #ffdb7c; }
.studio-dimension { bottom: 16px; padding: 7px 12px; border-radius: 999px; background: #ffffffd9; }
.studio-dimension small { font-size: inherit; font-weight: 400; }
.studio-plan { display: block; width: 82%; height: 72%; max-height: 395px; filter: drop-shadow(0 14px 12px #224c4c46); }
.studio-controls { display: grid; align-content: center; padding: clamp(22px, 2.4vw, 39px); gap: 20px; }
.studio-controls fieldset { min-width: 0; }
.studio-controls legend { margin-bottom: 9px; font: 640 16px/1.2 var(--pc-font); }
.studio-sports { display: flex; flex-wrap: wrap; gap: 5px; }
.studio-sports button { padding: 8px 12px; border-radius: 999px; font-size: 13px; font-weight: 530; color: var(--pc-soft); background: var(--pc-tint); }
.studio-sports button[aria-pressed="true"] { color: #fff; background: var(--pc-blue); }
.studio-zones { display: grid; gap: 5px; }
.studio-zones button { display: flex; align-items: center; gap: 10px; padding: 8px 12px; min-height: 39px; border-radius: 12px; font-size: 14px; background: var(--pc-tint); text-align: left; }
.studio-zones button[aria-pressed="true"] { box-shadow: inset 0 0 0 2px var(--pc-blue); }
.studio-zones i, .quote-design i { width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0; }
.studio-zones small { margin-left: auto; color: var(--pc-soft); font-size: 12px; }
.studio-palette { display: flex; flex-wrap: wrap; gap: 2px; }
.studio-palette button { width: 34px; height: 36px; display: grid; place-items: center; border-radius: 50%; }
.studio-palette span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; color: #fff; }
.studio-palette button[aria-pressed="true"] span { outline: 2px solid var(--pc-ink); outline-offset: 2px; }
.studio-cta { width: 100%; border-radius: 16px; text-align: center; }
.pc-standards { background: var(--pc-tint); }
.pc-section-intro { margin-top: 13px; }
.pc-badges { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 14px; margin-top: 25px; }
.pc-badges li { display: grid; align-content: start; padding: clamp(15px,1.6vw,25px); border-radius: 18px; background: var(--pc-panel); box-shadow: var(--pc-shadow); }
.pc-badges b { font: 700 clamp(19px,2.1vw,34px)/1.1 var(--pc-font); letter-spacing: -.04em; color: var(--pc-accent-text); margin-bottom: 10px; }
.pc-badges strong { font-size: 14px; }
.pc-badges span { color: var(--pc-soft); font-size: 13px; margin-top: 4px; }
.pc-project-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 24px; }
.pc-project-grid figure { background: var(--pc-panel); border-radius: 22px; overflow: hidden; box-shadow: var(--pc-shadow); }
.pc-project-grid img { width: 100%; aspect-ratio: 2; object-fit: cover; }
.pc-project-grid figcaption { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 16px 20px; font-weight: 630; }
.pc-project-grid figcaption span { color: var(--pc-soft); font-weight: 450; font-size: 13px; }
.pc-faq { display: grid; grid-template-columns: .8fr 1.2fr; gap: 28px; padding-top: 24px; }
.pc-faq details { border-radius: 15px; margin-bottom: 8px; background: var(--pc-tint); }
.pc-faq summary { cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 19px; font-weight: 600; list-style: none; }
.pc-faq summary::-webkit-details-marker { display: none; }
.pc-faq summary svg { flex: 0 0 auto; }
.pc-faq details[open] summary svg { transform: rotate(45deg); }
.pc-faq details p { padding: 0 20px 18px; color: var(--pc-soft); }
.pc-quote { padding-block: clamp(38px,4.5vw,76px); color: #fff; background: #122952; }
.pc-quote-inner { display: flex; justify-content: space-between; align-items: center; gap: 28px; }
.pc-quote p { color: #dce9ff; }
.pc-quote .pc-section-title { margin-bottom: 12px; }
.pc-email { display: grid; gap: 8px; flex-shrink: 0; }
.pc-email span { font-size: 13px; color: #dce9ff; }
.quote-full-text { max-width: 280px; }
.quote-full-text summary { cursor: pointer; color: #dce9ff; font-size: 13px; }
.quote-full-text textarea { width: 100%; height: 105px; margin-top: 7px; padding: 10px; border-radius: 12px; background: #fff; color: #0f172a; font-size: 13px; }
.quote-design { margin-top: 18px; padding: 16px; background: #213a64; border-radius: 16px; }
.quote-design > div { display: flex; flex-wrap: wrap; gap: 7px 14px; margin-block: 9px; }
.quote-design span { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; }
.quote-design i { width: 13px; height: 13px; box-shadow: 0 0 0 1px #ffffff65; }
.quote-design a { color: #cce0ff; text-decoration: underline; text-underline-offset: 3px; font-size: 13px; }
.pc-footer { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding-block: 25px; }
.pc-footer > span { color: var(--pc-soft); font-size: 14px; }
@media(max-width:1100px) {
  .pc-desktop-nav { display: none; }
  .pc-menu-trigger { display: flex; }
  .pc-nav-actions { gap: 4px; }
  .pc-badges { grid-template-columns: repeat(3,1fr); }
  .studio-body { grid-template-columns: minmax(0,1.15fr) minmax(295px,1fr); }
}
@media(max-width:760px) {
  html { scroll-padding-top: 72px; }
  .pc-navbar { min-height: 62px; gap: 6px; }
  .pc-brand { gap: 4px; font-size: 16px; }
  .pc-brand svg { width: 28px; height: 24px; }
  .pc-nav-quote { min-height: 36px; padding: 8px 11px; font-size: 12px; gap: 4px; }
  .pc-nav-quote svg { display: none; }
  .pc-menu-trigger, .pc-nav-actions > .ghost { width: 33px; }
  .pc-nav-actions { gap: 0; }
  .pc-hero-inner { min-height: clamp(515px,70svh,630px); }
  .pc-hero-copy { padding: 45px 0 84px; align-self: end; width: 100%; }
  .pc-hero-visual img { height: 78%; object-position: center 43%; }
  .pc-hero-visual::after { background: linear-gradient(180deg,rgba(9,24,45,.06),rgba(9,24,45,.25) 29%,rgba(13,27,48,.78) 53%,#132239 76%); }
  .pc-hero-visual img.hero-hoop { object-position: 31% 50%; }
  .pc-hero h1 { font-size: clamp(39px,9.9vw,72px); }
  .pc-hero-sub { font-size: 17px; max-width: 450px; }
  .pc-hero-lifestyle { font-size: 13px; max-width: 360px; }
  .pc-hero-actions { margin-top: 19px; gap: 10px 15px; }
  .pc-hero-actions .pc-action { padding: 10px 16px; min-height: 44px; }
  .pc-hero-secondary { font-size: 14px; }
  .pc-photo-caption { bottom: 14px; gap: 6px; }
  .pc-photo-label { font-size: 10px; }
  .pc-highlights .pc-wrap { grid-template-columns: 1fr; gap: 13px; padding-block: 18px; }
  .pc-highlight-icon { width: 36px; height: 36px; flex-basis: 36px; border-radius: 12px; }
  .pc-highlight-icon svg { width: 19px; }
  .pc-highlight p { font-size: 12px; }
  .pc-section-heading, .studio-heading { align-items: start; flex-direction: column; gap: 10px; }
  .studio-body { grid-template-columns: 1fr; border-radius: 21px; }
  .studio-stage { min-height: 0; height: clamp(280px,82vw,420px); }
  .studio-plan { height: 72%; }
  .studio-controls { padding: 19px; }
  .pc-badges { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; }
  .pc-project-grid, .pc-faq { grid-template-columns: 1fr; }
  .pc-project-grid figcaption { padding: 12px 15px; }
  .pc-quote-inner { align-items: start; flex-direction: column; }
}
@media(max-width:380px) {
  .pc-navbar .pc-brand { font-size: 14px; }
  .pc-navbar .pc-brand svg { width: 23px; }
  .pc-footer { align-items: start; flex-direction: column; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  .pc-site *, .pc-mobile-sheet { transition-duration: 0s !important; animation-duration: 0s !important; }
}