html body.cl-home{background:var(--cl-ground);color:var(--cl-text);transition:background-color var(--cl-d-ground) var(--cl-e-inout),color var(--cl-d-ground) var(--cl-e-inout)}html:has(body.cl-home){background:var(--cl-ground);transition:background-color var(--cl-d-ground) var(--cl-e-inout)}.cl-home main{background:transparent}.cl-wrap{padding-inline:max(var(--cl-gutter),env(safe-area-inset-left));max-width:var(--cl-max);margin-inline:auto}.cl-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cl-display{margin:0;font:var(--cl-display-wght) var(--cl-fs-display)/var(--cl-lh-display) var(--cl-serif);letter-spacing:var(--cl-tr-display);font-optical-sizing:auto;text-wrap:balance;color:inherit}.cl-line{margin:0;font:var(--cl-serif-wght) var(--cl-fs-line)/var(--cl-lh-line) var(--cl-serif);letter-spacing:var(--cl-tr-line);font-optical-sizing:auto;max-width:15.5em;text-wrap:balance;color:inherit}.cl-label{margin:0;font:var(--cl-ui-wght) var(--cl-fs-ui)/var(--cl-lh-ui) var(--cl-sans);letter-spacing:0;color:var(--cl-text-2);transition:color var(--cl-d-ground) var(--cl-e-inout)}.cl-intro{min-height:calc(100svh - 90px);display:grid;place-items:center;text-align:center;padding-block:var(--cl-head-h)}.cl-intro .cl-display{max-width:15em}.cl-intro:has(.cl-intro-line){align-content:center}.cl-intro-line{margin:28px auto 0;max-width:30em;font:var(--cl-ui-wght) 18px/1.45 var(--cl-sans);color:var(--cl-text-2);text-wrap:balance}@media(max-width:767px){.cl-intro-line{font-size:17px;margin-top:22px}}.cl-window{position:relative}.cl-win{--s: var(--cl-win-rest);--lag: 0px;position:relative;width:100%;aspect-ratio:var(--r, 16 / 9);transform:translate3d(0,var(--lag),0) scale(var(--s));transform-origin:50% 0;border-radius:calc(var(--cl-r-card) / var(--s));overflow:hidden;background:#22335c;isolation:isolate}.cl-win picture,.cl-win img,.cl-win video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.cl-win video{opacity:0;transition:opacity .24s var(--cl-e-out)}.cl-win video.is-on{opacity:1}.cl-win-pause{position:absolute;z-index:2;right:calc(16px / var(--s));bottom:calc(16px / var(--s));height:calc(var(--cl-pill-h) / var(--s));min-width:44px;padding:0 calc(20px / var(--s));border:0;border-radius:var(--cl-r-pill);cursor:pointer;font:var(--cl-ui-wght) calc(var(--cl-fs-pill) / var(--s))/1 var(--cl-sans);color:#fff;background:#140700bd}.cl-win-pause[hidden]{display:none}.cl-win-pause:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}@media(max-width:767px){.cl-win{aspect-ratio:var(--rp, 4 / 5)}}.cl-section{padding-top:var(--cl-s-section)}.cl-lead .cl-line{margin-top:var(--cl-s-label)}.cl-lead .cl-pill{margin-top:var(--cl-s-pill)}.cl-list{margin:var(--cl-s-list) 0 0;padding:0;list-style:none}.cl-list a{position:relative;display:grid;grid-template-columns:var(--cl-col2) 1fr;align-items:baseline;padding-block:var(--cl-row-pad);color:inherit;text-decoration:none;transition:opacity var(--cl-d-hover) var(--cl-e-out)}.cl-list a:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--cl-rule)}.cl-list a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.cl-item{font:var(--cl-ui-wght) var(--cl-fs-item)/var(--cl-lh-item) var(--cl-sans);letter-spacing:0}.cl-ex{color:var(--cl-text-2)}@media(hover:hover)and (pointer:fine){.cl-list:has(a:hover) a:not(:hover){opacity:.4}}@media(max-width:767px){.cl-list a{grid-template-columns:1fr;gap:8px;padding:24px 0 20px}}.cl-work{background:var(--cl-dark);color:var(--cl-on-dark);--cl-text: var(--cl-on-dark);--cl-text-2: var(--cl-on-dark-2);padding-bottom:var(--cl-s-section);margin-top:var(--cl-s-section);padding-top:var(--cl-s-section)}.cl-motion .cl-work{background:transparent;color:inherit;--cl-text: inherit;--cl-text-2: inherit;margin-top:0}@media(scripting:enabled)and (prefers-reduced-motion:no-preference){.cl-work{margin-top:0}}.cl-motion .cl-work .cl-label{color:var(--cl-text-2)}.cl-work .cl-pill{background:var(--cl-white);color:var(--cl-dark)}.cl-motion .cl-work .cl-pill{background:var(--cl-text);color:var(--cl-ground)}.cl-motion[data-cl-ground=dark] .cl-work .cl-pill{background:var(--cl-white);color:var(--cl-dark)}.cl-row{margin-top:var(--cl-s-list)}.cl-track{display:flex;gap:var(--cl-gap);margin:0;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;padding:8px max(var(--cl-gutter),(100vw - var(--cl-max)) / 2 + var(--cl-gutter)) 12px;scroll-padding-inline:var(--cl-gutter);-webkit-overflow-scrolling:touch}.cl-track::-webkit-scrollbar{display:none}.cl-card{flex:none;height:var(--cl-card-h);aspect-ratio:var(--r);border-radius:var(--cl-r-card);overflow:hidden;background:#ffffff0a;transform-origin:50% 100%;transition:transform var(--cl-d-hover) var(--cl-e-out),clip-path var(--cl-d-card) var(--cl-e-out)}.cl-card a{display:block;width:100%;height:100%;border-radius:inherit}.cl-card a:focus-visible{outline:2px solid var(--cl-white);outline-offset:-4px}.cl-card img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media(hover:hover)and (pointer:fine){.cl-track{cursor:grab}.cl-track.is-dragging{cursor:grabbing}.cl-track.is-dragging a{pointer-events:none}.cl-card:hover{transform:scale(1.035)}}@media(max-width:767px){.cl-track{scroll-snap-type:x mandatory}.cl-card{scroll-snap-align:start}.cl-work{padding-bottom:64px}}.cl-motion .cl-card{clip-path:inset(39% 0 0 0 round var(--cl-r-card))}.cl-motion .cl-card.is-in{clip-path:inset(0 0 0 0 round var(--cl-r-card))}@keyframes cl-rise{0%{transform:translate3d(0,44px,0)}to{transform:none}}@media(prefers-reduced-motion:no-preference){.cl-intro .cl-display{animation:cl-rise var(--cl-d-load) var(--cl-e-expo) .1s both}.cl-intro-line{animation:cl-rise var(--cl-d-load) var(--cl-e-expo) .18s both}.cl-window{animation:cl-rise var(--cl-d-load) var(--cl-e-expo) .2s both}}@media(prefers-reduced-motion:reduce){.cl-win{--s: 1 !important;--lag: 0px !important}.cl-home,html:has(body.cl-home),.cl-card,.cl-list a,.cl-label{transition:none!important}.cl-card{clip-path:none!important}.cl-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/collins-home.css.map */