@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/ibm-plex-mono-regular.ttf') format('truetype')}
:root{--paper:#f1f0ec;--ink:#242621;--muted:#62645e;--rule:#c7c8bf;--stage:#ddded8;--sans:'Helvetica Neue',Helvetica,Arial,sans-serif;--mono:'IBM Plex Mono',monospace;--gutter:clamp(20px,3.2vw,64px);font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;min-width:280px}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:6px}button:focus:not(:focus-visible){outline:none}p,h1,h2,h3,figure,dl,dd{margin:0}img,video{display:block;max-width:100%}img{height:auto}button{border-radius:0}::selection{background:#ced5e6;color:#142549}[hidden]{display:none!important}.mono{font-family:var(--mono);font-size:11px;font-weight:400;line-height:1.65;letter-spacing:.035em;text-transform:uppercase}.wrap{width:calc(100% - var(--gutter)*2);max-width:1640px;margin-inline:auto}.skip-link{position:fixed;left:20px;top:-100px;z-index:10;padding:14px;background:var(--ink);color:var(--paper)}.skip-link:focus{top:12px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px var(--gutter) 25px;max-width:1768px;margin:auto}.brand{font-size:14px;letter-spacing:-.025em;font-weight:500;line-height:1.4}.brand span{display:block;font-size:9px;margin-top:5px;letter-spacing:.045em}.site-nav{display:flex;align-items:center;gap:43px}.site-nav a,.site-nav button{padding:8px 0;min-height:44px;text-transform:uppercase;font-size:11px}.nav-count{margin-left:10px;color:var(--muted)}.site-nav a:hover,.site-nav button:hover{text-decoration:underline;text-underline-offset:5px}
.project-header{padding-top:62px;padding-bottom:43px}.record-meta{display:flex;justify-content:space-between;margin-bottom:32px}.project-header h1{font-size:clamp(58px,8.75vw,150px);font-weight:400;line-height:.91;letter-spacing:-.068em;text-transform:uppercase;margin-left:-.055em}.project-header h1 span{display:block}.record--receiver .project-header h1{font-size:clamp(80px,13.8vw,225px)}.record--soft .project-header h1{font-size:clamp(62px,9.6vw,164px)}.record--treasure .project-header h1 span:last-child{font-size:.73em;margin-top:.065em;letter-spacing:-.055em}.project-subline{display:flex;gap:40px;justify-content:space-between;align-items:baseline;margin-top:34px}.premise{font-size:clamp(18px,1.7vw,25px);line-height:1.35;letter-spacing:-.025em}.context{white-space:nowrap}
.film-stage{background:var(--stage);display:flex;justify-content:center;align-items:center;overflow:hidden}.film--hero video{height:min(84svh,900px);min-height:530px;width:auto;max-width:100%;object-fit:contain;aspect-ratio:9/16;background:#989a93}.film--hero .film-stage{min-height:530px}.film-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:55px}.film-caption{white-space:nowrap}.film-duration{color:var(--muted);margin-left:8px}.film--inline video{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}.film--inline .film-toolbar{flex-wrap:wrap;column-gap:10px;row-gap:0}.film--inline .film-caption{font-size:9px}.film-description{width:min(660px,100%);color:var(--muted);margin-top:0}.film-description summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;min-height:32px;font-size:10px}.film-description summary::-webkit-details-marker{display:none}.film-description summary:after{content:'+';margin-left:10px}.film-description[open] summary:after{content:'−'}.film-description p{font-size:14px;line-height:1.65;padding:12px 0 0;max-width:570px}.film-error{padding:12px 0;font-size:14px}.film-error a{text-decoration:underline}
.project-note{display:grid;grid-template-columns:1fr 2fr;gap:7%;padding-block:116px 134px}.section-label{font-size:11px}.project-metadata dl{margin-top:34px;display:grid;gap:22px}.project-metadata dt{font-size:10px;color:var(--muted);margin-bottom:4px}.project-metadata dd{font-size:14px;line-height:1.55}.project-copy{max-width:875px}.project-copy p{font-size:clamp(18px,1.85vw,28px);line-height:1.45;letter-spacing:-.025em}.project-copy .lead-copy{font-size:clamp(27px,2.8vw,43px);line-height:1.21;letter-spacing:-.04em;margin-bottom:28px}.section-marker{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:36px}.section-marker>span{color:var(--muted)}
.finished{padding-bottom:126px}.spread{display:grid;gap:28px;align-items:start;margin-bottom:100px}.spread:last-child{margin-bottom:0}.spread--pair{grid-template-columns:1fr 1fr;max-width:1130px;margin-inline:auto}.spread--pair .media-figure:nth-child(2){padding-top:108px}.spread--offset{grid-template-columns:repeat(12,1fr);gap:24px}.spread--offset .media-figure:first-child{grid-column:2/7}.spread--offset .media-figure:nth-child(2){grid-column:9/13;padding-top:150px}.image-open{display:block;width:100%;padding:0;cursor:zoom-in}.image-open img{width:100%}.media-figure{min-width:0}.media-figure figcaption{font-size:10px;color:var(--muted);margin-top:13px}.spread--world{grid-template-columns:1.75fr 1fr;gap:9%;padding-right:3%}.spread--world .media-figure:nth-child(2){padding-top:34%}.record--receiver .spread--offset{max-width:1060px;margin-inline:auto;grid-template-columns:1fr 1fr;gap:40px}.record--receiver .spread--offset .media-figure{grid-column:auto}.record--receiver .spread--offset .media-figure:nth-child(2){padding-top:130px}.spread--campaign{grid-template-columns:1.65fr 1fr;gap:9%;padding-right:4%}.spread--campaign .media-figure:nth-child(2){padding-top:48%}.spread.narrow{max-width:990px;margin-left:auto;margin-right:0;gap:40px}.spread--fashion{grid-template-columns:1.6fr 1fr;gap:11%;padding-right:3%}.spread--fashion .media-figure:nth-child(2){padding-top:64%}.spread--detail{display:block;width:42%;margin-left:44%}.record--soft .finished{padding-bottom:135px}
.development{padding-bottom:130px}.development-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:24px}.development-grid[style*=':2']{width:75%;margin-left:auto}.development-item h3{margin-bottom:14px;font-size:10px}.development-item .media-figure img{width:100%}.sequence-step{font-size:clamp(30px,3.6vw,55px);letter-spacing:-.045em;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.sequence-step span{font-size:.75em}.development--sequence .development-grid{gap:30px}.development--sequence .media-figure img{aspect-ratio:9/16;object-fit:contain;background:var(--stage)}
.credits{display:grid;grid-template-columns:1fr 2fr;gap:7%;border-top:1px solid var(--rule);padding-block:39px 100px}.credits dl{max-width:800px;font-family:var(--mono);font-size:11px;text-transform:uppercase;line-height:1.5;letter-spacing:.025em}.credits dl>div{display:grid;grid-template-columns:1.25fr 1fr;gap:25px;padding-bottom:14px}.response{display:grid;grid-template-columns:1fr 2fr;gap:7%;padding-bottom:100px}.response p{font-family:var(--mono);font-size:12px;text-transform:uppercase}.next-project{border-top:1px solid var(--rule);padding-block:37px 74px}.next-link{display:flex;align-items:center;gap:50px;justify-content:space-between;min-height:250px}.next-copy{flex:1}.next-label{display:flex;gap:35px;margin-bottom:31px}.next-label span{color:var(--muted)}.next-link h2{display:flex;align-items:baseline;justify-content:space-between;gap:30px;font-size:clamp(39px,5.4vw,88px);font-weight:400;letter-spacing:-.055em;line-height:1.06;max-width:1150px}.next-arrow{font-size:.8em;transition:transform .2s}.next-link:hover .next-arrow{transform:translate(5px,-5px)}.next-thumbnail{width:160px;flex-shrink:0}.next-thumbnail img{max-height:230px;width:100%;object-fit:contain;object-position:right}.site-footer{display:flex;justify-content:space-between;gap:24px;padding-block:24px 30px;font-size:9px}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.records-dialog{background:var(--paper);color:var(--ink);border:0;padding:35px 46px;width:min(1020px,calc(100% - 50px));max-height:90svh}.records-dialog::backdrop{background:rgb(20 22 19 / .55)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:34px}.dialog-head h2{font-size:11px}.dialog-head button,.image-close{font-family:var(--mono);font-size:11px;text-transform:uppercase;min-height:44px}.dialog-head button span{font-size:21px;margin-left:18px;vertical-align:-2px}.record-link{display:grid;grid-template-columns:100px 1fr 25px;gap:24px;align-items:center;padding-block:26px;border-top:1px solid var(--rule)}.record-link-title{font-size:clamp(22px,3vw,36px);letter-spacing:-.04em;line-height:1.08}.record-link-title small{display:block;font-size:13px;letter-spacing:0;line-height:1.5;margin-top:9px}.record-link-arrow{font-size:25px}.record-link:hover .record-link-title{text-decoration:underline;text-underline-offset:5px}.record-link[aria-current='page'] .record-link-arrow{font-size:0}.record-link[aria-current='page'] .record-link-arrow:after{content:'●';font-size:10px}.dialog-foot{margin-top:26px;font-size:9px;color:var(--muted)}.image-dialog{background:var(--paper);color:var(--ink);border:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh;padding:55px 30px 30px;inset:0;margin:0;overflow:auto}.image-dialog::backdrop{background:var(--paper)}.image-dialog>img{height:calc(100svh - 145px);width:100%;object-fit:contain}.image-close{position:absolute;top:8px;right:var(--gutter);z-index:1}.image-description{text-transform:none;text-align:center;font-size:11px;max-width:800px;margin:18px auto 0;line-height:1.6}.records-dialog:focus,.image-dialog:focus{outline:none}
@media(min-width:1800px){.site-header{padding-inline:64px}.film--hero video{height:900px}}
@media(max-width:1000px){.project-header{padding-top:44px}.project-note{gap:6%;grid-template-columns:1fr 1.8fr;padding-block:90px 100px}.project-copy .lead-copy{font-size:31px}.project-copy p{font-size:20px}.project-subline{align-items:flex-start}.premise{max-width:65%}.film--hero video{height:76svh;min-height:500px}.development-grid[style*=':2']{width:84%}.credits{grid-template-columns:1fr 1.8fr;gap:6%}.credits dl>div{grid-template-columns:1fr 1fr;gap:20px}.next-thumbnail{width:130px}.next-link{gap:30px}.next-link h2{font-size:54px}}
@media(max-width:700px){.mono{font-size:10px;letter-spacing:.02em}.site-header{padding-block:18px;gap:16px}.brand{font-size:12px}.brand span{font-size:7px;letter-spacing:.025em;margin-top:4px}.site-nav{gap:22px}.site-nav a,.site-nav button{font-size:10px}.nav-count{display:none}.project-header{padding-top:39px;padding-bottom:30px}.record-meta{font-size:10px;margin-bottom:29px}.project-header h1{font-size:clamp(30px,9.75vw,64px);line-height:.97;letter-spacing:-.065em}.record--receiver .project-header h1{font-size:19.8vw}.record--soft .project-header h1{font-size:13.5vw;max-width:90%;line-height:.95}.record--treasure .project-header h1{font-size:13.2vw}.record--soft .project-header h1 span{max-width:100%;overflow-wrap:normal}.project-subline{display:block;margin-top:23px}.premise{font-size:19px;max-width:340px;line-height:1.35}.context{font-size:10px;margin-top:18px}.hero{width:100%}.film--hero .film-stage{min-height:0;background:var(--paper)}.film--hero video{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:9/16}.film--hero .film-toolbar{margin-inline:var(--gutter)}.film-toolbar{min-height:55px;gap:10px}.film-caption{font-size:9px}.film-duration{margin-left:3px}.film-description{padding-inline:var(--gutter)}.film-description summary{font-size:9px}.film-description p{font-size:13px}.project-note{display:flex;flex-direction:column;padding-block:72px 80px;gap:34px}.project-metadata dl{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;margin-top:24px}.project-metadata dl>div:nth-child(n+3){grid-column:1/-1}.project-metadata dt{font-size:9px}.project-metadata dd{font-size:13px}.project-copy .lead-copy{font-size:29px;line-height:1.22;margin-bottom:22px}.project-copy p{font-size:18px;line-height:1.48}.section-marker{margin-bottom:25px}.section-label{font-size:10px}.finished{padding-bottom:74px}.spread{display:block;margin-bottom:55px;padding:0!important;max-width:none!important;width:100%!important}.spread .media-figure{padding:0!important;margin-bottom:40px}.spread .media-figure:last-child{margin-bottom:0}.spread--offset .media-figure:nth-child(2),.spread--world .media-figure:nth-child(2),.spread--fashion .media-figure:nth-child(2){width:82%;margin-left:auto}.spread--detail{width:84%!important;margin-left:0;margin-right:auto}.spread--campaign .media-figure:nth-child(2){width:88%;margin-left:auto}.media-figure figcaption{font-size:9px;margin-top:10px}.record--soft .finished{padding-bottom:74px}.development{padding-bottom:72px}.development-grid,.development-grid[style*=':2']{display:grid;grid-template-columns:1fr;width:100%;gap:34px}.development-item h3{font-size:10px;margin-bottom:11px}.development-item .media-figure{width:100%}.development--sequence .development-grid{gap:35px}.sequence-step{font-size:41px;margin-bottom:17px}.sequence-step span{transform:rotate(90deg)}.development--sequence .media-figure img{aspect-ratio:auto}.credits{grid-template-columns:1fr;gap:29px;padding-block:30px 65px}.credits dl{font-size:10px}.credits dl>div{grid-template-columns:1.2fr 1fr;gap:18px;padding-bottom:13px}.response{grid-template-columns:1fr;gap:18px;padding-bottom:65px}.response p{font-size:11px}.next-project{padding-block:28px 43px}.next-link{min-height:200px;gap:20px;align-items:flex-end}.next-label{font-size:10px;display:flex;flex-direction:column;gap:4px;margin-bottom:22px}.next-link h2{font-size:37px;line-height:1.03;display:block}.next-arrow{display:inline-block;margin-left:12px}.next-thumbnail{width:83px}.next-thumbnail img{max-height:145px}.site-footer{font-size:8px;gap:20px;padding-bottom:22px}.records-dialog{width:calc(100% - 24px);padding:20px;max-height:94svh}.dialog-head{padding-bottom:20px}.dialog-head h2{font-size:10px}.record-link{grid-template-columns:1fr 22px;gap:10px;padding-block:21px}.record-link>.mono{grid-column:1/-1;font-size:9px}.record-link-title{font-size:27px}.record-link-title small{font-size:12px;margin-top:8px}.dialog-foot{font-size:8px}.image-dialog{padding:70px 12px 25px}.image-dialog>img{height:calc(100svh - 175px)}.image-description{font-size:10px;padding-inline:10px}}
@media(max-width:370px){.site-nav{gap:14px}.brand{font-size:11px}.brand span{font-size:6.5px}.film-caption{font-size:8px}.premise{font-size:18px}.next-link h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Keep archive information legible on small screens. */
@media(max-width:700px){.record-meta,.context,.section-label,.section-marker>span,.development-item h3,.credits dl,.next-label{font-size:11px}.project-metadata dt,.media-figure figcaption{font-size:10px}.project-metadata dd{font-size:14px}.film-caption,.film-description summary,.film--inline .film-caption{font-size:10px}.film-toolbar{flex-wrap:wrap;column-gap:12px;row-gap:0}.film-description summary{min-height:40px}.site-footer{font-size:9px}}
@media(max-width:370px){.film-caption,.record-meta{font-size:10px}.site-footer{font-size:8px}}
@media(max-width:370px){.next-thumbnail{display:none}.next-link{min-height:170px}.next-link h2{font-size:37px}}

/* Creator wordmark and navigation retain the shop typography on a transparent masthead. */
.site-header{display:block;max-width:none;margin:0;padding:env(safe-area-inset-top,0px) 0 0;background:transparent;color:#292c2c;border-bottom:0;font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.055em;line-height:1.5}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1800px;margin-inline:auto;padding-block:17px;padding-inline:max(32px,env(safe-area-inset-left,0px)) max(32px,env(safe-area-inset-right,0px))}
.site-header :is(a,button){display:flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;white-space:nowrap}
.site-header .brand{display:flex;flex-shrink:0;padding-top:0;font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.06em;line-height:1.5}
.site-header .site-nav{display:flex;align-items:center;gap:clamp(20px,3vw,48px);font-size:12px;line-height:1.5;letter-spacing:.055em}
.site-header .site-nav a{padding:0;gap:5px;font:inherit}
.site-header :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:5px}
.site-header :is(a,button):hover{text-decoration:underline;text-underline-offset:4px}
.record-index{font:inherit;text-transform:inherit;padding:0;min-height:24px}
.record-index:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:700px){
 .site-header__inner{gap:12px;padding-block:8px;padding-inline:max(18px,env(safe-area-inset-left,0px)) max(18px,env(safe-area-inset-right,0px))}
 .site-header .brand{font-size:11px}
 .site-header .site-nav{gap:16px}
}
@media(max-width:360px){
 .site-header__inner{gap:8px;padding-inline:max(14px,env(safe-area-inset-left,0px)) max(14px,env(safe-area-inset-right,0px))}
 .site-header .site-nav{gap:8px;font-size:11px}
}
@media(max-width:600px){
 .site-header__inner{flex-wrap:wrap;row-gap:0}
 .site-header .brand{flex-basis:100%}
 .site-header .site-nav{width:100%;justify-content:space-between;gap:clamp(6px,2vw,12px)}
}

/* Draw interface arrows as vectors on every device. */
.icon-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}