*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#171714}
body{font-family:Arial,Helvetica,sans-serif;color:#f2ecdf;overflow:hidden}
.landing{position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:clamp(28px,5vw,72px)}
.landing__backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center;filter:saturate(.72) contrast(1.08) brightness(.52);transform:scale(1.015)}
.landing__shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 43%,rgba(23,23,20,.18) 0%,rgba(23,23,20,.55) 48%,rgba(15,15,13,.88) 100%),linear-gradient(180deg,rgba(15,15,13,.22),rgba(15,15,13,.58))}
.identity{position:relative;z-index:1;width:min(92vw,720px);display:flex;flex-direction:column;align-items:center;text-align:center}
.identity__mark{width:clamp(120px,20vmin,220px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;display:block;box-shadow:0 24px 60px rgba(0,0,0,.33);margin:0 0 clamp(18px,3vh,30px)}
.identity h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.8rem,9vw,8rem);line-height:.88;font-weight:500;letter-spacing:-.055em}
.identity__rule{width:54px;height:2px;background:#ef5b2a;margin:clamp(18px,2.4vh,26px) 0 clamp(13px,1.8vh,20px)}
.identity p{margin:0;color:#d8cebf;font-size:clamp(.95rem,1.6vw,1.2rem);line-height:1.35;letter-spacing:.08em}
@media(max-width:640px){
  .landing{padding:24px}
  .landing__backdrop{object-position:58% center}
  .identity{width:94vw}
  .identity__mark{width:clamp(112px,20vmin,160px);height:auto}
  .identity h1{font-size:clamp(3.4rem,17vw,5.6rem)}
  .identity p{font-size:.95rem;letter-spacing:.055em}
}
@media(max-height:620px){
  .identity__mark{width:clamp(96px,18vmin,150px);height:auto;margin-bottom:14px}
  .identity h1{font-size:clamp(3rem,11vh,5rem)}
  .identity__rule{margin:12px 0 10px}
}