@font-face{font-family:Manrope;src:url('/assets/manrope-5.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--red:#962a29;--cream:#f3ede3;--copper:#b17654;--ink:#201411;--espresso:#180e0c;--line:rgba(32,20,17,.18);--pad:5.2vw;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.6}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2{font-weight:400;letter-spacing:-.065em;line-height:1.02}h1 em,h2 em,.statement em{font-family:var(--serif);font-weight:400;letter-spacing:-.06em}h3{font-size:17px;line-height:1.4;font-weight:500}p{line-height:1.65}button:disabled{cursor:default}[hidden]{display:none!important}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.16em;line-height:1.6;font-weight:600}.section-space{padding:100px var(--pad)}.skip-link{position:fixed;left:20px;top:-70px;z-index:100;background:var(--cream);color:var(--red);padding:14px}.skip-link:focus{top:15px}
.site-header{position:absolute;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;height:105px;padding:0 var(--pad);border-bottom:1px solid var(--line)}.brand{display:block;width:190px}.brand img{width:100%;height:auto}.site-header nav{display:flex;align-items:center;gap:42px;font-size:12px}.site-header nav a{position:relative;padding:12px 0}.site-header nav a:after{content:'';height:1px;background:currentColor;position:absolute;bottom:5px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-header nav a:hover:after,.site-header nav [aria-current]:after{transform:scaleX(1)}.home-page .site-header{color:var(--cream);border-color:#f3ede336}.home-page .site-header .brand img,.site-footer .brand img{filter:brightness(0) saturate(100%) invert(94%) sepia(9%) saturate(366%) hue-rotate(344deg) brightness(101%) contrast(91%)}.nav-toggle{display:none}.mobile-nav{border:0;background:var(--cream);color:var(--red);width:100%;height:100%;max-width:none;max-height:none;padding:95px 25px 40px}.mobile-nav::backdrop{background:#180e0c99}.nav-close{position:absolute;top:26px;right:20px;padding:12px}.mobile-nav nav{margin:50px 0}.mobile-nav nav a{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:22px 0;font-size:29px;letter-spacing:-.04em}.mobile-nav nav small{font-size:10px;letter-spacing:.1em}.mobile-nav nav span{margin-left:auto}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;border-bottom:1px solid currentColor;padding:10px 0;font-size:12px;font-weight:600}.text-link span,.pill-link span{font-size:20px;transition:transform .3s}.text-link:hover span,.pill-link:hover span{transform:translate(3px,-3px)}.pill-link{display:inline-flex;align-items:center;gap:55px;border:1px solid currentColor;border-radius:100px;padding:14px 23px;font-size:12px}.pill-link:hover{background:#ffffff12}
.cinema{height:430svh;position:relative;background:var(--red)}.cinema-stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;background:var(--red);color:var(--cream);isolation:isolate}.stage-light{position:absolute;inset:0;background:radial-gradient(ellipse at 73% 44%,#bf554a75,transparent 57%),linear-gradient(180deg,#25050024,transparent 50%,#3d08054d);z-index:-1}.scene-copy{position:absolute;left:var(--pad);top:22%;z-index:4;max-width:54%;opacity:0;pointer-events:none;visibility:hidden;will-change:transform,opacity}.scene-copy h1,.scene-copy h2{font-size:clamp(68px,9.7vw,164px);line-height:.94;margin:24px 0 25px;letter-spacing:-.07em}.scene-copy p:not(.eyebrow){font-size:14px;line-height:1.65}.scene-copy .pill-link{margin-top:28px}.scene-one{opacity:1;visibility:visible;pointer-events:auto}.scene-one h1{font-size:clamp(90px,11.8vw,190px)}.scene-one h1 em{margin-left:7vw}.scene-two{top:24%;max-width:43%}.scene-two h2,.scene-three h2,.scene-four h2{font-size:clamp(66px,7.3vw,118px)}.scene-three{top:28%}.scene-four{top:25%;color:var(--red)}.kettle-object{position:absolute;width:44vw;max-width:790px;left:51%;top:17%;z-index:3;will-change:transform,opacity;transform-origin:50% 55%;filter:drop-shadow(16px 24px 20px #2803003d)}.tea-object{position:absolute;width:24vw;left:45%;top:53%;opacity:0;z-index:2;will-change:transform,opacity}.iced-object{position:absolute;width:30vw;left:67%;top:23%;opacity:0;z-index:3;will-change:transform,opacity;filter:drop-shadow(10px 28px 20px #27171026)}.kettle-object img,.tea-object img,.iced-object img{width:100%;height:auto}.pour-line{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none;opacity:0}.object-shadow{position:absolute;left:58%;top:83%;width:36%;height:4%;border-radius:50%;background:#25030244;filter:blur(18px);z-index:0}.stage-bottom{position:absolute;bottom:30px;left:var(--pad);right:var(--pad);display:flex;align-items:flex-end;justify-content:space-between;z-index:5}.scroll-note,.place-note{font-size:9px;letter-spacing:.14em;text-transform:uppercase}.scroll-note span{font-size:21px;margin-left:22px;display:inline-block}.place-note{text-align:right}.chapter-track{display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:.12em}.chapter-track>div{height:1px;width:110px;background:currentColor;opacity:.6}.chapter-track i{display:block;height:3px;width:25%;background:currentColor;transform:translateY(-1px);transform-origin:left}
.section-kicker{display:flex;justify-content:space-between;align-items:center;gap:20px}.gather{background:var(--cream);padding-top:80px;padding-bottom:95px}.statement{font-size:clamp(54px,7.1vw,118px);margin:95px 0 60px;max-width:1050px}.gather-bottom{display:flex;align-items:flex-end;justify-content:space-between;padding-left:34%}.gather-bottom p{font-size:14px}.gather-bottom .text-link{min-width:235px}.favourites{padding-top:0}.favourites>.section-kicker{border-top:1px solid var(--line);padding-top:25px}.favourites-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:70px 0 50px}.favourites-heading h2{font-size:clamp(55px,7vw,112px)}.favourites-heading p{font-size:13px;padding-right:12%}.favourites-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.favourite:nth-child(2){margin-top:100px}.favourite:nth-child(3){margin-top:35px}.favourite-photo{position:relative;overflow:hidden;aspect-ratio:4/5;background:#e8dece}.favourite-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.favourite:hover img{transform:scale(1.045)}.favourite-photo>.eyebrow{position:absolute;top:18px;left:18px;z-index:1;font-size:8px}.round-arrow{position:absolute;bottom:16px;right:16px;width:42px;height:42px;border-radius:50%;background:var(--cream);display:grid;place-items:center;font-size:22px}.favourite h3{font-size:14px;margin-top:19px;max-width:85%}.house-invite{position:relative;background:#e7ddcd;overflow:hidden;padding-bottom:200px}.house-invite h2{font-size:clamp(68px,9vw,148px);margin:45px 0}.house-invite>div{display:flex;justify-content:space-between;align-items:flex-end;padding-left:50%}.house-invite p{font-size:13px}.large-house{position:absolute;bottom:-.29em;left:0;right:0;text-align:center;font-size:22vw;letter-spacing:-.08em;line-height:1.1;color:#d5c6b1;pointer-events:none;z-index:0}.house-invite>*:not(.large-house){position:relative;z-index:1}.site-footer{background:var(--red);color:var(--cream);padding:65px var(--pad) 25px}.footer-top{padding-bottom:65px}.footer-invite{display:flex;align-items:center;justify-content:space-between;font-family:var(--serif);font-style:italic;font-size:clamp(65px,9vw,140px);line-height:1.2;letter-spacing:-.06em;margin-top:10px}.footer-invite span{font:400 .55em Manrope;letter-spacing:0}.footer-bottom{border-top:1px solid #f3ede33b;padding-top:32px;display:flex;gap:35px;align-items:center;justify-content:space-between}.footer-bottom .brand{width:140px}.footer-bottom p,.footer-bottom a,.footer-bottom button,.footer-bottom small{font-size:10px}.motion-toggle{border-bottom:1px solid currentColor;padding:4px 0}
.page-intro{padding-top:185px;padding-bottom:65px}.page-intro h1{font-size:clamp(64px,8.8vw,138px);margin:32px 0 50px}.intro-bottom{display:flex;justify-content:space-between;align-items:flex-end}.intro-bottom p{font-size:14px}.menu-section{padding-top:0}.menu-tools{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;align-items:end}.search-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;width:360px}.search-label input{display:block;width:100%;border:0;border-bottom:1px solid var(--line);padding:12px 0;font-size:15px;background:none;color:var(--ink);border-radius:0}.menu-count{font-size:11px}.category-nav{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 60px}.category-nav button{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:11px 17px}.category-nav .active{background:var(--red);color:var(--cream);border-color:var(--red)}.category-heading{display:flex;justify-content:space-between;align-items:center;margin:45px 0 25px;border-top:1px solid var(--line);padding-top:26px}.category-heading h2{font-size:39px;letter-spacing:-.04em}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 22px}.product-photo{aspect-ratio:4/5;background:#e7dfd2;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product:hover img{transform:scale(1.03)}.product-title{padding:16px 0}.product-title h3{font-size:13px;margin-bottom:6px}.product-title p{font-size:11px;color:#6b5145}.menu-extras{margin-top:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.menu-extras summary{display:flex;justify-content:space-between;padding:25px 0;font-size:17px}.menu-extras>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-bottom:25px;font-size:12px}.menu-note{font-size:11px;margin-top:24px}.no-results{padding:60px 0;font-size:20px}
.story-hero{padding-top:185px;background:var(--red);color:var(--cream);height:100svh;min-height:700px;position:relative;overflow:hidden}.story-page .site-header{color:var(--cream);border-color:#f3ede333}.story-page .site-header .brand{filter:brightness(0) invert(94%) sepia(9%) saturate(366%) hue-rotate(344deg)}.story-hero h1{font-size:clamp(64px,8.5vw,140px);position:relative;z-index:2;margin-top:40px}.story-kettle{position:absolute;width:46vw;right:2%;bottom:-17%;transform:rotate(-17deg);filter:drop-shadow(5px 12px 30px #28080045)}.story-hero-note{position:absolute;left:var(--pad);bottom:55px;font-size:13px}.story-chapter{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-bottom:1px solid var(--line)}.story-chapter h2,.story-duo h2,.faq h2{font-size:clamp(44px,5.1vw,84px);margin-bottom:30px}.story-chapter p,.story-duo p{max-width:580px;margin:20px 0;font-size:15px}.story-chapter .text-link{margin-top:15px}.story-duo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10vw;background:#e9dece}.story-cup{width:85%;transform:rotate(-6deg)}.story-duo .eyebrow{font-size:10px}.visit-intro{background:#e7ddcd}.visit-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:11vw}.address-panel{background:var(--red);color:var(--cream);padding:42px;align-self:start}.address-panel h2{font-size:clamp(40px,4.6vw,78px);margin:70px 0 35px}.address-panel address{font-style:normal;font-size:16px}.address-panel .text-link{margin-top:40px;width:100%}.address-line{font-size:9px;letter-spacing:.08em;border-top:1px solid #f3ede34d;padding-top:25px;margin-top:75px}.visit-details article+article{border-top:1px solid var(--line);margin-top:34px;padding-top:30px}.visit-details h3{font-size:25px;letter-spacing:-.04em;margin:15px 0}.visit-details p:not(.eyebrow){font-size:13px;margin-bottom:12px}.phone-link{display:inline-block;font-size:23px;letter-spacing:-.04em;margin-bottom:15px}.faq{padding-top:20px;display:grid;grid-template-columns:1fr 1.25fr;gap:8vw}.faq h2{margin-top:25px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{padding:23px 0;display:flex;justify-content:space-between;gap:20px;font-size:13px}.faq summary span{font-size:18px}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;padding:0 30px 25px 0}.faq details a{text-decoration:underline}
.reveal{transition:opacity .8s,transform .8s}.reveal.waiting{opacity:0;transform:translateY(30px)}
body.reduced-motion .cinema{height:100svh;min-height:690px}body.reduced-motion .cinema-stage{position:relative}body.reduced-motion .chapter-track{display:none}body.reduced-motion .scene-copy{transition:none}body.reduced-motion .reveal{transition:none;transform:none;opacity:1}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
@media(min-width:1700px){.kettle-object{top:14%}.scene-copy{top:25%}}
@media(max-width:1000px){.section-space{padding-top:75px;padding-bottom:75px}.site-header{height:90px}.site-header nav{gap:24px}.brand{width:160px}.cinema-stage{min-height:600px}.scene-copy{top:25%}.kettle-object{top:28%;width:49vw;left:50%}.scene-one h1{font-size:13vw}.gather-bottom{padding-left:15%;gap:35px}.product-grid{grid-template-columns:repeat(3,1fr)}.page-intro,.story-hero{padding-top:160px}.story-hero{min-height:650px}.story-kettle{bottom:-5%;width:56vw}.footer-bottom{flex-wrap:wrap}.visit-grid{gap:5vw}.address-panel{padding:28px}.house-invite{padding-bottom:180px}.house-invite>div{padding-left:35%;gap:30px}.tea-object{top:53%}.iced-object{top:35%}}
@media(max-width:700px){:root{--pad:23px}body{font-size:14px}.section-space{padding:58px var(--pad)}.site-header{height:80px}.site-header .brand{width:150px}.site-header nav{display:none}.nav-toggle{display:flex;align-items:center;gap:15px;padding:14px 0;font-size:11px}.nav-toggle span{font-size:17px}.cinema{height:330svh}.cinema-stage{min-height:650px}.scene-copy{left:var(--pad);top:125px;max-width:90%;width:90%}.scene-copy h1{font-size:clamp(74px,22vw,112px);margin:20px 0;line-height:.87}.scene-one h1 em{margin-left:20vw}.scene-copy .eyebrow{font-size:8px}.scene-copy p:not(.eyebrow){font-size:11px;line-height:1.6}.scene-one .scene-description{max-width:44%;margin-top:25px}.scene-one .pill-link{margin-top:18px;gap:22px;padding:9px 14px;font-size:10px}.kettle-object{width:73vw;left:32%;top:45%}.tea-object{width:50vw;left:35%;top:58%}.iced-object{width:47vw;left:53%;top:48%}.scene-two,.scene-three,.scene-four{top:125px}.scene-two h2,.scene-three h2,.scene-four h2{font-size:16vw;line-height:.98}.scene-four .pill-link{margin-top:20px;padding:10px 18px;gap:35px}.stage-bottom{bottom:22px}.place-note{display:none}.scroll-note{font-size:8px;letter-spacing:.06em}.scroll-note span{margin-left:12px}.chapter-track{gap:10px}.chapter-track>div{width:55px}.object-shadow{left:40%;top:85%;width:55%}.section-kicker>.eyebrow:last-child{max-width:44%;text-align:right;font-size:8px}.statement{font-size:13vw;margin:55px 0 35px;letter-spacing:-.065em}.gather-bottom{padding-left:0;display:block}.gather-bottom p{font-size:13px}.gather-bottom .text-link{margin-top:25px;min-width:220px}.favourites{padding-top:0}.favourites-heading{margin:45px 0 35px}.favourites-heading h2{font-size:16vw}.favourites-heading p{padding-right:0;font-size:11px}.favourites-grid{grid-template-columns:1fr 1fr;gap:25px 14px}.favourite:nth-child(2){margin-top:70px}.favourite:nth-child(3){margin-top:-35px}.favourite-photo>.eyebrow{font-size:6px;top:10px;left:10px}.round-arrow{width:28px;height:28px;font-size:17px;right:9px;bottom:9px}.favourite h3{font-size:11px;margin-top:12px;max-width:100%}.favourites .section-kicker .text-link{font-size:10px;gap:14px}.house-invite{padding-bottom:130px}.house-invite h2{font-size:17vw;margin:35px 0}.house-invite>div{padding-left:0;align-items:center;gap:20px}.house-invite>div p{font-size:11px}.house-invite .pill-link{font-size:10px;gap:20px;padding:12px 17px}.site-footer{padding:45px var(--pad) 25px}.footer-top{padding-bottom:40px}.footer-invite{font-size:17vw;margin-top:20px}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:22px}.footer-bottom .brand{width:130px}.footer-bottom>p{font-size:9px}.footer-bottom button{justify-self:start}.footer-bottom small{grid-column:1/-1;opacity:.7}.page-intro{padding-top:135px;padding-bottom:45px}.page-intro h1{font-size:15vw;margin:30px 0 35px}.intro-bottom{display:block}.intro-bottom p{font-size:12px}.intro-bottom>.eyebrow{display:block;margin-top:25px;font-size:8px}.menu-section{padding-top:0}.menu-tools{display:block}.search-label{width:100%}.menu-count{margin-top:15px;font-size:10px}.category-nav{gap:7px;margin:22px 0 35px}.category-nav button{font-size:9px;padding:9px 13px}.category-heading{margin-top:35px;align-items:flex-end;gap:20px}.category-heading h2{font-size:30px;max-width:75%}.category-heading .eyebrow{font-size:7px}.product-grid{grid-template-columns:repeat(2,1fr);gap:15px}.product-title h3{font-size:11px}.product-title p{font-size:10px}.menu-extras>div{grid-template-columns:1fr;gap:15px;font-size:11px}.menu-extras summary{font-size:14px}.menu-note{font-size:10px}.story-hero{padding-top:135px;height:90svh;min-height:670px}.story-hero h1{font-size:17vw;margin-top:38px}.story-kettle{width:87vw;right:-18%;bottom:-9%;opacity:.9}.story-hero-note{bottom:42px;font-size:11px;max-width:42%;z-index:2}.story-chapter{grid-template-columns:1fr;gap:30px}.story-chapter h2,.story-duo h2,.faq h2{font-size:12vw}.story-chapter p,.story-duo p{font-size:13px}.story-duo{display:flex;flex-direction:column-reverse;gap:20px}.story-cup{width:70%;align-self:center}.visit-intro .pill-link{margin-top:30px}.visit-grid{grid-template-columns:1fr;gap:45px}.address-panel{padding:28px}.address-panel h2{font-size:16vw;margin-top:55px}.address-panel address{font-size:14px}.address-line{margin-top:50px}.visit-details h3{font-size:23px}.faq{grid-template-columns:1fr;gap:20px;padding-top:0}.faq h2{margin-bottom:20px}body.reduced-motion .cinema{min-height:740px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none!important}.favourite-photo>img,.product-photo img{transition:none}}
.tea-object{width:30vw;top:57%;left:43%}
@media(max-width:700px){.kettle-object{width:70vw;left:28%}.tea-object{width:62vw;left:25%;top:58%}}
.site-header{position:fixed;background:var(--cream)}
.home-page .site-header,.story-page .site-header{background:var(--red)}
.home-page.light-header .site-header,.story-page.light-header .site-header{color:var(--red);border-color:var(--line);background:var(--cream)}
.home-page.light-header .site-header .brand img,.story-page.light-header .site-header .brand{filter:none}
body:not(.motion-ready) .cinema{height:100svh;min-height:690px}
body:not(.motion-ready) .cinema-stage{position:relative}