:root{--sc-canvas:#efece4;--sc-surface:#e2dfd5;--sc-ink:#1b221e;--sc-ink-soft:#53594e;--sc-accent:#bfdf42;--sc-accent-ink:#1b221e;--sc-font-display:Outfit,sans-serif;--sc-font-text:Outfit,sans-serif}body{padding-top:44px}.santo-header{height:115px;padding:22px 5vw;display:flex;justify-content:space-between;align-items:center;background:var(--sc-canvas);position:relative;z-index:10}.santo-mark{font-weight:600;font-size:27px;line-height:.9;letter-spacing:-1.4px;text-decoration:none}.santo-mark span{display:block}.location{font-size:12px;line-height:1.3;letter-spacing:.08em}.nav-link{font-size:15px;text-decoration:none;border-bottom:1px solid;padding:12px 0}.nav-link span{margin-left:34px}.portal-stage{background:#efece4;isolation:isolate}.portal-hole{position:absolute;width:38vw;height:38vw;max-width:650px;max-height:650px;border-radius:50%;background:#1b221e;left:56%;top:47%;transform:translate(-5%,-50%) scale(calc(1 + var(--sc-p,0)*6));box-shadow:inset 12px 16px 30px #080d0a80;z-index:0}.portal-copy{position:absolute;left:7vw;top:5vh;z-index:2;opacity:clamp(0,calc(1.6 - var(--sc-p,0)*8),1);transform:translateY(calc(var(--sc-p,0)*-45px))}.small-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.portal-copy h1{font-size:clamp(76px,8.6vw,150px);font-weight:600;line-height:.87;letter-spacing:-.065em;margin:26px 0 28px}.portal-copy h1 em{font-style:normal;text-decoration:underline;text-decoration-thickness:6px;text-underline-offset:8px}.portal-copy>p:not(.small-label){font-size:17px;line-height:1.4}.text-link{display:inline-block;margin-top:22px;text-decoration:none;font-size:16px;border-bottom:1px solid;padding-bottom:7px}.text-link span{margin-left:25px}.cup-plane{position:absolute;left:54%;top:8%;width:37vw;max-width:630px;z-index:3;transform:translate(calc(var(--sc-p,0)*-18vw),calc(var(--sc-p,0)*-9vh)) rotate(calc(-13deg + var(--sc-p,0)*27deg)) scale(calc(.92 + var(--sc-p,0)*.28));pointer-events:none}.cup-plane img{width:100%;height:auto;filter:drop-shadow(18px 30px 22px #0c151740)}.cup-note{position:absolute;right:-3%;top:55%;font-size:12px;line-height:1.3;color:#efece4;transform:rotate(13deg);letter-spacing:.1em}.portal-after{position:absolute;bottom:8vh;right:6vw;color:#efece4;z-index:4;opacity:clamp(0,calc((var(--sc-p,0) - .54)*4),1);text-align:right;line-height:1}.portal-after span{font-size:22px}.portal-after strong{font-size:clamp(40px,6vw,95px);letter-spacing:-.05em;display:block}.image-note{position:absolute;bottom:16px;left:24px;font-size:11px;color:#657164;z-index:5}.santo-intro{padding:130px 7vw;display:grid;grid-template-columns:1.3fr 1fr;gap:10vw;align-items:start;background:#bfdf42}.intro-line{font-size:clamp(37px,4.7vw,76px);line-height:1.04;letter-spacing:-.055em;font-weight:600}.santo-intro>div{font-size:20px;line-height:1.5;max-width:480px}.santo-intro>div p+p{margin-top:22px}.coffee-scene{height:90vh;max-height:1000px;min-height:600px;position:relative;overflow:hidden;background:#171512;color:#f7f1e8}.coffee-scene>img{position:absolute;inset:-7% 0;width:100%;height:114%;object-fit:cover}.scene-copy{position:absolute;left:7vw;top:16%;z-index:2;max-width:38%}.scene-copy h2{font-size:clamp(46px,6vw,96px);line-height:.97;letter-spacing:-.06em}.scene-copy p{margin-top:34px;font-size:21px;line-height:1.5}.coffee-scene .image-note{color:#d2c9bd;background:#171512d9;padding:5px 8px}.ritual{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:120px 7vw 140px}.ritual-heading h2{font-size:clamp(48px,6.4vw,102px);line-height:.94;letter-spacing:-.055em;margin-top:35px}.choice-list{border-top:1px solid #9ca18f}.drink-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:25px 0;border:0;border-bottom:1px solid #9ca18f;border-radius:0;background:none;font-size:clamp(28px,3.4vw,50px);cursor:pointer;letter-spacing:-.03em}.drink-option>span:last-child{font-size:30px;opacity:.25;transition:transform .3s,opacity .3s}.drink-option.active>span:last-child{opacity:1;transform:rotate(45deg)}.drink-option.active{font-weight:600}.ritual-result{padding-top:45px}.result-label{font-size:11px;letter-spacing:.1em}.ritual-result p{font-size:24px;line-height:1.3;max-width:350px;margin:18px 0 26px;min-height:94px}.round-link{padding:16px 23px;background:#1b221e;color:#efece4;display:inline-flex;gap:35px;border-radius:40px;text-decoration:none}.ritual-result small{display:block;font-size:12px;margin-top:20px;color:#53594e}.visit{background:#1b221e;color:#efece4;padding:60px 7vw 70px}.visit-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #606957;padding-bottom:24px;font-size:12px;letter-spacing:.08em}.visit-top span{font-size:90px;line-height:1;color:#bfdf42}.visit h2{font-size:clamp(58px,10vw,168px);line-height:.94;letter-spacing:-.065em;padding:60px 0 75px}.visit-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;font-size:17px}.visit-bottom address{font-style:normal}.credits{background:#161c18;color:#eeebe3}.credits img{filter:brightness(0) invert(1)}
@media(max-width:700px){.santo-header{height:98px;padding:18px 22px}.location{display:none}.santo-mark{font-size:22px}.nav-link{font-size:12px}.nav-link span{margin-left:8px}.portal-stage{height:calc(100svh - 44px)!important}.portal-copy{left:7vw;top:2vh}.portal-copy h1{font-size:clamp(55px,14vw,85px);margin-top:16px;line-height:.88}.portal-copy>p:not(.small-label){font-size:14px}.portal-copy .text-link{margin-top:15px;font-size:14px}.portal-hole{width:63vw;height:63vw;left:49%;top:67%;transform:translate(-8%,-40%) scale(calc(1 + var(--sc-p,0)*5))}.cup-plane{width:56vw;left:45%;top:40%;transform:translate(calc(var(--sc-p,0)*-25vw),calc(var(--sc-p,0)*-19vh)) rotate(calc(-13deg + var(--sc-p,0)*27deg)) scale(calc(.92 + var(--sc-p,0)*.2))}.cup-note{display:none}.portal-after{bottom:8vh;right:7vw}.portal-after strong{font-size:12vw}.portal-after span{font-size:17px}.santo-intro{padding:70px 7vw;grid-template-columns:1fr;gap:32px}.intro-line{font-size:11vw}.santo-intro>div{font-size:18px}.coffee-scene{min-height:560px;height:82svh}.coffee-scene>img{object-position:64% center;mask-image:linear-gradient(to bottom,transparent,black 23%)}.scene-copy{top:35px;max-width:85%}.scene-copy h2{font-size:52px}.scene-copy p{margin-top:20px;font-size:17px}.ritual{grid-template-columns:1fr;gap:50px;padding:70px 7vw}.ritual-heading h2{font-size:15vw}.ritual-heading h2 br{display:none}.drink-option{font-size:38px;padding:21px 0}.ritual-result p{min-height:70px}.visit{padding:38px 7vw 55px}.visit-top span{font-size:65px}.visit h2{font-size:15vw;padding:45px 0}.visit-bottom{display:grid;gap:24px}.image-note{font-size:10px;left:16px;max-width:88%}}
@media(prefers-reduced-motion:reduce){.portal{height:auto!important}.portal-stage{position:relative!important;min-height:850px}.portal-copy{opacity:1!important;transform:none!important}.cup-plane{transform:rotate(-13deg)!important}.portal-hole{transform:translate(-5%,-50%)!important}.portal-after{display:none}.coffee-scene>img{transform:none!important}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.portal-stage{min-height:690px}.portal-hole{transform:translate(-8%,-40%)!important}}

.portal-hole{transform:translate(-5%,-50%) scale(calc(1 + clamp(0,(var(--sc-p,0) - .1)*7,6)))}
.coffee-scene::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#111511b3 0%,#11151188 38%,transparent 68%)}
@media(max-width:700px){.portal-hole{transform:translate(-8%,-40%) scale(calc(1 + clamp(0,(var(--sc-p,0) - .1)*6,5)))}.coffee-scene::after{background:linear-gradient(180deg,#111511e6 0%,#1115119e 38%,transparent 70%)}}

/* Cinnamon rolls lead the revised product story. */
.drink-option{font-size:clamp(27px,3.1vw,46px);gap:16px}.drink-option>span:first-child{min-width:0}.portal-after strong{font-size:clamp(38px,5.5vw,86px)}
@media(max-width:700px){.drink-option{font-size:32px}.portal-after strong{font-size:10.5vw}}

/* Takeaway service and the written-on facade connect the scroll story. */
.portal-copy h1{font-size:clamp(74px,7.7vw,130px)}
.portal-after strong{font-size:clamp(36px,4.9vw,76px)}
.marker-wall{padding:115px 7vw;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:5vw;background:#f5f2e9;overflow:hidden}
.wall-copy h2{font-size:clamp(43px,5.2vw,82px);line-height:.99;letter-spacing:-.055em;margin:26px 0 30px}
.wall-copy>p:not(.small-label){font-size:19px;line-height:1.5;max-width:425px;margin-top:18px}
.wall-copy .text-link{font-size:15px}
.marker-board{position:relative;aspect-ratio:1;max-width:630px;width:100%;isolation:isolate}
.wall-marks{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ink-trace{stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,(var(--sc-p,1) - .08)*2.5,1))}
.ink-second{stroke-dashoffset:calc(1 - clamp(0,(var(--sc-p,1) - .14)*2.5,1))}
.ink-third{stroke-dashoffset:calc(1 - clamp(0,(var(--sc-p,1) - .2)*2.5,1))}
.wall-quote{position:absolute;inset:30% 4% auto 12%;transform:rotate(-5deg);display:flex;align-items:flex-start;flex-direction:column;gap:8px}
.wall-quote span{background:#1b221e;color:#f5f2e9;font-size:clamp(24px,3.4vw,53px);font-weight:600;line-height:1;padding:10px 13px;letter-spacing:-.035em}
.wall-quote span:nth-child(2){transform:rotate(2deg)}.wall-quote span:last-child{transform:rotate(-2deg);background:#bfdf42;color:#1b221e}
.marker-caption{position:absolute;right:9%;bottom:17%;font-size:12px;letter-spacing:.07em;transform:rotate(5deg)}
.no-js .ink-trace{stroke-dashoffset:0}
@media(max-width:700px){.portal-copy h1{font-size:clamp(45px,12.5vw,80px)}.portal-after strong{font-size:9.4vw}.marker-wall{padding:70px 7vw 45px;grid-template-columns:1fr;gap:30px}.wall-copy h2{font-size:13vw}.wall-copy>p:not(.small-label){font-size:18px}.wall-copy .text-link{font-size:14px}.wall-copy .text-link span{margin-left:8px}.marker-board{max-width:470px;margin:auto}.wall-quote span{font-size:7vw;padding:8px 10px}.marker-caption{font-size:9px;bottom:16%}.coffee-scene>img{object-position:75% center}}
@media(prefers-reduced-motion:reduce){.ink-trace{stroke-dashoffset:0}}