:root{--black:#0a0a0b;--black2:#101112;--charcoal:#19191b;--darkcard:#202123;--gold:#ffc65e;--golddeep:#b98535;--ivory:#f7f5f0;--ivory2:#eeece5;--ink:#161819;--muted:#858789;--border:rgba(255,255,255,.13);--max:1240px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%}::selection{background:var(--gold);color:var(--black)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.container{width:min(calc(100% - 96px),var(--max));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-60px;background:var(--gold);color:#000;padding:12px 20px;z-index:1000}.skip-link:focus{top:12px}
.topline{min-height:34px;background:#1b1b1c;color:#b9b6ad;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 22px;font-size:10px;letter-spacing:2.3px;font-weight:700;text-align:center}.topline-marker{width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none;box-shadow:0 0 12px rgba(255,198,94,.7)}.topline-break{opacity:.5}
.site-header{position:sticky;top:0;z-index:40;background:rgba(10,10,11,.96);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px)}.nav-shell{height:90px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-logo{background:#fff;border-radius:50%;width:61px;height:61px;overflow:hidden;border:1px solid rgba(255,198,94,.25);display:grid;place-items:center}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{color:var(--ivory);font-size:24px;letter-spacing:-1.4px;font-weight:760;line-height:1}.brand-x{color:var(--gold)}.brand-copy small{font-size:10px;letter-spacing:5.7px;color:#b8b5ae;font-weight:700}.nav-links{display:flex;align-items:center;gap:28px;margin-left:auto}.nav-links a{font-size:12px;color:#c8c8c4;transition:color .2s;white-space:nowrap}.nav-links a:hover{color:var(--gold)}.nav-cta{margin-left:12px;padding:15px 21px;border:1px solid var(--gold);color:var(--gold);font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s,color .2s}.nav-cta span{margin-left:13px;font-size:18px;line-height:0}.nav-cta:hover{background:var(--gold);color:#000}.menu-toggle{display:none;border:1px solid #404040;background:transparent;width:43px;height:42px;padding:11px 9px;flex-direction:column;align-items:center;justify-content:space-between}.menu-toggle span{display:block;background:#fff;width:23px;height:2px}
.hero{background:var(--black);color:var(--ivory);position:relative;overflow:hidden;padding-top:99px}.hero-sheen{position:absolute;top:-340px;left:36%;width:900px;height:900px;background:radial-gradient(circle,rgba(178,127,53,.085),transparent 67%);pointer-events:none}.hero-layout{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:48px;padding-bottom:98px;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:15px;font-size:11px;letter-spacing:2.9px;font-weight:750;color:var(--gold)}.eyebrow-line{height:1px;width:33px;background:var(--gold)}.hero h1{font-size:clamp(49px,4.9vw,72px);font-weight:870;line-height:1.05;letter-spacing:-3.7px;margin:29px 0 24px;white-space:normal}.hero h1 em{color:var(--gold);font-style:normal}.outline-word{-webkit-text-stroke:1.5px var(--ivory);color:transparent}.hero-copy>p{color:#bcbcb9;font-size:15.5px;line-height:1.84;max-width:515px;margin:0}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:53px;padding:15px 24px;border:1px solid transparent;gap:20px;font-weight:760;font-size:12px;letter-spacing:.1px;transition:background .22s,color .22s,border-color .22s,transform .22s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn>span{font-size:20px;line-height:0}.btn-gold{background:var(--gold);color:#111}.btn-gold:hover{background:#ffdb94}.btn-ghost{border-color:rgba(255,255,255,.35);color:var(--ivory);background:transparent}.btn-ghost:hover,.btn-outline-light:hover{background:#fff;color:#111}.hero-micro{display:flex;flex-wrap:wrap;gap:20px;margin-top:46px}.hero-micro span{display:flex;align-items:center;gap:7px;color:#acada9;font-size:11px}.micro-dot{height:5px;width:5px;transform:rotate(45deg);background:var(--gold)}.hero-art{position:relative;margin-right:-18px;border:1px solid rgba(255,198,94,.18);background:#19191b;box-shadow:0 35px 70px rgba(0,0,0,.24)}.hero-art img{display:block;width:100%;height:auto}.hero-art-tag{display:flex;justify-content:space-between;gap:14px;position:absolute;top:19px;left:22px;right:22px;align-items:center;font-size:10px;letter-spacing:2px;font-weight:750;color:#eee1c9;z-index:2}.hero-art-tag-right{margin-left:auto;color:#b3a687}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 15px var(--gold)}.hero-art-footer{display:flex;justify-content:space-between;color:#c6ad7f;position:absolute;bottom:14px;left:22px;right:22px;font-size:9px;letter-spacing:1.2px}.hero-index{display:flex;justify-content:space-between;align-items:center;padding:21px 0 24px;border-top:1px solid rgba(255,255,255,.13);color:#858680;font-size:10px;font-weight:800;letter-spacing:2px}.hero-index span:last-child span{color:var(--gold);font-size:18px;margin-left:6px}
.statement-band{background:var(--gold);padding:23px 0}.statement-grid{display:flex;align-items:center;justify-content:space-around;gap:24px;font-size:12px;letter-spacing:1.7px;font-weight:850;color:#121212;text-align:center}.statement-separator{font-size:19px;color:#80602b}
.section{padding:115px 0}.section-intro{display:flex;justify-content:space-between;gap:54px;align-items:end;margin-bottom:49px}.section-intro h2,.about-copy h2{font-weight:850;line-height:1.05;letter-spacing:-3.7px;font-size:clamp(46px,5.2vw,74px);margin:21px 0 0}.section-intro h2 span,.about-copy h2 span{color:#aa7b34}.section-intro>p{max-width:430px;margin:0 0 7px;color:#6b6d6c;line-height:1.8;font-size:15px}.products-section{background:var(--ivory)}.products-section .section-kicker,.process-section .section-kicker,.about-copy .section-kicker{color:#996621}.products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.product-card{background:#fff;border:1px solid #dedbd1;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 20px 45px rgba(20,20,20,.08);transform:translateY(-3px)}.product-media{background:#121314;position:relative;overflow:hidden}.product-media img{display:block;width:100%;height:auto;aspect-ratio:920/635;object-fit:cover}.product-media-heading{position:absolute;top:18px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;z-index:2;color:#d9bd8f;font-size:11px;letter-spacing:1.5px;font-weight:800}.mini-chip{padding:8px 9px;border:1px solid rgba(255,198,94,.42);font-size:9px;letter-spacing:1.9px}.visual-note{position:absolute;bottom:12px;right:15px;color:#c4c0ba;font-size:9px;letter-spacing:1.3px;opacity:.85}.product-body{padding:29px 32px 31px}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#797a75;font-size:10px;font-weight:800;letter-spacing:2px}.chip-outline{color:#87602d;border:1px solid #d0b991;padding:8px 11px;letter-spacing:1px;font-size:9px}.product-body h3{margin:17px 0 14px;font-size:43px;line-height:1;letter-spacing:-2px}.product-body h3 span{color:#b68945}.product-body>p{margin:0;max-width:470px;font-size:14px;line-height:1.8;color:#656767;min-height:75px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;row-gap:20px;border-top:1px solid #e5e3dc;padding:26px 0 31px;margin-top:23px}.spec-grid div{display:flex;flex-direction:column;gap:8px}.spec-grid small{font-size:10px;letter-spacing:1.4px;color:#9b9a93;font-weight:800}.spec-grid b{font-size:13px;color:#292b29;font-weight:760}.product-foot{border-top:1px solid #e5e3dc;padding-top:20px;display:flex;gap:12px;justify-content:space-between;align-items:center}.product-foot>span{font-size:11px;color:#8f8c86}.text-link{color:#9d702e;font-weight:800;font-size:12px;white-space:nowrap;display:inline-flex;gap:15px;align-items:center}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link span{font-size:17px}.product-disclaimer{color:#747672;font-size:11px;line-height:1.6;margin-top:20px;display:flex;gap:11px;align-items:flex-start}.info-icon{display:inline-grid;place-items:center;background:#e4ded2;color:#665537;min-width:18px;height:18px;border-radius:50%;font:700 11px Georgia,serif}
.capabilities-section{background:#111213;color:#f9f7f1}.section-intro.on-dark>p{color:#acaead}.on-dark h2 span{color:var(--gold)}.capabilities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #353638;background:#353638}.capability-card{padding:38px 34px 41px;background:#1b1c1d;min-height:350px;position:relative}.cap-index{color:#a9a39c;font-size:11px;letter-spacing:2px}.cap-icon{width:67px;height:67px;display:grid;place-items:center;margin-top:30px}.cap-icon svg{width:51px;height:51px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.capability-card h3{font-size:23px;letter-spacing:-.7px;margin:21px 0 12px}.capability-card p{font-size:13px;line-height:1.85;color:#a5a6a4;margin:0}.custom-line{display:flex;align-items:center;gap:23px;background:#252526;margin-top:22px;padding:24px 31px;border:1px solid #3d3e3f}.custom-line .star{font-size:36px;color:var(--gold);line-height:1}.custom-line div{flex:1}.custom-line strong{font-size:16px}.custom-line p{color:#b0b0af;font-size:12px;line-height:1.65;margin:6px 0 0}.btn-outline-light{border-color:#858582;color:#f2f2ee;background:transparent}
.process-section{background:#f0eee7}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.process-grid article{padding:26px 23px 30px;background:#fff;min-height:235px;border-top:3px solid #b98945}.process-count{font-size:27px;line-height:1;font-weight:700;color:#c49a59;font-family:Georgia,serif}.process-grid h3{font-size:17px;margin:36px 0 14px;letter-spacing:-.4px}.process-grid p{margin:0;font-size:12px;color:#6c706f;line-height:1.85}.leadtime-note{color:#6b6b65;font-size:12px;line-height:1.7;border-top:1px solid #d3d0c8;margin:36px 0 0;padding-top:23px}.leadtime-note span{color:#9b7133;font-weight:800;letter-spacing:1.5px;font-size:10px;margin-right:12px}
.about-section{background:#e6e2d9;padding:100px 0}.about-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:85px;align-items:center}.about-graphic{position:relative;background:#141517;height:450px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;isolation:isolate}.about-graphic::before{position:absolute;content:"";inset:0;background:radial-gradient(circle at 50% 52%,#77552555 0%,transparent 60%);z-index:-1}.about-graphic .orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-22deg);width:340px;height:340px;border-radius:50%;border:1px solid #a47a3b7a}.about-graphic .orbit-two{width:265px;height:265px;border-color:#f6c8754d;transform:translate(-50%,-50%) rotate(31deg)}.about-graphic>strong{font-size:190px;font-weight:800;letter-spacing:-18px;color:#f8f6f1;z-index:1}.about-graphic>strong span{color:var(--gold)}.about-graphic-label,.about-graphic>small{position:absolute;color:#bcae92;font-size:9px;letter-spacing:2px;font-weight:800}.about-graphic-label{top:24px;left:25px}.about-graphic>small{bottom:25px;left:25px}.about-copy h2{margin-bottom:27px}.about-copy p{color:#585b5a;font-size:14.5px;line-height:1.9;margin:0 0 17px}.about-copy .text-link{margin-top:17px}
.enquiry-section{background:#0d0e0f;color:var(--ivory)}.enquiry-grid{display:grid;grid-template-columns:1.24fr .76fr;gap:32px}.quote-form{padding:34px;background:#1d1e1f;border:1px solid #3b3c3c}.quote-form h3{font-size:26px;letter-spacing:-.5px;margin:0 0 9px}.form-sub{font-size:12px;color:#a9aba8;line-height:1.7;margin:0 0 30px}.quote-form label{display:flex;flex-direction:column;color:#e6e4dd;font-size:11px;letter-spacing:.3px;font-weight:700;gap:10px;margin-bottom:19px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;min-width:0;background:#121314;border:1px solid #464747;border-radius:0;color:#f7f7f4;padding:15px 14px;outline:none;font-weight:450;font-size:12.5px;letter-spacing:0;transition:border-color .2s}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.quote-form input::placeholder,.quote-form textarea::placeholder{color:#848787}.quote-form textarea{resize:vertical;min-height:115px}.quote-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 7 5 6 5-6' fill='none' stroke='%23ffc65e' stroke-width='2'/%3E%3C/svg%3E");background-size:15px;background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:7px}.form-actions button{min-height:53px}.form-note{color:#aaa9a2;font-size:11px;line-height:1.65;margin:21px 0 0}.contact-aside{background:#c29652;color:#111311;padding:41px 32px;display:flex;flex-direction:column}.contact-index{font-size:10px;letter-spacing:2px;font-weight:800}.contact-aside h3{font-size:clamp(35px,3.5vw,51px);line-height:1.06;letter-spacing:-2px;margin:34px 0 19px}.contact-aside>p{font-size:13px;line-height:1.75;color:#2c2924;margin:0 0 34px}.contact-item{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid rgba(0,0,0,.22)}.contact-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.38);font-size:19px;flex:none}.contact-item span:last-child{min-width:0}.contact-item small{display:block;font-size:9px;letter-spacing:1.5px;font-weight:800;margin-bottom:5px}.contact-item strong{font-size:15px;display:block;overflow-wrap:anywhere}.contact-item:hover strong{text-decoration:underline;text-underline-offset:3px}.contact-item .email-text{font-size:12px}.location-detail{display:flex;flex-direction:column;gap:7px;margin-top:30px}.location-detail span{font-size:10px;letter-spacing:1.5px;font-weight:700}.location-detail strong{font-size:14px}.whatsapp-link{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#111;color:#fff;padding:18px 20px;margin-top:auto;font-size:12px;font-weight:800}.whatsapp-link span{font-size:20px}.whatsapp-link:hover{background:#242526}
.site-footer{background:#101112;color:#d7d7d2;border-top:1px solid #383939}.footer-main{padding:43px 0;display:flex;align-items:center;justify-content:space-between;gap:40px}.footer-brand{display:flex;align-items:center;gap:16px}.footer-brand>img{border-radius:50%;background:#fff;width:68px;height:68px;object-fit:contain}.footer-brand div{display:flex;flex-direction:column;gap:7px}.footer-brand strong{font-size:20px;letter-spacing:-.9px}.footer-brand strong span{color:var(--gold)}.footer-brand small{font-size:9px;letter-spacing:1.8px;color:#888985}.footer-links{display:flex;flex-wrap:wrap;gap:30px}.footer-links a{font-size:12px;color:#aaa}.footer-links a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid #303131;padding:23px 0 29px;display:flex;justify-content:space-between;gap:20px;color:#91918f;font-size:10px;letter-spacing:.6px}.footer-divider{color:var(--gold);margin-inline:7px}
@media(max-width:1180px){.container{width:min(calc(100% - 64px),var(--max))}.nav-links{gap:17px}.nav-shell{gap:12px}.hero h1{font-size:clamp(47px,5.4vw,66px);letter-spacing:-3px}.hero-layout{gap:23px}.product-body{padding:26px}.product-foot{align-items:flex-start;flex-direction:column;gap:12px}.about-grid{gap:50px}}
@media(max-width:990px){.nav-shell{height:74px}.brand-logo{height:53px;width:53px}.brand-copy strong{font-size:21px}.brand-copy small{letter-spacing:4.9px}.menu-toggle{display:flex;margin-left:auto;order:3}.nav-cta{margin-left:auto;order:2}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;padding:18px 32px 25px;background:#181819;border-bottom:1px solid #3d3d3e;flex-direction:column;align-items:stretch;gap:0}.nav-links.is-open{display:flex}.nav-links a{padding:13px 5px;border-bottom:1px solid #343435;font-size:14px}.hero{padding-top:71px}.hero-layout{grid-template-columns:1fr;gap:50px}.hero-copy{max-width:680px}.hero h1{font-size:clamp(54px,8vw,85px)}.hero-art{max-width:680px;margin:0 auto;width:100%}.hero-layout{padding-bottom:60px}.section{padding:86px 0}.section-intro h2,.about-copy h2{font-size:clamp(47px,6vw,66px)}.capability-card{padding:28px 24px 32px}.enquiry-grid{grid-template-columns:1fr}.contact-aside{min-height:430px}.contact-aside h3{margin-top:24px}.whatsapp-link{margin-top:36px}}
@media(max-width:720px){.container{width:min(calc(100% - 36px),var(--max))}.topline{font-size:9px;letter-spacing:1.25px;line-height:1.55}.topline-break{display:none}.nav-cta{display:none}.hero{padding-top:59px}.hero h1{font-size:clamp(43px,9.4vw,67px);letter-spacing:-2.8px;white-space:normal}.hero-copy>p{font-size:14px}.hero-actions .btn{width:100%;justify-content:space-between}.hero-micro{margin-top:30px;gap:11px 16px}.hero-micro span{font-size:10px}.hero-art-tag{font-size:8px;letter-spacing:1px;left:13px;right:13px;top:13px}.hero-art-footer{font-size:7px;left:13px;right:13px}.hero-index{font-size:9px;letter-spacing:1px}.statement-grid{flex-direction:column;gap:11px;font-size:11px;letter-spacing:1.4px}.statement-separator{display:none}.section{padding:72px 0}.section-intro{flex-direction:column;gap:20px;align-items:flex-start;margin-bottom:32px}.section-intro h2,.about-copy h2{font-size:clamp(43px,10vw,60px);letter-spacing:-2px}.section-intro>p{font-size:13.5px}.products-grid,.capabilities-grid,.process-grid,.about-grid{grid-template-columns:1fr}.product-body h3{font-size:38px}.product-body>p{min-height:0}.product-media img{aspect-ratio:auto}.capabilities-grid{gap:1px}.capability-card{min-height:290px}.cap-icon{margin-top:15px}.custom-line{flex-wrap:wrap;padding:21px}.custom-line .btn{width:100%;justify-content:space-between}.process-grid{gap:12px}.process-grid article{min-height:0;padding:22px}.process-grid h3{margin:17px 0 10px}.about-section{padding:72px 0}.about-grid{gap:40px}.about-graphic{height:340px}.about-graphic>strong{font-size:140px}.about-graphic .orbit{width:270px;height:270px}.about-graphic .orbit-two{width:205px;height:205px}.quote-form{padding:24px 18px}.form-row{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column}.form-actions button{width:100%;justify-content:space-between}.contact-aside{padding:33px 23px}.contact-aside h3{font-size:44px}.footer-main,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-main{gap:25px}.footer-links{gap:15px 24px}.footer-bottom{gap:10px}.footer-brand strong{font-size:17px}.footer-brand small{font-size:8px;letter-spacing:1.1px}}
@media(max-width:390px){.brand-copy strong{font-size:19px}.brand-logo{width:48px;height:48px}.brand-copy small{font-size:8px;letter-spacing:4px}.hero h1{font-size:39px}.spec-grid{column-gap:12px}.spec-grid b{font-size:12px}.contact-item .email-text{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Prevent enquiry cards from exceeding the viewport on narrow mobile devices. */
@media (max-width: 990px) { .enquiry-grid { grid-template-columns: minmax(0, 1fr); } .quote-form, .contact-aside { min-width: 0; } }

/* Keep the contact heading within 320px-wide devices. */
@media (max-width: 390px) { .contact-aside h3 { font-size: clamp(31px, 9vw, 44px); letter-spacing: -1.5px; } }