/* Studio Céleste — V5. Galaxy video is the only page background. */
@font-face{font-family:F;src:url(fraunces.woff2);font-display:swap}
@font-face{font-family:I;src:url(inter.woff2);font-display:swap}
body{position:relative;isolation:isolate;background:#050817}
.galaxy-video{position:fixed;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:.78}
.site-brand{display:flex;align-items:center;gap:12px;flex-shrink:0;text-decoration:none}
/* Retain the business-card lettering; screen blend removes its dark backdrop. */
.site-brand .brand-mark,.site-brand .brand-name{
  mix-blend-mode:screen;
  filter:contrast(2) brightness(.97);
  box-shadow:none;
}
.site-brand .brand-name{
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 80%,transparent 94%);mask-composite:intersect;
}
.nav .site-brand:hover{filter:none}
.nav .site-brand:hover .brand-mark,.nav .site-brand:hover .brand-name{
  filter:contrast(2) brightness(1.05) drop-shadow(0 0 5px #75dfff55);
}
.brand-mark{display:block;width:40px;height:42px;background:url(studio-celeste-wordmark.png) -143px -18px / 304px 84px no-repeat;border-radius:10px}
.brand-name{display:block;width:238px;height:50px;background:url(studio-celeste-wordmark.png) -13px -8px / 266px 73.5px no-repeat;border-radius:5px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 80%,transparent 94%);mask-composite:intersect}
.site-brand:focus-visible,a:focus-visible,.agent-card:focus-visible,button:focus-visible{outline:2px solid #8de9ff;outline-offset:6px}
.navin{gap:20px}.links{gap:22px}
.hero-showcase{margin:0;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:28px;background:#030817;border:1px solid #7ee2ff45;box-shadow:0 32px 90px #0009,0 0 65px #37d1f71c;transform:perspective(1100px) rotateY(-3deg)}
.hero-showcase video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.agents-layout{display:grid;grid-template-columns:1fr;gap:30px;margin-top:36px;min-width:0}
.agent-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:640px;margin:auto}
.agent-card{position:relative;margin:0;min-width:0;overflow:hidden;border-radius:24px;border:1px solid #79deff45;background:linear-gradient(145deg,#12264edb,#040a1adb);box-shadow:0 18px 45px #0006;transition:transform .3s,border-color .3s}
.agent-card:hover,.agent-card:focus-visible{transform:translateY(-8px);border-color:#8cecff}
.agent-card img{display:block;width:100%;aspect-ratio:4/4.5;object-fit:contain;object-position:center bottom}
.agent-card figcaption{position:relative;padding:14px 20px;background:#060d20cc;border-top:1px solid #79deff22;font-size:1.05rem;font-weight:750}
.agent-card small{display:block;margin-top:3px;color:#a8b7d3;font-size:.74rem;font-weight:400;line-height:1.5}
.journey{margin:0;width:100%;min-width:0;border:1px solid #7ee2ff45;border-radius:24px;overflow:hidden;background:#04091a;box-shadow:0 25px 65px #0006}
.journey video{display:block;width:100%;height:auto;min-height:0;aspect-ratio:1196/486;object-fit:contain}
.journey-copy{padding:20px 24px;color:#a8b7d3;font-size:.9rem;border-top:1px solid #7ee2ff25}.journey-copy strong{color:#e2f9ff}
.agent-flow-text{display:flex;flex-wrap:wrap;gap:7px 16px;list-style:none;padding:14px 24px 20px;margin:0;color:#c4eaf5;font-size:.8rem}
.agent-flow-text li:not(:last-child)::after{content:'→';margin-left:16px;color:#62d4f2}
.versailles-stage{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:1fr 1fr;gap:14px;height:560px}
.versailles-shot{margin:0;border-radius:24px;overflow:hidden;border:1px solid #dfba5d40;background:#100b08;box-shadow:0 24px 55px #0007}
.versailles-shot:first-child{grid-row:1/3}.versailles-shot img{width:100%;height:100%;object-fit:cover}
.versailles-shot:nth-child(2) img,.versailles-shot:nth-child(3) img{object-fit:contain;background:radial-gradient(circle,#24170d,#080607 72%)}
.motion-toggle{font:inherit;font-size:.76rem;line-height:1.4;color:#bcefff;background:#081329;border:1px solid #7ee2ff40;border-radius:999px;padding:9px 14px;cursor:pointer}.motion-toggle:hover{border-color:#8de9ff}
.footer .foot{align-items:center}.foot nav{flex-wrap:wrap}
@media(min-width:951px){.agents{padding:48px 32px}.hero-grid{gap:48px}}
@media(max-width:1100px){.brand-name{width:204px;height:43px;background-size:228px 63px;background-position:-11px -7px}.links{gap:14px}}
@media(max-width:950px){.hero-showcase{max-width:700px;transform:none}.versailles-stage{height:500px}}
@media(max-width:650px){.navin{height:70px;gap:8px}.site-brand{gap:5px}.brand-mark{width:30px;height:34px;background-size:243.2px 67.2px;background-position:-114.4px -14.4px;border-radius:8px}.brand-name{width:153px;height:34px;background-size:174.8px 48.3px;background-position:-8px -5px}.hero-showcase{border-radius:20px}.agents{padding:28px 18px;border-radius:26px}.agent-duo{gap:12px}.agent-card{border-radius:18px}.agent-card figcaption{padding:12px 11px}.agent-card small{font-size:.68rem}.journey{border-radius:18px}.journey-copy{padding:16px;font-size:.85rem}.agent-flow-text{padding:8px 16px 16px;display:grid;grid-template-columns:1fr 1fr;font-size:.78rem}.agent-flow-text li::after{display:none}.versailles-stage{height:auto;grid-template-columns:1fr;grid-template-rows:auto}.versailles-shot:first-child{grid-row:auto}.versailles-shot{aspect-ratio:4/3}.links .btn{font-size:.7rem;padding:10px 12px}}
@media(max-width:380px){.nav .brand-name{width:130px;background-size:148.2px 40.95px;background-position:-7px 0}.links .btn{max-width:130px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}