html{scrollbar-color:#a49f96 var(--paper)}[hidden]{display:none!important}.section-space{padding:150px var(--gutter)}.text-link{display:inline-block;border-bottom:1px solid var(--ink);margin-top:25px;padding-bottom:6px;font-weight:500}.explode-shell{height:400svh}.explode-scene{background:var(--paper);isolation:isolate}.diagram-title{position:absolute;top:120px;left:var(--gutter);font:500 11px/1.5 Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase}.stage-words{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.stage-word{font:300 clamp(100px,18vw,310px)/.9 "Barlow Condensed",sans-serif;letter-spacing:-.03em;text-align:center;position:absolute;opacity:0;color:#bbb8b1;max-width:90%}.stage-word.active{opacity:1}.exploded-villa{inset:0;z-index:2}.leader-lines{position:absolute;inset:0;width:100%;height:100%;z-index:3;fill:none;stroke:var(--ink);stroke-width:.6;pointer-events:none;opacity:0}.diagram-labels{position:absolute;inset:0;z-index:4;pointer-events:none}.diagram-label{position:absolute;display:flex;gap:13px;align-items:flex-start;font-size:13px;font-weight:500;line-height:1.3;opacity:0}.diagram-label small{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-top:5px;color:#57544f}.label-number{color:var(--red);font-size:11px;line-height:1.5}.label-0{left:var(--gutter);top:70%}.label-1{left:var(--gutter);top:42%}.label-2{right:var(--gutter);top:25%;width:150px}.label-3{right:var(--gutter);top:59%;width:150px}.stage-caption{max-width:480px;letter-spacing:0;text-transform:none;font-size:14px}.mask-shell{height:220svh}.mask-scene{background:var(--paper);display:flex;justify-content:center;align-items:center}.wordmark-mask{width:100%;height:100%;position:absolute;inset:0;display:grid;place-items:center;--mask-scale:8}.mask-letter-group{font:600 clamp(96px,22vw,340px)/.9 "Barlow Condensed",sans-serif;letter-spacing:-.03em;white-space:nowrap;background-image:url(../img/photos/square-one-mall-960.webp);background-size:cover;background-position:center;color:transparent;background-clip:text;-webkit-background-clip:text;transform:scale(var(--mask-scale));transform-origin:center}.mask-scene h2{font-size:40px;position:absolute;top:68%;opacity:1;font-weight:300}.about h2{font-size:clamp(38px,5vw,74px);max-width:620px}.about-lead{font-family:Barlow Condensed,sans-serif;font-size:clamp(35px,4.5vw,70px);line-height:1.1;letter-spacing:-.015em;max-width:1150px;margin:55px 0 0}.about-lead span{color:#85827c}.about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:90px;align-items:start}.experience{display:flex;align-items:center;gap:28px}.counter{font:300 clamp(130px,14vw,220px)/.85 "Barlow Condensed",sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.experience p{font-size:11px;letter-spacing:.1em;font-weight:500;line-height:1.8}.experience p span{color:#656059}.about-detail{max-width:570px}.about-detail p+p{margin-top:20px}.gallery-shell{height:600svh;position:relative}.gallery-scene{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;isolation:isolate}.gallery-track{display:flex;width:600%;height:100%;position:relative;z-index:2;will-change:transform}.gallery-panel{position:relative;width:calc(100% / 6);height:100%;flex-shrink:0;overflow:hidden}.gallery-panel>img{width:100%;height:100%;object-fit:cover}.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.52) 100%)}.gallery-panel h2{position:absolute;left:5vw;bottom:14%;font-size:clamp(95px,13vw,215px);font-weight:300;letter-spacing:-.025em;line-height:.83;color:#fff;width:90%;text-wrap:balance;pointer-events:none}.gallery-caption{position:absolute;bottom:40px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:35px;color:#fff;font-size:11px;letter-spacing:.13em;font-weight:500}.gallery-project-link{position:absolute;inset:0}.gallery-project-link:focus-visible{outline-offset:-10px}.gallery-webgl{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .4s}.gallery-webgl canvas{width:100%;height:100%;display:block}.gallery-scene.depth-ready .gallery-webgl{opacity:1}.gallery-scene.depth-ready .gallery-panel>img{opacity:0}.gallery-progress{position:absolute;z-index:5;left:var(--gutter);bottom:22px;width:calc(100% - 2 * var(--gutter));height:1px;background:#ffffff4d}.gallery-progress span{display:block;height:100%;width:100%;transform:scaleX(.1667);transform-origin:left;background:#fff}.services{background:#0f0f0f;color:#edebe6;padding-bottom:120px}.services>h2{font-size:42px;font-weight:300;margin-bottom:75px}.service-row{display:grid;grid-template-columns:40px 240px 1fr 45px;gap:30px;align-items:center;position:relative;isolation:isolate;min-height:210px;border-top:1px solid rgba(237,235,230,.16);padding:28px 0;overflow:hidden}.service-row:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1)}.service-row img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:-1;transition:opacity .4s,transform .8s;transform:scale(1.04)}.service-row.active img,.service-row:focus-visible img{opacity:.25;transform:scale(1)}.service-row.active:after,.service-row:focus-visible:after{transform:scaleX(1)}.service-number{font-size:11px;align-self:start;margin-top:15px}.service-row p{font-size:13px;line-height:1.65;max-width:220px}.service-row h3{font-size:clamp(70px,8.5vw,150px);font-weight:300;letter-spacing:-.02em}.row-arrow{width:42px;fill:none;stroke:currentColor;stroke-width:1}.projects-heading{max-width:1000px}.projects-heading h2{font-size:clamp(50px,7vw,110px);max-width:950px}.projects-heading p{max-width:750px;margin-top:28px}.projects-heading p+p{margin-top:16px}.project-tabs{display:flex;gap:35px;align-items:center;margin:70px 0 50px;padding-bottom:18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.project-tabs button{background:transparent;padding:8px 0;font-size:15px;position:relative;min-height:44px}.project-tabs button:after{content:"";height:2px;background:var(--red);position:absolute;left:0;right:0;bottom:0;transform:scaleX(0);transition:transform .2s}.project-tabs button[aria-pressed=true]:after{transform:scaleX(1)}.project-count{margin-left:auto;font-variant-numeric:tabular-nums;font-size:12px;color:#56514b}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 5vw}.project-item:nth-child(4n+2){padding-top:90px}.project-item:nth-child(4n+3){margin-top:-40px}.project-item.filtered{padding-top:0;margin-top:0}.project-image{position:relative;overflow:hidden;aspect-ratio:4/3}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.16,1,.3,1)}.project-image>span{position:absolute;bottom:18px;left:20px;font-size:11px;letter-spacing:.12em;background:var(--paper);padding:5px 9px}.project-info{padding-top:20px}.project-info h3{font-size:29px;font-weight:500;line-height:1.1}.project-info p{font-size:11px;letter-spacing:.08em;margin-top:7px;color:#57544f}.more-projects{margin-top:70px}footer{padding:20px var(--gutter) 30px}.contact-top{display:flex;align-items:center;justify-content:space-between;position:relative;min-height:280px;gap:30px}.contact-top h2{font:300 clamp(80px,11vw,165px)/.9 "Barlow Condensed",sans-serif;letter-spacing:-.03em}.footer-villa{height:250px;width:310px;position:relative;flex-shrink:0}.office-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8vw;margin-top:80px;padding-top:40px;border-top:1px solid var(--line)}address{font-style:normal}address h3{font-size:30px;font-weight:500;line-height:1.1}address p{font-size:15px;line-height:1.6;max-width:300px;margin:20px 0}.office-tel{display:block;font-size:18px}.office-wa{display:inline-block;margin-top:18px;font-size:13px;border-bottom:1px solid var(--red);padding-bottom:4px}.footer-links{display:flex;justify-content:space-between;gap:30px;margin-top:70px;font-size:13px}.footer-links>div{display:flex;gap:25px;flex-wrap:wrap}.footer-wordmarks{font:600 25.5vw/.83 Barlow Condensed,sans-serif;letter-spacing:-.035em;white-space:nowrap;margin:90px -1vw 20px;overflow:hidden;padding-bottom:1px}.footer-wordmarks .echo{-webkit-text-stroke:.6px #a9a59e;color:transparent;margin-top:20px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;font-size:11px;border-top:1px solid var(--line);padding-top:22px}.footer-bottom>div{display:flex;gap:25px}.header.dark{color:#edebe6}.header.dark .logo img{filter:brightness(0) invert(1)}.header.dark .menu-toggle{color:#edebe6}.header.scrolled{background:#f6f4f0eb;padding:0 20px;border-radius:4px;left:calc(var(--gutter) - 20px);right:calc(var(--gutter) - 20px)}.header.dark.scrolled{background:#0f0f0feb}@media(hover:hover)and (pointer:fine){.pill:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}.header nav a:hover,.footer-links a:hover{color:var(--red)}.project-item a:hover img{transform:scale(1.035)}.service-row:hover img{opacity:.25;transform:scale(1)}.service-row:hover:after{transform:scaleX(1)}}@media(max-width:1100px)and (min-width:900px){.header nav{gap:17px}.header{gap:20px}.service-row{grid-template-columns:30px 200px 1fr 35px;gap:18px}.office-grid{gap:35px}.footer-villa{width:230px}}@media(max-width:899px){.section-space{padding:95px 22px}.explode-shell{height:180svh}.explode-scene{position:sticky;min-height:640px}.diagram-title{top:95px;left:22px}.stage-word{font-size:23vw;max-width:98%;top:23%}.exploded-villa{top:12%;height:80%;width:100%}.label-0{left:22px;top:75%}.label-1{left:22px;top:38%}.label-2{right:22px;top:19%;width:110px}.label-3{right:22px;top:62%;width:110px}.diagram-label{font-size:11px;gap:7px}.diagram-label small{font-size:9px}.stage-caption{font-size:12px;max-width:265px}.mask-shell{height:100svh}.mask-scene{min-height:550px}.wordmark-mask{width:100%;left:0;--mask-scale:1}.mask-scene h2{font-size:32px;top:65%}.about-lead{font-size:37px;margin-top:35px}.about-bottom{grid-template-columns:1fr;gap:45px;margin-top:50px}.experience{gap:30px}.counter{font-size:160px}.about-detail{font-size:16px}.gallery-shell{height:auto}.gallery-scene{height:auto;min-height:0;position:relative;overflow:visible}.gallery-track{display:block;width:100%;will-change:auto;transform:none!important}.gallery-panel{width:100%;height:85svh;min-height:550px}.gallery-panel h2{font-size:clamp(66px,15vw,110px);left:22px;bottom:16%;width:88%}.gallery-caption{bottom:30px;left:22px;right:22px;font-size:10px;gap:25px}.gallery-caption>span:first-child{max-width:72%}.gallery-progress,.gallery-webgl{display:none}.services>h2{font-size:34px;margin-bottom:50px}.service-row{grid-template-columns:25px 1fr 25px;gap:13px;min-height:230px;padding:30px 0}.service-number{grid-row:1}.service-row p{grid-column:2;grid-row:2;font-size:12px;max-width:235px}.service-row h3{grid-column:2;grid-row:1;font-size:clamp(48px,11vw,85px)}.row-arrow{grid-column:3;grid-row:1;width:25px}.projects-heading p{font-size:15px}.project-tabs{gap:19px;margin-top:40px;margin-bottom:35px}.project-tabs button{font-size:13px}.project-grid{grid-template-columns:1fr;gap:45px}.project-item:nth-child(n){padding-top:0;margin-top:0}.project-info h3{font-size:27px}.project-image{aspect-ratio:4/3}.more-projects{margin-top:50px}footer{padding:95px 22px 25px}.contact-top{flex-wrap:wrap;gap:20px;min-height:0}.contact-top h2{font-size:87px;width:100%;max-width:600px}.footer-villa{width:50%;height:160px;order:2}.contact-top>.pill{order:1}.office-grid{grid-template-columns:1fr;gap:45px;margin-top:50px;padding-top:35px}address p{max-width:340px;font-size:15px;margin:15px 0}.footer-links{flex-direction:column;gap:30px;margin-top:50px}.footer-links>div{gap:16px}.footer-wordmarks{font-size:26.6vw;margin-top:65px}.footer-bottom{flex-direction:column;gap:16px;font-size:10px}.header.scrolled{left:10px;right:10px;padding:0 10px}.header.menu-open{color:var(--ink);background:none}.header.menu-open nav{display:flex;position:fixed;inset:0;z-index:-1;background:var(--paper);padding:110px 30px 55px;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}.header.menu-open nav a{font:300 52px/1 Barlow Condensed,sans-serif;padding:10px;min-height:44px}.header.menu-open .logo img{filter:none}.menu-lines{width:17px;height:10px;position:relative;border-top:1px solid;border-bottom:1px solid;transition:transform .2s}.menu-open .menu-lines{border-bottom:0;transform:rotate(45deg);height:0}.menu-open .menu-lines:after{content:"";position:absolute;inset:-1px 0 auto;height:1px;background:currentColor;transform:rotate(90deg)}}@media(prefers-reduced-motion:reduce){.explode-shell,.mask-shell{height:auto}.scene,.gallery-scene{position:relative}.explode-scene{height:110svh;min-height:700px}.diagram-label,.leader-lines{opacity:1}.stage-words{opacity:.4}.wordmark-mask{--mask-scale:1}.gallery-shell{height:auto}.gallery-scene{height:auto;overflow:visible}.gallery-track{display:block;width:100%;transform:none!important}.gallery-panel{width:100%;height:85svh;min-height:550px}.gallery-webgl{display:none}.gallery-panel>img{opacity:1!important}.gallery-progress{display:none}.about-lead span{color:var(--ink)}.villa-poster{opacity:1!important}.villa-host canvas{display:none}}.depth-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.gallery-panel .photo-shade,.gallery-panel h2,.gallery-panel .gallery-caption{z-index:2}.gallery-project-link{z-index:3}@media(max-width:899px){.gallery-panel.depth-ready>img{opacity:0}.gallery-scene.depth-ready .gallery-panel:not(.depth-ready)>img{opacity:1}}.villa-host>picture{display:block;width:100%;height:100%}.header.menu-open .menu-toggle{color:var(--ink)}.pill:active{transform:scale(.98)}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.project-image{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s cubic-bezier(.16,1,.3,1)}}