.work-piece{display:grid;gap:1rem;position:relative}.work-piece__frame{background:#f6f5f0;box-shadow:var(--shadow-frame);padding:clamp(.5rem,1.5vw,1rem);transition:translate .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1)}.work-piece__image{aspect-ratio:16/10;background:#dddcd5;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.work-piece__label{background:#f6f5f0;color:#161616;display:flex;flex-direction:column;gap:.5rem;max-width:26rem;padding:1.25rem}.work-piece__title{font-size:1.75rem}.work-piece__link{text-decoration:none}.work-piece__link:after{content:"";inset:0;position:absolute}.work-piece__link:focus-visible{outline:none}.work-piece__meta{color:#545650;display:flex;font-size:.875rem;font-variant-numeric:tabular-nums;gap:1rem}.work-piece__status{color:#161616;font-weight:700}.work-piece__medium{color:#545650;font-size:.875rem}.work-piece__more{align-items:center;align-self:flex-start;background:var(--color-action);color:var(--color-action-ink);display:inline-flex;font-weight:700;gap:.5rem;margin-top:.5rem;padding:.25rem .75rem}.work-piece__arrow{transition:transform .25s cubic-bezier(.16,1,.3,1)}.work-piece:hover .work-piece__frame{box-shadow:var(--shadow-frame-lift);translate:0 -4px}.work-piece:hover .work-piece__arrow{transform:translate(4px)}.work-piece:has(.work-piece__link:focus-visible){outline:3px solid var(--color-action);outline-offset:.5rem}@supports (animation-timeline:view()){.work-piece__frame{animation:work-piece-hang cubic-bezier(.16,1,.3,1) both;animation-range:entry 0 cover 25%;animation-timeline:view()}@keyframes work-piece-hang{0%{opacity:0;transform:translateY(2.5rem)}}}@media(min-width:64em){.work-piece{align-items:end;gap:4rem;grid-template-columns:minmax(0,7fr) minmax(0,4fr)}.work-piece__label{margin-bottom:2rem}li:nth-child(2n)>.work-piece{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}li:nth-child(2n)>.work-piece .work-piece__frame{order:2}li:nth-child(2n)>.work-piece .work-piece__label{justify-self:end}}.copy-email{border:2px solid var(--link-line,var(--color-action));color:var(--wall-text);font-variant-numeric:tabular-nums;font-weight:700;min-height:2.75rem;padding:.5rem 1rem;transition:background-color .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1)}.copy-email:hover{background:var(--color-action);color:var(--color-action-ink)}.entrance{padding-bottom:4rem;padding-top:1rem}.entrance__inner{display:grid;gap:1.5rem}.entrance__portrait{background:#f6f5f0;box-shadow:var(--shadow-frame);max-width:10.5rem;padding:.375rem;width:100%}.entrance__image{aspect-ratio:4/5;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.entrance__placeholder{align-items:center;aspect-ratio:4/5;color:#21443a;display:flex;font-size:clamp(3rem,7.5vw,7.5rem);font-weight:700;justify-content:center}.entrance__name{font-size:clamp(3rem,7.5vw,7.5rem);letter-spacing:-.045em;line-height:.92}.entrance__wall-text{font-size:clamp(1.125rem,1.6vw,1.375rem);line-height:1.5;margin-top:1rem;max-width:34rem}.entrance__label{--link-line:#161616;background:#f6f5f0;color:#161616;margin-top:1.5rem;max-width:30rem;padding:1rem}.entrance__label-title{font-size:1.25rem;font-weight:700;line-height:1.2}.entrance__label-note{color:#545650;font-size:.875rem}.entrance__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:.75rem}.entrance__address{font-weight:700;margin-top:1rem;overflow-wrap:anywhere;-webkit-user-select:all;-moz-user-select:all;user-select:all}.room{padding-block:clamp(4rem,10vw,8rem)}.room__title{font-size:clamp(2.25rem,6vw,4rem);letter-spacing:-.04em;margin-bottom:2rem}.home__works{display:flex;flex-direction:column;gap:clamp(3rem,8vw,7rem)}.home__about{display:grid;gap:4rem}.home__about-text{display:flex;flex-direction:column;font-size:1.125rem;gap:1rem;max-width:40rem}.home__about-text .room__title{margin-bottom:.5rem}.home__skills{align-self:start;background:#f6f5f0;color:#161616;display:flex;flex-direction:column;gap:1.25rem;padding:2rem}.home__skills-title{font-size:1.25rem}.home__skill-label{color:#545650;font-size:.875rem}.home__skill-list{display:flex;flex-wrap:wrap;gap:0 1rem}.home__skill-list li{font-weight:700}.home__skills-note{color:#545650;font-size:.875rem}.home__contact-lead{font-size:clamp(1.125rem,1.6vw,1.375rem);max-width:34rem}.home__email{display:inline-block;font-size:clamp(1.75rem,6.5vw,4.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-top:1rem;overflow-wrap:anywhere;text-decoration-thickness:.08em;text-underline-offset:.15em;transition:text-decoration-thickness .2s cubic-bezier(.16,1,.3,1)}.home__email:hover{text-decoration-thickness:.14em}.home__contact-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin-top:2rem}.home__contact-alt{color:var(--wall-muted)}@media(min-width:64em){.entrance{padding-bottom:6rem;padding-top:2rem}.entrance__inner{align-items:center;gap:clamp(2rem,5vw,4.5rem);grid-template-columns:minmax(0,6fr) minmax(0,7fr)}.entrance__portrait{max-width:none;padding:1rem}.entrance__label{margin-top:2rem;padding:1.25rem}.entrance__actions{gap:.25rem 2rem;margin-top:1rem}.home__about{gap:4rem;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}