.lookbook{background-color:var(--lookbook-background)}.lookbook__inner{display:grid;gap:1.6rem;padding:1.6rem}.lookbook img,.lookbook .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.lookbook__frame,.lookbook__polaroid,.lookbook__main-media,.lookbook__thumb a{display:block}.lookbook__main{grid-area:main;position:relative;overflow:hidden;color:#fff}.lookbook__main-media{position:absolute;top:0;right:0;bottom:0;left:0}.lookbook__main-media img{object-position:center 20%}.lookbook__main:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,var(--lookbook-overlay)),transparent 55%);pointer-events:none}.lookbook__title{position:absolute;left:2.4rem;bottom:2.4rem;z-index:1;margin:0;writing-mode:vertical-rl;transform:rotate(180deg);max-height:calc(100% - 4.8rem);font-size:clamp(6rem,6.4vw,12rem);line-height:.85;text-transform:uppercase;color:#fff;pointer-events:none}.lookbook__content{position:absolute;right:2.8rem;bottom:2.8rem;z-index:1;max-width:36rem}.lookbook__eyebrow{margin:0 0 1rem;font-size:1.3rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.lookbook__eyebrow:after{content:"";display:block;width:3.6rem;height:.3rem;margin-top:.8rem;background-color:#a1fcad}.lookbook__text{margin:0 0 2rem;font-size:1.5rem;line-height:1.5}.lookbook__button{display:inline-flex;align-items:center;gap:1.2rem;padding:1.3rem 2.4rem;border:.1rem solid #fff;font-size:1.2rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:#fff;background-color:transparent;transition:background-color .2s ease,color .2s ease}.lookbook__button:after{content:"\2192";font-size:1.4rem;letter-spacing:0;transition:transform .2s ease}.lookbook__button:hover,.lookbook__button:focus-visible{color:#111;background-color:#fff}.lookbook__button:hover:after{transform:translate(.4rem)}.lookbook__button:focus-visible{outline:.2rem solid #fff;outline-offset:.3rem}.lookbook__thumbs{grid-area:thumbs;display:flex;gap:1.6rem;margin:0}.lookbook__thumb{overflow:hidden}.lookbook__thumb a{height:100%}.lookbook__thumb img{transition:transform .4s ease}.lookbook__thumb:hover img{transform:scale(1.04)}@media screen and (min-width:990px){.lookbook__inner{grid-template-columns:34fr 52fr 14fr;grid-template-rows:minmax(0,1fr);grid-template-areas:"stack main thumbs";height:clamp(56rem,46vw,88rem)}.lookbook--mirrored .lookbook__inner{grid-template-columns:14fr 52fr 34fr;grid-template-areas:"thumbs main stack"}.lookbook--fill .lookbook__inner{height:calc(100vh - var(--header-offset-top, 0px));height:calc(100svh - var(--header-offset-top, 0px));padding-top:calc(var(--header-overlay-height, 0px) + 1.6rem)}.lookbook__stack{grid-area:stack;position:relative}.lookbook__frame{position:absolute;top:3%;left:6%;width:72%;height:80%;padding:1.2rem;background-color:#fff;box-shadow:0 1.2rem 3rem #0000001f;transform:rotate(-1.5deg)}.lookbook__polaroid{position:absolute;right:-6%;bottom:2%;z-index:2;width:46%;padding:1rem 1rem 3.6rem;background-color:#fff;box-shadow:0 1.2rem 3rem #0000002e;transform:rotate(3deg)}.lookbook__polaroid img{height:auto;aspect-ratio:4 / 5}.lookbook--mirrored .lookbook__frame{left:auto;right:6%;transform:rotate(1.5deg)}.lookbook--mirrored .lookbook__polaroid{right:auto;left:-6%;transform:rotate(-3deg)}.lookbook__thumbs{flex-direction:column;min-height:0}.lookbook__thumb{flex:1 1 0;min-height:0}.lookbook__thumb--mobile{display:none}}@media screen and (max-width:989px){.lookbook__inner{display:flex;flex-direction:column;gap:1.2rem;padding:0 0 1.6rem}.lookbook__stack{display:none}.lookbook__main{display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4 / 5;padding:2rem 2rem 2.4rem}.lookbook__title{position:relative;left:auto;bottom:auto;margin-bottom:1.2rem;writing-mode:horizontal-tb;transform:none;font-size:5.6rem;line-height:.9}.lookbook__content{position:relative;right:auto;bottom:auto;max-width:none}.lookbook__text{font-size:1.5rem;margin-bottom:1.6rem}.lookbook__thumbs{overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding:0 1.6rem;scrollbar-width:none}.lookbook__thumbs::-webkit-scrollbar{display:none}.lookbook__thumb{flex:0 0 38%;aspect-ratio:3 / 4;scroll-snap-align:start}}@media screen and (min-width:750px)and (max-width:989px){.lookbook__main{aspect-ratio:4 / 3}.lookbook__thumb{flex-basis:24%}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-lookbook-banner.css.map */
