:root{--occ-ink: #1b2a3e;--occ-ink-rgb: 27 42 62;--occ-ink-deep: #121d2c;--occ-ink-soft: #24364f;--occ-paper: #f5f2ea;--occ-paper-2: #ede7db;--occ-line: #e3dccd;--occ-line-soft: #eee9df;--occ-brass: #b08656;--occ-brass-text: #8a6534;--occ-brass-on-dark: #c9a374;--occ-muted: #5b6573;--occ-muted-on-dark: #a9b4c2;--occ-white: #ffffff;--occ-success: #2f6b4f;--occ-radius-sm: 6px;--occ-radius: 10px;--occ-radius-lg: 16px;--occ-shadow-card: 0 1px 2px rgb(var(--occ-ink-rgb) / .06), 0 8px 24px -12px rgb(var(--occ-ink-rgb) / .18);--occ-shadow-book: 0 2px 4px rgb(18 29 44 / .18), 0 18px 40px -12px rgb(18 29 44 / .45);--occ-container: 1240px;--occ-gutter: clamp(16px, 4vw, 40px);--occ-section-space: clamp(56px, 8vw, 104px);--occ-font-heading: var(--font-heading--family);--occ-font-accent: var(--font-accent--family);--occ-font-body: var(--font-body--family);--occ-ease: cubic-bezier(.22, .61, .36, 1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:where(h1,h2,h3,h4){text-wrap:balance}:where(p,li){text-wrap:pretty}::selection{background:rgb(var(--occ-ink-rgb) / .14)}:focus-visible{outline:2px solid var(--occ-brass);outline-offset:3px}.occ-container{width:100%;max-width:calc(var(--occ-container) + var(--occ-gutter) * 2);margin-inline:auto;padding-inline:var(--occ-gutter)}.occ-container--narrow{max-width:calc(820px + var(--occ-gutter) * 2)}.occ-section{padding-block:var(--occ-section-space)}.occ-section--tight{padding-block:clamp(40px,5vw,64px)}.occ-bg-white{background:var(--occ-white);color:var(--occ-ink)}.occ-bg-paper{background:var(--occ-paper);color:var(--occ-ink)}.occ-bg-ink{background:var(--occ-ink);color:var(--occ-paper)}.occ-bg-ink-deep{background:var(--occ-ink-deep);color:var(--occ-paper)}.occ-section-head{display:grid;gap:14px;max-width:680px;margin-block-end:clamp(32px,4vw,52px)}.occ-section-head--center{margin-inline:auto;text-align:center;justify-items:center}.occ-section-head--split{max-width:none;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px}@media screen and (max-width:749px){.occ-section-head--split{grid-template-columns:1fr}}.occ-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;font-family:var(--occ-font-body);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--occ-brass-text)}.occ-eyebrow:before{content:"";width:22px;height:1px;background:currentColor;opacity:.7}.occ-section-head--center .occ-eyebrow:after{content:"";width:22px;height:1px;background:currentColor;opacity:.7}:is(.occ-bg-ink,.occ-bg-ink-deep) .occ-eyebrow{color:var(--occ-brass-on-dark)}.occ-h1,.occ-h2,.occ-h3,.occ-h4{margin:0;font-family:var(--occ-font-heading);font-weight:500;color:inherit;letter-spacing:-.012em}.occ-h1{font-size:clamp(2.35rem,1.6rem + 3.2vw,4.1rem);line-height:1.04}.occ-h2{font-size:clamp(1.9rem,1.4rem + 1.9vw,3rem);line-height:1.08}.occ-h3{font-size:clamp(1.35rem,1.15rem + .7vw,1.7rem);line-height:1.18}.occ-h4{font-size:1.2rem;line-height:1.25}.occ-h1 em,.occ-h2 em,.occ-h3 em,.occ-accent{font-family:var(--occ-font-accent);font-style:italic;font-weight:400;color:var(--occ-brass-text)}:is(.occ-bg-ink,.occ-bg-ink-deep) :is(.occ-h1 em,.occ-h2 em,.occ-h3 em,.occ-accent){color:var(--occ-brass-on-dark)}.occ-lede{margin:0;font-size:clamp(1.02rem,.97rem + .25vw,1.15rem);line-height:1.65;color:var(--occ-muted);max-width:60ch}:is(.occ-bg-ink,.occ-bg-ink-deep) .occ-lede{color:var(--occ-muted-on-dark)}.occ-lede p{margin:0}.occ-lede p+p{margin-top:.8em}.occ-small{font-size:.85rem;line-height:1.55;color:var(--occ-muted)}:is(.occ-bg-ink,.occ-bg-ink-deep) .occ-small{color:var(--occ-muted-on-dark)}.occ-btn{--occ-btn-bg: var(--occ-ink);--occ-btn-fg: var(--occ-white);--occ-btn-border: var(--occ-ink);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border:1px solid var(--occ-btn-border);border-radius:var(--occ-radius-sm);background:var(--occ-btn-bg);color:var(--occ-btn-fg);font-family:var(--occ-font-body);font-size:.95rem;font-weight:600;letter-spacing:.01em;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .2s var(--occ-ease),color .2s var(--occ-ease),border-color .2s var(--occ-ease),transform .2s var(--occ-ease)}.occ-btn:hover{--occ-btn-bg: var(--occ-ink-soft);--occ-btn-border: var(--occ-ink-soft)}.occ-btn:active{transform:translateY(1px)}.occ-btn svg{width:18px;height:18px;flex-shrink:0;transition:transform .2s var(--occ-ease)}.occ-btn:hover svg.occ-icon--arrow-right{transform:translate(3px)}.occ-btn--secondary{--occ-btn-bg: transparent;--occ-btn-fg: var(--occ-ink);--occ-btn-border: rgb(var(--occ-ink-rgb) / .35)}.occ-btn--secondary:hover{--occ-btn-bg: var(--occ-ink);--occ-btn-fg: var(--occ-white);--occ-btn-border: var(--occ-ink)}.occ-btn--light{--occ-btn-bg: var(--occ-paper);--occ-btn-fg: var(--occ-ink);--occ-btn-border: var(--occ-paper)}.occ-btn--light:hover{--occ-btn-bg: var(--occ-white);--occ-btn-border: var(--occ-white)}.occ-btn--ghost-light{--occ-btn-bg: transparent;--occ-btn-fg: var(--occ-paper);--occ-btn-border: rgb(245 242 234 / .4)}.occ-btn--ghost-light:hover{--occ-btn-bg: var(--occ-paper);--occ-btn-fg: var(--occ-ink);--occ-btn-border: var(--occ-paper)}.occ-btn--block{width:100%}.occ-btn[disabled],.occ-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.occ-btn-row{display:flex;flex-wrap:wrap;gap:12px}@media screen and (max-width:499px){.occ-btn-row .occ-btn{width:100%}}.occ-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:rgb(var(--occ-ink-rgb) / .3);transition:text-decoration-color .2s var(--occ-ease)}.occ-link:hover{text-decoration-color:currentColor}.occ-link svg{width:16px;height:16px}.occ-icon{width:24px;height:24px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.occ-icon-badge{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--occ-paper);color:var(--occ-ink);border:1px solid var(--occ-line)}:is(.occ-bg-paper) .occ-icon-badge{background:var(--occ-white)}:is(.occ-bg-ink,.occ-bg-ink-deep) .occ-icon-badge{background:#f5f2ea0f;border-color:#f5f2ea24;color:var(--occ-brass-on-dark)}.occ-book{position:relative;aspect-ratio:543 / 773;overflow:hidden;border-radius:2px 4px 4px 2px;box-shadow:var(--occ-shadow-book);background:var(--occ-ink);isolation:isolate}.occ-book img{position:absolute;left:-41.99%;top:-14.62%;width:184.16%;max-width:none;height:auto}.occ-book:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#00000038 0,#ffffff1f 2.2%,#0000 5% 100%)}.occ-grid{display:grid;gap:clamp(14px,2vw,24px);grid-template-columns:repeat(var(--occ-cols, 3),minmax(0,1fr));margin:0;padding:0;list-style:none}@media screen and (max-width:989px){.occ-grid{--occ-cols: 2 !important}}@media screen and (max-width:559px){.occ-grid--cards{--occ-cols: 1 !important}}.occ-card{position:relative;display:flex;flex-direction:column;height:100%;background:var(--occ-paper);border-radius:var(--occ-radius);overflow:hidden;color:var(--occ-ink);transition:box-shadow .3s var(--occ-ease),transform .3s var(--occ-ease)}.occ-bg-paper .occ-card{background:var(--occ-white);border:1px solid var(--occ-line)}.occ-bg-paper .occ-card__media{background:var(--occ-paper)}.occ-card:hover{box-shadow:var(--occ-shadow-card);transform:translateY(-2px)}.occ-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--occ-paper)}.occ-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--occ-ease)}.occ-card:hover .occ-card__media img{transform:scale(1.03)}.occ-card__badge{position:absolute;top:14px;left:14px;z-index:1;padding:5px 10px;border-radius:999px;background:var(--occ-ink);color:var(--occ-paper);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.occ-card__body{display:flex;flex-direction:column;gap:8px;flex:1;padding:18px 20px 20px;border-top:1px solid var(--occ-line)}.occ-card__kicker{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--occ-brass-text)}.occ-card__title{margin:0;font-family:var(--occ-font-heading);font-size:1.25rem;font-weight:500;line-height:1.22;letter-spacing:-.005em}.occ-card__title a{color:inherit;text-decoration:none}.occ-card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.occ-card__meta{margin:0;font-size:.85rem;color:var(--occ-muted)}.occ-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px}.occ-card__price{font-size:1.05rem;font-weight:700;letter-spacing:.01em}.occ-card__price s{margin-left:6px;font-weight:500;color:var(--occ-muted)}.occ-card__cta{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--occ-ink)}.occ-card__cta svg{width:16px;height:16px;transition:transform .2s var(--occ-ease)}.occ-card:hover .occ-card__cta svg{transform:translate(3px)}.occ-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.occ-chip{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--occ-line);border-radius:999px;background:var(--occ-white);color:var(--occ-ink);font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .2s var(--occ-ease),border-color .2s var(--occ-ease),color .2s var(--occ-ease)}.occ-chip:hover{border-color:var(--occ-ink)}.occ-chip[aria-current=page]{background:var(--occ-ink);border-color:var(--occ-ink);color:var(--occ-paper)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/occasioo.css.map */