:root { --midnight: #101010; --midnight-2: #191919; --navy: #202020; --navy-2: #323232; --green: #b8b8b8; --green-bright: #d0d0d0; --green-dark: #717171; --teal: #8d8d8d; --aqua: #afafaf; --ink: #171717; --muted: #6f6f6f; --muted-light: #b9b9b9; --line: rgba(33,33,33, .12); --line-dark: rgba(255,255,255,.14); --surface: rgba(255,255,255,.88); --surface-solid: #ffffff; --surface-2: #f6f6f6; --surface-3: #f1f1f1; --shadow: 0 32px 90px rgba(16,16,16,.14); --shadow-md: 0 20px 55px rgba(16,16,16,.10); --shadow-sm: 0 10px 30px rgba(16,16,16,.075); --radius-xl: 38px; --radius: 28px; --radius-sm: 18px; --max: 1240px; } * { box-sizing: border-box; } html { background: var(--surface-2); } body { margin: 0; color: var(--ink); background: var(--surface-2); font-family: "Segoe UI Variable", "Aptos", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; line-height: 1.65; text-rendering: auto; -webkit-font-smoothing: antialiased; } ::selection { background: rgba(184,184,184,.34); color: var(--midnight); } img { max-width: 100%; } a { color: inherit; } button, input, textarea { font: inherit; } .skip-link { position: fixed; left: 16px; top: -70px; z-index: 1000; padding: 11px 15px; border-radius: 12px; background: var(--midnight); color: white; } .skip-link:focus { top: 16px; } .site-header { position: relative; top: auto; z-index: 100; padding: 8px 0; background: var(--surface-2); pointer-events: auto; } .header-inner { width: min(var(--max), calc(100% - 32px)); min-height: 72px; margin: 0 auto; padding: 8px 10px 8px 18px; display: flex; align-items: center; gap: 20px; background: #ffffff; border: 1px solid rgba(255,255,255,.72); border-radius: 24px; box-shadow: 0 5px 18px rgba(16,16,16,.08), inset 0 0 0 1px rgba(33,33,33,.05); pointer-events: auto; } .brand { display: inline-flex; align-items: center; flex: 0 0 auto; text-decoration: none; } .brand img { width: 205px; height: auto; display: block; } .site-nav { margin-left: auto; display: flex; align-items: center; gap: 3px; } .site-nav > a { text-decoration: none; font-weight: 720; font-size: 13.5px; padding: 10px 11px; border-radius: 999px; color: var(--navy-2); } .site-nav > a:hover { background: rgba(32,32,32,.06); } .site-nav > a[aria-current="page"] { background: var(--midnight); color: white; } .site-nav > a.nav-cta:not([aria-current="page"]) { background: var(--green-bright); color: var(--midnight); padding-inline: 15px; } .site-nav > a.nav-cta:hover { background: #dadada; } .lang-switch { display: flex; gap: 5px; margin-left: 6px; padding-left: 8px; border-left: 1px solid var(--line); } .lang-button { border: 1px solid transparent; background: transparent; color: var(--navy); border-radius: 999px; padding: 8px 10px; font-weight: 800; font-size: 13px; cursor: pointer; } .lang-button.active { border-color: rgba(184,184,184,.48); background: rgba(184,184,184,.13); color: var(--green-dark); } .nav-toggle { display: none; margin-left: auto; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.9); cursor: pointer; align-items: center; justify-content: center; } .nav-toggle { position: relative; } .nav-toggle span, .nav-toggle::before, .nav-toggle::after { content: ""; position: absolute; left: 50%; top: 50%; width: 20px; height: 2px; background: var(--midnight); display: block; transform-origin: center; } .nav-toggle span { transform: translate(-50%, -50%); } .nav-toggle::before { transform: translate(-50%, -7px); } .nav-toggle::after { transform: translate(-50%, 5px); } body.nav-open .nav-toggle span { opacity: 0; } body.nav-open .nav-toggle::before { transform: translate(-50%, -50%) rotate(45deg); } body.nav-open .nav-toggle::after { transform: translate(-50%, -50%) rotate(-45deg); } main { min-height: 70vh; } .container { width: min(var(--max), calc(100% - 32px)); margin: 0 auto; } .section { padding: 88px 0; position: relative; } .section.compact { padding: 56px 0; } .surface-section { background: rgba(255,255,255,.92); border-top: 1px solid rgba(255,255,255,.78); border-bottom: 1px solid var(--line); } .section-head { max-width: 800px; margin-bottom: 34px; } .eyebrow { display: inline-flex; gap: 9px; align-items: center; text-transform: uppercase; font-weight: 850; font-size: 11px; letter-spacing: .15em; color: var(--green-dark); margin-bottom: 13px; } .eyebrow::before { content: ""; width: 30px; height: 2px; border-radius: 99px; background: linear-gradient(90deg,var(--teal),var(--green)); } h1, h2, h3 { color: var(--midnight); line-height: 1.08; margin: 0 0 16px; text-wrap: balance; } h1 { font-size: clamp(44px, 6.8vw, 82px); letter-spacing: -.057em; font-weight: 760; } h2 { font-size: clamp(32px, 4.5vw, 54px); letter-spacing: -.045em; font-weight: 750; } h3 { font-size: clamp(21px, 2.35vw, 30px); letter-spacing: -.025em; font-weight: 735; } p { margin: 0 0 17px; } .lead { font-size: clamp(18px, 2vw, 23px); line-height: 1.62; color: var(--muted); max-width: 820px; } .small { color: var(--muted); font-size: 14px; } .hero { padding: 22px 0 84px; background: transparent; border: 0; } .hero-grid { min-height: 650px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr); gap: 52px; align-items: center; padding: clamp(38px, 5.5vw, 74px); background: radial-gradient(620px 360px at 78% 24%, rgba(141,141,141,.22), transparent 68%), radial-gradient(540px 340px at 18% 92%, rgba(184,184,184,.13), transparent 72%), var(--midnight); border-radius: var(--radius-xl); position: relative; overflow: hidden; box-shadow: 0 48px 120px rgba(16,16,16,.24); } .hero-grid::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom right, rgba(0,0,0,.75), transparent 75%); } .hero-grid::after { content: ""; position: absolute; width: 420px; height: 420px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; right: -130px; top: -170px; box-shadow: 0 0 0 52px rgba(255,255,255,.025), 0 0 0 104px rgba(255,255,255,.018); } .hero-copy, .hero-panel { position: relative; z-index: 2; } .hero-copy h1 { color: white; max-width: 780px; } .hero-copy .lead { color: #cccccc; margin-bottom: 30px; max-width: 730px; } .hero-signal { display: flex; align-items: center; gap: 9px; color: #adadad; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 18px; } .hero-signal > span:first-child { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: var(--green-bright); box-shadow: 0 0 0 6px rgba(208,208,208,.12); } .hero-signal > span:last-child { width: auto; height: auto; border-radius: 0; background: none; box-shadow: none; white-space: nowrap; } .hero-panel { color: white; border-radius: 30px; padding: 20px; background: linear-gradient(155deg, rgba(255,255,255,.12), rgba(255,255,255,.045)); border: 1px solid rgba(255,255,255,.16); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 20px 50px rgba(0,0,0,.20); } .hero-panel h2, .hero-panel h3 { color: white; } .hero-panel p { color: #d2d2d2; } .network-status { display: flex; align-items: center; gap: 8px; color: #c1c1c1; font-size: 10px; letter-spacing: .12em; font-weight: 800; } .network-status-right { margin-left: auto; } .live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green-bright); box-shadow: 0 0 0 6px rgba(208,208,208,.10); } .network-visual { position: relative; height: 270px; margin: 14px 0 8px; border-radius: 22px; overflow: hidden; background: rgba(9,9,9,.34); border: 1px solid rgba(255,255,255,.08); } .network-lines { position: absolute; inset: 0; width: 100%; height: 100%; } .network-lines path { fill: none; stroke: rgba(175,175,175,.44); stroke-width: 1.5; stroke-dasharray: 6 8; } .network-core { position: absolute; left: 50%; top: 49%; transform: translate(-50%,-50%); color: white; font-weight: 850; letter-spacing: .08em; font-size: 19px; padding: 12px 17px; border-radius: 999px; background: rgba(16,16,16,.68); border: 1px solid rgba(255,255,255,.18); box-shadow: 0 14px 30px rgba(0,0,0,.24); } .network-core span { color: var(--green-bright); } .network-node { position: absolute; width: 60px; height: 60px; border-radius: 50%; display: grid; place-items: center; align-content: center; background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.18); box-shadow: 0 14px 30px rgba(0,0,0,.16); } .network-node b { font-size: 14px; color: white; line-height: 1; } .network-node small { font-size: 8px; color: #c4c4c4; margin-top: 4px; } .node-auckland { left: 8%; bottom: 8%; } .node-shenzhen { right: 9%; top: 8%; } .node-guangzhou { right: 11%; bottom: 9%; } .node-hk { left: 44%; top: 8%; } .hero-panel-copy { padding: 8px 6px 4px; } .hero-panel-copy h2 { font-size: clamp(25px, 3vw, 36px); } .hero-meta-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 16px; } .hero-meta-grid .meta-row { display: block; border: 1px solid rgba(255,255,255,.10); border-radius: 14px; padding: 11px; background: rgba(255,255,255,.045); } .hero-meta-grid .meta-row strong { display: block; font-size: 10px; letter-spacing: .09em; text-transform: uppercase; color: #a0a0a0; margin-bottom: 4px; } .hero-meta-grid .meta-row span { display: block; font-size: 12px; color: white; line-height: 1.35; } .badge-row { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; } .badge { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 999px; padding: 8px 12px; background: white; color: var(--navy-2); font-size: 13px; font-weight: 800; } .badge.dark { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.15); color: white; } .button-row { display: flex; gap: 11px; flex-wrap: wrap; align-items: center; } .button { display: inline-flex; justify-content: center; align-items: center; min-height: 50px; padding: 12px 19px; border-radius: 999px; text-decoration: none; font-weight: 830; border: 1px solid transparent; cursor: pointer; } .button.primary { background:var(--accent); color:#fff; box-shadow: var(--shadow-sm); } .button.primary:hover { background:var(--accent-hover); box-shadow: var(--shadow-md); } .hero .button.primary { background:var(--accent); color:#fff; box-shadow: 0 14px 36px rgba(184,184,184,.18); } .hero .button.primary:hover { background:var(--accent-hover); } .hero .button.secondary { background: rgba(255,255,255,.08); color: white; border-color: rgba(255,255,255,.18); } .button.secondary { background: rgba(255,255,255,.8); color: var(--midnight); border-color: var(--line); } .button.secondary:hover { border-color: rgba(33,33,33,.26); background: white; } .button.green { background: var(--green-bright); color: var(--midnight); } .button.green:hover { background: #dbdbdb; } .button.light { background: white; color: var(--midnight); } .region-strip { background: transparent; border: 0; margin-top: -42px; position: relative; z-index: 4; } .region-inner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; background: rgba(255,255,255,.97); border: 1px solid rgba(255,255,255,.84); border-radius: 24px; overflow: hidden; box-shadow: var(--shadow-md); } .region-item { background: transparent; padding: 24px 28px; border-right: 1px solid var(--line); } .region-item:last-child { border-right: 0; } .region-item strong { display: block; color: var(--midnight); font-size: 20px; letter-spacing: -.02em; } .region-item span { color: var(--muted); font-size: 14px; } .grid { display: grid; gap: 22px; } .grid.two { grid-template-columns: repeat(2, minmax(0,1fr)); } .grid.three { grid-template-columns: repeat(3, minmax(0,1fr)); } .grid.four { grid-template-columns: repeat(12, minmax(0,1fr)); } .grid.four > :nth-child(1), .grid.four > :nth-child(4) { grid-column: span 5; } .grid.four > :nth-child(2), .grid.four > :nth-child(3) { grid-column: span 7; } .card { background: rgba(255,255,255,.97); border: 1px solid rgba(255,255,255,.85); border-radius: var(--radius); padding: 30px; box-shadow: var(--shadow-sm); position: relative; overflow: hidden; } .card::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(33,33,33,.055); } .card.flat { box-shadow: none; background: rgba(255,255,255,.54); } .card.accent { border-top: 0; } .card.accent::before { content: ""; position: absolute; width: 110px; height: 7px; border-radius: 99px; top: 0; left: 30px; background: linear-gradient(90deg,var(--teal),var(--green)); } .card.navy { background: linear-gradient(145deg, var(--midnight), #262626); color: white; border-color: rgba(255,255,255,.07); box-shadow: 0 30px 70px rgba(16,16,16,.22); } .card.navy h2, .card.navy h3 { color: white; } .card.navy p, .card.navy li { color: #d2d2d2; } .card.teal-line { border-left: 0; } .card.teal-line::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: linear-gradient(var(--teal),var(--aqua)); } .card p:last-child { margin-bottom: 0; } .card-icon { width: 52px; height: 52px; border-radius: 17px; display: grid; place-items: center; background: linear-gradient(145deg, rgba(141,141,141,.15), rgba(184,184,184,.16)); color: var(--midnight); font-size: 22px; margin-bottom: 20px; border: 1px solid rgba(141,141,141,.16); } .card ul, .content-list { padding-left: 20px; margin: 15px 0 0; } .card li, .content-list li { margin: 9px 0; color: var(--muted); } .home-events-stack { display: grid; gap: 22px; } .secondary-events-row { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:22px; align-items:stretch; } .secondary-event-card { min-height:100%; } .secondary-event-card p { max-width: 56ch; } .secondary-event-card .button-row, .secondary-event-card .event-actions { margin-top:auto; } .event-card { display: flex; flex-direction: column; gap: 18px; } .event-label { width: fit-content; font-size: 10px; letter-spacing: .14em; font-weight: 900; color: var(--green-dark); background: rgba(184,184,184,.14); border: 1px solid rgba(184,184,184,.25); border-radius: 999px; padding: 7px 10px; } .light-label { color: #656565; background: rgba(184,184,184,.14); border-color: rgba(184,184,184,.28); } .event-meta { display: flex; gap: 9px; flex-wrap: wrap; color: var(--muted); font-weight: 680; font-size: 13px; } .event-meta span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 999px; background: rgba(32,32,32,.05); border: 1px solid rgba(32,32,32,.07); } .event-actions { margin-top: auto; } .compact-event { min-height: 100%; } .delegation-mini-card { background: linear-gradient(145deg,#f7f7f7,#ffffff); } .delegation-mini-card .event-label { background: rgba(54,54,54,.08); border-color: rgba(54,54,54,.12); color: #373737; } .home-apec-card { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(280px,.65fr); padding: 0; background: linear-gradient(145deg,#ffffff,#f5f5f5); border: 1px solid rgba(52,52,52,.13); color: var(--midnight); box-shadow: 0 30px 80px rgba(16,16,16,.14); } .home-apec-card h3 { color: var(--midnight); } .home-apec-card p { color: var(--muted); } .home-apec-card .event-meta { color: var(--muted); } .home-apec-card .event-meta span { background: rgba(32,32,32,.05); border-color: rgba(32,32,32,.08); } .home-apec-copy { padding: 34px; display: flex; flex-direction: column; gap: 17px; } .home-apec-media { position: relative; overflow: hidden; text-decoration: none; display: flex; align-items: flex-start; justify-content: center; padding: 22px; background: #eeeeee; border-left: 1px solid rgba(52,52,52,.10); } .home-apec-media::after { display: none; } .home-apec-media img { width: 100%; height: auto; max-width: 470px; object-fit: contain; object-position: top center; display: block; border-radius: 16px; border: 1px solid rgba(52,52,52,.12); box-shadow: 0 18px 44px rgba(0,0,0,.14); } .media-corner { position: absolute; right: 16px; top: 16px; z-index: 2; border-radius: 999px; padding: 8px 11px; background: rgba(16,16,16,.88); color: white; border: 1px solid rgba(255,255,255,.18); font-weight: 850; font-size: 12px; } .events-showcase-layout { display: grid; gap: 22px; } .apec-feature-card { padding: 0; background: linear-gradient(145deg,#ffffff,#f6f6f6); color: var(--midnight); border: 1px solid rgba(52,52,52,.13); box-shadow: 0 28px 70px rgba(16,16,16,.14); } .apec-feature-card h3 { color: var(--midnight); } .apec-feature-card p, .apec-feature-card li { color: var(--muted); } .apec-feature-card .event-meta { color: var(--muted); } .apec-feature-card .event-meta span { background: rgba(32,32,32,.05); border-color: rgba(32,32,32,.08); } .apec-feature-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(380px,.72fr); align-items: stretch; } .apec-feature-copy { padding: clamp(30px,4vw,50px); display: flex; flex-direction: column; align-items: flex-start; } .apec-feature-copy .event-actions { margin-top: 24px; } .apec-feature-media { position: relative; overflow: hidden; border-left: 1px solid rgba(52,52,52,.10); display: flex; align-items: flex-start; justify-content: center; padding: 24px; background: #eeeeee; } .apec-feature-media img { width: 100%; height: auto; max-width: 520px; object-fit: contain; object-position: top center; display: block; border-radius: 16px; border: 1px solid rgba(52,52,52,.12); box-shadow: 0 18px 44px rgba(0,0,0,.14); } .poster-overlay { position: absolute; inset: auto 18px 18px; padding: 14px 16px; border-radius: 16px; color: white; background: rgba(16,16,16,.90); border: 1px solid rgba(255,255,255,.16); } .poster-overlay span { display: block; color: var(--green-bright); font-size: 10px; font-weight: 900; letter-spacing: .12em; } .poster-overlay strong { font-size: 14px; } .guangzhou-event-card { max-width: 560px; } .poster-details { border: 1px solid var(--line); border-radius: var(--radius-sm); background: rgba(255,255,255,.78); overflow: hidden; } .poster-details summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 17px 19px; font-weight: 850; color: var(--midnight); } .poster-details summary::-webkit-details-marker { display: none; } .poster-details summary::after { content: "+"; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--surface-3); } .poster-details[open] summary::after { content: "−"; } .poster-content { border-top: 1px solid var(--line); padding: 18px; } .poster-image { width: 100%; height: auto; display: block; border-radius: 16px; } .poster-details.poster-details-dark { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.10); } .poster-details.poster-details-dark summary { color: white; } .poster-details.poster-details-dark summary::after { background: rgba(255,255,255,.10); color: white; } .poster-details.poster-details-dark .poster-content { border-top-color: rgba(255,255,255,.10); } .poster-details.poster-details-dark .poster-image { border-radius: 18px; border: 1px solid rgba(255,255,255,.10); } .split { display: grid; grid-template-columns: 1fr 1fr; gap: 46px; align-items: center; } .callout { border-left: 0; padding: 18px 20px; background: rgba(184,184,184,.13); border: 1px solid rgba(184,184,184,.26); border-radius: var(--radius-sm); color: var(--midnight); } .notice { border: 1px solid var(--line); background: rgba(255,255,255,.94); border-radius: var(--radius-sm); padding: 21px; color: var(--muted); } .notice strong { color: var(--midnight); } .meta-list { display: grid; gap: 10px; } .meta-row { display: grid; grid-template-columns: 110px 1fr; gap: 12px; border-bottom: 1px solid rgba(255,255,255,.13); padding-bottom: 10px; } .meta-row:last-child { border-bottom: 0; padding-bottom: 0; } .meta-row strong { color: white; } .meta-row span { color: #e3e3e3; } .timeline { position: relative; padding-left: 30px; } .timeline::before { content: ""; position: absolute; top: 8px; bottom: 8px; left: 7px; width: 2px; background: linear-gradient(var(--teal),var(--green)); } .timeline-item { position: relative; padding: 0 0 31px 22px; } .timeline-item:last-child { padding-bottom: 0; } .timeline-item::before { content: ""; position: absolute; left: -29px; top: 5px; width: 14px; height: 14px; border-radius: 50%; background: var(--green-bright); border: 4px solid var(--surface-2); box-shadow: 0 0 0 1px rgba(184,184,184,.34); } .timeline-item time { font-weight: 900; color: var(--green-dark); font-size: 12px; text-transform: uppercase; letter-spacing: .10em; } .photo-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 18px; align-items: stretch; } .photo-grid .gallery-item { min-width: 0; } .photo-grid .gallery-item:nth-child(1), .photo-grid .gallery-item:nth-child(4) { grid-column: span 7; } .photo-grid .gallery-item:nth-child(2), .photo-grid .gallery-item:nth-child(3) { grid-column: span 5; } .photo-grid .gallery-item:nth-child(1), .photo-grid .gallery-item:nth-child(2) { height: 470px; } .photo-grid .gallery-item:nth-child(3), .photo-grid .gallery-item:nth-child(4) { height: 380px; } .photo-grid img { width: 100%; height: 100%; min-height: 0; object-fit: cover; display: block; border-radius: var(--radius); border: 1px solid rgba(255,255,255,.84); box-shadow: var(--shadow-sm); background: #f0f0f0; } .contact-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 22px; } .contact-grid > article { grid-column: span 6; } .contact-grid > article:nth-child(2) { background: linear-gradient(145deg,var(--midnight),#262626); color: white; } .contact-grid > article:nth-child(2) h2, .contact-grid > article:nth-child(2) h3 { color: white; } .contact-grid > article:nth-child(2) p { color: #d2d2d2; } .contact-card a.email { color: var(--green-dark); font-weight: 850; word-break: break-word; } .site-footer { background: var(--midnight); color: #d9d9d9; padding: 44px 0 22px; margin-top: 30px; position: relative; overflow: hidden; } .site-footer::before { content: ""; position: absolute; inset: 0; background: radial-gradient(600px 280px at 10% 0%, rgba(141,141,141,.13), transparent 70%), radial-gradient(520px 280px at 95% 100%, rgba(184,184,184,.09), transparent 72%); pointer-events: none; } .site-footer .container { position: relative; z-index: 2; } .footer-grid { display: grid; grid-template-columns: minmax(250px,1.45fr) minmax(125px,.66fr) minmax(145px,.78fr) minmax(150px,.68fr); gap: 42px; } .footer-logo { width: 142px; height: auto; filter: brightness(0) invert(1); opacity: .96; margin-bottom: 11px; } .footer-title { color: white; font-weight: 850; margin-bottom: 13px; } .footer-links { display: grid; gap: 9px; } .footer-links a { color: #d1d1d1; text-decoration: none; width: fit-content; } .footer-links a:hover { color: white; } .footer-bottom { border-top: 1px solid rgba(255,255,255,.12); margin-top: 38px; padding-top: 22px; display: flex; justify-content: space-between; gap: 22px; color: #a2a2a2; font-size: 12.5px; } .footer-bottom a { color: white; } @media (max-width: 1080px) { .nav-toggle { display: flex; } .site-nav { position: absolute; left: 16px; right: 16px; top: 92px; display: none; flex-direction: column; align-items: stretch; padding: 14px; background: #ffffff; border: 1px solid rgba(255,255,255,.9); border-radius: 22px; box-shadow: var(--shadow); } body.nav-open .site-nav { display: flex; } .site-nav > a { padding: 12px 14px; } .lang-switch { margin: 8px 0 0; padding: 8px 0 0; border-left: 0; border-top: 1px solid var(--line); justify-content: flex-start; } .hero-grid { grid-template-columns: 1fr; min-height: 0; } .hero-panel { max-width: 780px; } .home-events-grid { grid-template-columns: 1fr; } .home-apec-card { grid-template-columns: 1fr 360px; } .apec-feature-grid { grid-template-columns: 1fr 420px; } .grid.four { grid-template-columns: repeat(2,minmax(0,1fr)); } .grid.four > * { grid-column: auto !important; } .split { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1.25fr .75fr; } .footer-brand { grid-column: 1 / -1; } .footer-connect { grid-column: 1 / -1; } } @media (max-width: 760px) { .site-header { padding-top: 8px; } .header-inner { width: min(100% - 20px, var(--max)); min-height: 64px; padding: 6px 8px 6px 13px; border-radius: 18px; } .brand img { width: 164px; } .site-nav { top: 78px; left: 10px; right: 10px; } .container { width: min(100% - 22px, var(--max)); } .hero { padding: 12px 0 66px; } .hero-grid { padding: 28px 22px; border-radius: 28px; gap: 34px; } .hero-signal { font-size: 9.5px; } .hero-panel { padding: 14px; border-radius: 23px; } .network-visual { height: 235px; } .hero-meta-grid { grid-template-columns: 1fr; } .region-strip { margin-top: -30px; } .region-inner { grid-template-columns: 1fr; border-radius: 20px; } .region-item { border-right: 0; border-bottom: 1px solid var(--line); padding: 19px 21px; } .region-item:last-child { border-bottom: 0; } .section { padding: 62px 0; } .section.compact { padding: 44px 0; } .grid.two, .grid.three, .grid.four { grid-template-columns: 1fr; } .card { padding: 23px; border-radius: 23px; } .home-apec-card { grid-template-columns: 1fr; } .home-apec-copy { padding: 25px; } .home-apec-media { padding: 14px; } .apec-feature-grid { grid-template-columns: 1fr; } .apec-feature-copy { padding: 25px; } .apec-feature-media { padding: 14px; border-left: 0; border-top: 1px solid rgba(255,255,255,.10); } .guangzhou-event-card { max-width: none; } .button-row .button { width: 100%; } .photo-grid { grid-template-columns: 1fr; } .photo-grid .gallery-item, .photo-grid .gallery-item:nth-child(1), .photo-grid .gallery-item:nth-child(2), .photo-grid .gallery-item:nth-child(3), .photo-grid .gallery-item:nth-child(4) { grid-column: 1 / -1; width: 100%; height: auto; aspect-ratio: 4 / 3; } .photo-grid img, .photo-grid .photo-1, .photo-grid .photo-2, .photo-grid .photo-3, .photo-grid .photo-4 { grid-column: auto; min-height: 0; } .contact-grid { grid-template-columns: 1fr; } .contact-grid > article { grid-column: auto; } .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px 26px; } .footer-brand { grid-column: 1 / -1; } .footer-connect { grid-column: 1 / -1; } .footer-bottom { flex-direction: column; } h1 { font-size: clamp(42px, 13vw, 62px); } h2 { font-size: clamp(31px, 9vw, 44px); } } @media (max-width: 440px) { .brand img { width: 150px; } .nav-toggle { width: 40px; height: 40px; } .hero-grid { padding: 25px 18px; } .network-node { width: 52px; height: 52px; } .network-core { font-size: 15px; } .home-apec-media { padding: 12px; } .apec-feature-media { padding: 12px; } } .site-nav { gap: 4px; } .site-nav > a { padding-inline: 11px; } .gba-map-section { padding-top: 34px; background: linear-gradient(180deg, #f7f7f7 0%, #ffffff 100%); } .gba-map-grid { display:grid; grid-template-columns: minmax(0,.82fr) minmax(520px,1.18fr); gap:54px; align-items:center; } .gba-map-copy h2 { max-width: 12ch; font-size: clamp(38px,5vw,68px); } .map-city-chips { display:flex; flex-wrap:wrap; gap:9px; margin-top:26px; } .map-city-chips span { border:1px solid rgba(25,25,25,.13); background:white; border-radius:999px; padding:8px 12px; font-size:12px; font-weight:800; color:#2d2d2d; box-shadow:0 5px 18px rgba(28,28,28,.05); } .gba-map-card { border-radius:30px; overflow:hidden; background:#131313; box-shadow:0 30px 70px rgba(17,17,17,.24); border:1px solid rgba(255,255,255,.08); } .gba-map .coast-outline { fill:url(#landGradient); stroke:#909090; stroke-width:2.4; } .gba-map .estuary { fill:#131313; stroke:#4a4a4a; stroke-width:2.2; } .gba-map .coast-detail { fill:none; stroke:#ababab; stroke-opacity:.55; stroke-width:1.7; stroke-dasharray:4 7; } .gba-map .region-boundary { fill:none; stroke:#929292; stroke-opacity:.28; stroke-width:1.5; } .gba-map .coast-island { fill:#313131; stroke:#909090; stroke-width:1.6; } .map-topline { display:flex; justify-content:space-between; gap:16px; color:#a5a5a5; padding:18px 24px 0; font-size:11px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .gba-map { display:block; width:100%; height:auto; } .gba-land { fill:url(#landGradient); stroke:#7b7b7b; stroke-width:2; } .gba-water { fill:#131313; stroke:#454545; stroke-width:2; } .map-river, .map-link { fill:none; stroke:#b6b6b6; stroke-opacity:.38; stroke-width:2.5; stroke-dasharray:6 8; } .city-node circle { fill:#b2b2b2; stroke:#f0f0f0; stroke-width:2; filter:drop-shadow(0 0 8px rgba(178,178,178,.42)); } .city-node.major circle { fill:#fff; stroke:#b2b2b2; stroke-width:3; } .city-node text { fill:#eeeeee; font-size:14px; font-weight:780; letter-spacing:.01em; paint-order:stroke; stroke:#131313; stroke-width:4px; stroke-linejoin:round; } .map-compass path { fill:#aeaeae; opacity:.75; } .map-compass text { fill:#aeaeae; font-size:12px; font-weight:800; } .opportunity-section { background:#131313; color:white; position:relative; overflow:hidden; } .opportunity-section::before { content:""; position:absolute; inset:0; background:radial-gradient(650px 360px at 12% 20%, rgba(142,142,142,.19), transparent 70%), radial-gradient(560px 340px at 92% 90%, rgba(178,178,178,.13), transparent 70%); } .opportunity-section .container { position:relative; } .opportunity-section .eyebrow, .opportunity-section .lead { color:#bcbcbc; } .opportunity-section h2 { color:white; } .opportunity-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:22px; } .opportunity-card { border-radius:28px; padding:34px; min-height:360px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; position:relative; overflow:hidden; } .opportunity-card::before { content:""; position:absolute; inset:0; background:linear-gradient(145deg, rgba(255,255,255,.08), transparent 58%); pointer-events:none; } .opportunity-card > * { position:relative; } .opportunity-card h3 { color:white; font-size:clamp(28px,3.2vw,46px); max-width:15ch; margin:10px 0 16px; } .opportunity-card p { color:#dcdcdc; max-width:65ch; } .opportunity-label { font-size:11px; letter-spacing:.16em; font-weight:900; color:#d3d3d3; } .delegation-card { background:linear-gradient(145deg,#363636,#202020); border:1px solid rgba(255,255,255,.12); } .sponsor-card { background:linear-gradient(145deg,#474747,#2d2d2d); border:1px solid rgba(214,214,214,.25); } .business-programme-section { background:linear-gradient(180deg,#fff,#f5f5f5); } .programme-layout { align-items:start; } .programme-list { display:grid; gap:12px; } .programme-list > div { display:grid; grid-template-columns:54px 1fr; gap:16px; align-items:center; padding:18px 20px; background:white; border:1px solid rgba(27,27,27,.1); border-radius:18px; box-shadow:0 10px 30px rgba(27,27,27,.05); } .programme-list span, .step-number { font-weight:950; color:#959595; letter-spacing:.08em; } .programme-list p { margin:0; font-weight:740; color:#2d2d2d; } .business-events-section { background:#131313; color:white; } .business-events-section h2, .business-events-section h3 { color:white; } .business-events-section .lead, .business-events-section .card p { color:#c5c5c5; } .business-events-section .card { background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.12); } .business-interest-bar { margin-top:24px; border-radius:24px; padding:24px 28px; display:flex; align-items:center; justify-content:space-between; gap:24px; background:linear-gradient(100deg,#414141,#515151); border:1px solid rgba(255,255,255,.12); } .business-interest-bar h3 { margin-bottom:7px; } .business-interest-bar p { margin:0; color:#e0e0e0; } .gallery-item { margin:0; position:relative; min-height:240px; border-radius:22px; overflow:hidden; background:linear-gradient(145deg,#ededed,#e6e6e6); } .gallery-item img { width:100%; height:100%; min-height:240px; object-fit:cover; display:block; } .gallery-item figcaption { display:none; position:absolute; inset:0; align-items:center; justify-content:center; text-align:center; padding:24px; font-weight:850; color:#5d5d5d; border:1px dashed rgba(42,42,42,.22); border-radius:22px; } .gallery-item.has-missing-image img { display:none; } .gallery-item.has-missing-image figcaption { display:flex; } .image-missing { opacity:0; } .home-apec-media.has-missing-image::after, .poster-content.has-missing-image::after { content:"Image file not found – check the /images folder and filename"; display:flex; min-height:260px; align-items:center; justify-content:center; text-align:center; padding:30px; background:#ededed; color:#5e5e5e; font-weight:800; } .sponsorship-hero { background:radial-gradient(620px 330px at 80% 35%, rgba(167,167,167,.16), transparent 70%), #131313; } .sponsor-orbit { min-height:360px; border-radius:50%; position:relative; border:1px solid rgba(43,43,43,.12); background:radial-gradient(circle,#f3f3f3 0 21%,#f9f9f9 22% 45%,#f1f1f1 46% 47%,#fff 48%); box-shadow:0 24px 70px rgba(30,30,30,.12); } .orbit-core { position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); width:150px; height:150px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#212121; color:white; font-size:24px; font-weight:950; } .orbit-core span { color:#b2b2b2; margin:0 7px; } .sponsor-orbit > span { position:absolute; padding:8px 12px; border-radius:999px; background:white; border:1px solid rgba(40,40,40,.12); color:#3f3f3f; font-size:11px; font-weight:900; letter-spacing:.08em; box-shadow:0 8px 24px rgba(36,36,36,.08); } .sponsor-orbit > span:nth-of-type(1){top:14%;left:50%;transform:translateX(-50%)} .sponsor-orbit > span:nth-of-type(2){top:46%;right:3%} .sponsor-orbit > span:nth-of-type(3){bottom:11%;left:50%;transform:translateX(-50%)} .sponsor-orbit > span:nth-of-type(4){top:46%;left:3%} .small-note { font-size:13px; opacity:.82; border-top:1px solid rgba(255,255,255,.14); padding-top:16px; margin-top:20px; } .footer-bottom { align-items:center; flex-wrap:wrap; } .footer-bottom > div:last-child { flex-basis:100%; } @media (max-width: 1080px) { .gba-map-grid { grid-template-columns:1fr; } .gba-map-copy h2 { max-width:18ch; } .opportunity-grid { grid-template-columns:1fr; } .opportunity-card { min-height:310px; } } @media (max-width: 760px) { .gba-map-section { padding-top:20px; } .gba-map-card { border-radius:22px; margin-inline:-6px; } .map-topline { padding:14px 16px 0; font-size:9px; } .city-node text { font-size:16px; } .map-city-chips span { font-size:11px; } .opportunity-card { padding:26px; min-height:360px; } .business-interest-bar { align-items:flex-start; flex-direction:column; } .sponsor-orbit { min-height:310px; } } .apec-feature-card .callout { background: #f1f1f1; border-color: rgba(150,150,150,.34); color: #2f2f2f; } .apec-feature-card .button.primary { background:var(--accent); color:#fff; } .apec-feature-media.has-missing-image, .home-apec-media.has-missing-image { min-height: 360px; align-items: center; } .apec-feature-media.has-missing-image::before, .home-apec-media.has-missing-image::before { content: "Poster image not found. Upload apec-poster.webp to the images folder."; display: block; max-width: 320px; padding: 22px; border-radius: 16px; background: white; color: #474747; text-align: center; font-weight: 800; border: 1px dashed rgba(52,52,52,.25); } .no-break { white-space: nowrap; } .hero-copy .hero-title { text-wrap: initial; } .hero-copy .hero-title-line { display: block; } .hero-copy .hero-title-country { white-space: nowrap; } html[lang="zh-CN"] .hero-copy .hero-title { font-size: clamp(48px, 5.8vw, 74px); line-height: 1.08; letter-spacing: -0.045em; max-width: 100%; } .hero-signal { max-width: 100%; white-space: nowrap; } @media (max-width: 760px) { .hero-signal { gap: 7px; font-size: 8.6px; letter-spacing: 0.035em; } html[lang="zh-CN"] .hero-copy .hero-title { font-size: clamp(42px, 12.5vw, 56px); line-height: 1.1; } } .mates-hero { background: radial-gradient(650px 360px at 82% 25%, rgba(184,184,184,.14), transparent 70%), radial-gradient(520px 300px at 12% 80%, rgba(141,141,141,.13), transparent 70%), #131313; } .mate-card { display: grid; grid-template-columns: minmax(260px,.72fr) minmax(0,1.28fr); gap: clamp(30px,5vw,70px); align-items: center; padding: clamp(28px,5vw,58px); border-radius: 30px; background: linear-gradient(145deg,#fff,#f6f6f6); border: 1px solid rgba(52,52,52,.13); box-shadow: 0 28px 70px rgba(16,16,16,.12); } .mate-logo-wrap { min-height: 270px; display: grid; place-items: center; padding: 34px; border-radius: 24px; background: #ffffff; border: 1px solid rgba(52,52,52,.12); box-shadow: inset 0 0 0 1px rgba(255,255,255,.8); } .mate-logo { display: block; width: 100%; max-width: 460px; height: auto; object-fit: contain; filter: none; } .mate-copy h2 { margin-top: 18px; } .mate-copy p { max-width: 66ch; } .mates-note { margin-top: 20px; color: var(--muted); font-size: 13px; } @media (max-width: 820px) { .mate-card { grid-template-columns: 1fr; } .mate-logo-wrap { min-height: 210px; } } .photo-grid { width: 100%; } .photo-grid .gallery-item { min-width: 0; } @media (max-width: 760px) { .photo-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; width: 100%; } .photo-grid .gallery-item, .photo-grid .gallery-item:nth-child(1), .photo-grid .gallery-item:nth-child(2), .photo-grid .gallery-item:nth-child(3), .photo-grid .gallery-item:nth-child(4) { grid-column: 1 / -1; width: 100%; max-width: 100%; height: auto; min-height: 0; aspect-ratio: auto; margin: 0; overflow: hidden; border-radius: 18px; } .photo-grid .gallery-item img, .photo-grid .photo-1, .photo-grid .photo-2, .photo-grid .photo-3, .photo-grid .photo-4 { display: block; width: 100%; max-width: 100%; height: auto; min-height: 0; aspect-ratio: auto; object-fit: contain; border-radius: 18px; } .photo-grid .gallery-item.has-missing-image { min-height: 220px; } } @media (max-width: 440px) { .photo-grid { gap: 13px; } .photo-grid .gallery-item, .photo-grid .gallery-item img { border-radius: 15px; } } .mates-hero { background: transparent; } .photo-grid .gallery-item:nth-child(5), .photo-grid .gallery-item:nth-child(6) { grid-column: span 6; height: 400px; } @media (max-width: 760px) { .photo-grid .gallery-item:nth-child(5), .photo-grid .gallery-item:nth-child(6) { grid-column: 1 / -1; width: 100%; max-width: 100%; height: auto; min-height: 0; aspect-ratio: auto; margin: 0; } .photo-grid .photo-5, .photo-grid .photo-6 { display: block; width: 100%; max-width: 100%; height: auto; min-height: 0; aspect-ratio: auto; object-fit: contain; border-radius: 18px; } } .mate-card + .mate-card { margin-top: 28px; } .mate-logo-wrap.mate-logo-dark { background: #0d0d0d; border-color: rgba(255,255,255,.08); } .mate-logo-wrap.mate-logo-dark .mate-logo { max-width: 430px; } .mate-logo-link { display: grid; place-items: center; width: 100%; min-height: inherit; text-decoration: none; border-radius: inherit; } .mate-logo-wrap { overflow: hidden; } .mate-logo { } .mate-logo-link:focus-visible { outline: 2px solid rgba(184,184,184,.85); outline-offset: 6px; } .mate-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 20px; align-items: center; } .button.secondary { background: transparent; color: var(--navy-2); border: 1px solid rgba(52,52,52,.18); box-shadow: none; } .button.secondary:hover { background: rgba(52,52,52,.06); border-color: rgba(52,52,52,.24); } .mate-qr-panel { margin-top: 18px; padding: 18px; border-radius: 22px; background: linear-gradient(180deg,#ffffff,#f7f7f7); border: 1px solid rgba(52,52,52,.12); box-shadow: 0 14px 34px rgba(16,16,16,.08); max-width: 320px; } .mate-qr { display: block; width: 100%; max-width: 260px; aspect-ratio: 1 / 1; object-fit: contain; margin: 0 auto 12px; border-radius: 18px; background: #fff; } .mate-qr-text { margin: 0; } @media (max-width: 820px) { .mate-actions { gap: 12px; } .mate-qr-panel { max-width: 100%; } } body.qr-modal-open { overflow: hidden; } .qr-modal[hidden] { display: none; } .qr-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 20px; } .qr-modal-backdrop { position: absolute; inset: 0; background: rgba(16,16,16,.74); } .qr-modal-dialog { position: relative; z-index: 1; width: min(520px, 100%); max-height: calc(100vh - 40px); overflow-y: auto; padding: clamp(24px,5vw,42px); border-radius: 30px; background: linear-gradient(180deg,#ffffff,#f6f6f6); border: 1px solid rgba(255,255,255,.9); box-shadow: 0 38px 110px rgba(0,0,0,.34); } .qr-modal-close { position: absolute; top: 14px; right: 14px; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(52,52,52,.12); border-radius: 50%; background: rgba(255,255,255,.92); color: var(--midnight); font-size: 26px; line-height: 1; cursor: pointer; } .qr-modal-image { display: block; width: min(100%, 360px); height: auto; margin: 20px auto; border-radius: 22px; background: #fff; box-shadow: 0 18px 45px rgba(16,16,16,.12); } .qr-mobile-instructions { margin: 0 auto; max-width: 44ch; color: var(--muted); text-align: center; } .qr-modal-actions { justify-content: center; margin-top: 22px; } @media (max-width: 600px) { .qr-modal { padding: 10px; align-items: end; } .qr-modal-dialog { width: 100%; max-height: calc(100vh - 10px); padding: 26px 18px 22px; border-radius: 26px 26px 0 0; } .qr-modal-image { width: min(100%, 320px); margin-top: 16px; } .qr-modal-actions { display: grid; grid-template-columns: 1fr; } .qr-modal-actions .button { width: 100%; text-align: center; } } .footer-contact-icons, .direct-contact-icons { display: flex; align-items: center; gap: 6px; } .direct-contact-icons { margin-top: 18px; } .social-icon-link { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; color: #d1d1d1; text-decoration: none; } .social-icon-link svg { width: 22px; height: 22px; display: block; } .social-icon-link-on-light { color: var(--navy-2); } .social-icon-link:focus-visible { outline: 2px solid rgba(184,184,184,.72); outline-offset: 4px; } @media (hover: hover) and (pointer: fine) { .home-apec-media img, .apec-feature-media img, .poster-image, .photo-grid img, .mate-logo { transition: transform .20s ease, box-shadow .20s ease; } .home-apec-media:hover img, .apec-feature-media:hover img, .poster-content:hover .poster-image, .photo-grid .gallery-item:hover img { transform: translateY(-3px); box-shadow: var(--shadow-md); } .mate-logo-link:hover .mate-logo, .mate-logo-link:focus-visible .mate-logo { transform: scale(1.025); } } @media (prefers-reduced-motion: reduce) { .home-apec-media img, .apec-feature-media img, .poster-image, .photo-grid img, .mate-logo { transition: none !important; } } img { height: auto; } @media (max-width: 700px) { body { text-rendering: auto; } } .hero-grid, .card, .home-apec-card, .apec-feature-card, .gba-map-card, .opportunity-card, .programme-list > div, .sponsor-orbit, .photo-grid img, .mate-card, .qr-modal-panel { box-shadow: 0 7px 22px rgba(16,16,16,.075); }.hero-grid::after { box-shadow: none; } .city-node circle { filter: none; } @media (max-width: 760px) { .site-header { padding: 6px 0; } } .text-cta { display:inline-flex; align-items:center; gap:8px; text-decoration:none; font-weight:840; color: var(--navy-2); padding: 4px 0; } .text-cta::after { content: '→'; font-size: 15px; line-height: 1; } .text-cta:hover { color: var(--green-dark); } .plain-meta { gap: 16px; } .plain-meta span { background: transparent; border: 0; padding: 0; border-radius: 0; color: #626262; font-weight: 760; } .feature-brands { margin: -4px 0 0; font-weight: 720; color: #2d2d2d !important; } .event-note { padding: 14px 16px; border-radius: 16px; background: rgba(52,52,52,.06); color: #4c4c4c; border: 1px solid rgba(52,52,52,.08); } .home-event-links .text-cta { margin-right: 18px; } .secondary-events-row-v26 { grid-template-columns: repeat(2, minmax(0,1fr)); } .participation-card { background: linear-gradient(145deg,#ffffff,#f7f7f7); } .events-showcase-layout-v26 { gap: 24px; } .mini-highlight-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; margin: 6px 0 2px; width: 100%; } .mini-highlight { border:1px solid rgba(52,52,52,.08); border-radius: 18px; padding: 16px 17px; background: rgba(52,52,52,.03); } .mini-highlight strong { display:block; margin-bottom: 6px; color: var(--midnight); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; } .mini-highlight span { display:block; color: var(--muted); line-height: 1.55; } .tight-list { margin-top: 4px; } .tight-list li { margin: 8px 0; } #apec-participation .poster-details { margin-top: 6px; width: 100%; } @media (max-width: 900px) { .secondary-events-row, .secondary-events-row-v26 { grid-template-columns: 1fr; } .mini-highlight-grid { grid-template-columns: 1fr; } } @media (max-width: 760px) { .plain-meta { gap: 8px; } .plain-meta span { width: 100%; } .home-apec-card-v26 .home-apec-media { border-left: 0; border-top: 1px solid rgba(52,52,52,.10); } .home-event-links { align-items:flex-start; } .home-event-links .text-cta { margin-right: 0; } } .button { border-radius: 14px; min-height: 46px; padding: 11px 17px; } .text-cta-large { font-size: 16px; } .text-cta-on-dark { color: white; margin-top: 20px; } .text-cta-on-dark:hover { color: var(--green-bright); } .wide-head { max-width: 920px; } .editorial-split { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr); gap:clamp(34px,6vw,78px); align-items:start; } .editorial-copy { max-width: 760px; } .editorial-copy p { font-size: 17px; line-height: 1.78; } .statement-panel, .funding-panel { background:var(--midnight); color:white; border-radius:28px; padding:clamp(26px,4vw,42px); min-height:100%; box-shadow:0 14px 38px rgba(16,16,16,.10); } .statement-panel p, .funding-panel p { color:#dcdcdc; } .statement-kicker { color:var(--green-bright); font-size:10px; letter-spacing:.16em; font-weight:900; margin-bottom:20px; } .statement-panel > p { font-size:clamp(22px,2.5vw,32px); line-height:1.28; font-weight:720; letter-spacing:-.025em; } .statement-lines { display:grid; gap:0; margin-top:32px; border-top:1px solid rgba(255,255,255,.13); } .statement-lines span { padding:13px 0; border-bottom:1px solid rgba(255,255,255,.13); color:#d3d3d3; font-weight:750; } .focus-list { border-top:1px solid var(--line); } .focus-list > div { display:grid; grid-template-columns:46px 1fr; gap:14px; align-items:center; padding:20px 0; border-bottom:1px solid var(--line); } .focus-list span, .audience-number, .support-index, .contact-index, .capability-index { font-size:11px; font-weight:900; letter-spacing:.12em; color:var(--green-dark); } .focus-list strong { font-size:17px; color:var(--midnight); } .audience-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:24px; overflow:hidden; } .audience-block { background:white; padding:clamp(26px,4vw,42px); } .audience-block h3 { margin-top:18px; } .connection-strip { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin-top:22px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .connection-strip div { padding:17px 14px; text-align:center; font-size:13px; font-weight:780; color:#464646; border-right:1px solid var(--line); } .connection-strip div:last-child { border-right:0; } .dark-editorial-section { background:var(--midnight); color:white; } .dark-editorial-section h2, .dark-editorial-section h3 { color:white; } .dark-editorial-section p { color:#c5c5c5; } .dark-editorial-section .eyebrow { color:#d5d5d5; } .principle-list { border-top:1px solid rgba(255,255,255,.14); } .principle-list > div { display:grid; grid-template-columns:140px 1fr; gap:18px; padding:18px 0; border-bottom:1px solid rgba(255,255,255,.14); } .principle-list strong { color:white; } .principle-list span { color:#c5c5c5; } .editorial-cta { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; padding:clamp(28px,5vw,52px); border-radius:28px; background:white; border:1px solid var(--line); box-shadow:0 10px 34px rgba(16,16,16,.06); } .editorial-cta h2 { max-width:16ch; } .dark-cta { background:var(--midnight); border-color:rgba(255,255,255,.08); color:white; } .dark-cta h2 { color:white; } .dark-cta p { color:#c5c5c5; } .dark-cta .eyebrow { color:#d4d4d4; } .dark-cta .text-cta { color:white; } .service-list { border-top:1px solid var(--line); } .service-row { display:grid; grid-template-columns:60px minmax(0,1.15fr) minmax(260px,.75fr); gap:clamp(20px,4vw,55px); padding:clamp(34px,5vw,58px) 0; border-bottom:1px solid var(--line); align-items:start; } .service-index { color:var(--green-dark); font-size:11px; letter-spacing:.14em; font-weight:900; padding-top:8px; } .service-copy h2 { font-size:clamp(28px,3.4vw,44px); } .service-copy p { font-size:17px; color:var(--muted); max-width:62ch; } .service-points { display:grid; gap:0; border-top:1px solid var(--line); } .service-points span { padding:12px 0; border-bottom:1px solid var(--line); color:#515151; font-size:14px; font-weight:700; } .open-network-band { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); gap:50px; align-items:end; } .open-network-band h2 { max-width:18ch; } .home-capability-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .home-capability-grid article { padding:26px 24px 28px 0; margin-right:24px; border-right:1px solid var(--line); } .home-capability-grid article:last-child { border-right:0; margin-right:0; } .home-capability-grid h3 { font-size:23px; margin:15px 0 10px; } .home-capability-grid p { color:var(--muted); margin:0; } .home-section-link { margin-top:24px; } .funding-list { display:grid; gap:0; border-top:1px solid rgba(255,255,255,.14); } .funding-list > div { display:block; gap:12px; padding:17px 0; border-bottom:1px solid rgba(255,255,255,.14); } .funding-list span { color:var(--green-bright); font-size:11px; font-weight:900; letter-spacing:.1em; } .funding-list strong { color:white; font-size:15px; } .support-list { border-top:1px solid var(--line); } .support-list article { display:block; gap:20px; padding:25px 0; border-bottom:1px solid var(--line); } .support-list h3 { margin-bottom:7px; } .support-list p { margin:0; color:var(--muted); max-width:75ch; } .value-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(36px,6vw,78px); align-items:start; } .clean-list { list-style:none; padding:0; margin:22px 0 0; border-top:1px solid var(--line); } .clean-list li { padding:14px 0 14px 26px; border-bottom:1px solid var(--line); position:relative; color:#555555; } .clean-list li::before { content:'→'; position:absolute; left:0; color:var(--green-dark); font-weight:900; } .fit-panel { padding:clamp(28px,4vw,44px); border-radius:26px; background:#f3f3f3; border:1px solid rgba(33,33,33,.08); } .contact-directory { border-top:1px solid var(--line); } .contact-directory article { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:center; padding:25px 0; border-bottom:1px solid var(--line); } .contact-directory h3 { margin-bottom:6px; } .contact-directory p { margin:0; color:var(--muted); max-width:70ch; } .connect-band { display:flex; align-items:center; justify-content:space-between; gap:36px; } .business-path-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); } .business-path-grid article { padding:24px 22px 22px 0; margin-right:22px; border-right:1px solid rgba(255,255,255,.14); } .business-path-grid article:last-child { border-right:0; margin-right:0; } .business-path-grid h3 { font-size:22px; margin:13px 0 8px; } .business-path-grid p { margin:0; color:#c5c5c5; } @media (max-width: 980px) { .editorial-split, .value-grid, .open-network-band { grid-template-columns:1fr; } .home-capability-grid, .business-path-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .home-capability-grid article:nth-child(2), .business-path-grid article:nth-child(2) { border-right:0; margin-right:0; } .home-capability-grid article:nth-child(-n+2), .business-path-grid article:nth-child(-n+2) { border-bottom:1px solid var(--line); } .business-path-grid article:nth-child(-n+2) { border-bottom-color:rgba(255,255,255,.14); } .connection-strip { grid-template-columns:repeat(3,minmax(0,1fr)); } .connection-strip div:nth-child(3) { border-right:0; } .connection-strip div:nth-child(-n+3) { border-bottom:1px solid var(--line); } } @media (max-width: 760px) { .editorial-copy p { font-size:16px; } .audience-grid, .home-capability-grid, .business-path-grid { grid-template-columns:1fr; } .audience-block + .audience-block { border-top:1px solid var(--line); } .home-capability-grid article, .business-path-grid article { margin-right:0; border-right:0 !important; border-bottom:1px solid var(--line); padding-right:0; } .home-capability-grid article:last-child, .business-path-grid article:last-child { border-bottom:0; } .business-path-grid article { border-bottom-color:rgba(255,255,255,.14) !important; } .service-row { grid-template-columns:42px 1fr; gap:16px; } .service-points { grid-column:2; } .connection-strip { grid-template-columns:1fr; } .connection-strip div { border-right:0; border-bottom:1px solid var(--line); text-align:left; padding:12px 0; } .connection-strip div:last-child { border-bottom:0; } .principle-list > div { grid-template-columns:1fr; gap:4px; } .editorial-cta { align-items:flex-start; flex-direction:column; } .contact-directory article { grid-template-columns:1fr; align-items:start; gap:14px; } .contact-directory article .text-cta { grid-column:auto; } .connect-band { align-items:flex-start; flex-direction:column; } } @media (max-width: 900px) { } @media (max-width: 760px) { } .not-found-hero .container { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 0; } .not-found-hero .container > img { position: relative; z-index: 2; } .not-found-hero .lead { margin-bottom: 6px; } .sponsorship-hero { background: transparent; } @media (max-width: 760px) { } @media (max-width: 760px) { .site-footer { padding: 34px 0 18px; } .footer-logo { width: 126px; margin-bottom: 9px; } } :root { --radius-xl: 32px; --radius: 20px; --radius-sm: 14px; --shadow: 0 22px 60px rgba(16,16,16,.12); --shadow-md: 0 14px 36px rgba(16,16,16,.09); --shadow-sm: 0 6px 20px rgba(16,16,16,.065); } .header-inner { min-height: 68px; padding: 7px 9px 7px 17px; border-radius: 18px; border-color: rgba(33,33,33,.09); box-shadow: 0 4px 15px rgba(16,16,16,.065); } .brand img { width: 192px; } .site-nav { gap: 2px; } .site-nav > a { border-radius: 9px; padding: 10px 10px; font-size: 13.25px; font-weight: 740; } .site-nav > a[aria-current="page"] { background: var(--midnight); color: white; } .site-nav > a.nav-cta:not([aria-current="page"]) { border-radius: 11px; padding-inline: 15px; } .lang-button { border-radius: 9px; } .section { padding: 78px 0; } .section.compact { padding: 48px 0; } .section-head { margin-bottom: 30px; } h2 { font-size: clamp(31px,4.1vw,50px); } h3 { font-size: clamp(20px,2.15vw,28px); } .lead { font-size: clamp(17px,1.85vw,21px); } .button { min-height: 46px; padding: 11px 17px; border-radius: 11px; box-shadow: none; } .button.primary, .button.primary:hover { box-shadow: none; } .card { border-radius: 20px; box-shadow: var(--shadow-sm); } .card.accent::before { left: 24px; width: 84px; height: 4px; } .event-label { border-radius: 7px; padding: 6px 9px; } .callout, .notice, .poster-details { border-radius: 13px; } .poster-details summary::after { border-radius: 8px; } .hero { padding-bottom: 74px; } .hero-grid { border-radius: 32px; box-shadow: 0 30px 78px rgba(16,16,16,.20); } .hero-panel { border-radius: 22px; box-shadow: 0 16px 36px rgba(0,0,0,.17); } .network-visual { border-radius: 17px; } .network-core { border-radius: 12px; } .network-node { box-shadow: 0 8px 18px rgba(0,0,0,.14); } .hero-meta-grid .meta-row { border-radius: 10px; } .gba-map-card { border-radius: 22px; box-shadow: 0 18px 44px rgba(17,17,17,.18); } .gba-map .coast-outline { fill:url(#landGradient); stroke:#909090; stroke-width:2.2; } .gba-map .estuary { fill:#131313; stroke:#4a4a4a; stroke-width:1.8; } .gba-map .region-boundary { fill:none; stroke:#9c9c9c; stroke-opacity:.25; stroke-width:1.25; } .gba-map .coast-island { fill:#373737; stroke:#909090; stroke-width:1.45; } .gba-map .nz-island { fill:url(#nzGradient); stroke:#9f9f9f; stroke-width:1.7; } .gba-map .nz-connection { fill:none; stroke:#c9c9c9; stroke-width:2; stroke-linecap:round; stroke-dasharray:6 8; opacity:.86; } .gba-map .connection-dot { fill:#d0d0d0; stroke:#f3f3f3; stroke-width:1.5; } .gba-map .map-region-label text { fill:#b1b1b1; font-size:12px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; } .gba-map .nz-city-dot { fill:#d0d0d0; stroke:#f5f5f5; stroke-width:2; } .gba-map .nz-city-label { fill:#f4f4f4; font-size:12px; font-weight:780; paint-order:stroke; stroke:#131313; stroke-width:3px; } .map-topline { padding: 14px 18px 0; } .home-apec-card, .apec-feature-card { border-radius: 20px; box-shadow: 0 12px 34px rgba(16,16,16,.085); } .home-apec-media img, .apec-feature-media img, .poster-image { border-radius: 11px; box-shadow: 0 10px 28px rgba(0,0,0,.11); } .secondary-event-card { box-shadow:none; border:1px solid var(--line); } .statement-panel, .fit-panel { border-radius: 18px; } .audience-grid { border-radius: 18px; } .editorial-cta { border-radius: 20px; box-shadow: 0 7px 24px rgba(16,16,16,.055); } .service-row { padding-top: 46px; padding-bottom: 46px; } .contact-directory article { padding: 22px 0; } .support-list article { padding: 22px 0; } .opportunity-card { border-radius: 20px; box-shadow:none; } .business-interest-bar { border-radius: 16px; } .site-footer { padding: 32px 0 15px; margin-top: 20px; background: #0a0a0a; } .site-footer::before { opacity:.42; } .footer-grid { grid-template-columns: minmax(230px,1.35fr) minmax(120px,.66fr) minmax(140px,.74fr) minmax(135px,.64fr); gap: 30px; } .footer-logo { width: 110px; margin-bottom: 8px; } .footer-brand p { max-width: 285px; margin:0; font-size:12.5px; line-height:1.55; color:#b9b9b9; } .footer-title { margin-bottom: 9px; font-size:11px; letter-spacing:.08em; text-transform:uppercase; } .footer-links { gap: 6px; } .footer-links a { font-size:12.5px; color:#c3c3c3; } .footer-contact-icons { gap: 4px; } .social-icon-link { width: 34px; height: 34px; } .social-icon-link svg { width: 20px; height: 20px; } .footer-bottom { display:grid; grid-template-columns:auto auto minmax(260px,1fr); align-items:center; gap:18px; margin-top:24px; padding-top:14px; font-size:11.5px; } .footer-bottom > div:last-child { flex-basis:auto; text-align:right; } @media (max-width: 1080px) { .footer-grid { grid-template-columns: 1.2fr .8fr .8fr; } .footer-brand { grid-column: 1 / -1; } .footer-connect { grid-column: auto; } .footer-bottom { grid-template-columns:1fr 1fr; } .footer-bottom > div:last-child { grid-column:1 / -1; text-align:left; } } @media (max-width: 760px) { .header-inner { border-radius: 15px; } .brand img { width: 160px; } .section { padding: 58px 0; } .section.compact { padding: 40px 0; } .hero-grid { border-radius: 25px; } .card, .home-apec-card, .apec-feature-card { border-radius: 17px; } .gba-map-card { border-radius:18px; margin-inline:0; } .gba-map .city-node text { font-size:15px; } .gba-map .city-node:not(.major) text { display:none; } .gba-map .map-region-label text { font-size:14px; } .gba-map .nz-city-label { font-size:14px; } .site-footer { padding: 28px 0 14px; } .footer-grid { grid-template-columns:1fr 1fr; gap:22px 28px; } .footer-brand { grid-column:1 / -1; } .footer-connect { grid-column:1 / -1; } .footer-logo { width: 104px; margin-bottom:7px; } .footer-brand p { max-width:310px; } .footer-bottom { grid-template-columns:1fr; gap:7px; margin-top:20px; padding-top:12px; } .footer-bottom > div:last-child { grid-column:auto; text-align:left; } } .gba-map-section { padding-top: 70px; } .gba-map-section > .container { display:block; } .gba-map-intro { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:clamp(34px,5vw,72px); align-items:end; margin-bottom:30px; } .gba-map-copy h2 { max-width:13ch; margin-bottom:0; } .gba-map-context .lead { margin-bottom:18px; max-width:760px; } .gba-map-context .map-city-chips { margin-top:0; } .approved-map-card { overflow:hidden; background:#131313; border:1px solid rgba(175,175,175,.16); box-shadow:0 18px 46px rgba(17,17,17,.16); } .approved-map-card .map-topline { padding:15px 20px 12px; border-bottom:1px solid rgba(255,255,255,.07); } .gba-connection-desktop { display:block; width:100%; height:auto; } .gba-mobile-map-pair { display:none; } .mobile-map-link { display:flex; align-items:center; justify-content:center; gap:10px; padding:10px 14px; color:#e6e6e6; font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); } .mobile-map-link b { color:var(--green-bright); font-size:18px; } .button.primary { background:var(--midnight); color:#fff; border-color:var(--midnight); } .button.primary:hover { background:var(--accent-hover); border-color:var(--accent-hover); } .button.secondary { background:#fff; color:var(--midnight); border:1.5px solid rgba(32,32,32,.38); } .button.secondary:hover { background:#f7f7f7; border-color:var(--navy); } .button.green { background:var(--green-bright); color:var(--midnight); border:1px solid #b5b5b5; } .button.green:hover { background:#dbdbdb; border-color:#a0a0a0; } .button.light { background:#fff; color:var(--midnight); border:1px solid rgba(255,255,255,.95); }.hero .button.primary { background:var(--accent); color:#fff; border:1px solid #e2e2e2; }.hero .button.primary:hover { background:var(--accent-hover); color:#fff; }.hero .button.secondary { background:rgba(255,255,255,.04); color:#fff; border:1.5px solid rgba(255,255,255,.58); }.hero .button.secondary:hover { background:#fff; color:var(--midnight); border-color:#fff; } .text-cta { color:var(--navy); font-weight:880; padding:4px 0 5px; border-bottom:2px solid rgba(184,184,184,.72); text-decoration:none; } .text-cta::after { color:var(--green-dark); } .text-cta:hover { color:#484848; border-bottom-color:var(--green-dark); } .text-cta-on-dark, .dark-cta .text-cta { color:#fff; border-bottom-color:var(--green-bright); } .text-cta-on-dark::after, .dark-cta .text-cta::after { color:var(--green-bright); } .text-cta-on-dark:hover, .dark-cta .text-cta:hover { color:var(--green-bright); border-bottom-color:#fff; } .button:focus-visible, .text-cta:focus-visible, .site-nav a:focus-visible, .lang-button:focus-visible { outline:3px solid var(--green-bright); outline-offset:3px; } @media (max-width:900px) { .gba-map-intro { grid-template-columns:1fr; gap:16px; align-items:start; } .gba-map-copy h2 { max-width:18ch; } } @media (max-width:640px) { .gba-map-section { padding-top:50px; } .approved-map-card .map-topline { padding:12px 14px 10px; font-size:8.5px; } .gba-connection-desktop { display:none; } .gba-mobile-map-pair { display:block; } .gba-mobile-map-pair img { display:block; width:100%; height:auto; } .map-city-chips { gap:7px; } .map-city-chips span { padding:7px 9px; font-size:10.5px; } } .map-disclaimer { margin:12px 4px 0; color:var(--muted); font-size:12px; line-height:1.45; text-align:right; } .milestone-date { display:flex; flex-direction:column; align-items:flex-start; gap:8px; } .milestone-status { display:inline-flex; align-items:center; padding:5px 8px; border-radius:999px; background:rgba(184,184,184,.16); border:1px solid rgba(184,184,184,.32); color:var(--green-dark); font-size:10px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; } .milestone-upcoming { background:linear-gradient(90deg, rgba(184,184,184,.035), transparent 38%); } .footer-bottom a[data-i18n="footer.privacy"] { color:#e1e1e1; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.28); } .footer-bottom a[data-i18n="footer.privacy"]:hover { color:#fff; border-bottom-color:var(--green-bright); } .privacy-layout { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr); gap:clamp(38px,6vw,88px); align-items:start; } .privacy-copy { max-width:760px; } .privacy-summary { display:grid; gap:0; padding:26px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:var(--shadow-sm); } .privacy-summary strong { color:var(--midnight); margin-bottom:10px; font-size:18px; } .privacy-summary span { padding:11px 0; border-top:1px solid var(--line); color:var(--muted); } .privacy-sections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:44px 62px; } .privacy-sections article { border-top:2px solid rgba(184,184,184,.55); padding-top:20px; } .privacy-sections h2 { font-size:clamp(25px,2.6vw,36px); } .privacy-sections .button { margin-top:8px; } .privacy-updated { border-top:1px solid var(--line); padding-top:18px; color:var(--muted); } @media (max-width:800px) { .privacy-layout, .privacy-sections { grid-template-columns:1fr; } .privacy-layout { gap:28px; } .map-disclaimer { text-align:left; } } .gba-connection-map { display:block; width:100%; height:auto; background:#141414; } .approved-map-card picture { display:block; } .gba-mobile-map-pair { display:none !important; } .map-disclaimer { margin:12px 4px 0; color:var(--muted); font-size:12px; line-height:1.5; text-align:right; } @media (max-width:640px) { .approved-map-card .map-topline { padding:12px 14px 10px; font-size:8.5px; } .gba-connection-map { width:100%; height:auto; } .map-disclaimer { text-align:left; } } .gba-connection-picture { display:block; width:100%; } .gba-connection-picture source { display:none; } .gba-connection-map { display:block; width:100%; height:auto; border-radius:0 0 24px 24px; } .approved-map-card .gba-mobile-map-pair, .approved-map-card .gba-connection-desktop { display:none !important; } .map-disclaimer { margin:14px 4px 0; font-size:12px; color:var(--muted); } .gallery-intro { display:grid; grid-template-columns:minmax(0, .9fr) minmax(300px, 1.1fr); gap:40px; align-items:end; margin-bottom:30px; } .gallery-intro h2 { margin-bottom:0; } .gallery-intro .lead { margin:0; max-width:760px; justify-self:end; } .photo-grid-ten { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:18px; } .photo-grid-ten .gallery-item { min-height:0; margin:0; } .photo-grid-ten .gallery-item:nth-child(1) { grid-column:span 8; height:500px; } .photo-grid-ten .gallery-item:nth-child(2) { grid-column:span 4; height:500px; } .photo-grid-ten .gallery-item:nth-child(3), .photo-grid-ten .gallery-item:nth-child(4), .photo-grid-ten .gallery-item:nth-child(5) { grid-column:span 4; height:330px; } .photo-grid-ten .gallery-item:nth-child(6), .photo-grid-ten .gallery-item:nth-child(7) { grid-column:span 6; height:390px; } .photo-grid-ten .gallery-item:nth-child(8), .photo-grid-ten .gallery-item:nth-child(9), .photo-grid-ten .gallery-item:nth-child(10) { grid-column:span 4; height:330px; } .photo-grid-ten .gallery-item img { width:100%; height:100%; object-fit:cover; min-height:0; } @media (max-width: 980px) { .gallery-intro { grid-template-columns:1fr; gap:12px; align-items:start; } .gallery-intro .lead { justify-self:start; } .photo-grid-ten { grid-template-columns:repeat(2,minmax(0,1fr)); } .photo-grid-ten .gallery-item, .photo-grid-ten .gallery-item:nth-child(n) { grid-column:span 1; height:auto; aspect-ratio:4/3; } .photo-grid-ten .gallery-item:nth-child(1), .photo-grid-ten .gallery-item:nth-child(6) { grid-column:1/-1; aspect-ratio:16/9; } } @media (max-width: 760px) { .gba-connection-map { border-radius:0 0 18px 18px; } .photo-grid-ten { grid-template-columns:1fr; gap:14px; } .photo-grid-ten .gallery-item, .photo-grid-ten .gallery-item:nth-child(n) { grid-column:1/-1; width:100%; height:auto; aspect-ratio:auto; } .photo-grid-ten .gallery-item img { width:100%; height:auto; object-fit:contain; } .gallery-intro { margin-bottom:22px; } } .approved-map-card { background:#161616; } .gba-connection-map { display:block; width:100%; height:auto; background:#161616; } .gba-connection-picture { display:block; width:100%; } .map-disclaimer { max-width:920px; margin:12px 4px 0 auto; } .gallery-intro { display:block; margin-bottom:30px; } .gallery-intro h2 { max-width:760px; } @media (max-width:640px) { .map-disclaimer { margin-left:0; margin-right:0; } } html { overflow-x: hidden; scroll-behavior: auto; } body { overflow-x: hidden; } img { display: block; } .site-header { pointer-events: auto; will-change: auto; backface-visibility: visible; } .approved-map-card-text { overflow: hidden; background: linear-gradient(180deg, #131313 0%, #191919 100%); } .approved-map-card-text .approved-map-card-body { padding: 28px 24px 30px; } .approved-map-card-text .lead { color: #dbdbdb; max-width: 920px; margin-bottom: 22px; } .approved-map-card-text .button-row { gap: 12px; } @media (max-width: 640px) { .approved-map-card-text .approved-map-card-body { padding: 20px 16px 22px; } } .approved-map-card { background:#101010; } .gba-connection-picture { display:block; width:100%; } .gba-connection-map { display:block; width:100%; height:auto; background:#101010; border-radius:0 0 22px 22px; } .map-disclaimer { max-width:980px; margin:12px 4px 0 auto; color:var(--muted); font-size:12px; line-height:1.55; text-align:right; } @media (max-width:760px) { .gba-connection-map { border-radius:0 0 18px 18px; } .map-disclaimer { margin:10px 0 0; font-size:11px; line-height:1.5; text-align:left; } } .milestone-home-section .section-head { max-width: 920px; } .milestone-media-card { background: linear-gradient(145deg,#f9f9f9,#ffffff); } .milestone-featured { background:linear-gradient(90deg, rgba(141,141,141,.05), transparent 42%); } html[data-renderer="shared"] .milestone-featured { background:transparent; } .milestone-featured .milestone-status { background:rgba(141,141,141,.11); border-color:rgba(141,141,141,.24); color:#525252; } .milestone-content .text-cta { margin-top:10px; display:inline-flex; } .event-recap-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr); gap:clamp(34px,6vw,80px); align-items:start; } .event-recap-copy { max-width:820px; } .recap-meta { margin:24px 0; } .event-independence-note { margin-top:24px; } .event-recap-poster, .event-archive-poster { border:1px solid var(--line); border-radius:18px; padding:14px; background:#f2f2f2; box-shadow:var(--shadow-sm); } .event-recap-poster img, .event-archive-poster img { width:100%; height:auto; border-radius:11px; } .event-highlight-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; } .event-highlight-grid article { border-top:2px solid rgba(184,184,184,.65); padding-top:20px; } .event-photo-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px; } .event-gallery-item { margin:0; overflow:hidden; border-radius:18px; min-height:260px; background:#ececec; } .event-gallery-item img { width:100%; height:100%; object-fit:cover; } .event-gallery-item:nth-child(1), .event-gallery-item:nth-child(6) { grid-column:span 8; height:470px; } .event-gallery-item:nth-child(2), .event-gallery-item:nth-child(7) { grid-column:span 4; height:470px; } .event-gallery-item:nth-child(3), .event-gallery-item:nth-child(4), .event-gallery-item:nth-child(5), .event-gallery-item:nth-child(8), .event-gallery-item:nth-child(9), .event-gallery-item:nth-child(10), .event-gallery-item:nth-child(11), .event-gallery-item:nth-child(12), .event-gallery-item:nth-child(13), .event-gallery-item:nth-child(14), .event-gallery-item:nth-child(15), .event-gallery-item:nth-child(16), .event-gallery-item:nth-child(17), .event-gallery-item:nth-child(18) { grid-column:span 4; height:320px; } .event-gallery-item.has-missing-image { display:none; } .event-video-card { display:grid; grid-template-columns:auto 1fr auto; gap:22px; align-items:center; padding:28px; border:1px solid var(--line); border-radius:20px; background:#fff; } .event-video-icon { width:58px; height:58px; border-radius:50%; display:grid; place-items:center; background:var(--midnight); color:white; font-size:20px; } .event-video-card h2 { margin-bottom:8px; } .event-video-card p { margin:0; } .media-coverage-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .media-coverage-card { display:flex; flex-direction:column; min-height:230px; padding:24px; border:1px solid #dcdcdc; border-radius:18px; background:#fff; box-shadow:0 6px 18px rgba(22,22,22,.06); text-decoration:none; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .media-coverage-card:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(22,22,22,.10); border-color:rgba(148,148,148,.72); } .media-source { color:var(--green-dark); font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; margin-bottom:14px; } .media-coverage-card h3 { font-size:clamp(21px,2vw,27px); margin-bottom:10px; } .media-coverage-card p { color:var(--muted); margin:0 0 18px; } .media-link { margin-top:auto; color:var(--midnight); font-weight:850; } .media-coverage-note { margin-top:24px; padding:20px 22px; border-left:3px solid var(--teal); background:rgba(141,141,141,.07); border-radius:0 14px 14px 0; } .media-coverage-note p { margin:6px 0 0; color:var(--muted); } .event-gallery-feature .editorial-split { align-items:center; } .event-gallery-feature .event-archive-poster { max-width:330px; justify-self:end; } .milestone-recap-card { box-shadow:none; border:1px solid var(--line); } @media (max-width:900px) { .event-recap-grid, .event-highlight-grid { grid-template-columns:1fr; } .event-recap-poster { max-width:460px; } .event-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .event-gallery-item, .event-gallery-item:nth-child(n) { grid-column:span 1; width:100%; height:auto; aspect-ratio:4/3; } .event-gallery-item:nth-child(1), .event-gallery-item:nth-child(6) { grid-column:1/-1; aspect-ratio:16/9; } .event-video-card { grid-template-columns:auto 1fr; } .event-video-card .button { grid-column:1/-1; width:fit-content; } } @media (max-width:700px) { .media-coverage-grid, .event-photo-grid { grid-template-columns:1fr; } .event-gallery-item, .event-gallery-item:nth-child(n) { grid-column:1/-1; aspect-ratio:auto; min-height:0; } .event-gallery-item img { height:auto; object-fit:contain; } .event-video-card { grid-template-columns:1fr; } .event-video-icon { width:50px; height:50px; } .event-gallery-feature .event-archive-poster { max-width:280px; justify-self:start; } } .event-oceania-context { margin-top:18px; color:var(--muted); font-size:14px; line-height:1.65; } .event-video-heading { max-width:900px; margin-bottom:24px; } .event-video-embed { width:min(1100px,100%); margin:0 auto; aspect-ratio:16/9; overflow:hidden; border-radius:20px; background:#101010; box-shadow:var(--shadow-sm); } .event-video-embed iframe { display:block; width:100%; height:100%; border:0; } .event-video-fallback { width:min(1100px,100%); margin:14px auto 0; text-align:right; } .media-coverage-grid .media-coverage-card:last-child:nth-child(odd) { grid-column:1/-1; min-height:190px; } .nzgba-future-card { padding:clamp(30px,5vw,58px); border-radius:24px; background:linear-gradient(145deg,#101010,#242424); color:#fff; } .nzgba-future-card h2 { color:#fff; max-width:820px; } .nzgba-future-card .lead, .nzgba-future-card p { color:#e1e1e1; max-width:920px; } .nzgba-future-card .eyebrow { color:var(--green-bright); } .nzgba-future-card .button.secondary { background:#fff; border-color:#fff; color:var(--midnight); } .nzgba-future-card .button.secondary:hover { background:#f5f5f5; border-color:#f5f5f5; color:var(--midnight); } .nzgba-future-card .text-cta { color:#fff; } .future-actions { align-items:center; margin-top:26px; } @media (max-width:700px) { .event-video-embed { border-radius:14px; } .event-video-fallback { text-align:left; } .media-coverage-grid .media-coverage-card:last-child:nth-child(odd) { grid-column:1/-1; } .nzgba-future-card { border-radius:18px; } .future-actions { align-items:flex-start; } } .nav-dropdown { position:relative; } .nav-dropdown-toggle { appearance:none; border:0; background:transparent; color:var(--navy-2); cursor:pointer; font:inherit; font-size:13.25px; font-weight:740; line-height:inherit; padding:10px 28px 10px 10px; border-radius:9px; position:relative; } .nav-dropdown-toggle::after { content:""; position:absolute; right:10px; top:50%; width:6px; height:6px; border-right:1.8px solid currentColor; border-bottom:1.8px solid currentColor; transform:translateY(-70%) rotate(45deg); transition:transform .16s ease; } .nav-dropdown.is-open .nav-dropdown-toggle { background:rgba(32,32,32,.06); } .nav-dropdown-toggle[aria-current="page"] { background:var(--midnight); color:#fff; } .nav-dropdown.is-open .nav-dropdown-toggle::after { transform:translateY(-25%) rotate(225deg); } .nav-dropdown-menu { position:absolute; top:calc(100% + 9px); left:0; z-index:40; min-width:230px; padding:8px; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:var(--shadow-md); opacity:0; visibility:hidden; transform:translateY(-5px); transition:opacity .15s ease, transform .15s ease, visibility .15s ease; } .nav-dropdown.is-open .nav-dropdown-menu { opacity:1; visibility:visible; transform:translateY(0); } .nav-dropdown-menu a { display:block; padding:10px 11px; border-radius:9px; color:var(--navy-2); text-decoration:none; font-size:13.25px; font-weight:720; white-space:nowrap; } .nav-dropdown-menu a:hover { background:rgba(32,32,32,.06); } .nav-dropdown-menu a[aria-current="page"] { background:rgba(184,184,184,.16); color:var(--green-dark); } .media-reach-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin:0 0 28px; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:var(--line); } .media-reach-strip > div { padding:18px 20px; background:#fff; } .media-reach-strip strong { display:block; color:var(--midnight); font-size:14px; margin-bottom:4px; } .media-reach-strip span { display:block; color:var(--muted); font-size:12.5px; line-height:1.45; } .media-coverage-card.media-static { cursor:default; } .media-coverage-card.media-static:hover { transform:none; box-shadow:0 6px 18px rgba(22,22,22,.06); border-color:#dcdcdc; } .media-link-static { color:var(--green-dark); } .service-proof-link { display:inline-flex; margin-top:14px; } .sponsorship-proof-section { padding-top:20px; } .sponsorship-proof-card { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:36px; padding:clamp(28px,4vw,48px); border:1px solid rgba(141,141,141,.23); border-radius:22px; background:linear-gradient(135deg,rgba(141,141,141,.09),rgba(184,184,184,.08)); } .sponsorship-proof-card .lead { max-width:900px; } @media (max-width:1080px) { .nav-dropdown { width:100%; } .nav-dropdown-toggle { width:100%; text-align:left; padding:12px 38px 12px 14px; } .nav-dropdown-menu { position:static; min-width:0; margin:4px 0 2px; padding:4px 0 4px 12px; border:0; border-left:2px solid rgba(184,184,184,.45); border-radius:0; box-shadow:none; opacity:1; visibility:visible; transform:none; display:none; } .nav-dropdown.is-open .nav-dropdown-menu { display:block; } .nav-dropdown:hover .nav-dropdown-menu:not(:focus-within) { display:none; } .nav-dropdown.is-open:hover .nav-dropdown-menu { display:block; } .nav-dropdown-menu a { padding:10px 12px; white-space:normal; } .media-reach-strip { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:700px) { .media-reach-strip { grid-template-columns:1fr; } .sponsorship-proof-card { grid-template-columns:1fr; align-items:start; gap:22px; } } .nzgba-future-card .button.primary { background:var(--accent); border-color:var(--accent); color:#fff; } .nzgba-future-card .button.primary:hover { background:var(--accent-hover); border-color:var(--accent-hover); color:#fff; } .nzgba-future-card .text-cta { color:#fff; border-bottom-color:var(--green-bright); } .nzgba-future-card .text-cta::after { color:var(--green-bright); } .media-coverage-grid { gap:22px; } .nzgba-future-card { padding: clamp(30px, 3.2vw, 40px); } .nzgba-future-card .lead, .nzgba-future-card p { max-width: 980px; } .future-actions { gap: 14px; } .event-gallery-empty { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(0, 1fr); gap: 28px; align-items: center; margin-top: 8px; padding: 28px; border: 1px solid #dcdcdc; border-radius: 18px; background: #fff; } .event-gallery-empty[hidden] { display: none; } .event-gallery-empty-visual { display: grid; grid-template-columns: 1.2fr .8fr; grid-template-rows: repeat(2, 100px); gap: 10px; min-height: 210px; } .event-gallery-empty-visual span { display: block; border-radius: 12px; background: linear-gradient(145deg, #ececec, #f6f6f6); border: 1px solid rgba(33,33,33,.08); } .event-gallery-empty-visual span:first-child { grid-row: 1 / 3; } .event-gallery-empty strong { display: block; color: var(--midnight); font-size: clamp(22px, 2.6vw, 30px); margin-bottom: 8px; } .event-gallery-empty p { margin: 0; color: var(--muted); } .event-photo-grid.is-empty { display: none; } .media-coverage-card, .media-coverage-card.media-static, .media-coverage-card.media-static:hover { box-shadow: 0 2px 9px rgba(22,22,22,.045); } .site-header .header-inner { box-shadow: 0 3px 12px rgba(16,16,16,.065), inset 0 0 0 1px rgba(33,33,33,.045); } @media (max-width: 700px) { .nzgba-future-card { padding: 26px 22px; } .event-gallery-empty { grid-template-columns: 1fr; padding: 20px; } .event-gallery-empty-visual { grid-template-rows: repeat(2, 72px); min-height: 154px; } } html, body { overflow-x: clip; } @supports not (overflow: clip) { html, body { overflow-x: hidden; } } .site-header .header-inner { box-shadow: none; border-color: rgba(33,33,33,.10); } .home-apec-copy .home-event-links { margin-top: auto; padding-top: 22px; } .membership-launch-banner { display: grid; grid-template-columns: minmax(150px,.28fr) minmax(0,1fr); gap: clamp(22px,4vw,56px); align-items: start; margin: 0 0 24px; padding: 24px 26px; border: 1px solid rgba(208,208,208,.22); border-radius: 18px; background: rgba(255,255,255,.055); } .membership-launch-label { color: var(--green-bright); font-size: 11px; font-weight: 900; letter-spacing: .14em; } .membership-launch-copy h3 { margin: 0 0 8px; color: #fff; font-size: clamp(22px,2.6vw,30px); } .membership-launch-copy p { margin: 0; max-width: 76ch; color: #dcdcdc; } .nzgba-future-card { padding: clamp(28px,3vw,38px); } .nzgba-future-card h2, .nzgba-future-card .lead, .nzgba-future-card p { max-width: 980px; } .event-photo-grid:empty { margin: 0; } @media (max-width: 700px) { .membership-launch-banner { grid-template-columns: 1fr; gap: 10px; padding: 22px; } .home-apec-copy .home-event-links { padding-top: 10px; } } @media (hover: hover) and (pointer: fine) { .home-apec-media img, .apec-feature-media img, .poster-image, .photo-grid img, .mate-logo { transition: none; } .home-apec-media:hover img, .apec-feature-media:hover img, .poster-content:hover .poster-image { transform: none; box-shadow: 0 10px 28px rgba(0,0,0,.11); } .photo-grid .gallery-item:hover img { transform: none; box-shadow: var(--shadow-sm); } .mate-logo-link:hover .mate-logo, .mate-logo-link:focus-visible .mate-logo { transform: none; } .media-coverage-card { transition: border-color .12s ease; } .media-coverage-card:hover { transform: none; box-shadow: 0 2px 9px rgba(22,22,22,.045); } } @media (min-width:1081px) { .header-inner { gap: 14px; } .site-nav { gap: 1px; } .site-nav > a { padding-inline: 9px; font-size: 13px; } .nav-dropdown-toggle { padding-left:9px; padding-right:25px; font-size:13px; } .nav-dropdown-menu { min-width: 248px; } } .resource-hero .container { max-width: var(--max); } .resource-grid { display:grid; gap:18px; } .resource-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); } .resource-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); } .resource-card { display:flex; flex-direction:column; align-items:flex-start; min-height:220px; padding:26px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 4px 16px rgba(16,16,16,.045); } .resource-card h3 { margin:0 0 10px; color:var(--midnight); font-size:clamp(20px,2vw,25px); } .resource-card p { margin:0 0 18px; color:var(--muted); } .resource-cta-split { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:28px; align-items:start; } .resource-note { margin-top:22px; padding:22px 24px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.72); } .resource-note h3 { margin-top:0; } .step-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } .resource-step { padding:26px; border-top:3px solid var(--green); background:#fff; border-radius:0 0 16px 16px; } .resource-step > span { display:block; margin-bottom:18px; color:var(--green-dark); font-size:12px; font-weight:900; letter-spacing:.14em; } .resource-step h3 { margin:0 0 10px; color:var(--midnight); } .resource-step p { margin:0; color:var(--muted); } .resource-actions { margin-top:24px; } .phase-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--line); border-radius:18px; overflow:hidden; background:var(--line); gap:1px; } .phase-grid article { padding:26px; background:#fff; } .phase-grid h3 { margin:0 0 8px; color:var(--midnight); } .phase-grid p { margin:0; color:var(--muted); font-weight:800; } .resource-footnote { margin:18px 0 10px; max-width:850px; color:var(--muted); font-size:13px; } .membership-inline { display:flex; justify-content:space-between; align-items:end; gap:40px; padding:clamp(26px,4vw,42px); border-radius:20px; background:linear-gradient(135deg,#f1f1f1,#f9f9f9); border:1px solid rgba(148,148,148,.24); } .membership-inline > div { max-width:850px; } .membership-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; scroll-margin-top:150px; } .membership-choice { padding:clamp(28px,4vw,42px); border-radius:20px; border:1px solid var(--line); background:#fff; } .membership-choice.business { background:var(--midnight); color:#fff; } .membership-choice.business h3 { color:#fff; } .membership-choice.business p { color:#dcdcdc; } .membership-choice h3 { font-size:clamp(28px,3vw,40px); margin:16px 0 12px; } .resource-link-band { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:22px 24px; border:1px solid var(--line); border-radius:16px; background:#fff; } .resource-link-band strong { display:block; color:var(--midnight); font-size:18px; margin-bottom:4px; } .resource-link-band span { color:var(--muted); } .light-link { color:var(--green-bright); } .home-apec-media.has-missing-image { display:none; } .home-apec-card:has(.home-apec-media.has-missing-image) { grid-template-columns:1fr; } .home-apec-card:has(.home-apec-media.has-missing-image) .home-apec-copy { min-height:0; } .home-apec-copy .home-event-links { gap:22px; } .footer-grid { grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(135px,.75fr)) minmax(120px,.55fr); gap:26px; } @media (max-width:1180px) { .footer-grid { grid-template-columns:1.2fr repeat(3,.8fr); } .footer-brand{grid-column:1/-1;} .footer-connect{grid-column:auto;} } @media (max-width:820px) { .resource-grid.three,.step-grid,.phase-grid { grid-template-columns:1fr; } .resource-grid.two,.membership-choice-grid { grid-template-columns:1fr; } .resource-cta-split { grid-template-columns:1fr; } .membership-inline,.resource-link-band { display:grid; grid-template-columns:1fr; align-items:start; } .footer-grid{grid-template-columns:1fr 1fr;} .footer-brand,.footer-connect{grid-column:1/-1;} } @media (max-width:540px) { .footer-grid { grid-template-columns:1fr; } .footer-brand,.footer-connect{grid-column:auto;} } .site-nav { gap:4px; } .nav-dropdown-menu { max-width:min(320px,calc(100vw - 28px)); } .membership-launch-banner { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:20px; align-items:center; } .membership-launch-action { white-space:nowrap; } .home-resource-section { background:#f6f6f6; } .home-resource-section .resource-card { min-height:200px; } .home-apec-card-v26 { align-items:stretch; overflow:hidden; } .home-apec-card-v26 .home-apec-copy { padding:clamp(28px,4vw,46px); gap:20px; } .home-apec-card-v26 .event-title { margin-bottom:10px; } .home-apec-card-v26 .home-event-links { margin-top:auto; padding-top:14px; display:flex; align-items:center; gap:24px; flex-wrap:wrap; } .home-apec-card-v26 .home-event-links .button { min-width:190px; } .home-apec-card-v26 .event-note { margin-top:2px; } .home-apec-card-v26 .feature-brands { margin-top:2px; } .home-apec-card-v26 .home-apec-media { min-height:100%; } .related-nz-orgs-band { margin-top:-16px; margin-bottom:48px; } .kiwi-connect-section .editorial-cta { align-items:center; } @media (max-width:1100px) { .membership-launch-banner { grid-template-columns:1fr; } .membership-launch-label { width:fit-content; } .membership-launch-action { width:fit-content; } } @media (max-width:820px) { .home-apec-card-v26 .home-event-links { align-items:flex-start; } .home-apec-card-v26 .home-event-links .button { width:auto; } .related-nz-orgs-band { margin-top:0; margin-bottom:32px; } } @media (min-width:1081px) { .nav-mega-menu { min-width:520px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:10px; } .nav-dropdown.is-open .nav-mega-menu { display:grid; } .nav-mega-business { min-width:590px; } } .nav-menu-group { min-width:0; } .nav-menu-label { padding:8px 11px 5px; color:var(--muted); font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; } .nav-menu-group + .nav-menu-group { border-left:1px solid var(--line); padding-left:8px; } .warning-note { border-color:rgba(151,151,151,.35); background:#fafafa; } .sitemap-card { min-height:0; } .sitemap-links { display:grid; gap:8px; width:100%; } .sitemap-links a { color:var(--navy-2); text-decoration:none; font-weight:720; padding:7px 0; border-bottom:1px solid rgba(33,33,33,.08); } .sitemap-links a:hover { color:var(--green-dark); } @media (max-width:1080px) { .nav-mega-menu { display:none; } .nav-dropdown.is-open .nav-mega-menu { display:block; } .nav-menu-group + .nav-menu-group { border-left:0; border-top:1px solid var(--line); padding-left:0; padding-top:6px; margin-top:6px; } .nav-menu-label { padding-left:12px; } } :root { --accent:#111111; --accent-hover:#292929; --accent-line:#777777; --surface-3:#efefed; --teal:#777; --aqua:#bbb; --muted-light:#bdbdbd; --max: 1340px; --midnight:#111111; --midnight-2:#292929; --navy:#292929; --navy-2:#292929; --ink:#111111; --muted: #606060; --green: #8b8b8b; --green-bright: #ffffff; --green-dark: #4c4c4c; --surface-2:#f7f7f5; --line: #dedede; --radius-xl: 24px; --radius: 16px; --radius-sm: 12px; --shadow: 0 12px 36px rgba(34,34,34,.08); --shadow-md: 0 8px 24px rgba(34,34,34,.07); --shadow-sm: 0 4px 12px rgba(34,34,34,.05); --space-section: clamp(44px, 5.4vw, 72px); --space-card: clamp(20px, 2.4vw, 30px); --font-sans: "Segoe UI Variable", "Aptos", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; --prose-width: 62ch; --type-body:17px; --type-small:14px; --type-section:32px; --type-subheading:22px; --type-page-title:clamp(34px,3.6vw,48px); --type-card-title:28px; --footer-surface: #000; --on-dark: #eaeaea; --on-dark-muted: #c6c6c6; } html[data-renderer="shared"] { --max:1400px; --space-section:40px; } body { background: var(--surface-2); } .container,.header-inner { width: min(var(--max),calc(100% - 48px)); } .site-header { position:relative; padding:14px 0; background:var(--surface-2); } .header-inner { min-height:72px; padding:10px 16px; border-radius:16px; box-shadow:none; border:1px solid var(--line); gap:16px; } .brand img { width:86px; } .brand-wordmark { display:none; color:var(--midnight); font-size:28px; font-weight:800; letter-spacing:-1px; } .brand img.image-missing { display:none; } .brand img.image-missing + .brand-wordmark { display:block; } .site-nav { gap:2px; } .site-nav > a,.nav-dropdown-toggle { font-size:13px; font-weight:700; min-height:44px; white-space:nowrap; } .nav-dropdown-toggle { padding:10px 25px 10px 10px; } .nav-dropdown-menu { border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); } @media(min-width:1081px) { .nav-dropdown-menu::before { content:""; position:absolute; left:0; right:0; top:-12px; height:12px; } } .nav-dropdown-menu a { line-height:1.4; padding:11px 12px; } .nav-mega-menu { max-width:calc(100vw - 48px); } .nav-menu-label { font-size:11px; letter-spacing:.06em; } .lang-button { min-height:44px; padding:8px; } h1 { font-size:clamp(36px,4.7vw,64px); line-height:1.06; letter-spacing:-.045em; } h2 { font-size:clamp(28px,3.1vw,42px); line-height:1.14; letter-spacing:-.03em; } h3 { font-size:clamp(21px,2vw,26px); line-height:1.25; letter-spacing:-.015em; } .lead { font-size:clamp(17px,1.6vw,20px); line-height:1.65; max-width:70ch; } .section { padding:var(--space-section) 0; } .section.compact { padding:40px 0; } .section-head { margin-bottom:28px; max-width:760px; } .eyebrow { font-size:11px; letter-spacing:.1em; margin-bottom:14px; } .surface-section { background:#fff; border-block:1px solid var(--line); } body[data-page="not-found"] main { min-height:0; padding-bottom:44px; } .hero { padding:10px 0 44px; } .hero-grid { min-height:0; padding:clamp(28px,4.5vw,60px); gap:36px; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); background:var(--navy); box-shadow:none; border-radius:24px; } .hero-grid::before,.hero-grid::after { display:none; } .hero-copy h1 { font-size:clamp(38px,4.4vw,62px); } .hero-title-line { display:inline; } .hero-title-line::after { content:' '; } .hero-copy .lead { font-size:18px; color:#dadada; } .home-hero { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:center; } .home-hero .eyebrow { color:#ffffff; } .home-hero h1 { max-width:13ch; } .hero-city-panel { background:#f0f0f0; color:var(--midnight); border-radius:16px; padding:30px; } .hero-city-panel h2 { font-size:26px; } .hero-city-panel p { color:var(--muted); font-size:16px; } .hero-city-links { display:grid; grid-template-columns:1fr 1fr; gap:0 18px; margin-top:22px; } .city-link { display:flex; align-items:center; justify-content:space-between; min-height:44px; padding-block:10px; border-bottom:1px solid #d5d5d5; font-weight:650; text-decoration:none; } .city-link::after { content:'↗'; color:var(--green-dark); margin-left:8px; } .city-link:hover { color:var(--green-dark); } .home-milestone { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr); gap:60px; align-items:center; } .home-milestone .milestone-date { padding:28px; border-left:1px solid var(--line); display:flex; flex-direction:column; color:var(--green-dark); } .home-milestone .milestone-date span { font-size:clamp(48px,6vw,80px); line-height:1.1; font-weight:750; letter-spacing:-.06em; } .home-milestone .milestone-date strong { font-size:32px; color:var(--midnight); } .home-milestone .milestone-date small { margin-top:16px; letter-spacing:.1em; } .hero-panel { padding:24px; background:rgba(255,255,255,.06); box-shadow:none; border-color:rgba(255,255,255,.18); border-radius:16px; } .hero-panel h2 { font-size:26px; } .network-visual { height:210px; min-height:0; } .hero-meta-grid { gap:12px; } .button,.button.primary,.button.secondary,.button.ghost { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 22px; gap:8px; border:1px solid transparent; border-radius:10px; font-size:15px; line-height:1.4; font-weight:700; text-decoration:none; text-align:center; white-space:normal; width:auto; min-width:0; max-width:100%; box-shadow:none; transition:background-color .15s,border-color .15s; } .button.primary { background:var(--accent); color:#fff; } .button.primary:hover { background:var(--accent-hover); transform:none; box-shadow:none; } .button.secondary { background:transparent; color:var(--midnight); border-color:#a3a3a3; } .hero .button.secondary,.editorial-cta .button.secondary,.nzgba-future-card .button.secondary { color:inherit; border-color:currentColor; } .hero .button.secondary { color:#fff; }.nzgba-future-card .button.secondary { color:#fff; background:transparent; border-color:#aaaaaa; } .editorial-cta .button.secondary { color:var(--midnight); background:transparent; border-color:#a3a3a3; } .card.navy .button.light,.button.light { background:#fff; color:var(--midnight); border-color:var(--line); } .nzgba-future-card,.site-footer,.card.navy { background:var(--midnight); } .button.secondary:hover { background:rgba(93,93,93,.08); transform:none; box-shadow:none; } .button-row,.resource-actions,.home-event-links { display:flex; align-items:center; flex-wrap:wrap; gap:12px; } .text-cta { display:inline-block; font-size:15px; line-height:1.5; font-weight:700; text-decoration:underline; text-underline-offset:4px; padding-block:8px; } .resource-card,.content-card,.pillar-card,.info-card,.sitemap-card { padding:var(--space-card); border:1px solid var(--line); border-radius:14px; box-shadow:none; min-height:0; } .resource-card { align-items:stretch; } .resource-card h3 { font-size:23px; } .resource-card p { margin-bottom:16px; } .resource-card .text-cta { margin-top:0; } .resource-card > .text-cta + .text-cta { margin-top:12px; } .resource-grid,.step-grid,.membership-choice-grid { gap:20px; } .resource-note { padding:22px; border-radius:12px; } .editorial-cta { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:32px; border-radius:16px; } .editorial-cta > div:first-child { min-width:0; max-width:720px; } .editorial-cta > .button-row { flex:0 0 320px; align-items:stretch; flex-direction:column; } .editorial-cta .lead { margin-bottom:0; } .resource-link-band,.membership-inline { align-items:center; gap:24px; border-radius:14px; } .resource-link-band > .button,.resource-link-band > .text-cta,.membership-inline > .button { flex-shrink:0; max-width:100%; } .business-interest-bar > .button { flex-shrink:0; } .home-apec-card-v26 { border-radius:18px; box-shadow:none; } .home-apec-card-v26 .home-apec-copy { padding:32px; gap:16px; } .home-apec-card-v26 .home-event-links { gap:12px; } .home-apec-card-v26 .home-event-links .button { min-width:0; } .membership-launch-banner { border-radius:14px; gap:20px; } .gba-map-card { border-radius:18px; box-shadow:none; } .city-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:26px 0 22px; border-block:1px solid var(--line); } .city-stats > div { padding:24px; min-width:0; border-right:1px solid var(--line); } .city-stats > div:first-child { padding-left:0; } .city-stats > div:last-child { border-right:0; } .city-stats dt { color:var(--muted); font-size:14px; margin-bottom:8px; } .city-stats dd { font-size:clamp(23px,2.4vw,32px); line-height:1.3; font-weight:750; letter-spacing:-.025em; margin:0; } .city-facts .small { max-width:90ch; } .city-related { border-top:1px solid var(--line); padding-top:30px; margin-top:36px; } .city-related .button-row { gap:12px 28px; } .site-footer { padding:48px 0 24px; } .footer-grid { grid-template-columns:minmax(190px,1.4fr) repeat(4,minmax(120px,1fr)); gap:26px; } .footer-brand { grid-column:1/-1; display:flex; align-items:center; gap:32px; } .footer-brand p { max-width:540px; margin:0; } .footer-logo { max-width:150px; height:auto; } .footer-logo.image-missing { display:none; } .footer-links { gap:10px; } .footer-links a { line-height:1.5; } .footer-bottom { margin-top:32px; padding-top:22px; } :focus-visible { outline:3px solid #7e7e7e; outline-offset:4px; } .nav-dropdown .nav-dropdown-toggle::after { transform:translateY(-75%) rotate(45deg); } .nav-dropdown.is-open .nav-dropdown-toggle::after { transform:translateY(-25%) rotate(225deg); } img { height:auto; } @media (min-width:1081px) { .nav-dropdown-menu { display:none; } .nav-dropdown.is-open .nav-dropdown-menu { display:block; } .nav-dropdown.is-open .nav-mega-menu { display:grid; min-width:500px; } .nav-mega-business { min-width:530px; } } @media (max-width:1080px) { .header-inner { flex-wrap:wrap; } .site-nav { width:100%; padding:16px 0 4px; } .site-nav > a,.nav-dropdown-toggle { min-height:48px; font-size:16px; } .nav-dropdown-menu { position:static; width:100%; max-width:100%; box-shadow:none; } .hero-grid { grid-template-columns:1fr; gap:30px; } .home-hero { grid-template-columns:1fr 1fr; } .hero-panel { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:20px; } .hero-panel .network-status,.hero-panel .hero-meta-grid { grid-column:1/-1; } .hero-panel .network-visual { margin:0; } .footer-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .footer-brand { grid-column:1/-1; } } @media (max-width:820px) { .resource-grid.three,.step-grid,.phase-grid { grid-template-columns:1fr; } .home-hero,.home-milestone { grid-template-columns:1fr; } .home-milestone { gap:30px; } .milestone-date { border-left:0; border-top:1px solid var(--line); padding:22px 0 0; } .editorial-cta { flex-direction:column; align-items:stretch; padding:26px; gap:22px; } .editorial-cta > .button-row { flex:auto; flex-direction:row; } .city-stats dd { font-size:24px; } .city-stats > div { padding:20px 14px; } .resource-link-band,.membership-inline { display:flex; flex-direction:column; align-items:flex-start; } .business-interest-bar { flex-direction:column; align-items:flex-start; gap:20px; } .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .footer-connect { grid-column:1/-1; } } @media (max-width:540px) { .container,.header-inner { width:calc(100% - 32px); } .header-inner { padding:10px 12px; min-height:66px; } .brand img { width:74px; } .hero { padding:4px 0 28px; } .hero-grid { padding:26px 22px; border-radius:18px; } .hero-copy h1 { font-size:39px; line-height:1.06; } .hero-panel { display:block; padding:22px; } .hero-city-panel { padding:22px; } .hero-panel .network-visual { display:none; } .hero-panel .network-status { margin-bottom:18px; } .hero-panel .hero-meta-grid { margin-top:20px; } .hero-signal { font-size:10px; letter-spacing:.04em; line-height:1.5; } .button-row { align-items:stretch; } .button-row > .button { width:100%; } .business-interest-bar > .button { width:100%; } .editorial-cta > .button-row { flex-direction:column; } .section.compact { padding:32px 0; } .city-stats { grid-template-columns:1fr; } .city-stats > div,.city-stats > div:first-child { padding:18px 0; border-right:0; border-bottom:1px solid var(--line); display:flex; gap:20px; align-items:center; justify-content:space-between; } .city-stats > div:last-child { border-bottom:0; } .city-stats dt { margin:0; flex:0 0 80px; } .city-stats dd { text-align:right; font-size:23px; } .city-related .button-row { flex-direction:column; align-items:flex-start; gap:4px; } .footer-brand { flex-direction:column; align-items:flex-start; gap:16px; } .footer-grid { gap:28px 18px; } .footer-nav-group { grid-column:auto; } .footer-title { font-size:14px; } } @media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none; transition:none; scroll-behavior:auto; } } body,html,.site-header { background:#fff; } .site-header { padding:12px 0 0; } .header-inner { border:0; border-bottom:1px solid var(--line); border-radius:0; padding:8px 0 16px; background:#fff; } .site-nav > a { border-radius:4px; } .site-nav > a[aria-current="page"] { background:transparent; color:var(--midnight); text-decoration:underline; text-underline-offset:7px; } .eyebrow { letter-spacing:.045em; text-transform:none; font-weight:650; } .eyebrow::before { display:none; } h1 { font-size:clamp(34px,3.8vw,52px); letter-spacing:-.035em; line-height:1.14; } h2 { font-size:clamp(27px,2.6vw,36px); line-height:1.2; } .hero { padding:0; } .home-hero { background:#fff; color:var(--ink); border-radius:0; padding:54px 0; gap:64px; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); border-bottom:1px solid var(--line); } .home-hero .hero-copy h1 { color:var(--midnight); font-size:clamp(34px,3.8vw,52px); max-width:19ch; line-height:1.14; } .home-hero .eyebrow { color:var(--green-dark); } .home-hero .hero-copy .lead { color:var(--muted); font-size:18px; max-width:54ch; } .hero-city-panel { background:none; border-radius:0; padding:0 0 0 30px; border-left:1px solid var(--line); } .hero-city-panel h2 { font-size:23px; } .hero-city-panel p { font-size:15px; } .hero-city-links { gap:0 22px; margin-top:16px; } .city-link { font-size:15px; font-weight:600; } .city-link::after { display:none; } .home-milestone { display:block; max-width:var(--max); } .home-milestone > div { max-width:760px; } .home-milestone .button { margin-top:8px; } .resource-card { background:transparent; border:0; border-top:1px solid var(--line); border-radius:0; padding:22px 0; box-shadow:none; } .resource-grid { gap:32px; } .resource-card h3 { font-size:22px; } .resource-card p { font-size:16px; } .surface-section { background:#f5f5f5; border:0; } .editorial-cta { background:transparent; border:0; border-top:1px solid var(--line); border-radius:0; padding:30px 0 0; box-shadow:none; } .button,.button.primary,.button.secondary,.button.light { border-radius:5px; }.button.primary { background:var(--accent); color:#fff; } .hero .button.primary,.editorial-cta .button.primary,.nzgba-future-card .button.primary { background:var(--accent); color:#fff; border-color:var(--accent); box-shadow:none; } .hero .button.primary:hover,.editorial-cta .button.primary:hover,.nzgba-future-card .button.primary:hover { background:var(--accent-hover); box-shadow:none; } .site-nav > a.nav-cta:not([aria-current="page"]) { background:#404040; color:#fff; border-radius:5px; }.button.primary:hover { background:var(--accent-hover); }.hero .button.secondary { background:transparent; color:var(--midnight); border-color:#a3a3a3; } .text-cta::after { display:none; } .text-cta { background:none; border:0; box-shadow:none; align-self:flex-start; } .resource-note { background:transparent; border:0; border-left:3px solid #8b8b8b; border-radius:0; padding:12px 22px; } .city-stats dd { font-size:clamp(23px,2.1vw,29px); } @media (max-width:1080px) { .header-inner { padding:8px 0 14px; } } @media (max-width:820px) { .home-hero { grid-template-columns:1fr; gap:34px; padding:38px 0; } .hero-city-panel { border-left:0; border-top:1px solid var(--line); padding:26px 0 0; } .hero-city-links { grid-template-columns:repeat(3,minmax(0,1fr)); } .editorial-cta { padding:26px 0 0; } } @media (max-width:540px) { .hero-city-links { grid-template-columns:repeat(2,minmax(0,1fr)); } .home-hero .hero-copy h1 { font-size:36px; } .home-hero .hero-copy .lead { font-size:17px; } .resource-grid { gap:12px; } } body[data-page="home"] .hero { padding:22px 0 48px; } body[data-page="home"] .hero-grid { background:#171717; border-radius:24px; } body[data-page="home"] .hero-copy h1 { color:#fff; } body[data-page="home"] .hero-copy .lead { color:#cecece; } body[data-page="home"] .hero .button.secondary { color:#fff; border-color:#aaaaaa; } body[data-page="home"] .hero-title-line { display:block; } body[data-page="home"] .hero-title-line::after { content:none; } body[data-page="home"] .hero .button.primary { background:var(--accent); color:#fff; border-color:var(--accent); } body[data-page="home"] .hero .button.primary:hover { background:var(--accent-hover); } body[data-page="home"] .home-resource-section .resource-card { background:#fff; border:1px solid var(--line); border-radius:12px; padding:24px; } body[data-page="home"] .gba-map-card { border:1px solid var(--line); box-shadow:none; } body[data-page="home"] .gba-map-intro { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:48px; align-items:end; } body[data-page="home"] .gba-map-copy h2 { max-width:none; font-size:clamp(30px,3vw,42px); line-height:1.18; } @media(max-width:900px) { body[data-page="home"] .gba-map-intro { grid-template-columns:1fr; gap:22px; } } @media(max-width:540px) { body[data-page="home"] .hero { padding:14px 0 32px; } body[data-page="home"] .hero-grid { grid-template-columns:minmax(0,1fr); } body[data-page="home"] .hero-copy,body[data-page="home"] .hero-panel { min-width:0; } body[data-page="home"] .network-status { flex-wrap:wrap; } body[data-page="home"] .hero-title-line { display:inline; } body[data-page="home"] .hero-title-line::after { content:' '; } } .membership-launch-banner .button.secondary { color:#fff; background:transparent; border-color:#c0c0c0; } .membership-launch-banner .button.secondary:hover { color:#171717; background:#fff; border-color:#fff; } .membership-launch-banner .button.secondary,.nzgba-future-card .button.secondary,.editorial-cta.dark-cta .button.secondary { transition:none; } body[data-page="home"] .hero .button.secondary { transition:none; } ::selection { color:#171717; background:#d0d0d0; } .card.navy .eyebrow,.business-events-section .eyebrow { color:#cacaca; } .membership-choice.business .event-label { color:#cacaca; background:transparent; border-color:#868686; } .editorial-cta.dark-cta { background:#171717; color:#fff; padding:32px; border:0; border-radius:16px; } .editorial-cta.dark-cta .eyebrow { color:#cacaca; } .editorial-cta.dark-cta .button.secondary { color:#fff; background:transparent; border-color:#c0c0c0; } .editorial-cta.dark-cta .button.secondary:hover { color:#171717; background:#fff; } .step-number,.programme-list span { color:#4c4c4c; } .business-events-section .step-number { color:#cacaca; } body[data-page="home"] .hero .button.secondary:hover { color:#171717; background:#fff; border-color:#fff; } .eyebrow,.network-status,.hero-meta-grid strong,.event-label,.opportunity-label { font-size:12px; } .site-footer .footer-links a,.site-footer .footer-brand p,.site-footer .footer-bottom { color:#eaeaea; font-size:14px; } .site-footer .footer-title { color:#fff; font-size:14px; } .site-footer .footer-links a:hover { color:#fff; } body[data-page="home"] .hero-grid { display:block; padding:42px 48px; border-radius:12px; background:#171717; } body[data-page="home"] .hero-copy { max-width:860px; } body[data-page="home"] .hero-copy h1 { font-size:clamp(34px,3.8vw,52px); line-height:1.14; max-width:25ch; } body[data-page="home"] .hero-copy .eyebrow { color:#cacaca; margin-bottom:18px; } body[data-page="home"] .hero-copy .lead { max-width:75ch; font-size:18px; color:#eaeaea; } body[data-page="home"] .hero { padding-bottom:24px; } .map-city-chips a { color:#383838; background:#fff; border:1px solid #dddddd; border-radius:5px; padding:8px 12px; font-size:14px; font-weight:650; text-decoration:underline; text-underline-offset:3px; } .map-city-chips a:hover { background:#eeeeee; color:#171717; } .opportunity-card { border-radius:12px; box-shadow:none; } .opportunity-card h3 { font-size:clamp(25px,2.4vw,32px); line-height:1.2; } .opportunity-card.delegation-card,.opportunity-card.sponsor-card { background:#252525; } .card.navy { box-shadow:none; } .site-footer { background:#000; } body[data-page="apec-event"] .section { padding:48px 0; } body[data-page="apec-event"] .event-recap-grid { grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:48px; align-items:start; } html[data-renderer="shared"] body[data-page="apec-event"] .event-recap-grid { max-width:1180px;grid-template-columns:minmax(0,1fr) 300px;gap:40px;margin-inline:auto; } html[data-renderer="shared"] body[data-page="apec-event"] .event-recap-copy { max-width:none; } html[data-renderer="shared"] body[data-page="apec-event"] main .event-recap-copy p { max-width:none; } body[data-page="apec-event"] .event-recap-poster { width:320px;max-width:100%;margin:0 auto;padding:0; border:0; background:transparent; box-shadow:none; } body[data-page="apec-event"] .event-recap-copy { max-width:78ch; } body[data-page="apec-event"] .event-meta { gap:8px 16px; } body[data-page="apec-event"] .gallery-intro { display:block; margin-bottom:20px; } body[data-page="apec-event"] .gallery-intro .lead { max-width:76ch; margin:12px 0 0; justify-self:start; } body[data-page="apec-event"] .event-gallery-empty { display:block; padding:20px 24px; border-radius:8px; margin:0; background:#f6f6f6; } body[data-page="apec-event"] .event-gallery-empty[hidden] { display:none; } body[data-page="apec-event"] .event-gallery-empty strong { font-size:20px; } .event-video-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:40px; align-items:start; } .event-video-heading { margin:0; min-width:0; } .event-video-player { min-width:0; } .event-video-embed { width:100%; min-height:202px; margin:0; aspect-ratio:16/9; border:1px solid var(--line); border-radius:8px; background:#171717; box-shadow:none; } .event-video-load { width:100%; min-height:112px; display:flex; align-items:center; justify-content:flex-start; gap:20px; padding:24px; background:#fff; border:0; color:#171717; font:inherit; font-weight:700; cursor:pointer; text-decoration:none; } .event-video-load:hover { background:#eeeeee; } .video-play-icon { display:grid; place-items:center; flex:0 0 56px; width:56px; height:56px; background:#171717; color:#fff; border-radius:50%; font-size:22px; } .event-video-fallback { width:100%; margin:8px 0 0; text-align:left; } body[data-page="apec-event"] .media-coverage-grid { gap:0 32px; align-items:start; } body[data-page="apec-event"] .media-coverage-card, body[data-page="apec-event"] .media-coverage-card:last-child:nth-child(odd) { min-height:0; padding:22px 0; border:0; border-top:1px solid var(--line); border-radius:0; box-shadow:none; background:transparent; grid-column:auto; } body[data-page="apec-event"] .media-coverage-card:hover { transform:none; box-shadow:none; } body[data-page="apec-event"] .media-coverage-card h3 { font-size:23px; line-height:1.3; } body[data-page="apec-event"] .media-source { font-size:12px; letter-spacing:.02em; text-transform:none; margin-bottom:10px; } body[data-page="apec-event"] .media-coverage-card p { margin-bottom:12px; } body[data-page="apec-event"] .media-link { margin:0; } body[data-page="apec-event"] .media-link-static { font-weight:500; color:var(--muted); } body[data-page="apec-event"] .nzgba-future-card { border-radius:8px; padding:32px; } body[data-page="photos"] .event-gallery-feature .editorial-split { align-items:start; gap:32px; } body[data-page="photos"] .event-gallery-feature .event-archive-poster { justify-self:start; padding:0; border:0; box-shadow:none; background:transparent; } @media(max-width:900px) { body[data-page="apec-event"] .event-recap-grid { grid-template-columns:minmax(0,1fr) 240px; gap:28px; } .event-video-layout { grid-template-columns:1fr; gap:24px; } } @media(max-width:640px) { body[data-page="apec-event"] .section { padding:32px 0; } body[data-page="apec-event"] .event-recap-grid { grid-template-columns:1fr; gap:24px; } html[data-renderer="shared"] body[data-page="apec-event"] .event-recap-grid { grid-template-columns:1fr; } body[data-page="apec-event"] .event-recap-poster { width:min(280px,100%); } body[data-page="apec-event"] .nzgba-future-card { padding:24px 20px; } body[data-page="apec-event"] .media-coverage-grid { grid-template-columns:1fr; } } @media(max-width:540px) { body[data-page="home"] .hero-grid { padding:28px 22px; } body[data-page="home"] .hero-copy .lead { font-size:17px; } } .button.primary,.hero .button.primary,.editorial-cta .button.primary,.nzgba-future-card .button.primary { background:var(--accent); color:#fff; border-color:var(--accent); box-shadow:none; }.button.primary:hover,.hero .button.primary:hover,.editorial-cta .button.primary:hover,.nzgba-future-card .button.primary:hover { background:var(--accent-hover); color:#fff; } .site-nav>a.nav-cta:not([aria-current="page"]) { background:var(--green-bright); color:var(--midnight); } .button.secondary { color:var(--navy); border-color:#949494; } .resource-step { background:transparent; border:0; border-top:1px solid var(--line); border-radius:0; padding:20px 0; min-height:0; box-shadow:none; } .resource-step>span { display:block; margin-bottom:10px; font-size:14px; color:var(--green-dark); } .resource-step h3 { margin:0 0 12px; font-size:22px; } .resource-step p { line-height:1.7; } .event-label,.opportunity-label { background:transparent; border:0; padding:0; box-shadow:none; } .card,.event-card,.membership-choice { box-shadow:none; border-radius:8px; } .card.navy,.membership-choice.business,.editorial-cta.dark-cta,.business-events-section { background:var(--navy); color:#fff; } :root { --section-space:48px; --heading-gap:24px; --grid-gap:24px; } html[data-renderer="shared"] { --section-space:40px; --heading-gap:20px; --grid-gap:28px; } .city-name-link { color:inherit; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; } .city-stats .gdp-equivalent { display:block; margin-top:8px; font-size:var(--type-body); line-height:1.45; font-weight:500; letter-spacing:0; } .city-source-links { display:flex; flex-wrap:wrap; gap:12px 24px; } .city-districts .lead { max-width:78ch; } .district-groups { margin:28px 0; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:28px; } .district-group { border-top:1px solid var(--line); padding-top:18px; min-width:0; } .district-group h3 { margin:0 0 16px; font-size:21px; } .district-list { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 24px; } .district-list li { margin:0; line-height:1.55; overflow-wrap:anywhere; } .city-orientation-copy { max-width:80ch; } .industry-introduction { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:48px; align-items:center; } .industry-introduction p { max-width:68ch; } .industry-matrix { border-block:1px solid var(--line); } .industry-city-row { display:grid; grid-template-columns:180px minmax(0,1fr) 160px; gap:24px; align-items:center; padding-block:20px; border-bottom:1px solid var(--line); } .industry-city-row:last-child { border-bottom:0; } .industry-city-row h3,.industry-city-row p { margin:0; } body[data-page] main .industry-city-row h3 { font-size:23px; } .industry-controls { display:grid; grid-template-columns:minmax(220px,1.35fr) minmax(160px,.8fr) minmax(220px,1fr) auto; gap:16px; align-items:end; padding:24px; background:#fff; border:1px solid var(--line); border-radius:14px; margin-bottom:18px; } .industry-controls[hidden],.industry-city-group[hidden],.industry-entry[hidden],.industry-no-results[hidden] { display:none; } .industry-controls label { display:flex; flex-direction:column; gap:8px; font-size:15px; font-weight:650; } .industry-controls :is(input,select) { min-width:0; width:100%; min-height:46px; padding:10px 12px; border:1px solid #aaaaaa; border-radius:6px; color:var(--ink); background:#fff; } .industry-results { color:var(--muted); font-size:15px; } .industry-city-group { padding-block:32px; scroll-margin-top:120px; } .industry-entry { display:grid; grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr); gap:40px; padding-block:28px; border-top:1px solid var(--line); scroll-margin-top:120px; } .industry-entry h3 { margin-block:8px 14px; } .industry-category { color:var(--green-dark); font-size:var(--type-small); font-weight:750; margin:0; } .industry-location { font-weight:650; color:var(--navy); } .industry-status { font-size:var(--type-small); color:var(--muted); } .industry-sources { list-style:none; padding:0; margin:18px 0 0; font-size:15px; } .industry-sources li { margin-block:8px; } .industry-related { display:flex; flex-wrap:wrap; gap:12px 20px; margin-top:16px; font-weight:650; } .city-cluster-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 40px; } .city-cluster-links article { padding-block:18px; border-top:1px solid var(--line); } .city-cluster-links p { margin-bottom:0; } .city-next-step { padding-top:24px; } .city-next-step>a { display:inline-flex; margin-right:24px; min-height:44px; align-items:center; } .city-reference { padding:24px; border:1px solid var(--line); border-radius:12px; background:#fff; } .city-reference>summary { font-size:var(--type-subheading); font-weight:700; cursor:pointer; color:var(--navy); } .city-reference[open]>summary { margin-bottom:24px; } .city-reference .city-stats { display:block; } .city-source-links { align-items:center; } @media(max-width:1080px) { .industry-controls { grid-template-columns:repeat(2,minmax(0,1fr)); }.industry-city-row { grid-template-columns:150px minmax(0,1fr) 150px; } } @media(max-width:800px) { .industry-introduction,.industry-entry { grid-template-columns:1fr; gap:20px; }.industry-city-row { grid-template-columns:1fr; gap:10px; }.industry-city-row p { max-width:60ch; }.city-cluster-links { grid-template-columns:1fr; gap:12px; } } @media(max-width:540px) { .industry-controls { grid-template-columns:1fr; padding:18px; }.industry-controls .button { width:100%; }.industry-entry { padding-block:24px; }.industry-city-group { padding-block:24px; }.city-reference { padding:18px; } } @media(min-width:1100px) { .city-orientation-copy { max-width:none; columns:2; column-gap:48px; } .city-orientation-copy p { break-inside:avoid; } } .city-guide-nav { display:flex; flex-wrap:wrap; align-items:center; gap:8px 24px; padding-block:24px; border-bottom:1px solid var(--line); } html[data-renderer="shared"] .city-guide-nav { gap:12px 28px; } .city-guide-nav a { min-height:44px; display:inline-flex; align-items:center; } .local-link-list { list-style:none; padding:0; margin:24px 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 36px; } .local-link-list li { padding-block:16px; border-bottom:1px solid var(--line); } .local-link-list > :only-child { grid-column:1/-1; } .local-link-list p { margin:8px 0 0; } .city-references { margin-top:28px; } .city-business-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:24px 0; } .city-business-list article { padding-block:16px; border-bottom:1px solid var(--line); } body[data-page="membership"] .lead,body[data-page="what"] .lead,body[data-page="about"] .lead { max-width:none; } .site-footer .footer-contact-icons { display:flex; flex-flow:row nowrap; align-items:center; gap:8px; } .site-footer .footer-contact-icons .social-icon-link { box-sizing:border-box; flex:0 0 44px; width:44px; height:44px; min-height:44px; max-height:44px; padding:10px; margin:0; border:0; border-radius:0; background:transparent; color:#ececec; line-height:1; } .site-footer .social-icon-link svg { width:24px; height:24px; flex-shrink:0; } @media(max-width:700px) { .local-link-list,.city-business-list { grid-template-columns:1fr; } } .district-groups-large { grid-template-columns:1fr; } .district-groups-large .district-list { grid-template-columns:repeat(4,minmax(0,1fr)); } body[data-page] .editorial-cta h2 { max-width:none; } body[data-page] .gallery { --gallery-row-height:clamp(160px,20vw,280px); display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; } body[data-page] .gallery::after { content:""; flex-grow:9999; } body[data-page] .gallery figure { margin:0; min-width:0; flex:var(--photo-ratio,1.5) 1 calc(var(--photo-ratio,1.5) * var(--gallery-row-height)); } body[data-page] .gallery-tile { display:block; padding:0; width:100%; border:0; background:transparent; cursor:pointer; } body[data-page] .gallery-tile img { display:block; width:100%; height:auto; aspect-ratio:auto; } body[data-page] .gallery figcaption { display:block; margin-top:10px; font-size:var(--type-small); line-height:1.5; color:#515151; } body[data-page] dialog:not(.poster-viewer) { width:min(1000px,calc(100% - 24px)); max-height:calc(100dvh - 24px); padding:20px; border:0; border-radius:8px; color:#fff; background:#171717; } body[data-page] dialog:not(.poster-viewer)::backdrop { background:rgb(0 0 0 / .85); } body[data-page] .viewer-top,body[data-page] .viewer-controls { display:flex; align-items:center; justify-content:space-between; gap:16px; } body[data-page] .viewer-top h2 { color:#fff; font-size:20px; } body[data-page] .viewer button { min-height:44px; padding:8px 14px; color:#fff; background:#343434; border:1px solid #7c7c7c; border-radius:4px; } body[data-page] .viewer-image { width:100%; height:62dvh; object-fit:contain; margin:16px 0; touch-action:pan-y; } body[data-page] .viewer-caption { color:#fff; font-size:16px; margin-bottom:16px; } body[data-page] #viewer-help { color:#d3d3d3; font-size:var(--type-small); } .events-showcase-layout:has(> :only-child) { grid-template-columns:1fr; } body[data-page="events"] .grid.two { align-items:start; } .events-showcase-layout:has(> :only-child) > .guangzhou-event-card { max-width:none; } @media(max-width:900px) { .district-groups-large .district-list { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:540px) { .district-groups-large .district-list { grid-template-columns:1fr; } } @media(max-width:540px) { .district-list { grid-template-columns:1fr; gap:8px; } .city-stats dd { min-width:0; } .city-stats dt { flex-basis:66px; } } .lang-button { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; } body[data-page] main > section.section, body[data-page] main > section.section.compact { padding-block:var(--section-space); margin-block:0; } html[data-renderer="shared"] body[data-page] main > section.section.compact { padding-block:28px; } body[data-page] .page-hero .resource-note { margin-top:24px; } body[data-page] .page-hero .resource-note h2 { font-size:var(--type-subheading); line-height:1.3; margin-bottom:12px; } body[data-page] main .section-head,body[data-page] main .gallery-intro { margin-bottom:var(--heading-gap); } body[data-page] main .section-head h2,body[data-page] main .gallery-intro h2 { margin-bottom:12px; } body[data-page] main .section-head p:last-child,body[data-page] main .gallery-intro p:last-child { margin-bottom:0; } body[data-page] main :is(.resource-grid,.grid,.step-grid,.membership-choice-grid,.event-highlight-grid) { gap:var(--grid-gap); } .membership-choice { display:flex;flex-direction:column;align-items:flex-start; } .membership-choice .button { margin-top:auto; } html[data-renderer="shared"] .membership-choice { min-height:0; } .membership-choice p:last-of-type { margin-bottom:24px; } html[data-renderer="shared"] .membership-choice { transition:none; } html[data-renderer="shared"] .membership-choice.social:focus-within { background:#292929;border-color:#292929; } html[data-renderer="shared"] .membership-choice.social:focus-within :is(h3,p) { color:#fff; } html[data-renderer="shared"] .membership-choice.social:focus-within .button.primary { background:#fff!important;color:#111!important;border-color:#fff!important; } html[data-renderer="shared"] .membership-choice.business:focus-within { background:#fff;border-color:#111; } html[data-renderer="shared"] .membership-choice.business:focus-within :is(h3,p) { color:#111; } html[data-renderer="shared"] .membership-choice.business:focus-within .button.primary { background:#111!important;color:#fff!important;border-color:#111!important; } @media(hover:hover) and (pointer:fine){ html[data-renderer="shared"] .membership-choice.social:hover { background:#292929;border-color:#292929; } html[data-renderer="shared"] .membership-choice.social:hover :is(h3,p) { color:#fff; } html[data-renderer="shared"] .membership-choice.social:hover .button.primary { background:#fff!important;color:#111!important;border-color:#fff!important; } html[data-renderer="shared"] .membership-choice.business:hover { background:#fff;border-color:#111; } html[data-renderer="shared"] .membership-choice.business:hover :is(h3,p) { color:#111; } html[data-renderer="shared"] .membership-choice.business:hover .button.primary { background:#111!important;color:#fff!important;border-color:#111!important; } } @media(prefers-reduced-motion:reduce){html[data-renderer="shared"] .membership-choice{transition:none}} body[data-page] main :is(.button-row,.resource-actions,.home-event-links) { gap:12px; } body[data-page] main .event-video-layout { gap:var(--grid-gap); } body[data-page] main .open-network-band { gap:var(--grid-gap); align-items:start; } body[data-page] main .open-network-band h2 { max-width:none; margin-bottom:0; } body[data-page] main .milestone-header { margin-bottom:var(--heading-gap); } body[data-page="about"] .milestone-row:first-child .milestone-content { padding:0; border:0; background:transparent; box-shadow:none; } body[data-page="about"] .milestone-row .milestone-date { padding:0; border:0; } body[data-page="about"] .milestone-row .milestone-date span { font-size:var(--type-small); line-height:1.5; letter-spacing:0; font-weight:650; } body[data-page] .hero { padding:24px 0 var(--section-space); margin:0; } body[data-page="home"] .hero-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:center; gap:32px; padding:40px; } body[data-page="home"] .hero-copy h1 { max-width:20ch; font-size:clamp(34px,3.4vw,48px); } body[data-page="home"] .hero-panel { min-width:0; padding:24px; background:#383838; border:1px solid #6a6a6a; border-radius:12px; color:#fff; } body[data-page="home"] .network-status { color:#e3e3e3; margin-bottom:16px; } body[data-page="home"] .network-visual { display:block; height:auto; aspect-ratio:13/8; background:#202020; border:1px solid #6a6a6a; } body[data-page="home"] .network-node { width:76px; height:76px; color:#fff; background:#424242; border-color:#6a6a6a; box-shadow:none; } body[data-page="home"] .network-node { text-decoration:none; } body[data-page="home"] .network-node:is(:hover,:focus-visible) { background:#fff; border-color:#fff; } body[data-page="home"] .network-node:is(:hover,:focus-visible) :is(b,small) { color:#111; } body[data-page="home"] .network-node b { font-size:18px; } body[data-page="home"] .node-hk { left:8%; } body[data-page="home"] .node-guangzhou { right:9%;top:8%;bottom:auto; } body[data-page="home"] .node-shenzhen { right:11%;bottom:9%;top:auto; } body[data-page="home"] .network-wave { stroke:#bdbdbd;stroke-width:2;stroke-dasharray:none; } body[data-page="home"] .network-node small { color:#e3e3e3; font-size:12px; } body[data-page="home"] .network-core { background:#000; color:#fff; border-color:#6a6a6a; white-space:nowrap; } .gba-connection-map { filter:grayscale(1); } body[data-page="home"] .hero-panel-copy h2 { font-size:26px; line-height:1.2; margin:20px 0 12px; color:#fff; } body[data-page="home"] .hero-panel-copy p { color:#e3e3e3; margin:0; font-size:16px; } body[data-page="home"] .gba-map-intro { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); align-items:start; gap:24px 32px; margin-bottom:24px; } body[data-page="home"] .gba-map-copy h2 { max-width:none; margin:0; } body[data-page="home"] .gba-map-context .lead { margin:0; font-size:18px; line-height:1.6; } body[data-page="home"] .map-city-chips { grid-column:1/-1; margin:0; gap:8px; } body[data-page="home"] .map-city-chips a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 14px; line-height:1.4; white-space:nowrap; } .documentary-image { margin:0; } .community-documentary .container { max-width:900px; } .community-documentary .section-head { display:flex; flex-wrap:wrap; gap:20px; align-items:center; justify-content:space-between; margin-bottom:24px; } .community-documentary .section-head h2 { margin:0; } .community-documentary .documentary-image { max-width:660px; margin-inline:auto; } .documentary-image img { display:block; width:100%; height:auto; border-radius:8px; } .documentary-image figcaption { margin-top:12px; color:var(--muted); font-size:var(--type-small); line-height:1.5; } .documentary-section .container { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:32px; align-items:start; } .about-origin-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:48px; align-items:start; } .about-origin-grid .documentary-image { padding-top:8px; } .about-origin-grid .documentary-image .text-cta { margin-top:12px; } .about-people-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; padding-block:32px; border-block:1px solid var(--line); } .about-people-grid p { max-width:none; } @media(max-width:900px) { .about-origin-grid,.about-people-grid { grid-template-columns:1fr; gap:28px; }.about-origin-grid .documentary-image { padding-top:0; }.about-people { padding-block:0; } } @media(max-width:900px) { :root { --section-space:32px; } body[data-page="home"] .gba-map-intro { grid-template-columns:1fr; gap:20px; } body[data-page="home"] .hero-grid { grid-template-columns:1fr; padding:32px; } body[data-page="home"] .hero-copy h1 { max-width:26ch; } body[data-page="home"] .hero-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:20px; } body[data-page="home"] .network-status { grid-column:1/-1; margin:0; } body[data-page="home"] .hero-panel-copy h2 { margin-top:0; } .documentary-section .container { grid-template-columns:1fr; gap:24px; } } @media(max-width:540px) { body[data-page="home"] .hero-grid { padding:24px 20px; } body[data-page="home"] .hero-panel { display:block; padding:20px; } body[data-page="home"] .network-status { margin-bottom:16px; } body[data-page="home"] .hero-panel-copy h2 { margin-top:20px; } } .city-business-list h3 a { font-size:inherit; line-height:inherit; font-weight:inherit; padding:0; display:inline; } .city-business-list:has(> :only-child) { grid-template-columns:1fr; } @media(max-width:900px) { .district-groups:not(.district-groups-large) .district-list { grid-template-columns:1fr; } } body[data-page="kiwi-hong-kong"] .district-list { grid-template-columns:1fr; } @media(min-width:541px) and (max-width:900px) { body[data-page="kiwi-hong-kong"] .district-group:last-child { grid-column:1/-1; } body[data-page="kiwi-hong-kong"] .district-group:last-child .district-list { grid-template-columns:repeat(2,minmax(0,1fr)); } } .site-footer .footer-bottom { display:grid; grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr); gap:12px 24px; align-items:start; } .site-footer .footer-bottom > div:first-child { text-align:left; } .site-footer .footer-bottom > div:nth-child(2) { text-align:center; } .site-footer .footer-bottom > div:last-child { text-align:right; max-width:none; white-space:nowrap; } .footer-brand-link { display:inline-block; } html[lang^="zh"] body[data-page="mates"] .mate-logo-wrap { height:120px; min-height:0; min-width:0; padding:16px; } html[lang^="zh"] body[data-page="mates"] .mate-logo-link { display:flex; align-items:center; justify-content:center; height:86px; min-height:0; min-width:0; width:100%; } html[lang^="zh"] body[data-page="mates"] .mate-logo { max-width:100%; max-height:86px; width:100%; height:86px; object-fit:contain; transform:none; } html[data-renderer="shared"] body[data-page="mates"] .organisation-listings { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px; } html[data-renderer="shared"] body[data-page="mates"] .mate-card { display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:24px;border-radius:14px;background:#fff;box-shadow:none;margin:0; } html[data-renderer="shared"] body[data-page="mates"] .mate-logo-wrap { aspect-ratio:auto; width:100%; max-width:none; height:112px; min-height:0; min-width:0; padding:0; margin:0;border:0;border-radius:0;box-shadow:none;background:transparent; } html[data-renderer="shared"] body[data-page="mates"] .mate-logo-dark { background:#111;width:min(100%,320px);padding:8px;border-radius:8px;margin-inline:auto; } html[data-renderer="shared"] body[data-page="mates"] .mate-logo-link { display:flex; align-items:center; justify-content:center; width:100%; height:100%; min-width:0; } html[data-renderer="shared"] body[data-page="mates"] .mate-logo-dark .mate-logo-link { justify-content:center; } html[data-renderer="shared"] body[data-page="mates"] .mate-logo { width:auto; height:auto; max-width:min(100%,360px); max-height:96px; object-fit:contain; transform:none; } html[data-renderer="shared"] body[data-page="mates"] .mate-copy { display:flex;flex-direction:column;flex:1;min-width:0;text-align:left; } html[data-renderer="shared"] body[data-page="mates"] .mate-copy h2{font-size:25px;line-height:1.24;margin:8px 0 14px} html[data-renderer="shared"] body[data-page="mates"] .mate-copy p{font-size:var(--type-body);line-height:1.65;max-width:none} html[data-renderer="shared"] body[data-page="mates"] .mate-actions { display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px 20px;margin-top:auto;padding-top:16px; } html[data-renderer="shared"] body[data-page="mates"] .organisation-invitation { display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:center;border-top:1px solid var(--line);padding-block:24px; } html[data-renderer="shared"] body[data-page="mates"] .organisation-invitation .button { justify-self:end;white-space:normal;text-align:center; } body[data-page] main>section.section.mates-connect { padding-block:24px; } html[data-renderer="shared"] body[data-page="mates"] .organisation-invitation h2 { font-size:var(--type-card-title);line-height:1.2; } @media(max-width:820px){html[data-renderer="shared"] body[data-page="mates"] .organisation-listings{grid-template-columns:1fr}html[data-renderer="shared"] body[data-page="mates"] .organisation-invitation{grid-template-columns:1fr;gap:16px}html[data-renderer="shared"] body[data-page="mates"] .organisation-invitation .button{justify-self:start}} body[data-page="mates"] .page-hero .mates-note { color:#eaeaea; } body[data-page="mates"] .mate-logo-link:hover .mate-logo,body[data-page="mates"] .mate-logo-link:focus-visible .mate-logo { transform:none; } .event-report-list { padding:0; margin:12px 0 28px; list-style:none; } html[lang="en-NZ"] .event-report-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}html[lang="en-NZ"] .event-report-list li{padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff;align-content:start}html[lang="en-NZ"] .event-report-list .text-cta{font-size:var(--type-body);line-height:1.5;border-bottom:0;text-decoration:none}html[lang="en-NZ"] .event-report-list li:first-child{border-top:3px solid var(--accent)}@media(max-width:1100px){html[lang="en-NZ"] .event-report-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){html[lang="en-NZ"] .event-report-list{grid-template-columns:1fr}} .event-report-list li { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; border-bottom:1px solid var(--line); padding:18px 0; } .event-report-list li p { margin:0; line-height:1.65; } .event-report-list .media-publisher { font-size:var(--type-small); font-weight:700; margin-bottom:4px; } .media-group-heading { font-size:23px; margin-top:28px; } body[data-page="apec-event"] .event-video-embed { border-radius:4px; box-shadow:none; } @media(max-width:1000px) { .site-footer .footer-bottom { grid-template-columns:minmax(0,1fr) auto; }.site-footer .footer-bottom > div:last-child { grid-column:1/-1;white-space:normal; } } @media(max-width:760px) { .site-footer .footer-bottom { grid-template-columns:1fr; gap:12px; } .site-footer .footer-bottom > div { margin:0; } .site-footer .footer-bottom > div:first-child,.site-footer .footer-bottom > div:nth-child(2),.site-footer .footer-bottom > div:last-child { text-align:left; } .event-report-list li { grid-template-columns:1fr; gap:8px; } } body[data-page] { background:var(--surface-2); color:var(--ink); font-family:var(--font-sans); } body[data-page] .word-keep { white-space:nowrap; } body[data-page] .container,body[data-page] .wrap { width:min(var(--max),calc(100% - 40px)); margin-inline:auto; } body[data-page] .site-header { position:relative; top:auto; padding:8px 0; background:var(--surface-2); } body[data-page] .header-inner { width:min(var(--max),calc(100% - 32px)); min-height:68px; padding:7px 9px 7px 17px; gap:20px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:var(--shadow-sm); } body[data-page] .brand img { width:240px; height:auto; object-fit:contain; filter:none; } body[data-page] .site-nav { gap:2px; width:auto; padding:0; } body[data-page] .site-nav > a,body[data-page] .nav-dropdown-toggle { display:inline-flex; align-items:center; box-sizing:border-box; font-size:13px; font-weight:740; min-height:44px; line-height:1.5; } body[data-page] .site-nav > a { padding:10px; border-radius:9px; color:var(--navy-2); } body[data-page] .site-nav > a.nav-cta { background:var(--green-bright); color:var(--midnight); border-radius:10px; } body[data-page] .nav-dropdown-toggle { padding:10px 24px 10px 10px; border-radius:9px; } body[data-page] .lang-button { padding:8px; gap:4px; min-height:44px; border-radius:9px; } body[data-page] main h1 { font-size:clamp(42px,4.4vw,60px); font-weight:760; line-height:1.04; letter-spacing:-.045em; margin:0 0 20px; } body[data-page] main h2 { font-size:clamp(28px,2.8vw,36px); font-weight:750; line-height:1.15; letter-spacing:-.025em; margin:0 0 18px; } body[data-page] main h3 { font-size:21px; line-height:1.3; letter-spacing:-.015em; margin:0 0 14px; } body[data-page] main p { font-size:var(--type-body); line-height:1.7; color:var(--muted); margin:0 0 16px; max-width:78ch; } body[data-page] .button { min-height:46px; padding:11px 18px; border-radius:10px; font-size:15px; line-height:1.4; font-weight:750; } body[data-page] .button.primary { background:var(--accent); color:#fff; border-color:var(--accent); } body[data-page] .button.primary:hover { background:var(--accent-hover); } body[data-page] .button.secondary { background:#fff; color:var(--midnight); border:1px solid #a7a7a7; } body[data-page] .button.secondary:hover { background:var(--surface-2); border-color:var(--navy); } body[data-page] :is(.text-cta,.text-link) { display:inline-flex; align-items:center; width:fit-content; min-height:44px; padding:6px 0; font-size:15px; line-height:1.5; font-weight:750; text-decoration:underline; text-underline-offset:4px; border-bottom:0; color:var(--accent); } body[data-page] .text-cta::after { display:none; } body[data-page] .organisation-photo { margin:0; min-width:0; } body[data-page] .organisation-photo img { display:block; width:100%; height:auto; border-radius:14px; } body[data-page] .organisation-photo figcaption { margin-top:10px; color:var(--muted); font-size:13px; line-height:1.5; } body[data-page] .organisation-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,480px); grid-template-areas:"copy media" "actions media"; gap:24px 48px; align-items:center; padding:40px; margin-top:14px; border-radius:24px; background:var(--navy); color:#fff; } body[data-page] .organisation-intro-copy { grid-area:copy; align-self:end; } body[data-page] .organisation-intro h1 { color:#fff; } body[data-page] .organisation-intro .eyebrow { color:var(--green-bright); } body[data-page] .organisation-intro .organisation-lead { color:var(--on-dark); font-size:20px; line-height:1.65; max-width:50ch; margin-bottom:0; } body[data-page] .organisation-intro-photo { grid-area:media; } body[data-page] .hero-media--portrait figure { display:flex; flex-direction:column; align-items:center; justify-content:center; margin:0; } body[data-page] .hero-media--portrait figure img { width:auto; height:auto; max-width:100%; max-height:420px; object-fit:contain; } body[data-page] .hero-media--portrait figcaption { width:min(320px,100%);margin-top:10px; } body[data-page] .organisation-intro-photo figcaption { color:var(--on-dark-muted); } body[data-page] .organisation-intro-actions { grid-area:actions; align-self:start; } body[data-page] .organisation-intro-actions .button.primary { background:var(--accent); border-color:var(--accent); color:#fff; } body[data-page] .organisation-intro-actions .button.secondary { background:transparent; color:#fff; border-color:#a0a0a0; } body[data-page] .organisation-intro-actions .button.secondary:hover { background:#383838; color:#fff; } body[data-page] .organisation-intro-actions .button.primary:hover { background:var(--accent-hover); } body[data-page] .organisation-body { padding-top:12px; padding-bottom:48px; } html[data-renderer="shared"] body[data-page="what"] .organisation-body > .section > .container { width:100%;margin-inline:0; } body[data-page] .organisation-section { padding-block:48px; border-bottom:1px solid var(--line); scroll-margin-top:112px; } html[data-renderer="shared"] body[data-page] .organisation-section { padding-block:36px; } body[data-page] .organisation-community { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:64px; } body[data-page] .organisation-copy { min-width:0; } body[data-page] .organisation-participation { border-left:1px solid var(--line); padding-left:32px; } body[data-page] .organisation-participation p { max-width:48ch; } body[data-page] .organisation-participation .button-row { margin-top:20px; } body[data-page] .organisation-feature { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); grid-template-areas:"media heading" "media copy" "media link"; gap:0 48px; align-items:center; } body[data-page] .organisation-feature h2 { grid-area:heading; } body[data-page] .organisation-feature-photo { grid-area:media; } body[data-page] .organisation-feature .organisation-copy { grid-area:copy; } body[data-page] .organisation-feature > .text-cta { grid-area:link; } body[data-page] .organisation-learning { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:64px; } body[data-page] .organisation-support { border-left:3px solid var(--green-bright); padding:8px 0 8px 28px; align-self:center; } body[data-page] .organisation-culture { display:grid; grid-template-columns:minmax(0,1fr) 284px; gap:72px; align-items:center; } body[data-page] .organisation-poster { background:#fff; border:1px solid var(--line); border-radius:16px; padding:20px; } body[data-page] .organisation-poster .organisation-photo { max-width:180px; margin-inline:auto; } body[data-page] .organisation-poster img { border-radius:6px; } body[data-page] .organisation-poster-link { display:block; color:var(--navy); font-weight:750; font-size:15px; line-height:1.5; margin-top:16px; text-decoration:underline; text-underline-offset:4px; } body[data-page] .organisation-volunteer { margin-top:36px; padding:28px 32px; display:flex; align-items:center; justify-content:space-between; gap:32px; background:var(--midnight); border-radius:16px; } body[data-page] .organisation-volunteer h2 { color:#fff; font-size:var(--type-card-title); margin-bottom:12px; } body[data-page] .organisation-volunteer p { color:var(--on-dark-muted); max-width:66ch; margin:0; } body[data-page] .organisation-volunteer .button { flex-shrink:0; background:var(--green-bright); color:var(--midnight); border-color:var(--green-bright); } body[data-page] .site-footer { margin-top:0; padding:32px 0 18px; background:var(--footer-surface); } body[data-page] .footer-grid { grid-template-columns:minmax(200px,1.2fr) repeat(4,minmax(125px,1fr)) minmax(194px,1fr); gap:24px; } body[data-page] .footer-brand { grid-column:auto; display:block; } body[data-page] .footer-brand p { margin:0; max-width:230px; color:var(--on-dark-muted); font-size:12.5px; line-height:1.6; } body[data-page] .footer-logo { width:110px; height:auto; margin-bottom:12px; } body[data-page] .footer-title { font-size:11px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:10px; } body[data-page] .footer-links { gap:8px; } body[data-page] .footer-links a { color:var(--on-dark); font-size:12.5px; line-height:1.5; max-width:100%; white-space:normal; overflow-wrap:anywhere; } body[data-page] .footer-contact-icons { gap:2px; } body[data-page] .social-icon-link svg { width:20px; height:20px; } body[data-page] .footer-bottom { font-size:11.5px; color:var(--on-dark-muted); margin-top:28px; padding-top:16px; } body[data-page] .footer-bottom a { font-size:inherit; } @media(max-width:1080px) { body[data-page] .site-nav { display:none; position:absolute; left:16px; right:16px; top:calc(100% - 2px); width:auto; margin-left:0; flex-direction:column; align-items:stretch; padding:14px; border-radius:16px; background:#fff; max-height:calc(100dvh - 112px); overflow-y:auto; } body[data-page].nav-open .site-nav { display:flex; } body[data-page] .site-nav > a,body[data-page] .nav-dropdown-toggle { min-height:48px; font-size:16px; } body[data-page] .site-nav > a { padding:12px 14px; } body[data-page] .footer-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } body[data-page] .footer-brand { grid-column:1/-1; } body[data-page] .footer-connect { grid-column:2/-1; } } @media(max-width:900px) { body[data-page] .organisation-intro { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); padding:28px; column-gap:24px; } body[data-page] .organisation-intro .organisation-lead { font-size:var(--type-body); } body[data-page] .organisation-community,body[data-page] .organisation-learning { grid-template-columns:1fr; gap:24px; } body[data-page] .organisation-participation { border-left:0; padding:24px 0 0; border-top:1px solid var(--line); } body[data-page] .organisation-support { padding-left:20px; } body[data-page] .organisation-feature { grid-template-columns:1fr; grid-template-areas:"heading" "media" "copy" "link"; row-gap:16px; } body[data-page] .organisation-feature-photo { width:min(100%,640px); } body[data-page] .organisation-culture { grid-template-columns:minmax(0,1fr) 230px; gap:32px; } body[data-page] .organisation-poster { padding:16px; } body[data-page] .organisation-volunteer { align-items:flex-start; flex-direction:column; gap:20px; } } @media(max-width:620px) { body[data-page] .site-header { padding:6px 0; } body[data-page] .header-inner { width:calc(100% - 20px); min-height:64px; padding:6px 8px 6px 13px; gap:12px; border-radius:15px; } body[data-page] .brand img { width:160px; } body[data-page] .container,body[data-page] .wrap { width:calc(100% - 32px); } body[data-page] main h1 { font-size:42px; margin-bottom:16px; } body[data-page] main h2 { font-size:var(--type-card-title); } body[data-page] main p { font-size:var(--type-body); line-height:1.65; } body[data-page] .organisation-intro { grid-template-columns:1fr; grid-template-areas:"copy" "actions" "media"; padding:24px 20px; margin-top:10px; gap:20px; border-radius:18px; } body[data-page] .organisation-intro .organisation-lead { font-size:var(--type-body); } body[data-page] .organisation-intro-actions .button.primary { width:100%; } body[data-page] .organisation-body { padding-top:0; padding-bottom:28px; } body[data-page] .organisation-section { padding-block:32px; } body[data-page] .organisation-participation .button-row { flex-direction:column; align-items:stretch; } body[data-page] .organisation-participation .button { width:100%; } body[data-page] .organisation-feature { grid-template-columns:1fr; grid-template-areas:"heading" "media" "copy" "link"; row-gap:16px; } body[data-page] .organisation-feature h2 { margin-bottom:0; } body[data-page] .organisation-feature-photo { margin-bottom:8px; } body[data-page] .organisation-culture { grid-template-columns:1fr; gap:20px; } body[data-page] .organisation-poster { display:grid; grid-template-columns:104px minmax(0,1fr); gap:16px; padding:16px; border-radius:12px; } body[data-page] .organisation-poster .organisation-photo { max-width:none; margin:0; } body[data-page] .organisation-poster-link { align-self:center; margin-top:0; font-size:var(--type-body); } body[data-page] .organisation-volunteer { padding:24px; margin-top:24px; } body[data-page] .organisation-volunteer .button { width:100%; } body[data-page] .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 20px; } body[data-page] .footer-brand,body[data-page] .footer-connect { grid-column:1/-1; } body[data-page] .footer-logo { width:104px; } } .page-hero,.page-intro { width:min(var(--max),calc(100% - 40px)); margin:14px auto 0; padding:36px 40px; border-radius:24px; background:var(--navy); color:var(--on-dark); } body[data-page] main > section.page-hero > .container { width:100%; padding:0; } body[data-page] :is(main.page-hero,main .page-hero,main .page-intro) h1 { color:#fff; max-width:26ch; } body[data-page] :is(main.page-hero,main .page-hero,main .page-intro) p { color:var(--on-dark); max-width:70ch; } .page-hero .breadcrumb,.page-hero .breadcrumb a,.page-intro .breadcrumbs a { color:var(--on-dark); } .page-hero .eyebrow,.page-intro .meta { color:var(--green-bright); } body[data-page] :is(.page-hero,.page-intro) .button.primary { background:#fff; color:var(--accent); border-color:#fff; } .page-hero .button.secondary { background:transparent; border-color:var(--on-dark-muted); color:#fff; } .page-intro .lead { margin-top:20px; } .page-hero .button-row { margin-top:24px; } .page-hero .resource-note { margin-top:24px; } .breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; font-size:var(--type-small); margin-bottom:16px; } .meta { font-size:var(--type-small); line-height:1.5; color:var(--green-dark); } .reading-layout { display:grid; grid-template-columns:220px minmax(0,800px); gap:64px; padding-block:40px 48px; } html[data-renderer="shared"] .reading-layout { grid-template-columns:220px minmax(0,1fr); } .organisation-reading { display:block; } .organisation-reading .prose { max-width:850px; margin-inline:auto; } .organisation-reading .prose.editorial-document { max-width:none; } .guide-reading .long-guide { max-width:820px;margin-inline:auto; } html[data-renderer="shared"] body[data-page] main .long-guide :is(p,li) { max-width:78ch; } .guide-source-links { display:flex;flex-wrap:wrap;gap:12px 24px;margin-block:20px 28px; } .guide-source-links a { display:inline-flex;align-items:center;min-height:44px; } .guide-source-links+h3 { margin-top:32px; } .organisation-reading .prose.reading-document { max-width:920px;margin-inline:auto; } .worksheet-reading .worksheet-document { max-width:1120px;margin-inline:auto; } .guide-navigation { padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--line); } .worksheet-sections { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px; } .worksheet-sections>section { padding-top:24px;border-top:1px solid var(--line); } .worksheet-sections>section:last-child:nth-child(odd) { grid-column:1/-1; } body[data-page] main .worksheet-sections h2 { font-size:26px;line-height:1.25; } .worksheet-sections>#actions,.worksheet-sections>#summary { grid-column:1/-1; } body[data-page] main .reading-section { width:min(920px,calc(100% - 40px)); } html[data-renderer="shared"] body[data-page] main .editorial-section { display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.65fr);gap:48px;align-items:start; } html[data-renderer="shared"] body[data-page] main .editorial-section-heading h2 { font-size:var(--type-card-title);line-height:1.22;margin:0; } .editorial-section-body { min-width:0; } html[data-renderer="shared"] body[data-page] main .editorial-section-body p { max-width:78ch;margin-inline:0; } .editorial-section-body>:last-child { margin-bottom:0; } body[data-page] main p.context-disclaimer { max-width:none;font-size:var(--type-small);line-height:1.5;color:var(--muted);margin:0;padding-block:16px;border-top:1px solid var(--line); } body[data-page] main p.supporting-note,body[data-page] main p.small-note { max-width:none;font-size:var(--type-small);line-height:1.55;opacity:1; } body[data-page] main p.supporting-note { margin:0; } body[data-page] main > .supporting-note-section { padding-block:24px; } .organisation-programme { padding:32px;margin-block:32px;border-radius:14px;background:var(--midnight-2);color:#fff; } .programme-introduction { display:block; } .programme-introduction p { max-width:none; } html[data-renderer="shared"] body[data-page="what"] main .programme-introduction p, html[data-renderer="shared"] body[data-page="what"] main .organisation-culture p { max-width:78ch; } html[data-renderer="shared"] .programme-introduction { display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:12px 40px;align-items:start; } html[data-renderer="shared"] .programme-introduction h2 { grid-row:1/3; } html[data-renderer="shared"] .programme-introduction .text-cta { grid-column:2;justify-self:start; } body[data-page] main .organisation-programme :is(h2,h3,p,a:not(.button)) { color:#fff; } body[data-page] main .organisation-programme h2 { font-size:var(--type-section);line-height:1.2; } .programme-opportunities { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;padding-block:24px;margin-block:24px; } body[data-page] main .programme-opportunities h3 { font-size:var(--type-subheading);line-height:1.25; } body[data-page] main .programme-opportunities p { font-size:16px;line-height:1.6;margin:0; } .programme-enquiry { display:flex;align-items:center;gap:40px; } .programme-enquiry p { margin:0; } .programme-enquiry .button { flex-shrink:0;white-space:normal;text-align:center;max-width:310px;background:transparent;color:#fff;border-color:#ddd; } @media(max-width:1200px){.programme-opportunities{grid-template-columns:repeat(2,minmax(0,1fr))}.programme-enquiry{align-items:start}} @media(max-width:800px){.programme-introduction{grid-template-columns:1fr;gap:16px}.programme-enquiry{display:block}.programme-enquiry .button{margin-top:20px}.organisation-programme{padding:24px}} @media(max-width:540px){.programme-opportunities{grid-template-columns:1fr;gap:24px}.programme-enquiry .button{width:100%;max-width:none}} .editorial-document>nav.section-links { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 32px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--line); } .editorial-document>nav.section-links a { display:block;line-height:1.5; } .editorial-document>p { max-width:78ch;margin-inline:auto; } .editorial-service { display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:56px;align-items:start; } html[data-renderer="shared"] body[data-page] main .editorial-service h2 { font-size:var(--type-section);line-height:1.2; } .editorial-resource-links { padding:4px 0 4px 28px;border-left:2px solid #b9b9b9; } .editorial-resource-links p { margin:0; } .editorial-resource-links a { display:block;padding-block:14px;border-bottom:1px solid var(--line);line-height:1.5; } .editorial-resource-links p:last-child a { border:0; } .editorial-peer-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px; } .editorial-peer-grid>div { min-width:0; } html[data-renderer="shared"] body[data-page] main .editorial-peer-grid h3 { margin-top:0!important;font-size:23px;line-height:1.3; } .editorial-pair { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;padding-block:0; } .editorial-document>.editorial-pair { padding-block:28px;border-bottom:1px solid var(--line); } html[data-renderer="shared"] .prose>section,html[data-renderer="shared"] .editorial-document>.editorial-pair, html[data-renderer="shared"] body[data-page] .organisation-section { border-bottom:0; } .reference-services,.reference-network-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px; } .reference-services { margin-block:28px; } .reference-network-section { padding-block:28px; } .reference-network-grid>div:last-child:nth-child(3) { grid-column:1/-1;width:100%;margin:12px 0 0;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:0 40px; } .reference-network-grid>div:last-child:nth-child(3)>* { grid-column:2; } .reference-network-grid>div:last-child:nth-child(3)>h3 { grid-column:1;grid-row:1/5; } body[data-page] main .reference-services h2 { font-size:var(--type-card-title); } .reference-network-grid p,.reference-services p,html[data-renderer="shared"] body[data-page] main .reference-network-section>p { max-width:78ch!important; } html[data-renderer="shared"] .reference-network-introduction { display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:40px;align-items:start;margin-bottom:24px; } html[data-renderer="shared"] .reference-network-introduction>:is(h2,p) { margin:0; } html[data-renderer="shared"] body[data-page] main .reference-network-introduction p { max-width:78ch!important; } html[data-renderer="shared"] .reading-layout:not(.organisation-reading) { max-width:1180px;grid-template-columns:220px minmax(0,1fr);gap:48px;margin-inline:auto; } html[data-renderer="shared"] body[data-page="privacy"] .privacy-layout { display:block;max-width:920px;margin-inline:auto; } html[data-renderer="shared"] body[data-page="privacy"] .privacy-copy { max-width:none; } html[data-renderer="shared"] body[data-page="contact"] .contact-directory { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;border:0; } html[data-renderer="shared"] body[data-page="contact"] .contact-directory article { display:flex;flex-direction:column;align-items:start;padding:0;border:0;gap:12px; } html[data-renderer="shared"] body[data-page="contact"] .contact-directory article .text-cta { margin-top:auto; } html[data-renderer="shared"] body[data-page="contact"] main>.section.compact .editorial-copy { max-width:none; } html[data-renderer="shared"] body[data-page="contact"] main>.section.compact .editorial-copy p { max-width:none;font-size:var(--type-small);margin:0; } html[data-renderer="shared"] body[data-page] main .editorial-pair h2 { font-size:var(--type-section);line-height:1.2; } .editorial-pair>section { min-width:0;padding:0;border:0; } .activity-evidence,.activity-scope,.about-story-context { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start; } .activity-evidence { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); } .activity-photo { margin:0; } .activity-photo img { width:100%;height:auto;object-fit:contain; } .activity-scope { margin-top:24px;padding-top:20px;border-top:1px solid var(--line); } .activity-scope ul { margin:0 0 16px; } body[data-page] main :is(.activity-account,.activity-scope,.about-story,.membership-purpose) p { max-width:78ch; } .about-story-context { margin-top:24px; } .about-story-heading h2 { margin-bottom:20px; } .membership-options-introduction { margin-bottom:24px; } body[data-page] main .membership-options-introduction p { max-width:78ch; } .membership-status { margin-top:28px;padding-top:24px;border-top:1px solid var(--line); } body[data-page] main .membership-status h2 { font-size:24px; } body[data-page] main .membership-status p { max-width:78ch; } .membership-public-resources { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px; } .membership-public-resources p { margin:0; } .membership-public-resources a { flex-shrink:0; } .home-work .home-paths { padding-block:0;gap:24px;margin-top:16px; } body[data-page] main .home-work .home-paths h2 { font-size:20px;margin-bottom:0; } .home-work .home-paths>div { padding-bottom:12px; } html[data-renderer="shared"] .home-roles article { border-top:0;padding-top:0; } html[data-renderer="shared"] .about-people-grid { border:0;padding-block:0; } html[data-renderer="shared"] .support-list { border:0;gap:24px 40px; } html[data-renderer="shared"] .support-list article { border:0;padding:0; } html[data-renderer="shared"] .sponsor-story { align-items:start; } html[data-renderer="shared"] .sponsor-story .funding-panel { min-height:0;height:auto;align-self:start; } .sponsorship-intro-context { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;padding-top:24px; } body[data-page] main .sponsorship-intro-context p { max-width:none;margin:0; } html[data-renderer="shared"] body[data-page] main .milestone-content p { max-width:78ch; } @media(max-width:1000px){.editorial-peer-grid{grid-template-columns:1fr;gap:24px}.editorial-document>nav.section-links{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-service{gap:32px}html[data-renderer="shared"] body[data-page] main .editorial-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:32px}} @media(max-width:900px){html[data-renderer="shared"] .reading-layout{grid-template-columns:1fr}} @media(max-width:800px){html[data-renderer="shared"] body[data-page] main .editorial-section,.editorial-service,.editorial-pair{grid-template-columns:1fr;gap:20px}.editorial-pair>section+section{border-top:1px solid var(--line);padding-top:24px}.editorial-resource-links{padding:0;border-left:0}.editorial-document>nav.section-links{grid-template-columns:1fr;gap:12px}html[data-renderer="shared"] body[data-page] main .editorial-section-heading h2{margin-bottom:0}} .toc { position:sticky; top:120px; align-self:start; } body[data-page] main .toc h2 { font-size:var(--type-body); } .toc nav { display:flex; flex-direction:column; gap:4px; border-left:1px solid var(--line); } .toc a { padding:8px 0 8px 16px; font-size:15px; line-height:1.5; } .prose { min-width:0; } .prose>section { padding-block:28px; border-bottom:1px solid var(--line); scroll-margin-top:118px; } .prose>section:first-child { padding-top:0; } .section-links { display:flex; flex-wrap:wrap; align-items:center; gap:8px 24px; } body[data-page] main .section-links+h3 { margin-top:24px; } .checklist { padding-left:24px; } .plain-list { padding-left:24px; margin-block:20px; } .plain-list li { margin-block:12px; line-height:1.65; } .checklist li { padding-left:8px; margin-block:24px; } .fact-panel,.event-facts { padding:24px; background:#fff; border:1px solid var(--line); border-radius:14px; margin-bottom:28px; } .event-facts dl>div { margin-block:16px; } .event-facts dt { font-size:var(--type-small); font-weight:700; } .event-facts dd { margin:4px 0 0; } .event-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,.85fr); gap:32px; align-items:start; } .event-intro:not(:has(.poster)) { display:block; } .poster { margin:0; min-width:0; scroll-margin-top:120px; } .poster img { width:100%; height:auto; } .poster figcaption { font-size:var(--type-small); margin-top:12px; line-height:1.5; } .poster-actions { display:flex; flex-wrap:wrap; gap:12px 20px; margin-top:16px; } .poster-actions a { min-height:44px; display:inline-flex; align-items:center; } .event-title-context { display:block; font-size:24px; line-height:1.4; font-weight:650; letter-spacing:normal; margin-bottom:10px; } .event-title-name { display:block; font-size:clamp(34px,4vw,60px); line-height:1.15; } .contact-band { padding-block:32px; background:var(--surface-2); border-top:1px solid var(--line); } .contact-grid { display:flex; justify-content:space-between; align-items:center; gap:32px; } .contact-grid .button { flex-shrink:0; } .entries { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; } .entry { min-width:0; padding:24px; background:#fff; border:1px solid var(--line); border-radius:14px; } .entries-single { grid-template-columns:1fr; } .entry-featured { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); align-items:center; gap:32px; } html[data-renderer="shared"] .entry-featured { grid-template-columns:250px minmax(0,1fr);gap:32px;align-items:start; } .entry-media { margin:0; min-width:0; } .entry-media img { display:block; width:100%; height:auto; border-radius:8px; } .entry-media-poster img { max-width:256px; max-height:320px; object-fit:contain; margin-inline:auto; } .entry-copy { min-width:0; } .resource-index .entries { display:block; } .resource-index .entry { display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr) 130px;gap:32px;align-items:start;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:22px 0; } .resource-index .entry-heading h2 { font-size:24px;line-height:1.3;margin:4px 0 0; } .resource-index .entry-heading p { font-size:13px;margin:0; } .resource-index .entry-summary p { margin:0;max-width:none; } .resource-index .entry>.text-link { white-space:nowrap;justify-self:end; } .entries-single .entry p { max-width:78ch; } .event-feed-fallback { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 28px;align-items:center; } .event-feed-fallback h3,.event-feed-fallback p { grid-column:1;margin:0; } .event-feed-fallback .button { grid-column:2;grid-row:1/span 2; } .entry h2 a,.entry h3 a { color:inherit; font-size:inherit; line-height:inherit; } .archive-body,.business-directory,.regional-directory,.media-event-intro,.media-enquiry { padding-block:32px; } .archive-body>section { margin-bottom:32px; } .source-list { padding-left:20px; } .source-list li { margin-block:16px; } .source-list small { display:block; font-size:13px; } .directory-cities,.topic-nav { display:flex; flex-wrap:wrap; gap:12px 24px; margin-bottom:24px; } .directory-city { padding-block:24px; border-top:1px solid var(--line); scroll-margin-top:120px; } .business-listings { display:grid; gap:20px; margin-bottom:24px; } .business-listing { background:#fff; border:1px solid var(--line); border-radius:14px; padding:24px; scroll-margin-top:120px; } @media(min-width:1000px) { .business-listings { grid-template-columns:repeat(2,minmax(0,1fr)); } } .business-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px; } .business-heading > div { min-width:0; } body[data-page] main .business-heading h3,body[data-page] main .business-heading p { margin-bottom:0; } .business-logo { flex:0 0 80px; width:80px; height:64px; object-fit:contain; background:#fff; } .business-city { display:none; } .directory-view-control { display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-block:0 24px; } .directory-view-control[hidden] { display:none; } .directory-view-label { font-weight:650; } .directory-view-options { display:flex;gap:8px; } .directory-view-options button { min-height:46px;padding:10px 22px;border:1px solid #777;border-radius:8px;background:#fff;color:#111;font:inherit;font-weight:650;cursor:pointer; } .directory-view-options button[aria-pressed="true"] { color:#fff;background:#111;border-color:#111; } .directory-view-options button:hover { border-color:#111; } .directory-view-options button:focus-visible { outline:3px solid #666;outline-offset:3px; } [data-business-view="list"] .business-listings { grid-template-columns:1fr;gap:12px; } [data-business-view="list"] .business-listing { display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:16px 24px;padding:18px 20px; } [data-business-view="list"] .business-heading { margin:0;flex-direction:row-reverse;justify-content:flex-end;gap:14px; } [data-business-view="list"] .business-logo { flex-basis:48px;width:48px;height:44px; } [data-business-view="list"] .business-city { display:block; } body[data-page] main [data-business-view="list"] :is(.business-heading p,.business-classification,.business-city) { margin:0;font-size:14px;line-height:1.55; } body[data-page] main [data-business-view="list"] .business-heading h3 { font-size:21px;line-height:1.3; } [data-business-view="list"] .business-description { display:none; } [data-business-view="list"] .business-actions { margin:0;gap:8px 16px; } [data-business-view="list"] .business-actions .button { min-height:44px;padding:9px 14px;white-space:normal;text-align:center; } @media(max-width:1000px){[data-business-view="list"] .business-listing{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}[data-business-view="list"] .business-actions{grid-column:1/-1}} @media(max-width:620px){[data-business-view="list"] .business-listing{grid-template-columns:1fr;gap:10px;padding:16px}[data-business-view="list"] .business-actions{grid-column:auto}[data-business-view="list"] .business-actions .button{width:auto;flex:1 1 auto}.directory-view-control{justify-content:space-between;gap:12px}.directory-view-options button{padding-inline:20px}} .apec-highlights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; } .apec-at-a-glance { padding-block:28px 8px; } .apec-at-a-glance h2 { font-size:24px; margin-bottom:20px; } .apec-at-a-glance ul { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; list-style:none; padding:0; margin:0; } .apec-at-a-glance li { border-top:2px solid #292929; padding-top:16px; } .apec-at-a-glance strong,.apec-at-a-glance span { display:block; } .apec-at-a-glance strong { font-size:21px; line-height:1.3; margin-bottom:8px; } .apec-at-a-glance span { font-size:16px; line-height:1.55; color:var(--muted); } @media(max-width:999px) { .apec-at-a-glance ul { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:499px) { .apec-at-a-glance ul { grid-template-columns:1fr; gap:18px; } } @media(min-width:700px) and (max-width:1099px) { .apec-highlights { grid-template-columns:repeat(2,minmax(0,1fr)); }.apec-highlights>article:last-child { grid-column:1/-1; } } @media(max-width:699px) { .apec-highlights { grid-template-columns:1fr; gap:24px; } } .directory-note { padding-block:0 32px; } .directory-enquiry { display:flex;justify-content:space-between;align-items:center;gap:32px;padding-block:24px;border-top:1px solid var(--line); } .directory-enquiry-copy { flex:1;min-width:0; } body[data-page] main .directory-enquiry h2 { font-size:24px;margin:0 0 8px; } body[data-page] main .directory-enquiry p { max-width:none;margin:0; } .directory-enquiry .button { flex-shrink:0; } body[data-page] main .directory-support p { font-size:var(--type-small);line-height:1.6;max-width:90ch;margin:0; } .directory-support { padding-bottom:20px; } .directory-support .section-links { margin-top:8px;gap:8px 20px; } .discovery-controls { display:flex; flex-wrap:wrap; align-items:end; gap:16px; margin-bottom:28px; padding:20px; background:#fff; border:1px solid var(--line); border-radius:14px; } html[data-renderer="shared"] .discovery-controls .discovery-search { flex:2 1 300px; } .discovery-empty { padding:20px;border:1px solid var(--line);border-radius:12px; } .discovery-controls label { display:grid; gap:6px; font-weight:650; font-size:15px; flex:1 1 180px; } .discovery-controls input,.discovery-controls select { width:100%; min-height:46px; border:1px solid #969696; border-radius:8px; padding:10px 12px; font:inherit; background:#fff; color:var(--ink); } .discovery-count { width:100%; margin:0; font-size:var(--type-small); } [hidden] { display:none!important; } .video-embed { min-height:200px; aspect-ratio:16/9; background:var(--midnight); border-radius:12px; overflow:hidden; margin-block:20px; } .video-embed iframe { width:100%; height:100%; border:0; display:block; } @media(max-width:900px) { .entry-featured { grid-template-columns:1fr; gap:24px; }.reading-layout { grid-template-columns:1fr; gap:28px; }.toc { position:static; }.toc nav { flex-direction:row; flex-wrap:wrap; gap:8px 20px; border-left:0; }.toc a { padding-left:0; }.event-intro { grid-template-columns:minmax(0,1fr) 180px; gap:24px; }.contact-grid { align-items:start; flex-direction:column; } } @media(max-width:620px) { .page-hero,.page-intro { width:calc(100% - 32px); padding:28px 20px; border-radius:18px; }.entries { grid-template-columns:1fr; }.event-intro { grid-template-columns:1fr; }.poster { width:100%; max-width:420px; }.reading-layout { padding-top:28px; }.discovery-controls { padding:16px; }.contact-grid .button { width:100%; }.prose>section { padding-block:24px; } } .home-paths { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; padding-block:40px 0; } .home-paths>div { border-bottom:2px solid var(--line); padding-bottom:24px; } html[data-renderer="shared"] .home-paths { grid-template-columns:repeat(3,minmax(0,1fr)); } body[data-page] main .home-paths h2 { font-size:24px; margin-bottom:12px; } .home-path-link { font-size:inherit; color:var(--navy); text-decoration:underline; text-underline-offset:5px; } body[data-page] main .home-paths p { font-size:16px; margin:0; } .home-about { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:center; } .home-founding-layout { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:center; } body[data-page] main .home-brand-statement { font-size:clamp(28px,2.8vw,38px);line-height:1.2;max-width:22ch; } .home-themes { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;margin-block:24px 32px; } .home-activity-records { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start;margin-bottom:28px; } .home-cultural-record { display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:28px;padding:24px;background:var(--midnight-2);border-radius:12px; } .home-professional-record { display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:20px;align-items:start; } .home-professional-copy { min-width:0; } .home-cultural-record figure,.home-professional-record figure { margin:0; } .home-cultural-record img { width:100%;height:auto;object-fit:contain; } body[data-page] main .home-cultural-record :is(h3,p) { color:var(--on-dark); } .home-professional-record img { width:100%;height:auto;object-fit:contain;border-radius:10px; } body[data-page] main .home-activity-records .meta { font-size:13px;margin:16px 0 8px; } body[data-page] main .home-cultural-record .meta { margin-top:0; } .home-resource-layout { display:block; } .home-city-pathway { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 32px;align-items:center;margin-block:24px; } .home-city-pathway h3 { grid-column:1/-1;grid-row:1;margin-bottom:0; } .home-city-pathway p { grid-column:1;grid-row:2;margin:0; } .home-city-pathway .button { grid-column:2;grid-row:2; } .home-city-pathway .button { justify-self:start; } .home-resource-pathways { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px; } .home-resource-pathways article { min-width:0; } body[data-page] main .home-resource-pathways p { max-width:none; } .home-resource-pathways .section-links { gap:4px 18px; } .home-resources-introduction { margin-bottom:28px; } .home-resources-introduction .button-row { margin-top:20px; } .home-region-map { background:transparent; } .home-region-map .gba-connection-picture { display:block;max-width:960px;margin-inline:auto; } .home-region-map .map-disclaimer { max-width:960px;margin-inline:auto; } .home-map-guides { margin-block:16px 24px; } .home-map-guides summary { cursor:pointer;font-weight:650;padding-block:8px; } .home-map-guides .map-city-chips { margin-top:12px; } .home-participation-options { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px; } .home-events .entry-featured { width:100%;max-width:none;margin-inline:0; } .home-events>.container>.button-row { margin-top:24px; } @media(max-width:1100px){.home-activity-records{grid-template-columns:repeat(2,minmax(0,1fr))}.home-cultural-record{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.home-resource-pathways{grid-template-columns:repeat(2,minmax(0,1fr))}.home-resource-pathways>article:last-child{grid-column:1/-1}} @media(max-width:900px){.home-founding-layout{grid-template-columns:1fr;gap:24px}.home-founding-layout .network-visual{margin:0}} @media(max-width:700px){.home-themes,.home-activity-records,.home-resource-pathways,.home-participation-options,.home-city-pathway{grid-template-columns:1fr;gap:20px}.home-city-pathway h3,.home-city-pathway p,.home-city-pathway .button{grid-column:auto;grid-row:auto}.home-cultural-record{grid-template-columns:1fr;padding:20px;gap:20px}.home-professional-record{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}} @media(max-width:800px){.membership-public-resources{display:block}.membership-public-resources a{margin-top:12px}} @media(max-width:440px){.home-professional-record{grid-template-columns:1fr}} .home-roles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 48px; margin-block:24px; } .home-roles article { border-top:2px solid var(--line); padding-top:20px; } @media(max-width:620px) { .home-roles { grid-template-columns:1fr; gap:20px; } } .home-connection { display:flex; gap:20px; align-items:center; padding:36px; border-radius:18px; background:var(--navy); color:#fff; } .home-connection>div { text-align:center; } .home-connection strong { display:block; font-size:36px; color:var(--green-bright); } .home-connection span { display:block; font-size:var(--type-small); line-height:1.5; } .home-connection svg { min-width:0; flex:1; color:var(--green-bright); } .milestone-row { display:grid; grid-template-columns:180px minmax(0,1fr); gap:32px; padding-block:24px; border-top:1px solid var(--line); } html[data-renderer="shared"] .milestone-row:has(a) { transition:background-color 160ms ease; } html[data-renderer="shared"] .milestone-row:focus-within { background:#ededed; } @media(hover:hover) and (pointer:fine){html[data-renderer="shared"] .milestone-row:has(a):hover{background:#ededed}} @media(prefers-reduced-motion:reduce){html[data-renderer="shared"] .milestone-row:has(a){transition:none}} .milestone-date { font-size:15px; font-weight:650; color:var(--green-dark); line-height:1.6; } .milestone-content { min-width:0; } body[data-page] main .milestone-content h3 { font-size:25px; } @media(max-width:900px) { .home-paths { grid-template-columns:repeat(2,minmax(0,1fr)); }.home-about { grid-template-columns:1fr; gap:28px; }.milestone-row { grid-template-columns:1fr; gap:12px; } } @media(max-width:620px) { .home-paths { padding-top:28px; gap:24px 20px; }.home-connection { padding:24px 20px; }.home-connection strong { font-size:var(--type-card-title); } } @media(max-width:620px) { html[data-renderer="shared"] .home-paths { grid-template-columns:1fr; gap:12px; }html[data-renderer="shared"] .home-paths>div { padding-bottom:12px; } } html[lang^="zh"] body[data-page] main .page-hero h1 { max-width:none; } .role-list { padding-left:20px; margin:24px 0; }.role-list li { padding-left:8px; margin-block:20px; } body[data-page] main :is(.card.navy,.nzgba-future-card,.funding-panel,.dark-cta,.membership-launch-banner,.sponsor-card) :is(p,h2,h3,a:not(.button),li,strong,.small-note) { color:var(--on-dark); } body[data-page] main :is(.card.navy,.nzgba-future-card,.funding-panel,.dark-cta,.membership-launch-banner,.sponsor-card) .button.primary { background:var(--green-bright); color:var(--midnight); border-color:var(--green-bright); } body[data-page] main section[id],body[data-page] main article[id],body[data-page] main details[id] { scroll-margin-top:120px; } body[data-page] .site-footer .footer-bottom>div:nth-child(2) { text-align:center; justify-content:center; } body[data-layout="guide"] main>.section>.container,body[data-layout="guide"] .guide-notice>.container { width:min(900px,calc(100% - 40px)); } html[data-renderer="shared"] body[data-layout="guide"] main>.section>.container:has(.editorial-document) { width:min(var(--max),calc(100% - 40px)); } body[data-layout="guide"] main>.section { padding-block:32px; } body[data-layout="guide"] main>.section>.container>p { max-width:78ch; } .guide-notice { padding-block:24px 0; } .document-checklist > :first-child,.document-checklist > :last-child { grid-column:1/-1; } .work-arrival-checklist { grid-template-columns:1fr; } .bank-account-guide { margin-top:24px; scroll-margin-top:120px; } body[data-page] main .guide-notice h2 { font-size:var(--type-subheading); margin-bottom:12px; } .guide-notice .resource-note { padding:20px 24px; } body[data-layout="guide"] .resource-note .text-cta { min-height:44px; } @media(max-width:620px) { body[data-layout="guide"] main>.section>.container,body[data-layout="guide"] .guide-notice>.container { width:calc(100% - 32px); }body[data-layout="guide"] main>.section { padding-block:24px; }.guide-notice .resource-note { padding:20px; } } .event-banner { margin-block:24px 0; max-width:900px; }.event-banner img { width:100%; height:auto; border-radius:14px; }.sitemap-sections { display:block; columns:2; column-gap:48px; }.sitemap-sections>section { break-inside:avoid; margin-bottom:32px; }.sitemap-sections li { margin-block:10px; }.phase-grid .phase-categories { font-weight:400; font-size:16px; line-height:1.6; margin-top:12px; }@media(max-width:700px) { .sitemap-sections { columns:1; } } .term { white-space:nowrap; } body[data-page] dialog.qr-viewer { width:min(460px,calc(100% - 24px)); padding:24px; border-radius:16px; background:#fff; color:var(--ink); max-height:calc(100dvh - 24px); } .qr-viewer-header { display:flex; align-items:center; justify-content:space-between; gap:16px; } body[data-page] main .qr-viewer h2 { font-size:24px; margin:0; color:var(--ink); } .qr-viewer img { display:block; width:100%; height:auto; max-height:52dvh; object-fit:contain; margin-block:20px; } body[data-page] main .qr-viewer p { color:var(--muted); font-size:16px; } .brand{gap:14px;max-width:295px}.brand img{width:240px!important;flex-shrink:0}.brand-identity{display:block;color:#222;line-height:1.3;font-size:var(--type-small);font-weight:650;max-width:190px}.brand-identity small{display:block;font-size:12px;font-weight:400;color:#626262;margin-top:5px}.header-inner{gap:12px}.site-nav>a,.nav-dropdown>button{padding-inline:9px} body[data-page] main a:not(.button){color:var(--accent);text-decoration-color:#a2a2a2}body[data-page] main a:not(.button):hover{color:#2e2e2e;text-decoration:underline}.site-nav a:hover,.nav-dropdown>button:hover{color:var(--accent)}.site-nav>a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}.lang-button.active{color:var(--accent)}.button.primary:hover{background:var(--accent-hover)!important;color:#fff!important}a:focus-visible,button:focus-visible{outline:3px solid #7f7f7f;outline-offset:4px} body[data-page] .refined-intro{display:grid;grid-template-columns:1.08fr 1fr;gap:48px;align-items:center;padding-block:40px 44px;border-bottom:1px solid #ccc;background:transparent;margin-top:12px}body[data-page] .refined-intro h1{font-size:var(--type-page-title);line-height:1.08;max-width:650px;margin:12px 0 24px}body[data-page] .refined-intro .eyebrow{color:var(--accent);letter-spacing:.06em}body[data-page] .refined-intro p:not(.small-note){font-size:18px;line-height:1.65;max-width:58ch}.refined-intro figure{margin:0}.refined-intro img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:12px}.refined-intro figcaption{font-size:13px;line-height:1.5;color:#606060;margin-top:10px}.refined-intro .button.primary{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.refined-intro .button.secondary{border:1px solid #949494!important;background:white!important;color:var(--accent)!important}.refined-intro .button-row{margin-top:24px}.about-origin-grid{grid-template-columns:1fr!important}.about-origin .editorial-copy{max-width:none;display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:0 48px}.about-origin .editorial-copy>.eyebrow{grid-column:1;grid-row:1}.about-origin .editorial-copy>h2{grid-column:1;grid-row:2 / span 3}.about-origin .editorial-copy>p{grid-column:2}.site-nav .nav-dropdown>button[aria-expanded=true]{background:var(--accent);color:white} @media(max-width:1250px){.brand-identity{font-size:12px;max-width:158px}.brand{gap:10px}.brand img{width:220px!important}} @media(max-width:900px){body[data-page] .refined-intro{gap:28px;grid-template-columns:1fr}} @media(max-width:620px){.brand-identity{font-size:12px;max-width:185px}.brand-identity small{font-size:10px;margin-top:3px}.brand img{width:210px!important}.brand{gap:10px}.header-inner{padding-left:12px}body[data-page] .organisation-intro{grid-template-areas:"copy" "actions" "media";gap:20px}body[data-page] .organisation-intro h1{font-size:34px;line-height:1.12;margin-bottom:18px}body[data-page] .organisation-intro .organisation-lead{font-size:16px;line-height:1.6}body[data-page] .organisation-intro-actions{gap:10px;display:flex;flex-direction:column}body[data-page] .organisation-intro-photo{margin-top:2px}body[data-page] .refined-intro{grid-template-columns:1fr;gap:28px;padding-block:24px 32px}body[data-page] .refined-intro h1{font-size:36px;margin-bottom:18px}body[data-page] .refined-intro p:not(.small-note){font-size:var(--type-body)}.refined-intro .button-row{display:flex;flex-direction:column;align-items:stretch}.refined-intro .button{width:100%}} body[data-page] .organisation-intro-actions .button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}body[data-page] .site-nav>a.nav-cta{background:var(--accent);color:#fff}.lang-button.active{background:#f1f1f1;border-color:#959595;color:var(--accent)}.site-nav>a.nav-cta:hover{background:var(--accent-hover)}body[data-page] main :is(.card.navy,.nzgba-future-card,.funding-panel,.dark-cta,.membership-launch-banner,.sponsor-card,.membership-choice.business,.business-events-section,.delegation-card,.statement-panel,.organisation-intro,.page-hero,.page-intro,.home-cultural-record) a:not(.button){color:#fff}body[data-page] main :is(.card.navy,.nzgba-future-card,.funding-panel,.dark-cta,.membership-launch-banner,.sponsor-card,.membership-choice.business,.business-events-section,.delegation-card,.statement-panel) .button.primary{background:#fff;color:var(--accent)} .business-overview{max-width:var(--max)}.business-overview>section{padding-block:32px}body[data-page] .business-overview p{max-width:78ch}.business-clusters{margin:24px 0}.business-clusters>div{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;padding:20px 0;border-block-start:1px solid var(--line)}.business-clusters dt{font-size:19px;font-weight:700}.business-clusters dd{margin:0;color:var(--muted);font-size:var(--type-body);line-height:1.7;max-width:78ch}.business-next-event{display:grid;grid-template-columns:1.4fr 1fr;gap:40px}.business-overview h3{margin-top:28px!important}.business-context-detail,.business-contribution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.business-context-detail p,.business-contribution-grid p{max-width:none!important}@media(max-width:900px){.business-context-detail,.business-contribution-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:700px){.business-clusters>div,.business-next-event{grid-template-columns:1fr;gap:12px}.business-overview>section{padding-block:28px}.business-next-event>div+div{margin-top:20px}} .contribution-pathways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start}.contribution-pathway{padding:28px;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:12px;background:white;scroll-margin-top:130px}.contribution-pathway h2{font-size:var(--type-card-title);line-height:1.2}.contribution-pathway h3{font-size:20px;margin-top:24px}.contribution-pathway p,.contribution-pathway li{font-size:var(--type-body);line-height:1.65}.contribution-pathway .button{white-space:normal;text-align:center}.contribution-pathway li+li{margin-top:12px}@media(max-width:800px){.contribution-pathways{grid-template-columns:1fr;gap:24px}.contribution-pathway{padding:24px}} .regional-hub>section{padding-block:32px;scroll-margin-top:110px}.region-intro{padding-block:32px 10px}.regional-hub h1{font-size:clamp(34px,4vw,50px);line-height:1.12}.regional-hub h2{font-size:var(--type-section);line-height:1.2}.regional-hub p{font-size:var(--type-body);line-height:1.65;max-width:78ch}.region-city-groups{margin-top:24px;display:grid;gap:20px}.regional-hub .region-city-group h2{font-size:18px;line-height:1.4;margin:0}.region-city-group .region-city-shortcuts{margin-top:10px}.region-city-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.region-city-shortcuts a{padding:10px 16px;border:1px solid #b9b9b9;border-radius:7px;background:#fff;font-weight:700;text-decoration:none}.region-city-shortcuts a:hover{background:#eeeeee}.region-orientation-wide{display:block}.region-map{margin:0}.region-map-scroll{overflow-x:auto;border:1px solid #c6c6c6;border-radius:12px;background:#e8e8e8}.region-map svg{display:block;width:100%;min-width:680px}.region-map svg a:hover text,.region-map svg a:focus text{text-decoration:underline;fill:#000}.region-map svg a:focus{outline:3px solid #474747}.region-map figcaption,.region-living figcaption,.region-business-photo figcaption{font-size:13px;line-height:1.5;margin-top:8px}.regional-hub .map-instruction{font-size:var(--type-small)}.region-context{border-block:1px solid var(--line);padding:16px 0;margin-top:20px}.region-context summary{cursor:pointer;font-weight:700;color:var(--accent);padding:6px 0}.region-purpose-paths{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-block:28px}.region-purpose-paths>a{padding:20px;border:1px solid #c2c2c2;border-top:3px solid var(--accent);border-radius:8px;text-decoration:none;background:#fff}.region-purpose-paths strong{display:block;font-size:23px}.region-purpose-paths span{display:block;font-size:15px;line-height:1.5;margin-top:8px;color:#333}.region-arrivals,.region-living{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.region-route-links>a{display:block;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none}.region-route-links strong{display:block;font-size:21px;text-decoration:underline}.region-route-links span{display:block;margin-top:8px;color:#333}.region-comparison>div,.region-city-comparison>div{display:grid;grid-template-columns:240px 1fr;gap:28px;border-top:1px solid var(--line);padding:20px 0}.region-comparison dt,.region-city-comparison dt{font-size:21px;font-weight:700}.region-comparison dd,.region-city-comparison dd{margin:0;line-height:1.7;max-width:78ch}.region-additional-context article{max-width:850px;margin:24px 0}.region-business-photo{max-width:680px;margin:28px auto 0}.region-business-photo img,.region-living img{width:100%;height:auto;border-radius:10px}.region-living figure{margin:0}.region-living figure img{aspect-ratio:4/3;object-fit:cover}.region-city-comparison .city-position{font-size:var(--type-small)}.region-explorer .region-context{margin:0} @media(max-width:900px){.region-purpose-paths{grid-template-columns:1fr 1fr}.region-arrivals,.region-living{gap:24px}.region-comparison>div,.region-city-comparison>div{grid-template-columns:180px 1fr}} @media(max-width:650px){.region-city-shortcuts{gap:8px}.region-city-shortcuts a{font-size:var(--type-small);padding:9px 12px}.region-purpose-paths{gap:12px}.region-purpose-paths>a{padding:16px}.region-purpose-paths strong{font-size:21px}.region-arrivals,.region-living,.region-comparison>div,.region-city-comparison>div{display:block}.region-comparison dd,.region-city-comparison dd{margin-top:10px}.region-living figure{margin-bottom:24px}.region-route-links{margin-top:20px}.regional-hub>section{padding-block:24px}} .approved-editorial{max-width:var(--container,1240px);width:calc(100% - 40px);margin:auto}.approved-editorial>section{padding:32px 0;border-bottom:1px solid var(--line)}.approved-editorial>section:first-child{padding-top:40px}.approved-editorial h1{font-size:clamp(34px,4vw,50px);line-height:1.12;max-width:900px}.approved-editorial p,.approved-editorial li{max-width:78ch;line-height:1.7}.approved-editorial h2{font-size:var(--type-card-title)}.approved-editorial h3{font-size:var(--type-subheading);margin-top:28px}.approved-editorial>div:last-child{padding:28px 0}.approved-editorial nav{display:flex;flex-wrap:wrap;gap:20px}.apec-pending-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.apec-pending-grid>div{aspect-ratio:4/3;border:1px dashed #999999;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f1f1f1;color:#464646;text-align:center}.apec-pending-grid small{margin-top:8px}@media(max-width:700px){.apec-pending-grid{grid-template-columns:repeat(2,1fr)}} .city-community-photo{width:100%;max-width:640px;margin:28px 0}.city-community-photo img{display:block;width:100%;height:auto;border-radius:10px}.city-community-photo figcaption{font-size:var(--type-small);color:var(--muted);margin-top:8px} .poster-viewer{width:min(1000px,94vw);max-width:94vw;max-height:92dvh;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#111}.poster-viewer::backdrop{background:rgb(0 0 0 / .75)}.poster-viewer-tools{display:flex;align-items:center;gap:12px;margin-bottom:12px}.poster-viewer-tools h2{font-size:20px;margin:0 auto 0 0}.poster-viewer-tools button{padding:10px 14px;border:1px solid #777;border-radius:8px;background:#fff;color:#111;cursor:pointer}.poster-viewer-scroll{overflow:auto;max-height:76dvh}.poster-viewer-scroll img{display:block;max-width:100%;max-height:76dvh;width:auto;height:auto;margin:0 auto}.poster-zoomed .poster-viewer-scroll img{max-width:none;max-height:none;width:1122px;margin:0}@media(max-width:480px){.poster-viewer{padding:12px}.poster-viewer-tools{gap:8px}.poster-viewer-tools h2{font-size:16px}.poster-viewer-tools button{padding:10px;font-size:var(--type-small)}} .hero-text-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center}.hero-text-title h1{margin-block:0}.hero-text-copy>:first-child{margin-top:0}.hero-text-copy>:last-child{margin-bottom:0}@media(max-width:900px){.hero-text-layout{grid-template-columns:1fr;gap:20px}} html[lang^="zh"] body[data-page] main .site-hero { background:#111111; color:#fff; border-color:#111111; border-radius:24px; } html[lang^="zh"] body[data-page] main .site-hero :is(h1,h2,.eyebrow,.meta,.lead,.organisation-lead,p,figcaption) { color:#fff; } html[lang^="zh"] body[data-page] main .site-hero a:not(.button):not(.region-city-shortcuts a) { color:#fff; text-decoration-color:currentColor; } html[lang^="zh"] body[data-page] main .site-hero .region-city-shortcuts a { color:#111; background:#fff; } html[lang^="zh"] body[data-page] main .site-hero .region-city-shortcuts a:hover { color:#111; background:#e5e5e5; } html[lang^="zh"] body[data-page] main .site-hero .button.primary { background:#111111!important; color:#fff!important; border:1px solid #fff!important; } html[lang^="zh"] body[data-page] main .site-hero .button.secondary { background:transparent!important; color:#fff!important; border:1px solid #fff!important; } html[lang^="zh"] body[data-page] main .site-hero .button:hover { background:#292929!important; color:#fff!important; } html[lang^="zh"] body[data-page] main .site-hero--medium { padding:36px 40px; } html[lang^="zh"] body[data-page] main .site-hero--compact { padding:28px 32px; } html[lang^="zh"] body[data-page] main .site-hero--compact h1 { font-size:clamp(32px,3.4vw,48px); } html[lang^="zh"] body[data-page] main .site-hero.region-intro { margin-top:14px; } @media(max-width:620px) { html[lang^="zh"] body[data-page] main .site-hero--medium,html[lang^="zh"] body[data-page] main .site-hero--compact { padding:26px 20px; border-radius:18px; } } html[data-renderer="shared"] body[data-page] main .site-hero { --hero-inset:40px;display:block;padding:var(--hero-inset);margin-block:14px 0;border:0;border-radius:24px;background:#111;color:#fff; } html[data-renderer="shared"] body[data-page] main :is(.site-hero--home,.site-hero--photo) { display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:48px;align-items:center; } html[data-renderer="shared"] body[data-page] main .site-hero--home { min-height:530px; } html[data-renderer="shared"] body[data-page] main .site-hero--photo { min-height:440px; } html[data-renderer="shared"] body[data-page] main .site-hero-copy { min-width:0;max-width:700px; } html[data-renderer="shared"] body[data-page] main .site-hero--compact .site-hero-copy { max-width:1100px; } html[data-renderer="shared"] body[data-page] main .site-hero--compact { padding-block:24px; } html[data-renderer="shared"] body[data-page] main .site-hero h1 { margin:0;font-size:48px;line-height:1.08;color:#fff;max-width:none; } html[data-renderer="shared"] body[data-page] main .site-hero--home h1 { font-size:60px; } html[data-renderer="shared"] body[data-page] main .site-hero .eyebrow { margin:0 0 20px;color:#fff;font-size:12px;line-height:1.5;font-weight:650;letter-spacing:.045em; } html[data-renderer="shared"] body[data-page] main .site-hero-lead { margin-top:24px; } html[data-renderer="shared"] body[data-page] main .site-hero-lead p { margin:0;max-width:68ch;font-size:18px;line-height:1.65;color:#fff; } html[data-renderer="shared"] body[data-page] main .site-hero--home .site-hero-lead p { font-size:20px; } html[data-renderer="shared"] body[data-page] main .site-hero a:not(.button) { color:#fff; } html[data-renderer="shared"] body[data-page] main .site-hero-actions { margin:24px 0 0;gap:12px; } html[data-renderer="shared"] body[data-page] main .site-hero--compact .eyebrow { margin-bottom:8px; } html[data-renderer="shared"] body[data-page] main .site-hero--compact .site-hero-lead { margin-top:12px; } html[data-renderer="shared"] body[data-page] main .site-hero--compact .site-hero-lead p { max-width:80ch; } html[data-renderer="shared"] body[data-page] main .site-hero--compact .site-hero-actions { margin-top:16px; } html[data-renderer="shared"] body[data-page] main .site-hero .button { white-space:normal;text-align:center; } html[data-renderer="shared"] body[data-page] main .site-hero .button.primary,html[data-renderer="shared"] body[data-page] main .site-hero .button.secondary { background:transparent;color:#fff;border:1px solid #fff; } html[data-renderer="shared"] body[data-page] main .site-hero .button:hover { background:#292929;color:#fff; } html[data-renderer="shared"] body[data-page] main .site-hero-photo { margin:0;width:100%; } html[data-renderer="shared"] body[data-page] main .site-hero-photo img { display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 35%;border-radius:12px; } html[data-renderer="shared"] body[data-page] main .hero-followup { margin-block:28px; } html[data-renderer="shared"] body[data-page] main .hero-followup>p { max-width:78ch; } @media(min-width:1001px) and (max-width:1250px){html[data-renderer="shared"] body[data-page] main :is(.site-hero--home,.site-hero--photo){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px}} @media(max-width:1000px){html[data-renderer="shared"] body[data-page] main :is(.site-hero--home,.site-hero--photo){grid-template-columns:1fr;gap:28px;min-height:0}html[data-renderer="shared"] body[data-page] main .site-hero h1{font-size:40px}html[data-renderer="shared"] body[data-page] main .site-hero--home h1{font-size:48px}html[data-renderer="shared"] body[data-page] main .site-hero-photo{max-width:480px;justify-self:center}} @media(max-width:620px){html[data-renderer="shared"] body[data-page] main .site-hero{--hero-inset:20px;padding-block:26px;border-radius:18px}html[data-renderer="shared"] body[data-page] main .site-hero h1{font-size:34px}html[data-renderer="shared"] body[data-page] main .site-hero--home h1{font-size:36px}html[data-renderer="shared"] body[data-page] main .site-hero-lead p,html[data-renderer="shared"] body[data-page] main .site-hero--home .site-hero-lead p{font-size:16px}html[data-renderer="shared"] body[data-page] main .site-hero-actions{flex-direction:column;align-items:stretch}html[data-renderer="shared"] body[data-page] main .site-hero-actions .button{width:100%}} .city-visitor-paths,.community-gatherings,.city-module-grid,.city-area-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px; } .city-visitor-paths { margin-block:26px; } .city-visitor-paths>a { display:block;padding:24px 28px;border:2px solid var(--ink);border-radius:12px;background:#fff;text-decoration:none; } .city-visitor-paths strong { display:block;font-size:26px;line-height:1.2;margin-bottom:12px; } .city-visitor-paths span { display:block;color:var(--muted);line-height:1.6; } .city-visitor-paths>a:hover { background:var(--surface-3); } .city-directory-preview { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px 48px;padding:32px;border:1px solid var(--line);border-radius:16px;background:#fff; } .city-directory-preview>div { min-width:0; } .city-directory-preview .button { margin-top:8px;white-space:normal;text-align:center; } .city-directory-preview-list { list-style:none;margin:0;padding:0; } .city-directory-preview-list li { padding-block:16px;border-bottom:1px solid var(--line); } .city-directory-preview-list li:first-child { padding-top:0; } .city-directory-preview-list li:last-child { padding-bottom:0;border-bottom:0; } body[data-page] main .city-directory-preview-list h3 { margin:0 0 6px;font-size:21px; } body[data-page] main .city-directory-preview-list p { margin:0;font-size:16px;line-height:1.6; } .city-directory-preview-list .city-business-classification { color:var(--muted); } @media(max-width:900px){.city-directory-preview{grid-template-columns:1fr;gap:28px}} @media(max-width:620px){.city-directory-preview{padding:20px}.city-directory-preview .button{width:100%}} .city-visitor-orientation { display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:40px;align-items:center; } .city-visitor-orientation > * { min-width:0; } .city-connections-layout { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start; } .city-connections-layout figure { margin:0; } .city-connections-layout img { width:100%;height:auto;object-fit:contain; } .region-industry-layout { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:start; } .region-industry-layout .region-business-photo { margin:20px 0 0; } .region-industry-layout .region-comparison>div { grid-template-columns:minmax(140px,.55fr) minmax(0,1fr);gap:24px; } @media(max-width:1000px){.region-industry-layout{grid-template-columns:1fr}.region-industry-layout .region-business-photo{max-width:680px;margin:0 auto}} @media(max-width:1000px){.city-visitor-orientation{grid-template-columns:1fr;gap:24px}.city-visitor-orientation .region-map{width:100%;max-width:850px;margin-inline:auto}} @media(max-width:760px){.city-connections-layout{grid-template-columns:1fr;gap:24px}} .city-visitor-orientation .region-map-scroll { background:#eee; } .city-visitor-orientation .current-city .city-marker { r:9;stroke-width:3; } .city-visitor-section { scroll-margin-top:100px; } .city-area-grid article,.city-module-grid article { padding-top:12px; } @media(min-width:1100px) { .city-area-grid,.city-module-grid { grid-template-columns:repeat(6,minmax(0,1fr)); } .city-area-grid>article,.city-module-grid>article { grid-column:span 3; } .city-area-grid:has(>article:nth-child(odd):last-child)>article:nth-child(-n+3), .city-module-grid:has(>article:nth-child(odd):last-child)>article:nth-child(-n+3) { grid-column:span 2; } .city-area-grid>article:only-child,.city-module-grid>article:only-child { grid-column:1/-1;max-width:920px;width:100%;margin-inline:auto; } } @media(min-width:761px) and (max-width:1099px) { .city-area-grid>article:nth-child(odd):last-child:not(:first-child),.city-module-grid>article:nth-child(odd):last-child:not(:first-child) { grid-column:1/-1; } } .city-business-context { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px; } .city-business-context article { display:block;padding-top:12px; } .city-business-context article:last-child:nth-child(odd) { grid-column:1/-1; } @media(min-width:1100px){.city-business-context:has(>article:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.city-business-context:has(>article:nth-child(3):last-child)>article{grid-column:auto}} .city-business-context article h3 { margin-bottom:14px; } .city-business-context article p { margin:0 0 12px;max-width:78ch; } .city-arrival-layout { display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;align-items:start; } .city-arrival-resources .city-source-links { gap:8px 20px;margin-bottom:16px; } .city-professional-resources { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;padding-block:28px; } .city-professional-resources>section { padding:0; } .city-professional-resources>section:only-child { grid-column:1/-1; } .city-professional-resources .local-link-list { margin:12px 0 0;gap:12px 24px; } .city-professional-resources .local-link-list li { padding-block:10px; } .city-professional-resources>section:only-child .city-local-notes { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px; } .community-content>.community-pair { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px; } .community-section { padding-block:28px; } .community-pair>.community-section { padding-top:0; } .community-activity-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px; } .community-content p { max-width:78ch!important; } .community-culture { display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:20px 40px;align-items:start; } .community-culture>h2,.community-culture>p { margin:0; } .community-culture>:is(.community-activity-grid,.section-links) { grid-column:1/-1; } .city-business-actions { margin-block:16px 24px; } @media(max-width:900px){.community-culture,.reference-network-grid>div:last-child:nth-child(3),html[data-renderer="shared"] .reference-network-introduction{grid-template-columns:1fr;gap:16px}.reference-network-grid>div:last-child:nth-child(3)>*,.reference-network-grid>div:last-child:nth-child(3)>h3{grid-column:auto;grid-row:auto}.community-culture>:is(.community-activity-grid,.section-links){grid-column:auto}} @media(max-width:800px){html[data-renderer="shared"] .programme-introduction{grid-template-columns:1fr;gap:16px}html[data-renderer="shared"] .programme-introduction h2{grid-row:auto}html[data-renderer="shared"] .programme-introduction .text-cta{grid-column:auto}} .region-industry-topics>div { display:block; } .region-industry-topics dt { margin-bottom:12px; } .region-context-copy { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px; } .region-context-copy>p:last-child { grid-column:1/-1; } .media-language-groups,.media-sharing-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px; } .media-link-list { list-style:none;padding:0;margin:0; } .media-link-list li { padding-block:16px;border-top:1px solid var(--line); } .media-link-list li p { margin:0 0 6px; } .media-link-list .media-publisher { font-size:13px;font-weight:650; } body[data-page] main .media-link-list .media-publisher { margin:0 0 6px; } .media-link-list .text-cta { padding-block:0;min-height:0; } .media-sharing { margin-top:24px; } .media-sharing-list>div { padding-top:16px;border-top:1px solid var(--line); } .media-sharing-list dt { font-weight:650;margin-bottom:8px; } .media-sharing-list dd { margin:0; } .city-module-links { font-size:15px; } .city-visitor-guide .city-reference .section { padding:20px 0; } .city-visitor-guide .city-reference .container { width:100%; } .community-gatherings article { min-width:0; } .community-gatherings .entry-featured { grid-template-columns:180px minmax(0,1fr);gap:24px;padding:20px; } .community-gatherings [data-event-feed] { min-width:0; } body[data-page] main .gba-map-section .map-disclaimer { max-width:none;font-size:12px;line-height:1.5;text-align:left;margin:12px 0 0; } .community-gatherings figure { margin:0 0 24px; } .community-gatherings img { width:100%;height:auto;object-fit:contain;border-radius:12px; } .community-gatherings .event-poster img { object-fit:contain;background:#fff; } .community-gatherings .entry-media img { object-fit:contain;background:#fff;max-height:340px;max-width:none; } .community-gatherings .entry-media { margin:0 0 24px; } .community-gatherings p { max-width:65ch; } .community-gathering-archive { display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:start; } @media(max-width:1200px){.community-gatherings{grid-template-columns:1fr}.community-gatherings .entry-featured{grid-template-columns:220px minmax(0,1fr)}} @media(max-width:900px){.activity-evidence,.activity-scope,.about-story-context,.worksheet-sections,.reference-services,.reference-network-grid,.business-next-event,.sponsorship-intro-context{grid-template-columns:1fr;gap:20px}.resource-index .entry{grid-template-columns:1fr;gap:12px}.resource-index .entry>.text-link{justify-self:start}.resource-index .entry-heading h2{font-size:23px}html[data-renderer="shared"] .reading-layout:not(.organisation-reading){grid-template-columns:1fr;gap:24px}html[data-renderer="shared"] .sponsorship-proof-card{grid-template-columns:1fr;align-items:start;gap:20px}html[data-renderer="shared"] .sponsorship-proof-card p{max-width:none}.city-connections-layout .event-feed-fallback{display:block}.city-connections-layout .event-feed-fallback .button{margin-top:16px}} @media(max-width:800px){.city-arrival-layout,.city-professional-resources,.city-professional-resources>section:only-child .city-local-notes,.community-content>.community-pair,.media-language-groups,.media-sharing-list,.region-context-copy{grid-template-columns:1fr;gap:24px}.directory-enquiry{display:block}.directory-enquiry .button{margin-top:16px}.community-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-activity-grid>article:last-child:nth-child(odd){grid-column:1/-1}html[data-renderer="shared"] body[data-page="contact"] .contact-directory{grid-template-columns:1fr}} @media(max-width:760px){.city-visitor-paths,.city-business-context,.city-module-grid,.city-area-grid,.city-visitor-orientation{grid-template-columns:1fr;gap:24px}.city-visitor-paths>a{padding:20px}.city-business-context article h3{margin-bottom:16px}.city-business-context article p{margin-bottom:12px}.community-gatherings img{height:auto;max-height:420px}.community-gathering-archive{grid-template-columns:1fr}.community-gatherings .entry-featured{grid-template-columns:1fr}} @media(max-width:620px){html[data-renderer="shared"]{--section-space:28px;--space-section:28px}.community-activity-grid{grid-template-columns:1fr}.event-feed-fallback{display:block}.event-feed-fallback p{margin-block:12px}.event-feed-fallback .button{margin-top:12px}html[data-renderer="shared"] .entry-featured{grid-template-columns:1fr}} .support-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px; } body[data-page] .prose p { max-width:none; } @media(max-width:760px){.support-list{grid-template-columns:1fr}.about-origin .editorial-copy{display:block}} .city-page-references{padding-block:20px 32px;border-top:1px solid var(--line)}.city-page-references summary{font-size:15px;font-weight:600;cursor:pointer}.city-page-references ul{font-size:var(--type-small);line-height:1.6;columns:2;column-gap:40px;padding-left:20px}.city-page-references li{break-inside:avoid;margin-bottom:8px}@media(max-width:650px){.city-page-references ul{columns:1}} .city-listing-enquiry{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:28px;border-top:1px solid var(--line)}.city-listing-enquiry h2{font-size:24px;margin:0 0 8px}.city-listing-enquiry p{margin:0}.city-listing-enquiry .button{flex-shrink:0}@media(max-width:768px){.city-listing-enquiry{display:block}.city-listing-enquiry .button{margin-top:16px}} .back-to-top { position:fixed; z-index:90; right:max(16px,env(safe-area-inset-right)); bottom:max(16px,env(safe-area-inset-bottom)); width:44px; height:44px; padding:0; display:grid; place-items:center; border:1px solid #858585; border-radius:50%; background:#111; color:#fff; box-shadow:0 2px 8px rgb(0 0 0 / .18); cursor:pointer; } .back-to-top svg { width:22px; height:22px; } .back-to-top:hover { background:#292929; } .back-to-top:focus-visible { outline:3px solid #858585; outline-offset:3px; } .back-to-top[hidden],body.nav-open .back-to-top,body:has(dialog[open]) .back-to-top { display:none; } html[data-renderer="shared"] body[data-page] .site-footer { padding-bottom:max(76px,calc(60px + env(safe-area-inset-bottom))); }
/* Shared layout tokens apply to rebuilt Chinese pages; English CSS is frozen. */
html[lang="zh-Hans"][data-renderer="shared"] { font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif; }
html[lang="zh-Hans"][data-renderer="shared"] :is(h1,h2,h3,.eyebrow) { letter-spacing:0; }
html[lang="zh-Hans"][data-renderer="shared"] :is(p,li) { line-height:1.85; overflow-wrap:break-word; }
html[lang="zh-Hans"][data-renderer="shared"] .site-hero-lead { max-width:42em; }
html[lang="zh-Hans"][data-renderer="shared"] .site-hero-copy h1 { line-height:1.2; }
html[lang="zh-Hans"][data-renderer="shared"] .translation-notice p { max-width:70em; }
@media(max-width:800px) { html[lang="zh-Hans"][data-renderer="shared"] .milestone-date { white-space:normal; } }

/* Chinese disclosure component. Kept out of the approved English stylesheet. */
html[lang^="zh"] .translation-notice { box-sizing:border-box;margin-block:24px;padding:18px 22px;background:#f1f1f1;border:1px solid #b4b4b4;border-radius:12px;color:#202020; }
html[lang^="zh"] body[data-page] main .translation-notice p { margin:0;max-width:60em;color:#202020;font-size:16px;line-height:1.85;letter-spacing:0; }
html[lang^="zh"] .translation-notice .text-cta { display:inline-flex;align-items:center;min-height:44px;margin-top:4px;color:#111; }
html[lang^="zh"] .translation-notice--high-risk { background:#e4e4e4;border-left:5px solid #333; }
html[lang^="zh"] .translation-notice--high-risk p { font-weight:600; }
html[lang^="zh"] .translation-footer-notice { margin:20px 0 0;padding-top:16px;border-top:1px solid #666;color:#ddd;font-size:14px;line-height:1.85;letter-spacing:0; }
@media(max-width:620px){html[lang^="zh"] .translation-notice{padding:16px;margin-block:18px}}