.projects-page .page-hero{background:#f2f3f5;border:1px solid #e8eaed;border-radius:26px;max-width:1224px;width:90%;margin:18px auto 55px;padding:55px 50px}.projects-page .page-hero h1{font-size:clamp(32px,4vw,58px);line-height:1.2}.projects-page .page-hero p{font-size:16px;color:#606b74;max-width:750px;line-height:1.8}.project-showcase-section{max-width:1360px;margin:auto;padding:0 5% 90px}.project-showcase-toolbar{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e2e7ec;padding-bottom:20px;margin-bottom:30px;font-size:9px;color:#7a858f}.project-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 28px}.project-showcase-card{min-width:0;display:block}.project-showcase-image{aspect-ratio:1.34;position:relative;background:#eff2f5;border:1px solid #e4e8ec;border-radius:22px;overflow:hidden;isolation:isolate}.project-showcase-image>img{width:100%;height:100%;object-fit:contain;padding:24px;transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .75s}.project-showcase-image.tone-1{background:#f9eee9}.project-showcase-image.tone-2{background:#e9eef2}.project-showcase-image.tone-3{background:#f4f5f6}.project-cover-label{position:absolute;left:18px;top:18px;border:1px solid #e3e7eb;background:#ffffffec;color:#65717b;border-radius:30px;padding:6px 10px;font-size:7px;z-index:2}.project-cover-arrow{position:absolute;right:18px;top:18px;border-radius:50%;background:#fff;color:#15212b;width:35px;height:35px;display:grid;place-items:center;font-size:21px;transition:background .3s,transform .4s;z-index:2}.project-showcase-card:hover .project-showcase-image>img{transform:scale(1.065)}.project-showcase-card:hover .project-cover-arrow{background:#f94d26;color:#fff;transform:rotate(45deg)}.project-showcase-info{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px}.project-showcase-info h2{font-size:25px;line-height:1.35;margin:0;letter-spacing:-.055em}.project-open{font-size:10px;color:#687581;white-space:nowrap;transition:color .3s}.project-showcase-card:hover .project-open{color:#d34622}.project-showcase-tags{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid #e2e7ec;padding-top:16px;margin-top:17px}.project-showcase-tags>span{font-size:8px;padding:5px 9px;border:1px solid #e0e6eb;color:#76818b;border-radius:25px}.project-brand-cover{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 80% 10%,#f94d2615,transparent 70%)}.project-brand-cover>span{font-family:Unbounded,sans-serif;font-size:clamp(36px,6vw,85px);font-weight:500;letter-spacing:-.08em;color:#182934;z-index:1;transition:transform .6s}.project-showcase-card:hover .project-brand-cover>span{transform:translateY(-8px)}.cover-ui{position:absolute;width:68%;height:60%;transform:rotate(-12deg);border:1px solid #b2bfc740;border-radius:18px;display:flex;align-items:end;padding:25px;gap:12px;opacity:.45}.cover-ui i{height:25%;width:30%;background:#f94d261a;border-radius:7px}.cover-ui i:nth-child(2){height:50%;background:#9aadb71a}.cover-ui i:nth-child(3){height:75%;background:#f94d262a}.project-reveal{opacity:0;translate:0 24px;transition:opacity .7s var(--project-delay),translate .7s var(--project-delay)}.project-reveal.project-entered{opacity:1;translate:0 0}.project-showcase-card:focus-visible{outline:2px solid #f94d26;outline-offset:7px;border-radius:22px}
@media(max-width:850px){.project-showcase-grid{gap:35px 20px}.project-showcase-info{align-items:start;flex-direction:column;gap:8px}.project-showcase-info h2{font-size:23px}.project-showcase-image{aspect-ratio:1.1}.project-showcase-image>img{padding:20px}.project-cover-label{left:12px;top:12px;font-size:6px}.project-cover-arrow{right:12px;top:12px;width:30px;height:30px}}
@media(max-width:600px){.projects-page .page-hero{width:calc(100% - 40px);padding:32px 24px;margin:12px auto 35px;border-radius:20px}.projects-page .page-hero h1{font-size:30px}.projects-page .page-hero p{font-size:13px}.project-showcase-section{padding:0 25px 60px}.project-showcase-grid{grid-template-columns:1fr;gap:34px}.project-showcase-toolbar{font-size:7px}.project-showcase-image{aspect-ratio:1.2}.project-showcase-info{flex-direction:row;align-items:center}.project-showcase-info h2{font-size:23px}.project-open{font-size:8px}.project-brand-cover>span{font-size:65px}}
@media(prefers-reduced-motion:reduce){.project-reveal{opacity:1;translate:none}.project-showcase-card *{transition:none!important}}
/* Match the automatic full-view/detail image wipe on Products. */
.project-image-detail{position:absolute;inset:0;background:#e8edf1;clip-path:inset(100% 0 0);animation:productDetailScan 12s ease-in-out infinite;pointer-events:none;overflow:hidden}
.project-image-detail img{width:100%;height:100%;object-fit:contain;padding:24px;transform:scale(1.22)}
.project-showcase-card:nth-child(2n) .project-image-detail{animation-delay:-4s}
.project-showcase-card:nth-child(3n) .project-image-detail{animation-delay:-7s}
.project-image-detail:after{content:'';position:absolute;inset:0;border-top:1px solid var(--orange);box-shadow:inset 0 2px 15px #f94d2620}
.project-brand-cover .cover-ui{animation:projectCoverFloat 12s ease-in-out infinite}
@keyframes projectCoverFloat{0%,100%{transform:rotate(-12deg) scale(1)}50%{transform:rotate(-7deg) scale(1.08)}}
@media(max-width:850px){.project-image-detail img{padding:20px}}
@media(prefers-reduced-motion:reduce){.project-image-detail{display:none;animation:none}.project-brand-cover .cover-ui{animation:none}}
/* Match Products and Services title sizing. */
.projects-page .page-hero .eyebrow{font-family:ui-monospace,monospace;font-size:10px;background:#fff;border:1px solid #dfe3e7;padding:6px 12px;border-radius:30px;display:inline-flex}
.projects-page .page-hero h1{font-size:clamp(32px,3.8vw,55px);line-height:1.25}
@media(max-width:650px){.projects-page .page-hero h1{font-size:28px}}