.house-360{position:relative;padding-block:clamp(4.5rem,3.1047rem + 4.6512vw,7.5rem);background-color:#fcfbf6}.house-360 .inside{width:clamp(87.75rem,22.4656rem + 69.084vw,133rem);max-width:93vw;margin-inline:auto;width:clamp(72.875rem,18.5916rem + 57.4427vw,110.5rem);display:grid;grid-template-columns:.4fr 1fr;gap:2.375rem;align-items:flex-end}@media only screen and (max-width: 1079.98px){.house-360 .inside{grid-template-columns:1fr}}.house-360 .intro{display:flex;flex-direction:column;gap:clamp(1.5rem,1.2674rem + 0.7752vw,2rem)}.house-360 .title{font-size:clamp(1.625rem,1.4506rem + 0.5814vw,2rem);line-height:1.07;color:#36332c;max-width:14ch;margin:0}.house-360 .title em,.house-360 .title i{letter-spacing:1%}.house-360 .description{font-size:clamp(1rem,0.9419rem + 0.1938vw,1.125rem);color:#564e46;max-width:30ch}.house-360 .viewer{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background-color:#d1cbc2;user-select:none;touch-action:pan-y}.house-360 .viewer.has-rotated{cursor:none}.house-360 .frame-track{position:absolute;inset:0;width:100%;height:100%}.house-360 .frame{position:absolute;inset:0;opacity:0;pointer-events:none}.house-360 .frame.is-active{opacity:1}.house-360 .frame picture,.house-360 .frame img{display:block;width:100%;height:100%;object-fit:cover}.house-360 .play-control{position:absolute;top:50%;left:50%;display:inline-flex;align-items:center;justify-content:center;width:4.375rem;height:4.375rem;padding:0;border:0;border-radius:999px;background-color:#69628c;transition:all .2s ease;transform:translate(-50%, -50%);z-index:2;cursor:pointer}.house-360 .play-control:hover:not(:disabled){transform:translate(-50%, -50%) scale(1.08)}.house-360 .play-control:disabled{opacity:.5;cursor:default}.house-360 .play-control svg{display:block;width:1.75rem;height:1.75rem;color:#fcfbf6;pointer-events:none}.house-360 .viewer.has-rotated .play-control,.house-360 .viewer.is-rotating .play-control{opacity:0;pointer-events:none}.house-360 .legend-toggle{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:999px;background-color:#fcfbf6;transition:background-color .2s ease;z-index:6;cursor:pointer}.house-360 .legend-toggle svg{display:block;width:1rem;height:1rem;color:#69628c}.house-360 .legend-toggle:hover{background-color:#f0ece2}.house-360 .legend-toggle:hover~.grab-cursor{opacity:0}.house-360 .grab-cursor{position:absolute;top:var(--cy, 50%);left:var(--cx, 50%);display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:999px;background-color:#69628c;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;transform:translate(-50%, -50%);z-index:3}.house-360 .grab-cursor svg{display:block;width:1.375rem;height:1.375rem;color:#fcfbf6}.house-360 .grab-cursor.is-visible{opacity:1}.house-360 .grab-cursor.is-dragging{transform:translate(-50%, -50%) scale(0.85)}.house-360 .legend{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background-color:rgba(54,51,44,.85);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.house-360 .legend.is-open{opacity:1;visibility:visible}.house-360 .info-image{width:100%;height:100%}.house-360 .info-image picture,.house-360 .info-image img{display:block;width:100%;height:100%;object-fit:cover}