@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth}.aa-project-demo{font-family:Manrope,Arial,sans-serif;color:var(--pd-ink);background:var(--pd-paper);position:relative;overflow:visible}.aa-project-demo a{color:inherit;text-decoration:none}.aa-project-demo button{font:inherit;cursor:pointer}.pd-nav{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:24px 5%;gap:20px}.pd-logo{font-family:Georgia,serif;font-size:26px}.pd-logo small{display:block;font:7px Manrope,sans-serif;letter-spacing:1px;margin-top:8px}.pd-nav>div{display:flex;align-items:center;gap:15px;flex-wrap:wrap;font-size:11px}.pd-nav button{border:1px solid currentColor;border-radius:20px;padding:8px 13px;background:transparent;color:inherit}.pd-nav label{font-size:9px;display:flex;align-items:center;gap:6px}.pd-nav input{width:55px;accent-color:var(--pd-ink)}#ap-scene{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--pd-paper)}#ap-scene canvas{width:100%;height:100%;display:block}#ap-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--pd-paper),transparent 65%);opacity:.75}.pd-fallback{position:absolute;right:5%;top:25%;width:45%;height:50%;display:grid;place-content:center;border:1px solid currentColor;border-radius:50%;opacity:.45}.pd-fallback span{font:italic 45px Georgia,serif}#ap-scene.ready .pd-fallback{display:none}.pd-route{position:relative;z-index:1}.pd-stage{position:relative;min-height:145svh;padding:0 7%}.pd-stage>div{position:sticky;top:15svh;max-width:560px;padding:35px 0 60px}.pd-kicker{font-size:9px;letter-spacing:2px;font-weight:700}.pd-stage h1,.pd-stage h2{font-size:clamp(48px,6.6vw,98px);font-weight:500;line-height:1.02;letter-spacing:-5px;margin:30px 0}.pd-stage p:not(.pd-kicker){max-width:390px;font-size:14px;line-height:1.9}.pd-stage small{display:block;font-size:7px;letter-spacing:1px;margin-top:25px}.pd-button{display:inline-block;padding:14px 22px;border:1px solid currentColor;border-radius:28px;color:var(--pd-ink);background:transparent;font-size:12px!important;margin:20px 0}.pd-demo{position:relative;z-index:2;padding:95px 7%;display:grid;grid-template-columns:1fr 1fr;gap:8%;background:var(--pd-paper);border-top:1px solid #ffffff33}.pd-demo h2,.pd-build h2{font-size:clamp(35px,4vw,64px);line-height:1.08;font-weight:500;letter-spacing:-2px}.pd-demo p,.pd-build p{font-size:13px;line-height:1.9;max-width:500px}.pd-demo-panel{background:#ffffff18;border:1px solid currentColor;border-radius:20px;padding:30px}.pd-options{display:grid;gap:12px}.pd-options button{padding:18px;text-align:left;border:1px solid currentColor;border-radius:12px;background:transparent;color:inherit}.pd-options button[aria-pressed=true]{background:var(--pd-ink);color:var(--pd-paper)}.pd-build{position:relative;z-index:2;padding:85px 7%;background:#1b1426;color:#eee0f5}.pd-build img{width:220px}.pd-build .pd-button{color:#eee0f5}.pd-build>a:last-child{display:inline-block;margin-left:25px;font-size:12px}.pd-footer{position:relative;z-index:2;padding:30px 7%;background:#171020;color:#c8b3d2;font-size:10px;line-height:1.7}.aa-project-demo :focus-visible{outline:2px solid currentColor;outline-offset:5px}@media(max-width:700px){.pd-nav{flex-wrap:wrap}.pd-nav>div{gap:8px;font-size:10px}.pd-stage{min-height:140svh}.pd-stage>div{top:10svh;max-width:300px}.pd-stage h1,.pd-stage h2{font-size:48px;letter-spacing:-2.5px}.pd-stage p:not(.pd-kicker){font-size:12px;max-width:270px}.pd-demo{grid-template-columns:1fr;gap:25px}.pd-build>a:last-child{margin-left:0;display:block}.pd-fallback span{font-size:25px}#ap-scene:after{background:linear-gradient(180deg,var(--pd-paper),transparent 85%);opacity:.65}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pd-stage{min-height:0;padding-block:45px}.pd-stage>div{position:relative;top:auto}}.effects-paused .pd-stage>div{transform:none}
/* Photographic edition: full-bleed imagery, restrained type and purposeful reveals. */
.aa-project-demo{background:#151515}.pd-nav{color:#fff;position:absolute;left:0;right:0;top:0;padding:28px 5%;border-bottom:1px solid #ffffff20}.pd-nav button{background:#11111124;backdrop-filter:blur(10px)}.pd-logo{font-size:28px;letter-spacing:-.7px}.pd-route{color:#fff}.pd-stage{min-height:150svh}.pd-stage>div{top:18svh;max-width:670px;padding:25px 0 65px}.pd-stage h1,.pd-stage h2{font-size:clamp(56px,6.8vw,106px);line-height:.98;font-weight:500;letter-spacing:-5px;text-wrap:balance;text-shadow:0 2px 30px #0002}.pd-stage p:not(.pd-kicker){font-size:14px;color:#ffffffc7;max-width:370px;line-height:1.9}.pd-stage .pd-button{color:#fff;border-color:#ffffff66;padding:17px 25px;background:#ffffff08;backdrop-filter:blur(10px)}.pd-stage .pd-kicker{letter-spacing:2.4px;color:#ffffffb5}.pd-stage small{color:#ffffff90;max-width:370px;line-height:1.7}.pd-cinema{position:absolute;inset:0;overflow:hidden;background:#111}.pd-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%;will-change:transform,clip-path;transform-origin:65% 50%}.pd-reveal-line{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#ffffff99,transparent);box-shadow:0 0 35px 5px #e9e1b522;pointer-events:none;opacity:0}#ap-scene:after{opacity:1;background:linear-gradient(90deg,#080a0dc9 0%,#080a0d66 36%,transparent 74%),linear-gradient(0deg,#080a0d55,transparent 30%)}.pd-shot-caption{position:absolute;bottom:46px;right:5%;color:#fff;font:9px Manrope,Arial,sans-serif;letter-spacing:2px;z-index:2;pointer-events:none}.pd-cinema-progress{position:absolute;bottom:25px;left:5%;right:5%;height:1px;background:#ffffff30;z-index:2}.pd-cinema-progress>span{display:block;height:2px;background:#fff;transform:scaleX(0);transform-origin:left}.pd-fallback{inset:0;width:100%;height:100%;border:0;border-radius:0;opacity:1;background-size:cover;background-position:center}.pd-fallback span{display:none}#ap-scene[data-concept=table] .pd-fallback{background-image:url('photo-table.jpg')}#ap-scene[data-concept=atelier] .pd-fallback{background-image:url('photo-atelier.jpg')}#ap-scene[data-concept=build] .pd-fallback{background-image:url('photo-blueprint.jpg')}#ap-scene[data-concept=habitat] .pd-fallback{background-image:url('photo-house.jpg')}#ap-scene[data-concept=pulse] .pd-fallback{background-image:url('photo-pulse.jpg')}#ap-scene[data-concept=works] .pd-fallback{background-image:url('photo-works.jpg')}
.aa-project-demo:has([data-concept=atelier]) .pd-stage h1,.aa-project-demo:has([data-concept=atelier]) .pd-stage h2,.aa-project-demo:has([data-concept=habitat]) .pd-stage h1,.aa-project-demo:has([data-concept=habitat]) .pd-stage h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-4px;line-height:1.03}.aa-project-demo:has([data-concept=table]) .pd-stage h1{font-weight:800;text-transform:uppercase;font-size:clamp(55px,7.5vw,115px);letter-spacing:-6px}.aa-project-demo:has([data-concept=pulse]) .pd-stage h1{font-weight:800;font-style:italic}.pd-demo{padding-block:110px;gap:10%;background:var(--pd-paper);color:var(--pd-ink)}.pd-demo-panel{border-color:color-mix(in srgb,var(--pd-ink),transparent 75%);padding:35px;background:#ffffff0a}.pd-demo h2{font-size:clamp(42px,4.5vw,72px)}.pd-build{background:#131016;padding-block:100px}.pd-build h2{font-size:clamp(45px,5.5vw,84px)}.pd-footer{background:#131016;border-top:1px solid #ffffff14}
@media(max-width:700px){.pd-nav{padding:18px 6%;gap:14px;background:linear-gradient(#0008,transparent);border:0}.pd-logo{font-size:23px}.pd-nav>div{gap:9px}.pd-stage>div{top:24svh;max-width:88%}.pd-stage h1,.pd-stage h2{font-size:51px;letter-spacing:-2.5px}.aa-project-demo:has([data-concept=table]) .pd-stage h1{font-size:53px;letter-spacing:-3px}.pd-photo{object-position:65% center}.pd-stage p:not(.pd-kicker){font-size:12px;max-width:280px}#ap-scene:after{background:linear-gradient(90deg,#080a0dbb,#080a0d30),linear-gradient(0deg,#080a0d77,transparent 60%)}.pd-shot-caption{font-size:7px;bottom:35px}.pd-cinema-progress{bottom:20px}.pd-demo-panel{padding:23px}.pd-stage{min-height:130svh}}
@media(prefers-reduced-motion:reduce){.pd-stage{min-height:90svh}.pd-stage>div{position:relative;top:auto;padding-top:180px}.pd-photo{will-change:auto}}