:root{--forest:#102b27;--forest2:#17372f;--cream:#f3eddd;--copper:#d19773;--muted:#bdc4b3;--sage:#91a68b;--line:rgba(243,237,221,.22);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--forest);color:var(--cream);font-family:Arial,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--copper);outline-offset:7px}button{border:0;background:none}img{max-width:100%;display:block}figure,p,h1,h2,h3,h4{margin:0}h1,h2,h3,.wordmark,.footer-wordmark{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1,h2{letter-spacing:-.055em;line-height:1.02}em{font-weight:400;color:var(--copper)}p{line-height:1.7}h2{font-size:clamp(50px,5.6vw,86px)}.eyebrow{font-size:11px;letter-spacing:.23em;line-height:1.5}.skip-link{position:fixed;top:-100px;left:20px;padding:14px;background:var(--cream);color:var(--forest);z-index:110}.skip-link:focus{top:10px}.site-header{height:132px;position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:center;padding:20px 4%;z-index:30;transition:height .3s,background .3s}.site-header.scrolled{position:fixed;height:88px;background:rgba(16,43,39,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.wordmark{font-size:60px;font-style:italic;letter-spacing:-4px;color:var(--copper);text-align:center;line-height:.9}.wordmark small{display:block;font:8px/1.5 Arial,sans-serif;letter-spacing:.2em;color:var(--cream);margin-top:12px}.scrolled .wordmark{font-size:42px}.scrolled .wordmark small{font-size:6px;margin-top:8px}.menu-toggle{position:absolute;left:4%;width:42px;height:42px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:8px;z-index:33}.menu-toggle span{height:2px;width:25px;background:var(--copper);transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.header-finder{position:absolute;right:4%;font-size:12px;display:flex;align-items:center;gap:14px}.header-finder span{border:1px solid var(--line);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:20px}nav{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--forest2);padding:40px 8%;border-top:1px solid var(--line);box-shadow:0 40px 70px #0005}nav.open{display:grid;grid-template-columns:1fr 1fr;gap:22px}nav a{font-family:Georgia,serif;font-size:clamp(28px,4vw,54px);letter-spacing:-.04em}nav a:hover{color:var(--copper)}nav>span{font-size:10px;letter-spacing:.16em;align-self:center;color:var(--muted)}.hero{min-height:900px;height:100svh;max-height:1200px;position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:170px 5% 115px;overflow:hidden}.hero-copy{z-index:2}.hero .eyebrow{color:var(--muted);margin-bottom:28px}.hero h1{font-size:clamp(75px,8.2vw,132px);line-height:.98;letter-spacing:-.065em}.hero-intro{margin-top:30px;color:var(--muted);font-size:15px;line-height:1.5}.round-link{display:inline-flex;align-items:center;gap:24px;font-size:12px;letter-spacing:.04em;padding:0}.round-link span{width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:21px;transition:background .25s,color .25s,transform .25s}.round-link:hover span{background:var(--copper);color:var(--forest);transform:rotate(12deg);border-color:var(--copper)}.hero .round-link{margin-top:29px}.hero-product{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;isolation:isolate;min-width:0}.hero-halo{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#537160,var(--forest2) 65%);opacity:.7;z-index:-2}.floating-bag{height:min(66vh,660px);width:90%;object-fit:contain;filter:drop-shadow(10px 25px 18px #0005);transform:rotate(8deg);animation:float 7s ease-in-out infinite}.orbit-type{position:absolute;inset:auto 0 7%;text-align:center;font-size:9px;letter-spacing:.35em;color:var(--sage);z-index:-1;transform:rotate(-14deg)}.hero-product figcaption{position:absolute;bottom:-35px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.16em;color:var(--muted)}.hero-product figcaption span{display:block;margin-top:8px;letter-spacing:.02em;font-size:11px}.hero-foot{position:absolute;bottom:25px;left:5%;right:5%;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.14em;color:var(--muted)}.hero-foot a{font-size:25px;color:var(--copper)}.mission{padding:80px 5% 120px;position:relative;display:grid;place-items:center;overflow:hidden}.mission-disc{width:min(820px,85vw);aspect-ratio:1;border-radius:50%;background:var(--copper);color:var(--forest);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px}.mission-disc .eyebrow{margin-bottom:32px}.mission h2{font-size:clamp(50px,5.7vw,87px);letter-spacing:-.055em}.mission h2 em{color:var(--forest)}.mission-disc>p:last-child{font-size:13px;line-height:1.6;margin-top:30px}.mission-side{position:absolute;right:2%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.24em;color:var(--muted)}.collections{padding:40px 6% 80px;overflow-x:clip}.section-kicker{display:flex;justify-content:space-between;padding-bottom:35px;border-bottom:1px solid var(--line);color:var(--muted)}.section-kicker>span{font-size:10px;letter-spacing:.15em}.collection{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;min-height:800px;padding:80px 0;scroll-margin-top:30px}.collection-art{position:relative;min-height:600px;display:grid;place-items:center}.art-circle{position:absolute;width:100%;aspect-ratio:1;border-radius:50%;background:var(--sage);overflow:hidden;display:grid;place-items:center}.art-circle>span{font-family:Georgia,serif;font-style:italic;font-size:450px;line-height:1;color:#102b271a;transform:rotate(-20deg)}.collection-bag{height:560px;width:90%;object-fit:contain;position:relative;transform:rotate(-9deg);filter:drop-shadow(22px 35px 16px #0004);transition:transform .7s}.collection-art:hover .collection-bag{transform:rotate(-3deg) translateY(-14px)}.art-note{position:absolute;bottom:-10px;font-size:8px;color:var(--muted);letter-spacing:.1em}.collection-copy .eyebrow{color:var(--muted);margin-bottom:24px}.collection-copy h3{font-size:25px;margin:27px 0 15px;letter-spacing:-.035em}.collection-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:390px}.status{display:block;font-size:9px;letter-spacing:.16em;color:var(--copper);margin-top:25px}.collection-copy .round-link{margin-top:27px}.profile-section{padding:55px 0 20px;border-top:1px solid var(--line)}.profile-section>.eyebrow{color:var(--copper)}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7%;padding:45px 0}.profile-grid>div{position:relative;padding-left:35px}.profile-grid span{position:absolute;left:0;top:8px;font-size:9px;color:var(--copper)}.profile-grid h3{font-size:39px;letter-spacing:-.04em;margin-bottom:17px}.profile-grid p{font-size:13px;color:var(--muted);max-width:275px}.fine-print{font-size:10px;color:var(--muted);line-height:1.6}.other-directions{display:grid;grid-template-columns:1fr 1.3fr 1.3fr;gap:5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0;margin-top:30px}.other-directions>.eyebrow{align-self:center;color:var(--muted);font-size:9px;max-width:120px}.other-directions button{text-align:left;position:relative;padding:10px 35px 10px 0}.other-directions button>span{font-size:8px;letter-spacing:.13em;color:var(--copper)}.other-directions h3{font-size:30px;margin:12px 0 5px;letter-spacing:-.04em}.other-directions p{font-size:12px;color:var(--muted)}.other-directions b{position:absolute;right:0;top:40%;font-size:25px;font-weight:400;color:var(--copper)}.other-directions button:hover h3{color:var(--copper)}.mugs-collection{padding-top:120px}.mug-orbit{position:relative}.mug-orbit img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;transition:border-radius .8s}.mug-orbit:hover img{border-radius:43% 50% 45% 50%}.mug-orbit figcaption{position:absolute;bottom:-32px;width:100%;text-align:center;font-size:8px;letter-spacing:.13em;color:var(--muted)}.swatches{display:flex;align-items:center;gap:13px;margin-top:28px}.swatch{width:24px;height:24px;border-radius:50%;border:3px solid var(--forest);outline:1px solid transparent}.swatch.selected{outline-color:var(--cream)}.swatch.sage{background:#8b9b80}.swatch.copper{background:#bd805c}.swatch.ivory{background:#e6dfcc}.swatches>span{font-size:12px;margin-left:10px}.collection-copy .color-description{font-size:11px!important;min-height:44px;margin-top:14px;max-width:340px!important}.film-section{padding:100px 6% 80px;background:#0b201c}.film-head{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:end;margin-bottom:40px}.film-head .eyebrow{grid-column:1/-1;color:var(--muted)}.film-head h2{font-size:clamp(52px,7.5vw,112px)}.film-head .round-link{margin-bottom:7px}.film-window{border-radius:48% 48% 0 0 / 7% 7% 0 0;overflow:hidden;background:var(--forest2)}.film-window video{display:block;width:100%;height:auto;aspect-ratio:16/9}.film-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.17em;color:var(--muted);margin-top:20px}.finder-section{padding:175px 6%;text-align:center;position:relative;overflow:hidden;background:var(--copper);color:var(--forest)}.finder-section>*:not(.finder-ring){position:relative;z-index:1}.finder-section h2{font-size:clamp(56px,7.5vw,115px);margin:28px auto 45px;max-width:1100px}.finder-section h2 em{color:var(--forest)}.finder-ring{width:950px;height:950px;border:1px solid #102b2730;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.finder-ring:after{content:'';position:absolute;inset:30px;border:1px solid #102b2715;border-radius:50%}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--forest);color:var(--cream);border-radius:40px;padding:19px 28px;font-size:12px}.button span{font-size:20px}.button:hover{background:#21473e}.finder-section>p:not(.eyebrow){font-size:12px;margin:25px 0 4px}.finder-section>small{font-size:9px;opacity:.75}.tea-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding:150px 8%;background:var(--forest2)}.tea-art{max-width:460px;color:var(--sage)}.tea-art svg{width:100%;display:block}.tea-section .eyebrow{color:var(--muted);margin-bottom:25px}.tea-section h2{font-size:clamp(54px,6.5vw,100px)}.tea-section p:not(.eyebrow){margin-top:25px;font-size:14px;color:var(--muted)}.questions{padding:130px 9% 140px}.question-heading{text-align:center;margin-bottom:65px}.question-heading>.eyebrow{color:var(--muted);margin-bottom:25px}.faq{max-width:1050px;margin:auto}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;gap:32px;align-items:center;list-style:none;padding:32px 10px;cursor:pointer;font-size:17px}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:10px;color:var(--copper);align-self:center}.faq summary>b{font-size:24px;font-weight:400;color:var(--copper);margin-left:auto;transition:transform .2s}.faq details[open] summary>b{transform:rotate(45deg)}.faq details>p{margin:-5px 60px 32px;max-width:800px;font-size:14px;color:var(--muted)}footer{background:var(--sage);color:var(--forest);padding:55px 6% 25px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-top p{font-family:Georgia,serif;font-size:38px;line-height:1.15;letter-spacing:-.04em}.footer-top em{color:var(--forest)}.back-top{display:flex;align-items:center;gap:20px;font-size:9px;letter-spacing:.14em}.back-top span{font-size:30px}.footer-wordmark{display:block;font-size:clamp(100px,22.5vw,400px);font-style:italic;letter-spacing:-.065em;line-height:1.2;text-align:center;margin:45px 0 10px}.footer-bottom{border-top:1px solid #102b2740;display:flex;justify-content:space-between;gap:20px;padding-top:25px;font-size:8px;letter-spacing:.07em}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(35px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.6,.3,1)}.motion-ready .reveal.visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-16px) rotate(5deg)}}dialog{background:var(--cream);color:var(--forest);border:0;border-radius:4px;padding:55px;max-width:680px;width:calc(100% - 36px);max-height:88svh;overflow:auto;color-scheme:light}dialog::backdrop{background:#071b17b8;backdrop-filter:blur(8px)}dialog h2{font-size:49px;margin:22px 0}dialog h3{font-size:31px;margin:15px 0}dialog p,dialog li{font-size:14px;line-height:1.7;margin-bottom:15px}dialog .eyebrow,dialog .result-label{font-size:9px;color:#596b56;letter-spacing:.15em}dialog .button{margin-top:12px}.dialog-close{position:absolute;top:12px;right:18px;font-size:31px;line-height:1;padding:5px}.quiz-progress{display:flex;gap:8px;margin:26px 0}.quiz-progress i{height:3px;flex:1;background:#ced2bf}.quiz-progress i.active{background:var(--forest)}.quiz-options{display:grid;gap:10px}.quiz-option{padding:18px;border:1px solid #102b2740;text-align:left;display:flex;justify-content:space-between;gap:15px;font-size:14px;border-radius:2px}.quiz-option:hover{background:#dce0cf}.quiz-back{font-size:12px;text-decoration:underline;margin-top:22px;padding:0}.quiz-note{font-size:10px!important;border-top:1px solid #102b2730;padding-top:18px;margin-top:25px;color:#52634f}.quiz-result{padding:22px;background:#dce1d1;margin:20px 0}.quiz-result .tag{font-size:8px;letter-spacing:.12em}.quiz-result p{margin-bottom:0}#restart-quiz{display:block}body:has(dialog[open]){overflow:hidden}
@media(min-width:1700px){.hero,.collections,.tea-section,.questions,.film-section{padding-left:max(6%,calc((100vw - 1500px)/2));padding-right:max(6%,calc((100vw - 1500px)/2))}}
@media(max-width:1000px){.hero{min-height:790px;padding-top:180px}.hero h1{font-size:clamp(70px,9vw,98px)}.floating-bag{height:530px;max-height:64vh;width:110%;max-width:110%}.hero-product figcaption{bottom:-10px}.collection{gap:5%;min-height:650px;padding:55px 0}.collection-art{min-height:460px}.collection-bag{height:460px;width:110%;max-width:110%}.mission-disc{padding:50px}.collection-copy h2{font-size:57px}.collection-copy h3{font-size:23px}.collection-copy>p:not(.eyebrow){font-size:13px}.profile-grid{gap:3%}.profile-grid h3{font-size:32px}.mugs-collection{padding-top:100px}.other-directions{grid-template-columns:.6fr 1fr 1fr}.other-directions h3{font-size:27px}.finder-section{padding:130px 5%}.tea-section{padding:110px 6%;gap:7%}}
@media(max-width:650px){html{scroll-padding-top:86px}.site-header{height:104px;padding:18px 6%}.site-header.scrolled{height:76px}.wordmark{font-size:45px;letter-spacing:-3px}.wordmark small{font-size:6px;margin-top:8px}.scrolled .wordmark{font-size:37px}.scrolled .wordmark small{font-size:5px}.header-finder{font-size:0;right:5%}.header-finder span{width:32px;height:32px;font-size:18px}.menu-toggle{left:4%}.menu-toggle span{width:21px}nav.open{grid-template-columns:1fr;gap:20px;padding:25px 8% 35px}nav a{font-size:32px}.hero{height:auto;min-height:960px;max-height:none;grid-template-columns:1fr;padding:147px 7% 100px;align-content:start;gap:12px}.hero .eyebrow{font-size:8px;letter-spacing:.19em;margin-bottom:25px}.hero h1{font-size:clamp(64px,15.7vw,100px);line-height:.98;letter-spacing:-.06em}.hero-intro{font-size:12px;margin-top:20px;max-width:150px}.hero-copy{position:relative}.hero .round-link{position:absolute;bottom:0;right:0;gap:12px;font-size:10px}.hero .round-link span{width:36px;height:36px}.hero-product{height:390px;margin-top:20px}.hero-halo{height:330px;width:330px;max-width:100%}.floating-bag{height:395px;width:85%;max-height:none;max-width:100%}.hero-product figcaption{bottom:-14px;font-size:7px}.hero-product figcaption span{font-size:9px;margin-top:5px}.orbit-type{font-size:6px;bottom:13%;letter-spacing:.25em}.hero-foot{bottom:16px;left:7%;right:7%;font-size:6px;gap:20px;padding-top:18px}.hero-foot span:nth-child(2){max-width:125px;text-align:right;line-height:1.5}.hero-foot a{display:none}.mission{padding:40px 0 70px}.mission-disc{width:94vw;padding:35px 18px}.mission-disc .eyebrow{font-size:8px;margin-bottom:20px}.mission h2{font-size:clamp(36px,9.3vw,60px)}.mission-disc>p:last-child{font-size:10px;margin-top:20px;max-width:260px}.mission-side{display:none}.collections{padding:20px 7% 60px}.section-kicker{padding-bottom:25px}.section-kicker .eyebrow{font-size:9px}.collection{grid-template-columns:1fr;gap:45px;padding:55px 0}.collection-art{min-height:410px;max-width:400px;width:100%;margin:auto}.collection-bag{height:410px;width:100%;max-width:100%}.art-circle{width:100%;max-height:350px;max-width:350px}.art-circle>span{font-size:330px}.art-note{font-size:6px;bottom:-6px}.collection-copy .eyebrow{font-size:9px;margin-bottom:20px}.collection-copy h2{font-size:clamp(51px,12.8vw,76px)}.collection-copy h3{font-size:24px;margin-top:25px}.collection-copy>p:not(.eyebrow){font-size:14px;max-width:100%}.status{font-size:8px}.round-link{font-size:11px}.profile-section{padding-top:35px}.profile-section>.eyebrow{font-size:9px}.profile-grid{grid-template-columns:1fr;padding:30px 0;gap:27px}.profile-grid h3{font-size:32px;margin-bottom:8px}.profile-grid p{max-width:100%;font-size:12px}.fine-print{font-size:9px}.other-directions{grid-template-columns:1fr;gap:0;padding:25px 0 0}.other-directions>.eyebrow{max-width:none;margin-bottom:20px}.other-directions button{padding:22px 35px 22px 0;border-top:1px solid var(--line)}.other-directions button>span{font-size:7px}.other-directions h3{font-size:30px}.mugs-collection{padding-top:65px}.mug-orbit{grid-row:1;margin-bottom:10px}.mug-orbit figcaption{font-size:6px;bottom:-23px}.collection-copy .color-description{font-size:11px!important;min-height:36px}.film-section{padding:65px 7% 45px}.film-head{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.film-head h2{font-size:55px}.film-head .eyebrow{font-size:8px}.film-head .round-link{margin-top:5px}.film-window{margin:0 -8.14%;border-radius:0}.film-caption{font-size:6px;gap:20px;line-height:1.5}.finder-section{padding:95px 7%}.finder-section .eyebrow{font-size:8px}.finder-section h2{font-size:clamp(42px,10.6vw,65px);margin:25px 0 35px}.finder-ring{width:660px;height:660px}.finder-section>p:not(.eyebrow){font-size:11px}.finder-section>small{font-size:8px}.tea-section{grid-template-columns:1fr;padding:70px 7%;gap:45px}.tea-art{max-width:290px;margin:auto}.tea-section h2{font-size:64px}.tea-section .eyebrow{font-size:8px}.tea-section p:not(.eyebrow){font-size:13px}.questions{padding:75px 7%}.question-heading{text-align:left;margin-bottom:35px}.question-heading>.eyebrow{font-size:8px;margin-bottom:18px}.question-heading h2{font-size:53px}.faq summary{font-size:14px;gap:18px;padding:24px 0;line-height:1.5}.faq summary>span{font-size:8px}.faq details>p{margin:0 25px 25px 32px;font-size:12px}footer{padding:40px 7% 22px}.footer-top p{font-size:29px}.back-top{font-size:7px;gap:10px}.back-top span{font-size:24px}.footer-wordmark{font-size:23vw;margin:38px 0 25px}.footer-bottom{display:grid;grid-template-columns:1fr auto;font-size:6px;gap:15px}.footer-bottom>span:last-child{grid-column:1/-1}dialog{padding:45px 25px 30px;max-height:90svh}dialog h2{font-size:38px}dialog p,dialog li{font-size:12px}.quiz-option{font-size:12px;padding:16px}.quiz-result h3{font-size:27px}.button{font-size:11px;padding:17px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.floating-bag{transform:rotate(6deg)}}

/* Closer to the reference's expansive, rounded type and staged collections. */
@font-face{font-family:Fraunces;src:url('assets/fonts/fraunces-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Fraunces;src:url('assets/fonts/fraunces-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{--forest:#0d2529;--forest2:#143238;--copper:#d08b61;--muted:#bbc6bd}
h1,h2,h3{font-family:Fraunces,Georgia,serif;letter-spacing:-.025em}h1,h2{line-height:1.02}.hero{min-height:800px;padding:200px 3.5% 100px;align-items:end;grid-template-columns:1.15fr 1fr}.hero h1{font-size:clamp(80px,8.6vw,138px);letter-spacing:-.025em;line-height:.99}.hero-copy{padding-bottom:65px}.hero .round-link{margin-top:35px}.hero-halo{background:radial-gradient(ellipse,#65765b24,transparent 69%);width:125%;border-radius:0}.hero-product{align-items:flex-end}.floating-bag{transform:rotate(0);height:min(64vh,670px);animation:float-upright 8s ease-in-out infinite}.hero-product figcaption{bottom:-30px}.hero-foot{left:3.5%;right:3.5%;border:0}.site-header.scrolled{background:rgba(13,37,41,.96);border:0}.site-header .wordmark{font-size:68px}.scrolled .wordmark{font-size:42px}.hero-foot>span:first-child{display:none}.mission{padding-top:100px;padding-bottom:100px}.mission-disc{background:#b9724e;color:var(--cream);width:min(920px,89vw)}.mission-disc h2{font-size:clamp(50px,5.6vw,88px);letter-spacing:-.025em}.mission-disc h2 em{color:var(--cream)}.mission-side{display:none}.mission-disc>p:last-child{max-width:440px;font-size:14px;opacity:.8}.scene-scroll{padding:0 5%;position:relative}.scene-stage{position:relative;min-height:720px}.scene-panels .collection{min-height:650px;gap:6%;padding:55px 0 90px}.scene-panels .collection-copy h2,.scene-panels .tea-section h2{font-size:clamp(58px,6.8vw,108px);white-space:nowrap;letter-spacing:-.04em}.scene-panels .collection-copy h3,.scene-panels .tea-section h3{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:24px;line-height:1.35;margin:26px 0 20px}.scene-panels .collection-copy>p{max-width:430px}.scene-panels .collection-art{min-height:510px}.scene-panels .collection-bag{height:480px;transform:rotate(0);width:90%;max-width:100%}.scene-panels .collection-art:hover .collection-bag{transform:translateY(-10px)}.scene-panels .art-circle{background:#819579;max-width:510px}.scene-panels .art-circle>span{opacity:.4}.scene-panels .mugs-collection .mug-orbit{grid-column:1;grid-row:1}.scene-panels .mugs-collection .collection-copy{grid-column:2;grid-row:1}.scene-panels .mug-orbit{max-width:520px}.scene-panels .mug-orbit figcaption{bottom:-24px}.scene-panels .tea-section{background:none;padding-left:0;padding-right:0}.scene-panels .tea-art{width:100%;max-width:510px}.scene-panels .tea-section p{margin-top:10px}.scene-tabs{display:none;max-width:670px;margin:auto;position:relative;justify-content:center;gap:32px;padding:15px 10px 30px}.scene-tabs button{font-size:11px;letter-spacing:.17em;color:#bdc7bc70;padding:12px 2px}.scene-tabs button span{margin-right:7px}.scene-tabs button[aria-selected=true]{color:var(--cream)}.scene-track{position:absolute;bottom:14px;left:8%;right:8%;height:1px;background:var(--line)}.scene-track i{display:block;width:33.333%;height:1px;background:var(--copper);transform:translateX(calc(var(--scene-index,0)*100%));transition:transform .6s}.scenes-ready .scene-tabs{display:flex}.scenes-ready .scene-panel[hidden]{display:none}.scenes-ready .scene-panel:not([hidden]){animation:scene-enter .6s ease both}.scenes-ready .scene-panel .reveal{opacity:1;transform:none}.scroll-scenes{height:calc(4 * (100svh - 88px))}.scroll-scenes .scene-stage{position:sticky;top:88px;height:calc(100svh - 88px);min-height:0;display:flex;flex-direction:column;justify-content:center}.scroll-scenes .scene-panels{flex:1;min-height:0;display:flex;align-items:center}.scroll-scenes .scene-panel{width:100%;padding:20px 0 35px;min-height:0}.scroll-scenes .collection-art{min-height:0;height:min(66vh,600px)}.scroll-scenes .collection-bag{height:min(58vh,530px)}.scroll-scenes .art-circle{height:min(61vh,550px);width:auto;max-width:100%}.scroll-scenes .mug-orbit img{height:min(61vh,550px);width:100%;object-fit:cover}.scroll-scenes .tea-art{max-height:61vh}.scroll-scenes .tea-art svg{max-height:61vh}.scroll-scenes .scene-tabs{flex-shrink:0;width:100%;margin-bottom:14px}.blend-direction{padding:120px 8% 110px;text-align:center}.blend-direction>h2{font-size:clamp(55px,6.5vw,100px);margin-bottom:65px}.blend-direction .profile-section{border-top:0;padding-top:0;text-align:left}.blend-direction .other-directions{grid-template-columns:1fr 1fr;text-align:left}.blend-direction .profile-grid{padding-top:0}.film-section{padding-top:100px}.film-head{gap:12px}.film-head h2{font-size:clamp(58px,8vw,118px)}.finder-section{background:#b9724e;color:var(--cream)}.finder-section h2 em{color:var(--cream)}.finder-section h2{margin-top:0}.question-heading h2{font-size:clamp(50px,6.5vw,95px)}.faq summary{font-family:Fraunces,Georgia,serif;font-size:24px}.faq details>p{font-size:15px}.footer-wordmark{color:var(--forest)}
@keyframes float-upright{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes scene-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:760px) and (max-width:1100px){.scene-panels .collection-copy h2,.scene-panels .tea-section h2{font-size:6.5vw}.scene-panels .collection-copy h3,.scene-panels .tea-section h3{font-size:20px}.scene-panels .collection-copy>p{font-size:13px}.scene-panels .status{font-size:8px}.scene-panels .color-description{display:none}.scene-panels .round-link{margin-top:20px}}
@media(max-width:759px){.hero{height:auto;min-height:890px;grid-template-columns:1fr;padding:170px 7% 100px;gap:0}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(56px,13.8vw,100px);letter-spacing:-.035em}.hero .round-link{position:static;margin-top:25px}.hero-product{height:380px;margin-top:15px;align-items:center}.floating-bag{height:380px;max-height:none}.hero-product figcaption{bottom:-30px}.hero-foot{left:7%;right:7%;justify-content:center}.hero-foot span:nth-child(2){max-width:none;text-align:center}.site-header .wordmark{font-size:50px}.site-header.scrolled .wordmark{font-size:37px}.mission{padding-top:50px;padding-bottom:60px}.mission-disc{width:95vw;padding:45px 20px}.mission-disc h2{font-size:9.1vw}.mission-disc>p:last-child{font-size:10px;margin-top:22px}.scene-scroll{padding:0 7%}.scene-stage{min-height:0}.scene-panels .collection{grid-template-columns:1fr;padding:40px 0 35px;gap:40px;min-height:0}.scene-panels .collection-art{min-height:330px;height:330px}.scene-panels .collection-bag{height:340px;max-width:94%}.scene-panels .art-circle{max-width:310px;max-height:310px}.scene-panels .collection-copy h2,.scene-panels .tea-section h2{font-size:clamp(40px,10.8vw,76px);white-space:normal}.scene-panels .collection-copy h3,.scene-panels .tea-section h3{font-size:21px;margin:20px 0 16px}.scene-panels .mugs-collection .mug-orbit,.scene-panels .mugs-collection .collection-copy{grid-column:1;grid-row:auto}.scene-panels .mugs-collection .mug-orbit{grid-row:1}.scene-panels .mug-orbit img{width:100%;max-height:340px;object-fit:cover}.scene-panels .tea-art{max-width:300px}.scene-panels .tea-section>div:last-child{margin-top:0}.scene-tabs{gap:20px;padding:10px 0 30px;justify-content:space-between}.scene-tabs button{font-size:9px;letter-spacing:.08em}.scene-tabs button span{margin-right:3px}.scene-track{left:0;right:0}.scene-panels .color-description{display:none}.scene-panels .art-note{font-size:6px}.scene-panels .collection-copy>p{font-size:13px}.scene-panels .collection-copy .status{margin-top:20px}.scene-panels .collection-copy .round-link{margin-top:20px}.scene-panels .swatches{margin-top:20px}.blend-direction{padding:70px 7%}.blend-direction>h2{font-size:12vw;margin-bottom:45px}.blend-direction .other-directions{grid-template-columns:1fr}.film-section{padding-top:70px}.film-head h2{font-size:13vw}.film-head{grid-template-columns:1fr}.finder-section{padding:90px 7%}.finder-section h2{font-size:10.5vw}.question-heading h2{font-size:12vw}.faq summary{font-size:18px}.faq details>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.scenes-ready .scene-panel:not([hidden]){animation:none}.floating-bag{animation:none;transform:none}.scene-track i{transition:none}}
.scroll-scenes .art-circle{width:min(100%,61vh);height:auto;aspect-ratio:1}.scroll-scenes .mug-orbit img{width:100%;height:auto;aspect-ratio:1}.scroll-scenes .mug-orbit{width:min(100%,61vh)}