:root{--accent:#2475dc;--paper:#f6f7f6;--ink:#172b39;--muted:#556570;--panel:#e7eef3;--line:#cbd4dc;--deep:#142e42;--on-deep:#f8fafc;--gutter:clamp(22px,5vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}figure{margin:0;min-width:0}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;line-height:1.2;text-wrap:balance}h2{font-size:clamp(32px,3.7vw,64px);white-space:pre-line;margin-bottom:26px}h3{font-size:clamp(20px,1.7vw,28px);line-height:1.4;margin-bottom:14px}p{font-size:clamp(15px,1.13vw,18px)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a:hover{color:var(--accent)}.shell{width:calc(100% - var(--gutter)*2);max-width:1560px;margin-inline:auto}.section-pad{padding-block:clamp(80px,9vw,150px)}section[id]{scroll-margin-top:24px}.skip-link{position:absolute;top:-100px;left:20px;padding:12px;background:var(--paper);z-index:20}.skip-link:focus{top:10px}.case-header{height:86px;padding-inline:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.case-brand{font-size:21px;font-weight:850;white-space:nowrap;letter-spacing:-.05em}.case-brand span{color:var(--accent)}.case-header nav{display:flex;gap:32px;font-size:12px;font-weight:700}.back{font-size:12px;white-space:nowrap}.eyebrow,.section-meta,.case-hero__kind,.gallery-topline{font-size:11px;letter-spacing:.13em;font-weight:750}.eyebrow{color:var(--accent);margin-bottom:24px}.case-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:5vw;align-items:center;padding-block:64px 72px;min-height:650px}.case-hero__copy{min-width:0}.case-hero__kind{color:var(--muted);margin-bottom:30px}.case-hero h1{font-size:clamp(42px,4.7vw,82px);line-height:1.2;margin-bottom:26px}.case-hero h1 span{color:var(--accent)}.product-name{font-size:clamp(17px,1.55vw,24px);font-weight:750;letter-spacing:-.025em;margin-bottom:16px}.case-hero__summary{color:var(--muted);max-width:42ch}.explore{display:inline-flex;align-items:center;gap:26px;margin-top:20px;font-size:13px;font-weight:700}.explore span{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;font-size:20px}.case-hero__visual{background:white;color:#555;box-shadow:0 24px 60px #00000008}.case-hero__visual img{width:100%;height:auto}.case-hero__visual figcaption{display:flex;justify-content:space-between;padding:15px 22px;border-top:1px solid #eee;font-size:10px;letter-spacing:.15em}.case-facts{display:grid;grid-template-columns:1.25fr 1.2fr .7fr 1.4fr;gap:28px;padding-block:30px;border-block:1px solid var(--line)}.case-facts div{display:flex;flex-direction:column;gap:8px}.case-facts small{font-size:11px;color:var(--muted)}.case-facts strong{font-size:13px;font-weight:650}.section-meta{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:55px;color:var(--muted)}.overview-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:9vw}.overview-grid p,.section-heading>p,.main-study p,.decisions p,.process p,.result>p{color:var(--muted);line-height:1.95}.lead{max-width:57ch}.role{margin-top:38px;padding-top:24px;border-top:1px solid var(--line)}.role p:last-child{font-size:14px}.strategy{background:var(--panel)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:50px}.section-heading h2{max-width:800px;margin:0;flex:1}.section-heading>p{max-width:410px;width:34%;margin:0}.palette{display:flex;gap:18px;flex-shrink:0}.palette div{display:flex;flex-direction:column;align-items:center;gap:10px}.palette i{width:46px;height:46px;border-radius:50%;border:1px solid #8884}.palette span{font-size:11px;color:var(--muted)}.strategy-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.strategy-image img{width:100%;height:auto}.strategy-image{max-width:620px}.strategy-image figcaption,.story-image figcaption{font-size:10px;letter-spacing:.12em;margin-top:16px;color:var(--muted)}.decisions{list-style:none;padding:0;margin:0}.decisions li{display:flex;gap:22px;padding-block:30px;border-top:1px solid var(--line)}.decisions li>span{font-size:14px;font-weight:750;color:var(--accent)}.decisions p{margin:0}.main-study{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;margin-bottom:80px;background:var(--panel);padding:clamp(20px,4vw,60px)}.main-study img{width:100%;height:auto}.main-study>div{max-width:450px}.image-spec{font-size:11px;color:var(--muted);letter-spacing:.12em}.gallery-topline{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px;color:var(--muted)}.listing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px;align-items:start}.listing-grid figure img{width:100%;height:auto}.listing-grid figcaption,.aplus-stack figcaption{display:flex;gap:18px;padding-top:15px;font-size:13px;color:var(--muted)}.listing-grid figcaption span,.aplus-stack figcaption span{color:var(--accent);font-size:11px;font-weight:750}.aplus{background:var(--deep);color:var(--on-deep);--line:#ffffff30;--muted:#ffffffb8}.aplus .eyebrow,.aplus figcaption span{color:var(--on-deep)}.module-picker{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.module-picker button{background:transparent;color:inherit;border:1px solid var(--line);padding:13px 24px;cursor:pointer;font-size:13px}.module-picker button[aria-pressed=true]{background:var(--on-deep);color:var(--deep);border-color:var(--on-deep)}.module-preview img,.aplus-stack img,.story-image img{width:100%;height:auto}.module-preview figcaption{font-size:12px;color:var(--muted);padding-top:16px}.full-aplus{border-block:1px solid var(--line);margin-top:45px}.full-aplus summary{display:flex;align-items:center;gap:20px;cursor:pointer;padding-block:23px;list-style:none;font-size:14px}.full-aplus summary::-webkit-details-marker{display:none}.full-aplus summary>span{font-size:12px;color:var(--muted)}.full-aplus summary .plus{margin-left:auto;font-size:24px}.full-aplus[open] .plus{transform:rotate(45deg)}.aplus-stack{display:grid;gap:40px;padding-block:16px 40px}.process{background:var(--panel)}.process-grid{list-style:none;padding:0;margin:60px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.process-grid li{border-top:1px solid var(--line);padding-top:24px}.process-grid span{font-size:11px;color:var(--accent);font-weight:750;letter-spacing:.1em}.process-grid h3{margin-top:26px;font-size:22px}.process-grid p{font-size:14px}.result{text-align:center}.result h2{max-width:1000px;margin-inline:auto}.result>p{font-size:14px}.case-next{padding-block:65px;background:var(--deep);color:var(--on-deep)}.case-next .eyebrow{color:var(--on-deep);opacity:.65}.case-next [data-next]{display:block;font-size:clamp(26px,3.4vw,55px);font-weight:700;line-height:1.25;padding-block:20px;border-top:1px solid #ffffff40;overflow-wrap:anywhere}.case-next .all-projects{display:inline-block;margin-top:26px;font-size:13px}.case-next a:hover{color:var(--on-deep);text-decoration:underline}footer{padding-block:24px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
body[data-project=a03]{--paper:#f1f8fa;--ink:#16354a;--muted:#466775;--panel:#d9eef2;--line:#bed7df;--deep:#153c54}.case-hero__visual{border-radius:3px;overflow:hidden}body[data-project=a03] .case-hero__visual{border-radius:50% 50% 12px 12px}body[data-project=a03] .case-hero__visual img{padding:18px 24px}body[data-project=a03] .strategy{background:linear-gradient(145deg,#d6eff2,#eaf4f5)}
body[data-project=a04]{--paper:#151613;--ink:#f2f1e9;--muted:#b7b9af;--panel:#20211d;--line:#41443a;--deep:#080a08}body[data-project=a04] .case-hero__visual{border-bottom:7px solid var(--accent)}body[data-project=a04] h1,body[data-project=a04] .product-name{font-weight:900}body[data-project=a04] .section-meta{border-top:3px solid var(--accent)}body[data-project=a04] .palette i{border-radius:0}body[data-project=a04] .case-hero__kind{color:var(--accent)}
body[data-project=a05]{--paper:#fcf0e4;--ink:#291c16;--muted:#6d5043;--panel:#f1ddca;--line:#d9bdab;--deep:#1a1512}body[data-project=a05] .case-hero__visual{border-radius:120px 12px 12px 12px}body[data-project=a05] .product-name{font-family:Georgia,serif;font-size:clamp(20px,2vw,30px)}body[data-project=a05] .strategy{background:#211916;color:#fff2e4;--muted:#d6c4b6;--line:#735746}body[data-project=a05] .case-hero h1 span{font-style:italic}
body[data-project=a06]{--paper:#0e1110;--ink:#eef4f0;--muted:#b1beb6;--panel:#1a211d;--line:#36463d;--deep:#050a07}body[data-project=a06] .case-hero__visual{border:1px solid #3a4c40}body[data-project=a06] .case-hero__kind,body[data-project=a06] .section-meta{font-family:Consolas,monospace}body[data-project=a06] .strategy{background:linear-gradient(120deg,#19261e,#121714)}
body[data-project=a07]{--paper:#fffaf3;--ink:#292820;--muted:#696257;--panel:#f2e9dc;--line:#dcd1c0;--deep:#4e2c19}body[data-project=a07] .case-hero__visual{border-radius:20px}body[data-project=a07] .module-picker button{border-radius:30px}body[data-project=a07] .main-study{border-radius:20px}
body[data-project=a08]{--paper:#f6f3ee;--ink:#302d27;--muted:#70685d;--panel:#e9e3d9;--line:#d3cbbf;--deep:#3e342a}body[data-project=a08] h1,body[data-project=a08] h2,body[data-project=a08] .product-name{font-family:Georgia,"Noto Serif SC","Songti SC",SimSun,serif;font-weight:500;letter-spacing:-.035em}body[data-project=a08] .case-hero__visual{box-shadow:none;border:1px solid var(--line)}
body[data-project=a09]{--paper:#faf5f9;--ink:#382443;--muted:#78617f;--panel:#eee4ef;--line:#d8c6dd;--deep:#392146}body[data-project=a09] h1,body[data-project=a09] h2,body[data-project=a09] .product-name{font-family:Georgia,"Noto Serif SC","Songti SC",SimSun,serif;font-weight:500}body[data-project=a09] .case-hero__visual{border-radius:180px 180px 8px 8px}body[data-project=a09] .case-hero__visual img{padding:30px 18px 0}body[data-project=a09] .module-picker button{border-radius:28px}body[data-project=a09] .strategy{background:linear-gradient(130deg,#eee4ef,#e9eee5)}
@media(min-width:1800px){.case-hero{gap:100px}.case-hero__visual{max-width:640px;justify-self:end}.case-hero h1{font-size:78px}}
@media(max-width:1000px){.case-hero{gap:32px;min-height:0}.case-hero h1{font-size:42px}.case-facts{grid-template-columns:1fr 1fr}.overview-grid{gap:40px}.section-heading{gap:30px}.section-heading>p{width:40%}.strategy-grid{gap:40px}.process-grid{grid-template-columns:1fr 1fr}.palette{gap:10px}.palette i{width:32px;height:32px}}
@media(max-width:760px){.case-header{height:72px;gap:18px}.case-header nav{display:none}.case-hero{grid-template-columns:1fr;padding-block:48px;gap:38px}.case-hero h1{font-size:clamp(40px,9vw,62px)}.case-hero__visual{max-width:480px;width:100%;justify-self:center}.case-hero__summary{max-width:100%}.case-facts{gap:24px 16px}.case-facts strong{font-size:12px}.overview-grid,.strategy-grid,.main-study{grid-template-columns:1fr}.section-meta{margin-bottom:35px;letter-spacing:.07em;font-size:10px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{width:100%;max-width:none;margin-top:22px}.palette{justify-content:flex-start;margin-top:28px;gap:28px}.strategy-image{max-width:none}.main-study{gap:32px;padding:22px;margin-bottom:48px}.listing-grid{gap:32px;grid-template-columns:1fr}.gallery-topline{font-size:9px;letter-spacing:.05em}.module-picker{gap:8px}.module-picker button{padding:10px 13px;font-size:12px}.full-aplus summary{font-size:13px;gap:12px}.aplus-stack{gap:24px}.process-grid{gap:20px}.process-grid h3{font-size:20px}.process-grid p{font-size:13px}.case-hero__kind{font-size:10px}footer{gap:20px}.result h2{font-size:32px}.case-next [data-next]{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.aplus-series-label{margin:0 0 18px;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.13em}
.aplus-stack{display:flex;flex-direction:column;gap:0;padding:0}
.aplus-stack img{display:block;width:100%;max-width:100%;height:auto;margin:0;padding:0;flex:none}