/* Only the new third-section interactive letter studio */
.as-letter-studio{background:#10151d;color:#f5f7fc;padding:clamp(45px,7vw,90px) 0;--as-face:#127cff;--as-glow:18,119,255;--as-brightness:.85;--as-depth:38px}
.as-letter-studio h2,.as-letter-studio h3{color:#fff}
.as-letter-studio p{color:#c9d4e3}
.as-studio-head{max-width:780px;margin-bottom:26px}
.as-studio-head h2{font-size:clamp(1.9rem,3.8vw,2.8rem);margin:8px 0 12px}
.as-studio-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:20px;align-items:stretch}
.as-studio-viewer,.as-studio-panel{background:#171f2a;border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden}
.as-studio-toolbar,.as-studio-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;color:#d9e4f1;font-size:.77rem;letter-spacing:.05em}
.as-studio-toolbar button,.as-spin{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 12px;color:#fff;font-size:.8rem;cursor:pointer}
.as-live-dot{display:inline-block;width:7px;height:7px;background:#8fe6bb;border-radius:50%;vertical-align:middle;margin-right:6px}
.as-stage{height:clamp(390px,45vw,560px);position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 45%,#273d53 0%,#151e29 43%,#0b1119 100%);perspective:1000px;touch-action:none;cursor:grab;outline-offset:-4px}
.as-stage:active{cursor:grabbing}
.as-stage:focus-visible{outline:2px solid #f7cb70}
.as-stage-wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 44%)}
.as-letter-object{position:absolute;left:50%;top:47%;height:355px;width:310px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-10deg) rotateY(-25deg) scale(1);will-change:transform;filter:drop-shadow(20px 24px 22px rgba(0,0,0,.45))}
.as-letter-depth{position:absolute;inset:0;transform-style:preserve-3d}
.as-letter-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;backface-visibility:visible}
.as-letter-layer path{fill:#303c4e;stroke:#657486;stroke-width:2;fill-rule:evenodd}
.as-letter-face{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:translateZ(var(--as-depth));filter:drop-shadow(0 0 calc(28px * var(--as-brightness)) rgba(var(--as-glow),var(--as-brightness)));backface-visibility:visible}
.as-face-border{paint-order:stroke fill}.as-face-fill{opacity:1}.as-face-dots{opacity:.9}
.as-letter-studio.is-unlit .as-face-dots{opacity:.15}
.as-letter-studio.is-unlit .as-letter-face{filter:none}
.as-letter-studio.is-metal .as-face-dots,.as-letter-studio.is-matte .as-face-dots{opacity:.05}
.as-letter-studio.is-metal .as-face-fill{filter:brightness(1.18) saturate(.5)}
.as-letter-studio.is-matte .as-face-fill{filter:brightness(.7) saturate(.45)}
.as-ground{position:absolute;bottom:10%;left:15%;width:70%;height:50px;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--as-glow),.22),transparent 70%);filter:blur(18px);pointer-events:none}
.as-stage-tip{position:absolute;left:16px;bottom:12px;font-size:.75rem;color:#b7c7d9;pointer-events:none}
.as-studio-footer{letter-spacing:0;line-height:1.5}
.as-studio-panel{padding:clamp(20px,2.5vw,30px)}
.as-panel-kicker{color:#ffcf4c;font-size:.76rem;font-weight:800;letter-spacing:.14em}
.as-studio-panel h3{font-size:1.7rem;margin:10px 0}.as-studio-panel>p{font-size:.92rem;line-height:1.6}
.as-field{margin:15px 0}.as-field label,.as-colors legend{font-size:.86rem;color:#ebf1f9;font-weight:700;display:block;margin-bottom:9px}
.as-field-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.as-field-title output{font-size:.82rem;color:#ffdc91}
.as-field select{width:100%;border:1px solid #415167;background:#0c1420;color:#fff;border-radius:10px;padding:12px}
.as-field input[type=range]{width:100%;accent-color:#f6ca70;cursor:pointer}
.as-colors{border:0;margin:12px 0 4px;padding:0}.as-swatches{display:flex;flex-wrap:wrap;gap:10px}
.as-swatches button{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.36);cursor:pointer;background:var(--swatch)}
.as-swatches button.is-active{outline:3px solid #ffd879;outline-offset:2px}
.as-swatches [data-color=blue]{--swatch:#157bff}.as-swatches [data-color=red]{--swatch:#ef283c}.as-swatches [data-color=green]{--swatch:#20ce5c}.as-swatches [data-color=gold]{--swatch:#ffc33b}.as-swatches [data-color=purple]{--swatch:#b02ddd}.as-swatches [data-color=white]{--swatch:#f3f6ff}
.as-angle-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.as-angle-row .as-field{min-width:0}
.as-light-toggle{display:flex;align-items:center;gap:10px;margin:10px 0 19px;cursor:pointer;font-size:.9rem;font-weight:700}.as-light-toggle input{accent-color:#f6ca70;width:17px;height:17px}
.as-quote-button{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:#f7c96c;color:#10131a;border-radius:10px;text-decoration:none;font-weight:800}
.as-quote-button:hover{background:#ffe29a;color:#10131a}
.as-studio-panel .as-quote-note{font-size:.8rem;line-height:1.5;margin:14px 0 0}
@media(max-width:900px){.as-studio-layout{grid-template-columns:1fr}.as-stage{height:470px}}
@media(max-width:520px){.as-stage{height:370px}.as-letter-object{width:245px;height:287px}.as-studio-toolbar,.as-studio-footer{padding:12px;font-size:.72rem}.as-studio-panel{padding:18px}.as-angle-row{gap:8px}}
@media(prefers-reduced-motion:reduce){.as-letter-object{will-change:auto}}