/* ARCHIBEAUT ヒーロー背景：スーパーホワイト
   index.html の <section class="hero"> の直後に
     <div class="nh-glass"><i></i><s></s><u></u><w></w><p></p></div>
   を1行入れると有効。その1行を消せば元に戻ります。背景のみ。
   光の筋は廃止。ヒーロー全面を白にし、右端だけモデル写真へなじませています。 */

.hero{ position:relative; }

.nh-glass{
  position:absolute; inset:0; z-index:1;
  pointer-events:none; overflow:hidden;
  background:#FFFFFF;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 74%,rgba(0,0,0,.92) 82%,rgba(0,0,0,.55) 90%,rgba(0,0,0,.2) 95%,transparent 100%);
          mask-image:linear-gradient(90deg,#000 0%,#000 74%,rgba(0,0,0,.92) 82%,rgba(0,0,0,.55) 90%,rgba(0,0,0,.2) 95%,transparent 100%);
}
/* 光の筋は廃止 */
.nh-glass i,
.nh-glass s,
.nh-glass u,
.nh-glass w{ display:none; }

/* 下端をピーチの帯へなだらかに接続 */
.nh-glass p{
  position:absolute; inset:0; display:block;
  background:linear-gradient(to bottom, rgba(255,255,255,0) 80%, rgba(252,243,238,.5) 92%, rgba(249,233,225,.85) 100%);
}

.hero-content{ position:relative; z-index:2; }

/* ヒーローの装飾SVG（blueprint）とグローを非表示。白の上に細い線が出るため。 */
.hero .blueprint{ display:none !important; }
.hero .hero-glow{ display:none !important; }