/* BRANDED PAGE：ページ画像の立体ファン重ね（index-v2 / feature-reservation-page 共通） */
.compose--branded{
  position:relative;
  min-height:420px;
  display:flex;align-items:center;justify-content:center;
  perspective:1400px;
}
.page-fan{
  position:relative;
  width:min(100%,460px);height:380px;
  transform-style:preserve-3d;
  transform:rotateY(16deg) rotateX(6deg);
}
.page-fan-card{
  --i:0;
  --fan-x:0%;
  --fan-y:0%;
  --fan-ry:0deg;
  --fan-rz:0deg;
  --fan-rx:4deg;
  --fan-z:0px;
  position:absolute;left:var(--fan-x);top:var(--fan-y);
  width:40%;
  aspect-ratio:483 / 886;
  border-radius:0;overflow:hidden;
  background:#E8EEF6;
  border:1px solid rgba(10,30,60,.12);
  box-shadow:
    -14px 6px 26px -4px rgba(10,30,60,.68),
    -8px 2px 14px -2px rgba(10,30,60,.52),
    -3px 0 10px rgba(10,30,60,.42);
  z-index:calc(1 + var(--i));
  transform-origin:right center;
  transform:
    translateZ(var(--fan-z))
    rotateX(var(--fan-rx))
    rotateY(var(--fan-ry))
    rotateZ(var(--fan-rz));
}
.page-fan-card:nth-child(1){
  --fan-x:2%;--fan-y:5%;
  --fan-ry:-10deg;--fan-rz:-11deg;--fan-rx:2deg;
  --fan-z:0px;
}
.page-fan-card:nth-child(2){
  --fan-x:18%;--fan-y:1%;
  --fan-ry:-4deg;--fan-rz:-4deg;--fan-rx:3deg;
  --fan-z:16px;
}
.page-fan-card:nth-child(3){
  --fan-x:34%;--fan-y:3%;
  --fan-ry:2deg;--fan-rz:3deg;--fan-rx:4deg;
  --fan-z:32px;
}
.page-fan-card:nth-child(4){
  --fan-x:50%;--fan-y:6%;
  --fan-ry:6deg;--fan-rz:10deg;--fan-rx:5deg;
  --fan-z:48px;
}
.page-fan-card img{
  width:100%;height:100%;object-fit:cover;object-position:top center;
  display:block;background:#DEE8F3;
}
.page-fan-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(225deg,rgba(255,255,255,.12) 0%,transparent 36%);
}
@media(max-width:960px){
  .compose--branded{min-height:320px;}
  .page-fan{width:min(100%,380px);height:310px;}
}

/* 手数料¥0スタンプ */
.stamp{
  position:absolute;z-index:4;width:92px;height:92px;border:2px solid var(--gold);border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  color:var(--gold-deep);transform:rotate(-9deg);background:rgba(255,255,255,.75);
  font-family:"Zen Old Mincho",serif;
}
.stamp::before{content:"";position:absolute;inset:5px;border:1px solid var(--gold);border-radius:50%;opacity:.6;}
.stamp .s1{font-size:11px;letter-spacing:.2em;font-weight:700;}
.stamp .s2{font-size:26px;font-weight:700;line-height:1.1;}
@media(max-width:640px){
  .stamp{width:74px;height:74px;}
  .stamp .s2{font-size:20px;}
}