/* Preserve the approved type scale. Separate moving subjects from stationary props. */
.house-welcome{position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8vw;padding:75px var(--pad) 60px;background:var(--cream);color:var(--red)}
.house-welcome h2{font:500 clamp(42px,4.6vw,78px)/1.06 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:22px 0}
.house-welcome p:not(.eyebrow){font-size:17px;line-height:1.8}
.house-welcome>img{width:100%;max-width:460px;justify-self:end;filter:brightness(0) saturate(100%) invert(23%) sepia(32%) saturate(2470%) hue-rotate(331deg) brightness(92%);opacity:.9}
.ritual-props{display:none;pointer-events:none}
.motion-ready:not(.reduced-motion) .ritual-props{display:block;position:fixed;inset:0;visibility:hidden;opacity:0;z-index:4;will-change:opacity;pointer-events:none}
.ritual-props img{position:absolute;object-fit:contain;max-width:none;transform:translate(-50%,-50%)}
.prop-leaves img{left:76%;top:61%;width:min(25vw,400px);height:28vh}
.motion-ready:not(.reduced-motion) .prop-pastries{z-index:6}
.prop-pastries img{left:35%;top:78%;width:min(32.2vw,520px);height:39.6vh;filter:drop-shadow(5px 12px 12px #301a1720)}
.prop-ice img{left:73%;top:57%;width:min(35vw,510px);height:58vh}
.hospitality-layers{position:absolute;inset:0;opacity:0;transform-origin:50% 55%;transform-style:preserve-3d;will-change:transform}
.depth-ready:not(.depth-paused) .hospitality-layers{opacity:1}
.hospitality-depth .hospitality-layers img{will-change:transform;transform:scale(1.1);user-select:none}
.hospitality-layers .depth-room{z-index:0}.hospitality-layers .depth-host{z-index:1}.hospitality-layers .depth-table{z-index:2}
.reduced-motion .hospitality-layers{display:none}
.home-page .visit-postcard h2{width:fit-content;max-width:100%}
.visit-postcard .welcome-calligraphy{width:var(--door-width,430px);max-width:100%;height:auto;max-height:none;margin:30px 0 40px}
.home-page .visit-postcard>.welcome-map.map-ready{opacity:.92}
.visit-postcard:before{background:linear-gradient(90deg,#962a29ed 0%,#962a29b3 34%,#962a2912 68%,#962a2944 100%)}
.welcome-map-pin{gap:14px;color:#fff8eb}
.welcome-map-pin span{position:relative;width:46px;height:46px;background:#962a29;border:2px solid #f3ede3;box-shadow:0 0 0 9px #f3ede31c;animation:map-heartbeat 2.8s ease-in-out infinite}
.welcome-map-pin span:after{content:'';position:absolute;inset:-12px;border:1px solid #f3ede3;border-radius:50%;animation:map-ring 2.8s ease-out infinite}
.welcome-map-pin b{padding:7px 10px;border-radius:3px;background:#742322cf;font-size:14px;text-shadow:0 1px 5px #0006}
@keyframes map-heartbeat{0%,30%,100%{transform:scale(1)}10%{transform:scale(1.13)}20%{transform:scale(1.04)}}
@keyframes map-ring{0%{transform:scale(.7);opacity:.65}65%,100%{transform:scale(1.7);opacity:0}}
.reduced-motion .welcome-map-pin span,.reduced-motion .welcome-map-pin span:after{animation:none}
@media(max-width:700px){
 .house-welcome{padding:52px 6vw 38px;grid-template-columns:1fr;gap:35px;text-align:center}.house-welcome h2{font-size:10.6vw;margin:18px 0}.house-welcome p:not(.eyebrow){font-size:16px}.house-welcome>img{width:65%;max-width:260px;justify-self:center}
 .prop-leaves img{left:54%;top:75%;width:67vw;height:20vh}
 .prop-pastries img{left:68%;top:var(--pastry-y,85vh);width:min(46vw,var(--pastry-size,46vw));height:19.3vh}
 .prop-ice img{left:50%;top:76%;width:76vw;height:36vh}
 .visit-postcard:before{background:radial-gradient(ellipse at 75% 42%,#962a2900 0%,#962a2940 18%,#962a29d9 75%)}
 .welcome-map-pin b{display:block;position:absolute;top:48px;left:50%;transform:translateX(-50%);font-size:11px}.welcome-map-pin{gap:8px}.welcome-map-pin span{width:36px;height:36px;font-size:11px}
 .visit-postcard .welcome-calligraphy{margin:25px 0 40px}
 .hospitality-depth-frame{height:54%}
 .hospitality-depth-frame:after{inset:auto 0 0;height:clamp(32px,6svh,64px);z-index:5;background:linear-gradient(180deg,transparent 0%,var(--espresso) 100%)}
}
@media(max-height:780px) and (max-width:700px){.prop-pastries img{width:min(40.5vw,var(--pastry-size,40.5vw));height:15.6vh}}
.ritual-still[src$="tea-v10.webp"]{width:328px;height:273px}
/* A displayed mobile frame and its surrounding colors are painted together. */
.pour-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none}
.pour-stage.frame-ready .pour-frame{display:block}
.pour-stage.frame-ready .pour-video{opacity:0}
.pour-stage{--hero-ink:#fff5e6;color:var(--hero-ink)}
.cream-film .pour-stage,.pour-middle{color:var(--hero-ink)}
.pour-ending h2{color:#30251f}.pour-ending h2 em,.cream-film .pour-ending h2 em{color:var(--red)}
.pour-progress i{background:currentColor;opacity:.5}.pour-progress b,.cream-film .pour-progress b{background:currentColor}
.pour-scroll-cue{display:inline-flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.025em;color:inherit}
.pour-scroll-cue span:first-child{width:42px;height:42px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:19px;transition:transform .5s var(--ease),background .4s}
.pour-scroll-cue:hover span:first-child{transform:translateY(3px);background:#fff1}
@media(max-width:700px){.pour-scroll-cue{gap:10px}.pour-scroll-cue span:first-child{width:34px;height:34px}.ritual-still[src$="tea-v10.webp"]{width:78%;height:218px}}
@media(prefers-reduced-motion:reduce){.pour-scroll-cue span:first-child{transition:none}}
@media(max-height:599px){.motion-ready:not(.reduced-motion) .ritual-props{display:none}}
@media(prefers-reduced-motion:reduce){.welcome-map-pin span,.welcome-map-pin span:after{animation:none}}

/* One navigation entry, and one glass surface across the header/filter stack. */
body{--navigation-glass:rgba(243,237,227,.8);--navigation-blur:18px}
.site-header{transform:translateY(0);transition:transform .45s cubic-bezier(.22,1,.36,1),background .5s,color .5s,border-color .5s,backdrop-filter .5s}
.header-hidden .site-header{transform:translateY(-110%);pointer-events:none}
.reduced-motion .site-header{transition:none}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}
@media(max-width:700px){
 .home-discovery .cup-cutout[data-cup-image="2"]{inset:-5% -16%;width:132%;height:110%;max-width:none}
}
.site-header .nav-toggle{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-left:auto}
.hospitality-depth .depth-host,.hospitality-depth .depth-table{mask-repeat:no-repeat;mask-size:cover;mask-position:66% 50%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;-webkit-mask-position:66% 50%}
.hospitality-depth .depth-host{mask-image:url('/assets/hospitality-host-v10.webp');-webkit-mask-image:url('/assets/hospitality-host-v10.webp')}
.hospitality-depth .depth-table{mask-image:url('/assets/hospitality-table-v6.webp');-webkit-mask-image:url('/assets/hospitality-table-v6.webp')}
@media(max-width:700px){.hospitality-depth .depth-host,.hospitality-depth .depth-table{mask-position:82% 50%;-webkit-mask-position:82% 50%}}
.pour-stage.frame-ready .pour-blend{background:linear-gradient(0deg,var(--film-tone-bottom),transparent)}
.pour-stage.frame-ready:after{background:var(--film-tone-bottom)}
@media(max-width:700px){.home-page .house-welcome:before{content:'';position:absolute;inset:0 0 auto;height:28px;background:linear-gradient(180deg,var(--hero-end-tone,var(--cream)),var(--cream));pointer-events:none}}