*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{color:#222;-webkit-font-smoothing:antialiased;background:#fafafa;font-family:Inter,system-ui,-apple-system,sans-serif}.landing{background:#fafafa;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;padding:24px 32px 0;display:flex;position:relative;overflow:hidden}.landing:before{content:"";opacity:.5;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(90deg,#0000,#0000 39px,#e8e8e8 39px 40px);position:absolute;inset:0}.nav{z-index:1;background:#fff;border:1px solid #ddd;border-radius:40px;align-items:center;gap:16px;padding:12px 32px;display:flex}.nav-link{color:#333;cursor:pointer;letter-spacing:.3px;font-size:.95rem;font-weight:400;transition:color .2s}.nav-link:hover{color:#000}.nav-sep{color:#ccc;font-size:.6rem}.hero{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.photo-wrapper{width:300px;height:300px;overflow:hidden}.photo{object-fit:cover;object-position:center top;image-rendering:auto;width:100%;height:100%;display:block}.tagline{color:#666;letter-spacing:.5px;text-align:center;font-family:Inter,sans-serif;font-size:1rem;font-weight:300}.actions{gap:24px;display:flex}.action-link{color:#333;cursor:pointer;align-items:center;gap:6px;font-size:.95rem;font-weight:400;text-decoration:none;transition:color .2s;display:flex}.action-link:hover{color:#000}.action-icon{font-size:1.1rem}.action-icon-svg{width:16px;height:16px}.footer{z-index:1;justify-content:space-between;align-items:flex-end;width:100%;padding-bottom:0;display:flex}.name-large{color:#111;letter-spacing:-2px;white-space:nowrap;gap:clamp(24px,5vw,80px);font-family:Playfair Display,serif;font-size:clamp(3rem,10vw,8rem);font-weight:900;line-height:.85;display:flex;overflow:hidden}.copyright{color:#999;flex-shrink:0;padding-bottom:16px;font-size:.85rem}@media (width<=768px){.landing{padding:16px 16px 0}.nav{gap:10px;padding:10px 20px}.nav-link{font-size:.85rem}.photo-wrapper{width:180px;height:230px}.name-large{gap:16px;font-size:clamp(2.2rem,12vw,5rem)}}@media (width<=480px){.name-large{flex-direction:column;align-items:flex-start;gap:0;font-size:3rem}.copyright{display:none}}