.about-opening{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(370px,1fr);gap:36px;align-items:start}.about-opening-copy{min-width:0}.about-opening h1{font-size:clamp(2.5rem,4.2vw,3.65rem);margin-bottom:24px}.about-opening .about-lead{font-size:1.1rem;line-height:1.75}.specimen-preview{border:1px solid #365561;border-top:2px solid #a9ece2;border-radius:4px 4px 12px 12px;padding:20px;background:linear-gradient(135deg,#102c36,#0a1f2b);min-width:0}.about-main .specimen-preview h2{font-size:1.35rem;line-height:1.3;letter-spacing:-.035em;margin:0 0 16px}.specimen-preview h2 em{font-family:Georgia,serif;color:#b4efe1;font-weight:400}.preview-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:15px}.preview-modes button{font-size:14px;min-height:40px;padding:8px 5px;border-color:#476672;background:#0a202b}.preview-modes [aria-pressed=true],.preview-modes [aria-pressed=true]:hover:not(:disabled){background:#b1eadb;color:#092b2b;border-color:#b1eadb;font-weight:600}.preview-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start;min-height:264px}.preview-media{min-width:0}.preview-window{position:relative;background:#06121a;border:1px solid #2e4d59;border-radius:6px;min-height:195px;display:grid;place-items:center;padding:8px 8px 42px;overflow:hidden}.preview-window canvas{display:block;width:100%;height:auto;aspect-ratio:1;max-width:100%;border:1px solid #405660}.preview-window canvas[hidden],#preview-fallback[hidden]{display:none}.preview-window>p{font-size:14px;line-height:1.6;color:#a9c4cc;margin:5px}.preview-model-tag{position:absolute;bottom:8px;left:6px;right:6px;text-align:center;color:#a5c6c9;font:12px/1.25 Consolas,monospace;letter-spacing:.02em}.preview-result{min-width:0}.about-main .preview-result h3{font-size:1rem;line-height:1.4;margin:0 0 8px;color:#e4f3ef}.about-main .preview-result>p{font-size:14px;line-height:1.55;margin:0;color:#b8cbd2}.about-main .preview-result .preview-scale{font-size:12px;color:#b5d7d7;margin-top:12px}.preview-key,.preview-key[hidden]{display:flex;gap:5px;align-items:center;font-size:12px;color:#cee3e0;margin:10px 0 0;white-space:nowrap}.preview-key[hidden]{visibility:hidden}.preview-key i{flex:1;min-width:22px;height:7px;background:linear-gradient(90deg,rgb(27,45,100),rgb(34,140,162),rgb(104,221,188),rgb(253,221,140))}.preview-actions{display:flex;align-items:center;gap:8px 12px;justify-content:space-between;flex-wrap:wrap;padding-top:14px;border-top:1px solid #2e4d59}.preview-actions a{font-size:14px;line-height:1.5}.preview-actions button{background:transparent;min-height:40px;padding:7px 8px;font-size:14px;border-color:#42606d;color:#b9d7d9}.about-main .preview-motion-status{font-size:12px;line-height:1.5;color:#a4bec8;margin:10px 0 0;min-height:36px}.about-opening+.about-nav{margin-top:30px}@media(max-width:960px){.about-opening{grid-template-columns:1fr;gap:24px}.about-opening h1{font-size:clamp(2.5rem,7vw,3.4rem)}.specimen-preview{max-width:480px;width:100%;justify-self:start}.preview-body{min-height:270px}}@media(max-width:430px){.specimen-preview{padding:17px}.preview-body{grid-template-columns:1fr;gap:12px;min-height:0}.preview-media{width:220px;max-width:100%;justify-self:center}.preview-result{padding-bottom:18px}.preview-window{padding:10px 10px 33px}.preview-model-tag{font-size:12px}.preview-actions button{margin-left:auto}.about-main .preview-motion-status{min-height:36px}}@media print{.preview-modes,.preview-actions button,.preview-motion-status{display:none}}