:root{color-scheme:dark;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif;color:#f2efe8;background:#0c0c0b;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #0c0c0b;--surface: #131312;--surface-soft: #1a1917;--paper: #f2efe8;--muted: #aaa69e;--line: rgba(255, 255, 255, .14);--gold: #b99b70}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}.site-shell{min-height:100vh;background:var(--ink)}.site-header{position:fixed;inset:0 0 auto;z-index:50;height:86px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#08080794;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{width:170px;height:70px;display:flex;align-items:center}.brand img{width:146px;height:70px;object-fit:contain;object-position:left center}.site-nav{display:flex;align-items:center;gap:clamp(28px,3vw,54px)}.site-nav a{position:relative;padding:31px 0 28px;color:#ffffffd1;font-size:14px;letter-spacing:.08em;transition:color .22s ease}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:19px;height:1px;background:var(--gold);transition:right .24s ease}.site-nav a:hover,.site-nav a.active{color:#fff}.site-nav a:hover:after,.site-nav a.active:after{right:0}.menu-toggle{display:none;padding:9px;border:0;background:transparent;cursor:pointer}.image-hero{position:relative;overflow:hidden;isolation:isolate}.image-hero>img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0505046b}.home-hero{min-height:100svh;display:grid;place-items:center;padding:130px 7vw 70px}.hero-content{max-width:930px;text-align:center;animation:hero-in 1.1s cubic-bezier(.2,.7,.2,1) both}.eyebrow{display:inline-block;margin-bottom:24px;color:var(--gold);font-size:12px;font-weight:600;letter-spacing:.28em;text-transform:uppercase}.hero-content h1,.page-hero-copy h1,.projects-intro h1{margin:0;font-size:clamp(42px,5vw,78px);font-weight:300;line-height:1.18;letter-spacing:.02em}.hero-content p,.page-hero-copy p{margin:26px 0 34px;color:#ffffffb3;font-size:16px;letter-spacing:.12em}.text-link{display:inline-flex;align-items:center;gap:18px;width:fit-content;padding:12px 0 10px;border-bottom:1px solid rgba(255,255,255,.44);font-size:14px;letter-spacing:.08em;transition:gap .22s ease,border-color .22s ease,color .22s ease}.text-link:hover{gap:26px;color:#fff;border-color:var(--gold)}.hero-content .text-link{padding:14px 28px;border:1px solid rgba(255,255,255,.46)}.scroll-cue{position:absolute;bottom:30px;left:50%;color:#ffffff7a;font-size:9px;letter-spacing:.3em;writing-mode:vertical-rl}.story-row{min-height:74vh;display:grid;grid-template-columns:38% 62%;background:var(--surface)}.story-row.story-curtains{grid-template-columns:57% 43%;background:#11110f}.story-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:9vw 7vw}.story-copy h2,.featured-copy h2,.intro-block h2,.material-showcase h2{margin:0;font-size:clamp(30px,2.4vw,44px);font-weight:300;line-height:1.25;letter-spacing:.03em}.story-copy p,.featured-copy p,.intro-block p,.material-showcase p{max-width:520px;margin:28px 0 32px;color:var(--muted);font-size:15px;line-height:2;letter-spacing:.05em}.story-media{min-height:74vh;margin:0;overflow:hidden}.story-media img,.featured-project>img,.material-showcase>img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.story-media:hover img,.featured-project:hover>img,.material-showcase:hover>img{transform:scale(1.025)}.featured-project{min-height:72vh;display:grid;grid-template-columns:34% 66%;overflow:hidden;background:#0b0b0a}.featured-copy{z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:8vw 4vw 8vw 6vw;background:#0b0b0a}.featured-project>img{min-height:72vh}.page-hero{min-height:78svh;display:flex;align-items:flex-end;padding:160px 7vw 9vh}.page-hero>img{object-position:center 45%}.curtain-hero>img{object-position:center left}.page-hero-copy{max-width:800px}.intro-block{max-width:1000px;margin:0 auto;padding:clamp(100px,13vw,190px) 6vw;text-align:center}.intro-block p{max-width:740px;margin-inline:auto}.material-showcase{min-height:70vh;display:grid;grid-template-columns:62% 38%;background:var(--surface-soft);overflow:hidden}.material-showcase.reverse{grid-template-columns:62% 38%}.material-showcase>img{min-height:70vh}.material-showcase>div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:8vw 5vw}.projects-page{padding:170px 5vw 120px}.projects-intro{max-width:980px;margin:0 auto 90px;text-align:center}.projects-intro p{margin:24px 0 0;color:var(--muted);letter-spacing:.12em}.gallery-filters{display:flex;justify-content:center;gap:12px;margin-bottom:50px}.gallery-filters button{padding:10px 24px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.gallery-filters button:hover,.gallery-filters button.is-active{border-color:var(--paper);background:var(--paper);color:var(--ink)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 24px}.project-card button{position:relative;width:100%;aspect-ratio:16 / 10;padding:0;overflow:hidden;border:0;background:#181816;cursor:zoom-in}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .3s ease}.project-card button:hover img{transform:scale(1.035);opacity:.76}.project-overlay{position:absolute;inset:auto 22px 22px auto;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#0f0f0dbf;opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease}.project-card button:hover .project-overlay,.project-card button:focus-visible .project-overlay{opacity:1;transform:translateY(0)}.project-meta{display:flex;align-items:flex-end;justify-content:space-between;padding:22px 2px 0}.project-meta span,.project-meta small{color:var(--muted);font-size:11px;letter-spacing:.18em}.project-meta h2{margin:8px 0 0;font-size:24px;font-weight:400}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:5vw;background:#050504f0}.lightbox>button{position:absolute;top:24px;right:28px;padding:10px;border:0;background:transparent;cursor:pointer}.lightbox figure{width:min(1200px,90vw);margin:0}.lightbox img{width:100%;max-height:78vh;object-fit:contain}.lightbox figcaption{padding-top:18px;color:var(--muted);letter-spacing:.08em}.lightbox figcaption span{margin-right:18px;color:var(--gold)}.site-footer{padding:62px 5vw 30px;border-top:1px solid var(--line);background:#080807}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:50px;padding-bottom:50px}.footer-brand{display:flex;flex-direction:column;gap:16px}.brand-word{font-size:30px;font-weight:300;letter-spacing:.24em}.footer-brand strong{color:var(--muted);font-size:13px;font-weight:400;letter-spacing:.12em}.footer-contact{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:22px 34px;max-width:900px;color:var(--muted);font-size:13px}.footer-contact p,.footer-contact a{display:flex;align-items:center;gap:9px;margin:0}.footer-contact a:hover,.footer-legal a:hover{color:var(--paper)}.footer-legal{display:flex;justify-content:space-between;gap:30px;padding-top:26px;border-top:1px solid var(--line);color:#77746f;font-size:12px}@keyframes hero-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.site-header{height:72px;padding-inline:22px}.brand{width:112px;height:56px}.brand img{width:100px;height:50px}.menu-toggle{z-index:2;display:grid;place-items:center}.site-nav{position:absolute;top:72px;left:0;width:100vw;height:calc(100svh - 72px);display:flex;flex-direction:column;justify-content:center;gap:10px;padding:90px 24px 50px;background:#080807fa;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .22s ease,visibility .22s ease,transform .22s ease}.site-nav.is-open{opacity:1;visibility:visible;transform:translateY(0)}.site-nav a{width:min(300px,80vw);padding:18px 0;border-bottom:1px solid var(--line);font-size:22px;text-align:center}.site-nav a:after{display:none}.home-hero{min-height:92svh;padding-inline:24px}.home-hero>img{object-position:60% center}.hero-content h1,.page-hero-copy h1,.projects-intro h1{font-size:clamp(38px,11vw,54px)}.hero-content p,.page-hero-copy p{line-height:1.8}.story-row,.story-row.story-curtains,.featured-project,.material-showcase,.material-showcase.reverse{min-height:0;grid-template-columns:1fr}.story-curtains .story-media{order:2}.story-copy,.featured-copy,.material-showcase>div{min-height:440px;padding:85px 28px}.story-media,.featured-project>img,.material-showcase>img{min-height:58svh}.page-hero{min-height:72svh;padding:140px 28px 70px}.intro-block{padding:100px 28px}.projects-page{padding:130px 22px 90px}.projects-intro{margin-bottom:60px}.project-grid{grid-template-columns:1fr;gap:52px}.project-overlay{opacity:1;transform:none}.footer-top,.footer-legal{flex-direction:column}.footer-contact{justify-content:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}