:root{--bg:#080808;--panel:#111;--white:#f5f5f2;--muted:#92928f;--line:#292929;--green:#7cf2a4;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.045;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.nav-wrap{height:78px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 7.2%;background:rgba(8,8,8,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.wordmark{font-size:25px;font-weight:800;letter-spacing:-2px}.wordmark span{color:#aaa}.main-nav{display:flex;gap:34px}.main-nav a{font-size:12px;color:#999;transition:color .25s;position:relative}.main-nav a:after{content:'';position:absolute;left:0;bottom:-9px;width:0;height:1px;background:#fff;transition:width .3s}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.nav-availability{font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#aaa;display:flex;align-items:center;gap:9px}.online-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px #7cf2a455;animation:onlinePulse 2.5s infinite}.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:22px}.section{position:relative;padding-left:10%;padding-right:10%}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding-top:65px;padding-bottom:95px;overflow:hidden}.hero-grid{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 45%,#202020 0,transparent 36%),linear-gradient(90deg,transparent 49.9%,#ffffff06 50%,transparent 50.1%);opacity:.65}.hero-copy{position:relative;z-index:2;max-width:590px}.eyebrow{font:10px var(--mono);letter-spacing:.15em;color:#9c9c98;margin:0 0 28px;display:flex;align-items:center;gap:12px}.eyebrow-line{width:26px;height:1px;background:#777}.hero h1{font-size:clamp(65px,8.4vw,118px);line-height:.91;letter-spacing:-.085em;margin:0;font-weight:800}.hero h1 em{font-style:normal;color:#f6f6f3}.outline-text{-webkit-text-stroke:1px #a4a4a0;color:transparent}.hero-intro{max-width:410px;color:#a6a6a1;font-size:14px;line-height:1.9;margin:28px 0 30px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;gap:25px;padding:15px 20px;font-size:11px;font-weight:700;transition:transform .3s,background .3s}.button-light{background:#f4f4f1;color:#0a0a0a}.button-light:hover{transform:translateY(-3px);background:#fff}.button span{font-size:17px}.text-link{font-size:12px;color:#ddd;display:flex;gap:12px;align-items:center}.text-link span{transition:transform .25s}.text-link:hover span{transform:translateX(5px)}.hero-meta{display:flex;align-items:center;gap:17px;margin-top:54px;font:10px var(--mono);letter-spacing:.07em;color:#777}.hero-meta span:first-child{display:flex;align-items:center;gap:8px}.hero-meta b{font-weight:400;color:#eee;margin-left:7px}.meta-divider{height:14px;width:1px;background:#333}.hero-visual{height:510px;position:relative;display:grid;place-items:center}.profile-halo{position:relative;z-index:2;width:min(340px,70%);aspect-ratio:1;border-radius:50%;padding:7px;background:conic-gradient(from 0deg,#fff0 0deg,#d8d8d8 80deg,#fff 145deg,#555 220deg,#fff0 300deg);animation:ringRotate 12s linear infinite;filter:drop-shadow(0 0 25px #ffffff12)}.profile-frame{width:100%;height:100%;border-radius:50%;padding:5px;background:#0b0b0b;overflow:hidden}.profile-frame img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;filter:grayscale(1);transition:filter .5s,transform .7s}.profile-halo:hover img{filter:grayscale(.15);transform:scale(1.04)}.orbit{position:absolute;border:1px solid #ffffff12;border-radius:50%;width:430px;height:430px;animation:orbitFloat 8s ease-in-out infinite}.orbit-two{width:510px;height:510px;border-style:dashed;animation:orbitFloat 11s ease-in-out infinite reverse}.floating-tag{position:absolute;z-index:3;background:#171717;border:1px solid #303030;padding:12px 15px;font:9px var(--mono);letter-spacing:.08em;color:#c6c6c2;box-shadow:0 12px 40px #0008}.tag-top{top:100px;right:3%;transform:rotate(4deg)}.tag-mark{font-size:16px;margin-right:7px;color:#eee}.tag-bottom{bottom:95px;left:2%;display:flex;align-items:center;gap:9px;transform:rotate(-4deg)}.visual-index{position:absolute;bottom:25px;right:8%;font:11px var(--mono);color:#eee}.visual-index span{color:#555}.hero-bottom{position:absolute;bottom:27px;left:10%;right:10%;display:flex;align-items:center;gap:14px;font:9px var(--mono);letter-spacing:.1em;color:#686866}.scroll-line{height:1px;width:70px;background:#333}.hero-bottom span:last-child{margin-left:auto}.about,.works{padding-top:145px;padding-bottom:140px;border-top:1px solid #1d1d1d}.section-heading{max-width:760px}.section-heading h2,.contact h2{font-size:clamp(42px,6vw,76px);line-height:1.04;letter-spacing:-.07em;margin:0;font-weight:700}.section-heading h2 span,.contact h2 span{color:#777}.about-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%;margin-top:70px}.about-aside{font:11px var(--mono);color:#888;display:flex;flex-direction:column;align-items:flex-start}.about-number{font-size:14px;color:#eee}.about-number span{color:#666;margin:0 8px}.about-aside p{line-height:1.8;margin-top:24px}.vertical-rule{height:100px;width:1px;background:linear-gradient(#555,transparent);margin-top:30px}.about-content{max-width:660px}.about-content p{font-size:14px;line-height:2;color:#999;margin:0 0 22px}.about-content .lead-copy{font-size:22px;line-height:1.65;color:#e5e5e1;letter-spacing:-.03em;margin-bottom:27px}.about-signoff{font:9px var(--mono);letter-spacing:.12em;color:#666;margin-top:35px}.about-signoff span{color:#ddd;margin:0 9px}.interest-strip{border-top:1px solid #282828;border-bottom:1px solid #282828;margin-top:95px;padding:22px 0;display:flex;align-items:center;gap:45px}.interest-strip>span{font:9px var(--mono);letter-spacing:.1em;color:#666;white-space:nowrap}.interest-strip div{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.interest-strip b{font-size:13px;font-weight:500;color:#c8c8c4}.interest-strip i{font-style:normal;font-size:12px;color:#555}.works{background:linear-gradient(180deg,#0b0b0b,#080808)}.section-note{font-size:13px;line-height:1.8;color:#888;max-width:410px;margin-top:24px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:62px}.work-card{border:1px solid #292929;background:#101010;min-width:0;transition:transform .35s,border-color .35s;overflow:hidden}.work-card:hover{transform:translateY(-7px);border-color:#555}.work-card-top,.work-card-foot{display:flex;align-items:center;justify-content:space-between;padding:18px 19px;font:9px var(--mono);letter-spacing:.08em;color:#777}.work-symbol{font-size:17px;color:#ddd}.work-art{height:190px;position:relative;overflow:hidden;background:#151515;display:grid;place-items:center}.art-label{position:absolute;bottom:15px;left:17px;font:8px var(--mono);letter-spacing:.12em;color:#777}.discord-art{background:radial-gradient(circle at 50% 50%,#343434,#141414 62%)}.discord-orb{width:108px;height:108px;border-radius:32px;display:grid;place-items:center;background:linear-gradient(145deg,#eee,#777);color:#111;font-size:62px;box-shadow:0 0 50px #fff2;transform:rotate(-12deg);animation:orbBob 5s ease-in-out infinite}.art-lines{position:absolute;width:260px;height:260px;border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 28px #ffffff05,0 0 0 56px #ffffff03}.web-art{background:radial-gradient(ellipse at 50% 40%,#292929,#111 70%)}.browser-window{width:76%;height:125px;background:#0b0b0b;border:1px solid #494949;box-shadow:0 15px 30px #0008;transform:perspective(600px) rotateY(-10deg) rotateX(3deg);transition:transform .5s}.work-web:hover .browser-window{transform:perspective(600px) rotateY(0) rotateX(0) translateY(-4px)}.browser-dots{display:flex;gap:4px;padding:9px;border-bottom:1px solid #262626}.browser-dots i{width:4px;height:4px;background:#666;border-radius:50%}.browser-content{padding:14px;display:grid;gap:6px}.browser-content span{width:35%;height:5px;background:#aaa}.browser-content b{height:3px;width:65%;background:#414141}.browser-content div{height:27px;width:100%;background:linear-gradient(90deg,#292929,#111);margin-top:5px}.design-art{background:radial-gradient(circle at 50% 40%,#292929,#111 70%)}.design-stack{position:relative;width:160px;height:145px}.stack-card{position:absolute;width:104px;height:116px;display:flex;align-items:center;justify-content:center;font-weight:800;line-height:1.05;letter-spacing:-.06em}.stack-a{background:#e8e8e4;color:#111;font-size:20px;transform:rotate(-12deg);left:12px;top:10px;z-index:2;padding:10px}.stack-a i{font-style:normal;color:#777}.stack-b{background:#777;color:#111;transform:rotate(12deg);right:8px;top:15px;z-index:1;font-size:24px}.stack-b span{font-size:16px;margin-left:4px}.stack-c{background:#242424;border:1px solid #555;transform:rotate(24deg);right:0;top:20px}.work-card-copy{padding:22px 20px 24px}.work-card-copy h3{font-size:25px;line-height:1.15;letter-spacing:-.06em;margin:0 0 14px}.work-card-copy p{font-size:12px;line-height:1.85;color:#888;min-height:68px;margin:0}.work-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.work-tags span{font:8px var(--mono);color:#999;border:1px solid #303030;padding:7px 8px}.work-card-foot{border-top:1px solid #242424;color:#555}.work-card-foot span:last-child{font-size:15px;color:#aaa}.works-note{font-size:11px;color:#777;margin-top:30px;display:flex;gap:10px;align-items:center}.works-note span{color:#ddd}.contact{padding-top:140px;padding-bottom:90px;border-top:1px solid #1e1e1e;background:radial-gradient(ellipse at 15% 30%,#161616,transparent 45%)}.contact-top{max-width:700px}.contact-top>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#92928e;max-width:470px;margin-top:28px}.contact-links{margin-top:65px;border-top:1px solid #333}.contact-link{display:grid;grid-template-columns:70px 1fr 1.1fr 30px;align-items:center;padding:23px 0;border-bottom:1px solid #333;transition:padding .3s,color .3s}.contact-link:hover{padding-left:12px;color:#fff}.contact-index{font:10px var(--mono);color:#666}.contact-name{font-size:20px;font-weight:600;letter-spacing:-.04em}.contact-detail{font-size:12px;color:#888}.contact-arrow{font-size:20px;color:#777;transition:transform .3s}.contact-link:hover .contact-arrow{transform:translate(3px,-3px);color:#fff}.contact-bottom{display:flex;justify-content:space-between;margin-top:35px;font:9px var(--mono);letter-spacing:.1em;color:#666}.contact-bottom span{display:flex;align-items:center;gap:8px}.contact-bottom a:hover{color:#eee}.footer{padding:26px 7.2%;border-top:1px solid #222;display:flex;align-items:center;justify-content:space-between;color:#666;font:9px var(--mono);letter-spacing:.08em}.footer .wordmark{color:#eee;font:800 21px var(--sans)}.footer b{color:#ddd}.music-player{position:fixed;z-index:40;bottom:18px;left:50%;transform:translateX(-50%);width:min(720px,calc(100% - 36px));background:rgba(18,18,18,.94);border:1px solid #353535;box-shadow:0 15px 60px #000b;backdrop-filter:blur(18px);padding:12px 17px;display:grid;grid-template-columns:1fr 1.15fr .75fr;align-items:center;gap:15px}.music-track{display:flex;align-items:center;gap:11px;min-width:0}.music-cover{width:40px;height:40px;flex:0 0 40px;background:linear-gradient(135deg,#eee,#555);display:grid;place-items:center;color:#111;font-size:22px}.music-meta{display:flex;flex-direction:column;min-width:0;gap:2px}.music-meta small{font:8px var(--mono);color:#777;letter-spacing:.1em}.music-meta strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-meta>span{font-size:9px;color:#888}.music-buttons{display:flex;align-items:center;justify-content:center;gap:16px}.music-buttons button{border:0;background:none;color:#bbb;cursor:pointer;font-size:16px;padding:4px}.music-buttons button:hover{color:#fff}.music-buttons .play-button{width:30px;height:30px;border-radius:50%;background:#eee;color:#111;font-size:12px}.music-progress{display:flex;align-items:center;gap:8px;margin-top:7px;font:8px var(--mono);color:#777}.music-progress input{width:100%;accent-color:#eee;height:3px;cursor:pointer}.music-right{display:flex;align-items:center;justify-content:flex-end;gap:12px}.music-right select{background:#171717;color:#aaa;border:1px solid #333;padding:8px 5px;font-size:9px;max-width:125px;outline:none}.equalizer{display:flex;align-items:flex-end;gap:2px;height:15px}.equalizer i{width:2px;height:5px;background:#aaa;animation:eq .7s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:.2s;height:12px}.equalizer i:nth-child(3){animation-delay:.4s;height:8px}.equalizer i:nth-child(4){animation-delay:.1s;height:11px}.music-player.paused .equalizer i{animation-play-state:paused}.yt-hidden{position:absolute;width:1px;height:1px;overflow:hidden;left:-10000px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.work-card:nth-child(2){transition-delay:.1s}.work-card:nth-child(3){transition-delay:.2s}
@keyframes onlinePulse{0%,100%{box-shadow:0 0 0 0 #7cf2a400}50%{box-shadow:0 0 0 5px #7cf2a422}}@keyframes ringRotate{to{transform:rotate(360deg)}}@keyframes orbitFloat{0%,100%{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.04) rotate(4deg);opacity:.4}}@keyframes orbBob{0%,100%{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-8px)}}@keyframes eq{from{height:3px}to{height:14px}}
@media(max-width:1000px){.section{padding-left:7%;padding-right:7%}.hero{grid-template-columns:1fr 1fr}.hero-visual{height:430px}.profile-halo{width:270px}.orbit{width:350px;height:350px}.orbit-two{width:420px;height:420px}.work-grid{gap:12px}.work-card-copy{padding:18px 15px}.work-card-copy h3{font-size:22px}.nav-wrap{padding:0 5%}.hero-bottom{left:7%;right:7%}}
@media(max-width:720px){.nav-wrap{height:66px;padding:0 6%}.main-nav{position:absolute;top:65px;left:0;right:0;background:#0c0c0c;border-bottom:1px solid #292929;display:none;flex-direction:column;gap:0;padding:10px 6%}.main-nav.open{display:flex}.main-nav a{padding:15px 0;border-bottom:1px solid #1c1c1c}.main-nav a:after{display:none}.nav-availability{margin-left:auto;margin-right:17px;font-size:8px}.menu-toggle{display:block}.hero{display:flex;flex-direction:column;align-items:stretch;padding:75px 7% 90px;min-height:auto}.hero-copy{order:1}.hero h1{font-size:clamp(66px,15vw,100px)}.hero-intro{font-size:13px;max-width:360px}.hero-meta{margin-top:36px}.hero-visual{order:0;height:300px;margin-bottom:32px}.profile-halo{width:220px}.orbit{width:280px;height:280px}.orbit-two{width:320px;height:320px}.tag-top{top:25px;right:0}.tag-bottom{bottom:20px;left:0}.visual-index{bottom:0;right:0}.hero-bottom{bottom:24px}.hero-bottom span:last-child{display:none}.about,.works{padding-top:95px;padding-bottom:95px}.section-heading h2,.contact h2{font-size:clamp(42px,11vw,64px)}.about-layout{grid-template-columns:1fr;gap:20px;margin-top:40px}.about-aside{flex-direction:row;align-items:center;gap:22px}.about-aside p{margin:0}.vertical-rule{display:none}.about-content .lead-copy{font-size:19px}.interest-strip{margin-top:55px;display:block}.interest-strip div{margin-top:18px;gap:13px}.work-grid{grid-template-columns:1fr;gap:16px;margin-top:42px}.work-art{height:210px}.work-card-copy p{min-height:0}.work-card-copy h3{font-size:27px}.contact{padding-top:95px;padding-bottom:100px}.contact-links{margin-top:45px}.contact-link{grid-template-columns:35px 1fr 25px;gap:8px;padding:19px 0}.contact-detail{grid-column:2;grid-row:2;margin-top:4px}.contact-arrow{grid-column:3;grid-row:1/3}.contact-name{font-size:18px}.contact-bottom{font-size:8px}.footer{padding:22px 6%;gap:12px;flex-wrap:wrap}.footer span:last-child{display:none}.music-player{bottom:8px;width:calc(100% - 16px);padding:10px;grid-template-columns:1fr auto;gap:8px}.music-track{grid-column:1}.music-controls{grid-column:2;grid-row:1/3}.music-right{grid-column:1;justify-content:flex-start;padding-left:51px}.music-right select{max-width:160px}.music-buttons{gap:9px}.music-progress{width:150px}.music-meta strong{max-width:130px}.equalizer{display:none}}
@media(max-width:380px){.nav-availability{display:none}.music-progress{width:125px}.music-meta strong{max-width:105px}.hero-actions{gap:18px}.button{padding:13px 14px;gap:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Focused additions: skills, tools, contact identities, and compact player controls. */
.wordmark{display:flex;align-items:center;justify-content:center;width:38px;height:38px;overflow:hidden;border-radius:50%;border:1px solid #444;}
.wordmark img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;}
.profile-status{position:absolute;z-index:4;right:calc(50% - 175px);bottom:calc(50% - 175px);display:flex;align-items:center;gap:7px;padding:8px 11px;background:#111;border:1px solid #393939;border-radius:30px;color:#ddd;font:9px var(--mono);letter-spacing:.08em;box-shadow:0 8px 28px #0009;}
.button-mark{display:inline-block;width:10px;height:10px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);transition:transform .25s;}
.button:hover .button-mark{transform:translate(2px,-2px) rotate(45deg);}
.button-mark-forward{transform:rotate(45deg);}
.skills-tools{margin-top:105px;}
.subsection-heading{max-width:650px;margin:0 0 28px;}
.subsection-heading h3{font-size:clamp(27px,3.4vw,42px);letter-spacing:-.06em;line-height:1.08;margin:0 0 14px;}
.subsection-heading>p:last-child{max-width:550px;color:#888;font-size:12px;line-height:1.85;margin:0;}
.skill-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}
.skill-card{min-height:112px;padding:18px 14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;background:#111;border:1px solid #292929;transition:transform .3s,border-color .3s,background .3s;}
.skill-card:hover,.tool-card:hover{transform:translateY(-4px);border-color:#606060;background:#151515;}
.skill-card img{width:27px;height:27px;object-fit:contain;}
.skill-card>span{font-size:12px;color:#e4e4e0;}
.skill-placeholder{border-style:dashed;background:transparent;}
.skill-placeholder>span{color:#777;font-size:10px;}
.skill-placeholder .placeholder-plus{font-size:24px;line-height:1;color:#aaa;}
.tools-heading{margin-top:76px;}
.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.tool-card{min-height:80px;padding:15px 16px;display:flex;align-items:center;gap:13px;border:1px solid #292929;background:#101010;transition:transform .3s,border-color .3s,background .3s;}
.tool-card img,.tool-icon{width:28px;height:28px;object-fit:contain;flex:0 0 28px;}
.tool-icon{display:grid;place-items:center;color:#ddd;font:11px var(--mono);border:1px solid #444;background:#181818;}
.tool-card div{display:flex;flex-direction:column;gap:5px;min-width:0;}
.tool-card strong{font-size:11px;font-weight:600;color:#ddd;}
.tool-card div span{font-size:9px;color:#777;}
.design-heading{margin-top:76px;}
.design-interest-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #292929;border-bottom:1px solid #292929;}
.design-interest-grid>div{padding:19px 14px 19px 0;display:flex;flex-direction:column;gap:20px;border-right:1px solid #292929;}
.design-interest-grid>div:not(:first-child){padding-left:15px;}
.design-interest-grid>div:last-child{border-right:0;}
.design-interest-grid span{font:9px var(--mono);color:#666;}
.design-interest-grid strong{font-size:11px;font-weight:500;color:#ddd;}
.contact-brand{width:24px;height:24px;display:grid;place-items:center;}
.contact-brand img{display:block;width:19px;height:19px;object-fit:contain;}
.contact-link:hover .contact-brand{transform:scale(1.12);transition:transform .25s;}
.music-cover{overflow:hidden;}
.music-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.music-right{gap:8px;}
.autoplay-toggle{background:transparent;color:#888;border:1px solid #363636;padding:7px 8px;font:8px var(--mono);white-space:nowrap;cursor:pointer;transition:color .2s,border-color .2s,background .2s;}
.autoplay-toggle:hover,.autoplay-toggle.enabled{color:#eee;border-color:#777;background:#222;}
.music-buttons button{font-size:10px;letter-spacing:.02em;}
@media(max-width:1000px){.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.profile-status{right:calc(50% - 145px);bottom:calc(50% - 145px);}}
@media(max-width:720px){.skills-tools{margin-top:70px;}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.tool-grid{grid-template-columns:1fr 1fr;}.design-interest-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.design-interest-grid>div,.design-interest-grid>div:not(:first-child){padding:14px 10px;border-bottom:1px solid #292929;border-right:1px solid #292929;}.design-interest-grid>div:nth-child(2n){border-right:0;padding-left:14px;}.design-interest-grid>div:last-child{border-bottom:0;}.profile-status{right:calc(50% - 116px);bottom:calc(50% - 116px);font-size:8px;padding:7px 9px;}.music-right{grid-column:1;grid-row:2;justify-content:flex-start;padding-left:0;}.music-right select{max-width:110px;}.autoplay-toggle{padding:6px 7px;}.music-controls{grid-column:2;grid-row:1/3;}.music-progress{width:145px;}}
@media(max-width:380px){.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.tool-grid{grid-template-columns:1fr;}.music-right select{max-width:94px;}.music-progress{width:120px;}}
@keyframes pageEnter{from{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
body{animation:pageEnter .42s cubic-bezier(.2,.7,.2,1) both;}
body.page-leaving{opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;}
@media(prefers-reduced-motion:reduce){body{animation:none!important}body.page-leaving{opacity:1;transform:none;transition:none}}
.project-list:empty{display:none;}
.project-list:not(:empty){padding:14px;display:grid;gap:10px;border-top:1px solid #292929;}
.project-entry{padding:12px;background:#0b0b0b;border:1px solid #292929;}
.project-entry img{width:100%;max-height:180px;object-fit:cover;display:block;margin-bottom:12px;}
.project-entry h4{margin:0 0 7px;font-size:15px;letter-spacing:-.03em;}
.project-entry p{margin:0;color:#888;font-size:11px;line-height:1.75;}
.project-entry>a{display:inline-block;margin-top:12px;font-size:10px;color:#eee;text-decoration:underline;text-underline-offset:4px;}
.discord-orb{font-size:19px;font-family:var(--mono);letter-spacing:.08em;}
.work-symbol{font:9px var(--mono);letter-spacing:.12em;}
.music-buttons .play-button{position:relative;display:grid;place-items:center;}
.music-buttons .play-button::before{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid #111;margin-left:2px;}
.music-buttons .play-button.playing::before{width:9px;height:11px;border:0;border-left:3px solid #111;border-right:3px solid #111;margin-left:0;}
.skill-card:nth-child(2),.tool-card:nth-child(2),.design-interest-grid>div:nth-child(2){transition-delay:.05s}
.skill-card:nth-child(3),.tool-card:nth-child(3),.design-interest-grid>div:nth-child(3){transition-delay:.1s}
.skill-card:nth-child(4),.tool-card:nth-child(4),.design-interest-grid>div:nth-child(4){transition-delay:.15s}
.skill-card:nth-child(5),.tool-card:nth-child(5),.design-interest-grid>div:nth-child(5){transition-delay:.2s}

/* Aryan's light portfolio theme: white, blush pink and soft grey. */
:root{--bg:#fff;--panel:#fff;--white:#28252b;--muted:#77727a;--line:#ebe6ea;--green:#32b76d;--pink:#f4cbd9;--pink-strong:#d77e9d;--soft:#f7f4f6;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}
html{background:#fff}
body{background:#fff;color:#28252b;overflow-x:hidden}
.grain{display:none}
.nav-wrap{background:rgba(255,255,255,.9);border-bottom:1px solid #eee8ec;box-shadow:0 5px 24px rgba(58,38,48,.035)}
.wordmark{border-color:#e9dfe5;color:#28252b}
.main-nav a{color:#77727a}
.main-nav a:after{background:#d77e9d}
.main-nav a:hover,.main-nav a.active{color:#28252b}
.nav-availability{color:#706b73}
.menu-toggle{color:#28252b}
.hero{background:radial-gradient(ellipse at 78% 44%,#fbeef3 0,transparent 37%),linear-gradient(135deg,#fff 0%,#fff 62%,#faf6f8 100%)}
.hero-grid{background:radial-gradient(circle at 77% 48%,rgba(244,203,217,.34),transparent 32%),linear-gradient(90deg,transparent 49.9%,#d9cbd2 50%,transparent 50.1%);opacity:.35}
.eyebrow{color:#a06e82}
.eyebrow-line{background:#dba2b7}
.hero h1{color:#28252b}
.hero h1 em{color:#d77e9d}
.outline-text{-webkit-text-stroke:1px #b7a9b0;color:transparent}
.hero-intro{color:#6e6971}
.button-light{background:#f4cbd9;color:#332a30}
.button-light:hover{background:#edb8cb}
.text-link{color:#5f5961}
.hero-meta{color:#7b747c}
.hero-meta b{color:#28252b}
.meta-divider{background:#e4dce1}
.profile-halo{background:conic-gradient(from 0deg,#fff0 0deg,#f1c2d2 80deg,#fff 145deg,#d6b6c3 220deg,#fff0 300deg);filter:drop-shadow(0 12px 25px rgba(202,141,165,.18))}
.profile-frame{background:#fff}
.profile-frame img{filter:none}
.profile-halo:hover img{filter:saturate(1.05)}
.orbit{border-color:#e8d6de}
.orbit-two{border-color:#eadde3}
.floating-tag{background:#fff;border:1px solid #eadfe4;color:#71636b;box-shadow:0 12px 35px rgba(65,39,51,.08)}
.profile-status{background:#fff;border-color:#e7dce2;color:#5c555d;box-shadow:0 8px 28px rgba(65,39,51,.1)}
.hero-bottom{color:#8a8189}
.scroll-line{background:#e2d8de}
.about,.works{border-top:1px solid #eee8ec;background:#fff}
.section-heading h2,.contact h2{color:#28252b}
.section-heading h2 span,.contact h2 span{color:#d77e9d}
.about-number{color:#4c464e}
.about-aside,.about-content p,.section-note{color:#716b73}
.about-content .lead-copy{color:#38323a}
.vertical-rule{background:linear-gradient(#d6a9ba,transparent)}
.about-signoff{color:#9a8790}
.about-signoff span{color:#d77e9d}
.interest-strip{border-color:#ece5e9}
.interest-strip>span{color:#9a8790}
.interest-strip b{color:#5d5660}
.interest-strip div{gap:24px}
.works{background:linear-gradient(180deg,#fff,#fff9fb)}
.work-card{background:#fff;border:1px solid #eee5ea;box-shadow:0 12px 34px rgba(60,39,50,.045)}
.work-card:hover{border-color:#e4b7c8;box-shadow:0 18px 40px rgba(135,84,106,.12)}
.work-card-top,.work-card-foot{color:#95838d}
.work-symbol{color:#a26f83}
.work-card-copy h3{color:#302b32}
.work-card-copy p{color:#746e76}
.work-tags span{color:#8c6878;border-color:#ead9e1;background:#fff8fb}
.work-card-foot{border-top:1px solid #f0e8ec}
.work-card-foot .button-mark{border-color:#d77e9d}
.contact{border-top:1px solid #eee8ec;background:radial-gradient(ellipse at 15% 30%,#fff2f6,transparent 48%),#fff}
.contact-top>p:not(.eyebrow){color:#716b73}
.contact-links{border-color:#eee5ea}
.contact-link{border-color:#eee5ea}
.contact-link:hover{color:#c86f91;background:linear-gradient(90deg,#fff7fa,transparent);padding-left:12px}
.contact-index,.contact-detail,.contact-bottom{color:#8d838b}
.contact-name{color:#39333b}
.contact-arrow{color:#a58d99}
.contact-bottom a:hover{color:#d77e9d}
.contact-brand img{width:24px;height:24px}
.footer{border-color:#eee8ec;background:#fff;color:#8d838b}
.footer .wordmark{border-color:#eadfe5}
.footer b{color:#d77e9d}
.online-dot{background:#32b76d;box-shadow:0 0 12px #32b76d44}
.skills-tools{margin-top:105px}
.subsection-heading h3{color:#302b32}
.subsection-heading>p:last-child{color:#77717a}
.skill-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.skill-card{min-height:125px;padding:20px 18px;background:linear-gradient(145deg,#fff,#fff9fb);border:1px solid #eee4e9;border-radius:14px;box-shadow:0 8px 24px rgba(61,38,49,.035);transform:translateY(0);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
.skill-card:hover{transform:translateY(-6px) rotate(-.5deg);border-color:#e4b3c5;background:#fff;box-shadow:0 18px 34px rgba(155,98,122,.12)}
.skill-card img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.07));transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.skill-card:hover img{transform:scale(1.13) rotate(-5deg)}
.skill-card>span{font-size:13px;color:#38323a;font-weight:700}
.runtime-heading{margin-top:55px}
.runtime-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.runtime-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #eee4e9;border-radius:13px;background:#fff9fb;transition:transform .3s,border-color .3s,box-shadow .3s}
.runtime-card:hover{transform:translateY(-4px);border-color:#e4b3c5;box-shadow:0 12px 25px rgba(155,98,122,.1)}
.runtime-card img{width:38px;height:38px;object-fit:contain}
.runtime-card div{display:flex;flex-direction:column;gap:4px}
.runtime-card strong{font-size:13px;color:#38323a}
.runtime-card span{font-size:10px;color:#827982}
.tools-heading{margin-top:68px}
.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tool-card{min-height:98px;padding:17px 15px;border:1px solid #eee5ea;border-radius:13px;background:#fff;box-shadow:0 7px 20px rgba(61,38,49,.025);transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .32s,box-shadow .32s}
.tool-card:hover{transform:translateY(-5px) scale(1.01);border-color:#e5b7c8;background:#fff;box-shadow:0 15px 28px rgba(155,98,122,.1)}
.tool-card img{width:36px;height:36px;flex:0 0 36px;transition:transform .35s}
.tool-card:hover img{transform:scale(1.12) rotate(-4deg)}
.tool-card strong{font-size:11px;color:#38323a}
.tool-card div span{font-size:9px;color:#817780;line-height:1.5}
.design-heading{margin-top:68px}
.design-interest-grid{grid-template-columns:repeat(4,minmax(0,1fr));border-color:#eee5ea}
.design-interest-grid>div{padding:18px 14px 18px 0;border-color:#eee5ea;gap:13px;align-items:flex-start}
.design-interest-grid>div:not(:first-child){padding-left:15px}
.design-interest-grid img{width:32px;height:32px;object-fit:contain;transition:transform .3s}
.design-interest-grid>div:hover img{transform:translateY(-3px) rotate(-6deg)}
.design-interest-grid strong{color:#514951;font-size:12px}
.interest-strip{margin-top:75px}
.work-preview{position:relative;overflow:hidden;background:#f7f1f4;padding:0}
.work-preview img{width:100%;height:210px;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}
.work-card:hover .work-preview img{transform:scale(1.045);filter:saturate(1.06)}
.preview-label{position:absolute;left:12px;bottom:12px;padding:7px 10px;border:1px solid rgba(255,255,255,.8);border-radius:30px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);font:8px var(--mono);letter-spacing:.05em;color:#6d5661}
.work-card-copy{padding:23px 21px 25px}
.work-card-copy h3{font-size:25px;min-height:1.2em}
.work-card-copy p{min-height:110px}
.work-tags{gap:7px;margin-top:19px}
.work-tags span{font-size:9px;border-radius:30px;padding:7px 10px}
.works-note{margin:35px 0 0;color:#827982;font-size:12px;line-height:1.8;text-align:center}
.music-section{position:relative;padding:72px 10% 90px;border-top:1px solid #f0e6eb;background:linear-gradient(145deg,#fff 0%,#fff7fa 55%,#f7f9fc 100%)}
.music-section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:22px}
.music-section-heading .eyebrow{margin-bottom:10px}
.music-section-heading h2{margin:0;font-size:clamp(25px,3vw,36px);letter-spacing:-.06em;color:#302b32}
.music-section-heading>p{max-width:300px;margin:0;color:#827982;font-size:12px;line-height:1.7}
.music-player{position:relative;display:grid;grid-template-columns:200px minmax(230px,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:14px 22px;width:100%;max-width:980px;margin:0 auto;padding:18px;border:1px solid #eddee5;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(94,58,73,.09);overflow:visible}
.yt-player-host{grid-column:1;grid-row:1 / span 2;width:200px;height:200px;overflow:hidden;border-radius:12px;background:#f0e8ed;box-shadow:0 6px 18px rgba(50,36,43,.1)}
.yt-player-host iframe{display:block;width:200px;height:200px;border:0}
.music-track{grid-column:2;grid-row:1;display:flex;align-items:center;gap:14px;min-width:0}
.music-cover{width:60px;height:60px;flex:0 0 60px;border-radius:11px;overflow:hidden;box-shadow:0 6px 15px rgba(50,36,43,.1)}
.music-cover img{width:100%;height:100%;object-fit:cover;display:block}
.music-meta{display:flex;flex-direction:column;gap:5px;min-width:0}
.music-meta small{font:8px var(--mono);letter-spacing:.13em;color:#b17b91}
.music-meta strong{font-size:17px;color:#332d35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.music-meta span{font-size:11px;color:#817780}
.music-controls{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:9px;min-width:0}
.music-buttons{display:flex;align-items:center;gap:10px}
.music-buttons button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #eadde4;border-radius:50%;background:#fff;color:#6f5b66;font-size:19px;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}
.music-buttons button:hover{transform:scale(1.07);border-color:#e1aabe;background:#fff5f8}
.music-buttons .play-button{width:43px;height:43px;background:#f3c5d5;border-color:#efbfd0;color:#362c32}
.music-buttons .play-button::before{border-left-color:#362c32}
.music-buttons .play-button.playing::before{border-left-color:#362c32;border-right-color:#362c32}
.music-progress{display:flex;align-items:center;gap:8px;width:100%;max-width:480px;font:9px var(--mono);color:#8a7e86}
.music-progress input{flex:1;min-width:50px;accent-color:#d77e9d;cursor:pointer}
.music-progress input:disabled{opacity:.45;cursor:wait}
.music-status{margin:0;color:#9a8790;font-size:10px;line-height:1.4}
.music-right{grid-column:3;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:110px}
.autoplay-toggle{border:1px solid #eadde4;border-radius:30px;background:#fff;color:#8b7781;padding:8px 11px;font:9px var(--mono);cursor:pointer}
.autoplay-toggle:hover,.autoplay-toggle.enabled{border-color:#e4b2c5;background:#fff2f6;color:#9c5e78}
.track-select-label{font:8px var(--mono);letter-spacing:.12em;color:#a08e97}
.music-right select{max-width:150px;width:100%;border:1px solid #eadde4;border-radius:8px;padding:8px 10px;background:#fff;color:#5f5660;font-size:10px}
.open-track{font-size:10px;color:#b16c88;text-decoration:underline;text-underline-offset:3px}
.open-track:hover{color:#8e4565}
/* Animated details: varied motion, short distances and no layout shifts. */
.hero-copy .eyebrow{animation:eyebrowSlide .65s .08s both}
.hero h1{animation:heroTitleReveal .85s .14s cubic-bezier(.2,.8,.2,1) both}
.hero-intro{animation:copyReveal .75s .32s both}
.hero-actions{animation:copyReveal .75s .42s both}
.profile-halo{animation:ringRotate 24s linear infinite,profileFloat 6s ease-in-out infinite}
.floating-tag{animation:tagDrift 6s ease-in-out infinite}
.tag-bottom{animation-delay:-3s}
.skill-card,.tool-card,.runtime-card{will-change:transform}
.work-card{transform:translateY(0);transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
.work-card:hover{transform:translateY(-8px)}
.contact-link .contact-brand{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.contact-link:hover .contact-brand{transform:scale(1.14) rotate(-5deg)}
.main-nav a{transition:color .25s,transform .25s}
.main-nav a:hover{transform:translateY(-2px)}
.button,.text-link,.contact-link,.wordmark{transition:all .28s cubic-bezier(.2,.8,.2,1)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.skill-card:nth-child(2).visible,.tool-card:nth-child(2).visible,.design-interest-grid>div:nth-child(2).visible{transition-delay:.07s}
.skill-card:nth-child(3).visible,.tool-card:nth-child(3).visible,.design-interest-grid>div:nth-child(3).visible{transition-delay:.14s}
.skill-card:nth-child(4).visible,.tool-card:nth-child(4).visible,.design-interest-grid>div:nth-child(4).visible{transition-delay:.21s}
@keyframes eyebrowSlide{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
@keyframes heroTitleReveal{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(14px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}}
@keyframes copyReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes profileFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes tagDrift{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:1100px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.runtime-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.music-player{grid-template-columns:200px minmax(200px,1fr) auto}.yt-player-host,.yt-player-host iframe{width:200px;height:200px}}
@media(max-width:720px){
 .main-nav{background:rgba(255,255,255,.98);border-color:#eee5ea;box-shadow:0 14px 24px rgba(62,39,51,.08)}
 .main-nav a{border-color:#f0e7ec}
 .hero{background:radial-gradient(ellipse at 50% 15%,#fff0f5,transparent 48%),#fff}
 .about,.works{padding-top:95px;padding-bottom:90px}
 .skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .skill-card{min-height:110px;padding:16px}
 .tool-grid{grid-template-columns:1fr 1fr;gap:9px}
 .tool-card{min-height:86px;padding:12px 10px;gap:10px}
 .tool-card img{width:31px;height:31px;flex-basis:31px}
 .tool-card strong{font-size:10px}
 .runtime-grid{grid-template-columns:1fr 1fr}
 .design-interest-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-color:#eee5ea}
 .design-interest-grid>div,.design-interest-grid>div:not(:first-child){padding:14px 10px;border-color:#eee5ea}
 .design-interest-grid>div:nth-child(2n){border-right:0;padding-left:14px}
 .design-interest-grid img{width:29px;height:29px}
 .work-grid{grid-template-columns:1fr;gap:16px}
 .work-preview img{height:auto;aspect-ratio:900/520}
 .work-card-copy p{min-height:0}
 .contact{padding-top:95px;padding-bottom:90px}
 .contact-links{margin-top:45px}
 .contact-link{grid-template-columns:35px 1fr 30px;gap:8px;padding:19px 0}
 .contact-detail{grid-column:2;grid-row:2;margin-top:4px}
 .contact-brand{grid-column:3;grid-row:1/3}
 .contact-name{font-size:18px}
 .music-section{padding:56px 6% 70px}
 .music-section-heading{display:block}
 .music-section-heading>p{margin-top:10px}
 .music-player{grid-template-columns:1fr;grid-template-rows:auto;gap:12px;padding:13px}
 .yt-player-host{grid-column:1;grid-row:auto;width:100%;height:200px;aspect-ratio:auto;border-radius:10px}
 .yt-player-host iframe{width:100%;height:200px;min-height:200px}
 .music-track{grid-column:1;grid-row:auto}
 .music-controls{grid-column:1;grid-row:auto}
 .music-right{grid-column:1;grid-row:auto;flex-direction:row;align-items:center;flex-wrap:wrap;min-width:0}
 .music-right select{max-width:170px}
 .music-progress{max-width:none}
 .footer{padding:22px 6%;gap:12px;flex-wrap:wrap}
 .footer span:last-child{display:none}
}
@media(max-width:380px){.tool-grid{grid-template-columns:1fr}.runtime-grid{grid-template-columns:1fr}.nav-availability{display:none}.music-right select{max-width:130px}}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;transform:none!important;translate:none!important}
 .reveal{opacity:1!important;transform:none!important;clip-path:none!important}
 body{animation:none!important}
}
html:not(.js) .reveal{opacity:1;transform:none}
.visual-index{color:#716a73}
.visual-index span{color:#b0a4ac}
.music-buttons button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-grid{background-size:150% 150%;animation:ambientDrift 26s ease-in-out infinite alternate}
@keyframes ambientDrift{from{background-position:0% 50%}to{background-position:100% 50%}}

/* Final polish: content is visible by default, so scripts can never hide a section. */
.reveal,.reveal.visible{opacity:1;transform:none;clip-path:none}
.reveal{transition:transform .55s cubic-bezier(.2,.75,.25,1)}
.reveal:hover{transform:translateY(-2px)}
#persistentMusicHost{position:fixed;left:-220px;bottom:0;width:200px;height:200px;overflow:hidden;pointer-events:none;z-index:1}
#persistentMusicHost iframe{width:200px!important;height:200px!important;border:0}
.hero-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font:500 11px var(--sans);letter-spacing:0;color:#777}
.hero-meta>span{display:inline-flex;align-items:center;gap:8px}
.hero-meta .meta-divider{display:none}
.hero-meta b{font-weight:700;color:#555}
.hero-copy>.eyebrow{display:flex;align-items:center;gap:9px;font:600 12px var(--sans);letter-spacing:.015em;color:#777}
.hero-copy>.eyebrow .eyebrow-line{display:none}
.hero-bottom{font:500 10px var(--sans);letter-spacing:.02em;color:#888}
.hero-bottom .scroll-line{display:none}
.footer{font:500 11px var(--sans);letter-spacing:0}
.footer span:last-child{display:none}
@media(prefers-reduced-motion:reduce){.reveal,.reveal.visible{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}html{scroll-behavior:auto}}

.nav-availability{text-transform:none;letter-spacing:0;font:600 11px var(--sans)}.profile-status{text-transform:none;letter-spacing:0}.about-signoff{font:600 11px var(--sans);letter-spacing:0;color:#8a7881}.about-signoff span{display:none}