*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;background-color:#000;overflow:hidden;height:100vh}.background-image{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/images/EOSR0773.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-2}.webgl-ready .background-image{display:none}canvas{position:fixed!important;top:0!important;left:0!important;z-index:-1!important;pointer-events:none!important}.main-content{height:100vh;display:flex;align-items:center;position:relative;z-index:10;padding-left:5rem}.content-overlay{max-width:500px;background:#0000001a;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);padding:2rem;border-radius:8px}.name{font-size:.9rem;font-weight:400;letter-spacing:.15em;margin-bottom:.8rem;color:#ffffffe6;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.3)}.designer{font-size:4.5rem;font-weight:400;color:#fffffff2;margin-bottom:0;letter-spacing:-.02em;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.4)}.ceramics{font-size:4.5rem;font-weight:400;color:#ffffffd9;letter-spacing:-.02em;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.4)}.plus{color:#ff7f4af2;margin-right:.1em;text-shadow:0 2px 8px rgba(0,0,0,.4)}.title{margin-bottom:3rem}.intro-text{font-size:.95rem;font-weight:300;color:#ffffffd9;line-height:1.6;max-width:400px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.email-link{color:#ff7f4ae6;text-decoration:underline;font-weight:600;transition:color .3s ease}.email-link:hover{color:#ff7f4a}.showcase-bottom{position:fixed;bottom:2rem;left:5rem;z-index:10;background:#0000001a;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);padding:1rem 1.5rem;border-radius:6px}.showcase-title{font-size:.75rem;font-weight:500;color:#ff7f4af2;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1rem;text-shadow:0 1px 3px rgba(0,0,0,.3)}.project-links{display:flex;gap:.5rem;align-items:baseline}.project-link{font-size:.9rem;font-weight:500;color:#ffffffd9;text-decoration:none;padding:.5rem .75rem;border-radius:4px;transition:all .3s ease;text-shadow:0 1px 3px rgba(0,0,0,.3);position:relative;line-height:1}.project-link:hover{color:#ff7f4af2;background:#ffffff14;transform:translateY(-2px)}.project-link[data-tooltip]:hover:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 33px);left:50%;transform:translate(-50%);padding:.75rem 1rem;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fffffff2;font-size:.8rem;font-weight:400;line-height:1.4;white-space:nowrap;border-radius:6px;box-shadow:0 4px 20px #0006;border:1px solid rgba(255,255,255,.1);z-index:1000;opacity:0;animation:tooltipFadeIn .3s ease-out forwards;pointer-events:none;text-shadow:none;letter-spacing:.01em;will-change:transform,opacity}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.project-link[data-tooltip*="Order form"]:hover:before,.project-link[data-tooltip*=Analytics]:hover:before{white-space:normal;max-width:280px;text-align:center}.separator{display:inline-block;font-size:.9rem;line-height:1;color:#fff9;padding:0 .25rem;position:relative;top:-.05em}.no-webgl .background-image{display:block!important;z-index:-1}.no-webgl .content-overlay,.no-webgl .showcase-bottom{background:#0003;-webkit-backdrop-filter:none;backdrop-filter:none}@media (max-width: 968px){.main-content{padding-left:2rem}.showcase-bottom{left:2rem}.designer,.developer{font-size:4rem}.content-overlay{padding:1.5rem;max-width:450px}.project-link[data-tooltip*="Order form"]:hover:before,.project-link[data-tooltip*=Analytics]:hover:before{max-width:240px}}@media (max-width: 480px){.main-content{padding-left:1rem}.showcase-bottom{left:1rem}.designer,.developer{font-size:3.2rem}.name{font-size:.9rem}.intro-text{font-size:.8rem}.content-overlay{padding:1rem;margin:1rem;max-width:calc(100% - 2rem)}.showcase-bottom{padding:.75rem 1rem}.project-link[data-tooltip]:hover:before{font-size:.75rem;padding:.6rem .8rem;bottom:calc(100% + 25px)}.project-link[data-tooltip*="Order form"]:hover:before,.project-link[data-tooltip*=Analytics]:hover:before{max-width:200px}.project-link:first-child[data-tooltip]:hover:before{left:0;transform:translate(0)}.project-link:last-child[data-tooltip]:hover:before{right:0;left:auto;transform:translate(0)}}@media (max-width: 360px){.designer,.developer{font-size:2.8rem}.plus{margin-right:.05em}.project-link[data-tooltip]:hover:before{font-size:.7rem;padding:.5rem .7rem;max-width:180px}}@media (prefers-reduced-motion: reduce){.project-link{transform:none;transition:color .3s ease}.project-link:hover{transform:none}.project-link[data-tooltip]:hover:before{animation:none;opacity:1;transform:translate(-50%)}}@media (hover: none) and (pointer: coarse){.project-link[data-tooltip]:focus:before,.project-link[data-tooltip]:active:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 33px);left:50%;transform:translate(-50%);padding:.75rem 1rem;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fffffff2;font-size:.8rem;font-weight:400;line-height:1.3;white-space:nowrap;max-width:200px;border-radius:6px;box-shadow:0 4px 20px #0006;border:1px solid rgba(255,255,255,.1);z-index:1000;opacity:1;pointer-events:none;text-shadow:none;letter-spacing:.01em}}