:root{--ink:#17231d;--jade:#234d3b;--jade2:#315f49;--cream:#f3efe4;--paper:#faf8f2;--gold:#ad8b52;--line:rgba(23,35,29,.16);--serif:"Noto Serif SC",serif;--sans:Inter,"PingFang SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.8}a{color:inherit;text-decoration:none}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:absolute;top:0;left:0;width:100%;z-index:20;color:#fff}.brand{display:inline-flex;flex-direction:column;line-height:1}.brand-cn{font:700 23px var(--serif);letter-spacing:.24em}.brand-en{font:500 8px var(--sans);letter-spacing:.32em;margin-top:9px;opacity:.75}.site-nav{display:flex;align-items:center;gap:34px;font-size:13px}.site-nav a{opacity:.86;transition:.3s}.site-nav a:hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.5);padding:9px 18px}.menu-toggle{display:none;background:none;border:0}.hero{min-height:100vh;background:linear-gradient(135deg,#183b2e 0%,#254f3c 62%,#19362b 100%);color:#fff;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:120px 9vw 80px;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,rgba(255,255,255,.025) 48%);background-size:70px 70px;opacity:.55}.hero-noise{position:absolute;inset:0;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.hero-copy{position:relative;z-index:3;max-width:650px}.eyebrow{letter-spacing:.22em;font-size:11px;font-weight:600;color:var(--gold);margin:0 0 24px}.hero h1{font:500 clamp(48px,6.1vw,92px)/1.28 var(--serif);letter-spacing:.08em;margin:0}.hero-lead{font-family:var(--serif);font-size:16px;max-width:570px;color:rgba(255,255,255,.72);margin:30px 0 38px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border:1px solid transparent;font-size:13px;letter-spacing:.08em;cursor:pointer;transition:.3s}.button.primary{background:#d8c39b;color:#18352a}.button.primary:hover{background:#eadbbf;transform:translateY(-2px)}.button.ghost{border-color:rgba(255,255,255,.34);color:#fff}.button.ghost:hover{background:rgba(255,255,255,.08)}.hero-art{height:min(72vh,720px);position:relative;z-index:2}.sun{position:absolute;width:280px;height:280px;border-radius:50%;background:#d8bd87;right:7%;top:6%;opacity:.88}.mountain{position:absolute;bottom:0;right:-12%;width:115%;height:48%;clip-path:polygon(0 100%,14% 59%,27% 74%,46% 26%,65% 70%,80% 38%,100% 75%,100% 100%)}.mountain-back{background:#2f5e49;opacity:.8;transform:translateY(-80px)}.mountain-front{background:#102d23}.tea-bowl{position:absolute;width:230px;height:100px;border-radius:8px 8px 120px 120px;background:linear-gradient(180deg,#d7c298,#9f885d);bottom:18%;left:30%;box-shadow:0 30px 45px rgba(0,0,0,.24)}.tea-bowl:before{content:"";position:absolute;width:210px;height:28px;border-radius:50%;background:#182c24;left:10px;top:-13px;border:5px solid #b39b70}.tea-bowl span{position:absolute;width:70px;height:10px;border-radius:50%;background:rgba(0,0,0,.25);bottom:-15px;left:80px}.steam{position:absolute;width:55px;height:190px;border-left:2px solid rgba(255,255,255,.28);border-radius:50%;bottom:34%;left:49%;filter:blur(.3px)}.steam-1{transform:rotate(8deg)}.steam-2{left:55%;height:160px;transform:rotate(-10deg)}.seal{position:absolute;right:0;bottom:12%;border:1px solid #c45545;color:#d76454;font:600 20px/1.2 var(--serif);padding:8px}.scroll-hint{position:absolute;bottom:28px;left:9vw;z-index:4;font-size:10px;letter-spacing:.2em;color:rgba(255,255,255,.58)}.scroll-hint span{font-size:16px;margin-left:8px}.section{padding:110px 8vw}.section-label{font-size:10px;letter-spacing:.2em;color:#6d786f;margin-bottom:52px}.section-label.light{color:rgba(255,255,255,.5)}.statement-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;align-items:start}.statement h2,.tea-content h2,.art-heading h2,.space-header h2,.contact-panel h2{font:500 clamp(34px,4vw,62px)/1.42 var(--serif);letter-spacing:.06em;margin:0}.statement-copy{font-family:var(--serif);font-size:17px;color:#546158;padding-top:15px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:86px;border:1px solid var(--line)}.value-card{background:var(--paper);padding:42px 34px;min-height:275px}.value-card span{font-size:10px;color:var(--gold)}.value-card h3{font:600 23px var(--serif);margin:45px 0 12px}.value-card p{font-size:14px;color:#687269;margin:0}.tea-section{background:var(--jade);color:#fff}.tea-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;align-items:center}.image-frame{height:590px;position:relative;overflow:hidden;background:#18382c}.tea-image{background:linear-gradient(135deg,#143126,#315743)}.window-light{position:absolute;right:-6%;top:-4%;width:62%;height:80%;background:linear-gradient(145deg,rgba(247,228,183,.5),rgba(255,255,255,0));clip-path:polygon(25% 0,100% 0,100% 100%,0 64%)}.tea-table{position:absolute;bottom:12%;left:6%;width:88%;height:20%;background:#8c6a46;transform:perspective(500px) rotateX(62deg);box-shadow:0 25px 30px rgba(0,0,0,.28)}.tea-pot{position:absolute;bottom:28%;left:38%;width:115px;height:80px;border-radius:50% 50% 40% 40%;background:#b4a47e}.tea-pot:before{content:"";position:absolute;width:35px;height:35px;border:9px solid #b4a47e;border-left-color:transparent;border-radius:50%;right:-35px;top:14px}.tea-pot:after{content:"";position:absolute;width:55px;height:16px;background:#b4a47e;clip-path:polygon(0 40%,100% 0,100% 40%,0 100%);left:-48px;top:22px}.cup{position:absolute;bottom:25%;width:45px;height:32px;border-radius:4px 4px 20px 20px;background:#d4c9a8}.cup-a{left:22%}.cup-b{right:22%}.floating-note{position:absolute;right:-35px;bottom:42px;background:#e6d7b7;color:#17372b;padding:20px 28px;font:600 19px var(--serif);letter-spacing:.12em}.floating-note small{font:500 7px var(--sans);letter-spacing:.18em}.tea-content .intro{font-family:var(--serif);color:rgba(255,255,255,.68);font-size:16px;margin:24px 0 38px}.service-list{border-top:1px solid rgba(255,255,255,.18)}.service-list div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(255,255,255,.14);padding:19px 0}.service-list strong{font:500 17px var(--serif)}.service-list span{font-size:12px;color:rgba(255,255,255,.56);text-align:right}.text-link{display:inline-block;margin-top:34px;color:#ddc89f;font-size:13px}.text-link span{margin-left:10px}.art-heading{display:grid;grid-template-columns:.6fr 1.4fr;gap:4vw;align-items:start;margin-bottom:60px}.art-heading h2{max-width:900px}.art-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.art-card{border:1px solid var(--line);background:#f6f2e9}.art-card-large{grid-row:span 2}.art-card-wide{grid-column:1/-1;display:grid;grid-template-columns:1.1fr .9fr}.art-graphic{height:300px;position:relative;overflow:hidden;background:#ded8ca}.art-card-large .art-graphic{height:650px}.poster-graphic{background:linear-gradient(145deg,#d8c99f,#847452)}.poster-graphic:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:#244d3b;left:50%;top:50%;transform:translate(-50%,-50%)}.poster-graphic span{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);font:600 62px/1.35 var(--serif);color:#e8ddc2;letter-spacing:.18em}.exhibition-graphic{display:flex;justify-content:center;align-items:end;gap:22px;background:#e9e3d6}.exhibition-graphic i{display:block;width:90px;background:#224b39}.exhibition-graphic i:nth-child(1){height:48%}.exhibition-graphic i:nth-child(2){height:73%;background:#b49761}.exhibition-graphic i:nth-child(3){height:58%}.media-graphic{background:radial-gradient(circle at 65% 35%,#d5bd83 0 10%,transparent 11%),linear-gradient(135deg,#284d3d,#172c24)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;color:#fff;padding-left:5px}.event-graphic{height:350px;background:#224b39;display:flex;align-items:center;justify-content:center;gap:20px}.event-graphic b{font:500 100px var(--serif);color:#e8dcc1}.event-graphic em{position:absolute;width:70%;height:1px;background:#b6945a;bottom:60px}.art-meta{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:28px}.art-meta>span{color:var(--gold);font-size:10px}.art-meta h3{font:600 21px var(--serif);margin:0 0 8px}.art-meta p{font-size:13px;color:#69736b;margin:0}.space-section{background:#eee8dc}.space-header{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.space-header h2{max-width:760px}.space-header p{max-width:390px;color:#687269;font:15px var(--serif)}.gallery{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:300px 300px;gap:18px}.gallery-item{position:relative;overflow:hidden}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 55%)}.gallery-item span{position:absolute;left:28px;bottom:22px;color:#fff;z-index:2;font:500 18px var(--serif);letter-spacing:.1em}.gallery-a{grid-row:1/3;background:linear-gradient(135deg,#6e654f,#c0ab83)}.gallery-a:before{content:"";position:absolute;inset:12% 20%;border:20px solid #2e4b3c;border-bottom-width:180px}.gallery-b{background:linear-gradient(145deg,#d8c9a6,#806c4f)}.gallery-b:before{content:"";position:absolute;width:70%;height:70%;left:15%;top:15%;background:#223b31;box-shadow:30px 30px 0 #a98959}.gallery-c{background:#2a4e3e}.gallery-c:before{content:"文";position:absolute;font:600 180px var(--serif);color:#d3c39e;right:12%;top:-10%}.quote-section{padding:130px 8vw;text-align:center;background:#1a3c2e;color:#fff;position:relative}.quote-mark{font:120px Georgia;line-height:.6;color:#bba06e}.quote-section blockquote{font:500 clamp(30px,4vw,58px)/1.6 var(--serif);letter-spacing:.1em;margin:25px 0}.quote-section p{font-size:9px;letter-spacing:.3em;color:rgba(255,255,255,.45)}.contact-section{background:#f7f3e9}.contact-panel{background:#203f32;color:#fff;padding:70px;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw}.contact-panel>div>p:last-child{color:rgba(255,255,255,.6);font-family:var(--serif);max-width:480px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{font-size:11px;color:rgba(255,255,255,.6);letter-spacing:.08em}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:7px;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.27);color:#fff;padding:9px 0;font:14px var(--sans);outline:none}.contact-form select option{color:#222}.contact-form textarea{resize:vertical}.contact-form label:nth-child(4){grid-column:1/-1}.contact-form button{justify-self:start}.form-note{font-size:10px;color:rgba(255,255,255,.42);margin:0;align-self:center}.site-footer{background:#102a21;color:#fff;padding:55px 8vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px}.footer-info{font-size:11px;color:rgba(255,255,255,.5)}.footer-info p{margin:3px 0}.footer-copy{font-size:9px;letter-spacing:.16em;color:rgba(255,255,255,.35)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}@media(max-width:900px){.site-header{height:72px}.menu-toggle{display:block;width:40px;height:40px;position:relative;z-index:30}.menu-toggle span{position:absolute;left:8px;width:24px;height:1px;background:#fff}.menu-toggle span:first-child{top:15px}.menu-toggle span:last-child{top:24px}.site-nav{position:fixed;inset:0;background:#17372b;display:flex;flex-direction:column;justify-content:center;font:500 22px var(--serif);transform:translateX(100%);transition:.4s}.site-nav.open{transform:none}.hero{grid-template-columns:1fr;padding:125px 7vw 70px}.hero-copy{z-index:5}.hero-art{position:absolute;inset:auto -15% 0 20%;height:52%;opacity:.72}.hero h1{font-size:52px}.scroll-hint{left:7vw}.section{padding:80px 7vw}.statement-grid,.tea-layout,.art-heading,.contact-panel{grid-template-columns:1fr}.values{grid-template-columns:1fr}.value-card{min-height:auto}.tea-visual{margin-bottom:20px}.floating-note{right:0}.art-grid{grid-template-columns:1fr}.art-card-large{grid-row:auto}.art-card-large .art-graphic{height:450px}.art-card-wide{grid-column:auto;display:block}.space-header{display:block}.gallery{grid-template-columns:1fr;grid-template-rows:420px 260px 260px}.gallery-a{grid-row:auto}.contact-panel{padding:44px 28px}.site-footer{grid-template-columns:1fr}.footer-copy{margin-top:10px}}@media(max-width:560px){.brand-cn{font-size:19px}.hero{min-height:900px}.hero h1{font-size:43px}.hero-lead{font-size:14px}.hero-actions{align-items:stretch}.button{width:100%}.hero-art{left:-10%;right:-35%;height:45%}.statement h2,.tea-content h2,.art-heading h2,.space-header h2,.contact-panel h2{font-size:34px}.section-label{margin-bottom:35px}.image-frame{height:420px}.floating-note{font-size:15px}.service-list div{display:block}.service-list span{display:block;text-align:left;margin-top:5px}.art-card-large .art-graphic{height:420px}.poster-graphic span{font-size:48px}.art-card-wide .art-graphic{height:280px}.contact-form{grid-template-columns:1fr}.contact-form label:nth-child(4){grid-column:auto}.site-footer{padding-bottom:35px}}