.tea-experience{background:var(--paper);color:var(--ink)}.tc-kicker{letter-spacing:.18em;text-transform:uppercase;margin:0 0 17px;font-size:10px;font-weight:600}.te-estate{isolation:isolate;min-height:calc(100svh - 90px);color:var(--paper);position:relative;overflow:hidden}.te-estate-frames,.te-estate-frame,.te-estate-shade{position:absolute;inset:0}.te-estate-frame{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.25s,transform 4.5s cubic-bezier(.16,1,.3,1);transform:scale(1.035)}.te-estate-frame.is-active{opacity:1;transform:scale(1)}.te-estate-shade{background:linear-gradient(90deg,oklch(13% .025 145/.72),oklch(13% .025 145/.08) 68%),linear-gradient(#0000 46%,oklch(12% .02 145/.5))}.te-estate-copy{z-index:2;width:min(720px,70vw);padding:clamp(85px,12vh,125px) 0 150px clamp(22px,5.2vw,84px);position:relative}.te-estate h1{letter-spacing:-.058em;max-width:10ch;margin:0 0 24px;font-size:clamp(61px,7.5vw,112px);line-height:.9}.te-estate-copy>p:last-of-type{max-width:38ch;margin:0 0 32px;font-size:clamp(14px,1.25vw,18px);line-height:1.65}.te-enter{border-bottom:1px solid color-mix(in oklch,var(--paper),transparent 35%);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;min-width:230px;padding:15px 0;font-size:11px;display:inline-flex}.te-enter span{font-size:18px;transition:transform .3s}.te-enter:hover span{transform:translateY(4px)}.te-estate-timeline{z-index:3;grid-template-columns:repeat(4,1fr);gap:22px;margin:0;padding:0;list-style:none;display:grid;position:absolute;bottom:52px;left:clamp(22px,5.2vw,84px);right:clamp(22px,5.2vw,84px)}.te-estate-timeline li{color:color-mix(in oklch,var(--paper),transparent 46%);letter-spacing:.1em;text-transform:uppercase;grid-template-columns:auto 1fr;align-items:center;gap:7px 13px;font-size:9px;transition:color .5s;display:grid}.te-estate-timeline li.is-active{color:var(--paper)}.te-estate-timeline b{font-weight:500}.te-estate-timeline i{background:color-mix(in oklch,var(--paper),transparent 70%);grid-column:1/-1;height:1px;position:relative;overflow:hidden}.te-estate-timeline i:after{content:"";background:var(--paper);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.te-estate-timeline li.is-active i:after{animation:3.8s linear forwards te-progress}.te-image-note{z-index:3;color:color-mix(in oklch,var(--paper),transparent 25%);margin:0;font-size:9px;position:absolute;top:25px;right:clamp(22px,5.2vw,84px)}@keyframes te-progress{to{transform:scaleX(1)}}.te-discovery{background:linear-gradient(180deg,var(--paper),#f2eee5);padding:clamp(70px,8vw,115px) clamp(22px,5.2vw,84px) clamp(80px,9vw,125px);overflow:hidden}.te-discovery-heading{grid-template-columns:.65fr 1.35fr;align-items:start;gap:50px;margin-bottom:clamp(42px,6vw,75px);display:grid}.te-discovery-heading h2{letter-spacing:-.05em;max-width:13ch;margin:0;font-size:clamp(46px,5vw,76px);line-height:.96}.te-stage{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(265px,29%);min-height:min(720px,72svh);display:grid}.te-stage-panels{min-width:0;position:relative;overflow:hidden}.te-panel{opacity:0;visibility:hidden;background:color-mix(in oklch,var(--sensory),var(--paper) 80%);grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);transition:opacity .7s,visibility .7s,background .65s;display:grid;position:absolute;inset:0}.te-panel.is-active{opacity:1;visibility:visible;z-index:2}.te-panel-visual{background:var(--accent);min-width:0;position:relative;overflow:hidden}.te-panel-visual>img{object-fit:cover;width:100%;height:100%;transition:opacity 1.1s,transform 1.1s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.te-panel-leaf{opacity:0;transform:scale(1.03)}.te-panel-visual.is-leaf .te-panel-leaf{opacity:1;transform:scale(1)}.te-panel-visual.is-leaf .te-panel-cup{opacity:0;transform:scale(1.03)}.te-panel-aura{z-index:1;background:radial-gradient(circle at 72% 28%,color-mix(in oklch,var(--sensory),transparent 44%),transparent 48%);mix-blend-mode:soft-light;pointer-events:none;position:absolute;inset:0}.te-panel-visual>p{z-index:2;background:color-mix(in oklch,var(--paper),transparent 7%);color:var(--ink);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:9px;margin:0;padding:9px 12px;font-size:9px;display:flex;position:absolute;bottom:18px;right:18px}.te-panel-visual>p i{background:var(--ink);width:26px;height:1px;display:block}.te-panel-copy{flex-direction:column;justify-content:center;padding:clamp(30px,4.5vw,68px);display:flex}.te-moment{letter-spacing:.15em;text-transform:uppercase;margin:0 0 18px;font-size:9px}.te-panel h3{letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(40px,4vw,61px);line-height:.94}.te-triad{color:var(--accent);margin:0 0 10px;font-size:12px;line-height:1.5}.te-description{max-width:35ch;font-family:var(--serif);margin:0 0 24px;font-size:17px;line-height:1.45}.te-panel dl{border-top:1px solid color-mix(in oklch,var(--ink),transparent 75%);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 30px;padding-top:17px;display:grid}.te-panel dl div{min-width:0}.te-panel dt{letter-spacing:.11em;text-transform:uppercase;color:color-mix(in oklch,var(--ink),transparent 40%);margin-bottom:7px;font-size:8px}.te-panel dd{align-items:center;gap:6px;margin:0;font-size:9px;line-height:1.35;display:flex}.te-panel dd i{background:var(--cup);border-radius:50%;flex:none;width:11px;height:11px}.te-product-link{justify-content:space-between;align-self:flex-start;min-width:205px}.te-choices{border-left:1px solid var(--line);flex-direction:column;display:flex}.te-choices button{border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;background:0 0;flex:1;grid-template-columns:31px 1fr auto;align-items:center;gap:15px;padding:23px clamp(18px,2.6vw,40px);transition:background .45s,color .45s;display:grid;position:relative}.te-choices button:last-child{border-bottom:0}.te-choices button:hover{background:color-mix(in oklch,var(--choice),var(--paper) 86%)}.te-choices button.is-active{background:var(--choice);color:var(--paper)}.te-choices button>span:first-child{letter-spacing:.08em;font-size:9px}.te-choices b,.te-choices small{display:block}.te-choices b{font-family:var(--serif);margin-bottom:7px;font-size:clamp(20px,2vw,28px);font-weight:400}.te-choices small{opacity:.74;font-size:10px;line-height:1.35}.te-choices i{font-size:16px;font-style:normal;transition:transform .3s}.te-choices button:hover i{transform:translate(4px)}.te-origin{background:var(--ink);color:var(--paper);grid-template-columns:.5fr 1.25fr auto;align-items:start;gap:40px;padding:52px clamp(22px,5.2vw,84px);display:grid}.te-origin>p:nth-child(2){max-width:62ch;color:color-mix(in oklch,var(--paper),transparent 18%);margin:0;font-size:12px;line-height:1.7}.te-origin>a{border-bottom:1px solid;padding-bottom:5px;font-size:10px}.tc-media{min-width:0;position:relative;overflow:hidden}.tc-media>a{display:block;position:absolute;inset:0}.tc-media img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1s;position:absolute;inset:0}.tc-media[data-active-view=cup] .tc-cup,.tc-media[data-active-view=leaf] .tc-leaf,.tc-media[data-active-view=pack] .tc-pack{opacity:1}.tc-media .tc-pack{object-fit:cover}.tc-preview-controls{z-index:2;background:var(--paper);border-radius:3px;gap:0;width:max-content;max-width:calc(100% - 36px);padding:3px;display:flex;position:absolute;bottom:18px;left:18px;box-shadow:0 2px 12px oklch(20% .01 80/.1)}.tc-preview-controls button{white-space:nowrap;background:0 0;border:0;min-height:44px;padding:10px 14px;font-size:11px}.tc-preview-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.tc-preview-controls button+button{border-left:1px solid var(--line)}@media (width<=900px){.te-estate{min-height:calc(100svh - 64px)}.te-estate-copy{width:min(680px,85vw);padding-top:clamp(85px,12vh,120px)}.te-discovery-heading{grid-template-columns:1fr;gap:15px}.te-stage{border:0;min-height:0;display:block}.te-stage-panels{border:1px solid var(--line);height:720px}.te-panel{grid-template-columns:1.08fr .92fr}.te-choices{border:1px solid var(--line);border-top:0;grid-template-columns:repeat(3,1fr);display:grid}.te-choices button{border-right:1px solid var(--line);border-bottom:0;min-height:110px}.te-choices button:last-child{border-right:0}.te-choices button>span:first-child,.te-choices i{display:none}.te-choices b{font-size:21px}}@media (width<=620px){.te-estate-frame{object-position:62% center}.te-estate-shade{background:linear-gradient(oklch(11% .025 145/.06) 22%,oklch(11% .025 145/.72))}.te-estate-copy{flex-direction:column;justify-content:flex-end;width:auto;min-height:calc(100svh - 64px);padding:0 22px 130px;display:flex}.te-estate h1{font-size:clamp(53px,15.2vw,67px)}.te-estate-copy>p:last-of-type{max-width:31ch;font-size:13px}.te-enter{align-self:flex-start;min-width:210px}.te-image-note{text-align:right;max-width:52vw;font-size:8px;top:19px;right:22px}.te-estate-timeline{gap:7px;bottom:30px;left:22px;right:22px}.te-estate-timeline li{display:block}.te-estate-timeline li span{display:none}.te-estate-timeline b{white-space:nowrap;margin-bottom:8px;font-size:7px;display:block}.te-discovery{padding:50px 0 70px}.te-discovery-heading{margin-bottom:28px;padding:0 22px}.te-discovery-heading h2{font-size:clamp(38px,11vw,42px)}.te-stage{flex-direction:column;display:flex}.te-stage-panels{border-left:0;border-right:0;order:2;height:735px}.te-panel{grid-template-rows:40% 60%;grid-template-columns:1fr}.te-panel-copy{justify-content:flex-start;padding:24px 22px 27px}.te-moment{margin-bottom:11px}.te-panel h3{max-width:12ch;margin-bottom:15px;font-size:clamp(35px,10.5vw,40px)}.te-triad{font-size:11px}.te-description{margin-bottom:18px;font-size:15px}.te-panel dl{margin-bottom:18px}.te-product-link{justify-content:space-between;width:100%;min-width:0}.te-panel-visual>p{bottom:12px;right:12px}.te-choices{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);order:1;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.te-choices button{text-align:center;justify-content:center;align-items:center;min-width:0;min-height:78px;padding:13px 8px;display:flex}.te-choices b{margin:0;font-size:14px;line-height:1.15}.te-choices small{display:none}.te-origin{grid-template-columns:1fr;gap:13px;padding:42px 22px}.te-origin .tc-kicker{margin-bottom:0}.te-origin>a{justify-self:start;margin-top:8px}.tc-preview-controls{bottom:12px;left:12px}.tc-preview-controls button{padding:8px 11px}}@media (prefers-reduced-motion:reduce){.te-estate-frame,.te-panel,.te-panel-visual>img{transition:none}.te-estate-timeline li.is-active i:after{animation:none;transform:scaleX(1)}}