:root{--paper:#f4f2eb;--ink:#27312f;--muted:#737870;--blue:#7298a6;--navy:#1d3441;--line:#d8d9d0;--serif:Georgia,"Times New Roman",serif;--sans:"PingFang SC","Microsoft YaHei",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #537c8c;outline-offset:6px}img{max-width:100%;height:auto;display:block}button{border:0}::selection{background:#c7d9df;color:#1d3441}.shell{width:min(1400px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:-70px;left:20px;padding:14px;background:var(--navy);color:#fff;z-index:10}.skip-link:focus{top:10px}.site-header{height:104px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--serif);font-weight:700;font-size:40px;line-height:1;letter-spacing:-3px}.wordmark span{color:var(--blue)}.header-note{font-size:11px;letter-spacing:.2em;color:var(--muted)}.site-header nav{margin-left:auto;display:flex;gap:38px;font-size:13px}.site-header nav a{padding:8px 0}.site-header nav a:hover{color:var(--blue)}.site-header nav span{margin-left:9px}.hero{display:grid;grid-template-columns:42% 58%;padding-top:48px;padding-bottom:84px;min-height:740px}.hero-copy{display:flex;align-items:flex-start;flex-direction:column;padding:24px 28px 0 0}.eyebrow{font-size:10px;font-weight:500;line-height:1.7;letter-spacing:.2em;margin:0}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin:0 10px 1px 0}h1{font-size:clamp(35px,4.1vw,63px);line-height:1.5;letter-spacing:.025em;font-weight:400;margin:56px 0 22px;max-width:100%}.soft-blue{color:var(--blue)}.hero-description{font-size:14px;line-height:2.2;letter-spacing:.07em;color:#777c73;margin:0}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--ink);font-size:12px;letter-spacing:.08em;padding:12px 0;background:transparent}.text-link span{font-size:18px}.hero-link{margin-top:28px;min-width:136px}.text-link:hover{color:var(--blue);border-color:var(--blue)}.hero-foot{display:flex;gap:22px;margin-top:auto;padding-top:40px;font-size:10px;color:var(--muted);letter-spacing:.1em}.hero-foot span+span:before{content:"/";margin-right:22px;color:#babfb4}.hero-visual{position:relative;margin:0;align-self:stretch;display:flex;flex-direction:column;min-width:0}.hero-visual>img{height:520px;width:100%;object-fit:cover;object-position:50% 54%}.hero-visual figcaption{display:flex;justify-content:space-between;font-size:11px;padding:17px 0;color:#636e68;letter-spacing:.08em}.image-corner{position:absolute;left:24px;bottom:70px;font:12px/1.4 var(--serif);letter-spacing:.15em;color:#fff;text-shadow:0 1px 10px #0003}.section-top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:26px;gap:20px}.section-aside{font-size:11px;color:var(--muted);letter-spacing:.08em;margin:0}.work-section{padding-bottom:110px}.project-intro{display:flex;justify-content:space-between;gap:60px;align-items:flex-start;padding:64px 0 44px}.small-label{font-size:11px;color:var(--muted);letter-spacing:.1em;margin:0 0 14px}h2{font-size:44px;font-weight:400;letter-spacing:.06em;line-height:1.5;margin:0}.project-description{max-width:440px;min-width:330px}.project-description>p{font-size:13px;line-height:2.2;margin:0 0 24px;color:#646e66;letter-spacing:.03em}.button{display:inline-flex;gap:38px;align-items:center;justify-content:space-between;padding:17px 22px;font-size:12px;letter-spacing:.08em;line-height:1.5;transition:background .2s,transform .2s}.button span{font-size:17px}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#4d6c77;transform:translateY(-2px)}.project-image-link{position:relative;display:block;overflow:hidden}.project-image-link>img{width:100%;height:560px;object-fit:cover;object-position:center 53%;transition:transform .8s}.project-image-link:hover>img{transform:scale(1.025)}.image-caption{position:absolute;bottom:26px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:15px;letter-spacing:.07em;text-shadow:0 1px 10px #0007}.circle-arrow{border:1px solid #fff9;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font-size:21px;backdrop-filter:blur(4px)}.project-facts{display:flex;gap:50px;padding-top:20px;font-size:10px;letter-spacing:.08em;color:var(--muted)}.project-facts b{font-family:var(--serif);font-size:16px;font-weight:400;margin-right:6px;color:var(--ink)}.project-facts>span:last-child{margin-left:auto}.details-section{padding-bottom:100px}.details-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:60px 0 40px;gap:30px}.details-heading h2{font-size:33px}.details-heading p{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:start}.detail-card{min-width:0;text-align:left;padding:0;background:none}.photo-frame{display:block;position:relative;overflow:hidden}.photo-frame>img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .7s}.detail-card:hover img{transform:scale(1.035)}.detail-card-offset{margin-top:86px}.detail-card-offset .photo-frame>img{aspect-ratio:4/5}.zoom-hint{position:absolute;right:14px;bottom:14px;width:32px;height:32px;display:grid;place-items:center;background:#f4f2ebdd;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s}.detail-card:hover .zoom-hint,.detail-card:focus-visible .zoom-hint{opacity:1;transform:translateY(0)}.detail-caption{display:grid;gap:10px;padding-top:17px;font-size:10px;letter-spacing:.05em}.detail-caption>span:first-child{color:var(--muted)}.detail-caption>span:last-child{font-size:13px}.gallery-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:45px;gap:20px}.gallery-bottom>span{font-size:11px;color:var(--muted);letter-spacing:.07em}.album-section{background:#e7eae3;overflow:hidden}.album-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:85px}.album-preview{position:relative;width:min(290px,80%);margin:auto;perspective:1200px}.album-preview>img{position:relative;z-index:1;width:100%;transform:rotate(-8deg) rotateY(-12deg);box-shadow:11px 14px 0 #d0c8b1,22px 28px 35px #1c322d26;border-radius:1px 5px 5px 1px;border-left:6px solid #152c3b}.album-preview:after{content:"";position:absolute;inset:5px 0 0 4px;border:1px solid #ffffff4d;transform:rotate(-8deg) rotateY(-12deg);z-index:2;pointer-events:none}.album-copy .eyebrow{color:#5d787d;margin-bottom:24px}.album-copy h2{font-size:39px;line-height:1.6}.album-copy>p:not(.eyebrow){font-size:13px;line-height:2.2;color:#687369;margin:24px 0}.album-note{display:block;font-size:10px;letter-spacing:.08em;color:#7c877c;margin-top:16px}.contact-section{background:var(--navy);color:#f2f0e9;padding-top:49px}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-top .eyebrow{color:#9cb0b5}.back-top{font-size:10px;color:#c1cccc}.contact-content{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:60px 0 65px}.contact-content h2{font-size:37px}.contact-content p{font-size:12px;line-height:1.8;color:#a3b5b9;letter-spacing:.03em;margin-top:18px}.contact-phone{white-space:nowrap;font:34px/1.5 var(--serif);letter-spacing:.01em;border-bottom:1px solid #5c727b;padding:4px 0 12px}.contact-phone>span{font:24px var(--sans);margin-left:34px}.contact-phone:hover{color:#a8c4cf}.footer-bottom{border-top:1px solid #ffffff24;display:flex;gap:26px;align-items:center;padding-block:25px}.footer-bottom .wordmark{font-size:29px}.footer-bottom>span{font-size:10px;color:#9cb0b5;letter-spacing:.12em}.footer-bottom>span:last-child{margin-left:auto}.lightbox{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:24px 32px;border:none;background:#17232af5;color:#f5f3eb;margin:0}.lightbox::backdrop{background:#17232a}.lightbox[open]{display:flex;flex-direction:column}.lightbox-top,.lightbox-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex:none}.lightbox-top{font:12px var(--sans);letter-spacing:.12em;min-height:36px}.lightbox-close{background:none;color:inherit;padding:10px 0 10px 16px;font-size:12px;display:flex;align-items:center;gap:24px}.lightbox-close span{font-size:26px;font-weight:300}.lightbox-stage{flex:1;min-height:0;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:24px;align-items:center;padding-block:20px}.lightbox-stage>img{width:100%;height:100%;min-height:0;object-fit:contain}.gallery-arrow{background:none;color:inherit;border:1px solid #ffffff3b;border-radius:50%;height:40px;width:40px;font-size:20px}.gallery-arrow:hover{background:#ffffff16}.lightbox-bottom{font-size:11px;line-height:1.8;color:#b7c5c7;min-height:40px}.lightbox-bottom>p{margin:0}.lightbox-bottom>span{white-space:nowrap;color:#7e969e}
@media(min-width:1600px){.hero-visual>img{height:610px}.hero{min-height:825px}h1{font-size:65px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.hero{grid-template-columns:43% 57%;min-height:650px}.hero-visual>img{height:460px}.hero-copy{padding-right:20px}h1{font-size:39px;margin-top:45px}.hero-description{font-size:12px}.hero-foot{gap:12px;font-size:9px}.hero-foot span+span:before{margin-right:12px}.project-image-link>img{height:460px}.contact-phone{font-size:28px}.contact-phone>span{margin-left:15px}.contact-content h2{font-size:31px}.album-inner{gap:55px}.album-copy h2{font-size:32px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.site-header{height:80px;gap:20px}.wordmark{font-size:33px}.header-note{font-size:9px;letter-spacing:.08em}.site-header nav{gap:20px;font-size:11px}.hero{display:flex;flex-direction:column;padding-top:30px;padding-bottom:55px;min-height:0}.hero-copy{padding:0}.eyebrow{font-size:9px;letter-spacing:.15em}h1{font-size:clamp(34px,7vw,50px);line-height:1.5;margin:30px 0 18px;letter-spacing:.03em}.hero-description{font-size:12px;line-height:1.9}.hero-link{margin-top:14px;min-width:118px}.hero-foot{display:none}.hero-visual{margin-top:32px}.hero-visual>img{height:auto;aspect-ratio:1.36;object-position:center}.hero-visual figcaption{font-size:10px;padding-block:13px}.image-corner{font-size:10px;left:16px;bottom:58px}.section-top{padding-top:21px}.section-aside{font-size:9px}.project-intro{gap:24px;padding:35px 0 28px}.project-intro h2{font-size:32px}.small-label{font-size:9px}.project-description{min-width:0;max-width:50%}.project-description>p{font-size:11px;line-height:1.9;margin-bottom:17px}.project-description>p>br{display:none}.button{font-size:11px;padding:13px 15px;gap:20px}.project-image-link>img{height:auto;aspect-ratio:1.15;object-position:center}.image-caption{font-size:12px;left:17px;right:17px;bottom:17px}.circle-arrow{height:36px;width:36px;font-size:17px}.project-facts{font-size:9px;gap:23px;letter-spacing:0}.project-facts b{font-size:15px}.project-facts>span:last-child{font-size:8px}.work-section{padding-bottom:60px}.details-heading{display:block;padding:35px 0 26px}.details-heading h2{font-size:26px;letter-spacing:.02em}.details-heading p{margin:11px 0 0;font-size:10px}.detail-grid{gap:12px}.detail-card-offset{margin-top:40px}.detail-caption{font-size:8px;gap:6px;padding-top:11px}.detail-caption>span:last-child{font-size:10px;line-height:1.7}.zoom-hint{display:none}.gallery-bottom{margin-top:27px}.gallery-bottom>span{font-size:9px;max-width:45%;line-height:1.8}.gallery-bottom .text-link{font-size:10px;gap:19px}.details-section{padding-bottom:55px}.album-inner{gap:40px;padding-block:56px}.album-preview{width:85%}.album-copy .eyebrow{font-size:8px;margin-bottom:13px}.album-copy h2{font-size:25px;letter-spacing:.02em}.album-copy>p:not(.eyebrow){font-size:10px;line-height:2;margin-block:16px}.album-note{font-size:8px;line-height:1.8;letter-spacing:0}.contact-section{padding-top:33px}.contact-content{flex-direction:column;align-items:flex-start;gap:25px;padding:34px 0 43px}.contact-content h2{font-size:30px}.contact-content p{font-size:11px;margin:12px 0 0}.contact-phone{font-size:32px}.contact-phone>span{margin-left:25px}.footer-bottom{gap:20px;padding-block:22px}.footer-bottom>span{font-size:9px}.footer-bottom>span:last-child{font-size:8px}.lightbox{padding:18px 16px}.lightbox-stage{grid-template-columns:30px minmax(0,1fr) 30px;gap:8px;padding-block:16px}.gallery-arrow{width:30px;height:30px;font-size:16px}.lightbox-bottom{font-size:10px;align-items:flex-start}.lightbox-bottom>span{display:none}}
@media(max-width:400px){.header-note{display:none}.site-header nav{gap:22px}.project-intro{display:block}.project-description{max-width:none;margin-top:20px}.project-description>p{max-width:290px}.project-facts{gap:17px}.album-inner{gap:24px}.album-copy h2{font-size:21px}.contact-phone{font-size:29px}.detail-caption>span:first-child{font-size:7px}.detail-caption>span:last-child{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}