:root{--paper:#f2f0e9;--stone:#eae7df;--ink:#34332f;--muted:#77736b;--line:#d8d4ca;--pad:clamp(24px,6.5vw,112px)}
*{box-sizing:border-box}html{scroll-padding-top:114px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:6px}img{display:block;max-width:100%}h1,h2,p,figure{margin:0}h1,h2{font-weight:500;letter-spacing:-.045em;line-height:1.22;text-wrap:balance}.section-shell{padding-inline:var(--pad)}.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.12em;font-weight:400;color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:16px}.skip:focus{top:10px}.legacy-anchor{position:absolute;top:0;left:0;display:block;width:0;height:0;overflow:hidden;pointer-events:none}.text-link{display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:14px;line-height:1.6;padding-bottom:4px;border-bottom:1px solid var(--line)}.text-link:hover{border-color:var(--ink)}
.robot-page main{padding-top:94px}
.product-hero{min-height:calc(100svh - 94px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:21px;padding:34px var(--pad) 30px;text-align:center}.hero-heading h1{font-size:clamp(38px,4.3vw,66px);margin-top:16px}.hero-product{width:100%;min-width:0;display:flex;justify-content:center}.hero-product img{width:min(100%,880px);height:clamp(360px,56svh,620px);object-fit:contain}.studio-image{mix-blend-mode:darken;filter:brightness(1.08)}.angle-picker{display:flex;justify-content:center;gap:24px}.angle-picker button,.scene-picker button{border:0;border-bottom:1px solid transparent;padding:6px 0 9px;background:transparent;font-size:12px;color:var(--muted)}.angle-picker button[aria-pressed=true],.scene-picker button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.angle-picker button:hover,.scene-picker button:hover{color:var(--ink)}.visual-note{color:var(--muted);font-size:9px;line-height:1.7}
.visual-chapter{position:relative;min-height:calc(100svh - 94px);padding-block:66px;border-top:1px solid #d8d4ca60}.movement-chapter{display:grid;grid-template-columns:1.1fr 1fr;gap:4%;align-items:center}.movement-visual{min-width:0;display:flex;justify-content:center}.movement-visual img{width:100%;height:min(70svh,780px);object-fit:contain}.chapter-copy{padding-right:4%}.chapter-copy h2{font-size:clamp(38px,4.3vw,64px);margin-top:23px}.chapter-copy .text-link{margin-top:32px}.photo-chapter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:27px;text-align:center;padding-inline:clamp(24px,4.8vw,80px)}.chapter-heading h2{font-size:clamp(34px,3.8vw,58px);margin-top:15px}.chapter-photo{width:min(100%,1320px);max-width:calc((100svh - 390px)*1672/941)}.chapter-photo img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}.photo-chapter>.text-link{font-size:13px}.scene-picker{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 26px}.applications-chapter{gap:23px}.applications-chapter .chapter-photo{max-width:calc((100svh - 460px)*1672/941)}
.enquire{min-height:570px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:110px;text-align:center;border-top:1px solid var(--line)}.enquire h2{font-size:clamp(42px,5vw,72px);margin-top:22px}.enquire-links{display:flex;align-items:center;gap:30px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid var(--ink);padding:15px 25px;font-size:13px;line-height:1.6}.button:hover{background:var(--ink);color:var(--paper)}.email-note{max-width:670px;font-size:10px;line-height:1.8;color:var(--muted);margin-top:45px}
@media(max-width:700px){.product-hero{min-height:auto;padding-top:40px}.hero-product img{height:390px}.hero-heading h1{font-size:35px}.visual-chapter{min-height:auto;padding-block:65px}.movement-chapter{grid-template-columns:1fr;gap:25px}.movement-visual img{height:390px}.chapter-copy{text-align:center;padding:0}.chapter-copy h2{font-size:36px}.photo-chapter{gap:24px}.chapter-heading h2{font-size:31px}.chapter-photo,.applications-chapter .chapter-photo{max-width:100%}.scene-picker{gap:8px 18px}.enquire{min-height:500px;padding-block:80px}.enquire-links{flex-direction:column;gap:22px}}