/* Studio pathways v0.0.7 — editorial Explore and personal directory. */
.pathway-page{--pink:#fc3065;--path-ink:#17141e;--path-purple:#7457de;background:#09090c;color:#fff}
.directory-startup-preference{margin:22px auto 0;padding:0 22px;max-width:540px;text-align:center}
.directory-startup-preference label{display:inline-flex;align-items:center;gap:10px;font-size:15px;line-height:1.5;cursor:pointer;color:#34303e}
.directory-startup-preference input{width:19px;height:19px;flex-shrink:0;accent-color:#7457de}
.directory-startup-preference p{font-size:13px;line-height:1.5;color:#6a6374;margin-top:6px!important}
.pathway-page h1,.pathway-page h2,.pathway-page h3,.pathway-page p{margin:0}
.pathway-page button,.pathway-page a{-webkit-tap-highlight-color:transparent}
.pathway-page button{cursor:pointer}
.pathway-page :focus-visible{outline:3px solid #8564fc;outline-offset:6px}
.pathway-page .preview-nav a{font-weight:600}
.pathway-skip{position:fixed;top:5px;left:12px;z-index:1000;transform:translateY(-150%);background:white;color:#17141e;padding:12px}
.pathway-skip:focus{transform:none}
.pathway-kicker{font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.5}
.pathway-link{display:inline-flex;gap:30px;align-items:center;font-size:14px;font-weight:650;text-decoration:none;border-bottom:1px solid currentColor;padding:10px 0;max-width:100%}
.pathway-link span{font-size:24px;font-weight:400}
.pathway-link:hover{opacity:.78}
.editorial-title{font-size:clamp(88px,13.8vw,220px);letter-spacing:-.06em;line-height:.86;display:flex;flex-wrap:wrap}
.editorial-title span{font-weight:200}.editorial-title strong{font-weight:800}
.pathway-availability{display:block;font-size:11px;line-height:1.6;margin:22px 0 5px;opacity:.85}
.pathway-footer{padding:50px max(6vw,24px);display:flex;gap:35px;align-items:center;font-size:12px;color:#aaa;background:#09090c}
.pathway-footer>a{font-weight:750;letter-spacing:.07em;color:white;text-decoration:none}
.pathway-footer nav{margin-left:auto;display:flex;gap:22px}.pathway-footer nav a{text-decoration:none}
.explore-hero{min-height:640px;height:min(830px,64vw);position:relative;overflow:hidden;background:#101112}
.explore-hero>:is(img,canvas){width:100%;height:100%;position:absolute;object-fit:cover;object-position:74% 46%}
.explore-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#05060755,transparent 70%),linear-gradient(0deg,#050607aa,transparent 60%)}
.explore-hero-copy{position:absolute;z-index:1;bottom:7%;left:6%;right:4%}
.explore-hero-copy .pathway-kicker{margin-bottom:26px;color:#ddd}
.explore-hero-copy h1{font-size:clamp(90px,16vw,256px)}
.explore-hero-copy>p:last-of-type{font-size:18px;margin-top:28px;color:#eee}
.explore-down{position:absolute;right:3%;bottom:0;border:1px solid #ffffff55;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;text-decoration:none}
.explore-make{background:var(--pink);padding:70px 7% 60px;color:#101012}
.explore-make h2{margin:30px 0 48px}.make-copy{display:flex;justify-content:space-between;gap:40px;max-width:1150px}
.make-copy>p{font-size:clamp(19px,2.5vw,34px);line-height:1.4}.make-copy>div>p{font-size:17px;line-height:1.5;margin-bottom:12px}
.explore-showcase{background:#eeece8;color:#1c1923;padding:65px 0 45px;overflow:hidden}
.showcase-heading{padding:0 7%;text-align:center}.showcase-heading .pathway-kicker{color:#7457b7}.showcase-heading h2{font-weight:550;font-size:clamp(26px,3.5vw,48px);letter-spacing:-.04em;margin:14px 0}.showcase-heading>p:last-child{color:#6c6673;font-size:14px}
.showcase-stage{height:490px;position:relative;perspective:1600px;margin:40px auto 5px;touch-action:pan-y}
.demo-window{background:#14131a;color:#eae7f2;border:1px solid #45404f;border-radius:14px;box-shadow:0 28px 55px #18112055;position:absolute;width:min(70%,1120px);left:max(15%,calc((100% - 1120px)/2));top:22px;height:420px;overflow:hidden;transition:transform .65s ease,opacity .65s ease;transform-origin:center}
.demo-window>header{display:flex;align-items:center;gap:16px;border-bottom:1px solid #39333f;background:#1d1a25;padding:17px;font-size:13px}
.demo-window>header small{margin-left:auto;color:#bfa6ee;font-size:10px}.demo-window-dots{font-size:9px;color:#7b708c;letter-spacing:4px}
.demo-window[data-slot=front]{z-index:3;transform:translateX(0) scale(1);opacity:1}
.demo-window[data-slot=left]{z-index:1;transform:translateX(-48%) rotateY(12deg) scale(.79);opacity:.6}
.demo-window[data-slot=right]{z-index:1;transform:translateX(48%) rotateY(-12deg) scale(.79);opacity:.6}
.demo-window[data-slot=hidden]{opacity:0;transform:scale(.72);pointer-events:none;visibility:hidden}
.demo-lyrics{display:grid;grid-template-columns:20% 57% 23%;height:370px;font-size:12px;line-height:1.7}
.demo-lyrics aside{padding:25px 14px;border-right:1px solid #38323f;display:flex;flex-direction:column;gap:13px;font-size:10px}.demo-lyrics aside:last-child{border-left:1px solid #38323f;border-right:0}
.demo-lyrics aside b{color:#b899ef;font-size:9px}.demo-selected{background:#7852a8;border-radius:8px;padding:12px 8px}.demo-lyrics aside small{color:#93889f;line-height:2.7}
.demo-lyrics-paper{padding:24px;background:#17131e}.demo-lyrics-paper>small{color:#a99bb9;letter-spacing:.08em;font-size:9px}.demo-lyrics-paper>p{line-height:2.2;margin:8px 0 18px;font-size:clamp(10px,1.1vw,16px)}.demo-lyrics-paper mark{background:#7855a8;color:white;padding:3px}
.demo-tools{display:flex;gap:9px;margin:-5px 0 18px;font-size:9px;color:#d7baff}.demo-tools span{padding:3px 7px;border:1px solid #534264;border-radius:5px}
.demo-mixer{padding:25px;display:grid;gap:12px}.demo-mixer>div{display:grid;grid-template-columns:80px 1fr 35px;gap:15px;align-items:center;font-size:11px}.demo-lane{display:flex;height:42px;align-items:center;justify-content:space-between;gap:2px;padding:5px;background:#8463ad28;border-radius:7px}
.demo-lane i{height:var(--wave);background:#ad80ed;min-width:2px;flex:1;border-radius:2px}.lane-1 i{background:#72cdb5}.lane-2 i{background:#e2bd74}.lane-3 i{background:#8dc8f2}.demo-transport{text-align:center;color:#b8a9c8;font-size:14px;padding:10px}
.demo-albums{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:30px}.demo-albums b{display:block;font-size:14px;margin:13px 0 5px}.demo-albums small{font-size:11px;color:#a39aae}
.demo-art{aspect-ratio:1;position:relative;overflow:hidden;border-radius:8px;background:#c08891}.demo-art i{position:absolute;inset:16%;background:#d9e9e1;clip-path:polygon(0 30%,35% 0,100% 55%,55% 100%);transform:rotate(20deg)}.art-1{background:#355663}.art-1 i{background:#e0b36a;border-radius:50%;clip-path:none;inset:22% 12%}.art-2{background:#252443}.art-2 i{background:#a198c3;clip-path:polygon(0 75%,25% 30%,55% 70%,75% 0,100% 100%);inset:8%}
.demo-library{display:grid;grid-template-columns:35% 1fr;gap:30px;padding:35px;align-items:center}.demo-library h3{font-size:30px;font-weight:500;margin:16px 0}.demo-library p{margin:12px 0;color:#b9afc4;font-size:13px}.demo-library small{color:#9bbcaf;font-size:10px}.demo-room{padding:30px;text-align:center}.demo-room h3{font-size:34px;margin:12px 0}.demo-room>small{color:#ba9af2;letter-spacing:.12em}.demo-room p{color:#b9aec7;font-size:13px}.demo-avatars{display:flex;justify-content:center;margin:25px;gap:18px}.demo-avatars i{font-style:normal;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;background:#584669}.demo-avatars i:nth-child(2n){background:#346d69}.demo-chat{display:grid;gap:10px;font-size:12px;color:#c0b5ce}
.showcase-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:0 20px}.showcase-controls>div{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.showcase-controls button{border:0;background:transparent;color:#635b6f;padding:10px 13px;border-radius:30px;font-size:12px}.showcase-controls button[aria-pressed=true]{background:#e0d9ed;color:#553790}.showcase-controls>button{border:1px solid #cfc8d6}.showcase-caption{font-size:13px;color:#6a6175;text-align:center;margin:18px 20px 0!important;min-height:20px}
.explore-voice{padding:100px 8%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:radial-gradient(ellipse at 25% 50%,#15363b66,transparent 48%),radial-gradient(ellipse at 90% 30%,#36233c77,transparent 40%),#0c0c13}
.voice-portrait{padding:20px}.voice-portrait :is(img,canvas){border-radius:50%;aspect-ratio:1;object-fit:cover;width:100%;border:1px solid #5b96944a;box-shadow:0 0 80px #274b5444}.voice-copy{border-left:2px solid var(--pink);padding:20px 0 20px 38px}.voice-copy h2{font-size:clamp(60px,8vw,130px);display:grid;margin:20px 0 26px}.voice-copy>p:not(.pathway-kicker){font-size:15px;line-height:1.75;color:#d2cbdc}
.explore-lyrics{position:relative;min-height:600px;display:flex;justify-content:flex-end;align-items:center;overflow:hidden;background:#151515}.explore-lyrics>:is(img,canvas){position:absolute;width:100%;height:100%;object-fit:cover;object-position:30% 50%}.explore-lyrics:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,#08090ac9 80%)}.explore-lyrics>div{position:relative;z-index:1;width:46%;margin-right:6%;padding:60px 0}.explore-lyrics h2{font-size:clamp(70px,10vw,165px);margin:24px 0}.explore-lyrics p:last-child{font-size:17px;line-height:1.7}
.explore-writing{padding:65px 8%;text-align:center;background:repeating-linear-gradient(115deg,transparent 0 70px,#ffffff02 72px 73px),#15131a}.writing-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:42px;text-align:left;margin-bottom:35px}.writing-steps span{font-size:36px;font-weight:200;color:#eac0d2}.writing-steps h3{font-size:14px;letter-spacing:.15em;margin:17px 0}.writing-steps p{font-size:13px;color:#aaa4b5;line-height:1.7;max-width:24ch}
.explore-image{min-height:610px;background:var(--pink);color:#121018;position:relative;overflow:hidden;display:flex;align-items:center}.explore-image>:is(img,canvas){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:78% 50%}.explore-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--pink),#fc3065de 27%,#fc306500 68%)}.explore-image>div{z-index:1;position:relative;margin:55px 0 55px 8%;width:55%}.explore-image h2{font-size:clamp(68px,10vw,160px);display:grid;margin:25px 0}.explore-image>div>p:not(.pathway-kicker){font-size:17px;line-height:1.6;max-width:36ch}
.explore-inpaint{position:relative;overflow:hidden;background:repeating-linear-gradient(120deg,transparent 0 24px,#86629312 26px 28px,transparent 31px 52px),#100e18;padding:95px 8%;min-height:540px}.explore-inpaint>div:first-child{position:relative;z-index:1}.explore-inpaint h2{margin:30px 0;font-size:clamp(76px,11vw,180px)}.explore-inpaint p:not(.pathway-kicker){font-size:18px;line-height:1.7}.inpaint-lines{position:absolute;right:0;bottom:0;width:65%;height:280px;opacity:.22;display:flex;align-items:center;gap:6px;transform:rotate(-15deg)}.inpaint-lines i{flex:1;height:var(--wave);background:#c199de;border-radius:4px}
.explore-upload{position:relative;display:grid;grid-template-columns:22% 44% 34%;min-height:620px;overflow:hidden}.upload-piano,.upload-portrait{position:relative}.explore-upload :is(img,canvas){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.upload-piano :is(img,canvas){object-position:50% 50%}.upload-portrait :is(img,canvas){object-position:55% 45%}.upload-copy{background:var(--pink);padding:70px 12%;color:#18101a;z-index:1}.upload-copy h2{font-size:clamp(35px,4vw,64px);letter-spacing:-.05em;margin:30px 0}.upload-copy>p:not(.pathway-kicker){font-size:18px;line-height:1.7;margin-bottom:22px}.upload-signature{position:absolute;bottom:30px;left:5%;font-size:clamp(70px,13vw,200px);font-weight:200;letter-spacing:-.055em;text-shadow:0 2px 30px #0005}
.studio-entrance-page{background:#f4f2ef;color:var(--path-ink);color-scheme:light}
.studio-welcome{background:#08090b;color:#fff}.welcome-frame{display:flex;justify-content:space-between;gap:30px;padding:35px 6%;align-items:center}.welcome-frame>div{display:grid;font-size:clamp(28px,4vw,63px);line-height:.93;font-weight:800;letter-spacing:-.045em}.welcome-frame>div>span{color:#8fdfeb}.welcome-frame p{font-size:12px;line-height:1.7;color:#b3abbc}
.welcome-scene{position:relative;min-height:570px;display:flex;align-items:center}.welcome-scene>:is(img,canvas){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:63% 50%}.welcome-scene:after{position:absolute;content:'';inset:0;background:linear-gradient(90deg,#05080be8,#05080b8c 40%,transparent 80%)}.welcome-copy{position:relative;z-index:1;padding:60px 6%;max-width:760px}.welcome-copy h1{font-size:clamp(44px,5.6vw,82px);line-height:1.04;letter-spacing:-.05em;margin:22px 0}.welcome-copy>p:not(.pathway-kicker){color:#e0dae7;line-height:1.75;font-size:17px;max-width:40ch}.welcome-copy>div{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:30px 0 20px}.welcome-feature{color:#b3f1f6}.pathway-button{background:#a6edf3;color:#102027;border:0;border-radius:30px;padding:14px 24px;font-weight:650;display:flex;gap:25px}.welcome-skip{background:none;border:0;color:#ded7e5;text-decoration:underline;padding:12px 0}.welcome-footer{padding:28px 6%;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:12px;color:#b8afc4}.welcome-footer>span{color:#8cdae1;font-weight:650;letter-spacing:.1em}
.studio-directory{text-align:center;padding:65px 0 45px;overflow:hidden;background:radial-gradient(ellipse at 0 40%,#d9e5f044,transparent 45%),radial-gradient(ellipse at 100% 75%,#e7dff744,transparent 45%),#f4f2ef}.studio-directory>.pathway-kicker{color:#73589e;letter-spacing:.22em}.studio-directory h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,4.2vw,62px);font-weight:400;letter-spacing:-.045em;line-height:1.16;margin:18px 24px}.directory-intro{color:#77717c;font-size:15px;margin:0 24px!important}.directory-stage{height:485px;position:relative;max-width:1660px;margin:40px auto 0;perspective:1600px;touch-action:pan-y pinch-zoom}.directory-card{position:absolute;left:24%;width:52%;height:430px;top:15px;border-radius:34px;overflow:hidden;text-align:left;box-shadow:0 24px 40px #3124342b;transition:transform .55s ease,opacity .55s ease;background:#181719;color:white}.directory-card>:is(img,canvas){width:100%;height:100%;object-fit:cover;position:absolute}.directory-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#040609db,transparent 80%)}.directory-card>div{position:absolute;left:7%;right:7%;bottom:8%;z-index:1}.directory-card h2{font-family:Georgia,serif;font-weight:400;font-size:42px;letter-spacing:-.035em}.directory-card p{font-size:14px;margin:12px 0 8px;line-height:1.5}.directory-card .pathway-link{font-size:13px}.directory-card[data-slot=front]{z-index:3;transform:none;opacity:1}.directory-card[data-slot=left]{z-index:1;transform:translateX(-87%) rotateY(13deg) scale(.84);opacity:.55}.directory-card[data-slot=right]{z-index:1;transform:translateX(87%) rotateY(-13deg) scale(.84);opacity:.55}.directory-card[data-slot=hidden]{visibility:hidden;opacity:0;transform:scale(.7);pointer-events:none}.directory-arrow{position:absolute;z-index:4;top:45%;background:#f5f3efe8;border:1px solid #d8d3df;border-radius:50%;width:44px;height:44px;font-size:23px;color:#645974;display:grid;place-items:center;padding:0}.directory-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.directory-arrow:focus-visible{outline:0;box-shadow:inset 0 0 0 3px #7457de}.directory-arrow.previous{left:3%}.directory-arrow.next{right:3%}.directory-choices{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:0 18px}.directory-choices a{border:1px solid #dad5df;background:#ffffff88;color:#655d70;border-radius:30px;font-size:13px;padding:12px 23px}.directory-choices a[data-selected=true]{background:#776291;color:white;border-color:transparent;box-shadow:0 8px 20px #75628530}.directory-detail{min-height:36px;color:#7a7183;font-size:12px;margin:18px auto 0!important;max-width:650px;padding:0 22px;line-height:1.6}.directory-builder{border-top:1px solid #d8d3dd;display:flex;justify-content:center;gap:32px;align-items:center;max-width:620px;margin:22px auto 0;padding:25px 16px 12px}.directory-builder>span{color:#817788;font-size:14px}.directory-builder>a{color:#685077}.welcome-reopen{border:0;background:transparent;text-decoration:underline;color:#8a7e92;font-size:11px;padding:10px}
@media(min-width:1600px){.explore-page main{max-width:1800px;margin:auto}}
@media(max-width:900px){.explore-hero{height:650px;min-height:0}.explore-hero>:is(img,canvas){object-position:68% 40%}.explore-voice{gap:4%;padding:60px 6%}.voice-copy{padding-left:25px}.voice-copy h2{font-size:70px}.showcase-stage{height:410px}.demo-window{height:350px;width:82%;left:9%}.demo-lyrics{height:310px}.demo-lyrics aside{padding:18px 8px}.demo-lyrics-paper{padding:17px}.demo-lyrics-paper p{font-size:12px}.demo-lyrics-paper>p:last-child{display:none}.demo-tools{gap:4px}.demo-tools span{padding:3px}.explore-lyrics{min-height:470px}.explore-lyrics>div{width:50%}.explore-image{min-height:520px}.explore-upload{min-height:510px;grid-template-columns:18% 42% 40%}.upload-copy{padding:55px 10%}.directory-card{left:18%;width:64%;height:370px}.directory-stage{height:420px}.directory-card h2{font-size:36px}.welcome-scene{min-height:540px}.welcome-frame p{max-width:220px}}
@media(max-width:600px){.pathway-footer{flex-wrap:wrap;padding:35px 24px;gap:20px}.pathway-footer>span{display:none}.pathway-footer nav{gap:16px;font-size:11px}.pathway-kicker{font-size:9px;letter-spacing:.12em}.explore-hero{height:580px}.explore-hero>:is(img,canvas){object-position:70% 40%}.explore-hero-copy{left:6%;bottom:8%}.explore-hero-copy h1{font-size:19vw;letter-spacing:-.07em}.explore-hero-copy .pathway-kicker{font-size:8px;margin-bottom:20px}.explore-hero-copy>p:last-of-type{font-size:14px;margin-top:18px}.explore-down{width:34px;height:34px;right:0;bottom:-5px}.explore-make{padding:45px 7%}.explore-make h2{font-size:29vw;margin:26px 0 35px}.make-copy{display:block}.make-copy>p{font-size:21px;margin-bottom:28px}.make-copy>div{display:flex;justify-content:space-between;gap:15px;align-items:flex-end}.make-copy>div>p{font-size:12px;margin:0}.make-copy .pathway-link{font-size:12px;gap:16px}.explore-showcase{padding:40px 0 30px}.showcase-heading h2{font-size:30px;line-height:1.13}.showcase-heading>p:last-child{font-size:11px}.showcase-stage{height:300px;margin:22px auto 0}.demo-window{width:86%;left:7%;height:255px;top:12px;border-radius:10px}.demo-window>header{padding:12px 9px;font-size:11px;gap:6px}.demo-window>header small{font-size:7px}.demo-window-dots{font-size:6px;letter-spacing:1px}.demo-lyrics{grid-template-columns:23% 77%;height:215px}.demo-lyrics aside:last-child{display:none}.demo-lyrics aside{font-size:7px;padding:12px 5px;gap:9px}.demo-lyrics aside b{font-size:6px}.demo-selected{padding:6px 3px}.demo-lyrics-paper{padding:12px 8px}.demo-lyrics-paper p{font-size:10px;line-height:2;margin-bottom:10px}.demo-lyrics-paper>small{font-size:7px}.demo-tools{font-size:6px;flex-wrap:wrap}.demo-mixer{padding:20px 10px;gap:10px}.demo-mixer>div{grid-template-columns:47px 1fr 22px;gap:6px;font-size:8px}.demo-lane{height:29px;gap:1px}.demo-lane i{min-width:1px}.demo-transport{font-size:10px;padding:0}.demo-albums{gap:10px;padding:25px 12px}.demo-albums b{font-size:10px}.demo-albums small{font-size:8px}.demo-library{padding:24px 12px;gap:12px}.demo-library h3{font-size:20px;margin:10px 0}.demo-library p{font-size:9px;margin:8px 0}.demo-library small{font-size:7px}.demo-room{padding:16px}.demo-room h3{font-size:21px}.demo-room>small{font-size:8px}.demo-room p,.demo-chat{font-size:9px}.demo-avatars{gap:10px;margin:13px}.demo-avatars i{width:29px;height:29px;font-size:11px}.showcase-controls{gap:6px;padding:0 12px}.showcase-controls button{font-size:10px;padding:8px}.showcase-controls>div{order:-1;flex-basis:100%;gap:1px}.showcase-caption{font-size:11px;min-height:34px}.explore-voice{padding:45px 8%;display:block}.voice-portrait{width:75%;padding:0;margin:0 auto 35px}.voice-copy{padding:0 0 0 24px}.voice-copy h2{font-size:84px;margin:20px 0;display:flex;gap:6px}.voice-copy>p:not(.pathway-kicker){font-size:13px}.explore-lyrics{min-height:500px;align-items:flex-end}.explore-lyrics>:is(img,canvas){object-position:35% center}.explore-lyrics:after{background:linear-gradient(0deg,#09090be6,transparent 100%)}.explore-lyrics>div{width:86%;margin:0 auto;padding:40px 0}.explore-lyrics h2{font-size:22vw;margin:22px 0}.explore-lyrics p:last-child{font-size:14px}.explore-writing{padding:40px 8%}.writing-steps{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:25px}.writing-steps span{font-size:28px}.writing-steps h3{font-size:12px;margin:12px 0}.writing-steps p{font-size:12px}.explore-image{min-height:620px;align-items:flex-end}.explore-image>:is(img,canvas){object-position:73% center}.explore-image:after{background:linear-gradient(0deg,#fc3065ff 0,#fc3065ed 20%,#fc306522 80%)}.explore-image>div{width:85%;margin:250px auto 40px}.explore-image h2{font-size:25vw;display:flex;gap:4px;margin:20px 0}.explore-image>div>p:not(.pathway-kicker){font-size:14px;max-width:32ch}.explore-inpaint{padding:65px 8%;min-height:440px}.explore-inpaint h2{font-size:18vw;margin:25px 0}.explore-inpaint p:not(.pathway-kicker){font-size:15px}.explore-upload{grid-template-columns:25% 75%;min-height:0}.upload-piano,.upload-portrait{height:400px}.upload-copy{grid-column:1/-1;padding:38px 8% 42px}.upload-copy h2{font-size:58px;margin:20px 0}.upload-copy>p:not(.pathway-kicker){font-size:16px;margin-bottom:12px}.upload-signature{top:315px;bottom:auto;font-size:19vw;left:7%}.welcome-frame{padding:28px 7%}.welcome-frame>div{font-size:31px}.welcome-frame p{display:none}.welcome-scene{min-height:620px;align-items:flex-end}.welcome-scene>:is(img,canvas){object-position:65% center}.welcome-scene:after{background:linear-gradient(0deg,#05070bf5,transparent 100%)}.welcome-copy{padding:35px 7%;width:100%}.welcome-copy h1{font-size:46px;margin:18px 0}.welcome-copy>p:not(.pathway-kicker){font-size:14px}.welcome-copy>div{gap:20px;margin:20px 0 8px}.welcome-copy .pathway-link{font-size:12px;gap:15px}.pathway-button{font-size:12px;padding:13px 18px;gap:14px}.welcome-footer{flex-wrap:wrap;gap:14px;padding:25px 7%;font-size:10px}.welcome-footer p{display:none}.studio-directory{padding:45px 0 30px}.studio-directory h1{font-size:38px;margin:17px 25px}.directory-intro{font-size:13px;line-height:1.6}.directory-stage{height:405px;margin-top:23px}.directory-card{left:11%;width:78%;height:370px;top:10px;border-radius:24px}.directory-card h2{font-size:34px}.directory-card p{font-size:12px;max-width:26ch}.directory-card[data-slot=left]{transform:translateX(-89%) rotateY(8deg) scale(.86)}.directory-card[data-slot=right]{transform:translateX(89%) rotateY(-8deg) scale(.86)}.directory-arrow{width:33px;height:33px;font-size:18px}.directory-arrow.previous{left:1.5%}.directory-arrow.next{right:1.5%}.directory-choices{gap:6px;padding:0 16px}.directory-choices a{font-size:11px;padding:10px 14px}.directory-detail{margin-top:15px!important;font-size:11px;min-height:50px}.directory-builder{margin:12px 25px 0;gap:25px;padding-top:20px}.directory-builder>span{font-size:12px}.directory-builder>a{font-size:13px;gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demo-window,.directory-card{transition:none}}

.directory-choices a{text-decoration:none}.directory-choices a[data-selected=true]{background:#776291;color:white}

/* Actual app captures preserve the production layout; captions remain live text. */
.demo-capture{display:block;width:100%;height:calc(100% - 51px);object-fit:contain;background:#111015}
.explore-page .demo-library-previews{position:relative;width:100%;height:calc(100% - 51px);overflow:hidden;background:#080a0f}
.explore-page .demo-library-preview{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease;pointer-events:none}
.explore-page .demo-library-preview.is-active{opacity:1}
.explore-page .demo-library-preview-choices{position:absolute;z-index:2;right:13px;top:13px;display:flex;gap:8px;padding:7px 9px;border:1px solid #ffffff50;border-radius:999px;background:#090c16c9;box-shadow:0 7px 20px #0007;backdrop-filter:blur(8px)}
.explore-page .demo-library-preview-choices button{width:19px;height:19px;min-width:19px;padding:0;border:1px solid #d6c7f6;border-radius:50%;background:#51465c;cursor:pointer}
.explore-page .demo-library-preview-choices button[aria-pressed=true]{background:#a9eaf0;border-color:#e3feff;box-shadow:0 0 0 3px #99eafb45}
.explore-page .demo-library-preview-choices button:focus-visible{outline:2px solid #dfff3f;outline-offset:3px}
@media(min-width:901px){.showcase-stage{height:min(760px,56vw)}.demo-window{height:calc(100% - 65px)}}
@media(max-width:600px){.demo-capture,.explore-page .demo-library-previews{height:calc(100% - 38px)}.explore-page .demo-library-preview-choices{top:6px;right:6px;gap:6px;padding:6px}.explore-page .demo-library-preview-choices button{width:15px;height:15px;min-width:15px}}
@media(prefers-reduced-motion:reduce){.explore-page .demo-library-preview{transition:none}}

.directory-card>:is(img,canvas){object-position:var(--image-position,center)}
@media(max-width:600px){.directory-card>:is(img,canvas){object-position:var(--image-position-mobile,center)}}

.pathway-page :is(img,canvas)[data-pathway-photo]{object-position:var(--photo-position,center)}
@media(max-width:600px){.pathway-page :is(img,canvas)[data-pathway-photo]{object-position:var(--photo-position-mobile,center)}}

/* Keep side-card labels inside the visible desktop peeks. */
@media(min-width:901px){.directory-card[data-slot=left]>div{left:auto;right:5%;width:38%}.directory-card[data-slot=right]>div{left:5%;right:auto;width:38%}.directory-card:not([data-slot=front]) h2{font-size:clamp(22px,2.4vw,36px);line-height:1.1}.directory-card:not([data-slot=front]) p{display:none}.directory-card:not([data-slot=front]) .pathway-link{margin-top:14px;font-size:12px;gap:10px}}
@media(max-width:900px){.directory-card:not([data-slot=front])>div{visibility:hidden}}

/* Direct manipulation and centered choices for the Explore demonstration. */
.showcase-stage{--showcase-drag:0px;cursor:grab;user-select:none;-webkit-user-select:none}
.demo-window[data-slot=front]{transform:translateX(var(--showcase-drag)) scale(1)}
.demo-window[data-slot=left]{transform:translateX(calc(-48% + var(--showcase-drag))) rotateY(12deg) scale(.79)}
.demo-window[data-slot=right]{transform:translateX(calc(48% + var(--showcase-drag))) rotateY(-12deg) scale(.79)}
.showcase-stage[data-dragging]{cursor:grabbing}
.showcase-stage[data-dragging] .demo-window{transition:none}
.showcase-arrow{position:absolute;top:45%;z-index:5;width:48px;height:96px;border:0;background:#ffffff78;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#302344;display:grid;place-items:center;transition:background .2s;transform:translateY(-50%)}
.showcase-arrow svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.showcase-arrow.previous{left:0;border-radius:0 48px 48px 0;padding:0 5px 0 0}.showcase-arrow.next{right:0;border-radius:48px 0 0 48px;padding:0 0 0 5px}
.showcase-arrow:hover{background:#ffffffd9}
.showcase-arrow:focus-visible{outline:0;box-shadow:inset 0 0 0 3px #7457de}
.showcase-controls{display:block;padding:0 18px}
.showcase-controls>.showcase-choices{--choice-step:170px;display:block;position:relative;height:52px;max-width:880px;margin:auto}
.showcase-choices button{position:absolute;left:50%;top:0;width:164px;min-height:44px;white-space:nowrap;font-size:14px;transform:translateX(calc(-50% + var(--choice-offset,0)*var(--choice-step))) scale(.93);opacity:.74;transition:transform .65s ease,opacity .65s ease,background .35s,color .35s}
.showcase-choices button[data-distance="2"]{opacity:.5}
.showcase-choices button[aria-pressed=true]{color:#fff;background:#7856df;box-shadow:0 6px 20px #7457de38;font-weight:650;opacity:1;transform:translateX(-50%) scale(1)}
.showcase-choices button:hover{opacity:1}
@media(max-width:900px){.showcase-controls>.showcase-choices{--choice-step:135px}.showcase-choices button{width:130px;font-size:12px}}
@media(max-width:600px){.showcase-arrow{width:44px;height:88px;top:43%}.showcase-arrow svg{width:24px;height:24px}.showcase-controls>.showcase-choices{--choice-step:112px;height:48px}.showcase-choices button{width:110px;font-size:11px;padding:8px 4px}.showcase-choices button[data-distance="2"]{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.showcase-choices button,.showcase-arrow{transition:none}}

/* The existing Builder symbols fill the open right side of MAKE. */
.make-heading{position:relative}
.make-examples{position:absolute;right:0;top:18%;bottom:12%;width:44%;display:flex;align-items:center;justify-content:space-around;gap:18px}
.make-example{flex:1;min-width:0;display:grid;justify-items:center;gap:18px;text-align:center;text-decoration:none;padding:12px 4px;color:#101012;border-radius:8px}
.make-example svg{width:clamp(56px,6vw,96px);height:auto;aspect-ratio:1;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.make-example span{font-size:clamp(11px,1.05vw,15px);font-weight:650;line-height:1.4}
.make-example:hover{background:#ffffff1c}
@media(max-width:900px){.make-examples{width:43%;gap:10px}.make-example{gap:12px}.make-example svg{width:52px}}
@media(max-width:600px){.make-examples{position:static;width:auto;margin:-8px 0 32px;gap:14px}.make-example{gap:10px;padding:8px 0}.make-example svg{width:56px}.make-example span{font-size:11px}}