.bu-sthome[hidden]{display:none!important}
.bu-sthome{min-height:100dvh;background:radial-gradient(ellipse at 85% 0,rgba(207,44,39,.16),transparent 45%),#090a0c;color:#f4f4f5;padding:110px 40px 80px}
.bu-sthome-inner{max-width:1440px;margin:auto}
.bu-sthome-kicker{font:700 12px/1.4 monospace;letter-spacing:.17em;color:#ff615c;text-transform:uppercase}
.bu-sthome h1{font-family:var(--font-display,Impact,"Arial Narrow",sans-serif);font-size:clamp(36px,5vw,72px);line-height:1;letter-spacing:-.025em;margin:18px 0}
.bu-sthome-intro{font-size:18px;line-height:1.6;color:#b4b5c0;max-width:760px;margin-bottom:30px}
.bu-sthome-tabs{display:flex;gap:8px;border-bottom:1px solid #292b31;margin:35px 0;padding-bottom:14px}
.bu-sthome-tab{border:1px solid #34353c;border-radius:8px;background:#191a1f;color:#c1c2ca;min-height:48px;padding:12px 24px;font:700 16px/1.3 inherit;cursor:pointer}
.bu-sthome-tab[aria-pressed=true]{background:#ff353e;border-color:#ff353e;color:white}
.bu-sthome-section{margin:30px 0 45px}
.bu-sthome h2{font-family:var(--font-display,Impact,"Arial Narrow",sans-serif);font-size:30px;margin:0 0 12px}
.bu-sthome-note{color:#a6a8b4;font-size:14px;line-height:1.6;margin:10px 0 18px}
.bu-sthome-tools{display:flex;gap:15px;margin:22px 0}
.bu-sthome-search,.bu-sthome-link{box-sizing:border-box;background:#14161b;border:1px solid #393b45;color:#f4f4f5;padding:14px 16px;border-radius:8px;min-height:48px;font:inherit}
.bu-sthome-search{flex:1}.bu-sthome-link{width:100%;margin-bottom:16px}
.bu-sthome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bu-sthome-card{padding:24px;background:linear-gradient(140deg,#1b1d23,#101115);border:1px solid #33353d;border-radius:12px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.bu-sthome-card h3{font-size:21px;line-height:1.3;margin:14px 0 0;overflow-wrap:anywhere}
.bu-sthome-card>.bu-btn{margin-top:auto}
.bu-sthome-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.bu-sthome-empty{border:1px dashed #393b43;border-radius:10px;padding:25px;color:#b6b7c3;line-height:1.6;grid-column:1/-1}
.bu-sthome-film video{width:100%;max-height:310px;aspect-ratio:16/9;background:#050506;object-fit:contain;border-radius:6px}
.bu-sthome-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}
.bu-sthome-features>div{display:flex;gap:12px;align-items:center;padding:20px;background:#17191e;border:1px solid #33353d;border-radius:10px}
.bu-sthome-features b{color:#ff4d52;font:700 22px monospace}
.bu-sthome-moment{overflow-wrap:anywhere;color:#c4c5ce}
.bu-sthome :focus-visible{outline:2px solid #ff6267;outline-offset:4px}
@media(max-width:1000px){.bu-sthome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bu-sthome{padding:100px 24px 85px}}
@media(max-width:600px){.bu-sthome{padding:88px 18px 95px}.bu-sthome-grid{grid-template-columns:1fr}.bu-sthome-tools{flex-direction:column}.bu-sthome-tabs{gap:5px}.bu-sthome-tab{flex:1;padding:10px 8px;font-size:13px}.bu-sthome-features{grid-template-columns:1fr;gap:8px}.bu-sthome-features>div{padding:14px}.bu-sthome h2{font-size:25px}.bu-sthome-intro{font-size:16px}.bu-sthome-actions .bu-btn{min-height:46px}.bu-sthome-card{padding:20px}}

/* The public Studio entry is a single invitation. Project selection lives inside the Studio app. */
.bu-sthome--landing{padding:var(--tb-h,72px) 0 var(--tab-space,0px);background:#08090b}
.bu-sthome--landing .bu-sthome-inner{max-width:none}
.bu-sthome-landing-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(450px,34vw,650px);overflow:hidden;background:radial-gradient(ellipse at 37% 90%,#61201a6b,transparent 48%),linear-gradient(116deg,#160d0d 0%,#09090a 50%,#130e0e 100%);border-bottom:1px solid #ffffff24}
.bu-sthome-landing-copy{position:relative;z-index:2;width:43%;min-width:0;padding:40px 20px 45px clamp(30px,3.3vw,70px)}
.bu-sthome-landing-eyebrow{margin:0 0 17px;color:#ff5a58;font:700 11px/1.4 var(--font-display,Impact,sans-serif);letter-spacing:.17em}
.bu-sthome .bu-sthome-landing-title{display:flex;flex-direction:column;gap:2px;margin:0;max-width:680px;color:#fff;font:800 clamp(50px,5.15vw,92px)/.93 var(--font-display,Impact,"Arial Narrow",sans-serif);letter-spacing:-.025em;text-transform:uppercase}
.bu-sthome-landing-title span{white-space:nowrap}
.bu-sthome-landing-title em{font-style:normal;color:#ff343c}
.bu-sthome-landing-deck{max-width:580px;margin:21px 0 26px;color:#d0ced2;font-size:clamp(14px,1.16vw,18px);line-height:1.45}
.bu-sthome-landing-actions{display:flex;flex-wrap:wrap;gap:12px}
.bu-sthome-landing-actions .bu-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:13px 23px;border-radius:7px;font:700 17px/1.2 var(--font-display,Impact,sans-serif);letter-spacing:.015em;text-decoration:none;white-space:nowrap}
.bu-sthome-landing-primary{box-shadow:0 11px 34px #f22d3566}
.bu-sthome-landing-primary::before{content:"▶";margin-right:15px;font:20px Arial,sans-serif}
.bu-sthome-landing-secondary{border:1px solid #bfc0c7a8;background:#070809db}
.bu-sthome-landing-secondary::before{content:"▣";margin-right:13px;font:22px/1 Arial,sans-serif}
.bu-sthome-landing-hint{margin:12px 0 0;color:#c3c2c9;font-size:13px}
.bu-sthome-landing-artwork{position:absolute;z-index:0;right:0;top:0;width:62%;height:100%;overflow:hidden}
.bu-sthome-landing-artwork img{position:absolute;right:0;top:50%;height:112%;max-width:none;width:auto;transform:translateY(-50%);clip-path:inset(9% 0 13% 40%)}
.bu-sthome-landing-artwork::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c090af2 0%,#0c090a8e 10%,transparent 27%),linear-gradient(0deg,#07070963,transparent 23%,transparent 83%,#09090a55);pointer-events:none}
.bu-sthome-landing-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:95px;align-items:center;border-bottom:1px solid #ffffff24;background:#0b0c0f;padding:14px clamp(28px,3.2vw,70px)}
.bu-sthome-landing-feature{display:flex;min-width:0;align-items:center;gap:18px;padding:9px 24px;border-left:1px solid #ffffff25}
.bu-sthome-landing-feature:first-child{border-left:0;padding-left:0}
.bu-sthome-feature-icon{display:grid;place-items:center;flex:0 0 38px;color:#ff3e46}
.bu-sthome-feature-icon svg{width:36px;height:36px}
.bu-sthome-landing-feature b{display:block;color:#f7f7f8;font:700 clamp(13px,1vw,16px)/1.3 var(--font-display,Impact,sans-serif);letter-spacing:.035em}
.bu-sthome-landing-feature span:not(.bu-sthome-feature-icon){display:block;margin-top:3px;color:#adaeb7;font-size:12px;line-height:1.35}

/* The source picker and saved projects have their own app navigation after the player enters Studio. */
html.bu-sthome-app-on #nav,html.bu-sthome-app-on #tabbar,html.bu-sthome-app-on #menuSheet{display:none!important}
.bu-sthome--workspace{padding:0 0 80px;background:#090a0c}
.bu-sthome--workspace .bu-sthome-inner{max-width:1540px;padding:0 clamp(18px,3vw,50px)}
.bu-sthome-appbar{display:flex;align-items:center;gap:30px;min-height:70px;border-bottom:1px solid #ffffff20;margin-bottom:29px}
.bu-sthome-appbar-brand{color:#fff;text-decoration:none;font:700 23px var(--font-display,Impact,sans-serif);letter-spacing:.035em;white-space:nowrap}
.bu-sthome-appbar-nav{display:flex;align-items:stretch;gap:5px;height:70px;margin-left:auto}
.bu-sthome-appbar-link{display:grid;place-items:center;padding:0 15px;color:#afb0ba;text-decoration:none;font-size:13px;font-weight:700;border-bottom:2px solid transparent;white-space:nowrap}
.bu-sthome-appbar-link.is-active{color:#fff;border-color:#ff343c}
.bu-sthome-appbar-exit{border:1px solid #ffffff35;border-radius:7px;padding:10px 13px;color:#d4d4d9;text-decoration:none;font-size:12px;white-space:nowrap}
.bu-sthome--workspace .bu-sthome-kicker{font-size:10px}
.bu-sthome--workspace h1{font-size:clamp(32px,3.4vw,51px);margin:8px 0 5px}
.bu-sthome--workspace .bu-sthome-intro{font-size:14px;margin:0}
.bu-sthome--workspace .bu-sthome-section{margin-top:30px}
.bu-sthome--workspace .bu-sthome-section h2:first-child{font-size:22px}
@media(min-width:1101px) and (min-height:780px){
  .bu-sthome--landing{--studio-features-h:clamp(95px,6vw,136px)}
  .bu-sthome-landing-hero{min-height:max(450px,calc(100dvh - var(--tb-h,72px) - var(--studio-features-h)))}
  .bu-sthome-landing-artwork::before{content:"";position:absolute;inset:-6%;background:url("img/studio-director-concept.png") right center/cover no-repeat;filter:blur(26px);opacity:.34}
  .bu-sthome-landing-artwork img{height:min(112%,43vw)}
  .bu-sthome-landing-copy{padding-left:clamp(40px,3.3vw,150px)}
  .bu-sthome .bu-sthome-landing-title{font-size:clamp(64px,5vw,170px)}
  .bu-sthome-landing-eyebrow{font-size:clamp(11px,.64vw,18px)}
  .bu-sthome-landing-deck{font-size:clamp(16px,1.06vw,28px);max-width:900px;margin-top:clamp(21px,1.6vw,46px);margin-bottom:clamp(26px,1.8vw,48px)}
  .bu-sthome-landing-actions{gap:clamp(12px,.8vw,24px)}
  .bu-sthome-landing-actions .bu-btn{min-height:clamp(56px,3vw,82px);padding:14px clamp(23px,1.4vw,48px);font-size:clamp(17px,.85vw,28px)}
  .bu-sthome-landing-hint{font-size:clamp(13px,.58vw,19px);margin-top:clamp(12px,.9vw,26px)}
  .bu-sthome-landing-features{min-height:var(--studio-features-h)}
  .bu-sthome-landing-feature{gap:clamp(18px,1vw,32px);padding-left:clamp(24px,1.3vw,45px)}
  .bu-sthome-feature-icon{flex-basis:clamp(38px,2vw,64px)}
  .bu-sthome-feature-icon svg{width:clamp(36px,2vw,64px);height:clamp(36px,2vw,64px)}
  .bu-sthome-landing-feature b{font-size:clamp(14px,.72vw,23px)}
  .bu-sthome-landing-feature span:not(.bu-sthome-feature-icon){font-size:clamp(12px,.55vw,18px)}
}
@media(max-width:1100px){.bu-sthome-landing-copy{width:49%}.bu-sthome-landing-artwork{width:60%}.bu-sthome-landing-title{font-size:clamp(45px,5vw,72px)!important}.bu-sthome-landing-feature{gap:10px;padding:8px 12px}.bu-sthome-feature-icon{flex-basis:30px}.bu-sthome-feature-icon svg{width:28px;height:28px}.bu-sthome-landing-feature span:not(.bu-sthome-feature-icon){font-size:11px}.bu-sthome-appbar{gap:12px}}
@media(max-width:800px){.bu-sthome-landing-hero{min-height:480px}.bu-sthome-landing-copy{width:67%;padding-left:26px}.bu-sthome-landing-artwork{width:64%;opacity:.66}.bu-sthome-landing-artwork::after{background:linear-gradient(90deg,#0c090af9,#0c090a9e 55%,#0c090a2b)}.bu-sthome-landing-features{grid-template-columns:repeat(2,minmax(0,1fr))}.bu-sthome-landing-feature:nth-child(3){border-left:0;padding-left:0}.bu-sthome-appbar{flex-wrap:wrap;padding-top:14px}.bu-sthome-appbar-nav{order:3;width:100%;height:48px;justify-content:space-between}.bu-sthome-appbar-exit{margin-left:auto}}
@media(max-width:600px){.bu-sthome-landing-hero{display:block;min-height:0}.bu-sthome-landing-copy{width:100%;padding:29px 18px 24px}.bu-sthome .bu-sthome-landing-title{font-size:clamp(39px,10vw,54px)!important}.bu-sthome-landing-deck{max-width:410px;margin:18px 0 21px}.bu-sthome-landing-actions{flex-direction:column;align-items:stretch}.bu-sthome-landing-actions .bu-btn{font-size:14px;min-height:50px;width:100%;white-space:normal;text-align:center}.bu-sthome-landing-hint{line-height:1.45}.bu-sthome-landing-artwork{position:relative;width:100%;height:clamp(215px,65vw,310px);opacity:1}.bu-sthome-landing-artwork img{height:auto;width:160%;top:50%;right:0;clip-path:inset(9% 0 13% 40%)}.bu-sthome-landing-artwork::after{background:linear-gradient(0deg,#0a090bcc,transparent 30%,transparent 70%,#0a090b7d)}.bu-sthome-landing-features{gap:0;padding:10px 18px 18px}.bu-sthome-landing-feature{padding:12px 6px}.bu-sthome-landing-feature b{font-size:12px}}
@media(max-width:380px){.bu-sthome-landing-copy{padding-inline:16px}.bu-sthome .bu-sthome-landing-title{font-size:clamp(37px,10vw,43px)!important}.bu-sthome-landing-feature{gap:7px;padding-inline:3px}.bu-sthome-feature-icon{flex-basis:23px}.bu-sthome-feature-icon svg{width:23px;height:23px}.bu-sthome-landing-feature b{font-size:11px}.bu-sthome-landing-feature span:not(.bu-sthome-feature-icon){font-size:10px}}
@media(orientation:landscape) and (max-height:500px) and (max-width:920px){.bu-sthome-landing-hero{min-height:380px}.bu-sthome-landing-copy{padding-top:24px;padding-bottom:24px}.bu-sthome-landing-features{padding-bottom:18px}}

/* Responsiveness (Tools/RESPONSIVE_TRACKER.md): a phone on its side and any low window - the words beside the
   concept art at the height the bar and the tab bar leave, the action on the first screen */
@media(orientation:landscape) and (max-height:500px) and (min-width:480px){
  .bu-sthome-landing-hero{display:flex;align-items:center;min-height:calc(100dvh - var(--tb-h,52px) - var(--tab-space,0px))}
  .bu-sthome-landing-copy{width:58%;padding:14px 12px 14px clamp(18px,4vw,40px)}
  .bu-sthome-landing-eyebrow{margin-bottom:8px}
  .bu-sthome .bu-sthome-landing-title{font-size:clamp(30px,10dvh,48px)!important}
  .bu-sthome-landing-deck{max-width:46ch;margin:10px 0 14px;font-size:13.5px;line-height:1.4}
  .bu-sthome-landing-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}
  .bu-sthome-landing-actions .bu-btn{width:auto;min-height:46px;padding:10px 16px;font-size:14px;white-space:nowrap}
  .bu-sthome-landing-hint{margin-top:8px;font-size:12px}
  .bu-sthome-landing-artwork{position:absolute;right:0;top:0;width:52%;height:100%;opacity:.75}
  .bu-sthome-landing-artwork img{top:50%;right:0;width:auto;height:112%;clip-path:inset(9% 0 13% 40%)}
  .bu-sthome-landing-artwork::after{background:linear-gradient(90deg,#0c090af2 0%,#0c090a9e 22%,transparent 60%)}
  .bu-sthome-landing-features{padding-bottom:14px}
}