@font-face {
  font-family: "Alta Light";
  src: url("assets/fonts/Alta_light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Alta Regular";
  src: url("assets/fonts/Alta_regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Alta Caption";
  src: url("assets/fonts/Alta_caption.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;
  --color-white: #ffffff;
  --color-off-white: #f7f7f4;
  --color-soft: #ececea;
  --color-line: rgba(183, 184, 186, 0.56);
  --color-muted: #606165;
  --color-charcoal: #1f2024;
  --color-black: #1f2024;
  --color-gold: #8f9093;
  --color-mist: #e4e5e5;
  --color-blush: #ededeb;
  --color-ink-glass: rgba(13, 13, 12, 0.045);
  --glass-bg: linear-gradient(145deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.28) 52%, rgba(248, 247, 243, 0.42));
  --glass-sheen: linear-gradient(120deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.26) 42%, rgba(255, 255, 255, 0.12));
  --glass-border: rgba(255, 255, 255, 0.78);
  --glass-edge: rgba(255, 255, 255, 0.92);
  --liquid-glass-fill: rgba(255, 255, 255, 0.34);
  --liquid-glass-fill-strong: rgba(255, 255, 255, 0.46);
  --liquid-glass-border: rgba(142, 143, 146, 0.32);
  --liquid-glass-shadow: 0 34px 110px rgba(31, 32, 36, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.88);
  --card-glass-bg:
    linear-gradient(135deg, rgba(255, 255, 255, 0.74), rgba(232, 231, 226, 0.62)),
    rgba(247, 246, 242, 0.7);
  --card-glass-border: rgba(255, 255, 255, 0.76);
  --card-glass-edge: rgba(255, 255, 255, 0.86);
  --card-glass-title: rgba(31, 32, 36, 0.92);
  --card-glass-copy: rgba(67, 68, 70, 0.72);
  --card-glass-muted: rgba(101, 96, 85, 0.72);
  --card-glass-shadow: 0 18px 46px rgba(31, 32, 36, 0.1), inset 0 1px 0 var(--card-glass-edge);
  --font-body: Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-display: Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-accent: Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-caption: Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --space-page: clamp(1.25rem, 4vw, 4.5rem);
  --radius: 8px;
  --radius-large: 26px;
  --shadow-soft: 0 18px 52px rgba(13, 13, 12, 0.065), inset 0 1px 0 var(--glass-edge);
  --shadow-lift: 0 26px 78px rgba(13, 13, 12, 0.105), inset 0 1px 0 var(--glass-edge);
  --shadow-ios: 0 18px 52px rgba(13, 13, 12, 0.1), 0 2px 8px rgba(13, 13, 12, 0.045), inset 0 1px 0 rgba(255, 255, 255, 0.92);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --spring: cubic-bezier(0.2, 0.9, 0.18, 1.12);
  --transition: 360ms var(--ease);
  --motion-fast: 180ms;
  --motion-base: 360ms;
  --motion-slow: 620ms;
  --hover-transform: translateY(-4px) scale(1.004);
  --hover-border: rgba(255, 255, 255, 0.86);
  --hover-shadow: 0 28px 78px rgba(13, 13, 12, 0.14), inset 0 1px 0 var(--glass-edge);
  --nav-progress-scale: 0.28;
  --nav-glow-x: 0%;
  --theme-bloom: rgba(255, 255, 255, 0);
  --magnetic-x: 0px;
  --magnetic-y: 0px;
  --scene-glow: rgba(255, 255, 255, 0.34);
  --pointer-x: 50%;
  --pointer-y: 50%;
  --page-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(247, 247, 244, 0.94) 36%, rgba(236, 236, 234, 0.86)),
    linear-gradient(125deg, rgba(228, 229, 229, 0.58), transparent 31%, rgba(216, 216, 214, 0.28) 67%, transparent),
    var(--color-off-white);
  --ambient-bg:
    linear-gradient(115deg, rgba(255, 255, 255, 0.72), transparent 34%),
    linear-gradient(25deg, rgba(143, 144, 147, 0.14), transparent 26%, rgba(31, 32, 36, 0.065) 58%, transparent 74%),
    linear-gradient(155deg, transparent 12%, rgba(220, 220, 218, 0.26) 43%, transparent 67%),
    repeating-linear-gradient(100deg, rgba(13, 13, 12, 0.018) 0 1px, transparent 1px 84px),
    repeating-linear-gradient(12deg, rgba(255, 255, 255, 0.24) 0 1px, transparent 1px 112px);
  --ambient-footer:
    linear-gradient(180deg, transparent, rgba(31, 32, 36, 0.055)),
    linear-gradient(95deg, transparent 12%, rgba(143, 144, 147, 0.13) 42%, transparent 72%);
  --section-wash:
    linear-gradient(115deg, transparent 6%, rgba(255, 255, 255, 0.28) 24%, transparent 48%),
    linear-gradient(26deg, rgba(31, 32, 36, 0.035), transparent 30%, rgba(143, 144, 147, 0.06) 68%, transparent);
  --satin-texture:
    linear-gradient(118deg, rgba(255, 255, 255, 0.36), transparent 32%, rgba(31, 32, 36, 0.035) 58%, transparent 76%),
    repeating-linear-gradient(102deg, rgba(31, 32, 36, 0.018) 0 1px, transparent 1px 42px);
  --photo-filter: saturate(1) brightness(1) contrast(1.04);
}

[data-theme="night"] {
  color-scheme: dark;
  --color-white: #f5f5f2;
  --color-off-white: #101114;
  --color-soft: #181a1d;
  --color-line: rgba(245, 245, 242, 0.14);
  --color-muted: #b6b7ba;
  --color-charcoal: #e8e8e5;
  --color-black: #f5f5f2;
  --color-gold: #a9aaad;
  --color-mist: #2b2d31;
  --color-blush: #242529;
  --color-ink-glass: rgba(255, 255, 255, 0.055);
  --glass-bg: linear-gradient(145deg, rgba(36, 39, 37, 0.78), rgba(20, 22, 21, 0.42) 52%, rgba(55, 49, 42, 0.38));
  --glass-sheen: linear-gradient(120deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.08) 42%, rgba(255, 255, 255, 0.035));
  --glass-border: rgba(255, 255, 255, 0.18);
  --glass-edge: rgba(255, 255, 255, 0.24);
  --liquid-glass-fill: rgba(255, 255, 255, 0.12);
  --liquid-glass-fill-strong: rgba(255, 255, 255, 0.18);
  --liquid-glass-border: rgba(255, 255, 255, 0.22);
  --liquid-glass-shadow: 0 40px 130px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  --card-glass-bg:
    linear-gradient(135deg, rgba(56, 58, 58, 0.82), rgba(34, 35, 36, 0.8)),
    rgba(32, 33, 34, 0.86);
  --card-glass-border: rgba(255, 255, 255, 0.18);
  --card-glass-edge: rgba(255, 255, 255, 0.14);
  --card-glass-title: rgba(255, 255, 255, 0.96);
  --card-glass-copy: rgba(232, 232, 230, 0.76);
  --card-glass-muted: rgba(232, 232, 230, 0.62);
  --card-glass-shadow: 0 22px 52px rgba(0, 0, 0, 0.34), inset 0 1px 0 var(--card-glass-edge);
  --hover-border: rgba(255, 255, 255, 0.24);
  --hover-shadow: 0 28px 78px rgba(0, 0, 0, 0.38), inset 0 1px 0 var(--glass-edge);
  --theme-bloom: rgba(245, 231, 199, 0);
  --scene-glow: rgba(245, 231, 199, 0.075);
  --shadow-soft: 0 18px 52px rgba(0, 0, 0, 0.3), inset 0 1px 0 var(--glass-edge);
  --shadow-lift: 0 30px 90px rgba(0, 0, 0, 0.42), inset 0 1px 0 var(--glass-edge);
  --shadow-ios: 0 24px 70px rgba(0, 0, 0, 0.42), 0 2px 8px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.22);
  --page-bg:
    radial-gradient(circle at 16% 8%, rgba(170, 171, 174, 0.12), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(95, 96, 101, 0.22), transparent 30%),
    linear-gradient(180deg, #111216, #17181c 44%, #0b0c0f);
  --ambient-bg:
    linear-gradient(115deg, rgba(255, 255, 255, 0.08), transparent 32%),
    linear-gradient(25deg, rgba(170, 171, 174, 0.11), transparent 26%, rgba(245, 245, 242, 0.065) 58%, transparent 74%),
    repeating-linear-gradient(100deg, rgba(255, 255, 255, 0.018) 0 1px, transparent 1px 84px),
    repeating-linear-gradient(12deg, rgba(255, 255, 255, 0.012) 0 1px, transparent 1px 112px);
  --ambient-footer:
    linear-gradient(180deg, transparent, rgba(245, 245, 242, 0.055)),
    linear-gradient(95deg, transparent 12%, rgba(170, 171, 174, 0.12) 42%, transparent 72%);
  --section-wash:
    linear-gradient(115deg, transparent 6%, rgba(255, 255, 255, 0.055) 24%, transparent 48%),
    linear-gradient(26deg, rgba(245, 245, 242, 0.035), transparent 30%, rgba(170, 171, 174, 0.06) 68%, transparent);
  --satin-texture:
    linear-gradient(118deg, rgba(255, 255, 255, 0.055), transparent 32%, rgba(245, 245, 242, 0.028) 58%, transparent 76%),
    repeating-linear-gradient(102deg, rgba(255, 255, 255, 0.014) 0 1px, transparent 1px 42px);
  --photo-filter: saturate(0.92) brightness(0.82) contrast(1.08);
}

* {
  box-sizing: border-box;
}

::selection {
  background: rgba(184, 160, 100, 0.28);
  color: var(--color-black);
}

html {
  overflow-x: clip;
  scroll-behavior: smooth;
  background: var(--color-off-white);
  transition: background-color 520ms var(--ease);
}

body {
  margin: 0;
  overflow-x: clip;
  color: var(--color-charcoal);
  background: var(--page-bg);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  transition: color 520ms var(--ease), background 520ms var(--ease);
}

main {
  transition: opacity 420ms var(--ease), transform 520ms var(--spring), filter 420ms var(--ease);
}

.is-language-switching main {
  opacity: 0.72;
  filter: blur(5px);
  transform: translateX(14px) scale(0.996);
}

[dir="rtl"].is-language-switching main {
  transform: translateX(-14px) scale(0.996);
}

body::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  content: "";
  background:
    radial-gradient(circle at var(--nav-glow-x) 8%, var(--theme-bloom), transparent 26%),
    var(--satin-texture),
    var(--ambient-bg);
  pointer-events: none;
  animation: ambientGlow 16s var(--ease) infinite alternate;
  transition: background 680ms var(--ease), opacity 680ms var(--ease);
}

body::after {
  position: fixed;
  inset: auto 0 0;
  z-index: -1;
  height: 46vh;
  content: "";
  background:
    var(--satin-texture),
    var(--ambient-footer);
  opacity: 0.58;
  mix-blend-mode: normal;
  pointer-events: none;
  animation: satinShift 28s linear infinite alternate;
}

body.nav-open {
  overflow: hidden;
}

.nav-scrim {
  position: fixed;
  inset: 0;
  z-index: 45;
  background:
    radial-gradient(circle at 50% 4%, rgba(255, 255, 255, 0.38), transparent 34%),
    rgba(20, 21, 20, 0.14);
  opacity: 0;
  pointer-events: none;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  transition: opacity 420ms var(--ease), backdrop-filter 420ms var(--ease);
}

body.nav-open .nav-scrim {
  opacity: 1;
  pointer-events: auto;
  backdrop-filter: blur(14px) saturate(1.08);
  -webkit-backdrop-filter: blur(14px) saturate(1.08);
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

picture {
  display: contents;
}

a {
  color: inherit;
  text-decoration: none;
}

a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--color-charcoal);
  outline-offset: 3px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.site-header {
  position: fixed;
  top: 16px;
  left: 0;
  right: 0;
  z-index: 50;
  width: min(calc(100% - 32px), 1120px);
  margin-inline: auto;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.56rem 0.72rem 0.56rem 0.9rem;
  border: 1px solid var(--glass-border);
  border-radius: 24px;
  background:
    var(--glass-sheen),
    rgba(255, 255, 255, 0.66);
  box-shadow: 0 18px 54px rgba(13, 13, 12, 0.075), inset 0 1px 0 var(--glass-edge), inset 0 -1px 0 rgba(255, 255, 255, 0.34);
  backdrop-filter: blur(34px) saturate(1.35);
  -webkit-backdrop-filter: blur(34px) saturate(1.35);
  transform: none;
  opacity: 1;
  transition: background var(--transition), box-shadow var(--transition), border-color var(--transition);
}

.site-header::after {
  position: absolute;
  left: 1.25rem;
  right: 1.25rem;
  bottom: -1px;
  height: 1px;
  content: "";
  background:
    linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.92), transparent),
    linear-gradient(90deg, rgba(31, 32, 36, 0.26), rgba(31, 32, 36, 0.08));
  opacity: 0.48;
  transform: scaleX(var(--nav-progress-scale));
  transform-origin: left;
  transition: transform 220ms linear, opacity var(--transition);
  pointer-events: none;
}

.site-header.is-scrolled {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.42)),
    rgba(255, 255, 255, 0.68);
  border-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 64px rgba(13, 13, 12, 0.12), inset 0 1px 0 var(--glass-edge);
}

.site-header.is-compact {
  min-height: 52px;
  padding-block: 0.4rem;
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.5)),
    rgba(255, 255, 255, 0.72);
  box-shadow: var(--shadow-ios);
  transform: translateY(-2px) scale(0.992);
}

.site-header.is-compact .brand-mark img {
  filter: saturate(0.92) contrast(1.06);
}

.site-header.is-compact::after {
  opacity: 0.78;
}

.brand-mark {
  display: inline-flex;
  align-items: center;
  min-width: clamp(178px, 18vw, 232px);
}

.brand-mark img {
  width: auto;
  height: clamp(50px, 4vw, 50px);
  max-width: 100%;
  object-fit: contain;
  transition: filter 520ms var(--ease), opacity 520ms var(--ease);
}

.site-nav {
  z-index: 55;
  display: none;
}

.site-nav::after {
  position: absolute;
  left: calc(var(--nav-glow-x) - 34px);
  bottom: -0.64rem;
  width: 68px;
  height: 2px;
  content: "";
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, currentColor, transparent);
  opacity: 0.26;
  filter: blur(0.5px);
  transition: left var(--transition), opacity var(--transition);
  pointer-events: none;
}

.site-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  min-height: 36px;
  padding: 0 0.12rem;
  color: var(--color-charcoal);
  font-family: var(--font-accent);
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  opacity: 0.78;
  transition: opacity var(--transition), color var(--transition), transform var(--transition);
}

.nav-icon,
.action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.nav-icon {
  width: 16px;
  height: 16px;
  opacity: 0.72;
  transition: opacity var(--transition), transform var(--spring);
}

.nav-icon svg,
.action-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.site-nav a::after {
  position: absolute;
  left: 0;
  bottom: -0.35rem;
  width: 100%;
  height: 1px;
  content: "";
  background: var(--color-black);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform var(--transition);
}

.site-nav a::before {
  position: absolute;
  inset: 0 -0.72rem;
  z-index: -1;
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.62);
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.16)),
    rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 10px 24px rgba(13, 13, 12, 0.055);
  opacity: 0;
  transform: scale(0.86);
  transition: opacity var(--transition), transform var(--spring);
}

.site-nav a:hover,
.site-nav a:focus-visible,
.site-nav a.is-active {
  opacity: 1;
  color: var(--color-black);
  transform: translateY(-1px);
}

.site-nav a:hover .nav-icon,
.site-nav a:focus-visible .nav-icon,
.site-nav a.is-active .nav-icon {
  opacity: 1;
  transform: scale(1.05);
}

.site-nav a:hover::before,
.site-nav a:focus-visible::before,
.site-nav a.is-active::before {
  opacity: 1;
  transform: scale(1);
}

.site-nav a:hover::after,
.site-nav a:focus-visible::after,
.site-nav a.is-active::after {
  transform: scaleX(1);
  transform-origin: left;
}

.header-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.58rem;
  flex: 0 0 auto;
}

.menu-toggle {
  position: relative;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--glass-border);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.38);
  box-shadow: inset 0 1px 0 var(--glass-edge), 0 10px 26px rgba(13, 13, 12, 0.06);
  backdrop-filter: blur(20px) saturate(1.22);
  -webkit-backdrop-filter: blur(20px) saturate(1.22);
  cursor: pointer;
}

.theme-toggle {
  position: relative;
  width: 46px;
  flex: 0 0 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--glass-border);
  border-radius: 50%;
  background:
    var(--glass-sheen),
    rgba(255, 255, 255, 0.44);
  color: #3a352c;
  box-shadow: inset 0 1px 0 var(--glass-edge), 0 12px 28px rgba(13, 13, 12, 0.1);
  backdrop-filter: blur(24px) saturate(1.18);
  -webkit-backdrop-filter: blur(24px) saturate(1.18);
  cursor: pointer;
  transition: transform var(--transition), background var(--transition), box-shadow var(--transition), border-color var(--transition), color var(--transition);
}

.theme-bloom {
  position: absolute;
  inset: -42%;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.28) 36%, transparent 68%);
  opacity: 0;
  transform: scale(0.24);
  pointer-events: none;
}

.theme-toggle.is-blooming .theme-bloom {
  animation: themeBloom 720ms var(--ease);
}

.language-toggle {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--glass-border);
  border-radius: 50%;
  background:
    var(--glass-sheen),
    rgba(255, 255, 255, 0.44);
  color: #3a352c;
  box-shadow: inset 0 1px 0 var(--glass-edge), 0 12px 28px rgba(13, 13, 12, 0.1);
  backdrop-filter: blur(24px) saturate(1.18);
  -webkit-backdrop-filter: blur(24px) saturate(1.18);
  cursor: pointer;
  font-family: var(--font-accent);
  font-size: 0.95rem;
  font-weight: 650;
  line-height: 1;
  transition: transform var(--transition), background var(--transition), box-shadow var(--transition), border-color var(--transition), color var(--transition);
}

.theme-toggle:hover,
.theme-toggle:focus-visible,
.language-toggle:hover,
.language-toggle:focus-visible {
  transform: translateY(-2px) scale(1.035);
  box-shadow: var(--shadow-ios);
}

.theme-icon {
  position: absolute;
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity 300ms var(--ease), transform 420ms var(--spring);
}

.theme-icon-moon {
  opacity: 0;
  transform: scale(0.62) rotate(-30deg);
}

[data-theme="night"] .theme-toggle {
  background:
    var(--glass-sheen),
    rgba(28, 30, 34, 0.74);
  border-color: rgba(255, 255, 255, 0.2);
  color: #f5e7c7;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 14px 34px rgba(0, 0, 0, 0.32);
}

[data-theme="night"] .language-toggle {
  background:
    var(--glass-sheen),
    rgba(28, 30, 34, 0.74);
  border-color: rgba(255, 255, 255, 0.2);
  color: #f5e7c7;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 14px 34px rgba(0, 0, 0, 0.32);
}

[data-theme="night"] .theme-icon-sun {
  opacity: 0;
  transform: scale(0.62) rotate(40deg);
}

[data-theme="night"] .theme-icon-moon {
  opacity: 1;
  transform: scale(1) rotate(0);
}

.menu-line {
  position: absolute;
  width: 18px;
  height: 1px;
  background: var(--color-black);
  transition: transform var(--transition), opacity var(--transition);
}

.menu-line:first-child {
  transform: translateY(-4px);
}

.menu-line:nth-child(2) {
  transform: translateY(4px);
}

.menu-toggle[aria-expanded="true"] .menu-line:first-child {
  transform: translateY(0) rotate(45deg);
}

.menu-toggle[aria-expanded="true"] .menu-line:nth-child(2) {
  transform: translateY(0) rotate(-45deg);
}

.section {
  position: relative;
  isolation: isolate;
  width: min(1160px, calc(100% - (var(--space-page) * 2)));
  margin-inline: auto;
  padding-block: clamp(4.2rem, 7vw, 7.6rem);
  scroll-margin-top: 132px;
  --liquid-x: 64%;
  --liquid-y: 12%;
  --liquid-w: min(70vw, 780px);
  --liquid-h: clamp(240px, 34vw, 460px);
  --liquid-rotate: -8deg;
  --section-depth: 0px;
  transform: translate3d(0, var(--section-depth), 0);
}

.section::after {
  position: absolute;
  inset: clamp(1rem, 4vw, 3rem) max(-1rem, -3vw) auto;
  z-index: -1;
  height: clamp(170px, 26vw, 360px);
  content: "";
  border-radius: 999px;
  background: var(--section-wash);
  opacity: 0.58;
  filter: blur(18px);
  pointer-events: none;
  transform: rotate(var(--liquid-rotate));
  animation: sectionWash 18s var(--ease) infinite alternate;
  transition: opacity 680ms var(--ease), filter 680ms var(--ease), transform 680ms var(--ease);
}

.section.is-current-scene::after {
  opacity: 0.9;
  filter: blur(12px);
  background:
    radial-gradient(circle at 50% 40%, var(--scene-glow), transparent 52%),
    var(--section-wash);
}

.hero {
  position: relative;
  min-height: 94svh;
  display: grid;
  align-items: center;
  gap: clamp(2rem, 6vw, 5rem);
  padding-top: 7.4rem;
}

.hero::before {
  display: none;
  content: none;
}

.hero::after {
  display: none;
  content: none;
}

.eyebrow {
  margin: 0 0 0.75rem;
  color: rgba(37, 37, 34, 0.68);
  font-family: var(--font-caption);
  font-size: 0.74rem;
  font-weight: 400;
  letter-spacing: 0.08em;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1,
h2 {
  color: var(--color-black);
  font-family: var(--font-display);
  font-weight: 300;
  line-height: 1.04;
  letter-spacing: 0;
}

h1 {
  max-width: 700px;
  margin-bottom: 1.25rem;
  font-size: clamp(3rem, 5.9vw, 5.95rem);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.56);
}

.hero-word {
  display: inline-block;
  opacity: 0;
  transform: translate3d(0, 0.34em, 0) rotateX(10deg);
  transform-origin: 50% 100%;
  filter: blur(8px);
}

.hero h1.is-visible .hero-word {
  animation: heroWordIn 780ms var(--spring) forwards;
  animation-delay: calc(var(--word-index, 0) * 42ms);
}

h2 {
  margin-bottom: 1rem;
  font-size: clamp(2.2rem, 4.35vw, 4.28rem);
}

h3 {
  margin-bottom: 0.65rem;
  color: var(--color-black);
  font-family: var(--font-accent);
  font-size: clamp(1.08rem, 1.42vw, 1.32rem);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: 0;
}

.hero-line {
  max-width: 610px;
  margin-bottom: 2.25rem;
  color: rgba(37, 39, 37, 0.72);
  font-size: clamp(1.02rem, 1.6vw, 1.22rem);
}

.primary-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.85rem 1.45rem;
  border: 1px solid rgba(13, 13, 12, 0.78);
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(13, 13, 12, 0.96), rgba(42, 41, 37, 0.9) 54%, rgba(13, 13, 12, 0.96)),
    var(--color-black);
  box-shadow: 0 18px 42px rgba(13, 13, 12, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.28);
  color: var(--color-white);
  font-family: var(--font-accent);
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  transition: transform var(--transition), background var(--transition), color var(--transition), box-shadow var(--transition);
  will-change: transform;
}

.primary-link::after,
.contact-action-primary::after {
  position: absolute;
  inset: -1px;
  content: "";
  border-radius: inherit;
  background:
    linear-gradient(110deg, transparent 12%, rgba(255, 255, 255, 0.34) 42%, transparent 68%);
  opacity: 0;
  transform: translateX(-48%);
  transition: opacity var(--transition), transform 620ms var(--ease);
  pointer-events: none;
}

.primary-link:hover,
.primary-link:focus-visible {
  transform: translate3d(var(--magnetic-x), calc(var(--magnetic-y) - 2px), 0) scale(1.018);
  border-color: var(--glass-border);
  background: rgba(255, 255, 255, 0.68);
  color: var(--color-black);
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(24px) saturate(1.24);
  -webkit-backdrop-filter: blur(24px) saturate(1.24);
}

.primary-link:hover::after,
.primary-link:focus-visible::after,
.contact-action-primary:hover::after,
.contact-action-primary:focus-visible::after {
  opacity: 1;
  transform: translateX(48%);
}

.primary-link.is-pressed,
.collection-card.is-pressed,
.value-card.is-pressed,
.quality-note.is-pressed,
.hero-media.is-pressed,
.section-visual.is-pressed,
.glass-photo.is-pressed,
.about-photo.is-pressed,
.wardrobe-piece.is-pressed {
  filter: saturate(1.04) brightness(0.98);
  transform: translateY(1px) scale(0.985);
}

.hero-media {
  position: relative;
  width: min(100%, 480px);
  margin: 0;
  justify-self: center;
  overflow: hidden;
  border: 1px solid var(--glass-border);
  border-radius: 34px;
  background: rgba(255, 255, 255, 0.34);
  box-shadow: 0 30px 86px rgba(13, 13, 12, 0.13), inset 0 1px 0 var(--glass-edge);
  backdrop-filter: blur(18px) saturate(1.16);
  -webkit-backdrop-filter: blur(18px) saturate(1.16);
  transition: transform 520ms var(--ease), box-shadow var(--transition), border-color var(--transition);
  will-change: transform;
}

.hero-media:hover,
.section-visual:hover,
.glass-photo:hover,
.about-photo:hover {
  transform: var(--hover-transform);
  border-color: var(--hover-border);
  box-shadow: var(--hover-shadow);
}

.ios-focus {
  border-color: var(--hover-border) !important;
  box-shadow: var(--hover-shadow) !important;
}

.hero-media::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: inherit;
  pointer-events: none;
}

.hero-media::after,
.section-visual::before,
.glass-photo::before,
.about-photo::before,
.collection-card::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  background:
    radial-gradient(circle at var(--pointer-x) var(--pointer-y), rgba(255, 255, 255, 0.62), transparent 20%),
    linear-gradient(125deg, rgba(255, 255, 255, 0.22), transparent 42%),
    linear-gradient(65deg, transparent 18%, rgba(255, 255, 255, 0.16), transparent 52%);
  opacity: 0;
  mix-blend-mode: soft-light;
  pointer-events: none;
  transition: opacity var(--transition), background-position var(--transition);
}

.hero-media:hover::after,
.section-visual:hover::before,
.glass-photo:hover::before,
.about-photo:hover::before,
.collection-card:hover::before {
  opacity: 1;
}

.hero-media figcaption {
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  z-index: 2;
  padding: 0.72rem 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.52);
  border-radius: 999px;
  background: rgba(248, 247, 243, 0.68);
  color: rgba(13, 13, 12, 0.72);
  font-family: var(--font-caption);
  font-size: 0.74rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-align: center;
  box-shadow: inset 0 1px 0 var(--glass-edge);
  backdrop-filter: blur(24px) saturate(1.22);
  -webkit-backdrop-filter: blur(24px) saturate(1.22);
}

.hero-media img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center top;
  filter: var(--photo-filter);
  animation: quietDrift 14s var(--ease) infinite alternate;
}

.hero-media img,
.section-visual img,
.glass-photo img,
.about-photo img,
.collection-card img,
.wardrobe-piece img {
  clip-path: inset(0 round 0);
}

.image-mask-ready img {
  clip-path: inset(8% 8% 8% 8% round 30px);
  opacity: 0.72;
  transform: scale(1.045);
  transition: clip-path 900ms var(--ease), opacity 720ms var(--ease), transform 900ms var(--ease), filter var(--transition);
}

.image-mask-ready.is-visible img,
.is-visible.image-mask-ready img {
  clip-path: inset(0 round 0);
  opacity: 1;
  transform: none;
}

.section-heading {
  max-width: 760px;
  margin-bottom: clamp(1.4rem, 3.2vw, 2.4rem);
}

.section-heading h2 {
  max-width: 920px;
}

.split-heading {
  max-width: none;
  display: grid;
  gap: 1.5rem;
}

.section-heading p {
  color: var(--color-muted);
  font-size: clamp(1rem, 1.7vw, 1.16rem);
}

.section-visual {
  position: relative;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--glass-border);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0 28px 84px rgba(13, 13, 12, 0.1), inset 0 1px 0 var(--glass-edge);
  backdrop-filter: blur(18px) saturate(1.15);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
  transition: transform 520ms var(--ease), box-shadow var(--transition), border-color var(--transition);
}

.section-visual::after {
  position: absolute;
  inset: 0;
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: inherit;
  pointer-events: none;
  z-index: 2;
}

.section-visual img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  object-position: center top;
  filter: var(--photo-filter);
}

.style-layout,
.craft-layout,
.why-layout,
.contact-layout {
  display: grid;
  gap: clamp(1rem, 3vw, 1.6rem);
}

.style-visual,
.why-visual {
  align-self: stretch;
}

.glass-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-large);
  background:
    var(--glass-sheen),
    linear-gradient(315deg, rgba(184, 160, 100, 0.1), transparent 44%),
    rgba(255, 255, 255, 0.34);
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(34px) saturate(1.34);
  -webkit-backdrop-filter: blur(34px) saturate(1.34);
}

.glass-panel,
.moment,
.about-panel,
.collection-card,
.collection-card div,
.style-tile,
.value-card,
.craft-card,
.wardrobe-stage-copy,
.wardrobe-piece,
.wardrobe-note,
.range-palette,
.styling-row,
.quality-note,
.details-list,
.contact-section,
.contact-action {
  transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition), background var(--transition);
  will-change: transform;
}

.ios-ripple {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.18) 44%, transparent 72%);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0.24);
  animation: iosRipple 780ms var(--ease);
  z-index: 4;
}

.glass-panel:hover,
.moment:hover,
.about-panel:hover,
.quality-note:hover,
.details-list:hover,
.wardrobe-stage-copy:hover,
.wardrobe-note:hover,
.range-palette:hover,
.contact-section:hover,
.glass-panel:active,
.moment:active,
.about-panel:active,
.quality-note:active,
.details-list:active,
.wardrobe-stage-copy:active,
.wardrobe-note:active,
.range-palette:active,
.contact-section:active {
  transform: var(--hover-transform);
  border-color: var(--hover-border);
  box-shadow: var(--hover-shadow);
}

.glass-panel::after,
.collection-card div::after,
.wardrobe-piece::after,
.value-card::after,
.quality-note::after,
.details-list::after,
.contact-section::before,
.contact-action-secondary::before,
.about-panel::after,
.wardrobe-stage-copy::after,
.wardrobe-note::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(105deg, transparent 18%, rgba(255, 255, 255, 0.62) 42%, transparent 66%);
  opacity: 0;
  pointer-events: none;
  transform: translateX(-140%);
}

.glass-panel:hover::after,
.collection-card:hover div::after,
.wardrobe-piece:hover::after,
.value-card:hover::after,
.quality-note:hover::after,
.details-list:hover::after,
.contact-section:hover::before,
.contact-action-secondary:hover::before,
.about-panel:hover::after,
.wardrobe-stage-copy:hover::after,
.wardrobe-note:hover::after {
  animation: glassShine 980ms var(--ease);
}

.glass-showcase {
  position: relative;
  display: grid;
  gap: clamp(1.6rem, 5vw, 4rem);
  padding-inline: 0;
}

.collection-section,
.quality-section,
.details-section {
  position: relative;
}

.glass-showcase {
  --liquid-x: 28%;
  --liquid-y: 9%;
  --liquid-w: min(74vw, 820px);
  --liquid-h: clamp(260px, 38vw, 500px);
  --liquid-rotate: 7deg;
}

.about-section {
  --liquid-x: 70%;
  --liquid-y: 18%;
  --liquid-w: min(72vw, 760px);
  --liquid-h: clamp(250px, 36vw, 460px);
  --liquid-rotate: -10deg;
}

.collection-section {
  --liquid-x: 50%;
  --liquid-y: 10%;
  --liquid-w: min(88vw, 1040px);
  --liquid-h: clamp(260px, 34vw, 430px);
  --liquid-rotate: 2deg;
}

.wardrobe-section {
  --liquid-x: 34%;
  --liquid-y: 16%;
  --liquid-w: min(78vw, 880px);
  --liquid-h: clamp(300px, 42vw, 560px);
  --liquid-rotate: -6deg;
}

.quality-section {
  --liquid-x: 68%;
  --liquid-y: 8%;
  --liquid-w: min(72vw, 800px);
  --liquid-h: clamp(250px, 36vw, 470px);
  --liquid-rotate: 8deg;
}

.why-section {
  --liquid-x: 36%;
  --liquid-y: 10%;
  --liquid-w: min(78vw, 860px);
  --liquid-h: clamp(260px, 38vw, 500px);
  --liquid-rotate: -9deg;
}

.details-section {
  --liquid-x: 72%;
  --liquid-y: 13%;
  --liquid-w: min(68vw, 780px);
  --liquid-h: clamp(250px, 35vw, 470px);
  --liquid-rotate: 6deg;
}

.contact-section {
  --liquid-x: 70%;
  --liquid-y: -8%;
  --liquid-w: min(62vw, 640px);
  --liquid-h: clamp(220px, 30vw, 360px);
  --liquid-rotate: -5deg;
}

.glass-showcase::before {
  display: none;
}

.showcase-copy {
  align-self: center;
  max-width: 540px;
}

.showcase-copy p:not(.eyebrow) {
  color: var(--color-muted);
  font-size: clamp(1rem, 1.7vw, 1.16rem);
}

.showcase-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: clamp(1.25rem, 3vw, 2rem);
}

.showcase-proof span {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: 0.65rem 0.85rem;
  border: 1px solid var(--glass-border);
  border-radius: 999px;
  background:
    var(--glass-sheen),
    rgba(255, 255, 255, 0.34);
  box-shadow: inset 0 1px 0 var(--glass-edge), 0 12px 30px rgba(13, 13, 12, 0.06);
  color: rgba(37, 37, 34, 0.76);
  font-family: var(--font-caption);
  font-size: 0.78rem;
  font-weight: 400;
  letter-spacing: 0.07em;
  backdrop-filter: blur(22px) saturate(1.18);
  -webkit-backdrop-filter: blur(22px) saturate(1.18);
}

.showcase-stack {
  display: grid;
  gap: 1rem;
}

.glass-photo {
  position: relative;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--glass-border);
  border-radius: clamp(20px, 2.4vw, 34px);
  background: rgba(255, 255, 255, 0.34);
  box-shadow: 0 28px 76px rgba(13, 13, 12, 0.14), inset 0 1px 0 var(--glass-edge);
  backdrop-filter: blur(24px) saturate(1.22);
  -webkit-backdrop-filter: blur(24px) saturate(1.22);
  transition: transform 520ms var(--ease), box-shadow var(--transition), border-color var(--transition);
}

.glass-photo::after,
.about-photo::after {
  position: absolute;
  inset: 0;
  z-index: 2;
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: inherit;
  pointer-events: none;
}

.glass-photo img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center top;
  filter: var(--photo-filter);
}

.about-panel {
  position: relative;
  overflow: hidden;
  max-width: none;
  padding: clamp(1.35rem, 3vw, 2.4rem);
  border-color: var(--card-glass-border);
  background: var(--card-glass-bg);
  box-shadow: var(--card-glass-shadow);
  backdrop-filter: blur(28px) saturate(1.12);
  -webkit-backdrop-filter: blur(28px) saturate(1.12);
}

.about-layout {
  display: grid;
  gap: clamp(1rem, 3vw, 1.8rem);
  align-items: stretch;
}

.about-copy {
  display: grid;
  align-content: center;
  gap: clamp(1.2rem, 3vw, 1.8rem);
}

.about-copy .section-heading {
  margin-bottom: 0;
}

.about-photo {
  position: relative;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--glass-border);
  border-radius: 28px;
  box-shadow: 0 24px 80px rgba(13, 13, 12, 0.1), inset 0 1px 0 var(--glass-edge);
  transition: transform 520ms var(--ease), box-shadow var(--transition), border-color var(--transition);
}

.about-photo img {
  width: 100%;
  height: 100%;
  min-height: 280px;
  object-fit: cover;
  object-position: center;
  filter: var(--photo-filter);
}

.about-panel p {
  margin: 0;
  color: var(--card-glass-title);
  max-width: 780px;
  font-size: clamp(1.03rem, 1.65vw, 1.24rem);
  line-height: 1.72;
}

.about-points {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: clamp(1.4rem, 3vw, 2.2rem);
}

.about-points span {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 0.95rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(18px) saturate(1.12);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  color: var(--card-glass-copy);
  font-family: var(--font-caption);
  font-size: 0.78rem;
  font-weight: 400;
  letter-spacing: 0.07em;
}

.about-proof {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.85rem;
  align-items: center;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.about-proof strong {
  color: var(--card-glass-title);
  font-family: var(--font-display);
  font-size: clamp(2.35rem, 4.6vw, 3.9rem);
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0;
}

.about-proof span {
  color: var(--card-glass-copy);
  font-size: clamp(0.95rem, 1.4vw, 1.05rem);
  line-height: 1.45;
}

.collection-grid,
.value-grid {
  display: grid;
  gap: 1rem;
}

.collection-grid {
  gap: clamp(0.85rem, 2vw, 1.15rem);
}

.collection-card {
  position: relative;
  min-height: 0;
  aspect-ratio: 4 / 4.45;
  overflow: hidden;
  border: 1px solid var(--glass-border);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.28);
  box-shadow: 0 24px 70px rgba(13, 13, 12, 0.1), inset 0 1px 0 var(--glass-edge);
  transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
  transform-style: preserve-3d;
  will-change: transform;
}

.collection-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 1px solid rgba(255, 255, 255, 0.68);
  border-radius: inherit;
  object-fit: cover;
  filter: var(--photo-filter);
  transition: transform 460ms var(--ease), filter var(--transition);
}

.moments-grid {
  display: grid;
  gap: 1rem;
}

.moment {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.76);
  border-radius: 26px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.74), rgba(248, 247, 243, 0.48)),
    rgba(255, 255, 255, 0.62);
  box-shadow: 0 22px 64px rgba(13, 13, 12, 0.09);
  transition: transform var(--transition), box-shadow var(--transition);
}

.moment img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  filter: saturate(0.98) brightness(0.98) contrast(1.07);
}

.moment h3,
.moment p {
  padding-inline: clamp(1rem, 2.5vw, 1.4rem);
}

.moment h3 {
  margin-top: 1.15rem;
}

.moment p {
  margin-bottom: 1.35rem;
  color: var(--color-muted);
}

.collection-card::after {
  position: absolute;
  inset: 0;
  content: "";
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(13, 13, 12, 0.26)),
    linear-gradient(135deg, rgba(184, 160, 100, 0.08), transparent 42%);
  pointer-events: none;
  z-index: 1;
}

.collection-card div {
  position: absolute;
  left: 0.95rem;
  right: 0.95rem;
  bottom: 0.95rem;
  z-index: 2;
  padding: clamp(1rem, 2vw, 1.3rem);
  border: 1px solid var(--card-glass-border);
  border-radius: 24px;
  background: var(--card-glass-bg);
  box-shadow: var(--card-glass-shadow);
  backdrop-filter: blur(28px) saturate(1.12);
  -webkit-backdrop-filter: blur(28px) saturate(1.12);
}

.collection-card h3 {
  margin-bottom: 0.55rem;
  color: var(--card-glass-title);
  font-size: clamp(1.08rem, 1.55vw, 1.38rem);
  font-weight: 650;
  line-height: 1.08;
}

.collection-card p {
  color: var(--card-glass-copy);
  font-size: clamp(0.92rem, 1.15vw, 1.02rem);
  line-height: 1.45;
}

.value-card p {
  margin-bottom: 0;
  color: var(--color-muted);
}

.collection-card p {
  margin-bottom: 0;
}

.collection-card:hover {
  transform: var(--hover-transform);
  border-color: var(--hover-border);
  box-shadow: var(--hover-shadow);
}

.collection-card:active,
.style-tile:active,
.value-card:active,
.craft-card:active,
.styling-row:active,
.contact-action:active {
  transform: translateY(-2px) scale(0.994);
  border-color: var(--hover-border);
  box-shadow: var(--hover-shadow);
}

.collection-card:hover img {
  transform: scale(1.03);
  filter: saturate(1) brightness(1.01) contrast(1.04);
}

.collection-card:hover div,
.value-card:hover h3,
.quality-note:hover h3 {
  transform: translateY(-2px);
}

.collection-card div,
.value-card h3,
.quality-note h3 {
  transition: transform var(--transition);
}

.value-grid {
  grid-template-columns: 1fr;
}

.value-card {
  position: relative;
  overflow: hidden;
  min-height: clamp(138px, 12vw, 170px);
  display: grid;
  align-content: end;
  padding: clamp(1rem, 1.9vw, 1.4rem);
  border: 1px solid var(--card-glass-border);
  border-radius: 22px;
  background: var(--card-glass-bg);
  box-shadow: var(--card-glass-shadow);
  backdrop-filter: blur(28px) saturate(1.24);
  -webkit-backdrop-filter: blur(28px) saturate(1.24);
  transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
  transform-style: preserve-3d;
  will-change: transform;
}

.value-card span {
  display: none;
  margin-bottom: 1.05rem;
  color: var(--card-glass-muted);
  font-family: var(--font-caption);
  font-size: 0.78rem;
  font-weight: 400;
  letter-spacing: 0.07em;
}

.value-card h3,
.value-card p {
  position: relative;
  z-index: 1;
}

.value-card h3,
.quality-note h3 {
  color: var(--card-glass-title);
}

.value-card p,
.quality-note p {
  color: var(--card-glass-copy);
}

.value-card:hover {
  transform: var(--hover-transform);
  border-color: var(--hover-border);
  box-shadow: var(--hover-shadow);
}

.style-grid {
  display: grid;
  gap: 1rem;
}

.style-tile {
  min-height: 210px;
  padding: clamp(1.15rem, 2.6vw, 1.8rem);
  border: 1px solid var(--glass-border);
  border-radius: 24px;
  background:
    var(--glass-bg),
    linear-gradient(315deg, rgba(184, 160, 100, 0.09), transparent 45%),
    rgba(255, 255, 255, 0.34);
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(30px) saturate(1.28);
  -webkit-backdrop-filter: blur(30px) saturate(1.28);
  transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}

.style-tile p {
  margin-bottom: 0;
  color: var(--color-muted);
}

.style-tile h3 {
  overflow-wrap: anywhere;
  line-height: 1.12;
}

.style-tile:hover {
  transform: var(--hover-transform);
  border-color: var(--hover-border);
  box-shadow: var(--hover-shadow);
}

.wardrobe-section {
  padding-block: clamp(3.8rem, 6vw, 6.4rem);
  scroll-margin-top: 118px;
}

.wardrobe-section .section-heading {
  display: block;
  max-width: 860px;
  opacity: 1 !important;
  filter: none !important;
}

.wardrobe-stage {
  position: relative;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 300px));
  justify-content: center;
  align-items: start;
  gap: clamp(0.85rem, 1.6vw, 1.25rem);
  overflow: visible;
  padding: clamp(1rem, 2vw, 1.45rem);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: transform 520ms var(--ease);
}

.wardrobe-stage-copy {
  position: relative;
  overflow: hidden;
  grid-column: 1 / -1;
  z-index: 5;
  max-width: 360px;
  padding: 1rem 1.15rem;
  border: 1px solid var(--card-glass-border);
  border-radius: 22px;
  background: var(--card-glass-bg);
  box-shadow: var(--card-glass-shadow);
  backdrop-filter: blur(28px) saturate(1.12);
  -webkit-backdrop-filter: blur(28px) saturate(1.12);
}

.wardrobe-stage-copy span {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--card-glass-muted);
  font-family: var(--font-caption);
  font-size: 0.76rem;
  font-weight: 400;
  letter-spacing: 0.07em;
}

.wardrobe-stage-copy h3 {
  margin: 0;
  color: var(--card-glass-title);
  font-size: clamp(1rem, 1.5vw, 1.22rem);
  line-height: 1.08;
}

.wardrobe-stage::before,
.wardrobe-stage::after {
  display: none;
  content: none;
}

.wardrobe-rail {
  display: none;
}

.wardrobe-piece {
  position: relative;
  z-index: 2;
  width: auto;
  min-width: 0;
  overflow: hidden;
  padding: clamp(0.54rem, 1vw, 0.7rem) clamp(0.54rem, 1vw, 0.7rem) clamp(0.75rem, 1.1vw, 0.9rem);
  border: 1px solid var(--card-glass-border);
  border-radius: 24px;
  background: var(--card-glass-bg);
  box-shadow: var(--card-glass-shadow);
  backdrop-filter: blur(28px) saturate(1.12);
  -webkit-backdrop-filter: blur(28px) saturate(1.12);
  transform-origin: center;
  will-change: transform;
  --base-x: 0;
  --base-rotate: 0deg;
  transform: rotate(var(--base-rotate));
  opacity: 1 !important;
  filter: none !important;
}

.wardrobe-stage:has(.wardrobe-piece:hover) .wardrobe-piece:not(:hover) {
  filter: saturate(0.9) opacity(0.82);
}

.wardrobe-piece:hover {
  z-index: 8;
  border-color: var(--hover-border);
  box-shadow: var(--hover-shadow);
}

.wardrobe-piece:active {
  z-index: 8;
  border-color: var(--hover-border);
  box-shadow: var(--hover-shadow);
}

.wardrobe-piece::before {
  position: absolute;
  top: -47px;
  left: 50%;
  width: 1px;
  height: 56px;
  content: "";
  background: rgba(44, 44, 42, 0.38);
}

.wardrobe-piece span {
  display: none;
}

.wardrobe-piece img {
  width: 100%;
  aspect-ratio: 4 / 5;
  border: 1px solid rgba(255, 255, 255, 0.68);
  object-fit: cover;
  object-position: center top;
  border-radius: 18px;
  filter: var(--photo-filter);
}

.wardrobe-piece-four img,
.wardrobe-piece-five img,
.wardrobe-piece-nine img {
  object-position: center center;
}

.wardrobe-piece h3 {
  margin: 0.68rem 0 0;
  color: var(--card-glass-title);
  font-size: clamp(0.9rem, 1.15vw, 1.08rem);
  font-weight: 650;
  line-height: 1.08;
}

.wardrobe-piece-one {
  --base-rotate: -4deg;
}

.wardrobe-piece-two {
  --base-rotate: 3deg;
}

.wardrobe-piece-three {
  --base-rotate: -2deg;
}

.wardrobe-piece-four {
  --base-rotate: 3.5deg;
}

.wardrobe-piece-five {
  --base-rotate: -3deg;
}

.wardrobe-piece-six {
  --base-rotate: 3deg;
}

.wardrobe-piece-seven {
  --base-rotate: -3deg;
}

.wardrobe-piece-eight {
  --base-rotate: 2deg;
}

.wardrobe-piece-nine {
  --base-rotate: -2deg;
}

.wardrobe-note {
  position: relative;
  overflow: hidden;
  grid-column: 1 / -1;
  z-index: 4;
  width: min(560px, calc(100% - 2rem));
  padding: clamp(1rem, 2.2vw, 1.35rem);
  margin: 0.4rem auto 0;
  text-align: center;
  border-color: var(--card-glass-border);
  background: var(--card-glass-bg);
  box-shadow: var(--card-glass-shadow);
  backdrop-filter: blur(28px) saturate(1.12);
  -webkit-backdrop-filter: blur(28px) saturate(1.12);
}

.wardrobe-note p:last-child {
  margin-bottom: 0;
  color: var(--card-glass-copy);
}

.range-palette {
  margin-top: clamp(0.85rem, 1.6vw, 1.15rem);
  padding: clamp(0.8rem, 1.6vw, 1rem);
  border-radius: 20px;
  border-color: var(--card-glass-border);
  background: var(--card-glass-bg);
  box-shadow: var(--card-glass-shadow);
  backdrop-filter: blur(28px) saturate(1.12);
  -webkit-backdrop-filter: blur(28px) saturate(1.12);
}

.material-swatches {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.material-swatches span {
  min-height: 46px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.5), transparent 46%),
    var(--swatch);
  box-shadow: inset 0 1px 0 var(--glass-edge), 0 12px 28px rgba(13, 13, 12, 0.08);
}

.material-swatches span,
.about-points span,
.action-icon {
  transition: transform var(--transition), box-shadow var(--transition), filter var(--transition);
}

.range-palette:hover .material-swatches span,
.about-panel:hover .about-points span,
.contact-action:hover .action-icon {
  filter: brightness(1.03) saturate(1.04);
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 var(--card-glass-edge), 0 16px 34px rgba(31, 32, 36, 0.12);
}

.range-palette:hover .material-swatches span:nth-child(2),
.about-panel:hover .about-points span:nth-child(2) {
  transition-delay: 55ms;
}

.range-palette:hover .material-swatches span:nth-child(3),
.about-panel:hover .about-points span:nth-child(3) {
  transition-delay: 110ms;
}

.range-palette:hover .material-swatches span:nth-child(4) {
  transition-delay: 165ms;
}

.range-palette ul {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.range-palette li {
  padding-block: 0.45rem;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--card-glass-copy);
  font-family: var(--font-caption);
  font-size: 0.78rem;
  font-weight: 400;
  letter-spacing: 0.07em;
}

.craft-grid {
  display: grid;
  gap: 1rem;
}

.craft-card {
  min-height: 180px;
  padding: clamp(1.15rem, 2.6vw, 1.8rem);
  border: 1px solid var(--glass-border);
  border-radius: 24px;
  background:
    var(--glass-bg),
    linear-gradient(315deg, rgba(184, 160, 100, 0.1), transparent 44%),
    rgba(255, 255, 255, 0.34);
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(30px) saturate(1.28);
  -webkit-backdrop-filter: blur(30px) saturate(1.28);
  transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}

.craft-card p {
  margin-bottom: 0;
  color: var(--color-muted);
}

.craft-card:hover {
  transform: var(--hover-transform);
  border-color: var(--hover-border);
  box-shadow: var(--hover-shadow);
}

.vanilla-motion .wardrobe-piece {
  animation: wardrobeFloat 3.4s ease-in-out infinite alternate;
}

.vanilla-motion .wardrobe-piece-two {
  animation-delay: 180ms;
}

.vanilla-motion .palette-panel span {
  animation: swatchBreathe 2.8s ease-in-out infinite alternate;
}

.vanilla-motion .palette-panel span:nth-child(2) {
  animation-delay: 120ms;
}

.vanilla-motion .palette-panel span:nth-child(3) {
  animation-delay: 240ms;
}

.vanilla-motion .palette-panel span:nth-child(4) {
  animation-delay: 360ms;
}

.vanilla-motion .palette-panel span:nth-child(5) {
  animation-delay: 480ms;
}

.color-layout {
  display: grid;
  gap: clamp(1rem, 3vw, 1.6rem);
  align-items: center;
}

.color-visual {
  min-height: 410px;
}

.palette-panel {
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.72rem;
  padding: clamp(1rem, 2.5vw, 1.5rem);
  align-self: start;
}

.palette-panel span {
  min-height: 96px;
  border: 1px solid var(--glass-border);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.04)),
    var(--swatch);
  box-shadow: inset 0 1px 0 var(--glass-edge), 0 18px 44px rgba(13, 13, 12, 0.1);
}

.styling-layout {
  display: grid;
  gap: 1rem;
  align-items: stretch;
}

.styling-photo {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--glass-border);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.28);
  box-shadow: 0 26px 82px rgba(13, 13, 12, 0.1), inset 0 1px 0 var(--glass-edge);
}

.styling-photo img {
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
  object-position: center top;
  filter: saturate(1) brightness(0.98) contrast(1.07);
}

.styling-list {
  display: grid;
  gap: 1rem;
}

.styling-row {
  padding: clamp(1.15rem, 2.6vw, 1.7rem);
  border: 1px solid var(--glass-border);
  border-radius: 24px;
  background:
    var(--glass-bg),
    linear-gradient(315deg, rgba(184, 160, 100, 0.09), transparent 44%),
    rgba(255, 255, 255, 0.34);
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(30px) saturate(1.28);
  -webkit-backdrop-filter: blur(30px) saturate(1.28);
  transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}

.styling-row span {
  display: block;
  margin-bottom: 0.5rem;
  color: var(--color-black);
  font-family: var(--font-caption);
  font-size: 0.8rem;
  font-weight: 400;
  letter-spacing: 0.07em;
}

.styling-row p {
  margin-bottom: 0;
  color: var(--color-muted);
}

.styling-row:hover {
  transform: var(--hover-transform);
  border-color: var(--hover-border);
  box-shadow: var(--hover-shadow);
}

.quality-layout {
  display: grid;
  gap: clamp(1rem, 3vw, 1.6rem);
}

.quality-visual,
.contact-visual {
  min-height: 340px;
}

.quality-stack {
  display: grid;
  gap: 1rem;
}

.quality-note {
  position: relative;
  overflow: hidden;
  padding: clamp(1.15rem, 2.6vw, 1.7rem);
  border-color: var(--card-glass-border);
  border-radius: 22px;
  background: var(--card-glass-bg);
  box-shadow: var(--card-glass-shadow);
  backdrop-filter: blur(28px) saturate(1.12);
  -webkit-backdrop-filter: blur(28px) saturate(1.12);
}

.quality-note p {
  margin-bottom: 0;
  color: var(--card-glass-copy);
}

.details-section {
  padding-block: clamp(4rem, 6vw, 6rem);
}

.details-layout {
  display: grid;
  gap: clamp(1.2rem, 3vw, 2rem);
  align-items: stretch;
}

.details-layout .section-heading {
  max-width: 620px;
}

.details-layout .section-heading h2,
.contact-section .section-heading h2 {
  font-size: clamp(2rem, 3.55vw, 3.45rem);
}

.details-list {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: clamp(1.05rem, 2.4vw, 1.55rem);
  border-color: var(--card-glass-border);
  border-radius: 22px;
  background: var(--card-glass-bg);
  box-shadow: var(--card-glass-shadow);
  backdrop-filter: blur(28px) saturate(1.12);
  -webkit-backdrop-filter: blur(28px) saturate(1.12);
}

.details-list div {
  display: grid;
  gap: 0.55rem;
  padding: clamp(1rem, 2.2vw, 1.35rem) 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.details-list div:first-child {
  padding-top: 0.25rem;
}

.details-list div:last-child {
  padding-bottom: 0.25rem;
  border-bottom: 0;
}

.details-list dt {
  color: var(--card-glass-muted);
  font-family: var(--font-caption);
  font-size: 0.78rem;
  font-weight: 400;
  letter-spacing: 0.07em;
}

.details-list dd {
  margin: 0;
  color: var(--card-glass-title);
  font-family: var(--font-display);
  font-size: clamp(1.28rem, 2.05vw, 1.72rem);
  font-weight: 300;
  line-height: 1.12;
  letter-spacing: 0;
}

.details-visual {
  min-height: clamp(330px, 36vw, 470px);
  border-radius: 22px;
  box-shadow: 0 22px 64px rgba(13, 13, 12, 0.1), inset 0 1px 0 var(--glass-edge);
}

.details-visual::after {
  inset: 0;
  border-radius: inherit;
}

.details-visual img {
  min-height: clamp(330px, 36vw, 470px);
  object-position: center 44%;
}

.contact-section {
  position: relative;
  overflow: hidden;
  width: min(1120px, calc(100% - (var(--space-page) * 2)));
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(280px, 0.72fr);
  align-items: center;
  gap: clamp(1.25rem, 4vw, 3.5rem);
  margin-top: clamp(0.5rem, 2vw, 1.5rem);
  padding: clamp(2rem, 4vw, 3rem);
  border: 1px solid var(--card-glass-border);
  border-radius: 26px;
  background: var(--card-glass-bg);
  box-shadow: var(--card-glass-shadow);
  backdrop-filter: blur(28px) saturate(1.12);
  -webkit-backdrop-filter: blur(28px) saturate(1.12);
  text-align: left;
}

.contact-section .section-heading {
  max-width: 640px;
  margin: 0;
}

.contact-section .section-heading p {
  max-width: 560px;
  margin-bottom: 0;
  color: var(--card-glass-copy);
}

.contact-actions {
  justify-self: end;
  width: min(100%, 420px);
  display: grid;
  gap: 0.72rem;
}

.contact-action {
  position: relative;
  overflow: hidden;
  min-width: 0;
  min-height: 64px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.82rem;
  padding: 0.72rem 0.86rem;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 24px;
  background:
    var(--glass-sheen),
    rgba(255, 255, 255, 0.42);
  color: var(--color-black);
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(28px) saturate(1.26);
  -webkit-backdrop-filter: blur(28px) saturate(1.26);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition), background var(--transition);
  will-change: transform;
}

.contact-action-secondary {
  border-color: var(--card-glass-border);
  background: var(--card-glass-bg);
  color: var(--card-glass-title);
  box-shadow: var(--card-glass-shadow);
}

.contact-action-secondary small {
  color: var(--card-glass-copy);
}

.contact-action-primary {
  background:
    linear-gradient(135deg, rgba(13, 13, 12, 0.96), rgba(42, 41, 37, 0.9)),
    var(--color-black);
  color: var(--color-white);
  border-color: rgba(13, 13, 12, 0.72);
  box-shadow: 0 18px 48px rgba(13, 13, 12, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

[data-theme="night"] .site-header,
[data-theme="night"] .site-header.is-scrolled,
[data-theme="night"] .site-header.is-compact {
  background:
    linear-gradient(145deg, rgba(44, 46, 50, 0.84), rgba(18, 19, 23, 0.72)),
    rgba(14, 15, 18, 0.82);
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

[data-theme="night"] .site-nav,
[data-theme="night"] .glass-panel,
[data-theme="night"] .section-visual,
[data-theme="night"] .hero-media,
[data-theme="night"] .glass-photo,
[data-theme="night"] .about-photo,
[data-theme="night"] .collection-card,
[data-theme="night"] .value-card,
[data-theme="night"] .wardrobe-stage,
[data-theme="night"] .wardrobe-piece,
[data-theme="night"] .contact-section,
[data-theme="night"] .contact-action {
  border-color: rgba(255, 255, 255, 0.16);
}

[data-theme="night"] .site-nav a {
  color: rgba(245, 245, 242, 0.82);
}

[data-theme="night"] .site-nav a:hover,
[data-theme="night"] .site-nav a:focus-visible,
[data-theme="night"] .site-nav a.is-active {
  color: #ffffff;
}

[data-theme="night"] .site-nav a::before {
  border-color: rgba(255, 255, 255, 0.18);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.05)),
    rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 12px 28px rgba(0, 0, 0, 0.22);
}

[data-theme="night"] .site-nav a::after {
  background: rgba(245, 245, 242, 0.76);
}

[data-theme="night"] .section-heading p,
[data-theme="night"] .hero-line,
[data-theme="night"] .showcase-copy p:not(.eyebrow),
[data-theme="night"] .collection-card p,
[data-theme="night"] .value-card p,
[data-theme="night"] .quality-note p,
[data-theme="night"] .wardrobe-note p:last-child,
[data-theme="night"] .contact-section .section-heading p,
[data-theme="night"] .site-footer {
  color: var(--color-muted);
}

[data-theme="night"] .hero-media figcaption,
[data-theme="night"] .showcase-proof span,
[data-theme="night"] .about-points span,
[data-theme="night"] .collection-card div,
[data-theme="night"] .range-palette,
[data-theme="night"] .details-list {
  background:
    var(--glass-sheen),
    rgba(20, 22, 21, 0.5);
  border-color: rgba(255, 255, 255, 0.14);
  color: var(--color-charcoal);
}

[data-theme="night"] .details-list dt,
[data-theme="night"] .range-palette li,
[data-theme="night"] .value-card span,
[data-theme="night"] .about-proof span,
[data-theme="night"] .wardrobe-stage-copy span {
  color: rgba(232, 226, 213, 0.82);
}

[data-theme="night"] .value-card h3,
[data-theme="night"] .quality-note h3 {
  color: rgba(255, 255, 255, 0.94);
}

[data-theme="night"] .value-card p,
[data-theme="night"] .quality-note p {
  color: rgba(231, 232, 234, 0.76);
}

[data-theme="night"] .details-list div,
[data-theme="night"] .range-palette li {
  border-color: rgba(255, 255, 255, 0.14);
}

[data-theme="night"] .about-panel,
[data-theme="night"] .wardrobe-stage-copy,
[data-theme="night"] .wardrobe-note,
[data-theme="night"] .quality-note,
[data-theme="night"] .value-card,
[data-theme="night"] .range-palette,
[data-theme="night"] .details-list,
[data-theme="night"] .contact-section,
[data-theme="night"] .contact-action-secondary {
  border-color: var(--card-glass-border);
  background: var(--card-glass-bg);
  box-shadow: var(--card-glass-shadow);
}

[data-theme="night"] .about-panel p,
[data-theme="night"] .wardrobe-note p:last-child,
[data-theme="night"] .quality-note p,
[data-theme="night"] .value-card p,
[data-theme="night"] .range-palette li,
[data-theme="night"] .contact-section .section-heading p,
[data-theme="night"] .contact-action-secondary small {
  color: var(--card-glass-copy);
}

[data-theme="night"] .about-proof strong,
[data-theme="night"] .wardrobe-stage-copy h3,
[data-theme="night"] .quality-note h3,
[data-theme="night"] .value-card h3,
[data-theme="night"] .details-list dd,
[data-theme="night"] .contact-action-secondary {
  color: var(--card-glass-title);
}

[data-theme="night"] .about-points span,
[data-theme="night"] .about-proof span,
[data-theme="night"] .wardrobe-stage-copy span,
[data-theme="night"] .details-list dt {
  color: var(--card-glass-muted);
}

[data-theme="night"] .primary-link,
[data-theme="night"] .contact-action-primary {
  background:
    linear-gradient(135deg, rgba(247, 244, 238, 0.96), rgba(215, 204, 181, 0.9)),
    var(--color-white);
  border-color: rgba(255, 255, 255, 0.5);
  color: #111413;
}

[data-theme="night"] .primary-link:hover,
[data-theme="night"] .primary-link:focus-visible,
[data-theme="night"] .contact-action-primary:hover,
[data-theme="night"] .contact-action-primary:focus-visible {
  background:
    var(--glass-sheen),
    rgba(22, 25, 23, 0.76);
  color: var(--color-black);
}

[data-theme="night"] .menu-line {
  background: var(--color-black);
}

[data-theme="night"] .nav-scrim {
  background:
    radial-gradient(circle at 50% 4%, rgba(215, 191, 131, 0.14), transparent 34%),
    rgba(0, 0, 0, 0.34);
}

[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .site-header {
  flex-direction: row-reverse;
}

[dir="rtl"] .header-actions {
  flex-direction: row-reverse;
}

[dir="rtl"] .site-nav a,
[dir="rtl"] .primary-link,
[dir="rtl"] .contact-action,
[dir="rtl"] .showcase-proof span,
[dir="rtl"] .about-points span {
  direction: rtl;
}

[dir="rtl"] .hero-media figcaption,
[dir="rtl"] .wardrobe-note,
[dir="rtl"] .site-footer {
  text-align: center;
}

[dir="rtl"] .collection-card div,
[dir="rtl"] .wardrobe-piece h3,
[dir="rtl"] .quality-note,
[dir="rtl"] .value-card,
[dir="rtl"] .details-list,
[dir="rtl"] .contact-action,
[dir="rtl"] .contact-section,
[dir="rtl"] .action-copy,
[dir="rtl"] .contact-section .section-heading {
  text-align: right;
}

[dir="rtl"] .about-proof,
[dir="rtl"] .details-list div {
  direction: rtl;
}

.contact-action:hover,
.contact-action:focus-visible,
.contact-action.is-copied {
  transform: var(--hover-transform);
  border-color: var(--hover-border);
  box-shadow: var(--hover-shadow);
}

.contact-action-primary:hover,
.contact-action-primary:focus-visible {
  background:
    var(--glass-sheen),
    rgba(255, 255, 255, 0.74);
  color: var(--color-black);
}

.action-icon {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.62);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  color: currentColor;
}

.action-icon svg {
  width: 20px;
  height: 20px;
}

.action-copy {
  display: grid;
  gap: 0.16rem;
  min-width: 0;
}

.action-copy strong {
  font-family: var(--font-accent);
  font-size: 0.98rem;
  font-weight: 500;
  line-height: 1.1;
}

.action-copy small {
  color: currentColor;
  font-size: 0.82rem;
  line-height: 1.2;
  opacity: 0.68;
  overflow-wrap: anywhere;
}

.site-footer {
  width: min(1180px, calc(100% - (var(--space-page) * 2)));
  margin: 0 auto;
  padding: 2rem 0 2.6rem;
  border-top: 1px solid rgba(184, 160, 100, 0.24);
  color: var(--color-muted);
  text-align: center;
}

.site-footer img {
  margin: 0 auto 1rem;
}

.site-footer p {
  margin-bottom: 0.4rem;
}

.site-footer small {
  font-size: 0.82rem;
}

.reveal {
  opacity: 0;
  transform: translateY(22px);
  filter: blur(8px);
  transition: opacity 680ms var(--ease), transform 680ms var(--spring), filter 680ms var(--ease);
}

.reveal-up {
  transform: translateY(28px);
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

.reveal-delay-1 {
  transition-delay: 55ms;
}

.reveal-delay-2 {
  transition-delay: 95ms;
}

.reveal-delay-3 {
  transition-delay: 135ms;
}

.reveal-delay-4 {
  transition-delay: 175ms;
}

@keyframes headerIn {
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes heroWordIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 0.34em, 0) rotateX(10deg);
    filter: blur(8px);
  }
  70% {
    opacity: 1;
    filter: blur(0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateX(0);
    filter: blur(0);
  }
}

@keyframes quietDrift {
  from {
    transform: scale(1.01) translateY(0);
  }
  to {
    transform: scale(1.035) translateY(-8px);
  }
}

@keyframes ambientGlow {
  from {
    opacity: 0.72;
    transform: translate3d(0, 0, 0) scale(1);
  }
  to {
    opacity: 1;
    transform: translate3d(0, -1.5%, 0) scale(1.04);
  }
}

@keyframes satinShift {
  from {
    background-position: 0 0, 0 0, 0 0;
  }
  to {
    background-position: 8% -4%, 34px 0, 0 0;
  }
}

@keyframes sectionWash {
  from {
    opacity: 0.48;
    transform: rotate(var(--liquid-rotate)) translate3d(-1.2%, 0, 0);
  }
  to {
    opacity: 0.78;
    transform: rotate(calc(var(--liquid-rotate) + 2deg)) translate3d(1.8%, -2.2%, 0);
  }
}

@keyframes themeBloom {
  0% {
    opacity: 0;
    transform: scale(0.22);
  }
  36% {
    opacity: 0.82;
  }
  100% {
    opacity: 0;
    transform: scale(1.35);
  }
}

@keyframes iosRipple {
  0% {
    opacity: 0.72;
    transform: translate(-50%, -50%) scale(0.24);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(9);
  }
}

@keyframes glassShine {
  0% {
    opacity: 0;
    transform: translateX(-140%);
  }
  28% {
    opacity: 0.82;
  }
  100% {
    opacity: 0;
    transform: translateX(140%);
  }
}

@keyframes softOrbit {
  from {
    transform: translate3d(0, 0, 0) scale(1);
  }
  to {
    transform: translate3d(-22px, 18px, 0) scale(1.06);
  }
}

@keyframes softSlide {
  from {
    transform: rotate(-8deg) translate3d(0, 0, 0);
  }
  to {
    transform: rotate(-3deg) translate3d(28px, -12px, 0);
  }
}

@keyframes wardrobeFloat {
  from {
    transform: translateX(var(--base-x)) rotate(var(--base-rotate)) translateY(0);
  }
  to {
    transform: translateX(var(--base-x)) rotate(calc(var(--base-rotate) + 2deg)) translateY(-18px);
  }
}

@keyframes miniGarmentFloat {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-7px);
  }
}

@keyframes swatchBreathe {
  from {
    transform: translateY(0);
    filter: brightness(1);
  }
  to {
    transform: translateY(-10px);
    filter: brightness(1.06);
  }
}

@keyframes mobileCardBreathe {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-5px);
  }
}

@media (max-width: 839px) {
  .site-nav {
    position: fixed;
    top: auto;
    left: max(1rem, env(safe-area-inset-left));
    right: max(1rem, env(safe-area-inset-right));
    bottom: max(1rem, env(safe-area-inset-bottom));
    display: grid;
    gap: 0.35rem;
    padding: 0.72rem;
    border: 1px solid var(--glass-border);
    border-radius: 30px;
    background:
      var(--glass-sheen),
      linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(248, 247, 243, 0.5)),
      rgba(255, 255, 255, 0.64);
    box-shadow: 0 28px 90px rgba(13, 13, 12, 0.22), inset 0 1px 0 var(--glass-edge);
    backdrop-filter: blur(42px) saturate(1.45);
    -webkit-backdrop-filter: blur(42px) saturate(1.45);
    opacity: 0;
    pointer-events: none;
    transform: translateY(22px) scale(0.96);
    transform-origin: center bottom;
    transition: opacity 420ms var(--ease), transform 520ms var(--spring);
  }

  .site-nav::before {
    width: 42px;
    height: 4px;
    margin: 0.25rem auto 0.38rem;
    content: "";
    border-radius: 999px;
    background: rgba(13, 13, 12, 0.18);
  }

  .site-nav.is-open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }

  .site-nav a {
    min-height: 48px;
    justify-content: flex-start;
    gap: 0.72rem;
    padding: 0.78rem 0.88rem;
    border: 1px solid rgba(255, 255, 255, 0.48);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.22);
    opacity: 0;
    transform: translateY(10px) scale(0.98);
    transition: opacity 420ms var(--ease), transform 420ms var(--ease);
  }

  .site-nav a:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.48);
  }

  .site-nav a::before {
    inset: 0;
  }

  .site-nav a::after {
    display: none;
  }

  .site-nav .nav-icon {
    width: 20px;
    height: 20px;
  }

  .site-nav.is-open a {
    opacity: 0.86;
    transform: translateY(0) scale(1);
  }

  .site-nav.is-open a:nth-child(2) {
    transition-delay: 45ms;
  }

  .site-nav.is-open a:nth-child(3) {
    transition-delay: 90ms;
  }

  .site-nav.is-open a:nth-child(4) {
    transition-delay: 135ms;
  }

  .site-nav.is-open a:nth-child(5) {
    transition-delay: 180ms;
  }

  .site-nav.is-open a:nth-child(6) {
    transition-delay: 225ms;
  }

  .contact-section {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .contact-section .section-heading {
    margin-inline: auto;
  }

  .contact-actions {
    justify-self: center;
    width: 100%;
  }

  .contact-action {
    border-radius: 22px;
  }
}

@media (max-width: 360px) {
  .site-header {
    width: min(calc(100% - 20px), 1120px);
    gap: 0.55rem;
    padding-inline: 0.68rem 0.56rem;
  }

  .header-actions {
    gap: 0.46rem;
  }

  .brand-mark {
    min-width: 152px;
  }

  .brand-mark img {
    height: 43px;
  }

}

@media (min-width: 700px) {
  .collection-grid,
  .value-grid,
  .style-grid,
  .craft-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .moments-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .details-list div {
    grid-template-columns: minmax(150px, 0.34fr) 1fr;
    align-items: start;
  }
}

@media (min-width: 840px) {
  .menu-toggle {
    display: none;
  }

  .site-nav {
    position: fixed;
    top: 27px;
    right: max(7rem, calc((100vw - 1120px) / 2 + 6.75rem));
    z-index: 60;
    display: flex;
    align-items: center;
    gap: clamp(1rem, 2.3vw, 1.7rem);
  }

  [dir="rtl"] .site-nav {
    right: auto;
    left: max(24rem, calc((100vw - 1120px) / 2 + 18.5rem));
  }

  .site-header.is-compact + .site-nav {
    top: 23px;
  }

  .hero {
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.72fr);
  }

  .hero-media {
    justify-self: end;
  }

  [dir="rtl"] .hero-media {
    justify-self: start;
  }

  .glass-showcase,
  .styling-layout,
  .quality-layout {
    grid-template-columns: minmax(0, 0.84fr) minmax(420px, 1fr);
    align-items: center;
  }

  .color-layout {
    grid-template-columns: minmax(0, 0.78fr) minmax(420px, 0.96fr);
  }

  .color-layout .section-heading {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 0;
  }

  .color-visual {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  .palette-panel {
    grid-column: 1;
    grid-row: 2;
  }

  .style-layout {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.56fr);
    align-items: stretch;
  }

  .craft-layout {
    grid-template-columns: minmax(0, 0.82fr) minmax(380px, 0.82fr);
    align-items: center;
  }

  .craft-layout .section-heading {
    grid-column: 1;
  }

  .craft-grid {
    grid-column: 1 / -1;
  }

  .craft-visual {
    grid-column: 2;
    grid-row: 1;
  }

  .why-layout {
    grid-template-columns: minmax(360px, 0.68fr) minmax(0, 1fr);
    align-items: center;
  }

  .why-section .value-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(1rem, 2vw, 1.25rem);
  }

  .why-section .value-card:first-child {
    grid-row: auto;
  }

  .why-section .value-card:first-child h3 {
    font-size: clamp(1.08rem, 1.55vw, 1.34rem);
    line-height: 1.12;
  }

  .details-layout {
    grid-template-columns: minmax(0, 0.72fr) minmax(400px, 0.88fr);
    align-items: stretch;
  }

  .details-layout .section-heading {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 0;
  }

  .details-list {
    grid-column: 1;
    grid-row: 2;
  }

  .details-visual {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  .quality-layout .section-heading {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 0;
  }

  .quality-visual {
    grid-column: 2;
    grid-row: 1;
  }

  .quality-stack {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-self: start;
    align-content: start;
  }

  .contact-layout {
    grid-template-columns: minmax(300px, 0.62fr) minmax(0, 1fr);
    align-items: center;
    text-align: left;
  }

  .contact-section .section-heading {
    margin-inline: 0;
  }

  .showcase-stack {
    position: relative;
    min-height: 560px;
    display: block;
  }

  .glass-photo {
    position: absolute;
  }

  .glass-photo.tall {
    left: 0;
    top: 3%;
    z-index: 2;
    width: 52%;
    height: 82%;
  }

  .glass-photo.tall img,
  .glass-photo:nth-child(2) img {
    height: 100%;
  }

  .glass-photo:nth-child(2) {
    right: 0;
    top: 13%;
    z-index: 3;
    width: 50%;
    height: 72%;
  }

  .split-heading {
    grid-template-columns: minmax(0, 0.9fr) minmax(360px, 0.74fr);
    align-items: start;
  }

  .about-layout {
    grid-template-columns: minmax(0, 0.92fr) minmax(420px, 0.78fr);
  }

  .about-photo {
    min-height: 100%;
  }

  .palette-panel,
  .quality-stack {
    align-self: start;
  }
}

@media (min-width: 1040px) {
  .collection-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .craft-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1040px) {
  .craft-section .split-heading {
    grid-template-columns: minmax(420px, 1.12fr) minmax(340px, 0.72fr);
  }
}

@media (max-width: 699px) {
  body::before {
    background:
      var(--ambient-bg),
      linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 38%, rgba(143, 144, 147, 0.08));
    animation-duration: 11s;
  }

  body::after {
    height: 54vh;
  }

  .glass-showcase {
    width: min(100% - 1.5rem, 1160px);
    padding: 1.35rem;
  }

  .glass-showcase .showcase-copy {
    text-align: center;
  }

  .showcase-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }

  .glass-photo {
    border-radius: 22px;
  }

  .glass-photo img {
    aspect-ratio: 3 / 4.2;
  }

  .palette-panel {
    min-height: 0;
    grid-template-columns: repeat(5, minmax(34px, 1fr));
  }

  .palette-panel span {
    min-height: 140px;
  }

  .section {
    padding-block: clamp(3.6rem, 12vw, 5.2rem);
    scroll-margin-top: 118px;
  }

  .section::after {
    inset: clamp(0.7rem, 7vw, 2rem) -1.5rem auto;
    height: clamp(180px, 48vw, 310px);
    opacity: 0.82;
    filter: blur(14px);
  }

  h1 {
    font-size: clamp(2.55rem, 11vw, 3.55rem);
    line-height: 1.02;
  }

  h2 {
    font-size: clamp(2.05rem, 9vw, 2.88rem);
    line-height: 1.03;
  }

  .collection-grid {
    grid-template-columns: 1fr;
    gap: 0.9rem;
  }

  .collection-card {
    aspect-ratio: 4 / 4.35;
    border-radius: 22px;
  }

  .collection-card div {
    left: 0.7rem;
    right: 0.7rem;
    bottom: 0.7rem;
    padding: 0.82rem;
    border-radius: 16px;
  }

  .collection-card h3 {
    font-size: 0.98rem;
  }

  .collection-card p {
    font-size: 0.84rem;
    line-height: 1.35;
  }

  .showcase-proof {
    justify-content: center;
  }

  .about-proof {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .why-section .value-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }

  .why-section .value-card {
    min-height: 132px;
    padding: 0.9rem;
    border-radius: 20px;
  }

  .why-section .value-card span {
    margin-bottom: 0.7rem;
  }

  .why-section .value-card h3 {
    font-size: 1rem;
    line-height: 1.08;
  }

  .why-section .value-card p {
    font-size: 0.82rem;
    line-height: 1.38;
  }

  .hero {
    min-height: 84svh;
    padding-top: 7.25rem;
    gap: 1.55rem;
    align-items: start;
  }

  .hero-line {
    margin-bottom: 1.5rem;
  }

  .hero-media {
    width: min(100%, 350px);
  }

  .contact-section {
    border-radius: 22px;
  }

  .wardrobe-stage {
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    padding: 1rem;
    overflow: visible;
  }

  .wardrobe-rail {
    display: none;
  }

  .wardrobe-piece {
    position: relative;
    inset: auto;
    width: auto !important;
    min-width: 0;
    padding: 0.58rem 0.58rem 0.78rem;
    border-radius: 22px;
    transform: none;
    box-shadow: 0 18px 52px rgba(13, 13, 12, 0.12), inset 0 1px 0 var(--glass-edge);
  }

  .vanilla-motion .wardrobe-piece,
  .wardrobe-piece {
    animation: mobileCardBreathe 2.8s ease-in-out infinite alternate !important;
  }

  .wardrobe-piece:nth-child(2n) {
    animation-delay: 260ms !important;
  }

  .wardrobe-piece:nth-child(3n) {
    animation-delay: 520ms !important;
  }

  .collection-card,
  .value-card,
  .quality-note,
  .details-list,
  .contact-action {
    animation: mobileCardBreathe 3.8s ease-in-out infinite alternate;
  }

  .collection-card:nth-child(2n),
  .value-card:nth-child(2n),
  .quality-note:nth-child(2n),
  .contact-action:nth-child(2n) {
    animation-delay: 360ms;
  }

  .wardrobe-piece-one {
    grid-column: auto;
    grid-row: auto;
  }

  .wardrobe-piece-two {
    grid-column: auto;
    grid-row: auto;
  }

  .wardrobe-piece::before {
    display: none;
  }

  .wardrobe-piece img {
    border-radius: 17px;
  }

  .wardrobe-piece h3 {
    margin-top: 0.65rem;
    font-size: 0.92rem;
    line-height: 1.08;
  }

  .material-swatches span {
    min-height: 54px;
    border-radius: 16px;
  }

  .wardrobe-note {
    position: relative;
    inset: auto;
    grid-column: 1 / -1;
    grid-row: auto;
    width: auto;
    transform: none;
    padding: 1rem;
    border-radius: 22px;
  }

  .wardrobe-stage-copy {
    position: relative;
    inset: auto;
    grid-column: 1 / -1;
    grid-row: 1;
    max-width: none;
    padding: 0.85rem 1rem;
    text-align: center;
  }

  .styling-photo img {
    min-height: 360px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }

  .reveal,
  .reveal-up {
    opacity: 1;
    transform: none;
  }

  .collection-card:hover,
  .value-card:hover,
  .primary-link:hover {
    transform: none;
  }

  .collection-card:hover img,
  .hero-media img {
    transform: none;
  }

  .vanilla-motion .wardrobe-piece,
  .vanilla-motion .palette-panel span {
    animation: none;
  }
}