/* Main-page composition. All surfaces use the shared Sky Studio tokens. */
.studio-home { background:var(--paper); }
.studio-home .topbar { padding-inline:max(24px,calc((100vw - 1320px)/2)); background:var(--header-surface); }
.studio-home .topbar-link { color:var(--ink); }
.studio-home .side-nav { display:none; }
.studio-home .section-inner,.studio-home .hero { width:min(100% - 80px,1320px); }
.studio-home .hero { grid-template-columns:minmax(0,.75fr) minmax(0,1.45fr); gap:20px; padding:42px 0 30px; }
.studio-home .hero-copy { position:relative; z-index:1; }
.studio-home .hero-eyebrow { padding:0; border:0; color:var(--muted); font:500 .6875rem/1.6 var(--font-mono); letter-spacing:.1em; }
.studio-home .hero .hero-title { margin:16px 0 22px; font-size:clamp(3rem,5.8vw,5.25rem); line-height:1.08; letter-spacing:-.055em; text-wrap:initial; }
.studio-home .hero-title > span { display:block; max-width:100%; overflow-wrap:anywhere; }
.studio-home .hero .hero-title > .hero-opening { color:var(--ink); }
.studio-home .hero .hero-title > .hero-punch { color:var(--ink); }
.studio-home .hero-finale { color:var(--blue); background:linear-gradient(transparent 92%,var(--yellow) 92%,var(--yellow) 98%,transparent 98%); box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.studio-home .hero-answer { margin:0 0 8px; font-size:1.125rem; font-weight:750; line-height:1.65; }
.studio-home .hero .hero-description { margin:0 0 22px; max-width:30rem; font-size:.9375rem; line-height:1.8; }
.studio-home .primary-button { background:var(--blue); border-radius:12px; padding:10px 20px; gap:24px; }
.studio-home .primary-button:hover { background:var(--blue-hover); }
.studio-home .button-arrow { background:none; color:inherit; width:22px; flex-basis:22px; }
.studio-home .hero-secondary { display:flex; align-items:center; width:fit-content; min-height:44px; margin-top:6px; gap:12px; color:var(--muted); font-size:.8125rem; }
.studio-home .hero-secondary:hover { color:var(--blue); }
.hero-categories { display:flex; flex-wrap:wrap; gap:10px; padding:0; list-style:none; margin:8px 0 0; color:var(--muted); }
.hero-categories li { font:600 .75rem/1.65 var(--font-mono); letter-spacing:.06em; }
.hero-categories li + li::before { content:"/"; padding-right:10px; color:var(--muted); }
.studio-scene { min-width:0; width:100%; margin:0; align-self:center; }
.studio-art { background:transparent; }
.studio-art img { width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; }
.studio-scene figcaption { color:var(--muted); font-size:.75rem; line-height:1.65; margin:8px 16px 12px; }
.scene-links { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr)); gap:8px; }
.scene-links a { display:flex; align-items:center; gap:7px; min-height:44px; padding:9px 10px; border-radius:9px; background:transparent; font-size:.8125rem; line-height:1.5; transition:background var(--motion-duration); }
.scene-links a span { color:var(--project-accent); font-family:var(--font-mono); }
.scene-links a b { margin-left:auto; color:var(--project-accent); }
.scene-links a:hover,.scene-links a:focus-visible { background:var(--white); }
.process-ribbon { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:20px 0; border-bottom:1px solid var(--line); }
.process-ribbon > span { display:flex; flex-wrap:wrap; gap:12px; font:600 .75rem/1.8 var(--font-mono); letter-spacing:.1em; }
.process-ribbon i { font-style:normal; }
.process-ribbon p { margin:0; color:var(--muted); font-size:.8125rem; }
.studio-home .highlights-section { padding:44px 0 64px; border:0; background:transparent; }
.studio-home .section-heading { padding:0; border:0; margin-bottom:20px; }
.studio-home .section-heading h2 { font-size:clamp(1.75rem,2.5vw,2.125rem); }
.studio-home .section-heading .eyebrow { font-size:.6875rem; margin-bottom:6px; }
.studio-home .section-note { font-size:.8125rem; }
.studio-home .highlights-grid { gap:16px; }
.studio-home .featured-card { padding:12px; border:1px solid var(--line); border-radius:var(--card-radius); background:var(--white); box-shadow:var(--shadow-rest); }
.studio-home .featured-content { flex:1; display:flex; flex-direction:row; align-items:flex-start; gap:13px; padding:6px 4px 16px; }
.featured-number { color:var(--project-accent); font:600 .875rem/1.7 var(--font-mono); }
.studio-home .featured-content > div { flex:1; min-width:0; }
.studio-home .featured-content h3 { margin:0 0 3px; font-size:1.125rem; line-height:1.4; }
.studio-home .featured-description { margin:0; font-size:.8125rem; line-height:1.6; }
.studio-home .featured-media { order:initial; aspect-ratio:16/10; border-radius:9px; background:var(--surface); }
.studio-home .featured-media img { object-fit:contain; }
.studio-home .featured-footer { border:0; padding:10px 3px 0; margin:0; gap:6px; font-size:.75rem; color:var(--muted); }
.studio-home .featured-footer .project-type { margin:0; font:500 .6875rem/1.7 var(--font-mono); color:var(--project-accent); }
.studio-home .featured-footer i { font-style:normal; }
.art-disclosure { margin:16px 0 0; font-size:.75rem; color:var(--muted); }
.studio-home .method-section { padding:64px 0; background:var(--surface); border-block:1px solid var(--line); }
.studio-home .method-grid { gap:26px; }
.studio-home .method-grid h3 { font-size:1.125rem; }
.studio-home .method-grid p { font-size:.9375rem; }
.studio-home .method-number { margin-bottom:14px; }
.making-note { border-top:1px solid var(--line); padding-top:18px; margin:28px 0 0; color:var(--muted); font-size:.8125rem; max-width:64rem; }
.studio-home .worklist-section { padding-top:64px; background:var(--sky); border-top:0; }
.studio-home .work-card { box-shadow:none; }
@media (hover:hover) and (pointer:fine) {
  html[data-motion="on"] .studio-home .primary-button:hover .button-arrow { transform:translate(3px,-3px); }
}
@media (max-width:1040px) {
  .studio-home .section-inner,.studio-home .hero { width:calc(100% - 48px); }
  .studio-home .hero { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:20px; }
  .studio-home .hero .hero-title { font-size:clamp(2.75rem,6.1vw,4.5rem); }
  .scene-links { grid-template-columns:1fr; }
  .scene-links a { padding:5px 10px; }
}
@media (max-width:720px) {
  .studio-home .topbar { padding:6px 16px; }
  .studio-home .topbar nav a:first-child { display:inline-flex; }
  .studio-home .topbar nav a[href="#about"] { display:none; }
  .studio-home .section-inner,.studio-home .hero { width:calc(100% - 32px); }
  .studio-home .hero { grid-template-columns:1fr; gap:24px; padding:30px 0 26px; }
  .studio-home .hero .hero-title { font-size:clamp(2rem,12vw,4.25rem); line-height:1.13; margin:14px 0 18px; }
  .studio-home .hero-punch br { display:none; }
  .studio-home .hero-answer { font-size:1rem; }
  .studio-home .hero-copy { max-width:none; }
  .studio-home .hero-eyebrow { font-size:.625rem; letter-spacing:.07em; }
  .studio-home .hero .hero-description { max-width:33rem; }
  .studio-scene figcaption { margin-inline:0; }
  .scene-links { grid-template-columns:1fr; gap:6px; }
  .process-ribbon { align-items:flex-start; flex-direction:column; gap:6px; }
  .process-ribbon > span { gap:9px; font-size:.6875rem; }
  .studio-home .highlights-section { padding-top:30px; }
  .studio-home .section-note { margin-top:8px; }
  .studio-home .method-section { padding:40px 0; }
  .studio-home .worklist-section { padding-top:40px; }
}