@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@300;400;500;600;700&display=swap');
:root{--accent:#b6a185;--paper:#f4f2ed;--ink:#20231f;--line:#d9d8d0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}img{display:block;width:100%;object-fit:cover}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:400;letter-spacing:-.055em}h2{font-size:clamp(36px,4.5vw,65px);line-height:1.12}p{line-height:1.75}.site-header{height:108px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:15px}.brand img{width:39px;height:52px;object-fit:contain}.brand>span{font-size:32px;letter-spacing:.13em;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:.3em;margin-top:8px}.site-header nav{display:flex;gap:36px;font-size:13px}.site-header nav a:hover,.text-link:hover{color:var(--accent)}.contact-link{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:9px}.contact-link span{margin-left:25px;font-size:20px}.menu-button{display:none}.hero{padding:0 2%}.hero-image{height:min(720px,78vh);min-height:550px;position:relative;overflow:hidden;background:#363c36;color:white}.hero-image>img{height:100%;object-position:center 65%;animation:reveal 1.5s ease}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b18134a,transparent 75%),linear-gradient(0deg,#101915bf,transparent 75%)}.hero-index{position:absolute;top:39px;left:3%;font-size:10px;letter-spacing:.2em}.hero-copy{position:absolute;left:6%;bottom:58px;width:78%}.eyebrow{display:block;font-size:10px;letter-spacing:.17em;font-weight:500;margin-bottom:25px}.hero h1{font-size:clamp(64px,8vw,122px);line-height:1.04;max-width:850px;white-space:pre-line}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:35px}.hero-bottom p{font-size:14px;max-width:365px;color:#efefeb}.round-link{width:58px;height:58px;border:1px solid #ffffff70;display:grid;place-items:center;border-radius:50%;font-size:25px}.round-link:hover{background:var(--accent)}.hero-side{position:absolute;right:28px;top:50%;writing-mode:vertical-rl;letter-spacing:.23em;font-size:9px}.hero-caption{display:flex;justify-content:space-between;padding:23px 2.5%;font-size:9px;letter-spacing:.12em}.section{padding:110px 6.5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:48px}.heading-aside p,.section-heading>p{font-size:13px;color:#6c7069}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.filters button{border:1px solid var(--line);border-radius:20px;padding:8px 16px;background:transparent;font-size:11px;color:var(--ink)}.filters button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px 35px;align-items:start}.project-card:nth-child(even){padding-top:100px}.project-card button{padding:0;background:none;border:0;text-align:left;width:100%;color:inherit}.project-image{overflow:hidden;position:relative;background:#deded6}.project-image img{height:440px;transition:transform .7s}.project-card:nth-child(even) img{height:365px}.project-card:hover img{transform:scale(1.035)}.project-image .arrow{position:absolute;right:20px;bottom:20px;border-radius:50%;width:45px;height:45px;background:var(--paper);display:grid;place-items:center;font-size:23px}.project-meta{display:flex;justify-content:space-between;margin-top:22px;gap:15px}.project-meta h3{font-size:28px;letter-spacing:-.04em}.project-meta p{font-size:11px;color:#74766e;margin-top:8px}.project-meta>span{font-size:11px;margin-top:8px}.demo-note{color:#7e8079;font-size:10px;margin-top:30px}.studio{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#e9e8e0}.studio-image{position:relative}.studio-image img{height:620px}.studio-image>span{position:absolute;bottom:28px;left:24px;color:white;font-size:9px;letter-spacing:.15em}.studio-copy{align-self:center}.studio-copy h2{font-size:clamp(34px,3.6vw,53px)}.studio-copy>p{margin:28px 0;color:#6b6e65;font-size:14px}.services{border-top:1px solid #c9cbc0;margin:30px 0}.services>div{padding:20px 0;border-bottom:1px solid #c9cbc0;font-size:13px;display:flex;gap:22px}.services span{color:#8a8e80;font-size:10px}.services b{margin-left:auto;font-weight:400}.text-link{font-size:12px;display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:12px}.viewer-teaser{min-height:380px;background:var(--ink);color:var(--paper);padding:60px;display:flex;gap:12%;align-items:center;position:relative;overflow:hidden}.viewer-teaser h3{font-size:39px;line-height:1.2;margin-bottom:25px}.viewer-teaser p{font-size:11px;color:#b9bdb2;margin-top:17px}.button{display:inline-flex;justify-content:space-between;gap:35px;align-items:center;border:0;background:var(--ink);color:var(--paper);padding:17px 25px;font-size:12px}.button.light{background:var(--paper);color:var(--ink)}.button:hover{filter:brightness(.88)}.viewer-tag{position:absolute;right:35px;top:30px;color:#b7baa8;font-size:13px}.wire-building{width:35%;height:190px;position:relative;transform:skewY(-12deg);border:1px solid #9aab8277;background:repeating-linear-gradient(0deg,transparent 0 30px,#9aab8220 31px 32px),repeating-linear-gradient(90deg,transparent 0 40px,#9aab8220 41px 42px)}.wire-building i{position:absolute;border:1px solid #a7ba8c;inset:30px -30px 25px 40px;transform:skewY(25deg)}.wire-building i:nth-child(2){inset:60px 50px -40px -30px;transform:skewY(0)}.wire-building i:nth-child(3){inset:80px 20px 40px 50px;transform:skewY(0)}.journal{padding-top:10px}.journal-card{display:grid;grid-template-columns:240px 1fr 40px;align-items:center;gap:40px;padding:28px 0;border-top:1px solid var(--line);cursor:pointer}.journal-card img{height:160px}.journal-card h3{font-size:34px;margin:12px 0}.journal-card p{font-size:11px;color:#797b73}.journal-card>span{font-size:30px}.contact{background:var(--accent);padding-top:80px;padding-bottom:65px}.contact h2{font-size:clamp(48px,7vw,100px);line-height:1.1}.contact h2 span{float:right;font-size:100px}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #20231f40;padding-top:35px;margin-top:50px;font-size:12px}.contact-bottom p{font-size:13px}.muted{font-size:11px;margin-top:18px}footer{padding:40px 6.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px}footer .brand{transform:scale(.8);transform-origin:left}footer>a:last-child{border-bottom:1px solid var(--line);padding:8px 0}dialog{border:0;background:var(--paper);color:var(--ink);padding:50px;width:min(1000px,95vw);max-height:92vh}dialog::backdrop{background:#151d19bf;backdrop-filter:blur(5px)}.close-dialog{position:absolute;right:15px;top:12px;background:var(--paper);color:var(--ink);border:0;width:35px;height:35px;font-size:20px;z-index:5}#projectDetail h2{margin:15px 0}#projectDetail .detail-body{white-space:pre-line;max-width:700px;margin:25px 0;color:#686c63}#projectDetail>img{max-height:550px;margin:20px 0}#projectDetail .button{margin:20px 0}.viewer-header h3{font-size:32px;margin-bottom:20px}#viewerCanvas{height:55vh;min-height:280px;background:#e4e3db;position:relative}#viewerCanvas canvas{display:block;width:100%;height:100%}.viewer-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:10px;margin-top:20px}.viewer-controls span{margin-right:auto}.viewer-controls button{border:1px solid var(--line);padding:8px;background:transparent;color:inherit}#modelStatus{font-size:11px;margin-top:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:14px 24px;z-index:100;display:none;max-width:90vw;font-size:13px}[hidden]{display:none!important}.empty{font-size:14px;color:#74766e;padding:30px 0}@keyframes reveal{from{transform:scale(1.04)}to{transform:scale(1)}}@media(max-width:800px){.site-header{height:90px}.site-header nav{gap:18px}.contact-link{display:none}.hero-copy{left:7%;width:85%}.hero-image{min-height:520px;height:75vh}.hero-side{display:none}.hero-caption span:last-child{display:none}.section{padding:70px 6%}.section-heading{display:block}.heading-aside,.section-heading>p{margin-top:25px}.project-grid{gap:30px;grid-template-columns:1fr 1fr}.project-image img{height:300px}.project-card:nth-child(even) img{height:250px}.project-card:nth-child(even){padding-top:60px}.project-meta h3{font-size:22px}.studio{gap:35px}.studio-image img{height:500px}.studio-copy h2{font-size:35px}.viewer-teaser{padding:35px;gap:10%}.viewer-teaser h3{font-size:30px}.journal-card{grid-template-columns:150px 1fr 25px;gap:25px}.journal-card h3{font-size:25px}.journal-card img{height:120px}.contact-bottom{flex-wrap:wrap}dialog{padding:40px 25px}}@media(max-width:540px){.brand>span{font-size:26px}.brand img{width:32px;height:42px}.site-header nav{display:none}.menu-button{display:block;background:transparent;border:0;font-size:23px}.site-header.menu-open nav{display:flex;position:absolute;top:90px;left:0;right:0;background:var(--paper);padding:25px;z-index:10;justify-content:center}.hero h1{font-size:59px}.hero-copy{bottom:40px}.hero-bottom{align-items:center}.hero-bottom p{font-size:12px;max-width:250px}.round-link{flex-shrink:0;width:45px;height:45px}.hero-index{left:7%;font-size:8px;top:25px}.hero-caption{font-size:8px}.project-grid{grid-template-columns:1fr}.project-card:nth-child(even){padding-top:0}.project-image img,.project-card:nth-child(even) img{height:350px}.studio{grid-template-columns:1fr}.studio-image img{height:370px}.studio-copy{padding-top:15px}.viewer-teaser{display:block;padding:40px 25px}.wire-building{width:75%;height:120px;margin:20px 0 80px 15px}.viewer-teaser h3{font-size:34px}.journal-card{grid-template-columns:90px 1fr 20px;gap:15px}.journal-card img{height:105px}.journal-card h3{font-size:23px}.journal-card .eyebrow{font-size:8px}.contact h2{font-size:49px}.contact h2 span{font-size:45px}.contact-bottom{display:block}.contact-bottom .button{margin:25px 0}.contact-bottom>span{display:block}footer{flex-wrap:wrap}footer>span{font-size:9px}footer>a:last-child{margin-left:auto}.viewer-controls{gap:10px}dialog{padding:45px 18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.section h2,.section-heading p,.contact-bottom>p,.viewer-teaser h3{white-space:pre-line;overflow-wrap:anywhere}
.elegant-contact{background:var(--ink);color:var(--paper);border-top:1px solid color-mix(in srgb,var(--accent) 45%,transparent);padding-top:85px;padding-bottom:80px}.elegant-contact>.eyebrow{color:var(--accent);margin-bottom:40px}.contact-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:start}.elegant-contact h2{font-size:clamp(42px,5.5vw,80px);line-height:1.12;white-space:pre-line;letter-spacing:-.05em}.contact-signature{display:block;font-size:8px;letter-spacing:.18em;color:var(--accent);margin-top:45px}.contact-copy>p{white-space:pre-line;color:color-mix(in srgb,var(--paper) 75%,transparent);font-size:14px;line-height:1.85}.contact-networks{margin-top:32px}.network-link{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 0;border-bottom:1px solid color-mix(in srgb,var(--paper) 20%,transparent);transition:color .2s,padding .2s}.network-link:hover{color:var(--accent);padding-left:8px}.network-link strong{display:block;font-size:15px;font-weight:400}.network-link small{display:block;margin-top:8px;font-size:10px;color:color-mix(in srgb,var(--paper) 55%,transparent);overflow-wrap:anywhere}.network-arrow{font-size:25px;font-weight:300}.whatsapp-link{border-top:1px solid color-mix(in srgb,var(--paper) 20%,transparent)}.whatsapp-link strong{font-size:20px}.whatsapp-link .network-arrow{width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;color:var(--accent)}.social-network-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.contact-location{display:flex;justify-content:space-between;align-items:center;margin-top:32px;gap:20px;font-size:11px}.contact-location>span:first-child{font-size:8px;letter-spacing:.14em;color:var(--accent)}.elegant-contact .muted{color:color-mix(in srgb,var(--paper) 55%,transparent)}
.project-carousel{min-height:470px}.carousel-project{display:grid;grid-template-columns:1.6fr 1fr;gap:7%;align-items:center;animation:reveal-project .5s ease}.carousel-photo{position:relative;overflow:hidden;display:block}.carousel-photo>img{height:470px;transition:transform .7s}.carousel-photo:hover>img{transform:scale(1.025)}.carousel-open{position:absolute;bottom:0;left:0;right:0;padding:22px 28px;color:white;background:linear-gradient(transparent,#142019a6);font-size:11px;display:flex;align-items:center;justify-content:space-between}.carousel-open b{font-size:26px;font-weight:400}.carousel-description h3{font-size:clamp(35px,3.5vw,53px);line-height:1.12;overflow-wrap:anywhere}.carousel-description>p{font-size:13px;color:#74776e;margin-top:24px}.carousel-location{display:block;font-size:10px;letter-spacing:.05em;margin:25px 0 35px;color:#74776e}.carousel-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding:25px 0}.carousel-bottom>.text-link{border:0;gap:35px;padding:0}.carousel-controls{display:flex;gap:12px;align-items:center}.carousel-controls>span{font-size:10px;letter-spacing:.1em;margin-right:20px;min-width:55px}.carousel-controls button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 15px;font-size:12px}.carousel-controls button:hover{background:var(--ink);color:var(--paper)}#pauseProjects{min-width:78px;font-size:10px}.portfolio-page{min-height:65vh;padding-top:60px}.back-to-home{display:inline-block;font-size:11px;margin-bottom:60px;color:#74776e}.portfolio-page h1{font-size:clamp(42px,5vw,70px);line-height:1.12;white-space:pre-line}.portfolio-list{border-top:1px solid var(--line)}.portfolio-row{display:grid;grid-template-columns:35px 130px 1fr 60px 35px;gap:30px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);transition:background .25s}.portfolio-row:hover{background:color-mix(in srgb,var(--accent) 9%,transparent)}.portfolio-index{font-size:10px;color:#8d9186}.portfolio-row>img{height:95px}.portfolio-row h2{font-size:31px;letter-spacing:-.04em}.portfolio-row p{font-size:11px;color:#74776e;margin-top:10px}.portfolio-year{font-size:11px}.portfolio-arrow{font-size:26px;justify-self:end}.detail-heading{padding-bottom:30px}.detail-heading h2{font-size:clamp(37px,5vw,66px);overflow-wrap:anywhere}.detail-heading>p{font-size:12px;color:#74776e}#detailMainImage{width:100%;height:min(55vh,570px);object-fit:contain;background:color-mix(in srgb,var(--ink) 6%,var(--paper))}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 0;font-size:10px;letter-spacing:.12em}.gallery-toolbar button{background:transparent;color:var(--ink);border:1px solid var(--line);padding:9px 15px;margin-left:8px}.gallery-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:5px 3px 12px;scroll-snap-type:x proximity}.gallery-thumbnails button{padding:3px;background:transparent;border:1px solid transparent;flex:0 0 95px;scroll-snap-align:start}.gallery-thumbnails button[aria-pressed=true]{border-color:var(--accent)}.gallery-thumbnails img{height:65px;opacity:.65}.gallery-thumbnails button[aria-pressed=true] img,.gallery-thumbnails button:hover img{opacity:1}.detail-story{display:grid;grid-template-columns:180px 1fr;gap:20px;border-top:1px solid var(--line);padding-top:30px;margin-top:25px}.detail-story .eyebrow{padding-top:8px}#projectDetail .detail-story .detail-body{margin:0;font-size:14px;line-height:1.9;overflow-wrap:anywhere}#projectDialog{width:min(1120px,95vw)}
@keyframes reveal-project{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.contact-layout{gap:7%;grid-template-columns:1fr 1fr}.elegant-contact h2{font-size:48px}.carousel-project{gap:5%;grid-template-columns:1.2fr 1fr}.carousel-photo>img{height:390px}.project-carousel{min-height:390px}.carousel-description h3{font-size:36px}.carousel-description>p{font-size:12px}.portfolio-row{gap:20px;grid-template-columns:25px 95px 1fr 40px 25px}.portfolio-row h2{font-size:26px}.detail-story{grid-template-columns:1fr;gap:5px}}@media(max-width:540px){.contact-layout{grid-template-columns:1fr;gap:35px}.elegant-contact{padding-top:60px;padding-bottom:55px}.elegant-contact h2{font-size:49px}.contact-signature{margin-top:25px}.contact-copy>p{font-size:13px}.contact-networks{margin-top:25px}.social-network-grid{gap:0 20px}.network-link strong{font-size:14px}.whatsapp-link strong{font-size:17px}.network-link small{font-size:9px}.carousel-project{grid-template-columns:1fr;gap:27px}.carousel-photo>img{height:320px}.carousel-description h3{font-size:37px}.carousel-description .eyebrow{margin-bottom:15px}.carousel-description>p{margin-top:17px}.carousel-location{margin:15px 0 22px}.carousel-bottom{flex-wrap:wrap;gap:25px}.carousel-controls{width:100%;justify-content:flex-end;gap:9px}.carousel-controls>span{margin-right:auto}.carousel-controls button{padding:10px 13px}.portfolio-page{padding-top:30px}.back-to-home{margin-bottom:40px}.portfolio-row{grid-template-columns:65px 1fr 20px;gap:15px;padding:23px 0}.portfolio-index,.portfolio-year{display:none}.portfolio-row>img{height:75px}.portfolio-row h2{font-size:23px}.portfolio-row p{font-size:10px;line-height:1.5}.portfolio-arrow{font-size:21px}#detailMainImage{height:310px}.detail-heading{padding-bottom:20px}.gallery-thumbnails button{flex-basis:80px}.gallery-thumbnails img{height:55px}.detail-story{margin-top:20px;padding-top:20px}}