*{box-sizing:border-box}html,body{margin:0}body{font-family:Arial,'Malgun Gothic',sans-serif;background:#26302b} .landing{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;overflow:hidden;display:grid}.landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-2}.identity{position:relative}.descriptor{font-size:10px;letter-spacing:.22em;margin:0 0 22px}h1{font-weight:400;line-height:1;letter-spacing:-.055em;margin:0;white-space:nowrap}.entry{display:flex;align-items:center;justify-content:space-between;gap:38px;font-size:10px;letter-spacing:.13em;text-decoration:none;color:inherit;min-height:48px;border-bottom:1px solid currentColor;width:fit-content}.entry span:last-child{font-size:19px;letter-spacing:0}.entry:hover{border-bottom-width:2px}.entry:focus-visible{outline:2px solid currentColor;outline-offset:8px}.option-a .landing{align-items:start;justify-items:center;color:#1b292d}.option-a .identity{text-align:center;margin-top:clamp(70px,15vh,180px);padding:0 22px}.option-a h1{font-size:clamp(36px,4.1vw,68px)}.option-a .entry{margin:22px auto 0}.option-b .landing{align-items:end;color:#fffdf5}.option-b .landing:after{content:'';position:absolute;inset:40% 0 0;z-index:-1;background:linear-gradient(0deg,rgba(12,24,23,.64),transparent 85%);pointer-events:none}.option-b .identity{margin:0 clamp(24px,6vw,100px) clamp(40px,7vh,90px);max-width:840px}.option-b h1{font-size:clamp(44px,6.5vw,104px)}.option-b .entry{margin-top:32px;min-width:205px}.option-b .descriptor{margin-bottom:20px}@media(max-width:600px){.landscape{object-position:53% 50%}.option-a .identity{margin-top:14svh}.option-a h1{font-size:clamp(32px,9vw,48px)}.option-a .descriptor{margin-bottom:18px}.option-b h1{font-size:clamp(37px,10vw,58px)}.option-b .identity{margin:0 24px max(40px,env(safe-area-inset-bottom))}.option-b .entry{margin-top:24px}.option-b .landscape{object-position:53% 50%}}