.hero{position:relative;isolation:isolate;padding-block:clamp(2.5rem,6vw,5rem) clamp(3rem,7vw,5.5rem)}.hero__ghost-a{top:1.5rem;left:-8rem;width:clamp(18rem,38vw,34rem);aspect-ratio:68 / 58;opacity:.07}.hero__inner{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(2rem,5vw,4rem)}.hero__copy h1{font-size:var(--text-hero);max-width:15ch;margin-top:var(--space-lg)}.hero__period{color:var(--core)}.hero__brushed{position:relative;white-space:nowrap}.hero__stroke{position:absolute;left:-.08em;bottom:-.12em;width:108%;height:.34em;z-index:-1;transform:rotate(-1.4deg)}.hero__sub{margin-top:var(--space-lg);max-width:46ch;font-size:1.125rem;color:var(--muted)}.hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-lg);margin-top:var(--space-xl)}.hero__contact{display:inline-flex;align-items:center;min-height:var(--tap-min);font-weight:500}.hero__mark{justify-self:end;width:clamp(22rem,40vw,35rem);margin-right:clamp(-7rem,-7vw,-2rem);transform:translateY(clamp(1.25rem,2.5vw,2.5rem));cursor:pointer}.hero__mark svg{overflow:visible}.hero__mark .mark-escaped{transform:translate(9px,-7px)}.hero__mark--replay{--mark-delay: 0ms}@media(prefers-reduced-motion:no-preference){.hero__mark .mark-escaped{transition:transform .15s var(--ease-brand)}.hero__mark:hover .mark-escaped{transform:translate(12px,-9.5px)}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: scroll()){.hero__mark .frag{transform-box:view-box;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root block);animation-range:0 80vh}.hero__mark .frag--core{animation-name:frac-core}.hero__mark .frag--coral{animation-name:frac-coral}.hero__mark .frag--ember{animation-name:frac-ember}.hero__mark .frag--lilac{animation-name:frac-lilac}}}@keyframes frac-core{to{transform:translate(-20px,-17px)}}@keyframes frac-coral{to{transform:translate(21px,-18px)}}@keyframes frac-ember{to{transform:translate(-19px,17px)}}@keyframes frac-lilac{to{transform:translate(18px,21px)}}@media(max-width:760px){.hero__inner{grid-template-columns:minmax(0,1fr)}.hero__mark{width:min(76vw,21rem);margin-right:-1.25rem;transform:translateY(.75rem)}}.work{position:relative;isolation:isolate;padding-block:var(--space-3xl) var(--space-4xl)}.work__shard-a{top:3.5rem;right:-1.75rem;width:92px;height:92px}.work__ghost{top:34%;left:-10rem;width:clamp(20rem,42vw,38rem);aspect-ratio:78 / 58;opacity:.07}.work__header h2{font-size:var(--text-h2);margin-top:var(--space-md)}.work__lede{margin-top:var(--space-md);max-width:52ch;color:var(--muted)}.work__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-lg);margin-top:var(--space-2xl)}.work-card:nth-child(1){grid-column:1 / span 7}.work-card:nth-child(2){grid-column:8 / span 5;margin-top:var(--space-2xl)}.work-card:nth-child(3){grid-column:4 / span 7}.work-card{position:relative;border:1px solid var(--hairline);border-radius:var(--radius-control);padding:var(--space-xl) var(--space-lg) var(--space-lg);background:var(--paper);overflow:hidden}.work-card__shard{top:var(--space-lg);right:var(--space-lg);width:30px;height:30px;z-index:1}.work-card__shot{position:relative;margin:calc(var(--space-xl) * -1) calc(var(--space-lg) * -1) var(--space-lg);aspect-ratio:16 / 10;overflow:hidden;background:var(--wash);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),0 100%)}.work-card__shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.work-card__shot--empty .shot-shard--a{top:15%;left:10%;width:36%;aspect-ratio:68 / 58}.work-card__shot--empty .shot-shard--b{bottom:15%;right:12%;width:31%;aspect-ratio:78 / 58;opacity:.8}.work-card__tag{display:inline-block;font-family:var(--font-body);font-size:.8125rem;font-weight:600;line-height:1;padding:.375rem 1.125rem .4375rem .625rem;background:var(--wash);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,0 100%)}.work-card__tag--ember{background:var(--ember)}.work-card__name{font-size:var(--text-h3);margin-top:var(--space-md)}.work-card__body{margin-top:var(--space-xs);max-width:44ch;color:var(--muted)}.work-card__meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--text-mono);color:var(--muted);margin-top:var(--space-lg);padding-top:var(--space-sm);border-top:1px solid var(--hairline)}.work-card__link{color:var(--core);white-space:nowrap;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.work-card__link:hover{color:var(--lilac)}@media(prefers-reduced-motion:no-preference){.work-card{transition:transform .15s var(--ease-brand),border-color .15s ease}.work-card:hover{transform:translateY(-3px);border-color:#241c224d}.work-card__shot img{transition:transform .25s var(--ease-brand)}.work-card:hover .work-card__shot img{transform:scale(1.02)}.work-card__shard{transition:transform .15s var(--ease-brand)}.work-card:hover .work-card__shard{transform:translate(3px,-3px)}.work-card:nth-child(2):hover .work-card__shard{transform:translate(-2px,3px)}.work-card:nth-child(3):hover .work-card__shard{transform:translate(3px,3px)}}@media(max-width:860px){.work-card:nth-child(1),.work-card:nth-child(2),.work-card:nth-child(3){grid-column:1 / -1;margin-top:0}}.about{position:relative;isolation:isolate;padding-block:var(--space-4xl)}.about__ghost{top:12%;right:-7rem;width:clamp(16rem,34vw,30rem);aspect-ratio:66 / 62;opacity:.05}.about__shard{top:var(--space-4xl);left:-1.25rem;width:64px;height:64px}.about__body{max-width:40rem;margin-inline:auto}.about__body h2{font-size:var(--text-h2);margin-top:var(--space-md)}.about__body p+p{margin-top:var(--space-lg)}.about__body h2+p{margin-top:var(--space-lg)}@media(max-width:760px){.about__shard{display:none}}