.skip-link{position: fixed; left: 20px; top: -90px; z-index: 200; background: var(--ink); color: white; padding: 12px 20px;}
.skip-link:focus{top: 12px;}

























.btn-text{color: var(--muted); background: transparent; padding: 10px 5px; font-weight: 500; text-decoration: underline; text-underline-offset: 4px;}







.hero-proof-wrap{margin-top: 36px; background: var(--paper-2); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}
.hero .hero-proof-wrap .wrap{display: block;}
.hero-proofs{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); padding: 0px;}
.hero-proofs > a{position: relative; min-width: 0px; padding: 22px 20px 22px 0px; display: flex; flex-direction: column; gap: 5px;}
.hero-proofs > a + a{border-left: 1px solid var(--line); padding-left: 26px;}
.proof-label{font-size: 10px; letter-spacing: 0.14em; color: var(--green);}
.hero-proofs strong{font: 600 17px/1.5 var(--sans); letter-spacing: -0.03em;}
.proof-detail{font-size: 11px; line-height: 1.8; color: var(--muted);}
.proof-arrow{position: absolute; right: 18px; top: 26px; font-size: 16px; color: var(--green);}
.hero-proofs a:hover strong{color: var(--green);}




.section-intro{font-size: 13px; color: var(--muted); margin-bottom: 25px; line-height: 1.9;}






.capability-link{display: flex; gap: 14px; justify-content: space-between; margin-top: auto; padding-top: 17px; font-size: 11px; color: var(--green);}
.capability-link:hover{text-decoration: underline; text-underline-offset: 4px;}
.scope-evidence{font-size: 13px; line-height: 1.95; color: var(--ink-soft); margin: 14px 0px;}




















.project-role{display: block; font: 500 12px/1.7 var(--sans); color: var(--green); letter-spacing: 0px; margin-top: 8px;}
.case p.project-summary{font-size: 13px; line-height: 1.95; margin-bottom: 16px;}
.case p.project-focus{font-size: 12px; line-height: 1.95; margin-bottom: 18px; color: var(--ink-soft);}
.project-contributions{display: grid; gap: 8px; margin: 0px 0px 20px;}
.project-contributions > div{display: grid; grid-template-columns: 90px minmax(0px, 1fr); gap: 12px; font-size: 12px; line-height: 1.9; padding-bottom: 8px; border-bottom: 1px solid var(--line);}
.project-contributions dt{color: var(--green); font-weight: 600;}
.project-contributions dd{color: var(--ink-soft);}
.case p.project-method{font-size: 11px; color: var(--green); line-height: 1.9; margin: 0px 0px 16px; padding: 10px 12px; background: rgb(232, 236, 227); border-radius: 3px;}
.project-method span{display: block; font-size: 10px; font-weight: 600; letter-spacing: 0.03em; margin-bottom: 3px;}
.project-results{display: flex; gap: 25px; flex-wrap: wrap; border-top: 1px solid var(--line-strong); padding-top: 15px; margin-bottom: 9px;}
.project-results > div{display: flex; flex-direction: column; gap: 5px;}
.project-results strong{font: 650 30px/1.2 var(--sans); letter-spacing: -0.04em; color: var(--green);}
.project-results span{font-size: 10px; color: var(--muted);}
.case p.project-context{font-size: 10px; color: var(--muted); line-height: 1.9; margin-bottom: 14px; max-width: 480px;}





































@media (min-width: 821px) and (max-width: 1100px){




.hero-proofs strong{font-size: 15px;}
.proof-arrow{display: none;}
.proof-detail{font-size: 10px;}
.hero-proofs > a + a{padding-left: 16px;}
.hero-proofs > a{padding-right: 12px;}


.project-results{gap: 18px;}}
@media (max-width: 820px){















.btn-text{font-size: 10px; padding: 9px 2px;}
.hero-proof-wrap{margin-top: 28px;}
.hero-proofs{grid-template-columns: 1fr 1fr;}
.hero-proofs > a{padding: 17px 12px 17px 0px; display: flex; gap: 5px; align-items: flex-start;}
.hero-proofs > a + a{border-left: 0px; padding-left: 0px;}
.hero-proofs > a:nth-child(2n){border-left: 1px solid var(--line); padding-left: 17px; padding-right: 0px;}
.hero-proofs > a:nth-child(n+3){border-top: 1px solid var(--line);}
.proof-label{font-size: 9px; letter-spacing: 0.03em;}
.hero-proofs strong{font-size: 14px; line-height: 1.6;}
.proof-detail{font-size: 10px; line-height: 1.8;}
.proof-arrow{display: none;}




.section-intro{font-size: 12px; margin-bottom: 19px; line-height: 1.9;}






















.project-role{font-size: 11px; margin-top: 7px;}
.case p.project-summary{font-size: 12px; line-height: 1.95;}
.project-contributions{gap: 7px; margin-bottom: 17px;}
.project-contributions > div{grid-template-columns: 80px minmax(0px, 1fr); gap: 10px; font-size: 12px;}
.project-contributions dt{font-size: 11px;}
.case p.project-method{font-size: 11px;}
.project-results{gap: 24px;}
.project-results strong{font-size: 29px;}
.project-results span{font-size: 10px;}
.case p.project-context{font-size: 10px; margin-bottom: 9px;}




















}
@media (max-width: 360px){
.btn-text{margin-left: 3px;}




}

 .hero .hero-actions{flex-wrap:wrap}.hero .btn-text{border:0;cursor:pointer}
 .hero .pitch{margin-bottom:22px}.hero-meta a:hover{text-decoration:underline}
 .hero-portrait .frame{border-radius:50%;aspect-ratio:1/1}
 .hero-portrait .tag{font-size:12px}
 .case>.case-notes{grid-column:1/-1;order:3;margin-top:0;padding-top:25px}
 .case-notes-body{max-width:none;padding-top:0;columns:2;column-gap:48px}
 .case-notes-body>*{break-inside:avoid}.case-notes-body p{margin-bottom:17px;font-size:14px;line-height:1.9}
 .case-notes-body h3{column-span:all;font:500 24px/1.6 var(--serif);margin:0 0 20px}
 .case-notes-body h4{font-size:15px;margin:20px 0 10px}.resume-excerpt{column-span:all;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:22px}
 .case .more-toggle{font-size:12px}.case>.more-body{order:4}.case-notes-body .resume-excerpt h4{margin-top:0}
 .showcase-heading h2{font-family:var(--serif);font-weight:500}
 .showcase .product-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0 44px}
 .product-feature{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--paper)}
 .product-feature>button{border:0;background:none;padding:0;width:100%;display:block;cursor:zoom-in}
 .product-feature>button img{width:100%;aspect-ratio:1200/760;object-fit:cover;display:block}
 .product-feature-copy{padding:25px 28px}.product-feature-copy h4{font:500 25px/1.5 var(--serif);margin:8px 0 12px}
 .product-feature-copy p{font-size:13px;line-height:1.9;color:var(--ink-soft)}
 .product-feature-copy .text-link{margin-top:17px;font-size:12px}
 .work-tile.new-work .tile-caption small:after{content:' · 本轮新增';color:var(--accent)}
 .showcase .folder-library .work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 @media(max-width:820px){.case-notes-body{columns:1}.showcase .product-pair{grid-template-columns:1fr}.showcase .folder-library .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-portrait{max-width:220px}.product-feature-copy{padding:22px}}
 @media print{.showcase{display:none!important}.case-notes-body{columns:1}.case>.case-notes{display:block}.hero-actions{display:none}}