.brand{display:flex;align-items:center;gap:18px}.brand #studioWordmark{font-size:29px;letter-spacing:-2px;margin:0;font-weight:600}.brand .brand-sub{margin:0;font-size:9px;letter-spacing:1.4px}.brand img{max-width:165px;height:46px;object-fit:contain}.text-button{border:0;background:none;color:inherit;font-size:12px;padding:0;cursor:pointer}.text-button:hover{text-decoration:underline}.build{height:420vh;margin-top:38px;background:#deded4}.stage{padding:0;min-height:620px}.real-build{position:absolute;inset:0 0 0 48%;overflow:hidden;background:#bfc6bd}.construction-frame{position:absolute;inset:0;background:url('assets/construction.png') 0% center/500% 100% no-repeat;will-change:opacity}.build-statement{position:absolute;left:4%;top:30%;width:39%}.build-statement h2{font:400 clamp(40px,5vw,76px)/1.07 Manrope,sans-serif;letter-spacing:-3px;margin:25px 0}.build-statement p{color:#6b7163;font-size:14px;line-height:1.8}.build-statement a{display:inline-block;font-size:11px;border-bottom:1px solid;margin-top:30px;padding-bottom:8px}.stage-top{z-index:2;right:55%}.stage-top span:last-child{display:none}.stage-bottom{z-index:3;background:#eeede7ed;left:0;right:0;bottom:0;padding:28px 4%;grid-template-columns:1fr 1.3fr 1fr;backdrop-filter:blur(12px)}.stage-count strong{font-size:36px}.stage-count br{display:none}.stage-count .tag{display:none}.interior{height:480vh;background:#272c24}.interior-stage{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;color:#fff}.room-image{position:absolute;inset:0;background-image:url('assets/interiors.png');background-size:200% 200%;background-position:0% 0%;will-change:transform,opacity}.room-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 30%,#0002 45%,#000b)}.interior-top{position:absolute;top:35px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:12px}.room-copy{position:absolute;left:5%;bottom:160px;max-width:620px}.room-copy h2{font:400 clamp(43px,6vw,88px)/1.05 Manrope,sans-serif;letter-spacing:-3px;margin:20px 0}.room-copy p{font-size:14px;line-height:1.7;max-width:400px;color:#eee}.room-nav{position:absolute;bottom:70px;left:5%;right:5%;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.room-nav button{border:0;border-top:1px solid #fff6;padding:16px 0;background:none;color:#fffa;text-align:left;font-size:11px;cursor:pointer}.room-nav button.active{border-top:2px solid #fff;color:#fff}.interior-credit{position:absolute;bottom:26px;left:5%;font-size:10px;letter-spacing:.5px;color:#fffb}.portfolio-tools{display:flex;justify-content:space-between;align-items:center;margin:0 0 30px}.filters{display:flex;gap:8px}.filters button{border:1px solid var(--line);background:transparent;padding:9px 17px;border-radius:25px;font-size:11px;cursor:pointer}.filters button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.project-visual{height:370px;overflow:hidden;position:relative;background:#d3d6c9}.project-visual .atlas{width:100%;height:100%;background-image:url('assets/interiors.png');background-size:200% 200%;transition:transform .6s}.project-visual.exterior .atlas{background-image:url('assets/construction.png');background-size:500% 100%;background-position:100% center}.project-visual img{height:100%;width:100%;object-fit:cover}.project-open{display:block;border:0;background:none;width:100%;padding:0;text-align:left;cursor:pointer;color:inherit}.project-open:hover .atlas{transform:scale(1.035)}.portfolio-note{font-size:11px;color:var(--muted);margin:30px 0 0}.project:nth-child(2n){margin-top:70px}.projects:empty{display:block}.empty-projects{font-size:14px;padding:50px;border:1px dashed var(--line)}dialog{max-height:90svh;overflow:auto;max-width:620px}dialog label{display:block;font-size:12px;margin:22px 0}dialog input,dialog textarea,dialog select{display:block;width:100%;background:#fff8;border:1px solid #bdc1b3;padding:12px;margin-top:8px;font:inherit;color:var(--ink)}dialog small{display:block;color:#757d69;margin-top:5px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading button,.detail-close{border:0;font-size:22px;padding:0 5px}.form-actions{display:flex;gap:15px;flex-wrap:wrap}.form-actions button{font-size:12px}#projectDetail{padding:0;max-width:950px}#detailImage{height:420px;background-size:200% 200%;background-repeat:no-repeat;background-color:#ccc}#detailImage img{width:100%;height:100%;object-fit:cover}.detail-copy{padding:30px}.detail-close{position:absolute;right:15px;top:15px;background:var(--paper);border-radius:100%;width:36px;height:36px}.contact-button{font-size:13px}button:focus-visible,a:focus-visible{outline:2px solid #889865;outline-offset:5px}[hidden]{display:none!important}@media(min-width:1600px){.real-build{left:55%}}@media(max-width:700px){.brand .brand-sub{display:none}.brand #studioWordmark{font-size:24px}.brand img{max-width:95px;height:35px}header nav{gap:13px}.build{height:370vh}.stage{min-height:600px}.real-build{inset:0 0 100px 0}.real-build:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0007,transparent 45%)}.build-statement{top:90px;left:5%;width:85%;color:white;z-index:1}.build-statement h2{font-size:43px;letter-spacing:-2px;margin:15px 0}.build-statement p,.build-statement a{display:none}.stage-top{left:5%;right:5%;color:white}.stage-bottom{padding:20px 5%;grid-template-columns:1fr}.stage-bottom .phase-note{display:none}.stage-bottom .progress{margin:0}.stage-count{display:none}.phase{margin:4px 0}.interior-top{font-size:10px}.interior-top .eyebrow{max-width:180px;line-height:1.7}.room-image{inset:0 -45%;background-size:200% 200%}.room-copy{bottom:195px;right:5%}.room-copy h2{letter-spacing:-2px}.room-nav{bottom:65px;gap:8px;grid-template-columns:repeat(2,1fr)}.room-nav button{padding:12px 0}.interior-credit{font-size:8px;right:5%}.portfolio-tools{align-items:start;gap:20px;flex-direction:column}.project:nth-child(2n){margin-top:10px}.project-visual{height:300px}#detailImage{height:300px}.filters button{padding:9px 13px}.brand{gap:0}}
@media(prefers-reduced-motion:reduce){.construction-frame,.room-image{will-change:auto}.project-visual .atlas{transition:none}}

/* Full-bleed, continuous exterior-to-interior 3D journey. */
.build{height:1100vh;margin-top:30px;background:#d7d7cb}.real-build{inset:0!important}.real-build canvas{display:block;width:100%;height:100%}.webgl-ready .construction-frame{display:none}.build-statement{z-index:2;top:16%;left:4%;width:35%;pointer-events:none;text-shadow:0 2px 24px #eeede780}.build-statement h2{font-size:clamp(35px,4vw,62px)}.build-statement a{pointer-events:auto}.stage-top{right:4%;text-shadow:0 1px 5px #fff}.stage-bottom{padding:20px 4%;grid-template-columns:1fr 1fr 180px;gap:25px;background:#eeede7df}.stage-count{font-size:0}.stage-count strong{font-size:31px;letter-spacing:-1px}.stage-count .tag{display:none}.phase{font-size:25px}.inside-house .stage-bottom{background:#252a23e8;color:#f4f0e5}.inside-house .phase-note{color:#d1d1bf}.inside-house .stage-count strong{color:#f4f0e5}.inside-house .progress i.on{background:#f4f0e5}.scene-links{position:absolute;z-index:5;top:67px;right:4%;display:flex;gap:3px;border-radius:30px;padding:5px;background:#eeede7d9;backdrop-filter:blur(12px)}.scene-links button{border:0;border-radius:25px;background:none;color:#393f32;font-size:10px;padding:9px 14px;cursor:pointer}.scene-links button.active{background:#30382c;color:white}.fallback-note{position:absolute;top:50%;left:5%;padding:15px;background:#eeede7;max-width:280px;font-size:13px}.webgl-unavailable .construction-frame{display:block}.interior{height:400vh}.projects{grid-template-columns:1fr 1fr;gap:34px}.project:nth-child(2n){margin-top:0}.project-visual{height:auto;aspect-ratio:4/3;background:#d4d4c5}.portfolio-render{display:block;width:100%;height:100%;transition:transform .7s}.project-open:hover .portfolio-render{transform:scale(1.035)}.project-meta{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.project h3{font-size:25px}.project-meta span{font-size:10px;letter-spacing:.5px}.section-head{margin-bottom:55px}.portfolio-tools{border-bottom:1px solid var(--line);padding-bottom:24px}.filters button{border-radius:0;border:0;padding:9px 18px}.filters button.active{background:none;color:var(--ink);box-shadow:inset 0 -1px var(--ink)}#detailImage{height:480px;background-size:cover}
@media(max-width:700px){.build{height:950vh}.stage{min-height:580px}.real-build:after{display:none}.build-statement{top:135px;left:5%;width:75%;color:#292c28}.build-statement h2{font-size:37px;max-width:250px}.stage-top{color:#292c28}.stage-bottom{grid-template-columns:1fr;padding:16px 5%}.phase{font-size:21px}.scene-links{top:65px;left:5%;right:auto;gap:0}.scene-links button{font-size:9px;padding:9px 11px}.projects{grid-template-columns:1fr}.project-visual{aspect-ratio:4/3}.project:nth-child(2n){margin-top:25px}.project h3{font-size:22px}#detailImage{height:320px}}

.photoreal-assembly{position:absolute;inset:0;z-index:1;overflow:hidden;transform-origin:50% 64%;background:#535b48;will-change:opacity,transform}.photoreal-assembly svg{position:absolute;inset:0;width:100%;height:100%;display:block}.photo-exterior .build-statement{display:none}.photo-exterior .stage-top{color:#fff;text-shadow:0 1px 8px #000;z-index:3}.photo-exterior .stage-bottom{background:#f0eee5ed}.photo-exterior .real-build:after{display:block;content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(#0004,transparent 20%,transparent 70%,#0002)}.photo-exterior .scene-links{z-index:5}.photo-exterior .stage-count strong{color:#353c30}@media(max-width:700px){.photoreal-assembly svg{width:150%;left:-25%}.photo-exterior .stage-top{color:#fff}.photo-exterior .stage-bottom{padding-bottom:22px}}

.full-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.photoreal-assembly{opacity:1!important;visibility:visible!important}.real-build canvas,.real-build>.construction-frame{display:none!important}.room-image{background-size:cover!important;background-position:center!important}.language-switcher{font:11px 'DM Sans',sans-serif;background:transparent;border:1px solid var(--line);border-radius:20px;color:var(--ink);padding:8px 10px;max-width:150px;cursor:pointer}header nav{align-items:center;gap:25px}.stage-count strong{font-size:26px}.project-visual img{filter:none;transition:transform .6s}.project-open:hover img{transform:scale(1.025)}html[lang=mk] .intro h1,html[lang=sq] .intro h1{font-size:clamp(43px,5.8vw,86px)}html[lang=mk] .phase,html[lang=sq] .phase{font-size:23px}.stage-bottom{min-height:110px}.scene-links button{white-space:nowrap}@media(max-width:800px){header{height:auto;min-height:88px;gap:10px;flex-wrap:wrap;padding:14px 0}header nav{gap:14px;flex-wrap:wrap}.language-switcher{font-size:10px;padding:7px;max-width:135px}.scene-links{right:4%;left:4%;justify-content:space-between}.scene-links button{font-size:9px;padding:8px 6px}.phase{font-size:21px!important}.room-image{inset:0!important}.room-copy h2{font-size:42px}.brand .brand-sub{display:none}.stage-bottom{min-height:100px}html[lang=mk] .intro h1,html[lang=sq] .intro h1{font-size:49px;letter-spacing:-2px}}

.project-gallery{padding:0 30px 30px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.project-gallery img{width:100%;height:280px;object-fit:cover}.preview-badge{position:fixed;bottom:20px;left:20px;background:#293b27;color:white;padding:12px 18px;border-radius:30px;font-size:11px;z-index:100}#deleteProject{display:none!important}[hidden]{display:none!important}@media(max-width:700px){.project-gallery{grid-template-columns:1fr}.project-gallery img{height:220px}}

.scope{background:#dfe4d6;color:#303b2d}.scope-grid{display:grid;grid-template-columns:1fr 1.13fr;gap:8%}.scope-intro h2{max-width:470px;font-size:clamp(39px,4.2vw,64px);line-height:1.12;margin:22px 0}.scope-intro>p{color:#687160;line-height:1.8;font-size:14px;max-width:410px}.scope-drawing{max-width:530px;margin:15px 0 -15px;color:#6d7c60}.scope-drawing svg{display:block;width:100%;height:auto}.scope-caption{font-size:9px;letter-spacing:.7px;color:#77826e}.scope-list{padding-top:10px}.scope-row{display:grid;grid-template-columns:30px 1fr 25px;gap:18px;padding:29px 0 32px;border-top:1px solid #bac4ad}.scope-row h3{font:400 24px/1.3 Manrope,sans-serif;letter-spacing:-.7px;margin:0 0 13px}.scope-row p{font-size:12px;line-height:1.8;margin:0;color:#697461;max-width:340px}.scope-num{font-size:10px;color:#7e8b74;padding-top:6px}.scope-arrow{font-size:21px;transition:transform .2s}.scope-row:hover .scope-arrow{transform:translate(3px,-3px)}.scope-cta{display:inline-block;margin-top:28px;padding-bottom:9px;font-size:12px;border-bottom:1px solid #6d7e5b}@media(max-width:700px){.scope-grid{grid-template-columns:1fr;gap:40px}.scope-drawing{max-width:360px}.scope-row{padding:24px 0}.scope-row h3{font-size:22px}.scope-intro h2{font-size:43px}.scope-list{padding-top:0}}