:root{--bg:#0a0a0a;--text:#efede8;--muted:#aaa8a3;--accent:#c6a982;--line:#343332}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.grain{pointer-events:none;position:fixed;inset:0;z-index:90;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{height:88px;position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;padding:0 5%;border-bottom:1px solid #ffffff2b}.brand,.footer-brand{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.085em;font-size:26px}.brand-mark,.brand-dot,.footer-brand span{color:var(--accent)}.navigation{display:flex;gap:44px;margin:auto}.navigation a,.header-note{font-size:10px;letter-spacing:.16em;font-weight:700}.navigation a{transition:color .2s}.navigation a:hover{color:var(--accent)}.navigation a span{font-size:8px;color:#a6a19a;margin-left:5px}.header-note{color:#c1beb9}.menu-toggle{display:none}.hero{min-height:740px;height:100svh;position:relative;overflow:hidden;background:#151515}.hero-image{position:absolute;inset:0;background-image:url('https://i.ytimg.com/vi/UJkLkgeQr0c/maxresdefault.jpg');background-size:cover;background-position:center 37%;filter:grayscale(.7) contrast(1.15) brightness(.5);transform:scale(1.04);animation:heroFloat 16s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.81) 0%,rgba(0,0,0,.55) 48%,rgba(0,0,0,.11) 100%),linear-gradient(0deg,rgba(0,0,0,.76),transparent 44%)}.hero-eyebrow{position:absolute;top:155px;left:5%;display:flex;align-items:center;gap:17px;font-size:10px;letter-spacing:.25em;font-weight:700;color:#e1ded8}.hero-eyebrow .line{display:block;width:40px;height:1px;background:var(--accent)}.eyebrow-year{color:#b0ada8}.hero-content{position:absolute;left:8.5%;right:8%;bottom:9.5%}.hero-kicker,.eyebrow{font-size:11px;letter-spacing:.23em;font-weight:700;color:var(--accent)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(72px,11.5vw,190px);font-weight:800;letter-spacing:-.095em;line-height:.92;margin:22px 0 53px}.hero h1 span{font-weight:300;letter-spacing:-.075em}.hero-period,.project-dot{color:var(--accent);font-style:normal}.hero-bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #ffffff52;padding-top:22px}.hero-bottom p{font-size:12px;letter-spacing:.12em;font-weight:700;line-height:2}.hero-bottom p span{font-weight:400;color:#c6c3be;letter-spacing:0;font-size:14px}.circle-link{width:64px;height:64px;border:1px solid #f3f0e8a0;border-radius:50%;display:grid;place-items:center;font-size:34px;transition:background .25s,color .25s}.circle-link:hover{background:var(--text);color:#111}.hero-side{position:absolute;right:3.8%;top:45%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.22em}.hero-side span{padding-top:20px}.hero-count{position:absolute;bottom:9.8%;left:5%;font-size:10px;letter-spacing:.14em;color:#c6c3be}.section-pad{padding:120px 8.5%}.section-index{font-size:11px;letter-spacing:.2em;font-weight:700;color:var(--accent)}.intro{padding-bottom:42px}.intro-layout{display:flex;justify-content:space-between;align-items:end;gap:8%;margin:47px 0 95px}.big-heading{font:800 clamp(49px,7.2vw,112px)/1.05 Manrope,sans-serif;letter-spacing:-.075em;margin:0}.big-heading em,.manifesto em,.contact-heading em{font-weight:300;font-style:normal;color:#8d8b86}.intro-copy{font-size:17px;line-height:1.85;color:#b5b2ac;max-width:310px;margin:0}.section-meta{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:18px;font-size:10px;letter-spacing:.16em;color:#9f9c97}.projects{padding:0 3.5%}.project{position:relative;display:block;overflow:hidden;background:#242322;isolation:isolate;min-height:500px}.project-background{position:absolute;inset:0;background-image:var(--project-image);background-size:cover;background-position:center;filter:grayscale(.55) brightness(.63) contrast(1.12);transition:transform .8s cubic-bezier(.2,.7,.1,1),filter .6s;z-index:-2}.project:hover .project-background{transform:scale(1.045);filter:grayscale(.18) brightness(.68) contrast(1.05)}.project-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#060606ec 0%,#08080835 65%,#0007 100%);z-index:-1}.project-top{position:absolute;top:35px;left:38px;right:38px;display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.17em}.project-info{position:absolute;bottom:42px;left:42px;right:42px;display:flex;align-items:end;justify-content:space-between}.project-kicker{color:#d0b28b;font-size:10px;letter-spacing:.2em;font-weight:700}.project-info h3{font:800 clamp(32px,4.9vw,73px)/1.04 Manrope,sans-serif;letter-spacing:-.065em;margin:15px 0 16px}.project-info p{font-size:12px;letter-spacing:.12em;color:#c4c2bf;margin:0}.project-arrow{display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;width:57px;height:57px;font-size:29px;transition:background .2s,color .2s;flex-shrink:0}.project:hover .project-arrow{background:#f4f1eb;color:#121212}.feature{height:650px;margin-bottom:18px}.feature .project-info h3{font-size:clamp(53px,7vw,108px)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tile{height:540px}.tile .project-info h3{font-size:clamp(30px,3.7vw,58px)}.tile .project-info{bottom:35px;left:35px;right:35px}.tile .project-top{left:35px;right:35px}.television{height:530px;margin-top:18px}.television .project-info h3 small{font-size:.65em;font-weight:300}.manifesto{text-align:center;padding-top:185px;padding-bottom:190px}.manifesto-text{font:800 clamp(34px,5.7vw,86px)/1.24 Manrope,sans-serif;letter-spacing:-.065em;margin:65px 0 46px}.manifesto-foot{font-size:10px;letter-spacing:.16em;color:var(--muted)}.about{background:#141413;padding-top:130px;padding-bottom:140px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:88px}.about-grid .big-heading{font-size:clamp(61px,8vw,119px)}.about-monogram{font:800 clamp(160px,22vw,330px)/1 Manrope,sans-serif;color:#262522;letter-spacing:-.13em;margin-top:60px}.about-monogram span{color:#665441}.about-body{padding-top:12px}.about-body p{color:#aaa7a1;line-height:1.95;font-size:17px;margin-bottom:27px}.about-body p:first-child{font-size:25px;line-height:1.55;color:#efede8}.about-body i{color:#e5dfd5}.text-link{display:inline-flex;gap:44px;border-bottom:1px solid var(--accent);font-size:12px;font-weight:700;letter-spacing:.18em;padding:18px 0;margin-top:20px}.text-link span{color:var(--accent)}.contact{padding-top:140px;padding-bottom:85px}.contact-kicker{margin:96px 0 25px;font-size:12px;color:var(--accent);letter-spacing:.2em}.contact-heading{display:block;font:800 clamp(65px,10vw,160px)/1.06 Manrope,sans-serif;letter-spacing:-.085em}.contact-heading em{transition:color .3s}.contact-heading:hover em{color:var(--accent)}.contact-heading>span{font:300 .56em Manrope,sans-serif;color:var(--accent);margin-left:22px}.contact-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:105px;padding-top:27px;font-size:12px;letter-spacing:.16em}footer{padding:30px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line)}footer>span,footer>a:last-child{font-size:10px;letter-spacing:.16em;color:#918e89}.footer-brand{font-size:25px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes heroFloat{from{transform:scale(1.08)}to{transform:scale(1)}}@media(max-width:900px){.header-note{display:none}.navigation{margin-left:auto;margin-right:0}.site-header{height:76px}.hero h1{font-size:clamp(62px,11vw,120px)}.hero-content{left:7%;right:7%}.hero-count,.hero-side{display:none}.intro-layout{display:block}.intro-copy{margin-top:42px}.tile{height:410px}.tile .project-info h3{font-size:clamp(30px,4.5vw,45px)}.project-top{font-size:9px}.about-grid{gap:6%}.about-body p{font-size:15px}.about-body p:first-child{font-size:21px}}@media(max-width:620px){.site-header{padding:0 6%}.brand{font-size:25px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:45px;height:45px;border:0;background:transparent;margin-left:auto;cursor:pointer}.menu-toggle span{height:1px;background:white;width:28px}.navigation{display:none;position:absolute;top:76px;left:0;right:0;background:#101010;padding:26px 6%;border-bottom:1px solid #444;flex-direction:column;gap:25px}.navigation.open{display:flex}.hero{min-height:630px;height:94svh}.hero-image{background-position:55% center}.hero-shade{background:linear-gradient(0deg,#000c,transparent 90%),linear-gradient(90deg,#000b,#0002)}.hero-eyebrow{top:125px;left:7%;font-size:9px}.eyebrow-year{display:none}.hero-content{bottom:9%}.hero h1{font-size:clamp(48px,12.4vw,77px);letter-spacing:-.08em;margin-bottom:30px}.hero-kicker{font-size:9px}.hero-bottom p{font-size:10px}.hero-bottom p span{font-size:12px}.circle-link{width:49px;height:49px;font-size:26px}.section-pad{padding:85px 7%}.intro{padding-bottom:35px}.intro-layout{margin:39px 0 70px}.big-heading{font-size:clamp(44px,11vw,70px)}.intro-copy{font-size:15px}.projects{padding:0 3%}.project-grid{grid-template-columns:1fr;gap:12px}.feature{height:510px;margin-bottom:12px}.tile{height:430px}.television{height:420px;margin-top:12px}.project-top{left:23px!important;right:23px!important;top:24px;font-size:8px}.project-info{left:24px!important;right:24px!important;bottom:27px!important}.feature .project-info h3{font-size:clamp(44px,10vw,66px)}.project-info h3,.tile .project-info h3{font-size:clamp(35px,9vw,51px)}.project-kicker{font-size:8px}.project-info p{font-size:10px}.project-arrow{width:44px;height:44px;font-size:22px}.manifesto{padding-top:120px;padding-bottom:125px}.manifesto-text{font-size:clamp(33px,8vw,50px);margin:50px 0}.about-grid{display:block;margin-top:57px}.about-monogram{display:none}.about-body{margin-top:55px}.contact-kicker{margin-top:65px}.contact-heading{font-size:clamp(45px,10vw,78px)}.contact-heading>span{margin-left:6px}.contact-bottom{flex-direction:column;margin-top:75px;font-size:11px}footer{flex-wrap:wrap;padding:26px 7%}footer>span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* V2: refined details and recognition */
.navigation{gap:28px}.recognition{padding-top:110px;padding-bottom:115px}.recognition-list{margin-top:55px;border-top:1px solid var(--line)}.recognition-list>div{display:grid;grid-template-columns:90px 1fr minmax(190px,.45fr);align-items:center;gap:25px;border-bottom:1px solid var(--line);padding:29px 0}.recognition-list strong{font:600 clamp(17px,2vw,25px)/1.4 Manrope,sans-serif;letter-spacing:-.025em}.recognition-list span{font-size:11px;letter-spacing:.07em;color:var(--muted)}.recognition-list>div>span:first-child{color:var(--accent)}
.project-body{background:#0d0d0d}.project-page-hero{min-height:73svh;position:relative;display:flex;align-items:end;padding:170px 8.5% 90px;isolation:isolate;overflow:hidden}.project-page-hero:before{content:'';position:absolute;inset:0;background-image:var(--project-image);background-size:cover;background-position:center;filter:grayscale(.35) brightness(.6);z-index:-2}.project-page-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d0d0d 0%,#0008 65%,#0004);z-index:-1}.project-page-hero h1{font:800 clamp(50px,9vw,132px)/.99 Manrope,sans-serif;letter-spacing:-.078em;max-width:1200px;margin:25px 0}.project-page-label{color:var(--accent);font-size:11px;letter-spacing:.22em;font-weight:700}.project-page-details{display:grid;grid-template-columns:1fr 1fr;gap:14%;padding:100px 8.5% 135px}.project-page-details h2{font:800 clamp(28px,4vw,62px)/1.06 Manrope,sans-serif;letter-spacing:-.05em}.project-page-details p{font-size:17px;color:#b7b4ad;line-height:1.9}.project-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:45px}.project-facts div{border-top:1px solid var(--line);padding-top:15px}.project-facts dt{font-size:10px;letter-spacing:.18em;color:var(--accent);margin-bottom:10px}.project-facts dd{margin:0;font-size:15px}.watch-link{display:inline-flex;gap:30px;align-items:center;margin-top:36px;padding:19px 26px;border:1px solid var(--accent);font-size:12px;letter-spacing:.15em;font-weight:700;transition:background .2s,color .2s}.watch-link:hover{background:var(--accent);color:#111}.back-link{font-size:11px;letter-spacing:.13em;color:var(--accent);display:inline-block;margin-top:40px}.back-link:hover{text-decoration:underline}.project-page-header{position:absolute}.project-page-header .navigation{margin-right:0}.project-page-header .navigation a{white-space:nowrap}
@media(max-width:900px){.navigation{gap:18px}.recognition-list>div{grid-template-columns:65px 1fr;gap:15px}.recognition-list>div>span:last-child{grid-column:2}.project-page-details{gap:7%}}@media(max-width:620px){.recognition{padding-top:85px;padding-bottom:85px}.recognition-list>div{grid-template-columns:52px 1fr;padding:23px 0}.project-page-hero{min-height:65svh;padding:170px 7% 70px}.project-page-hero h1{font-size:clamp(42px,12vw,75px);overflow-wrap:break-word}.project-page-details{display:block;padding:70px 7% 90px}.project-page-details>div+div{margin-top:42px}.project-page-details p{font-size:15px}.project-facts{gap:14px}.project-page-header .navigation{margin:0}}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

/* V3 — Image art direction: subtle grading, improved framing and legibility.
   Custom film stills, when supplied, override remote YouTube fallback images. */
.hero-image{filter:grayscale(.32) saturate(.83) contrast(1.08) brightness(.59);background-position:center 34%}
.project-background{filter:saturate(.76) contrast(1.07) brightness(.88);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease}
.project:hover .project-background{filter:saturate(.92) contrast(1.07) brightness(.96)}
.project[data-frame="eva-01"] .project-background{background-position:52% 32%}
.project[data-frame="ordinary-psychos"] .project-background{background-position:50% 30%}
.project[data-frame="white-fly"] .project-background{background-position:50% 48%}
.project[data-frame="il-manutentore"] .project-background{background-position:50% 35%}
.project[data-frame="coliandro"] .project-background{background-position:50% 35%}
.project[data-frame="reel"] .project-background{background-position:50% 42%}
.project-page-hero:before{filter:saturate(.8) contrast(1.12) brightness(.6)}
@media(max-width:620px){.hero-image{background-position:52% 34%}.project-background{background-position:center center}}
