.skills article{position:relative}.skills article>a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:inherit;text-decoration:none;width:100%;height:100%;min-height:68px}.skills article>a:after{content:"";position:absolute;inset:0;border-radius:13px}.skills article:focus-within{outline:2px solid #399cff;outline-offset:3px}.text-link{color:#55acff;font-size:12px;font-weight:700;text-decoration:none;line-height:1.6}.text-link:hover{text-decoration:underline}.project-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}.project-actions .button{font-size:11px;letter-spacing:.08em}.project-status{display:inline-block;padding:8px 11px;border:1px solid rgba(128,102,255,.4);border-radius:7px;color:#baaaff;background:rgba(128,102,255,.08);font:600 9px/1.5 Inter,sans-serif;letter-spacing:.12em}.participation{margin-top:30px;padding:22px;border:1px solid rgba(255,155,65,.2);border-radius:16px;background:rgba(255,155,65,.035)}.participation .era-kicker{font-size:8px;color:#eaa46a;line-height:1.6}.participation h3{font:700 18px/1.3 Manrope,sans-serif;margin:10px 0}.participation p{font-size:13px;line-height:1.7}.participation-visual{position:relative;height:220px;overflow:hidden;border:1px solid rgba(255,155,65,.16);border-radius:12px}.participation-visual .event-screen{height:115px;top:14%}.participation-visual .event-screen strong{font-size:20px}.participation-visual .event-pass{padding:10px}.practice-transition{position:relative;z-index:3;margin:75px 0;padding:55px clamp(24px,4vw,64px);border:1px solid rgba(46,141,255,.25);border-radius:22px;background:linear-gradient(115deg,#08182f,#050c1a);box-shadow:0 25px 70px #020711}.practice-transition h2{color:#f7f9ff;font-size:clamp(30px,4vw,52px);line-height:1.1;margin:25px 0}.practice-transition>p:last-child{max-width:780px;font-size:16px}.era-school{--accent:#449bff}.school-visual{display:flex;align-items:center;padding:20px;background:radial-gradient(ellipse at center,rgba(30,100,200,.18),transparent 75%),#050e1c}.portal-mockup{width:100%;min-width:0;border:1px solid #31537c;border-radius:12px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.4);background:#f7f7f2}.portal-bar{height:32px;padding:0 12px;display:flex;align-items:center;gap:5px;background:#101c2e}.portal-bar i{width:5px;height:5px;border-radius:50%;background:#546981}.portal-bar i:first-child{background:#328dff}.portal-bar span{font:9px/1 Inter,sans-serif;margin:auto;color:#9cafc8;letter-spacing:.08em}.portal-nav{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;color:#244859;background:#faf9f4}.portal-nav strong{font:700 16px/1.05 Georgia,serif}.portal-nav>span{font:7px/1.5 Inter,sans-serif}.portal-hero{position:relative;aspect-ratio:1.9;overflow:hidden;background:#203d43}.portal-hero img{width:100%;height:100%;object-fit:cover;display:block}.portal-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,29,37,.8),rgba(7,29,37,.15))}.portal-hero>div{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:7%;color:white}.portal-hero small{font:600 7px/1 Inter,sans-serif;letter-spacing:.16em}.portal-hero b{font:400 clamp(22px,3vw,43px)/1.1 Georgia,serif;margin-top:14px;letter-spacing:-.025em}.portal-bottom{padding:17px 9px;display:flex;justify-content:space-around;gap:7px;color:#42616a;font:600 6px/1.4 Inter,sans-serif;letter-spacing:.08em}.era-black{--accent:#8b80bc}.black-visual{background:#050609;padding:25px;display:flex;align-items:center}.black-preview{width:100%;padding:clamp(24px,3vw,46px);border:1px solid #282c39;border-radius:12px;background:radial-gradient(ellipse at 100% 0,rgba(70,75,110,.12),transparent 65%),#06080d;min-height:320px}.black-preview>strong{display:block;color:#f1f3f8;font:800 clamp(42px,5vw,78px)/.95 Manrope,sans-serif;letter-spacing:-.07em;margin:26px 0}.black-preview>strong span{color:#537bcd}.black-rule{height:1px;background:linear-gradient(90deg,#5a6680,transparent);margin:20px 0}.black-preview>small{display:block;color:#919bad;font-size:8px;letter-spacing:.08em;line-height:1.7}.black-preview>p{font-size:12px;color:#667187}.evolution-route{color:#64a5ec!important;line-height:2!important;font-size:10px!important;letter-spacing:.08em;margin-bottom:35px}.about-page .timeline{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:30px}.about-page .timeline:before{display:none}.about-page .timeline-card{min-height:330px}.timeline-card .project-status{margin-bottom:12px;font-size:8px}.projects-page h1,.projects-page h2{font-family:Manrope,sans-serif;letter-spacing:-.045em}.projects-page em{font-style:normal;color:#2d96ff}.projects-page p{color:#aebed2;line-height:1.75}.projects-intro{padding:calc(var(--header) + 90px) clamp(24px,4.7vw,78px) 80px;background:radial-gradient(ellipse at 85% 45%,rgba(26,89,211,.15),transparent 50%);border-bottom:1px solid var(--line)}.projects-intro h1{font-size:clamp(44px,5.5vw,80px);line-height:1.04;max-width:1100px;margin:25px 0}.projects-intro>p:last-child{max-width:780px;font-size:16px}.projects-list{padding:80px clamp(24px,4.7vw,78px);display:grid;gap:35px}.featured-project,.black-project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,75px);padding:clamp(24px,4vw,64px);border:1px solid rgba(63,135,229,.25);border-radius:24px;background:linear-gradient(135deg,#08172c,#040a14);scroll-margin-top:100px}.project-copy,.project-media{min-width:0}.project-copy h2{font-size:clamp(32px,3.7vw,54px);line-height:1.05;color:#f7f9ff;margin:18px 0}.project-copy .skill-tags{margin:22px 0}.project-copy>p{font-size:15px}.project-media .portal-hero b{font-size:clamp(25px,3vw,44px)}.mockup-caption{display:block;text-align:center;margin-top:18px;color:#6d839f;font-size:9px;line-height:1.6}.project-copy details{margin-top:26px}.project-copy summary{list-style:none;cursor:pointer;width:max-content;max-width:100%;font-size:11px}.project-copy summary::-webkit-details-marker{display:none}.project-copy details[open] summary span{transform:rotate(45deg)}.project-detail{padding:12px 0 0}.project-detail p{font-size:14px}.black-project{background:linear-gradient(125deg,#090c14,#04070d);border-color:#252e40}.projects-outro{padding:60px clamp(24px,4.7vw,78px) 90px;border-top:1px solid var(--line);background:radial-gradient(ellipse at right,rgba(24,79,190,.1),transparent 60%)}.projects-outro h2{font-size:clamp(32px,4vw,56px);color:#f7f9ff;max-width:800px;margin:25px 0 30px}.projects-outro .button{width:max-content;max-width:100%}.contact-intro{min-height:calc(100svh - 72px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.contact-intro .button{margin-top:28px}.contact-number{font-size:16px;letter-spacing:.06em}.contact-intro .availability{font-size:12px}
@media(max-width:1180px){.about-page .timeline{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-project,.black-project{gap:28px;padding:28px}.project-media .portal-hero b{font-size:28px}}
@media(max-width:860px){.about-page .timeline{grid-template-columns:1fr;row-gap:0}.about-page .timeline:before{display:block}.about-page .timeline-card{min-height:0}.featured-project,.black-project{grid-template-columns:1fr}.projects-intro{padding-top:130px;padding-bottom:55px}.projects-list{padding-block:45px}.featured-project,.black-project{padding:24px;border-radius:18px}.practice-transition{margin:40px 0 40px 30px;padding:28px 22px}.practice-transition .xp-label{font-size:9px;line-height:1.7}.school-visual{height:auto!important;min-height:280px;padding:15px}.black-visual{height:auto!important;padding:15px}.black-preview{min-height:270px}.project-media .portal-hero b{font-size:clamp(25px,6vw,42px)}.contact-intro{min-height:calc(100svh - 100px)}}
@media(max-width:560px){.skills article:nth-child(4),.skills article:nth-child(5){display:flex}.project-actions{align-items:stretch;gap:18px}.project-actions .button{width:100%;padding-inline:16px}.projects-intro h1{font-size:43px}.portal-nav{padding:12px}.portal-nav strong{font-size:13px}.portal-nav>span{font-size:6px}.portal-hero b{font-size:25px}.portal-bottom{font-size:5px}.participation{padding:15px}.participation-visual .event-screen strong{font-size:16px}.black-preview>strong{font-size:55px}.projects-outro .button,.contact-intro .button{width:100%;padding-inline:16px}.featured-project,.black-project{padding:21px}.skill-tags span{line-height:1.5}.projects-page footer{flex-wrap:wrap;padding-block:20px}}
@media(max-width:860px){.skills article:nth-child(n){display:flex}}