.liquid-preview{z-index:1;pointer-events:none;opacity:0;transition:opacity .3s ease, transform .65s var(--ease-gravitational,ease);position:absolute;inset:0;overflow:hidden}.liquid-preview[data-active=true]{opacity:1}.project-card:hover .liquid-preview{transform:scale(1.035)}.hero-monolith-link:hover .hero-preview-frame .liquid-preview{transform:scale(1.03)}.liquid-preview canvas{width:100%;height:100%;display:block}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.liquid-preview{transition:none;display:none}}
.project-card{perspective:1250px;--tilt-x:0deg;--tilt-y:0deg;--card-x:0px;--card-y:0px;--badge-x:0px;--badge-y:0px;--light-x:50%;--light-y:50%}.project-card .project-card-monolith,.project-card:hover .project-card-monolith{transform:translate3d(var(--card-x), var(--card-y), 0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .58s cubic-bezier(.16,1,.3,1),border-color .22s,opacity .36s}.project-card[data-tilting] .project-card-monolith{will-change:transform;transition-duration:.19s,.22s,.36s}.project-card .card-light-sweep{aspect-ratio:1;pointer-events:none;z-index:3;opacity:0;width:80%;transform:translate3d(calc(var(--light-x) - 50%), calc(var(--light-y) - 50%), 0);background:radial-gradient(#ffffff2b,#ffffff0d 35%,#0000 68%);transition:transform .19s ease-out,opacity .25s ease-out;position:absolute;inset:0 auto auto 0}.project-card[data-tilting] .card-light-sweep{opacity:1}.project-card .monolith-media-wrap,.project-card .illustrative-preview,.project-card .private-preview{transform-origin:50% 25%;transition:transform .85s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-image,.project-card:hover .liquid-preview{transform:none}@media (hover:hover) and (pointer:fine){.project-card:hover .monolith-media-wrap,.project-card:focus-within .monolith-media-wrap,.project-card:hover .illustrative-preview,.project-card:hover .private-preview{transform:scale(1.065)}:is(.featured-grid,.project-grid):has(>.project-card:hover)>.project-card:not(:hover):not(:focus-within) .project-card-monolith{opacity:.64}}.project-card .project-hover-curtain{z-index:4;pointer-events:none;background:linear-gradient(#0000 20%,#07080b5c 100%)}.project-card .project-inspect-badge{transform:translate3d(var(--badge-x), calc(var(--badge-y) + 18px), 0) scale(.96);transition:transform .42s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-inspect-badge,.project-card:focus-within .project-inspect-badge{transform:translate3d(var(--badge-x), var(--badge-y), 0)}.project-card:focus-within .project-hover-curtain{opacity:1}.project-card .project-visual:focus-visible{outline:2px solid var(--primary);outline-offset:-5px}.project-card .project-card-meta,.project-card .meta-left{flex-wrap:wrap;gap:8px 12px}.project-card .monolith-url{min-width:0;max-width:70%}.project-card .monolith-host{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-card .monolith-padlock{flex-shrink:0}.project-card .project-title a>span:first-child{overflow-wrap:anywhere;min-width:0}.project-card .title-arrow{flex-shrink:0}@media (hover:none),(pointer:coarse){.project-card .project-card-monolith,.project-card:hover .project-card-monolith{transform:none}.project-card .project-hover-curtain{opacity:1;justify-content:flex-end;align-items:flex-end;padding:12px}.project-card .project-inspect-badge{padding:8px 12px;font-size:9px;transform:none}.project-card:hover .project-image{transform:none}.project-card .project-card-monolith{transition:transform .14s ease-out,border-color .14s ease-out}.project-card .project-card-monolith:active,.project-card:hover .project-card-monolith:active,.project-card[data-pressed] .project-card-monolith{border-color:var(--primary);transform:scale(.982)}.project-card .project-title a:active{color:var(--primary)}}.project-commerce-link{margin:-6px 0 16px;font-size:12px;font-weight:600}.project-commerce-link a{color:var(--primary);align-items:center;gap:6px;min-height:34px;display:inline-flex}.project-commerce-link a:hover{color:var(--ink)}.project-commerce-link svg{width:14px;height:14px}.preview-gorra-relojes{background:var(--gr-preview-paper);color:var(--gr-preview-ink);padding:35px 22px 18px}.gr-store{background:var(--gr-preview-white);height:100%;min-height:310px;color:var(--gr-preview-pine);border:1px solid color-mix(in srgb, var(--gr-preview-pine) 12%, transparent);box-shadow:0 12px 36px color-mix(in srgb, var(--gr-preview-pine) 12%, transparent);grid-template-rows:auto auto 1fr auto;display:grid;overflow:hidden}.gr-store-announcement,.gr-store-header,.gr-store-collections{justify-content:space-between;align-items:center;gap:14px;display:flex}.gr-store-announcement{color:var(--gr-preview-white);background:var(--gr-preview-pine);letter-spacing:.14em;text-transform:uppercase;padding:9px 14px;font-size:9px}.gr-store-header{border-bottom:1px solid color-mix(in srgb, var(--gr-preview-pine) 12%, transparent);min-height:47px;padding:0 14px}.gr-store-header>strong{letter-spacing:-.05em;font-size:14px}.gr-store-header>strong span{letter-spacing:.18em;margin-top:2px;font-size:9px;display:block}.gr-store-header nav{letter-spacing:.08em;gap:12px;font-size:9px;display:flex}.gr-store-bag{white-space:nowrap;font-size:9px}.gr-store-feature{background:radial-gradient(ellipse at 100% 10%, color-mix(in srgb, var(--gr-preview-moss) 19%, transparent), transparent 50%), var(--gr-preview-screen);flex-direction:column;justify-content:center;align-items:flex-start;min-height:178px;padding:24px 20px 20px;display:flex}.gr-store-kicker{letter-spacing:.18em;font-size:9px}.gr-store-feature h3{color:var(--gr-preview-pine);font-family:var(--font-local-display), sans-serif;letter-spacing:-.06em;margin:10px 0;font-size:clamp(24px,4vw,38px);line-height:.96}.gr-store-cta{border-bottom:1px solid var(--gr-preview-pine);align-items:center;gap:7px;padding-bottom:4px;font-size:9px;font-weight:600;display:inline-flex}.gr-store-cta svg{width:12px;height:12px}.gr-store-collections{border-top:1px solid color-mix(in srgb, var(--gr-preview-pine) 12%, transparent);letter-spacing:.09em;min-height:38px;padding:0 12px;font-size:9px}@media (max-width:600px){.preview-gorra-relojes{padding:31px 12px 12px}.gr-store-announcement{padding:8px 9px;font-size:9px}.gr-store-header{padding:0 9px}.gr-store-header nav{gap:6px;font-size:9px}.gr-store-bag{font-size:9px}.gr-store-collections{gap:5px;padding:0 7px;font-size:9px}}@media (prefers-reduced-motion:reduce){.project-card .project-card-monolith,.project-card:hover .project-card-monolith,.project-card .project-inspect-badge,.project-card:hover .project-inspect-badge,.project-card .project-image,.project-card:hover .project-image{transition:opacity .12s;transform:none}.project-card .card-light-sweep{display:none}.project-card .monolith-media-wrap,.project-card:hover .monolith-media-wrap,.project-card:focus-within .monolith-media-wrap,.project-card .illustrative-preview,.project-card:hover .illustrative-preview,.project-card .private-preview,.project-card:hover .private-preview,.project-card .project-card-monolith:active,.project-card:hover .project-card-monolith:active,.project-card[data-pressed] .project-card-monolith{transition:none;transform:none}:is(.featured-grid,.project-grid):has(>.project-card:hover)>.project-card:not(:hover):not(:focus-within) .project-card-monolith{opacity:1}}
