/* Page-specific compositions built on the shared depth and float primitives. */
.unique-scene .page-object-surface{padding:20px;min-height:80px;overflow:visible;position:relative}
.unique-scene .page-object-surface:has(>.system-chrome){padding:0;overflow:hidden}
.unique-scene strong{display:block;font-size:20px;line-height:1.25;letter-spacing:-.6px;font-weight:500}
.unique-scene .visual-label{display:block;color:#b692a0;font:8px var(--mono);letter-spacing:1.3px;margin-bottom:14px}
.unique-scene .page-object img:not(.studio-logo){width:28px;height:28px;object-fit:contain}
.page-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;stroke:#ec123b40;stroke-width:1;transform:translateZ(-100px)}
.page-wires .signal-path{stroke:var(--red);stroke-dasharray:8 160;animation:page-signal 12s linear infinite;opacity:.7}
.visual-lines{display:grid;gap:7px;margin-top:18px}.visual-lines i{display:block;width:85%;height:4px;background:#ffffff14;border-radius:4px}.visual-lines i:nth-child(2){width:65%}.visual-lines i:nth-child(3){width:42%;background:#ec123b70}
.service-cube .page-object-surface{min-height:119px;border-bottom:5px solid #401321;box-shadow:8px 10px 0 #180e14,0 20px 35px #0008}
.service-cube img{margin:4px 0 15px}.service-cube strong{font-size:16px}.module-index{position:absolute;right:15px;top:14px;color:#8f6878;font:8px var(--mono)}.module-socket{position:absolute;right:15px;bottom:19px;width:4px;height:4px;background:var(--red);box-shadow:0 0 12px var(--red)}
.architecture-label .page-object-surface{background:#160e15}.architecture-label strong{font-size:22px}
.portfolio-mini{padding:18px}.portfolio-mini>span{display:block;font:8px var(--mono);color:#b7a4b0;letter-spacing:1px;margin-bottom:15px}.night-mini{background:linear-gradient(120deg,#30202c,#141019);min-height:178px}.night-mini strong{font-family:Georgia,serif;font-size:26px}.mini-products{position:absolute;right:20px;bottom:24px;display:flex;gap:8px;align-items:end}.mini-products i{width:26px;height:60px;background:linear-gradient(90deg,#351825,#aa6677,#402033);border-radius:7px 7px 4px 4px;border-top:9px solid #bca5a8}.mini-products i:nth-child(2){height:44px;width:33px}
.mini-tables{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini-tables i{padding:12px 9px;background:#ffffff06;border:1px solid #ffffff13;border-radius:5px;font:10px var(--mono);font-style:normal}.mini-tables i:nth-child(odd){border-color:#ec123b55;background:#ec123b12}.mini-tables b{display:block;font:6px var(--mono);margin-top:8px;color:#a58c9c}.mini-post{display:flex;gap:12px;align-items:center}.mini-post>i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#721632;font-style:normal}.mini-post>div{flex:1}.mini-post .visual-lines{margin:0}
.studio-slab .page-object-surface{height:158px;border-radius:10px;border-bottom:7px solid #391221;box-shadow:12px 14px 0 #190d13,0 30px 50px #0008}.slab-back .page-object-surface{background:linear-gradient(130deg,#211820,#0d0b10)}.slab-middle .page-object-surface{background:linear-gradient(130deg,#341524,#100c12)}.slab-front .page-object-surface{background:linear-gradient(130deg,#491226,#170c14);border-color:#ad254e88}.studio-logo{display:block;width:178px;height:auto;margin:13px 0 15px}.studio-signature{font:5px var(--mono);letter-spacing:1px;color:#b88e9e}.studio-note strong{font-size:16px;margin-top:16px}.studio-orbit{position:absolute;inset:50px 15px;border:1px solid #ec123b30;border-radius:50%;transform:rotateY(30deg) rotateZ(-25deg)}
.milestone .page-object-surface{padding:14px;min-height:82px;background:linear-gradient(120deg,#29141f,#110d12);border-bottom:4px solid #581329;box-shadow:6px 7px 0 #170b12,0 15px 25px #0007}.milestone strong{font-size:16px;margin-top:12px}.stage-index{font:10px var(--mono);color:#d47c94}.milestone img{position:absolute;top:12px;right:14px;width:20px!important;height:20px!important}.milestone:last-child .page-object-surface{border-color:var(--red);background:linear-gradient(130deg,#64112c,#20101b)}
.industry-satellite .page-object-surface{display:flex;align-items:center;gap:12px;min-height:78px;padding:16px}.industry-satellite strong{font-size:13px}.industry-hub{display:flex;gap:15px;align-items:center}.industry-hub strong{font-size:18px}.hub-object .page-object-surface{padding:25px 20px;background:linear-gradient(140deg,#4a1429,#160d15);border-color:#ec123b80;box-shadow:0 0 50px #ec123b20,0 20px 30px #0009}
.brief-preview{padding:23px}.brief-preview strong{font-size:25px}.brief-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.brief-options span{font:7px var(--mono);padding:5px 7px;border:1px solid #ec123b35;border-radius:3px;color:#c6acb9}.conversation-preview{padding:22px;display:grid;gap:16px}.conversation-preview p{font-size:14px;color:#d3bcc9;line-height:1.5;border-radius:9px;padding:12px;background:#ffffff08;width:fit-content;margin:0}.conversation-preview p:nth-child(2){background:#ec123b22;border:1px solid #ec123b33;margin-left:auto}.typing-dots{display:flex;gap:5px}.typing-dots i{width:4px;height:4px;background:var(--red);border-radius:50%;animation:conversation-pulse 3s ease-in-out infinite}.typing-dots i:nth-child(2){animation-delay:.2s}.typing-dots i:nth-child(3){animation-delay:.4s}.connection-chip strong{font-size:16px;margin-top:12px}.contact-rings{position:absolute;inset:60px 45px;transform:rotateX(40deg) rotateZ(-25deg)}.contact-rings i{position:absolute;inset:0;border:1px solid #ec123b35;border-radius:50%;animation:connection-breathe 12s ease-in-out infinite}.contact-rings i:nth-child(2){inset:40px;animation-delay:-4s}.contact-rings i:nth-child(3){inset:80px;animation-delay:-8s}
@keyframes page-signal{to{stroke-dashoffset:-336}}
@keyframes conversation-pulse{50%{opacity:.3;transform:translateY(-2px)}}
@keyframes connection-breathe{50%{transform:scale(1.08);opacity:.4}}
@media(max-width:600px){.page-art .unique-scene{scale:.57}.page-art .scene-caption{font-size:4px;gap:4px}.page-art .scene-caption span{white-space:nowrap}}
@media(max-width:360px){.page-art .unique-scene{scale:.48}}
@media(prefers-reduced-motion:reduce){.unique-scene *{animation:none!important}.unique-scene .depth-layer{will-change:auto}}
.visual-paused .unique-scene *{animation-play-state:paused!important}