.sayr-lookbook-section{scroll-margin-top:80px;padding-block:clamp(64px,7vw,112px) clamp(32px,4vw,64px);background:linear-gradient(#e8e1d9,var(--sayr-cream) 360px)}.sayr-lookbook{display:block}.sayr-lookbook__head{max-width:770px;margin:0 0 clamp(36px,4vw,64px)}.sayr-lookbook__head .sayr-section__title{font-weight:500;font-size:clamp(40px,4.4vw,68px);line-height:1.02;text-wrap:balance}.sayr-lookbook__intro{max-width:520px;margin:24px 0 0;color:var(--sayr-taupe);font-size:15px;line-height:1.7}.sayr-lookbook__composition{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(32px,5vw,80px);align-items:center}.sayr-lookbook__visual{transform:translateY(var(--look-offset, 0px))}.sayr-lookbook__frames{position:relative;width:100%;aspect-ratio:1122 / 1402;overflow:hidden;background:#dedbd5}.sayr-lookbook__frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity var(--sayr-motion-scene, .9s) var(--sayr-ease, ease),visibility 0s var(--sayr-motion-scene, .9s)}.sayr-lookbook__frame.is-outgoing{opacity:1;visibility:visible;z-index:1}.sayr-lookbook__frame.is-active{opacity:1;visibility:visible;z-index:2;transition-delay:0s}.sayr-lookbook__image{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1)}.sayr-lookbook.is-ready .sayr-lookbook__frame.is-active .sayr-lookbook__image{animation:sayr-look-scale var(--sayr-motion-scene, .9s) var(--sayr-ease, ease) both}.sayr-lookbook__frame:not(.is-active) .sayr-lookbook__image{transform:scale(1.02)}.sayr-lookbook__captions{display:grid;margin-bottom:40px}.sayr-lookbook__caption{grid-area:1 / 1;opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .2s var(--sayr-ease, ease),transform var(--sayr-motion-reveal, .7s) var(--sayr-ease, ease),visibility 0s .2s}.sayr-lookbook__caption.is-active{opacity:1;visibility:visible;transform:none;transition-duration:var(--sayr-motion-reveal, .7s),var(--sayr-motion-reveal, .7s),0s;transition-delay:.2s,.2s,.2s}.sayr-lookbook__caption .sayr-lookbook__classification{margin-top:26px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--sayr-taupe)}.sayr-lookbook__badge{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border:1px solid var(--sayr-border);border-radius:999px;color:var(--sayr-ink);font-size:9px;letter-spacing:.12em}.sayr-lookbook__cta{display:inline-flex;align-items:center;gap:26px;margin-top:28px;padding-block:10px;border-bottom:1px solid var(--sayr-border);font-size:13px;text-decoration:none;color:var(--sayr-ink);transition:border-color var(--sayr-motion-ui, .35s) var(--sayr-ease)}.sayr-lookbook__cta span:last-child{transition:transform var(--sayr-motion-ui, .35s) var(--sayr-ease)}.sayr-lookbook__cta:hover,.sayr-lookbook__cta:focus-visible{border-color:currentColor}.sayr-lookbook__cta:hover span:last-child{transform:translate(3px,-3px)}.sayr-lookbook__caption h3{margin:18px 0 12px;font-size:clamp(30px,3vw,48px);font-weight:500;letter-spacing:.015em}.sayr-lookbook__caption p{margin:0;font-size:16px;line-height:1.6}.sayr-lookbook__caption .sayr-lookbook__unavailable{max-width:34ch;margin-top:28px;color:var(--sayr-taupe);font-size:12px}.sayr-lookbook__caption .sayr-lookbook__index{font-size:12px;letter-spacing:.12em}.sayr-lookbook__index span{color:var(--sayr-taupe);margin-left:10px}.sayr-lookbook__choices{display:flex;flex-wrap:wrap;gap:12px 18px}.sayr-lookbook__choice{-webkit-appearance:none;appearance:none;background:none;color:var(--sayr-ink);border:0;border-bottom:1px solid transparent;padding:12px 0;min-height:70px;cursor:pointer;font-family:var(--sayr-body);font-size:11px;letter-spacing:.07em;transition:border-color .5s ease}.sayr-lookbook__choice[aria-selected=true]{border-bottom-color:currentColor}.sayr-lookbook__choice:focus-visible{outline:1px solid currentColor;outline-offset:4px}.sayr-lookbook__swatches{display:flex;justify-content:center;gap:5px;margin-bottom:12px}.sayr-lookbook__swatches span{width:23px;height:23px;border-radius:50%;background:var(--swatch);border:1px solid rgb(40 35 30 / .2)}.sayr-lookbook__note{margin:34px 0 0;color:var(--sayr-taupe);font-size:13px;line-height:1.6}@keyframes sayr-look-scale{0%{transform:scale(1)}to{transform:scale(1.02)}}@media(max-width:989px)and (min-width:750px){.sayr-lookbook__composition{gap:28px;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.sayr-lookbook__captions{margin-bottom:20px}.sayr-lookbook__choices{gap:8px 14px}}@media(max-width:749px){.sayr-lookbook__composition{display:block}.sayr-lookbook__frames{max-height:none}.sayr-lookbook__details{padding-top:30px}.sayr-lookbook__head .sayr-section__title{max-width:12ch}.sayr-lookbook__captions{margin-bottom:22px}.sayr-lookbook__caption h3{font-size:34px;margin-top:12px}.sayr-lookbook__choices{flex-wrap:nowrap;overflow-x:auto;gap:22px;padding:5px 5px 12px;margin-inline:-5px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--sayr-taupe) transparent}.sayr-lookbook__choice{flex:0 0 auto;font-size:12px;scroll-snap-align:start}.sayr-lookbook__note{margin-top:20px}}@media(prefers-reduced-motion:reduce){.sayr-lookbook__visual{transform:none}.sayr-lookbook__frame,.sayr-lookbook__caption,.sayr-lookbook__choice,.sayr-lookbook__cta,.sayr-lookbook__cta span{transition:none;transform:none}.sayr-lookbook__image,.sayr-lookbook.is-ready .sayr-lookbook__frame.is-active .sayr-lookbook__image,.sayr-lookbook__frame:not(.is-active) .sayr-lookbook__image{animation:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/sayr-lookbook.css.map */