:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--white:#fffefc;--paper:#fffaf1;--ink:#30133e;--muted:#775f81;--purple:#8b20c6;--purple-dark:#5b087d;--purple-soft:#dca6f2;--yellow:#ffd862;--yellow-soft:#fff0aa;--orange:#ffad32;--line:#5b087d21;--shadow:0 24px 70px #5b087d1f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{color:var(--ink);background:var(--white);margin:0;font-family:Inter,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{color:var(--purple-dark);background:var(--yellow)}.site-shell{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.page-background{z-index:-3;pointer-events:none;background-color:var(--white);background-image:radial-gradient(48% 19% at 3% 17%,#0000 70%,#8b20c617 71% 72%,#0000 73%),radial-gradient(52% 20% at 93% 35%,#0000 68%,#8b20c61a 69% 70%,#0000 71%),radial-gradient(58% 21% at 15% 68%,#0000 68%,#8b20c614 69% 70%,#0000 71%),linear-gradient(#fff0aa14,#0000 28%);background-size:940px 720px,980px 760px,1120px 820px,100% 100%;position:fixed;inset:0}.decorations{z-index:-2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cloud{background:#ffffffd6;border:3px solid #8b20c61a;border-radius:999px;width:150px;height:46px;position:absolute}.cloud:before,.cloud:after{content:"";background:var(--white);border:3px solid #8b20c61a;border-bottom:0;border-radius:50% 50% 0 0;position:absolute;bottom:16px}.cloud:before{width:54px;height:48px;left:25px}.cloud:after{width:68px;height:64px;right:23px}.cloud-one{top:540px;right:-24px;transform:scale(1.1)}.cloud-two{top:1450px;left:-34px;transform:scale(.82)}.star,.spark{color:var(--yellow);filter:drop-shadow(0 7px 10px #ffad322e);position:absolute}.star-one{font-size:54px;top:168px;left:4%;transform:rotate(-14deg)}.star-two{font-size:74px;top:710px;right:5%;transform:rotate(9deg)}.star-three{font-size:42px;top:1590px;right:8%;transform:rotate(-10deg)}.spark-one{font-size:28px;top:380px;left:48%}.spark-two{font-size:34px;top:1110px;left:6%}.topbar{z-index:50;min-height:88px;color:var(--purple-dark);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffd862f5;border-bottom:1px solid #5b087d21;grid-template-columns:auto minmax(0,1fr) auto 152px;align-items:center;gap:28px;padding:10px clamp(24px,4vw,68px);display:grid;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 28px #74460017}.topbar-name{letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;font-weight:900;text-decoration:none}.topbar nav{justify-content:center;align-items:center;gap:clamp(20px,3vw,44px);display:flex}.topbar nav a{letter-spacing:.055em;text-transform:uppercase;padding:10px 0;font-size:.78rem;font-weight:850;text-decoration:none;position:relative}.topbar nav a:after{content:"";background:var(--purple);border-radius:99px;height:3px;transition:right .2s;position:absolute;bottom:4px;left:0;right:100%}.topbar nav a:hover:after,.topbar nav a:focus-visible:after{right:0}.social-icon-links{align-items:center;gap:9px;display:flex}.social-icon-links a{background:#ffffff73;border:1px solid #5b087d2b;border-radius:50%;place-items:center;width:38px;height:38px;text-decoration:none;transition:transform .2s,color .2s,background-color .2s;display:grid}.social-icon-links svg{width:16px;height:16px}.social-icon-links a:hover,.social-icon-links a:focus-visible{color:#fff;background:var(--purple);transform:translateY(-3px)}.topbar-logo{background:#fff;border:1px solid #5b087d1f;border-radius:18px;align-items:center;height:66px;padding:4px 8px;display:flex;overflow:hidden;box-shadow:0 8px 20px #5b087d1a}.topbar-logo img{object-fit:contain;width:100%;height:100%}.section,.site-footer{width:min(1240px,100% - 96px);margin:0 auto}.hero{grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);align-items:center;gap:clamp(58px,8vw,112px);min-height:100vh;padding-top:164px;padding-bottom:90px;display:grid}.eyebrow{color:var(--purple);letter-spacing:.15em;text-transform:uppercase;margin:0 0 24px;font-size:.72rem;font-weight:900}.hero h1{margin:0}.hero h1>span{color:var(--ink);letter-spacing:-.08em;font-size:clamp(5rem,10vw,9.6rem);line-height:.8;display:block}.hero h1 img{mix-blend-mode:multiply;width:min(610px,100%);height:auto;margin-top:-12px;margin-left:-24px;display:block}.hero-lead{max-width:610px;color:var(--muted);margin:26px 0 0;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.78}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.button{border:2px solid var(--purple);letter-spacing:.035em;border-radius:14px;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:0 22px;font-size:.82rem;font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.button svg{width:18px;height:18px}.button-primary{color:#fff;background:var(--purple);box-shadow:8px 8px 0 var(--yellow)}.button-secondary{color:var(--purple-dark);background:#fff}.button:hover,.button:focus-visible{box-shadow:10px 11px 0 var(--yellow);transform:translate(-2px,-3px)}.social-showcase{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffdb;border-radius:30px;padding:26px;position:relative}.showcase-heading{color:var(--purple);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:20px;padding:0 2px 18px;font-size:.7rem;font-weight:900;display:flex}.showcase-heading strong{color:var(--muted)}.social-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.social-card{border:1px solid var(--line);min-height:210px;color:var(--ink);background:var(--paper);isolation:isolate;border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.social-card:before{content:"";z-index:-1;background:var(--card-accent,var(--purple-soft));opacity:.2;border-radius:50%;width:122px;height:122px;transition:transform .35s;position:absolute;top:-44px;right:-38px}.social-card:hover:before,.social-card:focus-visible:before{transform:scale(1.45)}.social-card.twitch{--card-accent:#9146ff}.social-card.instagram{--card-accent:#e1306c}.social-card.tiktok{--card-accent:#00f2ea}.social-card.twitter{--card-accent:#ffd862}.social-number{color:var(--muted);font-size:.63rem;font-weight:900;position:absolute;top:16px;right:17px}.social-icon{color:#fff;background:var(--purple);width:48px;height:48px;box-shadow:5px 5px 0 var(--yellow-soft);border-radius:14px;place-items:center;margin-bottom:auto;display:grid}.social-icon svg{width:22px;height:22px}.social-name{font-size:1rem;font-weight:950}.social-handle{color:var(--muted);margin-top:6px;font-size:.72rem;font-weight:750}.social-preview{z-index:4;opacity:0;background:#fff;border-radius:15px;transition:opacity .24s,transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;inset:8px;overflow:hidden;transform:translateY(20px)scale(.97)}.social-card:hover .social-preview,.social-card:focus-visible .social-preview{opacity:1;transform:translateY(0)scale(1)}.social-preview>img{object-fit:cover}.preview-overlay{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#5b087de0;border-radius:12px;gap:4px;padding:12px 14px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.preview-overlay strong{font-size:.8rem}.preview-overlay small{color:#f7dcff;font-size:.68rem}.showcase-hint{color:var(--muted);letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:18px 0 0;font-size:.64rem;font-weight:800}.about,.art{padding-top:122px;padding-bottom:122px}.section-label{color:var(--purple);letter-spacing:.12em;text-transform:uppercase;grid-template-columns:44px auto 1fr;align-items:center;gap:14px;margin-bottom:52px;font-size:.7rem;font-weight:900;display:grid}.section-label span{color:var(--orange)}.section-label:after{content:"";background:linear-gradient(90deg, var(--line), transparent);height:1px;margin-left:10px}.about-layout{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:end;gap:clamp(60px,10vw,140px);display:grid}.about h2,.art h2,.contact h2{color:var(--ink);letter-spacing:-.06em;margin:0;font-size:clamp(2.8rem,5vw,5rem);line-height:1}.about-copy{gap:18px;display:grid}.about-copy p,.art-heading>p,.contact-copy>p:last-child{color:var(--muted);margin:0;line-height:1.8}.about-tags{flex-wrap:wrap;gap:9px;margin-top:8px;display:flex}.about-tags span{color:var(--purple-dark);text-transform:uppercase;background:#dca6f221;border:1px solid #8b20c62e;border-radius:999px;padding:9px 13px;font-size:.68rem;font-weight:850}.art-heading{grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:end;gap:70px;display:grid}.art-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:58px;display:grid}.art-card{border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 18px 46px #5b087d14}.art-placeholder{aspect-ratio:4/5;color:var(--purple-dark);background:radial-gradient(circle at 25% 22%,#ffd862b3 0 8%,#0000 8.5%),radial-gradient(circle at 77% 72%,#dca6f261 0 11%,#0000 11.5%),linear-gradient(145deg,#fffbed,#f8ebff);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-weight:900;display:flex}.placeholder-star{color:var(--yellow);-webkit-text-stroke:2px var(--orange);font-size:3.2rem}.art-placeholder small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.63rem}.artist-credit{border-top:1px solid var(--line);min-height:68px;color:var(--purple-dark);justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;font-size:.76rem;font-weight:900;display:flex}.artist-network{color:#fff;background:var(--purple);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.artist-network svg{width:16px;height:16px}.contact{background:linear-gradient(135deg, var(--yellow-soft), #fff7d0 45%, #f2dfff);min-height:470px;box-shadow:var(--shadow);border:1px solid #5b087d21;border-radius:34px;grid-template-columns:1fr auto;align-items:center;gap:64px;margin-top:80px;margin-bottom:90px;padding:clamp(52px,7vw,92px);display:grid;position:relative;overflow:hidden}.contact-copy{z-index:1;position:relative}.contact-copy>p:last-child{max-width:610px;margin-top:26px}.contact-actions{z-index:2;gap:24px;min-width:235px;display:grid;position:relative}.contact-socials{justify-content:center}.contact-socials a{background:#fff}.contact-star{color:#ffffff80;font-size:15rem;line-height:1;position:absolute;bottom:-64px;right:28px;transform:rotate(12deg)}.site-footer{min-height:120px;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;font-size:.68rem;font-weight:850;display:grid}.site-footer>a{color:var(--purple);justify-self:end;text-decoration:none}a:focus-visible{outline:3px solid var(--purple);outline-offset:4px}@media (max-width:1060px){.topbar{grid-template-columns:auto minmax(0,1fr) 130px}.topbar-socials{display:none}.hero{grid-template-columns:1fr;padding-top:180px}.hero-copy{max-width:800px}.social-showcase{max-width:760px}}@media (max-width:820px){html{scroll-padding-top:148px}.topbar{grid-template-columns:1fr 120px;gap:8px 20px;min-height:126px;padding:10px 20px}.topbar-name{align-self:center}.topbar-logo{grid-area:1/2/span 2;height:76px}.topbar nav{grid-column:1;justify-content:flex-start;gap:20px;overflow-x:auto}.topbar nav a{flex:none}.section,.site-footer{width:min(100% - 40px,720px)}.hero{padding-top:190px}.about-layout,.art-heading,.contact{grid-template-columns:1fr}.about-layout,.art-heading{gap:42px}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact{gap:48px}.contact-actions{justify-self:start}}@media (max-width:560px){.section,.site-footer{width:calc(100% - 28px)}.topbar{grid-template-columns:1fr 94px;padding-inline:14px}.topbar-name{font-size:.82rem}.topbar nav{gap:16px}.topbar nav a{font-size:.68rem}.hero h1>span{font-size:clamp(4.4rem,24vw,7rem)}.hero h1 img{margin-left:-10px}.social-showcase{border-radius:24px;padding:16px}.social-card-grid{grid-template-columns:1fr}.social-card{min-height:190px}.about,.art{padding-block:90px}.art-grid{grid-template-columns:1fr}.contact{border-radius:26px;width:calc(100% - 28px);margin-top:40px;padding:44px 26px}.site-footer{grid-template-columns:1fr;justify-items:start;gap:20px;padding:34px 0}.site-footer>a{justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
