:root{--bg:#070708;--panel:#0d0d0f;--panel2:#111114;--text:#f1f0ed;--muted:#a4a1a0;--line:rgba(255,255,255,.12);--line2:rgba(255,255,255,.07);--red:#b51f2a;--red2:#e13a46;--max:1440px;--sans:Inter,Arial,sans-serif;--display:'Space Grotesk',Inter,Arial,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg)}body{background:radial-gradient(circle at 78% 8%,rgba(181,31,42,.11),transparent 28%),radial-gradient(circle at 12% 58%,rgba(181,31,42,.06),transparent 25%),#070708;color:var(--text);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E");opacity:.45}.ambient{position:fixed;width:38vw;height:38vw;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:-1}.ambient-one{background:rgba(140,15,26,.13);top:10%;right:-15%}.ambient-two{background:rgba(80,12,18,.1);bottom:4%;left:-18%}.progress{position:fixed;top:0;left:0;width:100%;height:2px;background:transparent;z-index:120}.progress span{display:block;height:100%;width:0;background:var(--red2);box-shadow:0 0 14px rgba(225,58,70,.65)}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.section{width:min(var(--max),calc(100% - 80px));margin:0 auto;position:relative}.site-header{height:76px;position:fixed;top:0;left:0;right:0;z-index:110;display:flex;align-items:center;padding:0 40px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,7,8,.7);backdrop-filter:blur(18px)}.logo{font-family:var(--display);font-weight:700;letter-spacing:-.08em;font-size:24px;width:52px}.desktop-nav{display:flex;gap:28px;margin-left:36px}.desktop-nav a,.header-contact,.mobile-nav a{font:500 11px var(--mono);letter-spacing:.1em;color:#aaa;transition:.25s}.desktop-nav a:hover,.mobile-nav a:hover,.header-contact:hover{color:#fff}.header-contact{margin-left:auto;display:flex;gap:9px;align-items:center;color:#ddd}.mini-arrow{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--red2)}.menu-toggle{display:none;margin-left:20px;background:none;border:0;width:34px;height:34px}.menu-toggle span{display:block;height:1px;background:#fff;margin:7px 0}.mobile-nav{display:none}.hero{min-height:100vh;padding-top:130px;padding-bottom:28px;display:flex;flex-direction:column;justify-content:space-between}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;flex:1}.hero-kicker{font:500 10px var(--mono);letter-spacing:.15em;color:#aaa;display:flex;align-items:center;gap:10px;margin-bottom:26px}.red-dot{width:7px;height:7px;border-radius:50%;background:var(--red2);box-shadow:0 0 16px rgba(225,58,70,.7)}h1{font-family:var(--display);font-size:clamp(76px,10.7vw,170px);line-height:.79;letter-spacing:-.085em;font-weight:600;text-transform:uppercase;max-width:900px}h1 span{display:block;white-space:nowrap;letter-spacing:-.075em}h1 span+span{margin-left:-.01em}.hero-facts{border-top:1px solid var(--line);margin-top:52px;display:grid;grid-template-columns:repeat(3,1fr)}.hero-facts>div{padding:18px 18px 0 0;border-right:1px solid var(--line);min-height:78px}.hero-facts>div+div{padding-left:18px}.hero-facts>div:last-child{border-right:0}.hero-facts small{display:block;color:#6f6d6c;font:500 9px var(--mono);letter-spacing:.12em;margin-bottom:9px}.hero-facts strong{font-size:12px;line-height:1.45;font-weight:500;color:#ddd}.pin-icon{color:var(--red2);font-size:17px;margin-right:5px}.hero-actions{display:flex;gap:10px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:14px 16px;border:1px solid rgba(255,255,255,.22);font:500 10px var(--mono);letter-spacing:.1em;background:#eee;color:#0a0a0b;transition:.3s}.button:hover{background:var(--red2);color:#fff;border-color:var(--red2);transform:translateY(-2px)}.button-ghost{background:transparent;color:#eee}.hero-visual{position:relative}.portrait-placeholder{aspect-ratio:1/1.03;border:1px solid rgba(255,255,255,.14);position:relative;overflow:hidden;background:linear-gradient(135deg,#111216,#09090a 52%,#1a080b)}.portrait-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 30%,rgba(180,30,42,.18) 52%,transparent 66%);animation:sweep 8s ease-in-out infinite}.portrait-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 75%,transparent)}.portrait-core{position:absolute;left:50%;top:50%;width:40%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid rgba(225,58,70,.45);box-shadow:0 0 100px rgba(181,31,42,.18),inset 0 0 80px rgba(181,31,42,.08)}.portrait-core span{font:600 90px var(--display);letter-spacing:-.12em;color:#fff;opacity:.9}.portrait-orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-18deg)}.orbit-a{width:72%;height:31%;}.orbit-b{width:92%;height:52%;transform:translate(-50%,-50%) rotate(32deg);border-color:rgba(181,31,42,.28)}.portrait-label{position:absolute;left:22px;bottom:22px;font:500 9px/1.5 var(--mono);letter-spacing:.11em;color:#9c9997}.portrait-corner{position:absolute;width:26px;height:26px}.top-left{top:20px;left:20px;border-top:1px solid #fff;border-left:1px solid #fff}.bottom-right{right:20px;bottom:20px;border-bottom:1px solid var(--red2);border-right:1px solid var(--red2)}.visual-caption{display:flex;justify-content:space-between;margin-top:9px;font:500 8px var(--mono);letter-spacing:.1em;color:#6d6a69}.hero-meta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:26px;font:500 9px var(--mono);letter-spacing:.12em;color:#747170}.hero-meta>span:last-child{text-align:right}.scroll-control{display:flex;align-items:center;gap:10px;color:#ddd;transition:.25s}.scroll-control:hover{color:var(--red2)}.scroll-icon{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:15px}.hero-contact-short{justify-self:end;display:flex;align-items:center;gap:9px;color:#ccc}.circle-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;color:var(--red2)}
.section-heading{display:flex;align-items:baseline;gap:22px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:58px}.section-heading>span{font:500 10px var(--mono);color:var(--red2)}.section-heading h2{font:600 clamp(34px,5vw,76px) var(--display);letter-spacing:-.055em}.about{padding-top:150px;padding-bottom:150px}.about-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px}.about-visual{position:sticky;top:110px;align-self:start}.about-visual-inner{height:680px;border:1px solid var(--line);position:relative;background:linear-gradient(145deg,#0e0e11,#080809)}.about-visual-index,.about-visual-caption{position:absolute;font:500 8px var(--mono);letter-spacing:.11em;color:#747170}.about-visual-index{top:18px;left:18px}.about-visual-caption{bottom:18px;left:18px}.about-scene{position:absolute;inset:80px 35px 55px;overflow:hidden;background:radial-gradient(circle at 65% 40%,rgba(181,31,42,.23),transparent 25%),linear-gradient(160deg,#121318,#070708)}.scene-glow{position:absolute;width:50%;height:50%;right:-5%;top:15%;background:rgba(181,31,42,.16);filter:blur(50px)}.scene-monitor{position:absolute;right:13%;top:25%;width:48%;height:31%;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#17191e,#08090a);box-shadow:0 20px 60px rgba(0,0,0,.5)}.scene-monitor:after{content:"";position:absolute;inset:14px;background:repeating-linear-gradient(0deg,transparent 0 9px,rgba(255,255,255,.035) 10px),linear-gradient(120deg,transparent 20%,rgba(225,58,70,.24),transparent 60%)}.scene-desk{position:absolute;left:8%;right:3%;bottom:18%;height:7px;background:#242328;box-shadow:0 12px 30px #000}.scene-person{position:absolute;left:19%;bottom:23%;width:30%;height:49%}.scene-person:before{content:"";position:absolute;left:26%;top:0;width:30%;height:30%;border-radius:50%;background:#8c8884;filter:grayscale(1)}.scene-person:after{content:"";position:absolute;left:8%;top:25%;width:70%;height:70%;background:linear-gradient(110deg,#191a1e,#050506);clip-path:polygon(35% 0,70% 0,100% 100%,0 100%)}.scene-person i,.scene-person b{position:absolute;display:block;background:#17181b;height:8px;width:54%;bottom:10%;z-index:2}.scene-person i{left:15%;transform:rotate(12deg)}.scene-person b{left:44%;transform:rotate(-9deg)}.scene-wave{position:absolute;left:6%;right:6%;bottom:7%;height:15%;background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(225,58,70,.55) 7px 8px);mask-image:linear-gradient(to top,black,transparent)}.about-scene>span{position:absolute;left:14px;bottom:10px;font:500 7px var(--mono);letter-spacing:.12em;color:#777}.about-text{font-size:17px;line-height:1.78;color:#b6b2b0}.about-text p{margin-bottom:25px}.about-text strong{color:#f1efec;font-weight:600}.about-opening{font-size:25px;line-height:1.45;color:#e9e6e3}.languages{border-top:1px solid var(--line);padding-top:18px;font-size:13px!important;color:#aaa}.languages span{font:500 9px var(--mono);letter-spacing:.12em;color:var(--red2);margin-right:14px}.languages b{font:500 9px var(--mono);border:1px solid var(--line);padding:5px 8px;margin-left:12px;color:#ddd}
.skills{padding-bottom:150px}.skills-intro{max-width:650px;color:#8d8a89;font-size:14px;line-height:1.6;margin:-32px 0 38px}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.skill-card{background:var(--panel);min-height:360px;padding:27px;position:relative;overflow:hidden;transition:.35s}.skill-card:hover{background:#111114}.skill-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-70px;bottom:-80px;background:rgba(181,31,42,.1);filter:blur(20px);transition:.4s}.skill-card:hover:after{transform:scale(1.4)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:75px}.card-number{font:500 10px var(--mono);color:#6f6d6c}.card-label{font:500 8px var(--mono);letter-spacing:.12em;color:#8a8786}.skill-card h3{font:600 29px var(--display);letter-spacing:-.045em;margin-bottom:25px}.program-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:550px}.program{display:flex;align-items:center;gap:11px;padding:9px 0;font-size:12px;color:#d6d2cf}.program-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);font:600 12px var(--display);position:relative;overflow:hidden}.program-icon:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(225,58,70,.15))}.ae{color:#bfc2ff}.ps{color:#54c8e9}.pr{color:#f25b67}.ai{color:#ff8a4c}.figma{color:#f24e1e}.davinci{color:#8bd0d9}.fl{color:#b6e63d}.ableton{color:#77d5e5}.skill-practice{margin-top:24px;border-top:1px solid var(--line2);padding-top:16px;font-size:11px;color:#888}.skill-practice span{font:500 8px var(--mono);color:var(--red2);letter-spacing:.1em;margin-right:10px}.mini-tools{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:22px}.mini-tools span{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:10px 12px;font:500 9px var(--mono);letter-spacing:.08em;color:#bbb}.mini-tools i{font-style:normal;color:var(--red2);font-size:15px}.skill-note{font-size:12px;line-height:1.65;color:#8e8b8a;max-width:500px}
.education{padding-bottom:150px}.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:220px 1fr;gap:40px;padding:29px 0;border-bottom:1px solid var(--line);transition:.25s}.timeline-item:hover{padding-left:10px;background:linear-gradient(90deg,rgba(181,31,42,.05),transparent 55%)}.timeline-date{font:500 10px var(--mono);letter-spacing:.1em;color:#777}.timeline-main{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.timeline-main h3{font:600 23px var(--display);letter-spacing:-.03em}.timeline-main p{font-size:13px;color:#bbb;line-height:1.5}.timeline-main span{grid-column:1/-1;color:#777;font-size:12px;line-height:1.6;margin-top:8px}
.work{padding-bottom:150px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.work-card{background:#0c0c0e;border:1px solid var(--line);transition:.35s;overflow:hidden}.work-card:hover{transform:translateY(-4px);border-color:rgba(225,58,70,.4)}.work-large{grid-row:span 2}.work-wide{grid-column:1/-1;display:grid;grid-template-columns:1.25fr .75fr}.work-image{min-height:350px;position:relative;overflow:hidden;background:#111}.work-large .work-image{min-height:600px}.work-image>span{position:absolute;top:20px;left:20px;font:500 9px var(--mono);color:#777}.work-image strong{position:absolute;left:22px;bottom:42px;font:600 clamp(30px,4vw,62px)/.86 var(--display);letter-spacing:-.06em}.work-image small{position:absolute;left:22px;bottom:19px;font:500 8px var(--mono);letter-spacing:.11em;color:#888}.music-placeholder{background:radial-gradient(circle at 70% 35%,rgba(225,58,70,.35),transparent 22%),linear-gradient(145deg,#17131a,#070708 58%)}.video-placeholder{background:linear-gradient(125deg,#141519,#090a0c)}.cgi-placeholder{background:radial-gradient(circle at 50% 50%,rgba(181,31,42,.18),transparent 35%),#0b0c0f}.studio-placeholder{background:linear-gradient(135deg,#121316,#08090a)}.wave-bars{position:absolute;left:7%;right:7%;bottom:15%;height:23%;display:flex;align-items:center;gap:4px;opacity:.5}.wave-bars:after{content:"";display:block;width:100%;height:100%;background:repeating-linear-gradient(90deg,rgba(225,58,70,.75) 0 3px,transparent 3px 10px);clip-path:polygon(0 48%,3% 38%,6% 55%,9% 18%,12% 66%,15% 28%,18% 74%,21% 38%,24% 62%,27% 22%,30% 80%,33% 43%,36% 66%,39% 30%,42% 55%,45% 12%,48% 70%,51% 45%,54% 76%,57% 31%,60% 58%,63% 19%,66% 72%,69% 40%,72% 64%,75% 26%,78% 79%,81% 46%,84% 62%,87% 20%,90% 70%,93% 38%,96% 58%,100% 30%,100% 100%,0 100%)}.frame-lines{position:absolute;inset:16%;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 20px rgba(255,255,255,.015),0 0 0 40px rgba(255,255,255,.01)}.cube{position:absolute;width:120px;height:120px;right:18%;top:28%;border:1px solid rgba(225,58,70,.6);transform:rotate(30deg) skew(-8deg);box-shadow:0 0 50px rgba(181,31,42,.15)}.console{position:absolute;left:12%;right:12%;bottom:22%;height:90px;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:space-evenly;transform:perspective(500px) rotateX(48deg)}.console i{width:9px;height:55%;background:#777;box-shadow:0 -10px 18px rgba(225,58,70,.25)}.work-info{padding:19px 21px 23px;position:relative}.work-info h3{font:600 22px var(--display);letter-spacing:-.03em}.work-info p{font-size:12px;color:#888;line-height:1.55;margin-top:7px;max-width:580px}.work-type{position:absolute;right:20px;top:22px;font:500 8px var(--mono);color:var(--red2);letter-spacing:.1em}
.personal{padding-bottom:150px}.personal-intro{max-width:620px;color:#8e8a89;font-size:14px;line-height:1.6;margin:-30px 0 40px}.personal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.personal-card{min-height:410px;background:#0c0c0e;border:0;text-align:left;padding:25px;position:relative;overflow:hidden;cursor:pointer;transition:.35s}.personal-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(181,31,42,.18),transparent 28%);opacity:.7;transition:.4s}.personal-card:hover{background:#111114}.personal-card:hover:before{transform:scale(1.2)}.personal-number,.personal-card em,.personal-card small,.personal-card strong,.personal-icon{position:absolute;z-index:1}.personal-number{top:22px;left:22px;font:500 9px var(--mono);color:#777}.personal-icon{top:24px;right:25px;font-size:29px;color:var(--red2)}.personal-card strong{left:25px;bottom:65px;font:600 55px var(--display);letter-spacing:-.07em}.personal-card small{left:25px;bottom:40px;font:500 8px var(--mono);letter-spacing:.1em;color:#777}.personal-card em{right:25px;bottom:21px;font:500 8px var(--mono);font-style:normal;color:#aaa}.personal-card:hover em{color:#fff}
.contact{min-height:90vh;padding-top:130px;padding-bottom:25px;display:flex;flex-direction:column;justify-content:space-between}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.eyebrow{font:500 9px var(--mono);letter-spacing:.13em;color:#777}.contact h2{font:600 clamp(72px,11vw,155px)/.78 var(--display);letter-spacing:-.085em;margin-top:25px}.contact h2 em{font-style:normal;color:var(--red2)}.contact-right{padding-top:45px}.contact-right>p{font-size:17px;line-height:1.65;color:#aaa;max-width:520px;margin-bottom:38px}.contact-details{border-top:1px solid var(--line)}.contact-link{display:grid;grid-template-columns:45px 1fr 30px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);font-size:15px;transition:.25s}.contact-link:hover{padding-left:7px;color:#fff}.contact-link b{font-weight:400;color:var(--red2);justify-self:end}.contact-icon{width:31px;height:31px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:500 12px var(--mono);color:#aaa}.contact-note{margin-top:24px;font:500 9px var(--mono);letter-spacing:.1em;color:#777}.contact-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font:500 8px var(--mono);letter-spacing:.1em;color:#686665}.contact-bottom a:hover{color:#fff}.footer{width:min(var(--max),calc(100% - 80px));margin:0 auto;padding:25px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:500 8px var(--mono);letter-spacing:.1em;color:#62605f}.footer a:hover{color:#fff}
.modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:30px;visibility:hidden;opacity:0;transition:.3s}.modal.is-open{visibility:visible;opacity:1}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(15px)}.modal-panel{position:relative;width:min(760px,100%);max-height:min(780px,90vh);overflow:auto;background:#0c0c0f;border:1px solid rgba(255,255,255,.15);padding:42px;transform:translateY(20px);transition:.35s;box-shadow:0 40px 120px rgba(0,0,0,.6)}.modal.is-open .modal-panel{transform:translateY(0)}.modal-close{position:absolute;top:16px;right:17px;background:none;border:0;font-size:28px;color:#777;cursor:pointer}.modal-close:hover{color:#fff}.modal-panel h2{font:600 clamp(48px,8vw,85px) var(--display);letter-spacing:-.07em;margin:12px 0 28px}.modal-copy{color:#aaa;line-height:1.7;font-size:14px}.modal-copy strong{color:#eee}.modal-list{display:grid;gap:1px;margin-top:25px;border-top:1px solid var(--line)}.modal-item{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.modal-item span:first-child{color:#eee}.modal-item span:last-child{font:500 9px var(--mono);color:#777;text-align:right}.sport-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:25px 0}.sport-stat{background:#111114;padding:20px}.sport-stat b{display:block;font:600 30px var(--display);color:#eee}.sport-stat span{font:500 8px var(--mono);color:#777;letter-spacing:.1em}.poster-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.poster{aspect-ratio:2/3;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;padding:14px;background:linear-gradient(160deg,#222,#09090a);position:relative;overflow:hidden}.poster:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 25%,rgba(225,58,70,.45),transparent 35%)}.poster strong,.poster small{position:relative;z-index:1}.poster strong{font:600 19px/1 var(--display);letter-spacing:-.04em}.poster small{font:500 7px var(--mono);letter-spacing:.08em;color:#888;margin-top:7px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes sweep{0%,100%{transform:translateX(-20%);opacity:.3}50%{transform:translateX(20%);opacity:.8}}
@media(max-width:1000px){.section{width:min(var(--max),calc(100% - 40px))}.desktop-nav{gap:15px;margin-left:20px}.hero-grid{gap:35px}.hero-facts{grid-template-columns:1fr}.hero-facts>div{border-right:0;border-bottom:1px solid var(--line);padding:13px 0!important;min-height:0}.hero-facts>div:last-child{border-bottom:0}.about-grid{grid-template-columns:1fr}.about-visual{position:relative;top:auto}.about-visual-inner{height:450px}.about-text{font-size:16px}.timeline-main{grid-template-columns:1fr}.work-wide{grid-column:auto;display:block}.contact-grid{gap:45px}}
@media(max-width:720px){.site-header{padding:0 20px}.desktop-nav,.header-contact{display:none}.menu-toggle{display:block;margin-left:auto}.mobile-nav{position:fixed;inset:76px 0 auto 0;z-index:109;background:rgba(7,7,8,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:15px 20px;display:grid;gap:0;transform:translateY(-120%);transition:.3s}.mobile-nav.open{transform:none}.mobile-nav a{padding:17px 0;border-bottom:1px solid var(--line2);font-size:12px}.section{width:calc(100% - 30px)}.hero{padding-top:110px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-visual{order:-1}.portrait-placeholder{aspect-ratio:1/1}.hero-copy{padding-bottom:20px}h1{font-size:20vw}.hero-facts{margin-top:32px}.hero-meta{grid-template-columns:1fr auto}.hero-meta>span:first-child{display:none}.hero-contact-short{display:none}.section-heading{margin-bottom:35px}.section-heading h2{font-size:38px}.about,.skills,.education,.work,.personal{padding-top:95px;padding-bottom:95px}.about-grid{gap:38px}.about-visual-inner{height:370px}.about-opening{font-size:21px}.about-text{font-size:15px;line-height:1.7}.skills-grid,.personal-grid,.work-grid{grid-template-columns:1fr}.skill-card{min-height:320px}.program-grid{grid-template-columns:1fr 1fr}.timeline-item{grid-template-columns:1fr;gap:12px}.timeline-main h3{font-size:21px}.work-large{grid-row:auto}.work-image,.work-large .work-image{min-height:340px}.work-wide{grid-column:auto}.personal-card{min-height:330px}.personal-card strong{font-size:48px}.contact{min-height:100svh;padding-top:100px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-right{padding-top:0}.contact h2{font-size:22vw}.contact-bottom{gap:20px;line-height:1.5}.footer{width:calc(100% - 30px);flex-direction:column;gap:14px}.modal{padding:14px}.modal-panel{padding:30px 22px}.sport-stats{grid-template-columns:1fr 1fr}.poster-row{grid-template-columns:1fr 1fr}.poster:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.portrait-placeholder:before{animation:none}.modal,.modal-panel,.mobile-nav{transition:none}}

/* FINAL REFINEMENT PASS */
.hero h1,.hero h1 span{letter-spacing:6px !important;word-spacing:0 !important}
.header-contact,.hero-contact-short{display:none !important}
.location-pin{display:inline-block;width:17px;height:17px;margin-right:8px;border:2px solid var(--red2);border-radius:50% 50% 50% 0;transform:rotate(-45deg);position:relative;top:2px;box-sizing:border-box;box-shadow:0 0 10px rgba(225,58,70,.18)}
.location-pin::after{content:"";position:absolute;width:4px;height:4px;border:1px solid var(--red2);border-radius:50%;left:4px;top:4px}
.about-text p{color:#aaa6a4 !important;font-weight:400 !important;text-indent:2.2em;margin-bottom:24px}
.about-text p.about-opening{color:#f0eeeb !important;font-weight:500 !important;text-indent:0}
.about-text strong{color:inherit !important;font-weight:400 !important}.about-text .about-opening strong{font-weight:500 !important}
.language-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:30px}
.language-item{padding:16px 14px;border-right:1px solid var(--line2);display:flex;flex-direction:column;gap:6px}.language-item:last-child{border-right:0}
.language-item span{color:var(--red2);font:500 8px var(--mono);letter-spacing:.14em;text-transform:uppercase}.language-item strong{color:#ddd !important;font:500 11px var(--mono);letter-spacing:.04em}.language-note{color:#777 !important;font-size:11px !important;margin-top:10px}
.skill-card--digital .mini-tools{gap:9px}.skill-card--digital .mini-tools span{min-height:44px}.skill-card--digital .mini-tools i{width:26px;height:26px;flex:0 0 26px;display:inline-grid;place-items:center;font-style:normal;font-size:11px;border:1px solid rgba(255,255,255,.2)}
.ai-knot{color:#9de0bb !important;border-color:rgba(157,224,187,.48) !important;border-radius:8px !important}.db-icon{color:#8fc8ff !important;border-color:rgba(143,200,255,.45) !important}.blender-icon{color:#ff9e4d !important;border-color:rgba(255,158,77,.5) !important}
.personal-icon--film,.personal-icon--sport{display:grid;place-items:center}.clapper-icon{width:27px;height:21px;border:2px solid #a9c5ff;position:relative;display:block}.clapper-icon::before{content:"";position:absolute;left:-3px;top:-7px;width:29px;height:7px;border:2px solid #a9c5ff;border-bottom:0;transform:skewX(-22deg)}.clapper-icon::after{content:"";position:absolute;left:5px;top:-5px;width:4px;height:6px;background:#a9c5ff;box-shadow:7px 0 #a9c5ff,14px 0 #a9c5ff}
.dumbbell-icon{width:31px;height:17px;position:relative;display:block}.dumbbell-icon::before{content:"";position:absolute;left:8px;right:8px;top:7px;height:3px;background:#e7a04a}.dumbbell-icon i,.dumbbell-icon b{position:absolute;display:block;background:#e7a04a}.dumbbell-icon i{width:6px;height:17px;top:0}.dumbbell-icon i:first-child{left:1px}.dumbbell-icon i:last-child{right:1px}.dumbbell-icon b{width:6px;height:13px;top:2px;left:7px}
.contact-icon{width:48px !important;height:48px !important;border-radius:0 !important;font-size:24px !important;color:#eee !important}.contact-icon--mail{font-family:var(--display);font-weight:600;color:var(--red2) !important}.contact-icon--phone{color:#b9d7ff !important}.contact-icon--instagram span{width:24px;height:24px;border:2px solid #e7a4c7;border-radius:7px;position:relative}.contact-icon--instagram span::before{content:"";position:absolute;width:8px;height:8px;border:2px solid #e7a4c7;border-radius:50%;left:6px;top:6px}.contact-icon--instagram span::after{content:"";position:absolute;width:4px;height:4px;background:#e7a4c7;border-radius:50%;right:3px;top:3px}
.film-favorites{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.film-favorites span{padding:9px 11px;border:1px solid var(--line);color:#c7c3c1;font:500 10px var(--mono);letter-spacing:.04em}
@media(max-width:720px){.language-list{grid-template-columns:1fr 1fr}.language-item:nth-child(2){border-right:0}.language-item:nth-child(-n+2){border-bottom:1px solid var(--line2)}.hero h1,.hero h1 span{letter-spacing:3px !important}}

/* ===== refinement pass ===== */
body{background:#050506}
body::before{content:"";position:fixed;inset:0;z-index:-3;background:linear-gradient(rgba(4,4,5,.78),rgba(4,4,5,.86)),url("assets/dark-berries-background.jpg") center/cover no-repeat;opacity:.92;pointer-events:none}
body::after{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 76% 16%,rgba(181,31,42,.12),transparent 30%);pointer-events:none}
.hero h1,.hero h1 span{letter-spacing:7px!important;font-kerning:none;font-feature-settings:"kern" 0}.hero h1 span+span{margin-left:0!important}
.contact h2,.contact h2 em{letter-spacing:6px!important;font-kerning:none;font-feature-settings:"kern" 0}
.personal-icon{width:38px;height:38px;display:grid!important;place-items:center}.personal-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.personal-icon--music{color:#e13a46}.personal-icon--film{color:#a9c5ff}.personal-icon--sport{color:#e7a04a}.personal-card small{display:none!important}.personal-card strong{bottom:55px}.personal-card::after{content:"";position:absolute;left:25px;bottom:33px;width:46%;height:2px;background:var(--red2);opacity:.9}
.contact-link{grid-template-columns:64px 1fr 30px}.contact-icon{width:52px!important;height:52px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:10px!important;background:rgba(255,255,255,.018)}.contact-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.contact-icon--mail{color:#e13a46!important}.contact-icon--phone{color:#b9d7ff!important}.contact-icon--instagram{color:#e7a4c7!important}.contact-icon--instagram .fill{fill:currentColor;stroke:none}.contact-note{display:flex;align-items:center;gap:10px}.location-svg{width:31px;height:31px;display:grid;place-items:center;color:var(--red2)}.location-svg svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.music-showcase{margin-top:70px;border-top:1px solid var(--line);padding-top:35px;display:grid;grid-template-columns:.75fr 1.25fr;gap:35px}.music-showcase-copy{padding:15px 20px 15px 0}.music-showcase-copy h3{font:600 clamp(30px,4vw,58px)/1 var(--display);letter-spacing:1px;margin:14px 0 22px}.music-showcase-copy p{color:#aaa;line-height:1.75;font-size:14px}.media-demo{border:1px solid var(--line);background:rgba(8,8,10,.82);padding:14px}.media-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font:500 8px var(--mono);letter-spacing:.12em;color:#777}.media-label b{color:#aaa;font-weight:500}.video-demo video{display:block;width:100%;max-height:560px;background:#000}.audio-demo-grid{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:12px}.audio-demo audio{width:100%;height:40px}
.movie-table{margin-top:25px;border-top:1px solid var(--line)}.movie-table>div{display:grid;grid-template-columns:1fr 70px 55px;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}.movie-table b{color:#eee;font-weight:500}.movie-table span{color:#777;font:500 10px var(--mono)}.movie-table strong{color:var(--red2);font:600 11px var(--mono);text-align:right}.movie-head span{color:#555!important;font-size:8px!important;letter-spacing:.12em}.rating-note{margin-top:18px;color:#666!important;font-size:11px}
@media(max-width:720px){.hero h1,.hero h1 span{letter-spacing:5px!important}.contact h2,.contact h2 em{letter-spacing:4px!important}.music-showcase{grid-template-columns:1fr}.audio-demo-grid{grid-column:1;grid-template-columns:1fr}.movie-table>div{grid-template-columns:1fr 50px 42px}}

/* ===== V8: source archive correction ===== */
html{background:#050506!important}
body{
  background-image:linear-gradient(rgba(4,4,5,.72),rgba(4,4,5,.80)),url("assets/dark-berries-background.jpg")!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
body::before{display:none!important}
body::after{z-index:-1!important}
.section{isolation:isolate}
.hero-grid{position:relative;z-index:1}
.hero-copy{position:relative;z-index:2;min-width:0}
.hero-visual{position:relative!important;z-index:1!important;min-width:0;overflow:hidden}
.hero h1,.hero h1 span{letter-spacing:7px!important;font-kerning:none!important;font-feature-settings:"kern" 0!important}
.hero h1 span+span{margin-left:0!important}
.portrait-placeholder.portrait-photo{background:#080809!important;overflow:hidden!important}
.portrait-photo::before,.portrait-photo .portrait-orbit,.portrait-photo .portrait-grid,.portrait-photo .portrait-core,.portrait-photo .portrait-label{display:none!important}
.portrait-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 42%;filter:brightness(.78) contrast(1.08) saturate(.82)}
.about-photo{position:absolute!important;inset:0!important;background:#080809!important;overflow:hidden!important}
.about-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:brightness(.72) contrast(1.1) saturate(.75)}
.work-card--music .work-info{padding-bottom:22px}
.inline-audio{display:grid;gap:7px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line2)}
.inline-audio label{font:500 8px var(--mono);letter-spacing:.12em;color:#777;margin-top:4px}
.inline-audio audio{width:100%;height:32px;filter:grayscale(1) invert(.88)}
.video-embedded{padding:0!important;background:#050506!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.video-embedded video{display:block;width:100%;height:100%;min-height:260px;object-fit:contain;background:#000}
.music-showcase{display:none!important}
@media(max-width:720px){.hero h1,.hero h1 span{letter-spacing:5px!important}.portrait-photo img{object-position:center}.video-embedded video{min-height:220px}}

/* v9 requested refinements */
.raspberry-logo{width:58px;height:58px;display:grid;place-items:center;margin-left:-7px}.raspberry-logo svg{width:50px;height:50px;overflow:visible}.raspberry-logo .berry{fill:#181819;stroke:#e13a46;stroke-width:1.25}.raspberry-logo .berry-leaf{fill:none;stroke:#e13a46;stroke-width:2;stroke-linecap:round}.raspberry-logo text{fill:#fff;font:700 16px "Space Grotesk",sans-serif;letter-spacing:-1px}.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)!important;gap:86px!important}.hero h1{font-size:clamp(70px,8.7vw,142px)!important;max-width:100%!important}.hero-photo-empty{background:rgba(6,6,7,.34)!important;min-height:560px}.hero-photo-empty:before{display:none!important}.program-icon{width:46px!important;height:46px!important;font-size:14px!important}.program{gap:14px!important;font-size:13px!important}.mini-tools i{min-width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);font-style:normal}.python-icon{color:#8dc5ff}.js-icon{color:#f1d85a}.work-grid{grid-template-columns:1fr!important}.music-feature{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)}.music-feature .work-image{min-height:100%!important}.music-feature .work-info{padding:25px 28px 30px}.music-media{margin-top:24px;display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(280px,.95fr);gap:16px}.music-video-item,.track{border:1px solid var(--line);background:#08080a;padding:10px}.music-video-item video{display:block;width:100%;aspect-ratio:16/9;background:#000}.track-list{display:grid;gap:8px;align-content:start}.track audio{width:100%;height:36px}.track-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:7px;font:500 8px var(--mono);letter-spacing:.09em;color:#aaa}.track-head b{font-weight:500;color:#666}@media(max-width:1100px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)!important;gap:45px!important}.hero h1{font-size:clamp(64px,8vw,105px)!important}.music-feature{grid-template-columns:1fr}.music-feature .work-image{min-height:390px!important}}@media(max-width:720px){.hero-grid{grid-template-columns:1fr!important}.hero-photo-empty{min-height:360px}.music-media{grid-template-columns:1fr}.program-icon{width:43px!important;height:43px!important}}


/* ===== v10 refinement pass ===== */
/* Hero: clean logo, more breathing room between name and future portrait */
.site-header .logo{width:48px;height:48px;display:grid;place-items:center;font:700 18px/1 var(--display);letter-spacing:-1px;color:#f2f0ed;border:0;margin:0}
.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr)!important;gap:120px!important;align-items:center}
.hero-visual{width:100%;max-width:430px;justify-self:end;transform:translateX(18px)}
.hero-photo-empty{min-height:500px!important;aspect-ratio:.84/1;background:rgba(4,4,5,.18)!important}
.hero-kicker{letter-spacing:.14em}

/* About: only the opening paragraph gets a first-line indent */
.about-text p{ text-indent:0!important; }
.about-text p.about-opening{ text-indent:2.2em!important; }

/* Skills: asymmetric 12-column layout, larger icons, no filler paragraphs */
.skills-grid--balanced{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-rows:auto;gap:1px;background:var(--line)}
.skills-grid--balanced .skill-card{min-height:0!important;background:rgba(11,11,13,.96);padding:34px 34px 32px!important;display:flex;flex-direction:column}
.skills-grid--balanced .skill-card--video{grid-column:span 7}
.skills-grid--balanced .skill-card--visual{grid-column:span 5}
.skills-grid--balanced .skill-card--audio{grid-column:span 5}
.skills-grid--balanced .skill-card--digital{grid-column:span 7}
.skills-grid--balanced .skill-card h3{font-size:clamp(28px,2.2vw,40px);margin:48px 0 28px}
.program-grid--large{gap:16px 24px!important;margin-top:auto}
.program-grid--large .program{min-height:76px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}
.program-grid--large .program-icon{width:60px!important;height:60px!important;font-size:16px!important}
.program-grid--two{grid-template-columns:1fr 1fr!important}
.skill-keywords{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:28px}
.skill-keywords span{border:1px solid rgba(255,255,255,.09);padding:13px 14px;font:500 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#9a9794}
.digital-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto}
.digital-tool{display:flex;align-items:center;gap:13px;border:1px solid rgba(255,255,255,.11);padding:13px 14px;min-height:66px;font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#b3b0ad}
.digital-tool:first-child{grid-column:span 1}.digital-tool:last-child{grid-column:span 2}
.digital-tool i{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);font-style:normal;font-size:11px;flex:0 0 38px}
.skill-practice,.skill-note{display:none!important}

/* Selected Work: only text + video + audio playlist in the music block */
.music-feature--clean{display:block!important;border:1px solid rgba(225,58,70,.55)!important;background:rgba(9,9,11,.95)!important}
.music-feature--clean .music-header{display:flex;justify-content:space-between;gap:32px;align-items:flex-start;padding:30px 34px 0}
.music-feature--clean .music-header h3{font:600 clamp(34px,3.3vw,58px)/1 var(--display);margin:10px 0 0}
.music-copyright{display:grid;gap:5px;text-align:right;font:500 8px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#777}
.music-copyright span:first-child{color:var(--red2)}
.music-description{max-width:980px;padding:18px 34px 0;margin:0;color:#a5a19e;line-height:1.7;font-size:13px}
.music-media--split{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;gap:16px!important;padding:28px 34px 34px;margin:0!important}
.music-video-item--large{padding:12px!important;display:flex;flex-direction:column;min-height:100%}
.music-video-item--large video{width:100%;aspect-ratio:16/9;object-fit:cover;margin:auto 0}
.track-list--portfolio{gap:10px!important}
.track-list--portfolio .track{padding:11px 12px!important}
.track-list--portfolio audio{height:40px!important}

/* Hobbies */
.personal-icon--travel{color:#e13a46}
.personal-icon--travel svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.travel-modal>p{max-width:760px}
.travel-map{position:relative;margin-top:24px;aspect-ratio:2/1;border:1px solid var(--line);overflow:hidden;background:radial-gradient(circle at 52% 45%,rgba(225,58,70,.08),transparent 32%),#09090b}
.travel-world{position:absolute;inset:4%;width:92%;height:92%}.travel-world path{fill:#151519;stroke:#2a2a2f;stroke-width:2}
.travel-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.22);background:#0b0b0d;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:.2s;z-index:3;font-size:15px;padding:0}
.travel-pin:hover,.travel-pin.active{transform:translate(-50%,-50%) scale(1.18);border-color:var(--red2);box-shadow:0 0 0 4px rgba(225,58,70,.12)}
.travel-country-name{position:absolute;left:18px;bottom:16px;z-index:4;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#eee;background:rgba(7,7,8,.82);padding:9px 11px;border:1px solid var(--line)}
.travel-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.travel-chip{border:1px solid var(--line);background:#0a0a0c;color:#aaa;padding:8px 10px;font:500 9px var(--mono);letter-spacing:.04em;cursor:pointer}.travel-chip span{margin-right:6px}.travel-chip:hover,.travel-chip.active{border-color:var(--red2);color:#fff}
.travel-next{margin-top:20px;padding-top:15px;border-top:1px solid var(--line);display:flex;gap:16px;align-items:center;justify-content:space-between;font:500 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.travel-next span{color:var(--red2)}.travel-next b{font-weight:500;color:#777}
.sport-modal-grid{display:grid;grid-template-columns:1fr .9fr;gap:26px;align-items:start}.sport-proof{margin:0;border:1px solid var(--line);background:#09090b;padding:10px}.sport-proof img{width:100%;max-height:460px;object-fit:cover;display:block}.sport-proof figcaption{padding:9px 3px 2px;font:500 8px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#777}

/* Contact channels */
.contact-phone-row{display:grid!important;grid-template-columns:64px 1fr auto!important;align-items:center}
.contact-phone-row .phone-number{color:#eee}.contact-phone-row .phone-number:hover{color:var(--red2)}
.contact-channels{display:flex;gap:8px}.channel{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:8px;transition:.2s}.channel:hover{border-color:var(--red2);transform:translateY(-1px)}.channel svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.channel--whatsapp{color:#8bd7a0}.channel--telegram{color:#8dc5ff}

@media(max-width:1100px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.5fr)!important;gap:70px!important}.hero-visual{max-width:370px;transform:none}.hero-photo-empty{min-height:450px!important}
  .music-media--split{grid-template-columns:1fr!important}.skills-grid--balanced .skill-card{grid-column:span 6!important}.sport-modal-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .hero-grid{grid-template-columns:1fr!important;gap:35px!important}.hero-visual{max-width:none;justify-self:stretch}.hero-photo-empty{min-height:330px!important}
  .skills-grid--balanced{grid-template-columns:1fr!important}.skills-grid--balanced .skill-card{grid-column:auto!important}.program-grid--two{grid-template-columns:1fr!important}.digital-grid{grid-template-columns:1fr}.digital-tool:last-child{grid-column:auto}
  .music-feature--clean .music-header{display:block;padding:24px 20px 0}.music-copyright{text-align:left;margin-top:14px}.music-description{padding:16px 20px 0}.music-media--split{padding:22px 20px 24px}
  .travel-map{aspect-ratio:1.2/1}.travel-pin{width:25px;height:25px;font-size:13px}.travel-next{align-items:flex-start;flex-direction:column}.contact-phone-row{grid-template-columns:54px 1fr!important}.contact-channels{grid-column:2;margin-top:10px}
}


/* ===== HOBBIES v12 merged into main portfolio ===== */
.personal .personal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.personal .personal-card{min-height:410px;background:rgba(12,12,14,.92);border:0;text-align:left;padding:25px;position:relative;overflow:hidden;cursor:pointer;transition:.32s}
.personal .personal-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(181,31,42,.18),transparent 28%);opacity:.7;transition:.4s}
.personal .personal-card:hover{background:#111114}.personal .personal-card:hover:before{transform:scale(1.15)}
.personal .personal-number,.personal .personal-card em,.personal .personal-card strong,.personal .personal-icon{position:absolute;z-index:1}
.personal .personal-number{top:22px;left:22px;font:500 9px var(--mono);color:#777}
.personal .personal-icon{top:18px;right:21px;width:54px;height:54px;display:grid!important;place-items:center}
.personal .personal-icon img{display:block;width:52px;height:52px;object-fit:contain}
.personal .personal-card strong{left:25px;bottom:63px;font:600 55px var(--display);letter-spacing:-.06em}
.personal .personal-card em{right:25px;bottom:21px;font:500 8px var(--mono);font-style:normal;color:#aaa}
.personal .personal-card small{display:none!important}.personal .personal-card::after{display:none!important}

#personal-modal .modal-panel{width:min(1060px,100%);max-height:92vh;padding:40px}
#personal-modal .modal-panel h2{font:600 clamp(50px,7vw,84px) var(--display);letter-spacing:-.06em;margin:8px 0 24px}
#personal-modal .modal-copy{color:#aaa;line-height:1.72;font-size:14px}
.travel-lead{max-width:890px;color:#b7b2af;font-size:15px;line-height:1.7;margin-bottom:24px}
.travel-layout{display:grid;grid-template-columns:1.28fr .72fr;gap:22px}
.travel-map{position:relative;aspect-ratio:2/1;border:1px solid var(--line);overflow:hidden;background:#08080a;touch-action:none;cursor:grab}
.travel-map.is-dragging{cursor:grabbing}.map-canvas{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform}
.map-canvas img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:.96;user-select:none;pointer-events:none}
.travel-map:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px);background-size:9.09% 25%;pointer-events:none;z-index:5}
.travel-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:11px;height:11px;border-radius:50%;border:1.5px solid rgba(255,255,255,.9);background:var(--red2);box-shadow:none;cursor:pointer;z-index:3;transition:transform .16s ease,background .16s ease,border-color .16s ease;padding:0}
.travel-pin:hover{transform:translate(-50%,-50%) scale(1.22);background:#ff5360}.travel-pin.active{transform:translate(-50%,-50%) scale(1.28);background:#fff;border-color:var(--red2)}
.travel-country-name{position:absolute;left:18px;bottom:17px;z-index:8;padding:9px 12px;background:rgba(5,5,6,.86);border:1px solid var(--line);font:500 10px var(--mono);letter-spacing:.08em;color:#eee;backdrop-filter:blur(8px)}
.map-controls{position:absolute;right:12px;top:12px;z-index:9;display:grid;grid-template-columns:repeat(3,34px);gap:5px}.map-controls button{height:34px;border:1px solid rgba(255,255,255,.16);background:rgba(7,7,9,.86);font:600 16px var(--mono);cursor:pointer;backdrop-filter:blur(7px);transition:.18s}.map-controls button:hover{border-color:rgba(225,58,70,.7);background:#121216}
.travel-side{border:1px solid var(--line);background:rgba(255,255,255,.018);padding:20px;display:flex;flex-direction:column}.travel-count{display:flex;align-items:flex-end;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--line)}.travel-count b{font:600 54px/1 var(--display);color:#fff}.travel-count span{font:500 9px var(--mono);letter-spacing:.1em;color:#888;padding-bottom:6px}.travel-chips{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}.travel-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--line2);background:#0d0d10;padding:8px 9px;text-align:left;cursor:pointer;font:500 9px var(--mono);color:#a7a3a1;transition:.2s}.travel-chip:hover,.travel-chip.active{border-color:rgba(225,58,70,.65);color:#fff;background:#121216}.travel-chip span{font-size:15px}
.sport-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px;align-items:start}.sport-copy p{margin-bottom:18px}.sport-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:22px 0}.sport-stat{background:#111114;padding:18px}.sport-stat b{display:block;font:600 30px var(--display);color:#eee}.sport-stat span{font:500 7px var(--mono);letter-spacing:.09em;color:#777}.sport-proof{border:1px solid var(--line);background:#08080a;padding:9px}.sport-proof img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}.sport-proof figcaption{padding:9px 3px 2px;font:500 7px var(--mono);letter-spacing:.1em;color:#686564}
.movie-table{margin-top:22px;border-top:1px solid var(--line)}.movie-table>div{display:grid;grid-template-columns:1fr 70px 55px;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}.movie-table b{color:#eee;font-weight:500}.movie-table span{color:#777;font:500 10px var(--mono)}.movie-table strong{color:var(--red2);font:600 11px var(--mono);text-align:right}.movie-head span{font-size:8px!important;letter-spacing:.11em}.rating-note{margin-top:16px;color:#666!important;font-size:11px}
@media(max-width:820px){.personal .personal-grid{grid-template-columns:1fr}.personal .personal-card{min-height:290px}#personal-modal .modal-panel{padding:28px 20px}.travel-layout,.sport-grid{grid-template-columns:1fr}.travel-map{aspect-ratio:1.45/1}.travel-chips{grid-template-columns:1fr 1fr}.sport-proof img{max-height:none}}

/* ===== SKILLS PAGE v15 merged ===== */
#skills{width:min(1460px,calc(100% - 80px));margin:auto;padding:145px 0 85px}
#skills .section-heading{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:38px}
#skills .title-row{display:flex;align-items:baseline;gap:20px}#skills .title-row>span{color:var(--red2,var(--red));font:500 10px var(--mono)}#skills .title-row h1{font-size:clamp(50px,5.4vw,82px);letter-spacing:-.06em;line-height:.9;margin:0}
#skills .interaction-hint{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;padding-bottom:3px;max-width:470px}#skills .interaction-hint i{width:7px;height:7px;background:var(--red2,var(--red));border-radius:50%}#skills .interaction-hint span{color:#9a9692;font:500 9px var(--mono);letter-spacing:.085em;line-height:1.5;text-align:right}
#skills .skills-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}#skills .skill-card{background:rgba(11,11,13,.95);padding:34px;min-height:390px;position:relative;overflow:hidden}#skills .skill-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-100px;bottom:-120px;background:rgba(160,22,34,.11);filter:blur(35px);pointer-events:none}
#skills .video-card{grid-column:span 7}#skills .visual-card{grid-column:span 5}#skills .audio-card{grid-column:span 5}#skills .digital-card{grid-column:span 7}#skills .card-top{display:flex;justify-content:space-between;color:#666;font:500 9px var(--mono);letter-spacing:.1em}#skills .card-top em{font-style:normal}#skills .skill-card h2{font-size:clamp(30px,2.35vw,43px);letter-spacing:-.045em;margin:46px 0 26px}
#skills .program-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}#skills .visual-list .wide{grid-column:1/-1}#skills .program{position:relative;min-height:86px;display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 0;border:0;border-top:1px solid rgba(255,255,255,.065);background:none;color:inherit;text-align:left;font:inherit}#skills .program.has-preview{cursor:pointer}#skills .program.has-preview:before{content:"";position:absolute;inset:5px -8px;border:1px solid transparent;transition:.22s}#skills .program.has-preview:hover:before,#skills .program.has-preview:focus-visible:before{border-color:rgba(225,58,70,.45);background:rgba(225,58,70,.025)}
#skills .program-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);font:700 14px var(--display,var(--sans));background:rgba(255,255,255,.015)}#skills .ae{color:#bbbfff}#skills .ps{color:#53c9ef}#skills .pr{color:#f05b78}#skills .ai{color:#ff9b50}#skills .figma{color:#f24e1e}#skills .davinci{color:#8bd0d9}#skills .c4d{color:#9ac6ff;font-size:11px}#skills .fl{color:#b6e63d}#skills .ableton{color:#78d7e8}#skills .program-name{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#e6e2df}#skills .program-name small{font:400 8px var(--mono);letter-spacing:.06em;color:#6f6c6a}
#skills .open-tag,#skills .open-arrow{color:#ff4a57!important;font:700 19px/1 var(--display,var(--sans))!important;letter-spacing:0!important;opacity:.92!important;text-shadow:0 0 7px rgba(255,74,87,.45),0 0 14px rgba(225,58,70,.22);transition:transform .18s ease,filter .18s ease,opacity .18s ease}#skills .program.has-preview:hover .open-tag,#skills .digital-tool.has-preview:hover .open-arrow{opacity:1!important;transform:translate(2px,-3px);filter:brightness(1.18)}
#skills .digital-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:5px}#skills .digital-tool{min-height:57px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);background:rgba(255,255,255,.008);color:#c9c5c2;font:500 9px var(--mono);letter-spacing:.07em;text-align:left}#skills .digital-tool.has-preview{cursor:pointer}#skills .digital-tool.has-preview:hover{border-color:rgba(225,58,70,.55);background:rgba(225,58,70,.025)}#skills .digital-tool i{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);font-style:normal;font-size:10px}#skills .python{color:#8dc5ff}#skills .js{color:#f1d85a}#skills .ai-tool{color:#8ff0bc}#skills .db{color:#8bc5ff}#skills .blender{color:#ff9e44}#skills .digital-tool.full{grid-column:1/-1}#skills .digital-tool b.open-arrow{justify-self:end}
.preview-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:34px;opacity:0;visibility:hidden;transition:.25s}.preview-modal.open{opacity:1;visibility:visible}.preview-backdrop{position:absolute;inset:0;background:rgba(2,2,3,.7);backdrop-filter:blur(13px) saturate(.65)}.preview-panel{position:relative;width:min(1120px,84vw);max-height:88vh;background:#0b0b0d;border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 90px rgba(0,0,0,.65);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;transform:translateY(18px) scale(.985);transition:.25s}.preview-modal.open .preview-panel{transform:none}.preview-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.preview-kicker{display:block;color:var(--red2,var(--red));font:500 8px var(--mono);letter-spacing:.13em;margin-bottom:6px}.preview-head h2{font-size:24px;letter-spacing:-.03em}.preview-controls{display:flex;gap:7px}.preview-controls button{width:34px;height:34px;border:1px solid var(--line);background:#0f0f12;color:#ddd;font-size:18px;cursor:pointer}.preview-controls button:hover{border-color:var(--red2,var(--red));color:#fff}.preview-stage{padding:16px;min-height:0;background:#050506;display:grid;place-items:center}.preview-stage img{display:block;max-width:100%;max-height:68vh;object-fit:contain;border:1px solid rgba(255,255,255,.08)}.preview-foot{display:flex;justify-content:space-between;padding:12px 18px;border-top:1px solid var(--line);color:#64615f;font:500 8px var(--mono);letter-spacing:.1em}
@media(max-width:1000px){#skills{width:calc(100% - 36px)}#skills .skill-card{grid-column:span 6!important}#skills .program-grid{grid-template-columns:1fr}#skills .visual-list .wide{grid-column:auto}.preview-panel{width:92vw}}@media(max-width:680px){#skills{padding-top:110px}#skills .section-heading{align-items:flex-start;gap:24px;flex-direction:column}#skills .interaction-hint{justify-content:flex-start}#skills .interaction-hint span{text-align:left}#skills .skills-grid{grid-template-columns:1fr}#skills .skill-card{grid-column:auto!important;padding:24px}#skills .digital-grid{grid-template-columns:1fr}#skills .digital-tool.full{grid-column:auto}.preview-modal{padding:10px}.preview-panel{width:96vw}}


/* ===== v15 refinement: truthful Visual Workflow + video portfolio ===== */
#skills .visual-card .visual-list{grid-template-columns:repeat(2,minmax(0,1fr))}
#skills .visual-card .program{min-height:86px}
#skills .visual-card .blender-icon-viz{color:#ff9e44}
#skills .visual-card .program-name small{line-height:1.35}
#skills .digital-card .digital-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

.motion-portfolio{grid-column:1/-1;padding:0!important;background:rgba(9,9,11,.96)}
.motion-portfolio:hover{transform:none}
.motion-portfolio-head{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding:30px 32px 0}
.motion-portfolio-head h3{font:600 clamp(28px,3vw,48px)/1 var(--display);letter-spacing:-.045em;margin-top:10px}
.motion-note{display:grid;gap:6px;text-align:right;color:#777;font:500 8px var(--mono);letter-spacing:.08em;line-height:1.5;padding-top:2px}
.motion-note span:last-child{color:#b9b4b1}
.motion-description{max-width:780px!important;padding:0 32px;margin:16px 0 28px!important;font-size:13px!important;line-height:1.7!important;color:#96918e!important}
.motion-gallery{display:grid;grid-template-columns:1.35fr .65fr .65fr;gap:1px;background:var(--line);border-top:1px solid var(--line)}
.motion-item{margin:0;background:#060607;min-height:270px;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}
.motion-item--feature{grid-row:span 2;min-height:620px}
.motion-item video{display:block;width:100%;height:100%;min-height:260px;max-height:420px;object-fit:contain;background:#000}
.motion-item--feature video{max-height:none;min-height:540px}
.motion-item--vertical video{object-fit:contain;background:#030304}
.motion-item figcaption{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 14px;border-top:1px solid var(--line);font:500 8px var(--mono);letter-spacing:.08em;color:#777}
.motion-item figcaption b{font-weight:500;color:#c9c4c1}

@media(max-width:1000px){
  .motion-gallery{grid-template-columns:1fr 1fr}
  .motion-item--feature{grid-column:1/-1;grid-row:auto;min-height:auto}
  .motion-item--feature video{min-height:380px;max-height:520px}
}
@media(max-width:680px){
  #skills .visual-card .visual-list{grid-template-columns:1fr}
  .motion-portfolio-head{flex-direction:column;padding:24px 20px 0}
  .motion-note{text-align:left}
  .motion-description{padding:0 20px}
  .motion-gallery{grid-template-columns:1fr}
  .motion-item video,.motion-item--feature video{min-height:240px;max-height:430px}
}


/* ===== v18 FINAL PHOTO PASS ===== */
/* Original image files are used without recompression to preserve detail. */
.hero-grid{
  grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr)!important;
  gap:96px!important;
}
.hero-photo-final{
  aspect-ratio:4 / 3!important;
  min-height:0!important;
  background:#070708!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.hero-photo-final::before{display:none!important}
.hero-photo-final img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  filter:none!important;
  transform:none!important;
  image-rendering:auto;
}
.hero-visual .visual-caption{
  display:flex!important;
  justify-content:space-between;
  margin-top:10px;
  font:500 8px var(--mono);
  letter-spacing:.1em;
  color:#747170;
}

/* Two-photo editorial layout for ABOUT. */
.about-visual{
  position:sticky;
  top:105px;
  align-self:start;
}
.about-photo-stack{
  display:grid;
  grid-template-rows:minmax(0,1.28fr) minmax(0,.72fr);
  gap:12px;
  min-height:850px;
}
.about-photo-card{
  margin:0;
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  background:#080809;
}
.about-photo-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
}
.about-photo-card img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  filter:none!important;
  image-rendering:auto;
}
.about-photo-card--portrait img{
  object-position:center 19%;
}
.about-photo-card--creative img{
  object-position:center center;
}
.about-photo-index{
  position:absolute;
  z-index:2;
  left:16px;
  top:15px;
  padding:5px 7px;
  background:rgba(5,5,6,.72);
  backdrop-filter:blur(6px);
  color:#c7c3c0;
  font:500 8px var(--mono);
  letter-spacing:.11em;
  border:1px solid rgba(255,255,255,.09);
}

@media(max-width:1100px){
  .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(330px,.72fr)!important;
    gap:48px!important;
  }
  .about-photo-stack{min-height:760px}
}
@media(max-width:820px){
  .hero-grid{grid-template-columns:1fr!important}
  .hero-photo-final{aspect-ratio:16 / 10!important}
  .about-visual{position:relative;top:auto}
  .about-photo-stack{
    min-height:0;
    grid-template-columns:.8fr 1.2fr;
    grid-template-rows:420px;
  }
}
@media(max-width:560px){
  .about-photo-stack{
    grid-template-columns:1fr;
    grid-template-rows:520px 250px;
  }
  .hero-photo-final{aspect-ratio:4 / 3!important}
}

/* ===== v19 final polish ===== */
/* Larger hero image, with clean editorial spacing and no caption below it. */
.hero-grid{
  grid-template-columns:minmax(0,1.15fr) minmax(440px,.85fr)!important;
  gap:70px!important;
}
.hero-visual{
  width:100%!important;
  max-width:540px!important;
  justify-self:end!important;
  transform:none!important;
}
.hero-photo-final{aspect-ratio:4 / 3!important}
.hero-visual .visual-caption{display:none!important}

/* ABOUT: smaller photo column, updated portrait, more space for the text. */
.about-grid{
  grid-template-columns:minmax(280px,.52fr) minmax(0,1.48fr)!important;
  gap:64px!important;
}
.about-visual{
  max-width:360px!important;
  width:100%!important;
}
.about-photo-stack{
  min-height:0!important;
  grid-template-rows:470px 235px!important;
  gap:12px!important;
}
.about-photo-card--portrait img{object-position:center 16%!important}

/* HOBBIES: consistent monochrome icons; no accent colors inside icons. */
.personal .personal-icon{width:56px!important;height:56px!important}
.personal .personal-icon img{
  width:54px!important;
  height:54px!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:.98;
}
.personal-icon--travel,.personal-icon--film,.personal-icon--sport{color:#f4f2ef!important}

@media(max-width:1100px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.78fr)!important;gap:44px!important}
  .hero-visual{max-width:470px!important}
  .about-grid{grid-template-columns:minmax(260px,.6fr) minmax(0,1.4fr)!important;gap:44px!important}
  .about-visual{max-width:330px!important}
  .about-photo-stack{grid-template-rows:430px 215px!important}
}
@media(max-width:820px){
  .hero-grid{grid-template-columns:1fr!important}
  .hero-visual{max-width:none!important}
  .about-grid{grid-template-columns:1fr!important}
  .about-visual{max-width:none!important}
  .about-photo-stack{grid-template-columns:.8fr 1.2fr!important;grid-template-rows:390px!important}
}
@media(max-width:560px){
  .about-photo-stack{grid-template-columns:1fr!important;grid-template-rows:480px 230px!important}
}


/* ===== v20 final hobby icons + photo lightbox ===== */
.personal .personal-icon{
  width:64px!important;
  height:64px!important;
  top:16px!important;
  right:18px!important;
}
.personal .personal-icon img{
  width:60px!important;
  height:60px!important;
  object-fit:contain!important;
  display:block!important;
  opacity:1!important;
  filter:none!important;
}

/* Photos are intentionally clickable; previews stay untouched. */
img[data-photo-lightbox], .sport-proof img[data-photo-lightbox]{
  cursor:zoom-in;
}
.hero-photo-final img[data-photo-lightbox],
.about-photo-card img[data-photo-lightbox]{
  transition:filter .2s ease, transform .25s ease;
}
.hero-photo-final:hover img[data-photo-lightbox],
.about-photo-card:hover img[data-photo-lightbox]{
  filter:brightness(1.045)!important;
}

.photo-lightbox{
  position:fixed;
  inset:0;
  z-index:1400;
  display:grid;
  place-items:center;
  padding:34px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease, visibility .22s ease;
}
.photo-lightbox.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.photo-lightbox-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,2,3,.88);
  backdrop-filter:blur(16px) saturate(.7);
}
.photo-lightbox-panel{
  margin:0;
  position:relative;
  z-index:1;
  max-width:min(92vw,1500px);
  max-height:91vh;
  display:grid;
  place-items:center;
  background:#070708;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 30px 110px rgba(0,0,0,.65);
  transform:scale(.975);
  transition:transform .22s ease;
}
.photo-lightbox.is-open .photo-lightbox-panel{transform:scale(1)}
.photo-lightbox-panel img{
  display:block;
  max-width:min(92vw,1500px);
  max-height:84vh;
  width:auto;
  height:auto;
  object-fit:contain;
  image-rendering:auto;
}
.photo-lightbox-close{
  position:absolute;
  z-index:2;
  top:10px;
  right:12px;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(5,5,6,.68);
  color:#f5f3f1;
  font:300 30px/1 var(--sans);
  cursor:pointer;
  backdrop-filter:blur(8px);
}
.photo-lightbox-close:hover{border-color:var(--red2);color:#fff}
.photo-lightbox-panel figcaption{
  width:100%;
  padding:10px 14px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#8b8785;
  font:500 8px var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media(max-width:720px){
  .photo-lightbox{padding:10px}
  .photo-lightbox-panel, .photo-lightbox-panel img{max-width:96vw}
  .photo-lightbox-panel img{max-height:82vh}
  .personal .personal-icon{width:58px!important;height:58px!important}
  .personal .personal-icon img{width:54px!important;height:54px!important}
}