.portfolio-page{padding-bottom:80px}.portfolio-page .page-intro{padding-bottom:65px}.portfolio-page .page-intro h1{font-size:clamp(59.36px,9.54vw,152.64px)}.portfolio-empty{border-bottom:1px solid var(--line);grid-template-columns:1fr 2.5fr;gap:40px;padding:85px 0 95px;display:grid}.portfolio-empty>.eyebrow{padding-top:14px}.portfolio-empty h2{letter-spacing:-.035em;margin-bottom:24px;font-size:clamp(34.58px,4.004vw,61.88px);line-height:1.05}.portfolio-empty p:not(.eyebrow){color:#5e554f;max-width:490px;margin-bottom:16px;font-size:14px;line-height:1.85}.portfolio-empty .text-link{margin-top:12px}.portfolio-collection-footer{justify-content:flex-end;padding-block:32px;display:flex}.portfolio-preview-note{border:1px dashed #796b63;padding:24px;font-size:13px;line-height:1.8}.portfolio-preview-note .text-link{margin-top:12px}.portfolio-preview-banner{color:#f1ece4;background:#353535;margin-top:24px;padding:22px 28px;font-size:13px;line-height:1.7}.portfolio-preview-banner strong{margin-bottom:4px;font-weight:600;display:block}.portfolio-preview-nav{flex-wrap:wrap;gap:12px 28px;margin-top:12px;display:flex}.portfolio-preview-nav a{text-underline-offset:5px;padding-block:8px;font-size:14px;text-decoration:underline}.portfolio-list{padding-top:65px}.portfolio-entry{grid-template-columns:1fr 5fr;gap:40px;margin-bottom:90px;display:grid}.portfolio-entry:nth-child(2n){grid-template-columns:5fr 1fr}.portfolio-entry:nth-child(2n) .portfolio-entry-number{text-align:right;order:2}.portfolio-entry-number{padding-top:12px}.portfolio-entry-link{min-width:0;display:block}.portfolio-entry-image{aspect-ratio:16/9;background:#353535;position:relative;overflow:hidden}.portfolio-entry-image img,.portfolio-entry-image .media-study{object-fit:cover;width:100%;height:100%;transition:transform .35s}.portfolio-entry-link:hover .portfolio-entry-image>*,.portfolio-entry-link:focus-visible .portfolio-entry-image>*{transform:scale(1.015)}.portfolio-entry-caption{justify-content:space-between;align-items:baseline;gap:24px;margin-top:20px;display:flex}.portfolio-entry-caption h2{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(30.94px,3.367vw,52.78px);line-height:1.1}.portfolio-entry-caption>span{font-size:25px}.portfolio-entry-meta{text-transform:uppercase;letter-spacing:.07em;color:#5e554f;margin-top:14px;font-size:11px;line-height:1.8}.portfolio-entry-meta span{margin-inline:10px}.portfolio-entry-role{color:#5e554f;margin-top:7px;font-size:13px;line-height:1.7}.portfolio-video-label{color:#f1ece4;background:#171717;padding:10px 14px;font-size:11px;position:absolute;bottom:20px;right:20px}.portfolio-back{padding-top:35px}.portfolio-project-header{padding-block:50px 40px}.portfolio-project-header h1{letter-spacing:-.045em;overflow-wrap:anywhere;max-width:1100px;margin-block:22px 25px;font-size:clamp(54.6px,7.28vw,116.48px);line-height:1.02}.portfolio-summary{color:#5e554f;max-width:600px;font-size:15px;line-height:1.85}.portfolio-facts{border-top:1px solid var(--line);flex-wrap:wrap;gap:22px 55px;margin:32px 0 0;padding-top:28px;display:flex}.portfolio-facts>div{max-width:300px}.portfolio-facts dt,.portfolio-credits dt{text-transform:uppercase;letter-spacing:.12em;color:#5e554f;font-size:10px}.portfolio-facts dd{margin:8px 0 0;font-size:13px;line-height:1.7}.portfolio-hero{margin:0}.portfolio-hero-image{aspect-ratio:16/9;background:#353535;overflow:hidden}.portfolio-hero-image img{object-fit:cover;width:100%;height:100%}.portfolio-media-caption{color:#5e554f;flex-wrap:wrap;justify-content:space-between;gap:10px 30px;padding-top:14px;font-size:11px;line-height:1.7;display:flex}.portfolio-media-caption a,.portfolio-credits a{text-underline-offset:4px;text-decoration:underline}.portfolio-overview,.portfolio-narrative section{grid-template-columns:1fr 2.5fr;gap:40px;padding-block:65px;display:grid}.portfolio-overview>.eyebrow,.portfolio-narrative .eyebrow{padding-top:12px}.portfolio-overview h2,.portfolio-narrative h2,.portfolio-media-section>h2,.portfolio-credits h2,.portfolio-related h2{letter-spacing:-.025em;margin-bottom:24px;font-size:clamp(30.94px,3.64vw,52.78px);line-height:1.1}.portfolio-overview h3{margin:28px 0 14px;font-size:26.39px}.portfolio-overview p:not(.eyebrow),.portfolio-narrative p:not(.eyebrow){color:#5e554f;white-space:pre-line;max-width:650px;font-size:15px;line-height:1.9}.portfolio-narrative{border-top:1px solid var(--line)}.portfolio-narrative section{border-bottom:1px solid var(--line)}.portfolio-media-section{margin-block:55px 75px}.portfolio-supporting{grid-template-columns:1.1fr .9fr;align-items:start;gap:55px;display:grid}.portfolio-supporting>figure{min-width:0;margin:0}.portfolio-supporting>figure:nth-child(2n){margin-top:90px}.portfolio-supporting-image img{width:100%;height:auto}.portfolio-supporting-image .media-study{aspect-ratio:4/5}.portfolio-supporting>.portfolio-video{grid-column:1/-1}.portfolio-credits{border-top:1px solid var(--line);grid-template-columns:1fr 1.5fr;gap:55px;padding-block:55px;display:grid}.portfolio-credits dl{margin:0}.portfolio-credits dl>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.6fr;gap:24px;padding-block:18px;display:grid}.portfolio-credits dd{margin:0;font-size:14px;line-height:1.7}.portfolio-related{border-top:1px solid var(--line);padding-top:45px}.portfolio-related .text-link{max-width:600px;margin-top:12px;font-size:15px;display:flex}.portfolio-detail-footer{padding-block:45px 75px}.portfolio-video{margin:0}.portfolio-video-frame{color:#f1ece4;background:#171717;min-height:210px;position:relative;overflow:hidden}.portfolio-video-frame>img,.portfolio-video-frame>.media-study,.portfolio-video-frame iframe{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.portfolio-play{color:#171717;white-space:nowrap;background:#f1ece4;border:1px solid #171717;align-items:center;gap:24px;min-height:48px;padding:18px 28px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-video-status{text-align:center;background:#171717;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;font-size:14px;display:flex;position:absolute;inset:0}.portfolio-video-status a{text-underline-offset:4px;text-decoration:underline}.portfolio-button{background:0 0;border:1px solid;min-height:44px;padding:12px 24px}.portfolio-video-error{border:1px solid var(--line);padding:24px;font-size:14px}.portfolio-video-caption{color:#5e554f;justify-content:space-between;gap:28px;padding-top:18px;font-size:13px;line-height:1.8;display:flex}.portfolio-video-caption small{margin-top:6px;font-size:11px;display:block}.portfolio-video-actions{flex-direction:column;flex-shrink:0;align-items:start;display:flex}.portfolio-video-actions button,.portfolio-video-actions a{text-underline-offset:5px;background:0 0;border:0;padding-block:10px;text-decoration:underline}.portfolio-video-demo{padding-block:60px}.portfolio-video-demo h1{font-size:clamp(42px,7vw,80px)}.portfolio-video-demo>p{max-width:640px;margin-block:20px;line-height:1.8}.portfolio-video-demo form{align-items:end;gap:20px;margin-block:30px;display:flex}.portfolio-video-demo label{flex:1}.portfolio-video-demo input{width:100%;font:inherit;background:0 0;border:1px solid #796b63;margin-top:10px;padding:14px;display:block}@media (min-width:1001px){.portfolio-entry,.portfolio-entry:nth-child(2n){grid-template-columns:1fr minmax(0,calc(75.8333% - 30.3333px)) 1fr;gap:0;margin-bottom:82px}.portfolio-entry-link{grid-area:1/2}.portfolio-entry-number{grid-area:1/1}.portfolio-entry:nth-child(2n) .portfolio-entry-number{grid-column:3}.portfolio-hero,.portfolio-detail>.portfolio-video,.portfolio-supporting{width:91%;margin-inline:auto}.portfolio-supporting{gap:50px}.portfolio-media-section{margin-block:50px 68px}}@media (max-width:1000px){.portfolio-entry{grid-template-columns:1fr;gap:18px}.portfolio-entry:nth-child(2n){grid-template-columns:1fr}.portfolio-entry:nth-child(2n) .portfolio-entry-number{text-align:left;order:0}.portfolio-credits{grid-template-columns:1fr;gap:5px}}@media (max-width:700px){.portfolio-page{padding-bottom:40px}.portfolio-page .page-intro{padding-bottom:35px}.portfolio-page .page-intro h1{font-size:clamp(44.52px,11.66vw,80.56px)}.portfolio-empty{padding-block:45px;display:block}.portfolio-empty>.eyebrow{margin-bottom:24px;padding-top:0}.portfolio-empty h2{font-size:34.58px}.portfolio-list{padding-top:35px}.portfolio-entry{margin-bottom:55px}.portfolio-entry-image .media-study{min-height:0}.portfolio-entry-caption h2{font-size:30.94px}.portfolio-preview-banner{padding:20px}.portfolio-project-header{padding-top:35px}.portfolio-project-header h1{font-size:47.32px}.portfolio-facts{gap:22px 30px}.portfolio-hero-image .media-study{min-height:0}.portfolio-overview,.portfolio-narrative section{padding-block:40px;display:block}.portfolio-overview>.eyebrow,.portfolio-narrative .eyebrow{margin-bottom:22px;padding-top:0}.portfolio-supporting{grid-template-columns:1fr;gap:30px}.portfolio-supporting>figure:nth-child(2n){margin-top:0}.portfolio-supporting-image .media-study{aspect-ratio:4/3}.portfolio-credits{padding-block:35px}.portfolio-credits dl>div{grid-template-columns:1fr;gap:8px}.portfolio-video-caption{flex-direction:column;gap:12px}.portfolio-video-demo form{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.portfolio-entry-image img,.portfolio-entry-image .media-study{transition:none}.portfolio-entry-link:hover .portfolio-entry-image>*,.portfolio-entry-link:focus-visible .portfolio-entry-image>*{transform:none}}html:has(.portfolio-video){scroll-behavior:auto}.performance-filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px 28px;display:flex}.performance-filters button{color:#5e554f;min-height:44px;font:inherit;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:14px 0;font-size:11px}.performance-filters button[aria-pressed=true]{color:#171717;border-bottom-color:currentColor}.performance-filters button:focus-visible{outline-offset:4px;outline:2px solid}.performance-filter-empty{color:#5e554f;padding-block:45px;font-size:14px;line-height:1.85}.portfolio-classwork-context{color:#5e554f;white-space:pre-line;max-width:650px;padding-top:28px;font-size:15px;line-height:1.9}.portfolio-classwork .portfolio-facts a{text-underline-offset:4px;text-decoration:underline}.portfolio-classwork .portfolio-video-frame{width:100%;min-height:0}
