.portfolio-section-container{grid-template-columns:23fr 62fr 15fr;display:grid}.portfolio-section{flex-direction:column;justify-content:center;align-items:center;display:flex}.mobile-section{padding-right:3%}.desktop-section{align-items:flex-start;gap:50px;padding-left:3%}.project-selections{flex-direction:column;gap:10px;margin-left:15px;font-size:clamp(20px,1.4vw,28px);display:flex}.project{cursor:pointer;width:fit-content;padding:0 4px;position:relative}.project:hover{color:#b4b4b4}.project.active{color:#fff}.project:before{content:"";background-color:var(--accent);width:0;height:2px;transition:width .4s;position:absolute;bottom:-5px;left:0}.project.active:before{width:100%}.project:not(.active):hover:before{width:15%}.project-container{flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;display:flex}.project-number{width:35px;color:var(--accent);margin-right:40px}.project-arrow{object-fit:contain;opacity:0;flex-shrink:0;align-self:center;width:18px;height:auto;margin-top:3px;transition:opacity .4s,transform .4s;display:block;transform:translate(-30px)}.project-arrow.active{opacity:1;transform:translate(0)}@media (width<=950px){.portfolio-section-container{display:none}}.mobile-portfolio{display:none}@media (width<=950px){.mobile-portfolio{width:100%;padding:80px clamp(18px,5vw,45px);display:block}.mobile-portfolio-label{color:var(--accent);letter-spacing:3px;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:700}.mobile-portfolio-title{color:#fff;letter-spacing:-3px;text-transform:uppercase;margin:0 0 45px;font-size:clamp(52px,12vw,90px);line-height:.9}.mobile-project-list{flex-direction:column;gap:30px;display:flex}.mobile-project{color:#fff;background:#151515;border:1px solid #ffffff24;text-decoration:none;transition:border-color .25s,transform .25s;display:block;overflow:hidden}.mobile-project:active{transform:scale(.985)}.mobile-project-image{aspect-ratio:16/9;background:#0c0c0c;width:100%;overflow:hidden}.mobile-project-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.mobile-project-information{justify-content:space-between;align-items:center;gap:20px;min-height:95px;padding:20px;display:flex}.mobile-project-information>div{grid-template-columns:30px 1fr;align-items:center;gap:10px;display:grid}.mobile-project-information span{color:var(--accent);font-size:12px}.mobile-project-information h3{margin:0;font-size:clamp(20px,5vw,29px);line-height:1.1}.mobile-project-arrow{object-fit:contain;flex-shrink:0;width:25px;height:25px;transition:transform .25s}.mobile-project:hover{border-color:var(--accent)}.mobile-project:hover .mobile-project-image img{transform:scale(1.025)}.mobile-project:hover .mobile-project-arrow{transform:translate(5px)}}.card{box-sizing:border-box;flex-shrink:0;place-items:center;display:grid}.card-content{transform-style:preserve-3d;background-color:#000;width:100%;height:100%;transition:transform 3s;position:relative}.card.active .card-content{transform:rotateY(.5turn)}.card-front,.card-back{backface-visibility:hidden;transform-style:preserve-3d;background-blend-mode:overlay;background-size:cover;place-content:center;display:grid;position:absolute;inset:0}.card-back{transform:rotateY(.5turn)}.card-outline{pointer-events:none;border-style:solid;border-width:3px;position:absolute;transform:translateZ(5rem)}.card-body{text-transform:uppercase;letter-spacing:5px;-webkit-backdrop-filter:blur(12px);color:#000;background:#ffffff59;border-radius:20px;padding:20px 30px;font-family:Danfo,serif;font-size:clamp(14px,1.6vw,34px);font-weight:650;line-height:1.6;transform:translateZ(5rem)}.card-hover-overlay{z-index:5;-webkit-backdrop-filter:blur(3px)brightness(1.1);opacity:0;pointer-events:none;background:#ffffff1f;place-items:center;transition:opacity .35s;display:grid;position:absolute;inset:0;transform:translateZ(6rem)}.card-front:hover .card-hover-overlay,.card-back:hover .card-hover-overlay{opacity:1;pointer-events:auto}.visit-site-button{color:#000;cursor:pointer;background:#ffffffe6;border:1px solid #fff;border-radius:12px;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .25s,background-color .25s;display:flex}.visit-site-button:hover{background:#fff;transform:scale(1.05)}.visit-site-button span{font-size:18px}html{scroll-behavior:smooth}.home-page{--page-padding:clamp(20px, 4vw, 70px);--accent:#ef7d22;--surface:#181818;--surface-light:#202020;--muted:#a7a7a7;width:100%;overflow:hidden}#about,#projects,#contact{scroll-margin-top:100px}.navbar{z-index:100;width:100%;min-height:76px;padding:0 var(--page-padding);-webkit-backdrop-filter:blur(16px);background:#111111d9;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.navbar-logo{color:#fff;letter-spacing:1px;font-size:28px;font-weight:800;text-decoration:none}.navbar-logo span{color:var(--accent)}.navbar-links{align-items:center;gap:clamp(20px,3vw,45px);display:flex}.navbar-links a{color:#c8c8c8;font-size:15px;text-decoration:none;transition:color .25s;position:relative}.navbar-links a:after{content:"";background:var(--accent);width:0;height:2px;transition:width .25s;position:absolute;bottom:-7px;left:0}.navbar-links a:hover{color:#fff}.navbar-links a:hover:after{width:100%}.opening-section{min-height:clamp(580px,72vh,760px);padding:clamp(75px, 9vw, 135px) var(--page-padding);background:radial-gradient(circle at 80% 20%,#ef7d221f,#0000 30%),linear-gradient(#ffffff06 1px,#0000 1px) 0 0/70px 70px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/70px 70px;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center;gap:clamp(50px,8vw,130px);padding-top:clamp(60px,5.5vw,110px);display:grid;position:relative}.opening-content{max-width:950px}.opening-status{color:#d0d0d0;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:100px;align-items:center;gap:9px;width:fit-content;margin-bottom:30px;padding:9px 15px;font-size:13px;display:flex}.status-dot{background:#47d16c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #47d16ccc}.opening-label,.contact-label,.section-heading span{color:var(--accent);letter-spacing:3px;text-transform:uppercase;margin:0 0 18px;font-size:14px;font-weight:700}.opening-content h1{letter-spacing:-4px;max-width:1000px;margin:0;font-size:clamp(48px,6vw,100px);line-height:.97}.opening-content h1 span{color:var(--accent)}.opening-description{max-width:700px;color:var(--muted);margin:30px 0 0;font-size:clamp(17px,1.4vw,21px);line-height:1.7}.opening-actions{flex-wrap:wrap;gap:14px;margin-top:38px;display:flex}.primary-button,.secondary-button{border:1px solid var(--accent);justify-content:center;align-items:center;gap:18px;min-height:54px;padding:0 24px;font-weight:700;text-decoration:none;transition:color .25s,background-color .25s,transform .25s;display:inline-flex}.primary-button{color:#fff;background:var(--accent)}.primary-button img{width:25px}.secondary-button{color:#fff;background:0 0;border-color:#ffffff4d}.primary-button:hover,.secondary-button:hover{transform:translateY(-3px)}.secondary-button:hover{color:#111;background:#fff}.opening-panel{background:#181818eb;border:1px solid #ffffff24;padding:clamp(15px,1.5vw,30px) clamp(25px,3vw,42px) clamp(25px,3vw,42px);box-shadow:18px 18px #ef7d221f}.panel-header{gap:7px;margin-bottom:35px;display:flex}.panel-header span{background:#555;border-radius:50%;width:9px;height:9px}.panel-header span:first-child{background:var(--accent)}.panel-label{color:#777;letter-spacing:3px;text-transform:uppercase;margin-bottom:25px;font-size:12px;font-weight:700}.panel-service{border-top:1px solid #ffffff1a;grid-template-columns:35px 1fr;gap:14px;padding:20px 0;display:grid}.panel-service>span{color:var(--accent);font-size:12px}.panel-service h3{margin:0 0 7px;font-size:17px}.panel-service p{color:#898989;margin:0;font-size:14px;line-height:1.5}.technology-list{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.technology-list span{color:#bbb;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff14;padding:7px 10px;font-size:11px}.home-projects{padding:clamp(85px, 9vw, 150px) var(--page-padding)}.section-heading{margin-bottom:55px}.section-heading h2{letter-spacing:-5px;text-transform:uppercase;margin:0;font-size:clamp(55px,8vw,120px);line-height:.9}.contact-section{padding:clamp(85px, 10vw, 150px) var(--page-padding) 30px;background:linear-gradient(135deg,#ef7d221a,#0000 45%),#0c0c0c;border-top:1px solid #ffffff1a;margin-top:10px}.contact-section h2{letter-spacing:-4px;max-width:1100px;margin:0;font-size:clamp(48px,7vw,105px);line-height:.98}.contact-description{max-width:650px;color:var(--muted);margin:30px 0 45px;font-size:clamp(16px,1.3vw,20px);line-height:1.7}.email-link{color:#fff;background:#ffffff0a;border:1px solid #ffffff2e;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;max-width:760px;padding:22px 25px;font-size:clamp(16px,2vw,24px);text-decoration:none;transition:border-color .25s,background-color .25s,transform .25s;display:grid}.email-link:hover{border-color:var(--accent);background:#ef7d2214;transform:translateY(-3px)}.email-link small{color:#858585;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px;font-size:11px;display:block}.email-icon{color:#111;background:var(--accent);border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.email-icon svg{fill:currentColor;width:23px}.email-arrow{color:var(--accent);font-size:28px}.footer{color:#676767;border-top:1px solid #ffffff14;justify-content:space-between;gap:20px;margin-top:110px;padding-top:25px;font-size:13px;display:flex}.footer a{color:#999;text-decoration:none}.skills{color:var(--accent);letter-spacing:1px;margin-top:10px;margin-bottom:-10px;font-size:15px;font-weight:600}.view-work{color:var(--accent);letter-spacing:2px;text-transform:uppercase;justify-content:center;align-items:center;font-size:17px;font-weight:600;text-decoration:none;display:flex}.view-work span{margin-top:-3px}.view-work img{width:40px}@media (width<=950px){.opening-section{grid-template-columns:1fr;min-height:auto}.opening-content{max-width:800px}.opening-panel{max-width:700px;display:none}.section-heading{display:none}}@media (width<=600px){.navbar{min-height:66px}.navbar-links{gap:16px}.navbar-links a{font-size:13px}.opening-section{gap:55px;padding-top:65px;padding-bottom:80px}.opening-content h1,.contact-section h2{letter-spacing:-2px}.opening-actions{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{width:100%}.opening-panel{box-shadow:9px 9px #ef7d221f}.home-projects{padding-top:85px}.section-heading{margin-bottom:35px}.email-link{gap:13px;padding:18px}.email-icon{width:42px;height:42px}.footer{flex-direction:column;align-items:flex-start;margin-top:80px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{color:#fff;background:#181818;width:100%;min-height:100%;margin:0;padding:0}body{background:#111;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}button,input,textarea,select{font:inherit}img{max-width:100%}