.socials-chips{border-radius:var(--radius-out);flex-wrap:wrap;justify-content:center;gap:.2rem;max-width:80vw;padding:2.5rem 1rem 0;display:flex}.socials-chip{border-radius:var(--radius-out);font-size:.95rem;font-family:var(--font-family);white-space:nowrap;border:none;align-items:center;gap:.55rem;padding:.6rem .8rem;font-weight:500;text-decoration:none;transition:all .2s,font-variation-settings .4s;display:inline-flex}.socials-chip i{text-align:center;width:1.15rem;font-size:1.15rem}.socials-chip[data-social=github],.socials-chip[data-social=twitter]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);background:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}.socials-chip[data-social=email]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);background:var(--lightningcss-light,#b91c1c)var(--lightningcss-dark,#ffb3ae)}.socials-chip[data-social=linkedin]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);background:var(--lightningcss-light,#1d4ed8)var(--lightningcss-dark,#a3c4f3)}.socials-chip[data-social=instagram]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);background:var(--lightningcss-light,#9d174d)var(--lightningcss-dark,#f7b8d1)}.socials-chip[data-social=telegram]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);background:var(--lightningcss-light,#0369a1)var(--lightningcss-dark,#a9def9)}.socials-chip[data-social=facebook]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);background:var(--lightningcss-light,#0866ff)var(--lightningcss-dark,#a8c7fa)}.socials-chip[data-social=reddit]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);background:var(--lightningcss-light,#ff4500)var(--lightningcss-dark,#ffd0b6)}.socials-chip[data-social=discord]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);background:var(--lightningcss-light,#5865f2)var(--lightningcss-dark,#b4bcf9)}.socials-chip[data-social=youtube]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);background:var(--lightningcss-light,red)var(--lightningcss-dark,#ffb2b2)}@media (min-width:769px){.socials-chip:hover{filter:brightness(.88);padding:.6rem 1rem;font-weight:900}}
#photo{background-color:var(--background-color-secondary);border-radius:var(--radius-out);background-position:50%;background-size:cover;width:15em;height:15em;margin:3em;transition:all .5s ease-in-out;animation:20s infinite photos}#photo:hover{border-radius:var(--radius-in);animation-play-state:paused;scale:1.2}@keyframes photos{0%{background-image:url(/assets/img/photos/sameerasw-1.jpeg)}15%{background-image:url(/assets/img/photos/sameerasw-1.jpeg)}20%{background-image:url(/assets/img/photos/sameerasw-2.jpeg)}35%{background-image:url(/assets/img/photos/sameerasw-2.jpeg)}40%{background-image:url(/assets/img/photos/sameerasw-3.jpeg)}55%{background-image:url(/assets/img/photos/sameerasw-3.jpeg)}60%{background-image:url(/assets/img/photos/sameerasw-4.jpeg)}75%{background-image:url(/assets/img/photos/sameerasw-4.jpeg)}80%{background-image:url(/assets/img/photos/sameerasw-5.jpeg)}95%{background-image:url(/assets/img/photos/sameerasw-5.jpeg)}to{background-image:url(/assets/img/photos/sameerasw-1.jpeg)}}
#highlights{border-radius:var(--radius-out);flex-direction:column;gap:2px;width:60vw;max-width:900px;margin:2em auto;display:flex;overflow:hidden}.highlight-item{background-color:var(--background-color-tr);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border-radius:5px;flex-direction:row;align-items:center;padding:8px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.highlight-thumbnail{background-color:var(--primary-color);border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;width:160px;height:120px;margin-right:15px;position:relative;overflow:hidden}.highlight-thumbnail:before{content:"";background-position:50%;background-size:cover;transition:filter .3s;position:absolute;inset:0}@media (prefers-color-scheme:light){.highlight-thumbnail:before{filter:invert()}}.highlight-content{text-align:left;flex-direction:column;flex-grow:1;justify-content:center;display:flex}.highlight-item h3{color:var(--text-color);font-variation-settings:"wdth" 350;margin:0;padding:0;font-size:1.45rem;font-weight:600;line-height:1.2;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#0000!important}.highlight-description{color:var(--text-color);opacity:.7;margin:0;padding:0;line-height:1.3;background-color:#0000!important;margin-top:4px!important;font-size:1.1rem!important}#airsync .highlight-thumbnail:before{background-image:url(/assets/img/project-cards/airsync.png)}#essentials .highlight-thumbnail:before{background-image:url(/assets/img/project-cards/essentials.png)}#zen-t .highlight-thumbnail:before{background-image:url(/assets/img/project-cards/zen.png)}#helium .highlight-thumbnail:before{background-image:url(/assets/img/project-cards/helium.png)}#edc .highlight-thumbnail:before{background-image:url(/assets/img/project-cards/edc.png)}#macos .highlight-thumbnail:before{background-image:url(/assets/img/project-cards/mac.png)}#daily .highlight-thumbnail:before{background-image:url(/assets/img/project-cards/daily.png)}#canvas .highlight-thumbnail:before{background-image:url(/assets/img/project-cards/canvas.png)}#tasks .highlight-thumbnail:before{background-image:url(/assets/img/project-cards/tasks.png)}#zero .highlight-thumbnail:before{background-image:url(/assets/img/project-cards/zero.png)}#pixel .highlight-thumbnail:before{background-image:url(/assets/img/project-cards/pixel.png)}#watchfaces .highlight-thumbnail:before{background-image:url(/assets/img/project-cards/watchface.png)}#foldericons .highlight-thumbnail:before{background-image:url(/assets/img/project-cards/folder.png)}#tidwib .highlight-thumbnail:before{background-image:url(/assets/img/project-cards/tidwib.png)}#more-github .highlight-thumbnail:before{background-image:url(/assets/img/project-cards/github.png)}#website .highlight-thumbnail:before{background-image:url(/assets/img/project-cards/website.jpeg)}#macro .highlight-thumbnail:before{background-image:url(/assets/img/project-cards/keyboard.png)}#menubar .highlight-thumbnail:before{background-image:url(/assets/img/project-cards/menubar.jpeg)}.highlight-item:hover{background-color:var(--primary-color);z-index:2;border-radius:15px;transform:scale(1.02)}.highlight-item:hover h3,.highlight-item:hover .highlight-description{color:var(--background-color-primary);opacity:1}.highlight-item .material-symbols-rounded{color:var(--primary-color);transition:color .3s}.highlight-item:hover .material-symbols-rounded{color:var(--background-color-primary)!important}@media screen and (max-width:1000px){#highlights{width:85vw}}@media screen and (max-width:600px){#highlights{border-radius:var(--radius-out);width:90vw}.highlight-thumbnail{width:60px;height:60px}.highlight-item h3{font-size:1rem}}.highlight-extras{grid-template-rows:0fr;width:100%;transition:grid-template-rows .45s cubic-bezier(.4,0,.2,1);display:grid}.highlight-extras>*{overflow:hidden}.highlight-extras.expanded{grid-template-rows:1fr}.highlight-extras-inner{flex-direction:column;gap:2px;display:flex;overflow:hidden}.highlight-toggle{align-items:left;background-color:var(--background-color-tr);width:100%;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));color:var(--text-color);font-family:var(--font-family);font-variation-settings:"ROND" 100;cursor:none;border:none;border-radius:5px;justify-content:start;gap:6px;padding:12px 16px;font-size:1rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}@media screen and (min-width:500px){.highlight-toggle:hover{background-color:var(--primary-color);color:var(--background-color-primary);border-radius:15px;transform:scale(1.02)}}.highlight-toggle-icon{transition:transform .35s cubic-bezier(.4,0,.2,1);font-size:1.4rem!important}.highlight-toggle-icon.rotated{transform:rotate(180deg)}.highlight-stats{background-color:var(--background-color-primary);border-radius:20px;align-items:center;gap:12px;width:fit-content;margin-top:8px;padding:4px 10px;transition:all .3s;display:inline-flex}.highlight-stat-badge{color:var(--text-color);opacity:.75;align-items:center;gap:4px;font-size:.8rem;transition:all .3s;display:inline-flex}.highlight-stat-badge .material-symbols-rounded{color:var(--primary-color);font-size:.95rem!important}.highlight-item:hover .highlight-stats{background-color:#0000001f;border-color:#00000026}.highlight-item:hover .highlight-stat-badge{color:var(--background-color-primary);opacity:.95}.highlight-item:hover .highlight-stat-badge .material-symbols-rounded{color:var(--background-color-primary)!important}
#contact-form form{width:100%;margin:0 auto}#contact-form input,#contact-form textarea{color:var(--text-color);box-sizing:border-box;border:none;outline:none;width:100%;padding:1.2em 1.5em;font-family:inherit;font-size:1rem}#contact-form input:focus,#contact-form textarea:focus{background-color:var(--primary-color)!important;color:var(--background-color-primary)!important}#contact-form input:focus::placeholder,#contact-form textarea:focus::placeholder{color:var(--background-color-primary);opacity:.8}#contact-form textarea{resize:vertical;min-height:150px}#contact-form button#btn{color:var(--text-color);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:1.2em 1.5em;font-family:inherit;font-size:1rem;font-weight:600;display:flex}#resume,#email-btn{box-sizing:border-box;align-items:center;gap:8px;width:100%;padding:1.2em 1.5em;text-decoration:none;display:flex}#contact{margin-bottom:0}.social-banners{flex-direction:row;gap:10px;width:100%;max-width:900px;margin:0 auto 1.5em;display:flex}.social-banner-link{border-radius:var(--radius-in);flex:1;text-decoration:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s,opacity .3s;display:block;overflow:hidden}@media screen and (max-width:600px){.social-banners{flex-direction:column}}@media screen and (min-width:500px){.social-banner-link:hover{opacity:.92;transform:scale(1.02);box-shadow:0 8px 28px #00000038}}.social-banner-img{border-radius:var(--radius-in);object-fit:cover;width:100%;height:auto;display:block}
@keyframes bar-pulse{0%,to{height:4px}50%{height:16px}}#music{text-decoration:none}#last{color:var(--text-color);border-radius:var(--radius-out);background:var(--background-color-tr);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));text-align:left;z-index:10;opacity:0;visibility:hidden;border:none;flex-direction:column;align-items:start;width:fit-content;margin:40px 20px;padding:6px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}#last #playback-bars{align-items:center;gap:2px;height:30px;margin:0 30px;transition:margin .5s cubic-bezier(.175,.885,.32,1.275);display:flex}#last #playback-bars.loading{margin:0 15px}#last #playback-bars .bar{background-color:var(--primary-color);border-radius:2px;width:3px;height:4px;animation:.8s ease-in-out infinite bar-pulse}#last #playback-bars .bar:nth-child(2){animation-delay:-.2s}#last #playback-bars .bar:nth-child(3){animation-delay:-.4s}#last #music-holder{flex-direction:row;justify-content:center;align-items:center;display:flex}#last.show{opacity:1;visibility:visible}#last img#artwork{object-fit:cover;opacity:1;border-radius:12px;width:80px;height:80px;margin-right:10px;transition:width .5s,opacity .5s,margin-right .5s}#last img#artwork.loading{opacity:0;width:0;margin-right:0}#last div#artwork.loading{opacity:0;width:0;height:80px;margin-right:0;transition:width .5s,opacity .5s,margin-right .5s}#last #track{opacity:1;white-space:nowrap;flex-direction:column;flex-grow:1;justify-content:center;max-width:300px;transition:max-width .5s,opacity .5s;display:flex;overflow:hidden}#last #track.loading{opacity:0;max-width:0}#last #track strong{color:var(--primary-color)}#last #track p{margin:0;font-size:14px}#last #track p:first-child{font-weight:700}
.github-chips-row{color:var(--text-color);box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:fit-content;max-width:90vw;padding:12px 20px 8px;text-decoration:none;display:flex}.gh-chip{background:var(--background-color-tr);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:5px 5px 5px 10px;font-size:13px;transition:border-color .22s,background .22s,padding .22s;display:inline-flex;overflow:hidden}.gh-chip:hover{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color)10%,var(--background-color-tr))}.gh-chip-icon{color:var(--primary-color);flex-shrink:0;font-size:15px!important}.gh-chip-value{font-size:13px;font-weight:600}.gh-chip-label{opacity:0;max-width:0;color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;margin-left:0;font-size:11px;transition:opacity .22s,max-width .22s,margin-left .22s;overflow:hidden}.gh-chip:hover .gh-chip-label{opacity:.75;max-width:80px;margin-left:2px}.gh-chip-streak .gh-chip-streak-text{align-items:center;gap:6px;display:flex}.gh-streak-current{font-size:13px;font-weight:600}.gh-streak-best{opacity:0;max-width:0;color:var(--primary-color);font-size:11px;transition:opacity .22s,max-width .22s;overflow:hidden}.gh-chip-streak:hover .gh-streak-best{opacity:.75;max-width:80px}.gh-chip-langs{gap:6px}.gh-langs-inner{align-items:center;gap:4px;display:flex}.gh-lang-tag{border:1px solid color-mix(in srgb,var(--text-color)25%,transparent);background:color-mix(in srgb,var(--primary-color)16%,transparent);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px}
.photo-carousel-wrapper{width:100vw;margin:0 -50vw 1em;position:relative;left:50%;right:50%}#photography{overflow-x:visible!important}.photo-carousel-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;box-sizing:border-box;gap:12px;width:100%;padding:20px calc(50vw - 180px);scrollbar-width:none!important;-ms-overflow-style:none!important;flex-direction:row!important;display:flex!important;overflow:auto hidden!important}.photo-carousel-scroll::-webkit-scrollbar{display:none!important}.photo-slide-container{scroll-snap-align:center;border-radius:var(--radius-out);flex-shrink:0;overflow:hidden;width:360px!important;max-width:85vw!important;margin:0!important}.photo-capture-card{border-radius:var(--radius-out);background-color:var(--background-color-secondary);cursor:pointer;border:none;flex-direction:column;justify-content:flex-end;width:100%;height:100%;min-height:440px;padding:0;font-family:inherit;text-decoration:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),border-radius .3s;display:flex;position:relative;overflow:hidden}.photo-capture-card:hover{border-radius:var(--radius-in);transform:scale(1.02)}.photo-capture-img{object-fit:cover;z-index:1;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block;position:absolute;top:0;left:0}.photo-capture-card:hover .photo-capture-img{transform:scale(1.05)}.photo-capture-overlay{z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#0000001a 45%,#0000008c 75%,#000000e6 100%);position:absolute;inset:0}.photo-capture-content{z-index:3;text-align:left;flex-direction:column;gap:6px;padding:1.5rem;display:flex;position:relative;-webkit-backdrop-filter:none!important;background:0 0!important}.photo-capture-meta{color:#ffffffe6;font-family:var(--font-family);align-items:center;gap:12px;margin:0;font-size:.85rem;display:flex;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.photo-card-info-item{text-shadow:0 1px 6px #000000d9;font-variation-settings:"ROND" 100;align-items:center;gap:4px;display:inline-flex}.photo-card-info-item .material-symbols-rounded{color:var(--primary-color);font-size:1rem!important}.photo-capture-title{text-shadow:0 2px 10px #000000e6;word-break:break-word;color:#fff!important;-webkit-backdrop-filter:none!important;font-family:var(--font-family)!important;font-variation-settings:"wdth" 100,"ROND" 100!important;-webkit-line-clamp:2!important;text-overflow:ellipsis!important;background:0 0!important;-webkit-box-orient:vertical!important;max-height:2.7em!important;font-size:1.15rem!important;font-weight:400!important;line-height:1.35!important;display:-webkit-box!important;overflow:hidden!important}.photo-end-card{background:var(--background-color-primary)!important;border-radius:var(--radius-out)!important;box-sizing:border-box!important;text-align:center!important;border:none!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:1rem!important;width:100%!important;height:100%!important;min-height:440px!important;padding:2rem!important;text-decoration:none!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important;display:flex!important}.photo-end-card:hover{background:var(--primary-color)!important;background-color:var(--primary-color)!important;border-radius:var(--radius-in)!important;transform:scale(1.02)!important}.photo-end-card-icon{color:var(--primary-color)!important;font-size:2.75rem!important;transition:all .3s!important}.photo-end-card:hover .photo-end-card-icon{color:var(--background-color-primary)!important;transform:scale(1.15)!important}.photo-end-card-title{color:var(--text-color)!important;font-family:var(--font-family)!important;font-variation-settings:"wdth" 350,"ROND" 100!important;font-size:1.45rem!important;font-weight:600!important;line-height:1.2!important;transition:color .3s!important}.photo-end-card:hover .photo-end-card-title{color:var(--background-color-primary)!important}.photo-nav-btns{z-index:20;pointer-events:none;justify-content:space-between;padding:0 80px;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.photo-nav-btn{background:var(--background-color-tr);width:44px;height:44px;-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--background-color-secondary);color:var(--text-color);pointer-events:auto;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.photo-nav-btn:hover{background:var(--primary-color);color:var(--background-color-primary);transform:scale(1.1)}@media (max-width:768px){.photo-nav-btns{display:none}}.photo-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(14px);opacity:0;box-sizing:border-box;touch-action:none;background:#000000bf;justify-content:center;align-items:center;gap:20px;padding:24px;transition:opacity .3s;display:flex;position:fixed;inset:0}.photo-modal-backdrop.visible{opacity:1}.photo-modal-nav-btn{width:48px;height:48px;-webkit-backdrop-filter:blur(var(--blur));color:#fff;cursor:pointer;z-index:10000;background:#0000008c;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.photo-modal-nav-btn:hover{background:var(--primary-color);color:var(--background-color-primary);transform:scale(1.1)}.photo-modal-nav-btn .material-symbols-rounded{font-size:1.5rem}@media (max-width:768px){.photo-modal-nav-btn{position:absolute;top:50%;transform:translateY(-50%)}.photo-modal-nav-btn.prev{left:12px}.photo-modal-nav-btn.next{right:12px}}.photo-modal{border-radius:var(--radius-out);box-sizing:border-box;width:min(85vw,850px);max-height:85vh;transform:translate(calc(var(--origin-x) - 50vw),calc(var(--origin-y) - 50vh))scale(0);opacity:0;background-color:var(--background-color-secondary);border:none;flex-direction:column;justify-content:space-between;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #000000b3}.photo-modal-backdrop.visible .photo-modal{opacity:1;transform:translate(0)scale(1)}.photo-modal-bg{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.photo-modal-overlay{z-index:2;pointer-events:none;background:linear-gradient(#0006 0%,#0000000d 30%,#0000004d 60%,#000000e6 100%);position:absolute;inset:0}.photo-modal-header{z-index:4;justify-content:flex-end;padding:1.25rem 1.5rem;display:flex;position:relative}.photo-modal-close{-webkit-backdrop-filter:blur(var(--blur));color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.photo-modal-close:hover{background:var(--primary-color);color:var(--background-color-primary);transform:scale(1.1)}.photo-modal-footer{z-index:4;text-align:left;flex-direction:column;gap:.85rem;padding:1.75rem;display:flex;position:relative}.photo-modal-title{color:#fff;font-family:var(--font-family);font-variation-settings:"ROND" 100;text-align:left;text-shadow:0 2px 12px #000000e6;margin:0;padding:0;font-size:1.45rem;font-weight:500;line-height:1.25}.photo-modal-actions-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.photo-modal-view-btn{background:var(--primary-color);border-radius:var(--radius-out);justify-content:center;align-items:center;gap:6px;width:fit-content;padding:8px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;color:var(--background-color-primary)!important;text-decoration:none!important}.photo-modal-view-btn:hover{border-radius:var(--radius-in);transform:scale(1.03)}.photo-modal-view-btn .material-symbols-rounded{font-size:1.15rem}.photo-modal-info-chip{color:#fff;-webkit-backdrop-filter:blur(var(--blur));border-radius:var(--radius-out);background:#00000073;align-items:center;gap:5px;padding:6px 14px;font-size:.85rem;font-weight:500;display:inline-flex}.photo-modal-info-chip .material-symbols-rounded{color:var(--primary-color);font-size:1rem!important}