.teaware-page{background:var(--bg,#0f1714);color:var(--ink)}.teaware-hero{padding:clamp(52px,7vw,96px) 0 clamp(38px,5vw,68px);display:flex;align-items:flex-end;justify-content:space-between;gap:36px;border-bottom:1px solid var(--line-strong)}.teaware-hero h1{font-size:clamp(64px,9vw,128px);line-height:.88;font-weight:400;letter-spacing:-.045em;margin:14px 0 0}.teaware-hero>p{font:400 clamp(18px,2vw,28px)/1.42 var(--serif);max-width:590px;margin:0;color:var(--soft)}.teaware-filter-bar{border-bottom:1px solid var(--line-strong);background:var(--bg,#0f1714);position:sticky;top:0;z-index:8}.teaware-filter-bar__inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.teaware-filters{display:flex;gap:8px;flex-wrap:wrap}.teaware-filters button{height:38px;padding:0 16px;border:1px solid var(--line-strong);background:transparent;color:inherit;font-size:12px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.teaware-filters button:hover,.teaware-filters button.is-active{background:var(--ink);border-color:var(--ink);color:var(--cream)}.teaware-count{font-size:11px;color:var(--soft);white-space:nowrap}.teaware-catalog{padding-top:32px;padding-bottom:clamp(72px,9vw,124px)}.teaware-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line-strong);border:1px solid var(--line-strong);padding:0}.teaware-card{display:flex;flex-direction:column;min-width:0;background:var(--card)}.teaware-card[hidden]{display:none}.teaware-card__media{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--stage)}.teaware-card__media>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.1,1)}.teaware-card:hover .teaware-card__media>img{transform:scale(1.025)}.teaware-card__sale{position:absolute;left:12px;top:12px;padding:7px 10px;background:var(--matcha);color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.teaware-card__body{padding:17px;display:flex;flex:1;flex-direction:column;gap:12px}.teaware-card__category{font-size:10px;color:var(--soft);text-transform:uppercase;letter-spacing:.08em}.teaware-card__title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-height:62px}.teaware-card__title h2{font-size:clamp(21px,2vw,30px);line-height:1.04;font-weight:400;margin:0}.teaware-card__title>span{font-size:13px;white-space:nowrap}.teaware-card__form{display:flex;flex-direction:column;gap:10px;margin-top:auto}.teaware-card__form>label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--soft)}.teaware-card__form select{width:100%;min-height:42px;padding:8px 10px;border:1px solid var(--line-strong);background:transparent;color:inherit;font-size:12px}.teaware-card__buy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:12px}.teaware-card__buy>span{font-size:10px;color:var(--soft)}.teaware-card__buy>button{min-height:40px;padding:0 15px;border:1px solid var(--line-strong);background:transparent;color:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.teaware-card__buy>button:hover:not(:disabled){background:var(--ink);color:var(--cream)}.teaware-card__buy>button:disabled{opacity:.45;cursor:not-allowed}.teaware-empty{padding:70px 0;text-align:center;color:var(--soft)}.teaware-ritual{background:var(--stage);color:#f3f2ec;padding:clamp(64px,8vw,112px) 0}.teaware-ritual__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:46px}.teaware-ritual__heading .eyebrow{color:#a9d8c4}.teaware-ritual__heading h2{font-size:clamp(46px,6vw,86px);line-height:.95;font-weight:400;margin:0}.teaware-ritual__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.28)}.teaware-ritual__steps article{padding:22px clamp(18px,3vw,36px) 0 0;min-height:230px;border-right:1px solid rgba(255,255,255,.2)}.teaware-ritual__steps article+article{padding-left:clamp(18px,3vw,36px)}.teaware-ritual__steps article:last-child{border-right:0}.teaware-ritual__steps span{font:11px IBM Plex Mono,monospace;color:#a9d8c4}.teaware-ritual__steps h3{font-size:clamp(28px,3vw,42px);font-weight:400;margin:34px 0 12px}.teaware-ritual__steps p{max-width:35ch;color:#cfe3da;line-height:1.6;margin:0}@media(max-width:1050px){.teaware-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.teaware-filter-bar{top:60px}}@media(max-width:760px){.teaware-hero{display:block}.teaware-hero>p{margin-top:28px}.teaware-filter-bar__inner{align-items:flex-start;flex-direction:column;padding-top:14px;padding-bottom:14px}.teaware-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teaware-ritual__heading{display:block}.teaware-ritual__heading h2{margin-top:14px}.teaware-ritual__steps{grid-template-columns:1fr}.teaware-ritual__steps article,.teaware-ritual__steps article+article{padding:22px 0;min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.teaware-ritual__steps article:last-child{border-bottom:0}.teaware-ritual__steps h3{margin-top:22px}}@media(max-width:480px){.teaware-grid{grid-template-columns:1fr}.teaware-card__media{aspect-ratio:5/4}.teaware-count{align-self:flex-end}}.teaware-guide>summary{list-style:none;cursor:pointer}.teaware-guide>summary::-webkit-details-marker{display:none}.teaware-guide__toggle{display:inline-flex;align-items:center;gap:12px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#a9d8c4;white-space:nowrap}.teaware-guide__toggle b{font-size:26px;font-weight:300;transition:transform .3s}.teaware-guide[open] .teaware-guide__toggle b{transform:rotate(45deg)}.teaware-guide__hide,.teaware-guide[open] .teaware-guide__show{display:none}.teaware-guide[open] .teaware-guide__hide{display:inline}.teaware-guide__intro{max-width:620px;color:#d7e0c2;margin:0 0 32px}.teaware-guide__purpose{margin:6px 0 2px;color:#d7e0c2}.teaware-guide__ratio{margin:0 0 12px;font:12px IBM Plex Mono,monospace;color:#a9d8c4}.teaware-ritual__steps ol{margin:0;padding-left:18px;line-height:1.6}.teaware-guide__care{margin-top:36px;padding-top:22px;border-top:1px solid rgba(255,255,255,.2);max-width:760px}.teaware-guide__care p{color:#d7e0c2;margin:8px 0 0}
/*# sourceMappingURL=/cdn/shop/t/9/assets/saintcha-teaware.css.map */