:root{
      --bg:#09050b;
      --bg-2:#130912;
      --bg-3:#1a0d18;
      --panel:rgba(30,13,28,.66);
      --panel-strong:rgba(27,11,24,.88);
      --glass:rgba(255,255,255,.046);
      --glass-2:rgba(255,255,255,.022);
      --line:rgba(255,191,222,.13);
      --line-strong:rgba(255,154,207,.26);
      --text:#fff8fc;
      --muted:#cdb9c8;
      --muted-2:#a8919f;
      --pink:#ff4fa2;
      --pink-2:#ff7cbc;
      --violet:#a554ff;
      --peach:#ffad94;
      --gold:#ffd8a6;
      --success:#d5ffc8;
      --shadow:0 30px 90px rgba(0,0,0,.48);
      --radius:28px;
      --max:1180px;
      --ease:cubic-bezier(.2,.8,.2,1);
    }
    *{box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
    html{scroll-behavior:smooth;scrollbar-width:none;overflow-x:clip}
    html::-webkit-scrollbar{display:none}
    body{
      margin:0;
      color:var(--text);
      font-family:"DM Sans",system-ui,sans-serif;
      background:
        radial-gradient(circle at 76% 5%,rgba(255,76,164,.17),transparent 28%),
        radial-gradient(circle at 12% 22%,rgba(255,143,122,.08),transparent 27%),
        radial-gradient(circle at 50% 58%,rgba(163,73,255,.07),transparent 30%),
        linear-gradient(160deg,var(--bg),#160a15 46%,var(--bg));
      overflow-x:hidden;
    }
    body::before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:20;
      opacity:.10;
      background-image:radial-gradient(rgba(255,255,255,.9) .55px,transparent .65px);
      background-size:5px 5px;
      mix-blend-mode:soft-light;
    }
    body::after{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:19;
      background:
        radial-gradient(circle at var(--gx,50%) var(--gy,30%),rgba(255,91,173,.08),transparent 18%),
        radial-gradient(circle at 10% 90%,rgba(153,76,255,.07),transparent 24%);
      transition:background .2s ease;
    }
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;-webkit-user-drag:none}
    button,input{font:inherit}
    ::selection{background:rgba(255,79,162,.35);color:#fff}
    .page-noise{
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:18;
      opacity:.2;
      background:linear-gradient(rgba(255,255,255,.015),rgba(255,255,255,0));
    }
    .sakura-layer{
      position:fixed;
      inset:0;
      z-index:1;
      overflow:hidden;
      pointer-events:none;
    }
    .sakura-petal{
      position:absolute;
      top:-34px;
      left:var(--left);
      width:var(--size);
      height:calc(var(--size) * 1.45);
      opacity:0;
      border-radius:100% 0 100% 0;
      background:linear-gradient(145deg,rgba(255,226,239,.95),rgba(255,108,177,.7));
      box-shadow:0 0 12px rgba(255,115,181,.28);
      transform:rotate(var(--start-rotate)) scale(var(--scale));
      animation:sakuraFall var(--duration) var(--delay) linear forwards;
    }
    .sakura-petal::after{
      content:"";
      position:absolute;
      inset:18% 44% 18% 44%;
      border-radius:999px;
      background:rgba(255,255,255,.55);
      transform:rotate(28deg);
    }
    @keyframes sakuraFall{
      0%{opacity:0;transform:translate3d(0,-5vh,0) rotate(var(--start-rotate)) scale(var(--scale))}
      10%{opacity:var(--opacity)}
      85%{opacity:var(--opacity)}
      100%{opacity:0;transform:translate3d(var(--drift),115vh,0) rotate(var(--end-rotate)) scale(var(--scale))}
    }
    .cursor-dot,.cursor-ring{
      position:fixed;
      pointer-events:none;
      z-index:2000;
      top:0;
      left:0;
      border-radius:50%;
      transform:translate(-50%,-50%);
      mix-blend-mode:screen;
    }
    .cursor-dot{
      width:5px;
      height:5px;
      background:#fff;
      box-shadow:0 0 16px 4px rgba(255,100,186,.75);
    }
    .cursor-ring{
      width:30px;
      height:30px;
      border:1px solid rgba(255,160,210,.38);
      transition:width .25s var(--ease),height .25s var(--ease),background .25s ease,border-color .25s ease;
    }
    .cursor-ring.is-hover{
      width:54px;
      height:54px;
      background:rgba(255,79,162,.06);
      border-color:rgba(255,178,219,.62);
    }
    @media (pointer:coarse){
      .cursor-dot,.cursor-ring{display:none}
      .custom-scrollbar{display:none}
    }
    .progress-track{
      position:fixed;
      top:77px;
      left:0;
      width:100%;
      height:2px;
      z-index:1300;
      cursor:pointer;
      background:rgba(255,190,220,.08);
      transition:top .35s var(--ease),height .2s ease;
    }
    .progress{
      position:absolute;
      inset:0;
      width:100%;
      transform-origin:left center;
      transform:scaleX(0);
      background:linear-gradient(90deg,var(--pink),var(--violet),var(--peach));
      box-shadow:0 0 24px rgba(255,79,162,.4);
    }
    .custom-scrollbar{
      position:fixed;
      top:78px;
      right:0;
      bottom:14px;
      z-index:1250;
      width:30px;
      display:flex;
      justify-content:center;
      opacity:0;
      pointer-events:auto;
      transition:opacity .35s ease;
    }
    .custom-scrollbar.is-visible{opacity:.72}
    .custom-scrollbar:hover,.custom-scrollbar.is-visible:hover{opacity:1}
    .scrollbar-track{
      position:relative;
      width:3px;
      height:100%;
      border-radius:999px;
      background:rgba(255,190,220,.1);
      box-shadow:0 0 18px rgba(255,79,162,.08);
    }
    .scrollbar-track::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      background:linear-gradient(to bottom,rgba(255,79,162,.2),rgba(165,84,255,.2),rgba(255,173,148,.2));
    }
    .scrollbar-thumb{
      position:absolute;
      left:50%;
      top:0;
      width:10px;
      min-height:58px;
      padding:0;
      border:1px solid rgba(255,221,236,.58);
      border-radius:999px;
      background:linear-gradient(180deg,var(--pink-2),var(--violet) 58%,var(--peach));
      box-shadow:0 0 16px rgba(255,79,162,.45),inset 0 0 5px rgba(255,255,255,.35);
      transform:translateX(-50%);
      cursor:grab;
      touch-action:none;
    }
    .scrollbar-thumb:hover{box-shadow:0 0 22px rgba(255,79,162,.7),inset 0 0 5px rgba(255,255,255,.45)}
    .scrollbar-thumb:active{cursor:grabbing}
    .wrap{width:min(calc(100% - 40px),var(--max));margin:auto}
    .topbar{
      position:fixed;
      left:0;
      right:0;
      top:0;
      z-index:1200;
      background:linear-gradient(to bottom,rgba(9,5,11,.86),rgba(9,5,11,.34));
      backdrop-filter:blur(18px) saturate(130%);
      border-bottom:1px solid transparent;
      transition:.35s var(--ease);
    }
    .audio-play,.audio-volume{
      position:absolute;
      top:50%;
      z-index:3;
      opacity:0;
      pointer-events:none;
      transition:opacity .25s ease,transform .25s var(--ease),background .25s ease,border-color .25s ease;
    }
    .audio-play{
      left:16px;
      width:34px;
      height:34px;
      padding:0;
      display:grid;
      place-items:center;
      transform:translateY(-50%) translateX(-7px);
      border:1px solid var(--line);
      border-radius:50%;
      color:#ffe5f1;
      background:rgba(255,255,255,.045);
      cursor:pointer;
    }
    .audio-play-icon{font-size:11px;line-height:1}
    .audio-play.is-playing .audio-play-icon{font-size:14px}
    .audio-play.is-loading .audio-play-icon{
      width:12px;
      height:12px;
      border:2px solid rgba(255,220,235,.3);
      border-top-color:#ff8fc2;
      border-radius:50%;
      font-size:0;
      animation:audioSpinner .75s linear infinite;
    }
    .audio-play:hover{border-color:var(--line-strong);background:rgba(255,255,255,.045);box-shadow:0 0 18px rgba(255,118,184,.3)}
    .audio-volume{
      right:16px;
      display:flex;
      align-items:center;
      gap:7px;
      transform:translateY(-50%) translateX(7px);
      color:#f5dbe8;
      font-size:17px;
      border-radius:999px;
      padding:5px 8px;
      box-shadow:none;
    }
    .audio-volume:hover{
      color:#fff;
      background:transparent;
      box-shadow:0 0 20px rgba(255,118,184,.26);
    }
    .audio-volume input{
      width:75px;
      height:3px;
      accent-color:var(--pink);
      cursor:pointer;
    }
    .topbar:hover .audio-play,
    .topbar.is-audio-visible .audio-play,
    .audio-play:focus-visible{
      opacity:1!important;
      pointer-events:auto!important;
      transform:translateY(-50%) translateX(0)!important;
    }
    .topbar.is-audio-playing.is-audio-visible .audio-volume{
      opacity:1!important;
      pointer-events:auto!important;
      transform:translateY(-50%) translateX(0)!important;
    }
    .progress-track:hover{height:4px}
    .topbar.scrolled{background:rgba(10,6,12,.78);border-color:var(--line)}
    .nav{
      height:78px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:11px;
      font-family:Manrope;
      font-weight:800;
      letter-spacing:.16em;
      font-size:11px;
      text-transform:uppercase;
    }
    .brand-mark{
      width:37px;
      height:37px;
      border-radius:12px;
      display:grid;
      place-items:center;
      overflow:hidden;
      background:linear-gradient(135deg,var(--pink),#8d2cff);
      box-shadow:0 10px 30px rgba(255,79,162,.25);
      position:relative;
      flex:0 0 37px;
    }
    .brand-mark img{
      width:100%;
      height:100%;
      object-fit:cover;
      position:relative;
      z-index:1;
    }
    .brand-mark::after{
      content:"";
      position:absolute;
      inset:-45%;
      background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.45) 50%,transparent 64%);
      animation:shine 5s ease-in-out infinite;
    }
    .navlinks{
      display:flex;
      gap:26px;
      color:#decbd7;
      font-size:13px;
    }
    .navlinks a{opacity:.78;transition:.25s ease}
    .navlinks a:hover{opacity:1;color:#fff}
    .nav-right{display:flex;align-items:center;gap:12px}
    .status{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 12px;
      border:1px solid var(--line);
      border-radius:999px;
      background:rgba(255,255,255,.03);
      color:#ead9e4;
      font-size:12px;
    }
    .status i{
      width:7px;
      height:7px;
      border-radius:99px;
      background:#91ff8e;
      box-shadow:0 0 14px rgba(145,255,142,.75);
    }
    .cta{
      padding:11px 15px;
      border:1px solid rgba(255,173,211,.2);
      border-radius:999px;
      background:rgba(255,255,255,.045);
      font-size:12px;
      font-weight:700;
      transition:.25s var(--ease);
    }
    .cta:hover{
      transform:translateY(-2px);
      border-color:var(--line-strong);
      background:rgba(255,255,255,.065);
    }
    .hero{
      min-height:900px;
      display:grid;
      align-items:center;
      position:relative;
      padding:110px 0 80px;
      isolation:isolate;
    }
    .hero::before{
      content:"";
      position:absolute;
      inset:8% -10% auto;
      height:760px;
      z-index:-2;
      background:
        radial-gradient(circle at 68% 44%,rgba(255,83,167,.22),transparent 24%),
        radial-gradient(circle at 48% 58%,rgba(128,59,235,.12),transparent 22%),
        radial-gradient(circle at 82% 20%,rgba(255,162,122,.10),transparent 18%);
      filter:blur(20px);
    }
    .hero-grid{
      display:grid;
      grid-template-columns:1.03fr .97fr;
      gap:44px;
      align-items:start;
    }
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:9px;
      padding:8px 12px;
      border-radius:999px;
      background:rgba(255,91,170,.075);
      border:1px solid var(--line);
      font-size:10px;
      color:#ffd7e8;
      text-transform:uppercase;
      letter-spacing:.17em;
    }
    .eyebrow i{
      width:7px;
      height:7px;
      border-radius:50%;
      background:var(--pink);
      box-shadow:0 0 18px var(--pink);
    }
    h1{
      font-family:Manrope;
      margin:23px 0 18px;
      font-size:clamp(64px,10.5vw,138px);
      line-height:1.03;
      letter-spacing:-.055em;
      width:100%;
      max-width:100%;
      overflow:visible;
      position:relative;
      z-index:3;
    }
    .hero-title{
      display:block;
      width:max-content;
      max-width:100%;
      white-space:nowrap;
      padding:0 .06em .08em 0;
      background:linear-gradient(110deg,#fff 0%,#fff7fb 52%,#ffc7e2 100%);
      background-size:100% 100%;
      background-position:0% 50%;
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
      -webkit-text-fill-color:transparent;
      transition:filter .3s ease,background-size .3s ease;
      filter:drop-shadow(0 14px 30px rgba(255,72,159,.10));
      position:relative;
    }
    .hero-title:hover{
      background-image:linear-gradient(110deg,#fff 0%,#ffc7e2 22%,#ff6eb1 48%,#d46eff 70%,#fff0d5 88%,#fff 100%);
      background-size:220% 100%;
      animation:gradientFlow 2.8s ease-in-out infinite;
      filter:drop-shadow(0 14px 34px rgba(255,72,159,.28));
    }
    .hero-title::after{
      display:none;
    }
    .heart-burst{
      position:fixed;
      z-index:2100;
      pointer-events:none;
      color:var(--pink-2);
      font-family:Manrope,sans-serif;
      font-size:var(--size,26px);
      line-height:1;
      text-shadow:0 0 12px rgba(255,79,162,.8),0 0 24px rgba(213,84,255,.4);
      transform:translate(-50%,-50%);
      animation:heartBurst var(--duration,850ms) var(--delay,0ms) var(--ease) forwards;
    }
    .hero-sub{
      max-width:640px;
      color:var(--muted);
      font-size:18px;
      line-height:1.78;
      margin:0 0 28px;
    }
    .hero-sub em{color:#ffe0ee;font-style:normal}
    .hero-actions{display:flex;gap:11px;flex-wrap:wrap}
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      padding:14px 18px;
      border-radius:15px;
      font-weight:700;
      font-size:13px;
      border:1px solid var(--line);
      transition:transform .25s var(--ease),box-shadow .25s ease,background .25s ease,border-color .25s ease;
    }
    .btn:hover{
      transform:translateY(-3px);
      box-shadow:0 14px 32px rgba(0,0,0,.22);
      border-color:var(--line-strong);
    }
    .btn-primary{
      background:linear-gradient(135deg,var(--pink),#bd3cff);
      border-color:transparent;
    }
    .btn-primary:hover{box-shadow:0 16px 38px rgba(255,67,160,.22)}
    .btn-ghost{background:rgba(255,255,255,.038)}
    .hero-meta{
      display:flex;
      gap:30px;
      margin-top:33px;
      color:#c7b1bf;
      font-size:12px;
    }
    .hero-meta strong{
      display:block;
      color:#fff;
      font-family:Manrope;
      font-size:17px;
      margin-bottom:3px;
    }
    .hero-visual{
      position:relative;
      min-height:620px;
      display:grid;
      place-items:center;
    }
    .halo{
      position:absolute;
      width:570px;
      height:570px;
      border-radius:50%;
      background:radial-gradient(circle,rgba(255,84,159,.34),rgba(255,84,159,.07) 51%,transparent 72%);
      filter:blur(5px);
      animation:breathe 7s ease-in-out infinite;
    }
    .halo-2{
      position:absolute;
      width:770px;
      height:770px;
      border-radius:50%;
      border:1px solid rgba(255,177,215,.08);
      transform:translateY(-150px) rotate(-14deg);
    }
    .orb{
      position:absolute;
      width:14px;
      height:14px;
      border-radius:50%;
      background:#ffc7e1;
      box-shadow:0 0 24px 7px rgba(255,111,182,.65);
    }
    .orb.o1{
      top:18%;
      right:10%;
      animation:drift 5.5s ease-in-out infinite;
    }
    .orb.o2{
      bottom:17%;
      left:10%;
      width:9px;
      height:9px;
      animation:drift 6.5s ease-in-out infinite reverse;
    }
    .hero-img-wrap{
      position:relative;
      width:min(585px,100%);
      padding:11px;
      border-radius:39px;
      background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.025));
      border:1px solid rgba(255,255,255,.1);
      box-shadow:var(--shadow);
      transform:translate3d(calc(var(--mx,0) * 1px),calc(var(--my,0) * 1px),0) rotate(2deg);
      transition:transform .18s ease-out;
    }
    .hero-img-wrap::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:38px;
      pointer-events:none;
      background:linear-gradient(120deg,rgba(255,255,255,.16),transparent 26%,transparent 72%,rgba(255,124,189,.08));
    }
    .hero-img{
      width:100%;
      aspect-ratio:1/1.03;
      object-fit:cover;
      border-radius:30px;
    }
    .float-tag{
      position:absolute;
      display:flex;
      align-items:center;
      gap:8px;
      padding:11px 13px;
      border-radius:14px;
      background:rgba(17,8,16,.82);
      border:1px solid var(--line);
      backdrop-filter:blur(12px);
      color:#f8dce8;
      box-shadow:var(--shadow);
      font-size:11px;
      white-space:nowrap;
    }
    .float-tag strong{color:#fff}
    .tag-a{right:-6%;top:16%;animation:float 5s ease-in-out infinite}
    .tag-b{left:-4%;bottom:18%;animation:float 5.8s ease-in-out infinite -1.9s}
    .tag-c{right:0;bottom:4%;animation:float 6.2s ease-in-out infinite -3.6s}
    .scroll-cue{
      position:absolute;
      bottom:27px;
      left:50%;
      transform:translateX(-50%);
      display:flex;
      align-items:center;
      gap:9px;
      color:#a892a1;
      text-transform:uppercase;
      letter-spacing:.18em;
      font-size:9px;
      opacity:.8;
    }
    .scroll-cue::after{
      content:"";
      width:42px;
      height:1px;
      background:linear-gradient(90deg,rgba(255,79,162,.1),rgba(255,133,191,.65));
    }
    .section{
      padding:135px 0;
      position:relative;
    }
    .section::before{
      content:"";
      position:absolute;
      top:0;
      left:50%;
      transform:translateX(-50%);
      width:92%;
      height:1px;
      background:linear-gradient(90deg,transparent,rgba(255,166,214,.12),transparent);
    }
    .section-head{
      display:flex;
      justify-content:space-between;
      align-items:end;
      gap:26px;
      margin-bottom:40px;
    }
    .section-head>div{max-width:760px}
    .kicker{
      font-size:10px;
      letter-spacing:.2em;
      text-transform:uppercase;
      color:#ff9cc9;
      font-weight:700;
      margin-bottom:14px;
    }
    h2{
      font-family:Manrope;
      font-size:clamp(40px,5vw,64px);
      letter-spacing:-.058em;
      line-height:.98;
      margin:0;
    }
    .lead{
      color:var(--muted);
      font-size:15px;
      line-height:1.8;
      margin:15px 0 0;
      max-width:760px;
    }
    .section-note{
      color:#8f7b89;
      font-size:11px;
      letter-spacing:.09em;
      text-transform:uppercase;
    }
    .stats{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:12px;
      margin-top:26px;
    }
    .stat{
      padding:22px;
      border-radius:20px;
      background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018));
      border:1px solid var(--line);
      transition:transform .25s var(--ease),border-color .25s ease;
    }
    .stat:hover{
      transform:translateY(-5px);
      border-color:var(--line-strong);
    }
    .stat b{
      font-family:Manrope;
      font-size:27px;
      display:block;
    }
    .stat span{font-size:11px;color:#ad99a8}
    .glass{
      background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.017));
      border:1px solid var(--line);
      box-shadow:var(--shadow);
      backdrop-filter:blur(16px);
    }
    .about-grid{
      display:grid;
      grid-template-columns:.9fr 1.1fr;
      gap:18px;
    }
    .about-grid-offset{margin-top:18px}
    .card{
      border-radius:var(--radius);
      padding:31px;
    }
    .portrait{
      min-height:590px;
      overflow:hidden;
      position:relative;
      padding:0;
      isolation:isolate;
    }
    .portrait img{
      height:100%;
      width:100%;
      object-fit:cover;
      object-position:center;
    }
    .portrait::after{
      content:"";
      position:absolute;
      inset:auto 0 0;
      height:55%;
      background:linear-gradient(to top,rgba(8,3,9,.92),transparent);
    }
    .portrait::before{
      content:"";
      position:absolute;
      inset:14px;
      border-radius:22px;
      border:1px solid rgba(255,255,255,.09);
      z-index:2;
      pointer-events:none;
    }
    .portrait-caption{
      position:absolute;
      left:28px;
      right:28px;
      bottom:26px;
      z-index:3;
    }
    .portrait-caption b{font-family:Manrope;font-size:27px}
    .portrait-caption span{
      display:block;
      color:#ceb8c7;
      margin-top:6px;
      font-size:12px;
    }
    .facts{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:11px;
    }
    .fact{
      padding:17px 18px;
      border:1px solid var(--line);
      border-radius:17px;
      background:rgba(255,255,255,.02);
    }
    .fact small{
      display:block;
      color:#a990a0;
      font-size:10px;
      letter-spacing:.09em;
      text-transform:uppercase;
      margin-bottom:7px;
    }
    .fact strong{font-size:14px}
    .quote{
      margin-top:12px;
      padding:22px;
      border-radius:19px;
      background:linear-gradient(135deg,rgba(255,79,162,.09),rgba(255,255,255,.018));
      border:1px solid rgba(255,126,188,.16);
      color:#ffe7f2;
      line-height:1.78;
      font-size:14px;
      position:relative;
    }
    .quote::before{
      content:"“";
      position:absolute;
      right:18px;
      top:-12px;
      color:rgba(255,129,187,.16);
      font-family:Georgia;
      font-size:90px;
      line-height:1;
    }
    .chips{
      display:flex;
      flex-wrap:wrap;
      gap:9px;
      margin-top:19px;
    }
    .chip{
      padding:9px 12px;
      border-radius:999px;
      font-size:11px;
      color:#eed5e2;
      border:1px solid var(--line);
      background:rgba(255,255,255,.026);
      transition:.22s ease;
    }
    .chip:hover{
      background:rgba(255,91,170,.08);
      border-color:rgba(255,137,195,.27);
      transform:translateY(-2px);
    }
    .story{
      display:grid;
      grid-template-columns:.78fr 1.22fr;
      gap:18px;
    }
    .story-art{
      min-height:650px;
      border-radius:var(--radius);
      overflow:hidden;
      position:relative;
    }
    .story-art img,.story-art video{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }
    .story-art::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(to top,rgba(8,3,9,.65),transparent 50%);
    }
    .story-art-caption{
      position:absolute;
      left:25px;
      bottom:23px;
      z-index:2;
      color:#f2dbe6;
      font-size:11px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .story-copy{
      padding:33px;
      border-radius:var(--radius);
    }
    .timeline{
      position:relative;
      margin-top:6px;
    }
    .timeline::before{
      content:"";
      position:absolute;
      left:8px;
      top:8px;
      bottom:8px;
      width:1px;
      background:linear-gradient(to bottom,var(--pink),rgba(255,79,162,.04));
    }
    .time{
      position:relative;
      padding:0 0 27px 32px;
    }
    .time:last-child{padding-bottom:0}
    .time::before{
      content:"";
      position:absolute;
      left:3px;
      top:7px;
      width:11px;
      height:11px;
      border-radius:50%;
      background:#ff84bd;
      box-shadow:0 0 18px rgba(255,84,161,.7);
      transition:transform .55s var(--ease),box-shadow .55s ease,background .55s ease;
      z-index:0;
    }
    .time b{
      font-family:Manrope;
      font-size:13px;
      color:#ffd7e8;
      transition:color .55s ease,font-weight .55s ease,text-shadow .55s ease;
      position:relative;
      z-index:1;
    }
    .time p{
      margin:6px 0 0;
      color:#cbb8c5;
      line-height:1.75;
      font-size:13px;
      transition:color .55s ease,font-weight .55s ease;
    }
    .time.is-active::before{
      background:#ffd0e6;
      box-shadow:0 0 22px rgba(255,84,161,.95);
      animation:lorePulse 1.8s ease-in-out infinite;
    }
    .time.is-active b{
      color:#fff;
      font-weight:700;
      text-shadow:0 0 18px rgba(255,143,195,.28);
    }
    .time.is-active p{
      color:#ead7e2;
      font-weight:500;
    }
    .traits{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:13px;
    }
    .trait.reveal{
      padding:25px;
      border-radius:22px;
      position:relative;
      overflow:hidden;
      transition:transform .32s var(--ease),border-color .28s ease,box-shadow .32s ease;
    }
    .trait::before{
      content:"";
      position:absolute;
      inset:auto -20% -55% auto;
      width:180px;
      height:180px;
      border-radius:50%;
      background:radial-gradient(circle,rgba(255,90,171,.11),transparent 66%);
    }
    .trait.reveal:hover{
      transform:translateY(-7px) scale(1.015);
      border-color:var(--line-strong);
      box-shadow:var(--shadow),0 0 32px rgba(255,79,162,.16);
    }
    .trait.reveal{cursor:pointer}
    .trait-inner{
      position:relative;
      z-index:1;
      display:flex;
      align-items:center;
      gap:22px;
    }
    .trait-sticker{
      width:96px;
      height:96px;
      object-fit:contain;
      flex:0 0 96px;
      border:none;
      outline:none;
      background:transparent;
      box-shadow:none;
      filter:none;
    }
    .trait-content{
      flex:1;
      min-width:0;
    }
    .trait-content b{
      display:block;
      font-size:15px;
      margin:0 0 6px;
    }
    .trait-content p{
      font-size:12.5px;
      line-height:1.72;
      color:#bda9b6;
      margin:0;
    }
    .split{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:15px;
    }
    .list-card{
      padding:30px;
      border-radius:24px;
      transition:border-color .3s ease,box-shadow .3s ease,transform .3s var(--ease);
    }
    .list-card.is-selected-card{
      border-color:rgba(255,154,207,.38);
      box-shadow:var(--shadow),0 0 35px rgba(255,79,162,.12);
    }
    .list-card-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
    }
    .list-count{
      color:#a995a3;
      font-size:10px;
      letter-spacing:.1em;
      text-transform:uppercase;
      white-space:nowrap;
    }
    .list-intro{
      margin:10px 0 21px;
      color:#a995a3;
      font-size:12px;
      line-height:1.6;
    }
    .list-title{
      font-family:Manrope;
      font-size:17px;
      margin:0 0 18px;
    }
    .list{
      margin:0;
      padding:0;
      list-style:none;
      display:grid;
      gap:5px;
    }
    .list li{
      list-style:none;
    }
    .list-choice{
      width:100%;
      padding:6px 10px;
      display:flex;
      gap:10px;
      align-items:flex-start;
      border:1px solid transparent;
      border-radius:14px;
      color:#ccb7c4;
      text-align:left;
      background:transparent;
      cursor:pointer;
      transition:transform .25s var(--ease),color .25s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease;
    }
    .list-choice > span:first-child{
      width:7px;
      height:7px;
      flex:0 0 7px;
      border-radius:50%;
      margin-top:6px;
      background:linear-gradient(135deg,var(--pink),var(--peach));
      box-shadow:0 0 10px rgba(255,81,164,.42);
    }
    .list-choice:hover{transform:translateX(4px);border-color:rgba(255,154,207,.2);background:rgba(255,255,255,.025)}
    .list-choice:hover .list-copy b,.list-choice.is-selected .list-copy b{color:#fff}
    .list-choice.is-selected{
      border-color:rgba(255,154,207,.38);
      background:linear-gradient(135deg,rgba(255,79,162,.1),rgba(255,255,255,.025));
      box-shadow:0 0 25px rgba(255,79,162,.12),inset 0 0 18px rgba(255,79,162,.04);
    }
    .list-choice.is-selected > span:first-child{
      box-shadow:0 0 16px rgba(255,81,164,.9);
      transform:scale(1.3);
    }
    .comfort-code{
      transition:border-color .3s ease,box-shadow .3s ease;
    }
    .comfort-code.is-focused{
      border-color:rgba(255,154,207,.38);
      box-shadow:var(--shadow),0 0 35px rgba(255,79,162,.12);
    }
    .list-copy{
      display:grid;
      gap:2px;
    }
    .list-copy b{
      color:#ead5e1;
      font-size:13px;
      font-weight:500;
    }
    .list-copy small{
      color:#9f8998;
      font-size:10px;
      letter-spacing:.04em;
    }
    .comfort-code{
      margin-top:15px;
      padding:25px 30px;
      border-radius:24px;
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:28px;
      align-items:center;
      background:
        radial-gradient(circle at 12% 0%,rgba(255,79,162,.12),transparent 32%),
        linear-gradient(145deg,rgba(255,255,255,.048),rgba(255,255,255,.015));
    }
    .comfort-code h3{
      margin:8px 0 7px;
      font-family:Manrope;
      font-size:clamp(20px,3vw,28px);
      letter-spacing:-.03em;
    }
    .comfort-code p{
      max-width:580px;
      margin:0;
      color:#bda9b6;
      font-size:12px;
      line-height:1.7;
    }
    .comfort-facts{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:8px;
    }
    .comfort-facts div{
      min-height:76px;
      padding:13px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      border:1px solid var(--line);
      border-radius:15px;
      background:rgba(255,255,255,.022);
      transition:transform .35s var(--ease),border-color .35s ease,background .35s ease;
    }
    .comfort-facts div.is-changing{
      transform:translateY(-5px);
      border-color:rgba(255,154,207,.42);
      background:rgba(255,79,162,.08);
    }
    .comfort-facts b{
      color:#ff9ac7;
      font-family:Manrope;
      font-size:17px;
    }
    .comfort-facts span{
      color:#bda9b6;
      font-size:10px;
      line-height:1.3;
      transition:color .35s ease;
    }
    .gallery{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:14px;
    }
    .gallery-more{
      margin:34px auto 0;
      padding:12px 0;
      width:min(100%,760px);
      display:flex;
      align-items:center;
      justify-content:center;
      gap:18px;
      border:0;
      background:transparent;
      color:#f8dce9;
      font-size:12px;
      letter-spacing:.08em;
      text-transform:uppercase;
      cursor:pointer;
      transition:color .25s ease,transform .25s var(--ease);
    }
    .gallery-more:hover{
      color:#fff;
      transform:translateY(-3px);
    }
    .gallery-more-line{
      height:1px;
      flex:1;
      background:linear-gradient(90deg,transparent,rgba(255,177,214,.3));
      transition:background .25s ease,box-shadow .25s ease;
    }
    .gallery-more-line:last-child{
      background:linear-gradient(90deg,rgba(255,177,214,.3),transparent);
    }
    .gallery-more-label{
      display:inline-flex;
      align-items:center;
      gap:8px;
      white-space:nowrap;
    }
    .gallery-more-label b{
      display:grid;
      place-items:center;
      width:20px;
      height:20px;
      border:1px solid rgba(255,177,214,.35);
      border-radius:50%;
      color:#ff9bca;
      font-size:16px;
      font-weight:400;
      line-height:1;
      transition:transform .3s var(--ease),background .25s ease;
    }
    .gallery-more:hover .gallery-more-line{
      background:linear-gradient(90deg,transparent,rgba(255,177,214,.7));
      box-shadow:0 0 12px rgba(255,79,162,.2);
    }
    .gallery-more:hover .gallery-more-line:last-child{
      background:linear-gradient(90deg,rgba(255,177,214,.7),transparent);
    }
    .gallery-more:hover .gallery-more-label b{
      transform:rotate(90deg);
      background:rgba(255,79,162,.15);
    }
    .gitem{
      width:100%;
      aspect-ratio:4/3;
      border-radius:21px;
      overflow:hidden;
      position:relative;
      cursor:pointer;
      border:1px solid var(--line);
      background:#170a16;
      transform:translateZ(0);
    }
    .gitem img{
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center 28%;
      transition:transform .65s var(--ease),filter .4s ease;
    }
    .gitem::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:1;
      background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 30%,transparent 65%,rgba(255,79,162,.08));
      pointer-events:none;
    }
    .gitem::after{
      content:"Открыть";
      position:absolute;
      right:12px;
      bottom:12px;
      z-index:2;
      opacity:0;
      transform:translateY(5px);
      transition:.3s var(--ease);
      background:rgba(10,5,10,.68);
      border:1px solid rgba(255,255,255,.12);
      padding:7px 10px;
      border-radius:999px;
      font-size:10px;
      color:#f7e3ed;
      backdrop-filter:blur(7px);
    }
    .gitem:hover img{
      transform:scale(1.05);
      filter:saturate(1.04) contrast(1.02);
    }
    .gitem:hover::after{
      opacity:1;
      transform:none;
    }
    .marquee{
      overflow:hidden;
      margin-top:26px;
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
      padding:12px 0;
      background:rgba(255,255,255,.012);
    }
    .marquee-track{
      display:flex;
      gap:34px;
      width:max-content;
      animation:marquee 26s linear infinite;
    }
    .marquee span{
      font-family:Manrope;
      font-size:10px;
      letter-spacing:.2em;
      text-transform:uppercase;
      color:#a995a3;
    }
    .marquee b{color:#ff9ac7}
    .tg-card{
      padding:38px;
      border-radius:28px;
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at 92% 0%,rgba(255,79,162,.16),transparent 24%),
        linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
    }
    .tg-card::after{
      content:"";
      position:absolute;
      inset:auto -130px -140px auto;
      width:340px;
      height:340px;
      border-radius:50%;
      border:1px solid rgba(255,159,205,.09);
    }
    .contact-title{
      font-family:Manrope;
      font-size:clamp(38px,5vw,56px);
      letter-spacing:-.055em;
      margin:0 0 10px;
    }
    .tg-row{
      display:flex;
      align-items:center;
      gap:13px;
      margin-top:23px;
    }
    .tg-logo{
      width:49px;
      height:49px;
      border-radius:16px;
      overflow:hidden;
      background:linear-gradient(135deg,#ff4fa2,#8b35f8);
      box-shadow:0 12px 30px rgba(255,79,162,.18);
    }
    .tg-logo img{width:100%;height:100%;object-fit:cover}
    .tg-handle{font-family:Manrope;font-size:16px}
    .tg-desc{color:#aa95a4;font-size:11px;margin-top:3px}
    .tg-actions{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-top:24px;
    }
    footer{
      padding:42px 0 55px;
      border-top:1px solid var(--line);
      color:#968390;
      font-size:11px;
    }
    .footer-row{
      display:flex;
      justify-content:space-between;
      gap:20px;
      align-items:center;
    }
    .footer-links{
      display:flex;
      gap:16px;
      align-items:center;
    }
    .footer-links a{
      min-height:28px;
      display:inline-flex;
      align-items:center;
    }
    #backToTop{
      display:inline-flex;
      align-items:center;
      padding:8px 11px;
      border:1px solid transparent;
      border-radius:999px;
      line-height:1;
      transition:color .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease,transform .3s var(--ease);
    }
    #backToTop.is-ready{
      color:#fff;
      border-color:rgba(255,154,207,.58);
      background:rgba(255,79,162,.1);
      box-shadow:0 0 18px rgba(255,79,162,.24),inset 0 0 12px rgba(255,255,255,.04);
      animation:backToTopPulse 1.9s ease-in-out infinite;
    }
    #backToTop.is-ready:hover{
      transform:translateY(-3px);
      background:rgba(255,79,162,.17);
    }
    .footer-links a:hover{color:#fff}
    .lightbox{
      position:fixed;
      inset:0;
      background:rgba(5,2,6,.88);
      backdrop-filter:blur(16px);
      z-index:1500;
      display:none;
      place-items:center;
      padding:28px;
    }
    .lightbox.open{
      display:grid;
    }
    .lightbox-content{
      width:min(92vw,1180px);
      max-height:90vh;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:16px;
    }
    .lightbox img{
      max-width:100%;
      max-height:78vh;
      object-fit:contain;
      border-radius:22px;
      box-shadow:0 40px 120px #000;
      border:1px solid rgba(255,255,255,.11);
    }
    .lightbox-caption{
      width:100%;
      text-align:center;
      color:#f4dce8;
      font-size:14px;
      line-height:1.6;
      min-height:1.6em;
      padding:0 20px;
    }
    .close{
      position:fixed;
      top:18px;
      right:18px;
      width:45px;
      height:45px;
      border-radius:50%;
      display:grid;
      place-items:center;
      border:1px solid var(--line);
      background:rgba(255,255,255,.06);
      color:#fff;
      font-size:24px;
      cursor:pointer;
    }
    .telegram-modal{
      position:fixed;
      inset:0;
      z-index:1550;
      display:none;
      place-items:center;
      padding:20px;
      background:rgba(5,2,6,.78);
      backdrop-filter:blur(18px);
    }
    .telegram-modal.open{display:grid}
    .telegram-modal-card{
      width:min(100%,460px);
      padding:24px;
      border:1px solid var(--line-strong);
      border-radius:26px;
      position:relative;
      overflow:hidden;
      text-align:center;
      background:
        radial-gradient(circle at 50% 0%,rgba(255,79,162,.18),transparent 45%),
        linear-gradient(145deg,rgba(35,14,32,.97),rgba(15,7,15,.98));
      box-shadow:0 35px 100px rgba(0,0,0,.62),0 0 60px rgba(255,79,162,.12);
      animation:modalIn .4s var(--ease) both;
    }
    .telegram-modal-card .close{top:12px;right:12px;z-index:2}
    .telegram-modal-art{
      width:150px;
      height:150px;
      margin:0 auto 20px;
      border-radius:22px;
      overflow:hidden;
      border:1px solid rgba(255,190,220,.2);
      box-shadow:0 18px 45px rgba(0,0,0,.35);
    }
    .telegram-modal-art img{width:100%;height:100%;object-fit:cover}
    .telegram-modal-card h2{
      margin:9px 20px 10px;
      font-family:Manrope;
      font-size:clamp(25px,5vw,34px);
      line-height:1.1;
    }
    .telegram-modal-card p{
      margin:0 auto;
      max-width:340px;
      color:#cdb9c8;
      font-size:13px;
      line-height:1.7;
    }
    .telegram-modal-card .btn{margin-top:22px}
    .trait-modal{
      position:fixed;
      inset:0;
      z-index:1550;
      display:none;
      place-items:center;
      padding:20px;
      background:rgba(5,2,6,.78);
      backdrop-filter:blur(18px);
    }
    .trait-modal.open{display:grid}
    .trait-modal-card{
      width:min(100%,560px);
      padding:30px;
      border:1px solid var(--line-strong);
      border-radius:28px;
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at 8% 0%,rgba(255,79,162,.18),transparent 38%),
        linear-gradient(145deg,rgba(35,14,32,.97),rgba(15,7,15,.98));
      box-shadow:0 35px 100px rgba(0,0,0,.62),0 0 60px rgba(255,79,162,.12);
      animation:modalIn .4s var(--ease) both;
    }
    .trait-modal-card .close{top:12px;right:12px;z-index:2}
    .trait-modal-art{
      width:94px;
      height:94px;
      margin-bottom:22px;
      border-radius:22px;
      overflow:hidden;
      border:1px solid rgba(255,190,220,.2);
      background:rgba(255,255,255,.035);
      box-shadow:0 18px 45px rgba(0,0,0,.35);
    }
    .trait-modal-art img{width:100%;height:100%;object-fit:contain}
    .trait-modal-card h2{
      margin:9px 0 10px;
      font-family:Manrope;
      font-size:clamp(28px,5vw,42px);
      letter-spacing:-.045em;
      line-height:1.05;
    }
    .trait-modal-lead{
      margin:0;
      color:#f0dce7;
      font-size:14px;
      line-height:1.7;
    }
    .trait-modal-detail{
      margin-top:20px;
      padding:17px 18px;
      border-left:2px solid var(--pink);
      color:#bda9b6;
      font-size:13px;
      line-height:1.75;
      background:rgba(255,79,162,.055);
    }
    @keyframes modalIn{
      from{opacity:0;transform:translateY(15px) scale(.97)}
      to{opacity:1;transform:none}
    }
    @keyframes backToTopPulse{
      0%,100%{box-shadow:0 0 14px rgba(255,79,162,.18),inset 0 0 12px rgba(255,255,255,.03)}
      50%{box-shadow:0 0 28px rgba(255,79,162,.42),inset 0 0 16px rgba(255,255,255,.06)}
    }
    @keyframes audioSpinner{
      to{transform:rotate(360deg)}
    }
    .reveal{
      opacity:0;
      transform:translateY(24px);
      transition:opacity .8s var(--ease),transform .8s var(--ease);
    }
    .reveal.visible{
      opacity:1;
      transform:none;
    }
    .delay-1{transition-delay:.08s}
    .delay-2{transition-delay:.16s}
    .delay-3{transition-delay:.24s}
    @keyframes float{
      0%,100%{transform:translateY(0)}
      50%{transform:translateY(-9px)}
    }
    @keyframes breathe{
      0%,100%{transform:scale(1);opacity:.88}
      50%{transform:scale(1.035);opacity:1}
    }
    @keyframes drift{
      0%,100%{transform:translate3d(0,0,0)}
      50%{transform:translate3d(0,-15px,0)}
    }
    @keyframes shine{
      0%,68%,100%{transform:translateX(-55%) rotate(14deg)}
      85%{transform:translateX(150%) rotate(14deg)}
    }
    @keyframes gradientFlow{
      0%,100%{background-position:0% 50%}
      50%{background-position:100% 50%}
    }
    @keyframes textShimmer{
      0%,22%{background-position:-180% 50%}
      48%{background-position:180% 50%}
      100%{background-position:180% 50%}
    }
    @keyframes heartBurst{
      0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(0deg)}
      14%{opacity:1}
      100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(.9) rotate(var(--rotation))}
    }
    @keyframes marquee{
      to{transform:translateX(-50%)}
    }
    @keyframes lorePulse{
      0%,100%{transform:scale(1);box-shadow:0 0 14px rgba(255,84,161,.55)}
      50%{transform:scale(1.32);box-shadow:0 0 26px rgba(255,130,190,.98)}
    }
    @media (max-width:1020px){
      body,main{
        width:100%;
        max-width:100%;
      }
      html,body{overflow-x:clip}
      .topbar .wrap{
        width:100%;
        max-width:none;
        padding-inline:20px;
      }
      .navlinks,.status{display:none}
      .custom-scrollbar{display:none}
      .hero-visual{
        width:100%;
        min-width:0;
        overflow:hidden;
      }
      .halo-2{display:none}
      .hero{
        min-height:auto;
        padding-top:126px;
      }
      .hero-grid,.about-grid,.story,.split{grid-template-columns:1fr}
      .comfort-code{grid-template-columns:1fr}
      .hero-grid,.wrap{min-width:0}
      .hero-visual{min-height:560px}
      .hero-img-wrap{width:100%}
      .stats{grid-template-columns:repeat(2,1fr)}
      .traits{grid-template-columns:1fr 1fr}
      .story-art{min-height:520px}
      .section{padding:110px 0}
      .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    @media (max-width:680px){
      .wrap{width:min(calc(100% - 24px),var(--max))}
      .topbar .wrap{padding-inline:12px}
      .nav{
        height:67px;
        gap:10px;
      }
      .audio-play,.audio-volume,.progress-track{display:none!important}
      .brand{min-width:0}
      .nav-right{gap:0;flex-shrink:0}
      .cta{
        display:inline-flex;
        align-items:center;
        padding:9px 10px;
        font-size:10px;
        white-space:nowrap;
        flex-shrink:1;
      }
      .hero{padding:100px 0 72px}
      h1{
        font-size:clamp(54px,18vw,76px);
        letter-spacing:-.045em;
        line-height:1.06;
      }
      .hero-title{
        max-width:100%;
        white-space:nowrap;
      }
      .hero-sub{font-size:15px}
      .hero-actions .btn{max-width:100%}
      .hero-meta{gap:18px;flex-wrap:wrap}
      .hero-visual{min-height:400px}
      .hero-img-wrap{
        padding:8px;
        border-radius:27px;
      }
      .hero-img{border-radius:21px}
      .float-tag{display:none}
      .halo{
        width:320px;
        height:320px;
      }
      .section{padding:86px 0}
      .section-head{display:block}
      .section-note{display:none}
      .stats,.traits,.facts{grid-template-columns:1fr}
      .card,.list-card,.story-copy,.tg-card{padding:22px}
      .comfort-code{padding:22px}
      .portrait{min-height:450px}
      .story-art{
        min-height:0;
        aspect-ratio:4/5;
      }
      .story-art::after{
        background:linear-gradient(to top,rgba(8,3,9,.38),transparent 42%);
      }
      .gallery{
        grid-template-columns:1fr;
        gap:9px;
      }
      .gallery-more{margin-top:25px;gap:10px;font-size:10px}
      .gitem{border-radius:16px}
      .footer-row{
        align-items:center;
        flex-direction:column;
        text-align:center;
      }
      .footer-links{
        flex-wrap:wrap;
        justify-content:center;
      }
      .scroll-cue{display:none}
      .trait-inner{gap:16px}
      .trait-sticker{
        width:78px;
        height:78px;
        flex-basis:78px;
      }
      .trait{padding:20px}
      .trait-content b{font-size:14px}
      .trait-content p{font-size:12px}
      .lightbox{
        padding:18px;
      }
      .lightbox img{
        max-height:74vh;
        border-radius:18px;
      }
      .lightbox-caption{
        font-size:13px;
        padding:0 8px;
      }
    }
    @media (prefers-reduced-motion:reduce){
      *,*::before,*::after{
        scroll-behavior:auto!important;
        animation-duration:.001ms!important;
        animation-iteration-count:1!important;
        transition-duration:.001ms!important;
      }
      .hero-title,.hero-title::after{animation:none!important}
      .sakura-layer{display:none}
    }