.conversation{backdrop-filter:blur(16px)}
.conversation .panel-skin{opacity:.97}
.topics{width:51.55%;left:3.82%;gap:.48cqw;}
.studio .topics{width:70%}
.studio .topics .topic:not(.resume){flex:0 0 16.86cqw}
.studio .topics .topic.resume{position:relative;flex:0 0 16.86cqw;display:block;padding:0;border:0;background:none;overflow:visible}
.studio .topics .topic.resume img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.studio .topics .topic.resume:hover,.studio .topics .topic.resume[aria-pressed=true]{filter:brightness(1.3);transform:translateY(-.12cqw)}
.studio:not(.opening):not(.has-opened) .topics .topic.resume{animation-delay:.52s}
.topic{background-size:605.8% 1147.56%;border-radius:.2cqw}
.topic.brand{background-position:4.585% 92.9%}
.topic.design{background-size:586.67% 1147.56%;background-position:24.802% 92.9%}
.topic.ai{background-size:574.57% 1147.56%;background-position:46.126% 92.9%}
.send{background-size:960.92% 1306.94%;background-position:94.66% 74.11%}
.contact{background-size:955.43% 2688.57%;background-position:96.79% 91.28%}
.robot-video{transform:translate(-.033%,-.055%) scale(.980201);transform-origin:50% 50%;opacity:0;transition:opacity .14s ease;mask-image:linear-gradient(to right,transparent 11%,#000 13%,#000 43%,transparent 45%),linear-gradient(to bottom,transparent 11%,#000 13%,#000 70%,transparent 73%);mask-composite:intersect;z-index:1}
.robot-video.playing{opacity:1}
.nameplate-occlusion{position:absolute;inset:0;background:url('assets/studio-static-v01.png') center/100% 100%;clip-path:polygon(9.1% 69.6%,22.4% 69.6%,23% 82.6%,7.9% 82.6%);z-index:1;pointer-events:none}
@media(max-width:700px) and (orientation:portrait){.nameplate-occlusion{height:65vw;background-size:cover;background-position:left top;clip-path:polygon(7% 68%,26% 68%,26% 86%,7% 86%)}}
.robot-video.wide-action{mask-image:linear-gradient(to right,transparent 11%,#000 13%,#000 49%,transparent 52%),linear-gradient(to bottom,transparent 11%,#000 13%,#000 70%,transparent 73%)}
.conversation,.composer,.topics,.contact-area{z-index:2}
.mic.recording{color:#f3c47e;filter:drop-shadow(0 0 5px #efb963)}
.mic{position:relative;touch-action:none;user-select:none;-webkit-user-select:none}
.mic-tip{position:absolute;bottom:calc(100% + 14px);left:0;width:max-content;max-width:75vw;padding:9px 12px;background:#252422f5;border:1px solid #c7a66c70;border-radius:6px;color:#ecd5ad;font-size:clamp(11px,.85cqw,14px);line-height:1.5;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s;z-index:10}
.mic:hover .mic-tip,.mic:focus-visible .mic-tip{opacity:1;transform:none}
.mic.recording .mic-tip{opacity:0}
.greeting-control{position:absolute;right:3.5%;top:2%;z-index:5;border:1px solid #d2af7040;background:#1b1b1ba8;color:#dfc59d;padding:.45em .8em;border-radius:5px;font-size:clamp(11px,.8cqw,14px)}
.studio .contact-area{height:auto;aspect-ratio:175/35}
.robot-video.desk-action{mask-image:linear-gradient(to right,transparent 11%,#000 13%,#000 49%,transparent 52%),linear-gradient(to bottom,transparent 11%,#000 13%,#000 77%,transparent 80%)}
@media(max-width:700px) and (orientation:portrait){.topics{width:94%;left:3%;height:10vw;gap:1vw}.topic.brand{background-size:605.8% 1147.56%;background-position:4.585% 92.9%}.topic.design{background-size:586.67% 1147.56%;background-position:24.802% 92.9%}.topic.ai{background-size:574.57% 1147.56%;background-position:46.126% 92.9%}.send{background-size:960.92% 1306.94%;background-position:94.66% 74.11%}.contact{background-size:955.43% 2688.57%;background-position:96.79% 91.28%}.contact-area{height:6.6vw}.conversation{backdrop-filter:blur(12px)}}
@media(max-width:700px) and (orientation:portrait){.studio .topics{width:94%;gap:1vw}.studio .topics .topic:not(.resume){flex:1 1 0;min-width:0}.studio .topics .topic.resume{flex:0 0 17vw;padding:0}.studio .topics .topic.resume .resume-icon{width:3vw;height:3.7vw}.studio .topics .topic.resume .resume-label strong{font-size:2.6vw}.studio .topics .topic.resume .resume-label small{font-size:1.1vw}.studio .topics .topic.resume .resume-arrow{width:1.5vw;height:2.5vw}}

/* Stable pose layer shares the full robot/forearm footprint with video. */
.attention-still{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:1;mask-image:linear-gradient(to right,transparent 11%,#000 13%,#000 49%,transparent 52%),linear-gradient(to bottom,transparent 11%,#000 13%,#000 77%,transparent 80%);mask-composite:intersect}
.robot-video.attention-video{transition:none;mask-image:linear-gradient(to right,transparent 11%,#000 13%,#000 49%,transparent 52%),linear-gradient(to bottom,transparent 11%,#000 13%,#000 77%,transparent 80%)}
@media(max-width:700px) and (orientation:portrait){.attention-still{height:65vw;object-fit:cover;object-position:left top}}

.content-offer{margin-top:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;white-space:normal}.content-offer button{background:#d5ac6814;border:1px solid #d5ac6870;border-radius:6px;color:#efce98;padding:7px 12px;font-size:.9em;transition:background .18s,box-shadow .18s}.content-offer button:hover{background:#d5ac682b;box-shadow:0 0 10px #d5ac6820}.content-offer-hint{font-size:.78em;color:#bcb4a5}

.book-download-offer{gap:16px;align-items:center}
.book-cover-download{display:block;flex:0 0 auto;width:clamp(88px,8vw,128px);max-width:35%;border-radius:3px;overflow:hidden;box-shadow:0 5px 16px #0005;transition:transform .2s,box-shadow .2s}
.book-cover-download img{display:block;width:100%;height:auto}
.book-cover-download:hover,.book-cover-download:focus-visible{transform:translateY(-3px);box-shadow:0 5px 20px #d5ac6838;outline:1px solid #d5ac68}
.book-download-offer .content-offer-hint{white-space:pre-line;line-height:1.7;flex:1;min-width:130px;color:#dcc9a7}
@media(prefers-reduced-motion:reduce){.book-cover-download{transition:none}}
/* Contact entry stays readable without relying on text baked into a sprite. */
.studio .contact{display:flex;align-items:center;justify-content:center;gap:.35cqw;background:none;border:0;color:#e7c482;font-size:1.05cqw;font-weight:650;white-space:nowrap;text-shadow:0 1px 5px #000}
.studio .contact svg{width:1.65cqw;height:1.45cqw;flex:none;fill:#e7c482;stroke:#e7c482;stroke-width:1.6;stroke-linejoin:round}
.studio .contact svg path+path{fill:#282722}
.studio .contact-popover{width:8.7cqw;padding:.6cqw;border-radius:.55cqw}
.studio .contact-popover p{font-size:.6cqw;line-height:1.35;margin:.4cqw 0 0;white-space:nowrap}
@media(max-width:700px) and (orientation:portrait){
 .studio .contact{font-size:3vw;gap:1vw}.studio .contact svg{width:4.8vw;height:4.2vw}
 .studio .contact-popover{width:29vw;padding:2vw}.studio .contact-popover p{font-size:2vw;margin-top:1vw}
}

.studio .privacy-note{position:absolute;left:22%;bottom:.55%;width:56%;margin:0;text-align:center;color:#b7a488;font-size:.66cqw;line-height:1.35;text-shadow:0 1px 4px #000;z-index:2;pointer-events:none}
.studio .privacy-note a{color:inherit;text-decoration:none;pointer-events:auto}
.studio .privacy-note a:hover{text-decoration:underline;color:#edcc92}
@media(max-width:700px) and (orientation:portrait){.studio .privacy-note{position:relative;left:auto;bottom:auto;width:90%;margin:3vw auto 0;font-size:2.2vw;line-height:1.5}}

/* Keep text proportional to the studio when a phone is rotated. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (orientation:landscape) and (max-height:600px) and (pointer:coarse){
 .studio .mic-tip{font-size:.85cqw;bottom:calc(100% + 1cqw);padding:.55cqw .75cqw;border-radius:.4cqw}
 .studio .greeting-control{font-size:.8cqw}
 .studio .content-offer{margin-top:.8cqw;gap:.6cqw}
 .studio .content-offer button{padding:.4cqw .7cqw;font-size:.85cqw}
 .studio .book-cover-download{width:8cqw;max-width:35%}
 .studio .book-download-offer .content-offer-hint{min-width:0}
}