/* Claude v3 layer expansion — preserves existing site markup and app.js. */
.claude-scene{background:#0a0a20;isolation:isolate;overflow:hidden}
.claude-layers{position:absolute;inset:0}
.claude-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;will-change:transform}
.claude-glow{mix-blend-mode:screen}
.claude-tint{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,22,.78),rgba(4,6,22,.17) 63%,transparent);pointer-events:none}
.claude-caption{position:absolute;z-index:8;left:6%;top:21%;width:min(500px,82%);text-shadow:0 3px 22px #03051f;pointer-events:none}
.claude-era{display:inline-block;font:800 12px/1.4 monospace;letter-spacing:2px;color:#b9f6ff;border:1px solid #91dff6a0;padding:8px 12px;border-radius:30px;background:#0b10286c}
.claude-caption h2{font-size:clamp(37px,5.1vw,76px);line-height:.99;letter-spacing:-.06em;margin:24px 0;max-width:520px;font-weight:950;color:#f4f1fc}
.claude-caption p{font-size:clamp(14px,1.35vw,20px);max-width:380px;color:#f3e8ff;line-height:1.5}
@media(max-width:720px){.claude-caption{top:10%;left:6%;width:88%}.claude-caption h2{font-size:clamp(34px,9vw,54px);margin:15px 0}.claude-caption p{font-size:14px;max-width:270px}.claude-tint{background:linear-gradient(180deg,#070a24d9,transparent 74%)}.claude-layer{object-position:center}}
@media(prefers-reduced-motion:reduce){.claude-layer{transform:none!important}}