.al-atlas{background:#180e1a;color:#fff4fc;font:17px/1.5 'TildaSans',system-ui,sans-serif;padding:clamp(36px,6vw,78px) 20px}.al-atlas *{box-sizing:border-box}.al-shell{max-width:1160px;margin:auto}.al-atlas h2{font-size:clamp(36px,5vw,68px);letter-spacing:-.045em;line-height:1;margin:10px 0 20px;color:#fff4fc}.al-atlas .al-label{color:#ff85d7;font-weight:650;margin:0}.al-atlas .al-lead{max-width:65ch;color:#e1cddc;margin:0 0 30px}.al-layout{display:grid;gap:24px}.al-ready .al-layout{grid-template-columns:minmax(190px,1fr) minmax(0,2.6fr)}.al-names{display:grid;gap:3px}.al-atlas button,.al-atlas select{font:inherit;cursor:pointer}.al-names button{border:0;border-left:2px solid #6c425e;color:#e0cbda;background:none;text-align:left;padding:9px 15px;min-height:44px}.al-names button[aria-pressed=true]{background:#402136;color:#ffb6e7;border-color:#ff49ba}.al-mobile{display:none}.al-person{border:1px solid #65435b;border-radius:16px;background:#241722;color:#fff6fb;overflow:hidden}.al-person>summary,.al-read summary{cursor:pointer;padding:14px}.al-ready .al-person>summary{display:none}.al-ready .al-person:not([open]){display:none}.al-view{display:grid;grid-template-columns:1fr 1fr}.al-view>img{width:100%;height:100%;max-height:540px;min-height:320px;object-fit:cover;object-position:50% 35%}.al-view>div{align-self:center;padding:clamp(20px,3vw,38px)}.al-view small{color:#ff97da}.al-atlas .al-view h3{font-size:clamp(25px,2.7vw,41px);line-height:1.06;margin:18px 0}.al-view p{color:#eadde6;font-size:17px;line-height:1.5}.al-atlas .al-view a,#allrecords .al-atlas .al-view a{color:#ff9cde;display:inline-block;padding-block:12px}.al-read{border-block:1px solid #5c4053}.al-read summary{padding:12px 0}.al-atlas :focus-visible{outline:3px solid #ff65ca;outline-offset:-3px}.al-atlas [hidden]{display:none!important}.al-ready .al-person[open] .al-view{animation:al-appear .22s ease-out}@keyframes al-appear{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:800px){.al-ready .al-layout{grid-template-columns:1fr}.al-names{display:none}.al-mobile{display:grid;gap:8px;color:#ebdce7}.al-mobile select{width:100%;min-height:48px;padding:9px;color:#fff4fb;background:#352231;border:1px solid #895778;border-radius:6px}}@media(max-width:550px){.al-view{grid-template-columns:1fr}.al-view>img{min-height:0;height:300px}.al-view>div{padding:20px}.al-atlas{padding-inline:16px}}@media(prefers-reduced-motion:reduce){.al-atlas *{animation:none!important;transition:none!important}}
.studio-look {
  --sl-ink: #09070b;
  --sl-paper: #f5f0f5;
  --sl-muted: #a99eab;
  --sl-acid: #fd00ff;
  box-sizing: border-box;
  position: relative;
  display: grid;
  grid-template-columns: minmax(240px, .76fr) minmax(0, 1.35fr);
  gap: clamp(32px, 7vw, 100px);
  align-items: center;
  overflow: hidden;
  padding: clamp(64px, 9vw, 132px) max(24px, calc((100vw - 1240px) / 2));
  color: var(--sl-paper);
  background: radial-gradient(ellipse at 84% 16%, rgba(253,0,255,.12), transparent 30%), var(--sl-ink);
  font-family: 'Onest', Arial, sans-serif;
}
.studio-look *, .studio-look *::before, .studio-look *::after { box-sizing: border-box; }
.studio-look__intro { max-width: 450px; }
.studio-look__eyebrow, .studio-look__note {
  display: flex; align-items: center; gap: 10px; margin: 0;
  color: var(--sl-muted); font: 600 10px/1.4 'Onest', Arial, sans-serif;
  letter-spacing: .19em; text-transform: uppercase;
}
.studio-look__eyebrow span { width: 7px; height: 7px; border-radius: 50%; background: var(--sl-acid); box-shadow: 0 0 14px var(--sl-acid); }
.studio-look h2 {
  max-width: 510px; margin: 25px 0 20px; color: var(--sl-paper);
  font: 400 clamp(36px, 5vw, 66px)/1.02 'PoiretOne', 'Onest', sans-serif;
  letter-spacing: -.035em;
}
.studio-look h2 em { color: var(--sl-acid); font-style: normal; }
.studio-look__lead { max-width: 350px; margin: 0; color: #c5bdc9; font-size: 15px; line-height: 1.75; }
.studio-look__official {
  display: inline-flex; align-items: center; gap: 13px; margin-top: 34px; padding: 0 0 9px;
  border-bottom: 1px solid rgba(253,0,255,.6); color: var(--sl-paper); text-decoration: none;
  font-size: 13px; font-weight: 600; transition: color .2s ease, border-color .2s ease;
}
.studio-look__official span { color: var(--sl-acid); font-size: 18px; }
.studio-look__official:hover { color: var(--sl-acid); border-color: var(--sl-paper); }
.studio-look__official:focus-visible, .studio-look__choice:focus-visible { outline: 2px solid var(--sl-acid); outline-offset: 4px; }
.studio-look__showcase { min-width: 0; }
.studio-look__selector { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; padding: 0; border: 0; }
.studio-look__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.studio-look__radio { position: absolute; width: 1px; height: 1px; opacity: 0; }
.studio-look__choice {
  display: inline-flex; align-items: center; gap: 9px; min-height: 40px; padding: 0 14px;
  color: #b7aebb; border: 1px solid #3c3540; border-radius: 2px; cursor: pointer;
  font: 600 11px/1 'Onest', Arial, sans-serif; transition: color .2s, background .2s, border-color .2s;
}
.studio-look__choice span { color: #817584; font: 10px/1 monospace; }
.studio-look__choice:hover { color: white; border-color: #77637a; }
#studio-look-session:checked + .studio-look__choice,
#studio-look-space:checked + .studio-look__choice,
#studio-look-team:checked + .studio-look__choice { color: white; background: rgba(253,0,255,.12); border-color: var(--sl-acid); }
#studio-look-session:checked + .studio-look__choice span,
#studio-look-space:checked + .studio-look__choice span,
#studio-look-team:checked + .studio-look__choice span { color: var(--sl-acid); }
#studio-look-session:focus-visible + .studio-look__choice,
#studio-look-space:focus-visible + .studio-look__choice,
#studio-look-team:focus-visible + .studio-look__choice { outline: 2px solid var(--sl-acid); outline-offset: 3px; }
.studio-look__frames { position: relative; aspect-ratio: 3 / 2; background: #211a25; }
.studio-look__frame {
  position: absolute; inset: 0; display: grid; grid-template-rows: 1fr auto; min-width: 0; margin: 0;
  opacity: 0; visibility: hidden; transition: opacity .35s ease, visibility .35s ease;
}
.studio-look__frame img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; }
.studio-look__frame figcaption {
  display: flex; justify-content: space-between; gap: 20px; padding: 13px 16px;
  color: #bdb3c1; background: #17121a; font: 500 10px/1.4 'Onest', Arial, sans-serif;
  letter-spacing: .1em; text-transform: uppercase;
}
#studio-look-session:checked ~ .studio-look__frames .studio-look__frame--session,
#studio-look-space:checked ~ .studio-look__frames .studio-look__frame--space,
#studio-look-team:checked ~ .studio-look__frames .studio-look__frame--team { opacity: 1; visibility: visible; }
.studio-look__note { margin-top: 16px; font-size: 9px; }
.studio-look__note span { color: var(--sl-acid); font-size: 14px; }
@media (max-width: 760px) {
  .studio-look { grid-template-columns: 1fr; gap: 38px; padding: 68px 20px 72px; }
  .studio-look__intro { max-width: 580px; }
  .studio-look h2 { max-width: 470px; font-size: clamp(42px, 11vw, 62px); }
  .studio-look__official { margin-top: 25px; }
  .studio-look__selector { gap: 6px; }
  .studio-look__choice { min-height: 38px; gap: 6px; padding: 0 10px; font-size: 10px; }
  .studio-look__frames { aspect-ratio: 4 / 3; }
  .studio-look__frame figcaption { padding: 11px 12px; font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .studio-look *, .studio-look *::before, .studio-look *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

.studio-look__frame>a{display:block;width:100%;height:100%}.studio-look__frame figcaption{pointer-events:none}.studio-look__frame>a:focus-visible{outline:4px solid #ff64c8;outline-offset:-5px}.al-atlas,.studio-look{scroll-margin-top:120px}.al-atlas .al-view details summary{color:#fff3fa}.studio-look__choice{cursor:pointer}.studio-look__showcase:has(#studio-look-session:checked) .studio-look__frame--session,.studio-look__showcase:has(#studio-look-space:checked) .studio-look__frame--space,.studio-look__showcase:has(#studio-look-team:checked) .studio-look__frame--team{visibility:visible;opacity:1}
.studio-look__frames{overflow:hidden}.studio-look__frames .studio-look__frame{display:block;overflow:hidden}.studio-look__frame>a{position:absolute;inset:0}.studio-look__frame figcaption{position:absolute;inset:auto 0 0;background:#140c17e8;color:#fff1fb}.studio-look__frame--team img{object-position:50% 37%}
