/* Keep the original Home image sharp and flush with its frame. */
.phone{transform:none;border:0;padding:0;background:#faf7f2;overflow:hidden}
.phone img{display:block;width:100%;height:auto;margin:0;border:0;vertical-align:top}
/* Center the mark on the title itself, rather than the whole text column. */
.founder-kicker{display:inline-flex;max-width:100%;flex-direction:column;align-items:center}
.founder-kicker .official-symbol{flex:none;margin:0 0 20px;opacity:.82}
.founder-kicker .eyebrow{display:block;text-align:center}
@media(max-width:640px){
 .phone{width:160px;border:0;border-radius:23px}
 .founder-kicker .official-symbol{margin-bottom:16px}
}

/* Approved device mockup, with a subtle tilt. */
.hero-visual .phone{width:300px;max-width:100%;transform:rotate(2deg);background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none}
.hero-visual .phone img{background:transparent}
.hero-visual .floating-note{bottom:4px}
@media(max-width:900px){.hero-visual .phone{width:240px}}
@media(max-width:640px){.hero-visual{width:250px;padding:18px 15px 24px}.hero-visual .phone{width:220px}.hero-visual .floating-note{bottom:0;left:-12px}}

/* Bring the device forward by excluding the asset's empty outer margins. */
.hero-visual{width:350px;max-width:100%;padding:30px 25px 30px;border-radius:165px 165px 12px 12px}
.hero-visual .phone{width:285px;max-width:100%;aspect-ratio:740/1470;overflow:hidden;border-radius:0}
.hero-visual .phone img{width:138.38%;max-width:none;margin-left:-19.19%;margin-top:-4.73%;height:auto}
.hero-visual .floating-note{position:relative;left:auto;bottom:auto;display:inline-block;margin:12px -10px -10px;padding:12px 17px;box-shadow:0 6px 20px #46342c12}
.hero-visual .floating-note span{font-size:11px}.hero-visual .floating-note em{font-size:18px}
@media(min-width:641px) and (max-width:900px){.hero-visual{width:290px;padding:26px 22px 25px}.hero-visual .phone{width:234px}}
@media(max-width:640px){.hero-visual{width:250px;padding:22px 20px 24px;border-radius:125px 125px 12px 12px}.hero-visual .phone{width:200px}.hero-visual .floating-note{left:auto;bottom:auto;margin:10px -10px -8px;padding:9px 12px}.hero-visual .floating-note em{font-size:15px}.hero-visual .floating-note span{font-size:10px}}

/* Approved transparent stacked logo, original image preserved. */
header .header-graca-logo,footer .footer-graca-logo{display:block;width:168px;aspect-ratio:1170/630;overflow:hidden}
header .header-graca-logo img,footer .footer-graca-logo img{display:block;width:107.1795%;max-width:none;height:auto;margin-left:-4.2735%;margin-top:-32.0513%}
footer .footer-graca-logo{width:145px}
@media(max-width:640px){header .header-graca-logo,footer .footer-graca-logo{width:120px}}