/* Original project media, with a separate index for source-only prototypes. */
.project-archive{background:#f5f2ea;color:#20332a;padding:94px 0 64px;scroll-margin-top:82px;--archive-muted:#62715d;--archive-line:#253b292d}
.archive-width{width:min(1180px,calc(100% - 112px));margin-inline:auto}
.interior-page .project-archive{scroll-margin-top:0}.interior-page .archive-project,.interior-page .archive-row,.interior-page .archive-index{scroll-margin-top:12px}
.archive-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:64px;align-items:end;margin-bottom:48px}
.archive-kicker{font-family:var(--body);font-size:10px!important;line-height:1.8!important;letter-spacing:.16em;margin:0 0 27px!important;color:#607153!important}
.archive-heading h2{font-family:var(--display);font-size:clamp(40px,5.2vw,68px);line-height:1.08;letter-spacing:-.045em;font-weight:440;margin:0}
.archive-heading h2 em{font-weight:420;color:#647554}
.archive-heading p{font-size:14px;line-height:1.85;color:#586650;margin:0 0 3px;max-width:360px}
.archive-jumps{display:flex;gap:26px;border-top:1px solid var(--archive-line);border-bottom:1px solid var(--archive-line);padding:18px 0;margin-bottom:44px}
.archive-jumps a{font-size:11px;display:flex;gap:18px;color:#3d513c;text-decoration:none}.archive-jumps a:hover{color:#1c3326}
.archive-featured{display:grid;grid-template-columns:1.25fr 1fr;gap:38px;margin-bottom:76px}
.archive-project{min-width:0;scroll-margin-top:110px}
.archive-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:1.65;background:#1f3530;text-decoration:none;color:#f3f3eb}
.archive-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.22,1,.36,1)}
a.archive-art:hover img,.home-archive-piece:hover img{transform:scale(1.025)}
.archive-art--redshield{background:#f0f3f1}.archive-art--redshield img{object-fit:cover;object-position:top}
.archive-featured .archive-art{height:clamp(220px,24vw,305px);aspect-ratio:auto}
.archive-art--future{background:#eee5f6}.archive-art--future img{width:54%;height:76%;object-fit:contain}
.archive-art--echo{background:#e1e7eb}.archive-art--echo img{width:93%;height:93%;object-fit:contain}
.archive-art--fortune{background:#1d142b}.archive-art--fortune img{width:53%;height:82%;object-fit:contain;border-radius:25%}
.archive-art--guest{background:#120f19}.archive-art--guest img{object-fit:cover;object-position:center}
.archive-art-caption{position:absolute;left:13px;bottom:12px;background:#14231be6;color:#e6ebdf;padding:5px 8px;max-width:calc(100% - 57px);font-size:8px;letter-spacing:.02em;line-height:1.4}
.archive-open{position:absolute;right:14px;top:13px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#142b26e8;color:#e6ecde;font-size:16px;transition:transform .3s}
a:hover>.archive-open,.home-archive-piece:hover .archive-open{transform:rotate(45deg)}
.archive-project-meta{display:flex;justify-content:space-between;gap:15px;color:#607153;font-size:8px;line-height:1.5;letter-spacing:.07em;text-transform:uppercase;margin:20px 0 12px}
.archive-project h3{font-family:var(--display);font-weight:430;letter-spacing:-.025em;font-size:36px;line-height:1.16;margin:0 0 14px}
.archive-project>p{color:#53624e;font-size:12px;line-height:1.85;margin:0 0 20px;max-width:48ch}
.archive-text-link{display:inline-flex;align-items:center;gap:28px;color:#263c2d;font-size:11px;line-height:1.8;text-decoration:none;border-bottom:1px solid #61705c70;padding:0 0 6px}.archive-text-link:hover{color:#1c3326;border-bottom-color:#1c3326}.archive-text-link span{font-size:17px}
.archive-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:80px}.archive-gallery .archive-art{aspect-ratio:1.35}
.archive-gallery .archive-project h3{font-size:29px}.archive-gallery .archive-project-meta{display:block}.archive-gallery .archive-project-meta span{display:block}.archive-gallery .archive-project-meta span+span{color:#6c7865;margin-top:5px}
.archive-index{scroll-margin-top:105px}.archive-index-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
.archive-index-heading h3{font-family:var(--display);font-size:37px;font-weight:430;letter-spacing:-.03em;margin:0}.archive-index-heading>span{font-size:8px;letter-spacing:.1em;color:#65735e;padding-bottom:5px}
.archive-row{border-top:1px solid var(--archive-line);scroll-margin-top:110px}.archive-row:last-child{border-bottom:1px solid var(--archive-line)}
.archive-row summary{display:grid;grid-template-columns:35px 1.5fr 1fr 1fr 22px;gap:16px;align-items:center;list-style:none;cursor:pointer;padding:24px 0}.archive-row summary::-webkit-details-marker{display:none}
.archive-row-number{font-size:10px;color:#6f7f64}.archive-row h4{font-family:var(--display);font-size:28px;font-weight:430;letter-spacing:-.025em;margin:0;line-height:1.2}
.archive-row-category,.archive-row-status{font-size:10px;color:#57694f}.archive-row-status{color:#6d7d62}.archive-toggle{font-weight:300;font-size:23px;justify-self:end;transition:transform .25s}.archive-row[open] .archive-toggle{transform:rotate(45deg)}
.archive-row summary:hover h4{color:#647554}.archive-row-body{padding:5px 38px 32px 51px;display:grid;grid-template-columns:1fr 1.1fr;gap:52px}
.archive-row-body h5{font-family:var(--display);font-size:25px;line-height:1.3;font-weight:420;color:#455b3c;margin:0;max-width:260px}.archive-row-body p{font-size:12px;line-height:1.9;color:#57664f;margin:0 0 15px}.archive-row-body>div>span{font-size:9px;color:#637658;line-height:1.6}
.archive-endnote{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:45px}.archive-endnote p{font-size:11px;line-height:1.8;color:#607457;margin:0}
.project-archive a:focus-visible,.archive-row summary:focus-visible{outline:2px solid #647554;outline-offset:6px}
.home-archive{padding-block:83px 68px}.home-archive .archive-heading{margin-bottom:35px}.home-archive .archive-heading>div>.archive-text-link{margin-top:23px}
.home-archive-featured{display:grid;grid-template-columns:1.25fr 1fr;gap:35px}.home-archive-piece{text-decoration:none;color:inherit;min-width:0}.home-archive-piece .archive-art{height:clamp(210px,22vw,290px);aspect-ratio:auto}
.home-archive-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:19px}.home-archive-caption h3{font-family:var(--display);font-size:29px;font-weight:430;letter-spacing:-.03em;margin:0}.home-archive-caption>span{font-size:9px;color:#647554;text-align:right}
.home-archive-index{border-top:1px solid var(--archive-line);margin-top:34px;padding-top:24px;display:grid;grid-template-columns:180px 1fr;gap:20px}.home-archive-index>span{font-size:8px;letter-spacing:.1em;color:#647554;padding-top:5px}.home-archive-index>div{display:flex;flex-wrap:wrap;gap:12px 26px}.home-archive-index a{font-size:11px;color:#465b3e;text-decoration:none;white-space:nowrap}.home-archive-index a>span{font-size:10px;margin-left:7px;color:#708363}.home-archive-index a:hover{color:#1c3326}
@media(max-width:850px){.archive-width{width:calc(100% - 64px)}.archive-heading{gap:32px;grid-template-columns:1.3fr 1fr}.archive-heading h2{font-size:44px}.archive-heading p{font-size:12px}.archive-featured{gap:24px}.archive-gallery{gap:22px}.archive-gallery .archive-project h3{font-size:24px}.archive-row summary{grid-template-columns:25px 1.4fr 1fr 22px;gap:12px}.archive-row-status{display:none}.archive-row h4{font-size:25px}.archive-row-body{padding-left:37px;gap:28px}.archive-project-meta{display:block}.archive-project-meta span{display:block}.archive-project-meta span+span{margin-top:5px}}
@media(max-width:620px){.project-archive{padding:58px 0 42px}.archive-width{width:calc(100% - 40px)}.archive-heading{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.archive-heading h2{font-size:44px}.archive-heading p{font-size:12px;max-width:36ch}.archive-kicker{font-size:8px!important;margin-bottom:20px!important}.archive-jumps{display:grid;grid-template-columns:1fr 1fr;gap:17px 23px;padding:18px 0;margin-bottom:30px}.archive-jumps a{font-size:10px;justify-content:space-between}.archive-featured,.archive-gallery{grid-template-columns:1fr;gap:43px;margin-bottom:48px}.archive-featured .archive-art{height:auto;aspect-ratio:1.5}.archive-gallery .archive-art{aspect-ratio:1.5}.archive-project-meta{display:flex;font-size:7px}.archive-project-meta span+span{margin:0;text-align:right}.archive-project h3,.archive-gallery .archive-project h3{font-size:31px}.archive-project>p{max-width:none;font-size:12px}.archive-index-heading{display:block}.archive-index-heading h3{font-size:33px;margin-bottom:12px}.archive-index-heading>span{font-size:8px}.archive-row summary{grid-template-columns:23px 1fr 20px;gap:10px;padding:23px 0}.archive-row-category{display:none}.archive-row h4{font-size:25px}.archive-row-body{grid-template-columns:1fr;padding:0 0 25px 33px;gap:16px}.archive-row-body h5{font-size:23px}.archive-endnote{align-items:start;flex-direction:column;gap:23px;margin-top:29px}.home-archive-featured{grid-template-columns:1fr;gap:32px}.home-archive-piece .archive-art{height:auto;aspect-ratio:1.5}.home-archive-caption h3{font-size:29px}.home-archive-index{grid-template-columns:1fr;gap:18px}.home-archive-index>div{gap:14px 22px}.home-archive-index a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.archive-art img,.archive-open,.archive-toggle{transition:none}}

/* App entries show the recovered interface, in the existing paper-and-sage palette. */

.archive-featured,.home-archive-featured{grid-template-columns:1fr 1fr}
.archive-featured .archive-art,.home-archive-piece .archive-art{height:470px;aspect-ratio:auto;padding:34px 24px 42px}
.archive-art--redshield{background:#e1e5dd}.archive-art--future{background:#e8e5eb}
.archive-art--redshield>img{height:100%;width:auto;max-width:90%;object-fit:contain;object-position:center;border:4px solid #242739;border-radius:20px;box-shadow:0 14px 22px #15251a1a}
.archive-app-screens{display:flex;width:100%;height:100%;justify-content:center;align-items:center;gap:16px}
.archive-app-screens>img{height:100%;width:auto;max-width:calc(50% - 8px);object-fit:contain;border:3px solid #232435;border-radius:15px;box-shadow:0 14px 22px #15251a18}
.archive-app-screens>img+img{transform:translateY(10px)}
.archive-art-caption{font-size:9px;background:#f5f2eae8;color:#475c40}
.archive-second-link{margin-left:24px}
@media(max-width:850px){.archive-featured .archive-art,.home-archive-piece .archive-art{height:400px;padding:26px 16px 40px}.archive-app-screens{gap:10px}.archive-app-screens>img{max-width:calc(50% - 5px);border-width:2px;border-radius:12px}.archive-second-link{margin:16px 0 0;display:table}}
@media(max-width:620px){.archive-featured,.home-archive-featured{grid-template-columns:1fr}.archive-featured .archive-art,.home-archive-piece .archive-art{height:430px;padding:28px 16px 42px}.archive-project--future .archive-art,.home-archive-piece .archive-art--future{height:auto;aspect-ratio:1/1.16}.archive-app-screens{height:auto;align-items:start}.archive-app-screens>img{height:auto;width:calc(50% - 5px);max-width:none}.archive-second-link{display:inline-flex;margin:0 0 0 20px}}
@media(max-width:360px){.archive-second-link{display:table;margin:14px 0 0}}