/* R12 — a calm product stage, with one continuous identity / loan / capital row. */
.hero{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:64px;align-items:center;padding-top:40px;padding-bottom:24px}
.hero-copy{align-self:center;padding:0 0 48px}.hero-copy .eyebrow{margin-bottom:24px}.hero h1{font-size:clamp(42px,4.3vw,64px);line-height:1.25;letter-spacing:-.02em}.hero-copy .lead{margin:28px 0 32px;max-width:520px;font-size:15px;line-height:1.9}.hero-copy .primary{min-height:52px;padding:12px 24px}
.hero-object{grid-template-rows:auto minmax(0,1fr) auto auto;gap:0;align-self:center;min-width:0;position:relative;width:100%;background:transparent}
.hero-object .object-grid{display:none}.hero-object .object-label{margin:0 24px 0;align-self:start;max-width:calc(100% - 48px);font-size:10px;gap:16px}.hero-object .ap-brand-logo{width:34px;height:32px}
.hero-object .watch-stage{grid-row:2;width:100%;position:relative;height:clamp(320px,51vh,460px);min-width:0;isolation:isolate;overflow:hidden}
#watch-canvas{width:100%;height:100%;display:block;position:absolute;inset:0;opacity:0;touch-action:pan-y;cursor:grab}#watch-canvas:active{cursor:grabbing}
.watch-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;padding:8px 24px}
#watch-3d[data-state=ready] #watch-canvas{opacity:1}#watch-3d[data-state=ready] .watch-fallback{visibility:hidden}
.watch-controls{position:absolute;left:24px;bottom:12px;display:flex;gap:16px;z-index:2}.watch-controls button{border:0;background:var(--ink);color:var(--muted);font-size:11px;min-height:32px;padding:4px 0;line-height:1.5;cursor:pointer}.watch-controls button:hover{color:var(--paper)}.watch-controls button:focus-visible{outline:1px solid var(--cyan);outline-offset:4px}.watch-controls button[hidden]{display:none}
.hero-object .object-caption{grid-row:3;position:static;margin:4px 24px 20px;max-width:calc(100% - 48px);text-align:right}.object-caption .model-name{font-size:13px;line-height:1.5}.object-caption .model-reference{font-size:11px;color:var(--muted);margin-top:4px}
.hero-object .hero-link-r12{grid-row:4;border-top:1px solid var(--line);background:transparent;display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);gap:16px;padding:20px 12px;min-height:64px;font-size:13px;line-height:1.5;text-align:center;align-items:center}
.hero-link-r12 .identity-inline{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--paper);text-decoration:none;padding:8px 0;white-space:nowrap}.identity-inline svg{width:14px;height:14px;fill:none;stroke:var(--cyan);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.identity-inline:hover span{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--cyan)}.identity-inline:focus-visible{outline:1px solid var(--cyan);outline-offset:4px;border-radius:4px}.hero-link-r12>i{width:100%;min-width:0;max-width:none;height:1px;background:var(--line)}
.hero-bottom{padding-top:24px;margin-top:0;border:0}
@media(min-width:1440px){.hero{gap:80px}.hero-copy .lead{font-size:16px}.hero-object .watch-stage{height:480px}.hero-link-r12{font-size:14px!important}}
@media(min-width:901px) and (max-height:780px){.hero{padding-top:28px;padding-bottom:16px}.hero-object .watch-stage{height:340px}.hero-copy{padding-bottom:28px}.hero-bottom{padding-top:12px}}
@media(max-width:1100px){.hero{gap:32px}.hero h1{font-size:42px}.hero-copy .lead{font-size:14px}.hero-object .hero-link-r12{gap:8px;font-size:12px;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr)}}
@media(max-width:800px){.hero{gap:24px;padding-top:32px}.hero h1{font-size:36px}.hero-copy{padding-bottom:24px}.hero-object .watch-stage{height:320px}.hero-object .object-label{margin:0 12px;font-size:8px;gap:10px}.hero-object .object-caption{margin:4px 12px 16px}.hero-object .object-caption .model-name{font-size:11px}.hero-object .hero-link-r12{gap:6px;padding:12px 0;font-size:10px;grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr)}.identity-inline svg{width:11px;height:11px}.hero-link-r12 .identity-inline{gap:4px}.watch-controls{left:12px;gap:12px}.watch-controls button{font-size:10px}}
@media(max-width:560px){.hero{display:flex;gap:0;padding-top:32px}.hero-copy{padding-bottom:0;align-self:stretch}.hero h1{font-size:40px}.hero-copy .eyebrow{margin-bottom:20px}.hero-copy .lead{margin:20px 0 24px;line-height:1.8}.hero-object{margin-top:40px}.hero-object .watch-stage{height:360px}.hero-object .object-label{font-size:10px;margin:0 8px}.hero-object .object-caption{margin:8px 8px 16px}.hero-object .object-caption .model-name{font-size:12px}.hero-object .hero-link-r12{font-size:12px;padding:12px 0;gap:8px;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr)}.hero-bottom{display:none}.watch-controls{left:8px}.watch-fallback{padding:8px}.hero-link-r12 .identity-inline{gap:6px}}
@media(prefers-reduced-motion:reduce){#watch-canvas{transition:none}}