/* HERO */
.hero-layout{display:flex;flex-direction:column;gap:36px;}
@media(min-width:900px){.hero-layout{display:grid;grid-template-columns:1fr 340px;gap:64px;align-items:start;}}

.hero-headline{font-size:clamp(26px,8vw,60px);font-weight:800;line-height:1.05;margin-bottom:20px;}
.hero-text{font-size:15px;color:var(--text2);line-height:1.8;font-weight:300;}
.hero-text p+p{margin-top:16px;}
.hero-text strong{color:var(--text);font-weight:500;}
.hero-cta{display:flex;flex-direction:column;gap:10px;margin-top:28px;}
@media(min-width:480px){.hero-cta{flex-direction:row;flex-wrap:wrap;}}

.meta-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;gap:1px;background:var(--border);}
.meta-row{background:var(--bg);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;}
@media(min-width:768px){.meta-row:hover{background:var(--bg2);}}
.meta-key{font-family:'DM Mono',monospace;font-size:11px;color:var(--text3);letter-spacing:0.08em;text-transform:uppercase;flex-shrink:0;}
.meta-val{font-size:13px;color:var(--text2);text-align:right;font-weight:300;}

/* PRINCIPLES */
.principles-grid{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden;}
@media(min-width:768px){.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);}}
.principle-item{background:var(--bg);padding:28px 24px;}
@media(min-width:768px){.principle-item:hover{background:var(--bg2);}}
.principle-num{font-family:'DM Mono',monospace;font-size:11px;color:var(--accent);margin-bottom:14px;}
.principle-title{font-family:'Unbounded',sans-serif;font-size:15px;font-weight:700;margin-bottom:10px;line-height:1.3;}
.principle-desc{font-size:13px;color:var(--text2);font-weight:300;line-height:1.65;}

/* EXPERIENCE */
.exp-layout{display:flex;flex-direction:column;gap:32px;}
@media(min-width:768px){.exp-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;}}

.exp-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden;}
.exp-item{background:var(--bg);padding:20px 22px;}
@media(min-width:768px){.exp-item:hover{background:var(--bg2);}}
.exp-period{font-family:'DM Mono',monospace;font-size:11px;color:var(--text3);margin-bottom:6px;}
.exp-role{font-family:'Unbounded',sans-serif;font-size:13px;font-weight:700;margin-bottom:4px;line-height:1.3;}
.exp-company{font-size:13px;color:var(--text2);font-weight:300;margin-bottom:8px;}
.exp-desc{font-size:13px;color:var(--text3);font-weight:300;line-height:1.6;}

/* STACK */
.stack-label{font-family:'DM Mono',monospace;font-size:11px;color:var(--text3);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:20px;}
.stack-groups{display:flex;flex-direction:column;gap:20px;}
.stack-group-name{font-size:12px;color:var(--text3);margin-bottom:10px;font-weight:300;}
.stack-tags{display:flex;flex-wrap:wrap;gap:8px;}
.stack-tag{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-family:'DM Mono',monospace;font-size:12px;color:var(--text2);}