:root{--bg:#542c36;--ink:#ecdcd6;--line:#ecdcd650;--display:Georgia,serif;--body:Arial,sans-serif;--leaf:#b4b694;--deep:#3b2229}.tea-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:center;padding-top:45px;border-bottom:1px solid var(--line)}.tea-hero h1{font-size:clamp(75px,8vw,120px);font-style:italic;max-width:8ch;margin:25px 0}.tea-hero .action{margin-top:30px}.tea-hero .layered{border:1px solid var(--line);padding:12px}.tea-sequence{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw}.tea-sequence h2{font-style:italic}.tea-sequence nav{display:grid}.tea-sequence a{font:25px/1.4 Georgia,serif;padding:18px 0;border-bottom:1px solid var(--line);min-height:44px;text-decoration:none}.tea-chapter{color:var(--ink);display:grid;grid-template-columns:.2fr 1fr .55fr;gap:5vw;min-height:750px;align-items:center;border-top:1px solid var(--line);background:var(--bg)}.chapter-number{font:18px/1.5 "Courier New",monospace;align-self:start;padding-top:40px}.tea-chapter h2{font:italic clamp(45px,5vw,77px)/1.06 Georgia,serif}.tea-chapter .lead{margin:35px 0 25px}.tea-chapter .icon{width:80px;height:80px;margin:auto}.cup-line{height:140px;border-radius:10% 10% 50% 50%;border:2px solid currentColor;position:relative;margin-top:40px}.cup-line::after{content:"";position:absolute;right:-34px;top:20px;width:32px;height:65px;border:2px solid currentColor;border-left:0;border-radius:0 50% 50% 0}.aroma{--bg:#b4b694;--ink:#3b2229;--line:#3b222940}.finish{--bg:#ecdcd6;--ink:#542c36;--line:#542c3640}.tea-notes{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;background:var(--ink);color:var(--bg)}.tea-notes h2{font-style:italic;margin:25px 0}.tea-notes input,.tea-notes textarea{background:#f0e3de;color:#542c36;border-color:#542c36}.tea-notes .note-fields{grid-template-columns:1fr 1fr}.tea-notes .note-fields>div:first-child{grid-column:1/-1}.tea-notes .action{background:#542c36;color:#ecdcd6}.tea-help{max-width:1050px;margin:auto}.tea-help h2{font-style:italic;margin-bottom:35px}.tea-end{background:var(--deep);text-align:center}.tea-end .icon{margin:0 auto 30px}.tea-end h2{font:italic clamp(60px,7vw,100px)/1.05 Georgia,serif}.tea-end p{margin:30px auto}.still.auth .auth-shell{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:60px auto;max-width:1150px;background:var(--ink);color:var(--bg);box-shadow:0 20px 40px #21141c60;border:1px solid var(--line)}.still.auth .layered{padding:40px 20px;align-self:center}.still.auth .auth-copy{max-width:none;padding:45px;border-left:1px solid #542c3630}.still.auth h1{font-style:italic}.still.auth input{background:#f0e3de;color:#542c36;border-color:#542c36}.still.auth .action{background:#542c36;color:#ecdcd6}.still.auth details{border-color:#542c3630}@media(min-width:1000px) and (min-height:900px) and (prefers-reduced-motion:no-preference){.motion-ready .tea-chapter{position:sticky;top:20px;min-height:90vh}.motion-ready .tea-chapter.aroma{z-index:2}.motion-ready .tea-chapter.finish{z-index:3}}@media(max-width:1199px){.tea-chapter{grid-template-columns:.15fr 1fr .4fr;gap:30px}.tea-notes{grid-template-columns:.65fr 1.35fr}.tea-hero h1{font-size:85px}}@media(max-width:999px){.tea-hero,.tea-sequence,.tea-chapter,.tea-notes,.still.auth .auth-shell{grid-template-columns:1fr;gap:35px}.tea-chapter{min-height:0;position:static}.chapter-number{padding:0}.chapter-illustration{max-width:300px;width:80%;margin:auto}.tea-notes .note-fields{grid-template-columns:1fr}.tea-notes .note-fields>div:first-child{grid-column:auto}.still.auth .auth-shell{margin:30px 6vw;gap:0}.still.auth .layered{padding:25px}.still.auth .auth-copy{border-left:0;border-top:1px solid #542c3630;padding:30px}.tea-hero h1{font-size:75px}}@media(prefers-reduced-motion:reduce){.tea-chapter{position:static!important;min-height:0!important}}
@media(max-width:1199px){.tea-hero{grid-template-columns:1fr;gap:35px}.tea-hero .layered{max-width:750px;width:100%;margin:auto}}

.tea-chapters{isolation:isolate;position:relative}