/* Clear, stepped navy and bronze geometry extends into each card edge. */
.work-intro.collection-statement{padding-top:clamp(38px,5vw,76px);text-align:center}
.work-intro h1{max-width:1080px;margin:0 auto 28px;color:var(--navy);font-size:clamp(44px,5.5vw,80px);font-weight:500;line-height:1.07;letter-spacing:-.045em;text-wrap:balance}
.work-intro p{max-width:850px;margin:0 auto;font-size:clamp(18px,1.65vw,23px);line-height:1.55;text-wrap:balance}
.work-services.section{padding-top:64px;padding-bottom:80px}
.work-services .offering-collection{gap:26px}
.work-services .offering-text-tile{min-height:310px;padding:30px 32px 32px;justify-content:flex-end;transition:background-color .2s ease}
.work-services .service-surface{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;z-index:0}
.work-services .offering-text-tile>div{position:relative;z-index:1;padding:0;gap:18px;align-items:center}
.work-services .offering-text-tile h3{font-size:clamp(25px,2.3vw,34px);line-height:1.15;text-wrap:balance}
.work-services .round-link{flex-shrink:0}
.work-services .offering-text-tile:hover{background:#cedce1}
.work-services .offering-text-tile:nth-child(even):hover{background:#e2d2b7}
.work-services .offering-text-tile:focus-visible{outline:2px solid var(--navy);outline-offset:5px}
@media(max-width:760px){
 .work-intro.collection-statement{padding-top:34px}
 .work-intro h1{margin-bottom:24px}
 .work-services.section{padding-top:40px}
 .work-services .offering-collection{gap:20px}
 .work-services .offering-text-tile{min-height:272px;padding:24px}
 .work-services .offering-text-tile>div{padding-top:0}
 .work-services .offering-text-tile h3{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.work-services .offering-text-tile{transition:none}}

/* Light on the base and shaded edges give the inset shapes dimension. */
.work-services .offering-text-tile{background:linear-gradient(125deg,#e4eef1 0%,#d6e3e9 68%,#ccdce3 100%);box-shadow:inset 0 1px 0 #ffffff80,0 5px 16px #15324a08;transition:transform .25s ease,box-shadow .25s ease}
.work-services .offering-text-tile:nth-child(even){background:linear-gradient(125deg,#f0e5d3 0%,#e9dac0 68%,#e0cba9 100%)}
.work-services .service-surface{transform-origin:top right;transition:transform .35s ease}
@media(hover:hover){
 .work-services .offering-text-tile:hover{background:linear-gradient(125deg,#e4eef1 0%,#d6e3e9 68%,#ccdce3 100%);transform:translateY(-4px);box-shadow:inset 0 1px 0 #ffffff80,0 12px 26px #15324a14}
 .work-services .offering-text-tile:nth-child(even):hover{background:linear-gradient(125deg,#f0e5d3 0%,#e9dac0 68%,#e0cba9 100%)}
 .work-services .offering-text-tile:hover .service-surface{transform:translateY(-3px)}
}
@media(prefers-reduced-motion:reduce){.work-services .offering-text-tile,.work-services .service-surface{transition:none}.work-services .offering-text-tile:hover,.work-services .offering-text-tile:hover .service-surface{transform:none}}
