.archive-hero{background:var(--ink);color:var(--paper);position:relative;overflow:hidden}
.archive-hero::before{content:"";position:absolute;width:790px;height:790px;border:2px solid rgba(255,255,255,.045);border-radius:50%;right:-260px;top:-390px;box-shadow:0 0 0 120px rgba(255,255,255,.018),0 0 0 245px rgba(255,255,255,.012);pointer-events:none}
.archive-hero-grid{min-height:670px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;padding-block:95px 115px;position:relative;z-index:1}
.archive-overline,.archive-kicker{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}
.archive-overline{color:var(--moss);margin-bottom:31px}
.archive-hero h1{font-family:var(--display);font-size:clamp(74px,8.4vw,142px);line-height:.85;letter-spacing:-.075em;margin:0 0 35px;text-transform:uppercase}
.archive-hero h1 em{font-style:normal;color:var(--moss)}
.archive-hero-copy p{color:#c8c8be;font-size:16px;line-height:1.85;max-width:475px;margin-bottom:32px}
.archive-scroll{display:inline-flex;align-items:center;gap:15px;padding:12px 0;border-bottom:2px solid var(--moss);color:var(--moss);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}
.archive-scroll span{font-size:20px;line-height:1}
.archive-art-stack{min-height:490px;max-width:590px;width:100%;margin-inline:auto;position:relative;isolation:isolate}
.archive-art-stack::before{content:"";position:absolute;width:80%;aspect-ratio:1;border:2px solid rgba(185,202,139,.35);border-radius:50%;left:12%;top:5%;z-index:-1}
.archive-art-stack img{position:absolute;display:block;width:53%;aspect-ratio:1;object-fit:cover;border:6px solid var(--paper);box-shadow:15px 18px 0 rgba(0,0,0,.22),0 20px 40px rgba(0,0,0,.25)}
.archive-stack-one{left:4%;top:8%;transform:rotate(-12deg)}
.archive-stack-two{right:6%;top:13%;transform:rotate(10deg)}
.archive-stack-three{left:26%;bottom:4%;transform:rotate(-1deg)}
.archive-stack-stamp{position:absolute;right:0;bottom:4%;width:116px;height:116px;display:grid;place-items:center;border-radius:50%;background:var(--orange);border:2px solid var(--ink);color:var(--ink);text-align:center;font-size:13px;line-height:1.2;letter-spacing:.08em;font-weight:800;transform:rotate(13deg);box-shadow:7px 8px 0 rgba(0,0,0,.25)}
.archive-list-section{background:var(--paper);padding:108px 0 115px;scroll-margin-top:82px}
.archive-section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:42px}
.archive-kicker{color:#687d48;margin-bottom:17px}
.archive-section-head h2,.archive-bottom-cta h2{font-family:var(--display);font-size:clamp(55px,6.6vw,102px);line-height:.91;letter-spacing:-.075em;text-transform:uppercase;margin:0}
.archive-section-head p{max-width:425px;font-size:14px;line-height:1.8;color:#605e57;margin:0 0 5px}
.archive-controls{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto;gap:18px;align-items:end;background:#e9e4d9;border:2px solid var(--ink);padding:24px;margin-bottom:23px}
.archive-field{display:flex;flex-direction:column;gap:11px;min-width:0}
.archive-field label{font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#3c3d36}
.archive-field input,.archive-field select{height:54px;width:100%;border:1.5px solid #a8a499;background:#fffdf8;padding:0 16px;border-radius:0;color:var(--ink);font:600 14px var(--font);outline:0}
.archive-field input:focus-visible,.archive-field select:focus-visible{border-color:var(--ink);box-shadow:3px 3px 0 var(--moss)}
.archive-field input::placeholder{color:#89867d;font-weight:500}
.archive-reset{height:54px;padding:0 15px;border:1.5px solid var(--ink);background:transparent;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--ink)}
.archive-reset:hover,.archive-reset:focus-visible{background:var(--ink);color:#fff}
.archive-results-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #bbb7ae;border-bottom:1px solid #bbb7ae;padding:18px 0;margin-bottom:30px}
.archive-results-row p,.archive-results-row span{margin:0;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.archive-results-row span{color:#7a766e;font-weight:700}
.archive-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:27px 20px}
.archive-card{min-width:0;background:#fffdf8;border:2px solid var(--ink);display:flex;flex-direction:column;box-shadow:5px 5px 0 #d0cbc0;transition:transform .18s,box-shadow .18s}
.archive-card:hover,.archive-card:focus-within{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #b8b2a7}
.archive-cover-link{width:100%;flex-shrink:0;display:block;aspect-ratio:1;position:relative;overflow:hidden;background:#c2cfa6;border-bottom:2px solid var(--ink)}
.archive-cover-link img{width:100%;height:100%;display:block;object-fit:cover}
.archive-art-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:17px;overflow:hidden;background:#b9ca8b;color:var(--ink)}
.archive-art-fallback::after{content:"";position:absolute;width:93%;aspect-ratio:1;border:2px solid rgba(23,23,21,.25);border-radius:50%;right:-44%;top:14%;box-shadow:0 0 0 21px rgba(23,23,21,.05),0 0 0 42px rgba(23,23,21,.035);transform:rotate(-20deg)}
.archive-art-fallback.variant-1{background:#edb253}
.archive-art-fallback.variant-2{background:#76b0c6}
.archive-art-fallback.variant-3{background:#dcb7c0}
.archive-art-fallback small{position:relative;z-index:1;font-size:9px;letter-spacing:.16em;font-weight:800;text-transform:uppercase}
.archive-art-fallback strong{position:relative;z-index:1;font-family:var(--display);font-size:clamp(18px,2.1vw,31px);letter-spacing:-.07em;line-height:1.02;word-break:break-word}
.archive-art-fallback b{position:relative;z-index:1;align-self:flex-end;font-size:10px;letter-spacing:.15em}
.archive-card-copy{padding:19px 16px 16px;display:flex;flex-direction:column;flex:1}
.archive-card-code{font-size:9px;font-weight:800;letter-spacing:.15em;color:#687b4d;text-transform:uppercase;margin-bottom:10px}
.archive-card h3{font-family:var(--display);font-size:clamp(15px,1.35vw,19px);line-height:1.17;letter-spacing:-.045em;text-transform:uppercase;overflow-wrap:anywhere;margin:0 0 10px}
.archive-artist{font-size:12px;line-height:1.55;color:#5b5750;margin:0 0 13px;overflow-wrap:anywhere}
.archive-card-foot{margin-top:auto;border-top:1px solid #d6d0c3;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.archive-card-foot small{font-size:10px;color:#746f66}
.archive-card-foot a{font-size:10px;line-height:1.3;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:2px;text-align:right}
.archive-card-foot a:hover,.archive-card-foot a:focus-visible{color:#507334}
.archive-empty{border:2px solid var(--ink);padding:45px 28px;text-align:center;font-size:15px;color:#625e55;background:#fffdf8}
.archive-more-wrap{text-align:center;margin-top:50px}
.archive-more{display:inline-flex;align-items:center;gap:25px;padding:18px 23px;border:2px solid var(--ink);background:var(--ink);color:var(--paper);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.archive-more[hidden]{display:none}
.archive-more:hover,.archive-more:focus-visible{background:var(--moss);color:var(--ink)}
.archive-more span{font-size:18px;line-height:1}
.archive-footnote{margin:60px 0 0;padding-top:23px;border-top:1px solid #c9c4b9;color:#726f67;font-size:12px;line-height:1.7}
.archive-bottom-cta{background:var(--moss);padding:97px 0 104px}
.archive-cta-grid{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:11%}
.archive-bottom-cta .archive-kicker{color:#4c6036}
.archive-bottom-cta h2{font-size:clamp(56px,7vw,112px)}
.archive-cta-grid>div:last-child{padding-bottom:8px}
.archive-cta-grid p{font-size:17px;line-height:1.7;max-width:390px;margin:0 0 25px}
.archive-home-link{display:inline-flex;gap:14px;align-items:center;background:var(--ink);color:var(--paper);padding:18px 23px;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}
.archive-home-link:hover,.archive-home-link:focus-visible{background:#33412d}
@media(max-width:1160px){.archive-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.archive-hero-grid{gap:2%}.archive-art-stack{min-height:420px}}
@media(max-width:900px){.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-hero-grid{min-height:0;grid-template-columns:1fr;padding-block:80px 90px}.archive-art-stack{width:min(85%,540px);margin-top:12px}.archive-controls{grid-template-columns:1fr 220px}.archive-reset{grid-column:1/-1;justify-self:start}.archive-section-head{align-items:start;flex-direction:column;gap:22px}.archive-art-fallback strong{font-size:27px}}
@media(max-width:650px){.archive-hero-grid{padding-block:66px 83px}.archive-hero h1{font-size:clamp(57px,14vw,93px)}.archive-hero-copy p{font-size:14px}.archive-art-stack{min-height:290px;width:min(100%,370px)}.archive-art-stack img{border-width:4px}.archive-stack-stamp{width:78px;height:78px;font-size:9px}.archive-list-section{padding:72px 0 85px;scroll-margin-top:65px}.archive-section-head h2{font-size:min(61px,14vw)}.archive-controls{grid-template-columns:1fr;padding:18px;gap:15px}.archive-reset{grid-column:auto;width:100%}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 13px}.archive-card-copy{padding:14px 11px 12px}.archive-card h3{font-size:15px}.archive-artist{font-size:11px}.archive-art-fallback{padding:11px}.archive-art-fallback strong{font-size:20px}.archive-art-fallback small,.archive-art-fallback b{font-size:8px}.archive-card-foot{align-items:flex-start;flex-direction:column}.archive-results-row span{display:none}.archive-cta-grid{grid-template-columns:1fr;gap:26px}.archive-bottom-cta{padding:73px 0 82px}}
@media(max-width:370px){.archive-grid{grid-template-columns:1fr}.archive-cover-link{max-height:300px;max-width:300px}.archive-card h3{font-size:18px}.archive-art-fallback strong{font-size:31px}}
@media(max-width:340px){.archive-hero h1{transform:scale(.9);transform-origin:left top}}

/* HYS288 only: the cover footprint and all card metadata stay unchanged. */
.archive-flip{width:100%;flex-shrink:0;perspective:1000px;overflow:visible}
.archive-flip-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 400ms cubic-bezier(.2,.65,.25,1)}
.archive-flip.is-flipped .archive-flip-inner{transform:rotateY(180deg)}
.archive-flip-front,.archive-flip-back{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.archive-flip-front{display:block;padding:0;border:0;border-radius:0;background:var(--moss);color:var(--paper);text-align:left;overflow:hidden;transform:rotateY(0deg)}
.archive-flip-back{transform:rotateY(180deg);background:var(--ink);color:var(--paper);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:4px;padding:clamp(8px,1.2vw,18px)}
.archive-flip-heading{margin:0;color:var(--moss);font-size:clamp(9px,.8vw,12px);font-weight:800;letter-spacing:.09em;line-height:1.3;max-width:19ch}
.archive-platforms{display:flex;flex-direction:column;justify-content:flex-start;gap:4px;min-height:0;overflow-y:auto}
.archive-platforms a:first-child{margin-top:auto}
.archive-platforms a:last-child{margin-bottom:auto}
.archive-platforms a{display:flex;justify-content:space-between;align-items:center;gap:5px;flex-shrink:0;min-height:clamp(26px,3vw,38px);padding:4px 7px;border:1px solid #687b4d;font-size:clamp(10px,.9vw,13px);font-weight:700;line-height:1.2}
.archive-platforms a span{color:var(--moss)}
.archive-platforms a:hover{background:var(--moss);color:var(--ink)}
.archive-platforms a:hover span{color:inherit}
.archive-flip-close{justify-self:start;min-height:24px;padding:2px 0;border:0;background:transparent;color:var(--moss);font-size:10px;font-weight:700;line-height:1.2;text-align:left}
.archive-platform-trigger{font:800 10px/1.3 var(--font);border:0;border-bottom:1px solid currentColor;padding:0 0 2px;background:transparent;color:inherit;text-align:right}
.archive-platform-trigger:hover{color:#507334}
.archive-flip-front:focus-visible{outline:3px solid var(--orange);outline-offset:-4px}
.archive-platforms a:focus-visible,.archive-flip-close:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.archive-platform-trigger:focus-visible{outline:2px solid #507334;outline-offset:3px}
@media(min-width:371px) and (max-width:650px){.archive-flip-back{gap:3px}.archive-platforms{gap:2px}}
@media(max-width:370px){.archive-flip{max-width:300px}}
@media(prefers-reduced-motion:reduce){.archive-flip-inner{transition:none}.archive-card:has(.archive-flip){transition:none;transform:none}}