@charset "utf-8";
/* =========================================================================
   DUPLICITY — 本体サイトとは別のトンマナ。
   読みやすさと操作性の基準は本体と同じまま、色と写真の扱いだけを変える。
   ========================================================================= */
.theme-duplicity{
  --bg:#0A080D;
  --surface:#120e17;
  --surface-2:#171021;
  --line:rgba(241,237,228,.16);
  --line-soft:rgba(241,237,228,.09);
  --line-strong:rgba(241,237,228,.32);
  --gold:#A38BC5;                 /* アクセントを紫へ置き換え */
  --gold-soft:rgba(163,139,197,.30);
  --dup-pink:#D997C7;
  background:var(--bg);
}
.theme-duplicity body::before,
body.theme-duplicity::before{
  background:radial-gradient(70vw 70vw at 78% 12%,rgba(163,139,197,.14),transparent 62%);
}
body.theme-duplicity::after{opacity:.7;background-size:150px 150px}

.theme-duplicity .btn--primary{background:var(--ink);color:#120e17;border-color:var(--ink)}
.theme-duplicity .btn--primary:hover,.theme-duplicity .btn--primary:focus-visible{
  background:var(--dup-pink);border-color:var(--dup-pink);color:#120e17}

/* 断ち切りのブランドロゴタイプ */
.dup-hero{position:relative;padding-block:clamp(40px,7vw,96px) clamp(48px,7vw,110px);overflow:clip}
.dup-hero__mark{font-family:var(--font-en);font-weight:300;line-height:.86;
  font-size:clamp(52px,17.5vw,250px);letter-spacing:-.02em;white-space:nowrap;
  margin-left:-.06em;color:var(--ink)}
.dup-hero__mark span{color:var(--dup-pink)}
.dup-hero__rule{height:1px;background:linear-gradient(90deg,var(--dup-pink),rgba(163,139,197,.1));
  margin-block:clamp(20px,3vw,36px)}
.dup-hero__grid{display:grid;gap:clamp(28px,4vw,56px)}
@media (min-width:900px){
  .dup-hero__grid{grid-template-columns:repeat(12,1fr);column-gap:clamp(16px,2vw,32px);align-items:end}
  .dup-hero__text{grid-column:1/span 5}
  .dup-hero__media{grid-column:7/span 6}
}

/* ルックブックのグリッド（縦写真を活かす） */
.looks{display:grid;gap:clamp(16px,2.4vw,32px)}
@media (min-width:700px){
  .looks{grid-template-columns:repeat(12,1fr)}
  .looks__item:nth-child(4n+1){grid-column:1/span 7}
  .looks__item:nth-child(4n+2){grid-column:9/span 4;align-self:end}
  .looks__item:nth-child(4n+3){grid-column:2/span 4}
  .looks__item:nth-child(4n+4){grid-column:7/span 6;align-self:start}
}
.looks__no{font-size:11px;letter-spacing:.22em;color:var(--dup-pink);margin-top:12px}

/* 実験的表現ブロック */
.dup-exp{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.dup-exp__tag{display:inline-block;font-size:11px;letter-spacing:.2em;color:var(--dup-pink);
  border:1px solid var(--gold-soft);padding:6px 12px;margin-bottom:20px}

/* 本体へ戻る導線 */
.dup-back{display:inline-flex;align-items:center;gap:12px;min-height:48px;
  font-size:13px;letter-spacing:.08em;border-bottom:1px solid var(--line-strong);padding-bottom:4px}
.dup-back:hover,.dup-back:focus-visible{color:var(--dup-pink);border-color:var(--dup-pink)}