:root{--bg:#0a3d90;--bg-deep:#021c48;--panel:#edf5ff;--panel-2:#fcfdff;--panel-soft:#dce9ff;--ink:#112344;--muted:#41629d;--link:#003fb0;--link-hover:#cc0f68;--hot:#ff4f7d;--cyan:#58dbff;--yellow:#ffe170;--mint:#b9ffd8;--line-dark:#17346f;--line-mid:#7397db;--bevel-light:#fff;--bevel-shadow:#7f98ca;--shadow:#00164e3d;--smiley-color:#111827;--display:"Trebuchet MS","Helvetica Neue",Arial,sans-serif;--body:"Trebuchet MS",Verdana,Tahoma,sans-serif;--mono:"Lucida Console","Courier New",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);font-family:var(--body);background:radial-gradient(circle at top,#ffffff1f,transparent 26%),linear-gradient(180deg,#ffffff14,transparent 28%),linear-gradient(90deg,#ffffff0d 1px,transparent 1px),linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(180deg,var(--bg),var(--bg-deep));background-size:auto,auto,24px 24px,24px 24px,auto;margin:0}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}button{font:inherit}img{max-width:100%;display:block}.site-shell{min-height:100vh;position:relative;overflow:hidden}.wallpaper{pointer-events:none;background:radial-gradient(circle at 12% 10%,#ffe17033,#0000 18%),radial-gradient(circle at 88% 14%,#58dbff2e,#0000 16%),radial-gradient(circle at 50% 100%,#ff4f7d24,#0000 22%);position:absolute;inset:0}.page{z-index:1;width:min(1280px,100% - 20px);margin:10px auto 28px;position:relative}.top-strip{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.top-strip__badge{border:2px solid var(--line-dark);border-right-color:var(--bevel-shadow);border-bottom-color:var(--bevel-shadow);box-shadow:4px 4px 0 var(--shadow);color:#81300c;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#fff6b4,#ffe170);padding:5px 10px;font-size:.7rem;font-weight:700}.marquee{border:2px solid var(--line-dark);border-right-color:var(--bevel-shadow);border-bottom-color:var(--bevel-shadow);box-shadow:4px 4px 0 var(--shadow);white-space:nowrap;background:linear-gradient(#d7f1ff,#a9d7ff);overflow:hidden}.marquee span{min-width:100%;font-family:var(--mono);color:#083481;padding:6px 0;font-size:.75rem;font-weight:700;animation:22s linear infinite marquee-scroll;display:inline-block}.content-grid{grid-template-columns:minmax(0,1.08fr) minmax(300px,.82fr);align-items:start;gap:12px;margin-top:10px;display:grid}.content-side{grid-template-rows:auto auto;align-self:start;gap:10px;display:grid}.content-side .window-body{padding:12px}.content-side .newsletter-box{gap:11px}.highlights-window{align-self:start}.highlights-window .window-body{flex:none}.window{border:2px solid var(--line-dark);border-top-color:var(--bevel-light);border-left-color:var(--bevel-light);background:var(--panel-2);box-shadow:0 0 0 2px #fff3,8px 8px 0 var(--shadow);flex-direction:column;display:flex}.window-title{border-bottom:2px solid var(--line-mid);color:#fff;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,#0153ca 0%,#16b0df 100%);justify-content:space-between;align-items:center;gap:12px;padding:5px 9px;font-size:.72rem;font-weight:700;display:flex}.window-actions{gap:5px;display:inline-flex}.window-actions span{background:#ffffff38;border:1px solid #ffffffc7;width:10px;height:10px;display:block}.window-body{background:radial-gradient(circle at 1px 1px,#4c66aa1f 1px,transparent 0),linear-gradient(180deg,#ffffff94,transparent 54%),linear-gradient(180deg,var(--panel),#f7fbff);background-size:8px 8px,auto,auto;flex:1;padding:12px}.hero-window .window-body{padding:18px 20px 16px}.eyebrow,.section-kicker,.status-label,.counter-label{color:#8a3b64;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:700}h1,h2,h3,.newsletter-box__title{font-family:var(--display);margin:0}h1{letter-spacing:-.04em;color:#ff4f9f;text-shadow:1px 1px #ffffffd1,0 0 14px #ff4f9f29;font-size:clamp(2.8rem,7.2vw,4.7rem);line-height:.92}h2{color:#0d3f93;letter-spacing:-.03em;font-size:clamp(1.6rem,3vw,2.2rem)}h3{color:#0b347e;font-size:1.08rem;line-height:1.12}p{margin:0;line-height:1.55}.hero-actions,.project-links,.newsletter-box__header,.project-card__top,.carousel-card__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.hero-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr);align-items:end;gap:14px;display:grid}.hero-copy-panel{min-width:0}.hero-copy-panel>.eyebrow,.hero-copy-panel>h1{position:relative;top:-10px}.hero-smiley{justify-items:center;gap:12px;padding:20px 10px 18px;display:grid}.hero-smiley .smiley-container{width:360px;height:296px}.hero-smiley .fire-svg{filter:drop-shadow(0 8px 18px #0000001a);width:100%;height:100%}.hero-smiley__label{color:#8a3b64;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:700}.smiley-container{width:71px;height:58px}.fire-svg{filter:drop-shadow(0 4px 10px #00000014);width:71px;height:58px}.hero-copy{max-width:68ch;margin-top:12px;font-size:.98rem}.hero-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:18px}.micro-button{border:2px solid var(--line-dark);border-top-color:var(--bevel-light);border-left-color:var(--bevel-light);min-height:30px;box-shadow:4px 4px 0 var(--shadow);color:#06357f;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#fff,#bcd9ff);justify-content:center;align-items:center;gap:7px;padding:6px 10px;font-size:.69rem;font-weight:700;display:inline-flex;position:relative}.micro-button--lime{color:#243100;background:linear-gradient(#e4f883 0%,#c7ea57 45%,#9fc52a 100%);border-bottom-color:#466091;border-right-color:#466091}.micro-button__icon{object-fit:contain;width:14px;height:14px}.micro-button:hover{box-shadow:3px 3px 0 var(--shadow);transform:translate(1px,1px)}.clipboard-button-wrap{position:relative}.clipboard-toast{color:#ecf3ff;font-family:var(--mono);opacity:0;pointer-events:none;white-space:nowrap;background:linear-gradient(#14275b,#203a7d);border:1px solid #6e8ce0;padding:4px 8px;font-size:.68rem;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.clipboard-toast.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.status-row{border-top:2px dashed #0153ca3d;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;padding-top:14px;display:grid}.status-row strong{line-height:1.2;display:block}.logo-stamp{border-radius:999px;flex:none;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.logo-stamp img{object-fit:cover;width:100%;height:100%}.highlight-list{grid-template-columns:1fr;gap:0;display:grid}.project-card,.carousel-card{background:#ffffffbf;border:2px solid #0153ca2e}.project-card:hover,.carousel-card:hover{transform:translateY(-2px);box-shadow:0 10px 18px #003d911f}.highlight-experience{color:inherit;border-bottom:2px solid #11111124;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;padding:10px 2px;text-decoration:none;transition:background-color .16s;display:grid}.highlight-experience:first-child{padding-top:2px}.highlight-experience:last-child{border-bottom:0;padding-bottom:2px}.highlight-experience:hover{background:#ffffff38}.highlight-experience .logo-stamp{width:34px;height:34px;margin-top:2px}.highlight-experience__copy{gap:4px;display:grid}.highlight-experience__meta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.highlight-experience__title{color:#111;font-size:.98rem;line-height:1.1}.highlight-experience__timeline{color:#6d4f0d;font-family:var(--mono);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;flex:none;font-size:.72rem;font-weight:700}.highlight-experience__copy p{color:#212121;max-width:84ch;font-family:var(--body);margin:0;font-size:.9rem;line-height:1.3}.newsletter-box{grid-template-rows:auto auto auto;gap:12px;display:grid}.newsletter-box__header{justify-content:start;align-items:center;gap:10px}.newsletter-box .logo-stamp{width:38px;height:38px}.newsletter-box__title{color:#112344;letter-spacing:-.04em;text-shadow:none;margin-top:0;font-size:1.34rem;font-weight:800;line-height:1.05}.newsletter-box__description{color:#112344;font-family:var(--body);align-self:start;padding-left:12px;font-size:.93rem;line-height:1.42}.section-window{margin-top:14px}.section-heading{align-items:end;margin-bottom:14px;display:flex}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.project-card{grid-template-rows:auto 1fr;gap:12px;padding:12px;display:grid}.project-card__preview{aspect-ratio:16/9;background:#07111d;border:1px solid #0153ca24;position:relative;overflow:hidden}.project-card__preview img{object-fit:contain}.project-card__preview--fallback{background:radial-gradient(circle at 10% 10%,#ffffff8c,#0000 28%),linear-gradient(135deg,#e4efff,#f5f9ff 50%,#ffe9f1);place-content:center;gap:4px;padding:14px;display:grid}.project-card__preview--fallback span{color:#0d3f93;font-family:var(--mono);text-align:center;text-transform:uppercase;font-size:.72rem;font-weight:700;line-height:1.4}.project-card__content{grid-template-rows:auto auto 1fr auto auto;gap:8px;height:100%;display:grid}.project-label{color:#0b6366;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.new-badge{background:var(--hot);color:#fff;font-family:var(--mono);text-transform:uppercase;padding:3px 7px;font-size:.68rem;font-weight:700;animation:1.1s step-end infinite blink}.project-card__title{color:#ff4f9f;text-shadow:1px 1px #ffffffb8,0 0 10px #ff4f9f2e;line-height:1.08}.project-card__description{min-height:0}.tag-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tag-list li{padding:0}.tech-pill{color:#243100;font-family:var(--mono);background:linear-gradient(#e4f883 0%,#c7ea57 45%,#9fc52a 100%);border:2px solid #466091;border-color:#fff #466091 #466091 #fff;align-items:center;gap:6px;padding:4px 8px;font-size:.68rem;line-height:1.2;display:inline-flex;box-shadow:2px 2px #17254929}.tech-pill__icon{object-fit:contain;width:12px;height:12px}.project-links a,.project-links__muted,.carousel-card__header a{font-family:var(--mono);text-transform:uppercase;font-size:.74rem;font-weight:700}.project-links{flex-wrap:wrap;justify-content:flex-start}.project-links__muted{color:#6f7fa7}.other-carousel{gap:10px;display:grid}.other-carousel__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.other-carousel__controls{justify-content:flex-end;align-items:center;gap:8px;display:flex}.carousel-page-indicator{color:#0b347e;font-family:var(--mono);font-size:.74rem;font-weight:700}.carousel-button{border:2px solid var(--line-dark);border-top-color:var(--bevel-light);border-left-color:var(--bevel-light);width:36px;height:32px;box-shadow:3px 3px 0 var(--shadow);color:#06357f;font-family:var(--mono);cursor:pointer;background:linear-gradient(#fff,#bdd7ff);font-size:.9rem;font-weight:700}.carousel-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:3px 3px #00164e1f}.other-carousel__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.carousel-card{flex-direction:column;padding:12px;display:flex}.carousel-card__body{grid-template-rows:auto minmax(106px,auto) auto;gap:10px;height:100%;display:grid}.carousel-card__header{align-items:start}.carousel-card__header h3{color:#ff4f9f;text-shadow:1px 1px #ffffffb8,0 0 10px #ff4f9f2e}.blink{animation:1.1s step-end infinite blink}@keyframes marquee-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes blink{50%{opacity:.25}}@media (max-width:1100px){.content-grid,.featured-grid,.hero-layout{grid-template-columns:1fr}.hero-smiley{justify-items:start}.other-carousel__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading,.carousel-card__header{align-items:start}.section-heading,.other-carousel__header{flex-direction:column;align-items:start}}@media (max-width:720px){.page{width:min(100% - 12px,100%);margin-top:8px}.top-strip{grid-template-columns:1fr}.window-body,.hero-window .window-body{padding:14px}.highlight-list,.status-row,.featured-grid{grid-template-columns:1fr}.hero-smiley .smiley-container{width:250px;height:205px}.other-carousel__grid{grid-template-columns:1fr}h1{font-size:2.7rem}}