/* The Wedding Vault app navigation · v1.0.0 */
.vault-app-nav{display:none}
.book:not(.is-locked) .vault-app-nav{display:block;position:sticky;top:74px;z-index:820;background:rgba(15,14,12,.96);border-top:1px solid rgba(207,184,135,.25);border-bottom:1px solid rgba(207,184,135,.34);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.book:not(.is-locked) .site-header #siteNav,.book:not(.is-locked) .site-header .menu-toggle{display:none!important}
.vault-app-nav-inner{width:min(1420px,calc(100% - 32px));min-height:66px;margin:auto;display:flex;align-items:center;justify-content:center;gap:6px}
.vault-app-nav button{appearance:none;border:0;background:transparent;color:#d9d0c1;min-height:44px;padding:10px 18px;font:600 11px/1.1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border-radius:999px;white-space:nowrap}
.vault-app-nav button:hover,.vault-app-nav button:focus-visible{color:#fff;background:rgba(255,255,255,.08);outline:none}
.vault-app-nav button.is-active{color:#171410;background:#d7c29a;box-shadow:inset 0 0 0 1px #efe0bd,0 6px 24px rgba(0,0,0,.25)}
.vault-app-nav button span{display:block;font-family:Georgia,serif;font-size:17px;line-height:1;margin-bottom:4px;font-weight:400;letter-spacing:0;text-transform:none}
.vault-app-more{position:fixed;z-index:950;left:50%;top:150px;width:min(560px,calc(100% - 30px));max-height:calc(100dvh - 180px);overflow:auto;transform:translateX(-50%) translateY(-10px);padding:18px;background:rgba(23,21,18,.98);color:#f5efe5;border:1px solid #8b7555;box-shadow:0 24px 80px rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:.2s ease}
.vault-app-more.is-open{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.vault-app-more header{display:flex;align-items:center;justify-content:space-between;padding:0 0 16px;border-bottom:1px solid rgba(215,194,154,.3)}
.vault-app-more header small{letter-spacing:.18em;color:#c6ad80}
.vault-app-more header button{border:0;background:transparent;color:#fff;font-size:26px;cursor:pointer}
.vault-app-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:16px}
.vault-app-more-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:12px 14px;color:#eee5d6;text-decoration:none;border:1px solid rgba(215,194,154,.22);background:rgba(255,255,255,.035)}
.vault-app-more-grid a:hover{border-color:#c6ad80;background:rgba(215,194,154,.09)}
.vault-app-more-grid a span{overflow-wrap:anywhere}
.vault-room-hidden{display:none!important}
.vault-room-active.chapter-reveal{opacity:1!important;transform:none!important;visibility:visible!important}
.vault-room-hub{min-height:calc(100dvh - 150px);padding:clamp(55px,8vw,120px) clamp(18px,5vw,80px);background:#e9e1d4;color:#1b1814}
.vault-room-hub-inner{width:min(1180px,100%);margin:auto}
.vault-room-hub-inner>small{font:600 11px/1.2 Arial,sans-serif;letter-spacing:.22em;color:#806b4b}
.vault-room-hub h2{max-width:820px;margin:18px 0 14px;font:400 clamp(48px,7vw,96px)/.92 Georgia,serif;letter-spacing:-.045em}
.vault-room-hub-inner>p{max-width:650px;margin:0 0 42px;font:400 17px/1.7 Arial,sans-serif;color:#5e5549}
.vault-room-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #ad9d83}
.vault-room-card-grid a{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:14px;min-width:0;padding:24px 20px;color:#1c1915;text-decoration:none;border-bottom:1px solid #ad9d83}
.vault-room-card-grid a:nth-child(odd){border-right:1px solid #ad9d83}
.vault-room-card-grid a:hover{background:rgba(114,88,48,.08)}
.vault-room-card-grid a>b{font:500 11px/1 Arial,sans-serif;letter-spacing:.15em;color:#937a55}
.vault-room-card-grid strong{display:block;margin-bottom:6px;font:400 24px/1.05 Georgia,serif}
.vault-room-card-grid span>small{display:block;font:400 13px/1.45 Arial,sans-serif;color:#6b6256;overflow-wrap:anywhere}
.vault-room-card-grid i{font-style:normal;font-size:20px}
.vault-room-return{display:none;position:fixed;right:18px;bottom:20px;z-index:790;border:1px solid #b59a6c;background:#181612;color:#f4ead9;padding:11px 16px;border-radius:999px;font:600 10px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 10px 35px rgba(0,0,0,.3);cursor:pointer}
.book:not(.is-locked) .vault-room-return.is-visible{display:block}
@media(max-width:1100px){
  .book:not(.is-locked) .vault-app-nav{top:64px}
  .vault-app-nav-inner{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:8px 0}.vault-app-nav-inner::-webkit-scrollbar{display:none}
  .vault-app-nav button{flex:0 0 auto;padding-inline:16px}
}
@media(max-width:760px){
  .book:not(.is-locked) .vault-app-nav{position:fixed;top:auto;bottom:0;left:0;right:0;border-top:1px solid #766446;border-bottom:0;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -10px 35px rgba(0,0,0,.3)}
  .vault-app-nav-inner{width:100%;min-height:62px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);overflow:visible;gap:0}
  .vault-app-nav button{min-width:0;width:100%;min-height:62px;padding:7px 2px;border-radius:0;font-size:8px;letter-spacing:.08em}.vault-app-nav button span{font-size:16px;margin-bottom:5px}
  .vault-app-nav button[data-room="inspiration"],.vault-app-nav button[data-room="collection"]{display:none}
  .vault-app-nav button.is-active{box-shadow:inset 0 2px 0 #d7c29a;background:rgba(215,194,154,.12);color:#f3dfb7}
  .book:not(.is-locked)>main{padding-bottom:86px!important}
  .vault-app-more{top:auto;bottom:78px;max-height:calc(100dvh - 110px);overflow:auto;padding:18px}.vault-app-more-grid{grid-template-columns:1fr}
  .vault-room-return{bottom:78px;right:10px;padding:10px 12px}
  .vault-room-hub{min-height:calc(100dvh - 126px);padding:48px 16px 90px}.vault-room-hub h2{font-size:clamp(42px,13vw,62px)}.vault-room-hub-inner>p{font-size:15px;margin-bottom:28px}
  .vault-room-card-grid{grid-template-columns:1fr}.vault-room-card-grid a:nth-child(odd){border-right:0}.vault-room-card-grid a{padding:19px 8px;grid-template-columns:34px minmax(0,1fr) 18px}.vault-room-card-grid strong{font-size:21px}
}
@media print{.vault-app-nav,.vault-app-more,.vault-room-return{display:none!important}.vault-room-hidden{display:block!important}}