@import "https://fonts.googleapis.com/css2?family=Fragment+Mono&family=Inter:wght@400;500;600&display=swap";:root{--bg-color:#10120f;--text-primary:#c2cabb;--text-secondary:#c2cabb99;--border-subtle:#c2cabb1a;--border-faint:#c2cabb0d;--border-strong:#c2cabb33;--overlay-bg:#10120f99;--overlay-hover:#10120f66;--overlay-heavy:#10120fb3;--dropdown-bg:#10120ff2;--dropdown-text-inactive:#c2cabb99;--dropdown-text-active:#c2cabb;--pill-bg:#c2cabb1a;--color-black:#000;--color-white-pure:#fff;--color-dark-gray:#111;--color-med-gray:#222;--color-light-gray:#333;--text-muted:#ddd;--text-lighter:#eee;--font-sans:"Inter", sans-serif;--font-mono:"Fragment Mono", monospace;--spacing-unit:8px;--layout-padding:30px}[data-theme=light]{--bg-color:#c2cabb;--text-primary:#10120f;--text-secondary:#10120f99;--border-subtle:#10120f1a;--border-faint:#10120f0d;--border-strong:#10120f33;--overlay-bg:#c2cabb99;--overlay-hover:#c2cabb66;--overlay-heavy:#c2cabbb3;--dropdown-bg:#c2cabbd9;--dropdown-text-inactive:#10120f80;--dropdown-text-active:#10120f;--pill-bg:#10120f0d;--color-black:#fff;--color-white-pure:#000;--color-dark-gray:#eae6db;--color-med-gray:#dcd7cb;--color-light-gray:#ccc;--text-muted:#444;--text-lighter:var(--color-light-gray)}*{box-sizing:border-box;margin:0;padding:0}@media (hover:hover) and (pointer:fine){*{cursor:none!important}}@media (width<=768px),(hover:none){.custom-cursor{display:none!important}}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.preloader-container{background-color:var(--bg-color);z-index:9999;width:100vw;height:100vh;color:var(--text-primary);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.preloader-content{letter-spacing:-.02em;align-items:baseline;font-size:6vw;font-weight:500;display:flex}.preloader-number{font-variant-numeric:tabular-nums}.preloader-percent{margin-left:4px;font-size:3vw}.app-parallax-wrapper{background-color:var(--bg-color);width:100%;min-height:100vh;display:flow-root}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.7}.app-container{flex-direction:column;min-height:100vh;display:flex}.nav-bar{padding:0 var(--layout-padding);z-index:100;border-bottom:1px solid var(--border-subtle);box-sizing:border-box;background:0 0;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;width:100%;height:80px;font-size:13.6px;display:grid;position:fixed;top:0;left:0}.nav-brand{grid-column:1}.nav-role{grid-column:2}.nav-links{grid-column:3;gap:15px;display:flex}.nav-link{position:relative}.nav-link.active:after{content:"";background-color:var(--text-primary);width:100%;height:1px;position:absolute;bottom:-2px;left:0}.nav-contact{text-align:right;grid-column:4}.header-section{padding:200px var(--layout-padding) 160px;border-bottom:1px solid var(--border-subtle);grid-template-columns:1fr 1fr 1fr 1fr;align-items:start;display:grid}.header-title{letter-spacing:-.02em;grid-column:1/span 2;font-size:42px;font-weight:500;line-height:1.1}.header-intro{grid-column:3;max-width:320px;font-size:15px;line-height:1.4}.header-socials{text-align:right;grid-column:4;justify-content:flex-end;gap:20px;font-size:14px;display:flex}.view-toggle{letter-spacing:-.02em;grid-template-columns:repeat(3,1fr);gap:0;padding:40px 0;font-size:32px;font-weight:500;display:grid}.toggle-btn{color:var(--dropdown-text-inactive);font-family:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;transition:color .3s}.filter-container{padding-left:var(--layout-padding);position:relative}.filter-label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.filter-dropdown{top:calc(100% + 15px);left:var(--layout-padding);background:var(--dropdown-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);z-index:50;flex-direction:column;gap:15px;min-width:340px;padding:20px;display:flex;position:absolute}.filter-dropdown:before{content:"";background:0 0;width:100%;height:15px;position:absolute;top:-15px;left:0}.filter-option{color:var(--dropdown-text-inactive);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:20px;transition:color .3s}.filter-option:hover,.filter-option.active{color:var(--dropdown-text-active)}.toggle-btn.active{color:var(--text-primary)}.projects-grid{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.project-card{aspect-ratio:1;background-color:var(--bg-color);display:block;position:relative;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.project-one-cover .project-image{object-fit:contain;background-color:#000}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{pointer-events:none;background:0 0;flex-direction:column;align-items:flex-start;gap:10px;width:100%;height:100%;padding:30px;transition:background .5s ease-out;display:flex;position:absolute;top:0;left:0}.project-card:hover .project-overlay{background:#0006}.hover-pill{-webkit-backdrop-filter:blur(20px);color:#fff;opacity:0;backface-visibility:hidden;background:#14141480;border:1px solid #ffffff14;border-radius:4px;padding:8px 16px;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .5s ease-out;transform:translateY(40px)translateZ(0)}.project-card:hover .hover-pill{opacity:1;transform:translateY(0)translateZ(0)}.project-card:hover .hover-title{transition-delay:0s}.project-card:hover .hover-subtitle{transition-delay:50ms}.project-card:hover .hover-tag:first-child{transition-delay:.1s}.project-card:hover .hover-tag:nth-child(2){transition-delay:.15s}.project-card:hover .hover-tag:nth-child(3){transition-delay:.2s}.project-card:hover .hover-tag:nth-child(4){transition-delay:.25s}.hover-title{background:#0a0a0ab3;font-size:18px;font-weight:600}.hover-subtitle{color:#ddd;font-size:14px;font-weight:400}.hover-tags-container{flex-direction:column;gap:8px;margin-top:10px;display:flex}.hover-tag{width:fit-content;padding:6px 12px;font-size:13px}@media (width<=1024px){.nav-bar{justify-content:space-between;display:flex}.nav-role{display:none}.header-section{grid-template-columns:1fr 1fr;gap:20px}.nav-contact,.header-socials{text-align:right}.nav-links,.header-intro{grid-column:1;max-width:100%}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.nav-bar{justify-content:space-between;gap:10px;display:flex}.nav-links{margin-left:20px;margin-right:auto}.nav-contact a{display:none}.nav-contact{text-align:right}.header-section{grid-template-columns:1fr;gap:30px}.header-title{grid-column:1;font-size:32px}.header-intro,.header-socials{text-align:left;grid-column:1;justify-content:flex-start}.projects-grid{grid-template-columns:1fr}.view-toggle{padding:20px var(--layout-padding);justify-content:space-between;align-items:center;gap:15px;font-size:20px;display:flex}.filter-container{margin-right:auto;padding-left:0}.filter-dropdown{left:0}.project-list-row{padding:30px var(--layout-padding);grid-template-columns:1fr;gap:20px}.list-inner-wrapper{grid-template-columns:1fr;gap:20px}.list-title-subtitle,.list-tags-container{grid-column:1;padding-left:0}.list-image-wrapper{margin-left:0}}.project-list{flex-direction:column;display:flex}.project-list-row{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);grid-template-columns:repeat(3,1fr);align-items:center;padding:40px 0;text-decoration:none;transition:background-color .3s;display:grid}.list-inner-wrapper{grid-column:1/-1;grid-template-columns:repeat(3,1fr);align-items:center;width:100%;display:grid}.project-list-row:hover{background-color:var(--color-dark-gray)}.list-image-wrapper{margin-left:var(--layout-padding);aspect-ratio:1;width:140px;overflow:hidden}.list-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-list-row:hover .list-image-wrapper img{transform:scale(1.05)}.list-title-subtitle{flex-direction:column;grid-column:2;gap:8px;display:flex}.list-title{font-size:18px;font-weight:600}.list-subtitle{color:var(--text-secondary);font-size:14px}.list-tags-year{padding-right:var(--layout-padding);grid-column:3;justify-content:space-between;align-items:center;display:flex}.list-tags{flex-wrap:wrap;gap:8px;display:flex}.list-tag-pill{background:var(--pill-bg);border:1px solid var(--border-faint);color:var(--text-muted);border-radius:4px;padding:4px 10px;font-size:12px}.list-year{color:var(--text-primary)}.about-hero{box-sizing:border-box;border-bottom:1px solid var(--color-med-gray);justify-content:center;align-items:center;height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.about-hero-grid{z-index:5;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);width:100%;height:calc(100% - 80px);display:grid;position:absolute;top:80px;left:0}.about-grid-img-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.about-grid-img-wrapper img{object-fit:cover;width:100%;height:100%}.about-title{letter-spacing:-.04em;z-index:1;color:var(--color-white-pure);font-size:18vw;font-weight:500}.about-info-grid{padding:140px var(--layout-padding) 100px;flex-direction:column;gap:80px;display:flex}.info-row{grid-template-columns:1fr 1fr 1fr 1fr;display:grid}.info-title{grid-column:1/span 2;font-size:15px;font-weight:600}.info-content{grid-column:3/span 2;font-size:15px;line-height:1.6}.info-list{flex-direction:column;gap:20px;list-style:none;display:flex}.info-list-item{border-bottom:1px solid var(--border-strong);justify-content:space-between;padding-bottom:20px;display:flex}.info-list-item.three-cols{grid-template-columns:280px 1fr auto;display:grid}.info-list-item.three-cols span:nth-child(2){text-align:left}.info-list-item.three-cols span:last-child{text-align:right}@media (width<=768px){.info-row{grid-template-columns:1fr;gap:20px}.info-title,.info-content{grid-column:1}}.project-detail-container{background-color:var(--bg-color);min-height:100vh;color:var(--text-primary);padding-top:80px;padding-bottom:40px}.project-detail-content{max-width:100%;padding:120px var(--layout-padding) 20px}.project-intro-block{border-bottom:1px solid var(--border-subtle);margin-bottom:60px;padding-bottom:40px}.project-intro-block.has-blueprint{border-bottom:none;margin-bottom:0}.project-intro-title{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:20px;font-size:32px;font-weight:500}.project-intro-desc{color:var(--text-muted);max-width:700px;margin-bottom:40px;font-size:14px;line-height:1.6}.project-meta-info{flex-direction:column;gap:16px;font-size:14px;display:flex}.project-meta-row{border-top:1px solid var(--border-subtle);gap:16px;padding:16px 0;display:flex}.project-meta-row span{color:var(--text-secondary)}.blueprint-intro{margin-bottom:100px}.blueprint-header{border-bottom:1px solid var(--border-strong);flex-wrap:wrap;align-items:flex-end;gap:20px;margin-bottom:40px;padding-bottom:40px;display:flex}.blueprint-title{letter-spacing:-.03em;color:var(--text-primary);margin:0;font-size:68px;font-weight:700;line-height:1.1}.blueprint-year{color:var(--text-secondary);margin-bottom:12px;margin-left:auto;font-size:18px;font-weight:500}.blueprint-grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:0;display:grid}.blueprint-meta{flex-direction:column;grid-column:1/span 2;padding-right:60px;display:flex}.blueprint-meta-row{border-bottom:1px solid var(--border-strong);grid-template-columns:120px 1fr;padding:24px 0;font-size:13px;line-height:1.5;display:grid}.blueprint-meta-row:first-child{padding-top:0}.blueprint-meta-row:last-child{border-bottom:none;padding-bottom:0}.blueprint-meta-row>span:first-child{color:var(--text-secondary)}.blueprint-meta-row>span:last-child{color:var(--text-primary);font-weight:500}.designer-content{justify-content:space-between;align-items:center;width:100%;display:flex}.designer-name{color:var(--text-primary);font-weight:500}.project-by-wrapper{align-items:center;gap:8px;display:flex}.project-by-label{color:var(--text-secondary);font-weight:400}.project-by-value{color:var(--text-primary);font-weight:500}.blueprint-content{flex-direction:column;grid-column:3/span 2;gap:24px;display:flex}.blueprint-lead{color:var(--text-primary);letter-spacing:-.01em;max-width:66%;margin:0;font-size:19px;font-weight:500;line-height:1.4}.blueprint-lead-container{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.visit-prototype-link{color:var(--text-primary);white-space:nowrap;align-items:center;gap:8px;padding-top:4px;font-size:18px;font-weight:500;text-decoration:none;transition:opacity .3s;display:inline-flex}.visit-prototype-link:hover{opacity:.7}.visit-prototype-large{gap:24px;font-size:54px;font-weight:200;transition:font-weight .2s,opacity .3s}.visit-prototype-large:hover{opacity:1;font-weight:500}.prototype-arrow-large{width:64px;height:64px}.prototype-arrow{transition:transform .3s;display:inline-block;transform:rotate(45deg)}.visit-prototype-link:hover .prototype-arrow{transform:rotate(0)}.blueprint-body-paragraph{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}@media (width<=1024px){.blueprint-meta-row{grid-template-columns:1fr;gap:8px}}@media (width<=768px){.top-visit-link{display:none!important}.blueprint-grid{grid-template-columns:1fr;gap:60px}.blueprint-meta,.blueprint-content{grid-column:1;padding-right:0}.blueprint-title{font-size:48px}.blueprint-lead{max-width:100%}.visit-prototype-large{gap:12px;font-size:27px}.prototype-arrow-large{width:32px;height:32px}.designer-content{flex-direction:column;align-items:flex-start;gap:16px}.project-by-wrapper{flex-direction:column;align-items:flex-start;gap:8px;display:flex}}.project-gallery{margin-bottom:80px;margin-left:calc(-1 * var(--layout-padding));margin-right:calc(-1 * var(--layout-padding));flex-direction:column;gap:0;display:flex}.content-full-width{width:100%}.content-full-width img{width:100%;height:auto;display:block}.content-two-column{grid-template-columns:1fr 1fr;gap:0;width:100%;display:grid}.two-column-image-wrapper img{width:100%;height:auto;display:block}.next-project-section{border-top:1px solid var(--border-subtle);flex-direction:column;align-items:flex-start;margin-top:80px;padding-top:60px;display:flex}.next-project-label{color:var(--text-primary);margin-bottom:24px;font-size:16px;font-weight:500}.next-project-card{flex-direction:column;gap:12px;width:280px;max-width:100%;text-decoration:none;display:flex}.next-project-image-wrapper{aspect-ratio:16/9;background-color:var(--color-med-gray);width:100%;overflow:hidden}.next-project-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.next-project-card:hover .next-project-image-wrapper img{transform:scale(1.05)}.next-project-container{justify-content:space-between;align-items:flex-end;width:100%;display:flex}.copyright-text{color:var(--text-secondary);padding-bottom:2px;font-size:14px}.next-project-title{color:var(--text-secondary);font-size:14px}@media (width<=768px){.project-list-row{padding:30px var(--layout-padding)!important;grid-template-columns:1fr!important}.list-inner-wrapper{grid-template-columns:1fr!important;gap:24px!important}.list-title-subtitle,.list-tags-year{grid-column:1!important}.list-image-wrapper{aspect-ratio:16/9!important;width:100%!important;margin-left:0!important}.list-tags-year{padding-right:0!important}.grid-btn{display:none!important}.info-list-item.three-cols{grid-template-columns:1fr!important;gap:8px!important}.info-list-item.three-cols span:nth-child(2),.info-list-item.three-cols span:last-child{color:var(--text-secondary);text-align:left!important}.about-hero{height:60vh!important;min-height:400px!important}.next-project-section{text-align:center!important;align-items:center!important}.next-project-container{flex-direction:column!important;align-items:center!important;gap:32px!important;width:100%!important}.next-project-card{text-align:center!important;align-items:center!important}.copyright-text{text-align:center!important;padding-bottom:0!important}}