/* Cha Voyage: original package photography, indigo print, paper and brand window motif. */
.header{height:96px;padding-inline:3.4%;gap:24px;background:#fffdf8;border-bottom:1px solid #dedbcf}.header .brand{width:155px}.header .brand img{height:78px}.header .main-nav{gap:28px;margin-left:auto}.header .main-nav a{font:500 16px var(--serif);letter-spacing:.14em;white-space:nowrap}.nav-actions{display:flex;gap:15px;margin-left:18px}.nav-actions a{border-left:0;padding:10px 18px;font:500 16px var(--serif);letter-spacing:.1em;white-space:nowrap}.nav-actions a:hover{color:#a54c3a}.nav-tools{gap:3px}.header .icon-button{width:35px}.tea-home .announcement{display:none}.tea-home .header{position:sticky;top:0;z-index:40;color:var(--navy)}.tea-home .wrap{width:min(1280px,calc(100% - 112px))}.tea-home{color:var(--navy);background:#f4f2eb}.tea-home .serif-en{font-style:normal}
/* Complete borders and quiet typography are shared across every page. */
.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--navy);border-radius:2px;background:var(--navy);color:white;padding:11px 24px;font:500 16px/1.6 var(--serif);letter-spacing:.1em;gap:28px;transition:background .2s,color .2s}.button:before,.button:after{content:none}.button:hover{background:var(--navy-deep);transform:none;color:white}.button.outline{border:1px solid var(--navy);background:transparent;color:var(--navy)}.button.outline:hover{background:var(--navy);color:white}.text-link{display:inline-flex;align-items:center;font:500 16px/1.8 var(--serif);letter-spacing:.08em;padding:8px 0;border:0;border-bottom:1px solid currentColor;gap:24px}.text-link:hover{color:#a04b39}.text-link span{font-size:18px}
/* One uninterrupted photograph, with the type set over the scene. */
.tea-cinema{height:calc(100svh - 96px);max-height:900px;min-height:590px;position:relative;isolation:isolate;overflow:hidden;background:#29352f;color:white}.cinema-photo{position:absolute;inset:0;z-index:-2}.cinema-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 52%}.tea-cinema:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111b1d12 25%,#111b1d30 56%,#0e192676 78%,#0e19269c)}.tea-cinema.is-dark:after{background:linear-gradient(90deg,#0e192612 25%,#0e192633 50%,#0e1926b8)}.cinema-page{position:absolute;right:12%;top:17%;color:#fff}.cinema-caption{display:flex;flex-direction:row-reverse;gap:35px}.cinema-caption h1{writing-mode:vertical-rl;font:400 clamp(35px,3.3vw,53px)/1.75 var(--serif);letter-spacing:.22em;white-space:nowrap;text-shadow:0 2px 12px #09101b60}.cinema-caption h1 span{display:block}.cinema-caption p{writing-mode:vertical-rl;font:400 16px/2.2 var(--serif);letter-spacing:.2em;margin:7px 0 0;text-shadow:0 1px 6px #09101b80}.cinema-caption p span{display:block}.cinema-foot{position:absolute;bottom:43px;left:5%;right:12%;display:flex;justify-content:space-between;align-items:end;gap:25px}.cinema-foot .serif-en{font-size:31px;text-shadow:0 2px 8px #0007}.cinema-foot .button{min-width:185px}.scene-switch{position:absolute;bottom:47px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.scene-switch button{width:30px;height:34px;padding:0;display:grid;place-items:center}.scene-switch button span{width:5px;height:5px;border-radius:50%;background:#ffffff88;transition:width .2s}.scene-switch button[aria-pressed=true] span{width:25px;height:3px;border-radius:3px;background:white}
.tea-follow{position:fixed;right:15px;top:44%;z-index:35;color:white;display:flex;flex-direction:column;align-items:center;gap:17px;text-shadow:0 1px 5px #0006}.tea-follow>span{writing-mode:vertical-rl;font:16px var(--serif);letter-spacing:.22em}.tea-follow>div{display:flex;flex-direction:column;gap:13px}.tea-follow a{display:grid;place-items:center;width:28px;height:30px}.tea-follow svg{width:19px;height:19px}.tea-follow .fb-mark{font-size:21px}.tea-follow .line-mark{width:24px;height:20px;font-size:16px}.past-hero .tea-follow{color:var(--navy);text-shadow:none}.past-hero .tea-follow:before{content:'';position:absolute;inset:-14px -7px;z-index:-1;background:#f5f3edeb;border-radius:24px}
.tea-paper{background:#f5f3ed url('assets/paper-texture.webp') repeat;background-size:650px}.tea-heading{text-align:center}.tea-heading>span{display:block;font:normal 19px var(--english);letter-spacing:.03em;color:#8d806b;margin-bottom:6px}.tea-heading h2{display:inline-block;font:500 31px/1.6 var(--serif);letter-spacing:.14em}.tea-heading>p{font:16px/2 var(--serif);letter-spacing:.12em;color:#777c70;margin-top:15px}
/* A compact product spread: image, explanation and selectors form one unit. */
.tea-selection{padding:36px 0 32px;position:relative}.tea-selection>.wrap{position:relative}.tea-selection .tea-heading{text-align:left;margin-left:6%}.selection-all{position:absolute;right:6%;top:24px;margin:0}.tea-stage-shell{position:relative;margin:6px auto 4px;width:90%}.tea-stage{display:grid;grid-template-columns:1.25fr 1fr;gap:7%;align-items:center;grid-template-rows:minmax(0,1fr);height:clamp(290px,40svh,375px)}.tea-package-study{height:100%;min-height:0;min-width:0;display:grid;place-items:center;position:relative}.package-portrait{position:absolute;inset:0;width:100%;height:100%;max-width:100%;display:block;stroke:none;filter:drop-shadow(4px 10px 7px #24334520)}.tea-stage-copy{padding-right:20px}.tea-provenance{display:block;font:16px var(--serif);letter-spacing:.12em;color:#857961;margin-bottom:13px}.tea-stage-copy .latin{font:normal 23px/1.2 var(--english);color:#938269}.tea-stage-copy h3{font:500 32px/1.6 var(--serif);letter-spacing:.1em;margin:5px 0 12px}.tea-stage-copy .tea-flavor{font:16px/1.7 var(--serif);letter-spacing:.08em}.tea-stage-copy .tea-description{font:16px/1.9 var(--serif);color:#747b70;max-width:320px;margin-top:11px}.tea-stage-copy>small{display:flex;flex-wrap:wrap;gap:10px;font-size:16px;color:#828778;margin-top:12px}.tea-stage-copy .button{margin-top:19px;min-height:43px;font-size:16px;padding:10px 21px}.tea-turn{width:34px;height:44px;font:32px var(--english);display:grid;place-items:center;border:0;background:none;color:#617079}.tea-turn:hover{color:#a64f3d}.stage-prev,.stage-next{position:absolute;top:44%;z-index:5}.stage-prev{left:-30px}.stage-next{right:-30px}.tea-tastes{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;width:min(760px,90%);margin:15px auto 0}.tea-tastes button{min-width:0;display:flex;flex-direction:column;align-items:center;position:relative;padding:0 0 12px}.taste-thumb{width:47px;height:59px;display:block;margin-bottom:7px;transition:transform .2s}.taste-thumb img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 3px 3px #1e35531a)}.tea-tastes button:hover .taste-thumb,.tea-tastes button[aria-pressed=true] .taste-thumb{transform:translateY(-3px)}.tea-tastes b{font:500 16px/1.7 var(--serif);letter-spacing:.05em;border:0}.tea-tastes small{font:16px var(--serif);color:#8b8c7d;margin-top:5px}.tea-tastes button[aria-pressed=true] b{color:var(--tea-color)}.tea-tastes button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;width:3px;height:3px;border-radius:50%;background:var(--tea-color)}
.tea-character{display:grid;grid-template-columns:repeat(3,1fr);background:#20395d}.character-photo{display:block;min-height:360px;height:100%;overflow:hidden;position:relative}.character-photo>img{width:100%;height:100%;object-fit:cover}.character-cutout{background:#f2f1ea url('assets/paper-texture.webp');background-size:650px;display:grid;place-items:center}.character-cutout>img{height:74%;width:70%;object-fit:contain;filter:drop-shadow(5px 11px 8px #24395922)}.pouch-cutout>img{height:80%;width:91%}.character-teatime>img{object-position:56% center}.character-teatime>span{position:absolute;right:24px;top:26px;writing-mode:vertical-rl;background:#f7f3e9;color:var(--navy);padding:17px 8px;font:16px var(--serif);letter-spacing:.15em}.character-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e4e8ef;text-align:center;padding:45px 25px}.character-tile:before{content:'';position:absolute;inset:0;background:url('assets/pattern.webp') repeat;background-size:220px;opacity:.12;z-index:-1}.fortune{font:400 clamp(65px,6vw,108px)/1 var(--serif);color:#c64131;margin-bottom:20px}.brand-script{font:normal 30px var(--english);letter-spacing:.15em}.tile-rule{width:55px;height:1px;background:#a99566;display:block;margin:26px auto}.character-tile h2{font:400 clamp(25px,2.4vw,43px)/1.7 var(--serif);letter-spacing:.12em}.character-tile p{font:400 17px/2.1 var(--serif);letter-spacing:.08em;color:#c4cfdf}.character-tile .text-link{font-size:16px;color:#ddc697;margin-top:24px;border-color:#aa9471}.brand-tile h2{font-size:21px;margin-bottom:15px}.brand-tile p{font-size:16px}.brand-tile .tile-rule{margin:22px auto}.tile-index{font:16px var(--english);color:#b5a781;letter-spacing:.15em;margin-bottom:24px}
/* The gift options live inside the same scene and copy block. */
.tea-gifting{display:grid;grid-template-columns:54% 46%;align-items:stretch;padding:0;background:#eeebe1 url('assets/paper-texture.webp') center/750px;background-blend-mode:multiply}.gifting-photo{position:relative;min-height:520px}.gifting-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% center}.gifting-copy{align-self:center;padding:38px 12% 38px 9%}.gifting-copy .tea-heading{text-align:left}.gifting-copy h3{font:400 34px/1.7 var(--serif);letter-spacing:.1em;margin:20px 0 16px}.gifting-copy>p{font:16px/2.2 var(--serif);color:#747b70;letter-spacing:.03em}.gifting-copy>.button{margin-top:24px}.gift-choices{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.gift-choices>a{display:flex;flex-direction:column;gap:12px}.gift-choices img{width:100%;height:96px;object-fit:contain;object-position:left center;filter:drop-shadow(1px 4px 3px #23334d14);transition:transform .2s}.gift-choices>a:hover img{transform:translateY(-3px)}.gift-choices span{font:16px/1.6 var(--serif);white-space:nowrap}.gift-choices i{font-style:normal;font-size:16px;margin-left:8px}
.tea-moments{padding:60px 0;background:#e5e5dc url('assets/paper-texture.webp') center/800px;background-blend-mode:multiply;overflow:hidden}.moments-layout{display:grid;grid-template-columns:27% 1fr;gap:5%;align-items:center}.moment-editorial{padding-left:3%}.moment-chapter{font:16px var(--serif);letter-spacing:.07em;color:#7d7d6d}.moment-editorial h2{font:400 clamp(37px,4vw,57px)/1.5 var(--serif);letter-spacing:.18em;margin:20px 0}.moment-editorial>p{font:16px/2.3 var(--serif);letter-spacing:.05em;color:#727a6e}.moment-editorial .text-link{margin-top:23px}.moment-gallery{position:relative;height:460px}.moment-cover,.moment-postcard,.moment-snapshot{position:absolute;margin:0;background:#faf8ef;padding:8px 8px 0;box-shadow:0 6px 15px #39463216}.moment-cover{left:0;top:0;width:71%;transform:rotate(-2deg)}.moment-cover>img{width:100%;aspect-ratio:1.6;object-fit:cover}.moment-cover figcaption{font:16px var(--serif);letter-spacing:.18em;padding:13px 9px 17px}.moment-postcard{right:0;top:53px;width:35%;transform:rotate(4deg);background:#2a405e;color:#eee6d6}.moment-postcard>img{width:100%;aspect-ratio:.9;object-fit:cover}.moment-postcard>span,.moment-snapshot>span{display:flex;justify-content:space-between;gap:9px;align-items:center;font:16px/1.6 var(--serif);padding:12px 6px 16px}.moment-snapshot{left:22%;bottom:0;width:38%;transform:rotate(-5deg)}.moment-snapshot>img{width:100%;aspect-ratio:1.48;object-fit:cover;object-position:center 40%}.moment-vertical{position:absolute;left:-25px;right:auto;top:20px;bottom:auto;writing-mode:vertical-rl;font:16px var(--serif);letter-spacing:.24em;color:#85836e}
/* Original comments arranged as loose notes, not a bordered dashboard. */
.tea-receipts{padding:65px 0;background:#eceee7;position:relative;isolation:isolate}.tea-receipts:before{content:'';position:absolute;top:0;bottom:0;right:0;width:16%;background:url('assets/pattern.webp') repeat;background-size:140px;opacity:.10;z-index:-1}.receipt-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:35px}.receipt-intro .tea-heading{text-align:left}.receipt-intro>p{font:16px/2 var(--serif);color:#777b70;letter-spacing:.1em}.receipt-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 25px;padding:12px 5px;align-items:center}.receipt{margin:0;background:#fffdf7;padding:23px 15px 13px;box-shadow:2px 5px 10px #34403114;position:relative;transform:rotate(-1.5deg)}.receipt:nth-child(2){transform:rotate(1.7deg);margin-top:18px}.receipt:nth-child(3){transform:rotate(-.8deg);margin-top:-10px}.receipt:nth-child(4){transform:rotate(1deg)}.receipt:nth-child(5){transform:rotate(-2deg);margin-top:7px}.receipt:nth-child(6){transform:rotate(2deg);margin-top:15px}.receipt:before{content:'';position:absolute;width:53px;height:17px;left:calc(50% - 27px);top:-7px;background:#c8bfa38f;transform:rotate(4deg);box-shadow:0 1px 1px #887b5410}.receipt:nth-child(even):before{left:22%;transform:rotate(-8deg);background:#b6c0b37a}.receipt>button{display:block;width:100%;padding:0;cursor:zoom-in;background:#fff}.review-excerpt{display:block;position:relative;width:100%;overflow:hidden;background:white}.review-excerpt img{position:absolute;top:0;left:0;width:100%;max-width:none;height:auto}.receipt figcaption{padding:13px 2px 0;display:flex;justify-content:space-between;align-items:center;gap:14px;font:16px var(--serif);color:#777965}.receipt figcaption span{font:16px var(--english);color:#8f8574}
.tea-news{padding:85px 0}.news-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:stretch}.news-intro{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:5px}.news-intro .tea-heading{text-align:left}.news-intro .tea-heading h2:after{left:0}.news-intro>p{font:16px/2 var(--serif);color:#75736a}.news-card{display:flex;flex-direction:column;position:relative;border-bottom:0;padding-bottom:15px}.news-photo{position:relative;overflow:hidden;margin-bottom:23px}.news-photo>img{width:100%;aspect-ratio:1.6;object-fit:cover;transition:transform .35s}.news-card:hover .news-photo>img{transform:scale(1.035)}.news-index{position:absolute;bottom:0;left:0;padding:7px 16px;background:#f4f1e8;font:normal 26px var(--english);color:#756f5e}.news-card small{font:16px var(--serif);color:#888272;letter-spacing:.12em}.news-card h3{font:20px/1.7 var(--serif);margin:12px 0}.news-card p{font-size:16px;line-height:1.9;color:#73776f}.news-card>span:last-child{align-self:end;margin-top:auto;padding-top:12px;font-size:23px}.tea-contact{border-top:1px solid #c4c5bb;padding:38px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.tea-contact p{font:19px var(--serif);letter-spacing:.13em}.contact-socials{display:flex;align-items:center;gap:20px;margin-top:22px}.contact-socials>a{display:grid;place-items:center;width:30px;height:32px}.contact-socials svg{width:22px;height:22px;stroke-width:1.7}.fb-mark{font:bold 25px Arial}.line-mark{font:bold 16px Arial;display:grid;place-items:center;width:26px;height:23px;border:1px solid currentColor;border-radius:5px}.contact-socials>span{font:16px var(--serif);color:#7c8075}.tea-home .footer{background:#243958}.tea-home .footer h2{font-family:var(--serif);font-size:16px}.product-image{background:transparent}.product-image>a>img{object-fit:contain;padding:18px}.product-card .product-image{border-bottom:1px solid #ccd0c7}.detail-photo{background:transparent}
#review-dialog{width:min(780px,calc(100% - 30px));padding:20px;background:#f3f1e9;max-height:93svh}#review-dialog .dialog-head{position:sticky;top:-20px;background:#f3f1e9;padding:12px 0;margin-bottom:15px;z-index:2}#review-dialog .dialog-head h2{font-size:18px}#review-original{width:100%;height:auto;object-fit:contain;max-width:600px;margin:auto}#review-dialog .review-full-link{display:block;font-size:16px;text-decoration:underline;margin-top:20px}.mobile-socials{display:none}
@media(max-width:1450px){.header{gap:18px;padding-inline:3%}.header .main-nav{gap:22px}.header .main-nav a{font-size:16px}.nav-actions{gap:7px;margin-left:5px}.nav-actions a{padding:10px 13px;font-size:16px}.header .brand{width:140px}.cinema-caption{gap:28px}.moment-gallery{height:425px}.gifting-copy{padding-right:12%;padding-left:9%}}
@media(max-width:1200px){.nav-actions{display:none}.header .main-nav{margin-left:0;gap:27px}.tea-home .wrap{width:calc(100% - 110px)}.cinema-page{right:12%;top:18%}.cinema-caption h1{font-size:42px}.cinema-caption p{font-size:16px}.tea-stage{gap:6%;grid-template-columns:1.1fr 1fr}.tea-stage-copy h3{font-size:29px}.tea-stage-copy .tea-description{font-size:16px}.tea-stage-copy>small{display:block}.tea-stage-copy>small span{display:block;margin-top:3px}.character-tile{padding:30px 20px}.character-photo{min-height:330px}.character-tile p{font-size:16px}.character-tile h2{font-size:29px}.fortune{font-size:78px;margin-bottom:13px}.brand-script{font-size:24px}.brand-tile h2{font-size:20px}.brand-tile p{font-size:16px}.brand-tile .tile-rule{margin:17px auto}.tea-gifting{grid-template-columns:52% 48%;padding-block:0}.gifting-photo{min-height:510px}.gifting-copy h3{font-size:29px}.gifting-copy .tea-heading h2{font-size:28px}.gifting-copy>p{font-size:16px}.gift-choices{gap:17px;margin-top:26px}.gift-choices span{font-size:16px}.gift-choices i{margin-left:3px}.gift-choices img{height:86px}.moment-gallery{height:385px}.moment-editorial h2{font-size:42px}.moment-editorial>p{font-size:16px}.moment-editorial .text-link{font-size:16px;gap:15px}.receipt-wall{gap:25px 20px}.news-card h3{font-size:18px}.tea-contact p{font-size:17px}.contact-socials>span{font-size:16px}}
@media(max-width:960px){.header{height:83px}.header .main-nav{top:83px;background:#fffdf8;gap:0}.header .main-nav a{font-size:16px}.main-nav.open .mobile-socials{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #c5c8c1;margin-top:15px;padding-top:10px}.header .main-nav .mobile-socials a{font-size:16px;letter-spacing:0;padding:9px 0}.tea-follow{display:none}.tea-home .wrap{width:calc(100% - 70px)}.tea-cinema{height:calc(100svh - 83px);min-height:590px}.cinema-page{right:8%;top:18%}.cinema-caption h1{font-size:38px}.cinema-caption p{font-size:16px}.cinema-foot{right:8%;left:5%}.cinema-foot .serif-en{font-size:27px}.cinema-foot .button{min-width:165px;font-size:16px}.tea-selection{padding-block:30px}.tea-stage-shell{width:94%}.tea-selection .tea-heading{margin-left:3%}.selection-all{right:3%}.tea-stage{grid-template-columns:1fr 1fr;gap:6%;height:320px}.tea-stage-copy{padding-right:0}.tea-stage-copy h3{font-size:27px}.tea-stage-copy .latin{font-size:21px}.tea-stage-copy .tea-description{font-size:16px}.tea-stage-copy .tea-flavor{font-size:16px}.tea-stage-copy>small{font-size:16px}.tea-stage-copy .button{font-size:16px;min-height:40px;padding:9px 17px;margin-top:14px}.tea-provenance{font-size:16px;margin-bottom:9px}.stage-prev{left:-20px}.stage-next{right:-20px}.tea-tastes{width:94%;gap:15px;margin-top:12px}.tea-character{grid-template-columns:repeat(2,1fr)}.character-tile,.character-photo{min-height:350px}.character-photo:nth-child(3){grid-column:2;grid-row:2}.character-tile:nth-child(4){grid-column:1;grid-row:2}.gifting-copy{padding:30px 9%}.gifting-copy h3{font-size:27px}.gifting-copy .tea-heading h2{font-size:26px}.gifting-photo{min-height:510px}.gift-choices{gap:15px;margin-top:26px}.gift-choices span{font-size:16px;white-space:normal}.gift-choices img{height:60px}.moments-layout{grid-template-columns:29% 1fr;gap:4%}.moment-chapter{font-size:16px}.moment-editorial h2{font-size:37px}.moment-editorial>p{font-size:16px}.moment-editorial .text-link{font-size:16px;gap:12px}.moment-gallery{height:325px}.moment-cover{width:74%}.moment-postcard{width:37%;top:55px;right:-2%}.moment-snapshot{width:44%;left:17%}.moment-postcard>span,.moment-snapshot>span{font-size:16px;padding:9px 3px 11px}.moment-cover figcaption{font-size:16px;padding:11px 6px 14px}.moment-vertical{font-size:16px;left:-21px}.receipt-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 23px}.receipt-intro>p{font-size:16px}.news-layout{gap:22px}.news-intro>p{display:none}.news-card h3{font-size:16px}.tea-contact{align-items:start}.tea-contact>div{max-width:55%}.tea-contact p{font-size:16px;line-height:1.9}.contact-socials>span{display:none}}
@media(max-width:680px){.header{height:76px;padding-inline:20px;gap:15px}.header .brand{width:135px}.header .brand img{height:70px}.header .main-nav{top:76px;padding:16px 25px}.header .main-nav a{font-size:16px;padding-block:14px}.header .icon-button{width:32px}.tea-home .wrap{width:calc(100% - 44px)}.button{font-size:16px;padding:11px 21px;gap:24px;min-height:45px}.tea-cinema{height:calc(100svh - 76px);min-height:610px;max-height:850px}.cinema-photo>img{object-position:37% center}.tea-cinema:after{background:linear-gradient(90deg,#101b2522,#101b254d 40%,#101b259c)}.cinema-page{right:8%;top:15%}.cinema-caption{gap:20px}.cinema-caption h1{font-size:33px;line-height:1.7;letter-spacing:.18em}.cinema-caption p{font-size:16px;line-height:1.95;letter-spacing:.16em}.cinema-foot{bottom:35px;left:22px;right:22px;flex-direction:column;align-items:start;gap:20px}.cinema-foot .serif-en{font-size:27px}.cinema-foot .button{min-width:0;font-size:16px;gap:28px}.scene-switch{left:auto;right:20px;transform:none;bottom:37px;gap:6px}.tea-selection{padding:28px 0}.tea-selection .tea-heading{margin-left:0}.tea-heading>span{font-size:17px;margin-bottom:4px}.tea-heading h2{font-size:25px}.selection-all{right:0;top:22px;font-size:16px;gap:13px}.tea-stage-shell{width:100%;margin-top:12px}.tea-stage{display:block;height:auto}.tea-package-study{height:260px;width:90%;margin:0 auto}.tea-stage-copy{text-align:center;padding:6px 0 0}.tea-provenance{font-size:16px;margin-bottom:4px}.tea-stage-copy .latin{display:none}.tea-stage-copy h3{font-size:26px;margin:3px 0 5px}.tea-stage-copy .tea-flavor{font-size:16px}.tea-stage-copy .tea-description{display:none}.tea-stage-copy>small{display:flex;justify-content:center;gap:9px;align-items:center;font-size:16px;margin-top:7px}.tea-stage-copy>small span{margin:0}.tea-stage-copy .button{font-size:16px;min-height:40px;margin-top:13px;padding:9px 20px}.stage-prev,.stage-next{top:106px;width:30px;height:40px;font-size:28px}.stage-prev{left:-5px}.stage-next{right:-5px}.tea-tastes{width:100%;gap:8px;margin-top:24px}.taste-thumb{width:39px;height:49px;margin-bottom:7px}.tea-tastes b{font-size:16px;letter-spacing:0}.tea-tastes small{display:none}.tea-tastes button{padding-bottom:9px}.tea-character{grid-template-columns:repeat(2,minmax(0,1fr))}.character-photo,.character-tile{min-height:295px}.character-tile{padding:23px 12px}.fortune{font-size:64px;margin-bottom:12px}.brand-script{font-size:21px;letter-spacing:.09em}.brand-tile .tile-rule{margin:15px auto}.character-tile h2{font-size:19px;letter-spacing:.08em}.brand-tile h2{font-size:16px;margin-bottom:13px}.character-tile p,.brand-tile p{font-size:16px;line-height:2;letter-spacing:0}.character-tile p br{display:none}.character-tile .text-link{font-size:16px;letter-spacing:0;margin-top:15px;padding:6px 0}.tile-rule{width:35px;margin:19px auto}.tile-index{font-size:16px;letter-spacing:.08em;margin-bottom:17px}.character-cutout>img{height:64%;width:77%}.pouch-cutout>img{width:94%;height:85%}.character-teatime>span{right:12px;top:16px;font-size:16px;padding:13px 7px}.tea-gifting{padding:0;display:block}.gifting-photo{height:270px;min-height:0}.gifting-copy{padding:28px 28px 30px}.gifting-copy .tea-heading h2{font-size:26px}.gifting-copy h3{font-size:27px;line-height:1.6;margin:14px 0 12px}.gifting-copy>p{font-size:16px}.gifting-copy>.button{margin-top:20px}.gift-choices{margin-top:26px;gap:27px}.gift-choices img{height:86px}.gift-choices span{font-size:16px}.tea-moments{padding:35px 0 40px}.moments-layout{grid-template-columns:1fr;gap:27px}.moment-editorial{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.moment-chapter{grid-column:1/-1;font-size:16px}.moment-editorial h2{grid-column:1;grid-row:2/4;font-size:36px;margin:0;letter-spacing:.15em}.moment-editorial>p{grid-column:2;grid-row:2;font-size:16px;line-height:2.1;letter-spacing:0;padding-top:4px}.moment-editorial .text-link{grid-column:2;grid-row:3;font-size:16px;gap:7px;margin:0;justify-content:space-between;align-self:end;padding:7px 0}.moment-gallery{height:325px;width:97%}.moment-cover{left:0;top:0;width:75%;padding:6px 6px 0;transform:rotate(-2deg)}.moment-cover>img{aspect-ratio:1.25}.moment-cover figcaption{font-size:16px;padding:10px 5px 12px}.moment-postcard{right:-3%;top:47px;width:37%;padding:5px 5px 0}.moment-postcard>img{aspect-ratio:.76}.moment-postcard>span{font-size:16px;gap:3px;padding:10px 1px}.moment-snapshot{left:18%;bottom:0;width:49%;padding:6px 6px 0}.moment-snapshot>img{aspect-ratio:1.45}.moment-snapshot>span{font-size:16px;padding:10px 2px}.moment-vertical{left:-13px;top:14px;font-size:16px;letter-spacing:.2em}.tea-receipts{padding:45px 0}.receipt-intro{display:block;margin-bottom:25px}.receipt-intro .tea-heading{text-align:center}.receipt-intro>p{text-align:center;font-size:16px;margin-top:16px}.receipt-wall{grid-template-columns:1fr;gap:25px;padding:10px 8px}.receipt{padding:19px 13px 12px}.receipt:nth-child(n){margin-top:0}.receipt figcaption{font-size:16px;padding-top:11px}.tea-news{padding:45px 0}.news-layout{grid-template-columns:1fr;gap:27px}.news-intro{flex-wrap:wrap;gap:22px;align-items:end}.news-intro .tea-heading h2{font-size:25px}.news-intro .button{font-size:16px;padding:10px 16px;gap:13px;min-height:42px}.news-photo{margin-bottom:16px}.news-photo>img{aspect-ratio:1.8}.news-card h3{font-size:20px;margin:9px 0}.news-card p{font-size:16px}.news-card>span:last-child{padding-top:5px}.tea-contact{padding:30px 0;flex-direction:column;align-items:start;gap:24px}.tea-contact>div{max-width:none}.tea-contact p{font-size:17px;line-height:1.9;letter-spacing:.08em}.contact-socials{gap:22px;margin-top:20px}.contact-socials>span{display:block;font-size:16px;line-height:1.8;max-width:145px}.tea-home .footer-top{padding-block:35px}.tea-home .footer h2{font-size:16px}#review-dialog{padding:13px}#review-dialog .dialog-head{top:-13px}#review-dialog .dialog-head h2{font-size:16px}}
@media(max-width:360px){.cinema-caption h1{font-size:30px}.cinema-caption p{font-size:16px}.cinema-caption{gap:15px}.cinema-page{right:7%}.tea-heading h2{font-size:23px}.tea-heading>span{font-size:16px}.selection-all{font-size:16px;gap:8px}.tea-package-study{height:235px}.tea-tastes b{font-size:16px}.taste-thumb{width:35px;height:44px}.tea-stage-copy>small{font-size:16px}.character-tile{padding-inline:10px}.character-tile h2{font-size:17px}.brand-tile h2{font-size:16px}.character-tile p,.brand-tile p{font-size:16px}.moment-editorial{gap:10px 13px}.moment-editorial h2{font-size:32px}.moment-editorial>p{font-size:16px}.moment-gallery{height:285px}.moment-postcard>span{font-size:16px}.contact-socials>span{display:none}}
@media(prefers-reduced-motion:reduce){.taste-thumb,.news-photo>img,.button,.scene-switch button span,.gift-choices img{transition:none}}

/* Keep the original outlined DM slogan, without substituting a typeface. */
.brand-slogan{display:block;width:260px;max-width:100%;height:auto;object-fit:contain;stroke:none}.cinema-foot .brand-slogan{width:280px;filter:drop-shadow(0 1px 4px #09101b80)}.footer .footer-brand .brand-slogan{width:240px;height:auto;filter:none;margin:16px 0}.slogan-on-paper{filter:brightness(0) saturate(100%) invert(24%) sepia(17%) saturate(1422%) hue-rotate(177deg);margin-top:24px}.tea-cinema.is-dark .cinema-photo>img{object-position:center 52%}
@media(max-width:600px){.cinema-foot .brand-slogan{width:190px}.tea-cinema.is-dark .cinema-photo>img{object-position:8% center}}

/* One square CI window tile, separated from the label. */
.button{position:relative;overflow:hidden}
.button.button{padding-left:54px}.button.button::before{content:'';position:absolute;inset:50% auto auto 12px;transform:translateY(-50%);width:24px;height:24px;background:url('assets/pattern.webp') -24px 0/96px auto no-repeat;opacity:.95;pointer-events:none}
.link-arrow{display:inline-block;font:18px/1 Arial,sans-serif;letter-spacing:0}
.gift-choices>a:hover span,.moment-postcard:hover>span,.moment-snapshot:hover>span{text-decoration:underline;text-underline-offset:5px}
.news-card:hover h3{text-decoration:underline;text-underline-offset:5px}

/* One continuous scene for the gifting chapter; products sit inside the scene. */
.tea-gifting{display:block;position:relative;isolation:isolate;height:480px;min-height:0;padding:0;background:#263446;color:#fff9ed;overflow:hidden}
.tea-gifting .gifting-photo{position:absolute;inset:0;height:100%;min-height:0;z-index:-2}
.tea-gifting .gifting-photo>img{object-position:center 49%;width:100%;height:100%}
.tea-gifting:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#15223510 20%,#13233933 44%,#15253cd6 77%,#15253cea),linear-gradient(0deg,#132238e6,transparent 55%)}
.tea-gifting .gifting-copy{position:absolute;top:50%;right:9%;width:32%;padding:0;transform:translateY(-50%)}
.tea-gifting .tea-heading>span{font-size:17px;color:#ddc99e}.tea-gifting .tea-heading h2{font-size:27px}
.tea-gifting .gifting-copy h3{font-size:30px;line-height:1.55;margin:17px 0 13px;letter-spacing:.08em}
.tea-gifting .gifting-copy>p{font-size:16px;line-height:1.9;color:#e4e5e2;letter-spacing:0}
.tea-gifting .gifting-copy>.button{margin-top:22px}
.tea-gifting .gift-choices{position:absolute;left:6%;bottom:28px;width:44%;display:grid;grid-template-columns:1fr 1.15fr;gap:30px;margin:0}
.tea-gifting .gift-choices>a{align-items:center;gap:9px}.tea-gifting .gift-choices img{width:100%;height:105px;object-position:center;filter:drop-shadow(0 7px 8px #0008)}
.tea-gifting .gift-choices span{font-size:16px;color:#f5edda;letter-spacing:.07em;text-shadow:0 1px 3px #0008}
.tea-receipts{background:var(--navy);color:#f7f3e9}.tea-receipts:before{width:27%;background-size:210px;opacity:.25;mask-image:linear-gradient(90deg,transparent,#000 40%)}
.tea-receipts .tea-heading>span{color:#ddc99e}.tea-receipts .receipt-intro>p{color:#dce3ed}.tea-receipts .receipt{box-shadow:2px 7px 14px #12203538}
@media(min-width:1451px){.tea-gifting{height:520px}.tea-gifting .gifting-copy{right:12%;width:29%}.tea-gifting .gifting-copy h3{font-size:36px}.tea-gifting .gift-choices{left:9%;width:40%}.tea-gifting .gift-choices img{height:130px}}
@media(max-width:960px) and (min-width:681px){.tea-gifting{height:470px}.tea-gifting .gifting-copy{right:6%;width:39%}.tea-gifting .gifting-copy h3{font-size:28px}.tea-gifting .gift-choices{left:4%;width:43%;gap:17px}.tea-gifting .gift-choices img{height:86px}}
@media(max-width:680px){.tea-gifting{height:530px}.tea-gifting .gifting-photo>img{object-position:42% center}.tea-gifting:after{background:linear-gradient(180deg,#17273b99,#17273b80 42%,#15253ce8 78%,#15253cf5)}.tea-gifting .gifting-copy{top:35px;right:28px;left:28px;width:auto;transform:none}.tea-gifting .tea-heading h2{font-size:25px}.tea-gifting .gifting-copy h3{font-size:28px;margin:14px 0 12px}.tea-gifting .gifting-copy>p{font-size:16px}.tea-gifting .gifting-copy>.button{margin-top:18px}.tea-gifting .gift-choices{left:25px;right:25px;bottom:34px;width:auto;gap:19px}.tea-gifting .gift-choices img{height:86px}.tea-gifting .gift-choices span{font-size:16px}.tea-receipts:before{width:42%;background-size:160px}}

/* DM copy and tea-led mobile framing. */
.cinema-caption h1{font-size:clamp(32px,3.3vw,46px)}
.tea-receipts:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#30456820,#304568a0 78%),url("assets/reviews-tea-scene.webp") left center/cover no-repeat;opacity:.55}
.news-index{isolation:isolate;color:var(--navy)}
.news-index:before{content:"";position:absolute;inset:0;z-index:-1;background:url("assets/pattern.webp") 0 0/220px auto no-repeat;opacity:.23;pointer-events:none}
@media(max-width:680px){.tea-cinema.is-dark .cinema-photo>img{object-position:8% center}.cinema-caption h1{font-size:29px}.cinema-page{top:12%;right:7%}.cinema-photo>img{object-position:72% center}.tea-receipts:after{background-position:20% center;opacity:.45}.brand-tile h2{line-height:1.8}.gifting-copy .tea-heading>span{font-size:16px}}
@media(max-width:360px){.cinema-caption h1{font-size:27px}.cinema-caption{gap:14px}.cinema-page{right:6%}}

/* Readable text at every breakpoint, with space for the 16px minimum. */
.cart-icon span{min-width:24px;height:24px;line-height:24px;right:-5px;top:-3px}
.line-mark,.tea-follow .line-mark{width:42px;height:28px;font-size:16px}
.tea-follow a{width:42px}.tea-follow{right:18px}
.announcement{flex-wrap:wrap;gap:8px 24px}.preview-note{position:static}
.header .main-nav{gap:20px}
.tea-stage{height:auto;min-height:390px;grid-template-rows:auto}.tea-package-study{min-height:360px}
.tea-stage-copy .tea-description{max-width:430px}
.tea-stage-copy>small{line-height:1.7}
.cinema-photo picture{display:block;width:100%;height:100%}
.cinema-photo picture img{width:100%;height:100%;object-fit:cover;object-position:center 52%}
@media(max-width:960px){.header .main-nav{gap:0}.tea-stage{min-height:380px}.tea-package-study{min-height:320px}}
@media(max-width:680px){
 .header{padding-inline:18px;gap:12px}.header .brand{width:130px}
 .cinema-page{top:6%;right:7%}.cinema-caption{gap:14px}.cinema-caption p{line-height:1.8;letter-spacing:.08em}.cinema-caption h1{font-size:27px;letter-spacing:.1em;line-height:1.55}
 .tea-cinema{min-height:640px;max-height:1000px}.tea-cinema.is-dark:after{background:linear-gradient(180deg,#0e19261a,#0e19260a 70%,#0e19265c)}
 .cinema-photo picture img{object-fit:cover;object-position:center center}
 .cinema-foot{left:22px;right:22px;bottom:28px;gap:15px}.cinema-foot .button{gap:16px;padding-right:20px}.scene-switch{right:20px;bottom:86px}
 .tea-selection .tea-heading{padding-right:0}.selection-all{position:static;margin-top:8px}
 .tea-stage{min-height:0}.tea-package-study{min-height:0;height:260px}.tea-stage-copy>small{gap:4px 12px;flex-wrap:wrap}
 .tea-tastes{display:flex;overflow-x:auto;gap:6px;padding:4px 1px 9px;scrollbar-width:thin;scrollbar-color:#a1a594 transparent;scroll-snap-type:x proximity}.tea-tastes button{flex:1 0 64px;scroll-snap-align:start}.tea-tastes b{white-space:nowrap;line-height:1.8}
 .character-tile{padding:28px 16px;min-height:360px}.character-tile p{line-height:1.9}.brand-tile h2{letter-spacing:0;font-size:20px}.character-tile .text-link{line-height:1.8}
 .tea-gifting{height:auto;min-height:570px;display:flex;flex-direction:column;padding:35px 28px;gap:30px}
 .tea-gifting .gifting-copy{position:static;width:auto;transform:none;align-self:stretch}.tea-gifting .gift-choices{position:static;width:auto;margin-top:auto;gap:20px}.tea-gifting .gift-choices span{white-space:normal;letter-spacing:0;text-align:center}
 .moment-editorial{display:block}.moment-chapter{display:block;margin-bottom:12px}.moment-editorial h2{font-size:32px;margin-bottom:16px}.moment-editorial h2 br{display:none}.moment-editorial>p{line-height:1.9;padding:0}.moment-editorial>p br{display:none}.moment-editorial .text-link{margin-top:14px;gap:20px}
 .moment-gallery{height:390px}.moment-cover figcaption{letter-spacing:0;line-height:1.7}.moment-postcard{width:40%;right:-1%;top:50px}.moment-snapshot{width:54%;left:10%;bottom:0}.moment-vertical{display:none}
 .contact-socials{flex-wrap:wrap;gap:20px 28px}.contact-socials>span{max-width:none}
 .tea-contact .button{max-width:100%;letter-spacing:0;gap:16px}
 .news-intro .button{min-height:48px}.news-intro{gap:18px}
 .detail-actions{flex-wrap:wrap}.specs dd{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:360px){.cinema-caption h1{font-size:25px}.cinema-caption{gap:10px}.cinema-page{right:6%}.character-tile{padding-inline:12px}.moment-gallery{height:355px}.tea-gifting{padding-inline:22px}}

@media(max-width:680px){.scene-switch{display:none}.tea-cinema:after{background:linear-gradient(180deg,#0e19261a,#0e19260a 70%,#0e19265c)}}
/* Section labels and gold accents. */
.tea-heading>span,.tea-stage-copy .latin,.tile-index,.brand-script,.moment-chapter{text-transform:uppercase}
.brand-script{letter-spacing:.09em}.tile-index{letter-spacing:.08em;line-height:1.6}
.news-index{background:var(--gold);color:#14253b}.news-index:before{opacity:.16;mix-blend-mode:multiply}


.line-logo,.tea-follow .line-logo{display:block;width:40px;height:40px;object-fit:contain;flex-shrink:0}
.tea-follow a:has(.line-logo),.contact-socials a:has(.line-logo){width:44px;height:44px}
@media(max-width:680px){.brand-script{font-size:20px;letter-spacing:.03em}.tile-index{letter-spacing:.03em}}

/* Four shared CTA variants, with upright English labels. */
.button.light{background:#fff;color:var(--navy);border-color:#fff}
.button.light:hover{background:var(--paper);border-color:var(--paper);color:var(--navy)}
.button.gold{background:var(--gold);border-color:var(--gold);color:#fff;font-weight:600}
.button.gold:hover{background:#957440;border-color:#957440;color:#fff}
.button.gold::before{filter:grayscale(1) contrast(4) brightness(2);mix-blend-mode:screen;opacity:1}
.news-index{color:#fff}
.tea-heading>span,.tea-gifting .tea-heading>span,.tea-stage-copy .latin,.tile-index,.moment-chapter,
.section-heading .serif-en,.page-head .serif-en,.gift-index,.eyebrow.overline{font-size:16px;font-style:normal;letter-spacing:.16em;line-height:1.7}
.line-logo,.tea-follow .line-logo{width:24px;height:24px}
.tea-follow a:has(.line-logo){width:42px;height:42px}
.contact-socials a:has(.line-logo){width:30px;height:30px}
/* Restore the overlapping editorial photographs; keep the large white border blank. */
.moments-layout{grid-template-columns:minmax(0,27%) minmax(0,1fr)}
.moment-gallery{width:calc(100% - 28px);margin-left:28px}
.moment-cover{padding-bottom:42px}
.moment-vertical{left:-27px;top:24px;line-height:1.5}
@media(max-width:680px){
 .moments-layout{grid-template-columns:1fr}
 .moment-gallery{width:97%;margin-left:0}
 .moment-cover{padding-bottom:36px}
 .moment-snapshot{left:8%;width:49%}
}

@media(min-width:681px){
 .tea-gifting .gifting-photo>img{left:-13%;right:auto;width:85%;object-position:center 49%;mask-image:linear-gradient(90deg,#000 65%,transparent 100%)}
}

/* Photo-border signature and a little more breathing room around the caption. */
.moment-vertical{left:-48px}
.moment-cover .moment-brand{position:absolute;left:10px;bottom:0;width:96px;max-width:25%;height:42px;padding:0;display:flex;align-items:center;justify-content:flex-start}
.moment-brand img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.nav-actions a{position:relative}
.nav-actions a::before{content:'';position:absolute;left:0;top:50%;width:1px;height:16px;transform:translateY(-50%);background:#b4a482}
@media(max-width:680px){.moment-cover .moment-brand{height:36px;left:8px}}

/* Complete CI sheet, kept very faint on every filled CTA. */
.button{isolation:isolate}
.button:not(.outline)::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/pattern.webp') 0 0/144px auto repeat;filter:grayscale(1) contrast(4);mix-blend-mode:screen;opacity:.06}
.button.light::after{filter:grayscale(1) contrast(4) invert(1);mix-blend-mode:multiply;opacity:.04}
.button.gold::after{opacity:.08}
.fortune.brand-emblem{display:block;width:clamp(64px,6vw,96px);height:auto;aspect-ratio:1;overflow:hidden;filter:brightness(0) invert(1)}
.cart-icon #cart-count{background:var(--red);color:#fff}