.archive-hero{padding:92px 0 48px;background:linear-gradient(145deg,#eef8f4,#fff8ed)}
.archive-hero__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}.archive-hero h1{font-size:clamp(2rem,5vw,4.6rem);line-height:1.12;margin:.35rem 0 1rem}.archive-hero p{max-width:720px;color:#53635f;line-height:2}.archive-note{background:#fff;border:1px solid #d6e5df;border-radius:28px;padding:24px;box-shadow:0 18px 50px #123a2c14}.archive-note b{display:block;color:#0c594c;margin-bottom:8px}.archive-note p{margin:0;font-size:.94rem}
.archive-section{padding:72px 0}.archive-intro{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.archive-intro h2{font-size:clamp(1.7rem,3vw,2.8rem);margin:.25rem 0}.archive-intro p{max-width:620px;color:#64716e;line-height:1.9}.archive-badge{display:inline-flex;padding:7px 12px;border-radius:999px;background:#e8f5ef;color:#0a604f;font-weight:800;font-size:.82rem}
.legacy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.legacy-case{border:1px solid #dbe6e1;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 13px 38px #183b3010}.legacy-pair{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#dfe7e3}.legacy-shot{position:relative;background:#eef2ef}.legacy-shot img{display:block;width:100%;aspect-ratio:6/5;object-fit:cover}.legacy-shot span{position:absolute;right:10px;bottom:10px;background:#063f37df;color:#fff;padding:5px 10px;border-radius:999px;font-size:.75rem;font-weight:800}.legacy-case__body{padding:18px}.legacy-case h3{margin:0 0 8px}.legacy-case p{color:#66736f;line-height:1.8;margin:0;font-size:.92rem}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.archive-video{border:1px solid #dbe6e1;border-radius:26px;padding:14px;background:#fff}.archive-video video{display:block;width:100%;aspect-ratio:16/9;background:#092c27;border-radius:18px}.archive-video h3{margin:18px 5px 8px}.archive-video p{margin:0 5px 8px;color:#66736f;line-height:1.8}.archive-policy{margin-top:28px;padding:24px;border-radius:24px;background:#0b4f45;color:#fff}.archive-policy h2{margin-top:0}.archive-policy ul{margin:0;padding-right:20px;line-height:2}
@media(max-width:900px){.archive-hero__grid,.legacy-grid{grid-template-columns:1fr 1fr}.archive-intro{display:block}}
@media(max-width:640px){.archive-hero{padding-top:54px}.archive-hero__grid,.legacy-grid,.video-grid{grid-template-columns:1fr}.archive-section{padding:48px 0}.legacy-pair{grid-template-columns:1fr 1fr}}