.progress-page{background:#101110;color:#eee9df}.progress-page main{overflow:clip}.progress-page h1,.progress-page h2,.progress-page h3{font-weight:400;margin:0;letter-spacing:-.045em}.progress-page h2{font-size:clamp(42px,5.8vw,86px);line-height:1.05}.progress-page em{font-style:normal;color:#cdb28f}.eyebrow{font-size:12px;letter-spacing:.13em;color:#bfa88b;margin:0 0 30px}.progress-hero{min-height:100svh;padding:155px 7vw 55px;position:relative;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.progress-hero h1{font-size:clamp(95px,14vw,205px);line-height:.87;z-index:1}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:55px;z-index:1}.hero-bottom p{font-size:21px;line-height:1.5;color:#c7c4bc}.hero-bottom a{padding:18px 0;border-bottom:1px solid #aaa6;font-size:16px}.hero-bottom a span{margin-left:35px}.hero-glow{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#101110 5%,#101110a0 45%,#10111030),url(assets/progress-lume.png) 85% center/cover;opacity:.65}.hero-orbit{position:absolute;width:60vw;height:60vw;border:1px solid #cfb18438;border-radius:50%;right:-25vw;top:10%;z-index:-1;animation:orbit-breathe 9s ease-in-out infinite}.products{padding:80px 7vw 40px}.product{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center;margin-bottom:130px}.product-lume{grid-template-columns:1.3fr .7fr}.product-image{margin:0;overflow:hidden;border-radius:4px;background:#27221c;aspect-ratio:4/5}.product-lume .product-image{aspect-ratio:5/4}.product-image img{height:100%;width:100%;object-fit:cover;transform:scale(1.07);will-change:transform}.product-copy{position:relative;z-index:1}.status{font-size:14px;line-height:1.6;color:#bcb9b1;margin-top:35px;max-width:none}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#cdb28f;margin-right:8px}.design-section{padding:60px 5vw 140px}.design-section h2{font-size:clamp(38px,4.6vw,68px)}.design-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:65px}.design-card{position:relative;min-height:360px;background:#211d18;border:1px solid #ccb79325;overflow:hidden;padding:250px 22px 26px;transition:transform .4s,border-color .4s}.design-card:hover{transform:translateY(-9px);border-color:#ccb79380}.design-card h3{font-size:24px;letter-spacing:-.035em;position:relative}.design-card p{font-size:14px;color:#bbb4a8;position:relative;margin-bottom:0}.design-art{position:absolute;inset:0;overflow:hidden}.surface{background:linear-gradient(0deg,#121110 2%,transparent 80%),url(assets/progress-bond.png) center 45%/cover}.hidden-tech i{position:absolute;width:140px;height:140px;background:radial-gradient(circle,#84d3d5 0,#529da68c 3%,#171513 14%,#0c0c0c 65%);border-radius:50%;left:50%;top:28%;transform:translate(-50%,-25%);box-shadow:inset 0 0 24px #000}.living i{position:absolute;left:50%;top:37%;width:95px;height:95px;border-radius:50%;background:radial-gradient(circle,#73bcc4aa, #609fa344 25%,transparent 68%);animation:light-breathe 5s ease-in-out infinite;transform:translate(-50%,-50%)}.quiet i,.quiet b{position:absolute;left:10%;top:-12%;width:80%;height:110%;border:1px solid #c7c4b955;border-radius:50%;transform:rotate(30deg);animation:quiet-orbit 12s ease-in-out infinite}.quiet b{transform:rotate(-30deg);animation-direction:reverse}.app-section{height:190svh;position:relative;background:radial-gradient(ellipse at 50% 75%,#4e423244,transparent 65%),#101110}.app-stage{position:sticky;top:0;height:100svh;min-height:680px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 6vw 30px;overflow:hidden}.app-heading{align-self:flex-start;z-index:2}.app-heading .eyebrow{margin-bottom:16px}.app-heading h2{font-size:clamp(35px,3.9vw,60px)}.phones{display:flex;gap:85px;justify-content:center;width:100%;perspective:1300px;flex:1;align-items:center;min-height:0}.phone-placement{margin:0;width:clamp(165px,17vw,250px);transform-style:preserve-3d;will-change:transform}.phone-float{animation:phone-breathe 7s ease-in-out infinite;transform-style:preserve-3d}.bond-phone .phone-float{animation-delay:-3.5s}.phone-device{border-radius:32px;padding:5px;background:linear-gradient(110deg,#a79d8c,#171717 8%,#665f55 97%,#b9b1a1);box-shadow:7px 5px 0 #4c4943,10px 7px 0 #171716,20px 30px 45px #0009;border:1px solid #b7ae9c88;overflow:hidden}.phone-device img{width:100%;display:block;border-radius:26px}.phone-placement figcaption{font-size:11px;letter-spacing:.12em;color:#e9ddc9;margin:20px 0;text-align:center}.phone-placement figcaption span{letter-spacing:0;color:#99968f;margin-left:15px}.pending-reveal{opacity:0;transform:translateY(24px)}[data-reveal]{transition:opacity .8s,transform .8s}.progress-page .contact em{color:inherit}@keyframes phone-breathe{50%{transform:translateY(-12px) rotateX(2deg)}}@keyframes light-breathe{50%{opacity:.5;scale:.85}}@keyframes quiet-orbit{50%{rotate:25deg;translate:0 12px}}@keyframes orbit-breathe{50%{scale:1.08;opacity:.4}}@media(max-width:800px){.progress-hero{padding:140px 6vw 50px}.hero-bottom{display:block}.hero-bottom p{font-size:18px}.hero-bottom a{display:inline-block}.products{padding:65px 6vw 0}.product,.product-lume{grid-template-columns:1fr;gap:30px;margin-bottom:80px}.product-lume .product-copy{grid-row:1}.product-image{aspect-ratio:4/5;max-height:650px}.design-grid{grid-template-columns:1fr 1fr}.design-section{padding:30px 6vw 70px}.design-card{padding:190px 16px 22px;min-height:290px}.design-card h3{font-size:21px}.app-stage{padding-top:100px;min-height:650px}.phones{gap:30px}.phone-placement{width:36vw;max-width:220px}.phone-device{border-radius:24px;padding:4px}.phone-device img{border-radius:20px}.phone-placement figcaption span{display:block;margin:8px 0 0}.app-heading h2{font-size:36px}}@media(max-width:420px){.design-grid{gap:10px}.design-card h3{font-size:18px}.design-card p{font-size:12px}.phones{gap:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.app-section{height:auto}.app-stage{position:relative;height:auto;min-height:800px}.phones{margin-top:45px}.pending-reveal{opacity:1;transform:none}}
@media(min-width:801px) and (max-height:850px){.phone-placement{width:min(17vw,24svh)}.app-stage{padding-top:110px}.app-heading h2{font-size:42px}.app-heading .eyebrow{margin-bottom:12px}.phone-placement figcaption{margin:14px 0}}
@media(min-width:801px) and (max-height:850px){.phone-placement{width:min(17vw,21svh)}}
/* App screens lead the scene; quiet hardware framing. */
.app-stage{padding:100px 5vw 35px;min-height:0;height:100svh;justify-content:center}
.phones{flex:none;height:100%;gap:clamp(55px,9vw,180px);align-items:center;margin:0}
.phone-placement{width:min(29vw,35svh);max-width:430px;flex-shrink:0}
.phone-device{padding:2px;border-radius:30px;background:#292827;border:1px solid #8b867a66;box-shadow:3px 2px 0 #55514a,5px 3px 0 #171716,14px 24px 44px #0007}
.phone-device img{border-radius:27px;image-rendering:auto}
.phone-placement figcaption{display:none}
.phone-float{animation:screen-breathe 8s ease-in-out infinite}
@keyframes screen-breathe{50%{transform:translateY(-8px)}}
@media(max-width:800px){.app-stage{padding:100px 4vw 40px}.phones{gap:6vw}.phone-placement{width:41vw;max-width:330px}.phone-device{border-radius:22px}.phone-device img{border-radius:19px}}
@media(prefers-reduced-motion:reduce){.app-stage{min-height:85svh}.phones{margin:0}.phone-placement{transform:none!important}}
.phone-placement{width:min(29vw,32svh)}
@media(max-width:800px){.phone-placement{width:min(41vw,32svh)}}
.app-stage{isolation:isolate;--light-opacity:.22;--light-x:-5%;--light-y:8%}
.app-light{position:absolute;inset:-12%;z-index:-1;pointer-events:none;background:linear-gradient(#10111055,#10111000 40%,#10111044),url(assets/environment.png) center/cover;opacity:var(--light-opacity);transform:translate(var(--light-x),var(--light-y)) scale(1.05);will-change:transform,opacity}
.phones{position:relative;z-index:1}
.live-screen{width:100%;aspect-ratio:390/844;position:relative;overflow:hidden;border-radius:26px;background:#302d28}
.live-screen iframe{position:absolute;top:0;left:0;width:390px;height:844px;border:0;transform:scale(var(--screen-scale,.6));transform-origin:top left;pointer-events:none}
@media(max-width:800px){.live-screen{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.app-light{opacity:.35;transform:none}}
/* One continuous atmosphere avoids section-sized image edges. */
.progress-atmosphere{position:fixed;inset:-10%;z-index:0;pointer-events:none;background:url(assets/environment.png) center/cover no-repeat;opacity:.17;transform:translateY(var(--ambient-y,0%)) scale(1.08);transition:opacity 1s ease-out;will-change:transform,opacity}
.progress-page main{position:relative;z-index:1}
.progress-hero{overflow:hidden}
.hero-glow{mask-image:linear-gradient(to bottom,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 65%,transparent 100%)}
.app-section{background:transparent}
.app-stage{background:transparent}
@media(prefers-reduced-motion:reduce){.progress-atmosphere{transform:none!important;opacity:.2!important;transition:none}}
.ambient-flow{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.85}
.progress-atmosphere{opacity:.13;mix-blend-mode:screen}
@media(prefers-reduced-motion:reduce){.ambient-flow{opacity:.45}}