:root{--ink:#0a1020;--muted:#53627c;--blue:#2463f4;--line:#e5e9f0;--soft:#f3f6fa}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:#fff;color:var(--ink);font-family:'Montserrat',sans-serif}a{color:inherit;text-decoration:none}.site-header,main{width:min(1120px,calc(100% - 48px));margin:auto}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:24px;font-weight:800;letter-spacing:-.04em}nav{display:flex;gap:42px;height:100%;align-items:center}nav a{position:relative;color:#35405a;font-size:14px;font-weight:520}nav a:hover,nav a.active{color:var(--blue)}nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--blue)}
.hero{min-height:430px;display:grid;grid-template-columns:.98fr 1.12fr;gap:56px;align-items:center;padding:30px 0 44px}.hero h1{font-size:clamp(38px,4.3vw,58px);line-height:1.07;letter-spacing:-.055em}.hero-copy>p{max-width:540px;margin-top:22px;color:var(--muted);font-size:17px;line-height:1.45}.hero-actions{display:flex;gap:16px;margin-top:26px}.button{min-height:46px;padding:0 28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:14px;font-weight:600}.button-primary{background:var(--blue);color:white;box-shadow:0 8px 20px rgba(36,99,244,.18)}.button-secondary{border:1px solid #c9d2e1;color:#34415b}.hero-image{height:350px;overflow:hidden;border-radius:12px;background:var(--soft)}.hero-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hero-image:hover img{transform:scale(1.025)}
.section{padding:46px 0}.section h2{font-size:30px;letter-spacing:-.04em}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1.05fr .95fr;gap:42px}.about-copy{padding-right:46px;border-right:1px solid var(--line)}.about-copy p{margin-top:10px;color:var(--muted);font-size:15px;line-height:1.55}.interests{padding-top:9px}.interests h3{font-size:16px;margin-bottom:12px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{padding:7px 12px;border-radius:999px;background:#f0f3f8;color:#52617a;font-size:11px;white-space:nowrap}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading>a{color:#1758d5;font-size:13px;font-weight:550}.section-heading>a span{margin-left:8px;font-size:18px}
.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.project-card{overflow:hidden;border:1px solid #dfe5ed;border-radius:7px;background:#fff;display:flex;flex-direction:column;transition:.2s ease}.project-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(22,40,70,.1)}.project-visual{height:104px;display:flex;align-items:center;justify-content:center;font-size:42px;overflow:hidden}.visual-calendar{background:linear-gradient(135deg,#eef2f6,#d9e2ee);color:#3769b0}.visual-calendar i{padding:18px 26px;background:#fff;border-radius:7px;box-shadow:0 5px 20px #aab7c9}.visual-uw{background:linear-gradient(135deg,#d9c6b6,#78939b)}.visual-uw strong{color:#fff;background:#4b2e83;padding:9px 18px;font-family:serif;font-size:48px}.visual-moon{gap:16px;background:#050505;color:#ddd}.visual-moon i:first-child{font-size:55px}.visual-moon i:last-child{font-size:30px;color:#777}.visual-heart{background:repeating-linear-gradient(0deg,#54060c 0 1px,#7e0711 2px 12px);color:#ff4453}.project-content{padding:15px 16px 16px;display:flex;flex:1;flex-direction:column}.project-content h3{font-size:15px;letter-spacing:-.02em}.project-content p{min-height:80px;margin:8px 0 12px;color:var(--muted);font-size:12px;line-height:1.45}.project-content .tags{margin-bottom:12px}.project-content .tags span{padding:5px 10px;font-size:9px}.project-content>a{margin-top:auto;color:#1758d5;font-size:11px;font-weight:600}
.gallery{padding-top:26px}.gallery-strip{height:126px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;overflow:hidden}.gallery-strip img{display:block;width:100%;height:126px;min-width:0;min-height:0;object-fit:cover;border-radius:7px;transition:.2s ease}.gallery-strip:hover img{opacity:.9}.gallery-strip img:hover{opacity:1;transform:translateY(-3px)}.contact{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-top:50px;padding-bottom:72px}.contact>div:first-child p{margin-top:3px;color:var(--muted);font-size:13px}.contact-links{display:grid;grid-template-columns:repeat(4,auto);gap:28px}.contact-links a{display:flex;align-items:center;gap:10px;color:#33415a;font-size:12px}.contact-links i{color:var(--blue);font-size:22px}.contact-links small{display:block;margin-bottom:3px;color:#657189;font-size:10px}
@media(max-width:900px){nav{gap:20px}.hero{gap:28px}.project-grid{grid-template-columns:repeat(2,1fr)}.contact{align-items:flex-start;flex-direction:column}.contact-links{width:100%}.gallery-strip{grid-template-columns:repeat(3,1fr);height:auto}.gallery-strip img{height:130px}.gallery-strip img:nth-child(n+4){display:none}}
@media(max-width:650px){.site-header,main{width:min(100% - 32px,1120px)}.site-header{height:70px}.brand{font-size:20px}nav{gap:14px}nav a{font-size:11px}nav a:nth-child(2),nav a:nth-child(3){display:none}.hero{grid-template-columns:1fr;padding-top:28px}.hero-image{height:260px;grid-row:1}.hero h1{font-size:40px}.about{grid-template-columns:1fr}.about-copy{padding:0 0 28px;border-right:0;border-bottom:1px solid var(--line)}.project-grid{grid-template-columns:1fr}.gallery-strip{grid-template-columns:1fr 1fr}.gallery-strip img{height:120px}.gallery-strip img:nth-child(n+3){display:none}.contact-links{grid-template-columns:1fr 1fr;gap:22px}}
@media(max-width:420px){.hero-actions{flex-direction:column}.contact-links{grid-template-columns:1fr}.section{padding:36px 0}}
.gallery-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:650px){.gallery-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gallery-strip{height:auto;overflow:visible}
.gallery-strip img{height:auto;aspect-ratio:3/2}
@media(min-width:651px){.gallery-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}