.grid-asymmetric{display:grid;gap:clamp(1.5rem,3vw,2.5rem);margin:0 0 clamp(1.5rem,3vw,2.5rem);padding:0 clamp(3rem,8vw,8rem)}.grid-asymmetric.pattern-1{grid-template-columns:2fr 1fr 1fr}.grid-asymmetric.pattern-2{grid-template-columns:1fr 1fr 2fr}@media (max-width: 968px){.grid-asymmetric{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 640px){.grid-asymmetric{grid-template-columns:1fr!important}}.grid-card{display:flex;flex-direction:column;gap:var(--space-4);transition:transform var(--transition-base);position:relative;transform-style:preserve-3d;cursor:pointer}.grid-asymmetric.pattern-1>:nth-child(1) .grid-card,.grid-asymmetric.pattern-1>.grid-card:nth-child(1){padding-top:clamp(2rem,4vw,4rem)}.grid-asymmetric.pattern-2>:nth-child(3) .grid-card,.grid-asymmetric.pattern-2>.grid-card:nth-child(3){padding-top:clamp(2rem,4vw,4rem)}.grid-card:active{transform:translateY(2px) scale(.98)!important;transition:transform .1s ease-out!important}.grid-asymmetric.pattern-1>:nth-child(2),.grid-asymmetric.pattern-1 .grid-card:nth-child(2){align-self:start}.grid-asymmetric.pattern-1>:nth-child(3),.grid-asymmetric.pattern-1 .grid-card:nth-child(3){align-self:end}.grid-asymmetric.pattern-2>:nth-child(1),.grid-asymmetric.pattern-2 .grid-card:nth-child(1){align-self:end}.grid-asymmetric.pattern-2>:nth-child(2),.grid-asymmetric.pattern-2 .grid-card:nth-child(2){align-self:start}.grid-card__image{width:100%;aspect-ratio:3 / 4;border-radius:var(--radius-2);overflow:hidden;background:var(--surface);position:relative}.grid-asymmetric.pattern-1>:nth-child(1) .grid-card__image{aspect-ratio:3 / 4}.grid-asymmetric.pattern-1>:nth-child(2) .grid-card__image{aspect-ratio:1 / 1}.grid-asymmetric.pattern-1>:nth-child(3) .grid-card__image{aspect-ratio:3 / 4}.grid-asymmetric.pattern-2>:nth-child(1) .grid-card__image{aspect-ratio:1 / 1}.grid-asymmetric.pattern-2>:nth-child(2) .grid-card__image{aspect-ratio:3 / 4}.grid-asymmetric.pattern-2>:nth-child(3) .grid-card__image{aspect-ratio:3 / 4}.grid-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.grid-card:hover .grid-card__image img{transform:scale(1.05)}.grid-card__content{display:flex;flex-direction:column;gap:var(--space-2)}.grid-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-1)}.grid-card__tag{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:var(--step--1);font-weight:500;border-radius:var(--radius-round);background:var(--surface);color:var(--text);border:.5px solid var(--border);transition:all var(--transition-fast)}.grid-card__tag:hover{background:var(--hover-bg);border-color:var(--accent)}.grid-card__tag--product{background:color-mix(in oklab,var(--accent) 10%,transparent);border-color:color-mix(in oklab,var(--accent) 30%,transparent);color:var(--accent)}.grid-card__tag--design{background:color-mix(in oklab,var(--accent-2) 10%,transparent);border-color:color-mix(in oklab,var(--accent-2) 30%,transparent);color:var(--accent-2)}.grid-card__tag--engineering{background:color-mix(in oklab,var(--text) 10%,transparent);border-color:color-mix(in oklab,var(--text) 20%,transparent);color:var(--text)}.grid-card__title{font-size:var(--step-0);font-weight:600;margin:0;line-height:1.4}.grid-card__description{font-size:var(--step-0);line-height:1.65;color:var(--muted);margin:0}.grid-card__image[data-placeholder]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 20%,transparent),color-mix(in oklab,var(--accent-2) 20%,transparent))}.grid-card__image[data-placeholder]:after{content:attr(data-placeholder);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--step--1);color:var(--muted);text-align:center;padding:var(--space-4)}.grid-section__header{max-width:var(--container-max);margin:0 auto var(--space-8);padding:0 var(--pad-sm)}@media (min-width: 768px){.grid-section__header{padding:0 var(--pad-md)}}.grid-section__title{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.2;font-weight:400;margin:0 0 var(--space-4)}.grid-section__subtitle{font-size:var(--step-0);line-height:1.6;color:var(--muted);max-width:65ch}.nuance-essays a,.nuance-grid a,.grid-asymmetric a{border:none!important;border-bottom:none!important;outline:none!important}.nuance-essays a:hover,.nuance-grid a:hover,.grid-asymmetric a:hover{border:none!important;border-bottom:none!important}