/* DTW Catalogue — responsive styling */
.dtw-site{--blue:#0786c8;--blue2:#006ba8;--maroon:#9c101b;--gray:#777984;--ink:#202532;--pale:#f4f9fc;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;overflow:hidden}
.dtw-site *{box-sizing:border-box}.dtw-site a{text-decoration:none}.dtw-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px clamp(18px,5vw,70px);position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #edf1f5}
.dtw-brand img{width:230px;max-width:42vw;height:auto;display:block}.dtw-header nav{display:flex;gap:clamp(14px,3vw,34px);align-items:center}.dtw-header nav a{color:#293140;font-weight:600;font-size:14px;transition:color .2s}.dtw-header nav a:hover{color:var(--blue)}.dtw-menu{display:none;border:0;background:transparent;font-size:24px;color:var(--blue)}
.dtw-hero{min-height:490px;padding:60px clamp(18px,7vw,100px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;background:radial-gradient(ellipse at 85% 20%,#eaf7fd 0,transparent 45%),linear-gradient(120deg,#fff 55%,#f6fbfe)}
.dtw-kicker{display:block;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:2.3px;margin-bottom:15px}.dtw-hero h1{font-size:clamp(36px,5vw,64px);line-height:1.06;letter-spacing:-2px;margin:0 0 20px;font-weight:800}.dtw-hero h1 em{font-style:normal;color:var(--blue)}.dtw-hero-copy p{font-size:16px;line-height:1.8;color:#6c7380;max-width:490px;margin-bottom:28px}.dtw-btn{display:inline-flex;align-items:center;gap:18px;background:var(--blue);color:white!important;padding:14px 22px;border-radius:8px;font-weight:700;box-shadow:0 9px 24px #0786c82a;transition:transform .25s,background .25s}.dtw-btn:hover{transform:translateY(-3px);background:var(--blue2)}
.dtw-hero-art{position:relative;min-height:330px;display:grid;place-items:center;background:#eaf6fc;border-radius:28px;overflow:hidden}.dtw-hero-art:before,.dtw-hero-art:after{content:"";position:absolute;border:1px solid #b9e1f4;border-radius:50%;width:340px;height:340px}.dtw-hero-art:after{width:250px;height:250px}.dtw-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;opacity:0;transform:translateY(12px);transition:opacity .7s,transform .7s}.dtw-slide.active{opacity:1;transform:none}.dtw-slide span{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#4b7d9a;font-weight:700}.dtw-board{width:min(56%,270px);aspect-ratio:1.25;background:#fff;border:9px solid #d5dce4;border-radius:6px;box-shadow:0 20px 35px #45677a22;position:relative}.dtw-board:before{content:"";position:absolute;bottom:-34px;left:20%;width:60%;height:27px;border-left:5px solid #aeb8c3;border-right:5px solid #aeb8c3}.dtw-board:after{content:"";position:absolute;bottom:-39px;left:10%;width:80%;height:5px;background:#aeb8c3;border-radius:8px}.dtw-board-green{background:#276e55;border-color:#d3dbe2}.dtw-board-notice{background:linear-gradient(135deg,#fff 0 45%,#e7f4fb 45%);border-color:#cdd7e0}.dtw-slide-dots{position:absolute;bottom:20px;display:flex;gap:7px}.dtw-slide-dots i{width:6px;height:6px;border-radius:50%;background:#a6cfe4}.dtw-slide-dots i.active{width:19px;border-radius:5px;background:var(--blue)}
.dtw-section{padding:80px clamp(18px,6vw,86px)}.dtw-section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.dtw-section h2,.dtw-about h2,.dtw-contact h2{font-size:clamp(28px,3.3vw,42px);letter-spacing:-1px;margin:0;font-weight:800}.dtw-section-head p{color:#78808d;max-width:370px;line-height:1.7;margin:0}.dtw-filters{display:flex;gap:12px;margin-bottom:25px}.dtw-filters select{padding:12px 15px;border:1px solid #dce5ec;border-radius:8px;background:white;color:#344050;min-width:180px;font:inherit}
.dtw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.dtw-card{border:1px solid #e8edf1;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 25px #1c33400a;transition:transform .3s,box-shadow .3s;opacity:0;transform:translateY(20px)}.dtw-card.dtw-visible{opacity:1;transform:none}.dtw-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #1c334014}.dtw-card-image{height:220px;background:#f3f8fb;display:grid;place-items:center;overflow:hidden}.dtw-card-image img{width:100%;height:100%;object-fit:contain;padding:15px;transition:transform .4s}.dtw-card:hover .dtw-card-image img{transform:scale(1.04)}.dtw-image-placeholder{width:75%;height:75%;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#eaf6fc);border:8px solid #d5e1ea;color:#1685c0;font-weight:900;font-size:28px;letter-spacing:5px}.dtw-card-content{padding:20px}.dtw-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.dtw-tags span{background:#eaf6fc;color:#0878b5;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800}.dtw-card h3{font-size:19px;margin:0 0 10px}.dtw-description{color:#727987;font-size:13px;line-height:1.7}.dtw-description p{margin:0 0 8px}.dtw-sizes{margin-top:15px;font-size:12px;color:#525d6b}.dtw-sizes strong{color:#293140}.dtw-sizes ul{padding-left:18px;margin:7px 0}.dtw-card-bottom{border-top:1px solid #edf1f4;margin-top:18px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.dtw-card-bottom span{color:var(--maroon);font-size:12px;font-weight:800}.dtw-card-bottom a{font-size:11px;color:var(--blue);font-weight:800}.dtw-empty{grid-column:1/-1;text-align:center;padding:55px 20px;background:#f6fbfe;border-radius:14px;color:#6b7481}
.dtw-about{padding:65px clamp(18px,7vw,95px);display:flex;align-items:center;justify-content:space-between;gap:35px;background:#f5fafc;border-top:1px solid #edf4f8;border-bottom:1px solid #edf4f8}.dtw-about p{max-width:590px;color:#727987;line-height:1.8}.dtw-about-mark{font-size:clamp(42px,7vw,90px);font-weight:900;color:#087fbd;letter-spacing:-5px;opacity:.14;white-space:nowrap}.dtw-about-mark span{display:block;font-size:11px;letter-spacing:2px;color:var(--maroon);text-align:center}
.dtw-contact{text-align:center;padding:75px 20px;background:white}.dtw-contact p{color:#7a828d;margin:15px 0 25px}.dtw-contact-details{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:25px;font-size:13px;color:#737b86}.dtw-contact-details a{color:var(--blue)}.dtw-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px clamp(18px,5vw,70px);background:#f6f9fb;color:#78808a;font-size:12px}.dtw-footer img{width:150px;height:auto}.dtw-footer div{display:flex;gap:15px}.dtw-footer a{color:var(--blue)}
.dtw-wa-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#20bd65;box-shadow:0 8px 25px #159b4a55;z-index:9999;transition:transform .25s}.dtw-wa-float:hover{transform:scale(1.08)}.dtw-wa-float svg{width:34px;height:34px;fill:white}
.dtw-intro{position:fixed;inset:0;background:#fff;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;animation:dtw-intro-out .9s ease 1.15s forwards;pointer-events:none}.dtw-intro img{width:min(78vw,650px);height:auto;animation:dtw-logo-in .8s ease both}.dtw-intro span{font-family:Georgia,serif;font-style:italic;color:#94136c;font-size:clamp(18px,3vw,30px);animation:dtw-logo-in .8s .15s both}@keyframes dtw-logo-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes dtw-intro-out{to{opacity:0;visibility:hidden}}
@media(max-width:900px){.dtw-hero{grid-template-columns:1fr;padding-top:45px}.dtw-hero-art{min-height:300px}.dtw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dtw-section-head{align-items:start;flex-direction:column}.dtw-about-mark{display:none}}
@media(max-width:600px){.dtw-header{padding:12px 16px}.dtw-brand img{width:175px}.dtw-menu{display:block}.dtw-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:15px 20px;background:white;box-shadow:0 10px 20px #0000000a;flex-direction:column;align-items:stretch}.dtw-header nav.open{display:flex}.dtw-header nav a{padding:10px}.dtw-hero{padding:38px 18px;gap:25px;min-height:unset}.dtw-hero h1{font-size:39px;letter-spacing:-1.4px}.dtw-hero-art{min-height:250px}.dtw-section{padding:55px 16px}.dtw-grid{grid-template-columns:1fr;gap:16px}.dtw-card-image{height:235px}.dtw-filters{flex-direction:column}.dtw-filters select{width:100%}.dtw-about{padding:48px 20px}.dtw-contact{padding:55px 18px}.dtw-footer{flex-wrap:wrap;justify-content:center;text-align:center}.dtw-footer img{width:135px}.dtw-wa-float{width:54px;height:54px;right:15px;bottom:15px}}
@media(prefers-reduced-motion:reduce){.dtw-site *,.dtw-intro{animation:none!important;transition:none!important}.dtw-intro{display:none}}

.dtw-clients{padding:65px clamp(18px,6vw,86px);text-align:center;background:#fff}.dtw-clients h2{font-size:clamp(27px,3.2vw,40px);letter-spacing:-1px;margin:0}.dtw-clients>p{color:#78808d;margin:12px 0 28px}.dtw-client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1100px;margin:0 auto}.dtw-client-tile{min-height:110px;padding:18px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #e5edf3;border-radius:10px;background:linear-gradient(145deg,#fff,#f7fbfd);color:#3d4b5c;font-size:clamp(13px,1.4vw,16px);font-weight:750;box-shadow:0 5px 18px #1c334007;transition:transform .25s,border-color .25s,color .25s}.dtw-client-tile img{width:100%;height:82px;object-fit:contain;display:block;filter:grayscale(12%);transition:filter .25s}.dtw-client-tile:hover img{filter:grayscale(0)}.dtw-client-tile:hover{transform:translateY(-3px);border-color:#9bd3ee;color:var(--blue)}@media(max-width:700px){.dtw-client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dtw-clients{padding:48px 16px}}