:root{--hb-header: #00aaac;--hb-content: #00645a;--hb-accent-orange: #f69320;--hb-accent-blue: #3acbe8;--hb-base: #ffffff;--hb-page-bg: #000000;--text-main: #0f172a;--text-sub: #345067;--soft-border: rgba(0, 100, 90, .2);--shadow-soft: 0 12px 30px rgba(0, 100, 90, .08);font-family:Manrope,PingFang TC,Noto Sans TC,Microsoft JhengHei,Segoe UI,sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--hb-page-bg)}body{margin:0;min-height:100vh;background:var(--hb-page-bg);color:var(--text-main)}a{color:inherit}#root{min-height:100vh;background:var(--hb-page-bg)}.site-shell{background:transparent;min-height:100vh}.site-header{position:sticky;top:0;z-index:20;width:100%;background:var(--hb-header);padding:.65rem 4vw;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 4px 16px #00000014}.site-header__brand{display:inline-flex;align-items:center;text-decoration:none;min-width:0}.site-header__logo{width:clamp(180px,28vw,380px);height:auto;display:block}.site-header__right{display:flex;align-items:center;justify-content:flex-end;gap:.9rem}.site-nav{display:flex;align-items:center;gap:clamp(1.5rem,2vw,2rem)}.site-nav a{color:#fff;text-decoration:none;font-size:.95rem;font-weight:700;letter-spacing:.01em;transition:color .14s ease}.site-nav a:hover{color:var(--hb-accent-orange)}.nav-toggle{display:none;width:42px;height:42px;border:0;border-radius:8px;background:#ffffff2e;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px}.nav-toggle span{width:18px;height:2px;background:#fff;border-radius:2px}.locale-toggle{display:inline-flex;gap:.35rem;padding:.22rem;border-radius:999px;background:#ffffff2e}.locale-toggle button{border:0;border-radius:999px;background:transparent;color:#fff;padding:.26rem .56rem;cursor:pointer}.locale-toggle button.is-active{background:#fff;color:var(--hb-content);font-weight:800}.container{width:min(1140px,92vw);margin:0 auto;padding:1.3rem 0 3rem}.site-mark{position:fixed;left:12px;bottom:12px;width:18px;height:18px;opacity:.35}.section{margin-top:2.1rem}.section__header{margin-bottom:.22rem}.section__eyebrow{margin:0;color:var(--hb-content);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem}.section h2{margin:.08rem 0 0;color:var(--hb-content);font-size:clamp(1.55rem,2.4vw,2.15rem)}.section__supporting{margin:.06rem 0 .8rem;color:#fff}.hero{border-radius:18px;padding:clamp(1.5rem,4vw,2.6rem);color:#fff;background:linear-gradient(90deg,#05202a9e,#05202a75 34%,#05202a1f 62%,#05202a00 82%),var(--hero-image) center/cover no-repeat}.hero__kicker{margin:0 0 .8rem;color:#cffafe;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(2rem,4.8vw,3.2rem);max-width:none;line-height:1.08}.hero__headline{max-width:none}.hero__headline span{display:block;white-space:nowrap}.hero__subhead{margin:1rem 0 0;max-width:none;line-height:1.7;white-space:nowrap}.story-feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:16px;overflow:hidden;border:1px solid var(--soft-border);background:#fff;box-shadow:var(--shadow-soft);min-height:430px}.story-feature__media{position:relative;background:url(/assets/Our%20Story-Leaping%20Dolphins-C9n-igee.jpg) center/cover no-repeat;min-height:100%}.story-feature__media:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000008f,#0000006b 42%,#00000080)}.story-feature__taglines{position:relative;z-index:1;height:100%;padding:1.1rem 1.2rem;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:.2rem}.story-feature__tagline{margin:.1rem 0;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.58)}.story-feature__tagline:first-child{font-size:1.2rem;letter-spacing:.08em}.story-feature__tagline--accent{color:#fed7aa}.story-feature__content{padding:1.15rem 1.25rem;display:flex;flex-direction:column;justify-content:center;gap:.3rem}.story__text{margin:0;color:var(--text-sub);line-height:1.75}.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.service-list__item{border:1px solid var(--soft-border);border-radius:14px;background:#fff;padding:1rem;box-shadow:var(--shadow-soft)}.service-icon{width:46px;height:46px}.service-icon__surface{fill:#3acbe82e}.service-icon__stroke{stroke:var(--hb-content);fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.service-list__item h3{margin:.45rem 0 0;color:var(--hb-content)}.service-list__item p{margin:.45rem 0 0;line-height:1.65;color:var(--text-sub)}.banner{border-radius:14px;padding:1rem 1.2rem;background:linear-gradient(#f69320b8,#3acbe8b3),url(/assets/trusted-partnership-banner-mILi3uWh.jpeg) center/cover no-repeat;color:#fff;font-weight:700}.banner p{margin:0}.passion-feature{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr);border:1px solid var(--soft-border);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow-soft)}.passion-feature__text{padding:1rem 1.1rem;display:grid;gap:.8rem}.passion-feature__heading{margin:0;color:var(--hb-content);display:inline-flex;align-items:center;gap:.6rem;line-height:1.3}.passion-feature__heading-icon{width:20px;height:20px;flex:0 0 20px;object-fit:contain}.passion-feature__item p{margin:.45rem 0 0;color:var(--text-sub);line-height:1.68}.passion-feature__media{position:relative;min-height:100%}.passion-feature__media img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block}.clients-intro{margin:.2rem 0 .9rem;color:var(--text-sub)}.client-groups{display:grid;grid-template-columns:1fr;gap:1rem;opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.client-groups.is-visible{opacity:1;transform:translateY(0)}.client-groups__item{border:1px solid var(--soft-border);border-radius:14px;background:#fff;padding:.9rem}.client-groups__item h3{margin:0;color:var(--hb-content)}.client-logo-grid{list-style:none;padding:0;margin:.8rem 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,172px));gap:.6rem;justify-content:center;justify-items:stretch;align-items:stretch}.client-logo-pill{width:100%;background:#fff;border:1px solid rgba(0,100,90,.22);border-radius:10px;padding:.45rem .55rem;text-align:center;font-size:.82rem;color:var(--hb-content)}.client-logo-card{width:100%;background:#fff;border:1px solid rgba(0,100,90,.2);border-radius:10px;padding:.45rem;display:inline-flex;align-items:center;justify-content:center}.client-logo-image{display:block;width:100%;height:64px;object-fit:contain}.contact{border:1px solid var(--soft-border);border-radius:16px;padding:1rem;background:#fff}.contact__actions{margin-top:.6rem;display:grid;gap:.45rem}.contact__link{color:var(--hb-content);text-decoration:none}.contact__address{margin:0;color:var(--text-sub)}.site-footer{margin-top:2rem;padding:1.6rem 1rem;text-align:center;border-top:1px solid rgba(255,255,255,.24);background:var(--hb-header)}.site-footer p{margin:0;font-size:.86rem;color:#fff}@media(max-width:1024px){.nav-toggle{display:inline-flex}.site-nav{display:none;position:absolute;right:4vw;top:calc(100% + 8px);min-width:180px;background:#fff;border:1px solid rgba(0,100,90,.2);border-radius:10px;box-shadow:var(--shadow-soft);padding:.55rem;flex-direction:column;align-items:stretch;gap:.25rem;z-index:30}.site-nav.is-open{display:flex}.site-nav a{color:var(--hb-content);padding:.45rem .55rem;border-radius:8px}.site-nav a:hover{color:var(--hb-content);background:#00645a14}.service-list,.passion-feature{grid-template-columns:1fr}.story-feature{min-height:390px}.hero__subhead{white-space:normal;max-width:58ch}.client-logo-grid{grid-template-columns:repeat(3,minmax(0,172px))}}@media(max-width:640px){.site-header{padding-inline:.85rem}.site-header__logo{width:clamp(140px,44vw,220px)}.locale-toggle{display:none}.story-feature{min-height:0;grid-template-columns:1fr}.story-feature__media{min-height:300px}.story-feature__taglines,.story-feature__content{padding:1rem}.client-logo-grid{grid-template-columns:repeat(2,minmax(0,172px))}.passion-feature__media img{min-height:240px}}.theme--hard{--card-bg: #ffffff;--card-hover-bg: #f7fcfc;--card-border: rgba(0, 100, 90, .18)}.theme--soft{--card-bg: #ffffff;--card-hover-bg: #f5fbfd;--card-border: rgba(0, 100, 90, .16)}
