@font-face{font-family:'Guanqi Sans';src:url('assets/fonts/guanqi-ui.woff2?v=47c0ebb2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Guanqi Serif';src:url('assets/fonts/guanqi-serif.woff2?v=b6d2a370') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Guanqi Display';src:url('assets/fonts/guanqi-display.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--canvas:#0c0e0d;--dark:#090c0a;--surface:#141815;--text:#e5e3da;--soft:#a9b1aa;--accent:#c3cebc;--line:#303831;--sans:'Helvetica Neue','PingFang SC','Microsoft YaHei','Guanqi Sans',Arial,sans-serif;--serif:'Guanqi Serif','Songti SC',serif;--display:'Guanqi Display','Guanqi Serif','Songti SC',serif;--numeric:'Helvetica Neue',Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-padding-top:108px}body{margin:0;background:var(--canvas);color:var(--text);font:400 16px/1.8 var(--sans);-webkit-font-smoothing:antialiased;font-variant-numeric:lining-nums tabular-nums}main{overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.3}img{display:block;width:100%;height:100%;object-fit:cover}svg{display:block}p,h1,h2{margin:0}h1,h2{font:400 44px/1.38 var(--serif);letter-spacing:.02em;font-synthesis:none}h1{font-family:var(--display)}::selection{background:var(--accent);color:var(--canvas)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.section-wrap,.gallery-window{width:88%;max-width:1480px;margin-inline:auto}.eyebrow{font:400 14px/1.6 var(--sans);letter-spacing:.08em;color:var(--soft)}.numeral{font:inherit;font-family:var(--numeric);font-variant-numeric:lining-nums tabular-nums}.line-link{display:inline-block;padding:6px 0;border-bottom:1px solid #98a292;font-size:15px;line-height:1.6;width:fit-content;transition:color .3s,border-color .3s}.line-link:hover{color:var(--accent);border-color:var(--text)}.skip-link{position:fixed;z-index:100;top:-100px;left:16px;background:var(--surface);padding:12px 22px}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Brand and navigation: one clear reading face, without ornamental numerals. */
.header{position:fixed;top:0;left:0;width:100%;height:84px;display:flex;align-items:center;padding:0 6vw;z-index:30;gap:32px;background:#0c0e0de8;backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:border-color .35s}.header.scrolled{border-color:var(--line)}.brand{display:flex;align-items:center;gap:19px;white-space:nowrap}.brand-cn{font:400 34px/1.4 var(--display);letter-spacing:.08em}.brand-en{font:400 12px/1.5 var(--sans);letter-spacing:.24em;color:var(--soft)}.header nav{display:flex;gap:36px;margin-inline:auto}.header nav a{position:relative;font-size:15px;padding:12px 0;color:var(--soft)}.header nav a:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.header nav a:hover,.header nav a.current{color:var(--text)}.header nav a.current:after{transform:scaleX(1)}.header-contact{font-size:14px;white-space:nowrap;min-height:44px;display:flex;align-items:center;gap:13px}.header-contact svg{display:none}.header-contact.current{color:var(--accent)}.menu-button{display:none;min-width:44px;min-height:44px;padding:10px}.menu-button span{display:block;height:1px;width:22px;background:currentColor;margin:6px 0}
/* Keep the original scroll-driven enlargement and move to centre. */
.hero-stage{min-height:100svh;position:relative;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:6vw;padding:120px 6vw 90px;background:var(--canvas);isolation:isolate;overflow:hidden}.hero-copy{position:relative;max-width:500px;z-index:2}.hero-copy .eyebrow{margin-bottom:28px}.hero-copy h1{font-size:clamp(64px,6.5vw,90px);line-height:1.26;letter-spacing:.015em}.hero-copy h1>span{display:block}.hero-copy-bottom{margin-top:30px}.hero-copy-bottom p{font-size:16px;color:var(--soft);margin-bottom:23px}.hero-art-anchor{justify-self:end;width:min(100%,calc(100svh - 260px));min-width:240px;max-width:610px;aspect-ratio:1}.hero-art{position:relative;display:block;width:100%;height:100%;overflow:visible;transform-origin:50% 50%;filter:drop-shadow(0 18px 25px #0007)}.hero-art img{object-fit:cover;object-position:50% 61%;mask:url('assets/plate-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/plate-mask.svg') center/100% 100% no-repeat}.hero-art-label{display:none}.hero-finish{position:absolute;z-index:2;opacity:0;visibility:hidden}.hero-edition{left:6vw;top:50%;width:200px;margin-top:-74px}.hero-edition-number{font-size:14px;color:var(--soft);margin-bottom:16px;letter-spacing:.06em}.hero-edition h2{font-size:34px;line-height:1.4}.hero-edition .line-link{margin-top:22px}.hero-edition svg{display:none}.hero-detail{right:6vw;top:50%;width:170px;margin-top:-42px}.hero-detail-label{font-size:14px;color:var(--soft)}.hero-detail-copy{font-size:16px;line-height:1.9;margin-top:16px}
/* Photographic catalogue: real photographs, consistent framing and captions. */
.collection{padding:38px 0 36px;border-top:1px solid var(--line);scroll-margin-top:-38px}.collection-stage{position:relative;background:var(--canvas)}.collection-stage .section-wrap,.collection .gallery-window{max-width:1480px}.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:22px}.collection-heading .eyebrow{margin-bottom:8px}.collection-heading h2{font-size:clamp(38px,3.4vw,48px);line-height:1.3}.collection-right>p{display:none}.filter-row{display:flex;gap:26px}.filter{position:relative;font-size:15px;color:var(--soft);padding:10px 0;min-height:44px;white-space:nowrap}.filter:after{content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s}.filter.active{color:var(--text)}.filter.active:after{transform:scaleX(1)}.filter:hover{color:var(--text)}.gallery-window{transform-origin:50% 35%;overflow:visible}.product-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;min-height:0}.product-card{display:block;text-align:left;min-width:0;align-self:start}.product-photo{display:block;position:relative;overflow:hidden;aspect-ratio:1.1;background:none;border-radius:4px;--edge:5px;transform-origin:50% 50%}.product-photo img{object-position:50% 65%;transition:transform .7s var(--ease)}.photo-parallax{display:block;width:100%;height:100%;transform-origin:center}.product-open{position:absolute;right:16px;bottom:13px;font:300 24px/1 var(--sans);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s;pointer-events:none}.product-card:hover .product-open,.product-card:focus-visible .product-open{opacity:1;transform:none}.product-card:hover .product-photo img{transform:scale(1.018)}.product-meta{display:block;padding-top:16px}.product-name{display:block;font:400 22px/1.5 var(--serif);letter-spacing:.02em}.product-subtitle{display:block;font-size:14px;line-height:1.7;color:var(--soft);margin-top:5px}.product-card[data-product-id='object-06'] .product-photo img{object-position:50% 55%;transform:scale(.96)}.horizontal .gallery-window{overflow:hidden;padding-block:4px}.horizontal .product-rail{display:flex;gap:28px}.horizontal .product-card{flex:0 0 calc((100% - 56px)/3)}.horizontal .product-rail[data-count='2']{justify-content:center}
/* A compact, non-numeric position indicator and direct browsing controls. */
.gallery-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:23px;min-height:48px;--rule:1}.gallery-count{font-size:14px;letter-spacing:.06em;color:var(--soft);white-space:nowrap}.collection-pagination{display:flex;align-items:center;gap:24px}.collection-pagination>button{font-size:14px;letter-spacing:.03em;min-height:44px;padding:0 3px;color:var(--soft)}.collection-pagination>button:not(:disabled):hover{color:var(--text)}.page-numbers{display:flex;align-items:center;gap:6px}.page-numbers button{display:flex;align-items:center;justify-content:center;width:44px;height:44px}.page-numbers button>span{display:block;width:30px;height:2px;background:#465047;transform-origin:left;transition:background .5s,transform .5s var(--ease)}.page-numbers button[aria-current='page']>span{background:var(--text);transform:scaleY(1.5)}.page-numbers button:hover>span{background:var(--soft)}
/* The material chapter gives the brand facts a readable hierarchy. */
.philosophy{background:var(--dark)}.philosophy-stage{position:relative;isolation:isolate;width:100%;min-height:590px;padding:34px 6vw 45px;overflow:hidden;background:var(--dark)}.philosophy-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:14px;color:var(--soft)}.material-backdrop{position:absolute;inset:0 auto 0 0;width:74%;z-index:-1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,#000 0%,#000 40%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 40%,transparent 100%)}.material-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090c0a 0%,transparent 16%,transparent 84%,#090c0a 100%),linear-gradient(90deg,#090c0ab8,#090c0aa3)}.material-photo{display:block;width:100%;height:100%;overflow:hidden}.material-photo image{transform:none}.material-object-anchor{position:absolute;inset:105px 6vw 44px 52%;display:flex;align-items:center;justify-content:end;z-index:1;pointer-events:none}.material-object{display:block;pointer-events:auto;width:min(100%,440px);aspect-ratio:1;transform-origin:center}.material-object img{object-fit:cover;object-position:50% 61%;mask:url("assets/plate-mask.svg") center/100% 100% no-repeat;-webkit-mask:url("assets/plate-mask.svg") center/100% 100% no-repeat}.material-caption{position:absolute;z-index:2;right:6vw;bottom:32px;color:#d0ddd5;font-size:13px;line-height:1.7;letter-spacing:.025em}.philosophy-copy{max-width:470px;position:relative;z-index:2;margin-top:30px}.philosophy-copy h2{font-size:clamp(42px,4.1vw,58px);line-height:1.35}.glaze-intro{margin-top:21px;font-size:17px;line-height:1.85;color:var(--text)}.glaze-facts{display:grid;grid-template-columns:1fr 1.4fr;gap:24px 24px;margin:28px 0}.glaze-facts dt{font-size:13px;line-height:1.6;color:var(--soft);margin-bottom:6px}.glaze-facts dd{margin:0;font-size:16px;line-height:1.8}.glaze-facts-wide{grid-column:1/-1}.glaze-facts .numeral{font-size:24px;letter-spacing:-.025em;font-weight:300;line-height:1.2;margin-right:3px}.glaze-note{font-size:15px;color:var(--soft);line-height:1.9;max-width:370px}.philosophy-copy .line-link{margin-top:22px}
/* A single editorial composition made from the three actual objects. */
.tea{padding-top:34px;padding-bottom:48px;scroll-margin-top:-34px}.tea-scene{position:relative;background:var(--canvas)}.tea-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:12px}.tea-heading .eyebrow{margin-bottom:9px}.tea-heading h2{font:400 clamp(46px,4.8vw,66px)/1.25 var(--display);letter-spacing:.06em}.tea-tabs{display:flex;align-items:center;gap:30px;padding-bottom:8px}.tea-tabs button{position:relative;font-size:15px;color:var(--soft);min-height:44px;padding:6px 0}.tea-tabs button:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.tea-tabs button[aria-selected="true"]{color:var(--text)}.tea-tabs button[aria-selected="true"]:after{transform:scaleX(1)}.tea-view{position:relative;height:clamp(380px,calc(100svh - 295px),500px)}.tea-panel{position:absolute;inset:0;display:grid;grid-template-columns:1.5fr .85fr;align-items:center;gap:6vw}.tea-art-wrap{height:82%;max-height:390px;display:flex;align-items:end;justify-content:center;min-width:0}.tea-art{display:block;height:auto;max-height:100%;width:100%;transform-origin:50% 75%}.tea-art-tray{max-width:620px}.tea-art-pot{max-width:440px}.tea-art-cup{max-width:430px}.tea-object{display:block;width:100%;height:auto;max-height:100%;overflow:visible}.tea-object image{transform:none;object-fit:initial}.tea-caption{align-self:center;max-width:350px}.tea-caption h3{font:400 32px/1.5 var(--serif);letter-spacing:.025em;margin:16px 0 0}.tea-description{font-size:15px;line-height:1.9;color:var(--soft);margin-top:22px}.tea-caption .line-link{margin-top:24px;font-size:14px}.tea-scroll-note{font-size:12px;letter-spacing:.03em;color:#7f8981;text-align:right;margin-top:15px}.motion-paused .tea-scroll-note{display:none}
/* Finish with useful, specific consultation topics and one main destination. */
.visit{position:relative;padding:62px 0 66px;--rule:1}.visit:before,.footer:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);transform:scaleX(var(--rule));transform-origin:left}.visit-row{display:grid;grid-template-columns:1fr 1.1fr;gap:10vw;align-items:start}.visit-title-block .eyebrow{margin-bottom:20px}.visit-title-block h2{font-size:clamp(42px,4.6vw,64px);line-height:1.4}.visit-title-block>p:last-child{font:400 19px/1.9 var(--serif);color:var(--soft);margin-top:26px}.visit-copy>p:first-child{font-size:16px;color:var(--soft);margin:8px 0 23px}.consult-topics{list-style:none;padding:0;margin:0 0 26px}.consult-topics li{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:16px}.consult-topics li>span:last-child{font-size:14px;color:var(--soft);white-space:nowrap}.visit-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.visit-link{display:inline-block;width:fit-content;padding:8px 0;border-bottom:1px solid var(--accent);font-size:18px;letter-spacing:.025em;line-height:1.6;transition:color .3s}.visit-link:hover{color:var(--accent)}.visit-actions>.line-link{border-color:transparent;color:var(--soft);font-size:14px;padding:9px 0}.visit-actions>.line-link:hover{border-color:var(--soft);color:var(--text)}.visit-link svg{display:none}.copy-message{font-size:14px;line-height:1.8;margin-top:16px;overflow-wrap:anywhere;max-width:440px}.copy-message:empty{display:none}.footer{position:relative;padding:24px 0 26px;--rule:1}.footer-wordmark{display:flex;gap:18px;align-items:baseline;font:400 12px/1.5 var(--sans);letter-spacing:.24em;width:fit-content;margin-bottom:18px;color:var(--soft)}.footer-wordmark>span{font:400 29px/1.5 var(--display);letter-spacing:.08em;color:var(--text)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:var(--soft)}.footer-bottom .line-link{font-size:14px;color:var(--text)}
/* The modal preserves the actual original photograph. */
.product-dialog{width:min(1120px,calc(100% - 64px));max-height:90svh;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);overflow:auto}.product-dialog::backdrop{background:#090c0be8;backdrop-filter:blur(8px)}.dialog-content{display:grid;grid-template-columns:1.1fr 1fr}.dialog-gallery{position:relative;background:#080b09;min-width:0;overflow:hidden}.dialog-photo-window{width:100%;height:83svh;overflow:auto;overscroll-behavior:contain;scrollbar-color:#7f9989 #080b09;scrollbar-width:thin}.dialog-photo-window img{width:100%;height:100%;object-fit:contain;cursor:zoom-in}.dialog-gallery.is-zoomed img{width:200%;height:auto;max-width:none;cursor:zoom-out}.dialog-copy{padding:72px 36px 40px;align-self:center;min-width:0}.dialog-copy .eyebrow{margin-bottom:19px}.dialog-copy h2{font-size:32px;line-height:1.45}.dialog-copy #dialog-subtitle{font-size:14px;color:var(--soft);margin-top:15px}.dialog-divider{height:1px;background:var(--line);margin:24px 0}.dialog-copy #dialog-description{font-size:16px;line-height:1.9;margin-bottom:23px}.dialog-facts{margin:0 0 27px;font:400 15px/1.8 var(--sans)}.dialog-facts>div{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:9px 0;border-bottom:1px solid var(--line)}.dialog-facts dt{color:var(--soft)}.dialog-facts dd{margin:0}.dialog-copy .dialog-note{font-size:14px;line-height:1.8;color:var(--soft);margin-top:21px}.dialog-close{position:absolute;right:16px;top:15px;z-index:5;width:44px;height:44px;background:#141815d9;color:var(--text);font-size:28px;line-height:1;border:1px solid var(--line);border-radius:50%}.photo-zoom{position:absolute;bottom:20px;left:20px;z-index:2;display:flex;align-items:center;gap:10px;font-size:14px;border:1px solid #ffffff50;background:#142019dc;padding:10px 15px}.photo-zoom>span:first-child{font-size:22px;line-height:1}.photo-zoom[aria-pressed='true']{background:var(--accent);color:var(--canvas)}.gallery-controls{position:absolute;top:20px;left:20px;display:flex;gap:10px;font-size:14px}.gallery-controls button{background:#142019;padding:8px}
.product-photo,.photo-frame,.texture-frame{mask-image:linear-gradient(90deg,transparent,#000 var(--edge),#000 calc(100% - var(--edge)),transparent),linear-gradient(transparent,#000 var(--edge),#000 calc(100% - var(--edge)),transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--edge),#000 calc(100% - var(--edge)),transparent),linear-gradient(transparent,#000 var(--edge),#000 calc(100% - var(--edge)),transparent);-webkit-mask-composite:source-in}
@media(min-width:761px) and (max-width:1100px){.header nav{gap:25px}.header{gap:22px}.hero-stage{gap:3vw;grid-template-columns:1fr 1fr}.hero-copy{max-width:calc(100% - 40px)}.hero-copy h1{font-size:clamp(48px,6.5vw,72px)}.hero-art-anchor{min-width:0}.hero-edition{width:155px}.hero-edition h2{font-size:28px}.hero-detail{width:130px}.hero-detail-copy{font-size:14px}.product-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.product-name{font-size:21px}.philosophy-stage{min-height:560px}.philosophy-copy{max-width:42vw}.material-object{width:min(100%,350px)}.philosophy-copy h2{font-size:44px}.tea-heading h2{font-size:52px}.tea-panel{grid-template-columns:1.35fr 1fr;gap:5vw}.tea-caption h3{font-size:28px}.tea-art-pot{max-width:370px}.tea-art-cup{max-width:350px}.visit-row{gap:7vw}}
@media(max-width:760px){
 html{scroll-padding-top:88px}.section-wrap,.gallery-window{width:calc(100% - 40px)}.header{height:72px;padding-inline:20px;gap:14px}.brand{gap:14px}.brand-cn{font-size:29px}.brand-en{font-size:11px;letter-spacing:.2em}.header-contact{margin-left:auto;font-size:14px}.menu-button{display:block;padding-right:0;min-width:32px}.header nav{position:absolute;top:72px;left:0;right:0;padding:22px 20px 27px;margin:0;display:none;flex-direction:column;background:var(--canvas);border-bottom:1px solid var(--line);gap:18px}.header nav.open{display:flex}.header nav a{font-size:16px;width:fit-content}
 .hero-stage{grid-template-columns:1fr;align-content:center;gap:26px;padding:108px 20px 76px}.hero-copy{max-width:none}.hero-copy .eyebrow{margin-bottom:17px;font-size:13px}.hero-copy h1{font-size:clamp(40px,9.5vw,60px);line-height:1.36;letter-spacing:0}.hero-copy h1>span{display:inline;margin-left:.16em}.hero-copy-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:19px}.hero-copy-bottom p{margin:0;font-size:14px}.hero-copy-bottom .line-link{white-space:nowrap;font-size:14px}.hero-art-anchor{width:min(100%,calc(100svh - 350px));min-width:0;max-width:430px;justify-self:center}.hero-finish{display:none}
 .collection{padding:34px 0 42px;scroll-margin-top:-34px}.collection-heading{align-items:start;flex-direction:column;gap:14px;margin-bottom:23px}.collection-heading h2{font-size:35px}.collection-heading .eyebrow{margin-bottom:7px}.collection-right{width:100%}.filter-row{gap:26px}.filter{font-size:14px}.product-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.product-photo{aspect-ratio:1;--edge:4px}.product-meta{padding-top:13px}.product-name{font-size:18px;line-height:1.6}.product-subtitle{font-size:13px;line-height:1.7;margin-top:5px}.product-open{opacity:1;transform:none;right:12px;bottom:10px;font-size:22px}.gallery-bottom{align-items:center;gap:12px;margin-top:24px}.gallery-count{font-size:13px;letter-spacing:.025em}.collection-pagination{gap:12px}.collection-pagination>button{font-size:13px}.page-numbers{gap:2px}.page-numbers button{width:35px}.page-numbers button>span{width:23px}
 .philosophy-stage{min-height:600px;padding:32px 20px 70px}.philosophy-header{font-size:13px}.philosophy-header>span{font-size:12px;max-width:140px;text-align:right}.philosophy-copy{max-width:none;margin-top:29px}.philosophy-copy h2{font-size:38px}.glaze-intro{font-size:16px;margin-top:18px}.glaze-facts{margin:25px 0;grid-template-columns:1fr 1.5fr;gap:22px}.glaze-note{font-size:15px;max-width:420px}.material-object-anchor{position:relative;inset:auto;margin-top:30px;justify-content:end}.material-object{width:min(72%,320px)}.material-caption{right:20px;bottom:23px;font-size:12px}.material-backdrop{width:90%}.material-backdrop:after{background:linear-gradient(90deg,#090c0ac4,#090c0a94)}
 .tea{padding-top:36px;padding-bottom:39px;scroll-margin-top:-36px}.tea-heading{gap:20px;margin-bottom:18px}.tea-heading h2{font-size:46px}.tea-heading .eyebrow{font-size:13px;margin-bottom:9px}.tea-tabs{gap:24px;padding-bottom:5px}.tea-tabs button{font-size:14px}.tea-view{height:520px}.tea-panel{grid-template-columns:1fr;grid-template-rows:300px 1fr;gap:15px}.tea-art-wrap{height:100%;max-height:290px;align-items:end}.tea-art-tray{max-width:510px}.tea-art-pot{max-width:360px}.tea-art-cup{max-width:340px}.tea-caption{width:100%;max-width:none;align-self:start;padding-top:8px}.tea-caption .eyebrow{display:none}.tea-caption h3{font-size:27px;margin:0}.tea-description{font-size:14px;line-height:1.8;margin-top:12px}.tea-description br{display:none}.tea-caption .line-link{margin-top:15px;font-size:14px}.tea-scroll-note{display:none}
 .visit{padding:43px 0 44px}.visit-row{grid-template-columns:1fr;gap:29px}.visit-title-block .eyebrow{margin-bottom:13px}.visit-title-block h2{font-size:40px}.visit-title-block>p:last-child{font-size:17px;line-height:1.8;margin-top:17px}.visit-title-block>p:last-child br{display:none}.visit-copy>p:first-child{margin:0 0 15px}.consult-topics li{font-size:15px;padding:12px 0;gap:15px}.consult-topics li>span:last-child{font-size:13px}.visit-link{font-size:17px}.visit-actions{gap:23px}.visit-actions>.line-link{font-size:14px}.footer-bottom{font-size:12px;gap:16px;align-items:start}.footer-wordmark{margin-bottom:15px}
 .product-dialog{width:calc(100% - 24px);max-height:93svh}.dialog-content{grid-template-columns:1fr}.dialog-photo-window{height:48svh}.dialog-copy{padding:28px 24px}.dialog-copy h2{font-size:28px}.dialog-copy .eyebrow{font-size:13px;margin-bottom:15px}.dialog-divider{margin:22px 0}.dialog-close{right:11px;top:11px}.photo-zoom{left:12px;bottom:12px;padding:8px 12px}.dialog-gallery.is-zoomed .dialog-photo-window{height:55svh}
}
@media(max-width:430px){.hero-copy-bottom{align-items:start}.hero-copy-bottom p{max-width:165px;font-size:14px}.hero-copy h1{font-size:clamp(37px,10vw,43px)}.hero-copy h1>span{display:block;margin:0}.hero-art-anchor{width:min(100%,calc(100svh - 365px))}.hero-stage{gap:18px;padding-top:99px;padding-bottom:68px}.product-name{font-size:17px}.product-subtitle{font-size:13px}.gallery-bottom{flex-direction:column;align-items:stretch;gap:5px}.gallery-count{display:none}.collection-pagination{justify-content:space-between;gap:12px}.page-numbers button{width:44px}.page-numbers button>span{width:30px}.philosophy-header>span{display:none}.philosophy-copy h2{font-size:35px}.texture-frame{width:88%;height:330px}.glaze-facts{gap:21px 18px}.tea-heading h2{font-size:43px}.tea-tabs{gap:19px}.tea-tabs button{font-size:13px}.tea-view{height:445px}.tea-panel{grid-template-rows:240px 1fr;gap:22px}.tea-art-wrap{max-height:235px}.tea-art-pot{max-width:290px}.tea-art-cup{max-width:285px}.tea-art-tray{max-width:100%}.tea-caption h3{font-size:26px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:360px){.brand-en{display:none}.hero-copy h1{font-size:36px}.hero-copy-bottom{gap:10px}.product-name{font-size:16px}.consult-topics li{font-size:14px}.consult-topics li>span:last-child{font-size:12px}}
@media(min-width:761px) and (max-height:600px){.hero-stage{padding-top:90px;padding-bottom:60px}.hero-art-anchor{width:min(100%,calc(100svh - 210px))}.hero-copy .eyebrow{margin-bottom:17px}.hero-copy h1{font-size:clamp(44px,5vw,64px)}.hero-copy-bottom{margin-top:20px}.hero-copy-bottom p{margin-bottom:17px}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{transition:none!important;animation:none!important}.motion-paused .hero-finish{display:none}
@media(hover:none){.product-open{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-finish{display:none}}
@media(min-width:761px) and (min-height:680px){.philosophy-stage{height:calc(100svh - 98px);min-height:590px;max-height:820px}}

/* 观器 1.1 — the approved photographic gallery composition. */
:root{--canvas:#101110;--dark:#0b0e0d;--surface:#171a17;--text:#e8e5dc;--soft:#adb0a8;--line:#343831;--accent:#c8cebd}
h1,h2,h3{font-family:var(--serif);font-weight:400;font-synthesis:none}
.header{height:90px;background:#101110ed;border-bottom:1px solid #34383180;padding-inline:6vw}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.brand-cn{font-size:32px;line-height:1.15;letter-spacing:.14em}
.brand-en{font-size:9px;letter-spacing:.4em;margin-top:5px}
.header nav{gap:42px}.header nav a{font-size:14px;letter-spacing:.08em}.header-contact{font-size:14px;gap:12px}
.header-contact svg,.line-link svg{display:inline-block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.1;vertical-align:middle;margin-left:14px}
.line-link{font-size:15px;padding:8px 0;border-color:#b7bcaa;letter-spacing:.03em}
.hero-stage{height:100svh;min-height:680px;padding:128px 6vw 182px;gap:5vw;grid-template-columns:.85fr 1.15fr;background:var(--canvas)}
.hero-copy{max-width:540px;align-self:center;padding-bottom:5px}.hero-copy .eyebrow{font-size:15px;margin-bottom:24px;letter-spacing:.12em}
.hero-copy h1{font-family:var(--serif);font-size:clamp(66px,6.8vw,98px);line-height:1.16;letter-spacing:.08em;white-space:nowrap}
.hero-copy h1>.hero-subtitle{display:block;font-size:clamp(32px,3.6vw,50px);letter-spacing:.12em;margin:18px 0 0;line-height:1.4}
.hero-copy-bottom{margin-top:26px}.hero-copy-bottom p{font-size:15px;line-height:1.95;margin-bottom:24px;letter-spacing:.02em;color:#c0c2b9}
.hero-art-anchor{position:relative;width:min(100%,calc(100svh - 270px));max-width:720px;min-width:0;justify-self:end;isolation:isolate}
.hero-art-anchor:before{content:'';position:absolute;width:85%;height:9%;left:7%;bottom:-3%;border-radius:50%;background:#000;filter:blur(17px);opacity:.5;z-index:-1}
.hero-art{filter:drop-shadow(0 16px 20px #0006)}
.hero-art-label{display:flex;position:absolute;right:0;bottom:12px;gap:12px;align-items:center;font-size:12px;letter-spacing:.05em;color:var(--soft)}
.hero-art-label:before{content:'';width:16px;height:1px;background:#70766a}






.hero-edition{top:42%;margin-top:0;width:180px}.hero-edition h2{font-size:34px;line-height:1.45;margin-top:15px}.hero-edition .line-link{font-size:13px;margin-top:20px}
.hero-detail{top:47%;margin-top:0;width:174px}.hero-detail>p:last-child{font-size:14px;line-height:1.9;margin-top:16px;color:var(--soft)}
/* A compact selection: shorter photographs and one shared caption baseline. */
.collection{padding-top:54px;padding-bottom:48px}.collection-stage .section-wrap,.collection .gallery-window{width:84%;max-width:1140px}.collection-heading{margin-bottom:30px;align-items:center}.collection-heading h2{font-size:clamp(32px,2.7vw,38px)}
.collection-heading .eyebrow{font-size:12px;margin-bottom:10px}.filter-row{gap:28px}.filter{font-size:14px}.product-rail,.horizontal .product-rail{gap:32px}.horizontal .product-card{flex-basis:calc((100% - 64px)/3)}.product-name{font-size:20px;line-height:1.6}.product-subtitle{font-size:14px;line-height:1.7;color:#a2aaa1;margin-top:4px}.product-meta{padding-top:14px}.product-photo{aspect-ratio:4/3;border-radius:2px;--edge:5px}.product-photo img{object-position:50% 42%}
.product-card[data-product-id='object-02'] .product-photo img{object-position:50% 50%}
.product-card[data-product-id='object-06'] .product-photo{display:flex;align-items:center;justify-content:center}
.product-card[data-product-id='object-06'] .photo-parallax{width:auto;height:92%;aspect-ratio:1}
.product-card[data-product-id='object-06'] .product-photo img{object-position:50% 61%;transform:none;mask:url('assets/plate-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/plate-mask.svg') center/100% 100% no-repeat}
.gallery-bottom{border-top:1px solid var(--line);padding-top:12px;margin-top:26px}.gallery-count{font-size:12px}.collection-pagination>button{font-size:14px}.page-numbers button>span{height:1px}.page-numbers button[aria-current='page']>span{transform:scaleY(1)}
/* A real object in front of a local, fading glaze detail. */
.philosophy-stage{height:calc(100svh - 98px);min-height:620px;max-height:790px;padding:32px 6vw 50px;border-top:1px solid var(--line);background:var(--dark)}
.philosophy-header{font-size:12px;letter-spacing:.05em}.philosophy-header .eyebrow{font-size:12px}
.material-backdrop{width:64%;mask-image:linear-gradient(90deg,#000 0%,#000 36%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 36%,transparent 100%)}
.material-backdrop:after{background:linear-gradient(0deg,#0b0e0d 0%,#0b0e0d55 22%,transparent 70%,#0b0e0d 100%),linear-gradient(90deg,#0b0e0d26,#0b0e0d55)}
.material-object-anchor{inset:130px auto 90px 6vw;width:43%;justify-content:center;align-items:end;isolation:isolate}
.material-object-anchor:before{content:'';position:absolute;width:62%;height:7%;left:19%;bottom:-3%;border-radius:50%;background:#000;filter:blur(17px);opacity:.75;z-index:-1}
.material-object{width:min(100%,470px);aspect-ratio:800/485;filter:drop-shadow(0 15px 12px #0008)}
.material-object-svg{width:100%;height:auto;overflow:hidden}
.material-caption{left:6vw;right:auto;bottom:32px;font-size:12px;color:var(--soft)}
.philosophy-copy{max-width:470px;margin:70px 0 0 56%;width:44%}.philosophy-copy h2{font-size:clamp(42px,4.3vw,64px);letter-spacing:.06em;line-height:1.3}
.glaze-intro{font-size:16px;margin-top:22px;line-height:1.8;color:#cbcfc4}
.glaze-facts{display:block;margin:30px 0 24px;border-top:1px solid #535b4d}
.glaze-facts>div{display:grid;grid-template-columns:94px 1fr;align-items:baseline;gap:18px;padding:13px 0;border-bottom:1px solid #353d34}
.glaze-facts dt{font-size:13px;margin:0;color:#afb6ab}.glaze-facts dd{font-size:15px;line-height:1.8}.glaze-facts .numeral{font-size:18px;letter-spacing:0;font-weight:400;margin-right:2px}
.glaze-note{font-size:13px;line-height:1.95;max-width:410px;color:#a9b2a6}.philosophy-copy .line-link{margin-top:24px;font-size:14px}
/* One object at a time: silhouette, true glaze macro, then visual navigation. */
.tea{padding-top:42px;padding-bottom:44px;scroll-margin-top:-42px}.tea-scene{position:relative;background:var(--canvas)}
.tea-heading{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:12px;margin:0 0 8px;width:62%}
.tea-heading h2{font-family:var(--serif);font-size:clamp(40px,4.2vw,60px);letter-spacing:.08em;line-height:1.3}.tea-heading .eyebrow{margin:0;font-size:12px;letter-spacing:.08em}
.tea-view{position:relative;height:clamp(390px,calc(100svh - 320px),520px)}
.tea-panel{grid-template-columns:1.8fr 1fr;gap:5vw;align-items:center}
.tea-art-wrap{height:100%;max-height:none;position:relative;isolation:isolate;align-items:center;justify-content:center;padding:22px 10px 14px}
.tea-art-wrap:before{content:'';position:absolute;left:14%;right:12%;bottom:8%;height:6%;border-radius:50%;background:#000;filter:blur(20px);opacity:.6;z-index:-1}
.tea-art{width:92%;max-height:100%;filter:drop-shadow(0 20px 20px #0007);transform-origin:50% 60%}
.tea-art-pot{max-width:600px}.tea-art-tray{width:100%;max-width:760px}.tea-art-cup{max-width:540px}
.tea-object{max-height:100%;overflow:hidden}.tea-caption{width:100%;max-width:410px;padding-left:38px;border-left:1px solid #404638;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.tea-detail{margin:0 0 25px;width:min(100%,300px)}.tea-detail svg{display:block;width:100%;aspect-ratio:1.5;height:auto;overflow:hidden}.tea-detail figcaption{font-size:11px;color:var(--soft);letter-spacing:.06em;margin-top:9px}
.tea-caption h3{font:400 clamp(25px,2.4vw,34px)/1.55 var(--serif);letter-spacing:.03em;margin:0}.tea-description{font-size:14px;line-height:1.8;margin-top:12px}.tea-caption .line-link{margin-top:24px;font-size:14px}
.tea-navigation{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:12px}.tea-tabs{gap:0;padding:0;align-items:stretch;justify-content:start}
.tea-tabs button{width:118px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 18px 12px;color:var(--soft);font-size:12px;transition:color .4s;position:relative}
.tea-tabs button+button{border-left:1px solid var(--line)}.tea-tabs button:after{bottom:0;left:18px;right:18px;background:var(--text)}
.tea-thumbnail{display:flex;align-items:center;justify-content:center;width:82px;height:60px;opacity:.6;transition:opacity .5s,transform .5s var(--ease)}
.tea-thumbnail-object{width:100%;height:100%;overflow:hidden}.tea-tabs button[aria-selected='true'] .tea-thumbnail,.tea-tabs button:hover .tea-thumbnail{opacity:1;transform:translateY(-3px)}
.tea-scroll-note{margin:0 0 12px;text-align:right;font-size:11px;letter-spacing:.03em}
.visit{padding-top:50px;padding-bottom:46px}.visit-row{grid-template-columns:1fr 1.2fr;gap:12vw}.visit-title-block h2{font-size:clamp(34px,3.3vw,48px);letter-spacing:.04em}.visit-title-block .eyebrow{font-size:12px;margin-bottom:16px}.visit-title-block>p:last-child{font-size:17px;margin-top:20px}.visit-copy>p:first-child{font-size:14px}.consult-topics li{font-size:14px;padding:10px 0}.consult-topics li>span:last-child{font-size:12px}.visit-link{font-size:16px}.footer{padding-top:25px;padding-bottom:23px}.footer-wordmark>span{font-size:28px}.footer-bottom{font-size:11px}.footer-bottom .line-link{font-size:12px}
@media(min-width:761px) and (max-width:1100px){
 .header{gap:24px}.header nav{gap:28px}.hero-stage{grid-template-columns:.95fr 1.05fr;gap:3vw;padding-top:116px;padding-bottom:184px}.hero-copy{max-width:100%}.hero-copy h1{font-size:clamp(52px,6.6vw,74px)}.hero-copy h1>.hero-subtitle{font-size:36px}.hero-copy-bottom p{font-size:14px}.hero-art-anchor{width:min(100%,calc(100svh - 310px))}.hero-edition{width:150px}.hero-edition h2{font-size:28px}.hero-detail{width:140px}.hero-detail>p:last-child{font-size:12px}
 .philosophy-stage{min-height:630px}.philosophy-copy{margin-left:53%;width:47%;margin-top:60px}.philosophy-copy h2{font-size:44px}.material-object-anchor{width:43%;inset:130px auto 115px 4vw}.material-object{max-width:380px}.glaze-intro{font-size:14px}.glaze-facts>div{grid-template-columns:80px 1fr;gap:13px}.glaze-facts dd{font-size:14px}.glaze-facts dt{font-size:12px}
 .tea-panel{grid-template-columns:1.6fr 1fr;gap:4vw}.tea-caption{padding-left:25px}.tea-caption h3{font-size:25px}.tea-detail{margin-bottom:18px}.tea-description{font-size:13px}.tea-tabs button{width:105px}.tea-art-pot{max-width:500px}.tea-art-cup{max-width:440px}
}
@media(max-width:760px){
 .header{height:76px;padding-inline:22px;gap:12px}.brand-cn{font-size:28px}.brand-en{font-size:8px;margin-top:4px;letter-spacing:.36em}.header nav{top:76px;padding:24px 22px;gap:15px}.header nav a{font-size:16px}.header-contact{font-size:12px;gap:8px}.header-contact svg{width:13px;height:13px;margin-left:0}.section-wrap,.gallery-window{width:calc(100% - 44px)}
 .hero-stage{height:auto;min-height:100svh;grid-template-columns:1fr;padding:111px 22px 150px;gap:23px;align-content:start;background:var(--canvas)}
 .hero-copy{max-width:none;padding:0}.hero-copy .eyebrow{font-size:12px;margin-bottom:16px}.hero-copy h1{font-size:clamp(45px,12vw,66px);letter-spacing:.06em;line-height:1.14}.hero-copy h1>.hero-subtitle{display:block;font-size:25px;line-height:1.5;margin:11px 0 0;letter-spacing:.1em}
 .hero-copy-bottom{display:block;margin-top:18px}.hero-copy-bottom p{max-width:none;font-size:13px;line-height:1.9;margin-bottom:15px}.hero-copy-bottom .line-link{font-size:13px}.hero-art-anchor{justify-self:center;width:min(100%,calc(100svh - 445px));min-width:230px;max-width:400px}.hero-art-label{right:0;bottom:-12px;font-size:10px}.hero-finish{display:none}

 .collection{padding-top:35px;padding-bottom:32px}.collection-stage .section-wrap,.collection .gallery-window{width:calc(100% - 44px);max-width:560px}.collection-heading{gap:14px;margin-bottom:24px;align-items:start}.collection-heading h2{font-size:30px}.filter-row{gap:26px}.product-rail{gap:24px 16px}.product-name{font-size:16px;line-height:1.6}.product-subtitle{font-size:12px;line-height:1.8;margin-top:4px}.product-meta{padding-top:11px}.gallery-bottom{padding-top:11px;margin-top:23px}.collection-pagination>button{font-size:14px}.product-photo{aspect-ratio:8/7;border-radius:2px;--edge:3px}.product-photo img{object-position:50% 49%}
 .philosophy-stage{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;padding:28px 22px 38px;overflow:hidden}.philosophy-header{order:0}.philosophy-header>span{display:block;font-size:11px}.material-backdrop{width:100%;height:450px;mask-image:linear-gradient(#000,transparent 100%);-webkit-mask-image:linear-gradient(#000,transparent 100%)}.material-backdrop:after{background:linear-gradient(180deg,#0b0e0d50,#0b0e0d00 30%,#0b0e0d 100%)}
 .material-object-anchor{position:relative;inset:auto;width:100%;margin:34px 0 5px;min-height:205px;justify-content:center;align-items:center;order:1}.material-object{width:min(92%,350px);aspect-ratio:800/485}.material-object-anchor:before{bottom:0}.material-caption{position:relative;inset:auto;order:2;text-align:center;font-size:10px;margin:6px 0 0}.philosophy-copy{order:3;width:100%;max-width:none;margin:35px 0 0}.philosophy-copy h2{font-size:37px;letter-spacing:.055em}.glaze-intro{font-size:14px;margin-top:16px}.glaze-facts{margin:23px 0 19px}.glaze-facts>div{grid-template-columns:82px 1fr;gap:14px;padding:11px 0}.glaze-facts dt{font-size:12px}.glaze-facts dd{font-size:14px}.glaze-facts .numeral{font-size:17px}.glaze-note{font-size:12px;max-width:none;line-height:1.9}.philosophy-copy .line-link{margin-top:18px;font-size:13px}
 .tea{padding-top:34px;padding-bottom:34px}.tea-heading{width:100%;gap:9px;margin-bottom:7px}.tea-heading h2{font-size:36px}.tea-heading .eyebrow{font-size:11px;margin:0}.tea-view{height:470px}.tea-panel{grid-template-columns:1fr;grid-template-rows:240px 1fr;gap:22px}.tea-art-wrap{padding:10px 0 0;max-height:none;align-items:center}.tea-art-wrap:before{bottom:3%}.tea-art{width:88%;max-height:100%}.tea-art-pot{max-width:335px}.tea-art-tray{width:100%;max-width:500px}.tea-art-cup{max-width:315px}
 .tea-caption{border:0;border-top:1px solid var(--line);padding:22px 0 0;max-width:none;display:block;align-self:stretch;position:relative;min-width:0}.tea-detail{float:right;width:31%;max-width:118px;margin:0 0 15px 18px}.tea-detail svg{aspect-ratio:1;height:auto}.tea-detail figcaption{font-size:9px;margin-top:7px}.tea-caption h3{font-size:24px;line-height:1.5;margin:0;letter-spacing:.02em}.tea-description{font-size:12px;margin-top:11px;line-height:1.8;max-width:62%}.tea-caption .line-link{font-size:12px;margin-top:19px}.tea-caption .line-link svg{width:14px;height:14px;margin-left:9px}
 .tea-navigation{margin-top:8px;justify-content:center}.tea-tabs{gap:0;padding:0;width:100%;justify-content:center}.tea-tabs button{width:33.33%;max-width:130px;font-size:11px;padding:9px 12px 11px;gap:9px}.tea-tabs button:after{left:12px;right:12px}.tea-thumbnail{width:74px;height:49px}.tea-scroll-note{display:none}
 .visit{padding-top:37px;padding-bottom:33px}.visit-row{grid-template-columns:1fr;gap:25px}.visit-title-block h2{font-size:32px}.visit-title-block>p:last-child{font-size:15px;margin-top:15px}.visit-title-block>p:last-child br{display:none}.visit-copy>p:first-child{font-size:13px;margin:0 0 14px}.consult-topics li{font-size:13px;padding:10px 0}.consult-topics li>span:last-child{font-size:11px}.visit-link{font-size:15px}.visit-actions{gap:20px}.visit-actions>.line-link{font-size:12px}.footer{padding-top:22px;padding-bottom:20px}.footer-wordmark{margin-bottom:15px}.footer-wordmark>span{font-size:25px}.footer-bottom{font-size:10px;flex-wrap:wrap}
}
@media(max-width:360px){.header-contact svg{display:none}.hero-art-anchor{min-width:210px}.hero-copy h1{font-size:43px}.tea-caption h3{font-size:22px}.tea-detail{max-width:95px}.tea-view{height:455px}.product-name{font-size:15px}}
@media(min-width:761px) and (max-height:679px){
 .hero-stage{min-height:570px;padding-top:107px;padding-bottom:153px}.hero-copy .eyebrow{margin-bottom:17px}.hero-copy h1{font-size:clamp(50px,5vw,66px)}.hero-copy h1>.hero-subtitle{font-size:30px;margin-top:11px}.hero-copy-bottom{margin-top:18px}.hero-copy-bottom p{font-size:13px;margin-bottom:13px}.hero-art-anchor{width:min(100%,calc(100svh - 235px));max-width:520px}.hero-edition{top:40%}.hero-detail{top:45%}.philosophy-stage{min-height:595px;height:auto}.philosophy-copy{margin-top:52px}.tea-view{height:430px}.tea-detail{width:245px}.tea-heading h2{font-size:40px}
}
/* A quiet inspection surface, controlled by the actual silhouette coordinates. */
.tea-view{height:clamp(420px,calc(100svh - 270px),580px)}
.tea-heading{margin-bottom:18px}.tea-panel{grid-template-columns:1.85fr 1fr;gap:5vw}
.tea-caption{padding-left:42px}.tea-detail{width:100%;max-width:340px;margin-bottom:24px}
.tea-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;letter-spacing:.045em;color:var(--soft);margin-bottom:14px}
.tea-detail-hint{font-size:10px;letter-spacing:0;color:#818c80}.tea-detail svg{aspect-ratio:1.22;background:#0b0e0d;transition:box-shadow .3s}
.tea-detail figcaption{height:18px;font-size:10px;color:#818c80;margin-top:9px}.detail-active .tea-detail figcaption{color:var(--text)}
.tea-art{position:relative}.tea-art.is-inspecting{cursor:crosshair}

.tea-navigation{position:absolute;top:25px;right:0;margin:0;gap:0;z-index:3}.tea-scroll-note{display:none}
.tea-tabs{align-items:center;gap:24px}.tea-tabs button{display:block;width:auto;max-width:none;min-width:40px;min-height:44px;font:400 14px/1.6 var(--sans);letter-spacing:.045em;padding:8px 0 10px}
.tea-tabs button+button{border:0}.tea-tabs button:after{left:0;right:0;height:1px;bottom:3px;background:#bfc8b3}
@media(min-width:761px) and (max-width:1100px){.tea-caption{padding-left:28px}.tea-detail svg{aspect-ratio:1.35}.tea-detail-heading{gap:8px}.tea-detail-hint{font-size:9px}.tea-caption h3{font-size:25px}}
@media(max-width:760px){
 .tea-navigation{top:5px;right:0;margin:0}.tea-tabs{width:auto;gap:18px}.tea-tabs button{font-size:12px;min-width:30px;padding-bottom:9px}.tea-tabs button:after{left:0;right:0;bottom:4px}
 .tea-heading{width:48%;margin-bottom:12px}.tea-heading .eyebrow{font-size:10px;letter-spacing:0}.tea-view{height:470px}.tea-panel{grid-template-columns:1fr;grid-template-rows:240px 1fr;gap:22px}
 .tea-caption{padding:20px 0 0;display:block}.tea-detail{float:right;width:31%;max-width:118px;margin:0 0 10px 18px}.tea-detail-heading{font-size:10px;margin:0 0 9px;display:block}.tea-detail-hint{display:none}.tea-detail svg{aspect-ratio:1}.tea-detail figcaption{display:none}
}
@media(min-width:761px) and (max-height:739px){.tea-view{height:440px;min-height:0}.tea-detail svg{aspect-ratio:1.6}.tea-caption h3{font-size:28px}.philosophy-stage{height:auto;min-height:595px}.tea-heading h2{font-size:40px}}
@media(hover:none){.tea-detail-hint{display:none}}
@media(max-width:760px){.hero-art-anchor{width:min(100%,calc(100svh - 545px));min-width:230px}.tea-view{height:435px}}
@media(max-width:760px) and (max-height:740px){.hero-stage{padding-top:100px;padding-bottom:132px;gap:18px}.hero-copy .eyebrow{margin-bottom:12px}.hero-copy h1{font-size:42px}.hero-copy h1>.hero-subtitle{font-size:23px;margin-top:8px}.hero-copy-bottom{margin-top:14px}.hero-copy-bottom p{font-size:12px;margin-bottom:11px}.hero-copy-bottom .line-link{font-size:12px}.hero-art-anchor{width:230px;min-width:0}.hero-art-label{bottom:3px}}

/* Firing information belongs to the material chapter, leaving the cover to the object. */
.hero-stage{padding-bottom:96px}.hero-art-label{bottom:2px}
@media(max-width:760px){.hero-stage{padding-bottom:92px}.hero-art-anchor{width:min(100%,calc(100svh - 490px));min-width:230px}.hero-art-label{bottom:-6px}}
@media(max-width:760px) and (max-height:740px){.hero-stage{padding-bottom:83px}.hero-art-anchor{width:240px;min-width:0}}
@media(min-width:761px) and (max-height:679px){.hero-stage{padding-bottom:85px}}
.tea-panel{min-height:0}.tea-caption{min-height:0;height:100%;max-height:100%}
@media(min-width:761px) and (max-height:739px){.tea-detail{margin-bottom:16px}.tea-caption .line-link{margin-top:18px}.tea-detail-heading{margin-bottom:10px}.tea-detail figcaption{margin-top:6px}}
@media(max-width:760px){.tea-caption{height:auto;max-height:none}}
@media(min-width:761px){.tea-panel{grid-template-rows:minmax(0,1fr)}.tea-art-wrap{min-height:0}}

/* Larger cover, with the object retaining its scroll-driven move and rotation. */
.hero-stage{padding-bottom:62px}
.hero-copy h1{font-size:clamp(76px,7.8vw,116px)}
.hero-copy h1>.hero-subtitle{font-size:clamp(36px,3.9vw,54px)}
.hero-art-anchor{width:min(100%,calc(100svh - 225px));max-width:740px}
@media(min-width:761px) and (max-width:1100px){.hero-copy h1{font-size:clamp(56px,7.1vw,82px)}.hero-copy h1>.hero-subtitle{font-size:40px}.hero-art-anchor{width:min(100%,calc(100svh - 265px))}}
@media(min-width:761px) and (max-height:679px){.hero-stage{padding-bottom:58px}.hero-copy h1{font-size:clamp(58px,5.6vw,80px)}.hero-copy h1>.hero-subtitle{font-size:34px}.hero-art-anchor{width:min(100%,calc(100svh - 225px));max-width:520px}}
@media(max-width:760px){.hero-stage{padding-bottom:44px}.hero-copy h1{font-size:clamp(48px,13vw,64px)}.hero-copy h1>.hero-subtitle{font-size:28px}.hero-art-anchor{width:min(100%,calc(100svh - 430px));min-width:230px;max-width:380px}.hero-art-label{bottom:-8px}}
@media(max-width:760px) and (max-height:740px){.hero-stage{padding-bottom:40px}.hero-copy h1{font-size:48px}.hero-copy h1>.hero-subtitle{font-size:26px}.hero-art-anchor{width:260px;min-width:0}}

/* Give the collection a full photographic row with a common image and caption baseline. */
.collection-stage .section-wrap,.collection .gallery-window{width:90%;max-width:1600px}
.collection-heading{margin-bottom:24px}.collection-heading h2{font-size:clamp(36px,2.7vw,44px);line-height:1.3}.collection-heading .eyebrow{margin-bottom:8px}
.product-rail,.horizontal .product-rail{gap:28px}.horizontal .product-card{flex-basis:calc((100% - 56px)/3)}
.product-imagewell{display:flex;align-items:center;width:100%;height:clamp(315px,calc(100svh - 370px),470px);aspect-ratio:auto}
.product-card .product-photo{width:100%;height:100%;aspect-ratio:auto;border-radius:0;transform-origin:50% 50%}
.product-photo img{object-position:50% 46%}
.product-card[data-product-id='object-02'] .product-photo img{object-position:50% 50%}
.product-card[data-product-id='object-06'] .photo-parallax{height:90%}
.product-meta{padding-top:14px}.product-name{font-size:22px;line-height:1.45}.product-subtitle{font-size:13px;margin-top:4px}
.gallery-bottom{border-top:0;padding-top:0;margin-top:18px;min-height:44px}
.collection-pagination{gap:16px}.page-numbers{gap:4px}.page-numbers button{width:30px;height:44px}
.page-numbers button>span{width:12px;height:1px;transform:none;transition:width .45s var(--ease),background .45s}
.page-numbers button[aria-current='page']>span{width:24px;transform:none}
@media(min-width:761px) and (max-width:1100px){.product-imagewell{height:auto;aspect-ratio:4/3}}
@media(max-width:760px){
 .collection-stage .section-wrap,.collection .gallery-window{width:calc(100% - 44px);max-width:560px}
 .collection-heading{margin-bottom:24px}.collection-heading h2{font-size:30px}
 .product-rail{gap:24px 16px}.product-imagewell{height:auto;aspect-ratio:8/7}.product-photo img{object-position:50% 49%}
 .product-meta{padding-top:13px}.product-name{font-size:16px;line-height:1.6}.product-subtitle{font-size:12px;margin-top:4px}.gallery-bottom{margin-top:18px}.collection-pagination{gap:10px}.page-numbers{gap:0}.page-numbers button{width:26px}.page-numbers button[aria-current='page']>span{width:20px}
}

/* Restore the object on the left and an independent text column on the right. */
@media(min-width:761px){
 .material-object-anchor{flex-direction:column;align-items:center;justify-content:center;gap:32px}
 .material-object-anchor:before{display:none}
 .material-caption{position:static;inset:auto;margin:0;text-align:center;font-size:13px}
}
@media(max-width:760px){.material-object-anchor{flex-direction:column;gap:24px}.material-caption{margin:0}}

/* Inspect the original photograph in a separate rectangular detail window. */
.tea-caption{border-left:0;padding-left:18px}
.tea-detail{width:100%;max-width:360px;margin:0 0 25px;float:none}
.tea-detail svg{aspect-ratio:16/10;border-radius:1px;background:var(--dark);box-shadow:none;mask:none;-webkit-mask:none}
.tea-detail-heading{margin-bottom:11px;font-size:11px}.tea-detail-hint{font-size:10px}
.tea-detail figcaption{display:block;font-size:10px;min-height:18px;height:18px;margin-top:8px}
.tea-art.is-inspecting{cursor:crosshair}
@media(min-width:761px) and (max-height:739px){.tea-detail{max-width:300px;margin-bottom:17px}.tea-detail svg{aspect-ratio:16/10}.tea-caption .line-link{margin-top:18px}}
@media(max-width:760px){
 .tea-heading{margin-bottom:24px}.tea-view{height:auto;min-height:0}
 .tea-panel{position:relative;inset:auto;display:grid;grid-template-columns:1fr;grid-template-rows:250px auto;gap:28px;height:auto;max-height:none}
 .tea-caption{padding:0;border:0;height:auto;max-height:none;display:flex;flex-direction:column;align-items:start}
 .tea-detail{width:100%;max-width:none;float:none;margin:0 0 24px}.tea-detail-heading{display:flex;font-size:11px;margin-bottom:10px}.tea-detail-hint{display:none}.tea-detail svg{aspect-ratio:16/10}
 .tea-detail figcaption{display:block}.tea-caption h3{font-size:25px}.tea-description{max-width:none;margin-top:8px}.tea-caption .line-link{margin-top:17px}
}

/* Keep the pinned tea sequence within shorter desktop windows. */
@media(min-width:761px){.tea-view{height:min(580px,calc(100svh - 240px));min-height:0}.tea-art-wrap{overflow:hidden}}
@media(min-width:761px) and (max-height:639px){.tea-detail{max-width:260px;margin-bottom:12px}.tea-detail-heading{margin-bottom:8px}.tea-caption h3{font-size:25px}.tea-description{font-size:13px;margin-top:8px}.tea-caption .line-link{font-size:13px;margin-top:13px}}



/* Restore the complete glaze chapter and natural scroll from the video. */
@font-face{font-family:'Guanqi Reference Serif';src:url('assets/fonts/glaze-reference-guanqi-serif.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Guanqi Reference Sans';src:url('assets/fonts/glaze-reference-guanqi-ui.woff2') format('woff2');font-weight:400;font-display:swap}
.philosophy{--dark:#090c0a;--text:#e5e3da;--soft:#a0aaa2;--sans:'Guanqi Reference Sans','PingFang SC',sans-serif;--serif:'Guanqi Reference Serif','Songti SC',serif;padding:0;background:var(--dark);font-family:var(--sans)}
.philosophy-stage{position:relative;isolation:isolate;display:grid;align-items:center;width:100%;max-width:none;margin:0;height:min(720px,calc(100svh - 108px));min-height:520px;max-height:none;grid-template-columns:1fr 1fr;grid-template-rows:24px 1fr;grid-template-areas:'header header' 'copy plate';gap:28px 6vw;padding:34px 6vw 50px;overflow:hidden;border:0;background:var(--dark)}
.philosophy-header{grid-area:header;position:static;display:flex;align-items:center;justify-content:space-between;align-self:start;gap:25px;font:400 14px/1.8 var(--sans);z-index:3;letter-spacing:0}
.philosophy-header .eyebrow{font:400 12px/1.6 var(--sans);letter-spacing:.06em}
.glaze-study{position:absolute;inset:0;margin:0;pointer-events:none;z-index:-1}
.glaze-macro{position:absolute;left:0;top:0;width:75%;height:100%;overflow:hidden;opacity:.28;mask-image:linear-gradient(90deg,#000 0%,#000 35%,transparent 100%),linear-gradient(180deg,transparent,#000 16%,#000 82%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 35%,transparent 100%),linear-gradient(180deg,transparent,#000 16%,#000 82%,transparent);mask-size:100% 100%;mask-repeat:no-repeat;mask-composite:intersect;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-composite:source-in}
.glaze-macro img{object-fit:cover;object-position:50% 52%;transform:scale(2.15);transform-origin:center}
.glaze-label{position:absolute;left:6vw;bottom:25px;margin:0;font:400 12px/1.8 var(--sans);color:var(--soft)}
.philosophy-stage>.texture-frame{grid-area:plate;position:relative;inset:auto;width:min(100%,440px);height:auto;aspect-ratio:1;align-self:center;justify-self:end;z-index:2;overflow:visible;background:transparent;border-radius:0;mask:none;-webkit-mask:none;filter:none;box-shadow:none;transform-origin:center}
.philosophy-stage>.texture-frame img{object-fit:cover;object-position:50% 61%;transform:none;mask:url('assets/plate-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/plate-mask.svg') center/100% 100% no-repeat;filter:none}
.philosophy-copy{grid-area:copy;position:relative;align-self:center;display:block;margin:0;width:auto;max-width:340px;padding:0;z-index:2}
.philosophy-copy h2{font:400 clamp(44px,4.25vw,58px)/1.35 var(--serif);letter-spacing:.035em}
.philosophy-copy p{font:400 16px/1.9 var(--sans);color:var(--text);margin-top:24px;max-width:260px}
.philosophy-copy .line-link{display:inline-flex;align-items:center;gap:30px;margin-top:34px;padding:5px 0 10px;font:400 15px/1.5 var(--sans);letter-spacing:0;border-color:currentColor}
.philosophy-copy .line-link svg{width:20px;height:20px;margin:0;stroke-width:1}
@media(min-width:761px) and (max-width:1100px){.philosophy-stage{gap:24px 5vw}.philosophy-stage>.texture-frame{width:min(100%,380px)}.philosophy-copy h2{font-size:46px}}
@media(max-width:760px){
 .philosophy-stage{height:auto;min-height:610px;max-height:none;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;grid-template-areas:'header' 'copy' 'plate';padding:32px 20px 46px;gap:24px}
 .philosophy-header{font-size:12px;gap:12px}.philosophy-header>span{display:block;font-size:12px;max-width:150px;text-align:right}
 .philosophy-copy{max-width:none;width:auto;margin:0;padding:0}.philosophy-copy h2{font-size:37px;line-height:1.4}.philosophy-copy h2 br{display:none}.philosophy-copy p{font-size:15px}
 .philosophy-stage>.texture-frame{width:min(100%,330px);justify-self:center;align-self:center}
 .glaze-macro{width:100%;mask-image:linear-gradient(90deg,#000,transparent),linear-gradient(180deg,transparent,#000 18%,#000 72%,transparent);-webkit-mask-image:linear-gradient(90deg,#000,transparent),linear-gradient(180deg,transparent,#000 18%,#000 72%,transparent)}
 .glaze-label{left:20px;bottom:20px;font-size:12px}
}

@media(min-width:761px) and (max-height:660px){.philosophy-stage{min-height:420px}.philosophy-stage>.texture-frame{width:min(100%,calc(100svh - 264px))}}

/* Give the SVG a definite viewport so every vessel fits its display area. */
.tea-art{height:100%}.tea-object{width:100%;height:100%}