*{box-sizing:border-box}
body{margin:0;background:#d8d4cc;color:#11100e;font-family:Roboto,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.12;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:absolute;top:0;left:0;width:100%;height:92px;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}
.brand{display:flex;align-items:center;gap:12px;font-family:"Glacial",Arial,sans-serif;font-weight:700;letter-spacing:.12em}
.brand-mark{display:grid;align-items:center;justify-content:center;width:31px;height:31px;background:#bd5b32;font-family:"Agrandir","Arial Black",sans-serif;font-size:18px}
.site-header nav{display:flex;align-items:center;gap:38px;font-family:"Glacial",Arial,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.site-header nav a{transition:opacity .2s}
.site-header nav a:hover{opacity:.65}
.nav-cta{border:1px solid rgba(255,255,255,.55);padding:13px 17px;display:flex;gap:28px}
.menu-toggle{display:none;background:none;border:0;color:#fff}
.hero{position:relative;min-height:100vh;background:#171714;color:#f4f1e9;display:flex;align-items:flex-end;overflow:hidden;padding:135px 6vw 7vh}
.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(8,8,7,.9) 0%,rgba(8,8,7,.52) 48%,rgba(8,8,7,.22) 100%),url("/uploads/image/windows.jfif") center/cover no-repeat;filter:contrast(1.15)}
.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.13;background:linear-gradient(90deg,transparent calc(50% - .5px),#fff 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#fff 50%,transparent calc(50% + .5px));background-size:25% 100%,100% 25%}
.hero-copy{position:relative;z-index:2;width:100%}
.eyebrow,.section-label{font-family:"Glacial",Arial,sans-serif;font-size:11px;letter-spacing:.2em;font-weight:700}
.eyebrow{margin:0 0 28px;color:#ddd7cd}
.hero h1{font-family:"Agrandir","Arial Black",sans-serif;font-size:9.6vw;line-height:.78;letter-spacing:-.065em;margin:0;max-width:1300px}
.hero h1>span:first-child{font-family:"Glacial",Arial,sans-serif;font-weight:300}
.dot{color:#bd5b32}
.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:46px;padding-left:52%}
.hero-bottom p{font-family:"Glacial",Arial,sans-serif;font-size:1.6vw;line-height:1.25;margin:0}
.round-link{width:63px;height:63px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;align-items:center;justify-content:center;font-size:26px;transition:.25s}
.round-link:hover{background:#bd5b32;border-color:#bd5b32}
.hero-index{position:absolute;z-index:2;top:120px;left:4vw;font-family:"Glacial",Arial,sans-serif;font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl;display:flex;gap:40px}
.hero-side{position:absolute;right:1.7vw;top:42%;z-index:2;writing-mode:vertical-rl;font-size:9px;letter-spacing:.24em}
.section{padding:120px 6vw}
.section-label{display:flex;gap:24px;align-items:center}
.section-label span{color:#bd5b32}
.statement{display:grid;grid-template-columns:25% 75%;min-height:740px;background:#edeae3}
.statement-content{max-width:1000px}
.kicker{font-family:"Glacial",Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:.16em;margin:0 0 70px}
.statement h2{font-family:"Glacial",Arial,sans-serif;font-weight:400;font-size:5.2vw;line-height:1.03;letter-spacing:-.045em;margin:0}
.statement h2 em,.services h2 em,.process h2 em,.contact h2 em,.founder blockquote em{font-family:Georgia,serif;font-weight:400}
.statement-note{width:48%;margin:70px 0 0 auto;display:flex;gap:25px;font-size:14px;line-height:1.6}
.statement-note .line{width:80px;height:1px;background:#bd5b32;margin-top:9px;flex:0 0 auto}
.statement-note p{margin:0}
.architecture{min-height:800px;position:relative;display:flex;align-items:flex-end}
.architecture-image{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.02)),url("/uploads/image/light_room.jfif") center 52%/cover no-repeat}
.architecture-card{position:relative;margin:0 0 0 6vw;background:#bd5b32;color:#fff;width:410px;max-width:84vw;padding:42px 45px}
.architecture-card>span{font-size:10px;letter-spacing:.2em}
.architecture-card p{font-family:"Glacial",Arial,sans-serif;font-size:28px;line-height:1.15;margin:60px 0}
.coordinates{border-top:1px solid rgba(255,255,255,.45);padding-top:20px;font-size:9px;line-height:1.5;letter-spacing:.15em}
.services{background:#11100e;color:#edeae3}
.section-label.light{color:#fff}
.services-intro{display:grid;grid-template-columns:2fr 1fr;gap:10vw;margin:100px 0 90px;align-items:flex-end}
.services h2,.process h2,.contact h2{font-family:"Agrandir","Arial Black",sans-serif;font-size:6vw;line-height:.9;letter-spacing:-.055em;margin:0}
.services-intro p,.process-heading p{font-size:14px;line-height:1.7;max-width:360px;color:#aaa69e}
.service{display:grid;grid-template-columns:10% 1fr auto;align-items:center;gap:20px;border-top:1px solid rgba(255,255,255,.22);padding:32px 12px;transition:.3s}
.service:last-child{border-bottom:1px solid rgba(255,255,255,.22)}
.service:hover{background:#bd5b32;padding-left:28px}
.service-number{font-size:10px;color:#a09d96}
.service h3{font-family:"Glacial",Arial,sans-serif;font-weight:400;font-size:3.2vw;margin:0 0 5px}
.service p{margin:0;color:#96928a;font-size:13px}
.service:hover p,.service:hover .service-number{color:#fff}
.service-arrow{font-size:24px}
.process{background:#edeae3}
.process-heading{display:grid;grid-template-columns:2fr 1fr;align-items:flex-end;gap:10vw;margin:100px 0}
.process-heading p{color:#4e4b46}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0;list-style:none;border-top:1px solid rgba(17,16,14,.22);border-bottom:1px solid rgba(17,16,14,.22)}
.process-grid li{min-height:310px;padding:30px;border-left:1px solid rgba(17,16,14,.22)}
.process-grid li:first-child{border-left:0}
.process-grid span{font-size:9px;letter-spacing:.15em;color:#bd5b32}
.process-grid h3{font-family:"Glacial",Arial,sans-serif;font-weight:400;font-size:29px;margin:85px 0 20px}
.process-grid p{font-size:12px;line-height:1.7;color:#5d5952}
.founder{display:grid;grid-template-columns:1fr 1fr;min-height:780px;background:#191917;color:#eeeae2}
.founder-photo{min-height:650px;background:linear-gradient(rgba(14,14,13,.05),rgba(14,14,13,.34)),url("/uploads/image/me_ind.png") center 22%/cover no-repeat;filter:grayscale(1) contrast(1.06)}
.founder-copy{padding:95px 7vw;display:flex;flex-direction:column;justify-content:center}
.founder blockquote{font-family:"Glacial",Arial,sans-serif;font-size:4vw;line-height:1.03;letter-spacing:-.04em;margin:100px 0 50px}
.founder-copy>p{font-size:13px;line-height:1.8;color:#aaa69f;max-width:500px}
.signature{font-family:"Glacial",Arial,sans-serif;font-size:10px;letter-spacing:.12em;margin-top:40px;color:#bd5b32}
.contact{background:#bd5b32;color:#fff;min-height:760px}
.contact-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.17em;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:22px}
.contact h2{font-size:10vw;margin:65px 0}
.contact h2 em{color:#11100e}
.contact h2 .dot{color:#fff}
.contact-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.45);border-bottom:1px solid rgba(255,255,255,.45);padding:23px 0;font-family:"Glacial",Arial,sans-serif;font-size:2vw;letter-spacing:.04em}
.contact-link span:last-child{font-size:28px}
footer{background:#11100e;color:#aaa69e;min-height:190px;padding:55px 6vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:flex-end;font-size:9px;letter-spacing:.14em}
.footer-brand{color:#fff;align-self:flex-start}
footer p:nth-child(2){text-align:center}
footer p:last-child{text-align:right}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}
.reveal.visible{opacity:1;transform:none}
.image-manifesto{background:#11100e;color:#edeae3;padding:0 6vw 120px;display:grid;grid-template-columns:1.15fr .85fr 1fr;grid-template-rows:360px 430px;gap:16px}.image-panel{position:relative;margin:0;overflow:hidden;background:#272522}.image-panel img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.2) contrast(1.06);transition:transform .7s ease,filter .7s ease}.image-panel:hover img{transform:scale(1.025);filter:grayscale(0) contrast(1.02)}.image-panel figcaption{position:absolute;left:22px;right:22px;bottom:18px;display:flex;justify-content:space-between;color:#fff;font-size:9px;letter-spacing:.18em;text-shadow:0 1px 8px rgba(0,0,0,.8)}.image-panel figcaption span{color:#d26a3d}.image-panel-tall{grid-row:1/3}.image-panel-wide{grid-column:2/4}.image-manifesto-copy{padding:45px 35px;background:#d8d4cc;color:#11100e;display:flex;flex-direction:column;justify-content:space-between}.image-manifesto-copy>span{font-size:9px;letter-spacing:.18em}.image-manifesto-copy p{font-family:"Glacial",Arial,sans-serif;font-size:32px;line-height:1.08;margin:0}.image-manifesto-copy em{font-family:Georgia,serif;font-weight:400;color:#bd5b32}

@media(max-width:800px){.site-header{height:75px}
.menu-toggle{display:flex;flex-direction:column;gap:6px;z-index:2}
.menu-toggle span:not(.sr-only){width:25px;height:1px;background:#fff}
.site-header nav{position:fixed;top:0;right:0;bottom:0;left:0;background:#11100e;flex-direction:column;justify-content:center;font-size:18px;transform:translateX(100%);transition:.35s}
.site-header .open{transform:none}
.nav-cta{margin-top:20px}
.hero{padding:120px 7vw 50px}
.hero h1{font-size:15vw;line-height:.82}
.hero-bottom{padding:0;margin-top:55px}
.hero-index,.hero-side{display:none}
.round-link{width:52px;height:52px}
.section{padding:85px 7vw}
.statement{display:block;min-height:0}
.statement-content{margin-top:80px}
.kicker{margin-bottom:40px}
.statement-note{width:100%;margin-top:50px}
.architecture{min-height:680px}
.services-intro,.process-heading{grid-template-columns:1fr;margin:70px 0}
.services-intro p,.process-heading p{margin-top:20px}
.service{grid-template-columns:40px 1fr auto;padding:25px 0}
.service p{max-width:230px}
.process-grid{grid-template-columns:1fr 1fr}
.process-grid li:nth-child(3){border-left:0;border-top:1px solid rgba(17,16,14,.22)}
.process-grid li:nth-child(4){border-top:1px solid rgba(17,16,14,.22)}
.founder{grid-template-columns:1fr}
.founder-photo{min-height:550px}
.founder-copy{padding:80px 7vw}
.founder blockquote{margin:70px 0 40px}
.contact{min-height:0}
.contact-top span:last-child{display:none}
footer{grid-template-columns:1fr;gap:28px}
footer p:nth-child(2),footer p:last-child{text-align:left;margin:0}
.image-manifesto{padding:0 7vw 85px;grid-template-columns:1fr 1fr;grid-template-rows:420px 260px 320px}.image-panel-tall{grid-row:auto}.image-manifesto-copy{padding:30px 24px}.image-manifesto-copy p{font-size:25px}.image-panel-wide{grid-column:1/3}.image-manifesto .image-panel:last-child{display:none}
}

@media(max-width:520px){.hero-bg{background-position:58% center}
.statement h2{font-size:2.5rem}
.architecture-card{margin:0;width:88%;padding:35px 30px}
.process-grid{grid-template-columns:1fr}
.process-grid li{border-left:0;border-top:1px solid rgba(17,16,14,.22);min-height:230px}
.process-grid li:first-child{border-top:0}
.process-grid h3{margin-top:55px}
.founder-photo{min-height:480px}
.contact h2{font-size:17vw}
.contact-link{font-size:12px}
.image-manifesto{grid-template-columns:1fr;grid-template-rows:440px 240px 340px;padding-left:0;padding-right:0;gap:0}.image-manifesto-copy{margin:0 7vw}.image-panel-wide{grid-column:auto}.image-manifesto .image-panel:nth-of-type(2),.image-manifesto .image-panel:last-child{display:none}
}

.icon{display:block;width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;filter:brightness(0) invert(1)}
.nav-cta{align-items:center}
.nav-cta .icon{font-size:15px}
.round-link{font-size:22px}
.service-arrow{display:grid;align-items:center;justify-content:center;width:46px;height:46px;overflow:hidden;border:1px solid rgba(255,255,255,.38);border-radius:50%;font-size:20px;transition:background .3s,color .3s,border-color .3s}
.service:hover .service-arrow{background:#fff;color:#bd5b32;border-color:#fff}.service:hover .service-arrow .icon{filter:none}
.contact-link .icon{font-size:28px}
.hero-index,.hero-side{display:none}

@media(max-width:800px){.hero-bottom p{font-size:4.5vw}
.services h2,.process h2{font-size:12vw}
.service h3{font-size:7.5vw}
.founder blockquote{font-size:10vw}
.contact-link{font-size:4vw}
}

@media(min-width:1600px){.hero h1{font-size:9.5rem}
.statement h2{font-size:5.8rem}
.services h2,.process h2{font-size:7rem}
.service h3{font-size:3.6rem}
.founder blockquote{font-size:4.5rem}
.contact h2{font-size:11rem}
.contact-link{font-size:1.8rem}
}