/* Case-study portfolio. Scoped independently from the legacy case-story grid. */
#work.field-portfolio{scroll-margin-top:0;padding:clamp(58px,6vw,90px) var(--folio-pad) clamp(70px,7vw,110px);background:radial-gradient(ellipse at 28% 70%,#163b4a50,transparent 65%),#081820}
.field-portfolio .field-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;padding-bottom:34px;margin-bottom:28px;border-bottom:1px solid #b8d8e42b}
.field-portfolio .field-heading h2{font-size:clamp(60px,6.7vw,104px);line-height:.96;letter-spacing:-.06em;font-weight:500}
.field-portfolio .field-heading p{max-width:240px;font-size:16px;line-height:1.6;color:#adcad9;padding-bottom:3px}
.field-cases{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:18px}
.field-case{min-width:0;position:relative;isolation:isolate}
.field-case-space{grid-row:1/3}
.field-case-link{height:100%;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);border:1px solid #b7d8e526;border-radius:20px;overflow:hidden;background:linear-gradient(130deg,#163440,#0c222c);transition:border-color .35s,box-shadow .35s}
.field-case-space .field-case-link{display:flex;flex-direction:column}
.field-case-media{position:relative;min-width:0;overflow:hidden;min-height:270px;background:#183547}
.field-case-space .field-case-media{height:clamp(300px,25.5vw,440px);min-height:0;flex:none}
.field-case .field-case-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78);transform:scale(1.005);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s}
.field-case-space .field-case-media img{object-position:68% 45%}
.field-case-energy .field-case-media img{object-position:49% center}
.field-case-health .field-case-media img{object-position:62% center}
.field-case-media:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 65%,#0a1d2a65)}
.field-case-copy{display:flex;flex-direction:column;min-width:0;padding:27px 26px 24px}
.field-case-space .field-case-copy{padding:28px 32px 24px;flex:1}
.field-case-context{display:flex;flex-direction:column;align-items:start;gap:4px;margin-bottom:19px}
.field-case-context>span:first-child{font:500 13px/1.4 var(--ui);letter-spacing:0;color:#c4dce7}
.field-portfolio .field-case-context .micro{font-size:9px;letter-spacing:.025em;color:#88acbf}
.field-portfolio .field-case h3{font-size:clamp(25px,2.2vw,35px);font-weight:500;line-height:1.12;letter-spacing:-.038em;color:#e0edf3;max-width:100%;text-wrap:pretty}
.field-portfolio .field-case-space h3{font-size:clamp(34px,3.05vw,49px);line-height:1.06;letter-spacing:-.045em;max-width:560px}
.field-case-action{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding-top:17px;margin-top:auto;border-top:1px solid #adccdb30;font:500 12px/1.4 var(--ui);color:#dbeaf2}
.field-case h3{margin-bottom:26px}
.field-case-action:before{content:'';height:1px;position:absolute;top:-1px;left:0;right:0;transform:scaleX(0);transform-origin:left;background:#bce7f8;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.field-action-icon{display:grid;place-items:center;width:33px;height:27px;border-radius:100px;background:#b9dcea0a;overflow:hidden;transition:background .35s}
.field-action-icon .ui-icon{width:19px;height:19px;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.field-case-link:focus-visible{outline:2px solid #9cdaef;outline-offset:5px;border-color:#93c9e2}
.field-case-link:is(:hover,:focus-visible){border-color:#9bc5d875;box-shadow:0 14px 36px #0002}
.field-case-link:is(:hover,:focus-visible) .field-case-media img{transform:scale(1.045);filter:saturate(.95)}
.field-case-link:is(:hover,:focus-visible) .field-case-action:before{transform:scaleX(1)}
.field-case-link:is(:hover,:focus-visible) .field-action-icon{background:#b9dcea20}
.field-case-link:is(:hover,:focus-visible) .field-action-icon .ui-icon{transform:translateX(3px)}
@media(min-width:1800px){.field-cases{gap:22px}.field-case-copy{padding:36px}.field-case-space .field-case-copy{padding:34px 40px 30px}.field-case-context>span:first-child{font-size:14px}.field-portfolio .field-case-context .micro{font-size:10px}.field-case-action{font-size:14px}}
@media(max-width:1150px) and (min-width:761px){.field-cases{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px}.field-case-link{grid-template-columns:minmax(0,.45fr) minmax(0,1fr)}.field-case-copy{padding:23px 22px 20px}.field-case-space .field-case-copy{padding:26px}.field-case-space .field-case-media{height:345px}.field-case-context{margin-bottom:15px}.field-case-context>span:first-child{font-size:11px}.field-portfolio .field-case-context .micro{font-size:8px}.field-portfolio .field-case h3{font-size:25px}.field-portfolio .field-case-space h3{font-size:38px}}
@media(max-width:760px){
 #work.field-portfolio{scroll-margin-top:0;padding:52px 24px 64px}
 .field-portfolio .field-heading{align-items:start;flex-direction:column;gap:20px;padding-bottom:26px;margin-bottom:22px}
 .field-portfolio .field-heading h2{font-size:clamp(52px,11vw,78px)}
 .field-portfolio .field-heading p{font-size:14px;max-width:none;line-height:1.5}
 .field-portfolio .field-heading p br{display:none}.field-portfolio .field-heading p br:after{content:' '}
 .field-cases{display:flex;flex-direction:column;gap:20px}
 .field-case .field-case-link{display:flex;flex-direction:column;border-radius:16px}
 .field-case .field-case-media,.field-case-space .field-case-media{height:auto;aspect-ratio:1.75;min-height:0;flex:none}
 .field-case-space .field-case-media{aspect-ratio:1.4}
 .field-case .field-case-copy,.field-case-space .field-case-copy{padding:23px 23px 20px}
 .field-case-context{margin-bottom:17px;gap:5px}.field-case-context>span:first-child{font-size:12px}
 .field-portfolio .field-case-context .micro{font-size:9px}
 .field-portfolio .field-case h3,.field-portfolio .field-case-space h3{font-size:clamp(29px,6.8vw,39px);line-height:1.1;letter-spacing:-.04em}
 .field-case h3{margin-bottom:24px}.field-case-action{font-size:12px;padding-top:14px;min-height:44px}
 .field-case .field-image-note,}
@media(prefers-reduced-motion:reduce){.field-case-link,.field-case-media img,.field-case-action:before,.field-action-icon,.field-action-icon .ui-icon{transition:none}.field-case-link:is(:hover,:focus-visible) .field-case-media img{transform:none}}