@font-face{font-family:Muli;src:url('assets/muli-light.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:Muli;src:url('assets/muli-regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:light;--bg:#fff;--text:#202020;--muted:#777;--gutter:clamp(22px,3.3vw,42px);--stills-width:920px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Muli,Arial,sans-serif;font-size:14px;font-weight:300;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}h1,h2,p{margin:0;font-weight:300}[hidden]{display:none!important}a:focus-visible,button:focus-visible,select:focus-visible{outline:1px solid #202020;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header{padding:25px var(--gutter) 30px;background:#fff;color:#202020}.header-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #999;padding-bottom:17px}.header-top .social-links,.utility-nav{display:flex;gap:26px;font-size:9px;letter-spacing:.17em;line-height:1.6}.header-main{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-top:28px}.site-header .brand{font-size:20px;letter-spacing:.1em;line-height:1.4}.site-header .brand span{display:block;margin-top:10px;font-size:8px;letter-spacing:.22em;color:#777}.site-nav{display:flex;gap:28px;font-size:11px;letter-spacing:.07em}.site-nav a{border-bottom:1px solid transparent;padding-bottom:4px}.site-nav a[aria-current]{border-color:#999}.site-nav a:hover{border-color:#202020}
.selection,.project-detail{width:calc(100% - 2*var(--gutter));margin:0 auto 48px}.selection{max-width:920px;display:flex;flex-direction:column;gap:14px}.project-detail{max-width:976px}.project-cover{display:block;position:relative}.cover-stills,.still-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cover-frame,.still{position:relative;display:block;overflow:hidden}.still-grid{max-width:920px;margin:30px auto 0}.project-overlay{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;background:#ffffffeb;opacity:0;transition:opacity .2s;pointer-events:none;color:#202020;padding:18px}.project-overlay h2{font-size:22px;text-align:center;letter-spacing:.065em;line-height:1.5}.project-director{font-size:12px;letter-spacing:.04em;text-align:center}.project-cover:hover .project-overlay,.project-cover:focus-visible .project-overlay{opacity:1}
.inline-film{position:relative;width:100%;aspect-ratio:var(--film-aspect,16/9);background:#fff;overflow:hidden}.inline-film iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;visibility:hidden}.inline-film iframe.is-loaded{visibility:visible}.film-link-row{text-align:right;font-size:10px;margin-top:8px;color:#777}.film-link-row a{text-decoration:underline;text-underline-offset:3px}.detail-meta{padding:23px 0;border-bottom:1px solid #bbb}.project-credits{display:flex;flex-direction:column;gap:5px;margin:0;font-size:12px;letter-spacing:.025em}.project-credits>div{display:flex;gap:14px}.project-credits dt{min-width:110px;color:#777}.project-credits dd{margin:0}.frame-without-bars{aspect-ratio:16/9}.frame-without-bars>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.frame-fantasmi{aspect-ratio:3840/1608}.frame-fantasmi>img{position:absolute;left:0;top:0;width:100%;height:auto;transform:translateY(-12.824074074%)}
@media(max-width:700px){.header-main{display:block;padding-top:22px}.site-nav{margin-top:22px;gap:21px;font-size:10px}.site-header .brand{font-size:18px}.header-top .social-links,.utility-nav{gap:15px;font-size:8px}.still-grid,.cover-stills{gap:7px}.project-overlay h2{font-size:16px}.project-director{font-size:10px}.project-credits{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Internal category pages contain the film and the project sequence only. */
.internal-header{width:calc(100% - 2*var(--gutter));max-width:1060px;margin:auto;height:48px;display:flex;justify-content:flex-end;align-items:center}
.close-page{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#777}
.close-page:hover{color:#202020}
.category-detail{width:calc(100% - 2*var(--gutter));max-width:1060px;margin:0 auto 48px}
.category-header{padding:25px var(--gutter) 22px;background:#fff;color:#202020}
.category-header .social-links{display:flex;gap:26px;font-size:9px;letter-spacing:.17em;line-height:1.6}
.category-controls{width:100%;max-width:1060px;margin:23px auto 0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.category-controls select{max-width:65%;width:280px;font:300 12px Muli,Arial,sans-serif;letter-spacing:.035em;color:#202020;background:#fff;border:0;border-bottom:1px solid #aaa;border-radius:0;padding:7px 22px 7px 0;cursor:pointer}
.category-brand{font-size:13px;letter-spacing:.1em;line-height:1.5;white-space:nowrap}
.category-brand:hover{opacity:.6}
.category-brand{order:-1}
/* Hide only the native letterbox rows, keeping original image files intact. */
.frame-figli{position:relative;aspect-ratio:4320/1809;overflow:hidden}
.frame-figli>img{position:absolute;left:0;top:0;width:100%;height:auto;transform:translateY(-9.9955771782%)}
.frame-inchei{position:relative;aspect-ratio:3584/1890;overflow:hidden}
.frame-inchei>img{position:absolute;left:0;top:0;width:100%;height:auto;transform:translateY(-7.8125%)}
.frame-paramore{position:relative;aspect-ratio:3840/2076;overflow:hidden}
.frame-paramore>img{position:absolute;left:0;top:0;width:100%;height:auto;transform:translateY(-1.9444444444%)}
.frame-paramore-clean{position:relative;aspect-ratio:3840/2076;overflow:hidden}
.frame-paramore-clean>img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.frame-paramore-portrait{position:relative;aspect-ratio:3840/2076;overflow:hidden}
.frame-paramore-portrait>img{position:absolute;left:-23.3685745534%;top:50%;width:139.992708712%;max-width:none;height:auto;transform:translateY(-50%)}
.frame-karin{position:relative;aspect-ratio:1.64;overflow:hidden;background:#000}
.frame-karin>img{position:absolute;left:var(--karin-left);top:var(--karin-top);width:var(--karin-width);max-width:none;height:auto}
.frame-acqua{position:relative;aspect-ratio:3584/1497;overflow:hidden}
.frame-acqua>img{position:absolute;left:0;top:var(--acqua-top,0%);width:100%;height:auto}
@media(max-width:600px){.category-header{padding-top:19px;padding-bottom:18px}.category-header .social-links{gap:13px;font-size:7px;letter-spacing:.1em}.category-header .utility-nav{gap:18px;font-size:7px;letter-spacing:.13em}.category-controls{margin-top:18px;gap:16px}.category-controls select{width:54%;max-width:54%;font-size:10px}.category-brand{font-size:9px;letter-spacing:.065em}}
.category-projects{margin-top:28px;display:flex;flex-direction:column;gap:18px}
.category-projects .project-row{margin:0}
.category-projects .cover-stills{align-items:center;gap:12px}
.category-projects .project-overlay{background:#fffffff0;gap:7px}
.category-projects .project-overlay h2{font-size:18px;letter-spacing:.09em}
.category-projects .project-director{font-size:11px;letter-spacing:.04em}
@media(max-width:600px){.internal-header{height:38px}.category-projects{margin-top:20px;gap:14px}.category-projects .cover-stills{gap:7px}.category-projects .project-overlay h2{font-size:13px}.category-projects .project-director{font-size:9px}}

.frame-rayban-clean{position:relative;aspect-ratio:16/9;overflow:hidden}.frame-rayban-clean>img{position:absolute;left:0;top:0;width:100%;height:auto;transform:translateY(-5%)}

.project-video-link{display:block;padding:24px 0;border-top:1px solid #aaa}.project-video-link h2{font-size:15px;font-weight:300;letter-spacing:.1em;margin:0 0 8px}.project-video-link p{font-size:12px;margin:0}

.frame-tods{position:relative;aspect-ratio:3584/1882;overflow:hidden}.frame-tods>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}

.frame-campari{position:relative;overflow:hidden}.frame-campari>img{display:block;width:100%;height:auto;transform:translateY(var(--campari-top))}

.frame-matriarca{position:relative;aspect-ratio:4/3;overflow:hidden;background:#000}.frame-matriarca>img{position:absolute;width:143.130990415%;max-width:none;height:auto;left:-21.565495208%;top:-9.158679446%}

.site-nav{flex-wrap:wrap}.category-nav{max-width:1060px;margin:18px auto 0;justify-content:flex-end}@media(max-width:700px){.category-nav{gap:16px;font-size:10px;margin-top:16px}}

/* Category navigation shares the identity row. */
.category-controls .category-nav{margin:0;max-width:none}
@media(max-width:700px){.category-controls{flex-wrap:wrap;gap:16px}.category-controls .category-nav{margin:0;gap:16px}}

.two-stills{grid-template-columns:repeat(2,minmax(0,1fr))}

.frame-rayban-new{position:relative;aspect-ratio:4/3;overflow:hidden}.frame-rayban-new>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(1.65) brightness(1.12)}

.frame-tods-preview{position:relative;aspect-ratio:3584/1882;overflow:hidden;background:#000}.frame-tods-preview>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;clip-path:inset(0 3% 0 0)}

.frame-notte-giovane{position:relative;aspect-ratio:2.39/1;overflow:hidden}.frame-notte-giovane>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}