https://evansamsky.com/Recent content in Home on Evan SamskyHugoen-USMon, 04 Aug 2025 00:00:00 +0000https://evansamsky.com/about/Mon, 04 Aug 2025 00:00:00 +0000https://evansamsky.com/about/<h1 id="about-evan-samsky">About Evan Samsky</h1> <p>I am a dual Master&rsquo;s degree candidate at The University of Texas at Austin, pursuing degrees in Global Policy Studies at the LBJ School of Public Affairs and Russian, East European, and Eurasian Studies. My research focuses on food systems, agricultural policy, and the political economy of Eastern Europe.</p> <h2 id="academic-background">Academic Background</h2> <p>My interdisciplinary background spans biology, Middle Eastern studies, and policy research. I completed dual bachelor&rsquo;s degrees at UT Austin in Biology (with Honors in the College of Natural Sciences) and Middle Eastern Language and Culture (Arabic). This unique combination has shaped my approach to understanding complex food and agricultural systems through both scientific and cultural lenses.</p>https://evansamsky.com/contact/Mon, 04 Aug 2025 00:00:00 +0000https://evansamsky.com/contact/<style> @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=Source+Serif+4:wght@300;400;600;700&display=swap'); :root { --contact-ink: #244041; --contact-paper: #f5efe6; --contact-aged: #d9d8c7; --contact-rust: #7b463a; --contact-gold: #d2a75f; --contact-sage: #5f7f69; --contact-muted: #6f7d74; --contact-border: #c8bda9; --contact-panel: #1f3439; } .contact-report { font-family: 'Source Serif 4', Georgia, serif; color: var(--contact-ink); font-size: 17px; line-height: 1.72; margin: -2rem -1rem 0; } .contact-report p { color: var(--contact-ink); margin-bottom: 1rem; } .contact-report section { margin-bottom: 3.5rem; } .contact-report h2 { font-family: 'Playfair Display', Georgia, serif; font-size: 1.8rem; font-weight: 700; color: var(--contact-ink); margin-bottom: 0.45rem; padding-bottom: 0.55rem; border-bottom: 2px solid var(--contact-gold); } .contact-report h3 { font-family: 'Playfair Display', Georgia, serif; font-size: 1.1rem; font-weight: 400; font-style: italic; color: var(--contact-rust); margin: 0 0 0.45rem; } .contact-report ul { margin: 0.7rem 0 0 1.2rem; padding: 0; } .contact-report li { margin-bottom: 0.55rem; } .contact-masthead { background: linear-gradient(135deg, rgba(31, 52, 57, 0.96), rgba(46, 73, 66, 0.94) 60%, rgba(123, 70, 58, 0.9)), var(--contact-panel); color: var(--contact-paper); padding: 3.1rem 2rem 2.5rem; position: relative; overflow: hidden; margin: 0 -2rem; } .contact-masthead::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient( 45deg, transparent, transparent 42px, rgba(210, 167, 95, 0.06) 42px, rgba(210, 167, 95, 0.06) 43px ); } .contact-masthead::after { content: ''; position: absolute; left: 2rem; right: 2rem; top: 1.2rem; height: 8px; border-radius: 999px; background: linear-gradient(90deg, #244041 0%, #5f7f69 30%, #d2a75f 64%, #7b463a 100%); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18); } .contact-masthead-inner { position: relative; max-width: 860px; margin: 0 auto; text-align: center; } .contact-masthead p.contact-masthead-top, .contact-masthead p.contact-masthead-sub { font-family: 'Source Serif 4', serif; font-weight: 700; font-size: 0.82rem; letter-spacing: 0.14em; text-transform: uppercase; color: #fff2d6; background: linear-gradient(180deg, rgba(123, 70, 58, 0.34), rgba(123, 70, 58, 0.22)); border: 1px solid rgba(245, 239, 230, 0.14); border-radius: 999px; display: inline-block; padding: 0.16rem 0.72rem; text-shadow: 0 1px 2px rgba(11, 18, 22, 0.28); } .contact-masthead-rule { width: 72px; height: 2px; background: var(--contact-gold); margin: 1rem auto 1.1rem; } .contact-masthead h1 { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(2rem, 4.8vw, 3rem); font-weight: 700; line-height: 1.12; letter-spacing: -0.02em; margin: 0 auto 0.85rem; max-width: 820px; color: var(--contact-paper); } .contact-masthead .subtitle { max-width: 700px; margin: 0.9rem auto 0; font-size: 1rem; color: rgba(245, 239, 230, 0.94); } .contact-container { max-width: 900px; margin: 0 auto; padding: 3rem 0 1rem; } .contact-label { display: block; margin-bottom: 0.55rem; font-size: 0.72rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--contact-muted); font-family: 'Source Serif 4', serif; font-weight: 700; } .contact-callout { border-left: 3px solid var(--contact-rust); background: rgba(234, 214, 199, 0.45); padding: 1rem 1.2rem; margin: 1.5rem 0; font-size: 0.95rem; color: var(--contact-ink); } .contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; margin-top: 1.5rem; } .contact-card { background: #f6f0e6; border: 1px solid var(--contact-border); border-top: 3px solid var(--contact-gold); padding: 1.05rem 1.15rem; } .contact-card h3 { margin-top: 0; } .contact-card p:last-child { margin-bottom: 0; } .contact-panel { background: #f4eee4; border: 1px solid var(--contact-border); padding: 1rem 1.1rem; } .contact-panel h3 { margin-top: 0; } .contact-links { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 1.2rem; } .contact-links a { display: inline-block; padding: 0.55rem 0.95rem; border: 1px solid rgba(36, 64, 65, 0.18); text-decoration: none; letter-spacing: 0.06em; text-transform: uppercase; font-size: 0.75rem; font-weight: 700; color: var(--contact-ink); } .contact-links a:hover { background: rgba(36, 64, 65, 0.06); } .contact-footer-panel { background: var(--contact-panel); color: rgba(245, 239, 230, 0.88); padding: 2rem; margin-top: 2.75rem; } .contact-footer-panel h2 { color: var(--contact-paper); border-bottom-color: var(--contact-gold); } .contact-footer-panel p, .contact-footer-panel a { color: rgba(245, 239, 230, 0.88); } .contact-footer-panel .contact-links a { border-color: rgba(245, 239, 230, 0.18); color: rgba(245, 239, 230, 0.9); } .contact-footer-panel .contact-links a:hover { background: rgba(245, 239, 230, 0.08); } @media (max-width: 760px) { .contact-report { margin: -1.5rem 0 0; } .contact-masthead { margin-left: -1rem; margin-right: -1rem; } } </style> <div class="contact-report"> <header class="contact-masthead"> <div class="contact-masthead-inner"> <p class="contact-masthead-top">Contact and correspondence</p>https://evansamsky.com/2024/08/01/institutional-capacity-for-climate-action-in-ukraines-agricultural-sector/Thu, 01 Aug 2024 00:00:00 +0000https://evansamsky.com/2024/08/01/institutional-capacity-for-climate-action-in-ukraines-agricultural-sector/<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.min.js"></script> <style> @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Source+Serif+4:wght@300;400;600&display=swap'); :root { --ink: #2D4739; --paper: #f4f0ed; --aged: #CBD7C1; --rust: #4b3034; --gold: #4b3034; --slate: #2D4739; --muted: #7a8c7e; --ukraine-blue: #005BBB; --ukraine-yellow: #FFD500; --border: #b5c4ad; --chart-bg: #f9f6f3; --blush: #E3BCB5; } .ukraine-report { font-family: 'Source Serif 4', Georgia, serif; color: var(--ink); font-size: 17px; line-height: 1.75; } .ukraine-report section { margin-bottom: 4rem; } .ukraine-report h2 { font-family: 'Playfair Display', Georgia, serif; font-size: 1.75rem; font-weight: 700; color: var(--ink); margin-bottom: 0.5rem; padding-bottom: 0.5rem; border-bottom: 2px solid var(--ukraine-blue); } .ukraine-report h3 { font-family: 'Playfair Display', Georgia, serif; font-size: 1.2rem; font-weight: 400; font-style: italic; color: var(--rust); margin: 1.75rem 0 0.75rem; } .ukraine-report p { margin-bottom: 1rem; color: var(--ink); } .ukraine-report blockquote { border: none; padding: 1.5rem 2rem; background: #E3BCB533; margin: 2rem 0; position: relative; } .ukraine-report blockquote::before { content: '\201C'; font-family: 'Playfair Display', serif; font-size: 5rem; color: var(--ukraine-yellow); opacity: 0.7; position: absolute; top: -0.5rem; left: 0.75rem; line-height: 1; } .ukraine-report blockquote p { font-style: italic; font-size: 1.05rem; line-height: 1.65; padding-left: 1.5rem; } .ukraine-report blockquote cite { display: block; font-size: 0.8rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); padding-left: 1.5rem; margin-top: 0.5rem; } .ukraine-report footer { background: var(--ink); color: rgba(245,240,232,0.5); padding: 2rem; text-align: center; font-size: 0.8rem; letter-spacing: 0.04em; margin-top: 3rem; } /* ── Header ── */ .masthead { background: var(--ink); color: var(--paper); padding: 3rem 2rem 2.5rem; text-align: center; position: relative; overflow: hidden; margin: 0 -2rem 0; } .masthead::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient( 45deg, transparent, transparent 40px, rgba(255,213,0,0.05) 40px, rgba(255,213,0,0.05) 41px ); } .masthead-flag { display: flex; height: 8px; width: 120px; margin: 0 auto 1.5rem; border-radius: 2px; overflow: hidden; box-shadow: 0 1px 6px rgba(0,0,0,0.3); } .masthead-flag span:first-child { flex: 1; background: var(--ukraine-blue); } .masthead-flag span:last-child { flex: 1; background: var(--ukraine-yellow); } .masthead h1 { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(1.6rem, 4vw, 2.8rem); font-weight: 700; letter-spacing: -0.01em; line-height: 1.2; max-width: 820px; margin: 0 auto 1rem; position: relative; color: var(--paper); } .masthead .subtitle { font-family: 'Source Serif 4', serif; font-weight: 300; font-size: 0.95rem; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(245,240,232,0.65); position: relative; } .masthead-rule { width: 60px; height: 2px; background: var(--ukraine-yellow); margin: 1.25rem auto; } /* ── Nav ── */ .toc-nav { background: #CBD7C1; border-bottom: 1px solid var(--border); padding: 0.75rem 2rem; display: flex; gap: 0.5rem 2rem; flex-wrap: wrap; justify-content: center; position: sticky; top: 0; z-index: 100; margin: 0 -2rem; } .toc-nav a { font-size: 0.78rem; letter-spacing: 0.07em; text-transform: uppercase; color: #4b3034; text-decoration: none; font-family: 'Source Serif 4', serif; font-weight: 600; transition: color 0.2s; } .toc-nav a:hover { color: var(--ink); } /* ── Layout ── */ .report-container { max-width: 860px; margin: 0 auto; padding: 3rem 0; } /* ── Section label ── */ .section-label { font-size: 0.7rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); font-family: 'Source Serif 4', serif; font-weight: 600; margin-bottom: 0.6rem; display: block; } /* ── Callout box ── */ .callout { border-left: 3px solid var(--rust); background: var(--aged); padding: 1rem 1.25rem; margin: 1.5rem 0; font-size: 0.93rem; color: var(--slate); } .callout strong { color: var(--rust); } /* ── Indicator cards ── */ .indicator-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin: 1.5rem 0; } .indicator-card { background: var(--aged); border: 1px solid var(--border); padding: 1rem 1.25rem; border-top: 3px solid var(--ukraine-blue); } .indicator-card .ic-num { font-family: 'Playfair Display', serif; font-size: 2rem; color: var(--rust); line-height: 1; margin-bottom: 0.4rem; } .indicator-card .ic-label { font-size: 0.8rem; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--slate); } .indicator-card .ic-desc { font-size: 0.82rem; color: var(--muted); margin-top: 0.4rem; } /* ── Chart wrapper ── */ .chart-wrap { background: var(--chart-bg); border: 1px solid var(--border); padding: 1.5rem 1.5rem 1rem; margin: 1.75rem 0; } .chart-title { font-family: 'Playfair Display', serif; font-size: 1rem; font-weight: 700; color: var(--ink); margin-bottom: 0.2rem; } .chart-source { font-size: 0.72rem; color: var(--muted); letter-spacing: 0.04em; margin-top: 0.6rem; } .chart-container { position: relative; height: 340px; } .chart-container.tall { height: 420px; } .chart-container.short { height: 260px; } /* ── Byline ── */ .report-byline { font-size: 0.85rem; line-height: 1.6; color: var(--muted); text-align: center; margin-top: 1.1rem; } .report-byline .byline-name { font-family: 'Playfair Display', serif; font-size: 1rem; color: var(--ink); display: block; margin-bottom: 0.25rem; } /* ── Data tables beneath charts ── */ .data-table-wrap { margin-top: 1rem; overflow-x: auto; border-top: 1px solid var(--border); padding-top: 0.75rem; } .data-table-wrap .data-table-caption { font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); margin-bottom: 0.5rem; } table.data-table { border-collapse: collapse; font-size: 0.72rem; font-variant-numeric: tabular-nums; min-width: 100%; } table.data-table caption { caption-side: top; text-align: left; font-size: 0.72rem; color: var(--muted); padding-bottom: 0.4rem; } table.data-table th, table.data-table td { border: 1px solid var(--border); padding: 0.22rem 0.45rem; text-align: right; white-space: nowrap; } table.data-table th[scope="row"], table.data-table thead th:first-child { text-align: left; font-weight: 600; } table.data-table thead th { background: var(--aged); color: var(--ink); font-weight: 600; } table.data-table tbody tr:nth-child(even) { background: rgba(203,215,193,0.22); } /* ── Source list ── */ .source-entry { margin-bottom: 1.5rem; padding-left: 1rem; border-left: 2px solid var(--aged); } .source-entry h4 { font-family: 'Playfair Display', serif; font-size: 1rem; font-weight: 700; color: var(--ink); margin: 0 0 0.35rem; } .source-entry p { margin-bottom: 0.5rem; } /* ── Citation block ── */ .citation-block { background: var(--chart-bg); border: 1px solid var(--border); padding: 1.1rem 1.3rem; font-size: 0.85rem; line-height: 1.7; } /* ── Toggle controls ── */ .chart-controls { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.75rem; } .ctrl-btn { padding: 0.25rem 0.7rem; font-size: 0.75rem; font-family: 'Source Serif 4', serif; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; border: 1px solid var(--border); background: transparent; color: var(--slate); cursor: pointer; transition: background 0.15s, color 0.15s; } .ctrl-btn.active { background: #2D4739; color: white; border-color: #2D4739; } .ctrl-btn:hover:not(.active) { background: var(--aged); } /* ── Horizontal bar chart ── */ .hbar-chart { margin: 0.5rem 0; } .hbar-row { display: flex; align-items: center; margin-bottom: 0.5rem; font-size: 0.82rem; } .hbar-label { width: 220px; min-width: 220px; text-align: right; padding-right: 0.75rem; color: var(--slate); line-height: 1.3; } .hbar-track { flex: 1; background: var(--aged); height: 22px; position: relative; border-radius: 2px; overflow: hidden; } .hbar-fill { height: 100%; border-radius: 2px; transition: width 0.6s ease; display: flex; align-items: center; padding-left: 6px; } .hbar-val { font-size: 0.72rem; font-weight: 600; color: white; white-space: nowrap; } /* ── Conclusions list ── */ .findings-list { list-style: none; padding: 0; } .findings-list li { padding: 0.85rem 0 0.85rem 2.5rem; border-bottom: 1px solid var(--border); position: relative; font-size: 0.93rem; } .findings-list li:last-child { border-bottom: none; } .findings-list li::before { content: attr(data-num); position: absolute; left: 0; font-family: 'Playfair Display', serif; font-size: 1.1rem; color: var(--ukraine-blue); font-weight: 700; } @media (max-width: 600px) { .hbar-label { width: 130px; min-width: 130px; font-size: 0.75rem; } .chart-container { height: 260px; } .chart-container.tall { height: 340px; } } /* ── Print / PDF ── */ .print-citation { display: none; } @media print { .print-citation { display: block; font-size: 0.72rem; line-height: 1.5; color: var(--ink); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 0.6rem 0; margin-top: 1.2rem; text-align: left; } .toc-nav, .chart-controls { display: none; } .chart-wrap, .data-table-wrap, .source-entry { break-inside: avoid; } .ukraine-report section { margin-bottom: 2rem; } } </style> <div class="ukraine-report"> <header class="masthead"> <div class="masthead-flag"><span></span><span></span></div> <p class="subtitle">Policy Assessment Report &middot; Draft</p>https://evansamsky.com/dashboard/Mon, 01 Jan 0001 00:00:00 +0000https://evansamsky.com/dashboard/<style> .dashboard-container { max-width: 100%; margin: 20px 0; } .dashboard-description { background: #f8f9fa; padding: 20px; border-radius: 8px; margin-bottom: 20px; border-left: 4px solid #3498db; } .dashboard-frame { width: 100%; height: 800px; border: 1px solid #dee2e6; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .citation-box { background: #e9ecef; padding: 15px; border-radius: 6px; margin: 20px 0; font-size: 0.9em; border-left: 3px solid #6c757d; } @media (max-width: 768px) { .dashboard-frame { height: 600px; } } </style> <div class="dashboard-container"> <div class="dashboard-description"> <h3>Interactive COMECON Data Visualization</h3> <p>This dashboard provides interactive visualizations of historical economic data from the Council for Mutual Economic Assistance (COMECON), the Soviet-led economic organization that coordinated economic planning across socialist countries from 1949-1991.</p>https://evansamsky.com/cv/Mon, 01 Jan 0001 00:00:00 +0000https://evansamsky.com/cv/<style> @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=Source+Serif+4:wght@300;400;600;700&display=swap'); :root { --cv-ink: #244041; --cv-paper: #f5efe6; --cv-aged: #d9d8c7; --cv-rust: #7b463a; --cv-gold: #d2a75f; --cv-sage: #5f7f69; --cv-muted: #6f7d74; --cv-border: #c8bda9; --cv-panel: #1f3439; } .cv-report { font-family: 'Source Serif 4', Georgia, serif; color: var(--cv-ink); font-size: 17px; line-height: 1.72; margin: -2rem -1rem 0; } .cv-report p { color: var(--cv-ink); margin-bottom: 1rem; } .cv-report section { margin-bottom: 3.6rem; } .cv-report h2 { font-family: 'Playfair Display', Georgia, serif; font-size: 1.8rem; font-weight: 700; color: var(--cv-ink); margin-bottom: 0.45rem; padding-bottom: 0.55rem; border-bottom: 2px solid var(--cv-gold); } .cv-report h3 { font-family: 'Playfair Display', Georgia, serif; font-size: 1.12rem; font-weight: 400; font-style: italic; color: var(--cv-rust); margin: 0 0 0.45rem; } .cv-report ul { margin: 0.7rem 0 0 1.2rem; padding: 0; } .cv-report li { margin-bottom: 0.55rem; } .cv-masthead { background: linear-gradient(135deg, rgba(31, 52, 57, 0.96), rgba(46, 73, 66, 0.94) 60%, rgba(123, 70, 58, 0.9)), var(--cv-panel); color: var(--cv-paper); padding: 3.1rem 2rem 2.5rem; position: relative; overflow: hidden; margin: 0 -2rem; } .cv-masthead::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient( 45deg, transparent, transparent 42px, rgba(210, 167, 95, 0.06) 42px, rgba(210, 167, 95, 0.06) 43px ); } .cv-masthead::after { content: ''; position: absolute; left: 2rem; right: 2rem; top: 1.2rem; height: 8px; border-radius: 999px; background: linear-gradient(90deg, #244041 0%, #5f7f69 30%, #d2a75f 64%, #7b463a 100%); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18); } .cv-masthead-inner { position: relative; max-width: 900px; margin: 0 auto; text-align: center; } .cv-masthead p.cv-masthead-top, .cv-masthead p.cv-masthead-sub { font-family: 'Source Serif 4', serif; font-weight: 700; font-size: 0.82rem; letter-spacing: 0.14em; text-transform: uppercase; color: #fff2d6; background: linear-gradient(180deg, rgba(123, 70, 58, 0.34), rgba(123, 70, 58, 0.22)); border: 1px solid rgba(245, 239, 230, 0.14); border-radius: 999px; display: inline-block; padding: 0.16rem 0.72rem; text-shadow: 0 1px 2px rgba(11, 18, 22, 0.28); } .cv-masthead-rule { width: 72px; height: 2px; background: var(--cv-gold); margin: 1rem auto 1.1rem; } .cv-masthead h1 { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(2rem, 4.8vw, 3.15rem); font-weight: 700; line-height: 1.12; letter-spacing: -0.02em; margin: 0 auto 0.85rem; max-width: 860px; color: var(--cv-paper); } .cv-masthead .subtitle { max-width: 720px; margin: 0.9rem auto 0; font-size: 1rem; color: rgba(245, 239, 230, 0.94); } .cv-contact-strip { display: flex; flex-wrap: wrap; gap: 0.8rem 1rem; justify-content: center; margin-top: 1.1rem; } .cv-contact-strip a, .cv-contact-strip span { font-family: 'Source Serif 4', serif; font-size: 0.82rem; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(245, 239, 230, 0.88); text-decoration: none; } .cv-contact-strip a:hover { color: var(--cv-paper); } .cv-container { max-width: 900px; margin: 0 auto; padding: 3rem 0 1rem; } .cv-label { display: block; margin-bottom: 0.55rem; font-size: 0.72rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--cv-muted); font-family: 'Source Serif 4', serif; font-weight: 700; } .cv-callout { border-left: 3px solid var(--cv-rust); background: rgba(234, 214, 199, 0.45); padding: 1rem 1.2rem; margin: 1.5rem 0; font-size: 0.95rem; color: var(--cv-ink); } .cv-callout strong { color: var(--cv-rust); } .cv-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin-top: 1.5rem; } .cv-card { background: #f6f0e6; border: 1px solid var(--cv-border); border-top: 3px solid var(--cv-gold); padding: 1.05rem 1.15rem; } .cv-card-date { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--cv-muted); margin-bottom: 0.45rem; } .cv-card h3 { margin-top: 0; } .cv-card p:last-child { margin-bottom: 0; } .cv-entry { padding: 1.1rem 0; border-bottom: 1px solid var(--cv-border); } .cv-entry:last-child { border-bottom: none; } .cv-entry-head { display: flex; justify-content: space-between; gap: 1rem; align-items: baseline; margin-bottom: 0.25rem; } .cv-entry-title { font-family: 'Playfair Display', Georgia, serif; font-size: 1.2rem; color: var(--cv-ink); } .cv-entry-date { font-size: 0.82rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--cv-muted); white-space: nowrap; } .cv-entry-sub { color: var(--cv-rust); font-style: italic; margin-bottom: 0.55rem; } .cv-two-col { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.1rem; } .cv-skill-box, .cv-lang-box { background: #f4eee4; border: 1px solid var(--cv-border); padding: 1rem 1.1rem; } .cv-skill-box h3, .cv-lang-box h3 { margin-top: 0; } .cv-biblio { list-style: none; margin: 1rem 0 0; padding: 0; } .cv-biblio li { padding: 0.85rem 0; border-bottom: 1px solid var(--cv-border); margin: 0; } .cv-biblio li:last-child { border-bottom: none; } .cv-footer-panel { background: var(--cv-panel); color: rgba(245, 239, 230, 0.88); padding: 2rem; margin-top: 2.75rem; } .cv-footer-panel h2 { color: var(--cv-paper); border-bottom-color: var(--cv-gold); } .cv-footer-panel p, .cv-footer-panel a { color: rgba(245, 239, 230, 0.88); } .cv-links { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 1.2rem; } .cv-links a { display: inline-block; padding: 0.55rem 0.95rem; border: 1px solid rgba(245, 239, 230, 0.18); text-decoration: none; letter-spacing: 0.06em; text-transform: uppercase; font-size: 0.75rem; font-weight: 700; } .cv-links a:hover { background: rgba(245, 239, 230, 0.08); } @media (max-width: 760px) { .cv-report { margin: -1.5rem 0 0; } .cv-masthead { margin-left: -1rem; margin-right: -1rem; } .cv-entry-head { flex-direction: column; align-items: flex-start; } } </style> <div class="cv-report"> <header class="cv-masthead"> <div class="cv-masthead-inner"> <p class="cv-masthead-top">Curriculum vitae</p>