*{box-sizing:border-box;}
  body{margin:0; background:#F3E9D3; color:#2B1E16; font-family:'Literata',serif; line-height:1.7;}
  .wrap{max-width:720px; margin:0 auto;}
  .meander{height:14px; background-image:repeating-linear-gradient(45deg,#C9A227 0 6px,transparent 6px 12px); opacity:.55;}

  .cover{background:#651B24; color:#F3E9D3; padding:44px 20px 30px; text-align:center; position:relative;}
  .seal{
    position:absolute; top:20px; right:24px; width:56px; height:56px; border-radius:50%;
    border:2px solid #C9A227; display:flex; align-items:center; justify-content:center;
    font-family:'Philosopher','Marcellus',serif; font-size:11px; color:#C9A227; transform:rotate(-8deg); line-height:1.1;
  }
  .moon-gate{
    width:220px; height:220px; border-radius:50%; margin:0 auto 18px; overflow:hidden;
    border:6px solid #C9A227; box-shadow:0 0 0 1px #7A2530, 0 20px 40px rgba(0,0,0,.35);
  }
  .moon-gate img{width:100%; height:100%; object-fit:cover;}
  .cover h1{font-family:'Philosopher','Marcellus',serif; font-size:34px; margin:0 0 6px; letter-spacing:.03em;}
  .cover p{margin:0; font-size:14px; color:#E4C9A0; font-style:italic;}

  .vertical-label{
    writing-mode:vertical-rl; position:absolute; left:16px; top:44px; bottom:30px;
    font-family:'Philosopher','Marcellus',serif; font-size:13px; letter-spacing:.3em; color:#C9A227;
  }

  .section{padding:44px 24px 8px; position:relative;}
  .section h2{font-family:'Philosopher','Marcellus',serif; font-size:24px; color:#651B24; margin:0 0 6px; text-align:center;}
  .section .sub{text-align:center; font-size:13px; color:#8A6F52; font-style:italic; margin:0 0 26px;}

  /* HEXAGON GALLERY */
  .hex-grid{display:flex; flex-wrap:wrap; justify-content:center; gap:14px 8px;}
  .hex{
    width:150px; height:170px;
    clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
    position:relative; overflow:hidden; background:#000;
  }
  .hex img{width:100%; height:100%; object-fit:cover;}
  .hex::after{content:""; position:absolute; inset:0; box-shadow:inset 0 0 0 4px #C9A227;}
  .hex-cap{text-align:center; font-size:12px; font-style:italic; color:#8A6F52; margin-top:-4px;}

  .see-full{text-align:center; margin:22px 0 0;}
  .see-full a{font-family:'Philosopher','Marcellus',serif; font-size:14px; color:#651B24; text-decoration:none; border-bottom:1px solid #C9A227;}

  /* SCROLL NOTES */
  .scroll-notes{max-width:520px; margin:0 auto; border-left:2px solid #C9A227; border-right:2px solid #C9A227; padding:6px 24px;}
  .scroll-note{padding:16px 0; border-bottom:1px dashed rgba(43,30,22,.2);}
  .scroll-note:last-child{border-bottom:none;}
  .scroll-note p{margin:0 0 6px; font-style:italic; font-size:15px;}
  .scroll-note cite{font-family:'Philosopher','Marcellus',serif; font-style:normal; font-size:13px; color:#651B24;}

  .share{margin:44px 0 0; background:#651B24; color:#F3E9D3; padding:36px 24px; text-align:center;}
  .share h2{font-family:'Philosopher','Marcellus',serif; font-size:24px; margin:0 0 6px; color:#F3E9D3;}
  .share p{font-size:13.5px; color:#E4C9A0; margin:0 0 18px;}
  #qrcode{background:#fff; display:inline-block; padding:8px; margin-bottom:14px; border:2px solid #C9A227;}
  .link-row{display:flex; justify-content:center; gap:8px; flex-wrap:wrap; font-size:13px;}
  .link-row code{background:rgba(201,162,39,.15); padding:6px 12px; color:#E4C9A0;}
  .link-row button{background:#C9A227; color:#2B1E16; border:none; padding:6px 14px; font-size:12.5px; font-weight:600; cursor:pointer;}

  .foot{text-align:center; font-size:12px; color:#8A6F52; padding:20px 20px 40px; font-style:italic;}