:root{--navy:#071d2a;--navy2:#102f40;--orange:#ef8b3a;--orange2:#cf6819;--ink:#132631;--muted:#647682;--line:#dce5e8;--paper:#f4f7f8;--white:#fff;--green:#18704f;--shadow:0 18px 55px rgba(7,29,42,.13);--radius:20px;--shell:min(1220px,calc(100% - 40px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:var(--shell);margin-inline:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:#fff;padding:10px}.staging{background:#fff2ce;color:#5a4700;border-bottom:1px solid #e7d38b;font-size:11px;text-align:center;padding:6px 12px;font-weight:850;letter-spacing:.04em}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(220,229,232,.9);background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}.header-inner{height:74px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:950;border-radius:9px;padding:8px 10px;letter-spacing:.05em}.brand-copy{font-size:10px;line-height:1.25;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:850}.nav{display:flex;align-items:center;gap:18px;margin-left:auto;font-size:13px;font-weight:800}.nav a:hover,.nav summary:hover{color:var(--orange2)}.nav-more{position:relative}.nav-more summary{list-style:none;cursor:pointer}.nav-more summary::-webkit-details-marker{display:none}.nav-more>div{position:absolute;right:0;top:28px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:9px;display:grid;min-width:200px}.nav-more>div a{padding:9px;border-radius:8px}.nav-more>div a:hover{background:var(--paper)}.header-actions{display:flex;gap:8px}.btn,.btn-ghost,.btn-light{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:11px 16px;font-weight:850;border:1px solid transparent}.btn{background:var(--orange);color:#221b17}.btn:hover{background:#f49b54}.btn-ghost{border-color:var(--line);background:#fff}.btn-light{background:#fff;color:var(--navy)}.btn-light:hover{background:#f4f7f8}.eyebrow,.meta{font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:950;color:var(--orange2)}.inverse{color:#ffc28f}h1,h2,h3{line-height:1.06;letter-spacing:-.028em;margin-top:0}h1{font-size:clamp(42px,5.3vw,74px)}h2{font-size:clamp(30px,4vw,50px)}.lead{font-size:19px;color:var(--muted);max-width:820px}.actions{display:flex;flex-wrap:wrap;gap:11px;margin:28px 0}.hero-premium{position:relative;min-height:720px;background-image:var(--hero-bg);background-size:cover;background-position:center;display:flex;align-items:stretch;color:#fff;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,26,.94) 0%,rgba(3,17,26,.82) 44%,rgba(3,17,26,.42) 70%,rgba(3,17,26,.18) 100%)}.hero-premium-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .62fr;gap:48px;align-items:center;padding:76px 0}.hero-copy{max-width:790px}.hero-copy h1{font-size:clamp(46px,5.7vw,78px);margin:.16em 0 .22em;max-width:900px}.hero-copy>p{font-size:20px;max-width:720px;color:#d8e3e8}.hero-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:32px}.hero-proof span{border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.hero-photo-stack{display:grid;gap:16px;align-self:end;padding-bottom:12px}.hero-photo-stack figure{margin:0;height:215px;border:1px solid rgba(255,255,255,.35);border-radius:22px;background-image:linear-gradient(180deg,transparent 45%,rgba(3,17,26,.75)),var(--stack-img);background-size:cover;background-position:center;box-shadow:0 25px 70px rgba(0,0,0,.28);position:relative;overflow:hidden}.hero-photo-stack figure:nth-child(2){width:82%;margin-left:auto;height:245px;background-position:center 38%}.hero-photo-stack figcaption{position:absolute;left:18px;bottom:16px;font-weight:900;font-size:13px}.platform-intro{padding:52px 0 28px;background:#fff}.platform-intro h2{max-width:920px;margin:8px 0 12px}.platform-intro p{font-size:17px;color:var(--muted);max-width:960px}.hub-strip-section{padding:16px 0 48px;border-bottom:1px solid var(--line)}.hub-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(145px,1fr);gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.hub-strip a{scroll-snap-align:start;min-height:92px;border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;font-weight:900;transition:.18s ease}.hub-strip a:hover{transform:translateY(-3px);border-color:#becdd3;box-shadow:0 13px 35px rgba(7,29,42,.08)}.hub-strip b{color:var(--orange2);font-size:20px}.section{padding:76px 0}.section-alt{background:var(--paper)}.section-dark{background:var(--navy);color:#fff}.section-dark p{color:#c8d6dd}.section-head{display:flex;align-items:end;justify-content:space-between;gap:38px;margin-bottom:28px}.section-head.compact{align-items:center}.section-head p{max-width:560px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:22px;color:var(--ink)}.card h3{font-size:21px;margin:8px 0}.card p{color:var(--muted);font-size:14px}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:#fff;font-weight:750}.premium-columns{display:grid;grid-template-columns:1fr .72fr;gap:50px;align-items:center}.premium-panel{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:22px;padding:28px}.premium-panel h3{font-size:30px;margin:10px 0}.more-light{font-weight:900;color:#ffc28f}.page-hero{padding:62px 0 44px;background:linear-gradient(180deg,#f7fafb,#fff)}.visual-page-hero{position:relative;color:#fff;background-image:linear-gradient(90deg,rgba(4,22,32,.93),rgba(4,22,32,.58)),var(--page-image);background-size:cover;background-position:center;min-height:330px;display:flex;align-items:end;padding:72px 0 54px}.visual-page-hero .lead{color:#d7e3e8}.visual-page-hero .crumbs{color:#c7d6dc}.page-hero h1{font-size:clamp(40px,5vw,64px);margin:.16em 0}.crumbs{font-size:12px;color:var(--muted);margin-bottom:15px}.filter-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 22px;padding-bottom:4px}.filter-tab{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:850;color:var(--ink)}.filter-tab:hover,.filter-tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.visual-grid{grid-template-columns:repeat(3,1fr)}.service{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;display:flex;flex-direction:column}a.service-visual{position:relative;overflow:hidden;min-height:250px;padding:0;border:0;background-image:linear-gradient(180deg,rgba(5,24,34,.05) 15%,rgba(5,24,34,.92) 90%),var(--service-image);background-size:cover;background-position:center;box-shadow:0 10px 28px rgba(7,29,42,.10);transition:transform .18s ease,box-shadow .18s ease}a.service-visual:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(7,29,42,.17)}a.service-visual>span{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.92);color:var(--navy);border-radius:999px;padding:6px 9px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:950}.service-copy{margin-top:auto;padding:72px 18px 18px;color:#fff}.service-copy h3{font-size:20px;margin:0 0 7px}.service-copy p{font-size:12px;color:#d9e3e7;margin:0 0 11px}.service-copy b{font-size:12px;color:#ffc28f}.custom-project-card{background-image:linear-gradient(135deg,#0b2736,#153f53)!important}.custom-project-card:before{content:"+";position:absolute;right:18px;top:10px;font-size:68px;font-weight:200;color:rgba(255,255,255,.18)}.filters{display:grid;grid-template-columns:1fr 250px;gap:10px;margin:20px 0}.filters input,.filters select,.form input,.form select,.form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-card{border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff;box-shadow:var(--shadow)}.form label{font-size:12px;font-weight:850}.form .full{grid-column:1/-1}.form textarea{min-height:135px;resize:vertical}.help{display:block;font-size:12px;color:var(--muted);margin-top:8px}.notice{border-left:4px solid var(--orange);background:#fff8f1;padding:14px 16px;border-radius:10px;margin-top:24px}.file-box{border:1px dashed #9fb2bc;border-radius:12px;padding:18px;background:#fafcfc}.check{display:flex;gap:10px;align-items:flex-start}.check input{width:auto;margin-top:3px}.app-category-grid{grid-template-columns:repeat(5,1fr)}.app-category{border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px}.app-category span,.app-tile span{font-size:9px;letter-spacing:.11em;text-transform:uppercase;font-weight:950;color:var(--green)}.app-category h3,.app-tile h3{font-size:20px;margin:9px 0}.app-category p,.app-tile p{font-size:13px;color:var(--muted)}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.app-tile{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff;min-height:175px;display:flex;flex-direction:column}.app-tile b{margin-top:auto;color:var(--orange2);font-size:12px}.band{background:var(--orange);padding:30px;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:25px}.band.spaced{margin-top:28px}.band h3{margin:0 0 5px;font-size:27px}.band p{margin:0}.band-dark{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);color:#fff}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.product-cover{height:150px;background:linear-gradient(135deg,#0b2736,#416b7b);display:flex;align-items:flex-end;padding:16px;color:#fff;font-weight:900}.product-cover span{font-size:11px;letter-spacing:.1em}.product-body{padding:18px}.product-body p{font-size:13px;color:var(--muted)}.product-body .more{font-weight:900;color:var(--orange2);font-size:12px}.footer{background:#071923;color:#b8c8cf;padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer a,.footer p{font-size:12px;color:#9fb2bb}.footer strong{color:#fff}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-bottom{border-top:1px solid #263f4b;margin-top:30px;padding-top:17px;font-size:11px}
@media(max-width:1120px){.nav{display:none}.app-category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.hero-premium-inner{grid-template-columns:1fr}.hero-photo-stack{grid-template-columns:1fr 1fr;align-self:auto}.hero-photo-stack figure,.hero-photo-stack figure:nth-child(2){width:100%;height:210px;margin:0}.visual-grid,.cards,.learning-grid,.app-grid{grid-template-columns:repeat(2,1fr)}.app-category-grid{grid-template-columns:repeat(2,1fr)}.premium-columns{grid-template-columns:1fr}}
@media(max-width:760px){:root{--shell:min(100% - 28px,1220px)}.header-inner{height:68px}.brand-copy,.hide-mobile{display:none}.header-actions{margin-left:auto}.hero-premium{min-height:auto}.hero-premium-inner{padding:52px 0 36px;gap:32px}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:17px}.hero-photo-stack{grid-template-columns:1fr 1fr}.hero-photo-stack figure,.hero-photo-stack figure:nth-child(2){height:160px}.platform-intro{padding-top:40px}.section{padding:54px 0}.section-head{display:block}.visual-grid,.cards,.learning-grid,.app-grid,.app-category-grid{grid-template-columns:1fr}.form,.filters{grid-template-columns:1fr}.form .full{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.band{display:block}.band .btn,.band .btn-ghost,.band .btn-light{margin-top:18px}}


/* 2026 visual direction — people-led AEC experience */
.hero-people{min-height:780px;background-position:center 38%;isolation:isolate}
.hero-people:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(240,138,54,.22),transparent 30%),linear-gradient(110deg,rgba(5,22,32,.94) 0%,rgba(5,22,32,.77) 45%,rgba(5,22,32,.30) 100%);z-index:0}
.hero-people .hero-shade{background:linear-gradient(180deg,rgba(4,19,28,.16),rgba(4,19,28,.52))}
.hero-people-layout{grid-template-columns:minmax(0,.88fr) minmax(440px,.82fr);gap:46px;align-items:center;position:relative;z-index:2}
.hero-people .hero-copy{max-width:720px;padding:24px 0}
.hero-people .hero-copy h1{font-size:clamp(48px,6vw,86px);max-width:850px;text-wrap:balance;text-shadow:0 4px 28px rgba(0,0,0,.2)}
.hero-people .hero-copy>p{font-size:20px;max-width:680px;color:#e2edf1}
.hero-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-self:end;padding:28px 0}
.hero-role{position:relative;min-height:220px;border-radius:24px;overflow:hidden;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background-image:linear-gradient(180deg,rgba(3,16,24,.04),rgba(3,16,24,.84)),var(--role-image);background-size:cover;background-position:center;box-shadow:0 22px 55px rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.15);transition:transform .22s ease,box-shadow .22s ease}
.hero-role:nth-child(1),.hero-role:nth-child(4){transform:translateY(-12px)}
.hero-role:hover{transform:translateY(-18px) scale(1.015);box-shadow:0 30px 70px rgba(0,0,0,.32)}
.hero-role span{font-size:22px;font-weight:950;letter-spacing:-.02em}.hero-role small{color:#dce8ec;margin:3px 0 11px}.hero-role b{font-size:12px;color:#ffd0aa;text-transform:uppercase;letter-spacing:.1em}
.platform-intro{padding:58px 0 32px;background:linear-gradient(180deg,#fff,#f7fafb)}
.platform-intro h2{max-width:920px}.platform-intro p{max-width:880px;color:var(--muted);font-size:18px}
.hub-strip-section{padding:22px 0 58px;background:linear-gradient(180deg,#f7fafb,#eef4f6);border-bottom:1px solid #d9e4e8}
.hub-strip{grid-auto-columns:minmax(190px,1fr);gap:14px;padding:10px 2px 18px}
.hub-strip .hub-photo-card{position:relative;min-height:165px;border:0;border-radius:22px;padding:18px;overflow:hidden;color:#fff;background-image:linear-gradient(180deg,rgba(4,22,32,.05) 15%,rgba(4,22,32,.91) 88%),var(--hub-image);background-size:cover;background-position:center;box-shadow:0 14px 34px rgba(7,29,42,.14);display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;transition:transform .22s ease,box-shadow .22s ease}
.hub-strip .hub-photo-card:after{content:"";position:absolute;inset:auto -26px -36px auto;width:90px;height:90px;border:1px solid rgba(255,255,255,.22);border-radius:50%}
.hub-strip .hub-photo-card:hover{transform:translateY(-7px);box-shadow:0 24px 48px rgba(7,29,42,.22)}
.hub-photo-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:3px}.hub-photo-copy span{font-size:18px;font-weight:950}.hub-photo-copy small{font-size:11px;color:#dbe8ed;max-width:140px}.hub-photo-card>b{position:relative;z-index:2;color:#ffd0aa;font-size:22px}
.visual-page-hero.profession-hero{min-height:500px;padding:110px 0 66px;background-image:linear-gradient(90deg,rgba(3,17,25,.92) 0%,rgba(3,17,25,.68) 46%,rgba(3,17,25,.14) 100%),var(--page-image);background-position:center 35%;box-shadow:inset 0 -90px 100px rgba(0,0,0,.15)}
.profession-hero .shell{position:relative;z-index:2}.profession-hero .shell>*{max-width:760px}.profession-hero h1{font-size:clamp(46px,6vw,78px);text-shadow:0 4px 25px rgba(0,0,0,.2)}
.profession-hero .lead{font-size:20px;color:#e3edf1}.profession-hero-badge{display:inline-flex!important;width:auto!important;max-width:none!important;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);border-radius:999px;padding:7px 11px;margin-bottom:18px;color:#fff;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.visual-grid{gap:18px}.service-visual.art-card{min-height:285px;border-radius:22px;background-image:linear-gradient(180deg,rgba(4,22,32,.03) 8%,rgba(4,22,32,.25) 45%,rgba(4,22,32,.95) 92%),var(--service-image);border:1px solid rgba(16,43,60,.07)}
.service-visual.art-card .service-copy{padding:82px 20px 20px}.service-visual.art-card h3{font-size:24px}.service-visual.art-card p{color:#d8e5ea}.service-visual.art-card b{color:#ffc18e}
.app-category-visual{position:relative;overflow:hidden;min-height:260px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background-image:linear-gradient(180deg,rgba(4,22,32,.06),rgba(4,22,32,.92)),var(--app-image);background-size:cover;background-position:center;border:0;box-shadow:0 16px 38px rgba(7,29,42,.16)}
.app-category-visual>span,.app-category-visual h3,.app-category-visual p{position:relative;z-index:2}.app-category-visual p{color:#dbe7eb}.app-category-visual>span{color:#ffc18e;font-size:10px;letter-spacing:.12em;font-weight:900}
.app-tile-visual{position:relative;overflow:hidden;min-height:210px;color:#fff;background-image:linear-gradient(180deg,rgba(4,22,32,.12),rgba(4,22,32,.92)),var(--app-image);background-size:cover;background-position:center;border:0;box-shadow:0 14px 32px rgba(7,29,42,.14)}
.app-tile-visual span,.app-tile-visual h3,.app-tile-visual p,.app-tile-visual b{position:relative;z-index:2}.app-tile-visual p{color:#dce7eb}.app-tile-visual b{color:#ffc18e}
@media (max-width:980px){.hero-people-layout{grid-template-columns:1fr}.hero-people{min-height:auto}.hero-role-grid{grid-template-columns:repeat(2,1fr);padding-top:0}.hero-role{min-height:190px}.visual-page-hero.profession-hero{min-height:430px}}
@media (max-width:640px){.hero-people .hero-copy h1{font-size:44px}.hero-role-grid{grid-template-columns:1fr 1fr;gap:9px}.hero-role{min-height:150px;border-radius:17px;padding:13px}.hero-role span{font-size:17px}.hero-role small{font-size:10px}.hub-strip{grid-auto-columns:165px}.hub-strip .hub-photo-card{min-height:145px}.visual-page-hero.profession-hero{min-height:380px;padding:80px 0 44px}.service-visual.art-card{min-height:245px}}

/* Photo-backed top-level content windows */
.editorial-photo-card{position:relative;overflow:hidden;min-height:270px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background-image:linear-gradient(180deg,rgba(4,22,32,.06),rgba(4,22,32,.93)),var(--card-image);background-size:cover;background-position:center;border:0;box-shadow:0 16px 38px rgba(7,29,42,.16)}
.editorial-photo-card .meta,.editorial-photo-card h3,.editorial-photo-card p,.editorial-photo-card a{position:relative;z-index:2}.editorial-photo-card p{color:#dce7eb}.editorial-photo-card .meta{color:#ffc18e}.editorial-photo-card:hover{transform:translateY(-5px);box-shadow:0 24px 48px rgba(7,29,42,.22)}
.product-card-visual{position:relative;overflow:hidden;background-image:linear-gradient(180deg,rgba(4,22,32,.04),rgba(4,22,32,.86)),var(--card-image);background-size:cover;background-position:center;min-height:330px;color:#fff;border:0;box-shadow:0 16px 38px rgba(7,29,42,.16)}
.product-card-visual .product-cover{background:rgba(255,255,255,.13);backdrop-filter:blur(8px);color:#fff;border-bottom:1px solid rgba(255,255,255,.15)}.product-card-visual .product-body{margin-top:auto;background:linear-gradient(180deg,transparent,rgba(4,22,32,.58));position:relative;z-index:2}.product-card-visual .product-body p{color:#dce7eb}.product-card-visual .meta{color:#ffc18e}


/* FINAL 2026 VISUAL PASS — spacious, photographic, two-row hub gallery */
body{background:#f7f9fa}
.platform-intro{background:#fff;padding:64px 0 34px}
.platform-intro .shell{max-width:1050px;text-align:center}
.platform-intro h2{margin-left:auto;margin-right:auto;text-wrap:balance}
.platform-intro p{margin-left:auto;margin-right:auto}

.hero-premium.hero-people{min-height:760px;background-position:center 38%}
.hero-people .hero-shade{background:linear-gradient(90deg,rgba(3,16,24,.96) 0%,rgba(3,16,24,.84) 43%,rgba(3,16,24,.36) 76%,rgba(3,16,24,.15) 100%)}
.hero-people-layout{grid-template-columns:1.02fr .98fr;gap:54px}
.hero-role-grid{gap:16px}
.hero-role{min-height:235px;border-radius:26px}
.hero-role span{font-size:24px}
.hero-role small{font-size:12px;max-width:210px;line-height:1.35}

.hub-strip-section{padding:24px 0 74px;background:linear-gradient(180deg,#fff 0%,#edf3f5 100%)}
.hub-strip{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;overflow:visible!important;gap:15px!important;padding:8px 0!important;scroll-snap-type:none!important}
.hub-strip .hub-photo-card{min-height:210px!important;border-radius:24px!important;padding:18px!important;align-items:flex-end!important;background-position:center!important;box-shadow:0 18px 42px rgba(7,29,42,.16)!important}
.hub-strip .hub-photo-card:nth-child(3n+2){transform:translateY(12px)}
.hub-strip .hub-photo-card:nth-child(3n+2):hover{transform:translateY(4px) scale(1.015)}
.hub-photo-copy{gap:6px!important}
.hub-photo-copy span{font-size:20px!important;line-height:1.02!important;letter-spacing:-.025em!important;text-wrap:balance}
.hub-photo-copy small{font-size:10px!important;line-height:1.25!important;max-width:135px!important;text-transform:uppercase;letter-spacing:.08em;font-weight:750}
.hub-photo-card>b{font-size:24px!important}

.service-list.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
.service-visual.art-card{min-height:350px!important;border-radius:26px!important;background-image:linear-gradient(180deg,rgba(4,20,29,.03) 4%,rgba(4,20,29,.18) 38%,rgba(4,20,29,.96) 92%),var(--service-image)!important;box-shadow:0 18px 42px rgba(7,29,42,.16)!important}
.service-visual.art-card .service-copy{padding:130px 24px 24px!important}
.service-visual.art-card h3{font-size:29px!important;max-width:450px;text-wrap:balance}
.service-visual.art-card p{font-size:14px!important;max-width:520px;line-height:1.5}
a.service-visual>span{top:18px!important;left:18px!important;padding:8px 11px!important;font-size:10px!important}

.app-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.app-category-visual{min-height:330px!important;border-radius:26px!important;padding:26px!important;box-shadow:0 18px 42px rgba(7,29,42,.16)!important}
.app-category-visual h3{font-size:30px!important;max-width:430px;text-wrap:balance}
.app-category-visual p{font-size:14px!important;max-width:520px}
.app-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.app-tile-visual{min-height:250px!important;border-radius:22px!important}

.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.editorial-photo-card{min-height:340px!important;border-radius:26px!important}
.editorial-photo-card h3{font-size:30px!important;text-wrap:balance}
.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.product-card-visual{min-height:390px!important;border-radius:26px!important}

.page-hero.visual-page-hero,.visual-page-hero.profession-hero{min-height:540px!important;padding:120px 0 70px!important;background-position:center 32%!important}
.visual-page-hero h1{max-width:820px;text-wrap:balance}
.visual-page-hero .lead{max-width:760px;font-size:21px!important}

@media(max-width:1180px){.hub-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important}.hub-strip .hub-photo-card:nth-child(3n+2){transform:none}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:820px){.hub-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.service-list.visual-grid,.app-category-grid,.learning-grid,.cards.four{grid-template-columns:1fr!important}.hero-role-grid{grid-template-columns:1fr 1fr}.service-visual.art-card{min-height:300px!important}}
@media(max-width:520px){.hub-strip{grid-template-columns:1fr 1fr!important;gap:10px!important}.hub-strip .hub-photo-card{min-height:170px!important}.hub-photo-copy span{font-size:17px!important}.hero-role-grid{grid-template-columns:1fr 1fr}.hero-role{min-height:160px}.app-grid{grid-template-columns:1fr!important}}


/* LATEST USER VISUAL CORRECTIONS — bright, aligned, unique service imagery */
body{background:#fbfcfd}
.hero-premium.hero-people{min-height:700px;background-position:center 34%}
.hero-people:after{background:linear-gradient(105deg,rgba(4,24,34,.82) 0%,rgba(4,24,34,.62) 42%,rgba(4,24,34,.18) 72%,rgba(255,255,255,.04) 100%)}
.hero-people .hero-shade{background:linear-gradient(180deg,rgba(4,19,28,.02),rgba(4,19,28,.22))}
.hero-people-layout{grid-template-columns:minmax(0,1.05fr) minmax(500px,.95fr);gap:72px;align-items:center;padding:66px 0}
.hero-role-grid{grid-template-columns:1fr 1fr;gap:18px;align-self:center;padding:0}
.hero-role,.hero-role:nth-child(1),.hero-role:nth-child(4){transform:none!important;min-height:205px;border-radius:24px;background-image:linear-gradient(180deg,rgba(6,27,38,.01) 28%,rgba(6,27,38,.72) 100%),var(--role-image);box-shadow:0 18px 42px rgba(7,29,42,.18)}
.hero-role:hover{transform:translateY(-5px)!important}
.hero-role span{font-size:23px}.hero-role small{color:#f3f7f8}
.hero-copy h1{text-shadow:0 3px 22px rgba(0,0,0,.18)}

.platform-intro{background:#fff;padding:62px 0 38px}
.hub-strip-section{background:linear-gradient(180deg,#fff,#f3f8fa);padding:30px 0 76px}
.hub-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;max-width:1220px;margin:0 auto}
.hub-strip .hub-photo-card,.hub-strip .hub-photo-card:nth-child(3n+2){transform:none!important;min-height:230px!important;border-radius:25px!important;background-image:linear-gradient(180deg,rgba(2,21,30,.01) 18%,rgba(2,21,30,.70) 100%),var(--hub-image)!important;box-shadow:0 15px 34px rgba(24,67,84,.14)!important;border:1px solid rgba(255,255,255,.8)!important}
.hub-strip .hub-photo-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#ff963e,#ffd16b,#62c7d4);z-index:3}
.hub-strip .hub-photo-card:hover,.hub-strip .hub-photo-card:nth-child(3n+2):hover{transform:translateY(-6px)!important;box-shadow:0 23px 48px rgba(24,67,84,.20)!important}
.hub-photo-copy span{font-size:23px!important;line-height:1.04!important}.hub-photo-copy small{font-size:10px!important;color:#f7fbfc!important;max-width:180px!important}

.page-hero.visual-page-hero,.visual-page-hero.profession-hero{min-height:440px!important;padding:92px 0 58px!important;background-image:linear-gradient(90deg,rgba(5,29,41,.76) 0%,rgba(5,29,41,.45) 45%,rgba(5,29,41,.06) 100%),var(--page-image)!important;background-position:center 38%!important}
.profession-hero .lead,.visual-page-hero .lead{color:#f0f7f9!important}

/* Three service cards per row on professional hubs and master service catalog */
.service-list.visual-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.service-visual.art-card{min-height:270px!important;border-radius:22px!important;background-image:linear-gradient(180deg,rgba(3,23,32,.01) 20%,rgba(3,23,32,.72) 100%),var(--service-image)!important;box-shadow:0 13px 30px rgba(23,61,77,.13)!important;border:1px solid rgba(222,235,239,.95)!important}
.service-visual.art-card:hover{transform:translateY(-5px)!important;box-shadow:0 20px 40px rgba(23,61,77,.18)!important}
.service-visual.art-card .service-copy{padding:98px 18px 18px!important}.service-visual.art-card h3{font-size:22px!important;line-height:1.05!important}.service-visual.art-card p{font-size:12.5px!important;line-height:1.45}.service-visual.art-card b{font-size:11.5px!important}
a.service-visual>span{top:14px!important;left:14px!important;background:rgba(255,255,255,.94)!important;color:#0b3445!important}

/* More color and less heavy darkness */
.filter-tab:hover,.filter-tab.active{background:#0f6075;border-color:#0f6075}
.btn{background:#ff9138}.btn:hover{background:#ffa052}
.section-alt{background:#f1f7f9}

@media(max-width:1180px){.hub-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}.hero-people-layout{grid-template-columns:1fr 1fr;gap:38px}.service-list.visual-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.hub-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-people-layout{grid-template-columns:1fr}.service-list.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-hero.visual-page-hero,.visual-page-hero.profession-hero{min-height:390px!important}}
@media(max-width:600px){.hub-strip{grid-template-columns:1fr 1fr!important;gap:12px!important}.hub-strip .hub-photo-card{min-height:180px!important}.hero-role-grid{grid-template-columns:1fr 1fr}.service-list.visual-grid{grid-template-columns:1fr!important}}


/* PLATFORM BUILD STRUCTURE — accessible 3-column top-level hubs */
.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.portal-card{position:relative;overflow:hidden;min-height:285px;border-radius:22px;padding:0;color:#fff;background-image:linear-gradient(180deg,rgba(4,25,35,.02) 18%,rgba(4,25,35,.76) 100%),var(--portal-image);background-size:cover;background-position:center;box-shadow:0 13px 30px rgba(23,61,77,.13);border:1px solid rgba(222,235,239,.95);display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}
.portal-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#ff963e,#ffd16b,#62c7d4);z-index:2}
.portal-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(23,61,77,.18)}
.portal-card>span{position:absolute;top:16px;left:16px;z-index:2;background:rgba(255,255,255,.94);color:#0b3445;border-radius:999px;padding:7px 10px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:950}
.portal-copy{position:relative;z-index:2;margin-top:auto;padding:100px 19px 19px}.portal-copy h3{font-size:24px;margin:0 0 8px;text-wrap:balance}.portal-copy p{font-size:12.5px;line-height:1.45;color:#edf5f7;margin:0 0 12px}.portal-copy b{font-size:11.5px;color:#ffd0aa}
.build-shell-hero{min-height:360px;background:linear-gradient(120deg,#0c5f73,#1d8291 55%,#f0a35f);color:#fff;display:flex;align-items:end;padding:80px 0 54px}.build-shell-hero .lead{color:#eff8fa}.build-ready{max-width:850px;border:1px solid var(--line);background:#fff;border-radius:22px;padding:32px;box-shadow:var(--shadow)}.build-ready p{color:var(--muted);font-size:16px}
.app-category-grid,.learning-grid,.cards.four{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:900px){.portal-grid,.app-category-grid,.learning-grid,.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.portal-grid,.app-category-grid,.learning-grid,.cards.four{grid-template-columns:1fr!important}.portal-card{min-height:240px}}


/* Final-view preview: hide staging banner while keeping noindex protection until launch */
.staging{display:none!important;}

/* HOMEPAGE CLEAN HEADER + HERO 2026-08-31 */
body:has(.hero-people) .header-inner{justify-content:space-between}
body:has(.hero-people) .header-actions{margin-left:auto}
body:has(.hero-people) .hero-people-layout{grid-template-columns:minmax(0,900px)!important;justify-content:start!important;gap:0!important}
body:has(.hero-people) .hero-copy{max-width:900px!important;padding:40px 0!important}
body:has(.hero-people) .hero-premium{min-height:680px}
body:has(.hero-people) .hero-shade{background:linear-gradient(90deg,rgba(3,17,26,.92) 0%,rgba(3,17,26,.70) 48%,rgba(3,17,26,.30) 78%,rgba(3,17,26,.14) 100%)}
@media(max-width:760px){body:has(.hero-people) .header-actions .btn,body:has(.hero-people) .header-actions .btn-ghost{padding:9px 12px;font-size:12px}body:has(.hero-people) .hero-premium{min-height:560px}}

/* AEC Journal + Knowledge Hub 2026 content cards */
.section-soft{background:var(--paper)}
.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.journal-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(7,29,42,.07);display:flex;flex-direction:column;min-height:100%}
.journal-card h3{font-size:24px;margin:10px 0 12px}
.journal-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:var(--orange2)}
.journal-meta time,.journal-meta span:last-child{color:var(--muted)}
.journal-summary{color:var(--muted);margin:0 0 14px;font-size:15px}
.journal-source{font-size:12px;font-weight:800;margin:auto 0 12px;color:var(--ink)}
.source-link{display:inline-flex;align-items:center;gap:5px;font-weight:900;color:var(--navy);font-size:13px}
.source-link:hover{color:var(--orange2)}
.journal-card.new-tech{border-top:4px solid var(--orange)}
.journal-ar{font-family:"Segoe UI",Tahoma,Arial,sans-serif}
.journal-ar .journal-meta{direction:rtl}
.journal-ar .source-link{align-self:flex-start}
.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.knowledge-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px;box-shadow:0 10px 30px rgba(7,29,42,.07);display:flex;flex-direction:column}
.knowledge-card h3{font-size:22px;margin:10px 0}
.knowledge-card .status-pill{display:inline-flex;align-self:flex-start;border-radius:999px;background:#edf7f2;color:var(--green);font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;padding:6px 9px}
.knowledge-card .status-pill.review{background:#fff2ce;color:#6a4f00}
.knowledge-card p{color:var(--muted);font-size:14px}
.resource-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px}
.admin-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}
.admin-sidebar{position:sticky;top:94px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px;display:grid;gap:6px}
.admin-sidebar a{padding:10px 12px;border-radius:10px;font-weight:850;font-size:13px}
.admin-sidebar a:hover,.admin-sidebar a.active{background:var(--paper);color:var(--orange2)}
.admin-panel{border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px;margin-bottom:18px}
.source-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.source-tile{border:1px solid var(--line);border-radius:14px;padding:15px;background:var(--paper)}
.source-tile strong{display:block;margin-bottom:6px}
.admin-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.login-panel{max-width:560px;margin:0 auto;border:1px solid var(--line);border-radius:20px;padding:30px;background:#fff;box-shadow:var(--shadow);text-align:center}
@media(max-width:900px){.journal-grid{grid-template-columns:1fr}.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.source-library{grid-template-columns:1fr}}
@media(max-width:600px){.knowledge-grid{grid-template-columns:1fr}.admin-sidebar{grid-template-columns:1fr}.journal-card{padding:18px}}


/* PERFORMANCE / CORE WEB VITALS PASS — 2026-08-31
   Keeps the approved visual design while reducing off-screen rendering cost. */
@supports (content-visibility:auto){
  main > .section,
  main > .section-soft,
  .journal-grid,
  .knowledge-grid,
  .portal-grid,
  .service-list.visual-grid{
    content-visibility:auto;
    contain-intrinsic-size:1px 900px;
  }
}

/* Prevent decorative motion/blur from costing mobile rendering performance. */
@media(max-width:760px){
  .site-header{backdrop-filter:none;background:rgba(255,255,255,.99)}
  .hero-proof span,
  .profession-hero-badge,
  .product-card-visual .status{backdrop-filter:none}
}

/* Improve long-page paint isolation without changing layout. */
.journal-card,
.knowledge-card,
.portal-card,
.service-visual.art-card{
  contain:layout paint;
}

/* Respect reduced-motion preferences and avoid unnecessary smooth-scroll work. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}


/* AEC INTERNATIONAL — APPROVED LOGO CONCEPT #6 */
.brand{
  min-width:116px;
  height:84px;
  gap:0;
  flex:0 0 auto;
}
.brand > .brand-mark,
.brand > .brand-copy{display:none!important}
.brand::before{
  content:"";
  display:block;
  width:108px;
  height:82px;
  background:url('/aec-logo-concept-6.png') center/contain no-repeat;
}
.header-inner{height:90px}
.footer .brand-mark{
  display:block;
  width:122px;
  height:108px;
  padding:0;
  border-radius:12px;
  background:#fff url('/aec-logo-concept-6-footer.png') center/92% auto no-repeat;
  color:transparent;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.16);
}

/* JOURNAL — whole-card access and internal article pages */
a.journal-card{
  display:block;
  color:inherit;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
a.journal-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 42px rgba(7,29,42,.14);
  border-color:rgba(7,29,42,.2);
}
a.journal-card:focus-visible{
  outline:3px solid rgba(0,170,190,.45);
  outline-offset:3px;
}
.journal-open{
  display:inline-block;
  margin-top:16px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  color:var(--navy);
}
.journal-article-page{
  padding:52px 0 76px;
  background:linear-gradient(180deg,#f7fafb 0,#fff 240px);
}
.article-shell{max-width:900px}
.article-source-strip{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:28px;
  padding:14px 16px;
  border:1px solid var(--line);
  border-left:4px solid #10abc1;
  background:#fff;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(7,29,42,.06);
}
.article-source-strip span{
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.article-source-strip a{
  font-weight:850;
  color:var(--navy);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.article-kicker{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom:14px;
  color:var(--muted);
  font-size:12px;
  font-weight:850;
}
.article-kicker span:not(:last-child)::after{content:" · ";margin-left:10px}
.journal-article-page h1{
  margin:0 0 28px;
  max-width:820px;
  font-size:clamp(36px,5vw,62px);
  line-height:1.03;
  letter-spacing:-.035em;
}
.article-body{
  padding:30px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--shadow);
}
.article-body h2{margin-top:0;font-size:23px}
.article-body p{font-size:18px;line-height:1.75}
.article-rights-note{
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:13px!important;
}
.article-back{margin-top:24px}

@media(max-width:760px){
  .header-inner{height:78px}
  .brand{min-width:82px;height:72px}
  .brand::before{width:78px;height:70px}
  .footer .brand-mark{width:104px;height:92px}
  .journal-article-page{padding:30px 0 52px}
  .article-body{padding:22px}
  .article-body p{font-size:16px}
}