:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#292823;background:#f7f5ef;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a86339;outline-offset:5px}header.site-head,main,footer.site-foot{width:min(1120px,calc(100% - 64px));margin:auto}.site-head{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedbd1}.brand{font-size:20px;letter-spacing:.08em;font-weight:600}.brand span{color:#a86339;margin-right:10px}.site-head nav{display:flex;gap:28px;font-size:14px}.hero{padding:90px 0 72px;position:relative}.eyebrow{font-size:11px;letter-spacing:.2em;color:#8b684e}.hero h1{font-size:clamp(36px,5.5vw,66px);font-weight:500;line-height:1.25;letter-spacing:-.045em;margin:24px 0}.hero h1 em{font-style:normal;color:#9c6748}.hero>p:not(.eyebrow){color:#6d6a61;max-width:500px;line-height:1.9;font-size:16px}.hero-bottom{display:flex;align-items:center;gap:24px;margin-top:30px}.primary{display:inline-block;background:#302e28;color:#fffdf7;padding:14px 24px;border-radius:6px;font-size:14px}.subtle{font-size:13px;color:#736e65}.section-title{display:flex;align-items:end;justify-content:space-between;padding-bottom:23px;border-bottom:1px solid #dcd8ce;margin-bottom:30px}.section-title h2{font-size:25px;font-weight:500;margin:0}.section-title span{font-size:12px;letter-spacing:.1em;color:#8a8275}.projects{display:grid;grid-template-columns:1fr 1fr;gap:38px 30px}.project-card{min-width:0}.project-art{display:block;width:100%;padding:24px;border:1px solid #dedacf;border-radius:10px;background:#eae7df;overflow:hidden}.project-art img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;border-radius:5px;transition:transform .3s;box-shadow:0 10px 22px #322b2312}.project-art:hover img{transform:translateY(-4px)}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:21px}.project-meta h3{font-size:20px;margin:0;font-weight:500}.project-meta span{font-size:11px;color:#81776a}.project-card p{font-size:14px;color:#777166;margin:10px 0 14px;line-height:1.7}.text-button{border:0;background:none;padding:0;color:#935d3b;font-size:13px}.room-invite{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:46px;margin:90px 0;padding:32px;background:#eeeae0;border:1px solid #e2dccf;border-radius:12px}.room-invite img{display:block;width:100%;border-radius:6px;aspect-ratio:16/9;object-fit:cover}.room-invite h2{font-weight:500;font-size:28px;margin:14px 0}.room-invite p{color:#756e62;font-size:14px;line-height:1.9}.room-invite .primary{margin:12px 0}.site-foot{border-top:1px solid #dedbd1;padding:30px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:#797367}.site-foot a{text-decoration:underline;text-underline-offset:4px}dialog{border:1px solid #dedbd1;border-radius:14px;background:#faf9f5;color:#302e28;width:min(900px,calc(100% - 32px));max-height:88vh;padding:34px;box-shadow:0 25px 100px #201a2340}dialog::backdrop{background:#28251e77;backdrop-filter:blur(5px)}dialog[open]{animation:arrive .22s ease-out}.detail-head{position:sticky;top:-34px;background:#faf9f5;display:flex;align-items:center;justify-content:space-between;z-index:2;padding:14px 0;border-bottom:1px solid #ddd7cb}.detail-head h2{font-size:25px;font-weight:500}.detail-head button{border:0;background:none;font-size:28px;padding:8px}#project-body{line-height:1.85;font-size:15px}#project-body p{color:#686257}.project-status{font-size:12px}.case-lead{font-size:22px}.project-links{display:flex;gap:16px;flex-wrap:wrap}.project-links a,.project-related{color:#935d3b}.case-journey{padding-left:22px}.case-step{display:none}.project-screens{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-screens figure{margin:0}.project-screens img{max-width:100%;max-height:400px;display:block;margin:auto;object-fit:contain}.project-screens figcaption{font-size:12px;color:#80766b}.case-features,.case-boundary{margin-top:24px}.project-related{padding:12px;border:1px solid #d8cebf;background:transparent;border-radius:5px}.content-note{font-size:12px}.case-audience{font-size:13px}#project-gallery header,#project-gallery footer{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}#project-gallery button{border:1px solid #d6d0c5;background:#fffdfa;border-radius:4px;padding:8px}.gallery-image{height:52vh;overflow:auto;margin:18px 0}.gallery-image img{display:block;max-width:100%;max-height:100%;object-fit:contain;margin:auto}.gallery-image.expanded img{max-width:none;max-height:none}.gallery-actions{display:flex;gap:8px}.gallery-caption{font-size:13px}.gallery-error[hidden]{display:none}@keyframes arrive{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:650px){header.site-head,main,footer.site-foot{width:calc(100% - 36px)}.site-head{height:76px}.brand{font-size:17px}.site-head nav{gap:16px;font-size:12px}.hero{padding:55px 0}.hero h1{font-size:39px}.hero-bottom{gap:15px}.section-title span{font-size:10px}.projects{grid-template-columns:1fr;gap:30px}.project-art{padding:16px}.project-meta h3{font-size:19px}.room-invite{grid-template-columns:1fr;gap:16px;padding:20px;margin:55px 0}.room-invite h2{font-size:25px}.project-screens{grid-template-columns:1fr}dialog{padding:20px}.detail-head{top:-20px}.site-foot{line-height:1.8}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

[hidden]{display:none!important}