:root {
  --ink: #153243;
  --ink-deep: #000f2b;
  --graphite: #32374b;
  --blue: #006fb9;
  --blue-strong: #005b98;
  --blue-bright: #6bc8ff;
  --ice: #f4f8fa;
  --paper: #ffffff;
  --line: #d6e3e8;
  --muted: #526b77;
  --shadow: 0 24px 60px rgba(12, 37, 51, .16);
  --shadow-soft: 0 14px 36px rgba(12, 37, 51, .1);
  --radius-card: 16px;
  --shell: min(1180px, calc(100% - 48px));
  --ease-premium: cubic-bezier(.22,1,.36,1);
  --motion-fast: 220ms;
  --motion-medium: 520ms;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--ice);
  color: var(--ink);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: inherit; }
img { display: block; max-width: 100%; }
[hidden] { display:none!important; }
::selection { background:var(--blue-bright); color:var(--ink-deep); }
html { scrollbar-color:var(--blue) var(--ink-deep); scrollbar-width:thin; }
::-webkit-scrollbar { width:11px; }
::-webkit-scrollbar-track { background:var(--ink-deep); }
::-webkit-scrollbar-thumb { border:3px solid var(--ink-deep); border-radius:999px; background:var(--blue); }
:where(a,button,input,textarea,select,summary):focus-visible { outline:3px solid var(--blue-bright); outline-offset:3px; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.page-view { display:none; min-height:100vh; }
.page-view:target { display:block; animation:view-in .38s var(--ease-premium) both; }
body:not(:has(.page-view:target)):not(:has(.deep-target:target)) #inicio { display:block; }
body:has(#producto-silcook-info:target) #producto-silcook,
body:has(#producto-arcos-info:target) #producto-arcos,
body:has(#producto-eka-info:target) #producto-eka,
body:has(#producto-ozti-info:target) #producto-ozti,
body:has(#producto-sirman-info:target) #producto-sirman,
body:has(#nota-funcion:target) #nota-abatidores,
body:has(#nota-beneficios:target) #nota-abatidores,
body:has(#nota-eleccion:target) #nota-abatidores { display:block; }
.deep-target { scroll-margin-top:120px; }
@keyframes view-in { from { opacity:.72; } to { opacity:1; } }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 100; padding: 12px 16px; background: var(--paper); border-radius: 8px; }
.skip-link:focus { top: 16px; }
.shell { width: var(--shell); margin-inline: auto; }

.site-header {
  position: fixed;
  inset: 18px 24px auto;
  z-index: 50;
  min-height: 72px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 26px;
  padding: 12px 14px 12px 18px;
  border: 1px solid rgba(255,255,255,.58);
  border-radius: 16px;
  background:linear-gradient(135deg,rgba(255,255,255,.91),rgba(242,249,253,.8));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 42px rgba(0,15,43,.16);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
  backdrop-filter:blur(22px) saturate(145%);
  transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .25s ease,background-color .25s ease;
  will-change:transform;
}
.site-header::before { content:""; position:absolute; top:1px; left:16%; right:16%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent); pointer-events:none; }
.site-header > * { position:relative; z-index:1; }
.site-header--hidden { opacity:0; transform:translateY(calc(-100% - 32px)); pointer-events:none; }
.brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; }
.brand__mark { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 12px; background: var(--ink); color: var(--blue-bright); font-weight: 800; font-size: .8rem; letter-spacing: -.03em; }
.brand__name { font-weight: 800; letter-spacing: -.04em; }
.desktop-nav { justify-self: center; display: flex; align-items: center; gap: clamp(18px,3vw,38px); }
.desktop-nav a { position: relative; font-size: .77rem; font-weight: 700; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }
.desktop-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-7px; height:2px; background:var(--blue); transition:right .2s ease; }
.desktop-nav a:hover::after, .desktop-nav a:focus-visible::after { right:0; }
.mobile-menu { display:none; position:relative; }
.mobile-menu summary { cursor:pointer; list-style:none; min-height:42px; display:grid; place-items:center; padding:0 16px; border-radius:999px; background:var(--ink); color:var(--paper); font-size:.75rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.mobile-menu summary::-webkit-details-marker { display:none; }
.mobile-menu nav { position:absolute; top:53px; right:0; width:min(280px,calc(100vw - 32px)); display:grid; padding:10px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); box-shadow:var(--shadow); }
.mobile-menu nav a { padding:11px 13px; border-radius:10px; font-size:.82rem; font-weight:700; text-decoration:none; }
.mobile-menu nav a:hover { background:var(--ice); }
.header-cta, .button { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:48px; padding:10px 11px 10px 20px; border:1px solid transparent; border-radius:999px; font-family:inherit; font-size:.76rem; font-weight:800; letter-spacing:.055em; line-height:1.2; text-decoration:none; text-transform:uppercase; transition:transform .2s cubic-bezier(.22,1,.36,1),background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease; }
.header-cta span, .button span { width:28px; height:28px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; font-size:1rem; line-height:1; transition:transform .2s cubic-bezier(.22,1,.36,1); }
.header-cta span, .button span, .brand-card__action i, .product-card i, .circle-link { font-size:0; }
.header-cta span::before, .button span::before, .brand-card__action i::before, .product-card i::before, .circle-link::before { content:""; width:13px; height:13px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9M8.5 4.5 12 8l-3.5 3.5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9M8.5 4.5 12 8l-3.5 3.5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; }
.header-cta { background:var(--ink); color:var(--paper); box-shadow:0 8px 20px rgba(0,15,43,.18); }
.header-cta span { background:var(--blue-bright); color:var(--ink-deep); }
.header-cta:hover { background:var(--ink-deep); color:var(--paper); transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,15,43,.24); }
.header-cta:hover span, .button:hover span { transform:translateX(2px); }

.home-hero { position:relative; min-height:780px; display:flex; align-items:flex-end; isolation:isolate; overflow:hidden; background: linear-gradient(90deg, rgba(0,15,43,.96), rgba(0,15,43,.66) 52%, rgba(0,15,43,.18)), url('assets/hero-via-cheff.webp') center/cover no-repeat; color:var(--paper); }
.home-hero__wash { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(107,200,255,.055),transparent 58%); }
.home-hero__content { padding: 190px 0 120px; }
.eyebrow { margin:0 0 20px; display:flex; align-items:center; gap:12px; color:var(--blue); font-size:.78rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.eyebrow::before { content:""; width:38px; height:2px; background:currentColor; }
.eyebrow--light { color:var(--blue-bright); }
.home-hero h1 { max-width:890px; margin:0 0 24px; font-size:clamp(4.2rem,8vw,6rem); font-weight:700; letter-spacing:-.04em; line-height:.86; text-transform:uppercase; }
.hero-context,.brand-context,.product-meta { color:var(--blue); font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.home-hero .hero-context { margin:0 0 10px; color:var(--blue-bright); }
.hero-copy { max-width:650px; margin:0 0 34px; color:rgba(255,255,255,.82); font-size:clamp(1rem,1.5vw,1.28rem); }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }
.button--light { border-color:rgba(255,255,255,.72); background:var(--paper); color:var(--ink); box-shadow:0 10px 28px rgba(0,15,43,.18); }
.button--light span { background:var(--ink); color:var(--paper); }
.button--light:hover { border-color:var(--blue-bright); background:var(--blue-bright); color:var(--ink-deep); transform:translateY(-2px); }
.text-link { display:inline-flex; align-items:center; min-height:38px; color:var(--ink); font-size:.77rem; font-weight:800; letter-spacing:.055em; text-decoration-color:currentColor; text-decoration-thickness:1px; text-underline-offset:6px; text-transform:uppercase; transition:color .18s ease,text-decoration-color .18s ease; }
.text-link:hover { color:var(--blue-strong); text-decoration-thickness:2px; }
.text-link--light { color:var(--paper); text-decoration-color:rgba(255,255,255,.65); }
.text-link--light:hover { color:var(--blue-bright); text-decoration-color:currentColor; }
.hero-index { position:absolute; right:24px; bottom:24px; display:grid; grid-template-columns:repeat(3,1fr); max-width:720px; border:1px solid rgba(255,255,255,.18); border-radius:16px; background:rgba(0,15,43,.56); backdrop-filter:blur(14px); }
.hero-index span { padding:15px 18px; color:rgba(255,255,255,.76); font-size:.75rem; font-weight:600; }
.hero-index span + span { border-left:1px solid rgba(255,255,255,.15); }
.hero-index b { margin-right:8px; color:var(--blue-bright); }

.brand-showcase { padding-block:110px 126px; }
.section-heading { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:64px; align-items:end; margin-bottom:48px; }
.section-heading h2 { max-width:760px; margin:0; font-size:clamp(2.5rem,5vw,4.7rem); letter-spacing:-.04em; line-height:.98; }
.section-heading > p { margin:0; color:var(--muted); }
.brand-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.brand-card { position:relative; min-height:440px; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; padding:26px; border-radius:var(--radius-card); background:linear-gradient(180deg,rgba(0,15,43,.02),rgba(0,15,43,.92)),var(--card-image) center/cover no-repeat; color:var(--paper); box-shadow:var(--shadow-soft); text-decoration:none; transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease; }
.brand-card--wide { grid-column:1/-1; min-height:380px; padding-right:52%; background:linear-gradient(90deg,rgba(0,15,43,.98) 0%,rgba(0,15,43,.9) 38%,rgba(0,15,43,.18) 74%,rgba(0,15,43,.7) 100%),var(--card-image) 72% center/auto 140% no-repeat,#eef1f4; }
.brand-card:hover { transform:translateY(-7px); box-shadow:var(--shadow); }
.brand-card:focus-visible, .button:focus-visible, .header-cta:focus-visible, .desktop-nav a:focus-visible { outline:3px solid var(--blue-bright); outline-offset:4px; }
.brand-card__number { position:absolute; top:24px; left:26px; color:rgba(255,255,255,.76); font-size:.75rem; font-weight:800; letter-spacing:.18em; }
.brand-card__meta { margin-bottom:4px; color:var(--blue-bright); font-size:.75rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.brand-card h3 { margin:0 0 18px; font-size:clamp(2.15rem,4vw,4rem); letter-spacing:-.04em; line-height:1; }
.brand-card__action { display:flex; align-items:center; justify-content:space-between; padding-top:16px; border-top:1px solid rgba(255,255,255,.3); font-size:.75rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.brand-card__action i { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:var(--blue-bright); color:var(--ink-deep); font-size:0; font-style:normal; transition:transform .2s cubic-bezier(.22,1,.36,1); }
.brand-card:hover .brand-card__action i { transform:translateX(3px); }

.home-proof { padding-block:88px; background:var(--ink); color:var(--paper); }
.home-proof__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.home-proof article { min-height:292px; display:flex; flex-direction:column; padding:30px; border:1px solid rgba(255,255,255,.13); border-radius:var(--radius-card); }
.home-proof__lead { grid-column:1/-1; min-height:220px!important; display:grid!important; grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr); align-items:end; gap:clamp(42px,8vw,120px); padding:38px 40px!important; background:var(--graphite); }
.home-proof article:not(.home-proof__lead) { background:rgba(255,255,255,.045); }
.home-proof span { color:var(--blue-bright); font-size:.78rem; font-weight:800; letter-spacing:.15em; }
.home-proof h2 { max-width:900px; margin:0; font-size:clamp(2.7rem,4.9vw,5rem); letter-spacing:-.04em; line-height:.94; }
.home-proof h3 { margin:0 0 9px; font-size:1.12rem; }
.home-proof p { margin:0; color:rgba(255,255,255,.68); font-size:.91rem; }
.home-proof__lead .eyebrow { margin-bottom:18px; }
.home-proof__lead .home-proof__intro { max-width:390px; padding-bottom:4px; font-size:1rem; line-height:1.65; }
.home-proof__step { position:relative; overflow:hidden; justify-content:flex-start; }
.home-proof__step::before { content:""; position:absolute; top:0; left:30px; width:56px; height:2px; background:var(--blue-bright); }
.home-proof__step strong { margin-top:38px; color:rgba(255,255,255,.11); font-size:clamp(2.4rem,3.5vw,4rem); font-weight:800; letter-spacing:-.04em; line-height:.9; text-transform:uppercase; white-space:nowrap; }
.home-proof__step > div { margin-top:auto; }

.home-editorial { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr); gap:clamp(36px,7vw,100px); align-items:center; padding-block:120px; }
.home-editorial__image { position:relative; overflow:hidden; min-height:560px; border-radius:var(--radius-card); }
.home-editorial__image::after { content:""; position:absolute; inset:auto 0 0; height:45%; background:linear-gradient(transparent,rgba(0,15,43,.62)); }
.home-editorial__image img { width:100%; height:100%; min-height:560px; object-fit:cover; }
.home-editorial__image span { position:absolute; left:28px; bottom:24px; z-index:1; color:var(--paper); font-size:.76rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.home-editorial__copy h2 { margin:0 0 24px; font-size:clamp(2.6rem,5.2vw,5.2rem); letter-spacing:-.04em; line-height:.95; }
.home-editorial__copy > p:not(.eyebrow) { margin:0 0 30px; color:var(--muted); font-size:1.06rem; }
.button--dark { border-color:var(--ink); background:var(--ink); color:var(--paper); box-shadow:0 10px 24px rgba(0,15,43,.16); }
.button--dark span { background:var(--blue-bright); color:var(--ink-deep); }
.button--dark:hover { border-color:var(--ink-deep); background:var(--ink-deep); color:var(--paper); transform:translateY(-2px); box-shadow:0 14px 30px rgba(0,15,43,.24); }

.home-distributors { position:relative; overflow:hidden; padding-block:110px 120px; background:linear-gradient(145deg,var(--ink) 0%,var(--ink-deep) 100%); color:var(--paper); }
.home-distributors::before { content:""; position:absolute; top:-220px; right:-180px; width:620px; height:620px; border:1px solid rgba(101,186,248,.16); border-radius:50%; box-shadow:0 0 0 90px rgba(101,186,248,.025),0 0 0 180px rgba(101,186,248,.018); pointer-events:none; }
.home-distributors__heading { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:60px; align-items:end; margin-bottom:44px; }
.home-distributors__heading h2 { max-width:820px; margin:0; font-size:clamp(2.8rem,5.4vw,5.6rem); letter-spacing:-.04em; line-height:.94; }
.home-distributors__count { min-width:230px; display:flex; align-items:flex-end; gap:14px; padding:20px 0 5px 24px; border-left:1px solid rgba(255,255,255,.2); }
.home-distributors__count strong { color:var(--blue-bright); font-size:clamp(3.8rem,6vw,6rem); letter-spacing:-.04em; line-height:.72; }
.home-distributors__count span { color:rgba(255,255,255,.68); font-size:.78rem; font-weight:700; letter-spacing:.08em; line-height:1.45; text-transform:uppercase; }
.distributor-map { position:relative; overflow:hidden; padding:8px; border-radius:var(--radius-card); background:rgba(255,255,255,.09); box-shadow:0 28px 70px rgba(0,15,43,.34); }
.distributor-map__bar { min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 16px 0 12px; color:rgba(255,255,255,.67); font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.distributor-map__bar span:first-child { display:flex; align-items:center; gap:9px; color:var(--paper); }
.distributor-map__bar i { width:8px; height:8px; border-radius:50%; background:var(--blue-bright); box-shadow:0 0 0 5px rgba(101,186,248,.13); }
.distributor-explorer { height:680px; overflow:hidden; display:grid; grid-template-columns:350px minmax(0,1fr); border-radius:12px; background:var(--paper); color:var(--ink); }
.distributor-panel { min-width:0; overflow:hidden; display:flex; flex-direction:column; padding:24px 18px 18px; border-right:1px solid var(--line); background:var(--paper); }
.distributor-search { display:grid; gap:8px; color:var(--ink); font-size:.76rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.distributor-search__field { min-height:48px; display:flex; align-items:center; gap:10px; padding:0 14px; border:1px solid var(--line); border-radius:12px; background:var(--ice); transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease; }
.distributor-search__field:focus-within { border-color:var(--blue); background:var(--paper); box-shadow:0 0 0 3px rgba(0,111,185,.14); }
.distributor-search svg { width:18px; flex:0 0 auto; fill:none; stroke:var(--blue-strong); stroke-width:1.8; stroke-linecap:round; }
.distributor-search input { min-width:0; width:100%; height:46px; padding:0; border:0; outline:0; background:transparent; color:var(--ink); font:inherit; font-size:.88rem; font-weight:600; letter-spacing:0; text-transform:none; }
.distributor-search input::placeholder { color:#6c808a; opacity:1; }
.distributor-summary { display:flex; align-items:baseline; gap:8px; margin:18px 2px 10px; color:var(--muted); font-size:.76rem; }
.distributor-summary strong { color:var(--blue-strong); font-size:1rem; font-variant-numeric:tabular-nums; }
.distributor-list { min-height:0; overflow:auto; display:grid; align-content:start; gap:6px; padding:2px 6px 2px 2px; scrollbar-color:var(--line) transparent; }
.distributor-list__item { display:grid; grid-template-columns:minmax(0,1fr) 38px; align-items:center; border-radius:12px; transition:background-color .18s ease; }
.distributor-list__item:hover,.distributor-list__item.is-active { background:var(--ice); }
.distributor-list__item.is-active { box-shadow:inset 3px 0 0 var(--blue); }
.distributor-list__select { min-width:0; display:grid; gap:3px; padding:12px 10px; border:0; background:transparent; color:var(--ink); font:inherit; text-align:left; cursor:pointer; }
.distributor-list__select strong { overflow:hidden; font-size:.82rem; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.distributor-list__select span { overflow:hidden; color:var(--muted); font-size:.73rem; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.distributor-list__route { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; color:var(--blue-strong); text-decoration:none; }
.distributor-list__route:hover { background:var(--ink); color:var(--paper); }
.distributor-list__route svg { width:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.distributor-stage { min-width:0; display:grid; grid-template-rows:54px minmax(0,1fr); background:#eaf3f7; }
.distributor-stage__toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 16px 0 20px; border-bottom:1px solid rgba(21,50,67,.1); background:rgba(255,255,255,.76); color:var(--muted); font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.distributor-zoom { display:flex; gap:5px; }
.distributor-zoom button { width:34px; height:34px; display:grid; place-items:center; padding:0; border:1px solid var(--line); border-radius:10px; background:var(--paper); color:var(--ink); cursor:pointer; }
.distributor-zoom button:hover { border-color:var(--ink); background:var(--ink); color:var(--paper); }
.distributor-zoom button:disabled { cursor:not-allowed; opacity:.38; }
.distributor-zoom svg { width:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.distributor-viewport { position:relative; min-height:0; overflow:hidden; isolation:isolate; background-color:#eaf3f7; background-image:linear-gradient(rgba(21,50,67,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(21,50,67,.055) 1px,transparent 1px); background-size:48px 48px; }
.distributor-geography { position:absolute; inset:18px 18px 18px 48px; transform:scale(var(--map-zoom,1)); transform-origin:58% 52%; transition:transform .3s cubic-bezier(.22,1,.36,1); }
.argentina-outline { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.argentina-outline path { fill:rgba(255,255,255,.84); stroke:rgba(21,50,67,.22); stroke-width:1.5; vector-effect:non-scaling-stroke; filter:drop-shadow(0 18px 24px rgba(21,50,67,.1)); }
.distributor-markers { position:absolute; inset:0; }
.distributor-marker { position:absolute; left:var(--x); top:var(--y); width:18px; height:18px; padding:0; border:3px solid var(--paper); border-radius:50%; background:var(--blue); box-shadow:0 5px 12px rgba(0,15,43,.25); transform:translate(-50%,-50%); cursor:pointer; transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .18s ease,box-shadow .18s ease; }
.distributor-marker:hover,.distributor-marker:focus-visible,.distributor-marker.is-active { z-index:2; background:var(--ink-deep); box-shadow:0 8px 18px rgba(0,15,43,.3); transform:translate(-50%,-50%) scale(1.38); }
.distributor-marker--central { background:var(--ink-deep); }
.distributor-detail { position:absolute; left:22px; bottom:22px; z-index:4; width:min(330px,calc(100% - 44px)); padding:18px 20px; border-radius:14px; background:var(--ink-deep); color:var(--paper); box-shadow:0 18px 42px rgba(0,15,43,.26); }
.distributor-detail small { display:block; margin-bottom:5px; color:var(--blue-bright); font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.distributor-detail h3 { margin:0 0 6px; font-size:1.08rem; letter-spacing:-.02em; line-height:1.3; }
.distributor-detail p { margin:0; color:rgba(255,255,255,.74); font-size:.76rem; line-height:1.5; }
.distributor-detail a { display:inline-flex; margin-top:12px; color:var(--paper); font-size:.72rem; font-weight:800; letter-spacing:.06em; text-underline-offset:5px; text-transform:uppercase; }
.distributor-detail a:hover { color:var(--blue-bright); }
.distributor-legend { position:absolute; right:18px; bottom:18px; z-index:3; display:flex; align-items:center; gap:8px; padding:8px 11px; border-radius:999px; background:rgba(255,255,255,.88); color:var(--muted); font-size:.68rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.distributor-legend span { width:9px; height:9px; border:2px solid var(--paper); border-radius:50%; background:var(--blue); box-shadow:0 0 0 1px var(--blue); }
.distributor-empty { margin:28px 10px; color:var(--muted); font-size:.84rem; line-height:1.55; }
.home-distributors__footer { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-top:26px; }
.home-distributors__footer p { max-width:670px; margin:0; color:rgba(255,255,255,.66); }
.home-distributors__footer .text-link { flex:0 0 auto; }

/* Shared inner-page structures */
.page-hero { min-height:640px; display:flex; align-items:flex-end; padding:190px 0 88px; color:var(--paper); background:var(--ink-deep); }
.page-hero--brands { background:linear-gradient(90deg,rgba(0,15,43,.96),rgba(0,15,43,.55)),url('assets/hero-asesoramiento.webp') center/cover; }
.page-hero--compact { min-height:520px; background:linear-gradient(120deg,var(--ink-deep),var(--graphite)); }
.page-hero--notes { background:linear-gradient(90deg,rgba(0,15,43,.94),rgba(0,15,43,.33)),url('assets/hero-cocinas.webp') center/cover; }
.page-hero h1 { max-width:1020px; margin:0 0 24px; font-size:clamp(3.8rem,7vw,6rem); letter-spacing:-.04em; line-height:.9; text-transform:uppercase; }
.page-hero > .shell > p:last-child { max-width:720px; margin:0; color:rgba(255,255,255,.76); font-size:1.08rem; }

.brand-directory { padding-block:96px 130px; }
.brand-row { position:relative; display:grid; grid-template-columns:64px minmax(0,1.25fr) minmax(260px,.75fr) 54px; gap:30px; align-items:center; padding:28px 0; border-bottom:1px solid var(--line); }
.brand-row__index { align-self:start; color:var(--blue); font-size:.8rem; font-weight:800; letter-spacing:.16em; }
.brand-row h2 { max-width:700px; margin:0 0 14px; font-size:clamp(2rem,4vw,4.2rem); letter-spacing:-.04em; line-height:1; }
.brand-row p:not(.eyebrow) { max-width:660px; margin:0; color:var(--muted); }
.brand-row img { width:100%; height:240px; object-fit:contain; padding:18px; border-radius:var(--radius-card); background:var(--paper); }
.circle-link { width:52px; height:52px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; color:var(--blue); font-size:0; text-decoration:none; transition:.2s ease; }
.circle-link:hover { border-color:var(--blue); background:var(--blue); color:var(--paper); transform:rotate(-30deg); }

/* Catalog */
.catalog-layout { display:grid; grid-template-columns:minmax(250px,.34fr) minmax(0,1fr); gap:60px; align-items:start; padding-block:90px 130px; }
.catalog-intro { position:sticky; top:116px; }
.catalog-intro h2 { margin:0 0 20px; font-size:clamp(2.2rem,4vw,3.8rem); letter-spacing:-.04em; line-height:1; }
.catalog-intro > p:last-child { color:var(--muted); }
.filter-bar { min-width:0; margin:0; padding:0; border:0; display:flex; flex-wrap:wrap; gap:9px; }
.filter-bar > input { position:absolute; opacity:0; pointer-events:none; }
.filter-bar > label { cursor:pointer; padding:9px 14px; border:1px solid var(--line); border-radius:999px; background:var(--paper); color:var(--ink); font-size:.78rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.filter-bar > input:focus-visible + label { outline:3px solid rgba(101,186,248,.5); outline-offset:3px; }
#filter-all:checked + label,#filter-silcook:checked + label,#filter-arcos:checked + label,#filter-eka:checked + label,#filter-ozti:checked + label,#filter-sirman:checked + label { border-color:var(--ink); background:var(--ink); color:var(--paper); }
.catalog-grid { flex:0 0 100%; width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:18px; }
#filter-silcook:checked ~ .catalog-grid .product-card:not(.brand-silcook),
#filter-arcos:checked ~ .catalog-grid .product-card:not(.brand-arcos),
#filter-eka:checked ~ .catalog-grid .product-card:not(.brand-eka),
#filter-ozti:checked ~ .catalog-grid .product-card:not(.brand-ozti),
#filter-sirman:checked ~ .catalog-grid .product-card:not(.brand-sirman) { display:none; }
.product-card { min-width:0; overflow:hidden; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); text-decoration:none; transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,border-color .22s ease; }
.product-card:hover { border-color:transparent; transform:translateY(-6px); box-shadow:var(--shadow); }
.product-card__image { position:relative; aspect-ratio:1/1; padding:26px; background:#eef5f7; }
.product-card__image img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.product-card__image span { position:absolute; left:18px; top:18px; padding:6px 10px; border-radius:999px; background:var(--ink); color:var(--paper); font-size:.75rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.product-card__body { flex:1; display:flex; flex-direction:column; padding:24px; }
.product-card small { color:var(--blue); font-size:.77rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.product-card h3 { margin:12px 0; font-size:clamp(1.35rem,2.2vw,2rem); letter-spacing:-.04em; line-height:1.08; }
.product-card p { margin:0 0 24px; color:var(--muted); font-size:.91rem; }
.product-card b { display:flex; justify-content:space-between; margin-top:auto; padding-top:16px; border-top:1px solid var(--line); font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; }
.product-card i { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:var(--ice); color:var(--blue-strong); font-size:0; font-style:normal; transition:background-color .18s ease,color .18s ease,transform .18s ease; }
.product-card:hover i { background:var(--ink); color:var(--paper); transform:translateX(2px); }

/* Sub-brand catalogs */
.brand-catalog-view { background:var(--ice); }
.brand-catalog-hero { min-height:520px; display:flex; align-items:flex-end; overflow:hidden; background:linear-gradient(118deg,var(--ink-deep),var(--graphite)); color:var(--paper); }
.brand-catalog-hero__grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:70px; align-items:end; padding-block:142px 62px; }
.brand-catalog-hero .breadcrumb { margin-bottom:36px; }
.brand-catalog-hero h1 { margin:0 0 20px; font-size:clamp(4.5rem,8vw,6rem); letter-spacing:-.04em; line-height:.82; text-transform:uppercase; }
.brand-catalog-hero p:last-child { max-width:680px; margin:0; color:rgba(255,255,255,.72); font-size:1.05rem; }
.brand-catalog-hero .brand-context { margin:0 0 8px; color:var(--blue-bright); }
.brand-catalog-hero__visual { position:relative; min-height:310px; display:grid; place-items:center; padding:34px; border-radius:var(--radius-card); background:rgba(255,255,255,.96); box-shadow:0 28px 70px rgba(0,0,0,.18); }
.brand-catalog-hero__visual::before { content:""; position:absolute; inset:16px; border:1px solid var(--line); border-radius:12px; }
.brand-catalog-hero__visual img { position:relative; width:100%; max-height:245px; object-fit:contain; mix-blend-mode:multiply; }
.brand-catalog-hero__visual > span { position:absolute; right:20px; top:15px; z-index:1; color:var(--blue); font-size:.78rem; font-weight:800; letter-spacing:.16em; }
#marca-arcos .brand-catalog-hero { background:linear-gradient(118deg,#071726,#31414a); }
#marca-eka .brand-catalog-hero { background:linear-gradient(118deg,#00172d,#234a60); }
#marca-ozti .brand-catalog-hero { background:linear-gradient(118deg,#0a2231,#3b414c); }
#marca-ozti .brand-catalog-hero h1 { font-size:clamp(3.4rem,4.8vw,5.4rem); letter-spacing:-.04em; line-height:.9; white-space:nowrap; }
#marca-sirman .brand-catalog-hero { background:linear-gradient(118deg,#001025,#294558); }

.brand-shop { position:relative; display:grid; grid-template-columns:260px minmax(0,1fr); gap:42px; align-items:start; padding-block:74px 128px; }
.brand-filter-input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.brand-filter-panel { position:sticky; top:112px; padding:28px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); }
.back-link { display:inline-block; margin-bottom:30px; color:var(--muted); font-size:.75rem; font-weight:700; text-underline-offset:4px; text-transform:uppercase; }
.brand-filter-panel .eyebrow { margin-bottom:10px; font-size:.7rem; }
.brand-filter-panel .eyebrow::before { width:24px; }
.brand-filter-panel h2 { margin:0 0 28px; font-size:2rem; letter-spacing:-.04em; line-height:1; }
.brand-filter-panel fieldset { min-width:0; margin:0; padding:22px 0 0; border:0; border-top:1px solid var(--line); }
.brand-filter-panel fieldset + fieldset { margin-top:22px; }
.brand-filter-panel legend { margin-bottom:12px; color:var(--ink); font-size:.75rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.brand-filter-panel label { cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:42px; padding:8px 10px; border-radius:10px; color:var(--muted); font-size:.82rem; font-weight:600; transition:.18s ease; }
.brand-filter-panel label:hover { background:var(--ice); color:var(--ink); }
.brand-filter-panel label b { display:grid; place-items:center; min-width:29px; height:24px; padding-inline:7px; border-radius:999px; background:var(--ice); color:var(--muted); font-size:.68rem; }
.brand-filter-input:focus-visible ~ .brand-filter-panel { outline:3px solid rgba(101,186,248,.5); outline-offset:4px; }

#sil-linea-todas:checked ~ .brand-filter-panel label[for="sil-linea-todas"],
#sil-linea-bazar:checked ~ .brand-filter-panel label[for="sil-linea-bazar"],
#sil-linea-industrial:checked ~ .brand-filter-panel label[for="sil-linea-industrial"],
#sil-cat-todas:checked ~ .brand-filter-panel label[for="sil-cat-todas"],
#sil-cat-preparacion:checked ~ .brand-filter-panel label[for="sil-cat-preparacion"],
#sil-cat-coccion:checked ~ .brand-filter-panel label[for="sil-cat-coccion"],
#sil-cat-medicion:checked ~ .brand-filter-panel label[for="sil-cat-medicion"],
#arcos-todas:checked ~ .brand-filter-panel label[for="arcos-todas"],
#arcos-diarios:checked ~ .brand-filter-panel label[for="arcos-diarios"],
#arcos-riviera:checked ~ .brand-filter-panel label[for="arcos-riviera"],
#arcos-2900:checked ~ .brand-filter-panel label[for="arcos-2900"],
#arcos-chairas:checked ~ .brand-filter-panel label[for="arcos-chairas"],
#eka-todas:checked ~ .brand-filter-panel label[for="eka-todas"],
#eka-convector:checked ~ .brand-filter-panel label[for="eka-convector"],
#eka-combi:checked ~ .brand-filter-panel label[for="eka-combi"],
#ozti-todas:checked ~ .brand-filter-panel label[for="ozti-todas"],
#ozti-ollas:checked ~ .brand-filter-panel label[for="ozti-ollas"],
#ozti-lavado:checked ~ .brand-filter-panel label[for="ozti-lavado"],
#ozti-gastronorm:checked ~ .brand-filter-panel label[for="ozti-gastronorm"],
#sirman-todas:checked ~ .brand-filter-panel label[for="sirman-todas"],
#sirman-mixer:checked ~ .brand-filter-panel label[for="sirman-mixer"] { background:var(--ink); color:var(--paper); }
#sil-linea-todas:checked ~ .brand-filter-panel label[for="sil-linea-todas"] b,
#sil-linea-bazar:checked ~ .brand-filter-panel label[for="sil-linea-bazar"] b,
#sil-linea-industrial:checked ~ .brand-filter-panel label[for="sil-linea-industrial"] b,
#sil-cat-todas:checked ~ .brand-filter-panel label[for="sil-cat-todas"] b,
#sil-cat-preparacion:checked ~ .brand-filter-panel label[for="sil-cat-preparacion"] b,
#sil-cat-coccion:checked ~ .brand-filter-panel label[for="sil-cat-coccion"] b,
#sil-cat-medicion:checked ~ .brand-filter-panel label[for="sil-cat-medicion"] b,
.brand-shop:not(.brand-shop--silcook) .brand-filter-panel label:has(+ *) b { color:inherit; }

.brand-shop__results { min-width:0; }
.catalog-toolbar { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:18px; padding:14px 18px; border:1px solid var(--line); border-radius:16px; background:var(--paper); }
.catalog-toolbar p { display:grid; margin:0; }
.catalog-toolbar p b { font-size:.88rem; }
.catalog-toolbar p span { color:var(--muted); font-size:.75rem; }
.catalog-toolbar label { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:.75rem; font-weight:700; }
.catalog-toolbar select { min-height:40px; padding:7px 34px 7px 12px; border:1px solid var(--line); border-radius:10px; background:var(--ice); color:var(--ink); font:inherit; }
.brand-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.brand-product-grid .product-card h3 { font-size:clamp(1.2rem,1.6vw,1.58rem); }
.brand-product-grid .product-card__image { padding:22px; }
.brand-product-grid .product-card__body { padding:21px; }

#sil-linea-bazar:checked ~ .brand-shop__results .product-card:not(.line-bazar),
#sil-linea-industrial:checked ~ .brand-shop__results .product-card:not(.line-industrial),
#sil-cat-preparacion:checked ~ .brand-shop__results .product-card:not(.cat-preparacion),
#sil-cat-coccion:checked ~ .brand-shop__results .product-card:not(.cat-coccion),
#sil-cat-medicion:checked ~ .brand-shop__results .product-card:not(.cat-medicion),
#arcos-diarios:checked ~ .brand-shop__results .product-card:not(.cat-diarios),
#arcos-riviera:checked ~ .brand-shop__results .product-card:not(.cat-riviera),
#arcos-2900:checked ~ .brand-shop__results .product-card:not(.cat-2900),
#arcos-chairas:checked ~ .brand-shop__results .product-card:not(.cat-chairas),
#eka-convector:checked ~ .brand-shop__results .product-card:not(.cat-convector),
#eka-combi:checked ~ .brand-shop__results .product-card:not(.cat-combi),
#ozti-ollas:checked ~ .brand-shop__results .product-card:not(.cat-ollas),
#ozti-lavado:checked ~ .brand-shop__results .product-card:not(.cat-lavado),
#ozti-gastronorm:checked ~ .brand-shop__results .product-card:not(.cat-gastronorm),
#sirman-mixer:checked ~ .brand-shop__results .product-card:not(.cat-mixer) { display:none; }

.pagination { display:flex; align-items:center; gap:8px; margin-top:38px; padding-top:26px; border-top:1px solid var(--line); }
.pagination a { min-width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:var(--paper); color:var(--muted); font-size:.75rem; font-weight:800; text-decoration:none; }
.pagination a:hover,.pagination a[aria-current="page"] { border-color:var(--ink); background:var(--ink); color:var(--paper); }
.pagination .pagination__next { width:auto; margin-left:auto; padding-inline:18px; border-radius:999px; }

/* Product detail */
.product-view { background:var(--paper); }
.product-shell { padding-block:128px 120px; }
.breadcrumb { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:26px; color:var(--muted); font-size:.78rem; font-weight:600; }
.breadcrumb a { text-underline-offset:4px; }
.breadcrumb--light { color:rgba(255,255,255,.7); }
.product-hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr); gap:clamp(42px,7vw,92px); align-items:center; }
.product-visual { position:relative; min-height:620px; display:grid; place-items:center; padding:60px; border-radius:var(--radius-card); background:var(--ice); }
.product-visual::before { content:""; position:absolute; inset:24px; border:1px solid var(--line); border-radius:12px; pointer-events:none; }
.product-visual img { position:relative; max-height:500px; width:100%; object-fit:contain; mix-blend-mode:multiply; }
.product-badge { position:absolute; top:40px; left:40px; z-index:1; padding:7px 11px; border-radius:999px; background:var(--ink); color:var(--paper); font-size:.75rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.product-summary h1 { margin:0 0 24px; font-size:clamp(2.8rem,5.2vw,5.7rem); letter-spacing:-.04em; line-height:.92; text-transform:uppercase; }
.product-summary .product-meta { margin:-8px 0 18px; }
.product-lead { margin:0 0 30px; color:var(--muted); font-size:1.06rem; }
.product-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; }
.product-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:38px 0 0; }
.product-facts div { min-width:0; padding:16px; border:1px solid var(--line); border-radius:14px; }
.product-facts dt { color:var(--blue); font-size:.75rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.product-facts dd { margin:5px 0 0; font-size:.86rem; font-weight:700; line-height:1.35; }
.service-ribbon { display:grid; grid-template-columns:repeat(3,1fr); margin:72px 0 96px; border-block:1px solid var(--line); }
.service-ribbon span { padding:22px; color:var(--ink); font-size:.78rem; font-weight:800; letter-spacing:.06em; text-align:center; text-transform:uppercase; }
.service-ribbon span + span { border-left:1px solid var(--line); }
.product-info { display:grid; grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr); gap:clamp(50px,9vw,130px); padding:70px; border-radius:var(--radius-card); background:var(--ink); color:var(--paper); }
.product-info .eyebrow,.contact-panel .eyebrow { color:var(--blue-bright); }
.product-info h2 { margin:0; font-size:clamp(2.4rem,4.8vw,5rem); letter-spacing:-.04em; line-height:.95; }
.product-info > div:last-child > p { margin-top:0; color:rgba(255,255,255,.76); }
.product-info ul { padding-left:20px; color:rgba(255,255,255,.88); }
.product-info li + li { margin-top:8px; }
.download-link { display:flex; justify-content:space-between; margin-top:30px; padding:17px 0; border-top:1px solid rgba(255,255,255,.22); border-bottom:1px solid rgba(255,255,255,.22); color:var(--paper); font-size:.78rem; font-weight:800; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.download-link span { color:var(--blue-bright); }

/* About */
.story-hero { min-height:760px; display:grid; grid-template-columns:1fr 1fr; background:var(--ink-deep); color:var(--paper); }
.story-hero__image { min-height:760px; overflow:hidden; }
.story-hero__image img { width:100%; height:100%; object-fit:cover; }
.story-hero__copy { display:flex; flex-direction:column; justify-content:flex-end; padding:150px clamp(36px,7vw,100px) 90px; }
.story-hero h1 { margin:0 0 24px; font-size:clamp(3.2rem,6vw,6rem); letter-spacing:-.04em; line-height:.9; text-transform:uppercase; }
.story-hero .hero-context { margin:0 0 10px; color:var(--blue-bright); }
.story-hero__copy > p:last-child { color:rgba(255,255,255,.7); font-size:1.05rem; }
.story-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; padding-block:110px; }
.story-grid h2 { margin:0; font-size:clamp(2.4rem,4.8vw,4.8rem); letter-spacing:-.04em; line-height:.98; }
.story-grid > div:last-child { color:var(--muted); font-size:1.05rem; }
.story-grid > div:last-child p:first-child { margin-top:0; }
.values-band { padding-block:86px; background:var(--paper); }
.values-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.values-grid article { min-height:230px; display:flex; flex-direction:column; justify-content:flex-end; padding:24px; border-radius:14px; background:var(--ice); }
.values-grid span { margin-bottom:auto; color:var(--blue); font-size:.75rem; font-weight:800; }
.values-grid h3 { margin:0 0 8px; font-size:1.18rem; }
.values-grid p { margin:0; color:var(--muted); font-size:.9rem; }

/* Notes and article */
.notes-section { padding-block:100px 130px; }
.notes-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.note-card { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); }
.note-card--featured { grid-column:1/-1; display:grid; grid-template-columns:1.05fr .95fr; min-height:520px; color:inherit; text-decoration:none; box-shadow:var(--shadow); }
.note-card__image { position:relative; overflow:hidden; min-height:520px; }
.note-card__image img { width:100%; height:100%; object-fit:cover; transition:transform .52s var(--ease-premium); }
.note-card--featured:hover img { transform:scale(1.035); }
.note-card__image span { position:absolute; right:22px; bottom:18px; color:var(--paper); font-size:.78rem; font-weight:800; }
.note-card__body { display:flex; flex-direction:column; justify-content:center; padding:clamp(34px,5vw,68px); }
.note-card small { color:var(--blue); font-size:.76rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.note-card h3 { margin:16px 0; font-size:clamp(2.2rem,4vw,4.1rem); letter-spacing:-.04em; line-height:1; }
.note-card p { color:var(--muted); }
.note-card__body b { display:flex; justify-content:space-between; margin-top:22px; padding-top:18px; border-top:1px solid var(--line); font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; }
.note-card__body i { color:var(--blue); font-style:normal; }
.note-card--proposal { min-height:290px; display:flex; flex-direction:column; justify-content:flex-end; padding:30px; background:var(--ice); }
.note-card--proposal > span { margin-bottom:auto; align-self:flex-start; padding:6px 10px; border-radius:999px; background:var(--line); font-size:.75rem; font-weight:800; text-transform:uppercase; }
.note-card--proposal h3 { font-size:clamp(1.7rem,3vw,2.8rem); }
.note-card--proposal p { margin-bottom:0; }
.article-hero { min-height:670px; display:flex; align-items:flex-end; padding:160px 0 90px; background:linear-gradient(115deg,var(--ink-deep),var(--graphite)); color:var(--paper); }
.article-hero h1 { max-width:1050px; margin:0 0 24px; font-size:clamp(3.4rem,7vw,6rem); letter-spacing:-.04em; line-height:.9; text-transform:uppercase; }
.article-hero .shell > p:last-child { max-width:720px; color:rgba(255,255,255,.72); font-size:1.08rem; }
.article-cover { position:relative; z-index:1; margin-top:-42px; }
.article-cover img { width:100%; height:min(62vw,680px); object-fit:cover; border-radius:var(--radius-card); box-shadow:var(--shadow); }
.article-layout { display:grid; grid-template-columns:240px minmax(0,720px); justify-content:center; gap:80px; padding-block:100px 140px; }
.article-layout aside { position:sticky; top:120px; align-self:start; display:grid; gap:10px; padding:22px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); }
.article-layout aside span { margin-bottom:6px; color:var(--blue); font-size:.76rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.article-layout aside a { color:var(--muted); font-size:.84rem; text-decoration:none; }
.article-content { color:#41535c; font-size:1.05rem; }
.article-content .article-lead { color:var(--ink); font-size:1.35rem; font-weight:600; line-height:1.55; }
.article-content h2 { margin:64px 0 18px; color:var(--ink); font-size:clamp(2.2rem,4vw,3.8rem); letter-spacing:-.04em; line-height:1; }
.article-content blockquote { margin:46px 0; padding:32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); font-size:1.25rem; font-weight:700; }
.article-content .button { margin-top:30px; }

/* Support */
.support-hero { height:min(680px,100svh); min-height:min(560px,100svh); overflow:hidden; display:grid; grid-template-columns:1.1fr .9fr; background:var(--graphite); color:var(--paper); }
.support-hero__copy { display:flex; flex-direction:column; justify-content:flex-end; padding:clamp(112px,16vh,145px) clamp(36px,7vw,100px) clamp(48px,7vh,64px) max(24px,calc((100vw - 1180px)/2)); }
.support-hero h1 { margin:0 0 18px; font-size:clamp(3.1rem,5.4vw,5.9rem); letter-spacing:-.04em; line-height:.9; text-transform:uppercase; }
.support-hero__copy > p:not(.eyebrow) { max-width:650px; color:rgba(255,255,255,.72); }
.support-hero .button { align-self:flex-start; margin-top:16px; }
.support-hero > img { align-self:end; width:100%; max-height:560px; object-fit:contain; object-position:bottom; }
.support-steps { padding-block:100px; }
.steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.steps-grid article { min-height:270px; display:flex; flex-direction:column; justify-content:flex-end; padding:28px; border-radius:var(--radius-card); background:var(--paper); }
.steps-grid span { margin-bottom:auto; color:var(--blue); font-size:.78rem; font-weight:800; }
.steps-grid h3 { margin:0 0 10px; font-size:1.3rem; }
.steps-grid p { margin:0; color:var(--muted); }
.faq-section { display:grid; grid-template-columns:.7fr 1.3fr; gap:90px; padding-bottom:130px; }
.faq-section h2 { margin:0; font-size:clamp(2.3rem,4vw,4rem); letter-spacing:-.04em; line-height:1; }
.faq-list details { border-top:1px solid var(--line); }
.faq-list details:last-child { border-bottom:1px solid var(--line); }
.faq-list summary { cursor:pointer; padding:22px 48px 22px 0; color:var(--ink); font-weight:700; }
.faq-list p { margin:0; padding:0 30px 24px 0; color:var(--muted); }

/* Contact and account */
.contact-hero { min-height:560px; display:flex; align-items:flex-end; padding:170px 0 80px; background:linear-gradient(120deg,var(--ink-deep),#164b63); color:var(--paper); }
.contact-hero h1 { max-width:1000px; margin:0 0 20px; font-size:clamp(3.3rem,6.2vw,6rem); letter-spacing:-.04em; line-height:.9; text-transform:uppercase; }
.contact-hero .shell > p:last-child { max-width:700px; color:rgba(255,255,255,.72); }
.contact-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; padding-block:100px 130px; }
.contact-panel { padding:38px; border-radius:var(--radius-card); background:var(--ink); color:var(--paper); }
.contact-panel h2 { margin:0; font-size:clamp(2.4rem,4vw,4rem); letter-spacing:-.04em; }
.contact-panel .text-link { color:var(--paper); text-decoration-color:rgba(255,255,255,.62); }
.contact-panel .text-link:hover { color:var(--blue-bright); text-decoration-color:currentColor; }
.contact-panel > p:not(.eyebrow) { color:rgba(255,255,255,.67); }
.contact-panel dl { margin:34px 0; }
.contact-panel dl div { padding:16px 0; border-top:1px solid rgba(255,255,255,.16); }
.contact-panel dt { color:var(--blue-bright); font-size:.76rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.contact-panel dd { margin:5px 0 0; }
.contact-form { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:38px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); }
.contact-form div,.account-view form { display:grid; gap:8px; }
.contact-form label,.account-view form > label { color:var(--ink); font-size:.82rem; font-weight:700; }
.contact-form input,.contact-form textarea,.account-view input[type="text"],.account-view input[type="password"] { width:100%; padding:14px 15px; border:1px solid var(--line); border-radius:12px; background:var(--ice); color:var(--ink); font:inherit; }
.contact-form input:focus,.contact-form textarea:focus,.account-view input:focus { outline:3px solid rgba(101,186,248,.45); border-color:var(--blue); }
.form-wide { grid-column:1/-1; }
.contact-form button { justify-self:start; }
.contact-form small,.account-view form > small { color:var(--muted); font-size:.75rem; }
.account-view { min-height:100vh; display:grid; grid-template-columns:1fr 1fr; background:var(--paper); }
.account-view > section { display:flex; flex-direction:column; justify-content:flex-end; padding:170px clamp(36px,7vw,100px) 90px max(24px,calc((100vw - 1180px)/2)); background:linear-gradient(140deg,var(--ink-deep),var(--graphite)); color:var(--paper); }
.account-view > section h1 { margin:0 0 24px; font-size:clamp(3.2rem,6vw,6rem); letter-spacing:-.04em; line-height:.9; text-transform:uppercase; }
.account-view > section p,.account-view > section li { color:rgba(255,255,255,.72); }
.account-view > section ul { padding-left:20px; }
.account-view form { align-content:center; width:min(520px,calc(100% - 48px)); margin:auto; }
.account-view form h2 { margin:0 0 22px; font-size:clamp(2.1rem,4vw,3.8rem); letter-spacing:-.04em; }
.form-options { display:flex!important; grid-auto-flow:column; justify-content:space-between; align-items:center; margin:6px 0 12px; font-size:.82rem; }
.account-view form .button { justify-self:start; }

/* Footer */
.site-footer { padding:74px 0 28px; background:var(--ink-deep); color:var(--paper); }
.footer-grid { display:grid; grid-template-columns:1.5fr .7fr .7fr 1fr; gap:48px; }
.brand--footer { margin-bottom:18px; }
.footer-grid > div:first-child p { max-width:320px; color:rgba(255,255,255,.6); }
.footer-grid nav { display:grid; align-content:start; gap:9px; }
.footer-grid nav a { color:rgba(255,255,255,.7); font-size:.86rem; text-decoration:none; }
.footer-grid > div:last-child { display:grid; align-content:start; gap:8px; }
.footer-grid small { color:rgba(255,255,255,.55); font-size:.75rem; }
.footer-bottom { display:flex; justify-content:space-between; margin-top:56px; padding-top:22px; border-top:1px solid rgba(255,255,255,.13); color:rgba(255,255,255,.48); font-size:.75rem; }

@media (max-width: 980px) {
  .site-header { grid-template-columns:auto 1fr; }
  .desktop-nav { display:none; }
  .mobile-menu { display:block; justify-self:end; }
  .header-cta { display:none; }
  .home-hero { min-height:720px; }
  .hero-index { left:24px; right:24px; max-width:none; }
  .section-heading { grid-template-columns:1fr; gap:24px; }
  .brand-card { min-height:400px; }
  .brand-card--wide { grid-column:1/-1; min-height:350px; }
  .home-proof__grid { grid-template-columns:1fr 1fr; }
  .home-proof__lead { grid-column:1/-1; grid-template-columns:1fr; gap:26px; min-height:270px!important; }
  .home-proof__step:last-child { grid-column:1/-1; min-height:235px; }
  .home-distributors__heading { grid-template-columns:1fr; gap:28px; }
  .home-distributors__count { width:max-content; min-width:0; padding-left:0; border-left:0; }
  .distributor-explorer { height:640px; grid-template-columns:300px minmax(0,1fr); }
  .distributor-panel { padding-inline:16px; }
  .brand-row { grid-template-columns:46px 1fr 220px 50px; gap:20px; }
  .catalog-layout { grid-template-columns:1fr; }
  .catalog-intro { position:static; }
  .product-hero { grid-template-columns:1fr; }
  .product-visual { min-height:520px; }
  .story-hero,.support-hero,.account-view { grid-template-columns:1fr; }
  .support-hero { grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr); height:min(650px,100svh); min-height:min(540px,100svh); }
  .support-hero__copy { padding-top:120px; padding-right:28px; padding-bottom:52px; }
  .story-hero__image { min-height:520px; }
  .story-hero__copy,.support-hero__copy,.account-view > section { padding-left:24px; }
  .support-hero > img { max-height:470px; margin-inline:auto; }
  .values-grid { grid-template-columns:1fr 1fr; }
  .article-layout { grid-template-columns:1fr; gap:34px; }
  .article-layout aside { position:static; display:flex; flex-wrap:wrap; }
  .article-layout aside span { flex:0 0 100%; }
  .contact-grid { grid-template-columns:1fr; }
  .account-view form { min-height:640px; padding-block:100px; }
  .footer-grid { grid-template-columns:1.4fr 1fr 1fr; }
  .footer-grid > div:last-child { grid-column:1/-1; }
}

@media (max-width: 680px) {
  :root { --shell:min(100% - 28px,1180px); }
  .site-header { inset:10px 10px auto; min-height:62px; padding:9px 10px 9px 12px; }
  .brand__name { display:none; }
  .header-cta { min-height:42px; padding-inline:15px; font-size:.75rem; }
  .home-hero { min-height:740px; background-position:58% center; }
  .home-hero__content { padding:150px 0 190px; }
  .home-hero h1 { font-size:clamp(3.35rem,17vw,5.1rem); line-height:.88; }
  .hero-index { grid-template-columns:1fr; }
  .hero-index span { padding:9px 14px; }
  .hero-index span + span { border-left:0; border-top:1px solid rgba(255,255,255,.15); }
  .brand-showcase { padding-block:74px 86px; }
  .brand-grid { grid-template-columns:1fr; }
  .brand-card, .brand-card--wide { grid-column:1; min-height:390px; }
  .brand-card--wide { padding-right:26px; background:linear-gradient(180deg,rgba(0,15,43,.02),rgba(0,15,43,.9)),var(--card-image) center/cover no-repeat; }
  .home-proof__grid { grid-template-columns:1fr; }
  .home-proof__lead { grid-column:1; min-height:310px!important; padding:28px!important; }
  .home-proof__lead h2 { font-size:clamp(2.45rem,12vw,3.75rem); }
  .home-proof__step:last-child { grid-column:1; }
  .home-proof article { min-height:220px; padding:26px; }
  .home-proof__step::before { left:26px; }
  .home-proof__step strong { margin-top:30px; font-size:clamp(2.4rem,12vw,3.5rem); }
  .home-editorial { grid-template-columns:1fr; padding-block:78px; }
  .home-editorial__image,.home-editorial__image img { min-height:420px; }
  .home-distributors { padding-block:76px 84px; }
  .home-distributors__heading { margin-bottom:30px; }
  .home-distributors__heading h2 { font-size:clamp(2.7rem,13vw,4.2rem); }
  .home-distributors__count strong { font-size:4.4rem; }
  .distributor-map { margin-inline:-4px; padding:6px; border-radius:var(--radius-card); }
  .distributor-map__bar { min-height:44px; padding-inline:9px; }
  .distributor-map__bar span:last-child { display:none; }
  .distributor-explorer { height:auto; display:block; border-radius:10px; }
  .distributor-panel { height:360px; padding:18px 14px 14px; border-right:0; border-bottom:1px solid var(--line); }
  .distributor-search__field { min-height:50px; }
  .distributor-stage { height:520px; }
  .distributor-stage__toolbar { padding-left:14px; }
  .distributor-zoom button { width:40px; height:40px; }
  .distributor-geography { inset:16px 4px 14px 24px; }
  .distributor-detail { left:14px; bottom:14px; width:calc(100% - 28px); padding:15px 16px; }
  .distributor-legend { display:none; }
  .home-distributors__footer { align-items:flex-start; flex-direction:column; }
  .page-hero { min-height:560px; padding:150px 0 66px; }
  .page-hero h1 { font-size:clamp(3rem,15vw,4.8rem); }
  .brand-directory { padding-block:58px 86px; }
  .brand-row { grid-template-columns:36px 1fr 46px; padding-block:30px; }
  .brand-row img { grid-column:2/-1; grid-row:2; height:280px; }
  .brand-row .circle-link { grid-column:3; grid-row:1; }
  .catalog-layout { gap:34px; padding-block:62px 90px; }
  .catalog-grid { grid-template-columns:1fr; }
  .product-shell { padding-block:108px 76px; }
  .product-visual { min-height:420px; padding:42px; }
  .product-summary h1 { font-size:clamp(2.6rem,13vw,4.2rem); }
  .product-facts,.service-ribbon { grid-template-columns:1fr; }
  .service-ribbon span + span { border-left:0; border-top:1px solid var(--line); }
  .product-info { grid-template-columns:1fr; gap:34px; padding:34px 24px; }
  .story-hero { min-height:auto; }
  .story-hero__image { min-height:420px; }
  .story-hero__copy { padding:64px 24px 74px; }
  .story-hero h1 { font-size:clamp(3rem,14vw,4.8rem); }
  .story-grid { grid-template-columns:1fr; gap:32px; padding-block:74px; }
  .values-grid,.notes-grid { grid-template-columns:1fr; }
  .note-card--featured { grid-column:1; grid-template-columns:1fr; }
  .note-card__image { min-height:340px; }
  .article-hero { min-height:600px; padding-top:150px; }
  .article-hero h1 { font-size:clamp(3rem,14vw,4.8rem); }
  .article-cover img { height:390px; border-width:6px; }
  .article-layout { padding-block:70px 90px; }
  .article-layout aside { display:grid; }
  .support-hero { position:relative; display:block; height:min(700px,100svh); min-height:min(620px,100svh); }
  .support-hero__copy { position:relative; z-index:1; height:100%; padding:118px 24px 48px; }
  .support-hero h1 { max-width:350px; font-size:clamp(2.65rem,12vw,3.55rem); }
  .support-hero > img { position:absolute; right:-62px; bottom:28px; width:330px; max-height:none; margin:0; opacity:.15; }
  .contact-hero h1,.account-view > section h1 { font-size:clamp(3rem,14vw,4.8rem); }
  .steps-grid { grid-template-columns:1fr; }
  .faq-section { grid-template-columns:1fr; gap:34px; padding-bottom:90px; }
  .contact-grid { gap:24px; padding-block:68px 90px; }
  .contact-panel,.contact-form { padding:24px; }
  .contact-form { grid-template-columns:1fr; }
  .contact-form div,.contact-form .form-wide { grid-column:1; }
  .account-view > section { padding:140px 24px 70px; }
  .account-view form { width:min(100% - 32px,520px); }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-grid > div:first-child,.footer-grid > div:last-child { grid-column:1/-1; }
  .footer-bottom { align-items:flex-start; flex-direction:column; gap:6px; }
}

@media (max-width: 1080px) {
  .brand-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 980px) {
  .brand-catalog-hero__grid { grid-template-columns:minmax(0,1fr) 260px; gap:36px; }
  .brand-catalog-hero__visual { min-height:260px; }
  .brand-shop { grid-template-columns:1fr; gap:28px; }
  .brand-filter-panel { position:static; }
  .brand-filter-panel fieldset { display:flex; flex-wrap:wrap; gap:8px; }
  .brand-filter-panel legend { flex:0 0 100%; }
  .brand-filter-panel label { min-height:38px; border:1px solid var(--line); }
}

@media (max-width: 680px) {
  .brand-catalog-hero { min-height:auto; }
  .brand-catalog-hero__grid { grid-template-columns:1fr; gap:28px; padding-block:126px 44px; }
  .brand-catalog-hero h1 { font-size:clamp(4rem,21vw,6rem); }
  #marca-ozti .brand-catalog-hero h1 { font-size:clamp(2.5rem,11vw,3.2rem); }
  .brand-catalog-hero__visual { min-height:230px; }
  .brand-shop { padding-block:42px 82px; }
  .brand-filter-panel { padding:22px; }
  .brand-filter-panel h2 { font-size:1.75rem; }
  .brand-filter-panel fieldset { display:grid; grid-template-columns:1fr 1fr; }
  .brand-filter-panel legend { grid-column:1/-1; }
  .catalog-toolbar { align-items:flex-start; flex-direction:column; }
  .catalog-toolbar label { width:100%; justify-content:space-between; }
  .catalog-toolbar select { max-width:190px; }
  .brand-product-grid { grid-template-columns:1fr; }
  .pagination { flex-wrap:wrap; }
  .pagination .pagination__next { flex:0 0 100%; margin:8px 0 0; }
}

/* Motion system — quiet, directional and tied to interface state */
.motion-enter {
  animation-duration:var(--motion-duration,560ms);
  animation-delay:var(--motion-delay,0ms);
  animation-timing-function:var(--ease-premium);
  animation-fill-mode:backwards;
}
.motion-enter--standard { animation-name:motion-reveal; }
.motion-enter--visual { animation-name:motion-reveal-visual; }
.motion-feedback { animation:motion-feedback .32s var(--ease-premium) var(--motion-delay,0ms) both; }
@keyframes motion-reveal { from { opacity:0; transform:translateY(var(--motion-distance,18px)); clip-path:inset(0 0 6% 0); } to { opacity:1; transform:none; clip-path:inset(0 0 0 0); } }
@keyframes motion-reveal-visual { from { opacity:0; transform:translateY(12px) scale(1.018); clip-path:inset(0 0 8% 0); } to { opacity:1; transform:none; clip-path:inset(0 0 0 0); } }
@keyframes motion-feedback { from { opacity:.55; transform:translateY(8px); } to { opacity:1; transform:none; } }
.home-hero { background-position:center calc(50% + var(--hero-depth,0px)); }
.home-editorial__image img,.story-hero__image img,.support-hero > img { translate:0 var(--depth-y,0px); }

.brand-row,.note-card,.steps-grid article,.values-grid article,.distributor-list__item {
  transition:transform var(--motion-fast) var(--ease-premium),background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease;
}
.product-card__image img,.brand-catalog-hero__visual img,.product-visual img,.brand-row img {
  transition:transform .52s var(--ease-premium);
}
.filter-bar > label,.brand-filter-panel label,.pagination a,.distributor-zoom button,.mobile-menu summary,.mobile-menu nav a {
  transition:transform var(--motion-fast) var(--ease-premium),background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,box-shadow var(--motion-fast) ease;
}
.note-card__body i,.download-link span,.distributor-list__route svg {
  display:inline-block;
  transition:transform var(--motion-fast) var(--ease-premium),color var(--motion-fast) ease;
}

@media (hover:hover) and (pointer:fine) {
  .brand-row:hover,.steps-grid article:hover,.values-grid article:hover { transform:translateY(-3px); }
  .steps-grid article:hover,.values-grid article:hover { box-shadow:var(--shadow-soft); }
  .brand-row:hover img,.product-card:hover .product-card__image img { transform:scale(1.025); }
  .brand-catalog-hero__visual:hover img,.product-visual:hover img { transform:scale(1.018); }
  .filter-bar > label:hover,.brand-filter-panel label:hover,.pagination a:hover,.distributor-zoom button:hover { transform:translateY(-1px); }
  .note-card--featured:hover .note-card__body i,.download-link:hover span,.distributor-list__route:hover svg { transform:translateX(3px); }
  .text-link:hover { text-underline-offset:8px; }
}

.mobile-menu[open] nav { animation:menu-in .24s var(--ease-premium) both; transform-origin:top right; }
@keyframes menu-in { from { opacity:0; transform:translateY(-8px) scale(.985); } to { opacity:1; transform:none; } }

.faq-list summary { position:relative; list-style:none; transition:color var(--motion-fast) ease; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after {
  content:"";
  position:absolute;
  top:50%;
  right:8px;
  width:9px;
  height:9px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-65%) rotate(45deg);
  transition:transform var(--motion-fast) var(--ease-premium),color var(--motion-fast) ease;
}
.faq-list details[open] summary::after { color:var(--blue); transform:translateY(-35%) rotate(225deg); }
@supports (interpolate-size:allow-keywords) {
  :root { interpolate-size:allow-keywords; }
  .faq-list details::details-content {
    height:0;
    overflow:hidden;
    opacity:0;
    transition:height .34s var(--ease-premium),opacity .24s ease,content-visibility .34s allow-discrete;
  }
  .faq-list details[open]::details-content { height:auto; opacity:1; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto!important; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .motion-enter--standard,.motion-enter--visual { animation-name:motion-fade; }
  .home-editorial__image img,.story-hero__image img,.support-hero > img { translate:none!important; }
}
@keyframes motion-fade { from { opacity:.65; } to { opacity:1; } }

/* Overdrive / studio light — reserved for hero and editorial surfaces */
[data-tactile] {
  --tactile-rx:0deg;
  --tactile-ry:0deg;
  --tactile-x:0px;
  --tactile-y:0px;
  --light-x:50%;
  --light-y:42%;
  isolation:isolate;
  transform:perspective(1200px) rotateX(var(--tactile-rx)) rotateY(var(--tactile-ry));
  transform-style:preserve-3d;
  transition:transform .64s var(--ease-premium),box-shadow .64s var(--ease-premium);
}
[data-tactile].is-tactile-active {
  transition:transform .18s var(--ease-premium),box-shadow .28s ease;
  will-change:transform;
}
.tactile-light {
  position:absolute;
  inset:0;
  z-index:3;
  overflow:hidden;
  border-radius:inherit;
  background:radial-gradient(circle at var(--light-x) var(--light-y),rgba(255,255,255,.24),rgba(255,255,255,.07) 18%,transparent 48%);
  mix-blend-mode:soft-light;
  opacity:0;
  pointer-events:none;
  transition:opacity .45s ease;
}
[data-tactile].is-tactile-active .tactile-light { opacity:.9; }
[data-tactile="object"] { box-shadow:0 28px 70px rgba(0,0,0,.18),0 1px 0 rgba(255,255,255,.72) inset; }
[data-tactile="object"].is-tactile-active { box-shadow:0 36px 82px rgba(0,0,0,.22),0 1px 0 rgba(255,255,255,.9) inset; }
[data-tactile="object"]::before { transform:translateZ(14px); }
[data-tactile="object"] > span:not(.tactile-light) { transform:translateZ(25px); }
[data-tactile="object"] > img {
  transform:translate3d(var(--tactile-x),var(--tactile-y),34px) scale(var(--tactile-scale,1));
  filter:drop-shadow(0 18px 18px rgba(0,15,43,.12));
  transition:transform .64s var(--ease-premium),filter .64s var(--ease-premium);
}
[data-tactile="object"].is-tactile-active > img { transition:transform .18s var(--ease-premium),filter .28s ease; }
[data-tactile="editorial"] { box-shadow:0 22px 54px rgba(0,0,0,.12); }
[data-tactile="editorial"].is-tactile-active { box-shadow:0 30px 68px rgba(0,0,0,.17); }
[data-tactile="editorial"] > img {
  transform:translate3d(calc(var(--tactile-x) * .45),calc(var(--tactile-y) * .45),16px) scale(1.012);
  transition:transform .64s var(--ease-premium);
}
[data-tactile="editorial"].is-tactile-active > img { transition:transform .2s var(--ease-premium); }
.article-cover[data-tactile] { border-radius:var(--radius-card); }
.article-cover[data-tactile] > img { transform-origin:center; }
.home-hero__wash {
  background:
    radial-gradient(circle at var(--hero-light-x,68%) var(--hero-light-y,38%),rgba(153,220,255,.16),transparent 31%),
    linear-gradient(90deg,rgba(107,200,255,.055),transparent 58%);
  transition:background-position .24s var(--ease-premium);
}

@media (hover:hover) and (pointer:fine) {
  .home-hero { background-position:calc(50% + var(--hero-shift-x,0px)) calc(50% + var(--hero-depth,0px)); }
  .brand-catalog-hero__visual:hover img,.product-visual:hover img { --tactile-scale:1.018; transform:translate3d(var(--tactile-x),var(--tactile-y),34px) scale(var(--tactile-scale)); }
}

@media (prefers-reduced-motion:reduce), (hover:none), (pointer:coarse) {
  [data-tactile] { transform:none!important; }
  [data-tactile] > img { transform:none!important; filter:none!important; }
  .tactile-light { display:none; }
  .home-hero__wash { background:linear-gradient(90deg,rgba(107,200,255,.055),transparent 58%); }
}