@view-transition{navigation:auto}:root{--calce:#d8d7d3;--calce-chiara:#e6e5e1;--nero:#000;--filo:#1f3cff;--griglia:#00000017;--sans:"Archivo Variable", "Arial Narrow", Arial, sans-serif;--gutter:clamp(1rem, 3vw, 2.5rem);--col-gap:clamp(.75rem, 1.6vw, 1.5rem);--cols:12}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--calce);color:var(--nero);font-family:var(--sans);font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(1rem,.25vw + .95rem,1.125rem);line-height:1.45}img{max-width:100%;height:auto;display:block}figure,h1,h2,h3,p,ul,dl,dd{margin:0}ul{padding:0;list-style:none}a{color:inherit}a:focus-visible{outline:2px solid var(--filo);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grid-lines{inset:0 var(--gutter);grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:var(--col-gap);pointer-events:none;z-index:10;display:grid;position:fixed}.grid-lines span{border-inline:1px solid var(--griglia)}.row{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:0 var(--col-gap);display:grid}.section-title{font-variation-settings:"wdth" 125;letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,6rem);font-weight:800;line-height:.9}.concept{padding:1.5rem var(--gutter) 2rem;background:var(--nero);color:var(--calce);font-variation-settings:"wdth" 75;flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;font-size:.9375rem;display:flex}.concept a{text-underline-offset:.25em}.concept a:hover{color:#fff}@media (width<=899px){:root{--cols:4}.grid-lines span:nth-child(n+5){display:none}}.hero{padding:clamp(1rem, 3vh, 2rem) var(--gutter) clamp(3rem, 8vh, 6rem);container-type:inline-size}.hero__title{font-variation-settings:"wdth" 125;letter-spacing:-.035em;white-space:nowrap;margin-left:-.04em;font-size:18.1818cqi;font-weight:900;line-height:.78}.hero__quote{height:1.75rem;color:var(--filo);margin:clamp(1.25rem,3vh,2rem) 0 .75rem;position:relative}.quote__line{transform-origin:0;background:currentColor;height:1px;position:absolute;bottom:.35rem;left:0;right:0}.quote__line:before,.quote__line:after{content:"";background:currentColor;width:1px;height:.85rem;position:absolute;top:-.4rem}.quote__line:before{left:0}.quote__line:after{right:0}.quote__label{font-variation-settings:"wdth" 75;font-variant-numeric:tabular-nums;background:var(--calce);padding:0 .5rem;font-size:.875rem;font-weight:500;position:absolute;bottom:.7rem;left:50%;transform:translate(-50%)}.hero__media{height:clamp(18rem,56svh,44rem);overflow:hidden}.hero__media img{object-fit:cover;object-position:50% 45%;filter:grayscale()contrast(1.05);width:100%;height:100%}.hero__sub{max-width:30rem;margin-top:1.5rem;font-size:clamp(1.125rem,.6vw + 1rem,1.5rem);font-weight:500;line-height:1.3}.motion .hero__title{clip-path:inset(0 100% 0 0)}.motion .quote__line{transform:scaleX(0)}.motion .quote__label{opacity:0}.motion .hero__media{clip-path:inset(0 0 100%)}.hero{view-transition-name:preview-architettura}.mirino{z-index:20;pointer-events:none;opacity:0;--mx:0px;--my:0px;position:fixed;inset:0}.mirino__v,.mirino__h,.mirino__punto{background:var(--nero);position:absolute}.mirino__v,.mirino__h{mix-blend-mode:difference;background:#ffffff8c}.mirino__v{width:1px;transform:translate3d(var(--mx), 0, 0);top:0;bottom:0;left:0}.mirino__h{height:1px;transform:translate3d(0, var(--my), 0);top:0;left:0;right:0}.mirino__punto{mix-blend-mode:difference;width:9px;height:9px;transform:translate3d(var(--mx), var(--my), 0);background:0 0;border:1px solid #ffffffe6;margin:-5px 0 0 -5px;top:0;left:0}.mirino__quote{right:var(--gutter);color:var(--filo);font-variation-settings:"wdth" 75;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8125rem;font-weight:500;position:absolute;bottom:clamp(.75rem,2vh,1.25rem)}.has-mirino,.has-mirino *{cursor:none}.has-mirino a,.has-mirino a *,.has-mirino button,.has-mirino button *,.has-mirino input,.has-mirino select,.has-mirino textarea,.has-mirino [contenteditable]{cursor:auto}@media (pointer:coarse){.mirino{display:none}.has-mirino,.has-mirino *{cursor:auto}}@media (prefers-reduced-motion:reduce){.mirino{display:none}}.progetti{padding:clamp(3rem, 10vh, 7rem) var(--gutter);background:var(--calce-chiara)}.progetti__head{border-bottom:1px solid var(--nero);justify-content:space-between;align-items:flex-end;margin-bottom:clamp(1.5rem,4vh,3rem);padding-bottom:1rem;display:flex}.progetti__count{display:none}.is-pinned .progetti__count{font-variation-settings:"wdth" 125;font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,3vw,3rem);font-weight:800;line-height:1;display:block}.progetti__stage{gap:clamp(3rem,8vh,6rem);display:grid}.progetto{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:1.5rem var(--col-gap);background:var(--calce-chiara);align-items:end;display:grid}.progetto__media{grid-column:1/span 7;height:clamp(24rem,72svh,52rem);overflow:hidden}.progetto__media img{object-fit:cover;filter:grayscale()contrast(1.08);width:100%;height:100%}.progetto__info{grid-column:9/span 4}.progetto h3{font-variation-settings:"wdth" 112;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2rem,3.6vw,3.75rem);font-weight:800;line-height:.95}.progetto dl{border-top:1px solid var(--nero);margin-bottom:1.25rem}.progetto dl>div{border-bottom:1px solid var(--nero);font-variation-settings:"wdth" 75;grid-template-columns:7.5rem minmax(0,1fr);gap:1rem;padding:.55rem 0;display:grid}.progetto dt{color:#0000008c}.progetto dd{font-variant-numeric:tabular-nums;font-weight:600}.progetto p{max-width:24rem}.progetti.is-pinned{flex-direction:column;height:100svh;padding-block:clamp(1.25rem,4vh,2.5rem);display:flex}.is-pinned .progetti__stage{flex:1;display:block;position:relative}.is-pinned .progetto{position:absolute;inset:0}.is-pinned .progetto__media{height:100%}@media (width<=899px){.progetti{overflow-x:clip}.progetto__media{aspect-ratio:4/5;grid-column:1/-1;height:auto}.progetto__info{grid-column:1/-1}}.progetto--scheda{position:relative}.progetto__link{text-decoration:none}.progetto__link:after{content:"";position:absolute;inset:0}.progetto__vt{view-transition-name:progetto-casa-muro}.progetti__scheda-cue{font-variation-settings:"wdth" 75;letter-spacing:.06em;text-transform:uppercase;vertical-align:.9em;clip-path:inset(0 100% 0 0);margin-right:.6em;font-size:.4em;font-weight:600;transition:clip-path .3s cubic-bezier(.87,0,.13,1);display:inline-block}:is(.progetti:has(.progetto--scheda:hover) .progetti__scheda-cue,.progetti:has(.progetto__link:focus-visible) .progetti__scheda-cue){clip-path:inset(0)}@media (prefers-reduced-motion:reduce){.progetti__scheda-cue{transition:none}}.filo{height:100dvh;padding:clamp(1.25rem, 4vh, 2.5rem) var(--gutter);background:var(--calce);flex-direction:column;gap:clamp(.75rem,2vh,1.5rem);display:flex;overflow:hidden}.filo__head{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:.5rem var(--col-gap);border-bottom:1px solid var(--nero);align-items:end;padding-bottom:.85rem;display:grid}.filo .section-title{grid-column:1/span 5}.filo__testo{grid-column:7/span 6;max-width:32rem;padding-bottom:.35em}.filo__tavola{flex:1;align-items:center;min-height:0;display:flex}.filo__tavola svg{width:100%;height:auto;max-height:100%;display:block;overflow:visible}.pianta__picchetto{fill:var(--nero)}.pianta__corda{fill:none;stroke:var(--nero);stroke-width:2px;stroke-linecap:round;visibility:hidden}.motion .pianta__corda{visibility:visible}.pianta__linea{fill:none;stroke:var(--filo);stroke-width:3.2px}.pianta__granelli circle{fill:var(--filo);transform-box:fill-box;transform-origin:50%}.pianta__poche{fill:#00000021;stroke:none}.pianta__tratto{fill:none;stroke:var(--nero);stroke-width:2.2px;stroke-linecap:square}.pianta__tratto--fine{stroke-width:1.1px;stroke-linecap:butt}.pianta__quota{fill:none;stroke:var(--filo);stroke-width:.9px}.pianta__testo{font-family:var(--sans);font-variation-settings:"wdth" 75;font-variant-numeric:tabular-nums;letter-spacing:.06em}.pianta__testo--quota{fill:var(--filo);font-size:13px;font-weight:600}.pianta__testo--titolo{fill:var(--nero);letter-spacing:.12em;font-size:15px;font-weight:800}.pianta__testo--nota{fill:#0000008c;font-size:11.5px}.pianta__testo--stanza{fill:#0009;text-transform:uppercase;letter-spacing:.14em;font-size:11.5px}.motion [data-disegno],.motion [data-linea],.motion [data-granelli]{visibility:hidden}@media (width<=899px){.filo .section-title,.filo__testo{grid-column:1/-1}.filo__testo{font-size:.9375rem}.pianta__tratto{stroke-width:3.4px}.pianta__tratto--fine{stroke-width:1.8px}.pianta__quota{stroke-width:1.4px}.pianta__testo--quota{font-size:19px}.pianta__testo--stanza,.pianta__testo--nota{font-size:16px}.pianta__testo--titolo{font-size:21px}}.archivio{padding:clamp(4rem, 12vh, 8rem) var(--gutter) clamp(4rem, 10vh, 7rem);background:var(--calce)}.archivio__head{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:.5rem var(--col-gap);align-items:end;margin-bottom:clamp(2rem,6vh,3.5rem);display:grid}.archivio .section-title{grid-column:1/span 5}.archivio__testo{grid-column:7/span 6;max-width:32rem;padding-bottom:.35em}.registro{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%}.registro thead th{border-bottom:1px solid var(--nero);font-variation-settings:"wdth" 75;letter-spacing:.04em;color:#0000008c;padding:0 .5rem .7rem;font-size:.8125rem;font-weight:500}.registro tbody th,.registro tbody td{vertical-align:baseline;border-bottom:1px solid #00000038;padding:clamp(.6rem,1.4vh,.95rem) .5rem;font-weight:400}.col-anno{width:7%}.col-lavoro{width:30%}.col-tipo{width:15%}.col-quota{text-align:right;width:12%}.col-stato{text-align:right;width:36%}.registro tbody .col-anno,.registro tbody .col-quota{font-variation-settings:"wdth" 75;font-variant-numeric:tabular-nums;color:#0000008c;font-size:.9375rem}.registro tbody .col-lavoro{font-variation-settings:"wdth" 110;letter-spacing:-.015em;font-size:clamp(1.0625rem,2.2vw,2.25rem);font-weight:700;line-height:1.04}.registro tbody .col-tipo,.registro tbody .col-stato{font-variation-settings:"wdth" 75;color:#0000008c;font-size:.9375rem}@media (width>=1200px){.registro thead th{font-size:.875rem}.registro tbody .col-anno,.registro tbody .col-quota,.registro tbody .col-tipo,.registro tbody .col-stato{font-size:1.0625rem}}.registro tbody a{text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:1px}.registro tbody tr:hover>*,.registro tbody tr:focus-within>*{background:var(--nero);color:var(--calce);border-bottom-color:var(--nero)}.anteprima{z-index:15;pointer-events:none;--ax:0px;--ay:0px;width:240px;height:300px;transform:translate3d(var(--ax), var(--ay), 0);clip-path:inset(0 100% 0 0);display:none;position:fixed;top:0;left:0}.has-anteprima .anteprima{display:block}.lastra[hidden]{display:none}.lastra{background:var(--calce-chiara);border:1px solid var(--nero);position:absolute;inset:0}.lastra img{object-fit:cover;filter:grayscale()contrast(1.08);width:100%;height:100%}.lastra--schema{color:var(--filo);place-items:center;display:grid}.lastra--schema svg{width:76%;height:auto}.lastra__nota{background:var(--nero);color:var(--calce);font-variation-settings:"wdth" 75;letter-spacing:.03em;padding:.3rem .55rem;font-size:.75rem;position:absolute;inset:auto 0 0}.motion .registro tbody th,.motion .registro tbody td{clip-path:inset(0 100% 0 0)}@media (width<=899px){.archivio .section-title,.archivio__testo{grid-column:1/-1}.archivio__testo{font-size:.9375rem}}@media (width<=599px){.col-tipo,.col-quota{display:none}.col-anno{width:16%}.col-lavoro{width:52%}.col-stato{width:32%}.registro thead .col-stato,.registro tbody .col-stato{padding-left:.75rem}.registro tbody .col-stato{font-size:.8125rem}}.materiali{padding:clamp(4rem, 12vh, 8rem) var(--gutter) clamp(5rem, 14vh, 9rem);background:var(--calce-chiara)}.materiali__head{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:.5rem var(--col-gap);align-items:end;margin-bottom:clamp(2.5rem,7vh,4.5rem);display:grid}.materiali .section-title{grid-column:1/span 5}.materiali__testo{grid-column:7/span 6;max-width:32rem;padding-bottom:.35em}.campioni{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:clamp(1.5rem, 3vw, 2.5rem) var(--col-gap);display:grid}.campione{grid-column:span 3;margin:0}.campione:nth-child(2n){margin-top:clamp(1.25rem,3.2vw,2.5rem)}.campione__piano{perspective:900px;position:relative}.campione__ombra{filter:blur(22px);background:#00000073;position:absolute;inset:10% 10% -7%}.campione__lastra{aspect-ratio:1;border:1px solid var(--nero);will-change:transform;position:relative;overflow:hidden}.campione__texture{width:100%;height:100%;display:block}.campione__riflesso{width:30%;transform:translate3d(calc(var(--rif,-18) * 1%), 0, 0) rotate(14deg);pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffff42 45%,#ffffff70 52%,#fff0 100%);margin-left:-15%;position:absolute;top:-30%;bottom:-30%;left:50%}.campione figcaption{border-top:1px solid var(--nero);font-variation-settings:"wdth" 75;color:#0000008c;text-wrap:pretty;min-height:2.8em;margin-top:.9rem;padding-top:.55rem;font-size:.8125rem;line-height:1.4}.campione__n{font-variant-numeric:tabular-nums;white-space:nowrap}.campione__nome{color:var(--nero);white-space:nowrap;font-weight:700}@media (pointer:coarse),(prefers-reduced-motion:reduce){.campione:first-child .campione__lastra{transform:rotate(-1.1deg)}.campione:nth-child(2) .campione__lastra{transform:rotate(.8deg)}.campione:nth-child(3) .campione__lastra{transform:rotate(-.5deg)}.campione:nth-child(4) .campione__lastra{transform:rotate(1.4deg)}}@media (width<=899px){.materiali .section-title,.materiali__testo{grid-column:1/-1}.materiali__testo{font-size:.9375rem}.campione{grid-column:span 2}.campione__ombra{filter:blur(12px)}}@media (width<=599px){.campione figcaption{min-height:2.8em;margin-top:.7rem;font-size:.75rem}}.metodo{padding:clamp(5rem, 14vh, 10rem) var(--gutter) clamp(4rem, 10vh, 7rem)}.metodo .section-title{margin-bottom:clamp(2rem,6vh,4rem)}.principi li{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:.75rem var(--col-gap);border-top:1px solid var(--nero);align-items:end;padding:clamp(1rem,2.5vh,1.75rem) 0;display:grid}.principi li:last-child{border-bottom:1px solid var(--nero)}.parola{font-variation-settings:"wdth" 110;letter-spacing:-.04em;white-space:nowrap;grid-column:1/span 8;font-size:clamp(3rem,9.4vw,12rem);font-weight:900;line-height:.82;display:block}.principi p{grid-column:9/span 4;max-width:22rem;padding-bottom:.4em}@media (width<=899px){.parola{font-variation-settings:"wdth" 80;grid-column:1/-1;font-size:clamp(2.75rem,15vw,6rem)}.principi p{grid-column:1/-1}}.motion .principi li{color:#00000040}.motion .principi li.attiva{color:var(--filo)}.chiusura{min-height:82svh;padding:clamp(3.5rem, 11vh, 8rem) var(--gutter) clamp(2.5rem, 6vh, 4rem);align-content:end;display:grid;overflow-x:clip}.chiusura__cassaforma{border-bottom:1px solid var(--nero);padding-bottom:clamp(.5rem,1.6vh,1.25rem);position:relative}.chiusura__wordmark,.chiusura__fori{font-variation-settings:"wdth" 100;letter-spacing:-.045em;color:#0000;-webkit-text-fill-color:transparent;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;margin:0;font-size:21.4vw;font-weight:900;line-height:.78}.chiusura__wordmark{--getto:100;-webkit-text-stroke:1px var(--nero);background-image:linear-gradient(to top, var(--nero) calc((var(--getto) + 1.4) * 1%), #0000008c calc((var(--getto) + 2.6) * 1%), transparent calc((var(--getto) + 3.2) * 1%)), linear-gradient(to top, var(--nero) calc((var(--getto) - 2.9) * 1%), #0000008c calc((var(--getto) - 1.7) * 1%), transparent calc((var(--getto) - 1.1) * 1%)), linear-gradient(to top, var(--nero) calc((var(--getto) + 3.3) * 1%), #0000008c calc((var(--getto) + 4.5) * 1%), transparent calc((var(--getto) + 5.1) * 1%)), linear-gradient(to top, var(--nero) calc((var(--getto) - 4.3) * 1%), #0000008c calc((var(--getto) - 3.1) * 1%), transparent calc((var(--getto) - 2.5) * 1%)), linear-gradient(to top, var(--nero) calc((var(--getto) - .6) * 1%), #0000008c calc((var(--getto) + .6) * 1%), transparent calc((var(--getto) + 1.2) * 1%));background-position:0 0,25% 0,50% 0,75% 0,100% 0;background-size:20% 100%}.motion .chiusura__wordmark{--getto:0}.chiusura__fori{pointer-events:none;--fa:1;--fb:1;--r:max(2px, .026em);--pieno:216 215 211;background-image:radial-gradient(circle var(--r) at 4.5% 28%, rgb(var(--pieno) / var(--fa)) 0 76%, transparent 100%), radial-gradient(circle var(--r) at 14.6% 28%, rgb(var(--pieno) / var(--fa)) 0 76%, transparent 100%), radial-gradient(circle var(--r) at 22.0% 28%, rgb(var(--pieno) / var(--fa)) 0 76%, transparent 100%), radial-gradient(circle var(--r) at 31.8% 28%, rgb(var(--pieno) / var(--fa)) 0 76%, transparent 100%), radial-gradient(circle var(--r) at 38.7% 28%, rgb(var(--pieno) / var(--fa)) 0 76%, transparent 100%), radial-gradient(circle var(--r) at 60.4% 28%, rgb(var(--pieno) / var(--fa)) 0 76%, transparent 100%), radial-gradient(circle var(--r) at 75.7% 28%, rgb(var(--pieno) / var(--fa)) 0 76%, transparent 100%), radial-gradient(circle var(--r) at 84.7% 28%, rgb(var(--pieno) / var(--fa)) 0 76%, transparent 100%), radial-gradient(circle var(--r) at 94.7% 28%, rgb(var(--pieno) / var(--fa)) 0 76%, transparent 100%), radial-gradient(circle var(--r) at 4.6% 70%, rgb(var(--pieno) / var(--fb)) 0 76%, transparent 100%), radial-gradient(circle var(--r) at 14.6% 70%, rgb(var(--pieno) / var(--fb)) 0 76%, transparent 100%), radial-gradient(circle var(--r) at 22.0% 70%, rgb(var(--pieno) / var(--fb)) 0 76%, transparent 100%), radial-gradient(circle var(--r) at 30.3% 70%, rgb(var(--pieno) / var(--fb)) 0 76%, transparent 100%), radial-gradient(circle var(--r) at 38.7% 70%, rgb(var(--pieno) / var(--fb)) 0 76%, transparent 100%), radial-gradient(circle var(--r) at 55.1% 70%, rgb(var(--pieno) / var(--fb)) 0 76%, transparent 100%), radial-gradient(circle var(--r) at 70.5% 70%, rgb(var(--pieno) / var(--fb)) 0 76%, transparent 100%), radial-gradient(circle var(--r) at 84.9% 70%, rgb(var(--pieno) / var(--fb)) 0 76%, transparent 100%), radial-gradient(circle var(--r) at 94.6% 70%, rgb(var(--pieno) / var(--fb)) 0 76%, transparent 100%);position:absolute;top:0;left:0;right:0}.motion .chiusura__fori{--fa:0;--fb:0}.chiusura__recapito{font-variation-settings:"wdth" 75;max-width:32rem;margin-top:clamp(.85rem,2.5vh,1.75rem);font-size:clamp(.875rem,1vw,1.0625rem)}@media (width<=899px){.chiusura{min-height:72svh}.chiusura__wordmark,.chiusura__fori{font-size:20.4vw}}
