:root{--peachy: #F3B1F2;--amethyst: #EFD6FF;--icy: #9EC6FD;--aura: #BFE3F8;--pure: #FFFFFF;--gradient: linear-gradient(135deg, #F3B1F2, #9EC6FD)}@font-face{font-family:Swanley Free;src:url(./Swanley%20Free-DtDR48ri.ttf) format("truetype");font-weight:400;font-style:normal}body{font-family:Swanley Free,sans-serif;background-color:#000;color:#fff}body p{font-family:Poppins,Arial,sans-serif;font-weight:300;font-size:smaller;color:#f5f5f5}body h1{font-family:Raleway,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin:0;padding:0;background:linear-gradient(135deg,#f3b1f2,#efd6ff 40%,#9ec6fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body h2{font-family:Swanley Free,sans-serif;margin:0;padding:0}body h3{font-family:Poppins,sans-serif;font-weight:600;margin:0;padding:0}body h4,h5,h6{font-family:Swanley Free,sans-serif;margin:0;padding:0}*:focus-visible{outline:2px solid #F3B1F2;outline-offset:3px;border-radius:3px}body p{color:#ffffffde}nav a,nav button{min-height:44px;min-width:44px}@media (max-width: 768px){body p{font-size:clamp(.9rem,2vw,1rem)}h1{font-size:clamp(2rem,6vw,3.5rem)}h2{font-size:clamp(1.1rem,3vw,1.6rem)}}@media (max-width: 480px){body{margin:0;padding:0}body p{font-size:.95rem}}.navbar{color:#fff;padding:1rem;box-sizing:border-box;background:#0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:10}.navbar-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.navbar-logo{height:clamp(60px,8vw,100px);font-weight:700;color:#fff;text-decoration:none;flex-shrink:0}.navbar-logo:nth-of-type(1){display:block}.navbar-logo:nth-of-type(2){margin-left:clamp(1rem,20vw,16rem)}.navbar-menu{list-style:none;display:flex;gap:clamp(1rem,2vw,2rem);flex-wrap:wrap;justify-content:center}.navbar-link{color:#fff;text-decoration:none;font-size:clamp(.9rem,2vw,1.2rem);white-space:nowrap;cursor:pointer}.navbar-link:hover{color:#f3b1f2}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:#0d0d0d;border:1px solid rgba(243,177,242,.25);border-radius:1.25rem;padding:2.5rem 2rem;max-width:380px;width:90%;display:flex;flex-direction:column;gap:.75rem;text-align:center}.modal-title{font-family:Raleway,sans-serif;font-weight:900;font-size:1.4rem;text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(135deg,#f3b1f2,#efd6ff 40%,#9ec6fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.modal-body{color:#ffffffa6;font-size:.95rem;margin:0}.modal-actions{display:flex;gap:.75rem;margin-top:.75rem;justify-content:center}.modal-btn{padding:.65rem 1.5rem;font-size:.95rem;font-family:Poppins,sans-serif;font-weight:500;border-radius:.5rem;cursor:pointer;text-decoration:none;transition:all .2s ease}.modal-btn.primary{background:linear-gradient(135deg,#f3b1f2,#9ec6fd);color:#1a1a2e;border:none}.modal-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f3b1f24d}.modal-btn.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}.modal-btn.secondary:hover{border-color:#f3b1f299;color:#f3b1f2}@media (max-width: 768px){.navbar-container{flex-direction:column;gap:.75rem}.navbar-logo:nth-of-type(1){display:none}.navbar-logo:nth-of-type(2){margin-left:0;order:2;width:100%}.navbar-menu{order:1;width:100%;gap:1rem}.modal{padding:1.75rem 1.25rem;width:88%}.modal-title{font-size:1.1rem}.modal-body{font-size:.85rem}.modal-btn{padding:.6rem 1.1rem;font-size:.85rem}}.footer{display:flex;justify-content:space-between;margin-top:8%;flex-direction:column;box-sizing:border-box;background:#0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:10}.footer-container{display:flex;justify-content:space-around;align-items:center;padding:2rem 1rem;gap:2rem;flex-wrap:wrap;box-sizing:border-box}.footer-logo{max-height:clamp(5rem,10vw,7rem);flex-shrink:0}.footer-links{display:flex;flex-direction:row;gap:clamp(1.5rem,5vw,10rem);font-size:clamp(.9rem,2vw,1.2rem)}.footer-links h2{margin:0}.link{text-decoration:none;color:#fff}.link:hover{color:#f3b1f2}.footer-contact{display:flex;flex-direction:column;margin-left:clamp(0,5vw,5rem);gap:.5rem}.footer-contact p{margin:0;font-size:clamp(.9rem,1.5vw,1rem)}.footer-text{text-align:center;font-size:clamp(.7rem,1vw,.85rem);color:#d0d0d0;padding:1rem}.footer-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999}.footer-modal{background:#0d0d0d;border:1px solid rgba(243,177,242,.25);border-radius:1.25rem;padding:2.5rem 2rem;max-width:380px;width:90%;display:flex;flex-direction:column;gap:.75rem;text-align:center}.footer-modal-title{font-family:Raleway,sans-serif;font-weight:900;font-size:1.4rem;text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(135deg,#f3b1f2,#efd6ff 40%,#9ec6fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.footer-modal-body{color:#ffffffa6;font-size:.95rem;margin:0}.footer-modal-actions{display:flex;gap:.75rem;margin-top:.75rem;justify-content:center}.footer-modal-btn{padding:.65rem 1.5rem;font-size:.95rem;font-family:Poppins,sans-serif;font-weight:500;border-radius:.5rem;cursor:pointer;text-decoration:none;transition:all .2s ease}.footer-modal-btn.primary{background:linear-gradient(135deg,#f3b1f2,#9ec6fd);color:#1a1a2e;border:none}.footer-modal-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f3b1f24d}.footer-modal-btn.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}.footer-modal-btn.secondary:hover{border-color:#f3b1f299;color:#f3b1f2}@media (max-width: 768px){.footer-container{flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 1rem}.footer-links{gap:clamp(1rem,3vw,2rem);flex-direction:column;text-align:center}.footer-contact{text-align:center;margin-left:0}.footer-modal{padding:1.75rem 1.25rem;width:88%}.footer-modal-title{font-size:1.1rem}.footer-modal-body{font-size:.85rem}.footer-modal-btn{padding:.6rem 1.1rem;font-size:.85rem}}.galaxy-bg{position:fixed;inset:0;z-index:-1;pointer-events:none}.galaxy-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 10% 38%,rgba(243,177,242,.13) 0%,transparent 65%),radial-gradient(ellipse 60% 60% at 90% 75%,rgba(158,198,253,.12) 0%,transparent 65%),radial-gradient(ellipse 45% 45% at 65% 32%,rgba(239,214,255,.09) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 25% 85%,rgba(158,198,253,.09) 0%,transparent 60%),radial-gradient(ellipse 35% 35% at 50% 58%,rgba(243,177,242,.04) 0%,transparent 70%)}.galaxy-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.7) 1px,transparent 1px),radial-gradient(circle,rgba(243,177,242,.8) 1px,transparent 1px),radial-gradient(circle,rgba(158,198,253,.8) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.5) 1.5px,transparent 1.5px);background-size:180px 180px,280px 280px,370px 370px,430px 430px,520px 520px;background-position:20px 40px,110px 90px,60px 200px,250px 30px,330px 180px}.landing-container{display:flex;align-items:center;justify-content:center;min-height:clamp(90vh,100vh - 80px,100vh);width:100%;padding:clamp(1rem,5vw,2rem);box-sizing:border-box}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1rem,3vw,1.5rem);max-width:700px;text-align:center}.hero h1{font-size:clamp(2rem,5vw,4rem);margin:0;line-height:1.1;text-transform:none;letter-spacing:-.01em}.tagline{font-size:clamp(1rem,3vw,1.5rem);color:#ffffffe6;margin:0;font-weight:400;letter-spacing:.01em}.description{font-size:clamp(.95rem,2.5vw,1.2rem);color:#ffffffc7;line-height:1.6;margin:clamp(.5rem,2vw,1rem) 0;max-width:600px;padding:0 clamp(.5rem,2vw,0)}.cta-links{display:flex;gap:clamp(.75rem,2vw,1.5rem);margin-top:clamp(1rem,3vw,2rem);flex-wrap:wrap;justify-content:center;width:100%;max-width:100%}.cta-btn{padding:clamp(.7rem,1.5vw,1rem) clamp(1.2rem,3vw,2.5rem);font-size:clamp(.9rem,2vw,1.1rem);font-family:poppins,sans-serif;text-decoration:none;border-radius:.5rem;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;font-weight:500;box-sizing:border-box;flex-shrink:1;min-width:0;word-wrap:break-word}.cta-btn.primary{background:linear-gradient(135deg,#f3b1f2,#9ec6fd);color:#1a1a2e;border:none;cursor:pointer}.cta-btn.primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #f3b1f24d}.cta-btn.secondary{border:1.5px solid rgba(255,255,255,.3);color:#fff;background:transparent}.cta-btn.secondary:hover{border-color:#f3b1f2cc;color:#f3b1f2e6;background:#f3b1f20d}@media (max-width: 768px){.landing-container{min-height:clamp(85vh,95vh - 60px,100vh);padding:clamp(1rem,4vw,1.5rem)}.hero{gap:clamp(.75rem,2vw,1.25rem)}.cta-links{gap:clamp(.5rem,2vw,1rem)}}@media (max-width: 480px){.landing-container{min-height:100vh;padding:1rem}.hero h1{line-height:1.2}.cta-links{flex-direction:column;width:100%;gap:.75rem;padding:0 .5rem;box-sizing:border-box}.cta-btn{width:100%;padding:.75rem 1.5rem;font-size:1rem}}.home-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:1rem 2rem 5rem;box-sizing:border-box}.page-heading{font-size:clamp(3rem,6vw,5rem);text-align:center;margin:2rem auto 1rem;line-height:1;letter-spacing:-.03em}.project-group{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 0;border-top:1px solid rgba(255,255,255,.08)}.project-group:first-of-type{border-top:none;padding-top:2rem}.section-heading{font-size:clamp(1.4rem,2.5vw,2.2rem);text-align:center;color:#fff;letter-spacing:normal}.section-sub{margin:-.5rem auto 0;text-align:center;color:#ffffff80;font-size:clamp(.8rem,1.5vw,.9rem);letter-spacing:.05em;text-transform:uppercase}.project-section,.coop-section{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem);align-items:start;margin-top:.5rem}.coop-section{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,2rem)}.client-divs{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;width:100%;margin:0 auto}.img-frame{width:100%;padding:3px;border-radius:.85rem;background:linear-gradient(135deg,#f3b1f2,#efd6ff,#9ec6fd);transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 0 18px #f3b1f233}.personal-frame{height:264px}.client-img{display:block;width:100%;height:auto;max-height:320px;border-radius:calc(.85rem - 2px);object-fit:cover}.personal-frame .client-img{height:260px;max-height:260px;object-position:center}.client-divs h3{font-size:clamp(1.1rem,1.6vw,1.35rem);font-family:Swanley Free,sans-serif;color:#fff;margin-top:.25rem}.client-divs p{margin:0;font-size:clamp(.85rem,1.3vw,.95rem);line-height:1.65;color:#ffffffa6}.link{text-decoration:none;color:inherit;width:100%;display:flex;flex-direction:column;gap:.75rem}.link:hover .img-frame{transform:translateY(-6px);box-shadow:0 16px 48px #f3b1f233}.link:hover h3,.link:hover p{background:linear-gradient(135deg,#f3b1f2,#9ec6fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:color .2s}@media (max-width: 900px){.project-section{grid-template-columns:1fr;gap:2rem}.coop-section{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1100px) and (min-width: 901px){.coop-section{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.home-container{padding:1rem 1rem 3rem}.page-heading{margin:1rem auto .5rem}.project-group{padding:2rem 0;gap:1.25rem}.coop-section{grid-template-columns:1fr}}.proj-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:999;padding:1rem}.proj-modal{background:#0d0d0d;border:1px solid rgba(243,177,242,.2);border-radius:1.5rem;padding:2.5rem 2.25rem;max-width:480px;width:100%;display:flex;flex-direction:column;gap:1rem;position:relative}.proj-modal-close{position:absolute;top:1.25rem;right:1.25rem;background:transparent;border:none;color:#fff6;font-size:1rem;cursor:pointer;line-height:1;padding:.25rem;transition:color .2s}.proj-modal-close:hover{color:#fff}.proj-modal-tags{display:flex;flex-wrap:wrap;gap:.5rem}.proj-tag{font-family:Poppins,sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .75rem;border-radius:99px;border:1px solid rgba(243,177,242,.35);color:#f3b1f2d9}.proj-modal-title{font-family:Raleway,sans-serif;font-weight:900;font-size:1.5rem;text-transform:uppercase;letter-spacing:.03em;background:linear-gradient(135deg,#f3b1f2,#efd6ff 40%,#9ec6fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;line-height:1.2}.proj-modal-body{font-family:Poppins,sans-serif;font-size:.92rem;line-height:1.75;color:#ffffffb3;margin:0}.proj-modal-btns{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.proj-modal-btn{padding:.65rem 1.5rem;font-family:Poppins,sans-serif;font-weight:600;font-size:.9rem;border-radius:.5rem;text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.proj-modal-btn.primary{background:linear-gradient(135deg,#f3b1f2,#9ec6fd);color:#1a1a2e}.proj-modal-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f3b1f24d}.proj-modal-btn.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}.proj-modal-btn.secondary:hover{border-color:#f3b1f299;color:#f3b1f2}@media (max-width: 600px){.proj-modal{padding:2rem 1.5rem}.proj-modal-title{font-size:1.2rem}}.about-container{max-width:1100px;margin:0 auto;padding:2rem clamp(1.5rem,4vw,3rem) 4rem;box-sizing:border-box}.about-hero{display:flex;flex-direction:row;align-items:center;gap:clamp(2rem,5vw,5rem);margin-bottom:3.5rem;flex-wrap:wrap}.about-illustration{max-width:clamp(180px,28vw,360px);width:100%;height:auto;flex-shrink:0}.about-intro{display:flex;flex-direction:column;gap:.75rem;flex:1;min-width:260px}.about-heading{font-size:clamp(3rem,6vw,5rem);line-height:1;letter-spacing:-.03em;margin:0}.name-heading{font-family:Raleway,sans-serif;font-weight:900;font-size:clamp(1.4rem,3vw,2rem);color:#fff;margin:0;text-transform:none;letter-spacing:-.01em}.intro-text{font-size:clamp(.95rem,1.8vw,1.1rem);line-height:1.7;color:#ffffffbf;max-width:480px;margin:.25rem 0 .5rem}.bio-sections{display:flex;flex-direction:column;gap:0}.bio-block{display:grid;grid-template-columns:160px 1fr;gap:1.5rem clamp(2rem,4vw,4rem);padding:1.75rem 0;border-top:1px solid rgba(255,255,255,.08)}.bio-label{font-family:Poppins,sans-serif;font-weight:600;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#f3b1f2;padding-top:.2rem}.bio-content{display:flex;flex-direction:column;gap:.75rem}.about-text{font-size:clamp(.88rem,1.6vw,.96rem);line-height:1.75;color:#fffc;margin:0}.brand-name{background:linear-gradient(135deg,#f3b1f2,#efd6ff,#9ec6fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.connect-btn{margin-top:.25rem;padding:.55rem 1.4rem;border:1.5px solid rgba(255,255,255,.35);background:transparent;color:#fff;font-size:.9rem;font-family:Poppins,sans-serif;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .3s ease;align-self:flex-start;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.connect-btn:hover{background:linear-gradient(135deg,#f3b1f2,#9ec6fd);border-color:transparent;color:#1a1a2e;transform:translateY(-2px);box-shadow:0 8px 24px #f3b1f24d}@media (max-width: 768px){.about-hero{flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem}.about-illustration{max-width:clamp(140px,50vw,240px)}.intro-text{max-width:100%}.connect-btn{align-self:center}.bio-block{grid-template-columns:1fr;gap:.5rem}}.form-group{display:flex;flex-direction:column;gap:.5rem;padding:1rem}form label{font-size:1rem;color:#9ec6fd;margin-bottom:.2rem}form input,form textarea{width:100%;padding:.75rem;border:1px solid white;border-radius:.5rem;background:transparent;color:#fff;font-size:1rem;box-sizing:border-box;transition:border-color .2s}form textarea{height:10rem;resize:vertical;overflow-y:auto}form input:focus,form textarea:focus{outline:none;border-color:#9ec6fd}.submit-btn{padding:clamp(.7rem,1.5vw,1rem) clamp(1.2rem,3vw,2.5rem);border:none;background:linear-gradient(135deg,#f3b1f2,#9ec6fd);color:#1a1a2e;font-size:clamp(.9rem,2vw,1.1rem);font-family:Poppins,sans-serif;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .3s ease;width:100%}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px #f3b1f24d}.contact-link{color:#fff;text-decoration:none;font-family:Poppins,sans-serif;font-size:clamp(.9rem,1.5vw,1rem);transition:color .2s}.contact-link:hover{color:#f3b1f2}.contact-row{display:flex;align-items:center;gap:.75rem}h1{font-size:clamp(2rem,4vw,3rem);margin:0;line-height:1}.contact-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:clamp(2rem,5vw,6rem);margin-top:5rem;padding:0 1rem;box-sizing:border-box;flex-wrap:wrap}.contact-section{flex:1;display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:280px}.form-section{flex:1;display:flex;min-width:280px}form{width:100%;max-width:500px;border:2px solid;border-radius:2rem;font-family:poppins,sans-serif;background:transparent;border-image:linear-gradient(135deg,#f3b1f2 10%,#9ec6fd 40%,#6ca8f7 90%) 1;display:flex;flex-direction:column;box-sizing:border-box}@media (max-width: 768px){.contact-container{flex-direction:column;margin-top:2rem}.contact-section,.form-section{width:100%;min-width:auto}.contact-row{flex-direction:column;text-align:center}form{max-width:100%}}form input,form textarea{width:100%;padding:.5rem;border:1px solid white;font-family:poppins,sans-serif;border-radius:.5rem;background:transparent;color:#fff;font-size:1rem;box-sizing:border-box}form textarea{min-height:3rem;resize:none;overflow-y:hidden}form input:focus,form textarea:focus{outline:none;border-color:#f3b1f2}