html,body{margin:0;background:#fff}

.waA{
  --acc:#8c6239; --ink:#2b2620; --body:#4a443c; --sub:#8a7f70; --line:#e3dbcd;
  font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;
  background:#faf7f0;padding:clamp(48px,6vw,88px) 24px;
}
.waA__in{
  max-width:1000px;margin:0 auto;display:flex;justify-content:center;gap:clamp(28px,5vw,64px);
  align-items:stretch;min-height:clamp(420px,50vw,560px);
}
.waA__ph{
  flex:1;max-width:520px;border-radius:2px;
  background:linear-gradient(165deg,#6b5a45,#3b3229 70%,#25201a);
}
.waA__text{writing-mode:vertical-rl;display:flex;align-items:flex-start;gap:clamp(20px,3vw,40px)}
.waA__title{
  margin:0;font-size:clamp(24px,3.8vw,42px);line-height:1.85;font-weight:500;letter-spacing:.16em;color:var(--ink);
  font-feature-settings:"palt";
}
.waA__lead{margin:0;font-size:14px;line-height:2.4;letter-spacing:.14em;color:var(--body)}
.waA__link{
  align-self:flex-end;font-size:13px;letter-spacing:.2em;color:var(--acc);text-decoration:none;
  border-right:1px solid currentColor;padding-right:8px;
}
@media (max-width:760px){
  .waA__in{flex-direction:column;min-height:0}
  .waA__ph{aspect-ratio:4/3;max-width:none}
  .waA__text{writing-mode:horizontal-tb;flex-direction:column;align-items:center;text-align:center;gap:20px}
  .waA__title{letter-spacing:.06em;line-height:1.7}
  .waA__link{align-self:center;border-right:0;border-bottom:1px solid currentColor;padding:0 0 4px}
}