.port-scenes__layout[data-v-817eb34d]{display:grid;grid-template-columns:minmax(0,2208fr) repeat(3,minmax(0,224fr));height:33.6111111111vw;transition:grid-template-columns .62s ease;width:100%}.port-scenes__item[data-v-817eb34d]{background:#111;color:#fff;cursor:pointer;min-width:0;outline:none;overflow:hidden;position:relative}.port-scenes__item[data-v-817eb34d]:before{background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 35%),linear-gradient(180deg,transparent 42%,rgba(0,0,0,.68));content:"";inset:0;pointer-events:none;position:absolute;transition:opacity .35s ease,background .35s ease;z-index:1}.port-scenes__item img[data-v-817eb34d]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:var(--scene-thumbnail-position,center);object-position:var(--scene-thumbnail-position,center);transition:filter .35s ease,opacity .35s ease;width:100%}.port-scenes__item[data-v-817eb34d]:focus-visible{box-shadow:inset 0 0 0 3px #0056b8e6}.port-scenes__content[data-v-817eb34d]{inset:0;pointer-events:none;position:absolute;z-index:2}.port-scenes__number[data-v-817eb34d]{font-size:clamp(18px,1.2vw,24px);left:clamp(24px,3.8vw,72px);line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.35);top:clamp(18px,2.5vw,42px);transition:left .36s ease,transform .36s ease}.port-scenes__number[data-v-817eb34d],.port-scenes__title[data-v-817eb34d]{color:#fff;font-family:"Barlow Semi Condensed",var(--font-display);font-weight:700;position:absolute}.port-scenes__title[data-v-817eb34d]{margin:0;text-shadow:0 3px 16px rgba(0,0,0,.45);transition:opacity .28s ease,transform .36s ease}.port-scenes__title--horizontal[data-v-817eb34d]{bottom:clamp(24px,3.2vw,56px);font-size:clamp(22px,2vw,36px);left:clamp(24px,3.8vw,72px);line-height:1.08;max-width:min(58%,620px);opacity:1;transform:translateY(0)}.port-scenes__title--vertical[data-v-817eb34d]{font-size:clamp(15px,1.05vw,20px);left:50%;line-height:1.08;opacity:0;top:50%;transform:translate(-50%,-42%);writing-mode:vertical-lr}.port-scenes__item:not(.is-active) img[data-v-817eb34d]{filter:brightness(.72)}.port-scenes__item[data-v-817eb34d]:not(.is-active):before{background:linear-gradient(180deg,#0000006b,#0003 38%),linear-gradient(90deg,#002a548a,#0000006b)}.port-scenes__item:not(.is-active) .port-scenes__number[data-v-817eb34d]{left:50%;transform:translate(-50%)}.port-scenes__item:not(.is-active) .port-scenes__title--horizontal[data-v-817eb34d]{opacity:0;transform:translateY(14px)}.port-scenes__item:not(.is-active) .port-scenes__title--vertical[data-v-817eb34d]{opacity:1;transform:translate(-50%,-50%)}.port-scenes__item.is-active img[data-v-817eb34d]{filter:brightness(1);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.port-scenes__item.is-active .port-scenes__title--horizontal[data-v-817eb34d]{opacity:1;transform:translateY(0);transition-delay:.1s}.port-scenes__item.is-active .port-scenes__title--vertical[data-v-817eb34d]{opacity:0;transform:translate(-50%,-58%)}@media(max-width:760px){.port-scenes__layout[data-v-817eb34d]{display:grid;grid-template-columns:minmax(0,2208fr) repeat(3,minmax(0,224fr));height:clamp(220px,62vw,320px);overflow:hidden}.port-scenes__item[data-v-817eb34d]:before{background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 35%),linear-gradient(180deg,transparent 42%,rgba(0,0,0,.68))}.port-scenes__item img[data-v-817eb34d]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.port-scenes__number[data-v-817eb34d]{font-size:16px;left:18px;top:16px}.port-scenes__title--horizontal[data-v-817eb34d]{bottom:20px;font-size:22px;left:18px;line-height:26px;max-width:min(72%,260px)}.port-scenes__title--vertical[data-v-817eb34d]{display:block;font-size:13px;line-height:16px}.port-scenes__item:not(.is-active) .port-scenes__number[data-v-817eb34d]{left:50%;transform:translate(-50%)}.port-scenes__item:not(.is-active) .port-scenes__content[data-v-817eb34d]{display:none}.port-scenes__item:not(.is-active) .port-scenes__title--horizontal[data-v-817eb34d]{opacity:0;transform:translateY(14px)}}