body{background:#0d0906}

  /* ---------- portal ---------- */
  .portal{position:fixed;inset:0;display:flex}
  .portal .panel{
    position:relative;flex:1;overflow:hidden;color:#f0e7d6;
    clip-path:polygon(16% 0,100% 0,84% 100%,0 100%);
    transform:skewX(-0.0001deg);
  }
  .portal .panel:first-child{clip-path:polygon(0 0,100% 0,84% 100%,0 100%)}
  .portal .panel:last-child{clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}
  /* 中间板块左右都被斜切，加大弹性占比补偿可见宽度 */
  .portal .p2{flex:1.15}
  .portal .panel+.panel{margin-left:-10vw}
  .portal .bg{position:absolute;inset:0;z-index:0;overflow:hidden}
  /* 缩小主图后，用同图放大模糊填充露出的边缘，避免出现空边 */
  .portal .bg::before{
    content:"";position:absolute;inset:0;background-image:inherit;
    background-size:cover;background-position:center;
    transform:scale(1.12);filter:blur(26px) brightness(.92);
  }
  .portal .bg img{position:relative;width:100%;height:100%;object-fit:cover;
    transform:scale(1.0);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
  .portal .veil{position:absolute;inset:0;z-index:1;transition:background .6s}
  .portal .panel:hover{flex:1.35}
  .portal .panel{transition:flex .7s cubic-bezier(.2,.7,.2,1)}
  .portal .panel:hover .bg img{transform:scale(1)}
  .portal .inner{
    position:relative;z-index:2;height:100%;
    display:flex;flex-direction:column;justify-content:flex-start;
    padding:15vh 7vw 0;max-width:560px;margin-left:6vw;
  }
  .portal .panel:first-child .inner{margin-left:0;padding-left:6vw}
  /* 中间板块文字相对其他板块再向左靠约 30% */
  .portal .p2 .inner{margin-left:2vw}
  /* 第三板块文字同样向左靠约 30% */
  .portal .p3 .inner{margin-left:2vw}
  .panel .kicker{font-family:"Cormorant Garamond",serif;letter-spacing:.42em;font-size:13px;margin-bottom:22px;text-transform:uppercase}
  .panel h2{font-family:"Shippori Mincho B1",serif;font-size:clamp(28px,2.7vw,44px);letter-spacing:.1em;line-height:1.3;margin-bottom:26px}
  .panel p{font-size:16px;line-height:2.2;max-width:380px;margin-bottom:34px;}
  .panel .circle-arrow{color:inherit}

  /* panel 1 — alcohol dark（遮罩已去除） */
  .p1 .veil{background:none}
  .p1 .kicker{color:#c8a15a}
  .p1 .circle-arrow:hover{background:#c8a15a;border-color:#c8a15a;color:#1a1308}
  /* panel 2 — general cream（遮罩已去除，大标题黑色） */
  .p2{color:#2c2419}
  .p2 .veil{background:none}
  /* 标题字数最多（9字），放宽内容宽度并禁止桌面端换行 */
  .portal .p2 .inner{max-width:none;padding:15vh 8vw 0}
  /* 斜切后中栏顶部可用宽度有限，标题略收一档并减字距，避免末字被斜缝裁切 */
  .p2 h2{color:#000;white-space:nowrap;font-size:clamp(28px,2.7vw,44px);letter-spacing:.06em}
  .p2 .kicker{color:#a97f3c}
  .p2 p{color:#5d5340}
  .p2 .circle-arrow:hover{background:#a97f3c;border-color:#a97f3c;color:#fff}
  /* panel 3 — card navy（遮罩已去除） */
  .p3 .veil{background:none}
  .p3 .kicker{color:#ffd84d}
  .p3 .circle-arrow:hover{background:#ffd84d;border-color:#ffd84d;color:#08204c}

  @media(max-width:900px){
    .portal{flex-direction:column}
    .portal .panel,.portal .panel:first-child,.portal .panel:last-child{clip-path:none;margin-left:0}
    .portal .panel+.panel{margin-left:0;margin-top:-1px}
    .portal .panel:hover{flex:1.35}
    .portal .inner{margin:0 auto;padding:0 8vw;max-width:600px;justify-content:center}
    .portal .p2 .inner,.portal .p3 .inner{margin:0 auto;max-width:600px;padding:0 8vw}
    .p2 h2{white-space:normal}
  }