@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--base:#100c16;--panel:#1b1423;--line:#35263f;--text:#f7eef9;--muted:#c2b2c9;--accent:#e0adff;--rose:#ffb4df;--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 85% 8%,#23132e 0,transparent 34rem),var(--base);color:var(--text);font:15px/1.55 var(--sans);min-height:100vh;margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:#fff}button,input,textarea,select{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--rose);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);letter-spacing:-.025em;line-height:.98}h2{font-size:clamp(2rem,5vw,3.5rem)}h3{font-size:1.16rem;font-weight:600}.wrapper,.top-inner{width:min(1280px,100% - 112px);margin-inline:auto}.topbar{background:#100c16e8;border-bottom:1px solid #302238}.top-inner{justify-content:space-between;align-items:center;gap:28px;height:78px;display:flex}.logo{color:var(--text);font:38px/.9 var(--serif);letter-spacing:-.055em;white-space:nowrap;align-items:center;display:inline-flex}.logo span{color:var(--accent);font:21px var(--sans);margin-right:9px}.logo b{color:var(--rose);font-weight:400}.top-inner nav,.top-actions,.actions,.footer nav{align-items:center;gap:26px;display:flex}.top-inner nav a,.sign-in,.footer nav a{color:var(--muted);font-size:14px;font-weight:600}.top-inner nav a:hover,.top-inner nav a[aria-current],.footer nav a:hover{color:var(--text)}.button{color:#24132c;text-align:center;background:linear-gradient(110deg,#e5b6ff,#f9b5df);border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:13px;min-height:46px;padding:11px 20px;font-weight:700;display:inline-flex}.button:hover{color:#24132c;background:#f7cbff}.button:disabled{opacity:.5;cursor:wait}.button.ghost{color:var(--text);background:#150f1bc9;border-color:#654b72}.button.ghost:hover{background:#382447}.compact{min-height:40px;padding:7px 15px;font-size:13px}.hero{isolation:isolate;background:#221327;border:1px solid #493253;border-radius:24px;align-items:center;min-height:clamp(480px,48vw,665px);margin-top:30px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background-image:var(--photo);background-position:50% 43%;background-size:cover;position:absolute;inset:0}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#130c1ae8 0%,#130c1aaa 30%,#130c1a05 76%),linear-gradient(#0000 65%,#140d20bb);position:absolute;inset:0}.hero-copy{max-width:610px;padding:55px 0 72px clamp(30px,6vw,90px)}.eyebrow{color:var(--accent);letter-spacing:.19em;text-transform:uppercase;align-items:center;gap:9px;font-size:.7rem;font-weight:700;display:inline-flex}.eyebrow i{background:#efb6ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 13px #e49aff}.hero h1{color:#fff4fc;margin:22px 0;font-size:clamp(4.3rem,9vw,8.8rem)}.hero p{color:#e5d5e9;max-width:340px;font-size:clamp(1rem,2vw,1.18rem)}.actions{flex-wrap:wrap;gap:12px;margin-top:32px}.hero-index{color:#e2bbec;letter-spacing:.17em;align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;inset:auto 25px 19px auto}.hero-index span+span{font-size:21px}.home-section{padding:55px 0 65px}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;display:flex}.section-heading h2{margin-top:8px}.feature-grid,.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.feature-grid a{border:1px solid var(--line);color:var(--text);background:linear-gradient(145deg,#231729,#19121f);border-radius:14px;padding:22px 23px;position:relative}.feature-grid a:hover,.card:hover{border-color:#9160a8}.feature-grid h3{margin:11px 0 3px}.feature-grid p,.muted,.panel p,.card p,.page-heading p{color:var(--muted)}.feature-icon,.arrow{color:var(--accent)}.feature-icon{font-size:23px}.arrow{position:absolute;top:25px;right:22px}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:18px;padding:29px 0;display:flex}.footer .logo{font-size:29px}.inner-page{min-height:65vh;padding-block:45px 75px}.page-heading{margin-bottom:27px}.page-heading h1{margin:12px 0;font-size:clamp(3.6rem,8vw,7rem)}.page-heading p{max-width:40rem;font-size:1.05rem}.panel,.card,.empty{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:24px}.panel h2,.dashboard-section>h2{margin-bottom:14px;font-size:2.25rem}.panel p+p{margin-top:10px}.empty{color:var(--muted);border-style:dashed;padding:32px}.form-page{max-width:580px;margin-inline:auto}.stack{gap:15px;display:grid}.stack .button{justify-self:start}label{color:#eadbed;gap:5px;display:grid}input,select,textarea{width:100%;color:var(--text);background:#100c16;border:1px solid #573f62;border-radius:7px;padding:10px}textarea{resize:vertical;min-height:85px}.checkbox{align-items:center;gap:9px;display:flex}.checkbox input{width:auto}.small-links{flex-wrap:wrap;gap:14px;margin-top:18px;display:flex}.text-button{color:var(--accent);white-space:nowrap;background:0 0;border:0;padding:0}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tabs a{border:1px solid var(--line);border-radius:8px;padding:8px 13px}.tabs a[aria-current]{color:#fff;background:#442b55;border-color:#895ba0}.card{color:var(--text);padding:0;display:block;overflow:hidden}.card-image,.profile-photo{background-image:var(--photo),linear-gradient(140deg,#48305e,#201428);aspect-ratio:16/10;background-position:50%;background-size:cover}.card-image span{background:#150e1de8;border-radius:5px;margin:14px;padding:4px 9px;font-size:.75rem;display:inline-block}.card-copy{padding:16px}.card-copy h3{margin:5px 0}.card-copy p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.plan{align-content:start;gap:12px;display:grid}.plan h2{margin:0}.plan .button{justify-self:start}.price{font-size:1.55rem}.price small{color:var(--muted);font-size:.8rem}.detail-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.detail-media{gap:16px;display:grid}.detail-media img,.detail-media video{border-radius:13px;width:100%}.detail-media audio{width:100%}.detail-copy{gap:15px;display:grid}.profile-photo{background-position:100%;border-radius:15px}.detail-copy details form{margin-top:10px}.row{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:15px;padding:10px 0;display:flex}.row+.row{border-top:1px solid var(--line)}.dashboard-section{margin-top:28px}.stat{gap:5px;display:grid}.stat strong{font-size:1.8rem}.chart{align-items:stretch;gap:8px;height:175px;padding-top:12px;display:flex;overflow-x:auto}.chart div{text-align:center;flex-direction:column;flex:1;justify-content:end;gap:4px;min-width:43px;display:flex}.chart i{background:linear-gradient(#ecaaff,#77529b);border-radius:5px 5px 0 0;display:block}.upload{border:1px dashed #765481;border-radius:10px;justify-items:start;gap:8px;padding:15px;display:grid}.conversation{gap:12px;max-width:800px;display:grid}.message{white-space:pre-wrap;overflow-wrap:anywhere;background:#2d2037;border-radius:10px;justify-self:start;max-width:85%;padding:12px 15px}.message.mine{background:#4c3061;justify-self:end}.message small{color:var(--muted)}@media (max-width:1020px){.wrapper,.top-inner{width:calc(100% - 56px)}.top-inner nav,.top-actions{gap:15px}}@media (max-width:740px){.wrapper,.top-inner{width:calc(100% - 32px)}.top-inner{flex-wrap:wrap;gap:10px;height:auto;padding:12px 0}.top-inner nav{border-top:1px solid var(--line);flex-basis:100%;order:3;justify-content:space-between;padding-top:8px}.hero{border-radius:17px;align-items:end;min-height:530px;margin-top:17px}.hero:before{background-position:64% 28%}.hero:after{background:linear-gradient(#0000 15%,#150d1c80 43%,#150d1cf9 92%)}.hero-copy{padding:25px 20px 56px}.hero h1{margin:14px 0}.hero-index{bottom:10px;right:14px}.feature-grid,.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr}.home-section{padding-block:34px}.footer{flex-wrap:wrap}.footer nav{gap:12px}}@media (max-width:460px){.top-actions .compact{min-height:35px;padding:6px 9px;font-size:12px}.top-actions{gap:10px}.top-inner nav a,.sign-in{font-size:13px}.feature-grid,.grid{grid-template-columns:1fr}.hero h1{font-size:4.3rem}.hero{min-height:510px}.actions .button{min-height:40px;padding:8px 12px;font-size:13px}.section-heading>a{white-space:nowrap;font-size:.83rem}}.break-text{overflow-wrap:anywhere}.social-buttons{flex-wrap:wrap;gap:7px;display:flex}.hero .social-buttons{max-width:420px;margin-top:21px}.social-buttons a{color:#f4dbff;white-space:nowrap;background:#180f21c9;border:1px solid #8d659e80;border-radius:7px;align-items:center;gap:6px;min-height:34px;padding:6px 9px;font-size:.76rem;font-weight:600;display:inline-flex}.social-buttons a:hover{background:#493053;border-color:#e2adf6}.social-buttons a span{color:#edb5ff}.social-settings{border:1px solid var(--line);border-radius:9px;gap:12px;min-width:0;padding:12px;display:grid}.social-settings legend{color:var(--accent);padding:0 5px}.demo-card .card-image{aspect-ratio:4/3;background-position:50% 38%}.demo-card .card-copy{padding:20px}.demo-link{color:var(--accent);margin-top:12px;font-size:.84rem;font-weight:700;display:inline-block}.demo-photo{background:#201625;border-radius:15px;overflow:hidden}.demo-photo img{object-fit:contain;width:100%;height:auto;max-height:82vh;display:block}#demos{scroll-margin-top:24px}.dashboard-section#demos>h2{margin-bottom:18px}.home-intro{border:1px solid var(--line);background:#211629;border-radius:21px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}.home-intro-image{background-image:var(--photo);background-position:74% 40%;background-size:cover;min-height:295px}.home-intro-copy{align-content:center;justify-items:start;gap:17px;padding:clamp(22px,5vw,64px);display:grid}.home-intro-copy p{max-width:370px;color:var(--muted)}@media (max-width:650px){.home-intro{grid-template-columns:1fr}.home-intro-image{min-height:220px}.demo-card .card-image{aspect-ratio:16/11}}.demo-photo video{background:#100c16;width:100%;max-height:82vh;display:block}.demo-tier-note{margin-bottom:16px}.profile-avatar{object-fit:cover;border:1px solid var(--line);border-radius:50%;display:block}.membership-grid .plan{gap:14px}.membership-vip{background:linear-gradient(150deg,#312039,var(--panel));border-color:#765481}.membership-benefits{gap:9px;margin:4px 0;padding-inline-start:21px;display:grid}.membership-benefits li::marker{color:var(--accent)}.membership-status{font-size:.88rem}:root{--glow:#23132e;--button-ink:#221528}:root[data-theme=rose]{--base:#1b0b13;--panel:#2d1521;--line:#684357;--text:#fff0f5;--muted:#e0b6c7;--accent:#feb7ce;--rose:#ffd3a8;--glow:#582438}:root[data-theme=ocean]{--base:#091724;--panel:#132836;--line:#355b72;--text:#edf8ff;--muted:#b6d0df;--accent:#9bdcff;--rose:#a9f0de;--glow:#193b5c}:root[data-theme=forest]{--base:#0b1814;--panel:#142a21;--line:#3d6251;--text:#edf9f0;--muted:#bdd8c8;--accent:#a6e9c5;--rose:#ece1a5;--glow:#264c36}:root[data-theme=amber]{--base:#1b120a;--panel:#302015;--line:#72513a;--text:#fff5eb;--muted:#e2c3a7;--accent:#ffd299;--rose:#ffbeaa;--glow:#543522}:root[data-theme=mono]{--base:#101114;--panel:#202126;--line:#4e505a;--text:#fafafa;--muted:#ccced5;--accent:#e6e7ea;--rose:#b8c3dc;--glow:#30343e}:root[data-theme=plum]{--base:#1a0d28;--panel:#2e1943;--line:#624781;--text:#f7efff;--muted:#d4c2e6;--accent:#e2bdff;--rose:#f1a5ff;--glow:#442464}:root[data-theme=lagoon]{--base:#081a1d;--panel:#102c2f;--line:#34646a;--text:#eaf9fa;--muted:#b0d6d7;--accent:#9df2ee;--rose:#a6ceff;--glow:#1b484b}:root[data-theme=porcelain]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--base:#faf5ee;--panel:#fffaf5;--line:#d9bebb;--text:#351f25;--muted:#674d54;--accent:#813b54;--rose:#9b4b40;--glow:#f0dcdc;--button-ink:#fff}:root[data-theme=paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--base:#f6f2fb;--panel:#fffaff;--line:#d1c4e5;--text:#2c2041;--muted:#574870;--accent:#6142a1;--rose:#934f7b;--glow:#e4d9f7;--button-ink:#fff}body{background:radial-gradient(ellipse at 85% 8%,var(--glow) 0,transparent 34rem),var(--base)}.topbar,.button.ghost{background:var(--base);border-color:var(--line)}.button{background:linear-gradient(110deg,var(--accent),var(--rose));color:var(--button-ink)}.button:hover{background:var(--accent);color:var(--button-ink)}.button.ghost:hover,.tabs a[aria-current]{background:var(--panel);color:var(--text);border-color:var(--accent)}.feature-grid a,.home-intro,.membership-vip,.message,.message.mine{background:var(--panel);border-color:var(--line)}input,textarea,select{background:var(--base);border-color:var(--line)}label,.small-links a:hover,a:hover{color:var(--text)}.hero .eyebrow,.hero .button.ghost{color:#fff4fc}.hero .button.ghost{background:#150f1bc9;border-color:#8d659e}.appearance-toggle{color:var(--text);background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:7px;padding:7px 10px}.appearance-dialog{border:1px solid var(--line);background:var(--base);width:min(620px,100% - 24px);max-height:85dvh;color:var(--text);border-radius:18px;padding:20px;overflow:auto}.appearance-dialog::backdrop{background:#0a0710a8}.appearance-dialog header{justify-content:space-between;align-items:center;gap:12px;display:flex}.appearance-dialog section{margin-top:20px}.appearance-dialog h3{margin-bottom:9px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.preset-grid button{text-align:left;background:var(--panel);min-height:44px;color:var(--text);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:7px;padding:8px;display:flex}.preset-grid button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.preset-grid small{color:var(--muted);flex-basis:100%}.theme-swatches{display:inline-flex}.theme-swatches i{border:1px solid var(--line);border-radius:50%;width:15px;height:15px}.theme-swatches i+i{margin-left:-3px}.mobile-nav{display:none}:root[data-layout=split] .hero{background:var(--panel)}:root[data-layout=split] .hero:before{background-position:72%;inset:0 0 0 52%}:root[data-layout=split] .hero:after{display:none}:root[data-layout=split] .hero-copy{width:52%;padding:32px}:root[data-layout=split] .hero h1,:root[data-layout=split] .hero p,:root[data-layout=split] .hero .eyebrow{color:var(--text)}:root[data-layout=split] .hero h1{font-size:clamp(3rem,7vw,6.8rem)}:root[data-layout=centered] .hero{text-align:center;justify-content:center}:root[data-layout=centered] .hero:after{background:#140e1ab5}:root[data-layout=centered] .hero-copy{padding:36px 20px}:root[data-layout=centered] .hero p,:root[data-layout=centered] .social-buttons{margin-inline:auto}:root[data-layout=centered] .hero .actions,:root[data-layout=centered] .social-buttons{justify-content:center}:root[data-layout=magazine] :is(.home-page,.explore-page) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-layout=magazine] :is(.home-page,.explore-page) .card:first-child{grid-row:span 2}:root[data-layout=magazine] :is(.home-page,.explore-page) .card:first-child .card-image{aspect-ratio:4/5}:root[data-layout=gallery] :is(.home-page,.explore-page) .grid{grid-template-columns:repeat(4,minmax(0,1fr))}:root[data-layout=gallery] :is(.home-page,.explore-page) .card-image{aspect-ratio:3/4}:root[data-layout=spotlight] :is(.home-page,.explore-page) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-layout=spotlight] :is(.home-page,.explore-page) .card:first-child{grid-column:1/-1}:root[data-layout=spotlight] :is(.home-page,.explore-page) .card:first-child .card-image{aspect-ratio:3}:root[data-layout=journal] :is(.home-page,.explore-page){max-width:910px}:root[data-layout=journal] :is(.home-page,.explore-page) .grid{grid-template-columns:1fr}:root[data-layout=journal] :is(.home-page,.explore-page) .card{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:center;display:grid}:root[data-layout=journal] :is(.home-page,.explore-page) .card-copy{padding:clamp(10px,3vw,24px)}:root[data-layout=compact] .hero{min-height:320px}:root[data-layout=compact] .hero-copy{padding:24px}:root[data-layout=compact] .hero h1{font-size:clamp(3rem,7vw,5.5rem)}:root[data-layout=compact] :is(.home-page,.explore-page) .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}:root[data-layout=compact] .home-section{padding-block:24px}:root[data-layout=studio] .home-page,:root[data-layout=showcase] .home-page{flex-direction:column;display:flex}:root[data-layout=studio] .home-intro,:root[data-layout=showcase] .home-page #demos{order:-2}:root[data-layout=showcase] .home-page .home-releases{order:-3}:root[data-layout=studio] .home-intro{margin-top:24px}:root[data-layout=showcase] .hero{min-height:370px}@media (max-width:740px){body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}.top-inner nav,.top-actions>.sign-in{display:none}.top-inner{flex-wrap:nowrap}.top-actions{gap:8px}.appearance-toggle{font-size:.78rem}.mobile-nav{z-index:10;padding:5px 4px calc(5px + env(safe-area-inset-bottom,0px));background:var(--base);border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.mobile-nav a{min-height:52px;color:var(--muted);border-radius:8px;align-content:center;justify-items:center;gap:1px;font-size:.73rem;display:grid}.mobile-nav a span{font-size:19px;line-height:1}.mobile-nav a[aria-current=page]{background:var(--panel);color:var(--accent);font-weight:700}:root[data-layout=split] .hero:before{inset:0 0 50%}:root[data-layout=split] .hero-copy{width:100%;padding:26px 18px}:root[data-layout=split] .hero{align-content:end;padding-top:245px;display:grid}:root[data-layout=split] .hero-index{display:none}:root:is([data-layout=gallery],[data-layout=compact]) :is(.home-page,.explore-page) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:380px){.top-inner .logo{font-size:30px}.top-actions .compact{padding-inline:6px}:root:is([data-layout=magazine],[data-layout=spotlight]) :is(.home-page,.explore-page) .grid{grid-template-columns:1fr}}.hero-preview:before{background-position:50% 38%}.hero-copy{overflow-wrap:anywhere;min-width:0}@media (max-width:740px){.hero-preview:before{background-position:50% 28%}}.home-page:has(.hero[data-homepage]:not([data-homepage=original])){flex-direction:column;display:flex}.home-page:has(.hero:is([data-homepage=editorial],[data-homepage=motion])) #demos{order:-4}.home-page:has(.hero[data-homepage=creator]) .home-intro{order:-4;margin-top:24px}.home-page:has(.hero:is([data-homepage=club],[data-homepage=favorites])) .home-membership{order:-4}.hero:is([data-homepage=studio-notes],[data-homepage=live]){min-height:clamp(350px,38vw,520px)}.hero[data-homepage=city]:after{background:linear-gradient(90deg,#091223f2,#0000 95%),linear-gradient(#0000 45%,#0912239c)}.hero[data-homepage=welcome]{text-align:center;justify-content:center;min-height:clamp(430px,42vw,595px)}.hero[data-homepage=welcome]:after{background:#100b19b5}.hero[data-homepage=welcome] .hero-copy{padding-inline:20px}.hero[data-homepage=welcome] :is(.actions,.social-buttons){justify-content:center}.hero[data-homepage=welcome] :is(p,.social-buttons){margin-inline:auto}