@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,sans-serif}*,:before,:after{box-sizing:border-box}html{background:#f5f5f3;width:100%;min-height:100%;margin:0;padding:0}body{background:#f5f5f3;width:100%;min-width:320px;min-height:100vh;margin:0;padding:0}button,input,textarea,select{font:inherit}img{max-width:100%}:root{--bg:#f5f5f3;--text:#111;--menu-bg:#0a1a1a;--menu-text:#f5f5f3;--page-padding:clamp(8px, .75vw, 14px)}.site{background:var(--bg);width:100%;min-height:100vh;color:var(--text);overflow-x:hidden}.header{width:100%;padding:12px var(--page-padding);grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;display:grid}.header-brand,.header-role,.header-time,.header-menu{white-space:nowrap;font-family:Manrope,sans-serif;font-size:clamp(14px,1vw,19px);font-weight:500;line-height:1}.header-brand{text-align:left;font-weight:700}.header-role,.header-time{text-align:center}.header-menu{color:inherit;cursor:pointer;text-align:right;background:0 0;border:0;margin:0;padding:0}.hero{width:100%;padding:clamp(36px, 4vw, 72px) var(--page-padding) 0}.hero-title{letter-spacing:-.07em;white-space:nowrap;text-align:left;width:100%;margin:0;padding:0;font-family:Manrope,sans-serif;font-size:clamp(50px,14.15vw,260px);font-weight:800;line-height:.84;overflow:hidden}.hero-image{aspect-ratio:4.7;width:100%;margin-top:clamp(32px,4vw,70px);overflow:hidden}.hero-image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hero-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(25px,5vw,90px);width:100%;padding:clamp(24px,3vw,48px) 0 20px;display:grid}.hero-description{letter-spacing:-.035em;text-transform:uppercase;max-width:620px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(16px,1.45vw,25px);font-weight:500;line-height:1.17}.hero-cta{border-bottom:1px solid var(--text);width:100%;color:var(--text);letter-spacing:-.035em;text-transform:uppercase;justify-content:space-between;align-items:center;padding-bottom:9px;font-family:Manrope,sans-serif;font-size:clamp(16px,1.45vw,25px);font-weight:500;line-height:1;text-decoration:none;display:flex}.hero-cta-arrow{flex-shrink:0;margin-left:20px;font-size:1.2em}.section-placeholder{width:100%;min-height:70vh}.menu-overlay{z-index:9999;background:var(--menu-bg);width:100%;height:100dvh;color:var(--menu-text);position:fixed;inset:0;overflow-y:auto}.menu-header{width:100%;padding:12px var(--page-padding);grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;display:grid}.menu-brand,.menu-role,.menu-time,.menu-close{white-space:nowrap;font-family:Manrope,sans-serif;font-size:clamp(14px,1vw,19px);font-weight:500;line-height:1}.menu-brand{text-align:left;font-weight:700}.menu-role,.menu-time{text-align:center}.menu-close{color:inherit;cursor:pointer;text-align:right;background:0 0;border:0;margin:0;padding:0}.menu-navigation{width:calc(100% - (var(--page-padding) * 2));margin:clamp(100px, 16vh, 220px) var(--page-padding) 0}.menu-navigation a{width:100%;color:var(--menu-text);border-bottom:1px solid #f5f5f338;grid-template-columns:clamp(35px,4vw,65px) minmax(0,1fr);align-items:baseline;padding:clamp(18px,2vw,34px) 0;text-decoration:none;transition:opacity .18s;display:grid}.menu-navigation a:hover{opacity:.65}.menu-number{font-family:Manrope,sans-serif;font-size:clamp(12px,.85vw,17px);font-weight:500}.menu-label{letter-spacing:-.065em;font-family:Manrope,sans-serif;font-size:clamp(70px,10vw,190px);font-weight:800;line-height:.82}@media (width<=900px){.hero-bottom{column-gap:25px}.hero-description,.hero-cta{font-size:clamp(16px,1.9vw,21px)}.menu-label{font-size:clamp(60px,11vw,135px)}}@media (width<=700px){.header{grid-template-columns:1fr auto}.header-role,.header-time{display:none}.header-brand,.header-menu{font-size:clamp(14px,3.7vw,18px)}.hero{padding:clamp(28px, 7vw, 45px) var(--page-padding) 0}.hero-title{letter-spacing:-.07em;font-size:14.15vw;line-height:.84}.hero-image{aspect-ratio:3.8;margin-top:28px}.hero-bottom{grid-template-columns:1fr;row-gap:32px;padding-top:24px}.hero-description{max-width:96%;font-size:clamp(16px,4.1vw,21px);line-height:1.17}.hero-cta{font-size:clamp(16px,4.1vw,21px)}.menu-header{grid-template-columns:1fr auto}.menu-role,.menu-time{display:none}.menu-brand,.menu-close{font-size:clamp(14px,3.7vw,18px)}.menu-navigation{width:calc(100% - (var(--page-padding) * 2));margin-top:20vh}.menu-navigation a{grid-template-columns:32px minmax(0,1fr);padding:22px 0}.menu-label{font-size:clamp(55px,16vw,110px);font-weight:800}.menu-number{font-size:13px}}@media (width<=380px){.hero-title{font-size:14.1vw}.hero-image{aspect-ratio:3.7}.menu-label{font-size:15vw}}.header-menu{font-size:clamp(11px,.75vw,14px)}@media (width<=700px){.header-menu{font-size:clamp(11px,3vw,14px)}}.hero-title span{white-space:nowrap;margin:0;padding:0;display:inline-block}@media (width<=700px){.hero-title{letter-spacing:-.065em;line-height:.82}}.hero-title{white-space:nowrap;letter-spacing:-.065em;width:100%;margin:0 0 clamp(35px,5vw,90px);padding:0;font-family:Manrope,sans-serif;font-weight:800;line-height:.82;overflow:hidden}.hero-title span{white-space:nowrap;transform-origin:0;will-change:transform;width:max-content;margin:0;padding:0;display:inline-block}.hero-image{width:100%;margin:0;padding:0;overflow:hidden}.hero-image img{width:100%;height:auto;margin:0;padding:0;display:block}.hero-description{font-size:clamp(18px,1.55vw,28px);line-height:1.15}.hero-cta{justify-content:space-between;align-items:center;gap:8px;display:flex}.hero-cta-label{margin-right:0}.hero-cta-arrow{margin-left:0;padding-left:0}.projects-section{width:100%;padding:clamp(90px, 10vw, 180px) var(--page-padding) 120px;background:var(--bg);color:var(--text)}.projects-heading{letter-spacing:-.065em;text-transform:uppercase;width:100%;margin:0 0 clamp(28px,4vw,60px);font-family:Manrope,sans-serif;font-size:clamp(52px,7.5vw,140px);font-weight:500;line-height:.9}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3vw,55px) clamp(8px,.8vw,16px);width:100%;display:grid}.project-card{width:100%;color:var(--text);text-decoration:none;display:block}.project-image{aspect-ratio:1.42;background:#e8e8e5;width:100%;overflow:hidden}.project-image img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,.61,.36,1);display:block}.project-card:hover .project-image img{transform:scale(1.025)}.project-info{letter-spacing:-.025em;text-transform:uppercase;grid-template-columns:1.5fr 1fr 1fr;column-gap:10px;width:100%;padding-top:7px;font-family:Manrope,sans-serif;font-size:clamp(9px,.58vw,12px);font-weight:500;line-height:1.1;display:grid}.project-info span:nth-child(2),.project-info span:nth-child(3){text-align:right}@media (width<=900px){.projects-section{padding-top:90px}.projects-heading{font-size:clamp(48px,8vw,90px)}.project-info{grid-template-columns:1.4fr 1fr 1fr;font-size:9px}}@media (width<=700px){.projects-section{padding:80px var(--page-padding) 80px}.projects-heading{margin-bottom:28px;font-size:clamp(42px,11vw,72px);line-height:.9}.projects-grid{grid-template-columns:1fr;row-gap:38px}.project-image{aspect-ratio:1.25}.project-info{grid-template-columns:1.4fr 1fr 1fr;font-size:9px}}.header-brand{justify-self:start}.header-role,.header-time{justify-self:center}@media (width<=700px){.header{min-height:48px;padding:10px 8px}.header-brand,.header-role,.header-time,.header-menu{font-size:12px}}.header-brand,.header-role,.header-time,.header-menu{font-size:16px;line-height:1}@media (width<=700px){.header-brand,.header-role,.header-time,.header-menu{font-size:14px}}.header{grid-template-columns:1fr 1fr 1fr auto;align-items:start;min-height:58px;padding:12px 14px;display:grid}.header-brand,.header-role,.header-time,.header-menu{white-space:nowrap;font-size:17px;line-height:1}.header-role,.header-time{justify-self:center}.header-menu{cursor:pointer;background:0 0;border:0;justify-self:end;margin:0;padding:0}@media (width<=700px){.header{min-height:50px;padding:10px 8px}.header-brand,.header-role,.header-time,.header-menu{font-size:14px}}.header{grid-template-columns:1fr 1fr 1fr 1fr;align-items:start;width:100%;min-height:52px;padding:14px 14px 0;display:grid}.header-brand,.header-role,.header-time,.header-menu{white-space:nowrap;margin:0;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;line-height:1}.header-brand{color:inherit;justify-self:start;text-decoration:none}.header-role,.header-time{justify-self:center}.header-menu{color:inherit;cursor:pointer;background:0 0;border:0;justify-self:end;padding:0}@media (width<=700px){.header{min-height:46px;padding:10px 8px 0}.header-brand,.header-role,.header-time,.header-menu{font-size:13px}}.header-brand{font-weight:700}.header-role,.header-time,.header-menu{font-weight:500}@media (width<=700px){.header-brand,.header-role,.header-time,.header-menu{font-size:15px}}.header-brand,.header-role,.header-time,.header-menu{font-size:21px}@media (width<=700px){.header-brand,.header-role,.header-time,.header-menu{font-size:17px}}.header{z-index:1000;position:fixed;top:0;left:0;right:0}.hero,.hero h1,.hero p,.hero a,.hero span,.header,.header a,.header button,.header-brand,.header-role,.header-time,.header-menu{color:#0a1a1a}.home-rectangle{background:#f5f1ea;width:100%;height:clamp(180px,25vw,420px)}.header{z-index:1000;background:#f5f1ea;position:fixed;top:0;left:0;right:0;z-index:9999!important;opacity:1!important;visibility:visible!important;background:#fff!important;position:fixed!important;top:0!important;left:0!important;right:0!important}@media (width<=700px){.header{align-items:center;height:48px;min-height:48px;padding:10px 6px}.header-brand,.header-role,.header-time,.header-menu{font-size:12px;line-height:1}.header-brand{justify-self:start}.header-role,.header-time{justify-self:center}.header-menu{justify-self:end;margin-left:auto;margin-right:0;padding:0}.header{grid-template-columns:1fr auto;align-items:center;height:52px;min-height:52px;padding:0 6px;display:grid;background:#fff!important}.header-role,.header-time{display:none}.header-brand{color:#0a1a1a;justify-self:start;font-size:14px;font-weight:700;line-height:1}.header-menu{color:#0a1a1a;background:0 0;border:0;justify-self:end;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1}main{padding-top:52px}.hero{padding-top:24px}.header-brand{font-size:16px;font-weight:700}.header-menu{font-size:16px;font-weight:500}}.header{background:#f5f5f3!important}.project-info{font-size:18px;line-height:1.15}.project-info span{font-size:18px;font-weight:500}.project-info span:first-child{font-weight:700}@media (width<=700px){.project-info,.project-info span{font-size:14px}.project-info span:first-child{font-weight:700}}.about-intro{width:100%;margin-top:clamp(140px,14vw,240px);padding:0 14px clamp(100px,12vw,180px)}.about-intro-title{letter-spacing:-.065em;text-transform:uppercase;color:#0a1a1a;max-width:1550px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(52px,6.8vw,120px);font-weight:800;line-height:.95}@media (width<=700px){.about-intro{margin-top:110px;padding:0 8px 90px}.about-intro-title{letter-spacing:-.055em;font-size:clamp(38px,10vw,58px);line-height:.98}}.about-intro{width:100%}.about-intro-title{width:100%;max-width:none}.about-intro-description{width:100%;max-width:none;display:block}@media (width<=700px){.about-intro-title,.about-intro-description{width:100%;max-width:none}}.about-intro-title{font-size:clamp(46px,5.8vw,105px);line-height:.96}@media (width<=700px){.about-intro{margin-top:70px}.about-intro-title{font-size:clamp(34px,9vw,52px);line-height:.98}}.about-intro-title{font-size:clamp(42px,5.2vw,94px)}@media (width<=700px){.about-intro-title{font-size:clamp(32px,8.2vw,48px)}}@media (width<=700px){.about-intro{margin-top:45px}}.about-intro{margin-top:clamp(10px,2vw,35px)}@media (width<=700px){.about-intro{margin-top:25px}}.about-detail{grid-template-columns:minmax(0,1fr) minmax(360px,520px) minmax(360px,1fr);align-items:start;column-gap:30px;width:100%;margin-top:clamp(70px,8vw,130px);padding:0 14px;display:grid}.about-detail-image{grid-column:2;width:100%}.about-detail-image img{object-fit:cover;width:100%;height:auto;display:block}.about-detail-content{grid-column:3;width:100%;padding-left:10px}.about-detail-text{letter-spacing:-.02em;margin:0;font-size:clamp(16px,1.25vw,21px);font-weight:400;line-height:1.3}.about-detail-cta{width:100%;color:inherit;border-bottom:1px solid;justify-content:space-between;align-items:center;margin-top:34px;padding-bottom:10px;font-size:clamp(15px,1.15vw,19px);font-weight:500;text-decoration:none;display:flex}.about-detail-arrow{font-size:22px}@media (width<=900px){.about-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px}.about-detail-image{grid-column:1}.about-detail-content{grid-column:2;padding-left:0}}@media (width<=700px){.about-detail{flex-direction:column;gap:28px;margin-top:60px;padding:0 8px;display:flex}.about-detail-image{width:100%}.about-detail-content{width:100%;padding:0}.about-detail-text{font-size:15px;line-height:1.3}.about-detail-cta{margin-top:28px;font-size:15px}}.about-detail{margin-top:clamp(5px,1vw,15px)}.contact-cta{width:100%;margin-top:clamp(100px,14vw,220px);padding:0 14px;overflow:hidden}.contact-cta h2{letter-spacing:-.06em;white-space:nowrap;width:100%;margin:0;font-size:clamp(52px,9.2vw,170px);font-weight:700;line-height:.88}@media (width<=700px){.contact-cta{margin-top:90px;padding:0 8px}.contact-cta h2{font-size:clamp(38px,10vw,72px)}}.contact-cta{text-align:center;width:100%;margin-top:clamp(100px,14vw,220px);padding:0 14px;overflow:hidden}.contact-cta h2{letter-spacing:-.06em;text-align:center;white-space:nowrap;width:100%;margin:0;font-size:clamp(52px,9.2vw,170px);font-weight:700;line-height:.88}@media (width<=700px){.contact-cta{margin-top:90px;padding:0 8px}.contact-cta h2{font-size:clamp(38px,10vw,72px)}}.contact-email{text-align:center;width:100%;color:inherit;letter-spacing:-.03em;margin-top:45px;font-size:clamp(22px,2.2vw,38px);font-weight:400;line-height:1;text-decoration:none;display:block}.contact-socials{justify-content:center;align-items:center;gap:clamp(20px,2vw,38px);margin-top:22px;display:flex}.contact-social{color:inherit;letter-spacing:-.03em;font-size:clamp(20px,2vw,34px);font-weight:400;line-height:1;text-decoration:none}@media (width<=700px){.contact-email{margin-top:30px;font-size:20px}.contact-socials{gap:18px;margin-top:18px}.contact-social{font-size:18px}}.contact-cta{margin-top:-25px;transform:translateY(-25px)}.contact-email,.contact-socials{margin-top:5px}.contact-email,.contact-socials{margin-top:5px}.contact-email,.contact-socials{margin-top:0}.contact-cta{transform:translateY(-140px)}.contact-email,.contact-socials{margin-top:0}#about.section-placeholder{height:0;min-height:0;margin:0;padding:0}.contact-cta h2{transform:translateY(0)}.contact-email{transform:translateY(25px)}.contact-socials{transform:translateY(10px)}.contact-cta{margin-top:clamp(100px,10vw,160px)}.contact-cta{padding-bottom:clamp(120px,15vw,240px);transform:translateY(50px)}.contact-socials{margin-top:45px}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}*{box-sizing:border-box}html,body{overflow:hidden auto}#root{width:100%;max-width:100%;min-height:100%;overflow:visible}.contact-cta,.contact-cta h2,.contact-email,.contact-socials{transform:none!important}.contact-email{margin-top:55px}.contact-cta{padding-bottom:50px}.menu-brand{cursor:pointer}.about-intro{scroll-margin-top:80px}@media (width<=700px){.project-info span,.project-info span:nth-child(2),.project-info span:nth-child(3){text-align:left}.project-info span:first-child{text-align:right;grid-column:3}.project-info span:nth-child(2){text-align:left;grid-column:1}.project-info span:nth-child(3){text-align:center;grid-column:2}.project-info{grid-template-columns:1fr 1fr 1fr;column-gap:8px}.project-info span:first-child{text-align:left;grid-column:1;font-weight:700}.project-info span:nth-child(2){text-align:center;grid-column:2;font-weight:500}.project-info span:nth-child(3){text-align:right;grid-column:3;font-weight:500}.contact-email{margin-top:20px}.contact-socials{margin-top:10px}}
