@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/font-a35caa4687f4.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font-91c841fdfa8e.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font-c15439e7a03a.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font-74103fd6d41b.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font-cc9fb2539cf2.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font-0d85af813fc3.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font-7dde307fa887.ttf) format('truetype');
}

:root{--red:#bd252a;--ink:#17191a;--muted:#6e7173;--paper:#f5f5f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font-family:Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #de494e;outline-offset:5px}img{max-width:100%;display:block}.topbar{background:#17191a;color:#b9bbbd;display:flex;justify-content:space-between;padding:11px 5%;font-size:12px;letter-spacing:.3px}.topbar div{display:flex;gap:30px}header{position:sticky;top:0;z-index:20;background:#fff;display:flex;align-items:center;gap:45px;padding:22px 5%;border-bottom:1px solid #e7e7e7}.logo{width:215px;flex-shrink:0}.logo img{width:100%;filter:brightness(.8)}nav{display:flex;gap:28px;align-items:center;margin-left:auto;font-size:14px;font-weight:600}nav>a,summary{padding:12px 0}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{margin-left:8px}.dropdown{position:absolute;top:80px;right:6%;background:#fff;box-shadow:0 20px 40px #0002;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:5px 25px;max-width:650px}.dropdown a{padding:12px;border-bottom:1px solid #eee;font-size:13px}.dropdown a:hover,nav>a:hover{color:var(--red)}.header-cta{padding:13px 18px;border:1px solid #ddd;font-size:13px;font-weight:600}.header-cta span{margin-left:20px}.menu{display:none}.hero{min-height:640px;position:relative;background:#17191a;color:white;overflow:hidden}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-photo{animation:herozoom 16s ease-out both;object-position:center 55%}.hero-shade{background:linear-gradient(90deg,rgba(9,17,23,.88),rgba(9,17,23,.48) 55%,rgba(9,17,23,.12)),linear-gradient(0deg,#10171bcc,transparent 40%)}.hero-content{position:relative;padding:85px 6% 100px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;display:block}.eyebrow i{display:inline-block;width:7px;height:7px;background:#e44246;border-radius:50%;margin-right:12px}.hero h1{font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(60px,6.4vw,92px);font-weight:600;line-height:1.04;letter-spacing:-1px;margin:28px 0}.hero h1 em{font-style:normal;color:#fff}.hero p{color:#c6ccd0;font-size:18px;line-height:1.65;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:35px}.button{display:inline-flex;background:var(--red);color:#fff;padding:18px 23px;align-items:center;gap:40px;font-size:14px;font-weight:600;border:0;transition:background .2s,transform .2s}.button:hover{background:#9d1c20;transform:translateY(-2px)}.text-link{font-size:14px;font-weight:600;display:inline-flex;gap:24px;align-items:center}.hero-bottom{position:absolute;bottom:0;left:6%;right:6%;border-top:1px solid #ffffff30;padding:22px 0;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#c4c9cc}.hero-bottom>div{display:flex;align-items:center;gap:13px}.slide{color:#aaa;background:none;border:0;padding:5px}.slide.active{color:white;border-bottom:2px solid var(--red)}.brand-strip{padding:30px 5%;display:flex;align-items:center;border-bottom:1px solid #ddd;gap:30px}.brand-strip>span{font-size:10px;font-weight:700;line-height:1.7;letter-spacing:1.5px;white-space:nowrap}.brand-strip .brand-grid{flex:1;display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.brand-strip .brand-grid a{border:0;padding:0;min-height:60px}.brand-strip img{height:57px;object-fit:contain;width:100%}.brand-strip>a{border:1px solid #ddd;padding:13px}.section{padding:85px 6%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.red{color:var(--red)}h2{font-family:'Barlow Condensed',Arial,sans-serif;font-size:49px;line-height:1.1;font-weight:600;letter-spacing:-.5px;margin:18px 0 24px}.section-head p{max-width:350px;color:var(--muted);line-height:1.7;font-size:15px;margin-bottom:7px}.catalog-tools{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ddd;padding:24px 0;font-size:11px;font-weight:600;letter-spacing:1px}.catalog-tools b{margin-left:20px;font-size:10px;color:#999;font-weight:500}.search{display:flex;align-items:center;gap:12px;font-size:25px}.search input{border:0;border-bottom:1px solid #ddd;padding:10px;font-size:13px;width:240px;background:transparent}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.category{border:1px solid #e4e4e2;transition:box-shadow .3s,transform .3s}.category:hover{transform:translateY(-5px);box-shadow:0 14px 30px #0000000c}.category-image{height:215px;background:#f7f7f5;padding:22px;overflow:hidden}.category-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}.category:hover img{transform:scale(1.05)}.category-label{display:flex;gap:15px;align-items:center;padding:22px 20px;min-height:86px}.category-label small{font-size:10px;color:#a2a3a3}.category-label h3{font-size:16px;font-weight:600;margin:0}.category-label span{margin-left:auto;color:var(--red)}.about-band{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:70px 6%;align-items:center}.about-photo{position:relative;min-height:400px}.about-photo>img{width:100%;height:400px;object-fit:cover}.about-photo>span{position:absolute;bottom:0;right:0;background:var(--red);color:#fff;padding:26px;font-size:11px}.about-photo strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:60px}.about-band p{color:var(--muted);line-height:1.8;max-width:440px}.dark{margin-top:20px}.service-intro{max-width:740px;line-height:1.8;color:var(--muted)}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.services article{border-top:1px solid #ccc;padding-top:26px}.services article>span{color:var(--red);font-size:13px}.services h3{font-size:19px;margin-top:28px}.services p{font-size:14px;line-height:1.8;color:var(--muted)}.cta{background:#a91f25;padding:65px 6%;color:white;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:57px;margin-bottom:0}.white{background:white;color:#161616}.white:hover{background:#eee}.footer-main{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:35px;padding:55px 6%;background:#17191a;color:#aaa;font-size:13px;line-height:1.8;align-items:center}.footer-main img{max-width:200px}.footer-main a{display:block}.footer-bottom{background:#17191a;border-top:1px solid #ffffff18;padding:24px 6%;display:flex;gap:30px;color:#898b8d;font-size:11px}.footer-bottom span{margin-right:auto}.whatsapp{position:fixed;bottom:20px;right:20px;z-index:25;border-radius:25px;background:#1f6c47;color:#fff;padding:13px 20px;font-size:12px;box-shadow:0 5px 20px #0002}.page-intro{background:#f3f3f0;padding:30px 6% 60px;border-bottom:1px solid #ddd}.breadcrumbs{font-size:12px;color:#777;margin-bottom:42px}.page-intro .eyebrow{color:var(--red)}.page-intro h1{font-family:'Barlow Condensed',sans-serif;font-size:68px;font-weight:600;line-height:1.1;max-width:1000px;margin:18px 0}.page-intro>p{color:var(--muted);line-height:1.7}.prose{max-width:850px;font-size:18px;line-height:1.9;margin-bottom:50px}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.brand-grid>a{border:1px solid #e5e5e5;padding:35px;min-height:150px;display:flex;align-items:center;justify-content:center;transition:border .3s,transform .3s}.brand-grid>a:hover{border-color:var(--red);transform:translateY(-3px)}.brand-grid img{height:95px;width:100%;object-fit:contain}.catalogue-layout{display:grid;grid-template-columns:240px 1fr;gap:55px;align-items:start}.catalogue-layout aside{position:sticky;top:130px}.catalogue-layout aside>a{display:flex;justify-content:space-between;font-size:13px;padding:15px 0;border-bottom:1px solid #e4e4e4;gap:10px}.catalogue-layout aside>a.selected{color:var(--red);font-weight:700}.catalogue-layout aside .eyebrow{margin-bottom:22px}.catalogue{display:grid;grid-template-columns:1fr 1fr;gap:25px}.catalogue>h2,.catalog-help{grid-column:1/-1}.catalogue>h2{font-size:32px;margin-bottom:0}.catalog-image{position:relative;padding:18px;background:#fff;border:1px solid #e5e5e5;width:100%;align-self:start}.catalog-image img{width:100%;height:auto}.catalog-image span{display:block;margin-top:15px;font-size:11px;text-align:right;color:var(--red)}.catalog-image:hover{border-color:var(--red)}.catalog-help{background:var(--paper);padding:35px;margin-top:25px}.catalog-help p{color:var(--muted)}dialog{padding:40px 24px 20px;border:0;max-width:96vw;max-height:96vh;width:1000px;background:white}dialog::backdrop{background:#000c}dialog img{max-height:78vh;object-fit:contain;margin:auto}dialog p{text-align:center;font-size:12px}.close{position:absolute;right:8px;top:2px;font-size:30px;border:0;background:white}.about-content{max-width:1100px;margin:auto;font-size:18px;line-height:1.9}.about-content .about-wide{width:100%;max-height:450px;object-fit:cover;margin-bottom:40px}.about-content h2,.about-content h3{font-family:'Barlow Condensed',sans-serif;font-size:36px;line-height:1.2;margin-top:35px}.about-content p{color:#606469}.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.contact-item{margin-top:30px}.contact-item small{display:block;font-size:10px;letter-spacing:1.5px;color:#888;margin-bottom:10px}.contact-item>a{font-size:19px}.contact-item p{line-height:1.8}form{background:var(--paper);padding:35px}form h3{margin-top:0;font-size:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}form label{display:block;font-size:12px;font-weight:600;margin-bottom:24px}form input,textarea{display:block;width:100%;border:0;border-bottom:1px solid #c9c9c9;background:transparent;padding:12px 0;border-radius:0;font-size:14px;margin-top:5px;resize:vertical}.form-note{font-size:12px;color:#777;line-height:1.7}.map iframe{border:0;width:100%;height:400px;display:block}.skip{position:fixed;top:-60px;background:#fff;z-index:50;padding:10px}.skip:focus{top:0}.reveal{animation:appear .6s both}@keyframes appear{from{opacity:.25;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes herozoom{from{transform:scale(1.04)}to{transform:scale(1)}}[hidden]{display:none!important}
@media(min-width:1600px){header,.topbar,.section,.brand-strip,.about-band,.cta,.page-intro{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}}
@media(max-width:1050px){header{gap:20px;padding:18px 4%}.logo{width:175px}nav{gap:20px;font-size:13px}.header-cta{display:none}.hero{min-height:600px}.brand-strip{gap:15px}.brand-strip .brand-grid{grid-template-columns:repeat(3,1fr)}.brand-strip .brand-grid>a:nth-child(n+4){display:none}.category-grid{gap:15px}.category-label{padding:18px 12px}.catalogue-layout{gap:30px;grid-template-columns:190px 1fr}.contact-layout{gap:30px}.footer-main{grid-template-columns:1fr 1fr}.services{gap:20px}}
@media(max-width:700px){.topbar{font-size:10px;justify-content:center}.topbar>span,.topbar div>a:nth-child(2){display:none}header{padding:17px 6%;justify-content:space-between}.logo{width:165px}.menu{display:block;border:0;background:none;font-size:23px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px 6%;align-items:stretch;gap:4px;box-shadow:0 15px 20px #0001}nav.open{display:flex;flex-direction:column}.dropdown{position:static;box-shadow:none;padding:10px 0;grid-template-columns:1fr;max-height:45vh;overflow:auto}nav>a,summary{padding:12px 0}.hero{min-height:580px}.hero-content{padding-top:65px}.hero h1{font-size:59px}.hero p{font-size:15px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}.hero-actions{align-items:start;flex-direction:column;gap:22px}.hero-bottom{font-size:8px;letter-spacing:1px}.hero-bottom>span:nth-child(2){display:none}.brand-strip{padding:24px 6%;flex-wrap:wrap}.brand-strip>span{width:100%;font-size:9px}.brand-strip>span br{display:none}.brand-strip .brand-grid{gap:15px}.brand-strip img{height:40px}.section{padding:55px 6%}.section-head{display:block}.section-head p{max-width:none}h2{font-size:40px}.catalog-tools{display:block}.catalog-tools>span{font-size:9px}.search{margin-top:15px}.search input{width:100%}.category-grid{grid-template-columns:1fr 1fr;gap:12px}.category-image{height:145px;padding:12px}.category-label{gap:7px;min-height:83px}.category-label h3{font-size:13px}.category-label small{display:none}.about-band{grid-template-columns:1fr;padding:45px 6%;gap:30px}.about-photo,.about-photo>img{height:300px;min-height:300px}.services{grid-template-columns:1fr 1fr;gap:20px}.services h3{font-size:17px}.cta{display:block;padding:45px 6%}.cta h2{font-size:45px}.cta .button{margin-top:30px}.footer-main{gap:20px;padding:40px 6%;font-size:11px}.footer-main img{max-width:150px}.footer-bottom{flex-wrap:wrap;gap:18px}.footer-bottom span{width:100%}.whatsapp{font-size:11px;padding:11px 15px;bottom:12px;right:12px}.page-intro h1{font-size:48px}.page-intro{padding-bottom:40px}.breadcrumbs{margin-bottom:30px}.brand-grid{grid-template-columns:1fr 1fr;gap:15px}.brand-grid>a{padding:15px;min-height:120px}.brand-grid img{height:75px}.catalogue-layout{grid-template-columns:1fr}.catalogue-layout aside{position:static;display:flex;gap:10px;overflow:auto;padding-bottom:10px}.catalogue-layout aside .eyebrow{display:none}.catalogue-layout aside>a{flex-shrink:0;border:1px solid #ddd;padding:10px;font-size:11px}.catalogue{gap:15px}.catalog-image{padding:10px}.catalogue>h2{font-size:27px}.contact-layout{grid-template-columns:1fr;gap:40px}form{padding:25px}.form-row{grid-template-columns:1fr;gap:0}.about-content{font-size:16px}.map iframe{height:300px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
header{background:#17191a;color:white;border-bottom-color:#ffffff18}.logo img{filter:none}.header-cta{border-color:#ffffff40}.dropdown{color:var(--ink)}.brand-name{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:32px;color:#333}.brand-strip .brand-name{font-size:24px}.brand-grid>a:hover .brand-name{color:var(--red)}@media(max-width:700px){nav{background:#17191a;color:white}.dropdown{color:white;background:#17191a}.brand-strip .brand-name{font-size:20px}}
.hero-photo{width:200%;max-width:none;left:-100%;object-position:center}.arrow-icon{width:14px;height:14px;display:inline-block;vertical-align:middle;flex-shrink:0}.reveal{animation:none}.reveal.in-view{animation:appear .65s both}
/* Original photography and complete brand navigation. */
.hero-photo{left:0;width:100%;object-position:center;will-change:opacity}.hero-photo.changing{animation:slide-reveal 1s ease-out both}.hero-shade{background:linear-gradient(90deg,rgba(9,17,23,.86),rgba(9,17,23,.55) 53%,rgba(9,17,23,.22)),linear-gradient(0deg,#10171bcc,transparent 40%)}
@keyframes slide-reveal{from{opacity:.35;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
.slide-pause{color:#ddd;font-size:10px;background:none;border:1px solid #ffffff40;padding:6px 9px;letter-spacing:.4px}.brand-strip .brand-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ccc transparent;padding:8px 0 12px;min-width:0}.brand-strip .brand-grid>a{display:flex!important;flex:0 0 145px;scroll-snap-align:start}.brand-strip .brand-grid img{width:145px;height:55px;object-fit:contain}.brand-grid a img{transition:transform .35s}.brand-grid a:hover img{transform:scale(1.045)}
.viewer-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px;padding-right:30px}.viewer-toolbar button:not(.close),.viewer-original{padding:9px 12px;border:1px solid #ddd;background:white;font-size:12px;color:#333}.viewer-count{font-size:12px;color:#777}.viewer-original{margin-left:auto}.viewer-toolbar button:disabled{opacity:.4;cursor:default}dialog{padding-top:20px}.close{top:17px;right:10px}.catalogue>h2{scroll-margin-top:130px}.catalog-image{transition:transform .25s,border-color .25s,box-shadow .25s}.catalog-image:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000000a}
@media(max-width:700px){.brand-strip .brand-grid{flex-basis:calc(100% - 60px);width:0}.brand-strip .brand-grid>a{flex-basis:120px}.brand-strip .brand-grid img{width:120px;height:45px}.viewer-toolbar{gap:6px;flex-wrap:wrap}.viewer-toolbar button:not(.close),.viewer-original{font-size:10px;padding:8px}.viewer-original{margin-left:0}.brand-strip .brand-grid>a:nth-child(n+4){display:flex}}
@media(prefers-reduced-motion:reduce){.hero-photo.changing{animation:none}.catalog-image:hover{transform:none}}
.menu{color:inherit}
/* Refined depth and larger previews */
.category{border-radius:14px;overflow:hidden;box-shadow:0 3px 8px #17202b04,0 16px 32px #17202b08;transition:transform .45s,box-shadow .45s;transform-style:preserve-3d}
.category-image{height:275px}.category:hover{transform:perspective(1100px) rotateX(1deg) rotateY(-1deg) translateY(-7px);box-shadow:0 24px 48px #17202b20}
.navproducts summary{display:inline-flex;align-items:center;gap:9px}.navproducts summary span{font-size:0;width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.catalog-image{border-radius:12px;box-shadow:0 8px 24px #17202b08}
@media(max-width:700px){.category-image{height:225px}}
@media(hover:none),(prefers-reduced-motion:reduce){.category:hover{transform:none}}
/* Depth without motion on touch or reduced-motion devices. */
.category,.catalog-image{position:relative;transition:transform .5s cubic-bezier(.2,.75,.2,1),box-shadow .5s;border-radius:14px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.category:hover,.catalog-image:hover{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-9px);box-shadow:0 8px 12px #17202b0a,0 28px 50px #17202b26}.category-image img{transition:transform .7s}.category:hover .category-image img{transform:scale(1.035)}}
#viewer button:focus,#viewer a:focus{outline:none}#viewer button:focus-visible,#viewer a:focus-visible{outline:2px solid #637381;outline-offset:3px}#viewer button:hover,#viewer a:hover{color:#20282e;border-color:#aab3bb;background:#f0f3f5}#viewer[open]{animation:viewer-enter .32s cubic-bezier(.2,.75,.2,1)}#viewer::backdrop{background:#111820c9;backdrop-filter:blur(5px)}#viewer img.gallery-enter{animation:image-enter .3s ease-out}
@keyframes viewer-enter{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@keyframes image-enter{from{opacity:.3;transform:scale(.985)}to{opacity:1;transform:none}}
img{height:auto}.category-image img{height:100%;object-fit:contain}
@media(prefers-reduced-motion:reduce){#viewer[open],#viewer img.gallery-enter{animation:none}.category:hover,.catalog-image:hover{transform:none}}
/* WhatsApp: slow levitation and a soft green breathing glow. */
.whatsapp{isolation:isolate;animation:whatsapp-float 4.8s ease-in-out infinite;box-shadow:0 5px 18px #123d3026}
.whatsapp::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;box-shadow:0 0 14px 3px #25d36680,0 0 30px 7px #25d36638;opacity:.35;animation:whatsapp-glow 4.8s ease-in-out infinite}
.whatsapp:hover,.whatsapp:focus-visible{animation-play-state:paused}
@keyframes whatsapp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes whatsapp-glow{0%,100%{opacity:.3}50%{opacity:.9}}
@media(prefers-reduced-motion:reduce){.whatsapp,.whatsapp::before{animation:none}.whatsapp::before{opacity:.45}}

/* Language control and interactive highlights */
header .language-switch{margin-left:-24px}
.language-switch{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:38px;border:1px solid #ffffff50;border-radius:8px;color:white;background:#ffffff0d;font-size:12px;font-weight:700;letter-spacing:.08em}
.navproducts summary span{transition:transform .35s}
.navproducts[open] summary span{transform:translateY(2px) rotate(225deg)}
.footer-bottom a,footer a,.topbar a{display:inline-block}
@media(max-width:900px){header .language-switch{margin-left:0}}
@media(max-width:700px){header .language-switch{min-width:36px;min-height:34px}.logo{min-width:0}}
@media(hover:hover) and (pointer:fine){
 nav a,nav summary,.language-switch,.header-cta,footer a,.topbar a,.hero-actions a,.viewer-toolbar button,.slide-pause{transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease,text-shadow .25s ease}
 .language-switch:hover,.header-cta:hover,.hero-actions a:hover,.viewer-toolbar button:not(:disabled):hover,.slide-pause:hover{transform:scale(1.045);box-shadow:0 0 20px #e7484e38}
 header nav a:hover,header nav summary:hover{transform:scale(1.045);background:transparent;color:#ffd9da;text-shadow:0 0 10px #ff656aab,0 0 22px #ff656a55}
 footer a:hover,.topbar a:hover{transform:translateY(-2px) scale(1.04);color:#fff;text-shadow:0 0 12px #fa6d73}
}
@media(prefers-reduced-motion:no-preference){
 .navproducts[open] .dropdown{transform-origin:top;animation:products-enter .34s cubic-bezier(.2,.8,.22,1) both}
 .hero-content{animation:hero-copy-enter .85s cubic-bezier(.2,.8,.22,1) both}
 .hero-photo.changing{animation:hero-film-enter 1.05s cubic-bezier(.22,.7,.18,1) both}
 .category:hover,.catalog-image:hover{filter:drop-shadow(0 8px 18px #26202619)}
}
@keyframes products-enter{from{opacity:0;transform:translateY(-9px) scale(.97)}to{opacity:1;transform:none}}
@keyframes hero-copy-enter{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:none}}
@keyframes hero-film-enter{from{opacity:.68;transform:scale(1.065)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
 header nav a:hover,header nav summary:hover,.language-switch:hover,.header-cta:hover,footer a:hover,.topbar a:hover,.hero-actions a:hover,.viewer-toolbar button:hover,.slide-pause:hover{transform:none}
}
.hero-outgoing{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;animation:hero-outgoing 1.2s both}
@keyframes hero-outgoing{from,to{opacity:1}}
@keyframes hero-film-enter{from{opacity:0;transform:scale(1.065)}to{opacity:1;transform:scale(1)}}
@media(min-width:701px) and (max-width:1150px){header{gap:14px}header nav{gap:12px}header .logo{width:145px}header .language-switch{margin-left:0}}
@media(prefers-reduced-motion:reduce){.hero-outgoing{display:none}}


/* The Barlow regular glyph for capital Ə is shorter than the other capitals. */
html:lang(az) .hero-bottom>span{font-family:Arial,system-ui,sans-serif}

/* Navigation, surface lighting and in-page motion */
header{transition:background-color .28s,padding-block .28s,box-shadow .28s}
header.is-scrolled{padding-block:12px;background:#17191aed;backdrop-filter:blur(14px);box-shadow:0 9px 28px #0002}
header nav a[aria-current="page"],header nav summary.is-current{position:relative}
header nav a[aria-current="page"]::after,header nav summary.is-current::after{
  content:"";position:absolute;inset:auto 0 5px;height:1px;background:#f06a6e;
  box-shadow:0 0 9px #e7484e80;
}
.language-switch{position:relative;gap:6px;min-width:76px;padding:4px 6px;isolation:isolate}
.language-switch::before{content:"";position:absolute;z-index:-1;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);border-radius:5px;background:#ad282d;transition:translate .3s}
.language-switch[lang="en"]::before{translate:100% 0}
.language-switch span{width:50%;text-align:center}
.language-switch:hover{box-shadow:0 0 14px #e7484e44}
@media(max-width:700px){header .language-switch{min-width:68px}header .logo{width:min(165px,43vw)}}
.menu-preview{display:none}
@media(min-width:901px){
  .navproducts[open] .dropdown{
    width:min(840px,88vw);max-width:none;grid-template-columns:1fr 1fr 1.35fr;
    grid-auto-flow:dense;border-radius:16px;padding:20px;gap:6px 16px;
  }
  .menu-preview:not([hidden]){
    position:relative;display:block;grid-column:3;grid-row:1/span 6;overflow:hidden;
    margin:0;min-height:174px;background:#eeefed;border-radius:11px;
  }
  .menu-preview img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;padding:10px 10px 44px}
  .menu-preview figcaption{position:absolute;inset:auto 0 0;background:#17191a;color:#fff;padding:11px 14px;font-size:13px}
}
@media(prefers-reduced-motion:no-preference){
  .navproducts[open] .dropdown>a{animation:menu-item-in .25s ease-out both;animation-delay:calc(var(--menu-index,0)*16ms)}
  .hero-content.copy-changing h1{animation:copy-in .68s .14s both}
  .hero-content.copy-changing .hero-actions{animation:copy-in .52s .36s both}
  .hero-photo.changing{animation:hero-mask-in 1.15s cubic-bezier(.22,.7,.18,1) both}
  .hero-outgoing{animation-duration:1.25s}
  .reveal.in-view{transition-delay:calc(var(--reveal-index,0)*55ms)}
  @view-transition{navigation:auto}
  ::view-transition-old(root){animation:page-away .16s ease-in both}
  ::view-transition-new(root){animation:page-in .33s ease-out both}
  header{view-transition-name:site-header}
  ::view-transition-old(site-header){animation:none;opacity:0}
  ::view-transition-new(site-header){animation:none}
  html:active-view-transition .language-switch::before{transition:none}
}
@keyframes menu-item-in{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}
@keyframes copy-in{from{opacity:0;translate:0 14px;clip-path:inset(0 0 75% 0)}to{opacity:1;translate:0 0;clip-path:inset(0)}}
@keyframes hero-mask-in{from{clip-path:inset(0 100% 0 0);transform:scale(1.075)}to{clip-path:inset(0);transform:scale(1)}}
@keyframes page-away{to{opacity:.15;translate:0 -5px}}
@keyframes page-in{from{opacity:.2;translate:0 10px}to{opacity:1;translate:0 0}}
.slide{position:relative}
.slide.active::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:#ff7279;transform-origin:left;transform:scaleX(var(--slide-progress,0))}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .category::after,.catalog-image::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#ffffff85,transparent 55%);transition:opacity .3s}
  .category:hover::after,.catalog-image:hover::after{opacity:.6}
  .category:hover .category-image img{transform:scale(1.045) translateZ(12px)}
  .category:hover .category-label{transform:translateZ(20px)}
  .hero-actions a span,.header-cta span{display:inline-block;transition:translate .25s}
  .hero-actions a:hover span,.header-cta:hover span{translate:3px -2px}
  footer a:hover{text-decoration:underline;text-decoration-color:#f27a80;text-underline-offset:5px}
}
footer{background-image:radial-gradient(ellipse at 88% 100%,#9c252529,transparent 48%)}
#viewer{overflow:hidden}
#viewer img{transition:scale .28s;touch-action:pan-y pinch-zoom}
#viewer.is-zoomed img{scale:1.65;cursor:zoom-out}
#viewer .viewer-zoom{margin-inline-start:auto}
#viewer.is-zoomed .viewer-toolbar{position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){
  header,.language-switch::before,#viewer img{transition:none}
}
/* Keep the destination interactive while transition snapshots fade. */
::view-transition{pointer-events:none}
