:root{--ink:#172925;--accent:#245f50;--paper:#f3f5ef}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:17px/1.65 Arial,sans-serif;background:#fff}a{color:var(--accent)}header,main,footer{max-width:1160px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dce3dc}header .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:bold}header img{width:54px;height:54px}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{text-decoration:none;font-size:15px}.hero{padding:65px 0;display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:13px;font-weight:bold;color:var(--accent)}h1{font-size:clamp(40px,5vw,66px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 24px}h2{font-size:30px;line-height:1.2}h3{font-size:20px}.lead{font-size:21px;color:#50605b}.button{display:inline-block;padding:13px 22px;background:var(--accent);color:white;text-decoration:none;border-radius:7px;margin:15px 0}.phone{display:block;width:230px;height:auto;margin:auto;border-radius:26px;box-shadow:0 18px 50px #17292524}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0 55px}.card{background:var(--paper);padding:28px;border-radius:14px}.note{border-left:3px solid var(--accent);padding:14px 22px;background:var(--paper);margin:32px 0}section{margin:35px 0 55px}footer{border-top:1px solid #dce3dc;font-size:14px;color:#50605b;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{margin-left:18px}li{margin:12px 0}.support{max-width:850px}.support h1{font-size:52px}.contact{font-size:20px;overflow-wrap:anywhere}@media(max-width:700px){header,main,footer{padding:20px}header{align-items:flex-start;flex-direction:column}nav{gap:18px}.hero{grid-template-columns:1fr;gap:25px;padding:30px 0}.cards{grid-template-columns:1fr}.phone{width:210px}.support h1{font-size:40px}}
html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif}header{max-width:1160px;min-height:100px}nav a{padding:6px 0}nav a[aria-current=page]{font-weight:700;border-bottom:2px solid var(--accent)}a:focus-visible,summary:focus-visible{outline:3px solid #72a993;outline-offset:5px}h1{max-width:850px}.hero{gap:54px}.hero-media{width:100%;border-radius:16px;background:var(--paper);padding:18px}.hero-media img{display:block;width:100%;height:auto;border-radius:8px}.hero-media figcaption{font-size:13px;color:#50605b;margin:12px 0 0}figure{margin:0}.button.secondary{background:transparent;color:var(--accent);border:1px solid #b7cac0;margin-left:10px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-top p{max-width:510px;color:#50605b}.product-card{display:flex;flex-direction:column;padding:22px}.product-card img{width:100%;height:190px;object-fit:contain;background:white;border-radius:9px}.product-card p{flex:1}.product-card a{font-weight:700;text-decoration:none}.product-card h3{margin-bottom:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.split img{width:100%;border-radius:14px}.wide-photo{width:100%;max-height:440px;object-fit:cover;border-radius:16px}.prose{max-width:850px;margin:0 auto}.prose p{margin:0 0 22px}.prose h2{margin:42px 0 18px}.product-hero{padding-bottom:35px}.product-hero h1{font-size:clamp(42px,5vw,64px)}.feature-band{background:var(--paper);border-radius:18px;padding:38px}.team img{width:100px;height:100px;object-fit:cover;border-radius:50%}.team .card{padding:26px}.team{grid-template-columns:1fr 1fr}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #dce3dc;border-bottom:1px solid #dce3dc;padding:28px 0}.stats strong{display:block;font-size:36px;line-height:1.3}.stats span{color:#50605b;font-size:14px}details{border-bottom:1px solid #dce3dc;padding:20px 0}summary{cursor:pointer;font-weight:700}details p{color:#50605b}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-grid a{overflow-wrap:anywhere}footer{padding-top:30px;padding-bottom:30px}footer span:last-child{display:flex;gap:20px;flex-wrap:wrap}footer a{margin:0}.page-intro{padding:58px 0 20px}.breadcrumb{font-size:14px;color:#50605b}.breadcrumb a{text-decoration:none}.small{font-size:14px;color:#50605b}.cta{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin-top:0}.cta p{margin-bottom:0}.support{max-width:850px}@media(max-width:900px){header{flex-direction:column;align-items:flex-start;gap:12px}.hero{gap:30px}nav{gap:20px}.cards{grid-template-columns:1fr 1fr}.hero h1{font-size:48px}}@media(max-width:700px){.hero,.split,.contact-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.cards,.team{grid-template-columns:1fr}.section-top,.cta{display:block}.stats strong{font-size:28px}.stats{gap:12px}.feature-band{padding:24px}.button.secondary{margin-left:0}.product-card img{height:210px}header .brand{font-size:17px}.page-intro{padding:30px 0 10px}}

/* Research and editorial imagery */
.research-photo img{display:block;width:100%;height:auto;border-radius:13px}.research-photo figcaption,.vision-panel figcaption{font-size:12px;line-height:1.5;color:#63746b;margin-top:10px}.research-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.research-section{padding:24px 0;border-top:1px solid #dce3dc}.research-section>.lead{max-width:700px}.research-section .split{align-items:start}.people-grid{grid-template-columns:repeat(3,1fr)}.people-grid .eyebrow{font-size:11px;margin-top:22px}.people-grid img{width:116px;height:116px}.people-grid p{font-size:16px}.vision-panel{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:42px;border-radius:20px;background:var(--paper);overflow:hidden;padding:28px}.vision-panel img{width:100%;display:block;border-radius:12px}.milestones{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #dce3dc;padding:28px 0;gap:25px}.milestones span{font-size:13px;color:var(--accent);font-weight:bold;letter-spacing:.12em}.milestones strong{display:block;font-size:26px}.milestones p{font-size:14px;margin:4px 0}.concept-hero{padding:0;background:transparent}.concept-hero img{height:390px;object-fit:cover;object-position:65% center;border-radius:18px}.concept-hero figcaption{padding:0 5px}@media(max-width:900px){.people-grid{grid-template-columns:1fr 1fr}.vision-panel{grid-template-columns:1fr}}@media(max-width:700px){.research-grid,.people-grid{grid-template-columns:1fr}.milestones{gap:12px}.milestones strong{font-size:21px}.milestones p{font-size:12px}.concept-hero img{height:auto}.vision-panel{padding:20px}}

/* Shared product navigation and leadership */
nav{align-items:center;gap:20px}.nav-products{border:0;padding:0;position:relative}.nav-products summary{font-weight:400;font-size:15px;list-style:none;padding:6px 0}.nav-products summary::-webkit-details-marker{display:none}.nav-products summary span{font-size:9px;margin-left:5px}.product-menu{position:absolute;top:38px;left:-20px;z-index:30;width:290px;padding:10px;background:white;border:1px solid #dce3dc;box-shadow:0 18px 45px #17292520;border-radius:13px}.product-menu a{display:block;padding:10px 12px;border-radius:8px;font-weight:700}.product-menu a:hover{background:var(--paper)}.product-menu span{display:block;font-size:12px;color:#63746b;font-weight:400}.product-menu .all-products{font-size:12px;border-top:1px solid #e1e8e1;margin-top:5px;border-radius:0}.role-title{font-size:14px!important;font-weight:700;color:var(--accent);margin-top:-8px}.product-studio{padding:0;background:none}.product-studio img{width:100%;height:auto}.product-studio figcaption{padding:0 5px}.app-overview{display:grid;grid-template-columns:1fr 260px;gap:40px;align-items:center;padding:25px 0 40px}.app-overview figure{text-align:center}@media(max-width:700px){nav{gap:15px;row-gap:8px}.product-menu{left:-65px;width:275px}.app-overview{grid-template-columns:1fr}.people-grid{grid-template-columns:1fr}.product-studio img{height:auto}}

/* Navigation consistency and featured biography */
nav>a,.nav-products summary{color:var(--accent);font:400 15px/1.65 Arial,Helvetica,sans-serif}.nav-products summary{display:flex;align-items:center;gap:10px;cursor:pointer}.nav-products summary .nav-chevron{display:inline-block;width:9px;height:9px;margin:0 2px 4px 0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .16s}.nav-products[open] summary .nav-chevron{transform:rotate(225deg);margin-top:7px}.founder-profile{display:grid;grid-template-columns:280px 1fr;gap:58px;padding:45px 0 20px;align-items:start}.founder-portrait{padding-top:18px}.founder-portrait>img{width:100%;height:auto;border-radius:18px;display:block;margin-bottom:24px}.founder-portrait p{margin:5px 0;color:#63746b;font-size:15px}.founder-copy h1{font-size:clamp(38px,4.5vw,58px);margin:15px 0 20px}.founder-copy .lead{margin-bottom:28px}.founder-copy>p{margin-bottom:24px}.bio-details{border-top:1px solid #dce3dc;padding-top:12px;margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.bio-details h2{font-size:18px;line-height:1.4}.bio-details p{font-size:15px;color:#50605b}.honours-panel{display:grid;grid-template-columns:1fr 1.6fr;gap:42px;background:var(--paper);padding:36px;border-radius:18px}.honours-panel ul{list-style:none;padding:0;margin:0}.honours-panel li{display:grid;grid-template-columns:105px 1fr;gap:15px;border-bottom:1px solid #dce3dc;padding:12px 0;margin:0;font-size:15px}.honours-panel li:last-child{border:0}.honours-panel strong{color:var(--accent)}@media(max-width:800px){.founder-profile{grid-template-columns:210px 1fr;gap:30px}.honours-panel{grid-template-columns:1fr}}@media(max-width:600px){.founder-profile{grid-template-columns:1fr;padding-top:15px;gap:28px}.founder-portrait{max-width:220px}.founder-copy h1{font-size:39px}.bio-details{grid-template-columns:1fr;gap:0}.honours-panel{padding:24px}.honours-panel li{grid-template-columns:80px 1fr;gap:12px}nav>a,.nav-products summary{font-size:15px}}

/* Unified home project gallery */
.project-cards{gap:22px;margin-bottom:14px}.project-cards>.product-card{padding:0;overflow:hidden;background:#f3f5ef;border:1px solid #e2e8e0;border-radius:16px;box-shadow:0 8px 26px #17292507}.project-cards>.product-card>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:0;background:#20352d}.project-cards>.product-card>.eyebrow{margin:22px 22px 0;font-size:11px;letter-spacing:.11em}.project-cards>.product-card>h3{margin:8px 22px 0;font-size:25px}.project-cards>.product-card>p{margin:12px 22px 18px;font-size:16px}.project-cards>.product-card>a{margin:0 22px 24px;display:inline-block;font-size:15px}.project-visual-credit{margin:8px 0 35px;font-size:12px;color:#6a786f}@media(max-width:900px) and (min-width:701px){.project-cards{grid-template-columns:repeat(3,1fr);gap:14px}.project-cards>.product-card>.eyebrow,.project-cards>.product-card>h3,.project-cards>.product-card>p,.project-cards>.product-card>a{margin-left:16px;margin-right:16px}}

/* Embedded product films */
.product-video{margin:30px 0 65px}.product-video h2{margin-top:10px}.video-frame{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:16px;background:#172925;box-shadow:0 12px 35px #17292512}.video-frame iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}@media(max-width:700px){.video-frame{border-radius:10px}.product-video{margin-bottom:40px}}

/* Language navigation */
header{max-width:1280px;gap:22px}.language-switch{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:14px;margin-left:auto}.language-switch a{text-decoration:none;color:var(--accent);padding:5px 2px}.language-switch span{color:#a6b4ab}.language-switch a[aria-current=page]{font-weight:700;border-bottom:2px solid var(--accent)}html[lang=zh-Hant-HK] body{font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif}html[lang=zh-Hant-HK] h1{letter-spacing:-.025em;line-height:1.22}html[lang=zh-Hant-HK] .eyebrow{letter-spacing:.08em}html[lang=zh-Hant-HK] .founder-copy>p{line-height:1.9}@media(max-width:1050px){header{display:grid;grid-template-columns:1fr auto}header nav{grid-column:1/-1;grid-row:2}.language-switch{grid-column:2;grid-row:1}header .brand{grid-column:1;grid-row:1}}@media(max-width:600px){header{gap:14px}.language-switch{gap:7px}header .brand{font-size:15px;gap:8px}header .brand img{width:40px;height:40px}html[lang=zh-Hant-HK] .hero h1{font-size:37px}html[lang=zh-Hant-HK] .founder-copy h1{font-size:36px}}
