/* Reference-based portrait imagery: retain full bodies rather than landscape crops. */
.photo-site .feature .feature-photo{aspect-ratio:1122/1402;height:auto;min-height:0;object-fit:contain;object-position:center;background:#e7e2dc}
.photo-site .practice-photo{align-self:center;position:relative;overflow:hidden;border-radius:5px}
.photo-site .practice-photo>img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:1122/1402;object-fit:contain}
.style-note{position:absolute;left:4%;right:4%;bottom:6%;padding:16px;border:2px solid #df008a;border-top-width:4px;border-radius:15px;background:linear-gradient(135deg,rgba(10,24,44,.97),rgba(3,10,22,.98));box-shadow:0 12px 34px #0008;color:#f7f9fe;text-align:left;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.style-note-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;color:#ed5bad;font-weight:800;font-size:12px;letter-spacing:.12em;line-height:1.4}
.style-note-time{color:#88a9d0;font-size:11px;letter-spacing:0;white-space:nowrap;font-weight:700}
.style-note p{margin:0;border:2px solid #ff008e;border-radius:12px;padding:17px 16px;background:#020c1b;color:#f7f9fe;font-size:clamp(16px,1.6vw,23px);line-height:1.4;font-weight:450;letter-spacing:0;box-shadow:0 0 0 4px #ff008e11}
.style-note-actions{display:flex;justify-content:flex-end;margin-top:14px}.style-note-done{display:inline-block;padding:7px 24px;border:1px solid #ff61b6;border-radius:10px;background:linear-gradient(#ff008e,#d60078);color:white;font-weight:500;font-size:15px;line-height:1.5}
.note-demo-caption{position:absolute;bottom:9px;left:8px;right:8px;text-align:center;font-size:10px;line-height:1.4;color:#fff;text-shadow:0 1px 4px #000,0 0 10px #000}
@media(max-width:950px) and (min-width:701px){.style-note{padding:12px;left:3%;right:3%}.style-note-head{font-size:10px;gap:7px}.style-note-time{font-size:9px}.style-note p{font-size:16px;padding:13px}.style-note-done{font-size:12px;padding:6px 19px}}
@media(max-width:700px){.photo-site .feature .feature-photo{align-self:start;grid-row:1/5}.photo-site .practice-photo{max-width:540px;width:100%;justify-self:center}.style-note{bottom:6%;padding:15px}.style-note p{font-size:clamp(17px,4vw,22px)}.style-note-head{font-size:12px}.style-note-time{font-size:11px}}
@media(max-width:440px){.style-note{padding:11px;border-radius:12px;left:3%;right:3%;bottom:7%}.style-note-head{font-size:10px;gap:5px;margin-bottom:10px}.style-note-time{font-size:9px}.style-note p{padding:13px 12px;font-size:17px;border-radius:10px}.style-note-actions{margin-top:10px}.style-note-done{padding:5px 21px;font-size:13px}.note-demo-caption{font-size:8px;bottom:8px}}