@font-face{font-family:ScarletAboutHeading;src:url('../fonts/bricolage-grotesque-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:ScarletAboutText;src:url('../fonts/geist-regular.woff2') format('woff2');font-weight:400;font-display:swap}
.scarlet-about-page{width:100%;max-width:none;padding:0;color:#533f29;font-family:ScarletAboutText,Arial,sans-serif}
.scarlet-about-hero{position:relative;isolation:isolate;margin-bottom:20px;overflow:hidden}
.scarlet-about-hero>img{display:block;width:100%;height:400px;object-fit:cover}
.scarlet-about-hero::after{content:'';position:absolute;inset:0;background:#1b1b1b17;z-index:0}
.scarlet-about-hero__copy{position:absolute;z-index:1;inset:0;display:flex;align-items:center;justify-content:center;padding:35px 50px;text-align:center;color:#fff}
.scarlet-about-hero__copy h1{margin:0;color:#fff;font:700 46px/1.2 ScarletAboutHeading,Arial,sans-serif;text-transform:uppercase}
.scarlet-about-breadcrumb{max-width:1820px;margin:0 auto;padding:14px 50px;display:flex;gap:14px;align-items:center;font-size:14px}
.scarlet-about-breadcrumb a{color:#533f29;text-decoration:none}
#content.scarlet-about-content{width:100%;max-width:none;margin:0;padding:0;border:0;box-shadow:none;background:#fff;font-family:ScarletAboutText,Arial,sans-serif}
.scarlet-about-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 20%;gap:60px;align-items:stretch;max-width:1820px;margin:auto;padding:24px 50px 80px}
.scarlet-about-story__media{min-width:0;overflow:hidden;background:#f7f5f1}
.scarlet-about-story__media img{width:100%;height:100%;min-height:100%;display:block;object-fit:cover}
.scarlet-about-story__copy{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(16px,3vw,40px) 0}
#content.scarlet-about-content .scarlet-about-story__eyebrow{margin:0 0 16px;color:#533f29;font-size:14px;line-height:1.2;font-weight:600;letter-spacing:.12em}
#content.scarlet-about-content .scarlet-about-story__copy h2{margin:0;color:#533f29;font:700 clamp(26px,3vw,42px)/1.12 ScarletAboutHeading,Arial,sans-serif;text-align:left}
.scarlet-about-story__text{margin-top:28px;max-width:52ch}
#content.scarlet-about-content .scarlet-about-story__text p{margin:0 0 16px;color:#806132;font:400 14px/1.7 ScarletAboutText,Arial,sans-serif}
#content.scarlet-about-content .scarlet-about-story__text p:last-child{margin:0}
.scarlet-about-story__aside{min-width:0;display:flex;align-items:center}
.scarlet-about-story__aside>div{width:100%}
.scarlet-about-story__aside img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.scarlet-about-story__links{margin-top:16px}
.scarlet-about-story__links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #d9cfc1;color:#533f29;text-decoration:none;text-transform:uppercase;font:400 14px/1.2 ScarletAboutText,Arial,sans-serif}
.scarlet-about-story__links a span{font-size:20px;transition:transform .25s ease}
.scarlet-about-story__links a:is(:hover,:focus-visible){color:#806132}
.scarlet-about-story__links a:hover span{transform:translate(3px,-3px)}
.scarlet-about-story__links a:focus-visible{outline:2px solid #806132;outline-offset:3px}
.scarlet-about-gallery{padding:60px 0 5px;overflow:hidden}
#content.scarlet-about-content .scarlet-about-gallery>h2{max-width:1820px;margin:0 auto 40px;padding:0 50px;color:#533f29;text-align:center;font:700 clamp(26px,3vw,46px)/1.2 ScarletAboutHeading,Arial,sans-serif}
.scarlet-about-gallery__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.scarlet-about-gallery__track::-webkit-scrollbar{display:none}
.scarlet-about-gallery__slide{flex:0 0 25%;min-width:0;scroll-snap-align:start;overflow:hidden}
.scarlet-about-gallery__slide img{display:block;width:100%;height:auto;aspect-ratio:1200/1470;object-fit:cover;transition:transform .5s ease}
@media(hover:hover){.scarlet-about-gallery__slide:hover img{transform:scale(1.03)}}
.scarlet-about-gallery__controls{display:flex;justify-content:center;align-items:center;gap:18px;max-width:280px;margin:24px auto 20px}
.scarlet-about-gallery__controls button{display:grid;place-items:center;flex:0 0 32px;height:32px;border:1px solid #d9cfc1;border-radius:4px;background:#fff;color:#806132;font-size:20px;cursor:pointer}
.scarlet-about-gallery__controls button:hover{background:#806132;border-color:#806132;color:#fff}
.scarlet-about-gallery__progress{height:3px;flex:1;background:#e9e3d9;overflow:hidden}
.scarlet-about-gallery__progress span{display:block;width:0;height:100%;background:#806132;transition:width .2s ease}
.scarlet-about-gallery__track:focus-visible,.scarlet-about-gallery__controls button:focus-visible{outline:2px solid #806132;outline-offset:3px}
@media(max-width:1199px){.scarlet-about-story{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,50px)}.scarlet-about-story__aside{grid-column:1/-1}.scarlet-about-story__aside>div{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:30px;align-items:center}.scarlet-about-story__links{margin:0}.scarlet-about-gallery__slide{flex-basis:33.333%}}
@media(max-width:768px){.scarlet-about-hero>img{height:260px}.scarlet-about-hero__copy h1{font-size:28px}.scarlet-about-breadcrumb{padding:12px 5px}}
@media(max-width:749px){.scarlet-about-story{grid-template-columns:1fr;gap:24px;padding:12px 5px 40px}.scarlet-about-story__media img{min-height:0;aspect-ratio:4/5}.scarlet-about-story__copy{padding:0}.scarlet-about-story__text{margin-top:20px}.scarlet-about-story__aside>div{grid-template-columns:1fr;gap:16px}.scarlet-about-story__aside img{aspect-ratio:16/10}.scarlet-about-gallery{padding-top:30px}#content.scarlet-about-content .scarlet-about-gallery>h2{padding:0 5px;margin-bottom:24px}.scarlet-about-gallery__slide{flex-basis:66.667%}}
@media(max-width:480px){.scarlet-about-hero>img{height:220px;object-position:65% 100%}}
@media(prefers-reduced-motion:reduce){.scarlet-about-gallery__slide img,.scarlet-about-gallery__progress span,.scarlet-about-story__links a span{transition:none}}
