.project-archive{background:var(--color-page-canvas-cool);color:var(--color-brand-navy)}.project-archive__wrap{width:min(100% - 3rem,var(--layout-section-width));margin-inline:auto}.project-archive__hero{overflow:hidden;background:radial-gradient(ellipse at 80% 70%, #e1f3f5 0, transparent 55%),linear-gradient(120deg, #fafcfb, #f6f2ec)}.project-archive__opening{display:grid;grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr);gap:3rem;align-items:center;padding-block:clamp(3rem,7vw,6rem)}.project-archive h1{margin:1rem 0 1.5rem;font-size:clamp(3.2rem,6.8vw,6.5rem);line-height:.98;letter-spacing:-0.055em}.project-archive h1 span{display:block;max-width:18ch;margin-top:1.25rem;font-size:clamp(1.5rem,3.1vw,2.8rem);line-height:1.1;letter-spacing:-0.03em}.project-archive__intro{max-width:42ch;color:var(--color-text-muted);font-size:1.1rem;line-height:1.7}.project-archive__jump{display:inline-flex;align-items:center;gap:1rem;margin-top:1.25rem;font-size:.9rem;font-weight:700;text-decoration:none;color:var(--tone-cyan-fg)}.project-archive__jump span{font-size:1.5rem}.project-archive__signature{position:relative;min-height:20rem;color:var(--tone-cyan-fg)}.project-archive__signature svg{display:block;width:100%;margin-top:1rem}.project-archive__word{position:absolute;font-size:1rem;font-weight:700}.project-archive__word--one{top:9%;left:13%;font-family:var(--font-family-accent);font-size:2rem;transform:rotate(-5deg)}.project-archive__word--two{top:59%;left:23%;max-width:18ch}.project-archive__word--three{bottom:0;right:4%;color:var(--color-brand-navy);font-family:var(--font-family-accent);font-size:1.7rem;transform:rotate(-3deg)}.project-archive__collection{padding-block:3rem 5rem;scroll-margin-top:7rem}.project-archive__filters{display:flex;flex-wrap:wrap;gap:.6rem;padding-bottom:2rem;border-bottom:1px solid #c7dfe4}.project-archive__filters a{display:flex;align-items:center;gap:.8rem;min-height:2.9rem;padding:.65rem 1.05rem;border:1px solid #c7dfe4;border-radius:999px;background:#fff;color:var(--color-brand-navy);font-size:.88rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s}.project-archive__filters a span{font-size:.78rem;font-weight:400;opacity:.85}.project-archive__filters a[aria-current=page]{background:var(--color-brand-navy);border-color:var(--color-brand-navy);color:#fff}.project-archive__filters a:hover{border-color:var(--tone-cyan-fg)}.project-archive a:focus-visible{outline:3px solid var(--tone-cyan-fg);outline-offset:5px}.project-archive__section-label{display:flex;justify-content:space-between;gap:1rem;margin-block:1.4rem;color:var(--color-text-muted);font-size:.85rem}.project-archive__section-label p{margin:0}.project-archive__grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:2.25rem}.project-preview{display:flex;flex-direction:column;overflow:hidden;border:1px solid #c7dfe4;border-radius:1.4rem;background:#fff;box-shadow:0 .6rem 1.8rem rgba(14,34,56,.04)}.project-preview__image{position:relative;display:block;overflow:hidden;aspect-ratio:1200/630;background:#edf8fa}.project-preview__image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s ease}.project-preview__image span{position:absolute;right:.75rem;bottom:.75rem;padding:.3rem .55rem;border-radius:.35rem;background:#fff;color:var(--color-brand-navy);font-size:.7rem}.project-preview:hover .project-preview__image img{transform:scale(1.025)}.project-preview__body{display:flex;flex:1;flex-direction:column;padding:1.7rem 2rem}.project-preview__disciplines{margin:0 0 1rem;color:var(--tone-cyan-fg);font-size:.76rem;font-weight:700;letter-spacing:.035em}.project-preview h2{margin:0 0 1rem;font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.15;letter-spacing:-0.025em}.project-preview h2 a{color:var(--color-brand-navy);text-decoration:none}.project-preview__summary{margin:0 0 1.5rem;color:var(--color-text-muted);font-size:.98rem;line-height:1.7}.project-preview__link{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid #d9e6e9;color:var(--color-brand-navy);font-size:.88rem;font-weight:700;text-decoration:none}.project-preview__link span{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:50%;background:var(--tone-cyan-bg);color:var(--tone-cyan-fg);font-size:1.3rem;transition:background .2s,color .2s}.project-preview__link:hover span{background:var(--tone-cyan-fg);color:#fff}.project-archive__cta{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-top:4rem;padding:clamp(1.5rem,4vw,3rem);border-radius:1.4rem;background:#e2f3f5}.project-archive__cta h2{margin:.7rem 0;font-size:clamp(1.7rem,3.5vw,2.8rem);line-height:1.1;letter-spacing:-0.025em}.project-archive__cta p:not(.eyebrow){max-width:55ch;margin:0;color:var(--color-text-muted);line-height:1.7}.project-archive__cta>a{white-space:nowrap}@media(max-width: 60rem){.project-archive__opening{gap:1.5rem}.project-archive__signature{min-height:17rem}.project-archive__word--two{top:55%}.project-preview__body{padding:1.4rem}.project-archive__grid{gap:1.5rem}}@media(max-width: 42rem){.project-archive__wrap{width:calc(100% - 2rem)}.project-archive__opening{grid-template-columns:1fr;padding-block:2.5rem;gap:1rem}.project-archive__signature{min-height:0;width:min(100%,22rem);margin-inline:auto}.project-archive__signature svg{margin:0}.project-archive__word--one{top:4%;font-size:1.7rem}.project-archive__word--two{top:57%;font-size:.85rem}.project-archive__word--three{bottom:0;font-size:1.3rem}.project-archive__grid{grid-template-columns:1fr;gap:1.7rem}.project-archive__collection{padding-top:1.7rem}.project-archive__filters{gap:.5rem}.project-archive__filters a{font-size:.8rem;padding:.55rem .8rem}.project-archive__section-label{font-size:.76rem}.project-archive__cta{flex-direction:column;align-items:flex-start;margin-top:2.5rem}.project-preview h2{font-size:1.6rem}}@media(prefers-reduced-motion: reduce){.project-archive *,.project-archive *::before{transition:none !important;scroll-behavior:auto !important}.project-preview:hover .project-preview__image img{transform:none}}

/* Authentic website views: the same monitor proportions for the two case-study entries. */
.project-preview__source{margin:-.5rem 0 1rem;color:var(--color-text-muted);font-size:.76rem;line-height:1.5}
.project-preview__image--website{display:grid;place-items:center;padding:1.5rem 2rem 2.8rem;background:radial-gradient(ellipse at 75% 20%,#d7f1f4,transparent 65%),#f6faf9}
.project-preview__monitor{position:relative;width:100%;aspect-ratio:16/10;border:.4rem solid var(--color-brand-navy);border-bottom-width:.8rem;border-radius:.55rem;background:#fff;box-shadow:0 .5rem 1rem #10253b16}
.project-preview__monitor::before{content:"";position:absolute;top:calc(100% + .8rem);left:44%;width:12%;height:1.05rem;background:#c0cdd5}
.project-preview__monitor::after{content:"";position:absolute;top:calc(100% + 1.7rem);left:28%;width:44%;height:.3rem;border-radius:.3rem;background:#91a5b4}
.project-preview__image--website .project-preview__monitor img{object-fit:contain;object-position:top;border-radius:.15rem}
@media(max-width:42rem){.project-preview__image--website{padding:1rem 1.25rem 2.2rem}.project-preview__monitor{border-width:.3rem;border-bottom-width:.55rem}.project-preview__monitor::before{top:calc(100% + .55rem);height:.8rem}.project-preview__monitor::after{top:calc(100% + 1.25rem)}}

.project-preview__territories{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:.75rem 0;padding:0}.project-preview__territories a{display:inline-flex;align-items:center;min-height:2.75rem;padding:.4rem .85rem;border:1px solid #c7dfe4;border-radius:999px;color:var(--color-brand-navy);font-size:.8rem;font-weight:700;text-decoration:none;background:var(--tone-cyan-bg,#edf8fa)}.project-preview__territories a:hover{text-decoration:underline}