/* Ownership: home-v5-* only. The global studio tokens and other pages live elsewhere. */
.home-v5 {
  --home-ink:#183E35;
  --home-jade:#236D5D;
  --home-control:#EAF0E9;
  --home-surface:#FFFFFF;
  --home-page:#F7F8F5;
  --home-accent:#C4EE67;
  color:var(--home-ink); display:grid; gap:24px; min-width:0;
}
body[data-studio-version="5"][data-page="home"] .content {background:#F7F8F5}
.home-v5 a {color:var(--home-jade)}
.home-v5 button,.home-v5 summary {font:inherit;touch-action:manipulation}
.home-v5 button {cursor:pointer}
.home-v5 :is(a,button,summary):focus-visible {outline:3px solid var(--home-jade);outline-offset:4px}
.home-v5-hero {position:relative;isolation:isolate;z-index:2;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);gap:24px;align-items:center;min-height:338px;padding:28px 32px;border:1px solid #D3E0D5;border-radius:20px;background:var(--home-page);overflow:visible}
.home-v5-hero-copy {position:relative;z-index:2;min-width:0}
.home-v5-greeting {font-size:15px;font-weight:500;color:#52675D;margin:0 0 12px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Only this creative statement uses a Chinese display serif. No remote font
   request, and functional labels retain the shared, legible sans-serif UI. */
.home-v5-hero h2 {font-family:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC","SimSun",serif;font-size:44px;font-weight:600;letter-spacing:-.035em;line-height:1.28;margin:0 0 17px;color:var(--home-ink);overflow-wrap:anywhere}
.home-v6-headline-mask {display:block;overflow:hidden;padding-block:2px}
.home-v6-headline-line {display:block}
.home-v5-intro {font-size:15px;line-height:1.7;max-width:32em;margin:0;color:#52675D}
.home-v5-hero-actions {display:flex;align-items:center;gap:24px;margin-top:24px;flex-wrap:wrap}
.home-v5-start {position:relative;margin:0;z-index:5}
.home-v5-start>summary {min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:28px;list-style:none;background:var(--home-accent);border:1px solid #509145;color:var(--home-ink);padding:10px 20px;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:background-color 160ms,box-shadow 160ms}
.home-v5-start>summary::-webkit-details-marker {display:none}
.home-v5-start>summary:hover {box-shadow:0 0 0 3px var(--home-control)}
.home-v5-start[open]>summary svg {transform:rotate(180deg)}
.home-v5-start-menu {position:absolute;top:calc(100% + 8px);left:0;width:288px;max-width:calc(100vw - 80px);padding:8px;background:var(--home-surface);border:1px solid var(--home-control);border-radius:12px;box-shadow:0 12px 32px rgba(24,62,53,.16);display:grid;gap:4px}
.home-v5-start-menu :is(button,a) {display:grid;gap:2px;padding:10px 12px;border:0;border-radius:8px;text-align:left;text-decoration:none;background:transparent;color:var(--home-ink);white-space:normal;min-height:52px}
.home-v5-start-menu :is(button,a):hover {background:var(--home-control)}
.home-v5-start-menu b {font-size:15px;font-weight:600}
.home-v5-start-menu span {font-size:13px}
.home-v5-help-link {border:0;background:transparent;color:var(--home-jade);padding:8px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:14px}
.home-v5-stage {--home-visible-height:226px;--home-footline:246px;position:relative;isolation:isolate;height:280px;min-width:0}
.home-v5-scene {position:absolute;inset:-28px -32px -28px -96px;z-index:0;pointer-events:none;border-radius:0 20px 20px 0;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 38%)}
.home-v5-scene img {height:100%;width:100%;object-fit:cover;object-position:right center;display:block}
/* The floor, contact shadows and cropped subjects share this stage's footline. */
.home-v5-ground {position:absolute;z-index:0;left:-32px;right:-32px;top:calc(var(--home-footline) - 36px);bottom:-28px;border-bottom-right-radius:20px;pointer-events:none;background:linear-gradient(to bottom,#F7F8F500,#F7F8F5B3 68%,var(--home-page))}
.home-v5-cast {display:flex;align-items:flex-start;justify-content:center;gap:24px;position:relative;z-index:1;min-width:0;height:100%;padding:0}
.home-v5-person {margin:0;min-width:0;flex:none;text-align:center}
.home-v5-portrait {height:var(--home-footline);display:flex;align-items:flex-end;justify-content:center;position:relative}
.home-v5-contact {position:absolute;z-index:0;bottom:-3px;left:50%;width:58%;height:6px;transform:translateX(-50%);background:radial-gradient(ellipse at 28% 45%,#30473142,transparent 48%),radial-gradient(ellipse at 72% 45%,#30473142,transparent 48%);filter:blur(.6px);pointer-events:none}
.home-v5-person[data-home-person="hxy"] .home-v5-contact {width:36%;height:5px;bottom:-2.5px}
.home-v5-subject {height:calc(var(--home-visible-height) * var(--visible-ratio));width:calc(var(--home-visible-height) * var(--visible-ratio) * var(--visible-aspect));position:relative;flex:none;overflow:hidden}
.home-v5-subject img {position:absolute;display:block;max-width:none;object-fit:fill;filter:none;transform:none}
.home-v5-person figcaption {width:max-content;margin:12px auto 0;font-size:12px;font-weight:400;line-height:20px;padding:0;background:transparent;border-radius:0;color:#52675D}
.home-v5-portrait-unavailable {font-size:13px;line-height:1.6;padding:20px;min-width:96px;max-width:140px;color:var(--home-ink);text-align:center;border:1px dashed var(--home-control);border-radius:10px}
.home-v5-section-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;flex-wrap:wrap}
.home-v5-section-heading h3 {font-size:20px;line-height:1.4;margin:0;font-weight:650}
.home-v5-recent-tools {display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:14px}
.home-v5-recent-tools :is(a,button) {min-height:32px;display:inline-flex;align-items:center;gap:8px;padding:4px 0;color:var(--home-jade);text-decoration:none;background:transparent;border:0}
.home-v5-recent-tools :is(a,button):hover {text-decoration:underline;text-underline-offset:4px}
.home-v5-recent-tools button span {font-variant-numeric:tabular-nums;background:var(--home-control);padding:0 6px;border-radius:4px}
.home-v5-works {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.home-v5-work {display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:12px;border:1px solid #D7E1D9;background:var(--home-surface);text-decoration:none;box-shadow:none;transition:border-color 160ms}
.home-v5-work:hover,.home-v5-work:focus-visible {border-color:var(--home-jade)}
.home-v5-work-preview {height:180px;width:100%;position:relative;display:grid;place-items:center;background:#EDF3ED;overflow:hidden}
.home-v5-work-preview img {width:100%;height:100%;display:block;object-fit:contain}
.home-v5-work-label {position:absolute;top:12px;left:12px;z-index:1;padding:4px 8px;border:1px solid #C6DED1;border-radius:6px;background:rgba(255,255,255,.95);color:#236D5D;font-size:11px;line-height:1.3;font-weight:600}
.home-v5-preview-missing {display:grid;justify-items:center;gap:8px;font-size:13px;color:var(--home-ink)}
.home-v5-preview-missing .home-v5-icon {width:24px;height:24px}
.home-v5-work-copy {padding:16px;min-height:104px;flex:1;display:flex;gap:8px;flex-wrap:wrap;align-content:flex-start;align-items:center;color:var(--home-ink)}
.home-v5-work-copy h4 {font-size:16px;line-height:1.4;min-height:44.8px;width:100%;margin:0;font-weight:600;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-v5-work-copy>span {font-size:12px;line-height:1.5;color:#52675D}
.home-v5-work-grade {margin-left:auto}
.home-v6-work-action {position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:9px 14px;border-radius:7px;background:#236D5D;color:#FFF;font-size:13px;font-weight:500;opacity:0;transform:translateY(10px);transition:transform 220ms cubic-bezier(.22,1,.36,1),opacity 180ms;pointer-events:none}
.home-v5-work:is(:hover,:focus-visible) .home-v6-work-action {opacity:1;transform:translateY(0)}
.home-v5 .home-v5-creative {position:relative;display:flex;flex-direction:column;width:100%;min-width:0;padding:0;overflow:hidden;text-align:left;border-radius:12px;border:1px solid #D7E1D9;text-decoration:none;color:var(--home-ink);background:#F8FBF7;box-shadow:none;transition:border-color 160ms,background-color 160ms}
.home-v5 .home-v5-creative:hover {border-color:var(--home-jade);background:#FCFDFB}
.home-v5-creative-label {position:absolute;top:12px;left:16px;z-index:1;font-size:12px;line-height:1.4;font-weight:400;color:var(--home-jade)}
.home-v5-creative-art {display:grid;place-items:center;height:180px;width:100%;overflow:hidden;background:#F4F8F1}
.home-v5-creative-graphic {display:block;width:112px;height:84px;filter:none}
.home-v5-creative-copy {display:block;padding:16px;min-height:104px;flex:1}
.home-v5-creative-copy>b {display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-height:44.8px;font-size:16px;line-height:1.4;font-weight:600}
.home-v5-creative-copy>b>span {font-size:16px;line-height:1;font-weight:400}
.home-v5-creative-copy>span {display:block;margin-top:6px;font-size:13px;line-height:1.5}
.home-v5-first-work {position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:hidden;padding:24px;border:1px solid var(--home-control);border-radius:14px;background:var(--home-surface);color:#183E35}
.home-v5-first-label {font-size:12px;line-height:1.5;color:#236D5D;margin-bottom:18px}
.home-v5-first-work>b {position:relative;font-size:22px;line-height:1.45;font-weight:650}
.home-v5-first-work>p {position:relative;max-width:23em;margin:12px 0 0;font-size:13px;line-height:1.7}
.home-v5-icon {display:inline-grid;place-items:center;width:22px;height:22px;flex:none}
.home-v5-icon svg {width:100%;height:100%;display:block}
.home-v5-tasks {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--home-control);border-bottom:1px solid var(--home-control)}
.home-v5-tasks>a {display:flex;align-items:center;gap:12px;padding:16px 20px;min-height:84px;text-decoration:none;color:var(--home-ink);transition:background-color 160ms}
.home-v5-tasks>a:first-child {padding-left:0}
.home-v5-tasks>a:last-child {padding-right:0}
.home-v5-tasks>a+a {border-left:1px solid var(--home-control)}
.home-v5-tasks>a:hover {background:var(--home-control)}
.home-v5-tasks .home-v5-icon {width:32px;height:32px;border-radius:0;color:var(--home-jade);background:transparent}
.home-v5-tasks .home-v5-icon svg {width:22px;height:22px}
.home-v5-tasks b {font-size:16px;font-weight:600;display:block;line-height:1.4}
.home-v5-tasks span:not(.home-v5-icon):not(.home-v5-task-arrow) {font-size:13px;line-height:1.5;display:block;margin-top:4px}
.home-v5-task-arrow {margin-left:auto;font-size:18px;color:var(--home-jade)}
.home-v5-status {display:flex;align-items:center;gap:32px;flex-wrap:wrap;font-size:14px}
.home-v5-status a {display:inline-flex;align-items:baseline;gap:8px;min-height:32px;text-decoration:none;color:var(--home-ink)}
.home-v5-status a:hover {text-decoration:underline;text-underline-offset:4px}
.home-v5-status b {font-size:20px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--home-jade)}
.home-v5-status-note {font-size:13px;margin-left:auto;color:var(--home-ink)}
.home-v5-public {display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;line-height:1.6;padding:12px 16px;background:var(--home-control);border-radius:10px}
.home-v5-guidance {display:grid;grid-template-columns:1fr 1fr;gap:24px}
.home-v5-disclosure {min-width:0}
.home-v5-disclosure summary {cursor:pointer;min-height:40px;padding:8px 0;font-size:14px;font-weight:600;color:var(--home-jade)}
.home-v5-disclosure :is(ol,ul) {padding:12px 0 0 20px;font-size:14px;line-height:1.7}
.home-v5-disclosure li+li {margin-top:8px}
.home-v5-disclosure p {margin:12px 0 0;font-size:13px;line-height:1.7}
.home-v5-disclosure>a {display:inline-block;font-size:14px;margin-top:12px;min-height:32px;text-underline-offset:4px}
@media (max-width:1280px) {
  .home-v5-hero h2 {font-size:40px}
  .home-v5-work-preview,.home-v5-creative-art {height:160px}
}
@media (max-width:1100px) {
  .home-v5-hero {grid-template-columns:minmax(0,1.18fr) minmax(232px,.82fr);padding:28px;gap:16px}
  .home-v5-cast {gap:16px}
  .home-v5-hero h2 {font-size:36px}
  .home-v5-stage {--home-visible-height:190px;--home-footline:218px;height:252px}
  .home-v5-tasks>a {padding:16px 12px}
  .home-v5-scene {inset:-28px -28px -28px -48px}
  .home-v5-ground {left:-28px;right:-28px;bottom:-28px}
}
@media (max-width:740px) {
  .home-v5 {gap:24px}
  .home-v5-hero {grid-template-columns:minmax(0,1fr);min-height:0;padding:24px;gap:12px;border-radius:20px}
  .home-v5-hero h2 {font-size:32px;line-height:1.32;letter-spacing:-.035em}
  .home-v5-intro {font-size:14px;max-width:24em}
  .home-v5-hero-actions {gap:16px;margin-top:20px}
  .home-v5-stage {--home-visible-height:158px;--home-footline:177px;height:211px}
  .home-v5-scene {inset:0 -24px -24px -24px;border-radius:0 0 20px 20px;mask-image:linear-gradient(to bottom,transparent,#000 24%);opacity:.8}
  .home-v5-ground {left:-24px;right:-24px;bottom:-24px;top:calc(var(--home-footline) - 28px)}
  .home-v5-cast {justify-content:flex-end;gap:24px}
  .home-v5-person figcaption {font-size:12px;margin-top:10px}
  .home-v5-contact {height:5px;bottom:-2.5px}
  .home-v5-person[data-home-person="hxy"] .home-v5-contact {height:4px;bottom:-2px}
  .home-v5-section-heading {align-items:flex-start;gap:8px}
  .home-v5-section-heading h3 {font-size:18px}
  .home-v5-recent-tools {font-size:13px;gap:16px}
  .home-v5-recent-tools :is(a,button) {min-height:44px}
  .home-v5-works {grid-template-columns:1fr;gap:12px}
  .home-v5-work {display:flex}
  .home-v5-work-preview {height:auto;min-height:150px;aspect-ratio:16/9}
  .home-v5-work-copy {padding:14px 16px;min-height:90px;align-content:flex-start;gap:6px}
  .home-v5-work-copy h4 {font-size:15px;min-height:42px}
  .home-v5-work-copy>span {font-size:12px}
  .home-v5-work-grade {margin-left:auto}
  .home-v5-work-label {top:8px;left:8px;font-size:10px;padding:3px 5px}
  .home-v6-work-action {opacity:1;transform:none}
  .home-v5 .home-v5-creative {display:flex;min-height:0}
  .home-v5-creative-label {top:12px;left:16px;font-size:12px}
  .home-v5-creative-art {aspect-ratio:16/9;height:auto;min-height:150px;display:grid;place-items:center}
  .home-v5-creative-graphic {width:96px;height:72px}
  .home-v5-creative-copy {padding:14px 16px;min-height:90px}
  .home-v5-creative-copy>b {font-size:15px;min-height:42px}
  .home-v5-creative-copy>b>span {font-size:16px}
  .home-v5-creative-copy>span {font-size:13px;line-height:1.6;margin-top:4px}
  .home-v5-first-work {padding:16px}
  .home-v5-first-label {font-size:11px;margin-bottom:8px}
  .home-v5-first-work>b {font-size:18px;line-height:1.45}
  .home-v5-first-work>b br {display:none}
  .home-v5-first-work>p {font-size:12px;line-height:1.6;margin-top:6px}
  .home-v5-tasks {grid-template-columns:1fr}
  .home-v5-tasks>a,.home-v5-tasks>a:first-child,.home-v5-tasks>a:last-child {padding:16px 4px;min-height:76px}
  .home-v5-tasks>a+a {border-left:0;border-top:1px solid var(--home-control)}
  .home-v5-status {gap:12px 20px}
  .home-v5-status-note {margin:0;width:100%}
  .home-v5-public {align-items:flex-start;flex-direction:column;gap:8px;font-size:13px}
  .home-v5-guidance {grid-template-columns:1fr;gap:8px}
}
@media (hover:none), (pointer:coarse) {
  .home-v6-work-action {opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce) {
  .home-v5 :is(a,button,summary),.home-v6-work-action {transition:none}
  .home-v5 .home-v5-creative:hover {transform:none}
}