:root {
  --ink: #151515;
  --ink-soft: #242320;
  --paper: #f3efe7;
  --paper-bright: #fbf9f4;
  --acid: #d8ff55;
  --orange: #f46b3b;
  --muted: #8d887f;
  --line-dark: rgba(255,255,255,.16);
  --line-light: rgba(21,21,21,.16);
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  min-height: 100vh;
  color: var(--ink);
  background: var(--paper);
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  overflow-x: hidden;
}
button, input { font: inherit; }
button, a, [onclick] { -webkit-tap-highlight-color: transparent; }
img { display: block; }
.page-shell { width: 100%; overflow: hidden; }

/* Navigation */
.site-nav {
  min-height: 88px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 2rem;
  padding: 0 clamp(1.25rem,4vw,4.5rem);
  color: white;
  background: var(--ink);
  border-bottom: 1px solid var(--line-dark);
}
.brand { display: inline-flex; align-items: center; gap: .85rem; color: inherit; text-decoration: none; width: max-content; }
.brand-symbol {
  width: 42px; height: 42px; display: grid; place-items: center;
  color: var(--ink); background: var(--acid); border-radius: 50%;
  font: italic 700 1.25rem Georgia, serif;
}
.brand-text { display: flex; flex-direction: column; gap: .15rem; }
.brand-text b { font: 600 1rem/1.2 "Songti SC", serif; letter-spacing: .1em; }
.brand-text small { color: #a9a59e; font-size: .55rem; letter-spacing: .13em; }
.nav-links { display: flex; gap: clamp(1.5rem,3vw,3.25rem); }
.nav-links a { color: #bdb9b1; text-decoration: none; font-size: .78rem; transition: color .2s; }
.nav-links a:hover { color: var(--acid); }
.nav-actions { justify-self: end; display: flex; align-items: center; gap: 1rem; }
.auth-btn { color: #77736d; font-size: .7rem; cursor: pointer; }
.nav-cta, .save-btn {
  display: inline-flex; align-items: center; gap: 1.2rem;
  color: var(--ink); background: var(--acid); border: 0; border-radius: 999px;
  padding: .72rem 1rem .72rem 1.15rem; text-decoration: none; font-size: .76rem; font-weight: 700;
  cursor: pointer; transition: transform .2s, background .2s;
}
.nav-cta span { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: white; }
.nav-cta:hover, .save-btn:hover { transform: translateY(-2px); background: white; }

/* Hero */
.hero {
  min-height: calc(100vh - 88px);
  display: grid;
  grid-template-columns: minmax(22rem,.78fr) minmax(0,1.22fr);
  background: var(--ink);
  color: white;
}
.hero-copy {
  position: relative; z-index: 2;
  display: flex; flex-direction: column; justify-content: center;
  padding: clamp(3rem,6vw,7rem) clamp(1.25rem,4vw,4.5rem);
}
.eyebrow { display: flex; align-items: center; gap: .75rem; color: #96928a; font-size: .62rem; font-weight: 700; letter-spacing: .19em; }
.eyebrow span { width: 34px; height: 1px; background: var(--acid); }
.hero h1 {
  margin: clamp(1.8rem,4vw,3.5rem) 0 1.5rem;
  font: 600 clamp(3.8rem,7.3vw,7.6rem)/.92 "PingFang SC", "Microsoft YaHei", sans-serif;
  letter-spacing: -.075em;
}
.hero h1 em { position: relative; color: var(--acid); font-style: normal; font-family: "Songti SC", "STSong", serif; font-weight: 500; }
.hero h1 em::after { content: ""; position: absolute; left: 0; right: .08em; bottom: -.03em; height: .06em; background: var(--acid); transform: rotate(-1.5deg); }
.hero-description { max-width: 28rem; color: #aaa69f; font-size: .92rem; line-height: 1.9; }
.hero-links { display: flex; align-items: center; gap: 1.8rem; margin-top: 2rem; }
.primary-link {
  display: inline-flex; align-items: center; gap: 1.2rem; color: var(--ink); background: white;
  padding: .85rem 1rem .85rem 1.25rem; border-radius: 999px; text-decoration: none; font-size: .8rem; font-weight: 700;
  transition: transform .2s, background .2s;
}
.primary-link span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--orange); }
.primary-link:hover { background: var(--acid); transform: translateY(-2px); }
.text-link { color: #b5b0a8; font-size: .76rem; text-underline-offset: .35rem; }
.hero-meta { display: grid; grid-template-columns: repeat(3,1fr); gap: .75rem; margin-top: clamp(3rem,7vw,6rem); padding-top: 1.25rem; border-top: 1px solid var(--line-dark); }
.hero-meta div { display: flex; align-items: center; gap: .65rem; }
.hero-meta strong { color: var(--acid); font: 500 .72rem Georgia,serif; }
.hero-meta span { color: #918d86; font-size: .67rem; }

.hero-visual { position: relative; min-width: 0; padding: clamp(1.2rem,3vw,2.5rem) clamp(1.2rem,3vw,2.5rem) clamp(1.2rem,3vw,2.5rem) 0; }
.main-video-box { position: relative; width: 100%; height: 100%; min-height: 650px; overflow: hidden; cursor: pointer; background: #33312e; }
.main-video-box img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.88) contrast(1.03); transition: transform 1s cubic-bezier(.18,.7,.2,1); }
.main-video-box:hover img { transform: scale(1.025); }
.image-shade { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg,rgba(0,0,0,.02) 45%,rgba(0,0,0,.62)); }
.hero-caption { position: absolute; left: 1.5rem; right: 1.5rem; bottom: 1.4rem; display: flex; justify-content: space-between; align-items: center; color: white; font-size: .61rem; letter-spacing: .16em; }
.hero-caption b { font-weight: 500; color: #d9d4cc; }
.floating-note { position: absolute; left: -3rem; top: 13%; width: 150px; padding: 1.2rem; color: var(--ink); background: var(--acid); box-shadow: 0 18px 50px rgba(0,0,0,.22); transform: rotate(-3deg); }
.floating-note span { font: 700 .6rem/1 sans-serif; letter-spacing: .2em; }
.floating-note p { margin-top: 1rem; font: 600 1rem/1.55 "Songti SC",serif; }
.hero-number { position: absolute; right: .7rem; top: 45%; color: rgba(255,255,255,.26); font: italic 500 clamp(4rem,8vw,8rem)/1 Georgia,serif; writing-mode: vertical-rl; }
.placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #77736c; background: #302f2c; font-size: .78rem; letter-spacing: .12em; }

/* Brand strip */
.studio-strip {
  min-height: 120px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2rem;
  padding: 1.5rem clamp(1.25rem,4vw,4.5rem); background: var(--acid); border-bottom: 1px solid var(--ink);
}
.studio-strip > p { font-size: .58rem; font-weight: 800; letter-spacing: .18em; }
.studio-strip > p:last-child { text-align: right; }
.marquee-line { display: flex; align-items: center; gap: clamp(1rem,3vw,3rem); font: 600 clamp(1.5rem,3vw,3rem)/1 "Songti SC",serif; white-space: nowrap; }
.marquee-line i { color: var(--orange); font-style: normal; font-size: .65em; }

/* Shared section */
.moments-section, .works-section { padding: clamp(5rem,10vw,10rem) clamp(1.25rem,4vw,4.5rem); }
.section-intro, .works-top { display: grid; grid-template-columns: 1.25fr .75fr; align-items: end; gap: 3rem; margin-bottom: clamp(2.5rem,5vw,5rem); }
.section-label { margin-bottom: 1.2rem; color: var(--orange); font-size: .62rem; font-weight: 800; letter-spacing: .18em; }
.section-intro h2, .works-top h2 { font: 600 clamp(2.8rem,6vw,6rem)/1.03 "PingFang SC",sans-serif; letter-spacing: -.07em; }
.section-intro h2 { max-width: 12em; }
.section-copy, .works-controls > p { max-width: 28rem; justify-self: end; color: #6e6a63; line-height: 1.9; font-size: .9rem; }

/* Highlights */
.highlights-container { display: grid; grid-template-columns: 1.12fr .88fr .88fr 1.12fr; gap: clamp(.5rem,1.2vw,1rem); align-items: end; }
.highlight-item { position: relative; overflow: hidden; cursor: pointer; background: #d3cec4; }
.highlight-item:nth-child(1), .highlight-item:nth-child(4) { aspect-ratio: 3/4; }
.highlight-item:nth-child(2), .highlight-item:nth-child(3) { aspect-ratio: 4/5; margin-bottom: 2.5rem; }
.highlight-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.7,.2,1), filter .4s; }
.highlight-item:hover img { transform: scale(1.04); filter: saturate(1.1); }
.highlight-item > span { position: absolute; right: .75rem; bottom: .65rem; width: 32px; height: 32px; display: grid; place-items: center; color: var(--ink); background: var(--acid); border-radius: 50%; font: 700 .62rem Georgia,serif; }

/* Quote */
.quote-section { position: relative; min-height: 480px; display: grid; place-items: center; padding: 5rem 1.5rem; overflow: hidden; color: white; background: var(--orange); text-align: center; }
.quote-section::before, .quote-section::after { content: ""; position: absolute; width: 260px; height: 260px; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; }
.quote-section::before { left: -90px; top: -80px; }
.quote-section::after { right: -70px; bottom: -90px; }
.quote-section p { position: relative; z-index: 1; font: 500 clamp(2.3rem,5vw,5rem)/1.25 "Songti SC",serif; }
.quote-mark { position: absolute; left: 50%; top: .8rem; transform: translateX(-50%); color: rgba(255,255,255,.24); font: 10rem/1 Georgia,serif; }
.quote-section small { position: absolute; bottom: 2rem; letter-spacing: .2em; font-size: .55rem; }

/* Works */
.works-section { color: white; background: var(--ink-soft); }
.works-top h2 em { color: var(--acid); font-family: "Songti SC",serif; font-style: normal; font-weight: 500; }
.works-controls { justify-self: end; }
.works-controls > p { color: #9c9891; }
.tabs-bar { display: flex; gap: .6rem; margin-top: 1.5rem; }
.tab-item { padding: .65rem 1rem; border: 1px solid var(--line-dark); border-radius: 999px; cursor: pointer; transition: background .2s,color .2s,border .2s; }
.tab-text { color: #a9a59e; font-size: .72rem; }
.tab-item:hover, .tab-item.active { color: var(--ink); background: var(--acid); border-color: var(--acid); }
.tab-item.active .tab-text, .tab-item:hover .tab-text { color: var(--ink); }
.works-grid { display: grid; grid-template-columns: repeat(12,1fr); gap: clamp(.5rem,1vw,.85rem); }
.work-item { position: relative; grid-column: span 4; aspect-ratio: 4/5; overflow: hidden; cursor: pointer; background: #34332f; }
.work-item:nth-child(6n + 1), .work-item:nth-child(6n + 5) { grid-column: span 7; aspect-ratio: 6/4; }
.work-item:nth-child(6n + 2), .work-item:nth-child(6n + 6) { grid-column: span 5; aspect-ratio: 5/6; }
.work-item:nth-child(6n + 3), .work-item:nth-child(6n + 4) { grid-column: span 6; aspect-ratio: 6/5; }
.work-cover-img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1),filter .3s; }
.work-item::after { content: "VIEW STORY ↗"; position: absolute; left: .8rem; bottom: .8rem; padding: .5rem .7rem; color: var(--ink); background: var(--acid); font-size: .52rem; font-weight: 800; letter-spacing: .1em; opacity: 0; transform: translateY(8px); transition: .25s; }
.work-item:hover .work-cover-img { transform: scale(1.03); filter: brightness(.86); }
.work-item:hover::after { opacity: 1; transform: translateY(0); }
.work-item.empty::after { display: none; }
.work-placeholder { color: #77736c; }
.load-more-container { display: flex; justify-content: center; margin-top: 3rem; }
.load-more-btn { display: inline-flex; align-items: center; gap: 1.2rem; padding: .9rem 1.25rem; color: white; background: transparent; border: 1px solid var(--line-dark); border-radius: 999px; font-size: .76rem; cursor: pointer; transition: .2s; }
.load-more-btn:hover { color: var(--ink); background: var(--acid); border-color: var(--acid); }
.arrow-down { transition: transform .2s; }.load-more-btn:hover .arrow-down { transform: translateY(3px); }

/* Closing */
.closing-banner { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 3rem; padding: clamp(4rem,8vw,8rem) clamp(1.25rem,4vw,4.5rem); background: var(--paper-bright); }
.closing-banner p { color: var(--orange); font-size: .6rem; font-weight: 800; letter-spacing: .18em; }
.closing-banner h2 { margin-top: 1rem; font: 600 clamp(2.8rem,6vw,6.5rem)/1.02 sans-serif; letter-spacing: -.075em; }
.closing-banner a { width: 180px; aspect-ratio: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 1.4rem; color: var(--ink); background: var(--acid); text-decoration: none; transition: transform .25s; }
.closing-banner a:hover { transform: rotate(2deg) scale(1.02); }
.closing-banner a span { font-size: .82rem; font-weight: 700; }.closing-banner a b { align-self: end; font-size: 2.2rem; font-weight: 400; }
.site-footer { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; padding: 1.5rem clamp(1.25rem,4vw,4.5rem); color: #8f8b83; background: var(--ink); font-size: .62rem; letter-spacing: .08em; }
.footer-brand { display: flex; align-items: center; gap: .7rem; color: white; }.footer-brand .brand-symbol { width: 30px;height:30px;font-size:.9rem; }.site-footer p:nth-child(2){text-align:center}.site-footer p:last-child{text-align:right}

/* Modals */
.modal-overlay { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 1rem; background: rgba(12,12,11,.78); backdrop-filter: blur(10px); }
.modal-content { position: relative; width: min(520px,100%); max-height: 90vh; overflow-y: auto; padding: 2rem; color: var(--ink); background: var(--paper-bright); box-shadow: 0 30px 90px rgba(0,0,0,.35); }
.modal-close { position: absolute; top: .8rem; right: .8rem; width: 34px; height: 34px; border: 0; border-radius: 50%; color: white; background: var(--ink); font-size: 1.3rem; cursor: pointer; }
.modal-kicker { margin-bottom: .6rem; color: var(--orange); font-size: .58rem; font-weight: 800; letter-spacing: .18em; }
.modal-title { margin-bottom: 1.4rem; font: 600 1.8rem/1.2 "Songti SC",serif; }
.auth-input-row { display: grid; gap: .75rem; }
.auth-input, .link-input { width: 100%; padding: .85rem 1rem; color: var(--ink); background: white; border: 1px solid var(--line-light); outline: 0; }
.auth-input:focus, .link-input:focus { border-color: var(--orange); }
.auth-login-btn, .save-modal-btn { width: 100%; padding: .9rem 1rem; color: var(--ink); background: var(--acid); border: 0; font-weight: 800; cursor: pointer; }
.auth-error { margin-top: .8rem; color: #c33; font-size: .75rem; }
.upload-area { position: relative; height: 260px; overflow: hidden; border: 1px dashed #aaa49b; background: #e8e3d9; cursor: pointer; }
.upload-placeholder { width: 100%;height:100%;display:grid;place-items:center;color:#77736d;font-size:.8rem; }.upload-area img { width:100%;height:100%;object-fit:cover; }
.media-type-row { display:flex; gap:1.5rem; margin:1rem 0; color:#65615a;font-size:.78rem; }.media-type-row label{display:flex;align-items:center;gap:.4rem;cursor:pointer}.field-label{display:block;margin-bottom:.45rem;color:#77736d;font-size:.7rem}.save-modal-btn{margin-top:1rem}.preview-link{display:block;margin-top:1rem;color:var(--ink);font-size:.76rem;cursor:pointer;text-underline-offset:.25rem}
.lightbox-overlay { position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:2rem;background:rgba(0,0,0,.92); }.lightbox-close{position:absolute;right:1.2rem;top:1rem;color:white;background:none;border:0;font-size:2.4rem;cursor:pointer}.lightbox-image{max-width:94vw;max-height:90vh;object-fit:contain}

/* Administrator editing workspace */
.edit-mode-bar {
  position: fixed; left: 50%; bottom: 1.2rem; z-index: 900;
  width: min(980px,calc(100% - 2rem)); min-height: 76px;
  align-items: center; justify-content: space-between; gap: 1.25rem;
  padding: .8rem .9rem .8rem 1.1rem; color: white; background: rgba(20,20,19,.96);
  border: 1px solid rgba(216,255,85,.5); border-radius: 18px;
  box-shadow: 0 24px 80px rgba(0,0,0,.42); backdrop-filter: blur(14px);
  transform: translateX(-50%);
}
.edit-status { display: flex; align-items: center; gap: .8rem; min-width: 210px; }
.edit-status-dot { width: 11px; height: 11px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 0 5px rgba(216,255,85,.13); animation: editPulse 1.8s infinite; }
.edit-status div { display: flex; flex-direction: column; gap: .16rem; }
.edit-status b { font-size: .78rem; }.edit-status small{color:#98948d;font-size:.6rem}
.edit-guide { display: flex; align-items: center; gap: 1.1rem; color: #aaa69f; font-size: .65rem; }
.edit-guide span { display: flex; align-items: center; gap: .4rem; white-space: nowrap; }
.edit-guide b { width: 22px;height:22px;display:grid;place-items:center;border:1px solid #55514b;border-radius:50%;color:var(--acid);font-size:.58rem }
.edit-actions { display: flex; gap: .55rem; }
.edit-exit-btn,.edit-done-btn { border:0;border-radius:999px;padding:.72rem 1rem;font-size:.68rem;font-weight:800;cursor:pointer;white-space:nowrap }
.edit-exit-btn{color:#d5d0c8;background:#383633}.edit-done-btn{color:var(--ink);background:var(--acid)}
.edit-exit-btn:hover{background:#4a4742}.edit-done-btn:hover{background:white}
@keyframes editPulse { 50% { opacity:.5; box-shadow:0 0 0 8px rgba(216,255,85,.05) } }

.is-editing { padding-bottom: 110px; }
.is-editing .main-video-box,
.is-editing .highlight-item,
.is-editing .work-item { outline: 2px dashed var(--acid); outline-offset: -7px; }
.is-editing .main-video-box::before,
.is-editing .highlight-item::before,
.is-editing .work-item::before {
  position: absolute; left: 12px; top: 12px; z-index: 5;
  padding: .48rem .65rem .48rem 1.65rem; color: var(--ink); background: var(--acid);
  font-size: .58rem; font-weight: 900; letter-spacing: .06em;
  box-shadow: 0 5px 18px rgba(0,0,0,.16); pointer-events: none;
}
.is-editing .main-video-box::before { content: "✎  更换主视觉"; }
.is-editing .highlight-item::before { content: "✎  编辑花絮"; }
.is-editing .work-item::before { content: "✎  编辑作品"; }
.is-editing .main-video-box::after,
.is-editing .highlight-item::after,
.is-editing .work-item::after { content:"";position:absolute;left:19px;top:22px;z-index:6;width:7px;height:7px;border-radius:50%;background:var(--ink);pointer-events:none }
.is-editing .work-item:hover::after { opacity: 1; transform: none; }
.is-editing .nav-cta { display:none; }

@media (max-width: 980px) {
  .site-nav { grid-template-columns: 1fr auto; }.nav-links{display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:auto;padding-bottom:3rem}.hero-visual{height:75vh;min-height:560px;padding:0 1rem 1rem}.main-video-box{min-height:0}.floating-note{left:2rem;top:-2.5rem}.hero-number{display:none}.studio-strip{grid-template-columns:1fr}.studio-strip>p{display:none}.section-intro,.works-top{grid-template-columns:1fr}.section-copy,.works-controls{justify-self:start}.highlights-container{grid-template-columns:repeat(2,1fr)}.highlight-item:nth-child(n){margin:0}.closing-banner{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;gap:.8rem}.site-footer p:nth-child(n){text-align:left}
}

@media (max-width: 640px) {
  .site-nav{min-height:72px;padding:0 1rem}.brand-text small,.nav-cta{display:none}.nav-actions{gap:.5rem}.hero{min-height:auto}.hero-copy{padding:3.5rem 1.15rem 2rem}.hero h1{font-size:clamp(3.4rem,17vw,5.2rem)}.hero-description{font-size:.84rem}.hero-links{flex-wrap:wrap}.hero-meta{margin-top:2.5rem}.hero-meta div{flex-direction:column;align-items:flex-start;gap:.2rem}.hero-visual{height:66vh;min-height:500px;padding:0}.floating-note{width:130px;left:1rem}.studio-strip{min-height:90px;padding:1rem;overflow:hidden}.marquee-line{font-size:1.55rem;gap:1rem}.moments-section,.works-section{padding:5rem 1rem}.section-intro h2,.works-top h2{font-size:clamp(2.8rem,14vw,4.4rem)}.highlights-scroll-wrapper{overflow:visible}.highlights-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.7rem}.highlight-item:nth-child(n){flex:0 0 74vw;aspect-ratio:3/4;scroll-snap-align:start}.quote-section{min-height:390px}.quote-section p{font-size:2.35rem}.works-grid{grid-template-columns:repeat(2,1fr)}.work-item:nth-child(n){grid-column:span 1;aspect-ratio:4/5}.work-item:nth-child(3n+1){grid-column:span 2;aspect-ratio:5/4}.closing-banner{padding:4.5rem 1rem}.closing-banner h2{font-size:3.2rem}.closing-banner a{width:145px}.modal-content{padding:1.5rem}.upload-area{height:220px}
}

@media (max-width: 760px) {
  .edit-mode-bar { bottom:.65rem; min-height:64px; padding:.7rem; border-radius:14px; }
  .edit-guide { display:none; }
  .edit-status { min-width:0; }.edit-status small{display:none}
  .edit-exit-btn{display:none}.edit-done-btn{padding:.7rem .85rem}
  .is-editing { padding-bottom: 86px; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* ===== AI Image Project V4 ===== */
.hero h1 { font-size: clamp(3.35rem,6.2vw,6.55rem); line-height: .98; }
.hero-description { max-width: 34rem; }
.story-guide {
  position: absolute; left: clamp(1rem,3vw,2.5rem); top: clamp(1rem,3vw,2.5rem); z-index: 3;
  width: min(280px,calc(100% - 2rem)); padding: 1.1rem 3.2rem 1.1rem 1.1rem;
  color: var(--ink); background: var(--acid); box-shadow: 0 18px 50px rgba(0,0,0,.26);
  transform: rotate(-1.5deg); pointer-events: none;
}
.story-guide span { color:#555e25;font-size:.54rem;font-weight:900;letter-spacing:.16em; }
.story-guide strong { display:block;margin:.55rem 0 .35rem;font:600 1.2rem/1.2 "Songti SC",serif; }
.story-guide p { color:#4e512d;font-size:.65rem;line-height:1.55; }.story-guide b{position:absolute;right:1rem;bottom:1rem;font-size:1.5rem;font-weight:400}
.is-editing .story-guide { opacity:.45; }

.product-launch { padding: clamp(5rem,10vw,10rem) clamp(1.25rem,4vw,4.5rem); color:white; background:#1e1d1a; }
.product-launch-head { display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:3rem;margin-bottom:clamp(2.5rem,5vw,5rem); }
.product-launch-head h2 { font:600 clamp(3rem,6vw,6rem)/1.02 sans-serif;letter-spacing:-.075em; }.product-launch-head h2 em{color:var(--acid);font:500 1em/1 "Songti SC",serif;font-style:normal}
.product-promise { max-width:31rem;justify-self:end; }.product-promise>span{display:inline-flex;padding:.42rem .65rem;color:var(--ink);background:var(--acid);font-size:.58rem;font-weight:900;letter-spacing:.12em}.product-promise p{margin:1rem 0;color:#9e9a93;font-size:.86rem;line-height:1.85}.product-promise a{color:white;font-size:.78rem;text-underline-offset:.3rem}
.experience-grid { display:grid;grid-template-columns:1.35fr .72fr .72fr;gap:.85rem;align-items:stretch; }
.experience-flow { display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#44413b;border:1px solid #44413b; }
.flow-step { min-height:190px;padding:1.25rem;display:flex;flex-direction:column;background:#292723; }.flow-step b{color:#8d8981;font:500 .68rem Georgia,serif}.flow-step strong{margin:auto 0 .45rem;font:600 1.35rem/1.2 "Songti SC",serif}.flow-step span{color:#8e8a83;font-size:.66rem;line-height:1.6}.flow-step.active{color:var(--ink);background:var(--acid)}.flow-step.active b,.flow-step.active span{color:#50562a}
.price-card { min-height:381px;padding:1.35rem;display:flex;flex-direction:column; }.price-card>span{font-size:.65rem;font-weight:900;letter-spacing:.12em}.price{display:flex;align-items:flex-start;margin:2.5rem 0 1rem}.price small{margin-top:.55rem;font-size:1rem}.price strong{font:600 clamp(3.2rem,5vw,5.4rem)/.8 Georgia,serif;letter-spacing:-.08em}.price-card p{font-size:.7rem;line-height:1.8}.price-card a{margin-top:auto;padding:.8rem 1rem;text-align:center;text-decoration:none;font-size:.7rem;font-weight:900}
.price-card-light{color:var(--ink);background:var(--acid)}.price-card-light p{color:#555b2d}.price-card-light a{color:white;background:var(--ink)}
.price-card-collect{color:white;background:var(--orange)}.price-card-collect p{color:#ffe2d5}.price-card-collect a{color:var(--ink);background:white}
.teaser-card .teaser-mark{margin:2.7rem 0 1.5rem;font:700 clamp(3.1rem,5vw,5.2rem)/.82 Arial,sans-serif;letter-spacing:-.08em}.teaser-card p{max-width:20rem}.price-card-light .teaser-mark{color:var(--ink)}.price-card-collect .teaser-mark{color:white}
.ai-style-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(270px,30vw,440px);gap:.75rem}.ai-style-card{position:relative;display:block;overflow:hidden;color:white;background:#2b2925;text-decoration:none}.ai-style-card.tall{grid-row:span 2}.ai-style-card.wide{grid-column:span 2}.ai-style-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .45s ease}.ai-style-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 35%,rgba(0,0,0,.84));transition:background .35s ease}.style-index{position:absolute;z-index:2;top:1rem;right:1rem;width:34px;height:34px;display:grid;place-items:center;color:var(--ink);background:var(--acid);border-radius:50%;font:700 .58rem Georgia,serif}.style-copy{position:absolute;z-index:2;left:1.1rem;right:1.1rem;bottom:1.1rem;display:grid;gap:.25rem}.style-copy small{color:#c7c2ba;font-size:.52rem;font-weight:800;letter-spacing:.15em}.style-copy strong{font:500 clamp(1.5rem,2.4vw,2.7rem)/1 "Songti SC",serif}.style-copy em{width:max-content;margin-top:.8rem;padding:.65rem .85rem;color:var(--ink);background:var(--acid);font-size:.65rem;font-weight:900;font-style:normal;opacity:0;transform:translateY(12px);transition:.3s ease}.ai-style-card:hover img,.ai-style-card:focus-visible img{transform:scale(1.055);filter:saturate(1.12)}.ai-style-card:hover::after,.ai-style-card:focus-visible::after{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.88))}.ai-style-card:hover .style-copy em,.ai-style-card:focus-visible .style-copy em{opacity:1;transform:none}
.prototype-note { margin-top:1rem;color:#77736d;font-size:.6rem;text-align:right; }

.capability-section { padding:clamp(5rem,10vw,10rem) clamp(1.25rem,4vw,4.5rem);background:var(--paper); }
.capability-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem; }
.capability-card { min-height:430px;padding:1.4rem;display:flex;flex-direction:column;position:relative;overflow:hidden; }.capability-card>b{font:500 .72rem Georgia,serif}.capability-card>span{margin-top:1.4rem;font-size:.56rem;font-weight:900;letter-spacing:.16em;opacity:.65}.capability-card h3{margin:auto 0 1rem;font:600 clamp(2rem,3.5vw,3.5rem)/1 "Songti SC",serif}.capability-card p{max-width:25rem;font-size:.75rem;line-height:1.8;opacity:.7}.capability-card a{width:max-content;margin-top:1.5rem;color:inherit;font-size:.7rem;text-underline-offset:.25rem}.capability-card.acid{background:var(--acid)}.capability-card.dark{color:white;background:var(--ink)}.capability-card.orange{color:white;background:var(--orange)}

.product-case { display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(2rem,5vw,6rem);padding:clamp(5rem,9vw,9rem) clamp(1.25rem,4vw,4.5rem);color:white;background:var(--orange); }
.case-title h2{font:600 clamp(3rem,5vw,5.5rem)/.98 sans-serif;letter-spacing:-.075em}.case-title>span{display:block;max-width:27rem;margin-top:1.4rem;color:#ffe0d4;font-size:.78rem;line-height:1.8}.product-case .section-label{color:white;opacity:.7}
.case-board { display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.32);border:1px solid rgba(255,255,255,.32); }.case-board>div{min-height:210px;padding:1.3rem;background:var(--orange)}.case-board b{font:600 1.1rem "Songti SC",serif}.case-board p{margin-top:3.5rem;color:#ffe2d7;font-size:.72rem;line-height:1.8}

.about-project { display:grid;grid-template-columns:.35fr .75fr .9fr;gap:clamp(2rem,5vw,6rem);padding:clamp(5rem,9vw,9rem) clamp(1.25rem,4vw,4.5rem);color:white;background:#171715; }
.about-number{color:#77736d;font:500 .7rem Georgia,serif}.about-project h2{font:600 clamp(2.8rem,5vw,5.6rem)/1 sans-serif;letter-spacing:-.075em}.about-project h2 em{color:var(--acid);font:500 .65em/1.1 "Songti SC",serif;font-style:normal}.about-copy>p{color:#aaa69f;font-size:.85rem;line-height:1.9}.about-copy dl{margin-top:2rem}.about-copy dl>div{display:grid;grid-template-columns:100px 1fr;gap:1rem;padding:.85rem 0;border-top:1px solid rgba(255,255,255,.16)}.about-copy dt{color:#77736d;font-size:.62rem}.about-copy dd{font-size:.7rem;line-height:1.6}

.highlight-item>span { width:auto;min-width:42px;padding:0 .55rem;border-radius:999px; }

@media (max-width: 1050px) {
  .experience-grid{grid-template-columns:1fr 1fr}.experience-flow{grid-column:1/-1}.product-launch-head,.product-case{grid-template-columns:1fr}.product-promise{justify-self:start}.ai-style-gallery{grid-template-columns:repeat(2,1fr)}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:330px}.about-project{grid-template-columns:1fr 1fr}.about-number{grid-column:1/-1}
}
@media (max-width: 700px) {
  .hero h1{font-size:clamp(3.1rem,14.5vw,4.6rem)}.story-guide{top:1rem;left:1rem;width:230px}.product-launch{padding:5rem 1rem}.product-launch-head{grid-template-columns:1fr}.product-launch-head h2{font-size:clamp(2.8rem,13vw,4.5rem)}.experience-grid{grid-template-columns:1fr}.experience-flow{grid-template-columns:1fr}.flow-step{min-height:130px}.price-card{min-height:330px}.ai-style-gallery{grid-template-columns:1fr;grid-auto-rows:440px}.ai-style-card.tall{grid-row:span 1}.ai-style-card.wide{grid-column:span 1}.style-copy em{opacity:1;transform:none}.capability-section{padding:5rem 1rem}.product-case{padding:5rem 1rem}.case-board{grid-template-columns:1fr}.case-board>div{min-height:170px}.case-board p{margin-top:2rem}.about-project{grid-template-columns:1fr;padding:5rem 1rem}.about-number{grid-column:auto}.prototype-note{text-align:left}
}

/* Keep the complete hero sentence on one line. */
.hero h1{font-size:clamp(1.75rem,2.15vw,2.65rem);line-height:1.06;letter-spacing:-.075em;white-space:nowrap}
.hero h1>span,.hero h1>em{display:inline}
@media(max-width:600px){.hero h1{font-size:5.35vw;letter-spacing:-.08em;white-space:nowrap}}

/* V5 — clear five-part homepage */
.video-hero{padding:1rem;background:var(--ink)}.hero-film{position:relative;min-height:calc(100vh - 106px);overflow:hidden;background:#24221f;cursor:pointer}.hero-film>.placeholder,.hero-film>img,.hero-film>video{position:absolute;inset:0;width:100%;height:100%}.hero-film>.placeholder{display:grid;place-items:center;color:#77736d;background:#24221f;font-size:.7rem;letter-spacing:.08em}.hero-film>img,.hero-film>video{object-fit:cover}.hero-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.08) 62%,rgba(0,0,0,.28)),linear-gradient(0deg,rgba(0,0,0,.5),transparent 45%)}.hero-film-copy{position:absolute;z-index:2;left:clamp(1.5rem,5vw,5rem);bottom:clamp(5rem,10vw,9rem);color:white}.hero-film-copy>p{display:flex;align-items:center;gap:.8rem;color:#d3cec5;font-size:.58rem;font-weight:900;letter-spacing:.18em}.hero-film-copy>p span{width:34px;height:1px;background:var(--acid)}.hero-film-copy h1{margin:1rem 0;font:600 clamp(2.3rem,4.8vw,5.4rem)/1 sans-serif;letter-spacing:-.075em;white-space:nowrap}.hero-film-copy small{color:var(--acid);font-size:.7rem;letter-spacing:.14em}.hero-film-controls{position:absolute;z-index:4;right:1.5rem;bottom:1.5rem;display:flex;gap:.5rem}.hero-film-controls button{padding:.7rem .9rem;color:white;background:rgba(23,23,21,.72);border:1px solid rgba(255,255,255,.3);font-size:.62rem;cursor:pointer;backdrop-filter:blur(8px)}.hero-film-meta{position:absolute;z-index:3;left:1.5rem;right:1.5rem;bottom:1.5rem;display:flex;gap:1rem;color:#b7b2aa;font-size:.54rem;letter-spacing:.12em}.hero-film-meta b{color:white}.is-editing .hero-film,.is-editing .behind-card,.is-editing .music-feature{outline:2px dashed var(--acid);outline-offset:-6px}

.clean-section{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,4vw,4.5rem)}.clean-heading{display:grid;grid-template-columns:.45fr 1fr .75fr;gap:2rem;align-items:end;margin-bottom:clamp(2.5rem,5vw,5rem)}.clean-heading>span{font-size:.57rem;font-weight:900;letter-spacing:.17em}.clean-heading h2{font:600 clamp(3rem,6vw,6rem)/.95 sans-serif;letter-spacing:-.075em}.clean-heading p{max-width:31rem;color:#77736d;font-size:.76rem;line-height:1.85}.highlights-section{color:var(--ink);background:var(--paper)}.behind-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:repeat(2,minmax(250px,34vh));gap:.75rem}.behind-card{position:relative;overflow:hidden;background:#d8d1c5;cursor:pointer}.behind-card-large{grid-row:span 2}.behind-card img,.behind-card .placeholder{width:100%;height:100%;object-fit:cover}.behind-card .placeholder{display:grid;place-items:center;color:#8b857c}.behind-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.7))}.behind-card>span,.behind-card>b{position:absolute;z-index:2}.behind-card>span{top:1rem;right:1rem;width:34px;height:34px;display:grid;place-items:center;color:var(--ink);background:var(--acid);border-radius:50%;font:700 .58rem Georgia,serif}.behind-card>b{left:1rem;bottom:1rem;color:white;font:500 1.25rem "Songti SC",serif}.behind-card img{transition:transform .55s ease}.behind-card:hover img{transform:scale(1.035)}

.product-launch{background:#1b1b19}.product-launch-head{grid-template-columns:1fr .65fr}.product-launch-head h2{font-size:clamp(3rem,6vw,6rem)}.product-promise{max-width:420px}.ai-style-gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:clamp(360px,46vw,670px)}.ai-style-card.tall,.ai-style-card.wide{grid-row:auto;grid-column:auto}.prototype-note{margin-top:1rem}

.photography-section{color:white;background:#24221f}.light-heading>span{color:var(--acid)}.light-heading p{color:#aaa69f}.photography-grid{grid-template-columns:repeat(12,1fr)}.photography-grid .work-item:nth-child(n){grid-column:span 4;aspect-ratio:3/4}.photography-section .load-more-btn{color:var(--ink);background:var(--acid);border:0}

.music-section{color:white;background:var(--ink)}.music-heading>span{color:var(--orange)}.music-heading p{color:#aaa69f}.music-feature{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:16/9;overflow:hidden;background:#171715;cursor:pointer}.music-feature>img,.music-feature>.placeholder{position:absolute;inset:0;width:100%;height:100%}.music-feature>img{object-fit:cover;object-position:center}.music-feature>.placeholder{display:grid;place-items:center;color:#77736d}.music-feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.08)),linear-gradient(0deg,rgba(0,0,0,.54),transparent 50%)}.music-feature-copy{position:absolute;z-index:2;left:clamp(1.5rem,5vw,5rem);bottom:clamp(1.5rem,5vw,5rem)}.music-feature-copy span{color:var(--acid);font-size:.56rem;font-weight:900;letter-spacing:.17em}.music-feature-copy h3{margin:1rem 0 2rem;font:500 clamp(2.8rem,6vw,6rem)/1 "Songti SC",serif}.music-feature-copy b{display:inline-block;padding:.85rem 1rem;color:var(--ink);background:var(--acid);font-size:.68rem}.upload-area video{width:100%;height:100%;object-fit:contain;background:#171715}.upload-placeholder small{display:block;margin-top:.5rem;color:#8e887f;font-size:.56rem;font-weight:400}

@media(max-width:900px){.hero-film{min-height:72vh}.hero-film-copy h1{font-size:clamp(2rem,6.2vw,3.7rem)}.clean-heading{grid-template-columns:1fr}.behind-grid{grid-template-columns:1fr 1fr;grid-template-rows:500px 330px}.behind-card-large{grid-column:1/-1;grid-row:auto}.ai-style-gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:480px}.photography-grid .work-item:nth-child(n){grid-column:span 6}}
@media(max-width:600px){.video-hero{padding:0}.hero-film{min-height:72vh}.hero-film-copy{left:1rem;right:1rem;bottom:6.5rem}.hero-film-copy h1{font-size:5.35vw;white-space:nowrap}.hero-film-controls{right:1rem;bottom:1rem}.hero-film-meta{left:1rem;bottom:4.1rem}.hero-film-meta b{display:none}.clean-section{padding:5rem 1rem}.clean-heading h2,.product-launch-head h2{font-size:3.2rem}.behind-grid{display:grid;grid-template-columns:1fr;grid-template-rows:460px 300px 300px}.behind-card-large{grid-column:auto}.ai-style-gallery{grid-template-columns:1fr;grid-auto-rows:480px}.photography-grid .work-item:nth-child(n){grid-column:span 12}.music-feature{width:100%;height:auto;min-height:0;aspect-ratio:16/9}.music-feature-copy{left:1rem;bottom:1rem}.music-feature-copy h3{margin:.55rem 0 .8rem;font-size:clamp(1.35rem,6vw,2rem)}.music-feature-copy b{padding:.55rem .7rem}}

/* Keep the primary navigation visible while scrolling. */
.page-shell{overflow:visible}
.site-nav{position:sticky;top:0;z-index:5000;background:rgba(23,23,21,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(255,255,255,.1)}
#home,#highlights,#ai-experience,#photography,#music{scroll-margin-top:60px}

/* Compact fixed navigation. */
.site-nav{min-height:50px}
.site-nav .brand-symbol{width:36px;height:36px;font-size:1.05rem}
.site-nav .brand-text b{font-size:.9rem}.site-nav .brand-text small{font-size:.48rem}
.site-nav .nav-cta,.site-nav .save-btn{padding:.48rem .68rem .48rem .9rem;font-size:.68rem;gap:.85rem}
.site-nav .nav-cta span{width:22px;height:22px}
.hero-film{min-height:calc(100vh - 68px)}
@media(max-width:700px){.site-nav{min-height:45px;padding:0 1rem}.site-nav .brand-symbol{width:34px;height:34px}.hero-film{min-height:72vh}}

.brand-symbol{overflow:hidden;background:#fff;border-radius:0}
.brand-symbol img{width:100%;height:100%;object-fit:cover;transform:scale(1.38)}

/* Readability and information footer. */
.nav-links a{font-size:.86rem}.auth-btn{font-size:.78rem}.site-nav .brand-text small{font-size:.56rem}
.hero-film-copy>p{font-size:.7rem}.hero-film-copy small{font-size:.82rem}.hero-film-meta{font-size:.65rem}.hero-film-controls button{font-size:.72rem}
.clean-heading>span,.section-label{font-size:.68rem}.clean-heading p{font-size:.92rem;line-height:1.9}.product-promise>span{font-size:.68rem}.product-promise p{font-size:.92rem}.prototype-note{font-size:.72rem}
.style-copy small{font-size:.65rem}.style-copy em{font-size:.76rem}.music-feature-copy span{font-size:.68rem}.music-feature-copy b{font-size:.8rem}
.site-footer{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:clamp(2rem,4vw,5rem);align-items:start;padding:clamp(3.5rem,6vw,6rem) clamp(1.25rem,4vw,4.5rem) 1.5rem;color:#aaa69f;background:var(--ink);font-size:.82rem;line-height:1.8;letter-spacing:0}
.footer-intro>p{max-width:24rem;margin:1.5rem 0;color:#bdb8b0}.footer-brand{align-items:center}.footer-brand .brand-symbol{width:38px;height:38px}.footer-brand>div{display:grid;gap:.15rem}.footer-brand b{font-size:1rem;letter-spacing:.08em}.footer-brand small{color:#77736d;font-size:.65rem;letter-spacing:.12em}
.footer-about{display:inline-flex;align-items:center;gap:1.25rem;padding:.7rem .85rem .7rem 1rem;color:var(--ink);background:var(--acid);text-decoration:none;font-weight:800}.footer-about span{font-size:1.1rem}
.footer-column>span{display:block;margin-bottom:1.25rem;color:var(--acid);font-size:.68rem;font-weight:900;letter-spacing:.14em}.footer-column address{margin-bottom:.75rem;color:#e1ddd5;font-style:normal}.footer-column p{color:#bdb8b0}.footer-column a{color:white;text-underline-offset:.3rem}
.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--line-dark);color:#77736d;font-size:.7rem}

/* About and letter pages. */
.profile-page,.letter-page{color:white;background:var(--ink)}.profile-nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,4vw,4.5rem);border-bottom:1px solid var(--line-dark)}.profile-nav>a{color:white;text-decoration:none;font-size:.82rem}.profile-nav .brand-symbol{width:36px;height:36px}
.profile-main{padding:clamp(4rem,8vw,8rem) clamp(1.25rem,6vw,7rem)}.profile-hero>p,.letter-kicker{color:var(--acid);font-size:.72rem;font-weight:900;letter-spacing:.18em}.profile-hero>h1,.letter-main>h1{margin:2rem 0 clamp(4rem,8vw,8rem);font-size:clamp(5rem,15vw,13rem);line-height:.8;letter-spacing:-.09em}.profile-lead{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.profile-lead strong{font:500 clamp(2rem,4vw,4rem)/1.15 "Songti SC",serif}.profile-lead p{max-width:38rem;color:#bbb6ae;font-size:1.05rem;line-height:2}
.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:clamp(5rem,10vw,10rem);background:var(--line-dark)}.profile-grid article{min-height:330px;padding:2rem;background:#242320}.profile-grid span{color:var(--acid);font-size:.75rem}.profile-grid h2{margin:6rem 0 1.5rem;font:500 1.8rem "Songti SC",serif}.profile-grid p{color:#aaa69f;font-size:.92rem;line-height:1.9}.profile-contact{padding:clamp(5rem,9vw,9rem) 0}.profile-contact>p{color:var(--orange);font-size:.75rem;letter-spacing:.1em}.profile-contact h2{margin:2rem 0;font-size:clamp(2.8rem,6vw,6rem);line-height:1}.profile-contact a{display:inline-block;padding:1rem 1.3rem;color:var(--ink);background:var(--acid);text-decoration:none;font-weight:800}
.letter-main{max-width:1040px;margin:auto;padding:clamp(4rem,8vw,8rem) clamp(1.25rem,5vw,5rem)}.letter-main>h1{font-size:clamp(4rem,11vw,9rem)}.letter-main article{max-width:760px;margin-left:auto}.letter-main article>p{margin-bottom:2rem;color:#d1ccc3;font:500 clamp(1.15rem,2vw,1.45rem)/2 "Songti SC",serif}.letter-main article footer{margin-top:4rem;color:white;font-size:1rem;line-height:1.8}.letter-main article footer small{color:#77736d;font-size:.7rem;letter-spacing:.16em}
@media(max-width:900px){.site-footer{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}.profile-lead{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.profile-grid article{min-height:250px}.profile-grid h2{margin-top:3rem}}
@media(max-width:600px){.site-footer{grid-template-columns:1fr;gap:2.5rem}.footer-intro{grid-column:auto}.footer-bottom{display:grid;gap:.5rem}.clean-heading p,.product-promise p{font-size:.9rem}.profile-hero>h1,.letter-main>h1{font-size:4.6rem}.profile-nav .brand-text small{display:block}}

/* Editorial split hero: copy first on mobile, copy/video side by side on desktop. */
.split-hero{display:grid;grid-template-columns:minmax(400px,.82fr) minmax(0,1.18fr);min-height:calc(100vh - 50px);padding:0;color:white;background:var(--ink)}
.split-hero-copy{min-width:0;display:flex;flex-direction:column;padding:clamp(3rem,6vw,6.5rem) clamp(1.5rem,3.8vw,4.5rem) 2rem}
.split-hero-kicker{display:flex;align-items:center;gap:.8rem;color:#a7a39c;font-size:.7rem;font-weight:900;letter-spacing:.16em}.split-hero-kicker span{width:34px;height:1px;background:var(--acid)}
.split-hero h1{margin:clamp(2rem,5vw,5rem) 0 1.6rem;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(2.75rem,4.15vw,5rem);font-weight:900;line-height:1.02;letter-spacing:-.075em;white-space:nowrap}.split-hero h1 span,.split-hero h1 em{display:block}.split-hero h1 em{position:relative;width:max-content;color:var(--acid);font:500 1em/1.05 "Songti SC","STSong",serif;font-style:normal;letter-spacing:-.07em}.split-hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:-.14em;height:4px;background:var(--acid);transform:rotate(-1deg)}
.split-hero-description{max-width:36rem;color:#b3afa8;font-size:1rem;line-height:1.9}.split-hero-actions{display:flex;align-items:center;gap:1.8rem;margin-top:2rem}.hero-primary{display:inline-flex;align-items:center;gap:1.5rem;padding:.85rem .85rem .85rem 1.2rem;color:var(--ink);background:white;border-radius:999px;text-decoration:none;font-size:.82rem;font-weight:900}.hero-primary b{width:28px;height:28px;display:grid;place-items:center;color:white;background:var(--orange);border-radius:50%}.hero-letter-link{color:#c6c2ba;font-size:.82rem;text-underline-offset:.35rem}
.split-hero-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:auto;padding-top:1.35rem;border-top:1px solid var(--line-dark);color:#8f8b84;font-size:.72rem}.split-hero-categories span{display:flex;gap:.65rem}.split-hero-categories b{color:var(--acid)}
.split-hero .hero-film{min-height:calc(100vh - 50px);margin:1rem 1rem 1rem 0}.split-hero .hero-film-shade{background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 55%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 38%)}
.hero-story-card{position:absolute;z-index:4;top:2.4rem;left:2.4rem;width:min(280px,45%);padding:1.3rem 3.2rem 1.3rem 1.3rem;color:var(--ink);background:var(--acid);text-decoration:none;transform:rotate(-1.6deg);box-shadow:0 14px 35px rgba(0,0,0,.16)}.hero-story-card small{display:block;margin-bottom:.7rem;font-size:.66rem;font-weight:900;letter-spacing:.1em}.hero-story-card strong{display:block;font:600 1.25rem "Songti SC",serif}.hero-story-card>span{display:block;margin-top:.4rem;color:#545a2d;font-size:.72rem;line-height:1.5}.hero-story-card>b{position:absolute;right:1rem;bottom:1rem;font-size:1.5rem;font-weight:400}
@media(max-width:1100px){.split-hero{grid-template-columns:minmax(350px,.9fr) minmax(0,1.1fr)}.split-hero h1{font-size:clamp(2.45rem,4vw,3.6rem)}.split-hero-description{font-size:.92rem}}
@media(max-width:900px){.split-hero{display:block;min-height:auto}.split-hero-copy{min-height:auto;padding:3.5rem 1.4rem 2.4rem}.split-hero h1{margin:2.5rem 0 1.5rem;font-size:clamp(3.2rem,9vw,5.2rem)}.split-hero-categories{margin-top:3.2rem}.split-hero .hero-film{min-height:70vh;margin:0 .6rem .6rem}.hero-story-card{top:1.5rem;left:1.5rem}}
@media(max-width:600px){.split-hero-copy{padding:3rem 1.4rem 2.2rem}.split-hero-kicker{font-size:.66rem}.split-hero h1{font-size:clamp(2.7rem,11.5vw,4rem);line-height:1.02}.split-hero-description{font-size:.92rem}.split-hero-actions{align-items:flex-start;flex-wrap:wrap;gap:1.2rem 1.6rem}.split-hero-categories{gap:.5rem;font-size:.68rem}.split-hero-categories span{display:grid;gap:.25rem}.split-hero .hero-film{min-height:64vh}.hero-story-card{width:76%;top:1.2rem;left:1.2rem}}

/* Use the supplied transparent logo as-is. */
.brand-symbol,.site-nav .brand-symbol,.footer-brand .brand-symbol,.profile-nav .brand-symbol{background:transparent;border:0;border-radius:0;box-shadow:none}
.brand-symbol img{width:100%;height:100%;object-fit:contain;transform:none}

/* 16:9 brand film with a direct play treatment. */
.split-hero .hero-film{width:calc(100% - 1rem);height:auto;min-height:0;aspect-ratio:16/9;align-self:center;margin:1rem 1rem 1rem 0}
.hero-video-prompt{position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;gap:1.3rem;color:white;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.hero-play-disc{width:72px;height:72px;display:grid;place-items:center;padding-left:4px;color:var(--ink);background:var(--acid);border-radius:50%;font-size:1.1rem;box-shadow:0 12px 40px rgba(0,0,0,.28)}.hero-video-prompt>div{display:grid;gap:.25rem;text-shadow:0 2px 18px rgba(0,0,0,.6)}.hero-video-prompt small{color:var(--acid);font-size:.64rem;font-weight:900;letter-spacing:.16em}.hero-video-prompt strong{font:600 clamp(1.25rem,2vw,2rem) "Songti SC",serif}.hero-video-prompt div>span{color:#ddd8d0;font-size:.76rem}.hero-film.is-playing .hero-video-prompt{opacity:0;transform:scale(.96)}.hero-film.is-playing:hover .hero-video-prompt{opacity:.88;transform:none}.hero-film.is-playing:hover .hero-video-prompt div>span{font-size:0}.hero-film.is-playing:hover .hero-video-prompt div>span::after{content:"点击画面暂停";font-size:.76rem}
@media(max-width:900px){.split-hero .hero-film{width:calc(100% - 1.2rem);height:auto;min-height:0;aspect-ratio:16/9;margin:0 .6rem .6rem}.hero-play-disc{width:62px;height:62px}}
@media(max-width:600px){.split-hero .hero-film{min-height:0;aspect-ratio:16/9}.hero-video-prompt{gap:.8rem}.hero-play-disc{width:52px;height:52px;font-size:.9rem}.hero-video-prompt small{font-size:.55rem}.hero-video-prompt strong{font-size:1.05rem}.hero-video-prompt div>span{font-size:.68rem}.hero-film-controls button{padding:.55rem .65rem}.hero-film-meta{display:none}}

/* Redline refinements: more breathing room and fewer accidental wraps. */
@media(min-width:901px){
  .split-hero{grid-template-columns:minmax(390px,.78fr) minmax(0,1.22fr);column-gap:clamp(2.5rem,4vw,5rem);align-items:center;padding:clamp(2.5rem,4vw,4.5rem) clamp(1.5rem,3.8vw,4.5rem)}
  .split-hero-copy{align-self:stretch;padding:clamp(1.5rem,3vw,3rem) 0 1rem}
  .split-hero h1{margin:clamp(2.8rem,5vw,5.5rem) 0 2rem}
  .split-hero-description{max-width:38rem}
  .split-hero-actions{margin-top:2.8rem}
  .split-hero .hero-film{width:100%;margin:0}
  .product-launch-head{grid-template-columns:minmax(0,.8fr) minmax(570px,1.2fr)}
  .product-promise{width:100%;max-width:none}
  .product-promise p{white-space:nowrap}
}
.hero-primary{gap:1.8rem;padding:1rem 1rem 1rem 1.35rem;font-size:.96rem;letter-spacing:.01em}.hero-primary b{width:32px;height:32px;font-size:1rem}
.site-footer{grid-template-columns:minmax(520px,1.65fr) repeat(3,minmax(170px,1fr));gap:clamp(2rem,3vw,4rem)}
.footer-intro>p{max-width:none;white-space:nowrap}
.profile-contact button{display:inline-block;padding:1rem 1.3rem;color:var(--ink);background:var(--acid);border:0;text-decoration:none;font-weight:800;cursor:pointer}
@media(max-width:1400px){.footer-intro>p{white-space:normal}.site-footer{grid-template-columns:1.35fr repeat(3,1fr)}}
@media(max-width:1100px){.product-promise p{white-space:normal}.product-launch-head{grid-template-columns:1fr}.product-promise{max-width:38rem;justify-self:start}}
@media(max-width:900px){.split-hero{padding:0}.split-hero-copy{padding:4rem 1.4rem 3rem}.split-hero h1{margin:3rem 0 2rem}.split-hero-actions{margin-top:2.5rem}.site-footer{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}}
@media(max-width:600px){.split-hero-copy{padding:3.5rem 1.4rem 2.8rem}.hero-primary{font-size:.9rem}.site-footer{grid-template-columns:1fr}.footer-intro{grid-column:auto}}

/* Keep every section heading anchored to the same left edge. */
.clean-heading{display:block;margin-bottom:clamp(3rem,5vw,5rem)}
.clean-heading>span{display:block;margin-bottom:1.35rem}
.clean-heading h2{margin:0;font-size:clamp(3rem,6vw,6rem);text-align:left}
.clean-heading p{max-width:42rem;margin-top:1.6rem;justify-self:auto;text-align:left}
.product-launch-head{display:block;margin-bottom:clamp(3rem,5vw,5rem)}
.product-launch-head>div:first-child{display:block}
.product-launch-head .section-label{margin-bottom:1.35rem}
.product-launch-head h2{text-align:left}
.product-promise{width:auto;max-width:48rem;margin-top:2rem;justify-self:auto;text-align:left}
.product-promise p{white-space:nowrap}
@media(max-width:900px){.product-promise p{white-space:normal}.clean-heading p{margin-top:1.25rem}.product-promise{margin-top:1.5rem}}

/* Footer alignment and copy-email feedback. */
.footer-intro,.footer-column,.footer-intro *,.footer-column *{text-align:left}
.site-footer .footer-column p,.site-footer .footer-column address,.site-footer .footer-column button{text-align:left}
.footer-email-copy{display:inline-block;padding:0;color:white;background:transparent;border:0;border-bottom:1px solid white;font-size:inherit;line-height:1.7;cursor:pointer}
.footer-email-copy:hover{color:var(--acid);border-color:var(--acid)}
.copy-toast{position:fixed;z-index:7000;left:50%;bottom:2rem;padding:.85rem 1.15rem;color:var(--ink);background:var(--acid);font-size:.86rem;font-weight:900;box-shadow:0 14px 45px rgba(0,0,0,.3);opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:opacity .22s ease,transform .22s ease}.copy-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.media-auto-note{margin:1rem 0;color:#77736d;font-size:.72rem;line-height:1.6}
.product-promise>span{padding:.62rem .85rem;font-size:.82rem;line-height:1.2;letter-spacing:.06em}
.site-footer .footer-intro>p{margin-left:0;margin-right:0;text-align:left}
.edit-account-btn{border:1px solid #55514b;border-radius:999px;padding:.72rem 1rem;color:white;background:transparent;font-size:.68rem;font-weight:800;cursor:pointer;white-space:nowrap}.edit-account-btn:hover{color:var(--ink);background:var(--acid);border-color:var(--acid)}
.footer-tools-link{display:inline-block;margin-top:1rem;color:var(--acid)!important;font-weight:900;text-decoration:none;border-bottom:1px solid transparent}.footer-tools-link:hover{border-bottom-color:var(--acid)}

/* Cute animated message in the open space above the brand film. */
.split-hero{position:relative}.happy-runway{position:absolute;z-index:6;top:1rem;right:clamp(1.5rem,3.8vw,4.5rem);width:55%;height:92px;overflow:hidden;pointer-events:none}.happy-runway-track{position:absolute;left:0;top:6px;display:flex;align-items:center;width:200%;padding-top:4px;white-space:nowrap;animation:happyRun 14s linear infinite}.happy-runway-copy{flex:0 0 50%;display:flex;align-items:center;justify-content:center;gap:.08em}.happy-runway-copy>span{display:inline-block;font:700 clamp(1.65rem,2.45vw,2.55rem)/1 "Songti SC","STSong",serif;color:var(--acid);animation:happyHop .8s ease-in-out infinite alternate;animation-delay:calc(var(--i) * .055s);text-shadow:0 8px 24px rgba(216,255,85,.16)}.happy-runway-copy>span:last-child{margin-left:.45rem;color:var(--orange)}@keyframes happyRun{to{transform:translateX(-50%)}}@keyframes happyHop{from{transform:translateY(2px)}to{transform:translateY(-3px)}}
@media(min-width:901px){
  .split-hero{grid-template-rows:auto auto;align-content:center}
  .split-hero-copy{grid-column:1;grid-row:1 / 3;align-self:center;padding-top:0;padding-bottom:0}
  .split-hero-categories{margin-top:clamp(2.5rem,4vw,4rem)}
  .happy-runway{position:relative;grid-column:2;grid-row:1;align-self:end;top:0;right:auto;width:100%;height:96px;margin:0 0 -29px}
  .happy-runway-track{top:4px}
  .split-hero .hero-film{grid-column:2;grid-row:2;align-self:start}
}
@media(min-width:1500px){
  .happy-runway{transform:translateY(-62px)}
  .split-hero .hero-film{transform:translateY(-14px)}
}
@media(max-width:900px){.happy-runway{position:relative;top:auto;right:auto;width:100%;height:70px;margin:0 0 .8rem}.happy-runway-track{top:6px;animation-duration:7s}}
@media(prefers-reduced-motion:reduce){.happy-runway-track{left:0;width:100%;animation:none}.happy-runway-copy{flex-basis:100%}.happy-runway-copy>span{animation:none}.happy-runway-copy:nth-child(2){display:none}}
.preview-link{display:flex;align-items:center;justify-content:space-between;margin:1rem 0 0;padding:1rem 1.1rem;color:var(--ink);background:var(--acid);border:2px solid var(--ink);font-size:.9rem;font-weight:900;text-decoration:none;cursor:pointer;transition:transform .2s ease,background .2s ease}.preview-link:hover{background:white;transform:translateY(-2px)}

/* Mobile viewport guard: keep media and grid children inside the device width. */
@media(max-width:900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .page-shell{width:100%;max-width:100%;overflow-x:clip}
  main,section,header,footer,.split-hero,.split-hero-copy,.hero-film,.clean-section,.product-launch,.site-footer{min-width:0;max-width:100%}
  img,video,canvas,iframe{max-width:100%}
}