@font-face{font-family:Suisse;src:url(assets/SuisseIntl-Book.otf)}@font-face{font-family:Paris;src:url(assets/ParisScript-Regular.otf)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Suisse,Arial;background:#f4efe6;color:#251e19}.art{position:absolute;transform-origin:top left;background:#f4efe6;overflow:hidden;width:var(--w);height:var(--h)}.E2{background:#3f2c24;color:#fff7eb}.E3{background:#f4eee5;color:#a60c22}.brand{letter-spacing:.1em;font-size:25px}.eyebrow{font-size:15px;letter-spacing:.14em;text-transform:uppercase}.top{display:flex;justify-content:space-between;align-items:center;position:absolute;left:48px;right:48px;top:35px;z-index:2}.content{position:absolute;left:64px;top:140px;width:42%}h1{font-weight:400;letter-spacing:-.045em;font-size:76px;line-height:.99;margin:22px 0 28px}.cta{display:inline-block;padding:17px 27px;background:#251e19;color:#fff9ed;font-size:21px;margin-top:27px}.E2 .cta,.E3 .cta{background:#ab1230;color:#fff}.photo{position:absolute;overflow:hidden;background:#c7c1b9}.photo img{width:100%;height:100%;object-fit:cover;object-position:50% 64%}.desktop .photo{top:0;right:0;width:49%;height:100%}.desktop .top{right:54%}.desktop .top .eyebrow{display:none}.stars{color:#b28c36;letter-spacing:.1em;font-size:23px}.E2 .stars{color:#e2b867}.proof{margin-top:31px;border-top:1px solid #99877c;padding-top:23px;font-size:26px;line-height:1.22}.proof blockquote{margin:12px 0 15px}.credit{font-size:15px;line-height:1.4}.color{position:absolute;bottom:28px;right:35px;color:white;font-size:17px;letter-spacing:.08em;text-shadow:0 1px 4px black}.mobile .top{top:27px;left:36px;right:36px}.mobile .content{top:87px;left:36px;width:90%}.mobile h1{font-size:61px;max-width:660px;margin:10px 0}.mobile .photo{top:340px;left:0;width:100%;height:600px}.mobile .cta{margin-top:13px;padding:12px 22px;font-size:19px}.mobile .proof{position:absolute;top:865px;width:100%;margin:0;border:0;padding:31px 5% 22px;background:inherit;font-size:32px}.mobile .credit{font-size:20px}.mobile .content>.eyebrow{display:none}.mobile .proof blockquote{max-width:630px}.mobile .photo img{object-position:50% 64%}.carousel .photo{left:0;top:0;width:100%;height:760px}.carousel .top{color:white;text-shadow:0 1px 4px #222}.carousel .proof{position:absolute;left:0;top:760px;width:100%;margin:0;padding:35px 54px;border:0;font-size:43px;line-height:1.13}.carousel .proof blockquote{margin:18px 0}.carousel .credit{font-size:22px}.campaignline{font-size:20px;line-height:1.1;margin-bottom:20px}.script{font-family:Paris;font-size:1.6em;line-height:.6}.static .photo{right:0;top:0;width:52%;height:100%}.static .top{right:56%}.static .top .eyebrow{display:none}.static .content{top:124px;left:44px;width:41%}.static h1{font-size:54px;margin:20px 0}.static .proof{font-size:31px}.static .credit{font-size:19px}.static .eyebrow{font-size:13px}.static .cta{font-size:18px}.static .proof blockquote{margin:14px 0 22px}.photo.cafe img{width:190%;height:190%;max-width:none;position:absolute;left:-48%;top:-72%;object-fit:cover}.photo.studio img{object-position:50% 47%}/* Homepage header supplies the brand mark. */
.desktop .top .brand,.mobile .top .brand{display:none}
.mobile .top{justify-content:flex-end}
/* Match approved quote ads: full photograph, restrained white quote and gold stars. */
.carousel{color:#fff9ef}
.carousel .photo{height:100%}
.carousel .photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 32%,rgba(20,16,13,.08) 45%,rgba(20,16,13,.85) 100%)}
.carousel .photo .color{bottom:23px;z-index:2;right:38px;font-size:16px}
.carousel .proof{top:auto;bottom:80px;padding:20px 55px;text-align:center;font-size:37px}
.carousel .campaignline{font-size:18px;margin-bottom:21px}
.carousel .script{display:block;font-size:1.95em;line-height:1.2;margin:5px 0}
.carousel .credit{font-size:22px;margin-top:24px}
.carousel .stars{color:#e7bb62}

/* Original errands framing: preserve the full portrait without the 190% punch-in. */
.photo.cafe img{width:100%;height:100%;left:0;top:0;position:static;object-fit:cover;object-position:50% 45%}

/* Original fountain direction: cream fade, full lifestyle photograph, black rounded shop button. */
.E1.desktop,.E2.desktop,.E1.mobile,.E2.mobile{background:#f8f3e9;color:#171513}
.desktop .photo.fountain{width:65%;right:0}
.photo.fountain img{width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.desktop .photo.fountain:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f8f3e9 0%,rgba(248,243,233,.91) 8%,rgba(248,243,233,.34) 24%,transparent 40%)}
.E1 .cta,.E2 .cta{background:#121212;color:#fff;border-radius:40px;padding:17px 31px}
.E1.desktop .content,.E2.desktop .content{width:43%;top:94px}
.E1.desktop h1,.E2.desktop h1{font-size:70px;line-height:1.04}
.E1.desktop .proof,.E2.desktop .proof{font-size:24px;max-width:610px}
.E1.mobile .photo.fountain,.E2.mobile .photo.fountain{height:600px;top:340px}
.E1.mobile .photo.fountain:after,.E2.mobile .photo.fountain:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(248,243,233,.8),transparent 25%)}

/* Remove hero divider rules and ensure a seamless cream image fade. */
.desktop .proof,.mobile .proof{border:0!important}
.desktop .photo.fountain{background:#f8f3e9;border:0;box-shadow:none}
.desktop .photo.fountain:after{background:linear-gradient(90deg,#f8f3e9 0%,#f8f3e9 1%,rgba(248,243,233,.91) 8%,rgba(248,243,233,.34) 24%,transparent 40%)}

/* E2: selected Cocoa street images, with clear space for copy and faces. */
.E2.desktop .photo.outside{width:55%;right:0;top:0;height:100%}
.E2.desktop .photo.outside img{object-position:50% 28%}
.E2.desktop .content{width:37%;left:64px;top:100px}
.E2.desktop h1{font-size:66px;line-height:1.04}
.E2.desktop .proof{font-size:24px;max-width:550px}
.E2 .photo.outside:after{display:none}
.E2.mobile .photo.outside{top:340px;height:600px;width:100%}
.E2.mobile .photo.outside.standing img{object-position:50% 38%}
.E2.mobile .photo.outside.seated img{object-position:50% 20%}