:root {
  --bg: #090a0c;
  --panel: #15161a;
  --ink: #f4f5f7;
  --muted: #a1a4ac;
  --line: rgba(216,222,234,.13);
  --silver: #e5e7eb;
}
body {
  background: radial-gradient(ellipse 70% 600px at 80% 0, #25283166, transparent 75%), radial-gradient(ellipse 700px 650px at -10% 30%, #24273144, transparent 75%), #090a0c;
}
body::before {
  content: ''; position:fixed; inset:0; pointer-events:none; z-index:-1;
  background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(#000,transparent 85%);
}
.header {
  position:sticky; top:14px; z-index:10; height:72px; margin-top:18px;
  width:calc(100% - 96px); max-width:1296px; padding:0 25px;
  border:1px solid #ffffff1f; border-radius:18px;
  background:linear-gradient(120deg,#ffffff0d,#ffffff03),#111216c9;
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
  box-shadow:0 8px 30px #0004,inset 0 1px 0 #ffffff0b;
}
.brand {font-size:39px; letter-spacing:-4px;}
nav>a {color:#aeb1bb;}
nav>a.active, nav>a:hover {color:#fff;}
.nav-contact {background:linear-gradient(150deg,#ffffff1b,#ffffff06);border-color:#ffffff2b;border-radius:10px;padding:9px 17px;}
.hero {padding-top:48px;}
.hero-top .eyebrow {color:#c5c8d0;}
#home .hero-top .eyebrow {display:inline-flex;align-items:center;gap:11px;font-family:var(--display);font-size:16px;font-weight:600;letter-spacing:-.35px;color:#e8ecf3;}
#home .hero-top .dot {margin-right:0;flex-shrink:0;}
.dot,.identity-dot {background:#e4e7ed;box-shadow:0 0 15px #dce4ff55;}
.hero-index,.hero-bottom {color:#8e929e;}
.hero-grid {gap:48px;padding:48px 0 49px;grid-template-columns:1.3fr 1fr;}
h1 {font-size:clamp(60px,6.1vw,88px);font-weight:500;letter-spacing:-5px;line-height:1.09;}
h1 .serif {
  background:linear-gradient(120deg,#f8f9fc 5%,#a1a5af 48%,#f2f4f7 75%,#b1b6c0);
  -webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.09em;
}
.heading-star {font-size:35px;right:8px;top:4px;color:#b5bac5;}
.hero-copy>p {color:#a4a8b2;font-size:15px;}
.button {border-radius:10px;padding:15px 23px;position:relative;overflow:hidden;}
.primary {background:linear-gradient(135deg,#fff 0%,#d6d9e0 52%,#f4f5f8 100%);color:#17181c;border:1px solid #fff9;box-shadow:0 2px 12px #dbe3ff14,inset 0 1px #fff;}
.primary::before {content:'';position:absolute;inset:-50% 0;left:-150%;width:80%;background:linear-gradient(90deg,transparent,#ffffffaa,transparent);transform:skewX(-25deg);transition:left .65s;pointer-events:none;}
.primary:hover::before {left:150%;}
.primary:hover {box-shadow:0 6px 25px #dbe3ff25;}
.text-link {border-color:#626773;transition:color .2s,border-color .2s;}
.text-link:hover {color:#fff;border-color:#f0f2f8;}
.hero-art {
  height:438px;border-radius:25px;background:radial-gradient(ellipse at 50% 15%,#3c404c5e,transparent 65%),linear-gradient(130deg,#ffffff0a,#ffffff02);
  border-color:#ffffff25;box-shadow:inset 0 1px #fff2,0 25px 80px #0005;
  transform:perspective(1200px) rotateY(-5deg) rotateX(2deg); transition:transform .5s;
}
.hero-art:hover {transform:perspective(1200px) rotateY(0deg) rotateX(0deg);}
.art-grid {background-image:linear-gradient(#aeb5c311 1px,transparent 1px),linear-gradient(90deg,#aeb5c311 1px,transparent 1px);mask-image:radial-gradient(ellipse,#000,transparent 80%);}
.hero-art img {opacity:.83;transform:scale(.92);filter:grayscale(1) contrast(1.07);}
.art-caption {color:#c3c8d2;letter-spacing:2px;}
.orbit {border-color:#d9dff127;}
.orbit-two {border-color:#d9dff11a;}
.art-cross {color:#a6adbb;}
.identity {background:linear-gradient(135deg,#ffffff14,#ffffff04),#15171bba;border:1px solid #ffffff24;border-radius:14px;padding:18px;backdrop-filter:blur(18px);box-shadow:0 8px 24px #0004;}
.identity div>span {color:#aab0bd;}
.identity-symbol {color:#d8deea;}
.ticker {background:linear-gradient(90deg,#ffffff02,#ffffff08,#ffffff02);color:#a1a6b2;border-block:1px solid #ffffff15;padding:20px 0;}
.ticker>div {font-size:14px;letter-spacing:2px;font-weight:500;gap:50px;}
.ticker b {color:#dedfe4;font-size:22px;}
.section {padding-block:96px;}
.section-top {color:#bbc0ca;}
h2 .serif {color:#c3c7d0;}
.section-heading {margin-bottom:38px;}
.project-filters {gap:8px;margin-bottom:30px;}
.project-filters button {background:#ffffff04;border-color:#ffffff15;color:#aaaeba;padding:9px 17px;transition:background .25s,color .25s,border-color .25s;}
.project-filters button:hover {color:#fff;background:#ffffff0d;border-color:#ffffff38;}
.project-filters button.selected {background:linear-gradient(120deg,#eaecf1,#b9bec8);border-color:#eaecf1;color:#16171b;}
.work-grid {gap:28px;}
.work-card {
  position:relative;padding:16px 16px 22px;border:1px solid #ffffff14;border-radius:19px;
  background:linear-gradient(145deg,#ffffff08,#ffffff02);box-shadow:inset 0 1px #fff08;
  transition:border-color .35s,transform .35s,box-shadow .35s;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
}
.work-card:hover {border-color:#d9dff13b;transform:translateY(-5px);box-shadow:0 20px 40px #0003;}
.card-caption,.work-card>p,.work-card>.tags {margin-inline:9px;}
.card-caption {margin-top:22px;}
.card-arrow {border:1px solid #ffffff22;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:19px;color:#d5d9e1;}
.work-card>p {color:#a1a7b1;min-height:42px;}
.project-art {border-radius:11px;border:1px solid #ffffff0e;}
.project-status {background:#17191ee6;color:#c8cbd2;border-color:#fff3;border-radius:5px;}
.art-label {color:#969dab;}
.iqnix-art {background:radial-gradient(ellipse at 50% 0,#353944,#191a1f 80%);}
.iqnix-art img {border-color:#ffffff25;}
.iqnix-art .art-label {color:#a4a9b4;}
.ridego-art {background:linear-gradient(130deg,#c9ccd3,#979ca8);}
.ridego-title,.ridego-title>strong>span {color:#242832;}
.ridego-title>.mono {color:#4e5561;}
.ridego-art .project-status {background:#d8dce3d9;color:#303743;border-color:#777f91;}
.phone-frame {border-color:#20242b;box-shadow:10px 20px 30px #0004;}
.farm-art {background:radial-gradient(ellipse at top left,#373b47,#1e2028);}
.farm-title {color:#e1e4eb;}
.farm-title>.mono,.farm-art .art-label {color:#a0a7b6;}
.farm-title>strong>span {color:#c5cbd6;}
.farm-widget {background:linear-gradient(135deg,#e6e8ed,#bcc2ce);color:#303743;border:1px solid #fff7;border-radius:12px;box-shadow:0 20px 35px #0004;}
.crop-symbol {color:#6a7486;}
.farm-widget small {color:#697180;}
.farm-widget p {border-color:#aab1bf;}
.field-lines i {border-color:#9ca8bf30;}
.bounty-art {background:radial-gradient(ellipse at top right,#393b46,#202127);}
.bounty-title>.mono,.bounty-art .art-label {color:#a7adba;}
.bounty-title>strong {color:#e5e7ef;}
.bounty-title>strong>span {color:#aab3c3;}
.bounty-board {background:#181a20;border-color:#747d8e;box-shadow:8px 8px 0 #3c424f;}
.bounty-board-top {color:#c3ccdc;}
.bounty-controls {color:#979fac;}
.tags span {color:#b8becb;border-color:#ffffff20;background:#ffffff03;border-radius:5px;}
.featured-project {
  position:relative;background:linear-gradient(120deg,#ffffff09,#ffffff03);border:1px solid #ffffff24;border-radius:22px;
  box-shadow:0 25px 80px #0003,inset 0 1px #ffffff13;
}
.rescue-art {background:radial-gradient(ellipse at 50% 35%,#444a5866,transparent 80%),linear-gradient(135deg,#1d2028,#121418);border-right:1px solid #ffffff15;}
.rescue-art .project-status {background:#252a34d9;border-color:#ffffff33;color:#d8dde6;}
.rescue-rings {border-color:#b5c0d322;box-shadow:0 0 0 40px #b5c0d310,0 0 0 80px #b5c0d308;}
.rescue-phone {border-color:#090b10;box-shadow:10px 25px 40px #0008,inset 0 1px #fff2;}
.rescue-art .art-label {color:#acb4c3;background:#171b24c9;backdrop-filter:blur(10px);border-radius:5px;}
.rescue-copy {padding:45px 40px;background:linear-gradient(130deg,#ffffff05,transparent);}
.rescue-copy h3>em {color:#b9c1ce;}
.rescue-copy>p {color:#a6aebb;}
.rescue-features>span {color:#717c91;}
.rescue-features b {color:#c2cad7;}
.rescue-copy .tags span {border-color:#ffffff20;}
.work-note {color:#7c8596;line-height:1.8;}
.more-builds {border-color:#ffffff17;}
.more-builds>.eyebrow {color:#959fad;}
.more-builds button,.more-builds>div>span {background:#fff04;border-color:#ffffff20;color:#c9ced8;border-radius:8px;}
.about-section {background:linear-gradient(120deg,#ffffff04,transparent);border-color:#ffffff10;}
.about-grid {padding:40px;border:1px solid #ffffff18;border-radius:22px;background:linear-gradient(145deg,#ffffff09,#ffffff02);box-shadow:inset 0 1px #ffffff0c;}
.about-grid,.direction,.stats>div {backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.about-copy p {color:#a4aab6;}
.about-copy .lead {color:#e1e5ee;}
.about-signature {transform:none;display:inline-flex;align-items:center;gap:16px;line-height:1.2;letter-spacing:-1.5px;}
.about-signature span {margin-left:0;line-height:1;}
.stats {gap:15px;border:0;margin-top:22px;padding:0;}
.stats>div,.stats>div:first-child {padding:29px 30px;border:1px solid #ffffff18;border-radius:15px;background:linear-gradient(130deg,#ffffff08,#ffffff02);}
.stats strong {color:#f0f2f7;font-size:52px;}
.stats>div>span {color:#a0a9b9;}
.expertise-grid {gap:60px;}
.skill-tags>span {background:linear-gradient(125deg,#ffffff0c,#ffffff03);border-color:#ffffff1d;border-radius:9px;color:#cbd0db;transition:transform .25s,border-color .25s;}
.skill-tags>span:hover {transform:translateY(-3px);border-color:#ffffff55;}
.skill-tags small {color:#7d899d;}
.direction {padding:30px;border:1px solid #ffffff18;border-radius:20px;background:linear-gradient(145deg,#ffffff09,#ffffff02);}
.direction p {color:#a5acb9;}
.direction>div {border-color:#ffffff14;}
.contact-section {
  position:relative;background:radial-gradient(ellipse at 80% 0,#4e55664d,transparent 70%),linear-gradient(120deg,#ffffff0a,#ffffff02);
  border-block:1px solid #ffffff24;color:#f1f3f8;padding:70px 0;
}
.contact-section .section-top {color:#aeb6c5;}
.contact-heading .serif {color:#b7c1d1;}
.contact-orb {border-color:#ffffff30;color:#e4e9f2;background:linear-gradient(140deg,#ffffff1c,#ffffff03);box-shadow:inset 0 1px #ffffff2b,0 15px 40px #0005;border-radius:28px;font-size:58px;}
.contact-orb:hover {background:linear-gradient(130deg,#f0f2f7,#aeb8c9);color:#161a23;}
.contact-bottom p {color:#a7afbe;}
.contact-bottom a {border-color:#788294;color:#d5dce8;}
footer {padding-block:35px;}
dialog {background:linear-gradient(125deg,#ffffff0e,#ffffff03),#12151beb;border-color:#ffffff2b;border-radius:22px;backdrop-filter:blur(24px);box-shadow:0 30px 100px #0009;}
dialog::backdrop {background:#03050bcc;backdrop-filter:blur(10px);}
dialog p,dialog li {color:#b3bdcd;}
.dialog-close {color:#c4cdde;}
.surface-light {position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit;background:radial-gradient(450px circle at var(--light-x,50%) var(--light-y,0%),#d9e4ff0c,transparent 65%);opacity:0;transition:opacity .3s;}
.work-card:hover .surface-light,.featured-project:hover .surface-light {opacity:1;}
.work-card>*:not(.surface-light),.featured-project>*:not(.surface-light) {position:relative;z-index:1;}
.reveal-ready {opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s;}
.reveal-ready.is-visible {opacity:1;transform:none;}
@media(min-width:1450px) {.hero-art{height:470px;}}
@media(max-width:1100px) {.header{width:calc(100% - 64px)}.hero-grid{gap:28px}h1{font-size:68px}.hero-art{height:390px}.about-grid{padding:30px}.rescue-copy{padding:35px 28px}.stats>div,.stats>div:first-child{padding:26px}.section{padding-block:75px}}
@media(max-width:800px) {.header{width:calc(100% - 32px);padding-inline:20px}h1{font-size:55px;letter-spacing:-3px}.hero-grid{gap:22px}.hero-art{height:345px}.heading-star{font-size:25px;top:-14px;right:0}.hero-copy>p{font-size:13px}.hero-actions{gap:20px}.about-grid{padding:26px;gap:30px}.expertise-grid{gap:35px}.rescue-copy{padding:32px 25px}.work-card{padding:12px 12px 20px}.stats>div,.stats>div:first-child{padding:22px}.stats strong{font-size:44px}}
@media(max-width:600px) {
  .header{height:64px;top:10px;margin-top:12px;border-radius:14px;padding-inline:17px}
  .brand{font-size:35px}.menu{border-color:#ffffff28;background:#ffffff06}
  nav{top:70px;left:-1px;right:-1px;border-color:#ffffff25;border-radius:14px;background:#17191ff5;box-shadow:0 15px 40px #0007}
  .nav-contact{background:#ffffff09}.hero{padding-top:32px}.hero-grid{padding-top:34px;gap:35px}
  h1{font-size:clamp(48px,11.5vw,68px);letter-spacing:-2.6px}.heading-star{font-size:27px;right:4px;top:-14px}
  .hero-copy>p{font-size:14px}.hero-art{height:350px;border-radius:20px;transform:none}.identity{border-radius:12px}
  .ticker>div{font-size:11px;gap:28px;letter-spacing:1.5px}.section{padding-block:58px}
  .work-grid{gap:22px}.work-card{border-radius:17px;padding:12px 12px 22px}.project-art{height:285px}
  .card-caption,.work-card>p,.work-card>.tags{margin-inline:6px}.card-caption h3{font-size:21px}
  .rescue-art{min-height:350px;border-right:0;border-bottom:1px solid #ffffff18}.rescue-copy{padding:31px 26px 36px}
  .about-grid{padding:28px 24px;border-radius:18px}.about-grid h2{font-size:33px}
  .stats{gap:8px}.stats>div,.stats>div:first-child{padding:19px 12px;border-radius:12px}.stats strong{font-size:37px}
  .stats>div>span{font-size:9px}.expertise-grid{gap:30px}.direction{padding:25px;border-radius:18px}
  .contact-section{padding-block:50px}.contact-heading h2{font-size:51px}.contact-orb{width:66px;height:66px;border-radius:18px;font-size:38px}
  dialog{padding:35px 27px}.more-builds button,.more-builds>div>span{font-size:9px}
}
@media(prefers-reduced-motion:reduce) {
  .reveal-ready{opacity:1;transform:none}.hero-art{transform:none}.primary::before{display:none}
}
.skill-tags {gap:10px;max-width:510px;}
.skill-tags>span {display:inline-flex;align-items:center;gap:10px;padding:11px 15px;min-height:46px;font-size:12px;}
.skill-tags .skill-logo {width:22px;height:22px;object-fit:contain;flex-shrink:0;filter:grayscale(1);opacity:.9;transition:filter .25s,opacity .25s;}
.skill-tags>span:hover .skill-logo {filter:grayscale(0);opacity:1;}
.skill-tags .discord-logo {filter:invert(1);opacity:.8;}
.skill-tags>span:hover .discord-logo {filter:invert(1);opacity:1;}
@media(max-width:600px) {.skill-tags{gap:9px}.skill-tags>span{padding:10px 12px;font-size:11px;gap:8px}.skill-tags .skill-logo{width:20px;height:20px;}}
.toolkit-caption {display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-bottom:12px;border-bottom:1px solid #ffffff14;color:#929cab;}
.toolkit-caption .mono {font-size:8px;letter-spacing:1.5px;}
.toolkit-count {font:10px Consolas,monospace;color:#b7c0cf;background:#ffffff06;border:1px solid #ffffff18;border-radius:5px;padding:3px 8px;}
.skill-tags.language-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;max-width:none;margin-top:16px;}
.language-grid>span.language-card {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-height:126px;padding:19px 15px;border-radius:13px;background:linear-gradient(140deg,#ffffff0e,#ffffff03);box-shadow:inset 0 1px #ffffff09;}
.language-grid .skill-logo {width:29px;height:29px;margin-bottom:13px;}
.language-card strong {font-size:12px;font-weight:500;color:#e4e8ef;line-height:1.3;}
.language-card .language-use {font-size:8px;color:#8f99aa;margin-top:5px;line-height:1.5;}
.toolkit-areas {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;padding-top:19px;border-top:1px solid #ffffff14;}
.toolkit-areas>div {display:flex;align-items:center;gap:8px;color:#9ba6b8;font-size:9px;}
.toolkit-areas svg {width:18px;height:18px;flex-shrink:0;fill:none;stroke:#8c99ad;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;}
.expertise-grid>.direction {display:flex;flex-direction:column;justify-content:space-between;}
@media(max-width:1100px) {.skill-tags.language-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.language-grid>span.language-card{min-height:118px}.toolkit-areas{gap:6px}.toolkit-areas>div{gap:5px;font-size:8px}}
@media(max-width:800px) {.skill-tags.language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolkit-areas{grid-template-columns:1fr;gap:10px}.toolkit-areas>div{font-size:10px}}
@media(max-width:600px) {.skill-tags.language-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.language-grid>span.language-card{padding:18px;min-height:119px}.language-grid .skill-logo{width:28px;height:28px}.language-card strong{font-size:13px}.language-card .language-use{font-size:9px}.toolkit-areas{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.toolkit-areas>div{flex-direction:column;align-items:flex-start;gap:7px;font-size:9px}.toolkit-caption .mono{font-size:8px}}
.contact-layout {display:grid;grid-template-columns:1fr 350px;align-items:center;gap:60px;}
.contact-copy h2 {font-size:clamp(48px,6vw,76px);line-height:1.07;letter-spacing:-3px;}
.contact-copy h2 .serif {color:#bbc4d3;}
.contact-copy>p {font-size:13px;line-height:1.8;color:#a7afbe;margin:24px 0 0;}
.social-widgets {display:grid;gap:14px;}
.social-widget {position:relative;display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #ffffff22;border-radius:17px;background:linear-gradient(130deg,#ffffff0c,#ffffff03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff0e,0 12px 30px #0002;transition:transform .25s,border-color .25s,background .25s;}
.social-widget:hover {transform:translateY(-3px);border-color:#ffffff55;background:linear-gradient(130deg,#ffffff12,#ffffff05);}
.social-logo {display:grid;place-items:center;width:53px;height:53px;flex-shrink:0;background:linear-gradient(135deg,#ffffff15,#ffffff05);border:1px solid #ffffff1c;border-radius:14px;transition:background .25s,border-color .25s;}
.social-logo img {filter:invert(1);opacity:.9;}
.social-info {display:flex;flex-direction:column;min-width:0;gap:3px;}
.social-platform {font:8px Consolas,monospace;letter-spacing:1.6px;text-transform:uppercase;color:#949eaf;}
.social-info strong {font:500 14px var(--sans);color:#edf0f6;letter-spacing:-.2px;}
.social-prompt {font-size:9px;color:#8e99ab;margin-top:2px;line-height:1.5;}
.social-arrow {margin-left:auto;align-self:center;color:#a2adbf;font-size:21px;transition:transform .25s,color .25s;}
.social-widget:hover .social-arrow {transform:translate(2px,-2px);color:#fff;}
.discord-widget:hover .social-logo {background:#5865f244;border-color:#7f88ff66;}
.instagram-widget:hover .social-logo {background:linear-gradient(145deg,#833ab444,#d6297644,#f5852944);border-color:#e781b066;}
.linkedin-widget:hover .social-logo {background:#0a66c244;border-color:#6ba8e566;}
@media(max-width:800px) {.contact-layout{grid-template-columns:1fr 310px;gap:30px}.social-widget{padding:17px;gap:13px}.social-logo{width:47px;height:47px}.social-info strong{font-size:13px}.contact-copy h2{font-size:51px}}
@media(max-width:600px) {.contact-layout{grid-template-columns:1fr;gap:30px}.contact-copy h2{font-size:51px;letter-spacing:-2px}.contact-copy>p{font-size:12px;margin-top:20px}.social-widgets{gap:12px;max-width:430px}.social-widget{padding:18px 20px}.social-info strong{font-size:14px}.social-prompt{font-size:10px}.social-logo{width:50px;height:50px}}
.discord-expertise {display:flex;align-items:center;gap:15px;margin-top:20px;padding:17px 18px;border:1px solid #ffffff1c;border-radius:12px;background:linear-gradient(125deg,#ffffff09,#ffffff02);}
.discord-expertise-icon {display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #ffffff1b;border-radius:11px;background:#ffffff06;}
.discord-expertise-icon img {filter:invert(1);opacity:.85;}
.discord-expertise .mono {font-size:7px;letter-spacing:1.3px;color:#8795aa;}
.discord-expertise h3 {font-size:14px;margin:5px 0 4px;letter-spacing:-.2px;color:#d8dfea;}
.discord-expertise p {font-size:9px;line-height:1.6;margin:0;color:#8f9caf;}
.discord-expertise>a {margin-left:auto;flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff1b;border-radius:8px;color:#c1cddd;font-size:18px;transition:background .2s;}
.discord-expertise>a:hover {background:#ffffff13;}
@media(max-width:600px) {.discord-expertise{padding:15px 13px;gap:11px}.discord-expertise-icon{width:36px;height:36px}.discord-expertise h3{font-size:13px}.discord-expertise p{font-size:8px}.discord-expertise .mono{font-size:6px;letter-spacing:1px}}

/* Keep the complete toolkit and Discord card within a comfortable desktop view. */
#expertise {padding-block:48px;}
#expertise .section-top {margin-bottom:25px;}
#expertise .expertise-grid {gap:42px;align-items:start;}
#expertise h2 {font-size:clamp(32px,3vw,39px);line-height:1.13;letter-spacing:-1.5px;}
#expertise .section-description {margin-top:17px;font-size:12px;line-height:1.7;}
#expertise .toolkit-caption {margin-top:20px;padding-bottom:8px;}
#expertise .skill-tags.language-grid {margin-top:12px;gap:9px;}
#expertise .language-grid>span.language-card {min-height:84px;padding:12px;border-radius:10px;}
#expertise .language-grid .skill-logo {width:23px;height:23px;margin-bottom:8px;}
#expertise .language-card strong {font-size:11px;}
#expertise .language-card .language-use {font-size:8px;margin-top:3px;}
#expertise .discord-expertise {margin-top:14px;padding:13px 15px;gap:12px;}
#expertise .discord-expertise-icon {width:35px;height:35px;border-radius:9px;}
#expertise .discord-expertise-icon img {width:22px;height:22px;}
#expertise .discord-expertise h3 {font-size:13px;}
#expertise .direction {display:block;align-self:start;padding:24px 27px;border-radius:17px;}
#expertise .direction>div {padding:19px 0;}
#expertise .direction>div:first-child {padding-top:0;}
#expertise .direction>div:last-child {padding-bottom:0;}
#expertise .direction h3 {font-size:18px;margin-top:7px;}
#expertise .direction p {font-size:11px;line-height:1.75;margin-top:8px;}
@media(min-width:801px) {#expertise .skill-tags.language-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:800px) {#expertise .expertise-grid{gap:28px;}#expertise .direction{padding:23px;}#expertise .language-grid>span.language-card{min-height:82px;}}
@media(max-width:600px) {#expertise{padding-block:40px;}#expertise h2{font-size:32px;}#expertise .language-card strong{font-size:12px;}#expertise .direction p{font-size:12px;}#expertise .discord-expertise{padding:13px 12px;}}

html.lenis, html.lenis body {scroll-behavior:auto!important;}
#project-dialog {max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;}
#navigation {gap:4px;}
#navigation .bubble-link {position:relative;isolation:isolate;overflow:hidden;padding:12px 17px;border-radius:28px;line-height:1.4;transition:color .2s;}
.nav-effect-label {position:relative;z-index:2;display:block;white-space:nowrap;}
.nav-bubble-position {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.nav-hover-reveal {position:absolute;top:0;left:0;display:block;width:calc(100% + 28px);aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#ffffff25,#b8c6e214);box-shadow:inset 0 0 0 1px #ffffff0a;transform:translate(-50%,-50%) scale(0);pointer-events:none;}
#home .hero-top .dot {background:#4ade80;box-shadow:0 0 0 3px #4ade8012,0 0 12px #4ade8055;}
#navigation .bubble-link:active {transform:scale(.98);}
@media(max-width:800px) {#navigation .bubble-link{padding:12px 13px;}}
@media(max-width:600px) {#navigation{gap:0;}#navigation .bubble-link{padding:12px;border-radius:8px;}.nav-bubble-position{display:none;}}
.journey-section {border-top:1px solid #ffffff12;padding-block:65px;}
.journey-layout {display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;}
.journey-story h2 {font-size:clamp(32px,3.3vw,43px);letter-spacing:-1.6px;}
.journey-intro {font-size:12px;color:#929eb0;line-height:1.8;max-width:430px;margin:18px 0 25px;}
.build-journey {list-style:none;margin:0;padding:0;}
.build-journey li {position:relative;display:flex;gap:17px;padding:0 0 23px;}
.build-journey li:last-child {padding-bottom:0;}
.build-journey li:not(:last-child)::before {content:'';position:absolute;left:15px;top:32px;bottom:0;width:1px;background:linear-gradient(#7b8aa44d,#7b8aa418);}
.journey-number {display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;border:1px solid #ffffff25;border-radius:50%;background:linear-gradient(140deg,#ffffff10,#ffffff02);font:8px Consolas,monospace;color:#a7b6cc;}
.build-journey h3 {font-size:15px;letter-spacing:-.25px;margin:2px 0 6px;}
.build-journey p {font-size:11px;color:#8f9daf;line-height:1.75;max-width:420px;margin:0;}
.terminal-wrap {min-width:0;}
.terminal-caption {display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;gap:12px;}
.terminal-caption .mono {font-size:8px;letter-spacing:1.2px;color:#9ba9bd;}
.terminal-online {font:8px Consolas,monospace;color:#8e9daf;white-space:nowrap;}
.terminal-online i {display:inline-block;width:5px;height:5px;background:#4ade80;border-radius:50%;margin-right:6px;box-shadow:0 0 9px #4ade8033;}
.portfolio-terminal {overflow:hidden;border:1px solid #a6b6d12e;border-radius:16px;background:linear-gradient(145deg,#ffffff07,transparent),#0c0f15;box-shadow:0 25px 60px #0004,inset 0 1px #ffffff0a;}
.terminal-titlebar {display:flex;align-items:center;justify-content:space-between;padding:13px 18px;background:#ffffff05;border-bottom:1px solid #ffffff11;color:#8190a6;font:9px Consolas,monospace;}
.terminal-dots {display:flex;gap:5px;}
.terminal-dots i {width:6px;height:6px;border:1px solid #8291a677;border-radius:50%;background:#8291a622;}
.terminal-output {height:255px;padding:22px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#485367 #10131a;font:11px/1.85 Consolas,'Courier New',monospace;color:#b8c5d8;overflow-wrap:anywhere;}
.terminal-output p {margin:0 0 3px;}
.terminal-output .terminal-welcome {color:#e2e8f3;}
.terminal-output .terminal-muted {color:#748198;}
.terminal-entry {margin-top:17px;}
.terminal-output .terminal-echo {color:#79d99c;margin-bottom:7px;}
.terminal-links {display:flex;flex-wrap:wrap;gap:17px;padding-top:7px;}
.terminal-links a {color:#dde7f7;border-bottom:1px solid #778ba755;}
.terminal-links a:hover {border-color:#dde7f7;}
.terminal-form {display:flex;align-items:center;gap:9px;padding:14px 18px;border-top:1px solid #ffffff12;background:#ffffff03;font:11px Consolas,monospace;}
.terminal-form label {color:#b8c5d8;white-space:nowrap;}
.terminal-form label span {color:#79d99c;}
.terminal-form input {width:100%;min-width:0;border:0;background:transparent;color:#e0e8f5;font:inherit;padding:3px 0;caret-color:#79d99c;}
.terminal-form input::placeholder {color:#62728a;}
.terminal-form input:focus-visible {outline:none;}
.terminal-form:focus-within {box-shadow:inset 0 0 0 1px #abbede4d;}
.terminal-form button {flex-shrink:0;border:1px solid #ffffff20;background:#ffffff07;color:#c4d3e9;border-radius:5px;width:27px;height:25px;cursor:pointer;}
.terminal-form button:hover {background:#ffffff15;}
.terminal-shortcuts {display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:14px;}
.terminal-shortcuts>span {font:7px Consolas,monospace;letter-spacing:1px;color:#67798f;margin-right:4px;}
.terminal-shortcuts button {font:9px Consolas,monospace;color:#a4b3c8;border:1px solid #ffffff1b;background:#ffffff04;padding:5px 9px;border-radius:5px;cursor:pointer;transition:background .2s,border-color .2s;}
.terminal-shortcuts button:hover {background:#ffffff0d;border-color:#b7c8e54d;color:#e0e8f5;}
.terminal-footnote {font-size:9px;color:#66778f;margin:13px 0 0;}
@media(max-width:800px) {.journey-layout{gap:30px;}.terminal-output{padding:18px;font-size:10px;}.terminal-caption .mono{font-size:7px;}.terminal-titlebar{padding-inline:14px;font-size:8px;}.journey-story h2{font-size:34px;}}
@media(max-width:600px) {.journey-section{padding-block:45px;}.journey-layout{grid-template-columns:1fr;gap:35px;}.build-journey p{font-size:12px;}.journey-story h2{font-size:33px;}.terminal-output{font-size:11px;height:235px;}.terminal-caption .mono{font-size:8px;}.terminal-titlebar{font-size:9px;}.terminal-form{font-size:11px;padding-inline:16px;}}
.work-grid.text-project-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.text-project-grid .text-project-card {display:flex;flex-direction:column;min-width:0;padding:25px 23px 0;border-radius:17px;}
.text-project-card[hidden] {display:none!important;}
.text-project-card.main-project-card {border-color:#aab9d74d;background:linear-gradient(140deg,#ffffff0e,#ffffff03);}
.project-card-top {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px;}
.project-number {font-size:9px;color:#76859b;}
.project-state {display:inline-flex;align-items:center;gap:7px;border:1px solid #ffffff16;border-radius:20px;padding:5px 9px;font-size:9px;color:#b8c3d3;background:#ffffff03;}
.project-state i {width:5px;height:5px;flex-shrink:0;border-radius:50%;}
.state-complete i {background:#4ade80;box-shadow:0 0 8px #4ade8040;}
.state-working i {background:#f87171;box-shadow:0 0 8px #f8717140;}
.project-kind {color:#8393ab;font:8px/1.6 Consolas,monospace;letter-spacing:.6px;}
.text-project-card h3 {font-size:29px;letter-spacing:-1px;margin:8px 0 14px;color:#edf1f7;}
.text-project-card h3>span {color:#879ab7;}
.text-project-grid .text-project-card>p {margin:0 0 18px;min-height:0;font-size:12px;line-height:1.8;color:#9ba8bb;}
.project-highlights {list-style:none;padding:0;margin:0 0 21px;display:grid;gap:8px;}
.project-highlights li {position:relative;padding-left:13px;font-size:10px;line-height:1.6;color:#b2bfd1;}
.project-highlights li::before {content:'';position:absolute;left:0;top:7px;width:4px;height:4px;border:1px solid #788eae;border-radius:1px;}
.text-project-grid .text-project-card>.tags {margin: auto 0 20px;gap:5px;}
.text-project-card .tags span {font-size:8px;padding:4px 7px;}
.project-detail {display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;border:0;border-top:1px solid #ffffff14;background:transparent;color:#d1dbea;font-size:11px;cursor:pointer;text-align:left;}
.project-detail>span {font-size:18px;color:#95a7c1;transition:transform .25s;}
.project-detail:hover>span {transform:translate(2px,-2px);color:#f0f5ff;}
@media(max-width:900px) {.work-grid.text-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.text-project-grid .text-project-card{padding:22px 21px 0;}}
@media(max-width:600px) {.work-grid.text-project-grid{grid-template-columns:1fr;gap:16px;}.text-project-grid .text-project-card{padding:23px 22px 0;}.project-card-top{margin-bottom:19px;}.text-project-card h3{font-size:28px;}.project-highlights li{font-size:11px;}}