:root{--paper:#e9e6de;--ink:#11110f;--line:rgba(17,17,15,.28)}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue","Neue Haas Grotesk",Helvetica,Arial,sans-serif;font-weight:300;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}

/* Same proportions and positioning as archive.html */
.cv-header{height:180px;padding:25px 28px;display:grid;grid-template-columns:1fr auto;align-items:start;font-size:12px;line-height:1.15}
.cv-header a{display:block;width:min(650px,70vw)}
.cv-header img{display:block;width:100%;height:auto}

.cv-main{flex:1;padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.cv-main h1{margin:0;font-size:clamp(76px,6.7vw,108px);font-weight:300;line-height:.88;letter-spacing:-.075em;white-space:nowrap}
.cv-languages{display:flex;gap:28px;margin:34px 0 0 2px;font-size:18px;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:#5e5c56}
.cv-languages a{transition:color .15s ease}
.cv-languages a:hover{color:#9e341c}

footer{min-height:60px;padding:18px 28px;display:flex;align-items:center;gap:24px;background:var(--ink);color:var(--paper);font-size:12px}
footer span{margin-left:auto;color:#97958e}

@media (min-width:651px) and (max-width:1024px){
  .cv-header{height:150px;padding:20px}
  .cv-header a{width:min(650px,70vw)}
  .cv-main{padding:20px}
  .cv-main h1{font-size:6.7vw}
  .cv-languages{margin-top:30px;gap:24px}
  footer{padding:16px 20px;min-height:52px}
}

@media(max-width:650px){
  .cv-header{height:120px;padding:16px}
  .cv-header a{width:min(430px,78vw)}
  .cv-main{padding:16px;min-height:calc(100svh - 165px)}
  .cv-main h1{font-size:14vw;line-height:.9}
  .cv-languages{margin-top:26px;margin-left:2px;gap:20px;font-size:16px}
  footer{min-height:140px;padding:20px 16px;flex-direction:column;align-items:flex-start;gap:8px}
  footer span{margin:18px 0 0}
}