@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--cream:#f7f2df;--wine:#21452f;--gold:#f1cd45}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--wine);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{height:100px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;background:var(--cream)}.brand{display:flex;gap:9px;font-size:40px;align-items:center}.brand span{font-weight:700;font-size:23px;letter-spacing:2px;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:4px;margin-top:7px}nav{display:flex;gap:35px;font-size:13px}.navcta{border-bottom:1px solid;padding-bottom:8px;font-size:13px}.hero{height:calc(100svh - 100px);min-height:650px;position:relative;color:var(--cream);overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;animation:arrive 2s ease-out}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,12,8,.78),rgba(25,10,5,.18) 80%),linear-gradient(0deg,#1a100b99,transparent 30%)}.hero-copy{position:absolute;left:7%;top:12%}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:600;margin-bottom:28px}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-3px;line-height:1.05;margin:0}h1{font-size:clamp(90px,10vw,156px)}em{font-weight:500}h1 em{color:var(--gold)}.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;margin:25px 0}.button{display:inline-flex;background:var(--cream);color:var(--wine);padding:19px 26px;font-size:13px;gap:45px;align-items:center;transition:background .3s,transform .3s}.button:hover{background:var(--gold);transform:translateY(-3px)}.hero-bottom{position:absolute;bottom:30px;left:7%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.seal{position:absolute;right:7%;bottom:17%;width:148px;height:148px;border:1px solid #f7f2dfa0;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;line-height:2;letter-spacing:1px;transform:rotate(12deg);background:#21452f70}.ribbon{background:var(--wine);color:var(--cream);overflow:hidden;padding:20px 0}.ribbon div{white-space:nowrap;font-size:15px;letter-spacing:4px;animation:marquee 35s linear infinite;width:max-content}.section{padding:110px 7%}.intro{text-align:center;max-width:790px;margin:auto auto 70px}h2{font-size:clamp(45px,5vw,76px)}.intro>p:last-child{max-width:500px;margin:25px auto;line-height:1.8;font-size:15px}.food-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:center}figure{margin:0}.counter img{width:100%;height:580px;object-fit:cover}figcaption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;margin-top:18px}.sun{font-size:60px;color:#bb651e}h3{font-size:52px;margin:25px 0}.food-note p{line-height:1.8;font-size:14px;max-width:340px}.dish{border-top:1px solid #21452f30;padding-top:22px;margin-top:28px}.dish b{font-size:14px}.dish p{font-size:13px}.people{display:grid;grid-template-columns:1fr 1fr;background:var(--wine);color:var(--cream)}.film{position:relative;height:800px;background:#20130f}.film video{height:100%;width:100%;object-fit:cover}.film>span{position:absolute;bottom:35px;left:30px;font-size:9px;letter-spacing:2px;pointer-events:none}.people-copy{padding:100px 13%;align-self:center}.people-copy h2{font-size:64px}.people-copy>p:not(.eyebrow){line-height:1.9;font-size:14px;margin-top:35px}.script{font-family:Georgia,serif;font-style:italic;color:var(--gold);font-size:28px;display:block;margin-top:40px}.market{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;overflow:hidden}.market-text{align-self:center;max-width:340px}.market-text p{font-size:15px;line-height:1.9}.textlink{display:inline-block;border-bottom:1px solid;padding:20px 0 10px;font-size:13px}.words{grid-column:1/-1;font-size:clamp(36px,7.8vw,120px);letter-spacing:-4px;white-space:nowrap;opacity:.14;border-top:1px solid;padding-top:40px;font-weight:700}.visit{display:grid;grid-template-columns:1fr 1fr;background:#e9e9c9}.visit video{width:100%;height:620px;object-fit:cover}.visit-copy{padding:80px 12%;align-self:center}.visit-copy p{line-height:1.8}.visit-copy small{display:block;font-size:10px;margin-top:18px;max-width:260px;line-height:1.6}footer{padding:50px 7%;display:flex;justify-content:space-between;align-items:center}footer p{font-size:13px}footer>a:last-child{font-size:9px;letter-spacing:1px}.ready{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.seen{opacity:1;transform:none}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes arrive{from{transform:scale(1.06)}to{transform:scale(1)}}@media(max-width:750px){header{height:80px}nav{display:none}.brand span{font-size:18px}.brand{font-size:32px}.hero{height:calc(100svh - 80px);min-height:660px}.hero-copy{top:16%}h1{font-size:96px}.seal{right:5%;bottom:13%;width:110px;height:110px;font-size:7px}.hero-bottom{font-size:7px;letter-spacing:1px}.section{padding:75px 7%}.food-grid,.people,.market,.visit{grid-template-columns:1fr;gap:35px}.counter img{height:400px}.food-note{padding-top:15px}.film{height:570px}.people-copy{padding:50px 7% 70px}.people-copy h2{font-size:54px}.market{gap:20px}.words{font-size:37px;letter-spacing:-2px}.visit video{height:330px}.visit-copy{padding:35px 7% 60px}footer{flex-wrap:wrap;gap:25px}footer p{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.aisle-nav{display:flex;position:sticky;top:0;z-index:20;gap:30px;padding:20px 5%;background:var(--cream);border-bottom:1px solid #21452f30;overflow-x:auto;justify-content:center;white-space:nowrap;font-size:11px;letter-spacing:.5px}.aisle-nav a{padding:7px 0;border-bottom:1px solid transparent}.aisle-nav a:hover{border-color:var(--wine)}.chapter{max-width:750px}.chapter>p:last-child,.juice-heading>p:last-child,.coffee-copy>p:not(.eyebrow),.snack-copy>p:not(.eyebrow),.frozen-copy>p:not(.eyebrow){max-width:430px;line-height:1.9;font-size:15px;margin:28px 0}.sandwich-section{background:#e9dfcb}.deli-spread{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;margin-top:55px;align-items:start}.deli-main{grid-row:span 2}.deli-main img{height:670px;width:100%;object-fit:cover}.deli-small img{height:330px;width:100%;object-fit:cover}.deli-spread figcaption{line-height:1.5;gap:20px}.prep-film video{width:100%;height:230px;object-fit:cover}.prep-film p{font-size:9px;letter-spacing:1.5px}.juice-section{background:#e9eddc}.juice-heading{max-width:820px}.juice-heading h2 em{color:#626b2c}.juice-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:55px;align-items:center}.juice-picture img{width:100%;height:430px;object-fit:contain;background:#d7dcc7}.blend-tabs{display:flex;gap:8px;border-bottom:1px solid #21452f40;padding-bottom:15px}.blend-tabs button{font:inherit;font-size:11px;padding:12px 10px;border:1px solid #21452f30;color:var(--wine);background:transparent;cursor:pointer}.blend-tabs button[aria-selected=true]{background:var(--wine);color:var(--cream)}#blend-panel{min-height:205px;padding:30px 0}.blend-num{font-size:9px;letter-spacing:1.5px}#blend-panel h3{font-size:42px;margin:20px 0}.ingredients{font-size:15px;line-height:1.8}.make-own{border-top:1px solid #21452f30;padding-top:25px}.make-own b{font-size:14px}.make-own p{font-size:13px;line-height:1.8;max-width:330px}.coffee-section{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;background:#193b29;color:var(--cream)}.coffee-copy h2{font-size:64px}.coffee-copy .eyebrow{color:var(--gold)}.coffee-board{align-self:center;transform:rotate(2deg)}.coffee-board img{width:100%;height:420px;object-fit:contain;background:#122b1e}.coffee-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:35px}.coffee-list span{font-size:12px;padding:16px 0;border-top:1px solid #f7f2df40}.coffee-line{grid-column:1/-1;border-top:1px solid #f7f2df30;margin-top:30px;padding-top:35px;letter-spacing:5px;font-size:14px;color:var(--gold);text-align:center}.market-intro{text-align:center;padding-bottom:0}.market-intro>p:not(.eyebrow){font-size:15px;line-height:1.9;max-width:560px;margin:30px auto 55px}.market-film{position:relative}.market-film video{width:100%;height:470px;object-fit:cover}.market-film span{position:absolute;top:25px;left:30px;background:var(--cream);font-size:9px;padding:12px;letter-spacing:1.5px}.snack-section{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center}.snack-photo img{width:100%;height:580px;object-fit:cover}.snack-copy h2{font-size:64px}.cooler-section{background:#e3e9e7}.cooler-title{max-width:800px;margin:auto;text-align:center}.cooler-title>p:last-child{line-height:1.9;font-size:15px;max-width:520px;margin:30px auto 60px}.cooler-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.cooler-grid img{width:100%;height:540px;object-fit:cover}.beer-photo{margin-top:100px}.cooler-grid figcaption{display:block}.cooler-grid figcaption b{font-weight:500;font-size:12px}.cooler-grid figcaption span{display:block;font-size:12px;letter-spacing:0;margin-top:10px}.frozen-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:#eee8cd}.frozen-photo img{width:100%;height:530px;object-fit:cover}.frozen-copy h2{font-size:68px}.everything-strip{background:var(--wine);color:var(--cream);padding:65px 8%;text-align:center}.everything-strip>p{font-size:9px;letter-spacing:3px;margin-bottom:25px}.everything-strip>div{font:32px/1.8 'Playfair Display',Georgia,serif;max-width:1000px;margin:auto}a:focus-visible,button:focus-visible{outline:2px solid #bb651e;outline-offset:5px}video{background:#122b1e}
@media(max-width:750px){.aisle-nav{display:flex;justify-content:flex-start;gap:25px;padding:12px 7%;font-size:11px}.deli-spread,.juice-layout,.coffee-section,.snack-section,.cooler-grid,.frozen-section{grid-template-columns:1fr;gap:35px}.deli-main{grid-row:auto}.deli-main img{height:430px}.deli-small img{height:300px}.prep-film video{height:240px}.juice-layout{margin-top:30px}.juice-picture img{height:280px}.blend-tabs{gap:6px}.blend-tabs button{padding:12px 9px}#blend-panel{min-height:190px}.coffee-copy h2,.snack-copy h2,.frozen-copy h2{font-size:50px}.coffee-board img{height:300px}.coffee-line{font-size:9px;letter-spacing:2px;line-height:2;margin-top:0}.market-film video{height:280px}.market-film span{top:15px;left:15px;font-size:7px}.snack-photo img{height:420px}.cooler-grid img{height:430px}.beer-photo{margin-top:10px}.cooler-grid{gap:40px}.frozen-photo img{height:390px}.everything-strip{padding:45px 7%}.everything-strip>div{font-size:25px}}

/* Sunrise's sun, sandwich, and green-and-gold identity. */
header,footer{background:#193b29;color:#f7f2df}header{height:116px;padding-top:10px;padding-bottom:10px}.brand{display:flex;align-items:center}.brand img{width:180px;height:94px;object-fit:contain}footer .brand img{width:190px;height:100px}.hero{height:calc(100svh - 116px)}.ribbon{background:#eccd45;color:#193b29}.button{background:#f1cd45;color:#193b29}.button:hover{background:#f8db69}.hero-copy .eyebrow{color:#f9e9b4}.sun{color:#c97525}.juice-heading h2 em{color:#52753a}.coffee-section{background:#193b29}.coffee-copy .eyebrow,.script{color:#f1cd45}.seal{background:#21452f90}.snack-photo img{object-position:center}.visit-photo{width:100%;height:620px;object-fit:cover;object-position:center}.visit{gap:0;background:#e9e9c9}.visit-copy{min-width:0}.market-film{overflow:hidden}.market-film video{object-fit:cover}a:focus-visible,button:focus-visible{outline-color:#d68924}@media(max-width:750px){header{height:100px}.brand img{width:150px;height:84px}.hero{height:calc(100svh - 100px)}.visit-photo{height:400px}.navcta{font-size:12px}footer .brand img{width:165px;height:90px}}
.visit-photo{height:720px;object-position:center top}@media(max-width:750px){.visit-photo{height:auto;max-height:650px;aspect-ratio:4/5;object-position:center top}}
/* Let the menu boards define their own bounds: no letterboxed containers. */
.juice-picture img,.coffee-board img{display:block;width:100%;height:auto;object-fit:initial;background:transparent}.juice-picture,.coffee-board{align-self:center}.coffee-board{transform:none}.juice-layout{align-items:center}.market-panorama{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:center}.market-film{background:transparent}.market-film>span{position:static;display:block;text-align:left;padding:18px 0 0;background:transparent;font-size:9px;letter-spacing:1.5px}@media(max-width:750px){.juice-picture img,.coffee-board img{height:auto}.market-panorama{aspect-ratio:3/2;object-fit:cover}.juice-layout{gap:30px}}

.ribbon div{word-spacing:8px}.seal{line-height:1.8;padding:15px}.sun{display:block;width:42px;height:42px;border:2px solid #c97525;border-radius:50%;position:relative}.sun:after{content:"";position:absolute;width:58px;height:1px;background:#c97525;left:-10px;top:18px;transform:rotate(-35deg)}.button{min-height:48px}.aisle-nav a{min-height:44px;display:flex;align-items:center}.navcta{min-height:44px;display:flex;align-items:center}.brand{flex-shrink:0}@media(max-width:750px){h2,h3{letter-spacing:-1.8px}.hero-copy{right:6%}.hero-copy h1{font-size:clamp(72px,21vw,96px)}.hero-bottom{gap:20px;align-items:end}.hero-bottom span{max-width:55%;line-height:1.7}.seal{bottom:12%;width:100px;height:100px;font-size:6px}.coffee-copy,.people-copy,.visit-copy,.food-note,.juice-picker{min-width:0}.coffee-list{gap:0 14px}.blend-tabs{flex-wrap:wrap}.blend-tabs button{min-height:44px}.everything-strip>div{font-size:23px}.aisle-nav{scrollbar-width:none}.aisle-nav::-webkit-scrollbar{display:none}.food-grid,.juice-layout,.coffee-section,.snack-section,.frozen-section{min-width:0}.counter img,.deli-main img,.snack-photo img,.frozen-photo img{max-width:100%}footer{gap:18px}footer>a:last-child{padding:14px 0}}

.food-section-logo{display:block;width:160px;height:auto;object-fit:contain;margin-bottom:24px}@media(max-width:750px){.food-section-logo{width:140px;margin-bottom:20px}}
/* A tighter editorial rhythm across desktop and mobile. */
.section{padding:72px 7%}.eyebrow{margin-top:0;margin-bottom:20px}.intro{margin-bottom:42px}.intro>p:last-child{margin:20px auto 0}.food-grid{gap:6%}.food-section-logo{width:140px;margin-bottom:16px}.food-note h3{margin:16px 0 20px}.dish{padding-top:18px;margin-top:20px}.food-note p{margin-top:12px;margin-bottom:12px}.film{height:650px}.people-copy{padding:64px 10%}.people-copy>p:not(.eyebrow){margin-top:24px}.script{margin-top:26px}.deli-spread{gap:26px;margin-top:32px}.chapter>p:last-child,.juice-heading>p:last-child,.coffee-copy>p:not(.eyebrow),.snack-copy>p:not(.eyebrow),.frozen-copy>p:not(.eyebrow){margin:20px 0 0}.juice-layout{margin-top:32px;gap:6%}#blend-panel{min-height:165px;padding:22px 0}#blend-panel h3{margin:14px 0}.make-own{padding-top:18px}.make-own p{margin-bottom:0}.coffee-section{column-gap:6%;row-gap:24px}.coffee-list{margin-top:24px}.coffee-line{margin-top:0;padding-top:24px}.market-intro{padding-bottom:0}.market-intro>p:not(.eyebrow){margin:22px auto 32px}.snack-section{gap:6%;padding-top:56px}.cooler-title>p:last-child{margin:22px auto 34px}.cooler-grid{gap:30px}.beer-photo{margin-top:45px}.frozen-section{gap:6%}.everything-strip{padding:42px 8%}.everything-strip>p{margin-top:0;margin-bottom:16px}.everything-strip>div{line-height:1.55}.visit-copy{padding:54px 10%}footer{padding:30px 7%}.aisle-nav{padding-top:10px;padding-bottom:10px}figcaption{margin-top:12px}
@media(max-width:750px){.section{padding:44px 7%}.eyebrow{margin-bottom:16px}.intro{margin-bottom:28px}.food-grid{gap:24px}.food-note{padding-top:0}.food-section-logo{width:125px;margin-bottom:12px}.food-note h3{margin-top:12px}.film{height:500px}.people{gap:0}.people-copy{padding:36px 7% 42px}.people-copy>p:not(.eyebrow){margin-top:20px}.script{margin-top:22px}.deli-spread{gap:22px;margin-top:26px}.deli-main img{height:390px}.deli-small img{height:270px}.juice-layout{margin-top:24px;gap:26px}#blend-panel{min-height:150px;padding:20px 0}.coffee-section{gap:26px}.coffee-list{margin-top:22px}.coffee-line{padding-top:18px}.market-intro{padding-bottom:0}.market-intro>p:not(.eyebrow){margin:20px auto 26px}.market-film>span{padding-top:12px}.snack-section{gap:24px;padding-top:36px}.snack-photo img{height:370px}.cooler-title>p:last-child{margin:20px auto 28px}.cooler-grid{gap:28px}.beer-photo{margin-top:0}.frozen-section{gap:26px}.everything-strip{padding:32px 7%}.visit{gap:0}.visit-copy{padding:32px 7% 40px}footer{padding:22px 7%}.aisle-nav{padding-top:6px;padding-bottom:6px}.textlink{padding-top:16px}.hero-copy h1{font-size:clamp(64px,21vw,96px)}}

.deli-spread{grid-template-columns:1fr 1fr;gap:30px;align-items:start}.deli-photos{display:grid;gap:26px;min-width:0}.deli-main{grid-row:auto}.deli-main img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.deli-small img{display:block;width:100%;height:auto;aspect-ratio:2.1/1;object-fit:cover}.hungry-film{min-width:0}.hungry-film video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}.hungry-film figcaption{gap:12px;line-height:1.7;flex-wrap:wrap}.hungry-film figcaption a{border-bottom:1px solid currentColor;padding-bottom:3px}@media(max-width:750px){.deli-spread{grid-template-columns:1fr;gap:28px}.deli-photos{gap:24px}.deli-main img{height:auto;aspect-ratio:4/5}.deli-small img{height:auto;aspect-ratio:2/1}.hungry-film video{height:auto;max-height:none}}
/* Keep the portrait reel fully in view on desktop without cropping it. */
@media(min-width:751px){.deli-spread{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.hungry-film{justify-self:center;width:min(100%,350px)}.hungry-film video{width:100%;height:auto;max-height:calc(100svh - 150px);aspect-ratio:9/16;object-fit:contain}.hungry-film{width:min(350px,calc((100svh - 150px)*9/16))}.deli-photos{grid-template-columns:minmax(0,1fr);gap:20px}.deli-main img{aspect-ratio:5/4;max-height:430px;object-position:center}.deli-small img{aspect-ratio:3/1;max-height:175px}.hungry-film figcaption{font-size:8px;letter-spacing:1px;margin-top:10px}}
/* Balance desktop reel size with uncropped empanada photography. */
@media(min-width:751px){.deli-spread{grid-template-columns:minmax(0,1fr) minmax(0,410px);gap:40px}.hungry-film{width:min(410px,calc((100svh - 100px)*9/16))}.hungry-film video{max-height:calc(100svh - 100px);object-fit:contain}.deli-small img{height:auto;max-height:none;aspect-ratio:auto;object-fit:initial}.deli-main img{height:auto;max-height:none;aspect-ratio:5/4;object-fit:cover}.deli-photos{gap:22px}}
/* Give the empanadas their own full-width row instead of leaving an empty column. */
@media(min-width:751px){.deli-photos{display:contents}.deli-main{grid-column:1;grid-row:1;align-self:start}.hungry-film{grid-column:2;grid-row:1}.deli-small{grid-column:1/-1;grid-row:2;margin-top:0}.deli-small img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:initial}.deli-main img{height:auto;aspect-ratio:4/5;max-height:calc(100svh - 100px);object-fit:cover}.deli-spread{row-gap:28px}}
/* Keep the serving hands and takeaway container in frame during the bean pour. */
.film video{object-position:50% 0%}

.order-nav{background:var(--gold);color:#193b29;padding:13px 20px;border:0;font-weight:600;white-space:nowrap}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-actions .button{gap:0}.explore-link{font-size:13px;border-bottom:1px solid #f7f2df88;padding:10px 0}.delivery-copy{font-size:14px;max-width:320px}.delivery-button{margin:4px 0 14px}.visit-copy>a.button:not(.delivery-button){background:transparent;border:1px solid #21452f55;padding:14px 18px}.order-nav:hover{background:#f8db69}@media(max-width:750px){.order-nav{font-size:11px;padding:12px 14px}.hero-actions{gap:18px}.hero-actions .button{padding:17px 22px}.explore-link{font-size:12px}header{gap:12px}.brand img{width:140px}}
