*{box-sizing:border-box;}
  body{margin:0; background:#FBF3EF; color:#4A2E44; font-family:'Literata',serif; line-height:1.7;}
  .wrap{max-width:740px; margin:0 auto;}

  /* PARALLAX COVER */
  .cover{
    height:70vh; min-height:420px; position:relative; overflow:hidden;
    background:linear-gradient(180deg, rgba(74,46,68,.15), rgba(74,46,68,.55)),
      url('https://picsum.photos/id/1005/1200/1400') center/cover fixed;
    display:flex; align-items:flex-end; justify-content:center; text-align:center;
    color:#FFF3E9;
  }
  .cover-glow{position:absolute; inset:0; background:radial-gradient(ellipse at 50% 100%, rgba(232,166,166,.4), transparent 60%);}
  .cover-content{position:relative; padding:0 20px 40px; max-width:520px;}
  .eyebrow{font-size:12px; letter-spacing:.25em; color:#F2C6C2; margin-bottom:10px;}
  .cover h1{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:52px; margin:0 0 8px;}
  .cover p{margin:0; font-size:14.5px; color:#F6E1D8;}
  .scroll-cue{position:absolute; bottom:16px; left:50%; transform:translateX(-50%); font-size:11px; letter-spacing:.15em; color:#F6E1D8; opacity:.8; animation:bob 2s infinite;}
  @keyframes bob{0%,100%{transform:translate(-50%,0);} 50%{transform:translate(-50%,6px);}}

  /* REVEAL ON SCROLL */
  .reveal{opacity:0; transform:translateY(24px); transition:opacity .8s ease, transform .8s ease;}
  .reveal.visible{opacity:1; transform:translateY(0);}

  .section{padding:56px 24px 8px;}
  .section h2{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:30px; color:#8C4B5C; margin:0 0 4px; text-align:center;}
  .section .sub{text-align:center; font-size:13.5px; color:#8A7480; margin:0 0 30px;}

  /* TIMELINE 3 NĂM */
  .timeline{position:relative; max-width:560px; margin:0 auto; padding-left:26px;}
  .timeline::before{content:""; position:absolute; left:6px; top:4px; bottom:4px; width:2px; background:linear-gradient(#E8A6A6,#C9B6E4);}
  .t-year{position:relative; margin-bottom:34px;}
  .t-year::before{content:""; position:absolute; left:-26px; top:2px; width:14px; height:14px; border-radius:50%; background:#E8B86D; box-shadow:0 0 0 4px #FBF3EF, 0 0 0 5px #E8A6A6;}
  .t-year h3{font-family:'Cormorant Garamond',serif; font-style:italic; font-size:22px; margin:0 0 4px; color:#8C4B5C;}
  .t-year p{margin:0; font-size:14.5px; color:#5C4652;}

  /* LIGHTBOX GALLERY */
  .photo-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:10px;}
  .photo-grid figure{margin:0; cursor:zoom-in; overflow:hidden; border-radius:6px; position:relative;}
  .photo-grid img{width:100%; height:110px; object-fit:cover; display:block; transition:transform .5s ease;}
  .photo-grid figure:hover img{transform:scale(1.08);}
  @media(min-width:600px){.photo-grid img{height:150px;}}

  .lightbox{position:fixed; inset:0; background:rgba(30,16,26,.92); display:none; align-items:center; justify-content:center; z-index:100; padding:20px;}
  .lightbox.open{display:flex;}
  .lightbox img{max-width:100%; max-height:80vh; border-radius:4px; box-shadow:0 20px 60px rgba(0,0,0,.5);}
  .lightbox-close{position:absolute; top:20px; right:24px; color:#F6E1D8; font-size:28px; cursor:pointer; background:none; border:none;}

  .see-full{text-align:center; margin:20px 0 0;}
  .see-full a{font-family:'Cormorant Garamond',serif; font-style:italic; font-size:15px; color:#8C4B5C; text-decoration:none; border-bottom:1px solid #E8A6A6;}

  /* NOTES */
  .notes{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
  .note{background:#fff; border-radius:12px; padding:18px; box-shadow:0 10px 24px rgba(140,75,92,.1);}
  .note p{margin:0 0 8px; font-size:14.5px;}
  .note cite{font-family:'Cormorant Garamond',serif; font-style:italic; font-size:14px; color:#8C4B5C;}
  @media(max-width:560px){.notes{grid-template-columns:1fr;}}

  .share{margin:56px 24px 30px; padding:36px 24px; text-align:center; border-radius:20px;
    background:linear-gradient(150deg,#E8A6A6,#C9B6E4); color:#3A2438;}
  .share h2{font-family:'Cormorant Garamond',serif; font-style:italic; font-size:26px; margin:0 0 6px;}
  .share p{font-size:13.5px; margin:0 0 18px; opacity:.85;}
  #qrcode{background:#fff; display:inline-block; padding:8px; border-radius:10px; margin-bottom:14px;}
  .link-row{display:flex; justify-content:center; gap:8px; flex-wrap:wrap; font-size:13px;}
  .link-row code{background:rgba(255,255,255,.35); padding:6px 12px; border-radius:20px;}
  .link-row button{background:#3A2438; color:#F6E1D8; border:none; padding:6px 14px; border-radius:20px; font-size:12.5px; font-weight:600; cursor:pointer;}

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