/* Real homepage captures, arranged like five presentation boards. */
body.pop-site .real-models{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:55px 5%;padding:38px 1% 50px;align-items:start}
body.pop-site .real-model{grid-column:span 6;min-width:0;--tilt:-2.2deg;--lift:0px}
body.pop-site .real-model:nth-child(2){--tilt:2.5deg;margin-top:75px}
body.pop-site .real-model:nth-child(3){--tilt:1.6deg;grid-column:span 5}
body.pop-site .real-model:nth-child(4){--tilt:-1.8deg;grid-column:7 / span 6;margin-top:70px}
body.pop-site .real-model:nth-child(5){--tilt:1.2deg;grid-column:3 / span 8;margin-top:12px}
body.pop-site .real-model-link{display:block;text-decoration:none;position:relative;color:var(--ink)}
body.pop-site .real-model-frame{display:block;background:white;border:1px solid #c9cbd2;box-shadow:0 14px 35px #14141420;transform:rotate(var(--tilt));transform-origin:center;transition:transform .32s ease,box-shadow .32s ease;position:relative;overflow:hidden;border-radius:5px}
body.pop-site .real-model-top{display:flex;align-items:center;gap:5px;height:27px;background:#f1f2f5;border-bottom:1px solid #ddd;padding:0 11px;color:#454550;font:10px/1 Arial,sans-serif;letter-spacing:.05em}
body.pop-site .real-model-top i{height:5px;width:5px;border:1px solid #92949d;border-radius:100%}
body.pop-site .real-model-top span{margin-left:auto}
body.pop-site .real-model-shot{display:block;width:100%;height:auto;aspect-ratio:1280/910;object-fit:contain;filter:none;transform:none}
body.pop-site .real-model-open{position:absolute;right:12px;bottom:12px;padding:10px 14px;background:var(--blue);color:white;font-size:12px;font-weight:700;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}
body.pop-site .real-model-caption{display:flex;align-items:baseline;gap:13px;margin-top:27px}
body.pop-site .real-model-caption h3{font-size:26px;line-height:1.2;letter-spacing:-.6px;margin:0}
body.pop-site .real-model-caption .real-model-number{font-size:11px;letter-spacing:.09em;color:var(--blue);font-weight:700}
body.pop-site .real-model-caption .real-model-arrow{margin-left:auto;font-size:26px;color:var(--blue)}
body.pop-site .real-model p{font-size:14px;line-height:1.6;max-width:38em;margin:9px 0 0;color:#53535b}
body.pop-site .real-model-link:focus-visible{outline:3px solid var(--blue);outline-offset:13px}
body.pop-site .real-model-link:focus-visible .real-model-frame{transform:rotate(0) translateY(-8px) scale(1.025);box-shadow:0 22px 45px #14141430}
body.pop-site .real-model-link:focus-visible .real-model-open{opacity:1;transform:none}
body.pop-site .real-models-note{font-size:13px!important;color:#53535b;max-width:800px}
body.pop-site .real-models-section{padding:45px 7% 70px;max-width:1500px;margin:auto}
@media(hover:hover) and (pointer:fine){body.pop-site .real-model-link:hover .real-model-frame{transform:rotate(0) translateY(-8px) scale(1.025);box-shadow:0 22px 45px #14141430}body.pop-site .real-model-link:hover .real-model-open{opacity:1;transform:none}}
@media(max-width:700px){body.pop-site .real-models{display:block;padding:25px 2% 5px}body.pop-site .real-model,body.pop-site .real-model:nth-child(n){margin:0 0 46px;--tilt:-1deg}body.pop-site .real-model:nth-child(even){--tilt:1deg}body.pop-site .real-model-caption{margin-top:21px}body.pop-site .real-model-open{display:none}body.pop-site .real-models-section{padding:25px 6% 35px}body.pop-site .real-model-caption h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){body.pop-site .real-model-frame,body.pop-site .real-model-link:is(:hover,:focus-visible) .real-model-frame{transform:none!important;transition:none!important}body.pop-site .real-model-open{transition:none;transform:none}}
