.approach{padding:24px 0;position:relative}.approach-pattern{z-index:0;pointer-events:none;width:1100px;height:874px;position:absolute;top:280px;right:-420px}.approach .portrait{aspect-ratio:11/16;width:100%;max-width:50ch}.approach .eyebrow,.approach h2,.approach .rule,.approach-layout{z-index:1;position:relative}.approach h2{letter-spacing:-1.52px;max-width:1540px;margin-top:160px;font-size:clamp(40px,5vw,76px);font-weight:500;line-height:1}.approach-copy{flex-direction:column;align-self:start;gap:60px;margin-top:42px;display:flex}.approach-copy-container{items-align:start;justify-content:space-between;gap:40px;width:100%;display:flex}.approach-text{color:var(--ink);letter-spacing:-.36px;flex-direction:column;gap:18px;max-width:40ch;font-size:18px;line-height:1.2;display:flex}.flag{aspect-ratio:11/16;height:294px;margin:auto 0 0;position:absolute;bottom:0;right:0;overflow:hidden}.flag img{object-fit:cover;width:179.1%;height:100%;position:absolute;top:0;left:-55.55%}.numbers{color:var(--white);background:#3b6096;position:relative;overflow:hidden}.numbers-bg{pointer-events:none;grid-column:1/4;width:100vw;height:100%;position:absolute;bottom:0;right:0}.numbers-inner{z-index:1;padding:120px 23px;position:relative}.numbers .split-head{gap:0}.numbers .eyebrow{margin-right:auto}.numbers .split-copy{text-wrap:balance}.numbers h2{letter-spacing:-1.2px;font-size:clamp(40px,5vw,76px);line-height:1.08}.numbers .split-copy p{letter-spacing:-.36px;width:min(375px,100%);margin-top:60px;font-size:18px;line-height:1.2}.portfolio{padding-bottom:40px}.portfolio-intro{padding:48px var(--pad) 40px}.portfolio-title-row{align-items:flex-start}.portfolio-title-row h2{color:var(--navy);letter-spacing:-3.6px;text-align:right;font-size:clamp(50px,14vw,180px);line-height:.85}.portfolio-foot{justify-content:space-between;align-items:flex-end;gap:40px;margin-top:280px;display:flex}.portfolio-foot p{width:min(442px,42%);color:var(--ink);letter-spacing:-.4px;font-size:20px;line-height:1.2}.portfolio-track{height:760px;margin:0 var(--pad) 0;border-radius:16px;display:flex;overflow:hidden}.portfolio-card{min-width:0;height:760px;color:var(--white);text-align:left;cursor:pointer;--expand:.45s;--expand-ease:cubic-bezier(.22, 1, .36, 1);--fade:.35s;--stagger:.12s;transition:flex-grow var(--expand) var(--expand-ease), flex-shrink var(--expand) var(--expand-ease), flex-basis var(--expand) var(--expand-ease);background:#111;border:0;flex:1;padding:24px;position:relative;overflow:hidden}a.portfolio-card{text-decoration:none}.portfolio-card.is-active{flex:0 0 49.24%}.portfolio-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.portfolio-card:nth-child(2) img{object-position:center 62%}.card-shade{background:#1f2b4e33;position:absolute;inset:0}.card-shade--deep{mix-blend-mode:multiply;background:linear-gradient(#1f2b4e00 57%,#1f2b4e99 79%),#1f2b4e99;transition:background .45s}.card-index{z-index:1;font-family:var(--mono);text-transform:uppercase;font-size:16px;line-height:1.2;position:relative}.card-content{z-index:1;flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}.card-top{flex-direction:column;align-items:flex-start;gap:40px;display:flex}.card-title{letter-spacing:-1.04px;max-width:640px;font-size:52px;line-height:1;display:block}.card-bottom{flex-direction:column;gap:24px;display:flex}.card-meta{font-family:var(--display);letter-spacing:-.36px;align-items:center;gap:16px;font-size:18px;font-weight:600;line-height:1.2;display:flex}.card-meta-rule{background:var(--white);width:1px;height:16px}.card-row{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.card-blurb{-webkit-line-clamp:4;line-clamp:4;letter-spacing:-.36px;-webkit-box-orient:vertical;width:min(375px,70%);max-width:250ch;font-size:18px;line-height:1.2;overflow:hidden}.card-blurb--desktop{display:-webkit-box}.icon-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:4px;flex:none;place-items:center;width:50px;height:50px;display:grid}.icon-glass img{transition:transform .45s,filter .45s;transform:rotate(-45deg)scale(.5)}.card-title,.card-meta,.card-blurb,.icon-glass{opacity:0;visibility:hidden;transition:opacity .15s,visibility 0s linear .15s}.portfolio-card.is-active .card-title,.portfolio-card.is-active .card-meta,.portfolio-card.is-active .card-blurb,.portfolio-card.is-active .icon-glass{opacity:1;visibility:visible}.portfolio-card.is-active .card-title{transition:opacity var(--fade) ease var(--expand), visibility 0s linear var(--expand)}.portfolio-card.is-active .card-meta{transition:opacity var(--fade) ease calc(var(--expand) + var(--stagger)), visibility 0s linear calc(var(--expand) + var(--stagger))}.portfolio-card.is-active .card-blurb{transition:opacity var(--fade) ease calc(var(--expand) + (var(--stagger) * 2)), visibility 0s linear calc(var(--expand) + (var(--stagger) * 2))}.portfolio-card.is-active .icon-glass{transition:opacity var(--fade) ease calc(var(--expand) + (var(--stagger) * 3)), visibility 0s linear calc(var(--expand) + (var(--stagger) * 3)), background .45s ease}.portfolio-card.is-active:hover .icon-glass,.portfolio-card.is-active:focus-visible .icon-glass{background:var(--button-hover)}.portfolio-card.is-active:not(.is-ready):hover .icon-glass img,.portfolio-card.is-active:not(.is-ready):focus-visible .icon-glass img{filter:none;transform:rotate(-45deg)scale(.5)}.portfolio-card.is-active.is-ready:hover .icon-glass img,.portfolio-card.is-active.is-ready:focus-visible .icon-glass img{filter:brightness(0)invert();transition-delay:0s;transform:rotate(0)scale(.7)}.portfolio-card:not(.is-active) .card-shade--deep{background:#1f2b4e33}.portfolio-card:not(.is-active):hover .card-shade{background:#1f2b4e0d}@media (max-width:1024px){.approach h2{margin-top:40px}.approach .portrait{aspect-ratio:16/9;width:100%;max-width:100%;height:auto}.approach .flag{display:none}.approach-copy-container{grid-template-columns:1fr;gap:24px;display:grid}.approach-copy-container .approach-text{max-width:100%}.numbers .split-copy{margin-top:40px}.numbers .split-copy p{width:100%}.numbers-inner{padding:20px 23px}.portfolio-title-row{display:grid}.portfolio-foot{grid-template-columns:1fr;gap:24px;margin-top:150px;display:grid}.portfolio-foot p{width:100%}.portfolio-track{flex-direction:column;height:auto;margin:0}.portfolio-card{height:auto;padding-top:8rem}.portfolio-card .card-content{grid-template-columns:1fr;gap:24px;display:grid}.portfolio-card,.portfolio-card.is-active{flex:none;width:100%}.portfolio-card .card-title,.portfolio-card .card-meta,.portfolio-card .card-blurb,.portfolio-card .icon-glass{opacity:1;visibility:visible}.portfolio-card .card-shade{mix-blend-mode:multiply;background:#1f2b4e99;transition:background .45s}.card-bottom{height:0;transition:height .45s;overflow:hidden}.icon-glass{transition:background .45s .45s}.icon-glass img{transition:transform .45s .45s,filter .45s .45s}.portfolio-card:hover .card-shade{background:#1f2b4ecc!important}.portfolio-card:hover .card-bottom{height:auto!important}.portfolio-card:hover .icon-glass{background:var(--button-hover)}.portfolio-card:hover .icon-glass img{filter:brightness(0)invert();transition-delay:0s;transform:rotate(0)scale(.7)}.card-title{font-size:42px}#project-title{margin-top:40px}}