/* Graphite, light, and the image itself. */
:root{--bg:#090a0e;--fg:#f1f3f5;--muted:#a3a9b5;--line:#dbe6ff22;--accent:#9ac9ec;color-scheme:dark}
.site-header.scrolled,.dialog-bar{background:#090a0ef0}.hero-line.accent{color:#a6c6df}.color-section{background:#191b21;color:var(--fg)}.color-step p,.step-number,.step-keywords,.color-bottom{color:#b6bbc5}.color-plate{background:#16191e;border-color:#16191e}.color-plate>span{color:#c2c7d0}.color-progress span{background:#626874}.color-progress span.active{background:#d6e8f6}.contact{background:#101823;color:var(--fg)}.contact .email{border-color:#b8c8d255}.contact-bottom>div>span{color:var(--muted)}.back-top{border-color:var(--line)}.contact :focus-visible{outline-color:var(--accent)}
/* One interaction vocabulary, no text-symbol icons. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ui-icon{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.ui-icon.icon-play{fill:currentColor;stroke-width:1}.media-link,.work-image{cursor:pointer;isolation:isolate}.media-link:focus-visible,.work-image:focus-visible{outline:2px solid var(--accent);outline-offset:7px;z-index:15}.media-affordance{position:absolute;right:20px;bottom:20px;z-index:8;display:grid;place-items:center;width:46px;height:46px;border:1px solid #edf5ff66;border-radius:50%;background:#090d16a3;color:#f2f7fc;transition:background .25s,border-color .25s,transform .35s;pointer-events:none}.media-affordance .ui-icon{width:18px;height:18px}.media-link:hover .media-affordance,.work-image:hover .media-affordance,.archive-card:hover .media-affordance,.media-link:focus-visible .media-affordance{background:#e0edf7;color:#111720;border-color:#e0edf7;transform:scale(1.08)}.media-link:hover,.work-image:hover{outline-color:#bdcde24d}.media-link>img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.media-link:hover>img{transform:scale(1.025)}.text-link{font-size:14px;border-bottom:1px solid #c8d8eb6b;gap:0}.text-link:hover{color:#d5e8f5;border-color:#d5e8f5}.pill-button{font-size:14px;gap:22px;border-color:#c8d8eb5b}.pill-button .ui-icon{width:19px;height:19px}.pill-button:hover{background:#d8e5f0;color:#111720;border-color:#d8e5f0}.footer-bottom a{color:#bec7d2;text-decoration:underline;text-decoration-color:#637083;text-underline-offset:5px}.close-button{font-size:14px;gap:15px}.close-button [data-icon]{display:grid;place-items:center;min-width:30px;min-height:30px}.plus{display:grid;place-items:center}.plus .ui-icon{width:22px;height:22px}.back-top{border-color:#a4b9cd65}.back-top .ui-icon{width:24px;height:24px}.motion-toggle{font-size:12px;gap:10px}.motion-switch{display:block;position:relative;width:31px;height:17px;border:1px solid #74849b;border-radius:20px}.motion-switch:before{content:'';position:absolute;width:9px;height:9px;background:#7c8899;border-radius:50%;top:3px;left:3px;transition:transform .2s,background .2s}.motion-toggle[aria-pressed=true] .motion-switch:before{background:#d2e7f6;transform:translateX(14px)}.motion-toggle[aria-pressed=true] .motion-switch{border-color:#b5cbdf}.motion-toggle:disabled{opacity:.7}
/* Quieter typography and larger intervals. */
.section{padding-top:150px;padding-bottom:150px}.eyebrow{font-size:12px;letter-spacing:1.4px}.section-heading{margin-bottom:95px}.section-marker{margin-bottom:40px}.heading-aside:empty{display:none}.hero-coordinates,.project-index,.work-tag,.hero-counter{display:none}.hero h1{letter-spacing:-.062em}.hero-description{font-size:16px;color:#b7bfcd;max-width:355px}.hero-eyebrow{font-size:12px;letter-spacing:1.2px}.round-link{font-size:14px}.round-link small{font-size:12px;letter-spacing:.5px;margin-top:3px}.play-icon{width:49px;height:49px;padding:0}.play-icon .ui-icon{width:17px;height:17px}.hero-copy{pointer-events:none}.hero-copy a{pointer-events:auto}.hero-films{pointer-events:none}.film-layer{pointer-events:auto}.hero-slice{pointer-events:none}.film-layer .media-affordance{right:20px;bottom:18px}.image-caption{font-size:12px;letter-spacing:.4px;left:20px;right:88px;bottom:28px}.image-caption>span{display:none}.frame-corners{display:none}.hero-second p{color:#f1f5f9}.hero-second em{color:#b9d2e7}.hero-second .eyebrow{display:none}.hero-bottom{font-size:12px;letter-spacing:.7px;bottom:30px}.hero-bottom>a:last-child{font-size:12px;text-decoration:underline;text-decoration-color:#9cabc270;text-underline-offset:7px}.certification-badge{display:flex!important;align-items:center;gap:19px;max-width:320px;text-decoration:none!important}.certification-badge img{display:block;width:158px;height:auto;filter:invert(1)}.certification-badge>span{color:#b8c0cc;font-size:12px;line-height:1.35;letter-spacing:.25px;max-width:58px}.hdr-certification{display:flex;align-items:center;gap:25px;padding:5px 0 32px}.hdr-certification>img{width:190px;height:auto;filter:invert(1)}.hdr-certification>span{font-size:14px;color:#b8c0cc}.intro{padding-top:140px;padding-bottom:140px}.intro-statement{max-width:1100px;font-size:clamp(40px,5.2vw,80px);line-height:1.16}.intro-foot{margin-top:45px;max-width:800px}.intro-foot p{font-size:16px;max-width:410px}.intro .section-marker{display:none}
/* The portfolio doesn't settle into one repeated rectangle. */
.work-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2.5vw;row-gap:120px;align-items:start}.work-card{margin:0!important;min-width:0}.work-card:nth-child(1){grid-column:1/span 8}.work-card:nth-child(2){grid-column:10/span 3;padding-top:210px}.work-card:nth-child(3){grid-column:1/span 5;padding-top:70px}.work-card:nth-child(4){grid-column:7/span 6}.work-card:nth-child(5){grid-column:2/span 7;padding-top:30px}.work-card:nth-child(6){grid-column:10/span 3;padding-top:170px}.work-card:nth-child(1) .work-image{aspect-ratio:1.8}.work-card:nth-child(2) .work-image{aspect-ratio:.78}.work-card:nth-child(3) .work-image{aspect-ratio:1.24}.work-card:nth-child(4) .work-image{aspect-ratio:1.05}.work-card:nth-child(5) .work-image{aspect-ratio:1.8}.work-card:nth-child(6) .work-image{aspect-ratio:.76}.work-image{overflow:hidden;background:#13171e}.work-image:after{background:linear-gradient(transparent 70%,#02060a45)}.work-image>img{transform:scale(1.08);transition:none;will-change:transform}.work-caption{display:block;padding-top:24px}.work-caption h3{font-size:clamp(26px,2.5vw,42px);letter-spacing:-.8px}.work-caption h3 span{font-size:14px;color:#abb3bf;margin-top:9px}.work-caption p{font-size:12px;text-align:left;margin-top:10px;padding:0;color:#8f9bac}.work-card:nth-child(2) .work-caption h3,.work-card:nth-child(6) .work-caption h3{font-size:clamp(24px,2vw,32px)}.archive-invite{border:0;margin-top:115px;padding:0;justify-content:center;gap:38px}.archive-invite>p{display:none}.archive-invite .text-link{margin:0}
/* The camera passes through a collection of still images. */
.frame-sequence{position:relative;background:#07090d}.frame-stage{position:relative;overflow:hidden;padding:100px var(--gutter) 110px}.frame-intro{position:relative;z-index:8;pointer-events:none}.frame-intro h2{font:500 clamp(60px,8vw,126px)/.96 var(--heading);letter-spacing:-.06em}.frame-space{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 30px;margin:65px 0}.frame-card{position:relative;display:block;aspect-ratio:1.65;background:#161b23;min-width:0;transform-origin:center;backface-visibility:hidden}.frame-card.portrait{aspect-ratio:.78}.frame-card>img,.frame-shard>img{width:100%;height:100%;object-fit:cover}.frame-card>img{position:relative;z-index:1}.frame-card.frame-focal{grid-column:span 2}.frame-card.frame-finale{grid-column:span 2}.frame-card:nth-child(3n+2){align-self:center}.frame-title{position:absolute;bottom:22px;left:20px;right:83px;font-size:12px;line-height:1.4;color:#f0f4f8;z-index:9;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s;text-shadow:0 1px 10px #000}.frame-card:hover .frame-title,.frame-card:focus-visible .frame-title{opacity:1;transform:none}.frame-shard{display:none;position:absolute;inset:0;z-index:2;pointer-events:none}.shard-0{clip-path:inset(0 66.66% 0 0)}.shard-1{clip-path:inset(0 33.3% 0 33.3%)}.shard-2{clip-path:inset(0 0 0 66.66%)}.frame-collection-link{display:flex;width:fit-content;margin:0 auto;position:relative;z-index:20;background:#090e16b5;backdrop-filter:blur(12px)}.motion-on .frame-sequence{height:420svh}.motion-on .frame-stage{position:sticky;top:0;height:100svh;min-height:780px;padding:0;isolation:isolate}.motion-on .frame-space{display:block;position:absolute;inset:0;margin:0;perspective:1100px;transform-style:preserve-3d;perspective-origin:50% 50%;z-index:2;pointer-events:none}.motion-on .frame-card{position:absolute;left:50%;top:50%;margin:0;pointer-events:auto;box-shadow:0 20px 75px #0004;will-change:transform,opacity}.motion-on .frame-card.frame-focal{aspect-ratio:1.95}.motion-on .frame-card.frame-finale{aspect-ratio:1.9}.motion-on .frame-intro{position:absolute;inset:0;display:flex;align-items:center;padding:0 var(--gutter);z-index:7}.motion-on .frame-intro h2{text-shadow:0 2px 40px #030610b0;max-width:800px}.motion-on .frame-shard{display:block}.motion-on .frame-collection-link{position:absolute;right:var(--gutter);bottom:35px;margin:0}.frame-card .media-affordance{width:42px;height:42px}.frame-card .media-affordance .ui-icon{width:17px;height:17px}
/* Color stays in the dark. */
.color-section{background:#191b21;color:#eef1f5}.color-stage{padding:110px var(--gutter) 80px}.color-section h2{font-size:clamp(62px,8vw,128px)}.color-topline{display:none}.color-art{width:56%;margin:-90px 0 0 auto;height:430px}.color-plate{border:0;background:#11151b;box-shadow:0 25px 75px #0004;overflow:visible}.color-plate>img{height:100%;object-fit:cover}.color-plate>span:not(.media-affordance){position:absolute;left:20px;bottom:22px;right:90px;padding:0;line-height:1.4;font-size:12px;letter-spacing:.3px;text-shadow:0 2px 10px #000;color:#edf4f8;pointer-events:none}.color-plate>.media-affordance{left:auto;right:20px;bottom:18px;line-height:1;letter-spacing:0;padding:0;display:grid;color:#f2f7fc}.color-plate:hover>.media-affordance{color:#111720}.color-step h3{font-size:clamp(26px,2.8vw,42px);letter-spacing:-.7px;line-height:1.15;margin-bottom:21px}.color-step p{font-size:16px;line-height:1.7;color:#b6bdc8;max-width:390px}.color-copy{gap:55px;margin-top:70px}.color-bottom{margin-top:60px}.color-count{font-size:12px;letter-spacing:.7px;color:#9aa7ba}.color-progress span{height:1px;width:32px;background:#667184}.color-progress span.active{background:#e0ebf4}.motion-on .color-section{height:330svh}.motion-on .color-stage{padding-top:150px}.motion-on .color-section h2{font-size:clamp(62px,7.5vw,120px)}.motion-on .color-art{width:52%;height:48%;top:31%;right:var(--gutter)}.motion-on .color-copy{top:54%;width:35%;height:30%}.motion-on .color-step h3{font-size:clamp(26px,2.6vw,39px)}.motion-on .color-step p{font-size:16px;line-height:1.65}
/* On-set photographs and readable credits. */
.dit-layout{gap:9vw;margin-bottom:150px}.photo-link,.portrait-media{position:relative;display:block;overflow:hidden}.photo-link>img{width:100%;aspect-ratio:1.2;object-fit:cover;object-position:60% center}.small-frame{display:block;overflow:hidden;border:7px solid var(--bg);width:42%;right:-4vw;bottom:-85px}.small-frame .media-affordance{width:36px;height:36px;bottom:12px;right:12px}.small-frame .media-affordance .ui-icon{width:16px;height:16px}.photo-caption,.portrait-note{display:none}.dit-copy>p:not(.large-body){font-size:16px}.service-lines>div{grid-template-columns:1fr;gap:10px;padding:24px 0}.service-lines>div>span{display:none}.service-lines p{grid-column:auto;font-size:16px}.service-lines h3{font-size:21px}.credits-head{margin-bottom:35px}.credits-head .eyebrow{font-size:12px}.credit-row{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr) 58px;gap:25px;align-items:center;padding:29px 0;transition:background .25s,padding .25s}.credit-row>span:first-child{display:none}.credit-row h3{font-size:clamp(24px,2.6vw,39px);letter-spacing:-.8px;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:#687385;text-underline-offset:7px}.credit-row small{font-size:12px}.credit-row p{font-size:14px}.credit-row .credit-site{display:block;font:600 12px var(--body);letter-spacing:0;text-align:right;color:#8c9bb1}.credit-row:hover{background:#d1e1ff07;padding-left:16px;padding-right:16px}.credit-row:hover h3{color:var(--accent);text-decoration-color:var(--accent)}.more-credits summary{font-size:14px;min-height:65px}.more-credits summary [data-icon]{color:var(--accent)}.more-credit-grid{gap:36px}.more-credit-grid a{display:block;padding:10px 0;font-size:14px;color:var(--muted)}.more-credit-grid a strong{display:block;font:400 20px/1.4 var(--heading);color:var(--fg);margin-bottom:10px;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:#647087;text-underline-offset:5px}.more-credit-grid a:hover strong{color:var(--accent);text-decoration-color:var(--accent)}
/* The room and the person. */
.studio-image{height:100svh;min-height:720px;perspective:1200px}.studio-media{position:absolute;inset:-8% 0;display:block;overflow:hidden;z-index:0}.studio-media>img{width:100%;height:100%;object-fit:cover;object-position:58% center;transition:none}.studio-media .media-affordance{top:12%;right:var(--gutter);bottom:auto}.studio-shade{pointer-events:none;background:linear-gradient(180deg,#07091120,#07091100 40%,#070911bb)}.studio-overlay{pointer-events:none;padding-bottom:65px}.studio-overlay a{pointer-events:auto}.studio-overlay>.eyebrow{font-size:12px}.studio-overlay h2{font-size:clamp(62px,8.8vw,142px)}.studio-meta p{font-size:16px}.studio-strip{display:none}.about{padding-top:155px;padding-bottom:0}.about-grid{gap:10vw}.portrait-media>img{aspect-ratio:.8;object-fit:cover;object-position:51% center;width:100%}.about-copy>p:not(.large-body){font-size:16px;line-height:1.8}.about-copy h2{margin-bottom:40px}.about-links{gap:25px 32px}.quote-sequence{position:relative;margin:150px calc(-1 * var(--gutter)) 0;background:#090b10}.quote-stage{padding:80px var(--gutter);position:relative;overflow:hidden}.quote-space{display:grid;grid-template-columns:1fr 1fr;gap:65px 7vw;position:relative}.quote-card{margin:0;padding:20px 0}.quote-card blockquote{margin:0;font:400 clamp(27px,3vw,44px)/1.2 var(--heading);letter-spacing:-.045em}.quote-card figcaption{margin-top:32px;font-size:14px;line-height:1.5}.quote-card figcaption>span{display:block;color:#d5e4f2}.quote-card figcaption small{display:block;color:#8896aa;font-size:12px;line-height:1.5;margin-top:6px}.motion-on .quote-sequence{height:370svh;margin-top:120px}.motion-on .quote-stage{position:sticky;top:0;height:100svh;min-height:780px;padding:0;isolation:isolate}.motion-on .quote-space{position:absolute;inset:0;display:block;perspective:1200px;transform-style:preserve-3d;margin:0;pointer-events:none}.motion-on .quote-card{position:absolute;left:50%;top:50%;width:min(790px,68vw);padding:0;will-change:transform,opacity;transform-style:preserve-3d;backface-visibility:hidden}.motion-on .quote-card blockquote{font-size:clamp(34px,4.2vw,65px);line-height:1.16;letter-spacing:-.04em;text-wrap:balance}.motion-on .quote-card figcaption{margin-top:37px;font-size:16px}.motion-on .quote-card figcaption small{font-size:13px}.quote-card.is-current blockquote{color:#f1f4f8}.quote-card:not(.is-current) blockquote{color:#a3b2c5}
/* A few more frames pass each other on the way out. */
.image-interlude{position:relative;display:grid;grid-template-columns:1.2fr .75fr 1fr;gap:4vw;align-items:center;padding:110px var(--gutter) 130px;overflow:hidden;background:#090b10}.interlude-frame{position:relative;display:block;overflow:hidden;aspect-ratio:1.55}.interlude-frame:nth-child(2){aspect-ratio:.85;margin-top:90px}.interlude-frame:nth-child(3){margin-top:-55px}.interlude-frame img{width:100%;height:100%;object-fit:cover}.working-together{padding-top:135px}.info-list summary{grid-template-columns:minmax(0,1fr) auto 28px;gap:28px;padding:32px 0}.info-list summary>span:nth-child(1){font:400 clamp(24px,2.5vw,37px)/1.2 var(--heading);letter-spacing:-.7px}.info-list summary>span:nth-child(2){font:inherit}.info-list summary small{font-size:12px;letter-spacing:.8px}.info-content{padding-left:0;max-width:920px}.info-content>p,.info-columns p{font-size:16px}.info-columns h3{font-size:24px}.rate-grid>div>span{font-size:14px}.rate-grid strong small{font-size:14px}.resource-links small{font-size:12px;letter-spacing:.7px}.contact{padding-top:95px;padding-bottom:110px;background:#101823}.contact-top{margin-bottom:75px}.contact-top .eyebrow{font-size:12px;letter-spacing:1px}.contact h2{color:#eef3f8}.contact-bottom{margin-top:70px}.contact .email{font-size:clamp(24px,3.2vw,47px);border-color:#b6d3ec80}.contact-bottom>div>span{font-size:14px}.footer{padding-top:80px}.footer-name{color:#c5d2df}.footer-bottom{font-size:14px}.footer-bottom>span{font-size:12px;letter-spacing:.8px}.footer-bottom>div{font-size:14px}.archive-header>p:not(.archive-count){font-size:16px}.archive-filters>button{font-size:14px}.archive-count{font-size:12px}.archive-card p{font-size:12px}.archive-card-image>.media-affordance{width:39px;height:39px;right:14px;bottom:14px;padding:0;border-radius:50%;background:#090d16a3}.archive-card.is-still .archive-card-image{background:#0b0d12}.archive-card.is-still .archive-card-image>img{object-fit:contain}.film-info p{font-size:14px}.film-info h2{letter-spacing:-.6px}.still-controls button{display:grid;place-items:center}.still-controls>span{font-size:12px}.still-film-link{margin-top:19px!important;display:flex;width:fit-content;gap:12px!important}.still-film-link .ui-icon{width:16px;height:16px}
@media(min-width:1800px){.work-card:nth-child(2){padding-top:290px}.work-card:nth-child(6){padding-top:235px}.motion-on .color-copy{top:55%}.motion-on .frame-sequence{height:400svh}}
@media(max-width:1100px){.section{padding-top:120px;padding-bottom:120px}.work-grid{gap:95px 3vw}.work-card:nth-child(1){grid-column:1/span 7}.work-card:nth-child(2){grid-column:9/span 4;padding-top:165px}.work-card:nth-child(5){grid-column:1/span 8}.work-card:nth-child(6){padding-top:135px}.work-caption h3{font-size:30px}.certification-badge img{width:145px}.certification-badge{gap:14px}.motion-on .color-art{width:49%;height:45%;top:34%}.motion-on .color-copy{width:37%;top:52%}.motion-on .color-step p{font-size:16px;line-height:1.65}.motion-on .color-step h3{font-size:29px}.credit-row{grid-template-columns:minmax(0,1.6fr) minmax(150px,1fr) 44px;gap:20px}.info-list summary{grid-template-columns:minmax(0,1fr) 28px}.info-list summary small{display:none}.about-grid{gap:7vw}.about{padding-bottom:0}.quote-sequence{margin-top:120px}.motion-on .quote-card{width:74vw}.motion-on .quote-card blockquote{font-size:5vw}.image-interlude{gap:3vw}.footer-bottom>span{font-size:10px}.footer-bottom{font-size:12px}.footer-bottom>div{font-size:12px}.hero-description{max-width:340px}.hdr-certification>img{width:180px}}
@media(max-width:799px){.section{padding-top:100px;padding-bottom:100px}.section-heading{margin-bottom:58px;gap:0}.section h2{font-size:clamp(54px,9vw,78px)}.hero-sticky{padding-top:135px}.hero-eyebrow{font-size:12px;letter-spacing:.45px}.hero h1{font-size:clamp(58px,12.8vw,97px);margin-top:20px}.hero-description{font-size:16px;max-width:330px}.hero-films{z-index:2}.hero-copy{position:static;z-index:5}.hero-copy>p,.hero-copy>h1{position:relative;z-index:6;pointer-events:none}.hero-copy>.round-link{z-index:8}.film-layer .media-affordance{width:40px;height:40px;bottom:12px;right:14px}.film-layer .media-affordance .ui-icon{width:16px;height:16px}.image-caption{font-size:12px;left:15px;bottom:23px;right:75px}.hero-bottom{bottom:24px;font-size:12px}.hero-bottom>a:last-child{font-size:12px;letter-spacing:.25px}.certification-badge img{width:118px}.certification-badge{gap:12px;max-width:205px}.certification-badge>span{font-size:12px;max-width:55px}.round-link{bottom:101px;font-size:14px}.round-link small{font-size:12px}.hero-bottom>span:first-child{max-width:none}.hero-second p{font-size:23vw}.intro-statement{font-size:clamp(36px,6vw,50px)}.intro-foot p{font-size:16px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:5vw;row-gap:70px}.work-card:nth-child(1){grid-column:1/-1;width:100%}.work-card:nth-child(2){grid-column:1/-1;width:64%;justify-self:end;padding-top:0}.work-card:nth-child(3){grid-column:1/-1;width:76%;padding-top:0}.work-card:nth-child(4){grid-column:1/-1;width:100%;padding-top:0}.work-card:nth-child(5){grid-column:1/-1;width:100%;padding-top:0}.work-card:nth-child(6){grid-column:1/-1;width:62%;justify-self:end;padding-top:0}.work-card:nth-child(1) .work-image{aspect-ratio:1.5}.work-card:nth-child(2) .work-image{aspect-ratio:.95}.work-card:nth-child(3) .work-image{aspect-ratio:1.25}.work-card:nth-child(4) .work-image{aspect-ratio:1.15}.work-card:nth-child(5) .work-image{aspect-ratio:1.55}.work-card:nth-child(6) .work-image{aspect-ratio:.85}.work-caption{display:block;padding-top:21px}.work-caption h3,.work-card:nth-child(2) .work-caption h3,.work-card:nth-child(6) .work-caption h3{font-size:30px}.work-caption h3 span{font-size:14px}.work-caption p{font-size:12px;max-width:none;text-align:left;margin-top:9px}.media-affordance{width:43px;height:43px;right:16px;bottom:16px}.archive-invite{margin-top:75px;gap:24px;flex-direction:row;flex-wrap:wrap;align-items:center}.archive-invite .text-link{font-size:14px}.frame-stage{padding:75px var(--gutter)}.frame-intro h2{font-size:clamp(58px,10vw,80px)}.frame-space{grid-template-columns:1fr 1fr;gap:25px;margin:45px 0}.frame-card.frame-focal,.frame-card.frame-finale{grid-column:span 2}.frame-card .media-affordance{width:37px;height:37px;right:11px;bottom:11px}.frame-card .media-affordance .ui-icon{width:15px;height:15px}.frame-title{font-size:12px;left:14px;bottom:16px;right:60px}.motion-on .frame-sequence{height:440svh}.motion-on .frame-space{perspective:850px}.motion-on .frame-intro{padding:0 var(--gutter)}.motion-on .frame-intro h2{font-size:clamp(58px,12vw,92px)}.motion-on .frame-collection-link{right:var(--gutter);bottom:28px;font-size:14px}.color-stage{padding:85px var(--gutter)}.color-section h2{font-size:clamp(58px,10vw,84px)}.color-art{width:88%;margin:50px auto 0;height:320px}.color-copy{grid-template-columns:1fr;gap:44px;margin-top:65px}.color-step p{font-size:16px;max-width:580px}.color-step h3{font-size:28px;margin-bottom:17px}.color-plate>span:not(.media-affordance){font-size:12px;left:16px;bottom:22px;right:78px}.color-bottom{margin-top:40px}.motion-on .color-stage{padding-top:120px;min-height:780px}.motion-on .color-section h2{font-size:clamp(54px,10vw,78px);max-width:100%}.motion-on .color-art{top:35%;height:28%;width:83%;right:8%;margin:0}.motion-on .color-copy{top:69%;width:auto;left:var(--gutter);right:var(--gutter);height:auto;min-height:175px}.motion-on .color-step h3{font-size:27px;margin-bottom:16px;padding-right:0}.motion-on .color-step p{font-size:16px;line-height:1.6;max-width:620px}.motion-on .color-bottom{bottom:25px}.dit-layout{grid-template-columns:1fr;gap:100px;margin-bottom:90px}.photo-link>img{aspect-ratio:1.25}.small-frame{right:-10%;bottom:-65px}.dit-copy>.large-body{font-size:29px}.service-lines p{font-size:16px}.service-lines>div{padding:22px 0}.service-lines h3{font-size:21px}.credit-row{grid-template-columns:minmax(0,1fr) 50px;gap:12px;padding:28px 0}.credit-row h3{font-size:27px}.credit-row p{grid-column:1;grid-row:2;text-align:left;font-size:14px}.credit-row .credit-site{grid-column:2;grid-row:1;font-size:12px}.credit-row small{font-size:12px}.more-credit-grid{gap:28px}.more-credit-grid a{font-size:14px}.more-credit-grid a strong{font-size:20px}.studio-image{min-height:650px;height:90svh}.studio-overlay{padding-bottom:40px}.studio-overlay h2{font-size:clamp(54px,9vw,77px)}.studio-media .media-affordance{top:14%;width:44px;height:44px}.studio-meta p{font-size:16px}.about{padding-top:110px;padding-bottom:0}.about-copy>p:not(.large-body){font-size:16px}.portrait-media>img{aspect-ratio:.9}.about-copy h2{font-size:clamp(58px,10vw,80px)}.about-links .text-link{font-size:14px}.quote-sequence{margin-top:100px}.quote-stage{padding:70px var(--gutter)}.quote-space{grid-template-columns:1fr;gap:52px}.quote-card blockquote{font-size:clamp(28px,5.5vw,44px)}.quote-card figcaption{font-size:14px;margin-top:25px}.quote-card figcaption small{font-size:12px}.motion-on .quote-sequence{height:410svh;margin-top:90px}.motion-on .quote-space{perspective:900px}.motion-on .quote-card{width:82vw}.motion-on .quote-card blockquote{font-size:clamp(33px,6.5vw,51px);line-height:1.17}.motion-on .quote-card figcaption{margin-top:32px;font-size:15px}.motion-on .quote-card figcaption small{font-size:12px}.image-interlude{padding:85px var(--gutter) 100px;gap:25px;grid-template-columns:1fr 1fr}.interlude-frame:nth-child(1){grid-column:1/span 2;width:82%;aspect-ratio:1.8}.interlude-frame:nth-child(2){margin-top:20px;aspect-ratio:.8}.interlude-frame:nth-child(3){margin-top:100px;aspect-ratio:1.05}.interlude-frame .media-affordance{width:37px;height:37px;right:12px;bottom:12px}.info-list summary{grid-template-columns:minmax(0,1fr) 28px;gap:15px;padding:29px 0}.info-list summary>span:nth-child(1){font-size:25px;letter-spacing:-.5px}.info-content{padding:0 0 35px}.info-content>p,.info-columns p{font-size:16px;line-height:1.7}.info-content .text-link{font-size:14px}.info-columns h3{font-size:23px}.rate-grid strong{font-size:37px}.rate-grid strong small{font-size:14px}.rate-grid>div>span{font-size:14px}.resource-links a{font-size:16px}.resource-links small{font-size:12px;letter-spacing:.4px}.contact-top .eyebrow{font-size:12px;line-height:1.6;max-width:330px;letter-spacing:.7px}.contact-top{margin-bottom:50px}.contact-bottom{margin-top:50px}.contact h2{font-size:clamp(56px,9.5vw,82px)}.contact .email{font-size:clamp(22px,4.6vw,35px);letter-spacing:-.6px;gap:0}.contact-bottom>div>span{font-size:14px}.footer{padding-top:55px}.footer-bottom>span{font-size:12px}.footer-bottom>div{font-size:14px;gap:24px}.motion-toggle{font-size:12px}.archive-filters>button{font-size:14px}.archive-header h2{font-size:48px}.archive-count{font-size:12px}.archive-card p{font-size:12px}.film-info p{font-size:14px}.film-info>.text-link{font-size:14px}.archive-card-image>.media-affordance{width:36px;height:36px}.still-controls>span{font-size:12px}.dialog-bar>.eyebrow{font-size:12px;letter-spacing:.4px}.close-button{font-size:14px}}
@media(max-width:480px){.hero-eyebrow{font-size:12px;letter-spacing:0}.hero h1{font-size:14.9vw;margin-top:22px}.hero-description{font-size:16px;max-width:305px}.hero-bottom{align-items:center;gap:15px}.hero-bottom>a:last-child{max-width:70px;line-height:1.5;font-size:12px;text-align:right;display:block}.certification-badge img{width:108px}.certification-badge>span{font-size:12px}.certification-badge{gap:12px;max-width:184px}.round-link{bottom:106px}.round-link small{font-size:12px}.film-layer{height:28%;width:84%;top:51%}.layer-middle{top:49%}.layer-back{top:47%}.image-caption{font-size:12px;right:64px;bottom:23px;letter-spacing:0}.media-affordance{width:42px;height:42px}.work-card:nth-child(2){width:78%}.work-card:nth-child(3){width:88%}.work-card:nth-child(6){width:75%}.work-caption h3{font-size:29px}.work-grid{row-gap:62px}.archive-invite{gap:22px;flex-direction:column;align-items:center}.motion-on .frame-intro h2{font-size:15vw}.frame-card .media-affordance{width:36px;height:36px}.motion-on .frame-collection-link{font-size:14px;right:22px;bottom:26px}.frame-space{gap:22px}.color-section h2,.motion-on .color-section h2{font-size:58px}.motion-on .color-stage{padding-top:122px}.motion-on .color-art{top:35%;height:25%;width:84%;right:8%}.motion-on .color-copy{top:65%;}.motion-on .color-step h3{font-size:26px;margin-bottom:15px}.motion-on .color-step p{font-size:16px;line-height:1.6}.color-plate>span:not(.media-affordance){font-size:12px;bottom:18px;left:14px;right:74px}.color-plate>.media-affordance{right:13px;bottom:14px;width:39px;height:39px}.motion-on .color-bottom{bottom:21px}.color-art{height:270px}.credit-row h3{font-size:25px}.credit-row p{font-size:14px}.credit-row small{display:block;margin:7px 0 0;font-size:12px}.credit-row p small{display:block;margin:5px 0 0;font-size:12px}.credit-row .credit-site{font-size:12px}.more-credit-grid{grid-template-columns:1fr;gap:15px}.more-credit-grid a{padding:15px 0;border-bottom:1px solid var(--line)}.more-credit-grid a strong{font-size:22px}.studio-overlay h2{font-size:54px}.studio-meta p{font-size:16px}.motion-on .quote-card{width:82vw}.motion-on .quote-card blockquote{font-size:9vw;line-height:1.16}.motion-on .quote-card figcaption{font-size:15px}.quote-card figcaption small{font-size:12px}.image-interlude{gap:20px}.info-list summary>span:nth-child(1){font-size:24px}.info-list summary{gap:13px;padding:26px 0}.info-columns{grid-template-columns:1fr;gap:32px}.rate-grid strong{font-size:38px}.rate-grid>div>span{font-size:14px;max-width:148px}.rate-grid strong small{font-size:14px}.hdr-certification{gap:17px}.hdr-certification>img{width:160px}.hdr-certification>span{font-size:14px;max-width:85px}.contact h2{font-size:14vw}.contact .email{font-size:5.6vw;letter-spacing:-.6px}.contact-top .eyebrow{font-size:12px;letter-spacing:.3px;max-width:235px}.contact-bottom>div>a{font-size:16px}.footer-bottom{gap:9px 20px}.footer-bottom>div{gap:22px;font-size:14px}.motion-toggle{margin-left:0;font-size:12px}.footer-bottom>span{font-size:12px;line-height:1.7}.dialog-bar>.eyebrow{font-size:12px;max-width:175px;line-height:1.4}.archive-header h2{font-size:42px}.archive-card h3{font-size:22px}.archive-card p{font-size:12px}}
/* A short screen keeps the images and words in normal document flow. */
@media(max-height:599px){.motion-on .frame-sequence,.motion-on .quote-sequence{height:auto}.motion-on .frame-stage,.motion-on .quote-stage{position:relative;height:auto;min-height:0;padding:85px var(--gutter)}.motion-on .frame-space{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:45px 0;perspective:none;transform-style:flat}.motion-on .frame-card{position:relative;left:auto;top:auto;width:auto!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;box-shadow:none}.motion-on .frame-card .frame-source{opacity:1!important;clip-path:none!important}.motion-on .frame-card.frame-focal,.motion-on .frame-card.frame-finale{grid-column:span 2}.motion-on .frame-intro{position:relative;inset:auto;padding:0;opacity:1!important;transform:none!important}.motion-on .frame-intro h2{font-size:clamp(52px,8vw,90px)}.motion-on .frame-shard{display:none}.motion-on .frame-collection-link{position:relative;inset:auto;margin:0 auto}.motion-on .quote-space{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:65px 7vw;perspective:none;transform-style:flat}.motion-on .quote-card{position:relative;left:auto;top:auto;width:auto;opacity:1!important;transform:none!important;visibility:visible!important}.motion-on .quote-card blockquote{font-size:clamp(28px,3.8vw,46px);color:var(--fg)}.motion-on .quote-card figcaption{margin-top:25px;font-size:14px}.motion-on .quote-card figcaption small{font-size:12px}}
@media(max-height:779px){.motion-on .color-section{height:auto}.motion-on .color-stage{height:auto;min-height:0;padding:95px var(--gutter)}.motion-on .color-art{position:relative;top:auto;right:auto;width:58%;height:380px;margin:35px 0 0 auto}.motion-on .color-copy{position:relative;top:auto;left:auto;right:auto;width:100%;height:auto;margin-top:65px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.motion-on .color-step{position:relative;inset:auto;opacity:1!important;transform:none!important}.motion-on .color-step p{font-size:16px}.motion-on .color-step h3{font-size:27px}.motion-on .color-bottom{position:relative;inset:auto;margin-top:45px}.motion-on .color-section h2{max-width:100%}.motion-on .color-plate{opacity:1!important;pointer-events:auto!important}.motion-on .hero-copy{opacity:1!important;transform:none!important}.motion-on .hero-sticky{padding-top:145px}.motion-on .hero{height:auto}.motion-on .hero-sticky{height:800px;min-height:800px}.motion-on .hero-slice,.motion-on .hero-second{display:none}}
@media(max-height:599px) and (max-width:799px){.motion-on .frame-space{grid-template-columns:1fr 1fr;gap:24px}.motion-on .quote-space{grid-template-columns:1fr;gap:60px}.motion-on .quote-card blockquote{font-size:clamp(29px,6.5vw,44px)}}
@media(max-height:779px) and (max-width:799px){.motion-on .color-art{width:86%;height:270px;margin:45px auto 0}.motion-on .color-copy{grid-template-columns:1fr;gap:45px}.motion-on .color-stage{padding-top:85px;padding-bottom:80px}.motion-on .color-step p{font-size:16px}.motion-on .hero-sticky{height:800px;min-height:800px;padding-top:135px}.motion-on .color-section h2{font-size:58px}}
.motion-off .frame-shard{display:none}.motion-off .frame-source{opacity:1!important;clip-path:none!important}.motion-off .quote-card{opacity:1!important;transform:none!important}.motion-off .quote-card blockquote{color:var(--fg)}.motion-off .frame-card{width:auto!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}.motion-off .color-plate,.motion-off .film-layer{pointer-events:auto!important}.motion-off .work-image>img{transform:none!important;clip-path:none!important}.motion-off .studio-media>img,.motion-off .interlude-frame{transform:none!important}.motion-off .frame-intro{opacity:1!important;transform:none!important}

@media(min-height:600px) and (max-height:779px){.motion-on .frame-stage,.motion-on .quote-stage{height:100svh;min-height:0}.motion-on .quote-card blockquote{font-size:clamp(28px,4vw,48px)}}
@media(min-height:600px) and (max-height:779px) and (max-width:799px){.motion-on .quote-card blockquote{font-size:clamp(29px,7.7vw,45px)}}
@keyframes quote-drift{0%,100%{transform:translateY(3px)}50%{transform:translateY(-4px)}}
@media(min-height:600px) and (prefers-reduced-motion:no-preference){.motion-on .quote-card blockquote,.motion-on .quote-card figcaption{animation:quote-drift 5.6s ease-in-out infinite;animation-play-state:paused}.motion-on .quote-sequence.is-in-view .quote-card.is-current blockquote,.motion-on .quote-sequence.is-in-view .quote-card.is-current figcaption{animation-play-state:running}}

.motion-on .frame-card.frame-focal{background:transparent;box-shadow:none}
.motion-off .color-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;height:auto;gap:28px;margin:65px 0 0}.motion-off .color-plate{position:relative;inset:auto;aspect-ratio:1.45;transform:none!important}.motion-off .color-plate>span:not(.media-affordance){display:none}
@media(max-width:799px){.motion-off .color-art{grid-template-columns:1fr;gap:32px}.motion-off .color-plate{width:88%;aspect-ratio:1.8}.motion-off .color-plate:nth-child(2){justify-self:end}.motion-off .color-plate>span:not(.media-affordance){display:block}}
@media(max-height:779px){.motion-on .color-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;height:auto;gap:28px;margin:65px 0 0}.motion-on .color-plate{position:relative;inset:auto;aspect-ratio:1.45;transform:none!important}.motion-on .color-plate>span:not(.media-affordance){display:none}}
@media(max-height:779px) and (max-width:799px){.motion-on .color-art{grid-template-columns:1fr;gap:32px;margin-top:45px}.motion-on .color-plate{width:88%;aspect-ratio:1.8}.motion-on .color-plate:nth-child(2){justify-self:end}.motion-on .color-plate>span:not(.media-affordance){display:block}}