@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&display=swap');
:root{--gold:#d4af37;--gold-dark:#8c6b15;--cream-1:#f5eee1;--cream-2:#eadfcb;--cream-3:#d8c9ab;--hidden:rgba(255,255,255,.16);--shadow-1:rgba(0,0,0,.18);--shadow-2:rgba(0,0,0,.34);--shadow-3:rgba(0,0,0,.52)}
*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}
body{font-family:Arial,Helvetica,sans-serif;color:#2b2418;background:linear-gradient(135deg,rgba(255,255,255,.45),rgba(255,255,255,0) 28%),linear-gradient(315deg,rgba(255,255,255,.22),rgba(255,255,255,0) 26%),url("silk-bg.svg") center center/cover no-repeat fixed,linear-gradient(135deg,var(--cream-1),var(--cream-2) 48%,var(--cream-3));overflow-x:hidden}
a{color:inherit;text-decoration:none}
.portrait-ego{display:none;min-height:100vh;align-items:center;justify-content:center;padding:2rem}.portrait-ego__inner{max-width:860px;padding:3rem 2.25rem;text-align:center;background:rgba(255,248,235,.58);border-radius:28px;box-shadow:0 18px 60px rgba(0,0,0,.12);backdrop-filter:blur(6px)}.portrait-ego h1{margin:0 0 1rem;font-family:"Cinzel",Georgia,"Times New Roman",serif;font-size:clamp(2rem,5vw,4.25rem);letter-spacing:.18em;text-transform:uppercase;color:#16120d}.portrait-ego p{margin:0;font-size:clamp(1rem,2vw,1.35rem);line-height:1.7}
.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.35rem;padding:2rem 1rem 1rem}.card-wrap{position:relative;width:min(93vw,1180px);height:min(80vh,760px);min-height:480px}.card-link{position:absolute;inset:0;border-radius:36px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.005) 16%,rgba(255,255,255,0) 24%),linear-gradient(145deg,#020202 0%,#070707 50%,#0d0d0d 100%);box-shadow:0 14px 26px var(--shadow-1),0 38px 90px var(--shadow-2),0 92px 180px var(--shadow-3);transition:transform .18s ease,box-shadow .18s ease}.card-link:hover{transform:translateY(-4px);box-shadow:0 18px 30px rgba(0,0,0,.22),0 44px 110px rgba(0,0,0,.4),0 100px 190px rgba(0,0,0,.56)}.card-link:before{content:"";position:absolute;inset:0;border-radius:36px;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.045),transparent 28%),radial-gradient(circle at 78% 22%,rgba(255,255,255,.03),transparent 24%),linear-gradient(90deg,rgba(255,255,255,.018),rgba(255,255,255,.004) 22%,rgba(255,255,255,0) 50%,rgba(255,255,255,.008) 72%,rgba(255,255,255,.018)),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 19px);opacity:.48;pointer-events:none}.card-wrap:after{content:"";position:absolute;z-index:-1;left:7%;right:7%;bottom:-42px;height:90px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.42) 0%,rgba(0,0,0,.17) 48%,rgba(0,0,0,0) 78%);filter:blur(14px);pointer-events:none}.card-title{position:relative;z-index:1;font-family:"Cinzel",Georgia,"Times New Roman",serif;font-size:clamp(3.2rem,7vw,6.8rem);letter-spacing:.34em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 1px rgba(212,175,55,.8),0 0 18px rgba(166,124,0,.1);line-height:1;padding-left:.34em}.hidden-line{position:absolute;left:50%;bottom:2rem;transform:translateX(-50%);font-size:.92rem;letter-spacing:.26em;text-transform:lowercase;color:var(--hidden);white-space:nowrap;z-index:2}.secret-hotspot{position:absolute;bottom:1.15rem;left:50%;transform:translateX(-50%);width:min(420px,70%);height:54px;z-index:5;opacity:0}
.hint{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(95,72,12,.86);text-align:center}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.1rem 2rem;padding:0 0 1rem}.social-link{display:inline-flex;align-items:center;gap:.7rem;color:var(--gold-dark);text-transform:uppercase;letter-spacing:.08em;font-size:.9rem;transition:transform .18s ease,color .18s ease,opacity .18s ease;opacity:.94}.social-link:hover{color:#5d4308;transform:translateY(-1px);opacity:1}.social-link img{width:22px;height:22px;display:block;filter:drop-shadow(0 1px 0 rgba(255,255,255,.15))}
.paywall-page,.vault-page{min-height:100vh;display:none;align-items:center;justify-content:center;padding:2rem 1rem}.paywall-page:target,.vault-page:target{display:flex}body:has(.paywall-page:target) .page,body:has(.vault-page:target) .page,body:has(.vault-page:target) .paywall-page{display:none}.paywall-panel,.vault-panel{width:min(92vw,720px);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0) 16%),linear-gradient(145deg,#040404,#101010 60%,#151515);color:#ddd1aa;border-radius:30px;box-shadow:0 40px 120px rgba(0,0,0,.42);padding:2.25rem;text-align:center}.vault-panel{width:min(94vw,980px)}.paywall-panel h1,.vault-panel h1{margin:0 0 .8rem;font-family:"Cinzel",Georgia,"Times New Roman",serif;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:clamp(1.8rem,5vw,3rem)}.paywall-panel p,.vault-panel p{margin:0 auto 1.2rem;max-width:42ch;line-height:1.7}.fee{color:var(--gold);font-size:1.55rem;letter-spacing:.1em;margin-bottom:1.4rem;text-transform:uppercase}.qr-frame{width:min(78vw,340px);aspect-ratio:1;margin:0 auto 1.2rem;background:#111;border-radius:20px;display:grid;place-items:center;padding:1rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 16px 40px rgba(0,0,0,.28)}.qr-frame img{width:100%;height:100%;object-fit:contain;display:block;border-radius:10px;background:white}.vault-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;text-align:left;margin:1.6rem 0}.vault-item{display:block;padding:1.2rem;border-radius:18px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);transition:transform .18s ease,background .18s ease}.vault-item:hover{transform:translateY(-2px);background:rgba(255,255,255,.05)}.vault-item strong{display:block;margin-bottom:.4rem;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:.9rem}.vault-item span{color:#d2c59d;line-height:1.5;font-size:.95rem}.back-link{display:inline-block;margin-top:.4rem;color:#cfbf8c;border-bottom:1px solid rgba(212,175,55,.28);padding-bottom:.15rem}

@media (orientation: portrait) {
  .portrait-ego { display: flex; }
  .page, .paywall-page, .vault-page { display: none !important; }
}

@media (orientation: landscape) and (max-height: 320px) {
  .portrait-ego { display: flex; }
  .page, .paywall-page, .vault-page { display: none !important; }
}

@media (orientation: landscape) and (max-width: 600px) {
  .portrait-ego { display: flex; }
  .page, .paywall-page, .vault-page { display: none !important; }
}

@media (max-width:1100px){.card-wrap{width:min(95vw,1000px);height:min(75vh,660px)}}