@font-face{font-family:"Urbanist";src:url("../assets/fonts/Urbanist-Thin.otf") format("opentype");font-style:normal;font-weight:100;font-display:swap}@font-face{font-family:"Urbanist";src:url("../assets/fonts/Urbanist-Bold.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
:root{--black:#111;--orange:#d64129;--cream:#f6ede6;--shell:min(1440px,100% - 9vw)}*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:"Urbanist",Arial,sans-serif;font-weight:100;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.portfolio-header{position:fixed;z-index:10;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;padding:0 4.5vw;border-bottom:1px solid transparent;transition:height .35s cubic-bezier(.22,1,.36,1),background .35s ease,border-color .35s ease}.portfolio-header.is-solid{height:48px;background:rgba(17,17,17,.92);border-color:rgba(246,237,230,.14);backdrop-filter:blur(12px)}.portfolio-brand{width:68px;transition:width .35s cubic-bezier(.22,1,.36,1)}.portfolio-header.is-solid .portfolio-brand{width:42px}.portfolio-brand img{display:block;width:100%}.portfolio-back{font-size:10px;letter-spacing:.15em;text-transform:uppercase;transition:color .2s ease}.portfolio-back:hover{color:var(--orange)}.portfolio-language{justify-self:end;display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:.13em}.portfolio-language button{border:0;padding:4px 0;background:none;opacity:.52;cursor:pointer}.portfolio-language button.is-active,.portfolio-language button:hover{color:var(--orange);opacity:1}.portfolio-language span{color:rgba(246,237,230,.4)}
.architecture-hero{display:flex;align-items:flex-end;min-height:82svh;padding:0 max(4.5vw,calc((100vw - 1440px)/2));background:radial-gradient(circle at 80% 22%,rgba(214,65,41,.22),transparent 28%),linear-gradient(135deg,#1d1b19,#111 67%)}.hero-content{width:min(1180px,100%);padding:clamp(132px,18vh,220px) 0 7vh}.portfolio-mark{margin:0;color:var(--orange);font-size:10px;letter-spacing:.16em;text-transform:uppercase}h1,h2,strong{font-family:"Urbanist",Arial,sans-serif;font-weight:700}h1{max-width:12ch;margin:26px 0 0;font-size:clamp(64px,10vw,172px);line-height:1.06;letter-spacing:-.02em}h1 em,h2 em{color:var(--orange);font-style:normal}.hero-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:clamp(58px,10vh,126px)}.hero-footer p{width:min(31rem,64vw);margin:0;font-size:clamp(15px,1.35vw,19px);line-height:1.48}.scroll-cue{display:flex;gap:28px;min-width:152px;padding:12px 0;border-bottom:1px solid var(--cream);font-size:10px;letter-spacing:.14em;text-transform:uppercase;transition:color .2s,border-color .2s}.scroll-cue:hover{color:var(--orange);border-color:var(--orange)}.scroll-cue b{font-size:17px;font-weight:100}
.render-archive{padding:clamp(112px,16vw,228px) max(4.5vw,calc((100vw - 1440px)/2));background:var(--cream);color:var(--black)}.archive-heading{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(0,1fr);gap:4vw;max-width:1250px;margin:0 auto clamp(70px,10vw,130px)}.archive-heading .portfolio-mark{padding-top:10px}.archive-heading>div{max-width:760px}.archive-heading h2{margin:0;font-size:clamp(54px,7.6vw,130px);line-height:1.06;letter-spacing:-.02em}.archive-heading>div>p{max-width:31rem;margin:38px 0 0;font-size:clamp(16px,1.35vw,20px);line-height:1.48;color:#51453e}.render-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,5vw,76px) clamp(18px,2.2vw,34px);max-width:1440px;margin:0 auto}.render-card{min-width:0;margin:0}.render-visual{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0b0b0b}.render-visual img{display:block;width:100%;height:100%;object-fit:cover;background:#191715}.render-card figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-top:15px;padding-top:13px;border-top:1px solid rgba(17,17,17,.28)}.render-card figcaption span{color:var(--orange);font-size:10px;letter-spacing:.14em}.render-card figcaption strong{font-size:clamp(24px,2.8vw,44px);line-height:1.06;letter-spacing:-.02em}.portfolio-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;min-height:40svh;padding:clamp(44px,8vw,110px) 4.5vw 28px;background:var(--black);color:var(--cream)}.portfolio-footer>a{font:700 clamp(33px,5vw,78px)/1.06 "Urbanist",Arial,sans-serif;letter-spacing:-.02em}.portfolio-footer>a:hover{color:var(--orange)}.portfolio-footer a span{color:var(--orange);font-size:.55em}.portfolio-footer p{margin:0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(246,237,230,.65)}
@media(max-width:850px){:root{--shell:min(1440px,100% - 12vw)}.portfolio-header{height:70px;padding:0 6vw;grid-template-columns:1fr auto 1fr}.portfolio-header.is-solid{height:46px}.portfolio-brand{width:58px}.portfolio-header.is-solid .portfolio-brand{width:42px}.portfolio-back{justify-self:center;font-size:9px}.portfolio-language{font-size:9px}.architecture-hero{min-height:74svh;padding:0 6vw}.hero-content{padding-top:120px;padding-bottom:5.5svh}h1{font-size:clamp(55px,14.2vw,92px)}.hero-footer{margin-top:auto;padding-top:60px}.hero-footer p{font-size:15px}.scroll-cue{min-width:auto;gap:12px}.scroll-cue span{display:none}.render-archive{padding:100px 6vw}.archive-heading{grid-template-columns:1fr;gap:20px;margin-bottom:56px}.archive-heading .portfolio-mark{padding-top:0}.archive-heading h2{font-size:clamp(48px,12.4vw,82px)}.archive-heading>div>p{margin-top:28px;font-size:16px}.render-grid{grid-template-columns:1fr;gap:48px}.render-card figcaption{margin-top:12px;padding-top:11px}.render-card figcaption strong{font-size:clamp(26px,7vw,38px)}.portfolio-footer{min-height:34svh;padding:54px 6vw 24px;flex-direction:column;align-items:flex-start}.portfolio-footer p{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio-header{transition:none}}