/* Creator's House — a quiet night studio with kinetic signals. */
.page-discord{background:#0c152b;--line:#334363}
.page-discord .discord-intro{position:relative;isolation:isolate;display:block;min-height:0;padding-block:44px 36px;overflow:hidden;background:radial-gradient(ellipse at 83% 50%,#263b6666,transparent 58%),linear-gradient(115deg,#111d37,#141d39 58%,#172447)}
.page-discord .discord-intro:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#93a9da09 1px,transparent 1px),linear-gradient(90deg,#93a9da09 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent 32%,#000);pointer-events:none}
.discord-intro-copy{position:relative;z-index:2;min-width:0}
.page-discord .discord-intro .eyebrow{display:flex;align-items:center;gap:12px;letter-spacing:.2em;font-size:12px}
.page-discord .discord-intro .eyebrow:before{content:"";width:26px;height:1px;background:#b4c5ff}
.page-discord .discord-heading{gap:22px;margin-top:30px}
.page-discord .discord-heading h1{font-size:clamp(72px,8.3vw,126px);letter-spacing:-.025em}
.page-discord .discord-brand-icon{width:clamp(58px,6.8vw,90px);color:#b7baff;filter:drop-shadow(0 8px 22px #777eff22);animation:brand-levitate 7s ease-in-out infinite}
.discord-subline{display:flex;gap:16px;align-items:center;margin-top:26px;font-family:var(--display);font-size:13px;font-weight:500;letter-spacing:.18em;color:#b6c6e0}
.discord-subline span{color:#647cb4}
.discord-scene{position:absolute;z-index:0;right:5%;top:50%;width:44%;max-width:510px;transform:translateY(-50%);opacity:.28;perspective:800px;pointer-events:none}
.scene-halo{position:absolute;inset:9% 12%;background:radial-gradient(ellipse,#7375ed26,transparent 70%);animation:scene-breathe 9s ease-in-out infinite}
.scene-parallax{transform:rotateX(var(--scene-x,0deg)) rotateY(var(--scene-y,0deg));transition:transform .7s ease-out}
.signal-sculpture{display:block;width:100%;height:auto;overflow:visible}
.signal-orbit{transform-origin:220px 155px;animation:signal-turn 38s linear infinite}
.signal-star{transform-origin:220px 155px;animation:star-turn 25s linear infinite reverse}
.signal-prism{animation:prism-drift 9s ease-in-out infinite}
.signal-dots{animation:dots-drift 8s ease-in-out infinite}
.signal-spark{transform-origin:72px 64px;animation:signal-turn 22s linear infinite}
.intro-scan{position:absolute;bottom:-1px;left:0;height:1px;width:25%;background:linear-gradient(90deg,transparent,#9ab8ff,transparent);animation:scan-across 12s ease-in-out infinite;pointer-events:none}
.page-discord .discord-community{position:relative;isolation:isolate;gap:clamp(32px,6vw,90px);padding-block:52px 72px;background:radial-gradient(ellipse at 5% 90%,#23365c33,transparent 50%)}
.page-discord .community-copy .community-kicker{font-size:12px;letter-spacing:.18em;color:#9baed7}
.page-discord .community-copy #community-title{font-size:clamp(46px,5vw,72px);font-weight:600;line-height:1.08;letter-spacing:-.018em;margin:23px 0 32px;text-wrap:nowrap}
.page-discord .community-copy>p:not(.community-kicker){color:#bcc9e0;font-size:15px;line-height:2.05}
.page-discord .community-copy>.community-lead{color:#e1e7f6}
.page-discord .creative-fields{gap:0;margin-top:34px;border-top:1px solid #60749b44;padding-top:22px}
.page-discord .creative-fields span{position:relative;background:none;border:0;padding:0 18px 0 0;margin-right:16px;font-size:12px;letter-spacing:.12em;color:#9fb3d5;transition:color .3s,transform .3s}
.page-discord .creative-fields span:not(:last-child):after{content:"";position:absolute;right:0;top:50%;width:3px;height:3px;border-radius:50%;background:#6f87b4}
.page-discord .creative-fields span:hover{color:#e7eeff;transform:translateY(-3px)}
.page-discord .community-invite{isolation:isolate;padding:30px;border-radius:24px;background:radial-gradient(ellipse at 50% 0,#48579666,transparent 68%),linear-gradient(145deg,#203155,#16223e);border-color:#7189c259;box-shadow:0 24px 70px #03091955,inset 0 1px #b9d0ff13;transition:border-color .4s,box-shadow .4s}
.page-discord .community-invite:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(300px circle at var(--glow-x,50%) var(--glow-y,20%),#a5b7ff16,transparent 70%)}
.page-discord .community-invite:hover{border-color:#a1b4ed88;box-shadow:0 28px 80px #03091966,inset 0 1px #b9d0ff22}
.invite-visual{position:relative;height:230px;margin:-14px -12px 12px;pointer-events:none}
.portal-lines{width:100%;height:100%;position:absolute;inset:0}
.portal-trace{animation:portal-flow 8s linear infinite}
.invite-emblem{position:absolute;left:50%;top:43%;display:grid;place-items:center;width:126px;height:108px;margin:-54px 0 0 -63px;border-radius:25px;border:1px solid #becaff44;background:linear-gradient(145deg,#7786d943,#5566bd18);box-shadow:0 15px 40px #060c2533,inset 0 1px #d4e1ff33;transform:rotate(-8deg);animation:emblem-float 7s ease-in-out infinite}
.page-discord .invite-emblem .community-art{width:76px;height:62px;max-width:none;margin:0;color:#c9ceff;filter:drop-shadow(0 6px 14px #8c8fff22)}
.voice-wave{display:flex;align-items:center;justify-content:center;gap:5px;position:absolute;bottom:20px;left:0;right:0;height:24px}
.voice-wave i{display:block;width:3px;height:24px;border-radius:2px;background:#b0e5ec;opacity:.65;transform:scaleY(var(--level));animation:voice-breathe 2.4s ease-in-out infinite;animation-delay:calc(var(--bar)*-.19s)}
.page-discord .community-invite>.community-kicker{font-size:11px;letter-spacing:.18em;margin-bottom:12px;color:#a9bcdf}
.page-discord .community-invite-heading{gap:16px}
.page-discord .community-invite-heading h2{font-size:clamp(17px,1.65vw,22px);line-height:1.65}
.page-discord .community-join-icon-only{position:relative;overflow:visible;background:linear-gradient(140deg,#8591ff,#5865e9);box-shadow:0 6px 20px #5865f240;border:1px solid #b4bcff66;transition:transform .3s,box-shadow .3s,background .3s}
.community-join-icon-only:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid #a4b2ff;opacity:.25;animation:join-halo 3.5s ease-out infinite;pointer-events:none}
.page-discord .community-join-icon-only:hover{transform:translateY(-3px) rotate(-7deg);box-shadow:0 10px 28px #7986ff66;background:#7a89ff}
.community-join-icon-only:hover .community-join-icon{transform:scale(1.08)}
.community-join-icon{transition:transform .3s}
.page-discord .community-invite-heading+.community-screening{margin-top:20px;padding-top:18px;border-top:1px solid #8aa1d52b;font-size:12px;color:#aebfdd}
.community-motion-ready [data-community-reveal]{transition:opacity .8s ease,translate .8s cubic-bezier(.2,.7,.2,1)}
.community-motion-ready [data-community-reveal]:not(.community-visible){opacity:0;translate:0 22px}
.community-motion-ready .community-invite[data-community-reveal]{transition-delay:.1s}
.page-discord .motion-offscreen *,.page-discord .motion-offscreen *:before,.page-discord .motion-offscreen *:after,.page-discord .motion-offscreen:after,.page-discord .motion-offscreen:before,
.page-discord.community-document-hidden *, .page-discord.community-document-hidden *:before,.page-discord.community-document-hidden *:after{animation-play-state:paused!important}
@keyframes signal-turn{to{transform:rotate(360deg)}}
@keyframes star-turn{to{transform:rotate(360deg)}}
@keyframes prism-drift{50%{transform:translate(-9px,12px)}}
@keyframes dots-drift{50%{transform:translate(7px,-8px);opacity:.45}}
@keyframes scene-breathe{50%{transform:scale(1.15);opacity:.6}}
@keyframes brand-levitate{50%{transform:translateY(-5px) rotate(-3deg)}}
@keyframes scan-across{0%{transform:translateX(-100%)}100%{transform:translateX(500%)}}
@keyframes portal-flow{to{stroke-dashoffset:-664}}
@keyframes emblem-float{50%{transform:translateY(-10px) rotate(6deg)}}
@keyframes voice-breathe{50%{transform:scaleY(calc(1.1 - var(--level)*.7));opacity:.9}}
@keyframes join-halo{0%{transform:scale(.96);opacity:.35}80%,100%{transform:scale(1.16);opacity:0}}
@media(min-width:1600px){.discord-scene{max-width:540px}}
@media(min-width:701px) and (max-width:1000px){.page-discord .discord-community{grid-template-columns:1fr 1fr;gap:30px}.page-discord .community-copy #community-title{font-size:46px}.page-discord .community-invite{padding:24px}.page-discord .discord-heading{gap:14px}.page-discord .discord-heading h1{font-size:80px}.page-discord .discord-brand-icon{width:60px}.page-discord .community-copy>p:not(.community-kicker){font-size:14px}}
@media(max-width:700px){
 .page-discord .discord-intro{padding-block:28px 26px}
 .page-discord .discord-intro .eyebrow{font-size:10px;letter-spacing:.16em}
 .page-discord .discord-heading{gap:18px;margin-top:24px}
 .page-discord .discord-heading h1{font-size:clamp(64px,17vw,90px)}
 .page-discord .discord-brand-icon{width:54px}
 .discord-subline{font-size:11px;letter-spacing:.13em;gap:12px;margin-top:20px}
 .discord-scene{right:-56px;width:300px;max-width:none;opacity:.15}
 .page-discord .discord-community{gap:28px;padding-block:30px 44px}
 .page-discord .community-copy #community-title{font-size:clamp(40px,10vw,56px);margin:20px 0 25px}
 .page-discord .community-copy>p:not(.community-kicker){font-size:14px;line-height:2}
 .page-discord .community-copy .community-kicker{font-size:10px}
 .page-discord .creative-fields{padding-top:18px;margin-top:26px;gap:12px 0}
 .page-discord .creative-fields span{font-size:11px;padding-right:12px;margin-right:10px}
 .page-discord .community-invite{padding:24px;border-radius:22px}
 .invite-visual{height:210px;margin-bottom:12px}
 .page-discord .community-invite-heading h2{font-size:18px}
 .page-discord .community-invite-heading+.community-screening{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .page-discord *, .page-discord *:before,.page-discord *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .page-discord [data-community-reveal]{opacity:1!important;translate:none!important}
 .scene-parallax{transform:none!important}
}

.page-discord footer .brand-logo{filter:brightness(0) invert(1);opacity:.85}