:root{--ink:#152019;--paper:#f3f0e8;--white:#fff;--mist:#e3e7df;--green:#233d30;--acid:#d4dea9;--line:rgba(21,32,25,.16);--serif:"Noto Serif SC","Source Han Serif SC","Songti SC",serif;--sans:"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.75 var(--sans);letter-spacing:.01em}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.wrap{width:min(1368px,calc(100% - 80px));margin:auto}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:9}.nav.over{position:absolute;left:0;right:0;color:#fff;border-color:rgba(255,255,255,.28)}.brand{font-weight:800;letter-spacing:.08em;font-size:21px}.brand small{display:block;font-size:9px;letter-spacing:.36em;font-weight:500;opacity:.7}.links{display:flex;align-items:center;gap:34px}.links a{font-size:13px}.links .contact{border-bottom:1px solid;padding-bottom:4px}.menu{display:none}.hero{height:min(850px,94vh);min-height:690px;position:relative;color:#fff;background:url('assets/hero-office.png') center/cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,17,13,.7),rgba(10,17,13,.2) 54%,rgba(10,17,13,.08))}.hero-copy{position:absolute;z-index:2;left:max(40px,calc((100vw - 1368px)/2));top:42%;max-width:660px}.label{font-size:11px;letter-spacing:.24em;text-transform:uppercase}.hero h1{font:500 clamp(48px,5.1vw,76px)/1.18 var(--serif);letter-spacing:-.045em;margin:20px 0}.hero p{max-width:510px;font-size:16px;opacity:.84}.actions{display:flex;gap:26px;margin-top:32px;align-items:center}.btn{display:inline-flex;align-items:center;gap:24px;padding:13px 20px;border:1px solid currentColor;border-radius:4px;transition:.25s}.btn.primary{background:var(--acid);border-color:var(--acid);color:var(--ink)}.text-link{display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid;padding-bottom:5px}.btn:hover,.text-link:hover{transform:translateY(-2px)}.intro{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;padding:110px 0}.display{font:500 clamp(36px,4vw,58px)/1.3 var(--serif);letter-spacing:-.035em;margin:12px 0}.intro p,.lead{font-size:17px;color:#556058}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:80px 1fr 1fr 40px;gap:28px;align-items:center;padding:31px 0;border-bottom:1px solid var(--line)}.service-row .num{font-size:11px;color:#768078}.service-row h3{font:500 25px var(--serif);margin:0}.service-row p{margin:0;color:#737b75}.service-row b{font-weight:400;font-size:20px}.section{padding:105px 0}.section.white{background:#fff}.section.dark{background:var(--green);color:#fff}.section.soft{background:var(--mist)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-head p{max-width:440px;color:#69716b}.dark .section-head p{color:rgba(255,255,255,.65)}.feature-product{display:grid;grid-template-columns:1.52fr .48fr;background:#e7e0d4}.feature-product img{height:680px}.feature-copy{padding:60px 44px;display:flex;flex-direction:column;justify-content:space-between}.feature-copy h3{font:500 37px/1.25 var(--serif);margin:15px 0}.chips{display:flex;gap:9px;flex-wrap:wrap}.chip{font-size:11px;border:1px solid var(--line);padding:6px 11px}.scene{height:760px;position:relative;color:#fff;overflow:hidden;display:block}.scene img{height:100%}.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,15,10,.68),transparent 65%)}.scene-copy{position:absolute;z-index:2;left:48px;right:48px;bottom:42px;display:flex;justify-content:space-between;align-items:end}.scene-copy h3{font:500 42px var(--serif);margin:8px 0}.scene-meta{font-size:12px;text-align:right}.process{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.step{padding:26px 28px 48px 0;border-right:1px solid var(--line);min-height:180px}.step:not(:first-child){padding-left:28px}.step:last-child{border:0}.step b{font:500 28px var(--serif)}.step h4{margin:35px 0 4px}.step p{margin:0;color:#747d76;font-size:12px}.material-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.material{aspect-ratio:1.25;position:relative;padding:20px;display:flex;align-items:flex-end}.material:nth-child(1){background:linear-gradient(135deg,#8b6848,#c3a47c)}.material:nth-child(2){background:radial-gradient(circle at 20% 30%,#d6d4cd,#77766e)}.material:nth-child(3){background:linear-gradient(145deg,#273c31,#798d80)}.material:nth-child(4){background:linear-gradient(145deg,#363636,#8e8b84)}.material span{background:rgba(255,255,255,.88);padding:6px 10px;font-size:11px}.band{background:var(--acid);padding:70px 0}.band-inner{display:flex;justify-content:space-between;align-items:center}.band h2{font:500 39px/1.35 var(--serif);margin:0}.footer{background:#111914;color:#fff;padding:72px 0 30px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,.65fr);gap:50px}.footer h3{font:500 31px var(--serif);margin:0}.footer h4{font-size:11px;letter-spacing:.18em;color:#9da59e}.footer a,.footer p{display:block;color:#c0c6c1;font-size:12px;margin:8px 0}.copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:54px;padding-top:22px;color:#879087;font-size:10px}.page-hero{padding:82px 0 70px}.page-hero.split{display:grid;grid-template-columns:1fr .66fr;gap:11vw;align-items:end}.page-hero h1{font:500 clamp(43px,4.8vw,68px)/1.22 var(--serif);letter-spacing:-.045em;margin:18px 0 0}.page-hero p{font-size:17px;margin:0;color:#626a64}.filters{display:flex;gap:27px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filters a{font-size:13px}.filters .on{font-weight:700}.catalog-feature{margin:48px 0 85px;display:grid;grid-template-columns:1.25fr .75fr;background:#e4ded2}.catalog-feature img{height:590px}.catalog-info{padding:50px 42px;display:flex;flex-direction:column;justify-content:space-between}.catalog-info h2{font:500 38px var(--serif);margin:8px 0}.catalog-info .index{font:500 60px var(--serif);opacity:.3}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 20px;padding-bottom:110px}.product-tile .visual{height:360px;background:#e6e0d5;overflow:hidden}.product-tile img{height:100%;transition:.6s}.product-tile:hover img{transform:scale(1.025)}.product-tile:nth-child(2) img{object-position:72% center}.product-tile:nth-child(3) img{object-position:20% center}.product-tile h3{font:500 23px var(--serif);margin:16px 0 0}.product-tile p{margin:1px 0;color:#737a74;font-size:12px}.detail-grid{display:grid;grid-template-columns:1.3fr .7fr;background:#fff}.detail-grid>img{height:700px}.detail-copy{padding:70px 9%;display:flex;flex-direction:column;justify-content:center}.detail-copy h1{font:500 58px var(--serif);margin:10px 0}.swatches{display:flex;gap:10px;margin:24px 0}.swatches i{width:25px;height:25px;border-radius:50%;box-shadow:0 0 0 1px #aaa;border:4px solid #fff}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.spec{background:var(--paper);padding:40px}.spec b{font:500 30px var(--serif)}.spec h3{font:500 21px var(--serif)}.case-lead{margin:24px 0 72px}.case-lead .scene{height:690px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 22px;padding-bottom:110px}.case-card img{height:430px}.case-card:nth-child(2){margin-top:100px}.case-card h3{font:500 30px var(--serif);margin:14px 0 4px}.case-card p{color:#6e766f;margin:0}.about-visual{height:650px;background:url('assets/case-workplace-v2.png') center/cover}.philosophy{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;padding:100px 0}.quote{font:500 42px/1.55 var(--serif);margin:0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.principle{background:var(--paper);padding:45px 36px}.principle b{font:500 36px var(--serif)}.principle h3{font:500 22px var(--serif)}.fade{animation:rise .8s both}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:800px){.wrap{width:calc(100% - 36px)}.nav{height:70px}.links{display:none}.menu{display:block}.hero{min-height:690px;height:88vh;background-position:62% center}.hero-copy{left:18px;right:18px;top:42%}.hero h1{font-size:45px}.intro,.page-hero.split,.philosophy{grid-template-columns:1fr;gap:35px;padding:72px 0}.service-row{grid-template-columns:45px 1fr 25px}.service-row p{display:none}.section{padding:72px 0}.section-head{display:block}.feature-product,.catalog-feature,.detail-grid{grid-template-columns:1fr}.feature-product img,.catalog-feature img,.detail-grid>img{height:420px}.feature-copy,.catalog-info{padding:35px 25px;gap:50px}.scene,.case-lead .scene{height:560px}.scene-copy{left:22px;right:22px;bottom:25px;display:block}.scene-copy h3{font-size:32px}.scene-meta{display:none}.process{grid-template-columns:1fr 1fr}.step{border-bottom:1px solid var(--line)}.material-strip{grid-template-columns:1fr 1fr}.band-inner{display:block}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.page-hero{padding:65px 0 45px}.page-hero h1{font-size:43px}.filters{overflow:auto;white-space:nowrap}.catalog-grid{grid-template-columns:1fr 1fr}.product-tile .visual{height:260px}.spec-grid,.principles{grid-template-columns:1fr}.case-grid{grid-template-columns:1fr}.case-card:nth-child(2){margin-top:0}.case-card img{height:350px}.about-visual{height:430px}}
:focus-visible{outline:2px solid #799b6d;outline-offset:3px}
.preview-note{font-size:12px;color:#69716b;margin:0 0 14px}
@media(max-width:800px){.menu{cursor:pointer;font-size:13px;position:relative;z-index:11}.links.open{display:flex;position:absolute;top:70px;left:-18px;right:-18px;padding:20px 18px 25px;flex-direction:column;align-items:stretch;gap:8px;background:#f3f0e8;color:#152019;box-shadow:0 18px 30px rgba(0,0,0,.12)}.links.open a{padding:8px 2px;font-size:15px}.nav.over .links.open{background:#233d30;color:#fff}}