: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}.d16{--dune-drop: 80px;--dune-height: 752px;position:relative;width:100%;height:100%;background:#fafafa;font-family:Inter,system-ui,sans-serif}.d16__scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;background:#f6f6f6}.d16__front{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none;display:flex;align-items:flex-end;justify-content:center}.d16__frontImg{flex:none;height:var(--dune-height);width:auto;min-width:100%;max-width:none;display:block;margin-bottom:calc(var(--dune-drop) * -1)}.d16__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.d16__photo--back{transform:scale(1.4);transform-origin:50% 32%;filter:blur(1.5px) saturate(.92) brightness(1.06)}.d16__card{position:absolute;top:150px;height:248px;left:200px;right:200px;z-index:2;padding:40px 44px 26px;border-radius:14px;background:#fff;box-shadow:0 30px 70px #783e0c38,0 8px 20px #783e0c1a}.d16__top{display:grid;grid-template-columns:1fr auto;gap:60px}.d16__brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:700;letter-spacing:-.02em;color:#17181a}.d16__brand svg{width:34px;height:34px;display:block}.d16__cols{display:grid;grid-template-columns:repeat(3,200px);gap:40px}.d16__col h4{margin:0 0 14px;font-size:13.5px;font-weight:700;letter-spacing:-.01em;color:#17181a}.d16__col ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.d16__col a{font-size:13.5px;letter-spacing:-.005em;color:#6b6f76;text-decoration:none;transition:color .18s ease}.d16__col a:hover{color:#f97316}.d16__rule{display:block;height:1px;margin:30px 0 20px;background:#ececec}.d16__bottom{display:flex;align-items:center;justify-content:space-between}.d16__copy{font-size:12.5px;letter-spacing:-.002em;color:#8a8e95}.d16__socials{display:flex;gap:14px}.d16__social{display:grid;place-items:center;width:30px;height:30px;color:#17181a;transition:color .18s ease,transform .18s ease}.d16__social:hover{color:#f97316;transform:translateY(-2px)}.d16__social svg{width:26px;height:26px}