:root{--paper:#ededE9;--ink:#111;--muted:#a8a8a3;--gutter:clamp(22px,4vw,76px);--font:'Space Grotesk',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a:focus-visible,button:focus-visible,video:focus-visible{outline:2px solid #c7ff69;outline-offset:6px}figure,h1,h2,p{margin:0}img{display:block;width:100%;height:auto}button{touch-action:manipulation}.skip-link{position:fixed;top:-100px;left:20px;z-index:200;background:var(--paper);color:var(--ink);padding:16px}.skip-link:focus{top:12px}
.site-header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px var(--gutter);z-index:5;gap:20px}.wordmark{font-size:clamp(20px,2vw,28px);font-weight:500;letter-spacing:-.06em}.header-actions{display:flex;align-items:center;gap:36px}.contact-link{position:fixed;right:30px;bottom:max(24px,env(safe-area-inset-bottom));z-index:8;display:block;background:#000;color:var(--paper);padding:12px 18px;font-size:26px;line-height:1.2}.contact-link:hover{background:#292929}.menu-toggle{display:flex;align-items:center;justify-content:center;gap:22px;background:#000;border:0;border-radius:0;min-height:48px;padding:10px 20px;font-size:14px;position:fixed;right:var(--gutter);top:24px;z-index:10}.hamburger{position:relative;width:22px;height:12px;border-top:1px solid;border-bottom:1px solid}.menu-toggle:hover{background:#333}.eyebrow,.index,.cover-bottom,.section-heading>span,.footer-bottom,.dialog-top,.menu-contact{font-size:14px;font-weight:400}.eyebrow{display:block;line-height:1.5}.image-stage{position:relative;isolation:isolate;height:100svh;min-height:660px;overflow:hidden}.image-stage>img{position:absolute;inset:0;height:100%;object-fit:cover;z-index:-2}.image-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0007 0%,transparent 36%,#0002 55%,#000b 100%);z-index:-1}.image-title{position:absolute;bottom:32px;left:var(--gutter);right:var(--gutter)}.image-title h1,.image-title h2{font-weight:400;font-size:clamp(64px,10.7vw,180px);line-height:.94;letter-spacing:-.07em;margin:20px 0 32px;max-width:90%}.cover-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:180px}.cover-bottom a{border-bottom:1px solid #ffffff70;padding-bottom:5px}.project-intro{padding:100px var(--gutter) 80px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.project-label>p{font-size:clamp(28px,3vw,48px);line-height:1.12;letter-spacing:-.045em}.project-copy{font-size:clamp(16px,1.25vw,20px);line-height:1.65;max-width:65ch;color:#bdbdb8}.project-copy p+p{margin-top:24px}.image-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 var(--gutter) 80px}.image-pair img{width:100%;aspect-ratio:16/9;object-fit:cover}.film{margin:0 0 100px}.portfolio-video{display:block;width:100%;max-height:100svh;background:#000;aspect-ratio:16/9}.trencin-stage{height:100svh}.trencin-stage>img{object-position:center}.editorial-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:60px 8vw;padding:100px var(--gutter) 120px;align-items:start}.editorial-grid .project-copy{grid-column:2;grid-row:1 / 3}.editorial-grid figure{grid-column:1}.editorial-grid figure img{aspect-ratio:4/3;object-fit:cover}.archive{background:var(--paper);color:var(--ink);padding:70px var(--gutter) 100px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:40px;border-bottom:1px solid #111}.section-heading h2{font-weight:400;font-size:clamp(36px,6vw,88px);letter-spacing:-.065em}.archive-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:7vw}.archive-work{padding:42px 0 50px;border-bottom:1px solid #1114;scroll-margin-top:20px;min-width:0}.archive-work h2{font-size:clamp(28px,3.2vw,48px);font-weight:400;line-height:1.08;letter-spacing:-.05em;margin:24px 0}.archive-work .project-copy{color:#4d4d48;font-size:16px}.archive-work:target h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}.archive-work:first-child,.archive-work:nth-child(2){grid-column:1 / -1;display:grid;grid-template-columns:56px 1fr 1.4fr;gap:28px}.archive-work:first-child h2,.archive-work:nth-child(2) h2{margin:0}.archive-work .index{color:#656560}footer{padding:80px var(--gutter) 35px}footer>p{font-size:clamp(40px,7vw,105px);letter-spacing:-.06em;line-height:1.05;margin-bottom:30px}footer>a{display:inline-block;padding:10px 0;border-bottom:1px solid;font-size:20px}.footer-bottom{display:flex;justify-content:space-between;margin-top:100px;padding-right:150px;color:var(--muted)}
dialog{color:var(--paper);background:var(--ink);border:0;max-width:none;max-height:none;margin:0;padding:0}dialog::backdrop{background:#000a}.works-menu{width:100%;height:100%;height:100dvh;overflow:auto;padding:28px var(--gutter) 40px}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px}.close-button{background:transparent;display:flex;align-items:center;gap:24px;min-height:48px;padding:8px 0}.close-button span{font-size:30px;font-weight:300}.works-menu nav{margin:52px 0;display:grid;grid-template-columns:1fr 1fr;column-gap:6vw}.works-menu nav a{border-top:1px solid #ffffff30;padding:20px 0;display:flex;align-items:baseline;gap:24px;font-size:clamp(20px,2.4vw,38px);line-height:1.15;letter-spacing:-.035em}.works-menu nav a:hover,.works-menu nav a[aria-current]{color:#c7ff69}.works-menu .index{color:var(--muted);letter-spacing:0}.menu-contact{display:inline-block;border-bottom:1px solid #ffffff55;padding:8px 0}.playground-entry{display:flex;justify-content:center;padding:100px var(--gutter) 40px}.experience-trigger{display:flex;flex-direction:column;align-items:center;gap:24px;background:transparent;padding:20px}.experience-trigger .sphere{width:140px;height:140px}.sphere{display:block;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 30% 23%,#fff 0%,#e5e9db 8%,#a8b3a2 24%,#394738 47%,#101a15 65%,#90a18d 88%,#e0e8dc 100%);box-shadow:inset -3px -5px 8px #d4eaca44,inset 2px 2px 3px #fff8;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.experience-trigger:hover .sphere,.experience-trigger:focus-visible .sphere{transform:scale(1.12) rotate(-15deg)}.sphere-label{font-size:16px;color:var(--paper)}.experience{width:100%;height:100%;height:100dvh;overflow:hidden}.experience>.dialog-top{position:absolute;top:24px;left:var(--gutter);right:var(--gutter);z-index:2}.experience-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding:100px 24px 40px;background:#10130f}.sphere-large{width:clamp(140px,25vw,320px);height:clamp(140px,25vw,320px);margin-bottom:20px;animation:float 6s ease-in-out infinite}.experience-placeholder h2{font-size:clamp(32px,5vw,64px);font-weight:400;letter-spacing:-.05em}.experience-placeholder p{color:var(--muted);line-height:1.5}.experience-placeholder .eyebrow{margin-top:10px;color:var(--muted)}#experience-mount{position:absolute;inset:0}#experience-mount:empty{display:none}#experience-mount iframe{display:block;width:100%;height:100%;border:0}.experience.is-mounted .experience-placeholder{display:none}body.dialog-open{overflow:hidden}html:has(body.dialog-open){overflow:hidden}body.dialog-open .contact-link{visibility:hidden}@keyframes float{50%{transform:translateY(-14px) rotate(8deg)}}
@media(min-width:1600px){.project-intro,.editorial-grid{padding-top:130px;padding-bottom:130px}}
@media(max-width:700px){.site-header{padding-top:18px}.contact-link{right:16px;bottom:max(18px,env(safe-area-inset-bottom));font-size:22px;padding:12px 16px}.menu-toggle{top:18px;padding:8px 15px;gap:14px}.image-stage{min-height:600px}.image-title{bottom:32px}.image-title h1,.image-title h2{font-size:clamp(56px,14.4vw,100px);max-width:100%;margin:20px 0 26px}.cover-bottom{font-size:12px;padding-right:130px;align-items:start;flex-direction:column;gap:14px}.hero-stage>img{object-position:53% center}.project-intro{grid-template-columns:1fr;padding:60px var(--gutter);gap:32px}.project-label>p{font-size:32px}.project-copy{font-size:16px}.image-pair{gap:8px;padding:0 var(--gutter) 60px}.film{margin-bottom:60px}.editorial-grid{grid-template-columns:1fr;padding:60px var(--gutter);gap:32px}.editorial-grid .project-copy,.editorial-grid figure{grid-column:auto;grid-row:auto}.archive{padding-top:50px;padding-bottom:60px}.archive-grid{grid-template-columns:1fr}.archive-work:first-child,.archive-work:nth-child(2){display:block;grid-column:auto}.archive-work:first-child h2,.archive-work:nth-child(2) h2{margin:24px 0}.archive-work{padding:30px 0 38px}.archive-work h2{font-size:34px}.works-menu nav{grid-template-columns:1fr;margin:28px 0}.works-menu nav a{font-size:25px;padding:18px 0;gap:20px}.works-menu{padding-top:18px}.playground-entry{padding:60px var(--gutter) 20px}.experience-trigger .sphere{width:110px;height:110px}.sphere{width:52px;height:52px}.sphere-large{width:180px;height:180px}.footer-bottom{padding-right:130px;gap:20px;align-items:start}.footer-bottom a{max-width:75px}footer{padding-top:60px}.experience>.dialog-top{top:18px}}
.project-notes{padding:70px var(--gutter);display:flex;justify-content:flex-end}.project-notes .project-copy{width:min(100%,850px);max-width:75ch}.video-project-heading{padding:70px var(--gutter) 36px}.video-project-heading h2{font-size:clamp(42px,7vw,110px);font-weight:400;line-height:1;letter-spacing:-.06em;margin-top:18px;overflow-wrap:break-word}.video-project-heading+.film{margin-bottom:0}.full-image{margin:32px var(--gutter) 70px}.full-image img{height:auto}.panorama-stage{height:70svh;min-height:460px}.panorama-stage>img{object-fit:contain}.panorama-stage .image-title h2{font-size:clamp(48px,8vw,130px)}.music-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6vw;padding:0 var(--gutter) 60px;align-items:start}.music-layout .film{margin:0}.portrait-film .portfolio-video{aspect-ratio:9/16;width:100%;height:auto;max-height:85svh;object-fit:contain}.concept-sheet{margin:0 var(--gutter) 90px}.concept-sheet img{width:100%;max-width:1400px;margin:auto;height:auto}.featured-work>.film:last-child{margin-bottom:70px}.image-pair img{object-fit:contain;aspect-ratio:16/9;background:#0b0b0b}
@media(max-width:700px){.project-notes{padding:40px var(--gutter) 55px}.video-project-heading{padding-top:45px}.music-layout{grid-template-columns:1fr;gap:32px}.full-image{margin:16px var(--gutter) 45px}.panorama-stage{height:60svh;min-height:360px}.concept-sheet{margin-bottom:60px}.featured-work>.film:last-child{margin-bottom:45px}}
.project-notes.notes-with-image{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:6vw}.notes-with-image figure{width:100%}.notes-with-image figure img{width:100%;height:auto}.single-image-row{padding:0 var(--gutter) 70px}.single-image-row img{width:100%;height:auto}.playground-entry{padding-bottom:100px}
@media(max-width:700px){.project-notes.notes-with-image{grid-template-columns:1fr;gap:30px}.single-image-row{padding-bottom:45px}}
.article-link{text-decoration:underline;text-underline-offset:5px}.photo-credit{font-size:14px;color:var(--muted);line-height:1.6}.photo-credit a{text-decoration:underline;text-underline-offset:3px}
.archive-social{padding-top:45px;padding-right:150px}.archive-social a{display:inline-block;font-size:clamp(24px,3vw,40px);line-height:1.2;letter-spacing:-.035em;text-decoration:underline;text-underline-offset:7px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}