@font-face{font-family:"Barlow Condensed";src:url("/assets/fonts/BarlowCondensed-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/Inter-300.woff2") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/Inter-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/Inter-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/Inter-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/Inter-700.woff2") format("woff2");font-weight:700;font-display:swap}
body{margin:0;background:#0B0B0B}
a{color:inherit}
.hq a,.hq button{transition:color 160ms,background-color 160ms,border-color 160ms}
.hq a:focus-visible,.hq button:focus-visible,.hq summary:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.hq-link:hover{color:#ED713F}
.hq-btn{background:#ED713F;color:#0B0B0B;transition:background-color 160ms,transform 220ms cubic-bezier(.2,.8,.2,1),box-shadow 220ms !important}
.hq-btn:hover{background:#DB5D2D;transform:translateY(-2px);box-shadow:0 8px 20px rgba(237,113,63,0.25)}
.hq-btn:active{background:#CB5124;transform:translateY(0);box-shadow:none}
.hq-btn svg{transition:transform 220ms}
.hq-btn:hover svg{transform:translateX(4px)}
.hq-link{position:relative}
.hq-nav .hq-link::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:#ED713F;transform:scaleX(0);transform-origin:left;transition:transform 260ms cubic-bezier(.2,.8,.2,1)}
.hq-nav .hq-link:hover::after{transform:scaleX(1)}
.hq-ig{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px}
.hq-media{overflow:hidden;border-radius:2px}
.hq-media img{transition:transform 700ms cubic-bezier(.2,.8,.2,1)}
.hq-card:hover .hq-media img{transform:scale(1.05)}
.hq-card h3{transition:color 160ms}
.hq-card:hover h3{color:#0B0B0B}
.hq-step{transition:transform 300ms cubic-bezier(.2,.8,.2,1),border-color 300ms,background-color 300ms}
.hq-step:hover{transform:translateY(-4px);border-color:#0B0B0B;background-color:#FFFFFF}
details summary{transition:color 160ms}details summary:hover{color:#67645F}
details[open] p{animation:hqFade 360ms ease both}
@keyframes hqUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes hqFade{from{opacity:0}to{opacity:1}}
@keyframes hqZoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.hq-in{animation:hqUp 900ms cubic-bezier(.2,.8,.2,1) both}
.hq-d1{animation-delay:120ms}.hq-d2{animation-delay:240ms}.hq-d3{animation-delay:380ms}.hq-d4{animation-delay:520ms}
.hq-zoom{animation:hqZoom 1800ms cubic-bezier(.2,.8,.2,1) both}
.hq-mtn-in{animation:hqFade 2000ms ease 300ms both}
@supports (animation-timeline: view()){
.hq-rv{animation:hqUp linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
.hq-par{animation:hqPar linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
@keyframes hqPar{from{transform:translateY(40px)}to{transform:translateY(-20px)}}
}
.hq-btn2:hover{background:rgba(127,127,127,0.12)}
.hq-hero{grid-template-columns:5fr 7fr}
@media (max-width:1023px){.hq-hero{grid-template-columns:1fr 1fr}}
.hq-card:hover .hq-arrow{transform:translateX(4px)}
.hq-arrow{transition:transform 160ms}
.hq-menu-btn{display:none}
@media (max-width:767px){
.hq-nav{display:none !important}
.hq-menu-btn{display:inline-flex}
.hq-hero-cta{width:100% !important;justify-content:center}
.hq-hero{grid-template-columns:1fr !important}
.hq-header{height:72px !important}
.hq-hero-img{min-height:0 !important;height:auto !important;max-height:none !important;aspect-ratio:4/3}
}
@media (min-width:768px){.hq-panel{display:none !important}}
@media (prefers-reduced-motion:reduce){.hq *,.hq *::after{transition:none !important;animation:none !important}}

html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
img{max-width:100%}
[hidden]{display:none !important}
.hq-skip{position:absolute;left:-9999px;top:8px;z-index:50;background:#ED713F;color:#0B0B0B;padding:12px 16px;font-weight:600}
.hq-skip:focus{left:16px}
.hq-field{display:flex;flex-direction:column;gap:8px}
.hq-field label{font-size:14px;font-weight:500}
.hq-field input,.hq-field select,.hq-field textarea{width:100%;box-sizing:border-box;min-height:48px;border:1px solid #67645F;border-radius:2px;padding:12px 16px;background:#F3F1EC;color:#0B0B0B;font:400 16px/1.5 'Inter',Arial,sans-serif;transition:border-color 160ms,box-shadow 160ms}
.hq-field input:focus,.hq-field select:focus,.hq-field textarea:focus{outline:none;border-color:#0B0B0B;box-shadow:0 0 0 3px rgba(237,113,63,0.35)}
.hq-field [aria-invalid=true]{border-color:#B3261E}
.hq-err{color:#B3261E;font-size:14px}
.hq-opt{display:flex;gap:12px;align-items:flex-start;border:1px solid #D4D0C8;border-radius:2px;padding:16px;cursor:pointer;transition:border-color 160ms,background-color 160ms}
.hq-opt:hover{border-color:#0B0B0B}
.hq-opt input{margin-top:4px;accent-color:#0B0B0B}
.hq-opt:has(input:checked){border-color:#0B0B0B;background:#FFFFFF}
.hq-talla{min-width:64px;min-height:48px;padding:0 18px;border-radius:2px;font:600 16px 'Inter',Arial,sans-serif;cursor:pointer;background:transparent;color:#0B0B0B;border:1px solid #67645F;transition:background-color 160ms,color 160ms,border-color 160ms,transform 200ms}
.hq-talla:hover{border-color:#0B0B0B;transform:translateY(-2px)}
.hq-talla[aria-pressed=true]{background:#0B0B0B;color:#F3F1EC;border-color:#0B0B0B}
.hq-qty{display:inline-flex;align-items:center;border:1px solid #67645F;border-radius:2px}
.hq-qty button{width:48px;height:48px;border:0;background:transparent;font:500 20px 'Inter',Arial,sans-serif;cursor:pointer}
.hq-qty button:hover{background:rgba(127,127,127,0.12)}
.hq-qty output{min-width:40px;text-align:center;font-weight:600}
.hq-btn[aria-disabled=true],.hq-btn:disabled{opacity:.45;pointer-events:none}
.hq-gal img{transition:transform 700ms cubic-bezier(.2,.8,.2,1)}
.hq-gal .hq-media:hover img{transform:scale(1.04)}
@media (max-width:767px){.hq-buybar{position:sticky;bottom:0;z-index:5;background:#F3F1EC;padding:12px 0;border-top:1px solid #D4D0C8}}