/* ============================================================================
   PRISTINE JEWELERS NY — home page styles.
   Tokens, colours, fonts and asset paths are Pristine's; the structural rules
   below the token block drive the home-page modules.
   ============================================================================ */

/* FONTS — all open-licence (OFL), one variable from another swap (change --face-* only):
   Instrument Serif (OFL) · Instrument Sans (OFL) · Geist Mono (OFL) · Nimbus Roman (GPL+exception). */

@font-face{ font-family: "Instrument Serif"; src: url("./assets/fonts/InstrumentSerif-normal-400.woff2") format("woff2"); font-display: block; font-weight: 400; font-style: normal; }
@font-face{ font-family: "Instrument Serif"; src: url("./assets/fonts/InstrumentSerif-italic-400.woff2") format("woff2"); font-display: block; font-weight: 400; font-style: italic; }
@font-face{ font-family: "Instrument Sans"; src: url("./assets/fonts/InstrumentSans-normal-400-700.woff2") format("woff2"); font-display: swap; font-weight: 300 700; font-style: normal; }
@font-face{ font-family: "Instrument Sans"; src: url("./assets/fonts/InstrumentSans-italic-400-700.woff2") format("woff2"); font-display: swap; font-weight: 300 700; font-style: italic; }
@font-face{ font-family: "Geist Mono"; src: url("./assets/fonts/GeistMono-normal-100-900.woff2") format("woff2"); font-display: swap; font-weight: 100 900; font-style: normal; }
@font-face{ font-family: nimbus; src: url("./assets/fonts/NimbusRomNo9L_Reg-s.p.0x7egs4f8_p_l.woff2") format("woff2"); font-display: optional; font-weight: 400; font-style: normal; }
@font-face{ font-family: nimbus; src: url("./assets/fonts/NimbusRomNo9L_RegIta-s.p.0_s2_1e7hxq25.woff2") format("woff2"); font-display: optional; font-weight: 400; font-style: italic; }
@font-face{ font-family: nimbus; src: url("./assets/fonts/NimbusRomNo9L_Med-s.p.0n8yqm-qi.e0_.woff2") format("woff2"); font-display: optional; font-weight: 500; font-style: normal; }
@font-face{ font-family: nimbus; src: url("./assets/fonts/NimbusRomNo9L_MedIta-s.p.0w9trbchrda34.woff2") format("woff2"); font-display: optional; font-weight: 500; font-style: italic; }

:root{
  /* --- swap points (one variable per role) --- */
  --face-display: "Instrument Serif";      /* was psTimes */
  --face-sans: "Instrument Sans";          /* was dieGroteskA */
  --face-sans-display: "Instrument Sans";  /* was dieGroteskC */
  --face-serif: nimbus;                    /* kept */
  --face-mono: "Geist Mono";               /* was abcSimonMono (trial) */
  --font-ps-times: var(--face-display), "Times New Roman", Times, Georgia, serif;
  --font-die-grotesk-a: var(--face-sans), system-ui, sans-serif;
  --font-die-grotesk-c: var(--face-sans-display), system-ui, sans-serif;
  --font-nimbus: var(--face-serif), "Times New Roman", Times, serif;
  --font-corfe: var(--face-display), "Times New Roman", Times, serif; /* Corfe not used on home */
  --font-abc-simon-mono: var(--face-mono), ui-monospace, monospace;

  /* --- Pristine tokens (design-spec.md §3 / BEHAVIOR.md §9) --- */
  --bg: #000000;
  --surface-1: #0B0B0C;
  --surface-2: #141416;
  --bg-cream: #F1EDE4;
  --bg-cream-2: #EDE7DF;
  --fg: #FFFFFF;
  --fg-muted: #B5B2AA;
  --fg-dark: #0B0B0C;
  --champagne: #C9A66B;
  --champagne-2: #B99154;
  --blue: #3FB8E6;
  --blue-deep: #0C2A3A;
  --red-pristine: #C24A3E;
  --border-hair: rgba(255,255,255,0.16);
  --border-gold: rgba(201,166,107,0.55);
  --champagne-tint: #383127; /* champagne 20% over surface-2 (annotation A, inquiry step 2) */
}
*, ::before, ::after{ box-sizing: border-box; }
*{ border: 0px; margin: 0px; padding: 0px; }
*, body{ font: inherit; vertical-align: baseline; }
img, picture, video, canvas, svg{ max-width: 100%; display: block; }
ol, ul{ list-style: none; }
input, button, textarea, select{ font: inherit; }
textarea{ white-space: revert; }
blockquote, q{ quotes: none; }
blockquote::before, blockquote::after, q::before, q::after{ content: none; }
table{ border-collapse: collapse; border-spacing: 0px; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block; }
:root{ --color-black: var(--bg); --color-ink: var(--fg); --color-ink-10: rgba(255,255,255,.1); --color-ink-20: var(--border-hair); --color-ink-30: rgba(255,255,255,.3); --color-ink-40: var(--fg-muted); --color-ink-60: rgba(255,255,255,.6); --color-default-grey: var(--surface-1); --color-soft-grey: var(--surface-2); --color-light-grey: var(--surface-2); --color-pale-grey: var(--surface-2); --color-white: var(--bg); --color-white-10: rgba(0,0,0,.1); --color-white-40: rgba(255,255,255,.4); --color-white-60: rgba(255,255,255,.6); --color-white-70: rgba(0,0,0,.7); --color-white-80: rgba(0,0,0,.8); --core-accent: var(--blue-deep); --color-background-primary: var(--color-white); --color-background-inverse: var(--color-ink); --color-text-primary: var(--color-ink); --color-text-secondary: var(--color-ink-40); --color-text-inverse: var(--color-white); --color-border-primary: var(--color-ink); --color-border-secondary: var(--color-ink-20); --yellow: var(--champagne); --purple: var(--champagne-tint); --tan: var(--blue-deep); --green: var(--champagne-2); --red: var(--red-pristine); --panel-tan: var(--bg-cream); --panel-mint: var(--champagne-2); --inquire-blue: var(--blue-deep); --color-404-blue: #2b3eb1; --accent-green: var(--blue); --color-mint-success: var(--champagne); --color-mint-success-text: #1a2f28; --color-red-failure: var(--red-pristine); --color-olive: #807d4a; --color-moss: #70946f; --color-tan-paper: #bfb095; --color-pink-annotation: var(--champagne-tint); --color-yellow-cream: var(--champagne); --color-yellow-tape: var(--champagne); --color-tag-new: var(--blue); --color-tag-in-progress: #fff600; --color-inquire-glow: rgba(201,166,107,.6); --unit-1: .125rem; --unit-2: .25rem; --unit-3: .5rem; --unit-4: .75rem; --unit-5: 1rem; --unit-6: 1.25rem; --unit-7: 1.5rem; --unit-8: 2rem; --unit-9: 3rem; --unit-10: 3.5rem; --unit-11: 4rem; --unit-12: 4.5rem; --unit-13: 6rem; --unit-14: 7rem; --unit-15: 8rem; --unit-16: 10rem; --unit-17: 12rem; --page-padding-top: 80px; --page-padding-bottom: var(--unit-14); --page-section-inset-x: var(--unit-5); --page-section-inset-x-wide: 10vw; --page-section-inset-x-wide-tablet: 8vw; --content-chrome-top: 60px; --content-chrome-inline: 12px; --content-chrome-bottom: 120px; --drawer-width: 480px; --drawer-mobile-reveal: 50px; --border-default: 1px solid currentColor; --border-radius-1: 4px; --border-radius-2: 6px; --border-radius-3: 8px; --border-radius-4: 12px; --border-radius-5: 16px; --border-radius-6: 24px; --border-radius-7: 32px; --border-radius-8: 99px; --border-radius-circle: 50%; --drop-shadow-1: 4px 4px 8px 0 var(--color-ink-20); --drop-shadow-2: 0 12px 40px var(--color-ink-10); --drop-shadow-3: -4px 4px 4px 0 var(--color-ink-20); --drop-shadow-4: 2px 3px 3px var(--color-ink-20); --drop-shadow-5: 12px 16px 6px var(--color-ink-20); --drop-shadow-6: 4px 6px 18px 8px var(--color-ink-10); --shadow-inset-1: 6px 6px 6px 0 var(--color-ink-10) inset, -6px -6px 8px 0 var(--color-ink-20) inset, 4px 2px 4px 0 var(--color-white-80) inset; --shadow-inset-2: inset 0 2px 4px 0 var(--color-ink-10), inset 0 4px 8px 0 var(--color-ink-10); --shadow-inset-3: inset 2px 3px 4px var(--color-ink-40); --shadow-inset-glass: inset -6px -6px 4px var(--color-ink-20), inset 2px 2px 4px var(--color-ink-10), inset 6px 6px 10px var(--color-white-70); --shadow-inset-glass-reverse: inset 6px 6px 4px var(--color-ink-20), inset -2px -2px 4px var(--color-ink-10), inset -6px -6px 10px var(--color-white-70); --cursor-play: url(./assets/svg/cursor_play.svg) 20 20, pointer; --cursor-ltr: url(./assets/svg/cursor_ltr.svg) 20 20, ns-resize; --filter-panel-width: 600px; --container-h-fill: -webkit-fill-available; --container-w-narrow: calc(8px * 72); --container-max: var(--container-w-narrow); --container-padding: var(--unit-8); --mobile-breakpoint: 900px; --tablet-breakpoint: 1280px; --desktop-breakpoint: 1024px; --desktop-breakpoint-md: 1400px; --desktop-breakpoint-lg: 1600px; }
html{ font-size: var(--base-font-size,16px); -webkit-font-smoothing: antialiased; scrollbar-width: none; }
a[x-apple-data-detectors]{ color: inherit !important; font: inherit !important; letter-spacing: inherit !important; text-decoration: none !important; }
a[x-apple-data-detectors]::after{ content: none; }
html::-webkit-scrollbar{ width: 0px; height: 0px; display: none; }
input:-webkit-autofill{ -webkit-text-fill-color: inherit; caret-color: inherit; transition: background-color 600000s, color 600000s; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1000px inset; }
input:-webkit-autofill:hover{ -webkit-text-fill-color: inherit; caret-color: inherit; transition: background-color 600000s, color 600000s; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1000px inset; }
input:-webkit-autofill:focus{ -webkit-text-fill-color: inherit; caret-color: inherit; transition: background-color 600000s, color 600000s; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1000px inset; }
input:-webkit-autofill:active{ -webkit-text-fill-color: inherit; caret-color: inherit; transition: background-color 600000s, color 600000s; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1000px inset; }
textarea:-webkit-autofill{ -webkit-text-fill-color: inherit; caret-color: inherit; transition: background-color 600000s, color 600000s; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1000px inset; }
textarea:-webkit-autofill:hover{ -webkit-text-fill-color: inherit; caret-color: inherit; transition: background-color 600000s, color 600000s; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1000px inset; }
textarea:-webkit-autofill:focus{ -webkit-text-fill-color: inherit; caret-color: inherit; transition: background-color 600000s, color 600000s; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1000px inset; }
textarea:-webkit-autofill:active{ -webkit-text-fill-color: inherit; caret-color: inherit; transition: background-color 600000s, color 600000s; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1000px inset; }
select:-webkit-autofill{ -webkit-text-fill-color: inherit; caret-color: inherit; transition: background-color 600000s, color 600000s; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1000px inset; }
select:-webkit-autofill:hover{ -webkit-text-fill-color: inherit; caret-color: inherit; transition: background-color 600000s, color 600000s; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1000px inset; }
select:-webkit-autofill:focus{ -webkit-text-fill-color: inherit; caret-color: inherit; transition: background-color 600000s, color 600000s; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1000px inset; }
select:-webkit-autofill:active{ -webkit-text-fill-color: inherit; caret-color: inherit; transition: background-color 600000s, color 600000s; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1000px inset; }
:is(){ filter: none; -webkit-text-fill-color: inherit; caret-color: inherit; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1000px inset; }
html, body{ height: 100dvh; margin: 0px; padding: 0px; overflow: hidden; }
body.not-found-page{ background: var(--color-404-blue); }
body.filters-open{ overflow: hidden; }
@media (max-width: 1023px){:root{ --drawer-width: 360px; }}
@media (max-width: 768px){:root{ --page-section-inset-x: var(--unit-3); --drawer-width: calc(100vw - var(--drawer-mobile-reveal)); }}
@container content (max-width: 768px){.home-view{ --page-section-inset-x: var(--unit-3); }}
:root{ --font-default: var(--font-die-grotesk-a), system-ui, sans-serif; --font-sans-display: var(--font-die-grotesk-c), system-ui, sans-serif; --font-display: var(--font-ps-times), "Times New Roman", "Times", Georgia, serif; --font-display-features: "calt" on, "liga" on, "dlig" on, "ss01" on, "ss11" on, "ss10" off; --font-display-ligatures: contextual common-ligatures discretionary-ligatures; --font-serif: var(--font-nimbus), "Times New Roman", Times, serif; --font-body: var(--font-serif); --font-accent: var(--font-corfe), "Times New Roman", Times, serif; --font-accent-features: "swsh" on; --font-mono: var(--font-abc-simon-mono), ui-monospace, monospace; --font-size-1: 9px; --font-size-2: 10px; --font-size-3: 11px; --font-size-4: 12px; --font-size-5: 14px; --font-size-6: clamp(15px, 1.4vw, 20px); --font-size-7: clamp(24px, 2.5vw, 32px); --font-size-8: clamp(32px, 3vw, 40px); --font-size-9: clamp(34px, 4vw, 48px); --font-size-10: clamp(48px, 6.5vw, 76px); --font-size-11: clamp(52px, 9vw, 112px); --font-size-12: clamp(150px, 12vw, 240px); --body-copy-line-height: 1.3; --body-copy-letter-spacing: -1%; --link-underline-thickness-body: 1px; --link-underline-gap-body: .1em; --link-underline-thickness-display: 2px; --link-underline-gap-display: .06em; --link-hover-color: var(--color-ink); --link-hover-duration: .22s; }
@media (max-width: 1200px){:root{ --font-size-12: clamp(76px, 12vw, 180px); }}
.content > *{ --font-size-6: clamp(15px, calc(var(--content-inline-size,100vw) * .014), 20px); --font-size-7: clamp(24px, calc(var(--content-inline-size,100vw) * .025), 32px); --font-size-8: clamp(32px, calc(var(--content-inline-size,100vw) * .03), 40px); --font-size-9: clamp(34px, calc(var(--content-inline-size,100vw) * .04), 48px); --font-size-10: clamp(48px, calc(var(--content-inline-size,100vw) * .065), 76px); --font-size-11: clamp(52px, calc(var(--content-inline-size,100vw) * .09), 112px); --font-size-12: clamp(150px, calc(var(--content-inline-size,100vw) * .12), 240px); }
@container content (max-width: 1200px){.content > *{ --font-size-12: clamp(76px, calc(var(--content-inline-size,100vw) * .12), 180px); }}
html, body{ background: var(--color-white); color: var(--color-ink); font-family: var(--font-body); -webkit-font-smoothing: antialiased; }
a{ width: fit-content; max-width: 100%; color: inherit; text-decoration: none; transition: color 0.2s; display: inline-block; position: relative; }
a::after{ content: ""; left: 0px; bottom: var(--link-underline-gap-body); width: 100%; height: var(--link-underline-thickness-body); transform-origin: 0px center; transition: transform var(--link-hover-duration) ease; pointer-events: none; background-color: currentcolor; position: absolute; transform: scaleX(0); }
a:hover, a:focus-visible{ color: var(--link-hover-color); }
a:hover::after, a:focus-visible::after{ transform: scale(1); }
:is(.display, .link-underline-display, h1, h2, h3) :where(a:not(.link-plain))::after, a.display:not(.link-plain)::after{ bottom: calc(-1 * var(--link-underline-gap-display)); height: var(--link-underline-thickness-display); }
@media (prefers-reduced-motion: reduce){a::after{ content: none; }a:hover, a:focus-visible{ text-decoration-line: underline; text-decoration-style: initial; text-decoration-color: initial; text-decoration-thickness: var(--link-underline-thickness-body); text-underline-offset: var(--link-underline-gap-body); }:is(.display, .link-underline-display, h1, h2, h3) :where(a:not(.link-plain)):hover, :is(.display, .link-underline-display, h1, h2, h3) :where(a:not(.link-plain)):focus-visible, a.display:not(.link-plain):hover, a.display:not(.link-plain):focus-visible{ text-decoration-thickness: var(--link-underline-thickness-display); text-underline-offset: var(--link-underline-gap-display); }}
a.link-plain::after, .link-plain::after{ content: none; }
a.link-plain:hover, a.link-plain:focus-visible, .link-plain:hover, .link-plain:focus-visible{ color: inherit; }
@media (prefers-reduced-motion: reduce){a.link-plain:hover, a.link-plain:focus-visible, .link-plain:hover, .link-plain:focus-visible{ text-decoration: none; }}
.link-inherit-hover{ --link-hover-color: inherit; }
h1{ font-family: var(--font-display); font-size: var(--font-size-11); letter-spacing: 0px; font-feature-settings: var(--font-display-features); font-variant-ligatures: var(--font-display-ligatures); color: var(--color-ink); font-weight: 400; line-height: 1; }
h2{ font-family: var(--font-display); font-size: var(--font-size-10); letter-spacing: 0px; font-feature-settings: var(--font-display-features); font-variant-ligatures: var(--font-display-ligatures); color: var(--color-ink); font-weight: 400; line-height: 1; }
h3{ font-family: var(--font-display); font-size: var(--font-size-9); letter-spacing: 0px; font-feature-settings: var(--font-display-features); font-variant-ligatures: var(--font-display-ligatures); color: var(--color-ink); font-weight: 400; line-height: 1.05; }
h4{ font-family: var(--font-sans-display); font-size: var(--font-size-7); color: var(--color-ink); font-weight: 500; line-height: 1.1; }
h5, h6{ font-family: var(--font-default); font-size: var(--font-size-6); color: var(--color-ink); font-weight: 500; line-height: 1.2; }
small{ font-size: var(--font-size-3); line-height: 1.2; }
strong, b{ font-weight: 500; }
em, i{ font-style: italic; }
blockquote{ font-family: var(--font-display); font-feature-settings: var(--font-display-features); font-variant-ligatures: var(--font-display-ligatures); color: var(--color-ink); quotes: none; font-weight: 400; line-height: 1; }
code, pre, kbd, samp{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.95em; }
.display-sans{ font-family: var(--font-sans-display); font-weight: 500; }
.body-small{ font-family: var(--font-default); font-size: var(--font-size-5); line-height: 1.2; }
.body-large{ font-family: var(--font-default); font-size: var(--font-size-6); line-height: 1.2; }
.eyebrow{ justify-content: center; align-items: center; gap: var(--unit-5); font-family: var(--font-default); font-size: var(--font-size-5); color: var(--color-ink); width: 100%; line-height: 1.2; display: inline-flex; }
.eyebrow-idx{ color: var(--color-ink-40); }
.display{ font-family: var(--font-display); font-size: var(--font-size-9); letter-spacing: 0px; font-feature-settings: var(--font-display-features); font-variant-ligatures: var(--font-display-ligatures); text-align: center; color: var(--color-ink); margin: 0px auto; font-weight: 350; line-height: 1; }
.tag{ padding: var(--unit-3) var(--unit-9); border: var(--border-default); border-radius: var(--border-radius-5); font-family: var(--font-default); font-size: var(--font-size-5); color: var(--color-ink); white-space: nowrap; justify-content: center; align-items: center; line-height: 1.2; display: inline-flex; }
.visually-hidden{ clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }
.content{ height: 100dvh; margin-left: 0px; padding: 60px 0px 120px; position: relative; overflow: hidden; container: content / inline-size; }
.content > *{ --page-section-inset-x-wide: calc(var(--content-inline-size,100vw) * .1); --page-section-inset-x-wide-tablet: calc(var(--content-inline-size,100vw) * .08); }
body.drawer-animating .content{ transition: margin-left 0.52s cubic-bezier(0.55, 0.085, 0.675, 0.19); }
body.drawer-open .content{ margin-left: var(--drawer-width); }
body.drawer-page-closing .content{ margin-left: var(--drawer-width); transition: none; }
body.not-found-page .content{ height: auto; min-height: 100dvh; padding: 0px; overflow: visible; }
.home-view{ scrollbar-width: none; position: absolute; inset: 0px; overflow: hidden auto; }
#contentRoot:not([data-page-entered]) .home-view > *{ opacity: 0; }
@media (prefers-reduced-motion: reduce){body.drawer-animating .content{ transition: none; }#contentRoot:not([data-page-entered]) .home-view > *{ opacity: 1; }#contentRoot:not([data-page-entered]) [data-page-enter-cover]{ display: none; }}
body.not-found-page [data-page-enter-cover]{ display: none !important; }
.home-view::-webkit-scrollbar{ width: 0px; height: 0px; display: none; }
@media (max-width: 1023px){:root{ --content-chrome-top: 52px; --content-chrome-inline: 10px; --content-chrome-bottom: 96px; }.content{ padding: 52px 10px 96px; }}
@media (max-width: 768px){body.drawer-open .content{ margin-left: 0px; }}
@media (min-width: 1920px){:root{ --content-chrome-top: 72px; --content-chrome-inline: 24px; --content-chrome-bottom: 140px; }.content{ padding: 72px 24px 140px; }}
.page-section{ box-sizing: border-box; flex-direction: column; width: 100%; min-height: auto; display: flex; position: relative; }
.page-section-inset{ padding: 0 var(--page-section-inset-x); }
.page-section-inset--wide{ padding: 0 var(--page-section-inset-x-wide); }
@media (min-width: 769px) and (max-width: 1023px){.page-section-inset--wide{ padding-inline: var(--page-section-inset-x-wide-tablet); }}
@container content (min-width: 769px) and (max-width: 1023px){.page-section-inset--wide{ padding-inline: var(--page-section-inset-x-wide-tablet); }}
@media (max-width: 768px){.page-section-inset--wide{ padding-inline: var(--page-section-inset-x); }}
@container content (max-width: 768px){.page-section-inset--wide{ padding-inline: var(--page-section-inset-x); }}
.home-scroll-layer{ z-index: 1; gap: var(--unit-8); padding-block: var(--page-padding-top) var(--page-padding-bottom); box-sizing: border-box; background: 0px 0px; flex-direction: column; display: flex; position: relative; }
.home-scroll-layer--flush-top{ padding-top: 0px; }
.home-scroll-layer:not(.home-scroll-layer--flush-top) > [data-scroll-first]{ margin-top: calc(var(--unit-8) + -1 * var(--page-padding-top)); }
.home-scroll-layer:has(> [data-page-transition-footer]:last-child){ padding-bottom: 0px; }
@media (max-width: 900px){.home-scroll-layer{ padding-bottom: var(--unit-10); }.home-scroll-layer:has(> [data-page-transition-footer]:last-child){ padding-bottom: 0px; }}
@container content (max-width: 900px){.home-scroll-layer{ padding-bottom: var(--unit-10); }.home-scroll-layer:has(> [data-page-transition-footer]:last-child){ padding-bottom: 0px; }}
[data-speed]{ margin-top: var(--parallax-reserve-top,0); margin-bottom: var(--parallax-reserve-bottom,0); }
.container{ width: min(100% - 2 * var(--container-padding,var(--unit-8)), var(--container-max,var(--container-w-narrow))); margin-inline: auto; }
.stack{ gap: var(--unit-5); flex-direction: column; display: flex; }
.cluster{ align-items: center; gap: var(--unit-4); flex-wrap: wrap; display: flex; }
.ProjectsDiceD20__root{ --die-display: 146px; --shell-pad-x: 22px; --shell-pad-y: 12px; box-sizing: border-box; isolation: isolate; touch-action: none; border-radius: var(--border-radius-3); background: 0px 0px; border: 0px; outline: none; margin: 0px; padding: 0px; display: block; }
.ProjectsDiceD20__root.ProjectsDiceD20__inSlot{ z-index: 211; visibility: visible; opacity: 1; touch-action: pan-y; background: var(--color-pale-grey); border-radius: 0px; place-items: center; transition: border-radius 0.45s cubic-bezier(0.22, 1, 0.36, 1); display: grid; position: fixed; }
.ProjectsDiceD20__root.ProjectsDiceD20__inSlot:focus-visible{ border-radius: var(--border-radius-3); }
@media (hover: hover) and (pointer: fine){.ProjectsDiceD20__root.ProjectsDiceD20__inSlot:hover{ border-radius: var(--border-radius-3); }}
@media (prefers-reduced-motion: reduce){.ProjectsDiceD20__root.ProjectsDiceD20__inSlot{ transition: none; }}
.ProjectsDiceD20__root.ProjectsDiceD20__inSlot .ProjectsDiceD20__hit{ width: var(--die-display); height: var(--die-display); touch-action: pan-y; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); }
.ProjectsDiceD20__root.ProjectsDiceD20__inSlot.ProjectsDiceD20__slotPopIn .ProjectsDiceD20__hit{ animation: 0.48s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running ProjectsDiceD20__dieSlotPopIn; }
.ProjectsDiceD20__root.ProjectsDiceD20__inSlot:hover .ProjectsDiceD20__hit{ transform: scale(calc((var(--die-display) + 10px) / var(--die-display))); }
.ProjectsDiceD20__root.ProjectsDiceD20__inSlot:hover .ProjectsDiceD20__canvasWrap{ animation: 1.6s ease-in-out 0s infinite normal none running ProjectsDiceD20__diceHoverShake; }
.ProjectsDiceD20__root.ProjectsDiceD20__isFree{ z-index: 100; width: var(--die-display); height: var(--die-display); position: fixed; }
.ProjectsDiceD20__root.ProjectsDiceD20__isDragging, .ProjectsDiceD20__root.ProjectsDiceD20__isFlying{ z-index: 100; width: var(--die-display); height: var(--die-display); }
.ProjectsDiceD20__root.ProjectsDiceD20__isDragging .ProjectsDiceD20__hit{ cursor: grabbing; }
.ProjectsDiceD20__root.ProjectsDiceD20__isDragging .ProjectsDiceD20__canvasWrap{ animation: 0.14s ease-in-out 0s infinite normal none running ProjectsDiceD20__diceShake; }
.ProjectsDiceD20__root.ProjectsDiceD20__isResting{ z-index: 40; width: var(--die-display); height: var(--die-display); overflow: visible; }
.ProjectsDiceD20__root.ProjectsDiceD20__isResting::before{ content: ""; top: calc(-1 * var(--shell-pad-y)); bottom: calc(-1 * var(--shell-pad-y)); left: calc(-1 * var(--shell-pad-x)); right: calc(-1 * var(--shell-pad-x)); z-index: -1; border-radius: inherit; background: var(--color-pale-grey); opacity: 0; animation: 0.45s ease 0s 1 normal forwards running ProjectsDiceD20__dieShellFadeIn; position: absolute; }
.ProjectsDiceD20__root.ProjectsDiceD20__isResting .ProjectsDiceD20__close{ top: calc(-1 * var(--shell-pad-y) + var(--unit-2)); right: calc(-1 * var(--shell-pad-x) + var(--unit-2)); opacity: 0; animation: 0.45s ease 0s 1 normal forwards running ProjectsDiceD20__dieShellFadeIn; }
.ProjectsDiceD20__root.ProjectsDiceD20__isResting:hover .ProjectsDiceD20__rollHint, .ProjectsDiceD20__root.ProjectsDiceD20__isResting:focus-within .ProjectsDiceD20__rollHint{ opacity: 1; visibility: visible; transform: translate(-50%) translateY(0px); }
.ProjectsDiceD20__hit{ cursor: grab; border-radius: inherit; background: 0px 0px; border: 0px; outline: none; width: 100%; height: 100%; margin: 0px; padding: 0px; display: block; }
.ProjectsDiceD20__hit:focus-visible{ outline: 2px solid var(--color-ink); outline-offset: 3px; }
.ProjectsDiceD20__canvasWrap{ border-radius: var(--border-radius-3); width: 100%; height: 100%; overflow: hidden; }
.ProjectsDiceD20__canvasWrap canvas{ display: block; width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; }
.ProjectsDiceD20__close{ top: var(--unit-2); right: var(--unit-2); z-index: 2; border-radius: var(--border-radius-1); width: 20px; height: 20px; color: var(--color-default-grey); cursor: pointer; opacity: 0.85; background: 0px 0px; border: 0px; place-items: center; margin: 0px; padding: 0px; font-family: inherit; font-size: 14px; line-height: 1; transition: opacity 0.15s, color 0.15s; display: grid; position: absolute; }
.ProjectsDiceD20__close:hover, .ProjectsDiceD20__close:focus-visible{ opacity: 1; color: var(--color-ink); outline: none; }
.ProjectsDiceD20__close:focus-visible{ outline: 2px solid var(--color-ink); outline-offset: 2px; }
.ProjectsDiceD20__rollHint{ left: 50%; bottom: calc(100% + var(--shell-pad-y) + var(--unit-4)); z-index: 3; border-radius: var(--border-radius-8); background: var(--color-ink); color: var(--color-white); font-family: var(--font-default); letter-spacing: 0.01em; text-align: center; white-space: nowrap; pointer-events: none; opacity: 0; visibility: hidden; padding: 6px 12px; font-size: 12px; font-weight: 400; line-height: 1.2; transition: opacity 0.18s, transform 0.18s, visibility 0.18s; position: absolute; transform: translate(-50%) translateY(4px); }
.ProjectsDiceD20__root.ProjectsDiceD20__isLeaving{ pointer-events: none; opacity: 0; transition: transform 0.55s cubic-bezier(0.55, 0, 0.85, 0.35), opacity 0.45s; transform: translateY(120%); }
@keyframes ProjectsDiceD20__dieSlotPopIn{ 
  0% { opacity: 0; transform: translateY(42%) scale(0.92); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
@keyframes ProjectsDiceD20__dieShellFadeIn{ 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes ProjectsDiceD20__diceShake{ 
  0% { transform: rotate(-3deg); }
  50% { transform: rotate(3deg); }
  100% { transform: rotate(-3deg); }
}
@keyframes ProjectsDiceD20__diceHoverShake{ 
  0%, 100% { transform: rotate(-1.5deg) translate(-0.5px); }
  50% { transform: rotate(1.5deg) translate(0.5px); }
}
@media (prefers-reduced-motion: reduce){.ProjectsDiceD20__root .ProjectsDiceD20__canvasWrap{ animation: auto ease 0s 1 normal none running none !important; }.ProjectsDiceD20__root.ProjectsDiceD20__inSlot.ProjectsDiceD20__slotPopIn .ProjectsDiceD20__hit{ animation: auto ease 0s 1 normal none running none; }.ProjectsDiceD20__root.ProjectsDiceD20__isDragging .ProjectsDiceD20__canvasWrap{ transform: none; }.ProjectsDiceD20__root.ProjectsDiceD20__isLeaving{ transition: opacity 0.2s; transform: none; }.ProjectsDiceD20__rollHint{ transition: none; }}
.DrawerClock__drawerClockSvg{ width: 100%; height: 100%; display: block; }
.DrawerClock__face{ fill: var(--color-ink); }
.DrawerClock__hands{ pointer-events: none; }
.DrawerClock__numerals text{ fill: var(--color-white); font-family: var(--font-default); font-size: calc(var(--font-size-6) + 6px); font-synthesis: weight; text-anchor: middle; dominant-baseline: central; font-weight: 600; }
.GlobalFooter__section{ --footer-margin-block-start: var(--unit-2); --footer-margin-block-end: var(--unit-3); --footer-legal-gap: var(--unit-3); --footer-legal-height: calc(var(--font-size-6) * 1.2); --footer-header-clearance: var(--page-padding-top); margin: var(--footer-margin-block-start) var(--unit-3) var(--footer-margin-block-end); width: calc(100% - 2 * var(--unit-3)); align-items: stretch; gap: var(--footer-legal-gap); flex-direction: column; display: flex; }
.GlobalFooter__panel{ height: calc(100dvh - var(--footer-header-clearance) - var(--footer-margin-block-start) - var(--footer-margin-block-end) - var(--footer-legal-gap) - var(--footer-legal-height)); max-height: calc(100dvh - var(--footer-header-clearance) - var(--footer-margin-block-start) - var(--footer-margin-block-end) - var(--footer-legal-gap) - var(--footer-legal-height)); min-height: 0px; padding: var(--unit-5) var(--unit-5) 0; background: var(--color-default-grey); box-sizing: border-box; flex-direction: column; justify-content: flex-start; align-items: center; display: flex; overflow: hidden; }
.GlobalFooter__info{ align-self: stretch; gap: var(--unit-6); flex-direction: column; flex: 0 0 auto; width: 100%; display: flex; }
.GlobalFooter__infoRow{ justify-content: space-between; align-items: flex-start; gap: var(--unit-6); width: 100%; display: flex; }
.GlobalFooter__contactItem{ flex-direction: column; gap: 0px; display: flex; }
.GlobalFooter__contactLabel{ color: var(--color-pale-grey); margin: 0px; line-height: 1.4; }
.GlobalFooter__contactValue{ color: var(--color-ink); margin: 0px; line-height: 1.4; }
p.GlobalFooter__contactValue{ line-height: 1.3; }
.GlobalFooter__social{ flex-direction: column; align-items: flex-start; line-height: 1.4; display: flex; }
.GlobalFooter__socialLink{ color: var(--color-ink); line-height: 1.4; }
.GlobalFooter__hint{ text-align: center; font-family: var(--font-default); font-size: var(--font-size-6); color: var(--color-ink); margin: auto; line-height: 1.2; }
.GlobalFooter__brand{ flex-direction: column; flex: 1 1 auto; justify-content: flex-end; align-items: stretch; width: 100%; min-height: 0px; display: flex; overflow: hidden; }
.GlobalFooter__mark{ opacity: 1; flex: 0 1 auto; width: 100%; min-height: 0px; line-height: 0; position: static; overflow: hidden; transform: none; }
.GlobalFooter__mark img{ vertical-align: top; width: 100%; height: auto; display: block; }
.GlobalFooter__legal{ color: var(--color-ink); font-size: var(--font-size-6); text-transform: capitalize; justify-content: space-between; align-items: baseline; gap: var(--unit-4); width: 100%; min-height: var(--footer-legal-height); flex: 0 0 auto; line-height: 1.2; display: flex; }
@media (max-width: 1024px){.GlobalFooter__panel{ padding-right: 0px; }.GlobalFooter__infoRow{ flex-direction: column; align-items: flex-start; }.GlobalFooter__brand{ position: relative; }.GlobalFooter__mark{ width: 170vw; }.GlobalFooter__mark img{ width: 100%; height: auto; display: block; }}
@container content (max-width: 1024px){.GlobalFooter__panel{ padding-right: 0px; }.GlobalFooter__infoRow{ flex-direction: column; align-items: flex-start; }.GlobalFooter__brand{ position: relative; }.GlobalFooter__mark{ width: 170vw; }.GlobalFooter__mark img{ width: 100%; height: auto; display: block; }}
@media (max-width: 768px){.GlobalFooter__section{ --footer-margin-block-start: var(--unit-4); --footer-header-clearance: 56px; }.GlobalFooter__panel{ padding: var(--unit-4) 0 0 var(--unit-4); }.GlobalFooter__info, .GlobalFooter__infoRow{ gap: var(--unit-5); }.GlobalFooter__mark{ width: 155vw; }}
@container content (max-width: 768px){.GlobalFooter__section{ --footer-margin-block-start: var(--unit-4); --footer-header-clearance: 56px; }.GlobalFooter__panel{ padding: var(--unit-4) 0 0 var(--unit-4); }.GlobalFooter__info, .GlobalFooter__infoRow{ gap: var(--unit-5); }.GlobalFooter__mark{ width: 155vw; }}
.HomePageHero__section{ z-index: 0; min-height: 100vh; padding-top: var(--page-padding-top); padding-bottom: var(--unit-5); flex-direction: column; justify-content: flex-start; align-items: center; gap: 0px; display: flex; position: sticky; top: 0px; }
/* Covered state (Samih 2026-10-13 morning review): opacity + visibility dropped so hero.js's
 * scroll-scrubbed inline opacity (fades hero 50vh->100vh) owns the fade. Only pointer-events +
 * z-index swap here, which fire after the inline opacity has already reached 0. */
.HomePageHero__section.HomePageHero__covered{ z-index: -1; pointer-events: none; overflow: hidden; }
.HomePageHero__root{ flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; margin: 0px auto; display: flex; position: relative; }
.HomePageHero__root:not([data-intro-done]) .HomePageHero__copy, .HomePageHero__root:not([data-intro-done]) .HomePageHero__media{ opacity: 0; visibility: hidden; }
.HomePageHero__mediaScroll{ z-index: 2; will-change: transform; position: relative; }
.HomePageHero__media{ --media-width: min(470px, calc(var(--content-inline-size,100vw) * .72)); --media-height: calc(var(--media-width) * 187 / 328); z-index: 2; width: var(--media-width); height: var(--media-height); background: var(--color-light-grey); cursor: var(--cursor-play); will-change: transform; margin-top: clamp(4.5rem, 8vh, 7rem); position: relative; overflow: hidden; }
.HomePageHero__media[data-thumb-hidden]{ visibility: hidden; pointer-events: none; }
.HomePageHero__media:focus-visible{ outline: 2px solid var(--color-ink); outline-offset: 4px; }
.HomePageHero__video{ object-fit: cover; width: 100%; height: 100%; }
.HomePageHero__lightbox{ z-index: 8; cursor: default; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; }
.HomePageHero__lightbox:not([data-open]){ visibility: hidden; pointer-events: none; }
.HomePageHero__lightboxBackdrop{ z-index: 0; background: var(--color-white); opacity: 0; pointer-events: none; position: absolute; inset: 0px; }
.HomePageHero__lightboxStage{ --lightbox-center-nudge-y: -1vh; z-index: 1; box-sizing: border-box; pointer-events: none; justify-content: center; align-items: center; width: 80%; max-width: 1440px; height: 100%; max-height: min(78dvh, 100%); margin-inline: auto; padding: min(20px, 3vh) min(12px, 2vw); display: flex; position: relative; }
.HomePageHero__lightboxInner{ --media-width: min(470px, calc(var(--content-inline-size,100vw) * .72)); width: var(--media-width); aspect-ratio: 328 / 187; opacity: 0; will-change: transform; pointer-events: auto; background: 0px 0px; overflow: hidden; }
.HomePageHero__lightboxVideo{ object-fit: cover; background: 0px 0px; width: 100%; height: 100%; }
.HomePageHero__copy{ z-index: 1; font-family: var(--font-display); font-weight: 400; font-size: var(--font-size-12); letter-spacing: 0px; font-feature-settings: var(--font-display-features); font-variant-ligatures: var(--font-display-ligatures); color: var(--color-ink); text-align: center; margin: 0px; line-height: 0.74; transition: transform 0.7s cubic-bezier(0.77, 0, 0.175, 1); position: relative; }
.HomePageHero__pointerShift{ will-change: transform; }
.HomePageHero__copyLine{ display: block; }
@media (max-width: 768px){.HomePageHero__media, .HomePageHero__lightboxInner{ --media-width: min(328px, calc(var(--content-inline-size,100vw) * .72)); }.HomePageHero__media{ margin-top: calc(var(--media-height) * -.5 + 80px - 1rem); }.HomePageHero__lightboxStage{ --lightbox-center-nudge-y: 0; width: 100%; max-width: none; height: 100dvh; max-height: none; padding: 0px; }}
@container content (max-width: 768px){.HomePageHero__media, .HomePageHero__lightboxInner{ --media-width: min(328px, calc(var(--content-inline-size,100vw) * .72)); }.HomePageHero__media{ margin-top: calc(var(--media-height) * -.5 + 80px - 1rem); }.HomePageHero__lightboxStage{ --lightbox-center-nudge-y: 0; width: 100%; max-width: none; height: 100dvh; max-height: none; padding: 0px; }}
.content.is-projects-enter .HomePageHero__root .HomePageHero__media{ transform: translateY(calc(-80px - 100vh)); }
.content.is-projects-enter .HomePageHero__root .HomePageHero__copy{ transform: translateY(calc(80px + 100vh)); }
@media (prefers-reduced-motion: reduce){.HomePageHero__copy{ transition-duration: 0.01ms; }}
.HomeServices__section{ justify-content: stretch; width: 100%; }
.HomeServices__sectionFlushScrollTop{ padding-top: 0px; }
.HomeServices__paper{ flex: 1 1 0%; margin: 0px auto; }
.HomeServices__list{ font-family: var(--font-display); font-weight: 700; font-size: var(--font-size-11); letter-spacing: -0.02em; font-feature-settings: var(--font-display-features); color: var(--color-ink); margin: 0px; padding: 0px; line-height: 0.9; list-style: none; }
@media (max-width: 900px){.HomeServices__list{ font-size: var(--font-size-10); padding-bottom: var(--unit-9); }}
@container content (max-width: 900px){.HomeServices__list{ font-size: var(--font-size-10); padding-bottom: var(--unit-9); }}
.HomeServices__item{ cursor: default; margin: 0px; transition: opacity 0.22s; }
@media (hover: hover){.HomeServices__list:has(> .HomeServices__item:hover) > .HomeServices__item:not(:hover){ opacity: 1; }}
.HomeServices__line{ font: inherit; color: inherit; text-align: inherit; cursor: pointer; background: 0px 0px; border: 0px; margin: 0px; padding: 0px; display: inline-block; position: relative; }
.HomeServices__line:focus-visible{ outline: 2px solid var(--color-ink); outline-offset: 3px; }
.HomeServices__label{ z-index: 0; position: relative; }
.HomeServices__lineCustom{ color: var(--champagne); }
.HomeServices__lineCustom .HomeServices__label::before{ content: "\2192\00a0"; }
@media (hover: hover){ .HomeServices__lineCustom:hover{ opacity: .8; } }
.HomeServices__thumb{ z-index: 1; aspect-ratio: 1 / 1; opacity: 0; pointer-events: none; background: 0px 0px; width: clamp(96px, 20vw, 260px); transition: opacity 0.2s; position: absolute; top: -0.12em; overflow: hidden; }
.HomeServices__thumb[data-active]{ opacity: 1; }
.HomeServices__thumbMedia{ object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0px; }
.HomeServices__thumbMediaLoadIn{ --media-load-in-surface: transparent; }
.HomeServices__thumb[data-position="right"]{ margin-left: calc(-1 * var(--unit-12)); left: 100%; transform: translateY(-12%); }
.HomeServices__thumb[data-position="left"]{ margin-right: calc(-1 * var(--unit-12)); right: 100%; transform: translateY(-12%); }
@media (hover: hover) and (pointer: fine){.HomeServices__item:hover .HomeServices__thumb, .HomeServices__item[data-active] .HomeServices__thumb{ opacity: 1; }}
.InquiryCtaStack__ctaDeck{ --cta-card-width: 465px; --cta-card-height: 706px; --cta-target-height: 246px; z-index: 1; pointer-events: none; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; overflow: visible; }
.InquiryCtaStack__ctaTrack{ width: var(--cta-card-width); height: var(--cta-card-height); will-change: transform; max-width: 100%; position: relative; }
.InquiryCtaStack__ctaSlide{ will-change: transform; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; }
.InquiryCtaStack__ctaCard{ width: var(--cta-card-width); height: var(--cta-card-height); max-width: 100%; transform: scale(calc(196px / var(--cta-card-width)), calc(var(--cta-target-height) / var(--cta-card-height))); transform-origin: 50% center; will-change: transform; border-radius: 0px; flex-shrink: 0; }
.InquiryCtaStack__ctaCardYellow{ --cta-shadow-inflate: calc(var(--cta-card-height) / var(--cta-target-height)); box-shadow: 0 calc(40.968px * var(--cta-shadow-inflate)) calc(81.935px * var(--cta-shadow-inflate)) 0 #0000001a; background: rgb(239, 236, 142); transition: box-shadow 0.48s cubic-bezier(0.45, 0, 0.55, 1); }
.InquiryCtaStack__ctaCardYellowHover{ box-shadow: 0 calc(40.968px * var(--cta-shadow-inflate)) calc(81.935px * var(--cta-shadow-inflate)) 0 #0000001a, 0 calc(1.2px * var(--cta-shadow-inflate)) calc(2.31px * var(--cta-shadow-inflate)) 0 #fff6 inset, 0 calc(-1.31px * var(--cta-shadow-inflate)) calc(2px * var(--cta-shadow-inflate)) 0 #a8a8a866 inset; }
@media (max-width: 768px){.InquiryCtaStack__ctaDeck{ --cta-card-width: calc(100vw - 2 * var(--unit-5)); --cta-card-height: calc(var(--cta-card-width) * 706 / 465); }}
@media (min-width: 2080px){.InquiryCtaStack__ctaDeck{ transform: scale(1.3); }}
.InquiryMultiStepForm__shellHome{ justify-content: center; align-self: center; align-items: center; height: auto; min-height: 0px; display: flex; }
.InquiryMultiStepForm__shellBottomNav{ --inquiry-touch-nav-size: 80px; --inquiry-touch-nav-gap: var(--unit-6); --inquiry-touch-card-side-inset: var(--unit-6); flex-direction: column; }
.InquiryMultiStepForm__shellBottomNav .InquiryMultiStepForm__deck{ flex: 0 0 auto; }
.InquiryMultiStepForm__mobileFooter{ z-index: 2; width: 100%; min-height: var(--inquiry-mobile-nav-size,var(--inquiry-touch-nav-size,80px)); margin-top: var(--inquiry-mobile-nav-gap,var(--inquiry-touch-nav-gap,var(--unit-6))); pointer-events: none; flex-shrink: 0; justify-content: center; align-items: flex-end; display: flex; position: relative; }
.InquiryMultiStepForm__mobileFooterInteractive > *{ pointer-events: auto; }
.InquiryMultiStepForm__mobileNavSlot, .InquiryMultiStepForm__mobileSubmitSlot{ justify-content: center; width: 100%; transition: opacity 0.25s cubic-bezier(0.33, 1, 0.68, 1), transform 0.25s cubic-bezier(0.33, 1, 0.68, 1); display: flex; }
.InquiryMultiStepForm__mobileNavSlotVisible, .InquiryMultiStepForm__mobileSubmitSlotVisible{ opacity: 1; pointer-events: auto; transform: translateY(0px); }
.InquiryMultiStepForm__mobileNavSlotHidden, .InquiryMultiStepForm__mobileSubmitSlotHidden{ opacity: 0; pointer-events: none; position: absolute; inset: 0px; transform: translateY(12px); }
.InquiryMultiStepForm__mobileSubmitSlot .InquiryMultiStepForm__deckSubmitButton{ font-size: clamp(20px, 5vw, 28px); }
.InquiryMultiStepForm__shell[data-cta-compact]{ visibility: hidden; opacity: 0; pointer-events: none; height: 0px; min-height: 0px; position: absolute; inset: 0px; overflow: hidden; }
.InquiryMultiStepForm__shell[data-cta-compact] .InquiryMultiStepForm__deck{ visibility: hidden; display: none; }
.InquiryMultiStepForm__shell[data-deck-entering] .InquiryMultiStepForm__deck{ opacity: 0; pointer-events: none; }
.InquiryMultiStepForm__shell[data-deck-entering] .InquiryMultiStepForm__mobileFooter{ opacity: 0; transform: translateY(12px); }
.InquiryMultiStepForm__shell{ --inquiry-deck-advance-1: clamp(300px, calc(8.33vw + 310px), 440px); --inquiry-deck-advance-2: clamp(200px, calc(16.67vw + 25px), 280px); --inquiry-deck-stack-gap: clamp(72px, 6vw, 96px); --inquiry-deck-stack-layer: clamp(40px, 3vw, 56px); --inquiry-deck-stack-inset: clamp(4px, 1.2vw, 16px); width: 100%; max-width: none; height: 100%; min-height: var(--inquiry-card-height); box-sizing: border-box; margin: 0px; padding: 0px; position: relative; }
.InquiryMultiStepForm__deck{ width: 100%; min-width: 0px; margin-right: calc(50% - 50vw); padding-right: max(0px, -50% + 50vw); position: relative; overflow: visible; }
.InquiryMultiStepForm__deckTrack{ will-change: transform; align-items: center; gap: 0px; width: max-content; display: flex; }
.InquiryMultiStepForm__deckSlide{ flex-grow: ; flex-basis: ; width: var(--inquiry-card-width); will-change: transform; flex-shrink: 0; align-items: center; display: flex; position: relative; }
.InquiryMultiStepForm__deckSlide + .InquiryMultiStepForm__deckSlide{ margin-left: calc(-1 * (var(--inquiry-card-width) - var(--inquiry-deck-advance-2))); }
.InquiryMultiStepForm__deckSlide[data-step-index="1"]{ margin-left: calc(-1 * (var(--inquiry-card-width) - var(--inquiry-deck-advance-1))); }
.InquiryMultiStepForm__deckSlideActive{ z-index: 10; }
.InquiryMultiStepForm__deckSlideBehind1{ z-index: 8; }
.InquiryMultiStepForm__deckSlideBehind2{ z-index: 7; }
.InquiryMultiStepForm__deckActivator{ appearance: none; cursor: pointer; width: 100%; text-align: inherit; color: inherit; font: inherit; background: 0px 0px; border: 0px; margin: 0px; padding: 0px; display: block; }
.InquiryMultiStepForm__deckActivator[aria-disabled="true"]{ cursor: not-allowed; }
.InquiryMultiStepForm__deckActivator:focus-visible{ outline: 2px solid var(--color-ink); outline-offset: 4px; }
.InquiryMultiStepForm__deckSubmit{ z-index: 6; pointer-events: auto; will-change: transform, left, top; position: absolute; }
.InquiryMultiStepForm__deckSubmitButton{ --submit-grey: var(--color-light-grey); --submit-yellow: #efec8e; appearance: none; color: var(--color-ink); font-family: var(--font-sans-display); text-align: center; font-feature-settings: "ss01", "lnum", "tnum"; background: 0px 0px; border: 0px; align-items: center; gap: 0px; margin: 0px; padding: 0px; font-size: clamp(22px, 2.2vw, 28px); font-weight: 500; line-height: 1.2; transition: color 0.15s; display: flex; }
.InquiryMultiStepForm__deckSubmitPill{ background: var(--submit-grey); border-radius: 80px; position: relative; overflow: hidden; }
.InquiryMultiStepForm__deckSubmitPill::before{ content: ""; width: var(--submit-progress,0%); background: var(--submit-fill,var(--submit-yellow)); transition: width 0.2s, background 0.15s; position: absolute; inset: 0px auto 0px 0px; }
.InquiryMultiStepForm__deckSubmitButtonInactive, .InquiryMultiStepForm__deckSubmitButtonProgress{ cursor: not-allowed; }
.InquiryMultiStepForm__deckSubmitButtonError{ --submit-fill: var(--red); cursor: not-allowed; }
.InquiryMultiStepForm__deckSubmitButtonReady{ cursor: pointer; }
.InquiryMultiStepForm__deckSubmitButtonReady .InquiryMultiStepForm__deckSubmitPill{ background: var(--submit-yellow); }
.InquiryMultiStepForm__deckSubmitButtonReady .InquiryMultiStepForm__deckSubmitPill::before{ background: var(--submit-yellow); width: 100%; }
.InquiryMultiStepForm__deckSubmitButtonReady .InquiryMultiStepForm__deckSubmitArrow{ background: var(--submit-yellow); }
.InquiryMultiStepForm__deckSubmitButtonReady:hover:not(:disabled){ filter: brightness(0.97); }
.InquiryMultiStepForm__deckSubmitButton:disabled{ opacity: 1; }
.InquiryMultiStepForm__deckSubmitButtonReady:disabled{ opacity: 0.72; cursor: wait; }
.InquiryMultiStepForm__deckSubmitLabel{ z-index: 1; white-space: nowrap; padding: clamp(18px, 2vw, 23px) clamp(24px, 2.5vw, 32px); display: block; position: relative; }
.InquiryMultiStepForm__deckSubmitArrow{ background: var(--submit-grey); width: clamp(52px, 5vw, 63px); height: clamp(52px, 5vw, 63px); color: var(--color-ink); border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; margin-left: -1px; transition: background 0.15s; display: flex; }
.InquiryMultiStepForm__deckSubmitArrow svg{ width: 63%; height: 63%; display: block; }
.InquiryMultiStepForm__root [data-deck-content]{ flex-direction: column; flex: 1 1 0%; width: 100%; min-height: 0px; display: flex; }
.InquiryMultiStepForm__root{ --inquiry-card-width: 465px; --inquiry-card-height: 706px; --inquiry-chip-bg: var(--color-light-grey); --inquiry-chip-text: var(--color-ink); --inquiry-chip-selected-bg: var(--inquire-blue); width: var(--inquiry-card-width); min-height: var(--inquiry-card-height); box-sizing: border-box; padding: var(--unit-5) var(--unit-5) var(--unit-7); color: var(--inquiry-chip-text); will-change: transform; border-radius: 0px; flex-direction: column; display: flex; position: relative; overflow: hidden; }
.InquiryMultiStepForm__shellBottomNav:not(.InquiryMultiStepForm__shellMobileHome){ --inquiry-touch-card-width: min(465px, calc(100vw - 2 * var(--inquiry-touch-card-side-inset)), calc(( var(--inquiry-locked-vh,100lvh) - var(--content-chrome-top,60px) - var(--content-chrome-bottom,16px) - var(--inquiry-touch-nav-size) - var(--inquiry-touch-nav-gap) - var(--unit-4) ) * 465 / 706)); --inquiry-card-width: var(--inquiry-touch-card-width); }
.InquiryMultiStepForm__shellBottomNav:not(.InquiryMultiStepForm__shellMobileHome) .InquiryMultiStepForm__root{ --inquiry-card-width: var(--inquiry-touch-card-width); --inquiry-card-height: calc(var(--inquiry-touch-card-width) * 706 / 465); width: var(--inquiry-card-width); height: var(--inquiry-card-height); min-height: var(--inquiry-card-height); }
.InquiryMultiStepForm__shellBottomNav:not(.InquiryMultiStepForm__shellMobileHome) .InquiryMultiStepForm__deckSlide{ flex-basis: var(--inquiry-card-width); width: var(--inquiry-card-width); }
.InquiryMultiStepForm__shellBottomNav .InquiryMultiStepForm__root[data-step-kind="contact"] .InquiryMultiStepForm__contactPanel{ margin-top: var(--unit-7); padding-bottom: var(--unit-7); flex-direction: column; flex: 1 1 0%; display: flex; }
.InquiryMultiStepForm__rootDeckBehind1, .InquiryMultiStepForm__rootDeckBehind2{ pointer-events: none; }
.InquiryMultiStepForm__header{ justify-content: space-between; align-items: flex-start; gap: var(--unit-5); flex-shrink: 0; display: flex; }
.InquiryMultiStepForm__eyebrow{ font-family: var(--font-default); font-size: var(--font-size-6); font-feature-settings: "ss01", "lnum", "tnum"; margin: 0px; line-height: 1.2; }
.InquiryMultiStepForm__stepLabel{ font-family: var(--font-default); font-size: var(--font-size-6); text-align: right; font-feature-settings: "ss01", "lnum", "tnum"; margin: 0px; line-height: 1.2; }
.InquiryMultiStepForm__stepMuted{ color: var(--color-ink-40); }
.InquiryMultiStepForm__body{ min-height: 0px; padding-top: var(--unit-11); flex-direction: column; flex: 1 1 0%; align-items: center; display: flex; }
.InquiryMultiStepForm__title{ max-width: 22rem; font-family: var(--font-sans-display); text-align: center; letter-spacing: -0.01em; margin: 0px; font-size: clamp(28px, 5vw, 37px); font-weight: 500; line-height: 0.94; }
.InquiryMultiStepForm__subtitle{ margin: var(--unit-11) 0 0; max-width: 16.7rem; font-family: var(--font-serif); font-size: var(--font-size-5); text-align: center; line-height: 1.2; }
.InquiryMultiStepForm__chips{ padding-top: var(--unit-8); padding-bottom: var(--unit-8); flex-direction: column; align-items: center; gap: 0px; width: 100%; margin-top: auto; display: flex; }
.InquiryMultiStepForm__chipRow{ flex-wrap: wrap; justify-content: center; gap: 0px; width: 100%; margin: 0px; display: flex; }
.InquiryMultiStepForm__chip{ appearance: none; cursor: pointer; background: var(--inquiry-chip-bg); color: var(--inquiry-chip-text); font-family: var(--font-default); font-size: var(--font-size-6); text-align: center; white-space: nowrap; font-feature-settings: "ss01", "lnum", "tnum"; border: 0px; border-radius: 29px; margin: 0px; padding: 18px 40px 19px; line-height: 1.2; transition: background 0.15s, color 0.15s; }
.InquiryMultiStepForm__chip:hover:not(:disabled){ filter: brightness(0.97); }
.InquiryMultiStepForm__chip:disabled{ cursor: default; }
.InquiryMultiStepForm__chipSelected{ background: var(--inquiry-chip-selected-bg); color: var(--color-light-grey); }
.InquiryMultiStepForm__hint{ font-family: var(--font-default); font-size: var(--font-size-5); text-align: center; font-feature-settings: "ss01", "lnum", "tnum"; flex-shrink: 0; margin: 0px; line-height: 1.2; }
.InquiryMultiStepForm__stepCardWrap, .InquiryMultiStepForm__deckCardTransform{ flex-direction: column; align-items: center; width: 100%; display: flex; position: relative; }
.InquiryMultiStepForm__deckCardTransform{ will-change: transform; }
.InquiryMultiStepForm__chipSelectionError{ margin: var(--unit-4) 0 0; width: 100%; font-family: var(--font-default); text-align: center; color: var(--red); font-feature-settings: "ss01", "lnum", "tnum"; pointer-events: none; font-size: 13px; font-weight: 500; line-height: 1.2; position: absolute; top: 100%; left: 0px; right: 0px; }
.InquiryMultiStepForm__nav{ justify-content: center; gap: var(--unit-6); margin-top: var(--unit-4); flex-shrink: 0; display: flex; }
.InquiryMultiStepForm__navButton{ appearance: none; cursor: pointer; font-family: var(--font-default); font-size: var(--font-size-5); text-decoration-line: underline; text-decoration-style: initial; text-decoration-color: initial; text-decoration-thickness: var(--link-underline-thickness-body); text-underline-offset: var(--link-underline-gap-body); color: inherit; opacity: 0.72; font-feature-settings: "ss01", "lnum", "tnum"; background: 0px 0px; border: 0px; line-height: 1.2; }
.InquiryMultiStepForm__navButton:hover{ opacity: 1; }
.InquiryMultiStepForm__navButton:disabled{ opacity: 0.35; cursor: not-allowed; }
.InquiryMultiStepForm__navPrimary{ opacity: 1; font-weight: 500; }
.InquiryMultiStepForm__contactPanel{ margin-top: var(--unit-11); width: calc(100% - var(--unit-2)); max-width: 428px; padding: var(--unit-7) var(--unit-5); background: var(--inquiry-chip-bg); box-sizing: border-box; }
.InquiryMultiStepForm__contactFields, .InquiryMultiStepForm__contactField{ flex-direction: column; display: flex; }
.InquiryMultiStepForm__contactFieldInputRow{ min-height: calc(var(--font-size-6) * 1.2 + var(--unit-7) * 2); box-sizing: border-box; align-items: center; display: flex; position: relative; }
.InquiryMultiStepForm__contactFieldInputRow::after{ content: ""; background: var(--color-ink-10); height: 1px; position: absolute; bottom: 0px; left: 0px; right: 0px; }
.InquiryMultiStepForm__contactFieldInputRowError::after{ background: var(--red); height: 4px; }
.InquiryMultiStepForm__contactInput{ width: 100%; font-family: var(--font-default); font-size: var(--font-size-6); text-align: center; color: var(--color-ink-60); font-feature-settings: "ss01", "lnum", "tnum"; background: 0px 0px; border: 0px; outline: none; line-height: 1.2; transition: color 0.2s ease-in-out; }
.InquiryMultiStepForm__contactInput::placeholder{ color: var(--color-ink-60); opacity: 1; }
.InquiryMultiStepForm__contactInput:hover, .InquiryMultiStepForm__contactInput:hover::placeholder{ color: var(--color-ink); opacity: 1; }
.InquiryMultiStepForm__contactInputError{ color: var(--red); }
.InquiryMultiStepForm__contactInputError::placeholder{ color: var(--color-ink-60); opacity: 1; }
.InquiryMultiStepForm__contactInputError:hover, .InquiryMultiStepForm__contactInputError:hover::placeholder{ color: var(--red); opacity: 1; }
.InquiryMultiStepForm__contactFieldErrorMessage{ min-height: calc(var(--font-size-4) * 1.2); margin-top: var(--unit-3); margin-bottom: var(--unit-7); font-family: var(--font-default); font-size: var(--font-size-4); text-align: left; color: var(--red); font-feature-settings: "ss01", "lnum", "tnum"; font-weight: 500; line-height: 1.2; }
.InquiryMultiStepForm__contactField:last-child .InquiryMultiStepForm__contactFieldErrorMessage{ margin-bottom: 0px; }
.InquiryMultiStepForm__feedback{ margin: var(--unit-4) 0 0; font-family: var(--font-default); font-size: var(--font-size-5); text-align: center; line-height: 1.2; }
.InquiryMultiStepForm__feedbackError{ color: var(--red); }
.InquiryMultiStepForm__feedbackSuccess{ color: var(--inquiry-chip-bg); }
.InquiryMultiStepForm__srOnly{ clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }
@media (max-width: 1023px){.InquiryMultiStepForm__shell{ --inquiry-deck-advance-1: clamp(260px, calc(8.33vw + 240px), 380px); --inquiry-deck-advance-2: clamp(170px, calc(16.67vw + 18px), 240px); --inquiry-deck-stack-gap: clamp(56px, 5vw, 80px); --inquiry-deck-stack-layer: clamp(32px, 2.5vw, 48px); }}
@media (min-width: 769px) and (max-height: 820px){.InquiryMultiStepForm__shellBottomNav .InquiryMultiStepForm__root{ padding: var(--unit-4) var(--unit-4) var(--unit-5); overflow: hidden; }.InquiryMultiStepForm__shellBottomNav .InquiryMultiStepForm__root [data-deck-content]{ overflow: hidden; }.InquiryMultiStepForm__shellBottomNav .InquiryMultiStepForm__body{ padding-top: var(--unit-6); }.InquiryMultiStepForm__shellBottomNav .InquiryMultiStepForm__title{ font-size: 28px; }.InquiryMultiStepForm__shellBottomNav .InquiryMultiStepForm__subtitle{ margin-top: var(--unit-5); font-size: var(--font-size-5); }.InquiryMultiStepForm__shellBottomNav .InquiryMultiStepForm__chips{ min-height: 0px; padding-block: var(--unit-4); overscroll-behavior: contain; flex: 1 1 0%; margin-top: 0px; overflow: hidden auto; }.InquiryMultiStepForm__shellBottomNav .InquiryMultiStepForm__chip{ font-size: var(--font-size-5); padding: 10px 24px 11px; }.InquiryMultiStepForm__shellBottomNav .InquiryMultiStepForm__root[data-step-kind="contact"] .InquiryMultiStepForm__body{ padding-top: var(--unit-6); }.InquiryMultiStepForm__shellBottomNav .InquiryMultiStepForm__root[data-step-kind="contact"] .InquiryMultiStepForm__contactPanel{ padding-top: var(--unit-4); padding-bottom: var(--unit-7); }.InquiryMultiStepForm__shellBottomNav .InquiryMultiStepForm__root[data-step-kind="contact"] .InquiryMultiStepForm__contactInput{ font-size: var(--font-size-5); }.InquiryMultiStepForm__shellBottomNav .InquiryMultiStepForm__root[data-step-kind="contact"] .InquiryMultiStepForm__contactFieldErrorMessage{ min-height: 0px; margin-top: 4px; margin-bottom: 8px; font-size: 12px; }.InquiryMultiStepForm__shellBottomNav .InquiryMultiStepForm__root[data-step-kind="contact"] .InquiryMultiStepForm__contactFieldErrorMessage:empty{ display: none; }}
@media (max-width: 768px){.InquiryMultiStepForm__shellHome{ flex: 1 1 0%; align-self: stretch; width: 100%; height: 100%; min-height: 0px; }.InquiryMultiStepForm__shellHome.InquiryMultiStepForm__shellMobileStage{ flex: 0 0 auto; align-self: center; height: auto; }.InquiryMultiStepForm__shell{ --inquiry-mobile-nav-size: 80px; --inquiry-mobile-nav-gap: var(--unit-6); --inquiry-touch-card-side-inset: var(--unit-5); --inquiry-deck-advance-1: clamp(220px, 68vw, 340px); --inquiry-deck-advance-2: clamp(150px, 40vw, 220px); --inquiry-deck-stack-gap: clamp(40px, 8vw, 64px); --inquiry-deck-stack-layer: clamp(28px, 5vw, 40px); min-height: 0px; padding-left: 0px; padding-right: 0px; }.InquiryMultiStepForm__shellMobileHome{ --inquiry-card-fit-width: min(calc(100vw - 2 * var(--unit-5)), calc(( var(--inquiry-locked-vh,100lvh) - 56px - var(--unit-4) - var(--inquiry-mobile-nav-gap) - var(--inquiry-mobile-nav-size) ) * 465 / 706)); --inquiry-card-width: var(--inquiry-card-fit-width); --inquiry-mobile-card-height: calc(var(--inquiry-card-fit-width) * 706 / 465); --inquiry-deck-advance-1: calc(var(--inquiry-card-fit-width) - 52px); --inquiry-deck-advance-2: calc(var(--inquiry-card-fit-width) - 104px); --inquiry-deck-stack-inset: 0; --inquiry-deck-stack-layer: 18px; }.InquiryMultiStepForm__shellMobileHome.InquiryMultiStepForm__shellMobileStage{ --inquiry-deck-stack-inset: calc(-1 * (var(--inquiry-card-fit-width) - 52px)); }.InquiryMultiStepForm__shellMobileHome .InquiryMultiStepForm__deck{ margin-right: 0px; padding-right: 0px; }.InquiryMultiStepForm__shellMobileHome .InquiryMultiStepForm__root, .InquiryMultiStepForm__shellMobileHome .InquiryMultiStepForm__rootDeckBehind1, .InquiryMultiStepForm__shellMobileHome .InquiryMultiStepForm__rootDeckBehind2{ --inquiry-card-width: var(--inquiry-card-fit-width); --inquiry-card-height: var(--inquiry-mobile-card-height); width: var(--inquiry-card-fit-width); min-height: var(--inquiry-mobile-card-height); height: var(--inquiry-mobile-card-height); flex-shrink: 0; }.InquiryMultiStepForm__shellMobileHome .InquiryMultiStepForm__stepCardWrap, .InquiryMultiStepForm__shellMobileHome .InquiryMultiStepForm__deckCardTransform{ height: var(--inquiry-mobile-card-height); min-height: var(--inquiry-mobile-card-height); }.InquiryMultiStepForm__shellMobileHome .InquiryMultiStepForm__deckSlide{ flex: 0 0 var(--inquiry-card-fit-width); width: var(--inquiry-card-fit-width); height: var(--inquiry-mobile-card-height); align-items: center; }.InquiryMultiStepForm__shellMobileStage{ flex-direction: column; flex: 0 0 auto; justify-content: center; align-items: center; width: 100%; height: auto; min-height: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; display: flex; overflow: visible; }.InquiryMultiStepForm__shellMobileStage .InquiryMultiStepForm__deck{ width: 100vw; max-width: 100vw; height: var(--inquiry-mobile-card-height); touch-action: manipulation; flex: 0 0 auto; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-right: 0px; overflow: visible; }.InquiryMultiStepForm__shellMobileStage .InquiryMultiStepForm__deckTrack{ align-items: center; height: 100%; }.InquiryMultiStepForm__shellMobileStage .InquiryMultiStepForm__deckSlide{ align-self: center; height: 100%; }.InquiryMultiStepForm__shellMobileStage .InquiryMultiStepForm__deckActivator{ pointer-events: none; }.InquiryMultiStepForm__shellMobileOpen .InquiryMultiStepForm__root{ padding: var(--unit-4) var(--unit-4) var(--unit-6); overflow: hidden; }.InquiryMultiStepForm__shellMobileOpen .InquiryMultiStepForm__root [data-deck-content]{ overflow: hidden; }.InquiryMultiStepForm__shellMobileOpen .InquiryMultiStepForm__body{ padding-top: var(--unit-7); justify-content: flex-start; }.InquiryMultiStepForm__shellMobileOpen .InquiryMultiStepForm__subtitle{ margin-top: var(--unit-7); font-size: var(--font-size-5); }.InquiryMultiStepForm__shellMobileOpen .InquiryMultiStepForm__chips{ min-height: 0px; padding-top: var(--unit-5); padding-bottom: var(--unit-5); overscroll-behavior: contain; flex-direction: column; flex: 1 1 0%; justify-content: center; margin-top: 0px; margin-bottom: 0px; display: flex; overflow: hidden auto; }.InquiryMultiStepForm__shellMobileOpen .InquiryMultiStepForm__chip{ font-size: var(--font-size-5); white-space: normal; padding: 12px 24px 13px; }.InquiryMultiStepForm__shellMobileOpen .InquiryMultiStepForm__hint{ margin-top: var(--unit-5); }.InquiryMultiStepForm__shellMobileOpen .InquiryMultiStepForm__title{ font-size: clamp(24px, 6.5vw, 32px); }.InquiryMultiStepForm__shellMobileOpen .InquiryMultiStepForm__contactPanel{ margin-top: var(--unit-7); padding: var(--unit-4) var(--unit-4) var(--unit-7); flex: 1 1 0%; }.InquiryMultiStepForm__shellMobileOpen .InquiryMultiStepForm__contactInput{ font-size: 16px; }.InquiryMultiStepForm__shellMobileOpen .InquiryMultiStepForm__contactFieldErrorMessage{ min-height: 14.4px; margin-top: 4px; margin-bottom: 8px; font-size: 12px; }.InquiryMultiStepForm__deck{ width: 100%; margin-right: 0px; padding-right: 0px; }}
@media (max-width: 479px){.InquiryMultiStepForm__shell:not(.InquiryMultiStepForm__shellMobileHome) .InquiryMultiStepForm__root, .InquiryMultiStepForm__shell:not(.InquiryMultiStepForm__shellMobileHome) .InquiryMultiStepForm__rootDeckBehind1, .InquiryMultiStepForm__shell:not(.InquiryMultiStepForm__shellMobileHome) .InquiryMultiStepForm__rootDeckBehind2{ width: min(var(--inquiry-card-width), 100%); min-height: auto; }.InquiryMultiStepForm__shell:not(.InquiryMultiStepForm__shellMobileHome) .InquiryMultiStepForm__deckSlide{ flex: 0 0 var(--inquiry-card-width); width: var(--inquiry-card-width); }.InquiryMultiStepForm__root{ padding-bottom: var(--unit-8); }.InquiryMultiStepForm__chip{ white-space: normal; padding: 14px 24px 15px; font-size: clamp(16px, 4vw, 20px); }.InquiryMultiStepForm__body{ padding-top: var(--unit-9); }}
@media (prefers-reduced-motion: reduce){.InquiryMultiStepForm__root{ will-change: auto; }}
.InquiryResultNote__note{ z-index: 10; padding: var(--unit-5); box-sizing: border-box; pointer-events: none; justify-content: center; align-items: center; animation: 0.42s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running InquiryResultNote__inquiryNoteIn; display: flex; position: absolute; inset: 0px; }
.InquiryResultNote__panel{ box-sizing: border-box; }
.InquiryResultNote__noteSuccess .InquiryResultNote__panel{ --artboard-w: 557; --artboard-h: 706; aspect-ratio: 557 / 706; background: rgb(239, 236, 142); width: min(557px, 100%); position: relative; overflow: clip; box-shadow: rgba(0, 0, 0, 0.43) 2px 3px 3px; container-type: inline-size; }
.InquiryResultNote__noteError .InquiryResultNote__panel{ background: var(--color-light-grey); width: min(597px, 100%); min-height: min(320px, 50vh); box-shadow: 2px 3px 1.5px var(--color-ink-40); flex-direction: column; justify-content: center; align-items: center; gap: 22px; padding: clamp(40px, 6vw, 64px); display: flex; }
.InquiryResultNote__headline{ top: calc(35 / var(--artboard-h) * 100%); z-index: 1; width: calc(456 / var(--artboard-w) * 100%); color: var(--color-black); font-family: var(--font-display); font-size: calc(120 / var(--artboard-w) * 100cqw); text-align: center; text-transform: uppercase; font-feature-settings: var(--font-display-features); font-variant-ligatures: var(--font-display-ligatures); margin: 0px; font-weight: 400; line-height: 0.79; position: absolute; left: 50%; transform: translate(-50%); }
.InquiryResultNote__pills{ z-index: 3; pointer-events: none; margin: 0px; padding: 0px; list-style: none; position: absolute; inset: 0px; }
.InquiryResultNote__pill{ left: calc(var(--pill-x) / var(--artboard-w) * 100%); top: calc(var(--pill-y) / var(--artboard-h) * 100%); box-sizing: border-box; width: calc(45.074 / var(--artboard-w) * 100cqw); aspect-ratio: 1 / 1; color: rgb(239, 236, 142); font-family: var(--font-default); font-size: calc(24.415 / var(--artboard-w) * 100cqw); text-transform: capitalize; font-feature-settings: "dlig", "liga", "clig", "calt"; background: rgba(0, 0, 0, 0.87); border-radius: 50%; justify-content: center; align-items: center; padding: 0px; font-weight: 400; line-height: 0.74; display: flex; position: absolute; overflow: clip; }
.InquiryResultNote__illustration{ left: 0px; top: calc(150 / var(--artboard-h) * 100%); z-index: 2; width: calc(540 / var(--artboard-w) * 100%); height: calc(470 / var(--artboard-h) * 100%); pointer-events: none; position: absolute; overflow: hidden; }
.InquiryResultNote__illustrationImage{ object-fit: contain; width: 128%; max-width: none; height: 176%; display: block; position: absolute; top: -46%; left: -8%; }
.InquiryResultNote__noteSuccess .InquiryResultNote__message{ top: calc(570 / var(--artboard-h) * 100%); z-index: 4; width: calc(409 / var(--artboard-w) * 100%); color: rgb(0, 0, 0); font-family: var(--font-sans-display); font-size: var(--font-size-7); text-align: center; font-kerning: normal; font-feature-settings: "dlig", "liga", "clig", "calt"; font-variant-ligatures: discretionary-ligatures common-ligatures contextual; text-rendering: optimizelegibility; margin: 0px; font-style: normal; font-weight: 400; line-height: 83%; position: absolute; left: 50%; transform: translate(-50%); }
.InquiryResultNote__noteError .InquiryResultNote__message{ max-width: 469px; color: var(--color-ink); font-family: var(--font-serif); text-align: center; font-feature-settings: "ss01", "dlig"; margin: 0px; font-size: clamp(28px, 4vw, 40px); line-height: 1; }
.InquiryResultNote__noteError .InquiryResultNote__message span{ display: block; }
.InquiryResultNote__noteError .InquiryResultNote__message span + span{ margin-top: 0.15em; }
@keyframes InquiryResultNote__inquiryNoteIn{ 
  0% { opacity: 0; transform: translateY(12px) rotate(-1deg); }
  100% { opacity: 1; transform: translateY(0px) rotate(0deg); }
}
.InquiryResultNote__noteSlideUp{ animation: 0.72s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running InquiryResultNote__inquiryNoteSlideUp; }
@keyframes InquiryResultNote__inquiryNoteSlideUp{ 
  0% { opacity: 0; transform: translateY(55vh); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (prefers-reduced-motion: reduce){.InquiryResultNote__note, .InquiryResultNote__noteSlideUp{ animation: auto ease 0s 1 normal none running none; }}
.CursorPill__anchor{ z-index: 9999; pointer-events: none; position: fixed; transform: translate(-50%, -50%); }
.CursorPill__pill{ background: var(--color-white); min-width: 112px; height: 64px; color: var(--color-ink); box-shadow: 0 4px 2px var(--color-ink-20); font-family: var(--font-default); font-size: var(--font-size-5); text-align: center; white-space: nowrap; transform: rotate(var(--pill-rotate,-3deg)); font-feature-settings: "ss01", "lnum", "tnum"; border-radius: 99px; justify-content: center; align-items: center; padding: 16px 24px; line-height: 1.2; transition: transform 0.18s; display: flex; }
.CursorPill__muted{ color: var(--color-ink-60); }
@keyframes CursorPill__cursorPillShake{ 
  0%, 100% { transform: rotate(var(--pill-rotate,-3deg)) translateX(0); }
  20%, 60% { transform: rotate(calc(var(--pill-rotate,-3deg) - 4deg)) translateX(-5px); }
  40%, 80% { transform: rotate(calc(var(--pill-rotate,-3deg) + 4deg)) translateX(5px); }
}
.CursorPill__shaking{ animation: 0.45s ease 0s 1 normal none running CursorPill__cursorPillShake; }
@media (prefers-reduced-motion: reduce){.CursorPill__pill{ transition: none; transform: none; }.CursorPill__shaking{ animation: auto ease 0s 1 normal none running none; }}
.InquiryMobileNav__nav{ flex-shrink: 0; width: 100%; height: 80px; position: relative; }
.InquiryMobileNav__nav .InquiryMobileNav__buttonNext, .InquiryMobileNav__nav .InquiryMobileNav__buttonBack{ position: absolute; top: 0px; left: 50%; }
.InquiryMobileNav__buttonNext{ z-index: 2; transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1); transform: translate(-50%); }
.InquiryMobileNav__navWithBack .InquiryMobileNav__buttonNext{ transform: translate(calc(-50% + 45px)); }
.InquiryMobileNav__buttonBack{ z-index: 1; animation: 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal both running InquiryMobileNav__inquiryMobileBackReveal; }
.InquiryMobileNav__button{ appearance: none; background: var(--color-pale-grey); width: 80px; height: 80px; color: var(--color-ink); cursor: pointer; border: 0px; border-radius: 999px; place-items: center; margin: 0px; padding: 0px; display: grid; position: relative; overflow: hidden; }
.InquiryMobileNav__button:focus-visible{ outline: 2px solid var(--color-ink); outline-offset: 4px; }
.InquiryMobileNav__button:disabled{ cursor: not-allowed; opacity: 0.72; }
.InquiryMobileNav__buttonBack .InquiryMobileNav__buttonInner{ transform: rotate(180deg); }
.InquiryMobileNav__buttonInner{ z-index: 1; justify-content: center; align-items: center; width: 24px; height: auto; display: flex; position: relative; }
.InquiryMobileNav__buttonInner svg{ width: 24px; height: auto; display: block; }
.InquiryMobileNav__progressFill{ --progress: 0%; width: var(--progress); pointer-events: none; background: rgb(239, 236, 142); transition: width 0.25s, background 0.2s; position: absolute; inset: 0px auto 0px 0px; }
.InquiryMobileNav__buttonNextError .InquiryMobileNav__progressFill{ background: var(--red); }
@keyframes InquiryMobileNav__inquiryMobileBackReveal{ 
  0% { transform: translate(-50%); }
  100% { transform: translate(calc(-50% - 45px)); }
}
@keyframes InquiryMobileNav__inquiryMobileNavShake{ 
  0%, 100% { transform: translate(0px); }
  20%, 60% { transform: translate(-4px); }
  40%, 80% { transform: translate(4px); }
}
.InquiryMobileNav__navShake{ animation: 0.45s ease 0s 1 normal none running InquiryMobileNav__inquiryMobileNavShake; }
@media (prefers-reduced-motion: reduce){.InquiryMobileNav__progressFill{ transition: none; }.InquiryMobileNav__navShake{ animation: auto ease 0s 1 normal none running none; }.InquiryMobileNav__buttonBack{ animation: auto ease 0s 1 normal none running none; transform: translate(calc(-50% - 45px)); }.InquiryMobileNav__buttonNext{ transition: none; }}
.InquireForm__section{ width: 100%; padding: var(--unit-9) 0 var(--unit-15); align-items: stretch; }
.InquireForm__sectionDeck{ justify-content: center; min-height: 100vh; position: relative; }
.InquireForm__sectionDeck.InquireForm__sectionFlushScrollTop{ padding-top: 0px; }
.InquireForm__sectionDeck .InquireForm__stage{ flex: 0 0 auto; width: 100%; height: auto; min-height: clamp(620px, 55vh, 820px); }
.InquireForm__stage{ isolation: isolate; flex: 1 0 auto; width: 100%; height: clamp(706px, 72vh, 820px); position: relative; overflow: clip visible; }
.InquireForm__cta{ appearance: none; cursor: pointer; width: 100%; max-width: none; height: 100%; color: var(--color-ink); font-family: var(--font-default); font-size: var(--font-size-6); text-align: center; font-feature-settings: "ss01", "lnum", "tnum"; z-index: 1; background: 0px 0px; border: 0px; justify-content: center; align-items: center; margin: 0px; padding: 0px; line-height: 1.2; display: flex; position: relative; }
.InquireForm__cta:focus-visible{ outline: 2px solid var(--color-ink); outline-offset: 6px; }
.InquireForm__cta:disabled{ cursor: default; }
.InquireForm__ctaLabel{ padding: var(--unit-6); flex-direction: column; align-items: center; display: flex; position: relative; }
.InquireForm__ctaLabelWord{ display: block; }
.InquireForm__formPanel{ z-index: 1; box-sizing: border-box; justify-content: center; align-items: center; width: 100%; display: flex; position: absolute; inset: 0px; }
.InquireForm__formPanelCta{ pointer-events: none; }
.InquireForm__formPanelViewport{ top: var(--content-chrome-top); right: 0px; bottom: var(--content-chrome-bottom); z-index: 2; width: auto; height: auto; padding-inline: var(--page-section-inset-x); box-sizing: border-box; pointer-events: none; position: fixed; left: 0px; overflow: visible; }
.InquireForm__formPanelViewport .InquireForm__ctaCluster{ pointer-events: auto; width: 100%; max-width: none; min-height: var(--inquiry-card-height,706px); overflow: visible; }
body.drawer-open .InquireForm__formPanelViewport{ left: var(--drawer-width); }
.InquireForm__ctaCluster{ will-change: transform; flex-shrink: 0; justify-content: center; align-items: center; max-width: 100%; display: flex; position: relative; overflow: visible; }
.InquireForm__ctaCluster:not([data-cta-ready]) [data-cta-deck], .InquireForm__ctaCluster:not([data-cta-ready]) .InquireForm__ctaWrap{ visibility: hidden; }
.InquireForm__ctaWrap{ z-index: 2; padding: var(--unit-5); box-sizing: border-box; pointer-events: none; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; }
.InquireForm__ctaWrap .InquireForm__cta{ pointer-events: auto; }
.InquireForm__sectionEmbed{ box-sizing: border-box; width: fit-content; max-width: min(465px, 100%); min-height: 0px; padding: var(--unit-8) 0 0; flex-direction: column; align-items: flex-end; display: flex; position: relative; }
.InquireForm__sectionEmbed > *{ margin-left: auto; margin-right: 0px; }
.InquireForm__sectionEmbed .InquireForm__formPanel{ display: block; position: relative; inset: auto; }
.InquireForm__sectionDeck.InquireForm__sectionOpen .InquireForm__stage{ min-height: clamp(620px, 55vh, 820px); overflow-x: visible; }
@media (min-width: 769px){.InquireForm__formPanelCta .InquireForm__ctaCluster{ width: min(196px, 100%); min-height: 246px; }.InquireForm__formPanelOpen .InquireForm__ctaCluster{ width: 100%; max-width: none; min-height: var(--inquiry-card-height); }}
@media (min-width: 2080px){.InquireForm__formPanelCta .InquireForm__cta{ transform: scale(1.3); }}
@media (max-width: 768px){.InquireForm__section{ --inquiry-mobile-chrome-top: 56px; --inquiry-mobile-panel-bottom: var(--unit-4); padding: 0px; }.InquireForm__sectionDeck{ height: 100dvh; min-height: 100dvh; padding: var(--unit-8) 0 0; box-sizing: border-box; justify-content: center; }.InquireForm__sectionDeck.InquireForm__sectionFlushScrollTop{ padding-top: 0px; }.InquireForm__sectionDeckMobile{ overflow: visible; }.InquireForm__sectionDeck.InquireForm__sectionOpen{ z-index: 3; background: var(--color-background-primary); isolation: isolate; padding-left: 0px; padding-right: 0px; position: relative; overflow: hidden; margin-top: 0px !important; margin-bottom: 0px !important; }.InquireForm__sectionDeck .InquireForm__stage{ flex: 1 1 0%; justify-content: center; align-items: center; width: 100%; height: auto; min-height: 0px; display: flex; overflow: visible; }.InquireForm__stage{ overflow: visible; }.InquireForm__sectionDeck .InquireForm__stageOpen{ min-height: 0px; overflow: visible; }.InquireForm__sectionDeck.InquireForm__sectionOpen .InquireForm__stage{ min-height: 100dvh; }.InquireForm__formPanelViewport{ top: var(--inquiry-mobile-chrome-top); bottom: var(--inquiry-mobile-panel-bottom,var(--unit-4)); padding-inline: 0px; }.InquireForm__formPanelOpen{ flex: 1 1 0%; justify-content: center; align-items: center; width: 100%; min-height: 0px; padding: 0px; display: flex; position: relative; inset: auto; overflow: visible; }.InquireForm__formPanelOpen.InquireForm__formPanelViewport, .InquireForm__formPanelMobilePortal{ --inquiry-mobile-chrome-top: 56px; --inquiry-mobile-panel-bottom: var(--unit-4); top: var(--inquiry-mobile-chrome-top); width: auto; height: calc(var(--inquiry-locked-vh,100lvh) - var(--inquiry-mobile-chrome-top) - var(--inquiry-mobile-panel-bottom)); z-index: 40; background: var(--color-background-primary); flex: 0 0 auto; justify-content: center; align-items: center; min-height: 0px; padding: 0px; position: fixed; bottom: auto; left: 0px; right: 0px; }.InquireForm__formPanelOpen.InquireForm__formPanelViewport .InquireForm__ctaCluster{ will-change: auto; flex: 0 0 auto; justify-content: center; align-items: center; width: 100%; height: auto; min-height: 0px; }.InquireForm__ctaWrap{ justify-content: center; align-items: center; }.InquireForm__formPanelCta .InquireForm__ctaCluster{ flex: 1 1 0%; width: 100%; min-height: 180px; }.InquireForm__formPanelOpen .InquireForm__ctaCluster{ flex: 0 0 auto; width: 100%; min-height: 0px; }}
.InsetIllustration__section{ padding-top: var(--unit-12); padding-bottom: var(--unit-8); gap: var(--unit-10); justify-content: center; }
.InsetIllustration__sectionFlushScrollTop{ padding-top: 0px; }
.InsetIllustration__sectionTrailingSpacing{ padding-bottom: var(--unit-17); }
.InsetIllustration__sectionFlushScrollTop .InsetIllustration__panel{ padding-top: 0px; }
.InsetIllustration__head{ padding: 0 var(--unit-7); justify-content: center; display: flex; }
.InsetIllustration__band{ width: calc(100% - var(--unit-9)); box-sizing: border-box; max-width: 1400px; margin-inline: auto; }
.InsetIllustration__panel{ min-width: 0px; padding: var(--unit-12); background: var(--panel-tan); border-radius: var(--border-radius-3); align-items: center; gap: var(--unit-12); text-align: center; box-sizing: border-box; box-shadow: var(--drop-shadow-5); flex-direction: column; flex: 1 1 0%; margin: 0px; display: flex; }
.InsetIllustration__media{ border-radius: var(--border-radius-3); background: var(--color-white); width: 100%; box-shadow: var(--shadow-inset-3); position: relative; overflow: hidden; }
.InsetIllustration__media::after{ content: ""; box-shadow: var(--shadow-inset-3); background: 0px 0px; position: absolute; inset: 0px; }
.InsetIllustration__media img{ width: 100%; height: auto; box-shadow: var(--shadow-inset-3); display: block; }
.InsetIllustration__label{ color: var(--color-ink); margin: 0px; }
.InsetIllustration__headline{ font-family: var(--font-display); font-weight: 700; font-size: var(--font-size-10); letter-spacing: -0.02em; font-feature-settings: var(--font-display-features); color: var(--color-ink); text-wrap: pretty; max-width: 700px; margin: 0px; line-height: 0.95; }
@media (max-width: 1023px){.InsetIllustration__section{ padding-inline: var(--unit-6); }.InsetIllustration__sectionTrailingSpacing{ padding-bottom: var(--unit-5); }.InsetIllustration__head{ padding-inline: 0px; }.InsetIllustration__band{ width: 100%; margin-inline: 0px; }.InsetIllustration__panel{ padding: var(--unit-8) var(--unit-8) var(--unit-9); gap: var(--unit-8); }.InsetIllustration__sectionFlushScrollTop .InsetIllustration__panel{ padding-top: 0px; }}
@container content (max-width: 1023px){.InsetIllustration__section{ padding-inline: var(--unit-6); }.InsetIllustration__sectionTrailingSpacing{ padding-bottom: var(--unit-5); }.InsetIllustration__head{ padding-inline: 0px; }.InsetIllustration__band{ width: 100%; margin-inline: 0px; }.InsetIllustration__panel{ padding: var(--unit-7) var(--unit-7) var(--unit-8); gap: var(--unit-8); }.InsetIllustration__sectionFlushScrollTop .InsetIllustration__panel{ padding-top: 0px; }}
@media (max-width: 767px){.InsetIllustration__section:not(.InsetIllustration__sectionFlushScrollTop){ padding-top: var(--unit-9); }.InsetIllustration__media{ height: calc(var(--content-inline-size,100vw) * .8); }.InsetIllustration__media img{ object-fit: cover; height: 100%; }}
@container content (max-width: 767px){.InsetIllustration__section:not(.InsetIllustration__sectionFlushScrollTop){ padding-top: var(--unit-9); }.InsetIllustration__media{ height: calc(var(--content-inline-size,100vw) * .8); }.InsetIllustration__media img{ object-fit: cover; height: 100%; }}
@media (min-width: 1024px){.InsetIllustration__section{ padding-inline: 180px; }}
@container content (max-width: 1023px){.InsetIllustration__section{ padding-inline: var(--unit-6); }}
.page-surface__root{ min-height: 0px; }
.MediaLoadIn__root{ position: relative; overflow: hidden; }
.MediaLoadIn__fill{ width: 100%; height: 100%; position: absolute; inset: 0px; }
.MediaLoadIn__intrinsic{ width: 100%; display: block; position: relative; }
.MediaLoadIn__placeholder{ z-index: 1; background: var(--media-load-in-surface,var(--color-pale-grey)); opacity: 1; visibility: visible; pointer-events: none; transition: opacity 0.65s ease-out, visibility linear 0.65s; position: absolute; inset: 0px; }
.MediaLoadIn__root[data-ready] .MediaLoadIn__placeholder{ opacity: 0; visibility: hidden; }
@media (prefers-reduced-motion: reduce){.MediaLoadIn__placeholder, .MediaLoadIn__root[data-ready] .MediaLoadIn__placeholder{ transition: none; }}
.ServicesNotebookBlock__grid{ justify-content: center; gap: var(--unit-8); flex-wrap: wrap; width: 100%; display: flex; }
.ServicesNotebookBlock__column{ min-width: 0px; padding: 0 var(--unit-6); gap: var(--unit-4); flex-direction: column; flex: 1 1 240px; display: flex; }
.ServicesNotebookBlock__columnEyebrow{ justify-content: flex-start; width: auto; padding: 0px; }
.ServicesNotebookBlock__columnList{ color: var(--color-ink); font-family: var(--font-display); font-size: var(--font-size-8); letter-spacing: 0px; text-align: left; font-feature-settings: var(--font-display-features); margin: 0px; padding: 0px; font-weight: 400; line-height: 1.2; list-style: none; }
.ServicesNotebookBlock__columnItem{ margin: 0px; }
@media (max-width: 1024px){.ServicesNotebookBlock__grid{ flex-direction: column; align-items: stretch; gap: 0px; }.ServicesNotebookBlock__column{ padding: var(--unit-9) 0; text-align: center; flex-basis: auto; align-items: center; }.ServicesNotebookBlock__column + .ServicesNotebookBlock__column{ border-top: 1px solid var(--color-ink-10); }.ServicesNotebookBlock__columnEyebrow{ justify-content: center; }.ServicesNotebookBlock__columnList{ font-size: var(--font-size-7); text-align: center; line-height: 1.5; }}
@container content (max-width: 1024px){.ServicesNotebookBlock__grid{ flex-direction: column; align-items: stretch; gap: 0px; }.ServicesNotebookBlock__column{ padding: var(--unit-9) 0; text-align: center; flex-basis: auto; align-items: center; }.ServicesNotebookBlock__column:first-child{ padding-top: 0px; }.ServicesNotebookBlock__column + .ServicesNotebookBlock__column{ border-top: 1px solid var(--color-ink-10); }.ServicesNotebookBlock__columnEyebrow{ justify-content: center; }.ServicesNotebookBlock__columnList{ font-size: var(--font-size-7); text-align: center; line-height: 1.5; }}
.PageTransition__enterCover{ z-index: 5; opacity: 1; background: var(--color-white); pointer-events: none; display: block; position: absolute; inset: 0px; }
.DrawerMenu__drawer{ width: var(--drawer-width); z-index: 80; background: var(--color-white); will-change: transform; transition: transform 0.52s cubic-bezier(0.55, 0.085, 0.675, 0.19); position: fixed; top: 0px; bottom: 0px; left: 0px; overflow: hidden; transform: translate(-100%); }
.DrawerMenu__drawerBackdrop{ display: none; }
@media (max-width: 768px){.DrawerMenu__drawer{ z-index: 210; }:is(body.drawer-open .DrawerMenu__drawerScroller, body.drawer-dots-visible .DrawerMenu__drawerScroller){ width: 100%; }.DrawerMenu__drawerBackdrop{ z-index: 200; background: var(--color-white); pointer-events: none; transition: transform 0.52s cubic-bezier(0.55, 0.085, 0.675, 0.19); display: block; position: fixed; inset: 0px; transform: translate(-100%); }body.drawer-open .DrawerMenu__drawerBackdrop{ pointer-events: auto; transform: translate(0px); }}
@media (prefers-reduced-motion: reduce){.DrawerMenu__drawerBackdrop{ transition: none; }}
body.drawer-open .DrawerMenu__drawer{ transform: translate(0px); }
:is(body.drawer-open .DrawerMenu__drawer, body.drawer-dots-visible .DrawerMenu__drawer){ overflow: visible; }
.DrawerMenu__drawerScroller{ scrollbar-width: none; height: 100%; overflow: hidden auto; }
:is(body.drawer-open .DrawerMenu__drawerScroller, body.drawer-dots-visible .DrawerMenu__drawerScroller){ box-sizing: border-box; width: 100%; margin-left: calc(-1 * var(--unit-1)); padding-inline: var(--unit-1) var(--unit-2); }
.DrawerMenu__drawerScroller::-webkit-scrollbar{ width: 0px; height: 0px; display: none; }
.DrawerMenu__drawerInner{ padding: var(--unit-2) 0 var(--unit-2) var(--unit-3); flex-direction: column; align-items: center; gap: 0px; display: flex; overflow: visible; }
.DrawerMenu__drawerInner > *{ flex: 0 0 auto; width: 100%; }
.DrawerMenu__drawerFigmaV3{ background: var(--color-white); }
.DrawerMenu__drawerInnerFigmaV3{ gap: 0px; }
.DrawerMenu__drawerFigmaV3 .DrawerMenu__dotRail > span{ background: var(--color-ink); }
.DrawerMenu__drawerNavInteractive{ border-radius: 0px; transition: border-radius 0.45s cubic-bezier(0.22, 1, 0.36, 1); position: relative; overflow: visible; }
.DrawerMenu__drawerNavInteractive:focus-visible{ border-radius: var(--border-radius-4); }
@media (hover: hover) and (pointer: fine){.DrawerMenu__drawerNavInteractive:hover{ border-radius: var(--border-radius-4); }}
@media not ((hover: hover) and (pointer: fine)){.DrawerMenu__drawer a:hover{ color: inherit; }.DrawerMenu__drawer a:hover::after{ transform: scaleX(0); }}
@media (prefers-reduced-motion: reduce){.DrawerMenu__drawerNavInteractive{ transition: none; }}
.DrawerMenu__drawerSplit{ gap: var(--unit-2); grid-template-columns: 1fr 1fr; align-items: stretch; width: 100%; display: grid; }
.DrawerMenu__drawerSplit > *{ width: 100%; min-width: 0px; }
.DrawerMenu__drawerSplitFollow, .DrawerMenu__drawerSplitDice{ align-items: start; }
.DrawerMenu__dotRail{ height: var(--unit-2); width: calc(100% + var(--unit-3)); margin-left: calc(-1 * var(--unit-1)); flex-shrink: 0; justify-content: space-between; align-items: flex-start; padding: 0px; display: none; position: relative; overflow: visible; }
:is(body.drawer-open .DrawerMenu__dotRail, body.drawer-dots-visible .DrawerMenu__dotRail){ display: flex; }
.DrawerMenu__dotRail > span{ width: var(--unit-2); height: var(--unit-2); background: var(--color-ink); flex: 0 0 auto; display: block; }
.DrawerNewsletterForm__panel{ height: var(--unit-17); padding: var(--unit-6); background: var(--yellow); box-sizing: border-box; border-radius: 0px; flex-direction: column; justify-content: space-between; gap: 0px; transition: border-radius 0.45s cubic-bezier(0.22, 1, 0.36, 1); display: flex; }
.DrawerNewsletterForm__panel:focus-within{ border-radius: var(--border-radius-3); }
@media (hover: hover) and (pointer: fine){.DrawerNewsletterForm__panel:hover{ border-radius: var(--border-radius-3); }}
@media (prefers-reduced-motion: reduce){.DrawerNewsletterForm__panel{ transition: none; }}
.DrawerNewsletterForm__intro{ flex-direction: column; gap: 0px; width: 100%; display: flex; }
.DrawerNewsletterForm__eyebrow{ font-family: var(--font-default); font-size: var(--font-size-5); color: var(--color-ink); font-feature-settings: "ss01", "lnum", "tnum"; margin: 0px; line-height: 1.5; }
.DrawerNewsletterForm__body{ font-family: var(--font-serif); font-size: var(--font-size-5); color: var(--color-ink); margin: 0px; line-height: 1.3; }
.DrawerNewsletterForm__form{ gap: var(--unit-5); flex-direction: column; width: 100%; margin: 0px; display: flex; }
.DrawerNewsletterForm__field{ gap: var(--unit-5); flex-direction: column; width: 100%; display: flex; position: relative; }
.DrawerNewsletterForm__fieldSuccess{ min-height: 0.875rem; }
.DrawerNewsletterForm__row{ justify-content: space-between; align-items: center; gap: var(--unit-5); width: 100%; min-height: 0.875rem; display: flex; }
.DrawerNewsletterForm__input{ min-width: 0px; font-family: var(--font-default); font-size: var(--font-size-5); color: var(--color-ink-60); font-feature-settings: "ss01", "lnum", "tnum"; background: 0px 0px; border: 0px; outline: none; flex: 1 1 auto; padding: 0px; line-height: 1.2; transition: color 0.2s ease-in-out; }
.DrawerNewsletterForm__input::placeholder{ color: var(--color-ink-60); opacity: 1; transition: color 0.2s ease-in-out; }
@media (hover: hover) and (pointer: fine){.DrawerNewsletterForm__input:hover, .DrawerNewsletterForm__input:hover::placeholder{ color: var(--color-ink); opacity: 1; }.DrawerNewsletterForm__submit:hover{ opacity: 0.85; }}
.DrawerNewsletterForm__submit{ width: var(--unit-5); height: var(--unit-5); cursor: pointer; will-change: transform, opacity; background: 0px 0px; border: 0px; flex: 0 0 auto; justify-content: center; align-items: center; padding: 0px; display: flex; }
.DrawerNewsletterForm__submit img{ width: var(--unit-5); height: var(--unit-5); display: block; }
.DrawerNewsletterForm__line{ border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--color-ink); width: 100%; height: 0px; margin: 0px; }
.DrawerNewsletterForm__feedback{ font-family: var(--font-default); font-size: var(--font-size-5); color: var(--color-ink); font-feature-settings: "ss01", "lnum", "tnum"; margin: 0px; line-height: 1.2; }
.DrawerNewsletterForm__feedbackError{ color: var(--color-ink-60); }
.DrawerNewsletterForm__submit:disabled{ cursor: not-allowed; opacity: 0.45; }
.DrawerNewsletterForm__submitExiting:disabled{ opacity: 1; cursor: default; }
.DrawerNewsletterForm__input:disabled{ opacity: 0.6; }
.DrawerNewsletterForm__inputLoading:disabled{ opacity: 1; }
.DrawerCredits__footer{ min-height: 92px; padding: var(--unit-9) 0; text-align: center; color: var(--color-soft-grey); font-feature-settings: "ss01", "lnum", "tnum"; flex-direction: column; justify-content: center; align-items: center; margin: 0px; line-height: 1.4; display: flex; }
.DrawerCredits__footer p{ margin: 0px; line-height: 1.4; }
.DrawerCredits__footer strong{ color: var(--color-soft-grey); font-weight: 500; }
.DrawerCredits__link{ font-weight: 500; }
.DrawerInformation__panel{ min-height: 150px; padding: var(--unit-5); background: var(--color-pale-grey); box-sizing: border-box; border-radius: 0px; transition: border-radius 0.45s cubic-bezier(0.22, 1, 0.36, 1); }
.DrawerInformation__panel:focus-within{ border-radius: var(--border-radius-4); }
@media (hover: hover) and (pointer: fine){.DrawerInformation__panel:hover{ border-radius: var(--border-radius-4); }}
@media (prefers-reduced-motion: reduce){.DrawerInformation__panel{ transition: none; }}
.DrawerInformation__grid{ justify-content: space-between; align-items: stretch; gap: var(--unit-6); width: 100%; display: flex; }
.DrawerInformation__primary{ justify-content: space-between; gap: var(--unit-6); flex-direction: column; min-width: 0px; display: flex; }
.DrawerInformation__phone, .DrawerInformation__email{ flex-direction: column; align-items: flex-start; gap: 0px; line-height: 1.3; display: flex; }
.DrawerInformation__emails{ gap: var(--unit-5); flex-direction: column; min-width: 0px; display: flex; }
.DrawerInformation__footer{ flex-direction: column; gap: 0px; display: flex; }
.DrawerInformation__heading, .DrawerInformation__muted{ padding-top: 0px; font-family: var(--font-serif); font-size: var(--font-size-5); margin: 0px; padding-inline: 0px; line-height: 1.3; }
.DrawerInformation__heading{ color: var(--color-ink); }
.DrawerInformation__muted{ color: var(--color-default-grey); }
@media (max-width: 768px){.DrawerInformation__grid{ gap: var(--unit-5); flex-direction: column; }.DrawerInformation__primary{ gap: var(--unit-5); }}
.DrawerBlockView__pill{ padding: var(--unit-3) var(--unit-5); border-radius: var(--border-radius-7); background: var(--color-ink); color: var(--color-white); font-family: var(--font-serif); font-size: var(--font-size-4); letter-spacing: 0.12px; text-align: center; flex-shrink: 0; justify-content: center; align-items: center; font-weight: 400; line-height: normal; display: inline-flex; }
.DrawerBlockView__search{ width: 100%; }
.DrawerBlockView__searchField{ width: 100%; height: 46px; padding: 0 var(--unit-7); border-radius: var(--border-radius-8); background: var(--color-ink); justify-content: space-between; align-items: center; gap: var(--unit-4); color: var(--color-white-60); border: 0px; display: flex; }
.DrawerBlockView__searchSrOnly{ clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }
.DrawerBlockView__searchInput{ min-width: 0px; color: var(--color-white); font-feature-settings: "ss01", "lnum", "tnum"; background: 0px 0px; border: 0px; flex: 1 1 0%; }
.DrawerBlockView__searchInput::placeholder{ color: var(--color-white-60); }
.DrawerBlockView__searchInput:focus{ outline: none; }
.DrawerBlockView__showreel{ background: var(--color-white); border-radius: 0px; width: 100%; height: 267px; transition: border-radius 0.45s cubic-bezier(0.22, 1, 0.36, 1); position: relative; overflow: hidden; }
.DrawerBlockView__showreel:focus-within{ border-radius: var(--border-radius-5); }
@media (hover: hover) and (pointer: fine){.DrawerBlockView__showreel:hover{ border-radius: var(--border-radius-5); }}
@media (prefers-reduced-motion: reduce){.DrawerBlockView__showreel{ transition: none; }}
.DrawerBlockView__showreelVideo{ object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0px; }
.DrawerBlockView__showreelMeta{ pointer-events: none; padding: var(--unit-6) var(--unit-7) calc(var(--unit-5) + var(--unit-1)); color: var(--color-pale-grey); font-feature-settings: "ss01", "lnum", "tnum"; flex-direction: column; justify-content: space-between; display: flex; position: absolute; inset: 0px; }
.DrawerBlockView__showreelRowTop{ justify-content: space-between; align-items: flex-start; gap: var(--unit-4); width: 100%; display: flex; }
.DrawerBlockView__showreelLeft{ align-items: center; gap: calc(var(--unit-4) - var(--unit-1)); cursor: pointer; color: inherit; font: inherit; pointer-events: auto; background: 0px 0px; border: 0px; padding: 0px; display: inline-flex; }
.DrawerBlockView__showreelPlayIcon{ margin-top: var(--unit-1); display: flex; }
.DrawerBlockView__showreelPlayIcon img{ width: 19px; height: 19px; display: block; transform: rotate(90deg); }
.DrawerBlockView__showreelTitle{ text-align: right; }
.DrawerBlockView__tile, .DrawerBlockView__halfButton, .DrawerBlockView__typefaces{ padding-bottom: 0px; }
.DrawerBlockView__tile::after, .DrawerBlockView__halfButton::after, .DrawerBlockView__typefaces::after{ content: none; }
.DrawerBlockView__tile:focus-visible, .DrawerBlockView__halfButton:focus-visible, .DrawerBlockView__typefaces:focus-visible{ color: inherit; }
@media (hover: hover) and (pointer: fine){.DrawerBlockView__tile:hover, .DrawerBlockView__halfButton:hover, .DrawerBlockView__typefaces:hover{ color: inherit; }}
.DrawerBlockView__tile{ width: 100%; min-height: 120px; padding: var(--unit-9) var(--unit-5); text-align: center; justify-content: center; align-items: center; text-decoration: none; display: flex; }
.DrawerBlockView__tileLabel{ font-family: var(--font-default); font-size: var(--font-size-7); letter-spacing: 0px; font-feature-settings: "lnum", "tnum"; color: var(--color-ink); line-height: 1.2; }
.DrawerBlockView__halfButton{ aspect-ratio: 1 / 1; width: 100%; min-height: 0px; padding: var(--unit-7) var(--unit-5); background: var(--tan); justify-content: center; align-items: center; text-decoration: none; display: flex; }
.DrawerBlockView__radio{ background: var(--color-soft-grey); border-radius: 0px; flex-shrink: 0; width: 100%; height: 232px; transition: border-radius 0.45s cubic-bezier(0.22, 1, 0.36, 1); position: relative; overflow: hidden; }
.DrawerBlockView__radio:focus-within{ border-radius: var(--border-radius-3); }
@media (hover: hover) and (pointer: fine){.DrawerBlockView__radio:hover{ border-radius: var(--border-radius-3); }}
@media (prefers-reduced-motion: reduce){.DrawerBlockView__radio{ transition: none; }}
.DrawerBlockView__radioGrille{ left: var(--unit-5); width: 200px; height: 200px; position: absolute; top: 50%; transform: translateY(-50%); }
.DrawerBlockView__radioGrilleImg{ object-fit: contain; width: 100%; height: 100%; display: block; }
.DrawerBlockView__radioPower{ top: var(--unit-5); right: var(--unit-5); z-index: 1; align-items: center; gap: var(--unit-3); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; display: flex; position: absolute; }
.DrawerBlockView__radioPowerLed{ width: var(--unit-5); height: var(--unit-5); border-radius: var(--border-radius-circle); background: rgb(90, 97, 99); flex-shrink: 0; transition: background-color 0.16s; display: block; }
.DrawerBlockView__radioPowerLed[data-on="true"]{ background: var(--color-tag-new); }
.DrawerBlockView__radioPowerLabel{ font-family: var(--font-mono); font-size: var(--font-size-1); color: var(--color-ink); text-transform: none; line-height: 1; }
.DrawerBlockView__radioKnobs{ right: var(--unit-5); bottom: var(--unit-5); z-index: 1; gap: var(--unit-6); align-items: flex-end; display: flex; position: absolute; }
.DrawerBlockView__radioKnob{ align-items: center; gap: var(--unit-4); flex-direction: column; display: flex; }
.DrawerBlockView__radioKnobLabel{ font-family: var(--font-mono); font-size: var(--font-size-1); color: var(--color-ink-40); line-height: 1; }
.DrawerBlockView__radioKnobDial{ cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 46px; height: 46px; padding: 0px; position: relative; }
.DrawerBlockView__radioKnobDial img{ pointer-events: none; width: 100%; height: 100%; display: block; }
.DrawerBlockView__radioKnobNotch{ left: 50%; top: var(--unit-2); background: var(--color-white); transform-origin: 50% 18px; pointer-events: none; width: 2px; height: 12px; margin-left: -1px; transition: transform 0.16s; position: absolute; }
@media (max-width: 768px){.DrawerBlockView__showreel{ aspect-ratio: 1920 / 1080; height: auto; }.DrawerBlockView__radioKnobs{ align-items: flex-end; gap: var(--unit-2); flex-direction: column; }}
.DrawerBlockView__clock{ aspect-ratio: 1 / 1; border-radius: var(--border-radius-circle); background: 0px 0px; overflow: visible; }
.DrawerBlockView__dice{ aspect-ratio: 1 / 1; background: var(--color-pale-grey); border-radius: 0px; width: 100%; min-height: 0px; transition: border-radius 0.45s cubic-bezier(0.22, 1, 0.36, 1); position: relative; overflow: hidden; }
@media (hover: hover) and (pointer: fine){.DrawerBlockView__dice:hover{ border-radius: var(--border-radius-3); }}
@media (prefers-reduced-motion: reduce){.DrawerBlockView__dice{ transition: none; }}
.DrawerBlockView__typefaces{ width: 100%; min-height: 278px; padding: var(--unit-9) var(--unit-5) var(--unit-17); box-sizing: border-box; justify-content: flex-start; align-items: flex-start; text-decoration: none; display: flex; position: relative; overflow: hidden; }
.DrawerBlockView__typefacesVideo{ object-fit: cover; object-position: center center; width: 100%; height: 100%; position: absolute; inset: 0px; }
.DrawerBlockView__typefaces .DrawerBlockView__pill{ z-index: 1; position: relative; }
.GlobalHeader__root{ --header-motion-duration: .52s; --header-motion-ease: cubic-bezier(.55, .085, .675, .19); --header-chrome-size: 64px; --header-chrome-stroke: 2px; z-index: 30; width: 100vw; height: 80px; padding: var(--unit-3); box-sizing: border-box; pointer-events: none; position: fixed; top: 0px; left: 0px; right: 0px; }
:is(body.drawer-animating .GlobalHeader__brand, body.drawer-animating .GlobalHeader__centerSlot){ transition: left var(--header-motion-duration) var(--header-motion-ease); }
.GlobalHeader__brand{ font-family: var(--font-default); font-weight: 300; font-size: var(--font-size-6); letter-spacing: -0.01em; color: var(--color-ink); pointer-events: auto; cursor: pointer; white-space: nowrap; transition: color var(--link-hover-duration) ease; background: 0px 0px; border: 0px; margin: 0px; padding: 0px; line-height: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.GlobalHeader__centerSlot{ pointer-events: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
:is(.GlobalHeader__root[data-home-intro="pending"] [data-home-intro-brand], .GlobalHeader__root[data-home-intro="pending"] .GlobalHeader__menuBtn, .GlobalHeader__root[data-home-intro="pending"] [data-header-cta]){ opacity: 0; visibility: hidden; pointer-events: none; }
.GlobalHeader__brand::after{ content: none; }
.GlobalHeader__brand:hover, .GlobalHeader__brand:focus-visible{ color: var(--color-ink-60); }
.GlobalHeader__brand:visited{ color: var(--color-ink); }
.GlobalHeader__brand:focus-visible{ outline: 2px solid var(--color-ink); outline-offset: 3px; }
.GlobalHeader__brandIntro{ display: inline-block; }
.GlobalHeader__leadingCluster{ top: var(--unit-3); left: var(--unit-3); z-index: 30; align-items: flex-start; gap: var(--unit-3); pointer-events: none; display: inline-flex; position: fixed; }
body.drawer-animating .GlobalHeader__leadingCluster{ transition: left var(--header-motion-duration) var(--header-motion-ease); }
.GlobalHeader__leadingCluster > *{ pointer-events: auto; }
.GlobalHeader__menuBtn{ width: var(--header-chrome-size); height: var(--header-chrome-size); color: var(--color-ink); cursor: pointer; background: 0px 0px; border: 0px; flex-shrink: 0; justify-content: center; align-items: center; padding: 0px; display: inline-flex; position: relative; }
.GlobalHeader__menuBtn:focus-visible{ outline: 2px solid var(--color-ink); outline-offset: 3px; }
.GlobalHeader__menuIconWrap{ transform-origin: 50% center; width: 100%; height: 100%; transition: transform var(--header-motion-duration) var(--header-motion-ease); display: inline-block; position: relative; }
body.drawer-open .GlobalHeader__menuIconWrap{ transform: rotate(135deg); }
.GlobalHeader__menuIconInner{ transform-origin: 50% center; transition: transform 0.15s ease-out; display: block; position: absolute; inset: 0px; }
@media (hover: hover) and (pointer: fine){.GlobalHeader__menuBtn:hover .GlobalHeader__menuIconInner{ transform: rotate(12deg); }body.drawer-open .GlobalHeader__menuBtn:hover .GlobalHeader__menuIconInner{ transform: rotate(-12deg); }}
.GlobalHeader__menuIconPlus{ position: absolute; inset: 0px; }
.GlobalHeader__menuIconPlus::before, .GlobalHeader__menuIconPlus::after{ content: ""; background: currentcolor; position: absolute; }
.GlobalHeader__menuIconPlus::before{ width: var(--header-chrome-stroke); margin-inline: auto; inset: 0px; }
.GlobalHeader__menuIconPlus::after{ height: var(--header-chrome-stroke); margin-block: auto; inset: 0px; }
.GlobalHeader__headerCta{ --header-cta-duration: .12s; --header-cta-ease: ease-out; top: var(--unit-3); right: var(--unit-3); z-index: 30; width: var(--header-chrome-size); height: var(--header-chrome-size); border: var(--header-chrome-stroke) solid var(--color-ink); padding: var(--unit-2); box-sizing: border-box; pointer-events: auto; color: var(--color-ink); cursor: pointer; background: 0px 0px; border-radius: 50%; justify-content: center; align-items: center; display: inline-flex; position: fixed; overflow: hidden; }
.GlobalHeader__headerCta::after{ content: none; }
.GlobalHeader__headerCta:hover, .GlobalHeader__headerCta:focus-visible{ color: var(--color-ink); }
.GlobalHeader__headerCtaCanAnimate{ transition: border-radius var(--header-cta-duration) var(--header-cta-ease), background-color var(--header-cta-duration) var(--header-cta-ease); }
.GlobalHeader__headerCtaCanAnimate:focus-visible{ background: var(--color-white); border-radius: 0px; }
.GlobalHeader__headerCtaCanAnimate:focus-visible .GlobalHeader__headerCtaLabel{ opacity: 1; }
@media (hover: hover) and (pointer: fine){.GlobalHeader__headerCtaCanAnimate:hover{ background: var(--color-white); border-radius: 0px; }.GlobalHeader__headerCtaCanAnimate:hover .GlobalHeader__headerCtaLabel{ opacity: 1; }}
.GlobalHeader__headerCta:focus-visible{ outline: 2px solid var(--color-ink); outline-offset: 3px; }
.GlobalHeader__headerCtaLabel{ opacity: 0; width: 100%; font-family: var(--font-default); font-weight: 300; font-size: var(--font-size-5); letter-spacing: -0.01em; text-align: center; text-wrap: balance; overflow-wrap: break-word; line-height: 1.15; display: block; }
.GlobalHeader__headerCtaCanAnimate .GlobalHeader__headerCtaLabel{ transition: opacity var(--header-cta-duration) var(--header-cta-ease); }
.GlobalHeader__headerCta.GlobalHeader__headerCtaExpanded{ background: var(--color-white); border-radius: 0px; }
.GlobalHeader__headerCta.GlobalHeader__headerCtaExpanded .GlobalHeader__headerCtaLabel{ opacity: 1; }
:is(body.drawer-open .GlobalHeader__brand, body.drawer-open .GlobalHeader__centerSlot){ left: calc(50% + var(--drawer-width) / 2); }
body.drawer-open .GlobalHeader__leadingCluster{ left: var(--drawer-width); }
body.filters-open .GlobalHeader__leadingCluster{ pointer-events: auto; }
@media (prefers-reduced-motion: reduce){:is(body.drawer-animating .GlobalHeader__brand, body.drawer-animating .GlobalHeader__centerSlot, body.drawer-animating .GlobalHeader__leadingCluster), .GlobalHeader__menuIconWrap{ transition: none; }body.drawer-open .GlobalHeader__menuIconWrap{ transform: rotate(45deg); }.GlobalHeader__headerCtaCanAnimate, .GlobalHeader__headerCtaCanAnimate .GlobalHeader__headerCtaLabel{ transition: none; }.GlobalHeader__headerCtaCanAnimate:focus-visible{ background: var(--color-white); border-radius: 0px; }.GlobalHeader__headerCtaCanAnimate:focus-visible .GlobalHeader__headerCtaLabel{ opacity: 1; }@media (hover: hover) and (pointer: fine){
  .GlobalHeader__headerCtaCanAnimate:hover { background: var(--color-white); border-radius: 0px; }
  .GlobalHeader__headerCtaCanAnimate:hover .GlobalHeader__headerCtaLabel { opacity: 1; }
}.GlobalHeader__headerCtaCanAnimate.GlobalHeader__headerCtaExpanded, .GlobalHeader__headerCtaCanAnimate.GlobalHeader__headerCtaExpanded:focus-visible, .GlobalHeader__headerCta.GlobalHeader__headerCtaExpanded, .GlobalHeader__headerCta.GlobalHeader__headerCtaExpanded:focus-visible{ background: var(--color-white); border-radius: 0px; }.GlobalHeader__headerCtaCanAnimate.GlobalHeader__headerCtaExpanded .GlobalHeader__headerCtaLabel, .GlobalHeader__headerCtaCanAnimate.GlobalHeader__headerCtaExpanded:focus-visible .GlobalHeader__headerCtaLabel, .GlobalHeader__headerCta.GlobalHeader__headerCtaExpanded .GlobalHeader__headerCtaLabel, .GlobalHeader__headerCta.GlobalHeader__headerCtaExpanded:focus-visible .GlobalHeader__headerCtaLabel{ opacity: 1; }@media (max-width: 768px){
  .GlobalHeader__brand, .GlobalHeader__centerSlot, .GlobalHeader__headerCta, .GlobalHeader__menuBtn { transition: none; }
}}
@media (max-width: 768px){.GlobalHeader__root{ --header-chrome-size: 40px; height: 56px; padding: var(--unit-3); z-index: 220; }.GlobalHeader__leadingCluster{ top: var(--unit-3); left: var(--unit-3); z-index: 220; }body.drawer-open .GlobalHeader__leadingCluster{ left: var(--drawer-width); }.GlobalHeader__menuBtn{ box-sizing: border-box; transition: background-color var(--header-motion-duration) var(--header-motion-ease); border-radius: 50%; }.GlobalHeader__headerCta{ top: var(--unit-3); right: var(--unit-3); z-index: 220; padding: 4px; }.GlobalHeader__headerCtaLabel{ font-size: 8px; line-height: 1.1; }.GlobalHeader__headerCtaCanAnimate{ transition: transform var(--header-motion-duration) var(--header-motion-ease), border-radius var(--header-cta-duration) var(--header-cta-ease), background-color var(--header-cta-duration) var(--header-cta-ease); }.GlobalHeader__headerCtaCanAnimate:hover, .GlobalHeader__headerCtaCanAnimate:focus-visible{ background: 0px 0px; border-radius: 50%; }.GlobalHeader__headerCtaCanAnimate:hover .GlobalHeader__headerCtaLabel, .GlobalHeader__headerCtaCanAnimate:focus-visible .GlobalHeader__headerCtaLabel{ opacity: 0; }.GlobalHeader__headerCtaCanAnimate.GlobalHeader__headerCtaExpanded, .GlobalHeader__headerCtaCanAnimate.GlobalHeader__headerCtaExpanded:hover, .GlobalHeader__headerCtaCanAnimate.GlobalHeader__headerCtaExpanded:focus-visible, .GlobalHeader__headerCta.GlobalHeader__headerCtaExpanded, .GlobalHeader__headerCta.GlobalHeader__headerCtaExpanded:hover, .GlobalHeader__headerCta.GlobalHeader__headerCtaExpanded:focus-visible{ background: var(--color-white); border-radius: 0px; }.GlobalHeader__headerCtaCanAnimate.GlobalHeader__headerCtaExpanded .GlobalHeader__headerCtaLabel, .GlobalHeader__headerCtaCanAnimate.GlobalHeader__headerCtaExpanded:hover .GlobalHeader__headerCtaLabel, .GlobalHeader__headerCtaCanAnimate.GlobalHeader__headerCtaExpanded:focus-visible .GlobalHeader__headerCtaLabel, .GlobalHeader__headerCta.GlobalHeader__headerCtaExpanded .GlobalHeader__headerCtaLabel, .GlobalHeader__headerCta.GlobalHeader__headerCtaExpanded:hover .GlobalHeader__headerCtaLabel, .GlobalHeader__headerCta.GlobalHeader__headerCtaExpanded:focus-visible .GlobalHeader__headerCtaLabel{ opacity: 1; }:is(body.drawer-animating .GlobalHeader__brand, body.drawer-animating .GlobalHeader__centerSlot){ transition: left var(--header-motion-duration) var(--header-motion-ease), opacity var(--header-motion-duration) var(--header-motion-ease); }:is(body.drawer-open .GlobalHeader__brand, body.drawer-open .GlobalHeader__centerSlot){ left: calc(100vw - var(--drawer-mobile-reveal) / 2); opacity: 0; pointer-events: none; }body.drawer-open .GlobalHeader__headerCta{ transform: translate(100vw); }body.drawer-open .GlobalHeader__menuBtn{ background: var(--color-pale-grey); }body.drawer-open .GlobalHeader__leadingCluster::before{ content: ""; width: var(--drawer-mobile-reveal); background: var(--color-white); z-index: -1; pointer-events: none; position: fixed; top: 0px; bottom: 0px; right: 0px; }}
@media (min-width: 1920px){.GlobalHeader__root{ padding: var(--unit-6) var(--unit-7); min-height: 70px; }}
body.header-inverted .GlobalHeader__brand{ color: var(--color-white); }
:is(body.header-inverted .GlobalHeader__brand:hover, body.header-inverted .GlobalHeader__brand:focus-visible){ color: var(--color-white-60); }
body.header-inverted .GlobalHeader__brand:visited{ color: var(--color-white); }
:is(body.header-inverted .GlobalHeader__brand:focus-visible, body.header-inverted .GlobalHeader__menuBtn:focus-visible, body.header-inverted .GlobalHeader__headerCta:focus-visible){ outline-color: var(--color-white); }
body.header-inverted .GlobalHeader__headerCta{ border-color: var(--color-white); color: var(--color-white); }
body.header-inverted .GlobalHeader__headerCta.GlobalHeader__headerCtaExpanded{ background: var(--color-ink); color: var(--color-white); }
body.header-inverted .GlobalHeader__menuBtn{ color: var(--color-white); }
@media (max-width: 768px){body.header-inverted.drawer-open .GlobalHeader__menuBtn{ background: var(--color-pale-grey); color: var(--color-ink); }}
.ContentAnnotation__root{ display: inline; }
.ContentAnnotation__trigger{ white-space: normal; word-break: normal; overflow-wrap: normal; font: inherit; color: inherit; cursor: help; background: 0px 0px; border: 0px; margin: 0px; padding: 0px; display: inline; }
.ContentAnnotation__triggerText{ text-decoration-line: underline; text-decoration-style: initial; text-decoration-color: initial; text-decoration-thickness: var(--link-underline-thickness-display); text-underline-offset: var(--link-underline-gap-display); text-decoration-skip-ink: all; }
.ContentAnnotation__trigger:focus-visible{ outline: 2px solid var(--color-ink); outline-offset: 3px; }
@keyframes ContentAnnotation__annotationBadgeIn{ 
  0% { opacity: 0; transform: scale(0.45); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes ContentAnnotation__annotationBodyUnfold{ 
  0% { clip-path: inset(0 100% 0 0 round var(--border-radius-3)); opacity: 0.35; }
  100% { clip-path: inset(0 0 0 0 round var(--border-radius-3)); opacity: 1; }
}
@keyframes ContentAnnotation__annotationCaretBlink{ 
  0%, 45% { opacity: 1; }
  50%, 100% { opacity: 0; }
}
.ContentAnnotation__cardStacked, .ContentAnnotation__cardSticky{ opacity: 1; transition: opacity 0.24s cubic-bezier(0.22, 1, 0.36, 1); }
.ContentAnnotation__cardStacked[data-exiting], .ContentAnnotation__cardSticky[data-exiting]{ opacity: 0; pointer-events: none; }
.ContentAnnotation__cardStacked[data-exiting] .ContentAnnotation__stackedRow{ opacity: 1; transform: none; transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
.ContentAnnotation__cardStacked[data-exiting] .ContentAnnotation__badge, .ContentAnnotation__cardStacked[data-exiting] .ContentAnnotation__body, .ContentAnnotation__cardStacked[data-exiting] .ContentAnnotation__heroLine, .ContentAnnotation__cardSticky[data-exiting] .ContentAnnotation__stickyPanel, .ContentAnnotation__cardSticky[data-exiting] .ContentAnnotation__stickyTitle, .ContentAnnotation__cardSticky[data-exiting] .ContentAnnotation__stickyDescription, .ContentAnnotation__cardSticky[data-exiting] .ContentAnnotation__stickyBodyReveal{ transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
.ContentAnnotation__caret{ vertical-align: -0.08em; background: currentcolor; width: 0.06em; height: 0.95em; margin-left: 0.04em; animation: 0.9s step-end 0s infinite normal none running ContentAnnotation__annotationCaretBlink; display: inline-block; }
.ContentAnnotation__title{ color: var(--color-ink); }
.ContentAnnotation__description{ color: var(--color-ink-40); }
.ContentAnnotation__cardStacked{ z-index: 50; width: 340px; max-width: calc(100vw - var(--unit-7) * 2); pointer-events: none; flex-direction: column; display: flex; position: fixed; }
.ContentAnnotation__stackedRow{ align-items: flex-start; width: 100%; display: flex; }
.ContentAnnotation__badge{ z-index: 1; border-radius: var(--border-radius-circle); background: var(--annotation-bg); width: 63px; height: 63px; color: var(--color-ink); font-family: var(--font-default,var(--font-sans,system-ui, sans-serif)); font-size: var(--font-size-6); letter-spacing: 0px; opacity: 0; flex-shrink: 0; justify-content: center; align-items: center; font-weight: 400; line-height: 1.2; display: flex; position: relative; transform: scale(0.45); }
.ContentAnnotation__stackedRow[data-stage="badge"] .ContentAnnotation__badge, .ContentAnnotation__stackedRow[data-stage="body"] .ContentAnnotation__badge, .ContentAnnotation__stackedRow[data-stage="title"] .ContentAnnotation__badge, .ContentAnnotation__stackedRow[data-stage="description"] .ContentAnnotation__badge, .ContentAnnotation__stackedRow[data-stage="done"] .ContentAnnotation__badge{ animation: 0.14s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal forwards running ContentAnnotation__annotationBadgeIn; }
.ContentAnnotation__stackedRow[data-stage="done"] .ContentAnnotation__badge{ opacity: 1; animation: auto ease 0s 1 normal none running none; transform: scale(1); }
.ContentAnnotation__body{ min-width: 0px; min-height: calc(var(--unit-7) * 2 + 1.2em); padding-top: ; padding-right: ; padding-bottom: ; padding-left: calc(var(--unit-6)); border-radius: var(--border-radius-3); background: var(--annotation-bg); color: var(--color-ink); font-family: var(--font-default,var(--font-sans,system-ui, sans-serif)); font-size: var(--font-size-5); letter-spacing: 0px; text-align: left; clip-path: inset(0 100% 0 0 round var(--border-radius-3)); opacity: 0.35; flex: 1 1 auto; font-weight: 400; line-height: 1.2; }
.ContentAnnotation__bodyCopy{ text-wrap: pretty; min-width: 0px; display: block; }
.ContentAnnotation__stackedRow[data-stage="body"] .ContentAnnotation__body, .ContentAnnotation__stackedRow[data-stage="title"] .ContentAnnotation__body, .ContentAnnotation__stackedRow[data-stage="description"] .ContentAnnotation__body, .ContentAnnotation__stackedRow[data-stage="done"] .ContentAnnotation__body{ animation: 0.16s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal forwards running ContentAnnotation__annotationBodyUnfold; }
.ContentAnnotation__stackedRow[data-stage="title"] .ContentAnnotation__body, .ContentAnnotation__stackedRow[data-stage="description"] .ContentAnnotation__body, .ContentAnnotation__stackedRow[data-stage="done"] .ContentAnnotation__body{ clip-path: inset(0 0 0 0 round var(--border-radius-3)); opacity: 1; }
.ContentAnnotation__stackedRow[data-stage="description"] .ContentAnnotation__body, .ContentAnnotation__stackedRow[data-stage="done"] .ContentAnnotation__body{ animation: auto ease 0s 1 normal none running none; }
.ContentAnnotation__cardSticky{ --annotation-bg: var(--color-pink-annotation); --sticky-width: 328px; --sticky-height-compact: calc(var(--unit-5) * 2 + 1.2 * var(--font-size-5)); --sticky-height-full: 234px; z-index: 50; width: var(--sticky-width); max-width: calc(100vw - var(--unit-7) * 2); pointer-events: none; position: fixed; }
.ContentAnnotation__stickyPanel{ background: var(--annotation-bg); padding: var(--unit-5); min-height: var(--sticky-height-compact); text-align: left; transform-origin: center top; border-radius: 0px; flex-direction: column; justify-content: flex-start; align-items: stretch; transition: min-height 0.16s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.14s; display: flex; overflow: hidden; }
.ContentAnnotation__cardSticky[data-stage="body"] .ContentAnnotation__stickyPanel, .ContentAnnotation__cardSticky[data-stage="done"] .ContentAnnotation__stickyPanel{ min-height: var(--sticky-height-full); justify-content: space-between; }
.ContentAnnotation__cardSticky[data-stage="card"] .ContentAnnotation__stickyPanel{ opacity: 0; animation: 0.14s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal forwards running ContentAnnotation__annotationStickyTitleIn; }
.ContentAnnotation__stickyTitle{ color: var(--color-ink-40); font-family: var(--font-default,var(--font-sans,system-ui, sans-serif)); font-size: var(--font-size-5); letter-spacing: 0px; font-feature-settings: "ss01", "lnum", "tnum"; flex-shrink: 0; font-weight: 400; line-height: 1.2; }
.ContentAnnotation__stickyBodyReveal{ flex-shrink: 0; grid-template-rows: 0fr; align-self: stretch; transition: grid-template-rows 0.16s cubic-bezier(0.22, 1, 0.36, 1); display: grid; }
.ContentAnnotation__cardSticky[data-stage="body"] .ContentAnnotation__stickyBodyReveal, .ContentAnnotation__cardSticky[data-stage="done"] .ContentAnnotation__stickyBodyReveal{ grid-template-rows: 1fr; }
.ContentAnnotation__stickyBodyInner{ min-height: 0px; overflow: hidden; }
.ContentAnnotation__stickyDescription{ color: var(--color-ink); font-family: var(--font-default,var(--font-sans,system-ui, sans-serif)); font-size: var(--font-size-6); letter-spacing: 0px; font-feature-settings: "ss01", "lnum", "tnum"; opacity: 0; font-weight: 400; line-height: 1.2; transition: transform 0.16s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.12s; transform: translateY(-0.35em); }
.ContentAnnotation__cardSticky[data-stage="body"] .ContentAnnotation__stickyDescription, .ContentAnnotation__cardSticky[data-stage="done"] .ContentAnnotation__stickyDescription{ opacity: 1; transform: translateY(0px); }
.ContentAnnotation__cardStacked[data-variant="hero"]{ --slim-note-height: 90px; overflow: visible; }
.ContentAnnotation__cardStacked[data-variant="hero"] .ContentAnnotation__stackedRow{ opacity: 0; position: relative; }
.ContentAnnotation__cardStacked[data-variant="hero"] .ContentAnnotation__stackedRow:first-child{ z-index: 3; }
.ContentAnnotation__cardStacked[data-variant="hero"] .ContentAnnotation__stackedRow:nth-child(2){ z-index: 2; }
.ContentAnnotation__cardStacked[data-variant="hero"] .ContentAnnotation__stackedRow:nth-child(3){ z-index: 1; }
.ContentAnnotation__cardStacked[data-variant="hero"] .ContentAnnotation__stackedRow[data-enter="fade"]{ animation: 0.16s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal forwards running ContentAnnotation__heroRowFadeIn; }
.ContentAnnotation__cardStacked[data-variant="hero"] .ContentAnnotation__stackedRow[data-enter="slide"]{ animation: 0.17s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal forwards running ContentAnnotation__heroRowSlideFromUnder; }
.ContentAnnotation__cardStacked[data-variant="hero"] .ContentAnnotation__badge{ opacity: 1; transform: none; animation: auto ease 0s 1 normal none running none !important; }
.ContentAnnotation__cardStacked[data-variant="hero"] .ContentAnnotation__body{ height: var(--slim-note-height); min-height: var(--slim-note-height); padding: var(--unit-4) var(--unit-5); box-sizing: border-box; clip-path: none; opacity: 1; line-height: 1.15; overflow: hidden; animation: auto ease 0s 1 normal none running none !important; }
.ContentAnnotation__cardStacked[data-variant="hero"] .ContentAnnotation__bodyCopy{ min-width: 0px; display: block; overflow: hidden; }
.ContentAnnotation__cardStacked[data-variant="hero"] .ContentAnnotation__heroLine{ opacity: 0; transition: opacity 0.52s cubic-bezier(0.33, 1, 0.32, 1); display: block; }
.ContentAnnotation__cardStacked[data-variant="hero"] .ContentAnnotation__heroLine[data-visible]{ opacity: 1; }
@keyframes ContentAnnotation__heroRowFadeIn{ 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes ContentAnnotation__heroRowSlideFromUnder{ 
  0% { opacity: 0.35; transform: translateY(calc(var(--slim-note-height) * -.92)); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes ContentAnnotation__annotationStickyTitleIn{ 
  0% { opacity: 0; transform: translateY(-4px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (prefers-reduced-motion: reduce){.ContentAnnotation__cardStacked, .ContentAnnotation__cardSticky{ transition: none; }.ContentAnnotation__cardStacked[data-exiting], .ContentAnnotation__cardSticky[data-exiting]{ opacity: 0; }.ContentAnnotation__badge{ opacity: 1; animation: auto ease 0s 1 normal none running none; transform: none; }.ContentAnnotation__body, .ContentAnnotation__stickyPanel{ clip-path: none; opacity: 1; animation: auto ease 0s 1 normal none running none; }.ContentAnnotation__stickyPanel{ min-height: var(--sticky-height-full); justify-content: space-between; }.ContentAnnotation__stickyBodyReveal{ grid-template-rows: 1fr; }.ContentAnnotation__stickyDescription, .ContentAnnotation__cardStacked[data-variant="hero"] .ContentAnnotation__stackedRow, .ContentAnnotation__cardStacked[data-variant="hero"] .ContentAnnotation__heroLine{ opacity: 1; transition: none; animation: auto ease 0s 1 normal none running none; transform: none; }.ContentAnnotation__caret{ display: none; }}
.NotebookPaperShell__tiltLayer{ width: 100%; }
.NotebookPaperShell__paper{ box-sizing: border-box; width: 100%; max-width: none; box-shadow: var(--drop-shadow-4); background: 0px 0px; display: flex; position: relative; }
.NotebookPaperShell__paperSurfaceBg{ z-index: 0; pointer-events: none; position: absolute; inset: 0px; }
.NotebookPaperShell__variantYellow .NotebookPaperShell__paperSurfaceBg{ background: var(--yellow); }
.NotebookPaperShell__variantGrey .NotebookPaperShell__paperSurfaceBg{ background: var(--color-pale-grey); }
.NotebookPaperShell__variantGreen .NotebookPaperShell__paperSurfaceBg{ background: var(--panel-mint); }
.NotebookPaperShell__variantPlain{ box-shadow: none; }
.NotebookPaperShell__variantPlain .NotebookPaperShell__paperSurfaceBg{ background: 0px 0px; }
.NotebookPaperShell__punchLeft{ align-items: center; gap: var(--unit-8); padding: var(--unit-11) var(--unit-11) var(--unit-13) var(--unit-8); flex-direction: row; }
.NotebookPaperShell__punchTop{ align-items: stretch; gap: var(--unit-10); padding: var(--unit-8) var(--unit-11) var(--unit-13) var(--unit-8); flex-direction: column; }
.NotebookPaperShell__punches{ z-index: 1; pointer-events: none; flex-shrink: 0; display: flex; position: relative; }
.NotebookPaperShell__punchLeft .NotebookPaperShell__punches{ padding: var(--unit-3) 0 0 var(--unit-2); flex-direction: column; justify-content: center; align-self: center; gap: 300px; }
.NotebookPaperShell__punchTop .NotebookPaperShell__punches{ flex-direction: row; justify-content: center; align-self: center; gap: 10rem; width: 100%; padding: 0px; }
.NotebookPaperShell__punch{ width: var(--unit-8); height: var(--unit-8); background: 0px 0px; border-radius: 50%; flex-shrink: 0; position: relative; }
.NotebookPaperShell__punch::after{ content: ""; box-shadow: inset var(--unit-1) calc(var(--unit-1) + var(--unit-2)) var(--unit-2) #0000006e, 0 0 var(--unit-1) #00000059; pointer-events: none; border-radius: 50%; position: absolute; inset: 0px; }
.NotebookPaperShell__main{ z-index: 1; flex: 1 1 0%; min-width: 0px; position: relative; }
.NotebookPaperShell__mainCenter{ align-items: center; gap: var(--unit-8); text-align: center; flex-direction: column; display: flex; }
@media (min-width: 2080px){.NotebookPaperShell__paper{ max-width: 2000px; min-height: 60vh; margin-inline: auto; }.NotebookPaperShell__punchTop .NotebookPaperShell__main{ flex-direction: column; justify-content: center; display: flex; }}
@media (max-width: 900px){.NotebookPaperShell__paper{ padding: var(--unit-6); flex-direction: column; align-items: stretch; }}
@container content (max-width: 900px){.NotebookPaperShell__paper{ padding: var(--unit-6); flex-direction: column; align-items: stretch; }}
@media (max-width: 1023px) and (min-width: 901px){.NotebookPaperShell__paper{ padding: var(--unit-9) var(--unit-6) var(--unit-11) calc(var(--unit-6) + var(--notebook-edge-inset-extra,0px)); flex-direction: column; align-items: stretch; }}
@container content (max-width: 1023px) and (min-width: 901px){.NotebookPaperShell__paper{ padding: var(--unit-9) var(--unit-6) var(--unit-11) calc(var(--unit-6) + var(--notebook-edge-inset-extra,0px)); flex-direction: column; align-items: stretch; }}
@media (max-width: 1023px){.NotebookPaperShell__punches, .NotebookPaperShell__punchLeft .NotebookPaperShell__punches, .NotebookPaperShell__punchTop .NotebookPaperShell__punches{ width: 100%; padding: 0 0 var(--unit-5); flex-direction: row; justify-content: center; align-self: center; align-items: center; gap: 5rem; }.NotebookPaperShell__punch{ width: var(--unit-8); height: var(--unit-8); }.NotebookPaperShell__paperFlushTop{ padding-top: var(--unit-6); }}
@container content (max-width: 1023px){.NotebookPaperShell__punches, .NotebookPaperShell__punchLeft .NotebookPaperShell__punches, .NotebookPaperShell__punchTop .NotebookPaperShell__punches{ width: 100%; padding: 0 0 var(--unit-5); flex-direction: row; justify-content: center; align-self: center; align-items: center; gap: 5rem; }.NotebookPaperShell__punch{ width: var(--unit-8); height: var(--unit-8); }.NotebookPaperShell__paperFlushTop{ padding-top: var(--unit-6); }}
.HomeMission__section{ justify-content: stretch; height: 100%; }
.HomeMission__sectionFlushScrollTop{ padding-top: 0px; }
.HomeMission__paper{ flex: 1 1 0%; margin: 0px auto; }
.HomeMission__stage{ width: 100%; padding: var(--unit-7) var(--unit-4); position: relative; }
.HomeMission__copy{ box-sizing: border-box; text-align: center; width: 100%; max-width: none; font-family: var(--font-display); font-weight: 700; font-size: var(--font-size-11); letter-spacing: -0.02em; font-feature-settings: var(--font-display-features); color: var(--color-ink); text-wrap: pretty; margin: 0px; line-height: 1; }
.HomeMission__underline{ text-decoration-line: underline; text-decoration-style: initial; text-decoration-color: initial; text-decoration-thickness: var(--link-underline-thickness-display); text-underline-offset: var(--link-underline-gap-display); }
@media (max-width: 900px){.HomeMission__copy{ font-size: var(--font-size-9); }}
@container content (max-width: 900px){.HomeMission__copy{ font-size: var(--font-size-9); }}
.VimeoBackgroundPlayer__root{ background: 0px 0px; width: 100%; height: 100%; position: relative; overflow: hidden; container-type: size; }
.VimeoBackgroundPlayer__root:not(.VimeoBackgroundPlayer__rootFill){ height: auto; }
.VimeoBackgroundPlayer__rootFill{ position: absolute; inset: 0px; }
.VimeoBackgroundPlayer__viewportGate{ width: 100%; height: 100%; position: absolute; inset: 0px; }
.VimeoBackgroundPlayer__iframe, .VimeoBackgroundPlayer__video{ pointer-events: none; border: 0px; width: 100%; height: 100%; position: absolute; inset: 0px; }
.VimeoBackgroundPlayer__video{ object-fit: cover; }
.VimeoBackgroundPlayer__iframeCover{ width: max(100%, calc(100cqh * var(--vimeo-ar,1.777))); height: max(100%, calc(100cqw / var(--vimeo-ar,1.777))); inset: 50% auto auto 50%; transform: translate(-50%, -50%); }
@media (max-width: 479.98px){.VimeoBackgroundPlayer__containMobile .VimeoBackgroundPlayer__video{ object-fit: contain; }.VimeoBackgroundPlayer__containMobile .VimeoBackgroundPlayer__iframeCover{ width: min(100%, calc(100cqh * var(--vimeo-ar,1.777))); height: min(100%, calc(100cqw / var(--vimeo-ar,1.777))); }}
@container content (max-width: 479.98px){.VimeoBackgroundPlayer__containMobile .VimeoBackgroundPlayer__video{ object-fit: contain; }.VimeoBackgroundPlayer__containMobile .VimeoBackgroundPlayer__iframeCover{ width: min(100%, calc(100cqh * var(--vimeo-ar,1.777))); height: min(100%, calc(100cqw / var(--vimeo-ar,1.777))); }}
@keyframes SectionScrollTitle__segmentReveal{ 
  0% { opacity: 0; max-width: 0px; }
  100% { max-width: var(--segment-max); opacity: 1; }
}
@keyframes SectionScrollTitle__segmentSlide{ 
  0% { opacity: 0; transform: translate(1.1em); }
  100% { opacity: 1; transform: translate(0px); }
}
@keyframes SectionScrollTitle__segmentCollapse{ 
  0% { max-width: var(--segment-max); opacity: 1; }
  100% { opacity: 0; max-width: 0px; }
}
@keyframes SectionScrollTitle__segmentSlideOut{ 
  0% { opacity: 1; transform: translate(0px); }
  100% { opacity: 0; transform: translate(1.1em); }
}
.SectionScrollTitle__root{ --breadcrumb-ease: cubic-bezier(.16, 1, .3, 1); --breadcrumb-duration: .38s; width: min(720px, -180px + 100vw); min-height: 1.1em; font-family: var(--font-default); font-size: var(--font-size-6); letter-spacing: -0.01em; color: var(--color-ink); margin: 0px auto; font-weight: 400; line-height: 1.1; position: relative; }
.SectionScrollTitle__prefixGroup{ white-space: nowrap; transition: transform var(--breadcrumb-duration) var(--breadcrumb-ease); align-items: baseline; display: inline-flex; position: absolute; top: 0px; left: 50%; transform: translate(-50%); }
.SectionScrollTitle__rootIdle .SectionScrollTitle__prefixGroup, .SectionScrollTitle__rootExiting .SectionScrollTitle__prefixGroup{ transform: translate(-50%); }
.SectionScrollTitle__rootActive .SectionScrollTitle__prefixGroup{ transform: translate(-100%); }
.SectionScrollTitle__parent{ color: var(--color-ink-40); transition: color var(--link-hover-duration) ease; padding-bottom: 0px; font-weight: 300; line-height: 1; display: inline-block; }
.SectionScrollTitle__parent::after{ content: none; }
.SectionScrollTitle__rootIdle .SectionScrollTitle__parent, .SectionScrollTitle__rootExiting .SectionScrollTitle__parent, .SectionScrollTitle__rootIdle .SectionScrollTitle__parent:visited, .SectionScrollTitle__rootExiting .SectionScrollTitle__parent:visited{ color: var(--color-ink); }
.SectionScrollTitle__rootIdle .SectionScrollTitle__parent:hover, .SectionScrollTitle__rootIdle .SectionScrollTitle__parent:focus-visible, .SectionScrollTitle__rootExiting .SectionScrollTitle__parent:hover, .SectionScrollTitle__rootExiting .SectionScrollTitle__parent:focus-visible{ color: var(--color-ink-60); }
.SectionScrollTitle__parent:visited{ color: var(--color-ink-40); }
.SectionScrollTitle__rootActive .SectionScrollTitle__parent:hover, .SectionScrollTitle__rootActive .SectionScrollTitle__parent:focus-visible{ color: var(--color-ink); }
.SectionScrollTitle__parent:focus-visible{ outline: 2px solid var(--color-ink); outline-offset: 3px; }
.SectionScrollTitle__sep{ --segment-max: 2.25rem; opacity: 0; max-width: 0px; color: var(--color-ink-40); transition: max-width var(--breadcrumb-duration) var(--breadcrumb-ease), opacity var(--breadcrumb-duration) var(--breadcrumb-ease), padding var(--breadcrumb-duration) var(--breadcrumb-ease); flex: 0 0 auto; padding: 0px; overflow: hidden; }
.SectionScrollTitle__sepInner{ white-space: nowrap; padding: 0px 0.35em; display: inline-block; }
.SectionScrollTitle__rootActive .SectionScrollTitle__sepVisible{ max-width: var(--segment-max); opacity: 1; }
.SectionScrollTitle__rootActive .SectionScrollTitle__sepEnter{ animation: SectionScrollTitle__segmentReveal var(--breadcrumb-duration) var(--breadcrumb-ease) forwards; }
.SectionScrollTitle__rootActive .SectionScrollTitle__sepEnter .SectionScrollTitle__sepInner{ animation: SectionScrollTitle__segmentSlide var(--breadcrumb-duration) var(--breadcrumb-ease) forwards; }
.SectionScrollTitle__rootActive .SectionScrollTitle__sepExit, .SectionScrollTitle__rootExiting .SectionScrollTitle__sepExit{ max-width: var(--segment-max); opacity: 1; animation: SectionScrollTitle__segmentCollapse var(--breadcrumb-duration) var(--breadcrumb-ease) forwards; }
.SectionScrollTitle__rootActive .SectionScrollTitle__sepExit .SectionScrollTitle__sepInner, .SectionScrollTitle__rootExiting .SectionScrollTitle__sepExit .SectionScrollTitle__sepInner{ animation: SectionScrollTitle__segmentSlideOut var(--breadcrumb-duration) var(--breadcrumb-ease) forwards; }
.SectionScrollTitle__titleSlot{ grid-template-columns: minmax(0px, max-content); align-items: baseline; min-width: 0px; max-width: min(28rem, 55vw); display: inline-grid; position: absolute; top: 0px; left: 50%; }
.SectionScrollTitle__titleLayer{ --segment-max: min(28rem, 55vw); grid-area: 1 / 1; min-width: 0px; overflow: hidden; }
.SectionScrollTitle__titleLayerStatic{ max-width: var(--segment-max); opacity: 1; }
.SectionScrollTitle__titleLayerEnter{ opacity: 0; max-width: 0px; animation: SectionScrollTitle__segmentReveal var(--breadcrumb-duration) var(--breadcrumb-ease) forwards; }
.SectionScrollTitle__titleLayerEnter .SectionScrollTitle__titleInner{ opacity: 0; animation: SectionScrollTitle__segmentSlide var(--breadcrumb-duration) var(--breadcrumb-ease) forwards; }
.SectionScrollTitle__titleLayerExit{ max-width: var(--segment-max); opacity: 1; animation: SectionScrollTitle__segmentCollapse var(--breadcrumb-duration) var(--breadcrumb-ease) forwards; }
.SectionScrollTitle__titleLayerExit .SectionScrollTitle__titleInner{ opacity: 1; animation: SectionScrollTitle__segmentSlideOut var(--breadcrumb-duration) var(--breadcrumb-ease) forwards; }
.SectionScrollTitle__titleInner{ white-space: nowrap; display: inline-block; }
.SectionScrollTitle__current{ max-width: 100%; color: var(--color-ink); text-overflow: ellipsis; vertical-align: bottom; line-height: 1.1; display: inline-block; overflow: hidden; }
@media (prefers-reduced-motion: reduce){.SectionScrollTitle__prefixGroup, .SectionScrollTitle__parent, .SectionScrollTitle__sep{ transition: none; }.SectionScrollTitle__sepEnter, .SectionScrollTitle__sepExit, .SectionScrollTitle__sepEnter .SectionScrollTitle__sepInner, .SectionScrollTitle__sepExit .SectionScrollTitle__sepInner, .SectionScrollTitle__titleLayerEnter, .SectionScrollTitle__titleLayerExit, .SectionScrollTitle__titleLayerEnter .SectionScrollTitle__titleInner, .SectionScrollTitle__titleLayerExit .SectionScrollTitle__titleInner{ opacity: 1; max-width: var(--segment-max); animation: auto ease 0s 1 normal none running none; transform: none; }}
@media (max-width: 768px){.SectionScrollTitle__root{ width: calc(-140px + 100vw); }}
@container content (max-width: 768px){.SectionScrollTitle__root{ width: calc(-140px + 100vw); }}
.CardsWireGrid__root{ justify-content: stretch; gap: var(--unit-6); width: 100%; max-width: none; min-height: 0px; padding-top: var(--unit-12); padding-bottom: var(--unit-15); box-sizing: border-box; flex-direction: column; flex: 1 1 0%; margin: 0px auto; display: flex; }
.CardsWireGrid__rootFlushScrollTop{ padding-top: 0px; }
.CardsWireGrid__plate{ width: 100%; padding: var(--unit-9); border: 4px solid var(--color-pale-grey); border-radius: var(--border-radius-6); background-color: var(--color-white); background-image: url("./assets/images/grid-background-tile.svg"); background-position: 0px 0px; background-repeat: repeat; background-size: var(--unit-14) var(--unit-14); box-sizing: border-box; flex-direction: column; flex: 0 0 auto; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; container: www-plate / inline-size; }
.CardsWireGrid__content{ z-index: 1; box-sizing: border-box; pointer-events: none; width: 100%; height: auto; padding: var(--unit-10) 0 var(--unit-6); justify-content: center; align-items: center; margin-inline: auto; display: flex; position: relative; }
.CardsWireGrid__content a, .CardsWireGrid__content button, .CardsWireGrid__content input{ pointer-events: auto; }
.CardsWireGrid__eyebrow{ flex-shrink: 0; }
.CardsWireGrid__layoutCenter{ justify-content: center; align-items: center; width: 100%; min-height: 0px; display: flex; }
.CardsWireGrid__layout{ justify-content: center; align-items: center; gap: var(--unit-11); transform-origin: 50% center; will-change: transform; pointer-events: auto; flex-wrap: nowrap; width: 100%; display: flex; }
.CardsWireGrid__stack{ align-items: stretch; gap: var(--unit-11); flex-direction: column; flex: 0 1 589px; width: min(100%, 589px); display: flex; }
.CardsWireGrid__card{ border-radius: var(--border-radius-7); box-sizing: border-box; position: relative; }
.CardsWireGrid__cardLead{ width: min(360px, 100%); max-width: 360px; padding: calc(var(--unit-9) + var(--unit-6)); background: var(--color-default-grey); box-shadow: var(--shadow-inset-glass); align-self: flex-end; gap: var(--unit-8); flex-direction: column; display: flex; }
.CardsWireGrid__frameWrap{ justify-content: center; display: flex; }
.CardsWireGrid__frame{ width: min(230px, 100%); padding: var(--unit-3); border-radius: var(--border-radius-4); background: var(--color-ink); overflow: hidden; }
.CardsWireGrid__leadMediaWrap{ aspect-ratio: 528 / 393; border-radius: var(--border-radius-2); width: 100%; display: block; overflow: hidden; }
.CardsWireGrid__leadMedia{ object-fit: cover; }
.CardsWireGrid__frame img.CardsWireGrid__leadMedia{ height: 100%; }
.CardsWireGrid__leadMediaVideo{ aspect-ratio: 528 / 393; border-radius: var(--border-radius-2); background: rgb(0, 0, 0); width: 100%; position: relative; overflow: hidden; }
.CardsWireGrid__leadMediaVimeo{ border-radius: var(--border-radius-2); --media-load-in-surface: #000; background: rgb(0, 0, 0); }
.CardsWireGrid__cardCopy{ font-family: var(--font-default); font-size: var(--font-size-6); text-align: center; color: var(--color-ink); margin: 0px; line-height: 1.2; }
.CardsWireGrid__cardClocks{ width: fit-content; max-width: 100%; padding: var(--unit-8) calc(var(--unit-8) + var(--unit-2)); background: var(--color-yellow-cream); box-shadow: var(--shadow-inset-glass); transition: box-shadow 0.35s; }
.CardsWireGrid__cardClocksActive{ box-shadow: var(--shadow-inset-glass-reverse); }
@media (prefers-reduced-motion: reduce){.CardsWireGrid__cardClocks{ transition: none; }}
.CardsWireGrid__clocks{ align-items: flex-start; gap: clamp(var(--unit-5), 2.4vw, var(--unit-7)); flex-direction: column; width: fit-content; max-width: 100%; display: flex; }
.CardsWireGrid__clocksRow{ grid-template-columns: repeat(4, calc(var(--unit-14) + var(--unit-2))); justify-content: start; justify-items: start; gap: var(--unit-6); width: max-content; max-width: 100%; display: grid; }
.CardsWireGrid__clocksRowThree{ grid-template-columns: repeat(3, calc(var(--unit-14) + var(--unit-2))); width: max-content; max-width: none; }
.CardsWireGrid__clocksFoot{ justify-content: space-between; align-items: flex-end; gap: clamp(var(--unit-5), 2vw, var(--unit-7)); width: 100%; display: flex; }
.CardsWireGrid__online{ align-items: center; gap: var(--unit-3); padding-bottom: var(--unit-1); flex-shrink: 0; margin-left: auto; display: flex; }
.CardsWireGrid__onlineLabel{ font-family: var(--font-default); font-size: var(--font-size-5); letter-spacing: 0.02em; text-transform: uppercase; color: var(--color-ink-30); line-height: 1.2; }
.CardsWireGrid__onlineDot{ flex-shrink: 0; width: 14px; height: 14px; display: block; }
.CardsWireGrid__onlineDot img{ width: 100%; height: 100%; display: block; }
.CardsWireGrid__cardCities{ justify-content: flex-start; align-self: center; align-items: center; gap: var(--unit-9); width: min(100%, 450px); padding: var(--unit-6) var(--unit-8) var(--unit-8); border-radius: var(--border-radius-3); background: var(--color-black); text-align: center; flex-direction: column; flex: 0 1 450px; height: fit-content; display: flex; }
.CardsWireGrid__glassText{ max-width: 100%; display: inline-block; }
.CardsWireGrid__glassTextWord{ white-space: nowrap; display: inline-block; }
.CardsWireGrid__glassTextSpace{ white-space: pre; }
.CardsWireGrid__glassTextChar{ display: inline-block; position: relative; }
.CardsWireGrid__glassTextSizer{ visibility: hidden; }
.CardsWireGrid__glassTextStroke, .CardsWireGrid__glassTextFill, .CardsWireGrid__glassTextTop, .CardsWireGrid__glassTextHighlight{ pointer-events: none; width: max-content; position: absolute; inset: 0px auto auto 0px; }
.CardsWireGrid__glassTextStroke::before, .CardsWireGrid__glassTextFill::before, .CardsWireGrid__glassTextTop::before, .CardsWireGrid__glassTextHighlight::before{ content: attr(data-text); width: max-content; font: inherit; letter-spacing: inherit; display: block; }
.CardsWireGrid__glassTextStroke{ z-index: 1; }
.CardsWireGrid__glassTextStroke::before{ color: rgba(0, 0, 0, 0); -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.5px transparent; paint-order: stroke; background-image: linear-gradient(120deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.7) 20%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.7) 80%, rgb(255, 255, 255) 100%); background-clip: text; }
.CardsWireGrid__glassTextFill{ z-index: 2; }
.CardsWireGrid__glassTextFill::before{ color: var(--color-ink); -webkit-text-fill-color: var(--color-ink); }
.CardsWireGrid__glassTextTop{ z-index: 3; }
.CardsWireGrid__glassTextTop::before{ color: rgba(193, 193, 193, 0.2); -webkit-text-fill-color: rgba(193, 193, 193, 0.2); transition: color 0.5s ease-in-out, -webkit-text-fill-color 0.5s ease-in-out; }
.CardsWireGrid__glassTextHighlight{ z-index: 4; transform: translate(-0.5px, -0.5px); }
.CardsWireGrid__glassTextHighlight::before{ color: rgba(0, 0, 0, 0); -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1); paint-order: stroke; }
.CardsWireGrid__brandTop{ font-family: var(--font-display); font-weight: 400; font-size: var(--font-size-10); font-feature-settings: var(--font-display-features); margin: 0px; line-height: 0.84; }
.CardsWireGrid__wf{ margin: var(--unit-3) 0 0; font-family: var(--font-default); font-size: var(--font-size-5); color: var(--color-soft-grey); }
.CardsWireGrid__citylist{ width: 100%; font-family: var(--font-display); font-weight: 400; font-size: var(--font-size-10); font-feature-settings: var(--font-display-features); text-align: center; margin: 0px; padding: 0px; line-height: 0.84; list-style: none; }
.CardsWireGrid__citylist li{ margin: 0px; }
.CardsWireGrid__citylist button{ appearance: none; width: 100%; color: inherit; font: inherit; text-align: inherit; cursor: pointer; touch-action: manipulation; background: 0px 0px; border: 0px; margin: 0px; padding: 0px; display: block; }
.CardsWireGrid__cityActive .CardsWireGrid__glassTextTop::before{ color: rgba(193, 193, 193, 0.6); -webkit-text-fill-color: rgba(193, 193, 193, 0.6); }
@media (hover: hover){.CardsWireGrid__citylist li:hover .CardsWireGrid__glassTextTop::before{ color: rgba(193, 193, 193, 0.6); -webkit-text-fill-color: rgba(193, 193, 193, 0.6); }}
@media (max-width: 1280px){.CardsWireGrid__root{ gap: var(--unit-8); padding-inline: var(--unit-5); padding-top: calc(var(--unit-14) + var(--unit-5)); padding-bottom: var(--unit-15); }.CardsWireGrid__plate{ padding: var(--unit-8) var(--unit-6); }.CardsWireGrid__content{ padding: var(--unit-8) 0 var(--unit-10); }.CardsWireGrid__layout{ gap: var(--unit-7); }.CardsWireGrid__stack{ gap: clamp(var(--unit-5), 3cqi, var(--unit-11)); flex: 0 1 clamp(300px, 52cqi, 589px); width: min(100%, clamp(300px, 52cqi, 589px)); }.CardsWireGrid__cardLead{ width: min(clamp(200px, 32cqi, 360px), 100%); max-width: clamp(200px, 32cqi, 360px); padding: var(--unit-9); }.CardsWireGrid__frame{ width: min(clamp(130px, 20cqi, 230px), 100%); }.CardsWireGrid__cardClocks{ padding: var(--unit-8) calc(var(--unit-8) + var(--unit-2)); }.CardsWireGrid__clocks{ gap: clamp(var(--unit-4), 2cqi, var(--unit-7)); }.CardsWireGrid__clocksRow{ grid-template-columns: repeat(4, clamp(var(--unit-8), 10cqi, calc(var(--unit-14) + var(--unit-2)))); gap: clamp(var(--unit-3), 2cqi, var(--unit-6)); }.CardsWireGrid__clocksRowThree{ grid-template-columns: repeat(3, clamp(var(--unit-8), 10cqi, calc(var(--unit-14) + var(--unit-2)))); }.CardsWireGrid__onlineDot{ width: 11px; height: 11px; }.CardsWireGrid__cardCities{ width: min(100%, clamp(240px, 40cqi, 451px)); padding: var(--unit-9) var(--unit-8) var(--unit-8); flex: 0 1 clamp(240px, 40cqi, 451px); }.CardsWireGrid__citylist{ font-size: clamp(64px, 9vw, 88px); }}
@container content (max-width: 1280px){.CardsWireGrid__root{ gap: var(--unit-8); padding-inline: var(--unit-5); padding-top: calc(var(--unit-14) + var(--unit-5)); padding-bottom: var(--unit-15); }.CardsWireGrid__plate{ padding: var(--unit-8) var(--unit-6); }.CardsWireGrid__content{ padding: var(--unit-8) 0 var(--unit-10); }.CardsWireGrid__layout{ gap: var(--unit-7); }.CardsWireGrid__stack{ gap: clamp(var(--unit-5), 3cqi, var(--unit-11)); flex: 0 1 clamp(300px, 52cqi, 589px); width: min(100%, clamp(300px, 52cqi, 589px)); }.CardsWireGrid__cardLead{ width: min(clamp(200px, 32cqi, 360px), 100%); max-width: clamp(200px, 32cqi, 360px); padding: var(--unit-9); }.CardsWireGrid__frame{ width: min(clamp(130px, 20cqi, 230px), 100%); }.CardsWireGrid__cardClocks{ padding: var(--unit-8) calc(var(--unit-8) + var(--unit-2)); }.CardsWireGrid__clocks{ gap: clamp(var(--unit-4), 2cqi, var(--unit-7)); }.CardsWireGrid__clocksRow{ grid-template-columns: repeat(4, clamp(var(--unit-8), 10cqi, calc(var(--unit-14) + var(--unit-2)))); gap: clamp(var(--unit-3), 2cqi, var(--unit-6)); }.CardsWireGrid__clocksRowThree{ grid-template-columns: repeat(3, clamp(var(--unit-8), 10cqi, calc(var(--unit-14) + var(--unit-2)))); }.CardsWireGrid__onlineDot{ width: 11px; height: 11px; }.CardsWireGrid__cardCities{ width: min(100%, clamp(240px, 40cqi, 451px)); padding: var(--unit-9) var(--unit-8) var(--unit-8); flex: 0 1 clamp(240px, 40cqi, 451px); }.CardsWireGrid__citylist{ font-size: clamp(56px, 9cqi, 64px); }}
@media (max-width: 768px){.CardsWireGrid__root{ gap: var(--unit-8); padding-inline: 0px; padding-top: var(--unit-9); padding-bottom: var(--unit-9); }.CardsWireGrid__eyebrow{ padding-inline: var(--unit-5); }.CardsWireGrid__plate{ padding: var(--unit-8) var(--unit-5); border-left: 0px; border-right: 0px; border-radius: 0px; }.CardsWireGrid__content{ padding: var(--unit-5) 0; align-items: stretch; }.CardsWireGrid__layout{ align-items: stretch; gap: var(--unit-6); will-change: auto; flex-direction: column; }.CardsWireGrid__stack{ display: contents; }.CardsWireGrid__cardCities{ flex: 0 0 auto; order: 1; align-self: stretch; width: 100%; max-width: none; }.CardsWireGrid__cardClocks{ order: 2; align-self: stretch; width: 100%; max-width: none; }.CardsWireGrid__cardLead{ order: 3; align-self: stretch; width: 100%; max-width: none; }.CardsWireGrid__frame{ width: 100%; }.CardsWireGrid__clocks{ align-items: center; width: 100%; }.CardsWireGrid__clocksRow{ --clock-grid-gap: clamp(var(--unit-3), 2vw, var(--unit-5)); justify-content: center; gap: var(--clock-grid-gap); grid-template-columns: repeat(4, minmax(0px, 1fr)); width: 100%; max-width: 100%; }.CardsWireGrid__clocksRowThree{ width: 100%; max-width: 100%; padding-inline: calc((100% + var(--clock-grid-gap)) / 8); box-sizing: border-box; grid-template-columns: repeat(3, minmax(0px, 1fr)); }.CardsWireGrid__clocksFoot{ align-items: center; gap: var(--unit-4); flex-direction: column; }.CardsWireGrid__online{ align-self: flex-end; margin-left: auto; }.CardsWireGrid__citylist{ margin-top: var(--unit-4); font-size: clamp(56px, 9cqi, 64px); }}
@container content (max-width: 768px){.CardsWireGrid__root{ gap: var(--unit-8); padding-inline: 0px; padding-top: var(--unit-9); padding-bottom: var(--unit-9); }.CardsWireGrid__eyebrow{ padding-inline: var(--unit-5); }.CardsWireGrid__plate{ padding: var(--unit-8) var(--unit-5); border-left: 0px; border-right: 0px; border-radius: 0px; }.CardsWireGrid__content{ padding: var(--unit-5) 0; align-items: stretch; }.CardsWireGrid__layout{ align-items: stretch; gap: var(--unit-6); will-change: auto; flex-direction: column; }.CardsWireGrid__stack{ display: contents; }.CardsWireGrid__cardCities{ flex: 0 0 auto; order: 1; align-self: stretch; width: 100%; max-width: none; }.CardsWireGrid__cardClocks{ order: 2; align-self: stretch; width: 100%; max-width: none; }.CardsWireGrid__cardLead{ order: 3; align-self: stretch; width: 100%; max-width: none; }.CardsWireGrid__frame{ width: 100%; }.CardsWireGrid__clocks{ align-items: center; width: 100%; }.CardsWireGrid__clocksRow{ --clock-grid-gap: clamp(var(--unit-3), 2vw, var(--unit-5)); justify-content: center; gap: var(--clock-grid-gap); grid-template-columns: repeat(4, minmax(0px, 1fr)); width: 100%; max-width: 100%; }.CardsWireGrid__clocksRowThree{ width: 100%; max-width: 100%; padding-inline: calc((100% + var(--clock-grid-gap)) / 8); box-sizing: border-box; grid-template-columns: repeat(3, minmax(0px, 1fr)); }.CardsWireGrid__clocksFoot{ align-items: center; gap: var(--unit-4); flex-direction: column; }.CardsWireGrid__online{ align-self: flex-end; margin-left: auto; }.CardsWireGrid__citylist{ margin-top: var(--unit-4); }}
@media (prefers-reduced-motion: reduce){.CardsWireGrid__layout{ will-change: auto; }}
.HomeTzClock__root{ aspect-ratio: 1 / 1; appearance: none; width: 100%; color: inherit; font: inherit; cursor: pointer; touch-action: manipulation; background: 0px 0px; border: 0px; flex-shrink: 0; padding: 0px; display: block; position: relative; }
.HomeTzClock__face{ border-radius: var(--border-radius-circle); border: 1.8px solid var(--color-ink); background: var(--color-white-10); transition: background-color 0.35s, border-color 0.35s; position: absolute; inset: 0px; }
.HomeTzClock__hand{ transform-origin: 50% 100%; background: var(--color-ink); pointer-events: none; border-radius: 1px; width: 2px; margin-left: -1px; transition: background-color 0.35s, color 0.35s; position: absolute; bottom: 50%; left: 50%; }
.HomeTzClock__handHour{ z-index: 1; height: 28%; }
.HomeTzClock__handMinute{ z-index: 2; height: 38%; }
.HomeTzClock__handSecond{ z-index: 3; width: 4px; height: 38%; color: var(--color-ink); animation-duration: 60s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: HomeTzClock__secondSweep; animation-timeline: auto; animation-range: normal; animation-delay: calc(-1 * var(--second-delay,0s)); transform: rotate(var(--second-start,0deg)); background: 0px 0px; margin-left: -2px; }
.HomeTzClock__handSecondSvg{ width: 100%; height: 100%; display: block; overflow: visible; }
@keyframes HomeTzClock__secondSweep{ 
  0% { transform: rotate(var(--second-start,0deg)); }
  100% { transform: rotate(calc(var(--second-start,0deg) + 360deg)); }
}
@media (prefers-reduced-motion: reduce){.HomeTzClock__handSecond{ opacity: 0.65; animation: auto ease 0s 1 normal none running none; }.HomeTzClock__face, .HomeTzClock__hand{ transition: none; }}
.HomeTzClock__rootActive .HomeTzClock__face{ background: var(--core-accent); border-color: var(--color-white); }
.HomeTzClock__rootActive .HomeTzClock__hand{ background: var(--color-white); }
.HomeTzClock__rootActive .HomeTzClock__handSecond{ color: var(--color-white); background: 0px 0px; }
/* ============================================================================
   PRISTINE OVERRIDES — the places where the template hard-coded a colour, or where the
   token remap (white ground -> black) would put light text on a champagne surface.
   Every rule here maps 1:1 to a row in BEHAVIOR.md §9. Structure is untouched.
   ============================================================================ */

/* dark-ground shadows: the template's shadows are ink-alpha (now white); re-tint to black */
:root{
  --drop-shadow-4: 2px 3px 3px rgba(0,0,0,.6);
  --drop-shadow-5: 12px 16px 6px rgba(0,0,0,.55);
  --drop-shadow-2: 0 12px 40px rgba(0,0,0,.5);
  --shadow-inset-3: inset 2px 3px 4px rgba(0,0,0,.35);
  --shadow-inset-glass: inset -6px -6px 4px rgba(0,0,0,.45), inset 2px 2px 4px rgba(255,255,255,.06), inset 6px 6px 10px rgba(255,255,255,.08);
  --shadow-inset-glass-reverse: inset 6px 6px 4px rgba(0,0,0,.45), inset -2px -2px 4px rgba(255,255,255,.06), inset -6px -6px 10px rgba(255,255,255,.08);
}
html, body{ background: var(--bg); color: var(--fg); }

/* ---------- header ---------- */
.GlobalHeader__headerCtaCanAnimate:focus-visible,
.GlobalHeader__headerCta.GlobalHeader__headerCtaExpanded{ background: var(--champagne); color: var(--fg-dark); }
@media (hover: hover) and (pointer: fine){
  .GlobalHeader__headerCtaCanAnimate:hover{ background: var(--champagne); color: var(--fg-dark); }
}
.GlobalHeader__headerCta{ border-color: var(--champagne); }
.SectionScrollTitle__parent{ font-weight: 400; letter-spacing: .04em; text-transform: uppercase; font-size: calc(var(--font-size-6) * .8); }
.SectionScrollTitle__current{ letter-spacing: .04em; text-transform: uppercase; font-size: calc(var(--font-size-6) * .8); color: var(--champagne); }
.SectionScrollTitle__sep{ color: var(--champagne); }

/* ---------- hero ---------- */
.HomePageHero__copy{ text-transform: uppercase; letter-spacing: -0.01em; }
.HomePageHero__copy em{ font-style: normal; color: var(--champagne); }
.HomePageHero__media{ background: var(--surface-2); box-shadow: 0 0 0 1px var(--border-hair); }
.ContentAnnotation__triggerText{ text-decoration-color: var(--champagne); }

/* annotation cards: A champagne-tint, B champagne, C blue-deep */
.ContentAnnotation__badge, .ContentAnnotation__body{ color: var(--fg); }
.ContentAnnotation__stackedRow[data-tone="b"] .ContentAnnotation__badge,
.ContentAnnotation__stackedRow[data-tone="b"] .ContentAnnotation__body{ color: var(--fg-dark); }

/* ---------- notebook papers (Mission = grey -> surface-2, Services = green -> champagne-2) ---------- */
.NotebookPaperShell__variantGrey .NotebookPaperShell__paperSurfaceBg{ background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--border-hair); }
.NotebookPaperShell__variantGreen .NotebookPaperShell__paperSurfaceBg{ background: var(--champagne-2); }
.HomeServices__list{ color: var(--fg-dark); font-weight: 400; letter-spacing: -0.01em; }
.HomeServices__line:focus-visible{ outline-color: var(--fg-dark); }
.HomeMission__copy{ font-weight: 400; }
.HomeMission__copy .ContentAnnotation__triggerText{ text-decoration-color: var(--champagne); }
.NotebookPaperShell__punch::after{ box-shadow: inset var(--unit-1) calc(var(--unit-1) + var(--unit-2)) var(--unit-2) rgba(0,0,0,.85), 0 0 var(--unit-1) rgba(0,0,0,.6); background: var(--bg); }

/* ---------- illustration band: the ONE light section ---------- */
.InsetIllustration__panel{ background: var(--bg-cream); color: var(--fg-dark); }
.InsetIllustration__label, .InsetIllustration__headline{ color: var(--fg-dark); }
.InsetIllustration__headline{ font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; }
.InsetIllustration__headline em{ font-style: normal; color: var(--champagne-2); }
.InsetIllustration__media{ background: #f6f4f0; }

/* ---------- where our clients are ---------- */
.CardsWireGrid__plate{ background-color: var(--bg); border-color: var(--surface-2); }
.CardsWireGrid__cardLead{ background: var(--surface-1); box-shadow: var(--shadow-inset-glass), 0 0 0 1px var(--border-hair); }
.CardsWireGrid__frame{ background: var(--surface-2); box-shadow: 0 0 0 1px var(--border-hair); }
.CardsWireGrid__cardCopy{ color: var(--fg-muted); }
.CardsWireGrid__cardClocks{ background: var(--champagne); color: var(--fg-dark); }
.CardsWireGrid__onlineLabel{ color: rgba(11,11,12,.55); }
.HomeTzClock__face{ border-color: var(--fg-dark); background: rgba(255,255,255,.12); }
.HomeTzClock__hand{ background: var(--fg-dark); }
.HomeTzClock__handSecond{ color: var(--fg-dark); background: 0 0; }
.HomeTzClock__rootActive .HomeTzClock__face, .HomeTzClock__root[aria-pressed="true"] .HomeTzClock__face{ background: var(--fg-dark); border-color: var(--fg-dark); }
.HomeTzClock__rootActive .HomeTzClock__hand, .HomeTzClock__root[aria-pressed="true"] .HomeTzClock__hand{ background: var(--champagne); }
.HomeTzClock__rootActive .HomeTzClock__handSecond, .HomeTzClock__root[aria-pressed="true"] .HomeTzClock__handSecond{ color: var(--blue); background: 0 0; }
.CardsWireGrid__cardCities{ background: var(--bg); box-shadow: 0 0 0 1px var(--border-hair); }
.CardsWireGrid__wf{ color: var(--fg-muted); }
/* glass text keeps the template's dark-on-dark emboss; the fill stays near-black (not the remapped ink) */
.CardsWireGrid__glassTextFill::before{ color: #161e20; -webkit-text-fill-color: #161e20; }
.CardsWireGrid__glassTextStroke::before{ background-image: linear-gradient(120deg, #fff 0%, rgba(255,255,255,.7) 20%, rgba(201,166,107,.25) 50%, rgba(255,255,255,.7) 80%, #fff 100%); }
.CardsWireGrid__cityActive .CardsWireGrid__glassTextTop::before{ color: rgba(201,166,107,.75); -webkit-text-fill-color: rgba(201,166,107,.75); }
@media (hover: hover){ .CardsWireGrid__citylist li:hover .CardsWireGrid__glassTextTop::before{ color: rgba(201,166,107,.75); -webkit-text-fill-color: rgba(201,166,107,.75); } }

/* ---------- appointment (template: inquiry) ---------- */
.InquiryCtaStack__ctaCardYellow{ background: var(--champagne) !important; box-shadow: 0 calc(40.968px * var(--cta-shadow-inflate)) calc(81.935px * var(--cta-shadow-inflate)) 0 rgba(201,166,107,.12); }
.InquiryCtaStack__ctaCardYellowHover{ box-shadow: 0 calc(40.968px * var(--cta-shadow-inflate)) calc(81.935px * var(--cta-shadow-inflate)) 0 rgba(201,166,107,.12), 0 calc(1.2px * var(--cta-shadow-inflate)) calc(2.31px * var(--cta-shadow-inflate)) 0 rgba(255,255,255,.4) inset, 0 calc(-1.31px * var(--cta-shadow-inflate)) calc(2px * var(--cta-shadow-inflate)) 0 rgba(0,0,0,.4) inset; }
.InquireForm__cta{ color: var(--fg-dark); font-size: 15px; }
.InquireForm__cta:focus-visible{ outline-color: var(--champagne); }
.InquiryMultiStepForm__root[data-tone="champagne"]{ background: var(--champagne); color: var(--fg-dark); --inquiry-chip-text: var(--fg-dark); --inquiry-chip-bg: rgba(11,11,12,.12); }
.InquiryMultiStepForm__root[data-tone="champagne-2"]{ background: var(--champagne-2); color: var(--fg-dark); --inquiry-chip-text: var(--fg-dark); --inquiry-chip-bg: rgba(11,11,12,.12); }
.InquiryMultiStepForm__root[data-tone="tint"]{ background: var(--champagne-tint); color: var(--fg); --inquiry-chip-text: var(--fg); --inquiry-chip-bg: rgba(255,255,255,.08); }
.InquiryMultiStepForm__root[data-tone="blue-deep"]{ background: var(--blue-deep); color: var(--fg); --inquiry-chip-text: var(--fg); --inquiry-chip-bg: rgba(255,255,255,.08); }
.InquiryMultiStepForm__root[data-tone="surface"]{ background: var(--surface-2); color: var(--fg); --inquiry-chip-text: var(--fg); --inquiry-chip-bg: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px var(--border-hair); }
.InquiryMultiStepForm__root[data-tone="champagne"] .InquiryMultiStepForm__stepMuted,
.InquiryMultiStepForm__root[data-tone="champagne-2"] .InquiryMultiStepForm__stepMuted,
.InquiryMultiStepForm__root[data-tone="champagne"] .InquiryMultiStepForm__subtitle,
.InquiryMultiStepForm__root[data-tone="champagne-2"] .InquiryMultiStepForm__subtitle,
.InquiryMultiStepForm__root[data-tone="champagne"] .InquiryMultiStepForm__hint,
.InquiryMultiStepForm__root[data-tone="champagne-2"] .InquiryMultiStepForm__hint{ color: rgba(11,11,12,.55) !important; }
.InquiryMultiStepForm__chipSelected{ background: var(--blue) !important; color: var(--fg-dark) !important; }
.InquiryMultiStepForm__contactPanel{ background: rgba(255,255,255,.06); }
.InquiryMultiStepForm__contactInput{ color: rgba(255,255,255,.7); }
.InquiryMultiStepForm__contactInput::placeholder{ color: rgba(255,255,255,.55); }
.InquiryMultiStepForm__contactInput:hover, .InquiryMultiStepForm__contactInput:hover::placeholder{ color: var(--fg); }
.InquiryMultiStepForm__contactFieldInputRow::after{ background: rgba(255,255,255,.18); }
.InquiryMultiStepForm__notes{ width: 100%; min-height: 9.5rem; resize: none; font-family: var(--font-default); font-size: var(--font-size-6); color: rgba(255,255,255,.8); background: 0 0; border: 0; outline: none; line-height: 1.3; text-align: center; }
.InquiryMultiStepForm__notes::placeholder{ color: rgba(255,255,255,.55); }
.InquiryMultiStepForm__submitRow{ display: flex; justify-content: center; margin-top: var(--unit-7); }
.InquiryMultiStepForm__submitBtn{ appearance: none; cursor: pointer; border: 0; border-radius: 29px; padding: 18px 40px 19px; background: var(--champagne); color: var(--fg-dark); font-family: var(--font-default); font-size: var(--font-size-6); line-height: 1.2; transition: background .15s, color .15s; }
.InquiryMultiStepForm__submitBtn:hover{ background: var(--champagne-2); }
.CursorPill__pill{ background: var(--champagne); color: var(--fg-dark); box-shadow: 0 4px 2px rgba(0,0,0,.5); }
.CursorPill__muted{ color: rgba(11,11,12,.55); }
.InquiryMobileNav__button{ background: var(--surface-2); color: var(--fg); box-shadow: inset 0 0 0 1px var(--border-hair); }
.InquiryMobileNav__progressFill{ background: var(--champagne); }

/* ---------- footer ---------- */
.GlobalFooter__panel{ background: var(--surface-1); box-shadow: inset 0 0 0 1px var(--border-hair); }
.GlobalFooter__contactLabel{ color: var(--fg-muted); text-transform: uppercase; letter-spacing: .06em; font-size: calc(var(--font-size-6) * .75); }
.GlobalFooter__legal{ color: var(--fg-muted); text-transform: uppercase; letter-spacing: .06em; font-size: calc(var(--font-size-6) * .75); }
.GlobalFooter__mark svg{ width: 100%; height: auto; display: block; }
.GlobalFooter__mark{ width: 100% !important; }
.HomePageHero__copy .ContentAnnotation__triggerText{ text-underline-offset: 0; }
/* line-height .74 + uppercase: the STAND underline would strike through APART's cap line, so only the last line carries the rule */
.HomePageHero__copy [data-annotation="stand"] .ContentAnnotation__triggerText{ text-decoration: none; }

/* ---------- drawer ---------- */
.DrawerMenu__drawer, .DrawerMenu__drawerFigmaV3{ background: var(--bg); box-shadow: 1px 0 0 var(--border-hair); }
.DrawerMenu__drawerFigmaV3 .DrawerMenu__dotRail > span{ background: var(--champagne); }
.DrawerBlockView__showreel{ background: var(--surface-1); }
.DrawerBlockView__showreelMeta{ color: var(--fg); }
.DrawerInformation__panel{ background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--border-hair); }
.DrawerInformation__muted{ color: var(--fg-muted); }
.DrawerBlockView__tileLabel{ text-transform: uppercase; letter-spacing: .06em; font-size: calc(var(--font-size-7) * .78); }
.DrawerBlockView__tile[data-tone="champagne-2"]{ background-color: var(--champagne-2); }
.DrawerBlockView__tile[data-tone="champagne"]{ background-color: var(--champagne); }
.DrawerBlockView__tile[data-tone] .DrawerBlockView__tileLabel{ color: var(--fg-dark); }
.DrawerBlockView__halfButton[data-tone="blue-deep"]{ background-color: var(--blue-deep); }
.DrawerBlockView__halfButton[data-tone="blue-deep"] .DrawerBlockView__tileLabel{ color: var(--fg); }
.DrawerBlockView__halfButton[data-tone="blue-deep"][data-accent] .DrawerBlockView__tileLabel{ color: var(--blue); }
.DrawerClock__face{ fill: var(--surface-2); stroke: var(--border-hair); stroke-width: 1; }
.DrawerClock__numerals text{ fill: var(--fg); }
.DrawerBlockView__radio{ background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--border-hair); }
.DrawerBlockView__radioPowerLed{ background: rgba(255,255,255,.18); }
.DrawerBlockView__radioPowerLed[data-on="true"]{ background: var(--blue); box-shadow: 0 0 8px var(--blue); }
.DrawerBlockView__radioPowerLabel, .DrawerBlockView__radioKnobLabel{ color: var(--fg-muted); text-transform: uppercase; letter-spacing: .08em; }
.DrawerBlockView__radioKnobNotch{ background: var(--fg-dark); }
.DrawerBlockView__dice{ background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--border-hair); }
.ProjectsDiceD20__root.ProjectsDiceD20__inSlot, .ProjectsDiceD20__root.ProjectsDiceD20__isResting::before{ background: var(--surface-2); }
.ProjectsDiceD20__rollHint{ background: var(--champagne); color: var(--fg-dark); }
.DrawerNewsletterForm__panel{ background: var(--champagne); }
.DrawerNewsletterForm__eyebrow, .DrawerNewsletterForm__body{ color: var(--fg-dark); }
.DrawerNewsletterForm__eyebrow{ text-transform: uppercase; letter-spacing: .08em; }
.DrawerNewsletterForm__input, .DrawerNewsletterForm__input::placeholder{ color: rgba(11,11,12,.6); }
.DrawerNewsletterForm__line{ border-top-color: var(--fg-dark); }
.DrawerNewsletterForm__submit img{ filter: brightness(0); }
.DrawerCredits__footer, .DrawerCredits__footer strong{ color: var(--fg-muted); }
.DrawerBlockView__showreelPlayIcon img{ filter: none; }

/* ---------- misc structural helpers the template sets from JS ---------- */
.home-view{ padding-bottom: 0; }
main[data-drawer-open-on-scroll-bottom] > [data-scroll-bottom-spacer]{ height: var(--scroll-bottom-spacer, calc(100dvh - 210px)); flex: 0 0 auto; }
@media (max-width: 768px){ main[data-drawer-open-on-scroll-bottom] > [data-scroll-bottom-spacer]{ height: 0; } }
.content-annotation-tooltip{ position: fixed; inset: 0; pointer-events: none; z-index: 60; }
.PageTransition__enterCover{ background: var(--bg); }
.HomePageHero__lightboxBackdrop{ background: var(--bg); }
.link-inherit-hover a::after{ background: var(--champagne); }
::selection{ background: var(--champagne); color: var(--fg-dark); }

/* ---- booking: real day + time, honest states (2026-10-06) ---- */
[data-day-chips] .InquiryMultiStepForm__chip, .InquiryMultiStepForm__chipsTimes .InquiryMultiStepForm__chip{ padding: 14px 16px 15px; flex: 1 1 0; max-width: 33.333%; white-space: nowrap; }
.InquiryMultiStepForm__chipsTimes{ margin-top: 0 !important; padding-top: 0 !important; }
[data-day-chips]{ padding-bottom: var(--unit-5) !important; }
.InquiryMultiStepForm__chip:focus-visible, .InquiryMultiStepForm__submitBtn:focus-visible{ outline: 2px solid currentColor; outline-offset: 3px; }
.InquiryMultiStepForm__hint[data-error]{ color: #ff9b8c !important; font-weight: 600; }
.InquiryMultiStepForm__root[data-tone="champagne"] .InquiryMultiStepForm__hint[data-error],
.InquiryMultiStepForm__root[data-tone="champagne-2"] .InquiryMultiStepForm__hint[data-error]{ color: #6e1a12 !important; }
.InquiryMultiStepForm__root[data-tone="champagne-2"] .InquiryMultiStepForm__contactFieldErrorMessage{ color: #6e1a12; }
.InquiryMultiStepForm__contactInput[aria-invalid="true"]{ box-shadow: inset 0 -2px 0 #6e1a12; }
.InquiryMultiStepForm__submitBtn:disabled{ cursor: progress; opacity: .7; }
.InquiryMultiStepForm__submitRow{ margin-top: auto; padding-top: var(--unit-8); padding-bottom: var(--unit-5); }
.InquiryMultiStepForm__success{ justify-content: center; gap: var(--unit-7); }
.InquiryMultiStepForm__success .InquiryMultiStepForm__subtitle{ margin-top: 0; max-width: 20rem; }
.InquiryMultiStepForm__success .InquiryMultiStepForm__title:focus{ outline: none; }
.InquiryMultiStepForm__success a{ color: var(--champagne); text-decoration: underline; text-underline-offset: .15em; }
.InquiryMultiStepForm__trap{ position: absolute !important; left: -10000px; width: 1px; height: 1px; opacity: 0; }
.DrawerNewsletterForm__status{ margin: var(--unit-3) 0 0; min-height: 1.2em; font-family: var(--font-default); font-size: var(--font-size-5); line-height: 1.2; color: var(--fg-dark); }
.DrawerNewsletterForm__status[data-error]{ color: #6e1a12; font-weight: 600; }
.DrawerNewsletterForm__panel{ position: relative; }
/* the real Pristine mark (traced from pristinejewelersny.com's logo), sized as a mark, not a banner */
.GlobalFooter__markReal{ width: min(34vw, 440px) !important; margin-inline: auto; color: var(--fg); }
.GlobalFooter__markReal svg{ display: block; width: 100%; height: auto; }
@media (max-width: 768px){ .GlobalFooter__markReal{ width: min(72vw, 360px) !important; margin: var(--unit-9) auto var(--unit-5); } }
.InquiryMultiStepForm__body[hidden]{ display: none !important; }
/* mobile: the activator wrapper blocks taps on the card it wraps; the active card must stay usable */
.InquiryMultiStepForm__shellMobileStage .InquiryMultiStepForm__deckSlideActive .InquiryMultiStepForm__deckActivator{ pointer-events: auto; }
.InquiryMultiStepForm__shellMobileOpen [data-day-chips]{ flex: 0 0 auto; margin-top: auto; }
.InquiryMultiStepForm__shellMobileOpen .InquiryMultiStepForm__chipsTimes{ flex: 0 0 auto; margin-bottom: auto; }
.InquiryMultiStepForm__shellMobileOpen .InquiryMultiStepForm__success{ justify-content: center; }

/* ============================================================================
   SAMIH NOTES 2026-10-06: palette from the flagship's own light, real logo,
   concierge, deck polish, template leftovers removed.
   Palette sampled from frames of the flagship reel (src/assets/videos/pristine-reel-720p.mp4):
     pearl   #B7DFE9  reel 17s, crystal staircase glass
     ice     #BFF2F7  reel 8s, staircase highlight
     baby    #83DBE5  reel 11s, lit wall
     sea     #59C3CD  reel 8s, stair edge light
     deep    #336478  reel 14s, staircase shadow
     abyss   #31596A  reel 8s, deep shadow
     wash    #E9F5F8  DERIVED: pearl at 30% on white, for large light sections
   Gold #C9A66B and black stay. Text on light = #0B0B0C; secondary = deep.
   ============================================================================ */
:root{
  --pearl: #B7DFE9; --ice: #BFF2F7; --baby: #83DBE5; --sea: #59C3CD; --deep: #336478; --abyss: #31596A; --wash: #E9F5F8;
  --blue: var(--sea); --blue-deep: var(--deep);
  --ink-on-light: #0B0B0C;
  --ease-lux: cubic-bezier(.22, 1, .36, 1);
}

/* ---- template leftovers out: punch holes, notebook shadows, wire-grid plate ---- */
.NotebookPaperShell__punches{ display: none !important; }
.NotebookPaperShell__paper{ box-shadow: none !important; }

/* ---- header: real logo, readable menu, visible booking button ---- */
.GlobalHeader__leadingCluster{ align-items: center; pointer-events: auto; }
.SiteMenuBtn{ width: auto !important; height: 44px !important; gap: 10px; padding: 0 14px 0 12px !important; border: 1px solid rgba(255,255,255,.28) !important; border-radius: 99px !important; color: var(--fg); background: rgba(0,0,0,.35) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: background .2s var(--ease-lux), border-color .2s var(--ease-lux) !important; }
.SiteMenuBtn:hover{ border-color: var(--champagne) !important; }
.SiteMenuBtn:focus-visible, .SiteHeaderCta:focus-visible, .SiteLogoLink:focus-visible{ outline: 2px solid var(--champagne); outline-offset: 3px; }
.SiteMenuBtn__bars{ display: grid; gap: 5px; width: 18px; }
.SiteMenuBtn__bars span{ display: block; height: 1.5px; background: currentColor; transition: transform .35s var(--ease-lux); }
body.drawer-open .SiteMenuBtn__bars span:first-child{ transform: translateY(3.25px) rotate(45deg); }
body.drawer-open .SiteMenuBtn__bars span:last-child{ transform: translateY(-3.25px) rotate(-45deg); }
.SiteMenuBtn__label{ font-family: var(--font-default); font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.SiteLogoLink{ display: block; color: var(--fg); line-height: 0; }
.SiteLogo{ width: 58px; height: auto; fill: currentColor; }
.SiteHeaderCta{ position: fixed; top: 18px; right: 18px; z-index: 30; pointer-events: auto; display: inline-flex; align-items: center; height: 44px; padding: 0 20px; border-radius: 99px; background: var(--champagne); color: var(--fg-dark); font-family: var(--font-default); font-size: 14px; letter-spacing: .02em; text-decoration: none; transition: background .2s var(--ease-lux), transform .2s var(--ease-lux); }
.SiteHeaderCta:hover{ background: #d4b67f; }
.SiteHeaderCta__short{ display: none; }
.GlobalHeader__leadingCluster{ top: 18px !important; left: 18px !important; gap: 16px !important; }
body.drawer-open .GlobalHeader__leadingCluster{ left: calc(var(--drawer-width) + 18px) !important; }
body.header-on-light .SiteMenuBtn{ color: var(--ink-on-light); border-color: rgba(11,11,12,.25) !important; background: rgba(255,255,255,.45) !important; }
body.header-on-light .SiteLogoLink, body.header-on-light .SectionScrollTitle__parent{ color: var(--ink-on-light); }
body.header-on-light .SectionScrollTitle__root{ color: var(--deep); }
@media (max-width: 768px){
  .GlobalHeader__leadingCluster{ top: 10px !important; left: 10px !important; gap: 10px !important; }
  .SiteMenuBtn{ height: 40px !important; padding: 0 12px !important; }
  .SiteMenuBtn__label{ display: none; }
  .GlobalHeader__centerSlot{ display: none; }
  .SiteLogoLink{ position: fixed; left: 50%; top: 10px; transform: translateX(-50%); }
  .SiteLogo{ width: 50px; }
  .SiteHeaderCta{ top: 10px; right: 10px; height: 40px; padding: 0 16px; }
  .SiteHeaderCta__long{ display: none; } .SiteHeaderCta__short{ display: inline; }
  body.drawer-open .SiteHeaderCta{ transform: translateX(120%); }
}

/* ---- intro: the mark draws on ---- */
.SiteIntro{ position: absolute; inset: 0; display: grid; place-items: center; }
.SiteIntro__logo{ width: min(38vw, 240px); height: auto; visibility: hidden; }
.SiteIntro__logo .pl-emblem path{ fill: var(--fg); stroke: var(--champagne); stroke-width: 2px; vector-effect: non-scaling-stroke; }
.SiteIntro__logo .pl-word path{ fill: var(--fg); }

/* ---- hero: their line, rotating gold word, supporting copy ---- */
.HeroHeadline{ margin: 0; font: inherit; }
.HeroRotator{ position: relative; }
.HeroRotator__word{ display: inline-block; color: var(--champagne); font-style: normal; overflow: hidden; vertical-align: top; padding-bottom: .04em; }
.HeroRotator__char{ display: inline-block; will-change: transform, opacity; }
.HeroSub, .HeroBody, .HeroCta{ text-transform: none; letter-spacing: normal; }
.HeroSub{ margin: clamp(22px, 3vh, 34px) 0 0; font-family: var(--font-display); font-style: italic; font-size: clamp(22px, 2.4vw, 34px); line-height: 1.1; color: var(--pearl); }
.HeroBody{ margin: 14px auto 0; max-width: 34rem; font-family: var(--font-default); font-size: clamp(15px, 1.15vw, 17px); line-height: 1.55; color: rgba(255,255,255,.78); padding: 0 16px; }
.HeroCta{ display: inline-flex; align-items: center; margin-top: 22px; height: 50px; padding: 0 26px; border-radius: 99px; border: 1px solid var(--champagne); color: var(--fg); font-family: var(--font-default); font-size: 15px; line-height: 1; text-decoration: none; transition: background .25s var(--ease-lux), color .25s var(--ease-lux); }
.HeroCta:hover{ background: var(--champagne); color: var(--fg-dark); }
.HeroCta:focus-visible{ outline: 2px solid var(--champagne); outline-offset: 4px; }
.HomePageHero__copy{ line-height: .8; }
.HomePageHero__media{ margin-top: clamp(28px, 5vh, 56px) !important; }
@media (max-width: 768px){ .HomePageHero__copy{ font-size: clamp(64px, 19vw, 96px); } .HomePageHero__section{ padding-top: 76px; } }

/* ---- light sections: the House paper, concierge, footer ---- */
.HomeMission__paper .NotebookPaperShell__paperSurfaceBg, .HomeMission__paper{ background: var(--pearl) !important; }
.HomeMission__paper, .HomeMission__copy{ color: var(--ink-on-light) !important; }
.HomeMission__paper .ContentAnnotation__triggerText{ text-decoration-color: var(--deep) !important; }
.HomeServices__paper .NotebookPaperShell__paperSurfaceBg, .HomeServices__paper{ background: var(--deep) !important; }
.HomeServices__paper, .HomeServices__label{ color: #fff !important; }
.HomeServices__lineCustom, .HomeServices__lineCustom .HomeServices__label{ color: var(--champagne) !important; }

/* ---- concierge ---- */
.Concierge{ background: var(--wash); color: var(--ink-on-light); padding: clamp(64px, 9vw, 120px) clamp(16px, 4vw, 56px); margin-block: clamp(40px, 6vw, 80px); }
.Concierge__inner{ max-width: 1240px; margin: 0 auto; }
.Concierge__head{ max-width: 46rem; margin-bottom: clamp(32px, 4vw, 56px); }
.Concierge__eyebrow{ margin: 0 0 14px; font-family: var(--font-default); font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--deep); }
.Concierge__title{ margin: 0; font-family: var(--font-display); font-weight: 400; font-size: clamp(40px, 6vw, 84px); line-height: .95; letter-spacing: -.02em; }
.Concierge__title em{ color: var(--deep); }
.Concierge__lede{ margin: 18px 0 0; max-width: 36rem; font-family: var(--font-default); font-size: clamp(16px, 1.3vw, 19px); line-height: 1.5; color: #24414d; }
.Concierge__grid{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(24px, 4vw, 64px); align-items: start; }
.Concierge__media{ position: sticky; top: 96px; margin: 0; border-radius: 18px; overflow: hidden; aspect-ratio: 4 / 5; background: #0B0B0C; }
.Concierge__video{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.Concierge__clocks{ position: absolute; left: 12px; right: 12px; bottom: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.Concierge__clock{ padding: 12px 14px; border-radius: 12px; background: rgba(11,11,12,.55); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); color: #fff; display: grid; gap: 2px; }
.Concierge__clock[hidden]{ display: none; }
.Concierge__clocks:has(.Concierge__clock[hidden]){ grid-template-columns: 1fr; }
.Concierge__clockLabel{ font-family: var(--font-default); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ice); }
.Concierge__clockTime{ font-family: var(--font-display); font-size: clamp(30px, 3vw, 42px); line-height: 1; font-variant-numeric: tabular-nums; }
.Concierge__form{ display: grid; gap: 14px; }
.Concierge__form[hidden], .Concierge__success[hidden]{ display: none; }
.Concierge__group{ margin: 0; padding: clamp(18px, 2vw, 26px); border: 0; border-radius: 18px; background: #fff; min-width: 0; }
.Concierge__legend{ float: left; width: 100%; display: flex; align-items: center; gap: 12px; margin: 0 0 16px; padding: 0; font-family: var(--font-display); font-size: clamp(24px, 2.2vw, 30px); line-height: 1.05; }
.Concierge__legend + *{ clear: both; }
.Concierge__num{ display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--pearl); color: var(--deep); font-family: var(--font-default); font-size: 13px; flex: none; }
.Concierge__visits{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.Concierge__visit{ position: relative; display: grid; gap: 4px; padding: 14px; border-radius: 14px; border: 1px solid #d5e6eb; cursor: pointer; transition: border-color .2s, background .2s; }
.Concierge__visit input, .Concierge__chip input, .Concierge__channel input{ position: absolute; opacity: 0; pointer-events: none; }
.Concierge__visit:has(input:checked){ border-color: var(--deep); background: var(--wash); box-shadow: inset 0 0 0 1px var(--deep); }
.Concierge__visit:has(input:focus-visible), .Concierge__chip:has(input:focus-visible), .Concierge__channel label:has(input:focus-visible){ outline: 2px solid var(--deep); outline-offset: 2px; }
.Concierge__visitName{ font-family: var(--font-default); font-weight: 600; font-size: 15px; }
.Concierge__visitMeta{ font-family: var(--font-default); font-size: 13px; color: #4a6670; line-height: 1.35; }
.Concierge__tz{ display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; font-family: var(--font-default); font-size: 14px; color: #4a6670; }
.Concierge select, .Concierge input[type="text"], .Concierge input[type="tel"], .Concierge input[type="email"], .Concierge input[type="date"]{ font: 16px/1.3 var(--font-default); color: var(--ink-on-light); background: #fff; border: 1px solid #c9dde3; border-radius: 10px; padding: 11px 12px; width: 100%; min-width: 0; box-sizing: border-box; }
.Concierge__tz select{ width: auto; padding: 8px 10px; }
.Concierge select:focus-visible, .Concierge input:focus-visible{ outline: 2px solid var(--deep); outline-offset: 1px; border-color: var(--deep); }
.Concierge input[aria-invalid="true"]{ border-color: #a3271a; }
.Concierge__days{ display: flex; gap: 8px; overflow-x: auto; padding-bottom: 6px; scrollbar-width: thin; scroll-snap-type: x proximity; }
.Concierge__day{ flex: none; scroll-snap-align: start; font: 14px/1 var(--font-default); padding: 12px 14px; border-radius: 99px; border: 1px solid #c9dde3; background: #fff; color: var(--ink-on-light); cursor: pointer; white-space: nowrap; }
.Concierge__day[aria-checked="true"], .Concierge__slot[aria-checked="true"]{ background: var(--deep); border-color: var(--deep); color: #fff; }
.Concierge__slots{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.Concierge__slot{ display: grid; gap: 3px; text-align: left; padding: 12px 14px; border-radius: 12px; border: 1px solid #c9dde3; background: #fff; color: var(--ink-on-light); cursor: pointer; }
.Concierge__slotLocal{ font: 600 16px/1.2 var(--font-default); font-variant-numeric: tabular-nums; }
.Concierge__slotLocal small{ font-weight: 400; font-size: 12px; opacity: .75; }
.Concierge__slotNy{ font: 12px/1.2 var(--font-default); opacity: .7; }
.Concierge__day:focus-visible, .Concierge__slot:focus-visible, .Concierge__button:focus-visible{ outline: 2px solid var(--deep); outline-offset: 2px; }
.Concierge__hint{ grid-column: 1 / -1; margin: 4px 0 0; font: 14px/1.4 var(--font-default); color: #4a6670; }
.Concierge__chips{ display: flex; flex-wrap: wrap; gap: 8px; }
.Concierge__chip span{ display: inline-block; font: 15px/1 var(--font-default); padding: 12px 16px; border-radius: 99px; border: 1px solid #c9dde3; cursor: pointer; }
.Concierge__chip{ position: relative; }
.Concierge__chip:has(input:checked) span{ background: var(--deep); border-color: var(--deep); color: #fff; }
.Concierge__error, .Concierge__fieldError{ margin: 8px 0 0; min-height: 0; font: 600 13px/1.3 var(--font-default); font-style: normal; color: #a3271a; }
.Concierge__error:empty, .Concierge__fieldError:empty{ display: none; }
.Concierge__fields{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.Concierge__fields--3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.Concierge__field{ display: grid; gap: 6px; font: 13px/1.2 var(--font-default); color: #4a6670; }
.Concierge__channel{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; }
.Concierge__channelLabel{ font: 13px/1 var(--font-default); color: #4a6670; margin-right: 4px; }
.Concierge__channel label{ position: relative; }
.Concierge__channel span{ display: inline-block; font: 14px/1 var(--font-default); padding: 10px 14px; border-radius: 99px; border: 1px solid #c9dde3; cursor: pointer; }
.Concierge__channel label:has(input:checked) span{ background: var(--ink-on-light); color: #fff; border-color: var(--ink-on-light); }
.Concierge__more{ border-radius: 18px; background: #fff; padding: 0 clamp(18px, 2vw, 26px); }
.Concierge__more[hidden]{ display: none; }
.Concierge__more summary{ cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 0; font-family: var(--font-display); font-size: clamp(22px, 2vw, 26px); }
.Concierge__more summary::-webkit-details-marker{ display: none; }
.Concierge__more summary span{ font: 12px/1 var(--font-default); letter-spacing: .12em; text-transform: uppercase; color: var(--deep); }
.Concierge__more summary::after{ content: "+"; font-family: var(--font-default); font-size: 22px; color: var(--deep); margin-left: auto; transition: transform .3s var(--ease-lux); }
.Concierge__more[open] summary::after{ transform: rotate(45deg); }
.Concierge__more > :not(summary){ margin-bottom: 18px; }
.Concierge__checks{ display: grid; gap: 10px; }
.Concierge__checks label{ display: flex; gap: 10px; align-items: center; font: 15px/1.3 var(--font-default); }
.Concierge__checks input{ width: 18px; height: 18px; accent-color: var(--deep); }
.Concierge__submit{ display: grid; gap: 8px; padding: 6px 2px 0; }
.Concierge__button{ justify-self: start; height: 56px; padding: 0 30px; border: 0; border-radius: 99px; background: var(--ink-on-light); color: #fff; font: 16px/1 var(--font-default); cursor: pointer; transition: background .2s var(--ease-lux); }
.Concierge__button:hover{ background: var(--deep); }
.Concierge__button:disabled{ opacity: .7; cursor: progress; }
.Concierge__promise{ margin: 6px 0 0; font: 600 15px/1.4 var(--font-default); color: var(--deep); }
.Concierge__fine{ margin: 0; font: 13px/1.45 var(--font-default); color: #4a6670; }
.Concierge__fine a{ color: var(--deep); }
.Concierge__status{ margin: 0; min-height: 1.3em; font: 600 14px/1.3 var(--font-default); color: #a3271a; }
.Concierge__success{ padding: clamp(28px, 4vw, 48px); border-radius: 18px; background: #fff; }
.Concierge__success:focus{ outline: none; }
.Concierge__successTitle{ margin: 0 0 12px; font-family: var(--font-display); font-weight: 400; font-size: clamp(36px, 4vw, 56px); line-height: 1; }
.Concierge__successBody{ margin: 0 0 18px; font: 17px/1.5 var(--font-default); }
@media (max-width: 900px){
  .Concierge__grid{ grid-template-columns: 1fr; }
  .Concierge__media{ position: relative; top: 0; aspect-ratio: 4 / 3; }
}
@media (max-width: 600px){
  .Concierge{ padding-inline: 16px; }
  .Concierge__visits, .Concierge__fields, .Concierge__fields--3{ grid-template-columns: 1fr; }
  .Concierge__slots{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .Concierge__button{ justify-self: stretch; }
}

/* ---- booking deck: progress, Continue/Back, palette tones ---- */
.DeckProgress{ --deck-progress: 0; width: min(560px, 92%); margin: 0 auto clamp(14px, 2vh, 22px); display: none; }
.InquireForm__formPanelOpen .DeckProgress{ display: block; }
.DeckProgress[hidden]{ display: none !important; }
.DeckProgress__label{ margin: 0 0 10px; text-align: center; font: 12px/1 var(--font-default); letter-spacing: .16em; text-transform: uppercase; color: var(--fg-muted); }
.DeckProgress__steps{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.DeckProgress__steps button{ width: 100%; padding: 10px 0 0; border: 0; border-top: 2px solid rgba(255,255,255,.18); background: none; color: var(--fg-muted); font: 12px/1 var(--font-default); cursor: pointer; transition: border-color .3s var(--ease-lux), color .3s; }
.DeckProgress__steps button.is-done{ border-top-color: var(--sea); color: #fff; }
.DeckProgress__steps button[aria-current]{ border-top-color: var(--champagne); color: #fff; }
.DeckProgress__steps button:disabled{ cursor: default; opacity: .6; }
.DeckProgress__steps button:focus-visible{ outline: 2px solid var(--champagne); outline-offset: 3px; }
.DeckNav{ display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; margin-top: 14px; }
.DeckNav__back{ border: 0; background: none; font: 14px/1 var(--font-default); color: inherit; opacity: .75; padding: 12px 4px; cursor: pointer; text-decoration: underline; text-underline-offset: .2em; }
.DeckNav__back[hidden]{ visibility: hidden; display: block; }
.DeckNav__next{ margin-left: auto; height: 46px; padding: 0 24px; border: 0; border-radius: 99px; background: var(--ink-on-light); color: #fff; font: 15px/1 var(--font-default); cursor: pointer; }
.InquiryMultiStepForm__root[data-tone="blue-deep"] .DeckNav__next, .InquiryMultiStepForm__root[data-tone="surface"] .DeckNav__next{ background: var(--champagne); color: var(--fg-dark); }
.DeckNav__next:focus-visible, .DeckNav__back:focus-visible{ outline: 2px solid currentColor; outline-offset: 3px; }
.InquiryMultiStepForm__rootDeckBehind1 .DeckNav, .InquiryMultiStepForm__rootDeckBehind2 .DeckNav{ visibility: hidden; }
.DeckLocalTime{ margin: 10px 0 0; font: 600 14px/1.3 var(--font-default); color: var(--ice); }
.DeckLocalTime[hidden]{ display: none; }
.InquiryMultiStepForm__root[data-tone="champagne"]{ background: var(--pearl); }
.InquiryMultiStepForm__root[data-tone="tint"]{ background: var(--champagne); color: var(--fg-dark); --inquiry-chip-text: var(--fg-dark); --inquiry-chip-bg: rgba(11,11,12,.12); }
.InquiryMultiStepForm__root[data-tone="tint"] .InquiryMultiStepForm__subtitle, .InquiryMultiStepForm__root[data-tone="tint"] .InquiryMultiStepForm__hint, .InquiryMultiStepForm__root[data-tone="tint"] .InquiryMultiStepForm__stepMuted{ color: rgba(11,11,12,.6) !important; }
.InquiryMultiStepForm__root[data-tone="champagne-2"]{ background: var(--baby); }
.InquiryMultiStepForm__chipSelected{ background: var(--ink-on-light) !important; color: #fff !important; }
.InquiryMultiStepForm__root[data-tone="blue-deep"] .InquiryMultiStepForm__chipSelected, .InquiryMultiStepForm__root[data-tone="surface"] .InquiryMultiStepForm__chipSelected{ background: var(--ice) !important; color: var(--ink-on-light) !important; }
@media (max-width: 768px){ .DeckNav{ display: none; } }

/* ---- footer: contact block on pearl, the real black mark ---- */
.GlobalFooter__section{ background: transparent; }
.SiteFooter{ background: var(--pearl) !important; color: var(--ink-on-light) !important; padding: clamp(32px, 5vw, 64px) clamp(16px, 4vw, 56px) 24px !important; border-radius: 18px 18px 0 0; display: grid; gap: clamp(28px, 4vw, 56px); }
.SiteFooter__top{ display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; }
.SiteFooter__brand{ display: grid; gap: 12px; }
.SiteFooter__logo{ width: clamp(110px, 12vw, 160px); height: auto; fill: var(--ink-on-light); }
.SiteFooter__tag{ margin: 0; font-family: var(--font-display); font-style: italic; font-size: clamp(20px, 2vw, 26px); color: var(--deep); }
.SiteFooter__book{ display: inline-flex; align-items: center; height: 54px; padding: 0 28px; border-radius: 99px; background: var(--ink-on-light); color: #fff; font: 16px/1 var(--font-default); text-decoration: none; transition: background .2s var(--ease-lux); }
.SiteFooter__book:hover{ background: var(--deep); }
.SiteFooter__book:focus-visible, .SiteFooter a:focus-visible{ outline: 2px solid var(--deep); outline-offset: 3px; }
.SiteFooter__cols{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; padding-top: 24px; border-top: 1px solid rgba(11,11,12,.18); }
.SiteFooter__col{ display: grid; gap: 8px; align-content: start; font: 16px/1.45 var(--font-default); }
.SiteFooter__col a{ color: var(--ink-on-light); text-decoration: none; }
.SiteFooter__col a:hover{ text-decoration: underline; text-underline-offset: .2em; }
.SiteFooter__label{ margin: 0; font: 12px/1 var(--font-default); letter-spacing: .16em; text-transform: uppercase; color: var(--deep); }
.SiteFooter__legal{ display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font: 13px/1.4 var(--font-default); color: #24414d; }
@media (max-width: 768px){ .SiteFooter__cols{ grid-template-columns: 1fr 1fr; } .SiteFooter__book{ width: 100%; justify-content: center; } }
@media (max-width: 420px){ .SiteFooter__cols{ grid-template-columns: 1fr; } }

/* ---- drawer: real mark on top ---- */
.DrawerLogo{ display: grid; place-items: center; padding: 28px 0 22px; color: var(--fg); background: var(--surface-1); }
.DrawerLogo__svg{ width: 120px; height: auto; fill: currentColor; }
.Concierge__title, .Concierge__legend, .Concierge__more summary, .Concierge__successTitle{ color: var(--ink-on-light); }
.GlobalHeader__root[data-home-intro="pending"] .SiteLogoLink, .GlobalHeader__root[data-home-intro="pending"] .SiteMenuBtn{ opacity: 0; }
.SiteLogoLink, .SiteMenuBtn{ transition: opacity .4s var(--ease-lux); }
.InquiryMultiStepForm__shell{ position: relative; }
.DeckProgress{ position: absolute; left: 50%; top: calc(100% + 14px); transform: translateX(-50%); margin: 0; z-index: 3; }
@media (max-width: 768px){ .DeckProgress{ position: static; transform: none; margin: 0 auto 12px; width: calc(100% - 32px); } .DeckProgress__steps button{ font-size: 0; padding-top: 0; height: 10px; } }

/* ---- hero variants (index.html picks one with data-hero-variant) ---- */
.HeroA, .HeroB{ height: 100vh; height: 100svh; min-height: 560px; padding: 0 !important; display: block !important; overflow: hidden; }
.HeroA__stage, .HeroB__stage{ position: absolute; inset: 0; isolation: isolate; overflow: hidden; background: #000; }
.HeroA__video, .HeroB__video{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
/* A: video inside the letters. A black layer with white type, multiplied over the video. */
.HeroA__mask{ position: absolute; inset: 0; background: #000; mix-blend-mode: multiply; will-change: opacity; }
.HeroA__front{ position: absolute; inset: 0; }
.HeroA__layout{ position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 72px 16px 40px; box-sizing: border-box; }
.HeroA__big{ margin: 0; font-family: var(--font-display); font-weight: 400; text-transform: uppercase; font-size: clamp(110px, 15.5vw, 250px); line-height: .8; letter-spacing: -.01em; color: #fff; will-change: transform; }
.HeroA__line{ display: block; }
.HeroA__front .HeroA__big{ color: transparent; }
.HeroA__mask .HeroA__ghost{ visibility: hidden; }
.HeroA__rot{ margin: .02em 0 0; font-family: var(--font-display); text-transform: uppercase; font-size: clamp(110px, 15.5vw, 250px); line-height: .8; }
.HeroA__cue{ position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); font: 11px/1 var(--font-default); letter-spacing: .24em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.HeroA__cue::after{ content: ""; display: block; width: 1px; height: 26px; margin: 10px auto 0; background: linear-gradient(var(--champagne), transparent); }
[data-hero-variant="a"] ~ .home-scroll-layer, .HeroA + .home-scroll-layer{ margin-top: 110vh; }
/* B: full-bleed video, soft dark fade for legibility */
.HeroB__scrim{ position: absolute; inset: 0; background: radial-gradient(120% 80% at 50% 45%, rgba(0,0,0,.35), rgba(0,0,0,.72) 70%), linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.15) 35%, rgba(0,0,0,.6) 78%, #000 100%); }
.HeroB__copy{ position: absolute !important; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 104px 0 40px; box-sizing: border-box; transform: none !important; }
@media (min-width: 769px){ .HeroB__copy .HeroHeadline{ font-size: min(1em, 15.5vh); } }
.HeroB .HeroBody{ color: rgba(255,255,255,.88); }
@media (max-width: 768px){
  .HeroA__big, .HeroA__rot{ font-size: clamp(64px, 21vw, 110px); }
  .HeroA__layout{ padding-top: 64px; }
  .HeroB__copy{ font-size: clamp(64px, 19vw, 96px); }
}
.HeroA__big, .HeroA__rot{ font-size: min(12.5vw, 17vh); }
@media (max-width: 768px){ .HeroA__big, .HeroA__rot{ font-size: min(21vw, 14vh); } }
.Concierge{ margin-block: 0 clamp(40px, 6vw, 80px); }
.InsetIllustration__sectionTrailingSpacing{ padding-bottom: clamp(40px, 6vw, 80px) !important; margin-bottom: 0 !important; }

/* ============ FINAL DIRECTION (hero B, original sections) 2026-10-06 ============ */
:root{ --r-card: 20px; --r-btn: 999px; --r-media: 16px; }

/* hero B: sharp 1080p video, no full-screen dark overlay; a soft scrim only behind the type */
.HeroB__scrim{ background:
  radial-gradient(60% 46% at 50% 46%, rgba(0,0,0,.5), rgba(0,0,0,0) 72%),
  linear-gradient(180deg, rgba(0,0,0,.45) 0, rgba(0,0,0,0) 18%, rgba(0,0,0,0) 72%, rgba(0,0,0,.55) 100%) !important; }
.HeroB .HomePageHero__copyLine{ text-shadow: 0 2px 24px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.35); }
.HeroB .HeroSub, .HeroB .HeroBody{ text-shadow: 0 1px 12px rgba(0,0,0,.6); }
.HeroB .HeroBody{ color: #fff; }
.HeroB .HeroCta{ background: rgba(0,0,0,.28); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.HeroB__video{ image-rendering: auto; }

/* rounded corners, consistent */
.NotebookPaperShell__paper, .NotebookPaperShell__paperSurfaceBg, .InsetIllustration__panel, .InsetIllustration__media, .InsetIllustration__media img{ border-radius: var(--r-card) !important; overflow: hidden; }
.InquiryMultiStepForm__root, .InquiryCtaStack__ctaCard{ border-radius: var(--r-card) !important; }
.InquiryMultiStepForm__submitBtn, .DeckNav__next, .HeroCta, .SiteHeaderCta, .InquiryMultiStepForm__chip{ border-radius: var(--r-btn) !important; }
.DrawerBlockView__showreel, .DrawerBlockView__showreelVideo, .DrawerBlockView__tile, .DrawerBlockView__halfButton, .DrawerInformation__panel, .DrawerNewsletterForm__panel, .DrawerBlockView__radio, .DrawerLogo{ border-radius: var(--r-card) !important; overflow: hidden; }

/* clients section: no grid plate, the video fills its card, clocks read without hover */
.CardsWireGrid__plate{ background-image: none !important; background-color: transparent !important; border: 0 !important; }
.CardsWireGrid__card{ border-radius: var(--r-card) !important; }
.CardsWireGrid__cardLead{ padding: var(--unit-5) !important; gap: var(--unit-5) !important; background: var(--deep) !important; box-shadow: none !important; overflow: hidden !important; }
.CardsWireGrid__frame{ width: 100% !important; padding: 0 !important; border-radius: var(--r-media) !important; }
.CardsWireGrid__leadMediaVideo, .CardsWireGrid__leadMediaVimeo{ border-radius: var(--r-media) !important; aspect-ratio: 4 / 5 !important; }
.CardsWireGrid__leadMediaVideo .VimeoBackgroundPlayer__video{ object-fit: cover !important; }
.CardsWireGrid__cardCopy{ color: #fff !important; text-wrap: balance; }
.CardsWireGrid__cardClocks{ background: var(--pearl) !important; }
.CardsWireGrid__cardCities{ background: var(--wash) !important; }
/* Visit the showroom block (replaced the clocks card + city list, 2026-10-08) */
.CardsWireGrid__cardShowroom{ align-self: center; align-items: stretch; gap: var(--unit-6); width: min(100%, 450px); padding: var(--unit-6); background: var(--wash); border-radius: var(--r-card); flex-direction: column; flex: 0 1 450px; height: fit-content; box-sizing: border-box; overflow: hidden; display: flex; }
.CardsWireGrid__showroomMedia{ border-radius: var(--r-media); overflow: hidden; }
.CardsWireGrid__showroomMedia img{ display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.CardsWireGrid__showroomBody{ display: flex; flex-direction: column; align-items: center; gap: var(--unit-5); text-align: center; padding: 0 var(--unit-3) var(--unit-3); }
.CardsWireGrid__showroomEyebrow{ margin: 0; font-family: var(--font-default); font-size: var(--font-size-5); letter-spacing: .16em; text-transform: uppercase; color: var(--deep); }
.CardsWireGrid__showroomAddress{ margin: 0; font-family: var(--font-display); font-size: var(--font-size-7); line-height: 1.12; color: var(--ink-on-light); font-feature-settings: var(--font-display-features); }
.CardsWireGrid__showroomAddress a{ color: inherit; text-decoration: none; }
.CardsWireGrid__showroomAddress a:hover{ color: var(--deep); }
.CardsWireGrid__showroomHours{ margin: 0; font-family: var(--font-default); font-size: var(--font-size-5); line-height: 1.5; color: var(--abyss); }
.CardsWireGrid__showroomActions{ display: flex; flex-direction: column; align-items: center; gap: var(--unit-4); width: 100%; margin-top: var(--unit-2); }
.CardsWireGrid__showroomBook{ display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 48px; padding: 0 24px; border-radius: var(--r-btn); background: var(--champagne); color: var(--fg-dark); font-family: var(--font-default); font-size: 15px; letter-spacing: .02em; text-decoration: none; transition: background .2s var(--ease-lux); }
.CardsWireGrid__showroomBook:hover{ background: #d4b67f; }
.CardsWireGrid__showroomDirections{ font-family: var(--font-default); font-size: var(--font-size-5); letter-spacing: .04em; color: var(--deep); text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 2px; transition: color .2s; }
.CardsWireGrid__showroomDirections:hover{ color: var(--champagne); }
@media (max-width: 768px){ .CardsWireGrid__cardShowroom{ width: 100%; max-width: none; align-self: stretch; } }
.CardsWireGrid__readout{ margin: 0; font-family: var(--font-default); font-size: 14px; line-height: 1.3; color: var(--ink-on-light); display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; }
.CardsWireGrid__readout strong{ font-weight: 600; }
.CardsWireGrid__readout span{ color: var(--deep); }
.CardsWireGrid__clocksFoot{ flex-wrap: wrap; gap: 10px; }

/* booking deck: visit type, associate photos, reply preference */
.DeckVisit{ margin-top: var(--unit-6) !important; padding-block: 0 !important; flex: 0 0 auto !important; }
.DeckVisit .InquiryMultiStepForm__chip{ padding: 12px 16px !important; font-size: 15px !important; }
.DeckPeople{ gap: 10px !important; margin-bottom: 10px !important; }
.DeckPerson{ display: grid !important; gap: 8px; padding: 8px 8px 12px !important; border-radius: var(--r-card) !important; width: 44%; white-space: normal !important; text-align: center; }
.DeckPerson img{ width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 14px; display: block; }
.DeckPerson span{ display: grid; gap: 2px; font-size: 16px; line-height: 1.1; }
.DeckPerson small{ font-size: 12px; opacity: .75; }
.DeckReply{ padding-block: var(--unit-4) 0 !important; margin-top: 0 !important; flex: 0 0 auto !important; }
.DeckReply .InquiryMultiStepForm__chipRow{ align-items: center; gap: 6px !important; }
.DeckReply .InquiryMultiStepForm__chip{ padding: 10px 14px !important; font-size: 14px !important; }
.DeckReply__label{ font-family: var(--font-default); font-size: 13px; opacity: .75; margin-right: 4px; }
[data-field="time"] .InquiryMultiStepForm__chip small{ display: block; font-size: 11px; opacity: .7; margin-top: 2px; }

/* footer: original layout, no tall empty panel; pearl with the black mark */
.GlobalFooter__panel{ height: auto !important; max-height: none !important; min-height: 0 !important; background: var(--pearl) !important; box-shadow: none !important; border-radius: var(--r-card) var(--r-card) 0 0; color: var(--ink-on-light); padding: clamp(28px, 4vw, 56px) !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "info brand" "legal legal"; gap: clamp(24px, 4vw, 48px) clamp(24px, 5vw, 80px); align-items: center; }
.GlobalFooter__info{ grid-area: info; }
.GlobalFooter__brand{ grid-area: brand; flex: none !important; overflow: visible !important; }
.GlobalFooter__legal{ grid-area: legal; color: #24414d !important; border-top: 1px solid rgba(11,11,12,.15); padding-top: 16px; position: static !important; }
.GlobalFooter__markReal{ width: clamp(150px, 16vw, 230px) !important; margin: 0 !important; color: var(--ink-on-light) !important; }
.GlobalFooter__markReal svg{ fill: currentColor; }
.GlobalFooter__contactLabel{ color: var(--deep) !important; }
.GlobalFooter__contactValue, .GlobalFooter__socialLink{ color: var(--ink-on-light) !important; }
.GlobalFooter__infoRow{ gap: clamp(20px, 3vw, 48px) !important; }
.GlobalFooter__catalog{ display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: clamp(18px, 2vw, 28px); padding-top: 18px; border-top: 1px solid rgba(11,11,12,.12); }
.GlobalFooter__catalogLink{ color: var(--ink-on-light) !important; font-size: clamp(14px, 1vw, 16px); line-height: 1.2; text-decoration: none; }
.GlobalFooter__catalogLink:hover, .GlobalFooter__catalogLink:focus-visible{ color: var(--deep) !important; }
@media (max-width: 768px){
  .GlobalFooter__panel{ grid-template-columns: 1fr; grid-template-areas: "brand" "info" "legal"; padding: 28px 20px !important; }
  .GlobalFooter__markReal{ width: 120px !important; }
  .GlobalFooter__catalog{ gap: 10px 14px; }
}
.InquiryMultiStepForm__root[data-tone="champagne-2"]{ color: var(--ink-on-light) !important; --inquiry-chip-text: var(--ink-on-light); }
.InquiryMultiStepForm__root[data-tone="champagne-2"] .InquiryMultiStepForm__contactInput{ color: var(--ink-on-light) !important; border-color: rgba(11,11,12,.3) !important; }
.InquiryMultiStepForm__root[data-tone="champagne-2"] .InquiryMultiStepForm__contactInput::placeholder{ color: rgba(11,11,12,.55) !important; }
.InquiryMultiStepForm__root[data-tone="blue-deep"] .InquiryMultiStepForm__chipSelected{ background: var(--ice) !important; color: var(--ink-on-light) !important; transition: none; }
.InquiryMultiStepForm__root[data-tone="champagne"], .InquiryMultiStepForm__root[data-tone="champagne"] .InquiryMultiStepForm__title{ color: var(--ink-on-light) !important; --inquiry-chip-text: var(--ink-on-light); }

/* ============ THE COLLECTION (live from the staff portal) 2026-10-06 ============ */
.Collection__section{ width: 100%; padding-block: var(--unit-13) var(--unit-13); }
.Collection__inner{ width: 100%; max-width: 1360px; margin: 0 auto; }
.Collection__head{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 24px; margin-bottom: 20px; }
.Collection__title{ font-family: var(--font-display); font-size: clamp(44px, 6vw, 88px); line-height: .95; letter-spacing: -.02em; color: var(--fg); }
.Collection__lede{ font-family: var(--font-default); font-size: 15px; color: var(--pearl); opacity: .85; }
.Collection__tabs{ display: flex; gap: 8px; margin-bottom: 24px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.Collection__tabs::-webkit-scrollbar{ display: none; }
/* Flat text filters, not pill capsules (Samih 2026-10-13 morning review). Reads as the same
 * vocabulary as the home TopNav category row rather than a competing capsule UI. */
.Collection__tab{ flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 2px; border-radius: 0; border: 0; border-bottom: 1px solid transparent; background: transparent; color: var(--fg); font-family: var(--font-default); font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; cursor: pointer; transition: color .2s var(--ease-lux), border-color .2s; }
.Collection__tab:hover{ color: var(--champagne); border-bottom-color: var(--champagne); }
.Collection__tab[aria-selected="true"],
.Collection__tab[aria-current="page"]{ color: var(--champagne); border-bottom-color: var(--champagne); background: transparent; }
.Collection__tab:focus-visible, .Collection__card:focus-visible, .PieceSheet button:focus-visible{ outline: 2px solid var(--champagne); outline-offset: 3px; }
.Collection__count{ font-family: var(--font-mono); font-size: 12px; opacity: .7; }
.Collection__grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.Collection__item{ min-width: 0; }
.Collection__card{ display: flex; flex-direction: column; width: 100%; height: 100%; text-align: left; border-radius: var(--r-card, 20px); overflow: hidden; background: var(--surface-2); color: var(--fg); cursor: pointer; transition: transform .35s var(--ease-lux), box-shadow .35s var(--ease-lux); }
.Collection__card:hover{ transform: translateY(-4px); box-shadow: 0 18px 40px rgba(89,195,205,.16); }
.Collection__media{ display: block; aspect-ratio: 6 / 5; background: #000; overflow: hidden; }
/* photos are shot on black at mixed ratios (3:2, 6:5, 1:1, portrait watches): contain, never crop */
.Collection__media img{ width: 100%; height: 100%; object-fit: contain; transition: transform .6s var(--ease-lux); }
.Collection__card:hover .Collection__media img{ transform: scale(1.04); }
.Collection__meta{ display: grid; gap: 4px; padding: 14px 16px 18px; }
.Collection__name{ font-family: var(--font-display); font-size: 22px; line-height: 1.1; }
.Collection__sub{ font-family: var(--font-default); font-size: 13px; line-height: 1.3; color: var(--fg-muted); }
.Collection__price{ font-family: var(--font-default); font-size: 15px; color: var(--champagne); margin-top: 4px; }
.Collection__status{ padding: 32px 0; font-family: var(--font-default); font-size: 15px; color: var(--fg-muted); display: grid; gap: 12px; justify-items: start; }
.Collection__status[hidden]{ display: none; }
.Collection__retry{ min-height: 44px; padding: 0 18px; border-radius: 999px; background: var(--sea); color: var(--ink-on-light); cursor: pointer; }
@media (max-width: 1100px){ .Collection__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 768px){
  .Collection__section{ padding-block: var(--unit-11); padding-inline: 0 !important; }
  .Collection__head, .Collection__tabs{ padding-inline: 16px; }
  .Collection__tabs{ scroll-padding-inline: 16px; }
  /* phones: a swipe rail with the next card peeking */
  .Collection__grid{ display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 16px; padding: 0 16px 8px; scrollbar-width: none; overscroll-behavior-x: contain; }
  .Collection__grid::-webkit-scrollbar{ display: none; }
  .Collection__item{ flex: 0 0 74%; scroll-snap-align: start; }
  .Collection__status{ padding-inline: 16px; }
  .Collection__card:hover{ transform: none; box-shadow: none; }
}

.PieceSheet{ margin: auto; padding: 0; border: 0; width: min(1080px, calc(100vw - 48px)); max-height: calc(100dvh - 48px); border-radius: 24px; background: var(--surface-1); color: var(--fg); overflow: hidden; }
.PieceSheet::backdrop{ background: rgba(0,0,0,.7); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.PieceSheet[open]{ animation: pieceSheetIn .45s var(--ease-lux); }
@keyframes pieceSheetIn{ from{ opacity: 0; transform: translateY(24px); } to{ opacity: 1; transform: none; } }
.PieceSheet__body{ position: relative; display: grid; grid-template-columns: 1.1fr 1fr; max-height: calc(100dvh - 48px); overflow-y: auto; overscroll-behavior: contain; }
.PieceSheet__close{ position: absolute; top: 12px; right: 12px; z-index: 2; width: 44px; height: 44px; border-radius: 50%; background: rgba(11,11,12,.75); color: var(--fg); font-size: 26px; line-height: 1; cursor: pointer; }
.PieceSheet__gallery{ background: #000; display: grid; align-content: start; gap: 10px; padding-bottom: 12px; }
.PieceSheet__mainWrap{ aspect-ratio: 6 / 5; overflow: hidden; }
.PieceSheet__main{ width: 100%; height: 100%; object-fit: contain; }
.PieceSheet__thumbs{ display: flex; gap: 8px; padding: 0 12px; overflow-x: auto; scrollbar-width: none; }
.PieceSheet__thumbs[hidden]{ display: none; }
.PieceSheet__thumb{ flex: 0 0 64px; height: 54px; border-radius: 10px; overflow: hidden; border: 2px solid transparent; cursor: pointer; background: #000; }
.PieceSheet__thumb[aria-pressed="true"]{ border-color: var(--pearl); }
.PieceSheet__thumb img{ width: 100%; height: 100%; object-fit: cover; }
.PieceSheet__info{ display: grid; align-content: start; gap: 12px; padding: 36px 32px 32px; }
.PieceSheet__title{ font-family: var(--font-display); font-size: clamp(32px, 3.4vw, 48px); line-height: 1; padding-right: 40px; }
.PieceSheet__sub{ font-family: var(--font-default); font-size: 15px; color: var(--pearl); }
.PieceSheet__sub[hidden], .PieceSheet__desc[hidden], .PieceSheet__metals[hidden], .PieceSheet__specs[hidden]{ display: none; }
.PieceSheet__price{ font-family: var(--font-default); font-size: 22px; color: var(--champagne); }
.PieceSheet__label{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--fg-muted); margin-bottom: 8px; }
.PieceSheet__metalRow{ display: flex; flex-wrap: wrap; gap: 8px; }
.PieceSheet__metal{ display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px 0 8px; border-radius: 999px; border: 1px solid rgba(255,255,255,.24); background: transparent; color: var(--fg); font-family: var(--font-default); font-size: 14px; cursor: pointer; }
.PieceSheet__metal[aria-pressed="true"]{ border-color: var(--pearl); background: rgba(183,223,233,.12); }
.PieceSheet__swatch{ width: 22px; height: 22px; border-radius: 50%; }
.PieceSheet__swatch--white{ background: linear-gradient(135deg, #f4f4f4, #b9bcc0); }
.PieceSheet__swatch--yellow{ background: linear-gradient(135deg, #f6dc95, #c9a14a); }
.PieceSheet__swatch--rose{ background: linear-gradient(135deg, #f3c4b2, #c98c78); }
.PieceSheet__desc{ font-family: var(--font-default); font-size: 15px; line-height: 1.45; color: var(--fg-muted); }
.PieceSheet__specs{ display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(255,255,255,.12); border-radius: 14px; overflow: hidden; }
.PieceSheet__spec{ background: var(--surface-1); padding: 10px 12px; }
/* An odd number of details leaves an empty grid cell: the last one spans the row instead. */
.PieceSheet__spec:last-child:nth-child(odd){ grid-column: 1 / -1; }
.PieceSheet__spec dt{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--fg-muted); }
.PieceSheet__spec dd{ font-family: var(--font-default); font-size: 15px; margin-top: 2px; }
.PieceSheet__book{ justify-self: start; min-height: 52px; padding: 0 28px; margin-top: 8px; border-radius: 999px; background: var(--sea); color: var(--ink-on-light); font-family: var(--font-default); font-size: 16px; font-weight: 600; cursor: pointer; transition: background .25s; }
.PieceSheet__book:hover{ background: var(--ice); }
@media (max-width: 768px){
  .PieceSheet{ width: 100vw; max-width: 100vw; max-height: 92dvh; margin: auto 0 0; border-radius: 24px 24px 0 0; }
  .PieceSheet[open]{ animation-name: pieceSheetUp; }
  @keyframes pieceSheetUp{ from{ transform: translateY(100%); } to{ transform: none; } }
  .PieceSheet__body{ grid-template-columns: 1fr; max-height: 92dvh; }
  .PieceSheet__info{ padding: 20px 16px 28px; }
  .PieceSheet__book{ justify-self: stretch; }
}
@media (prefers-reduced-motion: reduce){ .PieceSheet[open]{ animation: none; } .Collection__card, .Collection__media img{ transition: none; } }

/* House section: four real Pristine watches in place of the old render (meeting 10/6) */
/* One big watch at a time, auto-crossfading (house-watches.js). Images are stacked; only the
   .is-active one is visible. object-contain keeps each watch whole and centered on the black panel. */
.HouseWatches{ position:relative; width:100%; height:100%; min-height:clamp(340px,52vw,560px); }
.InsetIllustration__media .HouseWatches img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; opacity:0; transition:opacity 1.1s ease; box-shadow:none; border-radius:0 !important; }
.InsetIllustration__media .HouseWatches img.is-active{ opacity:1; }
.InsetIllustration__media:has(.HouseWatches){ background:#000; }
@media (prefers-reduced-motion: reduce){ .InsetIllustration__media .HouseWatches img{ transition:none; } }

/* Collection cards are real links (each piece has its own page); category hub links; shape filter */
a.Collection__card{ width: 100%; max-width: none; color: var(--fg); }
a.Collection__card::after{ content: none; }
.Collection__hubs{ display: flex; flex-wrap: wrap; gap: 4px 18px; width: 100%; font-family: var(--font-default); font-size: 14px; }
.Collection__hub{ color: var(--fg-muted); }
.Collection__hub:hover, .Collection__hub:focus-visible{ color: var(--fg); }
.Collection__shapes{ display: flex; gap: 8px; margin: -8px 0 24px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.Collection__shapes::-webkit-scrollbar{ display: none; }
.Collection__shapes[hidden]{ display: none; }
.Collection__shape{ flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); background: transparent; color: var(--fg); font-family: var(--font-default); font-size: 14px; cursor: pointer; transition: background .25s var(--ease-lux), border-color .25s; }
.Collection__shape::after{ content: none; }
.Collection__shape:hover{ border-color: var(--pearl); }
.Collection__shape[aria-pressed="true"], .Collection__shape[aria-current="page"]{ background: rgba(183,223,233,.14); border-color: var(--pearl); }
.Collection__shape:focus-visible{ outline: 2px solid var(--champagne); outline-offset: 3px; }
@media (max-width: 768px){ .Collection__shapes{ padding-inline: 16px; } }
/* Client logo (Andrea, 2026-10-07): full-color mark replaces the white SVG */
.SectionScrollTitle__logo{ display: block; height: 52px; width: auto; }
@media (min-width: 769px){ .SiteLogoLink{ display: none !important; } }
.SiteLogoLink::after, .DrawerLogo::after, .SectionScrollTitle__parent:has(.SectionScrollTitle__logo)::after{ content: none; }
.SectionScrollTitle__prefixGroup{ align-items: center; }
.SectionScrollTitle__parent:has(.SectionScrollTitle__logo){ display: inline-flex; align-items: center; }
.SiteLogo__img{ height: 44px; width: auto; display: block; }
.DrawerLogo__img{ height: 40px; width: auto; display: block; }
.GlobalFooter__markReal img{ display: block; width: 100%; height: auto; }

/* ================ Collection bento (homepage) ================ */
.CollectionBento {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: minmax(240px, auto);
  grid-template-areas:
    "eng eng tim"
    "eng eng dbl"
    "brc ear nck"
    "bnd bnd hcn";
  gap: 2px;
  background: #000;
  margin-top: clamp(16px, 2vw, 32px);
}
.CollectionBento__cell {
  position: relative;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  background: #0a0a0a;
  display: block;
}
.CollectionBento__cell--eng { grid-area: eng; }
.CollectionBento__cell--tim { grid-area: tim; }
.CollectionBento__cell--dbl { grid-area: dbl; }
.CollectionBento__cell--brc { grid-area: brc; }
.CollectionBento__cell--ear { grid-area: ear; }
.CollectionBento__cell--nck { grid-area: nck; }
.CollectionBento__cell--bnd { grid-area: bnd; }
.CollectionBento__cell--hcn { grid-area: hcn; }
.CollectionBento__cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .6s ease;
}
.CollectionBento__cell:hover img,
.CollectionBento__cell:focus-visible img { transform: scale(1.04); }
.CollectionBento__label {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  padding: clamp(14px, 2vw, 28px);
  background: linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,0));
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1em;
}
.CollectionBento__name {
  font-family: var(--font-serif, Georgia, serif);
  font-weight: 500;
  font-size: clamp(16px, 1.4vw, 24px);
  letter-spacing: .02em;
}
.CollectionBento__count {
  font-size: clamp(12px, .9vw, 14px);
  opacity: .85;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .CollectionBento {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 48vw;
    grid-template-areas:
      "eng tim"
      "dbl brc"
      "ear nck"
      "bnd hcn";
    max-width: 100%;
  }
  .CollectionBento__cell img { object-position: center; }
  .CollectionBento__name { font-size: clamp(14px, 3.5vw, 18px); }
  .CollectionBento__count { font-size: clamp(11px, 2.8vw, 13px); }
  .CollectionBento__label { padding: clamp(8px, 2.5vw, 14px); }
}

/* In-page PDP "Inquire to purchase" modal (PieceInquiry). The card reuses the homepage deck
   styling (InquiryMultiStepForm__*); only the overlay, header row, and modal fit live here. */
.PieceInquiry__scrim{ position:fixed; inset:0; z-index:1000; display:flex; align-items:flex-end; justify-content:center; background:rgba(0,0,0,.55); backdrop-filter:blur(3px); padding:0; animation:piScrim .25s ease; }
@media (min-width:640px){ .PieceInquiry__scrim{ align-items:center; padding:24px; } }
.PieceInquiry__card{ width:100% !important; max-width:440px; min-height:0 !important; height:auto !important; max-height:92vh; overflow:auto; position:relative; animation:piUp .34s cubic-bezier(.22,1,.36,1); }
@media (min-width:640px){ .PieceInquiry__card{ animation:piPop .3s cubic-bezier(.22,1,.36,1); } }
.PieceInquiry__close{ position:absolute; top:12px; right:12px; z-index:5; width:32px; height:32px; border:0; border-radius:50%; background:rgba(0,0,0,.14); color:var(--color-ink,#1a1a1a); font-size:20px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.PieceInquiry__err{ color:var(--red-pristine,#b4443a); font-size:13px; margin:8px 0 0; text-align:center; }
.PieceInquiry__alt{ text-align:center; font-size:13px; opacity:.7; margin:12px 0 0; }
.PieceInquiry__alt a{ color:inherit; text-decoration:underline; }
.PieceInquiry__done{ text-align:center; }
@keyframes piScrim{ from{opacity:0} to{opacity:1} }
@keyframes piUp{ from{transform:translateY(16%);opacity:0} to{transform:translateY(0);opacity:1} }
@keyframes piPop{ from{transform:scale(.97);opacity:0} to{transform:scale(1);opacity:1} }
@media (prefers-reduced-motion: reduce){ .PieceInquiry__scrim, .PieceInquiry__card{ animation:none; } }

/* Header: eyebrow + title (+ options) on the left, a small square thumbnail on the right.
   The thumbnail is inset from the top-right corner so the close button owns the corner. */
.PieceInquiry__card .InquiryMultiStepForm__body{ flex:0 0 auto; display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; padding-top:var(--unit-5); }
.PieceInquiry__head{ display:flex; align-items:center; justify-content:space-between; gap:var(--unit-4); text-align:left; padding-right:var(--unit-6); }
.PieceInquiry__headText{ min-width:0; flex:1; }
.PieceInquiry__head .InquiryMultiStepForm__eyebrow{ text-align:left; }
.PieceInquiry__head .InquiryMultiStepForm__title{ text-align:left; font-size:clamp(19px,4.8vw,23px); line-height:1.18; margin-top:2px; }
.PieceInquiry__head .InquiryMultiStepForm__subtitle{ text-align:left; margin-top:var(--unit-2) !important; }
.PieceInquiry__thumb{ width:58px; height:58px; flex-shrink:0; object-fit:cover; border-radius:var(--r-media,16px); background:rgba(0,0,0,.08); display:block; }

/* Fields + chips + submit: tighten the reused deck spacing; submit is a full, centered line. */
.PieceInquiry__card .InquiryMultiStepForm__contactPanel{ margin-top:var(--unit-5); padding:0; background:transparent; max-width:none; width:100%; display:flex; flex-direction:column; gap:var(--unit-3); }
.PieceInquiry__card .InquiryMultiStepForm__contactFieldInputRow{ min-height:0; padding:var(--unit-4) 0; }
.PieceInquiry__card .InquiryMultiStepForm__contactFieldInputRow::after{ background:rgba(0,0,0,.4); }
.PieceInquiry__card .InquiryMultiStepForm__contactInput{ color:var(--color-ink); }
.PieceInquiry__card .InquiryMultiStepForm__contactInput::placeholder{ color:rgba(0,0,0,.5); }
.PieceInquiry__card .InquiryMultiStepForm__chips{ margin-top:var(--unit-5); padding:0; flex-direction:row; align-items:center; gap:var(--unit-3); }
.PieceInquiry__card .InquiryMultiStepForm__chipRow{ flex-wrap:wrap; justify-content:center; align-items:center; gap:var(--unit-2); }
.PieceInquiry__card .InquiryMultiStepForm__submitBtn{ display:block; width:100%; margin:var(--unit-6) auto 0; }

/* Drawer open: hide the page's header/breadcrumb logo so only the drawer's own logo shows
   (fixes the duplicated PRISTINE wordmark on mobile when the nav is expanded). */
body.drawer-open .SiteLogoLink,
body.drawer-open [data-home-intro-brand]{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }

/* iOS Safari (2026-10-13): the bottom toolbar floats over the page and 100dvh includes the area
 * under it, so the footer's last line (Delivery & Returns · Privacy · ©) sat behind the bar with
 * no scroll room left. Touch screens get runway below the footer; desktop is unchanged. */
@media (hover: none) and (pointer: coarse) {
  .GlobalFooter__section { padding-bottom: max(env(safe-area-inset-bottom, 0px), 88px); }
}