@layer components{.project-list{gap:var(--space-4);display:grid}.project-card{border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;container-type:inline-size}.project-card>a{min-height:inherit;grid-template-rows:auto 1fr;display:grid}.project-card-meta{grid-template-columns:auto 1fr auto;align-items:start;gap:1rem;padding:clamp(1.3rem,3cqw,2.2rem);display:grid}.project-card-meta>span:first-child,.project-card-meta p{color:var(--ink-soft);font-size:.7rem}.project-card-meta h3{font-size:clamp(1.6rem,5cqw,3.2rem)}.project-card-arrow{font-size:1.35rem}.project-visual{isolation:isolate;background:var(--media-surface);min-height:clamp(25rem,70cqw,42rem);color:var(--media-ink);position:relative;overflow:hidden}.project-image{z-index:0;object-fit:cover;transform:scale(1.015)}.project-image-shade{z-index:1;pointer-events:none;background:linear-gradient(#00000061,#0000 42%,#0000008a);background:linear-gradient(lab(.112911% 0 0/.38),#0000 42%,lab(.112911% 0 0/.54));position:absolute;inset:0}.project-monogram{z-index:2;color:var(--media-ink);text-shadow:0 1px 1rem #0000004d;text-shadow:0 1px 1rem lab(0% 0 0/.3);gap:.2rem;display:grid;position:absolute;top:clamp(1rem,4cqw,2rem);left:clamp(1rem,4cqw,2rem)}.project-monogram span{letter-spacing:-.08em;font-size:clamp(1.8rem,6cqw,4.5rem);line-height:.8}.project-monogram small{letter-spacing:.09em;text-transform:uppercase;font-size:.58rem}.project-float{z-index:3;background:var(--canvas);max-width:13rem;color:var(--ink);border-radius:.9rem;padding:1rem 1.15rem;display:grid;position:absolute;bottom:clamp(1rem,4cqw,2rem);left:clamp(1rem,4cqw,2rem);box-shadow:0 1rem 2.5rem #00000021;box-shadow:0 1rem 2.5rem lab(0% 0 0/.13)}.project-float span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;font-size:.63rem}.project-float strong{margin-top:.3rem;font-size:.85rem;font-weight:520}.project-chip{z-index:3;background:var(--ink);color:var(--canvas);border-radius:999px;padding:.65rem .85rem;font-size:.65rem;position:absolute;bottom:1rem;right:1rem}.project-violet .project-chip{background:var(--canvas);color:var(--ink)}.project-blue .project-chip{color:#021127;color:lab(5.01023% .369802 -16.3878);background:#00afdd;background:lab(65.67% -27.4086 -35.9896)}.project-lime .project-chip{color:#121304;color:lab(5.42731% -1.93118 6.58028);background:#ebeb00;background:lab(90.9451% -16.2919 127.819)}.project-onyx .project-chip{color:#050607;color:lab(1.5593% -.13686 -.504056);background:#f3f5f8;background:lab(96.517% -.443906 -1.43213)}.project-gold .project-chip{color:#241407;color:lab(8.21776% 7.3889 9.48174);background:#e1af4a;background:lab(74.6012% 11.434 57.0174)}.project-cursor{z-index:5;background:var(--canvas);width:5rem;height:5rem;color:var(--ink);text-transform:uppercase;letter-spacing:.08em;opacity:0;pointer-events:none;border-radius:50%;place-items:center;font-size:.72rem;display:none;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.72)}.project-visual.compact{min-height:24rem}@media (hover:hover) and (pointer:fine){.project-cursor{transition:opacity .2s,transform .25s;display:grid;top:50%;left:50%}.project-image{transition:transform .7s cubic-bezier(.22,1,.36,1)}.project-card-arrow,.button{transition:transform .22s cubic-bezier(.22,1,.36,1)}.project-card:hover .project-image{transform:scale(1.065)}.project-card:hover .project-cursor{opacity:1;transform:translate(-50%,-50%)scale(1)}.project-card:hover .project-card-arrow{transform:translate(3px,-3px)}}@media (min-width:64rem){.project-list,.service-list,.process-list{grid-template-columns:repeat(12,minmax(0,1fr))}.project-card-3 .project-card-meta{align-content:end}}}@layer routes{.case-visual .project-visual{border-radius:var(--radius-lg);min-height:clamp(32rem,65vw,56rem)}.feature-case .project-visual{min-height:clamp(28rem,60vw,48rem)}.home-work-section .project-list,.home-capabilities-section .capabilities-playground,.home-process-section .process-relay,.yh-engagement-scopes,.yh-turntable,.yh-operating-facts,.yh-operations-console,.yh-labs-grid,.yh-next>div{width:calc(100% - 1rem);margin-inline:auto}@media (min-width:48rem) and (max-width:63.99rem){.home-work-section .project-list,.home-capabilities-section .capabilities-playground,.home-process-section .process-relay,.yh-engagement-scopes,.yh-turntable,.yh-operating-facts,.yh-operations-console,.yh-labs-grid,.yh-next>div{width:88%}}}@media (min-width:80rem){.project-list{gap:clamp(1rem,1.4vw,1.4rem)}.project-card-1 .project-visual,.project-card-2 .project-visual{height:100%;min-height:0}.project-card-2 .project-card-meta{grid-template-columns:auto 1fr}.project-card-2 .project-card-arrow{grid-column:2;justify-self:end}.project-card-3 .project-card-meta{padding:clamp(2rem,3vw,3.25rem)}.project-card-3 .project-card-meta h3{font-size:clamp(3rem,4.3vw,4.8rem)}.project-card-3 .project-visual{min-height:38rem}.case-visual .project-visual{min-height:min(72rem,78svh)}.feature-case .project-visual{min-height:45rem}}