.leather-home{background:#171817;color:#f2eee4;font-family:Georgia,'Times New Roman',serif;--leather-gold:#d0af71;--leather-grey:#c1beb7}.leather-home:before{display:none}.leather-home a:hover{color:#e9cc95}.leather-home a:focus-visible,.leather-home button:focus-visible{outline:2px solid #d0af71;outline-offset:6px}.leather-home .skip{background:#252625;color:#fff}.leather-home p{color:var(--leather-grey);font-size:16px;line-height:1.7}.leather-home h1,.leather-home h2{font-weight:400;letter-spacing:-1px}.leather-header{position:absolute;inset:0 0 auto;z-index:20;display:grid;grid-template-columns:1fr 180px 1fr;align-items:start;padding:27px 3.5%;gap:20px}.leather-address{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:2.5px;color:var(--leather-gold);padding-top:12px;justify-self:start}.leather-home .brand{gap:5px;justify-self:center}.leather-home .crest{width:112px;height:107px;margin:0}.leather-home .wordmark{font-size:22px;letter-spacing:7px;color:#eee9dd;padding-left:7px}.leather-home .menu-button{display:flex;justify-self:end;align-items:center;gap:16px;position:relative;background:transparent;border:0;padding:12px 0;color:var(--leather-gold);font-family:Arial,Helvetica,sans-serif;letter-spacing:2px;font-size:10px;text-transform:uppercase}.leather-home .menu-button:before{content:'';width:27px;height:19px;background:linear-gradient(var(--leather-gold),var(--leather-gold)) left top/27px 1px no-repeat,linear-gradient(var(--leather-gold),var(--leather-gold)) left center/27px 1px no-repeat,linear-gradient(var(--leather-gold),var(--leather-gold)) left bottom/27px 1px no-repeat}.leather-home .mobile-links{display:none}.leather-home .mobile-links.open{display:flex;position:absolute;right:3.5%;top:85px;flex-direction:column;gap:0;min-width:260px;padding:18px 25px;background:#202220f5;border:1px solid #d0af7140;box-shadow:0 20px 60px #0005;z-index:30}.leather-home .mobile-links a{padding:13px 0;border-bottom:1px solid #ffffff12;font-size:17px;color:#eee9dd}.leather-home .mobile-links a:last-child{border:0}.leather-hero{height:100svh;min-height:760px;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;background:#303130}.leather-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;z-index:-2}.leather-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#12141350 0%,#13151310 38%,#12141310 66%,#12141370 100%),linear-gradient(90deg,#10121125,transparent 65%)}.leather-hero-copy{position:absolute;top:27%;width:100%;text-align:center;padding:0 8%;display:flex;flex-direction:column;align-items:center}.leather-kicker{display:block;font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:2.7px;color:var(--leather-gold);line-height:1.8}.leather-home h1{font-size:clamp(48px,5.4vw,78px);line-height:1.12;margin:20px 0 15px;text-shadow:0 2px 30px #0004}.leather-hero-copy p{font-size:20px;margin:0;color:#eee9df}.leather-discover{display:inline-flex;align-items:center;gap:24px;font-size:15px;letter-spacing:.5px;line-height:1.7;padding:10px 0;border-bottom:1px solid #d0af71b0;margin-top:47px;position:relative}.leather-discover:before{content:'';position:absolute;top:-15px;width:35px;height:1px;background:#d0af71;left:calc(50% - 17px)}.leather-signature{position:absolute;bottom:38px;left:0;width:100%;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:9px;letter-spacing:2.8px;color:#ddd7ca}.leather-signature span{display:block;width:30px;height:1px;background:#d0af71;margin:19px auto 0}.leather-chapters{position:fixed;left:23px;top:46%;z-index:15;display:flex;flex-direction:column;gap:7px}.leather-chapters a{width:25px;height:25px;display:grid;place-items:center}.leather-chapters a:after{content:'';width:6px;height:6px;border:1px solid #e3d9c9aa;border-radius:50%;background:#17181744}.leather-chapters .is-active:after{background:#d0af71;border-color:#d0af71}.leather-craft{position:relative;isolation:isolate;min-height:490px;display:flex;align-items:center;overflow:hidden}.leather-craft>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.leather-craft:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101211ed,#10121199 37%,transparent 75%)}.leather-craft-copy{width:48%;max-width:670px;padding:65px 0 65px 8%}.leather-home h2{font-size:clamp(34px,3.5vw,52px);line-height:1.15;margin:24px 0 20px}.leather-craft-copy p{max-width:370px;margin:0 0 20px}.leather-link{display:inline-flex;align-items:center;gap:22px;font-size:15px;line-height:1.6;padding:10px 0 7px;border-bottom:1px solid #d0af7188;color:#eee8da}.leather-link span{color:#d0af71;font-size:22px;line-height:1}.leather-filmstrip{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:3px;padding:3px;background:#0e100f}.leather-filmstrip a{position:relative;aspect-ratio:2.1;overflow:hidden;background:#191b1a}.leather-filmstrip img{width:100%;height:100%;object-fit:cover;opacity:.56;filter:grayscale(1);transition:opacity .3s,transform .5s}.leather-filmstrip a:hover img{opacity:.9;transform:scale(1.025)}.leather-strip-play{position:absolute;top:22%;left:calc(50% - 22px);width:44px;height:44px;border:1px solid #eee7d8bb;border-radius:50%;display:grid;place-items:center;font-family:Arial,Helvetica,sans-serif;font-size:26px;color:#f4eee0}.leather-strip-caption{position:absolute;bottom:17%;left:5%;right:5%;text-align:center;font-size:15px;color:#f4eee0}.leather-film{max-width:1500px;margin:auto;padding:80px 8% 65px}.leather-film-intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}.leather-film-intro h2{margin-bottom:0}.leather-film-intro>p{font-size:15px;margin:0 0 6px;max-width:330px}.leather-film-screen{position:relative;aspect-ratio:16/8.5;background:#202220;overflow:hidden;margin-bottom:18px}.leather-film-screen .hero-video{object-fit:cover}.leather-home .video-toggle{border:1px solid #d0af71;background:#11131170;color:#eee8dc;right:25px;bottom:25px}.leather-home .video-fallback{background:#202220e8;color:#eee8dc}.leather-visit{padding:85px 6% 95px;text-align:center;background:radial-gradient(ellipse at 50% 20%,#353633,#1b1d1b 75%);border-top:1px solid #d0af7120}.leather-visit h2{font-size:clamp(35px,4.3vw,60px)}.leather-visit-actions{display:flex;justify-content:center;gap:35px;flex-wrap:wrap;margin-top:25px}.leather-home .site-directory{background:#131513;border-top:1px solid #d0af7125;border-bottom-color:#d0af7125;color:#bbb7ae}.leather-home .site-directory h3{color:#d0af71}.leather-home .site-directory a:hover{color:#eee8dc}.leather-home footer{background:#131513;color:#aaa69e;border-color:#d0af7125}.leather-home .footer-brand{color:#d0af71}
@media(min-width:1500px){.leather-craft-copy{padding-left:max(8%,calc((100vw - 1250px)/2))}}
@media(max-width:760px){.leather-header{padding:20px 5%;grid-template-columns:1fr 125px 1fr;gap:8px}.leather-address{font-size:8px;letter-spacing:1.3px;line-height:1.9;max-width:95px}.leather-home .crest{width:97px;height:93px}.leather-home .wordmark{font-size:18px;letter-spacing:5px}.leather-home .menu-button{font-size:0;gap:0;padding-top:12px}.leather-home .menu-button:before{width:24px}.leather-home .mobile-links.open{top:70px;right:5%;min-width:240px}.leather-chapters{left:5px;gap:2px}.leather-chapters a{width:25px;height:29px}.leather-hero{min-height:700px;max-height:950px}.leather-hero-image{object-position:58% bottom}.leather-hero-shade{background:linear-gradient(180deg,#17191755,#17191725 55%,#17191755)}.leather-hero-copy{top:29%;padding:0 9%}.leather-kicker{font-size:9px;letter-spacing:1.8px}.leather-home h1{font-size:clamp(38px,8.8vw,57px);letter-spacing:-1px;margin-top:24px}.leather-hero-copy p{font-size:16px;max-width:280px}.leather-discover{font-size:13px;gap:14px;margin-top:40px}.leather-signature{font-size:8px;letter-spacing:2px;bottom:32px}.leather-craft{min-height:610px;align-items:end}.leather-craft>img{object-position:67% top}.leather-craft:after{background:linear-gradient(180deg,#10121105 10%,#10121160 40%,#101211f5 76%)}.leather-craft-copy{width:100%;max-width:none;padding:250px 9% 45px}.leather-craft-copy h2{font-size:37px}.leather-craft-copy p{font-size:15px;max-width:400px}.leather-filmstrip{grid-template-columns:1fr 1fr}.leather-filmstrip a:first-child{grid-column:1/-1;aspect-ratio:2.5}.leather-filmstrip a{aspect-ratio:1.8}.leather-strip-play{top:20%}.leather-strip-caption{bottom:14%;font-size:14px}.leather-film{padding:50px 7% 45px}.leather-film-intro{display:block;margin-bottom:24px}.leather-film-intro>p{margin-top:20px;font-size:14px}.leather-film-screen{aspect-ratio:1.35}.leather-home .video-toggle{right:16px;bottom:16px;width:42px;height:42px;font-size:20px}.leather-home .video-fallback{font-size:10px;right:65px;bottom:16px}.leather-visit{padding:55px 8% 60px}.leather-visit-actions{gap:20px;flex-direction:column;align-items:center}.leather-home h2{letter-spacing:-.7px}.leather-home .site-directory{padding-left:9%;padding-right:9%}}
@media(prefers-reduced-motion:reduce){.leather-filmstrip img{transition:none}.leather-home{scroll-behavior:auto}}
/* Selected detail composition and the owner's actual storefront. */
.leather-hero-picture{position:absolute;inset:0;z-index:-2}.leather-hero-picture .leather-hero-image{object-fit:fill;z-index:auto}
.leather-hero{height:calc(56.25vw + 280px);min-height:900px;max-height:none;background:radial-gradient(ellipse at 70% 0,#3c3e3b,#292b29 70%)}.leather-hero-picture{inset:auto 0 0;width:100%;height:auto;aspect-ratio:1672/940;mask-image:linear-gradient(180deg,transparent,#000 18%)}.leather-hero-picture .leather-hero-image{position:static;display:block;object-fit:contain;width:100%;height:100%}.leather-hero-copy{top:185px}.leather-home .leather-hero h1{font-size:clamp(48px,4.8vw,70px);margin-top:18px}
@media(max-width:900px){.leather-hero{height:calc(177.68vw + 200px);min-height:850px;max-height:none}.leather-hero-picture{aspect-ratio:941/1672}.leather-hero-copy{top:205px;padding:0 8%}.leather-home .leather-hero h1{font-size:clamp(38px,7vw,58px)}.leather-hero-copy p{font-size:16px}.leather-signature{bottom:26px}}
.leather-home .crest{width:124px;height:118px}
.leather-home .crest img{filter:saturate(.6) brightness(1.2)}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .leather-home h1,.leather-home h2{background-image:linear-gradient(110deg,#eee9de 0%,#eee9de 40%,#fff9eb 47%,#e7ce9c 50%,#fff9eb 53%,#eee9de 60%,#eee9de 100%);background-size:350% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:petkov-heading-sheen 12s ease-in-out infinite}
}
@keyframes petkov-heading-sheen{0%,18%{background-position:100% 0}68%,100%{background-position:0% 0}}
@media(max-width:760px){.leather-home .crest{width:108px;height:103px}}
@media(prefers-reduced-motion:reduce){.leather-home h1,.leather-home h2{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}
.leather-craft{min-height:0;aspect-ratio:3/1}.leather-craft-copy{padding-top:45px;padding-bottom:45px}.leather-craft:after{background:linear-gradient(90deg,#10121155,transparent 65%)}
.leather-visit{position:relative;isolation:isolate;background:#1b1d1b;overflow:hidden}.leather-visit:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/petkov-shop-original.webp') center 46%/cover no-repeat;filter:grayscale(1);opacity:.14}.leather-visit:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#17191788,transparent 50%,#17191788)}
@media(max-width:1000px){.leather-craft{aspect-ratio:auto;min-height:450px}.leather-craft-copy{padding-top:40px;padding-bottom:40px}.leather-craft>img{object-position:68% center}.leather-craft:after{background:linear-gradient(90deg,#101211d9,#10121160 48%,transparent)}}
@media(max-width:760px){.leather-craft{min-height:600px}.leather-craft-copy{padding-top:260px;padding-bottom:40px}.leather-craft>img{object-position:76% top}.leather-craft:after{background:linear-gradient(180deg,transparent 5%,#10121130 35%,#101211f5 75%)}.leather-visit:before{background-position:50% center;opacity:.16}}

/* October release: approved shop illustration, five distinct workshop films. */
.intro-accessible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.leather-home .leather-film{max-width:none;padding:70px max(6%,calc((100vw - 1440px)/2));background:linear-gradient(#101111b5,#111212d9),url('/petkov-leather-hero.webp') center/cover}
.leather-film-intro,.leather-film-screen,.workshop-five,.leather-film>.leather-link{max-width:1440px;margin-left:auto;margin-right:auto}
.leather-film-screen{aspect-ratio:16/9}
.workshop-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px;margin-bottom:25px}
.workshop-clip{position:relative;display:block;min-width:0;aspect-ratio:16/10;border:1px solid #d0af712b;background:#111;padding:0;cursor:pointer;color:#eee6d5;font-family:Georgia,serif;overflow:hidden}
.workshop-clip img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.75;transition:opacity .2s}
.workshop-clip:hover img,.workshop-clip[aria-pressed="true"] img{opacity:1}
.workshop-clip[aria-pressed="true"]{border-color:#d0af71}
.clip-play{position:absolute;right:9px;bottom:9px;border:1px solid #d0af71;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:#10101080;font-family:Arial,sans-serif;font-size:21px;color:#d0af71}
.clip-label{position:absolute;left:9px;bottom:11px;font-size:11px;text-shadow:0 1px 5px #000;background:#0005;padding:2px 4px}
@media(max-width:760px){
 .leather-home .leather-film{padding:45px 7%}
 .leather-film-screen{aspect-ratio:16/9}
 .workshop-five{gap:5px}
 .workshop-clip{aspect-ratio:3/4}
 .clip-play{width:23px;height:23px;right:calc(50% - 12px);bottom:8px;font-size:17px}
 .clip-label{display:none}
}
@media(prefers-reduced-motion:reduce){.workshop-clip img{transition:none}}

/* Welcome artwork is a dismissible overlay; the original leather hero remains. */
.welcome-dialog{padding:0;border:0;max-width:min(1200px,94vw);max-height:94svh;width:max-content;background:#111310;color:#eee8db;box-shadow:0 25px 100px #0009;overflow:auto}
.welcome-dialog::backdrop{background:#050605d9;backdrop-filter:blur(5px)}
.welcome-dialog picture{display:block}
.welcome-dialog picture img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(94svh - 68px);object-fit:contain;margin:0 auto}
.welcome-close{position:absolute;z-index:2;right:14px;top:14px;width:44px;height:44px;border:1px solid #d0af7166;border-radius:50%;background:#10110fed;color:#eee8da;font:32px/1 Arial,sans-serif;cursor:pointer}
.welcome-actions{display:flex;justify-content:center;align-items:center;min-height:62px;padding:10px 20px;background:#111310}
.welcome-actions button{border:0;border-bottom:1px solid #d0af7188;padding:4px 0 6px;background:transparent;color:#eee8da;font:17px Georgia,serif;cursor:pointer}
.welcome-actions span{margin-left:22px;color:#d0af71}
.welcome-dialog button:focus-visible{outline:2px solid #d0af71;outline-offset:3px}
body.welcome-open{overflow:hidden}
@media(max-width:760px){.welcome-dialog{max-width:94vw;max-height:94svh}.welcome-dialog picture img{max-height:calc(94svh - 62px)}.welcome-close{right:10px;top:10px;width:40px;height:40px}.welcome-actions{min-height:56px}}

/* Restrained light animation on the welcome illustration. */
.welcome-art{position:relative;overflow:hidden;isolation:isolate}
.welcome-gold-sheen,.welcome-shoe-glint{pointer-events:none;position:absolute;inset:0;z-index:1;mix-blend-mode:screen;opacity:0}
.welcome-gold-sheen{background:linear-gradient(112deg,transparent 35%,#e8c88708 44%,#fff5cd40 49%,#e8c88710 54%,transparent 62%);clip-path:polygon(0 22%,58% 22%,58% 68%,0 68%);animation:welcome-gold-pass 11s ease-in-out 1s infinite}
.welcome-shoe-glint{background:linear-gradient(115deg,transparent 39%,#fff2d208 47%,#fff6d633 50%,transparent 57%);clip-path:polygon(47% 39%,100% 39%,100% 100%,47% 100%);animation:welcome-gold-pass 11s ease-in-out 3s infinite}
@keyframes welcome-gold-pass{0%,12%{transform:translateX(-110%);opacity:0}20%{opacity:.8}58%{opacity:.8}68%,100%{transform:translateX(110%);opacity:0}}
.leather-choice{padding:70px 8%;max-width:1440px;margin:auto;background:#171817;border-top:1px solid #d0af7120}
.leather-choice>p{max-width:900px;margin:20px 0}.choice-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:35px 0}
.choice-columns h3{font-weight:400;color:#d0af71;font-size:23px;margin:0 0 15px}.choice-columns p{font-size:15px;margin:0}
@media(max-width:760px){.welcome-gold-sheen{clip-path:polygon(0 9%,100% 9%,100% 38%,0 38%)}.welcome-shoe-glint{clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}.leather-choice{padding:45px 9%}.choice-columns{grid-template-columns:1fr;gap:25px}}
@media(prefers-reduced-motion:reduce){.welcome-gold-sheen,.welcome-shoe-glint{animation:none;display:none}}

/* Leather stays visible through the film's midpoint, then dissolves towards the craft section. */
.leather-hero:after{content:'';position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(180deg,transparent,#17181755 60%,#171817a6);pointer-events:none;z-index:0}
.leather-signature{z-index:1}
.leather-home .leather-film{background-color:#171817;background-image:linear-gradient(180deg,#171817a6 0%,#17181766 18%,#17181777 52%,#171817bb 72%,#171817ed 90%,#171817 100%),url('/petkov-leather-hero.webp');background-position:center,center top;background-size:cover,cover;background-repeat:no-repeat;padding-bottom:100px}
.leather-craft:before{content:'';position:absolute;inset:0 0 auto;height:clamp(80px,12vw,180px);background:linear-gradient(180deg,#171817,transparent);pointer-events:none;z-index:-1}
/* Full-screen welcome: preserve the complete lettering and both shoes at all ratios. */
.welcome-dialog{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;overflow:hidden;box-shadow:none;background:#100f0e}
.welcome-art{position:absolute;inset:0}
.welcome-art:before{content:'';position:absolute;inset:-30px;background:linear-gradient(#100f0e66,#100f0e66),url('/schuhmacherkunst-desktop.webp') center/cover;filter:blur(24px);z-index:-1}
.welcome-dialog picture{width:100%;height:100%}
.welcome-dialog picture img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;animation:welcome-natural-light 16s ease-in-out infinite}
.welcome-actions{position:absolute;bottom:0;left:0;right:0;z-index:2;background:linear-gradient(transparent,#100f0ed9);padding:24px 20px max(18px,env(safe-area-inset-bottom));min-height:74px}
.welcome-close{right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));background:#10110f99}
/* Existing photographic highlights change only very slightly; no moving veil. */
.welcome-gold-sheen,.welcome-shoe-glint{display:none;animation:none}
@keyframes welcome-natural-light{0%,100%{filter:brightness(1)}50%{filter:brightness(1.035)}}
@media(max-width:760px){.leather-home .leather-film{padding-bottom:65px}.welcome-art:before{background-image:linear-gradient(#100f0e66,#100f0e66),url('/schuhmacherkunst-mobile.webp')}.welcome-dialog{max-width:100vw;max-height:100dvh}.welcome-dialog picture img{max-height:none}}
@media(prefers-reduced-motion:reduce){.welcome-dialog picture img{animation:none}}

/* Approved autumn welcome movie; the original leather homepage stays beneath it. */
.welcome-dialog .welcome-art:before{background-image:linear-gradient(#100f0e88,#100f0e88),url('/welcome-autumn-poster.webp')}
.welcome-autumn-video{display:block;width:100%;height:100%;object-fit:contain;background:transparent;animation:none}
.welcome-animation-toggle{position:absolute;z-index:3;top:max(20px,env(safe-area-inset-top));left:20px;background:#111b;border:1px solid #d0af7166;color:#eee8da;padding:10px 14px;font:13px Georgia,serif;cursor:pointer}

/* Explicit iPad/Safari layout, independent of native button styling. */
.leather-home .workshop-five{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important;width:100%!important;max-width:1440px!important;margin:12px auto 25px!important;padding:0!important}
.leather-home .workshop-five .workshop-clip{appearance:none!important;-webkit-appearance:none!important;display:block!important;position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/10!important;margin:0!important;padding:0!important;border:1px solid #d0af7155!important;border-radius:0!important;background:#111!important;color:#eee8da!important;overflow:hidden!important;box-sizing:border-box!important;font:12px Georgia,serif!important;cursor:pointer!important}
.leather-home .workshop-five .workshop-clip img{display:block!important;width:100%!important;height:100%!important;aspect-ratio:16/10!important;object-fit:cover!important;margin:0!important;padding:0!important;filter:grayscale(1)!important}
.leather-home .workshop-five .clip-play{position:absolute!important;right:7px!important;bottom:7px!important;left:auto!important;display:grid!important;place-items:center!important;width:26px!important;height:26px!important;border:1px solid #d0af71!important;border-radius:50%!important;background:#111a!important;color:#d0af71!important;font:19px Arial,sans-serif!important}
.leather-home .workshop-five .clip-label{position:absolute!important;left:6px!important;bottom:8px!important;font:11px Georgia,serif!important;color:#eee8da!important;background:#1119!important;padding:2px 3px!important;max-width:calc(100% - 38px)!important}
.leather-home .workshop-five .workshop-clip[aria-pressed="true"]{border-color:#e2c184!important}
@media(max-width:600px){.leather-home .workshop-five{gap:4px!important}.leather-home .workshop-five .clip-label{display:none!important}.leather-home .workshop-five .clip-play{width:20px!important;height:20px!important;right:calc(50% - 10px)!important;bottom:4px!important;font-size:15px!important}}

/* Homepage only: smooth shared boundary and predictable video geometry. */
.leather-home .leather-hero:after{display:block;content:'';position:absolute;inset:auto 0 0;height:clamp(140px,14vw,220px);background:linear-gradient(180deg,transparent,#17181755 45%,#171817);pointer-events:none;z-index:0}
.leather-home .leather-signature{z-index:1}
.leather-home .leather-film{background-color:#171817;background-image:linear-gradient(180deg,#171817 0%,#171817b0 12%,#17181777 50%,#171817bb 72%,#171817ed 90%,#171817 100%),url('/petkov-leather-hero.webp');background-position:center,center top;background-size:cover,cover;background-repeat:no-repeat}
.leather-home .leather-craft:before{content:'';position:absolute;inset:0 0 auto;height:clamp(60px,7vw,110px);background:linear-gradient(#171817,transparent);pointer-events:none;z-index:-1}
.leather-home .leather-film-screen{position:relative;width:100%;height:auto;aspect-ratio:16/9;overflow:hidden}
.leather-home .leather-film-screen video{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;display:block}

/* Match the owner's reference: uninterrupted leather, wide video, five close tiles. */
body#top.leather-home .leather-hero:after{height:140px;background:linear-gradient(180deg,transparent,#11131155 55%,#111311)}
body#top.leather-home .leather-film{position:relative;isolation:isolate;max-width:none;padding:55px 7% 48px;background:#111311 url('/petkov-surface-desktop-v11.svg') repeat;background-size:640px 640px}
body#top.leather-home .leather-film:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#111311 0,transparent 135px)}
body#top.leather-home .leather-film-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}
body#top.leather-home .leather-film-intro h2{font-size:clamp(32px,4.3vw,58px);line-height:1.13}
body#top.leather-home .leather-film-screen{aspect-ratio:2/1;height:auto;margin-bottom:0}
body#top.leather-home .leather-film .workshop-five{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important;width:calc(100% + 8%)!important;max-width:none!important;margin:28px -4% 0!important;padding:0!important}
body#top.leather-home .leather-film .workshop-five .workshop-clip{aspect-ratio:5/4!important;width:100%!important;height:auto!important;min-height:0!important;border:1px solid #d0af7133!important;border-radius:0!important;background:#111!important;appearance:none!important;-webkit-appearance:none!important}
body#top.leather-home .leather-film .workshop-five .workshop-clip img{aspect-ratio:5/4!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:.92!important}
body#top.leather-home .leather-film .workshop-five .clip-label{display:none!important}
body#top.leather-home .leather-film .workshop-five .clip-play{left:auto!important;right:9px!important;bottom:9px!important;width:32px!important;height:32px!important;display:grid!important;place-items:center!important;background:#111a!important;border:1px solid #d0af71!important;border-radius:50%!important;color:#d0af71!important;font:19px/1 Arial,sans-serif!important}
body#top.leather-home .leather-film .workshop-five .clip-play:after{content:'▶';font-size:15px}
body#top.leather-home .leather-film .workshop-five .clip-play{font-size:0!important}
body#top.leather-home .leather-film>.leather-link{margin-top:20px}
body#top.leather-home .leather-craft:before{display:none}
@media(max-width:700px){body#top.leather-home .leather-film{padding:40px 7% 35px}body#top.leather-home .leather-film-intro{display:block;margin-bottom:24px}body#top.leather-home .leather-film-intro>p{margin-top:18px}body#top.leather-home .leather-film .workshop-five{gap:5px!important;margin-top:16px!important}body#top.leather-home .leather-film .workshop-five .clip-play{width:22px!important;height:22px!important;right:4px!important;bottom:4px!important}body#top.leather-home .leather-film .workshop-five .clip-play:after{font-size:11px}}

/* Corrected continuous grain: one image, no repeat or mirrored tiles. */
body#top.leather-home .leather-hero:after{height:170px;background:linear-gradient(180deg,transparent,#08090855 45%,#080908)}
body#top.leather-home .leather-film{background-color:#080908;background-image:url('/petkov-surface-desktop-v11.svg');background-size:cover;background-position:center top;background-repeat:no-repeat}
body#top.leather-home .leather-film:before{background:linear-gradient(180deg,#080908,transparent 170px)}

/* One shared surface across hero and workshop: no section boundary overlay. */
body#top.leather-home .home-leather-scene{background-color:#292b29;background-image:url('/petkov-surface-desktop-v11.svg');background-repeat:no-repeat;background-size:100% auto;background-position:center 280px}
body#top.leather-home .home-leather-scene .leather-hero,body#top.leather-home .home-leather-scene .leather-film{background:transparent!important}
body#top.leather-home .home-leather-scene .leather-hero-picture,body#top.leather-home .home-leather-scene .leather-hero-shade,body#top.leather-home .home-leather-scene .leather-hero:after,body#top.leather-home .home-leather-scene .leather-film:before{display:none!important}
@media(max-width:900px){body#top.leather-home .home-leather-scene{background-image:url('/petkov-surface-desktop-v11.svg');background-position:center 200px}}

/* Lower homepage: explicit spacing, typography and responsive columns. */
body#top.leather-home .leather-craft:before{display:block!important;content:'';position:absolute;inset:auto 0 0;height:80px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent,#171817)}
body#top.leather-home .leather-choice{box-sizing:border-box!important;width:100%!important;max-width:1440px!important;margin:0 auto!important;padding:75px 8% 80px!important;background:#171817!important;border-top:0!important;overflow-wrap:break-word!important}
body#top.leather-home .leather-choice>h2{font-size:clamp(34px,3.5vw,52px)!important;line-height:1.15!important;font-weight:400!important;margin:24px 0 25px!important;color:#eee9de!important}
body#top.leather-home .leather-choice>p{max-width:940px!important;margin:22px 0!important;font-size:16px!important;line-height:1.8!important;color:#c1beb7!important}
body#top.leather-home .leather-choice .choice-columns{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:35px!important;margin:38px 0!important;padding:0!important}
body#top.leather-home .leather-choice .choice-columns>div{min-width:0!important}
body#top.leather-home .leather-choice .choice-columns h3{font:400 23px/1.3 Georgia,serif!important;color:#d0af71!important;margin:0 0 17px!important}
body#top.leather-home .leather-choice .choice-columns p{font:400 15px/1.8 Georgia,serif!important;color:#c1beb7!important;margin:0!important}
body#top.leather-home .leather-choice>.leather-link{display:inline-flex!important;align-items:center!important;gap:22px!important;margin:10px 0 0!important;padding:10px 0 7px!important;font:400 15px/1.6 Georgia,serif!important;color:#eee8da!important;border-bottom:1px solid #d0af7188!important}
body#top.leather-home .leather-choice>.leather-link span{color:#d0af71!important;font-size:22px!important}
body#top.leather-home .leather-visit{margin-top:0!important}
@media(max-width:700px){body#top.leather-home .leather-choice{padding:45px 8% 50px!important}body#top.leather-home .leather-choice .choice-columns{grid-template-columns:1fr!important;gap:28px!important;margin:30px 0!important}body#top.leather-home .leather-choice .choice-columns h3{font-size:22px!important;margin-bottom:11px!important}}


/* V8. The hero itself owns a COVER background. No shifted pseudo-element,
   transparent top mask, header spacer or positive background offset. */
body#top.leather-home #main{margin-top:0;padding-top:0}
body#top.leather-home .home-leather-scene{
  position:relative;isolation:isolate;overflow:hidden;
  background:#101210 url('/petkov-surface-desktop-v11.svg') center top / cover no-repeat!important;
}
body#top.leather-home .home-leather-scene::before{display:none!important;content:none!important}
body#top.leather-home .home-leather-scene::after{
  content:'';position:absolute;inset:auto 0 0;height:190px;z-index:-1;
  pointer-events:none;background:linear-gradient(transparent,#171817);
}
body#top.leather-home .home-leather-scene>section.leather-hero{
  position:relative;margin-top:0;padding-top:0;
  background-color:#111310!important;
  background-image:linear-gradient(180deg,#0b0d0b26 0%,transparent 52%,#10121099 100%),url('/petkov-surface-desktop-v11.svg')!important;
  background-size:cover!important;background-position:center center!important;
  background-repeat:no-repeat!important;background-origin:border-box!important;
  background-clip:border-box!important;
}
body#top.leather-home .home-leather-scene .leather-hero-picture,
body#top.leather-home .home-leather-scene .leather-hero-shade,
body#top.leather-home .home-leather-scene .leather-hero:after{display:none!important}
body#top.leather-home .home-leather-scene>section.leather-film,
body#top.leather-home .home-leather-scene>section.leather-craft{background:transparent!important}

/* Keep the approved original-shoe composition from V6. */
body#top.leather-home .leather-craft{
  display:grid;grid-template-columns:42% minmax(0,58%);align-items:center;
  gap:0;aspect-ratio:auto;min-height:420px;padding:55px 6% 65px;
  overflow:visible;isolation:auto;
}
body#top.leather-home .leather-craft::before,
body#top.leather-home .leather-craft::after{display:none!important}
body#top.leather-home .leather-craft-copy{
  position:relative;z-index:1;grid-column:1;grid-row:1;
  width:100%;max-width:670px;padding:0 5% 0 4%;box-sizing:border-box;
}
body#top.leather-home .leather-craft>img.leather-craft-shoe{
  position:relative;inset:auto;z-index:1;grid-column:2;grid-row:1;
  display:block;width:100%;height:auto;max-height:560px;min-width:0;
  margin:0;object-fit:contain;object-position:center;
  filter:drop-shadow(0 25px 17px #000b) drop-shadow(0 5px 4px #0008);
}
body#top.leather-home .leather-visit{background-color:#171817}
body#top.leather-home .leather-visit::before{
  -webkit-mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);
  mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);
}
@media(max-width:900px){
  body#top.leather-home .home-leather-scene>section.leather-hero{
    background-image:linear-gradient(180deg,#0b0d0b26 0%,transparent 52%,#10121099 100%),url('/petkov-surface-desktop-v11.svg')!important;
    background-size:cover!important;background-position:center center!important;
  }
  body#top.leather-home .leather-craft{padding:50px 6% 65px;min-height:400px}
}
@media(max-width:700px){
  body#top.leather-home .leather-craft{grid-template-columns:minmax(0,1fr);padding:28px 8% 60px;min-height:0}
  body#top.leather-home .leather-craft>img.leather-craft-shoe{
    grid-column:1;grid-row:1;width:100%;max-height:340px;margin:0 auto 25px;
    filter:drop-shadow(0 16px 12px #000b) drop-shadow(0 4px 3px #0008);
  }
  body#top.leather-home .leather-craft-copy{grid-column:1;grid-row:2;padding:0;max-width:none}
  body#top.leather-home .leather-craft-copy h2{font-size:37px}
}

/* V9: keep the grain at the page width instead of enlarging it to wrapper height. */
body#top.leather-home .home-leather-scene{background-size:100% auto!important;background-repeat:repeat-y!important}
body#top.leather-home .leather-craft{padding-left:8%;padding-right:8%}
body#top.leather-home .leather-craft-copy{padding-left:0}
body#top.leather-home .video-toggle{display:grid;place-items:center;width:56px;height:56px;padding:0;border:1px solid #d0af71;border-radius:50%;background:#141613bd;color:#d0af71;appearance:none;-webkit-appearance:none;line-height:1}
body#top.leather-home .video-toggle[hidden]{display:none}
body#top.leather-home .video-toggle>span{display:grid;place-items:center;width:100%;height:100%;line-height:1}
body#top.leather-home .video-toggle svg{display:block;width:23px;height:23px;fill:currentColor;overflow:visible}
body#top.leather-home .video-toggle::before,body#top.leather-home .video-toggle::after,
body#top.leather-home .leather-film .workshop-five .clip-play::before,
body#top.leather-home .leather-film .workshop-five .clip-play::after{display:none!important;content:none!important}
body#top.leather-home .leather-film .workshop-five .clip-play{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;padding:0!important;line-height:1!important}
body#top.leather-home .clip-play svg{display:block!important;width:14px!important;height:14px!important;fill:currentColor!important;overflow:visible}
@media(max-width:700px){body#top.leather-home .video-toggle{width:48px;height:48px}body#top.leather-home .leather-film .workshop-five .clip-play{width:24px!important;height:24px!important}body#top.leather-home .clip-play svg{width:11px!important;height:11px!important}}

/* V10 — one photograph/texture composition across ALL three sections.
   The section boundary has no background, overlay, image or mask of its own. */
body#top.leather-home .home-leather-scene{
  position:relative;isolation:isolate;overflow:hidden;
  background-color:#101210!important;
  background-image:url('/petkov-surface-desktop-v11.svg')!important;
  background-position:center top!important;background-size:100% auto!important;
  background-repeat:no-repeat!important;
}
body#top.leather-home .home-leather-scene::before{display:none!important;content:none!important}
body#top.leather-home .home-leather-scene::after{
  display:block!important;content:''!important;position:absolute;
  inset:auto 0 0;height:180px;z-index:-1;pointer-events:none;
  background:linear-gradient(transparent,#171817)!important;
}
body#top.leather-home .home-leather-scene>section.leather-hero,
body#top.leather-home .home-leather-scene>section.leather-film,
body#top.leather-home .home-leather-scene>section.leather-craft{
  background:none!important;background-image:none!important;
}
body#top.leather-home .home-leather-scene>section.leather-hero{
  height:77.7512vw;min-height:860px;max-height:none;
}
body#top.leather-home .home-leather-scene .leather-hero::before,
body#top.leather-home .home-leather-scene .leather-hero::after,
body#top.leather-home .home-leather-scene .leather-film::before,
body#top.leather-home .home-leather-scene .leather-film::after{
  display:none!important;content:none!important;
}
@media(max-width:900px){
  body#top.leather-home .home-leather-scene{background-image:url('/petkov-surface-mobile-v11.svg')!important}
  body#top.leather-home .home-leather-scene>section.leather-hero{height:201.0627vw;min-height:850px}
}

/* V11: dimensions follow the owner's approved full-page reference.
   Tablet portrait retains the same composition; only phones stack content. */
body#top.leather-home .home-leather-scene{
 background-image:url('/petkov-surface-desktop-v11.svg')!important;
 background-position:center top!important;background-size:100% auto!important;
}
body#top.leather-home .home-leather-scene>section.leather-hero{
 height:82.5359vw;min-height:700px;
}
body#top.leather-home .leather-hero-copy{top:clamp(175px,18.3vw,220px);padding:0 8%}
body#top.leather-home .leather-hero-copy h1{font-size:clamp(36px,4.8vw,70px);line-height:1.1;margin:18px 0 15px}
body#top.leather-home .leather-hero-copy p{font-size:clamp(16px,1.75vw,22px);max-width:none}
body#top.leather-home .leather-header{padding:25px 5%;grid-template-columns:1fr 160px 1fr}
body#top.leather-home .leather-address{font-size:9px;letter-spacing:2px}
body#top.leather-home .crest{width:clamp(108px,12vw,150px);height:auto;aspect-ratio:580/554}
body#top.leather-home .wordmark{font-size:22px;letter-spacing:7px}
body#top.leather-home .leather-signature{bottom:30px}
body#top.leather-home .home-leather-scene>section.leather-film{padding:25px 8% 28px}
body#top.leather-home .home-leather-scene>section.leather-film{border-bottom:1px solid #d0af7138}
body#top.leather-home .leather-film-intro{display:flex;align-items:end;gap:30px;margin-bottom:26px}
body#top.leather-home .leather-film-intro h2{font-size:clamp(31px,3.8vw,54px);line-height:1.13;margin:20px 0 0}
body#top.leather-home .leather-film-intro>p{font-size:clamp(12px,1.25vw,17px);line-height:1.6;margin:0 0 4px}
body#top.leather-home .leather-film-screen{aspect-ratio:2.1/1}
body#top.leather-home .leather-film .workshop-five{margin-top:23px!important;gap:9px!important}
body#top.leather-home .leather-film .workshop-five .workshop-clip,
body#top.leather-home .leather-film .workshop-five .workshop-clip img{aspect-ratio:1.35!important}
body#top.leather-home .home-leather-scene>section.leather-craft{
 display:grid;grid-template-columns:40% minmax(0,60%);padding:36px 8% 30px;
 min-height:0;gap:0;aspect-ratio:auto;overflow:hidden;isolation:isolate;
}
body#top.leather-home .leather-craft-copy{width:100%;padding:0;position:relative;z-index:2;grid-column:1;grid-row:1}
body#top.leather-home .leather-craft-copy h2{font-size:clamp(30px,3.3vw,48px);line-height:1.15;margin:20px 0 22px}
body#top.leather-home .leather-craft-copy p{font-size:clamp(12px,1.2vw,16px);line-height:1.6;max-width:340px}
body#top.leather-home .leather-craft>img.leather-craft-shoe{
 width:100%;max-height:440px;height:auto;grid-column:2;grid-row:1;margin:0;
 object-fit:contain;filter:drop-shadow(0 25px 15px #000c) drop-shadow(0 5px 4px #0009);
}
body#top.leather-home .leather-craft::before{
 display:block!important;content:'';position:absolute;inset:0;z-index:-1;
 background:radial-gradient(ellipse at 76% 56%,#c1beb70d,transparent 53%);pointer-events:none;
}
body#top.leather-home .leather-choice{background:transparent!important;padding:22px 8% 28px!important;max-width:none!important}
body#top.leather-home .leather-choice>h2{font-size:clamp(28px,3.05vw,44px)!important;line-height:1.15!important;margin:19px 0 30px!important}
body#top.leather-home .leather-choice .choice-columns{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px;margin:0!important}
body#top.leather-home .leather-choice .choice-columns>div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:17px;padding:0 17px 0 0;border-right:1px solid #d0af7133}
body#top.leather-home .leather-choice .choice-columns>div:last-child{border:0;padding-right:0}
body#top.leather-home .choice-icon svg{width:35px;height:35px;fill:none;stroke:#d0af71;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
body#top.leather-home .leather-choice .choice-columns h3{font:400 clamp(14px,1.5vw,21px)/1.4 Georgia,serif!important;color:#eee9de!important;margin:0 0 8px!important}
body#top.leather-home .leather-choice .choice-columns p{font:400 clamp(12px,1.1vw,15px)/1.7 Georgia,serif!important}
body#top.leather-home .leather-visit{
 display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;
 text-align:left;padding:30px 8% 38px;min-height:280px;background:#151714;
}
body#top.leather-home .leather-visit::before{
 background:url('/petkov-geschaeft-original-v11.webp') right center/cover no-repeat;
 opacity:.28;-webkit-mask-image:linear-gradient(90deg,transparent,#000 65%);mask-image:linear-gradient(90deg,transparent,#000 65%);
}
body#top.leather-home .leather-visit::after{background:linear-gradient(90deg,#151714c0,transparent)}
body#top.leather-home .leather-visit h2{font-size:clamp(26px,2.9vw,42px);margin:18px 0 13px;line-height:1.15}
body#top.leather-home .leather-visit p{font-size:clamp(12px,1.2vw,16px);margin:0 0 23px;line-height:1.6}
body#top.leather-home .visit-book{display:inline-flex;align-items:center;gap:24px;border:1px solid #d0af71;padding:12px 19px;font:10px/1.3 Arial,sans-serif;letter-spacing:1.6px;color:#d0af71}
body#top.leather-home .visit-details{display:grid;gap:17px;font-style:normal;border-left:1px solid #d0af714d;padding:22px 0 22px 30px;font-size:14px}
body#top.leather-home .visit-details a{display:flex;gap:19px;align-items:center;color:#eee9de;line-height:1.5}
body#top.leather-home .visit-details a>span:first-child{color:#d0af71;font-size:23px;width:23px;text-align:center}
@media(max-width:600px){
 body#top.leather-home .home-leather-scene{background-image:url('/petkov-surface-mobile-v11.svg')!important}
 body#top.leather-home .home-leather-scene>section.leather-hero{height:201.0627vw;min-height:850px}
 body#top.leather-home .leather-header{grid-template-columns:1fr 110px 1fr;padding:23px 6%;gap:8px}
 body#top.leather-home .leather-address{font-size:7px;max-width:100px;line-height:1.8;letter-spacing:1px}
 body#top.leather-home .leather-hero-copy{top:205px}
 body#top.leather-home .leather-hero-copy h1{font-size:38px}
 body#top.leather-home .leather-film-intro{display:block}
 body#top.leather-home .leather-film-intro>p{margin:17px 0 0}
 body#top.leather-home .leather-film .workshop-five{gap:5px!important}
 body#top.leather-home .home-leather-scene>section.leather-craft{grid-template-columns:minmax(0,1fr);padding-top:20px}
 body#top.leather-home .leather-craft>img.leather-craft-shoe{grid-column:1;grid-row:1;max-height:340px;margin:0 auto 20px}
 body#top.leather-home .leather-craft-copy{grid-column:1;grid-row:2}
 body#top.leather-home .leather-choice .choice-columns{grid-template-columns:1fr!important;gap:22px!important}
 body#top.leather-home .leather-choice .choice-columns>div{border-right:0;padding-right:0}
 body#top.leather-home .leather-visit{grid-template-columns:1fr;gap:24px;padding:32px 8%}
 body#top.leather-home .visit-details{border-left:0;border-top:1px solid #d0af714d;padding:24px 0 0}
}