.experience{background:#f1f0eb;color:#080910;overflow:hidden}
.experience .section-label{color:#585b66}
.experience-head{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:7vw;align-items:end}
.experience-head .display{font-size:clamp(3.2rem,6.3vw,7.4rem)}
.experience-head .display em{color:transparent;-webkit-text-stroke:1px #111}
.experience-copy{padding-bottom:.6rem}
.experience-copy p{font-size:1.02rem;line-height:1.7;color:#343640;margin:0 0 2.2rem}
.experience-copy small{display:block;border-top:1px solid #c7c6c1;padding-top:1rem;color:#70727b;font-size:.68rem;line-height:1.55;letter-spacing:.08em;text-transform:uppercase}
.experience-ribbon{width:calc(100% + 14vw);margin:7vw -7vw 0;overflow:hidden;background:#174cff;color:#fff;padding:.9rem 0;white-space:nowrap;transform:rotate(-.55deg)}
.experience-ribbon div{display:inline-block;font-size:.66rem;letter-spacing:.22em;animation:experienceMarquee 28s linear infinite}
@keyframes experienceMarquee{to{transform:translateX(-50%)}}
.hotel-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c8c7c2;border-left:1px solid #c8c7c2;margin-top:5vw}
.hotel-logo-grid figure{position:relative;min-width:0;height:190px;margin:0;border-right:1px solid #c8c7c2;border-bottom:1px solid #c8c7c2;display:flex;align-items:center;justify-content:center;background:#f7f6f2;overflow:hidden;transition:background .35s,color .35s}
.hotel-logo-grid figure:before{content:"";position:absolute;inset:0;background:#0a0c15;transform:translateY(101%);transition:transform .42s cubic-bezier(.2,.7,.2,1)}
.hotel-logo-grid img{position:relative;z-index:1;width:auto;height:auto;max-width:72%;max-height:78px;object-fit:contain;filter:grayscale(1) contrast(1.08);mix-blend-mode:multiply;transition:filter .35s,transform .45s,opacity .35s}
.hotel-logo-grid figcaption{position:absolute;z-index:2;left:1rem;bottom:.8rem;font-size:.59rem;letter-spacing:.14em;text-transform:uppercase;color:#686a72;transition:color .35s}
.hotel-logo-grid figure:hover:before{transform:none}
.hotel-logo-grid figure:hover img{filter:grayscale(1) invert(1) brightness(2);mix-blend-mode:screen;transform:translateY(-7px) scale(1.035);opacity:.92}
.hotel-logo-grid figure:hover figcaption{color:#7590ff}
@media(max-width:900px){.experience-head{grid-template-columns:1fr}.hotel-logo-grid{grid-template-columns:repeat(3,1fr)}.hotel-logo-grid figure{height:170px}}
@media(max-width:620px){.experience-head{gap:10vw}.experience-head .display{font-size:13vw}.experience-ribbon{margin-top:16vw}.hotel-logo-grid{grid-template-columns:repeat(2,1fr);margin-top:12vw}.hotel-logo-grid figure{height:138px}.hotel-logo-grid img{max-width:76%;max-height:62px}.hotel-logo-grid figcaption{font-size:.52rem;left:.7rem;bottom:.6rem}}
@media(prefers-reduced-motion:reduce){.experience-ribbon div{animation:none}}