:root{color:#202624;background:#f4f0e7;font-family:Noto Sans SC,Source Han Sans SC,Microsoft YaHei,PingFang SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #f4f0e7;--paper-light: #faf8f3;--ink: #202624;--muted: #686c67;--line: #d8d1c5;--teal: #073f42;--teal-deep: #052f32;--orange: #c86734;--white: #fffdf8;--serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, SimSun, serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(32,38,36,.1);background:#faf8f3f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{width:min(100% - 48px,1240px);height:90px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.wordmark{display:inline-flex;flex:0 0 auto;flex-direction:column;gap:1px}.wordmark span{font-size:21px;font-weight:800;letter-spacing:.08em}.wordmark small{color:var(--muted);font-size:9px;letter-spacing:.12em}.site-nav{display:flex;align-items:center;gap:clamp(22px,3vw,42px)}.site-nav a,.nav-contact{position:relative;padding:8px 0;border:0;background:transparent;font-size:14px;cursor:pointer}.site-nav a:after,.nav-contact:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.site-nav a:hover:after,.site-nav a:focus-visible:after,.nav-contact:hover:after,.nav-contact:focus-visible:after{transform:scaleX(1)}.nav-contact{color:var(--teal);font-weight:700}.icon-button{display:inline-grid;width:42px;height:42px;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--paper-light);cursor:pointer}.menu-button{display:none}.hero{min-height:650px;display:grid;grid-template-columns:minmax(440px,44%) 1fr;background:var(--paper-light);border-bottom:1px solid var(--line)}.hero-copy{align-self:center;width:min(100%,620px);margin-left:max(32px,calc((100vw - 1240px)/2));padding:72px 64px 72px 0}.eyebrow{margin:0 0 18px;color:var(--orange);font-size:12px;font-weight:700;letter-spacing:.18em}.hero h1,.section-heading h2,.brand-story h2,.featured-copy h2,.projects-heading h2,.closing-copy h2,.contact-modal h2,.project-modal h2{margin:0;font-family:var(--serif);font-weight:700;letter-spacing:-.045em}.hero h1{max-width:650px;font-size:clamp(52px,5.6vw,86px);line-height:1.17}.hero-description{max-width:530px;margin:32px 0 0;color:#454a46;font-size:18px;line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:42px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 25px;border:1px solid transparent;border-radius:1px;font-weight:700;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--teal);color:var(--white)}.button-primary:hover,.button-primary:focus-visible{background:var(--teal-deep)}.button-secondary{border-color:var(--teal);background:transparent;color:var(--teal)}.button-secondary:hover,.button-secondary:focus-visible{background:var(--teal);color:var(--white)}.hero-visual{position:relative;min-height:650px;margin:0;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:54% center}.brand-story{width:min(100% - 48px,1240px);min-height:310px;margin:0 auto;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:60px;padding:56px 0}.brand-story h2,.section-heading h2,.projects-heading h2,.technical-heading h2,.closing-copy h2{font-size:clamp(38px,4vw,60px);line-height:1.25}.brand-story h2{font-size:clamp(34px,3vw,46px)}.brand-story-copy>p:last-child{max-width:470px;margin:24px 0 0;color:var(--muted);font-size:16px;line-height:2}.brand-lines{width:100%;mix-blend-mode:multiply}.capability-section{padding:60px max(24px,calc((100vw - 1240px)/2));background:var(--paper-light);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{max-width:900px;margin:0 auto 42px;text-align:center}.section-heading h2{font-size:clamp(36px,3.6vw,52px)}.capability-list{display:grid;grid-template-columns:repeat(3,1fr)}.capability-item{min-height:200px;padding:0 52px;border-left:1px solid var(--line)}.capability-item:last-child{border-right:1px solid var(--line)}.capability-number{display:block;margin-bottom:24px;color:var(--orange);font-family:var(--serif);font-size:46px;font-style:italic}.capability-item h3{margin:0 0 18px;font-size:24px}.capability-item p{margin:0;color:var(--muted);font-size:15px;line-height:1.9}.featured-project{width:min(100% - 48px,1240px);margin:0 auto;display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(48px,7vw,100px);align-items:center;padding:120px 0}.featured-image{overflow:hidden}.featured-image img{width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform .6s ease}.featured-image:hover img{transform:scale(1.025)}.featured-copy h2{font-size:clamp(42px,4.6vw,66px);line-height:1.15}.featured-lead{margin:18px 0 36px;color:var(--muted);font-family:var(--serif);font-size:22px}.feature-points{display:grid;gap:24px;margin:0;padding:0;list-style:none}.feature-points li{display:grid;grid-template-columns:38px 1fr;gap:16px;color:var(--teal)}.feature-points h3{margin:0 0 6px;color:var(--ink);font-size:17px}.feature-points p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.text-link{display:inline-flex;align-items:center;gap:8px;margin-top:34px;padding:8px 0;border:0;border-bottom:1px solid var(--teal);background:transparent;color:var(--teal);font-weight:700;cursor:pointer}.technical-section{padding:84px max(24px,calc((100vw - 1240px)/2)) 96px;background:var(--teal-deep);color:var(--white)}.technical-heading{display:grid;grid-template-columns:1fr .82fr;align-items:end;gap:80px;margin-bottom:52px}.technical-heading h2{margin:0;font-family:var(--serif);font-size:clamp(36px,3.4vw,50px);font-weight:700;letter-spacing:-.045em}.technical-heading>p{max-width:480px;margin:0;color:#ffffffad;font-size:15px;line-height:1.9}.technical-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.technical-card{min-height:360px;padding:48px 54px 42px 0}.technical-card+.technical-card{padding-right:0;padding-left:54px;border-left:1px solid rgba(255,255,255,.2)}.technical-card>svg{margin-bottom:32px;color:#e9925f}.technical-card>span{display:block;color:#e9925f;font-size:11px;font-weight:700;letter-spacing:.1em}.technical-card h3{margin:10px 0 16px;font-family:var(--serif);font-size:clamp(25px,2.2vw,34px)}.technical-card>p{max-width:470px;margin:0;color:#ffffffad;font-size:14px;line-height:1.85}.technical-card ul{display:flex;flex-wrap:wrap;gap:10px 18px;margin:28px 0 0;padding:0;list-style:none}.technical-card li{display:inline-flex;align-items:center;gap:7px;color:#ffffffd6;font-size:12px}.technical-card li svg{color:#e9925f}.projects-section{padding:76px max(24px,calc((100vw - 1240px)/2));background:var(--paper-light);border-top:1px solid var(--line)}.projects-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.projects-heading h2{font-size:clamp(34px,3.2vw,46px)}.filter-tabs{display:flex;gap:24px;overflow-x:auto;padding-bottom:5px}.filter-tabs button{flex:0 0 auto;padding:10px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);cursor:pointer}.filter-tabs button:hover,.filter-tabs button:focus-visible,.filter-tabs button.is-active{border-color:var(--teal);color:var(--teal)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 22px}.project-card button{width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.project-image-wrap{position:relative;overflow:hidden;background:#e8e2d7}.project-image-wrap img{width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform .42s ease}.project-open{position:absolute;right:14px;bottom:14px;display:grid;width:40px;height:40px;place-items:center;background:var(--paper-light);color:var(--teal);opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.project-card button:hover .project-image-wrap img,.project-card button:focus-visible .project-image-wrap img{transform:scale(1.035)}.project-card button:hover .project-open,.project-card button:focus-visible .project-open{opacity:1;transform:translateY(0)}.project-card-body{padding:18px 2px 0}.project-meta{display:flex;justify-content:space-between;gap:12px;color:var(--orange);font-size:12px;font-weight:700;letter-spacing:.08em}.project-card h3{margin:12px 0 10px;font-size:24px}.project-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.exploring{margin-top:100px;padding-top:34px;border-top:1px solid var(--line)}.exploring-items{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.exploring-items>div{padding:34px 46px 38px 0}.exploring-items>div+div{padding-left:46px;border-left:1px solid var(--line)}.exploring-items span{color:var(--orange);font-size:12px;font-weight:700}.exploring-items h3{margin:9px 0;font-size:22px}.exploring-items p{margin:0;color:var(--muted);font-size:14px}.closing-section{position:relative;min-height:480px;display:flex;align-items:center;overflow:hidden}.closing-section>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.closing-copy{position:relative;z-index:1;width:min(100% - 48px,1240px);margin:0 auto}.closing-copy p:not(.eyebrow){max-width:520px;margin:22px 0 30px;color:#565b56;line-height:1.9}.site-footer{padding:74px max(24px,calc((100vw - 1240px)/2)) 30px;background:var(--teal-deep);color:var(--white)}.site-footer .wordmark small{color:#ffffff9e}.footer-main{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:start;gap:60px;padding-bottom:60px}.footer-belief{max-width:380px;margin:0;color:#ffffffbd;font-family:var(--serif);font-size:22px;line-height:1.8}.footer-contact{display:grid;gap:18px}.footer-contact a,.footer-contact p{display:flex;align-items:flex-start;gap:12px;margin:0;color:#ffffffbd;font-size:14px;line-height:1.6}.footer-contact svg{flex:0 0 auto;margin-top:1px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;padding-top:26px;border-top:1px solid rgba(255,255,255,.16);color:#ffffff8a;font-size:12px}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#051e1fa3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.contact-modal,.project-modal{position:relative;max-height:calc(100dvh - 48px);overflow-y:auto;background:var(--paper-light);box-shadow:0 24px 80px #051e1f3d}.contact-modal{width:min(100%,610px);padding:58px}.modal-close{position:absolute;z-index:2;top:16px;right:16px}.contact-modal h2,.project-modal h2{font-size:clamp(36px,5vw,54px);line-height:1.2}.modal-intro,.success-state>p:not(.eyebrow){margin:20px 0 30px;color:var(--muted);line-height:1.8}.contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.contact-form label{display:grid;gap:8px;color:var(--muted);font-size:13px}.contact-form label:nth-of-type(4){grid-column:1 / -1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:13px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;outline:0;background:transparent;color:var(--ink);resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--teal)}.form-submit{grid-column:1 / -1;margin-top:8px}.form-submit:disabled{cursor:wait;opacity:.66;transform:none}.form-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-privacy,.form-error{grid-column:1 / -1;margin:-2px 0 0;font-size:12px;line-height:1.7}.form-privacy{color:var(--muted)}.form-error{color:#a63f2d}.success-state{min-height:420px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.success-state>svg{margin-bottom:28px;color:var(--teal)}.project-modal{width:min(100%,940px);display:grid;grid-template-columns:1.08fr .92fr}.project-modal>img{width:100%;height:100%;min-height:620px;object-fit:cover}.project-modal-body{align-self:center;padding:64px 52px}.project-modal-body>p{margin:24px 0;color:var(--muted);line-height:1.9}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 32px;padding:0;list-style:none}.tag-list li{padding:7px 10px;border:1px solid var(--line);color:var(--teal);font-size:12px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}}@media(max-width:1024px){.hero{grid-template-columns:1fr 1fr}.hero-copy{margin-left:32px;padding-right:36px}.capability-item{padding:0 28px}.technical-heading{gap:48px}.technical-card{padding-right:36px}.technical-card+.technical-card{padding-left:36px}.projects-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1 / -1}}@media(max-width:760px){.header-inner{width:min(100% - 32px,1240px);height:66px}.wordmark span{font-size:18px}.wordmark small{display:none}.menu-button{display:inline-grid}.site-nav{position:absolute;top:66px;right:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:18px 24px 24px;border-bottom:1px solid var(--line);background:var(--paper-light)}.site-nav.is-open{display:flex}.site-nav a,.nav-contact{width:100%;padding:15px 0;border-bottom:1px solid var(--line);text-align:left}.hero{min-height:auto;grid-template-columns:1fr}.hero-copy{width:min(100% - 40px,620px);margin:0 auto;padding:78px 0 64px}.hero h1{font-size:clamp(46px,13vw,66px)}.hero-description{font-size:16px}.hero-visual{min-height:480px}.brand-story,.featured-project{width:min(100% - 40px,1240px);grid-template-columns:1fr;gap:36px;padding:80px 0}.brand-lines{margin-top:10px}.brand-story h2{font-size:clamp(36px,10vw,48px)}.capability-section,.technical-section,.projects-section{padding:80px 20px}.section-heading{margin-bottom:50px;text-align:left}.capability-list{grid-template-columns:1fr}.capability-item,.capability-item:last-child{min-height:auto;padding:32px 0;border-right:0;border-bottom:1px solid var(--line);border-left:0}.capability-number{margin-bottom:18px}.featured-image{order:2}.featured-copy{order:1}.technical-heading{grid-template-columns:1fr;align-items:start;gap:24px}.technical-grid{grid-template-columns:1fr}.technical-card,.technical-card+.technical-card{min-height:auto;padding:38px 0;border-left:0}.technical-card+.technical-card{border-top:1px solid rgba(255,255,255,.2)}.projects-heading{align-items:stretch;flex-direction:column}.projects-grid{grid-template-columns:1fr}.project-open{opacity:1;transform:none}.exploring{margin-top:70px}.exploring-items{grid-template-columns:1fr}.exploring-items>div,.exploring-items>div+div{padding:28px 0;border-left:0}.exploring-items>div+div{border-top:1px solid var(--line)}.closing-section{min-height:600px;align-items:flex-start}.closing-section>img{object-position:64% center}.closing-copy{width:min(100% - 40px,1240px);padding-top:70px}.closing-copy h2{max-width:350px}.closing-copy p:not(.eyebrow){max-width:330px}.footer-main{grid-template-columns:1fr;gap:34px}.footer-contact{grid-column:auto}.footer-bottom{flex-direction:column}.contact-modal{padding:58px 26px 34px}.contact-form{grid-template-columns:1fr}.contact-form label,.contact-form label:nth-last-of-type(1),.form-submit{grid-column:auto}.project-modal{grid-template-columns:1fr}.project-modal>img{min-height:280px;aspect-ratio:4 / 3}.project-modal-body{padding:38px 26px}}
