Repository navigation
Expand file tree
/
Copy path404.html
More file actions
1 lines (1 loc) · 31.3 KB
/
Copy path404.html
File metadata and controls
1 lines (1 loc) · 31.3 KB
1
<!doctype html><html class="no-js" lang="en"><head><meta charset="utf-8"><meta content="width=device-width,initial-scale=1" name="viewport"><title>404 — Mina Elia</title><meta content="The path you seek has vanished. Head back to Mina Elia’s portfolio." name="description"><link href="https://minaeliaa.github.io/404.html" rel="canonical"><meta content="#f1f1f1" name="theme-color"><meta content="max-image-preview:large" name="robots"><link href="/fonts/hanken-600.woff2" rel="preload" type="font/woff2" as="font" crossorigin><link href="/fonts/dmsans-400.woff2" rel="preload" type="font/woff2" as="font" crossorigin><link href="/fonts/dmsans-500-600.woff2" rel="preload" type="font/woff2" as="font" crossorigin><link href="/favicon-48.png" rel="icon" type="image/png" sizes="48x48"><link href="/favicon-32.png" rel="icon" type="image/png" sizes="32x32"><link href="/apple-touch-icon.png" rel="apple-touch-icon"><link href="/site.webmanifest" rel="manifest"><meta content="website" property="og:type"><meta content="https://minaeliaa.github.io/404.html" property="og:url"><meta content="404 — Mina Elia" property="og:title"><meta content="The path you seek has vanished. Head back to Mina Elia’s portfolio." property="og:description"><meta content="https://minaeliaa.github.io/og.jpg" property="og:image"><meta content="1200" property="og:image:width"><meta content="630" property="og:image:height"><meta content="Mina Elia — UI/UX Designer portfolio" property="og:image:alt"><meta content="Mina Elia" property="og:site_name"><meta content="en_US" property="og:locale"><meta content="summary_large_image" name="twitter:card"><meta content="404 — Mina Elia" name="twitter:title"><meta content="The path you seek has vanished. Head back to Mina Elia’s portfolio." name="twitter:description"><meta content="https://minaeliaa.github.io/og.jpg" name="twitter:image"><meta content="Mina Elia — UI/UX Designer portfolio" name="twitter:image:alt"><script>document.documentElement.className=document.documentElement.className.replace("no-js","js")</script><meta content="noindex" name="robots"><style>@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dmsans-400.woff2) format("woff2")}@font-face{font-family:"DM Sans";font-style:normal;font-weight:500 600;font-display:swap;src:url(/fonts/dmsans-500-600.woff2) format("woff2")}@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/hanken-600.woff2) format("woff2")}@font-face{font-family:"DM Sans Fb";font-weight:400;src:local("Arial"),local("Helvetica"),local("Liberation Sans");size-adjust:103.11%;ascent-override:96.2%;descent-override:30.07%;line-gap-override:0%}@font-face{font-family:"DM Sans Fb";font-weight:500 600;src:local("Arial Bold"),local("Arial-BoldMT"),local("Helvetica Bold"),local("Liberation Sans Bold");size-adjust:98.1%;ascent-override:101.1%;descent-override:31.6%;line-gap-override:0%}@font-face{font-family:"Hanken Fb";font-weight:600;src:local("Arial Bold"),local("Arial-BoldMT"),local("Helvetica Bold"),local("Liberation Sans Bold");size-adjust:94.65%;ascent-override:105.65%;descent-override:32.01%;line-gap-override:0%}:root{--bg:#f1f1f1;--ink:#13202b;--ink-2:#515863;--line:#d6d6de;--white:#fff;--ring:#03bb5e;--accent:#0acd5a;--fill:#e9e9e9;--fill-line:#b7b7b7;--price:#03ab56;--green-text:#028844;--live-bg:#f0fdf5;--live:#17843f;--soon-bg:#fff4ed;--soon:#bd5005;--ws-bg:#eff5ff;--ws:#0f66f4;--sans:"DM Sans","DM Sans Fb",Arial,sans-serif;--display:"Hanken Grotesk","Hanken Fb",Arial,sans-serif;--side:40px;--mq-delay:1s}*,::after,::before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}img,svg{display:block;max-width:none}picture{display:contents}source{display:none}figure,h1,h2,h3,ol,p,ul{margin:0;padding:0}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:0 0;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:fixed;left:16px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;font-weight:500;transition:top .2s}.skip:focus{top:16px}.pause-btn{position:absolute;left:16px;top:8px;z-index:5;background:var(--ink);color:#fff;padding:8px 14px;border-radius:8px;font-size:14px;font-weight:500;opacity:0;pointer-events:none}.pause-btn:focus-visible{opacity:1;pointer-events:auto}.label{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:500px;padding:3px 15px;font-size:20px;line-height:30px;font-weight:400;color:var(--ink)}.h2{font-family:var(--display);font-weight:600;font-size:56px;line-height:70px;text-align:center;color:var(--ink);white-space:pre-wrap}.head{display:flex;flex-direction:column;align-items:center;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;transition:box-shadow .2s ease;white-space:nowrap}.btn:hover{box-shadow:0 0 0 2px var(--ring)}.btn-white{background:#fff;color:var(--ink);height:44px;padding:0 20px;border-radius:10px;font-size:16px;line-height:24px;font-weight:500}.btn-dark{background:var(--ink);color:#fff;height:49px;padding:0 24px;width:100%;font-size:18px;line-height:25.2px;font-weight:600}.nav{position:fixed;z-index:50;top:16px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;--w-top:min(648px,calc(100vw - 32px));--w-compact:118px;--w-open:419px}.nav-bar{position:relative;pointer-events:auto;width:var(--w-top);padding:8px;border-radius:20px;background:0 0;transition:width .6s cubic-bezier(.22,1,.36,1),background-color .35s ease,box-shadow .35s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-bar::after{content:"";position:absolute;inset:0;border:.8px solid var(--line);border-radius:20px;pointer-events:none;opacity:0;transition:opacity .35s ease}.nav-in{height:53px;padding:8px;border-radius:16px;display:flex;align-items:center;overflow:hidden;background:0 0;transition:background-color .35s ease}.nav.compact .nav-bar{width:var(--w-compact);background:rgba(255,255,255,.6);box-shadow:0 1px 3px rgba(19,32,43,.04),0 10px 30px rgba(19,32,43,.08)}.nav.compact .nav-bar::after{opacity:1}.nav.compact .nav-in{background:#fff}.nav.compact.open .nav-bar{width:var(--w-open)}.logo{position:relative;z-index:1;width:37px;height:37px;flex:none;border-radius:8px;background:var(--ink);box-shadow:0 0 0 2px var(--ring);display:flex;align-items:center;justify-content:center}.logo svg{width:24px;height:15px}.nav-sp{flex:1 1 auto;min-width:0}.ni{flex:none;overflow:hidden;padding:4px;margin:-4px 0;max-width:200px;opacity:1;white-space:nowrap;transition:max-width .6s cubic-bezier(.22,1,.36,1),padding .6s cubic-bezier(.22,1,.36,1),opacity .3s ease}.logo{margin-right:4px}.nav-arrow,.nav-who{max-width:0;padding:0;opacity:0;pointer-events:none;visibility:hidden}.nav.compact .ni:not(.nav-arrow){max-width:0;padding:0;opacity:0;pointer-events:none;visibility:hidden;transition:max-width .6s cubic-bezier(.22,1,.36,1),padding .6s cubic-bezier(.22,1,.36,1),opacity .2s ease,visibility 0s .6s}.nav.compact .nav-arrow,.nav.compact.open .nav-cta-wrap,.nav.compact.open .ni:not(.nav-cta-wrap){max-width:200px;padding:4px;opacity:1;pointer-events:auto;visibility:visible;transition:max-width .6s cubic-bezier(.22,1,.36,1),padding .6s cubic-bezier(.22,1,.36,1),opacity .35s ease .15s,visibility 0s}.nav-who{display:flex;flex-direction:column;justify-content:center;line-height:1}.nav-who small{font-size:12px;line-height:16px;color:var(--ink-2)}.nav-who b{font-family:var(--display);font-size:18px;line-height:22px;font-weight:600;color:var(--ink)}.nav-ic{width:37px;height:37px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--ink);transition:background-color .2s ease,box-shadow .2s ease}.nav-ic:hover{background:#fff;box-shadow:0 0 0 2px var(--ring)}.nav.compact .nav-ic:hover{background:var(--bg)}.nav-ic svg{width:22px;height:22px}.nav-cta{height:37px;border-radius:8px;padding:0 16px;background:var(--ink);color:#fff;font-size:14px;line-height:21px;font-weight:500}.nav-arrow i{width:37px;height:37px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(180deg,#2f3f4c 0,var(--ink) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 1px 2px rgba(19,32,43,.25);transition:box-shadow .2s ease}.nav-arrow svg{width:20px;height:20px;transition:transform .45s cubic-bezier(.22,1,.36,1)}.nav-arrow:hover i{box-shadow:0 0 0 2px var(--ring)}.nav-arrow:focus-visible{outline:0}.nav-arrow:focus-visible i{outline:2px solid var(--ring);outline-offset:1px}.nav.open .nav-arrow svg{transform:rotate(180deg)}.hero{padding:160px 16px 40px;display:flex;flex-direction:column;align-items:center;text-align:center}.avatar{position:relative;width:68px;height:68px;border-radius:11px;overflow:hidden}.avatar img{width:68px;height:68px;object-fit:cover}.avatar::after{content:"";position:absolute;inset:0;border:2px solid #05e273;border-radius:11px}.hero-sub{margin-top:16px;max-width:800px;font-size:20px;line-height:30px}.hero h1{margin-top:16px;max-width:800px;font-family:var(--display);font-weight:600;font-size:72px;line-height:86.4px}.hero .btn-white{margin-top:32px}.m-br,.t-br{display:none}.wrd{display:inline-block;white-space:nowrap}.ch,.wd{display:inline-block;white-space:pre}.sub-in{display:inline-block}.js .sub-in,.js .wd{opacity:.001;filter:blur(10px);transform:translateY(20px);animation:blurIn .65s cubic-bezier(.22,1,.36,1) forwards;will-change:transform,opacity,filter}.js .wd{filter:blur(4px);transform:translateY(12px);animation-duration:.68s}.js .sub-in{animation-delay:.55s}@keyframes blurIn{to{opacity:1;filter:blur(0);transform:none}}.js .hero .btn-white{opacity:.001;transform:translateY(24px);animation:fadeUp 1.5s cubic-bezier(.12,.23,.17,.99) .4s forwards}.js .nav{opacity:.001;transform:translateY(-100px);animation:fadeUp .5s cubic-bezier(.22,1,.36,1) 1s forwards;will-change:transform,opacity}.js .screens .track-wrap{opacity:.001;transform:translateY(40px);animation:fadeUp .7s cubic-bezier(.22,1,.36,1) var(--mq-delay,1s) forwards}@keyframes fadeUp{to{opacity:1;transform:none}}.screens{position:relative;padding:40px 0}.track-wrap{height:544px;padding:29px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12.5%,#000 87.5%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12.5%,#000 87.5%,transparent 100%)}.track{display:flex;width:max-content;animation:marquee 37.32s linear infinite;will-change:transform}.js .track{animation-delay:var(--mq-delay,1s)}.track .set{display:flex;gap:24px;padding-right:24px}.frame{position:relative;flex:none;width:234px;height:486px;padding:8px;border-radius:24px}.frame::after{content:"";position:absolute;inset:0;border:1px solid var(--line);border-radius:24px;pointer-events:none}.frame.wide{width:473px}.frame.wide2{width:472px}.frame img{width:100%;height:470px;border-radius:20px;object-fit:cover}@keyframes marquee{to{transform:translateX(-50%)}}.quote{padding:0 var(--side)}.dark{position:relative;background:var(--ink);border-radius:40px;overflow:hidden;isolation:isolate}.aurora{position:absolute;inset:0;z-index:1;opacity:.8;mix-blend-mode:color-dodge;pointer-events:none}.aurora img{width:100%;height:100%;object-fit:cover}.quote .dark{padding:80px 20px 81px}.q-content{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.cta .dark>:not(.aurora){position:relative;z-index:2}.reveal-h{max-width:800px;font-family:var(--display);font-weight:600;font-size:56px;line-height:70px;color:#fff;text-align:center}.reveal-h .w{display:inline-block;opacity:.1}.no-js .reveal-h .w,.rm .reveal-h .w{opacity:1}.glass{margin:60px 0 59px;width:360px;height:212px;perspective:600px}.glass-in{position:relative;width:100%;height:100%;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.15);transition:transform .35s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d}.glass-in img{width:100%;height:100%;object-fit:cover}.services{padding:128px 20px}.services .h2{margin-top:12px}.svc-grid{margin:72px auto 0;width:648px;display:grid;grid-template-columns:312px 312px;gap:24px}.svc{position:relative;height:312px;padding:16px;border-radius:32px}.svc::after{content:"";position:absolute;inset:0;border:1px solid var(--line);border-radius:inherit;pointer-events:none}.svc-in{position:relative;height:280px;background:#fff;border-radius:24px;overflow:hidden;padding:24px}.svc h3{font-size:24px;line-height:33.6px;font-weight:600}.chip-soon{display:inline-block;margin-top:10px;background:var(--bg);border-radius:500px;padding:6px 12px;font-size:20px;line-height:28px;font-weight:500}.ill{position:absolute;right:16px;bottom:0}.dev{position:absolute;background:#fff;box-shadow:0 0 0 2px var(--fill-line);border-radius:16.73px 16.73px 0 0;overflow:hidden}.b.bb{border-radius:7px 7px 0 0}.b{position:absolute;background:var(--fill);border-radius:7px}.p{position:absolute;background:var(--fill);border-radius:261px}.projects{padding:0 var(--side)}.white{background:#fff;border-radius:40px}.projects .white{padding:128px 20px}.faq .h2,.projects .h2,.tools .h2{margin-top:20px}.proj-grid{margin:64px auto 0;width:1040px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:40px}.shot{height:365px;background:var(--bg);border-radius:24px;overflow:hidden;padding:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.shot img{width:100%;height:100%;min-height:0;object-fit:contain}.shot.single{grid-template-columns:minmax(0,1fr)}.proj-meta{margin-top:20px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:35px}.proj-meta h3{font-size:18px;line-height:21.6px;font-weight:500;color:var(--ink-2)}.status{border-radius:500px;padding:4px 13px;font-size:18px;line-height:27px;font-weight:500}.s-live{background:var(--live-bg);color:var(--live)}.s-soon{background:var(--soon-bg);color:var(--soon)}.s-ws{background:var(--ws-bg);color:var(--ws)}.plans{padding:128px 20px}.plans .h2{margin-top:12px}.plan-grid{margin:72px auto 0;width:908px;display:grid;grid-template-columns:444px 444px;gap:20px}.card{position:relative;padding:16px;border-radius:32px}.card::after{content:"";position:absolute;inset:0;border:1px solid var(--line);border-radius:inherit;pointer-events:none}.card-in{position:relative;height:100%;background:#fff;border-radius:24px;box-shadow:0 4px 24px rgba(0,0,0,.08);padding:24px 20px;display:flex;flex-direction:column}.p-icon{width:48px;height:48px;border-radius:8px;box-shadow:0 0 0 .5px var(--line);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.p-icon svg{width:36px;height:36px}.card h3,.custom h3{font-size:24px;line-height:33.6px;font-weight:600;color:var(--ink)}.p-sub{margin-top:8px;font-size:18px;line-height:25.2px;color:var(--ink-2)}.price-row{margin-top:24px;display:flex;align-items:baseline;gap:8px}.price{font-family:var(--display);font-weight:600;font-size:56px;line-height:56px;color:var(--price);font-variant-numeric:tabular-nums}.unit{font-size:18px;line-height:28.8px;color:var(--ink-2)}.dd{position:relative;min-width:0}.dd-btn{display:flex;align-items:center;gap:2px;font-size:18px;line-height:28.8px;color:var(--ink-2);min-height:28.8px;text-align:center}.dd-btn svg{flex:none}.dd-btn svg{width:20px;height:20px;transition:transform .2s ease}.dd-btn[aria-expanded=true] svg{transform:rotate(90deg)!important}.dd-menu{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);padding:8px;min-width:180px;z-index:20}.dd-menu[hidden]{display:none}.dd-menu button{display:block;width:100%;padding:8px 12px;border-radius:4px;text-align:left;font-size:18px;line-height:28.8px;color:var(--ink-2);transition:background .2s ease}.dd-menu button:hover{background:#f9f9f9}.dd-menu button[aria-checked=true]{background:#f5f5f5}.card .btn-dark{margin-top:32px}.toggle-row{margin-top:24px;display:flex;align-items:center;gap:24px;font-size:18px;line-height:25.2px}.switch{position:relative;flex:none;width:44px;height:24px;border-radius:12px;background:#ccc;transition:background-color .3s ease}.switch::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .3s ease}.switch[aria-checked=true]{background:var(--ink)}.switch[aria-checked=true]::after{left:22px}.incl{margin-top:24px;font-size:18px;line-height:25.2px;color:var(--ink-2);font-weight:400}.feat{margin-top:24px;display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.feat li{display:flex;align-items:flex-start;gap:12px;font-size:18px;line-height:25.2px;color:var(--ink)}.chk{flex:none;width:20px;height:20px;margin-top:2px}.custom{margin:20px auto 0;width:904px}.custom .card-in{box-shadow:none;flex-direction:row;gap:80px;overflow:hidden}.c-left{width:382px;display:flex;flex-direction:column}.c-left img{width:48px;height:48px;object-fit:contain;margin-bottom:20px}.c-left .p-sub{line-height:28.8px}.c-left .btn-dark{margin-top:auto}.c-right{width:370px}.c-right .incl{margin-top:0}.c-right .feat{margin-top:25px;margin-bottom:0}.c-right .feat li{align-items:center;gap:12px}.c-right .feat li span{width:337px}.c-right .chk{margin-top:0;width:21px;height:21px}.tools{padding:40px var(--side) 0}.tools .white{padding:80px 20px}.tools-desc{margin:64px auto 0;max-width:1040px;text-align:center;font-size:23px;line-height:34.5px;color:var(--ink-2)}.tools-desc span{color:var(--green-text)}.tool-frame{margin:24px auto 0;width:100%;max-width:648px;padding:20px;border-radius:20px;box-shadow:0 0 0 1px var(--line);container-type:inline-size}.tool-in{--inset:24px;--gap:16px;--tw:82px;--th:80px;--pitch:calc(var(--tw) + var(--gap));position:relative;height:calc(2 * var(--th) + 56px);border-radius:16px;overflow:hidden;isolation:isolate}.tool-row{position:absolute;left:var(--inset);right:var(--inset);height:var(--th);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)}.tool-row.r1{top:16px}.tool-row.r2{top:calc(40px + var(--th))}.tool-track{display:flex;width:max-content;animation:toolL 14.7s linear infinite;animation-play-state:paused}.r2 .tool-track{animation-name:toolR;transform:translateX(calc(-6 * var(--pitch)))}.tool-track svg{flex:none;width:var(--tw);height:var(--th);margin-right:var(--gap)}.inview .tool-track{animation-play-state:running}@keyframes toolL{from{transform:translateX(0)}to{transform:translateX(calc(-6 * var(--pitch)))}}@keyframes toolR{from{transform:translateX(calc(-6 * var(--pitch)))}to{transform:translateX(0)}}.stack{position:relative}.faq{position:relative;max-width:1200px;margin:0 auto;padding:128px 40px 88px;overflow:hidden}.faq-grid{margin-top:64px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.faq-col{display:flex;flex-direction:column;gap:24px}.qa{position:relative;padding:12px;border-radius:20px}.qa::after{content:"";position:absolute;inset:0;border:1px solid var(--line);border-radius:20px;pointer-events:none}.qa-in{background:#fff;border-radius:16px}.qa-q{display:flex;align-items:center;gap:16px;width:100%;padding:16px;text-align:left;border-radius:16px}.qa-q span{flex:1;display:flex;align-items:center;min-height:24px;font-size:18px;line-height:24px;font-weight:500;color:var(--ink)}.pm{position:relative;flex:none;width:20px;height:20px}.pm::after,.pm::before{content:"";position:absolute;left:3px;top:9px;width:14px;height:2px;border-radius:500px;background:var(--accent);transition:transform .4s cubic-bezier(.34,1.3,.64,1)}.pm::after{transform:rotate(90deg)}.qa-q[aria-expanded=true] .pm::after{transform:rotate(0)}.qa-in{overflow:hidden}.qa-a{padding:0 16px 16px;margin-top:0;font-size:16px;line-height:24px;font-weight:500;color:var(--ink-2)}.qa-a[hidden]{display:none}.cta{position:relative;padding:0 var(--side) 40px;margin-top:40px}.cta .dark{border-radius:24px;padding:48px 48px}.cta-h{max-width:none;margin:0 auto;white-space:pre-wrap}.cta-sub{margin-top:24px;text-align:center;color:#fff;font-size:23px;line-height:34.5px}.cta .btn-white{display:flex;width:max-content;margin:39px auto 0}.rule{height:1px;background:rgba(255,255,255,.12);margin:64px 0}.foot{display:flex;justify-content:space-between;padding:0 32px;color:#fff;font-size:14px;line-height:18.2px}.f-logo{width:37px;height:37px;border-radius:8px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:box-shadow .2s ease}.f-logo:hover{box-shadow:0 0 0 2px var(--ring)}.f-logo svg{width:24px;height:15px}.f-tag{margin-top:16px;width:280px}.socials{margin-top:17px;display:flex;gap:8px}.socials a{width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,box-shadow .2s ease}.socials a:hover{background:rgba(255,255,255,.2);box-shadow:0 0 0 2px var(--ring)}.socials svg{width:24px;height:24px}.made{margin-top:16px;display:flex;align-items:center;gap:8px;height:24px}.made b{font-weight:500;line-height:21px}.made .pic{position:relative;width:24px;height:24px;border-radius:4px;overflow:hidden}.made .pic img{width:24px;height:24px;object-fit:cover}.made .pic::after{content:"";position:absolute;inset:0;border:1px solid var(--ring);border-radius:4px}.f-nav{width:240px;padding-top:3px}.f-nav p{font-weight:500;line-height:21px}.f-nav ul{margin-top:19px;display:flex;flex-direction:column;gap:16px}.f-nav a{display:inline-block;padding:3px 0;margin:-3px 0;transition:color .4s cubic-bezier(.44,0,.56,1)}.f-nav a:hover{color:rgba(255,255,255,.5)}.js .rv{opacity:0;transform:translateY(40px);transition:opacity .86s cubic-bezier(.22,1,.36,1) .2s,transform .86s cubic-bezier(.22,1,.36,1) .2s}.js .rv.in{opacity:1;transform:none}@media (max-width:1199.98px){.hero h1{max-width:600px;font-size:58px;line-height:69.6px}.h2,.reveal-h{font-size:44px;line-height:55px}.quote .dark{padding:80px 20px}.reveal-h{max-width:540px}.glass{width:320px;height:188px;margin:72px 0}.services{padding:80px 20px}.plans .h2,.services .h2{margin-top:27px}.svc-grid{margin-top:87px}.chip-soon{display:none}.projects .white{padding:80px 24px}.proj-grid{width:auto;max-width:682px;column-gap:24px;row-gap:24px}.shot{height:280px;padding:24px}.proj-grid li:nth-child(7){margin-right:8px}.proj-grid li:nth-child(8){margin-left:8px}.hero h1{white-space:pre-wrap}.hero h1 .t-br{display:inline}.plan-grid .card:first-child{min-height:772px}.plans{padding:80px var(--side)}.plan-grid{width:auto;grid-template-columns:1fr;margin-top:87px}.custom{width:auto;margin-top:19px}.custom .card-in{flex-direction:column;gap:0}.c-left{width:auto}.c-left .btn-dark{margin-top:24px}.c-right{margin-top:24px;width:auto}.c-right .feat{margin-top:24px}.tools .white{padding:64px 20px 65px}.tools-desc{max-width:682px}.tool-frame{margin-top:23px}.faq{max-width:none;padding:80px 40px 40px}.foot{padding:0}}@media (max-width:809.98px){:root{--side:16px}.nav{top:8px;--w-open:296px}.nav.compact.open .nav-cta-wrap{max-width:0;padding:0;opacity:0;visibility:hidden}.hero{padding:128px 16px 32px}.hero h1{max-width:328px;font-size:44px;line-height:55px}.h2{font-size:34px;line-height:44.2px}.reveal-h{font-size:34px;line-height:44.2px;max-width:288px}.m-br{display:inline}.reveal-h .pr{margin-right:.26em}.reveal-h .pl{margin-left:.26em}.track-wrap{padding-left:16px}.dark{border-radius:20px}.quote .dark{padding:40px 20px}.glass{width:240px;height:141px;margin:59px 0}.services{padding:40px 16px}.services .h2{margin-top:38px}.svc-grid{width:auto;grid-template-columns:1fr;margin-top:58px}.svc{border-radius:20px}.svc .svc-in{border-radius:16px}.svc.r32{border-radius:32px}.svc.r32 .svc-in{border-radius:24px}.chip-soon{display:none}.projects{padding:40px 16px}.white{border-radius:20px}.projects .white{padding:40px 12px 39px}.proj-grid{grid-template-columns:1fr;margin-top:65px}.proj-grid li:nth-child(7),.proj-grid li:nth-child(8){margin:0}.hero h1{white-space:normal}.hero h1 .t-br{display:none}.plan-grid .card:first-child{min-height:0}.shot{height:240px;padding:20px;border-radius:20px;gap:12px}.plans{padding:40px 16px}.plans .h2{margin-top:37px}.plan-grid{margin-top:59px;gap:19px}.card-in{padding:24px 20px}.card.web{border-radius:20px}.card.web .card-in{border-radius:20px;padding:20px 16px 24px}.custom .card-in{border-radius:16px;padding:20px 16px 21px}.custom{margin-top:19px}.custom.card{border-radius:20px}.tools{padding:40px 16px}.tools .white{padding:40px 12px}.tools-desc{max-width:304px}.tool-frame{padding:16px;margin-top:24px}.tool-in{--inset:16px;--gap:12px;--tw:calc((100cqw - 2 * var(--inset) - 2 * var(--gap)) / 3);--th:var(--tw)}.tool-track{animation-duration:12s}.faq{padding:40px 16px 39px}.faq-grid{grid-template-columns:1fr;margin-top:65px}.cta{padding:0 16px 16px;margin-top:17px}.cta .dark{padding:24px 20px 23px}.cta-h{max-width:288px;margin:0 auto;white-space:normal}.cta-h br{display:none}.cta .btn-white{margin-top:40px}.rule{margin:40px 0}.foot{flex-direction:column}.f-nav{margin-top:19px;padding-top:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:NaNs!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:NaNs!important}.tool-track,.track{animation:none!important}.r2 .tool-track{transform:translateX(calc(-6 * var(--pitch)))}.js .rv{opacity:1;transform:none}.reveal-h .w{opacity:1!important}}.paused .tool-track,.paused .track{animation-play-state:paused!important}</style></head><body><a class="skip" href="#main">Skip to content</a><header class="nav"><div class="nav-bar"><nav aria-label="Main" class="nav-in"><a class="logo" href="./" aria-label="Mina Elia — home"><svg aria-hidden="true" focusable="false" viewBox="0 0 24 15"><path d="M 19.187 5.103 C 17.577 5.103 15.996 5.103 14.4 5.103 C 14.397 5.157 14.39 5.209 14.39 5.262 C 14.388 8.335 14.386 11.407 14.39 14.48 C 14.39 14.644 14.343 14.696 14.175 14.695 C 12.741 14.688 11.308 14.686 9.875 14.693 C 9.662 14.694 9.595 14.643 9.596 14.417 C 9.604 11.384 9.601 8.351 9.601 5.318 C 9.601 5.255 9.601 5.194 9.601 5.109 C 7.998 5.109 6.413 5.109 4.805 5.109 C 4.805 8.298 4.805 11.479 4.805 14.679 C 3.204 14.679 1.627 14.679 0.016 14.679 C 0.016 14.497 0.016 14.332 0.016 14.168 C 0.012 11.293 0.012 8.419 0 5.544 C -0.001 5.241 0.07 5.014 0.296 4.792 C 1.752 3.359 3.192 1.91 4.643 0.472 C 4.729 0.387 4.869 0.312 4.985 0.311 C 6.49 0.299 7.994 0.301 9.499 0.3 C 9.521 0.3 9.544 0.31 9.592 0.32 C 9.592 1.881 9.592 3.444 9.592 5.064 C 9.679 4.994 9.728 4.963 9.768 4.923 C 11.258 3.435 12.746 1.944 14.242 0.462 C 14.331 0.374 14.486 0.31 14.611 0.309 C 16.052 0.3 17.494 0.309 18.935 0.301 C 19.148 0.3 19.198 0.364 19.197 0.57 C 19.188 1.98 19.196 3.389 19.187 4.799 C 19.186 5.022 19.243 5.098 19.478 5.097 C 20.88 5.09 22.282 5.099 23.683 5.103 C 23.987 5.104 23.986 5.104 23.986 5.417 C 23.984 8.45 23.983 11.483 23.982 14.516 C 23.982 14.563 23.982 14.609 23.982 14.671 C 23.919 14.679 23.867 14.691 23.816 14.691 C 22.359 14.692 20.902 14.688 19.445 14.697 C 19.234 14.698 19.181 14.636 19.182 14.428 C 19.189 11.403 19.187 8.378 19.187 5.352 C 19.187 5.282 19.187 5.212 19.187 5.103 Z" fill="rgb(255,255,255)"></path></svg></a><span class="ni nav-who" aria-hidden="true"><small>more about</small><b>Mina</b></span><span class="nav-sp"></span><span class="ni"><a class="nav-ic" href="https://www.linkedin.com/in/mina-elia-1223421a4/" aria-label="Mina Elia on LinkedIn (opens in a new tab)" rel="noopener" target="_blank"><svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M 0.75 18 C 0.336 18 0 17.664 0 17.25 L 0 0.75 C 0 0.336 0.336 0 0.75 0 L 17.25 0 C 17.664 0 18 0.336 18 0.75 L 18 17.25 C 18 17.664 17.664 18 17.25 18 Z" fill="currentColor" transform="translate(3 3)" fill-opacity="0"></path><path d="M 0.75 18 C 0.336 18 0 17.664 0 17.25 L 0 0.75 C 0 0.336 0.336 0 0.75 0 L 17.25 0 C 17.664 0 18 0.336 18 0.75 L 18 17.25 C 18 17.664 17.664 18 17.25 18 Z" fill="transparent" transform="translate(3 3)" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M 0 0 L 0 6" fill="transparent" transform="translate(11.25 10.5)" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M 0 0 L 0 6" fill="transparent" transform="translate(8.25 10.5)" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M 0 2.625 C 0 1.175 1.175 0 2.625 0 C 4.075 0 5.25 1.175 5.25 2.625 L 5.25 6" fill="transparent" transform="translate(11.25 10.5)" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" width="5.25px"></path><path d="M 0 1.125 C 0 0.504 0.504 0 1.125 0 C 1.746 0 2.25 0.504 2.25 1.125 C 2.25 1.746 1.746 2.25 1.125 2.25 C 0.504 2.25 0 1.746 0 1.125 Z" fill="currentColor" transform="translate(7.125 6.75)" width="2.25px" height="2.25px"></path></svg></a></span><span class="ni"><a class="nav-ic" href="https://www.behance.net/MinaElia29" aria-label="Mina Elia on Behance (opens in a new tab)" rel="noopener" target="_blank"><svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M 0 3.75 C 0 1.679 1.679 0 3.75 0 C 5.821 0 7.5 1.679 7.5 3.75 Z" fill="currentColor" transform="translate(15 10.5)" width="7.5px" height="3.75px" fill-opacity="0"></path><path d="M 5.813 5.625 L 5.438 5.625 C 6.991 5.625 8.25 4.366 8.25 2.813 C 8.25 1.259 6.991 0 5.438 0 L 0 0 L 0 12 L 5.813 12 C 7.573 12 9 10.573 9 8.813 C 9 7.052 7.573 5.625 5.813 5.625 Z" fill="currentColor" transform="translate(3 6)" fill-opacity="0"></path><path d="M 0 0 L 6 0" fill="transparent" transform="translate(15.75 7.5)" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M 0 5.625 L 5.813 5.625 C 7.573 5.625 9 7.052 9 8.813 C 9 10.573 7.573 12 5.813 12 L 0 12 L 0 0 L 5.438 0 C 6.991 0 8.25 1.259 8.25 2.813 C 8.25 4.366 6.991 5.625 5.438 5.625" fill="transparent" transform="translate(3 6)" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M 6.751 6 C 5.647 7.472 3.639 7.926 2.01 7.072 C 0.381 6.218 -0.389 4.309 0.193 2.564 C 0.775 0.82 2.536 -0.246 4.351 0.049 C 6.167 0.343 7.501 1.911 7.501 3.75 L 0.001 3.75" fill="transparent" transform="translate(14.999 10.5)" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" width="7.500530600248425px" height="7.500639523118593px"></path></svg></a></span><span class="ni nav-cta-wrap"><a class="btn nav-cta" href="mailto:minaelia.designer@gmail.com" rel="noopener" target="_blank">Start Project</a></span><button aria-expanded="false" aria-label="Show links" class="ni nav-arrow" type="button"><i><svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none"><path d="M4 10h12m0 0-5-5m5 5-5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"/></svg></i></button></nav></div></header><main id="main"><section class="hero" style="min-height:100vh;padding-bottom:80px;justify-content:center"><h1 style="margin-top:0">404 - The path you seek has vanished.</h1><p class="hero-sub">This page drifts in the void, where no words unfold.</p><a class="btn btn-white" href="/" style="margin-top:32px;opacity:1;animation:none;transform:none">Back to home</a></section></main><script defer="defer" src="/js/main.js"></script></body></html>