.imagery{display:grid;gap:var(--s3)}.imagery-tabs{display:flex;gap:7px;flex-wrap:wrap}.imagery-tabs .chip{cursor:pointer}.imagery-tabs .chip[aria-selected=true]{background:var(--brand);color:#fff}.imagery-frame{position:relative;width:100%;height:clamp(220px,34vw,340px);border:2.5px solid var(--line);border-radius:var(--r2);overflow:hidden;box-shadow:var(--sh1);background:var(--surface2)}.imagery-frame iframe{width:100%;height:100%;border:0;display:block}.imagery-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--s4)}.imagery-ph .mono{font-size:11px;color:var(--ink3)}.detail-hero{--hero-start: #b9d9ff;--hero-end: #72aaff;position:relative;display:grid;isolation:isolate;grid-template-columns:minmax(0,58%) minmax(330px,42%);min-height:206px;overflow:hidden;border:2px solid var(--line);border-radius:24px;background:linear-gradient(115deg,var(--hero-start),var(--hero-end));box-shadow:5px 5px 0 var(--line)}.detail-hero[data-category=shop]{--hero-start: #ffe5b7;--hero-end: #ffb84f}.detail-hero[data-category=groom]{--hero-start: #ecd2ff;--hero-end: #c88bff}.detail-hero[data-category=shelter]{--hero-start: #ffd1df;--hero-end: #ff8db2}.detail-hero[data-category=board]{--hero-start: #c5f3ed;--hero-end: #62d6c9}.detail-hero__content{position:relative;z-index:2;display:flex;align-items:center;gap:20px;padding:30px 34px}.detail-hero__icon{flex:0 0 76px;width:76px;height:76px;display:grid;place-items:center;overflow:hidden;border:2px solid #17172d;border-radius:18px;background:#17172d;box-shadow:inset 0 0 0 3px #ffffff2e,4px 4px #17172d2e}.detail-hero__icon svg{width:46px;height:46px;display:block}.detail-hero__icon img{display:block;width:46px;height:46px;object-fit:contain}.detail-hero__copy{min-width:0}.detail-hero__verified{flex:0 0 auto;display:block}.detail-hero__verified img{display:block;width:50px;height:auto;filter:drop-shadow(2px 3px 0 rgba(23,23,45,.12))}.detail-hero__category{display:inline-flex;align-items:center;min-height:28px;margin:0 0 10px;padding:4px 12px;border:2px solid var(--line);border-radius:999px;background:#ffffffe0;color:var(--line);font:800 12px/1 var(--mono);letter-spacing:.02em}.detail-hero__title{max-width:680px;margin:0;color:#17172d;font-family:var(--head);font-size:clamp(28px,3.1vw,39px);line-height:1.06;letter-spacing:-.035em;text-wrap:balance}.detail-hero__location{display:flex;align-items:center;gap:7px;margin:12px 0 0;color:#282a43;font:700 14px/1.3 var(--body)}.detail-hero__location svg{width:16px;height:16px;fill:currentColor;flex:none}.detail-hero__media{position:relative;min-height:206px;background:#dceaff}.detail-hero__media:before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:108px;pointer-events:none;background:linear-gradient(90deg,var(--hero-end),transparent)}.detail-hero__media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(23,23,45,.05),transparent 35%)}.detail-hero__media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.detail-hero__media.is-broken{background:var(--hero-end)}.detail-hero__credit{margin:10px 0 0;height:18px;visibility:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:500 11.5px/18px var(--body);color:var(--ink3)}.detail-hero__credit.is-on{visibility:visible}.detail-hero__credit a{color:var(--ink3);text-decoration:underline}@media(max-width:760px){.detail-hero{display:flex;flex-direction:column-reverse;min-height:0;border-radius:20px;box-shadow:4px 4px 0 var(--line)}.detail-hero__content{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:start;gap:14px;width:100%;padding:20px}.detail-hero__icon{flex-basis:60px;width:60px;height:60px;border-radius:15px}.detail-hero__icon svg,.detail-hero__icon img{width:38px;height:38px}.detail-hero__content.has-verified{grid-template-columns:60px minmax(0,1fr) auto}.detail-hero__verified{align-self:center}.detail-hero__verified img{width:40px}.detail-hero__title{width:100%;max-width:100%;overflow-wrap:anywhere}.detail-hero__category{margin-bottom:8px;min-height:24px;padding:3px 9px;font-size:10px}.detail-hero__title{font-size:clamp(24px,7vw,31px)}.detail-hero__location{margin-top:9px;font-size:13px}.detail-hero__media,.detail-hero__media img{min-height:148px;height:148px}.detail-hero__media:before{inset:auto 0 0;width:100%;height:56px;background:linear-gradient(180deg,transparent,var(--hero-start))}.detail-hero__media:after{display:none}}