.cinema-hero{isolation:isolate;background:radial-gradient(ellipse at 72% 38%,#2b5160,#122f43 48%,#091c2d 90%)}.ambient-light{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 400px 330px at var(--light-x,75%) var(--light-y,45%),#00d6a023,transparent 85%);opacity:.8;transition:opacity .6s}.architecture-word{position:absolute;left:3%;bottom:3%;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(160px,24vw,400px);font-weight:600;line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px #78d4c016;pointer-events:none;z-index:0;user-select:none}.film-stage{z-index:1}.cinema-copy{z-index:2}.cinema-copy h1 em{background:linear-gradient(110deg,#00d6a0 10%,#c4ffee 48%,#00d6a0 83%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:headline-light 7s ease-in-out infinite alternate}.film-viewport canvas{cursor:grab;touch-action:pan-y pinch-zoom}.film-viewport canvas:active{cursor:grabbing}.film-viewport canvas:focus-visible{outline:1px solid #00d6a0;outline-offset:-8px}.film-player #orbit-hint{font-size:12px;color:#c4d9df;letter-spacing:.4px}.film-player #orbit-hint span{color:var(--green);font-size:19px;vertical-align:middle;margin-right:7px}
@keyframes headline-light{from{background-position:0% center}to{background-position:100% center}}
.facades{position:relative;isolation:isolate;overflow:hidden}.facades::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 650px 460px at var(--light-x,55%) var(--light-y,25%),#ffffff0d,transparent 85%)}.facade-visual{transition:transform .7s cubic-bezier(.16,1,.3,1),box-shadow .7s;transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 30px 65px #020a1522;will-change:auto}.facade-visual.is-pointing{box-shadow:0 38px 90px #020a1548}.facade-visual::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle 250px at var(--shine-x,50%) var(--shine-y,40%),#ffffff24,transparent);opacity:0;transition:opacity .4s}.facade-visual.is-pointing::after{opacity:1}.facade-open{position:absolute;inset:0;display:block;width:100%;height:100%;background:none;border:0;cursor:zoom-in;z-index:2}.facade-open>span{position:absolute;right:22px;bottom:19px;display:flex;align-items:center;gap:18px;background:#112c43ed;border:1px solid #ffffff40;color:white;font-size:13px;padding:12px 16px;backdrop-filter:blur(12px)}.facade-open b{font-size:21px;font-weight:400}.facade-open:focus-visible{outline:3px solid #00d6a0;outline-offset:-6px}.image-cursor{display:none;position:absolute;left:var(--cursor-x,50%);top:var(--cursor-y,50%);width:98px;height:98px;border-radius:50%;background:#10283deb;color:#fff;border:1px solid #ffffff9a;backdrop-filter:blur(10px);pointer-events:none;align-items:center;justify-content:center;text-align:center;font-size:12px;line-height:1.7;letter-spacing:.6px;transform:translate(-50%,-50%) scale(.8);opacity:0;transition:opacity .2s,transform .25s;z-index:3}.facade-visual.is-pointing .image-cursor{opacity:1;transform:translate(-50%,-50%) scale(1)}
.project-viewer{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:26px 4% 22px;border:0;background:radial-gradient(ellipse at 50% 55%,#284152,#091b2c 75%);color:#fff;overflow:hidden;box-shadow:none}.project-viewer[open]{display:flex;flex-direction:column;gap:22px;animation:viewer-enter .45s cubic-bezier(.16,1,.3,1) both}.project-viewer::backdrop{background:#071827f5}.viewer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;flex-shrink:0}.viewer-top .eyebrow{display:block;font-size:11px;letter-spacing:1.6px;color:#9db6bf;margin:0 0 10px}.viewer-top h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:47px;line-height:1;margin:0 0 6px;letter-spacing:-.5px}.viewer-top #viewer-size{font-size:13px;color:#bad0d8}.viewer-top button{display:flex;align-items:center;gap:22px;min-height:46px;padding:5px 14px;background:#ffffff06;border:1px solid #ffffff35;color:#fff;font:inherit;font-size:13px;cursor:pointer}.viewer-top button span{font-size:29px;font-weight:400}.viewer-picture{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}.viewer-picture img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:var(--zoom-x,50%) var(--zoom-y,50%);transition:transform .7s cubic-bezier(.16,1,.3,1);user-select:none;-webkit-user-drag:none}.viewer-picture.is-zoomed img{transform:scale(1.8)}.viewer-picture.is-zoomed{cursor:move}.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.viewer-navigation{display:flex;align-items:center;gap:20px}.viewer-navigation button{width:47px;height:44px;border:1px solid #ffffff40;color:white;background:none;font-size:23px;cursor:pointer}.viewer-navigation button:hover,.viewer-top button:hover{background:#ffffff12;border-color:#00d6a0}.viewer-navigation>span{font-size:13px;white-space:nowrap;color:#c5d9df;font-variant-numeric:tabular-nums}.viewer-bottom #viewer-zoom{font-family:inherit;display:flex;align-items:center;gap:20px;min-height:44px;padding:0 16px;color:#caffee;background:#00d6a014;border:1px solid #00d6a067;cursor:pointer;font-size:13px}.viewer-bottom #viewer-zoom span{font-size:23px}.viewer-bottom p{font-size:11px!important;line-height:1.6!important;color:#9eb6c0;max-width:270px;text-align:right;margin:0}.viewer-bottom button:focus-visible,.viewer-top button:focus-visible{outline:2px solid #00d6a0;outline-offset:4px}@keyframes viewer-enter{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
.section-heading h2{perspective:800px}.section-heading h2 .kinetic-line{display:block;clip-path:inset(0 0 0 0);transform-origin:left bottom}.contact::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 600px 500px at var(--light-x,20%) var(--light-y,45%),#00d6a015,transparent 90%)}.contact>*{position:relative}.delivery-card{transition:transform .45s,box-shadow .45s}.delivery-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px #152c3d16}.motion-paused .cinema-copy h1 em{animation-play-state:paused}
@media(hover:hover) and (pointer:fine){.image-cursor{display:flex}.facade-visual.is-pointing .facade-open{cursor:none}.facade-open>span{transition:opacity .2s}.facade-visual.is-pointing .facade-open>span{opacity:0}}
@media(max-width:850px){.architecture-word{font-size:30vw;bottom:13%;left:2%}.ambient-light{background:radial-gradient(ellipse at 65% 65%,#00d6a016,transparent 70%)}.facade-visual{transform:none!important}.facade-open>span{right:12px;bottom:12px;font-size:12px;padding:8px 10px;gap:10px}.facade-visual figcaption{top:12px;bottom:auto!important;max-width:70%;font-size:9px!important}.project-viewer{padding:20px 5%;gap:18px}.viewer-top h2{font-size:39px}.viewer-top .eyebrow{font-size:10px;letter-spacing:1px}.viewer-top button{gap:10px;padding:0 10px}.viewer-bottom{flex-wrap:wrap;gap:16px}.viewer-bottom p{max-width:none;flex-basis:100%;text-align:center;font-size:11px!important}.viewer-navigation{gap:12px}.viewer-navigation button{width:42px}.viewer-bottom #viewer-zoom{gap:10px;padding:0 10px;font-size:12px}.viewer-picture{margin:0 -5.55%}.project-viewer[open]{gap:18px}.delivery-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.cinema-copy h1 em{animation:none;color:var(--green);background:none}.facade-visual{transform:none!important;transition:none}.image-cursor{display:none!important}.facade-visual.is-pointing .facade-open{cursor:zoom-in}.project-viewer[open]{animation:none}.viewer-picture img{transition:none}.delivery-card:hover{transform:none}}