/* Page-owned layout for the ElasticON Singapore event story. */
.event-shell{width:min(1200px,calc(100% - 80px));margin-inline:auto}
.event-breadcrumb{display:flex;align-items:center;gap:12px;padding-block:23px;font-size:13px;color:var(--grey-mid)}
.event-breadcrumb a{color:var(--deep);text-decoration:underline;text-underline-offset:3px}
.event-kicker{font:700 12px/1.3 var(--body);letter-spacing:.16em;text-transform:uppercase}
.event-kicker span{padding-inline:5px}
.event-hero{background:var(--wash);overflow:hidden}
.event-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:end;gap:60px;min-height:525px;padding-block:68px 72px}
.event-hero__copy{max-width:860px}
.event-hero .event-kicker{color:var(--sage);margin-bottom:24px}
.event-hero h1{font:400 clamp(42px,5vw,74px)/1.15 var(--display);letter-spacing:0;text-wrap:balance;max-width:860px}
.event-lead{font:400 clamp(20px,1.75vw,25px)/1.4 var(--body);max-width:760px;margin-top:25px}
.event-hero__mark{display:flex;flex-direction:column;gap:4px;padding:25px 0 0 22px;border-left:4px solid var(--bronze);color:var(--deep);text-transform:uppercase;line-height:1.1;letter-spacing:.08em}
.event-hero__mark span{font:700 17px/1.2 var(--body)}
.event-hero__mark strong{font:400 31px/1.2 var(--display)}
.event-session{background:var(--sage);color:#fff;padding-block:64px 72px}
.event-session__grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:85px}
.event-session .event-kicker{color:#fff;padding-top:8px}
.event-session__eyebrow{font:400 18px/1.45 var(--body);margin-top:65px;color:#fff}
.event-session__eyebrow a{text-decoration:underline;text-underline-offset:4px}
.event-session h2{font:400 clamp(32px,3.4vw,50px)/1.18 var(--display);max-width:780px;text-wrap:balance}
.event-session__grid>div:last-child>p{font:400 20px/1.4 var(--body);margin-top:23px}
.event-section{padding-block:80px}
.event-section__head{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;align-items:end;margin-bottom:30px}
.event-section__head .event-kicker{grid-column:1/-1;color:var(--sage);margin-bottom:18px}
.event-section h2{font:400 clamp(36px,3.6vw,51px)/1.2 var(--display);max-width:630px}
.event-section__head>p:last-child{font:400 18px/1.4 var(--body);justify-self:end}
.event-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.event-photo-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--rule);color:var(--grey-dark);background:#fff;transition:border-color .18s ease;text-decoration:none}
.event-photo-card:hover,.event-photo-card:focus-visible{border-color:var(--sage)}
.event-photo-card img{width:100%;height:225px;object-fit:contain;background:var(--wash)}
.event-photo-card--lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,.7fr);border:0;background:var(--wash)}
.event-photo-card--lead img{height:auto;aspect-ratio:873/364;object-fit:contain;background:var(--wash)}
.event-photo-card--lead .event-photo-card__meta{justify-content:flex-end;gap:22px;padding:30px}
.event-photo-card--portrait img{object-fit:contain}
.event-photo-card__meta{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:14px;padding:15px 17px 17px;font:400 16px/1.35 var(--body)}
.event-photo-card__action{font:700 13px/1.2 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--deep)}
.event-photo-card:hover .event-photo-card__action{text-decoration:underline;text-underline-offset:3px}
.event-story{background:var(--wash)}
.event-story__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:95px}
.event-story .event-kicker,.event-glance .event-kicker{color:var(--sage);margin-bottom:18px}
.event-story__copy{font:400 18px/1.55 var(--body)}
.event-story__copy p+p{margin-top:20px}
.event-story__copy a{color:var(--deep);text-decoration:underline;text-underline-offset:3px}
.event-glance{border-bottom:1px solid var(--rule)}
.event-glance ul{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}
.event-glance li{font:400 23px/1.3 var(--body);border-top:3px solid var(--sage);background:var(--wash);padding:25px 27px;min-height:130px}
.event-related__head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:32px}
.event-related .event-kicker{color:var(--sage);margin-bottom:18px}
.event-all{font:700 14px/1.3 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--deep);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.event-related__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.event-related__grid>a{display:flex;flex-direction:column;gap:18px;min-height:210px;padding:27px 30px;border:1px solid var(--rule);background:var(--wash);transition:border-color .18s ease}
.event-related__grid>a:hover,.event-related__grid>a:focus-visible{border-color:var(--sage)}
.event-related__grid>a>span:first-child{font:700 13px/1.3 var(--body);color:var(--sage)}
.event-related__grid strong{font:400 25px/1.25 var(--display)}
.event-related__arrow{align-self:end;color:var(--sage);font-size:25px;line-height:1}
.event-lightbox{position:fixed;inset:0;width:min(100vw,1200px);height:100dvh;max-width:none;max-height:none;border:0;margin:auto;padding:20px 24px;background:var(--grey-dark);color:#fff;overflow:auto}
.event-lightbox::backdrop{background:rgba(0,0,0,.88)}
.event-lightbox__top,.event-lightbox__bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}
.event-lightbox__top{min-height:48px}
.event-lightbox__count{font:700 13px/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase}
.event-lightbox button{font:700 14px/1.2 var(--body);color:#fff;border:1px solid rgba(255,255,255,.7);padding:10px 14px;min-height:44px;min-width:44px}
.event-lightbox button:hover{background:#fff;color:var(--grey-dark)}
.event-lightbox button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.event-lightbox__close span{font-size:24px;vertical-align:-2px;margin-left:8px}
.event-lightbox__image{display:flex;align-items:center;justify-content:center;height:calc(100dvh - 174px);min-height:220px}
.event-lightbox__image img{display:block;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}
.event-lightbox__bottom{min-height:78px}
.event-lightbox__caption{font:400 17px/1.35 var(--body);text-align:center;max-width:620px}
@media(max-width:1000px){.event-hero__inner{grid-template-columns:1fr 150px;gap:25px}.event-hero__mark strong{font-size:25px}.event-session__grid{grid-template-columns:220px 1fr;gap:35px}.event-story__grid{gap:45px}}
@media(max-width:800px){.event-shell{width:min(100% - 48px,1200px)}.event-hero__inner{display:block;min-height:0;padding-block:55px 60px}.event-hero__mark{display:none}.event-session__grid,.event-story__grid{grid-template-columns:1fr;gap:28px}.event-session__eyebrow{margin-top:14px}.event-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-photo-card--lead{grid-column:1/-1}.event-photo-card--portrait{grid-column:1/-1;max-width:420px}.event-section__head{grid-template-columns:1fr}.event-section__head>p:last-child{justify-self:start;margin-top:15px}.event-section{padding-block:65px}}
@media(max-width:550px){.event-shell{width:calc(100% - 36px)}.event-breadcrumb{padding-block:18px;font-size:12px}.event-hero__inner{padding-block:44px 50px}.event-hero h1{font-size:clamp(36px,10.7vw,48px)}.event-lead{font-size:19px}.event-session{padding-block:48px 54px}.event-session h2{font-size:34px}.event-section{padding-block:52px}.event-photo-grid,.event-glance ul,.event-related__grid{grid-template-columns:1fr}.event-photo-card--lead{display:flex;grid-column:auto}.event-photo-card--lead .event-photo-card__meta{padding:17px}.event-photo-card img{height:auto;aspect-ratio:auto;object-fit:contain}.event-photo-card--portrait{grid-column:auto;max-width:none}.event-story__copy{font-size:17px}.event-glance li{font-size:20px;min-height:0}.event-related__head{align-items:start;flex-direction:column}.event-related__grid>a{min-height:0}.event-related__grid strong{font-size:23px}.event-lightbox{padding:10px}.event-lightbox__image{height:calc(100dvh - 180px)}.event-lightbox__caption{font-size:14px}.event-lightbox__bottom{gap:8px}.event-lightbox button{padding:8px;min-width:44px}.event-lightbox__prev span,.event-lightbox__next span{display:none}}
@media(prefers-reduced-motion:reduce){.event-photo-card,.event-related__grid>a{transition:none}}

/* Source-photo hero revision: preserve the 873px wide image near native scale. */
.event-hero{background:var(--grey-dark);color:#fff}
.event-hero__inner{display:block;min-height:0;padding-block:68px 0}
.event-hero__copy{max-width:1100px}
.event-hero .event-kicker{color:var(--gold)}
.event-hero h1{font-size:clamp(44px,5.15vw,78px);max-width:19ch;line-height:1.16}
.event-lead{max-width:760px;margin-bottom:42px}
.event-hero__media{width:min(100%,1000px);margin-inline:auto}
.event-hero__media .event-photo-card--lead{display:block;background:transparent;border:0;color:#fff}
.event-hero__media .event-photo-card--lead img{display:block;width:100%;height:auto;aspect-ratio:873/364;object-fit:contain;background:#181818}
.event-hero__media .event-photo-card__meta{display:flex;flex-direction:row;align-items:center;gap:20px;justify-content:space-between;padding:13px 0 24px;font-size:14px}
.event-hero__media .event-photo-card__action{color:var(--gold);white-space:nowrap}
.event-hero__media .event-photo-card--lead:hover .event-photo-card__action,.event-hero__media .event-photo-card--lead:focus-visible .event-photo-card__action{text-decoration:underline}
@media(max-width:800px){.event-hero__inner{padding-block:52px 0}.event-hero h1{max-width:22ch}.event-lead{margin-bottom:32px}}
@media(max-width:550px){.event-hero__inner{padding-block:42px 0}.event-hero h1{font-size:clamp(36px,10.2vw,48px);max-width:none}.event-hero__media .event-photo-card__meta{align-items:start;flex-direction:column;gap:8px;padding-bottom:20px}.event-lead{margin-bottom:24px}}

/* Cheerful group photo leads; the full four-image viewer remains below. */
.event-hero__media{width:min(100%,780px);margin-inline:auto}
.event-hero__media img{display:block;width:100%;height:auto;object-fit:contain;background:#181818}
.event-hero__media figcaption{font:400 14px/1.3 var(--body);color:#fff;padding:11px 0 22px}
@media(min-width:1100px){.event-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,620px);gap:46px;align-items:center;padding-block:64px}.event-hero h1{font-size:clamp(44px,4vw,65px);max-width:17ch}.event-lead{margin-bottom:0}}

/* Breadcrumb stays on the same hero canvas; the small source photo stays near native width. */
.event-hero .event-breadcrumb{color:var(--sq-white,#fff);padding-block:20px 0}
.event-hero .event-breadcrumb a{color:var(--sq-royal-gold,#D4AF37)}
.event-hero__media{max-width:619px}
@media(max-width:550px){.event-shell{width:calc(100% - 48px)}.event-hero .event-breadcrumb{padding-block:16px 0}}
