:root{color-scheme:dark;--black:#090909;--white:#f2f0ec;--muted:#a5a39f;--line:#3a3937}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--white);outline-offset:5px}::selection{background:var(--white);color:var(--black)}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5.5vw,100px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.brand strong{font-size:18px;letter-spacing:.045em;font-weight:800}.brand em{font:italic 23px Georgia,serif;letter-spacing:-.06em}.site-header nav{display:flex;gap:clamp(22px,3vw,54px)}.site-header nav a{font-size:13px;text-transform:uppercase;letter-spacing:.13em}.site-header nav a:hover,.text-link:hover,.footer-bottom a:hover{color:var(--muted)}.intro,.work-section,.studio-section,.contact-section,footer{padding-left:clamp(24px,5.5vw,100px);padding-right:clamp(24px,5.5vw,100px)}.intro{padding-top:clamp(54px,7.2vw,116px);padding-bottom:clamp(60px,8vw,122px)}.intro-label,.eyebrow,.section-side,.project-number,.disciplines,.watch-label,.footer-bottom{font-size:12px;letter-spacing:.16em;text-transform:uppercase}.intro-label{display:flex;gap:18px;align-items:center;color:var(--muted)}.rule{height:1px;width:32px;background:var(--white)}.location{margin-left:auto}.intro h1{font-weight:500;font-size:clamp(53px,8.7vw,142px);line-height:.98;letter-spacing:-.075em;max-width:1350px;margin:clamp(70px,8vw,130px) 0 clamp(48px,7vw,105px)}.intro h1 em,.studio-section h2 em,.contact-section h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.08em}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.intro-bottom p{margin:0;font-size:clamp(17px,1.5vw,22px);line-height:1.5;color:#cac8c3}.text-link{padding-bottom:8px;border-bottom:1px solid var(--white);font-size:14px;letter-spacing:.06em}.text-link span{margin-left:30px}.work-section{padding-bottom:clamp(90px,12vw,180px)}.section-heading{border-top:1px solid var(--line);padding:27px 0 32px;display:flex;align-items:baseline;justify-content:space-between;gap:20px}.section-heading h2{font-weight:500;font-size:clamp(27px,3.3vw,48px);letter-spacing:-.055em;margin:0}.count{font-size:13px;color:var(--muted);letter-spacing:0;margin-left:14px;vertical-align:top}.section-side,.project-number{color:var(--muted)}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(54px,6vw,96px) 24px}.project-feature{grid-column:1/-1}.film-link{display:block;position:relative;overflow:hidden;background:#181818;aspect-ratio:16/9}.film-link:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.5));pointer-events:none}.film-link img{width:100%;height:100%;display:block;object-fit:cover;filter:brightness(.75) saturate(.7);transform:scale(1.005);transition:transform .7s ease,filter .7s ease}.film-link:hover img,.film-link:focus-visible img{transform:scale(1.035);filter:brightness(.95) saturate(.9)}.play{position:absolute;z-index:1;left:50%;top:50%;width:72px;height:72px;border:1px solid rgba(255,255,255,.78);border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);background:rgba(0,0,0,.32);backdrop-filter:blur(5px);transition:background .25s,transform .25s}.play span{font-size:20px;margin-left:3px}.film-link:hover .play{background:var(--white);color:var(--black);transform:translate(-50%,-50%) scale(1.07)}.watch-label{position:absolute;z-index:1;bottom:22px;right:26px;color:white}.project-meta{display:flex;justify-content:space-between;gap:20px;padding-top:20px}.project-meta h3{font-size:clamp(24px,2.2vw,33px);font-weight:500;letter-spacing:-.04em;margin:10px 0 0}.project-meta p{font-size:14px;color:var(--muted);margin:7px 0 0;text-align:right}.studio-section{padding-top:clamp(70px,9vw,140px);padding-bottom:clamp(90px,11vw,170px);background:#eeece7;color:#111;display:grid;grid-template-columns:1fr 2fr;gap:50px}.studio-section .eyebrow{color:#5e5c58}.studio-section h2{font-weight:500;font-size:clamp(42px,5.4vw,82px);line-height:1.05;letter-spacing:-.06em;margin:0 0 42px}.studio-section p{max-width:620px;font-size:clamp(18px,1.75vw,24px);line-height:1.45;color:#4b4945;margin:0 0 60px}.disciplines{border-top:1px solid #b2b0aa;padding-top:20px;line-height:2;color:#5e5c58}.disciplines span{margin:0 12px}.contact-section{padding-top:clamp(100px,12vw,180px);padding-bottom:clamp(130px,13vw,200px)}.contact-section .eyebrow{color:var(--muted)}.contact-section h2{font-weight:500;font-size:clamp(56px,8vw,128px);line-height:1.05;letter-spacing:-.075em;margin:60px 0 64px}.contact-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;font-size:clamp(23px,3vw,44px);letter-spacing:-.04em;transition:padding .25s,color .25s}.contact-link:hover{padding-left:14px;padding-right:14px;color:var(--muted)}footer{padding-top:40px;background:#050505}.footer-brand{height:clamp(170px,24vw,310px);overflow:hidden;display:flex;align-items:center;justify-content:center}.footer-brand img{display:block;width:min(85%,1150px);height:auto}.footer-bottom{border-top:1px solid var(--line);min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted)}dialog{border:0;background:#0e0e0e;color:white;max-width:min(92vw,1200px);width:100%;padding:14px;box-shadow:0 25px 100px rgba(0,0,0,.8)}dialog::backdrop{background:rgba(0,0,0,.9)}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 14px;font-size:13px;letter-spacing:.08em}.dialog-top button{background:none;color:inherit;border:0;cursor:pointer;letter-spacing:.08em;padding:8px}.video-frame{aspect-ratio:16/9;background:#000}.video-frame iframe{width:100%;height:100%;border:0}@media(max-width:700px){.site-header{height:76px}.brand strong{font-size:13px}.brand em{font-size:18px}.site-header nav{gap:16px}.site-header nav a{font-size:11px;letter-spacing:.02em}.site-header nav a:nth-child(3){display:none}.intro{padding-top:52px}.intro-label{font-size:10px}.location{display:none}.intro h1{margin:80px 0 62px}.intro-bottom{align-items:flex-start;flex-direction:column;gap:38px}.section-side{display:none}.projects{grid-template-columns:1fr;gap:50px}.project-feature{grid-column:auto}.project-meta{display:block}.project-meta p{text-align:left;margin-top:10px}.play{width:58px;height:58px}.watch-label{font-size:10px;bottom:13px;right:14px}.studio-section{grid-template-columns:1fr;gap:44px}.studio-section h2{margin-bottom:34px}.studio-section p{margin-bottom:42px}.disciplines{font-size:10px}.disciplines span{margin:0 3px}.contact-section h2{margin:44px 0 54px}.footer-brand{height:160px}.footer-brand img{width:100%}.footer-bottom{font-size:10px;flex-wrap:wrap;padding:22px 0;min-height:auto}.footer-bottom span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Portfolio pages and the selected-work handoff */
.portfolio-link{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:clamp(55px,7vw,100px);padding:22px 0;font-size:clamp(20px,2.2vw,32px);letter-spacing:-.035em;transition:padding .25s,color .25s}
.portfolio-link:hover{padding-left:14px;padding-right:14px;color:var(--muted)}
.portfolio-intro{padding:clamp(55px,7vw,100px) clamp(24px,5.5vw,100px) clamp(60px,8vw,115px)}
.portfolio-intro h1{font-weight:500;font-size:clamp(72px,12vw,180px);line-height:1;letter-spacing:-.075em;margin:clamp(54px,7vw,105px) 0 34px}
.portfolio-intro h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.08em}
.portfolio-intro p{margin:0;color:#cac8c3;font-size:clamp(18px,2vw,27px);line-height:1.45}
.portfolio-work{padding-bottom:clamp(85px,10vw,145px)}
.portfolio-contact{border-top:1px solid var(--line)}
@media(max-width:700px){.portfolio-intro h1{margin-top:75px}.portfolio-link{margin-top:58px}.site-header nav{gap:12px}}
/* Editorial portfolio navigation and services */
.portfolio-jump{display:flex;gap:clamp(16px,3vw,42px);flex-wrap:wrap;margin-top:clamp(48px,6vw,85px)}
.portfolio-jump a{font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);border-bottom:1px solid var(--line);padding:0 0 10px;transition:color .2s,border-color .2s}
.portfolio-jump a:hover,.portfolio-jump a:focus-visible{color:var(--white);border-color:var(--white)}
.portfolio-group{padding-bottom:clamp(90px,10vw,150px);scroll-margin-top:30px}
.portfolio-group .section-heading{align-items:end}
.portfolio-group .section-side{max-width:340px;text-align:right;line-height:1.6}
.portfolio-group .projects{row-gap:clamp(52px,6vw,86px)}
.short-form-section{padding-top:0}
.short-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,30px)}
.short-project{min-width:0}
.short-media{display:block;position:relative;aspect-ratio:9/16;overflow:hidden;background:#141414;border:1px solid #2b2a28}
.short-media iframe,.short-media img{display:block;width:100%;height:100%;border:0}
.short-media img{object-fit:cover;filter:brightness(.78) saturate(.76);transition:transform .7s ease,filter .7s ease}
.short-youtube:hover img,.short-youtube:focus-visible img{transform:scale(1.035);filter:brightness(.96) saturate(.95)}
.short-youtube:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.72));pointer-events:none}
.short-watch{position:absolute;z-index:2;left:18px;bottom:18px;font-size:10px;letter-spacing:.15em}
.short-meta{padding-top:18px}
.short-meta>span,.short-meta>a{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.short-meta h3{font-size:clamp(20px,1.7vw,28px);font-weight:500;letter-spacing:-.04em;margin:10px 0 7px}
.short-meta p{font-size:13px;line-height:1.45;color:var(--muted);margin:0 0 13px}
.short-meta>a{display:inline-block;border-bottom:1px solid var(--line);padding-bottom:6px;transition:color .2s,border-color .2s}
.short-meta>a:hover,.short-meta>a:focus-visible{color:var(--white);border-color:var(--white)}
.services-section{padding:clamp(80px,10vw,150px) clamp(24px,5.5vw,100px);background:#111;color:var(--white)}
.services-section .section-heading{margin-bottom:clamp(35px,5vw,76px)}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,5vw,76px)}
.services-grid>div{border-top:1px solid var(--line);padding-top:20px}
.services-grid .eyebrow{color:var(--muted)}
.services-grid h3{font-size:clamp(26px,2.8vw,40px);letter-spacing:-.045em;font-weight:500;margin:clamp(36px,4vw,60px) 0 20px}
.services-grid p{font-size:16px;color:#b8b6b1;line-height:1.6;max-width:390px;margin:0}
@media(max-width:1050px){.short-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.portfolio-jump{gap:22px}.portfolio-jump a{font-size:12px}.portfolio-group .section-side{display:none}.short-grid{grid-template-columns:1fr;gap:52px}.short-media{max-width:420px}.services-grid{grid-template-columns:1fr;gap:54px}.services-grid h3{margin-top:26px}.services-section{padding-top:80px;padding-bottom:90px}}
