.js,.js body{height:100%;overflow:hidden}.dpworld-page{background:#000;color:var(--off-white)}.viewport{position:fixed;inset:var(--frame-size);overflow:hidden}.track{display:flex;height:100%;width:max-content;transition:transform 1.5s cubic-bezier(.65,0,.35,1);will-change:transform}.track.is-instant{transition:none}.section{position:relative;flex:none;width:calc(100vw - var(--frame-size)*2);height:100%;overflow:hidden}.section-inner{width:100%;height:100%;padding:70px var(--gutter) 100px}.divider-line{position:absolute;top:0;left:40px;right:40px;height:1px;background:rgba(240,239,232,.1);transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease-smooth)}.section.in-view .divider-line{transform:scaleX(1)}.project-layout{display:flex;flex-direction:column;align-items:flex-start}.project-copy{width:80%;align-self:center;flex:none;margin-bottom:16px}.section-headline{font:700 clamp(22px,2.2vw,35px)/.95 var(--display);letter-spacing:-.02em;text-transform:uppercase}.section-kicker{margin-top:10px;font:500 clamp(14px,1.3vw,20px)/1.1 var(--display)}.section-copy{max-width:58em;margin-top:12px;font:400 clamp(10px,.75vw,12px)/1.55 var(--mono);color:rgba(240,239,232,.72)}.word-wrap{display:inline-block;overflow:clip;vertical-align:bottom}.word-space{display:inline-block;width:.26em}.h-char{display:inline-block;transform:translateY(115%);transition:transform 1.3s var(--ease-smooth);transition-delay:min(calc(var(--char-index,0)*22ms),600ms)}.section.in-view .h-char{transform:translateY(0)}
.section--overview{background:#000}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 65%)}.hero-copy{position:absolute;z-index:2;left:var(--gutter);bottom:100px;max-width:min(720px,60vw)}.hero-copy-panel{padding:22px 24px;background:rgba(0,0,0,.72)}.section--overview .section-headline{font-size:clamp(34px,4.5vw,72px)}
.video-stage{width:min(80vw,calc((100vh - 220px)*16/9));max-width:80%;aspect-ratio:16/9;align-self:center;background:#080808}.video-stage video{display:block;width:100%;height:100%;object-fit:contain}
.instagram-grid{width:80%;align-self:center;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;overflow:auto;max-height:68vh}.instagram-card{min-width:0;background:#111;padding:4px}.instagram-card .instagram-media{min-width:0!important;width:100%!important;margin:0!important}
#credits{background:#000;color:var(--off-white)}.credits-list{width:80%;align-self:center;display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px}.credits-list div{padding:17px 0;border-top:1px solid rgba(240,239,232,.18)}.credits-list dt{font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:rgba(240,239,232,.55)}.credits-list dd{margin-top:7px;font:500 15px var(--display);color:var(--off-white)}
.project-nav{position:fixed;z-index:250;top:50%;right:calc(var(--frame-size) + 13px);transform:translateY(-50%)}.project-timeline{display:flex;flex-direction:column;align-items:center;gap:7px}.pt-item{width:9px;height:9px;border:1px solid rgba(240,239,232,.5);border-radius:50%;font-size:0;background:rgba(0,0,0,.25);transition:.3s}.pt-item.is-active{background:var(--accent);border-color:var(--accent);transform:scale(1.35)}.pt-segment{width:1px;height:14px;background:rgba(240,239,232,.12);overflow:hidden}.pt-segment::after{content:"";display:block;width:100%;height:100%;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .7s var(--ease-expo)}.pt-segment.is-filled::after{transform:scaleY(1)}.pt-segment.is-draining::after{transform:scaleY(0);transform-origin:bottom}
.site-nav{position:fixed;z-index:200;left:var(--frame-size);right:var(--frame-size);bottom:var(--frame-size);padding:20px var(--gutter)}.nav-timeline{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;align-items:center;width:60vw}.tl-item{padding:2px 8px;text-decoration:none}.tl-label{font:500 13px var(--display);letter-spacing:.12em;text-transform:uppercase;color:rgba(240,239,232,.4)}.tl-item.is-active{background:var(--accent)}.tl-item.is-active .tl-label{color:#000}.tl-segment{flex:1;height:1px;margin:0 4px;background:rgba(240,239,232,.12)}
.work{display:flex;flex-direction:column}.work-main{display:flex;flex-direction:column;height:100%;padding:calc(var(--frame-size) + 24px) clamp(18px,2.5vw,40px) calc(var(--frame-size) + 64px)}.work-header{margin-bottom:clamp(8px,1vw,18px)}.work-title{font:700 clamp(20px,2.4vw,40px)/1.05 var(--display);text-transform:uppercase}.work-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(5px,.55vw,9px)}
@media(max-width:900px){.js,.js body{height:auto;overflow:auto}.viewport{position:relative;inset:auto}.track{display:block;width:100%;transform:none!important}.section{width:100%;height:auto;min-height:100svh}.section-inner{height:auto;min-height:100svh;padding:80px 22px}.project-copy,.video-stage,.instagram-grid,.credits-list{width:100%;max-width:100%}.instagram-grid{grid-template-columns:1fr;max-height:none}.project-nav,.site-nav{display:none}.hero-copy{left:22px;right:22px;bottom:40px;max-width:none}.credits-list{grid-template-columns:1fr}.work-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}}