@font-face{font-family:"JiTuo Sans";src:url("fonts/NotoSansSC-web.woff2") format("woff2");font-weight:100 900;font-display:swap;}
@font-face{font-family:"JiTuo Serif";src:url("fonts/NotoSerifSC-web.woff2") format("woff2");font-weight:100 900;font-display:swap;}
/* V2: restrained typography, explicit reading rhythm and photographic chapters. */
.hero-copy h1 {font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-weight:300;font-size:clamp(48px,6.3vw,88px);line-height:1.42;letter-spacing:.13em;}
.hero-copy h1 span{display:block;}
.slogan-en{font-family:Georgia,serif!important;font-size:clamp(14px,1.5vw,20px)!important;letter-spacing:.09em;line-height:1.8;margin-top:22px!important;}
.hero-media img{filter:none;}
.light-slit{display:none;}
.section-title{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:clamp(28px,3.1vw,44px);line-height:1.65;font-weight:400;letter-spacing:.055em;text-wrap:pretty;}
.manifesto-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:70px;align-items:center;}
.manifesto-title{font-size:clamp(26px,2.75vw,39px);line-height:1.75;letter-spacing:.025em;}
.manifesto-title span{display:block;}
.manifesto-aside{padding-top:35px;}
.axis h3{font-family:var(--sans);font-size:23px;font-weight:400;}
.axis{min-height:220px;}
.product-card figure{background:#f0eee9;}
.story-copy h2,.closing h2,.next-grid h2{font-family:var(--sans);font-weight:400;letter-spacing:.08em;}
.story-copy h2{font-size:clamp(38px,5vw,65px);}
.closing h2{font-size:clamp(38px,5.6vw,76px);line-height:1.5;}
.next-grid h2{font-size:clamp(28px,3vw,42px);line-height:1.65;}
.collection-copy h3{font-family:var(--sans);font-size:clamp(28px,3vw,42px);line-height:1.6;}
.logo img{width:55px;height:42px;}
.logo span{font-size:10px;}
.closing-symbol,.editorial-symbol{width:74px;height:56px;object-fit:contain;margin-bottom:35px;}
.closing-symbol{filter:brightness(0) invert(1);opacity:.85;}
.footer-brand .footer-symbol{width:64px;margin-bottom:22px;}
.footer-brand img:not(.footer-symbol){width:98px;opacity:.5;}
.ritual-section{background:#e9e1d4;}
.ritual-grid{display:grid;grid-template-columns:1fr .85fr;gap:clamp(40px,8vw,110px);align-items:center;}
.ritual-grid figure{margin:0;}
.ritual-grid figure img{aspect-ratio:4/5;object-fit:cover;}
.ritual-grid figcaption{padding-top:15px;font-size:12px;letter-spacing:.15em;color:#70685d;}
.ritual-steps{margin-top:35px;border-top:1px solid var(--line-dark);}
.ritual-steps p{margin:0;padding:15px 0;border-bottom:1px solid var(--line-dark);font-size:14px;}
.ritual-steps span{margin-right:25px;font:12px Georgia,serif;color:#8b7758;}
.brand-pause{position:relative;height:560px;background:#10120f;color:#f3eee5;overflow:hidden;}
.brand-pause>img{height:100%;object-fit:cover;object-position:center;opacity:.48;}
.brand-pause>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(90deg,#07090755,transparent,#07090755);}
.brand-pause>div img{width:84px;filter:brightness(0) invert(1);margin-bottom:30px;}
.brand-pause p{font-size:clamp(23px,3vw,38px);letter-spacing:.18em;margin:0 0 18px;}
.brand-pause span{font:16px Georgia,serif;letter-spacing:.08em;}
.space-gallery{grid-template-rows:repeat(2,minmax(230px,26vw));}
.article-card h3{font-family:var(--sans);font-size:clamp(20px,2vw,27px);line-height:1.8;}
.article-card:hover{background:#e5ddcf;}
.editorial-page{padding:95px 0 110px;}
.editorial-page h1{max-width:900px;font:400 clamp(32px,4vw,55px)/1.6 var(--sans);margin:0 0 50px;}
.editorial-photo{max-height:650px;object-fit:cover;}
.editorial-page article{max-width:700px;margin:65px auto;}
.editorial-page article h2{font:400 24px/1.6 var(--sans);margin:45px 0 20px;}
.editorial-page article p{font-size:17px;line-height:2.1;color:#514c44;}
@media(max-width:760px){
.hero-copy h1{font-size:clamp(35px,9.8vw,60px);letter-spacing:.07em;line-height:1.55;}
.manifesto-grid,.ritual-grid{grid-template-columns:1fr;gap:30px;}
.manifesto-title{font-size:clamp(24px,5.5vw,30px);line-height:1.85;letter-spacing:0;}
.manifesto-title span{display:inline;}
.manifesto-aside{padding-top:0;}
.section-title{font-size:29px;line-height:1.65;}
.brand-pause{height:420px;}
.brand-pause p{font-size:24px;letter-spacing:.08em;}
.brand-pause span{font-size:13px;}
.ritual-grid figure img{aspect-ratio:4/4.3;}
.closing h2{font-size:38px;}
.editorial-page{padding:60px 0 80px;}
.editorial-page article p{font-size:16px;}
}
/* V3: balanced type, brand-wide reading, quiet interactive detail. */
:root{--sans:"JiTuo Sans",sans-serif;--serif:"JiTuo Serif",serif;}
body{font-weight:400;}
.hero-copy h1{font-family:var(--serif);font-weight:400;font-size:clamp(42px,5.1vw,68px);letter-spacing:.08em;line-height:1.55;}
.section-title,.manifesto-title,.collection-copy h3,.next-grid h2{font-family:var(--serif);font-weight:400;letter-spacing:.025em;}
.section-title{font-size:clamp(26px,2.7vw,36px);line-height:1.75;}
.manifesto-title{font-size:clamp(25px,2.4vw,33px);}
.slogan-en{font-family:var(--sans)!important;font-weight:400;letter-spacing:.17em;font-size:clamp(15px,1.5vw,19px)!important;line-height:1.9;}
.brand-pause>img{filter:blur(1px);transform:scale(1.015);opacity:.57;}
.brand-pause>div img{width:112px;height:82px;object-fit:contain;margin-bottom:27px;opacity:.93;}
.brand-pause p{font:400 clamp(25px,2.6vw,34px)/1.7 var(--serif);letter-spacing:.09em;margin-bottom:19px;}
.brand-pause span{font:400 clamp(15px,1.5vw,19px)/1.8 var(--sans);letter-spacing:.15em;}
.closing .wrap{display:flex;flex-direction:column;align-items:center;text-align:center;}
.closing-symbol{width:96px;height:72px;margin-bottom:28px;}
.closing h2{font:400 clamp(29px,3.2vw,42px)/1.65 var(--serif);letter-spacing:.075em;}
.closing .slogan-en{margin-top:25px!important;}
.closing .eyebrow{display:none;}
.logo img{width:64px;height:47px;object-fit:contain;}
.logo span{font:400 11px var(--sans);letter-spacing:.1em;}
.footer-brand{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.footer-brand .footer-symbol{width:68px;margin:0;}
.footer-brand img:not(.footer-symbol){width:105px;opacity:.85;}
.footer-brand p{flex-basis:100%;}
.article-card h3{font-family:var(--serif);font-size:clamp(20px,1.8vw,25px);line-height:1.8;}
.article-card{transition:background .25s,transform .25s;}
.article-card:hover{transform:translateY(-4px);}
.btn{font-size:13px;letter-spacing:.09em;padding:13px 24px;min-height:50px;}
.btn::after{transition:transform .25s;}
.btn:hover::after{transform:translate(3px,-3px);}
a:focus-visible,button:focus-visible{outline:2px solid #b78b58;outline-offset:5px;}
.tea-paths{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:38px;}
.tea-paths>span{font-size:12px;letter-spacing:.12em;color:#b3ad9f;margin-right:8px;}
.tea-paths a{padding:9px 15px;border:1px solid #ffffff35;text-decoration:none;font-size:12px;min-height:42px;display:inline-flex;align-items:center;transition:background .2s,border-color .2s;}
.tea-paths a:hover{background:#ffffff10;border-color:#c1a17a;}
.product-grid{margin-top:32px;}
.product-card h3{font-size:25px;}
.space-gallery figure:nth-child(3) img{object-position:55% 56%;}
@media(max-width:760px){
.hero-copy h1{font-size:clamp(34px,8.5vw,48px);line-height:1.6;}
.section-title{font-size:27px;}.manifesto-title{font-size:25px;}
.brand-pause>div{padding:24px;}.brand-pause>div img{width:96px;height:72px;}
.brand-pause p{font-size:25px;letter-spacing:.03em;}.brand-pause span{font-size:14px;letter-spacing:.09em;}
.closing h2{font-size:32px;}.closing .slogan-en{font-size:14px!important;letter-spacing:.09em;}
.tea-paths{gap:8px;}.tea-paths>span{flex-basis:100%;}.tea-paths a{padding:9px 12px;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{transition:none!important;animation:none!important;}}
/* V4: complete real photographs, product names and the tasting collection. */
.hero{min-height:850px;background:#0d1013;}
.hero-media{inset:0 0 0 42%;}
.hero-media img{object-fit:contain;object-position:right center;height:100%;background:#0d1013;}
.hero-media::after{background:linear-gradient(90deg,#0d1013,transparent 38%);}
.hero-copy{width:calc(42% - 56px);max-width:none;min-height:850px;margin-left:max(28px,calc((100% - 1240px)/2));margin-right:0;align-content:center;}
.hero-copy .sub{font-family:var(--sans);font-size:16px;line-height:2;}
.brand-letter{max-width:760px;margin:65px 0 70px;padding-left:30px;border-left:1px solid var(--line-dark);}
.brand-letter h3,.room-names h3,.space-whisper h3{font:400 clamp(24px,2.5vw,34px)/1.8 var(--serif);margin:0 0 23px;}
.brand-letter p:not(.eyebrow){font-size:16px;line-height:2.1;color:#575247;max-width:680px;}
.tea-paths a{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 16px;}
.tea-paths a small{font-size:10px;letter-spacing:.14em;color:#b6ad9d;}
.sequence-feature,.sequence-index{background:#e4dccf;}
.sequence-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(40px,7vw,90px);align-items:center;}
.sequence-grid figure{margin:0;}.sequence-grid figure img{max-height:670px;width:100%;object-fit:contain;}
.sequence-grid p:not(.eyebrow){line-height:2;}.sequence-en{font:12px/1.9 var(--sans);letter-spacing:.15em;color:#75644f;}
.sequence-grid .btn{margin-top:25px;}
.sequence-page h1{font:400 clamp(38px,5vw,64px)/1.5 var(--serif);margin:0;}
.sequence-content{background:#e4dccf;}.sequence-list{margin:45px 0;}
.sequence-tea{display:grid;grid-template-columns:50px 1fr 120px;align-items:center;border-top:1px solid var(--line-dark);padding:24px 0;text-decoration:none;}
.sequence-tea:last-child{border-bottom:1px solid var(--line-dark);}.sequence-tea>span{font-size:12px;color:#88785f;}
.sequence-tea h3{font:400 25px var(--serif);margin:0;}.sequence-tea h3 small{display:block;font:11px var(--sans);letter-spacing:.17em;margin-top:8px;color:#75644f;}
.sequence-tea p{font-size:14px;}.sequence-note{max-width:690px;line-height:2;}
.space-gallery{display:grid;grid-template-columns:1fr .8fr 1fr;grid-template-rows:none;gap:25px;align-items:center;}
.space-gallery figure,.space-gallery figure:first-child{grid-row:auto;grid-column:auto;margin:0;}
.space-gallery figure img,.space-gallery figure:nth-child(3) img{height:auto;aspect-ratio:auto;object-fit:contain;}
.space-gallery figure:first-child img,.space-gallery figure:not(:first-child) img{height:auto;aspect-ratio:auto;object-fit:contain;}
.space-gallery figure:hover img{transform:none;}
.space-gallery figcaption{font-size:12px;color:#aaa395;margin-top:17px;line-height:1.8;}
.space-whisper{display:grid;grid-template-columns:.65fr 1fr;align-items:center;gap:clamp(35px,8vw,100px);margin-top:100px;}
.space-whisper figure{margin:0;}.space-whisper img{width:100%;height:auto;max-height:680px;object-fit:contain;}
.space-whisper p:not(.eyebrow){color:#b1aa9b;max-width:400px;line-height:2.1;}
.room-names{margin-top:100px;}.room-intro{color:#b1aa9b;max-width:650px;line-height:2;}
.room-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:40px;}
.room-grid figure{margin:0;}.room-grid img{height:auto;object-fit:contain;}.room-grid figcaption{padding-top:15px;}
.room-grid figcaption span{display:block;font:18px var(--serif);}.room-grid small{font-size:10px;letter-spacing:.13em;color:#a49b8b;}
.naming{background:#e5ddcf;padding-block:65px;}.naming-grid{display:grid;grid-template-columns:.55fr 1fr;gap:45px;}
.naming h2{font:400 27px var(--serif);margin:0;}.naming p:not(.eyebrow){font:17px/2 var(--serif);margin:0;}
.naming .name-english{font:14px/2 var(--sans)!important;color:#786b58;margin-top:18px!important;}
.editorial-photo{max-height:none;height:auto;object-fit:contain;}
@media(max-width:760px){
.hero{min-height:0;padding-bottom:0;display:flex;flex-direction:column;}
.hero-media{position:relative;inset:auto;width:100%;height:auto;order:2;}
.hero-media img{height:auto;max-height:650px;object-fit:contain;}.hero-media::after{display:none;}
.hero-copy{max-width:none;min-height:0;width:var(--page);position:relative;inset:auto;padding:115px 0 45px;margin:auto;order:1;}.hero-sign{display:none;}
.sequence-grid,.naming-grid,.space-whisper{grid-template-columns:1fr;gap:32px;}
.sequence-grid figure img{max-height:540px;}.sequence-grid{gap:40px;}
.space-gallery{grid-template-columns:1fr;gap:45px;}.space-gallery figure img{max-height:none;}
.space-whisper{margin-top:65px;}.room-names{margin-top:65px;}.room-grid{grid-template-columns:repeat(2,1fr);gap:28px 16px;}
.brand-letter{padding-left:20px;margin-block:45px;}.sequence-tea{grid-template-columns:30px 1fr 55px;}
}

/* V5: one reading path on the homepage; the longer brand note has its own page. */
.brand-preview{max-width:850px;text-align:center;}
.brand-preview .manifesto-title{font-size:clamp(25px,3vw,36px);line-height:1.9;margin:25px 0;}
.brand-brief{font:16px/2.1 var(--sans);color:#6a6257;margin:26px auto 30px;}
.brand-preview .btn{display:inline-flex;}
.brand-page{background:#eee8dc;padding-top:130px;}
.brand-reading{max-width:740px;padding-bottom:80px;}
.brand-reading h1{font:400 clamp(36px,4.5vw,54px)/1.7 var(--serif);margin:26px 0 40px;}
.brand-reading>p:not(.eyebrow){font:17px/2.2 var(--sans);color:#5c554a;}
.brand-reading .brand-letter{margin:75px 0 60px;border-left:0;padding:0;}
.brand-reading .brand-letter p:not(.eyebrow){font-family:var(--sans);line-height:2.2;}
.brand-slogan{border-top:1px solid #b6ad9b;padding-top:35px;}
.brand-slogan p{font:27px/1.8 var(--serif);}.brand-slogan small{font:12px/2 var(--sans);letter-spacing:.14em;}
.brand-origins{background:#e5ddcf;}.brand-origins .btn{margin-top:35px;}
.room-intro{font-family:var(--sans);font-size:15px;max-width:680px;}
@media(max-width:960px){.collection-head,.space-head{grid-template-columns:1fr;gap:25px;}.brand-preview{max-width:var(--page);}.brand-reading{max-width:var(--page);}}
@media(max-width:760px){.brand-preview .manifesto-title{font-size:25px;}.brand-brief{font-size:15px;}.brand-page{padding-top:115px;}.brand-reading>p:not(.eyebrow){font-size:16px;}.brand-reading .brand-letter{margin-top:55px;}}