:root{--lime:#b7ff00;--black:#050505;--panel:#111;--panel2:#171717;--text:#f7f7f7;--muted:#aaa;--line:#2a2a2a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{position:sticky;top:0;z-index:50;height:86px;background:rgba(4,4,4,.96);border-bottom:1px solid #222;display:flex;align-items:center;padding:0 4vw;gap:28px}
.brand{display:flex;align-items:center;min-width:max-content}.brand-jd{font-size:46px;line-height:.8;font-weight:900;color:var(--lime);letter-spacing:-4px}.brand-copy{display:flex;flex-direction:column;margin-left:12px}.brand-copy b{font-size:19px}.brand-copy small{font-size:9px;color:#bbb;margin-top:6px;letter-spacing:.5px}
.nav{display:flex;gap:24px;margin-left:auto}.nav a{font-size:12px;font-weight:800;text-transform:uppercase}.nav a:hover{color:var(--lime)}
.header-phone{display:flex;flex-direction:column;text-align:right}.header-phone span{font-size:9px;color:#bbb}.header-phone b{font-size:17px;color:var(--lime)}
.menu-btn{display:none;margin-left:auto;background:none;border:0;color:white;font-size:28px}.hero{min-height:620px;display:grid;grid-template-columns:.9fr 1.4fr;background:radial-gradient(circle at 60% 20%,#1c1c1c 0,#080808 48%,#030303 100%);border-bottom:2px solid var(--lime)}
.hero-copy{padding:90px 5vw 60px;display:flex;flex-direction:column;justify-content:center}.eyebrow{color:var(--lime);font-size:11px;font-weight:900;letter-spacing:1.5px}.hero h1{font-size:clamp(44px,5vw,78px);line-height:.93;margin:16px 0 22px;letter-spacing:-2px}.hero h1 em,.section h2 em,.contact h2 em{font-style:normal;color:var(--lime);display:block}.hero p{font-size:18px;line-height:1.5;color:#ddd;max-width:560px}
.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:7px;font-size:13px;font-weight:900}.btn.primary{background:var(--lime);color:#050505}.btn.outline{border:1px solid #666;background:#0c0c0c}.btn:hover{transform:translateY(-1px)}.wide{width:min(100%,720px)}
.trust-mini{display:flex;flex-wrap:wrap;gap:18px;color:#ccc;margin-top:26px;font-size:11px}.trust-mini span::first-letter{color:var(--lime)}
.hero-media{padding:55px 4vw 55px 0;display:flex;align-items:center}.hero-media img{width:100%;border-radius:12px;box-shadow:0 24px 65px #000;border:1px solid #333;object-fit:cover}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#0b0b0b;border-bottom:1px solid #202020}.trust-strip div{padding:22px 3vw;border-right:1px solid #222}.trust-strip b{font-size:12px;color:var(--lime);display:block}.trust-strip small{color:#aaa}
.section{padding:78px 4vw}.section.alt{background:#0a0a0a}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}.section h2{font-size:clamp(34px,4vw,58px);margin:6px 0 0;line-height:.95}.section-head p{max-width:500px;color:#aaa;line-height:1.5}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{background:var(--panel);border:1px solid #282828;border-radius:10px;overflow:hidden}.service-card img{width:100%;height:220px;object-fit:cover}.service-card div{padding:20px}.service-card span{color:var(--lime);font-size:24px}.service-card h3{margin:12px 0 8px;font-size:18px}.service-card p{color:#bbb;line-height:1.45;min-height:64px}.service-card a{color:var(--lime);font-size:12px;font-weight:900}
.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.gallery-item{padding:0;border:0;background:none;aspect-ratio:4/3;overflow:hidden;border-radius:8px;cursor:pointer}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.2s}.gallery-item:hover img{transform:scale(1.03)}
.brochure-section{background:#050505}.brochure-shell{position:relative;max-width:900px;margin:auto;background:#111;border:1px solid #333;border-radius:14px;padding:22px;min-height:560px;display:flex;align-items:center;justify-content:center}.brochure-page{width:min(100%,640px);aspect-ratio:4/5;background:#070707;border:1px solid #444;border-radius:4px;overflow:hidden;box-shadow:0 12px 45px #000;position:relative}.brochure-slide{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;background-size:cover;background-position:center;position:relative}.brochure-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.85))}.brochure-slide>*{position:relative}.brochure-slide .mini-logo{font-size:30px;font-weight:900;color:var(--lime)}.brochure-slide h3{font-size:38px;margin:10px 0 4px}.brochure-slide h3 em{color:var(--lime);font-style:normal}.brochure-slide p{color:#ddd;line-height:1.5}.brochure-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:54px;height:84px;border:0;border-radius:8px;background:#000;color:white;font-size:52px;cursor:pointer}.brochure-arrow.prev{left:8px}.brochure-arrow.next{right:8px}.brochure-dots{display:flex;justify-content:center;gap:8px;margin:18px 0}.brochure-dots button{width:10px;height:10px;border:0;border-radius:50%;background:#555}.brochure-dots button.active{background:var(--lime)}.brochure-actions{text-align:center}
.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.swatches .resin-swatch{height:170px;border-radius:12px;border:1px solid #555;position:relative;overflow:hidden;background:#151515}.swatches .resin-swatch img{width:100%;height:100%;object-fit:cover;display:block}.swatches span{position:absolute;bottom:12px;left:12px;background:#050505e8;color:#fff;padding:8px 11px;border-radius:6px;font-weight:800;box-shadow:0 2px 12px #0008}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reviews blockquote{margin:0;padding:28px;background:#111;border:1px solid #333;border-radius:10px;font-size:18px;line-height:1.5}.reviews strong{display:block;color:var(--lime);margin-top:18px;letter-spacing:2px}
.contact{padding-top:30px}.contact-card{max-width:1100px;margin:auto;padding:56px;background:linear-gradient(135deg,#111,#070707);border:1px solid #333;border-left:5px solid var(--lime);border-radius:14px}.contact h2{font-size:clamp(38px,5vw,70px);margin:12px 0}.contact p{color:#bbb;font-size:18px}
footer{border-top:1px solid #2a2a2a;padding:35px 4vw;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:24px;align-items:center;background:#050505}footer>div{display:flex;flex-direction:column;gap:5px}footer b{font-size:11px;color:#aaa}footer a{font-weight:800}.footer-brand{flex-direction:row;align-items:center}.footer-brand div{display:flex;flex-direction:column;margin-left:10px}.footer-brand small{font-size:9px;color:#999;margin-top:4px}.companies-house span{font-weight:800}.companies-house a{color:var(--lime);font-size:12px}.copyright{grid-column:1/-1;border-top:1px solid #222;padding-top:20px;color:#777;font-size:11px}
.lightbox{position:fixed;inset:0;background:#000e;z-index:100;display:flex;align-items:center;justify-content:center;padding:30px}.lightbox[hidden]{display:none}.lightbox img{max-width:95vw;max-height:90vh;object-fit:contain}.lightbox button{position:absolute;right:20px;top:10px;background:none;border:0;color:white;font-size:46px;cursor:pointer}
@media(max-width:1000px){.nav,.header-phone{display:none}.menu-btn{display:block}.nav.open{display:flex;position:absolute;top:86px;left:0;right:0;background:#080808;flex-direction:column;padding:24px 5vw;border-bottom:1px solid #333}.hero{grid-template-columns:1fr}.hero-copy{padding:58px 5vw 26px}.hero-media{padding:10px 5vw 44px}.trust-strip{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(3,1fr)}footer{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.site-header{height:74px;padding:0 18px}.brand-jd{font-size:38px}.brand-copy b{font-size:15px}.brand-copy small{font-size:7px}.nav.open{top:74px}.hero{min-height:unset}.hero-copy{padding:44px 22px 22px}.hero h1{font-size:46px}.hero p{font-size:16px}.hero-media{padding:0 18px 28px}.hero-media img{min-height:245px;object-fit:cover;object-position:center}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip div{padding:16px}.section{padding:56px 18px}.section-head{display:block}.section-head p{margin-top:18px}.service-grid{grid-template-columns:1fr}.service-card img{height:220px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:7px}.brochure-shell{padding:12px;min-height:500px}.brochure-page{width:calc(100% - 62px)}.brochure-slide{padding:22px}.brochure-slide h3{font-size:28px}.brochure-arrow{width:42px;height:70px;font-size:42px}.swatches{grid-template-columns:repeat(2,1fr)}.swatches .resin-swatch{height:145px}.reviews{grid-template-columns:1fr}.contact-card{padding:34px 24px}.contact-actions .btn{width:100%;font-size:12px}footer{grid-template-columns:1fr;padding:30px 18px}}

.permeable-guide{max-width:900px;margin:26px auto 0;padding:26px;border:1px solid #333;border-left:5px solid var(--lime);border-radius:14px;background:#0c0c0c;display:flex;align-items:center;justify-content:space-between;gap:24px}.permeable-guide h3{margin:7px 0 8px;font-size:25px}.permeable-guide p{margin:0;color:#bbb;line-height:1.55;max-width:620px}.permeable-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.btn.secondary{background:transparent;color:#fff;border:1px solid #555}@media(max-width:760px){.permeable-guide{display:block}.permeable-actions{margin-top:20px;justify-content:flex-start}.permeable-actions .btn{width:100%;text-align:center}}

/* Permeable brochure displayed directly on-page */
.permeable-guide-displayed{display:block;max-width:1100px;padding:28px}.permeable-intro{max-width:820px}.permeable-brochure-pages{display:grid;grid-template-columns:1fr;gap:18px;margin-top:24px}.permeable-brochure-pages figure{margin:0;background:#060606;border:1px solid #333;border-radius:12px;overflow:hidden}.permeable-brochure-pages img{display:block;width:100%;height:auto;object-fit:contain;background:#050505}.permeable-brochure-pages figcaption{padding:12px 15px;color:#aaa;font-size:12px;letter-spacing:.4px}.permeable-guide-displayed .permeable-actions{justify-content:center;margin-top:18px}.permeable-guide-displayed .permeable-actions .btn{min-width:320px;text-align:center}
@media(max-width:760px){.permeable-guide-displayed{padding:18px 10px}.permeable-guide-displayed .permeable-intro{padding:6px 10px 0}.permeable-brochure-pages{gap:12px}.permeable-brochure-pages figure{border-radius:8px}.permeable-guide-displayed .permeable-actions{padding:0 10px}.permeable-guide-displayed .permeable-actions .btn{min-width:0;width:100%}}


/* Customer engagement upgrade */
.transformations{background:#060606}
.transformation-hero{max-width:1334px;margin:0 auto 22px;border:1px solid #333;border-radius:14px;overflow:hidden;background:#050505}
.transformation-hero img{display:block;width:100%;height:auto}
.transformation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1200px;margin:auto}
.transformation-card{position:relative;padding:0;border:1px solid #2f2f2f;border-radius:12px;overflow:hidden;background:#090909;cursor:pointer;text-align:left}
.transformation-card img{display:block;width:100%;height:auto;object-fit:contain;background:#000}
.transformation-card span{color:var(--lime);position:absolute;left:14px;bottom:14px;background:#050505e8;border-left:4px solid var(--lime);padding:10px 14px;font-size:12px;font-weight:900;letter-spacing:.4px}
.center-cta{text-align:center;margin-top:26px}

.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.benefit-grid article{background:#101010;border:1px solid #303030;border-top:3px solid var(--lime);border-radius:12px;padding:26px}
.benefit-grid article>span{font-size:30px}.benefit-grid h3{font-size:17px;margin:12px 0 9px}.benefit-grid p{color:#bbb;line-height:1.55;margin:0}

.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.process-grid article{position:relative;background:#0d0d0d;border:1px solid #2e2e2e;border-radius:12px;padding:24px 20px;min-height:220px}
.process-grid b{font-size:38px;color:var(--lime);opacity:.9}.process-grid h3{font-size:16px;margin:14px 0 8px}.process-grid p{font-size:14px;color:#aaa;line-height:1.55;margin:0}

.coverage-card{max-width:1150px;margin:auto;background:linear-gradient(135deg,#111,#060606);border:1px solid #333;border-left:6px solid var(--lime);border-radius:14px;padding:44px;display:grid;grid-template-columns:minmax(0,1fr) minmax(315px,.55fr);align-items:start;gap:38px}
.coverage-card h2{margin:8px 0 14px}.coverage-card p{max-width:740px;color:#bbb;font-size:17px;line-height:1.55}
.postcode-checker{padding:23px;background:#0a0a0a;border:1px solid #3a3a3a;border-radius:10px;box-shadow:0 16px 38px #0004}.postcode-checker label{display:block;color:#fff;font-size:12px;font-weight:900;letter-spacing:.8px}.postcode-checker-controls{display:flex;gap:8px;margin-top:10px}.postcode-checker input{display:block;min-width:0;width:100%;border:1px solid #555;background:#151515;color:#fff;border-radius:7px;padding:13px 14px;font:inherit;font-weight:800;outline:none;text-transform:uppercase}.postcode-checker input:focus{border-color:var(--lime);box-shadow:0 0 0 2px #b7ff0022}.postcode-checker .btn{min-height:48px;padding-inline:16px;border:0;cursor:pointer;white-space:nowrap}.postcode-checker-note{margin:11px 0 0;color:#939393!important;font-size:12px!important;line-height:1.45!important}.postcode-checker-result{margin:14px 0 0;padding:13px 14px;border:1px solid #3b3b3b;border-radius:7px;background:#141414;color:#eee!important;font-size:14px!important;font-weight:800;line-height:1.45!important}.postcode-checker-result[data-state="covered"]{border-color:#81b600;background:#142000}.postcode-checker-result[data-state="outside"]{border-color:#706022;background:#1c1909}.postcode-checker-result[data-state="invalid"]{border-color:#934545;background:#220f0f}.postcode-quote-link{display:inline-flex;align-items:center;justify-content:center;min-height:43px;margin-top:12px;padding:0 16px;border-radius:7px;background:var(--lime);color:#050505;font-size:12px;font-weight:900}.postcode-quote-link:hover{transform:translateY(-1px)}

.faq-list{max-width:1000px;margin:auto;display:grid;gap:10px}
.faq-list details{background:#0e0e0e;border:1px solid #303030;border-radius:10px;overflow:hidden}
.faq-list summary{cursor:pointer;padding:20px 22px;font-weight:900;list-style:none;position:relative;padding-right:54px}
.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);color:var(--lime);font-size:27px}
.faq-list details[open] summary:after{content:"–"}.faq-list details p{margin:0;padding:0 22px 22px;color:#bbb;line-height:1.6}

.quote-section{padding:78px 4vw;background:radial-gradient(circle at 20% 0,#151515,#050505 55%)}
.quote-wrap{max-width:1150px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;background:#0b0b0b;border:1px solid #333;border-left:6px solid var(--lime);border-radius:14px;padding:46px}
.quote-copy h2{font-size:clamp(38px,5vw,64px);line-height:.96;margin:12px 0 18px}.quote-copy h2 em{font-style:normal;color:var(--lime);display:block}.quote-copy p{color:#bbb;font-size:17px;line-height:1.55}
.quote-trust{display:grid;gap:8px;margin:22px 0}.quote-trust span{color:#ddd}.quote-copy .btn{margin-top:8px}
.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#080808;border:1px solid #292929;border-radius:12px;padding:24px}
.quote-form label{font-size:11px;font-weight:900;color:#ccc;letter-spacing:.4px}.quote-form label:nth-of-type(4),.quote-form label:nth-of-type(5){grid-column:1/-1}
.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #444;background:#111;color:#fff;border-radius:7px;padding:13px 14px;font:inherit;outline:none}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--lime);box-shadow:0 0 0 2px #b7ff0022}
.quote-form textarea{resize:vertical}.quote-submit{grid-column:1/-1;border:0;cursor:pointer}
.quote-form small{grid-column:1/-1;color:#888;line-height:1.45}

.mobile-cta{display:none}
@media(max-width:1000px){
  .benefit-grid{grid-template-columns:repeat(2,1fr)}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .process-grid article:last-child{grid-column:1/-1}
  .quote-wrap{grid-template-columns:1fr}
}
@media(max-width:760px){
  body{padding-bottom:66px}
  .transformation-grid{grid-template-columns:1fr}
  .transformation-hero{border-radius:8px}
  .benefit-grid{grid-template-columns:1fr}
  .process-grid{grid-template-columns:1fr}
  .process-grid article:last-child{grid-column:auto}
  .coverage-card{display:block;padding:30px 22px}.postcode-checker{margin-top:24px}.postcode-checker-controls{display:block}.postcode-checker .btn{width:100%;margin-top:9px}
  .quote-section{padding:56px 18px}.quote-wrap{padding:28px 20px}.quote-form{grid-template-columns:1fr;padding:18px}
  .quote-form label,.quote-form label:nth-of-type(4),.quote-form label:nth-of-type(5),.quote-submit,.quote-form small{grid-column:1}
  .mobile-cta{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:90;background:#050505;border-top:1px solid #333;padding:8px;gap:8px}
  .mobile-cta a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;border-radius:7px;border:1px solid #444}
  .mobile-cta a:last-child{background:var(--lime);color:#050505;border-color:var(--lime)}
}

/* 2026-08 mobile stability / sharp-image patch */
html,body{width:100%;max-width:100%;}
body{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;}
img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;image-rendering:auto;}
.hero-media,.service-card,.gallery-item,.transformation-hero,.transformation-card,.permeable-brochure-pages figure,.resin-swatch{isolation:isolate;}
.hero-media img,.service-card img,.gallery-item img,.transformation-hero img,.transformation-card img,.permeable-brochure-pages img,.resin-swatch img{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translateZ(0);
}
/* Transformation cards should use the source photo's natural ratio, not the generic gallery crop. */
.transformation-card.gallery-item{aspect-ratio:auto;display:block;width:100%;}
.transformation-card.gallery-item img{width:100%;height:auto;min-height:0;object-fit:contain;}
.transformation-card span{z-index:2;max-width:calc(100% - 28px);}
/* Prevent 1px Safari/WebKit seams on rounded image cards. */
.service-card,.gallery-item,.transformation-hero,.transformation-card,.brochure-page,.permeable-brochure-pages figure,.resin-swatch{
  -webkit-mask-image:-webkit-radial-gradient(white,black);
}
@media(max-width:640px){
  .hero-copy{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right));}
  .hero h1{font-size:clamp(38px,12vw,46px);letter-spacing:-1.4px;overflow-wrap:anywhere;}
  .hero-media{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));}
  .hero-media img{width:100%;height:auto;min-height:0;aspect-ratio:885/348;object-fit:cover;}
  .section{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));}
  .gallery-item{aspect-ratio:4/3;}
  .gallery-item img{width:100.5%;height:100.5%;margin:-.25%;}
  .transformation-card.gallery-item{aspect-ratio:auto;}
  .transformation-card.gallery-item img{width:100%;height:auto;margin:0;}
  .mobile-cta{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));padding-bottom:max(8px,env(safe-area-inset-bottom));}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom));}
}

/* 2026-08-25: resin swatch clarity + mobile transformation caption fix */
.resin-swatch{
  aspect-ratio:1.87/1;
  height:auto !important;
  overflow:hidden;
  -webkit-mask-image:none !important;
  isolation:auto !important;
}
.resin-swatch img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  backface-visibility:visible !important;
  -webkit-backface-visibility:visible !important;
}
@media(max-width:640px){
  .swatches{gap:14px 12px;align-items:start;}
  .swatches .resin-swatch{aspect-ratio:1.87/1;height:auto !important;}
  .swatches .resin-swatch img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;margin:0 !important;}
  .swatches span{bottom:9px;left:9px;padding:7px 10px;font-size:13px;}

  /* Keep BEFORE / AFTER text fully visible: caption sits below the photo instead of over it. */
  .transformation-card.gallery-item{overflow:hidden;}
  .transformation-card.gallery-item img{display:block;width:100%;height:auto;object-fit:contain;margin:0;}
  .transformation-card span{
    position:static !important;
    display:block;
    width:100%;
    max-width:none;
    margin:0;
    border-left:4px solid var(--lime);
    border-top:1px solid #222;
    padding:12px 14px;
    background:#080808;
    color:var(--lime);
    font-size:12px;
    line-height:1.25;
  }
}

/* 2026-08-25 final iPhone resin-colour seam fix */
.resin-swatch{
  border:1px solid #555;
  border-radius:12px;
  overflow:hidden;
  background:transparent;
  line-height:0;
}
.resin-swatch img{
  display:block !important;
  position:absolute;
  inset:-1px;
  width:calc(100% + 2px) !important;
  height:calc(100% + 2px) !important;
  max-width:none;
  object-fit:cover !important;
  object-position:center !important;
  margin:0 !important;
  border:0 !important;
  border-radius:12px;
}
.resin-swatch span{line-height:normal;z-index:2;}
@media(max-width:640px){
  .swatches .resin-swatch{position:relative;aspect-ratio:1.87/1;height:auto !important;}
  .swatches .resin-swatch img{position:absolute;inset:-1px;width:calc(100% + 2px) !important;height:calc(100% + 2px) !important;}
}

/* 2026-08-25 exact resin colour card repair: source black bands removed from assets. */
.resin-swatch{
  position:relative !important;
  aspect-ratio:1.87/1 !important;
  height:auto !important;
  overflow:hidden !important;
  border:1px solid #555 !important;
  border-radius:12px !important;
  background:#080808 !important;
  line-height:normal !important;
  isolation:auto !important;
  -webkit-mask-image:none !important;
}
.resin-swatch img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:11px !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  backface-visibility:visible !important;
  -webkit-backface-visibility:visible !important;
}
.resin-swatch span{
  position:absolute !important;
  left:12px !important;
  bottom:12px !important;
  z-index:3 !important;
  line-height:normal !important;
}
@media(max-width:640px){
  .swatches{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px 12px !important;}
  .swatches .resin-swatch{aspect-ratio:1.87/1 !important;height:auto !important;}
  .swatches .resin-swatch img{inset:0 !important;width:100% !important;height:100% !important;}
  .swatches .resin-swatch span{left:9px !important;bottom:9px !important;padding:7px 10px !important;font-size:13px !important;}
}

/* Premium interactive flipbook */
.brochure-toolbar{max-width:900px;margin:0 auto 10px;display:flex;gap:8px;justify-content:flex-end;align-items:center;color:#bbb;font-size:11px}.brochure-toolbar button{border:1px solid #444;background:#111;color:#eee;border-radius:7px;padding:9px 11px;font-weight:800;cursor:pointer}.brochure-toolbar #brochureCount{margin-right:auto;color:var(--lime);font-weight:900}.brochure-book{width:min(100%,640px);aspect-ratio:210/297;perspective:1800px;transform-style:preserve-3d}.brochure-page{width:100%;height:100%;aspect-ratio:auto;transform-origin:left center;backface-visibility:hidden;box-shadow:0 18px 60px #000}.brochure-page img{width:100%;height:100%;object-fit:contain;background:#050505;user-select:none;-webkit-user-drag:none}.brochure-book.flip-next{animation:jdFlipNext .52s cubic-bezier(.3,.05,.2,1)}.brochure-book.flip-prev{animation:jdFlipPrev .52s cubic-bezier(.3,.05,.2,1)}
@keyframes jdFlipNext{0%{transform:rotateY(0) skewY(0);filter:brightness(1)}42%{transform:rotateY(-62deg) skewY(-1deg);filter:brightness(.55);box-shadow:30px 10px 45px #000}55%{transform:rotateY(-78deg) skewY(-2deg);filter:brightness(.4)}100%{transform:rotateY(0);filter:brightness(1)}}
@keyframes jdFlipPrev{0%{transform:rotateY(0);filter:brightness(1)}42%{transform:rotateY(62deg) skewY(1deg);filter:brightness(.55);box-shadow:-30px 10px 45px #000}55%{transform:rotateY(78deg) skewY(2deg);filter:brightness(.4)}100%{transform:rotateY(0);filter:brightness(1)}}
.brochure-shell:fullscreen{background:#050505;padding:3vh;max-width:none}.brochure-shell:fullscreen .brochure-book{height:92vh;width:auto}.brochure-dots{flex-wrap:wrap;max-width:720px;margin-left:auto;margin-right:auto}
@media(max-width:640px){.brochure-toolbar{flex-wrap:wrap}.brochure-toolbar button{font-size:9px;padding:8px}.brochure-shell{min-height:0;padding:8px}.brochure-book{width:calc(100% - 52px)}.brochure-page{width:100%}.brochure-arrow{width:38px;height:64px}.brochure-arrow.prev{left:3px}.brochure-arrow.next{right:3px}.brochure-dots button{width:8px;height:8px}}
@media(prefers-reduced-motion:reduce){.brochure-book.flip-next,.brochure-book.flip-prev{animation:none}}


/* Full-screen brochure: native browsers + iPhone/iPad Safari viewport fallback */
.brochure-shell:-webkit-full-screen{background:#050505;padding:3vh;max-width:none}
.brochure-shell:-webkit-full-screen .brochure-book{height:92vh;width:auto;max-width:92vw}
html.brochure-pseudo-fullscreen-root,html.brochure-pseudo-fullscreen-root body{overflow:hidden!important;height:100%!important}
body.brochure-pseudo-fullscreen .brochure-section{
  position:fixed!important;inset:0!important;z-index:999999!important;background:#050505!important;
  padding:calc(env(safe-area-inset-top,0px) + 8px) 8px calc(env(safe-area-inset-bottom,0px) + 8px)!important;
  margin:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;
}
body.brochure-pseudo-fullscreen .brochure-section>.section-head,
body.brochure-pseudo-fullscreen .brochure-section>.brochure-dots,
body.brochure-pseudo-fullscreen .brochure-section>.brochure-actions,
body.brochure-pseudo-fullscreen .brochure-section>.permeable-guide{display:none!important}
body.brochure-pseudo-fullscreen .brochure-toolbar{
  width:100%!important;max-width:none!important;margin:0 0 8px!important;flex:0 0 auto!important;
  padding:0 4px!important;display:flex!important;position:relative!important;z-index:1000001!important;
}
body.brochure-pseudo-fullscreen .brochure-toolbar #soundToggle{display:none!important}
body.brochure-pseudo-fullscreen .brochure-toolbar #brochureFullscreen{margin-left:auto!important}
body.brochure-pseudo-fullscreen .brochure-shell{
  flex:1 1 auto!important;min-height:0!important;width:100%!important;max-width:none!important;height:auto!important;
  padding:0!important;border:0!important;border-radius:0!important;background:#050505!important;
  display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;
}
body.brochure-pseudo-fullscreen .brochure-book{
  width:auto!important;height:calc(100dvh - 76px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  max-height:100%!important;max-width:calc(100vw - 70px)!important;aspect-ratio:210/297!important;
}
body.brochure-pseudo-fullscreen .brochure-page,
body.brochure-pseudo-fullscreen .brochure-page img{width:100%!important;height:100%!important;object-fit:contain!important}
body.brochure-pseudo-fullscreen .brochure-arrow{z-index:1000002!important}
@media(max-width:640px){
 body.brochure-pseudo-fullscreen .brochure-toolbar{flex-wrap:nowrap!important}
 body.brochure-pseudo-fullscreen .brochure-toolbar button{font-size:10px!important;padding:9px 10px!important}
 body.brochure-pseudo-fullscreen .brochure-book{max-width:calc(100vw - 58px)!important}
}


/* Floating WhatsApp quick-contact button */
.whatsapp-float{position:fixed;right:20px;bottom:22px;z-index:9998;display:flex;align-items:center;gap:10px;min-height:56px;padding:9px 15px 9px 10px;border-radius:999px;background:#25D366;color:#07160c;text-decoration:none;font-family:inherit;box-shadow:0 10px 28px rgba(0,0,0,.28);border:2px solid rgba(255,255,255,.92);transition:transform .18s ease,box-shadow .18s ease}
.whatsapp-float:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.34)}
.whatsapp-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0b0b0b;overflow:hidden;border:2px solid #fff;line-height:1}.whatsapp-icon img{width:100%;height:100%;object-fit:cover;display:block}
.whatsapp-text{display:flex;flex-direction:column;line-height:1.05}
.whatsapp-text b{font-size:12px;letter-spacing:.08em}
.whatsapp-text small{font-size:11px;margin-top:4px;font-weight:700}
@media(max-width:760px){.whatsapp-float{right:12px;bottom:76px;min-height:54px;padding:6px 12px 6px 7px}.whatsapp-icon{width:42px;height:42px}.whatsapp-text b{font-size:11px}.whatsapp-text small{font-size:10px}}
/* 2026-08-26: homepage video + five interactive before/after sliders */
.hero-video{position:relative;overflow:hidden}.hero-video video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid #333;box-shadow:0 24px 65px #000;background:#000}.video-badge{position:absolute;left:18px;bottom:72px;background:#050505dd;border-left:4px solid var(--lime);padding:10px 14px;font-size:11px;font-weight:900;color:#fff;letter-spacing:.6px}
.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1200px;margin:auto}.compare-card{background:#0a0a0a;border:1px solid #2d2d2d;border-radius:14px;overflow:hidden}.compare-card h3{margin:0;padding:16px 18px;color:var(--lime);font-size:13px;letter-spacing:.5px}.compare{--pos:50%;position:relative;overflow:hidden;aspect-ratio:16/10;background:#111;touch-action:pan-y}.compare-before,.compare-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--pos));overflow:hidden}.compare-line{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;background:white;transform:translateX(-50%);pointer-events:none}.compare-handle{position:absolute;left:var(--pos);top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#070707;border:4px solid white;color:white;font-size:22px;font-weight:900;pointer-events:none}.compare-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.compare-label{position:absolute;bottom:14px;padding:9px 13px;border-radius:7px;font-size:11px;font-weight:900;pointer-events:none}.compare-label.before{left:14px;background:#050505;color:#fff}.compare-label.after{right:14px;background:var(--lime);color:#050505}.machinery-showcase{background:#0b0b0b}.machinery-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;max-width:1200px;margin:auto}.machinery-grid img,.machinery-grid video{width:100%;height:100%;min-height:300px;object-fit:cover;border-radius:14px;border:1px solid #333;background:#000}
@media(max-width:800px){.compare-grid,.machinery-grid{grid-template-columns:1fr}.compare{aspect-ratio:4/3}.hero-video{padding-right:18px}.hero-video video{aspect-ratio:16/10}.video-badge{bottom:45px;left:32px}.machinery-grid img,.machinery-grid video{min-height:0;height:auto}}

.fleet-showcase{padding-top:20px;padding-bottom:70px;background:#0b0b0b}.fleet-showcase-image{max-width:1200px;margin:auto;overflow:hidden;border-radius:14px;border:1px solid #333;background:#000}.fleet-showcase-image img{display:block;width:100%;height:auto;object-fit:cover}
@media(max-width:640px){.fleet-showcase{padding:10px 18px 50px}.fleet-showcase-image{border-radius:12px}}
/* Added 2026-08-26: two supplied employee/project videos */
.team-videos{background:#050505}.team-video-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.team-video-card{position:relative;overflow:hidden;border:1px solid #333;border-radius:14px;background:#000}.team-video-card video{display:block;width:100%;aspect-ratio:9/16;max-height:660px;object-fit:contain;background:#000}.team-video-brand{position:absolute;left:10px;top:10px;right:10px;display:flex;align-items:center;gap:9px;padding:7px 9px;background:#050505d9;border:1px solid #353535;border-left:4px solid var(--lime);border-radius:8px;pointer-events:none;backdrop-filter:blur(4px)}.team-video-brand img{width:38px;height:38px;object-fit:cover;border-radius:50%;border:2px solid #fff}.team-video-brand div{min-width:0;display:flex;flex-direction:column}.team-video-brand strong{color:var(--lime);font-size:11px;line-height:1.15;letter-spacing:.35px}.team-video-brand span{color:#fff;font-size:8px;line-height:1.25;letter-spacing:.2px;white-space:nowrap}@media(max-width:1000px){.team-video-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.team-video-grid{grid-template-columns:1fr}.team-video-card video{max-height:620px}.team-video-brand{left:8px;top:8px;right:8px}}


/* 2026-08-26 premium brochure flipbook upgrade */
.brochure-toolbar{max-width:1040px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.brochure-toolbar>span{font-weight:900;color:var(--lime);min-width:82px;text-align:center}.brochure-toolbar button{border:1px solid #444;background:#0b0b0b;color:#fff;border-radius:8px;padding:10px 13px;font-weight:800;cursor:pointer}
.brochure-shell{max-width:1120px;min-height:650px;padding:38px 76px;background:radial-gradient(circle at 50% 36%,#292929 0,#111 44%,#080808 100%);perspective:1800px;overflow:hidden}
.brochure-book{position:relative;width:min(100%,900px);transition:transform .45s cubic-bezier(.2,.75,.2,1);transform-style:preserve-3d;filter:drop-shadow(0 24px 35px #000c)}
.brochure-book:before{content:"";position:absolute;left:50%;top:1%;bottom:1%;width:10px;transform:translateX(-50%);background:linear-gradient(90deg,#000b,#7772,#000b);z-index:5;box-shadow:0 0 16px #000b;pointer-events:none}
.brochure-book.single-sheet{width:min(100%,450px)}.brochure-book.single-sheet:before{display:none}
.brochure-page{width:100%;aspect-ratio:1.6/1;background:#090909;border:0;border-radius:5px;overflow:visible;box-shadow:none;display:grid;grid-template-columns:1fr 1fr;position:relative}
.brochure-book.single-sheet .brochure-page{aspect-ratio:4/5;grid-template-columns:1fr}
.book-sheet{position:relative;overflow:hidden;background:white;box-shadow:0 2px 12px #0009}.book-sheet img{display:block;width:100%;height:100%;object-fit:contain;background:white;user-select:none}.left-sheet{border-radius:6px 0 0 6px;transform-origin:right center}.right-sheet{border-radius:0 6px 6px 0;transform-origin:left center}
.left-sheet:after,.right-sheet:after{content:"";position:absolute;inset:0;pointer-events:none}.left-sheet:after{background:linear-gradient(90deg,transparent 72%,#0001 90%,#0004 100%)}.right-sheet:after{background:linear-gradient(90deg,#0004 0,#0001 10%,transparent 28%)}
.brochure-book.single-sheet .book-sheet{border-radius:6px}.brochure-book.single-sheet .book-sheet:after{background:linear-gradient(90deg,transparent 80%,#0002)}
.brochure-book.flip-next{animation:bookTurnNext .46s ease}.brochure-book.flip-prev{animation:bookTurnPrev .46s ease}@keyframes bookTurnNext{0%{transform:rotateY(0) scale(1)}45%{transform:rotateY(-7deg) scale(.985)}100%{transform:rotateY(0) scale(1)}}@keyframes bookTurnPrev{0%{transform:rotateY(0) scale(1)}45%{transform:rotateY(7deg) scale(.985)}100%{transform:rotateY(0) scale(1)}}
.brochure-arrow{background:#050505e8;border:1px solid #555;box-shadow:0 8px 25px #000a}.brochure-arrow:hover{border-color:var(--lime);color:var(--lime)}
.brochure-dots{max-width:900px;margin:18px auto;flex-wrap:wrap}.brochure-actions{margin-top:8px}
@media(max-width:760px){.brochure-shell{min-height:520px;padding:18px 52px}.brochure-book,.brochure-book.single-sheet{width:100%}.brochure-book:before{display:none}.brochure-page,.brochure-book.single-sheet .brochure-page{aspect-ratio:4/5;grid-template-columns:1fr}.book-sheet{border-radius:6px!important}.book-sheet:after{background:linear-gradient(90deg,transparent 78%,#0002)!important}.brochure-arrow{width:38px;height:68px;font-size:38px}.brochure-arrow.prev{left:7px}.brochure-arrow.next{right:7px}.brochure-toolbar{gap:7px}.brochure-toolbar button{padding:9px 10px;font-size:11px}.brochure-toolbar>span{font-size:12px;min-width:70px}}

/* Local SEO pages and crawlable internal navigation */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.split-cta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.coverage-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:18px}.coverage-links a{color:var(--lime);font-size:12px;font-weight:900}.coverage-links a:hover{text-decoration:underline}
footer .footer-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 22px;border-top:1px solid #222;padding-top:20px}footer .footer-links a{font-size:12px;color:#bbb;font-weight:800}footer .footer-links a:hover{color:var(--lime)}

.page-main{background:#050505}.page-hero{min-height:520px;padding:72px 4vw;display:flex;align-items:center;background:radial-gradient(circle at 78% 20%,#202020 0,#0b0b0b 44%,#040404 76%);border-bottom:2px solid var(--lime)}
.page-hero-grid{width:100%;max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;color:#aaa;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.breadcrumbs a{color:var(--lime)}
.page-hero h1{font-size:clamp(42px,5.5vw,76px);line-height:.94;letter-spacing:-2px;margin:18px 0}.page-hero h1 em{display:block;color:var(--lime);font-style:normal}.page-hero p{max-width:650px;color:#d0d0d0;font-size:18px;line-height:1.6}.page-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.page-hero-media{position:relative}.page-hero-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;border:1px solid #383838;box-shadow:0 24px 60px #000}.page-hero-media:after{content:"JD RESIN SOLUTIONS LTD";position:absolute;left:16px;bottom:16px;background:#050505e8;color:var(--lime);border-left:4px solid var(--lime);padding:10px 13px;font-size:10px;font-weight:900;letter-spacing:.5px}
.page-section{padding:72px 4vw}.page-section.alt{background:#0a0a0a}.page-container{width:100%;max-width:1160px;margin:auto}.page-intro{display:grid;grid-template-columns:.75fr 1.25fr;gap:54px;align-items:start}.page-intro h2,.page-section h2{font-size:clamp(32px,4vw,54px);line-height:1;margin:7px 0 20px}.page-intro h2 em,.page-section h2 em{display:block;color:var(--lime);font-style:normal}.page-prose{color:#bbb;font-size:16px;line-height:1.72}.page-prose p:first-child{margin-top:0}.page-prose strong{color:#fff}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.info-card{background:#101010;border:1px solid #303030;border-top:3px solid var(--lime);border-radius:12px;padding:25px}.info-card h3{font-size:17px;margin:0 0 10px}.info-card p{color:#aaa;line-height:1.58;margin:0}.info-card a{display:inline-block;color:var(--lime);font-size:12px;font-weight:900;margin-top:15px}
.check-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}.check-list li{position:relative;padding:14px 16px 14px 44px;background:#0d0d0d;border:1px solid #2c2c2c;border-radius:9px;color:#ddd;line-height:1.5}.check-list li:before{content:"✓";position:absolute;left:16px;color:var(--lime);font-weight:900}
.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.feature-split img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:13px;border:1px solid #333}.feature-copy p{color:#bbb;line-height:1.68}.feature-copy .btn{margin-top:14px}
.page-hero-grid--text-only,.feature-split--text-only{grid-template-columns:minmax(0,1fr)}
.page-hero-grid--text-only>div{max-width:960px}
.feature-split--text-only .feature-copy{max-width:780px}
.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:28px}.area-grid span,.area-grid a{display:block;background:#0e0e0e;border:1px solid #303030;border-left:4px solid var(--lime);border-radius:8px;padding:16px;font-weight:900}.area-grid a:hover{border-color:var(--lime)}
.project-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project-page-grid figure{margin:0;background:#0d0d0d;border:1px solid #303030;border-radius:11px;overflow:hidden}.project-page-grid button{width:100%;padding:0;border:0;background:#000;cursor:pointer;aspect-ratio:4/3;overflow:hidden}.project-page-grid img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.project-page-grid button:hover img{transform:scale(1.025)}.project-page-grid figcaption{padding:14px;color:#ccc;font-size:13px;line-height:1.45;border-top:1px solid #252525}
.page-cta{padding:52px 4vw;background:linear-gradient(135deg,#141414,#070707);border-top:1px solid #2d2d2d;border-bottom:1px solid #2d2d2d}.page-cta-inner{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.page-cta h2{margin:8px 0;font-size:clamp(32px,4vw,54px)}.page-cta h2 em{color:var(--lime);font-style:normal}.page-cta p{color:#aaa;max-width:700px;line-height:1.55}.page-cta-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;flex:0 0 auto}
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.contact-card-small{padding:28px;background:#101010;border:1px solid #303030;border-left:4px solid var(--lime);border-radius:11px}.contact-card-small b{display:block;color:#aaa;font-size:11px;margin-bottom:10px}.contact-card-small a,.contact-card-small span{font-size:18px;font-weight:900;overflow-wrap:anywhere}.contact-card-small p{color:#aaa;line-height:1.55;margin:10px 0 0;font-size:14px}
.legal-note{margin-top:28px;padding:20px;border:1px solid #303030;border-radius:10px;background:#0c0c0c;color:#aaa;line-height:1.6}.legal-note strong{color:#fff}

@media(max-width:1000px){.page-hero-grid,.page-intro,.feature-split{grid-template-columns:1fr}.page-hero{padding-top:54px}.page-hero-media{max-width:760px}.info-grid,.project-page-grid{grid-template-columns:repeat(2,1fr)}.page-cta-inner{display:block}.page-cta-actions{justify-content:flex-start;margin-top:22px}.contact-cards{grid-template-columns:1fr 1fr}.area-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.page-hero{min-height:0;padding:44px 18px 38px}.page-hero-grid{gap:28px}.page-hero h1{font-size:clamp(38px,12vw,50px);letter-spacing:-1.2px}.page-hero p{font-size:16px}.page-hero-actions .btn{width:100%}.page-section{padding:54px 18px}.info-grid,.project-page-grid,.contact-cards,.area-grid{grid-template-columns:1fr}.feature-split{gap:24px}.page-cta{padding:42px 18px}.page-cta-actions .btn{width:100%}.page-hero-media:after{left:10px;bottom:10px}.coverage-links{display:grid;gap:12px}footer .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px}}

.jd-whatsapp-float{position:fixed;right:18px;bottom:24px;z-index:99999;display:grid;place-items:center;width:64px;max-width:64px;height:64px;overflow:hidden;border:3px solid #fff;border-radius:50%;background:#18bd50;color:#fff;text-decoration:none;box-shadow:0 0 0 4px rgba(183,255,0,.28),0 10px 24px rgba(0,0,0,.35)}.jd-whatsapp-float img{display:none}.jd-whatsapp-compact-icon{display:grid;place-items:center;width:100%;height:100%;color:#fff}.jd-whatsapp-compact-icon svg{width:37px;height:37px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}@media(max-width:640px){.jd-whatsapp-float{right:12px;bottom:calc(76px + env(safe-area-inset-bottom));width:56px;max-width:56px;height:56px}.jd-whatsapp-compact-icon svg{width:32px;height:32px}}

/* Optional advertising-measurement consent */
.jd-cookie-notice{position:fixed;left:18px;right:18px;bottom:18px;z-index:100001;max-width:760px;margin:auto;display:flex;align-items:center;gap:24px;padding:18px 20px;background:#111;border:1px solid #505050;border-left:5px solid var(--lime);border-radius:12px;box-shadow:0 18px 50px #000c;color:#eee}.jd-cookie-notice[hidden]{display:none}.jd-cookie-notice strong{display:block;color:#fff;font-size:15px;letter-spacing:.2px}.jd-cookie-notice p{margin:6px 0 5px;color:#c8c8c8;font-size:13px;line-height:1.45}.jd-cookie-notice a{color:var(--lime);font-size:12px;font-weight:900}.jd-cookie-actions{display:flex;gap:9px;flex:0 0 auto}.jd-cookie-actions button{font:inherit;font-size:11px;font-weight:900;letter-spacing:.35px;cursor:pointer;padding:11px 13px;border-radius:7px}.jd-cookie-reject{background:#1a1a1a;color:#fff;border:1px solid #686868}.jd-cookie-accept{background:var(--lime);color:#050505;border:1px solid var(--lime)}
@media(max-width:640px){.jd-cookie-notice{left:10px;right:10px;bottom:10px;display:block;padding:16px}.jd-cookie-actions{margin-top:14px}.jd-cookie-actions button{flex:1}}

/* Original quote-route improvements for location-page visitors */
.quote-planning{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:34px;align-items:center;background:linear-gradient(135deg,#101010,#050505 62%);border-top:1px solid #2d2d2d;border-bottom:1px solid #2d2d2d}.quote-planning-copy{max-width:660px}.quote-planning h2{margin:9px 0 18px;font-size:clamp(34px,4.4vw,58px);line-height:1}.quote-planning h2 em{display:block;color:var(--lime);font-style:normal}.quote-planning p{color:#c3c3c3;font-size:16px;line-height:1.68}.quote-planning .btn{margin-top:10px}.quote-plan-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}.quote-plan-steps li{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start;padding:18px;background:#0b0b0b;border:1px solid #313131;border-left:4px solid var(--lime);border-radius:10px}.quote-plan-steps b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--lime);color:#050505;font-size:13px}.quote-plan-steps h3{margin:2px 0 5px;color:#fff;font-size:15px}.quote-plan-steps p{margin:0;color:#aaa;font-size:14px;line-height:1.5}.quote-contact-note{margin-top:22px;padding:18px 20px;border-radius:10px;border:1px solid #353535;border-left:4px solid var(--lime);background:#0d0d0d;color:#bbb;line-height:1.55}.quote-contact-note strong{color:#fff}
@media(max-width:850px){.quote-planning{grid-template-columns:1fr}}@media(max-width:640px){.quote-planning{padding:52px 18px}.quote-plan-steps li{grid-template-columns:45px 1fr;padding:15px}.quote-plan-steps b{width:42px;height:42px;font-size:12px}}

/* Expanded resin colour guide: authentic resin aggregate photographs. */
.colour-explorer{background:radial-gradient(circle at 82% 8%,#202020 0,#0d0d0d 33%,#060606 76%);border-top:1px solid #262626;border-bottom:1px solid #262626}
.colour-guide-note{display:flex;align-items:center;gap:20px;justify-content:space-between;max-width:1160px;margin:0 auto 20px;padding:15px 18px;background:#0d0d0d;border:1px solid #343434;border-left:4px solid var(--lime);border-radius:10px}.colour-guide-note strong{color:var(--lime);font-size:12px;letter-spacing:.65px;white-space:nowrap}.colour-guide-note p{margin:0;color:#bbb;font-size:13px;line-height:1.5;max-width:680px}
.colour-feature{display:grid;grid-template-columns:66px minmax(0,1fr) 66px;align-items:stretch;max-width:1160px;margin:auto;background:#0b0b0b;border:1px solid #3a3a3a;border-radius:14px;overflow:hidden;box-shadow:0 18px 44px #0008}.colour-feature-main{display:grid;grid-template-columns:minmax(260px,.88fr) minmax(0,1.12fr);min-width:0}.colour-feature-visual{position:relative;margin:0;min-height:330px;background:#141414;overflow:hidden;border-right:1px solid #343434}.colour-feature-visual img{display:block;width:100%;height:100%;object-fit:cover}.colour-feature-visual img[hidden]{display:none!important}.colour-digital-chip{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;background:#1d1d1d}.colour-digital-chip[hidden]{display:none}.colour-digital-chip span{border:1px solid rgba(255,255,255,.19);background:var(--colour-chip, #777)}.colour-digital-chip span:nth-child(1){background:var(--chip-1,#777)}.colour-digital-chip span:nth-child(2){background:var(--chip-2,#999)}.colour-digital-chip span:nth-child(3){background:var(--chip-3,#555)}.colour-digital-chip span:nth-child(4){background:var(--chip-4,#b5b5b5)}.colour-feature-copy{padding:38px 40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.colour-category{display:inline-block;padding:7px 9px;color:#101010;background:var(--lime);font-size:10px;font-weight:900;letter-spacing:.7px;border-radius:4px}.colour-feature-copy h3{margin:15px 0 10px;font-size:clamp(34px,4vw,60px);line-height:.98;letter-spacing:-1.5px}.colour-feature-copy p{max-width:490px;margin:0;color:#c5c5c5;font-size:16px;line-height:1.58}.colour-arrow{border:0;background:#151515;color:#fff;font:inherit;font-size:58px;line-height:1;cursor:pointer;transition:background .18s ease,color .18s ease}.colour-arrow:hover{background:var(--lime);color:#050505}.colour-arrow:disabled{cursor:not-allowed;opacity:.4}.colour-dots{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.colour-dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#646464;cursor:pointer}.colour-dots button.active{background:var(--lime);box-shadow:0 0 0 4px rgba(200,255,0,.16)}.colour-explorer-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px auto 0}.colour-explorer-actions .btn{min-width:214px;text-align:center}.colour-explorer-all{max-width:1160px;margin:28px auto 0;padding:23px;background:#0a0a0a;border:1px solid #353535;border-radius:13px}.colour-explorer-all[hidden]{display:none}.colour-filter-list{display:flex;flex-wrap:wrap;gap:8px}.colour-filter-list button{border:1px solid #515151;border-radius:999px;background:#151515;color:#e8e8e8;font:inherit;font-size:11px;font-weight:900;letter-spacing:.25px;padding:10px 12px;cursor:pointer}.colour-filter-list button:hover,.colour-filter-list button.active{border-color:var(--lime);background:var(--lime);color:#080808}.colour-filter-status{margin:18px 0 13px;color:#b8b8b8;font-size:13px}.colour-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.colour-card{padding:0;border:1px solid #383838;border-radius:10px;overflow:hidden;background:#131313;color:#fff;text-align:left;font:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.colour-card:hover{transform:translateY(-2px);border-color:var(--lime);box-shadow:0 12px 22px #0008}.colour-card-media{position:relative;display:grid;grid-template-columns:1fr 1fr;aspect-ratio:16/9;background:#202020}.colour-card-media[data-photo="true"]{display:block}.colour-card-media img{display:block;width:100%;height:100%;object-fit:cover}.colour-card-media span{background:var(--colour-chip,#777);border:1px solid rgba(255,255,255,.16)}.colour-card-media span:nth-child(1){background:var(--chip-1,#777)}.colour-card-media span:nth-child(2){background:var(--chip-2,#999)}.colour-card-media span:nth-child(3){background:var(--chip-3,#555)}.colour-card-media span:nth-child(4){background:var(--chip-4,#b5b5b5)}.colour-card-copy{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:12px 12px 13px}.colour-card-copy b{font-size:13px;line-height:1.2}.colour-card-copy span{flex:0 0 auto;color:var(--lime);font-size:14px;font-weight:900}.colour-noscript{max-width:1160px;margin:22px auto 0;padding:16px 18px;border:1px solid #4b4b4b;border-left:4px solid var(--lime);border-radius:10px;color:#ccc;line-height:1.5}
@media(max-width:860px){.colour-feature-main{grid-template-columns:minmax(230px,.84fr) minmax(0,1.16fr)}.colour-feature-visual{min-height:300px}.colour-feature-copy{padding:30px}.colour-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.colour-guide-note{display:block;padding:15px}.colour-guide-note p{margin-top:8px}.colour-feature{grid-template-columns:46px minmax(0,1fr) 46px;border-radius:11px}.colour-feature-main{grid-template-columns:1fr}.colour-feature-visual{min-height:0;aspect-ratio:1/1;border-right:0;border-bottom:1px solid #343434}.colour-feature-copy{padding:24px 20px 22px}.colour-feature-copy h3{font-size:40px;letter-spacing:-1px}.colour-feature-copy p{font-size:15px}.colour-arrow{font-size:42px}.colour-dots{gap:7px;margin-top:20px}.colour-explorer-actions{display:grid;grid-template-columns:1fr;margin-top:16px}.colour-explorer-actions .btn{width:100%;min-width:0}.colour-explorer-all{margin-top:18px;padding:16px 12px;border-radius:11px}.colour-filter-list{display:grid;grid-template-columns:1fr 1fr}.colour-filter-list button{padding:10px 7px;font-size:9px}.colour-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.colour-card-copy{padding:10px}.colour-card-copy b{font-size:12px}.colour-filter-status{font-size:12px;margin:15px 2px 12px}}

.colour-counter{color:var(--lime);font-size:10px;font-weight:900;letter-spacing:.5px;line-height:1.45}

/* Real-photo treatment for the complete colour guide. */
.colour-card-media{display:block;aspect-ratio:1/1}.colour-card-media[data-photo="true"]{display:block}.colour-card-media img{width:100%;height:100%;object-fit:cover}.colour-source-note{margin:13px 0 0;padding:12px 14px;border:1px solid #353535;border-left:3px solid var(--lime);border-radius:8px;background:#101010;color:#b8b8b8;font-size:12px;line-height:1.5}
@media(max-width:640px){.colour-filter-list button:last-child{grid-column:1/-1}.colour-source-note{font-size:11px;margin-top:11px}}

/* Compact JD quality panel: all proof points stay together, with a bright professional finish. */
.jd-quality-section{padding:42px 4vw;background:linear-gradient(135deg,#f7f8f3,#e8ece0);border-top:1px solid #dce1d1;border-bottom:1px solid #dce1d1;color:#090909}.jd-quality-panel{display:grid;grid-template-columns:minmax(228px,.7fr) minmax(0,1.3fr);max-width:1190px;margin:auto;overflow:hidden;border:1px solid #d2d7c8;border-radius:18px;background:#fff;box-shadow:0 18px 44px rgba(0,0,0,.12)}.jd-quality-brand{grid-row:span 2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:34px 28px;background:linear-gradient(145deg,#c5ff00,#a7dc00);color:#090909}.jd-quality-logo{font-size:clamp(62px,7vw,94px);font-weight:950;letter-spacing:-7px;line-height:.76}.jd-quality-brand-copy{display:grid;gap:4px}.jd-quality-brand-copy b{font-size:17px;letter-spacing:-.35px}.jd-quality-brand-copy small{font-size:9px;font-weight:900;letter-spacing:.7px}.jd-quality-stamp{margin-top:15px;padding:8px 10px;border:2px solid #101010;border-radius:7px;font-size:9px;font-weight:950;letter-spacing:.85px;line-height:1.25}.jd-quality-copy{padding:31px 35px 14px}.jd-quality-copy .eyebrow{color:#5c7900}.jd-quality-copy h2{margin:8px 0 12px;font-size:clamp(30px,3.5vw,51px);line-height:.94;letter-spacing:-1.4px}.jd-quality-copy h2 em{display:block;color:#688800;font-style:normal}.jd-quality-copy p{max-width:680px;margin:0;color:#424740;font-size:16px;line-height:1.55}.jd-quality-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;align-items:stretch;margin:0;padding:16px 35px 30px;list-style:none}.jd-quality-points li{display:flex;align-items:center;gap:10px;min-height:82px;padding:11px 10px;border:1px solid #daddd4;border-radius:10px;background:#f8f9f5}.jd-quality-points li>b{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#111;color:var(--lime);font-size:13px;letter-spacing:-.5px}.jd-quality-points li>span{display:grid;gap:3px;min-width:0}.jd-quality-points strong{font-size:12px;line-height:1.15}.jd-quality-points small{color:#626861;font-size:10px;line-height:1.25}.jd-quality-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px;background:#f1f3ec;border-top:1px solid #d9ddd1;color:#353a34;font-size:12px;font-weight:900;letter-spacing:.15px}.jd-quality-bottom i{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:6px;border-radius:50%;background:#101010;color:var(--lime);font-style:normal;font-size:11px}.jd-quality-bottom a{padding:10px 13px;border-radius:6px;background:#111;color:var(--lime);font-size:11px;font-weight:950;letter-spacing:.4px;white-space:nowrap}.jd-quality-bottom a:hover{background:#080808;color:#fff}
@media(max-width:1000px){.jd-quality-panel{grid-template-columns:1fr}.jd-quality-brand{grid-row:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:22px 25px}.jd-quality-logo{font-size:63px}.jd-quality-stamp{margin:0}.jd-quality-points{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.jd-quality-section{padding:28px 18px}.jd-quality-panel{border-radius:14px}.jd-quality-brand{grid-template-columns:auto 1fr;gap:12px;padding:18px}.jd-quality-logo{font-size:56px}.jd-quality-brand-copy b{font-size:15px}.jd-quality-brand-copy small{font-size:8px;letter-spacing:.45px}.jd-quality-stamp{display:none}.jd-quality-copy{padding:24px 20px 8px}.jd-quality-copy h2{font-size:34px;letter-spacing:-1px}.jd-quality-copy p{font-size:15px}.jd-quality-points{grid-template-columns:1fr 1fr;gap:8px;padding:14px 20px 22px}.jd-quality-points li{align-items:flex-start;min-height:87px;padding:10px 8px;gap:8px}.jd-quality-points li>b{flex-basis:34px;width:34px;height:34px;font-size:10px}.jd-quality-points strong{font-size:11px}.jd-quality-points small{font-size:9px}.jd-quality-bottom{display:grid;grid-template-columns:1fr;padding:13px 18px;text-align:center}.jd-quality-bottom a{width:100%;text-align:center}}

/* JD colour visualiser hand-off: clear, original interface for the official supplier tool. */
.colour-visualiser-open{border:1px solid var(--lime);background:#f4f7ef;color:#080808;cursor:pointer}.colour-visualiser-open:hover{background:var(--lime);color:#080808}.colour-visualiser-modal{position:fixed;z-index:100010;inset:0;display:grid;place-items:center;padding:24px;overflow-y:auto}.colour-visualiser-modal[hidden]{display:none}.colour-visualiser-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(0,0,0,.79);cursor:default}.colour-visualiser-panel{position:relative;z-index:1;width:min(100%,700px);padding:38px 42px 32px;border:2px solid var(--lime);border-radius:16px;background:linear-gradient(135deg,#171717,#070707);color:#fff;box-shadow:0 28px 90px rgba(0,0,0,.8)}.colour-visualiser-panel:before{content:"";display:block;width:52px;height:5px;margin-bottom:22px;background:var(--lime)}.colour-visualiser-panel .eyebrow{color:var(--lime)}.colour-visualiser-panel h2{margin:9px 0 14px;font-size:clamp(34px,5vw,58px);line-height:.94;letter-spacing:-1.5px}.colour-visualiser-panel h2 em{color:var(--lime);font-style:normal}.colour-visualiser-panel>p:not(.colour-visualiser-provider){max-width:570px;margin:0;color:#d0d0d0;font-size:16px;line-height:1.55}.colour-visualiser-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #5b5b5b;border-radius:50%;background:#111;color:#fff;font:inherit;font-size:30px;line-height:1;cursor:pointer}.colour-visualiser-close:hover{border-color:var(--lime);color:var(--lime)}.colour-visualiser-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;margin:28px 0 22px;list-style:none}.colour-visualiser-steps li{min-height:152px;padding:17px 15px;border:1px solid #454545;border-radius:10px;background:#111}.colour-visualiser-steps span{display:inline-grid;place-items:center;width:33px;height:33px;margin-bottom:18px;border-radius:50%;background:var(--lime);color:#080808;font-size:10px;font-weight:900}.colour-visualiser-steps b{display:block;color:#fff;font-size:16px;line-height:1.12}.colour-visualiser-steps small{display:block;margin-top:8px;color:#aaa;font-size:12px;line-height:1.4}.colour-visualiser-actions{display:flex;flex-wrap:wrap;gap:10px}.colour-visualiser-actions .btn{border:0;cursor:pointer}.colour-visualiser-actions .btn.outline{border:1px solid #6b6b6b}.colour-visualiser-provider{margin:18px 0 0!important;padding-top:16px;border-top:1px solid #383838;color:#aaa!important;font-size:12px!important;line-height:1.52!important}.visualiser-open{overflow:hidden!important}
@media(max-width:640px){.colour-visualiser-modal{align-items:end;padding:10px}.colour-visualiser-panel{width:100%;padding:30px 20px 20px;border-radius:13px}.colour-visualiser-panel:before{width:42px;margin-bottom:17px}.colour-visualiser-panel h2{font-size:39px;letter-spacing:-1px}.colour-visualiser-panel>p:not(.colour-visualiser-provider){font-size:15px}.colour-visualiser-steps{grid-template-columns:1fr;margin:22px 0 16px;gap:8px}.colour-visualiser-steps li{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:start;min-height:0;padding:13px}.colour-visualiser-steps span{width:34px;height:34px;margin:0}.colour-visualiser-steps b{margin-top:1px}.colour-visualiser-steps small{margin-top:5px}.colour-visualiser-actions{display:grid;grid-template-columns:1fr}.colour-visualiser-actions .btn{width:100%}.colour-visualiser-provider{margin-top:14px!important;padding-top:14px}}

/* Instagram link in the shared footer. */
.machinery-grid.single{grid-template-columns:minmax(0,1fr);max-width:980px}.machinery-grid.single img{min-height:0;aspect-ratio:16/9;object-position:center}.footer-brand .instagram-link{display:inline-flex;align-items:center;gap:7px;width:fit-content;margin-top:8px;color:var(--lime);font-size:10px;font-weight:900;letter-spacing:.35px;line-height:1.2;text-transform:uppercase}.footer-brand .instagram-link svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.footer-brand .instagram-link:hover{color:#fff}

/* Clean, swipeable project video row. */
.latest-projects{background:#050505}.project-reel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,250px);gap:14px;max-width:1200px;margin:0 auto;overflow-x:auto;overscroll-behavior-x:contain;padding:3px 2px 14px;scroll-snap-type:x mandatory;scrollbar-color:#5f5f5f #141414;scrollbar-width:thin}.project-reel video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;scroll-snap-align:start;border:1px solid #353535;border-radius:12px;background:#101010;box-shadow:0 12px 26px rgba(0,0,0,.3)}.project-reel video:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.project-reel::-webkit-scrollbar{height:7px}.project-reel::-webkit-scrollbar-track{background:#141414;border-radius:999px}.project-reel::-webkit-scrollbar-thumb{background:#5f5f5f;border-radius:999px}.project-reel::-webkit-scrollbar-thumb:hover{background:var(--lime)}@media(max-width:640px){.project-reel{grid-auto-columns:minmax(252px,78vw);gap:12px;padding-bottom:12px}.project-reel video{border-radius:10px}}

/* Textured aggregate samples replace flat colour quadrants in the guide. */
.colour-aggregate-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:#1d1d1d}.colour-card-media.colour-aggregate-swatch{display:block;overflow:hidden;background:#1d1d1d}.colour-card-media.colour-aggregate-swatch img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.colour-card:hover .colour-aggregate-swatch img{transform:scale(1.045)}
.social-section{padding-top:52px;padding-bottom:52px;background:#0b0b0b;border-top:1px solid #242424;border-bottom:1px solid #242424}.social-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;max-width:1160px;margin:auto;padding:31px 34px;border:1px solid #3a3a3a;border-left:5px solid var(--lime);border-radius:15px;background:linear-gradient(125deg,#151515,#070707);box-shadow:0 18px 40px rgba(0,0,0,.28)}.social-copy h2{margin:7px 0 11px;font-size:clamp(32px,4vw,54px);line-height:.96}.social-copy h2 em{color:var(--lime);font-style:normal}.social-copy p{max-width:600px;margin:0;color:#c6c6c6;line-height:1.55}.social-instagram-link{display:flex;align-items:center;gap:13px;min-width:280px;padding:14px 16px;border:1px solid var(--lime);border-radius:10px;background:var(--lime);color:#080808;text-decoration:none;transition:transform .18s ease,background .18s ease,color .18s ease}.social-instagram-link:hover{transform:translateY(-2px);background:#fff;color:#080808}.social-instagram-link svg{flex:0 0 31px;width:31px;height:31px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.social-instagram-link span{display:grid;gap:3px}.social-instagram-link small{font-size:9px;font-weight:900;letter-spacing:.55px}.social-instagram-link b{font-size:12px;letter-spacing:.25px}.social-instagram-link:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:700px){.social-panel{grid-template-columns:1fr;padding:25px 21px;gap:20px}.social-instagram-link{width:100%;min-width:0;justify-content:center}.social-copy p{font-size:15px}}

/* Homepage polish: focused proof, projects and contact actions. */
.jd-proof-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#0a0a0a;border-bottom:1px solid #252525}.jd-proof-item{display:flex;align-items:center;gap:14px;min-height:112px;padding:20px max(3vw,28px);border-right:1px solid #252525}.jd-proof-item:last-child{border-right:0}.jd-proof-mark{display:grid;place-items:center;flex:0 0 49px;width:49px;height:49px;border-radius:50%;background:var(--lime);color:#080808;font-size:13px;font-weight:950;letter-spacing:-.45px}.jd-proof-item>div{display:grid;gap:5px;min-width:0}.jd-proof-item b{font-size:12px;letter-spacing:.25px;line-height:1.18}.jd-proof-item small{color:#aaa;font-size:12px;line-height:1.35}
.recent-projects-section{background:linear-gradient(180deg,#0c0c0c,#070707)}.project-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1160px;margin:0 auto}.project-showcase-card{position:relative;border:1px solid #373737;border-radius:12px;background:#101010;box-shadow:0 13px 30px rgba(0,0,0,.24)}.project-showcase-card:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 39%,rgba(0,0,0,.12) 52%,rgba(0,0,0,.9) 100%);pointer-events:none}.project-showcase-card img{transition:transform .25s ease}.project-showcase-card:hover img{transform:scale(1.045)}.project-showcase-caption{position:absolute;z-index:2;left:16px;right:16px;bottom:14px;display:grid;gap:4px;text-align:left}.project-showcase-caption b{color:#fff;font-size:12px;letter-spacing:.65px}.project-showcase-caption small{color:#d5d5d5;font-size:12px;line-height:1.25}.recent-project-videos{display:grid;grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);gap:28px;align-items:center;max-width:1160px;margin:32px auto 0;padding:24px 25px;border:1px solid #343434;border-left:4px solid var(--lime);border-radius:14px;background:#090909}.recent-project-videos-copy h3{margin:8px 0 10px;font-size:clamp(26px,3vw,40px);line-height:.96}.recent-project-videos-copy h3 em{color:var(--lime);font-style:normal}.recent-project-videos-copy p{margin:0;color:#bbb;font-size:15px;line-height:1.55}.recent-project-videos .project-reel{max-width:none;margin:0;grid-auto-columns:minmax(175px,205px);padding-bottom:8px}.recent-project-videos .project-reel video{border-radius:9px}.recent-projects-section .center-cta{margin-top:28px}
@media(max-width:850px){.jd-proof-strip{grid-template-columns:1fr}.jd-proof-item{min-height:0;padding:16px 22px;border-right:0;border-bottom:1px solid #252525}.jd-proof-item:last-child{border-bottom:0}.recent-project-videos{grid-template-columns:1fr;gap:20px}.recent-project-videos .project-reel{grid-auto-columns:minmax(220px,31vw)}}
@media(max-width:640px){.project-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.project-showcase-card{border-radius:9px}.project-showcase-caption{left:11px;right:11px;bottom:10px}.project-showcase-caption b{font-size:10px;letter-spacing:.45px}.project-showcase-caption small{font-size:10px}.recent-project-videos{margin-top:22px;padding:20px 16px;border-radius:11px}.recent-project-videos-copy p{font-size:14px}.recent-project-videos .project-reel{grid-auto-columns:minmax(226px,73vw);gap:10px}.recent-projects-section .center-cta{margin-top:22px}.recent-projects-section .center-cta .btn{width:100%}}