@import "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Special+Elite&family=Roboto+Slab:wght@300;400;700&display=swap";
:root{--steam-bronze:#cd7f32;--steam-brass:#b5a642;--steam-copper:#b87333;--steam-gold:gold;--steam-dark:#1a120b;--steam-leather:#2b1d0e;--steam-burgundy:#500a0a;--steam-border:2px solid var(--steam-bronze);--steam-shadow:0 10px 30px #000c}.page-module__HTitwW__page{background-color:var(--steam-dark);color:#e0d0c0;background-image:radial-gradient(#cd7f320d 1px,#0000 1px),url(https://www.transparenttextures.com/patterns/leather.png);background-size:40px 40px,auto;min-height:100vh;font-family:Roboto Slab,serif;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a120b;border-left:1px solid #cd7f3233}::-webkit-scrollbar-thumb{background:linear-gradient(#2b1d0e,#cd7f32,#2b1d0e);border:2px solid #1a120b;border-radius:5px;box-shadow:inset 0 0 5px #00000080}::-webkit-scrollbar-thumb:hover{background:gold}.page-module__HTitwW__navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:3px double var(--steam-bronze);z-index:1000;background:#1a120bf2;justify-content:space-between;align-items:center;height:90px;padding:0 60px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 5px 20px #00000080}.page-module__HTitwW__logo{color:var(--steam-brass);letter-spacing:2px;text-shadow:2px 2px #00000080;font-family:Cinzel Decorative,cursive;font-size:32px;font-weight:900;text-decoration:none}.page-module__HTitwW__logo span{color:var(--steam-copper)}.page-module__HTitwW__nav{gap:30px;display:flex}.page-module__HTitwW__nav a{color:#c0b0a0;text-transform:uppercase;font-family:Special Elite,cursive;font-size:14px;text-decoration:none;transition:all .3s;position:relative}.page-module__HTitwW__nav a:hover,.page-module__HTitwW__navActive{color:var(--steam-gold)}.page-module__HTitwW__navActive:after{content:"";background:var(--steam-gold);width:100%;height:2px;box-shadow:0 0 10px var(--steam-gold);position:absolute;bottom:-5px;left:0}.page-module__HTitwW__navCta{background:var(--steam-leather);border:2px solid var(--steam-bronze);width:45px;height:45px;color:var(--steam-brass);clip-path:polygon(25% 0%,75% 0%,100% 25%,100% 75%,75% 100%,25% 100%,0% 75%,0% 25%);justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.page-module__HTitwW__navCta:hover{background:var(--steam-bronze);color:var(--steam-dark);transform:rotate(360deg)}.page-module__HTitwW__section{max-width:1400px;margin:0 auto;padding:120px 60px}.page-module__HTitwW__sectionHead{text-align:center;margin-bottom:80px;position:relative}.page-module__HTitwW__sectionLabel{color:var(--steam-copper);text-transform:uppercase;letter-spacing:4px;margin-bottom:15px;font-family:Special Elite,cursive;display:block}.page-module__HTitwW__sectionTitle{color:#fff;text-transform:uppercase;font-family:Cinzel Decorative,cursive;font-size:52px;display:inline-block;position:relative}.page-module__HTitwW__sectionTitle:after{content:"";background:linear-gradient(90deg,transparent,var(--steam-bronze),transparent);width:150px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.page-module__HTitwW__heroSection{align-items:center;min-height:100vh;padding-top:150px;display:flex}.page-module__HTitwW__heroInner{grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;display:grid}.page-module__HTitwW__heroLead{color:var(--steam-brass);margin-bottom:20px;font-family:Special Elite,cursive;font-size:18px;display:block}.page-module__HTitwW__heroTitle{color:#fff;text-shadow:4px 4px 0 var(--steam-dark);margin-bottom:30px;font-family:Cinzel Decorative,cursive;font-size:80px;line-height:1.1}.page-module__HTitwW__heroDescription{color:#b0a090;max-width:600px;margin-bottom:40px;font-size:20px;line-height:1.6}.page-module__HTitwW__heroVisual{justify-content:center;display:flex;position:relative}.page-module__HTitwW__heroPanel{width:400px;height:400px;position:relative}.page-module__HTitwW__heroImageWrap{border:10px double var(--steam-bronze);z-index:2;width:100%;height:100%;box-shadow:var(--steam-shadow);border-radius:50%;position:relative;overflow:hidden}.page-module__HTitwW__heroImage{filter:sepia(.5)contrast(1.2);transition:all .5s}.page-module__HTitwW__heroImage:hover{filter:sepia(0)}.page-module__HTitwW__circularText{z-index:1;animation:20s linear infinite page-module__HTitwW__rotateGear;position:absolute;inset:-20px}.page-module__HTitwW__circularText text{fill:var(--steam-brass);font-family:Special Elite,cursive}@keyframes page-module__HTitwW__rotateGear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-module__HTitwW__aboutGrid{grid-template-columns:1fr 1.5fr;gap:80px;display:grid}.page-module__HTitwW__aboutVisual{position:relative}.page-module__HTitwW__aboutImageWrap{border:5px solid var(--steam-leather);box-shadow:10px 10px 0 var(--steam-bronze);aspect-ratio:4/5;position:relative;overflow:hidden}.page-module__HTitwW__expBadge{background:var(--steam-burgundy);border:3px solid var(--steam-gold);text-align:center;z-index:3;padding:20px;position:absolute;bottom:-30px;right:-30px}.page-module__HTitwW__expBadge strong{font-family:Cinzel Decorative,cursive;font-size:32px;display:block}.page-module__HTitwW__aboutInfoGrid{grid-template-columns:1fr 1fr;gap:30px;margin-top:40px;display:grid}.page-module__HTitwW__aboutInfoItem{border-bottom:1px solid #cd7f324d;padding-bottom:10px}.page-module__HTitwW__aboutInfoLabel{color:var(--steam-brass);text-transform:uppercase;font-family:Special Elite,cursive;font-size:12px}.page-module__HTitwW__aboutInfoValue{color:#fff;margin-top:5px;font-weight:700}.page-module__HTitwW__skillsGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;display:grid}.page-module__HTitwW__skillCard{background:var(--steam-leather);border:2px solid var(--steam-bronze);padding:30px;transition:all .3s;position:relative;overflow:hidden}.page-module__HTitwW__skillCard:before{content:"⚙️";opacity:.1;font-size:40px;transition:transform .8s ease-in-out,opacity .3s;position:absolute;top:-10px;right:-10px;transform:rotate(45deg)}.page-module__HTitwW__skillCard:hover{border-color:var(--steam-gold);transform:translateY(-10px);box-shadow:0 15px 30px #0009}.page-module__HTitwW__skillCard:hover:before{opacity:.4;transform:rotate(405deg)}.page-module__HTitwW__skillName{color:var(--steam-gold);margin-bottom:15px;font-family:Cinzel Decorative,cursive;font-size:24px}.page-module__HTitwW__skillLevel{background:var(--steam-bronze);color:var(--steam-dark);margin-bottom:20px;padding:5px 15px;font-family:Special Elite,cursive;font-size:14px;display:inline-block}.page-module__HTitwW__timeline{max-width:1000px;margin:0 auto;position:relative}.page-module__HTitwW__timeline:before{content:"";background:linear-gradient(to right,#3d2b1f 0%,var(--steam-bronze)20%,var(--steam-gold)50%,var(--steam-bronze)80%,#3d2b1f 100%),repeating-linear-gradient(transparent,transparent 95px,#0006 95px,#0006 100px);border:1px solid #00000080;border-radius:8px;width:16px;position:absolute;top:0;bottom:0;left:14px;box-shadow:4px 0 10px #00000080}.page-module__HTitwW__timelineItem{margin-bottom:80px;padding-left:70px;position:relative}.page-module__HTitwW__timelineDot{z-index:2;filter:sepia()saturate(2)hue-rotate(-20deg)drop-shadow(0 0 8px #b8733399);cursor:pointer;justify-content:center;align-items:center;width:64px;height:64px;font-size:52px;animation:8s steps(12,end) infinite page-module__HTitwW__rotateMechanicalTick;display:flex;position:absolute;top:0;left:-10px}.page-module__HTitwW__timelineItem:nth-child(2n) .page-module__HTitwW__timelineDot{animation-duration:12s;animation-direction:reverse;animation-delay:-2s}.page-module__HTitwW__timelineItem:nth-child(3n) .page-module__HTitwW__timelineDot{animation-duration:6s;animation-delay:-1s}.page-module__HTitwW__timelineItem:nth-child(5n) .page-module__HTitwW__timelineDot{animation-duration:15s;animation-direction:reverse;animation-delay:-3s}.page-module__HTitwW__timelineDot:before{content:"⚙️";z-index:1}.page-module__HTitwW__timelineDot:after{content:"";background:var(--steam-leather);border:2px solid var(--steam-gold);z-index:3;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 5px #cd7f324d}@keyframes page-module__HTitwW__rotateMechanicalTick{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-module__HTitwW__timelineTitle{color:var(--steam-brass);font-family:Cinzel Decorative,cursive;font-size:28px}.page-module__HTitwW__timelineMeta{color:var(--steam-copper);margin-bottom:15px;font-family:Special Elite,cursive;font-size:14px}.page-module__HTitwW__portfolioGrid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:40px;display:grid}.page-module__HTitwW__portfolioCard{background:var(--steam-leather);border:3px double var(--steam-bronze);transition:all .5s;overflow:hidden}.page-module__HTitwW__portfolioThumb{height:250px;position:relative;overflow:hidden}.page-module__HTitwW__portfolioImage{filter:sepia(.3);transition:all .8s}.page-module__HTitwW__portfolioCard:hover .page-module__HTitwW__portfolioImage{filter:sepia(0);transform:scale(1.1)}.page-module__HTitwW__portfolioBody{padding:30px}.page-module__HTitwW__portfolioLinks{gap:20px;margin-top:20px;display:flex}.page-module__HTitwW__detailLink{color:var(--steam-gold);align-items:center;gap:5px;font-family:Special Elite,cursive;text-decoration:none;display:flex}.page-module__HTitwW__visitLink{color:var(--steam-copper);font-family:Special Elite,cursive;text-decoration:none}.page-module__HTitwW__blogGrid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;display:grid}.page-module__HTitwW__blogCard{background:#f4e4bc url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid tan;padding:40px 30px;transition:all .3s;position:relative;box-shadow:8px 8px #0006}.page-module__HTitwW__blogCard:before{content:"📌";filter:drop-shadow(2px 2px 2px #00000080);font-size:24px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.page-module__HTitwW__blogCard:hover{transform:rotate(-1deg)scale(1.02);box-shadow:12px 12px #00000080}.page-module__HTitwW__blogTitle{margin-top:10px;font-family:Cinzel Decorative,cursive;font-size:24px;font-weight:900;text-decoration:none;display:block;color:#2b1d0e!important}.page-module__HTitwW__pagination{justify-content:center;gap:15px;margin-top:50px;display:flex}.page-module__HTitwW__pageBtn{border:1px solid var(--steam-bronze);width:45px;height:45px;color:var(--steam-bronze);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-family:Special Elite,cursive;display:flex}.page-module__HTitwW__pageBtnHighlight{background:var(--steam-bronze);color:var(--steam-dark)}.page-module__HTitwW__footer{border-top:5px solid var(--steam-leather);text-align:center;background:#110d08;padding:60px}.page-module__HTitwW__submitBtn{background:var(--steam-leather);color:#fff;border:2px solid var(--steam-bronze);text-transform:uppercase;cursor:pointer;letter-spacing:1px;justify-content:center;align-items:center;min-width:180px;padding:12px 35px;font-family:Cinzel Decorative,cursive;font-weight:900;transition:all .3s;display:inline-flex;position:relative;box-shadow:4px 4px #00000080}.page-module__HTitwW__submitBtn span{align-items:center;gap:10px;display:flex}.page-module__HTitwW__submitBtn:before,.page-module__HTitwW__submitBtn:after,.page-module__HTitwW__submitBtn span:before,.page-module__HTitwW__submitBtn span:after{content:"";background:var(--steam-gold);z-index:2;border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:1px 1px 1px #000c}.page-module__HTitwW__submitBtn:before{top:5px;left:5px}.page-module__HTitwW__submitBtn:after{top:5px;right:5px}.page-module__HTitwW__submitBtn span:before{bottom:5px;left:5px}.page-module__HTitwW__submitBtn span:after{bottom:5px;right:5px}.page-module__HTitwW__submitBtn:hover{background:var(--steam-bronze);color:var(--steam-dark);transform:translate(1px,1px);box-shadow:2px 2px #00000080}@media (max-width:1024px){.page-module__HTitwW__heroInner,.page-module__HTitwW__aboutGrid{text-align:center;grid-template-columns:1fr}.page-module__HTitwW__heroTitle{font-size:60px}.page-module__HTitwW__heroDescription{margin:0 auto 40px}.page-module__HTitwW__navbar{padding:0 30px}}@media (max-width:768px){.page-module__HTitwW__nav{display:none}.page-module__HTitwW__heroTitle{font-size:48px}.page-module__HTitwW__section{padding:80px 20px}}