/* Axcess Asia Global: serious global-operation UI, charcoal authority, restrained orange route signals, and accessible responsiveness. */
:root { --orange:#ef8a23; --orange-deep:#d96f15; --ink:#20201f; --off-black:#171716; --paper:#f6f4ef; --mist:#e8e5df; --line:#cbc7be; --muted:#686762; --ease:cubic-bezier(.23,1,.32,1); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; scroll-padding-top:82px; } body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans",Arial,sans-serif; line-height:1.5; } a { color:inherit; } button,input,select,textarea { font:inherit; } .content-width { width:min(1356px, calc(100% - 84px)); margin:0 auto; }
.skip-link { position:fixed; z-index:99; top:8px; left:8px; padding:10px 14px; color:#fff; background:var(--ink); transform:translateY(-150%); }.skip-link:focus { transform:translateY(0); }
.site-header { position:fixed; z-index:20; top:0; width:100%; color:#fff; transition:background-color .22s var(--ease), box-shadow .22s var(--ease), color .22s var(--ease); }.site-header:not(.site-header-front),.site-header.is-scrolled { color:var(--ink); background:rgba(246,244,239,.96); box-shadow:0 1px 0 rgba(32,32,31,.12); backdrop-filter:blur(16px); }.header-inner { display:flex; align-items:center; gap:30px; min-height:82px; width:min(1440px, calc(100% - 84px)); margin:auto; }.site-logo { display:flex; align-items:center; margin-right:auto; }.site-logo img,.site-logo .custom-logo { display:block; width:190px; max-height:53px; object-fit:contain; object-position:left center; }.primary-nav .menu { display:flex; align-items:center; gap:26px; margin:0; padding:0; list-style:none; }.primary-nav a { position:relative; text-decoration:none; font-size:12px; font-weight:700; }.primary-nav a:after { position:absolute; bottom:-8px; left:0; width:100%; height:1px; content:""; background:currentColor; transform:scaleX(0); transform-origin:right; transition:transform .18s var(--ease); }.primary-nav a:hover:after,.primary-nav a:focus:after { transform:scaleX(1); transform-origin:left; }.header-controls { display:flex; align-items:center; gap:21px; }.region-trigger { display:flex; align-items:center; gap:7px; padding:0; color:inherit; border:0; background:transparent; font-size:11px; font-weight:700; }.region-globe { color:var(--orange); font-size:20px; line-height:.5; }.header-contact { display:inline-flex; gap:9px; align-items:center; padding:9px 0 9px 18px; border-left:1px solid currentColor; color:inherit; text-decoration:none; font-size:12px; font-weight:700; }.header-contact span,.text-link span { color:var(--orange); font-size:17px; line-height:.5; }.menu-toggle,.mobile-panel,.region-panel { display:none; }.region-panel.is-open { position:absolute; z-index:5; top:71px; right:42px; display:grid; grid-template-columns:1fr 1.1fr; gap:34px; min-width:440px; padding:23px; color:var(--ink); border:1px solid var(--line); background:var(--paper); box-shadow:0 16px 38px rgba(0,0,0,.12); }.region-panel-label { color:var(--orange); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }.region-panel p { margin:10px 0 0; font-size:13px; line-height:1.45; }.global-menu-list { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin:0; padding:0; list-style:none; background:var(--line); }.global-menu-list li { background:var(--paper); }.global-menu-list a { display:block; padding:10px; text-decoration:none; font-size:11px; font-weight:700; }.global-menu-list a:hover { color:var(--orange-deep); background:#fff; }
.hero-section { position:relative; min-height:805px; overflow:hidden; color:#fff; background:var(--off-black); }.hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }.hero-shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(17,17,16,.92) 0%,rgba(17,17,16,.42) 28%,rgba(17,17,16,.75) 100%),linear-gradient(90deg,rgba(17,17,16,.86),rgba(17,17,16,.3) 72%); }.hero-content { position:relative; z-index:2; padding-top:206px; }.eyebrow { display:flex; gap:10px; align-items:center; margin:0 0 19px; color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }.eyebrow span { display:block; width:27px; height:1px; background:var(--orange); }.eyebrow-light { color:rgba(255,255,255,.69); }.hero-content h1,.statement-section h2,.section-heading h2,.brand-parent h2,.contact-copy h2,.standard-content h1 { max-width:825px; margin:0; font-size:clamp(54px,6.3vw,96px); font-weight:800; letter-spacing:-.075em; line-height:.91; }.accent-line { display:block; color:var(--orange); }.hero-copy { max-width:555px; margin:28px 0 0; color:rgba(255,255,255,.8); font-size:16px; line-height:1.72; }.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:26px; margin-top:35px; }.button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:51px; padding:0 20px; border:1px solid transparent; text-decoration:none; font-size:12px; font-weight:700; transition:transform .16s var(--ease),background-color .2s var(--ease),color .2s var(--ease); }.button:active { transform:scale(.97); }.button-orange { color:#fff; background:var(--orange); }.button-orange:hover { background:var(--orange-deep); }.button-outline { color:#fff; border-color:rgba(255,255,255,.5); background:rgba(255,255,255,.04); }.button-outline:hover { color:var(--ink); border-color:#fff; background:#fff; }.text-link { display:inline-flex; align-items:center; gap:8px; padding:4px 0; border:0; border-bottom:1px solid var(--orange); color:var(--ink); text-decoration:none; font-size:12px; font-weight:700; }.text-link-light { color:#fff; }.hero-coordinates { position:absolute; z-index:2; right:42px; bottom:28px; display:flex; align-items:center; gap:16px; color:rgba(255,255,255,.55); font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }.hero-coordinates span:not(:last-child):after { display:inline-block; width:4px; height:4px; margin-left:16px; content:""; border-radius:50%; background:var(--orange); }.route-route { position:absolute; z-index:1; height:1px; width:57vw; background:linear-gradient(90deg,transparent,var(--orange),transparent); opacity:.52; transform-origin:left center; }.route-route-one { top:50%; left:-8%; transform:rotate(15deg); }.route-route-two { top:38%; right:-20%; transform:rotate(-18deg); }
.statement-section { display:grid; grid-template-columns:115px minmax(0,1.13fr) minmax(300px,.68fr); gap:clamp(28px,6vw,100px); padding:135px 0; }.route-index { display:flex; align-items:center; gap:13px; color:var(--orange); font-size:11px; font-weight:700; }.route-index i { display:block; width:50px; height:1px; background:var(--orange); }.statement-section h2,.section-heading h2,.brand-parent h2,.contact-copy h2 { font-size:clamp(42px,5vw,75px); }.statement-detail { padding-top:14px; }.statement-detail p,.section-heading>p,.brand-parent p { margin:0; color:#595854; font-size:15px; line-height:1.75; }.statement-detail .text-link { margin-top:27px; }
.capabilities-section,.products-section { padding:110px 0 134px; background:var(--mist); }.section-heading { display:flex; justify-content:space-between; gap:65px; }.section-heading>div { max-width:790px; }.section-heading>p { max-width:365px; padding-top:37px; }.capability-rail { display:grid; grid-template-columns:repeat(4,1fr); margin-top:64px; border-top:1px solid var(--line); }.capability-rail article { min-height:316px; padding:23px 21px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.capability-rail article:first-child { border-left:1px solid var(--line); }.cap-no { color:var(--orange); font-size:10px; font-weight:700; letter-spacing:.08em; }.card-kicker { min-height:27px; margin:60px 0 8px; color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.capability-rail h3 { margin:0; font-size:47px; font-weight:800; letter-spacing:-.07em; line-height:.92; }.capability-rail i { display:block; width:36px; height:1px; margin:28px 0 17px; background:var(--orange); }.capability-rail article>p:last-child { max-width:260px; margin:0; color:#555450; font-size:12px; line-height:1.58; }
.markets-section { position:relative; min-height:705px; overflow:hidden; color:#fff; background:var(--ink); }.markets-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }.markets-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(24,24,23,.94),rgba(24,24,23,.74) 47%,rgba(24,24,23,.38)); }.markets-content { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.85fr) minmax(320px,.55fr); align-items:center; gap:100px; min-height:705px; }.markets-content h2 { max-width:660px; margin:0; font-size:clamp(47px,5.4vw,82px); font-weight:800; letter-spacing:-.07em; line-height:.91; }.markets-content>div>p:not(.eyebrow) { max-width:445px; margin:26px 0 33px; color:rgba(255,255,255,.72); font-size:16px; line-height:1.7; }.market-list { border-top:1px solid rgba(255,255,255,.38); }.market-list span { display:grid; grid-template-columns:33px 1fr 13px; align-items:center; min-height:66px; color:var(--orange); border-bottom:1px solid rgba(255,255,255,.2); font-size:10px; font-weight:700; letter-spacing:.08em; }.market-list b { color:#fff; font-size:26px; font-weight:600; letter-spacing:-.05em; }.market-list i { width:7px; height:7px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 5px rgba(239,138,35,.16); }
.products-section { background:var(--paper); }.products-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:62px; border-top:1px solid var(--line); }.products-grid article { position:relative; min-height:267px; padding:21px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.products-grid article:first-child { border-left:1px solid var(--line); }.products-grid article:before { position:absolute; top:-4px; left:20px; width:7px; height:7px; content:""; border-radius:50%; background:var(--orange); }.products-grid span { color:var(--orange); font-size:10px; font-weight:700; letter-spacing:.09em; }.products-grid h3 { max-width:230px; margin:52px 0 16px; font-size:22px; font-weight:700; letter-spacing:-.055em; line-height:1.05; }.products-grid p { margin:0; color:#5d5c57; font-size:12px; line-height:1.62; }
.brands-section { padding:132px 0; background:#dedbd3; }.brand-parent { display:grid; grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr); gap:72px; align-items:start; padding-bottom:63px; border-bottom:1px solid var(--line); }.brand-parent>img { width:min(100%,255px); max-height:95px; object-fit:contain; object-position:left center; }.brand-parent p { max-width:555px; margin-top:24px; }.brand-flow { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:43px; }.brand-card { overflow:hidden; background:var(--paper); box-shadow:0 20px 42px rgba(29,28,25,.09); }.brand-image { position:relative; height:276px; overflow:hidden; background:var(--ink); }.brand-image>img:first-child { width:100%; height:100%; object-fit:cover; }.brand-image>div { position:absolute; inset:0; background:linear-gradient(0deg,rgba(15,15,14,.75),rgba(15,15,14,.08)); }.brand-image .brand-logo { position:absolute; bottom:23px; left:24px; width:168px; max-height:68px; object-fit:contain; object-position:left bottom; }.brand-image .usuppli-logo { width:155px; }.brand-content { padding:25px; }.brand-content>span { display:block; margin-bottom:17px; color:#62615d; font-size:9px; font-weight:700; letter-spacing:.115em; text-transform:uppercase; }.brand-content>p { margin:0; color:#4e4d48; font-size:13px; line-height:1.67; }.brand-content strong { color:var(--ink); }.brand-line-links { display:flex; flex-wrap:wrap; gap:15px; margin-top:22px; }.brand-line-links a { padding-bottom:5px; border-bottom:1px solid var(--orange); text-decoration:none; font-size:11px; font-weight:700; }.brand-line-links b { color:var(--orange); }.subbrand-row { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:23px; }.subbrand-row>a,.subbrand-row>div { display:flex; flex-direction:column; justify-content:space-between; min-height:133px; padding:17px; border:1px solid var(--line); background:#fbfaf7; text-decoration:none; transition:transform .2s var(--ease),border-color .2s var(--ease); }.subbrand-row>a:hover { border-color:var(--orange); transform:translateY(-2px); }.subbrand-row img { width:130px; max-width:100%; max-height:57px; object-fit:contain; object-position:left center; }.subbrand-row>div img { width:143px; }.subbrand-row span { color:#595854; font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.subbrand-row b { color:var(--orange); }
.contact-section { position:relative; overflow:hidden; padding:133px 0 0; color:#fff; background:var(--off-black); }.contact-route-ring { position:absolute; top:40px; right:-15%; width:720px; height:720px; border:1px solid rgba(239,138,35,.24); border-radius:50%; box-shadow:0 0 0 80px rgba(239,138,35,.035),0 0 0 160px rgba(239,138,35,.02); }.contact-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr); gap:clamp(40px,7vw,100px); }.contact-copy h2 { max-width:545px; }.contact-copy>p:not(.eyebrow) { max-width:450px; margin:26px 0; color:rgba(255,255,255,.7); font-size:15px; line-height:1.72; }.direct-contact { display:block; width:max-content; max-width:100%; margin-top:10px; padding-bottom:3px; border-bottom:1px solid var(--orange); color:#fff; text-decoration:none; font-size:13px; font-weight:700; }.contact-form-wrap { padding:27px; border:1px solid rgba(255,255,255,.28); background:rgba(23,23,22,.8); box-shadow:0 20px 60px rgba(0,0,0,.22); }.form-label { margin:0 0 22px; padding-bottom:17px; color:var(--orange); border-bottom:1px solid rgba(255,255,255,.2); font-size:10px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }.contact-form-wrap .wpcf7 { color:#fff; }.contact-form-wrap .wpcf7 form { display:grid; grid-template-columns:1fr 1fr; gap:17px; }.contact-form-wrap .wpcf7 form>p { display:contents; }.contact-form-wrap .wpcf7 label { display:flex; flex-direction:column; gap:8px; color:rgba(255,255,255,.75); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.contact-form-wrap .wpcf7-form-control-wrap { display:block; }.contact-form-wrap .wpcf7 input:not([type=submit]),.contact-form-wrap .wpcf7 textarea { width:100%; min-height:41px; padding:10px 11px; color:#fff; border:1px solid rgba(255,255,255,.26); border-radius:0; background:rgba(255,255,255,.045); outline:0; }.contact-form-wrap .wpcf7 textarea { min-height:102px; resize:vertical; }.contact-form-wrap .wpcf7 input:focus,.contact-form-wrap .wpcf7 textarea:focus { border-color:var(--orange); background:rgba(255,255,255,.08); }.contact-form-wrap .wpcf7 form p:nth-last-of-type(2),.contact-form-wrap .wpcf7 form p:nth-last-of-type(1) { grid-column:1 / -1; }.contact-form-wrap .wpcf7 input[type=submit] { justify-self:start; min-height:48px; padding:0 20px; color:#fff; border:0; background:var(--orange); font-size:12px; font-weight:700; cursor:pointer; }.contact-form-wrap .wpcf7 input[type=submit]:hover { background:var(--orange-deep); }.contact-form-wrap .wpcf7-response-output { grid-column:1 / -1; margin:0 !important; padding:10px !important; font-size:12px; }.axcess-turnstile { grid-column:1 / -1; margin-bottom:-1px; }.form-note { margin:18px 0 0; color:rgba(255,255,255,.45); font-size:10px; }.office-grid { grid-column:1 / -1; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:44px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.14); }.office-grid article { min-height:203px; padding:24px 21px; background:var(--off-black); }.office-grid span { color:var(--orange); font-size:10px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }.office-grid h3 { margin:22px 0 9px; font-size:16px; font-weight:700; letter-spacing:-.04em; }.office-grid p { margin:0; color:rgba(255,255,255,.61); font-size:12px; line-height:1.57; }
.site-footer { color:#66655f; background:var(--paper); }.footer-inner { display:flex; align-items:center; gap:28px; width:min(1356px,calc(100% - 84px)); min-height:95px; margin:auto; }.footer-logo img { display:block; width:150px; max-height:52px; object-fit:contain; object-position:left center; }.footer-inner p,.footer-inner span { margin:0; font-size:11px; }.footer-inner span { margin-left:auto; font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.standard-content { min-height:70vh; padding:170px 0 100px; }.standard-content h1 { margin-bottom:26px; color:var(--ink); }.entry-content { max-width:780px; color:#4f4e49; font-size:16px; line-height:1.75; }
@media (max-width:1000px) { .content-width,.header-inner,.footer-inner { width:calc(100% - 56px); }.primary-nav .menu { gap:15px; }.header-controls { gap:14px; }.statement-section { grid-template-columns:65px 1fr .82fr; gap:35px; }.contact-grid { grid-template-columns:1fr; }.office-grid { margin-top:0; } }
@media (max-width:820px) { html { scroll-padding-top:68px; }.site-header,.site-header.site-header-front { color:var(--ink); background:rgba(246,244,239,.97); box-shadow:0 1px 0 rgba(32,32,31,.1); }.header-inner { min-height:68px; width:calc(100% - 40px); }.site-logo img,.site-logo .custom-logo { width:152px; max-height:44px; }.primary-nav,.region-trigger,.header-contact { display:none; }.header-controls { margin-left:auto; }.menu-toggle { display:flex; flex-direction:column; justify-content:center; gap:5px; width:37px; height:37px; padding:0 9px; border:1px solid var(--line); border-radius:50%; background:transparent; }.menu-toggle span { display:block; width:100%; height:1px; background:var(--ink); }.mobile-panel.is-open { position:absolute; top:68px; right:0; left:0; display:block; padding:10px 20px 20px; background:var(--paper); border-top:1px solid var(--line); }.mobile-panel .menu { margin:0; padding:0; list-style:none; }.mobile-panel li { border-bottom:1px solid var(--line); }.mobile-panel a { display:block; padding:13px 0; text-decoration:none; font-size:13px; font-weight:700; }.mobile-contact-link { display:flex !important; justify-content:space-between; margin-top:11px; color:var(--orange-deep); }.hero-section { min-height:740px; }.hero-content { padding-top:159px; }.hero-content h1 { max-width:610px; font-size:clamp(47px,9vw,72px); }.hero-coordinates { right:28px; left:28px; gap:9px; flex-wrap:wrap; }.hero-coordinates span:not(:last-child):after { margin-left:9px; }.statement-section { grid-template-columns:54px 1fr; padding:88px 0; }.statement-detail { grid-column:2; padding-top:0; }.section-heading { flex-direction:column; gap:0; }.section-heading>p { padding-top:23px; }.capability-rail,.products-grid { grid-template-columns:1fr 1fr; }.capability-rail article:nth-child(3),.products-grid article:nth-child(3) { border-left:1px solid var(--line); }.capability-rail article:nth-child(n+3),.products-grid article:nth-child(n+3) { border-top:1px solid var(--line); }.markets-content { grid-template-columns:1fr; gap:50px; min-height:0; padding:88px 0; }.brand-parent { grid-template-columns:1fr; gap:28px; }.brand-parent>img { width:215px; }.contact-section { padding-top:96px; }.office-grid { grid-template-columns:1fr; }.office-grid article { min-height:0; }.footer-inner { flex-wrap:wrap; padding:25px 0; }.footer-inner span { margin-left:0; } }
@media (max-width:520px) { .content-width,.header-inner,.footer-inner { width:calc(100% - 40px); }.hero-section { min-height:705px; }.hero-image { object-position:60% center; }.hero-shade { background:linear-gradient(180deg,rgba(17,17,16,.93),rgba(17,17,16,.46) 42%,rgba(17,17,16,.85)),linear-gradient(90deg,rgba(17,17,16,.78),rgba(17,17,16,.35)); }.hero-content { padding-top:135px; }.eyebrow { font-size:9px; }.hero-content h1 { font-size:43px; }.hero-copy { margin-top:24px; font-size:14px; }.hero-actions { flex-direction:column; align-items:flex-start; gap:19px; margin-top:27px; }.hero-coordinates { display:none; }.statement-section { display:block; padding:73px 0; }.route-index { display:none; }.statement-section h2,.section-heading h2,.brand-parent h2,.contact-copy h2 { font-size:39px; }.statement-detail { margin-top:22px; }.statement-detail p,.section-heading>p,.brand-parent p { font-size:14px; }.capabilities-section,.products-section,.brands-section { padding:75px 0; }.capability-rail,.products-grid,.brand-flow { grid-template-columns:1fr; }.capability-rail article,.capability-rail article:nth-child(3),.products-grid article,.products-grid article:nth-child(3) { min-height:0; border-right:1px solid var(--line); border-left:1px solid var(--line); }.capability-rail article:not(:first-child),.products-grid article:not(:first-child) { border-top:1px solid var(--line); }.card-kicker { min-height:0; margin-top:38px; }.capability-rail h3 { font-size:39px; }.capability-rail article>p:last-child { padding-bottom:8px; }.markets-content { padding:73px 0; }.markets-content h2 { font-size:42px; }.markets-content>div>p:not(.eyebrow) { font-size:14px; }.market-list b { font-size:22px; }.brand-image { height:231px; }.brand-content { padding:21px; }.subbrand-row { grid-template-columns:1fr; }.contact-section { padding-top:77px; }.contact-grid { gap:33px; }.contact-form-wrap { padding:19px 15px; }.contact-form-wrap .wpcf7 form { grid-template-columns:1fr; }.contact-form-wrap .wpcf7 form p:nth-last-of-type(2),.contact-form-wrap .wpcf7 form p:nth-last-of-type(1),.axcess-turnstile { grid-column:auto; }.site-footer { margin-top:0; }.footer-inner { align-items:flex-start; flex-direction:column; gap:13px; }.footer-inner p,.footer-inner span { font-size:10px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*:before,*:after { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }