/* Street Coffee — approved Adobe XD structure, October 2026. */
:root{--forest:#374429;--paper:#e6ecde;--cream:#f5f5f0;--line:#37442930}
html body,html body p,html body li{font-family:'univers-next-pro',Arial,sans-serif!important}
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body h1 *,html body h2 *,html body h3 *,html body .footer-intro>span,html body .xd-button,html body .xd-city-count{font-family:'Roboto Slab',Georgia,serif!important;font-variation-settings:normal;letter-spacing:0;font-weight:500}
html body h1,html body h2,html body h3{overflow-wrap:normal}
[hidden]{display:none!important}
body{color:var(--forest)}
.site-header{height:100px}.header-inner{height:100px;padding:0 6.5%}.city-shortcuts{font-size:14px;gap:22px}.brand .brand-logo{width:230px;height:68px}.main-menu{top:100px}.header-right{gap:45px}
.hero-viewport{height:clamp(520px,43.9vw,845px);min-height:0;max-height:none}.hero-editorial{left:7.2%;bottom:19%;max-width:80%;padding:0}.hero-editorial h1{font-size:clamp(38px,5.21vw,100px);line-height:1.05;color:#fff}.hero-editorial p{font-size:clamp(18px,1.67vw,32px);line-height:1.2;margin-top:26px;color:#fff;max-width:none}.hero-film:after{background:linear-gradient(0deg,#00000055,transparent 85%)}
.xd-intro{background:var(--paper);text-align:center;padding:7vw 16vw 6.7vw;margin:0;max-width:none}.xd-intro h2{font-size:clamp(32px,5.26vw,101px);line-height:1.17;margin:0 0 32px}.xd-intro p{font-size:clamp(19px,2.24vw,43px);line-height:1.3;max-width:1170px;margin:auto}
.street-videos{padding:0;margin:0}.street-video-track{gap:4px;padding:0;margin:0;scroll-padding-left:0}.street-video-card{flex:0 0 28%;margin:0;min-width:0;overflow:hidden}.street-video-card video{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}.street-video-controls{display:none}
.xd-heading{padding:0 7.2vw;margin:0}.xd-heading h2{font-size:clamp(33px,5.26vw,101px);line-height:1.15;color:var(--forest);margin:0}.xd-heading p{font-size:clamp(20px,2.76vw,53px);line-height:1.22;color:var(--forest);margin:35px 0 0;max-width:1180px}.xd-heading-center{text-align:center;padding:6.7vw 10vw 5vw}.xd-heading-center p{margin:35px auto 0}.xd-heading-left{padding-top:7.5vw;padding-bottom:6vw}
.city-maps{margin:0;padding:0 0 5.5vw}.city-maps .xd-heading{padding-bottom:7vw}.map-grid{gap:3.7vw;margin:0 4.2vw;padding:0;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}.city-map-card{border:none;background:#fff;padding:0}.city-map-heading{display:none}.city-map{height:auto;aspect-ratio:1.48;overflow:hidden}.city-map>img{height:100%;width:100%;object-fit:cover}.xd-city-count{position:absolute;left:10%;bottom:10%;z-index:2;color:#000;font-size:clamp(46px,7.97vw,153px);line-height:1;text-decoration:none}.xd-city-count:hover{color:var(--forest)}.map-attribution{font-size:10px}.map-selection{display:none}.map-selection:has(.map-location-item){display:block;margin-top:15px}.map-pin{z-index:3}
.moments-section{padding:0;margin:0}.moments-gallery{padding-bottom:0}.moments-gallery .gallery-track{gap:4px}.moment-card{flex:0 0 28%;min-width:0;overflow:hidden}.moment-card img{height:auto;min-height:0;max-height:none;aspect-ratio:2/3;object-fit:cover}.xd-gallery-cta{display:flex;align-items:center;justify-content:center;padding:3vw 20px 4.2vw}.xd-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:64px;min-width:260px;max-width:100%;border:3px solid currentColor;border-radius:999px;color:var(--forest);font-size:clamp(17px,2.08vw,40px);line-height:1.2;padding:17px 40px;transition:background .3s,color .3s,translate .3s}.xd-button:hover{background:var(--forest);color:#fff;translate:0 -2px}.xd-button:focus-visible{outline:2px solid currentColor;outline-offset:5px}.products-section .xd-heading{background:var(--paper)}.products-section .xd-heading p{font-size:clamp(19px,2.24vw,43px)}
.xd-split{display:grid;grid-template-columns:1fr 1fr;margin:0 0 7vw;gap:0;align-items:stretch}.xd-split-media{min-width:0;overflow:hidden;position:relative}.xd-split-media>img{width:100%;height:100%;object-fit:cover;display:block}.xd-split-copy{padding:7.5vw 6.3vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.xd-split-copy h2,.xd-app h2{font-size:clamp(32px,4.32vw,83px);line-height:1.2;margin:0 0 38px;color:var(--forest);letter-spacing:0}.xd-split-copy p,.xd-app .story-copy>p{font-size:clamp(19px,2.24vw,43px);line-height:1.26;margin:0 0 55px;max-width:690px}.xd-roaster{background:var(--forest);min-height:47.6vw}.xd-roaster .xd-split-copy h2,.xd-roaster .xd-split-copy p,.xd-roaster .xd-button{color:#fff}.xd-roaster .xd-button:hover{background:#fff;color:var(--forest)}.xd-roaster img{object-position:center 65%}
.xd-app{grid-template-columns:56% 44%;background:var(--paper);padding:0;margin:0 0 5.2vw;gap:0;align-items:stretch}.xd-app .story-copy{padding:7.5vw 6.6vw}.xd-app .story-copy>p{font-size:clamp(19px,1.98vw,38px);margin-bottom:48px}.xd-app h2{margin-bottom:32px}.xd-app .app-steps{max-width:600px;margin:0 0 35px}.xd-app .app-steps li{font-size:14px;line-height:1.5;padding:18px 0}.xd-app .download-links{gap:12px;margin:0 0 24px;flex-wrap:wrap}.xd-app .download-links img{width:160px;height:54px;object-fit:contain}.xd-app .download-links .play-badge img{width:178px;height:66px;margin:-6px 0}.xd-app .app-web-link{font-size:14px;color:var(--forest)}.xd-app-photo{min-width:0;overflow:hidden;display:flex}.xd-app-composite{width:100%;height:100%;display:block;aspect-ratio:1678/1980}
.xd-events{grid-template-columns:55% 45%;margin-bottom:5.2vw}.xd-events .xd-split-media{min-height:43vw}.xd-events .xd-split-media img{object-position:center}.xd-events .xd-split-copy{padding:5vw 5.5vw 5vw 3.5vw}.xd-events .xd-split-copy p,.xd-order .xd-split-copy p{font-size:clamp(19px,1.98vw,38px)}.xd-order{background:var(--cream);margin:0;min-height:42vw}.xd-order .xd-split-copy{padding:6vw 7.2vw}.xd-order .xd-split-copy p{margin-bottom:40px}.xd-order .xd-button{font-size:clamp(16px,1.3vw,25px);min-width:220px;min-height:58px}.xd-button-filled{background:var(--forest);color:#fff}.xd-button-filled:hover{background:#26311c}.xd-bag>img{object-fit:contain;object-position:center;max-height:47vw;padding:0 6vw 0 0}
.news-section{padding:0 0 5vw;margin:0}.news-section .xd-heading h2{font-size:clamp(32px,4.32vw,83px)}.news-section .xd-heading{padding:5vw 3.5vw 4vw}.news-grid{margin:0;gap:4px;grid-template-columns:1fr 1fr}.news-story>img{aspect-ratio:4/3;height:var(--news-visual-height);object-fit:cover}.social-strip{padding:4.5vw 5vw 5.5vw;margin:0}.social-strip .center-title{font-family:'univers-next-pro',Arial,sans-serif!important;font-size:26px;font-weight:400;margin-bottom:40px}.social-strip>div{gap:40px}.social-strip a{font-size:15px}
.contact-banner{height:26vw;min-height:300px;max-height:520px;margin:0;position:relative;overflow:hidden}.contact-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%}.contact-banner:after{content:'';position:absolute;inset:0;background:#0005;pointer-events:none}.contact-banner>div{position:relative;z-index:2;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:30px;width:100%;height:100%;padding:0 8%;background:transparent}.contact-banner h2{font-size:clamp(32px,3.28vw,63px);color:#fff;line-height:1.2}.contact-banner .xd-button{color:#fff;font-size:clamp(17px,1.46vw,28px);min-height:62px;min-width:320px}.contact-banner .xd-button:hover{background:#fff;color:var(--forest)}
.site-footer{background:var(--forest);color:var(--paper)}.footer-intro{margin:0;padding:4vw 0 3.5vw}.footer-intro>span{font-size:clamp(32px,4.32vw,83px);line-height:1.2;color:var(--paper)}.site-footer .footer-brand .brand-logo{filter:invert(1);width:190px;height:65px}.footer-intro>a{color:var(--paper)}
@media(max-width:900px){.site-header,.header-inner{height:78px}.header-inner{padding:0 6vw}.brand .brand-logo{width:190px;height:57px}.main-menu{top:78px}.city-shortcuts{display:none}.header-inner{display:flex;justify-content:space-between}.hero-viewport{height:calc(88svh - 78px);min-height:500px;max-height:850px}.hero-editorial{left:7vw;bottom:17%;max-width:86%}.hero-editorial h1{font-size:clamp(36px,6.5vw,58px);line-height:1.12}.hero-editorial p{font-size:20px;line-height:1.35;max-width:480px}.xd-intro{padding:70px 7vw}.xd-intro h2{margin-bottom:24px}.xd-intro p{font-size:21px;line-height:1.45}.xd-heading,.xd-heading-left,.xd-heading-center{padding:65px 7vw 45px}.xd-heading h2{font-size:clamp(31px,5.8vw,49px);line-height:1.2}.xd-heading p,.products-section .xd-heading p{font-size:21px;line-height:1.4;margin-top:25px}.street-video-card,.moment-card{flex-basis:72%}.city-maps{padding-bottom:15px}.city-maps .xd-heading{padding-bottom:45px}.map-grid{margin:0 7vw;grid-template-columns:1fr;gap:30px}.city-map{aspect-ratio:1.5}.xd-city-count{font-size:90px}.xd-gallery-cta{padding:28px 7vw 48px}.xd-button{font-size:20px;border-width:2px;padding:14px 27px;min-height:54px;min-width:250px}.xd-split,.xd-app,.xd-events{grid-template-columns:1fr;margin-bottom:55px}.xd-split-copy,.xd-events .xd-split-copy,.xd-order .xd-split-copy,.xd-app .story-copy{padding:55px 7vw}.xd-split-copy h2,.xd-app h2{font-size:clamp(32px,6.5vw,49px);margin-bottom:25px}.xd-split-copy p,.xd-app .story-copy>p,.xd-events .xd-split-copy p,.xd-order .xd-split-copy p{font-size:21px;line-height:1.4;margin-bottom:32px}.xd-roaster .xd-split-media{height:80vw;max-height:620px}.xd-roaster{min-height:0}.xd-app-photo{height:auto;max-height:none}.xd-app-composite{height:auto;aspect-ratio:1678/1980}.xd-events .xd-split-media{height:75vw;min-height:0}.xd-order{margin-bottom:0}.xd-order .xd-bag{grid-row:1;height:75vw;max-height:550px}.xd-bag>img{max-height:none;padding:0;width:100%;height:100%;object-fit:contain}.news-section .xd-heading{padding:55px 7vw 35px}.news-section .xd-heading h2{font-size:36px}.news-grid{grid-template-columns:1fr;margin:0 7vw;gap:25px}.news-story>img{height:420px}.social-strip{padding:55px 7vw}.social-strip .center-title{font-size:24px;margin-bottom:30px}.social-strip>div{gap:22px 30px}.contact-banner{height:420px;min-height:0;max-height:none}.contact-banner>div{flex-direction:column;justify-content:center;gap:30px;padding:0 7vw;text-align:center}.contact-banner h2{font-size:36px}.contact-banner .xd-button{min-width:260px;min-height:54px}.footer-intro{padding:45px 0 35px;gap:25px}.footer-intro>span{font-size:36px}.site-footer .footer-brand .brand-logo{width:165px}}
@media(prefers-reduced-motion:reduce){.xd-button{transition:none}.xd-button:hover{translate:none}}
@media(min-width:901px){.xd-roaster{height:47.6vw;min-height:0}.xd-events{height:44vw;min-height:0}.xd-app .story-copy{padding-top:6vw;padding-bottom:6vw}.xd-app h2{margin-bottom:24px}.xd-app .story-copy>p{margin-bottom:32px}.xd-app .app-steps{margin-bottom:24px}.xd-app .app-steps li{padding:12px 0}.xd-order{height:42vw;min-height:0}.xd-bag>img{object-fit:cover;object-position:center bottom;max-height:none;padding:0}}
.xd-news-gallery{padding:0}.xd-news-track{display:flex;gap:4px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.xd-news-card{display:block;flex:0 0 28%;min-width:0;scroll-snap-align:start;overflow:hidden;aspect-ratio:2/3}.xd-news-card>img{width:100%;height:100%;object-fit:cover;aspect-ratio:2/3}.xd-news-card.instagram-panel .instagram-frame,.xd-news-card.instagram-panel iframe{height:100%;min-height:0;width:100%;border:0}
@media(max-width:900px){.xd-news-card{flex-basis:72%}.news-section .xd-news-track{margin:0}}
@media(min-width:901px){.xd-roaster{grid-template-columns:48% 52%}.xd-roaster .xd-split-copy{padding-right:4vw}}
html.motion-off{scroll-behavior:auto}
main{overflow-x:clip}.xd-button-filled{border-color:var(--forest)}
html,body{overflow-x:clip}
/* Refined typography: quieter headings and easier reading, 10 October 2026. */
.hero-editorial h1{font-size:clamp(32px,4.2vw,80px)}
.hero-editorial p{font-size:clamp(17px,1.4vw,27px);line-height:1.4}
.xd-intro h2,.xd-heading h2{font-size:clamp(28px,4.2vw,80px)}
.xd-intro p,.xd-heading p,.products-section .xd-heading p{font-size:clamp(18px,1.75vw,34px);line-height:1.4}
.xd-split-copy h2,.xd-app h2,.news-section .xd-heading h2{font-size:clamp(28px,3.45vw,66px)}
.xd-split-copy p,.xd-app .story-copy>p,.xd-events .xd-split-copy p,.xd-order .xd-split-copy p{font-size:clamp(18px,1.65vw,31px);line-height:1.4}
.xd-button{font-size:clamp(17px,1.6vw,30px)}
.contact-banner h2{font-size:clamp(28px,2.7vw,52px)}
.footer-intro>span{font-size:clamp(28px,3.45vw,66px)}
@media(max-width:900px){
.hero-editorial h1{font-size:clamp(30px,5.3vw,46px)}
.hero-editorial p{font-size:18px}
.xd-intro h2,.xd-heading h2,.xd-split-copy h2,.xd-app h2,.news-section .xd-heading h2{font-size:clamp(28px,5.2vw,40px)}
.xd-intro p,.xd-heading p,.products-section .xd-heading p,.xd-split-copy p,.xd-app .story-copy>p,.xd-events .xd-split-copy p,.xd-order .xd-split-copy p{font-size:18px;line-height:1.5}
.xd-button{font-size:18px}
.contact-banner h2,.footer-intro>span{font-size:30px}
.social-strip .center-title{font-size:22px}
}
/* Keep off-screen carousel content inside its own scroll container. */
.gallery-track,.street-video-track,.xd-news-track{position:relative;max-width:100%;contain:layout paint;overscroll-behavior-x:contain}
.moment-card,.street-video-card,.xd-news-card{position:relative;min-width:0}
html,body{overflow-x:clip;overscroll-behavior-x:none}
@media(max-width:900px){.xd-button{min-width:min(250px,100%)}.contact-banner .xd-button{min-width:min(260px,100%)}}


/* Footer alignment and mobile product framing — 10 October 2026. */
.site-footer .footer-grid{padding-top:32px;align-items:start}
.site-footer .motion-toggle{padding:0;text-align:left;min-height:32px}
.site-footer .footer-stores{align-items:center;gap:12px;flex-wrap:wrap}
.site-footer .footer-stores a{height:38px;display:flex;align-items:center}
.site-footer .footer-stores a:first-child img{display:block;width:114px;height:38px;margin:0}
.site-footer .footer-stores a:last-child img{display:block;width:128px;height:49.48px;margin:0;max-width:none}
.site-footer .footer-grid>nav{min-width:0}
@media(max-width:900px){
 .xd-order .xd-bag{width:100%;max-width:500px;height:auto;aspect-ratio:10/7;max-height:none;justify-self:center;position:relative}
 .xd-order .xd-bag>img{position:absolute;left:0;bottom:-11.43%;width:100%;height:auto;max-height:none;object-fit:contain;padding:0}
 .xd-order .xd-split-copy{padding-top:24px}
 .xd-events{margin-bottom:24px}
 .site-footer .footer-grid{padding-top:28px}
}
@media(max-width:600px){
 .site-footer .footer-legal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;align-items:start}
 .site-footer .footer-legal>a,.site-footer .footer-legal>button{justify-self:start;text-align:left;padding:8px 0;margin:0;line-height:1.5}
 .site-footer .footer-stores{gap:12px}
 .site-footer .copyright{padding-right:0;line-height:1.9}
}
@media(max-width:900px){.xd-order .xd-bag>img{left:6.8%}}
@media(max-width:600px){
 .xd-app .download-links{display:flex;flex-direction:row;align-items:center;gap:12px;margin-bottom:24px}
 .xd-app .download-links a{display:flex;align-items:center;height:40px;margin:0;padding:0;line-height:0}
 .xd-app .download-links img{width:120px;height:40px;display:block;margin:0}
 .xd-app .download-links .play-badge img{width:134.58px;height:52.08px;margin:0;max-width:none}
}
@media(max-width:600px){.xd-app .download-links a{flex-direction:row;justify-content:center}}

/* SITEFINAL has embedded letterbox bars: crop their display without changing the 4K source. */
.hero-film{overflow:hidden}#hero-film{transform:scale(1.325);transform-origin:center center}