:root{--black:#090909;--ink:#161616;--red:#b6161d;--paper:#f2efe8;--white:#fff;--line:#c9c5bd;--muted:#6b6863}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Inter,Arial,sans-serif}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;background:white;padding:.75rem;z-index:99}.skip-link:focus{top:1rem}.top-strip{height:34px;background:var(--red);color:white;display:flex;align-items:center;justify-content:center;gap:1rem;font:700 .74rem Inter;letter-spacing:.12em;text-transform:uppercase}.header{height:88px;padding:0 clamp(1rem,4vw,4.5rem);display:flex;align-items:center;justify-content:space-between;background:var(--black);color:white;position:sticky;top:0;z-index:15;border-bottom:1px solid #282828}.brand{display:flex;align-items:center;gap:.7rem;font:900 1.2rem/1 "Archivo Black",sans-serif;letter-spacing:-.04em}.brand img{width:54px;height:54px;border-radius:50%;object-fit:cover}.brand small{display:block;color:var(--red);font:800 .7rem "Barlow Condensed";letter-spacing:.26em}.header nav{display:flex;gap:2.3rem;text-transform:uppercase;font:700 .78rem Inter;letter-spacing:.09em}.header nav a:hover{color:#e33239}.bag-button{border:1px solid #5d5d5d;background:transparent;color:white;padding:.8rem 1rem;text-transform:uppercase;font-size:.72rem;font-weight:700;letter-spacing:.06em;cursor:pointer}.bag-button strong{display:inline-grid;place-items:center;margin-left:.5rem;width:22px;height:22px;background:var(--red)}.hero{min-height:700px;background:var(--black);color:white;display:grid;grid-template-columns:1fr 1fr;gap:4vw;padding:clamp(3rem,7vw,7rem) clamp(1rem,4vw,4.5rem);position:relative;overflow:hidden}.hero::before{content:"";position:absolute;left:-8%;bottom:-30%;width:45%;aspect-ratio:1;border:1px solid #2c2c2c;border-radius:50%}.kicker{margin:0 0 1rem;font:800 .78rem Inter;letter-spacing:.18em;text-transform:uppercase}.red{color:var(--red)}h1,h2{font-family:"Barlow Condensed",sans-serif;line-height:.83;letter-spacing:-.055em;margin:0;text-transform:uppercase}h1{font-size:clamp(4.2rem,8vw,8.8rem);font-weight:900}h1 em{color:var(--red);font-style:italic}.hero-copy{z-index:2;align-self:center}.hero-text{font-size:1.05rem;color:#bcbcbc;max-width:430px;margin:1.8rem 0}.cta{border:0;background:var(--red);color:white;display:inline-flex;align-items:center;justify-content:space-between;gap:3rem;padding:1.1rem 1.3rem;text-transform:uppercase;font-weight:800;font-size:.8rem;letter-spacing:.08em;cursor:pointer}.cta:hover{background:#df222b}.hero-collage{position:relative;min-height:520px}.hero-collage figure{margin:0;position:absolute;overflow:hidden;border:6px solid var(--paper);box-shadow:14px 16px 0 var(--red)}.hero-collage img{width:100%;height:100%;object-fit:cover;display:block}.hero-main{width:66%;height:82%;right:2%;top:2%;transform:rotate(2deg)}.hero-small{width:42%;height:45%;left:0;bottom:0;transform:rotate(-5deg)}.stamp{position:absolute;right:-1rem;bottom:2rem;width:140px;aspect-ratio:1;border-radius:50%;background:var(--red);display:grid;place-content:center;text-align:center;transform:rotate(8deg);border:3px dashed white;outline:5px solid var(--red);z-index:4;font:900 1.55rem "Barlow Condensed"}.stamp small{display:block;font:.6rem Inter;letter-spacing:.2em}.hero-code{position:absolute;bottom:1rem;left:50%;font:700 .7rem monospace;letter-spacing:.2em;color:#777}.manifesto{background:var(--red);color:white;min-height:76px;display:flex;align-items:center;justify-content:space-around;gap:1rem;padding:1rem;overflow:hidden}.manifesto p{white-space:nowrap;font:800 clamp(.85rem,1.7vw,1.35rem) "Barlow Condensed";letter-spacing:.08em}.catalog{padding:clamp(5rem,9vw,9rem) clamp(1rem,4vw,4.5rem)}.section-title{display:grid;grid-template-columns:1fr minmax(260px,420px);align-items:end;gap:2rem;margin-bottom:2.4rem}.section-title h2,.how-it-works h2,.about h2{font-size:clamp(4rem,8vw,8rem);font-weight:900}.section-title>p{color:var(--muted);margin:0 0 .5rem}.filters{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:1.4rem}.filter{padding:.7rem 1rem;background:transparent;border:1px solid var(--ink);cursor:pointer;text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.06em}.filter.active,.filter:hover{background:var(--ink);color:white}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.product-card{background:white;border:1px solid var(--line);position:relative;transition:transform .2s}.product-card:hover{transform:translateY(-5px)}.product-card img{width:100%;aspect-ratio:1/1.13;object-fit:cover;display:block;background:#ddd}.product-card .tag{position:absolute;left:.7rem;top:.7rem;background:var(--red);color:white;padding:.3rem .5rem;text-transform:uppercase;font-size:.65rem;font-weight:800}.product-info{padding:1rem}.product-info p{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .3rem}.product-info h3{font:800 1.4rem "Barlow Condensed";text-transform:uppercase;margin:0}.product-info button{width:100%;border:1px solid var(--ink);background:transparent;padding:.75rem;margin-top:1rem;text-transform:uppercase;font-size:.72rem;font-weight:800;cursor:pointer}.product-info button:hover,.product-info button.added{background:var(--red);border-color:var(--red);color:white}.how-it-works{background:var(--red);color:white;padding:clamp(5rem,8vw,8rem) clamp(1rem,4vw,4.5rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.how-it-works ol{list-style:none;padding:0;margin:0}.how-it-works li{display:grid;grid-template-columns:80px 1fr;gap:1rem;border-top:1px solid rgba(255,255,255,.42);padding:1.6rem 0}.how-it-works li strong{font:900 2rem "Barlow Condensed"}.how-it-works li span{color:#f1d8d9}.how-it-works li b{display:block;color:white;text-transform:uppercase;margin-bottom:.25rem}.about{min-height:620px;background:var(--paper);padding:clamp(5rem,9vw,9rem) clamp(1rem,4vw,4.5rem);display:grid;grid-template-columns:.5fr 1.2fr .8fr;gap:3rem;align-items:center;position:relative;overflow:hidden}.giant-letter{position:absolute;left:-2rem;bottom:-14rem;margin:0;font:900 45rem/.75 "Barlow Condensed";color:#e2ded5;z-index:0}.about>div{z-index:1}.about-copy{font-size:1.05rem}.about-copy a{display:inline-block;border-bottom:2px solid var(--red);font-weight:800;text-transform:uppercase;margin-top:1rem}.contact{background:var(--black);color:white;padding:clamp(5rem,9vw,9rem) clamp(1rem,4vw,4.5rem);text-align:center}.contact h2{font-size:clamp(5.5rem,15vw,14rem);font-weight:900}.contact h2 span{-webkit-text-stroke:2px white;color:transparent}.light{background:white;color:var(--black);margin-top:2rem}.light:hover{color:white}body>footer{background:var(--black);color:#aaa;border-top:1px solid #333;padding:3rem clamp(1rem,4vw,4.5rem);display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:2rem;font-size:.82rem}body>footer>div{display:flex;flex-direction:column;gap:.35rem;color:white}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:19;opacity:0;pointer-events:none;transition:.2s}.overlay.open{opacity:1;pointer-events:auto}.bag{position:fixed;right:0;top:0;width:min(500px,100%);height:100vh;z-index:20;background:var(--paper);transform:translateX(100%);transition:.25s;display:flex;flex-direction:column;padding:1.5rem}.bag.open{transform:none}.bag>header{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:1rem}.bag h2{font-size:3.5rem}.bag>header button{border:0;background:transparent;font-size:2rem;cursor:pointer}.bag-items{flex:1;overflow:auto}.empty{color:var(--muted);padding:2rem 0}.bag-item{display:grid;grid-template-columns:76px 1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line)}.bag-item img{width:76px;height:86px;object-fit:cover}.bag-item h3{font:800 1.2rem "Barlow Condensed";text-transform:uppercase;margin:0}.bag-item p{margin:.2rem 0;color:var(--muted);font-size:.78rem}.remove{border:0;background:transparent;color:var(--red);cursor:pointer;font-size:1.3rem}.bag-footer{border-top:2px solid var(--ink);padding-top:1rem}.bag-footer p{color:var(--muted);font-size:.78rem}.whatsapp{width:100%}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,150%);background:white;color:var(--ink);border-left:6px solid var(--red);box-shadow:0 8px 35px rgba(0,0,0,.25);padding:1rem 1.2rem;z-index:30;transition:.25s;font-weight:700}.toast.show{transform:translate(-50%,0)}
@media(max-width:1000px){.header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-collage{min-height:500px}.product-grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr 1fr}.giant-letter{display:none}.how-it-works{grid-template-columns:1fr}body>footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.top-strip span:first-child{display:none}.header{height:72px}.brand img{width:44px;height:44px}.brand>span{display:none}.bag-button{padding:.65rem;font-size:.64rem}.hero{padding-top:4rem}.hero-collage{min-height:360px}.hero-main{width:78%}.hero-small{width:48%}.stamp{width:100px;font-size:1.1rem}.manifesto{justify-content:flex-start}.manifesto p:nth-of-type(n+2),.manifesto span:nth-of-type(n+2){display:none}.section-title{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr;gap:.6rem}.product-info{padding:.7rem}.product-info h3{font-size:1.05rem}.product-card img{aspect-ratio:1}.about{grid-template-columns:1fr}.contact h2 span{-webkit-text-stroke:1px white}body>footer{grid-template-columns:1fr}.bag{padding:1rem}}
@media(max-width:390px){.product-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}