.tea-experience{--tea-progress:0;--tea-intro:1;--tea-finale:0;position:relative;background:#352a20;color:#f6f0e2;isolation:isolate}
.tea-experience [hidden]{display:none!important}
.tea-pinned{height:100svh;min-height:320px;position:relative;overflow:hidden;background:#352a20}
.tea-stage,.tea-film,.tea-poster,.tea-shade{position:absolute;inset:0;width:100%;height:100%}
.tea-stage{touch-action:pan-y}
.tea-film,.tea-poster{object-fit:cover;display:block;pointer-events:none}
.tea-film{opacity:0}
.tea-poster{transition:opacity .25s}
.tea-experience[data-state=ready][data-film-decoded=true] .tea-film{opacity:1}
.tea-experience[data-state=ready][data-film-decoded=true] .tea-poster{opacity:0}
.tea-shade{pointer-events:none;background:linear-gradient(180deg,#17130eaa 0,#17130e99 var(--nav-h),transparent 28%,transparent 74%,#17130e80 100%);z-index:1}
.tea-intro,.tea-object,.tea-finale,.tea-controls,.tea-status{position:absolute;z-index:2;text-shadow:0 1px 20px #0006}
.tea-intro{left:6vw;top:calc(var(--nav-h) + 7vh);opacity:var(--tea-intro);pointer-events:none}
.tea-kicker{font-size:10px;letter-spacing:.26em;margin:0 0 20px;color:#eadfc9}
.tea-title{font-family:var(--serif);font-size:clamp(42px,5.8vw,100px);font-weight:400;letter-spacing:.2em;line-height:1.25;margin:0 0 20px}
.tea-subtitle{font-family:var(--serif);font-size:clamp(12px,1.2vw,18px);letter-spacing:.25em;margin:0;color:#eadfc9}
.tea-object{left:6vw;bottom:9vh;display:flex;gap:18px;align-items:baseline;opacity:0;pointer-events:none}
.tea-experience[data-detail=true] .tea-object{opacity:1}
.tea-object span{font-size:10px;letter-spacing:.16em;color:#dfcda9}
.tea-object p{font-family:var(--serif);font-size:clamp(20px,2.1vw,34px);letter-spacing:.14em;margin:0}
.tea-finale{left:6vw;bottom:9vh;opacity:var(--tea-finale);visibility:hidden}
.tea-experience[data-finale=true] .tea-finale{visibility:visible}
.tea-finale p{font-family:var(--serif);font-size:14px;letter-spacing:.2em;margin:0 0 15px;color:#eadfc9}
.tea-detail{display:inline-flex;gap:40px;font-family:var(--serif);font-size:20px;letter-spacing:.15em;border-bottom:1px solid #dcc59a;padding:0 0 12px;color:inherit}
.tea-detail span{transition:transform .3s}
.tea-detail:hover span{transform:translate(3px,-3px)}
.tea-controls{right:6vw;bottom:7vh;display:flex;align-items:center;gap:32px}
.tea-open,.tea-skip{min-height:44px;display:inline-flex;align-items:center;gap:16px;color:inherit;font-size:11px;letter-spacing:.15em;padding:10px 0;border:0;background:none;white-space:nowrap}
.tea-open::before{content:'＋';font:19px/1 var(--serif)}
.tea-open:disabled{opacity:.5;cursor:wait}
.tea-open:hover,.tea-skip:hover{color:#e3c791}
.tea-experience :is(button,a,select):focus-visible{outline:2px solid #e3c791;outline-offset:6px}
.tea-progress-track{position:absolute;z-index:2;bottom:28px;left:6vw;right:6vw;height:1px;background:#f6f0e236}
.tea-progress-track::after{content:'';position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--tea-progress));background:#e3c791}
.tea-status{left:6vw;bottom:6vh;font-size:10px;letter-spacing:.12em;pointer-events:none;opacity:0}
.tea-experience:is([data-state=loading],[data-state=fallback],[data-inspector=loading],[data-inspector=unavailable]) .tea-status{opacity:1}
.tea-experience[data-state=loading] .tea-status::before{content:'';display:inline-block;width:5px;height:5px;margin-right:10px;background:#e3c791;border-radius:50%;animation:tea-loading 1.2s ease-in-out infinite alternate}
@keyframes tea-loading{to{opacity:.25}}
.tea-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.tea-experience:is([data-state=fallback],[data-state=static]){--tea-intro:1!important;--tea-finale:1!important}
.tea-experience:is([data-state=fallback],[data-state=static]) .tea-finale{visibility:visible}
.tea-experience:is([data-state=fallback],[data-state=static]) .tea-object,.tea-experience:is([data-state=fallback],[data-state=static]) .tea-progress-track{display:none}
.tea-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
body[data-tea-immersive=true] #siteNav{background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#fff2;color:#f6f0e2}
body[data-tea-immersive=true] #siteNav :is(.nav-links a,.brand-text,.brand-text em,.nav-toggle,.nav-consult){color:#f6f0e2}
body[data-tea-immersive=true] #siteNav .nav-consult{border-color:#eadfc988}
body[data-tea-immersive=true] #siteNav .nav-links a::after{background:#dfcda9}
body[data-tea-immersive=true] #chatFab{visibility:hidden;pointer-events:none}
.tea-inspector{width:min(1250px,94vw);height:min(850px,90svh);max-width:none;max-height:none;padding:0;margin:auto;border:1px solid #b3a182;border-radius:3px;background:#f5f1e7;color:var(--ink);overflow:hidden;box-shadow:0 20px 100px #0005}
.tea-inspector::backdrop{background:#211d17c9}
.tea-inspector[open]{display:flex;flex-direction:column}
.tea-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 26px;border-bottom:1px solid #b3a18255}
.tea-inspector-head h3{font-weight:500;font-size:23px;letter-spacing:.1em}
.tea-inspector-head p{font-size:10px;letter-spacing:.14em;color:var(--ochre);margin-top:4px}
.tea-inspector-close{font-size:13px;padding:10px;color:var(--cinnabar)}
.tea-inspector-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:13px 26px;font-size:12px}
.tea-inspector-toolbar select{border:1px solid #b9a98c;background:#fffaf0;color:var(--ink);padding:8px 32px 8px 12px;font:inherit;min-width:160px;border-radius:2px}
.tea-inspector-toolbar button{border:1px solid #b9a98c88;min-width:36px;min-height:36px;padding:5px 12px}
.tea-inspector-help{margin-left:auto;font-size:10px;color:#8b806b}
.tea-inspector-stage{flex:1;position:relative;min-height:0;background:radial-gradient(ellipse at 50% 40%,#fffdf8,#f5f1e7)}
.tea-inspector-stage .tea-canvas{opacity:1;pointer-events:auto;touch-action:none}
.tea-inspector-foot{padding:10px 26px 17px;display:flex;gap:15px;justify-content:space-between;font-size:11px;color:#8b806b}

@media(max-width:767px){
 .tea-intro{left:7vw;top:calc(var(--nav-h) + 6vh)}.tea-title{font-size:43px;letter-spacing:.18em}.tea-kicker{font-size:9px;margin-bottom:17px}.tea-subtitle{font-size:12px}
 .tea-controls{left:7vw;right:7vw;bottom:max(44px,env(safe-area-inset-bottom));justify-content:space-between;gap:20px}.tea-open,.tea-skip{font-size:11px}
 .tea-object,.tea-finale{left:7vw;bottom:calc(13vh + 30px)}.tea-object{gap:12px}.tea-object p{font-size:23px}.tea-detail{font-size:19px;gap:30px}
 .tea-progress-track{left:7vw;right:7vw;bottom:max(22px,env(safe-area-inset-bottom))}.tea-status{left:7vw;bottom:105px}
 .tea-inspector{width:100vw;height:100svh;border:0;border-radius:0}.tea-inspector-head{padding:16px 18px}.tea-inspector-head h3{font-size:21px}
 .tea-inspector-toolbar{padding:12px 18px;gap:9px}.tea-inspector-toolbar select{min-width:145px;max-width:170px}.tea-inspector-help{width:100%;margin:0;font-size:10px}.tea-inspector-foot{padding:10px 18px 22px;font-size:10px;line-height:1.7}
}
@media(max-height:520px) and (orientation:landscape){.tea-intro{top:calc(var(--nav-h) + 12px)}.tea-title{font-size:36px;margin-bottom:10px}.tea-kicker{font-size:8px;margin-bottom:10px}.tea-subtitle{font-size:11px}.tea-controls{bottom:25px;gap:25px}.tea-object,.tea-finale{bottom:45px}.tea-object p{font-size:23px}.tea-finale p{display:none}.tea-detail{font-size:16px;padding-bottom:7px}.tea-progress-track{bottom:15px}.tea-status{bottom:26px}}
@media(prefers-reduced-motion:reduce){.tea-poster,.tea-detail span{transition:none}.tea-status::before{animation:none!important}}

@media(max-height:520px) and (orientation:landscape){body[data-tea-immersive=true] #siteNav .nav-inner{height:44px}body[data-tea-immersive=true] #siteNav .brand-mark{width:30px;height:30px}body[data-tea-immersive=true] #siteNav .brand-text{font-size:13px}body[data-tea-immersive=true] #siteNav .brand-text em{font-size:7px}body[data-tea-immersive=true] #siteNav .nav-consult{padding:7px 14px}}