/* loader */
.loader{position:fixed;inset:0;z-index:9800;background:#050505;display:grid;place-items:center}
.loader .lg{width:min(340px,60vw);overflow:hidden}
.loader .lg img{width:100%}
.loader .bar{position:absolute;left:50%;bottom:22%;width:160px;height:1px;background:#222;transform:translateX(-50%);overflow:hidden}
.loader .bar i{position:absolute;inset:0;background:var(--red2);transform:scaleX(0);transform-origin:left}

/* header */
.hd{position:fixed;top:30px;left:0;right:0;z-index:50;transition:background .5s,top .5s,backdrop-filter .5s}
.hd.solid{top:0;background:rgba(10,10,10,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.hd .row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px}
.hd .l,.hd .r{display:flex;gap:22px;align-items:center}
.hd .r{justify-content:flex-end}
.hd .logo img{height:26px}
.hd .cnt{font-family:var(--mono);font-size:10px;margin-left:-14px;transform:translateY(-6px)}
.hd nav{display:flex;justify-content:center;gap:34px;padding-bottom:14px;transition:.4s}
.hd.solid nav{height:0;padding:0;opacity:0;overflow:hidden}
.hd nav a{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;position:relative}
.hd nav a:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:var(--red2);transform:scaleX(0);transition:transform .5s var(--ease);transform-origin:right}
.hd nav a:hover:after{transform:scaleX(1);transform-origin:left}

/* hero */
.hero{position:relative;height:100svh;min-height:620px;overflow:hidden;background:#000}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.35) brightness(.5) contrast(1.25)}
.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 30%,rgba(0,0,0,.75) 100%),linear-gradient(transparent 55%,#0a0a0a)}
.hero .ttl{position:absolute;z-index:2;left:0;right:0;bottom:12vh;text-align:center}
.hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(68px,11.5vw,190px);line-height:.86;letter-spacing:-.02em}
.hero h1 .i{color:#d9d4cc}
.hero .sub{margin-top:22px;color:#bdb8b0}
.hero .ctas{display:flex;gap:10px;justify-content:center;margin-top:30px}
.btn{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;padding:14px 22px;border:1px solid rgba(255,255,255,.35);display:inline-flex;gap:10px;align-items:center;transition:.4s var(--ease);white-space:nowrap}
.btn:hover{background:var(--tx);color:#0a0a0a;border-color:var(--tx)}
.btn.red{background:var(--red);border-color:var(--red);color:#fff}
.btn.red:hover{background:var(--red2);border-color:var(--red2)}
.btn.light{background:#f2efe9;color:#0a0a0a;border-color:#f2efe9}
.btn.light:hover{background:var(--red);border-color:var(--red);color:#fff}
.btn .ico{width:15px;height:15px}
.hero .scroll{position:absolute;z-index:2;right:clamp(16px,3.2vw,48px);bottom:28px;writing-mode:vertical-rl;color:var(--mute);display:flex;gap:12px;align-items:center}
.hero .scroll i{width:1px;height:56px;background:linear-gradient(var(--red2),transparent);display:block}

/* section head */
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px}
.sh h2{font-family:var(--serif);font-weight:300;font-size:clamp(44px,5.6vw,92px);line-height:.92;letter-spacing:-.015em}
.sh .meta{display:flex;gap:18px;align-items:center;color:var(--mute)}
.kick{color:var(--mute);display:flex;gap:12px;align-items:center}
.kick:before{content:'';width:8px;height:8px;background:var(--red2);border-radius:50%;flex:none}
.arr{width:44px;height:44px;border:1px solid var(--line2);border-radius:50%;display:grid;place-items:center;transition:.3s}
.arr:hover{border-color:var(--tx)}

/* new in rail */
.drop{padding:120px 0 40px}
.rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:clamp(16px,3.2vw,48px);scrollbar-width:none;padding:0 clamp(16px,3.2vw,48px)}
.rail::-webkit-scrollbar{display:none}
.rail .pcard{flex:0 0 clamp(250px,24vw,380px);scroll-snap-align:start}
.prog{height:1px;background:var(--line);margin:36px clamp(16px,3.2vw,48px) 0;position:relative}
.prog i{position:absolute;left:0;top:0;bottom:0;width:20%;background:var(--tx)}

/* giant moving type */
.mq{padding:90px 0 40px;overflow:hidden;white-space:nowrap}
.mq .row{display:inline-flex;gap:4vw;font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(70px,12vw,210px);line-height:.9;text-transform:uppercase;letter-spacing:-.02em}
.mq .row span{color:#ebe7e1}
.mq .row span.o{color:transparent;-webkit-text-stroke:1px #3a3a3a}
.mq .row .dash{display:inline-block;width:.9em;height:.13em;background:var(--red);vertical-align:middle;margin-left:.25em;transform:translateY(-.05em)}

/* manifesto */
.mani{padding-top:110px;padding-bottom:140px}
.mani p{font-family:var(--serif);font-weight:300;font-size:clamp(32px,4.4vw,72px);line-height:1.04;max-width:1180px;letter-spacing:-.01em;text-wrap:balance}
.mani .w{opacity:.14}
.mani .kick{margin-bottom:28px}

/* opening split */
.split{position:relative;height:100svh;min-height:560px;overflow:hidden}
.split .core{position:absolute;inset:0;display:grid;place-items:center;background:#0d0d0d}
.split .core{background:radial-gradient(ellipse 42% 46% at 50% 52%,#2b2b2b 0%,#151515 55%,#0d0d0d 100%)}
.split .core .obj{width:min(86vh,900px);aspect-ratio:1/1;margin-top:4vh}
.split .core .obj video,.split .core .obj canvas{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 40px 60px rgba(0,0,0,.6))}
.split .core .shadow{position:absolute;left:50%;top:84%;width:min(30vh,320px);height:26px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(0,0,0,.75),transparent 70%);filter:blur(6px)}
.split .core .cap{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);text-align:center;white-space:nowrap}
.split .core .cap p{color:var(--mute);margin-bottom:14px}
.split .core .num{position:absolute;top:50%;margin-top:calc(2vh - .21 * min(86vh,900px) - .36em);left:50%;transform:translate(-50%,-100%);font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(70px,12vw,210px);line-height:.8;color:transparent;-webkit-text-stroke:1px #444;white-space:nowrap}
.split .half{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;z-index:2}
.split .half video{width:100%;height:100%;object-fit:cover}
.split .half.l{left:0}.split .half.r{right:0}
.split .half:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,rgba(0,0,0,.55))}
.split .tag2{position:absolute;z-index:3;left:16px;bottom:16px;background:#f2efe9;color:#0a0a0a;padding:7px 9px}
.split .half.r .tag2{left:auto;right:16px}
.split .quote{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(34px,5vw,84px);letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;color:#f2efe9;mix-blend-mode:difference;pointer-events:none}

/* zero gravity */
.grav{position:relative;height:150svh;overflow:hidden}
.grav .big{position:absolute;inset:0;display:grid;place-items:center;z-index:5;pointer-events:none;mix-blend-mode:difference}
.grav .big h2{font-family:var(--serif);font-weight:300;font-size:clamp(90px,19vw,330px);line-height:.8;text-align:center;letter-spacing:-.03em;color:#d8d4ce}
.grav .fl{position:absolute;z-index:2;overflow:hidden;background:#151515}
.grav .fl img,.grav .fl video{width:100%;height:100%;object-fit:cover}
.grav .f1{width:min(40vw,640px);aspect-ratio:4/5;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3}
.grav .f2{width:26vw;aspect-ratio:2/3;left:2vw;top:4%}
.grav .f3{width:24vw;aspect-ratio:2/3;right:2vw;top:2%}
.grav .f4{width:22vw;aspect-ratio:1/1;left:5vw;bottom:6%}
.grav .f5{width:25vw;aspect-ratio:2/3;right:4vw;bottom:-2%}
.grav .cap{position:absolute;z-index:6;left:50%;bottom:4%;transform:translateX(-50%);text-align:center;color:var(--mute)}
.grav .cap b{display:block;font-weight:400;color:var(--tx);font-family:var(--serif);font-size:26px;text-transform:none;letter-spacing:0;font-style:italic;margin-bottom:6px}

/* the box (t-shirt packaging) */
.box{padding-top:140px;padding-bottom:40px}
.box .g{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto auto;gap:14px}
.box .c{position:relative;overflow:hidden;background:#151515}
.box .c img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.box .c:hover img{transform:scale(1.04)}
.box .c.main{grid-row:span 2}
.box .c .lb{position:absolute;left:14px;top:14px;background:#0a0a0a;padding:6px 8px}
.box .txt{grid-column:2/4;display:flex;flex-direction:column;justify-content:flex-end;gap:18px;padding:10px 4px}
.box .txt p{color:var(--mute);max-width:440px;font-size:15px}

/* deux tons */
.dt{padding-top:140px;padding-bottom:40px}
.dt .lay{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(18px,2.4vw,40px);align-items:start}
.dt .face{position:sticky;top:84px;height:calc(100svh - 110px);min-height:520px;overflow:hidden;background:#151515}
.dt .face>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .8s var(--ease),transform 1.6s var(--ease)}
.dt .face>.on{opacity:1;transform:none}
.dt .face .lbl{position:absolute;inset:auto auto 16px 16px;width:auto;height:auto;opacity:1;transform:none;background:#0a0a0a;padding:7px 9px;z-index:3}
.dt .head h2{font-family:var(--serif);font-weight:300;font-size:clamp(80px,10vw,170px);line-height:.84;letter-spacing:-.02em;margin:24px 0 26px}
.dt .head p{color:var(--mute);max-width:460px;font-size:15px;margin-bottom:46px}
.dt .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dt .gcard .media{position:relative;aspect-ratio:1/1;overflow:hidden;background:#0d0d0d}
.dt .gcard .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--ease),transform 1.2s var(--ease)}
.dt .gcard .media .alt{opacity:0;transform:scale(1.05)}
.dt .gcard.on .media .alt{opacity:1;transform:scale(1.32)}
@media (hover:hover){.dt .gcard:hover .media .alt{opacity:1;transform:scale(1.32)}}
.dt .gcard .tag{position:absolute;top:10px;left:10px;z-index:2;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:5px 8px;background:#0a0a0a;color:var(--mute)}
.dt .gcard .info{display:flex;justify-content:space-between;gap:10px;padding:12px 2px 0}
.dt .gcard .name{font-size:13px}
.dt .gcard .name small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-top:3px}
.dt .gcard .price{font-family:var(--mono);font-size:12px;color:var(--mute);white-space:nowrap}
.dt .gcard.out .price{text-decoration:line-through;color:var(--dim)}
.dt .gcard .bar{height:1px;background:var(--red2);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease);margin-top:10px}
.dt .gcard.on .bar{transform:scaleX(1)}
@media (hover:hover){.dt .gcard:hover .bar{transform:scaleX(1)}}
.dt .ritual{position:relative;overflow:hidden;background:#151515;aspect-ratio:1/1}
.dt .ritual img{width:100%;height:100%;object-fit:cover}
.dt .ritual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.88))}
.dt .ritual .lb{position:absolute;z-index:2;left:14px;right:14px;bottom:14px}
.dt .ritual .lb b{display:block;font-family:var(--serif);font-weight:300;font-size:32px;line-height:1;margin-bottom:8px}
.dt .ritual .lb span{color:#cfcac2;line-height:1.6}

/* lookbook split */
.look{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#000;margin-top:120px}
.look .c{position:relative;aspect-ratio:4/5;overflow:hidden}
.look .c img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover}
.look .c .lb{position:absolute;left:18px;bottom:18px;z-index:2;background:#f2efe9;color:#0a0a0a;padding:7px 9px}
.look .c .bt{position:absolute;right:18px;bottom:18px;z-index:2}

/* la maison */
.maison{padding-top:140px;padding-bottom:120px}
.maison .hero2{position:relative;height:88vh;overflow:hidden}
.maison .hero2 img{position:absolute;inset:-10% 0;width:100%;height:120%;object-fit:cover}
.maison .hero2 .tx{position:absolute;inset:auto 0 0 0;padding:40px clamp(16px,3.2vw,48px);background:linear-gradient(transparent,rgba(0,0,0,.8));display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.maison .hero2 h2{font-family:var(--serif);font-weight:300;font-size:clamp(60px,8vw,140px);line-height:.85}
.maison .grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px;margin-top:14px}
.maison .grid .c{overflow:hidden;position:relative;aspect-ratio:4/5}
.maison .grid .c img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.maison .grid .c:first-child{aspect-ratio:auto}
.maison .grid .c:first-child img{position:absolute;inset:0;object-position:50% 0} /* misma altura que las otras dos: se recorta solo por abajo */
.maison .grid .c:hover img{transform:scale(1.05)}
.maison .grid .c .lb{position:absolute;left:14px;top:14px;color:#cfcac2}

/* accessories */
.acc{padding-bottom:140px}
.acc .sh{display:none} /* título Accessories oculto por ahora */
.acc .row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.acc .soon{grid-column:1 / -1;min-height:26vw;position:relative;overflow:hidden;background:#111;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;border:1px solid var(--line)}
.acc .soon video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.4) brightness(.32) contrast(1.3)}
.acc .soon>*:not(video){position:relative;z-index:2}
.acc .soon b{font-family:var(--serif);font-weight:300;font-size:clamp(34px,3.4vw,54px);line-height:.95;margin:12px 0 18px;display:block}

/* cursor */
.cur{position:fixed;left:0;top:0;z-index:9600;pointer-events:none;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--red2);opacity:0;transition:opacity .25s,width .25s var(--ease),height .25s var(--ease),margin .25s var(--ease)}
.cur.big{opacity:1;width:10px;height:10px;margin:-5px 0 0 -5px}
@media (hover:none){.cur{display:none}}
/* zero gravity en PC: 4 personas una al lado de otra, a pantalla completa, fundidas en una sola imagen */
@media (min-width:901px){
  .grav{height:100vh}
  .grav .fl{top:0;bottom:0;height:100%;width:32vw;aspect-ratio:auto;transform:none;background:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
  .grav .fl img,.grav .fl video{object-position:50% 35%}
  .grav .f1{left:-3vw;z-index:2}
  .grav .f2{left:21vw;z-index:3}
  .grav .f4{left:47vw;z-index:2}
  .grav .f5{left:71vw;right:auto;bottom:0;z-index:3}
  .grav .f3{display:none}
}



.crumb{padding:22px 0 18px;color:var(--dim)}
.crumb a:hover{color:var(--tx)}

.pdp{display:grid;justify-content:center;grid-template-columns:50% minmax(0,1fr);gap:clamp(20px,3vw,56px);align-items:start}
.gal{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gal .t{position:relative;overflow:hidden;background:radial-gradient(ellipse 55% 55% at 50% 50%,#262626 0%,#141414 60%,#0f0f0f 100%)}
.gal .t .lb{position:absolute;left:14px;top:14px;color:var(--mute);z-index:2}
.gal .spin .lb,.gal .flat .lb{color:#2a2a2a}
.gal .spin{grid-column:1/-1;aspect-ratio:1/1;background:#8e8e8e}
.gal .spin .shadow{position:absolute;left:50%;bottom:9%;width:28%;height:22px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(0,0,0,.8),transparent 70%);filter:blur(6px)}
.gal .fill .fg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gal .t{cursor:zoom-in}
.gal .flat{aspect-ratio:1/1;background:#8e8e8e}
.gal .flat img{width:100%;height:100%;object-fit:cover}
.gal .model{grid-column:1/-1;aspect-ratio:9/16;background:#202022}
.gal .pk{aspect-ratio:1/1;background:#151515}
.gal .pk img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.gal .pk:hover img{transform:scale(1.05)}
.gal .sep{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end;padding:44px 2px 8px}
.gal .sep h3{font-family:var(--serif);font-weight:300;font-size:clamp(34px,3.4vw,56px);line-height:.95}

.buy{position:sticky;top:96px;padding-bottom:40px}
.buy .kick{color:var(--mute);display:flex;gap:10px;align-items:center;margin-bottom:18px}
.buy .kick:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--red2)}
.buy h1{font-family:var(--serif);font-weight:300;font-size:clamp(46px,4.4vw,76px);line-height:.9;letter-spacing:-.015em;margin-bottom:18px}
.buy .price{font-family:var(--mono);font-size:16px;margin-bottom:30px}
.buy .lbl{display:flex;justify-content:space-between;color:var(--mute);margin-bottom:10px}
.buy .lbl a{text-decoration:underline;text-underline-offset:3px}
.buy .sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:26px}
.buy .sizes button{height:46px;border:1px solid var(--line2);font-family:var(--mono);font-size:12px;letter-spacing:.08em;transition:.25s}
.buy .sizes button:hover{border-color:var(--tx)}
.buy .sizes button.on{background:var(--tx);color:#0a0a0a;border-color:var(--tx)}
.buy .sizes button.no{color:var(--dim);text-decoration:line-through}
.addbtn{width:100%;height:56px;background:var(--red);color:#fff;font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:10px;transition:.3s}
.addbtn:hover{background:var(--red2)}
.addbtn .ico{width:16px;height:16px}
.perks{display:flex;flex-direction:column;gap:10px;margin:22px 0 30px;color:var(--mute);font-size:13px}
.perks span{display:flex;gap:10px;align-items:center}
.perks .ico{width:17px;height:17px;color:var(--tx)}
.accd details{border-top:1px solid var(--line)}
.accd details:last-child{border-bottom:1px solid var(--line)}
.accd summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.accd summary::-webkit-details-marker{display:none}
.accd summary .ico{width:16px;height:16px;transition:transform .3s}
.accd details[open] summary .ico{transform:rotate(45deg)}
.accd p{color:var(--mute);font-size:14px;padding:0 0 20px;max-width:420px}

.pdpw .more{padding:120px 0 40px}
.pdpw .more .sh{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}
.more h2{font-family:var(--serif);font-weight:300;font-size:clamp(40px,4.6vw,76px);line-height:.92}
.pdpw .more .row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}

/* visor a pantalla completa */
.lbx{position:fixed;inset:0;z-index:9700;display:grid;place-items:center;background:rgba(5,5,5,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;cursor:zoom-out}
.lbx.on{pointer-events:auto}
.lbx .m{max-width:none;max-height:none;object-fit:contain;box-shadow:0 40px 120px rgba(0,0,0,.6)}
.lbx .x{position:absolute;top:20px;right:22px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;color:#fff}
.lbx .x .ico{width:18px;height:18px}

/* ===== páginas interiores ===== */
.dv-inner .hd{position:sticky;top:0;background:rgba(10,10,10,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.dv-inner .hd nav{display:none}
.dv-inner .hd.solid{top:0}
.hd .l a,.hd .r a{display:inline-flex}
.mnav{position:fixed;inset:0;z-index:9800;background:rgba(8,8,8,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;opacity:0;pointer-events:none;transition:opacity .4s}
.mnav.on{opacity:1;pointer-events:auto}
.mnav a{font-family:var(--serif);font-weight:300;font-size:clamp(38px,6vw,72px);line-height:1;transition:color .3s}
.mnav a:hover{color:var(--red2)}
.mnav a.mono{font-family:var(--mono);font-size:12px;letter-spacing:.16em;margin-top:18px;color:var(--mute)}
.mnav .x{position:absolute;top:22px;right:22px;width:44px;height:44px;border:1px solid var(--line2);border-radius:50%;display:grid;place-items:center}
.addbtn.off{background:#222;color:var(--mute);cursor:not-allowed}
.gal .flat.wide{grid-column:1/-1}
.gal .flat.white{background:#f3f3f3}
.gal .spin.still img{width:100%;height:100%;object-fit:cover}

/* tienda */
.shopw{padding-bottom:120px}
.shopw .sh{margin:10px 0 34px}
.shopw .sh .meta a{margin-left:18px;color:var(--mute)}
.shopw .sh .meta a:hover{color:var(--tx)}
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}

/* páginas (carrito, pago, cuenta…) */
.pagew{padding-top:40px;padding-bottom:140px;min-height:60vh}
.ptitle{font-family:var(--serif);font-weight:300;font-size:clamp(48px,6vw,96px);line-height:.9;margin-bottom:40px}
.pcontent{color:var(--tx)}
.pcontent a{color:var(--tx);text-decoration:underline;text-underline-offset:3px}
.pcontent input,.pcontent select,.pcontent textarea{background:#111!important;color:var(--tx)!important;border:1px solid var(--line2)!important;border-radius:0!important}
.pcontent button,.pcontent .wc-block-components-button,.pcontent .button{background:var(--red)!important;color:#fff!important;border:0!important;border-radius:0!important;font-family:var(--mono)!important;text-transform:uppercase;letter-spacing:.14em;font-size:11.5px!important}
.pcontent .wc-block-components-panel,.pcontent .wc-block-components-totals-wrapper,.pcontent table,.pcontent td,.pcontent th{border-color:var(--line)!important}
.pcontent .wc-block-components-product-name,.pcontent .wc-block-components-formatted-money-amount{color:var(--tx)!important}
.pcontent .wc-block-components-text-input label,.pcontent .wc-block-components-checkbox__label,.pcontent label{color:var(--mute)!important}
.pcontent .wc-block-cart-items__header,.pcontent .wc-block-components-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:11px!important;color:var(--mute)!important}

/* carrito */
.bag{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(30px,5vw,80px);align-items:start}
.bag-items{border-bottom:1px solid var(--line)}
.bi{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:26px;padding:24px 0;border-top:1px solid var(--line);align-items:stretch;position:relative;z-index:46}
.bi-img{display:block;aspect-ratio:4/5;background:#cfcfcf;overflow:hidden;position:relative;z-index:46}
.bi-img.dark{background:#111}
.bi-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.bi-img:hover img{transform:scale(1.05)}
.bi-info{display:flex;flex-direction:column;gap:10px}
.bi-name{font-family:var(--serif);font-weight:300;font-size:30px;line-height:1}
.bi-meta{color:var(--mute);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}
.bi-act{display:flex;align-items:center;gap:22px;margin-top:auto}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line2);height:38px}
.qty button{width:36px;height:100%;display:grid;place-items:center;color:var(--tx);background:none;border:0;cursor:pointer}
.qty button .ico{width:13px;height:13px}
.qty input{width:34px;height:100%;background:none;border:0;color:var(--tx);text-align:center;font-family:var(--mono);font-size:12px;-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.bi-rm{color:var(--mute);font-size:10px;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px}
.bi-rm:hover{color:var(--red2)}
.bi-price{font-size:13px;white-space:nowrap}
.bag-sum{position:sticky;top:110px;z-index:46;background:#111;border:1px solid var(--line);padding:28px}
.bag-sum .kick{margin-bottom:18px}
.srow{display:flex;justify-content:space-between;gap:14px;padding:10px 0;font-size:13.5px;color:var(--mute)}
.srow .mono{color:var(--tx);font-size:12.5px}
.srow .dim{color:var(--mute)}
.srow.tot{border-top:1px solid var(--line2);margin-top:8px;padding-top:18px;color:var(--tx);align-items:baseline}
.srow.tot span:first-child{font-family:var(--serif);font-size:30px;font-weight:300}
.srow.tot span:last-child{font-family:var(--mono);font-size:15px}
.srow.tot small{display:none}
.bag-sum .addbtn{margin-top:20px}
.bag-xp{margin-top:12px}
.bag-xp:empty{display:none}
.bag-code{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.bag-code summary{cursor:pointer;color:var(--mute);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;list-style:none}
.bag-code summary::-webkit-details-marker{display:none}
.bag-code div{display:flex;margin-top:12px}
.bag-code input{flex:1;min-width:0;height:40px;background:#0b0b0b;border:1px solid var(--line2);border-right:0;color:var(--tx);padding:0 12px;font-family:var(--mono);font-size:12px}
.bag-code button{height:40px;padding:0 16px;background:var(--tx);color:#0a0a0a;border:0;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.bag-sum .perks{margin:20px 0 0}
.bag-empty p{color:var(--mute);margin-bottom:24px}
.bag-empty .ctas{display:flex;gap:12px;flex-wrap:wrap}

/* pago (checkout clásico de WooCommerce con el estilo de la web) */
.woocommerce-checkout .pcontent form.checkout{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:auto auto auto 1fr;gap:0 clamp(30px,5vw,80px);align-items:start}
.woocommerce-checkout .pcontent form.checkout>.wcpay-payment-request-wrapper,.woocommerce-checkout .pcontent form.checkout>#wcpay-express-checkout-wrapper{grid-column:1;grid-row:1}
.woocommerce-checkout .pcontent #wcpay-express-checkout-button-separator{grid-column:1;grid-row:2;color:var(--mute);font-family:var(--mono);font-size:10px;letter-spacing:.14em;margin:0 0 26px}
.woocommerce-checkout .pcontent #customer_details{grid-column:1;grid-row:3}
.woocommerce-checkout .pcontent #order_review_heading{display:none}
.woocommerce-checkout .pcontent #order_review{grid-column:2;grid-row:1 / span 4;align-self:start;background:#111;border:1px solid var(--line);padding:28px;position:sticky;top:110px}
.woocommerce-checkout .pcontent #order_review::before{content:'Your order';display:block;font-family:var(--serif);font-weight:300;font-size:30px;line-height:1;margin-bottom:14px;color:var(--tx)}
.woocommerce-checkout .pcontent h3{font-family:var(--serif);font-weight:300;font-size:30px;line-height:1;margin:0 0 22px;color:var(--tx)}
.woocommerce-checkout .pcontent .col2-set .col-2{margin-top:30px}
.woocommerce-checkout .pcontent .woocommerce-billing-fields__field-wrapper,.woocommerce-checkout .pcontent .woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.woocommerce-checkout .pcontent .form-row{margin:0 0 16px;grid-column:1 / -1;padding:0}
.woocommerce-checkout .pcontent .form-row-first{grid-column:1}
.woocommerce-checkout .pcontent .form-row-last{grid-column:2}
.woocommerce-checkout .pcontent .form-row label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)!important;margin-bottom:7px}
.woocommerce-checkout .pcontent .form-row label .required{color:var(--red2);text-decoration:none;border:0}
.woocommerce-checkout .pcontent .form-row label .optional{text-transform:none;letter-spacing:0}
.woocommerce-checkout .pcontent .input-text,.woocommerce-checkout .pcontent select,.woocommerce-checkout .pcontent textarea{width:100%;height:48px;background:#0f0f0f!important;border:1px solid var(--line2)!important;color:var(--tx)!important;padding:0 14px;font-family:var(--sans,inherit);font-size:14px;border-radius:0!important;outline:none;transition:border-color .2s}
.woocommerce-checkout .pcontent textarea{height:96px;padding:12px 14px;resize:vertical}
.woocommerce-checkout .pcontent .input-text:focus,.woocommerce-checkout .pcontent textarea:focus{border-color:var(--tx)!important}
.woocommerce-checkout .pcontent .woocommerce-input-wrapper{display:block}
.woocommerce-checkout .pcontent .select2-container{width:100%!important}
.woocommerce-checkout .pcontent .select2-container .select2-selection--single{height:48px;background:#0f0f0f;border:1px solid var(--line2);border-radius:0;display:flex;align-items:center}
.woocommerce-checkout .pcontent .select2-container .select2-selection__rendered{color:var(--tx);padding:0 14px;line-height:48px}
.woocommerce-checkout .pcontent .select2-container .select2-selection__arrow{height:46px;right:8px}
.select2-dropdown{background:#111;border:1px solid var(--line2);color:var(--tx);border-radius:0}
.select2-search--dropdown .select2-search__field{background:#0b0b0b;border:1px solid var(--line2);color:var(--tx)}
.select2-results__option{padding:8px 12px;font-size:13px}
.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[data-selected]{background:var(--red);color:#fff}
.woocommerce-checkout .pcontent #ship-to-different-address{font-family:var(--serif);font-size:22px;font-weight:300}
.woocommerce-checkout .pcontent #ship-to-different-address label{display:flex;gap:10px;align-items:center;font-family:var(--serif);font-size:22px;text-transform:none;letter-spacing:0;color:var(--tx)!important}
.woocommerce-checkout .pcontent input[type=checkbox]{accent-color:var(--red);width:15px;height:15px}
.woocommerce-checkout .pcontent table.shop_table{width:100%;border-collapse:collapse;font-size:13px}
.woocommerce-checkout .pcontent table.shop_table th,.woocommerce-checkout .pcontent table.shop_table td{padding:12px 0;border:0;border-bottom:1px solid var(--line)!important;text-align:left;font-weight:400;color:var(--mute)}
.woocommerce-checkout .pcontent table.shop_table td:last-child,.woocommerce-checkout .pcontent table.shop_table th:last-child{text-align:right;font-family:var(--mono);font-size:12.5px;color:var(--tx)}
.woocommerce-checkout .pcontent table.shop_table thead th{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)!important}
.woocommerce-checkout .pcontent table.shop_table .product-name{color:var(--tx)}
.woocommerce-checkout .pcontent table.shop_table .product-quantity{color:var(--mute);font-weight:400}
.woocommerce-checkout .pcontent table.shop_table .order-total th{font-family:var(--serif);font-size:28px;font-weight:300;color:var(--tx);border-bottom:0!important}
.woocommerce-checkout .pcontent table.shop_table .order-total td{font-size:15px;border-bottom:0!important}
.woocommerce-checkout .pcontent table.shop_table .order-total small{display:none}
.woocommerce-checkout .pcontent #shipping_method{list-style:none;margin:0;padding:0}
.woocommerce-checkout .pcontent #payment{margin-top:14px}
.woocommerce-checkout .pcontent #payment ul.payment_methods{list-style:none;margin:0 0 16px;padding:0}
.woocommerce-checkout .pcontent #payment ul.payment_methods>li{padding:12px 0;border-top:1px solid var(--line)}
.woocommerce-checkout .pcontent #payment ul.payment_methods>li>label{font-size:13px;color:var(--tx)!important;text-transform:none;letter-spacing:0;font-family:inherit;display:inline}
.woocommerce-checkout .pcontent #payment .payment_box{margin-top:12px;background:none;padding:0}
.woocommerce-checkout .pcontent #payment fieldset{border:1px solid var(--line2);padding:12px;margin:0}
.woocommerce-checkout .pcontent .woocommerce-privacy-policy-text{font-size:11.5px;color:var(--mute);line-height:1.5;margin:14px 0}
.woocommerce-checkout .pcontent .woocommerce-privacy-policy-text a{color:var(--mute)}
.woocommerce-checkout .pcontent #place_order{width:100%;height:56px;background:var(--red)!important;color:#fff!important;border:0!important;font-family:var(--mono)!important;font-size:11.5px!important;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background .3s}
.woocommerce-checkout .pcontent #place_order:hover{background:var(--red2)!important}
.woocommerce-checkout .pcontent .wcpay-payment-request-wrapper,.woocommerce-checkout .pcontent #wcpay-express-checkout-wrapper{margin-bottom:26px}
.woocommerce-checkout .pcontent .woocommerce-form-coupon{display:flex;gap:0;max-width:460px;margin:0 0 26px}
.woocommerce-checkout .pcontent .woocommerce-form-coupon p{margin:0}
.woocommerce-checkout .pcontent .woocommerce-form-coupon p:first-child{display:none}
.woocommerce-checkout .pcontent .woocommerce-form-coupon .form-row-first{flex:1}
.woocommerce-checkout .pcontent .woocommerce-form-coupon .button{height:48px;padding:0 18px}
.woocommerce-checkout .pcontent .blockUI.blockOverlay{background:rgba(10,10,10,.6)!important}

/* páginas de ayuda (envíos, devoluciones, tallas, contacto) */
.legal{max-width:720px;color:var(--mute);font-size:15px;line-height:1.7}
.legal .lead{font-family:var(--serif);font-weight:300;font-size:clamp(22px,2.4vw,30px);line-height:1.25;color:var(--tx);margin-bottom:46px}
.legal h2{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--tx);margin:42px 0 14px;padding-top:22px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center}
.legal h2::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--red)}
.legal p{margin:0 0 14px}
.legal ul,.legal ol{margin:0 0 14px;padding-left:18px}
.legal li{margin-bottom:8px}
.legal b{color:var(--tx);font-weight:500}
.legal a{color:var(--tx)}
.legal a.big{font-family:var(--serif);font-weight:300;font-size:clamp(24px,3vw,36px);text-decoration:none;border-bottom:1px solid var(--red);line-height:1.3}
.legal table{width:100%;border-collapse:collapse;margin:6px 0 18px;font-size:14px}
.legal th,.legal td{text-align:left;padding:12px 0;border-bottom:1px solid var(--line)}
.legal th{font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.legal td{color:var(--tx)}
.legal td:last-child,.legal th:last-child{text-align:right;font-family:var(--mono);font-size:12.5px}
.legal .note{font-size:12.5px;margin-top:30px;color:var(--mute)}

.grain{transition:opacity .5s}
body.nograin .grain{opacity:0!important}

/* about (maqueta de la página About original, con piezas de la primera versión) */
.ab-t{display:none!important}
.ab{max-width:1140px;margin:0 auto;font-family:'Manrope',sans-serif}
.ab-t{text-align:center;font-family:'Manrope',sans-serif;font-weight:700;font-size:28px;line-height:1.2;letter-spacing:-.01em;color:var(--tx);margin:0 0 60px}
.ab-top{display:grid;grid-template-columns:41% 44%;justify-content:space-between;align-items:start;padding:0 1.5%}
.ab-ph{position:relative;z-index:46;aspect-ratio:3/4;overflow:hidden;background:#111}
.ab-ph img{display:block;width:100%;height:100%;object-fit:cover}
.ab-lb{position:absolute;left:16px;bottom:14px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#cfcac2}
.ab-l h4{font-family:'Manrope',sans-serif;font-weight:700;font-size:14px;color:var(--tx);margin:24px 0 8px}
.ab-role{font-size:13px;color:var(--tx);margin:0 0 22px}
.ab-soc a{color:#3a3a3a;display:inline-flex;transition:color .3s}
.ab-soc a:hover{color:var(--red2)}
.ab-r{color:var(--mute);font-size:14px;line-height:1.75}
.ab-kick{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);display:flex;gap:12px;align-items:center;margin-bottom:22px}
.ab-kick::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--red)}
.ab-lead{font-family:var(--serif);font-weight:300;font-size:26px!important;line-height:1.2!important;color:var(--tx);margin:0 0 22px}
.ab-r p{margin:0 0 16px}
.ab-q{margin-top:50px;padding-top:30px;border-top:1px solid var(--line)}
.ab-mk{font-family:var(--serif);font-size:56px;line-height:.5;color:var(--red2);display:block;height:24px}
.ab-qt{font-family:var(--serif);font-style:italic;font-weight:300;font-size:28px!important;line-height:1.2!important;color:var(--tx)}
.ab-sig{font-family:'Mrs Saint Delafield',cursive;font-weight:400;font-size:46px;line-height:1;color:#7c7c7c;opacity:.75;margin-top:18px;transform:rotate(-6deg);transform-origin:left;-webkit-text-stroke:.15px #0a0a0a}
.ab-philo{display:grid;grid-template-columns:31.5% 54%;justify-content:space-between;margin-top:120px;padding:50px 1.5% 40px;border-top:1px solid var(--line)}
.ab-philo h5{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--tx);display:flex;gap:10px;align-items:flex-start;margin:0}
.ab-philo h5::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--red);margin-top:4px}
.ab-philo p{color:var(--mute);font-size:14.5px;line-height:1.75;margin:0 0 14px}
.ab-philo ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.ab-philo li{display:flex;gap:16px;align-items:baseline;color:var(--tx);font-size:14.5px}
.ab-philo li b{font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.14em;color:var(--red2)}

/* avisos de WooCommerce */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{list-style:none;background:#141414!important;border:1px solid var(--line2)!important;color:var(--tx)!important;padding:14px 18px;margin:0 0 22px;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.woocommerce-message a,.woocommerce-info a{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--red2)}

/* ===== móvil: misma composición que en el ordenador, todo a escala ===== */
@media (max-width:900px){
  .grain{opacity:.04}
  /* about en móvil: misma composición que en PC, a escala */
  .ab-top{padding:0;grid-template-columns:41% minmax(0,1fr);column-gap:5%;justify-content:normal}
  .ab-lb{left:6px;bottom:6px;font-size:5.5px;letter-spacing:.1em}
  .ab-l h4{font-size:8px;margin:8px 0 0}
  .ab-r{font-size:6.5px;line-height:1.6}
  .ab-r p{margin:0 0 6px}
  .ab-kick{font-size:5.5px;gap:5px;margin-bottom:8px}
  .ab-kick::before{width:4px;height:4px}
  .ab-lead{font-size:11px!important;margin-bottom:8px}
  .ab-q{margin-top:14px;padding-top:10px}
  .ab-mk{font-size:24px;height:10px}
  .ab-qt{font-size:11.5px!important}
  .ab-sig{font-size:22px;margin-top:6px}
  .ab-philo{margin-top:40px;padding:20px 0 10px}
  .ab-philo h5{font-size:6px;gap:5px}
  .ab-philo h5::before{width:4px;height:4px;margin-top:2px}
  .ab-philo p,.ab-philo li{font-size:7px;line-height:1.6}
  .ab-philo p{margin:0 0 6px}
  .ab-philo ul{margin-top:10px;gap:5px}
  .ab-philo li{gap:7px}
  .ab-philo li b{font-size:5.5px}
  .legal{font-size:13px}
  .legal .lead{margin-bottom:30px}
  .legal h2{margin-top:30px}
  .bag{grid-template-columns:1fr;gap:26px}
  .woocommerce-checkout .pcontent form.checkout{grid-template-columns:1fr}
  .woocommerce-checkout .pcontent form.checkout{grid-template-rows:none}
  .woocommerce-checkout .pcontent form.checkout>*{grid-column:1!important;grid-row:auto!important}
  .woocommerce-checkout .pcontent #order_review{position:static;padding:20px;margin-top:30px}
  .woocommerce-checkout .pcontent #order_review::before{font-size:24px}
  .woocommerce-checkout .pcontent h3{font-size:24px;margin-bottom:16px}
  .woocommerce-checkout .pcontent .input-text,.woocommerce-checkout .pcontent select{height:44px;font-size:16px}
  .woocommerce-checkout .pcontent .select2-container .select2-selection--single{height:44px}
  .woocommerce-checkout .pcontent .select2-container .select2-selection__rendered{line-height:44px}
  .bi{grid-template-columns:92px minmax(0,1fr) auto;gap:14px;padding:16px 0}
  .bi-name{font-size:20px}
  .bi-meta{font-size:8.5px}
  .bi-act{gap:14px}
  .qty{height:32px}
  .qty button{width:30px}
  .qty input{width:26px;font-size:11px}
  .bi-rm{font-size:8.5px}
  .bi-price{font-size:11px}
  .bag-sum{position:relative;top:auto;padding:20px}
  .srow{font-size:12px}
  .srow.tot span:first-child{font-size:24px}
  .wrap{padding:0 14px}
  .topbar .track span{font-size:9px}
  .hd .row{height:52px}
  .hd .logo img{height:20px}
  .hd .l,.hd .r{gap:14px}
  .hd nav{gap:10px;padding-bottom:10px;white-space:nowrap}
  .hd nav a{font-size:7.5px;letter-spacing:.06em;white-space:nowrap}
  .ico{width:18px;height:18px}

  .hero h1{font-size:clamp(54px,17vw,120px)}
  .hero .ctas{gap:6px}
  .btn{padding:11px 14px;font-size:9.5px}

  .drop{padding-top:80px}
  .sh{margin-bottom:22px}
  .sh h2{font-size:clamp(34px,10vw,64px)}
  .arr{width:34px;height:34px}
  .rail{gap:8px}
  .rail .pcard{flex-basis:42vw}
  .pcard .info{padding-top:8px;gap:6px}
  .pcard .name{font-size:10.5px}
  .pcard .price{font-size:9.5px}
  .pcard .tag{top:6px;left:6px;font-size:8px;padding:3px 5px}
  .pcard .r360{left:6px;bottom:6px;font-size:8px}

  .mani{padding-top:70px;padding-bottom:90px}
  .mani p{font-size:clamp(24px,7.4vw,44px)}

  .split{height:100svh;min-height:0}
  .split .core{padding-top:40px}
  .split .core .obj{position:absolute;left:50%;top:50%;width:min(101vw,67vh);margin:0;transform:translate(-50%,-50%)}
  .split .core .num{font-size:70px;top:50%;margin-top:calc(-37vw + 6px);transform:translate(-50%,-100%);-webkit-text-stroke:1px #555}
  .split .core .cap{bottom:9%;opacity:.45}
  .split .core .shadow{top:80%}
  .split .quote{font-size:6.4vw}
  .split .tag2{font-size:8px;padding:4px 6px;left:8px;bottom:8px}
  .split .half.r .tag2{right:8px}
  .split .core .cap p{font-size:9px}

  .grav{height:100svh}
  .grav .fl{left:0!important;right:0!important;top:52px!important;bottom:0!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;transform:none}
  .grav .fl img,.grav .fl video{object-fit:cover;object-position:50% 30%}
  .grav .big{z-index:10}
  .grav .cap{z-index:11}
  .grav .big h2{font-size:24vw}
  .grav .cap{bottom:4%}
  .grav .cap b{font-size:16px}

  .dt{padding-top:90px}
  .dt .lay{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:10px}
  .dt .face{position:relative;top:auto;height:auto;aspect-ratio:9/16;min-height:0}
  .dt .lay>div:last-child{display:contents}
  .dt .lay .grid{grid-column:1/-1;margin-top:8px;row-gap:8px}
  .dt .gcard{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
  .dt .gcard .media,.dt .ritual{aspect-ratio:4/3}
  .dt .gcard .info{padding-top:4px}
  .dt .gcard .bar{margin-top:4px}
  .dt .head h2{font-size:clamp(40px,12vw,90px);margin:12px 0 12px}
  .dt .head p{font-size:10.5px;margin-bottom:18px}
  .dt .grid{grid-template-columns:repeat(3,1fr);gap:5px}
  .dt .gcard .info{padding-top:5px;flex-direction:column;gap:2px}
  .dt .gcard .name{font-size:10px}
  .dt .gcard .name small{font-size:7px;margin-top:1px}
  .dt .gcard .price{font-size:9px}
  .dt .ritual .lb b{font-size:16px;margin-bottom:3px}
  .dt .ritual .lb{left:7px;right:7px;bottom:7px}
  .dt .ritual .lb span{font-size:6px;letter-spacing:.04em;line-height:1.4;display:block}
  .kick{font-size:9px}

  .maison{padding-top:90px;padding-bottom:80px}
  .maison .hero2{height:auto}
  .maison .hero2 img{position:relative;inset:auto;height:auto;aspect-ratio:1024/572;transform:none!important}
  .maison .hero2 .tx{padding:10px 10px;flex-direction:row;align-items:flex-end;gap:10px}
  .maison .hero2 h2{font-size:9vw}
  .maison .hero2 .tx>div{max-width:44%!important}
  .maison .hero2 .tx p{font-size:7px!important;line-height:1.35}
  .maison .hero2 .tx p.mono{font-size:6px!important;margin-bottom:4px!important}
  .maison .grid{gap:6px;margin-top:6px}
  .maison .grid .c .lb{font-size:8px;left:6px;top:6px}

  .acc{padding-bottom:90px}
  .acc .row{gap:6px}
  .acc .soon{padding:10px;min-height:56vw}
  .acc .soon b{font-size:clamp(16px,5vw,32px);margin:6px 0 8px}

  .mq{padding:50px 0 20px}

  .foot{padding-top:40px;padding-bottom:60px}
  .foot .cols{grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}
  .foot .cols p.serif{font-size:18px!important}
  .foot h5{font-size:8px;margin-bottom:10px}
  .foot li{font-size:10px}
  .foot .legal{font-size:8px}
  .nl-form input{font-size:9px}
  .nl-form button{font-size:9px}

  /* producto: 50 / 50 también en móvil */
  .pdp{gap:10px}
  .gal{gap:4px}
  .gal .t .lb{font-size:7px;left:6px;top:6px}
  .buy{top:64px}
  .buy h1{font-size:clamp(26px,8vw,52px)}
  .buy .price{font-size:12px;margin-bottom:16px}
  .buy .sizes{gap:3px;margin-bottom:14px}
  .buy .sizes button{height:32px;font-size:9px}
  .addbtn{height:42px;font-size:9px;gap:6px}
  .perks{font-size:10px;margin:14px 0 18px}
  .accd summary{font-size:9px;padding:12px 0}
  .accd p{font-size:11px}
  .crumb{font-size:8px}
  .pdpw .more{padding-top:70px}
  .pdpw .more .row{gap:6px}
  .more h2{font-size:clamp(28px,8vw,52px)}

  .sgrid{grid-template-columns:repeat(4,1fr);gap:6px}
}

/* Fotos de producto limpias: el grano queda por debajo de las tarjetas y la galería */
.grain{z-index:45}
.pcard,.dt .gcard,.dt .ritual,.gal .t{position:relative;z-index:46}