*{box-sizing:border-box}html{font-size:14px;color-scheme:dark}body{margin:0;background:#1d1d1d;color:#f0f0f0;font-family:'Nunito',sans-serif;font-weight:300;line-height:1}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}a:hover{color:#d1d1d1}a:focus-visible,button:focus-visible{outline:2px solid #eee;outline-offset:5px}.skip{position:absolute;top:-60px;left:12px;background:#fff;color:#111;padding:12px;z-index:20}.skip:focus{top:12px}.shell{position:relative;max-width:1240px;margin:0 auto;padding-left:160px}.masthead{height:286px;margin-left:-156px;position:relative;padding-top:56px}.socials{display:flex;gap:4px;height:40px}.socials a{display:block;width:40px;height:40px;background-position:center;background-size:contain;background-repeat:no-repeat}.socials a:hover{opacity:.65}.brand{position:absolute;right:0;top:56px}.brand img{height:58px;width:auto}.slogan{font-size:30px;font-weight:700;color:#cecece;line-height:1;margin:80px 0 0}.nav{position:absolute;top:330px;left:5px;width:124px}.nav a{display:block;font-size:18px;font-weight:400;margin-bottom:30px}.menu-toggle{display:none}.content{margin-top:40px;min-width:0}.home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:160px}.home-tile{position:relative;background-image:var(--image);background-position:center;background-size:120% auto;background-repeat:no-repeat;transition:background-size .5s}.home-tile.featured{grid-column:span 2;grid-row:span 2}.home-tile::after{content:'';position:absolute;inset:0;background:rgb(0 0 0 / 40%);opacity:0;transition:opacity .5s}.home-tile:hover{background-size:110% auto}.home-tile:hover::after{opacity:1}.work-grid{display:grid;grid-template-columns:repeat(4,24%);gap:20px 6px;padding:5px;width:calc(100% + 10px)}.work-card{background:#101010;text-align:center;min-width:0;height:150px;overflow:hidden}.work-card .thumb{height:120px;overflow:hidden;transition:height .6s}.work-card img{width:100%;height:auto;transition:opacity .3s}.work-card .client{font-size:16px;padding:3px 2px;display:block}.work-card .title{display:block;font-size:14px;line-height:12px;padding-top:5px;opacity:0;transition:opacity .2s}.work-card:hover .thumb,.work-card:focus-visible .thumb{height:100px}.work-card:hover .title,.work-card:focus-visible .title{opacity:1}.detail-image{width:100%;height:auto}.detail-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 0;font-size:16px;line-height:1.4}.detail-caption p{margin:0}.play{width:40px;height:40px;flex:none;padding:0;border:0;background:transparent var(--play-icon) center/contain no-repeat}.play:hover{background-image:var(--play-hover)}.prose{width:min(100%,700px);margin:auto;padding:5px 0 100px 40px;color:white;font-size:14.667px;line-height:normal}.prose img{width:100%;height:auto;margin-bottom:20px}.prose p{margin:0}.prose p+p{margin-top:28px}.contact{width:min(100%,700px);margin:auto;padding:5px 0 100px 40px;color:white}.contact-row{min-height:72px;margin-bottom:60px;padding:10px 0 10px 150px;background:var(--icon) left center/auto 100% no-repeat;font-size:16px;line-height:26px}.contact-line{display:flex;gap:20px;white-space:nowrap}.contact-line .label{width:120px;flex:none}.contact-line .person{width:90px;flex:none}.contact-row.address{line-height:26px}.contact-row.email{line-height:70px}.footer{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-top:150px;padding-bottom:40px;min-height:98px}.footer img{height:58px;width:auto}.admin-link{font-size:18px}.admin-note{max-width:700px;line-height:1.7}dialog.video{border:0;padding:35px 0 0;background:transparent;width:min(853px,90vw);max-width:none;overflow:visible;color:white}dialog.video::backdrop{background:rgb(0 0 0 / 70%)}.video-frame{aspect-ratio:853/480;background:#111}.video iframe{width:100%;height:100%;border:0}.video-close{position:absolute;top:-10px;right:0;width:40px;height:40px;background:transparent var(--close-icon) center/contain no-repeat;border:0}.video-close:hover{background-image:var(--close-hover)}body.video-open{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:900px) and (min-width:681px){.contact,.prose{width:100%;padding-left:15px;padding-right:10px}.contact-row{padding-left:90px;background-size:65px auto}.contact-line{gap:10px}.contact-line .label{width:90px}.contact-line .person{width:85px}}
@media(max-width:680px){.shell{padding:0 16px}.masthead{height:218px;margin:0;padding-top:28px}.brand{top:22px;left:0;right:auto}.brand img{height:44px}.socials{position:absolute;top:96px;left:0;height:28px;gap:10px}.socials a{width:28px;height:28px}.slogan{font-size:23px;line-height:1.3;margin:123px 0 0}.menu-toggle{display:block;position:absolute;right:0;top:24px;width:44px;height:44px;background:transparent;border:0;padding:10px;z-index:11}.menu-toggle span{display:block;height:2px;background:#ddd;margin:5px 0;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.nav{display:none;top:78px;left:auto;right:16px;width:190px;background:#282828;padding:24px;z-index:10;box-shadow:0 10px 30px #0008}.nav.is-open{display:block}.nav a{font-size:18px;margin-bottom:24px}.nav a:last-child{margin-bottom:0}.content{margin-top:0}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:120px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 6px;padding:0;width:100%}.work-card{height:137px}.work-card .thumb{height:104px}.work-card:hover .thumb,.work-card:focus-visible .thumb{height:84px}.work-card .client{font-size:13px;line-height:1.2;padding:6px 2px}.detail-caption{font-size:15px;gap:10px;padding:16px 0}.prose{padding:5px 8px 30px;font-size:15px;line-height:1.65}.prose p{margin:0}.prose p+p{margin-top:36px}.contact{padding:5px 0 20px}.contact-row{padding:0 0 0 54px;margin-bottom:30px;min-height:50px;background-size:36px auto;font-size:14px;line-height:1.7}.contact-line{gap:6px;flex-wrap:wrap;white-space:normal}.contact-line .label{width:65px}.contact-line .person{width:auto}.contact-row.people .contact-line{display:grid;grid-template-columns:65px 6px 1fr;gap:0 6px}.contact-row.people .contact-line .divider:nth-child(4){display:none}.contact-row.people .phone{grid-column:3}.contact-row.email{line-height:1.7}.contact-row.email .contact-line{display:block}.contact-row.email .divider{display:none}.contact-row.email .label{display:block}.contact-row.address{line-height:1.7}.footer{margin-top:70px;padding-bottom:28px;min-height:70px;gap:20px}.footer img{height:44px}.admin-link{font-size:15px}dialog.video{width:94vw;padding-top:30px}.video-close{width:32px;height:32px;top:-8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}