*{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:flex;align-items:center;overflow:hidden;padding:clamp(28px,6vw,92px);background:#171714}
.landing__backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;filter:saturate(.92) contrast(1.02) brightness(.92);transform:scale(1.005);opacity:0;transition:opacity 2s ease}
.landing__backdrop.is-loaded{opacity:1}
.landing__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,15,13,.76) 0%,rgba(15,15,13,.56) 25%,rgba(15,15,13,.22) 47%,rgba(15,15,13,.04) 62%,rgba(15,15,13,0) 78%)}
.identity{position:relative;z-index:1;width:min(44vw,610px);display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.identity__mark{width:clamp(118px,14vw,190px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;display:block;box-shadow:0 20px 52px rgba(0,0,0,.28);margin:0 0 clamp(18px,3vh,28px)}
.identity h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(4rem,7.5vw,7.3rem);line-height:.9;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:#e2d9cb;font-size:clamp(.95rem,1.45vw,1.18rem);line-height:1.4;letter-spacing:.075em}
@media(prefers-reduced-motion:reduce){
  .landing__backdrop{transition:none}
}
@media(max-width:760px){
  .landing{align-items:flex-end;padding:26px 24px 44px}
  .landing__backdrop{object-position:62% center;filter:saturate(.92) contrast(1.02) brightness(.88)}
  .landing__shade{background:linear-gradient(0deg,rgba(15,15,13,.8) 0%,rgba(15,15,13,.52) 32%,rgba(15,15,13,.12) 62%,rgba(15,15,13,0) 80%)}
  .identity{width:min(92vw,560px)}
  .identity__mark{width:clamp(108px,25vw,150px);margin-bottom:16px}
  .identity h1{font-size:clamp(3.5rem,17vw,5.7rem)}
  .identity p{font-size:.94rem;letter-spacing:.05em}
}
@media(max-height:620px){
  .landing{padding-top:20px;padding-bottom:20px}
  .identity__mark{width:clamp(90px,16vmin,135px);margin-bottom:12px}
  .identity h1{font-size:clamp(3rem,10vh,5rem)}
  .identity__rule{margin:11px 0 9px}
}