
:root{--denim:#163f6b;--stitch:#d9ab70}.zipjourney{height:155vh;position:relative;background:#0c203b}.zipstage{position:sticky;top:88px;height:calc(100vh - 88px);min-height:540px;overflow:hidden;display:flex;align-items:center;justify-content:center;perspective:1200px}.denim{position:absolute;inset:0;background:repeating-linear-gradient(125deg,#ffffff08 0px,#ffffff08 1px,transparent 1px,transparent 4px),repeating-linear-gradient(35deg,#0002 0px,#0002 1px,transparent 1px,transparent 3px),linear-gradient(120deg,#295783,#102f55 70%);z-index:3;pointer-events:none;will-change:clip-path}.denim.left{clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.denim.right{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}.stitchline{position:absolute;top:0;bottom:0;left:calc(50% - 18px);border-left:2px dashed #d9ab7099}.right .stitchline{left:calc(50% + 18px)}.ziptrack{position:absolute;left:calc(50% - 7px);top:0;bottom:0;width:14px;background:repeating-linear-gradient(0deg,#c5b997 0 5px,#454b51 5px 9px);z-index:4;clip-path:inset(var(--ziptop,0%) 0 0 0)}.zipper{position:absolute;z-index:6;left:calc(50% - 22px);top:var(--ziptop,0%);width:44px;height:70px;border-radius:9px 9px 16px 16px;background:linear-gradient(90deg,#a49c87,#f6e6bd 45%,#afa48d);box-shadow:0 9px 20px #0007;transform:translateY(-5px);display:grid;place-items:center;color:#28333c}.zipper:after{content:'';width:16px;height:28px;border:5px solid #817964;border-radius:6px;transform:rotate(12deg)}.zipintro{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 8%;color:#fff;pointer-events:none;opacity:var(--intro,1);transform:translateY(calc(var(--progress,0)*-80px))}.zipintro h1{font-size:clamp(60px,7vw,108px);line-height:.95;max-width:850px;letter-spacing:-5px;text-shadow:0 4px 20px #0003}.zipintro h1 em{color:#e6b780}.zipintro p{color:#e0e8ed;max-width:430px}.zipintro .eyebrow{color:#f3d4a7}.ziphint{position:absolute;bottom:28px;font-size:11px;letter-spacing:3px;animation:nudge 2s infinite}.denimlabel{position:absolute;right:8%;bottom:80px;z-index:5;background:#b7804e;color:#382414;border:2px dashed #593b28;padding:20px 25px;font-weight:900;transform:rotate(-7deg);font-size:16px;letter-spacing:1px;opacity:var(--intro,1)}.zipreveal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#fff;background:radial-gradient(ellipse at 50% 40%,#315f85,#0c203b 70%);padding:35px;z-index:1}.zipreveal h2{font-size:clamp(40px,5vw,76px);max-width:800px}.zipreveal p{color:#cbd8e2}.zipreveal .actions{justify-content:center;flex-wrap:wrap}.orbitword{position:absolute;font-size:11px;letter-spacing:3px;color:#d9ab70;border:1px solid #ffffff30;padding:12px 20px;border-radius:30px;animation:float 6s infinite}.o1{left:8%;top:18%}.o2{right:10%;top:26%}.o3{left:14%;bottom:20%}.o4{right:12%;bottom:15%}.storelink{transform-style:preserve-3d;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden}.storelink:hover{box-shadow:0 24px 45px #102c5020}.storevisual{height:170px;display:flex;align-items:center;justify-content:space-between;margin:-30px -30px 25px;padding:30px;background:#183b62;color:#f4dcba;position:relative;overflow:hidden}.storevisual:after{content:'';position:absolute;width:180px;height:180px;border:22px solid #ffffff0c;border-radius:50%;right:-50px;top:-50px}.storevisual strong{font-size:65px;letter-spacing:-6px;transform:rotate(-8deg);text-shadow:8px 8px 0 #0002}.storevisual span{font-size:10px;letter-spacing:3px;writing-mode:vertical-rl}.storevisual.beauty{background:#642846;color:#f6dadd}.storevisual.casa{background:#c37d3c;color:#fff3da}.storevisual.service{background:#315c54;color:#e6ebc9}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}.spotlight{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:40px;background:#e8e2d4;border-radius:10px}.spotlight p{max-width:none}.motto{font-size:clamp(36px,4vw,65px);line-height:1.03;letter-spacing:-2px;font-weight:900;padding:45px 25px;min-height:300px;display:flex;align-items:center;background:#183b62;color:#f4dcba;border-radius:7px;transform:perspective(900px) rotateY(-7deg);box-shadow:15px 18px 0 #102c5015}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.feature{padding:25px;border:1px solid #102c5025;background:#fffcf5;border-radius:7px}.feature h3{font-size:20px;line-height:1.2}.feature p{font-size:14px}.source{font-size:11px;color:#697785;border-top:1px solid #102c5020;padding-top:15px}.miniform{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#fffaf0;padding:30px;border-radius:8px;margin:30px 0}.miniform label{display:grid;gap:8px;font-size:13px}.miniform input,.miniform select,.miniform textarea{width:100%;font:inherit;border:1px solid #102c5040;border-radius:4px;padding:13px;background:#fff;min-width:0}.miniform .wide{grid-column:1/-1}.miniform button{border:0;justify-content:center}.miniform .consent{display:flex;align-items:flex-start;line-height:1.6}.consent input{width:auto;margin-top:5px}.status{font-size:14px;line-height:1.6;color:#234f46}.steps{counter-reset:s}.steps li{margin-bottom:18px;line-height:1.7}.crosslinks{display:flex;flex-wrap:wrap;gap:12px}.crosslinks a{border:1px solid #102c5035;padding:12px;border-radius:4px;font-size:13px}@keyframes nudge{50%{transform:translateY(7px)}}@media(max-width:760px){.zipstage{top:76px;height:calc(100svh - 76px)}.zipintro{padding:0 6%}.zipintro h1{font-size:58px;letter-spacing:-3px}.zipintro p{max-width:280px}.denimlabel{right:6%;bottom:90px;font-size:12px;padding:12px}.orbitword{display:none}.zipreveal{padding:25px}.zipreveal h2{font-size:42px}.spotlight,.featuregrid{grid-template-columns:1fr}.spotlight{padding:22px;gap:25px}.motto{min-height:190px;font-size:42px}.miniform{grid-template-columns:1fr;padding:22px}.miniform .wide{grid-column:auto}.storevisual{height:145px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.zipjourney{height:auto}.zipstage{position:relative;top:0;height:650px}.denim,.ziptrack,.zipper,.zipintro,.denimlabel{display:none}.storelink,.motto{transform:none!important}}

/* The denim is a separate illustration, so it never covers the hero copy. */
.zipjourney{height:125vh;background:var(--paper)}.zipstage{display:grid;grid-template-columns:1.3fr 1fr;gap:5%;padding:45px 6%;min-height:580px}.herocopy{position:relative;z-index:8;align-self:center}.herocopy h1{font-size:clamp(48px,5.4vw,83px);letter-spacing:-4px;line-height:1.03}.herocopy h1 em{color:var(--orange)}.zipcanvas{position:relative;align-self:center;height:min(62vh,540px);min-height:390px;border-radius:35% 35% 12px 12px;overflow:hidden;box-shadow:20px 24px 0 #102c500b,0 30px 65px #102c5025;transform:perspective(1100px) rotateY(-7deg)}.zipcanvas .zipreveal{padding:20px}.zipcanvas .zipreveal h2{font-size:clamp(30px,3vw,46px);letter-spacing:-2px}.zipcanvas .zipreveal p{font-size:13px}.zipcanvas .eyebrow{font-size:8px}.zipcanvas .denimlabel{font-size:12px;right:8%;bottom:55px;padding:13px 17px}.zipcanvas .ziphint{z-index:7;bottom:16px;left:0;right:0;text-align:center;color:#f8dfba;font-size:8px;letter-spacing:2px;opacity:var(--intro,1)}.storecarousel{margin-top:25px}.carouselcontrols{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:18px}.carouselcontrols span{font-size:12px;margin-right:15px}.carouselcontrols button{border:1px solid #102c5040;color:var(--blue);background:transparent;width:43px;height:43px;border-radius:50%;font-size:23px;transition:background .2s}.carouselcontrols button:hover{background:var(--blue);color:white}.carouselcontrols button:disabled{opacity:.3;cursor:default}.carouseltrack.storelist{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin-top:0;padding:8px 0 25px;overscroll-behavior-x:contain}.carouseltrack::-webkit-scrollbar{display:none}.carouseltrack .storelink{flex:0 0 calc((100% - 20px)/2);scroll-snap-align:start;min-width:0;transform:none!important;opacity:1!important}.carouseltrack .storelink:hover{transform:translateY(-4px)!important}.joinstory{background:#e8e2d4;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.joinstory .miniform{margin:0;padding:25px;gap:15px}.joinstory .miniform label{font-size:12px}.joinstory .consent span{font-size:11px}.joincopy h2{font-size:clamp(42px,4.5vw,67px)}.joincopy .textlink{display:inline-block;padding-left:0}@media(max-width:760px){.zipjourney{height:auto}.zipstage{position:relative;top:0;height:auto;display:grid;grid-template-columns:1fr;gap:35px;padding:45px 6%;overflow:visible;min-height:0}.herocopy h1{font-size:53px;letter-spacing:-3px}.herocopy .actions{flex-wrap:wrap;gap:0}.zipcanvas{width:100%;height:310px;min-height:0;max-width:430px;justify-self:center;border-radius:20px;transform:none}.zipcanvas .zipreveal h2{font-size:37px}.zipcanvas .denimlabel{font-size:11px}.joinstory{grid-template-columns:1fr;gap:30px}.carouseltrack .storelink{flex-basis:100%}.carouseltrack .storevisual{height:145px}.joinstory .miniform{padding:22px}}@media(prefers-reduced-motion:reduce){.zipjourney{height:auto}.zipstage{position:relative;top:0;height:auto}.carouseltrack.storelist{scroll-behavior:auto}}

/* Full-height denim hero with a metallic zipper integrated into the fabric. */
.zipjourney{height:140vh;background:#102a45}.zipstage{display:block;position:sticky;top:88px;height:calc(100svh - 88px);min-height:650px;padding:0;overflow:hidden;background:#101f30}.zipstage .denim{background:linear-gradient(100deg,#07172966,#48627b11 52%,#06152488),url('/denim.svg');background-size:auto,180px 180px;box-shadow:inset -14px 0 20px #0008}.zipstage .denim.left{clip-path:polygon(0 0,72% 0,72% 100%,0 100%)}.zipstage .denim.right{clip-path:polygon(72% 0,100% 0,100% 100%,72% 100%);box-shadow:inset 14px 0 20px #0008}.zipstage .stitchline{left:calc(72% - 30px);border-left:2px dashed #bba17a;filter:drop-shadow(1px 1px 1px #000);opacity:.7}.zipstage .right .stitchline{left:calc(72% + 30px)}.zipstage .ziptrack{left:calc(72% - 11px);width:22px;background:repeating-linear-gradient(0deg,#605b4e 0 2px,#e0d3b1 2px 5px,#736750 5px 7px,#242a2e 7px 10px);box-shadow:0 0 0 5px #0a1e30,0 0 20px 12px #0008}.zipstage .ziptrack:after{content:'';position:absolute;left:10px;width:2px;inset-block:0;background:#252a29}.zipstage .zipper{left:calc(72% - 36px);width:72px;height:143px;top:clamp(0px,var(--ziptop,0%),calc(100% - 145px));background:none;border-radius:0;box-shadow:none;filter:drop-shadow(5px 12px 8px #000a);transform:none;display:block}.zipstage .zipper:after{display:none}.zipper svg{width:100%;height:100%}.herocopy{position:relative;z-index:8;width:66%;height:100%;padding:70px 0 70px 6%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;color:#fff}.herocopy h1{font-size:clamp(48px,5.8vw,87px);letter-spacing:-4px;line-height:.99;margin:24px 0}.herocopy h1 em{color:#e2ba81}.herocopy p{color:#d4dfe6;font-size:16px;line-height:1.8}.herocopy .eyebrow{color:#e5cba4;font-size:9px;letter-spacing:2px}.herocopy .textlink{color:#f5e8d3}.herocopy .actions{gap:12px;flex-wrap:wrap}.heroscroll{font-size:9px;letter-spacing:3px;margin-top:45px;color:#b8c8d6}.herostamp{position:absolute;right:3.5%;bottom:35px;z-index:5;color:#d8c3a3;font-size:11px;letter-spacing:2px;writing-mode:vertical-rl;opacity:var(--intro,1)}.herostamp span{font-size:8px;margin-top:22px;letter-spacing:1px}.zipstage>.zipreveal{inset:0 0 0 67%;background:radial-gradient(ellipse,#456078,#0d2034);padding:20px;z-index:1}.zipstage>.zipreveal h2{font-size:36px;letter-spacing:-2px}.zipstage>.zipreveal .eyebrow{font-size:8px}.zipstage>.zipreveal p{font-size:12px}@media(max-width:760px){.zipjourney{height:120vh}.zipstage{position:sticky;top:76px;height:calc(100svh - 76px);min-height:590px}.herocopy{width:84%;padding:45px 5%;justify-content:center}.herocopy h1{font-size:clamp(37px,8.6vw,59px);letter-spacing:-2px;line-height:1.05}.herocopy p{font-size:13px;max-width:260px}.herocopy .eyebrow{font-size:7px;max-width:250px;line-height:1.7;letter-spacing:1px}.herocopy .btn{font-size:11px;padding:14px 16px;gap:8px}.herocopy .textlink{font-size:11px;padding-left:0}.herocopy .actions{display:flex;flex-direction:column;align-items:flex-start;gap:0}.heroscroll{margin-top:25px;font-size:8px}.zipstage .stitchline{left:calc(88% - 23px)}.zipstage .right .stitchline{left:calc(88% + 23px)}.zipstage .ziptrack{left:calc(88% - 8px);width:16px}.zipstage .zipper{left:calc(88% - 25px);width:50px;height:105px;top:clamp(0px,var(--ziptop,0%),calc(100% - 107px))}.zipstage .ziptrack:after{left:7px}.herostamp{display:none}.zipstage>.zipreveal{inset:0 0 0 79%}.zipstage>.zipreveal h2{font-size:20px;letter-spacing:-1px}.zipstage>.zipreveal p,.zipstage>.zipreveal .eyebrow{display:none}}@media(prefers-reduced-motion:reduce){.zipjourney{height:auto}.zipstage{position:relative;top:0}.zipstage .denim,.zipstage .ziptrack,.zipstage .zipper{display:block}.herostamp{display:none}}

/* Retail identity: warm canvas, lively storefront accents, denim as a brand detail. */
:root{--blue:#252322;--paper:#fffaf3;--orange:#ee5530}body{background:var(--paper);color:#252322}header{background:#fffaf3f5;border-bottom-color:#25232218}header .brand{color:#292624}header .brand small{color:#dd522f}nav{font-weight:600}.btn{background:#292624}.btn.orange{background:#ed5531;box-shadow:0 8px 20px #ed553125}.strip{background:#ef5832;color:white;letter-spacing:1px;font-weight:bold}.strip b{color:#ffddb7}.zipjourney{background:#fff5e8;height:120vh}.zipstage{background:#fff5e8;min-height:650px}.zipstage .denim{background:linear-gradient(105deg,#fffaf1f5,#fff5e8e8),url('/denim.svg');background-size:auto,180px 180px;box-shadow:none}.zipstage .denim.left{clip-path:polygon(0 0,96% 0,96% 100%,0 100%)}.zipstage .denim.right{clip-path:polygon(96% 0,100% 0,100% 100%,96% 100%)}.zipstage .ziptrack{left:calc(96% - 8px);width:16px;opacity:.7;box-shadow:0 0 0 5px #d8cec0,0 0 14px 5px #63574730}.zipstage .ziptrack:after{left:7px}.zipstage .zipper{left:calc(96% - 26px);width:52px;height:105px;top:clamp(0px,var(--ziptop,0%),calc(100% - 107px))}.zipstage .stitchline{left:calc(96% - 24px);border-left-color:#ab8b65;opacity:.5}.zipstage .right .stitchline{left:calc(96% + 24px)}.herocopy{color:#292624;width:56%;padding-left:6%;padding-right:0}.herocopy h1{font-size:clamp(48px,5.8vw,86px);letter-spacing:-4px;line-height:1.02}.herocopy h1 em{color:#e75431}.herocopy p{color:#746a61;font-size:15px}.herocopy .eyebrow{color:#9b4931;font-size:9px;letter-spacing:1.8px}.herocopy .textlink{color:#292624}.heroscroll{color:#938473}.zipstage>.zipreveal{display:none}.retailart{position:absolute;left:57%;right:8%;top:10%;bottom:7%;z-index:7;perspective:1000px}.retailcircle{position:absolute;width:110%;aspect-ratio:1;border-radius:50%;background:#f4e3c9;top:14%;left:-5%}.shoppingbag{position:absolute;border-radius:3px 3px 10px 10px;box-shadow:20px 30px 35px #59432925;transform-style:preserve-3d}.shoppingbag:after{content:'';position:absolute;right:-15px;width:15px;top:0;bottom:0;background:#0002;clip-path:polygon(0 0,100% 5%,100% 95%,0 100%)}.bagfront{width:66%;height:49%;left:25%;top:34%;background:linear-gradient(110deg,#fb6d42,#e84b2c);transform:rotate(10deg) rotateY(-12deg);color:#fff7ed;animation:bagfloat 6s ease-in-out infinite}.bagback{width:59%;height:45%;left:0;top:22%;background:linear-gradient(115deg,#66785b,#394e39);transform:rotate(-12deg) rotateY(10deg);color:#f4e4c9}.shoppingbag .handle{position:absolute;width:40%;height:30%;left:30%;top:-23%;border:8px solid #5a3424;border-bottom:0;border-radius:70px 70px 0 0;box-shadow:inset 2px 0 2px #ffffff50}.bagback .handle{border-color:#303c28}.shoppingbag span{display:block;font-size:clamp(18px,2.4vw,36px);font-weight:900;letter-spacing:-1px;line-height:1.05;margin:33% 12% 0}.shoppingbag small{display:block;font-size:7px;letter-spacing:2px;margin-top:13px}.shoppingbag i{font-size:62px;position:absolute;right:12%;bottom:9%;font-style:normal;color:#fcd7a4}.retailbadge{position:absolute;right:-2%;top:6%;background:#ffdc83;color:#4a3c29;border-radius:50%;width:105px;height:105px;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:11px;line-height:1.5;transform:rotate(12deg);z-index:3}.retailbadge strong{font-size:13px}.floatingpill{position:absolute;z-index:5;background:#fffdfa;padding:15px 18px;border-radius:40px;font-size:11px;box-shadow:0 10px 35px #58402c20;white-space:nowrap}.fp1{bottom:7%;left:-8%;transform:rotate(-4deg)}.fp2{top:29%;right:-10%;transform:rotate(5deg);color:#704b58}.artfoot{position:absolute;bottom:-1%;left:5%;font-size:8px;letter-spacing:2px;color:#8d7764}.history,.joinstory{background:#f5e8d7}.instagram{background:#e95834}.storevisual{background:#f2cc63;color:#504328}.storevisual.beauty{background:#e8c1ce;color:#6e344e}.storevisual.casa{background:#bfd0ab;color:#364d35}.storevisual.service{background:#c2d6dc;color:#3e5a63}.storelink{background:#fffdf9;border-color:#4a30201c}.carouselcontrols button{color:#42392f;border-color:#8d746b40}.carouselcontrols button:hover{background:#e95b36;color:#fff}.pin{background:#d95433}.eyebrow:before{background:#e95834}@keyframes bagfloat{50%{transform:translateY(-13px) rotate(7deg) rotateY(-8deg)}}@media(max-width:760px){.zipjourney{height:auto}.zipstage{position:relative;top:0;height:auto;min-height:890px}.herocopy{width:89%;height:auto;padding:45px 5% 0;justify-content:flex-start}.herocopy h1{font-size:clamp(43px,10vw,60px);letter-spacing:-2.6px;margin:22px 0 16px}.herocopy p{font-size:13px}.herocopy .actions{flex-direction:row;align-items:center;gap:12px;margin-top:18px}.herocopy .textlink{max-width:130px;line-height:1.6}.heroscroll{display:none}.retailart{left:13%;right:18%;top:475px;bottom:38px}.retailbadge{width:80px;height:80px;top:-8%;font-size:8px}.retailbadge strong{font-size:10px}.shoppingbag span{font-size:25px}.shoppingbag .handle{border-width:6px}.bagfront{top:30%;height:56%}.bagback{top:15%;height:53%}.shoppingbag i{font-size:44px}.fp1{font-size:9px;bottom:1%;left:-8%;padding:12px}.fp2{font-size:9px;top:15%;right:-14%;padding:12px}.artfoot{font-size:6px;bottom:-5%}.zipstage .ziptrack{left:calc(96% - 6px);width:12px}.zipstage .zipper{left:calc(96% - 20px);width:40px;height:80px}.zipstage .stitchline{left:calc(96% - 18px)}.zipstage .right .stitchline{left:calc(96% + 18px)}}@media(prefers-reduced-motion:reduce){.shoppingbag{animation:none}.zipstage{top:0}}

.storevisual.logovisual{background:#fff;padding:0;height:auto;aspect-ratio:2/1;display:block}.logovisual:after{display:none}.logovisual img{display:block;width:100%;height:100%;object-fit:contain}.carouseltrack .storevisual.logovisual{height:auto;aspect-ratio:2/1}

/* Compact logo strip: brand artwork only. */
.logocarousel{max-width:560px;margin:25px auto 0}.logocarousel .carouselcontrols{margin-bottom:10px;gap:8px}.logocarousel .carouselcontrols span{font-size:10px;margin-right:8px}.logocarousel .carouselcontrols button{width:32px;height:32px;font-size:17px}.logocarousel .carouseltrack{padding:6px 0 12px}.logocarousel .storelink{padding:0;border:0;background:transparent;box-shadow:none!important;border-radius:0}.logocarousel .storevisual.logovisual{margin:0;background:transparent;aspect-ratio:2/1;width:100%;height:auto}.logocarousel .storevisual img{border-radius:5px}.logocarousel .storelink:hover{transform:none!important}.logocarousel .storelink:hover img{opacity:.85}#explore:has(.logocarousel)>.actions{justify-content:center}#explore:has(.logocarousel)>.note{text-align:center}@media(max-width:760px){.logocarousel{max-width:440px}.logocarousel .carouseltrack .storelink{flex-basis:calc((100% - 20px)/2)}.logocarousel .carouselcontrols{justify-content:center}.logocarousel .storevisual.logovisual{aspect-ratio:2/1}}

/* Denim fabric surrounds the zipper from the top to the bottom of the hero. */
.zipstage .denim.left{background:linear-gradient(90deg,#fffaf3 0%,#fff5e8 88%,transparent 89%),linear-gradient(100deg,#07172922,#3b607c22),url('/denim.svg');background-size:auto,auto,180px 180px}.zipstage .denim.right{background:linear-gradient(100deg,#31557222,#07172966),url('/denim.svg');background-size:auto,180px 180px}.zipstage .ziptrack{opacity:1;box-shadow:0 0 0 4px #16334e,0 0 12px 6px #0005}.zipstage .stitchline{border-left-color:#d4aa70;opacity:.9;filter:drop-shadow(1px 1px 1px #0008)}@media(max-width:760px){.zipstage .denim.left{background:linear-gradient(90deg,#fffaf3 0%,#fff5e8 87%,transparent 88%),url('/denim.svg');background-size:auto,180px 180px}}

/* Full-width, quiet logo ribbon. */
.logocarousel{max-width:none;width:113.6363636%;margin:28px 0 0 -6.8181818%}.logocarousel .carouselcontrols{display:none}.logocarousel .carouseltrack.storelist{gap:40px;padding:18px 0;scroll-behavior:auto;scroll-snap-type:none;overflow-x:auto;touch-action:pan-y;scrollbar-width:none}.logocarousel .carouseltrack .storelink{flex:0 0 180px;scroll-snap-align:none}.logocarousel .storevisual.logovisual{height:90px;aspect-ratio:2/1}.logocarousel .storevisual img{border-radius:0;background:#fff;mix-blend-mode:multiply}.logocarousel .storelink{background:transparent}@media(max-width:760px){.logocarousel{max-width:none}.logocarousel .carouseltrack.storelist{gap:26px}.logocarousel .carouseltrack .storelink{flex-basis:130px}.logocarousel .storevisual.logovisual{height:65px}}@media(min-width:1700px){.logocarousel .carouseltrack.storelist{gap:65px}}

/* An invitation to picture a new storefront in the shopping center. */
.joincopy .vitrine-question{font-size:clamp(25px,2.5vw,36px);line-height:1.15;letter-spacing:-1px;color:#dc4d2b;margin:25px 0 18px}.joincopy>p{font-size:15px;line-height:1.75}.yourstore-scene{height:235px;position:relative;max-width:440px;margin:24px 0 15px;perspective:900px;isolation:isolate}.yourstore-building{position:absolute;inset:12px 18px 38px;transform:rotateY(-7deg) rotateX(3deg);transform-style:preserve-3d}.shopping-sign{background:#39362f;color:#fff4df;letter-spacing:3px;font-size:10px;text-align:center;padding:13px;border-radius:8px 8px 0 0;box-shadow:7px -5px 0 #afa18b}.store-neighbors{height:133px;display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:14px;padding:14px 15px 0;background:linear-gradient(110deg,#e5d7bf,#f9f0df);border-inline:7px solid #d9c9af}.neighbor-window{background:linear-gradient(125deg,#b9c6be,#7d9689);border:5px solid #fff7e8;box-shadow:inset 0 0 0 1px #5e756655;opacity:.75}.yourstore{position:relative;transform:translateZ(15px);animation:store-welcome 5s ease-in-out infinite}.yourbrand-sign{position:absolute;left:-8px;right:-8px;top:-7px;background:#ee5732;color:white;text-align:center;font-size:11px;letter-spacing:1px;font-weight:bold;border:3px solid #ffd4a4;border-radius:5px;padding:10px 2px;z-index:3;box-shadow:0 5px 15px #cb583440;animation:sign-arrives 5s ease-in-out infinite}.yourbrand-sign span{color:#ffe38e}.yourstore-awning{position:absolute;top:32px;left:-5px;right:-5px;height:17px;background:repeating-linear-gradient(90deg,#ef6037 0 14px,#fff1db 14px 28px);transform:skewX(-7deg);z-index:2;box-shadow:0 4px 0 #d3492c}.yourstore-glass{position:absolute;inset:49px 0 0;background:linear-gradient(120deg,#f5e8b7,#b9d9ce 55%,#e8f4e4);border:4px solid #fff9e9;overflow:hidden}.yourstore-glass:after{content:'';position:absolute;top:-40%;left:-70%;height:190%;width:24%;background:#ffffff88;transform:rotate(30deg);animation:window-shine 5s ease-in-out infinite}.store-door{position:absolute;right:8%;top:0;bottom:0;width:30%;border-left:3px solid #5c7167;border-right:3px solid #5c7167}.store-door:after{content:'';position:absolute;top:50%;left:3px;width:3px;height:10px;background:#ee6038}.store-open{position:absolute;left:4%;top:35%;font-size:6px;background:#fff3d8;padding:4px;color:#62503c;letter-spacing:.5px}.store-ground{height:10px;background:#c5b79e;box-shadow:0 8px 0 #d8cdb8}.store-light{position:absolute;inset:30px -5px 0;box-shadow:0 0 22px #ffc56870;pointer-events:none;animation:store-glow 5s infinite}.yourstore-caption{position:absolute;bottom:0;width:100%;text-align:center;font-size:11px;color:#89725c;letter-spacing:.5px}.store-spark{position:absolute;color:#ea6b38;font-size:24px;animation:store-spark 5s infinite}.spark1{right:3px;top:35px}.spark2{left:4px;top:85px;font-size:16px;animation-delay:.4s}@keyframes sign-arrives{0%,12%{opacity:0;transform:translateY(-22px) rotate(-5deg)}25%,85%{opacity:1;transform:translateY(0) rotate(0)}100%{opacity:0;transform:translateY(-12px)}}@keyframes window-shine{0%,30%{left:-70%}65%,100%{left:150%}}@keyframes store-welcome{0%,15%,100%{transform:translateZ(15px)}40%,80%{transform:translateZ(28px) translateY(-2px)}}@keyframes store-glow{0%,18%,100%{opacity:0}30%,85%{opacity:1}}@keyframes store-spark{0%,20%,100%{opacity:0;transform:scale(.5)}40%,75%{opacity:1;transform:scale(1)}}@media(max-width:760px){.joincopy .vitrine-question{font-size:28px}.yourstore-scene{height:225px;margin-inline:auto}.yourstore-building{inset-inline:8px}.yourbrand-sign{font-size:9px}.shopping-sign{font-size:9px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){.yourstore,.yourbrand-sign,.yourstore-glass:after,.store-light,.store-spark{animation:none}.yourbrand-sign{opacity:1}.store-spark{display:none}}

.lojas-cta{display:inline-flex;align-items:center;gap:14px;padding:10px 15px 10px 10px;border:1px solid #ef583244;border-radius:18px;background:#fff3e7;color:#292624;font-weight:700;text-align:left;transition:background .25s,transform .25s}
.lojas-cta small{display:block;color:#754737;font-size:11px;margin-top:3px;font-weight:400}
.lojas-cta-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#ed5531;color:white;animation:lojas-giro 6s ease-in-out infinite}
.lojas-cta-arrow{margin-left:12px;color:#aa3921;transition:transform .25s}
.lojas-cta:hover,.lojas-cta:focus-visible{background:#ffe5d2;transform:translateY(-3px)}
.lojas-cta:hover .lojas-cta-arrow,.lojas-cta:focus-visible .lojas-cta-arrow{transform:translate(3px,-3px)}
@keyframes lojas-giro{0%,78%,100%{transform:rotate(0)}88%{transform:rotate(22deg)}}
@media(prefers-reduced-motion:reduce){.lojas-cta-icon{animation:none}.lojas-cta,.lojas-cta-arrow{transition:none}}

header{transition:height .24s ease,box-shadow .24s ease}
header .brand{transition:transform .24s ease;transform-origin:left center}
.menu-compact header{height:60px;box-shadow:0 4px 18px #29262416}
.menu-compact header .brand{transform:scale(.84)}
.menu-compact .zipstage{top:60px}
header nav a{position:relative}
header nav a::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:2px;background:#ed5531;transform:scaleX(0);transform-origin:left;transition:transform .2s}
header nav a:hover::after,header nav a:focus-visible::after{transform:scaleX(1)}
.logocarousel .carouseltrack.storelist{padding-block:28px}
.logocarousel .storevisual img{background:transparent;mix-blend-mode:normal;filter:drop-shadow(0 5px 5px #31231633);transition:transform .24s ease,filter .24s ease}
.logocarousel .storelink:hover img,.logocarousel .storelink:focus-visible img{opacity:1;transform:scale(1.16);filter:drop-shadow(0 9px 7px #31231655)}
@media(max-width:760px){.menu-compact header{height:57px}.menu-compact .zipstage{top:0}}
@media(prefers-reduced-motion:reduce){header,header .brand,header nav a::after,.logocarousel .storevisual img{transition:none}}

.yourbrand-sign {
  left: 0;
  right: 0;
  top: -9px;
  box-sizing: border-box;
  padding: 12px 2px;
  font-size: clamp(10px, 2.8vw, 15px);
  letter-spacing: .35px;
  white-space: nowrap;
  animation: none;
}
.yourstore-scene.sign-pending .yourbrand-sign {
  opacity: 0;
  transform: translateY(-55px);
}
.yourstore-scene.sign-landed .yourbrand-sign {
  animation: storefront-sign-drop .85s cubic-bezier(.2,.8,.28,1) both;
}
@keyframes storefront-sign-drop {
  from { opacity: 0; transform: translateY(-55px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .yourstore-scene.sign-pending .yourbrand-sign,
  .yourstore-scene.sign-landed .yourbrand-sign {
    opacity: 1;
    transform: none;
    animation: none;
  }
}

@media (max-width: 760px) {
  .zipstage .zipper {
    top: 0;
    left: auto;
    right: 0;
    width: 32px;
    transform: translate3d(0, var(--zip-mobile-offset, 0px), 0);
  }
  .zipstage .ziptrack { left: auto; right: 10px; }
}
