.sp{color:#fff;background:#0a0a0b}.sp-stage{padding:clamp(72px,12vh,140px) var(--page-g);gap:clamp(32px,5vh,56px);display:grid}.sp-head{gap:14px;max-width:760px;display:grid}.sp-eye,.sp-grid-eye{letter-spacing:.14em;text-transform:uppercase;color:#8c8a84;margin:0;font:500 11px/1 JetBrains Mono,ui-monospace,monospace}.sp-h{text-transform:uppercase;letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(34px,5vw,76px);font-weight:800;line-height:.95}.sp-lead{color:#c9c7c1;max-width:56ch;margin:0;font-size:16px;line-height:1.6}.sp-grid-wrap{gap:16px;display:grid}.sp-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sp-tile{aspect-ratio:4/5;background:#0a0a0b;border:1px solid #ffffff1f;margin:0;transition:border-color .6s;position:relative;overflow:hidden}.sp-tile:hover{border-color:#ffffff4d}.sp-photo img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block;transform:scale(1)}.sp-photo:hover img{transform:scale(1.03)}.sp-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0a0a0be0);height:38%;position:absolute;inset:auto 0 0}.sp-marks{pointer-events:none;position:absolute;inset:0}.sp-marks i{border:0 solid #fff3;width:22px;height:22px;position:absolute}.sp-marks i:first-child{border-top-width:1px;border-left-width:1px;top:calc(50% - 60px);left:calc(50% - 60px)}.sp-marks i:nth-child(2){border-top-width:1px;border-right-width:1px;top:calc(50% - 60px);right:calc(50% - 60px)}.sp-marks i:nth-child(3){border-bottom-width:1px;border-left-width:1px;bottom:calc(50% - 60px);left:calc(50% - 60px)}.sp-marks i:nth-child(4){border-bottom-width:1px;border-right-width:1px;bottom:calc(50% - 60px);right:calc(50% - 60px)}.sp-num{letter-spacing:.06em;color:#f5c400;font-variant-numeric:tabular-nums;font:700 20px/1 JetBrains Mono,ui-monospace,monospace;position:absolute;top:14px;left:14px}.sp-copy{gap:6px;display:grid;position:absolute;bottom:12px;left:14px;right:14px}.sp-copy h3{letter-spacing:.12em;text-transform:uppercase;color:#f5c400;margin:0;font:500 12px/1.2 JetBrains Mono,ui-monospace,monospace}.sp-copy p{color:#c9c7c1;margin:0;font-size:13px;line-height:1.45}.sp-copy-photo{z-index:1}.sp-note{color:#8c8a84;max-width:56ch;margin:0;font-size:14px;line-height:1.6}@media (width<=899px){.sp-marks i:nth-child(3),.sp-marks i:nth-child(4){bottom:calc(50% - 40px)}.sp-photo:after{height:52%}}@media (width>=900px){.sp-grid{grid-template-columns:repeat(4,1fr)}}
