:root{--bg:#201c18;--panel:#29231e;--text:#efe6d8;--muted:#b9ac9d;--line:#ffffff24;--orange:#c36b45;--serif:Georgia,'Songti SC','SimSun',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.8 'Microsoft YaHei',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #e59b6b;outline-offset:5px}button{background:none;border:0}img{display:block;width:100%}::selection{background:#a55e3d;color:#fff}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--bg);padding:10px}.skip:focus{top:10px}.header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:fixed;top:0;width:100%;z-index:10;transition:background .4s,border .4s;border-bottom:1px solid transparent}.header.scrolled{background:#201c18ed;backdrop-filter:blur(16px);border-color:var(--line)}.logo{font-family:var(--serif);font-size:29px;line-height:1.1;letter-spacing:3px}.logo span{display:block;font:8px/2.6 Arial,sans-serif;letter-spacing:2px}.header nav{display:flex;gap:40px;align-items:center}.header nav a{font-size:12px;letter-spacing:2px;padding:12px 0;position:relative}.header nav a:after{content:'';position:absolute;bottom:5px;left:0;width:0;height:1px;background:#d6966b;transition:width .3s}.header nav a:hover:after,.header nav a.active:after{width:100%}.header nav a:last-child{margin-left:20px}.header nav a span{margin-left:14px}.menu-toggle{display:none}.hero{height:100svh;min-height:760px;max-height:1200px;position:relative;display:grid;place-items:center;overflow:hidden;background:#211b18}.hero-image{position:absolute;inset:-3%;background:url('assets/mix-5.webp') center 48%/cover;animation:breathe 25s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#15151195,#21180f4d 45%,#17130fe8),linear-gradient(90deg,#20180d55,transparent 60%)}.hero-topline{position:absolute;top:140px;left:5vw;right:5vw;display:flex;justify-content:space-between;font:9px Arial;letter-spacing:2px;color:#ded1b5bd}.hero-content{text-align:center;position:relative;margin-top:35px;z-index:2}.eyebrow{font:10px/1.8 Arial,sans-serif;letter-spacing:2.2px;margin:0 0 22px;color:var(--muted)}.hero .eyebrow{color:#ede1c7bb}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(85px,11.5vw,180px);letter-spacing:-7px;line-height:.96;margin:24px 0 35px}.hero h1 span{display:block;font-size:23px;letter-spacing:13px;margin-top:30px;margin-left:13px}.hero-description{font-size:13px;letter-spacing:3px}.dot{padding:0 15px}.hero-actions{display:flex;justify-content:center;gap:32px;align-items:center;margin-top:40px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;padding:13px 25px;min-height:50px;font-size:12px;letter-spacing:1px;border:1px solid var(--line);transition:background .3s,transform .3s}.button:hover{transform:translateY(-3px)}.light{background:#e9dfcf;color:#211c16;border-color:transparent}.text-link{padding:8px 0;font-size:12px;letter-spacing:1px;border-bottom:1px solid #b9ac9d55;display:inline-block}.hero-bottom{position:absolute;bottom:35px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;z-index:2;color:#d1c1aa}.hero-bottom a span{margin-left:28px}.hero-bottom>a{min-height:44px;display:flex;align-items:center}.contours{position:absolute;width:110%;height:38%;left:-5%;bottom:0;opacity:.4;pointer-events:none;stroke:#c57852;stroke-width:.7;animation:contour-drift 14s ease-in-out infinite alternate}.identity{position:absolute;left:9%;top:180px;z-index:3;width:152px;height:238px;padding:0;perspective:900px;animation:swing 9s ease-in-out infinite;transform-origin:50% -110px}.strap{position:absolute;height:220px;width:13px;left:calc(50% - 6px);bottom:calc(100% - 5px);background:repeating-linear-gradient(0deg,#151412 0px,#151412 30px,#6d5c4733 31px,#151412 34px);box-shadow:0 0 0 1px #fff1}.card-inner{display:block;position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.identity.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;inset:0;border-radius:4px;background:#e5dac8;color:#332b22;backface-visibility:hidden;box-shadow:0 12px 30px #0005;padding:22px 16px;text-align:left;display:flex;flex-direction:column}.card-back{transform:rotateY(180deg)}.card-no{font:7px Arial;letter-spacing:1px;border-top:1px solid #332b2244;padding-top:12px}.monogram{font:64px/1.4 var(--serif);letter-spacing:-7px;text-align:center;margin:12px 0 0}.card-name{font-size:16px;letter-spacing:3px}.card-name small{font:8px Arial;letter-spacing:1px;float:right;margin-top:10px}.card-bottom{margin-top:auto;font-size:8px;line-height:1.7;border-top:1px solid #332b2233;padding-top:10px}.card-back strong{font:24px var(--serif);margin:18px 0}.card-back>span:nth-child(3){font-size:10px;line-height:1.8}.section{padding:115px 8vw;max-width:1800px;margin:auto}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:50px}h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,3.5vw,52px);letter-spacing:1px;line-height:1.5;margin:0}.section-aside{font-size:12px;color:var(--muted);line-height:2;letter-spacing:1px;margin:0 0 8px}.filters{display:flex;gap:30px;margin-bottom:35px;border-bottom:1px solid var(--line)}.filters button{font-size:12px;color:var(--muted);padding:10px 0 18px;position:relative}.filters button.selected{color:var(--text)}.filters button.selected:after{content:'';position:absolute;bottom:-1px;height:1px;background:var(--orange);left:0;right:0}.filters small{font:8px Arial;margin-left:8px;vertical-align:super}.project-cover{display:block;position:relative;width:100%;padding:0;overflow:hidden}.project-cover img{height:clamp(320px,46vw,630px);object-fit:cover;transition:transform 1s}.project-cover:hover img{transform:scale(1.035)}.image-label{position:absolute;right:30px;bottom:30px;background:#211c18cc;backdrop-filter:blur(12px);padding:14px 18px;font:9px Arial;letter-spacing:1px;display:flex;gap:55px}.image-label span{font-size:20px;line-height:12px}.project-caption{display:flex;justify-content:space-between;align-items:center;padding:28px 0 35px}.project-caption .eyebrow{font-size:8px;color:#b9977d}.project-caption h3{font:28px/1.5 var(--serif);margin:6px 0}.project-caption h3 button{font:inherit;padding:0;text-align:left}.project-caption h3 span{font:20px Arial;margin-left:20px}.project-caption p{font-size:11px;color:var(--muted);text-align:right}.future-work{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;color:var(--muted);font-size:12px}.future-work>span:first-child{font:9px Arial;letter-spacing:2px}.future-square{font:25px Arial}.empty-state{text-align:center;padding:90px 20px;border:1px solid var(--line);margin-bottom:35px}.empty-state h3{font:28px var(--serif)}.empty-state p{font-size:12px;color:var(--muted)}.empty-symbol{font-size:32px;color:var(--orange)}.image-interlude{position:relative;height:560px;overflow:hidden}.image-interlude img{height:100%;object-fit:cover;object-position:center 55%}.image-interlude:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#191511bc,#19151110)}.image-interlude>div{position:absolute;top:50%;left:8vw;transform:translateY(-50%);z-index:1}.image-interlude>div>p:last-child{font:35px/1.8 var(--serif);letter-spacing:3px}.image-interlude>span{position:absolute;right:5vw;bottom:30px;z-index:1;font-size:10px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;padding-top:145px;padding-bottom:145px}.about-art{position:relative;max-width:500px}.about-art img{max-height:660px;object-fit:cover}.about-art>span{display:block;font:8px/2.8 Arial;letter-spacing:1.5px;color:var(--muted)}.about-copy h2{font-size:60px}.about-copy h2 span{display:block;font:italic 35px var(--serif);color:#b3977b;margin-bottom:35px}.about-lead{font-size:16px!important;color:var(--text)!important}.about-copy>p{font-size:13px;color:var(--muted);line-height:2.2;max-width:410px}.about-copy>.eyebrow{font-size:10px}.quote{margin:34px 0;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:20px/2 var(--serif)}.quote span{display:block}.services{background:#26201b;max-width:none}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.service-grid>a{border:1px solid var(--line);padding:35px;position:relative;transition:background .3s}.service-grid>a:hover{background:#ffffff06}.service-grid h3{font:28px var(--serif);margin:15px 0}.service-grid p{font-size:12px;color:var(--muted);max-width:340px;padding-right:25px}.service-arrow{position:absolute;right:35px;bottom:25px;font-size:28px;color:#c48b63}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}.process>div{border-top:1px solid var(--line);padding-top:20px}.process span{font:12px var(--serif);color:#ba895f}.process h4{font-size:14px;font-weight:400;margin:10px 0 0}.process p{font-size:11px;color:var(--muted);margin:5px 0}.process-note{font-size:10px;color:var(--muted);margin:28px 0 45px}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;padding:20px 0;font-size:13px;cursor:pointer;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary span{font:20px Arial}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;color:var(--muted);margin:0 0 25px;max-width:800px}.contact{position:relative;max-width:none;overflow:hidden;padding-top:125px;padding-bottom:125px}.contact-bg{position:absolute;inset:0;background:linear-gradient(90deg,#201c18f2,#201c18dc),url('assets/mix-6.webp') center/cover;z-index:-1}.contact-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;max-width:1400px;margin:auto}.contact-copy h2{font-size:clamp(30px,3.2vw,47px);line-height:1.7}.contact-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:28px}.contact-placeholder{font-size:12px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:330px;margin-top:30px}.small-note{font-size:10px!important;color:var(--muted);line-height:1.9!important}.brief-form{padding:32px;background:#201c18aa;border:1px solid var(--line);backdrop-filter:blur(8px)}.brief-form h3{font:22px var(--serif);margin:0 0 25px}.brief-form label{display:block;font-size:11px;color:var(--muted);margin-bottom:20px}.brief-form input,.brief-form select,.brief-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #ffffff35;color:var(--text);background:transparent;border-radius:0;padding:10px 0;resize:vertical;font-size:13px}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#988a7a;font-size:11px}.brief-form select option{background:var(--bg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.orange{background:var(--orange);color:#fff;border:0}.brief-form>.button{width:100%;margin:0 0 10px}#brief-output{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}#copy-status{font-size:11px;margin-left:15px}footer{padding:40px 5vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}.reveal{opacity:1}.js-reveal .reveal{opacity:0;transform:translateY(24px);transition:opacity .85s,transform .85s}.js-reveal .reveal.visible{opacity:1;transform:translateY(0)}[hidden]{display:none!important}dialog{color:var(--text);border:0;background:var(--bg);padding:0}dialog::backdrop{background:#080705ed}body.modal-open{overflow:hidden}#project-dialog{width:min(1200px,95vw);max-width:none;height:94svh;max-height:94svh}.dialog-toolbar{position:sticky;top:0;z-index:3;background:#201c18f5;display:flex;justify-content:space-between;padding:15px 4%;border-bottom:1px solid var(--line);align-items:center}.dialog-toolbar>span{font:9px Arial;letter-spacing:2px}.dialog-toolbar button,.lightbox-bar button{padding:10px;font-size:12px}.project-detail{padding:55px 5%}.project-detail>h2{font-size:45px}.detail-location{font-size:12px;color:var(--muted);margin-bottom:35px}.detail-hero{padding:0;display:block;width:100%}.detail-hero img{max-height:680px;object-fit:cover}.detail-intro{display:grid;grid-template-columns:1fr 1fr;gap:10px 50px;padding:50px 0}.detail-intro>h3{font:28px var(--serif);margin:0}.detail-intro>p{font-size:12px;color:var(--muted);margin:0}.detail-intro dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin:25px 0 0;border-top:1px solid var(--line);padding-top:20px}.detail-intro dt{font-size:10px;color:var(--muted)}.detail-intro dd{margin:7px 0;font-size:12px}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px 22px}.detail-gallery button{padding:0;text-align:left;width:100%}.detail-gallery img{height:330px;object-fit:cover;transition:filter .3s}.detail-gallery button:hover img{filter:brightness(1.12)}.detail-gallery span{display:block;font-size:10px;color:var(--muted);margin-top:10px}.detail-gallery .wide{grid-column:1/-1}.detail-gallery .wide img{height:auto}.detail-gallery .portrait img{height:auto;max-height:650px;object-fit:contain;background:#171410}.detail-gallery .sign img{height:650px}.detail-end{text-align:center;border-top:1px solid var(--line);margin-top:60px;padding-top:35px}.detail-end p{font:25px var(--serif)}#lightbox{width:100vw;height:100svh;max-height:none;max-width:none;background:#13110ff7;overflow:hidden}#lightbox>img{width:calc(100% - 150px);height:calc(100% - 145px);object-fit:contain;margin:75px auto 0}.lightbox-bar{position:absolute;left:30px;right:30px;top:15px;display:flex;align-items:center;justify-content:space-between;font:12px Arial}.photo-prev,.photo-next{position:absolute;top:45%;font-size:28px;padding:20px;z-index:2}.photo-prev{left:10px}.photo-next{right:10px}#photo-caption{text-align:center;font-size:12px;color:var(--muted)}@keyframes breathe{from{transform:scale(1)}to{transform:scale(1.045)}}@keyframes swing{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(4deg)}}@keyframes contour-drift{from{transform:translateY(5px) scaleX(1)}to{transform:translateY(-15px) scaleX(1.05)}}
@media(min-width:1700px){.identity{left:15%;top:230px}.hero-content{margin-top:0}}@media(max-width:1100px){.identity{left:5%;width:125px;height:205px;top:190px}.monogram{font-size:48px}.card-front,.card-back{padding:18px 13px}.card-name{font-size:13px}.card-no{font-size:6px}.card-back strong{margin:12px 0}.hero h1{font-size:120px}.about{gap:6vw}.header nav{gap:28px}}
@media(max-width:700px){html{scroll-padding-top:75px}.header{height:76px;padding:0 6vw}.logo{font-size:23px}.logo span{font-size:6px}.menu-toggle{display:block;font-size:12px}.menu-toggle span{font-size:20px;margin-left:10px}.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#201c18fa;padding:20px 6vw;flex-direction:column;gap:5px;align-items:stretch;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.header nav a{padding:12px 5px}.header nav a:last-child{margin-left:0}.hero{min-height:720px;max-height:950px}.hero-image{background-position:54% center}.hero-topline{top:103px;left:6vw;right:6vw;font-size:7px;letter-spacing:1px}.hero-topline span:last-child{display:none}.identity{width:93px;height:147px;left:auto;right:8%;top:124px;animation-duration:12s}.strap{height:140px;width:8px;left:calc(50% - 4px)}.card-front,.card-back{padding:10px}.card-no{font-size:5px;letter-spacing:.6px;padding-top:6px}.monogram{font-size:39px;margin:2px 0;letter-spacing:-4px}.card-name{font-size:11px;letter-spacing:1px}.card-name small{font-size:6px;margin-top:5px}.card-bottom{font-size:6px;padding-top:6px}.card-back strong{font-size:18px;margin:8px 0}.card-back>span:nth-child(3){font-size:7px}.hero-content{margin-top:150px;padding:0 20px}.hero h1{font-size:90px;letter-spacing:-4px;margin:20px 0 27px}.hero h1 span{font-size:18px;letter-spacing:8px;margin-top:20px;margin-left:8px}.hero .eyebrow{font-size:8px;letter-spacing:1.7px}.hero-description{font-size:10px;letter-spacing:1px}.dot{padding:0 9px}.hero-actions{gap:23px;margin-top:30px}.button{font-size:11px;padding:12px 18px;gap:25px}.hero-actions>.text-link{font-size:10px}.hero-bottom{bottom:25px;left:6vw;right:6vw;font-size:8px}.hero-bottom>span:nth-child(2){display:none}.section{padding:75px 6vw}.section-heading{display:block;margin-bottom:30px}.eyebrow{font-size:8px;margin-bottom:15px}.section-heading h2{font-size:29px}.section-aside{margin-top:22px;font-size:11px}.filters{gap:28px;margin-bottom:20px}.project-cover img{height:380px;object-position:48%}.image-label{right:15px;bottom:15px;padding:11px 14px;gap:30px;font-size:8px}.project-caption{display:block;padding:20px 0}.project-caption h3{font-size:25px}.project-caption p{text-align:left;font-size:10px}.future-work{font-size:10px;gap:15px}.future-work>span:first-child{font-size:7px;letter-spacing:1px}.image-interlude{height:420px}.image-interlude img{object-position:65%}.image-interlude>div{left:6vw}.image-interlude>div>p:last-child{font-size:27px}.image-interlude>span{font-size:8px;right:6vw}.about{grid-template-columns:1fr;gap:40px}.about-art{width:80%;max-width:320px}.about-art img{max-height:400px}.about-art>span{font-size:6px}.about-copy h2{font-size:48px}.about-copy h2 span{font-size:29px;margin-bottom:25px}.quote{font-size:19px}.service-grid{grid-template-columns:1fr;gap:16px}.service-grid>a{padding:25px}.service-grid h3{font-size:25px}.service-arrow{right:24px;bottom:20px}.process{grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.process-note{font-size:9px}.contact-inner{grid-template-columns:1fr;gap:40px}.contact-copy h2{font-size:32px}.brief-form{padding:24px}.form-row{gap:15px}footer{flex-wrap:wrap;padding:30px 6vw}footer>span{display:none}.project-detail{padding:35px 6%}.project-detail>h2{font-size:28px}.detail-location{font-size:10px}.dialog-toolbar>span{font-size:7px;letter-spacing:1px}.detail-intro{grid-template-columns:1fr;padding:30px 0;gap:20px}.detail-intro h3{font-size:24px}.detail-intro dl{grid-template-columns:1fr 1fr;gap:16px;margin-top:5px}.detail-gallery{grid-template-columns:1fr;gap:25px}.detail-gallery .wide{grid-column:auto}.detail-gallery img{height:auto}.detail-gallery .portrait img{max-height:none}.detail-gallery .sign img{height:auto}.detail-end{margin-top:35px}.detail-end p{font-size:22px}#lightbox>img{width:calc(100% - 30px);height:calc(100% - 200px);margin-top:80px}.photo-prev,.photo-next{top:auto;bottom:30px;font-size:25px;padding:15px}.photo-prev{left:25%}.photo-next{right:25%}.lightbox-bar{left:15px;right:15px}#photo-caption{font-size:11px;margin:10px 20px}}
.model-section{margin:15px 0 45px;border-top:1px solid var(--line);padding-top:35px}.model-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.model-heading h3{font:28px var(--serif);margin:0}.model-heading .eyebrow{margin-bottom:12px}.model-heading>span{font-size:10px;color:var(--muted)}.model-stage{position:relative;min-height:420px;background:radial-gradient(ellipse at center,#41382c,#181613);border:1px solid var(--line);overflow:hidden}.model-stage model-viewer{display:block;width:100%;height:520px;--progress-bar-color:var(--orange);--poster-color:transparent}.model-placeholder{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 20px}.model-placeholder img{width:220px;height:220px;object-fit:contain;border:1px solid var(--line)}.model-placeholder h4{font:21px var(--serif);margin:25px 0 10px}.model-placeholder p{font-size:12px;color:var(--muted);margin:0}.model-status{position:absolute;bottom:15px;left:15px;right:15px;background:#201c18eb;padding:12px;font-size:12px;text-align:center}.model-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.model-controls>button,.model-import{border:1px solid var(--line);font-size:11px;padding:10px 16px;cursor:pointer}.model-import{background:var(--orange);color:#fff;position:relative;overflow:hidden}.model-import:focus-within{outline:2px solid #e59b6b;outline-offset:4px}.model-import input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.model-controls>button:disabled{opacity:.4;cursor:default}.model-help{font-size:10px;color:var(--muted);line-height:1.9}.identity:not(.flipped) .card-back{visibility:hidden}.identity.flipped .card-front{visibility:hidden}
@media(max-width:700px){.model-heading{display:block}.model-heading>span{display:block;margin-top:15px}.model-stage model-viewer{height:390px}.model-stage,.model-placeholder{min-height:360px}.model-placeholder img{width:180px;height:180px}.model-controls>button,.model-import{padding:10px;font-size:10px}}
.model-section{scroll-margin-top:75px}.model-placeholder .button{margin-top:22px}.model-shortcut{color:#d89b75;margin-left:25px;white-space:nowrap}.model-stage.su-view{background:#ccccc8}.model-stage.su-view .model-status{color:var(--text)}
@media(max-width:700px){.model-shortcut{margin:10px 0}.model-placeholder h4{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-reveal .reveal{opacity:1;transform:none}}
