.oui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.95rem 2rem;font-family:var(--offsure-body);font-weight:600;font-size:.92rem;letter-spacing:.01em;text-decoration:none;border:0;border-radius:var(--radius, 0);cursor:pointer;background:var(--offsure-navy);color:var(--offsure-cream);transition:background .16s ease,transform .16s var(--ease-out)}.oui-btn:active{transform:scale(.97);transition:transform var(--dur-press) var(--ease-out)}@media(hover:hover)and (pointer:fine){.oui-btn:hover{background:var(--offsure-coral-deep);color:var(--offsure-white)}}.oui-btn--ghost{background:transparent;color:var(--offsure-navy);box-shadow:inset 0 0 0 1px var(--offsure-navy)}@media(hover:hover)and (pointer:fine){.oui-btn--ghost:hover{background:var(--offsure-navy);color:var(--offsure-cream);box-shadow:inset 0 0 0 1px var(--offsure-navy)}}.oui-btn:focus-visible{outline:2px solid var(--offsure-navy);outline-offset:2px}.oui-link{position:relative;display:inline-block;font-family:var(--offsure-body);color:var(--offsure-navy);text-decoration:none;padding-bottom:2px}.oui-link:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:currentColor;transition:right var(--dur-base, .25s) var(--ease, ease)}.oui-link:hover:after,.oui-link:focus-visible:after{right:0}.oui-link:focus-visible{outline:2px solid var(--offsure-navy);outline-offset:3px}@media(prefers-reduced-motion:reduce){.oui-link:after{transition:none}}.oui-chip{display:inline-flex;align-items:center;font-family:var(--offsure-body);font-weight:500;font-size:.82rem;line-height:1;padding:.5rem .85rem;background:var(--offsure-sand);color:var(--offsure-navy);border-radius:var(--radius, 0)}.oui-chip--eyebrow{font-family:var(--offsure-mono);text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;color:var(--offsure-rose-deep);background:transparent;padding:0}.oui-card{position:relative;display:block;overflow:hidden;background:var(--offsure-sand);text-decoration:none;color:inherit}.oui-card__media{position:relative;overflow:hidden;aspect-ratio:4 / 5}.oui-card--3x4 .oui-card__media{aspect-ratio:3 / 4}.oui-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .32s ease,transform .7s ease-out}.oui-card__media img.is-loading{opacity:0}@keyframes oui-card-failopen{to{opacity:1}}.oui-card__media img.is-loading{animation:oui-card-failopen 0s 1.2s forwards}@media(prefers-reduced-motion:reduce){.oui-card__media img{transition:none}.oui-card__media img.is-loading{opacity:1;animation:none}}.oui-card__media .oui-card__img-b{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease}@media(hover:hover)and (pointer:fine){.oui-card:hover .oui-card__media img:first-child{transform:scale(1.03)}.oui-card:hover .oui-card__img-b{opacity:1}}.oui-card{display:flex;flex-direction:column;height:100%}.oui-card__body{padding:14px 0 0;display:flex;flex-direction:column;flex:1 0 auto}.oui-card__title{position:relative;display:inline-block;align-self:flex-start;font-family:var(--offsure-serif);font-weight:400;font-size:1.25rem;line-height:1.15;color:var(--offsure-navy);margin:0 0 4px}.oui-card__title:after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:0;background:var(--offsure-navy);transition:width .16s ease}@media(hover:hover)and (pointer:fine){.oui-card:hover .oui-card__title:after{width:100%}}.oui-card__price{font-family:var(--offsure-body);font-size:.95rem;color:var(--offsure-navy);font-variant-numeric:tabular-nums;margin:0 0 6px}.oui-card__meta{font-family:var(--offsure-body);font-size:.85rem;color:var(--offsure-taupe-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.3em}.oui-card__swatches{display:flex;align-items:center;gap:8px;margin-top:8px}.oui-card__swatch{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #141e282e;flex:0 0 auto}.oui-caption-chip{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;background:var(--offsure-cream);color:var(--offsure-navy);font-family:var(--offsure-body);font-size:.85rem;font-weight:500}.oui-section-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:clamp(1.5rem,4vw,3rem)}.oui-section-header__headline{font-family:var(--offsure-serif);font-weight:400;font-size:var(--fs-h2);line-height:1.05;letter-spacing:-.018em;color:var(--offsure-navy);margin:0;max-width:20ch}.oui-section-header__dek{font-family:var(--offsure-body);color:var(--offsure-taupe-text);max-width:42ch;margin:0}@media(min-width:900px){.oui-section-header--split{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:clamp(1.5rem,3vw,3rem)}.oui-section-header--split .oui-section-header__dek{text-align:right}}.oui-turnaround{position:relative;display:block;width:100%;aspect-ratio:4 / 5;overflow:hidden;border:0;padding:0;background:var(--offsure-sand);cursor:pointer;perspective:1200px}.oui-turnaround img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease,transform .4s ease;backface-visibility:hidden}.oui-turnaround__front{opacity:1;transform:rotate(0)}.oui-turnaround__back{opacity:0;transform:rotate(-2deg)}@media(hover:hover)and (pointer:fine){.oui-turnaround:hover .oui-turnaround__front,.oui-turnaround[aria-pressed=true] .oui-turnaround__front{opacity:0;transform:rotate(2deg)}.oui-turnaround:hover .oui-turnaround__back,.oui-turnaround[aria-pressed=true] .oui-turnaround__back{opacity:1;transform:rotate(0)}}.oui-turnaround[aria-pressed=true] .oui-turnaround__front{opacity:0;transform:rotate(2deg)}.oui-turnaround[aria-pressed=true] .oui-turnaround__back{opacity:1;transform:rotate(0)}.oui-turnaround__hint{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;color:var(--offsure-navy);font-family:var(--offsure-body);font-weight:500;font-size:.85rem;pointer-events:none}.oui-turnaround:focus-visible{outline:2px solid var(--offsure-navy);outline-offset:3px}@media(prefers-reduced-motion:reduce){.oui-turnaround img{transition:opacity .2s ease}.oui-turnaround .oui-turnaround__front,.oui-turnaround .oui-turnaround__back{transform:none}}.oui-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.u-press{transition:transform var(--dur-press) var(--ease-out)}.u-press:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.u-press:active{transform:scale(.99)}}.u-tap-target{min-width:44px;min-height:44px}.u-tap-target-inline{position:relative}.u-tap-target-inline:before{content:"";position:absolute;inset:50% auto auto 50%;width:44px;height:44px;transform:translate(-50%,-50%)}@media(prefers-reduced-motion:reduce){.oui-btn:active{transform:scale(.99)}}.oui-kit-block{padding:clamp(2rem,4vw,3.5rem) var(--space-gutter);max-width:var(--maxw);margin-inline:auto}.oui-kit-swatchrow{display:flex;flex-wrap:wrap;gap:clamp(.75rem,2vw,1.5rem);align-items:center}.oui-kit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2.5vw,2rem)}@media(min-width:900px){.oui-kit-grid{grid-template-columns:repeat(4,1fr)}}.oui-kit-label{font-family:var(--offsure-body);font-size:.85rem;color:var(--offsure-taupe-text);margin:0 0 .75rem}.oui-kit-grid{gap:24px}@media(max-width:640px){.oui-kit-grid{gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/offsure-ui.css.map */