/* An editorial first screen with a living diagram of the creator network. */
#ff-workspace[data-page=overview] .ff-title{display:none}
#ff-workspace .home-hero{position:relative;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:32px;min-height:630px;margin:0 0 64px;padding:56px 0 64px;isolation:isolate;text-align:left}
#ff-workspace .hero-copy{position:relative;z-index:2;min-width:0}
#ff-workspace .hero-kicker{display:inline-flex;align-items:center;gap:12px;font:10px/1.5 ui-monospace,monospace;letter-spacing:2px;color:#9b9b9b}
#ff-workspace .hero-kicker:before{content:"";width:5px;height:5px;border-radius:50%;background:#eee}
#ff-workspace #hero-title{font-size:clamp(48px,5.8vw,82px);line-height:1.03;font-weight:700;letter-spacing:-.055em;margin:26px 0;outline:none}
#ff-workspace #hero-title>span{color:#777}
#ff-workspace .hero-copy>p{max-width:420px;font-size:15px;line-height:1.85;color:#a0a0a0}
#ff-workspace .hero-actions{display:flex;align-items:center;gap:22px;margin:34px 0 26px;flex-wrap:wrap}
#ff-workspace .hero-actions .ff-primary{padding:16px 24px;gap:28px;font-size:13px;min-height:50px}
#ff-workspace .hero-actions>a{display:inline-flex;align-items:center;gap:18px;font-size:13px;text-decoration:none;color:#ccc;min-height:44px;padding:10px 0}
#ff-workspace .hero-actions>a:hover{color:#fff}
#ff-workspace .hero-venue{display:flex;align-items:center;gap:8px;color:#777;font-size:10px;line-height:1.6}
#ff-workspace .hero-venue svg{width:16px;height:16px;flex-shrink:0;filter:grayscale(1)}
#ff-workspace .hero-universe{position:relative;min-width:0;height:520px;perspective:1000px;isolation:isolate}
#ff-workspace .hero-aura{position:absolute;inset:8% -5%;background:radial-gradient(ellipse,#b6c4d41a,transparent 65%);filter:blur(22px)}
#ff-workspace .hero-depth{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--hero-y,0deg)) rotateY(var(--hero-x,0deg));transition:transform .5s ease-out}
#ff-workspace .sculpture-token{position:absolute;left:50%;top:43%;width:235px;height:235px;transform-style:preserve-3d;animation:sculpture-float 9s ease-in-out infinite}
#ff-workspace .token-face{position:absolute;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 10%,#5b5d61,#191a1c 42%,#030303 78%);border:2px solid #a3a3a3;box-shadow:inset 0 0 0 8px #161719,inset 0 0 0 9px #777,inset 0 0 30px #ffffff29,0 24px 50px #0009;overflow:hidden}
#ff-workspace .token-face:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,#fff2 43%,transparent 58%);pointer-events:none}
#ff-workspace .token-face img{width:80%;height:80%;mix-blend-mode:screen;object-fit:contain}
#ff-workspace .token-face>span{position:absolute;bottom:23px;font:8px ui-monospace,monospace;letter-spacing:5px;color:#aaa}
#ff-workspace .token-edge{position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(0deg,#333 0 2px,#b6b6b6 3px,#171717 4px);transform:translate(13px,12px);box-shadow:4px 6px 0 #292929,6px 8px 0 #666}
#ff-workspace .sculpture-ring{position:absolute;left:50%;top:43%;width:405px;height:405px;border-radius:50%;border:13px solid #555;box-shadow:inset 2px 3px 3px #fff9,inset -4px -5px 4px #000,2px 3px 2px #c4c4c4,5px 8px 0 #1a1a1a,7px 10px 1px #666;transform:translate(-50%,-50%) rotateZ(-32deg) rotateX(68deg);}
#ff-workspace .ring-back{opacity:.55;transform:translate(-50%,-50%) rotateZ(42deg) rotateX(66deg);width:440px;height:440px;border-width:5px}
#ff-workspace .ring-front{pointer-events:none;mask-image:linear-gradient(transparent 44%,#000 51%)}
#ff-workspace .sculpture-satellite{position:absolute;display:grid;place-items:center;width:60px;height:60px;border-radius:19px;border:1px solid #ffffff50;background:linear-gradient(135deg,#555,#171717 45%,#080808);box-shadow:4px 6px 0 #202020,5px 7px 0 #666,0 20px 30px #000;animation:satellite-float 7s ease-in-out infinite}
#ff-workspace .sculpture-satellite .social-mark{width:25px;height:25px;filter:grayscale(1)}
#ff-workspace .satellite-one{left:7%;top:21%;rotate:-14deg}
#ff-workspace .satellite-two{right:1%;top:39%;rotate:13deg;animation-delay:-2s}
#ff-workspace .satellite-three{left:22%;bottom:15%;rotate:-8deg;animation-delay:-4s}
#ff-workspace .sculpture-shadow{position:absolute;bottom:55px;left:20%;width:65%;height:25px;border-radius:50%;background:#ffffff12;filter:blur(24px);transform:rotate(-10deg)}
#ff-workspace .hero-caption{position:absolute;bottom:0;left:10%;right:0;display:flex;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:1px;color:#777}
@keyframes sculpture-float{0%,100%{transform:translate(-50%,-50%) rotateX(12deg) rotateY(-24deg) rotateZ(-13deg)}50%{transform:translate(-50%,calc(-50% - 18px)) rotateX(-8deg) rotateY(18deg) rotateZ(-5deg)}}
@keyframes satellite-float{0%,100%{translate:0 0}50%{translate:0 -14px}}
#ff-workspace .home-catalog{margin:72px 0}
#ff-workspace .home-catalog h2{font-size:36px;letter-spacing:-1.2px;line-height:1.15}
#ff-workspace .home-catalog .eyebrow{margin-bottom:15px;font:9px ui-monospace,monospace;letter-spacing:1.8px}
#ff-workspace .home-catalog .ff-section-title{margin-bottom:30px}
#ff-workspace #ff-overview>.ff-summary{margin:56px 0;padding:8px 0;background:none;border:0;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;border-radius:0;box-shadow:none;backdrop-filter:none}
#ff-workspace #ff-overview .ff-stat{padding:24px 28px}
#ff-workspace #ff-overview .ff-stat:first-child{padding-left:0}
#ff-workspace #ff-overview .ff-value{font-size:38px;font-weight:700;letter-spacing:-1.3px;margin-top:14px}
#ff-workspace .ff-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#ffffff02;border:1px dashed #ffffff20;border-radius:24px;padding:32px}
#ff-workspace .ff-empty strong{font-size:22px;font-weight:700;letter-spacing:-.6px}
#ff-workspace .ff-empty p{font-size:12px;line-height:1.7;max-width:420px}
@media(max-width:1000px){#ff-workspace .home-hero{gap:16px}#ff-workspace #hero-title{font-size:58px}#ff-workspace .hero-universe{scale:.86}}
@media(max-width:800px){#ff-workspace .home-hero{grid-template-columns:1fr;gap:12px;padding:30px 0 0;margin-bottom:50px;min-height:0}#ff-workspace #hero-title{font-size:clamp(43px,9vw,68px);margin:18px 0 24px}#ff-workspace .hero-copy>p{font-size:14px}#ff-workspace .hero-universe{height:430px;scale:1;width:100%;max-width:500px;justify-self:center;overflow:hidden}#ff-workspace .hero-depth{scale:.8}#ff-workspace .hero-caption{left:0;font-size:8px}#ff-workspace .home-catalog h2{font-size:27px}#ff-workspace #ff-overview .ff-value{font-size:30px}}
@media(prefers-reduced-motion:reduce){#ff-workspace .sculpture-token{animation:none;transform:translate(-50%,-50%) rotateY(-18deg) rotateZ(-12deg)}#ff-workspace .sculpture-satellite{animation:none}#ff-workspace .hero-depth{transition:none;transform:none}}

#ff-workspace .home-hero[data-running=false] *{animation-play-state:paused!important}