:root{--page: #f7f7f5;--paper: #fbfbfa;--ink: #232326;--muted: #8a8a8a;--soft: #b7b7b2;--line: #d9d9d4;--line-dark: #c9c9c3}*{box-sizing:border-box}html,body{margin:0;min-height:100%;scroll-behavior:smooth}body{background:var(--page);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.45}button,a{font:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.social-symbols{position:absolute;width:0;height:0;overflow:hidden}.page-shell{width:min(1120px,calc(100% - 9rem));margin:5rem auto;padding:clamp(5rem,9vw,8rem) clamp(3rem,8vw,6.4rem) 2.4rem;border:1px solid var(--line);background:var(--paper)}.masthead{text-align:center}.brand{display:inline-block;color:var(--ink);font-size:clamp(1.96rem,4.8vw,3.8rem);font-weight:800;line-height:.94;letter-spacing:0;text-transform:uppercase;text-decoration:none}.role{margin:2.8rem 0 3.2rem;color:var(--soft);font-size:.78rem;font-weight:600;letter-spacing:.48rem;text-transform:uppercase}.menu-links{display:grid;grid-template-columns:1fr repeat(5,auto) 1fr;align-items:center;gap:clamp(1rem,2.4vw,2rem);margin:0 auto;width:min(100%,920px)}.menu-links:before,.menu-links:after{content:"";height:1px;background:var(--line)}.menu-link{appearance:none;border:0;border-bottom:1px solid transparent;background:transparent;margin:0;padding:.15rem 0 .28rem;color:#686868;cursor:pointer;font-size:.72rem;font-weight:600;letter-spacing:.11rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:border-color .16s ease,color .16s ease}.menu-link:hover,.menu-link.is-active{color:var(--ink);border-color:var(--ink)}body[data-view=contact] .page-shell{padding-top:clamp(2rem,5vw,3.4rem)}body[data-view=contact] .brand{display:none}body[data-view=contact] .role{margin:0 0 clamp(5.6rem,11vw,8.5rem)}body[data-view=contact] .menu-links{width:min(100%,1100px)}.hero{margin-top:4.7rem}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.55rem,3.6vw,2.85rem);font-weight:800;letter-spacing:0;line-height:1;text-transform:uppercase}.lead{margin-bottom:0;color:#626262;font-size:.94rem}.hero-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:3.5rem clamp(2rem,4.5vw,3.6rem)}body[data-view=narrative] .hero-projects{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-view=awards] .hero-projects{grid-template-columns:1fr}.hero-project-link{appearance:none;display:flex;flex-direction:column;min-width:0;border:0;background:transparent;padding:0;color:#656565;cursor:pointer;text-align:center;text-transform:uppercase;transition:color .16s ease}.tile-image{display:block;width:100%;aspect-ratio:5 / 4;margin-bottom:1.1rem;background-color:#deded8;background-image:var(--tile-image);background-position:var(--tile-position, center);background-size:var(--tile-size, cover);background-repeat:no-repeat;filter:saturate(.96) contrast(1.04);transition:filter .18s ease,opacity .18s ease,transform .22s ease}.project-name{display:block;min-height:2.2rem;font-size:.76rem;font-weight:500;letter-spacing:.08rem;line-height:1.45}.press-award{display:none}body[data-view=awards] .hero-project-link[data-category=awards]{display:grid;grid-template-columns:minmax(12rem,.45fr) minmax(0,1fr);column-gap:clamp(1.6rem,5vw,4rem);align-items:start;text-align:left}body[data-view=awards] .hero-project-link[data-category=awards] .tile-image{grid-row:1 / span 5;margin-bottom:0}body[data-view=awards] .hero-project-link[data-category=awards] .project-name{grid-column:2;min-height:0;color:var(--ink);font-family:proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(.945rem,1.8vw,1.35rem);font-weight:300;letter-spacing:.0625rem}body[data-view=awards] .press-award{display:block;grid-column:2;margin-top:.48rem;color:#666;font-family:proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(.72rem,.9vw,.82rem);font-weight:300;letter-spacing:.0625rem;line-height:1.6;text-transform:uppercase}.hero-project-link:hover,.hero-project-link.is-active{color:var(--ink)}.hero-project-link:hover .tile-image,.hero-project-link.is-active .tile-image{filter:saturate(1.05) contrast(1.1);transform:translateY(-2px)}.hero-project-link.is-hidden{display:none}.project-detail{position:relative;margin-top:4.8rem;padding-top:1.1rem;border-top:1px solid var(--line)}.project-detail[hidden]{display:none}.detail-heading{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;margin-bottom:2.2rem;text-align:center}.detail-title-group{justify-self:center;width:fit-content;max-width:min(100%,42rem);min-width:0;text-align:left}.project-credit{max-width:64ch;margin:.9rem 0 0;color:#555;font-family:Merriweather,Georgia,serif;font-size:14px;font-weight:300;letter-spacing:0;line-height:1.8em;text-transform:uppercase}.back-link{appearance:none;position:absolute;top:-2.15rem;left:0;transform:none;border:0;background:transparent;margin:.2rem 0 0;padding:0;color:#696969;cursor:pointer;font-size:.72rem;font-weight:700;letter-spacing:.13rem;line-height:1.4;text-align:left;text-transform:uppercase}.back-link:before{content:"< "}.back-link:hover{color:var(--ink);text-decoration:underline;text-underline-offset:.22rem}.project-stills{display:grid;grid-template-columns:repeat(2,1fr);gap:2.2rem 2rem}.project-stills img{display:block;width:100%;height:auto;background:#deded8}.still-crop-frame{display:block;overflow:hidden}.still-crop-frame img{transform-origin:center}.still-crop-8 img{transform:scale(1.08)}.project-video{position:relative;margin-top:2.8rem;aspect-ratio:16 / 9;background:#111}.video-source-link{position:absolute;top:clamp(.55rem,1.8vw,1.1rem);left:clamp(.55rem,1.8vw,1.1rem);z-index:2;display:grid;grid-template-columns:clamp(3.2rem,11vw,5.6rem) minmax(0,auto);grid-template-rows:auto auto auto;column-gap:clamp(.45rem,1.4vw,.8rem);row-gap:clamp(.28rem,.8vw,.5rem);max-width:min(92%,36rem);color:#fff;text-decoration:none;text-transform:uppercase}.video-source-link:hover{color:#fff}.video-source-link:hover .video-source-title,.video-source-link:hover .video-source-author{text-decoration:underline;text-underline-offset:.18em}.video-source-badge,.video-source-title,.video-source-author{width:fit-content;max-width:100%;background:#000;line-height:1}.video-source-badge{grid-column:1 / 2;grid-row:1 / 2;align-self:end;padding:.32rem .62rem;font-size:clamp(.72rem,2vw,1.28rem);font-weight:800;letter-spacing:.08rem}.video-source-thumb{grid-column:1 / 2;grid-row:2 / 4;width:clamp(3.2rem,11vw,5.6rem);aspect-ratio:1;border:.22rem solid #000;border-radius:50%;background:#222 var(--video-thumb) center / cover}.video-source-title,.video-source-author{grid-column:2 / 3;overflow-wrap:anywhere;text-transform:none}.video-source-title{grid-row:2 / 3;align-self:end;padding:.48rem .62rem .52rem;font-size:clamp(.86rem,2.6vw,1.55rem);font-weight:800}.video-source-author{grid-row:3 / 4;padding:.42rem .58rem .48rem;font-size:clamp(.72rem,2.1vw,1.26rem);font-weight:800}.project-video iframe{display:block;width:100%;height:100%;border:0}.info-section{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:2rem;padding-top:4.6rem}.info-section[hidden]{display:none}body[data-view=contact] #contact,body[data-view=about] #about{grid-template-columns:1fr}body[data-view=about] #about h2,body[data-view=contact] #contact h2{text-align:center}h2{margin-bottom:0;color:#696969;font-size:.76rem;font-weight:700;letter-spacing:.16rem;text-transform:uppercase}.info-section p{max-width:64ch;margin-bottom:.85rem;color:#555;font-size:.98rem}.info-section a{color:var(--ink);font-weight:700;text-transform:uppercase;text-decoration:none;letter-spacing:.08rem;font-size:.76rem}.info-section a:hover{text-decoration:underline;text-underline-offset:.22rem}.about-body{max-width:64ch;justify-self:center}.about-photo{display:block;width:100%;height:auto;margin-bottom:2.2rem}.social-icons{display:flex;align-items:center;gap:9px}.social-icon{display:inline-flex;width:40px;height:40px;color:var(--ink);line-height:0;text-decoration:none}.social-icon svg{display:block;width:100%;height:100%;fill:currentColor}.info-section .social-icon:hover,.info-section .social-icon:focus-visible{color:#777;text-decoration:none}.about-social-icons{margin-top:2rem;justify-content:center}.contact-body{max-width:46rem;justify-self:center;text-align:center}.contact-stack{display:grid;gap:.7rem;justify-items:center}.info-section .contact-list{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:center;gap:.55rem;margin:0}.contact-list span,.contact-list a{width:fit-content;max-width:100%;color:var(--ink);font-family:proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:18.2px;font-weight:400;letter-spacing:1px;line-height:1.6em;overflow-wrap:normal;text-decoration:none;text-transform:none;white-space:nowrap}.contact-social-icons{padding-top:0}.contact-list a:hover,.contact-list a:focus-visible{color:#777}.site-footer{margin-top:4.2rem;padding-top:1.5rem;border-top:1px solid var(--line);text-align:center}.site-footer small{color:var(--muted);font-size:.72rem;letter-spacing:.08rem;text-transform:uppercase}.reveal{animation:reveal .52s ease both}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.page-shell{width:min(100% - 2rem,920px);margin:1rem auto;padding:4.5rem clamp(1.2rem,5vw,3rem) 2rem}.menu-links{grid-template-columns:repeat(5,auto);justify-content:center;row-gap:.7rem}.menu-links:before,.menu-links:after{display:none}}@media(max-width:700px){.page-shell{width:100%;margin:0;border-left:0;border-right:0;padding-top:3.6rem}.brand{font-size:clamp(2.2rem,12vw,3.4rem)}.role{margin:2rem 0 2.2rem;letter-spacing:.34rem}.menu-links{display:flex;flex-wrap:wrap;gap:.45rem 1.25rem}.menu-link{white-space:normal}.info-section{grid-template-columns:1fr;gap:.65rem}body[data-view=awards] .hero-project-link[data-category=awards]{grid-template-columns:1fr;text-align:center}body[data-view=awards] .hero-project-link[data-category=awards] .tile-image{grid-row:auto;margin-bottom:1.1rem}body[data-view=awards] .hero-project-link[data-category=awards] .project-name,body[data-view=awards] .press-award{grid-column:1}.contact-list span,.contact-list a{overflow-wrap:anywhere;white-space:normal}.detail-heading{grid-template-columns:1fr;gap:.85rem}.back-link{position:absolute;top:-2.15rem;transform:none;justify-self:start}.hero-projects{grid-template-columns:1fr;gap:2.4rem}.project-stills{grid-template-columns:1fr;gap:1.4rem}}