/* Original gold IM artwork, assembled in four movements then parted to reveal the film. */
.brand-opening{display:none}html[data-img-opening="active"] .brand-opening[hidden]{display:grid!important;place-items:center;position:fixed;inset:0;width:100%;height:100%;height:100dvh;z-index:2000;color:#c2aa78;isolation:isolate;overflow:hidden;animation:opening-release 3.35s both;touch-action:manipulation}html[data-img-opening="active"]{overflow:hidden}.brand-opening-curtain{position:absolute;top:0;bottom:0;width:50.1%;background:#000000;z-index:-1;will-change:transform}.brand-opening-curtain-left{left:0;animation:opening-left 3.35s cubic-bezier(.76,0,.24,1) both}.brand-opening-curtain-right{right:0;animation:opening-right 3.35s cubic-bezier(.76,0,.24,1) both}.brand-opening-center{display:flex;align-items:center;flex-direction:column;text-align:center;transform:translateY(-8px);animation:opening-center 3.35s both}.brand-opening-mark{position:relative;width:180px;height:180px;margin-bottom:26px}.brand-opening-part{position:absolute;inset:0;display:block;animation:opening-assemble 1.55s cubic-bezier(.22,1,.36,1) both}.brand-opening-part img{position:absolute;inset:0;width:100%;height:100%;max-width:none!important;object-fit:contain}.part-one{clip-path:inset(0 50% 50% 0);--x:-24px;--y:-20px;--r:-8deg;animation-delay:0s}.part-two{clip-path:inset(0 0 50% 50%);--x:24px;--y:-20px;--r:8deg;animation-delay:.08s}.part-three{clip-path:inset(50% 50% 0 0);--x:-24px;--y:20px;--r:8deg;animation-delay:.12s}.part-four{clip-path:inset(50% 0 0 50%);--x:24px;--y:20px;--r:-8deg;animation-delay:.04s}.brand-opening-name{font:400 22px/1.3 Georgia,serif;letter-spacing:.27em;color:#eee5d3;margin:0;padding-left:.27em;animation:opening-type 1.8s both}.brand-opening-name span{display:block;font:8px/1.4 Arial,sans-serif;letter-spacing:.55em;margin-top:12px}.brand-opening-caption{font:8px/1.7 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;margin:27px 15px 0;color:#b5a789;animation:opening-caption 2.15s both}.brand-opening-caption span{padding:0 7px}.brand-opening-baseline{position:absolute;left:42px;right:42px;bottom:35px;display:flex;justify-content:space-between;font:8px/1.6 Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#a49477;animation:opening-center 3.35s both}.brand-opening-skip{position:absolute;top:30px;right:36px;border:0;border-bottom:1px solid #8d7b5a;background:none;color:#c5b799;padding:8px 0;font:9px/1.4 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;animation:opening-center 3.35s both}.brand-opening-skip:hover{color:#fff4db}.brand-opening-skip:focus-visible{outline:1px solid #c2aa78;outline-offset:7px}
@keyframes opening-assemble{0%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.82)}18%{opacity:1}78%,100%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}@keyframes opening-type{0%,35%{opacity:0;transform:translateY(10px)}75%,100%{opacity:1;transform:translateY(0)}}@keyframes opening-caption{0%,55%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:translateY(0)}}@keyframes opening-center{0%,69%{opacity:1}82%,100%{opacity:0}}@keyframes opening-left{0%,73%{transform:translateX(0)}100%{transform:translateX(-101%)}}@keyframes opening-right{0%,73%{transform:translateX(0)}100%{transform:translateX(101%)}}@keyframes opening-release{0%,99%{visibility:visible}100%{visibility:hidden;pointer-events:none}}
@media(max-width:600px){.brand-opening-mark{width:145px;height:145px;margin-bottom:24px}.brand-opening-name{font-size:18px}.brand-opening-caption{font-size:7px;letter-spacing:.1em;max-width:300px}.brand-opening-baseline{left:22px;right:22px;bottom:24px;font-size:7px;letter-spacing:.1em}.brand-opening-skip{top:23px;right:23px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html[data-img-opening="active"] .brand-opening[hidden]{display:none!important}html[data-img-opening="active"]{overflow:auto}.brand-opening *{animation:none!important}}

/* Fill the current mobile viewport; keep the credit clear of browser/home controls. */
html[data-img-opening="active"] body{overflow:hidden;overscroll-behavior:none}
html[data-img-opening="active"]:not([data-img-opening-ready]) .brand-opening,html[data-img-opening="active"]:not([data-img-opening-ready]) .brand-opening *{animation-play-state:paused!important}
.brand-opening-baseline{bottom:max(30px,calc(env(safe-area-inset-bottom,0px) + 22px));font-size:10px;line-height:1.8;color:#c9bda5;gap:24px}
.brand-opening-center{max-width:calc(100% - 44px)}
.brand-opening-skip{top:max(24px,calc(env(safe-area-inset-top,0px) + 12px))}
@media(max-width:600px){.brand-opening-baseline{left:24px;right:24px;bottom:max(32px,calc(env(safe-area-inset-bottom,0px) + 24px));display:grid;grid-template-columns:1fr;text-align:center;font-size:10px;gap:5px;letter-spacing:.08em}.brand-opening-baseline>span:first-child,.brand-opening-baseline>span:last-child{max-width:none!important;width:100%;text-align:center!important}.brand-opening-center{padding-bottom:35px}.brand-opening-caption{font-size:9px;line-height:1.8}}
@media(max-height:540px){.brand-opening-mark{width:100px;height:100px;margin-bottom:12px}.brand-opening-caption{margin-top:15px}.brand-opening-center{padding-bottom:20px}.brand-opening-baseline{bottom:max(18px,calc(env(safe-area-inset-bottom,0px) + 12px))}}

/* The founder is a discreet colophon, after the central studio identity. */
.brand-opening-baseline{font-size:8px;bottom:max(24px,calc(env(safe-area-inset-bottom,0px) + 16px));animation-name:opening-credit}
@keyframes opening-credit{0%,35%{opacity:0}50%,69%{opacity:1}82%,100%{opacity:0}}
@media(max-width:600px){.brand-opening-baseline{display:flex!important;justify-content:space-between;align-items:flex-end;left:22px;right:22px;font-size:7px;line-height:1.7;letter-spacing:.08em;gap:16px;text-align:left}.brand-opening-baseline>span:first-child{width:auto;max-width:62%!important;text-align:left!important}.brand-opening-baseline>span:last-child{width:auto;max-width:34%!important;text-align:right!important}}