html{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Neue Haas Grotesk Display Pro,Helvetica Neue,Helvetica,Arial,sans-serif}body{min-width:320px;min-height:100vh}#root{min-height:100vh}:root{--brand:#58272e;--brand-dark:#3f1c21;--black:#111;--dark:#171717;--white:#fff;--soft-white:#f5f4f2;--grey:#8b8b8b;--line:#00000026}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--white);color:var(--black);margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{width:100%;display:block}.brand-logo{width:210px;height:auto;display:block}.hero{color:#fff;background:#111;width:100%;height:100vh;min-height:720px;position:relative;overflow:hidden}.hero-image{object-fit:cover;will-change:transform;width:100%;height:100%;animation:8s ease-out forwards heroZoom;position:absolute;inset:0;transform:scale(1)}@keyframes heroZoom{0%{transform:scale(1)}to{transform:scale(1.045)}}.hero-overlay{background:linear-gradient(#00000042 0%,#0000000a 42%,#0000006b 100%);position:absolute;inset:0}.site-header{z-index:10;justify-content:space-between;align-items:flex-start;width:100%;padding:32px 42px;display:flex;position:absolute;top:0;left:0}.header-logo{display:inline-block}.main-nav{align-items:center;gap:30px;font-size:14px;display:flex}.main-nav a{padding-bottom:5px;position:relative}.main-nav a:after{content:"";background:var(--brand);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.main-nav a:hover:after{width:100%}.menu-button{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:7px;width:36px;height:24px;margin-left:8px;padding:0;display:flex}.menu-button span{background:#fff;width:100%;height:1px;transition:background-color .25s;display:block}.menu-button:hover span{background:var(--brand)}.hero-content{z-index:5;position:absolute;bottom:48px;left:42px;right:42px}.hero-eyebrow{background:var(--brand);color:#fff;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;padding:8px 12px 7px;font-size:12px;display:inline-block}.hero-content h1{letter-spacing:-.045em;max-width:1100px;margin:0;font-size:clamp(48px,7vw,112px);font-weight:400;line-height:.92}.hero-meta{gap:26px;margin-top:24px;font-size:14px;display:flex}.scroll-button{z-index:8;border:1px solid #ffffffa6;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:background-color .3s,border-color .3s,transform .3s;display:flex;position:absolute;bottom:42px;right:42px}.scroll-button:hover{background:var(--brand);border-color:var(--brand);transform:translateY(3px)}.projects-section{padding:110px 42px 130px}.section-heading{border-top:4px solid var(--brand);justify-content:space-between;align-items:baseline;margin-bottom:54px;padding-top:18px;display:flex;position:relative}.section-heading h2{margin:0;font-size:18px;font-weight:400}.section-number{color:#777;gap:8px;font-size:13px;display:flex}.section-number span:first-child{color:var(--brand);font-weight:600}.project{margin-bottom:84px}.project-featured{width:100%}.project-image-wrap{background:#eee;position:relative;overflow:hidden}.project-image-wrap:after{content:"";border:0 solid var(--brand);pointer-events:none;transition:border-width .25s;position:absolute;inset:0}.project:hover .project-image-wrap:after{border-width:5px}.project-image{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project-featured .project-image{aspect-ratio:16/8.4}.project:hover .project-image{transform:scale(1.018)}.project-info{justify-content:space-between;align-items:flex-start;margin-top:17px;display:flex}.project-info h3{letter-spacing:-.025em;margin:0;font-size:clamp(21px,2vw,30px);font-weight:400;transition:color .25s}.project:hover .project-info h3{color:var(--brand)}.project-meta{color:#555;gap:24px;font-size:13px;display:flex}.project-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.projects-footer{border-top:1px solid var(--line);padding-top:6px}.text-link{align-items:center;gap:14px;width:fit-content;padding-top:17px;font-size:14px;transition:color .25s;display:flex}.text-link span{color:var(--brand);transition:transform .25s}.text-link:hover{color:var(--brand)}.text-link:hover span{transform:translate(3px,-3px)}.studio-section{background:var(--brand);color:#fff;min-height:700px;padding:56px 42px 80px}.studio-label{text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #ffffff73;padding-top:16px;font-size:13px}.studio-content{grid-template-columns:minmax(0,1.8fr) minmax(260px,.65fr);align-items:end;gap:80px;min-height:550px;display:grid}.studio-content h2{letter-spacing:-.05em;max-width:1050px;margin:0;font-size:clamp(48px,6vw,100px);font-weight:400;line-height:.97}.studio-copy{max-width:370px;padding-bottom:8px}.studio-copy p{color:#ffffffd1;margin:0 0 38px;font-size:17px;line-height:1.55}.text-link-light,.text-link-light span{color:#fff}.footer{background:var(--brand-dark);color:#fff;border-top:1px solid #ffffff29;padding:70px 42px 40px}.footer-top{justify-content:space-between;align-items:flex-start;min-height:300px;display:flex}.footer-logo{width:210px}.footer-contact{text-align:right}.footer-label{color:#ffffff8c;margin-bottom:9px;font-size:12px}.footer-contact a{font-size:clamp(20px,2.1vw,30px);position:relative}.footer-contact a:after{content:"";background:#fff;width:0;height:2px;transition:width .35s;position:absolute;bottom:-7px;left:0}.footer-contact a:hover:after{width:100%}.footer-bottom{color:#ffffffa6;border-top:1px solid #ffffff29;grid-template-columns:1fr 1fr 1fr;padding-top:25px;font-size:12px;display:grid}.footer-links{justify-content:center;gap:22px;display:flex}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-copyright{text-align:right}.admin-page{color:#111;background:#f6f6f4;min-height:100vh}.admin-header{border-bottom:4px solid var(--brand);justify-content:space-between;align-items:center;padding:30px 40px;display:flex}.admin-header .brand-logo{width:190px}.admin-header span{font-size:14px}.admin-main{padding:90px 40px}.admin-label{letter-spacing:.08em;color:var(--brand);margin-bottom:20px;font-size:12px}.admin-main h1{letter-spacing:-.06em;margin:0;font-size:clamp(60px,10vw,150px);font-weight:400}.admin-main p{color:#666;margin-top:36px;font-size:18px}@media (width<=900px){.site-header{padding:24px}.brand-logo{width:165px}.main-nav a{display:none}.hero{min-height:640px}.hero-content{bottom:30px;left:24px;right:24px}.hero-content h1{font-size:clamp(46px,12vw,76px)}.scroll-button{display:none}.projects-section{padding:80px 24px 90px}.project-grid{grid-template-columns:1fr;gap:0}.project{margin-bottom:58px}.project-info{flex-direction:column;gap:20px}.project-meta{margin-top:8px}.studio-section{padding:40px 24px 60px}.studio-content{grid-template-columns:1fr;gap:70px;min-height:auto;padding-top:150px}.studio-content h2{font-size:clamp(48px,12vw,74px)}.footer{padding:55px 24px 28px}.footer-top{flex-direction:column;justify-content:space-between;min-height:260px}.footer-contact{text-align:left}.footer-bottom{grid-template-columns:1fr;gap:20px}.footer-links{justify-content:flex-start}.footer-copyright{text-align:left}.admin-header{padding:24px}.admin-main{padding:70px 24px}}@media (prefers-reduced-motion:reduce){.hero-image{animation:none}.project-image,.text-link span,.scroll-button{transition:none}}
