*{margin:0;padding:0;box-sizing:border-box}:root{--home-nav-text-size: clamp(9px, .85vw, 16px);--home-page-margin: 24px;--home-filter-right: calc(var(--home-page-margin) + 30px)}html,body{height:100%;overflow:hidden;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;line-height:1.5;background:#fff;color:#000}.container{display:grid;grid-template-columns:5fr 1fr;height:100vh;width:100vw;min-width:0}.left-panel{grid-column:1 / 2;position:relative;height:100vh;padding:var(--home-page-margin);overflow:hidden;min-width:0}.home-name{position:absolute;top:var(--home-page-margin);left:var(--home-page-margin);font-size:var(--home-nav-text-size);font-weight:400;letter-spacing:.05em;margin:0;opacity:0;transform:translateY(20px)}.intro-align-row{--intro-col-gap: clamp(24px, 4vw, 56px);position:absolute;top:50%;left:var(--home-page-margin);right:var(--home-page-margin);transform:translateY(-50%);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:var(--intro-col-gap)}.home-role-outer{position:static;transform:none}.intro-copy-column{display:grid;justify-items:center;align-items:start;min-width:0;transform:translate(calc(-.5 * var(--intro-col-gap)))}.home-role{display:flex;align-items:center;gap:10px;font-size:var(--home-nav-text-size);font-weight:400;letter-spacing:.05em;opacity:0;transform:translateY(20px)}.home-role-dot{display:block;width:.85em;height:.85em;border-radius:50%;background:#000;flex-shrink:0}.center-info-outer{position:static;transform:none;width:min(560px,100%);max-width:100%;margin-inline:auto;justify-self:center}.center-info{max-width:100%;text-align:left;opacity:0;transform:translateY(20px)}.center-info-text{font-size:var(--home-nav-text-size);font-weight:400;line-height:1.5;text-align:left;margin:0 0 1em;hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;overflow-wrap:normal;word-break:normal}.cv-link{display:inline-block;font-size:var(--home-nav-text-size);font-weight:400;color:#000;text-decoration:underline;text-decoration-color:#e02020;text-underline-offset:3px}.cv-link:hover{opacity:.75}.home-location-wrap{position:absolute;bottom:var(--home-page-margin);left:var(--home-page-margin);display:grid;grid-template-columns:auto;justify-items:stretch;max-width:calc(100% - 2 * var(--home-page-margin))}.home-location-width-match{grid-row:1;visibility:hidden;height:0;overflow:hidden;margin:0;padding:0;display:flex;align-items:center;gap:10px;font-size:var(--home-nav-text-size);font-weight:400;letter-spacing:.05em;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}.home-location{grid-row:2;position:static;margin:0;width:100%;min-width:0;font-size:var(--home-nav-text-size);font-weight:400;letter-spacing:.05em;line-height:1.5;opacity:0;transform:translateY(20px);display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:flex-start;white-space:nowrap}.home-location>span:not(.location-spacer-to-end){flex-shrink:0}.location-spacer-in-la{display:inline-block;width:clamp(1.25em,3.5vw,2.75em);flex-shrink:0}.location-spacer-la-ca{display:inline-block;width:clamp(.35em,1vw,.65em);flex-shrink:0}.location-spacer-to-end{flex:1 1 auto;min-width:0;overflow:hidden}.right-panel{grid-column:2 / 3;display:flex;flex-direction:column;min-height:0;min-width:0;height:100%;padding:0 clamp(14px,2.2vw,28px) 0 0;background:#fff;overflow:hidden;--film-gap: clamp(40px, 7vh, 80px)}.reel-filters{position:absolute;top:var(--home-page-margin);right:var(--home-filter-right);display:flex;flex-wrap:nowrap;white-space:nowrap;justify-content:flex-end;align-items:center;gap:0 clamp(6px,.55rem,14px);font-size:var(--home-nav-text-size);font-weight:400}.filter-tab{font:inherit;font-weight:400;color:#00000073;background:none;border:none;padding:0;cursor:pointer;letter-spacing:.04em;flex-shrink:0}.filter-tab:hover{color:#000}.filter-tab--active{color:#000;text-decoration:underline;text-underline-offset:4px}.reel-film-area{flex:1;min-height:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(6px,.8vw,12px);overflow:hidden;align-content:start}.help-btn{position:absolute;bottom:var(--home-page-margin);right:var(--home-filter-right);width:40px;height:40px;border-radius:50%;border:none;background:#000;color:#fff;font-size:20px;font-weight:400;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit}.help-btn:hover{opacity:.85}.film-column{display:flex;flex-direction:column;row-gap:var(--film-gap);will-change:transform;min-height:0;min-width:0}.thumbnail-card{position:relative;cursor:pointer;transition:transform .4s ease;flex:1 1 0;min-width:0;max-width:80%;align-self:flex-start;background:#fff;border:1px solid #000000;aspect-ratio:9 / 16;overflow:hidden}.thumbnail-card.active-project{background:#f0f0f0}.thumbnail-card:hover{transform:scale(1.02)}.thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;object-fit:cover;filter:grayscale(100%);transition:filter .5s ease;z-index:1}.thumbnail-image .thumbnail-hero-rotated{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;align-items:center;justify-content:center;pointer-events:none}.thumbnail-image .thumbnail-hero-rotated video,.thumbnail-image .thumbnail-hero-rotated img{position:absolute;left:50%;top:50%;width:calc(100% * 16 / 9);height:56.25%;object-fit:cover;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center center;pointer-events:none}.active-project .thumbnail-image{background:#f0f0f0}.project-item{display:flex;flex-direction:row;align-items:flex-start;gap:6px;min-width:0;margin:0}.project-label{writing-mode:vertical-rl;font-size:10px;font-weight:400;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#000;align-self:flex-start;white-space:nowrap;margin:0;padding:0}.fade-in{opacity:1!important;transform:translateY(0)!important}@media (max-width: 1024px){:root{--home-page-margin: 20px}.left-panel{padding:var(--home-page-margin)}.home-name{left:var(--home-page-margin);top:var(--home-page-margin)}.intro-align-row{left:var(--home-page-margin);right:var(--home-page-margin)}.home-location-wrap{bottom:var(--home-page-margin);left:var(--home-page-margin)}.center-info-outer{width:min(480px,100%)}}@media (max-width: 768px){:root{--home-nav-text-size: 12px;--home-page-margin: 16px;--home-page-margin-top: 20px}.container{grid-template-columns:1fr;grid-template-rows:auto 45vh;height:auto;min-height:100vh}html,body{overflow-x:hidden;overflow-y:auto;font-size:16px}.left-panel{grid-column:1;grid-row:1;min-height:70vh;height:auto;padding:20px 16px 120px}.home-name{position:static;transform:none;margin-bottom:24px}.home-location-wrap{position:static;transform:none;margin-bottom:24px;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.home-location{transform:none}.intro-align-row{position:static;transform:none;display:flex;flex-direction:column;gap:20px;margin:8px 0 32px;left:auto;right:auto}.home-role-outer{margin:0}.intro-copy-column{transform:none;justify-items:stretch}.home-role{transform:none}.center-info-outer{width:100%;margin:0}.center-info{transform:none;text-align:left}.center-info-text{text-align:left}.project-label{font-size:10px}.right-panel{grid-column:1;grid-row:2;height:45vh;padding:0 12px 0 0;--film-gap: 36px}.reel-filters{top:var(--home-page-margin-top);right:var(--home-filter-right);gap:0 .45rem}.reel-film-area{column-gap:8px}.help-btn{bottom:var(--home-page-margin);right:var(--home-filter-right);width:32px;height:32px;font-size:15px}}