/* Dress code gallery inspired by the supplied three-image layout. */
.dress-code-page{background:var(--cream)}
.dress-code-page .site-header{background:var(--cream);color:#4A481A}
.dress-code-page .site-header .logo{background:#4A481A}
.dress-code-page .site-header .logo img{opacity:0!important}
.dress-code-main{padding:clamp(115px,10vw,150px) 22px clamp(70px,8vw,110px);min-height:80vh}
.dress-code-gallery{width:min(100%,682px);margin:0 auto}
.dress-code-tile-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.dress-code-tile{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:17px;isolation:isolate;text-decoration:none;color:var(--cream)}
.dress-code-tile-wide{aspect-ratio:3.28/1}
.dress-code-tile-portrait{aspect-ratio:331/488}
.dress-code-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.dress-code-tile::before{content:"";position:absolute;inset:0;z-index:-1;background:#3a1b21;opacity:0;transition:opacity .35s ease}
.dress-code-label{font:400 58px/1.1 "La Siesta",cursive;color:var(--cream);text-transform:lowercase;text-align:center;white-space:nowrap;transition:transform .4s cubic-bezier(.2,.8,.2,1);transform-origin:center center}
.dress-code-tile:hover::before,.dress-code-tile:focus-visible::before{opacity:.58}
.dress-code-tile:hover .dress-code-label,.dress-code-tile:focus-visible .dress-code-label{transform:scale(1.13)}
.dress-code-tile:focus-visible{outline:3px solid #4A481A;outline-offset:4px}
@media(max-width:760px){.dress-code-main{padding:110px 18px 65px}.dress-code-tile-row{gap:12px;margin-top:12px}.dress-code-label{font-size:clamp(23px,calc(7.5vw - 2px),58px)}.dress-code-tile-wide .dress-code-label{font-size:clamp(31px,calc(8vw - 2px),58px)}}
@media(prefers-reduced-motion:reduce){.dress-code-tile::before,.dress-code-label{transition:none}.dress-code-tile:hover .dress-code-label,.dress-code-tile:focus-visible .dress-code-label{transform:none}}