.depth-section figure { margin: 0; }
.depth-section { scroll-margin-top: 96px; }
.depth-section .section-intro { margin-bottom: 38px; }
.depth-section .section-intro p { max-width: 810px; }
.proof-layout { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 42px; }
.proof-media { min-width: 0; }
.proof-diagram { max-width: 580px; margin: auto; }
.proof-diagram img { display: block; width: 100%; height: auto; border-radius: 22px; }
.page-text .proof-layout:has(.proof-diagram) { grid-template-columns: 1.1fr 1fr; }
.page-text .proof-layout:has(.proof-diagram) .proof-observations { display: block; }
.proof-media .landing-video { aspect-ratio: 4/5; }
.proof-media .landing-video video { object-fit: cover; }
.proof-observations article { display: grid; grid-template-columns: 30px 1fr; gap: 16px; padding: 26px 0; border-top: 1px solid #ddd; }
.proof-number { color: #075bbe; font-size: 13px; padding-top: 4px; }
.proof-observations h3 { margin-bottom: 13px; }
.proof-observations p { color: #626262; font-size: 16px; line-height: 1.7; }
.page-text .proof-layout { grid-template-columns: 1fr; gap: 26px; }
.page-text .proof-media .landing-video { aspect-ratio: 16/8; }
.page-text .proof-observations { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.page-image .proof-media { order: 2; }
.page-product .proof-media .landing-video { aspect-ratio: 9/16; max-width: 360px; margin: auto; }
.page-social .proof-layout { grid-template-columns: .75fr 1fr; max-width: 1050px; margin: auto; gap: 64px; }
.page-social .proof-media .landing-video { aspect-ratio: 9/14; max-width: 360px; margin: auto; }
.page-character .proof-media { order: 2; }
.page-prompts .proof-layout { grid-template-columns: 1.25fr 1fr; }
.page-prompts .proof-media .landing-video { aspect-ratio: 4/3; }
.scene-lab { display: grid; grid-template-columns: 1fr 1fr; gap: 38px; align-items: center; background: #f6f8fb; border: 1px solid #e4e8ef; border-radius: 24px; padding: 28px; }
.lab-visual { min-width: 0; }
.lab-stage { --stage-height: 440px; position: relative; height: var(--stage-height); border-radius: 18px; overflow: hidden; background: #222; isolation: isolate; }
.lab-stage > img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease, object-position .45s ease; }
.lab-guide { position: absolute; inset: 15%; border: 1px solid #ffffff9c; transition: inset .4s ease; box-shadow: 0 0 0 240px #0003; }
.guide-corner { position: absolute; width: 18px; height: 18px; border: 2px solid white; }
.corner-a { top: -1px; left: -1px; border-right: 0; border-bottom: 0; }
.corner-b { top: -1px; right: -1px; border-left: 0; border-bottom: 0; }
.corner-c { bottom: -1px; left: -1px; border-right: 0; border-top: 0; }
.corner-d { bottom: -1px; right: -1px; border-left: 0; border-top: 0; }
.lab-visual-caption { position: absolute; bottom: 20px; left: 20px; right: 20px; display: flex; }
.visual-label { border-radius: 999px; background: #fff; color: #222; padding: 8px 17px; font-size: 13px; }
.lab-tabs { display: none; gap: 6px; flex-wrap: wrap; margin-bottom: 26px; }
.lab-ready .lab-tabs { display: flex; }
.lab-tabs button { border: 1px solid #c5ccda; border-radius: 999px; padding: 10px 15px; min-height: 44px; font: 14px/1.4 Arial,sans-serif; color: #333; cursor: pointer; background: white; transition: color .2s, background .2s, border-color .2s; }
.lab-tabs button[aria-selected="true"] { color: white; background: #222; border-color: #222; }
.lab-panel h3 { margin-bottom: 15px; }
.lab-panel .lab-explanation { font-size: 16px; color: #626262; line-height: 1.7; }
.lab-prompt { background: white; padding: 22px; margin-top: 24px; border-radius: 16px; border: 1px solid #dbe1e9; }
.lab-prompt-label { display: block; font-size: 12px; color: #626262; margin-bottom: 13px; }
.lab-prompt p { font-size: 16px; line-height: 1.7; }
.lab-prompt .copy-example { margin-top: 18px; padding: 9px 14px; min-height: 44px; }
.scene-lab [hidden] { display: none !important; }
.lab-panel:not([hidden]) { animation: lab-content-in .24s ease; }
.scene-lab[data-state="1"] .lab-kind-framing > img { transform: scale(1.16); }
.scene-lab[data-state="2"] .lab-kind-framing > img { transform: scale(1.42); }
.scene-lab[data-state="1"] .lab-kind-focus .lab-guide { inset: 50% 20% 8%; }
.scene-lab[data-state="2"] .lab-kind-focus .lab-guide { inset: 8% 60% 25% 5%; }
.lab-kind-focus .lab-guide { inset: 10% 25% 40%; }
.scene-lab[data-state="1"] .lab-kind-product > img { transform: scale(1.25); }
.scene-lab[data-state="2"] .lab-kind-product .lab-guide { inset: 12% 56% 12% 6%; }
.lab-kind-character .lab-guide { inset: 12% 25% 30%; }
.scene-lab[data-state="1"] .lab-kind-character .lab-guide { inset: 15% 12% 15%; }
.scene-lab[data-state="2"] .lab-kind-character .lab-guide { inset: 6%; }
.lab-kind-formats { display: flex; align-items: center; justify-content: center; }
.lab-kind-formats > img { width: min(100%, calc(var(--stage-height) * .5625)); height: auto; aspect-ratio: 9/16; object-fit: cover; transition: width .4s ease, aspect-ratio .4s ease; }
.lab-kind-formats .lab-guide { inset: 10% 32%; }
.scene-lab[data-state="1"] .lab-kind-formats > img { width: min(100%, calc(var(--stage-height) * .85)); height: auto; aspect-ratio: 1; }
.scene-lab[data-state="1"] .lab-kind-formats .lab-guide { inset: 19% 16%; }
.scene-lab[data-state="2"] .lab-kind-formats > img { width: min(100%, calc(var(--stage-height) * 1.777778)); height: auto; aspect-ratio: 16/9; }
.scene-lab[data-state="2"] .lab-kind-formats .lab-guide { inset: 28% 8%; }
.lab-kind-prompt .lab-guide { inset: 12%; }
.scene-lab[data-state="1"] .lab-kind-prompt .lab-guide { inset: 32% 8% 15%; }
.scene-lab[data-state="2"] .lab-kind-prompt .lab-guide { inset: 8% 8% 45%; }
.page-prompts .scene-lab { grid-template-columns: .9fr 1.1fr; background: #222; border-color: #222; color: white; }
.page-prompts .lab-panel .lab-explanation { color: #d0d0d0; }
.page-prompts .lab-prompt { color: #222; }
.page-prompts .lab-tabs button[aria-selected="true"] { border-color: #c7b4ea; background: #e7ddf8; color: #222; }
.page-prompts .lab-visual figcaption { color: #c4c4c4; }
.page-product .lab-visual { order: 2; }
.depth-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.gallery-image { aspect-ratio: 4/3; border-radius: 20px; overflow: hidden; background: #f0f0f0; }
.gallery-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.depth-gallery figure:hover img { transform: scale(1.025); }
.depth-gallery figcaption { text-align: left; padding: 23px 0 0; }
.gallery-index { display: block; color: #075bbe; font-size: 12px; margin-bottom: 16px; }
.depth-gallery h3 { margin-bottom: 14px; }
.depth-gallery p { color: #626262; font-size: 16px; line-height: 1.7; }
.page-image .depth-gallery { grid-template-columns: 1.15fr 1fr 1fr; }
.page-image .gallery-image { aspect-ratio: 3/4; }
.page-social .depth-gallery .gallery-image { aspect-ratio: 3/4; }
.page-social .depth-gallery figure:nth-child(2) { padding-top: 46px; }
.page-product .depth-gallery { grid-template-columns: 1.3fr 1fr 1fr; }
.diagnostic-list { border-top: 1px solid #ccc; }
.diagnostic-list article { display: grid; grid-template-columns: 1fr 1.4fr; gap: 44px; padding: 29px 0; border-bottom: 1px solid #ddd; }
.diagnostic-heading { display: flex; gap: 20px; }
.diagnostic-heading .section-number { margin: 5px 0 0; }
.diagnostic-reason { color: #222 !important; font-weight: 600; margin-bottom: 10px !important; }
.diagnostic-list p { color: #626262; font-size: 17px; line-height: 1.7; }
.depth-note { margin: 24px 0 0 !important; font-size: 15px; color: #626262; line-height: 1.7; max-width: 850px; }
.landing-page .landing-status { width: max-content; max-width: calc(100vw - 32px); }
.depth-arrived[data-depth-motion="mask"] { animation: depth-mask .55s cubic-bezier(.2,.7,.2,1) both; }
.depth-arrived[data-depth-motion="line"] { animation: depth-line .4s ease both; }
.depth-arrived[data-depth-motion="stagger"] { animation: depth-card .45s ease both; animation-delay: var(--depth-delay,0ms); }
@keyframes depth-mask { from { clip-path: inset(0 0 8% 0 round 22px); } to { clip-path: inset(0 round 22px); } }
@keyframes depth-line { from { opacity: .4; transform: translateX(-8px); } to { opacity: 1; transform: none; } }
@keyframes depth-card { from { opacity: .5; transform: scale(.98); } to { opacity: 1; transform: none; } }
@keyframes lab-content-in { from { opacity: .55; } to { opacity: 1; } }
@media (max-width: 900px) {
  .proof-layout, .page-social .proof-layout, .page-prompts .proof-layout { gap: 28px; grid-template-columns: 1fr 1fr; }
  .page-text .proof-layout { grid-template-columns: 1fr; }
  .page-text .proof-observations { gap: 16px; }
  .proof-observations article { grid-template-columns: 1fr; gap: 8px; padding: 20px 0; }
  .scene-lab, .page-prompts .scene-lab { grid-template-columns: 1fr; gap: 24px; }
  .lab-stage { --stage-height: 380px; }
  .page-product .lab-visual { order: 0; }
  .lab-copy { min-height: 0; }
  .depth-gallery { gap: 18px; }
  .depth-gallery h3 { font-size: 25px; }
  .diagnostic-list article { gap: 28px; }
}
@media (max-width: 650px) {
  .page-text .proof-layout:has(.proof-diagram) { grid-template-columns: 1fr; }
  .proof-layout, .page-social .proof-layout, .page-prompts .proof-layout { grid-template-columns: 1fr; gap: 22px; }
  .page-image .proof-media, .page-character .proof-media { order: 0; }
  .proof-media .landing-video { aspect-ratio: 4/3; }
  .page-product .proof-media .landing-video { aspect-ratio: 9/16; max-width: 285px; }
  .page-text .proof-media .landing-video { aspect-ratio: 4/3; }
  .page-social .proof-media .landing-video { aspect-ratio: 9/14; max-width: 285px; }
  .page-text .proof-observations { display: block; }
  .proof-observations article { grid-template-columns: 25px 1fr; gap: 12px; padding: 22px 0; }
  .proof-observations h3 { font-size: 24px; }
  .scene-lab { padding: 15px; border-radius: 22px; }
  .lab-stage { --stage-height: 300px; }
  .lab-tabs { gap: 7px; margin-bottom: 23px; }
  .lab-tabs button { font-size: 13px; padding: 10px 13px; }
  .lab-prompt { padding: 18px; margin-top: 20px; }
  .lab-visual-caption { left: 14px; bottom: 14px; }
  .depth-gallery, .page-image .depth-gallery, .page-product .depth-gallery { grid-template-columns: 1fr; gap: 34px; }
  .depth-gallery .gallery-image, .page-image .gallery-image, .page-social .depth-gallery .gallery-image { aspect-ratio: 4/3; }
  .depth-gallery figcaption { padding-top: 18px; }
  .page-social .depth-gallery figure:nth-child(2) { padding-top: 0; }
  .gallery-index { margin-bottom: 10px; }
  .diagnostic-list article { grid-template-columns: 1fr; gap: 17px; padding: 25px 0; }
  .diagnostic-list p { font-size: 16px; }
  .diagnostic-heading { gap: 15px; }
  .depth-section .section-intro { margin-bottom: 28px; }
}
.lab-diagram { background: #f3f6fa; }
.lab-diagram .lab-visual-caption { display: none; }
.scene-lab .lab-diagram:not(.lab-kind-formats) > img { object-fit: contain; transform: none; }
.lab-diagram .lab-guide { border-color: #076bea66; box-shadow: none; }
.lab-diagram .guide-corner { border-color: #076bea; }
.scene-lab[data-state="1"] .lab-kind-framing .lab-guide { inset: 30% 18% 20%; }
.scene-lab[data-state="2"] .lab-kind-framing .lab-guide { inset: 53% 53% 16% 14%; }
.scene-lab[data-state="1"] .lab-kind-product .lab-guide { inset: 30% 16% 29% 59%; }
.lab-kind-prompt .lab-guide { inset: 18% 8% 59%; }
.scene-lab[data-state="1"] .lab-kind-prompt .lab-guide { inset: 42% 8% 35%; }
.scene-lab[data-state="2"] .lab-kind-prompt .lab-guide { inset: 64% 8% 12%; }
.hero-image .photo-side img[src$=".svg"] { object-fit: contain; background: #f3f6fa; }
.hero-image .photo-side:has(img[src$=".svg"]) > span { display: none; }
.gallery-image:has(img[src$=".svg"]) { background: #f3f6fa; }
.gallery-image img[src$=".svg"] { object-fit: contain; }
@media (prefers-reduced-motion: reduce) {
  .depth-section *, .depth-section *::before, .depth-section *::after { animation: none !important; transition: none !important; }
}