@font-face{font-family:Graza;src:url(/email-examples/assets/consumer-ten/graza-itc-garamond-cond.woff2)}
@font-face{font-family:GrazaBody;src:url(/email-examples/assets/consumer-ten/graza-gt-alpina-typewriter-light.woff2)}
@font-face{font-family:Fishwife;src:url(/email-examples/assets/consumer-ten/fishwife-petrona_n7.woff2);font-weight:700}
@font-face{font-family:Olipop;src:url(/email-examples/assets/consumer-ten/olipop-WindsorEF-UltraHeavy.woff2)}
@font-face{font-family:OlipopBody;src:url(/email-examples/assets/consumer-ten/olipop-AnoRegular-Regular.woff2)}
@font-face{font-family:Baggu;src:url(/email-examples/assets/consumer-ten/baggu-StudioPro_Regular.woff2)}
@font-face{font-family:Baggu;src:url(/email-examples/assets/consumer-ten/baggu-StudioPro_Bold.woff2);font-weight:700}
@font-face{font-family:Oatly;src:url(/email-examples/assets/consumer-ten/oatly-GirdoBlackPro-Regular.woff2)}
@font-face{font-family:OatlyBody;src:url(/email-examples/assets/consumer-ten/oatly-Courier-Prime.woff)}
@font-face{font-family:Oura;src:url(/email-examples/assets/consumer-ten/oura-editorial.woff2)}
@font-face{font-family:OuraBody;src:url(/email-examples/assets/consumer-ten/oura-akkurat.woff2)}
@font-face{font-family:Jones;src:url(/email-examples/assets/consumer-ten/jones-road-canela.woff2)}
@font-face{font-family:JonesBody;src:url(/email-examples/assets/consumer-ten/jones-road-ringside.woff2)}
@font-face{font-family:Salt;src:url(/email-examples/assets/consumer-ten/salt-stone-oracle.woff)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body,Arial),sans-serif}table{border-collapse:collapse}img{display:block;border:0;max-width:100%}h1,p{margin:0}a{color:inherit}.preheader{display:none!important;max-height:0;overflow:hidden}.email{width:100%;max-width:600px;margin:auto;background:var(--bg)}.pad{padding:36px 42px}.brand{padding:26px 32px;text-align:center}.brand img{margin:auto;max-height:50px;width:160px;object-fit:contain}.wordmark{font:bold 28px Arial,sans-serif;letter-spacing:-1px}h1{font:400 70px/.98 var(--title,Georgia),serif;letter-spacing:-2px}.copy{font-size:18px;line-height:1.55}.copy p+p{margin-top:16px}.cta{display:inline-block;padding:17px 27px;background:var(--ink);color:var(--bg);font:600 16px/1.4 var(--body,Arial),sans-serif;text-decoration:none}.action{margin-top:26px}.hero{width:100%;height:480px;object-fit:cover}.foot{padding:22px 30px;text-align:center;font-size:15px;line-height:1.4;border-top:1px solid currentColor}.graza{--bg:#d5e6a0;--ink:#244b29;--title:Graza;--body:GrazaBody}.graza h1{font-size:90px;letter-spacing:-2px}.graza .hero{height:430px}.graza .brand{font:54px/.8 Graza,Georgia,serif}.graza .cta{border-radius:40px}.fishwife{--bg:#f6d54a;--ink:#123b85;--title:Fishwife;--body:Arial}.fishwife h1{font-size:63px;font-weight:700;letter-spacing:-2.8px}.fishwife .hero{height:490px}.fishwife .copy-panel{background:#fff3dd}.fishwife .brand{font:700 40px/1 Fishwife,Georgia,serif}.fishwife .cta{background:#b72824;color:#fff3dd;border-radius:3px}.olipop{--bg:#f6c9d8;--ink:#6a1643;--title:Olipop;--body:OlipopBody}.olipop h1{font-size:74px;letter-spacing:-1px}.olipop .hero{height:510px}.olipop .brand{font:42px/1 Olipop,Georgia,serif;letter-spacing:2px}.olipop .cta{border-radius:38px}.baggu{--bg:#dcec45;--ink:#173a96;--title:Baggu;--body:Baggu}.baggu h1{font-size:68px;line-height:1.02;letter-spacing:-3px;font-weight:700}.baggu .hero{height:470px;object-fit:contain}.baggu .copy-panel{background:#adcaec}.baggu .cta{background:#173a96;color:#fff}.oatly{--bg:#9bc8eb;--ink:#211b19;--title:Oatly;--body:OatlyBody}.oatly h1{font-size:68px;letter-spacing:-1px;line-height:1.02;text-transform:uppercase}.oatly .brand{font:42px/1 Oatly,Arial,sans-serif}.oatly .hero{height:460px;object-fit:contain}.oatly .copy-panel{background:#402a24;color:#fff9e9}.oatly .cta{background:#fff9e9;color:#402a24}.oura{--bg:#dae9c6;--ink:#263a2d;--title:Oura;--body:OuraBody}.oura h1{font-size:68px;line-height:1.03}.oura .hero{height:470px}.oura .cta{border-radius:40px}.hoka{--bg:#ff785b;--ink:#172a3b;--title:Arial;--body:Arial}.hoka h1{font-weight:900;font-size:65px;line-height:.97;letter-spacing:-3px;text-transform:uppercase}.hoka .hero{height:520px;object-position:center 42%}.hoka .brand{font-style:italic;font-weight:900;font-size:35px}.hoka .copy-panel{background:#b8daf1}.hoka .cta{background:#172a3b;color:white}.jones-road{--bg:#f1d1cc;--ink:#321b23;--title:Jones;--body:JonesBody}.jones-road h1{font-size:70px;line-height:1.04}.jones-road .hero{height:570px;object-position:center 35%}.jones-road .brand img{width:210px;max-height:45px}.jones-road .cta{border-radius:2px;background:#321b23;color:#fff7ef}.salt-stone{--bg:#c9dce8;--ink:#152b37;--title:Salt;--body:Salt}.salt-stone h1{font-size:64px;line-height:1.03;letter-spacing:-2.5px}.salt-stone .hero{height:560px}.salt-stone .brand img{width:220px;max-height:36px}.salt-stone .cta{background:#fff;color:#152b37}.whoop{--bg:#111312;--ink:#fff;--title:Arial;--body:Arial}.whoop h1{font-weight:900;text-transform:uppercase;font-size:67px;line-height:.95;letter-spacing:-3px}.whoop .hero{height:540px;object-position:center 40%}.whoop .brand{font-size:29px;letter-spacing:6px;font-weight:800}.whoop .cta{background:#f0a0b7;color:#171516}.whoop .foot{color:#f0a0b7}
.graza .hero{height:auto}.baggu .hero{height:620px}.fishwife .headline-cell,.hoka .headline-cell,.jones-road .headline-cell,.whoop .headline-cell{padding-bottom:10px}.fishwife .copy-panel,.hoka .copy-panel,.jones-road .copy-panel,.whoop .copy-panel{padding-top:24px}.fishwife .headline-cell{background:#fff3dd}.hoka .headline-cell{background:#b8daf1}
@media(max-width:480px){.pad{padding:28px 26px}.brand{padding:23px 26px}.copy{font-size:16px}.hero{height:340px!important}h1{font-size:49px!important;letter-spacing:-1.5px!important}.graza h1{font-size:66px!important}.graza .hero{height:auto!important}.fishwife h1{font-size:45px!important;letter-spacing:-2px!important}.olipop h1{font-size:55px!important}.baggu h1{font-size:49px!important}.baggu .hero{height:390px!important}.oatly h1{font-size:48px!important}.jones-road .hero{height:420px!important}.salt-stone .hero{height:390px!important}.whoop h1{font-size:47px!important}.whoop .hero{height:380px!important}.hoka h1{font-size:46px!important}.cta{padding:17px 23px;max-width:100%}.foot{font-size:14px}}