/* Contact is a normal navigation destination, not a persistent CTA. */
.header-nav .nav-item>.nav-link{background:transparent;color:var(--color-text-light);padding:12px 14px}
.header-nav .nav-item>.nav-link:hover,.header-nav .nav-item.is-active>.nav-link{color:var(--color-primary)}
[data-ec-nav] .header-nav .nav-item>.nav-link{color:var(--color-text)}
[data-ec-nav] .header-nav .nav-item>.nav-link:hover,[data-ec-nav] .header-nav .nav-item.is-active>.nav-link{color:var(--color-primary)}
[data-ec-nav="ink"] .header-nav .nav-item>.nav-link{color:#fff}
[data-ec-nav="ink"] .header-nav .nav-item>.nav-link:hover,[data-ec-nav="ink"] .header-nav .nav-item.is-active>.nav-link{background:#FFFFFF16;color:var(--color-accent)}
[data-ec-nav="rail"] .header-nav .nav-item>.nav-link{padding-inline:22px}
[data-ec-nav="rail"] .header-nav .nav-item.is-active>.nav-link{background:var(--color-primary);color:#fff}
[data-ec-nav="frame"] .header-nav .nav-item>.nav-link{padding-inline:12px}
.design-hero:has(.design-slider-controls),.ec-hero:has(.design-slider-controls){padding-bottom:56px}
.design-hero,.ec-hero{display:grid;overflow:clip}
.design-slide,.ec-slide{grid-area:1/1;min-width:0}
/* Both slides reserve the same grid track, preventing shifts for longer copy. */
.design-slide[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
.ec-slide[hidden]{display:flex!important;visibility:hidden;pointer-events:none}
.ec-hero:has(.design-slider-controls) .ec-hero-rail{bottom:56px}
.design-hero .design-slider-controls,.ec-hero .design-slider-controls{inset:auto 0 0;height:56px;border-radius:0;padding:6px 24px;justify-content:flex-end;gap:14px;background:var(--color-bg);color:var(--color-text);border-bottom:1px solid var(--color-border)}
.design-slider-controls [data-slide-counter]{min-width:48px;text-align:center;font-variant-numeric:tabular-nums}
.ec-hero .design-slider-controls button{color:inherit}
.design-slider-controls button{flex:0 0 44px;min-width:44px;min-height:44px;display:grid;place-items:center;line-height:1}
.design-slider-controls button:hover{background:var(--color-surface)}
.design-slider-controls [data-slide-toggle]{font-size:18px;border-left:1px solid var(--color-border)}
.design-hero+.brand-story,.ec-hero+.ec-story{padding-top:64px}
.design-slide,.ec-slide{touch-action:pan-y}
@media(prefers-reduced-motion:no-preference){
  .carousel-fade{animation:carousel-fade .65s ease-out both}
  .carousel-drift{animation:carousel-drift .6s ease-out both}
  .carousel-wipe{animation:carousel-wipe .65s ease-out both}
}
@keyframes carousel-fade{from{opacity:.2}to{opacity:1}}
@keyframes carousel-drift{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes carousel-wipe{from{clip-path:inset(0 3% 0 0);opacity:.5}to{clip-path:inset(0);opacity:1}}
@media(max-width:1100px){.header-nav .nav-item>.nav-link{padding-inline:8px}[data-ec-nav] .header-nav .nav-item>.nav-link{padding-inline:10px}[data-ec-nav="rail"] .header-nav .nav-item>.nav-link{padding-inline:12px}}
@media(max-width:540px){.design-hero+.brand-story,.ec-hero+.ec-story{padding-top:44px}.design-hero .design-slider-controls,.ec-hero .design-slider-controls{padding-inline:18px}}