:root{--ivory:#f4efe5;--ivory-2:#ebe3d5;--ink:#26221d;--soft:#756e65;--line:#d5ccbd;--gold:#b9892f;--green:#557b66;--coral:#d84b35}
body{background:var(--ivory);color:var(--ink)}
.nav{background:rgba(244,239,229,.9);border-bottom:1px solid var(--line)}
.nav a{color:var(--ink)}
.mark span,.nav-right{color:#877f74}
.hero{background:var(--ivory)}
.hero h1{color:var(--ink)}
.hero h1 i{color:var(--gold)}
.hero-foot p{color:var(--soft)}
.orbit{border-color:#ded5c7}
.orbit-b{border-color:rgba(185,137,47,.45)}
.projects{border-top:1px solid var(--line)}
.project,.project:nth-child(even){min-height:100vh;grid-template-columns:58% 42%;border-bottom:1px solid var(--line);background:var(--ivory);color:var(--ink);padding:5vw;gap:4vw;align-items:center}
.project:nth-child(even){grid-template-columns:42% 58%}
.project-jy{background:#f0eee4}
.project-999{background:#f5ecdf}
.visual{width:100%;height:auto;min-height:0;aspect-ratio:1200/750;background:transparent;overflow:visible;box-shadow:0 20px 55px rgba(75,59,38,.12)}
.visual img{width:100%;height:100%;object-fit:contain;filter:none;transition:transform .55s ease,box-shadow .55s ease}
.copy{align-self:stretch;padding:2vw 0;min-height:0}
.no{font-size:58px;color:#cfc5b6}
.copy .type{color:#8a8176}
.copy h3{color:var(--ink)}
.copy .en{color:#5f584f}
.desc{color:var(--soft)}
.result{border-top-color:var(--line);color:#8a8176}
.result b{color:var(--ink)}
.view{color:var(--ink)}
.view b{border-color:#9f9588}
.project:hover .visual img{transform:translateY(-7px);filter:none;box-shadow:0 24px 60px rgba(75,59,38,.16)}
.project:hover .view b{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.project-gz .copy{border-top:5px solid var(--gold)}
.project-jy .copy{border-top:5px solid var(--green)}
.project-999 .copy{border-top:5px solid var(--coral)}
footer{color:#82796e;border-top:1px solid var(--line)}
footer a{color:var(--ink)}
@media(max-width:850px){.project,.project:nth-child(even){grid-template-columns:1fr;padding:9vw 6vw;gap:32px;min-height:auto}.project-jy .copy{order:2}.visual{min-height:0;aspect-ratio:1200/750}.copy{min-height:500px;padding:35px 0}.no{font-size:46px}}
@media(max-width:520px){.copy{min-height:450px}.project .visual{min-height:0}}