.studio-case-intro{max-width:960px;margin:0 auto 60px}.studio-case-intro .study-title{margin-bottom:25px}.studio-case-intro .case-lead{font-size:clamp(20px,2.5vw,28px);line-height:1.5;margin-bottom:28px}.studio-writing{max-width:850px;margin:55px auto}.studio-writing h2{font-size:clamp(30px,4vw,46px);line-height:1.15;letter-spacing:-.04em;margin:0 0 26px}.studio-writing h3{font-size:24px;letter-spacing:-.025em;margin:35px 0 20px}.studio-writing p,.studio-writing li,.studio-filter-list{font-size:18px;line-height:1.8;color:var(--subtle)}.studio-writing p{margin-bottom:22px}.studio-writing strong,.studio-filter-list dt{color:var(--ink);font-weight:650}.studio-writing em{font-style:italic}.studio-writing code{font-size:.9em;padding:2px 5px;background:var(--paper-2);border-radius:4px}.studio-build-list,.studio-takeaways ul{padding-left:23px}.studio-writing li{padding-left:6px;margin-bottom:18px}.studio-filter-list>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:25px;padding:18px 0;border-top:1px solid var(--line)}.studio-filter-list dd{margin:0}.studio-laptop-scene{margin:70px auto 90px;max-width:1020px;perspective:1400px}.studio-laptop{width:90%;margin:0 auto;position:relative;perspective:1400px;transform-style:preserve-3d}.studio-laptop-lid{position:relative;padding:19px 10px 22px;border:2px solid #626a76;background:linear-gradient(135deg,#29313c,#080b10 70%);border-radius:18px 18px 8px 8px;transform-origin:center bottom;transform:rotateX(var(--lid-angle,0deg));box-shadow:0 15px 35px #19315c17;will-change:transform}.studio-laptop-lid a{display:block;background:#000;border-radius:5px;overflow:hidden}.studio-laptop-lid img{width:100%;height:auto;display:block}.laptop-camera{position:absolute;width:5px;height:5px;border-radius:50%;background:#254570;left:50%;top:7px;translate:-50% 0}.laptop-brand{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:.18em;color:#9da6b4}.studio-laptop-base{position:relative;width:112%;margin-left:-6%;height:19px;background:linear-gradient(#d5d9df,#9fa7b3 60%,#798390);border-radius:3px 3px 40% 40%;border:1px solid #919aa8;box-shadow:0 9px 15px #172b4915;z-index:2}.studio-laptop-base i{display:block;width:17%;height:7px;margin:0 auto;background:linear-gradient(#8a94a2,#b7bec7);border-radius:0 0 10px 10px}.studio-laptop-shadow{width:100%;height:15px;margin:0 auto;background:#17376120;border-radius:50%;filter:blur(10px)}.studio-laptop-scene figcaption{font-size:13px;line-height:1.65;color:var(--subtle);text-align:center;margin-top:22px}.studio-laptop-scene figcaption a{color:var(--rose);white-space:nowrap;margin-left:8px}.studio-takeaways{padding-top:30px;border-top:1px solid var(--line)}
@media(max-width:600px){.studio-writing p,.studio-writing li,.studio-filter-list{font-size:16px;line-height:1.75}.studio-filter-list>div{grid-template-columns:1fr;gap:7px}.studio-laptop-scene{margin:45px auto 55px}.studio-laptop{width:92%}.studio-laptop-lid{padding:13px 5px 16px;border-radius:10px 10px 4px 4px}.laptop-brand{font-size:4px;bottom:5px}.laptop-camera{width:3px;height:3px;top:5px}.studio-laptop-base{height:11px}.studio-laptop-base i{height:4px}.studio-writing{margin:40px auto}.studio-laptop-scene figcaption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.studio-laptop-lid{transform:none!important;will-change:auto}}.motion-paused .studio-laptop-lid{transform:none!important}