@font-face{font-family:Manrope;src:url('assets/manrope-latin.woff2') format('woff2');font-weight:400 800;font-display:swap}
body{background:#fff;color:#18221d;font-family:Manrope,"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif}header{background:#fff;border-color:#d5dad6;padding:22px 4.2%}a{text-underline-offset:5px}.hero{padding:62px 4.2% 42px}.hero h1{font-family:inherit;font-weight:500;font-size:clamp(35px,4.9vw,76px);letter-spacing:-.035em;line-height:1.3}.hero h1 span{color:#234b37}.eyebrow{font-size:13px;letter-spacing:.04em;color:#5f6862}.lead{font-size:18px;line-height:1.9}.button{background:#234b37}.scope{background:#f7f8f6;border-block:1px solid #d5dad6;font-size:14px;line-height:1.9}.controls{background:#fffffff5;border-color:#d5dad6;gap:12px}.filter{font-size:14px;border:0;border-bottom:1px solid transparent;padding:8px 0;margin-right:15px;color:#5f6862}.filter[aria-pressed=true]{background:none;color:#18221d;border-bottom-color:#18221d}input{font-size:14px;border-color:#d5dad6;padding:10px 14px}.count{font-size:13px;color:#5f6862}.case{border-color:#d5dad6;padding:68px 0}.num{font-family:inherit;font-size:15px;color:#5f6862;line-height:2.6}.case h2{font-size:33px;font-weight:500;letter-spacing:-.025em}.meta{font-size:13px;color:#5f6862}.takeaway{font-size:18px}.photos{gap:26px}.photos img{height:390px;background:#f5f6f3}.photos:has(figure:only-child) img{height:450px}.fact{background:transparent;border-left:2px solid #234b37;padding:7px 20px;margin-top:25px;font-size:16px;line-height:1.9}.analysis{gap:35px;margin-top:35px}.analysis h4{font-size:15px;font-weight:500}.analysis p{font-size:16px;line-height:1.9}.marketing{border-left:0;border-top:1px solid #d5dad6;padding:18px 0 0;font-size:16px}.marketing b{font-weight:500}.fine,figcaption{font-size:13px;color:#5f6862;line-height:1.9}.insights{background:#173325;color:#fff}.insights h2{font-weight:500}.principles p{color:#c1d0c5}details{font-size:14px;border-color:#d5dad6}footer{font-size:14px}dialog{background:#fff}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #527256;outline-offset:5px}
@media(max-width:700px){.hero{padding:42px 6%}.hero h1{font-size:38px}.scope{padding:21px 6%;margin:0}.controls{padding:18px 6%}.filter{margin-right:8px}.photos img,.photos:has(figure:only-child) img{height:280px}.case h2{font-size:27px}.case{padding:42px 0}.case-title{gap:16px}.num{font-size:14px}.analysis{gap:25px}.takeaway{font-size:18px}.hero-foot{font-size:14px;gap:18px}.principles{gap:28px}}

/* Match the project exhibition while retaining a clear research surface. */
header{background:#0a2118;color:#fff;border-color:#ffffff30}header a:hover{color:#d4ff45}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#10271d;color:white;padding:92px 6% 68px}.hero:after{content:"";position:absolute;right:6%;top:8%;height:80%;aspect-ratio:.55;border:1px solid #d4ff4535;transform:rotate(18deg);z-index:-1;pointer-events:none}
.hero .eyebrow{color:#d4ff45}.hero h1{font-size:clamp(42px,5.5vw,82px);font-weight:600;max-width:900px;line-height:1.2}.hero h1 span{color:#d4ff45}.hero .lead{color:#d2e0d6;max-width:820px}.hero-foot{color:#d2e0d6}.hero .button{background:#d4ff45;color:#10271d;border-color:#d4ff45}.scope{background:#e9efdf;border-color:#c5d3b8;color:#304b2d}
.controls{border-bottom:1px solid #c5d3b8}.filter[aria-pressed=true]{color:#305a1e;border-bottom:2px solid #305a1e}.case h2{font-size:clamp(30px,3.3vw,48px);font-weight:600}.num{font-size:20px;color:#5f7947}.photos img{border-radius:2px;transition:filter .3s}.photos button:hover img{filter:saturate(1.12)}.insights{background:#10271d}.insights h2{font-size:36px;font-weight:600}.insights .eyebrow{color:#d4ff45}.principles h3{color:#d4ff45}footer{background:#0a2118;color:#c8dbce;border-color:#ffffff30}
@media(max-width:700px){.hero{padding:60px 6% 45px}.hero h1{font-size:42px}.hero:after{right:-25px;opacity:.5}.case h2{font-size:31px}.insights h2{font-size:30px}}