:root{color-scheme:light;--paper:#f5f3ed;--ink:#242924;--muted:#696e65;--accent:#60715a}*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{margin:0;min-height:100svh;color:var(--ink);font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}.header,main,footer{width:min(1280px,100%);margin-inline:auto}.header{padding:36px 64px}.header nav{display:flex;align-items:center}.name{color:inherit;text-decoration:none;font-weight:700;letter-spacing:-.8px;font-size:25px}.dot{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:8px;border-radius:2px}main{flex:1;display:flex;align-items:center;justify-content:space-between;gap:48px;padding:90px 64px 120px}.intro{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:600;letter-spacing:2.2px;margin:0 0 30px;color:var(--muted)}.eyebrow span{width:6px;height:6px;background:var(--accent);border-radius:50%}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(64px,7.8vw,112px);line-height:1.02;font-weight:400;letter-spacing:-5px;margin:0 0 30px}.description{font-size:17px;line-height:1.8;color:var(--muted);margin:0}.monogram{display:flex;align-items:center;justify-content:center;width:340px;aspect-ratio:1;border-radius:50%;border:1px solid #daddd2;background:#eeeee5;font-family:Georgia,'Times New Roman',serif;letter-spacing:-15px;font-size:175px;line-height:1;color:#60715a}.monogram span{color:#98a28a}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 64px 30px;font-size:11px;letter-spacing:.5px;color:var(--muted);border-top:1px solid #dedfd6}@media(min-width:1600px){main{padding-block:140px}}@media(max-width:760px){.header{padding:28px}.name{font-size:23px}main{padding:65px 28px 80px;gap:44px;align-items:flex-start;flex-direction:column}h1{font-size:74px;letter-spacing:-4px}.monogram{align-self:flex-end;width:160px;font-size:87px;letter-spacing:-8px}.description{font-size:16px}footer{padding:24px 28px;flex-wrap:wrap}.eyebrow{font-size:10px;margin-bottom:24px}}@media(prefers-reduced-motion:no-preference){.intro{animation:appear .7s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}