.gear{background:var(--ynl-offwhite,#f8f7f4);color:var(--ynl-ink,#0a0a0a);padding:clamp(56px,7vw,96px) 24px;position:relative;overflow:hidden}.gear__inner{flex-direction:column;gap:40px;max-width:1320px;margin:0 auto;display:flex}.gear__head{max-width:680px}.gear__eyebrow{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--ynl-moss,#3d7a45);margin:0 0 12px;font-size:.8125rem;line-height:1.4}.gear__title{font-family:var(--font-fraunces), serif;letter-spacing:-.015em;margin:0;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:500;line-height:1.05}.gear__intro{max-width:56ch;color:var(--ynl-muted,#6b6b6b);margin:14px 0 0;font-size:1rem;line-height:1.6}.gear__grid{justify-content:center;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:44px 16px 56px;list-style:none;display:flex}.gear__item{width:100%;min-width:140px;max-width:185px;transform:translate(var(--gear-x,0px), var(--gear-y,0px)) rotate(var(--gear-rot,0deg));z-index:var(--gear-z,1);flex:0 185px;margin:0 -12px;transition:transform .26s cubic-bezier(.2,0,0,1),box-shadow .26s;position:relative}.gear__item:hover{transform:translate(var(--gear-x,0px), calc(var(--gear-y,0px) - 10px)) scale(1.08) rotate(0deg);z-index:20}.gear__figure{background:var(--ynl-cream,#ede9e0);border:1px solid #0a0a0a14;border-radius:4px;flex-direction:column;margin:0;padding:7px 7px 10px;transition:box-shadow .26s,border-color .26s;display:flex;box-shadow:0 4px 18px #00000012,0 1px 3px #0000000a}.gear__item:hover .gear__figure{border-color:#3d7a4559;box-shadow:0 24px 48px -10px #0003,0 2px 8px #0000000f}.gear__image-wrap{aspect-ratio:4/5;background:#e2ddd3;border-radius:3px;position:relative;overflow:hidden}.gear__image{object-fit:cover;filter:saturate(.92)contrast(1.02);width:100%;height:100%;transition:transform .32s;display:block}.gear__item:hover .gear__image{transform:scale(1.03)}.gear__caption{justify-content:space-between;align-items:baseline;padding:7px 2px 0;display:flex}.gear__caption h3{font-family:var(--font-schibsted), sans-serif;letter-spacing:.01em;color:var(--ynl-ink,#0a0a0a);margin:0;font-size:.8125rem;font-weight:700;line-height:1.25}@media (max-width:1023px){.gear__inner{gap:32px}.gear__grid{scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch;justify-content:flex-start;max-width:none;padding:28px 20px 44px;overflow-x:auto}.gear__item{scroll-snap-align:start;min-width:165px;max-width:165px;transform:translateY(calc(var(--gear-y,0px) * .6)) rotate(calc(var(--gear-rot,0deg) * .8));flex:0 0 165px;margin:0 -16px 0 0}.gear__item:last-child{margin-right:24px}.gear__item:hover{transform:translateY(-8px)scale(1.05)rotate(0)}}@media (max-width:639px){.gear{padding:40px 16px}.gear__grid{padding:20px 16px 36px 8px}.gear__item{min-width:150px;max-width:150px;transform:translateY(calc(var(--gear-y,0px) * .45)) rotate(calc(var(--gear-rot,0deg) * .7));flex:0 0 150px;margin-right:-18px}.gear__item:last-child{margin-right:16px}.gear__item:hover{transform:translateY(-6px)scale(1.03)rotate(0)}}@media (prefers-reduced-motion:reduce){.gear__item{transition:none;transform:none!important}.gear__image{transition:none}.gear__item:hover .gear__image{transform:none}}
