@import url('email.css');
body{background:#000}
.brand-email{background:#000;color:#000;padding:5px;max-width:600px}
.brand-email .panel{border-radius:42px;overflow:hidden;margin-bottom:5px;position:relative}
.brand-email .brand-header{background:#ff3cb9;padding:31px 40px 24px}
.brand-email .brand-logo{width:100%;height:auto;display:block;margin:0 auto 17px}
.brand-email .product-nav{display:flex;align-items:center;justify-content:space-between;gap:9px;font-family:Round,Arial,sans-serif;font-weight:700;font-size:15px;line-height:1.1}
.brand-email .product-nav a{color:#000;text-decoration:none;white-space:nowrap}
.brand-email .nav-star{width:13px;height:13px;flex-shrink:0;background:#000;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%)}
.brand-email h1{font-family:Round,Arial,sans-serif;font-weight:700;line-height:1.06;letter-spacing:-3px;color:#ffb5eb;-webkit-text-stroke:10px #ff3cb9;paint-order:stroke fill;position:relative;z-index:2;font-size:75px}
.brand-email .apartment-hero{background:#fdff00;padding-top:36px}
.brand-email .apartment-hero:before{content:'';position:absolute;width:680px;height:680px;background:#ff3cb9;right:-125px;top:96px;transform:rotate(22deg);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%)}
.brand-email .apartment-hero h1{padding:0 42px}
.brand-email .apartment-hero .art{width:100%;position:relative;z-index:1;padding:8px 10px 23px;height:auto}
.brand-email .bag-hero .art{width:100%;height:auto;display:block}
.brand-email .bag-hero h1{position:absolute;left:42px;right:28px;top:40px;color:#fdff00;font-size:72px;-webkit-text-stroke-color:#ff3cb9}
.brand-email .copy-panel{background:#ff3cb9;padding:43px 48px 46px}
.brand-email .copy-panel p{font-family:Mono,'Courier New',monospace;font-size:18px;line-height:1.4;letter-spacing:0;margin:0 0 25px}
.brand-email .copy-panel .lead{font-family:Round,Arial,sans-serif;font-weight:700;font-size:25px;line-height:1.2;letter-spacing:-.5px;margin-bottom:25px}
.brand-email .copy-panel strong{font-family:Round,Arial,sans-serif;font-weight:700}
.brand-email .cta{display:inline-flex;justify-content:center;background:#fff;color:#000;border:1px solid #000;border-radius:0;padding:16px 27px;min-width:205px;font-size:21px;font-weight:700;line-height:1.15;text-align:center;text-decoration:none;margin-top:8px;box-shadow:none}
.brand-email .brand-footer{color:#fff;background:#000;padding:18px 43px 38px}
.brand-email .footer-links a{display:block;color:#fff;text-decoration:none;border-bottom:1px solid #fff;padding:17px 0;font-size:16px;line-height:1.2}
.brand-email .smiley{width:45px;height:auto;filter:invert(1);margin:33px 0 23px}
.brand-email .brand-footer p{font-size:13px;line-height:1.5;margin:0}
@media(max-width:480px){.brand-email{padding:4px}.brand-email .panel{border-radius:28px;margin-bottom:4px}.brand-email .brand-header{padding:26px 23px 22px}.brand-email .brand-logo{margin-bottom:16px}.brand-email .product-nav{font-size:11px;gap:4px}.brand-email .nav-star{width:9px;height:9px}.brand-email h1{font-size:13.2vw;letter-spacing:-2px;-webkit-text-stroke-width:7px}.brand-email .apartment-hero{padding-top:30px}.brand-email .apartment-hero h1{padding:0 26px}.brand-email .apartment-hero:before{width:115vw;height:115vw;right:-21vw;top:70px}.brand-email .apartment-hero .art{padding:8px 5px 21px}.brand-email .bag-hero h1{left:26px;right:18px;top:30px;font-size:12.3vw;letter-spacing:-1.6px}.brand-email .copy-panel{padding:31px 27px 35px}.brand-email .copy-panel .lead{font-size:21px;margin-bottom:22px}.brand-email .copy-panel p{font-size:15px;margin-bottom:22px}.brand-email .cta{min-width:180px;font-size:19px;padding:15px 22px;margin-top:5px}.brand-email .brand-footer{padding:14px 26px 30px}.brand-email .footer-links a{font-size:14px;padding:16px 0}.brand-email .smiley{width:39px;margin-top:28px}}
