/* 職人紹介・工程 #craft — 縦方向パララックス・レイヤード演出（本作の見せ場） */
.craft-section{
  position:relative;background:var(--lacquer);color:var(--text-on-dark);
  height:340vh;
}
.craft-sticky{
  position:sticky;top:0;height:100vh;overflow:hidden;
  display:flex;align-items:center;
}
.craft-header{position:absolute;top:110px;left:0;right:0;z-index:5;}
.craft-header .container{max-width:1160px;}
.craft-header h2{font-size:26px;color:#fff;margin-bottom:14px;}
.craft-header p{font-size:13px;color:var(--sub-dark);max-width:460px;font-weight:300;}

.craft-layer{position:absolute;inset:0;will-change:transform;}
.layer-bg{z-index:1;}
.layer-bg .ph{height:100%;width:100%;filter:brightness(.55) blur(1px);}
.layer-mid{z-index:2;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 0 120px 8%;}
.layer-mid .ph{width:38%;height:52%;}
.layer-fg{z-index:3;display:flex;align-items:center;justify-content:flex-end;padding:0 8% 0 0;}
.layer-fg .ph{width:34%;height:60%;box-shadow:0 40px 90px rgba(0,0,0,.5);}

.craft-caption{
  position:absolute;bottom:70px;right:8%;z-index:6;text-align:right;
  font-family:"Shippori Mincho",serif;font-size:15px;color:var(--vermillion);letter-spacing:.15em;
}

.craft-note{display:none;}

/* SP：パフォーマンスを優先し、パララックスを無効化して縦積み表示に切り替える（仕様書v1.1で追記） */
@media (max-width: 768px){
  .craft-section{height:auto;padding:90px 0 80px;}
  .craft-sticky{position:static;height:auto;overflow:visible;display:block;}

  .craft-header{position:static;}
  .craft-header .container{padding:0 26px;}
  .craft-header h2{font-size:21px;margin-bottom:14px;}
  .craft-header p{font-size:11.5px;margin-bottom:40px;max-width:none;}

  .craft-layer{
    position:relative;inset:auto;display:block;
    padding:0 26px;margin-bottom:14px;will-change:auto;
  }
  .craft-layer .ph{width:100%;height:200px;filter:none;box-shadow:none;}
  .craft-layer::after{
    content:attr(data-tag);
    position:absolute;bottom:12px;left:40px;
    font-family:"Shippori Mincho",serif;font-size:12px;color:var(--vermillion);letter-spacing:.1em;
  }

  .craft-caption{display:none;}

  .craft-note{
    display:block;margin-top:6px;padding:0 26px;
    font-size:10.5px;color:var(--sub-dark);
  }
}