.category-composition{--paper:#f3efe8;--ink:#3b392e;--muted:#757166;--line:#cec7b9;--accent:#636b4f;container:category-composition / inline-size;background:#e6e0d4;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.category-composition *{box-sizing:border-box}.category-composition .category-section{padding:49px 5% 60px}.category-composition .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:33px}.category-composition .section-heading .eyebrow{font:500 10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:1.9px;margin:0 0 15px}.category-composition .section-heading h2{font:400 clamp(34px,3.6cqw,53px)/1.06 Georgia,"Times New Roman",serif;letter-spacing:-1.4px;margin:0}.category-composition .section-heading>p{text-align:right;font-size:12px;line-height:1.75;color:var(--muted);margin:0}.category-composition .section-heading>p>span{display:block;font-size:30px;line-height:1;margin-top:8px;color:var(--ink)}.category-composition .mosaic-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:9px}.category-composition .category-card{position:relative;display:block;min-width:0;height:300px;overflow:hidden;color:#fff;grid-column:span 3;text-decoration:none}.category-composition .cat-1{grid-column:span 4}.category-composition .cat-2,.category-composition .cat-3,.category-composition .cat-6,.category-composition .cat-8{grid-column:span 3}.category-composition .cat-4,.category-composition .cat-5{grid-column:span 2}.category-composition .cat-7{grid-column:span 4}.category-composition .cat-image{position:absolute;inset:0;overflow:hidden}.category-composition .cat-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.category-composition .category-card:hover .cat-image img{transform:scale(1.025)}.category-composition .category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#16171038,transparent 25%,#14171325 45%,#171911c7)}.category-composition .cat-caption{position:absolute;z-index:1;left:21px;right:18px;bottom:22px;display:flex;gap:9px;justify-content:space-between;align-items:flex-end}.category-composition .cat-copy h3{font:400 20px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.4px;text-wrap:balance;margin:0}.category-composition .cat-copy p{color:#f2efe6c9;font:400 10px/1.6 Arial,Helvetica,sans-serif;margin:9px 0 0}.category-composition .cat-arrow{flex-shrink:0;width:18px;display:block}.category-composition .cat-arrow svg{display:block;width:100%;height:auto}.category-composition .cat-8 .cat-image img{object-position:78% 25%!important;transform:scale(1.35)}.category-composition .cat-8:hover .cat-image img{transform:scale(1.38)}.category-composition a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@container category-composition (max-width:1100px){.category-composition .category-card{height:260px}.category-composition .cat-copy h3{font-size:18px}.category-composition .cat-copy p{display:none}}@container category-composition (max-width:700px){.category-composition .category-section{padding:34px 16px 30px}.category-composition .section-heading{padding-left:6px;margin-bottom:24px;gap:15px}.category-composition .section-heading h2{font-size:36px;letter-spacing:-1px}.category-composition .section-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:12px}.category-composition .section-heading>p{display:none}.category-composition .mosaic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.category-composition .category-card{grid-column:span 1;height:210px}.category-composition .cat-1{grid-column:span 2;height:250px}.category-composition .cat-8{grid-column:span 2;height:205px}.category-composition .cat-caption{left:14px;right:12px;bottom:16px;gap:7px}.category-composition .cat-copy h3{font-size:17px}.category-composition .cat-1 .cat-copy h3,.category-composition .cat-8 .cat-copy h3{font-size:23px}.category-composition .cat-arrow{width:16px}.category-composition .cat-8 .cat-image img{object-position:70% 35%!important;transform:scale(1)}.category-composition .cat-8:hover .cat-image img{transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){.category-composition .cat-image img{transition:none}}.category-composition .cat-8 .cat-image img{object-position:45% 38%!important;transform:none}.category-composition .cat-8:hover .cat-image img{transform:scale(1.015)}