@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f9f9f7;--ink:#181818;--red:#ed1823;--gray:#6b6b68;--line:#d9d9d4;--progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:6px}button{cursor:pointer}img{max-width:100%;display:block}.skip{position:fixed;z-index:30;top:-70px;background:white;padding:15px}.skip:focus{top:0}.header{height:100px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:32px;position:absolute;top:0;left:0;right:0;z-index:10;border-bottom:1px solid var(--line)}.brand{width:165px;flex-shrink:0}.brand img{width:100%;height:53px;object-fit:contain}.desktop-nav{display:flex;gap:34px;font-size:14px}.desktop-nav a{padding:12px 0;position:relative}.desktop-nav a:after{content:'';position:absolute;bottom:4px;left:0;width:0;height:1px;background:var(--red);transition:width .3s}.desktop-nav a:hover:after{width:100%}.header-link{font-size:14px;border-bottom:1px solid #999;padding:10px 0}.header-link span{margin-left:22px}.menu-toggle,.mobile-nav{display:none}.journey{height:220vh;position:relative}.journey-stage{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden}.hero-copy{position:absolute;left:7%;right:7%;top:21%;opacity:1;will-change:opacity,transform}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:600;display:block}.hero-copy .eyebrow{margin-left:.6%;margin-bottom:28px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:clamp(72px,9.5vw,150px);font-weight:500;line-height:1.12;letter-spacing:-.065em}h1 span{display:block}h1 span:last-child{margin-left:42%;color:var(--red);margin-top:20px}.cup-scene{position:absolute;left:50%;top:50%;width:clamp(285px,31vw,500px);height:76%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;will-change:transform}.cup{width:100%;height:100%;object-fit:contain;filter:drop-shadow(12px 25px 20px #18181813);transform:rotate(-12deg);will-change:transform}.hero-note{position:absolute;left:8%;bottom:20%;font-size:16px;line-height:1.6;will-change:opacity}.small-line{display:block;width:35px;height:2px;background:var(--red);margin-bottom:15px}.text-link{font-size:14px;display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid #777;padding-bottom:7px;margin-top:22px}.text-link span{font-size:20px;line-height:1;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.hero-bottom{position:absolute;bottom:34px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;z-index:3}.scroll-hint,.origin,.chapter{font-size:11px;letter-spacing:.1em}.scroll-hint{display:flex;align-items:center;gap:14px}.scroll-hint span{border:1px solid var(--line);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:18px}.chapter{letter-spacing:.04em;font-size:13px}.chapter i{font-style:normal;color:#aaa;margin:0 14px}.journey-progress{position:absolute;bottom:0;left:0;height:2px;width:calc(var(--progress)*100%);background:var(--red)}.story-copy{position:absolute;left:49%;top:23%;opacity:0;transform:translateY(35px);pointer-events:none;max-width:48%;will-change:opacity,transform}.story-copy h2{font-size:clamp(40px,4.7vw,72px);line-height:1.15;margin:24px 0;letter-spacing:-.055em;font-weight:500}.story-copy p{line-height:1.8;color:var(--gray)}em{font-style:normal;color:var(--red)}.section{padding:90px 7% 100px}.section-top{display:flex;justify-content:space-between;align-items:center}.muted{font-size:14px;color:var(--gray)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:48px 0 55px;gap:30px}.section-heading h2{font-size:clamp(44px,5.1vw,78px);line-height:1.13;letter-spacing:-.055em;font-weight:500}.section-heading p{color:var(--gray);line-height:1.8;max-width:340px}.gallery{background:#efefeb}.gallery-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:40px 30px}.gallery-item{margin:0;min-width:0}.gallery-item:nth-child(2){padding-top:100px}.gallery-item:nth-child(3){grid-column:1/-1;width:73%;margin-top:-30px}.gallery-photo{padding:0;border:0;background:#deded7;width:100%;display:block;position:relative;overflow:hidden;text-align:left}.gallery-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .8s}.gallery-item:nth-child(2) img{aspect-ratio:3/4;height:auto}.gallery-item:nth-child(3) img{aspect-ratio:16/9;height:auto}.gallery-photo:hover img{transform:scale(1.045)}.photo-expand{position:absolute;bottom:20px;right:20px;background:#fff;color:#181818;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:24px}.gallery-item figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:18px;font-size:16px}.gallery-item figcaption span{font-size:13px;color:var(--gray)}.gallery-foot{margin-top:50px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--gray)}.gallery-foot .text-link{color:var(--ink);margin:0}.branches{padding-bottom:120px}.branch-list{border-top:1px solid var(--line)}.branch{display:grid;grid-template-columns:60px 1fr 1.1fr 120px;align-items:center;gap:20px;padding:40px 0;border-bottom:1px solid var(--line)}.branch-number{color:#878782;font-size:13px;align-self:start;padding-top:12px}.branch h3{font-size:32px;font-weight:500;letter-spacing:-.04em;margin-bottom:7px}.location{font-size:13px;color:var(--gray)}.branch p{font-size:14px;line-height:1.7;color:var(--gray)}.branch>a{font-size:14px;display:flex;justify-content:space-between;padding:15px 0}.branch>a span{font-size:22px}.branch:hover h3{color:var(--red)}.franchise{background:var(--red);color:white;padding-top:65px;padding-bottom:75px}.franchise>div{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:40px 0 25px}.franchise h2{font-size:clamp(42px,5.8vw,84px);font-weight:500;line-height:1.15;letter-spacing:-.05em}.franchise em{color:#ffacb0}.franchise p{line-height:1.7;font-size:15px}.franchise p a{display:inline-block;margin-top:15px;border-bottom:1px solid #ffffff70;padding-bottom:5px}.round-link{width:105px;height:105px;flex-shrink:0;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:50px;transition:background .3s,color .3s}.round-link:hover{background:white;color:var(--red)}.footer{padding:55px 4.5% 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-top p{font-size:12px;letter-spacing:.2em}.footer-top>div{display:flex;gap:24px;font-size:14px}.footer-bottom{border-top:1px solid var(--line);margin-top:50px;padding-top:25px;display:flex;justify-content:space-between;color:var(--gray);font-size:12px}.lightbox{position:fixed;inset:0;width:100vw;height:100svh;max-width:none;max-height:none;border:0;background:#141414f5;color:white;padding:40px 85px}.lightbox::backdrop{background:#111e}.lightbox[open]{display:flex;justify-content:center;align-items:center}.lightbox figure{margin:0;display:flex;align-items:center;flex-direction:column;max-width:1100px;max-height:90vh}.lightbox img{max-height:79vh;object-fit:contain}.lightbox figcaption{padding-top:18px;font-size:14px}.lightbox button{position:absolute;border:1px solid #ffffff60;background:transparent;color:white;width:44px;height:44px;border-radius:50%;font-size:22px}.close-photo{right:25px;top:22px}.prev-photo{left:22px;top:50%}.next-photo{right:22px;top:50%}
@media(min-width:1700px){.hero-copy{left:12%;right:12%}.hero-note{left:13%}}@media(max-width:900px){.header{height:85px;padding:0 5%}.desktop-nav{gap:20px}.header-link{display:none}.hero-copy{top:24%;left:6%;right:6%}h1{font-size:10.7vw}.cup-scene{width:39vw;height:70%}.hero-note{left:7%;bottom:20%}.story-copy{left:47%;top:22%}.story-copy h2{font-size:5.8vw}.section{padding:65px 6%}.branch{grid-template-columns:30px 1fr 1fr;gap:15px}.branch>a{grid-column:3}.branch h3{font-size:28px}.footer-top p{display:none}}@media(max-width:600px){.header{height:78px}.brand{width:138px}.brand img{height:46px}.desktop-nav{display:none}.menu-toggle{display:flex;border:0;background:none;width:42px;height:44px;flex-direction:column;gap:7px;align-items:center;justify-content:center}.menu-toggle span{height:1px;width:24px;background:var(--ink)}.mobile-nav:not([hidden]){display:flex;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:25px 7% 35px;border-bottom:1px solid var(--line);flex-direction:column;gap:23px;font-size:20px}.journey{height:210svh}.journey-stage{min-height:670px}.hero-copy{top:16%;left:6%;right:6%}.hero-copy .eyebrow{font-size:10px;margin-bottom:20px}h1{font-size:14vw;line-height:1.1;letter-spacing:-.065em}h1 span:last-child{margin-left:14%;margin-top:8px}.cup-scene{top:55%;width:65vw;height:55%;left:58%}.cup{transform:rotate(-12deg)}.hero-note{left:7%;bottom:15%;font-size:14px;z-index:3}.hero-note p{max-width:110px}.hero-note .text-link{gap:14px;font-size:13px}.hero-bottom{bottom:25px;left:6%;right:6%}.scroll-hint{font-size:9px;letter-spacing:.03em;gap:8px}.scroll-hint span{width:30px;height:30px}.origin{display:none}.story-copy{top:16%;left:7%;right:7%;max-width:none}.story-copy h2{font-size:11vw;margin:18px 0}.story-copy p{font-size:15px;line-height:1.65}.story-copy .text-link{margin-top:15px}.section{padding:55px 6% 65px}.section-top .muted{display:none}.section-heading{display:block;margin:32px 0}.section-heading h2{font-size:46px}.section-heading p{margin-top:25px;font-size:15px}.gallery-grid{grid-template-columns:1fr;gap:30px}.gallery-item:nth-child(2){padding:0}.gallery-item:nth-child(3){grid-column:auto;width:100%;margin:0}.gallery-item figcaption{font-size:15px;flex-wrap:wrap}.gallery-foot{display:block;margin-top:35px}.gallery-foot .text-link{margin-top:22px}.branch{grid-template-columns:25px 1fr;gap:12px;padding:28px 0}.branch h3{font-size:29px}.branch p{grid-column:2;margin-top:6px}.branch>a{grid-column:2;max-width:140px;padding-bottom:0}.branch-number{padding-top:9px}.franchise h2{font-size:43px}.round-link{width:60px;height:60px;font-size:30px}.franchise>div{align-items:flex-end;gap:8px}.footer-top{flex-wrap:wrap;gap:30px}.footer-top>div{width:100%;gap:24px}.footer-bottom{margin-top:35px;font-size:11px}.lightbox{padding:70px 18px}.lightbox img{max-height:70vh}.prev-photo,.next-photo{top:auto!important;bottom:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.journey{height:auto}.journey-stage{position:relative;height:auto;min-height:1100px}.hero-copy{top:160px}.cup-scene{top:360px;height:500px}.story-copy{opacity:1!important;transform:none!important;pointer-events:auto!important;left:7%;top:760px;max-width:86%}.story-copy h2{font-size:42px}.hero-note{display:none}.hero-bottom{bottom:20px}.origin{display:none}} 
/* Give the cup its own central space and keep the headline fully readable. */
@media(min-width:901px){.hero-copy{top:24%;z-index:3;pointer-events:none}h1{display:flex;justify-content:space-between;align-items:flex-start;font-size:7.4vw;line-height:1.08}h1 span{width:31%}h1 span:last-child{margin:85px 0 0;text-align:right}.cup-scene{width:30vw}.hero-note{bottom:19%}}
@media(min-width:601px) and (max-width:900px){h1{display:flex;justify-content:space-between;font-size:8vw}h1 span{width:32%}h1 span:last-child{margin:70px 0 0;text-align:right}.cup-scene{width:35vw}.hero-copy{z-index:3;pointer-events:none}}
@media(max-width:600px){.cup-scene{top:60%;height:48%}}
@media(prefers-reduced-motion:reduce) and (max-width:600px){.cup-scene{top:490px;height:360px}.journey-stage{min-height:1170px}.story-copy{top:770px}}
@media(min-width:601px){.hero-copy{z-index:1;top:22%}h1{display:block;font-size:9.5vw;line-height:1.12}h1 span{width:auto}h1 span:last-child{margin:20px 0 0 42%;text-align:left}.cup-scene{z-index:2;width:31vw}}
@media(max-width:600px){.hero-copy{z-index:1}.cup-scene{z-index:2;top:55%;height:56%}}
/* Two-line headline with a small, intentional cup overlap. */
@media(min-width:601px){.hero-copy{top:24%;left:7%;right:7%;z-index:1}h1{display:flex;justify-content:space-between;align-items:flex-start;font-size:clamp(68px,7.1vw,114px);line-height:1.03}h1 span{width:35%}h1 span:last-child{width:36%;margin:68px 0 0;text-align:left}.cup-scene{left:49%;width:30vw}}
@media(max-width:600px){.hero-copy{top:18%}h1{display:flex;justify-content:space-between;font-size:11.5vw;line-height:1.1}h1 span{width:45%}h1 span:last-child{width:45%;margin:38px 0 0;text-align:left}.cup-scene{left:54%;top:57%;height:51%;width:65vw}}