.ofc-sty{--ofc-sty-gutter: clamp(16px, 3.4vw, 49px);--ofc-sty-max: 1344px;--ofc-sty-ink: #000;--ofc-sty-muted: rgba(0, 0, 0, .6);--ofc-sty-faint: rgba(0, 0, 0, .06);--ofc-sty-rule: 1px solid #1a1a1a;--ofc-sty-hairline: 1px solid rgba(0, 0, 0, .14);--ofc-sty-serif: var(--ofc-font-serif-family, Georgia, "Times New Roman", serif);--ofc-sty-serif-style: var(--ofc-font-serif-style, normal);--ofc-sty-serif-weight: var(--ofc-font-serif-weight, 400);background:#fff;color:var(--ofc-sty-ink)}.ofc-sty a{color:inherit}.ofc-sty img{display:block;max-width:100%}.ofc-sty-wrap{max-width:calc(var(--ofc-sty-max) + 2 * var(--ofc-sty-gutter));margin-inline:auto;padding-inline:var(--ofc-sty-gutter)}.ofc-sty :is(h1,h2,h3){text-wrap:balance;overflow-wrap:break-word}.ofc-sty p{text-wrap:pretty;overflow-wrap:break-word}.ofc-sty-ruled{position:relative}.ofc-sty-ruled:before{content:"";position:absolute;top:0;left:var(--ofc-sty-gutter);right:var(--ofc-sty-gutter);border-top:var(--ofc-sty-rule)}.ofc-sty-caps{margin:0;font-family:var(--ofc-sty-serif);font-size:11px;font-weight:400;letter-spacing:.2em;line-height:1.4;text-transform:uppercase}.ofc-sty-serif{font-family:var(--ofc-sty-serif);font-style:var(--ofc-sty-serif-style);font-weight:var(--ofc-sty-serif-weight);letter-spacing:0;text-transform:none}.ofc-sty-link{display:inline-flex;align-items:center;gap:10px;font-family:var(--ofc-sty-serif);font-size:11px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.ofc-sty-link span:first-child{padding-bottom:3px;border-bottom:1px solid currentColor}.ofc-sty-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border:1px solid var(--ofc-sty-ink);background:#fff;color:var(--ofc-sty-ink);font-family:var(--ofc-sty-serif);font-size:12px;letter-spacing:.2em;text-align:center;text-transform:uppercase;text-decoration:none}.ofc-sty-btn--solid,.ofc-sty a.ofc-sty-btn--solid{background:var(--ofc-sty-ink);color:#fff}.ofc-sty-btn:hover{background:#2a2a2a;color:#fff}.ofc-sty :focus-visible{outline:1px solid var(--ofc-sty-ink);outline-offset:3px}.ofc-sty-hero{padding:clamp(20px,2.4vw,32px) 0 clamp(32px,3.4vw,48px)}.ofc-sty-hero__grid{display:grid;gap:24px}.ofc-sty-hero__media{min-width:0}.ofc-sty-fit img{width:100%;height:auto}.ofc-sty-hero__text{display:flex;flex-direction:column;justify-content:center}.ofc-sty-hero__page{margin-bottom:clamp(20px,3vw,40px)}.ofc-sty-hero__title{margin:10px 0 0;font-size:clamp(36px,4.2vw,60px);line-height:1.04}.ofc-sty-hero__dek{max-width:26em;margin:14px 0 0;font-family:var(--ofc-sty-serif);font-size:clamp(18px,1.5vw,21px);line-height:1.4}.ofc-sty-hero__meta{margin:14px 0 0;font-size:12px;color:var(--ofc-sty-muted)}.ofc-sty-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:24px}.ofc-sty-looks>.ofc-sty-wrap,.ofc-sty-edit>.ofc-sty-wrap,.ofc-story-body>.ofc-sty-wrap{padding-top:clamp(28px,3vw,40px);padding-bottom:clamp(36px,3.6vw,52px)}.ofc-sty-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px;margin-bottom:clamp(20px,2vw,28px)}.ofc-sty-section-title{margin:0;font-family:var(--ofc-sty-serif);font-size:clamp(18px,1.6vw,24px);font-weight:400;letter-spacing:.14em;text-transform:uppercase}.ofc-sty-section-sub{margin:6px 0 0;font-size:13px;color:var(--ofc-sty-muted)}.ofc-sty-look-row{display:grid;grid-auto-flow:column;grid-auto-columns:62%;gap:16px;margin:0 calc(-1 * var(--ofc-sty-gutter));padding:0 var(--ofc-sty-gutter) 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ofc-sty-gutter);list-style:none}.ofc-sty-look-row>li{scroll-snap-align:start}.ofc-look-card{display:block;height:100%;text-decoration:none}.ofc-look-card__media{aspect-ratio:4 / 5;overflow:hidden;background:var(--ofc-sty-faint)}.ofc-look-card__media img{width:100%;height:100%;object-fit:cover}.ofc-look-card__title{margin:12px 0 0;font-family:var(--ofc-sty-serif);font-size:20px;font-weight:400;line-height:1.2;text-transform:none;letter-spacing:0}.ofc-look-card__meta,.ofc-look-card__price{margin:4px 0 0;font-size:12px;color:var(--ofc-sty-muted)}.ofc-look-card__price{color:var(--ofc-sty-ink)}.ofc-look-card__cta{display:inline-flex;align-items:center;gap:10px;margin-top:10px;font-family:var(--ofc-sty-serif);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.ofc-look-card__cta span:first-child{padding-bottom:3px;border-bottom:1px solid currentColor}a.ofc-look-card:hover .ofc-look-card__title,a.ofc-story-card:hover .ofc-story-card__title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.ofc-look-card__all-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;aspect-ratio:4 / 5;border:var(--ofc-sty-hairline);text-align:center}.ofc-look-card__all-count{font-family:var(--ofc-sty-serif);font-size:clamp(26px,2.4vw,34px)}.ofc-sty-story-grid{display:grid;gap:32px 16px;margin:0;padding:0;list-style:none}.ofc-story-card{display:block;text-decoration:none}.ofc-story-card__media{aspect-ratio:4 / 5;overflow:hidden;background:var(--ofc-sty-faint)}.ofc-story-card__media img{width:100%;height:100%;object-fit:cover}.ofc-story-card__label{margin-top:14px}.ofc-story-card__title{margin:6px 0 0;font-size:clamp(22px,2vw,30px);line-height:1.15}.ofc-story-card__dek{max-width:30em;margin:8px 0 0;font-size:13px;color:var(--ofc-sty-muted)}.ofc-story__crumb{padding:4px 0 clamp(16px,1.6vw,24px);font-size:11px;color:var(--ofc-sty-muted)}.ofc-story__crumb a{text-decoration:none}.ofc-story-body__text{max-width:660px;margin:0 auto;font-family:var(--ofc-sty-serif);font-size:clamp(18px,1.45vw,21px);line-height:1.6}.ofc-story-body__text p{margin:0 0 1.1em}.ofc-story-body__text h2,.ofc-story-body__text h3{margin:1.7em 0 .5em;font-family:var(--ofc-sty-serif);font-style:var(--ofc-sty-serif-style);font-weight:var(--ofc-sty-serif-weight);font-size:clamp(24px,2.1vw,30px);line-height:1.2;letter-spacing:0;text-transform:none;color:inherit}.ofc-story-body__text h3{font-size:clamp(20px,1.7vw,24px)}.ofc-story-body__text img{height:auto;margin:1.6em auto}.ofc-story__anchor{display:block;scroll-margin-top:24px}body:has([data-ofc-story]) shop-the-look.stl{--stl-font-heading: var(--ofc-font-serif-family, Georgia, "Times New Roman", serif)}body:has([data-ofc-story]) shop-the-look.stl .stl__media{display:none}body:has([data-ofc-story]) shop-the-look.stl .stl__container{max-width:calc(760px + 2*clamp(16px,3.4vw,49px));padding:0 clamp(16px,3.4vw,49px)}body:has([data-ofc-story]) shop-the-look.stl .stl__inner{grid-template-columns:minmax(0,1fr)}body:has([data-ofc-story]) shop-the-look.stl .stl__panel{position:static;max-width:none;max-height:none;padding:0;overflow:visible}@media screen and (min-width:750px){.ofc-sty-look-row{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin:0;padding:0;overflow:visible}.ofc-sty-story-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(16px,2vw,28px);align-items:start}.ofc-sty-story--a{grid-column:1 / span 5}.ofc-sty-story--b{grid-column:7 / span 4;margin-top:clamp(48px,6vw,96px)}}@media screen and (min-width:990px){.ofc-sty-hero__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(16px,2vw,28px);align-items:center}.ofc-sty-hero__media{grid-column:1 / span 6}.ofc-sty-hero__text{grid-column:8 / span 5}.ofc-sty-fit img{width:auto;max-width:100%;max-height:calc(100vh - 230px)}body:has([data-ofc-story]) shop-the-look.stl .stl__inner{grid-template-columns:minmax(0,1fr)}body:has([data-ofc-story]) shop-the-look.stl .stl__panel,body:has([data-ofc-story]) shop-the-look.stl.stl--full .stl__panel{position:static;max-height:none;padding:0;overflow:visible}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/ofc-styles.css.map */