/* v15.00 ABOUT — sole owner of about visual/layout rules. Shared canvas mechanics live in stage.css. */

/* This artwork-first portal never exposes the generic fallback shell. */
body.about-sonam-page .site-shell,
body.about-sonam-page .skip-link{display:none}

/* v14.74 — About desktop presentation rules for touch game-mode. */
/* Sonam Zangmo v14.01 — extracted page-local styles from about-sonam.html */

/* ABOUT SONAM DESKTOP v13.02 — stable dialogue frame + collapsible scroll menus + content panel.
   Scoped to /about-sonam only. Mobile/tablet (<=767px) remains unchanged. */
.about-sonam-page .about-desktop-artwork,
.about-sonam-page .about-soul-dialogue,
.about-sonam-page .about-soul-menu,
.about-sonam-page .about-sz-home,
.about-sonam-page .about-soul-content{
  display:none;
}

@keyframes aboutSoulDialogueIn{
  to{opacity:1;transform:translate(-50%,0);}
}
@keyframes aboutSzHomeIn{
  to{opacity:1;transform:translateY(0);}
}

@keyframes aboutSoulMenuLeftIn{
  to{opacity:1;transform:translateX(0) scale(1);}
}
@keyframes aboutSoulMenuRightIn{
  to{opacity:1;transform:translateX(0) scale(1);}
}


  html,
  body.about-sonam-page{
    width:100%;
    min-width:100%;
    height:100%;
    min-height:100%;
    margin:0;
    padding:0;
    overflow:hidden;
    background:#090611;
  }
  body.about-sonam-page > .skip-link,
  body.about-sonam-page > .site-shell{
    display:none;
  }
  body.about-sonam-page .about-desktop-artwork{
    position:fixed;
    inset:0;
    z-index:1;
    display:grid;
    place-items:start center;
    overflow:hidden;
    background:#090611;
  }
  body.about-sonam-page .about-desktop-artwork-stage{
    position:relative;
    width:max(100vw,177.282vh);
    aspect-ratio:1670 / 942;
    flex:0 0 auto;
    line-height:0;
    overflow:hidden;
  }
  body.about-sonam-page .about-desktop-artwork-stage > .about-desktop-artwork-picture,
  body.about-sonam-page .about-desktop-artwork-stage > .about-desktop-artwork-picture > img{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:50% 50%;
    user-select:none;
    -webkit-user-drag:none;
  }

  /* About Sonam desktop navigation — only the SZ sigil, matching the Fiction portal. */
  body.about-sonam-page .about-sz-home{
    position:fixed;
    top:24px;
    left:clamp(24px,3vw,54px);
    z-index:5;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    opacity:0;
    transform:translateY(-8px);
    animation:aboutSzHomeIn .62s cubic-bezier(.2,.72,.22,1) .22s forwards;
  }
  body.about-sonam-page .about-sz-home .mini-sigil{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    box-sizing:border-box;
    border-radius:50%;
    border:1px solid rgba(239,198,107,.55);
    background:rgba(8,6,15,.12);
    color:#efc66b;
    font-family:Georgia,"Times New Roman",serif;
    font-size:1.35rem;
    font-weight:400;
    line-height:1;
    box-shadow:0 0 0 1px rgba(239,198,107,.12) inset,0 2px 12px rgba(0,0,0,.20);
    text-shadow:0 2px 12px rgba(0,0,0,.72);
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px);
    transition:background .2s ease,border-color .2s ease,transform .2s ease;
  }
  body.about-sonam-page .about-sz-home:hover .mini-sigil,
  body.about-sonam-page .about-sz-home:focus-visible .mini-sigil{
    background:rgba(8,6,15,.22);
    border-color:rgba(239,198,107,.78);
    transform:translateY(-1px);
  }
  body.about-sonam-page .about-sz-home:focus-visible{
    outline:none;
  }

  /* Opening dialogue: appears after the artwork has had a moment on screen. */
  body.about-sonam-page .about-soul-dialogue{
    position:fixed;
    left:50%;
    bottom:clamp(38px,5.5vh,72px);
    z-index:3;
    display:grid;
    place-items:center;
    width:600px;
    height:60px;
    padding:2px 18px;
    box-sizing:border-box;
    transform:translate(-50%,14px);
    opacity:0;
    border:1px solid rgba(224,184,92,.46);
    border-radius:16px;
    background:
      radial-gradient(125% 145% at 50% 0%,rgba(154,105,201,.22),rgba(154,105,201,0) 46%),
      linear-gradient(180deg,rgba(67,31,102,.78),rgba(48,20,79,.76) 48%,rgba(35,13,61,.78));
    box-shadow:
      0 16px 40px rgba(21,8,35,.28),
      inset 0 1px 0 rgba(238,207,136,.18),
      inset 0 -8px 18px rgba(19,7,32,.20);
    -webkit-backdrop-filter:blur(5px) saturate(78%) brightness(1.06);
    backdrop-filter:blur(5px) saturate(78%) brightness(1.06);
    animation:aboutSoulDialogueIn .72s cubic-bezier(.2,.72,.22,1) .68s forwards;
  }
  body.about-sonam-page .about-soul-dialogue::before{
    content:"";
    position:absolute;
    top:0;
    left:11%;
    right:11%;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(239,198,107,.62),transparent);
  }
  body.about-sonam-page .about-soul-dialogue-text{
    position:relative;
    margin:0;
    color:#efc66b;
    font-family:"Cormorant Garamond",Garamond,Georgia,"Times New Roman",serif;
    font-size:clamp(21.6px,1.485vw,26.1px);
    font-style:italic;
    font-weight:500;
    line-height:1.05;
    letter-spacing:.018em;
    text-align:center;
    text-shadow:none;
  }
  /* Twin menu frames. Redesigned as translucent fantasy parchment scrolls. */
  body.about-sonam-page .about-soul-menu{
    position:fixed;
    top:clamp(170px,20vh,205px);
    z-index:3;
    display:block;
    width:clamp(310.5px,22.2525vw,393.3px);
    height:clamp(79.2px,9vh,93.6px);
    opacity:0;
    pointer-events:none;
    filter:drop-shadow(0 18px 30px rgba(0,0,0,.18));
    transition:height .72s cubic-bezier(.22,.72,.18,1),filter .3s ease;
    will-change:height;
  }
  body.about-sonam-page .about-soul-menu-left{
    left:calc(clamp(24px,2.8vw,52px) + 30px);
    transform:translateX(-34px) scale(.985);
  }
  body.about-sonam-page .about-soul-menu-right{
    right:calc(clamp(24px,2.8vw,52px) + 30.7px);
    transform:translateX(34px) scale(.985);
  }
  body.about-sonam-page.about-soul-menus-ready .about-soul-menu-left{
    animation:aboutSoulMenuLeftIn .78s cubic-bezier(.2,.72,.22,1) forwards;
  }
  body.about-sonam-page.about-soul-menus-ready .about-soul-menu-right{
    animation:aboutSoulMenuRightIn .78s cubic-bezier(.2,.72,.22,1) forwards;
  }
  body.about-sonam-page.about-soul-menus-ready .about-soul-menu{
    pointer-events:auto;
  }
  body.about-sonam-page .about-soul-menu.is-open{
    height:clamp(387px,51.3vh,531px);
    filter:drop-shadow(0 20px 34px rgba(0,0,0,.22));
  }

  body.about-sonam-page .about-soul-menu-scroll{
    position:absolute;
    inset:0;
    cursor:pointer;
  }
  body.about-sonam-page .about-soul-menu-roller{
    position:absolute;
    left:22px;
    right:22px;
    height:36px;
    border-radius:999px;
    border:1px solid rgba(224,184,92,.44);
    background:
      linear-gradient(180deg,rgba(155,109,199,.22),rgba(155,109,199,0) 30%),
      linear-gradient(90deg,rgba(38,13,66,.90),rgba(74,34,111,.88) 18%,rgba(104,56,145,.84) 50%,rgba(74,34,111,.88) 82%,rgba(38,13,66,.90));
    box-shadow:
      inset 0 1px 0 rgba(239,198,107,.18),
      inset 0 -2px 4px rgba(20,7,34,.32),
      0 4px 10px rgba(0,0,0,.16);
  }
  body.about-sonam-page .about-soul-menu-roller-top{ top:0; }
  body.about-sonam-page .about-soul-menu-roller-bottom{ bottom:0; }
  body.about-sonam-page .about-soul-menu-roller::before,
  body.about-sonam-page .about-soul-menu-roller::after{
    content:"";
    position:absolute;
    top:50%;
    width:24px;
    height:24px;
    border-radius:50%;
    transform:translateY(-50%);
    border:1px solid rgba(224,184,92,.44);
    background:
      radial-gradient(circle at 35% 35%,rgba(168,123,211,.24),rgba(168,123,211,0) 36%),
      linear-gradient(135deg,rgba(39,14,67,.92),rgba(92,45,132,.86));
    box-shadow:inset 0 1px 0 rgba(239,198,107,.16),0 2px 8px rgba(0,0,0,.14);
  }
  body.about-sonam-page .about-soul-menu-roller::before{ left:-12px; }
  body.about-sonam-page .about-soul-menu-roller::after{ right:-12px; }

  body.about-sonam-page .about-soul-menu-paper{
    position:absolute;
    top:17px;
    bottom:17px;
    left:36px;
    right:36px;
    box-sizing:border-box;
    border:1px solid rgba(224,184,92,.36);
    border-radius:14px 14px 18px 18px / 10px 10px 20px 20px;
    clip-path:polygon(6% 0,94% 0,98% 3%,99% 11%,97% 20%,99% 35%,98% 50%,99% 65%,97% 80%,99% 89%,94% 100%,6% 100%,1% 89%,3% 80%,1% 65%,2% 50%,1% 35%,3% 20%,1% 11%,2% 3%);
    background:
      radial-gradient(140% 85% at 50% 0%,rgba(161,115,204,.22),rgba(161,115,204,0) 40%),
      radial-gradient(115% 72% at 50% 50%,rgba(120,72,161,.10),rgba(120,72,161,0) 72%),
      radial-gradient(140% 85% at 50% 100%,rgba(103,52,147,.18),rgba(103,52,147,0) 46%),
      radial-gradient(120% 90% at 20% 25%,rgba(111,67,151,.16),rgba(111,67,151,0) 50%),
      radial-gradient(120% 90% at 82% 72%,rgba(111,67,151,.15),rgba(111,67,151,0) 52%),
      repeating-linear-gradient(0deg,rgba(239,198,107,.025) 0 2px,rgba(255,255,255,0) 2px 18px),
      linear-gradient(180deg,rgba(65,29,99,.78),rgba(48,19,78,.78) 44%,rgba(34,12,59,.80) 100%);
    box-shadow:
      inset 0 1px 0 rgba(239,198,107,.16),
      inset 0 -8px 20px rgba(18,6,31,.18),
      inset 10px 0 14px rgba(27,9,44,.12),
      inset -10px 0 14px rgba(27,9,44,.12),
      0 0 0 1px rgba(239,198,107,.06);
    -webkit-backdrop-filter:blur(5px) saturate(78%) brightness(1.05);
    backdrop-filter:blur(5px) saturate(78%) brightness(1.05);
  }
  body.about-sonam-page .about-soul-menu-paper::before,
  body.about-sonam-page .about-soul-menu-paper::after{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    height:18px;
    border-left:1px solid rgba(239,198,107,.16);
    border-right:1px solid rgba(239,198,107,.16);
  }
  body.about-sonam-page .about-soul-menu-paper::before{
    top:10px;
    border-top:1px solid rgba(239,198,107,.14);
    border-radius:10px 10px 28px 28px;
  }
  body.about-sonam-page .about-soul-menu-paper::after{
    bottom:10px;
    border-bottom:1px solid rgba(239,198,107,.14);
    border-radius:28px 28px 10px 10px;
  }
  body.about-sonam-page .about-soul-menu-paper-edge{
    position:absolute;
    top:20px;
    bottom:20px;
    width:10px;
    background:linear-gradient(180deg,rgba(147,99,190,.12),rgba(54,22,86,.18),rgba(147,99,190,.10));
    filter:blur(.2px);
  }
  body.about-sonam-page .about-soul-menu-paper-edge-left{
    left:-2px;
    clip-path:polygon(55% 0,100% 3%,68% 10%,100% 18%,52% 28%,94% 40%,50% 52%,90% 66%,46% 78%,100% 90%,55% 100%,0 96%,25% 82%,0 70%,30% 56%,0 44%,28% 30%,0 16%,18% 6%,0 0);
  }
  body.about-sonam-page .about-soul-menu-paper-edge-right{
    right:-2px;
    clip-path:polygon(45% 0,100% 0,82% 6%,100% 16%,72% 30%,100% 44%,70% 56%,100% 70%,75% 82%,100% 96%,45% 100%,0 90%,54% 78%,10% 66%,50% 52%,6% 40%,48% 28%,0 18%,32% 10%,0 3%);
  }
  body.about-sonam-page .about-soul-menu-ornament{
    position:absolute;
    inset:28px 28px;
    border:1px solid rgba(239,198,107,.16);
    border-radius:10px;
    opacity:.78;
    transition:inset .5s ease,opacity .35s ease;
  }
  body.about-sonam-page .about-soul-menu-ornament::before,
  body.about-sonam-page .about-soul-menu-ornament::after{
    content:"✦";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    color:rgba(239,198,107,.58);
    font-size:14px;
    line-height:1;
  }
  body.about-sonam-page .about-soul-menu-ornament::before{ top:-8px; }
  body.about-sonam-page .about-soul-menu-ornament::after{ bottom:-8px; }

  body.about-sonam-page .about-soul-menu:not(.is-open) .about-soul-menu-ornament{
    inset:18px 28px;
    opacity:.34;
  }
  body.about-sonam-page .about-soul-menu:not(.is-open) .about-soul-menu-ornament::before,
  body.about-sonam-page .about-soul-menu:not(.is-open) .about-soul-menu-ornament::after{
    opacity:0;
  }

  /* Menu copy — text stays fully legible while the parchment itself remains translucent. */
  body.about-sonam-page .about-soul-menu-content{
    position:absolute;
    z-index:2;
    top:17px;
    bottom:17px;
    left:44px;
    right:44px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    text-align:center;
    color:#efc66b;
    font-family:"Cormorant Garamond",Garamond,Georgia,"Times New Roman",serif;
    line-height:1.28;
    text-shadow:none;
    transition:top .55s cubic-bezier(.22,.72,.18,1),bottom .55s cubic-bezier(.22,.72,.18,1);
  }
  body.about-sonam-page .about-soul-menu.is-open .about-soul-menu-content{
    top:56px;
    bottom:54px;
  }
  body.about-sonam-page .about-soul-menu-title{
    width:100%;
    margin:0;
    color:#efc66b;
    font-size:clamp(28.875px,1.90575vw,35.805px);
    font-style:italic;
    font-weight:500;
    letter-spacing:.025em;
    line-height:1.08;
    white-space:nowrap;
    transition:margin .3s ease;
  }
  body.about-sonam-page .about-soul-menu.is-open .about-soul-menu-title{
    margin-bottom:14px;
  }
  body.about-sonam-page .about-soul-menu-toggle{
    width:100%;
    margin:0;
    padding:8px 0;
    border:0;
    outline:0;
    background:transparent;
    color:inherit;
    font:inherit;
    letter-spacing:inherit;
    line-height:inherit;
    white-space:inherit;
    cursor:pointer;
  }
  body.about-sonam-page .about-soul-menu-toggle:focus-visible{
    border-radius:8px;
    box-shadow:0 0 0 2px rgba(239,198,107,.72);
  }
  body.about-sonam-page .about-soul-menu-toggle:hover{
    color:#f7d98d;
  }
  body.about-sonam-page .about-soul-menu-title::after{
    content:"";
    display:block;
    width:0;
    height:1px;
    margin:0 auto;
    opacity:0;
    background:linear-gradient(90deg,transparent,rgba(239,198,107,.58),transparent);
    transition:width .36s ease,margin .36s ease,opacity .28s ease;
  }
  body.about-sonam-page .about-soul-menu.is-open .about-soul-menu-title::after{
    width:60%;
    margin-top:9px;
    opacity:1;
  }
  body.about-sonam-page .about-soul-menu-list{
    list-style:none;
    width:100%;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:5px;
    max-height:0;
    overflow:hidden;
    opacity:0;
    transform:translateY(-10px);
    pointer-events:none;
    cursor:default;
    transition:max-height .6s cubic-bezier(.22,.72,.18,1),opacity .28s ease .08s,transform .42s ease;
  }
  body.about-sonam-page .about-soul-menu.is-open .about-soul-menu-list{
    max-height:320px;
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
  }
  body.about-sonam-page .about-soul-menu-list li{
    margin:0;
    padding:0;
    color:#efc66b;
    font-family:"Cormorant Garamond",Garamond,Georgia,"Times New Roman",serif;
    font-size:clamp(21.945px,1.3629vw,26.565px);
    font-style:normal;
    font-weight:600;
    letter-spacing:.012em;
    line-height:1.16;
  }
  body.about-sonam-page .about-soul-menu-left .about-soul-menu-list li:last-child{
    font-size:clamp(20.79px,1.2474vw,24.255px);
  }


  /* Answer panel — opened from an About Sonam menu item. */
  body.about-sonam-page .about-soul-menu-item-button{
    width:100%;
    margin:0;
    padding:2px 4px;
    border:0;
    border-radius:7px;
    background:transparent;
    color:inherit;
    font:inherit;
    font-style:inherit;
    font-weight:inherit;
    letter-spacing:inherit;
    line-height:inherit;
    text-align:center;
    cursor:pointer;
    transition:color .18s ease,background .18s ease;
  }
  body.about-sonam-page .about-soul-menu-item-button:hover{
    color:#f8dc94;
    background:rgba(239,198,107,.055);
  }
  body.about-sonam-page .about-soul-menu-item-button:focus-visible{
    outline:none;
    box-shadow:0 0 0 2px rgba(239,198,107,.72);
  }

  body.about-sonam-page .about-soul-content{
    position:fixed;
    inset:0;
    z-index:6;
    display:grid;
    place-items:center;
    padding:clamp(28px,4vh,52px) clamp(28px,4vw,68px);
    box-sizing:border-box;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    background:rgba(9,6,17,.38);
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px);
    transition:opacity .26s ease,visibility 0s linear .26s;
  }
  body.about-sonam-page .about-soul-content.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:opacity .28s ease,visibility 0s linear 0s;
  }
  body.about-sonam-page .about-soul-content-panel{
    position:relative;
    width:min(760px,calc(100vw - 96px));
    max-height:min(76vh,720px);
    overflow:auto;
    box-sizing:border-box;
    padding:clamp(34px,4.2vh,48px) clamp(38px,4vw,58px) clamp(38px,4.8vh,54px);
    border:1px solid rgba(224,184,92,.54);
    border-radius:20px;
    background:
      radial-gradient(130% 90% at 50% 0%,rgba(148,99,193,.19),rgba(148,99,193,0) 46%),
      linear-gradient(180deg,rgba(49,22,78,.93),rgba(31,12,53,.94) 52%,rgba(20,8,37,.95));
    box-shadow:
      0 26px 80px rgba(0,0,0,.44),
      inset 0 1px 0 rgba(239,198,107,.20),
      inset 0 -12px 30px rgba(11,4,20,.25);
    -webkit-backdrop-filter:blur(10px) saturate(86%);
    backdrop-filter:blur(10px) saturate(86%);
    transform:translateY(14px) scale(.985);
    transition:transform .32s cubic-bezier(.2,.72,.22,1);
    scrollbar-width:thin;
    scrollbar-color:rgba(239,198,107,.46) rgba(255,255,255,.04);
  }
  body.about-sonam-page .about-soul-content.is-open .about-soul-content-panel{
    transform:translateY(0) scale(1);
  }
  body.about-sonam-page .about-soul-content-panel::before{
    content:"✦";
    position:absolute;
    top:13px;
    left:50%;
    transform:translateX(-50%);
    color:rgba(239,198,107,.78);
    font-size:13px;
    line-height:1;
  }
  body.about-sonam-page .about-soul-content-panel::after{
    content:"";
    position:absolute;
    top:29px;
    left:15%;
    right:15%;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(239,198,107,.42),transparent);
  }
  body.about-sonam-page .about-soul-content-close{
    position:absolute;
    top:13px;
    right:17px;
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    border-radius:50%;
    background:transparent;
    color:rgba(239,198,107,.82);
    font-family:Georgia,"Times New Roman",serif;
    font-size:28px;
    font-weight:400;
    line-height:1;
    cursor:pointer;
    transition:color .18s ease,background .18s ease,transform .18s ease;
  }
  body.about-sonam-page .about-soul-content-close:hover{
    color:#f8dc94;
    background:rgba(239,198,107,.07);
    transform:rotate(4deg);
  }
  body.about-sonam-page .about-soul-content-close:focus-visible{
    outline:none;
    box-shadow:0 0 0 2px rgba(239,198,107,.72);
  }
  body.about-sonam-page .about-soul-content-title{
    margin:6.6px 42px 16px;
    color:#efc66b;
    font-family:"Cormorant Garamond",Garamond,Georgia,"Times New Roman",serif;
    font-size:clamp(34px,2.65vw,47px);
    font-style:italic;
    font-weight:500;
    line-height:1.05;
    letter-spacing:.018em;
    text-align:center;
  }
  body.about-sonam-page .about-soul-content-copy{
    color:#f2e7d6;
    font-family:"Cormorant Garamond",Garamond,Georgia,"Times New Roman",serif;
    font-size:clamp(18.5px,1.1vw,19px);
    font-weight:400;
    line-height:1.62;
    letter-spacing:.006em;
    text-align:left;
  }
  body.about-sonam-page .about-soul-content-copy p{
    margin:0 0 1em;
  }
  body.about-sonam-page .about-soul-content-copy p:last-child{
    margin-bottom:0;
  }
  body.about-sonam-page .about-soul-content-copy strong{
    color:#f7eddc;
    font-weight:700;
  }
  body.about-sonam-page .about-soul-content-copy .about-soul-content-question{
    margin-top:1.25em;
    margin-bottom:.58em;
    color:#efc66b;
    font-family:"Cormorant Garamond",Garamond,Georgia,"Times New Roman",serif;
    font-size:1.26em;
    font-style:italic;
    font-weight:500;
    line-height:1.3;
    text-align:center;
  }
  body.about-sonam-page .about-soul-content-copy .about-soul-content-final{
    margin-left:auto;
    margin-right:auto;
    max-width:92%;
    text-align:center;
  }




@media (prefers-reduced-motion:reduce){
  body.about-sonam-page .about-sz-home{
    animation:none;
    opacity:1;
    transform:translateY(0);
  }
  body.about-sonam-page .about-soul-dialogue{
    animation:none;
    opacity:1;
    transform:translate(-50%,0);
  }
  body.about-sonam-page.about-soul-menus-ready .about-soul-menu{
    animation:none;
    opacity:1;
    transform:none;
    transition:none;
  }
  body.about-sonam-page .about-soul-menu-list{
    transition:none;
  }
}

/* Oracle crystal-ball portrait reveal — desktop only. Frame is built entirely in HTML/CSS. */
.about-sonam-page .about-oracle-hotspot,
.about-sonam-page .about-portrait-modal{
  display:none;
}

@keyframes aboutPortraitReveal{
  from{opacity:0;transform:translateY(10px) scale(.94);}
  to{opacity:1;transform:translateY(0) scale(1);}
}


  body.about-sonam-page .about-oracle-hotspot{
    position:absolute;
    left:55.95%;
    top:55.05%;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    width:14.3%;
    aspect-ratio:1;
    padding:0;
    border:0;
    border-radius:50%;
    outline:0;
    background:transparent;
    cursor:pointer;
    transform:translate(-50%,-50%);
  }
  body.about-sonam-page .about-oracle-hotspot::before{
    content:"";
    position:absolute;
    inset:7%;
    border-radius:50%;
    opacity:0;
    background:radial-gradient(circle,rgba(246,219,151,.08) 0 48%,rgba(239,198,107,.18) 66%,rgba(239,198,107,0) 76%);
    box-shadow:0 0 26px rgba(239,198,107,.34),0 0 52px rgba(125,108,205,.22);
    transition:opacity .22s ease;
  }
  body.about-sonam-page .about-oracle-hotspot::after{
    content:"";
    position:absolute;
    inset:9%;
    border:1px solid rgba(246,219,151,0);
    border-radius:50%;
    transition:border-color .22s ease,box-shadow .22s ease;
  }
  body.about-sonam-page .about-oracle-hotspot:hover::before,
  body.about-sonam-page .about-oracle-hotspot:focus-visible::before{
    opacity:1;
  }
  body.about-sonam-page .about-oracle-hotspot:hover::after,
  body.about-sonam-page .about-oracle-hotspot:focus-visible::after{
    border-color:rgba(246,219,151,.42);
    box-shadow:inset 0 0 18px rgba(239,198,107,.15);
  }
  body.about-sonam-page .about-oracle-hotspot:focus-visible{
    box-shadow:0 0 0 2px rgba(239,198,107,.72);
  }

  @keyframes aboutOracleMessageGlow{
    0%,100%{
      opacity:.9;
      text-shadow:
        0 0 3px rgba(255,250,226,.98),
        0 0 8px rgba(255,221,139,.92),
        0 0 17px rgba(149,181,255,.82),
        0 0 30px rgba(105,118,255,.5);
    }
    50%{
      opacity:1;
      text-shadow:
        0 0 4px rgba(255,252,235,1),
        0 0 11px rgba(255,224,144,1),
        0 0 23px rgba(155,190,255,.98),
        0 0 40px rgba(111,126,255,.68);
    }
  }
  body.about-sonam-page .about-oracle-message{
    position:relative;
    z-index:2;
    display:block;
    pointer-events:none;
    color:#fff0b8;
    font-family:"Cormorant Garamond",Garamond,Georgia,"Times New Roman",serif;
    font-size:clamp(15px,1.1vw,20px);
    font-style:italic;
    font-weight:600;
    line-height:1;
    letter-spacing:.025em;
    white-space:nowrap;
    transform:translateY(-1%);
    animation:aboutOracleMessageGlow 2.8s ease-in-out infinite;
  }

  body.about-sonam-page .about-portrait-modal{
    position:fixed;
    inset:0;
    z-index:8;
    display:grid;
    place-items:center;
    box-sizing:border-box;
    padding:clamp(34px,5vh,62px) clamp(30px,5vw,80px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    background:
      radial-gradient(circle at 50% 45%,rgba(101,78,149,.18),rgba(101,78,149,0) 33%),
      rgba(7,4,13,.67);
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px);
    transition:opacity .28s ease,visibility 0s linear .28s;
  }
  body.about-sonam-page .about-portrait-modal.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:opacity .28s ease,visibility 0s linear 0s;
  }
  body.about-sonam-page .about-portrait-stage{
    position:relative;
    display:grid;
    place-items:center;
    max-width:100%;
    transform:translateY(10px) scale(.94);
    opacity:0;
  }
  body.about-sonam-page .about-portrait-modal.is-open .about-portrait-stage{
    animation:aboutPortraitReveal .42s cubic-bezier(.2,.72,.22,1) .04s forwards;
  }

  body.about-sonam-page .about-portrait-frame-shell{
    
    
  }
  body.about-sonam-page .about-portrait-frame-shell::before{
    content:"";
    position:absolute;
    z-index:0;
    left:10%;
    right:10%;
    height:48px;
    border-top:1px solid rgba(239,198,107,.65);
    border-radius:50% 50% 0 0;
    box-shadow:0 -7px 18px rgba(239,198,107,.07);
  }
  body.about-sonam-page .about-portrait-frame-shell::after{
    content:"";
    position:absolute;
    z-index:0;
    left:50%;
    width:46%;
    height:34px;
    border-bottom:1px solid rgba(239,198,107,.58);
    border-radius:0 0 50% 50%;
  }

  body.about-sonam-page .about-portrait-frame{
    
    z-index:2;
    box-sizing:border-box;
    
    
  }
  body.about-sonam-page .about-portrait-frame::before{
    
    
    clip-path:inherit;
    
  }
  body.about-sonam-page .about-portrait-frame::after{
    content:"";
    position:absolute;
    inset:13px;
    z-index:4;
    pointer-events:none;
    border:1px solid rgba(239,198,107,.42);
    box-shadow:0 0 12px rgba(239,198,107,.06);
  }
  body.about-sonam-page .about-portrait-mat{
    
    box-sizing:border-box;
    
  }
  body.about-sonam-page .about-portrait-mat::before{
    content:"";
    position:absolute;
    inset:5px;
    z-index:2;
    pointer-events:none;
    border:1px solid rgba(245,218,147,.28);
  }
  body.about-sonam-page .about-portrait-image{
    
    z-index:1;
    
    user-select:none;
    -webkit-user-drag:none;
  }

  body.about-sonam-page .about-portrait-crest{
    position:absolute;
    z-index:5;
    left:50%;
    top:-38px;
    display:flex;
    align-items:center;
    gap:10px;
    transform:translateX(-50%);
    color:#efc66b;
    font-family:Georgia,"Times New Roman",serif;
    line-height:1;
    text-shadow:0 0 13px rgba(239,198,107,.32);
  }
  body.about-sonam-page .about-portrait-crest .about-portrait-moon{
    font-size:18px;
    opacity:.78;
  }
  body.about-sonam-page .about-portrait-crest .about-portrait-star{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border:1px solid rgba(239,198,107,.64);
    border-radius:50%;
    background:radial-gradient(circle,rgba(239,198,107,.15),rgba(24,13,37,.82) 72%);
    font-size:16px;
    box-shadow:0 0 0 4px rgba(239,198,107,.045),0 0 18px rgba(239,198,107,.15);
  }
  body.about-sonam-page .about-portrait-bottom-sigil{
    position:absolute;
    z-index:5;
    left:50%;
    bottom:-30px;
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    transform:translateX(-50%) rotate(45deg);
    border:1px solid rgba(239,198,107,.58);
    background:rgba(14,8,23,.88);
    box-shadow:0 0 18px rgba(239,198,107,.10);
  }
  body.about-sonam-page .about-portrait-bottom-sigil::before{
    content:"✦";
    transform:rotate(-45deg);
    color:rgba(239,198,107,.85);
    font-size:12px;
  }

  body.about-sonam-page .about-portrait-constellation{
    position:absolute;
    z-index:4;
    top:16%;
    bottom:16%;
    width:20px;
    opacity:.76;
    pointer-events:none;
    background:
      radial-gradient(circle at 50% 7%,rgba(248,220,151,.95) 0 1.6px,transparent 2.2px),
      radial-gradient(circle at 22% 24%,rgba(239,198,107,.86) 0 1.2px,transparent 1.8px),
      radial-gradient(circle at 72% 42%,rgba(248,220,151,.92) 0 1.4px,transparent 2px),
      radial-gradient(circle at 30% 63%,rgba(239,198,107,.86) 0 1.2px,transparent 1.8px),
      radial-gradient(circle at 66% 83%,rgba(248,220,151,.88) 0 1.5px,transparent 2px),
      linear-gradient(162deg,transparent 9%,rgba(239,198,107,.30) 9.4% 9.9%,transparent 10.3% 34%,rgba(239,198,107,.28) 34.4% 34.9%,transparent 35.3% 59%,rgba(239,198,107,.28) 59.4% 59.9%,transparent 60.3%);
  }
  body.about-sonam-page .about-portrait-constellation-left{left:-14px;}
  body.about-sonam-page .about-portrait-constellation-right{right:-14px;transform:scaleX(-1);}

  body.about-sonam-page .about-portrait-corner{
    position:absolute;
    z-index:5;
    width:35px;
    height:35px;
    pointer-events:none;
    opacity:.82;
  }
  body.about-sonam-page .about-portrait-corner::before,
  body.about-sonam-page .about-portrait-corner::after{
    content:"";
    position:absolute;
    background:rgba(239,198,107,.62);
  }
  body.about-sonam-page .about-portrait-corner::before{width:100%;height:1px;top:0;left:0;}
  body.about-sonam-page .about-portrait-corner::after{width:1px;height:100%;top:0;left:0;}
  body.about-sonam-page .about-portrait-corner-tl{top:-8px;left:-8px;}
  body.about-sonam-page .about-portrait-corner-tr{top:-8px;right:-8px;transform:rotate(90deg);}
  body.about-sonam-page .about-portrait-corner-br{right:-8px;bottom:-8px;transform:rotate(180deg);}
  body.about-sonam-page .about-portrait-corner-bl{left:-8px;bottom:-8px;transform:rotate(270deg);}

  body.about-sonam-page .about-portrait-close{
    position:absolute;
    display:grid;
    place-items:center;
    padding:0;
    
    border-radius:50%;
    
    
    font-weight:400;
    line-height:1;
    cursor:pointer;
    transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease;
  }
  body.about-sonam-page .about-portrait-close:hover{
    
  }
  body.about-sonam-page .about-portrait-close:focus-visible{
    outline:none;
    box-shadow:0 0 0 2px rgba(239,198,107,.72);
  }


@media (prefers-reduced-motion:reduce){
  body.about-sonam-page .about-oracle-hotspot::before,
  body.about-sonam-page .about-oracle-hotspot::after,
  body.about-sonam-page .about-portrait-modal,
  body.about-sonam-page .about-portrait-stage{
    transition:none;
    animation:none;
  }
  body.about-sonam-page .about-portrait-modal.is-open .about-portrait-stage{
    opacity:1;
    transform:none;
  }
}

/* v13.27 — Softer ornamental portrait frame inspired by vintage royal vector borders. */

  body.about-sonam-page .about-portrait-frame-shell{
    box-sizing:border-box;
    
    
  }

  body.about-sonam-page .about-portrait-frame-shell::before,
  body.about-sonam-page .about-portrait-frame-shell::after{
    display:block;
    content:"";
    position:absolute;
    left:50%;
    width:250px;
    height:30px;
    transform:translateX(-50%);
    pointer-events:none;
    opacity:.5;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 28'%3E%3Cg fill='none' stroke='%23caa24f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 14h70'/%3E%3Cpath d='M167 14h70'/%3E%3Cpath d='M74 14c7 0 8-9 16-9 4 0 6 2 7 6 1-4 3-6 7-6 8 0 9 9 16 9'/%3E%3Cpath d='M74 14c7 0 8 9 16 9 4 0 6-2 7-6 1 4 3 6 7 6 8 0 9-9 16-9'/%3E%3C/g%3E%3Ccircle cx='120' cy='14' r='2' fill='%23caa24f'/%3E%3C/svg%3E");
  }

  body.about-sonam-page .about-portrait-frame-shell::before{ top:-18px; }
  body.about-sonam-page .about-portrait-frame-shell::after{ bottom:-18px; transform:translateX(-50%) scaleY(-1); }

  body.about-sonam-page .about-portrait-frame{
    padding:0;
    clip-path:none;
    
    
  }

  body.about-sonam-page .about-portrait-frame::before{
    display:block;
    content:"";
    position:absolute;
    inset:12px;
    z-index:4;
    pointer-events:none;
    border:1px solid rgba(202,162,79,.5);
    border-radius:0;
    box-shadow:none;
  }

  body.about-sonam-page .about-portrait-frame::after{
    display:none;
  }

  body.about-sonam-page .about-portrait-mat{
    
    place-items:center;
    
  }

  body.about-sonam-page .about-portrait-mat::before{ display:none; }

  body.about-sonam-page .about-portrait-crest,
  body.about-sonam-page .about-portrait-constellation,
  body.about-sonam-page .about-portrait-bottom-sigil,
  body.about-sonam-page .about-portrait-corner{
    display:none;
  }

  body.about-sonam-page .about-portrait-close{
    border-color:rgba(202,162,79,.5);
    
    font-family:Cormorant Garamond,Georgia,serif;
    font-size:23px;
  }

  body.about-sonam-page .about-portrait-close:hover{
    
  }



  body.about-sonam-page .about-portrait-shape-defs{position:absolute;width:0;height:0;overflow:hidden;}

  body.about-sonam-page .about-portrait-stage{
    width:min(86vw,1180px);
    max-height:84vh;
  }

  body.about-sonam-page .about-portrait-frame-shell{
    position:relative;
    width:min(82vw,1080px);
    height:auto;
    aspect-ratio:1.62 / 1;
    border:0;
    border-radius:0;
    background:rgba(9,8,14,.40);
    overflow:visible;
    filter:drop-shadow(0 22px 38px rgba(0,0,0,.42));
  }

  body.about-sonam-page .about-portrait-frame-shell::before,
  body.about-sonam-page .about-portrait-frame-shell::after,
  body.about-sonam-page .about-portrait-frame-shell .about-portrait-cartouche-border,
  body.about-sonam-page .about-portrait-frame-shell .about-portrait-crest,
  body.about-sonam-page .about-portrait-frame-shell .about-portrait-constellation,
  body.about-sonam-page .about-portrait-frame-shell .about-portrait-bottom-sigil,
  body.about-sonam-page .about-portrait-frame-shell .about-portrait-corner{
    display:none;
  }

  body.about-sonam-page .about-portrait-frame{
    position:absolute;
    inset:0;
    border:0;
    border-radius:0;
    background:transparent;
    overflow:visible;
    box-shadow:none;
  }
  body.about-sonam-page .about-portrait-frame::before,
  body.about-sonam-page .about-portrait-frame::after,
  body.about-sonam-page .about-portrait-mat::before{
    display:none;
    content:none;
  }

  body.about-sonam-page .about-portrait-celestial-frame{
    position:absolute;
    inset:0;
    z-index:1;
    display:block;
    width:100%;
    height:100%;
    overflow:visible;
    pointer-events:none;
  }
  body.about-sonam-page .about-portrait-celestial-frame .celestial-line,
  body.about-sonam-page .about-portrait-celestial-frame .celestial-ornament{
    fill:none;
    stroke:#d4ad56;
    stroke-linecap:round;
    stroke-linejoin:round;
    vector-effect:non-scaling-stroke;
  }
  body.about-sonam-page .about-portrait-celestial-frame .celestial-line{
    stroke-width:1.45;
    opacity:.82;
  }
  body.about-sonam-page .about-portrait-celestial-frame .celestial-line-soft{
    fill:none;
    stroke:#f0d58c;
    stroke-width:.8;
    opacity:.55;
    vector-effect:non-scaling-stroke;
  }
  body.about-sonam-page .about-portrait-celestial-frame .celestial-ornament{
    stroke-width:1.25;
    opacity:.78;
  }
  body.about-sonam-page .about-portrait-celestial-frame .celestial-crescent{
    fill:none;
    stroke:#d4ad56;
    stroke-width:1.45;
    stroke-linecap:round;
    stroke-linejoin:round;
    opacity:.9;
    vector-effect:non-scaling-stroke;
  }
  body.about-sonam-page .about-portrait-celestial-frame .celestial-dot{
    fill:#e8c76f;
    opacity:.9;
  }
  body.about-sonam-page .about-portrait-celestial-frame .celestial-star{
    fill:#f3d985;
    opacity:.96;
  }
  body.about-sonam-page .about-portrait-celestial-frame .celestial-sunray{
    fill:none;
    stroke:#d4ad56;
    stroke-width:1.15;
    opacity:.78;
    stroke-linecap:round;
    stroke-linejoin:round;
    vector-effect:non-scaling-stroke;
  }
  body.about-sonam-page .about-portrait-celestial-frame .celestial-sun-flame{
    fill:none;
    stroke:#e0ba62;
    stroke-width:1.45;
    opacity:.88;
    stroke-linecap:round;
    stroke-linejoin:round;
    vector-effect:non-scaling-stroke;
  }
  body.about-sonam-page .about-portrait-celestial-frame .celestial-sun-diamond{
    fill:#f1d27b;
    opacity:.9;
  }

  body.about-sonam-page .about-portrait-mat{
    position:absolute;
    z-index:4;
    left:50%;
    top:50%;
    width:min(34.2%,370px);
    aspect-ratio:1 / 1;
    height:auto;
    transform:translate(-50%,-50%);
    display:block;
    padding:0;
    background:#0c0b11;
    border:1.6px solid rgba(225,191,104,.92);
    border-radius:50%;
    overflow:hidden;
    box-shadow:
      0 0 0 5px rgba(11,9,15,.88),
      0 0 0 6px rgba(212,173,86,.42),
      0 0 28px rgba(226,189,96,.16);
  }

  body.about-sonam-page .about-portrait-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    aspect-ratio:1 / 1;
    object-fit:cover;
    object-position:center center;
    border-radius:50%;
    clip-path:circle(50% at 50% 50%);
    display:block;
    box-shadow:none;
  }

  body.about-sonam-page .about-portrait-close{
    z-index:12;
    top:18px;
    right:20px;
    width:34px;
    height:34px;
    border:1px solid rgba(212,173,86,.66);
    background:rgba(10,8,15,.58);
    color:rgba(242,216,147,.94);
    box-shadow:none;
  }
  body.about-sonam-page .about-portrait-close:hover{
    border-color:rgba(242,216,147,.95);
    background:rgba(17,13,24,.78);
    color:#f7e3ad;
    transform:none;
  }

/* =========================================================
   TOUCH MASTER CANVAS — ABOUT PAGE CONTENT ONLY
   One canonical 1670×942 composition is used in both physical orientations.
   ========================================================= */
html.sz-stage-active body.about-sonam-page .about-desktop-artwork{
  display:block;position:absolute;left:0;top:0;right:auto;bottom:auto;
  width:1670px;height:942px;overflow:hidden;background:#090611;z-index:1;
}
html.sz-stage-active body.about-sonam-page .about-desktop-artwork-stage,
html.sz-stage-active body.about-sonam-page .about-desktop-artwork-picture,
html.sz-stage-active body.about-sonam-page .about-desktop-artwork-picture > img{
  display:block;position:absolute;inset:0;width:1670px;height:942px;max-width:none;
  min-width:0;min-height:0;margin:0;padding:0;object-fit:cover;object-position:50% 50%;
}
html.sz-stage-active body.about-sonam-page .about-sz-home{
  display:inline-flex;position:absolute;top:24px;left:50px;right:auto;bottom:auto;z-index:20;
}
html.sz-stage-active body.about-sonam-page .about-soul-dialogue{
  display:block;position:absolute;left:50%;top:810px;bottom:auto;z-index:10;
}
html.sz-stage-active body.about-sonam-page .about-soul-menu{
  display:block;position:absolute;top:188px;z-index:10;
}
html.sz-stage-active body.about-sonam-page .about-soul-menu-left{left:82px;right:auto}
html.sz-stage-active body.about-sonam-page .about-soul-menu-right{right:82px;left:auto}
html.sz-stage-active body.about-sonam-page .about-portrait-shape-defs{display:block}
html.sz-stage-active body.about-sonam-page .about-portrait-modal,
html.sz-stage-active body.about-sonam-page .about-soul-content{max-width:none}

.about-info-title{margin-top:0;color:var(--ivory)}
.about-clean-link{color:inherit;text-decoration:none}