/* Approved nhn. Studio signature. Its vector outlines preserve the exact logo. */
.nhn-brand{display:inline-flex;align-items:center;flex:none;width:230px;max-width:100%;line-height:0;font-size:0;letter-spacing:0;text-decoration:none}
.nhn-brand .nhn-brand-image{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:auto;object-fit:contain;flex:none}
.site-header .nhn-brand{margin-right:26px}
.gateway-header .nhn-brand{width:240px}
.nhn-footer .nhn-footer-logo{width:260px;margin-bottom:25px;font-size:0;letter-spacing:0}
.nhn-brand:focus-visible{outline:2px solid var(--accent,#c2a46f);outline-offset:9px}
.site-header--simple{gap:20px}
.site-header--simple .nhn-simple-contact{font-size:12px;line-height:1.5;text-align:right;max-width:180px}
@media(min-width:761px) and (max-width:1000px){
  .site-header .nhn-brand{width:210px;margin-right:18px}
  .nhn-universe-page .desktop-nav{gap:18px;margin-right:3%}
}
@media(max-width:760px){
  .site-header .nhn-brand{width:180px;margin-right:0}
  .site-header--simple{gap:14px}
  .site-header--simple .nhn-simple-contact{max-width:123px;font-size:11px}
}
@media(max-width:680px){
  /* The booking module adds its button after the title; keep explicit grid cells. */
  .nhn-gateway .gateway-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;height:auto;min-height:112px;align-items:center;justify-content:stretch;gap:12px 14px}
  .nhn-gateway .gateway-header .nhn-brand{grid-column:1;grid-row:1;width:180px;min-width:0;max-width:100%}
  .nhn-gateway .gateway-header .gateway-heading{grid-column:1/-1;grid-row:2;min-width:0;width:100%;max-width:100%;text-align:left;flex:none}
  .nhn-gateway .gateway-header .gateway-heading>span{display:none}
  .nhn-gateway .gateway-header .gateway-heading h1{font-size:16px;width:100%;max-width:100%;line-height:1.25;margin:0;white-space:normal;overflow-wrap:anywhere}
  .nhn-gateway .gateway-header>.nhn-booking-entry--gateway{grid-column:2;grid-row:1;margin:0;justify-self:end}
  .nhn-gateway .gateway-header .gateway-edition{display:none}
}
@media(max-width:600px){
  .nhn-footer .nhn-footer-logo{width:235px;margin-bottom:22px}
}
@media(max-width:350px){
  .site-header .nhn-brand{width:170px}
  .site-header--simple{gap:10px}
  .site-header--simple .nhn-simple-contact{max-width:100px;font-size:10px}
}
