.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}}
