@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Roboto+Mono:wght@400;500;600&display=swap');
:root{--bg:#080909;--panel:#111311;--panel2:#171815;--brass:#b88943;--gold:#d2ad69;--ice:#d6b77a;--ice2:#b99558;--text:#dedbd2;--muted:#a9a69d;--line:#5a4528;--shadow:0 18px 50px rgba(0,0,0,.55)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0%,rgba(80,120,130,.13),transparent 32%),linear-gradient(#070808,#0b0d0d 45%,#070808);color:var(--text);font-family:'Roboto Mono',Consolas,monospace;line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:38px 38px;opacity:.35;z-index:-1}
a{color:var(--ice);text-decoration:none;border-bottom:1px dotted rgba(214,183,122,.45)}a:hover{color:#f1ddb0;border-bottom-color:var(--ice)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(7,8,8,.92);backdrop-filter:blur(10px);border-bottom:1px solid #4b3921;box-shadow:0 5px 24px rgba(0,0,0,.5)}.header-inner{max-width:1220px;margin:auto;padding:12px 24px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:13px;min-width:270px}.brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(214,183,122,.2))}.brand-title{font-family:Cinzel,serif;color:#9a7442;font-size:18px;font-weight:700;letter-spacing:1.4px}.brand-sub{font-size:10px;color:var(--ice);letter-spacing:1.4px}.nav{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;flex:1}.nav a{border:1px solid transparent;padding:8px 12px;color:#bbb7ad;font-family:Cinzel,serif;font-size:13px;letter-spacing:.8px}.nav a:hover,.nav a.active{border-color:#614822;background:linear-gradient(180deg,rgba(184,137,67,.18),rgba(184,137,67,.05));color:#f0d59a;box-shadow:inset 0 0 12px rgba(184,137,67,.08)}
main{max-width:1220px;margin:auto;padding:34px 24px 70px}.hero{min-height:570px;border:1px solid #5b4527;position:relative;overflow:hidden;display:grid;align-items:end;box-shadow:var(--shadow);background-image:linear-gradient(90deg,rgba(4,5,5,.78) 0%,rgba(4,5,5,.48) 42%,rgba(4,5,5,.28)),linear-gradient(0deg,rgba(4,5,5,.85),transparent 65%),url('images/cryolab-steampunk.png');background-size:cover;background-position:center}.hero-links{position:absolute;z-index:3;right:28px;top:50%;transform:translateY(-42%);width:250px;display:flex;flex-direction:column;gap:7px;padding:13px;background:rgba(8,9,8,.28);border:1px solid rgba(184,137,67,.38);box-shadow:0 10px 35px rgba(0,0,0,.28);backdrop-filter:blur(2px)}.hero-links:before{content:"";position:absolute;inset:5px;border:1px solid rgba(210,173,105,.12);pointer-events:none}.hero-links-title{position:relative;z-index:1;color:#9a7442;font-family:Cinzel,serif;font-size:16px;font-weight:700;letter-spacing:1.8px;padding:2px 8px 7px;border-bottom:1px solid rgba(184,137,67,.28)}.hero-links a{position:relative;z-index:1;display:block;padding:7px 10px;color:#d0b27c;background:rgba(10,10,9,.25);border:1px solid rgba(184,137,67,.20);font-family:'Roboto Mono',Consolas,monospace;font-size:11px;letter-spacing:.15px;transition:background .2s,border-color .2s,color .2s,transform .2s}.hero-links a:hover{color:#f0d59a;background:rgba(184,137,67,.16);border-color:rgba(210,173,105,.48);transform:translateX(-2px)}.hero:after{content:"";position:absolute;inset:10px;border:1px solid rgba(210,173,105,.25);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:700px;padding:55px 320px 55px 55px}.eyebrow{color:var(--ice);font-size:12px;letter-spacing:3px;text-transform:uppercase}.hero h1{font-family:Cinzel,serif;font-size:clamp(38px,6vw,74px);line-height:1.02;margin:12px 0;color:#eadfc8;text-shadow:0 3px 25px #000}.hero h2{font-family:Cinzel,serif;color:var(--gold);font-weight:500;margin:0 0 18px}.hero p{color:#d4d1c8;max-width:620px}.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.button{display:inline-block;border:1px solid #6e532b;padding:10px 15px;color:#e6ca8c;background:rgba(8,9,8,.7);font-family:Cinzel,serif}.button:hover{background:rgba(184,137,67,.18)}
.section-head{margin:0 0 24px;padding:22px 26px;border:1px solid var(--line);background:linear-gradient(90deg,rgba(184,137,67,.12),rgba(17,19,17,.9));box-shadow:var(--shadow)}.section-head .kicker{color:var(--ice);font-size:11px;letter-spacing:2px;text-transform:uppercase}.section-head h1{font-family:Cinzel,serif;font-size:34px;color:#8a6639;margin:4px 0 0;text-shadow:0 1px 2px rgba(0,0,0,.7)}.panel{border:1px solid #4d3a24;background:linear-gradient(145deg,rgba(22,24,21,.96),rgba(10,11,10,.96));padding:26px;box-shadow:var(--shadow);position:relative}.panel:before{content:"";position:absolute;left:0;top:0;width:90px;height:2px;background:var(--gold)}.panel h2,.panel h3{font-family:Cinzel,serif;color:var(--gold);font-weight:600}.panel h2{font-size:24px}.panel h3{font-size:17px;color:#d8c18f}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tech-card{border:1px solid #4b3b25;background:linear-gradient(160deg,#171914,#0e100f);padding:22px;min-height:150px;position:relative}.tech-card .tag{font-size:10px;letter-spacing:2px;color:var(--ice2);text-transform:uppercase}.tech-card h3{margin:7px 0 10px}.tech-card p{color:var(--muted);margin:0}.tech-card:after{content:"";position:absolute;right:12px;bottom:12px;width:18px;height:18px;border-right:1px solid #71552e;border-bottom:1px solid #71552e}
.profile{display:grid;grid-template-columns:190px 1fr;gap:25px;align-items:start}.portrait{width:170px;border:1px solid #75552b;padding:6px;background:#0a0b0a;box-shadow:0 10px 30px rgba(0,0,0,.5)}.portrait img{width:100%;display:block}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fact{border-left:2px solid #75552b;padding:9px 13px;background:rgba(255,255,255,.025)}.fact strong{display:block;color:var(--gold);font-family:Cinzel,serif}.fact span{color:var(--muted);font-size:13px}
.list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.list li{border:1px solid #3f3323;padding:15px 17px;background:rgba(255,255,255,.025)}.list .year{color:var(--ice);font-size:12px;letter-spacing:1px}.list .title{color:#e1ddd3;font-family:Cinzel,serif;font-size:16px;margin:4px 0}.list .meta{color:var(--muted);font-size:13px}.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:150px 1fr;gap:18px;border:1px solid #433522;background:#101210;padding:16px}.timeline-year{color:var(--ice);font-family:Cinzel,serif}.timeline-body strong{color:#dfc58e}.logos img{max-height:48px;max-width:90px;object-fit:contain;margin-right:10px;vertical-align:middle;filter:grayscale(.15)}
.hobby-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.hobby-card{border:1px solid #4a3822;background:#101210;overflow:hidden}.hobby-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;filter:saturate(.75) contrast(1.05)}.hobby-card div{padding:10px 12px;color:#d9c18c;font-family:Cinzel,serif}.travel-row{display:flex;gap:18px;align-items:center;padding:15px;border:1px solid #433522;background:#101210}.travel-row img{width:170px;height:58px;object-fit:cover}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.contact-item{border:1px solid #443522;padding:18px;background:#101210}.contact-item .label{font-size:11px;letter-spacing:2px;color:var(--ice);text-transform:uppercase}.contact-item .value{font-family:Cinzel,serif;color:#dfc58e;font-size:17px;margin-top:5px}.footer{max-width:1220px;margin:auto;padding:0 24px 35px;color:#77736a;font-size:11px;text-align:center}.footer-line{height:1px;background:linear-gradient(90deg,transparent,#5a4528,transparent);margin-bottom:15px}
.kite-content{font-family:inherit}.kite-content table{width:100%!important;border-collapse:collapse!important;margin:15px 0!important}.kite-content td{padding:8px!important;border:1px solid #3c3020!important;background:rgba(255,255,255,.02)!important}.kite-content img{max-width:100%;height:auto}.kite-content h2{font-family:Cinzel,serif;color:var(--gold)}.kite-content p,.kite-content li{color:#c8c5bc}.kite-content ul{line-height:1.7}.old-center{max-width:100%!important;margin:0!important;text-align:left!important}.old-center hr{border:0;border-top:1px solid #5a4528;width:100%!important}
@media(max-width:900px){.hero-content{max-width:100%;padding:35px}.hero-links{position:relative;right:auto;top:auto;transform:none;width:auto;margin:0 20px 28px}.header-inner{align-items:flex-start}.brand{min-width:auto}.nav{justify-content:flex-start}.hero-content{padding:35px}.grid,.grid-3{grid-template-columns:1fr}.hobby-grid{grid-template-columns:repeat(2,1fr)}.profile{grid-template-columns:1fr}.portrait{width:150px}.facts,.contact-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;gap:4px}}
@media(max-width:560px){.hero-content{padding:25px}.hero-links{margin:0 15px 22px}.header-inner{display:block}.brand{margin-bottom:10px}.nav a{padding:7px 8px;font-size:11px}.hero{min-height:500px}.hero-content{padding:25px}.hero h1{font-size:42px}main{padding:20px 12px 45px}.section-head{padding:18px}.panel{padding:18px}.hobby-grid{grid-template-columns:1fr 1fr}.travel-row{display:block}.travel-row img{width:100%;height:auto;margin-top:8px}}
