@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+TC:wght@400;500;600;700&display=swap');
:root{--paper:#f6f3ed;--paper-light:#fffdfa;--ink:#25312b;--muted:#64675d;--terra:#926643;--earth:#715236;--stroke:#e4dfd6;--green:#293d31;--header:78px;--serif:'Noto Serif TC','Songti TC','PingFang TC','Microsoft JhengHei',serif;--sans:'DM Sans','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:#e8e5df;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:#c8bb9d;color:#243129}.skip-link{position:fixed;z-index:200;top:-100px;left:12px;padding:12px;background:white}.skip-link:focus{top:12px}#story,#thoughts,#local,#brands,#inquiry{scroll-margin-top:76px}.site-header{position:sticky;top:0;z-index:50;background:rgba(249,247,242,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 clamp(18px,4vw,68px);border-bottom:1px solid rgba(40,52,42,.08)}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand svg{width:43px;color:var(--green)}.brand-name{font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:.2em}.brand-name small{display:block;margin-top:1px;font:600 8px/1 var(--sans);letter-spacing:.19em}.desktop-nav{display:flex;gap:clamp(12px,2.5vw,40px);align-items:center}.desktop-nav a{font:500 12px/1 var(--sans);letter-spacing:.06em;transition:color .2s}.desktop-nav a:hover{color:var(--terra)}.header-cta{padding:13px 18px;background:var(--earth);color:white;border-radius:50px;font-size:12px;white-space:nowrap;transition:background .25s,transform .25s}.header-cta:hover{background:#493922;transform:translateY(-2px)}.header-cta span{margin-left:12px}.menu-toggle,.mobile-menu{display:none}.magazine-grid{max-width:1680px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:10px;padding:10px;background:#e8e5df}.story-column{min-width:0;background:var(--paper);border-radius:9px;overflow:hidden;box-shadow:0 4px 25px rgba(45,40,31,.035)}.story-column .text-panel{padding:clamp(25px,3.1vw,47px) clamp(19px,2.3vw,37px)}.story-column h1,.story-column h2{font-family:var(--serif);font-weight:600;letter-spacing:.045em;line-height:1.52;margin:17px 0 22px;text-wrap:balance}.story-column h1{font-size:clamp(25px,2.5vw,36px)}.story-column h2{font-size:clamp(23px,2.1vw,31px)}.story-column p{font-size:clamp(12px,.96vw,14px);line-height:2.03;letter-spacing:.025em;margin:0 0 14px}.story-column p:last-child{margin-bottom:0}.story-column p.emphasis{font-family:var(--serif);font-weight:600;color:var(--terra);font-size:clamp(13px,1.05vw,15.5px);line-height:1.85}.story-column .eyebrow,.eyebrow{color:#98887c;font:500 9px/1.5 var(--sans);letter-spacing:.22em!important;margin:15px 0 11px!important}.mini-rule{display:block;width:29px;height:1px;background:#b5aba0}.photo-cover{position:relative;min-height:370px;background:#53655b}.photo-cover>img{width:100%;height:370px;object-fit:cover;object-position:56% 50%}.photo-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,15,12,.05) 0%,transparent 55%,rgba(8,19,18,.42) 100%);pointer-events:none}.cover-copy{position:absolute;z-index:1;bottom:22px;left:23px;color:white;text-shadow:0 1px 12px rgba(0,0,0,.3)}.cover-copy span{display:block;font-size:9px;letter-spacing:.25em;margin-bottom:5px}.cover-copy strong{font:500 25px/1.48 var(--serif);letter-spacing:.08em}.story-intro{min-height:225px;padding:28px 25px 16px;display:flex;flex-direction:column;align-items:flex-start}.story-intro p{margin-top:22px!important;font:400 14px/1.95 var(--serif);letter-spacing:.05em}.scroll-cue{margin:auto auto 0;display:flex;flex-direction:column;align-items:center;color:#968b7b;font-size:35px;line-height:1;transition:transform .25s}.scroll-cue:hover{transform:translateY(5px)}.scroll-cue small{font:500 8px/1.8 var(--sans);letter-spacing:.27em;margin-top:9px}.lead-panel{padding-top:48px!important}.edge-photo{width:100%;height:auto;object-fit:cover}.tall-landscape{aspect-ratio:1.05/1;object-fit:cover}.number-strip{display:flex;justify-content:space-evenly;align-items:center;gap:4px;color:white;padding:25px 9px;background:#35463b}.number-strip>div{display:flex;align-items:center;flex-direction:column;min-width:0}.number-strip strong{font:400 27px/1 var(--sans);letter-spacing:-.04em}.number-strip strong span{font-size:16px}.number-strip small{font-size:9px;color:#dedacf;margin-top:10px;white-space:nowrap}.photo-caption{position:relative;overflow:hidden}.photo-caption img{aspect-ratio:1/1;object-fit:cover}.photo-caption>span{position:absolute;bottom:18px;right:20px;color:#fff8e9;font:italic 27px/1.4 var(--serif);text-shadow:0 3px 14px #0008;transform:rotate(-6deg)}.small-muted{font-style:italic;color:#8a7d6e}.video-tile{position:relative;overflow:hidden;background:#29332c;min-height:215px;aspect-ratio:1.15/1;color:white}.video-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.76);transition:transform .8s,filter .5s}.video-tile:not(.playing):hover>img{transform:scale(1.05);filter:brightness(.65)}.video-tile::after{content:"";pointer-events:none;position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.66))}.video-play{position:absolute;z-index:3;top:44%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:61px;height:61px;border:1px solid rgba(255,255,255,.94);border-radius:50%;color:white;background:rgba(9,19,15,.18);backdrop-filter:blur(6px);transition:transform .2s,background .2s}.video-play:hover{transform:translate(-50%,-50%) scale(1.1);background:rgba(9,19,15,.44)}.video-play svg{width:30px;height:30px;margin-left:4px}.video-info{position:absolute;z-index:2;left:22px;bottom:19px;right:15px;display:flex;flex-direction:column;gap:5px}.video-info span{font-size:9px;letter-spacing:.2em;color:#ded9cb}.video-info strong{font:500 17px/1.5 var(--serif)}.video-info a{align-self:flex-start;font-size:10px;border-bottom:1px solid #ffffff8a;padding-bottom:2px}.iframe-slot{position:absolute;z-index:5;inset:0}.iframe-slot iframe{display:block;width:100%;height:100%;border:0}.wide-video{aspect-ratio:1.08/1}.photo-quote{position:relative;min-height:290px;background:#292b25}.photo-quote img{width:100%;height:310px;object-fit:cover;filter:brightness(.67)}.photo-quote blockquote{position:absolute;z-index:2;bottom:33px;left:26px;font:400 21px/1.7 var(--serif);color:white;letter-spacing:.08em;margin:0}.service-principles{padding:22px 6px 31px;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:4px}.service-principles>div{padding:0 2px;border-right:1px solid #e4dcd0}.service-principles>div:last-child{border:0}.service-principles span{display:block;font:400 31px/1.4 var(--serif);color:#9a734f}.service-principles strong{display:block;margin:7px 0 6px;font:600 12px var(--serif)}.service-principles small{display:block;font-size:9px;color:#827767}.header-detail{aspect-ratio:1.32;object-fit:cover}.company{margin:30px 0 0;padding:15px 0 0;border-top:1px solid #dcd2c5}.company-num{color:#9a7b60;font-size:10px;font-weight:600;letter-spacing:.08em}.company strong{display:block;font:600 14px/1.8 var(--serif);margin:9px 0}.company p{font-size:12px}.social{margin-top:24px;border-top:1px solid var(--stroke);padding-top:16px}.social p{margin-top:8px}.social small{font-size:10px;line-height:1.8;color:#9d978d;display:block}.manifesto{background:#f0ebe3}.ending-video{aspect-ratio:1.2}.column-cta{display:flex;align-items:center;justify-content:space-between;background:#78543a;color:#fff;font:500 12px/1.4 var(--serif);letter-spacing:.1em;margin:25px 20px;padding:16px 19px;border-radius:50px;transition:transform .25s,background .25s}.column-cta:hover{background:#513b2d;transform:translateY(-2px)}.column-cta span{font:24px/1 var(--sans)}.inquiry-section{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,490px);align-items:center;gap:clamp(40px,7vw,110px);overflow:hidden;padding:clamp(60px,8vw,135px) clamp(25px,9vw,175px);color:#fff;background:#26382f}.inquiry-backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,35,29,.86),rgba(20,35,29,.66)),url('./yunnan-old-town-sunset-real-v4.webp') center center/cover no-repeat}.inquiry-copy{max-width:630px}.inquiry-copy .eyebrow{color:#debb9b}.inquiry-copy h2{font:500 clamp(31px,3.8vw,58px)/1.45 var(--serif);letter-spacing:.06em;margin:22px 0}.inquiry-copy h2 i{font-style:normal;color:#eddbc0}.inquiry-copy>p:not(.eyebrow){max-width:490px;font-size:14px;line-height:2.1;color:#ede9df}.inquiry-signature{display:block;font:italic 21px/1.6 var(--serif);margin-top:65px;color:#f1d0a9}.inquiry-form{background:#f9f7f2;color:var(--ink);padding:clamp(23px,3vw,42px);border-radius:6px;box-shadow:0 15px 60px #0003}.form-top h3{font:600 clamp(21px,2vw,28px)/1.4 var(--serif);letter-spacing:.05em;margin:15px 0 8px}.form-top>p:last-child{color:#8b857b;font-size:12px;line-height:1.8;margin-bottom:24px}.inquiry-form label{display:block;color:#4b4d42;font-size:12px;font-weight:500;margin-bottom:15px}.inquiry-form label em{color:#a55534;font-style:normal}.inquiry-form input:not([type=checkbox]),.inquiry-form select,.inquiry-form textarea{display:block;width:100%;min-height:43px;margin-top:7px;background:#fff;border:1px solid #e4e1dc;border-radius:4px;padding:11px 12px;color:#282e29;font-size:13px;outline:0;transition:border-color .25s,box-shadow .25s}.inquiry-form textarea{resize:vertical;min-height:110px}.inquiry-form input:focus,.inquiry-form textarea:focus,.inquiry-form select:focus{border-color:#9a7652;box-shadow:0 0 0 3px #9a765222}.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#adaaa3}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.inquiry-form .consent-row{display:flex;align-items:flex-start;gap:9px;color:#66665f;font-size:11px;font-weight:400;line-height:1.7;margin:15px 0}.consent-row input{margin:3px 0 0;accent-color:#795538;flex-shrink:0}.form-hint{color:#948e84;font-size:10.5px;line-height:1.5}.submit-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 20px;margin-top:10px;background:#835c3e;color:#fff;border:0;border-radius:4px;font:500 13px/1.4 var(--serif);transition:background .2s}.submit-btn:hover{background:#66432d}.submit-btn:disabled{opacity:.65;cursor:wait}.submit-btn span{font-size:19px}.form-feedback{font-size:12px;line-height:1.6;min-height:20px;margin:12px 0 0}.form-feedback.success{color:#267244}.form-feedback.error{color:#ae4f3a}.trap{position:absolute;left:-10000px;opacity:0;pointer-events:none}.site-footer{background:#18241e;color:#f7f4ed;padding:54px clamp(25px,8vw,130px) 25px}.footer-inner{max-width:1360px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer-title{font:500 29px/1 var(--serif)}.footer-title small{display:block;font:500 10px/2 var(--sans);letter-spacing:.2em}.footer-brand p{font:400 12px/1.9 var(--serif);color:#c3c9c0}.footer-links{display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:18px;color:#dfdcd5;font-size:12px}.footer-links a:hover{color:white;text-decoration:underline;text-underline-offset:6px}.footer-bottom{border-top:1px solid #ffffff26;padding-top:22px;display:flex;justify-content:space-between;grid-column:1/-1;color:#a9b4ab;font-size:11px}.mobile-sticky{display:none}.reveal{transition:opacity .7s ease,transform .7s ease;opacity:0;transform:translateY(16px)}.reveal.is-visible{opacity:1;transform:none}@media(max-width:1180px){.desktop-nav{gap:12px}.magazine-grid{gap:8px;padding:8px}.story-column .text-panel{padding:22px 19px}.story-column h2{font-size:24px}.story-column p{font-size:12px}.number-strip{padding:20px 4px}.number-strip strong{font-size:22px}.number-strip small{font-size:8px}.inquiry-section{padding:80px 5vw}}@media(min-width:651px) and (max-width:920px){.magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-column h1,.story-column h2{font-size:29px}.story-column p{font-size:14px}.desktop-nav{display:none}.inquiry-section{grid-template-columns:1fr 1fr;gap:35px}}@media(max-width:650px){:root{--header:57px}body{background:#f2f0eb}.site-header{height:var(--header);padding:0 18px;background:#f9f7f3;border-bottom:1px solid #e8e3db}.brand svg{width:32px}.brand{gap:6px}.brand-name{font-size:17px}.brand-name small{font-size:6px}.desktop-nav{display:none}.header-cta{font-size:11px;padding:8px 12px;margin-left:auto}.header-cta span{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;width:31px;height:35px;border:0;background:transparent;justify-content:center;align-items:center;margin-right:-7px}.menu-toggle span{height:1px;width:18px;background:#3a4236;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-menu:not([hidden]){display:flex;position:fixed;z-index:49;top:57px;left:0;right:0;background:#f9f7f3;flex-direction:column;gap:0;padding:12px 23px 24px;box-shadow:0 16px 20px #0002}.mobile-menu a{padding:14px 0;border-bottom:1px solid #e6e1da;font:500 15px var(--serif)}.magazine-grid{width:100%;max-width:475px;margin:0 auto;display:flex;flex-direction:column;gap:0;padding:0;box-shadow:0 0 28px #33333306}.story-column{width:100%;border-radius:0;box-shadow:none;overflow:hidden}.story-column .text-panel{padding:38px 30px 37px}.story-column h1,.story-column h2{font-size:29px;letter-spacing:.07em;line-height:1.47;margin:14px 0 18px}.story-column h1{font-size:33px}.story-column p{font-size:13px;line-height:2.1;letter-spacing:.03em;margin-bottom:14px}.story-column p.emphasis{font-size:14px}.story-column .eyebrow,.eyebrow{font-size:9px}.photo-cover{min-height:0}.photo-cover>img{height:auto;aspect-ratio:1.12/1;object-fit:cover;object-position:53% center}.cover-copy{left:27px;bottom:22px}.cover-copy strong{font-size:26px}.cover-copy span{font-size:9px}.story-intro{min-height:222px;padding:35px 30px 26px}.story-intro p{font-size:15px;line-height:2.05}.scroll-cue{font-size:33px}.lead-panel{padding-top:45px!important}.tall-landscape{aspect-ratio:1.2/1;object-position:center}.number-strip{padding:23px 6px}.number-strip strong{font-size:27px}.number-strip small{font-size:9px}.photo-caption img{aspect-ratio:1.45;object-position:center 55%}.story-column .story-top{padding-top:48px}.video-tile{min-height:0;aspect-ratio:1.36}.video-play{width:59px;height:59px}.video-info{left:23px;bottom:20px}.video-info strong{font-size:18px}.video-info span{font-size:9px}.video-info a{font-size:11px}.photo-quote img{height:auto;aspect-ratio:1.45/1;object-fit:cover}.photo-quote{min-height:0}.photo-quote blockquote{font-size:21px}.wide-video{aspect-ratio:1.45}.service-principles{padding:20px 25px 36px}.service-principles strong{font-size:12px}.service-principles small{font-size:10px}.header-detail{aspect-ratio:1.6}.company strong{font-size:14px}.manifesto{padding-bottom:45px!important}.ending-video{aspect-ratio:1.43}.column-cta{margin:30px 28px 43px}.inquiry-section{grid-template-columns:1fr;gap:37px;padding:68px 20px 90px}.inquiry-backdrop{background:linear-gradient(180deg,rgba(20,35,29,.84),rgba(20,35,29,.78)),url('./yunnan-old-town-sunset-real-v4.webp') center/cover no-repeat}.inquiry-copy{padding:0 10px}.inquiry-copy h2{font-size:33px}.inquiry-copy>p:not(.eyebrow){font-size:12px;line-height:2.05}.inquiry-signature{margin-top:27px;font-size:19px}.inquiry-form{padding:27px 19px}.inquiry-form .eyebrow{font-size:8.5px}.form-top h3{font-size:22px}.field-grid{grid-template-columns:1fr}.inquiry-form label{font-size:12px}.site-footer{padding:47px 25px 115px}.footer-inner{display:block}.footer-brand{margin-bottom:28px}.footer-links{justify-content:flex-start;gap:17px}.footer-bottom{margin-top:40px;gap:20px;font-size:10px}.mobile-sticky{display:flex;position:fixed;z-index:40;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;border:1px solid #ffffff31;border-radius:50px;background:rgba(44,60,47,.96);box-shadow:0 10px 30px #15251b54;color:white;padding:14px 19px;font:500 12px/1.4 var(--serif);letter-spacing:.04em;backdrop-filter:blur(14px)}.mobile-sticky span:last-child{font-size:20px;line-height:1}}@media(max-width:345px){.story-column .text-panel{padding-left:24px;padding-right:24px}.story-column h1{font-size:30px}.number-strip small{font-size:8px}.story-intro{padding-left:24px}.header-cta{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}