@charset "UTF-8";
:root{--ink:#172e2a;--paper:#f6f5f0;--muted:#747c75;--line:#d9ded6;--red:#9d4436;--serif:"Yuan Serif",serif;--sans:"Yuan Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:6px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2,.serif{font-family:var(--serif)}button{background:none;border:0}::selection{background:#cdd9cf}.wrap{max-width:1320px;width:calc(100% - 112px);margin:auto}.eyebrow{font-family:"Yuan Sans",sans-serif;font-size:12px;letter-spacing:3px;text-transform:uppercase}.muted{color:var(--muted)}.header{height:96px;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.seal{display:grid;place-items:center;width:43px;height:48px;background:var(--red);color:#fff;font:27px var(--serif);outline:1px solid #f6f5f099;outline-offset:-5px}.brand-name{font-family:var(--serif);font-size:28px;letter-spacing:6px;line-height:1.3}.brand-en{font:10px "Yuan Sans",sans-serif;letter-spacing:2px;margin-top:6px}.nav{display:flex;gap:27px;align-items:center}.nav a{font-size:14px;position:relative;white-space:nowrap;line-height:95px}.nav a:after{content:"";position:absolute;bottom:23px;left:0;width:0;height:2px;background:var(--red);transition:width .2s}.nav a:hover:after,.nav a.active:after{width:100%}.nav a.active{color:var(--red)}.menu-toggle{display:none}.hero{height:650px;max-height:calc(100svh - 96px);min-height:540px;position:relative;overflow:hidden;background:var(--ink);color:#fff}.hero-photo{position:absolute;inset:0;height:100%;object-position:center 56%;filter:saturate(.6)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,32,27,.89),rgba(13,32,27,.22) 63%,rgba(13,32,27,.12)),linear-gradient(0deg,rgba(13,32,27,.5),transparent 35%)}.hero-content{height:100%;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-bottom:35px}.hero .eyebrow{color:#e3e9db;margin-bottom:25px}.hero h1{font-size:clamp(46px,4.8vw,72px);letter-spacing:9px;line-height:1.5}.hero p{font-size:16px;letter-spacing:3px;color:#e0e5d9;margin-top:22px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;min-height:50px;padding:11px 23px;border:1px solid var(--ink);font-size:14px;transition:background .2s,color .2s}.button:hover{background:var(--ink);color:var(--paper)}.button.light{border-color:#ffffff80;color:white}.button.light:hover{background:var(--paper);color:var(--ink)}.hero .button{margin-top:36px}.hero-bottom{position:absolute;bottom:26px;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;color:#e0e5d9;font-size:12px;letter-spacing:2px}.hero-index{display:flex;gap:18px;align-items:center}.hero-index i{width:80px;height:1px;background:#ffffff55}.vertical-note{position:absolute;right:0;top:95px;writing-mode:vertical-rl;letter-spacing:7px;font:14px/2 var(--serif)}.announcement{border-bottom:1px solid var(--line);font-size:14px}.announcement .wrap{display:flex;gap:30px;align-items:center;min-height:72px}.announcement-label{color:var(--red);white-space:nowrap}.announcement a{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.announcement time{color:var(--muted);font:12px "Yuan Sans",sans-serif}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px;gap:30px}.section-kicker{display:flex;align-items:center;gap:14px;margin-bottom:12px}.section-kicker:before{content:"";width:25px;height:1px;background:var(--red)}h2{font-size:38px;letter-spacing:4px;line-height:1.5}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:6px;white-space:nowrap}.text-link span{margin-left:26px}.intro{display:grid;grid-template-columns:1.03fr 1fr;gap:80px;align-items:center}.intro-picture{position:relative}.intro-picture img{height:430px}.picture-caption{position:absolute;bottom:-20px;right:-22px;padding:20px 28px;background:var(--ink);color:var(--paper);font:20px var(--serif);letter-spacing:5px}.intro-copy h2{margin-bottom:26px}.intro-copy p{color:#606e64;line-height:2.2;margin:16px 0}.intro-copy .text-link{display:inline-block;margin-top:18px}.business{background:var(--ink);color:var(--paper)}.business .section-kicker:before{background:#c99b7d}.business .eyebrow{color:#b0bdb1}.business .text-link{border-color:#a8b6a4}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff2b}.business-card{padding:33px 35px 0 0;border-right:1px solid #ffffff2b;margin-right:35px;display:flex;flex-direction:column;position:relative}.business-card:last-child{border-right:0;margin-right:0;padding-right:0}.business-no{font:italic 30px Georgia;color:#93a394;margin-bottom:20px}.business-card h3{font:28px var(--serif);letter-spacing:3px;margin-bottom:15px}.business-card p{color:#b7c2b4;font-size:14px;min-height:54px;margin-bottom:30px}.business-card img{height:225px;filter:saturate(.65);transition:filter .3s}.business-card:hover img{filter:saturate(1)}.business-card .card-arrow{position:absolute;right:35px;top:35px;font-size:25px}.filters{display:flex;gap:30px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:36px}.filters button{padding:10px 0 16px;font-size:14px;position:relative;color:#687266}.filters button.active{color:var(--red)}.filters button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--red)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 24px}.project-card{display:block}.project-image{overflow:hidden;background:#e1e3db}.project-image img{height:280px;transition:transform .5s,filter .5s;filter:saturate(.68)}.project-card:hover img{transform:scale(1.035);filter:saturate(1)}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:16px}.project-meta h3{font-family:var(--serif);font-size:23px;letter-spacing:1px}.project-meta span{font-size:22px}.project-caption{color:var(--muted);font-size:12px;letter-spacing:1px;margin-top:7px}.news-section{border-top:1px solid var(--line)}.news-layout{display:grid;grid-template-columns:.8fr 1.7fr;gap:80px}.news-layout h2{margin-bottom:30px}.news-row{display:grid;grid-template-columns:80px 1fr 25px;gap:25px;align-items:center;padding:25px 0;border-top:1px solid var(--line)}.news-row:last-child{border-bottom:1px solid var(--line)}.news-date{font:12px "Yuan Sans",sans-serif;color:var(--muted)}.news-date b{display:block;font:32px Georgia;color:var(--ink);margin-bottom:8px}.news-row h3{font-size:17px;line-height:1.7;margin-bottom:7px}.news-row:hover h3{color:var(--red)}.news-row p{font-size:13px;color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.site-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.site-item{text-align:left;padding:0;display:block}.site-item img{height:220px;filter:saturate(.65)}.site-item p{margin-top:14px;font-size:14px}.site-item small{color:var(--muted);font-size:12px;display:block}.site-section{background:#ebece5}.contact-band{padding:65px 0;background:#e2e6dc}.contact-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-band h2{font-size:32px}.contact-band p{font-size:14px;color:var(--muted);margin-top:10px}.footer{background:#122823;color:#dbe3d8;padding:60px 0 24px}.footer-top{display:grid;grid-template-columns:1.1fr 1.4fr 1fr;gap:65px;padding-bottom:45px}.footer .brand{margin-bottom:18px}.footer p{font-size:13px;color:#a9b9aa}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 25px;font-size:14px}.footer-label{font-size:12px;letter-spacing:2px;color:#a9b9aa}.footer-phone{display:block;font:26px Georgia;margin:10px 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding-top:20px;font-size:12px;color:#a9b9aa}.inner-hero{padding:66px 0 58px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.inner-hero .wrap{position:relative;z-index:1}.breadcrumbs{font-size:12px;color:var(--muted);display:flex;gap:16px;margin-bottom:34px}.inner-hero h1{font-size:52px;letter-spacing:7px;line-height:1.5}.inner-hero .eyebrow{color:var(--red);margin-bottom:12px}.inner-hero p{margin-top:18px;color:var(--muted);max-width:660px}.inner-mark{position:absolute;right:4%;bottom:-45px;font:180px var(--serif);color:#e5e8df;letter-spacing:18px;pointer-events:none}.page-content{padding:64px 0 100px}.about-wide img{height:460px}.about-story{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;margin:60px 0}.about-story p{line-height:2.2;color:#607063;margin-bottom:22px}.quote{font:30px/1.8 var(--serif);letter-spacing:5px;border-left:3px solid var(--red);padding-left:26px;margin-top:40px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;border-top:1px solid var(--line);padding-top:36px}.values h3{font:24px var(--serif);margin-bottom:15px}.values p{font-size:14px;color:var(--muted)}.service-row{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:50px 0;border-bottom:1px solid var(--line)}.service-row:first-child{padding-top:0}.service-row img{height:360px}.service-row h2{margin:12px 0 22px}.service-row p{color:var(--muted);margin-bottom:20px}.tags{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 28px}.tags span{border:1px solid var(--line);font-size:13px;padding:6px 12px}.article-list{max-width:1000px}.article-list .news-row{padding:32px 0;grid-template-columns:100px 1fr 28px}.article-list h3{font-size:21px}.list-note{font-size:13px;color:var(--muted);margin-top:30px}.article{max-width:860px;margin:auto}.article h1{font:36px/1.65 var(--serif);margin:25px 0}.article-meta{font-size:13px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:35px}.article-body{font-size:17px;line-height:2.2}.article-body p{margin-bottom:24px;overflow-wrap:anywhere}.article-source{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding:24px 0;margin-top:40px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px}.gallery-grid .site-item img{height:300px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-grid h2{font-size:30px;letter-spacing:2px}.contact-details{margin-top:30px}.contact-detail{display:grid;grid-template-columns:90px 1fr;padding:18px 0;border-bottom:1px solid var(--line);gap:20px}.contact-detail dt{color:var(--muted);font-size:14px}.contact-detail dd{margin:0;overflow-wrap:anywhere}.contact-feature{position:relative;min-height:510px;color:#fff;display:flex;align-items:flex-end;padding:35px;overflow:hidden}.contact-feature img{position:absolute;inset:0;height:100%;filter:brightness(.5) saturate(.5)}.contact-feature div{position:relative}.contact-feature h3{font:34px/1.7 var(--serif);letter-spacing:4px}.contact-feature p{margin-top:15px;font-size:14px}.contact-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.dialog{border:0;padding:0;background:var(--paper);color:var(--ink);max-width:1000px;width:90vw;max-height:92vh}.dialog::backdrop{background:#0a1715d9;backdrop-filter:blur(5px)}.dialog-inner{padding:25px}.dialog-close{float:right;border:1px solid var(--line);width:42px;height:42px;font-size:25px;line-height:1;margin-bottom:15px}.dialog img{height:60vh;object-fit:contain;background:#e4e7df}.dialog h2{font-size:25px;margin-top:20px}.dialog p{color:var(--muted);font-size:14px}.dialog-source{font-size:12px;text-decoration:underline}.empty{padding:60px;text-align:center}.back-top{position:fixed;bottom:24px;right:20px;background:var(--paper);border:1px solid var(--line);width:42px;height:42px;z-index:10}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 22px;z-index:100;font-size:14px;box-shadow:0 10px 30px #0002}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:10px}.skip:focus{top:10px}
@media(min-width:1600px){.hero{height:720px}}@media(max-width:1200px){.wrap{width:calc(100% - 64px)}.nav{gap:17px}.nav a{font-size:13px}.brand-name{font-size:25px}.intro{gap:45px}.project-image img{height:230px}.news-layout{gap:45px}.footer-top{gap:35px}}
@media(max-width:1000px){.header{height:80px}.menu-toggle{display:block;border:1px solid var(--line);padding:5px 12px;font-size:14px}.nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--paper);padding:20px 32px;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.nav.open{display:grid}.nav a{line-height:45px;font-size:15px}.nav a:after{bottom:4px;width:0;max-width:60px}.hero{max-height:none;height:640px}.hero h1{font-size:59px}.project-grid{grid-template-columns:repeat(2,1fr)}.business-card{padding-right:20px;margin-right:20px}.business-card img{height:180px}.intro{gap:35px}.intro-picture img{height:400px}.intro-copy h2{font-size:32px}.site-strip{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1}.gallery-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:40px}.about-story{gap:40px}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header{height:74px}.brand-name{font-size:24px}.brand-en{font-size:9px}.seal{width:35px;height:41px;font-size:23px}.nav{top:74px}.hero{height:650px;min-height:0}.hero-photo{object-position:60% center}.hero:after{background:linear-gradient(90deg,#0d201bd9,#0d201b33),linear-gradient(0deg,#0d201b66,transparent)}.hero-content{padding-bottom:30px}.hero h1{font-size:43px;letter-spacing:5px;line-height:1.65}.hero p{font-size:14px;letter-spacing:1px;max-width:270px;line-height:2}.hero .eyebrow{font-size:10px;letter-spacing:2px}.vertical-note{display:none}.hero-bottom{font-size:10px;letter-spacing:1px}.hero-bottom .hero-index{gap:10px}.hero-index i{width:30px}.announcement .wrap{gap:15px;min-height:65px}.announcement time{display:none}.announcement-label{font-size:12px}.announcement a{font-size:12px}.section{padding:65px 0}.section-head{gap:15px;margin-bottom:28px;align-items:center}h2{font-size:30px;letter-spacing:2px}.eyebrow{font-size:10px;letter-spacing:2px}.text-link{font-size:12px}.text-link span{margin-left:12px}.intro{grid-template-columns:1fr;gap:45px}.intro-picture img{height:300px}.picture-caption{right:12px;font-size:18px;padding:17px 20px}.intro-copy p{font-size:15px}.business-grid{grid-template-columns:1fr}.business-card{margin:0;padding:25px 0;border-right:0;border-bottom:1px solid #ffffff2b;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.business-no{font-size:23px;margin-bottom:8px}.business-card h3{font-size:26px}.business-card p{grid-column:1;margin:0;min-height:0;font-size:12px}.business-card img{grid-column:2;grid-row:1/4;height:185px}.business-card .card-arrow{display:none}.filters{gap:24px;margin-bottom:25px}.filters button{font-size:13px}.project-grid{grid-template-columns:1fr;gap:32px}.project-image img{height:270px}.project-meta h3{font-size:23px}.news-layout{grid-template-columns:1fr;gap:30px}.news-layout h2{margin-bottom:20px}.news-row{grid-template-columns:55px 1fr 18px;gap:18px}.news-row h3{font-size:15px}.site-strip{gap:22px 14px}.site-item img{height:170px}.site-item p{font-size:13px}.contact-band{padding:40px 0}.contact-band .wrap{align-items:start;flex-direction:column;gap:25px}.contact-band h2{font-size:27px}.footer{padding-top:40px}.footer-top{gap:35px 25px}.footer-brand{grid-column:1/-1}.footer-links{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:10px;font-size:12px}.footer-contact{grid-column:1/-1}.footer-bottom{flex-direction:column;font-size:11px;gap:6px}.inner-hero{padding:35px 0}.breadcrumbs{margin-bottom:25px}.inner-hero h1{font-size:38px}.inner-hero p{font-size:14px}.inner-mark{font-size:110px;bottom:-25px;right:-20px}.page-content{padding:40px 0 65px}.about-wide img{height:260px}.about-story{grid-template-columns:1fr;gap:30px;margin:35px 0}.quote{font-size:25px}.values{grid-template-columns:1fr;gap:25px}.service-row{grid-template-columns:1fr;gap:30px;padding:35px 0}.service-row img{height:250px}.service-row h2{margin:8px 0 15px}.article-list .news-row{grid-template-columns:55px 1fr 20px;gap:16px;padding:25px 0}.article-list h3{font-size:17px}.gallery-grid{grid-template-columns:1fr;gap:28px}.gallery-grid .site-item img{height:280px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-feature{min-height:380px}.contact-detail{grid-template-columns:70px 1fr;gap:10px}.contact-detail dd{font-size:14px}.article h1{font-size:28px}.article-body{font-size:16px}.dialog-inner{padding:15px}.dialog img{height:48vh}.dialog h2{font-size:22px}.back-top{bottom:16px;right:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}