:root{--ink:#163139;--deep:#102b31;--paper:#f4f8f7;--white:#fff;--muted:#526773;--line:#cbd6d6;--copper:#875238;--yellow:#f0edaf;--offset:86px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--offset)}body{margin:0;line-height:1.8}a{color:inherit}img{display:block;width:100%;height:auto}p,h1,h2,h3,h4,dl,dd,figure{margin:0}p+p{margin-top:16px}h1,h2,h3,h4{line-height:1.4;overflow-wrap:anywhere}p,dd,li{overflow-wrap:anywhere}a:focus-visible{outline:3px solid var(--copper);outline-offset:5px}section[tabindex]:focus-visible{outline:2px solid var(--copper);outline-offset:-6px}.skip-link{position:absolute;top:8px;left:12px;background:#fff;padding:10px 16px;z-index:9;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-head{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.head-inner{max-width:1440px;margin:auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:22px}.primary-nav{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;min-width:0}.primary-nav a{min-width:44px;min-height:44px;padding:9px 12px;text-decoration:none;font-size:14px;border:1px solid transparent;border-radius:4px;font-weight:550;transition:background-color .15s,color .15s}.primary-nav a:hover{color:var(--copper);background:#f6f0e9}.primary-nav a[aria-current]{color:var(--copper);background:#f3ece3;border-color:#ccb5a6}.wordmark{flex-shrink:0;font-size:24px;font-weight:750;letter-spacing:.1em;line-height:1.3}.head-static{position:static}
.wrap{max-width:1200px;padding:0 32px;margin:0 auto}.brand-hero{background:var(--deep);color:var(--paper);padding:62px 0 54px}.brand-copy{text-align:center;max-width:760px;margin:0 auto 38px}.official-label{color:var(--yellow);font-size:14px;letter-spacing:.16em;margin-bottom:18px}.brand-copy h1>span{display:block;font-size:clamp(54px,7.3vw,106px);font-weight:780;letter-spacing:.15em;padding-left:.15em;line-height:1.18}.brand-copy h1>small{display:block;font-size:clamp(19px,2vw,25px);font-weight:500;letter-spacing:.025em;margin-top:16px}.brand-intro{font-size:17px;line-height:1.9;margin-top:24px!important;color:#d6e3e5}.brand-slogan{font-size:19px;color:var(--yellow);margin-top:20px!important}.hero-work{max-width:940px;margin:auto;background:#fff;color:var(--ink)}.hero-work .visual{max-width:820px;margin:auto}.hero-work-copy{padding:24px 32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:28px;border-top:1px solid var(--line)}.hero-work-copy h2{font-size:23px}.hero-work-copy .plot{font-family:"Songti SC",SimSun,serif;font-size:17px}.work-tags{font-size:13px;color:var(--muted);line-height:1.8;margin-top:8px}.visual{position:relative;min-width:0}.work-image{display:block;position:relative;min-width:44px;min-height:44px;box-shadow:0 0 0 1px var(--line);outline-offset:5px;-webkit-tap-highlight-color:#ac68445c;transition:box-shadow .15s}.work-image:hover{box-shadow:0 0 0 3px var(--copper)}.work-image:active,.work-image.is-pressed{box-shadow:0 0 0 4px var(--copper)}.count-badge{position:absolute;bottom:8px;left:8px;background:#102b31ed;color:#fff;font-size:12px;line-height:1.6;font-weight:650;padding:4px 7px;border:1px solid #cbb69b;pointer-events:none;font-variant-numeric:tabular-nums}
.section{padding:62px 0;border-bottom:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:34px;margin-bottom:32px}.section-heading h2{font-size:30px;font-weight:600}.section-heading h2 span{display:block;font-size:15px;font-weight:450;color:var(--muted);margin-top:8px}.section-heading p{color:var(--muted);font-size:15px;max-width:620px}.web-section{background:#fff}.web-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:0}.web-piece{padding:0 26px;border-left:1px solid var(--line)}.web-piece:first-child{padding-left:0;border-left:0}.web-piece h3{font-size:18px;margin-bottom:10px}.web-piece p{font-size:15px;color:var(--muted)}.service-note{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;color:var(--muted);font-size:14px}.app-section{background:#eaf0f1}.app-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:44px;align-items:start}.app-intro h2{font-size:30px;font-weight:600}.app-intro .app-lead{font-size:20px;font-weight:550;margin:12px 0 18px}.app-intro>p{font-size:15px;line-height:1.85;color:var(--muted)}.features{display:flex;flex-wrap:wrap;gap:6px 22px;margin:22px 0;color:var(--ink);font-size:14px}.app-product{display:grid;grid-template-columns:126px minmax(0,1fr);gap:24px;align-items:start}.app-details>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #c1cfd2;font-size:14px;line-height:1.7}.app-details>div:first-child{padding-top:0}.app-details dt{color:var(--muted)}.app-details dd{font-weight:550}.app-image{width:126px}.app-product .app-details{min-width:0}
.selection-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:42px}.selection-main{display:grid;grid-template-columns:176px minmax(0,1fr);gap:24px;align-items:start}.selection-main h3,.selection-secondary h3{font-size:24px;margin:10px 0 14px}.selection-copy .plot{font-family:"Songti SC",SimSun,serif;font-size:18px;line-height:1.85}.selection-copy .reason{font-size:14px;color:var(--muted);margin-top:16px}.selection-secondary .visual{max-width:440px}.selection-secondary .plot{font-size:15px;color:var(--muted)}.brief-facts{margin-top:20px;font-size:13px;color:var(--copper);font-variant-numeric:tabular-nums}.themes-section{padding-bottom:34px}.theme-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;padding:26px 0;border-top:1px solid var(--line)}.theme-row h3{font-size:20px;font-weight:550}.theme-row p{font-size:15px;color:var(--muted)}.theme-names{margin-top:14px!important;font-size:14px!important;color:var(--ink)!important}
.catalog-section{padding-top:54px}.catalog-note{font-size:14px;color:var(--muted);max-width:790px;margin-bottom:34px}.catalog-group{display:grid;grid-template-columns:215px minmax(0,1fr);gap:38px;padding:40px 0;border-top:2px solid var(--ink)}.group-intro h3{font-size:24px;font-weight:600}.group-intro p{font-size:14px;color:var(--muted);margin-top:16px}.group-intro .group-count{font-size:13px;color:var(--copper);margin-top:9px}.work-lane{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px}.work-entry{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:start;border-top:1px solid var(--line);padding-top:18px;min-width:0}.work-entry:nth-child(-n+2){border-top:0;padding-top:0}.work-entry h4{font-size:17px;font-weight:650}.work-entry .work-tags{font-size:12px;margin-top:6px;color:#49606c}.work-entry .summary{font-size:13px;line-height:1.9;margin-top:10px;color:var(--muted)}.work-stats{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px 16px;font-size:12px;line-height:1.8;font-variant-numeric:tabular-nums;color:var(--muted)}.work-stats div{display:flex;gap:6px}.work-stats dd{font-weight:650;color:var(--ink)}
.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 44px}.faq-grid article{border-top:1px solid var(--line);padding-top:18px}.faq-grid h3{font-size:18px;font-weight:600}.faq-grid p{font-size:14px;color:var(--muted);margin-top:12px}.brand-footer{background:var(--deep);color:var(--paper);padding:52px 0 28px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.footer-grid h2{font-size:31px;font-weight:600}.footer-grid h3{font-size:19px;font-weight:550}.footer-grid p{font-size:14px;color:#d1dfe2;margin-top:17px}.footer-bottom{margin-top:36px;border-top:1px solid #62777c;padding-top:22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 28px;color:#d1dfe2;font-size:13px}
.brand-hero .work-image:focus-visible,.brand-hero[tabindex]:focus-visible,.brand-footer[tabindex]:focus-visible{outline-color:var(--yellow)}.brand-hero .work-image:hover{box-shadow:0 0 0 3px var(--yellow)}.brand-hero .work-image:active,.brand-hero .work-image.is-pressed{box-shadow:0 0 0 4px var(--yellow)}
.group-intro{align-self:start}.group-intro.context-sticky{position:sticky;top:calc(var(--offset) + 12px)}
@media(min-width:1441px){.head-inner{padding-inline:64px}}
@media(max-width:1200px){.head-inner{padding:12px 24px;gap:14px}.primary-nav a{padding:8px 9px;font-size:13px}.wordmark{font-size:20px}.catalog-group{grid-template-columns:176px minmax(0,1fr);gap:26px}.selection-main{grid-template-columns:148px minmax(0,1fr);gap:20px}}
@media(max-width:980px){.site-head{position:static}.head-inner{align-items:start}.primary-nav{max-width:calc(100% - 150px)}.wordmark{padding-top:12px}.catalog-group{grid-template-columns:1fr;gap:26px}.group-intro{display:grid;grid-template-columns:180px minmax(0,1fr);gap:4px 26px}.group-intro .group-count{grid-row:2}.group-intro>p:not(.group-count){grid-column:2;grid-row:1/3;margin-top:0}.selection-grid{gap:30px}.selection-main{display:block}.selection-main .visual{width:154px;float:left;margin:0 22px 10px 0}.selection-main:after{content:"";display:block;clear:both}.app-grid{gap:28px}.app-product{grid-template-columns:115px minmax(0,1fr);gap:18px}.app-image{width:115px}}
@media(max-width:680px){.wrap{padding:0 20px}.head-inner{padding:14px 20px;gap:16px}.primary-nav{max-width:calc(100% - 122px);gap:4px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:1}.primary-nav a{padding:8px 6px;font-size:12px;text-align:center;display:flex;align-items:center;justify-content:center}.wordmark{font-size:17px;letter-spacing:.04em;max-width:110px;overflow-wrap:anywhere}.brand-hero{padding:37px 0 30px}.brand-copy{margin-bottom:28px}.official-label{font-size:12px}.brand-copy h1>span{font-size:clamp(41px,12vw,68px);letter-spacing:.08em;padding-left:.08em}.brand-copy h1>small{font-size:19px}.brand-intro{font-size:15px}.brand-slogan{font-size:17px}.hero-work-copy{grid-template-columns:1fr;padding:22px 20px;gap:14px}.hero-work-copy h2{font-size:21px}.hero-work-copy .plot{font-size:16px}.section{padding:38px 0}.section-heading{grid-template-columns:1fr;gap:17px;margin-bottom:25px}.section-heading h2,.app-intro h2{font-size:26px}.web-grid{grid-template-columns:1fr;gap:20px}.web-piece,.web-piece:first-child{padding:0 0 20px;border-left:0;border-bottom:1px solid var(--line)}.web-piece:last-child{border-bottom:0;padding-bottom:0}.service-note{margin-top:20px}.app-grid{grid-template-columns:1fr;gap:24px}.app-intro .app-lead{font-size:18px}.app-product{grid-template-columns:116px minmax(0,1fr);gap:20px}.app-image{width:116px}.app-details>div{grid-template-columns:1fr;gap:2px;padding:9px 0;font-size:13px;line-height:1.6}.app-details dt{font-size:11px}.features{margin:17px 0}.selection-grid{grid-template-columns:1fr;gap:32px}.selection-main{display:grid;grid-template-columns:116px minmax(0,1fr);gap:18px}.selection-main .visual{float:none;width:100%;margin:0}.selection-main h3,.selection-secondary h3{font-size:21px;margin-top:6px}.selection-copy .plot{font-size:16px}.selection-copy .reason{font-size:13px}.selection-secondary{border-top:1px solid var(--line);padding-top:28px}.selection-secondary .visual{max-width:none}.theme-row{grid-template-columns:1fr;gap:12px;padding:22px 0}.group-intro{display:block}.group-intro>p:not(.group-count){margin-top:14px}.catalog-group{padding:30px 0;gap:20px}.work-lane{grid-template-columns:1fr;gap:22px}.work-entry{grid-template-columns:94px minmax(0,1fr);gap:14px}.work-entry:nth-child(2){border-top:1px solid var(--line);padding-top:18px}.work-entry h4{font-size:17px}.work-entry .summary{font-size:13px}.work-entry .work-tags{font-size:12px}.work-stats{font-size:12px;gap:4px 13px}.faq-grid{grid-template-columns:1fr;gap:23px}.footer-grid{grid-template-columns:1fr;gap:27px}.brand-footer{padding-top:37px}.footer-bottom{margin-top:27px;justify-content:flex-start}}
@media(max-width:360px){.wrap,.head-inner{padding-inline:16px}.head-inner{gap:8px}.wordmark{max-width:91px;font-size:16px}.primary-nav{max-width:calc(100% - 99px)}.primary-nav a{font-size:12px;padding-inline:2px}.brand-copy h1>span{font-size:40px}.selection-main{grid-template-columns:94px minmax(0,1fr);gap:15px}.app-product{grid-template-columns:100px minmax(0,1fr);gap:15px}.app-image{width:100px}}
@media(max-height:650px){.site-head{position:static}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}