@layer components{.work-page{background:#fff}.work-category-nav{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.work-category-nav a{border:1px solid var(--color-line);min-height:44px;color:var(--color-primary);border-radius:999px;align-items:center;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex}.work-category-nav a:hover{border-color:var(--color-primary)}.work-section{padding-block:44px;scroll-margin-top:84px}.work-section-heading{gap:8px;margin-bottom:24px;display:grid}.work-section-heading h2{letter-spacing:-.025em;font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:800;line-height:1.12}.work-section-heading p{max-width:640px;color:var(--color-ink-soft);font-size:16px;line-height:1.6}.work-grid{gap:14px;display:grid}.work-card{margin:0}.work-card-image{aspect-ratio:3/4;background:var(--color-surface);border-radius:12px;display:block;position:relative;overflow:hidden}.work-enlarge{color:var(--color-primary);background:#fff;border-radius:6px;padding:7px 10px;font-size:12.5px;font-weight:700;position:absolute;bottom:10px;right:10px}.work-card-image img{object-fit:cover}.work-card-image:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}.work-card-image:hover .work-enlarge,.work-pair-image:hover .work-enlarge{text-underline-offset:3px;text-decoration:underline}.work-card figcaption{gap:3px;padding-block:12px 2px;display:grid}.work-card figcaption strong{font-size:16px;font-weight:700}.work-card figcaption span{color:var(--color-ink-soft);font-size:14px;line-height:1.5}.work-before-after{background:var(--color-primary);color:#fff;padding-block:56px;scroll-margin-top:84px}.work-before-after .work-section-heading{margin-bottom:28px}.work-section-heading-light h2{color:#fff}.work-section-heading-light p{color:#fffc}.work-pairs{gap:40px;display:grid}.work-pair{gap:12px;margin:0;display:grid}.work-pair-images{grid-template-columns:1fr 1fr;gap:10px;display:grid}.work-pair-images>figure{min-width:0;margin:0}.work-pair-image{display:block}.work-pair-image:focus-visible{outline-offset:4px;outline:3px solid #fff}.work-pair-images figcaption{color:var(--color-primary);letter-spacing:.06em;text-transform:uppercase;background:#fff;border-radius:6px;margin-bottom:10px;padding:3px 9px;font-size:12px;font-weight:800;display:inline-block}.work-pair-images>figure:last-child figcaption{background:var(--color-gold);color:var(--color-primary-dark)}.work-pair-label{gap:4px;display:grid}.work-pair-label strong{font-size:17px;font-weight:700}.work-pair-label span{color:#ffffffb8;font-size:14px;line-height:1.55}.work-reviews{background:var(--color-surface);padding-block:56px}.work-cta{padding-block:56px}.work-cta h2{letter-spacing:-.025em;font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:800;line-height:1.12}.work-cta>p{max-width:640px;color:var(--color-ink-soft);margin-top:14px;font-size:17px;line-height:1.65}.work-cta-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:24px;display:flex}.work-cta-actions .ns-icon{width:18px;height:18px}.work-cta-links{flex-wrap:wrap;gap:4px 28px;margin-top:10px;display:flex}@media (min-width:640px){.work-grid{grid-template-columns:repeat(2,1fr)}.work-pairs{grid-template-columns:1fr 1fr;gap:36px}}@media (min-width:1024px){.work-section{padding-block:64px}.work-grid{grid-template-columns:repeat(4,1fr);gap:18px}.work-grid-wide,.work-grid-kitchen{grid-template-columns:repeat(4,1fr)}.work-grid-kitchen .work-card .work-card-image{aspect-ratio:4/3}.work-before-after,.work-reviews,.work-cta{padding-block:80px}}}