.facade-study{max-width:2400px;padding-top:45px}.facade-hero h1{margin:20px 0;font-size:clamp(40px,5vw,100px);line-height:1.06}.facade-intro{max-width:760px;font-size:clamp(15px,1.05vw,20px)}.facade-hero .tags{margin:25px 0}.facade-section{border-top:1px solid var(--line);padding:clamp(45px,5vw,110px) 0}.facade-section h2{margin:15px 0 22px;font-size:clamp(28px,3vw,58px);font-weight:500}.facade-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.facade-figure{margin:0}.facade-image{aspect-ratio:16/9;border:1px solid var(--line);background:#080a09;border-radius:7px;place-items:center;display:grid;position:relative;overflow:hidden}.facade-image img,.facade-viewer-poster img,.facade-compare-frame img{object-fit:contain}.facade-figure figcaption{color:var(--muted);justify-content:space-between;padding:14px 0 20px;font-size:12px;display:flex}.facade-hero .facade-image{margin-top:30px}.facade-mode-tools,.facade-camera-tools{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.facade-mode-tools button,.facade-camera-tools button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:4px;min-height:44px;padding:12px 18px}.facade-mode-tools button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.facade-camera-tools button:disabled{opacity:.4}.facade-canvas,.facade-viewer-poster{border:1px solid var(--line);background:#101211;border-radius:7px;height:clamp(320px,40vw,780px);position:relative;overflow:hidden}.facade-canvas canvas{touch-action:none;display:block}.facade-viewer-poster .button{white-space:nowrap;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.facade-viewer-status{text-align:center;background:#101211dd;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.facade-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.facade-scope{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:30px}.facade-scope svg{width:100%;height:150px;color:var(--muted)}.facade-scope.extension{border-color:#60734b}.facade-scope.extension svg{color:var(--accent)}.facade-scope h3{font-size:24px}.facade-scope p{margin-bottom:0}.facade-two+.facade-intro{margin-top:25px}.facade-pending{border:1px dashed var(--line);text-align:center;background:var(--panel);border-radius:7px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:30px;display:flex}.facade-pending>span{color:var(--muted);margin-bottom:20px;font-size:45px}.facade-pending p{max-width:350px;font-size:14px}.facade-materials{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.facade-materials .facade-image{aspect-ratio:1}.facade-materials .facade-figure figcaption{color:var(--text);padding-bottom:8px;font-size:15px}.facade-materials p{font-size:13px}.facade-compare-frame{aspect-ratio:16/10;border:1px solid var(--line);touch-action:pan-y;cursor:ew-resize;background:#080a09;border-radius:7px;position:relative;overflow:hidden}.facade-compare-reference{background:#080a09;position:absolute;inset:0}.facade-compare-divider{background:var(--accent);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.facade-compare-divider span{background:var(--accent);color:var(--bg);border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.facade-compare-label{pointer-events:none;background:#101211dc;padding:6px 10px;font-size:11px;position:absolute;top:12px;left:12px}.facade-compare-label.result{left:auto;right:12px}.facade-gallery{gap:25px;display:grid}.facade-result{border:1px solid var(--line);background:var(--panel);border-radius:6px;align-items:center;gap:30px;padding:30px;display:flex}.facade-result span{color:var(--muted)}.facade-result strong{color:var(--accent);margin-left:auto;font-size:28px}.project-cover-image{aspect-ratio:16/9;background:#080a09;position:relative;overflow:hidden}.project-cover-image img{object-fit:contain;width:100%;height:100%}@media (max-width:768px){.facade-two{grid-template-columns:1fr}.facade-materials{grid-template-columns:repeat(2,minmax(0,1fr))}.facade-result{flex-wrap:wrap;gap:16px}.facade-result strong{margin-left:0}.facade-hero h1{overflow-wrap:break-word}.facade-scope{padding:22px}.facade-study{padding-top:30px}}.facade-hero .tags,.facade-study .back-link{margin-bottom:20px}.facade-hero h1{margin:12px 0 18px;font-size:clamp(36px,4vw,72px)}#facade-explore{padding-top:24px}.facade-materials{gap:20px;max-width:1040px}.facade-materials article{transition:transform .2s}.facade-materials .facade-image{max-height:210px;transition:border-color .2s,filter .2s}.facade-materials article:focus-within{z-index:1;transform:translateY(-3px)scale(1.025)}.facade-materials article:focus-within .facade-image{border-color:var(--accent);filter:brightness(1.08)}@media (hover:hover){.facade-materials article:hover{z-index:1;transform:translateY(-3px)scale(1.025)}.facade-materials article:hover .facade-image{border-color:var(--accent);filter:brightness(1.08)}}.facade-closeup-comparison{max-width:1200px}.facade-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;max-width:1440px}.facade-gallery .facade-image{margin:0}.facade-gallery .facade-figure{min-width:0}.facade-figure img,.facade-comparison img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.facade-compare-frame{-webkit-user-select:none;user-select:none}.facade-compare-frame img{pointer-events:none}@media (max-width:768px){.facade-gallery{grid-template-columns:1fr;max-width:720px}.facade-materials .facade-image{max-height:180px}}.facade-viewer-frame{position:relative}.facade-viewer-frame .facade-camera-tools{z-index:2;gap:5px;margin:0;position:absolute;bottom:12px;right:12px}.facade-viewer-frame .facade-camera-tools button{background:#101211da;width:38px;min-height:38px;padding:0}.facade-gallery{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1440px}.facade-grade-card{background:radial-gradient(ellipse at right,#2b3921,var(--panel) 65%);border-color:#63764c;max-width:1040px;padding:32px 40px;display:block;position:relative}.facade-grade-card h2{letter-spacing:1.5px;text-transform:uppercase;margin:0 0 25px;font-size:15px}.facade-grade-card strong{letter-spacing:-2px;margin:0 0 8px;font-size:clamp(42px,4vw,64px);font-weight:500;display:block}.facade-grade-card>span{font-size:14px}.facade-grade-card .facade-grade-seal{color:var(--accent);font-size:48px;position:absolute;bottom:32px;right:40px}.facade-materials article{min-width:0}.facade-materials article:hover,.facade-materials article:focus-within{transform:none}.facade-materials .facade-image{max-height:none}.facade-materials:has(article:first-child:focus-within){grid-template-columns:minmax(0,3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.facade-materials:has(article:nth-child(2):focus-within){grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr) minmax(0,1fr)}.facade-materials:has(article:nth-child(3):focus-within){grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,3fr) minmax(0,1fr)}.facade-materials:has(article:nth-child(4):focus-within){grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,3fr)}@media (hover:hover) and (min-width:769px){.facade-materials:has(article:first-child:hover){grid-template-columns:minmax(0,3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.facade-materials:has(article:nth-child(2):hover){grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr) minmax(0,1fr)}.facade-materials:has(article:nth-child(3):hover){grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,3fr) minmax(0,1fr)}.facade-materials:has(article:nth-child(4):hover){grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,3fr)}}@media (max-width:1100px){.facade-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.facade-gallery{grid-template-columns:1fr}:is(.facade-materials,.facade-materials:has(article:focus-within)){grid-template-columns:repeat(2,minmax(0,1fr))}.facade-viewer-frame .facade-camera-tools{bottom:8px;right:8px}.facade-viewer-frame .facade-camera-tools button{width:36px;min-height:44px}.facade-grade-card{padding:26px}.facade-grade-card .facade-grade-seal{bottom:26px;right:26px}}@media (max-width:380px){.facade-viewer-frame .facade-camera-tools{grid-template-columns:repeat(4,44px);gap:4px;display:grid}.facade-viewer-frame .facade-camera-tools button{width:44px;min-height:44px}}.facade-canvas,.facade-viewer-poster{height:clamp(340px,31vw,580px)}.facade-compare-frame:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.facade-grade-card{grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:10px 30px;display:grid}.facade-grade-card h2{grid-column:1/-1;margin-bottom:12px}.facade-grade-card strong{grid-column:1;margin:0}.facade-grade-card .facade-grade-label{color:var(--text);grid-column:1;font-size:clamp(18px,1.5vw,24px);font-weight:500}.facade-grade-card .facade-grade-seal{background:#c1e88408;border:1px solid #c1e88455;border-radius:50%;grid-area:2/2/4;place-items:center;width:88px;height:88px;display:grid;position:static}.facade-grade-seal svg{width:48px;height:48px}.facade-materials{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);transition:grid-template-columns .44s cubic-bezier(.4,0,.2,1)}.facade-materials .facade-image{transition:border-color .36s,filter .36s}@media (max-width:768px){:is(.facade-materials,.facade-materials:has(article:focus-within)){grid-template-columns:repeat(2,minmax(0,1fr))}.facade-grade-card{grid-template-columns:minmax(0,1fr) 64px;gap:10px 16px}.facade-grade-card .facade-grade-seal{width:64px;height:64px}.facade-grade-seal svg{width:38px;height:38px}}.facade-opening{grid-template-columns:minmax(0,35fr) minmax(0,65fr);align-items:start;gap:clamp(24px,3vw,65px);padding:16px 0 55px;display:grid}.facade-opening>.facade-hero{transform-origin:0 0;min-width:0}.facade-opening .facade-hero h1{margin-top:16px;font-size:clamp(34px,3vw,60px)}.facade-opening .facade-intro{max-width:55ch;font-size:clamp(14px,1vw,18px)}.facade-opening #facade-explore{transform-origin:0 0;border:0;min-width:0;padding:0}.facade-opening #facade-explore h2{margin:12px 0 20px;font-size:clamp(25px,2vw,40px)}.facade-opening .facade-canvas,.facade-opening .facade-viewer-poster{height:clamp(360px,30vw,560px)}.facade-opening[data-expanded=true]{grid-template-columns:minmax(0,1fr);gap:18px}.facade-opening[data-expanded=true] .facade-hero h1{margin:0 0 14px;font-size:clamp(28px,2.5vw,40px)}.facade-opening[data-expanded=true] .facade-hero>.eyebrow,.facade-opening[data-expanded=true] .facade-hero>.facade-intro{display:none}.facade-opening[data-expanded=true] .tags{margin:0}.facade-opening[data-expanded=true] .facade-canvas,.facade-opening[data-expanded=true] .facade-viewer-poster{height:clamp(420px,38vw,680px)}.facade-model-region{position:relative}.facade-expand{z-index:3;width:44px;height:44px;color:var(--text);border:1px solid var(--line);background:#101211d9;border-radius:5px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.facade-expand svg{width:22px;height:22px}.facade-expand:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:1000px){.facade-opening{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px}.facade-opening .facade-hero h1{font-size:clamp(34px,5vw,52px)}.facade-opening .facade-canvas,.facade-opening .facade-viewer-poster{height:clamp(340px,48vw,480px)}}.facade-opening{overflow:clip}.facade-scope.extension,.facade-grade-card{isolation:isolate;position:relative;overflow:hidden}.facade-scope.extension:before,.facade-grade-card:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 70% 40%,#c1e88414,#0000 58%),radial-gradient(at 25% 80%,#c1e88408,#0000 60%);animation:24s ease-in-out infinite alternate facade-ambient-light;position:absolute;inset:-20%}.facade-scope.extension>*,.facade-grade-card>*{z-index:1;position:relative}.facade-grade-card:before{background:radial-gradient(at 75% 45%,#c1e88412,#0000 60%);animation-duration:30s}.facade-grade-card h2{grid-column:1}.facade-grade-card .facade-grade-seal{background:var(--panel);border-color:var(--accent);z-index:2;grid-row:1/4;place-self:center;position:relative}.facade-closeup-comparison{width:100%;max-width:1440px;margin:24px auto 0}@keyframes facade-ambient-light{0%{opacity:.75;transform:translate(-2%,-1%)}to{opacity:1;transform:translate(3%,2%)}}@media (prefers-reduced-motion:reduce){.facade-scope.extension:before,.facade-grade-card:before{opacity:.85;animation:none;transform:none}}.facade-grade-card .facade-grade-seal{inset:auto}.facade-viewport-heading{z-index:2;pointer-events:none;position:absolute;top:16px;left:16px;right:70px}.facade-opening #facade-explore .facade-viewport-heading h2{margin:0 0 12px;font-size:clamp(22px,1.8vw,32px)}.facade-viewport-heading .facade-mode-tools{pointer-events:none;gap:6px;margin:0}.facade-viewport-heading button{pointer-events:auto;background:#101211dc;min-height:38px;padding:8px 12px;font-size:12px}.facade-viewport-heading button[aria-pressed=true]{background:#27341f}.facade-figure figcaption{justify-content:flex-start}@media (max-width:650px){.facade-opening #facade-explore .facade-viewport-heading h2{font-size:20px}.facade-viewport-heading{top:14px;left:12px;right:12px}.facade-viewport-heading h2{max-width:calc(100% - 50px)}.facade-viewport-heading button{padding:8px 10px}}