:root{--bg:#000000;--ink:#F5F5F5;--body:#B8B8B8;--muted:#B8B8B8;--surface:#18161C;--surface-core:#1D1923;--surface-text:#C8C1D0;--line:#72677F;--action:#292138;--action-hover:#3A304C;--focus:#B7ACCB;--blue:var(--focus);--violet:var(--focus);--gutter:clamp(22px,4.1vw,72px);--header:108px;--ease:cubic-bezier(.16,1,.3,1)}
.catalog-content{overflow:clip}.catalog-content .work-link:focus-visible{outline-offset:-3px}
.nav-row nav a[aria-current]{color:var(--focus)}
html{background:var(--bg);scrollbar-color:var(--muted) var(--bg)}body{font-weight:400;line-height:1.65}::selection{background:var(--focus);color:var(--bg)}button{touch-action:manipulation}h1,h2,h3{font-weight:400;letter-spacing:-.035em}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:5px}a:hover{text-decoration-thickness:1px}
.site-header{border-bottom:0;background:var(--bg);isolation:isolate}.nav-row{min-height:79px;max-width:1536px;gap:25px}.brand{font-size:24px;font-weight:450;letter-spacing:-.04em;display:flex;align-items:baseline;gap:24px}.brand-role{font-size:13px;color:var(--muted);font-weight:400;letter-spacing:.02em}.nav-row nav{gap:clamp(22px,3vw,48px)}.nav-row nav a{font-size:14px;padding-block:21px}.nav-row nav a[aria-current]::after{height:1px;bottom:13px;background:var(--focus)}.where{min-height:24px;font-size:11px;padding-bottom:8px;max-width:1536px}.position-dot{border-radius:0;width:3px;height:3px;background:var(--violet)}.where a{display:none}
.indice-hero{padding-top:22px}.indice-offer{font-size:clamp(23px,2.65vw,42px);font-weight:350;line-height:1.35;letter-spacing:-.025em;color:var(--ink);max-width:100%}.hero-field{min-height:clamp(420px,36vw,570px);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,.8fr);gap:7%;align-items:end;padding-block:90px 66px}.hero-field h1{font-size:clamp(58px,6.2vw,96px);font-weight:350;line-height:1.06;letter-spacing:-.04em;max-width:15ch;text-wrap:initial}.hero-context{max-width:34ch;font-size:16px;padding-bottom:9px}.actions{margin-top:32px;gap:20px 30px}.button{border-radius:0;min-height:52px;padding:13px 21px;gap:30px;font-weight:450;background:var(--action);border:1px solid var(--focus)}.optical{background:var(--action);border:1px solid var(--focus)}.optical svg,.text-link svg{transition:transform .18s var(--ease)}.optical:hover svg,.text-link:hover svg{transform:translate(2px,-2px)}.button:hover{border-color:var(--focus);background:var(--action-hover)}.button:active{background:var(--action-hover)}.text-link{font-size:14px;text-decoration-color:var(--muted)}.actions>.text-link svg{color:var(--violet)}.feature-index{display:grid;grid-template-columns:1fr 1fr .85fr auto;border-bottom:1px solid var(--line);align-items:stretch;gap:35px;padding-bottom:13px}.feature-index>a{display:flex;align-items:center;gap:27px;min-height:48px;font-size:18px;position:relative;text-decoration:none}.feature-index>a>span{font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted)}.feature-index .feature-all{font-size:16px;gap:14px;padding-left:30px;border-left:1px solid var(--line)}.feature-index>a[aria-current]::after,.feature-index>a:hover::after{content:"";position:absolute;height:1px;inset:auto 0 -14px;background:var(--ink)}.feature-index svg{height:20px;width:20px}
.works-section{padding-top:0;overflow:clip}.work-disclosure>summary{display:flex;align-items:center;gap:22px;cursor:pointer;list-style:none;max-width:1600px;margin:auto;padding:25px var(--gutter);border-bottom:1px solid var(--line);font-size:15px}.work-disclosure>summary::-webkit-details-marker{display:none}.work-disclosure>summary svg{transform:rotate(180deg);width:18px;height:18px}.reduce-label{margin-left:auto;color:var(--muted);font-size:12px}.js .work-disclosure:not([open])>summary{display:none}.work-disclosure:not([open]) .reduce-label{display:none}.work-disclosure[open]{padding-top:22px}.work-disclosure .section-heading{padding-top:38px;margin-bottom:38px}.work-disclosure .section-heading h2{font-size:clamp(40px,4vw,60px)}.catalog-controls{padding-bottom:20px;align-items:center}.filters,.view-switch{gap:24px}.view-switch button{font-size:14px}.filters button[aria-pressed=true],.view-switch button[aria-pressed=true]{border-color:var(--violet)}.catalog-stage{display:grid;grid-template-columns:23% minmax(0,1fr);gap:5%;margin-top:12px}.catalog-content{min-width:0}.catalog-content .wrap{padding-left:0;padding-right:0}.catalog-position{margin-bottom:12px}.work-index{display:flex;flex-direction:column;padding-top:34px;align-self:start}.work-index button{display:flex;gap:18px;text-align:left;align-items:baseline;font-size:15px;font-weight:400;background:none;border:0;border-top:1px solid var(--line);padding:19px 0;color:var(--muted);position:relative;line-height:1.4}.work-index button>span{font-size:11px;min-width:15px;font-variant-numeric:tabular-nums}.work-index button[aria-pressed=true]{color:var(--focus)}.work-index button[aria-pressed=true]::before{content:"";height:1px;background:var(--focus);position:absolute;left:0;right:0;top:-1px}.work-index button:hover{color:var(--ink)}.catalog[data-view=spazio]{perspective:1800px}.catalog[data-view=spazio] .work-card{left:0;width:82%;max-width:none;transform:translateX(calc(var(--distance)*115%)) translateZ(calc(var(--depth)*-200px)) rotateY(calc(var(--distance)*-6deg));transition:transform .5s var(--ease),opacity .3s var(--ease)}.catalog[data-view=spazio] .work-preview{aspect-ratio:1.65}.work-preview{border:0;background:var(--bg)}.work-caption{padding-top:22px}.work-caption h3{font-weight:450;font-size:28px}.work-caption p{font-size:12px}.work-summary{font-size:14px;max-width:50ch}.open-project{font-size:12px}.work-preview img{transition:transform .5s var(--ease)}.work-link:hover .work-preview img{transform:scale(1.015)}.typographic-cover{background:var(--surface)!important;padding:32px}.typographic-cover>span{font-size:13px}.typographic-cover strong{font-weight:400;font-size:clamp(30px,3vw,48px);letter-spacing:-.035em}.space-controls{margin-top:18px;justify-content:flex-start}.space-controls p{font-size:13px}.arrow-button{border-radius:0;border-color:var(--focus);background:var(--action)}.arrow-button:hover{border-color:var(--focus);background:var(--action-hover)}.catalog-close{margin-top:35px;padding-bottom:50px}.catalog-close p{font-size:13px}.catalog-stage[data-view=elenco]{display:block}.catalog-stage[data-view=elenco] .work-index{display:none}.catalog[data-view=elenco]{display:block}.catalog[data-view=elenco] .work-card{padding-block:26px;border-top:1px solid var(--line);margin:0}.catalog[data-view=elenco] .work-link{display:grid;grid-template-columns:minmax(160px,25%) minmax(0,1fr);gap:40px;align-items:center}.catalog[data-view=elenco] .work-preview{aspect-ratio:1.7}.catalog[data-view=elenco] .work-caption{padding:0}.catalog[data-view=elenco] .work-summary{margin-left:calc(25% + 30px);margin-top:10px}.catalog[data-view=elenco] .typographic-cover{padding:16px}.catalog[data-view=elenco] .typographic-cover strong{font-size:24px}.catalog[data-view=elenco] .typographic-cover>span{display:none}
.services{padding-top:78px;margin-top:0;border-top:0;padding-bottom:75px}.services .section-heading{display:block;margin-bottom:30px}.services .section-heading h2{font-size:clamp(36px,3.6vw,56px);font-weight:350}.services .section-heading>p{max-width:65ch;font-size:15px;margin-top:25px}.service-list{margin-left:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%}.service-list article{display:block;border-top:1px solid var(--line);padding:26px 0}.service-list h3{font-size:26px;max-width:16ch;margin-bottom:24px}.service-list p{font-size:15px;max-width:40ch}.service-list .text-link{margin-top:20px;font-size:12px;line-height:1.6;gap:12px}.scope-note{margin-left:0;font-size:12px;max-width:78ch;border-top:1px solid var(--line);padding-top:25px;margin-top:20px}.method{margin-top:0;padding-top:90px;padding-bottom:70px}.method .section-heading{margin-bottom:60px}.method .section-heading h2{font-size:clamp(42px,4.2vw,64px);font-weight:350}.method-list li{grid-template-columns:45px 1fr 1.35fr;padding-block:32px;gap:16px 40px}.method-list h3{font-size:27px}.method-list p{font-size:16px}.method-list li>span{font-size:13px}.about{gap:12%;grid-template-columns:.8fr 1.4fr;padding-top:100px;padding-bottom:100px}.about-image{max-width:330px;background:transparent}.about-copy h2{font-weight:350;font-size:clamp(40px,4.2vw,64px)}.about-copy p{font-size:16px;max-width:60ch}.about-copy .large-copy{font-size:25px;line-height:1.4}.questions{padding-bottom:100px}.questions h2{font-size:38px;font-weight:350}.questions details{margin-left:32%;font-size:16px}.questions details p{font-size:15px}.contact{padding-top:95px;padding-bottom:100px;gap:10%;grid-template-columns:1fr 1fr}.contact h2{font-size:clamp(44px,4.8vw,72px);font-weight:350}.contact>div>p{font-size:16px}.form-note{font-size:13px}input,textarea{border-color:var(--line);caret-color:var(--violet)}form .button{width:auto;min-width:250px}.sitemap{padding-bottom:40px}.site-footer{padding-block:40px;gap:24px 40px}.site-footer .brand{font-size:20px;display:block}.site-footer .brand-role{display:none}.site-footer>p{display:none}.site-footer>span{font-size:12px;max-width:43ch}
.breadcrumbs{font-size:13px;padding-top:40px}.project-heading{padding-top:35px;padding-bottom:55px;gap:8%}.project-heading h1{font-weight:350;font-size:clamp(50px,6.5vw,96px);letter-spacing:-.04em}.project-heading .project-summary{font-size:20px;line-height:1.5}.project-meta{padding-block:28px 40px;gap:5%}.project-meta dt{font-size:12px}.project-meta dd{font-size:15px}.project-media{padding-top:0}.project-media video{max-height:780px}.project-media figcaption{font-size:13px;line-height:1.6;margin-top:18px}.project-local-nav{gap:35px;padding-block:22px;margin-top:50px}.project-story{grid-template-columns:1fr 1.65fr;gap:10%;padding-block:70px}.project-story h2{font-weight:350;font-size:32px}.project-story p{font-size:19px;line-height:1.75;max-width:65ch}.project-stills{gap:5%;grid-template-columns:1.35fr 1fr;padding-block:50px}.project-stills img{aspect-ratio:1.5}.project-close{gap:10%;padding-block:90px}.project-close h2{font-weight:350;font-size:48px}.project-close .project-status{font-size:13px;max-width:60ch}.project-proof{margin-block:55px}
@media(max-width:1100px){.brand{font-size:21px;gap:18px}.brand-role{font-size:11px}.nav-row nav{gap:22px}.nav-row nav a{font-size:13px}.hero-field{grid-template-columns:minmax(0,1.6fr) minmax(200px,.9fr);gap:5%;padding-bottom:50px}.hero-field h1{font-size:clamp(55px,6.2vw,80px)}.hero-context{font-size:14px}.hero-field .actions{gap:14px}.feature-index{gap:25px}.feature-index>a{font-size:15px;gap:15px}.feature-index .feature-all{font-size:14px;padding-left:20px}.catalog-stage{grid-template-columns:22% minmax(0,1fr);gap:5%}.work-index button{font-size:13px;gap:10px}.work-caption{display:block}.open-project{margin-top:12px}.catalog[data-view=elenco] .work-caption{display:flex}.catalog[data-view=elenco] .open-project{margin:0}.work-caption h3{font-size:25px}.service-list{gap:4%}.service-list h3{font-size:24px}.questions details{margin-left:23%}}
@media(max-width:760px){:root{--header:140px}.nav-row{padding-top:16px;min-height:103px;gap:0;flex-wrap:wrap}.brand{font-size:21px;gap:15px;max-width:100%;white-space:nowrap}.brand-role{font-size:11px}.nav-row nav{width:100%;justify-content:space-between;gap:12px;margin:12px 0 0}.nav-row nav a{font-size:12px;padding-block:8px 16px;min-height:40px}.nav-row nav a[aria-current]::after{bottom:7px}.where{font-size:11px;min-height:25px;padding-top:0;padding-bottom:8px}.indice-hero{padding-top:27px}.indice-offer{font-size:24px;line-height:1.4;max-width:24ch}.hero-field{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;min-height:430px;padding-block:90px 35px;gap:30px}.hero-field h1{font-size:clamp(40px,10.1vw,65px);line-height:1.08;max-width:16ch}.hero-context{font-size:14px;max-width:43ch;padding:0}.hero-field .actions{margin-top:28px;gap:14px 23px}.button{font-size:13px;min-height:48px;padding-inline:18px;gap:22px}.text-link{font-size:12px;gap:15px}.feature-index{grid-template-columns:1fr 1.3fr 1.15fr;gap:4px 16px;padding-bottom:12px}.feature-index>a{font-size:12px;min-height:46px;gap:10px;align-items:flex-start;flex-direction:column;padding-block:9px;line-height:1.4}.feature-index>a>span{font-size:11px}.feature-index .feature-all{grid-column:1/-1;border:0;padding:10px 0 0;min-height:40px;font-size:13px;display:flex;flex-direction:row;gap:15px}.feature-index>a[aria-current]::after,.feature-index>a:hover::after{bottom:0}.feature-all svg{width:17px;height:17px}.work-disclosure[open]{padding-top:8px}.work-disclosure>summary{padding-block:18px;font-size:14px;gap:15px}.reduce-label{font-size:11px}.work-disclosure .section-heading{padding-top:25px;margin-bottom:26px}.work-disclosure .section-heading h2{font-size:39px}.catalog-controls{gap:8px;align-items:start;padding-bottom:12px}.filters{gap:23px}.view-switch{gap:25px}.view-switch button{font-size:13px}.catalog-stage{display:block;margin-top:0}.work-index{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding-top:8px;padding-bottom:25px}.work-index button{padding:11px 0;font-size:12px;gap:10px;min-height:44px}.work-index button>span{font-size:11px}.catalog[data-view=spazio] .work-card{width:calc(100% - 36px);transform:translateX(calc(var(--distance)*111%)) translateZ(calc(var(--depth)*-100px)) rotateY(calc(var(--distance)*-4deg))}.catalog[data-view=spazio] .work-preview{aspect-ratio:1.4}.work-caption{padding-top:18px;display:block}.work-caption h3{font-size:24px}.work-caption p{font-size:12px;margin-top:7px}.open-project{font-size:12px;margin-top:13px}.work-summary{font-size:13px;line-height:1.65}.typographic-cover{padding:25px}.typographic-cover strong{font-size:32px}.typographic-cover>span{font-size:12px}.space-controls{justify-content:space-between;gap:15px}.space-controls p{font-size:12px}.catalog-close{padding-bottom:30px;margin-top:25px}.catalog-close p{font-size:12px}.catalog[data-view=elenco] .work-card{padding-block:24px;margin:0}.catalog[data-view=elenco] .work-link{grid-template-columns:1fr;gap:20px}.catalog[data-view=elenco] .work-caption{display:block}.catalog[data-view=elenco] .open-project{margin-top:12px}.catalog[data-view=elenco] .work-summary{margin-left:0}.catalog[data-view=elenco] .work-preview{aspect-ratio:1.6}.catalog[data-view=elenco] .typographic-cover{padding:25px}.catalog[data-view=elenco] .typographic-cover strong{font-size:32px}.catalog[data-view=elenco] .typographic-cover>span{display:block}.services{padding-top:52px;padding-bottom:45px}.services .section-heading h2{font-size:35px;max-width:15ch}.services .section-heading>p{font-size:14px;margin-top:20px}.service-list{display:block}.service-list article{padding-block:25px}.service-list h3{font-size:25px;margin-bottom:17px}.service-list p{font-size:14px;max-width:48ch}.service-list .text-link{margin-top:16px;font-size:12px}.scope-note{font-size:12px;line-height:1.7;padding-top:22px;margin-top:0}.method{padding-block:55px 45px}.method .section-heading{margin-bottom:35px}.method .section-heading h2{font-size:39px}.method-list li{grid-template-columns:28px minmax(0,1fr);gap:16px;padding-block:27px}.method-list h3{font-size:25px}.method-list p{font-size:14px}.method-list li>span{font-size:12px}.about{grid-template-columns:1fr;gap:30px;padding-block:55px}.about-image{width:60%;max-width:260px}.about-copy h2{font-size:38px}.about-copy p{font-size:14px}.about-copy .large-copy{font-size:23px}.questions{padding-bottom:55px}.questions h2{font-size:30px;max-width:19ch}.questions details{margin-left:0;font-size:14px}.questions details p{font-size:14px}.contact{display:block;padding-block:55px}.contact h2{font-size:43px}.contact>div>p{font-size:14px}.contact form{margin-top:38px}.form-note{font-size:12px}form .button{width:100%;min-width:0}.site-footer{padding-block:30px;gap:20px}.site-footer .brand{font-size:20px}.site-footer>span{font-size:11px}.breadcrumbs{font-size:12px;padding-top:25px}.project-heading{padding-top:20px;padding-bottom:30px}.project-heading h1{font-size:clamp(43px,11vw,72px)}.project-heading .project-summary{font-size:18px;margin-top:24px}.project-meta{padding-block:20px 25px}.project-meta dt{font-size:12px}.project-meta dd{font-size:14px}.project-media figcaption{font-size:12px;padding-inline:var(--gutter)}.project-local-nav{gap:13px 27px;padding-block:20px;margin-top:30px;font-size:12px}.project-story{display:block;padding-block:40px}.project-story h2{font-size:28px;margin-bottom:22px}.project-story p{font-size:15px;line-height:1.75}.project-stills{display:block;padding-block:30px}.project-stills figure+figure{margin-top:25px}.project-stills img{aspect-ratio:1.5}.project-close{display:block;padding-block:50px}.project-close h2{font-size:36px}.project-close>div:last-child{margin-top:38px}.project-proof{margin-block:35px}}
@media(max-width:360px){.brand{font-size:19px;gap:10px}.brand-role{font-size:11px}.nav-row nav{gap:8px}.hero-field h1{font-size:38px}.feature-index{gap:4px 11px}.feature-index>a{font-size:11px}.indice-offer{font-size:22px}.hero-field{padding-top:70px;min-height:400px}.work-index{gap:0 15px}.work-index button{font-size:11px}.services .section-heading h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.catalog[data-view=spazio] .work-card{transition:none;transform:translateX(calc(var(--distance)*115%))}.work-preview img,.optical svg,.text-link svg{transition:none}.work-link:hover .work-preview img,.optical:hover svg,.text-link:hover svg{transform:none}}
