@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{--ink:#242830;--line:#343943;--paper:#fff;--soft:#f5f5f5;--accent:#aa2734}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--ink);font-size:14px;line-height:1.5}.wrap{width:min(1180px,90%);margin:auto}a{color:inherit;text-decoration:none}.hero{min-height:490px;background:#333 center 47%/cover no-repeat;color:#fff;position:relative}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,22,27,.78),rgba(17,22,27,.16) 80%)}.nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:24px 0}.brand{display:flex;align-items:center;gap:17px;min-width:230px}.brand strong{font-size:13px;letter-spacing:1.5px;display:block;white-space:nowrap}.brand small{font-size:8px;letter-spacing:2px;display:block;margin-top:3px}.house{display:block;width:50px;height:48px}.house svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.1}.links{display:flex;gap:25px;align-items:center}.links a{font-size:10px;font-weight:700;letter-spacing:.35px}.links a:hover{opacity:.7}.menu-toggle{display:none}.hero-inner{position:relative;z-index:1;min-height:380px;display:flex;align-items:center;justify-content:space-between;gap:25px}.hero-left{border-left:1px solid #fff;padding:45px 0 35px 18px}.hero h1{font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:1px;margin:0;font-weight:800;white-space:pre-line}.hero-left p{font-size:13px;letter-spacing:3px;font-weight:700;margin-top:26px}.hero-side{white-space:pre-line;font-size:12px;font-weight:700;text-align:right;align-self:flex-end;margin-bottom:65px}.profile{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center;padding-top:30px;padding-bottom:30px}.profile-copy{padding:10px 0}.section-title{font-size:29px;line-height:1.2;font-weight:800;margin:0 0 32px;letter-spacing:-.5px}.section-title:after{content:'';display:block;background:var(--line);width:42px;height:2px;margin-top:15px}.profile p{font-size:15px;line-height:1.6;white-space:pre-line;max-width:520px;margin:0 0 29px}.profile img{width:100%;height:295px;object-fit:cover}.outline-btn{display:inline-flex;gap:18px;border:1px solid var(--ink);padding:10px 23px;font-size:11px;font-weight:600;align-items:center}.outline-btn:hover{background:var(--ink);color:white}.skills{background:#f4f4f4;padding:34px 0 40px}.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.skill{padding:0 24px 0 35px;border-right:1px solid #c5c5c5;min-width:0}.skill:first-child{padding-left:0}.skill:last-child{border:0}.skill-heading{display:flex;align-items:center;gap:20px;min-height:65px}.skill-heading svg{width:60px;height:60px;flex:0 0 60px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.skill h3{font-size:17px;margin:0;font-weight:700;overflow-wrap:anywhere}.skill ul{margin:10px 0 0 80px;padding:0;font-size:12.5px;line-height:1.75}.skill:first-child ul{margin-left:80px}.software{padding-top:33px;padding-bottom:28px}.software-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.soft-card{min-width:0;background:#f0f0f1;padding:20px 18px;display:flex;align-items:center;gap:18px;min-height:94px}.soft-icon{flex:0 0 94px;font-weight:800;font-size:38px;line-height:1;text-align:center;color:#b51e35}.soft-icon.excel{color:#147d49}.soft-icon.autocad{color:#b22229;font-size:60px;font-style:italic}.soft-copy{min-width:0}.soft-copy h3{font-size:16px;margin:0 0 5px;font-weight:700}.soft-copy p{font-size:12px;margin:0;overflow-wrap:anywhere;line-height:1.5}.projects{background:#f6f6f6;padding:32px 0 38px}.projects-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.projects-heading>a{font-size:10px;white-space:nowrap;margin-top:13px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project{height:240px;position:relative;overflow:hidden;background:#444}.project img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.project:hover img{transform:scale(1.04)}.project:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.76))}.project-copy{position:absolute;z-index:1;bottom:14px;left:15px;right:10px;color:white}.project h3{font-size:13px;margin:0 0 3px}.project p{font-size:9px;letter-spacing:1px;margin:0}footer{background:#202124;color:#fff;padding:23px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-inner>p{font-size:10px;letter-spacing:4px;white-space:pre-line;text-align:center}.footer-contact{display:flex;gap:22px;font-size:11px}.footer-contact a:hover{opacity:.7}
@media(max-width:900px){.links{gap:12px}.links a{font-size:9px}.brand{min-width:180px}.brand strong{font-size:10px}.house{width:38px}.profile{gap:25px}.skill{padding-left:16px;padding-right:12px}.skill-heading{gap:10px}.skill-heading svg{width:43px;flex-basis:43px}.skill ul,.skill:first-child ul{margin-left:56px}.soft-card{gap:8px;padding:15px 10px}.soft-icon{flex-basis:60px;font-size:29px}.soft-icon.autocad{font-size:47px}}
@media(max-width:700px){.nav{align-items:flex-start}.menu-toggle{display:block;background:transparent;border:1px solid #fff;color:#fff;font-size:22px;padding:0 9px;cursor:pointer}.links{display:none;position:absolute;top:80px;right:0;left:0;padding:20px;background:rgba(28,31,34,.97);flex-direction:column;align-items:stretch;gap:17px}.links.open{display:flex}.hero{min-height:520px}.hero-inner{min-height:420px}.hero h1{font-size:clamp(34px,8vw,52px)}.hero-left p{font-size:10px;letter-spacing:1.2px}.hero-side{display:none}.profile{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px}.profile img{height:250px}.skills-grid,.software-grid,.project-grid{grid-template-columns:1fr}.skill,.skill:first-child{padding:17px 0;border-right:0;border-bottom:1px solid #ccc}.skill:last-child{border-bottom:0}.skill ul,.skill:first-child ul{margin-left:65px}.software-grid{gap:12px}.soft-card{padding:18px}.soft-icon{flex-basis:85px}.project{height:245px}.footer-inner{flex-wrap:wrap}.footer-inner>p{order:3;width:100%;text-align:left}.section-title{font-size:25px}.projects-heading>a{font-size:9px;white-space:normal;text-align:right}}