/* VENDOR START */
/* cyrillic-ext */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUS2zcLig.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUb2zcLig.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUQ2zcLig.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUR2zcLig.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUf2zc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUS2zcLig.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUb2zcLig.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUQ2zcLig.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUR2zcLig.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUf2zc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUS2zcLig.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUb2zcLig.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUQ2zcLig.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUR2zcLig.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUf2zc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUS2zcLig.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUb2zcLig.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUQ2zcLig.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUR2zcLig.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUf2zc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYpHtKgS4.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYrXtKgS4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYpntKgS4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYp3tKgS4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYpHtKgS4.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYrXtKgS4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYpntKgS4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYp3tKgS4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYpHtKgS4.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYrXtKgS4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYpntKgS4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYp3tKgS4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYpHtKgS4.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYrXtKgS4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYpntKgS4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYp3tKgS4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* fallback */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v373/kJEPBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzBwG-RpA6RzaxHMPdY40KH8nGzv3fzfVJO1Q.woff2) format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* VENDOR END */

/* VENDOR START: Swiper 11, vendored per binding rule 17 (never hot-link a CDN) */
/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* VENDOR END */

/* Reset addition: an author display rule must never outrank [hidden]. */
[hidden]{display:none !important}

.material-symbols-outlined {
            font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        /* Cormorant Garamond defaults to old-style figures, which drop numerals to
           lowercase height and make the stat tiles unreadable. Force lining figures. */
        .font-display-lg, .font-display-lg-mobile, .font-headline-md, .font-headline-sm {
            font-variant-numeric: lining-nums;
            font-feature-settings: 'lnum' 1;
        }
        /* Lotus emblem lifted from the logo, used as a tintable mask. */
        /* The hotel's own logo (lotus + wordmark), used as a mask so only its
           colour changes to suit the background it sits on. */
        .nataraj-logo {
            display: block;
            aspect-ratio: 266 / 181;
            background-color: transparent;
            -webkit-mask: url('https://assets.simplotel.com/simplotel/image/upload/c_crop,x_32,y_37,w_266,h_181/c_scale,w_1064,h_724,e_sharpen:150,f_png/hotel-nataraj/hotel-nataraj-logo') center / contain no-repeat;
                    mask: url('https://assets.simplotel.com/simplotel/image/upload/c_crop,x_32,y_37,w_266,h_181/c_scale,w_1064,h_724,e_sharpen:150,f_png/hotel-nataraj/hotel-nataraj-logo') center / contain no-repeat;
            -webkit-mask-source-type: luminance; mask-mode: luminance;
        }
        /* Lotus alone, used for the faint background watermark. */
        .nataraj-mark {
            display: block;
            aspect-ratio: 136 / 70;
            background-color: transparent;
            -webkit-mask: url('https://assets.simplotel.com/simplotel/image/upload/c_crop,x_97,y_37,w_136,h_70/c_scale,w_816,h_420,e_sharpen:150,f_png/hotel-nataraj/hotel-nataraj-logo') center / contain no-repeat;
                    mask: url('https://assets.simplotel.com/simplotel/image/upload/c_crop,x_97,y_37,w_136,h_70/c_scale,w_816,h_420,e_sharpen:150,f_png/hotel-nataraj/hotel-nataraj-logo') center / contain no-repeat;
            -webkit-mask-source-type: luminance; mask-mode: luminance;
        }
        /* The header floats over a dark hero, so it needs no edge at rest; once the
           page scrolls it sits on white and would otherwise dissolve into it. */
        #site-header {
            border-bottom: 1px solid transparent;
            transition: border-color .3s ease, box-shadow .3s ease;
        }
        #site-header.is-scrolled { border-bottom-color: rgba(28, 28, 28, .14); }
        /* Faint emblem watermark behind selected sections. */
        .mark-bg { position: relative; overflow: hidden; }
        .mark-bg > * { position: relative; z-index: 1; }
        .mark-bg::before {
            content: ""; position: absolute; z-index: 0; pointer-events: none;
            width: min(680px, 62%); aspect-ratio: 136 / 70;
            background-color: transparent; opacity: .06;
            -webkit-mask: url('https://assets.simplotel.com/simplotel/image/upload/c_crop,x_97,y_37,w_136,h_70/c_scale,w_816,h_420,e_sharpen:150,f_png/hotel-nataraj/hotel-nataraj-logo') center / contain no-repeat;
                    mask: url('https://assets.simplotel.com/simplotel/image/upload/c_crop,x_97,y_37,w_136,h_70/c_scale,w_816,h_420,e_sharpen:150,f_png/hotel-nataraj/hotel-nataraj-logo') center / contain no-repeat;
            -webkit-mask-source-type: luminance; mask-mode: luminance;
        }
        /* FUN-06: the subscribe row's flex child must be allowed to shrink below the
           input's intrinsic width, or it forces the page wider than 320px. */
        #newsletter-email { min-width: 0; }
        /* BTN-04 / RES-05: 44px minimum touch target on mobile only, so the
           desktop layout is untouched. */
        @media (max-width: 1023px), (pointer: coarse) {
            #site-header button.material-symbols-outlined {
                min-width: 44px; min-height: 44px;
                display: inline-flex; align-items: center; justify-content: center;
            }
            main button, footer button { min-height: 44px; }
            #site-header nav a, #site-header nav button {
                min-height: 44px; display: inline-flex; align-items: center;
            }
            main a.text-button, footer li a, footer a[href^="https://www.simplotel"] {
                display: inline-flex; align-items: center; min-height: 44px;
            }
        }
        .mnav{display:none;border-top:1px solid #E4E4E4;background:#fff}
        .mnav.open{display:block}
        .mnav a,.mnav button{display:flex;align-items:center;min-height:48px;width:100%;
            font-family:"Libre Franklin",Helvetica,Arial,sans-serif;font-size:16px;font-weight:600}
        .mnav a{color:#1C1C1C;border-bottom:1px solid #EFEFEF}
        .mnav a:hover{color:#8A6D33}
        @media (min-width:1024px){.mnav{display:none!important}}
        /* Side-by-side blocks: the image matches the height of the text beside it. */
        @media (min-width:768px){
          /* Taking the image out of flow means the row height comes from the text
             column, so the image tracks the text rather than the other way round. */
          .media-match{position:relative;height:100%;min-height:280px}
          .media-match>.img-link{position:absolute;inset:0}
          .media-match>img,.media-match>.img-link>img{position:absolute;inset:0;height:100%;width:100%;
            object-fit:cover;aspect-ratio:auto}
        }
        /* One lotus watermark per page, centred so it is never clipped. */
        .mark-tc::before{top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,50%)}
        /* USP band: a gold sheen, not a flat fill. */
        .usp-band{background:
          radial-gradient(120% 110% at 12% 0%, rgba(176,141,73,.20) 0%, rgba(176,141,73,.06) 44%, rgba(176,141,73,0) 72%),
          linear-gradient(180deg,#FBF9F4 0%,#F8F8F8 100%)}
        /* ---- Brand vocabulary, derived from the logo mark ---- */
        /* The logo's tracked serif caps, brought into the UI as an eyebrow.
           Headings keep the display serif; body and UI stay sans. */
        .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:12px;
          font-family:"Cormorant Garamond",Georgia,serif;font-size:16px;font-weight:600;
          letter-spacing:.1em;text-transform:uppercase;color:#8A6D33}
        /* The logo carries a rule beneath its wordmark. Reused here as a fine
           divider, proportioned to the mark and used only with an eyebrow. */
        .eyebrow::after{content:"";flex:1;height:1px;
          background:linear-gradient(90deg,rgba(138,109,51,.45),rgba(138,109,51,0))}
        /* The lotus at text scale: a quiet recurring marker, not a watermark. */
        .lotus{width:20px;height:11px;flex:none;background-color:#8A6D33;
          -webkit-mask:url('https://assets.simplotel.com/simplotel/image/upload/c_crop,x_97,y_37,w_136,h_70/c_scale,w_816,h_420,e_sharpen:150,f_png/hotel-nataraj/hotel-nataraj-logo') center/contain no-repeat;
                  mask:url('https://assets.simplotel.com/simplotel/image/upload/c_crop,x_97,y_37,w_136,h_70/c_scale,w_816,h_420,e_sharpen:150,f_png/hotel-nataraj/hotel-nataraj-logo') center/contain no-repeat;
          -webkit-mask-source-type:luminance;mask-mode:luminance}
        /* One radius across the whole UI. Full-bleed bands stay square. */
        .rounded-2xl,.rounded-xl,.rounded-lg{border-radius:8px}
        .foot-lbl{font-family:"Cormorant Garamond",Georgia,serif;font-size:16px;font-weight:600;
          letter-spacing:.1em;text-transform:uppercase;color:#B08D49;margin-bottom:4px}
        /* Room cards lift slightly on hover: enough to register, not enough to jump. */
        .room-card{transition:transform .25s ease, box-shadow .25s ease}
        @media (hover:hover){.room-card:hover{transform:translateY(-4px) scale(1.015);
          box-shadow:0 18px 40px rgba(28,28,28,.16)}}
        @media (prefers-reduced-motion:reduce){.room-card{transition:none}
          .room-card:hover{transform:none}}
        /* Book Now is the primary conversion action, so it stays in the bar at
           every width. It only shrinks; it never hides. */
        .book-now{background:#8A6D33;color:#fff;border-radius:8px;font-weight:600;
          font-family:"Libre Franklin",Helvetica,Arial,sans-serif;font-size:16px;
          padding:12px 24px;min-height:48px;display:inline-flex;align-items:center;
          justify-content:center;white-space:nowrap;transition:opacity .2s}
        .book-now:hover{opacity:.9}
        @media (max-width:479px){.book-now{padding:12px 16px;font-size:16px}}
        .skip-link {
            position: absolute; left:16px; top:-96px; z-index: 100;
            background: #1C1C1C; color: #fff; padding:12px 20px; border-radius: 8px;
            font-family: "Libre Franklin", Helvetica, Arial, sans-serif; font-size: 16px;
            font-weight: 600; transition: top .2s ease;
        }
        .skip-link:focus { top:16px; outline: 3px solid #B08D49; outline-offset: 2px; }
        /* ACC-01: a visible focus indicator on every interactive control. */
        a:focus-visible, button:focus-visible, input:focus-visible,
        select:focus-visible, [role="button"]:focus-visible {
            outline: 3px solid #B08D49; outline-offset: 2px; border-radius: 4px;
        }
        .mark-tr::before { top:-6%;  right:-8%; }
        .mark-bl::before { bottom:-8%; left:-10%; }
        .mark-tc::before { top:4%; left:50%; transform: translateX(-50%); width: min(820px, 70%); }
        @supports ((-webkit-mask-image: none) or (mask-image: none)) {
            .nataraj-logo { background-color: #1C1C1C; }
            .nataraj-logo--light { background-color: #FFFFFF; }
            .nataraj-mark { background-color: #8A6D33; }
            .mark-bg::before { background-color: #B08D49; }
            .mark-on-dark::before { background-color: #B08D49; opacity: .10; }
        }

        /* ================= The Mark of the Hotel =================
           The logo supplies the site's proportions. The lotus occupies a
           136x70 box inside a 266x181 logo, so 136px ("one mark") and 266px
           ("one logo") become the two decorative lengths used throughout,
           and 136/70 becomes the ratio for every decorative lotus. */
        :root{
          --mark-ratio:136/70;      /* lotus artwork box */
          --logo-ratio:266/181;     /* full logo box */
          --rule-mark:136px;        /* The Line, one lotus wide */
          --rule-logo:266px;        /* The Line, one logo wide */
          --gold:#B08D49;
          --gold-deep:#8A6D33;
        }

        /* ---- 01. The Line ---------------------------------------
           A fine gold rule, always cut to a logo-derived length. */
        .rule{display:block;height:1px;border:0;margin:0;
          width:var(--rule-mark);
          background:linear-gradient(90deg,var(--gold) 0%,rgba(176,141,73,.18) 100%)}
        .rule-lg{width:var(--rule-logo)}
        .rule-center{margin-inline:auto;
          background:linear-gradient(90deg,rgba(176,141,73,0),var(--gold) 50%,rgba(176,141,73,0))}
        .on-dark .rule,.rule-on-dark{
          background:linear-gradient(90deg,var(--gold) 0%,rgba(176,141,73,.10) 100%)}

        /* ---- 02. The Lotus --------------------------------------
           Sized with `contain`, so the artwork is always whole. The box is
           inset from every edge of its (overflow:hidden) parent, so the
           element itself can never be clipped either. */
        .lotus-bg{position:relative}
        .lotus-bg>*{position:relative;z-index:1}
        .lotus-bg::before{
          content:"";position:absolute;z-index:0;pointer-events:none;
          right:5%;top:50%;transform:translateY(-50%);
          width:clamp(180px,26%,380px);aspect-ratio:var(--mark-ratio);
          max-height:60%;                      /* keeps it inside short bands */
          background-color:var(--gold-deep);opacity:.055;
          -webkit-mask:url('https://assets.simplotel.com/simplotel/image/upload/c_crop,x_97,y_37,w_136,h_70/c_scale,w_816,h_420,e_sharpen:150,f_png/hotel-nataraj/hotel-nataraj-logo') center/contain no-repeat;
                  mask:url('https://assets.simplotel.com/simplotel/image/upload/c_crop,x_97,y_37,w_136,h_70/c_scale,w_816,h_420,e_sharpen:150,f_png/hotel-nataraj/hotel-nataraj-logo') center/contain no-repeat;
          -webkit-mask-source-type:luminance;mask-mode:luminance}
        .lotus-bg-left::before{right:auto;left:5%}
        .lotus-bg-center::before{right:auto;left:50%;
          transform:translate(-50%,-50%);width:clamp(220px,38%,520px)}
        .lotus-bg-on-dark::before{background-color:#fff;opacity:.05}

        /* The lotus as a section marker, standing in for a numeral. */
        .sec-mark{display:flex;align-items:center;gap:12px;margin-bottom:12px}
        .sec-mark .n{font-family:"Cormorant Garamond",Georgia,serif;
          font-size:15px;font-weight:600;letter-spacing:.1em;color:var(--gold);
          font-variant-numeric:lining-nums}
        .sec-mark .lotus{width:22px;height:12px}
        .sec-mark .rule{flex:1;width:auto;max-width:var(--rule-logo)}

        /* ---- 03. The Offset -------------------------------------
           One asymmetric overlap per page. Desktop only: on small screens
           the stack is linear and nothing overlaps. */
        @media (min-width:768px){
          .offset-up{margin-top:-64px;position:relative;z-index:2}
          .offset-in{margin-left:-48px;position:relative;z-index:2}
          .offset-out{margin-right:-48px;position:relative;z-index:2}
          .bleed-r{margin-right:calc(50% - 50vw);max-width:none}
          .bleed-l{margin-left:calc(50% - 50vw);max-width:none}
        }

        /* ---- Editorial crops ------------------------------------
           One deliberate shape per content type, instead of 4:3 everywhere. */
        .crop-tall{aspect-ratio:3/4;height:auto;object-fit:cover;width:100%}
        .crop-wide{aspect-ratio:21/9;height:auto;object-fit:cover;width:100%}
        .crop-arch{aspect-ratio:16/9;height:auto;object-fit:cover;width:100%}
        .crop-square{aspect-ratio:1/1;height:auto;object-fit:cover;width:100%}
        @media (max-width:767px){
          .crop-tall{aspect-ratio:4/5}
          .crop-wide{aspect-ratio:16/9}
        }

        /* ---- Hero legibility ------------------------------------
           The old scrim stacked a 90% and a 72% black gradient, which put the
           bottom-left of every banner at ~97% black: the photograph vanished
           and the copy sat on mud. Lighter scrim, brighter copy. */
        .page-hero::after{
          background:
            linear-gradient(90deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.58) 42%,rgba(0,0,0,.30) 72%,rgba(0,0,0,.12) 100%),
            linear-gradient(0deg,rgba(0,0,0,.56) 0%,rgba(0,0,0,.20) 58%,rgba(0,0,0,.06) 100%)}
        .page-hero .inner h1{color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.55)}
        .page-hero .inner p{color:#F6F2EA;text-shadow:0 1px 14px rgba(0,0,0,.62)}
        .page-hero .inner .rule{margin:12px 0 16px}
        /* Homepage hero copy, same treatment. */
        .hero-copy{color:#F6F2EA !important;text-shadow:0 1px 14px rgba(0,0,0,.62)}

        /* ---- Signature CTA --------------------------------------
           Hotel stationery, not a SaaS button: a gold rule runs under it. */
        .cta-mark{display:inline-flex;flex-direction:column;gap:8px;align-items:flex-start}
        .cta-mark .lbl{font-family:"Cormorant Garamond",Georgia,serif;font-size:15px;
          font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}

        /* ---- The legacy strip -----------------------------------
           Est. 1965 made part of the identity rather than a line of copy. */
        .legacy{border-top:1px solid rgba(176,141,73,.28);
          border-bottom:1px solid rgba(176,141,73,.28)}
        .legacy dl{display:grid;grid-template-columns:1fr;gap:24px;
          padding:40px 0;text-align:center;--align-x:center}
        @media (min-width:768px){.legacy dl{grid-template-columns:repeat(4,1fr);gap:0}
          .legacy div+div{border-left:1px solid rgba(176,141,73,.22)}}
        .legacy dt{font-family:"Cormorant Garamond",Georgia,serif;font-size:15px;
          font-weight:600;letter-spacing:.1em;text-transform:uppercase;
          color:var(--gold-deep);margin-bottom:8px}
        .legacy dd{font-family:"Cormorant Garamond",Georgia,serif;font-size:34px;
          font-weight:600;color:#1C1C1C;margin:0;line-height:1.1;
          font-variant-numeric:lining-nums}
        .legacy dd small{display:block;font-family:"Libre Franklin",Helvetica,Arial,sans-serif;
          font-size:14px;font-weight:400;color:#555;letter-spacing:0;margin-top:4px}

        @media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}


        /* The pre-existing watermark, re-anchored so it can never be clipped. */
        .mark-bg{position:relative;overflow:hidden}
        .mark-bg>*{position:relative;z-index:1}
        .mark-bg::before{
          content:"";position:absolute;z-index:0;pointer-events:none;
          right:5%;left:auto;top:50%;bottom:auto;transform:translateY(-50%);
          width:clamp(180px,26%,380px);aspect-ratio:136/70;max-height:60%;
          background-color:#8A6D33;opacity:.055;
          -webkit-mask:url('https://assets.simplotel.com/simplotel/image/upload/c_crop,x_97,y_37,w_136,h_70/c_scale,w_816,h_420,e_sharpen:150,f_png/hotel-nataraj/hotel-nataraj-logo') center/contain no-repeat;
                  mask:url('https://assets.simplotel.com/simplotel/image/upload/c_crop,x_97,y_37,w_136,h_70/c_scale,w_816,h_420,e_sharpen:150,f_png/hotel-nataraj/hotel-nataraj-logo') center/contain no-repeat;
          -webkit-mask-source-type:luminance;mask-mode:luminance}
        .mark-tc::before{left:50%;right:auto;transform:translate(-50%,-50%);
          width:clamp(220px,38%,520px)}
        .mark-on-dark::before{background-color:#fff;opacity:.05}


        /* .lotus only ever sat inside a flex .eyebrow, where it was blockified.
           Used on its own it stayed inline and its box was ignored. */
        .lotus{display:inline-block}
        .sec-mark .lotus{display:block}



        /* ---- Floating WhatsApp ----------------------------------- */
        .wa-float{position:fixed;right:20px;bottom:20px;z-index:60;
          width:56px;height:56px;border-radius:50%;background:#25D366;
          display:inline-flex;align-items:center;justify-content:center;
          box-shadow:0 6px 20px rgba(0,0,0,.28);transition:transform .2s ease}
        .wa-float svg{width:30px;height:30px;fill:#fff}
        .wa-float:hover{transform:scale(1.06)}
        .wa-float:focus-visible{outline:3px solid #B08D49;outline-offset:3px}
        @media (prefers-reduced-motion:reduce){.wa-float{transition:none}
          .wa-float:hover{transform:none}}
        @media (max-width:767px){.wa-float{right:12px;bottom:12px;width:52px;height:52px}}


        /* ---- Footer ---------------------------------------------
           Four balanced columns; the long about-text runs full width
           underneath rather than leaving a ragged fourth column. */
        .foot-grid{display:grid;grid-template-columns:1fr;gap:40px;
          padding-top:64px;padding-bottom:48px;align-items:start}
        @media (min-width:768px) and (max-width:1023px){
          .foot-grid{grid-template-columns:1.4fr 1fr 1fr 1.15fr;gap:48px 48px}}
        /* Columns sized to their content and spread edge to edge, so the gaps
           are even and nothing piles up on the left. */
        @media (min-width:1024px){
          .foot-grid{grid-template-columns:repeat(4,max-content);
            justify-content:space-between;gap:48px 64px}}
        .foot-brand .nataraj-logo{margin-bottom:20px}
        .foot-addr{font-style:normal;font-size:16px;line-height:1.6;
          color:rgba(228,228,228,.8);margin:0 0 20px}
        .foot-soc{display:flex;gap:4px;margin-left:-12px}
        .foot-h{font-family:"Libre Franklin",Helvetica,Arial,sans-serif;font-size:16px;
          font-weight:600;color:#fff;margin:0 0 16px}
        .foot-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;
          font-size:16px}
        .foot-dl{margin:0;font-size:16px;line-height:1.5}
        .foot-dl dt{font-family:"Cormorant Garamond",Georgia,serif;font-size:15px;font-weight:600;
          letter-spacing:.1em;text-transform:uppercase;color:#B08D49;margin-bottom:4px}
        .foot-dl dt+dd{margin:0 0 16px}
        .foot-dl dd{margin:0 0 16px;color:rgba(228,228,228,.8);
          display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
        .foot-dl dd:last-child{margin-bottom:0}
        .foot-dl a{color:rgba(228,228,228,.85);transition:color .2s ease}
        .foot-dl a:hover{color:#B08D49}
        .foot-more{font-size:14px;color:#B08D49 !important;text-decoration:underline;
          text-underline-offset:3px;white-space:nowrap}
        .foot-more:hover{color:#C9A85F !important}
        .foot-legal{border-top:1px solid rgba(228,228,228,.12);text-align:center;
          padding-top:20px;padding-bottom:20px;--align-x:center}
        .foot-legal p{font-size:12px;color:rgba(228,228,228,.55);margin:0}
        .foot-legal a{transition:color .2s ease}
        .foot-legal a:hover{color:#B08D49}
        .foot-legal .sep{margin:0 8px}
        @media (max-width:767px){
          .foot-grid{padding-top:48px;padding-bottom:32px;gap:32px}
          .foot-list li a,.foot-dl a{display:inline-flex;align-items:center;min-height:44px}
          .foot-dl dd{margin-bottom:4px}
        }


        /* Centred variant for the dark conversion bands: rules run out from
           the lotus on both sides. */
        .eyebrow-c{justify-content:center}
        .eyebrow-c::before{content:"";flex:1;max-width:110px;height:1px;
          background:linear-gradient(90deg,rgba(176,141,73,0),rgba(176,141,73,.55))}
        .eyebrow-c::after{flex:1;max-width:110px;
          background:linear-gradient(90deg,rgba(176,141,73,.55),rgba(176,141,73,0))}
        .eyebrow-d{color:#C9A85F}
        .eyebrow-d .lotus{background-color:#C9A85F}
        .eyebrow-d::after,.eyebrow-d::before{
          background:linear-gradient(90deg,rgba(201,168,95,.5),rgba(201,168,95,0))}
        .eyebrow-c.eyebrow-d::before{
          background:linear-gradient(90deg,rgba(201,168,95,0),rgba(201,168,95,.5))}

/* VENDOR START */
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{-webkit-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0px;padding-top:0.5rem;padding-right:0.75rem;padding-bottom:0.5rem;padding-left:0.75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000;}[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-color:#2563eb}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:0.75rem;print-color-adjust:unset}[type='checkbox'],[type='radio']{-webkit-appearance:none;appearance:none;padding:0;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}[type='checkbox']{border-radius:0px}[type='radio']{border-radius:100%}[type='checkbox']:focus,[type='radio']:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}[type='checkbox']:checked,[type='radio']:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type='checkbox']:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");}@media (forced-colors: active) {[type='checkbox']:checked{-webkit-appearance:auto;appearance:auto}}[type='radio']:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");}@media (forced-colors: active) {[type='radio']:checked{-webkit-appearance:auto;appearance:auto}}[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{border-color:transparent;background-color:currentColor}[type='checkbox']:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;}@media (forced-colors: active) {[type='checkbox']:indeterminate{-webkit-appearance:auto;appearance:auto}}[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{border-color:transparent;background-color:currentColor}[type='file']{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type='file']:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0px}.bottom-0{bottom:0px}.left-0{left:0px}.left-3{left:0.75rem}.right-0{right:0px}.right-3{right:0.75rem}.top-0{top:0px}.top-1\/2{top:50%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:0.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-stack-lg{margin-bottom:32px}.mb-stack-md{margin-bottom:16px}.mb-stack-sm{margin-bottom:8px}.mt-1{margin-top:0.25rem}.mt-16{margin-top:4rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-20{height:5rem}.min-h-20{min-height:5rem}.h-48{height:12rem}.h-64{height:16rem}.h-8{height:2rem}.h-\[400px\]{height:400px}.h-\[500px\]{height:500px}.h-\[50px\]{height:50px}.h-\[600px\]{height:600px}.min-h-\[90vh\]{min-height:90vh}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-container-max{max-width:1280px}.flex-1{flex:1 1 0%}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\/2{--tw-translate-y:50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.appearance-none{-webkit-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:0.25rem}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-stack-lg{gap:32px}.gap-stack-md{gap:16px}.gap-x-4{column-gap:1rem}.gap-y-10{row-gap:2.5rem}.space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.scroll-smooth{scroll-behavior:smooth}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-lg{border-radius:0.5rem}.rounded-xl{border-radius:0.75rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-outline-variant{--tw-border-opacity:1;border-color:rgb(214 214 214 / var(--tw-border-opacity, 1))}.border-outline-variant\/10{border-color:rgb(214 214 214 / 0.1)}.border-outline-variant\/20{border-color:rgb(214 214 214 / 0.2)}.border-outline-variant\/30{border-color:rgb(214 214 214 / 0.3)}.border-nataraj-black{--tw-border-opacity:1;border-color:rgb(28 28 28 / var(--tw-border-opacity, 1))}.border-surface-variant{--tw-border-opacity:1;border-color:rgb(228 228 228 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-background{--tw-bg-opacity:1;background-color:rgb(248 248 248 / var(--tw-bg-opacity, 1))}.bg-nataraj-ink{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-nataraj-ink\/60{background-color:rgb(0 0 0 / 0.6)}.bg-outline-variant\/50{background-color:rgb(214 214 214 / 0.5)}.bg-nataraj-black{--tw-bg-opacity:1;background-color:rgb(28 28 28 / var(--tw-bg-opacity, 1))}.bg-nataraj-gold{--tw-bg-opacity:1;background-color:rgb(138 109 51 / var(--tw-bg-opacity, 1))}.bg-surface{--tw-bg-opacity:1;background-color:rgb(248 248 248 / var(--tw-bg-opacity, 1))}.bg-surface-container-low{--tw-bg-opacity:1;background-color:rgb(242 242 242 / var(--tw-bg-opacity, 1))}.bg-surface-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-surface-white\/10{background-color:rgb(255 255 255 / 0.1)}.bg-surface-white\/90{background-color:rgb(255 255 255 / 0.9)}.bg-surface-white\/95{background-color:rgb(255 255 255 / 0.95)}.bg-transparent{background-color:transparent}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}.from-nataraj-ink{--tw-gradient-from:#000000 var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:center}.object-cover{object-fit:cover}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-gutter{padding-left:24px;padding-right:24px}.px-margin-mobile{padding-left:16px;padding-right:16px}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-section-padding{padding-top:80px;padding-bottom:80px}.pb-32{padding-bottom:8rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.pt-24{padding-top:6rem}.text-center{text-align:center}.font-body-lg{font-family:"Libre Franklin",Helvetica,Arial,sans-serif}.font-body-md{font-family:"Libre Franklin",Helvetica,Arial,sans-serif}.font-button{font-family:"Libre Franklin",Helvetica,Arial,sans-serif}.font-display-lg{font-family:"Cormorant Garamond",Georgia,serif}.font-display-lg-mobile{font-family:"Cormorant Garamond",Georgia,serif}.font-headline-md{font-family:"Cormorant Garamond",Georgia,serif}.font-headline-sm{font-family:"Cormorant Garamond",Georgia,serif}.font-label-caps{font-family:"Libre Franklin",Helvetica,Arial,sans-serif}.text-3xl{font-size:32px;line-height:1.2}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-body-lg{font-size:20px;line-height:1.6;font-weight:400}.text-body-md{font-size:16px;line-height:1.6;font-weight:400}.text-button{font-size:16px;line-height:1.0;font-weight:600}.text-display-lg-mobile{font-size:32px;line-height:1.2;font-weight:700}.text-headline-md{font-size:32px;line-height:1.3;font-weight:600}.text-headline-sm{font-size:24px;line-height:1.4;font-weight:600}.text-label-caps{font-size:12px;line-height:1.0;letter-spacing:0.1em;font-weight:700}.text-lg{font-size:20px;line-height:1.4}.text-sm{font-size:16px;line-height:1.5}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tracking-wider{letter-spacing:0.05em}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-nataraj-ink{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-on-background{--tw-text-opacity:1;color:rgb(26 26 26 / var(--tw-text-opacity, 1))}.text-on-primary{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-on-surface{--tw-text-opacity:1;color:rgb(26 26 26 / var(--tw-text-opacity, 1))}.text-on-surface-variant{--tw-text-opacity:1;color:rgb(85 85 85 / var(--tw-text-opacity, 1))}.text-outline{--tw-text-opacity:1;color:rgb(138 138 138 / var(--tw-text-opacity, 1))}.text-nataraj-black{--tw-text-opacity:1;color:rgb(28 28 28 / var(--tw-text-opacity, 1))}.text-nataraj-gold{--tw-text-opacity:1;color:rgb(138 109 51 / var(--tw-text-opacity, 1))}.text-nataraj-gold-light{--tw-text-opacity:1;color:rgb(176 141 73 / var(--tw-text-opacity, 1))}.text-surface-variant{--tw-text-opacity:1;color:rgb(228 228 228 / var(--tw-text-opacity, 1))}.text-surface-variant\/60{color:rgb(228 228 228 / 0.6)}.text-surface-variant\/80{color:rgb(228 228 228 / 0.8)}.text-surface-variant\/90{color:rgb(228 228 228 / 0.9)}.text-surface-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-80{opacity:0.8}.mix-blend-multiply{mix-blend-mode:multiply}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\[0px_4px_20px_rgba\(0\2c 43\2c 73\2c 0\.08\)\]{--tw-shadow:0px 4px 20px rgba(28,28,28,0.08);--tw-shadow-colored:0px 4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\[0px_8px_30px_rgba\(0\2c 43\2c 73\2c 0\.06\)\]{--tw-shadow:0px 8px 30px rgba(28,28,28,0.06);--tw-shadow-colored:0px 8px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\[0px_8px_30px_rgba\(0\2c 43\2c 73\2c 0\.12\)\]{--tw-shadow:0px 8px 30px rgba(28,28,28,0.12);--tw-shadow-colored:0px 8px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.brightness-0{--tw-brightness:brightness(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-200{transition-duration:200ms}.duration-300{transition-duration:300ms}.duration-500{transition-duration:500ms}.duration-700{transition-duration:700ms}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.selection\:bg-nataraj-gold *::selection{--tw-bg-opacity:1;background-color:rgb(138 109 51 / var(--tw-bg-opacity, 1))}.selection\:text-white *::selection{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:bg-nataraj-gold::selection{--tw-bg-opacity:1;background-color:rgb(138 109 51 / var(--tw-bg-opacity, 1))}.selection\:text-white::selection{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.placeholder\:text-surface-variant\/50::placeholder{color:rgb(228 228 228 / 0.5)}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-nataraj-black\/5:hover{background-color:rgb(28 28 28 / 0.05)}.hover\:bg-nataraj-black\/90:hover{background-color:rgb(28 28 28 / 0.9)}.hover\:bg-nataraj-gold\/90:hover{background-color:rgb(138 109 51 / 0.9)}.hover\:bg-white\/10:hover{background-color:rgb(255 255 255 / 0.1)}.hover\:bg-opacity-90:hover{--tw-bg-opacity:0.9}.hover\:text-nataraj-gold:hover{--tw-text-opacity:1;color:rgb(138 109 51 / var(--tw-text-opacity, 1))}.hover\:text-surface-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-90:hover{opacity:0.9}.focus\:border-nataraj-gold:focus{--tw-border-opacity:1;border-color:rgb(138 109 51 / var(--tw-border-opacity, 1))}.focus\:border-tertiary-container:focus{--tw-border-opacity:1;border-color:rgb(28 28 28 / var(--tw-border-opacity, 1))}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus\:ring-nataraj-gold:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(138 109 51 / var(--tw-ring-opacity, 1))}.focus\:ring-tertiary-container:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(28 28 28 / var(--tw-ring-opacity, 1))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:bg-nataraj-ink\/90:is(.dark *){background-color:rgb(0 0 0 / 0.9)}.dark\:bg-surface-container-lowest:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.dark\:text-primary-fixed-dim:is(.dark *){--tw-text-opacity:1;color:rgb(214 214 214 / var(--tw-text-opacity, 1))}.dark\:text-surface-variant:is(.dark *){--tw-text-opacity:1;color:rgb(228 228 228 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}}@media (min-width: 768px){.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-5{grid-column:span 5 / span 5}.md\:col-span-7{grid-column:span 7 / span 7}.md\:mt-0{margin-top:0px}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-24{height:6rem}.md\:w-auto{width:auto}.md\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.md\:flex-row{flex-direction:row}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:px-gutter{padding-left:24px;padding-right:24px}.md\:font-display-lg{font-family:"Cormorant Garamond",Georgia,serif}.md\:text-display-lg{font-size:48px;line-height:1.1;letter-spacing:-0.02em;font-weight:700}}@media (min-width: 1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}}
/* VENDOR END */


/* Utilities used by the inner pages that the original compiled stylesheet does not carry.
   Written explicitly so the pages do not depend on the Tailwind runtime script. */
.inline-block{display:inline-block}.inline-flex{display:inline-flex}
.flex-wrap{flex-wrap:wrap}.shrink-0{flex-shrink:0}
.list-none{list-style:none}.cursor-pointer{cursor:pointer}
.font-normal{font-weight:400}.not-italic{font-style:normal}
.text-left{text-align:left;--align-x:flex-start}.text-right{text-align:right;--align-x:flex-end}
.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}
.overflow-x-auto{overflow-x:auto}
.min-w-\[640px\]{min-width:640px}
.h-\[380px\]{height:380px}.h-\[420px\]{height:420px}
.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.mt-stack-lg{margin-top:32px}
.mt-stack-md{margin-top:16px}.mt-stack-sm{margin-top:8px}.mt-gap{margin-top:24px}
.mb-stack-lg{margin-bottom:32px}
.mx-2{margin-left:.5rem;margin-right:.5rem}
.pt-32{padding-top:8rem}.pb-stack-lg{padding-bottom:32px}
.hover\:text-nataraj-gold-light:hover{color:#B08D49}
@media (min-width:1024px){.lg\:hidden{display:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\:col-span-2{grid-column:span 2/span 2}}
@media (min-width:1024px){.lg\:flex{display:flex}
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg\:col-span-2{grid-column:span 2/span 2}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* ---- Design reference card, page 2: measured corrections ---- */
/* Hero 60-80% of the viewport, never near 100%, or section two is never seen.
   Held at the top of that band: the only wide exterior photo is 16:9, and a
   shorter box crops it to a strip of the middle floors. */
.min-h-\[90vh\]{min-height:clamp(560px,80vh,900px)}
/* 80 is not on the spacing scale. Sections use 96, dropping to 64 on mobile. */
.py-section-padding{padding-top:96px;padding-bottom:96px}
/* Card padding 24-32. */
.p-6{padding:32px}
@media (max-width:767px){
  .py-section-padding{padding-top:64px;padding-bottom:64px}
  .p-6{padding:24px}
  /* Mobile buttons 48-52px tall. */
  main button, main a.text-button, footer button{min-height:48px}
}
/* Image ratios: one ratio per set. */
:root{--header-h:80px}
/* Fixed header clearance plus a 96 step, so the visible gap is on the scale. */
.page-head{padding-top:calc(var(--header-h) + 96px);padding-bottom:32px}
/* Inner-page hero banner. Text on a photograph always gets a scrim
   (reference card, page 4), so the copy survives any image swap. */
.page-hero{position:relative;display:flex;align-items:flex-end;overflow:hidden;
  min-height:360px;padding-top:calc(var(--header-h) + 48px);padding-bottom:48px;
  background:#000}
.page-hero>.img-link{position:absolute;inset:0;z-index:0}
.page-hero>img,.page-hero>.img-link>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.page-hero::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(0,0,0,.90) 0%,rgba(0,0,0,.82) 46%,rgba(0,0,0,.50) 72%,rgba(0,0,0,.24) 100%),linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.40) 55%,rgba(0,0,0,.30) 100%)}
.page-hero>.inner{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto}
/* Breadcrumb sits below the banner, on the page surface, not over the photograph. */
.crumbbar{background:#F8F8F8;border-bottom:1px solid #E4E4E4;padding-top:16px;padding-bottom:16px}
@media (max-width:767px){.page-hero{min-height:280px;padding-bottom:32px}}
@media (max-width:767px){.page-head{padding-top:calc(var(--header-h) + 64px)}}
/* Footer quick links run two-up so the footer stays inside 240-400px. */
.foot-links{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px}
.ratio-4-3{aspect-ratio:4/3;height:auto}
.ratio-1-1{aspect-ratio:1/1;height:auto}
.ratio-16-9{aspect-ratio:16/9;height:auto}
/* Footer social + USP */
.foot-grid{display:grid;grid-template-columns:1fr;gap:48px;padding-top:80px;padding-bottom:64px}
@media (min-width:768px){.foot-grid{grid-template-columns:1fr .8fr .8fr 1.5fr;gap:48px}}
.foot-usp{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px}
@media (max-width:767px){.foot-usp{grid-template-columns:1fr}}
.soc{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px}
.soc:hover svg{fill:#B08D49}
.soc svg{width:20px;height:20px;fill:#fff;transition:fill .2s}
/* ACC-03 / axe link-in-text-block: a link inside prose must be distinguishable
   by more than colour alone. */
main p a, main address a, main dd a, main figcaption a { text-decoration:underline; text-underline-offset:2px }
/* Footer contact links are standalone controls, not inline prose, so they carry a
   real target at every width (WCAG 2.5.8 is not pointer-conditional). */
footer dd a, footer address a{display:inline-flex;align-items:center;min-height:44px}
/* BTN-04: breadcrumb links are navigation, not prose, so give them a real touch target. */
@media (max-width:1023px), (pointer:coarse){
  nav[aria-label="Breadcrumb"] a{display:inline-flex;align-items:center;min-height:44px}

}

/* ---- Overrides that must outrank the block above ----
   Taller inner-page banner, and a much lighter scrim: the original stacked a
   90% and a 72% black gradient, putting the bottom-left at ~97% black, which
   buried the photograph. Footer columns get a wider column gap. */
.page-hero{min-height:clamp(588px,73vh,840px);
  padding-top:calc(var(--header-h) + 72px);padding-bottom:64px}
.page-hero::after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,.20) 72%,rgba(0,0,0,.06) 100%),
    linear-gradient(0deg,rgba(0,0,0,.46) 0%,rgba(0,0,0,.14) 58%,rgba(0,0,0,0) 100%)}
.page-hero .inner h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.6)}
.page-hero .inner p{color:#F6F2EA;text-shadow:0 1px 16px rgba(0,0,0,.66)}
@media (max-width:767px){
  .page-hero{min-height:clamp(476px,64vh,602px);
    padding-top:calc(var(--header-h) + 48px);padding-bottom:40px}}
@media (min-width:768px){.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px 64px}}
@media (min-width:1280px){.foot-grid{gap:48px 80px}}

/* Caption sitting over the foot of the story image. */
.legend-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:20px 20px;color:#F6F2EA;font-family:"Libre Franklin",Helvetica,Arial,sans-serif;
  font-size:15px;line-height:1.55;
  background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.8) 40%,rgba(0,0,0,.55) 72%,rgba(0,0,0,0) 100%);padding-top:48px}
.legend-cap .legend-more{display:inline-block;margin-top:4px;color:#E2C27E;font-weight:600;
  text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.legend-cap .legend-more:hover{color:#fff}
@media (max-width:767px){.legend-cap{font-size:14px;padding:16px}}
/* The one heritage marker on the site lives here. */
.foot-est{display:block;margin-top:8px;font-family:"Cormorant Garamond",Georgia,serif;
  font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(176,141,73,.85)}
.hero-bg{background-position:center top}

/* The story caption is a hover reveal on pointer devices, always shown on
   touch, and opens on keyboard focus so the Know More link is never stranded. */
@media (hover:hover) and (pointer:fine){
  .legend-fig .legend-cap{opacity:0;transform:translateY(10px);
    transition:opacity .3s ease,transform .3s ease}
  .legend-fig:hover .legend-cap,
  .legend-fig:focus-within .legend-cap{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
  .legend-fig .legend-cap{transition:none;transform:none}
}

/* ---- from contact-us.html ---- */
/* Map embed, same treatment as the Location page. */
        .map-embed{position:relative;width:100%;aspect-ratio:16/9;min-height:320px}
.map-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:767px){.map-embed{aspect-ratio:4/3}}
/* All five reservation lines, listed openly. */
        .all-lines{list-style:none;margin:0;padding:0}
.all-lines li{display:flex;align-items:center;gap:8px}
/* the tap target has to be the link itself, not the row around it */
        .all-lines li a{display:inline-flex;align-items:center;min-height:44px}
.all-lines .ln{color:#555;font-size:14px}
.ln{color:#555}
#reservations{scroll-margin-top:calc(var(--header-h, 80px) + 24px)}
#reservations:target{outline:none}

/* ---- from dining.html ---- */
/* Fiesta is a banquet floor, so it sits apart from the two restaurants. */
.fiesta-note{border-top:1px solid rgba(176,141,73,.3);margin-top:8px;padding-top:32px;
  max-width:62ch}

/* ---- from location.html ---- */
/* Getting Around tabs. Every panel is visible until the script takes over,
   so the distances are readable with JavaScript off. */
.dist-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid rgba(214,214,214,.6);
  margin-bottom:24px}
.dist-tab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;
  padding:12px 4px;margin-right:24px;min-height:44px;cursor:pointer;
  font-family:"Libre Franklin",Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;
  color:#555;transition:color .2s ease,border-color .2s ease}
.dist-tab:hover{color:#8A6D33}
.dist-tab.is-on{color:#8A6D33;border-bottom-color:#8A6D33}
.dist-tab:focus-visible{outline:2px solid #8A6D33;outline-offset:3px}
.dist-panels{display:grid;gap:24px}
/* an author display rule outranks the UA [hidden] rule, so say it here */
[hidden]{display:none !important}
.dist-panel{display:grid;grid-template-columns:1fr;gap:24px}
@media (min-width:768px){.dist-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px}}
.dist-group h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:15px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:#B08D49;margin:0 0 12px}
.dist-table{width:100%;font-family:"Libre Franklin",Helvetica,Arial,sans-serif;font-size:16px;
  color:#555;border-collapse:collapse}
.dist-table th{text-align:left;font-weight:400;padding:8px 16px 8px 0;
  border-bottom:1px solid rgba(214,214,214,.5);--align-x:flex-start}
.dist-table td{text-align:right;font-weight:700;color:#1C1C1C;padding:8px 0;
  white-space:nowrap;border-bottom:1px solid rgba(214,214,214,.5);--align-x:flex-end}
@media (prefers-reduced-motion:reduce){.dist-tab{transition:none}}

/* ---- from rooms.html ---- */
#in-every-room{scroll-margin-top:calc(var(--header-h, 80px) + 24px)}

/* Utilities used in the markup that the precompiled Tailwind build omitted.
   Without these the classes render as nothing at all. */
.items-stretch{align-items:stretch}
.mt-3{margin-top:12px}
.pl-6{padding-left:24px}

/* Used in the markup but absent from the precompiled Tailwind build, so these
   rendered as nothing. The shadow utilities were compiled against an older
   rgba(0,43,73,..) token while the markup asks for rgba(28,28,28,..). */
.shadow-\[0px_4px_20px_rgba\(28\2c 28\2c 28\2c 0\.08\)\]{box-shadow:0 4px 20px rgba(28,28,28,.08)}
.shadow-\[0px_8px_30px_rgba\(28\2c 28\2c 28\2c 0\.06\)\]{box-shadow:0 8px 32px rgba(28,28,28,.06)}
.shadow-\[0px_8px_30px_rgba\(28\2c 28\2c 28\2c 0\.12\)\]{box-shadow:0 8px 32px rgba(28,28,28,.12)}
.cap{font-size:14px;line-height:1.5}

/* ---- Homepage refinements ------------------------------------------
   The stat numbers carried font-display-lg, which is only the family, so
   they rendered at body size in a light serif and were barely readable. */
.stat-num{font-family:"Cormorant Garamond",Georgia,serif;font-size:32px;line-height:1.1;
  font-weight:700;color:#E2C27E;font-variant-numeric:lining-nums;--align-x:center}
@media (max-width:767px){.stat-num{font-size:28px}}

/* An eyebrow with no rules either side, for the centred dark band where the
   rule sits under the heading instead. */
.eyebrow-plain{justify-content:center}
.eyebrow-plain::before,.eyebrow-plain::after{content:none;display:none}

/* Body links that should read as links without an underline. */
.link-quiet{color:#8A6D33;text-decoration:none;transition:color .2s ease}
/* No rule at rest - colour alone marks the link, per client direction. An
   underline returns on hover and focus so the affordance is not colour-only
   for keyboard users. */
.link-quiet:hover,.link-quiet:focus-visible{color:#6E5628;text-decoration:underline;
  text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){.link-quiet{transition:none}}

/* Hero copy sits on the container's left edge with the rest of the page. */
.hero-left{text-align:left;--align-x:flex-start}
.hero-left h1,.hero-left p{margin-left:0;margin-right:0}

/* Offers: one real offer beside the standing terms, not three equal cards.
   Tightened bottom padding, which was a full section gap before Facilities. */
.offers-band{padding-top:80px;padding-bottom:48px}
.offer-split{display:grid;grid-template-columns:1fr;gap:32px}
@media (min-width:1024px){.offer-split{grid-template-columns:1.35fr 1fr;gap:40px;align-items:start}}
.offer-main{background:#fff;border:1px solid rgba(214,214,214,.5);border-radius:8px;
  overflow:hidden;display:flex;flex-direction:column}
.offer-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.offer-body{padding:24px;display:flex;flex-direction:column;gap:12px}
.offer-cta{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;
  padding:0 24px;border-radius:8px;background:#8A6D33;color:#fff;font-weight:600;
  font-family:"Libre Franklin",Helvetica,Arial,sans-serif;font-size:16px;
  transition:background .2s ease}
.offer-cta:hover{background:#6E5628}
.offer-side{display:grid;grid-template-columns:1fr;gap:16px}
.offer-note{background:#fff;border:1px solid rgba(214,214,214,.5);border-radius:8px;
  padding:20px;display:flex;flex-direction:column;gap:8px}
@media (prefers-reduced-motion:reduce){.offer-cta{transition:none}}

/* Offers is one offer, so it reads as a single horizontal strip rather than a
   tall feature card with filler beside it. */
.offer-strip{display:grid;grid-template-columns:1fr;background:#fff;
  border:1px solid rgba(214,214,214,.5);border-radius:8px;overflow:hidden}
@media (min-width:768px){.offer-strip{grid-template-columns:minmax(0,360px) 1fr;align-items:stretch}}
.offer-strip-img{width:100%;height:100%;min-height:200px;object-fit:cover;display:block;
  aspect-ratio:4/3}
@media (min-width:768px){.offer-strip-img{aspect-ratio:auto}}
.offer-strip-body{padding:24px;display:flex;flex-direction:column;gap:12px;
  justify-content:center}

/* ==== TAP TARGETS: full 44px conformance ============================
   Client decision 2026-09-23. The skill's harness requires 44x44 at every
   width, not only on coarse pointers. Cost is ~26px of footer height; the
   header is a fixed 80px band so nothing moves there.
   TO REVERT: delete this block and run `python3 build.py`.
   Deliberately EXCLUDED: .foot-legal a, the Sitemap / Simplotel links are
   inline inside a 12px sentence, which is the WCAG 2.5.8 inline exception,
   and stretching them would break that line. */
.foot-list li a,
.foot-dl a,
#site-header nav a,
.room-card a,
.room-card button{min-height:44px;display:inline-flex;align-items:center}
.foot-list{gap:4px}
.foot-dl dd{margin-bottom:8px}
#site-header nav a{padding-inline:4px}
.room-card .flex.gap-3 a,
.room-card .flex.gap-3 button{justify-content:center}

/* ---- Rooms slider (Swiper 11) -------------------------------------
   Three cards in view on desktop, two on tablet, one on phone. Never
   autoplay (binding rule 17); the guest drives it. */
.rooms-swiper-wrap{position:relative}
.rooms-swiper{overflow:hidden}
.rooms-swiper .swiper-slide{height:auto;display:flex}
.rooms-swiper .swiper-slide>*{width:100%}
.rooms-prev,.rooms-next{position:absolute;top:40%;z-index:3;width:44px;height:44px;
  border:0;border-radius:50%;cursor:pointer;background:#fff;color:#1C1C1C;
  box-shadow:0 4px 16px rgba(28,28,28,.18);display:inline-flex;align-items:center;
  justify-content:center;transition:background .2s ease,color .2s ease}
.rooms-prev{left:-8px}
.rooms-next{right:-8px}
@media (min-width:1280px){.rooms-prev{left:-20px}.rooms-next{right:-20px}}
.rooms-prev:hover,.rooms-next:hover{background:#8A6D33;color:#fff}
.rooms-prev:focus-visible,.rooms-next:focus-visible{outline:3px solid #8A6D33;outline-offset:2px}
.rooms-prev.swiper-button-disabled,.rooms-next.swiper-button-disabled{opacity:.35;cursor:default}
.rooms-pagination{display:flex;justify-content:center;gap:0;margin-top:24px}
.rooms-pagination .swiper-pagination-bullet{width:44px;height:44px;margin:0;opacity:1;
  background:none;border-radius:0;position:relative}
.rooms-pagination .swiper-pagination-bullet::after{content:"";position:absolute;top:50%;left:50%;
  width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:rgba(28,28,28,.25);
  transition:background .2s ease,transform .2s ease}
.rooms-pagination .swiper-pagination-bullet:hover::after{background:rgba(138,109,51,.6)}
.rooms-pagination .swiper-pagination-bullet-active::after{background:#8A6D33;transform:scale(1.3)}
@media (prefers-reduced-motion:reduce){
  .rooms-prev,.rooms-next,.rooms-pagination .swiper-pagination-bullet::after{transition:none}}

/* ---- Guest reviews -------------------------------------------------
   Fixed-height cards so four real reviews of differing length still line
   up; the excerpt scrolls inside its own box rather than stretching it. */
.review-grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:1024px;margin-inline:auto}
@media (min-width:768px){.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.review-card{background:#fff;border:1px solid rgba(214,214,214,.4);border-radius:8px;
  padding:24px;margin:0;display:flex;flex-direction:column;gap:12px}
.review-stars{display:flex;color:#B08D49;font-size:20px;line-height:1}
.review-stars .material-symbols-outlined{font-size:20px}
.review-text{margin:0;font-family:"Libre Franklin",Helvetica,Arial,sans-serif;font-size:16px;
  line-height:1.6;color:#555;max-height:120px;overflow-y:auto;padding-right:4px}
.review-text::-webkit-scrollbar{width:4px}
.review-text::-webkit-scrollbar-thumb{background:rgba(176,141,73,.35);border-radius:4px}
.review-by{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:8px 16px;margin-top:auto;padding-top:4px}
.review-name{font-family:"Libre Franklin",Helvetica,Arial,sans-serif;font-size:16px;
  font-weight:600;color:#1C1C1C}
.review-more{display:inline-flex;align-items:center;min-height:44px;font-size:14px;
  font-weight:600;color:#8A6D33;text-decoration:underline;text-underline-offset:3px}
.review-more:hover{color:#6E5628}
.review-all{text-align:center;--align-x:center;margin-top:24px;font-size:16px}

/* ---- Story slider + reviews slider (Swiper 11) ---------------------
   Shared control styling; Swiper owns the mechanics (binding rule 17). */
.story-img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.story-swiper{overflow:hidden}
.story-prev,.story-next,.reviews-prev,.reviews-next{position:absolute;top:50%;
  transform:translateY(-50%);z-index:3;width:44px;height:44px;border:0;border-radius:50%;
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.45);color:#fff;transition:background .2s ease}
.story-prev{left:12px} .story-next{right:12px}
.story-prev:hover,.story-next:hover{background:rgba(0,0,0,.72)}
.story-prev:focus-visible,.story-next:focus-visible,
.reviews-prev:focus-visible,.reviews-next:focus-visible{outline:3px solid #B08D49;outline-offset:2px}
/* Swiper positions its pagination with its own custom properties; setting
   those is more reliable than out-specifying .swiper-pagination-horizontal. */
/* Swiper adds only the modifier classes, not the base .swiper-pagination that
   carries position:absolute, so position this one explicitly. */
.story-pagination{position:absolute;left:0;right:0;z-index:3;
  display:flex;justify-content:center;gap:0}
/* Swiper's .swiper-pagination-bullets.swiper-pagination-horizontal sets
   top/bottom at specificity 0,2,0, so match it to move the dots up. */
.story-pagination.swiper-pagination-horizontal{top:8px;bottom:auto}
.story-pagination .swiper-pagination-bullet,
.reviews-pagination .swiper-pagination-bullet{width:32px;height:32px;margin:0;opacity:1;
  background:none;border-radius:0;position:relative}
.story-pagination .swiper-pagination-bullet::after,
.reviews-pagination .swiper-pagination-bullet::after{content:"";position:absolute;
  top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;
  background:rgba(255,255,255,.55);transition:background .2s ease,transform .2s ease}
.story-pagination .swiper-pagination-bullet-active::after{background:#fff;transform:scale(1.25)}
.reviews-pagination .swiper-pagination-bullet::after{background:rgba(28,28,28,.25)}
.reviews-pagination .swiper-pagination-bullet-active::after{background:#8A6D33;transform:scale(1.25)}

.reviews-swiper-wrap{position:relative;max-width:1024px;margin-inline:auto}
.reviews-swiper{overflow:hidden}
.reviews-swiper .swiper-slide{height:auto;display:flex}
.reviews-swiper .swiper-slide>*{width:100%}
.reviews-prev,.reviews-next{background:#fff;color:#1C1C1C;
  box-shadow:0 4px 16px rgba(28,28,28,.18)}
.reviews-prev{left:-8px} .reviews-next{right:-8px}
@media (min-width:1280px){.reviews-prev{left:-20px}.reviews-next{right:-20px}}
.reviews-prev:hover,.reviews-next:hover{background:#8A6D33;color:#fff}
.reviews-prev.swiper-button-disabled,.reviews-next.swiper-button-disabled{opacity:.35}
.reviews-pagination{--swiper-pagination-bottom:auto;position:static;display:flex;justify-content:center;gap:0;margin-top:16px}
.review-card{min-height:200px}
@media (prefers-reduced-motion:reduce){
  .story-prev,.story-next,.reviews-prev,.reviews-next,
  .swiper-pagination-bullet::after{transition:none}}

/* The map band and the enquiry form each carried a full section's padding, so
   the gap between them was a double 96px. Halve it where they meet. */
.map-band{padding-bottom:48px}
[data-w="contact-form"]{padding-top:48px}

/* The Fiesta wordmark, trimmed of its white surround so it reads as a mark.
   Capped small: it identifies the venue, it is not the hero of the section. */
/* The asset is a JPEG on white and e_make_transparent does not take on it, so
   the white is dropped with multiply blending. mix-blend-mode cannot blend
   against the page canvas, so the wrapper paints the section colour first and
   gives the blend an actual backdrop. */
.fiesta-logo-wrap{display:inline-block;background:#F8F8F8;line-height:0;margin:0 0 8px;
  overflow:hidden;max-width:236px}
/* c_trim leaves a 1px off-white fringe, which multiply renders as a grey hairline.
   Oversize by 2px each side and let the wrapper clip it away. */
.fiesta-logo{display:block;width:calc(100% + 2px);max-width:none;height:auto;
  margin:-1px;mix-blend-mode:multiply}
@media (max-width:767px){.fiesta-logo{max-width:180px}}

/* The wordmark stands in for the venue heading, so it takes the heading's
   bottom spacing and an accessible name via the img alt. */
.fiesta-logo-lead{margin-bottom:16px}

/* The Location page runs several short bands in a row; a full section gap
   between each left too much air. */
[data-w="page-hero"] ~ section.py-section-padding{padding-top:64px;padding-bottom:64px}

/* ---- Gallery filter ------------------------------------------------
   Hiding uses [hidden], which the reset marks display:none !important, so no
   author rule can outrank it the way .dist-panel once did. */
.gal-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.gal-btn{appearance:none;background:none;border:1px solid rgba(214,214,214,.8);
  border-radius:8px;padding:0 20px;min-height:44px;cursor:pointer;
  font-family:"Libre Franklin",Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;
  color:#555;transition:background .2s ease,color .2s ease,border-color .2s ease}
.gal-btn:hover{color:#8A6D33;border-color:#8A6D33}
.gal-btn.is-on{background:#8A6D33;border-color:#8A6D33;color:#fff}
.gal-btn:focus-visible{outline:3px solid #8A6D33;outline-offset:2px}
.gal-count{font-family:"Libre Franklin",Helvetica,Arial,sans-serif;font-size:14px;
  color:#555;margin:0 0 16px}
@media (prefers-reduced-motion:reduce){.gal-btn{transition:none}}

/* Homepage hero copy centred. */
.hero-center{text-align:center;--align-x:center}

/* Know More: a button rather than an inline link, per the dining pages. */
.btn-know{display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  padding:0 24px;border:1px solid #8A6D33;border-radius:8px;color:#8A6D33;
  text-decoration:none;
  font-family:"Libre Franklin",Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;
  transition:background .2s ease,color .2s ease}
/* A bordered button already reads as a control; it needs no underline. */
.btn-know,.btn-know:hover,.btn-know:focus{text-decoration:none}
.btn-know:hover{background:#8A6D33;color:#fff}
.btn-know:focus-visible{outline:3px solid #8A6D33;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.btn-know{transition:none}}

/* The dining cards ran text hard against the next block; give the spec list
   and the copy above it room. */
.dining-card .media-match{margin-bottom:8px}
#dining-outlets dl,#dining-outlets table{margin-top:24px}

/* The outlet type sits under the heading and needs air, not a 4px nudge. */
.outlet-type{margin-top:12px;margin-bottom:4px}

/* Good to Know reads as terms, so it is a list rather than a paragraph. */
.gtk-list{list-style:none;margin:0 auto;padding:0;max-width:72ch;display:grid;gap:12px;
  text-align:left;--align-x:flex-start;
  font-family:"Libre Franklin",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;
  color:#555}
.gtk-list strong{color:#1C1C1C}

/* The menu sits with the photographs rather than under the copy. */
.menu-under{margin-top:24px}
.menu-under .btn-know{gap:8px}

/* ---- Room summary cards --------------------------------------------
   Four cards need to compare at a glance, so the photograph is shorter than
   4:3 and the actions pin to the card foot rather than stopping where the
   copy happens to end. */
.room-card > img,.room-card > .img-link > img{aspect-ratio:3/2}
.room-card .card-actions{margin-top:auto;padding-top:16px}
/* Tighter internals so four cards fit a screen without scrolling. */
.room-card .p-6{padding:20px}
.room-card h2{margin-bottom:4px}
.room-card .gap-4.mb-4{margin-bottom:12px;gap:12px}
.room-card p.mb-4{margin-bottom:8px}
.room-card p.mb-2{margin-bottom:4px}
.room-card ul.grid{gap:4px}

/* The availability line ran straight on from the description. */
.rooms-avail{margin-top:16px;margin-bottom:8px}

/* ---- In Every Room, grouped by purpose ----------------------------- */
.amen-grid{display:grid;grid-template-columns:1fr;gap:32px}
@media (min-width:640px){.amen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.amen-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 40px}}
.amen-group h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:15px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:#B08D49;margin:0 0 12px}
.amen-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;
  font-family:"Libre Franklin",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;
  color:#555}

/* The USP band closes with space, not a rule. */
.usp-band{padding-bottom:64px}
.usp-band + section{padding-top:64px}


/* ---- Outlet wordmarks ----------------------------------------------
   Same handling as the Fiesta mark: the assets are JPEGs on white and
   e_make_transparent does not take, so multiply drops the white against a
   painted backdrop, and 1px is clipped to lose the c_trim fringe. */
.outlet-logo-wrap{display:inline-block;background:#F8F8F8;line-height:0;
  overflow:hidden;max-width:196px;margin:0 0 16px}
.outlet-logo-wrap.outlet-logo-sm{max-width:156px;margin-bottom:12px}
.outlet-logo{display:block;width:calc(100% + 2px);max-width:none;height:auto;
  margin:-1px;mix-blend-mode:multiply}
@media (max-width:767px){.outlet-logo-wrap{max-width:156px}}

/* Inner-page hero copy sits centred, matching the homepage, with the
   sub-line given room to breathe under the heading. */
.page-hero .inner{text-align:center;--align-x:center}
.page-hero .inner h1{margin-bottom:16px}
.page-hero .inner p{margin-left:auto;margin-right:auto}
.hero-center h1{margin-bottom:16px}

/* ---- FAQ list -------------------------------------------------------
   group-open:rotate-180 was in the original markup with no rule behind it,
   so the chevron never turned when a question opened. */
.faq-list{display:block}
.faq-item{display:block}
.faq-item[hidden]{display:none !important}
.faq-count{margin-bottom:16px}
/* Questions are grouped by category, each under a centred gold eyebrow and a
   heading, the same header the homepage facilities teaser uses. */
.faq-group{display:block;margin-bottom:48px}
.faq-group:last-child{margin-bottom:0}
.faq-group[hidden]{display:none !important}
.faq-group .eyebrow{margin-bottom:8px}
.faq-item .material-symbols-outlined{transition:transform .2s ease}
.faq-item[open] .material-symbols-outlined{transform:rotate(180deg)}
.group-open\:rotate-180{}
@media (prefers-reduced-motion:reduce){
  .faq-item .material-symbols-outlined{transition:none}}

/* Policy blocks on the terms page were stacked with no separation, so each
   eyebrow sat hard against the list above it. */
.policy-eyebrow{margin-top:48px}
.policy-block{margin-top:48px}

/* ---- Clickable images ----
   Every content photo is an <a class="img-link">. Card photos that sit beside
   a button to another page link to that page; every other photo links to its
   full-size file, so right-click "open in new tab" works everywhere and, with
   JS, a plain click opens the lightbox (see js: Lightbox). Brand marks excluded.
   The hero shade sits above the photo, so it must not swallow the click. */
.img-link{display:block;color:inherit;text-decoration:none}
.img-link>img{display:block}
.page-hero::after{pointer-events:none}
.offer-strip>.img-link{min-height:200px}
.hero-bg-wrap{position:absolute;inset:0;z-index:0}
.hero-bg-wrap>.img-link{position:absolute;inset:0}
.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% top}
.hero-shade{pointer-events:none}

/* ---- Lightbox (data-w="lightbox") ---- a <dialog> the JS appends on first use. */
html.lb-open{overflow:hidden}
.lightbox{border:0;padding:0;margin:0;background:transparent;width:100vw;height:100vh;max-width:100vw;max-height:100vh}
.lightbox::backdrop{background:rgba(14,14,14,.92)}
.lightbox-frame{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:64px 80px 48px}
.lightbox-img{max-width:100%;max-height:100%;object-fit:contain;display:block;box-shadow:0 12px 48px rgba(0,0,0,.5)}
.lightbox-cap{position:absolute;left:16px;right:16px;bottom:16px;margin:0;text-align:center;--align-x:center;color:#F6F2EA;font-size:14px;line-height:20px}
.lightbox-btn{position:absolute;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(255,255,255,.14);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.lightbox-btn:hover,.lightbox-btn:focus-visible{background:rgba(255,255,255,.3)}
.lightbox-btn:focus-visible{outline:2px solid #E2C27E;outline-offset:2px}
.lightbox-close{top:12px;right:16px}
.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%)}
.lightbox-prev{left:16px}.lightbox-next{right:16px}
@media (max-width:767px){.lightbox-frame{padding:64px 16px 48px}
  .lightbox-prev,.lightbox-next{top:auto;bottom:48px;transform:none}}

/* ---- QC sheet fixes, 2026-09-24 ------------------------------------------
   Each block names the checklist row it answers. Later rules win by cascade,
   so these deliberately sit at the end of the file. */
/* RES-04 / FUN-06 / RES-06: the four-column footer forces the page wider than a
   768-1023px viewport (the Contact column cannot shrink below its phone numbers).
   Two columns in that band; tighter gutters from 1024 to 1279. */
.foot-grid>*{min-width:0}
.foot-dl dd{overflow-wrap:anywhere}
@media (min-width:768px) and (max-width:1023px){.foot-grid{grid-template-columns:1fr 1fr;gap:40px 48px}}
@media (min-width:1024px) and (max-width:1279px){.foot-grid{gap:40px 32px}}
/* LAY-04: the link columns sat flush against the legal line. */
.foot-legal{margin-top:16px}
/* BTN-04 / SEO-26: the footer FAQs link measured 40px wide at 320px. */
@media (max-width:1023px),(pointer:coarse){.foot-list li a{min-width:44px}}
/* BTN-04 / FUN-05: the story-caption "Know More" link measured 22px tall and
   overlapped its own caption text; on its own line with a 44px tap box. */
.legend-cap .legend-more{display:block;width:max-content;margin-top:8px;padding:10px 0;min-height:44px}
/* COL-02: gold text on the grey review band measured 4.34:1 and the amenity
   group labels 2.92:1; both need 4.5:1. #7A6030 clears it on both surfaces. */
[data-w="guest-reviews"] .eyebrow,[data-w="guest-reviews"] .link-quiet{color:#7A6030}
.amen-group h3{color:#7A6030}
/* NAV-11 / NAV-12: back-to-top control, hidden at the top of the page, shown
   after one viewport of scroll, parked above the WhatsApp button. */
.to-top{position:fixed;right:20px;bottom:88px;z-index:60;width:44px;height:44px;border-radius:50%;border:0;
  background:#1C1C1C;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:0 6px 20px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s}
.to-top.is-shown{opacity:1;visibility:visible;transform:none}
.to-top:hover{background:#8A6D33}
.to-top:focus-visible{outline:3px solid #B08D49;outline-offset:3px}
.to-top .material-symbols-outlined{font-size:24px}
@media (max-width:767px){.to-top{right:12px;bottom:76px;width:44px;height:44px}}
@media (prefers-reduced-motion:reduce){.to-top{transition:none}}
/* FUN-06 / RES-06: the story slider's 48px right-hand bleed (.offset-out) is a
   deliberate design move, but on viewports narrower than the content container
   it spills 24px past the edge and the page scrolls sideways. Clip the page
   horizontally; clip (unlike hidden) creates no scroll container, so sticky
   and fixed elements are unaffected and the bleed still shows on wide screens. */
html,body{overflow-x:clip}

/* ---- Responsive header (NAV-05, client requests 2026-09-24 / 2026-09-28) ---
   Fit first, hamburger last. Once the script runs it adds .nav-fit and picks
   the most spacious density level (data-nav-level 0-4) at which the logo, the
   nav and Book Now share one row. When even level 4 cannot fit every item, the
   lowest-priority items move into the drawer one by one (.nav-overflow; the
   drawer then lists only those). Below 3 visible items the whole nav goes to
   the drawer (.nav-collapsed). Nothing ever wraps to a second line. Without
   JS the Tailwind lg breakpoint still applies. */
#site-header.nav-fit nav[aria-label="Main navigation"]{display:flex;margin-inline:32px}
#site-header.nav-fit[data-nav-level="1"] nav[aria-label="Main navigation"]{gap:24px}
#site-header.nav-fit[data-nav-level="2"] nav[aria-label="Main navigation"]{gap:20px;font-size:15px;margin-inline:24px}
#site-header.nav-fit[data-nav-level="3"] nav[aria-label="Main navigation"]{gap:16px;font-size:15px;margin-inline:24px}
#site-header.nav-fit[data-nav-level="4"] nav[aria-label="Main navigation"]{gap:12px;font-size:14px;margin-inline:20px}
#site-header.nav-fit[data-nav-level="2"] .book-now,
#site-header.nav-fit[data-nav-level="3"] .book-now{padding-inline:20px}
#site-header.nav-fit[data-nav-level="4"] .book-now{padding-inline:16px}
#site-header.nav-fit:not(.nav-overflow):not(.nav-collapsed) #nav-toggle{display:none!important}
#site-header nav[aria-label="Main navigation"] a.nav-off{display:none}
#site-header.nav-overflow .mnav a.in-bar{display:none}
#site-header.nav-collapsed nav[aria-label="Main navigation"]{display:none!important}
#site-header.nav-collapsed #nav-toggle,
#site-header.nav-overflow #nav-toggle{display:inline-flex!important;min-width:44px;min-height:44px;align-items:center;justify-content:center}
#site-header.nav-collapsed .mnav.open,
#site-header.nav-overflow .mnav.open{display:block!important}
#site-header nav[aria-label="Main navigation"] a{white-space:nowrap}

/* ---- Cookie notice (CNT-20) and offers toaster (CNV-04) ------------------
   Both sit bottom-left, one at a time; the floating buttons on the right are
   lifted by --panel-h on phones where a panel spans the full width. */
.cookie-bar,.offer-toast{position:fixed;left:20px;bottom:20px;z-index:70;max-width:440px;border-radius:8px;
  box-shadow:0 10px 30px rgba(0,0,0,.28);font-family:"Libre Franklin",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}
.cookie-bar{background:#1C1C1C;color:#F6F2EA;padding:16px 20px;display:flex;gap:16px;align-items:center}
.cookie-bar p{margin:0;flex:1}
.cookie-bar a{color:#E2C27E;text-decoration:underline;text-underline-offset:3px}
.cookie-bar a:hover,.cookie-bar a:focus-visible{color:#fff}
.cookie-ok{flex:none;background:#8A6D33;color:#fff;border:0;border-radius:6px;padding:0 18px;min-height:44px;font:inherit;font-weight:600;cursor:pointer}
.cookie-ok:hover{background:#6E5628}
.cookie-ok:focus-visible,.offer-toast-close:focus-visible,.offer-toast-cta:focus-visible{outline:3px solid #B08D49;outline-offset:2px}
.offer-toast{background:#fff;color:#1C1C1C;padding:16px 52px 16px 20px;border-left:4px solid #8A6D33}
.offer-toast-lbl{margin:0 0 4px;font-family:"Cormorant Garamond",Georgia,serif;font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#8A6D33}
.offer-toast-txt{margin:0 0 10px}
.offer-toast-cta{display:inline-flex;align-items:center;min-height:44px;color:#8A6D33;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.offer-toast-cta:hover{color:#6E5628}
.offer-toast-close{position:absolute;top:6px;right:6px;width:44px;height:44px;border:0;background:transparent;color:#1C1C1C;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
.offer-toast-close:hover{background:rgba(0,0,0,.06)}
.offer-toast-close .material-symbols-outlined{font-size:22px}
@media (max-width:767px){
  .cookie-bar,.offer-toast{left:12px;right:12px;bottom:12px;max-width:none}
  .cookie-bar{flex-wrap:wrap}
  .panel-open .wa-float{bottom:calc(12px + var(--panel-h,0px))}
  .panel-open .to-top{bottom:calc(76px + var(--panel-h,0px))}
}
@media (prefers-reduced-motion:no-preference){
  .cookie-bar,.offer-toast{animation:panel-in .25s ease}
  @keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}

/* NAV-02 (client request 2026-09-24): make the current page unmistakable in
   the header and the drawer - gold text and a gold rule, not just weight. */
#site-header nav[aria-label="Main navigation"] a[aria-current="page"]{color:#8A6D33;box-shadow:inset 0 -2px 0 #8A6D33;padding-bottom:2px}
#site-header nav[aria-label="Main navigation"] a[aria-current="page"]:hover{color:#6E5628}
.mnav a[aria-current="page"]{color:#8A6D33;font-weight:700;box-shadow:inset 4px 0 0 #8A6D33}
/* Homepage rooms section head: heading block left, "View All Rooms" right,
   bottom-aligned; stacked with the button below the copy on phones. */
.rooms-head>a{display:inline-block;margin-top:24px}
@media (min-width:768px){.rooms-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
  .rooms-head>a{margin-top:0;flex:none;align-self:flex-end}}

/* ==== Content QC sheet, 2026-09-25 ==========================================
   Each block names the sheet row it answers. Later rules win by cascade. */
/* Row 1: both floating controls are one size; WhatsApp sits on top, Back to Top below. */
.wa-float{right:20px;bottom:96px;width:56px;height:56px}
.to-top{right:20px;bottom:20px;width:56px;height:56px}
.to-top .material-symbols-outlined{font-size:28px}
@media (max-width:767px){
  .wa-float{right:12px;bottom:80px;width:52px;height:52px}
  .to-top{right:12px;bottom:12px;width:52px;height:52px}
  .panel-open .wa-float{bottom:calc(80px + var(--panel-h,0px))}
  .panel-open .to-top{bottom:calc(12px + var(--panel-h,0px))}
}
/* Row 28: Back to Top turns white once it reaches the black footer. */
.to-top.on-dark{background:#fff;color:#1C1C1C}
.to-top.on-dark:hover{background:#8A6D33;color:#fff}
/* Row 3: the footer's small gold labels were too faint. */
.foot-est{font-weight:700;font-size:15px;color:#C9A85F}
.foot-dl dt{font-weight:700;color:#C9A85F}
/* Row 9: the current page is marked in the footer on every page, not only on FAQs and Terms. */
footer a[aria-current="page"]{font-weight:700;color:#fff}
/* Rows 6 and 11: bg-surface was the same grey as the page, so neighbouring bands merged.
   Bands on it now carry the gold sheen the USP band already had. */
section.bg-surface,.sheen{background:
  radial-gradient(120% 110% at 12% 0%, rgba(176,141,73,.20) 0%, rgba(176,141,73,.06) 44%, rgba(176,141,73,0) 72%),
  linear-gradient(180deg,#FBF9F4 0%,#F8F8F8 100%)}
/* Row 20: plain bullets aligned to the text, in place of the check icons. */
.dot-list{list-style:disc;padding-left:1.25em;margin:0}
.dot-list li{padding-left:.15em}
.dot-list li::marker{color:#8A6D33}
/* Row 39: underline the label of the menu link, never its icon. */
main p a.menu-link{text-decoration:none}
.menu-link .menu-txt{text-decoration:underline;text-underline-offset:2px}
main p a.btn-know{text-decoration:none}
/* Row 43: the two links under Fiesta Banquets and Room Service line up at the foot of their columns. */
[data-w="fiesta-note"] .grid>div{display:flex;flex-direction:column}
[data-w="fiesta-note"] .grid>div>p:last-child{margin-top:auto}
/* Row 55: the room count sits just above the buttons on every summary card. */
.room-card>div>div.flex-1{display:flex;flex-direction:column}
.room-card>div>div.flex-1 .rooms-avail{margin-top:auto;margin-bottom:0}
/* Row 34: the enquiry-form anchor clears the fixed header. */
#ev-form{scroll-margin-top:calc(var(--header-h,80px) + 24px)}
/* Row 15: the contact form and the map sit side by side; the map fills the form's height. */
.map-side{aspect-ratio:auto;min-height:360px}
@media (min-width:768px){.map-side{height:100%;min-height:480px}}
/* Row 37: only Book Now is a filled button; other calls to action are outlined. */
.btn-ghost-dark{background:transparent;border:1px solid #fff;color:#fff}
.btn-ghost-dark:hover{background:rgba(255,255,255,.1)}
/* Row 72 (mobile): the "Contact Us" button under the closing banner sat off centre. */
main a.text-button{justify-content:center}
/* Row 72 (mobile): the facts strip reads as two rows of two, not four stacked lines. */
@media (max-width:767px){.legacy dl{grid-template-columns:1fr 1fr;gap:24px 16px}}
/* Rows 72 and 73 (mobile): the USP band and the room summary cards are sliders on phones
   and grids everywhere else. Swiper is only initialised below 768px (see js). */
.usp-swiper-wrap,.rooms-list-wrap{position:relative}
.usp-pagination,.rooms-list-pagination{display:none}
@media (max-width:767px){
  .usp-swiper,.rooms-list-swiper{overflow:hidden}
  .usp-swiper .swiper-wrapper,.rooms-list-swiper .swiper-wrapper{display:flex;gap:0}
  .usp-swiper .swiper-slide,.rooms-list-swiper .swiper-slide{height:auto}
  .rooms-list-swiper .swiper-slide{display:flex}
  .rooms-list-swiper .swiper-slide>*{width:100%}
  .usp-pagination,.rooms-list-pagination{display:flex;justify-content:center;gap:0;margin-top:16px}
  .usp-pagination .swiper-pagination-bullet,.rooms-list-pagination .swiper-pagination-bullet{
    width:44px;height:44px;margin:0;opacity:1;background:none;border-radius:0;position:relative}
  .usp-pagination .swiper-pagination-bullet::after,.rooms-list-pagination .swiper-pagination-bullet::after{
    content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;
    background:rgba(28,28,28,.25)}
  .usp-pagination .swiper-pagination-bullet-active::after,.rooms-list-pagination .swiper-pagination-bullet-active::after{
    background:#8A6D33;transform:scale(1.3)}
  /* Row 72 (mobile): the rooms section opens on the photographs; "View All Rooms" follows the slider. */
  #rooms>.max-w-container-max{display:flex;flex-direction:column}
  #rooms .rooms-head{display:contents}
  #rooms .rooms-head>div{order:1}
  #rooms .rooms-swiper-wrap{order:2;margin-top:24px}
  #rooms .rooms-head>a{order:3;margin-top:24px;align-self:flex-start}
  /* Row 74 (mobile): the gallery and FAQ category selectors are centred. */
  .gal-filter{justify-content:center}
}
/* Row 75 (mobile): the drawer's menu items sat hard against the left edge; centred now. */
@media (max-width:1279px){.mnav a{justify-content:center;text-align:center;--align-x:center}}
/* Row 6: the homepage dining band is full-bleed so the sheen runs edge to edge. */
.dining-band{padding-top:96px;padding-bottom:96px}
@media (max-width:767px){.dining-band{padding-top:64px;padding-bottom:64px}}
/* Row 15: the map band above the form is gone, so the form section takes a full section gap again. */
[data-w="contact-form"]{padding-top:96px}
@media (max-width:767px){[data-w="contact-form"]{padding-top:64px}}
/* Row 60: the about-us grid now splits 6/6; the compiled Tailwind build had no rule for it. */
@media (min-width:768px){.md\:col-span-6{grid-column:span 6 / span 6}}
/* Row 57: the Book Now button under the room specifications is a button, not prose. */
main p.menu-under a{text-decoration:none}
/* Row 20: bullet lists in two columns need a real column gap once the marker takes its indent. */
.dot-list.grid{column-gap:24px}
/* ---- Client feedback, 2026-09-25 evening ------------------------------------- */
/* A compact variant of the outlined button, for the offer strip. */
.btn-sm{min-height:40px;padding:0 16px;font-size:14px}
@media (max-width:1023px),(pointer:coarse){.btn-sm{min-height:44px}}
/* Est. 1965 in the footer was still too small to read. */
.foot-est{font-size:18px;letter-spacing:.14em;color:#E2C27E;margin-top:12px}
.offer-strip-body .btn-know{align-self:flex-start}
/* Centred eyebrows (Facilities, Book Direct, Meetings & Events, and every other .eyebrow-c)
   always carry the short gold rule on BOTH sides. Stated once more here, last in the
   cascade and with the extra specificity, so no later rule can drop either side. */
p.eyebrow.eyebrow-c::before,p.eyebrow.eyebrow-c::after{content:"";display:block;flex:1 1 0;
  max-width:110px;height:1px}
p.eyebrow.eyebrow-c::before{background:linear-gradient(90deg,rgba(176,141,73,0),rgba(176,141,73,.55))}
p.eyebrow.eyebrow-c::after{background:linear-gradient(90deg,rgba(176,141,73,.55),rgba(176,141,73,0))}
p.eyebrow.eyebrow-c.eyebrow-d::before{background:linear-gradient(90deg,rgba(201,168,95,0),rgba(201,168,95,.5))}
p.eyebrow.eyebrow-c.eyebrow-d::after{background:linear-gradient(90deg,rgba(201,168,95,.5),rgba(201,168,95,0))}

/* Rooms list: an odd last card (the 5th) sits centred under the 2-column grid,
   one column wide, instead of hanging on the left. */
@media (min-width:768px){
  .rooms-list-swiper .swiper-wrapper>.room-card:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc((100% - 32px) / 2)}
}

/* Booking widget (STAAH Swiftbook, client-supplied script). A white card that
   straddles the hero's bottom edge from 768px up, and sits below the
   hero on phones. The engine's teal buttons are recoloured to the site's gold. */
.hero-book{position:relative;z-index:20;max-width:1100px;margin:24px auto 0}
.hero-book-card{width:fit-content;max-width:100%;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0px 8px 30px rgba(28,28,28,.12);padding:8px}
/* Card centred on the hero's bottom edge: pulled up by half the engine form's
   rendered height (211px at 768-992, 137px from 993 - the engine's own two-row and one-row layouts). */
@media (min-width:768px){.hero-book{margin-top:-106px}}
@media (min-width:993px){.hero-book{margin-top:-68px}}
/* One class more specific than the engine's injected !important teal rule (.MbsSearchWidget .searchBtn). */
[data-w="booking-widget"] .MbsSearchWidget .searchBtn{background-color:#8A6D33 !important;border:1px solid #8A6D33 !important;color:#fff !important;border-radius:8px}
/* Secondary action, so outlined: only the booking action is filled gold (client QC round 2). */
[data-w="booking-widget"] .MbsSearchWidget .addroom-another{background-color:transparent !important;border:1px solid #8A6D33 !important;color:#8A6D33 !important;border-radius:8px}
[data-w="booking-widget"] .MbsSearchWidget .searchBtn:hover,
[data-w="booking-widget"] .MbsSearchWidget .addroom-another:hover{opacity:.9}
/* The engine strips the outline from its inputs; restore the site's keyboard focus ring. */
[data-w="booking-widget"] .MbsSearchWidget input:focus-visible{outline:3px solid #B08D49 !important;outline-offset:2px}

/* Homepage hero slider (client request 2026-10-23). Five photos behind the H1,
   dots only, looping (every slider loops - client 2026-10-14). */
/* z-index 0: Swiper's own .swiper{z-index:1} would lift the photos above the overlay. */
.hero-swiper{position:absolute;inset:0;z-index:0}
.hero-swiper .swiper-slide{position:relative;height:100%;overflow:hidden}
/* The facade keeps its 70% top framing; interiors are framed from the centre. */
.hero-swiper .swiper-slide:not(:first-child) .hero-bg-img{object-position:center}
/* Lighter overlay: the ink multiply drops from 60% to about 36%. */
[data-w="hero-slider"] + .hero-shade{opacity:.6}
/* Soft dark glow behind the H1 keeps it legible on the lighter overlay. */
.hero-glow::before{content:"";position:absolute;inset:-24px 0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 60% 70% at center,rgba(28,28,28,.5) 0%,rgba(28,28,28,.22) 50%,rgba(28,28,28,0) 75%)}
/* The heading has no links, so let swipes and drags pass through to the slider. */
.hero-glow{pointer-events:none}
.hero-glow h1{margin-bottom:0;text-shadow:0 0 24px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.35)}
/* Dots: same 32px tap target and white dot as the story slider. They sit above
   the booking card, which covers the hero's bottom 106px (768-992) / 68px (993+). */
.hero-pagination{position:absolute;left:0;right:0;z-index:10;display:flex;justify-content:center;gap:0}
.hero-pagination.swiper-pagination-horizontal{top:auto;bottom:16px}
@media (min-width:768px){.hero-pagination.swiper-pagination-horizontal{bottom:120px}}
@media (min-width:993px){.hero-pagination.swiper-pagination-horizontal{bottom:80px}}
.hero-pagination .swiper-pagination-bullet{width:32px;height:32px;margin:0;opacity:1;
  background:none;border-radius:0;position:relative}
.hero-pagination .swiper-pagination-bullet::after{content:"";position:absolute;
  top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;
  background:rgba(255,255,255,.6);box-shadow:0 0 4px rgba(0,0,0,.5);transition:background .2s ease,transform .2s ease}
.hero-pagination .swiper-pagination-bullet:hover::after{background:rgba(255,255,255,.85)}
.hero-pagination .swiper-pagination-bullet-active::after{background:#fff;transform:scale(1.3)}
@media (prefers-reduced-motion:reduce){.hero-pagination .swiper-pagination-bullet::after{transition:none}}
/* Desktop hero a little taller (client 2026-10-23): 90vh instead of 80vh, but
   never past 16:9 (56.25vw). Below 16:9 the facade still fills by width with its
   top anchored, so its framing stays exactly as before - extra height only shows
   more street at the bottom. Never shorter than the sitewide hero height. */
@media (min-width:1024px){
  .hero-home.min-h-\[90vh\]{min-height:max(clamp(560px,80vh,900px),min(90vh,56.25vw))}
}