@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--navy:#163b63;--blue:#245b8f;--gold:#d4a84f;--champagne:#e8d5a7;--ivory:#f7f5ef;--paper:#fffdf8;--line:#cbd2d9;--ink:#0a1b32;--muted:#65717b;--body-text:#d4dae2;--mono:"DM Mono",monospace;--sans:"DM Sans",sans-serif;--display:"Space Grotesk",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ivory);color:var(--ink);font-family:var(--sans);margin:0}a{color:inherit}.container{max-width:1220px;margin:auto;padding-left:5vw;padding-right:5vw}.nav{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f5efed;justify-content:space-between;align-items:center;height:82px;padding:0 5vw;display:flex;position:sticky;top:0}.logo{font:500 11px var(--mono);letter-spacing:.1em;align-items:center;gap:10px;text-decoration:none;display:flex}.logo span{background:var(--navy);width:31px;height:31px;color:var(--gold);font:600 12px var(--display);border-radius:50%;place-items:center;display:grid}.nav nav{gap:25px;display:flex}.nav nav a{font-size:12px;text-decoration:none}.nav-button{border:1px solid var(--navy);border-radius:99px;align-items:center;gap:7px;padding:10px 15px;font-size:12px;text-decoration:none;display:flex}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:5vw;min-height:710px;padding-top:70px;padding-bottom:70px;display:grid}.kicker{font:500 10px var(--mono);letter-spacing:.13em;color:var(--blue);margin:0 0 23px}.hero h1{font:600 clamp(46px,5vw,72px)/1.02 var(--display);letter-spacing:-.06em;max-width:610px;margin:0}.hero-sub{max-width:500px;color:var(--muted);margin:30px 0;font-size:17px;line-height:1.65}.actions{align-items:center;gap:26px;display:flex}.button{border-radius:999px;align-items:center;gap:8px;padding:14px 20px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.gold{background:var(--gold);color:var(--navy)}.gold:hover{background:#bd9137}.underlink{border-bottom:1px solid;align-items:center;gap:7px;padding-bottom:4px;font-size:13px;text-decoration:none;display:inline-flex}.hero-meta{color:#7b858d;font:10px var(--mono);text-transform:uppercase;gap:18px;margin-top:75px;display:flex}.hero-panel{background:var(--navy);color:#fff;flex-direction:column;height:510px;padding:20px;display:flex}.panel-top,.panel-bottom{font:9px var(--mono);letter-spacing:.1em;color:#9baab9;justify-content:space-between;display:flex}.panel-bottom{margin-top:auto}.gold-text{color:var(--gold)!important}.system-map{flex:1;position:relative}.map-line{transform-origin:0;background:#d4a84f73;height:1px;position:absolute}.line-a{width:43%;top:50%;left:27%;transform:rotate(-27deg)}.line-b{width:38%;top:50%;left:27%;transform:rotate(27deg)}.line-c{width:43%;top:50%;left:27%}.map-node{background:#102b4a;border:1px solid #e8d5a77a;flex-direction:column;gap:5px;min-width:110px;padding:12px;display:flex;position:absolute}.map-node b{font:10px var(--mono);color:var(--gold)}.map-node small{color:#adbcc8;font-size:10px}.node-main{background:var(--blue);border-color:var(--gold);border-radius:50%;justify-content:center;align-items:center;width:145px;height:100px;top:40%;left:34%}.node-main b{font:600 20px var(--display);color:#fff}.node-one{top:13%;left:4%}.node-two{top:14%;right:2%}.node-three{bottom:13%;left:4%}.node-four{bottom:13%;right:2%}.section{padding-top:125px;padding-bottom:125px}.split{grid-template-columns:1fr 1fr;gap:10vw;display:grid}.section h2{font:600 clamp(38px,4.4vw,63px)/1.03 var(--display);letter-spacing:-.065em;max-width:750px;margin:0}.copy{color:var(--muted);max-width:500px;font-size:17px;line-height:1.7}.copy p{margin:0 0 20px}.navy{background:var(--navy);color:#fff}.section-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px;display:flex}.section-head>p{color:#a9b6c0;max-width:300px;margin:0 0 5px;line-height:1.6}.timeline{border-top:1px solid #334760}.timeline-item{border-bottom:1px solid #334760;grid-template-columns:1fr 40px;align-items:center;gap:30px;padding:34px 0;display:grid}.timeline-index{font:12px var(--mono);color:var(--gold)}.timeline h3{font:500 28px var(--display);margin:0}.timeline h4{color:var(--gold);font:500 14px var(--mono);margin:6px 0 16px}.timeline p{color:#b8c4cc;max-width:650px;margin:0 0 14px}.timeline small{font:10px var(--mono);color:#92a2b1}.timeline-arrow{color:var(--gold)}.skill-cloud{flex-wrap:wrap;gap:10px;max-width:930px;margin-top:45px;display:flex}.skill-cloud span{border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:11px 15px;font-size:13px}.projects-section{background:var(--navy);color:#fff}.projects-section .section-head>p{color:#a9b6c0}.project-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.project-card{background:#102b4a;border:1px solid #2e4964;flex-direction:column;min-height:540px;padding:16px;display:flex}.project-art{background:linear-gradient(135deg,#143e65,#0b203a);place-items:center;height:175px;margin-bottom:23px;display:grid;position:relative;overflow:hidden}.project-art img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.project-art>span{color:var(--gold);font:10px var(--mono);position:absolute;top:13px;left:14px}.art-grid{color:var(--gold);opacity:.8;gap:19px;display:flex}.project-art button{border:1px solid var(--gold);color:var(--gold);background:0 0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:13px;right:13px}.project-card h3{font:500 25px var(--display);margin:5px 0 22px;line-height:1.08}.project-row{border-top:1px solid #2e4964;padding:13px 0}.project-row b{font:10px var(--mono);color:var(--gold)}.project-row p{color:#bcc8d1;margin:6px 0 0;font-size:12px;line-height:1.5}.project-footer{font:10px var(--mono);color:#aab8c2;justify-content:space-between;gap:10px;margin-top:auto;padding-top:20px;display:flex}.project-footer a{color:var(--gold);align-items:center;gap:4px;text-decoration:none;display:flex}.flow{align-items:stretch;margin-top:55px;display:flex}.flow-step{border-top:2px solid var(--blue);background:var(--paper);flex-direction:column;flex:1;gap:9px;padding:20px;display:flex;position:relative}.flow-step:not(:last-child):after{content:"→";background:var(--ivory);text-align:center;width:20px;color:var(--gold);z-index:2;border-radius:50%;position:absolute;top:29px;right:-10px}.flow-step>span{color:var(--blue)}.flow-step b{font:10px var(--mono);color:var(--blue)}.flow-step small{color:var(--muted)}.stack-section{background:#eef0ee}.tool-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px;display:grid}.tool-grid article{background:var(--paper);border:1px solid var(--line);min-height:240px;padding:22px}.tool-icon{width:35px;height:35px;color:var(--gold);background:var(--navy);border-radius:50%;place-items:center;margin-bottom:22px;display:grid}.tool-grid h3{font:500 20px var(--display);margin:0 0 18px}.tool{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:9px 0;font-size:12px;display:flex}.resume{grid-template-columns:1fr 1fr;align-items:center;gap:10vw;display:grid}.resume-card{background:var(--navy);color:#fff;flex-direction:column;justify-content:space-between;min-height:220px;padding:32px;display:flex}.resume-card span{font:10px var(--mono);color:var(--gold)}.resume-card strong{font:500 30px var(--display);max-width:310px;line-height:1.05}.resume-card small{color:#9baab9}.contact{background:var(--navy);color:#fff;text-align:center;padding:145px 0 110px}.contact-inner>p:not(.kicker){color:#b3c0c9;max-width:500px;margin:28px auto 35px;line-height:1.6}.contact h2{font:600 clamp(52px,8vw,105px)/.98 var(--display);letter-spacing:-.07em;margin:0}.contact h2 i{color:var(--gold);font-style:normal}.contact-links{border-top:1px solid #334760;justify-content:center;gap:30px;margin-top:80px;padding-top:20px;display:flex}.contact-links a{color:#bcc8d1;font:11px var(--mono);align-items:center;gap:5px;text-decoration:none;display:flex}footer{background:var(--navy);color:#8c9aa5;font:10px var(--mono);border-top:1px solid #334760;padding:24px 0}footer .container{justify-content:space-between;display:flex}@media (max-width:850px){.nav nav{display:none}.hero,.split,.resume{grid-template-columns:1fr}.hero-panel{height:430px}.hero-meta{flex-wrap:wrap;margin-top:45px}.section{padding-top:85px;padding-bottom:85px}.section-head{display:block}.section-head>p{margin-top:22px}.project-grid,.tool-grid{grid-template-columns:repeat(2,1fr)}.flow{overflow-x:auto}.flow-step{min-width:170px}.timeline-item{grid-template-columns:1fr 20px}}@media (max-width:540px){.nav-button{display:none}.hero{padding-top:55px}.hero h1{font-size:53px}.actions{flex-direction:column;align-items:flex-start;gap:18px}.hero-meta{font-size:9px}.project-grid,.tool-grid{grid-template-columns:1fr}.project-card{min-height:0}.contact{padding-top:95px}.contact-links{flex-wrap:wrap;gap:14px}footer .container{flex-direction:column;gap:10px}}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes mapPulse{0%,to{box-shadow:0 0 #d4a84f1a}50%{box-shadow:0 0 0 14px #d4a84f0d}}@keyframes floatNode{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hero-copy{animation:.75s both riseIn}.hero-panel{animation:.85s .1s both riseIn}.node-main{animation:3.6s ease-in-out infinite mapPulse}.map-node:not(.node-main){animation:4s ease-in-out infinite floatNode}.node-two{animation-delay:.7s!important}.node-three{animation-delay:1.2s!important}.node-four{animation-delay:1.7s!important}.reveal{opacity:1;transition:opacity .7s,transform .7s;transform:none}.reveal.visible{animation:.7s both riseIn}.project-card:nth-child(2),.tool-grid article:nth-child(2),.flow-step:nth-child(2){transition-delay:80ms}.project-card:nth-child(3),.tool-grid article:nth-child(3),.flow-step:nth-child(3){transition-delay:.16s}.profile-photo{object-fit:cover;border:2px solid var(--gold);z-index:2;background:var(--blue);border-radius:50%;width:64px;height:64px;position:absolute;top:54px;right:18px}@media (max-width:540px){.profile-photo{width:52px;height:52px;top:50px;right:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}body{background:var(--ivory)}.nav{background:#f4f6f8f0;border-color:#94a3b873}.nav nav a:hover{color:var(--gold)}.nav-button{border-color:var(--gold);color:var(--navy)}.nav-button:hover,.gold{background:var(--gold);color:var(--navy)}.gold:hover,.chat-launcher:hover{background:var(--champagne)}.navy-button{background:var(--navy);color:var(--body-text)}.navy-button:hover{background:var(--blue);color:#fff}.projects-section,.navy,.contact,footer{background:var(--navy)}.project-card,.map-node,.resume-card,.cv-card{background:var(--blue);border-color:#94a3b866}.project-art{background:linear-gradient(135deg,var(--blue),var(--navy))}.project-row,.timeline-item,.timeline,.contact-links,footer{border-color:#94a3b866}.project-row p,.project-footer,.timeline p,.timeline small,.contact-inner>p:not(.kicker),.contact-links a,.resume-card small,.cv-card p:not(.kicker),.experience-details{color:var(--body-text)}.stack-section,.sample-video{background:var(--ivory)}.section-head>p,.copy,.hero-sub,.tool,.toolkit-intro p{color:var(--muted)}.skill-cloud span,.tool-grid article,.flow-step{background:var(--paper);border-color:#94a3b87a}.chat-window{background:var(--paper)}.chat-bot{background:var(--ivory);color:var(--ink)}.chat-user,.chat-compose button{background:var(--blue)}.chat-message a,.chat-options button,.chat-actions a{color:var(--blue)}.chat-options button{border-color:var(--blue)}.chat-options button:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)}:root{--navy:#101f38;--blue:#1d3553;--gold:#d9a441;--champagne:#f0c96a;--ivory:#f4f6f8;--paper:#fff;--line:#94a3b8;--ink:#101f38;--muted:#94a3b8;--body-text:#d4dae2}.chat-launcher{z-index:30;border:1px solid var(--gold);background:var(--gold);color:var(--navy);font:600 12px var(--mono);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:12px 16px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 35px #08182e47}.chat-launcher:hover{background:#e8c978;transform:translateY(-2px)}.chat-window{z-index:31;background:var(--paper);width:min(360px,100vw - 32px);color:var(--ink);border:1px solid var(--line);animation:.25s both riseIn;position:fixed;bottom:84px;right:24px;box-shadow:0 18px 60px #08182e40}.chat-head{background:var(--navy);color:#fff;font:10px var(--mono);letter-spacing:.08em;justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.chat-head span{color:var(--gold);align-items:center;gap:7px;display:flex}.chat-head button{color:#fff;cursor:pointer;background:0 0;border:0}.chat-messages{max-height:220px;padding:16px;overflow:auto}.chat-message{max-width:90%;margin:0 0 10px;padding:10px 12px;font-size:13px;line-height:1.45}.chat-message p{margin:0}.chat-message p+p{margin-top:8px}.chat-message ul{margin:7px 0 0;padding-left:18px}.chat-message li+li{margin-top:4px}.chat-message a{color:var(--blue);overflow-wrap:anywhere;font-weight:600}.chat-bot{background:#edf0ed}.chat-user{background:var(--blue);color:#fff;margin-left:auto!important}.chat-user a{color:#fff}.chat-options{flex-wrap:wrap;gap:6px;padding:0 16px 14px;display:flex}.chat-options button{font:10px var(--mono);border:1px solid var(--blue);color:var(--blue);cursor:pointer;background:0 0;border-radius:99px;padding:7px 9px}.chat-options button:hover{background:var(--blue);color:#fff}.chat-actions{border-top:1px solid var(--line);gap:16px;padding:13px 16px;display:flex}.chat-actions a{color:var(--blue);font:10px var(--mono);align-items:center;gap:5px;text-decoration:none;display:flex}.chat-actions a:hover{color:var(--gold)}.editorial-panel{position:relative;overflow:hidden}.portrait-stage{flex:1;place-items:center;min-height:390px;display:grid;position:relative}.portrait-frame{z-index:2;border:1px solid var(--gold);background:#102b4a;width:min(270px,58%);height:340px;padding:10px;position:relative;transform:rotate(3deg);box-shadow:18px 18px #d4a84f29}.portrait-frame img{object-fit:cover;width:100%;height:100%}.portrait-glow{filter:blur(3px);background:radial-gradient(circle,#d4a84f80,#123f680a 68%);border-radius:50%;width:270px;height:270px;position:absolute}.portrait-label{z-index:3;color:var(--gold);font:10px var(--mono);letter-spacing:.06em;background:#102b4a;border:1px solid #e8d5a799;padding:9px 11px;position:absolute}.label-one{top:23%;left:5%}.label-two{top:31%;right:5%}.label-three{bottom:23%;left:7%}.label-four{bottom:15%;right:10%}.portrait-label:hover{background:var(--gold);color:var(--navy)}.sample-video{background:var(--ivory)}.video-frame{background:var(--navy);border:1px solid var(--line);max-width:980px;margin:0 auto;padding:14px}.video-frame video{background:#071322;width:100%;max-height:570px;display:block}.cv-card{background:#102b4a;border:1px solid #334760;justify-content:space-between;align-items:center;gap:25px;margin-top:42px;padding:25px 28px;display:flex}.cv-card h3{font:500 25px var(--display);margin:0 0 8px}.cv-card p:not(.kicker){color:#b8c4cc;max-width:570px;margin:0;line-height:1.5}.cv-card .button{flex-shrink:0}@media (max-width:650px){.cv-card{flex-direction:column;align-items:flex-start}.cv-card .button{justify-content:center;width:100%}}.video-layout{max-width:860px;margin:0 auto}.video-frame{flex-direction:column;justify-content:center;max-width:none;display:flex}.video-note{color:#a9b6c0;font:10px var(--mono);padding:12px 3px 0;display:block}.experience-details{color:#b8c4cc;max-width:760px;margin:0 0 18px;padding-left:18px}.experience-details li{margin:5px 0;font-size:13px;line-height:1.55}.experience-details li::marker{color:var(--gold)}.logo b{font:500 11px var(--mono);letter-spacing:.1em}.logo span{display:none}.chat-launcher{z-index:80;bottom:96px}.chat-window{z-index:81;bottom:156px}.chat-compose{gap:7px;padding:0 16px 14px;display:flex}.chat-compose input{border:1px solid var(--line);min-width:0;color:var(--ink);font:12px var(--sans);background:#fff;flex:1;padding:9px 10px}.chat-compose button{border:1px solid var(--blue);background:var(--blue);color:#fff;cursor:pointer;place-items:center;padding:0 10px;display:grid}.chat-compose button:disabled,.chat-options button:disabled{cursor:not-allowed;opacity:.55}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portfolio-process{color:#d4dae2;background:#101f38;border-block:1px solid #94a3b859;position:relative;overflow:hidden}.portfolio-process:before{content:"";pointer-events:none;background-image:radial-gradient(#94a3b830 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.portfolio-process .container{position:relative}.portfolio-process .section-head>p{color:#b9c8d8}.portfolio-process h2{color:#fff}.portfolio-process ol{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,2vw,32px);margin:0;padding:26px 0 0;list-style:none;display:grid;position:relative}.portfolio-process ol:before{content:"";background:linear-gradient(90deg,transparent,var(--gold) 8%,var(--gold) 92%,transparent);opacity:.72;height:1px;position:absolute;top:50px;left:3.2%;right:3.2%}.portfolio-process li{min-width:0;position:relative}.portfolio-process li>span{z-index:1;border:1px solid var(--gold);width:48px;height:48px;color:var(--champagne);font:11px var(--mono);background:#101f38;border-radius:50%;place-items:center;margin-bottom:20px;transition:transform .2s,box-shadow .2s;display:grid;position:relative}.portfolio-process li:hover>span{transform:translateY(-4px);box-shadow:0 0 0 8px #d9a4411a}.portfolio-process h3{font:500 20px var(--display);color:#fff;margin:0 0 8px}.portfolio-process li p{color:#c2cfda;margin:0;font-size:13px;line-height:1.65}@media (max-width:850px){.portfolio-process ol{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:38px}.portfolio-process ol:before{display:none}}@media (max-width:540px){.portfolio-process ol{grid-template-columns:1fr;gap:0;padding-top:8px}.portfolio-process li{border-bottom:1px solid #94a3b84d;grid-template-columns:50px 1fr;column-gap:18px;padding:14px 0;display:grid}.portfolio-process li>span{grid-row:span 2;margin:0}.portfolio-process h3{align-self:end}.portfolio-process li p{grid-column:2}.portfolio-process li:last-child{border-bottom:0}}@media (prefers-reduced-motion:reduce){.portfolio-process li>span{transition:none}}