/* ===== Editorial Art-Book Subpages ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--w:#fff;--ow:#f8f7f5;--lg:#f0efec;--mg:#b5b3ae;--dg:#3a3937;--nb:#1a1918;--ac:#7a9a6a;--fs:'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif;--fr:'Georgia','Times New Roman',serif}
html{font-size:16px;-webkit-font-smoothing:antialiased}
body{font-family:var(--fs);background:var(--w);color:var(--nb);line-height:1.6;overflow-x:hidden}
.project-page{max-width:1200px;margin:0 auto;padding:8rem 4rem 6rem}
.project-header{margin-bottom:5rem;padding-bottom:3rem;border-bottom:1px solid var(--lg)}
.project-meta{display:flex;gap:2.5rem;align-items:flex-start;margin-bottom:2.5rem}
.project-number{font-family:var(--fs);font-size:.85rem;font-weight:400;letter-spacing:.15em;color:var(--mg);padding-top:.3rem;flex-shrink:0}
.project-info{flex:1}
.project-name{font-family:var(--fs);font-size:clamp(2rem,4vw,3.5rem);font-weight:200;letter-spacing:-.01em;color:var(--nb);line-height:1.15;margin-bottom:.8rem}
.project-detail{display:flex;gap:.6rem;align-items:center;margin-bottom:.6rem}
.project-type,.project-year{font-family:var(--fs);font-size:.8rem;font-weight:400;letter-spacing:.12em;color:var(--dg);text-transform:uppercase}
.project-dot{color:var(--mg);font-size:.7rem}
.project-tags{font-family:var(--fs);font-size:.75rem;font-weight:400;letter-spacing:.1em;color:var(--mg)}
.project-tags span:not(:last-child)::after{content:' / '}
.project-desc{font-family:var(--fr);font-size:1.05rem;font-weight:400;line-height:1.8;color:var(--dg);max-width:640px;margin-top:1.5rem}
.project-hero{width:100%;margin-bottom:1.5rem}
.project-hero-img{width:100%;height:auto;display:block;object-fit:cover}
.project-image{width:100%;margin-bottom:1.5rem}
.project-img{width:100%;height:auto;display:block;object-fit:cover}
.category-page{max-width:1200px;margin:0 auto;padding:8rem 4rem 6rem}
.category-header{margin-bottom:5rem;padding-bottom:3rem;border-bottom:1px solid var(--lg)}
.category-title{font-family:var(--fs);font-size:clamp(2.5rem,5vw,4rem);font-weight:200;letter-spacing:-.02em;color:var(--nb);line-height:1.1;margin-bottom:1rem}
.category-subtitle{font-family:var(--fr);font-size:1.05rem;font-weight:400;color:var(--dg)}
.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem 4rem}
.project-card{display:block;text-decoration:none;color:inherit}
.project-card-img{width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--lg);margin-bottom:1.2rem}
.project-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.1,.25,1)}
.project-card:hover .project-card-img img{transform:scale(1.03)}
.project-card-info{display:flex;align-items:baseline;gap:1rem}
.project-card-num{font-family:var(--fs);font-size:.75rem;font-weight:400;letter-spacing:.15em;color:var(--mg)}
.project-card-name{font-family:var(--fs);font-size:1.1rem;font-weight:300;letter-spacing:.03em;color:var(--nb)}
.contact-page{max-width:800px;margin:0 auto;padding:12rem 4rem 6rem;min-height:80vh;display:flex;flex-direction:column;justify-content:center}
.contact-header{margin-bottom:5rem}
.contact-title{font-family:var(--fs);font-size:clamp(2.5rem,5vw,4rem);font-weight:200;letter-spacing:-.02em;color:var(--nb);line-height:1.1;margin-bottom:1.2rem}
.contact-subtitle{font-family:var(--fr);font-size:1.1rem;color:var(--dg)}
.contact-info{display:flex;flex-direction:column;gap:2.5rem}
.contact-block{display:flex;flex-direction:column;gap:.5rem}
.contact-label{font-family:var(--fs);font-size:.7rem;font-weight:500;letter-spacing:.2em;color:var(--mg);text-transform:uppercase}
.contact-value{font-family:var(--fr);font-size:1.2rem;color:var(--nb);text-decoration:none;transition:color .3s}
a.contact-value:hover{color:var(--ac)}
@media(max-width:768px){
.project-page,.category-page{padding:6rem 1.5rem 4rem}
.project-meta{flex-direction:column;gap:1rem}
.category-grid{grid-template-columns:1fr;gap:2.5rem}
.contact-page{padding:6rem 1.5rem 4rem}
}