.joi-section{--font-heading: var(--font-stack-headings);--font-body: var(--font-stack-body);--scale-heading: 1;--scale-body: 1;--ls-label: .2em;--page-max-width: 1440px;--space-scale: 1;--grid-gap: 30px;--radius: 0px;--card-border-w: 1px;--color-bg: var(--color-scheme-background, #faf7f2);--color-text: var(--color-scheme-text, #171310);--color-text-soft: #55504a;--color-text-muted: #6d675f;--color-accent: #c2263a;--color-hairline: #d8d2c8;--color-border: var(--color-scheme-text, #171310);--color-button-bg: #171310;--color-button-text: #faf7f2;--color-badge-bg: #c2263a;--color-badge-text: #faf7f2;--color-panel: #f4efe6;--color-wash: #ece5d9;color:var(--color-text);background-color:var(--color-bg);font-family:var(--font-body);line-height:1.75;box-sizing:border-box}.joi-section *,.joi-section *:before,.joi-section *:after{box-sizing:border-box}.joi-section img,.joi-section svg{max-width:100%;display:block}:where(.joi-section) a{color:inherit;text-decoration:none}.joi-section button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.joi-section h2{margin:0;font-weight:600;font-family:var(--font-heading)}.joi-section p{margin:0}html[dir=rtl] .joi-section{--ls-label: 0em}html[dir=rtl] .joi-section .joi-italic,html[dir=rtl] .joi-section .joi-standfirst{font-style:normal}.page-width{max-width:var(--page-max-width);margin-inline:auto}.joi-section{padding-block:calc(64px * var(--space-scale));padding-inline:56px}.joi-section--rule-top{border-block-start:var(--card-border-w) solid var(--color-border)}.joi-section--rule-bottom{border-block-end:var(--card-border-w) solid var(--color-border)}.joi-section--flush{padding-block:0}@media(max-width:767px){.joi-section{padding-block:calc(38px * var(--space-scale));padding-inline:20px}}.joi-kicker{font-family:var(--font-body);font-weight:500;font-size:11px;letter-spacing:calc(var(--ls-label) * 1.45);text-transform:uppercase;color:var(--color-accent)}.joi-section-title{font-family:var(--font-heading);font-weight:600;font-size:calc(clamp(20px,2.1vw,30px) * var(--scale-heading));line-height:1.2}.joi-standfirst{font-family:var(--font-heading);font-size:clamp(13px,1.35vw,19px);line-height:1.7;color:var(--color-text-soft)}.italic-standfirst .joi-standfirst,.joi-italic{font-style:italic}.joi-meta{font-family:var(--font-body);font-size:9px;letter-spacing:calc(var(--ls-label) * .9);text-transform:uppercase;color:var(--color-text-muted)}.joi-ornament{color:var(--color-accent)}.joi-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--color-button-bg);color:var(--color-button-text);border:var(--card-border-w) solid var(--color-button-bg);border-radius:var(--radius);font-family:var(--font-body);font-weight:500;font-size:11px;letter-spacing:calc(var(--ls-label) * 1.1);text-transform:uppercase;padding:16px 34px;cursor:pointer;transition:background .3s,border-color .3s;text-align:center}.joi-button:hover{background:var(--color-accent);border-color:var(--color-accent)}.joi-button--secondary{background:transparent;color:var(--color-text);border:var(--card-border-w) solid var(--color-border)}.joi-button--secondary:hover{background:var(--color-button-bg);border-color:var(--color-button-bg);color:var(--color-button-text)}.joi-button--full{width:100%}.joi-button[disabled],.joi-button[aria-disabled=true]{opacity:.55;cursor:not-allowed}.joi-button[disabled]:hover{background:var(--color-button-bg);border-color:var(--color-button-bg)}.joi-text-link{font-family:var(--font-body);font-weight:500;font-size:10px;letter-spacing:calc(var(--ls-label) * 1.2);text-transform:uppercase;color:var(--color-accent);cursor:pointer}.joi-frame{border:var(--card-border-w) solid var(--color-border);border-radius:var(--radius);background:var(--color-wash);position:relative;overflow:hidden}.joi-frame img{width:100%;height:100%;object-fit:cover}.joi-dots{display:flex;gap:4px;justify-content:center;align-items:center}.joi-dots button{width:4px;height:4px;padding:0;border:0;border-radius:0;background:#c9c2b6;transition:width .25s ease,background .25s ease;flex:none;cursor:pointer}.joi-dots button[aria-current=true]{width:18px;background:var(--color-border)}.joi-grid{display:grid;gap:var(--grid-gap)}.joi-grid--2{grid-template-columns:repeat(2,1fr)}.joi-grid--3{grid-template-columns:repeat(3,1fr)}.joi-grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1023px){.joi-grid--4,.joi-grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.joi-grid{gap:18px 14px}}.joi-section-header{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-block-end:30px}.joi-section-header--tight{margin-block-end:8px}joi-gallery{display:block}.joi-gallery__viewport{overflow:hidden;touch-action:pan-y;cursor:grab;height:100%}.joi-gallery__viewport:active{cursor:grabbing}.joi-gallery__track{display:flex;height:100%;user-select:none;-webkit-user-select:none}.joi-gallery__slide{flex:none;width:100%;height:100%;overflow:hidden}.joi-gallery__slide img,.joi-gallery__slide video{width:100%;height:100%;object-fit:cover}.joi-look-card__frame{aspect-ratio:3/4;display:block}.joi-look-card__row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-block-start:8px}.joi-look-card__link{font-family:var(--font-heading);font-style:italic;font-size:11.5px;color:var(--color-accent);white-space:nowrap}[dir=rtl] .joi-look-card__link{font-style:normal;font-family:var(--font-body)}.joi-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.joi-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.joi-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1023px){.joi-grid--4,.joi-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}.joi-look-card{min-width:0}.joi-look-card__frame{position:relative}.joi-look-card__frame img,.joi-look-card__frame svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.joi-look-card__row{min-width:0}.joi-look-card__row .joi-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.joi-look-card__link{font-size:12.5px}@media(max-width:767px){.joi-gallery__slide.joi-lookbook__page{grid-template-columns:repeat(2,minmax(0,1fr))}}.joi-meta{font-size:10px}.joi-button{font-size:12px}
/*# sourceMappingURL=/cdn/shop/t/24/assets/joi-lookbook.css.map */