/*
Theme Name: Claudio Marcos Landing
Theme URI: https://claudemarcos.com
Author: Claudio Marcos
Description: Minimal one-page personal landing page.
Version: 1.2.0
Text Domain: claudemarcos
*/

:root{--bg:#f2f0ea;--ink:#11110f;--muted:#6d6b65;--line:rgba(17,17,15,.18)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}
body{min-height:100vh;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.cm-page{min-height:100vh;padding:28px 34px 24px;display:flex;flex-direction:column}
.cm-topline,.cm-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.cm-name{font-weight:600}
.cm-hero{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,38vw);gap:8vw;align-items:center;padding:7vh 4vw 6vh 0}
.cm-intro{max-width:680px}
.cm-title{margin:0 0 46px;font-size:clamp(42px,5.6vw,86px);line-height:.94;letter-spacing:-.055em;font-weight:400}
.cm-title span{display:block}
.cm-bio,.cm-founder{max-width:500px;margin:0;font-size:15px;line-height:1.55}
.cm-founder{margin-top:12px;color:var(--muted)}
.cm-links{margin-top:44px;width:min(420px,100%);border-top:1px solid var(--line)}
.cm-links a{min-height:43px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.08em;transition:opacity .2s ease,padding .2s ease}
.cm-links a:hover{opacity:.55;padding-left:6px}
.cm-portrait{margin:0;width:100%;max-width:520px;justify-self:end}
.cm-portrait img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;background:#ddd9cf}
.cm-footer{padding-top:18px;border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:760px){
.cm-page{padding:20px}
.cm-location{text-align:right}
.cm-hero{display:flex;flex-direction:column-reverse;align-items:stretch;gap:42px;padding:55px 0 70px}
.cm-portrait{max-width:72vw;margin-left:auto}
.cm-title{margin-bottom:34px;font-size:clamp(44px,13vw,70px)}
.cm-links{margin-top:36px}
}
@media(max-width:430px){
.cm-topline,.cm-footer{font-size:9px}
.cm-portrait{max-width:82vw}
.cm-bio,.cm-founder{font-size:14px}
}