:root{--paper:#faf8f3;--ink:#162923;--muted:#65716a;--accent:#e5522b;--line:#d9dcd1}*{box-sizing:border-box}html{scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang HK","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{border:0;background:none}h1,h2,h3,p,figure{margin:0}img{max-width:100%;display:block}.skip{position:fixed;top:-80px;left:20px;z-index:200;background:var(--ink);color:white;padding:15px}.skip:focus{top:12px}.masthead{height:86px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:30}.wordmark{font-weight:800;font-size:35px;letter-spacing:-.075em;white-space:nowrap}.wordmark span{display:inline-block;color:var(--accent);font-weight:400;margin-left:20px;letter-spacing:0}.masthead nav{display:flex;align-items:center;gap:34px;font-size:13px}.masthead nav>a:last-child{border-bottom:1px solid var(--ink);padding:8px 0}.masthead nav span{margin-left:22px}.journey{position:relative}.stage{position:relative;height:100svh;min-height:700px;overflow:hidden;isolation:isolate}.hero-copy{position:absolute;left:5%;top:27%;z-index:8;width:37%}.service{font-size:13px;margin-bottom:26px}.service:before{content:"";display:inline-block;width:18px;height:3px;background:var(--accent);vertical-align:middle;margin-right:10px}h1{font-size:clamp(43px,4.6vw,79px);font-weight:650;line-height:1.15;letter-spacing:-.065em}.intro{margin-top:27px;font-size:15px;line-height:1.9}.action{display:inline-flex;gap:45px;align-items:center;margin-top:26px;background:var(--accent);color:white;padding:17px 23px;font-size:14px}.action:hover{background:#bd3b1b}.composition{position:absolute;inset:0;pointer-events:none;perspective:1600px}.main-interface{position:absolute;left:50%;top:50%;width:1080px;height:685px;transform:translate(-50%,-50%);z-index:4;box-shadow:0 20px 60px #222b2524;transform-origin:center}.device-edge{width:100%;height:100%;overflow:hidden;background:#efe9f5;border:1px solid #25122924;border-radius:2px}iframe{width:100%;height:100%;border:0;display:block}.main-interface iframe{pointer-events:none}.satellite{position:absolute;left:50%;top:50%;width:min(40vw,620px);margin:0;box-shadow:0 18px 40px #222b2529;transform-origin:center;will-change:transform}.satellite img{width:100%;height:auto}.pace{z-index:5}.folio{z-index:6}.scene-copy{position:absolute;z-index:7}.scene-copy h2{font-size:clamp(32px,3.5vw,54px);font-weight:600;letter-spacing:-.06em;line-height:1.2}.scene-copy p{font-size:15px;line-height:1.8;margin-top:19px;color:var(--muted)}.understand{text-align:center;left:5%;right:5%;top:11%}.understand h2 br{display:none}.proof{left:12%;top:35%;max-width:430px}.inline-link{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid;padding:10px 0;margin-top:24px;font-size:14px}.inline-link:hover{color:var(--accent)}.demo-invite{position:absolute;bottom:7%;left:5%;right:5%;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:9;font-size:11px;color:var(--muted)}.demo-invite button{font-size:13px;color:var(--ink);border-bottom:1px solid;padding:8px 0}.demo-invite button span{margin-left:18px}.stage-next{position:absolute;bottom:30px;left:5%;font-size:12px;color:var(--muted);z-index:10}.stage-next span{margin-left:20px}.works{padding:115px 5% 125px;background:#eaece5;position:relative;overflow:hidden;scroll-margin-top:0}.works-intro{margin-bottom:65px}.works-intro>p{font-size:14px;margin-bottom:24px}.works h2{font-size:clamp(43px,5.2vw,83px);font-weight:550;line-height:1.17;letter-spacing:-.065em}.works h2 em{font-style:normal;color:#697669}.work-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:6%;align-items:center}.work-visual{min-width:0;perspective:1400px}#work-open{padding:0;position:relative;display:block;width:100%;background:transparent;box-shadow:0 20px 50px #10261d1a;overflow:hidden}#work-open img{width:100%;height:auto;aspect-ratio:1.599;object-fit:contain;background:#f5f1e9}#work-open>span{position:absolute;bottom:14px;right:14px;padding:10px 13px;background:#faf8f3;color:#162923;font-size:12px}.concept{font-size:11px;color:#59675f;margin-top:22px;line-height:1.6}.work-tabs{display:flex;gap:0 17px;flex-wrap:wrap;border-bottom:1px solid #b8c2b7;padding-bottom:20px}.work-tabs button{padding:12px 0;font-size:13px;white-space:nowrap;color:#526258;border-bottom:2px solid transparent}.work-tabs button[aria-pressed=true]{color:var(--ink);border-color:var(--accent)}.work-story{padding-top:33px;min-height:230px}.work-story h3{font-size:clamp(25px,2.4vw,37px);font-weight:500;letter-spacing:-.05em;line-height:1.3}.work-story p{font-size:14px;line-height:1.85;color:#526258;margin-top:18px;max-width:340px}.contact{padding:135px 8% 120px;display:grid;grid-template-columns:1.5fr 1fr;gap:10%;background:#162923;color:#faf8f3;position:relative}.contact-main>p:first-child{font-size:14px;margin-bottom:27px}.contact h2{font-weight:500;font-size:clamp(40px,4.8vw,76px);line-height:1.2;letter-spacing:-.065em}.contact h2 em{font-style:normal;color:#e9b393}.contact-copy{font-size:15px;line-height:1.9;margin-top:30px;color:#d1d9cd}.contact-link{display:flex;justify-content:space-between;align-items:center;max-width:335px;font-size:20px;margin-top:38px;padding:18px 0;border-bottom:1px solid #839080}.contact-link span{font-size:36px;font-weight:400;color:#e9b393}.contact-link:hover{color:#e9b393}.contact-number{display:block;font-size:12px;margin-top:15px;color:#c1cdc3}.pricing{align-self:center}.pricing>div{padding:24px 0;border-top:1px solid #59685b}.pricing>div>span{font-size:14px;color:#d1d9cd}.pricing>div>p:not(.price-use){font-size:35px;letter-spacing:-.04em;margin:14px 0}.pricing small{font-size:14px}.price-use{font-size:13px;line-height:1.7;color:#bdc9bd}.scope{font-size:12px;line-height:1.9;color:#bdc9bd;margin-top:10px}.footer{padding:35px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer .wordmark{font-size:28px}.footer>span{font-size:11px;color:var(--muted)}dialog{border:0;border-radius:5px;padding:25px;background:var(--paper);color:var(--ink);width:min(1260px,94vw);max-height:92svh;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#10231ddb;backdrop-filter:blur(8px)}body:has(dialog[open]){overflow:hidden}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-head h2{font-size:20px;letter-spacing:-.03em}.dialog-head button{padding:12px;border:1px solid var(--line);font-size:13px}.dialog-note{font-size:11px;line-height:1.7;color:var(--muted);padding-top:18px}.demo-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:start}.demo-art img{width:100%;height:auto}.demo-form{background:var(--demo-bg,#eee);color:var(--demo-ink,#222);padding:28px;min-height:370px}.demo-form h3{font-size:28px;font-weight:500;letter-spacing:-.05em;margin-bottom:22px}.demo-form label{display:block;font-size:13px;margin:17px 0 8px}.demo-form select,.demo-form input{width:100%;padding:12px;border:1px solid currentColor;background:transparent;color:inherit;border-radius:0;font-size:14px}.demo-form .choices{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 22px}.choices button{border:1px solid currentColor;padding:11px;font-size:13px}.choices button[aria-pressed=true]{background:var(--demo-ink);color:var(--demo-bg)}.demo-submit{background:var(--demo-ink)!important;color:var(--demo-bg)!important;padding:14px 18px;margin-top:22px;font-size:14px}.demo-result{font-size:14px;line-height:1.8;margin-top:20px;min-height:30px}.demo-result ul{padding-left:18px}.demo-frame{height:min(72svh,780px);min-height:420px}.demo-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-photos button{padding:0;position:relative;border:3px solid transparent}.demo-photos button[aria-pressed=true]{border-color:#7c4de4}.demo-photos button span{display:block;font-size:11px;padding:7px}.demo-photos img{width:100%;aspect-ratio:.8;object-fit:cover}.noscript{padding:25px;font-size:14px}
/* Normal flow is the baseline; motion is an enhancement. */
body:not(.enhanced) .stage{height:auto;min-height:0;padding:150px 5% 70px;overflow:visible}body:not(.enhanced) .hero-copy,body:not(.enhanced) .scene-copy{position:relative;inset:auto;width:auto;max-width:none;margin-bottom:40px}body:not(.enhanced) .composition{position:relative;display:flex;flex-wrap:wrap;gap:20px}body:not(.enhanced) .main-interface{position:relative;inset:auto;transform:none!important;width:100%;height:65vw;max-height:700px;order:-1}body:not(.enhanced) .main-interface iframe{pointer-events:auto}body:not(.enhanced) .satellite{position:relative;inset:auto;width:calc(50% - 10px);transform:none!important}body:not(.enhanced) .understand{text-align:left;margin-top:55px}body:not(.enhanced) .demo-invite{position:relative;inset:auto;margin:25px 0}body:not(.enhanced) .stage-next{display:none}
@media(min-width:1650px){.hero-copy{left:max(5%,calc((100vw - 1500px)/2))}.masthead{padding:0 max(5%,calc((100vw - 1500px)/2))}.works,.contact{padding-left:max(5%,calc((100vw - 1500px)/2));padding-right:max(5%,calc((100vw - 1500px)/2))}}
@media(max-width:767px){html{scroll-padding-top:20px}.masthead{height:73px;padding:0 6%}.wordmark{font-size:28px}.wordmark span{margin-left:12px}.masthead nav{gap:20px;font-size:12px}.masthead nav>a:first-child{display:none}.masthead nav span{margin-left:13px}.stage{height:100svh;min-height:720px}.hero-copy{left:7%;top:16%;width:86%}.service{font-size:11px;margin-bottom:17px}h1{font-size:clamp(39px,9vw,56px);line-height:1.13}.intro{font-size:13px;margin-top:18px;line-height:1.75}.action{font-size:12px;padding:12px 18px;margin-top:20px;gap:32px}.satellite{width:56vw}.main-interface{width:980px;height:630px}.understand{top:10%;left:7%;right:7%;text-align:left}.understand h2{font-size:31px}.understand h2 br{display:block}.scene-copy p{font-size:12px;margin-top:13px}.proof{left:7%;right:7%;top:10%;max-width:none}.proof h2{font-size:32px}.proof h2 br{display:none}.proof p br{display:none}.proof .inline-link{display:none}.demo-invite{bottom:5%;gap:7px}.demo-invite button{font-size:12px}.demo-invite>span{font-size:10px}.stage-next{left:7%;bottom:16px;font-size:10px}.works{padding:75px 6% 80px}.works-intro{margin-bottom:35px}.works-intro>p{font-size:12px;margin-bottom:20px}.works h2{font-size:39px}.work-layout{grid-template-columns:1fr;gap:25px}.concept{font-size:10px;margin-top:15px}#work-open>span{font-size:10px;bottom:8px;right:8px;padding:8px 10px}.work-tabs{gap:0 20px;padding-bottom:14px}.work-tabs button{font-size:12px;padding:13px 0}.work-story{padding-top:25px;min-height:200px}.work-story h3{font-size:28px}.work-story h3 br{display:none}.work-story p{font-size:13px;margin-top:15px;max-width:none}.work-story .inline-link{margin-top:16px}.contact{padding:75px 7%;grid-template-columns:1fr;gap:50px}.contact h2{font-size:41px}.contact-main>p:first-child{font-size:12px;margin-bottom:22px}.contact-copy{font-size:13px;margin-top:23px}.contact-link{font-size:18px;margin-top:25px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pricing>div>span{font-size:12px}.pricing>div>p:not(.price-use){font-size:27px}.price-use{font-size:12px}.scope{grid-column:1/-1;font-size:11px;margin-top:0}.footer{padding:28px 7%;flex-wrap:wrap;gap:19px}.footer .wordmark{font-size:27px}.footer>span:nth-child(2){display:none}dialog{padding:17px;width:95vw;max-height:94svh}.dialog-head h2{font-size:17px}.dialog-head button{font-size:12px;padding:10px}.demo-layout{grid-template-columns:1fr;gap:20px}.demo-form{padding:22px;min-height:300px}.demo-form h3{font-size:27px}.demo-frame{height:72svh;min-height:400px}.dialog-note{font-size:10px}body:not(.enhanced) .stage{padding-top:115px}body:not(.enhanced) .main-interface{height:600px}body:not(.enhanced) .satellite{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.demo-photos .selection-photo{display:block;padding:0;width:100%;aspect-ratio:.8;background-image:url("assets/04-client-space.webp");background-size:480% auto;background-repeat:no-repeat}