@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Outfit:wght@400;600;800;900&display=swap";:root,[data-theme=dark]{--bg:#000;--surface:#0a0a0a;--surface2:#141414;--border:#ffffff26;--text:#fff;--muted:#a3a3a3;--accent:#c0392b;--accent-glow:#c0392b4d;--font-head:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--nav-h:72px;--nav-bg-scrolled:#000000d9;--shadow:0 8px 40px #0006}[data-theme=light]{--bg:#fff;--surface:#fafafa;--surface2:#f5f5f5;--border:#0000001a;--text:#000;--muted:#737373;--accent:#c0392b;--accent-glow:#c0392b26;--nav-bg-scrolled:#ffffffe6;--shadow:0 8px 40px #0000001a}*,:before,:after{transition:background-color .35s,border-color .35s,color .2s}.theme-toggle{border:1.5px solid var(--border);background:var(--surface2);cursor:pointer;border-radius:999px;flex-shrink:0;width:42px;height:24px;position:relative;transition:border-color .3s,background .3s!important}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle-knob{background:var(--accent);border-radius:50%;width:14px;height:14px;position:absolute;top:3px;left:3px;transition:transform .3s var(--ease)!important}.theme-toggle.light .theme-toggle-knob{transform:translate(18px)}.theme-toggle-icon{font-size:13px;line-height:1}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}ul{list-style:none}.container{max-width:1440px;margin:0 auto;padding:0 5vw}.btn{font-family:var(--font-head);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;min-height:48px;transition:color .3s var(--ease), box-shadow .3s var(--ease), background .3s var(--ease), border-color .3s var(--ease), transform .2s var(--ease);-webkit-tap-highlight-color:transparent;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:13px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";border-radius:inherit;opacity:0;transition:transform .5s var(--ease), opacity .5s ease;pointer-events:none;background:#ffffff1f;position:absolute;inset:0;transform:scale(0)}.btn:active:after{opacity:0;transition:all;transform:scale(2.5)}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:#fff;border:2px solid var(--accent);background-image:linear-gradient(115deg, var(--accent) 0%, var(--accent) 40%, #ffffff2e 50%, var(--accent) 60%, var(--accent) 100%);transition:background-position .55s var(--ease), box-shadow .3s var(--ease), transform .2s var(--ease), color .3s, border-color .3s;background-position:100% 0;background-size:250% 100%}.btn-primary:hover{background-position:0 0;transform:translateY(-3px);box-shadow:0 0 0 4px #c0392b33,0 8px 32px #c0392b66}.btn-primary:active{transform:translateY(0)scale(.96);box-shadow:0 0 0 2px #c0392b40}.btn-outline{color:var(--text);box-shadow:inset 0 0 0 0 var(--accent);transition:box-shadow .4s var(--ease), color .3s var(--ease), border-color .3s var(--ease), transform .2s var(--ease);background:0 0;border:1.5px solid #ffffff4d}.btn-outline:before{content:"";border-radius:inherit;background:var(--accent);opacity:0;transform-origin:0;transition:transform .4s var(--ease), opacity .4s var(--ease);z-index:-1;position:absolute;inset:0;transform:scaleX(0)}.btn-outline:hover{border-color:var(--accent);color:#fff;transform:translateY(-3px);box-shadow:0 0 0 3px #c0392b33,0 8px 24px #c0392b4d}.btn-outline:hover:before{opacity:1;transform:scaleX(1)}.btn-outline:active{transform:translateY(0)scale(.96)}.btn-lg{padding:18px 44px;font-size:14px}.navbar{z-index:1000;height:var(--nav-h);border-bottom:1px solid #0000;align-items:center;transition:background .4s,border-bottom .4s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#080808d9}.nav-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-mask-container{align-items:center;text-decoration:none;display:flex}.brand-logo{background-color:var(--text);width:140px;height:40px;transition:background-color .3s var(--ease);-webkit-mask-image:url(/logo.png);mask-image:url(/logo.png);-webkit-mask-position:0;mask-position:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.logo-mask-container:hover .brand-logo,.logo-mask-container:hover .dutco-logo{background-color:var(--accent)}.brand-separator{color:var(--muted);margin:0 12px;font-size:20px;font-weight:300}.dutco-logo{background-color:var(--text);width:140px;height:40px;transition:background-color .3s var(--ease);-webkit-mask-image:url(/dutco-logo.png);mask-image:url(/dutco-logo.png);-webkit-mask-position:0;mask-position:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (width<=500px){.brand-logo,.dutco-logo{width:110px;height:32px}.brand-separator{margin:0 8px;font-size:16px}}.nav-links{gap:40px;display:flex}.nav-links a{letter-spacing:.5px;color:var(--muted);font-size:13px;font-weight:500;transition:color .3s}.nav-links a:hover{color:#fff}.mobile-btn{color:#fff;background:0 0;border:none;font-size:22px;display:none}@media (width<=768px){.nav-links,.nav-links+.btn{display:none}.mobile-btn{display:block}}.mobile-drawer{z-index:2000;transition:transform .4s var(--ease);background:#000000f2;flex-direction:column;justify-content:center;align-items:center;gap:40px;display:flex;position:fixed;inset:0;transform:translate(100%)}.mobile-drawer.open{transform:translate(0)}.mobile-drawer a{font-family:var(--font-head);text-transform:uppercase;color:var(--muted);font-size:36px;font-weight:800;transition:color .3s}.mobile-drawer a:hover{color:#fff}.mobile-close{color:#fff;background:0 0;border:none;font-size:28px;position:absolute;top:24px;right:24px}.hero-sticky{align-items:flex-end;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.hero-overlay{background:linear-gradient(#0808081a 0%,#0808084d 50%,#080808f2 100%);position:absolute;inset:0}.hero-content{z-index:1;max-width:700px;padding:0 5vw 80px;position:relative}@media (width<=768px){.hero-content{padding:0 5vw 40px}}.hero-logo-mask{background-color:var(--text);width:100%;max-width:700px;height:clamp(80px,15vw,160px);margin-bottom:24px;-webkit-mask-image:url(/logo.png);mask-image:url(/logo.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-subtitle{letter-spacing:4px;text-transform:uppercase;color:var(--muted);font-size:clamp(10px,3vw,14px);font-weight:500}.hero-tag{border:1px solid var(--accent);color:var(--accent);letter-spacing:2px;text-transform:uppercase;border-radius:2px;margin-bottom:24px;padding:6px 14px;font-size:11px;font-weight:600;display:inline-block}.hero-content h1{font-family:var(--font-head);letter-spacing:-4px;text-transform:uppercase;margin-bottom:28px;font-size:clamp(52px,8vw,110px);font-weight:900;line-height:.9}.hero-content h1 span{color:var(--accent)}.hero-content p{color:#ffffffa6;max-width:460px;margin-bottom:40px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.hero-scroll{color:var(--muted);letter-spacing:2px;text-transform:uppercase;z-index:1;flex-direction:column;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:32px;right:5vw}.scroll-line{background:linear-gradient(to bottom, var(--accent), transparent);width:1px;height:60px;animation:2s ease-in-out infinite scrollLine}@keyframes scrollLine{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(.6)}}.section{padding:120px 0}@media (width<=768px){.section{padding:60px 0}}.section-label{letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:11px;font-weight:600}.section-title{font-family:var(--font-head);text-transform:uppercase;letter-spacing:-2px;margin-bottom:16px;font-size:clamp(36px,4vw,60px);font-weight:900;line-height:1}.section-sub{color:var(--muted);max-width:500px;font-size:16px;line-height:1.8}.accent-border-top{border-top:1px solid var(--accent)}.accent-border-bottom{border-bottom:1px solid #0080fe40}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:48px}}.about-contact-col{flex-direction:column;gap:16px;display:flex}.contact-card{border:1px solid var(--border);background:var(--surface);color:var(--text);transition:border-color .3s var(--ease), transform .25s var(--ease), box-shadow .3s var(--ease);border-radius:8px;align-items:center;gap:16px;padding:20px 24px;text-decoration:none;display:flex;position:relative;overflow:hidden}.contact-card:before{content:"";background:var(--surface2);transition:transform .4s var(--ease);z-index:0;position:absolute;inset:0;transform:translate(-100%)}.contact-card:hover:before{transform:translate(0)}.contact-card:hover{border-color:var(--accent);box-shadow:-4px 0 0 0 var(--accent), 0 8px 32px #0000004d;transform:translate(6px)}.contact-card-icon{border:1px solid var(--border);background:var(--surface2);width:48px;height:48px;color:var(--accent);z-index:1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .3s,border-color .3s;display:flex;position:relative}.contact-card:hover .contact-card-icon{background:var(--accent-glow);border-color:var(--accent)}.contact-card-body{z-index:1;flex-direction:column;flex:1;gap:3px;display:flex;position:relative}.contact-card-label{letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:700}.contact-card-value{font-family:var(--font-head);color:var(--text);letter-spacing:.3px;font-size:17px;font-weight:700}.contact-card-arrow{color:var(--muted);z-index:1;transition:color .3s, transform .3s var(--ease);font-size:20px;position:relative}.contact-card:hover .contact-card-arrow{color:var(--accent);transform:translate(4px)}.contact-card--whatsapp{border-color:#25d36633}.contact-card--whatsapp:hover{border-color:#25d366;box-shadow:-4px 0 #25d366,0 8px 32px #0000004d}.contact-card--whatsapp .contact-card-icon{color:#25d366}.contact-card--whatsapp:hover .contact-card-icon{background:#25d3661f;border-color:#25d366}.contact-card--whatsapp .contact-card-label{color:#25d366}.contact-card--instagram{border-color:#e1306c33}.contact-card--instagram:hover{border-color:#e1306c;box-shadow:-4px 0 #e1306c,0 8px 32px #0000004d}.contact-card--instagram .contact-card-icon{color:#e1306c}.contact-card--instagram:hover .contact-card-icon{background:#e1306c1f;border-color:#e1306c}.contact-card--instagram .contact-card-label{color:#e1306c}.collections{padding:100px 0}.collections-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:56px;display:flex}@media (width<=560px){.collections-header{flex-direction:column;align-items:flex-start;margin-bottom:32px}}.grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=900px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.grid{grid-template-columns:1fr}}.product-card{cursor:pointer;background:var(--surface);border:1px solid var(--border);transition:border-color .3s, transform .4s var(--ease), box-shadow .4s;border-radius:8px;position:relative;overflow:hidden}.product-card:hover{box-shadow:0 24px 60px #00000080, 0 0 40px var(--accent-glow);border-color:#0080fe66;transform:translateY(-6px)}.card-image-wrap{aspect-ratio:3/4;background:var(--surface2);position:relative;overflow:hidden}.card-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);position:absolute;inset:0}.product-card:hover .card-image-wrap img{transform:scale(1.06)}.carousel-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:2;opacity:0;background:#080808b3;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:opacity .3s,background .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.product-card:hover .carousel-btn{opacity:1}.carousel-btn:hover{background:var(--accent);border-color:var(--accent)}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}.carousel-dots{z-index:2;gap:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.dot{background:#fff6;border-radius:50%;width:6px;height:6px;transition:background .3s,transform .3s}.dot.active{background:var(--accent);transform:scale(1.3)}.card-info{border-top:1px solid var(--border);padding:20px}.card-name{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:16px;font-weight:700}.card-count{color:var(--muted);font-size:12px}.card-arrow{background:var(--accent);opacity:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:20px;right:20px;transform:scale(.8)}.product-card:hover .card-arrow{opacity:1;transform:scale(1)}.view-all-wrap{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-top:60px;display:flex}.quality{background:var(--surface);border-top:1px solid var(--accent);border-bottom:1px solid #0080fe33;padding:120px 0}.quality-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:80px;display:grid}@media (width<=768px){.quality-grid{grid-template-columns:1fr;gap:48px}}.features-list{flex-direction:column;gap:32px;margin-top:48px;display:flex}.feature-item{align-items:flex-start;gap:20px;display:flex}.feature-icon{border:1px solid var(--accent);background:var(--accent-glow);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.feature-item h4{font-family:var(--font-head);text-transform:uppercase;margin-bottom:4px;font-size:16px;font-weight:700}.feature-item p{color:var(--muted);font-size:14px;line-height:1.7}.quality-visual{background:var(--surface2);border:1px solid var(--border);border-radius:12px;width:100%;height:100%;min-height:500px;position:relative;overflow:hidden}@media (width<=768px){.quality-visual{min-height:300px}}.quality-visual img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.quality-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-left:3px solid var(--accent);background:#080808d9;border-radius:6px;padding:16px 20px;position:absolute;bottom:24px;left:24px}.quality-badge .num{font-family:var(--font-head);color:var(--accent);font-size:32px;font-weight:900;line-height:1}.quality-badge .label{color:var(--muted);margin-top:4px;font-size:12px}.footer{color:#fff;border-top:1px solid var(--accent);background:#000;padding:80px 0 40px}@media (width<=768px){.footer{padding:40px 0 20px}}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;display:grid}@media (width<=900px){.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}@media (width<=560px){.footer-grid{grid-template-columns:1fr}}.footer-brand p{color:#a0a0a0;max-width:300px;margin-top:16px;font-size:14px;line-height:1.8}.footer-col h5{font-family:var(--font-head);letter-spacing:2px;text-transform:uppercase;color:#a0a0a0;margin-bottom:20px;font-size:12px;font-weight:700}.footer-col ul{flex-direction:column;gap:12px;display:flex}.footer-col a{color:#a0a0a0;font-size:14px;transition:color .3s}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #333;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:32px;display:flex}@media (width<=560px){.footer-bottom{text-align:center;flex-direction:column;justify-content:center}}.footer-bottom p{color:#a0a0a0;font-size:13px}.footer-socials{gap:16px;display:flex}.footer-socials a{color:#a0a0a0;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:border-color .3s,color .3s;display:flex}.footer-socials a:hover{border-color:var(--accent);color:var(--accent)}.footer-social-icon:first-child:hover{color:#e1306c!important;border-color:#e1306c!important}.footer-social-icon:nth-child(2):hover{color:#25d366!important;border-color:#25d366!important}.product-page{padding-top:calc(var(--nav-h) + 48px);min-height:100vh;padding-bottom:100px}.product-layout{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}@media (width<=860px){.product-layout{grid-template-columns:1fr}}.product-gallery-col{position:sticky;top:100px}.product-main-img{aspect-ratio:3/4;background:var(--surface2);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;overflow:hidden}.product-main-img img{object-fit:cover;width:100%;height:100%;transition:opacity .3s}.product-thumbs{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.thumb{aspect-ratio:1;cursor:pointer;background:var(--surface2);border:2px solid #0000;border-radius:6px;transition:border-color .3s;overflow:hidden}.thumb.active{border-color:var(--accent)}.thumb img{object-fit:cover;width:100%;height:100%}.product-info-col{padding:8px 0}.product-badge-tag{background:var(--accent-glow);color:var(--accent);border:1px solid var(--accent);letter-spacing:2px;text-transform:uppercase;border-radius:2px;margin-bottom:20px;padding:5px 12px;font-size:10px;font-weight:700;display:inline-block}.product-name{font-family:var(--font-head);text-transform:uppercase;letter-spacing:-2px;margin-bottom:20px;font-size:clamp(32px,4vw,54px);font-weight:900;line-height:1}.product-desc{color:var(--muted);border-left:2px solid var(--accent);margin-bottom:36px;padding-left:16px;font-size:15px;line-height:1.9}.size-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:12px;font-weight:600}.size-grid{flex-wrap:wrap;gap:10px;margin-bottom:36px;display:flex}.size-btn{border:1.5px solid var(--border);width:52px;height:52px;color:var(--text);font-family:var(--font-head);background:0 0;border-radius:6px;font-size:14px;font-weight:700;transition:border-color .3s,background .3s,color .3s}.size-btn:hover{border-color:var(--accent);color:var(--accent)}.size-btn.selected{background:var(--accent);border-color:var(--accent);color:#fff}.product-actions{flex-direction:column;gap:14px;margin-bottom:36px;display:flex}.product-actions .btn{justify-content:center;width:100%}.product-meta{flex-direction:column;gap:12px;display:flex}.meta-row{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.meta-row svg,.meta-icon{color:var(--accent);width:16px}.back-btn{color:var(--muted);letter-spacing:.5px;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:48px;font-size:13px;transition:color .3s;display:inline-flex}.back-btn:hover{color:#fff}.fade-in{animation:fadeIn .7s var(--ease) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.whatsapp-fab{z-index:9999;color:#fff;font-family:var(--font-head);letter-spacing:.5px;transition:padding .35s var(--ease), box-shadow .35s var(--ease), background .3s;animation:whatsappEntrance .6s 1s var(--ease) both;background:#25d366;border-radius:50px;align-items:center;gap:10px;padding:14px 16px;font-size:13px;font-weight:700;text-decoration:none;display:flex;position:fixed;bottom:28px;right:28px;overflow:hidden;box-shadow:0 8px 32px #25d36666,0 2px 8px #0000004d}@keyframes whatsappEntrance{0%{opacity:0;transform:translateY(20px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}.whatsapp-fab:before{content:"";border-radius:50px;animation:2.5s ease-out infinite whatsappPulse;position:absolute;inset:0;box-shadow:0 0 #25d36699}@keyframes whatsappPulse{0%{box-shadow:0 0 #25d36680}70%{box-shadow:0 0 0 16px #25d36600}to{box-shadow:0 0 #25d36600}}.whatsapp-fab-label{white-space:nowrap;opacity:0;max-width:0;transition:max-width .4s var(--ease), opacity .3s ease;overflow:hidden}.whatsapp-fab:hover{background:#1ebe5d;padding:14px 22px 14px 16px;box-shadow:0 12px 40px #25d36680,0 4px 12px #0000004d}.whatsapp-fab:hover .whatsapp-fab-label{opacity:1;max-width:200px}@media (width<=768px){.whatsapp-fab{padding:13px 18px;font-size:12px;bottom:20px;right:16px}.whatsapp-fab-label{opacity:1;max-width:160px}}@media (width<=1024px){.quality-grid,.about-grid{gap:48px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}@media (width<=768px){.container{padding:0 6vw}.brand-logo,.dutco-logo{width:100px;height:28px}.brand-separator{margin:0 6px;font-size:14px}.hero-sticky{align-items:center}.hero-content{text-align:center;align-items:center;width:100%;max-width:100%;padding:0 6vw 60px}.hero-logo-mask{max-width:90vw;height:clamp(60px,18vw,120px)}.hero-subtitle{letter-spacing:3px;font-size:clamp(9px,3vw,12px)}.hero-actions{flex-direction:column;align-items:center;gap:12px;width:100%}.hero-actions .btn{width:100%;max-width:300px}.hero-scroll{display:none}.section,.collections,.quality{padding:56px 0}.section-title{letter-spacing:-1px;font-size:clamp(28px,8vw,44px)}.section-sub{font-size:14px}.collections-header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:32px}.collections-header .btn{justify-content:center;width:100%}.grid{grid-template-columns:repeat(2,1fr);gap:16px}.quality-grid{grid-template-columns:1fr;gap:40px}.quality-visual{min-height:260px}.quality-badge{padding:12px 16px}.quality-badge .num{font-size:24px}.features-list{gap:20px;margin-top:28px}.about-grid{grid-template-columns:1fr;gap:40px}.contact-card{padding:16px 18px}.contact-card-value{font-size:15px}.contact-card:hover{transform:translate(3px)}.footer{padding:40px 0 20px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:36px}.footer-brand{grid-column:1/-1}.footer-brand p{font-size:13px}.footer-bottom{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-top:24px}.btn-lg{padding:16px 32px;font-size:13px}}@media (width<=560px){.hero-logo-mask{height:clamp(50px,20vw,90px)}.hero-actions .btn{max-width:100%}.grid{grid-template-columns:1fr;gap:16px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-brand{grid-column:auto}.footer-col h5{margin-bottom:14px}.contact-card-value{font-size:14px}.contact-card-icon{width:40px;height:40px}.mobile-drawer a{font-size:28px}}@media (width<=400px){.container{padding:0 16px}.brand-logo,.dutco-logo{width:88px}.brand-separator{display:none}.section-title{font-size:clamp(26px,9vw,38px)}.hero-logo-mask{height:clamp(44px,18vw,72px)}.hero-subtitle{letter-spacing:2px}.quality-badge .num{font-size:20px}.whatsapp-fab{padding:11px 14px;font-size:11px;bottom:16px;right:12px}.whatsapp-fab-label{max-width:130px}}