/* Homepage: one compact story, one clear catalog action, and direct category routes. */
.hero{background:#f4f1ec}
.hero-grid{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:clamp(490px,calc(100svh - 220px),650px);padding-block:38px}
.hero-kicker,.hero-intro,.hero-content{position:relative;z-index:2;width:50%;padding-right:30px}
.hero-kicker{margin:0 0 26px;font-size:.7rem}
.hero-intro h1{font-size:clamp(3.3rem,5.8vw,6.3rem);line-height:.98;margin:0 0 25px}
.hero-intro h1 em{display:inline}
.hero-content>p{max-width:475px;color:#4c4b48;font-size:1rem;line-height:1.65;margin:0 0 22px}
.hero-actions{margin:0;gap:25px}
.hero-visual{position:absolute;inset:0 0 0 auto;width:48%;height:100%;background:#e8e5de;overflow:hidden;align-items:center}
.hero-visual:before{display:none}
.hero-visual img{width:95%;height:95%;max-height:none;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(33,30,22,.12))}
.hero-orbit{width:min(86%,520px);top:50%;left:50%;transform:translate(-50%,-50%)}
.intro-band-inner{min-height:62px;gap:0;padding-block:0}
.intro-band-inner a{flex:1;display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:0 clamp(15px,3vw,40px);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;border-right:1px solid #494846;transition:background-color .2s ease,color .2s ease}
.intro-band-inner a:first-child{border-left:1px solid #494846}
.intro-band-inner a:hover,.intro-band-inner a:focus-visible{background:var(--magenta);color:#fff}
.intro-band-inner a span{font-size:1.15rem;letter-spacing:0}
.story-section{background:#eae7e1;color:var(--ink)}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);align-items:center;min-height:0;padding-block:62px}
.story-heading .eyebrow{color:var(--magenta);margin-bottom:15px}
.story-heading h2{font-size:clamp(2.4rem,4vw,4.3rem);max-width:500px;margin:0}
.story-copy{background:transparent;padding:0}
.story-copy>p{color:#4d4c49;line-height:1.75;max-width:490px;margin:0 0 20px}
.story-copy .plain-link{display:inline-block;font-size:.86rem}
@media(max-width:900px){
 .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.84fr);grid-template-areas:'tag tag' 'intro visual' 'content content';column-gap:6px;row-gap:8px;min-height:0;padding-block:25px 22px}
 .hero-kicker,.hero-intro,.hero-content{width:auto;padding:0}
 .hero-kicker{grid-area:tag;max-width:none;font-size:.62rem;margin:0 0 3px}
 .hero-intro{grid-area:intro;align-self:center;min-width:0}
 .hero-intro h1{font-size:clamp(2.25rem,8.8vw,4.2rem);line-height:1.02;margin:0}
 .hero-intro h1 em{display:block}
 .hero-visual{grid-area:visual;position:relative;inset:auto;width:100%;height:clamp(205px,34vw,300px);background:transparent;overflow:visible;align-self:center}
 .hero-visual img{width:100%;height:100%;max-height:none;filter:drop-shadow(0 12px 12px rgba(33,30,22,.13))}
 .hero-orbit{width:94%;max-width:280px}
 .hero-content{grid-area:content}
 .hero-content>p{max-width:600px;font-size:.92rem;line-height:1.55;margin:0 0 15px}
 .hero-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:18px}
 .hero-actions .button{min-height:49px;padding:12px 16px;font-size:.79rem;gap:18px}
 .hero-actions .plain-link{font-size:.8rem;white-space:nowrap}
 .intro-band-inner{min-height:52px}
 .intro-band-inner a{min-height:52px;font-size:.64rem;padding-inline:15px}
 .story-grid{gap:20px;padding-block:48px}
 .story-heading h2{font-size:clamp(2.2rem,4.8vw,3.4rem)}
}
@media(max-width:600px){
 .hero-grid{padding-block:22px 18px}
 .hero-visual{height:clamp(190px,48vw,235px)}
 .hero-kicker{font-size:.58rem;letter-spacing:.14em}
 .hero-kicker .line{width:16px;margin-right:5px}
 .hero-content>p{font-size:.89rem}
 .intro-band-inner{width:100%;min-height:48px}
 .intro-band-inner a{min-height:48px;padding:0 15px;font-size:.59rem;letter-spacing:.08em}
 .intro-band-inner a:first-child{border-left:0}
 .intro-band-inner a:last-child{border-right:0}
 .intro-band-inner a span{font-size:.95rem}
 .story-grid{display:block;padding-block:42px}
 .story-heading .eyebrow{margin-bottom:10px}
 .story-heading h2{font-size:2.25rem;margin-bottom:17px}
 .story-copy>p{font-size:.91rem;line-height:1.6;margin-bottom:15px}
}
@media(max-width:360px){
 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.76fr);row-gap:5px}
 .hero-intro h1{font-size:2.19rem}
 .hero-visual{height:186px}
 .hero-content>p{font-size:.85rem;margin-bottom:12px}
 .hero-actions{gap:11px}
 .hero-actions .button{min-height:46px;padding:10px 12px;gap:9px;font-size:.72rem}
 .hero-actions .plain-link{font-size:.72rem}
 .hero-actions .plain-link span{margin-left:5px}
 .intro-band-inner a{font-size:.53rem;padding-inline:11px}
}
@media(prefers-reduced-motion:reduce){.intro-band-inner a{transition:none}}
.story-section .story-copy>p:not(.eyebrow){color:#4d4c49}
@media(max-width:900px){.hero-visual img{transform:none;filter:none}}
/* Compact carousel of published jackets. The image remains the visual anchor. */
.hero-carousel{position:absolute;inset:0;z-index:2}
.hero-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none}
.hero-carousel.is-ready .hero-slide{transition:opacity .35s ease,visibility .35s ease}
.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.hero-slide img{width:95%;height:95%;max-height:none;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(33,30,22,.12))}
.hero-slide-link{position:absolute;z-index:3;left:18px;bottom:18px;background:#fff;padding:10px 13px;font-size:.72rem;font-weight:800;line-height:1;box-shadow:0 4px 14px rgba(20,20,20,.08)}
.hero-slide-link span{margin-left:12px}
.hero-slide:hover .hero-slide-link,.hero-slide:focus-visible .hero-slide-link{background:var(--ink);color:#fff}
.hero-controls{position:absolute;z-index:4;right:18px;bottom:18px;display:flex;align-items:center;gap:2px;padding:0;background:transparent;box-shadow:none}
.hero-controls button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.82);color:var(--ink);font-size:.82rem;line-height:1;box-shadow:0 2px 8px rgba(20,20,20,.05)}
.hero-controls button:hover,.hero-controls button:focus-visible{background:var(--ink);color:#fff}
.hero-position{min-width:30px;text-align:center;font-size:.61rem;font-weight:800}
@media(max-width:900px){
 .hero-visual{margin-bottom:25px}
 .hero-slide img{width:96%;height:96%;transform:none;filter:none}
 .hero-slide-link{display:none}
 .hero-controls{left:50%;right:auto;bottom:-28px;transform:translateX(-50%)}
 .hero-controls button{width:28px;height:28px}
 .hero-position{min-width:30px}
}
@media(max-width:360px){.hero-controls{gap:1px}.hero-controls button{width:26px;height:26px}.hero-position{min-width:26px}}
@media(prefers-reduced-motion:reduce){.hero-carousel.is-ready .hero-slide{transition:none}}
/* Give complete product photos a quiet, consistent frame. */
.hero-visual:has(.hero-carousel) .hero-orbit,.hero-visual:has(.hero-static) .hero-orbit{display:none}
.hero-static{position:absolute;inset:0;display:grid;place-items:center;isolation:isolate;overflow:hidden}
.hero-slide{isolation:isolate;overflow:hidden}
.hero-visual{background:#e8e3dc}
.hero-static>img,.hero-carousel .hero-slide img{position:relative;z-index:1;width:100%;height:100%;max-height:none;object-fit:contain;padding:clamp(10px,2vw,28px);filter:none}
.hero-static>img{width:100%;height:100%}
.category-card.has-client-photo{background:#e7e2dc;isolation:isolate}
.category-card.has-client-photo>img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;padding:0;mix-blend-mode:normal}
.category-card.has-client-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 34%,transparent 52%,rgba(0,0,0,.56));pointer-events:none}
.category-card.has-client-photo .category-number,.category-card.has-client-photo .category-bottom{z-index:2;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.35)}
.category-card.is-brand-card{background:#e8e1da}
.category-card.is-brand-card>img.category-brand-logo{left:50%;top:44%;width:min(52%,200px);height:auto;object-fit:contain;mix-blend-mode:normal;transform:translate(-50%,-50%)}
.category-card.is-brand-card:hover>img.category-brand-logo{transform:translate(-50%,-50%) scale(1.04)}
@media(max-width:900px){.hero-static>img,.hero-carousel .hero-slide img{padding:6px}.hero-slide::before,.hero-static::before{opacity:.3}}
/* The four supplied 4:3 photographs fill the editorial frame without blur. */
.hero-carousel--editorial .hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center;padding:0}
@media(max-width:900px){.hero-carousel--editorial .hero-slide img{padding:0;object-position:center 30%}}
.home-video-section{background:#22211f;color:#fff;overflow:hidden}
.home-video-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(35px,5vw,70px);align-items:center;max-width:960px;padding-block:clamp(42px,5vw,70px)}
.home-video-intro .eyebrow{color:#ff9bca}
.home-video-intro h2{font-size:clamp(2.8rem,4.2vw,4.9rem);max-width:510px;margin-bottom:22px}
.home-video-intro h2 em{color:#ff9bca}
.home-video-intro>p:not(.eyebrow){max-width:370px;color:#d5d2cd;line-height:1.6;margin-bottom:24px}
.home-video-intro .plain-link{display:inline-block;font-size:.86rem}
.home-video-preview{display:flex;align-items:center;gap:17px;width:min(100%,350px);margin-top:55px;padding:12px 0;border:0;border-top:1px solid #5c5a57;border-bottom:1px solid #5c5a57;background:transparent;color:#fff;text-align:left}
.home-video-preview:hover,.home-video-preview:focus-visible{border-color:#ff9bca}
.home-video-preview-image{flex:none;display:grid;place-items:center;width:68px;height:82px;background:#393734;overflow:hidden}
.home-video-preview-image img{width:100%;height:100%;object-fit:cover}
.home-video-preview-text{display:grid;gap:3px}
.home-video-preview-text small{color:#ff9bca;font-size:.58rem;font-weight:800;letter-spacing:.12em}
.home-video-preview-text strong{font-size:1rem}
.home-video-preview-text>span{font-size:.7rem;font-weight:800}
.home-video-carousel{width:min(100%,320px);margin-inline:0}
.home-video-stage{position:relative}
.home-video-card{margin:0}
.home-video-card[hidden]{display:none}
.home-video-frame{aspect-ratio:9/16;background:#111;overflow:hidden}
.home-video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#111}
.home-video-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:12px;font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.home-video-card figcaption a{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-size:.68rem;letter-spacing:.03em;text-transform:none;border-bottom:1px solid rgba(255,255,255,.7)}
.home-video-card figcaption a:hover,.home-video-card figcaption a:focus-visible{color:#ff9bca;border-color:#ff9bca}
.home-video-controls:not([hidden]){display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px}
.home-video-controls button{display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border:1px solid #777470;border-radius:50%;background:transparent;color:#fff;font-size:1rem;line-height:1}
.home-video-controls button:hover,.home-video-controls button:focus-visible{background:#fff;color:#22211f}
.home-video-position{min-width:48px;text-align:center;font-size:.7rem;font-weight:800;white-space:nowrap}
@media(max-width:760px){.home-video-layout{display:block;padding-block:40px}.home-video-intro h2{font-size:clamp(2.35rem,7vw,3.7rem);max-width:520px;margin-bottom:14px}.home-video-intro>p:not(.eyebrow){margin-bottom:15px}.home-video-preview{display:none}.home-video-carousel{width:min(100%,255px);margin:28px auto 0}.home-video-card figcaption{font-size:.62rem}.home-video-controls:not([hidden]){gap:5px;margin-top:12px}.home-video-controls button{min-width:36px;height:36px}}
.inspiration-section{background:#f7f5f1;padding-block:clamp(44px,5vw,72px);overflow:hidden}
.inspiration-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}
.inspiration-heading .eyebrow{color:var(--magenta);margin-bottom:12px}
.inspiration-heading h2{font-size:clamp(2.2rem,3.6vw,3.8rem);max-width:560px;margin:0}
.inspiration-heading>p{max-width:370px;color:#5d5b57;font-size:.88rem;line-height:1.55;margin:0}
.inspiration-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:10px}
.inspiration-card{flex:0 0 clamp(210px,20vw,270px);min-width:0;margin:0;scroll-snap-align:start;display:block}
.inspiration-image{display:grid;place-items:center;aspect-ratio:1;background:#eae7e2;overflow:hidden;padding:8px}
.inspiration-image img{width:100%;height:100%;object-fit:contain}
.inspiration-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:.75rem;font-weight:800}
.inspiration-caption span{font-size:1rem;font-weight:400}
.inspiration-card:hover .inspiration-caption,.inspiration-card:focus-visible .inspiration-caption{color:var(--magenta)}
.inspiration-contact{display:inline-block;margin-top:16px;font-size:.82rem}
@media(max-width:760px){.inspiration-section{padding-block:42px}.inspiration-heading{display:block;margin-bottom:20px}.inspiration-heading h2{font-size:2.3rem;margin-bottom:12px}.inspiration-heading>p{font-size:.82rem}.inspiration-card{flex-basis:min(67vw,235px)}}
/* Flechas del banner centradas bajo la foto (celular y tablet) */
@media(max-width:900px){
 .hero-controls{left:50% !important;right:auto !important;transform:translateX(-50%) !important}
}