/* A single photographic field: the copy and controls remain real HTML. */
.preview-note{padding-top:12px;padding-bottom:12px;font-size:11px}
.preview-detail{font-size:12px}
.site-header{height:104px}
.site-header .brand{font-size:40px}
.site-header .brand>img{width:45px;height:45px}
.site-header nav{font-size:16px}
.hero{position:relative;isolation:isolate;display:block;min-height:clamp(700px,57.2vw,940px);padding:clamp(78px,6.6vw,105px) 5% 82px;overflow:hidden;background:#151713}
.hero-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#151713}
.hero-photo{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 75%;transform:translate3d(var(--portrait-x,0px),var(--portrait-y,0px),0) scale(1.006);filter:brightness(var(--portrait-light,1));transform-origin:78% 45%}
.hero-copy{position:relative;width:59%;max-width:890px;padding:0}
.hero .eyebrow{font-size:12px;letter-spacing:.13em}
.hero h1{font-size:clamp(64px,6.8vw,108px);line-height:.97;letter-spacing:-.055em;margin-top:31px;white-space:nowrap}
.hero-description{font-size:clamp(16px,1.3vw,20px);line-height:1.65;max-width:590px;margin-top:49px;color:#d1d1c9}
.hero-actions{margin-top:30px;gap:32px;flex-wrap:nowrap}
.hero-actions .button{font-size:15px;min-height:60px;padding:17px 25px;gap:40px}
.hero-actions .text-button{font-size:14px}
.hero-actions .text-button span{margin-left:15px}
.hero .platform-line{margin-top:38px;gap:24px;color:var(--paper)}
.hero .platform-line .platform-brand{display:inline-flex;align-items:center;gap:13px;max-width:none;color:var(--paper);letter-spacing:0}
.hero .platform-line strong{font-size:15px;font-weight:500}
.hero .platform-line .line-divider{height:29px;background:#87887c}
.platform-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0}
.rednote-icon{background:#ff2442;border-radius:10px}
.rednote-icon img,.douyin-icon{filter:invert(1)}
.douyin-icon{width:31px;height:31px}
.portrait-credit{position:absolute;bottom:17px;right:24px;font-size:9px;letter-spacing:.015em;color:#deded6;text-shadow:0 1px 4px #000b;pointer-events:none}
.hero a:focus-visible,.hero button:focus-visible{outline-color:var(--acid)}
@media(min-width:1800px){.hero-copy{max-width:890px}.hero{padding-top:110px;padding-bottom:110px}.hero-description{max-width:620px}}
@media(max-width:1200px) and (min-width:801px){.hero{padding-top:78px;min-height:710px}.hero h1{font-size:7.05vw}.hero-copy{width:62%}.hero-description{max-width:440px;margin-top:30px;font-size:16px}.hero-actions{gap:22px;margin-top:28px}.hero-actions .button{padding:15px 20px;min-height:53px;font-size:12px}.hero-actions .text-button{font-size:12px}.hero .platform-line{margin-top:30px}}
@media(max-width:800px){
  .preview-note{font-size:8px;padding-top:8px;padding-bottom:8px}.preview-detail{font-size:9px}.site-header{height:79px}.site-header .brand{font-size:26px}.site-header .brand>img{width:32px;height:32px}
  .hero{display:flex;flex-direction:column;min-height:0;padding:0}
  .hero-copy{order:0;width:100%;max-width:none;padding:43px 6% 33px;background:#151713}
  .hero .eyebrow{font-size:9px}
  .hero h1{font-size:clamp(46px,7.9vw,66px);margin-top:24px;line-height:1.02;letter-spacing:-.06em;white-space:normal}
  .hero-description{font-size:14px;line-height:1.75;max-width:520px;margin-top:26px}
  .hero-actions{gap:24px;margin-top:26px;flex-wrap:wrap}
  .hero-actions .button{min-height:51px;font-size:12px;padding:14px 19px;gap:24px}
  .hero-actions .text-button{font-size:12px}
  .hero .platform-line{margin-top:29px;gap:21px}
  .hero .platform-line .platform-brand{gap:10px}
  .hero .platform-line strong{font-size:12px}
  .platform-icon{width:32px;height:32px}.rednote-icon{border-radius:7px}.rednote-icon img{width:22px;height:22px}.douyin-icon{width:26px;height:26px}
  .hero .platform-line .line-divider{height:24px}
  .hero-backdrop{order:1;position:relative;inset:auto;z-index:0;aspect-ratio:1.22;width:100%;height:auto;background:#151713}
  .hero-photo{position:absolute;inset:0;object-position:right 40%;transform:none;filter:none}
  .portrait-credit{z-index:1;right:15px;bottom:13px;font-size:8px}
}
@media(max-width:440px){.hero h1{font-size:clamp(39px,10.8vw,47px)}.hero-copy{padding-top:36px;padding-bottom:31px}.hero-description{font-size:13px}.hero-actions{gap:18px}.hero-actions .text-button{font-size:11px}.hero-actions .text-button span{margin-left:7px}.hero-backdrop{aspect-ratio:1.06;}.hero-photo{object-position:right 34%}}
@media(prefers-reduced-motion:reduce){.hero-photo{transform:none!important;filter:none!important}}