/* CPNC / Cinema Edition. Capas visuales sin dependencias externas. */
:root{--copper-glow:rgba(239,108,31,.18)}
.scroll-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--copper);transform:scaleX(var(--scroll-progress,0));transform-origin:left;z-index:2;pointer-events:none}
.site-header{transition:background .3s,border-color .3s}
.site-header.is-scrolled{background:rgba(8,8,8,.98);border-color:#45403b}
.button-primary{position:relative;overflow:hidden;isolation:isolate}
.button-primary::before{content:'';position:absolute;z-index:-1;inset:0;transform:translateX(-105%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);transition:transform .65s var(--ease)}
.button-primary:hover::before{transform:translateX(105%)}
.button .icon{transition:transform .3s var(--ease)}
.button:hover .icon{transform:translateX(3px)}
.hero-cinema.hero{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;max-width:none;margin:0;padding:0;gap:0;min-height:710px;background:var(--black);overflow:hidden}
.hero-cinema .hero-visual{position:absolute;inset:0;z-index:-1;width:100%;height:100%;margin:0;border:0;border-radius:0;background:var(--black);color:var(--white);pointer-events:none;overflow:hidden;display:block}
.hero-cinema .hero-image-wrap{position:absolute;inset:0;width:100%;height:100%;display:block;max-height:none;overflow:hidden;transform:translate3d(0,var(--hero-shift,0px),0) scale(1.025);transform-origin:center;will-change:transform}
.hero-cinema .hero-image-wrap img,.hero-cinema .hero-image-wrap video{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:68% center;aspect-ratio:auto}
.hero-cinema .hero-image-wrap video{opacity:0;transition:opacity .8s ease}
.hero-cinema .hero-image-wrap video.is-playing{opacity:1}
.hero-cinema .hero-visual.logo-only .hero-image-wrap{inset:10% 4% 10% auto;width:43%;height:80%;transform:none;opacity:.4}
.hero-cinema .hero-visual.logo-only .hero-image-wrap img{object-fit:contain;object-position:center}
.hero-cinema .hero-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,8,.72) 0%,rgba(8,8,8,.65) 43%,rgba(8,8,8,.12) 70%,#080808 100%),linear-gradient(90deg,rgba(8,8,8,.36),transparent 90%)}
.hero-cinema .hero-art-label{position:absolute;z-index:1;top:29px;right:32px;padding:0;display:none;flex-direction:column;align-items:flex-end;gap:6px;color:var(--chrome);font-size:.75rem;line-height:1.5;letter-spacing:.1em}
.hero-cinema .hero-visual figcaption{position:absolute;left:20px;bottom:97px;right:20px;z-index:1;justify-content:space-between;border:0;margin:0;padding:0;gap:14px;font-size:.75rem;line-height:1.4;font-weight:400;color:#b7b7bc}
.hero-cinema .hero-photo-note{color:#b7b7bc}
.hero-cinema .hero-layout{position:relative;display:flex;align-items:flex-start;flex:1;padding-top:44px;padding-bottom:175px;min-height:620px}
.hero-cinema .hero-copy{position:relative;padding:0;z-index:2;width:100%;min-width:0}
.hero-cinema .eyebrow{margin-bottom:24px;font-size:.75rem;gap:10px;letter-spacing:.07em}
.hero-cinema h1{font-size:clamp(2.75rem,11.1vw,5.5rem);line-height:.99;letter-spacing:-.055em;white-space:normal;max-width:100%;text-shadow:0 2px 25px #0003}
.hero-cinema h1 .headline-line{display:block;color:var(--white)}
.hero-cinema h1 em{font-style:normal;color:var(--copper)}
.hero-cinema .hero-subtitle{font-size:1rem;line-height:1.75;max-width:385px;margin-top:24px;color:#d5d7da}
.hero-cinema .hero-actions{margin-top:28px;gap:12px;max-width:415px}
.hero-cinema .hero-actions .button{min-height:56px}
.hero-cinema .button-outline{background:rgba(8,8,8,.4);border-color:#77777a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hero-cinema .button-outline:hover{background:var(--surface);border-color:var(--chrome)}
.hero-cinema .hero-signature{margin-top:28px;max-width:415px;font-size:.75rem;letter-spacing:.06em;color:#b4b4ba}
.hero-cinema .signature-line{background:var(--copper)}
.hero-cinema .signature-coordinates{color:#ddd}
.hero-brand-stamp{display:none}
.hero-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:81px;border-top:1px solid #ffffff25;padding-block:14px}
.scroll-cue{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;letter-spacing:.04em;min-height:44px;color:var(--chrome)}
.scroll-line{width:1px;height:26px;background:#555;position:relative;overflow:hidden}
.scroll-line::after{content:'';position:absolute;inset:0 0 auto;height:12px;background:var(--copper);transform:translateY(var(--cue-offset,0px))}
.scroll-cue:hover{color:var(--copper)}
.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#080808aa;border:1px solid #505053;border-radius:2px;padding:9px 10px;min-height:44px;font-size:.75rem;line-height:1.35;white-space:normal;max-width:175px}
.motion-toggle .icon{width:15px;height:15px;color:var(--copper)}
.motion-toggle:hover{border-color:var(--copper)}
.motion-toggle[aria-pressed=true]{background:#1a1714}
.hero-edition{display:none}
.culture-strip{background:var(--copper);color:var(--black);border:0;position:relative;overflow:hidden}
.culture-strip-inner{min-height:66px;font-weight:700;letter-spacing:.08em}
.culture-strip .strip-plus{color:var(--black)}
.culture-strip .strip-location{color:var(--black);font-weight:600}
.culture-strip .strip-location .icon{color:var(--black)}
.collection .section-heading h2{max-width:600px;font-size:clamp(2.3rem,5.5vw,4.7rem)}
.section-heading{position:relative}
.section-heading::after{content:'';display:block;width:55px;height:2px;background:var(--copper);position:absolute;left:0;bottom:-17px}
.section-heading .section-note{max-width:285px}
.product-grid{padding-top:8px}
.product-card{position:relative}
.product-media{background:linear-gradient(145deg,#1b1b1c,#0d0d0e);border:1px solid #393433;transition:border-color .45s,box-shadow .45s;isolation:isolate}
.product-card:hover .product-media,.product-card:focus-within .product-media{border-color:#a35327;box-shadow:0 15px 50px #0005}
.product-media::after{content:'';position:absolute;inset:0;border:1px solid transparent;background:radial-gradient(350px circle at var(--spot-x,50%) var(--spot-y,30%),rgba(239,108,31,.1),transparent 75%);pointer-events:none;opacity:0;transition:opacity .45s}
.product-card:hover .product-media::after{opacity:1}
.photo-placeholder{padding:22px;justify-content:flex-start}
.placeholder-top{flex-shrink:0;font-size:.75rem;letter-spacing:.09em}
.placeholder-mark{font-size:clamp(4.8rem,19vw,10rem);margin:auto 0 5px;color:#48423e;letter-spacing:-.09em;line-height:.85;transition:color .5s,transform .6s var(--ease)}
.product-card:hover .placeholder-mark{color:#675342;transform:translateY(-5px)}
.placeholder-design-title{align-self:center;font-family:var(--font-heading);font-weight:500;color:var(--chrome);font-size:.875rem;letter-spacing:.035em;max-width:90%;text-align:center;margin-top:13px;margin-bottom:auto}
.placeholder-bottom{border-top:1px solid #393433;padding-top:15px;margin-top:22px;font-size:.75rem;color:var(--muted);width:100%}
.product-index{font-size:.875rem}
.collection-note{display:flex;align-items:center;gap:12px}
.collection-note::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--copper);flex-shrink:0}
.story{position:relative;isolation:isolate;overflow:hidden;background:#0d0d0e;min-height:450px;border-color:#35302c}
.story-visual{position:absolute;inset:0;z-index:-2;background-position:95% center;background-size:auto 140%;background-repeat:no-repeat;opacity:.34}
.story::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080808f5 0%,#080808ef 45%,#08080891 100%)}
.story-grid{position:relative;z-index:1}
.story-watermark{position:absolute;right:1%;bottom:-.15em;font-family:var(--font-heading);font-size:clamp(10rem,28vw,28rem);line-height:1;font-weight:700;letter-spacing:-.09em;color:#ffffff04;pointer-events:none;z-index:0}
.story-signature{border-color:#544238}
.story-signature .wordmark{color:var(--white)}
.story .story-copy>p{color:#d2d4d7}
.lookbook .section-heading h2{font-size:clamp(2.5rem,6vw,5.2rem);line-height:.98}
.lookbook .section-note{font-size:.875rem;max-width:290px}
.lookbook-grid{padding-top:12px}
.lookbook-card{position:relative}
.lookbook-media{position:relative;isolation:isolate;border-color:#39322f;aspect-ratio:4/5;background:#151516}
.lookbook-card.is-concept .lookbook-media::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0002,transparent 40%,#000c 100%)}
.lookbook-card.is-concept .lookbook-photo{transition:transform 1.2s var(--ease);object-position:center}
.lookbook-card.is-concept:hover .lookbook-photo{transform:scale(1.06)}
.lookbook-card.is-concept:nth-child(3) .lookbook-photo{object-position:76% center}
.concept-label{position:absolute;top:19px;left:19px;z-index:2;font-size:.75rem;letter-spacing:.08em;display:flex;align-items:center;gap:8px;color:#ddd;background:#0808089c;border:1px solid #ffffff2a;padding:5px 9px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.concept-label::before{content:'';width:4px;height:4px;background:var(--copper)}
.concept-caption{position:absolute;z-index:2;bottom:24px;left:24px;right:24px;pointer-events:none}
.concept-caption h3{font-size:clamp(2rem,6vw,3.4rem);letter-spacing:-.05em;line-height:1}
.concept-caption p{font-size:.875rem;color:var(--chrome);margin-top:10px}
.lookbook-card figcaption{padding-top:14px;color:var(--chrome)}
.lookbook-card figcaption>span:first-child{font-size:.75rem}
.purchase{background:linear-gradient(135deg,#0c0c0d,#080808);border-top-color:#3b322c}
.faq-item{transition:border-color .25s}
.faq-item[open]{border-color:var(--copper)}
.faq-item[open] p{animation:faq-in .28s var(--ease)}
.site-footer{position:relative;overflow:hidden;background:#0c0c0d;padding-top:55px;border-color:#3c342f}
.site-footer::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,var(--copper),transparent 65%)}
.footer-brand .wordmark{font-size:3.5rem}
.footer-socials>a .icon{transition:transform .3s var(--ease)}
.footer-socials>a:hover .icon{transform:translate(3px,-3px)}
.cart-count.bump{animation:cart-bump .4s var(--ease)}
.cart-dialog{box-shadow:-20px 0 100px #0008}
.cart-header .eyebrow{color:var(--copper)}
@keyframes cart-bump{0%,100%{transform:scale(1)}45%{transform:scale(1.25)}}
@keyframes faq-in{from{opacity:.5;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@keyframes headline-in{from{transform:translateY(22px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:no-preference){.hero-cinema .headline-line{animation:headline-in .85s var(--ease) both}.hero-cinema .headline-line:nth-child(2){animation-delay:.1s}.hero-cinema .headline-line:nth-child(3){animation-delay:.2s}}
@media(min-width:600px){
  .hero-cinema.hero{min-height:800px}
  .hero-cinema .hero-layout{padding-top:64px;padding-bottom:150px}
  .hero-cinema h1{font-size:clamp(3.8rem,9vw,6.5rem)}
  .hero-cinema .hero-copy{max-width:650px}
  .hero-cinema .hero-actions{max-width:none}
  .hero-cinema .hero-visual figcaption{left:auto;right:32px;bottom:103px;align-items:flex-end;flex-direction:column;font-size:.75rem}
  .hero-cinema .hero-visual::after{background:linear-gradient(90deg,#080808d9 0%,#08080899 45%,#08080810 80%),linear-gradient(180deg,#08080830 0%,transparent 50%,#080808 100%)}
  .hero-cinema .hero-signature{margin-top:34px}
  .hero-edition{display:block;font-size:.75rem;color:var(--muted);letter-spacing:.08em}
  .scroll-cue{font-size:.75rem;letter-spacing:.09em}
  .motion-toggle{font-size:.875rem;gap:10px;max-width:none;padding-inline:14px}
  .product-media{aspect-ratio:5/4}
  .placeholder-design-title{font-size:.875rem;letter-spacing:0}
  .lookbook-card.is-concept:nth-child(2){padding-top:40px}
  .lookbook-media{aspect-ratio:3/4}
  .concept-caption{left:17px;right:17px;bottom:20px}
  .concept-caption h3{font-size:1.7rem}
  .concept-caption p{font-size:.875rem;line-height:1.5}
  .concept-label{top:14px;left:14px;font-size:.75rem;letter-spacing:.02em;padding-inline:7px}
  .story-visual{background-size:auto 180%;opacity:.45}
}
@media(min-width:980px){
  .hero-cinema.hero{min-height:720px;min-height:min(900px,max(710px,calc(100svh - var(--header))))}
  .hero-cinema .hero-layout{padding-top:70px;padding-bottom:88px;align-items:center;min-height:620px}
  .hero-cinema .hero-copy{max-width:65%;width:fit-content}
  .hero-cinema h1{font-size:clamp(4.5rem,6.7vw,7.8rem);letter-spacing:-.055em;line-height:.99;white-space:normal}
  .hero-cinema .hero-image-wrap img,.hero-cinema .hero-image-wrap video{object-position:center}
  .hero-cinema .hero-visual::after{background:linear-gradient(90deg,#0808089c 0%,#08080875 30%,#08080808 63%,transparent),linear-gradient(180deg,#08080840,transparent 30%,#08080800 60%,#080808 100%)}
  .hero-cinema .hero-subtitle{font-size:1.05rem;max-width:440px;line-height:1.8;margin-top:30px}
  .hero-cinema .hero-actions{margin-top:32px;gap:16px}
  .hero-cinema .hero-actions .button{min-width:185px;padding-inline:23px;min-height:58px}
  .hero-cinema .hero-signature{margin-top:38px;max-width:420px}
  .hero-cinema .hero-visual figcaption{right:48px;bottom:106px;gap:5px}
  .hero-cinema .hero-art-label{display:flex;right:48px;top:34px}
  .hero-bottom{min-height:86px;padding-block:17px}
  .hero-brand-stamp{position:absolute;right:0;bottom:185px;display:flex;align-items:center;gap:13px;padding:12px 14px;border:1px solid #ffffff2b;background:#08080870;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .hero-brand-stamp img{width:49px;height:59px;object-fit:contain;background:white;border-radius:1px}
  .hero-brand-stamp span{font-family:var(--font-heading);font-size:.75rem;letter-spacing:.055em;line-height:1.5;color:var(--chrome)}
  .culture-strip-inner{gap:48px;min-height:80px;font-size:1.3rem}
  .culture-strip .strip-location{font-size:.75rem}
  .product-grid{gap:40px}
  .photo-placeholder{padding:30px}
  .placeholder-mark{font-size:clamp(6rem,13vw,12rem)}
  .placeholder-design-title{font-size:1rem;letter-spacing:.04em}
  .story-visual{background-position:105% center;background-size:auto 185%;opacity:.53}
  .story::before{background:linear-gradient(90deg,#080808fc 0%,#080808eb 43%,#08080891 100%)}
  .story h2{font-size:clamp(3.25rem,5.3vw,5rem)}
  .story-copy{padding-top:50px}
  .lookbook-grid{grid-template-columns:1fr 1fr 1fr;gap:28px;align-items:start}
  .lookbook-card.is-concept:nth-child(2){padding-top:62px}
  .lookbook-card.is-concept:nth-child(3){padding-top:26px}
  .concept-caption{left:25px;right:25px;bottom:29px}
  .concept-caption h3{font-size:clamp(2rem,3vw,3rem)}
  .concept-caption p{font-size:1rem}
  .concept-label{left:21px;top:21px;letter-spacing:.04em}
}
@media(min-width:1500px){.hero-cinema .hero-layout{padding-top:90px;padding-bottom:100px}.hero-cinema .hero-visual figcaption,.hero-cinema .hero-art-label{right:max(48px,calc((100vw - var(--wrap))/2))}.hero-cinema .hero-subtitle{font-size:1.15rem}.hero-brand-stamp{bottom:180px}.hero-cinema h1{font-size:7.9rem}}
@media(max-width:359px){.hero-cinema h1{font-size:2.65rem}.hero-cinema .hero-actions .button{flex-basis:100%}.hero-cinema .hero-layout{padding-bottom:150px}.hero-cinema .hero-visual figcaption{left:16px;right:16px;font-size:.75rem;gap:6px}.hero-cinema .hero-photo-note{max-width:130px;text-align:right}.scroll-cue{font-size:.75rem;letter-spacing:0;max-width:135px}.hero-bottom{gap:10px}.motion-toggle{max-width:135px}.hero-cinema .eyebrow-place{margin-left:0}.hero-cinema .hero-signature{gap:10px}}
@media(prefers-reduced-motion:reduce){.hero-cinema .hero-image-wrap{transform:none;will-change:auto}.reveal-in{animation:none!important}.button::before{display:none}.scroll-progress{transition:none}.product-card:hover .placeholder-mark{transform:none}.lookbook-card.is-concept:hover .lookbook-photo{transform:none}}
@media print{.hero-cinema.hero{min-height:auto}.hero-cinema .hero-layout{min-height:auto;padding-block:30px}.hero-cinema .hero-visual,.hero-bottom,.hero-brand-stamp,.story-visual,.story-watermark{display:none}.hero-cinema h1 .headline-line{color:#000}.hero-cinema .hero-subtitle{color:#444}.hero-cinema .hero-signature{display:none}.hero-cinema .hero-copy{max-width:100%}.hero-cinema h1{font-size:40px}.culture-strip{background:#fff}.story::before{display:none}}