/* Generated by website_build.py; edit the named source files. */
/* Source: /website/css/styles.css */
*{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{ margin: 0;background: var(--lampeya-website-surface-page);color: var(--lampeya-website-text-primary);font-family: var(--lampeya-font-ui);-webkit-font-smoothing: antialiased; }
button{ font: inherit;color: inherit; }
input, textarea{ font: inherit; }
img{ display: block;max-width: 100%; }
a{ color: var(--lampeya-website-accent-strong); }
a:hover{ color: var(--lampeya-website-accent); }
input::placeholder,textarea::placeholder{ color: var(--lampeya-website-text-muted); }
[hidden]{ display: none!important; }
.visually-hidden{ position: absolute;width: var(--lampeya-layout-border-width);height: var(--lampeya-layout-border-width);overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap; }
@media (prefers-reduced-motion:reduce){html{ scroll-behavior: auto; }}


.lampeya-home .h-icon:hover{ background: var(--lampeya-website-surface-section);color: var(--lampeya-website-text-primary); }
.lampeya-home .h-nav:hover{ color: var(--lampeya-website-accent); }
.lampeya-home .h-primary:hover{ background: var(--lampeya-website-accent);color: var(--lampeya-website-text-on-accent); }
.lampeya-home .h-outline:hover{ background: var(--lampeya-website-surface-page);color: var(--lampeya-website-text-primary); }
.lampeya-home .h-link:hover{ color: var(--lampeya-website-accent); }
.lampeya-home .h-result:hover{ background: var(--lampeya-website-surface-section);color: var(--lampeya-website-text-primary); }
.lampeya-home .h-social:hover{ background: var(--lampeya-website-accent-strong);color: var(--lampeya-website-text-on-accent); }
.lampeya-home .h-submit:hover{ background: var(--lampeya-website-accent); }


.lampeya-home .only-mobile{ display: none; }
@media (max-width:1099px){
  .lampeya-home .only-mobile{ display: grid; }
  .lampeya-home .only-desktop{ display: none; }
}
@media (min-width:1100px){ .lampeya-home .mobile-nav{ display: none; } }


.usp-tab .usp-num{ color: var(--lampeya-website-text-muted); }
.usp-tab .usp-title{ color: var(--lampeya-website-text-muted);text-decoration: none; }
.usp-tab .usp-text{ display: none; }
.usp-tab[aria-selected="true"] .usp-num{ color: var(--lampeya-website-accent); }
.usp-tab[aria-selected="true"] .usp-title{ color: var(--lampeya-website-text-primary);text-decoration: underline; }
.usp-tab[aria-selected="true"] .usp-text{ display: block; }
.hero-shot{ opacity: 0;pointer-events: none; }
.hero-shot.is-active{ opacity: 1;pointer-events: auto; }


@keyframes lmpMarquee{from{ transform: translateX(0); }to{ transform: translateX(-50%); }}
.marquee-track{ animation: lmpMarquee 40s linear infinite; }
.marquee.is-paused .marquee-track{ animation-play-state: paused; }


.faq-q .faq-sign{ background: var(--lampeya-website-surface-page); }
.faq-q[aria-expanded="true"] .faq-sign{ background: var(--lampeya-website-surface-accent-soft); }


.consent-box{ background: transparent; }
.consent-box[aria-checked="true"]{ background: var(--lampeya-website-accent); }
.field-contact[aria-invalid="true"]{ border-color: var(--lampeya-website-text-error); }
.form-error:empty{ display: none; }


.js [data-reveal]{ opacity: 0;transform: var(--lampeya-website-js-transform);transition: var(--lampeya-website-js-transition); }
.js [data-reveal].is-visible{ opacity: 1;transform: none; }
@media (prefers-reduced-motion:reduce){.js [data-reveal]{ opacity: 1;transform: none; }}


.hero-img{ display: block;width: 100%;height: 100%;object-fit: cover; }

/* Source: /website/css/design-tokens.css */
/* СГЕНЕРИРОВАНО scripts/tokens-build.mjs из docs/ui-kit/figma-tokens.json.
   Не править руками: правка потеряется при следующей синхронизации с Figma (7.2).
   Экспорт от 2026-09-09. */

:root {
  /* Примитивы. В разметке не используются — только через семантические роли. */
  --lampeya-neutral-0: #FCF9F8;
  --lampeya-neutral-50: #F7F1EF;
  --lampeya-neutral-100: #EFE6E3;
  --lampeya-neutral-200: #E3D6D2;
  --lampeya-neutral-300: #D8C7C2;
  --lampeya-neutral-400: #C9B4AF;
  --lampeya-neutral-500: #9C8F8B;
  --lampeya-neutral-600: #736C69;
  --lampeya-neutral-700: #6E6360;
  --lampeya-neutral-800: #5E524F;
  --lampeya-neutral-900: #332A28;
  --lampeya-accent-100: #E6C9C2;
  --lampeya-accent-300: #C9B4AF;
  --lampeya-accent-500: #A57B74;
  --lampeya-accent-700: #7A544F;
  --lampeya-accent-900: #5E2A2C;
  --lampeya-green-600: #2F6B4F;
  --lampeya-red-600: #A33A32;
  --lampeya-amber-700: #8A6212;
  --lampeya-blue-600: #2C5C7A;

  /* Роли по 2.7.3. Именно они применяются в компонентах. */
  --lampeya-surface-page: var(--lampeya-neutral-50);
  --lampeya-surface-card: var(--lampeya-neutral-0);
  --lampeya-surface-section: var(--lampeya-neutral-100);
  --lampeya-surface-photo: var(--lampeya-neutral-0);
  --lampeya-surface-inverse: var(--lampeya-neutral-900);
  --lampeya-text-primary: var(--lampeya-neutral-900);
  --lampeya-text-secondary: var(--lampeya-neutral-800);
  --lampeya-text-tertiary: var(--lampeya-neutral-700);
  --lampeya-text-on-accent: var(--lampeya-neutral-0);
  --lampeya-accent-default: var(--lampeya-accent-700);
  --lampeya-accent-contrast: var(--lampeya-accent-900);
  --lampeya-accent-on-dark: var(--lampeya-accent-100);
  --lampeya-border-subtle: var(--lampeya-neutral-200);
  --lampeya-border-default: var(--lampeya-neutral-300);
  --lampeya-border-strong: var(--lampeya-neutral-400);
  --lampeya-status-success: var(--lampeya-green-600);
  --lampeya-status-error: var(--lampeya-red-600);
  --lampeya-status-warning: var(--lampeya-amber-700);
  --lampeya-status-info: var(--lampeya-blue-600);
  --lampeya-status-sold-out: var(--lampeya-neutral-600);
  --lampeya-action-primary: var(--lampeya-accent-900);
  --lampeya-action-hover: var(--lampeya-accent-700);

  /* Отступы, кратные 4 */
  --lampeya-space-1: 4px;
  --lampeya-space-2: 8px;
  --lampeya-space-3: 12px;
  --lampeya-space-4: 16px;
  --lampeya-space-5: 20px;
  --lampeya-space-6: 24px;
  --lampeya-space-8: 32px;
  --lampeya-space-10: 40px;
  --lampeya-space-12: 48px;
  --lampeya-space-14: 56px;
  --lampeya-space-16: 64px;
  --lampeya-space-20: 80px;
  --lampeya-space-24: 96px;
  --lampeya-space-32: 128px;

  /* Геометрия адаптивного контейнера · ADR-007 */
  --lampeya-layout-content-max: 1200px;
  --lampeya-layout-gutter-mobile: 16px;
  --lampeya-layout-gutter-tablet: 24px;
  --lampeya-layout-gutter-desktop: 32px;
  --lampeya-layout-gutter-wide: 48px;
  --lampeya-layout-header-height: 76px;
  --lampeya-layout-target-min: 44px;
  --lampeya-layout-form-max: 560px;
  --lampeya-layout-reading-max: 800px;
  --lampeya-layout-card-min: 260px;
  --lampeya-layout-logo-height: 44px;
  --lampeya-layout-border-width: 1px;
  --lampeya-layout-focus-width: 2px;
  --lampeya-layout-control-height: 52px;
  --lampeya-layout-control-padding-inline: 18px;
  --lampeya-layout-control-padding-block: 14px;
  --lampeya-layout-message-min: 120px;
  --lampeya-weight-regular: 400;
  --lampeya-weight-medium: 500;
  --lampeya-weight-accent: 600;
  --lampeya-weight-strong: 700;
  --lampeya-weight-heavy: 800;
  --lampeya-state-disabled-opacity: 0.6;

  /* Радиусы */
  --lampeya-radius-xs: 4px;
  --lampeya-radius-sm: 8px;
  --lampeya-radius-md: 12px;
  --lampeya-radius-lg: 16px;
  --lampeya-radius-xl: 20px;
  --lampeya-radius-2xl: 36px;
  --lampeya-radius-full: 999px;
  --lampeya-radius-control: 14px;

  /* Слои */
  --lampeya-z-base: 0;
  --lampeya-z-dropdown: 100;
  --lampeya-z-sticky: 200;
  --lampeya-z-header: 300;
  --lampeya-z-overlay: 400;
  --lampeya-z-modal: 500;
  --lampeya-z-toast: 600;

  /* Длительности */
  --lampeya-duration-fast: 150ms;
  --lampeya-duration-base: 250ms;
  --lampeya-duration-slow: 400ms;

  /* Шрифты. Запасные начертания обязательны: без них подмена ломает метрику. */
  --lampeya-font-display: "Tenor Sans", -apple-system, "Segoe UI", Roboto, sans-serif;
  --lampeya-font-ui: "Manrope", -apple-system, "Segoe UI", Roboto, sans-serif;
  --lampeya-font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Типографическая шкала: шесть ступеней (предел 7.2), display-ярус флюидный */
  --lampeya-size-display: clamp(32px, calc(32px + 0.018779 * (100vw - 375px)), 52px);
  --lampeya-lh-display: 1.08;
  --lampeya-ls-display: 0.01em;
  --lampeya-size-heading-l: clamp(28px, calc(28px + 0.011268 * (100vw - 375px)), 40px);
  --lampeya-lh-heading-l: 1;
  --lampeya-ls-heading-l: -0.01em;
  --lampeya-size-heading-m: clamp(20px, calc(20px + 0.003756 * (100vw - 375px)), 24px);
  --lampeya-lh-heading-m: 1.15;
  --lampeya-ls-heading-m: 0em;
  --lampeya-size-body: 16px;
  --lampeya-lh-body: 1.7;
  --lampeya-ls-body: 0em;
  --lampeya-size-caption: 14px;
  --lampeya-lh-caption: 1.55;
  --lampeya-ls-caption: 0em;
  --lampeya-size-overline: 12px;
  --lampeya-lh-overline: 1.2;
  --lampeya-ls-overline: 0.12em;

  /* Тени */
  --lampeya-shadow-subtle: 0px 1px 2px 0px rgb(51 42 40 / 0.06);
  --lampeya-shadow-card: 0px 8px 24px -8px rgb(51 42 40 / 0.14);
  --lampeya-shadow-overlay: 0px 30px 70px -30px rgb(58 46 44 / 0.35);

  /* Original website presentation vocabulary, LMP-011-B. */
  --lampeya-website-surface-page: var(--lampeya-neutral-0);
  --lampeya-website-surface-section: var(--lampeya-neutral-50);
  --lampeya-website-surface-muted: var(--lampeya-neutral-100);
  --lampeya-website-border-subtle: var(--lampeya-neutral-100);
  --lampeya-website-border-default: var(--lampeya-neutral-200);
  --lampeya-website-border-strong: var(--lampeya-neutral-300);
  --lampeya-website-border-control: var(--lampeya-neutral-400);
  --lampeya-website-text-primary: var(--lampeya-neutral-900);
  --lampeya-website-text-secondary: var(--lampeya-neutral-800);
  --lampeya-website-text-muted: var(--lampeya-neutral-600);
  --lampeya-website-text-on-accent: var(--lampeya-neutral-0);
  --lampeya-website-accent: var(--lampeya-accent-700);
  --lampeya-website-accent-strong: var(--lampeya-accent-900);
  --lampeya-website-accent-soft: var(--lampeya-accent-500);
  --lampeya-website-radius-sm: 8px;
  --lampeya-website-radius-lg: 24px;
  --lampeya-website-radius-xl: 32px;
  --lampeya-website-radius-pill: 999px;
  --lampeya-website-page-padding: clamp(20px, 4vw, 56px);
  --lampeya-website-header-height: 76px;
  --lampeya-website-lamp-bar-padding: 9px clamp(var(--lampeya-space-5),4vw,var(--lampeya-space-14));
  --lampeya-website-lamp-bar-gap: 10px;
  --lampeya-website-header-background: rgba(252,249,248,0.95);
  --lampeya-website-header-backdrop-filter: blur(10px);
  --lampeya-website-header-padding: 0 clamp(var(--lampeya-space-3),3vw,var(--lampeya-space-12));
  --lampeya-website-header-min-height: 76px;
  --lampeya-website-nav-gap: 0 clamp(var(--lampeya-space-4),2vw,var(--lampeya-space-8));
  --lampeya-website-mobile-nav-top: 76px;
  --lampeya-website-mobile-nav-z-index: 290;
  --lampeya-website-mobile-nav-link-font-size: 22px;
  --lampeya-website-search-z-index: 700;
  --lampeya-website-search-background: rgba(51,42,40,0.28);
  --lampeya-website-search-padding: 88px var(--lampeya-space-4) var(--lampeya-space-4);
  --lampeya-website-search-panel-max-width: 640px;
  --lampeya-website-search-panel-box-shadow: 0px 30px 70px -30px rgb(58 46 44 / 0.35);
  --lampeya-website-search-field-border: 1.5px solid var(--lampeya-accent-300);
  --lampeya-website-hero-grid-grid-template-columns: repeat(auto-fit,minmax(min(100%,520px),1fr));
  --lampeya-website-hero-content-padding: clamp(var(--lampeya-space-8),6vw,88px) clamp(var(--lampeya-space-6),5vw,72px);
  --lampeya-website-hero-content-gap: 26px;
  --lampeya-website-hero-eyebrow-font-size: clamp(13px,1vw,15px);
  --lampeya-website-hero-eyebrow-letter-spacing: 0.2em;
  --lampeya-website-usp-list-max-width: 560px;
  --lampeya-website-usp-tab-gap: 0 clamp(var(--lampeya-space-4),2.4vw,var(--lampeya-space-10));
  --lampeya-website-usp-tab-padding: clamp(18px,1.8vw,26px) 0;
  --lampeya-website-usp-title-font-size: clamp(var(--lampeya-space-6),2.4vw,34px);
  --lampeya-website-usp-title-line-height: 1.15;
  --lampeya-website-usp-title-transition: color 200ms;
  --lampeya-website-usp-text-font-size: clamp(14px,1.1vw,var(--lampeya-space-4));
  --lampeya-website-usp-text-line-height: 1.5;
  --lampeya-website-hero-media-min-height: clamp(420px,46vw,760px);
  --lampeya-website-hero-shot-transition: opacity 450ms ease;
  --lampeya-website-facts-padding: clamp(28px,4vw,var(--lampeya-space-12)) clamp(var(--lampeya-space-5),4vw,var(--lampeya-space-14));
  --lampeya-website-facts-list-grid-template-columns: repeat(auto-fit,minmax(min(100%,200px),1fr));
  --lampeya-website-fact-title-font-size: var(--lampeya-space-4);
  --lampeya-website-marquee-padding: 0.5em 0;
  --lampeya-website-marquee-font-size: clamp(var(--lampeya-space-6),3vw,var(--lampeya-layout-target-min));
  --lampeya-website-marquee-line-height: 1.1;
  --lampeya-website-marquee-item-gap: 0.7em;
  --lampeya-website-marquee-item-padding-right: 0.7em;
  --lampeya-website-collection-padding: clamp(var(--lampeya-space-14),8vw,112px) clamp(var(--lampeya-space-5),4vw,var(--lampeya-space-14)) 0;
  --lampeya-website-collection-gap: 28px;
  --lampeya-website-eyebrow-letter-spacing: 0.12em;
  --lampeya-website-product-grid-grid-template-columns: repeat(auto-fill,minmax(max(160px,calc((100% - 60px) / 4)),1fr));
  --lampeya-website-product-grid-gap: clamp(var(--lampeya-space-3),1.6vw,var(--lampeya-space-5));
  --lampeya-website-steps-wrap-padding: clamp(var(--lampeya-space-14),8vw,112px) clamp(var(--lampeya-space-3),1.5vw,var(--lampeya-space-5)) 0;
  --lampeya-website-steps-border-radius: clamp(var(--lampeya-space-6),3vw,var(--lampeya-space-10));
  --lampeya-website-steps-padding: clamp(var(--lampeya-space-8),6vw,88px) clamp(var(--lampeya-space-5),5vw,72px);
  --lampeya-website-steps-gap: 36px;
  --lampeya-website-steps-list-grid-template-columns: repeat(auto-fit,minmax(min(100%,260px),1fr));
  --lampeya-website-step-border-radius: 28px;
  --lampeya-website-step-padding: clamp(var(--lampeya-space-6),3vw,36px);
  --lampeya-website-step-num-line-height: 1;
  --lampeya-website-step-text-line-height: 1.6;
  --lampeya-website-about-grid-template-columns: repeat(auto-fit,minmax(min(100%,420px),1fr));
  --lampeya-website-about-gap: var(--lampeya-space-8) clamp(var(--lampeya-space-8),5vw,72px);
  --lampeya-website-about-copy-gap: 18px;
  --lampeya-website-lead-font-size: clamp(18px,1.8vw,21px);
  --lampeya-website-about-text-line-height: 1.7;
  --lampeya-website-ugc-padding: clamp(var(--lampeya-space-14),8vw,112px) 0 0;
  --lampeya-website-ugc-head-padding: 0 clamp(var(--lampeya-space-5),4vw,var(--lampeya-space-14));
  --lampeya-website-ugc-intro-max-width: 380px;
  --lampeya-website-ugc-grid-padding: 0 clamp(var(--lampeya-space-5),4vw,var(--lampeya-space-14)) var(--lampeya-space-2);
  --lampeya-website-ugc-photo-width: clamp(220px,22vw,290px);
  --lampeya-website-ugc-photo-padding: 14px;
  --lampeya-website-faq-padding: clamp(var(--lampeya-space-14),8vw,112px) clamp(var(--lampeya-space-5),4vw,var(--lampeya-space-14));
  --lampeya-website-faq-question-font-size: clamp(17px,1.5vw,var(--lampeya-space-5));
  --lampeya-website-faq-question-line-height: 1.3;
  --lampeya-website-faq-answer-padding: 0 var(--lampeya-space-14) 22px 0;
  --lampeya-website-contact-padding: clamp(var(--lampeya-space-12),6vw,var(--lampeya-space-20)) clamp(var(--lampeya-space-5),4vw,var(--lampeya-space-14));
  --lampeya-website-contact-grid-template-columns: repeat(auto-fit,minmax(min(100%,380px),1fr));
  --lampeya-website-contact-gap: 28px clamp(var(--lampeya-space-8),5vw,72px);
  --lampeya-website-contact-text-font-size: 17px;
  --lampeya-website-contact-text-max-width: 460px;
  --lampeya-website-contact-panel-padding: clamp(var(--lampeya-space-5),3vw,36px);
  --lampeya-website-consent-padding: 0 6px;
  --lampeya-website-consent-box-border: 1.5px solid var(--lampeya-accent-700);
  --lampeya-website-footer-padding: clamp(var(--lampeya-space-8),4vw,var(--lampeya-space-12)) clamp(var(--lampeya-space-5),4vw,var(--lampeya-space-14));
  --lampeya-website-footer-logo-height: clamp(var(--lampeya-space-16),6vw,88px);
  --lampeya-website-product-photo-background: repeating-linear-gradient(135deg,rgba(252,249,248,.55) 0 var(--lampeya-layout-focus-width),transparent var(--lampeya-layout-focus-width) 14px);
  --lampeya-website-product-name-line-height: 1.2;
  --lampeya-website-search-result-padding: 6px var(--lampeya-space-3);
  --lampeya-website-search-swatch-border-radius: 10px;
  --lampeya-website-state-transition-delay: 0ms;
  --lampeya-website-state-transition-delay-2: 70ms;
  --lampeya-website-state-transition-delay-3: 140ms;
  --lampeya-website-state-transition-delay-4: 210ms;
  --lampeya-website-state-background: #D9B79E;
  --lampeya-website-state-background-2: #A3262E;
  --lampeya-website-state-background-3: #3B2A33;
  --lampeya-website-state-background-4: #E4572E;
  --lampeya-website-state-background-5: repeating-linear-gradient(45deg,var(--lampeya-accent-100) 0 var(--lampeya-space-1),var(--lampeya-neutral-0) var(--lampeya-space-1) var(--lampeya-space-2),var(--lampeya-accent-500) var(--lampeya-space-2) 10px);
  --lampeya-website-eyebrow-letter-spacing-2: .12em;
  --lampeya-website-spark-width: 14px;
  --lampeya-website-spark-height: 14px;
  --lampeya-website-hero-title-letter-spacing: .01em;
  --lampeya-website-svg-height: 26px;
  --lampeya-website-js-transform: translateY(28px);
  --lampeya-website-catalog-padding: clamp(var(--lampeya-space-8), 5vw, var(--lampeya-space-16)) var(--lampeya-website-page-padding) clamp(var(--lampeya-space-16), 8vw, 112px);
  --lampeya-website-catalog-title-font-size: clamp(var(--lampeya-layout-target-min), 6vw, 88px);
  --lampeya-website-swatch-padding: 0 10px 0 var(--lampeya-space-2);
  --lampeya-website-swatch-chip-width: 28px;
  --lampeya-website-swatch-chip-height: 28px;
  --lampeya-website-swatch-chip-box-shadow: 0 0 0 var(--lampeya-layout-focus-width) var(--lampeya-website-surface-page), 0 0 0 var(--lampeya-space-1) var(--lampeya-website-accent);
  --lampeya-website-switch-thumb-box-shadow: 0 var(--lampeya-layout-border-width) var(--lampeya-layout-focus-width) rgb(51 42 40 / .2);
  --lampeya-website-chip-min-height: 36px;
  --lampeya-website-chip-padding: 0 14px;
  --lampeya-website-empty-max-width: 720px;
  --lampeya-website-empty-padding: clamp(var(--lampeya-space-6), 5vw, var(--lampeya-space-12));
  --lampeya-website-h2-font-size-2: clamp(var(--lampeya-space-6), 3vw, var(--lampeya-space-8));
  --lampeya-website-js-transition: opacity 650ms cubic-bezier(.2,.7,.2,1),transform 650ms cubic-bezier(.2,.7,.2,1);
  --lampeya-website-host-font: 13px/1.3 var(--lampeya-font-ui);
  --lampeya-website-frame-background: rgba(127,127,127,.08);
  --lampeya-website-ring-border: 1.5px dashed currentColor;
  --lampeya-website-main-max-width: 36rem;
  --lampeya-website-a-focus-visible-outline-offset: 3px;
  --lampeya-website-caption-size: 14px;
  --lampeya-website-small-text-size: 13px;
  --lampeya-website-medium-text-size: 15px;
  --lampeya-website-micro-text-size: 11px;
  --lampeya-website-overline-size: var(--lampeya-space-3);
  --lampeya-website-product-title-size: var(--lampeya-space-5);
  --lampeya-website-caption-line-height: 1.55;
  --lampeya-website-group-gap: 14px;
  --lampeya-website-label-gap: 6px;
  --lampeya-website-radius-control: 14px;
  --lampeya-website-radius-badge: 6px;
  --lampeya-website-badge-padding: 6px 10px;
  --lampeya-website-badge-inset: 10px;
  --lampeya-website-tile-powder: #F2DDD8;
  --lampeya-website-tile-nude: #F1E1D5;
  --lampeya-website-tile-red: #E9B9B6;
  --lampeya-website-tile-bright: #F6CDBE;
  --lampeya-website-surface-accent-soft: var(--lampeya-accent-100);
  --lampeya-website-border-accent-soft: var(--lampeya-accent-300);
  --lampeya-website-border-medium: var(--lampeya-neutral-500);
  --lampeya-website-surface-low: var(--lampeya-neutral-200);
  --lampeya-website-text-error: var(--lampeya-red-600);
  --lampeya-website-hero-split-measure-14-4px: 14.4px;
  --lampeya-website-hero-split-measure-600px: 600px;
  --lampeya-website-hero-split-measure-01em: .01em;
  --lampeya-website-hero-split-measure-14px: 14px;
  --lampeya-website-hero-split-measure-36px: 36px;
  --lampeya-website-hero-split-measure-26px: 26px;
  --lampeya-website-hero-split-measure-2em: .2em;
  --lampeya-website-hero-split-measure-51px: 51px;
  --lampeya-website-hero-split-measure-28px: 28px;
  --lampeya-website-hero-split-measure-15s: .15s;
  --lampeya-website-hero-split-measure-13px: 13px;
  --lampeya-website-hero-split-measure-72px: 72px;
  --lampeya-website-hero-split-measure-52px: 52px;
  --lampeya-website-hero-split-measure-15px: 15px;
  --lampeya-website-hero-split-measure-22px: 22px;
  --lampeya-website-hero-split-measure-18px: 18px;
  --lampeya-website-hero-split-measure-6px: 6px;
  --lampeya-website-hero-split-measure-3px: 3px;
  --lampeya-website-hero-split-measure-2s: .2s;
  --lampeya-website-hero-split-measure-0s: 0s;
  --lampeya-website-hero-split-surface: var(--lampeya-accent-900);
  --lampeya-website-hero-split-text: var(--lampeya-neutral-0);
  --lampeya-website-hero-split-text-muted: var(--lampeya-neutral-200);
  --lampeya-website-hero-split-eyebrow: var(--lampeya-accent-100);
  --lampeya-website-hero-split-num: var(--lampeya-neutral-400);
  --lampeya-website-hero-split-num-active-bg: var(--lampeya-neutral-0);
  --lampeya-website-hero-split-num-active-fg: var(--lampeya-accent-900);
  --lampeya-website-hero-split-divider: var(--lampeya-accent-500);
  --lampeya-website-hero-split-indicator: var(--lampeya-neutral-0);
  --lampeya-website-hero-split-primary-bg: var(--lampeya-neutral-0);
  --lampeya-website-hero-split-primary-fg: var(--lampeya-accent-900);
  --lampeya-website-hero-split-primary-hover: var(--lampeya-accent-100);
  --lampeya-website-hero-split-primary-press: var(--lampeya-neutral-300);
  --lampeya-website-hero-split-secondary-border: var(--lampeya-neutral-400);
  --lampeya-website-hero-split-secondary-fg: var(--lampeya-neutral-0);
  --lampeya-website-hero-split-secondary-hover: var(--lampeya-accent-700);
  --lampeya-website-hero-split-focus: var(--lampeya-accent-100);
  --lampeya-website-hero-split-media-placeholder: var(--lampeya-neutral-100);
  --lampeya-website-hero-split-seam-default: 5%;
  --lampeya-website-hero-split-ease: cubic-bezier(.2, 0, 0, 1);
  --lampeya-website-hero-split-seam: var(--lampeya-website-hero-split-seam-default);
}

/* Уважение к prefers-reduced-motion — свойство первой версии вёрстки, а не
   отдельная задача «сделать доступность» (7.5). */
@media (prefers-reduced-motion: reduce) {
  :root {
    --lampeya-duration-fast: 1ms;
    --lampeya-duration-base: 1ms;
    --lampeya-duration-slow: 1ms;
  }
}

/* Тёмная тема НЕ реализована: решение не принято (см. docs/ui-kit/README.md).
   Заготовка селектора здесь не ставится намеренно — пустой хук создаёт
   ложное впечатление, что тема поддержана. */

/* Source: /website/css/components.css */
:where(.lampeya-home) .site-wrap { min-height: 100vh;background: var(--lampeya-website-surface-page);color: var(--lampeya-website-text-primary);font-family: var(--lampeya-font-ui); }
:where(.lampeya-site) .lamp-bar { background: var(--lampeya-website-surface-accent-soft);color: var(--lampeya-website-text-primary);font-size: var(--lampeya-website-caption-size);font-weight: var(--lampeya-weight-accent);line-height: var(--lampeya-website-caption-line-height);padding: var(--lampeya-website-lamp-bar-padding);display: flex;justify-content: center;align-items: center;gap: var(--lampeya-website-lamp-bar-gap);flex-wrap: wrap;text-align: center; }
:where(.lampeya-home) .lamp-bar__link { color: var(--lampeya-website-accent-strong);font-weight: var(--lampeya-weight-strong);text-underline-offset: var(--lampeya-space-1); }
:where(.lampeya-site) .header { position: sticky;top: 0;z-index: var(--lampeya-z-header);background: var(--lampeya-website-header-background);backdrop-filter: var(--lampeya-website-header-backdrop-filter);border-bottom: var(--lampeya-layout-border-width) solid var(--lampeya-website-border-subtle);padding: var(--lampeya-website-header-padding);display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: var(--lampeya-space-3);min-height: var(--lampeya-website-header-min-height); }
:where(.lampeya-site) .header__left { display: flex;align-items: center;gap: var(--lampeya-space-1); }
:where(.lampeya-home) .h-icon { all: unset;cursor: pointer;width: var(--lampeya-layout-target-min);height: var(--lampeya-layout-target-min);display: grid;place-items: center;border-radius: var(--lampeya-website-radius-pill);color: var(--lampeya-website-text-primary); }
:where(.lampeya-site) .nav { display: flex;align-items: center;gap: var(--lampeya-website-nav-gap);font-size: var(--lampeya-website-caption-size);font-weight: var(--lampeya-weight-strong);white-space: nowrap; }
:where(.lampeya-home) .h-nav { display: inline-flex;align-items: center;min-height: var(--lampeya-layout-target-min);color: var(--lampeya-website-text-primary);text-decoration: none; }
:where(.lampeya-site) .header__logo { display: flex;align-items: center;justify-content: center;min-height: var(--lampeya-layout-target-min); }
:where(.lampeya-site) .header__actions { display: flex;justify-content: flex-end;align-items: center;gap: var(--lampeya-layout-focus-width); }
:where(.lampeya-site) .mobile-nav { position: sticky;top: var(--lampeya-website-mobile-nav-top);z-index: var(--lampeya-website-mobile-nav-z-index);background: var(--lampeya-website-surface-page);border-bottom: var(--lampeya-layout-border-width) solid var(--lampeya-website-border-subtle);padding: var(--lampeya-space-2) var(--lampeya-space-5) var(--lampeya-space-5);display: flex;flex-direction: column; }
:where(.lampeya-home) .mobile-nav__link { display: flex;align-items: center;min-height: var(--lampeya-layout-control-height);border-bottom: var(--lampeya-layout-border-width) solid var(--lampeya-website-border-subtle);color: var(--lampeya-website-text-primary);text-decoration: none;font-family: var(--lampeya-font-display);font-size: var(--lampeya-website-mobile-nav-link-font-size); }
:where(.lampeya-home) .mobile-nav__link.mobile-nav__link--last { display: flex;align-items: center;min-height: var(--lampeya-layout-control-height);color: var(--lampeya-website-text-primary);text-decoration: none;font-family: var(--lampeya-font-display);font-size: var(--lampeya-website-mobile-nav-link-font-size); }
:where(.lampeya-home) .search { position: fixed;inset: 0;z-index: var(--lampeya-website-search-z-index);background: var(--lampeya-website-search-background);display: flex;justify-content: center;align-items: flex-start;padding: var(--lampeya-website-search-padding); }
:where(.lampeya-home) .search__panel { width: 100%;max-width: var(--lampeya-website-search-panel-max-width);background: var(--lampeya-website-surface-page);border-radius: var(--lampeya-space-6);padding: var(--lampeya-space-4);box-shadow: var(--lampeya-website-search-panel-box-shadow);display: flex;flex-direction: column;gap: var(--lampeya-space-2); }
:where(.lampeya-home) .search__field { display: flex;align-items: center;gap: var(--lampeya-space-3);padding: 0 var(--lampeya-space-2) 0 var(--lampeya-space-4);border: var(--lampeya-website-search-field-border);border-radius: var(--lampeya-website-radius-pill);min-height: var(--lampeya-space-14); }
:where(.lampeya-home) .search__input { flex: 1; }
:where(.lampeya-home) .h-icon.search__close { all: unset;cursor: pointer;width: var(--lampeya-layout-target-min);height: var(--lampeya-layout-target-min);display: grid;place-items: center;border-radius: var(--lampeya-website-radius-pill);color: var(--lampeya-website-text-primary);font-size: var(--lampeya-website-mobile-nav-link-font-size); }
:where(.lampeya-home) .search__results { display: flex;flex-direction: column; }
:where(.lampeya-home) .hero { background: var(--lampeya-website-surface-section); }
:where(.lampeya-home) .hero__grid { display: grid;grid-template-columns: var(--lampeya-website-hero-grid-grid-template-columns); }
:where(.lampeya-home) .hero__content { padding: var(--lampeya-website-hero-content-padding);display: flex;flex-direction: column;gap: var(--lampeya-website-hero-content-gap);justify-content: center; }
:where(.lampeya-home) .hero__eyebrow { margin: 0;font-size: var(--lampeya-website-hero-eyebrow-font-size);letter-spacing: var(--lampeya-website-hero-eyebrow-letter-spacing);text-transform: uppercase;font-weight: var(--lampeya-weight-medium);color: var(--lampeya-website-accent); }
:where(.lampeya-home) .hero__title { margin: 0;color: var(--lampeya-website-text-primary);text-wrap: balance; }
:where(.lampeya-home) .usp-list { display: flex;flex-direction: column;border-top: var(--lampeya-layout-border-width) solid var(--lampeya-website-border-strong);max-width: var(--lampeya-website-usp-list-max-width); }
:where(.lampeya-home) .usp-tab { all: unset;cursor: pointer;box-sizing: border-box;width: 100%;display: grid;grid-template-columns: var(--lampeya-space-12) minmax(0,1fr);gap: var(--lampeya-website-usp-tab-gap);align-items: baseline;padding: var(--lampeya-website-usp-tab-padding);min-height: var(--lampeya-layout-target-min);border-bottom: var(--lampeya-layout-border-width) solid var(--lampeya-website-border-strong); }
:where(.lampeya-home) .usp-num { font-family: var(--lampeya-font-mono);font-size: var(--lampeya-website-caption-size);font-weight: var(--lampeya-weight-medium); }
:where(.lampeya-home) .usp-copy { display: flex;flex-direction: column;gap: var(--lampeya-website-lamp-bar-gap);min-width: 0; }
:where(.lampeya-home) .usp-title { font-family: var(--lampeya-font-display);font-size: var(--lampeya-website-usp-title-font-size);line-height: var(--lampeya-website-usp-title-line-height);text-decoration-thickness: var(--lampeya-layout-focus-width);text-underline-offset: var(--lampeya-space-2);transition: var(--lampeya-website-usp-title-transition); }
:where(.lampeya-home) .usp-text { font-size: var(--lampeya-website-usp-text-font-size);line-height: var(--lampeya-website-usp-text-line-height);color: var(--lampeya-website-text-secondary); }
:where(.lampeya-home) .hero__actions { display: flex;flex-wrap: wrap;gap: var(--lampeya-space-3);align-items: center; }
:where(.lampeya-home) .hero__media { position: relative;min-height: var(--lampeya-website-hero-media-min-height);background: var(--lampeya-website-surface-muted);overflow: hidden; }
:where(.lampeya-home) .hero-shot { position: absolute;inset: 0;transition: var(--lampeya-website-hero-shot-transition); }
:where(.lampeya-home) .facts { padding: var(--lampeya-website-facts-padding); }
:where(.lampeya-home) .facts__list { list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: var(--lampeya-website-facts-list-grid-template-columns);gap: var(--lampeya-space-5) var(--lampeya-space-6); }
:where(.lampeya-home) .fact { display: flex;align-items: center;gap: var(--lampeya-website-group-gap); }
:where(.lampeya-home) .fact__icon { flex: none;width: var(--lampeya-space-14);height: var(--lampeya-space-14);border-radius: var(--lampeya-website-radius-pill);background: var(--lampeya-website-surface-accent-soft);color: var(--lampeya-website-accent-strong);display: grid;place-items: center; }
:where(.lampeya-home) .fact__copy { display: flex;flex-direction: column;gap: var(--lampeya-layout-focus-width); }
:where(.lampeya-home) .fact__title { font-weight: var(--lampeya-weight-heavy);font-size: var(--lampeya-website-fact-title-font-size); }
:where(.lampeya-home) .fact__text { font-size: var(--lampeya-website-caption-size);color: var(--lampeya-website-text-secondary); }
:where(.lampeya-home) .marquee { position: relative;background: var(--lampeya-website-surface-accent-soft);color: var(--lampeya-website-text-primary);overflow: hidden;padding: var(--lampeya-website-marquee-padding);font-family: var(--lampeya-font-display);font-size: var(--lampeya-website-marquee-font-size);line-height: var(--lampeya-website-marquee-line-height); }
:where(.lampeya-home) .marquee-track { display: flex;width: max-content; }
:where(.lampeya-home) .marquee__item { display: inline-flex;align-items: center;gap: var(--lampeya-website-marquee-item-gap);padding-right: var(--lampeya-website-marquee-item-padding-right);white-space: nowrap; }
:where(.lampeya-home) .marquee__toggle { position: absolute;right: var(--lampeya-space-3);top: 50%;transform: translateY(-50%);width: var(--lampeya-layout-target-min);height: var(--lampeya-layout-target-min);border-radius: var(--lampeya-website-radius-pill);border: none;cursor: pointer;background: var(--lampeya-website-surface-page);color: var(--lampeya-website-text-primary);font-family: var(--lampeya-font-ui);font-size: var(--lampeya-website-small-text-size);font-weight: var(--lampeya-weight-heavy); }
:where(.lampeya-home) .collection { padding: var(--lampeya-website-collection-padding);display: flex;flex-direction: column;gap: var(--lampeya-website-collection-gap); }
:where(.lampeya-site) .section-head { display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;gap: var(--lampeya-space-3) var(--lampeya-space-6); }
:where(.lampeya-home) .section-head__copy, :where(.lampeya-home) .contact-form { display: flex;flex-direction: column;gap: var(--lampeya-space-3); }
:where(.lampeya-site) .eyebrow { margin: 0;font-size: var(--lampeya-website-overline-size);letter-spacing: var(--lampeya-website-eyebrow-letter-spacing);text-transform: uppercase;font-weight: var(--lampeya-weight-strong);color: var(--lampeya-website-text-secondary); }
:where(.lampeya-home) .section-title, :where(.lampeya-home) .step__title, :where(.lampeya-catalog) .section-head--catalog { margin: 0; }
:where(.lampeya-home) .h-link { display: inline-flex;align-items: center;gap: var(--lampeya-website-lamp-bar-gap);min-height: var(--lampeya-layout-target-min);color: var(--lampeya-website-text-primary);font-weight: var(--lampeya-weight-heavy);font-size: var(--lampeya-website-medium-text-size);text-decoration: none; }
:where(.lampeya-site) .product-grid { list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: var(--lampeya-website-product-grid-grid-template-columns);gap: var(--lampeya-website-product-grid-gap); }
:where(.lampeya-home) .steps-wrap { padding: var(--lampeya-website-steps-wrap-padding); }
:where(.lampeya-home) .steps { background: var(--lampeya-website-surface-accent-soft);border-radius: var(--lampeya-website-steps-border-radius);padding: var(--lampeya-website-steps-padding);display: flex;flex-direction: column;gap: var(--lampeya-website-steps-gap); }
:where(.lampeya-home) .steps__head { display: flex;flex-direction: column;gap: var(--lampeya-website-group-gap);align-items: center;text-align: center; }
:where(.lampeya-home) .eyebrow.eyebrow--accent { margin: 0;font-size: var(--lampeya-website-overline-size);letter-spacing: var(--lampeya-website-eyebrow-letter-spacing);text-transform: uppercase;font-weight: var(--lampeya-weight-strong);color: var(--lampeya-website-accent-strong); }
:where(.lampeya-home) .steps__list { list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: var(--lampeya-website-steps-list-grid-template-columns);gap: var(--lampeya-space-3); }
:where(.lampeya-home) .step { background: var(--lampeya-website-surface-page);border-radius: var(--lampeya-website-step-border-radius);padding: var(--lampeya-website-step-padding);display: flex;flex-direction: column;gap: var(--lampeya-space-4); }
:where(.lampeya-home) .step__top { display: flex;justify-content: space-between;align-items: center; }
:where(.lampeya-home) .step__icon { width: var(--lampeya-space-16);height: var(--lampeya-space-16);border-radius: var(--lampeya-website-radius-pill);background: var(--lampeya-website-surface-section);color: var(--lampeya-website-accent);display: grid;place-items: center; }
:where(.lampeya-home) .step__num { font-family: var(--lampeya-font-display);font-size: var(--lampeya-layout-target-min);line-height: var(--lampeya-website-step-num-line-height);color: var(--lampeya-website-surface-accent-soft); }
:where(.lampeya-home) .step__text { margin: 0;font-size: var(--lampeya-website-fact-title-font-size);line-height: var(--lampeya-website-step-text-line-height);color: var(--lampeya-website-text-secondary); }
:where(.lampeya-home) .steps__note { margin: 0;text-align: center;font-size: var(--lampeya-website-small-text-size);line-height: var(--lampeya-website-caption-line-height);color: var(--lampeya-website-text-primary); }
:where(.lampeya-home) .about { padding: var(--lampeya-website-collection-padding);display: grid;grid-template-columns: var(--lampeya-website-about-grid-template-columns);gap: var(--lampeya-website-about-gap);align-items: center; }
:where(.lampeya-home) .about__photo { aspect-ratio: 5/4;border-radius: var(--lampeya-space-8);background: repeating-linear-gradient(135deg,var(--lampeya-website-surface-muted) 0 var(--lampeya-layout-focus-width),var(--lampeya-website-surface-section) var(--lampeya-layout-focus-width) var(--lampeya-space-4));display: flex;align-items: flex-end;padding: var(--lampeya-space-4); }
:where(.lampeya-home) .photo-label { font-family: var(--lampeya-font-mono);font-size: var(--lampeya-website-overline-size);color: var(--lampeya-website-text-secondary);background: var(--lampeya-website-surface-page);padding: var(--lampeya-website-badge-padding);border-radius: var(--lampeya-space-2); }
:where(.lampeya-home) .about__copy { display: flex;flex-direction: column;gap: var(--lampeya-website-about-copy-gap); }
:where(.lampeya-home) .lead { margin: 0;font-size: var(--lampeya-website-lead-font-size);line-height: var(--lampeya-website-caption-line-height);text-wrap: pretty; }
:where(.lampeya-home) .about__text { margin: 0;font-size: var(--lampeya-website-fact-title-font-size);line-height: var(--lampeya-website-about-text-line-height);color: var(--lampeya-website-text-secondary); }
:where(.lampeya-home) .ugc { padding: var(--lampeya-website-ugc-padding);display: flex;flex-direction: column;gap: var(--lampeya-website-collection-gap); }
:where(.lampeya-home) .ugc__head { padding: var(--lampeya-website-ugc-head-padding);display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;gap: var(--lampeya-space-4); }
:where(.lampeya-home) .ugc__intro { margin: 0;font-size: var(--lampeya-website-medium-text-size);line-height: var(--lampeya-website-step-text-line-height);color: var(--lampeya-website-text-secondary);max-width: var(--lampeya-website-ugc-intro-max-width); }
:where(.lampeya-home) .ugc__grid { display: flex;gap: var(--lampeya-space-3);overflow-x: auto;padding: var(--lampeya-website-ugc-grid-padding);scroll-snap-type: x mandatory; }
:where(.lampeya-home) .ugc__photo { flex: none;width: var(--lampeya-website-ugc-photo-width);aspect-ratio: 4/5;border-radius: var(--lampeya-space-6);background: repeating-linear-gradient(135deg,var(--lampeya-website-surface-muted) 0 var(--lampeya-layout-focus-width),var(--lampeya-website-surface-section) var(--lampeya-layout-focus-width) var(--lampeya-space-4));display: flex;align-items: flex-end;padding: var(--lampeya-website-ugc-photo-padding);scroll-snap-align: start; }
:where(.lampeya-home) .ugc__review { flex: none;width: var(--lampeya-website-ugc-photo-width);aspect-ratio: 4/5;border-radius: var(--lampeya-space-6);background: var(--lampeya-website-surface-accent-soft);display: flex;flex-direction: column;justify-content: space-between;padding: var(--lampeya-space-6);scroll-snap-align: start; }
:where(.lampeya-home) .ugc__stars { display: flex;gap: var(--lampeya-space-1);color: var(--lampeya-website-accent-strong); }
:where(.lampeya-home) .ugc__review-copy { font-family: var(--lampeya-font-mono);font-size: var(--lampeya-website-overline-size);line-height: var(--lampeya-website-step-text-line-height);color: var(--lampeya-website-text-primary); }
:where(.lampeya-home) .faq { padding: var(--lampeya-website-faq-padding);display: grid;grid-template-columns: var(--lampeya-website-about-grid-template-columns);gap: var(--lampeya-website-about-gap);align-items: start; }
:where(.lampeya-home) .section-intro { display: flex;flex-direction: column;gap: var(--lampeya-website-group-gap); }
:where(.lampeya-home) .faq__list { display: flex;flex-direction: column;gap: var(--lampeya-space-2); }
:where(.lampeya-home) .faq__item { background: var(--lampeya-website-surface-section);border-radius: var(--lampeya-space-6);padding: 0 var(--lampeya-space-6); }
:where(.lampeya-home) .faq-q { all: unset;cursor: pointer;width: 100%;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;gap: var(--lampeya-space-4);padding: var(--lampeya-space-5) 0;min-height: var(--lampeya-layout-target-min); }
:where(.lampeya-home) .faq__question { font-weight: var(--lampeya-weight-heavy);font-size: var(--lampeya-website-faq-question-font-size);line-height: var(--lampeya-website-faq-question-line-height); }
:where(.lampeya-home) .faq-sign { flex: none;width: var(--lampeya-space-10);height: var(--lampeya-space-10);border-radius: var(--lampeya-website-radius-pill);color: var(--lampeya-website-accent-strong);display: grid;place-items: center;font-size: var(--lampeya-website-product-title-size);font-weight: var(--lampeya-weight-strong); }
:where(.lampeya-home) .faq__answer { margin: 0;padding: var(--lampeya-website-faq-answer-padding);font-size: var(--lampeya-website-fact-title-font-size);line-height: var(--lampeya-website-about-text-line-height);color: var(--lampeya-website-text-secondary); }
:where(.lampeya-home) .contact { padding: var(--lampeya-website-contact-padding);border-top: var(--lampeya-layout-border-width) solid var(--lampeya-website-border-subtle);display: grid;grid-template-columns: var(--lampeya-website-contact-grid-template-columns);gap: var(--lampeya-website-contact-gap);align-items: start; }
:where(.lampeya-home) .contact__text { margin: 0;font-size: var(--lampeya-website-contact-text-font-size);line-height: var(--lampeya-website-step-text-line-height);max-width: var(--lampeya-website-contact-text-max-width); }
:where(.lampeya-home) .socials { display: flex;flex-direction: column;gap: var(--lampeya-space-3);margin-top: var(--lampeya-space-5); }
:where(.lampeya-home) .socials__title { font-weight: var(--lampeya-weight-strong);font-size: var(--lampeya-website-medium-text-size); }
:where(.lampeya-home) .socials__list { display: flex;gap: var(--lampeya-website-lamp-bar-gap);flex-wrap: wrap; }
:where(.lampeya-home) .h-social { width: var(--lampeya-layout-control-height);height: var(--lampeya-layout-control-height);border-radius: var(--lampeya-website-radius-pill);background: var(--lampeya-website-surface-accent-soft);color: var(--lampeya-website-accent-strong);display: grid;place-items: center; }
:where(.lampeya-home) .h-social.social--text { width: var(--lampeya-layout-control-height);height: var(--lampeya-layout-control-height);border-radius: var(--lampeya-website-radius-pill);background: var(--lampeya-website-surface-accent-soft);color: var(--lampeya-website-accent-strong);display: grid;place-items: center;font-weight: var(--lampeya-weight-heavy);font-size: var(--lampeya-website-medium-text-size);text-decoration: none; }
:where(.lampeya-home) .contact-panel { background: var(--lampeya-website-surface-section);border-radius: var(--lampeya-website-step-border-radius);padding: var(--lampeya-website-contact-panel-padding); }
:where(.lampeya-home) .field { display: flex;flex-direction: column;gap: var(--lampeya-website-label-gap);font-size: var(--lampeya-website-small-text-size);font-weight: var(--lampeya-weight-strong);color: var(--lampeya-website-text-secondary); }
:where(.lampeya-home) .field-control { box-sizing: border-box; }
:where(.lampeya-home) .field-control.content-text { box-sizing: border-box;white-space: pre-wrap; }
:where(.lampeya-home) .consent { all: unset;cursor: pointer;display: flex;gap: var(--lampeya-space-3);align-items: flex-start;font-size: var(--lampeya-website-small-text-size);line-height: var(--lampeya-website-usp-text-line-height);color: var(--lampeya-website-text-secondary);min-height: var(--lampeya-layout-target-min);padding: var(--lampeya-website-consent-padding); }
:where(.lampeya-home) .consent-box { flex: none;width: var(--lampeya-space-5);height: var(--lampeya-space-5);border-radius: var(--lampeya-website-radius-badge);border: var(--lampeya-website-consent-box-border);color: var(--lampeya-website-text-on-accent);display: grid;place-items: center;font-size: var(--lampeya-website-small-text-size);font-weight: var(--lampeya-weight-heavy); }
:where(.lampeya-home) .form-error { margin: 0;padding: var(--lampeya-website-consent-padding);font-size: var(--lampeya-website-caption-size);font-weight: var(--lampeya-weight-strong);color: var(--lampeya-website-text-error); }
:where(.lampeya-home) .h-submit { cursor: pointer;box-sizing: border-box;width: 100%; }
:where(.lampeya-home) .form-success { display: flex;align-items: center;gap: var(--lampeya-website-group-gap);padding: var(--lampeya-space-3) 0; }
:where(.lampeya-home) .form-success__icon { flex: none;width: var(--lampeya-space-10);height: var(--lampeya-space-10);border-radius: var(--lampeya-website-radius-pill);background: var(--lampeya-website-surface-accent-soft);color: var(--lampeya-website-accent-strong);display: grid;place-items: center;font-weight: var(--lampeya-weight-heavy); }
:where(.lampeya-home) .form-success__title { font-weight: var(--lampeya-weight-strong);font-size: var(--lampeya-website-fact-title-font-size); }
:where(.lampeya-site) .footer { background: var(--lampeya-website-surface-section);padding: var(--lampeya-space-6) var(--site-gutter);border-top: var(--lampeya-layout-border-width) solid var(--lampeya-website-border-subtle);display: flex;flex-direction: column;gap: var(--lampeya-space-6);color: var(--lampeya-website-text-secondary);font-size: var(--lampeya-website-caption-size); }
:where(.lampeya-site) .rule-spark { display: flex;align-items: center;gap: var(--lampeya-space-4);color: var(--lampeya-website-border-accent-soft); }
:where(.lampeya-home) .rule-spark__line { flex: 1;height: var(--lampeya-layout-border-width);background: var(--lampeya-website-border-strong); }
:where(.lampeya-site) .footer__row { display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: var(--lampeya-space-4) var(--lampeya-space-8); }
:where(.lampeya-site) .footer__logo { display: block;height: var(--lampeya-layout-logo-height);width: auto; }
:where(.lampeya-site) .footer__nav { display: flex;flex-direction: column;align-items: flex-start;gap: var(--lampeya-space-1); }
:where(.lampeya-site) .footer__link { display: inline-flex;align-items: center;min-height: var(--lampeya-layout-target-min); }
:where(.lampeya-site) :is(.footer__link, .consent a) { font-size: var(--lampeya-website-small-text-size);font-weight: var(--lampeya-weight-regular);line-height: var(--lampeya-website-usp-text-line-height);color: var(--lampeya-website-accent-strong);text-decoration: underline;text-underline-offset: var(--lampeya-space-1); }
:where(.lampeya-site) :is(.footer__link, .consent a):hover { color: var(--lampeya-website-accent); }
@media (min-width: 768px) { :where(.lampeya-site) .footer__nav { align-items: flex-end; } }
:where(.lampeya-catalog) .icon-definitions { display: none; }
:where(.lampeya-catalog) .catalog__intro { margin: 0;font-size: var(--lampeya-website-medium-text-size); }
:where(.lampeya-catalog) .filters__row--summary { justify-content: space-between; }
:where(.lampeya-catalog) .catalog__count { margin: 0;font-size: var(--lampeya-website-caption-size); }
:where(.lampeya-catalog) .catalog__empty-hint { margin: 0;font-size: var(--lampeya-website-fact-title-font-size);line-height: var(--lampeya-website-step-text-line-height); }
:where(.lampeya-catalog) .catalog__note { font-family: var(--lampeya-font-mono);font-size: var(--lampeya-website-micro-text-size); }


.product { display: flex; flex-direction: column; gap: var(--lampeya-space-2); }
/* Keep every catalog/home cover square, independent of the uploaded image ratio. */
.product__media { position: relative; aspect-ratio: 1; border-radius: var(--lampeya-space-6); overflow: hidden; }
.lampeya-ui .product__media > .lmp-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.product__photo { position: absolute; inset: 14% 14% 22%; border-radius: var(--lampeya-website-radius-control); background: var(--lampeya-website-product-photo-background); display: grid; place-items: center; }
.product__photo-label { font-family: var(--lampeya-font-mono); font-weight: var(--lampeya-weight-medium); font-size: var(--lampeya-website-micro-text-size); color: var(--lampeya-website-text-primary); background: var(--lampeya-website-surface-page); padding: var(--lampeya-space-1) var(--lampeya-space-2); border-radius: var(--lampeya-website-radius-badge); }
.product__chip { position: absolute; left: var(--lampeya-website-badge-inset); top: var(--lampeya-website-badge-inset); display: inline-flex; align-items: center; gap: var(--lampeya-website-label-gap); padding: var(--lampeya-website-badge-padding); border-radius: var(--lampeya-website-radius-pill); background: var(--lampeya-website-surface-page); color: var(--lampeya-website-text-primary); font-size: var(--lampeya-website-overline-size); font-weight: var(--lampeya-weight-strong); }
.product__info { display: flex; justify-content: space-between; align-items: baseline; gap: var(--lampeya-space-2); padding: 0 var(--lampeya-space-1); }
.product__copy { display: flex; flex-direction: column; gap: var(--lampeya-layout-focus-width); min-width: 0; }
.lampeya-ui .product__name { margin: 0; font-family: var(--lampeya-font-display); font-weight: var(--lampeya-weight-regular); font-size: var(--lampeya-size-body); font-style: normal; line-height: var(--lampeya-website-product-name-line-height); letter-spacing: normal; }
.lampeya-ui .product__name a { color: inherit; text-decoration: none; font-style: normal; }
.lampeya-ui .product__name a:hover { color: var(--lampeya-website-accent-strong); text-decoration: underline; }
.product__meta { font-style: normal; font-size: var(--lampeya-website-small-text-size); color: var(--lampeya-website-text-secondary); }
.search__result { display: flex; align-items: center; gap: var(--lampeya-website-group-gap); min-height: var(--lampeya-space-14); padding: var(--lampeya-website-search-result-padding); border-radius: var(--lampeya-website-radius-control); color: var(--lampeya-website-text-primary); text-decoration: none; }
.search__swatch { flex: none; width: var(--lampeya-space-10); height: var(--lampeya-space-10); border-radius: var(--lampeya-website-search-swatch-border-radius); }
.search__copy { display: flex; flex-direction: column; }
.search__name { font-weight: var(--lampeya-weight-strong); font-size: var(--lampeya-website-medium-text-size); }
.search__meta { font-size: var(--lampeya-website-small-text-size); color: var(--lampeya-website-text-secondary); }
.search__empty { margin: 0; padding: var(--lampeya-space-3) var(--lampeya-space-4); font-size: var(--lampeya-website-medium-text-size); color: var(--lampeya-website-text-secondary); }
[data-reveal-step="0"] { transition-delay: var(--lampeya-website-state-transition-delay); }
[data-reveal-step="1"] { transition-delay: var(--lampeya-website-state-transition-delay-2); }
[data-reveal-step="2"] { transition-delay: var(--lampeya-website-state-transition-delay-3); }
[data-reveal-step="3"] { transition-delay: var(--lampeya-website-state-transition-delay-4); }
[data-product-color="powder"] { background: var(--lampeya-website-surface-accent-soft); }
[data-product-color="nude"] { background: var(--lampeya-website-state-background); }
[data-product-color="red"] { background: var(--lampeya-website-state-background-2); }
[data-product-color="dark"] { background: var(--lampeya-website-state-background-3); }
[data-product-color="bright"] { background: var(--lampeya-website-state-background-4); }
[data-product-color="pattern"] { background: var(--lampeya-website-state-background-5); }
.product__media[data-product-color="powder"] { background: var(--lampeya-website-tile-powder); }
.product__media[data-product-color="nude"] { background: var(--lampeya-website-tile-nude); }
.product__media[data-product-color="red"] { background: var(--lampeya-website-tile-red); }
.product__media[data-product-color="dark"] { background: var(--lampeya-website-surface-low); }
.product__media[data-product-color="bright"] { background: var(--lampeya-website-tile-bright); }
.product__media[data-product-color="pattern"] { background: var(--lampeya-website-surface-muted); }

.lampeya-home .hero__title { text-transform: uppercase; }
:where(.lampeya-home) .usp-title { font-weight: var(--lampeya-weight-regular); }

.icon--accent-strong { fill: var(--lampeya-website-accent-strong); }
.icon--accent { fill: var(--lampeya-website-accent); }
.icon--accent-soft { fill: var(--lampeya-website-accent-soft); }
.icon--secondary { stroke: var(--lampeya-website-text-secondary); }

/* Hero: the visible frame follows the asset; the transparent stage keeps tabs stable. */
.lampeya-home .hero__media:has(.lmp-media) { background: transparent; overflow: visible; }
.lampeya-home .hero-shot:has(> .lmp-media) { display: flex; align-items: center; justify-content: center; border-radius: inherit; }
.lampeya-home .hero-shot > .lmp-media { width: auto; height: auto; max-width: 100%; max-height: 100%; border-radius: inherit; object-fit: contain; }
/* Other media placements retain their existing frames. */
.about__photo:has(> .lmp-media), .ugc__photo:has(> .lmp-media) { position: relative; overflow: hidden; }
.lampeya-home .about__photo > .lmp-media, .lampeya-home .ugc__photo > .lmp-media { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: inherit; object-fit: contain; }

/* Presentation moved verbatim from SVG attributes (owner request 21.10.2026).
   The geometry stays in SVG; existing component selectors and token scale are reused. */
:where(.lampeya-site) :is(.fact__icon, .step__icon, .h-link, .h-social, .h-icon, .product__chip) > svg {
  fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.fact__icon > svg { width: var(--lampeya-website-svg-height); height: var(--lampeya-website-svg-height); stroke-width: 1.8; }
.step__icon > svg { width: calc(var(--lampeya-website-svg-height) + var(--lampeya-space-1)); height: calc(var(--lampeya-website-svg-height) + var(--lampeya-space-1)); stroke-width: 1.8; }
.h-link > svg { width: var(--lampeya-space-5); height: var(--lampeya-space-5); }
.h-social > svg, .search__field > svg { width: calc((var(--lampeya-space-5) + var(--lampeya-space-6)) / 2); height: calc((var(--lampeya-space-5) + var(--lampeya-space-6)) / 2); }
.h-icon > svg { width: var(--lampeya-space-6); height: var(--lampeya-space-6); }
.search__field > svg { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.product__chip > svg, .lamp-bar > svg { width: var(--lampeya-website-spark-width); height: var(--lampeya-website-spark-height); }
.ugc__stars > svg { width: calc((var(--lampeya-space-4) + var(--lampeya-space-5)) / 2); height: calc((var(--lampeya-space-4) + var(--lampeya-space-5)) / 2); fill: currentColor; }
.marquee__item > svg { width: .5em; height: .5em; }
.icon--accent-soft { width: var(--lampeya-space-4); height: var(--lampeya-space-4); }
.icon-definitions symbol { stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.icon-definitions symbol:not(#i-heart) { fill: none; }
.icon-definitions symbol:not(#i-menu) { stroke-linejoin: round; }
.icon-definitions :is(#i-layers, #i-home, #i-sun, #i-drop, #i-scissors) { stroke-width: 1.8; }

/* Selected corner-tab mock, 24.10.2026. Same geometry for every status.
   Existing brand tokens/classes; app integration is a separate E1/E2 change. */
.product__media [data-product-badges] {
  position: absolute;
  inset: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.product__media [data-product-badges] .product__chip {
  position: static;
  max-width: 100%;
  box-sizing: border-box;
}
.product__media [data-product-status] {
  flex: none;
  width: 10em;
  height: 3.5em;
  padding: var(--lampeya-space-1);
  border: 0;
  border-radius: 0 0 var(--lampeya-space-4) 0;
  justify-content: center;
  font-family: var(--lampeya-font-ui);
  font-size: var(--lampeya-website-micro-text-size);
  font-weight: var(--lampeya-weight-strong);
  line-height: var(--lampeya-lh-overline);
  letter-spacing: var(--lampeya-website-eyebrow-letter-spacing);
  text-transform: uppercase;
  text-align: center;
  overflow-wrap: anywhere;
}
.product__media [data-product-status][hidden] { display: none; }
.product__media [data-status="new"] {
  background: var(--lampeya-website-accent-strong);
  color: var(--lampeya-website-text-on-accent);
}
.product__media [data-status="popular"] {
  background: var(--lampeya-website-surface-accent-soft);
  color: var(--lampeya-website-accent-strong);
}
.product__media [data-status="sold"] {
  background: var(--lampeya-website-surface-page);
  color: var(--lampeya-website-text-secondary);
}
.product__media [data-badge="lamp"] {
  flex: none;
  margin: 0;
  color: var(--lampeya-website-text-secondary);
}
.product__media [data-lamp-mode="compact"] {
  width: var(--lampeya-space-8);
  height: var(--lampeya-space-8);
  padding: 0;
  justify-content: center;
}
.product__media [data-lamp-mode="full"] { flex-wrap: wrap; }
.product__media [data-badge="lamp"] > svg { flex: none; width: var(--lampeya-space-5); height: var(--lampeya-space-5); }
.product[data-availability="unavailable"] > .product__media { background: var(--lampeya-website-surface-page); }
.product[data-availability="unavailable"] > .product__media > .lmp-media,
.product[data-availability="unavailable"] > .product__media > a > .lmp-media {
  opacity: var(--lampeya-state-disabled-opacity);
}

.product__media > a { display: block; height: 100%; }
.product__media [data-product-badges] { pointer-events: none; }
.product__media [data-lamp-control], .product__media [data-lamp-mode="full"] {
  margin: var(--lampeya-website-badge-inset) var(--lampeya-website-badge-inset) 0 auto;
  pointer-events: auto;
}
.product__media [data-lamp-control] { display: flex; flex: none; }
.product__media button[data-badge="lamp"] {
  border: 0; min-width: 0; min-height: 0; cursor: help;
  background: var(--lampeya-website-surface-page);
}
.product__media [data-product-badges] .product__chip[data-lamp-tooltip] {
  position: absolute; right: var(--lampeya-website-badge-inset);
  left: auto; top: calc(100% + var(--lampeya-space-2));
  width: max-content; max-width: calc(100% - var(--lampeya-website-badge-inset) * 2);
  justify-content: center; overflow-wrap: normal;
  white-space: normal; text-align: center; pointer-events: auto;
  font-size: var(--lampeya-website-overline-size);
  background: var(--lampeya-website-surface-page); color: var(--lampeya-website-text-primary);
  box-shadow: var(--lampeya-website-search-panel-box-shadow);
}
.product__media [data-lamp-tooltip][hidden] { display: none; }
[data-lamp-explanation] { margin-top: var(--lampeya-space-6); }
[data-lamp-explanation] .fact__icon > svg { width: var(--lampeya-space-5); height: var(--lampeya-space-5); }
.product-photo.product__media { display: block; }

.product__media [data-lamp-tooltip]::before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: var(--lampeya-space-2); }
/* A zoomed tooltip may extend below the photo; the image keeps its clipping. */
.product__media > a { border-radius: inherit; overflow: hidden; }
.product__media > .lmp-media { border-radius: inherit; }
.product__media [data-product-status] { border-top-left-radius: var(--lampeya-space-6); }
.product__media:has([data-lamp-tooltip]:not([hidden])) { overflow: visible; z-index: var(--lampeya-z-dropdown); }

/* Source: /website/css/responsive.css */
/* Approved contained layout, LMP-035. Inline overrides removed by LMP-011-B. */
:root { --site-gutter: var(--lmp-gutter);
  --site-header-height: var(--lampeya-layout-header-height);
  --site-section-gap: var(--lampeya-space-12);
  --site-grid-gap: var(--lampeya-space-6); }
@media (min-width: 768px) {
  :root { --site-section-gap: var(--lampeya-space-16); }
}
@media (min-width: 1024px) {
  :root { --site-grid-gap: var(--lampeya-space-12); }
}
@media (min-width: 1440px) {
  :root {  }
}
.lampeya-site *, .lampeya-site *::before, .lampeya-site *::after { box-sizing: border-box; }
.lampeya-site { font-family: var(--lampeya-font-ui); }
.lampeya-site :where(p, h1, h2, h3, a, button, label, span) { overflow-wrap: anywhere; }
.lampeya-site :where(img, video, image-slot) { max-width: 100%; }
.lampeya-site :where(section, [id]) { scroll-margin-top: calc(var(--site-header-height) + var(--lampeya-space-4)); }

.lampeya-site :where(button, .h-icon, .icon-action) { flex-shrink: 0; }
.lampeya-site :where(input, textarea, select) { min-width: 0; max-width: 100%; }


.lampeya-home > div > header, .lampeya-catalog > header,
.lampeya-site #mobile-nav, .lampeya-home footer, .lampeya-catalog > footer { padding-inline: max(var(--site-gutter), calc((100% - var(--lampeya-layout-content-max)) / 2)); }
.lampeya-site header { min-height: var(--lampeya-layout-header-height);
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.lampeya-site header > * { min-width: 0; }
.lampeya-site header img { max-width: 100%; }
.lampeya-home main > section:not(#top), .lampeya-catalog .catalog { width: 100%;
  max-width: calc(var(--lampeya-layout-content-max) + 2 * var(--site-gutter));
  margin-inline: auto;
  padding-inline: var(--site-gutter); }
.lampeya-home main > section:not(#top) { padding-top: var(--site-section-gap); }
.lampeya-home main > section[aria-label="Коротко о наборе"] { padding-block: var(--lampeya-space-8); }
.lampeya-home #faq, .lampeya-home #contact { padding-bottom: var(--site-section-gap); }
/* Knowledge FAQ is already inside the shared catalog container. */
.lampeya-home .catalog > #faq { padding: 0; }
.lampeya-home #top:not(.hero--split) > div { width: calc(100% - 2 * var(--site-gutter));
  max-width: var(--lampeya-layout-content-max);
  margin-inline: auto;
  padding-block: var(--lampeya-space-8);
  grid-template-columns: minmax(0, 1fr);
  gap: var(--site-grid-gap);
  align-items: center; }
.lampeya-home #top:not(.hero--split) > div > div:first-child { padding: 0;
  min-width: 0;
  gap: var(--lampeya-space-6); }
.lampeya-home #top:not(.hero--split) > div > div:last-child { min-height: 0;
  aspect-ratio: 4 / 3;
  width: 100%;
  border-radius: var(--lampeya-website-radius-xl); }
/* Owner-requested hero fit: reserve portrait space on small screens when media exists.
   The desktop stage remains square; each image/video keeps its own proportions. */
.lampeya-home #top:not(.hero--split) > div > .hero__media:has(.lmp-media) { aspect-ratio: 4 / 5;
  max-height: calc(100svh - var(--site-header-height) - 2 * var(--lampeya-space-8)); }
.lampeya-home .usp-title { font-size: var(--lampeya-size-heading-m);
  font-family: var(--lampeya-font-display);
  font-weight: var(--lampeya-weight-regular);
  line-height: var(--lampeya-lh-heading-m);
  letter-spacing: var(--lampeya-ls-heading-m); }
.lampeya-home .usp-tab { grid-template-columns: var(--lampeya-space-8) minmax(0, 1fr);
  column-gap: var(--lampeya-space-4);
  padding-block: var(--lampeya-space-4); }

.lampeya-home .usp-tab .usp-title { text-decoration: none; }

.lampeya-home #how-it-works > div { padding: var(--lampeya-space-6);
  border-radius: var(--lampeya-website-radius-xl); }
.lampeya-home #how-it-works li { padding: var(--lampeya-space-6); }
.lampeya-home #about, .lampeya-home #faq, .lampeya-home #contact { grid-template-columns: minmax(0, 1fr);
  gap: var(--site-grid-gap); }
.lampeya-home :where(#about, #faq, #contact) > div { min-width: 0; }
.lampeya-home section[aria-labelledby="h-ugc"] > div { padding-inline: 0; }
.lampeya-home section[aria-labelledby="h-ugc"] > div:last-child { display: grid;
  grid-template-columns: var(--lampeya-website-facts-list-grid-template-columns);
  overflow: visible;
  scroll-snap-type: none; }
.lampeya-home section[aria-labelledby="h-ugc"] > div:last-child > div { width: auto; min-width: 0; }
.lampeya-home [data-popular], .lampeya-catalog .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--lampeya-space-6); }
.lampeya-home [data-popular] > li, .lampeya-catalog .product-grid > li { min-width: 0; }
.lampeya-home [data-popular] > li > div:last-child { flex-wrap: wrap; }
.lampeya-catalog .product__info { flex-wrap: wrap; }
.lampeya-home .marquee { font-size: var(--lampeya-size-heading-m); padding-block: var(--lampeya-space-4); }
.lampeya-home .marquee-track { max-width: none; }
.lampeya-site [data-toast] { bottom: calc(var(--lampeya-space-5) + env(safe-area-inset-bottom)); }
.lampeya-site .chip, .lampeya-site .chip-reset, .lampeya-site [data-toast] a { min-height: var(--lampeya-layout-target-min); }
.lampeya-home > div > div:first-child a { display: inline-flex; align-items: center; min-height: var(--lampeya-layout-target-min); }

@media (min-width: 1024px) {
  .lampeya-home #top:not(.hero--split) > div { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-block: var(--lampeya-space-12); }
  .lampeya-home #top:not(.hero--split) > div > div:last-child,
  .lampeya-home #top:not(.hero--split) > div > .hero__media:has(.lmp-media) { aspect-ratio: 1; max-height: none; }
  .lampeya-home #about, .lampeya-home #faq, .lampeya-home #contact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lampeya-home #how-it-works > div { padding: var(--lampeya-space-10); }
  .lampeya-home [data-popular], .lampeya-catalog .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .lampeya-home > div > div:first-child { display: grid;
    grid-template-columns: var(--lampeya-space-4) minmax(0, 1fr) auto;
    gap: var(--lampeya-space-2);
    padding: var(--lampeya-space-2) var(--site-gutter);
    text-align: left;
    font-size: var(--lampeya-size-caption); }
  .lampeya-home #top:not(.hero--split) > div > div:first-child > div:last-child { align-items: stretch; }
  .lampeya-home #top:not(.hero--split) .h-primary, .lampeya-home #top:not(.hero--split) .h-outline { flex: 1 1 0;
    padding-inline: var(--lampeya-space-3);
    font-size: var(--lampeya-size-caption);
    text-align: center; }

  .lampeya-site header { grid-template-columns: var(--lampeya-layout-target-min) minmax(0, 1fr) var(--lampeya-layout-target-min); gap: 0 var(--lampeya-space-4); padding-block: var(--lampeya-space-2); }
  .lampeya-site header > a { justify-self: start; }
  .lampeya-site #mobile-nav { top: var(--site-header-height); }
  .lampeya-home #faq [data-faq] > div { padding-inline: var(--lampeya-space-4); }
  .lampeya-home #faq [data-faq] p { padding-right: 0; }
  .lampeya-home [data-search-panel] { max-height: calc(100dvh - var(--lampeya-space-24)); overflow-y: auto; }
  .lampeya-home [data-search-input] { width: 0; flex: 1 1 0; }
  .lampeya-home [data-popular], .lampeya-catalog .product-grid { gap: var(--lampeya-space-3); }
  .lampeya-home [data-popular] > li > div:first-child > span, .lampeya-catalog .product__chip { max-width: calc(100% - var(--lampeya-space-16));
    padding-inline: var(--lampeya-space-2);
    gap: var(--lampeya-space-1);
    line-height: var(--lampeya-lh-caption); }
  .lampeya-home [data-popular] > li > div:first-child > span svg, .lampeya-catalog .product__chip svg { flex-shrink: 0; }
  .lampeya-home section[aria-labelledby="h-ugc"] > div:last-child { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 374px) {
  .lampeya-home [data-popular], .lampeya-catalog .product-grid { grid-template-columns: minmax(0, 1fr); }
  .lampeya-home section[aria-labelledby="h-ugc"] > div:last-child { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .lampeya-site *, .lampeya-site *::before, .lampeya-site *::after { animation: none !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important; }
  .lampeya-site [data-reveal] { opacity: 1; transform: none; }
}

/* LMP-030 / BP-16, reaffirmed by the owner on 18.10: one section fills the
   available screen; long content grows naturally without clipping or nested scroll. */
[data-scroll-sections] .lampeya-home main > section {
  min-height: calc(100svh - var(--site-header-height));
  scroll-margin-top: var(--site-header-height);
  align-content: center;
}
[data-scroll-sections] :is(.hero, .facts, .steps-wrap) { display: grid; }
[data-scroll-sections] :is(.collection, .ugc) { justify-content: center; }
[data-scroll-sections] .contact { align-items: center; }
@media (min-width: 1024px) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html[data-scroll-sections] { scroll-snap-type: y proximity; }
  [data-scroll-sections] .lampeya-home main > section,
  [data-scroll-sections] :is(.lamp-bar, .footer) { scroll-snap-align: start; }
  html[data-scroll-sections]:has([data-search]:not([hidden]), #mobile-nav:not([hidden])) { scroll-snap-type: none; }
}

/* Owner-approved seven-step composition, 16.10.2026. Existing Lampeya components
   and tokens only; no new type, palette, radius, spacing or component classes. */
.lampeya-home [data-guide] { grid-template-columns: minmax(0, 1fr); }
.lampeya-home #how-it-works [data-guide] > li { min-width: 0; padding: var(--lampeya-space-4); }
.lampeya-home [data-guide] h3 { margin: 0; }
.lampeya-home [data-guide] .faq-q { gap: var(--lampeya-space-3); padding: var(--lampeya-space-3); border-radius: var(--lampeya-website-radius-control); }
.lampeya-home [data-guide] .faq-q .step__text { flex: 1; text-align: left; color: var(--lampeya-website-text-primary); }
.lampeya-home [data-guide] .usp-num { color: var(--lampeya-website-accent-strong); }
.lampeya-home [data-guide-panel] { display: grid; gap: var(--lampeya-space-6); min-width: 0; }
.lampeya-home [data-guide-photo] { overflow: hidden; border-radius: var(--lampeya-website-radius-control); }
.lampeya-home [data-guide-photo] > svg { display: block; width: 100%; height: auto; }
.lampeya-home [data-guide-photo] :is(img, video) { width: 100%; height: auto; object-fit: contain; }
.lampeya-home [data-guide-copy] { display: flex; flex-direction: column; gap: var(--lampeya-space-4); align-items: flex-start; min-width: 0; }
.lampeya-home [data-guide-copy] .step__title { font-family: var(--lampeya-font-display); font-size: var(--lampeya-size-heading-m); font-weight: var(--lampeya-weight-regular); line-height: var(--lampeya-lh-heading-m); }
.lampeya-home [data-guide-copy] .steps__note { text-align: left; }
.lampeya-home [data-guide-ready] > li { background: transparent; }
.lampeya-home [data-guide-ready] > li:has([aria-expanded="true"]) { background: var(--lampeya-website-surface-page); }
.lampeya-home [data-guide-ready] [data-guide-copy] .step__title { display: none; }
@media (min-width: 768px) {
  .lampeya-home [data-guide-ready] { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--lampeya-space-3) var(--lampeya-space-6); align-items: start; }
  .lampeya-home [data-guide-ready] > li { display: contents; }
  .lampeya-home [data-guide-ready] h3 { grid-column: 1; }
  .lampeya-home [data-guide-ready] .faq-q[aria-expanded="true"] { background: var(--lampeya-website-surface-page); }
  .lampeya-home [data-guide-ready] [data-guide-panel] { align-self: stretch; grid-column: 2; grid-row: 1 / span 7; background: var(--lampeya-website-surface-page); border-radius: var(--lampeya-website-step-border-radius); padding: var(--lampeya-space-6); }
  .lampeya-home [data-guide-ready] [data-guide-copy] .step__title { display: block; }
}
@media (min-width: 1024px) {
  .lampeya-home [data-guide-ready] [data-guide-panel] { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; }
}

.lampeya-home [data-guide-optional]:empty { display: none; }

/* Product overview combines the existing description and facts without changing their CMS fields. */
.lampeya-home #about { padding-block: var(--site-section-gap); }
.lampeya-home #about > .facts { grid-column: 1 / -1; padding: var(--lampeya-space-8) 0 0; border-top: var(--lampeya-layout-border-width) solid var(--lampeya-website-border-subtle); }
.lampeya-home #about > .about__copy { order: -1; }
.lampeya-home .about__photo:has(> .lmp-media) { width: 100%; aspect-ratio: 4 / 5; max-height: calc(100svh - var(--site-header-height) - 2 * var(--lampeya-space-8)); padding: 0; background: transparent; justify-content: center; align-items: center; }
.lampeya-home .about__photo > .lmp-media { position: static; inset: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; border-radius: inherit; object-fit: contain; }
.lampeya-site :is(.h-nav, .mobile-nav__link)[aria-current="location"] { color: var(--lampeya-website-accent-strong); text-decoration: underline; text-decoration-thickness: var(--lampeya-layout-focus-width); text-underline-offset: var(--lampeya-space-2); }
@media (min-width: 1024px) {
  .lampeya-home #about > .about__copy { order: 0; }
  .lampeya-home .about__photo:has(> .lmp-media) { aspect-ratio: 1; max-height: none; }
}

/* Five shared navigation items keep the established centered logo and one-line header. */
.lampeya-site .nav { gap: var(--lampeya-space-4); }

/* LMP-056: selector geometry accepted in the owner's desktop mockup21Oct.
   Existing button/palette/spacing/radius tokens; shared with both guide branches. */
.lampeya-home [data-guide-tabs] { display: inline-grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 100%; padding: var(--lampeya-space-1); border: var(--lampeya-layout-border-width) solid var(--lampeya-website-border-accent-soft); border-radius: var(--lampeya-radius-full); }
.lampeya-home [data-guide-tabs] .h-outline { min-width: 0; min-height: var(--lampeya-layout-control-height); padding: var(--lampeya-space-2) var(--lampeya-space-5); border: 0; background: transparent; color: var(--lampeya-website-text-primary); border-radius: var(--lampeya-radius-full); text-align: center; white-space: normal; }
.lampeya-home [data-guide-tabs] [aria-selected="true"] { background: var(--lampeya-website-surface-page); }
.lampeya-home [data-guide-branch] { display: grid; gap: var(--lampeya-space-6); min-width: 0; }
.lampeya-home [data-guide-branch] > .step__text { text-align: center; }
.lampeya-home [data-guide-tabs-ready] [data-guide-label] { display: none; }
.lampeya-home [data-guide-panel]:not(:has([data-guide-photo])) { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) {
  .lampeya-home [data-guide-count="1"] [data-guide-panel] { grid-row: 1 / span 1; }
  .lampeya-home [data-guide-count="2"] [data-guide-panel] { grid-row: 1 / span 2; }
  .lampeya-home [data-guide-count="3"] [data-guide-panel] { grid-row: 1 / span 3; }
  .lampeya-home [data-guide-count="4"] [data-guide-panel] { grid-row: 1 / span 4; }
  .lampeya-home [data-guide-count="5"] [data-guide-panel] { grid-row: 1 / span 5; }
  .lampeya-home [data-guide-count="6"] [data-guide-panel] { grid-row: 1 / span 6; }
  .lampeya-home [data-guide-count="7"] [data-guide-panel] { grid-row: 1 / span 7; }
  .lampeya-home [data-guide-count="8"] [data-guide-panel] { grid-row: 1 / span 8; }
  .lampeya-home [data-guide-count="9"] [data-guide-panel] { grid-row: 1 / span 9; }
  .lampeya-home [data-guide-count="10"] [data-guide-panel] { grid-row: 1 / span 10; }
  .lampeya-home [data-guide-count="11"] [data-guide-panel] { grid-row: 1 / span 11; }
  .lampeya-home [data-guide-count="12"] [data-guide-panel] { grid-row: 1 / span 12; }
}

/* Optional hint approved by the owner, 21.10.2026. */
.lampeya-home [data-guide-tip] { display: flex; gap: var(--lampeya-space-3); align-items: flex-start; }
.lampeya-home [data-guide-tip-icon] { display: inline-grid; place-items: center; flex: 0 0 var(--lampeya-space-6); width: var(--lampeya-space-6); height: var(--lampeya-space-6); border: var(--lampeya-layout-border-width) solid currentColor; border-radius: var(--lampeya-radius-full); color: var(--lampeya-website-accent-strong); font-family: var(--lampeya-font-mono); }

/* LMP-057, owner-approved: equal inner gaps around the centered logo. */
.lampeya-site .header__logo { justify-self: center; }
@media (min-width: 1100px) {
  .lampeya-site .header { column-gap: var(--lampeya-space-6); }
  .lampeya-site .header__left { justify-content: flex-end; }
  .lampeya-site .header__actions { justify-content: flex-start; gap: var(--lampeya-space-4); }
  .lampeya-site .header__actions > [data-search-open] { margin-left: auto; }
}
.lampeya-site :is(.h-nav, .mobile-nav__link)[aria-current="page"] { color: var(--lampeya-website-accent-strong); text-decoration: underline; text-decoration-thickness: var(--lampeya-layout-focus-width); text-underline-offset: var(--lampeya-space-2); }

/* Source: /fonts/manrope.css */
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/fonts/manrope-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/fonts/manrope-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/fonts/manrope-greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/fonts/manrope-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/fonts/manrope-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/fonts/manrope-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Source: /fonts/original-families.css */
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Tenor Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/tenor-sans-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Tenor Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/tenor-sans-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Tenor Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/tenor-sans-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Source: /pwa/shell.css */
.pwa-offline, .pwa-update { font-family: var(--lampeya-font-ui); color: var(--lampeya-text-primary); }
.pwa-offline *, .pwa-update, .pwa-update * { box-sizing: border-box; }
.pwa-offline { margin: 0; min-height: 100svh; display: grid; place-items: center; background: var(--lampeya-surface-page); padding: var(--lampeya-space-6); }
.pwa-offline main { max-width: var(--lampeya-website-main-max-width); text-align: center; padding-bottom: env(safe-area-inset-bottom); }
.pwa-offline img { border-radius: var(--lampeya-radius-xl); }
.pwa-offline h1 { font-family: var(--lampeya-font-display); font-weight: var(--lampeya-weight-regular); font-size: var(--lampeya-size-heading-l); line-height: var(--lampeya-lh-heading-l); }
.pwa-offline p, .pwa-update p { font-size: var(--lampeya-size-body); line-height: var(--lampeya-lh-body); }
.pwa-offline a, .pwa-update button { font: inherit; min-height: var(--lampeya-layout-target-min); padding: var(--lampeya-space-3) var(--lampeya-space-5); border-radius: var(--lampeya-radius-full); border: var(--lampeya-layout-border-width) solid var(--lampeya-border-default); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.pwa-retry, .pwa-update button { background: var(--lampeya-accent-contrast); color: var(--lampeya-text-on-accent); text-decoration: none; }
.pwa-offline .pwa-home, .pwa-update .pwa-secondary { background: var(--lampeya-surface-card); color: var(--lampeya-text-primary); }
.pwa-offline a:focus-visible, .pwa-update button:focus-visible { outline: var(--lampeya-layout-focus-width) solid var(--lampeya-accent-contrast); outline-offset: var(--lampeya-website-a-focus-visible-outline-offset); }
.pwa-update { position: fixed; z-index: var(--lampeya-z-toast); top: calc(var(--lampeya-space-4) + env(safe-area-inset-top)); right: var(--lampeya-space-4); left: var(--lampeya-space-4); max-width: var(--lampeya-website-main-max-width); margin-inline: auto; background: var(--lampeya-surface-card); border: var(--lampeya-layout-border-width) solid var(--lampeya-border-default); border-radius: var(--lampeya-radius-lg); box-shadow: var(--lampeya-shadow-overlay); padding: var(--lampeya-space-4); display: flex; flex-wrap: wrap; gap: var(--lampeya-space-2); }
.pwa-update p { flex-basis: 100%; margin: 0 0 var(--lampeya-space-2); }

/* Source: /ui/brand.css */
/* Generated by scripts/ui-build.py; edit services/ui/brand.css */
/* One component source for the landing, staff and customer-facing React shell. */
:root { --lmp-gutter: var(--lampeya-layout-gutter-mobile); }
@media (min-width: 768px) { :root { --lmp-gutter: var(--lampeya-layout-gutter-tablet); } }
@media (min-width: 1024px) { :root { --lmp-gutter: var(--lampeya-layout-gutter-desktop); } }
@media (min-width: 1440px) { :root { --lmp-gutter: var(--lampeya-layout-gutter-wide); } }
.lampeya-ui *, .lampeya-ui *::before, .lampeya-ui *::after { box-sizing: border-box; }
.lampeya-ui { margin: 0; background: var(--lampeya-surface-page); color: var(--lampeya-text-primary); font-family: var(--lampeya-font-ui); font-size: var(--lampeya-size-body); line-height: var(--lampeya-lh-body); }
.lampeya-ui :where(h1,h2,h3,p,a,button,label,span) { overflow-wrap: anywhere; }
.lampeya-ui h1 { font-family: var(--lampeya-font-display); font-size: var(--lampeya-size-display); line-height: var(--lampeya-lh-display); letter-spacing: var(--lampeya-ls-display); font-weight: var(--lampeya-weight-regular); text-wrap: balance; text-transform: none; }
.lampeya-ui h2, .lampeya-ui .section-title { font-family: var(--lampeya-font-display); font-size: var(--lampeya-size-heading-l); line-height: var(--lampeya-lh-heading-l); letter-spacing: var(--lampeya-ls-heading-l); font-weight: var(--lampeya-weight-regular); text-wrap: balance; }
.lampeya-ui h3 { font-family: var(--lampeya-font-display); font-size: var(--lampeya-size-heading-m); line-height: var(--lampeya-lh-heading-m); letter-spacing: var(--lampeya-ls-heading-m); font-weight: var(--lampeya-weight-regular); }
:where(.lampeya-ui) a { color: var(--lampeya-action-primary); }
:where(.lampeya-ui) a:hover { color: var(--lampeya-action-hover); }
.lmp-container { width: 100%; max-width: calc(var(--lampeya-layout-content-max) + 2 * var(--lmp-gutter)); margin-inline: auto; padding-inline: var(--lmp-gutter); }
.lmp-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--lampeya-space-4); min-height: var(--lampeya-layout-header-height); padding-block: var(--lampeya-space-4); padding-inline: max(var(--lmp-gutter), calc((100% - var(--lampeya-layout-content-max)) / 2)); border-bottom: var(--lampeya-layout-border-width) solid var(--lampeya-border-subtle); background: var(--lampeya-surface-card); }
.lmp-brand { display: inline-flex; align-items: center; gap: var(--lampeya-space-4); text-decoration: none; min-height: var(--lampeya-layout-target-min); }
.lampeya-ui .lmp-logo { display: block; height: var(--lampeya-layout-logo-height); width: auto; max-width: 100%; }
.lampeya-ui :is(.lmp-button,.button,.h-primary,.h-outline,.h-submit), .lampeya-staff button {
 display: inline-flex; align-items: center; justify-content: center; gap: var(--lampeya-space-2); min-height: var(--lampeya-layout-target-min); padding: var(--lampeya-space-3) var(--lampeya-space-6); border: var(--lampeya-layout-border-width) solid transparent; border-radius: var(--lampeya-radius-full); background: var(--lampeya-action-primary); color: var(--lampeya-text-on-accent); font-family: var(--lampeya-font-ui); font-size: var(--lampeya-size-body); font-weight: var(--lampeya-weight-accent); line-height: var(--lampeya-lh-caption); text-decoration: none; text-align: center; cursor: pointer; transition: background var(--lampeya-duration-fast), color var(--lampeya-duration-fast);
}
.lampeya-ui :is(.lmp-button,.button,.h-primary,.h-submit):hover, .lampeya-staff button:hover { background: var(--lampeya-action-hover); color: var(--lampeya-text-on-accent); }
.lampeya-ui :is(.secondary,.h-outline,.lmp-button--secondary) { background: transparent; border-color: var(--lampeya-border-strong); color: var(--lampeya-text-primary); }
.lampeya-ui :is(.secondary,.h-outline,.lmp-button--secondary):hover { background: var(--lampeya-surface-card); color: var(--lampeya-text-primary); }
.lampeya-ui :where(input:not([type=checkbox],[type=hidden],.visually-hidden),textarea:not(.visually-hidden),select) { display: block; min-height: var(--lampeya-layout-control-height); min-width: 0; width: 100%; padding: 0 var(--lampeya-layout-control-padding-inline); font: inherit; font-weight: var(--lampeya-weight-regular); background: var(--lampeya-surface-card); color: var(--lampeya-text-primary); border: var(--lampeya-layout-border-width) solid var(--lampeya-border-subtle); border-radius: var(--lampeya-radius-control); }
.lampeya-ui textarea { min-height: var(--lampeya-layout-message-min); padding-block: var(--lampeya-layout-control-padding-block); resize: vertical; }
.lampeya-ui .h-submit { width: 100%; min-height: var(--lampeya-space-14); }
.lampeya-ui label { font-weight: var(--lampeya-weight-accent); }
.lampeya-ui :where(button,a,input,textarea,select,summary):focus-visible { outline: var(--lampeya-layout-focus-width) solid var(--lampeya-action-primary); outline-offset: var(--lampeya-space-1); }
.lampeya-ui :disabled { cursor: not-allowed; opacity: var(--lampeya-state-disabled-opacity); }
.lmp-skip { position: absolute; inset-inline-start: var(--lmp-gutter); top: 0; transform: translateY(-100%); padding: var(--lampeya-space-3); background: var(--lampeya-surface-card); z-index: var(--lampeya-z-toast); }
.lmp-skip:focus { transform: none; }

.lampeya-ui .usp-num, .lampeya-ui .photo-label, .lampeya-ui .photo__label, .lampeya-ui .ugc__review-copy, .lampeya-ui .catalog__note { font-family: var(--lampeya-font-mono); font-weight: var(--lampeya-weight-medium); }

/* Shared media rendering: preserve the complete frame without forced cropping. */
.lampeya-ui .lmp-media { display: block; max-width: 100%; height: auto; object-fit: contain; }
.lampeya-ui .lmp-media-figure { margin-inline: 0; margin-block: var(--lampeya-space-6); }
.lampeya-ui .lmp-dialog { width: calc(100% - var(--lampeya-space-8)); max-width: var(--lampeya-layout-content-max); max-height: calc(100dvh - var(--lampeya-space-8)); box-sizing: border-box; overflow: auto; padding: var(--lampeya-space-5); color: var(--lampeya-text-primary); background: var(--lampeya-surface-page); border: var(--lampeya-layout-border-width) solid var(--lampeya-border-default); border-radius: var(--lampeya-radius-xl); }
.lampeya-ui progress { max-width: 100%; }

.lampeya-ui [hidden] { display: none; }

.lampeya-ui .lmp-media-thumbnail { max-width: min(100%, var(--lampeya-layout-form-max)); max-height: var(--lampeya-layout-form-max); }

/* Source: /website/css/catalog.css */
/* Catalog-specific filters and states. Shared roles live in components.css. */
.muted { color: var(--lampeya-website-text-secondary); }
.note { margin: 0; font-size: var(--lampeya-website-small-text-size); line-height: var(--lampeya-website-caption-line-height); color: var(--lampeya-website-text-secondary); }
.spark { width: var(--lampeya-website-spark-width); height: var(--lampeya-website-spark-height); fill: var(--lampeya-website-accent); flex: none; }


.btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--lampeya-space-3); min-height: var(--lampeya-space-14); padding: 0 var(--lampeya-space-8); border-radius: var(--lampeya-website-radius-pill); border: var(--lampeya-layout-border-width) solid transparent; font-weight: var(--lampeya-weight-medium); font-size: var(--lampeya-website-contact-text-font-size); text-decoration: none; cursor: pointer; transition: background var(--lampeya-duration-fast), color var(--lampeya-duration-fast); }
.btn--primary { background: var(--lampeya-website-accent-strong); color: var(--lampeya-website-text-on-accent); }
.btn--primary:hover { background: var(--lampeya-website-accent); color: var(--lampeya-website-text-on-accent); }
.btn--outline { background: transparent; border-color: var(--lampeya-website-border-control); color: var(--lampeya-website-text-primary); }
.btn--outline:hover { background: var(--lampeya-website-surface-page); color: var(--lampeya-website-text-primary); }
.btn--block { width: 100%; }


.icon-action { position: relative; width: var(--lampeya-layout-target-min); height: var(--lampeya-layout-target-min); display: grid; place-items: center; border: 0; border-radius: var(--lampeya-website-radius-pill); background: none; color: var(--lampeya-website-text-primary); cursor: pointer; text-decoration: none; }
.icon-action:hover { background: var(--lampeya-website-surface-section); color: var(--lampeya-website-text-primary); }
.icon-action svg { width: var(--lampeya-space-6); height: var(--lampeya-space-6); fill: none; }
.nav a { display: inline-flex; align-items: center; min-height: var(--lampeya-layout-target-min); color: var(--lampeya-website-text-primary); text-decoration: none; }
.nav a:hover, .nav a[aria-current="page"] { color: var(--lampeya-website-accent); }
.menu-toggle { display: none; }
.mobile-nav[hidden] { display: none; }
.mobile-nav a { display: flex; align-items: center; min-height: var(--lampeya-layout-control-height); border-bottom: var(--lampeya-layout-border-width) solid var(--lampeya-website-border-subtle); color: var(--lampeya-website-text-primary); text-decoration: none; font-family: var(--lampeya-font-display); font-size: var(--lampeya-website-mobile-nav-link-font-size); }
.mobile-nav a:last-child { border-bottom: 0; }
@media (max-width: 1099px) {
  .lampeya-catalog .nav { display: none; }
  .menu-toggle { display: grid; }
}
.section-head__text { display: flex; flex-direction: column; gap: var(--lampeya-space-3); }
.rule-spark::before, .rule-spark::after { content: ""; flex: 1; height: var(--lampeya-layout-border-width); background: var(--lampeya-website-border-strong); }
.rule-spark .spark { width: var(--lampeya-space-4); height: var(--lampeya-space-4); fill: var(--lampeya-website-accent-soft); }


.catalog { padding: var(--lampeya-website-catalog-padding); display: flex; flex-direction: column; gap: var(--lampeya-website-collection-gap); }
.breadcrumbs { margin: 0; display: flex; flex-wrap: wrap; gap: var(--lampeya-space-2); font-size: var(--lampeya-website-caption-size); color: var(--lampeya-website-text-secondary); }
.breadcrumbs a { color: var(--lampeya-website-text-secondary); }
.catalog__title { margin: 0; font-family: var(--lampeya-font-display); font-weight: var(--lampeya-weight-regular); font-size: var(--lampeya-website-catalog-title-font-size); line-height: var(--lampeya-website-step-num-line-height); }
.filters { display: flex; flex-direction: column; gap: var(--lampeya-space-4); padding: var(--lampeya-space-5) 0; border-block: var(--lampeya-layout-border-width) solid var(--lampeya-website-border-strong); }
.filters__row { display: flex; flex-wrap: wrap; gap: var(--lampeya-space-1) var(--lampeya-space-2); align-items: center; }
.filters__label { margin-right: var(--lampeya-space-2); font-size: var(--lampeya-website-overline-size); letter-spacing: var(--lampeya-website-eyebrow-letter-spacing-2); text-transform: uppercase; font-weight: var(--lampeya-weight-accent); color: var(--lampeya-website-text-secondary); }
.swatch { display: inline-flex; align-items: center; gap: var(--lampeya-website-lamp-bar-gap); min-height: var(--lampeya-layout-target-min); padding: var(--lampeya-website-swatch-padding); border: 0; border-radius: var(--lampeya-space-3); background: none; font-size: var(--lampeya-website-caption-size); cursor: pointer; }
.swatch:hover { background: var(--lampeya-website-surface-muted); }
.swatch__chip { width: var(--lampeya-website-swatch-chip-width); height: var(--lampeya-website-swatch-chip-height); border-radius: var(--lampeya-website-radius-sm); border: var(--lampeya-layout-border-width) solid var(--lampeya-website-border-medium); }
.swatch[aria-checked="true"] { font-weight: var(--lampeya-weight-strong); }
.swatch[aria-checked="true"] .swatch__chip { border: var(--lampeya-layout-focus-width) solid var(--lampeya-website-accent); box-shadow: var(--lampeya-website-swatch-chip-box-shadow); }
.swatch__count { color: var(--lampeya-website-text-secondary); font-weight: var(--lampeya-weight-regular); }
.switch { display: inline-flex; align-items: center; gap: var(--lampeya-space-3); min-height: var(--lampeya-layout-target-min); border: 0; background: none; font-size: var(--lampeya-website-caption-size); font-weight: var(--lampeya-weight-accent); cursor: pointer; }
.switch__track { position: relative; width: var(--lampeya-layout-target-min); height: var(--lampeya-website-svg-height); border-radius: var(--lampeya-website-radius-pill); background: var(--lampeya-website-border-default); border: var(--lampeya-layout-border-width) solid var(--lampeya-website-border-medium); transition: background var(--lampeya-duration-fast); }
.switch__thumb { position: absolute; top: var(--lampeya-layout-focus-width); left: var(--lampeya-layout-focus-width); width: var(--lampeya-space-5); height: var(--lampeya-space-5); border-radius: var(--lampeya-website-radius-pill); background: var(--lampeya-website-surface-page); box-shadow: var(--lampeya-website-switch-thumb-box-shadow); transition: left var(--lampeya-duration-fast); }
.switch[aria-checked="true"] .switch__track { background: var(--lampeya-website-accent); }
.switch[aria-checked="true"] .switch__thumb { left: var(--lampeya-space-5); }
.chips { display: flex; flex-wrap: wrap; gap: var(--lampeya-space-2); align-items: center; }
.chip { display: inline-flex; align-items: center; gap: var(--lampeya-space-2); min-height: var(--lampeya-website-chip-min-height); padding: var(--lampeya-website-chip-padding); border-radius: var(--lampeya-website-radius-pill); background: var(--lampeya-website-surface-page); border: var(--lampeya-layout-border-width) solid var(--lampeya-website-border-control); font-size: var(--lampeya-website-small-text-size); font-weight: var(--lampeya-weight-accent); cursor: pointer; }
.chip-reset { min-height: var(--lampeya-website-chip-min-height); padding: var(--lampeya-website-consent-padding); border: 0; background: none; font-size: var(--lampeya-website-small-text-size); font-weight: var(--lampeya-weight-strong); color: var(--lampeya-website-accent-strong); text-decoration: underline; text-underline-offset: var(--lampeya-space-1); cursor: pointer; }
.empty { max-width: var(--lampeya-website-empty-max-width); padding: var(--lampeya-website-empty-padding); display: flex; flex-direction: column; gap: var(--lampeya-website-group-gap); align-items: flex-start; border: var(--lampeya-layout-border-width) solid var(--lampeya-website-border-strong); border-radius: var(--lampeya-space-4); background: var(--lampeya-website-surface-page); }
.empty[hidden] { display: none; }
.empty h2 { margin: 0; font-family: var(--lampeya-font-display); font-weight: var(--lampeya-weight-regular); font-size: var(--lampeya-website-h2-font-size-2); }
.sold-out { font-size: var(--lampeya-website-small-text-size); font-weight: var(--lampeya-weight-strong); color: var(--lampeya-website-text-muted); }

/* Source: /website/css/reviews.css */
/* LMP-057: approved review composition, existing Lampeya tokens only. */
.reviews-grid { columns: 3; column-gap: var(--lampeya-space-6); }
.review-card { break-inside: avoid; min-width: 0; overflow: hidden; margin-bottom: var(--lampeya-space-6); border: var(--lampeya-layout-border-width) solid var(--lampeya-website-border-subtle); border-radius: var(--lampeya-website-radius-lg); background: var(--lampeya-website-surface-page); box-shadow: var(--lampeya-shadow-subtle); }
.review-copy { padding: var(--lampeya-space-6); }
.review-copy:empty { display: none; }
.review-copy p { margin: 0 0 var(--lampeya-space-4); }
.review-copy > :last-child { margin-bottom: 0; }
.review-byline { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--lampeya-space-2); }
.review-author { font-weight: var(--lampeya-weight-strong); }
.review-track, .reviews-track { display: flex; gap: var(--lampeya-space-4); overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: thin; }
.review-track { align-items: flex-start; }
.review-slide { flex: 0 0 100%; min-width: 0; margin: 0; scroll-snap-align: start; }
.review-slide > a { display: block; }
.review-slide .lmp-media { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 0; }
.review-slide[data-presentation="screenshot"] .lmp-media, .review-slide video.lmp-media { object-fit: contain; background: var(--lampeya-website-surface-section); }
.review-slide[data-presentation="screenshot"] .lmp-media { padding: var(--lampeya-space-4); }
.review-slide figcaption, .review-slide details { padding: var(--lampeya-space-4); font-size: var(--lampeya-size-caption); }
.review-controls { display: flex; align-items: center; justify-content: center; gap: var(--lampeya-space-4); padding: var(--lampeya-space-3); }
.review-controls[hidden] { display: none; }
.review-controls .h-icon { border: var(--lampeya-layout-border-width) solid var(--lampeya-website-border-subtle); background: var(--lampeya-website-surface-page); color: var(--lampeya-website-accent-strong); border-radius: var(--lampeya-website-radius-pill); }
.review-controls .h-icon:disabled { color: var(--lampeya-website-text-secondary); cursor: default; }
.reviews-track { gap: var(--lampeya-space-6); align-items: flex-start; padding-bottom: var(--lampeya-space-2); }
.reviews-track > [data-review-slide] { flex: 0 0 calc((100% - 2 * var(--lampeya-space-6)) / 3); min-width: 0; scroll-snap-align: start; }
.reviews-track .review-card { margin-bottom: 0; }
.reviews-callout { display: flex; align-items: center; justify-content: space-between; gap: var(--lampeya-space-8); margin-block: var(--lampeya-space-12); padding: var(--lampeya-space-8); background: var(--lampeya-website-surface-muted); border-radius: var(--lampeya-website-radius-lg); }
.reviews-callout > div { min-width: 0; }
.reviews-callout .h-outline { flex-shrink: 0; }
.reviews-callout h2 { margin: 0 0 var(--lampeya-space-4); }
.reviews-callout p { margin: 0; }
@media (max-width: 1099px) {
 .reviews-grid { columns: 2; }
 .reviews-track > [data-review-slide] { flex-basis: calc((100% - var(--lampeya-space-6)) / 2); }
}
@media (max-width: 767px) {
 .reviews-grid { columns: 1; }
 .reviews-track > [data-review-slide] { flex-basis: calc(100% - var(--lampeya-space-8)); }
 .reviews-callout { flex-direction: column; align-items: stretch; padding: var(--lampeya-space-6); }
 .review-copy { padding: var(--lampeya-space-4); }
}

/* Source: /website/css/hero-split.css */
/* LMP-035-D: approved supplied split layout, adapted to canonical CMS/media. */

.hero.hero--split {
  background: var(--lampeya-website-hero-split-surface);
  color: var(--lampeya-website-hero-split-text);
  overflow: clip;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}

.hero.hero--split .hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  max-width: none;
  margin: 0;
  padding: 0;
  gap: 0;
}

.hero.hero--split .hero__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  min-width: 0;
  padding: var(--lampeya-space-10) var(--lampeya-space-4) var(--lampeya-space-12);
}

.hero.hero--split .hero__media {
  position: relative;
  display: grid;
  align-items: center;
  min-height: 0;
  overflow: hidden;
  border-radius: 0;
  background: var(--lampeya-website-hero-split-surface);
  min-width: 0;
}

.hero.hero--split .hero__eyebrow {
  margin: 0 0 var(--lampeya-space-5);
  font-family: var(--lampeya-font-ui);
  font-size: var(--lampeya-website-hero-split-measure-13px);
  line-height: 1.7;
  font-weight: var(--lampeya-weight-medium);
  letter-spacing: var(--lampeya-website-hero-split-measure-2em);
  text-transform: uppercase;
  color: var(--lampeya-website-hero-split-eyebrow);
}

.hero.hero--split .hero__title {
  margin: 0 0 var(--lampeya-space-6);
  font-family: var(--lampeya-font-display);
  font-weight: var(--lampeya-weight-regular);
  font-size: var(--lampeya-space-8);
  line-height: 1.08;
  letter-spacing: var(--lampeya-website-hero-split-measure-01em);
  text-transform: uppercase;
  text-wrap: balance;
  overflow-wrap: anywhere;
  hyphens: manual;
  color: var(--lampeya-website-hero-split-text);
}

.hero.hero--split .usp-list {
  display: flex;
  flex-direction: column;
  max-width: none;
  margin: 0 0 var(--lampeya-space-6);
  border-top: 0;
  border-bottom: var(--lampeya-layout-border-width) solid var(--lampeya-website-hero-split-divider);
}

.hero.hero--split .usp-tab {
  all: unset;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  min-height: var(--lampeya-layout-target-min);
  display: grid;
  grid-template-columns: var(--lampeya-space-12) minmax(0, 1fr);
  align-items: start;
  padding: var(--lampeya-space-4) 0;
  border-top: var(--lampeya-layout-border-width) solid var(--lampeya-website-hero-split-divider);
  cursor: pointer;
  color: var(--lampeya-website-hero-split-text-muted);
  -webkit-tap-highlight-color: transparent;
}

.hero.hero--split .usp-tab::before {
  content: "";
  position: absolute;
  inset: -1px 0 auto 0;
  height: var(--lampeya-layout-focus-width);
  background: var(--lampeya-website-hero-split-indicator);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform var(--lampeya-website-hero-split-measure-2s) var(--lampeya-website-hero-split-ease);
}
.hero.hero--split .usp-tab[aria-selected="true"]::before { transform: scaleX(1); }

.hero.hero--split .usp-num {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--lampeya-website-hero-split-measure-36px);
  height: var(--lampeya-website-hero-split-measure-26px);
  margin-top: var(--lampeya-layout-focus-width);
  padding: 0 var(--lampeya-space-2);
  box-sizing: border-box;
  border-radius: var(--lampeya-radius-full);
  font-family: var(--lampeya-font-mono);
  font-size: var(--lampeya-website-hero-split-measure-13px);
  font-weight: var(--lampeya-weight-medium);
  line-height: 1;
  color: var(--lampeya-website-hero-split-num);
  transition: background-color var(--lampeya-website-hero-split-measure-2s) var(--lampeya-website-hero-split-ease), color var(--lampeya-website-hero-split-measure-2s) var(--lampeya-website-hero-split-ease);
}

.hero.hero--split .usp-copy { display: block; min-width: 0; }

.hero.hero--split .usp-title {
  display: block;
  font-family: var(--lampeya-font-display);
  font-size: var(--lampeya-space-5);
  line-height: 1.3;
  color: var(--lampeya-website-hero-split-text-muted);
  text-decoration: none;
  transition: color var(--lampeya-website-hero-split-measure-2s) var(--lampeya-website-hero-split-ease);
}

.hero.hero--split .usp-text {
  display: none;
  margin-top: var(--lampeya-space-2);
  font-family: var(--lampeya-font-ui);
  font-size: var(--lampeya-website-hero-split-measure-14px);
  line-height: 1.5;
  color: var(--lampeya-website-hero-split-text-muted);
}

.hero.hero--split .usp-tab[aria-selected="true"] .usp-num {
  background: var(--lampeya-website-hero-split-num-active-bg);
  color: var(--lampeya-website-hero-split-num-active-fg);
}
.hero.hero--split .usp-tab[aria-selected="true"] .usp-title {
  color: var(--lampeya-website-hero-split-text);
  text-decoration: none;
}
.hero.hero--split .usp-tab[aria-selected="true"] .usp-text { display: block; }

@media (hover: hover) and (pointer: fine) {
  .hero.hero--split .usp-tab:hover .usp-title { color: var(--lampeya-website-hero-split-text); }
}

.hero.hero--split .usp-tab:focus-visible {
  outline: var(--lampeya-layout-focus-width) solid var(--lampeya-website-hero-split-focus);
  outline-offset: var(--lampeya-space-1);
  border-radius: var(--lampeya-website-hero-split-measure-6px);
}

.hero.hero--split .hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--lampeya-space-3);
}

.hero.hero--split .h-primary,
.hero.hero--split .h-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  min-height: var(--lampeya-space-12);
  padding: var(--lampeya-space-3) var(--lampeya-website-hero-split-measure-14px);
  box-sizing: border-box;
  border: var(--lampeya-layout-border-width) solid transparent;
  border-radius: var(--lampeya-radius-full);
  font-family: var(--lampeya-font-ui);
  font-size: var(--lampeya-website-hero-split-measure-15px);
  font-weight: var(--lampeya-weight-accent);
  line-height: 1.55;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color var(--lampeya-website-hero-split-measure-15s) var(--lampeya-website-hero-split-ease), border-color var(--lampeya-website-hero-split-measure-15s) var(--lampeya-website-hero-split-ease);
  -webkit-tap-highlight-color: transparent;
}

.hero.hero--split .h-primary { background: var(--lampeya-website-hero-split-primary-bg); color: var(--lampeya-website-hero-split-primary-fg); }
.hero.hero--split .h-outline { background: transparent; border-color: var(--lampeya-website-hero-split-secondary-border); color: var(--lampeya-website-hero-split-secondary-fg); }

@media (hover: hover) and (pointer: fine) {
  .hero.hero--split .h-primary:hover { background: var(--lampeya-website-hero-split-primary-hover); color: var(--lampeya-website-hero-split-primary-fg); }
  .hero.hero--split .h-outline:hover { background: var(--lampeya-website-hero-split-secondary-hover); color: var(--lampeya-website-hero-split-secondary-fg); }
}
.hero.hero--split .h-primary:active { background: var(--lampeya-website-hero-split-primary-press); color: var(--lampeya-website-hero-split-primary-fg); }
.hero.hero--split .h-outline:active { background: var(--lampeya-website-hero-split-secondary-hover); border-color: var(--lampeya-website-hero-split-secondary-fg); }

.hero.hero--split .h-primary:focus-visible,
.hero.hero--split .h-outline:focus-visible {
  outline: var(--lampeya-layout-focus-width) solid var(--lampeya-website-hero-split-focus);
  outline-offset: var(--lampeya-website-hero-split-measure-3px);
}

.hero.hero--split .hero-shot {
  grid-area: 1 / 1;
  position: relative;
  display: block;
  inset: auto;
  border-radius: 0;
  aspect-ratio: 3 / 4;
  width: 100%;
  background-color: var(--lampeya-website-hero-split-surface);

  background-size: cover;
  background-position: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--lampeya-website-hero-split-measure-2s) var(--lampeya-website-hero-split-ease), visibility var(--lampeya-website-hero-split-measure-0s) linear var(--lampeya-website-hero-split-measure-2s);
}

.hero.hero--split .hero-shot.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity var(--lampeya-website-hero-split-measure-2s) var(--lampeya-website-hero-split-ease), visibility var(--lampeya-website-hero-split-measure-0s);
}

.hero.hero--split .hero-shot picture { display: contents; }

.hero.hero--split .hero-shot > .lmp-media {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 0;
  opacity: 0;
  transition: opacity var(--lampeya-website-hero-split-measure-2s) var(--lampeya-website-hero-split-ease);
}
.hero.hero--split .hero-shot.is-loaded > .lmp-media { opacity: 1; }

.hero.hero--split:not(.is-enhanced) .hero-shot > .lmp-media { opacity: 1; }
.hero.hero--split:not(.is-enhanced) .usp-text { display: block; }

.hero.hero--split .hero-shot__fallback {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: var(--lampeya-website-hero-split-media-placeholder);
}
.hero.hero--split .hero-shot__fallback img { width: 38%; height: auto; opacity: 1; }
.hero.hero--split .hero-shot.is-error > picture,
.hero.hero--split .hero-shot.is-error > image-slot,
.hero.hero--split .hero-shot.is-error > .lmp-media { display: none; }
.hero.hero--split .hero-shot.is-error .hero-shot__fallback { display: flex; }

@media (max-width: 359.98px) {
  .hero.hero--split .hero__title { font-size: var(--lampeya-website-hero-split-measure-28px); }
  .hero.hero--split .usp-title { font-size: var(--lampeya-website-hero-split-measure-18px); }
  .hero.hero--split .hero__actions { flex-direction: column; }
  .hero.hero--split .h-primary,
  .hero.hero--split .h-outline { flex: none; width: 100%; white-space: normal; }
}

@media (min-width: 768px) {
  .hero.hero--split .hero__content { padding: var(--lampeya-space-14) var(--lampeya-space-8); }
  .hero.hero--split .hero__eyebrow { font-size: var(--lampeya-website-hero-split-measure-14-4px); margin-bottom: var(--lampeya-space-6); }
  .hero.hero--split .hero__title { font-size: var(--lampeya-layout-target-min); }
  .hero.hero--split .usp-tab { grid-template-columns: var(--lampeya-website-hero-split-measure-52px) minmax(0, 1fr); }
  .hero.hero--split .h-primary,
  .hero.hero--split .h-outline { flex: 0 0 auto; min-height: var(--lampeya-website-hero-split-measure-51px); padding: var(--lampeya-space-3) var(--lampeya-space-6); font-size: var(--lampeya-space-4); }
}

@media (min-width: 1024px) {
  .hero.hero--split .hero__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }
  .hero.hero--split .hero__content { padding: var(--lampeya-space-12) var(--lampeya-space-12) var(--lampeya-space-12) var(--lampeya-space-8); }

  .hero.hero--split .hero-shot::after {
    content: ""; position: absolute; inset: 0 auto 0 0; width: var(--lampeya-website-hero-split-seam);
    pointer-events: none; backdrop-filter: blur(var(--lampeya-website-hero-split-measure-3px)); -webkit-backdrop-filter: blur(var(--lampeya-website-hero-split-measure-3px));
    mask-image: linear-gradient(to right, currentColor, transparent);
    -webkit-mask-image: linear-gradient(to right, currentColor, transparent);
  }

  .hero.hero--split .hero-shot {
    -webkit-mask-image: linear-gradient(to right,
      rgba(0,0,0,0) 0,
      rgba(0,0,0,.18) calc(var(--lampeya-website-hero-split-seam) * .2),
      rgba(0,0,0,.55) calc(var(--lampeya-website-hero-split-seam) * .5),
      rgba(0,0,0,.88) calc(var(--lampeya-website-hero-split-seam) * .8),
      currentColor var(--lampeya-website-hero-split-seam));
            mask-image: linear-gradient(to right,
      rgba(0,0,0,0) 0,
      rgba(0,0,0,.18) calc(var(--lampeya-website-hero-split-seam) * .2),
      rgba(0,0,0,.55) calc(var(--lampeya-website-hero-split-seam) * .5),
      rgba(0,0,0,.88) calc(var(--lampeya-website-hero-split-seam) * .8),
      currentColor var(--lampeya-website-hero-split-seam));
  }

}

@media (min-width: 1200px) {

  .hero.hero--split .hero__content {
    padding: var(--lampeya-space-16) var(--lampeya-website-hero-split-measure-72px) var(--lampeya-space-16) max(var(--lampeya-space-8), calc(100% - var(--lampeya-website-hero-split-measure-600px)));
  }
  .hero.hero--split .hero__title { font-size: var(--lampeya-website-hero-split-measure-52px); }
  .hero.hero--split .usp-title { font-size: var(--lampeya-website-hero-split-measure-22px); }
}

@media (prefers-reduced-motion: reduce) {
  .hero.hero--split *,
  .hero.hero--split *::before { transition: none !important; }
}

@media (forced-colors: active) {
  .hero.hero--split .hero-shot { -webkit-mask-image: none; mask-image: none; }
  .hero.hero--split .usp-tab[aria-selected="true"] { outline: var(--lampeya-layout-focus-width) solid Highlight; outline-offset: var(--lampeya-layout-focus-width); }
  .hero.hero--split .usp-tab[aria-selected="true"] .usp-num { forced-color-adjust: none; background: Highlight; color: HighlightText; }
  .hero.hero--split .h-primary, .hero.hero--split .h-outline { border: var(--lampeya-layout-border-width) solid ButtonText; }
}