
.cp-portrait{--cp-serif:var(--serif,Georgia,"Times New Roman",serif);--cp-sans:var(--sans,Arial,Helvetica,sans-serif);background:#101f35;color:#fff;font:400 16px/1.6 var(--cp-sans);-webkit-font-smoothing:antialiased;box-sizing:border-box}
.cp-portrait *{box-sizing:border-box}
.cp-portrait .cp-inner{max-width:1200px;margin:auto;padding:var(--pad,clamp(1.25rem,5vw,5rem)) var(--pad,clamp(1.25rem,5vw,5rem)) clamp(32px,5vw,64px)}
.cp-portrait h1{font:400 clamp(2rem,3.8vw,3.55rem)/1.17 var(--cp-serif);letter-spacing:-.025em;max-width:30ch;text-align:center;margin:0 auto;text-wrap:pretty}
.cp-portrait .cp-stage{position:relative;max-width:1000px;margin:52px auto 0;aspect-ratio:880/560}
.cp-portrait svg{width:100%;height:auto;display:block;overflow:visible}
.cp-portrait .cp-arm{fill:none;stroke:rgba(255,255,255,.3);stroke-width:1;vector-effect:non-scaling-stroke}
.cp-portrait .cp-arm.is-active{stroke:#d7b777;stroke-width:2}
.cp-portrait .cp-plus{transform-box:fill-box;transform-origin:center}
.cp-portrait .cp-centre{font:italic 1.125rem var(--cp-serif);fill:#fff;text-anchor:middle}
.cp-portrait .cp-controls{position:absolute;inset:0}
.cp-portrait .cp-control{position:absolute;display:block;min-height:44px;min-width:44px;padding:10px 8px;border:0;border-radius:0;background:#101f35;color:#fff;cursor:pointer;text-align:center;font:inherit;-webkit-tap-highlight-color:transparent}
.cp-portrait .cp-control:focus-visible{outline:2px solid #d7b777;outline-offset:2px}
.cp-portrait .cp-control:nth-child(1){left:50%;top:0;transform:translateX(-50%);width:90%}
.cp-portrait .cp-control:nth-child(2){left:70%;top:50%;transform:translateY(-50%);width:30%;text-align:left}
.cp-portrait .cp-control:nth-child(3){left:50%;bottom:0;transform:translateX(-50%);width:94%}
.cp-portrait .cp-control:nth-child(4){right:70%;top:50%;transform:translateY(-50%);width:30%;text-align:right}
.cp-portrait .cp-verb{display:block;font:700 1rem/1.6 var(--cp-sans);letter-spacing:.14em;color:#fff}
.cp-portrait .cp-sub{display:block;font:italic 1rem/1.6 var(--cp-serif);color:rgba(255,255,255,.72);margin-top:5px}
.cp-portrait .cp-sub-line{display:block}
.cp-portrait .cp-control.is-active .cp-verb,.cp-portrait .cp-mobile-verb.is-active{color:#D4B26A;fill:#D4B26A}
.cp-portrait .cp-control.is-dim .cp-verb,.cp-portrait .cp-control.is-dim .cp-sub{color:rgba(255,255,255,.55)}
.cp-portrait .cp-foot{font:italic 1rem/1.6 var(--cp-serif);text-align:center;color:rgba(255,255,255,.78);border-top:1px solid rgba(255,255,255,.18);padding-top:24px;margin:40px 0 0}
.cp-portrait .cp-mobile{display:none}
.cp-portrait .cp-mobile-verb{font:700 12px var(--cp-sans);letter-spacing:.06em;fill:#fff;text-anchor:middle}
@media(max-width:719px){.cp-portrait .cp-stage{aspect-ratio:auto;margin-top:36px}.cp-portrait .cp-desktop{display:none}.cp-portrait .cp-mobile{display:block;max-width:360px;margin:auto}.cp-portrait .cp-controls{position:static;margin-top:24px}.cp-portrait .cp-control:nth-child(n){position:static;transform:none;width:100%;text-align:left;padding:20px 0;border-top:1px solid rgba(255,255,255,.18)}.cp-portrait .cp-sub-line{display:inline}.cp-portrait .cp-centre{font-size:14px}.cp-portrait .cp-foot{margin-top:20px}}
@media(min-width:720px) and (max-width:1000px){.cp-portrait .cp-stage{margin-top:44px;aspect-ratio:880/640}.cp-portrait .cp-desktop{position:absolute;top:50%;transform:translateY(-50%)}.cp-portrait .cp-control:nth-child(2),.cp-portrait .cp-control:nth-child(4){width:30%}.cp-portrait .cp-control:nth-child(2){left:70%}.cp-portrait .cp-control:nth-child(4){right:70%}}
@media(prefers-reduced-motion:reduce){.cp-portrait *{animation:none!important;transition:none!important}}
