/* V12: dimensional invitations, restrained motion, touch galleries and shoe store. */
#site-audio[hidden],.invitation-lightbox-controls[hidden],#demo-phone-wrap[hidden],#demo-whatsapp-preview[hidden]{display:none!important}
.demo-dialog{--envelope-paper:#f7edda;--envelope-fold:#e4cc9e;--envelope-ink:#695338;--envelope-gold:#b48c46}
.demo-dialog.quince{--envelope-paper:#efe0f0;--envelope-fold:#c09aba;--envelope-ink:#6f2e63;--envelope-gold:#ccad6f}
.demo-dialog.cumple{--envelope-paper:#fcf2dc;--envelope-fold:#e5b985;--envelope-ink:#7a452c;--envelope-gold:#ba7440}
.demo-dialog.grado{--envelope-paper:#eae5d4;--envelope-fold:#b5a780;--envelope-ink:#263b4b;--envelope-gold:#a78a49}
.demo-dialog.bautizo,.demo-dialog.baby{--envelope-paper:#f4f6f5;--envelope-fold:#bccfd8;--envelope-ink:#446675;--envelope-gold:#86a4af}
.demo-dialog.evento{--envelope-paper:#e3edf0;--envelope-fold:#85a9b3;--envelope-ink:#225367;--envelope-gold:#5c97a0}
.demo-dialog.comunion{--envelope-paper:#f7f2e3;--envelope-fold:#d2d3b5;--envelope-ink:#5a6744;--envelope-gold:#ad9b61}
.demo-dialog.aniversario{--envelope-paper:#f9ebe1;--envelope-fold:#d6b2a2;--envelope-ink:#8a5a56;--envelope-gold:#b98665}
.demo-dialog .demo-cover{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:720px;padding:36px 6% 45px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#faf5e6,#ecdfc5 75%);color:var(--envelope-ink)}
.demo-dialog .demo-cover-art{opacity:.12;filter:grayscale(.5);object-position:center;z-index:-3}
.demo-dialog .demo-cover-shade{background:linear-gradient(0deg,#f5eddcf0,#f3e8d8b8)!important;z-index:-2}
.demo-dialog .demo-cover>.eyebrow{font:600 9px/1.8 Arial,sans-serif;letter-spacing:2.1px;color:var(--envelope-ink);position:relative;z-index:8;max-width:95%;margin:0 0 64px}
.demo-dialog .cover-orbs{display:none}
.demo-dialog .demo-cover h2{font:400 30px/1.2 InvitationSerif,Georgia,serif;letter-spacing:.1px;color:var(--envelope-ink);margin:34px auto 12px;max-width:400px;z-index:6}
.demo-dialog .demo-cover>p:not(.eyebrow){font:11px/1.7 Arial,sans-serif;z-index:6;color:var(--envelope-ink);max-width:290px;margin:0 auto 7px}
.demo-dialog .demo-cover .cover-hint{font-size:11px;letter-spacing:.5px;margin:7px 0 0;padding:9px 18px;border:1px solid color-mix(in srgb,var(--envelope-gold),transparent 55%);border-radius:25px;background:#fff5}
.premium-envelope{width:min(100%,420px);height:265px;position:relative;margin:0 auto 25px;perspective:1000px;transform:rotate(-3deg);filter:drop-shadow(0 18px 16px #553c242e);z-index:4}
.premium-lining{position:absolute;inset:0;background:linear-gradient(150deg,var(--envelope-fold),var(--envelope-paper));border:1px solid var(--envelope-gold);border-radius:3px;box-shadow:inset 0 0 0 8px #fff3}
.premium-card{position:absolute;inset:15px 7% 8px;z-index:2;background:linear-gradient(135deg,#ffffffb8,var(--envelope-paper));border:1px solid var(--envelope-gold);box-shadow:0 3px 12px #0001;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 12px;outline:1px solid color-mix(in srgb,var(--envelope-gold),transparent 55%);outline-offset:-9px;color:var(--envelope-ink);gap:12px}
.premium-card-kicker{font:500 9px/1.5 Arial;letter-spacing:2.8px;text-transform:uppercase}
.premium-card-names{font:400 47px/1.08 InvitationScript,Georgia,serif;max-width:100%;text-align:center}
.premium-card-date{font:400 9px/1.8 Arial,sans-serif;max-width:210px;text-align:center}
.premium-card-note{font:italic 13px/1.4 InvitationSerif,Georgia,serif}
.premium-pocket{position:absolute;inset:0;z-index:3;clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);background:linear-gradient(30deg,var(--envelope-fold),var(--envelope-paper) 47%,#fff8 48%,var(--envelope-paper) 49%,var(--envelope-fold));border:1px solid var(--envelope-gold)}
.premium-pocket::after{content:'';position:absolute;inset:11px 10px;border-bottom:1px solid var(--envelope-gold);opacity:.7}
.premium-pocket>span{position:absolute;bottom:24px;left:0;right:0;font:italic 15px InvitationSerif,Georgia;text-align:center;color:var(--envelope-ink)}
.premium-flap{position:absolute;top:0;left:0;right:0;height:55%;clip-path:polygon(0 0,100% 0,50% 100%);z-index:5;transform-origin:50% 0;background:linear-gradient(170deg,#fff8,var(--envelope-paper) 45%,var(--envelope-fold));border-top:1px solid var(--envelope-gold);backface-visibility:visible}
.demo-dialog .premium-envelope .envelope-seal{position:absolute;left:50%;top:38%;z-index:6;width:76px;height:76px;transform:translateX(-50%) rotate(5deg);border-radius:46% 48% 43% 49%;border:3px solid #e4c084;background:radial-gradient(circle at 30% 20%,#ffdea2,#c9a064 58%,#a87740);color:#704822;box-shadow:inset 0 0 0 4px #e5bf8044,inset 3px 3px 6px #fff4,inset -3px -3px 5px #70431844,0 5px 0 #a8814e,0 9px 18px #65452244;font:400 22px/1 InvitationSerif,Georgia;letter-spacing:0;padding:8px;transition:transform .2s}
.demo-dialog .premium-envelope .envelope-seal:hover{transform:translateX(-50%) rotate(5deg) scale(1.06)}
.demo-dialog .premium-envelope .envelope-seal:focus-visible{outline:3px solid var(--envelope-ink);outline-offset:7px}
.premium-rays{position:absolute;inset:-25%;border-radius:50%;background:radial-gradient(ellipse,#fbdca866,transparent 65%);opacity:0;z-index:-1;pointer-events:none}
.premium-cover-object{position:absolute;right:-4%;bottom:0;width:57%;height:auto;z-index:5;pointer-events:none;filter:drop-shadow(0 10px 10px #53422418);opacity:.95}
.demo-dialog .demo-cover>.premium-cover-object{max-height:300px;object-fit:contain;object-position:right bottom}
.demo-dialog.boda .demo-cover h2,.demo-dialog.quince .demo-cover h2{font:400 38px/1.15 InvitationScript,Georgia;letter-spacing:0;max-width:350px}
.demo-dialog.quince .demo-cover{background:radial-gradient(ellipse at 50% 40%,#604061,#271529 80%);color:#f7e8d6}
.demo-dialog.quince .demo-cover-shade{background:linear-gradient(0deg,#241127e0,#402543ad)!important}
.demo-dialog.quince .demo-cover>.eyebrow,.demo-dialog.quince .demo-cover>h2,.demo-dialog.quince .demo-cover>p:not(.eyebrow){color:#f7e4c9}
.demo-dialog.quince .cover-hint{background:#4d2d4c;border-color:#b99b63}
.demo-dialog.quince .premium-cover-object{width:61%;right:-2%;bottom:7px}
.premium-particles{position:absolute;inset:0;z-index:7;pointer-events:none;overflow:hidden}
.premium-particles i{position:absolute;top:28%;left:var(--x);width:6px;height:9px;border-radius:80% 15% 80% 20%;background:#fff4d4;opacity:0;box-shadow:0 0 8px #d8b36c;transform:rotate(var(--rotate))}
.demo-cover.opening .premium-flap{animation:premium-unfold .65s ease-in-out forwards;animation-delay:.15s}
.demo-cover.opening .premium-card{animation:premium-present 1.7s cubic-bezier(.2,.7,.3,1) forwards}
.demo-cover.opening .envelope-seal{animation:premium-release .7s ease-out forwards}
.demo-cover.opening .premium-rays{animation:premium-radiance 1.8s ease-out forwards}
.demo-cover.opening .premium-particles i{animation:premium-petals 1.8s ease-out both;animation-delay:var(--delay)}
.demo-cover.effects-visible .premium-envelope{animation:premium-arrive .85s cubic-bezier(.2,.75,.25,1) both}
.demo-dialog #demo-inside .invite-object{filter:drop-shadow(0 7px 7px #44351a15);width:190px}
.demo-dialog #demo-inside .invite-story-object{width:235px;right:1%;bottom:-45px}
.demo-dialog #demo-inside .invite-program-object{width:205px;margin-bottom:8px}
.demo-dialog #demo-inside .invite-details-object{width:210px;margin-bottom:14px}
.demo-dialog #demo-inside .invite-countdown-object{width:200px}
.demo-dialog #demo-inside .invite-venue-art .invite-object{width:235px}
.demo-dialog #demo-inside .invite-rsvp-object{width:180px}
.demo-dialog #demo-inside .invite-final-object{width:240px;position:relative}
.demo-dialog.boda #demo-inside,.demo-dialog.quince #demo-inside{--scene-serif:InvitationSerif,Georgia,serif}
.demo-dialog.boda #demo-inside>section h3,.demo-dialog.quince #demo-inside>section h3{font-family:InvitationScript,Georgia,serif;font-size:clamp(34px,5vw,46px);font-weight:400;line-height:1.2;letter-spacing:0}
.demo-dialog.boda .demo-photo-copy h2,.demo-dialog.quince .demo-photo-copy h2{font-family:InvitationScript,Georgia,serif;font-size:clamp(62px,9vw,93px);font-weight:400;letter-spacing:0;line-height:1.13;text-shadow:0 4px 24px #17121e66}
.demo-dialog.boda .demo-photo-copy,.demo-dialog.quince .demo-photo-copy{padding:50px 8%}
.demo-dialog.boda .demo-photo-copy::before,.demo-dialog.quince .demo-photo-copy::before{content:'';position:absolute;inset:26px 6%;border:1px solid #f0d8ae9c;outline:1px solid #f0d8ae55;outline-offset:6px;border-radius:160px 160px 7px 7px;pointer-events:none}
.demo-dialog.boda .demo-photo-hero.effects-visible .demo-photo-copy,.demo-dialog.quince .demo-photo-hero.effects-visible .demo-photo-copy{animation:premium-copy-in .9s ease-out both}
.demo-dialog.quince .demo-photo-hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 20%,#e7c077aa 0 1px,transparent 3px),radial-gradient(circle at 82% 29%,#f5e3baba 0 1px,transparent 3px),radial-gradient(circle at 23% 65%,#f5e3baaa 0 1px,transparent 3px),radial-gradient(circle at 76% 80%,#e7c077aa 0 1px,transparent 3px)}
.demo-dialog.boda #demo-inside .invite-story-content,.demo-dialog.quince #demo-inside .invite-story-content{padding-top:75px}
/* Photograph crossfades: changes are user-driven, never an auto-playing carousel. */
.demo-dialog #demo-inside .demo-gallery.invitation-carousel{position:relative;display:block;width:100%;height:auto;aspect-ratio:4/4.5;margin:30px auto 0;overflow:hidden;border-radius:8px;background:var(--scene-alt);isolation:isolate;touch-action:pan-y;box-shadow:0 12px 28px #0002}
.demo-dialog #demo-inside .invitation-carousel>[data-gallery]{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;border-radius:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s ease,visibility 0s .6s;transform:none}
.demo-dialog #demo-inside .invitation-carousel>[data-gallery].is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .6s ease;z-index:1}
.demo-dialog #demo-inside .invitation-carousel>[data-gallery] img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;transform:none;box-shadow:none}
.invitation-carousel>.invitation-photo-next,.invitation-carousel>.invitation-photo-prev{position:absolute;top:50%;transform:translateY(-50%);width:39px;height:44px;display:grid;place-items:center;border:1px solid #fff6;border-radius:24px;background:#17181b70;color:white;z-index:3;cursor:pointer;font:34px/1 Georgia;box-shadow:0 3px 12px #0001;transition:background .2s}
.invitation-photo-next{right:12px}.invitation-photo-prev{left:12px}.invitation-photo-next:hover,.invitation-photo-prev:hover{background:#17181bbb}
.invitation-carousel-caption{display:flex;justify-content:space-between;gap:15px;font:10px/1.6 Arial,sans-serif;color:var(--scene-muted);margin-top:15px;letter-spacing:.3px}
.invitation-lightbox-controls{display:flex;justify-content:center;align-items:center;gap:24px;padding:10px 15px 22px;color:#f7f4ef;font:12px/1 Arial}
.invitation-lightbox-controls button{border:1px solid #fff5;border-radius:50%;height:40px;width:40px;background:#fff1;color:inherit;font:28px/1 Georgia;cursor:pointer}
#gallery-expanded{transition:opacity .18s ease;touch-action:pan-y}#gallery-expanded.is-dissolving{opacity:.08}
.invitation-next-style{margin:24px auto 0;border:1px solid #ffffff80;border-radius:30px;color:inherit;background:#0002;display:block;font:12px/1.5 Arial,sans-serif;padding:12px 19px;cursor:pointer;position:relative;z-index:2}
/* RSVP preview: local and optional; the WhatsApp link is created after validation. */
.demo-dialog .rsvp-simulation{margin:25px 0 22px;padding:17px;border:1px solid var(--scene-border);border-radius:13px;background:var(--scene-alt);text-align:left}
.demo-dialog .simulation-choice{display:flex!important;align-items:flex-start;gap:11px;margin:0!important;color:var(--scene-ink)!important;cursor:pointer}
.demo-dialog .simulation-choice input{width:18px!important;height:18px!important;min-width:18px;margin:3px 0 0;padding:0;accent-color:var(--scene-accent)}
.simulation-choice strong{display:block;font:600 12px/1.6 Arial,sans-serif}.simulation-choice small{display:block;font:11px/1.7 Arial,sans-serif;margin-top:4px;color:var(--scene-muted)}
#demo-phone-wrap{margin-top:17px}#demo-phone-help{font:10px/1.7 Arial,sans-serif;color:var(--scene-muted);margin:8px 0 0}
.demo-dialog .demo-rsvp-section input,.demo-dialog .demo-rsvp-section select{font-size:16px;min-height:44px}
.whatsapp-preview{margin-top:22px;text-align:left;border-radius:16px;overflow:hidden;border:1px solid #c8d7cf;background:#f4f8f4;color:#1d453d}
.whatsapp-preview-header{display:flex;align-items:center;gap:12px;padding:16px;background:#204e44;color:#fff}
.whatsapp-preview-header>span{width:33px;height:33px;background:#ffffff1c;border:1px solid #ffffff50;display:grid;place-items:center;border-radius:50%}
.whatsapp-preview-header strong{font:600 12px/1.5 Arial}.whatsapp-preview-header small{display:block;font:10px/1.6 Arial;color:#d1e5de}
.whatsapp-preview-chat{margin:18px 15px;padding:15px;border:1px solid #d5ded2;border-radius:0 14px 14px 14px;background:#fff;box-shadow:0 2px 4px #0001}
#demo-whatsapp-message{white-space:pre-wrap;overflow-wrap:anywhere;color:#2a433b!important;font:12px/1.85 Arial!important;margin:0!important}
.whatsapp-preview-chat>small{font:9px/1.7 Arial;color:#6f877e;display:block;text-align:right;margin-top:7px}.whatsapp-preview-chat>small>span{color:#3e92aa;margin-left:6px}
.demo-dialog .whatsapp-preview>.button{display:block;width:calc(100% - 30px);margin:0 15px;text-align:center;border-radius:8px;background:#226746;color:white;font:600 12px/1.6 Arial;padding:13px}
.simulation-explanation{font:10px/1.75 Arial,sans-serif!important;color:#54736b!important;margin:13px 17px 19px!important}
.occasion-card[data-open-occasion="boda"] strong,.occasion-card[data-open-occasion="quince"] strong{font-family:InvitationScript,Georgia,serif;font-weight:400}
@keyframes premium-arrive{from{opacity:0;transform:translateY(30px) rotate(-9deg) scale(.9)}to{opacity:1;transform:translateY(0) rotate(-3deg) scale(1)}}
@keyframes premium-unfold{0%{transform:rotateX(0);z-index:5}80%{z-index:5}100%{transform:rotateX(-180deg);z-index:1}}
@keyframes premium-present{0%,28%{transform:translateY(0);z-index:2}62%{transform:translateY(-69%);z-index:2}63%{z-index:7}100%{transform:translateY(-55%) scale(1.04);z-index:7}}
@keyframes premium-release{to{transform:translate(10px,45px) rotate(38deg) scale(.7);opacity:0}}
@keyframes premium-radiance{0%{opacity:0;transform:scale(.7)}50%{opacity:1}100%{opacity:0;transform:scale(1.4)}}
@keyframes premium-petals{0%{opacity:0;transform:translateY(-20px) rotate(var(--rotate))}20%{opacity:.75}100%{opacity:0;transform:translate(20px,280px) rotate(240deg)}}
@keyframes premium-copy-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){
 .demo-dialog .demo-cover{min-height:640px;padding:25px 7% 40px}.demo-dialog .demo-cover>.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:65px}.premium-envelope{height:210px;width:min(100%,340px);margin-bottom:14px}.premium-card-names{font-size:36px}.premium-card{gap:9px;padding:15px 10px}.premium-card-date{font-size:8px}.premium-card-kicker{font-size:8px;letter-spacing:2px}.premium-pocket>span{bottom:20px;font-size:13px}.demo-dialog .premium-envelope .envelope-seal{width:65px;height:65px;font-size:20px}.demo-dialog .demo-cover h2{margin-top:29px;font-size:27px}.demo-dialog.boda .demo-cover h2,.demo-dialog.quince .demo-cover h2{font-size:34px}.demo-dialog .demo-cover>.premium-cover-object{width:64%;right:-5%;max-height:200px;bottom:0}.demo-dialog .demo-cover>p:not(.eyebrow){max-width:220px;font-size:10px}.demo-dialog .demo-cover .cover-hint{font-size:10px;max-width:220px}.demo-dialog.boda .demo-photo-copy h2,.demo-dialog.quince .demo-photo-copy h2{font-size:58px}.demo-dialog #demo-inside .invite-story-object{width:200px}.demo-dialog #demo-inside .invite-final-object{width:205px}.demo-dialog #demo-inside .invitation-carousel{aspect-ratio:3/4}.demo-dialog .rsvp-simulation{padding:14px}.simulation-choice strong{font-size:11px}.invitation-carousel-caption{font-size:9px}.demo-dialog.boda #demo-inside>section h3,.demo-dialog.quince #demo-inside>section h3{font-size:36px}
}
@media(max-width:350px){.premium-envelope{height:185px}.premium-card-names{font-size:32px}.demo-dialog .demo-cover{min-height:620px}.demo-dialog .demo-cover>.eyebrow{font-size:7px}.demo-dialog.boda .demo-photo-copy h2{font-size:49px}.demo-dialog .rsvp-simulation{padding:11px}.demo-dialog .simulation-choice{gap:8px}}
@media(prefers-reduced-motion:reduce){.premium-envelope,.premium-card,.premium-flap,.demo-cover.opening .envelope-seal,.demo-photo-copy{animation:none!important;transition:none!important}.premium-particles,.premium-rays{display:none}.demo-dialog #demo-inside .invitation-carousel>[data-gallery],#gallery-expanded{transition:none}}
#demo-dialog .demo-cover>.eyebrow{margin-bottom:0}
.premium-cover-heading{position:relative;z-index:6;text-align:center;margin:22px 0 58px;color:var(--envelope-ink)}.premium-cover-heading>span{font:500 9px/1.5 Arial;letter-spacing:2.3px;text-transform:uppercase;display:block}.premium-cover-heading>strong{font:400 47px/1.1 InvitationScript,Georgia;display:block;margin:10px 0 0}
#demo-dialog .premium-envelope #cover-seal{font:400 21px/1 InvitationSerif,Georgia;white-space:nowrap;letter-spacing:-1px}
#demo-dialog .demo-cover>p:not(.eyebrow){color:var(--envelope-ink)!important;text-shadow:none}
#demo-dialog .demo-cover>.premium-cover-object{position:absolute;top:270px;bottom:auto;left:-7%;right:auto;width:49%;max-height:250px;object-position:left center;z-index:5}
#demo-dialog.quince .premium-cover-heading,#demo-dialog.quince .demo-cover>p:not(.eyebrow){color:#f7e4c9!important}
#demo-dialog.quince .demo-cover>.premium-cover-object{top:300px;left:auto;right:-4%;width:49%}
.invitation-carousel img{user-select:none;-webkit-user-drag:none}
@media(max-width:650px){.premium-cover-heading{margin:17px 0 51px}.premium-cover-heading>strong{font-size:36px}.premium-cover-heading>span{font-size:8px}#demo-dialog .demo-cover>.premium-cover-object{top:240px;left:-7%;width:53%;max-height:180px}#demo-dialog.quince .demo-cover>.premium-cover-object{top:245px;left:auto;right:-7%;width:54%}#demo-dialog .premium-envelope #cover-seal{font-size:18px}.demo-dialog .demo-cover{min-height:710px}}
/* PASO / footwear portfolio preview. */
.shoe-project .project-picture{background:#eed9b6;overflow:hidden}.shoe-project-preview{position:absolute;inset:0;color:#213325;background:linear-gradient(120deg,#f0ddc0,#e3c496);overflow:hidden;text-align:left}
.shoe-project-preview>small{position:absolute;left:7%;top:9%;font:900 17px/1 Arial;letter-spacing:-.6px}.shoe-project-preview>strong{position:absolute;left:7%;top:32%;font:800 clamp(30px,4.5vw,65px)/.9 Arial;letter-spacing:-2px;z-index:2}.shoe-project-preview>strong>i{font-family:Georgia,serif;font-weight:400}.shoe-project-preview>img{position:absolute!important;inset:auto!important;object-fit:contain!important;mix-blend-mode:multiply;transform:rotate(-24deg)!important;width:61%!important;height:79%!important;left:42%!important;top:8%!important}.shoe-project-preview>img+img{width:50%!important;height:65%!important;left:64%!important;top:47%!important;transform:rotate(13deg)!important}.shoe-project-preview>b{position:absolute;left:7%;bottom:8%;font:600 8px Arial;letter-spacing:1px}
.shoe-site{color:#25372a;background:#f8f5ed;font-family:Arial,Helvetica,sans-serif}.shoe-site *{box-sizing:border-box}.shoe-site button{cursor:pointer;font-family:inherit}.shoe-site [hidden]{display:none!important}.shoe-site button:focus-visible,.shoe-site input:focus-visible,.shoe-site select:focus-visible{outline:3px solid #ad6138;outline-offset:3px}.shoe-sample-strip{background:#243529;color:#f5edda;text-align:center;font:9px/1.7 Arial;letter-spacing:1.8px;padding:9px 20px}.shoe-nav{position:relative;inset:auto;z-index:4;width:auto;box-shadow:none;opacity:1;visibility:visible;transform:none;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #d7d5c6;background:#faf8f1}.shoe-logo{font-size:37px;font-weight:900;letter-spacing:-2.5px;line-height:1}.shoe-logo>span{display:block;font:9px/1.6 Georgia;letter-spacing:1px;margin-top:5px}.shoe-nav>div{display:flex;gap:22px;align-items:center}.shoe-nav button{font:600 11px/1.7 Arial;background:transparent;border:0;color:#435445;padding:6px 0;white-space:nowrap}.shoe-nav button[aria-current]{border-bottom:1px solid #25372a;color:#25372a}.shoe-nav .shoe-bag{border:1px solid #b6bba9;border-radius:30px;padding:9px 15px}.shoe-bag>span{display:inline-grid;place-items:center;margin-left:8px;background:#25372a;color:#fff;width:18px;height:18px;border-radius:50%;font-size:9px}
.shoe-hero{display:grid;grid-template-columns:1fr 1.1fr;min-height:560px;background:#e9d4b2;overflow:hidden;position:relative}.shoe-hero-copy{padding:62px 0 52px 10%;position:relative;z-index:3}.shoe-site .shoe-eyebrow{font:600 9px/1.7 Arial;letter-spacing:2px;text-transform:uppercase;color:#596449;margin:0 0 20px}.shoe-hero h2{font:800 clamp(45px,6.5vw,89px)/.93 Arial;letter-spacing:-4px;margin:25px 0;color:#25372a}.shoe-hero h2 i{font:italic 400 1.12em/1 Georgia}.shoe-hero-copy>p:not(.shoe-eyebrow){font:12px/1.9 Arial;color:#5c634d;margin:25px 0}.shoe-site .shoe-solid{background:#25372a;color:#fff;border:1px solid #25372a;border-radius:3px;padding:14px 18px;font:600 11px/1.5 Arial;display:inline-flex;align-items:center;justify-content:center;gap:30px}.shoe-solid:hover{background:#3d5644}.shoe-hero-copy>small{display:block;font:9px/1.7 Arial;color:#62664f;margin-top:25px}.shoe-hero-art{position:relative;min-width:0}.shoe-hero-disc{position:absolute;width:440px;height:440px;border-radius:50%;background:#f6e5c9;left:3%;top:15%;box-shadow:0 0 0 40px #e3c8a155}.shoe-hero-word{position:absolute;right:0;top:10%;font:900 74px/.8 Arial;color:#b79d7555;letter-spacing:-4px}.shoe-hero-art img{position:absolute;width:95%;height:70%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 19px 17px #7d614629)}.shoe-hero-art .shoe-hero-nike{right:3%;top:3%;transform:rotate(-25deg);z-index:2}.shoe-hero-art .shoe-hero-adidas{right:-14%;bottom:-9%;transform:rotate(13deg);width:80%;height:63%;z-index:3}.shoe-hero-label{position:absolute;bottom:8%;left:6%;font:9px/1.8 Arial;color:#6b644e;letter-spacing:1.2px;z-index:4}.shoe-hero-label>b{font-weight:700}
.shoe-brand-ribbon{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;background:#fffaf0;padding:25px 5%;border-bottom:1px solid #ded8cb}.shoe-brand-ribbon button{background:none;border:0;font:700 13px/1 Arial;color:#48543e;letter-spacing:-.3px;padding:7px}.shoe-brand-ribbon button:hover{text-decoration:underline;text-underline-offset:5px}
.shoe-featured{padding:60px 5%}.shoe-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.shoe-section-heading .shoe-eyebrow{margin-bottom:12px}.shoe-site h3{font:400 34px/1.2 Georgia;letter-spacing:-1px;margin:0}.shoe-site .shoe-text-link{padding:6px 0;border:0;background:none;color:#485c43;font:600 10px/1.7 Arial;border-bottom:1px solid #acb29a}.shoe-featured-grid,.shoe-catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.shoe-card{min-width:0}.shoe-card>button{padding:0;border:0;background:none;text-align:left;width:100%;color:#243529;display:block}.shoe-card-photo{display:block;position:relative;background:#eeeae0;aspect-ratio:1;overflow:hidden}.shoe-card-photo>img{width:100%;height:100%;display:block;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}.shoe-card>button:hover img{transform:scale(1.045)}.shoe-card-photo>span{position:absolute;left:13px;top:12px;display:block;background:#fff9;padding:5px 9px;border-radius:15px;font:9px/1.4 Arial}.shoe-card-photo>b{position:absolute;right:12px;bottom:12px;background:#fff8;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font:16px/1 Arial}.shoe-card-text{display:block;padding:17px 1px 5px}.shoe-card-text>small{font:9px/1.6 Arial;letter-spacing:1.5px;text-transform:uppercase;color:#68755c;display:block}.shoe-card-text>strong{font:600 13px/1.5 Arial;display:block;margin-top:6px}.shoe-card-text>em{font:normal 9px/1.6 Arial;display:block;color:#69765f;margin-top:7px}
.shoe-editorial{display:grid;grid-template-columns:1fr 1fr;background:#243529;color:#f2eadb}.shoe-editorial>div:first-child{position:relative;background:#65715b;min-height:360px;overflow:hidden}.shoe-editorial img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-15deg) scale(1.05)}.shoe-editorial>div:first-child>span{position:absolute;left:8%;bottom:10%;font:9px Arial;letter-spacing:2px;color:#f8ecd5}.shoe-editorial>div+div{padding:50px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.shoe-editorial .shoe-eyebrow{color:#c3c4a8}.shoe-editorial h3{font-size:39px;line-height:1.1}.shoe-editorial p:not(.shoe-eyebrow){font:11px/1.9 Arial;color:#d0d1ba;margin:23px 0}.shoe-editorial .shoe-text-link{color:#e3dabb;border-bottom-color:#a0aa8f}
.shoe-catalogue,.shoe-product,.shoe-selection,.shoe-about{padding:52px 5% 65px;min-height:500px}.shoe-site h2{color:#243529}.shoe-catalogue h2,.shoe-selection h2,.shoe-about h2{font:400 44px/1.14 Georgia;letter-spacing:-1.4px;margin:0}.shoe-catalogue-count,#shoe-catalogue-count{font:10px/1.5 Arial;color:#6d785f;white-space:nowrap}.shoe-search-label{font:11px/1.7 Arial;display:block;margin:15px 0 7px}.shoe-site input,.shoe-site select{border:1px solid #c1c7b1;background:#fffdf6;color:#26392b;padding:12px 15px;font:16px/1.5 Arial;width:100%;border-radius:4px}.shoe-filters{display:flex;flex-wrap:wrap;gap:8px;padding:21px 0 28px}.shoe-filters button{background:transparent;border:1px solid #c9cdbf;border-radius:25px;color:#59674e;padding:8px 15px;font:10px/1.5 Arial}.shoe-filters button[aria-pressed=true]{background:#25372a;color:white;border-color:#25372a}.shoe-empty{font:12px/1.8 Arial;color:#667159;grid-column:1/-1;padding:30px 0}.shoe-product-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;margin-top:27px}.shoe-product-image{background:#eeece2;aspect-ratio:1;overflow:hidden}.shoe-product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.shoe-product-layout h2{font:400 39px/1.13 Georgia;letter-spacing:-1px;margin:15px 0 25px}.shoe-product-layout p{font:12px/1.9 Arial;color:#66705b}.shoe-product-color{font:10px/1.8 Arial;display:block;border-top:1px solid #d6d9c9;padding:18px 0}.shoe-product-layout label{display:block;font:11px/1.8 Arial;margin:8px 0}.shoe-product-layout .shoe-solid{width:100%;margin-top:16px}.shoe-small-note{display:block;font:10px/1.8 Arial;color:#738168;margin-top:15px}.shoe-selection>p{font:12px/1.9 Arial;color:#64735a;margin:23px 0}.shoe-selection-item{display:flex;align-items:center;gap:20px;padding:17px 0;border-block:1px solid #d6d9ca}.shoe-selection-item>img{width:110px;height:110px;object-fit:contain;mix-blend-mode:multiply}.shoe-selection-item>div{flex:1;min-width:0}.shoe-selection-item small,.shoe-selection-item span{display:block;font:10px/1.6 Arial;color:#6c7b60}.shoe-selection-item strong{display:block;font:600 13px/1.7 Arial;margin:5px 0}.shoe-selection-item button{border:1px solid #c4cbb8;color:#6a7b5c;background:transparent;width:30px;height:30px;font:22px/1 Arial;border-radius:50%}.shoe-selection>.shoe-solid{margin-top:30px}.shoe-about{max-width:1000px;margin:auto}.shoe-about>p:not(.shoe-eyebrow){max-width:590px;font:13px/2 Arial;color:#68735d;margin:30px 0}.shoe-about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:40px 0}.shoe-about-values article{border-top:1px solid #aebda1;padding-top:20px}.shoe-about-values b{font:11px Arial;color:#78896b}.shoe-about-values h3{font-size:22px;margin:18px 0}.shoe-about-values p{font:11px/1.9 Arial;color:#6a7a5e}
.shoe-footer{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:25px;padding:40px 5%;background:#eeeadd;color:#4a5940}.shoe-footer>strong{font:900 26px/1 Arial;letter-spacing:-1px}.shoe-footer>strong>span{font:9px/1.8 Georgia;letter-spacing:.3px;display:block;margin-top:7px}.shoe-footer>div{display:flex;gap:23px}.shoe-footer button{background:transparent;border:0;font:11px Arial;color:#56664b;padding:5px 0}.shoe-footer>p{width:100%;font:9px/1.8 Arial;color:#6a775f;margin:0;max-width:650px}.shoe-footer a{color:inherit;text-underline-offset:3px}
@media(max-width:700px){.shoe-nav{gap:15px;padding:20px 5%;align-items:flex-start;flex-direction:column}.shoe-logo{font-size:32px}.shoe-nav>div{width:100%;justify-content:space-between;gap:12px}.shoe-nav button{font-size:10px}.shoe-nav .shoe-bag{padding:7px 10px}.shoe-sample-strip{font-size:7px;letter-spacing:1px}.shoe-hero{grid-template-columns:1fr;min-height:700px}.shoe-hero-copy{padding:38px 7% 0}.shoe-hero h2{font-size:65px;letter-spacing:-3px;margin:20px 0}.shoe-hero-copy .shoe-eyebrow{font-size:8px}.shoe-hero-copy>p:not(.shoe-eyebrow){margin:16px 0;font-size:11px}.shoe-hero-copy>small{margin-top:17px}.shoe-hero-art{height:315px;min-height:315px}.shoe-hero-disc{width:290px;height:290px;left:28%;top:0;box-shadow:0 0 0 30px #e3c8a144}.shoe-hero-word{font-size:65px;top:-24px;right:4%}.shoe-hero-art .shoe-hero-nike{width:87%;height:100%;top:-35px;right:5%}.shoe-hero-art .shoe-hero-adidas{width:70%;height:92%;right:-10%;bottom:-56px}.shoe-hero-label{left:7%;bottom:8%;font-size:8px}.shoe-brand-ribbon{gap:8px;justify-content:center;padding:15px 4%}.shoe-brand-ribbon button{font-size:11px;padding:8px}.shoe-featured{padding:40px 6%}.shoe-section-heading{align-items:flex-start;flex-direction:column;gap:14px}.shoe-site h3{font-size:29px}.shoe-featured-grid{grid-template-columns:1fr;gap:24px}.shoe-card-photo{aspect-ratio:1.25}.shoe-catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.shoe-catalogue-grid .shoe-card-photo{aspect-ratio:1}.shoe-catalogue-grid .shoe-card-text>strong{font-size:11px}.shoe-catalogue-grid .shoe-card-text>small{font-size:8px}.shoe-catalogue-grid .shoe-card-photo>span{font-size:8px;left:8px;top:8px;padding:4px 7px}.shoe-editorial{grid-template-columns:1fr}.shoe-editorial>div:first-child{min-height:270px;height:270px}.shoe-editorial>div+div{padding:35px 7% 45px}.shoe-editorial h3{font-size:35px}.shoe-catalogue,.shoe-product,.shoe-selection,.shoe-about{padding:35px 6% 45px}.shoe-catalogue h2,.shoe-selection h2,.shoe-about h2{font-size:35px}.shoe-filters{gap:7px}.shoe-filters button{padding:7px 11px;font-size:9px}.shoe-product-layout{grid-template-columns:1fr;gap:25px}.shoe-product-layout h2{font-size:34px}.shoe-about-values{grid-template-columns:1fr;gap:25px}.shoe-about-values h3{font-size:26px}.shoe-selection-item{gap:13px}.shoe-selection-item>img{width:78px;height:78px}.shoe-selection-item strong{font-size:11px}.shoe-footer{padding:30px 6%}.shoe-project-preview>b{font-size:6px}}
@media(prefers-reduced-motion:reduce){.shoe-card-photo>img{transition:none}.shoe-card>button:hover img{transform:none}}
