/* Original artwork stays intact; the logo's surrounding whitespace is framed in CSS. */
.experience-v2 .site-brand { width:238px; height:62px; min-height:62px; padding:0; overflow:hidden; flex-shrink:0; }
.experience-v2 .site-brand .brand-wordmark { display:block; width:268px; max-width:none; height:auto; flex-shrink:0; margin-left:-16px; mix-blend-mode:multiply; }
.experience-v2 .site-header-main { gap:16px; }
.experience-v2 .media-gallery { touch-action:pan-y; }
.experience-v2 .media-track { position:absolute; inset:0; display:flex; width:100%; height:100%; z-index:-2; transition:transform 900ms cubic-bezier(.25,.65,.25,1); }
.experience-v2 .media-slide { position:relative; flex:0 0 100%; width:100%; min-width:0; height:100%; overflow:hidden; }
.experience-v2 .media-slide > img { display:block; width:100%; height:100%; object-fit:cover; object-position:var(--slide-position,50% 40%); }
.experience-v2 .media-controls { position:absolute; z-index:2; display:flex; align-items:center; gap:2px; padding:3px; background:#081b22b8; border:1px solid #ffffff40; border-radius:999px; color:white; backdrop-filter:blur(12px); }
.experience-v2 .media-controls button { display:grid; place-items:center; width:34px; height:34px; min-height:34px; padding:0; border:0; border-radius:50%; background:transparent; color:inherit; cursor:pointer; font-size:23px; line-height:1; }
.experience-v2 .media-controls button:hover { background:#ffffff25; }
.experience-v2 .media-controls button:focus-visible { outline:2px solid #ead49c; outline-offset:1px; }
.experience-v2 .media-controls button:has(.media-dot) { width:26px; }
.experience-v2 .media-controls button:last-child:not(:has(.media-dot)) { font-size:17px; }
.experience-v2 .media-dot { display:block; width:5px; height:5px; border-radius:10px; background:#ffffff65; transition:width .25s,background .25s; }
.experience-v2 .media-controls [aria-pressed="true"] .media-dot { width:16px; background:#f6e6bc; }
.experience-v2 .home-hero .media-controls { bottom:30px; right:32px; }
.experience-v2 .home-hero-copy { padding-bottom:95px; }
.experience-v2 .visual-guide .media-controls { top:20px; right:20px; }
.experience-v2 .visual-guide .media-track { transition-duration:650ms; }
body.experience-v2 :is(.workspace-intro,.collection-heading).media-chapter { position:relative; isolation:isolate; overflow:hidden; color:#f1f4ee; background:#10272b; padding:40px 44% 54px 38px; border:0; min-height:252px; border-radius:16px; }
body.experience-v2 :is(.workspace-intro,.collection-heading).media-chapter::before { content:""; position:absolute; z-index:-1; inset:0 0 0 40%; background-image:linear-gradient(90deg,#10272b 0%,#10272b15 62%),var(--chapter-image); background-position:center,var(--chapter-position,center); background-size:cover; opacity:.9; }
body.experience-v2 :is(.workspace-intro,.collection-heading).media-chapter :is(h1,#workspaceDescription,.intro-eyebrow,.intro-action,p) { color:#f1f4ee; }
body.experience-v2 :is(.workspace-intro,.collection-heading).media-chapter #workspaceDescription { font-size:14px; }
body.experience-v2 :is(.workspace-intro,.collection-heading).media-chapter #workspaceAction { position:absolute; left:38px; bottom:18px; }
body.experience-v2 .collection-heading.collection-media { margin:18px 0 28px; display:block; padding-bottom:34px; }
.experience-v2 .collection-media .collection-completion { margin-top:28px; text-align:left; }
.experience-v2 .collection-media .collection-completion :is(strong,span) { color:#e8d3a1; }
@media(max-width:1200px) and (min-width:1101px) {
  .experience-v2 .site-brand { width:206px; }
  .experience-v2 .site-brand .brand-wordmark { width:232px; margin-left:-14px; }
  .experience-v2 .primary-section { padding-inline:8px; font-size:12px; }
}
@media(max-width:700px) {
  /* Show the complete wide artwork above the copy, with a soft backdrop below. */
  .experience-v2 .home-hero .media-panoramic::before { content:""; position:absolute; inset:-20px; background:var(--slide-image) center/cover; filter:blur(18px); opacity:.65; z-index:-1; }
  .experience-v2 .home-hero .media-panoramic > img { object-fit:contain; }
  .experience-v2 .home-hero .media-slide:not(.media-panoramic) > img { object-position:50% 0%; }
  body.experience-v2 .site-header-main { padding-inline:12px; gap:0 8px; }
  .experience-v2 .site-brand { width:148px; height:58px; min-height:58px; }
  .experience-v2 .site-brand .brand-wordmark { width:167px; margin-left:-10px; }
  .experience-v2 .site-utilities { gap:7px; }
  .experience-v2 .shell-account { max-width:32px; }
  .experience-v2 .shell-settings { flex-shrink:0; }
  .experience-v2 .shell-settings summary { white-space:nowrap; }
  .experience-v2 .home-hero .media-controls { bottom:20px; right:20px; }
  .experience-v2 .home-hero-copy { padding-bottom:88px; }
  .experience-v2 .visual-guide .media-controls { top:16px; right:16px; }
  body.experience-v2 :is(.workspace-intro,.collection-heading).media-chapter { padding:30px 22px 66px; min-height:280px; }
  body.experience-v2 :is(.workspace-intro,.collection-heading).media-chapter::before { inset:0; background-image:linear-gradient(90deg,#10272bea,#10272b77),var(--chapter-image); background-position:center,var(--chapter-position,center); opacity:1; }
  body.experience-v2 :is(.workspace-intro,.collection-heading).media-chapter #workspaceAction { left:22px; bottom:20px; }
  body.experience-v2 .collection-heading.collection-media { padding-bottom:30px; }
}
@media(max-width:370px) {
  .experience-v2 .media-controls button:has(.media-dot) { width:20px; }
  .experience-v2 .site-brand { width:120px; }
  .experience-v2 .site-brand .brand-wordmark { width:136px; margin-left:-8px; }
  .experience-v2 .shell-account { max-width:20px; }
  .experience-v2 #languageSelect { width:100px; }
  .experience-v2 .site-utilities { gap:5px; }
}
@media(prefers-reduced-motion:reduce) {
  .experience-v2 .media-track,.experience-v2 .media-dot { transition:none; }
}