*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#080d18;color:#f1f5ff;font:16px/1.7 Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#87d6ff}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #87d6ff;outline-offset:6px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:10;background:#080d18}header{height:88px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;background:#080d18ed;position:sticky;top:0;z-index:5}.brand{font-size:23px;font-weight:900;letter-spacing:-1px}.brand span{color:#87d6ff}nav{display:flex;gap:30px;font-size:14px}.cv{font-size:13px;border-bottom:1px solid #a5ab98}.hero{position:relative;min-height:760px;overflow:hidden;padding-top:90px}.hero-copy{position:relative;z-index:1;max-width:800px}.eyebrow,small{font:11px/1.6 monospace;letter-spacing:2px;color:#87d6ff}h1{font-size:clamp(54px,7.8vw,115px);line-height:1.02;letter-spacing:-6px;margin:28px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#87d6ff}.intro{max-width:440px;color:#b5c2d8;margin:30px 0}.button{display:inline-flex;gap:50px;align-items:center;background:#87d6ff;color:#061424;padding:16px 24px;font-size:14px;font-weight:bold}.button:hover{background:#c6ecff;color:#061424}.hero-bottom{display:flex;justify-content:space-between;margin-top:65px;font:11px/1.8 monospace;color:#a4b8d3}section{padding:90px 6%;border-bottom:1px solid #ffffff1c}.section-title{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-title p{color:#a4b8d3}h2{font-size:clamp(28px,4vw,55px);line-height:1.15;letter-spacing:-1.5px}h3{font-size:25px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:35px 0}.filters button{background:none;border:1px solid #ffffff30;color:#b5c2d8;padding:11px 17px;border-radius:24px;cursor:pointer}.filters button[aria-pressed=true]{background:#87d6ff;color:#061424}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.projects article{border-bottom:1px solid #ffffff30;padding-bottom:20px;min-width:0}.projects article[hidden]{display:none}.projects img,.art{width:100%;height:300px;object-fit:cover}.art{display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 50% 100%,#687d5b,#192923 55%,#131c19);overflow:hidden}.art span{font:bold 105px Georgia;letter-spacing:-10px;color:#87d6ff;border:1px solid #87d6ff70;padding:10px 50px;transform:rotate(-12deg)}.art small{position:absolute;bottom:20px;left:25px}.art1{background:radial-gradient(ellipse at top,#a56e49,#30251d 60%)}.art2{background:radial-gradient(ellipse at bottom,#5b648b,#191b28 70%)}.art3{background:conic-gradient(from 40deg,#3c5268,#684b66,#536b46,#3c5268)}.art4{background:repeating-linear-gradient(90deg,#262a23 0 30px,#414b36 31px 33px)}.cardbody{padding:25px 0}.cardbody p,.background p,.background li{color:#b5c2d8}.action{display:inline-block;border-bottom:1px solid #87d6ff;margin-top:16px;color:#87d6ff}.background h2{font-family:Arial!important;font-size:32px}.background h3{color:#87d6ff!important}.background h4{font-size:20px}.background .grid,.skills-grid,.approach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.background .card,.skill-card,.approach-card,.timeline-item{padding:22px;border:1px solid #ffffff20;margin-bottom:20px}.background .section-subtitle{color:#87d6ff}.background>div[style]{background:transparent!important;border-color:#87d6ff!important}.social{display:flex;flex-wrap:wrap;gap:30px;margin-top:40px}#contact{background:#0c192c}#contact h2{font-size:clamp(40px,6vw,80px)}footer{padding:35px 6%;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:12px}@media(max-width:700px){header{padding:0 5%;height:75px}nav{gap:16px}.cv{display:none}section{padding:60px 5%}.hero{min-height:720px;padding-top:70px}h1{letter-spacing:-3px}.hero-bottom{gap:20px}.section-title{display:block}.projects{grid-template-columns:1fr}.projects img,.art{height:260px}.background .grid,.skills-grid,.approach-grid{grid-template-columns:1fr}.background h2{font-size:27px!important;overflow-wrap:anywhere}.background>div[style]{padding:20px!important}.social{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

header{height:auto;min-height:88px;gap:20px;padding-top:18px;padding-bottom:18px}nav{flex-wrap:wrap;justify-content:center}.custom-page{min-height:75vh}.custom-page section{max-width:1000px;margin:auto}.custom-page h1{font-size:clamp(38px,6vw,76px);letter-spacing:-2px;overflow-wrap:anywhere}.prose{max-width:760px;font-size:18px;color:#b5c2d8;overflow-wrap:anywhere}.prose h2,.prose h3{color:#f1f5ff}.prose a{text-decoration:underline;color:#87d6ff}.prose img,.prose video{max-width:100%;height:auto}.prose table{display:block;max-width:100%;overflow:auto}.prose pre{overflow:auto}.back-link{color:#87d6ff;font-size:13px}@media(max-width:700px){header{flex-wrap:wrap;gap:10px}header nav{order:3;flex-basis:100%;gap:12px 20px;justify-content:flex-start}html{scroll-padding-top:140px}.hero{padding-top:55px}.custom-page section{padding-top:45px}}

/* Midnight cinematic theme */
body{background:#080d18;font-family:Arial,sans-serif}header{background:#080d18ed;backdrop-filter:blur(18px);border-bottom:1px solid #87d6ff24}.brand{letter-spacing:.5px}.hero{min-height:800px;isolation:isolate;padding-top:100px;padding-bottom:65px;background:#080d18}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-3;opacity:.8}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080d18 5%,#080d18ed 25%,#080d1888 65%,#080d1833),linear-gradient(0deg,#080d18 0%,transparent 40%)}.hero-copy{max-width:850px}.hero h1{font-size:clamp(54px,7.2vw,102px);line-height:1.06;letter-spacing:-4px;font-weight:800;max-width:820px}.hero .intro{max-width:500px;color:#c5d1e3}.hero-bottom{position:relative;margin-top:70px;color:#b5c2d8}.button{border-radius:6px;box-shadow:0 4px 28px #60bfff20}.eyebrow{color:#87d6ff}.filters button{border-radius:6px}.projects{gap:32px}.projects article{border:1px solid #87d6ff20;border-radius:12px;overflow:hidden;background:#0e1727;padding:0;transition:border-color .2s,transform .2s}.projects article:hover{border-color:#87d6ff80;transform:translateY(-3px)}.cardbody{padding:24px}.project-tools{font:12px/1.7 monospace;color:#87d6ff!important}.art{background:radial-gradient(ellipse at 60% 10%,#284c73,#101e36 65%,#0b1425)}.art span{font-family:Arial,sans-serif;font-size:85px;letter-spacing:-3px;border-radius:14px;border-color:#87d6ff50;transform:rotate(-8deg)}.art1{background:radial-gradient(ellipse at top,#324878,#111a32 70%)}.art2{background:radial-gradient(ellipse at bottom,#246b7d,#102231 70%)}.art3{background:linear-gradient(130deg,#283363,#164e64)}.art4{background:repeating-linear-gradient(90deg,#102238 0 30px,#244366 31px 33px)}.skill-card,.approach-card,.timeline-item{background:#0d1728;border:1px solid #87d6ff20;border-radius:10px}section{border-bottom-color:#87d6ff18}#contact{background:radial-gradient(ellipse at 80% 100%,#173759,#0b1525 70%)}.prose blockquote{border-left:3px solid #87d6ff;padding-left:22px;margin-left:0}footer{color:#a4b8d3}.projects img{transition:transform .4s}.projects article:hover img{transform:scale(1.025)}@media(max-width:700px){.hero{min-height:760px;padding-top:65px}.hero h1{font-size:clamp(48px,12.5vw,70px);letter-spacing:-2px}.hero-image{object-position:72% center;opacity:.5}.hero-shade{background:linear-gradient(90deg,#080d18e8,#080d1880),linear-gradient(0deg,#080d18,transparent 65%)}.hero .intro{font-size:15px}.hero-bottom{margin-top:50px}.projects{gap:24px}.cardbody{padding:20px}.projects article:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.projects article,.projects img{transition:none}.projects article:hover img{transform:none}}

.hero-image{object-position:center;opacity:1}.hero-shade{background:linear-gradient(90deg,#080d1866 0%,#080d1833 40%,transparent 75%),linear-gradient(0deg,#080d18 0%,transparent 30%)}@media(max-width:700px){.hero-image{object-position:70% center;opacity:.65}.hero-shade{background:linear-gradient(90deg,#080d18e8,#080d1870),linear-gradient(0deg,#080d18,transparent 70%)}}