/*
Theme Name: 555 Editorial
Theme URI: https://555.com.au/
Author: Nickon Enterprises / 555
Description: Lightweight bespoke, block-editor-compatible, mobile-first theme for 555.com.au. Five-category three-level mega navigation, editable homepage and a dynamic project directory via the companion 555 Content plugin. No page-builder requirement.
Version: 2.7.7
Requires at least: 6.3
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: fivefivefive
*/
:root{--navy:#154373;--navy-deep:#092c53;--sky:#2cace2;--green:#2fa36b;--ink:#1d2e3f;--body:#33485a;--paper:#fff;--pale:#eff6fb;--mist:#f5f7f9;--line:#dce5ed;--max:1190px;--radius:8px;--shadow:0 14px 35px rgba(15,57,92,.1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--body);background:#fff;font:400 16px/1.62 Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:#1261aa;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.17;letter-spacing:-.027em}h1{font-size:clamp(36px,4vw,56px);font-weight:600}h2{font-size:clamp(28px,3vw,40px);font-weight:600}h3{font-size:22px;font-weight:600}p{margin-bottom:1.15em}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:600}.text-muted{color:#5b6e7e}.text-blue{color:var(--navy)}.text-white{color:#fff}.editorial-section{padding:88px 0}.section-tight{padding:54px 0}.section-pale{background:var(--mist)}.section-sky{background:#e9f4fb}.section-navy{background:var(--navy);color:#e6f2fa}.section-navy h2,.section-navy h3{color:#fff}.section-heading{max-width:750px;margin-bottom:34px}.section-heading p{font-size:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 21px;border-radius:5px;border:1px solid transparent;font-size:15px;font-weight:600;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .2s,transform .2s}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{color:#fff;background:var(--navy)}.btn-primary:hover{background:var(--navy-deep);color:#fff}.btn-green{color:#fff;background:#237d53}.btn-green:hover{background:#1a6945;color:#fff}.btn-outline{border-color:#bdd2e0;color:var(--navy);background:#fff}.btn-white{background:#fff;color:var(--navy)}.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.site-skip{position:absolute;left:-9999px;z-index:9999;background:#fff;padding:8px}.site-skip:focus{left:10px;top:10px}.announcement{background:#fff4eb;color:#344352;border-bottom:1px solid #f1e0d5;text-align:center;padding:8px 15px;font-size:13px}.announcement a{text-decoration:underline}.header-stage{background:linear-gradient(120deg,#0179be,#075480)}.header-shell{position:relative;z-index:40}.header-inner{min-height:64px;background:var(--navy-deep);color:#fff;display:flex;align-items:stretch;padding-inline:12px;box-shadow:0 3px 8px rgba(0,0,0,.05)}.brand{display:flex;align-items:center;gap:8px;color:#fff;padding:0 12px;text-decoration:none;flex:0 0 auto}.brand:hover{text-decoration:none}.brand-number{font-size:34px;letter-spacing:-.09em;line-height:1;font-weight:800}.brand-caption{font-size:9px;line-height:1.2;letter-spacing:.025em;font-weight:700;max-width:80px}.desktop-nav{display:flex;align-items:stretch;gap:0;flex:1 1 auto;min-width:0;margin-left:10px}.nav-trigger{border:0;border-top:3px solid transparent;background:transparent;color:#fff;white-space:nowrap;padding:0 10px;cursor:pointer;font-size:16px;font-weight:500}.nav-trigger:hover,.nav-trigger[aria-expanded=true],.nav-trigger:focus-visible{background:#fff;color:#063969;border-top-color:var(--sky)}.header-actions{display:flex;align-items:center;gap:9px;margin-left:auto;padding:7px 0 7px 8px}.header-search{display:flex;width:205px;max-width:17vw;height:41px}.header-search input{min-width:0;width:100%;padding:8px 10px;border:0;background:#fff;color:#123}.header-search button{width:43px;background:#0573d9;border:0;color:#fff;cursor:pointer}.login-btn{background:#0877e8;color:#fff;padding:10px 13px;border-radius:3px;white-space:nowrap;text-decoration:none;font-size:14px;font-weight:600}.login-btn:hover{background:#0066c8;color:#fff;text-decoration:none}.extra-trigger,.mobile-trigger{min-width:42px;background:#0877e8;border:0;border-radius:3px;color:#fff;cursor:pointer}.extra-wrap{position:relative;display:flex}.extra-menu{display:none;position:absolute;top:100%;right:0;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);width:218px;z-index:54}.extra-wrap.is-open .extra-menu{display:block}.extra-menu a{display:block;padding:13px 14px;border-bottom:1px solid var(--line);font-size:14px}.mobile-trigger{display:none}.mega-menu{display:none;position:absolute;top:100%;left:0;width:100%;z-index:50;background:#fff;box-shadow:0 8px 17px rgba(0,28,54,.18);border:1px solid #dbe6ed;border-top:0}.mega-menu.is-open{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(225px,.95fr);align-items:stretch}.mega-inner-col{padding:23px 18px 30px}.mega-breadcrumb{color:var(--navy);font-size:15px;border-bottom:1px solid #d6d6d6;padding:13px 18px 15px;grid-column:1 / 4;font-weight:500}.mega-feature{grid-column:4;grid-row:1 / 3;background:#e0f2fb;padding:26px 22px;color:var(--ink);display:flex;flex-direction:column;justify-content:center;gap:14px}.mega-feature h3{font-size:22px;margin:0}.mega-feature p{font-size:15px;line-height:1.5;margin:0}.mega-feature-visual{border-radius:4px;min-height:114px;background:linear-gradient(150deg,#1ca4ed 0%,#154373 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:44px}.mega-link{display:block;margin-bottom:28px;padding-left:26px;position:relative}.mega-link:hover{text-decoration:none}.mega-link b{display:block;color:#0965af;font-size:15px;font-weight:600;line-height:1.35}.mega-link span{display:block;color:#263d50;font-size:14px;line-height:1.4;padding-top:4px}.mega-link svg{position:absolute;left:0;top:2px;width:16px;height:16px;color:#1673bd}.nav-secondary{background:var(--sky);color:#053b59}.nav-secondary-inner{display:flex;gap:0;white-space:nowrap;overflow:auto;scrollbar-width:none}.nav-secondary a{display:inline-flex;align-items:center;color:#073b5c;min-height:45px;padding:10px 16px;font-size:15px;font-weight:600;white-space:nowrap}.nav-secondary a:hover,.nav-secondary a.is-current{background:#d8f2ff;text-decoration:none}.mobile-drawer{display:none}.hero{position:relative;min-height:505px;background:linear-gradient(110deg,#267fcb,#72b8ed);overflow:hidden}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,83,148,.42) 0%,transparent 56%);pointer-events:none}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-content{position:relative;z-index:2;padding-top:76px;padding-bottom:66px;max-width:var(--max)}.hero-copy{width:min(530px,51%);color:#fff}.hero-copy .eyebrow{color:#eaf6ff}.hero h1{color:#fff;font-size:clamp(38px,4vw,55px);line-height:1.11;margin:20px 0}.hero p{color:#fff;font-size:18px;line-height:1.48;max-width:520px}.hero .btn-outline{background:rgba(255,255,255,.11);border-color:#fff;color:#fff}.hero-points{display:flex;gap:23px;flex-wrap:wrap;margin-top:35px;font-weight:600;font-size:13px}.hero-points span{display:flex;align-items:center;gap:8px}.hero-points em{font-style:normal;font-size:22px}.promo{background:#e8f4fa;border-block:1px solid #d7ebf6}.promo .container{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:22px}.promo p{margin:0}.promo strong{color:var(--navy)}.region-pill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.region-pill{display:flex;gap:13px;align-items:center;min-height:95px;background:#f0f5f9;border:1px solid #e5edf3;border-radius:7px;padding:20px;text-decoration:none}.region-pill:hover{text-decoration:none;background:#e3f2fb}.region-pill .region-icon{font-size:31px;color:#126bbb}.region-pill h3{font-size:17px;margin:0 0 4px;color:var(--navy)}.region-pill p{font-size:13px;margin:0;line-height:1.4}.grid{display:grid;gap:25px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card{border:1px solid var(--line);border-radius:7px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.feature-card .feature-media{aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#eaf7fd,#a0cae9);display:flex;align-items:center;justify-content:center;color:var(--navy);font-size:48px}.feature-card img{width:100%;height:100%;object-fit:cover}.feature-card .feature-body{padding:22px;flex:1}.feature-card h3{font-size:20px;margin-bottom:9px}.feature-card p{font-size:15px;line-height:1.55}.feature-card a.action-link{font-weight:600;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-item{border:1px solid var(--line);border-radius:6px;padding:27px 23px;background:#fff;min-height:180px}.service-icon{display:block;font-size:27px;color:var(--navy);margin-bottom:10px}.service-item h3{font-size:18px;margin-bottom:7px}.service-item p{font-size:14px;line-height:1.5}.statement{padding:80px 0;background:var(--navy);color:#fff}.statement h2{font-size:clamp(38px,5.4vw,74px);line-height:1.06;color:#fff;max-width:970px;margin:0}.statement h2 span{color:#77d9f9}.tabs-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:stretch}.tabs-visual{min-height:440px;background:linear-gradient(145deg,#154373,#2cace2);border-radius:8px;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:33px;color:#fff}.tabs-visual::after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:25px;top:35px;box-shadow:0 0 0 60px rgba(255,255,255,.035),0 0 0 115px rgba(255,255,255,.02)}.tabs-visual h3{color:#fff;font-size:clamp(32px,4vw,52px);z-index:1;position:relative;margin:0 0 12px}.tabs-visual p{z-index:1;position:relative;max-width:375px}.tabs-list{display:flex;flex-direction:column;gap:13px}.feature-tab{text-align:left;padding:21px 23px;background:#f6f8fa;border:1px solid #e5eaf0;border-left:4px solid transparent;border-radius:7px;cursor:pointer}.feature-tab[aria-selected=true]{border-left-color:var(--sky);background:#e8f4fc}.feature-tab b{display:block;font-size:17px;color:var(--navy)}.feature-tab small{display:block;font-size:14px;color:#495c6e}.photo-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.photo-split img{border-radius:9px;width:100%;aspect-ratio:4/3;object-fit:cover}.project-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.chip{font-size:14px;display:inline-block;padding:7px 13px;border:1px solid #ccdae5;border-radius:4px;color:var(--navy)}.chip.active,.chip:hover{background:var(--navy);color:#fff;text-decoration:none}.project-card{border:1px solid var(--line);border-radius:7px;padding:22px;display:flex;flex-direction:column;gap:12px;min-height:230px}.project-card .p-mark{font-size:21px;font-weight:800;color:var(--navy);line-height:1.15;letter-spacing:-.03em}.project-card .project-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#677b89}.project-card p{font-size:14px;margin:0}.project-card .project-link{margin-top:auto;font-size:14px;font-weight:600}.project-card .logo-area{height:69px;display:flex;align-items:center}.project-card .logo-area img{max-height:60px;max-width:100%;width:auto;object-fit:contain}.packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.package-card{border:1px solid var(--line);padding:28px;border-radius:9px;background:#fff}.package-card.highlight{border-top:4px solid var(--green)}.package-card ul{padding-left:20px;font-size:14px}.package-card li{margin:9px 0}.page-hero{background:linear-gradient(110deg,#e7f3fc,#f9fcfe);padding:67px 0 60px;border-bottom:1px solid var(--line)}.page-hero .breadcrumb{font-size:13px;color:#45657d;margin-bottom:24px}.page-hero h1{max-width:900px;margin-bottom:18px}.page-hero .lead{font-size:19px;max-width:760px}.page-content{padding:60px 0 100px}.content-wrap{display:grid;grid-template-columns:minmax(230px,255px) minmax(0,1fr);gap:45px}.content-wrap.no-sidebar{display:block}.side-tree{border-right:1px solid var(--line);padding-right:20px;align-self:start;position:sticky;top:15px}.side-tree strong{display:block;color:var(--navy);font-size:14px;margin-bottom:15px}.side-tree a{display:block;color:#425b6d;padding:8px 9px;font-size:14px;border-radius:4px}.side-tree a.active{background:#e8f4fc;color:var(--navy);font-weight:600}.content-body p{max-width:780px}.content-body h2{margin-top:2em}.content-body .editorial-section h2{margin-top:0}.content-body .editorial-section{padding:50px 0}.content-body ul li{margin-bottom:8px}.content-body .statement{padding:45px;margin:50px 0;border-radius:8px}.content-body .statement h2{font-size:clamp(35px,4vw,53px)}.content-body .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-form{max-width:740px;padding:30px;border-radius:9px;background:#f3f7fa;border:1px solid var(--line)}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:5px}.form-group input,.form-group textarea,.form-group select{width:100%;border:1px solid #bccdda;padding:11px;border-radius:4px;background:#fff}.form-group textarea{min-height:125px}.form-helper{font-size:12px;color:#516477}.footer{background:var(--navy-deep);color:#e5edf5}.footer h3,.footer h2{color:#fff}.footer a{color:#e2edf8}.footer-cta{padding:60px 0 50px;border-bottom:1px solid rgba(255,255,255,.2)}.footer-cta h2{max-width:800px}.footer-logos{padding:28px 0 27px;border-bottom:1px solid rgba(255,255,255,.2)}.footer-mark-grid{display:flex;gap:17px;flex-wrap:wrap;margin-top:18px;align-items:center}.footer-mark{display:flex;align-items:center;justify-content:center;height:42px;min-width:95px;max-width:143px;color:#fff!important;font-size:13px;font-weight:800;letter-spacing:-.03em;text-align:center;opacity:.89;text-decoration:none}.footer-mark:hover{opacity:1}.footer-mark img{filter:brightness(0) invert(1);width:auto;max-width:125px;max-height:33px;object-fit:contain}.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:49px 0}.footer-columns h3{font-size:16px}.footer-columns a{display:block;font-size:14px;padding:5px 0;line-height:1.35}.footer-columns p{font-size:14px}.footer-bottom{border-top:1px solid rgba(255,255,255,.18);padding:22px 0 29px;display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;font-size:12px;color:#c3d6e7}.footer-bottom a{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.has-text-align-center{text-align:center}.wp-block-columns{display:flex;gap:28px}.wp-block-column{flex:1}.wp-block-image img{border-radius:8px}
@media(max-width:1250px){.container{width:min(calc(100% - 44px),var(--max))}.nav-trigger{padding-inline:7px;font-size:14px}.header-search{max-width:14vw}}
@media(max-width:1060px){.header-search{display:none}.mega-menu.is-open{grid-template-columns:repeat(3,1fr) 235px}.service-grid{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.region-pill-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.desktop-nav,.nav-secondary,.header-search,.login-btn,.extra-wrap{display:none}.mobile-trigger{display:block;margin-left:auto;align-self:center;height:42px;margin-right:4px}.header-inner{min-height:65px}.mobile-drawer{display:none;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:14px 20px 24px}.mobile-drawer.is-open{display:block}.mobile-drawer details{border-bottom:1px solid var(--line)}.mobile-drawer summary{padding:12px 0;color:var(--navy);font-size:16px;cursor:pointer;font-weight:600}.mobile-drawer a{display:block;padding:10px 18px;font-size:15px}.mobile-search{display:flex;margin-bottom:12px}.mobile-search input{flex:1;min-width:0;padding:10px;border:1px solid var(--line)}.mobile-search button{border:0;background:var(--navy);color:#fff;padding:10px}.hero{min-height:570px}.hero-image{object-position:64% center}.hero::after{background:linear-gradient(90deg,rgba(5,58,110,.77),rgba(7,64,112,.11))}.hero-copy{width:min(470px,65%)}.photo-split,.tabs-layout{grid-template-columns:1fr;gap:25px}.tabs-visual{min-height:300px}.content-wrap{grid-template-columns:1fr}.side-tree{position:static;display:flex;flex-wrap:wrap;border:0;border-bottom:1px solid var(--line);padding:0 0 18px}.side-tree strong{width:100%}.footer-columns{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:min(calc(100% - 36px),var(--max))}.editorial-section{padding:55px 0}.section-tight{padding:37px 0}.header-inner{min-height:60px}.brand-number{font-size:31px}.brand-caption{font-size:8px}.announcement{font-size:12px}.hero{min-height:0;display:flex;align-items:stretch;flex-direction:column}.hero-image{position:relative;order:1;height:auto;aspect-ratio:1.45;object-fit:cover;object-position:65% center;width:100%}.hero::after{display:none}.hero-content{padding:34px 0 43px;order:2;background:#1e70b5;width:100%}.hero-copy{width:100%}.hero h1{font-size:39px;margin:12px 0}.hero p{font-size:16px}.hero-points{gap:15px;margin-top:22px}.btns{gap:9px}.btn{font-size:14px}.promo .container{flex-direction:column;align-items:flex-start}.region-pill-grid,.grid-2,.grid-3,.grid-4,.service-grid,.packages-grid,.field-grid{grid-template-columns:1fr}.region-pill{min-height:75px}.section-heading{margin-bottom:25px}.statement{padding:50px 0}.statement h2{font-size:40px}.content-body .statement{padding:26px}.content-body .grid-3{grid-template-columns:1fr}.page-hero{padding:42px 0}.page-content{padding:38px 0}.tabs-visual{min-height:275px}.footer-columns{grid-template-columns:1fr 1fr;gap:25px}.footer-cta{padding:46px 0 38px}.footer-mark{min-width:78px}.footer-mark-grid{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Colored editorial highlights inside page content */
.statement.section-pale,.statement.section-sky{color:var(--body)}.statement.section-pale h2,.statement.section-sky h2{color:var(--navy)}.statement.section-pale .eyebrow,.statement.section-sky .eyebrow{color:var(--navy)}
.project-filters input,.project-filters select{padding:9px 12px;border:1px solid #bdccda;border-radius:4px;background:#fff;min-height:43px;font-size:14px}
/* 555 Design revision 2026-10-14 — seamless brand-blue hero and balanced nav */
.header-stage,.header-inner{background:#154373}
.hero{background:#154373}
.hero::after{background:linear-gradient(90deg,rgba(21,67,115,.09),transparent 55%)}
.hero-image{background:#154373}
/* Keep the ANZ-inspired full navigation on spacious screens without crowding. */
.brand{padding-inline:8px;gap:6px}
.brand-number{font-size:33px}
.brand-caption{font-size:8px;max-width:75px}
.desktop-nav{margin-left:6px}
.nav-trigger{padding-inline:7px;font-size:15px;letter-spacing:-.012em}
.header-actions{gap:6px;padding-left:4px}
.header-search{width:174px;max-width:none;flex:0 0 174px}
.login-btn{padding:9px 10px}
.extra-trigger{min-width:38px}
@media(max-width:1220px) and (min-width:1081px){
 .nav-trigger{padding-inline:5px;font-size:14px}
 .brand-number{font-size:31px}
 .brand-caption{font-size:7.5px;max-width:70px}
 .header-search{width:136px;flex-basis:136px}
 .header-search input{padding-inline:7px}
 .login-btn{padding:8px 8px;font-size:13px}
}
@media(max-width:1080px){
 .desktop-nav,.header-search,.nav-secondary,.login-btn,.extra-wrap{display:none}
 .mobile-trigger{display:block;margin-left:auto;align-self:center;height:42px;margin-right:4px}
 .header-inner{min-height:65px}
 .mobile-drawer{display:none;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:14px 20px 24px}
 .mobile-drawer.is-open{display:block}
}
@media(max-width:650px){
 .hero-content{background:#154373}
 .hero{background:#154373}
}

/* Show the founder’s complete cap rather than cropping the face on desktop. */
@media (min-width:651px){.hero-image{object-position:center top}}

/* 555 v1.1.1: ANZ-inspired contained navigation, NOT a full-width dark strip.
   Hero remains full-bleed; main navigation and secondary links stay within one
   centered 1160px content system. */
:root{--max:1160px}
.header-stage{background:#154373}
.header-shell{max-width:1160px}
.header-inner{background:#092c53;border-radius:3px 3px 0 0;box-shadow:0 2px 5px rgba(0,0,0,.13)}
.nav-secondary{background:#154373}
.nav-secondary-inner{background:#2cace2;max-width:1160px}
@media(max-width:900px){
 .header-shell{max-width:none}
 .header-inner{border-radius:3px}
}


/* 555 Editorial V2 — refined spatial system, clean ANZ-style navigation, original editorial artwork */
:root{--max:1260px;--navy:#154373;--navy-deep:#062c55;--line:#e1e9ef;--muted:#586a7b}
body{font-size:17px;line-height:1.64;color:#33485b;font-family:Inter,"Segoe UI",Arial,sans-serif}
.container{width:min(calc(100% - 72px),var(--max))}
h1,h2,h3{letter-spacing:-.033em}h2{font-size:clamp(34px,3.2vw,48px);line-height:1.14}
.editorial-section{padding:110px 0}.section-tight{padding:60px 0}
.section-heading{max-width:790px;margin-bottom:48px}.section-heading p{font-size:18px;max-width:690px}
.eyebrow{letter-spacing:.155em;font-size:12px;font-weight:700;margin-bottom:20px}
.btn{min-height:49px;padding:12px 23px;font-size:15px}
.announcement{font-size:14px;min-height:40px;padding:9px 20px;background:#fff7ef}
.header-stage{background:#087cb8}.header-shell{max-width:1260px}
.header-inner{background:#062b51;min-height:70px;padding-inline:15px;border-radius:3px;box-shadow:none}
.brand{padding-inline:12px 18px;min-width:108px}.brand-number{font-size:47px;letter-spacing:-.095em;font-weight:800}
.brand-caption{display:none!important}.desktop-nav{margin-left:6px;gap:0;flex:1;justify-content:flex-start}
.nav-trigger{font-size:16px;font-weight:500;letter-spacing:-.02em;padding-inline:11px;border-top-width:2px}
.header-actions{gap:8px;padding-left:8px}.header-search{width:190px;flex-basis:190px;height:40px}.header-search input{font-size:15px;padding:8px 12px}.header-search button{width:42px}
.login-btn{font-size:14px;padding:10px 13px}.extra-trigger{min-width:41px}
.nav-secondary{background:#087cb8}.nav-secondary-inner{max-width:1260px;background:#2cace2;min-height:47px;justify-content:center}.nav-secondary a{font-size:15px;font-weight:500;min-height:47px;padding-inline:18px}
.mega-menu.is-open{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(270px,.98fr)}
.mega-breadcrumb{font-size:16px;padding:17px 24px 18px}.mega-inner-col{padding:32px 24px 38px}.mega-link{margin-bottom:31px}
.mega-link b{font-size:16px}.mega-link span{font-size:14px}.mega-feature{padding:32px 26px;background:#e2f2fb;gap:19px}.mega-feature-visual{min-height:152px}
.hero{min-height:585px;background:#154373}.hero-image{object-position:center center}.hero::after{background:linear-gradient(90deg,rgba(21,67,115,.08),transparent 48%)}
.hero-content{padding-block:99px 76px}.hero-copy{width:min(600px,50%)}.hero h1{font-size:clamp(47px,4.1vw,63px);line-height:1.09;font-weight:650;margin:20px 0 26px}
.hero p{font-size:18px;line-height:1.62;max-width:580px}.hero-points{margin-top:43px;gap:26px;font-size:14px}
.promo .container{padding-block:24px}.promo{background:#eff8fc}.promo strong{font-size:17px}
.v2-regions{padding:40px 0 66px;background:#fff}.region-pill-grid{gap:14px}
.region-pill{min-height:116px;border-radius:5px;border:1px solid #e2eaf0;background:#f5f9fc;padding:20px;transition:background .25s,transform .25s}
.region-pill:hover{background:#e9f5fa;transform:translateY(-2px)}.region-index{font-size:14px;color:#168cc3;font-weight:700;align-self:flex-start}.region-pill h3{font-size:20px;margin-bottom:5px}.region-pill p{font-size:14px}.region-arrow{margin-left:auto;font-size:19px;color:#116db0;align-self:center}
.v2-expertise{padding-top:83px}.v2-expertise-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(44px,5vw,84px);align-items:center}
.v2-expertise-visual{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1.31;background:#0b2a4a}.v2-expertise-visual>img{width:100%;height:100%;object-fit:cover}
.visual-caption{position:absolute;bottom:38px;left:40px;color:#fff}.visual-caption span{display:block;font-size:12px;letter-spacing:.16em;margin-bottom:15px}.visual-caption strong{display:block;font-size:clamp(24px,2.5vw,36px);line-height:1.17;letter-spacing:-.035em}
.v2-expertise-content h2{font-size:clamp(38px,3.9vw,57px);margin-bottom:23px}.v2-expertise-content h2 span{color:#1682bd}.v2-expertise-content>p{font-size:18px;max-width:610px}
.v2-service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-block:32px}.v2-service-links a{display:flex;align-items:center;gap:12px;border-top:1px solid #dce8f0;min-height:60px;font-size:15px;font-weight:650;color:#163c61}.v2-service-links a:hover{text-decoration:none;color:#0879af}.service-link-symbol{font-size:20px;color:#1485c1}
.v2-text-link{font-size:15px;font-weight:700;color:#096eaf;text-decoration:none;white-space:normal}.v2-text-link:hover{text-decoration:underline}
.v2-statement{background:#103e6c;color:#fff;padding:108px 0}.v2-statement-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:90px;align-items:end}
.v2-statement .eyebrow{color:#a0dff6}.v2-statement h2{color:#fff;font-size:clamp(47px,5.1vw,77px);line-height:1.04;letter-spacing:-.044em;max-width:800px;margin:0}
.v2-statement h2 em{font-style:normal;color:#9ae5ec}.v2-statement-aside{max-width:400px}.v2-statement-aside p{color:#e2eff9;font-size:18px;line-height:1.65}.v2-stat{border-top:1px solid rgba(255,255,255,.3);margin:30px 0;padding-top:20px;display:flex;gap:18px;align-items:center}.v2-stat strong{font-size:44px;color:#b3edfa;line-height:1}.v2-stat span{font-size:14px;color:#e2eff9}
.v2-world{padding-block:113px}.v2-world .tabs-layout{gap:38px;grid-template-columns:1.13fr .87fr}.v2-tabs-visual{padding:0;background:#0c4774;min-height:493px;justify-content:stretch;display:block;border-radius:7px}.v2-tabs-visual::after{display:none}.tabs-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tabs-visual-caption{position:absolute;inset:auto 0 0;padding:95px 36px 33px;background:linear-gradient(transparent,rgba(4,30,54,.95))}.tabs-visual-caption .tab-eyebrow{font-size:11px;letter-spacing:.17em;color:#b8e9fc}.tabs-visual-caption h3{margin:12px 0 8px;font-size:41px}.tabs-visual-caption p{font-size:16px;max-width:440px;margin-bottom:13px}.tab-explore{font-size:14px;color:#b7efff;font-weight:700}
.tabs-list{gap:11px}.feature-tab{display:flex;align-items:center;gap:20px;min-height:113px;padding:20px 25px;border-radius:4px;background:#fff;border:1px solid #e0e9f0;border-left:3px solid transparent;color:#0d4d84}
.feature-tab:hover{background:#eef7fb}.feature-tab[aria-selected=true]{border-left-color:#2cace2;background:#e5f3fb}.feature-tab .tab-num{font-size:13px;color:#3798c0;font-weight:700}.feature-tab .tab-words{flex:1}.feature-tab b{font-size:18px}.feature-tab small{font-size:14px;line-height:1.5}
.v2-section-title-row{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:36px}.v2-section-title-row .section-heading{margin-bottom:0}
.v2-ecosystems{padding-block:116px}.v2-project-grid{gap:24px}.v2-project-card{border-radius:6px;transition:transform .2s,box-shadow .2s}.v2-project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.v2-project-card .feature-media{aspect-ratio:1.66;background:#104771}.v2-project-card .feature-media img{width:100%;height:100%;object-fit:cover}
.v2-project-card .feature-body{padding:29px 28px 32px}.v2-card-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;color:#1380bb;margin-bottom:13px}.v2-project-card h3{font-size:23px;line-height:1.2;margin-bottom:13px}.v2-project-card h3 span{color:#0985b6}.v2-project-card p{font-size:16px}.v2-project-card .action-link{font-size:15px;display:inline-block;margin-top:9px}
.v2-studio{background:#f6fbfe}.v2-studio-split{display:grid;grid-template-columns:1fr .85fr;gap:clamp(50px,6vw,102px);align-items:center}.v2-studio-visual{border-radius:8px;overflow:hidden;background:#052e52}.v2-studio-visual img{display:block;width:100%;aspect-ratio:1.43;object-fit:cover}.v2-studio-text h2{font-size:clamp(42px,4.2vw,59px)}.v2-studio-text p{font-size:18px}.v2-subnote{font-size:15px!important;color:#677b8c;margin:23px 0 29px}
.v2-concepts-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.v2-concepts h2{font-size:clamp(43px,4.5vw,64px);margin:0 0 26px}.v2-concepts h2 span{color:#1680b9}.v2-concepts p{font-size:18px}.v2-concepts-visual{border-radius:8px;overflow:hidden}.v2-concepts-visual img{display:block;width:100%;height:auto}.v2-concept-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.v2-concept-tags span{padding:8px 12px;background:#fff;border:1px solid #dce5ec;border-radius:3px;font-size:13px;color:#375f79}
.v2-credibility .section-heading{max-width:870px}.v2-proof-grid{gap:20px}.v2-proof-grid>a{border-top:2px solid #b8dce9;padding:29px 18px 20px;text-decoration:none;color:var(--body);transition:background .2s}.v2-proof-grid>a:hover{background:#f1f8fc}.v2-proof-grid span,.v2-packages .package-card span{font-size:12px;letter-spacing:.15em;color:#3582ad;font-weight:700}.v2-proof-grid h3{font-size:28px;margin:20px 0 12px}.v2-proof-grid p{font-size:16px}.v2-proof-grid strong{font-size:14px;color:#056aab}
.v2-audiences{padding:91px 0}.v2-audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.v2-audience-grid>div{padding:25px 0 0;border-top:1px solid #cadde9}.v2-audience-grid b{font-size:13px;color:#3896ba}.v2-audience-grid h3{margin:13px 0;font-size:21px}.v2-audience-grid p{font-size:15px}
.v2-packages{padding-bottom:136px}.v2-packages .package-card{padding:36px;min-height:245px}.v2-packages .package-card h3{font-size:26px;margin:20px 0}.v2-packages .package-card p{font-size:16px}.v2-packages .package-card a{font-weight:700;font-size:14px}
.side-tree{top:25px;border:0;padding:0;position:sticky;align-self:start;box-shadow:none}.side-tree-eyebrow{font-size:12px;letter-spacing:.15em;color:#5892b2;font-weight:700;margin-bottom:12px}.side-tree-group{border:1px solid #dce7ed;border-radius:6px;overflow:hidden;background:#fff}.side-tree-group summary{cursor:pointer;padding:17px 17px;font-weight:700;color:#154373;font-size:16px;list-style:none;display:flex;justify-content:space-between;background:#f1f8fb}.side-tree-group summary::-webkit-details-marker{display:none}.side-tree-toggle{color:#1589bd}.side-tree-group nav{padding:10px 0}.side-tree a{border-radius:0;font-size:15px;padding:11px 17px;border-left:3px solid transparent}.side-tree a:hover{background:#f5faff;text-decoration:none}.side-tree a.active{border-left-color:#2cace2;background:#e8f5fc;color:#154373}.side-tree-help{margin-top:19px;background:#154373;color:#fff;padding:23px;border-radius:6px}.side-tree-help span{font-size:11px;letter-spacing:.12em;color:#b2e3f5;font-weight:700}.side-tree-help p{font-size:15px;line-height:1.55;margin:12px 0}.side-tree-help a{font-weight:700;color:#fff;font-size:14px;padding:0}
@media(max-width:1400px) and (min-width:1101px){.container{width:min(calc(100% - 56px),var(--max))}.nav-trigger{padding-inline:8px;font-size:15px}.brand{padding-inline:9px 11px;min-width:95px}.brand-number{font-size:42px}.header-search{width:155px;flex-basis:155px}.login-btn{padding-inline:10px}.nav-secondary a{padding-inline:15px}}
@media(max-width:1100px){.desktop-nav,.header-search,.nav-secondary,.login-btn,.extra-wrap{display:none}.mobile-trigger{display:block;align-self:center;margin-left:auto;min-width:46px;height:45px}.header-inner{min-height:73px}.brand-number{font-size:44px}.mobile-drawer{display:none;background:#fff;padding:20px 25px;box-shadow:var(--shadow)}.mobile-drawer.is-open{display:block}.mobile-drawer summary{font-size:17px;padding:15px 0}.mobile-drawer a{font-size:16px;padding:12px 18px}.hero-copy{width:min(570px,59%)}.v2-expertise-grid,.v2-studio-split,.v2-concepts-layout{gap:38px}.v2-statement-grid{gap:45px}.v2-world .tabs-layout{gap:24px}}
@media(max-width:900px){.container{width:min(calc(100% - 44px),var(--max))}.editorial-section{padding:75px 0}.v2-statement{padding:83px 0}.v2-regions{padding:28px 0 36px}.v2-expertise-grid,.v2-studio-split,.v2-concepts-layout,.v2-statement-grid{grid-template-columns:1fr}.v2-expertise-visual{aspect-ratio:1.65}.v2-studio-visual{max-width:720px}.v2-concepts-visual{max-width:740px}.v2-statement-aside{max-width:610px}.v2-world .tabs-layout{grid-template-columns:1fr}.v2-tabs-visual{min-height:390px}.tabs-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.feature-tab{min-height:115px}.v2-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-project-card:last-child{grid-column:span 2}.v2-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.side-tree{position:static;display:block;padding:0;border:0}.side-tree-help{display:none}.side-tree-group nav{display:block}.side-tree a{display:block}.hero{min-height:545px}.hero-content{padding-block:78px 60px}}
@media(max-width:650px){.container{width:calc(100% - 36px)}.editorial-section{padding:61px 0}.section-heading{margin-bottom:33px}.v2-section-title-row{display:block}.v2-section-title-row>a{display:inline-block;margin-top:12px}.announcement{font-size:12px;line-height:1.5}.header-stage{background:#154373}.header-shell{width:calc(100% - 20px)}.header-inner{border-radius:3px}.brand-number{font-size:42px}.hero{display:flex;flex-direction:column;min-height:0}.hero-image{position:relative;order:1;aspect-ratio:1.58;object-fit:cover;object-position:66% center}.hero-content{order:2;width:100%;background:#154373;padding:36px 0 50px}.hero-copy{width:100%}.hero h1{font-size:clamp(38px,11vw,49px);line-height:1.1}.hero p{font-size:16px}.hero-points{gap:16px;font-size:12px}.region-pill-grid{grid-template-columns:1fr 1fr;gap:10px}.region-pill{min-height:128px;padding:14px;align-items:start;gap:8px}.region-index{font-size:12px}.region-pill h3{font-size:17px}.region-pill p{font-size:12px}.region-arrow{display:none}.v2-expertise-visual{aspect-ratio:1.17}.visual-caption{left:24px;bottom:24px}.v2-expertise-content h2{font-size:40px}.v2-service-links{grid-template-columns:1fr}.v2-service-links a{min-height:56px}.v2-statement h2{font-size:clamp(41px,10vw,56px)}.v2-tabs-visual{min-height:330px}.tabs-list{display:flex;flex-direction:column}.feature-tab{min-height:91px;padding:14px 18px}.v2-project-grid{grid-template-columns:1fr}.v2-project-card:last-child{grid-column:auto}.v2-studio-text h2,.v2-concepts h2{font-size:41px}.v2-audience-grid{grid-template-columns:1fr 1fr;gap:16px}.v2-audience-grid h3{font-size:18px}.v2-audience-grid p{font-size:14px}.v2-credibility .grid-3{grid-template-columns:1fr}.v2-packages .packages-grid{grid-template-columns:1fr}.v2-concepts .btns{align-items:flex-start;flex-direction:column}.content-wrap{grid-template-columns:1fr}.side-tree-group summary{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* V2 render refinements */
@media(min-width:651px){.hero-image{object-position:center top}}
@media(max-width:650px){.hero-image{object-position:66% top}}

/* V2 Portfolio: optional authentic WordPress featured homepage screenshot */
.project-card{padding:22px;gap:14px;box-shadow:none;transition:box-shadow .2s,transform .2s}.project-card:hover{box-shadow:0 15px 34px rgba(10,52,92,.10);transform:translateY(-2px)}
.project-card:has(.project-preview){padding-top:0;overflow:hidden}.project-preview{display:block;margin-inline:-22px;overflow:hidden;aspect-ratio:16/9;background:#e5f2f9;border-bottom:1px solid #d7e6ef}
.project-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .35s}.project-preview:hover img{transform:scale(1.035)}
.project-card .logo-area{height:77px}.project-card .logo-area img{max-height:59px;max-width:195px}


/* 555 V2.2 — Refined editorial hero: no square CTA buttons or card boxes */
.hero-cta-minimal{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(22px,3vw,43px);margin-top:26px}
.hero .hero-link{display:inline-flex;align-items:center;gap:8px;padding:4px 0 9px;color:#fff;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.55);border-radius:0;box-shadow:none;text-decoration:none;font-size:16px;font-weight:650;letter-spacing:-.01em;line-height:1.4;transition:border-color .2s,color .2s}
.hero .hero-link-primary{border-bottom:2px solid #75dcf1}
.hero .hero-link:hover,.hero .hero-link:focus-visible{color:#dbf6ff;border-bottom-color:#fff;text-decoration:none}
.hero .hero-link:focus-visible{outline:2px solid #e8faff;outline-offset:5px}
.hero-arrow{font-size:19px;line-height:1;transition:transform .2s}
.hero .hero-link:hover .hero-arrow{transform:translate(3px,-3px)}
.hero-credibility{margin-top:37px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 0;color:rgba(255,255,255,.86);font-size:12px;font-weight:550;letter-spacing:.015em;line-height:1.35}
.hero-credibility span{display:inline-flex;align-items:center;white-space:nowrap}
.hero-credibility span+span:before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#b9def2;margin-inline:16px}
/* The ecosystem links just below the hero are editorial links, not four card tiles. */
.v2-regions{padding:30px 0 63px;background:#fff}
.v2-regions .region-pill-grid{gap:28px;border-top:1px solid #caddea;padding-top:30px}
.v2-regions .region-pill{display:grid;grid-template-columns:21px minmax(0,1fr) 18px;align-items:start;gap:12px;min-height:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;text-decoration:none;transition:none}
.v2-regions .region-pill:hover,.v2-regions .region-pill:focus-visible{background:transparent;box-shadow:none;transform:none}
.v2-regions .region-index{font-size:11px;font-weight:750;letter-spacing:.06em;color:#168bb9;padding-top:5px}
.v2-regions .region-pill h3{font-size:19px;line-height:1.22;letter-spacing:-.02em;margin:0 0 8px}
.v2-regions .region-pill p{font-size:13px;line-height:1.48;color:#516d80;margin:0}
.v2-regions .region-arrow{color:#168bb9;align-self:start;line-height:1.3;font-size:17px;transition:transform .2s}
.v2-regions .region-pill:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.v2-regions .region-pill:hover .region-arrow{transform:translate(2px,-2px)}
@media(max-width:900px){.v2-regions .region-pill-grid{gap:26px}.v2-regions .region-pill{grid-template-columns:20px minmax(0,1fr) 16px}}
@media(max-width:650px){.hero-cta-minimal{gap:16px 25px;margin-top:24px}.hero .hero-link{font-size:15px}.hero-credibility{font-size:11px;margin-top:29px}.hero-credibility span+span:before{margin-inline:9px}.v2-regions{padding:24px 0 42px}.v2-regions .region-pill-grid{grid-template-columns:1fr;gap:0;padding-top:6px}.v2-regions .region-pill{padding:16px 1px;border-bottom:1px solid #e1edf3}.v2-regions .region-pill h3{font-size:18px}.v2-regions .region-pill p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero-arrow,.v2-regions .region-arrow{transition:none!important}}


/* 555 V2.3 — cohesive photographic scene: centred ANZ-style nav floats above
   one real image from the user's own photograph, no competing side colours. */
.site-scene{position:relative;isolation:isolate;background-color:#1679b4;background-image:var(--five-scene-image);background-repeat:no-repeat;background-size:cover;background-position:center top}
.site-scene .header-stage,.site-scene .nav-secondary{background:transparent!important}
.site-scene .header-inner{background:#062b51!important;box-shadow:none!important}
.site-scene .nav-secondary-inner{background:#2cace2!important}
.site-scene .hero,.site-scene .page-hero{background:transparent!important;box-shadow:none!important}
.site-scene .hero::after{display:none!important}
.site-scene .hero-image{display:none}
.site-scene .hero-content{padding-top:88px;padding-bottom:77px}
/* A precisely bounded solid overlay for text, rather than blurring the photo
   or covering the whole left half with a dark gradient. Never apply shadows. */
.site-scene .hero-copy{width:min(630px,53%);background:rgba(5,42,78,.91);padding:27px 30px 29px;box-shadow:none;border-radius:0}
.site-scene .hero-copy .eyebrow{margin-bottom:10px}
.site-scene .hero h1{font-size:clamp(40px,3.85vw,59px);margin:13px 0 20px}
.site-scene .hero p{font-size:17px;line-height:1.56}
.site-scene .hero-credibility{margin-top:26px}
.site-scene .page-hero{padding:68px 0 66px;border:0;min-height:315px;display:flex;align-items:center}
.site-scene .page-hero-copy{background:rgba(5,42,78,.93);padding:28px 34px 30px;max-width:795px;width:fit-content;min-width:min(100%,610px);box-shadow:none;border-radius:0}
.site-scene .page-hero .breadcrumb,.site-scene .page-hero .breadcrumb a{color:#edf7ff}
.site-scene .page-hero .breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.site-scene .page-hero h1,.site-scene .page-hero .lead{color:#fff}
.site-scene .page-hero .lead{margin-bottom:0}
.site-scene .page-hero .btn-outline{color:#062c55!important;background:#fff!important;border:1px solid #fff}
/* Contrast audit: the old footer rule '.footer a' made light text on white buttons. */
.footer .btn-outline,.footer .btn-white{color:#092f55!important;background:#fff!important;border:1px solid #c5dbe8!important}
.footer .btn-primary{color:#fff!important;background:#154373!important;border-color:#fff}
.footer .btn-green{color:#fff!important;background:#1b6a46!important}
.footer .btn-outline:hover,.footer .btn-white:hover{color:#001d3c!important;background:#e3f4ff!important}
/* Restore minimum readable contrast of small numbers and labels. */
.v2-regions .region-index,.v2-regions .region-arrow{color:#0b557c!important}
.tab-num,.v2-audience-grid b{color:#075274!important}
.v2-card-eyebrow{color:#075583!important}
.v2-proof-grid>a>span,.v2-packages .package-card>span{color:#125478!important}
.v2-subnote{color:#45596c!important}
.v2-expertise-content h2 span,.v2-concepts h2 span{color:#096294!important}
/* Text links should not be distinguished by colour alone. */
.content-body p a:not(.btn),.content-body li a:not(.btn),.section-heading p a,
.v2-studio-text p a,.v2-concepts p a,.footer-columns p a,.footer-bottom a,
.tab-explore,.v2-text-link{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.mega-link svg{width:20px;height:20px;top:1px;color:#0c62a0}
.mega-link{padding-left:31px}
.v2-regions .region-pill h2{font-size:19px;line-height:1.22;letter-spacing:-.02em;margin:0 0 8px;color:var(--navy);font-weight:600}
.v2-regions .region-pill:hover h2{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px) and (min-width:651px){.site-scene .hero-copy{width:min(590px,62%);padding:25px}.site-scene .hero h1{font-size:clamp(38px,4vw,54px)}}
@media(max-width:650px){
 .site-scene{background-image:none!important;background:#fff!important}
 .site-scene .header-stage{background:#1679b4 var(--five-scene-image) center top / cover no-repeat!important}
 .site-scene .hero{display:flex;flex-direction:column;background:#154373!important}
 .site-scene .hero-image{display:block;position:relative;order:1;aspect-ratio:1.55;object-fit:cover;object-position:center top;width:100%}
 .site-scene .hero-content{order:2;background:#154373;padding:32px 0 45px}
 .site-scene .hero-copy{padding:0;background:transparent;width:100%}
 .site-scene .hero h1{font-size:clamp(36px,10vw,48px)}
 .site-scene .page-hero{background:#dceffc var(--five-scene-image) center top / cover no-repeat!important;min-height:290px;padding:36px 0}
 .site-scene .page-hero-copy{padding:24px 22px;min-width:0;width:100%;background:rgba(5,42,78,.92)}
 .site-scene .page-hero h1{font-size:clamp(30px,9vw,43px)}
 .v2-regions .region-pill h2{font-size:18px}
}

/* Final contrast pass: white utility labels must clear 4.5:1. */
.login-btn,.extra-trigger,.header-search button{background:#0062b5!important;color:#fff!important}
.login-btn:hover,.extra-trigger:hover,.header-search button:hover{background:#004d95!important;color:#fff!important}


/* 555 V2.4 — each page owns its hero image, founder photo on homepage only. */
.scene-inner{background-position:center 44%;background-size:cover}
.scene-home{background-position:center top;background-size:cover}
.scene-inner .page-hero-copy{max-width:min(780px,100%)}
.scene-inner .page-hero{min-height:330px;padding:67px 0 69px}
/* Fixed, solid rectangular text panel; no shadows or translucent whole-image fog. */
.scene-inner .page-hero-copy{background:rgba(6,43,81,.94);box-shadow:none;border-radius:0}
.scene-inner .page-hero .breadcrumb,.scene-inner .page-hero .breadcrumb a{color:#eff9ff}
.scene-inner .page-hero h1,.scene-inner .page-hero .lead{color:#fff}
.scene-inner .page-hero h1{text-wrap:balance}
@media(max-width:900px){.scene-inner{background-position:60% 43%}}
@media(max-width:650px){
 .scene-inner .page-hero{background-image:var(--five-scene-image)!important;background-size:cover!important;background-position:center 44%!important;padding:48px 0!important;min-height:320px}
 .scene-inner .page-hero-copy{width:100%;background:rgba(6,43,81,.92)}
}

/* V2.4.1: real user photograph, left sky and right portrait; solid type panel, no image blur. */
.scene-home{background-position:center top!important}
.scene-home .hero-copy{background:rgba(5,42,78,.91)!important;box-shadow:none!important}
/* Project screenshots: use real featured images first, then opt-in remote website capture preview. */
.project-screenshot{position:relative;aspect-ratio:16/9;background:#eaf3f8;overflow:hidden;border-bottom:1px solid #dce5ed}
.project-screenshot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;border:0}
.project-screenshot .project-screenshot-label{position:absolute;left:0;bottom:0;background:rgba(5,42,78,.93);color:#fff;padding:5px 10px;font:600 12px/1.3 Inter,Arial,sans-serif}
.related-video{padding:32px 0 16px;margin-top:50px;border-top:1px solid #dce5ed}
.related-video h2{margin-bottom:18px}.related-video-frame{aspect-ratio:16/9;width:min(100%,820px);background:#071e36;overflow:hidden}
.related-video-frame iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:650px){.scene-home{background-position:62% top!important}.related-video{padding-top:26px}}

/* Portfolio individual cases */
.project-featured-screenshot{width:min(100%,1100px);margin:8px 0 40px;border:1px solid #d9e5eb;background:#f0f6fa}
.project-featured-screenshot img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top}
.project-featured-screenshot figcaption{padding:10px 14px;color:#38516a;font-size:13px}
.site-scene .page-hero .project-stage{color:#e8f5ff;font-size:13px;letter-spacing:.04em;font-weight:600}

/* V2.5 — authentic editorial photography; no decorative geometry or card shadows. */
.v2-expertise-visual,.v2-studio-visual,.v2-concepts-visual,.v2-tabs-visual{border-radius:4px;box-shadow:none!important}
.v2-expertise-visual>img,.v2-studio-visual>img,.v2-concepts-visual img,.v2-project-card .feature-media img,.tabs-art{object-fit:cover;filter:none}
.v2-expertise-visual::after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(0deg,rgba(4,28,52,.77),transparent);pointer-events:none}
.visual-caption{z-index:1}
.v2-project-card,.v2-project-card:hover{box-shadow:none!important;transform:none!important}
.v2-project-card .feature-media{overflow:hidden}
.v2-project-card .feature-media img{transition:transform .35s ease}
@media (prefers-reduced-motion:no-preference){.v2-project-card:hover .feature-media img{transform:scale(1.025)}}
.v2-tabs-visual .tabs-art{transition:opacity .2s ease}
.photo-credit-note{font-size:12px;color:#647789}


/* 555 V2.6 — CALM EDITORIAL HEADERS & SALES-LED HOMEPAGE */
.scene-inner{background-position:68% center!important}
.site-scene.scene-inner .page-hero{padding:54px 0;min-height:295px;position:relative;isolation:isolate}
.site-scene.scene-inner .page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,32,60,.36) 0%,rgba(4,32,60,.11) 65%,transparent 100%);pointer-events:none;z-index:0}
.site-scene.scene-inner .page-hero>.container{position:relative;z-index:1}
.scene-inner .page-hero-copy{max-width:650px!important;background:rgba(5,39,73,.96)!important;border-radius:0;box-shadow:none;padding:25px 31px!important}
.scene-inner .page-hero h1{font-size:clamp(36px,3.8vw,57px);line-height:1.10;max-width:590px}
.scene-inner .page-hero .lead{font-size:clamp(15px,1.3vw,18px);line-height:1.5;max-width:580px}
/* Preserve the user-provided blue-cap photo in the homepage hero. */
.scene-home{background-position:center top!important}
.site-scene.scene-home .hero-copy{background:rgba(5,42,78,.92)!important}
/* Homepage sales grid: calm photography, copy sits below the photos — never on top. */
.v26-services{background:#fff;padding-top:72px;padding-bottom:75px}
.v26-heading-row,.v26-video-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:27px}
.v26-heading-row h2,.v26-video-intro h2{font-size:clamp(29px,3.5vw,48px);line-height:1.12;margin:10px 0 15px;max-width:800px;color:#0b3156}
.v26-heading-row p,.v26-video-intro p{margin:0;max-width:710px;color:#425d73;font-size:16px;line-height:1.6}
.v26-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.v26-service-card{display:flex;flex-direction:column;border:1px solid #dce7ee;box-shadow:none;background:#fff;text-decoration:none;overflow:hidden;border-radius:2px}
.v26-service-image{aspect-ratio:16/9;overflow:hidden;background:#e9f0f5}
.v26-service-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.78) contrast(.94);transition:transform .3s ease}
.v26-service-card:hover .v26-service-image img{transform:scale(1.025)}
.v26-service-copy{display:flex;flex-direction:column;flex:1;padding:21px 22px 23px;gap:10px}
.v26-service-copy h3{font-size:19px;letter-spacing:-.025em;margin:0;color:#0b3156}
.v26-service-copy p{font-size:14px;line-height:1.55;color:#476177;margin:0}
.v26-service-copy>span{margin-top:auto;padding-top:6px;font-size:13px;font-weight:650;color:#0a608c}
.v26-service-card:focus-visible{outline:3px solid #127cad;outline-offset:2px}
.v26-video-section{background:#f4f8fb;padding:80px 0 88px}
.v26-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.v26-video-card{min-width:0;border:1px solid #dce7ee;background:#fff;border-radius:2px;overflow:hidden}
.v26-video-trigger{display:block;width:100%;aspect-ratio:16/9;position:relative;border:0;padding:0;background:#102b48;cursor:pointer;overflow:hidden}
.v26-video-trigger img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88)}
.v26-video-trigger::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,32,55,.16),transparent 48%);pointer-events:none}
.v26-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:rgba(8,49,88,.92);color:white;font-size:25px;padding-left:3px;z-index:1;box-shadow:0 3px 14px rgba(0,0,0,.15)}
.v26-video-trigger:hover .v26-video-play{background:#0a77ad}
.v26-video-trigger:focus-visible{outline:3px solid #2cace2;outline-offset:-4px}
.v26-video-card iframe{aspect-ratio:16/9;height:auto!important;background:#102b48}
.v26-video-meta{padding:18px 21px 22px}
.v26-video-meta>span{color:#1a6b91;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.07em}
.v26-video-meta h3{margin:7px 0 0;font-size:18px;line-height:1.3;color:#0c3157}
@media(max-width:900px){.v26-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v26-heading-row,.v26-video-intro{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.v26-services,.v26-video-section{padding:50px 0}.v26-service-grid,.v26-video-grid{grid-template-columns:1fr;gap:15px}.v26-heading-row h2,.v26-video-intro h2{font-size:31px}.scene-inner{background-position:63% center!important}.site-scene.scene-inner .page-hero{min-height:290px;padding:42px 0}.scene-inner .page-hero-copy{padding:22px!important}.v26-video-play{width:56px;height:56px;font-size:21px}}
@media(prefers-reduced-motion:reduce){.v26-service-image img{transition:none}.v26-video-trigger img{transition:none}}

/* V2.6 · 49 genuine project identities on one slow, unlinked white footer ticker. */
.v26-brand-marquee{width:100%;overflow:hidden;margin-top:20px;mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}
.v26-brand-track{display:flex;width:max-content;animation:v26-marquee 130s linear infinite;align-items:center}
.v26-brand-row{display:flex;align-items:center;flex:none;gap:28px;padding-right:28px}
.v26-brand-mark{flex:none;display:flex;align-items:center;justify-content:center;min-width:85px;max-width:188px;height:52px;color:#fff;text-align:center;font-size:13px;font-weight:800;letter-spacing:-.012em;line-height:1.15;opacity:.92;white-space:nowrap}
.v26-brand-wordmark{color:#fff}
.v26-brand-mark img{filter:brightness(0) invert(1);max-height:33px;max-width:160px;object-fit:contain}
@keyframes v26-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.v26-brand-marquee{overflow-x:auto;mask-image:none}.v26-brand-track{animation:none}}

/* V2.7 Sales & SEO — desktop-first, calm editorial presentation. */
.v27-header-quote{background:#238558!important;min-width:115px;text-align:center;display:inline-flex;align-items:center;justify-content:center;line-height:1.2}
.v27-header-quote:hover{background:#1b6d48!important}
.v27-mobile-quote{background:#176c4a;color:white!important;font-weight:700;border-radius:3px;margin-top:12px}
.v27-section-top{max-width:810px;margin:0 0 34px}.v27-section-top h2{margin:10px 0 13px;font-size:clamp(31px,3.3vw,48px)}.v27-section-top p{color:#4b6174;font-size:17px;max-width:680px}
.v27-process{background:#fff;border-block:1px solid #e5ebf0}.v27-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.v27-steps article{background:#f5f9fb;padding:28px 27px 34px;border-top:3px solid #1877aa;min-height:190px}
.v27-steps article span{font-weight:750;color:#0d638e;font-size:13px;letter-spacing:.05em}.v27-steps article h3{font-size:21px;color:#0d3456;margin:21px 0 12px}.v27-steps article p{font-size:15px;line-height:1.65;color:#536c7d;margin:0}
.v2-packages{padding:80px 0;background:#f3f7fa}.v2-packages .package-card{box-shadow:none}.v2-packages .package-card ul{padding-left:20px;margin:14px 0 27px;color:#426075;line-height:1.8;font-size:14px}.v2-packages .package-card a{margin-top:auto}
.v27-quote{background:#10395c;color:#e8f2f8;padding:92px 0}.v27-quote-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.08fr);gap:7%;align-items:start}
.v27-quote-copy{padding-top:23px}.v27-quote-copy .eyebrow{color:#91d4f4}.v27-quote h2{color:#fff;font-size:clamp(36px,4.3vw,59px);line-height:1.08;max-width:560px;margin:17px 0 23px}
.v27-quote-copy p{font-size:17px;max-width:495px;color:#e4f0fa}.v27-quote-copy .v27-quote-note{font-size:14px;color:#b5d1e2}.v27-quote-copy>a{color:#c2eaff;text-decoration:underline}
.v27-quote-form{background:#fff;color:#203e54;padding:28px 30px;border:1px solid #dce7ed}.v27-lead-form{display:block}.v27-lead-form .form-group{margin-bottom:16px}.v27-lead-form .form-group label{color:#193e5c}
.v27-lead-form input,.v27-lead-form select,.v27-lead-form textarea{width:100%;background:#fff;color:#152e40}.v27-lead-form .btn{width:100%;min-height:50px;font-size:15px}
.v27-privacy{color:#49667a;font-size:12px;line-height:1.55}.v27-honeypot{position:absolute;left:-9999px}.v27-form-message{background:#e6f8ee;color:#155835;border-left:4px solid #208451;padding:13px 16px;font-size:14px}
.v27-quote-form :is(input,select,textarea,button):focus-visible{outline:3px solid #2cace2;outline-offset:2px}
@media(max-width:950px){.v27-quote-layout{grid-template-columns:1fr;gap:35px}.v27-quote-copy{padding-top:0}.v27-steps{grid-template-columns:1fr}}
@media(max-width:650px){.v2-packages,.v27-process,.v27-quote{padding:55px 0}.v27-quote-form{padding:20px 18px}.v27-quote h2{font-size:40px}.v27-steps article{min-height:auto;padding:22px}.v27-steps article h3{margin-top:10px}}

/* V2.7.1 reviewed editorial UI: smaller, calmer sales homepage. */
.scene-home .hero h1{font-size:clamp(38px,4.4vw,58px);line-height:1.06;letter-spacing:-.038em;text-wrap:balance}
.scene-home .hero p{font-size:17px;line-height:1.56;max-width:570px}
.scene-home .hero-credibility{gap:12px;row-gap:8px;flex-wrap:wrap}
.v27-quote{scroll-margin-top:22px}
.v26-service-card:focus-visible,.v2-project-card a:focus-visible,.v27-header-quote:focus-visible,.nav-secondary a:focus-visible{outline:3px solid #F9BC46;outline-offset:3px}
.v26-service-image img{filter:saturate(.68) contrast(.96)!important}
.site-scene.scene-inner .page-hero::before{background:linear-gradient(90deg,rgba(4,32,60,.22),transparent 76%)}
@media(max-width:950px){.scene-home .hero h1{font-size:clamp(33px,6.2vw,49px)}}
@media(max-width:650px){.scene-home .hero h1{font-size:clamp(36px,10.2vw,45px)}.scene-home .hero p{font-size:16px}.v27-quote{padding-top:60px;padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.v26-brand-track{animation:none!important}.v26-video-trigger img,.v26-service-image img{transition:none!important}}


/* V2.7.2 — owner's original transparent 555 logo in the main menu and footer.
   Preserve source aspect ratio (831/384), white-white-bright-green colors, and dark navy contrast. */
.header-inner .brand{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:0;padding:0 10px;margin:0;align-self:stretch}
.header-inner .brand-logo{display:block;width:108px;height:auto;max-height:56px;object-fit:contain;flex:none}
.header-inner .brand:focus-visible,.footer-identity-link:focus-visible{outline:3px solid #ffd36d;outline-offset:3px;border-radius:2px}
.footer-identity{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 0 22px;margin-top:24px;border-top:1px solid rgba(219,240,255,.23)}
.footer-identity-link{display:inline-flex;align-items:center;justify-content:flex-start;flex:none;text-decoration:none}
.footer-identity-logo{display:block;width:164px;height:auto;object-fit:contain}
.footer-identity p{margin:0;color:#c1d6e5;font-size:14px;line-height:1.55;font-weight:500;text-align:right}
@media(max-width:1400px) and (min-width:1101px){.header-inner .brand{padding-inline:6px 8px}.header-inner .brand-logo{width:98px}}
@media(max-width:1100px){.header-inner .brand-logo{width:107px}}
@media(max-width:650px){.header-inner .brand{padding-inline:7px 9px}.header-inner .brand-logo{width:104px;max-height:53px}.footer-identity{align-items:flex-start;gap:14px;padding:24px 0 19px;margin-top:18px}.footer-identity-logo{width:137px}.footer-identity p{max-width:145px;font-size:12px;line-height:1.45}}

/* 555 V2.7.3 — From Idea to Market. New section follows the existing clean design. */
.v273-idea-to-market{background:#edf5f8;padding:65px 0;border-block:1px solid #d8e8ef}
.v273-market-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:clamp(30px,6vw,92px);align-items:center}
.v273-market-intro .eyebrow{color:#1876a5;letter-spacing:.095em;font-weight:750}
.v273-market-intro h2{margin:15px 0 22px;color:#0e3555;font-size:clamp(34px,3.4vw,51px);line-height:1.12;letter-spacing:-.035em;max-width:600px}
.v273-market-intro h2 em{font-style:normal;color:#1183a8}
.v273-market-intro>p{font-size:16px;line-height:1.75;max-width:570px;color:#475d6c}
.v273-market-links{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-top:27px}
.v273-market-secondary{font-weight:700;color:#0b5275;text-decoration:underline;text-underline-offset:4px}
.v273-market-phases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;list-style:none;padding:0;margin:0;background:#cedee7;border:1px solid #cedee7}
.v273-market-phases li{background:#fff;padding:25px 22px;min-height:150px;display:flex;flex-direction:column;gap:9px}
.v273-market-phases li>span{font-size:11px;font-weight:800;letter-spacing:.095em;color:#0e7aa5}
.v273-market-phases li strong{display:block;font-size:18px;color:#113c5d;line-height:1.35}
.v273-market-phases li small{font-size:13px;line-height:1.55;color:#5f7280}
.five-market-steps{counter-reset:market;padding-left:27px}.five-market-steps li{padding:8px 0 8px 6px;margin-bottom:12px;line-height:1.72}
.five-market-steps li strong{color:#123d5d}
@media(max-width:950px){.v273-market-grid{grid-template-columns:1fr;gap:30px}.v273-market-phases li{min-height:auto}}
@media(max-width:650px){.v273-idea-to-market{padding:50px 0}.v273-market-phases{grid-template-columns:1fr 1fr}.v273-market-phases li{padding:17px 14px}.v273-market-phases li strong{font-size:16px}.v273-market-intro>p{font-size:15px}.v273-market-links{gap:16px}}
@media(max-width:390px){.v273-market-phases{grid-template-columns:1fr}}

/* V2.7.4 — Art-directed original concept imagery, no unrelated stock laptops. */
.v26-services{padding-top:78px;padding-bottom:75px}
.v26-heading-row h2{font-size:clamp(34px,3.3vw,49px);max-width:610px;letter-spacing:-.043em}
.v26-service-grid{gap:20px}
.v26-service-card{border:1px solid #e1e7e5;border-radius:0;background:#fff;transition:border-color .2s ease}
.v26-service-card:hover{border-color:#8da599;text-decoration:none}
.v26-service-image{aspect-ratio:1.82;background:#e3e6dd}
.v26-service-image img{width:100%;height:100%;object-fit:cover;filter:none!important;transform:none!important;transition:transform .65s cubic-bezier(.2,.75,.3,1)!important}
@media(prefers-reduced-motion:no-preference){.v26-service-card:hover .v26-service-image img{transform:scale(1.025)!important}}
.v26-service-copy{padding:21px 22px 24px;gap:8px}
.v26-service-copy h3{font-size:19px;letter-spacing:-.035em}
.v26-service-copy p{line-height:1.55;font-size:14px;max-width:33ch}
.v26-service-copy>span{font-size:13px;text-decoration:underline;text-underline-offset:3px}
/* Minimal scroll-snap journey: four cards on desktop, touch swipe on mobile. */
.v274-journey{padding:76px 0 71px;background:#f5f5f1;color:#173a3e;border-block:1px solid #e6e9e0}
.v274-journey .eyebrow{color:#516f63;font-weight:750}
.v274-journey-heading{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:30px}
.v274-journey-heading h2{color:#172f34;font-size:clamp(31px,3.5vw,52px);line-height:1.11;letter-spacing:-.05em;margin:12px 0 14px;max-width:710px}
.v274-journey-heading h2 em{font-style:normal;font-weight:450;color:#50756c}
.v274-journey-heading p{margin:0;max-width:720px;font-size:15px;line-height:1.7;color:#4c6564}
.v274-journey-actions{display:flex;align-items:center;gap:10px;flex:none;padding-bottom:3px}
.v274-count{font-size:13px;font-weight:700;color:#173d3c;min-width:85px;font-variant-numeric:tabular-nums}
.v274-count span{color:#77918b}
.v274-journey-actions button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #b6c4bf;border-radius:50%;background:transparent;color:#163b3b;cursor:pointer;font-size:22px;transition:background .2s}
.v274-journey-actions button:hover:not(:disabled){background:#fff}
.v274-journey-actions button:disabled{opacity:.32;cursor:default}
.v274-step-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#9cb0a8 transparent;padding-bottom:12px}
.v274-step-list{display:flex;gap:14px;margin:0;padding:0;list-style:none;counter-reset:step}
.v274-step-card{background:#fff;flex:0 0 calc((100% - 42px)/4);scroll-snap-align:start;min-width:0;min-height:249px;border:1px solid #e3e8e2;padding:23px 22px;display:flex;align-items:flex-start;flex-direction:column;transition:border-color .2s}
.v274-step-card:hover{border-color:#94ab9f}
.v274-step-id{font-size:11px;font-weight:800;letter-spacing:.12em;color:#788b84;font-variant-numeric:tabular-nums}
.v274-step-icon{width:46px;height:46px;display:grid;place-items:center;margin:20px 0 15px;color:#3b6952;background:#eff3eb;border-radius:50%}
.v274-step-icon svg{width:25px;height:25px;display:block}
.v274-step-card h3{font-size:17px;letter-spacing:-.025em;margin:0 0 6px;color:#143339}
.v274-step-card p{font-size:13px;color:#61736f;line-height:1.5;margin:0}
.v274-journey-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;font-size:13px;color:#67817b}
.v274-journey-footer a{font-weight:700;color:#195346;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.v274-step-card{flex-basis:calc((100% - 14px)/2)}.v274-journey-heading{align-items:flex-end}.v274-journey{padding:55px 0}}
@media(max-width:650px){.v274-journey{padding:50px 0}.v274-journey-heading{flex-direction:column;align-items:flex-start;gap:20px}.v274-journey-heading h2{font-size:34px}.v274-step-card{flex-basis:85%;min-height:235px}.v274-journey-footer{align-items:flex-start;flex-direction:column;gap:11px}.v26-service-image{aspect-ratio:1.85}}
@media(prefers-reduced-motion:reduce){.v274-step-viewport{scroll-behavior:auto}.v26-service-image img{transition:none!important}}
.v274-journey :is(button,a):focus-visible{outline:3px solid #257555;outline-offset:3px}

/* V2.7.5 — small white project logomarks (authentic where provided, custom vector wordmarks otherwise). */
.footer-logos{padding:24px 0 29px}
.footer-logos>.eyebrow{font-size:10px;letter-spacing:.18em;opacity:.8}
.v26-brand-marquee{margin-top:21px;mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent)}
.v26-brand-track{animation-duration:160s;will-change:transform}
.v26-brand-row{gap:44px;padding-right:44px}
.v26-brand-mark{height:43px;max-width:none;min-width:90px;opacity:.78;transition:opacity .2s ease}
.v26-brand-mark:hover{opacity:1}
.v26-brand-mark img{display:block;height:33px;width:auto;max-width:190px;max-height:33px;object-fit:contain}
.v26-brand-mark img.brand-actual{filter:grayscale(1) brightness(0) invert(1)}
.v26-brand-mark img.brand-wordmark-svg{filter:none}
.v26-brand-wordmark{display:inline-flex;gap:8px;align-items:center;font-size:13px;letter-spacing:-.01em}
.v275-initial{width:24px;height:24px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:grid;place-items:center;font-size:11px;line-height:1}
.v26-brand-marquee:hover .v26-brand-track{animation-play-state:paused}
@media(max-width:650px){.footer-logos{padding:21px 0 22px}.v26-brand-track{animation-duration:145s}.v26-brand-row{gap:32px;padding-right:32px}.v26-brand-mark img{height:27px;max-height:27px;max-width:145px}.v26-brand-mark{height:35px}}
@media(prefers-reduced-motion:reduce){.v26-brand-track{animation:none;will-change:auto}.v26-brand-marquee{overflow-x:auto;mask-image:none}.v26-brand-marquee:hover .v26-brand-track{animation-play-state:initial}}


/* 555 V2.7.6 — five bold categories, contextual subnavigation, grouped mega menu */
.header-inner .brand{padding-left:13px;padding-right:16px}
.header-inner .brand-logo-v276{width:134px;max-height:72px;height:auto;object-fit:contain;object-position:center}
.footer-identity-logo{width:180px;max-height:115px;height:auto}
.desktop-nav{gap:1px;align-items:stretch;justify-content:flex-start}
.desktop-nav .nav-trigger{font-size:13px;font-weight:800;letter-spacing:.095em;padding-inline:18px;text-transform:uppercase;border-top:3px solid transparent;transition:background-color .15s,color .15s}
.desktop-nav .nav-trigger.is-selected{border-top-color:#18df70;background:#114b7b}
.desktop-nav .nav-trigger.is-selected[aria-expanded=true],.desktop-nav .nav-trigger:hover,.desktop-nav .nav-trigger:focus-visible{background:#fff;color:#072e53;border-top-color:#10d968}
.nav-secondary{background:transparent}
.nav-secondary .nav-secondary-inner{background:#dceffa!important;min-height:48px;overflow:visible;white-space:normal;position:relative}
.nav-secondary-group{width:100%;align-items:center;min-height:47px;display:flex;gap:0;flex-wrap:wrap}
.nav-secondary-group[hidden]{display:none!important}
.nav-secondary-label{display:inline-flex;align-items:center;padding:0 18px;color:#0a426b;border-right:1px solid #a7d2e8;margin-right:8px;font-size:11px;font-weight:850;letter-spacing:.115em}
.nav-secondary-group a{font-size:13px;font-weight:650;line-height:1.25;padding:12px 13px;min-height:44px;white-space:nowrap;color:#0b466b}
.nav-secondary-group a:hover,.nav-secondary-group a:focus-visible{background:#f6fcff;color:#033657}
.nav-secondary-more{margin-left:auto;margin-right:8px;border:1px solid #95cce3;border-radius:3px;padding:7px 11px;background:transparent;font-size:12px;font-weight:800;color:#0a496d;cursor:pointer;white-space:nowrap}
.nav-secondary-more:hover,.nav-secondary-more:focus-visible{background:white}
.mega-menu{border:1px solid #dae7ed;border-top:4px solid #16ce67;box-shadow:0 24px 44px rgba(5,28,54,.22);border-radius:0 0 5px 5px}
.mega-menu.is-open{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(210px,.9fr)}
.mega-breadcrumb{grid-column:1/4;display:flex;justify-content:space-between;align-items:center;color:#092f55;font-size:15px;letter-spacing:.1em;font-weight:850;border-bottom:1px solid #e2edf1}
.mega-breadcrumb a{font-size:12px;font-weight:700;letter-spacing:0;color:#005c93}
.mega-col-title{font-size:11px;color:#4b786f;margin:2px 0 23px;letter-spacing:.12em;font-weight:900}
.mega-inner-col{padding:20px 17px 17px}
.mega-link{margin-bottom:20px}
.mega-link b{font-size:14px;font-weight:750;color:#0c365b}
.mega-link span{font-size:12px;color:#557080;line-height:1.5}
.mega-feature{background:#eaf4f7;gap:10px;padding:28px 22px}
.mega-feature-visual{min-height:66px;font-size:35px;background:#103e64}
.mega-feature h3{font-size:22px}
.mobile-group-title{display:block;color:#5e777d;font-size:10px;font-weight:900;letter-spacing:.13em;margin:17px 0 7px;padding-left:8px}
.mobile-drawer details summary{text-transform:uppercase;font-weight:850;letter-spacing:.06em}
.mobile-drawer details a{display:block;padding:9px 8px}
@media(min-width:1081px) and (max-width:1280px){.desktop-nav .nav-trigger{padding-inline:10px;font-size:12px}.header-search{width:120px!important;flex:0 0 120px!important}.header-inner .brand-logo-v276{width:120px}}
@media(min-width:1081px) and (max-width:1230px){.nav-secondary-group a{padding:10px 8px;font-size:12px}}
@media(max-width:1080px){.nav-secondary{display:none!important}.header-inner .brand-logo-v276{width:130px;max-height:67px}.mobile-drawer{max-height:min(78vh,750px);overflow-y:auto;overscroll-behavior:contain}.mobile-drawer details[open]{background:#f6fafc}}
@media(max-width:650px){.header-inner .brand-logo-v276{width:115px;max-height:61px}.footer-identity-logo{width:155px;max-height:95px}}
/* 555 V2.7.6 — business development first, without repetitive sales sections. */
.scene-home .hero h1{font-size:clamp(42px,5vw,67px);max-width:630px;letter-spacing:-.045em}
.scene-home .hero-copy{width:min(590px,57%)}
.scene-home .hero p{max-width:555px;font-size:17px;line-height:1.58}
.scene-home .hero-credibility span{font-size:12px}
.v276-paths{padding:80px 0 72px;background:#fafbf9}
.v276-paths-head{max-width:930px;margin:0 0 31px}
.v276-paths-head .eyebrow{font-size:11px;color:#2b7652}
.v276-paths-head h2{font-size:clamp(34px,3.9vw,55px);color:#0d3152;max-width:950px;line-height:1.13;margin:0 0 22px}
.v276-paths-head h2 em{font-style:normal;color:#3a8064}
.v276-paths-head p{color:#526976;max-width:650px;font-size:16px}
.v276-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.v276-path{background:#fff;border:1px solid #d9e4e3;border-radius:5px;padding:33px 34px;display:flex;min-height:231px;flex-direction:column;text-decoration:none!important;transition:border-color .2s,transform .2s}
.v276-path:hover{border-color:#3b896a;transform:translateY(-2px)}
.v276-path>span{font-size:11px;letter-spacing:.14em;color:#467769;font-weight:800}
.v276-path h3{font-size:25px;color:#123b54;letter-spacing:-.03em;margin:22px 0 12px;display:flex;justify-content:space-between;gap:8px}
.v276-path h3 b{color:#278859;font-size:18px}
.v276-path p{font-size:15px;color:#60717a;line-height:1.55;max-width:480px;margin:0}
@media(max-width:850px){.scene-home .hero-copy{width:min(590px,65%)}.v276-paths{padding:55px 0}}
@media(max-width:650px){.scene-home .hero-copy{width:100%;max-width:none}.scene-home .hero h1{font-size:clamp(38px,11vw,50px)}.v276-path-grid{grid-template-columns:1fr;gap:13px}.v276-path{padding:23px;min-height:unset}.v276-path h3{font-size:21px;margin:14px 0 9px}.v276-paths-head h2{font-size:34px}}

/* 555 V2.7.7 — purposeful ANZ-inspired 3-level menu. */
.header-inner{min-height:78px}
.header-inner .brand{padding:11px 20px 11px 19px;margin-right:18px;min-width:144px}
.header-inner .brand-logo-v276{width:106px!important;max-height:56px!important;height:auto;object-fit:contain}
.header-inner .desktop-nav.v277-primary{margin-left:auto;flex:0 1 auto;justify-content:flex-end;gap:2px}
.header-inner .desktop-nav .v277-category{font-size:13px;letter-spacing:.085em;font-weight:850;padding:0 15px}
.header-inner .desktop-nav .v277-category[aria-pressed="true"]{background:#153f66;border-top-color:#08d975;color:#fff}
.header-inner .desktop-nav .v277-category:hover,.header-inner .desktop-nav .v277-category:focus-visible{background:#fff;color:#093552;border-top-color:#08d975}
.header-inner .header-actions{margin-left:12px}
.v277-secondary{position:relative!important;z-index:100!important;background:transparent}
.v277-secondary .nav-secondary-inner{position:relative;display:block!important;background:#dceffa!important;max-width:1260px;min-height:49px;overflow:visible!important}
.v277-secondary .v277-topic-row{min-height:49px;display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:0}
.v277-secondary .v277-topic-row[hidden]{display:none!important}
.v277-topic-trigger{border:0;border-bottom:3px solid transparent;border-right:1px solid #b8d5e5;background:transparent;display:flex;align-items:center;gap:10px;color:#0c466c;font-size:13px;font-weight:750;min-height:49px;padding:7px 20px;white-space:nowrap;cursor:pointer}
.v277-topic-trigger:first-child{padding-left:23px}
.v277-topic-chevron{font-size:17px;line-height:1;color:#377b98}
.v277-topic-trigger:hover,.v277-topic-trigger:focus-visible,.v277-topic-trigger[aria-expanded="true"]{background:#fff;color:#073b5c;border-bottom-color:#16bd6a}
.v277-overview-link{margin-left:auto;align-self:center;display:flex;align-items:center;white-space:nowrap;color:#154f70;font-size:12px;font-weight:800;padding:12px 20px}
.v277-overview-link:hover{text-decoration:underline}
.v277-dropdown{position:absolute;left:var(--v277-left,18px);top:100%;width:min(770px,calc(100% - 26px));min-height:285px;z-index:110;border:1px solid #e0e6e8;border-top:3px solid #19b86f;background:#fff;box-shadow:0 21px 44px rgba(5,32,56,.21);border-radius:0 0 7px 7px;display:grid;grid-template-columns:minmax(0,1fr) 230px;overflow:hidden}
.v277-dropdown[hidden]{display:none!important}
.v277-dropdown-main{padding:25px 27px 28px;background:#fff}
.v277-dropdown-eyebrow{font-size:10px;letter-spacing:.14em;color:#408565;font-weight:900;margin-bottom:7px}
.v277-dropdown-main h2{font-size:25px;letter-spacing:-.035em;margin:0 0 7px;line-height:1.15;color:#0b3654}
.v277-dropdown-main>p{font-size:13px;line-height:1.5;color:#536e7d;max-width:465px;margin:0 0 13px}
.v277-linkgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 19px}
.v277-panel-link{display:block;position:relative;padding:12px 20px 11px 0;border-bottom:1px solid #e9edf0;min-height:68px;color:#093b5c;text-decoration:none!important}
.v277-panel-link:hover strong{text-decoration:underline;color:#006c9b}
.v277-panel-link strong,.v277-panel-link span{display:block}
.v277-panel-link strong{font-size:13px;font-weight:850;line-height:1.3}
.v277-panel-link>span:not(.v277-link-arrow){font-size:11px;color:#657f8b;line-height:1.45;margin-top:3px}
.v277-panel-link .v277-link-arrow{position:absolute;right:0;top:13px;color:#18844f;font-weight:900;font-size:15px}
.v277-feature{background:#eef4ed;padding:24px 23px;display:flex;flex-direction:column;gap:8px;justify-content:flex-start}
.v277-feature strong{display:block;color:#0a3b55;font-size:20px;line-height:1.2;margin-top:9px}
.v277-feature p{font-size:12px;line-height:1.65;color:#4d6d74;margin:0}
.v277-feature-mark{margin:9px 0 19px;display:flex;align-items:center;justify-content:center;min-height:65px;max-width:165px;color:#17744c;font-weight:900;font-size:20px;letter-spacing:.11em;border-top:2px solid #bfd6c6;border-bottom:2px solid #bfd6c6}
.v277-feature-photo{display:block;width:100%;height:120px;object-fit:cover;border-radius:3px;margin:-2px 0 3px}
.v277-kind-services .v277-feature{background:#edf6f9}
.v277-kind-projects .v277-feature{background:#eff2f9}
.v277-kind-markets .v277-feature{background:#f4f0e8}
.v277-kind-about .v277-feature{background:#e9f0f4}
.v277-kind-about .v277-feature-mark{color:#164d73;border-color:#b5cbd5;font-size:43px;letter-spacing:-.08em}
.v277-kind-projects .v277-dropdown-main{border-left:5px solid #cfdceb}
.v277-kind-markets .v277-dropdown-main{background:#fcfbf8}
.v277-kind-business .v277-dropdown-main{background:#fefefd}
.v277-kind-about .v277-dropdown-main{background:#fff}
@media(min-width:1081px) and (max-width:1300px){.header-inner .brand{padding-inline:13px;margin-right:10px;min-width:126px}.header-inner .brand-logo-v276{width:100px!important}.header-inner .desktop-nav .v277-category{padding-inline:10px;font-size:12px}.v277-topic-trigger{padding-inline:14px;font-size:12px}.header-search{width:118px!important;flex-basis:118px!important}}
@media(max-width:1080px){.v277-secondary{display:none!important}.header-inner .brand{min-width:0;max-width:none;margin-right:0;padding:10px 16px}.header-inner .brand-logo-v276{width:100px!important;max-height:57px!important}}
@media(max-width:650px){.header-inner .brand-logo-v276{width:94px!important;max-height:53px!important}}

.nav-secondary .v277-panel-link{display:block;white-space:normal;align-items:initial;min-height:70px;padding:12px 22px 12px 0;font-size:13px;line-height:1.35;flex:none}
.nav-secondary .v277-panel-link:hover{background:transparent}
.v277-panel-link strong,.v277-panel-link>span:not(.v277-link-arrow){overflow-wrap:anywhere}