.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.portfolio-featured{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-card{--sector-accent:#526384;--sector-tint:#e9edf6;border:1px solid var(--line);border-top:3px solid var(--sector-accent);background:#fff;border-radius:4px;flex-direction:column;min-width:0;padding:30px;display:flex}.sector-real-estate{--sector-accent:#485c83;--sector-tint:#edf0f8}.sector-wellness{--sector-accent:#466b5d;--sector-tint:#eaf2ed}.sector-travel{--sector-accent:#3d6977;--sector-tint:#e9f2f5}.sector-food{--sector-accent:#875d44;--sector-tint:#f7eee8}.sector-industry{--sector-accent:#69627b;--sector-tint:#efedf5}.portfolio-card-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.portfolio-sector{color:var(--sector-accent);background:var(--sector-tint);text-align:right;padding:5px 9px;font-size:.72rem;line-height:1.5}.portfolio-preview{margin:24px 0 0}.portfolio-preview img{aspect-ratio:1.44;border:1px solid var(--line);background:#eef0f7;border-radius:3px;width:100%}.portfolio-preview figcaption{color:#556078;margin-top:10px;font-size:.72rem;line-height:1.6}.portfolio-main{padding-block:42px 24px}.portfolio-era{letter-spacing:.07em;text-transform:uppercase;color:#58647b;margin-bottom:15px;font-size:.68rem}.portfolio-main h3{overflow-wrap:break-word;max-width:430px;font-size:clamp(1.7rem,2.3vw,2.1rem);line-height:1.16}.portfolio-description{margin-top:19px;font-size:.9rem}.portfolio-role{border-top:1px solid var(--line);padding-block:21px}.portfolio-role h4{letter-spacing:.03em;color:var(--ink);margin:0 0 10px;font-size:.7rem;font-weight:600}.portfolio-role p{font-size:.84rem;line-height:1.7}.portfolio-card-bottom{border-top:1px solid var(--line);margin-top:auto;padding-top:23px}.portfolio-card-bottom .attribution{color:#637087;font-size:.71rem;line-height:1.7}.portfolio-card-bottom .text-link{margin-top:17px;font-size:.76rem}.portfolio-featured .portfolio-card{padding:26px}.portfolio-featured .portfolio-main{padding-block:18px 20px}.portfolio-featured .portfolio-main h3{font-size:1.8rem}@media (width<=1000px){.portfolio-featured{gap:18px}.portfolio-featured .portfolio-card{padding:22px}.portfolio-featured .portfolio-main h3{font-size:1.55rem}.portfolio-featured .portfolio-description{font-size:.84rem}}@media (width<=800px){.portfolio-featured{grid-template-columns:1fr;gap:22px}.portfolio-featured .portfolio-card{padding:28px}.portfolio-featured .portfolio-main h3{min-height:0;font-size:2rem}.portfolio-featured .portfolio-description{font-size:.94rem}.portfolio-card{padding:25px}.portfolio-main{padding-top:32px}}.portfolio-featured .portfolio-card-top{gap:12px;min-height:3.2rem}.portfolio-featured .portfolio-sector{text-align:left;font-size:.75rem}.portfolio-featured .portfolio-preview{margin-top:16px}.portfolio-featured .portfolio-preview-frame{--preview-tone:#c4cbd5;--preview-accent:#d8d3e9;isolation:isolate;aspect-ratio:4/3;background:#f0f2f8;border-radius:4px;align-items:center;padding:12px;display:flex;position:relative;overflow:hidden}.portfolio-featured .sector-wellness .portfolio-preview-frame{--preview-tone:#ead4c3;--preview-accent:#e5d9e8}.portfolio-featured .sector-travel .portfolio-preview-frame{--preview-tone:#bedce3;--preview-accent:#dad4ea}.portfolio-featured .portfolio-preview-frame:before{content:"";z-index:-1;background:linear-gradient(135deg, var(--preview-tone), #f4f5fa 50%, var(--preview-accent));filter:blur(12px);pointer-events:none;position:absolute;inset:-12px}.portfolio-featured .portfolio-preview img{aspect-ratio:1440/1000;object-fit:contain;width:100%;height:auto;box-shadow:0 3px 12px #0b102310}.portfolio-featured .portfolio-preview figcaption{margin-top:8px}.portfolio-featured .portfolio-subtitle{color:#354260;margin-top:8px;font-size:.85rem;font-weight:600;line-height:1.5}.portfolio-featured .portfolio-description{margin-top:8px}.portfolio-featured .portfolio-card-bottom{padding-top:10px}.portfolio-featured .portfolio-card-bottom .text-link{min-height:44px;margin-top:0}@media (width<=520px){.portfolio-grid{grid-template-columns:1fr;gap:24px}.portfolio-card,.portfolio-featured .portfolio-card{padding:24px}.portfolio-card-top{gap:10px}.portfolio-sector{font-size:.7rem}.portfolio-main h3,.portfolio-featured .portfolio-main h3{font-size:1.8rem}}.portfolio-archive{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.portfolio-archive .portfolio-card{padding:22px}.portfolio-archive .portfolio-preview{margin:0}.portfolio-archive .portfolio-preview-frame{--preview-tone:#d0d7e6;--preview-accent:#e2ddf0;isolation:isolate;aspect-ratio:16/10;background:#f0f2f8;border-radius:4px;justify-content:center;align-items:center;padding:10px;display:flex;position:relative;overflow:hidden}.portfolio-archive .sector-wellness .portfolio-preview-frame{--preview-tone:#ead8c9;--preview-accent:#e8dfec}.portfolio-archive .sector-travel .portfolio-preview-frame{--preview-tone:#cce2e8;--preview-accent:#e0dced}.portfolio-archive .sector-food .portfolio-preview-frame{--preview-tone:#e5e4d3;--preview-accent:#eadfd6}.portfolio-archive .sector-industry .portfolio-preview-frame{--preview-tone:#d0dce4;--preview-accent:#e6e4d6}.portfolio-archive .sector-creative{--sector-accent:#65537d;--sector-tint:#efedf5}.portfolio-archive .sector-creative .portfolio-preview-frame{--preview-tone:#e6dfc4;--preview-accent:#ddd7e8}.portfolio-archive .portfolio-preview-frame:before{content:"";z-index:-1;background:linear-gradient(135deg, var(--preview-tone), #f4f5fa 55%, var(--preview-accent));filter:blur(12px);pointer-events:none;position:absolute;inset:-12px}.portfolio-archive .portfolio-preview img{aspect-ratio:auto;object-fit:contain;background:0 0;border:0;border-radius:0;width:100%;height:100%}.portfolio-archive .portfolio-preview figcaption{margin-top:7px;font-size:.7rem}.portfolio-archive .portfolio-main{margin-top:16px;padding:0}.portfolio-archive .portfolio-sector{text-align:left;background:0 0;padding:0;font-size:.75rem;line-height:1.6}.portfolio-archive .portfolio-main h3{margin-top:7px;font-size:clamp(1.4rem,1.9vw,1.65rem);line-height:1.2}.portfolio-archive .portfolio-work{color:#354260;margin-top:8px;font-size:.84rem;font-weight:600;line-height:1.5}.portfolio-archive .portfolio-description{margin-top:8px;margin-bottom:16px;font-size:.9rem;line-height:1.65}.portfolio-archive .portfolio-role{padding-block:14px}.portfolio-archive .portfolio-role h4{margin-bottom:6px}.portfolio-archive .portfolio-role p{font-size:.81rem;line-height:1.6}.portfolio-archive .portfolio-card-bottom{padding-top:6px}.portfolio-archive .portfolio-card-bottom .text-link{min-height:44px;margin-top:0}.portfolio-archive .text-link:hover{color:var(--accent)}.portfolio-archive .portfolio-link-unavailable{padding-block:12px;font-size:.8rem}.portfolio-archive .portfolio-cover-copy{color:var(--ink);gap:9px;padding:12px;display:grid}.portfolio-archive .portfolio-cover-copy strong{font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.2}.portfolio-archive .portfolio-cover-label{letter-spacing:.07em;text-transform:uppercase;color:#354260;font-size:.65rem}.portfolio-archive .portfolio-cover-copy>span:last-child{font-size:.8rem}@media (width<=1099px){.portfolio-archive{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media (width<=699px){.portfolio-archive{grid-template-columns:1fr}.portfolio-archive .portfolio-card{padding:22px}.portfolio-archive .portfolio-main h3{font-size:1.6rem}.portfolio-archive .portfolio-description{font-size:.94rem}}.portfolio-grid.portfolio-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.portfolio-showcase .portfolio-card{isolation:isolate;aspect-ratio:3/4;background:var(--navy);border:0;border-radius:16px;justify-content:flex-end;width:100%;min-height:32rem;padding:0;position:relative;overflow:hidden}.portfolio-showcase .portfolio-preview{margin:0;position:absolute;inset:0}.portfolio-showcase .portfolio-preview-frame{aspect-ratio:auto;border-radius:inherit;background:var(--navy);border:0;width:100%;height:100%;padding:0;position:absolute;inset:0;overflow:hidden}.portfolio-showcase .portfolio-preview-frame:before{content:none}.portfolio-showcase .portfolio-preview img{aspect-ratio:auto;object-fit:cover;object-position:50% 0%;filter:none;background:0 0;border:0;border-radius:0;width:100%;height:100%;transform:none}.portfolio-showcase .portfolio-preview figcaption{z-index:2;color:#fff;background:#0b1023e8;border-radius:5px;max-width:calc(100% - 36px);margin:0;padding:5px 9px;font-size:.75rem;line-height:1.6;position:absolute;top:16px;left:18px}.portfolio-showcase .portfolio-main{isolation:isolate;z-index:1;margin:0;padding:18px 24px 16px;position:relative}.portfolio-showcase .portfolio-main:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0b102300 0,#0b102308 18px,#0b102322 40px,#0b102352 62px,#0b10238f 86px,#0b1023d6 112px,#0b1023eb 100%);position:absolute;inset:-112px 0 0}.portfolio-showcase .portfolio-sector{color:#eef0ff;font-size:.75rem;line-height:1.4}.portfolio-showcase .portfolio-main h3{color:#fff;margin-top:6px;font-size:clamp(1.375rem,2vw,1.625rem);line-height:1.15}.portfolio-showcase .portfolio-work{color:#fff;margin-top:8px;font-size:.8125rem;font-weight:400;line-height:1.45}.portfolio-showcase :is(.portfolio-work,.portfolio-technologies) strong{font-weight:600}.portfolio-showcase .portfolio-description{color:#eef0ff;margin:6px 0 0;font-size:.875rem;line-height:1.5}.portfolio-showcase .portfolio-role{z-index:1;background:#0b1023fc;border:0;padding:16px 24px;position:relative}.portfolio-showcase .portfolio-role :is(h4,p){color:#eef0ff}.portfolio-showcase .portfolio-card:has(.portfolio-role){aspect-ratio:auto}.portfolio-showcase .portfolio-role+.portfolio-card-bottom{background:#0b1023fc;margin:0;padding-inline:24px}.portfolio-showcase .portfolio-details-bottom{flex-direction:column;align-items:flex-start;gap:2px;margin-top:6px;display:flex}.portfolio-showcase .portfolio-visit{color:#fff;text-underline-offset:.25em;align-items:center;min-height:44px;padding:8px 0;font-size:.875rem;line-height:1.4;text-decoration:underline;display:inline-flex}.portfolio-showcase .portfolio-visit:focus-visible{outline-offset:4px;border-radius:3px;outline:3px solid #aeeaff}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.portfolio-showcase .portfolio-preview img{transition:object-position 1.4s ease-in-out}.portfolio-showcase .portfolio-card:is(:hover,:focus-within) .portfolio-preview img{object-position:50% 100%;transition-duration:24s;transition-timing-function:linear}}@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.portfolio-showcase .portfolio-preview img{object-position:50% 0%;transition:none}}.portfolio-showcase .portfolio-card[data-preview-static] .portfolio-preview img{object-fit:contain;object-position:50% 0%;transition:none}@media (width<=1099px){.portfolio-grid.portfolio-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=699px){.portfolio-grid.portfolio-showcase{grid-template-columns:1fr;gap:24px}.portfolio-showcase .portfolio-main{padding-inline:20px}.portfolio-showcase .portfolio-main h3{font-size:1.45rem}}@media (width<=379px){.portfolio-showcase .portfolio-card{min-height:34rem}}@media (width>=700px){.portfolio-grid.portfolio-showcase--archive{grid-template-columns:repeat(2,minmax(0,1fr))}}.portfolio-showcase .portfolio-technologies{color:#eef0ff;min-width:0;margin:0;font-size:.78125rem;line-height:1.45}