/* Shared content-photo language. Logos, transparent hero artwork and interface icons keep their original shape. */
:root{--tiis-photo-radius:clamp(18px,1.7vw,28px)}
img.tiis-photo364,.nw361 .nw361-photo img,.fw360-modal .fw362-stage img{border-radius:var(--tiis-photo-radius)!important}
.fw360-hero-photo,.fw360-gallery a,.fw360-panel-photo,.nw361-photo,.tiis-media364 .i39-media{border-radius:var(--tiis-photo-radius);overflow:hidden}
.nw361-slide{border-radius:var(--tiis-photo-radius);overflow:hidden}
.fw360-hero-art{position:relative;padding-bottom:28px}
.fw360-event-note{position:absolute;left:18px;bottom:7px;right:18px;width:fit-content;max-width:calc(100% - 36px);padding:14px 20px;gap:5px 15px;border:0;border-radius:22px;background:#2455ed;color:#fff;box-shadow:0 8px 24px #2455ed16;z-index:2}
.fw360-event-note small,.fw360-event-note strong,.fw360-event-note span{color:#fff}.fw360-event-note small{opacity:.85}.fw360-event-note span{opacity:.9}
.fw360-gallery figure,.tiis-media364{position:relative;margin:0;padding-bottom:22px;isolation:isolate}
.fw360-gallery figure>figcaption,.tiis-caption364{position:absolute;left:16px;bottom:2px;z-index:2;max-width:calc(100% - 78px);width:fit-content;padding:12px 18px;border-radius:22px;background:#2455ed;color:#fff;font:400 12px/1.65 var(--studio-font,"FC Mittraphap Clear",sans-serif);box-shadow:0 8px 24px #2455ed16;pointer-events:none;text-align:left;letter-spacing:0}
.fw360-gallery figure>figcaption span{color:#fff;opacity:.65;margin-right:10px}.fw360-gallery figcaption{padding-top:12px}.fw362-expand{bottom:34px;right:16px}
.fw360-panel-photo.tiis-media364{overflow:visible;padding:0 0 22px;background:transparent}.fw360-panel-photo.tiis-media364 img{overflow:hidden}.fw360-panel-photo .tiis-caption364{max-width:calc(100% - 32px)}
.fw360-photo-label{max-width:calc(100% - 32px);box-sizing:border-box;font-size:12px;line-height:1.65;letter-spacing:0;bottom:5px;left:16px;border-radius:22px;background:#2455ed;padding:12px 18px;pointer-events:none}
.i39-article-image.tiis-media364{margin:40px auto 58px;padding-bottom:22px;overflow:visible}.i39-article-image.tiis-media364>.tiis-caption364{left:20px;bottom:0;max-width:calc(100% - 40px);font-size:12px}.i39-media.tiis-media364{overflow:visible;padding-bottom:22px}.i39-media.tiis-media364>.tiis-caption364{bottom:0;left:12px;max-width:calc(100% - 24px);font-size:11px}
.fw360-modal::backdrop{backdrop-filter:blur(12px)}
.fw360-modal[open]{animation:none}
.fw362-stage{border-radius:var(--tiis-photo-radius);background:transparent;position:relative}
.fw360-modal-bottom{margin-top:-18px;padding:0 18px 10px;position:relative;z-index:2;min-height:70px;align-items:center}
.fw360-modal-caption{padding:11px 17px;border-radius:22px;background:#2455ed;color:#fff;text-shadow:none;max-width:calc(100% - 112px);font-size:12px;pointer-events:none}
.fw364-loading{font:400 14px/1.6 var(--studio-font,sans-serif);color:var(--fw-ink,#17213b)}
/* Freeze background animation only while the viewer is open; keep every decoration in place. */
html:has(.fw360-modal[open]) :is(.s359-atmosphere,.s359-global,.s359-hero-art,.s359-tino-halo,.tino-launcher,.h-hero) *,html:has(.fw360-modal[open]) [class*="s359-"]{animation-play-state:paused!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.fw360-gallery figure>figcaption,.tiis-caption364,.fw360-event-note{transition:transform .18s ease-out}.fw360-gallery figure:hover>figcaption,.tiis-media364:hover>.tiis-caption364{transform:translateY(-3px)}}
@media(max-width:800px){.fw360-event-note{left:12px;right:12px;max-width:calc(100% - 24px);padding:12px 15px;border-radius:18px}.fw360-event-note strong{font-size:12px}.fw360-gallery figure>figcaption,.tiis-caption364,.fw360-photo-label{left:12px;max-width:calc(100% - 65px);padding:10px 13px;font-size:11px;border-radius:18px}.fw360-gallery{row-gap:30px}.fw360-modal-bottom{padding:0 4px 8px;gap:8px}.fw360-modal-caption{font-size:11px;padding:10px 12px;border-radius:16px;max-width:calc(100% - 100px)}.i39-article-image.tiis-media364>.tiis-caption364{font-size:11px;left:12px;max-width:calc(100% - 24px)}.fw360-panel-photo .tiis-caption364{max-width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.tiis-caption364,.fw360-event-note{transition:none!important}}