:root{color-scheme:light;font-family:Arial,"Microsoft YaHei",sans-serif;color:#232b27;background:#fff}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid #536358;outline-offset:6px}
.archive-header,main,footer{width:min(1400px,calc(100% - 112px));margin:auto}
.archive-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 0;border-bottom:1px solid #dce1dc}
.archive-header img{display:block;width:100px;height:auto}
.archive-header>a:last-child{font-size:14px;color:#536358}
.archive-heading{padding:90px 0 64px}
.archive-heading>span{font-size:12px;letter-spacing:.12em;color:#68766c}
h1{font-size:clamp(38px,5vw,70px);font-weight:500;letter-spacing:-.03em;margin:22px 0}
.archive-heading p{font-size:17px;line-height:1.8;color:#606e64;margin:0}
.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 36px}
.archive-project{min-width:0;display:block;background:#f3efe6;border-radius:14px;padding:12px;box-shadow:0 1px 2px #00000008}
.archive-image{overflow:hidden;border-radius:10px;aspect-ratio:8/5;background:#e9e4d8}
.archive-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.archive-project:hover img{transform:scale(1.025)}
.archive-copy{padding:20px 4px 6px}
.archive-tag span{display:block;font-size:clamp(18px,1.8vw,25px);font-weight:500;letter-spacing:-.01em;line-height:1.4;color:#232b27}
.archive-kind{display:block;margin-top:8px;font-size:14px;letter-spacing:.03em;color:#68766c}
.archive-chips{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.archive-chips span{font-size:12px;letter-spacing:.02em;color:#536358;background:#fff;border:1px solid #d8dcd4;border-radius:20px;padding:5px 12px}
.archive-invitation{margin-top:90px;padding:48px 0 70px;border-top:1px solid #dce1dc}
.archive-invitation p{font-size:clamp(26px,3vw,44px);line-height:1.5;margin:0 0 18px}
.archive-invitation a{display:inline-block;color:#536358;font-size:clamp(18px,1.5vw,22px);line-height:1.7;padding-bottom:5px;border-bottom:1px solid #7b897d}
footer{display:flex;justify-content:space-between;gap:24px;padding:26px 0 40px;border-top:1px solid #dce1dc;font-size:12px;color:#68766c}
@media(max-width:700px){.archive-header,main,footer{width:calc(100% - 40px)}.archive-header{padding:24px 0}.archive-header img{width:80px}.archive-header>a:last-child{font-size:12px}.archive-heading{padding:58px 0 40px}.archive-heading p{font-size:15px}.archive-grid{grid-template-columns:1fr;gap:36px}.archive-tag span{font-size:20px}.archive-invitation{margin-top:58px;padding:32px 0 48px}.archive-invitation p{font-size:28px}.archive-invitation a{font-size:18px}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.archive-image img{transition:none}.archive-project:hover img{transform:none}}