.hero-social{margin-top:14px;display:flex;gap:24px}.social-links a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;gap:12px;font-size:12px;line-height:1.4;color:#edf0e9;text-decoration:none}.social-links a:hover{text-decoration:underline;text-underline-offset:5px}.social-links a:focus-visible{outline:2px solid #aad0ba;outline-offset:4px}.scene-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:2px}.scene-picker button{min-height:44px;padding:7px 5px;background:transparent;border:1px solid #849b8e;color:#edf0e9;font-family:inherit;font-size:10px;line-height:1.5;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:7px}.scene-picker button span{font-family:ui-monospace,monospace;font-size:9px;color:#b3c2b8}.scene-picker button[aria-pressed="true"]{background:#263b35;border-color:#aad0ba}.scene-picker button:focus-visible{outline:2px solid #aad0ba;outline-offset:3px}.scene-picker button:disabled{cursor:default}.scene-caption{font-size:11px;color:#b3c2b8;line-height:1.6;min-height:18px;margin:10px 0 4px}.scene-backdrop{position:absolute;inset:0;width:100%;height:100%}.scene-group{position:absolute;object-fit:contain;object-position:center;left:10%;top:17%;width:80%;height:75%;animation:none!important}.scene-prototype .scene-group{left:17%;top:16%;width:69%;height:76%}.scene-coffee .scene-group{left:8%;top:18%;width:85%;height:73%}.footer-social{display:flex;gap:24px;margin-top:12px}.site-footer .footer-pages{display:flex;gap:0;flex-direction:column;align-items:flex-start}.footer-pages a{min-height:44px;display:flex;align-items:center}.footer-policy{grid-column:1/-1;margin:8px 0 0;font-size:11px;line-height:1.8;color:#b3c2b8}.footer-policy a{color:inherit;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:20px 48px}
@media(max-width:720px){.hero-social{gap:24px;margin-top:9px}.social-links a{font-size:11px}.scene-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:0}.scene-picker button{font-size:11px;min-height:44px}.scene-caption{font-size:10px;margin-top:9px}.site-footer{grid-template-columns:1fr;gap:24px}.footer-policy{margin:0}.footer-social{margin-top:9px}.motion-controls{margin-top:7px}}
@media(max-width:360px){.scene-picker button{font-size:10px}.scene-caption{font-size:9px}.hero-social{margin-top:4px}}