.tw-autumn{--autumn-ink:#f8f1e8;--autumn-accent:#d39a78;background:#402c2a;color:var(--autumn-ink);padding:clamp(56px,7vw,112px) 0 clamp(46px,5vw,80px)}
.tw-autumn__intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);align-items:end;gap:clamp(24px,5vw,80px);padding-bottom:38px}
.tw-autumn__label{display:block;color:var(--autumn-accent);font:600 11px/1.4 var(--font-body-family);letter-spacing:.22em;margin-bottom:18px}
.tw-autumn__title{max-width:790px;margin:0;color:var(--autumn-ink);font-family:var(--font-heading-family);font-size:clamp(48px,5.6vw,82px);font-weight:400;letter-spacing:-.035em;line-height:.96;text-wrap:balance}
.tw-autumn__intro-side p{max-width:360px;margin:0 0 20px;font-size:16px;line-height:1.6;color:#e7d8cd}
.tw-autumn__text-link,.tw-autumn__bottom a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--autumn-ink);text-decoration:none;border-bottom:1px solid var(--autumn-accent);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.tw-autumn__text-link:hover,.tw-autumn__bottom a:hover{color:#f4b18c}
.tw-autumn__rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,22px)}
.tw-autumn__card{display:block;min-width:0;color:var(--autumn-ink);text-decoration:none}
.tw-autumn__image-wrap{position:relative;overflow:hidden;background:#f4f1ed;aspect-ratio:4/5}
.tw-autumn__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.tw-autumn__card:hover .tw-autumn__image{transform:scale(1.035)}
.tw-autumn__card-arrow{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:42px;height:42px;background:#402c2a;color:white;font-size:18px}
.tw-autumn__card-meta{display:block;margin-top:17px;color:var(--autumn-accent);font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.tw-autumn__card-meta span{padding:0 4px}
.tw-autumn__card-name{display:block;margin-top:6px;color:var(--autumn-ink);font-family:var(--font-heading-family);font-size:clamp(25px,2.2vw,34px);line-height:1.05}
.tw-autumn__card-price{display:block;margin-top:8px;color:#e7d8cd;font-size:14px}
.tw-autumn__bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:40px;margin-top:42px;border-top:1px solid rgba(255,255,255,.2)}
.tw-autumn__bottom>span{font-family:var(--font-heading-family);font-size:clamp(23px,2.5vw,38px);line-height:1.1}
@media(max-width:749px){.tw-autumn{padding:54px 0 48px}.tw-autumn__intro{display:block;padding-bottom:27px}.tw-autumn__title{font-size:clamp(48px,13vw,66px)}.tw-autumn__intro-side p{margin-top:20px;font-size:15px}.tw-autumn__rail{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;padding-bottom:5px}.tw-autumn__rail::-webkit-scrollbar{display:none}.tw-autumn__card{flex:0 0 calc(100% + 3rem);width:calc(100% + 3rem);min-width:calc(100% + 3rem);scroll-snap-align:start;scroll-snap-stop:always}.tw-autumn__card-name{font-size:29px;overflow-wrap:anywhere}.tw-autumn__bottom{display:block;padding-top:24px;margin-top:27px}.tw-autumn__bottom>a{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.tw-autumn__image{transition:none}}
