/* Interior pages: shared studio palette, illustrations and product showcases. */
.studio-pages{--sp-purple:#7450ed;--sp-blue:#4b8df8;--sp-lime:#b8ef80;--sp-ink:#101427;--sp-muted:#626b80;--sp-paper:#f6f7fb;--sp-card:#fff;--sp-soft:#eef0f8;--sp-line:#e1e5ef;background:var(--sp-paper);color:var(--sp-ink);padding-bottom:30px}
:root[data-forge-theme=dark] .studio-pages{--sp-ink:#eef0fb;--sp-muted:#a8afc9;--sp-paper:#0b0e1c;--sp-card:#151a2e;--sp-soft:#1b2037;--sp-line:#2c334d;--sp-purple:#b49aff}
.studio-pages h1,.studio-pages h2,.studio-pages h3{line-height:1.08;letter-spacing:-.035em;margin:0}.studio-pages p{color:var(--sp-muted)}.studio-pages img{max-width:100%}.sp-wrap{width:min(1320px,calc(100% - 64px));margin:auto}.sp-kicker{font-size:10px!important;font-weight:750;letter-spacing:.2em;text-transform:uppercase;color:var(--sp-purple)!important;margin:0 0 18px}.sp-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 10%,#352477,transparent 65%),#0d1124;color:#fff}.sp-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000)}.sp-hero-grid{position:relative;width:min(1320px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:86px 0;min-height:560px}.sp-hero h1{font-size:clamp(44px,5.4vw,78px);font-weight:650}.sp-hero h1 em,.sp-lab h2 em{font-style:normal;background:linear-gradient(110deg,#c3acff,#85b8ff);background-clip:text;color:transparent}.sp-hero .sp-kicker{color:#baadf1!important}.sp-lede{font-size:18px;line-height:1.75;color:#bfc5de!important;max-width:550px;margin:25px 0 30px}.sp-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 22px;background:linear-gradient(115deg,#7443ef,#467dea);color:#fff;border-radius:99px;font-weight:650;font-size:14px;transition:transform .2s,box-shadow .2s}.sp-button:hover{transform:translateY(-3px);box-shadow:0 10px 28px #7443ef33}.sp-button span{font-size:20px;line-height:1}.sp-section{padding:78px 0;scroll-margin-top:110px}.sp-section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:32px}.sp-section-heading h2,.sp-story h2,.sp-family h2,.sp-cta h2{font-size:clamp(30px,3.3vw,46px)}.sp-section-heading>p{max-width:350px;margin:0}.sp-constellation{position:relative;width:100%;height:380px}.sp-orbit{position:absolute;border:1px solid #b6a5ff30;border-radius:50%;inset:10% 9%;transform:rotate(-20deg)}.sp-orbit-two{inset:23% 0;transform:rotate(28deg);border-style:dashed}.sp-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:116px;height:116px;display:grid;place-items:center;border:1px solid #ffffff26;border-radius:32px;background:linear-gradient(145deg,#383354,#14162b);box-shadow:0 0 65px #8254ff44}.sp-satellite{position:absolute;display:flex;align-items:center;gap:10px;background:#171c35;border:1px solid #b4a7e73b;border-radius:17px;padding:12px;box-shadow:0 12px 35px #0003;font-size:12px;color:#e8e6fa}.sp-satellite img{width:36px;height:36px;border-radius:9px}.sp-satellite-0{top:0;left:24%;transform:rotate(-5deg)}.sp-satellite-1{top:26%;right:0;transform:rotate(6deg)}.sp-satellite-2{bottom:17%;right:0;transform:rotate(-4deg)}.sp-satellite-3{bottom:4%;left:25%;transform:rotate(4deg)}.sp-satellite-4{bottom:28%;left:0;transform:rotate(-6deg)}.sp-satellite-5{top:22%;left:0;transform:rotate(4deg)}.sp-diagram-label{position:absolute;bottom:-28px;left:0;right:0;text-align:center;color:#a5a9c8;font-size:11px;letter-spacing:.04em}.sp-stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--sp-line);padding:30px 0;gap:30px}.sp-stats>div{display:flex;align-items:center;gap:18px}.sp-stats strong{font-size:38px;letter-spacing:-.05em;color:var(--sp-purple)}.sp-stats span{font-size:13px;color:var(--sp-muted)}.sp-filters{margin-bottom:28px;flex-wrap:wrap}.sp-filters button{cursor:pointer;padding:10px 22px;background:var(--sp-card);color:var(--sp-muted);border-color:var(--sp-line)}.sp-filters button.active{background:var(--sp-ink);color:var(--sp-paper)}.sp-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.sp-product{border:1px solid var(--sp-line);background:var(--sp-card);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;--accent:#7655df}.sp-accent-blue{--accent:#3c81d9}.sp-accent-teal{--accent:#229b8c}.sp-accent-orange{--accent:#ca794b}.sp-accent-pink{--accent:#cb568c}.sp-product-art{height:245px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 80%,color-mix(in srgb,var(--accent) 22%,transparent),transparent),var(--sp-soft);border-bottom:1px solid var(--sp-line)}.sp-product-art:before,.sp-product-art:after{content:"";position:absolute;width:280px;height:280px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;right:-30px;top:10px}.sp-product-art:after{width:200px;height:200px;right:10px;top:50px}.sp-product-watermark{position:absolute;left:26px;bottom:24px;font-weight:750;font-size:clamp(34px,4vw,62px);letter-spacing:-.06em;color:color-mix(in srgb,var(--accent) 16%,transparent);white-space:nowrap}.sp-product-icon{position:absolute;top:30px;left:30px;z-index:1;background:var(--sp-card);border:1px solid var(--sp-line);padding:14px;border-radius:24px;box-shadow:0 12px 30px #0000000a}.sp-product-icon img{display:block;width:60px;height:60px;border-radius:12px}.sp-product-shot{position:absolute;right:42px;top:27px;width:150px!important;height:auto;border:6px solid #151827;border-radius:24px;transform:rotate(9deg);box-shadow:0 15px 35px #0004}.sp-product-motif{position:absolute;right:65px;top:63px;width:114px;height:114px;transform:rotate(-10deg);color:var(--accent);opacity:.75}.sp-art-category{position:absolute;top:20px;right:22px;font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--sp-muted)}.sp-has-shot .sp-art-category{right:auto;left:31px;top:137px}.sp-product-copy{padding:30px;display:flex;flex-direction:column;flex:1}.sp-product-copy h3{font-size:30px;margin:15px 0 10px}.sp-product-copy>p{margin:10px 0;font-size:14px;line-height:1.75}.sp-product-copy .sp-product-tagline{color:var(--sp-ink);font-size:16px;font-weight:600;margin:0}.sp-badge{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--sp-muted)}.sp-badge i{width:6px;height:6px;border-radius:50%;background:#41ad89}.sp-badge.developing i{background:#e7a153}.sp-feature-tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:20px 0 24px;padding:0}.sp-feature-tags li{background:var(--sp-soft);padding:5px 9px;border-radius:7px;font-size:10px;color:var(--sp-muted)}.sp-product-copy>a,.sp-work-card>a,.sp-text-link{display:flex;justify-content:space-between;gap:16px;margin-top:auto;padding-top:18px;border-top:1px solid var(--sp-line);font-size:13px;font-weight:650;color:var(--sp-purple)}.sp-collection-banner{display:flex;gap:28px;align-items:center;padding:35px;background:var(--sp-soft);border-radius:22px;margin-bottom:35px}.sp-collection-banner>img{border-radius:17px}.sp-collection-banner>div{flex:1}.sp-collection-banner h2{font-size:27px}.sp-collection-banner p:last-child{margin-bottom:0;font-size:14px}.sp-collection-banner .sp-kicker{margin-bottom:10px}.sp-blueprint{border:1px solid #ffffff24;border-radius:24px;padding:25px;background:linear-gradient(140deg,#ffffff08,#ffffff02);transform:rotate(-4deg);box-shadow:0 30px 70px #0003}.sp-blueprint-top{display:flex;justify-content:space-between;color:#b6b5d9;font:9px/1.5 monospace;letter-spacing:.12em;gap:15px}.sp-blueprint>svg{display:block;width:100%;margin:20px 0}.sp-blueprint-tags{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff20;padding-top:18px;color:#c8c8dd;font-size:10px}.sp-workflow{padding:25px 30px;border:1px solid #ffffff24;border-radius:24px;background:#13172bd9;box-shadow:0 25px 70px #0003;transform:rotate(2deg)}.sp-workflow-label{font-size:9px;letter-spacing:.17em;color:#aba8c7;display:flex;align-items:center;gap:8px;margin-bottom:20px}.sp-dot,.sp-step-dot{width:6px;height:6px;border-radius:50%;background:#b8ef80}.sp-workflow-step{display:flex;gap:20px;align-items:center;padding:17px 0;position:relative}.sp-workflow-step:not(:last-child){border-bottom:1px solid #ffffff12}.sp-glyph{padding:10px;border-radius:13px;background:#8d6eff14;color:#b8a7f5;flex:none}.sp-glyph svg{display:block;width:30px;height:30px}.sp-workflow-step small{font-size:9px;color:#8d92b3;display:block}.sp-workflow-step b{font-size:15px;font-weight:550}.sp-workflow-step p{font-size:11px;margin:3px 0 0;color:#a8aec7}.sp-step-dot{margin-left:auto;width:5px;height:5px;background:#756995}.sp-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sp-work-card{background:var(--sp-card);border:1px solid var(--sp-line);border-radius:20px;padding:26px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.sp-work-card:hover{transform:translateY(-4px);border-color:var(--sp-purple)}.sp-work-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:10px}.sp-work-top img{border-radius:12px}.sp-work-card .sp-kicker{font-size:9px!important;margin-bottom:10px}.sp-work-card h2{font-size:25px}.sp-work-card>p:not(.sp-kicker){font-size:13px;line-height:1.8;flex:1}.sp-focus{border-left:2px solid var(--sp-purple);padding-left:12px;margin:15px 0 22px}.sp-focus small{display:block;color:var(--sp-muted);font-size:8px;letter-spacing:.16em;margin-bottom:5px}.sp-focus strong{font-size:12px;font-weight:550}.sp-lab{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:55px;background:radial-gradient(ellipse at 0 100%,#3b2962,transparent),#101427;color:#fff;border-radius:26px}.sp-lab h2{font-size:clamp(36px,4vw,56px)}.sp-lab .sp-kicker{color:#b5a0ef!important}.sp-lab p{color:#b3b7cf;font-size:14px}.sp-lab-ideas{display:grid;gap:22px}.sp-lab-ideas>div{display:flex;align-items:center;gap:24px;border-bottom:1px solid #ffffff18;padding-bottom:20px}.sp-lab-ideas svg{width:36px;height:36px;flex:none;color:#ab99e8}.sp-lab-ideas p{font-size:12px;margin:5px 0 0}.sp-cta{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:80px 0 50px}.sp-cta h2{font-size:32px}.sp-cta .sp-button{flex:none}.sp-story{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:80px 0 0}.sp-story>.sp-kicker{padding-top:12px}.sp-story h2 span{color:var(--sp-purple)}.sp-story p:not(.sp-kicker){max-width:650px;line-height:1.9;font-size:16px}.sp-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sp-principles article{padding:30px;background:var(--sp-card);border:1px solid var(--sp-line);border-radius:20px}.sp-principle-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.sp-principle-top svg{width:42px;height:42px;color:var(--sp-purple)}.sp-principle-top span{font:11px monospace;color:var(--sp-muted)}.sp-principles h3{font-size:21px}.sp-principles p{font-size:14px;margin-bottom:0;line-height:1.8}.sp-family{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding:45px;background:var(--sp-soft);border-radius:24px}.sp-family p:not(.sp-kicker){font-size:15px;line-height:1.85}.sp-text-link{display:inline-flex}.sp-family-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:rotate(-3deg)}.sp-family-tiles a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--sp-card);border:1px solid var(--sp-line);border-radius:18px;padding:20px 10px;text-align:center;font-size:10px;transition:transform .2s}.sp-family-tiles a:hover{transform:translateY(-5px)}.sp-family-tiles img{border-radius:13px}.sp-service-strip{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}.sp-service-strip span{font-size:12px;padding:8px 14px;border-radius:99px;background:var(--sp-soft);color:var(--sp-muted)}
@media(min-width:1100px){.sp-directory .sp-product:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.sp-directory .sp-product:first-child .sp-product-art{height:100%;min-height:330px;border-bottom:0}.sp-directory .sp-product:first-child .sp-product-motif{width:175px;height:175px;top:90px}.sp-directory .sp-product:first-child .sp-product-watermark{font-size:80px}}
@media(max-width:1050px){.sp-hero-grid{gap:30px}.sp-satellite span{display:none}.sp-satellite{padding:13px}.sp-satellite img{width:42px;height:42px}.sp-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-family{gap:35px;padding:32px}.sp-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-lab{gap:35px;padding:35px}}
@media(max-width:700px){.sp-wrap,.sp-hero-grid{width:calc(100% - 40px)}.sp-hero-grid{grid-template-columns:1fr;padding:52px 0 58px;gap:45px}.sp-hero h1{font-size:46px}.sp-lede{font-size:16px}.sp-constellation{max-width:400px;height:310px;margin:auto}.sp-blueprint{transform:rotate(-2deg);margin:0 7px}.sp-workflow{transform:none}.sp-stats{gap:14px;padding:25px 0}.sp-stats>div{display:block}.sp-stats strong{font-size:30px}.sp-stats span{display:block;font-size:10px;line-height:1.5}.sp-section{padding:52px 0}.sp-section-heading{display:block}.sp-section-heading>p{margin-top:20px}.sp-directory,.sp-work-grid,.sp-principles{grid-template-columns:1fr}.sp-product-art{height:225px}.sp-product-copy{padding:25px}.sp-product-shot{right:25px;width:140px!important}.sp-product-watermark{font-size:42px}.sp-filters{gap:6px}.sp-filters button{padding:9px 12px;font-size:12px}.sp-collection-banner{flex-wrap:wrap;padding:25px;gap:20px}.sp-collection-banner>div{flex-basis:65%}.sp-collection-banner h2{font-size:23px}.sp-lab,.sp-family,.sp-story{grid-template-columns:1fr;gap:30px}.sp-story{padding-top:50px}.sp-story>.sp-kicker{margin:0}.sp-lab,.sp-family{padding:28px}.sp-family-tiles{transform:none}.sp-family-tiles a{padding:15px 7px}.sp-family-tiles img{width:40px;height:40px}.sp-cta{flex-direction:column;align-items:start;padding:55px 0 30px}.sp-principle-top{margin-bottom:24px}.sp-workflow{padding:22px}.sp-workflow-step{gap:14px}}
@media(prefers-reduced-motion:reduce){.studio-pages *{transition:none!important;scroll-behavior:auto!important}}