:root{--paper:#f8f9fb;--ink:#0a0b0e;--blue:#1645f5;--line:#d6d8df;--muted:#6e737d;--font:Arial,'Helvetica Neue','Apple SD Gothic Neo','Malgun Gothic',sans-serif}*{box-sizing:border-box;border-radius:0}html{scroll-behavior:smooth;scroll-padding-top:103px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}button{border:0;background:transparent}img{display:block;max-width:100%}.skip-link{position:fixed;top:-60px;left:12px;background:var(--blue);color:white;padding:12px;z-index:30}.skip-link:focus{top:10px}.header{position:sticky;top:0;z-index:20;background:var(--paper);margin:0;padding:0 3.2vw;height:79px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.05em}.small-logo{font-weight:700;font-size:21px;letter-spacing:-1.2px}.small-logo span{font-size:10px;vertical-align:top;margin-left:3px}.header-label{margin-left:70px;font-size:9px}.header nav{display:flex;gap:36px}.header a:hover{color:var(--blue)}.intro{padding:0 3.2vw}.masthead{display:flex;align-items:center;justify-content:space-between;padding:25px 0 26px;gap:1vw}.masthead h1{font-size:22.7vw;line-height:.78;letter-spacing:-.09em;font-weight:600;margin:0 0 0 -1.5vw}.asterisk{font-size:12vw;line-height:1;color:var(--blue);font-family:Arial,sans-serif;margin-top:3vw;font-weight:400}.intro-line{display:flex;justify-content:space-between;align-items:center;margin:18px 0 23px;font-size:9px;letter-spacing:.06em}.intro-line a{font-size:10px}.intro-line a span{color:var(--muted);margin:0 14px}.feature{margin-bottom:85px}.feature-link{display:block;position:relative;overflow:hidden;background:#e8e9ed}.feature-triptych{height:clamp(360px,42vw,650px);display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:3px;background:var(--paper)}.feature-triptych img{width:100%;height:100%;object-fit:cover;min-width:0}.feature-one{object-position:center 35%}.feature-two{object-position:center}.feature-three{object-position:center 40%}.feature-triptych.single{display:block;height:auto;aspect-ratio:2.2}.feature-triptych.single img{height:100%;width:100%;object-fit:cover;background:#e9eaee}.feature-play{position:absolute;left:24px;bottom:24px;display:flex;justify-content:space-between;align-items:center;min-width:158px;background:var(--paper);padding:18px 20px;font-size:10px;font-weight:500;letter-spacing:.06em;transition:background .2s,color .2s}.feature-play>span{font-size:19px;margin-left:35px}.feature-link:hover .feature-play{background:var(--blue);color:#fff}.feature-caption{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:11px;min-height:26px}.feature-caption b{font-weight:500}.feature-category{color:var(--muted);margin-left:12px;font-size:9px}.feature-controls{display:flex;align-items:center;gap:22px}.feature-controls button{font-size:21px;min-width:35px;min-height:35px;padding:0}.feature-controls button:hover{background:var(--ink);color:white}.feature-controls>span{font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:1px}.work{padding:0 3.2vw 95px}.work-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:29px}.work-heading h2{font-size:clamp(34px,4.5vw,68px);font-weight:400;letter-spacing:-.065em;margin:0}.work-heading h2>span{font-size:13px;letter-spacing:0;vertical-align:top;display:inline-block;margin-top:8px;margin-left:8px}.micro{font-size:9px;letter-spacing:.04em}.work-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin-bottom:28px;min-height:65px;gap:20px}.filters{display:flex;gap:26px;flex-wrap:wrap}.filters button{padding:22px 0;font-size:12px;position:relative;white-space:nowrap}.filters sup{font-size:8px;margin-left:4px;color:var(--muted)}.filters button.active,.filters button.active sup{color:var(--blue)}.filters button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--blue)}.filters button:hover{color:var(--blue)}#result-count{font-size:9px;color:var(--muted);white-space:nowrap;letter-spacing:.04em}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:43px 22px}.project{min-width:0}.project[hidden]{display:none}.project-image{aspect-ratio:16/10;background:#eceef2;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.project-link:hover .project-image img{transform:scale(1.025)}.watch{position:absolute;left:0;bottom:0;padding:13px 15px;background:var(--blue);color:white;font-size:9px;letter-spacing:.03em;transform:translateY(100%);transition:transform .2s}.project-link:hover .watch,.project-link:focus-visible .watch{transform:translateY(0)}.project-info{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:13px}.project-info h3{font-size:13px;font-weight:500;letter-spacing:-.02em;margin:0;line-height:1.5}.project-info h3 span{color:var(--muted);font-size:10px}.category-label{font-size:8px;color:var(--muted);white-space:nowrap}.role{font-size:9px;color:var(--muted);margin:6px 0 0;letter-spacing:-.02em}.contact{background:var(--blue);color:white;padding:55px 3.2vw 36px}.contact-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff55;padding-bottom:43px}.email{font-size:clamp(19px,2.8vw,41px);letter-spacing:-.05em;border-bottom:1px solid transparent}.email:hover{border-bottom-color:white}.contact-details{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:25px;padding-top:29px}.contact-details .micro{opacity:.65;font-size:8px}.contact-details p{font-size:13px;margin:10px 0 0;letter-spacing:-.02em}.contact-details p span{font-size:10px;opacity:.7;margin-left:12px}.phone{font-size:12px;letter-spacing:-.02em}.phone:hover{text-decoration:underline}footer{background:var(--ink);color:var(--paper);padding:32px 3.2vw 25px;display:flex;justify-content:space-between;align-items:end}.footer-brand{font-size:55px;font-weight:600;letter-spacing:-4px;line-height:1}.footer-brand>span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:5px}footer>div{display:flex;gap:60px;font-size:8px;letter-spacing:.04em}dialog{width:min(1100px,94vw);max-height:94dvh;padding:25px;border:1px solid #333;background:var(--ink);color:white;overflow:auto}dialog::backdrop{background:#07090de0;backdrop-filter:blur(5px)}.player-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.player-top p{font-size:9px;letter-spacing:.07em;color:#adb2bd;margin:0 0 10px}.player-top h2{font-size:24px;letter-spacing:-.04em;font-weight:400;margin:0}.player-top button{color:white;font-size:10px;border:1px solid #4f535c;padding:11px 15px}#player-media{width:100%;aspect-ratio:16/9;position:relative;background:black}#player-media.vertical{width:min(100%,340px);aspect-ratio:9/16;margin:auto;max-height:64dvh}#player-media iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.player-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:18px;font-size:11px}.player-bottom p{color:#9ca2ad;font-size:10px;margin:0}.player-bottom a{border-bottom:1px solid #757b86;padding-bottom:5px}.empty-state{padding:40px 0;font-size:13px}@media(min-width:1700px){.masthead h1{font-size:22.7vw}.feature-triptych{height:700px}.projects{gap:55px 30px}.project-info h3{font-size:16px}.category-label{font-size:10px}}@media(max-width:1000px){.header-label{display:none}.masthead{padding-top:30px}.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 18px}.filters{gap:20px}.work-toolbar{gap:10px}#result-count{display:none}.contact-details{grid-template-columns:1fr 1fr}.phone{grid-column:2}.contact-top{align-items:start;flex-direction:column;gap:30px}.email{font-size:30px}.feature{margin-bottom:65px}}@media(max-width:600px){.header{margin:0;padding:0 5vw;height:62px}.small-logo{font-size:19px}.header nav{gap:22px;font-size:9px}.intro{padding:0 5vw}.masthead{padding:31px 0 22px;gap:0}.masthead h1{font-size:22.1vw;letter-spacing:-.09em;margin-left:-1.6vw}.asterisk{font-size:11.5vw;margin-top:3vw}.intro-line{font-size:6.5px;letter-spacing:.01em;margin:8px 0 17px;gap:10px}.intro-line a{font-size:7px}.intro-line a span{margin:0 5px}.feature-triptych{height:430px;grid-template-columns:1fr 1.1fr;gap:2px}.feature-one{object-position:48% center}.feature-two{object-position:60% center}.feature-three{display:none}.feature-triptych.single{aspect-ratio:1.3;height:auto}.feature-play{left:13px;bottom:13px;padding:12px 14px;font-size:8px;min-width:124px}.feature-play>span{font-size:17px;margin-left:20px}.feature-caption{font-size:10px;margin-top:12px;gap:8px}.feature-category{font-size:7px;margin-left:6px}.feature-controls{gap:9px}.feature-controls button{font-size:18px;min-width:27px}.feature-controls>span{font-size:8px;letter-spacing:0}.feature{margin-bottom:57px}.work{padding:0 5vw 60px}.work-heading{margin-bottom:21px}.work-heading h2{font-size:34px}.work-heading h2>span{font-size:10px;margin-top:4px;margin-left:4px}.work-heading>.micro{font-size:6px;max-width:70px;line-height:1.5;text-align:right}.work-toolbar{min-height:55px;margin-bottom:22px}.filters{gap:18px;flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:thin}.filters button{font-size:10px;padding:19px 0}.filters sup{font-size:7px;margin-left:2px}.projects{gap:27px 12px}.project-image{aspect-ratio:4/3}.project-info{display:block;margin-top:9px}.project-info h3{font-size:11px;line-height:1.4}.project-info h3 span{font-size:9px;display:block;margin-top:3px}.category-label{display:block;font-size:7px;margin-top:5px}.role{font-size:8px;margin-top:5px;line-height:1.5}.watch{font-size:7px;padding:8px;transform:translateY(0);background:#0a0b0ed9;left:auto;right:0}.contact{padding:38px 5vw 30px}.contact-top{gap:22px;padding-bottom:30px}.email{font-size:25px}.contact-details{grid-template-columns:1fr;gap:24px;padding-top:25px}.contact-details p{font-size:12px}.contact-details p span{font-size:10px}.phone{grid-column:1;font-size:12px}.contact-details .micro{font-size:7px}footer{padding:28px 5vw 22px;display:block}.footer-brand{font-size:47px}footer>div{margin-top:30px;justify-content:space-between;gap:15px;font-size:7px}dialog{padding:18px;width:96vw}.player-top h2{font-size:20px}.player-top button{font-size:8px;padding:10px}.player-bottom{font-size:9px}.player-bottom p{font-size:9px}.player-top p{font-size:8px}#player-media.vertical{width:min(100%,300px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

#player-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}#player-media.vertical{width:min(100%,340px,36dvh);max-height:none}@media(max-width:600px){.header nav{gap:17px}.filters{flex-wrap:wrap;overflow:visible;gap:0 18px}.filters button{padding:14px 0}.work-toolbar{padding:4px 0}}

.role a{text-decoration:underline;text-underline-offset:3px}.role a:hover{color:var(--blue)}.artist-link{display:inline-block;margin-left:8px} .player-bottom{flex-wrap:wrap}.player-bottom p{line-height:1.8}

/* Primary logo and brand story */
.masthead .kern-d{margin-left:.035em}
.small-logo img{width:132px;height:auto}.footer-brand img{width:260px;height:auto}
.info{margin:0 3.2vw;padding:65px 0 82px;border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr 1.15fr;gap:6vw}
.info-heading>.micro{color:var(--muted);letter-spacing:.08em}
.info h2{font-size:clamp(35px,4vw,60px);font-weight:500;line-height:1.3;letter-spacing:-.065em;margin:24px 0 0}
.info-dot{color:var(--blue)}
.info-copy{padding-top:30px;max-width:600px}.info-copy>p{font-size:clamp(14px,1.2vw,18px);line-height:2;letter-spacing:-.035em;margin:0 0 26px;word-break:keep-all}.info-copy strong{font-weight:600}
.info-symbol{border-top:1px solid var(--line);padding-top:27px;display:flex;align-items:flex-start;gap:22px;margin-top:36px}.info-symbol>img{flex:none;margin-top:5px}.info-symbol p{font-size:13px;line-height:1.9;letter-spacing:-.03em;margin:0;word-break:keep-all}.mobile-break{display:none}
@media(max-width:1000px){.info{gap:5vw;grid-template-columns:.8fr 1.2fr}.info-copy{padding-top:24px}.desktop-break{display:none}}
@media(max-width:600px){.header{height:auto;min-height:98px;flex-wrap:wrap;gap:17px;padding:18px 5vw 14px}.header nav{width:100%;justify-content:space-between;gap:18px}.small-logo img{width:114px}.footer-brand img{width:230px}.info{margin:0 5vw;padding:36px 0 48px;grid-template-columns:1fr;gap:26px}.info h2{font-size:38px;margin-top:18px}.info-copy{padding-top:0}.info-copy>p{font-size:14px;margin-bottom:21px}.info-symbol{gap:16px;margin-top:27px;padding-top:24px}.info-symbol>img{width:34px;height:34px}.info-symbol p{font-size:12px}.mobile-break{display:block}}

/* Social formats and edge-to-edge thumbnail crops */
.social-formats{display:flex;align-items:center;gap:24px;margin:-8px 0 28px}
.social-formats[hidden]{display:none}
.social-formats button{padding:8px 0;font-size:11px;color:var(--muted)}
.social-formats button.active{color:var(--blue)}
.social-formats sup{font-size:8px;margin-left:4px}
.social-formats button:hover{color:var(--blue)}
#work-09 .project-image img{transform:scale(1.025)}
#work-09 .project-link:hover .project-image img{transform:scale(1.05)}
@media(max-width:600px){html{scroll-padding-top:140px}.social-formats{gap:22px;margin:-6px 0 22px}.social-formats button{font-size:10px}}
