/* Accepted photo concept. Shared typography and reservation-screen UI stay in the base sheet. */
.hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;column-gap:58px;align-items:center;padding:56px 28px 54px}
.hero-copy{min-width:0}.hero-copy .lead{max-width:600px}.hero-copy h1{font-size:40px}
.hero-finished-visual{position:relative;padding:12px 10px 22px 42px;max-width:330px;width:100%;justify-self:center}
.hero-finished-screen{width:260px;max-width:100%;margin:0 0 0 auto;border:6px solid #fff;border-radius:18px;background:#f9f9ff;box-shadow:0 16px 42px #050a333d;transform:rotate(3deg)}
.hero-finished-screen .source-window{height:300px}
.hero-photo-accent{position:absolute;left:0;bottom:0;width:116px;margin:0;padding:6px;background:#fff;box-shadow:0 9px 24px #050a332e;transform:rotate(-8deg)}
.hero-photo-accent .photo{width:100%;aspect-ratio:1.1}
.preparation-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:22px 12px 26px;margin:20px 0 12px;align-items:center}
.prep-shot{position:relative;background:#fff;border:1px solid #dde1ea;padding:7px;margin:0;box-shadow:0 8px 22px #20274312;transform:rotate(var(--tilt))}
.prep-shot:nth-child(even){margin-top:22px}
.prep-shot:before{content:'';display:block;position:absolute;top:-9px;left:34%;width:33%;height:18px;background:#d7c5a199;transform:rotate(-5deg)}
.prep-photo{display:block;width:100%;aspect-ratio:1;overflow:hidden}
.source-window{isolation:isolate}
.source-window iframe:not([data-preview-ready]){visibility:hidden}
.source-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;color:#50596b;font-size:14px;line-height:1.7;text-align:center}
@media(max-width:900px){
 .hero{grid-template-columns:minmax(0,1fr);gap:28px}
 .hero-copy h1{font-size:34px}
 .hero-finished-visual{max-width:310px;padding-left:30px}
 .hero-finished-screen{width:246px}.hero-photo-accent{width:108px}
}
@media(max-width:680px){
 .hero{padding:36px 20px;gap:28px}.hero-copy h1{font-size:30px}
 .hero-finished-visual{max-width:290px;padding:0 10px 18px 30px}
 .hero-finished-screen{width:236px}.hero-photo-accent{width:104px;left:0}
 .hero-copy .anchor-nav{gap:12px 16px}
 .preparation-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:16px 8px 20px;margin:16px 0 12px}
 .prep-shot{padding:5px}.prep-shot:nth-child(even){margin-top:10px}
 .prep-shot:before{height:14px;top:-7px}
}