:root{--bg:#050606;--panel:#0b0d0c;--ink:#f1f3ef;--quiet:#9ca29d;--line:#f1f3ef29;--soft-line:#f1f3ef14;--focus:#fff;--face:"Helvetica Neue", Helvetica, Arial, sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-padding-top:142px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--ink);font-family:var(--face);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:100;pointer-events:none;opacity:.035;background-image:repeating-radial-gradient(circle at 17% 23%,#ffffffb8 0 .5px,#0000 .8px 4px);background-size:7px 6px;position:fixed;inset:0}.site-intro{z-index:150;visibility:hidden;isolation:isolate;pointer-events:none;background:#020303;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden;transform:translateY(-101%)}@supports (animation-name:site-intro-exit){@media (prefers-reduced-motion:no-preference){.site-intro{animation:.44s cubic-bezier(.76,0,.24,1) .6s backwards site-intro-exit}.site-intro:before{content:"";opacity:0;filter:blur(18px);background:linear-gradient(100deg,#0000,#ffffff2e 46%,#ffffff61 52%,#0000 64%);width:clamp(100px,18vw,280px);height:140%;animation:.48s cubic-bezier(.22,1,.36,1) 80ms forwards site-intro-beam;position:absolute;top:-20%;left:-34vw;transform:skew(-14deg)}.site-intro-title{z-index:1;color:#f2f4f0;letter-spacing:.24em;text-indent:.24em;text-transform:uppercase;opacity:0;font-size:clamp(18px,2.5vw,34px);font-weight:500;line-height:1;animation:.54s cubic-bezier(.22,1,.36,1) 60ms forwards site-intro-title;position:relative;transform:translateY(10px)}}}:is(body:has(:focus-visible) .site-intro,body:has(:target) .site-intro){display:none}@keyframes site-intro-title{0%{opacity:0;transform:translateY(10px)}30%,72%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}@keyframes site-intro-beam{0%{opacity:0;transform:translate(0)skew(-14deg)}18%{opacity:.42}72%{opacity:.2}to{opacity:0;transform:translate(164vw)skew(-14deg)}}@keyframes site-intro-exit{0%{visibility:visible;transform:translate(0,0)}to{visibility:hidden;transform:translateY(-101%)}}@media (prefers-reduced-motion:reduce),(forced-colors:active),print{.site-intro{display:none!important}}img,video,picture{max-width:100%;display:block}a{color:inherit}h1,h2,p,figure,ul{margin:0;padding:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:200;background:var(--ink);color:#000;letter-spacing:.1em;text-transform:uppercase;padding:10px 14px;font-size:11px;text-decoration:none;transition:top .18s;position:fixed;top:-70px;left:8px}.skip:focus{top:8px}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.work:focus-visible{outline-offset:4px}.masthead{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#040505f0,#040505b3);border-bottom:1px solid #ffffff0d;align-items:baseline;gap:clamp(12px,3vw,34px);min-height:62px;padding:10px clamp(16px,3vw,36px);font-size:11px;display:flex;position:fixed;inset:0 0 auto}.masthead h1{font-size:inherit;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;font-weight:500}.masthead .discipline{color:var(--quiet);letter-spacing:.14em;white-space:nowrap;flex:1;font-size:10px}.masthead nav{letter-spacing:.14em;text-transform:uppercase;gap:clamp(12px,2vw,24px);font-size:10px;display:flex}.masthead nav a{color:#d7dad6;place-items:center;min-height:44px;text-decoration:none;display:inline-grid;position:relative}.masthead nav a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:6px;left:0;right:0;transform:scaleX(0)}.masthead nav a:hover:after{transform-origin:0;transform:scaleX(1)}.masthead nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.opening{border-bottom:1px solid var(--soft-line);background:radial-gradient(circle at 80% 38%,#dce0da14,#0000 22%),linear-gradient(135deg,#050606 0%,#0b0d0c 60%,#050606 100%);min-height:clamp(560px,88svh,820px);position:relative;overflow:hidden}.opening-beam{opacity:.26;filter:blur(12px);pointer-events:none;background:linear-gradient(118deg,#0000 18%,#ffffff24 47%,#0000 66%);width:44vw;height:130%;position:absolute;top:-30%;right:17%;transform:rotate(-8deg)}.opening-inner{z-index:2;width:min(1240px,100% - 48px);min-height:inherit;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);align-items:center;gap:clamp(36px,8vw,120px);margin:0 auto;padding:120px 0 82px;display:grid;position:relative}.opening-copy{z-index:2;min-width:0;position:relative}.opening-index,.opening-role,.opening-meta,.opening-scroll{letter-spacing:.16em;text-transform:uppercase;font-size:10px}.opening-index{color:var(--quiet);margin-bottom:clamp(26px,5vh,56px)}.opening h2{letter-spacing:-.045em;white-space:nowrap;font-size:clamp(24px,2.2vw,32px);font-weight:500;line-height:1.1}.opening-role{color:#d7dad6;margin-top:38px}.opening-meta{color:#aeb3ae;flex-wrap:wrap;gap:12px 24px;margin-top:34px;display:flex}.opening-meta a{text-underline-offset:4px;margin-block:-4px;padding-block:4px;text-decoration-color:#ffffff40}:is(.opening-meta a:hover,.opening-meta a:focus-visible){color:#fff;text-decoration-color:currentColor}.opening-portrait{aspect-ratio:3/4;border:1px solid var(--line);background:#090a09;justify-self:end;width:min(12.5vw,160px);position:relative;overflow:hidden;box-shadow:0 30px 90px #00000061}.opening-portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000 52%,#04050552);position:absolute;inset:0}.opening-portrait img{object-fit:cover;object-position:50% 50%;filter:grayscale()contrast(1.08)brightness(.88);width:100%;height:100%}.opening-scroll{z-index:3;min-height:44px;color:var(--quiet);align-items:center;gap:14px;text-decoration:none;display:inline-flex;position:absolute;bottom:24px;left:clamp(24px,4vw,60px)}.opening-scroll span{color:#fff;transition:transform .3s}:is(.opening-scroll:hover span,.opening-scroll:focus-visible span){transform:translateY(4px)}@media (prefers-reduced-motion:no-preference){.masthead{opacity:0;animation:.55s cubic-bezier(.22,1,.36,1) .5s forwards masthead-in;transform:translateY(-16px)}.opening-copy>*{opacity:0;animation:.62s cubic-bezier(.22,1,.36,1) forwards opening-copy-in;transform:translateY(16px)}.opening-copy>:first-child{animation-delay:.12s}.opening-copy>:nth-child(2){animation-delay:.2s}.opening-copy>:nth-child(3){animation-delay:.3s}.opening-copy>:nth-child(4){animation-delay:.38s}.opening-portrait{clip-path:inset(0 100% 0 0);animation:.9s cubic-bezier(.22,1,.36,1) .28s forwards portrait-in}.opening-beam{animation:7s ease-in-out 1s infinite alternate beam-drift}}@keyframes masthead-in{to{opacity:1;transform:none}}@keyframes opening-copy-in{to{opacity:1;transform:none}}@keyframes portrait-in{to{clip-path:inset(0)}}@keyframes beam-drift{to{opacity:.38;transform:translate(-5vw)rotate(-5deg)}}.portfolio{width:min(1200px,100% - 48px);margin:0 auto;padding:72px 0 40px}.portfolio-head{z-index:30;border-top:1px solid var(--line);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050606d6;justify-content:space-between;align-items:center;gap:24px;min-height:66px;margin:0 -12px;padding:8px 12px;display:flex;position:sticky;top:61px}.portfolio-head>p,.category-nav,.category-heading>span{color:var(--quiet);letter-spacing:.16em;text-transform:uppercase;font-size:10px}.category-nav{gap:8px;display:flex}.category-nav a{color:#d7dad6;align-items:center;gap:8px;min-height:44px;padding:0 12px;text-decoration:none;display:inline-flex;position:relative}.category-nav a span{color:var(--quiet)}.category-nav a:after{content:"";transform-origin:100%;background:#fff;height:1px;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;bottom:6px;left:12px;right:12px;transform:scaleX(0)}.category-nav a:hover:after{transform-origin:0;transform:scaleX(1)}.category-nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.category-block{padding-top:clamp(64px,9vw,112px);scroll-margin-top:0;position:relative}.category-heading{border-bottom:1px solid var(--soft-line);justify-content:space-between;align-items:baseline;margin-bottom:clamp(24px,4vw,46px);padding-bottom:12px;display:flex}.category-heading h2{letter-spacing:-.055em;text-transform:uppercase;font-size:clamp(34px,5vw,68px);font-weight:400;line-height:1}.work-grid{align-items:start;display:grid}.film-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,38px) clamp(16px,2vw,24px)}.reels-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,30px) clamp(12px,1.8vw,20px)}.frame{border:1px solid var(--soft-line);min-width:0;color:inherit;isolation:isolate;background:#090a09;place-items:center;text-decoration:none;display:grid;position:relative;overflow:hidden}.film-grid .frame{aspect-ratio:16/10}.reels-grid .frame{aspect-ratio:9/14}.frame picture{z-index:1;place-items:center;width:100%;height:100%;display:grid;position:absolute;inset:0}.frame img{object-fit:cover;filter:brightness(.82)saturate(.92);width:100%;height:100%;transition:transform .65s cubic-bezier(.22,1,.36,1),filter .4s}.frame[data-aspect="9:16"] img{object-fit:contain;width:auto;max-width:100%}.frame:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000,#00000038 42%,#000c);height:52%;position:absolute;inset:auto 0 0}.work-caption{z-index:3;flex-direction:column;gap:1px;transition:transform .32s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:clamp(12px,1.7vw,20px);left:clamp(12px,1.7vw,20px);right:12px}.work-client{color:#d7dad6;letter-spacing:.17em;text-transform:uppercase;font-size:9px}.work-title{color:#fff;letter-spacing:-.015em;font-size:clamp(14px,1.4vw,18px);line-height:1.25}.work-view{z-index:3;color:#fff;letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;background:#040505b8;border:1px solid #ffffff7a;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 14px;font-size:9px;transition:opacity .22s,transform .32s cubic-bezier(.22,1,.36,1);display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(8px - 50%))scale(.94)}.frame:focus-visible .work-view{opacity:1;transform:translate(-50%,-50%)scale(1)}@media (hover:hover) and (pointer:fine){:is(.frame:hover img,.frame:focus-visible img){filter:brightness(.98)saturate();transform:scale(1.035)}:is(.frame:hover .work-caption,.frame:focus-visible .work-caption){transform:translateY(-4px)}.frame:hover .work-view{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes category-enter{0%{opacity:.18;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes card-enter{0%{opacity:.1;transform:translateY(24px)scale(.985)}to{opacity:1;transform:none}}@keyframes target-mark{0%,to{letter-spacing:-.055em}45%{letter-spacing:-.025em}}.category-block:target .category-heading h2{animation:.55s cubic-bezier(.22,1,.36,1) target-mark}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.category-heading{animation:1s linear both category-enter;animation-timeline:view();animation-range:entry cover 26%}.frame{animation:1s linear both card-enter;animation-timeline:view();animation-range:entry cover 18%}.contact>*{animation:1s linear both category-enter;animation-timeline:view();animation-range:entry cover 24%}}}@media (max-height:420px){.portfolio-head{position:static}html{scroll-padding-top:78px}}.contact{border-top:1px solid var(--soft-line);text-align:center;place-content:center;gap:18px;min-height:clamp(500px,72svh,720px);margin-top:clamp(90px,13vw,170px);padding:80px 20px;scroll-margin-top:0;display:grid}.contact-mail{letter-spacing:-.035em;font-size:clamp(15px,1.6vw,20px)}.foot{border-top:1px solid var(--soft-line);color:var(--quiet);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;padding:20px clamp(16px,3vw,36px) 28px;font-size:10px;display:flex}.player{border:1px solid var(--line);background:#000;width:min(1100px,94vw);padding:0}.player::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000db}.player-close{color:#fff;min-height:44px;font:inherit;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:10px 16px;font-size:10px;display:block}.player iframe{aspect-ratio:16/9;border:0;width:100%;display:block}@media (max-width:1099px){.portfolio{width:min(840px,100% - 40px)}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reels-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.opening-inner{grid-template-columns:minmax(0,1fr) minmax(150px,.48fr);gap:26px;width:calc(100% - 40px)}}@media (max-width:699px){html{scroll-padding-top:186px}.masthead{flex-wrap:wrap;gap:0 14px;min-height:82px;padding:8px 16px}.masthead h1{flex:100%}.masthead .discipline{flex:auto}.masthead nav{gap:12px}.opening{min-height:92svh}.opening-inner{grid-template-columns:1fr;align-content:center;gap:32px;width:calc(100% - 32px);padding:126px 0 88px}.opening-copy{z-index:3}.opening-index{margin-bottom:26px}.opening-role{margin-top:30px}.opening-meta{gap:9px;margin-top:24px;display:grid}.opening-portrait{opacity:.48;width:min(20vw,87.5px);position:absolute;bottom:62px;right:-8px}.opening-copy{padding-bottom:52px}.opening-scroll{left:16px}.portfolio{width:calc(100% - 32px);padding-top:54px}.portfolio-head{flex-direction:column;align-items:flex-start;gap:0;min-height:92px;padding-top:10px;top:81px}.category-nav{scrollbar-width:none;width:100%;overflow-x:auto}.category-nav::-webkit-scrollbar{display:none}.category-nav a{padding-left:0;padding-right:20px}.category-nav a:after{left:0;right:20px}.category-block{padding-top:72px;scroll-margin-top:0}.film-grid{grid-template-columns:1fr;gap:18px}.reels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.film-grid .frame{justify-self:center;width:min(100%,360px)}.work-title{font-size:14px}.reels-grid .work-client{font-size:8px}.reels-grid .work-caption{bottom:10px;left:10px}.contact{min-height:62svh;margin-top:100px}.foot{flex-direction:column;gap:8px}}@media (max-width:360px){html{scroll-padding-top:164px}.masthead{flex-wrap:nowrap;gap:8px;min-height:62px}.masthead h1{flex:none;font-size:10px}.masthead .discipline{display:none}.masthead nav{gap:8px;margin-left:auto;font-size:9px}.portfolio-head{top:61px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.masthead,.opening-copy>*,.opening-portrait,.category-heading,.frame,.contact>*{opacity:1!important;clip-path:none!important;transform:none!important}}