:root{--bg:#F5F5F5;--fg:#303841;--ink:#303841;--ink-soft:#5B6570;--line:#D8D7D2;--teal:#76ABAE;--teal-tint:#E4EEEE;--teal-deep:#35585A;--orange:#FF5722;--orange-tint:#FFE7DE;--orange-deep:#A5330F;--cream:#F5F5F5;--accent-text:#A5330F;--row-hover:rgba(48,56,65,0.045);}
html[data-theme="dark"]{--bg:#17191C;--fg:#ECEAE4;--ink-soft:#9A9C9F;--line:rgba(255,255,255,0.14);--accent-text:#FF5722;--row-hover:rgba(255,255,255,0.05);}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--fg);font-family:'Inter',-apple-system,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background 0.2s ease,color 0.2s ease;}
*{box-sizing:border-box;}
a{color:inherit;text-decoration:none;}
a:hover{color:var(--fg);}
@keyframes rkcPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.35;transform:scale(0.7);}}
@keyframes navpulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.7);opacity:0.5;}}
[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity 0.6s ease,transform 0.6s ease;}
[data-reveal].revealed{opacity:1;transform:translateY(0);}
.rkc-blend{mix-blend-mode:multiply;}
html[data-theme="dark"] .rkc-blend{mix-blend-mode:screen;}
@media (max-width:1120px){.rkc-work-grid{grid-template-columns:1fr !important;}.rkc-panel{min-height:420px !important;}}
@media (max-width:900px){.rkc-about{grid-template-columns:1fr !important;}}
@media (max-width:1240px) and (min-width:1121px){
.rkc-row{grid-template-columns:26px 38px 20px minmax(0,1fr) auto !important;gap:11px !important;}
.rkc-row-arrow{display:none !important;}
.rkc-row > span:nth-child(4) > span:first-child{font-size:20px !important;}
}
@media (max-width:700px){.rkc-stats{grid-template-columns:repeat(2,1fr) !important;}.rkc-stats > div{border-right:none !important;border-bottom:1px solid var(--line);}}
@media (max-width:640px){
.rkc-nav{padding:20px 20px 0 !important;flex-wrap:wrap;gap:14px;}
.rkc-navmeta{flex-direction:column;align-items:flex-start !important;gap:5px !important;}
.rkc-navmeta > span:first-child{font-size:20px !important;}
.rkc-hero{padding:30px 0 20px !important;}
.rkc-hero-eyebrow{padding-left:20px !important;margin-bottom:12px !important;}
.rkc-h1{white-space:normal !important;padding-left:20px !important;font-size:clamp(36px,11vw,64px) !important;letter-spacing:-0.035em !important;}
.rkc-hero-sub{padding:0 20px !important;justify-content:flex-start !important;margin-top:20px !important;}
.rkc-work{padding:26px 20px 52px !important;}
.rkc-workhead{gap:18px !important;padding-bottom:16px !important;margin-bottom:22px !important;}
.rkc-panel{min-height:0 !important;padding:24px !important;}
.rkc-panel h3{font-size:30px !important;}
.rkc-row{grid-template-columns:26px 30px 18px minmax(0,1fr) !important;gap:11px !important;padding:15px 4px !important;row-gap:0 !important;}
.rkc-row-arrow{display:none !important;}
.rkc-row > span:nth-child(2){width:30px !important;height:24px !important;}
.rkc-row > span:nth-child(4) > span:first-child{font-size:20px !important;}
.rkc-row-status{grid-column:4;justify-self:start;font-size:11px !important;margin-top:5px;}
.rkc-index-head > div:last-child{display:none;}
.rkc-index-foot{flex-direction:column;align-items:flex-start !important;gap:12px;padding:18px 4px 0 !important;}
.rkc-statwrap{padding:0 20px !important;margin-bottom:40px !important;}
.rkc-about{padding:0 20px !important;gap:26px !important;margin-bottom:40px !important;}
.rkc-about > div:first-child{width:110px !important;}
.rkc-contact{padding:12px 20px 44px !important;}
.rkc-foot{padding:22px 20px 34px !important;}
}
.icon-sun{display:block;}
.icon-moon{display:none;}
html[data-theme="dark"] .icon-sun{display:none;}
html[data-theme="dark"] .icon-moon{display:block;}