.cards{grid-gap:64px 24px;display:grid;gap:64px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}.card{animation-timeline:view();animation-range:entry 5% cover 25%;animation:project-reveal .65s both;color:var(--text-color);min-width:0;text-decoration:none}.card-media{aspect-ratio:16/10;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-media img,.card-media video{display:block;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1);width:100%}.card:focus-visible .card-media img,.card:focus-visible .card-media video,.card:hover .card-media img,.card:hover .card-media video{transform:scale(1.025) translateY(-2px)}.card-placeholder{background:linear-gradient(135deg,var(--surface),var(--surface-2));color:var(--muted);display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:28px}.card-placeholder span{color:var(--accent);font-size:1.3rem;font-weight:800}.card-placeholder small{font:500 .68rem DM Mono;letter-spacing:.1em;text-transform:uppercase}.card-copy{grid-gap:15px;display:grid;gap:15px;grid-template-columns:34px 1fr auto;padding:20px 2px 0}.card-copy>div{min-width:0}.card-copy p,.card-meta{overflow-wrap:anywhere}.card-meta,.card-number{color:var(--muted);font:500 .68rem DM Mono;letter-spacing:.1em}.card-copy h2{font-size:clamp(1.4rem,2.2vw,2.1rem);margin:7px 0 9px}.card-copy p:last-child{color:var(--muted);font-size:.92rem;max-width:580px}.card-arrow{font-size:.72rem;font-weight:700;transition:transform .2s;white-space:nowrap}.card:focus-visible .card-arrow,.card:hover .card-arrow{transform:translate(3px,-3px)}.card-disabled{cursor:default}@keyframes project-reveal{0%{opacity:0;transform:translateY(28px)}}@media(max-width:700px){.cards{gap:48px;grid-template-columns:1fr}.card-media{aspect-ratio:auto;overflow:visible}.card-media img,.card-media video{height:auto;object-fit:contain;width:100%}.card-copy{gap:12px;grid-template-columns:28px minmax(0,1fr)}.card-arrow{grid-column:2;justify-self:start}}@media(prefers-reduced-motion:reduce){.card{animation:none}.card-media img,.card-media video{transition:none}}.portfolio-container{margin:auto;max-width:var(--max-width);padding:clamp(70px,9vw,130px) 42px}.projects-subnav{align-items:center;color:var(--muted);display:flex;font:500 .72rem DM Mono;gap:16px;letter-spacing:.06em;margin-bottom:clamp(45px,6vw,75px);overflow-x:auto;text-transform:uppercase}.projects-subnav button{background:none;border:0;color:inherit;cursor:pointer;padding:8px 0;position:relative;white-space:nowrap}.projects-subnav button:after{background:var(--accent);bottom:2px;content:"";height:1px;left:0;position:absolute;right:100%;transition:right .2s}.projects-subnav button:focus-visible,.projects-subnav button:hover{color:var(--text-color)}.projects-subnav button:focus-visible:after,.projects-subnav button:hover:after{right:0}.projects-subnav b{color:var(--accent)}.portfolio-container>.left{width:100%}.portfolio>.title{font-size:clamp(4rem,9vw,8rem);margin-bottom:75px}.portfolio>.title:after{color:var(--accent);content:"."}.recommendation-teaser{grid-gap:clamp(25px,5vw,70px);align-items:end;border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;gap:clamp(25px,5vw,70px);grid-template-columns:2fr .8fr auto;margin:0 0 clamp(70px,9vw,120px);padding:32px 0}.recommendation-teaser blockquote{animation:teaser-in .55s ease both;font-size:clamp(1.55rem,2.8vw,3.1rem);letter-spacing:-.04em;line-height:1.18}.recommendation-teaser>div{animation:teaser-in .55s ease .08s both;display:flex;flex-direction:column;gap:5px}.recommendation-teaser strong{font-size:.9rem}.recommendation-teaser span{color:var(--muted);font-size:.72rem}.recommendation-teaser button{animation:teaser-in .55s ease .16s both;background:none;border:0;color:var(--text-color);cursor:pointer;font-weight:700;padding:8px 0;white-space:nowrap}.recommendation-teaser button b{color:var(--accent);display:inline-block;transition:transform .2s}.recommendation-teaser button:hover b{transform:translateX(4px)}.recommendations{padding-top:clamp(100px,13vw,180px)}#recommendations>h1{font-size:clamp(2.7rem,5vw,5.7rem);margin-bottom:50px;text-transform:none}#recommendations>h1:first-letter{text-transform:uppercase}.recommendation-authors{border-bottom:1px solid var(--line);display:flex;gap:clamp(20px,3vw,42px);margin-bottom:18px;overflow-x:auto;padding:0 0 18px}.recommendation-authors button{background:none;border:0;color:var(--muted);cursor:pointer;font-weight:600;padding:8px 0;position:relative;white-space:nowrap}.recommendation-authors button:after{background:var(--accent);bottom:0;content:"";height:1px;left:0;position:absolute;right:100%;transition:right .25s}.recommendation-authors button.active{color:var(--text-color)}.recommendation-authors button.active:after{right:0}.recommendation_container{grid-gap:clamp(35px,6vw,90px);border-top:1px solid var(--line);display:grid;gap:clamp(35px,6vw,90px);grid-template-columns:minmax(240px,.85fr) 2fr;padding:38px 0}.recommendation-active{animation:recommendation-change .38s ease both}.given-container{grid-gap:15px;align-items:start;display:grid;gap:15px;grid-template-columns:58px 1fr}.given-container .pic{border-radius:50%;filter:grayscale(1);height:58px;object-fit:cover;transition:filter .25s;width:58px}.recommendation_container:hover .pic{filter:none}.author-copy h2{font-size:1rem;letter-spacing:-.02em;margin-bottom:5px}.author-copy h2 a{text-decoration:none}.author-copy p{color:var(--muted);font-size:.76rem;line-height:1.4;max-width:240px}.author-copy span{color:var(--accent);display:block;font:500 .62rem DM Mono;letter-spacing:.1em;margin-top:18px;text-transform:uppercase}.recommendation-message{grid-column:2}.recommendation_container .message{color:var(--muted);font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.65;margin-bottom:10px;max-width:780px}@keyframes teaser-in{0%{opacity:0;transform:translateY(10px)}}@keyframes recommendation-change{0%{opacity:0;transform:translateY(9px)}}@media(max-width:800px){.portfolio-container{padding-left:24px;padding-right:24px}.recommendation-teaser,.recommendation_container{grid-template-columns:1fr}.recommendation-message{grid-column:1}.given-container{grid-template-columns:54px 1fr}}@media(max-width:700px){.card,.cards,.portfolio,.portfolio-container{max-width:100%;min-width:0}.projects-subnav{column-gap:9px;flex-wrap:wrap;margin-bottom:28px;overflow-x:visible;row-gap:2px}.projects-subnav button{overflow-wrap:anywhere;text-align:left;white-space:normal}.portfolio>.title{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.recommendation-teaser{display:none}}@media(max-width:500px){.portfolio-container{padding:60px 18px}.projects-subnav{font-size:.65rem}.recommendation-authors{padding-bottom:14px}}@media(prefers-reduced-motion:reduce){.recommendation-active,.recommendation-teaser>*{animation:none}}
/*# sourceMappingURL=161.90464f2b.chunk.css.map*/