.portfolio-page{color:#fff3d4;background:#103c45;padding:164px 0 84px;position:relative;overflow:hidden}.portfolio-page:before{content:"";pointer-events:none;border:1px solid #f0bd4e22;border-radius:50%;width:880px;height:880px;position:absolute;top:-340px;right:-500px;box-shadow:0 0 0 58px #f0bd4e08,0 0 0 116px #f0bd4e05}.portfolio-page>.wrap{position:relative}.portfolio-heading{border-bottom:1px solid #f4e7c344;grid-template-columns:1.25fr 1fr;align-items:end;gap:24px 56px;margin-bottom:60px;padding-bottom:40px;display:grid}.portfolio-heading .eyebrow{color:#f3ba4a;letter-spacing:.16em;grid-column:1/-1;font-size:12px}.portfolio-heading h1{letter-spacing:-.065em;margin:0;font-size:clamp(64px,8.8vw,128px);font-weight:600;line-height:.95}.portfolio-heading h1 em{color:#ee795e;font-style:normal}.portfolio-heading>p:last-child{color:#c0d4cf;max-width:430px;margin:0 0 5px;font-size:19px;line-height:1.7}.portfolio-grid{counter-reset:work;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:56px 28px;display:grid}.portfolio-piece{counter-increment:work;min-width:0}.portfolio-media{background:#092c34;border:1px solid #f4e7c330;border-radius:3px;max-height:620px;overflow:hidden;box-shadow:0 16px 34px #001c2444}.portfolio-media a{height:100%;display:block}.portfolio-media img,.portfolio-media video{object-fit:contain;width:100%;height:100%;display:block}.portfolio-media a:focus-visible{outline-offset:-4px;outline:4px solid #f3ba4a}.portfolio-caption{padding:20px 0 0;position:relative}.portfolio-caption .eyebrow{color:#f3ba4a;letter-spacing:.13em;align-items:center;gap:12px;font-size:10px;display:flex}.portfolio-caption .eyebrow:before{content:counter(work) ".";letter-spacing:0;border:1px solid #f3ba4a80;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;display:inline-flex}.portfolio-caption h2{letter-spacing:-.025em;color:#fff3d4;margin:12px 0;font-size:25px;line-height:1.2}.portfolio-caption p{color:#b8d1cc;font-size:14px;line-height:1.65}.portfolio-role{font-weight:600}.portfolio-contact{border-top:1px solid #f4e7c344;justify-content:space-between;align-items:center;gap:24px;margin-top:88px;padding:40px 0 0;display:flex}.portfolio-contact h2{letter-spacing:-.04em;color:#fff3d4;margin:0;font-size:clamp(28px,3vw,42px)}.portfolio-contact a{color:#f3ba4a;text-underline-offset:6px;font-size:16px;text-decoration:underline}.portfolio-draft-note{border:1px solid #f4e7c344;padding:32px;line-height:1.65}@media (max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-heading{gap:24px}.portfolio-heading>p:last-child{font-size:17px}}@media (max-width:600px){.portfolio-page{padding-top:118px}.portfolio-heading{margin-bottom:36px;padding-bottom:30px;display:block}.portfolio-heading h1{margin:24px 0;font-size:70px}.portfolio-heading>p:last-child{font-size:17px}.portfolio-grid{grid-template-columns:minmax(0,1fr);gap:40px}.portfolio-media{max-height:none}.portfolio-contact{margin-top:52px;display:block}.portfolio-contact h2{margin-bottom:22px}}.portfolio-filters{flex-wrap:wrap;gap:10px;margin:-8px 0 38px;display:flex}.portfolio-filters button{font:500 13px/1.4 var(--body-font,Arial);color:#c6d9d4;cursor:pointer;background:0 0;border:1px solid #c6d9d450;border-radius:999px;align-items:center;gap:16px;min-height:44px;padding:12px 18px;display:flex}.portfolio-filters button span{opacity:.65;font-size:10px}.portfolio-filters button[aria-pressed=true]{color:#103c45;background:#f3ba4a;border-color:#f3ba4a}.portfolio-filters button:focus-visible{outline-offset:4px;outline:3px solid #ee795e}.portfolio-enlarge:focus-visible{outline-offset:4px;outline:3px solid #ee795e}.portfolio-enlarge{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.portfolio-enlarge>span{color:#fff3d4;font:500 11px/1.3 var(--body-font,Arial);opacity:0;background:#103c45;padding:9px 12px;transition:opacity .18s;position:absolute;bottom:12px;right:12px}:is(.portfolio-enlarge:hover>span,.portfolio-enlarge:focus-visible>span){opacity:1}.portfolio-piece .portfolio-media{transition:border-color .18s,box-shadow .18s}.portfolio-piece:hover .portfolio-media{border-color:#f3ba4a88;box-shadow:0 20px 42px #001c2466}.portfolio-lightbox{color:#fff3d4;background:#092c34;border:1px solid #f3ba4a66;border-radius:4px;width:min(1080px,94vw);max-height:94vh;padding:18px}.portfolio-lightbox::backdrop{background:#001a22e8}.portfolio-lightbox-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.portfolio-lightbox h2{color:#fff3d4;margin:0;font-size:20px}.portfolio-lightbox button{color:#fff3d4;cursor:pointer;background:0 0;border:1px solid #fff3d466;min-height:44px;padding:10px 16px}.portfolio-lightbox>img{object-fit:contain;width:100%;height:auto;max-height:76vh;display:block}@media (hover:none){.portfolio-enlarge>span{opacity:1}}@media (prefers-reduced-motion:reduce){.portfolio-enlarge>span,.portfolio-piece .portfolio-media{transition:none}}@font-face{font-family:Barlow Condensed;src:url(/fonts/BarlowCondensed-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}.proposal .portfolio-heading h1,.proposal .portfolio-heading h1 em{letter-spacing:-.015em;text-transform:uppercase;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(78px,10vw,144px);font-style:normal;font-weight:600;line-height:.88}.portfolio-caption .eyebrow:before{border:0;border-radius:0;width:auto;min-width:20px;height:auto;font-size:15px;font-weight:700}.portfolio-heading h1 em{margin-top:8px;display:inline-block}@media (max-width:600px){.proposal .portfolio-heading h1,.proposal .portfolio-heading h1 em{font-size:88px}}