*{box-sizing:border-box}body,html{margin:0;overflow-x:hidden;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Suisse Intl Mono;font-style:normal;font-weight:400;src:url(/static/media/fonnts.com-Suisse_Intl_Mono.8075c11e80e9aa9eddda.ttf) format("truetype")}*,:after,:before{cursor:none!important}:root{--grid-columns-desktop:12;--grid-columns-tablet:8;--grid-columns-mobile:4;--grid-gutter-desktop:24px;--grid-gutter-tablet:20px;--grid-gutter-mobile:16px;--grid-margin-desktop:120px;--grid-margin-tablet:80px;--grid-margin-mobile:24px;--baseline-grid:8px;--spacing-xs:24px;--spacing-sm:48px;--spacing-md:72px;--spacing-lg:120px}body{background-image:linear-gradient(180deg,#00000008 1px,#0000 0);background-position:0 0;background-size:100% 8px;background-size:100% var(--baseline-grid)}.App{background-color:#f5f5f3;max-width:100vw;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.custom-cursor{background-color:#333;border-radius:50%;display:block;height:16px;mix-blend-mode:difference;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:all .2s ease-out;width:16px;will-change:transform,width,height;z-index:9999}.custom-cursor.cursor-hover{height:24px;width:24px}@media (max-width:768px){.custom-cursor{display:none}body,html{cursor:auto}}.grid-container{grid-gap:24px;grid-gap:var(--grid-gutter-desktop);align-content:start;box-sizing:border-box;display:grid;gap:24px;gap:var(--grid-gutter-desktop);grid-template-columns:repeat(12,1fr);grid-template-columns:repeat(var(--grid-columns-desktop),1fr);margin:0 auto;max-width:1440px;min-height:100vh;padding:0 120px;padding:0 var(--grid-margin-desktop);width:100%}.grid-item-1{grid-column:span 1}.grid-item-2{grid-column:span 2}.grid-item-3{grid-column:span 3}.grid-item-4{grid-column:span 4}.grid-item-5{grid-column:span 5}.grid-item-6{grid-column:span 6}.grid-item-7{grid-column:span 7}.grid-item-8{grid-column:span 8}.grid-item-9{grid-column:span 9}.grid-item-10{grid-column:span 10}.grid-item-11{grid-column:span 11}.grid-item-12{grid-column:span 12}.spacing-xs{margin-bottom:24px;margin-bottom:var(--spacing-xs)}.spacing-sm{margin-bottom:48px;margin-bottom:var(--spacing-sm)}.spacing-md{margin-bottom:72px;margin-bottom:var(--spacing-md)}.spacing-lg{margin-bottom:120px;margin-bottom:var(--spacing-lg)}@media (max-width:1024px) and (min-width:769px){.grid-container{gap:20px!important;gap:var(--grid-gutter-tablet)!important;grid-template-columns:repeat(8,1fr)!important;grid-template-columns:repeat(var(--grid-columns-tablet),1fr)!important;padding:0 80px!important;padding:0 var(--grid-margin-tablet)!important}header{grid-column:1/3!important}nav{gap:60px!important;grid-column:3/9!important}.tagline-column{grid-column:3/5!important;margin-top:60px!important}.project-image-column{grid-column:1/5!important;grid-row:3!important}.bathroom-image-column{grid-column:5/9!important;grid-row:3!important}.bathroom-image{width:100%!important}}@media (max-width:768px){.grid-container{gap:16px!important;gap:var(--grid-gutter-mobile)!important;grid-template-columns:repeat(4,1fr)!important;grid-template-columns:repeat(var(--grid-columns-mobile),1fr)!important;padding:0 24px!important;padding:0 var(--grid-margin-mobile)!important}nav{display:none!important}.hamburger-menu{display:flex!important}header{grid-column:1/3!important}.hamburger-menu{align-self:center!important;grid-column:4/5!important;position:relative!important;right:-40px!important}.tagline-column{grid-column:1/5!important;margin-top:32px!important}.tagline{font-size:14px!important;line-height:1.3!important}.project-image-column{grid-column:1/5!important;grid-row:3!important;margin-top:16px!important}.bathroom-image-column{grid-column:1/5!important;grid-row:4!important;margin-top:8px!important}.bathroom-image,.project-image{max-height:calc(50vh - 60px)!important}.bathroom-image{width:100%!important}.image-button{font-size:10px!important;height:20px!important;width:100px!important}}.full-width{grid-column:1/-1}.half-width{grid-column:span 6}.third-width{grid-column:span 4}.quarter-width{grid-column:span 3}.nav-start-7{grid-column:7/-1}.tagline-column{grid-column:4/7;grid-row:2;margin-top:40px}.bathroom-image-column,.project-image-column{align-items:flex-end;display:flex;margin-top:16px;position:relative}.project-image-column{grid-column:1/7;grid-row:3}.bathroom-image-column{grid-column:7/-1;grid-row:3;position:relative}.bathroom-image-column:after{background:inherit;content:"";height:100%;position:absolute;right:-100px;top:0;width:100px}.logo{display:block;height:auto;max-width:100%}header{align-items:flex-start}header,nav{display:flex;justify-content:flex-start}nav{align-items:center;gap:88px}.nav-link{color:#333;font-family:Suisse Intl Mono,monospace;font-size:12px;font-weight:400;letter-spacing:.5px;text-decoration:none;text-transform:uppercase;transition:color .2s ease;white-space:nowrap}.nav-link:hover{color:#666}.hamburger-menu{align-items:center;align-self:center;background:none;border:none;cursor:pointer;display:none;flex-direction:column;grid-column:12/13;grid-row:1;height:24px;justify-content:center;padding:0;width:24px;z-index:10}.hamburger-line{background-color:#333;height:2px;margin:3px 0;transition:all .3s ease;width:24px}.mobile-menu{background-color:#f5f5f3;bottom:0;gap:40px;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.close-menu,.mobile-menu{align-items:center;display:flex;flex-direction:column;justify-content:center}.close-menu{background:none;border:none;cursor:pointer;height:30px;position:absolute;right:30px;top:30px;width:30px;z-index:1001}.close-line{background-color:#333;height:2px;position:absolute;transition:all .3s ease;width:24px}.close-line:first-child{transform:rotate(45deg)}.close-line:last-child{transform:rotate(-45deg)}.mobile-nav-link{color:#333;font-family:Suisse Intl Mono,monospace;font-size:24px;font-weight:400;letter-spacing:1px;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.mobile-nav-link:hover{color:#666}.tagline{color:#333;font-family:Suisse Intl,sans-serif;font-size:16px;font-weight:500;line-height:1.4;margin:0}.project-image{display:block;height:auto;max-height:calc(100vh - 120px);object-fit:cover;width:100%}.image-button{background-color:#f5f5f3;border:none;bottom:0;color:#333;cursor:pointer;font-family:Suisse Intl Mono,monospace;font-size:12px;height:24px;left:0;letter-spacing:.5px;position:absolute;text-transform:uppercase;width:120px;z-index:1}.bathroom-image{display:block;height:auto;max-height:calc(100vh - 120px);object-fit:cover;width:calc(100% + 100px)}
/*# sourceMappingURL=main.47f61d63.css.map*/