/* Shared public-site layout and motion, September 2026. */
:root{--pad:clamp(20px,4vw,72px);--section-space:clamp(48px,7vw,104px)}
html{scroll-padding-top:80px}
body{overflow-x:clip}
.sh{padding-top:clamp(28px,4vw,56px);padding-bottom:24px;gap:24px}
.sh-t{font-size:clamp(32px,4.8vw,72px);line-height:1;letter-spacing:-.045em;text-wrap:balance}
.sh-l{gap:16px;flex-wrap:wrap}
.sh-a{min-height:44px;color:#bdbdbd}
.sh-n,.ec-tag,.ec-date,.ev-rooms,.ev-dow,.ev-mon{color:#b7b7b7}
.hs{gap:clamp(16px,2vw,28px)}
.pg{padding-bottom:var(--section-space)}
.rc,.ec{flex-basis:clamp(230px,23vw,350px)}
.rc{aspect-ratio:auto;display:flex;flex-direction:column}
.rc>img{position:static;height:auto;aspect-ratio:9/16}
.rc-shade{display:none}
.rc-info{position:relative;background:#292929;flex:1}
.rc>img,.ec-img img{object-fit:contain;background:#191919}
.rc:hover>img,.ec:hover .ec-img img{transform:none;filter:brightness(.9)}
.ec-img{height:auto;aspect-ratio:9/16}
.ec-body{padding:24px;gap:12px;background:#292929}
.ec-name{line-height:1.1}
.rc-info{padding:24px}
.vip,.nl{margin-top:32px;margin-bottom:32px}
.nl{margin:32px var(--pad) 64px;padding:clamp(24px,4vw,56px);background:#2b3034;border:1px solid #ffffff16;border-radius:12px}
.nl-row2{grid-template-columns:repeat(2,minmax(0,1fr))}
.nl-form,.nl-row2,.nl-f{min-width:0;max-width:100%}
.nl-f input,.nl-f select{min-width:0;max-width:100%;width:100%;box-sizing:border-box;font-size:16px;min-height:48px}
.nl-f input[type=date]{display:block;appearance:none;-webkit-appearance:none}
.nl-f input[type=date]::-webkit-date-and-time-value{text-align:left;min-width:0}
.nl-f input[type=date]::-webkit-datetime-edit{min-width:0;padding:0}
.nl-eye,.nl-intro,.nl-f label,.nl-check,.nl-req{color:#bdc4ca}
.nl-tag{min-height:44px;color:#bdc4ca}
@media(max-width:520px){.nl-row2{grid-template-columns:minmax(0,1fr)}.nl{margin-left:16px;margin-right:16px;padding:24px 20px}.nl-sub{align-self:stretch;min-width:0;width:100%}}
.ribbon-card{width:clamp(225px,25vw,390px);height:auto;aspect-ratio:2/3;max-height:none;min-width:0}
.ribbon-card img{position:static;width:100%;height:100%;object-fit:contain;transform:none!important;will-change:auto}
.ribbon-track{gap:clamp(16px,2vw,28px);padding:0 var(--pad)}
.ribbon-footer{padding:24px var(--pad);gap:20px}
.ribbon-footer button{width:44px;height:44px;transition:background .2s,border-color .2s}
.ribbon-footer button:hover{background:#ffffff14;border-color:#fff}
#home-photos{padding:24px 0 var(--section-space)!important}
#home-photos.photo-scroll{height:var(--photo-height)!important;padding:0!important;overflow:visible}
.photo-scroll .ribbon-sticky{position:sticky!important;top:56px!important;height:calc(100svh - 56px - var(--pala-datebar-height,120px))!important;display:flex;justify-content:center;overflow:hidden}
.photo-scroll .ribbon-card{width:auto;height:clamp(200px,calc(100svh - var(--pala-datebar-height,120px) - 248px),540px);aspect-ratio:2/3}
.photo-scroll .ribbon-window{scroll-snap-type:none}
.photo-scroll .sh{padding-top:16px;padding-bottom:20px;margin:0}
.ev-list{max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.week-label{grid-column:1/-1;margin:20px 0 0;padding-bottom:16px;color:#b7b7b7}
.ev-row{position:relative;display:grid;grid-template-columns:1fr auto;align-content:start;margin:0;background:#292929;border:1px solid #ffffff12}
.ev-img{display:block;width:100%;aspect-ratio:9/16;grid-column:1/-1;grid-row:1;background:#191919}
.ev-img img{object-fit:contain}
.ev-row:hover .ev-img img{transform:none}
.ev-date{position:absolute;top:16px;left:16px;width:64px;background:#161616e8;border:1px solid #ffffff26;border-radius:4px;z-index:1}
.ev-main{padding:24px;gap:10px}
.ev-side{padding:20px}
.ev-name{font-size:clamp(18px,2vw,26px)}
.fil-btn{min-height:44px}
:where(a,button,[tabindex]):focus-visible{outline:2px solid #e5f2ff;outline-offset:4px}
@media(max-width:900px){.ev-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ev-main{padding:16px}.ev-side{padding:12px}}
@media(max-width:600px){.sh{gap:12px;align-items:center}.sh-t{font-size:36px}.sh-n{font-size:10px}.sh-a{font-size:9px;white-space:normal;text-align:right}.rc,.ec{flex-basis:72vw}.ribbon-card{width:68vw;height:auto;aspect-ratio:2/3}.ribbon-footer{gap:12px}.ev-list{grid-template-columns:1fr}.ev-row{max-width:440px;width:100%;justify-self:center}.week-label{justify-self:stretch}.ec-body{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hs{opacity:1!important;transform:none!important}}
@keyframes pala-title-fade{from{opacity:0}to{opacity:1}}
.pala-title-fade{animation:pala-title-fade .6s ease both!important}