:root{--ink:#17191c;--muted:#6f6b63;--paper:#f5efe5;--cream:#fffaf1;--dark:#111316;--line:rgba(25,27,31,.14);--amber:#d99a3c;--copper:#a95732}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.68}a{color:inherit;text-decoration:none}img{max-width:100%}.case-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 max(18px,calc((100% - 1160px)/2));color:#f6f1e8;background:rgba(17,19,22,.96);box-shadow:0 10px 28px rgba(0,0,0,.2);backdrop-filter:blur(16px)}.case-brand{display:flex;align-items:center;gap:11px}.case-brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;color:#17110a;background:linear-gradient(135deg,#ffd28a,var(--amber));font-weight:950}.case-brand>span:last-child{display:grid;line-height:1.12}.case-brand strong{font-size:15px}.case-brand small{color:rgba(246,241,232,.65);font-size:10px;text-transform:uppercase}.case-header nav{display:flex;gap:28px;font-size:14px;font-weight:800}.case-header nav a{padding:8px 0;border-bottom:2px solid transparent}.case-header nav a:hover,.case-header nav a.is-active{border-color:var(--amber)}.archive-intro{color:#f6f1e8;background:var(--dark)}.archive-intro>div,.archive-content,.case-detail,.case-footer{width:min(1160px,calc(100% - 36px));margin:0 auto}.archive-intro>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.72fr);min-height:330px;padding:64px 0 52px;align-items:end;gap:50px}.archive-kicker{margin:0;color:#f0aa42;font-size:13px;font-weight:900}.archive-intro h1{margin:8px 0 14px;font-size:clamp(44px,7vw,74px);line-height:1;letter-spacing:0}.archive-intro>div>p:last-of-type{max-width:690px;margin:0;color:rgba(246,241,232,.74);font-size:17px}.archive-intro dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;overflow:hidden;border:1px solid rgba(246,241,232,.16);border-radius:8px;background:rgba(246,241,232,.16)}.archive-intro dl div{padding:18px;background:#1a1d21}.archive-intro dt{color:#ffd18a;font-size:30px;font-weight:950;line-height:1}.archive-intro dd{margin:5px 0 0;color:rgba(246,241,232,.68);font-size:13px;font-weight:750}.archive-content{padding:42px 0 90px}.case-filters{display:flex;flex-wrap:wrap;gap:8px}.case-filters button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--cream);font:inherit;font-size:14px;font-weight:850;cursor:pointer}.case-filters button span{color:var(--muted);font-size:12px}.case-filters button.is-active{color:#fff;background:var(--copper);border-color:var(--copper)}.case-filters button.is-active span{color:rgba(255,255,255,.76)}.case-results{margin:18px 0 22px;color:var(--muted);font-size:14px}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.case-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--cream);box-shadow:0 16px 38px rgba(25,27,31,.08)}.case-card[hidden]{display:none}.case-card-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#262a30}.case-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.case-card:hover .case-card-media img{transform:scale(1.025)}.case-card-media>span{position:absolute;left:12px;bottom:12px;padding:5px 9px;border-radius:6px;color:#fff;background:rgba(17,19,22,.82);font-size:12px;font-weight:850}.case-card-body{padding:20px}.case-card time{color:var(--copper);font-size:12px;font-weight:850}.case-card h2{min-height:3.1em;margin:8px 0 10px;font-size:20px;line-height:1.42;letter-spacing:0}.case-card p{display:-webkit-box;min-height:4.7em;margin:0;color:var(--muted);font-size:14px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.case-card-link{display:inline-flex;gap:8px;margin-top:18px;font-size:14px;font-weight:900}.case-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:34px;padding-bottom:34px;color:#f6f1e8}.case-footer::before{position:absolute;right:0;left:0;z-index:-1;height:140px;content:"";background:#08090a}.case-footer p{margin:5px 0 0;color:rgba(246,241,232,.62);font-size:13px}.case-footer>a{padding:11px 16px;border:1px solid rgba(246,241,232,.3);border-radius:8px;font-weight:850}.detail-main{padding:54px 0 90px}.case-detail{max-width:900px}.detail-back{display:inline-block;margin-bottom:26px;color:var(--copper);font-size:14px;font-weight:850}.detail-heading{max-width:820px}.detail-heading>p:first-child{display:flex;align-items:center;gap:12px;margin:0;color:var(--muted);font-size:13px}.detail-heading>p:first-child span{padding:4px 8px;border-radius:6px;color:#fff;background:var(--copper);font-weight:850}.detail-heading h1{margin:14px 0 18px;font-size:clamp(34px,5vw,58px);line-height:1.14;letter-spacing:0;overflow-wrap:anywhere}.detail-lead{margin:0;color:var(--muted);font-size:18px}.detail-cover{display:block;width:100%;max-height:620px;margin:36px 0;object-fit:cover;border-radius:8px;background:#262a30}.detail-content{max-width:780px;margin:0 auto;font-size:17px;line-height:1.9}.detail-content p{margin:0 0 1.35em}.detail-content h2{margin:1.8em 0 .65em;font-size:28px;line-height:1.3;letter-spacing:0}.detail-content figure{margin:32px 0}.detail-content figure img{display:block;width:100%;border-radius:8px}.detail-content blockquote{margin:24px 0;padding:16px 20px;border-left:4px solid var(--amber);background:#fffaf1}.source-note{display:flex;align-items:center;justify-content:space-between;gap:26px;max-width:780px;margin:50px auto 0;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fffaf1}.source-note p{margin:4px 0 0;color:var(--muted);font-size:13px}.source-note>a{flex:0 0 auto;padding:10px 14px;border-radius:8px;color:#fff;background:var(--copper);font-size:14px;font-weight:850}.detail-pagination{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:44px}.detail-pagination a{display:grid;gap:6px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fffaf1}.detail-pagination small{color:var(--copper);font-weight:850}.detail-pagination strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.detail-pagination a:last-child{text-align:right}@media(max-width:860px){.archive-intro>div{grid-template-columns:1fr;min-height:0;padding:54px 0 40px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-header nav{gap:16px}.case-header nav a:first-child{display:none}}@media(max-width:620px){.case-header{min-height:64px;padding:0 16px}.case-brand small,.case-header nav a:not(.is-active):not(:last-child){display:none}.case-header nav{gap:12px}.archive-intro>div,.archive-content,.case-detail,.case-footer{width:min(100% - 28px,1160px)}.archive-intro h1{font-size:44px}.archive-intro dl{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-content{padding-top:28px}.case-grid{grid-template-columns:1fr}.case-card h2{min-height:0}.detail-main{padding:34px 0 70px}.detail-heading h1{font-size:34px}.detail-cover{margin:28px 0}.detail-content{font-size:16px}.detail-content h2{font-size:24px}.source-note{align-items:stretch;flex-direction:column}.source-note>a{text-align:center}.detail-pagination{grid-template-columns:1fr}.detail-pagination a:last-child{text-align:left}.case-footer{align-items:flex-start;flex-direction:column}.case-footer::before{height:220px}}
.archive-intro > div {
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, 0.72fr);
  min-height: 430px;
  align-items: center;
  gap: 64px;
}
.archive-copy {
  max-width: 680px;
}
.archive-copy > p:not(.archive-kicker) {
  max-width: 650px;
  margin: 0;
  color: rgba(246, 241, 232, 0.74);
  font-size: 17px;
}
.archive-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}
.archive-actions a {
  padding: 11px 16px;
  border: 1px solid rgba(246, 241, 232, 0.28);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 850;
}
.archive-actions a:first-child {
  border-color: var(--amber);
  color: #17110a;
  background: var(--amber);
}
.case-footer {
  position: relative;
  z-index: 0;
  display: grid;
  grid-template-columns: minmax(210px, 0.85fr) minmax(320px, 1.45fr) auto;
  align-items: start;
  gap: 34px;
}
.case-footer::before {
  top: 0;
  right: auto;
  bottom: 0;
  left: 50%;
  width: 100vw;
  height: auto;
  transform: translateX(-50%);
}
.case-footer-business {
  display: grid;
  gap: 4px;
}
.case-footer-contact {
  display: grid;
  gap: 8px;
  font-style: normal;
}
.case-footer-contact p {
  overflow-wrap: anywhere;
}
.case-footer-contact span {
  display: block;
  color: rgba(246, 241, 232, 0.46);
  font-size: 11px;
  font-weight: 850;
}
.case-footer-contact a:hover,
.case-icp:hover {
  color: #ffd18a;
}
.case-footer-actions {
  display: grid;
  justify-items: start;
  gap: 14px;
}
.case-brand-name {
  display: flex;
  align-items: baseline;
  gap: 7px;
  white-space: nowrap;
}
.case-brand-name b {
  color: #ffd18a;
  font-size: 11px;
}
.case-brand small {
  text-transform: none;
}
.case-page-links {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 12px;
  max-width: 250px;
  font-size: 12px;
  font-weight: 800;
}
.case-page-links a:hover {
  color: #ffd18a;
}
.case-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.case-social {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 850;
}
.case-social img {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  background: #fff;
  object-fit: contain;
}
.case-appointment {
  padding: 10px 14px;
  border: 1px solid rgba(246, 241, 232, 0.3);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 850;
}
.source-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}
.source-actions a {
  padding: 10px 14px;
  border: 1px solid var(--copper);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 850;
  text-align: center;
}
.source-original {
  color: var(--copper);
  background: transparent;
}
.source-consult {
  color: #fff;
  background: var(--copper);
}
@media (max-width: 860px) {
  .archive-intro > div {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 54px 0 42px;
    gap: 34px;
  }
  .archive-intro dl {
    width: 100%;
  }
  .case-footer {
    grid-template-columns: 1fr 1.35fr;
  }
  .case-footer-actions {
    grid-column: 1 / -1;
  }
}
@media (max-width: 620px) {
  .case-brand small {
    display: block;
    font-size: 9px;
  }
  .archive-copy > p:not(.archive-kicker) {
    font-size: 15px;
  }
  .archive-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .archive-actions a {
    text-align: center;
  }
  .case-footer {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .case-footer-actions {
    grid-column: auto;
  }
  .source-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
}