/* BUSHIDŌ V2 · P4-R9 — artwork-only master + live browser-native copy/UI. */
.p4-screen{
  position:relative;
  height:calc(100vh - var(--nav-h));
  height:calc(100dvh - var(--nav-h));
  min-height:0;
  overflow:hidden;
  background:#d8bd92;
  isolation:isolate;
}
.p4-artwork{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  user-select:none;
  -webkit-user-drag:none;
  image-rendering:auto;
}
.p4-copy{
  position:absolute;
  z-index:2;
  left:clamp(58px,5.7vw,112px);
  top:50%;
  width:min(680px,44vw);
  transform:translateY(-50%);
  display:grid;
  grid-template-columns:clamp(38px,3.2vw,58px) minmax(0,1fr);
  gap:clamp(20px,1.8vw,34px);
  align-items:start;
  pointer-events:none;
}
.p4-seal{
  width:100%;
  height:auto;
  max-height:190px;
  object-fit:contain;
  object-position:top center;
  margin-top:8px;
  filter:saturate(.94) contrast(1.04);
}
.p4-message{min-width:0;pointer-events:auto}
.p4-message h2{
  margin:0;
  color:#11100d;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
  font-size:clamp(48px,4.15vw,80px);
  line-height:.93;
  letter-spacing:-.038em;
  text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,.14);
}
.p4-message h2 span{display:block}
.p4-title-gold{
  margin-top:.08em;
  color:#aa7118;
  font-style:italic;
  font-weight:400;
}
.p4-brush{
  display:block;
  width:min(330px,82%);
  height:17px;
  margin:20px 0 17px;
  background:
    linear-gradient(174deg,transparent 0 29%,#b87917 30% 45%,transparent 47%) left center/100% 100% no-repeat;
  opacity:.96;
  transform:skewX(-10deg);
  transform-origin:left center;
}
.p4-message p{
  margin:0 0 24px;
  max-width:500px;
  color:#191710;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(15px,1.08vw,21px);
  line-height:1.48;
  font-weight:500;
  letter-spacing:.006em;
}
.p4-cta{
  width:clamp(184px,12vw,228px);
  height:50px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid rgba(83,54,9,.72);
  border-radius:1px;
  background:#c88b23;
  box-shadow:0 6px 16px rgba(63,37,8,.12),inset 0 1px rgba(255,239,193,.32);
  color:#110c05;
  text-decoration:none;
  text-transform:uppercase;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.075em;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}
.p4-cta b{font-size:22px;font-weight:400;line-height:1}
.p4-cta:hover{filter:brightness(1.055);transform:translateY(-1px);box-shadow:0 9px 20px rgba(63,37,8,.18),inset 0 1px rgba(255,239,193,.36)}
.p4-cta:focus-visible{outline:3px solid #17100a;outline-offset:3px}
.p4-cta:active{transform:translateY(0)}
.p4-build-id{position:absolute;right:14px;bottom:9px;z-index:4;color:rgba(224,173,66,.58);font:8px/1 Arial,Helvetica,sans-serif;letter-spacing:.11em;text-shadow:0 1px 2px rgba(0,0,0,.45)}
@media(min-width:761px){
  main>.p4-screen{scroll-snap-align:start;scroll-snap-stop:always}
  .p4-screen{scroll-margin-top:0}
  main::after{content:"";display:block;height:var(--nav-h);background:#070706;scroll-snap-align:none}
}
@media(max-width:1100px) and (min-width:761px){
  .p4-copy{left:42px;width:48vw;grid-template-columns:40px 1fr;gap:18px}
  .p4-message h2{font-size:clamp(42px,5vw,60px)}
  .p4-message p br{display:none}
}
@media(max-width:760px){
  .p4-screen{height:calc(100vh - var(--nav-h));height:calc(100dvh - var(--nav-h));min-height:600px}
  .p4-artwork{object-position:68% center}
  .p4-screen::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(90deg,rgba(226,202,160,.96) 0%,rgba(226,202,160,.89) 43%,rgba(226,202,160,.12) 76%,transparent 100%);
    pointer-events:none;
  }
  .p4-copy{
    left:24px;
    top:48%;
    width:min(86vw,440px);
    transform:translateY(-50%);
    grid-template-columns:30px 1fr;
    gap:14px;
  }
  .p4-seal{margin-top:3px;max-height:130px}
  .p4-message h2{font-size:clamp(40px,11vw,58px);line-height:.94}
  .p4-brush{width:78%;height:14px;margin:15px 0 12px}
  .p4-message p{font-size:14px;line-height:1.45;margin-bottom:18px;max-width:320px}
  .p4-message p br{display:none}
  .p4-cta{width:196px;height:46px;font-size:11px}
  .p4-build-id{font-size:7px}
}