/* Live-work project carousel, shared by the homepage and services page (extracted from home.css) */
.home-portfolio{border-top:1px solid var(--line)}
.project-carousel{display:flex;overflow-x:auto;gap:20px;padding:5px 0 20px;scroll-snap-type:x mandatory;scrollbar-color:#96ada1 #e5ebe2;scrollbar-width:thin}
.carousel-card{position:relative;flex:0 0 47%;min-width:0;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;scroll-snap-align:start;display:flex;flex-direction:column;transition:transform .25s}
.carousel-card:hover{transform:translateY(-3px)}
.carousel-card img{width:100%;aspect-ratio:1.75;object-fit:cover;object-position:top;border-bottom:1px solid var(--line)}
.carousel-card span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:18px 20px 6px}
.carousel-card strong{font-size:19px;padding:0 20px 21px;font-weight:650;letter-spacing:-.03em}
.carousel-hint{color:var(--muted);font-size:12px;margin-top:9px}
@media(max-width:760px){.carousel-card{flex-basis:85%}}
.home-portfolio{position:relative;isolation:isolate;overflow:hidden;padding-block:82px!important;background:radial-gradient(ellipse at 12% 10%,#eff9df 0,transparent 37%),radial-gradient(ellipse at 90% 75%,#abd8c3 0,transparent 45%),linear-gradient(125deg,#d6ebd5,#c6e2d3 62%,#d9eedc);border-block:1px solid #aacdb7}
.home-portfolio:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff25 1px,transparent 1px),linear-gradient(90deg,#ffffff25 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 80%,transparent)}
.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}
.home-portfolio .eyebrow{color:#246f55}
.portfolio-heading h2{max-width:700px;color:#12392e;font-size:clamp(37px,4.3vw,58px);line-height:1.03}
.portfolio-heading .section-intro{max-width:590px;color:#476c5d;font-size:16px;line-height:1.6}
.portfolio-heading-actions{display:flex;flex-direction:column;align-items:flex-end;gap:14px;flex-shrink:0}
.carousel-nav{display:flex;gap:8px}
.carousel-nav button{display:grid;place-items:center;width:46px;height:46px;border:1px solid #9bc7aa;border-radius:50%;background:#f6fcf0;color:#164f3d;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 8px 18px #164f3d1c;transition:background .2s,transform .2s,border-color .2s}
.carousel-nav button:hover,.carousel-nav button:focus-visible{background:#ccf275;border-color:#80a659;transform:translateY(-2px)}
.home-portfolio .text-link{color:#185e46;border-color:#71a384;font-weight:800}
.home-portfolio .project-carousel{gap:18px;padding:8px 0 22px;scroll-snap-type:none;scrollbar-width:none;scroll-padding-inline:2px;overscroll-behavior-inline:contain}
.home-portfolio .project-carousel::-webkit-scrollbar{display:none}
.home-portfolio .project-carousel:after{display:none}
.home-portfolio .project-carousel:focus-visible{outline:3px solid #28765b;outline-offset:3px;border-radius:18px}
.home-portfolio .carousel-card{flex:0 0 min(43%,500px);border:1px solid #6eaa91;border-radius:22px;background:linear-gradient(145deg,#17473e,#0c3035);color:#fff;box-shadow:0 19px 36px #0e4f3d2d;scroll-snap-align:start;transition:transform .3s,box-shadow .3s,border-color .3s}
.home-portfolio .carousel-card:hover,.home-portfolio .carousel-card:focus-visible{transform:translateY(-6px);border-color:#477f66;box-shadow:0 26px 48px #0e4f3d3b}
.carousel-window{overflow:hidden;margin:10px 10px 0;border:1px solid #ffffff4f;border-radius:12px;background:#f8faf7;box-shadow:0 11px 22px #001a2050}
.carousel-window-bar{display:flex;align-items:center;justify-content:space-between;height:29px;padding:0 11px;background:#e9f0e8;color:#527464;font-size:9px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}
.carousel-window-bar span{padding:0!important;color:inherit!important;font-size:inherit!important;letter-spacing:inherit!important}
.carousel-dots{display:flex;align-items:center;gap:4px}
.carousel-dots i{width:6px;height:6px;border-radius:50%;background:#91a99c}
.carousel-dots i:first-child{background:#d88c80}
.carousel-dots i:nth-child(2){background:#e7c575}
.carousel-dots i:nth-child(3){background:#82ba90}
.home-portfolio .carousel-card img{width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;object-position:top;border:0;transition:transform .6s}
.home-portfolio .carousel-card:hover img,.home-portfolio .carousel-card:focus-visible img{transform:scale(1.035)}
.carousel-card-meta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;min-height:100px;padding:17px 20px 20px}
.home-portfolio .carousel-card-meta span{grid-column:1/-1;padding:0;color:#b5ddc3;font-size:10px;font-weight:800;letter-spacing:.13em}
.home-portfolio .carousel-card-meta strong{grid-column:1;padding:0;color:#fff;font-size:21px;font-weight:700;line-height:1.2;letter-spacing:-.035em}
.carousel-card-meta b{grid-column:2;grid-row:2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ccf275;color:#12392e;font-size:18px;transition:transform .25s}
.carousel-card:hover .carousel-card-meta b,.carousel-card:focus-visible .carousel-card-meta b{transform:translate(2px,-2px)}
.carousel-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:6px}
.home-portfolio .carousel-hint{margin:0;color:#486f5e;font-size:12px}
.carousel-playback{display:flex;align-items:center;gap:16px;flex-shrink:0}
.carousel-status{min-width:60px;color:#1a634a;font-size:12px;font-weight:850;font-variant-numeric:tabular-nums;letter-spacing:.12em}
.carousel-toggle{border:1px solid #8eb99e;border-radius:999px;background:#f6fcf0;padding:8px 13px;color:#185e46;font-size:11px;font-weight:800;cursor:pointer}
.carousel-toggle:hover,.carousel-toggle:focus-visible{background:#ccf275}
@media(max-width:760px){.home-portfolio{padding-block:55px!important}.portfolio-heading{display:block;margin-bottom:24px}.portfolio-heading h2{font-size:clamp(34px,9vw,48px)}.portfolio-heading-actions{flex-direction:row;align-items:center;justify-content:space-between;margin-top:20px}.carousel-nav button{width:42px;height:42px}.home-portfolio .carousel-card{flex-basis:85%}.home-portfolio .project-carousel:after{flex-basis:15%}.carousel-card-meta{min-height:86px;padding:15px 16px 18px}.home-portfolio .carousel-card-meta strong{font-size:18px}.carousel-footer{align-items:flex-start}.carousel-hint{max-width:220px}.carousel-playback{gap:8px}}
@media(max-width:440px){.portfolio-heading-actions{gap:10px}.home-portfolio .text-link{font-size:12px}.carousel-footer{flex-direction:column;gap:12px}.carousel-playback{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.carousel-nav button,.home-portfolio .carousel-card,.home-portfolio .carousel-card img,.carousel-card-meta b{transition:none}.carousel-nav button:hover,.carousel-nav button:focus-visible,.home-portfolio .carousel-card:hover,.home-portfolio .carousel-card:focus-visible,.home-portfolio .carousel-card:hover img,.home-portfolio .carousel-card:focus-visible img{transform:none}}