/* ---- Base ---- */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,dl,dt,dd,ul,ol,li,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0;}
html{font-size:14px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;padding:5px 0;}

body {background:#ffffff; color:#202020; font:1em/1.5 Helvetica, Arial, sans-serif; margin:0;}
h1, h3 {font-family:'Century Gothic', 'Apple Gothic', sans-serif;}

a:link, a:visited {color:#080908; text-decoration:none;}
a:hover, a:active {color:#626362;}
a {outline:none;}

p {margin-bottom:25px;}

/* ---- Header / nav ---- */
#header {color:#999999; position:relative; margin:0 auto; padding-top:25px; width:875px; border-bottom:1px solid #EEE;}
#header h1 {color:#000000; font-weight:bold; text-align:left; font-size:60px; line-height:90%;
            margin-bottom:15px; margin-top:-30px; letter-spacing:-1px;}
#header h1 a:link, #header h1 a:visited {color:#000000; display:block;}
#header h1 a:hover, #header h1 a:active {color:#626362;}
#header .nav a {margin-right:14px;}
#header .nav a.active {color:#000; font-weight:bold;}

/* ---- Layout ---- */
#container {margin:30px auto; padding-top:5px; width:875px;}
#posts {background-color:#ffffff; margin:0; padding:0; font-size:14px;}
#posts .post {list-style:none; padding-bottom:10px; max-width:875px; clear:both;}
#posts .content {color:#202020; padding:0; margin-left:0;}

.text, .caption {margin-bottom:20px;}
.content a {border-bottom:1px solid #EEEEEE;}
.content a:hover {border-bottom-width:2px;}
.content .photo a {border:none !important;}
.photo-post .photo {margin-bottom:20px; margin-top:20px;}

.post img, .post object, .post embed {max-width:500px; padding:0 10px 0 0; float:left;}
iframe {padding-left:0; margin-left:0;}

/* ---- Footer ---- */
#footer {clear:both; margin:30px auto; max-width:875px; color:#999; font-size:12px;}

/* ---- Contact page ---- */
.contact-wrap {display:flex; gap:32px; align-items:stretch; margin-top:24px;}
.contact-cards {flex:1; display:flex; flex-direction:column; gap:18px;}
.contact-card {flex:1; display:flex; flex-direction:column; justify-content:center;
               padding:22px 26px; border:1px solid #e6e6e6; border-left:3px solid #202020;
               background:#fafafa;}
.contact-card .role {font-size:11px; letter-spacing:0.18em; text-transform:uppercase; color:#999; margin-bottom:6px;}
.contact-card .name {font-family:'Century Gothic','Apple Gothic',sans-serif; font-size:20px; font-weight:bold; margin-bottom:10px;}
.contact-card .name a {border:none !important; color:#000;}
.contact-card .name a:hover {color:#626362;}
.contact-card .line {font-size:14px; line-height:1.7; color:#202020;}
.contact-card .line a {color:#202020;}
.contact-photo {flex:0 0 400px;}
.post .contact-photo img {display:block; width:100%; height:100%; max-width:none;
                          object-fit:cover; float:none; padding:0;}

/* ---- Resume page ---- */
.resume {margin-top:24px;}
.r-top {display:flex; gap:32px; align-items:stretch; margin-bottom:18px;}
.r-stack {flex:1; display:flex; flex-direction:column; gap:18px;}
.r-panel {background:#fafafa; padding:24px 28px;}
.r-stack .r-panel.grow {flex:1;}
.r-photo {flex:0 0 360px;}
.post .r-photo img {display:block; width:100%; height:100%; max-width:none;
                    object-fit:cover; float:none; padding:0;}
.r-union {font-family:'Century Gothic','Apple Gothic',sans-serif; font-size:13px; font-weight:bold;
          letter-spacing:0.18em; color:#000; margin-bottom:22px;}
.r-label {font-size:11px; letter-spacing:0.18em; text-transform:uppercase; color:#999; margin-bottom:12px;}
.r-panel + .r-panel {margin-top:18px;}
.r-stack .r-panel + .r-panel {margin-top:0;}
.r-table {width:100%;}
.r-table td {padding:6px 16px 6px 0; vertical-align:top; font-size:14px; line-height:1.45;}
.r-table td:last-child {padding-right:0;}
.r-table .t {font-weight:bold; color:#202020;}
.r-table .n {color:#999; font-size:13px;}
.r-table .v {color:#202020;}
.r-table .d {color:#999; text-align:right; white-space:nowrap;}
.r-plain {font-size:14px; line-height:1.7;}
.r-cols {display:flex; gap:18px; margin-top:18px;}
.r-cols .r-panel {flex:1; margin-top:0;}