.archive-showcase{margin:90px -26px 40px;padding:48px 30px 22px;background:#102823;color:#f8f8f2;border-radius:22px;overflow:hidden;isolation:isolate}.archive-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:end;padding:0 8px 34px}.archive-heading .eyebrow{color:#d7fc70;font-size:10px;letter-spacing:.17em}.archive-heading h3{color:inherit;font-size:clamp(38px,5.1vw,68px);font-weight:500;line-height:1.02;letter-spacing:-.055em;margin:0}.archive-heading h3 em{color:#d7fc70;font-family:Georgia,serif;font-weight:400}.archive-intro p{color:#bbccc5;font-size:14px;line-height:1.7;max-width:390px}.archive-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:20px}.archive-actions a,.archive-pause{font-size:11px;color:#eff6e9;text-underline-offset:5px}.archive-pause{font:inherit;font-size:11px;border:1px solid #53685e;border-radius:30px;background:transparent;padding:9px 13px;cursor:pointer}.archive-pause span{margin-left:8px}.archive-ticker{display:flex;width:200%;white-space:nowrap;border-top:1px solid #365044;border-bottom:1px solid #365044;padding:12px 0;margin:0 0 24px;color:#d7fc70;opacity:.7;font-size:11px;letter-spacing:.25em;overflow:hidden}.archive-ticker span{min-width:50%;animation:archive-marquee 26s linear infinite;animation-play-state:paused}.archive-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.archive-piece{position:relative;display:block;grid-column:span 5;min-height:350px;overflow:hidden;border-radius:10px;background:#061411;color:#fff;text-decoration:none;isolation:isolate;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease,box-shadow .3s ease;box-shadow:0 0 0 1px #ffffff16}.archive-piece:nth-child(1),.archive-piece:nth-child(4),.archive-piece:nth-child(5){grid-column:span 7}.archive-piece:nth-child(-n+2){min-height:410px}.archive-media,.archive-shade{position:absolute;inset:0}.archive-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:archive-drift 14s ease-in-out infinite alternate;animation-delay:var(--phase);animation-play-state:paused}.archive-frame--1{opacity:0;animation:archive-crossfade 12s ease-in-out infinite,archive-drift 14s ease-in-out infinite alternate;animation-delay:var(--phase);animation-play-state:paused}.archive-piece--h20-vr .archive-frame{object-fit:contain;background:#e6eee8;padding:24px 20px 85px}.archive-shade{background:linear-gradient(180deg,rgba(4,17,15,.55),transparent 30%,rgba(3,12,11,.06) 45%,rgba(3,12,11,.9));z-index:1;transition:opacity .4s}.archive-meta{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;gap:10px;z-index:2;font-size:9px;letter-spacing:.13em;text-transform:uppercase;text-shadow:0 1px 8px #000}.archive-meta span:first-child{padding:7px 10px;border:1px solid #ffffff50;border-radius:24px;background:#10282366;backdrop-filter:blur(8px)}.archive-caption{position:absolute;bottom:24px;left:26px;right:24px;z-index:2}.archive-caption p{font-size:11px;color:#e4ede8;margin:0 0 8px;line-height:1.4}.archive-caption h4{font-size:clamp(34px,4.5vw,60px);line-height:1.02;letter-spacing:-.055em;font-weight:600;color:white;margin:0 0 12px;overflow:hidden}.archive-caption h4 span{display:block;transition:transform .55s cubic-bezier(.16,1,.3,1),color .3s}.archive-open{font-size:10px;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;gap:18px;align-items:center}.archive-open span{color:#d7fc70;transition:transform .35s}.archive-orbit{position:absolute;right:24px;bottom:38px;width:42px;height:42px;border:1px solid #d7fc7088;border-radius:50%;display:grid;place-items:center;background:#d7fc70;color:#102823;font-size:22px;z-index:3;opacity:0;transform:translate(-12px,12px) rotate(-45deg);transition:transform .45s,opacity .4s}.archive-piece:hover,.archive-piece:focus-visible{box-shadow:0 0 0 2px #d7fc70,0 18px 40px #0005;z-index:4}.archive-piece:hover h4 span,.archive-piece:focus-visible h4 span{transform:translateX(8px);color:#d7fc70}.archive-piece:hover .archive-orbit,.archive-piece:focus-visible .archive-orbit{opacity:1;transform:none}.archive-piece:hover .archive-open span{transform:translate(5px,-3px)}.archive-footer{display:flex;justify-content:space-between;gap:16px;color:#afc2b7;font-size:10px;padding:24px 6px 0}.archive-showcase.is-inview:not(.is-paused) .archive-frame,.archive-showcase.is-inview:not(.is-paused) .archive-ticker span{animation-play-state:running}.archive-showcase.is-paused .archive-piece{transform:none}.archive-showcase.motion-enhanced .archive-piece:not(.is-revealed) .archive-caption h4 span{transform:translateY(110%)}.archive-showcase.motion-enhanced .archive-piece.is-revealed .archive-caption h4 span{transition-delay:var(--delay)}.archive-showcase a:focus-visible,.archive-pause:focus-visible{outline:3px solid #d7fc70;outline-offset:4px}@keyframes archive-drift{from{transform:scale(1.06) translate(-.5%,.5%)}to{transform:scale(1.13) translate(.5%,-.5%)}}@keyframes archive-crossfade{0%,35%,100%{opacity:0}48%,83%{opacity:1}}@keyframes archive-marquee{to{transform:translateX(-100%)}}@media(max-width:760px){.archive-showcase{margin:60px -8px 25px;padding:30px 14px 20px;border-radius:16px}.archive-heading{grid-template-columns:1fr;gap:18px;padding:0 8px 26px}.archive-heading h3{font-size:44px}.archive-intro p{max-width:none}.archive-piece,.archive-piece:nth-child(n){grid-column:span 12;min-height:370px}.archive-caption h4{font-size:48px}.archive-footer{flex-direction:column;gap:8px}.archive-ticker{width:320%}.archive-meta{left:20px;right:20px}.archive-orbit{display:none}}@media(prefers-reduced-motion:reduce){.archive-showcase *, .archive-showcase *::before{animation:none!important;transition:none!important}.archive-piece{transform:none!important}.archive-frame--1{display:none}.archive-showcase.motion-enhanced .archive-piece .archive-caption h4 span{transform:none!important}.archive-pause{display:none}}