@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Noto+Serif+SC:wght@400;500;600&display=swap');

:root{--paper:#f5f1e9;--ink:#282b25;--red:#963e31;--muted:#73756b;--line:#d8d6ca;--serif:"Cormorant Garamond",Georgia,"Noto Serif SC",serif;--sans:Arial,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
body::selection{background:#b46a55;color:white}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:6px}
button{border:0}
img{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
em{font-weight:inherit}
.page-width{width:min(100% - 112px,1328px);margin-inline:auto}
.section-space{padding-block:112px}
.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--ink);color:white;z-index:100}
.skip-link:focus{top:12px}
.reading-progress{height:2px;position:fixed;inset:0 0 auto;background:var(--red);transform:scaleX(0);transform-origin:left;z-index:50}
.site-header{height:88px;padding-inline:56px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;background:rgba(245,241,233,.96);backdrop-filter:blur(12px)}
.brand{display:inline-flex;gap:12px;align-items:center;font-size:14px;font-weight:600;letter-spacing:1.6px;white-space:nowrap}
.brand-seal{display:grid;place-items:center;line-height:1;font:25px "Noto Serif SC",serif;border:1px solid var(--red);color:var(--red);width:35px;height:38px}
.main-nav{display:flex;align-items:center;gap:32px;font-size:12px}
.main-nav a{position:relative}
.main-nav a::after{position:absolute;bottom:-7px;left:0;right:0;height:1px;background:var(--red);content:"";transform:scaleX(0);transform-origin:left;transition:transform .2s}
.main-nav a:hover::after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:28px}
.language-switch{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}
.language-switch button{padding:6px 2px;background:none;opacity:.5}
.language-switch button[aria-pressed=true]{opacity:1}
.language-switch>span{opacity:.3}
.header-inquire{display:flex;align-items:center;gap:32px;background:var(--ink);color:var(--paper);font-size:12px;padding:12px 17px}
.header-inquire:hover{background:var(--red)}
.hero{padding-top:32px}
.eyebrow,.tiny-label{text-transform:uppercase;font-size:10px;letter-spacing:1.9px;font-weight:500;line-height:1.5;display:flex;align-items:center;gap:12px}
.hero-topline{display:flex;align-items:center;justify-content:space-between}
.status-dot{width:6px;height:6px;display:inline-block;background:var(--red);border-radius:50%;flex-shrink:0}
.domain-wordmark{font:500 clamp(82px,14.1vw,204px)/1.04 var(--serif);letter-spacing:-.045em;white-space:nowrap;display:block;text-align:center;margin:5px -10px 18px}
.domain-wordmark span{color:var(--red)}
.hero-scene{position:relative;height:560px;overflow:hidden;background:#dcd7c9}
.hero-image{width:100%;height:100%;object-fit:cover;object-position:34% center}
.hero-scene::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 37%,rgba(233,226,212,.08) 48%,rgba(233,226,212,.7) 100%);z-index:1;pointer-events:none}
.hero-copy{position:absolute;top:50%;transform:translateY(-50%);left:55%;width:39%;z-index:2}
.hero-copy .tiny-label{font-size:8px;letter-spacing:1.8px;margin-bottom:24px;color:#555a50}
.hero-copy h2{font:500 clamp(34px,3.65vw,54px)/.98 var(--serif);letter-spacing:-.025em}
.hero-copy h2 em{font-weight:400;color:var(--red)}
.hero-copy>p{font-size:12px;line-height:1.85;margin-top:22px;max-width:290px;color:#5e6259}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:15px 21px;font-size:11px;letter-spacing:.3px;line-height:1.5;transition:background .2s,transform .2s}
.button:hover{transform:translateY(-2px)}
.button-red{color:#fff8ef;background:var(--red);margin-top:24px}
.button-red:hover{background:#783126}
.hero-side-label{position:absolute;left:20px;top:24px;writing-mode:vertical-rl;letter-spacing:5px;font:11px "Noto Serif SC",serif;color:rgba(40,43,37,.65);z-index:2}
.hero-bottomline{display:flex;align-items:center;justify-content:space-between;padding-top:19px;font-size:10px;letter-spacing:.4px;color:var(--muted)}
.hero-bottomline a{display:flex;gap:20px;align-items:center;color:var(--ink)}
.hero-bottomline a>span:last-child{font-size:17px}
.section-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:42px}
.section-number{color:var(--red);padding-right:8px}
.small-aside{font-size:11px;line-height:1.6;color:var(--muted);text-align:right}
.display-heading{font:500 clamp(40px,4.3vw,64px)/1.04 var(--serif);letter-spacing:-.025em}
.display-heading em{font-weight:400;color:var(--red)}
.section-intro{font-size:13px;color:var(--muted);line-height:1.9}
.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%}
.name-intro>.section-intro{max-width:385px;margin-top:25px}
.name-art{border:1px solid var(--line);height:280px;margin-top:43px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(130deg,#ede8dc,#f5f1e9)}
.name-art::after{content:"";position:absolute;inset:10px;border:1px solid rgba(150,62,49,.15);pointer-events:none}
.name-art-top{font-size:10px;letter-spacing:5px;color:var(--red);margin-top:0}
.hanzi{font:500 115px/1.35 "Noto Serif SC",serif;letter-spacing:18px;padding-left:18px;color:var(--red)}
.name-art-bottom{display:flex;justify-content:space-between;width:calc(100% - 60px);font:italic 14px var(--serif);color:var(--muted);position:absolute;bottom:28px}
.name-reasons{padding-top:5px}
.reason{border-bottom:1px solid var(--line);padding:23px 0;display:flex;gap:27px}
.reason:first-child{padding-top:0}
.reason-index{font:italic 19px var(--serif);color:var(--red);width:20px;flex-shrink:0;margin-top:1px}
.reason h3{font:500 27px/1.1 var(--serif);letter-spacing:-.01em;margin-bottom:10px}
.reason p{font-size:12px;line-height:1.8;color:var(--muted);max-width:355px}
.name-address{margin-top:28px}
.name-address .tiny-label{font-size:8px}
.name-address p{font:500 47px/1.3 var(--serif);letter-spacing:-2px}
.name-address p span{color:var(--red)}
.context-section{background:#74392e;color:#f7f0e4;position:relative;overflow:hidden;padding:83px 0 58px}
.context-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(74,28,21,.95),rgba(74,28,21,.79)),url("assets/craft-v2.jpg") center/cover;opacity:.8}
.context-content{position:relative}
.context-section .section-number{color:#d7a48a}
.context-heading-row{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:end;margin-top:32px}
.context-section .display-heading{font-size:clamp(46px,4.9vw,72px)}
.context-section .display-heading em{color:#dcb298}
.context-heading-row>p{max-width:370px;font-size:13px;line-height:1.9;color:#e0c7b8;padding-bottom:5px}
.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:43px;margin-top:58px}
.evidence{border-top:1px solid rgba(248,237,219,.35);padding-top:22px;display:flex;flex-direction:column;align-items:start}
.evidence .tiny-label{font-size:8px;letter-spacing:1.5px;color:#d6b7a5}
.evidence h3{font:400 36px/1.1 var(--serif);margin-top:15px;letter-spacing:-.7px}
.evidence:first-child h3{font-size:48px;margin-top:6px}
.evidence h3 span{font:300 29px var(--serif);vertical-align:super}
.evidence p{font-size:11px;color:#e3cdbe;line-height:1.85;margin-top:15px;margin-bottom:24px;max-width:310px}
.evidence a{display:flex;gap:18px;align-items:center;font-size:9px;color:#f0dacc;margin-top:auto;border-bottom:1px solid rgba(248,237,219,.25);padding-bottom:3px}
.evidence a:hover{color:white;border-color:white}
.context-note{font-size:9px;color:#d2b09d;margin-top:36px}
.possibilities-heading-row{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:end;margin-bottom:48px}
.possibilities-heading-row>.section-intro{max-width:360px;padding-bottom:3px}
.possibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 38px}
.possibility-image{position:relative;height:300px;background:#ddd7c9;overflow:hidden}
.possibility-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}
.possibility-card:hover .possibility-image img{transform:scale(1.025)}
.culture-image img{object-position:center 48%;filter:saturate(.75)}
.travel-image img{object-position:center 49%}
.craft-image img{object-position:center 55%}
.community-image img{object-position:76% 45%}
.image-index{position:absolute;left:18px;bottom:16px;z-index:2;font-size:8px;letter-spacing:1.3px;color:white}
.possibility-image::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 70%,rgba(0,0,0,.4));pointer-events:none}
.possibility-copy{padding:23px 0 0}
.possibility-copy h3{font:500 32px/1.2 var(--serif);letter-spacing:-.4px}
.possibility-copy p{font-size:12px;color:var(--muted);line-height:1.85;margin-top:13px;max-width:420px}
.tag-list{display:flex;flex-wrap:wrap;gap:9px 19px;margin-top:19px}
.tag-list span{font-size:9px;color:#686c60;border-bottom:1px solid var(--line);padding-bottom:4px}
.possibilities-note{font-size:10px;color:var(--muted);margin-top:33px;font-style:italic}
.bridge-section{position:relative;text-align:center;padding:54px 0 75px;border-bottom:1px solid var(--line)}
.bridge-line{height:50px;width:1px;background:var(--red);margin:auto auto 25px}
.bridge-hanzi{font:200px "Noto Serif SC",serif;color:rgba(150,62,49,.045);position:absolute;left:50%;top:50%;transform:translate(-50%,-43%);pointer-events:none;z-index:0}
.bridge-section>.tiny-label{display:block;color:var(--red);position:relative}
.bridge-section h2{font:400 clamp(34px,4vw,60px)/1.17 var(--serif);margin-top:22px;letter-spacing:-.5px;position:relative}
.bridge-section h2 em{color:var(--red)}
.bridge-section>p:last-child{font-size:11px;color:var(--muted);margin-top:23px;position:relative}
.acquisition-section{display:grid;grid-template-columns:1fr 1fr;gap:11%}
.acquisition-intro .display-heading{margin-top:32px}
.acquisition-intro .section-intro{margin-top:23px;max-width:355px}
.text-link{display:inline-flex;align-items:center;gap:23px;font-size:11px;border-bottom:1px solid var(--ink);padding-bottom:7px;margin-top:29px}
.text-link:hover{color:var(--red);border-color:var(--red)}
.faq-list{align-self:center}
.faq-list details{border-top:1px solid var(--line);padding-block:23px}
.faq-list details:last-child{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;font:500 23px/1.35 var(--serif)}
summary::-webkit-details-marker{display:none}
.faq-symbol{width:11px;height:11px;position:relative;flex-shrink:0}
.faq-symbol::before,.faq-symbol::after{content:"";position:absolute;top:5px;left:0;width:11px;height:1px;background:var(--red)}
.faq-symbol::after{transform:rotate(90deg)}
details[open] .faq-symbol::after{transform:rotate(0)}
.faq-list details>p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:18px;max-width:390px}
.contact-section{background:#292e26;color:var(--paper);position:relative;overflow:hidden;padding:88px 0 70px}
.contact-watermark{position:absolute;font:400 410px/1 var(--serif);color:rgba(239,229,211,.025);bottom:-80px;left:50%;transform:translateX(-50%);letter-spacing:15px;pointer-events:none}
.contact-inner{position:relative;text-align:center}
.contact-inner .eyebrow{justify-content:center;color:#c9c7b6}
.contact-inner .status-dot{background:#c59378}
.contact-inner h2{font:400 clamp(42px,5vw,74px)/1.03 var(--serif);letter-spacing:-1px;margin-top:29px}
.contact-inner h2 em{color:#cfaa8d}
.contact-inner>p:not(.eyebrow):not(.copy-status){font-size:12px;line-height:1.8;color:#b9beaf;margin-top:24px}
.contact-email{font:400 clamp(30px,4vw,57px)/1.4 var(--serif);display:inline-flex;align-items:center;gap:32px;border-bottom:1px solid #6f7768;margin-top:28px;letter-spacing:-.7px}
.contact-email>span{font:30px var(--sans)}
.contact-email:hover{color:#dfb99c}
.contact-actions{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:31px}
.button-light{background:var(--paper);color:var(--ink)}
.button-light:hover{background:#dfc3ab}
.copy-email{background:none;display:flex;align-items:center;gap:10px;color:#dbdfd1;font-size:10px;padding:12px 0}
.copy-email:hover{color:white}
.copy-status{height:19px;color:#d6bc9c;font-size:10px;margin-top:16px}
.contact-section a:focus-visible,.contact-section button:focus-visible{outline-color:#dfc3ab}
.site-footer{padding-top:32px;padding-bottom:25px}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:27px}
.footer-top .brand{font-size:12px}
.footer-top .brand-seal{font-size:21px;width:30px;height:32px}
.footer-top>p{font:italic 17px var(--serif);color:var(--muted)}
.back-top{display:flex;align-items:center;gap:16px;font-size:10px}
.footer-bottom{display:flex;align-items:start;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;font-size:9px;color:var(--muted);gap:30px}
.credits{text-align:right;max-width:560px}
.credits summary{cursor:pointer;list-style:none;display:inline-block;border-bottom:1px solid transparent}
.credits summary:hover{border-color:var(--muted)}
.credits>div{text-align:left;padding-top:12px;line-height:1.8}
.credits p+p{margin-top:8px}
.credits a{text-decoration:underline;text-underline-offset:2px}
html[lang=zh-Hans] .display-heading,html[lang=zh-Hans] .hero-copy h2,html[lang=zh-Hans] .contact-inner h2,html[lang=zh-Hans] .bridge-section h2{font-family:"Noto Serif SC",serif;line-height:1.5;letter-spacing:0}
html[lang=zh-Hans] .display-heading{font-size:clamp(30px,3.25vw,47px)}
html[lang=zh-Hans] .hero-copy h2{font-size:clamp(30px,3vw,44px);line-height:1.55}
html[lang=zh-Hans] .hero-copy h2 em,html[lang=zh-Hans] .display-heading em,html[lang=zh-Hans] .contact-inner h2 em,html[lang=zh-Hans] .bridge-section h2 em{font-style:normal}
html[lang=zh-Hans] .hero-copy .tiny-label{margin-bottom:17px}
html[lang=zh-Hans] .hero-copy>p{margin-top:18px}
html[lang=zh-Hans] .reason h3,html[lang=zh-Hans] .possibility-copy h3,html[lang=zh-Hans] .faq-list summary{font-family:"Noto Serif SC",serif;font-size:20px;line-height:1.5}
html[lang=zh-Hans] .evidence h3{font-family:"Noto Serif SC",serif;font-size:29px;line-height:1.5}
html[lang=zh-Hans] .evidence:first-child h3{font-family:var(--serif);font-size:48px}
html[lang=zh-Hans] .contact-inner h2{font-size:clamp(34px,4vw,56px)}
html[lang=zh-Hans] .bridge-section h2{font-size:clamp(29px,3.2vw,45px)}
@media(min-width:1700px){.domain-wordmark{font-size:220px}.hero-scene{height:610px}.hero-copy h2{font-size:60px}}
@media(max-width:1100px){.site-header{padding-inline:34px}.page-width{width:calc(100% - 68px)}.main-nav{gap:22px}.header-actions{gap:20px}.hero-scene{height:510px}.hero-copy{left:55%;width:40%}.hero-copy .tiny-label{font-size:7px;letter-spacing:1px}.hero-copy h2{font-size:42px}.hero-copy>p{max-width:240px;font-size:11px}.name-grid,.acquisition-section{gap:8%}.reason h3{font-size:25px}.possibility-image{height:270px}.evidence-grid{gap:27px}.evidence h3{font-size:30px}.section-space{padding-block:90px}.name-art{height:260px}.name-art-bottom{font-size:12px}}
@media(max-width:760px){html{scroll-padding-top:80px}.site-header{height:73px;padding-inline:22px;gap:16px}.page-width{width:calc(100% - 44px)}.brand{font-size:12px;letter-spacing:1px;gap:8px}.brand-seal{width:28px;height:31px;font-size:21px}.main-nav{display:none}.header-actions{gap:16px}.header-inquire{padding:9px 11px;gap:16px;font-size:10px}.language-switch{font-size:10px;gap:5px}.hero{padding-top:24px}.eyebrow{font-size:8px;letter-spacing:1.3px;gap:8px}.hero-edition{display:none}.domain-wordmark{font-size:14.8vw;margin:12px -5px 17px}.hero-scene{height:650px;display:flex;flex-direction:column;overflow:hidden;background:#e9e3d7}.hero-image{height:340px;object-fit:cover;object-position:12% center;position:absolute;inset:0 0 auto}.hero-scene::before{inset:0 0 auto;height:350px;background:linear-gradient(180deg,transparent 77%,#e9e3d7 100%)}.hero-copy{position:relative;top:auto;left:auto;transform:none;width:auto;z-index:2;margin:315px 28px 25px}.hero-copy .tiny-label{font-size:7px;letter-spacing:1.25px;margin-bottom:15px}.hero-copy h2{font-size:38px;line-height:1.02;max-width:330px}.hero-copy h2 br:nth-child(2){display:none}.hero-copy h2 em br{display:none}.hero-copy h2 em{display:block;margin-top:4px}.hero-copy>p{font-size:11px;line-height:1.75;margin-top:17px;max-width:290px}.button-red{margin-top:20px}.hero-side-label{left:14px;top:18px;font-size:9px;letter-spacing:4px}.hero-bottomline{font-size:8px;gap:15px;padding-top:16px}.hero-bottomline a{gap:11px;white-space:nowrap}.section-space{padding-block:70px}.section-heading{margin-bottom:28px}.small-aside{font-size:9px}.display-heading{font-size:42px}.name-grid{grid-template-columns:1fr;gap:34px}.name-intro>.section-intro{font-size:12px;max-width:360px;margin-top:20px}.name-art{height:240px;margin-top:28px}.hanzi{font-size:100px}.name-reasons{padding-top:0}.reason{padding-block:23px;gap:22px}.reason h3{font-size:26px}.reason p{font-size:12px}.name-address{display:flex;align-items:center;justify-content:space-between;gap:12px}.name-address .tiny-label{font-size:7px;letter-spacing:1px}.name-address p{font-size:37px;white-space:nowrap}.context-section{padding:60px 0 42px}.context-heading-row{grid-template-columns:1fr;gap:25px;margin-top:27px}.context-section .display-heading{font-size:49px}.context-heading-row>p{font-size:12px;max-width:100%}.evidence-grid{grid-template-columns:1fr;gap:27px;margin-top:34px}.evidence{padding-top:19px;display:grid;grid-template-columns:1fr;gap:0}.evidence h3{font-size:33px}.evidence:first-child h3{font-size:45px}.evidence p{max-width:none;font-size:12px;margin-top:11px;margin-bottom:15px}.evidence a{justify-self:start;font-size:9px}.context-note{font-size:9px;margin-top:26px}.possibilities-heading-row{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.possibilities-heading-row>.section-intro{font-size:12px;max-width:100%}.possibility-grid{grid-template-columns:1fr;gap:35px}.possibility-image{height:270px}.possibility-copy{padding-top:19px}.possibility-copy h3{font-size:29px}.possibility-copy p{font-size:12px;margin-top:11px}.tag-list{margin-top:14px}.possibilities-note{font-size:9px;margin-top:24px}.bridge-section{padding:18px 0 60px}.bridge-section h2{font-size:37px}.bridge-section .tiny-label{font-size:8px}.bridge-hanzi{font-size:170px}.bridge-section>p:last-child{font-size:11px}.acquisition-section{grid-template-columns:1fr;gap:33px}.acquisition-intro .display-heading{margin-top:26px}.acquisition-intro .section-intro{font-size:12px;max-width:100%;margin-top:20px}.faq-list details{padding-block:20px}.faq-list summary{font-size:23px}.faq-list details>p{font-size:12px}.contact-section{padding:63px 0 44px}.contact-inner h2{font-size:42px;margin-top:25px}.contact-inner>p:not(.eyebrow):not(.copy-status){font-size:11px;margin-top:21px}.contact-email{font-size:34px;gap:22px;margin-top:24px}.contact-email>span{font-size:23px}.contact-actions{gap:23px;margin-top:28px}.contact-watermark{font-size:210px;bottom:-20px}.footer-top{flex-wrap:wrap;row-gap:20px}.footer-top>p{order:3;width:100%;font-size:16px}.footer-bottom{font-size:8px;gap:18px}.credits{max-width:65%}.footer-top .brand{font-size:11px}.back-top{font-size:9px}.site-footer{padding-top:26px}html[lang=zh-Hans] .hero-copy h2{font-size:30px;line-height:1.5}html[lang=zh-Hans] .hero-scene{height:630px}html[lang=zh-Hans] .hero-copy{margin-top:315px}html[lang=zh-Hans] .hero-copy h2 br:nth-child(2){display:block}html[lang=zh-Hans] .display-heading{font-size:33px}html[lang=zh-Hans] .contact-inner h2{font-size:33px}html[lang=zh-Hans] .bridge-section h2{font-size:29px}html[lang=zh-Hans] .reason h3,html[lang=zh-Hans] .possibility-copy h3{font-size:21px}}
@media(max-width:380px){.site-header{padding-inline:16px}.page-width{width:calc(100% - 32px)}.header-actions{gap:10px}.header-inquire{gap:10px}.hero-copy{margin-inline:22px}.hero-copy h2{font-size:34px}.hero-bottomline{font-size:7.5px}.contact-email{font-size:30px;gap:15px}.contact-actions{gap:20px}.button{padding:14px 18px;gap:27px}.name-address p{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(min-width:761px){
  .hero-image{width:78%;object-position:30% top}
  .hero-scene::before{background:linear-gradient(90deg,transparent 38%,rgba(220,215,201,.1) 52%,#dcd7c9 84%)}
  .hero-copy>p{font-size:13px;max-width:315px}
  .section-intro{font-size:14px}
  .reason p,.possibility-copy p,.faq-list details>p{font-size:13px}
  .evidence p{font-size:12px}
}
@media(max-width:760px){.hero-image{object-position:12% top}}
