@media (min-width:64rem){.detail-section{border-radius:var(--radius-2xl);border:1px solid var(--color-border-default);background-color:var(--color-bg-default);padding:1.5rem}}@media (min-width:80rem){.detail-section{padding:2rem}}.detail-section-boxed{border-radius:var(--radius-2xl);border:1px solid var(--color-border-default);background-color:var(--color-bg-default);padding:1rem}@media (min-width:40rem){.detail-section-boxed{padding:1.5rem}}@media (min-width:80rem){.detail-section-boxed{padding:2rem}}.detail-section-bleed{width:calc(100% + 2rem);margin-inline:-1rem}@media (40rem<=width<64rem){.detail-section-bleed{width:calc(100% + 3rem);margin-inline:-1.5rem}}@media (min-width:64rem){.detail-section-bleed{width:100%;margin-inline:0}}.detail-region-chip{min-height:calc(var(--spacing) * 11);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);align-items:center;display:flex}.detail-town-chip{border-radius:var(--radius-full);background-color:var(--color-bg-subtle);padding-inline:calc(var(--spacing) * 3);padding-block:var(--spacing)}.detail-region-chip,.detail-town-chip{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-fg-default)}@media (hover:hover){.detail-region-chip:hover,.detail-town-chip:hover{color:var(--color-brand-primary-500)}.detail-region-chip:hover{background-color:var(--color-bg-subtle)}.detail-town-chip:hover{background-color:var(--color-bg-muted)}}.detail-gallery-tile{cursor:pointer;background-color:var(--color-bg-subtle);-webkit-user-select:none;user-select:none;min-width:0;position:relative;overflow:hidden}@media not (min-width:48rem){.detail-gallery-tile{flex:0 0 100%}}@media (min-width:48rem){.detail-gallery-tile{aspect-ratio:auto;flex:none}.detail-gallery-img{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));--tw-duration:.3s;transition-duration:.3s}}@media (min-width:48rem) and (hover:hover){.detail-gallery-img:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}