.projects{position:relative;isolation:isolate;padding-block:clamp(72px,12vw,160px)}.works-heading{font-size:var(--fs-h2);margin-block-end:clamp(36px,5vw,64px)}.works-coordline{position:absolute;left:0;top:50%;width:100%;aspect-ratio:1200 / 400;transform:translateY(-50%);z-index:-1;color:var(--pulse);opacity:.4;pointer-events:none}.works-coordline line{stroke:currentColor}.works-coordline text{fill:currentColor;font-family:var(--font-label);letter-spacing:.08em}.works-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,minmax(180px,auto));gap:var(--grid-gap)}.works-card:nth-child(1){grid-column:1 / 3;grid-row:1 / 2}.works-card:nth-child(2){grid-column:3 / 4;grid-row:1 / 3}.works-card:nth-child(3){grid-column:4 / 5;grid-row:1 / 2}.works-card:nth-child(4){grid-column:1 / 2;grid-row:2 / 3}.works-card:nth-child(5){grid-column:2 / 3;grid-row:2 / 3}.works-card:nth-child(6){grid-column:4 / 5;grid-row:2 / 3}.works-card:nth-child(7){grid-column:1 / 2;grid-row:3 / 4}.works-card:nth-child(8){grid-column:2 / 3;grid-row:3 / 4}.works-card:nth-child(9){grid-column:3 / 5;grid-row:3 / 4}.works-card{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:clamp(20px,2.4vw,28px);transition:transform .3s cubic-bezier(.22,1,.36,1)}.works-lead{max-width:32em;margin-block-end:clamp(28px,4vw,48px);color:var(--ink)}.works-card-fuman{font-size:.78rem;line-height:1.75;letter-spacing:.02em;color:#1011149e;margin-block:4px 8px}.works-card-fuman-tag{display:inline-block;font-size:.64rem;line-height:1.7;padding:0 .6em;margin-inline-end:.55em;border:1px solid var(--signal);border-radius:999px;color:var(--ink);white-space:nowrap;vertical-align:.1em}.works-card:before{content:"";position:absolute;inset:0;z-index:-1;background:#fffffff7;border:1px solid var(--paper-line);border-radius:10px;transition:box-shadow .3s cubic-bezier(.22,1,.36,1),border-color .3s ease}.works-card:nth-child(odd):hover,.works-card:nth-child(odd):focus-within{transform:translateY(-6px) rotate(.4deg)}.works-card:nth-child(2n):hover,.works-card:nth-child(2n):focus-within{transform:translateY(-6px) rotate(-.4deg)}.works-card:hover:before,.works-card:focus-within:before{box-shadow:0 12px 32px #071b3a1a;border-color:var(--ink)}.works-card:after{content:"";position:absolute;top:16px;right:16px;width:8px;height:8px;border-radius:50%;background:var(--signal);transform:scale(0);transition:transform .35s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.works-card:hover:after,.works-card:focus-within:after{transform:scale(1)}.works-card-category{font-family:var(--font-label);font-size:var(--fs-label);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pulse);margin-block-end:.8em}.works-card-title{color:var(--ink);font-size:var(--fs-h3);margin-block-end:.5em}.works-card-text{color:var(--ink);font-size:var(--fs-body);max-width:32ch}.works-card-icon{width:28px;height:28px;color:var(--pulse);align-self:flex-end;margin-block-start:auto;padding-block-start:1em}.works-card-plate{position:absolute;inset:0;z-index:-2;background:var(--lemon-light);border-radius:10px;transform:translate(8px,8px)}@media(max-width:1024px){.works-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:none;grid-auto-rows:minmax(160px,auto)}.works-card:nth-child(1){grid-column:1 / 3;grid-row:auto}.works-card:nth-child(2){grid-column:1 / 2;grid-row:span 2}.works-card:nth-child(3){grid-column:2 / 3;grid-row:auto}.works-card:nth-child(4){grid-column:2 / 3;grid-row:auto}.works-card:nth-child(5){grid-column:1 / 3;grid-row:auto}.works-card:nth-child(6){grid-column:1 / 2;grid-row:auto}.works-card:nth-child(7){grid-column:2 / 3;grid-row:auto}.works-card:nth-child(8){grid-column:1 / 2;grid-row:auto}.works-card:nth-child(9){grid-column:1 / 3;grid-row:auto}}@media(max-width:640px){.works-grid{grid-template-columns:1fr}.works-grid .works-card{grid-column:1 / -1;grid-row:auto}}.gallery{padding-block:clamp(64px,10vw,140px)}.gallery-heading{font-size:var(--fs-h2);margin-block-end:.3em}.gallery-sub{color:var(--ink);opacity:.68;margin-block-end:clamp(28px,5vw,56px)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap)}.gallery-tile{position:relative;isolation:isolate;overflow:hidden;border-radius:10px;border:1px solid var(--paper-line);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}.gallery-tile:hover,.gallery-tile:focus-within{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 40px #071b3a1f}.gallery-tile-img{width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform .35s ease}.gallery-tile:hover .gallery-tile-img,.gallery-tile:focus-within .gallery-tile-img{transform:scale(1.04)}.gallery-tile-label{position:absolute;top:12px;left:12px;z-index:1;display:inline-flex;align-items:center;gap:.4em;padding:.35em .7em;border-radius:4px;background:#101114b8;color:var(--depth-text);font-family:var(--font-label);font-size:var(--fs-label);font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1;transition:background-color .3s ease,color .3s ease}.gallery-tile:hover .gallery-tile-label,.gallery-tile:focus-within .gallery-tile-label{background:var(--signal);color:var(--ink)}.gallery-tile-play{font-size:.8em;line-height:1}@media(max-width:1024px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.gallery-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.works-card,.works-card:before,.works-card:after,.gallery-tile,.gallery-tile-img,.gallery-tile-label{transition-duration:.01ms}}