.dn-portfolio-archive{margin:56px 0 24px;border-top:1px solid #b8b4a7;border-bottom:1px solid #b8b4a7}
.dn-portfolio-archive summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:72px;list-style:none;cursor:pointer;font:600 clamp(16px,2vw,24px)/1.25 system-ui,-apple-system,sans-serif;color:#252923}
.dn-portfolio-archive summary::-webkit-details-marker{display:none}
.dn-portfolio-archive summary span{font-size:25px;transition:transform .2s}
.dn-portfolio-archive[open] summary span{transform:rotate(180deg)}
.dn-archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0 0 26px}
.dn-archive-card{min-width:0;background:#faf9f5;border:1px solid #d7d2c6;border-radius:14px;overflow:hidden}
.dn-archive-card img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;background:#171c22}
.dn-archive-copy{display:flex;flex-direction:column;gap:8px;padding:16px;min-height:145px}
.dn-archive-copy span{font:700 9px/1.3 system-ui,-apple-system,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#866340}
.dn-archive-copy h3{font:500 clamp(16px,1.45vw,21px)/1.18 Georgia,serif;letter-spacing:-.02em}
.dn-archive-copy a{margin-top:auto;font:600 11px/1.35 system-ui,-apple-system,sans-serif;text-decoration:underline;text-underline-offset:3px}
.dn-archive-copy a:hover{color:#8d603c}
.dn-archive-copy a:focus-visible,.dn-portfolio-archive summary:focus-visible{outline:2px solid #986446;outline-offset:3px}
@media(max-width:1000px){.dn-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.dn-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.dn-archive-grid{grid-template-columns:1fr}.dn-archive-card{display:grid;grid-template-columns:38% 1fr}.dn-archive-card img{height:100%;aspect-ratio:auto}.dn-archive-copy{min-height:118px;padding:13px}.dn-portfolio-archive{margin-top:38px}}