.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:1;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;height:100%;padding:clamp(20px,1.9vw,38px);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:rgba(176,138,69,.5)}.occ-tile-head{display:flex;align-items:flex-start;gap:10px}.occ-tile .occ-mark{flex:none;margin-block-start:4px;color:var(--color-accent);opacity:.62;transition:opacity .3s var(--ease-brand)}.occ-tile:focus-visible .occ-mark,.occ-tile:hover .occ-mark{opacity:1}.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-tile-foot{margin-block-start:auto;padding-block-start:clamp(20px,2.4vw,34px)}.occ-tile-rule{display:block;height:1px;background:var(--color-line);position:relative}.occ-tile-rule:after{content:"";position:absolute;inset:0;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-brand)}[dir=rtl] .occ-tile-rule:after{transform-origin:right}.occ-tile:focus-visible .occ-tile-rule:after,.occ-tile:hover .occ-tile-rule:after{transform:scaleX(1)}.occ-tile-arrow{transition:transform .35s var(--ease-brand)}[dir=ltr] .occ-tile:focus-visible .occ-tile-arrow,[dir=ltr] .occ-tile:hover .occ-tile-arrow{transform:translateX(4px)}[dir=rtl] .occ-tile:focus-visible .occ-tile-arrow,[dir=rtl] .occ-tile:hover .occ-tile-arrow{transform:scaleX(-1) translateX(4px)}@media (max-width:539px){.occ-tile{padding:20px 22px}.occ-tile-foot{padding-block-start:8px}.occ-tile-rule{display:none}}.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;gap:0;border-block-end:1px solid var(--color-line)}.occ-need{display:grid;gap:8px 28px;padding-block:clamp(22px,2.2vw,34px);border-block-start:1px solid var(--color-line)}@media (min-width:880px){.occ-need{grid-template-columns:3rem minmax(0,22ch) minmax(0,1fr);align-items:start}}.occ-need-number{color:var(--color-accent)}.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,.occ-tile .occ-mark,.occ-tile-arrow,.occ-tile-rule:after{transition:none}}