.ofc-bq-switch{padding:18px var(--ofc-sty-gutter) 6px;background:#fff}.ofc-bq-switch--product{padding-bottom:clamp(32px,2.8vw,42px)}.ofc-bq-switch__list{display:flex;justify-content:center;align-items:center;gap:clamp(28px,5vw,64px);margin:0;padding:0;list-style:none}.ofc-bq-switch__list>li{position:relative}.ofc-bq-switch__list>li+li:before{content:"";position:absolute;left:calc(-.5*clamp(28px,5vw,64px));top:14px;bottom:10px;width:1px;background:#00000024}.ofc-bq-switch__item{display:inline-flex;align-items:baseline;min-height:44px;padding-top:10px;padding-bottom:4px;border-bottom:1px solid transparent;font-family:var(--ofc-sty-serif);font-size:clamp(18px,1.6vw,22px);letter-spacing:.2em;color:var(--ofc-sty-muted);text-decoration:none;transition:color .2s}a.ofc-bq-switch__item:hover,.ofc-bq-switch__item[aria-current]{color:var(--ofc-sty-ink)}.ofc-bq-switch__item[aria-current]{border-bottom-color:var(--ofc-sty-ink)}.ofc-bq-switch__item--pending:not([aria-current]){opacity:.7}.ofc-bq-intro{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px 48px;padding-top:clamp(20px,3vw,40px);padding-bottom:clamp(20px,2.4vw,32px);border-bottom:var(--ofc-sty-hairline);margin-bottom:clamp(40px,5vw,80px)}.ofc-bq-intro__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 28px}.ofc-bq-intro__title{margin:0;font-size:clamp(40px,3.6vw,56px);line-height:1;letter-spacing:-.01em}.ofc-bq-intro__lede{max-width:44ch;margin:0;font-family:var(--ofc-sty-serif);font-size:clamp(17px,1.3vw,20px);line-height:1.3;color:#3c3a36}.ofc-bq-intro__count{margin:0;font-size:12px;letter-spacing:.14em;color:var(--ofc-sty-muted)}.ofc-looks .ofc-bq-intro__head{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(10px,1.2vw,16px);min-width:0}.ofc-looks .ofc-bq-intro__title{text-wrap:balance}.ofc-looks .ofc-bq-intro__lede{max-width:min(100%,52ch);margin:0;line-height:1.45;text-wrap:pretty;overflow-wrap:break-word}.ofc-looks .ofc-bq-intro__sentence{display:block}.ofc-looks__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(12px,2vw,28px);row-gap:clamp(32px,4vw,56px);align-items:start;margin:0;padding:0 0 clamp(64px,8vw,120px);list-style:none}.ofc-looks__card{min-width:0}.ofc-looks__link{display:block;color:inherit;text-decoration:none}.ofc-looks__link:focus-visible{outline:2px solid currentColor;outline-offset:6px}.ofc-looks__frame{position:relative;display:block;width:100%;aspect-ratio:4 / 5;overflow:hidden;background:var(--ofc-sty-faint)}.ofc-looks__frame img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.ofc-looks__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;font-size:12px;text-align:center}.ofc-looks__text{display:block;padding-top:12px}.ofc-looks__name{display:block;margin-top:6px;font-size:clamp(19px,1.7vw,26px);line-height:1.15}.ofc-looks__meta{display:block;margin-top:6px;font-size:12px;color:var(--ofc-sty-muted)}.ofc-looks__link:hover .ofc-looks__name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.ofc-looks__frame img{transition:transform .6s cubic-bezier(.22,.7,.18,1)}.ofc-looks__link:hover .ofc-looks__frame img{transform:scale(1.03)}}@media screen and (max-width:989px){.ofc-looks__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.ofc-bq-switch{padding-top:10px}.ofc-bq-switch__item{font-size:17px}.ofc-bq-intro,.ofc-bq-intro__head{display:block}.ofc-bq-intro__lede{margin-top:10px}.ofc-bq-intro__count,.ofc-pieces__links{margin-top:14px}.ofc-looks__grid{column-gap:12px;row-gap:32px}.ofc-looks__name{font-size:clamp(18px,4vw,21px)}}@media(prefers-reduced-motion:reduce){.ofc-bq-switch__item{transition:none}}body:has(.ofc-bq-switch) shop-the-look.stl{--stl-font-heading: var(--ofc-font-serif-family, Georgia, "Times New Roman", serif)}.ofc-pieces__links{display:flex;flex-wrap:wrap;gap:12px 24px}.ofc-scene{padding-bottom:clamp(48px,6vw,88px)}.ofc-scene__view{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(28px,4vw,72px);align-items:start;transition:opacity .22s ease}.ofc-scene__view[hidden]{display:none}.ofc-scene__view.is-fading{opacity:0}.ofc-scene__media{margin:0}.ofc-scene__frame{display:block;background:var(--ofc-sty-faint)}.ofc-scene__frame img{display:block;width:100%;height:auto}.ofc-scene__body{padding-top:clamp(8px,2vw,40px)}.ofc-scene__title{margin:12px 0 0;font-size:clamp(44px,5vw,80px);line-height:.95;letter-spacing:-.01em}.ofc-scene__title a{color:inherit;text-decoration:none}.ofc-scene__title a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.ofc-scene__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px;margin:16px 0 0;font-size:13px;color:var(--ofc-sty-muted)}.ofc-scene__pieces{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,240px));gap:28px 18px;margin:clamp(28px,3vw,44px) 0 0;padding:0;list-style:none}.ofc-scene__switch{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px;padding-top:28px}.ofc-scene__switch .ofc-sty-caps{margin-right:6px;color:var(--ofc-sty-muted)}.ofc-scene__switch button{min-height:44px;padding:0;border:0;border-bottom:1px solid transparent;background:none;font-family:var(--ofc-sty-serif);font-style:italic;font-size:19px;color:var(--ofc-sty-muted);cursor:pointer}.ofc-scene__switch button:hover,.ofc-scene__switch button[aria-pressed=true]{color:var(--ofc-sty-ink)}.ofc-scene__switch button[aria-pressed=true]{border-bottom-color:var(--ofc-sty-ink)}.ofc-pieces__bar{position:sticky;top:0;z-index:5;border-top:var(--ofc-sty-hairline);border-bottom:var(--ofc-sty-hairline);background:#fffffff5}.ofc-pieces__bar-inner{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;min-height:60px}.ofc-filter{position:relative}.ofc-filter__toggle{box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 34px 0 16px;border:1px solid var(--ofc-sty-ink);border-radius:20px;font-size:12px;letter-spacing:.08em;white-space:nowrap;cursor:pointer;list-style:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23000'/%3E%3C/svg%3E") no-repeat right 14px center}.ofc-filter__toggle::-webkit-details-marker{display:none}.ofc-filter__toggle:focus-visible{outline:2px solid var(--ofc-sty-ink);outline-offset:3px}.ofc-filter__name{letter-spacing:.14em;text-transform:uppercase}.ofc-filter__state{max-width:16ch;overflow:hidden;text-overflow:ellipsis;color:var(--ofc-sty-muted)}.ofc-filter.is-active .ofc-filter__state{color:var(--ofc-sty-ink)}.ofc-filter[open] .ofc-filter__toggle{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 5l4-4 4 4' fill='none' stroke='%23000'/%3E%3C/svg%3E")}.ofc-filter__panel{position:absolute;top:calc(100% + 8px);left:0;z-index:6;width:max-content;min-width:240px;max-width:min(360px,calc(100vw - 2 * var(--ofc-sty-gutter)));max-height:min(60vh,420px);overflow-y:auto;overscroll-behavior:contain;padding:8px 0;border:var(--ofc-sty-hairline);background:#fff;box-shadow:0 12px 32px #00000014}.ofc-filter__list{margin:0;padding:0;list-style:none}.ofc-filter__option{display:flex;justify-content:space-between;gap:16px;min-height:40px;align-items:center;padding:0 16px;font-size:13px;color:var(--ofc-sty-ink);text-decoration:none}.ofc-filter--designers .ofc-filter__option{letter-spacing:.06em}.ofc-filter__option:hover,.ofc-filter__option:focus-visible{background:var(--ofc-sty-faint);outline:none}.ofc-filter__option[aria-current]{font-weight:600}.ofc-filter__option[aria-current]:before{content:"";width:6px;height:6px;margin-right:-6px;border-radius:50%;background:var(--ofc-sty-ink);order:2}.ofc-filter__count{font-size:11px;color:var(--ofc-sty-muted)}.ofc-pieces__end{display:flex;align-items:center;gap:18px;margin-left:auto}.ofc-pieces__count{font-size:12px;color:var(--ofc-sty-muted);white-space:nowrap}.ofc-pieces__sort select{min-height:36px;padding:0 10px;border:var(--ofc-sty-hairline);border-radius:0;background:#fff;font-size:12px}.ofc-pieces__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(40px,4vw,64px) clamp(14px,1.6vw,24px);padding-block:clamp(32px,4vw,56px) clamp(64px,8vw,120px)}.ofc-pieces__grid.is-arranging{visibility:hidden}.ofc-piece__link{display:block;color:inherit;text-decoration:none}.ofc-piece__link:focus-visible{outline:2px solid currentColor;outline-offset:6px}.ofc-piece__media{position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden;background:var(--ofc-sty-faint)}.ofc-piece__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ofc-piece__alt{opacity:0;object-position:50% 22%;transition:opacity .6s ease}@media(hover:hover)and (pointer:fine){.ofc-piece__link:hover .ofc-piece__alt.is-ready{opacity:1}}.ofc-piece__text{display:block;padding-top:14px}.ofc-piece__brand{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.ofc-piece__name{display:block;margin-top:4px;font-size:clamp(19px,1.5vw,22px);line-height:1.15}.ofc-piece__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;margin-top:6px;font-size:12px;color:var(--ofc-sty-muted)}.ofc-piece__price{font-size:13px;color:var(--ofc-sty-ink)}.ofc-piece__price s{margin-left:8px;color:var(--ofc-sty-muted)}.ofc-tile{grid-column:span 2;grid-row:span 2;align-self:start}.ofc-tile__frame{display:block;background:var(--ofc-sty-faint)}.ofc-tile__frame img{display:block;width:100%;height:auto}.ofc-tile__cap{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:12px;font-size:12px;color:var(--ofc-sty-muted)}.ofc-tile__cap b{font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--ofc-sty-ink)}.ofc-tile__also{margin:8px 0 0;font-size:12px;color:var(--ofc-sty-muted)}.ofc-tile__also a{margin-left:4px;color:var(--ofc-sty-ink)}.ofc-pieces__empty{padding:80px 0;text-align:center;font-family:var(--ofc-sty-serif);font-size:24px}.ofc-pieces__pages{display:flex;justify-content:center;gap:24px;padding-bottom:80px;font-size:12px}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.ofc-bq .reveal{animation:ofc-bq-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 55%}}}@keyframes ofc-bq-reveal{0%{opacity:0;transform:translateY(32px)}}@media screen and (max-width:1199px){.ofc-pieces__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ofc-pieces__count{display:none}}@media screen and (max-width:749px){.ofc-scene__view{display:block}.ofc-scene__media{margin-inline:calc(-1 * var(--ofc-sty-gutter))}.ofc-scene__body{padding-top:22px}.ofc-scene__title{font-size:44px}.ofc-scene__pieces{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.ofc-scene__switch{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.ofc-scene__switch button{flex:0 0 auto;white-space:nowrap;font-size:18px}.ofc-pieces__bar-inner{flex-wrap:nowrap;gap:8px}.ofc-filter{flex:1 1 0;min-width:0}.ofc-filter__toggle{display:flex;width:100%;min-width:0;overflow:hidden;gap:6px;padding:0 24px 0 10px;font-size:11px;background-position:right 9px center}.ofc-filter__name,.ofc-filter__state{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.ofc-filter__name{letter-spacing:.1em}.ofc-filter:not(.is-active) .ofc-filter__state{display:none}.ofc-filter__state{min-width:0}.ofc-filter.is-active .ofc-filter__name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ofc-filter.is-active .ofc-filter__state{color:var(--ofc-sty-ink)}.ofc-filter{position:static}.ofc-filter__panel{top:100%;left:var(--ofc-sty-gutter);right:var(--ofc-sty-gutter);width:auto;max-width:none}.ofc-pieces__end{flex:0 0 auto;gap:8px;margin-left:0}.ofc-pieces__sort select{max-width:104px}.ofc-pieces__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 12px;padding-top:24px}.ofc-piece__name{font-size:18px}.ofc-piece__meta{display:block}.ofc-piece__note{display:block;margin-top:2px}.ofc-piece__colour{display:none}.ofc-tile{grid-row:span 1;margin-block:8px;margin-inline:calc(-1 * var(--ofc-sty-gutter))}.ofc-tile__cap,.ofc-tile__also{padding-inline:var(--ofc-sty-gutter)}}@media(prefers-reduced-motion:reduce){.ofc-scene__view,.ofc-piece__alt{transition:none}}.ofc-styled-in{padding-block:clamp(48px,6vw,96px);border-top:var(--ofc-sty-hairline)}.ofc-styled-in__title{margin:0 0 clamp(24px,3vw,40px);font-size:clamp(32px,3.4vw,52px);line-height:1}.ofc-styled-in__look{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(28px,4vw,72px);align-items:start}.ofc-styled-in__look+.ofc-styled-in__look{margin-top:clamp(48px,6vw,88px)}.ofc-styled-in__media{margin:0}.ofc-styled-in__media a{display:block;background:var(--ofc-sty-faint)}.ofc-styled-in__media img{display:block;width:100%;height:auto}.ofc-styled-in__name{margin:10px 0 0;font-size:clamp(32px,3.4vw,52px);line-height:1}.ofc-styled-in__name a{color:inherit;text-decoration:none}.ofc-styled-in__meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin:14px 0 0;font-size:13px;color:var(--ofc-sty-muted)}@media screen and (max-width:749px){.ofc-styled-in__look{display:block}.ofc-styled-in__body{padding-top:20px}}.ofc-sale{margin:0 0 clamp(24px,2.8vw,36px);padding:clamp(30px,3.3vw,48px) clamp(20px,4vw,56px) clamp(32px,3.5vw,50px);background:#101010;color:#fff;text-align:center}.ofc-pieces__intro:has(~.ofc-sale){margin-bottom:clamp(24px,2.8vw,36px)}.ofc-sale>*{margin:0;color:#fff}.ofc-sale .ofc-sale__title{font-family:var(--ofc-sale-serif, var(--ofc-sty-serif));font-style:normal;font-weight:500;font-synthesis:none;font-size:clamp(32px,3.9vw,56px);line-height:1.04;letter-spacing:.04em;text-transform:none;text-wrap:balance}.ofc-sale .ofc-sale__text{margin-top:clamp(10px,1vw,14px);font-family:var(--ofc-sale-sans, var(--font-body-family, Arial, sans-serif));font-style:normal;font-weight:400;font-size:14px;line-height:1.5;letter-spacing:.01em}.ofc-sale .ofc-sale__offer{margin-top:clamp(14px,1.5vw,20px);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;font-synthesis:none;font-size:clamp(25px,2.7vw,39px);line-height:clamp(28.6px,3.135vw,45.1px);letter-spacing:.03em}.ofc-sale .ofc-sale__start{margin-top:clamp(10px,1.15vw,15px);color:#ffffffc7;font:500 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase}@media screen and (min-width:990px){.ofc-sale .ofc-sale__text{font-size:15px}}@media screen and (max-width:749px){.ofc-sale{padding-left:16px;padding-right:16px}.ofc-sale .ofc-sale__title{font-size:min(32px,calc((100vw - 64px) / 10.4))}.ofc-sale .ofc-sale__offer{font-size:min(25px,calc((100vw - 64px) / 13));line-height:min(28.6px,calc((100vw - 64px) / 12.5 * 1.1))}}@media screen and (min-width:750px){.ofc-pieces__grid .ofc-tile{display:flex;flex-direction:column;align-self:stretch}.ofc-pieces__grid .ofc-tile__frame{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}.ofc-pieces__grid .ofc-tile__frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}}.template-product-boutique .product__media-list.js-media-list{max-width:round(down,100%,1px)}
/*# sourceMappingURL=/cdn/shop/t/116/assets/ofc-boutique.css.map */
