/* Full-screen graphical menu slideshow */
body.show{height:100%;background:var(--forest-deep);color:var(--cream);overflow:hidden}
.stage{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr auto}
.bg{position:absolute;inset:0;overflow:hidden;z-index:0}
.bg img{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(38px) brightness(.38) saturate(1.2);opacity:0;transition:opacity 1s}
.bg img.on{opacity:1}
.bg::after{content:"";position:absolute;inset:0;background:var(--pattern);opacity:.7}
.topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(14px,3vw,34px);gap:1rem}
.topbar .brand img{width:64px;height:64px}
.topbar .brand b{font-size:1.7rem}
.topbar .links{display:flex;gap:.6rem;align-items:center}
.topbar .btn{padding:.55rem 1.1rem;font-size:.9rem}
.iconbtn{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(201,164,92,.7);color:var(--gold-soft);display:grid;place-items:center;transition:.2s}
.iconbtn:hover{background:var(--gold);color:var(--forest-deep)}
.iconbtn svg{width:20px;height:20px}
.slides{position:relative;z-index:2;min-height:0}
.s{position:absolute;inset:0;display:grid;grid-template-columns:auto minmax(0,520px);gap:clamp(1.5rem,5vw,5rem);align-items:center;justify-content:center;padding:0 clamp(16px,5vw,60px);opacity:0;visibility:hidden;transition:opacity .9s,visibility .9s}
.s.on{opacity:1;visibility:visible}
.s .frame{height:min(68vh,640px);aspect-ratio:3/5.2;border-radius:999px 999px 18px 18px;border:2px solid var(--gold);padding:8px;background:rgba(8,25,15,.6);box-shadow:0 40px 90px -30px rgba(0,0,0,.8);overflow:hidden;transform:translateY(24px) scale(.97);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.s.on .frame{transform:none}
.s .frame img{width:100%;height:100%;object-fit:cover;border-radius:999px 999px 10px 10px;transform:scale(1.08);transition:transform 7s linear}
.s.on .frame img{transform:scale(1)}
.s .no{font-family:var(--serif);font-style:italic;font-size:1.5rem;color:var(--gold-soft)}
.s h2{font-size:clamp(2.6rem,6vw,5rem);line-height:1;margin:.3rem 0 .6rem;font-weight:500}
.s .head{font-family:var(--serif);font-style:italic;font-size:clamp(1.4rem,2.4vw,2rem);color:var(--sage)}
.s .go{display:inline-flex;margin-top:1.8rem}
.ctrl{position:relative;z-index:5;padding:0 clamp(14px,3vw,34px) 18px;display:grid;gap:12px}
.bar{height:3px;background:rgba(242,234,220,.18);border-radius:3px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--gold)}
.thumbs{display:flex;gap:.6rem;align-items:center;justify-content:center;overflow-x:auto;scrollbar-width:none;padding:6px 2px}
.thumbs::-webkit-scrollbar{display:none}
.th{flex:none;width:54px;height:54px;border-radius:50%;overflow:hidden;border:2px solid transparent;opacity:.55;transition:.25s;position:relative}
.th img{width:100%;height:100%;object-fit:cover}
.th:hover{opacity:.9}
.th[aria-current="true"]{opacity:1;border-color:var(--gold);transform:scale(1.14)}
.navrow{display:flex;justify-content:center;align-items:center;gap:1rem}
.navrow .count{font-family:var(--serif);font-size:1.3rem;color:var(--gold-soft);min-width:4.5rem;text-align:center}
@media (max-width:820px){
  .s{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;justify-items:center;text-align:center;gap:1.1rem}
  .s .frame{height:min(46vh,420px)}
  .s h2{font-size:clamp(2.2rem,9vw,3.2rem)}
  .topbar .links .btn{display:none}
  .th{width:44px;height:44px}
}
@media (max-height:620px){.s .frame{height:56vh}.thumbs{display:none}}

/* embedded in the home page */
.stage.embed{position:relative;inset:auto;height:min(720px,92vh);grid-template-rows:1fr auto;border-radius:26px;overflow:hidden;border:2px solid var(--gold);color:var(--cream);background:var(--forest-deep)}
.embed .s .frame{height:min(54vh,480px)}
.embed .s h3{font-family:var(--serif);font-weight:500;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1;margin:.3rem 0 .6rem}
.embed .s .no{font-size:1.3rem}
.embed .th[aria-current="true"]{transform:scale(1.1)}
@media (max-width:820px){.stage.embed{height:auto;min-height:640px}.embed .slides{min-height:470px}.embed .s .frame{height:300px}.embed .s h3{font-size:2.3rem}}