/* Shared interior presentation, drawn from the current homepage.
   Loaded only by menu, about, location, and contact. */
.interior{background:#fff;color:var(--black)}
.interior .site-header{background:var(--black);color:white}
.interior main{background:#fff}
.interior .page-intro{position:relative;padding-block:85px 65px;isolation:isolate}
.interior .page-intro:before,.interior .page-intro:after{content:'';position:absolute;border-radius:50%;z-index:-1;pointer-events:none}
.interior .page-intro:before{width:135px;height:135px;right:7%;top:70px;border:4px solid #c0e5fc}
.interior .page-intro:after{width:20px;height:20px;right:22%;top:230px;background:var(--yellow)}
.interior h1{font-size:clamp(5rem,8.6vw,8.3rem);line-height:1.02}
.interior h1 span{display:inline-block;position:relative;color:var(--blue);padding-bottom:14px}
.interior h1 span:after{content:'';position:absolute;left:2px;bottom:0;width:88px;height:6px;background:var(--yellow);transform:rotate(-3deg)}
.interior .page-intro>p:last-child,.interior .split p:not(.eyebrow){color:#3e5564}
.interior main .button{background:var(--blue);border-color:var(--blue);color:var(--black)}
.interior main .button:hover{background:#a4d9fc}
.interior main a:focus-visible{outline-color:#075680}
.interior main>.light.section{background:#fcfcfb;border-top:1px solid #edf0f2}
.interior .section-heading h2{position:relative;padding-bottom:16px}
.interior .section-heading h2:after{content:'';position:absolute;left:0;bottom:0;width:72px;height:5px;background:var(--yellow)}
.interior .drink-photo{min-height:310px;background:#e9f6ff;color:#345a73;border-bottom:5px solid var(--blue)}
.interior .drink-photo.tone-1,.interior .drink-photo.tone-3{background:#f2f9fd}
.interior .drink-photo.tone-2{background:#e0f2ff}
.interior .drink-photo:before{inset:auto;top:36px;right:-17px;width:70px;height:70px;border:3px solid #acd9f7;border-radius:50%;opacity:1}
.interior .drink-photo:after{inset:auto;left:20px;bottom:26px;width:14px;height:14px;border:2px solid var(--blue);background:none;border-radius:50%;transform:none;opacity:1}
.interior .drink-photo.tone-2:after{border-color:#b88700;background:var(--yellow)}
.interior .menu-note{border-color:#dce6ec}
.interior .benefits{background:#f4faff;color:var(--black);border-block:1px solid #e1eef6}
.interior .benefits svg{color:#236b98}
.interior .story-logo{max-width:440px;outline:1px solid #d9e8f0;outline-offset:14px}
.interior .location-section{background:#fff;color:var(--black)}
.interior .location-section h2{position:relative;padding-bottom:18px}
.interior .location-section h2:after{content:'';position:absolute;left:2px;bottom:0;width:88px;height:6px;background:var(--yellow);transform:rotate(-3deg)}
.interior .location-section .period{color:var(--blue)}
.interior .storefront{background:#f4faff;color:#315c76;border:0}
.interior .storefront:before{inset:auto;top:28px;right:25px;width:100px;height:100px;border:3px solid #acd9f7;border-radius:50%;opacity:1}
.interior .storefront:after{inset:auto;bottom:40px;left:28px;width:34px;height:34px;border:3px solid var(--yellow);border-radius:50%;background:none;transform:none;opacity:1}
.interior .details-grid>div{border-color:var(--blue)}
.interior .notice{background:#eff8fe;border-color:var(--blue)}
.interior .social-status li{border-color:#dce6ec}
.interior .social-status svg{color:#236b98}
.interior .contact-details{border-top:1px solid #dce6ec;padding-top:28px}
/* Match the shared Home footer against the light interior body. */
.interior .site-footer{background:var(--black);color:var(--white)}
@media(max-width:900px){.interior h1{font-size:clamp(4.5rem,10vw,6.5rem)}.interior .page-intro:before{width:90px;height:90px;right:3%}.interior .page-intro:after{right:6%;top:210px}.interior .story-logo{max-width:90%}}
@media(max-width:600px){.interior .page-intro{padding-block:55px 35px}.interior h1{font-size:clamp(3.4rem,14vw,5.5rem)}.interior .page-intro:before{width:46px;height:46px;top:20px;right:0}.interior .page-intro:after{width:10px;height:10px;right:55px;top:38px}.interior .drink-photo{min-height:260px}.interior .storefront:before{width:65px;height:65px}.interior .story-logo{max-width:90%;margin-block:14px}.interior .location-section h2{font-size:clamp(3.8rem,17vw,4.6rem)}}
