[data-page-slug=commute-coffee-cup] .gpt-hero{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;overflow:hidden!important;border-radius:0!important;background:#111820!important}[data-page-slug=commute-coffee-cup] .gpt-hero .gpt-hero-collage{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;z-index:0!important}[data-page-slug=commute-coffee-cup] .gpt-hero .gpt-hero-collage>figure{display:none!important}[data-page-slug=commute-coffee-cup] .gpt-hero .gpt-hero-collage>figure:first-child{display:block!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important}[data-page-slug=commute-coffee-cup] .gpt-hero .gpt-hero-collage>figure:first-child picture,[data-page-slug=commute-coffee-cup] .gpt-hero .gpt-hero-collage>figure:first-child img{display:block!important;width:100%!important;height:100%!important}[data-page-slug=commute-coffee-cup] .gpt-hero .gpt-hero-collage>figure:first-child img{object-fit:cover!important;object-position:center center!important}[data-page-slug=commute-coffee-cup] .gpt-hero>div:first-child{position:relative!important;z-index:2!important}[data-page-slug=commute-coffee-cup] .gpt-hero>div:first-child{width:min(520px,35vw)!important;max-width:520px!important;min-height:auto!important;z-index:3!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin:0 0 0 clamp(52px,6vw,132px)!important;padding:clamp(24px,2.6vw,42px)!important;border:1px solid rgba(255,255,255,.52)!important;border-radius:8px!important;background:#ffffffc7!important;box-shadow:0 24px 72px #070d122e!important;-webkit-backdrop-filter:blur(14px) saturate(1.08)!important;backdrop-filter:blur(14px) saturate(1.08)!important}[data-page-slug=commute-coffee-cup] .gpt-hero .gpt-eyebrow{color:#52606c!important;font-size:12px!important;line-height:1.35!important;letter-spacing:.08em!important}[data-page-slug=commute-coffee-cup] .gpt-hero h1{max-width:10.5ch!important;margin:12px 0 0!important;color:#101820!important;font-size:clamp(44px,4.1vw,72px)!important;line-height:.96!important;letter-spacing:0!important}[data-page-slug=commute-coffee-cup] .gpt-hero>div:first-child>p:not(.gpt-eyebrow){max-width:34ch!important;margin:18px 0 0!important;color:#34424d!important;font-size:clamp(15px,1vw,17px)!important;line-height:1.58!important}[data-page-slug=commute-coffee-cup] .gpt-callout{max-width:100%!important;margin:20px 0 0!important;padding:18px 20px!important;border:1px solid rgba(16,24,32,.09)!important;border-radius:8px!important;background:#ffffffb8!important;box-shadow:none!important}[data-page-slug=commute-coffee-cup] .gpt-callout span{color:#66727d!important;font-size:12px!important}[data-page-slug=commute-coffee-cup] .gpt-callout strong{color:#101820!important;font-size:clamp(16px,1.08vw,18px)!important;line-height:1.55!important}[data-page-slug=commute-coffee-cup] .gpt-actions{margin-top:22px!important;gap:12px!important;justify-content:flex-start!important}[data-page-slug=commute-coffee-cup] .gpt-button{min-height:48px!important;padding:13px 22px!important;border-radius:999px!important;font-size:14px!important;line-height:1.2!important}@media(max-width:900px){[data-page-slug=commute-coffee-cup] .gpt-hero>div:first-child{width:min(520px,calc(100% - 32px))!important;max-width:none!important;margin:auto 16px 42px!important;padding:22px!important}[data-page-slug=commute-coffee-cup] .gpt-hero h1{max-width:11ch!important;font-size:clamp(34px,9vw,46px)!important;line-height:1!important}[data-page-slug=commute-coffee-cup] .gpt-actions{display:grid!important;grid-template-columns:1fr!important}[data-page-slug=commute-coffee-cup] .gpt-button{width:100%!important;justify-content:center!important}}html body [data-page-slug=commute-coffee-cup].gpt-landing .gpt-hero{min-height:calc(100vh - 72px)!important;padding:clamp(72px,7vw,112px) clamp(72px,8vw,140px)!important;display:flex!important;align-items:center!important;position:relative!important}html body [data-page-slug=commute-coffee-cup].gpt-landing .gpt-hero:before{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(90deg,#03070cbd,#03070c75,#03070c1f 68%),linear-gradient(0deg,#03070c33,#03070c14)!important}html body [data-page-slug=commute-coffee-cup].gpt-landing .gpt-hero>div:first-child{width:min(560px,42vw)!important;max-width:560px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;overflow:visible!important}html body [data-page-slug=commute-coffee-cup].gpt-landing .gpt-hero .gpt-eyebrow{margin:0 0 18px!important;color:#ffffffd1!important;text-shadow:0 2px 12px rgba(0,0,0,.34)!important}html body [data-page-slug=commute-coffee-cup].gpt-landing .gpt-hero h1{max-width:11ch!important;color:#fff!important;font-size:clamp(54px,6.6vw,82px)!important;line-height:.98!important;text-shadow:0 4px 22px rgba(0,0,0,.38)!important}html body [data-page-slug=commute-coffee-cup].gpt-landing .gpt-hero>div:first-child>p:not(.gpt-eyebrow){max-width:38ch!important;margin-top:24px!important;color:#ffffffe6!important;text-shadow:0 2px 14px rgba(0,0,0,.36)!important}html body [data-page-slug=commute-coffee-cup].gpt-landing .gpt-callout{display:none!important}html body [data-page-slug=commute-coffee-cup].gpt-landing .gpt-actions{margin-top:30px!important;display:flex!important;align-items:center!important;gap:18px!important}html body [data-page-slug=commute-coffee-cup].gpt-landing .gpt-button{width:auto!important;border-color:#ffffffeb!important;background:#fffffff0!important;color:#101820!important}html body [data-page-slug=commute-coffee-cup].gpt-landing .gpt-button-secondary{min-height:auto!important;padding:0!important;border:0!important;background:transparent!important;color:#ffffffe6!important;text-decoration:underline!important;text-underline-offset:5px!important}@media(max-width:900px){html body [data-page-slug=commute-coffee-cup].gpt-landing .gpt-hero{min-height:680px!important;align-items:flex-end!important;padding:40px 22px 52px!important}html body [data-page-slug=commute-coffee-cup].gpt-landing .gpt-hero:before{background:linear-gradient(0deg,#03070cc2,#03070c61 52%,#03070c14)!important}html body [data-page-slug=commute-coffee-cup].gpt-landing .gpt-hero>div:first-child{width:100%!important;max-width:520px!important}html body [data-page-slug=commute-coffee-cup].gpt-landing .gpt-hero h1{font-size:clamp(38px,11vw,48px)!important}html body [data-page-slug=commute-coffee-cup].gpt-landing .gpt-hero-collage figure:first-child picture{display:block!important;width:100%!important;height:100%!important;background:url(/cdn/shop/t/16/assets/kk_commute_20260626_hero_subway.png?v=90431476982932319561782466633) center center / cover no-repeat!important}html body [data-page-slug=commute-coffee-cup].gpt-landing .gpt-hero-collage figure:first-child picture img{opacity:0!important}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/gpt-commute-single-hero-20260707-readable.css.map */
