/* Approved Neon Couture composition. CMS controls content; this sheet controls geometry. */
.site-mode{--font-editorial:var(--font-display)}
/* Fade the silk artwork only; foreground photos, copy and controls stay opaque. */
.site-mode section.hero{--hero-edge-fade:clamp(20px,6vw,96px);background-image:none}
.site-mode section.hero::before{content:"";display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('/media/hero-silk-v10.webp');background-position:inherit;background-size:inherit;background-repeat:inherit;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--hero-edge-fade),#000 calc(100% - var(--hero-edge-fade)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--hero-edge-fade),#000 calc(100% - var(--hero-edge-fade)),transparent)}
@media(min-width:1440px){.site-mode section.hero::before{inset-inline:max(0px,calc((100% - 1440px)/2))}}
.site-mode .hero-principles>span{display:flex;align-items:center;gap:8px}
.site-mode .hero-principles svg{width:25px;height:28px;flex-shrink:0;color:#edc7df}
.site-mode .hero-principles .principle-label{padding:0;border:0;font:inherit;letter-spacing:inherit}
.site-mode .hero-line,.site-mode .hero-script,.site-mode .final-script,
.site-mode .story-overlay strong,.site-mode .brand-side>p,.site-mode .final-crown-copy p{white-space:normal}
.site-mode .hero-description{white-space:pre-line}
@media(min-width:901px){
 .site-mode .top{position:absolute;inset:0 0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"brand nav action locale";gap:16px;height:88px;min-height:0;padding:10px max(40px,calc((100vw - 1440px)/2 + 40px));background:linear-gradient(#080d22bd,#080d2210);box-shadow:none;border:0}
 .site-mode .top>.logo{grid-area:brand;min-width:0}
 .site-mode .top>.desktop-nav{grid-area:nav;justify-self:center;gap:18px}
 .site-mode .top>.header-action{grid-area:action;padding:10px 18px;gap:12px;font-size:10px;letter-spacing:.06em;min-height:44px}
 .site-mode .top>.language-switch{grid-area:locale;margin:0;justify-self:end}
 .site-mode .top .logo>span{font-size:40px}
 .site-mode .desktop-nav a{font-size:11px;letter-spacing:.02em}
 .site-mode .hero{height:clamp(475px,46.4vw,650px);min-height:0;background-image:url('/media/hero-silk-v10.webp');background-position:center;background-size:cover}
 .site-mode .hero-vignette{background:linear-gradient(90deg,#080d2225,transparent 52%),linear-gradient(0deg,#080d2255,transparent 22%)}
 .site-mode .hero-copy{left:max(64px,calc((100vw - 1440px)/2 + 64px));top:clamp(110px,10.7vw,154px);width:37%;max-width:530px}
 .site-mode .hero h1{font-size:clamp(90px,9.2vw,132px);font-weight:500;line-height:.84;letter-spacing:0}
 .site-mode .hero-line{font-size:clamp(28px,2.85vw,41px);line-height:.94;letter-spacing:.025em;margin:2px 0 10px}
 .site-mode .hero-description{font-size:clamp(13px,1.2vw,17px);line-height:1.4;width:100%;max-width:none;margin:0 0 12px}
 .site-mode .hero .neon-btn{min-height:44px;min-width:220px;padding:10px 20px;gap:16px;font-size:11px}
 .site-mode .hero-photo-wrap{left:42.5%;right:auto;width:28%;height:91%;bottom:-1px;filter:drop-shadow(0 6px 20px #080d2245)}
 .site-mode .hero-photo{object-fit:contain;object-position:center bottom}
 .site-mode .hero-principles{left:max(64px,calc((100vw - 1440px)/2 + 64px));bottom:22px;top:auto;width:35%;max-width:470px}
 .site-mode .hero-principles span{padding-right:14px;font-size:10px;line-height:1.35;letter-spacing:.04em}
 .site-mode .hero-principles span+span{padding-left:14px}
 .site-mode .hero-script{display:block;right:14%;top:46%;width:23%;font-size:clamp(34px,3.7vw,54px);line-height:1.17;transform:rotate(-13deg);text-align:center;z-index:2}
 .site-mode .hero-side{right:2.5%;width:9%;max-width:130px;font-size:11px;line-height:1.7;padding-left:10px}
 .site-mode .top-side{top:24%}.site-mode .bottom-side{top:67%;bottom:auto}
 .site-mode .hero-ornament{right:4.5%;top:50%;bottom:auto}
}
@media(min-width:901px) and (max-width:1100px){
 .site-mode .top{gap:12px;padding-inline:28px}
 .site-mode .top>.desktop-nav{gap:12px}
 .site-mode .top .logo>span{font-size:36px}
 .site-mode .desktop-nav a{font-size:10px}
 .site-mode .top>.header-action{padding-inline:12px;font-size:9px}
 .site-mode .language-switch a{min-width:29px;padding-inline:5px}
}
@media(min-width:768px) and (max-width:900px){
 .site-mode .hero{height:480px;min-height:0}
 .site-mode .hero-copy{top:36px;left:28px;width:42%}
 .site-mode .hero h1{font-size:80px}
 .site-mode .hero-line{font-size:26px;line-height:.94}
 .site-mode .hero-description{font-size:13px}
 .site-mode .hero-photo-wrap{left:45%;right:auto;width:33%;height:94%}
 .site-mode .hero-script{right:4%;top:43%;width:22%;font-size:28px}
 .site-mode .hero-side,.site-mode .hero-ornament{display:none}
 .site-mode .hero-principles{left:28px;width:44%;bottom:20px}
 .site-mode .hero-principles>span{padding-right:8px;font-size:9px;gap:6px}
 .site-mode .hero-principles>span+span{padding-left:8px}
 .site-mode .hero-principles svg{width:20px;height:24px}
}
@media(max-width:767px){
 .site-mode .hero{background-image:url('/media/hero-silk-v10.webp')}
 .site-mode .hero-line{white-space:normal;line-height:.98}
}
/* Stage 2: equal editorial cards; few real models remain centered rather than leaving an empty half-row. */
.site-mode .collection{padding-block:14px 20px}
.site-mode .collection-heading{gap:18px;margin-bottom:12px;flex-wrap:wrap}
.site-mode .collection-heading h2{font-size:clamp(29px,2.9vw,42px);white-space:normal}
.site-mode .collection-heading p{font-size:10px;letter-spacing:.23em;white-space:normal}
.site-mode .collection-tag{font-size:10px;letter-spacing:.08em}
.site-mode .model-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.site-mode .model-card--photo,.site-mode .model-card--placeholder{grid-column:auto}
.site-mode .model-card .model-art{height:clamp(245px,24vw,330px)!important}
.site-mode .model-caption{padding:35px 12px 12px}
.site-mode .model-caption h3{font-size:25px}
.site-mode .model-sub{font-size:12px;line-height:1.4}
.site-mode .model-number,.site-mode .model-brand{font-size:10px}
.site-mode .model-grid:not(:has(>.model-card:nth-child(3))){grid-template-columns:repeat(2,minmax(0,240px));justify-content:center}
.site-mode .features{padding:10px 16px;min-height:76px;margin:0 24px;border-radius:18px;box-shadow:inset 0 0 22px #b426bd22,0 0 14px #de27df25}
.site-mode .feature{gap:8px;min-width:0;min-height:54px;padding:0 6px;justify-content:center}
.site-mode .feature svg{width:34px;height:36px}
.site-mode .feature span{min-width:0;font-size:10px;line-height:1.6;letter-spacing:.06em;overflow-wrap:anywhere}
@media(min-width:621px) and (max-width:900px){
 .site-mode .model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .site-mode .features{grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:18px}
 .site-mode .feature{min-height:60px}
 .site-mode .feature:nth-child(3){border-right:0}
}
/* Stage 3: bounded image slots and content-dependent lower composition. */
.site-mode .brand-reference{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.55fr);gap:24px;min-height:0;padding-block:22px}
.site-mode .brand-reference:has(.brand-side-photo-empty){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.site-mode .brand-side:has(.brand-side-photo-empty){display:none}
.site-mode .brand-reference .story-media{height:clamp(230px,23vw,330px);min-height:0;align-self:center}
.site-mode .story-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 34%}
.site-mode .story-overlay{left:22px;bottom:18px}
.site-mode .story-overlay strong{font-size:clamp(22px,2.3vw,32px);line-height:1.05;letter-spacing:.04em}
.site-mode .brand-reference .story-copy h2{font-size:clamp(28px,2.65vw,38px);line-height:1.04;margin:7px 0 12px}
.site-mode .brand-reference .story-copy>p:not(.eyebrow){font-size:14px;line-height:1.65;margin:0}
.site-mode .brand-side{grid-column:auto;min-height:230px}
.site-mode .brand-side-photo{position:absolute;inset:0;width:100%;height:100%}
.site-mode .proof-section{gap:22px;padding-block:22px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,.95fr)}
.site-mode .proof-section:has(.review-card--empty){grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.site-mode .review-card--empty{display:none}
.site-mode .review-card{grid-column:auto}
.site-mode .consultation{grid-column:auto;min-height:0;padding:20px 24px}
.site-mode .consultation-mark{margin:0 0 8px}
.site-mode .consultation h3{font-size:28px}
.site-mode .consultation>p:not(.eyebrow){font-size:14px;line-height:1.6}
.site-mode .faq-column h2{font-size:30px}
.site-mode .faq-lead{font-size:13px;margin-bottom:10px}
.site-mode .faq summary{font-size:13px;min-height:44px}
.site-mode .faq>p{font-size:14px;line-height:1.6}
.site-mode .final-reference{grid-template-columns:minmax(0,.75fr) minmax(0,1.8fr) minmax(0,.6fr);gap:20px;height:auto;min-height:168px;padding:20px 40px;background:url('/media/final-silk.webp') center/cover no-repeat}
.site-mode .final-reference .final-script{display:block;font-size:clamp(32px,3.4vw,48px);line-height:1.1;transform:rotate(-12deg)}
.site-mode .final-reference .final-copy{width:100%;max-width:100%;padding:0}
.site-mode .final-reference .final-copy h2{font-size:clamp(26px,2.5vw,36px);line-height:1.05}
.site-mode .final-reference .final-copy>p:not(.eyebrow){font-size:12px;line-height:1.45;margin:8px 0 10px}
.site-mode .final-crown-copy{display:block;width:auto;max-width:160px}
.site-mode .final-crown-copy .crown{width:64px}
.site-mode .final-crown-copy p{font-size:10px;letter-spacing:.1em}
.site-mode .footer{min-height:112px;padding-block:20px}
@media(min-width:621px) and (max-width:900px){
 .site-mode .brand-reference{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .site-mode .brand-side{display:none}
 .site-mode .proof-section{grid-template-columns:1fr 1fr}
 .site-mode .proof-section:not(:has(.review-card--empty)) .review-card{grid-column:1/-1}
 .site-mode .final-reference{grid-template-columns:minmax(0,.65fr) minmax(0,1.5fr);padding-inline:24px}
 .site-mode .final-crown-copy{display:none}
}
@media(max-width:700px){
 .site-mode .brand-reference,.site-mode .brand-reference:has(.brand-side-photo-empty){grid-template-columns:1fr;gap:18px}
 .site-mode .brand-reference .story-media{height:265px;min-height:0}
 .site-mode .brand-reference .story-copy h2{font-size:32px}
 .site-mode .proof-section,.site-mode .proof-section:has(.review-card--empty){grid-template-columns:1fr;gap:18px}
 .site-mode .final-reference{grid-template-columns:1fr;gap:0;padding:24px 20px}
 .site-mode .final-reference .final-script,.site-mode .final-crown-copy{display:none}
 .site-mode .final-reference .final-copy{padding:0}
 .site-mode .final-reference .final-copy h2{font-size:32px}
}
@media(max-width:620px){
 .site-mode .model-grid,.site-mode .model-grid:not(:has(>.model-card:nth-child(3))){grid-template-columns:repeat(2,minmax(0,1fr))}
 .site-mode .model-card .model-art{height:clamp(245px,65vw,320px)!important}
 .site-mode .collection-heading{gap:10px}
 .site-mode .collection-heading h2{font-size:clamp(29px,6.6vw,39px)}
 .site-mode .model-caption{padding-inline:9px}
 .site-mode .model-caption h3{font-size:24px}
 .site-mode .features{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;margin-inline:12px}
 .site-mode .feature{padding:10px 8px;min-height:64px}
 .site-mode .feature:nth-child(even){border-right:0}
 .site-mode .feature span{font-size:11px;letter-spacing:0}
}
/* Catalog carousel: 3:4 media, native CSS buttons and pronounced cropped-edge fade without public JavaScript. */
.site-mode .model-card .model-art{aspect-ratio:3/4;height:auto!important}
.site-mode .model-card--photo .model-sub{display:none}
@media(min-width:901px){
 .site-mode .model-grid,
 .site-mode .model-grid:not(:has(>.model-card:nth-child(3))){
  display:grid;
  grid-template-columns:none;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 60px)/5.5);
  justify-content:start;
  gap:10px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:0;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:calc((100% - ((100% - 60px)/5.5))/2);
  scroll-behavior:smooth;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  anchor-name:--catalog-carousel;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.25) 3%,#000 9%,#000 91%,rgba(0,0,0,.25) 97%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.25) 3%,#000 9%,#000 91%,rgba(0,0,0,.25) 97%,transparent 100%);
 }
 .site-mode .model-grid::-webkit-scrollbar{display:none;width:0;height:0}
 .site-mode .model-card{scroll-snap-align:center;scroll-snap-stop:always;min-width:0}
 .site-mode .model-grid::scroll-button(*){
  position:absolute;
  position-anchor:--catalog-carousel;
  top:anchor(center);
  translate:0 -50%;
  z-index:20;
  width:44px;
  height:58px;
  border:1px solid #e087e5aa;
  border-radius:999px;
  background:linear-gradient(180deg,#171733e8,#0b0d20e8);
  color:#f3d8ef;
  box-shadow:0 0 18px #db3ae64a,inset 0 0 12px #cf49d22b;
  font:400 33px/1 var(--font-ui);
  cursor:pointer;
 }
 .site-mode .model-grid::scroll-button(*):hover,
 .site-mode .model-grid::scroll-button(*):focus-visible{border-color:#f0a4ee;color:#fff;box-shadow:0 0 24px #db3ae678,inset 0 0 14px #cf49d23d;outline:0}
 .site-mode .model-grid::scroll-button(*):disabled{opacity:.28;cursor:default;box-shadow:none}
 .site-mode .model-grid::scroll-button(left){content:"‹" / "Предыдущие модели";left:calc(anchor(left) + 12px)}
 .site-mode .model-grid::scroll-button(right){content:"›" / "Следующие модели";left:calc(anchor(right) - 56px)}
 .site-mode .model-grid:not(:has(>.model-card:nth-child(6))){
  display:flex;
  justify-content:center;
  overflow-x:hidden;
  -webkit-mask-image:none;
  mask-image:none;
 }
 .site-mode .model-grid:not(:has(>.model-card:nth-child(6)))>.model-card{width:calc((100% - 40px)/5);flex:0 0 auto}
 .site-mode .model-grid:not(:has(>.model-card:nth-child(6)))::scroll-button(*){display:none}
}
/* Approved generated feature-strip artwork. Displayed at double the previous 34x36 icon size. */
.site-mode .feature{position:relative}
.site-mode .feature>svg{display:none}
.site-mode .feature::before{content:"";width:68px;height:72px;flex:0 0 68px;background-position:center;background-repeat:no-repeat;background-size:contain}
.site-mode .feature:nth-child(1)::before{background-image:url('/media/feature-author.webp')}
.site-mode .feature:nth-child(2)::before{background-image:url('/media/feature-fit.webp')}
.site-mode .feature:nth-child(3)::before{background-image:url('/media/feature-design.webp')}
.site-mode .feature:nth-child(4)::before{background-image:url('/media/feature-detail.webp')}
.site-mode .feature:nth-child(5)::before{background-image:url('/media/feature-movement.webp')}
.site-mode .feature:nth-child(6)::before{background-image:url('/media/feature-measure.webp')}