@font-face { font-family:"Scarlet Wearing Heading"; src:url("../fonts/bricolage-grotesque-bold.woff2") format("woff2"); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:"Scarlet Wearing Text"; src:url("../fonts/geist-regular.woff2") format("woff2"); font-weight:400; font-style:normal; font-display:swap; }
.cts{position:relative;--cts-speed: .9s}.cts_widget{position:relative;display:block;min-height:var(--cts-height, 860px);overflow:hidden}.cts_stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;isolation:isolate;overflow:hidden}.cts_slide{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;clip-path:inset(100% 0 0 0);transition:clip-path var(--cts-speed, .9s) cubic-bezier(.65,0,.35,1);backface-visibility:hidden}.cts_slide.is-revealed{clip-path:inset(0 0 0 0)}.cts_slide_media{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate3d(0,12%,0);transition:transform var(--cts-speed, .9s) cubic-bezier(.65,0,.35,1);backface-visibility:hidden}.cts_slide.is-revealed .cts_slide_media{transform:translateZ(0)}.cts_widget.is-scroll-driven .cts_slide,.cts_widget.is-scroll-driven .cts_slide_media{transition:none;will-change:clip-path,transform}.cts_slide_media picture{display:block;width:100%;height:100%}.cts_slide_media img,.cts_slide_media .cts_placeholder{width:100%;height:100%;object-fit:cover;display:block}.cts_placeholder{background:var(--color-secondary-background)}.cts_placeholder path{fill:var(--color-heading)}.cts_scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,calc(var(--cts-overlay, .2) * .9)),rgba(0,0,0,calc(var(--cts-overlay, .2) * .35)) 42%,rgba(0,0,0,calc(var(--cts-overlay, .2) * 1.1)))}.cts_overlay{position:relative;z-index:3;display:flex;min-height:var(--cts-height, 860px);padding-block:clamp(30px,5vw,70px);pointer-events:none}.cts_overlay_inner{display:flex;flex-direction:column;width:100%}.cts_overlay_inner>*{pointer-events:auto}.cts_heading{margin:0;color:var(--color-secondary-heading);font-size:clamp(24px,4.4vw,68px);line-height:1.05;text-align:center}.cts_body{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:auto}.cts_nav{display:flex;flex-direction:column;gap:24px;margin:0;padding:0;list-style:none}.cts_nav_link{display:inline-flex;align-items:baseline;gap:8px;padding:2px 0;border:0;background:none;color:var(--color-secondary-heading, #ffffff);text-decoration:none;cursor:pointer;position:relative;transition:opacity .35s ease}.cts_nav_label{font-family:var(--font-heading-family);font-size:clamp(18px,1.9vw,29px);line-height:1.1;font-weight:var(--font-heading-weight);letter-spacing:.01em;transition:cubic-bezier(.65,.05,.36,1) .5s}.cts_nav_link.is-active .cts_nav_label{font-size:clamp(19px,1.9vw,36px)}.cts_nav_count{font-size:12px;line-height:1;opacity:.85}.cts_nav_link:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.22,1,.36,1)}.cts_nav_link.is-active:after{transform:scaleX(1)}.cts_nav_link:focus-visible{outline:2px solid var(--color-secondary-heading, #ffffff);outline-offset:4px}.cts_panels{position:relative;width:min(360px,42%);flex:0 0 auto}.cts_panel[hidden]{display:none}.cts_panel{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.cts_panel.is-animating{animation:cts-panel-in .5s cubic-bezier(.22,1,.36,1)}@keyframes cts-panel-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cts_text{color:var(--color-secondary-heading, #ffffff);font-size:14px;line-height:1.6}.cts_text p,.cts_text li{color:var(--color-secondary-heading);font-size:14px;line-height:1.6}.cts_text>*:first-child{margin-top:0}.cts_text>*:last-child{margin-bottom:0}.cts_button{border-radius:var(--btn-border-radius);text-transform:uppercase;letter-spacing:.08em}.cts_empty_state{padding:60px 0;text-align:center}@media(prefers-reduced-motion:reduce){.cts_nav_link:after,.cts_nav_link,.cts_slide,.cts_slide_media{transition:none}.cts_panel.is-animating{animation:none}}@media screen and (max-width:989px){.cts_text p,.cts_text li{font-size:12px}.cts_body{flex-direction:column;align-items:flex-start;gap:30px}.cts_panels{width:100%}.cts_nav{gap:16px}}@media screen and (max-width:749px){.cts_heading{text-align:left}.cts_nav{gap:12px}.cts_nav_label{font-size:17px}.cts_panel{gap:16px}.cts_text{font-size:13px}}@media screen and (min-width:990px)and (prefers-reduced-motion:no-preference){.cts_scroll_stage{position:relative;height:calc(var(--cts-steps, 1) * 100vh + 50vh)}.cts_scroll_stage .cts_widget{position:sticky;top:0;height:100vh;min-height:0}.cts_scroll_stage .cts_overlay{height:100%;min-height:0}}.cts--height_original .cts_widget{display:grid;min-height:0;aspect-ratio:var(--cts-ratio, 16 / 9);overflow:visible}.cts--height_original .cts_overlay{min-height:0}.cts_heading.cts_heading--left{text-align:left}.cts_heading.cts_heading--right{text-align:right}@media screen and (min-width:990px){.cts--centered .cts_body{align-items:center;justify-content:center;gap:var(--cts-center-gap, 560px);margin-block:auto}.cts--centered .cts_nav{gap:16px}.cts--centered .cts_nav_label,.cts--centered .cts_nav_link.is-active .cts_nav_label{font-size:16px}.cts--centered .cts_panels{width:min(320px,30%);padding-left:32px}.cts--centered.cts--pos_bottom .cts_body{align-items:flex-end;margin-block:auto 0}}


.scarlet-art-of-wearing { --cts-height:800px; --cts-overlay:0; --font-heading-family:"Scarlet Wearing Heading",Arial,sans-serif; --font-heading-weight:700; --color-secondary-heading:#fff; --color-secondary-background:#806132; --color-heading:#fff; --btn-border-radius:0px; width:100%; margin:0; padding:0; background:#806132; font-family:"Scarlet Wearing Text",Arial,sans-serif; color:#fff; }
.scarlet-art-of-wearing *, .scarlet-art-of-wearing *::before, .scarlet-art-of-wearing *::after { box-sizing:border-box; }
.scarlet-art-of-wearing .cts_overlay_inner { width:100%; max-width:1720px; margin:0 auto; padding:0 50px; }
.scarlet-art-of-wearing .cts_heading { font-family:"Scarlet Wearing Heading",Arial,sans-serif; font-weight:700; letter-spacing:0; text-transform:uppercase; }
.scarlet-art-of-wearing .cts_nav_item { padding:0; margin:0; }
.scarlet-art-of-wearing .cts_nav_link, .scarlet-art-of-wearing .cts_nav_link:hover, .scarlet-art-of-wearing .cts_nav_link:focus { color:#fff; text-decoration:none; }
.scarlet-art-of-wearing .cts_nav_label { text-transform:uppercase; }
.scarlet-art-of-wearing .cts_text p { margin:0; }
.scarlet-art-of-wearing .cts_button { display:inline-flex; justify-content:center; align-items:center; min-width:164px; min-height:56px; padding:15px 32px; border:1px solid #fff; border-radius:0; background:#fff; color:#4e351e; font-family:"Scarlet Wearing Text",Arial,sans-serif; font-size:14px; font-weight:600; line-height:1.4; text-decoration:none; transition:background .2s ease,color .2s ease; }
.scarlet-art-of-wearing .cts_button:hover, .scarlet-art-of-wearing .cts_button:focus-visible, .scarlet-art-of-wearing .cts_button:active { border-color:#fff; background:#4e351e; color:#fff; text-decoration:none; }
.scarlet-art-of-wearing .cts_button:focus-visible { outline:2px solid #fff; outline-offset:4px; }
@media (max-width:989px) { .scarlet-art-of-wearing .cts_overlay_inner { padding:0 30px; } }
@media (max-width:749px) { .scarlet-art-of-wearing { --cts-height:560px; } .scarlet-art-of-wearing .cts_overlay_inner { padding:0 15px; } .scarlet-art-of-wearing .cts_heading { font-size:30px; } .scarlet-art-of-wearing .cts_button { min-height:46px; min-width:140px; padding:12px 24px; font-size:12px; } }