.props-api-page{--pa-paper:var(--bg-white);--pa-ink:var(--text-primary);--pa-muted:var(--text-secondary);--pa-rule:var(--border-color);color:var(--pa-ink);background:var(--pa-paper)}
.pa-shell{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.pa-skip{position:fixed;top:-80px;left:20px;z-index:10001;background:var(--primary-color);color:var(--bg-dark);padding:14px}.pa-skip:focus{top:12px}
.props-api-page :is(button,a,input):focus-visible{outline:3px solid var(--primary-color);outline-offset:5px}
.props-api-page [hidden]{display:none!important}
.pa-hero{padding-top:46px}
.pa-eyebrow{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--pa-rule);font-size:11px;font-weight:700;letter-spacing:.14em}
.pa-eyebrow>span:last-child{color:var(--pa-muted)}
.pa-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:40px;align-items:center;padding:55px 0 62px}
.pa-kicker{font-size:11px;font-weight:750;letter-spacing:.14em;color:var(--pa-muted);margin:0 0 19px}
.pa-hero h1{font-size:clamp(32px,3.1vw,46px);letter-spacing:-.055em;line-height:1.32;margin:0 0 26px;font-weight:800;word-break:keep-all}
.pa-hero h1 em{color:var(--primary-color);font-style:normal}
.pa-lead{font-size:21px;line-height:1.6;font-weight:650;letter-spacing:-.025em;margin:0 0 14px}
.pa-intro{font-size:14px;line-height:1.9;color:var(--pa-muted);margin:0}
.pa-hero-links{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}
.pa-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--primary-color);color:var(--bg-dark);padding:16px 22px;font-size:14px;font-weight:750;text-decoration:none;border:1px solid transparent}
.pa-button:hover{background:var(--secondary-color);color:var(--bg-dark)}
.pa-text-link{color:var(--pa-ink);font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:6px}
.pa-hero-figure{margin:0;position:relative;padding:0 0 38px 28px}
.pa-stage{display:block;width:100%;height:370px;object-fit:cover;object-position:55% center;border-radius:2px}
.pa-photo-inset{position:absolute;bottom:66px;left:0;width:172px;padding:7px;background:var(--pa-paper);box-shadow:0 8px 28px #0002;transform:rotate(-5deg)}
.pa-photo-inset img{display:block;width:100%;height:104px;object-fit:cover}
.pa-photo-inset>span{display:flex;justify-content:space-between;padding:8px 3px 2px;font-size:9px;letter-spacing:.1em;font-weight:700}
.pa-hero-figure figcaption{display:flex;align-items:center;gap:8px;padding-top:18px;font-size:10px;color:var(--pa-muted)}
.pa-hero-figure figcaption>span:last-child{margin-left:auto;font-size:9px;letter-spacing:.07em}
.pa-dot{width:6px;height:6px;border-radius:50%;background:var(--primary-color)}
.pa-index{display:flex;align-items:center;border-top:1px solid var(--pa-rule);border-bottom:1px solid var(--pa-rule);margin-bottom:64px}
.pa-index a{display:flex;align-items:center;gap:18px;padding:21px 28px 21px 0;margin-right:30px;border-right:1px solid var(--pa-rule);color:var(--pa-ink);font-size:14px;font-weight:650}
.pa-index a>span{font-size:10px;color:var(--pa-muted)}.pa-index b{font-weight:500;color:var(--primary-color)}
.pa-index>p{margin-left:auto;font-size:12px;color:var(--pa-muted)}
.pa-api-section{background:var(--bg-light);padding:65px 0 42px;border-bottom:1px solid var(--pa-rule)}
.props-api-page section[id]{scroll-margin-top:calc(var(--navbar-height,80px) + 22px)}
.pa-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}
.pa-section-heading .pa-kicker{margin-bottom:14px}
.pa-section-heading h2,.pa-contact h2{font-size:clamp(25px,2.6vw,35px);line-height:1.35;font-weight:750;letter-spacing:-.045em;margin:0;word-break:keep-all}
.pa-section-heading>p{color:var(--pa-muted);font-size:13px;line-height:1.9;margin:0}
.pa-showcase{display:grid;grid-template-columns:300px minmax(0,1fr);gap:38px}
.pa-demo-buttons{display:flex;flex-direction:column}
.pa-demo-buttons button{display:flex;align-items:center;gap:16px;width:100%;padding:25px 17px;text-align:left;border:0;border-bottom:1px solid var(--pa-rule);background:transparent;color:var(--pa-ink);cursor:pointer;font-family:inherit}
.pa-demo-buttons button[aria-pressed=true]{background:var(--pa-ink);color:var(--pa-paper);border-color:var(--pa-ink)}
.pa-demo-number{font-size:11px;opacity:.65;font-variant-numeric:tabular-nums;align-self:flex-start;padding-top:5px}
.pa-demo-buttons strong{display:block;font-size:20px;font-weight:700;letter-spacing:-.025em}
.pa-demo-buttons small{display:block;font-size:11px;margin-top:7px;opacity:.75;line-height:1.4}
.pa-demo-arrow{margin-left:auto;color:var(--primary-color);font-size:20px}
.pa-demo-view{min-width:0}.pa-demo-view video{display:block;width:100%;aspect-ratio:16/9;background:var(--bg-dark);object-fit:contain}
.pa-demo-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-top:23px}
.pa-demo-caption .pa-kicker{font-size:10px;margin-bottom:8px;color:var(--pa-muted)}
.pa-demo-caption h3{font-size:20px;letter-spacing:-.035em;margin:0 0 10px}.pa-demo-caption p:not(.pa-kicker){font-size:13px;line-height:1.8;color:var(--pa-muted);margin:0}
#demo-duration{font-size:12px;color:var(--pa-muted);font-variant-numeric:tabular-nums;padding-top:3px}
.pa-api-note{font-size:12px;color:var(--pa-muted);border-top:1px solid var(--pa-rule);margin-top:30px;padding-top:20px}
#demo-error{padding:15px;background:var(--color-warning-bg);color:var(--color-warning-text);font-size:14px}#demo-error a{text-decoration:underline;color:inherit}
.pa-props-section{padding-block:76px 56px}
.pa-catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--pa-rule);padding-bottom:18px}
.pa-filters{display:flex;gap:6px;flex-wrap:wrap}.pa-filters button{border:1px solid transparent;padding:9px 12px;background:transparent;color:var(--pa-muted);font:600 12px var(--font-body);cursor:pointer;border-radius:2px;white-space:nowrap}
.pa-filters button[aria-pressed=true]{background:var(--pa-ink);color:var(--pa-paper)}.pa-filters button:hover{border-color:var(--pa-muted)}
.pa-search{display:flex;align-items:center;gap:12px;font-size:11px;white-space:nowrap}.pa-search input{width:154px;min-width:0;padding:10px 2px;background:transparent;border:0;border-bottom:1px solid var(--pa-muted);color:var(--pa-ink);border-radius:0;font:13px var(--font-body)}
.pa-catalog-meta{display:flex;justify-content:space-between;gap:16px;margin:20px 0;color:var(--pa-muted);font-size:11px}.pa-catalog-meta p{margin:0}.pa-catalog-meta>span{font-size:9px;letter-spacing:.12em}
.pa-prop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}
.pa-prop-card{min-width:0}.pa-prop-open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}
.pa-prop-photo{position:relative;overflow:hidden;background:var(--bg-gray);aspect-ratio:4/3}
.pa-prop-photo img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}
.pa-prop-open:hover img{transform:scale(1.035)}
.pa-prop-id{position:absolute;top:11px;left:11px;padding:5px 6px;background:var(--pa-paper);color:var(--pa-ink);font-size:9px;letter-spacing:.08em}
.pa-prop-zoom{position:absolute;right:10px;bottom:10px;width:26px;height:26px;background:var(--pa-paper);color:var(--pa-ink);display:grid;place-items:center;font-size:17px}
.pa-prop-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:14px 0 7px;font-size:10px;color:var(--pa-muted)}
.pa-prop-card h3{font-size:17px;font-weight:700;letter-spacing:-.03em;margin:0;line-height:1.45;word-break:keep-all}
.pa-provisional{display:inline-block;font-size:10px;padding:3px 6px;border:1px solid var(--pa-rule);color:var(--pa-muted)}
.pa-label-note{margin-top:34px;color:var(--pa-muted);font-size:12px;line-height:1.9}
.pa-feedback{padding:45px 20px;text-align:center;background:var(--bg-light);color:var(--pa-muted)}.pa-feedback button{padding:10px 15px;margin-top:15px;background:var(--pa-paper);color:var(--pa-ink);border:1px solid var(--pa-rule);font:inherit;cursor:pointer}
.pa-contact{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:2px solid var(--pa-ink);padding-block:44px 65px}
.pa-contact .pa-kicker{margin-bottom:14px}.pa-contact p:not(.pa-kicker){font-size:14px;color:var(--pa-muted);margin:14px 0 0}.pa-contact .pa-button{flex-shrink:0}
.pa-dialog{position:fixed;inset:0;width:min(880px,calc(100% - 32px));max-height:90dvh;margin:auto;padding:0;border:0;background:var(--pa-paper);color:var(--pa-ink);overflow:auto;box-shadow:var(--shadow-xl)}
.pa-dialog::backdrop{background:#000b}.pa-dialog>img{display:block;width:100%;height:min(60dvh,560px);object-fit:contain;background:var(--bg-gray)}
.pa-dialog-close{position:absolute;right:12px;top:12px;border:1px solid var(--pa-rule);background:var(--pa-paper);color:var(--pa-ink);border-radius:50%;width:44px;height:44px;font-size:28px;cursor:pointer}
.pa-dialog-copy{padding:25px 30px}.pa-dialog-copy .pa-kicker{margin-bottom:8px}.pa-dialog-copy h2{font-size:24px;margin:0 0 12px}.pa-dialog-copy>p:not(.pa-kicker){font-size:14px;color:var(--pa-muted);line-height:1.8}.pa-dialog-copy .pa-provisional{margin-top:12px}
html.pa-dialog-open{overflow:hidden}
@media(min-width:1600px){.pa-stage{height:405px}}
@media(max-width:1100px){.pa-shell{width:calc(100% - 56px)}.pa-hero-grid{gap:24px}.pa-stage{height:330px}.pa-hero h1{font-size:34px}.pa-showcase{grid-template-columns:250px minmax(0,1fr);gap:24px}.pa-catalog-toolbar{align-items:flex-start;flex-direction:column;gap:15px}.pa-search{align-self:flex-end}.pa-prop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pa-index>p{display:none}}
@media(max-width:760px){.pa-shell{width:calc(100% - 36px)}.pa-hero{padding-top:calc(var(--navbar-height,80px) + 25px)}.pa-eyebrow{font-size:9px;letter-spacing:.06em;padding-bottom:16px}.pa-eyebrow>span:last-child{display:none}.pa-hero-grid{grid-template-columns:1fr;padding:30px 0 20px;gap:32px}.pa-hero h1{font-size:clamp(28px,7.4vw,42px)}.pa-lead{font-size:18px}.pa-intro{font-size:13px}.pa-hero-links{gap:20px;margin-top:24px}.pa-hero-figure{padding-left:18px;padding-bottom:16px}.pa-stage{height:auto;aspect-ratio:16/10}.pa-photo-inset{width:128px;bottom:53px}.pa-photo-inset img{height:75px}.pa-photo-inset>span{font-size:7px}.pa-hero-figure figcaption{font-size:9px}.pa-hero-figure figcaption>span:last-child{display:none}.pa-index{margin-bottom:32px}.pa-index a{flex:1;margin:0;padding:18px 12px;font-size:12px;gap:12px}.pa-index a:last-of-type{border-right:0}.pa-index b{margin-left:auto}.pa-api-section{padding:38px 0 24px}.pa-section-heading{display:block;margin-bottom:25px}.pa-section-heading>p{margin-top:15px;font-size:12px}.pa-showcase{display:flex;flex-direction:column;gap:18px}.pa-demo-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px}.pa-demo-buttons button{padding:14px 10px;gap:9px}.pa-demo-buttons strong{font-size:16px}.pa-demo-buttons small{font-size:9px;line-height:1.5}.pa-demo-arrow{font-size:16px}.pa-demo-number{font-size:9px;padding-top:3px}.pa-demo-caption h3{font-size:19px}.pa-demo-caption{padding-top:18px}.pa-props-section{padding:42px 0}.pa-prop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.pa-filters{gap:3px}.pa-filters button{font-size:11px;padding:9px 10px}.pa-search{align-self:stretch}.pa-search input{flex:1}.pa-catalog-meta>span{display:none}.pa-prop-card h3{font-size:15px}.pa-prop-meta{font-size:9px;align-items:flex-start;flex-wrap:wrap;gap:4px}.pa-provisional{font-size:8px}.pa-contact{align-items:flex-start;flex-direction:column;padding-block:32px 40px}.pa-contact .pa-button{margin-top:5px}.pa-dialog-copy{padding:22px}.pa-dialog>img{height:48dvh}}
@media(prefers-reduced-motion:reduce){.props-api-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.props-api-page .pa-hero{scroll-margin-top:var(--navbar-height,80px)}
@media(max-width:760px){.pa-hero{padding-top:25px}}

/* Operating screenshots retain their entire interface, including the status bars. */
.pa-operating-section{padding-top:70px}
.pa-operating-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;border-bottom:1px solid var(--pa-rule);padding-bottom:60px}
.pa-operating-card{min-width:0}
.pa-operating-image{display:block;position:relative;background:var(--bg-dark);padding:14px;overflow:hidden}
.pa-operating-image>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.pa-operating-image>span{display:flex;justify-content:space-between;padding:14px 4px 1px;color:var(--text-white);font-size:11px;letter-spacing:.04em}
.pa-operating-image:hover>span{color:var(--primary-color)}
.pa-operating-copy{padding-top:25px}
.pa-operating-copy .pa-kicker{margin-bottom:12px}
.pa-operating-copy h3{font-size:22px;letter-spacing:-.035em;line-height:1.5;margin-bottom:12px;word-break:keep-all}
.pa-operating-copy>p:not(.pa-kicker){font-size:14px;line-height:1.9;color:var(--pa-muted)}
.pa-operating-copy ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:20px 0 0;padding:0}
.pa-operating-copy li{border:1px solid var(--pa-rule);padding:6px 9px;color:var(--pa-muted);font-size:11px}

/* Rotate the presentation without altering the original photographs. Container
   units swap the image box dimensions so a quarter-turn stays fully contained. */
.pa-photo-frame{container-type:size;position:relative}
.pa-photo-frame img[data-rotation="180"]{transform:rotate(180deg)}
.pa-prop-open:hover img[data-rotation="180"]{transform:rotate(180deg) scale(1.035)}
.pa-photo-frame img[data-rotation="-90"]{position:absolute;left:50%;top:50%;width:100cqh;height:100cqw;max-width:none;transform:translate(-50%,-50%) rotate(-90deg)}
.pa-prop-open:hover img[data-rotation="-90"]{transform:translate(-50%,-50%) rotate(-90deg) scale(1.035)}
.pa-dialog-media{height:min(60dvh,560px);background:var(--bg-gray)}
.pa-dialog-media img{display:block;width:100%;height:100%;object-fit:contain}
.pa-dialog-close{z-index:1}
.pa-dialog-screen{width:min(1200px,calc(100% - 32px))}
.pa-dialog-screen .pa-dialog-media{container-type:normal;height:auto;background:var(--bg-dark)}
.pa-dialog-screen .pa-dialog-media img{height:auto}
.pa-dialog-original{display:inline-block;margin-top:14px;color:var(--pa-ink);font-size:13px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){
    .pa-index{flex-wrap:wrap}
    .pa-index a{flex:1 0 50%;margin:0}
    .pa-index a:nth-child(2){border-right:0}
    .pa-index a:last-of-type{flex-basis:100%;border-top:1px solid var(--pa-rule)}
    .pa-operating-section{padding-top:42px}
    .pa-operating-grid{grid-template-columns:1fr;gap:32px;padding-bottom:36px}
    .pa-operating-image{padding:10px}
    .pa-operating-copy{padding-top:20px}
    .pa-operating-copy h3{font-size:21px}
    .pa-operating-copy>p:not(.pa-kicker){font-size:13px}
    .pa-dialog-media{height:48dvh}
    .pa-dialog-screen .pa-dialog-media{height:auto}
}