:root{--canvas-w: 1600px;--canvas-h: 900px;--ink: #0b0b0b;--ink-2: #1a1a1a;--muted: #8b8b8b;--muted-2: #6f6f6f;--panel: #f6f6f6;--field: #ebebeb;--field-2: #e4e4e4;--line: #e6e6e6;--page: #ffffff;--r-pill: 999px;--r-panel: 20px;--r-field: 10px;--r-media: 26px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;background:#0e0f11}.demo{box-sizing:border-box;max-width:1600px;margin:0 auto;padding:clamp(16px,4vw,48px)}.frame{position:relative;width:100%;aspect-ratio:1600 / 900;overflow:hidden}.frame__canvas{position:absolute;top:0;left:0;transform-origin:top left;will-change:transform}:where(.frame),:where(.frame) *,:where(.frame) *:before,:where(.frame) *:after{box-sizing:border-box}:where(.frame){font-family:Inter,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;color:var(--ink)}:where(.frame) button,:where(.frame) input,:where(.frame) select,:where(.frame) textarea{font:inherit;color:inherit}.s12{position:relative;width:100%;height:100%;overflow:hidden;background:#0d2240;color:#fff;font-family:Inter,system-ui,sans-serif}.s12__scene{position:absolute;top:0;left:0;width:100%;height:470px}.s12__vector,.s12__photo,.s12__ridge{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.s12__photo{object-fit:cover;object-position:center bottom}.s12__body{position:absolute;top:452px;left:190px;right:190px;bottom:40px;z-index:2;display:flex;flex-direction:column}.s12__cols{flex:1;display:grid;grid-template-columns:1fr 1fr 260px 1fr 1fr;column-gap:26px;align-items:start}.s12__colTitle{margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#fff}.s12__col ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}.s12__col a{font-size:11.5px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#6ea6d6;text-decoration:none;transition:color .18s ease}.s12__col a:hover{color:#b6d8f2}.s12__logo{display:grid;place-items:start center;padding-top:2px}.s12__logo svg{width:190px;height:auto;display:block;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}.s12__legal{padding-top:22px;border-top:1px solid rgba(255,255,255,.13);text-align:center}.s12__legal ul{display:flex;justify-content:center;align-items:center;gap:0;margin:0;padding:0;list-style:none}.s12__legal li+li:before{content:"|";margin:0 16px;color:#ffffff47}.s12__legal a{font-size:11.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#ffffffdb;text-decoration:none}.s12__legal a:hover{color:#fff}.s12__legal p{margin:12px 0 0;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}