.portfolio-page{--portfolio-ink:#061522;--portfolio-deep:#092237;--portfolio-mid:#123b55;--portfolio-sky:#acd7e6;--portfolio-paper:#f2f0e9;--portfolio-muted:#e1eef0c7;--portfolio-gold:#dda965;--portfolio-line:#acd7e638;background:radial-gradient(circle at 84% 14%, #458cae2e, transparent 34rem), var(--portfolio-ink);color:var(--portfolio-paper);overflow:clip}.portfolio-page h1,.portfolio-page h2,.portfolio-page h3{font-family:var(--font-cormorant), Georgia, serif;margin:0;font-weight:400}.portfolio-eyebrow{color:var(--portfolio-gold);letter-spacing:.17em;text-transform:uppercase;margin:0 0 16px;font-size:17px;font-weight:500;line-height:1.4}.portfolio-hero{isolation:isolate;border-bottom:1px solid var(--portfolio-line);background:#0a2132;align-items:center;min-height:max(760px,100svh - 62px);padding:clamp(136px,14vw,220px) clamp(24px,6vw,104px) clamp(74px,8vw,126px);display:grid;position:relative;overflow:hidden}.portfolio-hero__image{z-index:-3;object-fit:cover;object-position:57% 52%;filter:brightness(.94)saturate(.9)contrast(1.03);transform:scale(calc(1.025 + var(--hero-progress,0) * .02));transform-origin:50%}.portfolio-hero__wash{z-index:-2;background:linear-gradient(90deg,#051320f0 0%,#051320b8 37%,#0513201c 70%),linear-gradient(#07152229,#0000 57%,#05121dbd);position:absolute;inset:0}.portfolio-hero__copy{width:min(760px,63vw)}.portfolio-hero h1{letter-spacing:-.052em;text-shadow:0 3px 30px #0000009e;text-transform:uppercase;max-width:8ch;font-size:clamp(76px,8.8vw,148px);line-height:.8}.portfolio-hero h1 em{color:var(--portfolio-sky);font-style:normal}.portfolio-hero__lead{color:#f2f0e9f0;text-shadow:0 2px 20px #000000c7;max-width:54ch;margin:34px 0 0;font-size:clamp(18px,1.22vw,21px);line-height:1.62}.portfolio-hero__note{color:#e1eef0d1;border-top:1px solid #dda96585;max-width:70ch;margin:25px 0 0;padding-top:20px;font-size:17px;line-height:1.58}.portfolio-selection{width:min(100%,1600px);margin-inline:auto;padding:clamp(90px,9vw,152px) clamp(18px,4vw,64px) clamp(106px,10vw,166px)}.portfolio-selection__heading{border-bottom:1px solid var(--portfolio-line);justify-content:space-between;align-items:end;gap:30px;margin-bottom:clamp(42px,5vw,72px);padding-bottom:24px;display:flex}.portfolio-selection__heading .portfolio-eyebrow{margin:0}.portfolio-selection__heading h2{color:var(--portfolio-sky);letter-spacing:-.025em;font-size:clamp(36px,4vw,64px);line-height:.95}.portfolio-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.25vw,20px);margin:0;padding:0;list-style:none;display:grid}.portfolio-grid__item{grid-column:span 4;min-width:0}.portfolio-grid__item:first-child,.portfolio-grid__item:nth-child(4),.portfolio-grid__item:nth-child(5){grid-column:span 8}.portfolio-grid__item article{isolation:isolate;background:var(--portfolio-deep);border:1px solid #acd7e63d;min-height:clamp(290px,29vw,440px);position:relative;overflow:hidden;box-shadow:0 26px 68px #00000038}.portfolio-grid__item img{z-index:-2;object-fit:cover;object-position:center 54%;filter:brightness(.88)saturate(.88)contrast(1.04);transition:filter .5s,transform .8s cubic-bezier(.2,.7,.2,1)}.portfolio-grid__wash{z-index:-1;background:linear-gradient(#0000 32%,#04111d75 65%,#04101beb 100%),linear-gradient(90deg,#04111d7a,#0000 62%);transition:opacity .45s;position:absolute;inset:0}.portfolio-grid__role{color:#f3f0e9d1;text-shadow:0 2px 16px #000c;max-width:48ch;font-size:17px;line-height:1.35;position:absolute;bottom:clamp(20px,2vw,30px);left:clamp(20px,2.4vw,38px);right:clamp(20px,2.4vw,38px)}.portfolio-grid__item h3{letter-spacing:-.03em;text-shadow:0 3px 24px #000000d1;text-wrap:balance;max-width:16ch;font-size:clamp(34px,3.5vw,58px);line-height:.94;position:absolute;bottom:clamp(58px,5vw,82px);left:clamp(20px,2.4vw,38px);right:clamp(20px,2.4vw,38px)}.portfolio-grid__item article:hover img{filter:brightness(.98)saturate(.94)contrast(1.03);transform:scale(1.035)}.portfolio-grid__item article:hover:after{transform:scaleX(1)}.portfolio-closing{isolation:isolate;border-top:1px solid var(--portfolio-line);background:#071b2b;align-items:center;min-height:clamp(620px,57vw,840px);padding:clamp(106px,11vw,176px) clamp(24px,7vw,112px);display:grid;position:relative;overflow:hidden}.portfolio-closing>img{z-index:-3;object-fit:cover;object-position:54% 53%;filter:brightness(.94)saturate(.9)contrast(1.03)}.portfolio-closing__wash{z-index:-2;background:linear-gradient(90deg,#030f1bf0 0%,#041422bd 38%,#0518291f 72%),linear-gradient(#0000 52%,#04111c94);position:absolute;inset:0}.portfolio-closing__copy{width:min(780px,63vw)}.portfolio-closing h2{letter-spacing:-.045em;text-shadow:0 4px 32px #00050da8;text-transform:uppercase;max-width:10ch;font-size:clamp(64px,7vw,112px);line-height:.84}.portfolio-button{min-height:50px;color:var(--portfolio-paper);letter-spacing:.13em;text-transform:uppercase;border-bottom:1px solid #dda965ad;justify-content:space-between;align-items:center;gap:32px;margin-top:40px;padding:0 3px;font-size:17px;font-weight:500;line-height:1.2;transition:border-color .3s,color .3s;display:inline-flex}.portfolio-button span{color:var(--portfolio-gold);transition:transform .3s}.portfolio-button:hover,.portfolio-button:focus-visible{border-color:var(--portfolio-paper);color:var(--portfolio-gold)}.portfolio-button:hover span,.portfolio-button:focus-visible span{transform:translate(4px)}@media (max-width:1100px){.portfolio-hero__copy{width:min(760px,75vw)}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-grid__item,.portfolio-grid__item:first-child,.portfolio-grid__item:nth-child(4),.portfolio-grid__item:nth-child(5){grid-column:span 1}.portfolio-grid__item:first-child,.portfolio-grid__item:nth-child(5),.portfolio-grid__item:nth-child(9){grid-column:span 2}.portfolio-grid__item article{min-height:clamp(310px,42vw,470px)}}@media (max-width:700px){.portfolio-hero{align-items:end;min-height:max(720px,100svh - 58px);padding:132px 22px 78px}.portfolio-hero__image{object-position:65% 50%;transform:none}.portfolio-hero__wash{background:linear-gradient(#04142238 24%,#041321eb 57%,#030f1bfa 100%),linear-gradient(90deg,#030f1bb8,#0000 80%)}.portfolio-hero__copy,.portfolio-closing__copy{width:100%}.portfolio-hero h1{max-width:100%;font-size:clamp(58px,17vw,72px);line-height:.82}.portfolio-hero__lead{margin-top:27px;font-size:18px}.portfolio-hero__note{margin-top:20px;padding-top:16px}.portfolio-selection{padding:80px 16px 96px}.portfolio-selection__heading{margin-bottom:34px;display:block}.portfolio-selection__heading .portfolio-eyebrow{margin-bottom:12px}.portfolio-selection__heading h2{font-size:44px}.portfolio-grid{grid-template-columns:minmax(0,1fr);gap:14px}.portfolio-grid__item,.portfolio-grid__item:first-child,.portfolio-grid__item:nth-child(4),.portfolio-grid__item:nth-child(5),.portfolio-grid__item:nth-child(9){grid-column:1/-1}.portfolio-grid__item article{min-height:clamp(230px,66vw,280px)}.portfolio-grid__item h3{font-size:clamp(31px,9vw,40px)}.portfolio-closing{align-items:end;min-height:680px;padding:108px 22px 88px}.portfolio-closing>img{object-position:59% 51%}.portfolio-closing__wash{background:linear-gradient(#05182924 26%,#041422e0 58%,#030f1bf7 100%),linear-gradient(90deg,#030f1b99,#0000 82%)}.portfolio-closing h2{max-width:100%;font-size:clamp(52px,15vw,68px)}}@media (prefers-reduced-motion:reduce){.portfolio-hero__image,.portfolio-grid__item img,.portfolio-grid__item article:after,.portfolio-button span{transition:none!important;transform:none!important}}