/* Viewport composition. Content may grow at zoom/short heights; never clip copy. */
.ninosepo-home { --ns-panel-height:calc(var(--ns-viewport-height,100svh) - var(--ns-scroll-header,78px)); scroll-margin-top:var(--ns-scroll-header,78px); min-width:0; }
.ns-home-layout .ninosepo-home { min-height:var(--ns-panel-height); overflow:visible; }
.ns-home-layout :is(.ninosepo-home-products,.ns-collections,.ns-home-journal,.ns-designer,.ns-assistance) { display:flex; flex-direction:column; justify-content:center; padding:clamp(24px,4svh,48px) clamp(20px,3vw,60px); }
.ns-home-layout :is(.ninosepo-home-products__inner,.ns-collections__inner,.ns-home-journal__inner,.ns-designer__inner,.ns-assistance__inner) { width:100%; max-width:1920px; }
.ns-home-layout :is(.ninosepo-home-products__header,.ns-collections__header,.ns-home-journal__header,.ns-assistance__header) { margin-bottom:24px; gap:20px; }
.ns-home-layout :is(.ninosepo-home-products__eyebrow,.ns-collections__eyebrow,.ns-home-journal__eyebrow,.ns-designer__eyebrow,.ns-feature__eyebrow) { margin-bottom:16px!important; }
.ns-home-layout :is(.ninosepo-home-products__title,.ns-collections__title,.ns-home-journal__title) { font-size:clamp(32px,3.5vw,62px); }
.ns-home-layout .ninosepo-home-hero { min-height:var(--ns-panel-height); }
.ns-home-layout .ninosepo-home-hero__content { padding:clamp(24px,4vw,76px); }
.ns-home-layout .ninosepo-home-hero__media { min-height:0; }
.ns-home-layout .ninosepo-home-hero__media > img { position:absolute; inset:0; }
.ninosepo-home-hero .ns-hero-arrow { width:26px; height:26px; flex:0 0 26px; }
.ns-home-layout .ninosepo-home-piece__media { height:var(--ns-media-height,45svh); aspect-ratio:auto; background:#fff; }
.ns-home-layout .ninosepo-home-products--dark .ninosepo-home-piece__media { background:#eeece7; }
.ns-home-layout .ninosepo-home-feature { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); }
.ns-home-layout .ns-feature__stage { background:#fff; }
.ns-home-layout .ns-feature__view { height:var(--ns-panel-height); aspect-ratio:auto; }
.ns-home-layout .ns-feature__content { padding:clamp(24px,3.5vw,64px); }
.ns-home-layout .ns-feature__title { font-size:clamp(34px,4vw,70px); }
.ns-home-layout .ns-collections--editorial .ns-collections__grid { grid-template-columns:1.35fr 1fr .88fr; align-items:start; }
.ns-home-layout .ns-collections--editorial .ns-collection { padding-top:0; }
.ns-home-layout .ns-collection__media { height:var(--ns-media-height,40svh); aspect-ratio:auto; }
.ns-home-layout .ns-collections--editorial .ns-collection:nth-child(2) .ns-collection__media { height:calc(var(--ns-media-height,40svh) * .9); }
.ns-home-layout .ns-collections--editorial .ns-collection:nth-child(3) .ns-collection__media { height:calc(var(--ns-media-height,40svh) * .8); }
.ns-home-layout :is(.ns-collection__title,.ns-home-story__title) { font-size:clamp(24px,2vw,34px); }
.ns-home-layout :is(.ns-collection__content,.ns-home-story__content) { padding-top:16px; }
.ns-home-layout :is(.ns-collection__action,.ns-home-story__action) { padding-top:16px; padding-bottom:12px; }
.ns-home-layout .ns-home-story__media { height:var(--ns-media-height,42svh); aspect-ratio:auto; }
.ns-home-layout .ns-designer__inner { gap:clamp(28px,4.5vw,88px); }
.ns-home-layout .ns-designer__image { height:var(--ns-media-height,65svh); aspect-ratio:auto; }
.ns-home-layout .ns-designer__title { font-size:clamp(30px,3vw,54px); line-height:1.16; }
.ns-home-layout .ns-assistance__inner { border-top:0; padding-top:0; }
.ns-home-layout .ns-assistance__grid { gap:0; border-block:1px solid var(--ns-assistance-line); }
.ns-home-layout .ns-assistance__link { border:0; padding:28px; }
.ns-home-layout .ns-assistance__item+.ns-assistance__item { border-left:1px solid var(--ns-assistance-line); }
.ns-scroll-toggle { position:fixed; right:16px; bottom:16px; z-index:900; min-height:44px; padding:10px 16px; border:1px solid #b8b3a9; border-radius:2px; background:#f5f3eef2; color:#151512; font:11px/1.5 inherit; cursor:pointer; }
.ns-scroll-toggle[hidden] { display:none!important; }
.ns-scroll-toggle:focus-visible { outline:2px solid #826938; outline-offset:4px; }
html.ns-section-scroll { scroll-behavior:auto!important; }
.ns-home-layout .ns-rail-hint { margin:0 0 14px; font-size:11px; letter-spacing:.05em; color:var(--ns-muted); }
@media(min-width:768px) { .ns-rail-hint { display:none; } }
@media(max-width:767px) {
 .ns-home-layout :is(.ninosepo-home-products,.ns-collections,.ns-home-journal,.ns-designer,.ns-assistance) { padding:24px 20px; }
 .ns-home-layout .ninosepo-home-hero { display:flex; flex-direction:column; }
 .ns-home-layout .ninosepo-home-hero__media { height:var(--ns-media-height,36svh); aspect-ratio:auto; flex-shrink:0; }
 .ns-home-layout .ninosepo-home-hero__content { padding:24px 20px; gap:16px; flex:1; }
 .ns-home-layout .ninosepo-home-hero__title { font-size:clamp(34px,9vw,46px); }
 .ns-home-layout .ninosepo-home-hero__eyebrow { margin-bottom:12px!important; }
 .ns-home-layout .ninosepo-home-hero__description { margin-top:16px!important; font-size:14px; line-height:1.65; }
 .ns-home-layout .ninosepo-home-hero__actions { margin-top:20px; gap:8px; }
 .ns-home-layout .ninosepo-home-hero__primary { min-height:48px; padding:14px 16px; }
 .ns-home-layout .ninosepo-home-hero__caption { font-size:9px; bottom:12px; left:12px; }
 .ns-home-layout :is(.ninosepo-home-products__header,.ns-home-journal__header) { gap:12px; margin-bottom:18px; }
 .ns-home-layout .ninosepo-home-products__more { min-height:44px; }
 .ns-home-layout .ninosepo-home-products__grid { gap:20px 14px; }
 .ns-home-layout .ninosepo-home-piece__info { padding:10px 0 12px; }
 .ns-home-layout .ninosepo-home-piece__name { font-size:13px; }
 .ns-home-layout .ninosepo-home-piece__status { font-size:8px; letter-spacing:.04em; padding:5px; }
 .ns-home-layout .ninosepo-home-feature { display:flex; flex-direction:column; }
 .ns-home-layout .ns-feature__view { height:var(--ns-media-height,32svh); }
 .ns-home-layout .ns-feature__view img { padding:12px; }
 .ns-home-layout .ns-feature__view--worn img { padding:0; }
 .ns-home-layout .ns-feature__content { width:100%; padding:24px 20px; }
 .ns-home-layout .ns-feature__title { font-size:34px; }
 .ns-home-layout .ns-feature__description { margin:16px 0!important; font-size:14px; line-height:1.65; }
 .ns-home-layout .ns-feature__controls { margin:16px 0; }
 .ns-home-layout .ns-feature__product { padding-top:16px; margin-top:16px; }
 .ns-home-layout .ns-feature__link { margin-top:12px; }
 .ns-home-layout :is(.ns-collections__grid,.ns-collections--editorial .ns-collections__grid,.ns-home-journal__grid) { display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:88%; gap:16px; overflow-x:auto; scroll-snap-type:x proximity; padding-bottom:12px!important; scrollbar-width:thin; }
 .ns-home-layout :is(.ns-collection,.ns-home-story) { scroll-snap-align:start; }
 .ns-home-layout .ns-collections .ns-collection__media { height:var(--ns-media-height,40svh); }
 .ns-home-layout .ns-collections__header { gap:14px; margin-bottom:16px; }
 .ns-home-layout .ns-designer__inner { grid-template-columns:1fr; gap:24px; }
 .ns-home-layout .ns-designer__content { padding:0; }
 .ns-home-layout .ns-designer__title { font-size:clamp(26px,7vw,34px); }
 .ns-home-layout .ns-designer__byline { margin-top:16px!important; }
 .ns-home-layout .ns-designer__link { margin-top:20px; }
 .ns-home-layout .ns-assistance__header { gap:16px; }
 .ns-home-layout .ns-assistance__link { padding:20px 0; }
 .ns-home-layout .ns-assistance__item+.ns-assistance__item { border-left:0; border-top:1px solid var(--ns-assistance-line); }
 .ns-home-layout .ns-assistance__text { margin-top:10px!important; }
 .ns-home-layout .ns-assistance__action { padding-top:16px; }
 .ns-scroll-toggle { display:none!important; }
}
@media(prefers-reduced-motion:reduce) { .ns-scroll-toggle { display:none!important; } }

/* Mobile/tablet: ordinary page flow, independent of browser toolbar height.
   Horizontal card browsing is intentionally preserved. Desktop is unchanged. */
@media(max-width:1099px),(pointer:coarse) {
 html.ns-home-layout { scroll-snap-type:none!important; scroll-behavior:auto!important; }
 .ns-home-layout .ninosepo-home { min-height:0; height:auto; scroll-snap-align:none; scroll-snap-stop:normal; }
 .ns-home-layout :is(.ninosepo-home-products,.ns-collections,.ns-home-journal,.ns-designer,.ns-assistance) { padding-block:32px; }
 .ns-home-layout .ninosepo-home-hero__media { height:auto; aspect-ratio:5/4; min-height:0; }
 .ns-home-layout .ninosepo-home-piece__media { height:auto; aspect-ratio:4/5; }
 .ns-home-layout .ninosepo-home-products--square .ninosepo-home-piece__media { aspect-ratio:1; }
 .ns-home-layout .ns-feature__stage { align-self:start; width:100%; }
 .ns-home-layout .ns-feature__view { height:auto; aspect-ratio:1; }
 .ns-home-layout .ns-collections .ns-collection .ns-collection__media,
 .ns-home-layout .ns-home-story__media,
 .ns-home-layout .ns-designer__image { height:auto; aspect-ratio:4/5; }
 .ns-scroll-toggle { display:none!important; }
}