::-webkit-scrollbar{display:none}html{scrollbar-width:none;-ms-overflow-style:none}body{overflow:-moz-scrollbars-none}.swiper-slide img{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.swiper-container{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html.dark-mode #intro-overlay{background:#000}html.dark-mode #intro-wordmark{color:#fff}body.dark-mode{color:#fff;background-color:#000}body.dark-mode #intro-overlay{background:#000}body.dark-mode #intro-wordmark.ml12{color:#fff}body.dark-mode nav{background-color:#000}body.dark-mode nav.home-page{background-color:transparent}body.dark-mode .nav-item a{color:#fff}body.dark-mode .nav-item a:hover{color:#888}body.dark-mode .invert-btn{color:#fff}body.dark-mode .invert-btn:hover{color:#888}body.dark-mode th,body.dark-mode td{border-bottom:1px solid #fff}body.dark-mode .image-dropdown{background-color:#000}body.dark-mode .plain-text-popup{color:#fff;background:#000}body.dark-mode .lightbox{background:#000}body.dark-mode .lightbox-close{color:#fff}body.dark-mode .click-prev{cursor:url("/mist-o/assets/cur/arrow-le-dark-x1.png"),auto !important;cursor:-webkit-image-set(url("/mist-o/assets/cur/arrow-le-dark-x1.png") 1x, url("/mist-o/assets/cur/arrow-le-dark-x2.png") 2x),auto !important}body.dark-mode .click-next{cursor:url("/mist-o/assets/cur/arrow-ri-dark-x1.png"),auto !important;cursor:-webkit-image-set(url("/mist-o/assets/cur/arrow-ri-dark-x1.png") 1x, url("/mist-o/assets/cur/arrow-ri-dark-x2.png") 2x),auto !important}body.dark-mode .project-info::before,body.dark-mode .project-info::after{content:"";height:1px;background:#fff}body.dark-mode .popup-trigger:hover .info-sub{color:transparent}body.dark-mode .popup-trigger .info-sub{color:#fff !important}body.dark-mode .site-footer{background:#000;color:#fff}@font-face{font-family:'MistoSans';src:url("/assets/fonts/MistoSans-BoldGeo.woff2") format("woff2"),url("/assets/fonts/MistoSans-BoldGeo.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}html{scroll-behavior:smooth}body{font-family:"Helvetica Neue",Helvetica,sans-serif;font-weight:600;font-size:14px;line-height:1.2;margin:0;padding:0;background-color:#fff;font-kerning:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}html,body{height:100%;overscroll-behavior-y:none}nav{padding:14px 14px;position:fixed;top:0;left:0;right:0;z-index:999;mix-blend-mode:exclusion}ul{gap:7px}.nav-list{list-style:none;display:flex;justify-content:space-between;width:100%;padding:0;margin:0}.nav-item{display:flex;align-items:center;height:16.8px}.logo{flex:1}.logo img{height:14px;width:auto;filter:invert(100%)}.logo .wordmark{font-family:"MistoSans","Helvetica Neue",Helvetica,sans-serif;font-weight:700;font-size:18px;line-height:14px;color:#fff;text-decoration:none;white-space:nowrap;display:inline-block;transform:translateY(1px)}body.dark-mode .logo .wordmark{color:#fff}.invert{flex:1;text-align:left}.invert-btn{font-size:14px;font-weight:600;font-family:"Helvetica Neue",Helvetica,sans-serif;color:#000;background-color:transparent;border:none;padding:0;height:14px;cursor:pointer}.invert-btn:hover{color:#888}.icon{display:inline;transition:opacity 0.3s ease;width:14px;height:14px}.sun,.moon{display:none}body:not(.dark-mode) .sun{display:inline;color:#fff}body.dark-mode .moon{display:inline;color:#fff}.links{display:flex;justify-content:space-between;flex:1}.links a{color:#fff;text-decoration:none}.links a:hover{color:#888}.left-link{margin-right:auto}.right-link{margin-left:auto}.studio{flex:1;justify-content:flex-end}.studio a{color:#fff;text-decoration:none}.studio a:hover{color:#888}.dropdown{display:none}.dropdown-btn{font-size:14px;font-weight:600;background-color:transparent;color:#000;border:none;cursor:pointer;width:100%;text-align:right;padding:0px}.dropdown-content{display:none;width:100%;background-color:#fff;margin-top:10px}.dropdown-content.active{display:block}.dropdown-content ul{list-style:none;padding:0;margin:0}.dropdown-content ul li{border-bottom:1px solid #000;padding:4px 0px}.dropdown-content ul:first-child{border-top:1px solid #000}.dropdown-content a{color:#000;padding:0;text-decoration:none;display:block;width:100%}.dropdown-content a:hover{background-color:#888}#intro-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#fff;z-index:10001;opacity:1;transition:opacity .6s ease}#intro-overlay.hide{opacity:0;pointer-events:none}.ml12{font-family:'MistoSans', system-ui, -apple-system, sans-serif;font-weight:400;font-size:clamp(24px, 3.5vw, 28px);letter-spacing:0.06em;color:#000;line-height:1}.ml12 .letter{display:inline-block;line-height:1em}.container-article{width:100%;overflow-x:hidden;padding-top:44.8px}.project-section{width:100%;position:relative;scroll-snap-align:start}.swiper-container{width:100%;height:calc(100vh - 47px);margin-bottom:1rem;overflow:hidden;position:relative;overflow:visible}@supports (height: 100dvh){.swiper-container{height:calc(100dvh - 47px)}}.swiper-wrapper{display:flex;height:calc(100% - 70px) !important;overflow:visible !important}.swiper-slide{height:100%;display:flex;justify-content:center;align-items:center}.container-img{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.full-page-img{height:100%;width:100%;object-fit:contain}.cover-img{width:100%;height:100vh;object-fit:cover}.cover-slide .full-page-img{width:100%;object-fit:cover}.swiper-button-next,.swiper-button-prev{display:none}.click-prev,.click-next{position:absolute;top:0;height:100%;width:50%;z-index:10;cursor:none}.click-prev{left:0;cursor:e-resize !important;cursor:url("/assets/cur/arrow-le-x1.png") 12 12,auto !important;cursor:-webkit-image-set(url("/assets/cur/arrow-le-x1.png") 1x, url("/assets/cur/arrow-le-x2.png") 2x) 12 12,auto !important}.click-next{right:0;cursor:w-resize !important;cursor:url("/assets/cur/arrow-ri-x1.png") 12 12,auto !important;cursor:-webkit-image-set(url("/assets/cur/arrow-ri-x1.png") 1x, url("/assets/cur/arrow-ri-x2.png") 2x) 12 12,auto !important}.project-info{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;width:100%;padding:0 14px;box-sizing:border-box;position:absolute;bottom:14px;z-index:20;pointer-events:none;gap:7px}.project-info::before,.project-info::after{content:"";position:absolute;left:14px;width:calc(100% - 28px);height:1px;background:#000}.project-info::before{top:-4px}.project-info::after{bottom:-4px}.info-col{pointer-events:auto;position:relative}.col-1,.col-2,.col-3{text-align:left}.col-4{text-align:right}.info-col.col-3{position:relative}.info-sub{font-size:14px;font-weight:400}.info-title{font-size:14px;font-weight:600}.popup-container{position:relative;display:inline-block;width:100%}.popup-trigger{cursor:pointer;display:inline-block;transition:opacity 0.2s ease}.popup-trigger:hover .info-sub{color:transparent}.popup-trigger .info-sub{color:#000}.info-title,.info-sub{width:auto;white-space:nowrap}.plain-text-popup{color:#000;background:#fff;text-align:left;position:absolute;opacity:0;visibility:hidden;bottom:100%;right:0;padding:0;padding-left:14px;margin-bottom:20px;transition:opacity 0.2s ease;hyphens:auto}.plain-text-popup::after{display:none}.popup-trigger:hover+.plain-text-popup,.plain-text-popup:hover{opacity:1;visibility:visible}.info-col.col-3{position:relative}#archives{padding:0 14px;padding-top:61.6px}#table-wrapper{position:relative}table{width:100%;border-spacing:0px;margin:0 auto}th,td{text-align:left;border-bottom:1px solid #000;padding:14px 0}th{font-size:14px;font-weight:400}.archive-year{text-align:right}tr td:first-child,tr th:first-child{padding-left:0}tr td:last-child,tr th:last-child{border-right:none;padding-right:0}th.archive-name,td.col1{padding-left:0;padding-right:3.5px;width:50%}th.archive-typology,td.col2{padding-left:3.5px;padding-right:3.5px;width:25%}th.archive-client,td.col3{padding-left:3.5px;padding-right:3.5px;width:15%}th.archive-year,td.col4{padding-left:3.5px;padding-right:0;width:10%;text-align:right;white-space:nowrap;word-break:keep-all;hyphens:none;-webkit-hyphens:none}.image-dropdown{display:none;background-color:#fff}.image-dropdown.show{display:table-row}.dropdown-images{display:flex;flex-wrap:wrap;gap:15px}.dropdown-images img{max-height:120px;object-fit:contain}.archive-row{cursor:default;transition:background-color .2s ease, color .2s ease}.archive-row[data-has-multiple]{cursor:pointer}body.suppress-hover .archive-row:hover{background-color:transparent !important;color:inherit !important}@media (hover: hover) and (pointer: fine){.archive-row:hover:not(.expanded):not(.closing){background-color:#000;color:#fff}body.dark-mode .archive-row:hover:not(.expanded):not(.closing){background-color:#fff !important;color:#000 !important}}.archive-row.expanded>td{background-color:#000 !important;color:#fff !important;border-bottom:1px solid #fff !important}body.dark-mode .archive-row.expanded>td,body.dark-mode .archive-row.expanded:hover>td{background-color:#fff !important;color:#000 !important;border-bottom:1px solid #000 !important}@media (hover: hover) and (pointer: fine){.archive-row.expanded:hover>td{background-color:#000 !important;color:#fff !important}body.dark-mode .archive-row.expanded:hover>td{background-color:#fff !important;color:#000 !important}}.image-dropdown>td{background-color:#fff;color:#000;border-bottom:1px solid #000}body.dark-mode .image-dropdown,body.dark-mode .image-dropdown>td{background-color:#000 !important;color:#fff !important;border-bottom:1px solid #fff !important}#hover-image-container{position:fixed;top:50%;left:49%;transform:translate(-100%, -50%);z-index:1000;opacity:0;pointer-events:none;transition:opacity 0.2s}#hover-image-container.show{opacity:1}#hover-image{max-height:350px;object-fit:contain}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.95);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 0.2s ease}.lightbox.hidden{display:none}.lightbox img{max-width:90vw;max-height:85vh;object-fit:contain}.lightbox{overscroll-behavior:contain;touch-action:none}.lightbox-edge-shield{position:fixed;left:0;top:0;bottom:0;width:28px;z-index:1}.lightbox-close{position:absolute;top:0px;right:10px;font-size:36px;font-weight:250;cursor:pointer;color:#000;z-index:10000}#fragments{padding-top:44.8px}#fragments .fragments-container{display:grid;grid-template-columns:repeat(4, 1fr);gap:7px;padding:0 14px}#fragments .fragment-item{overflow:hidden}#fragments .fragment-item img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}#studio{padding:0 14px;padding-top:44.8px}.grid-container{display:flex;margin-bottom:40px;gap:7px}.grid-item{flex:1}.grid-item p{hyphens:auto}.grid-item p:first-of-type{margin-top:0}.grid-item img{width:100%;height:100%;object-fit:cover;max-height:580px}ul{list-style-type:none;padding:0}#studio address{font-style:normal;line-height:1.6}.site-footer{padding:14px 14px;background:#fff;color:#000}.site-footer .footer-container{display:flex;justify-content:space-between;align-items:center;margin:0 auto}.site-footer .footer-col a{color:inherit;text-decoration:none;transition:opacity 0.2s ease}.site-footer .footer-col a:hover{opacity:0.7}.site-footer .col-1{flex:0 0 50%;text-align:left}.site-footer .col-2{flex:0 0 50%}.site-footer .col-2 .links-container{display:flex;justify-content:space-between;width:100%;margin-left:auto}.site-footer .col-2 .links-container a{flex:1;text-align:center}.site-footer .col-2 .links-container a.first-link{text-align:left}.site-footer .col-2 .links-container a.last-link{text-align:right}@media (max-width: 768px){body,.info-sub,.info-title{font-size:12px}header{flex-direction:column;text-align:center;position:sticky;top:0}.invert-btn{width:100%}}@media (max-width: 768px){nav{mix-blend-mode:normal !important;background:#fff;color:#000}nav.nav-ported{position:fixed;top:0;left:0;right:0;z-index:9997 !important;mix-blend-mode:normal !important;background:#fff;color:#000;transform:translateZ(0);will-change:transform;isolation:isolate;-webkit-overflow-scrolling:touch;pointer-events:auto}body.dark-mode nav.nav-ported{background:#000;color:#fff}nav.nav-ported .logo .wordmark,nav.nav-ported .invert-btn,nav.nav-ported .dropdown-btn,nav.nav-ported .links a,nav.nav-ported .studio a{color:inherit !important}body.dark-mode nav{background:#000;color:#fff}.nav-list{flex-direction:row;align-items:center;justify-content:space-between}.logo{flex:1;text-align:left}.logo .wordmark,.links a,.studio a,.invert-btn,.dropdown-btn{color:inherit !important}body:not(.dark-mode) .sun,body.dark-mode .moon{color:inherit !important}.links,.studio{display:none}.dropdown{display:flex;justify-content:flex-end}.invert{flex:1;text-align:center}.nav-item.dropdown{display:block;flex:1;text-align:right}.nav-item.links,.nav-item.studio{display:none}.dropdown-content{display:block;position:fixed;top:0;right:0;bottom:0;left:auto;width:calc(100vw - 28px);height:100vh;background:#fff;color:#000;transform:translateX(100%);transition:transform .35s ease;z-index:1000;padding:14px 14px;overflow-y:auto}body.dark-mode .dropdown-content{background:#000;color:#fff}body.dark-mode .dropdown-content ul li,body.dark-mode .mobile-drawer ul li{border-bottom:1px solid #fff !important}body.dark-mode .dropdown-content ul li:first-child,body.dark-mode .mobile-drawer ul li:first-child{border-top:1px solid #fff !important}.dropdown-content.active{transform:translateX(0)}.dropdown-content ul{list-style:none;padding:0;margin:20vh 0 0}.dropdown-content a{color:inherit;text-decoration:none;display:block}.dropdown{display:flex;justify-content:flex-end}.links,.studio{display:none}}@media (max-width: 768px){.mobile-drawer{position:fixed;inset:0;background:#fff;color:#000;transform:translateX(100%) translateZ(0);transition:transform .35s ease;z-index:999;padding:14px 14px;overflow-y:auto}body.dark-mode .mobile-drawer{background:#000;color:#fff}.mobile-drawer.active{transform:translateX(0) translateZ(0)}.mobile-drawer ul{list-style:none;padding:0;margin:20vh 0 0}.mobile-drawer li{padding:16px 0}.mobile-drawer a{color:inherit;text-decoration:none;display:block;text-align:center}}@media (max-width: 768px){.archives-container{flex-direction:column}.column{width:100% !important}.fragments-container{grid-template-columns:repeat(4, 1fr) !important}.grid-container{display:block !important}}@media (max-width: 768px){.project-info{grid-template-columns:1fr 1fr}.dropdown-images img{max-height:100px;object-fit:cover;max-width:95px}.dropdown-images{gap:5px;padding:0}}@media (hover: hover) and (pointer: fine){.archive-row:hover:not(.expanded):not(.closing){background-color:#000;color:#fff}}@media (hover: none) and (pointer: coarse), (max-width: 768px){#hover-image-container{display:none !important}.archive-row:hover{background-color:transparent !important;color:inherit !important}}@media (max-width: 768px){.archive-row.expanded>td{background-color:#000 !important;color:#fff !important;border-bottom:1px solid #fff !important}body.dark-mode .archive-row.expanded>td{background-color:#fff !important;color:#000 !important;border-bottom:1px solid #000 !important}}@media (max-width: 768px){.grid-item img{margin-bottom:7px}}@media (max-width: 768px){:root{--nav-h: 130px}.swiper-container{height:calc(100vh - var(--nav-h))}@supports (height: 100dvh){.swiper-container{height:calc(100dvh - var(--nav-h))}}@supports (height: 100svh){.swiper-container{height:calc(100svh - var(--nav-h))}}.swiper-wrapper{height:100% !important}.project-info{grid-template-columns:1fr 1fr;position:static;left:auto;right:auto;bottom:auto;gap:2px;background:linear-gradient(currentColor, currentColor) left 14px top,linear-gradient(currentColor, currentColor) left 14px bottom;background-size:calc(100% - 28px) 1px,calc(100% - 28px) 1px;background-repeat:no-repeat;padding:3px 14px 3px 14px;pointer-events:none;pointer-events:auto}.project-info::before,.project-info::after{content:none !important}.project-info .col-4{grid-column:1 / -1;text-align:left}.text-popup-container{position:static;width:100%}.text-popup-container .popup-trigger{display:inline-flex;align-items:baseline;justify-content:space-between;gap:.35em;width:100%}.text-popup-container .popup-trigger .info-sub{color:inherit}.plain-text-popup{position:static;right:auto;bottom:auto;width:100%;margin:0;padding:0;background:inherit;color:inherit;opacity:0;visibility:hidden;max-height:0;overflow:hidden;pointer-events:none;transition:max-height .35s ease, opacity .3s ease, visibility .3s ease}.popup-trigger:hover+.plain-text-popup{opacity:0;visibility:hidden}.plain-text-popup.active{grid-column:1 / -1;opacity:1 !important;visibility:visible !important;pointer-events:auto;max-height:60vh;overflow:auto;margin-top:3px;border-top:1px solid currentColor}body.dark-mode .plain-text-popup.active{background:#000;color:#fff;border-top-color:#fff}}@media (max-width: 768px){#archives table{table-layout:fixed;width:100%}#archives th,#archives td{box-sizing:border-box;padding-top:10px;padding-bottom:10px}#archives th:nth-child(1),#archives td:nth-child(1){width:35%}#archives th:nth-child(2),#archives td:nth-child(2){width:25%}#archives th:nth-child(3),#archives td:nth-child(3){width:20%}#archives th:nth-child(4),#archives td:nth-child(4){width:20%;text-align:right;white-space:nowrap}#table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.site-footer .col-2 .links-container a.first-link{text-align:right}}