/* Shared homepage showcases: same structure, full artwork, physical arrow directions. */
.home .works{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"heading controls" "gallery gallery" "more more";column-gap:24px;row-gap:26px;margin:64px var(--pad);padding:32px;background:#fff;border:1px solid #e1e2ed;border-radius:28px;overflow:hidden;box-sizing:border-box}
.home .works .sh{grid-area:heading;text-align:start;padding:0;margin:0;min-width:0}
.home .works .sh .tag{display:block;color:#555478;font-size:16px;margin-bottom:10px}
.home .works .sh h2{font-size:clamp(30px,3.2vw,46px);line-height:1.12;margin:0;color:#1b1d4f;letter-spacing:-.025em}
.home .works .carousel-tools{grid-area:controls;display:flex;align-self:end;align-items:center;justify-content:flex-start;direction:rtl;gap:8px;padding:0;margin:0}
.home .works .carousel-tools button{width:48px;height:48px;flex:0 0 48px;background:#f1f1f8;border:1px solid #e1e2ed;color:#343297;border-radius:50%;font-size:24px;cursor:pointer;transition:background .18s,color .18s}
.home .works .carousel-tools button:hover{background:#343297;color:#fff}
.home .works .carousel-tools button:focus-visible{outline:3px solid #1ea891;outline-offset:3px}
.home .works .featured-carousel{grid-area:gallery;display:flex;direction:rtl;gap:20px;margin:0;padding:0 0 12px;scroll-padding-inline:0;scrollbar-width:thin;scrollbar-color:#b4b4ce transparent;width:100%;min-width:0}
.home .works .featured-carousel .mc{flex:0 0 calc((100% - 40px)/3);max-width:100%;border:1px solid #e5e5ef;border-radius:20px;overflow:hidden;background:#f7f7fb;box-shadow:none;box-sizing:border-box;isolation:isolate}
.home .works .featured-carousel .mc:hover{border-color:#a7a7c8}
.home .works .featured-carousel .mi{aspect-ratio:4/3;background:#f0f0f6;overflow:hidden}
.home .works .featured-carousel .mi img{width:100%;height:100%;object-fit:contain!important;object-position:center!important;transform:none!important}
.home .works .featured-carousel .tg{top:12px;right:12px;left:auto}
.home .works .featured-carousel .tg span{background:#fff;color:#343297;border:1px solid #e5e5ef;font-size:13px;padding:5px 11px}
.home .works .featured-carousel .mb{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:82px;padding:18px;background:#fff;box-sizing:border-box}
.home .works .featured-carousel .mb b{font-size:20px;line-height:1.3;color:#1b1d4f;font-weight:600;overflow-wrap:anywhere}
.home .works .featured-carousel .mb .ib{background:#e5f4f0;color:#126b60;width:36px;height:36px;flex:0 0 36px;font-size:20px}
.home .works .more{grid-area:more;margin:0;padding-top:0;text-align:start}
.home .works .more .pill{margin:0}
@media(max-width:1000px){.home .works .featured-carousel .mc{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:600px){.home .works{margin:40px 24px;padding:22px 0 20px;border-radius:24px;column-gap:8px;row-gap:20px}.home .works .sh{padding-inline-start:18px}.home .works .sh .tag{font-size:14px;margin-bottom:8px}.home .works .sh h2{font-size:29px;line-height:1.1}.home .works .carousel-tools{gap:6px;padding-inline-end:18px}.home .works .carousel-tools button{width:38px;height:38px;flex-basis:38px;font-size:21px}.home .works .featured-carousel{width:calc(100% - 36px);margin-inline:18px;padding-bottom:10px;gap:16px}.home .works .featured-carousel .mc{flex-basis:100%;border-radius:16px}.home .works .featured-carousel .mb{min-height:76px;padding:14px;gap:10px}.home .works .featured-carousel .mb b{font-size:19px}.home .works .more{padding-inline:18px}.home .works .more .pill{width:100%;justify-content:space-between;box-sizing:border-box;padding-inline:18px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.home .works *{scroll-behavior:auto!important;transition:none!important}}
.home .works .sh .tag{display:inline-block;width:auto;background:none;border:0;padding:0;border-radius:0;line-height:1.4}

.home .works .featured-carousel .mc{scroll-snap-align:start}
