.categories{padding:20px 7.5% 85px;background:#f5eee3;color:#29353c;scroll-margin-top:25px}
.categories-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:44px}
.category-eyebrow{font-size:9px;letter-spacing:1.9px;color:#8a735d;margin-bottom:23px}
.categories-heading h2{font-size:clamp(42px,4.4vw,68px);line-height:1.05;letter-spacing:-2px;font-weight:400;margin:0}
.categories-heading>p{font-size:14px;line-height:1.75;color:#746b60;margin:0 0 5px;max-width:355px}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.category-card{position:relative;isolation:isolate;height:570px;border-radius:24px;overflow:hidden;background:#a78e76;color:#fffaf1;box-shadow:0 15px 35px #5040310c}
.category-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#1c242ce6 0%,#1c242c80 27%,transparent 59%),linear-gradient(180deg,#18232945,transparent 20%);pointer-events:none}
.category-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;z-index:-2;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.category-card:hover>img,.category-card:focus-within>img{transform:scale(1.045)}
.category-index{position:absolute;left:27px;top:28px;font-size:8px;letter-spacing:1.7px;text-shadow:0 1px 5px #0007}
.category-copy{position:absolute;left:27px;right:27px;bottom:27px}
.category-copy h3{font-size:36px;font-weight:400;letter-spacing:-1.2px;margin:0 0 14px;line-height:1.1}
.category-copy p{font-size:14px;line-height:1.55;margin:0 0 24px;color:#fffaf1ed}
.category-copy button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:49px;padding:0 20px;border:1px solid #fffaf14d;border-radius:30px;background:#fffaf115;backdrop-filter:blur(10px);color:#fffaf1;font-size:12px;transition:background .25s,color .25s}
.category-copy button:hover{background:#fff5e7;color:#29353c}.category-copy button span{font-size:21px;font-weight:400}
.categories-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #d8cdbc;padding:26px 0 28px;margin-top:10px}
.categories-bottom>span{font-size:8px;letter-spacing:1.6px;color:#8e7860}.categories-bottom p{font-size:12px;color:#746b60;margin:0}
@media(min-width:1700px){.category-card{height:650px}.category-copy h3{font-size:42px}.category-copy p{font-size:16px}.category-copy{left:32px;right:32px;bottom:32px}.category-copy button{font-size:14px;min-height:55px}}
@media(max-width:1100px){.categories{padding-left:5%;padding-right:5%}.category-grid{gap:15px}.category-card{height:510px}.category-copy{left:20px;right:20px;bottom:22px}.category-copy h3{font-size:30px}.category-copy p{font-size:13px}.category-index{left:20px;font-size:7px}.categories-heading>p{max-width:300px;font-size:13px}}
@media(max-width:700px){.categories{padding:12px 18px 55px}.categories-heading{display:block;margin:0 8px 28px}.categories-heading h2{font-size:43px;letter-spacing:-1.5px}.category-eyebrow{font-size:8px;margin-bottom:20px}.categories-heading>p{margin:20px 0 0;font-size:14px;max-width:none}.category-grid{grid-template-columns:1fr;gap:20px}.category-card{height:520px;border-radius:23px}.category-copy{left:26px;right:26px;bottom:26px}.category-copy h3{font-size:35px}.category-copy p{font-size:14px}.category-index{left:26px;top:25px;font-size:8px}.category-copy button{min-height:51px;font-size:13px}.categories-bottom{display:block;margin:0 8px;padding:25px 0}.categories-bottom p{font-size:12px;line-height:1.6;margin-top:12px}}