:root{--archive-ink:#273c57;--archive-paper:#f5f8fb;--archive-muted:#718299;--archive-line:rgba(39,60,87,.18);--archive-blue:#b7d7ee;--archive-deep:#17404b}.work-archive{width:min(1120px,calc(100% - 64px));margin:auto;padding:0 0 30px}.archive-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:44px;align-items:end;padding:76px 0 64px}.eyebrow,.site-index{margin:0;color:var(--archive-muted);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.archive-intro h1{margin:18px 0 0;font:500 clamp(52px,6.5vw,84px)/.86 inherit;letter-spacing:-.075em}.archive-intro h1 em{font-weight:500;color:#277889}.intro-copy{max-width:340px;margin:0;padding-bottom:6px;font-size:16px;line-height:1.5}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.site-card,.add-card{min-height:510px;border:1px solid var(--archive-line);padding:24px;background:#fff}.site-card-featured{grid-column:1/-1;min-height:auto;padding:28px}.card-heading{display:flex;justify-content:space-between;align-items:start;gap:24px}.card-heading h2{margin:9px 0 0;font:500 31px/.95 inherit;letter-spacing:-.06em}.case-summary{max-width:610px;margin:20px 0 0;color:var(--archive-muted);font-size:15px;line-height:1.5}.project-shots{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px;margin-top:26px}.project-shot{display:grid;grid-template-rows:210px auto;min-width:0;overflow:hidden;border:1px solid var(--archive-line);background:var(--archive-paper);padding:0;color:inherit;font:inherit;text-align:left;cursor:zoom-in;transition:transform .2s,box-shadow .2s}.project-shot:hover,.project-shot:focus-visible{position:relative;z-index:1;transform:translateY(-5px);box-shadow:0 12px 26px rgba(39,60,87,.2);outline:none}.project-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s}.project-shot:hover img,.project-shot:focus-visible img{transform:scale(1.04)}.project-shot span{padding:10px 12px;color:var(--archive-muted);font-size:10px;letter-spacing:.09em;text-transform:uppercase}.preview-frame{position:relative;height:270px;margin:25px 0 18px;overflow:hidden;border:1px solid var(--archive-line);background:var(--archive-blue)}.site-image{display:block;width:100%;height:100%;object-fit:cover}.image-label{position:absolute;top:12px;left:12px;background:var(--archive-ink);color:#fff;padding:5px 7px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.toggle-wrap{display:flex;gap:7px}.toggle{border:1px solid var(--archive-line);padding:9px 12px;background:transparent;color:var(--archive-muted);font:600 10px inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.toggle.is-active{background:var(--archive-ink);border-color:var(--archive-ink);color:#fff}.card-footer{display:flex;justify-content:space-between;gap:16px;margin-top:19px;padding-top:14px;border-top:1px solid var(--archive-line);color:var(--archive-muted);font-size:10px;letter-spacing:.09em;text-transform:uppercase}.add-card{display:flex;flex-direction:column;justify-content:space-between;background:var(--archive-deep);color:#fff;border-color:var(--archive-deep)}.add-icon{font:400 61px/.8 inherit;color:var(--archive-blue)}.add-title{font:500 clamp(34px,4vw,52px)/.88 inherit;letter-spacing:-.07em}.add-title em{font-weight:500;color:var(--archive-blue)}.add-caption{color:#d1e6e8;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.archive-footer{display:flex;justify-content:space-between;gap:20px;padding-top:31px;color:var(--archive-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.archive-footer a{color:var(--archive-ink);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}.image-dialog{width:min(1120px,calc(100% - 32px));max-height:calc(100vh - 32px);border:1px solid var(--archive-line);background:var(--archive-paper);padding:16px;box-shadow:12px 14px 0 rgba(39,60,87,.2)}.image-dialog::backdrop{background:rgba(15,31,44,.72)}.image-dialog-preview{display:block;max-width:100%;max-height:calc(100vh - 112px);margin:auto;object-fit:contain}.image-dialog p{margin:12px 0 0;color:var(--archive-muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.image-dialog-close{position:absolute;top:26px;right:26px;width:36px;height:36px;border:1px solid var(--archive-ink);background:var(--archive-paper);color:var(--archive-ink);font-size:26px;line-height:1;cursor:pointer}@media(max-width:720px){.work-archive{width:min(100% - 40px,1120px)}.archive-intro{grid-template-columns:1fr;gap:26px;padding:64px 0 50px}.gallery,.project-shots{grid-template-columns:1fr}.site-card,.add-card{min-height:470px}.site-card-featured{padding:20px}.project-shot{grid-template-rows:220px auto}.preview-frame{height:235px}.archive-footer,.card-footer{flex-direction:column;gap:12px}.image-dialog{padding:12px}.image-dialog-close{top:20px;right:20px}}