:root{
  --paper:#f6f0e8;
  --paper-dark:#e9dcd0;
  --ink:#352923;
  --deep:#3d2d27;
  --muted:#78685d;
  --line:#d5c5b8;
  --copper:#ad704d;
  --serif:"Playfair Display",Georgia,serif;
  --sans:"DM Sans",Arial,sans-serif;
}
@font-face{font-family:Montserrat;src:url('/lp/velez/Montserrat-wght.woff2?v=5cf36c4db4af72ec0351') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url('/lp/velez/DM-Sans-400.woff2?v=5cf36c4db4af72ec0351') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url('/lp/velez/DM-Sans-500.woff2?v=5cf36c4db4af72ec0351') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url('/lp/velez/DM-Sans-600.woff2?v=5cf36c4db4af72ec0351') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url('/lp/velez/DM-Sans-700.woff2?v=5cf36c4db4af72ec0351') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url('/lp/velez/Playfair-Display-400.woff2?v=5cf36c4db4af72ec0351') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url('/lp/velez/Playfair-Display-500.woff2?v=5cf36c4db4af72ec0351') format('woff2');font-weight:500;font-style:normal;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:18px}
body{margin:0;background:#e5dfd8;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
button{font:inherit}
button:focus-visible,a:focus-visible,summary:focus-visible,.color-rail:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
h1,h2,p,figure,ul{margin:0}
.lp{width:min(100%,600px);margin-inline:auto;overflow:clip;background:var(--paper);box-shadow:0 12px 45px #34251c16}
.eyebrow{font-size:10px;font-weight:700;line-height:1.3;letter-spacing:.19em}
h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.055em;line-height:1.06}
h1 em,h2 em{font-weight:400}
h2{font-size:clamp(35px,9.4vw,58px)}
.section-title{text-align:center;padding-inline:18px}
.section-title h2{margin-top:12px}
.section-title--light{color:white}
.section-title--light .eyebrow{color:#e8c5a9}

.marquee{height:34px;overflow:hidden;background:#251d1a;color:#f6d5b9;white-space:nowrap}
.marquee__track{display:flex;width:max-content;animation:marquee 33s linear infinite}
.marquee__track span{padding:10px 23px 9px;font-size:11px;font-weight:700;letter-spacing:.11em}
@keyframes marquee{to{transform:translateX(-50%)}}

/* The boutique photograph carries the hero; copy stays in its quiet areas. */
.hero{background:var(--paper);text-align:center}
.hero__intro{position:absolute;z-index:1;top:4%;left:4%;right:4%;color:var(--ink);text-align:center}
.hero__masthead{display:flex;flex-direction:column;align-items:center}
.hero__bf{position:absolute;top:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:clamp(74px,22vw,112px);aspect-ratio:1;padding:10px 5px;border:2px solid #d6a338;border-radius:50%;background:#30211b;color:#ffe3a0;box-shadow:0 4px 12px #39221844;font-family:Montserrat,Arial,sans-serif;font-size:clamp(9px,2.5vw,12px);font-weight:800;letter-spacing:.05em;line-height:1.05}
.hero__bf strong{color:#fff4cb;font-size:clamp(17px,5vw,25px);letter-spacing:-.035em}
.hero__brand{display:block;width:clamp(145px,40vw,205px);height:auto;margin:-5px auto -10px;filter:drop-shadow(0 2px 2px #8e5f2133)}
.hero h1{max-width:490px;margin:0 auto;font-family:var(--serif);font-size:clamp(28px,8vw,53px);font-weight:500;letter-spacing:-.055em;line-height:1.01}
.hero h1 em{font-weight:400}
.hero__sub{max-width:400px;margin:6px auto 0;color:#594337;font-family:var(--sans);font-size:clamp(14px,3.9vw,19px);font-weight:500;line-height:1.25}
.hero__visual{position:relative;z-index:1;isolation:isolate;aspect-ratio:941/1820;overflow:visible;background:#f6f0e8}
.hero__photo{position:absolute;top:8%;left:0;width:100%;height:92%;object-fit:cover;object-position:center;z-index:-2;mask-image:linear-gradient(transparent 0%,black 13%,black 100%)}
.hero__visual::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#f6f0e8 0%,#f6f0e8a8 8%,transparent 24%,transparent 76%,#f6f0e8b8 92%,#f6f0e8 100%)}
.hero__commerce{position:absolute;z-index:2;left:3%;right:3%;bottom:calc(18.4% - 148px);display:grid;gap:7px}
.hero__palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.hero__palette span{display:flex;align-items:center;justify-content:center;gap:5px;min-height:28px;padding:4px 2px;border:1px solid #b69b7b;background:#fffaf3e8;color:var(--ink);font-size:clamp(9px,2.45vw,13px);font-weight:700;white-space:nowrap;backdrop-filter:blur(5px)}
.swatch{display:inline-block;flex:none;width:9px;height:9px;border:1px solid #0002;border-radius:50%}
.swatch--cafe{background:#4b332b}
.swatch--negro{background:#22252b}
.swatch--camel{background:#bb7649}
.swatch--azul{background:#293c53}
.hero__price{position:relative;display:grid;justify-items:center;gap:0;margin-inline:1%;padding:12px 10px 0;border:1px solid #aa8660;background:#fff9f0;box-shadow:0 12px 27px #34201940;color:var(--ink);text-align:center}
.hero__price-badge{display:inline-block;padding:5px 9px;background:#a86446;color:#fff;font-family:Montserrat,var(--sans);font-size:11px;font-weight:800;letter-spacing:.04em;line-height:1.1}
.hero__price>s{margin-top:7px;color:#8f8075;font-family:var(--sans);font-size:12px}
.hero__price>strong{margin-top:3px;font-family:Montserrat,var(--sans);font-size:clamp(41px,12.1vw,60px);font-weight:800;letter-spacing:-.085em;line-height:1.01;white-space:nowrap}
.hero__price>strong small{font-size:.27em;letter-spacing:0}
.hero__price-note,.price-card__saving{justify-self:stretch;margin:9px -10px 0;padding:8px 5px;background:#d5b78e;color:#4d3326;font-family:Montserrat,var(--sans);font-size:11px;font-weight:800;letter-spacing:.03em;line-height:1.15;text-transform:uppercase}
.hero__offer{position:relative;z-index:0;padding:51px 16px 30px;background:linear-gradient(180deg,var(--paper) 0%,#d8c7b6 30%,#685144 70%,var(--deep) 100%)}
.hero__choose{margin:3px auto 0;color:var(--ink);font-family:var(--sans);font-size:clamp(14px,3.8vw,17px);font-weight:700;line-height:1.35}
.hero__offer .checkout-slot--empty{min-height:65px}
.price-card{position:relative;display:grid;justify-items:center;gap:0;width:min(100% - 14px,390px);margin:0 auto;padding:16px 10px 0;border:1px solid #aa8660;background:#fff9f0;box-shadow:0 12px 27px #130b0852}
.price-card__badge{display:inline-block;padding:5px 9px;background:#a86446;color:#fff;font-family:Montserrat,var(--sans);font-size:11px;font-weight:800;letter-spacing:.04em;line-height:1.1}
.price-card s{margin-top:8px;color:#8f8075;font-size:12px}
.price-card strong{margin-top:3px;font-family:Montserrat,var(--sans);font-size:clamp(39px,11vw,59px);font-weight:800;line-height:1.01;letter-spacing:-.085em;white-space:nowrap}
.price-card strong small{font-size:.27em;letter-spacing:0}
.checkout-slot{width:min(100%,390px);min-height:78px;margin:auto}
.cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:64px;padding:10px 18px;border:1px solid #f3d9c2;border-radius:2px;background:#f8eee3;color:var(--deep);box-shadow:0 8px 24px #1b100e36;text-decoration:none;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.cta:hover{transform:translateY(-2px);background:#fffaf5;box-shadow:0 12px 28px #1b100e44}
.cta strong{font-size:15px;line-height:1.1;letter-spacing:.11em}
.cta small{font-size:10px;font-weight:600;line-height:1.25}
.seals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;max-width:430px;margin:auto;padding:1px;border:1px solid #c7ad91;background:#c7ad91;list-style:none;text-align:center}
.seals li{display:grid;justify-items:center;align-content:center;gap:8px;min-height:86px;padding:9px 3px;background:#f8efe3;color:#513c32}
.seals svg{display:block;width:23px;height:23px;fill:none;stroke:#a76649;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.seals b{font-family:Montserrat,var(--sans);font-size:clamp(11px,3.1vw,13px);font-weight:700;letter-spacing:-.02em;line-height:1.15}

/* Full-width visual panels fade into the neighboring section colors. */
.image-panel{position:relative;isolation:isolate;min-height:600px;overflow:hidden;margin-top:-1px}
.image-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.image-panel::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.image-panel__copy{position:relative;padding:72px 24px 0;text-align:center}
.image-panel__copy h2{margin-top:10px}
.image-panel__copy>p:last-child:not(.eyebrow){max-width:370px;margin:13px auto 0;font-size:13px;line-height:1.55}
.image-panel--walk{display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,var(--deep) 0%,var(--deep) 27%,#cdb8a4 52%,var(--paper) 100%)}
.image-panel--walk>img{position:relative;inset:auto;order:2;width:100%;height:auto;margin-top:-23px;z-index:0;object-fit:contain;mask-image:linear-gradient(180deg,transparent 0%,black 10%,black 91%,transparent 100%)}
.image-panel--walk::after{display:none}
.image-panel--walk .image-panel__copy{order:1;padding:42px 24px 24px;background:var(--deep);color:white}
.image-panel--walk .eyebrow{color:#efd6c2}

.color-section{padding:4px 0 32px;background:linear-gradient(var(--paper) 0%,var(--paper) calc(100% - 70px),var(--paper-dark) 100%)}
.color-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:0 13px;margin:17px auto 13px}
.color-chips button{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:6px 10px;border:1px solid #baa08c;border-radius:2px;background:transparent;color:var(--ink);font-size:11px;font-weight:700;cursor:pointer}
.color-chips button[aria-selected=true]{background:var(--deep);border-color:var(--deep);color:white}
.color-rail{display:flex;gap:10px;overflow-x:auto;padding:2px 11% 13px;scroll-snap-type:x mandatory;scrollbar-width:none}
.color-rail::-webkit-scrollbar{display:none}
.color-card{position:relative;flex:0 0 78%;overflow:hidden;border-radius:2px;background:#e3d7cb;scroll-snap-align:center;box-shadow:0 12px 20px #34261a25}
.color-card img{width:100%;aspect-ratio:4/4.9;object-fit:cover;object-position:center 25%}
.color-card figcaption{position:absolute;inset:auto 0 0;display:grid;gap:2px;padding:52px 17px 17px;background:linear-gradient(transparent,#251a16dc);color:white}
.color-card b{font-family:var(--serif);font-size:28px;line-height:1}
.color-card span{font-size:12px}

.image-panel--leather{display:flex;flex-direction:column;min-height:0;background:var(--paper-dark)}
.image-panel--leather>img{position:relative;inset:auto;order:2;width:100%;height:auto;margin-top:-23px;z-index:0;object-fit:contain;mask-image:linear-gradient(180deg,transparent 0%,black 10%,black 91%,transparent 100%)}
.image-panel--leather::after{display:none}
.image-panel--leather .image-panel__copy{order:1;padding:36px 24px 24px;background:var(--paper-dark)}
.image-panel--leather .image-panel__copy>p:last-child{color:#59473c}

.carry-section{margin-top:-1px;padding:76px 14px 82px;background:linear-gradient(180deg,var(--paper-dark) 0%,var(--deep) 70px,var(--deep) calc(100% - 62px),#d9c5b2 100%);color:white}
.carry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:25px}
.carry-card{min-width:0}
.carry-card img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#e8ded4}
.carry-card figcaption{display:grid;align-content:start;gap:5px;min-height:69px;padding:11px 3px 0;text-align:left}
.carry-card b{font-size:clamp(13px,3.3vw,16px);line-height:1.15}
.carry-card span{color:#ecddd0;font-size:clamp(12px,3vw,14px);line-height:1.35}

.image-panel--still{min-height:475px;background:linear-gradient(#d9c5b2,var(--paper))}
.image-panel--still>img{object-position:62% center;mask-image:linear-gradient(black 0%,black 88%,transparent 100%)}
.image-panel--still::after{background:linear-gradient(180deg,#d9c5b255 0%,transparent 12%,transparent 88%,var(--paper) 100%)}
.image-panel--still .image-panel__copy{max-width:55%;padding:45px 0 0 20px;text-align:left}
.image-panel--still h2{font-size:clamp(29px,7.8vw,45px)}

.detail-section{padding:5px 14px 55px;background:var(--paper)}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}
.detail-card{min-width:0;background:#e8ded4}
.detail-card--wide{grid-column:1/-1}
.detail-card img{width:100%;aspect-ratio:1;object-fit:cover;object-position:center 52%}
.detail-card--wide img{aspect-ratio:1.55;object-position:center 48%}
.detail-card figcaption{display:grid;align-content:start;gap:5px;min-height:92px;padding:11px 10px 13px}
.detail-card b{font-family:var(--serif);font-size:clamp(18px,4.7vw,24px);font-weight:500;line-height:1.1}
.detail-card span{color:#665448;font-size:clamp(12px,3vw,14px);line-height:1.35}
.detail-card--wide figcaption{min-height:auto;padding:13px 15px 15px}
.detail-card--wide b{font-size:clamp(24px,6vw,31px)}
.detail-card--wide span{font-size:clamp(12px,3.2vw,14px)}
.quality-note{margin-top:14px;color:#8a786b;font-size:10px;text-align:center}

.motion-section{padding:38px 8px 58px;text-align:center}
.motion-section--hand{background:#d9c5b2;color:var(--ink)}
.motion-section--strap{padding-bottom:48px;background:var(--deep);color:white}
.motion-frame{width:min(90%,490px);margin:22px auto 0}
.motion-frame picture{display:block;width:100%;padding:6px;border:1px solid #aa8e78;background:#e9ddd0;box-shadow:0 10px 26px #3e25161c}
.motion-frame img{display:block;width:100%;height:auto;aspect-ratio:auto;background:#f7f3ee;object-fit:contain}
.motion-frame figcaption{padding-top:10px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.motion-section--strap .motion-frame{margin:0 auto}
.motion-section--strap .motion-frame picture{border-color:#a88b72;background:#584238;box-shadow:0 10px 28px #190e0b38}

.image-panel--black{display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,var(--paper) 0%,var(--paper) 27%,#d9c8b8 52%,var(--deep) 100%)}
.image-panel--black>img{position:relative;inset:auto;order:2;width:100%;height:auto;margin-top:-23px;z-index:0;object-fit:contain;mask-image:linear-gradient(180deg,transparent 0%,black 10%,black 90%,transparent 100%)}
.image-panel--black::after{display:none}
.image-panel--black .image-panel__copy{order:1;padding:45px 24px 24px;background:var(--paper)}

.faq-section{padding:0 16px 78px;background:linear-gradient(var(--deep),#32251f);color:white}
.faq-list{display:grid;gap:8px;margin-top:20px}
.faq-list details{border-radius:2px;background:#fffaf5;color:var(--ink)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:12px 14px;list-style:none;font-size:13px;font-weight:700;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{font-size:21px;font-weight:400;line-height:1;transition:transform .2s}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{padding:0 14px 15px;color:#6b594d;font-size:13px;line-height:1.5}

.final-offer{padding:7px 16px 45px;background:#32251f;color:white;text-align:center}
.final-offer .eyebrow{color:#e6bc9d}
.final-offer h2{margin:11px auto 0}
.final-offer>img{width:calc(100% + 32px);max-width:none;height:auto;margin:0 -16px -40px;object-fit:cover;mask-image:linear-gradient(transparent 0%,#000 6%,#000 92%,transparent 100%)}
.price-card--final{color:var(--ink)}
.final-offer .checkout-slot{min-height:79px}
.final-offer>p:last-child{font-size:11px;color:#ead8c8}
.footer{display:grid;gap:5px;padding:20px 16px 31px;background:#32251f;color:#dac8ba;text-align:center}
.footer b{font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:.13em}
.footer span{font-size:10px}

@media(min-width:480px){
  .hero__offer{z-index:2;margin-top:clamp(-65px,calc(145px - 35vw),0px);padding-top:16px;background:linear-gradient(180deg,transparent 0%,var(--paper) 25%,#d8c7b6 44%,#685144 74%,var(--deep) 100%)}
  .hero__palette span{min-height:38px}
  .swatch{width:11px;height:11px}
  .color-card{flex-basis:70%}
}
@media(max-width:359px){
  .hero__palette span{gap:3px;font-size:9px}
  .hero__palette .swatch{width:7px;height:7px}
  .color-chips button{padding-inline:8px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .marquee__track{animation:none}
  *,*::before,*::after{transition-duration:.01ms!important}
}

/* Early motion preview follows the shipping, payment and guarantee seals. */
.motion-section--intro{padding:0 3.94% 30px}
.motion-section--intro .motion-frame{width:100%;margin:0 auto}

/* Match the price card edges: 3% commerce inset + 1% of its width. */
.hero__offer{padding-inline:3.94%}
.hero__offer .checkout-slot{width:100%;min-height:0;margin:16px auto 20px}
.hero__offer .seals{width:100%;max-width:none}
.hero__buy{min-height:64px;background:#17b429;border-color:#17b429;color:#fff;box-shadow:0 4px 14px #17b4294f}
.hero__buy:hover{background:#149e24;color:#fff}

/* Rounded green purchase button inspired by the supplied reference. */
.hero__buy{gap:6px;min-height:94px;padding:16px 18px;border:0;border-radius:14px;background:linear-gradient(115deg,#27c843 0%,#17b429 65%,#119e27 100%);color:#fff;font-family:Montserrat,var(--sans);box-shadow:0 0 24px #17b42966,0 8px 20px #107f2933,inset 0 1px 0 #ffffff38}
.hero__buy strong{font-size:clamp(24px,6.4vw,32px);font-weight:800;letter-spacing:-.025em;line-height:1.1}
.hero__buy small{font-size:clamp(11px,2.9vw,14px);font-weight:700;letter-spacing:.12em;line-height:1.3}
.hero__buy:hover{background:linear-gradient(115deg,#23bc3e,#109b25);box-shadow:0 0 28px #17b42980,0 10px 24px #107f2940,inset 0 1px 0 #ffffff38}

/* Show the supplied artwork through its four bags, omitting its blank tail. */
.hero--boutique .hero__visual{aspect-ratio:941/1195;overflow:hidden;background:var(--paper)}
.hero--boutique .hero__photo{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;object-fit:initial;mask-image:none;z-index:0}
.hero--boutique .hero__visual::after{display:none}
.hero--boutique .hero__commerce{position:relative;left:auto;right:auto;bottom:auto;width:94%;margin:0 auto;gap:7px}
.hero--boutique .hero__offer{margin-top:0;padding-top:18px}

/* Keep offer prices consistent with the purchase button typography. */
.hero__price>strong,.price-card strong{font-family:Montserrat,var(--sans);font-weight:800;letter-spacing:-.025em;font-variant-numeric:lining-nums proportional-nums}
