@import url("https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Montserrat:wght@400;700;800&display=swap");@font-face{font-family:BebasBonefire;src:url(/Bebas-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--font-bebas:"BebasBonefire","Luckiest Guy","Montserrat",system-ui,-apple-system,sans-serif;--bg-hero-top:#0b0a13;--bg-hero-bottom:#2b1142;--bg-body:#111;--bg-panel:#191025;--bg-panel-2:#0c0c11;--violet:#7c3aed;--violet-2:#8b5cf6;--pink:#e146d7;--gold:#ffc043;--text:#fff;--wrap-max:1200px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--navbar-h:64px;--underline-w:clamp(300px,52vw,560px);--underline-half:calc(var(--underline-w) / 2);--pony-nose-offset:clamp(4px,0.6vw,10px)}*{box-sizing:border-box}body,html{height:100%;width:100%}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{margin:0;background-color:var(--bg-body);color:var(--text);font-family:Montserrat,Arial,sans-serif;line-height:1.6}a,button{-webkit-tap-highlight-color:transparent}canvas,img,svg,video{display:block;max-width:100%;height:auto}.title,h1,h2,h3{font-family:var(--font-bebas);letter-spacing:.02em}h1{font-size:clamp(28px,6vw,64px);line-height:1.1}h2{font-size:clamp(22px,4.5vw,40px);line-height:1.15}h3{font-size:clamp(18px,3.6vw,28px);line-height:1.2}body{font-size:clamp(15px,2.5vw,18px)}@media (prefers-reduced-motion:reduce){.hero-video{animation:none!important}}.container,.page-wrap,.wrap{max-width:var(--wrap-max);margin-inline:auto;padding-inline:var(--space-4)}.hidden{display:none!important}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;min-height:var(--navbar-h);background:linear-gradient(180deg,var(--bg-hero-bottom) 0,var(--bg-hero-top) 100%);box-shadow:0 2px 16px rgba(0,0,0,.35)}.nav-brand{display:inline-flex;align-items:center;text-decoration:none}.nav-logo-img{display:block;width:clamp(40px,4vw,56px);height:auto}.nav-toggle{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:2px solid rgba(255,255,255,.2);border-radius:10px;padding:8px 10px;color:#fff;font-weight:800;letter-spacing:.08em}.nav-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.nav-menu{display:flex;align-items:center;gap:clamp(1rem,2.6vw,2.6rem);list-style:none;margin:0;padding:0}.nav-menu>li{position:relative}.nav-menu>li:not(:last-child):after{content:"";position:absolute;right:calc(-.7rem);top:50%;transform:translateY(-50%);width:2px;height:22px;background:linear-gradient(180deg,var(--violet-2) 0,var(--violet) 100%);box-shadow:0 0 8px rgba(124,58,237,.6);border-radius:2px}.nav-link{position:relative;display:inline-block;padding:4px 2px;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-family:var(--font-bebas);font-size:clamp(16px,1.6vw + 10px,22px);transition:transform .18s ease}.nav--brush .nav-ink{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%) translateY(6px) scaleX(.9);width:150%;height:18px;background:url(/rayitas.png) bottom/contain no-repeat;pointer-events:none;opacity:0;filter:drop-shadow(0 6px 10px rgba(107,33,168,.55));z-index:2;will-change:opacity,transform}@keyframes ink-fade{0%{opacity:0;transform:translateX(-50%) translateY(8px) scaleX(.8)}to{opacity:1;transform:translateX(-50%) translateY(0) scaleX(1)}}.nav-link:hover .nav-ink{animation:ink-fade .32s ease-out forwards}.nav-link:focus,.nav-link:focus-visible{outline:none}.nav-link--tapped .nav-ink,.nav-link:active .nav-ink,.nav-link:focus .nav-ink,.nav-link:focus-visible .nav-ink{animation:ink-fade .32s ease-out forwards}.nav-link--active .nav-ink{animation:ink-fade .42s ease-out forwards}@media (hover:none) and (pointer:coarse){.nav-link:hover .nav-ink{animation:none;opacity:0}}@media (max-width:760px){.nav-toggle{display:inline-flex;align-items:center;gap:8px}.nav-menu{position:absolute;right:8px;left:auto;top:calc(var(--navbar-h) - 4px);width:min(78vw,340px);max-width:calc(100vw - 16px);display:grid;grid-gap:10px;gap:10px;justify-items:end;text-align:right;z-index:10000;padding:16px 16px 18px;background:linear-gradient(180deg,rgba(43,17,66,.98),rgba(11,10,19,.98));border:2px solid rgba(124,58,237,.35);border-right-color:rgba(255,192,78,.4);border-radius:14px;transform:translateX(12px);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease}.nav-menu>li:after{display:none}.nav-menu.nav-menu--open{transform:translateX(0);opacity:1;pointer-events:auto}}.hero{position:relative;width:100%;height:100dvh;overflow:hidden;background:#000}@supports not (height:100dvh){.hero{height:100vh}}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}.hero-fade-bottom,.hero-fade-top{position:absolute;left:0;right:0;z-index:2;pointer-events:none}.hero-fade-top{top:0;height:clamp(10vh,16vw,18vh);background:linear-gradient(180deg,rgba(11,10,19,1) 0,rgba(11,10,19,.85) 40%,rgba(11,10,19,0))}.hero-fade-bottom{bottom:0;height:clamp(12vh,18vw,22vh);background:linear-gradient(0deg,rgba(17,17,17,1) 0,rgba(17,17,17,.6) 45%,rgba(17,17,17,0))}@media (max-width:768px){.hero{height:82dvh}.hero-video{object-fit:contain;background:#000}}section{padding-block:clamp(48px,9vw,128px);scroll-margin-top:calc(var(--navbar-h) + 20px)}.section-title{margin:0;color:#fff;font-family:var(--font-bebas);font-size:clamp(1.9rem,2.4vw + 1rem,2.7rem);-webkit-text-stroke:1px #2a0d3a;text-shadow:0 2px 14px rgba(107,33,168,.55),0 0 2px #000;letter-spacing:.08em;text-align:center}#portfolio{overflow:visible}#portfolio .title-wrap{position:relative;display:inline-block;margin:0 auto 2rem;padding-bottom:18px;width:auto;z-index:5}#portfolio .title-wrap,#portfolio .title-wrap *{overflow:visible!important}#portfolio .section-title{position:relative;z-index:6}#portfolio .title-wrap:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:var(--underline-w);height:10px;border-radius:8px;background:linear-gradient(90deg,#9d2bb0,#e146d7 50%,#9d2bb0);box-shadow:0 6px 10px rgba(124,58,237,.35);pointer-events:none;z-index:5}#portfolio .pony-underline{position:absolute;bottom:-6px;right:calc(50% - var(--underline-half) + var(--pony-nose-offset));width:clamp(210px,30vw,400px);height:auto;z-index:7;pointer-events:none;filter:drop-shadow(0 6px 12px rgba(107,33,168,.28))}@media (max-width:420px){#portfolio .title-wrap:after{height:8px}#portfolio .pony-underline{right:calc(50% - var(--underline-half) + var(--pony-nose-offset));width:clamp(180px,40vw,280px)}}.portfolio-grid{position:relative;z-index:1}.portfolio{text-align:center;background:linear-gradient(180deg,#0f0d14,#0f0f12);padding-inline:1rem}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.25rem;gap:1.25rem;align-items:stretch}@media (max-width:360px){.portfolio-grid{grid-template-columns:1fr}}.portfolio-card{display:flex;flex-direction:column;align-items:center;background:#191025cc;border:2px solid var(--violet);border-radius:14px;padding:1rem;box-shadow:inset 0 0 0 2px rgba(107,33,168,.25),0 8px 26px rgba(124,58,237,.22);transition:transform .3s,border-color .3s,box-shadow .3s;text-decoration:none;color:var(--text)}.portfolio-card:hover{box-shadow:inset 0 0 0 2px rgba(255,165,0,.45),0 18px 38px rgba(255,165,0,.35);transform:translateY(-6px) scale(1.01)}.portfolio-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin-bottom:1rem;background:#24133c;border:2px solid var(--violet)}.card-title{font-family:var(--font-bebas);color:#fff;font-size:clamp(1.05rem,.9vw + 1rem,1.35rem);letter-spacing:.5px;text-align:center;-webkit-text-stroke:1px #2a0d3a;text-shadow:0 2px 8px rgba(107,33,168,.45)}.about{position:relative;overflow:hidden;padding-inline:1rem;text-align:center;background:linear-gradient(180deg,#0f0f12,#121016)}.about-inner{position:relative;z-index:1;max-width:1100px;margin:.4rem auto 0;padding:0 24px;font-size:clamp(1rem,.8vw + .9rem,1.2rem);color:#eaeaea;opacity:.92}.about>.about-vine{position:absolute!important;display:block;bottom:-8px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}.about>.about-vine.about-vine--left{left:-6%;width:clamp(140px,34vw,360px);transform:translateY(6px)}.about>.about-vine.about-vine--right{right:-6%;width:clamp(140px,34vw,360px);transform:translateY(6px)}@media (min-width:720px){.about>.about-vine.about-vine--left{left:-4%;width:clamp(180px,32vw,360px)}.about>.about-vine.about-vine--right{right:-4%;width:clamp(180px,32vw,360px)}}.contact{text-align:center;background:linear-gradient(180deg,#111,#0e0b12);padding-inline:1rem;padding-block:clamp(48px,8vw,96px)}.contact,.contact-wrap{position:relative;overflow:visible!important}.contact-wrap{max-width:980px;margin:0 auto;padding-left:clamp(36px,6vw,72px)}.contact-card{position:relative;z-index:1;width:min(720px,100%);margin:1.2rem auto 0;padding:clamp(16px,2.2vw,28px) clamp(18px,3vw,36px);border-radius:16px;background:radial-gradient(120% 140% at 50% 0,#24133c 0,#191025 60%,#191025 100%);border:2px solid var(--violet);box-shadow:0 16px 42px rgba(124,58,237,.26);text-align:left}.contact-sword{position:absolute;left:-10px;top:-12px;width:clamp(72px,9vw,120px);height:auto;pointer-events:none;filter:drop-shadow(0 12px 24px rgba(0,0,0,.45))}.contact-name{font-weight:800;font-size:clamp(1.1rem,1.2vw + 1rem,1.6rem);letter-spacing:.02em;color:#fff;margin-bottom:.35rem}.contact-role{font-size:clamp(.98rem,.6vw + .85rem,1.1rem);color:#cfcde7;margin-bottom:.8rem}.contact-mail{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;font-size:clamp(1.02rem,.9vw + .95rem,1.25rem);color:var(--pink);flex-wrap:wrap;overflow-wrap:anywhere}@media (max-width:860px){.contact-sword{top:-8px}}@media (max-width:600px){.contact-wrap{padding-left:clamp(24px,8vw,48px)}.contact-sword{top:-6px;width:clamp(60px,12vw,96px)}}.footer{position:relative;text-align:center;padding:44px 16px 20px;background:linear-gradient(180deg,var(--bg-hero-bottom) 0,#0b0a13 100%);color:#fff;overflow-x:hidden}.footer-logo{width:clamp(84px,12vw,120px);height:auto;display:block;margin:0 auto 8px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.45))}.footer-socials{display:flex;justify-content:center;gap:14px;margin:12px 0 8px}.footer-socials .social img{width:32px;height:32px;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35));transition:transform .15s ease,filter .15s ease}.footer-socials .social:hover img{transform:translateY(-2px);filter:drop-shadow(0 6px 14px rgba(168,85,247,.45))}.footer-copy{margin:6px 0 0;font-size:.95rem;opacity:.9}@media (max-width:560px){.nav-link{font-size:16px}}#portfolio .title-wrap,.about,.contact,.footer{overflow-x:hidden}