:root{--black:#0b0b0f;--white:#fff;--accent:#f50069;--line:#d8d8db}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--white);color:var(--black);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;top:-80px;background:white;padding:20px;z-index:30}.skip:focus{top:0}.announcement{background:var(--black);color:#fff;display:flex;justify-content:space-between;padding:10px 4%;font-size:.75rem;letter-spacing:.11em}header{display:flex;justify-content:space-between;align-items:center;padding:12px 4%;background:var(--white);gap:20px;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:8px;font-size:2rem;font-weight:900;letter-spacing:-.07em;white-space:nowrap}.logo img{width:43px;height:50px}nav{display:flex;gap:27px;font-size:.875rem}nav a:hover{text-decoration:underline;text-underline-offset:6px}.explore{font-size:.75rem;font-weight:700}.explore span{margin-left:20px;font-size:1.4rem}.hero{position:relative;background:var(--black);color:white;min-height:650px;height:calc(100svh - 112px);max-height:900px;display:flex;flex-direction:column;justify-content:space-between;padding:28px 4% 44px;isolation:isolate;overflow:hidden}.hero-photos{position:absolute;inset:0;z-index:-2;display:grid;grid-template-columns:1fr 1fr;gap:2px}.hero-photos img{width:100%;height:100%;min-width:0;object-fit:cover;object-position:center 37%}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0004 0%,#0000 25%,#0005 52%,#000d 100%)}.hero-top{display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.15em}.eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:700;margin:0 0 23px}h1{font-size:clamp(3rem,7.9vw,8.5rem);line-height:.96;letter-spacing:-.065em;margin:0;font-weight:900}h1 em{font-style:normal;color:white}.hero-copy{padding-top:100px}.hero-copy .eyebrow{display:inline-block;background:var(--accent);padding:8px 11px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:28px;gap:25px}.hero-bottom p{line-height:1.6;font-size:1rem;margin:0}.cta{display:flex;justify-content:space-between;gap:35px;background:var(--white);color:var(--black);padding:20px 24px;font-size:.875rem;font-weight:700}.cta:hover{background:var(--accent);color:white}.editorial-line{display:flex;justify-content:space-between;padding:22px 4%;border-bottom:1px solid var(--line);font-size:.75rem;letter-spacing:.09em}.collection-section,.gallery-section{padding:85px 4%}.section-heading{max-width:840px;margin-bottom:36px}.section-heading h2,.gallery-heading h2{font-size:clamp(2rem,4.2vw,4.1rem);letter-spacing:-.055em;line-height:1.05;margin:0 0 20px}.section-heading>p:last-child,.gallery-heading>p{color:#55555e;font-size:1rem;line-height:1.65}.collections{display:grid;grid-template-columns:1fr 1fr;gap:20px}.collection{height:560px;position:relative;overflow:hidden;background:#17171c;color:white}.collection img{width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .65s}.collection:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#000c)}.collection>div{position:absolute;z-index:1;bottom:27px;left:27px;right:27px}.collection span{font-size:.75rem;letter-spacing:.15em}.collection h3{display:flex;justify-content:space-between;gap:15px;font-size:clamp(1.2rem,2.5vw,2.8rem);letter-spacing:-.04em;margin:14px 0 0}.collection h3 b{font-weight:400}.collection:hover img{transform:scale(1.035)}.gallery-section{border-top:1px solid var(--line)}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding:24px 0;margin-top:28px}.filters button{padding:11px 18px;border:1px solid var(--line);background:transparent;font-size:.875rem;color:var(--black)}.filters button[aria-pressed=true]{background:var(--black);color:white;border-color:var(--black)}#count{margin-left:auto;font-size:.75rem;color:#666}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 18px}.card{min-width:0;background:transparent;color:var(--black);border:0;text-align:left;padding:0}.card-image{aspect-ratio:3/4;background:#e7e7e9;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.card:hover img{transform:scale(1.03)}.card-image span{position:absolute;right:12px;bottom:12px;background:white;width:34px;height:34px;text-align:center;line-height:34px;font-size:1.2rem}.card h3{font-size:.875rem;line-height:1.45;font-weight:600;margin:14px 0 5px}.card p{font-size:.75rem;color:#666;margin:0}.card-image img[src*="galeria-01"]{height:142%;max-width:none;position:absolute;top:-20%}.card-image img[src*="galeria-09"]{height:168%;position:absolute;top:-34%}.universe{background:var(--black);color:white;padding:75px 4% 0;overflow:hidden}.universe .eyebrow{color:#f50069}.universe h2{font-size:clamp(2.5rem,6vw,6rem);line-height:1.05;letter-spacing:-.055em;margin:0}.universe-bottom{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-top:25px}.universe-bottom p{max-width:510px;line-height:1.7;color:#bfc2c9}.universe-bottom a{font-size:.875rem;padding-bottom:12px;border-bottom:1px solid #777}.brand-signature{display:flex;align-items:center;justify-content:center;gap:5vw;margin:55px auto 20px}.brand-signature img{width:clamp(100px,22vw,260px)}.brand-signature span{font-size:clamp(6rem,23vw,25rem);line-height:1;font-weight:900;letter-spacing:-.08em}footer{background:var(--black);color:#bfc2c9;display:flex;justify-content:space-between;gap:20px;padding:30px 4%;border-top:1px solid #343439;font-size:.75rem;letter-spacing:.06em}dialog{border:0;padding:24px;background:#121217;color:white;width:90vw;max-width:900px;max-height:94dvh}dialog::backdrop{background:#000d}#close-viewer{position:absolute;top:14px;right:14px;width:44px;height:44px;border:0;background:white;z-index:2}#viewer-image{width:100%;height:65dvh;object-fit:contain;display:block}.viewer-caption{display:flex;justify-content:space-between;align-items:center;gap:15px}.viewer-caption h2{font-size:1rem}.viewer-caption p{font-size:.875rem}.viewer-controls{display:flex;justify-content:space-between}.viewer-controls button{border:1px solid #777;background:transparent;color:white;padding:12px 16px}.hero-copy{animation:arrive .8s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){nav{gap:15px}.explore{display:none}.collection{height:450px}}@media(max-width:600px){header{flex-wrap:wrap;gap:10px;padding:10px 5%}.logo{font-size:1.7rem}.logo img{height:34px;width:30px}nav{order:2;width:100%;justify-content:space-between;gap:8px;font-size:.8rem}.announcement{font-size:.65rem;padding:9px 5%}.announcement span{display:none}.hero{min-height:590px;height:76svh;padding:24px 5% 30px}.hero-top{font-size:.65rem;letter-spacing:.06em}h1{font-size:clamp(2.6rem,9.3vw,4rem);letter-spacing:-.065em}.hero-photos img{object-position:50% 35%}.hero-bottom{display:block;margin-top:20px}.hero-bottom p{font-size:.9rem}.cta{display:inline-flex;gap:28px;margin-top:22px;padding:17px 20px}.editorial-line{padding:18px 5%;font-size:.65rem}.editorial-line span:last-child{display:none}.collection-section,.gallery-section{padding:48px 5%}.collections{gap:12px}.collection{height:330px}.collection>div{left:14px;right:14px;bottom:18px}.collection span{font-size:.65rem;letter-spacing:.07em}.collection h3{font-size:1.2rem;line-height:1.1}.gallery-heading{display:block}.gallery{grid-template-columns:repeat(2,1fr);gap:27px 12px}.filters{gap:6px;padding:18px 0}.filters button{padding:10px 12px}#count{width:100%;margin-top:7px}.universe{padding:50px 5% 0}.universe-bottom{display:block}.universe-bottom a{display:inline-block;margin-top:18px}.brand-signature{gap:14px;margin-top:40px}.brand-signature img{width:27%}.brand-signature span{font-size:22vw}footer{flex-wrap:wrap;line-height:1.6}.eyebrow{font-size:.7rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Dirección comercial: blanco y negro con acentos fucsia M&K. */
.announcement{display:none}header{padding:10px 3%;min-height:68px;border-bottom:0;gap:35px}.logo{color:var(--accent);font-size:1.7rem}.logo img{width:37px;height:43px}nav{margin-right:auto;gap:26px;font-size:.875rem}nav a{text-transform:uppercase;font-size:.75rem;letter-spacing:.03em}.explore{font-weight:400}.campaign-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.campaign-panel{height:68svh;min-height:440px;max-height:760px;position:relative;overflow:hidden;background:#eee}.campaign-panel img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform .6s}.campaign-panel:hover img{transform:scale(1.02)}.campaign-panel span{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);background:white;color:#111;padding:14px 22px;font-size:.875rem;white-space:nowrap}.campaign-caption{text-align:center;padding:35px 20px 45px}.campaign-caption h1{font-size:clamp(2rem,3.7vw,3.5rem);letter-spacing:-.04em;line-height:1.1;font-weight:600}.campaign-caption .eyebrow{font-size:.7rem;font-weight:400;margin-bottom:14px}.campaign-caption>p:not(.eyebrow){font-size:1rem;color:#555;margin:15px 0 22px}.campaign-caption>a{font-size:.875rem;text-decoration:underline;text-underline-offset:5px}.editorial-line{display:none}.collection-section,.gallery-section{padding:55px 3%}.section-heading{max-width:none;text-align:center}.section-heading h2,.gallery-heading h2{font-size:clamp(1.75rem,3vw,2.8rem);font-weight:500;letter-spacing:-.035em}.section-heading>p:last-child{font-size:.9rem}.eyebrow{font-weight:400}.collections{gap:16px}.collection{height:500px}.collection h3{font-size:2rem;font-weight:500}.collection span{font-size:.7rem}.gallery-section{border-top:0}.filters button{border:0;border-bottom:1px solid transparent;padding:10px 15px}.filters button[aria-pressed=true]{background:transparent;color:var(--black);border-bottom-color:var(--black)}.card h3{font-weight:400}.card-image span{background:#fff}.universe{background:#f4f4f4;color:#111;padding:55px 4% 0}.universe h2{font-size:clamp(2rem,4vw,4rem);font-weight:500}.universe-bottom p{color:#555}.brand-signature{margin-top:30px;gap:20px}.brand-signature img{width:100px}.brand-signature span{font-size:7rem;color:var(--accent)}footer{background:#f4f4f4;color:#444;border-color:#ddd}@media(max-width:900px){header{gap:20px}nav{gap:14px}nav a{font-size:.7rem}}@media(max-width:600px){header{gap:8px;padding:10px 4%}.logo{font-size:1.5rem}.logo img{width:30px;height:33px}nav{gap:10px;justify-content:flex-start;overflow-x:auto;white-space:nowrap;padding:5px 0}nav a{font-size:.75rem;flex-shrink:0}.campaign-panel{height:53svh;min-height:340px}.campaign-panel img{object-position:50% 38%}.campaign-panel span{bottom:18px;padding:12px 13px;font-size:.8rem}.campaign-caption{padding:28px 5% 30px}.collection-section,.gallery-section{padding:35px 4%}.collection{height:330px}.collection h3{font-size:1.5rem}.universe{padding:40px 5% 0}.brand-signature img{width:70px}.brand-signature span{font-size:5rem}}

.upcoming{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 3% 30px}.upcoming article{background:#f4f4f4;padding:38px;scroll-margin-top:110px}.upcoming h2{font-size:clamp(1.4rem,2.3vw,2.2rem);font-weight:500;letter-spacing:-.035em;margin:0 0 16px}.upcoming p:not(.eyebrow){font-size:.9rem;line-height:1.6;color:#555}.upcoming span{display:inline-block;border-bottom:2px solid var(--accent);padding-bottom:7px;font-size:.8rem;margin-top:15px}.upcoming .eyebrow{color:#9e003d}@media(max-width:600px){.upcoming{grid-template-columns:1fr;padding:0 4% 25px}.upcoming article{padding:28px}nav{justify-content:space-between}header{position:sticky}}

.social-links{display:flex;flex-direction:column;gap:12px;line-height:1.5}.social-links a:hover{text-decoration:underline}.whatsapp-contact{position:fixed;bottom:22px;right:22px;z-index:15;display:flex;align-items:center;gap:20px;background:#111;color:white;padding:15px 20px;font-size:.875rem;border-bottom:3px solid var(--accent);box-shadow:0 3px 15px #0002}.whatsapp-contact:hover{background:#333}footer{padding-bottom:95px}@media(max-width:600px){.whatsapp-contact{bottom:15px;right:15px;padding:12px 16px}.social-links{width:100%;font-size:.8rem}}

/* Streetwear campaign films */
.campaign-panel>a{display:block;width:100%;height:100%}.campaign-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:saturate(.72)}.campaign-panel>a:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.32));pointer-events:none}.campaign-panel>a>span{z-index:2}.motion-toggle{position:absolute;right:16px;top:16px;z-index:3;border:1px solid #ffffff70;border-radius:0;background:#111b;color:white;font:inherit;font-size:13px;padding:10px 14px;cursor:pointer;min-height:44px}.motion-toggle:hover{background:#111}.motion-toggle:focus-visible,.campaign-panel>a:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}@media(max-width:600px){.motion-toggle{right:8px;top:8px;padding:8px;font-size:12px}.campaign-video{object-position:50% 35%}}

.campaign-selector{position:absolute;z-index:3;left:14px;top:16px;display:flex;gap:5px}.campaign-selector button{min-width:44px;min-height:44px;background:#111a;border:1px solid #ffffff70;color:#fff;font:inherit;font-size:13px;cursor:pointer}.campaign-selector button[aria-pressed="true"]{background:#fff;color:#111;border-bottom:3px solid var(--accent)}.campaign-selector button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.campaign-video{filter:saturate(.55) contrast(1.04)}@media(max-width:600px){.campaign-selector{left:8px;top:8px;gap:3px}.campaign-selector button{min-width:32px;font-size:12px}}

/* M&K campaign palette: charcoal, white and restrained fuchsia lighting. */
.campaign-panel{background:#0b0b0f}.campaign-video{filter:saturate(.85) contrast(1.08) brightness(.9)}.campaign-panel>a:after{inset:0;background:linear-gradient(135deg,rgba(245,0,105,.2),transparent 55%),linear-gradient(0deg,rgba(11,11,15,.48),transparent 50%);pointer-events:none}.campaign-selector button[aria-pressed="true"]{border-bottom-color:#f50069}.campaign-panel>a>span{border-bottom:3px solid #f50069}

.campaign-editorial .campaign-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;opacity:0;transition:opacity .7s ease;transform:scale(1.015);filter:none}.campaign-editorial .campaign-photo.is-active{opacity:1;animation:editorial-drift 9s ease-in-out infinite alternate}.campaign-editorial.motion-paused .campaign-photo{animation-play-state:paused}.campaign-editorial>a:after{background:linear-gradient(0deg,#0b0b0f55,transparent 40%)}.campaign-caption .campaign-disclosure{font-size:12px;color:#666;margin:8px 0 14px;letter-spacing:.02em}@keyframes editorial-drift{from{transform:scale(1.015) translateY(0)}to{transform:scale(1.065) translateY(-.5%)}}@media(prefers-reduced-motion:reduce){.campaign-editorial .campaign-photo{transition:none}.campaign-editorial .campaign-photo.is-active{animation:none}}

.campaign-editorial .campaign-photo{object-position:50% 15%}.campaign .campaign-caption p.campaign-disclosure{font-size:12px;line-height:1.5}

/* Personaliza tu estilo — custom clothing business line */
nav .nav-custom{color:#c80056;font-weight:700}.custom-style{margin:60px 4% 80px;display:grid;grid-template-columns:1fr 1fr;background:#f6f6f6;scroll-margin-top:24px}.custom-art{min-height:590px;padding:45px;display:flex;flex-direction:column;justify-content:space-between;background:#0b0b0f;color:white;overflow:hidden}.custom-art img{width:70px;height:70px;object-fit:contain}.custom-art p{font-size:clamp(3.2rem,6.7vw,7.5rem);font-weight:900;line-height:.94;letter-spacing:-.055em;margin:50px 0}.custom-art p span{color:#f50069}.custom-art-note{font-size:12px;letter-spacing:.15em;color:#e0e0e0;border-top:1px solid #ffffff40;padding-top:20px}.custom-content{padding:48px clamp(25px,4vw,65px)}.custom-content .eyebrow{color:#ad004a;font-size:12px;letter-spacing:.1em}.custom-content h2{font-size:clamp(2.2rem,4vw,4.3rem);letter-spacing:-.045em;line-height:1.02;margin:20px 0}.custom-intro{font-size:16px;line-height:1.65;max-width:520px;color:#444}.custom-steps{list-style:none;padding:0;counter-reset:step;margin:26px 0 30px}.custom-steps li{counter-increment:step;position:relative;padding:14px 0 14px 40px;border-top:1px solid #d8d8db}.custom-steps li:before{content:'0' counter(step);position:absolute;left:0;top:16px;color:#ad004a;font-size:12px}.custom-steps strong{display:block;font-size:15px;margin-bottom:6px}.custom-steps li span{display:block;font-size:14px;line-height:1.5;color:#555}.custom-cta{display:inline-flex;align-items:center;gap:38px;padding:16px 24px;background:#0b0b0f;color:#fff;border-bottom:3px solid #f50069;font-size:14px}.custom-cta:hover{background:#28282c}.custom-note{font-size:13px;line-height:1.5;color:#666;margin:16px 0 0}@media(max-width:900px){header nav{gap:18px;flex-wrap:wrap;justify-content:center}nav .nav-custom{white-space:nowrap}.custom-art{padding:30px;min-height:550px}}@media(max-width:600px){header nav{row-gap:12px}nav .nav-custom{flex-basis:100%;text-align:center;padding-bottom:3px}.custom-style{grid-template-columns:1fr;margin:40px 4% 55px}.custom-art{min-height:310px;padding:28px}.custom-art img{width:45px;height:45px}.custom-art p{font-size:3.8rem;margin:35px 0}.custom-content{padding:30px 25px}.custom-content h2{font-size:2.6rem}html{scroll-padding-top:150px}}

/* Rounded surfaces across the M&K storefront. */
:root{--radius-card:18px;--radius-control:12px}
.campaign-panel,.collection,.card-image,.upcoming article,.custom-style,.universe{border-radius:var(--radius-card);overflow:hidden}
.campaign-panel>a>span,.motion-toggle,.campaign-selector button,.filters button,.custom-cta,.whatsapp-contact,.viewer-controls button,#close-viewer,.skip{border-radius:var(--radius-control)}
.card{border-radius:var(--radius-card)}
.collection img,.card-image img{border-radius:inherit}
#viewer{border-radius:20px;overflow:hidden}#viewer-image{border-radius:14px}
@media(max-width:600px){:root{--radius-card:14px;--radius-control:10px}}
/* Identidad K&M Urban Style: maestros del manual seleccionado. */
header .logo{flex-shrink:0;padding:8px 0}header .logo img{width:112px;height:auto;max-height:none;object-fit:contain}.brand-signature{justify-content:center;padding:36px}.brand-signature img{width:min(350px,75vw);height:auto;filter:none}.custom-art>img{width:140px;height:auto;filter:none;opacity:1}.footer-brand img{display:block;width:110px;height:auto}footer{align-items:center;flex-wrap:wrap;gap:24px}.admin-logo{width:110px;height:auto}@media(max-width:650px){header .logo img{width:90px}.brand-signature{padding:24px}.custom-art>img{width:110px}}
#viewer{max-height:92dvh;overflow:auto}#viewer>img{max-height:48dvh;object-fit:contain}.gallery-buy{padding:16px 24px;text-align:left}.gallery-buy>p{margin:10px 0;line-height:1.5}#gallery-options{display:flex;gap:14px;margin:16px 0}#gallery-options label{display:grid;gap:7px;flex:1;min-width:0}#gallery-options input,#gallery-options select{width:100%;padding:12px;border:1px solid #ccc;border-radius:10px;background:white;color:#161616}.gallery-buy button{padding:12px 18px;border-radius:12px;margin:4px 8px 4px 0}.gallery-buy .community-button{background:#141414;color:white}#gallery-price{font-weight:700}#viewer .viewer-controls{position:static;padding:12px 24px}@media(max-width:600px){.gallery-buy{padding:14px}#viewer>img{max-height:35dvh}#gallery-options{gap:10px}.gallery-buy button{width:100%;margin:5px 0}}