.occ-fade{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease-brand),transform .6s var(--ease-brand)}[data-in=true] .occ-fade{opacity:1;transform:none}.occ-grid{--occ-gap:clamp(12px,1.3vw,20px);--occ-cols:2;display:flex;flex-wrap:wrap;gap:var(--occ-gap)}@media (min-width:540px){.occ-grid{--occ-cols:min(2,var(--occ-cols-wide,4))}}@media (min-width:900px){.occ-grid{--occ-cols:min(3,var(--occ-cols-wide,4))}}@media (min-width:1220px){.occ-grid{--occ-cols:var(--occ-cols-wide,4)}}.occ-grid>*{flex:0 1 calc((100% - (var(--occ-cols) - 1) * var(--occ-gap) - 1px) / var(--occ-cols));min-width:0}.occ-tile{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(14px,1.4vw,22px);height:100%;padding:clamp(16px,1.3vw,24px);background:var(--color-raised);border:1px solid var(--color-line);border-radius:var(--radius-card);color:inherit;text-decoration:none;opacity:0;transform:translateX(-32px);transition:opacity .72s var(--ease-brand),transform .72s var(--ease-brand),border-color .35s var(--ease-brand);transition-delay:calc(var(--i, 0) * 75ms),calc(var(--i, 0) * 75ms),0s}[dir=rtl] .occ-tile{transform:translateX(32px)}[data-in=true] .occ-tile,[dir=rtl] [data-in=true] .occ-tile{opacity:1;transform:none}.occ-tile:focus-visible,.occ-tile:hover{border-color:var(--color-accent)}.occ-tile .occ-mark{flex:none;color:var(--color-accent)}.occ-tile-name{transition:color .3s var(--ease-brand)}.occ-tile:focus-visible .occ-tile-name,.occ-tile:hover .occ-tile-name{color:var(--color-accent)}.occ-facts{display:grid;gap:0}@media (min-width:760px){.occ-facts{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3vw,72px)}}.occ-fact{padding-block:clamp(18px,1.8vw,26px);border-block-start:1px solid var(--color-line)}.occ-needs{display:grid}.occ-need{padding-block:clamp(22px,2.2vw,34px);border-block-start:1px solid var(--color-line)}.occ-needs>:first-child .occ-need{border-block-start:0;padding-block-start:0}@media (min-width:880px){.occ-needs{grid-template-columns:repeat(3,minmax(0,1fr))}.occ-need{block-size:100%;padding-block:4px;padding-inline:clamp(20px,2.4vw,48px);border-block-start:0;border-inline-start:1px solid var(--color-line)}.occ-needs>:first-child .occ-need{padding-block-start:4px;padding-inline-start:0;border-inline-start:0}}.occ-designs{--occ-gap:clamp(14px,1.5vw,24px);--occ-cols:2;display:flex;flex-wrap:wrap;gap:var(--occ-gap)}@media (min-width:900px){.occ-designs{--occ-cols:min(3,var(--occ-cols-wide,4))}}@media (min-width:1220px){.occ-designs{--occ-cols:var(--occ-cols-wide,4)}}.occ-designs>*{flex:0 1 calc((100% - (var(--occ-cols) - 1) * var(--occ-gap) - 1px) / var(--occ-cols));min-width:0}.occ-design{display:block;color:inherit;text-decoration:none;opacity:0;transform:translateX(-30px);transition:opacity .78s var(--ease-brand),transform .78s var(--ease-brand);transition-delay:calc(var(--i, 0) * .09s)}[dir=rtl] .occ-design{transform:translateX(30px)}[data-in=true] .occ-design,[dir=rtl] [data-in=true] .occ-design{opacity:1;transform:none}.occ-design-frame{position:relative;overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);transition:border-color .35s var(--ease-brand)}.occ-design:focus-visible .occ-design-frame,.occ-design:hover .occ-design-frame{border-color:rgba(176,138,69,.5)}.occ-design-art{display:block;transform:scale(1);transition:transform .9s var(--ease-brand)}.occ-design:focus-visible .occ-design-art,.occ-design:hover .occ-design-art{transform:scale(1.04)}[dir=ltr] .occ-back-icon{transform:rotate(180deg)}[dir=rtl] .occ-back-icon{transform:none}.occ-anchor{scroll-margin-block-start:120px}@media (prefers-reduced-motion:reduce){.occ-design,.occ-fade,.occ-tile{opacity:1;transform:none;transition:none}.occ-design-art{transition:none}}