.tea-pillars{background-color:var(--ink);width:100%;padding:1rem;position:relative}.tea-pillars .pillar-card{perspective:1000px;justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:sticky;top:0}.tea-pillars .pillar-card-inner{background-color:var(--base-450);transform-origin:50% 100%;will-change:transform, opacity;backface-visibility:hidden;border-radius:2rem;gap:1rem;width:100%;height:calc(100% - 2rem);padding:1rem;display:flex;position:relative;overflow:hidden}.tea-pillars .pillar-card-inner:after{content:"";background-color:var(--ink);opacity:var(--after-opacity,0);will-change:opacity;pointer-events:none;z-index:2;position:absolute;inset:0}.tea-pillars .pillar-card-content{flex-direction:column;flex:1;justify-content:space-between;padding:1rem;display:flex}.tea-pillars .pillar-card-top{padding:1rem}.tea-pillars .pillar-card-number{font-family:var(--font-label);font-size:var(--type-label-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:3rem}.tea-pillars .pillar-card-zh{font-family:var(--font-title);color:var(--base-100);margin-bottom:1rem;font-size:clamp(4rem,8vw,7rem);font-weight:300;line-height:1}.tea-pillars .pillar-card-divider{background-color:var(--gold);width:2.5rem;height:1px;margin-bottom:1.5rem}.tea-pillars .pillar-card-en{font-family:var(--font-label);font-size:var(--type-label-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}.tea-pillars .pillar-card-bottom{padding:1rem 1rem 2rem}.tea-pillars .pillar-card-desc{width:70%;color:var(--base-300);font-size:var(--type-body);line-height:1.7}.tea-pillars .pillar-card-img{background-color:#1e1c1b;border-radius:1.5rem;flex:1;position:relative;overflow:hidden}.tea-pillars .pillar-card-image{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.tea-pillars .pillar-card-img:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0d0c0c73 0%,#0d0c0c4d 35%,#0d0c0cb8 75%,#0d0c0cf2 100%);position:absolute;inset:0}.tea-pillars .pillar-card-img-placeholder{background:#1a1818;align-items:flex-end;padding:1.5rem;display:flex;position:absolute;inset:0}.tea-pillars .pillar-card-img-placeholder:before{content:"";background-color:#0000;background-image:linear-gradient(45deg,#b8975a08 25%,#0000 25%),linear-gradient(-45deg,#b8975a08 25%,#0000 25%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.tea-pillars .pillar-card-img-label{font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:#b8975a59;font-size:clamp(.56rem,.16vw + .52rem,.62rem);line-height:1.5;position:relative}@media (max-width:1200px){.tea-pillars{padding:.5rem}.tea-pillars .pillar-card{align-items:stretch;height:75svh;top:12.5svh}.tea-pillars .pillar-card-inner{border-radius:1.25rem;flex-direction:column;gap:1.25rem;width:100%;height:calc(100% - 1rem);padding:1.25rem}.tea-pillars .pillar-card-content{flex-direction:column;flex:none;gap:1rem;min-height:0;padding:0;display:flex}.tea-pillars .pillar-card-top{padding:0}.tea-pillars .pillar-card-number{margin-bottom:1.25rem}.tea-pillars .pillar-card-zh{margin-bottom:.75rem;font-size:clamp(3.1rem,14vw,4.25rem)}.tea-pillars .pillar-card-divider{margin-bottom:1rem}.tea-pillars .pillar-card-en{margin-bottom:0}.tea-pillars .pillar-card-bottom{padding:0}.tea-pillars .pillar-card-img{border-radius:1rem;flex:1;width:100%}.tea-pillars .pillar-card-desc{width:100%;font-size:clamp(.9rem,3.6vw,1rem);line-height:1.6}}@media (max-width:430px){.tea-pillars .pillar-card-zh{font-size:clamp(2.85rem,13vw,3.45rem)}.tea-pillars .pillar-card-img{min-height:30svh}.tea-pillars .pillar-card-number{margin-bottom:1.35rem}.tea-pillars .pillar-card-desc{font-size:clamp(.86rem,3.4vw,.95rem)}}