/* My Cincinnati — approved v6 visual restoration on proven hosted shell */
html{scroll-behavior:smooth}
body{overflow-x:hidden;background:#eef2f8}
.app{padding-bottom:82px;background:#faf6ef}
.homebody{padding-bottom:26px}
.share{padding:24px 4px 14px}
.bottom{height:76px;box-shadow:0 -10px 28px rgba(7,27,53,.12)}
@media(min-width:521px){.install{display:none!important}}

/* REAL V6 CINCINNATI HERO */
.hero{
  min-height:535px;
  background-image:linear-gradient(180deg,rgba(7,27,53,.02) 0%,rgba(7,27,53,.00) 58%,rgba(7,27,53,.22) 100%),url('./assets/hero-roebling-cc0.jpg');
  background-size:cover;
  background-position:center 69%;
  background-repeat:no-repeat;
  position:relative;
  overflow:hidden;
}
.hero .skyline{display:none!important}
.heroCard{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 24px 58px rgba(6,21,39,.22)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}

/* REAL V6 PHOTO TILES */
.tile{isolation:isolate;transition:transform .18s ease,box-shadow .18s ease;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.tile:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(7,27,53,.17)}
.tile:active{transform:scale(.975)}
.tile.food{background-image:url('./assets/food-crisp.jpg')!important}
.tile.play{background-image:url('./assets/play-crisp.jpg')!important}
.tile.homes{background-image:url('./assets/homes-crisp.jpg')!important}
.tile:before{background:linear-gradient(180deg,rgba(2,11,22,.03) 15%,rgba(2,11,22,.22) 48%,rgba(2,11,22,.88) 100%)!important;z-index:0}
.tile:after{display:none!important}
.tile>*{z-index:1}

/* RESTORED V6 BRIAN CARD */
.connectCard{background:linear-gradient(145deg,#fff 0%,#fff8f5 100%)!important;border-color:#eadbd5!important;padding:18px!important}
.connectGrid{display:grid;grid-template-columns:116px 1fr;gap:18px;align-items:center}
.connectFace{width:116px;height:145px;border-radius:22px;object-fit:cover;object-position:center top;border:3px solid #fff;box-shadow:0 8px 22px rgba(7,27,53,.16);grid-row:1 / span 2}
.connectCopy{min-width:0}.connectCopy .script{font-size:23px}.connectCopy h3{font-size:31px;margin:1px 0 4px}.connectCopy p{margin:0 0 5px;color:#536175;font-size:13px;line-height:1.3}.connectMeta{font-size:11px;color:#68758a;display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.connectGrid .cta{grid-column:2;width:100%;min-height:50px;margin-top:8px}

/* SHARE + QR + LEGAL */
.shareActions{display:flex;gap:10px;flex-wrap:wrap}.shareActions .ghost{min-height:44px}
.footerLegal{text-align:center;color:#7b8492;font-size:9px;letter-spacing:.45px;padding:16px 4px 8px;line-height:1.5}
.qrSheet{position:fixed;inset:0;z-index:120;background:rgba(4,17,34,.68);display:none;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.qrSheet.show{display:flex}.qrCard{width:min(340px,92vw);background:#fff;border-radius:28px;padding:24px;text-align:center;box-shadow:0 26px 70px rgba(0,0,0,.34)}
.qrCard h3{margin:0 0 5px;font-size:24px}.qrCard p{margin:0 0 16px;color:#657286;font-size:11px;line-height:1.45}.qrCard img{width:220px;height:220px;max-width:100%;border-radius:12px;border:1px solid #e4e7eb}.qrClose{margin-top:15px;border:0;border-radius:999px;background:#071b35;color:#fff;min-height:42px;padding:0 22px;font-weight:900}

@media(min-width:760px){
  .app,.bottom{max-width:900px}
  .topbar{padding-left:34px;padding-right:34px}
  .heroCard{left:34px;right:34px;max-width:760px;margin:auto}
  .homebody,.content{padding-left:32px;padding-right:32px}
  .tiles{gap:14px}
  .tile{min-height:205px}
}

@media(min-width:700px) and (max-height:860px){
  .topbar{height:108px;padding-top:18px}
  .brand{font-size:32px}.brand .my{font-size:24px}
  .hero{min-height:450px;background-position:center 70%}
  .heroCard{bottom:18px;padding:18px 27px;border-radius:27px}
  .heroCard h1{font-size:37px;margin-bottom:9px}
  .heroCard p{margin-bottom:14px;font-size:13px}
  .heroCard .cta{min-height:50px}
}

@media(max-width:520px){
  .app{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
  .homebody{padding:24px 20px calc(88px + env(safe-area-inset-bottom))}
  .share{padding-bottom:8px}
  .hero{min-height:485px;background-position:center 71%}
  .heroCard{left:18px;right:18px;bottom:22px;padding:19px 20px;border-radius:25px}
  .heroCard h1{font-size:33px;line-height:1.01;letter-spacing:-1.8px}
  .heroCard p{font-size:12px;margin-bottom:15px}
  .heroCard .cta{min-height:50px;padding:0 22px;font-size:12px}
  .tiles{gap:8px}.tile{min-height:174px}.bottom{height:78px}
  .connectCard{padding:14px!important}
  .connectGrid{grid-template-columns:104px 1fr;gap:12px}
  .connectFace{width:104px;height:134px;border-radius:20px}
  .connectCopy .script{font-size:19px}.connectCopy h3{font-size:25px;line-height:1.05}.connectCopy p{font-size:10px}.connectMeta{font-size:9px;gap:7px}
  .connectGrid .cta{grid-column:1 / -1;min-height:48px;margin-top:2px}
  .share .script{font-size:29px}.footerLegal{font-size:8px;padding-bottom:6px}
}