/* One Fate: a split signature, then a dimensional world. */
.brand img{width:46px;height:46px;object-fit:contain;flex:none}
.cinema-intro{display:none;position:fixed;inset:0;z-index:100;overflow:hidden;isolation:isolate}
.cinema-intro[hidden]{display:none!important}
html[data-intro=pending] .cinema-intro,html[data-intro=playing] .cinema-intro{display:block}
.curtain-panel{position:absolute;inset:0 auto 0 0;width:50%;background:#111211;overflow:hidden;will-change:transform;box-shadow:0 0 70px #000b}
.curtain-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0003,transparent 90%,#ceb88e0b);pointer-events:none}
.curtain-right{left:50%}.curtain-right:after{transform:scaleX(-1)}
.curtain-face{position:absolute;inset:0 auto 0 0;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 42%,#36352d 0,#1b1c19 30%,#111211 68%)}
.curtain-right .curtain-face{left:-100%}
.curtain-sculpture{width:min(43vw,480px);height:min(43vw,480px);object-fit:contain;transform:rotate(-10deg);filter:drop-shadow(0 24px 30px #0009)}
.curtain-name{font:24px Georgia,serif;letter-spacing:.22em;margin:26px 0 7px;padding-left:.22em;color:#e8e6df}
.curtain-name small{font:8px var(--body);display:block;text-align:center;letter-spacing:.62em;margin-top:11px;padding-left:.62em}
.curtain-whisper{position:absolute;top:10%;font-size:8px;letter-spacing:.25em;color:#b8b8ae}
.curtain-edge{position:absolute;top:0;left:50%;height:100%;width:1px;background:linear-gradient(transparent 15%,#d9c7a8a3 48%,transparent 85%);opacity:0;box-shadow:0 0 24px 4px #dbb78026;pointer-events:none}
.intro-skip{position:absolute;z-index:3;bottom:6%;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.06em;color:#cfcec4;border:1px solid #ffffff3d;border-radius:30px;padding:11px 20px;min-height:44px;background:#11121145}
.intro-skip:hover{background:#e8e6df;color:#111211}
html[data-intro=playing] .curtain-left{animation:curtain-left 2.25s .65s cubic-bezier(.7,0,.15,1) both}
html[data-intro=playing] .curtain-right{animation:curtain-right 2.25s .65s cubic-bezier(.7,0,.15,1) both}
html[data-intro=playing] .curtain-edge{animation:curtain-edge 2.6s .3s ease both}
html[data-intro=playing] .curtain-sculpture{animation:signature-light 1.8s ease both}
html[data-intro=playing] .intro-skip{animation:skip-away .3s 2.45s forwards}
@keyframes curtain-left{0%{transform:translateX(0)}100%{transform:translateX(-102%)}}
@keyframes curtain-right{0%{transform:translateX(0)}100%{transform:translateX(102%)}}
@keyframes curtain-edge{0%{opacity:0;transform:scaleY(.1)}30%,60%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(1)}}
@keyframes signature-light{from{filter:brightness(.6) drop-shadow(0 24px 30px #0009)}to{filter:brightness(1.1) drop-shadow(0 24px 30px #0009)}}
@keyframes skip-away{to{opacity:0}}
.collision{height:max(800px,100svh);min-height:740px;background:#110f13;position:relative;isolation:isolate;overflow:clip;color:#f3eee5;--depth-x:0px;--depth-y:0px;--scroll-lift:0px}
.cosmic-stage{position:absolute;inset:0;z-index:-4;perspective:1300px;overflow:hidden;pointer-events:none}
.cosmic-camera{position:absolute;inset:-4%;transform-origin:68% 40%;transform:scale(1.035);will-change:transform}
.cosmic-plane{position:absolute;inset:0;transform:translate3d(var(--far-x,0px),calc(var(--far-y,0px) + var(--scroll-lift)),0) scale(1.035);transition:transform 1.3s cubic-bezier(.2,.65,.2,1);overflow:hidden}
.cosmic-art,.cosmic-film{position:absolute;width:100%;height:100%;object-fit:cover;object-position:62% 48%;max-width:none}
.cosmic-film{opacity:.62;mix-blend-mode:normal}
.cosmic-near{position:absolute;inset:0;transform:translate3d(var(--depth-x),var(--depth-y),0) scale(1.025);transform-origin:83% 13%;transition:transform 1.3s cubic-bezier(.2,.65,.2,1);mask-image:radial-gradient(ellipse 54% 45% at 100% 0,#000 60%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 54% 45% at 100% 0,#000 60%,transparent 100%);opacity:.88}
.cosmic-near img{width:100%;height:100%;object-fit:cover;object-position:62% 48%;max-width:none}
.cosmic-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 71% 40%,#f3eaf032,transparent 38%),radial-gradient(ellipse at 42% 35%,#987a8b16,transparent 47%);mix-blend-mode:screen;animation:atmosphere-breathe 14s ease-in-out infinite;pointer-events:none}
.cosmic-corona{position:absolute;inset:-10%;background:radial-gradient(ellipse 30% 13% at 68% 42%,#f7faff35,transparent 78%),radial-gradient(ellipse 46% 1.5% at 68% 42%,#e5f0ff25,transparent 90%);filter:blur(12px);mix-blend-mode:screen;opacity:.15;transform-origin:68% 42%;animation:platinum-fade 16s ease-in-out infinite;pointer-events:none}
.cosmic-sparks{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;mix-blend-mode:screen;opacity:.68}
.collision-spark{fill:none;stroke:url(#spark-light);stroke-width:.85;stroke-linecap:round;filter:drop-shadow(0 0 2px #eef2ff75);opacity:0;animation:spark-drift var(--spark-duration) var(--spark-delay) linear infinite}
@keyframes spark-drift{0%{opacity:0;transform:translate(0,0)}15%{opacity:.55}65%{opacity:.4}100%{opacity:0;transform:translate(var(--spark-x),var(--spark-y))}}
@keyframes platinum-fade{0%,100%{opacity:.08;transform:scale(.94) translate(-1%,1%)}48%{opacity:.64;transform:scale(1.13) translate(1%,-1%)}68%{opacity:.32}}
.cosmic-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#080a0e65,transparent 28%,#0d0e1290 70%,#111211 100%),linear-gradient(90deg,#0e10132b,transparent 70%);pointer-events:none}
.cosmic-impact{position:absolute;inset:0;opacity:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 70% 40%,#f5f8ff75,transparent 65%);mix-blend-mode:screen}
.collision .cosmic-kicker{position:absolute;top:155px;left:4%;font-size:9px;letter-spacing:.17em;color:#d6c6af;line-height:1.8}
.collision .collision-caption{position:absolute;top:155px;right:4%;text-align:right;font-size:8px;letter-spacing:.14em;color:#d6c6af;line-height:1.8}
.collision h1{position:absolute;inset:auto 4% 23%;font-family:var(--display);font-size:clamp(74px,9.5vw,160px);font-weight:500;letter-spacing:-.075em;line-height:.94;text-align:left;pointer-events:none;z-index:2;animation:none}
.collision h1>span{display:block;width:max-content;max-width:100%;position:relative}
.collision h1>span:last-child{font:italic 400 1.06em/.95 Georgia,serif;letter-spacing:-.065em;margin:9px 0 0 17%;color:#e7e4dc}
.collision h1 .word-dot{font-style:normal;color:#c8b492}
.collision-description{position:absolute;right:5%;top:52%;font-size:11px;line-height:1.9;max-width:235px;color:#e4dacf;text-align:right;letter-spacing:.01em}
.collision-foot{position:absolute;bottom:38px;left:4%;right:4%;display:flex;align-items:end;justify-content:space-between;gap:25px;z-index:4}
.collision-controls{display:flex;gap:28px;align-items:center}.collision-controls .motion-control{font-size:9px}
.replay-opening{color:#bfbcb2;font-size:9px;padding:12px 0;border-bottom:1px solid #ffffff2d;min-height:42px}
.collision-footnote{font-size:8px;letter-spacing:.13em;color:#bfbcb2;text-align:center;line-height:1.8}
.collision-next{display:flex;gap:15px;align-items:center;font-size:11px;line-height:1.5}.collision-next small{display:block;font-size:8px;color:#a6a79e}
.collision-next .reel-arrow{width:48px;height:48px}
html[data-intro=pending] .cosmic-camera{transform:scale(.84);filter:brightness(.42)}
html[data-intro=pending] .collision h1,html[data-intro=pending] .collision-description,html[data-intro=pending] .collision-foot,html[data-intro=pending] .atelier-header{opacity:0}
html[data-intro=playing] .cosmic-camera{animation:world-arrives 4.8s .5s cubic-bezier(.14,.65,.18,1) both}
html[data-intro=playing] .cosmic-impact{animation:impact-light 3.4s .6s ease both}
html[data-intro=playing] .collision h1>span{animation:collision-title 1.7s 1.6s cubic-bezier(.15,.7,.25,1) both}
html[data-intro=playing] .collision h1>span:last-child{animation-delay:1.95s}
html[data-intro=playing] .collision-description,html[data-intro=playing] .collision-foot,html[data-intro=playing] .atelier-header{animation:collision-detail 1.3s 2.1s both}
.collision.is-settled .cosmic-camera{animation:cosmic-drift 26s ease-in-out infinite alternate}
.collision.out-of-view *, .page-hidden .collision *{animation-play-state:paused!important}
@keyframes world-arrives{0%{transform:scale(.84);filter:brightness(.42)}55%{filter:brightness(1.12)}100%{transform:scale(1.035);filter:brightness(1)}}
@keyframes cosmic-drift{from{transform:scale(1.035) translateY(0)}to{transform:scale(1.09) translateY(-.8%)}}
@keyframes impact-light{0%{opacity:0}47%{opacity:.7}100%{opacity:0}}
@keyframes atmosphere-breathe{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.06)}}
@keyframes collision-title{from{opacity:0;transform:translateY(34px) scale(.97);filter:blur(9px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes collision-detail{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.motion-paused .cosmic-plane,.motion-paused .cosmic-near{transform:scale(1.035);transition:none}
.motion-paused .collision h1>span,.motion-paused .collision-description,.motion-paused .collision-foot,.motion-paused .atelier-header{animation:none!important;opacity:1;transform:none;filter:none}
.statement-star{animation:none;color:#947c89}
.concept-mark{color:#775d6d}.website-sheet{background:#392c35}.business-card{background:#2a2228;color:#e8e6df}.launch-sheet{background:#8c7181}.web-shape{color:#af94a2}.swatches i{background:#8c7181}.swatches i:nth-child(2){background:#c7ae88}.swatches i:nth-child(3){background:#201a1e}.bench-control input{accent-color:#8c7181}
@media(min-width:1700px){.collision h1{bottom:22%}.collision-description{top:56%}}
@media(max-width:1000px){.collision{height:max(850px,100svh)}.collision h1{font-size:11vw;bottom:26%}.collision-description{top:auto;bottom:16%;max-width:260px}.collision-footnote{display:none}.collision h1>span:last-child{margin-left:10%}}
@media(max-width:700px){.brand img{width:36px;height:36px}.curtain-sculpture{width:78vw;height:78vw;max-width:440px;max-height:440px}.curtain-name{font-size:21px;margin-top:15px}.curtain-whisper{font-size:7px;top:13%}.intro-skip{bottom:12%;font-size:9px}.collision{height:max(780px,100svh);min-height:780px}.collision .cosmic-kicker{top:115px;left:6%;font-size:7px;max-width:200px;letter-spacing:.13em}.collision .collision-caption{top:115px;right:6%;font-size:6px;max-width:105px}.cosmic-art,.cosmic-film,.cosmic-near img{object-position:68% 37%}.cosmic-plane{inset:-2% -32% 0 -3%}.cosmic-near{mask-image:radial-gradient(ellipse 70% 42% at 100% 0,#000 60%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 42% at 100% 0,#000 60%,transparent 100%)}.cosmic-shade{background:linear-gradient(180deg,#080a0e80,transparent 26%,#10101260 49%,#111211 94%)}.collision h1{left:6%;right:6%;bottom:30%;font-size:clamp(46px,12.5vw,83px);letter-spacing:-.075em;line-height:.97}.collision h1>span:last-child{font-size:1.1em;margin:12px 0 0 5%;letter-spacing:-.065em}.collision-description{left:7%;right:7%;bottom:19%;top:auto;font-size:11px;text-align:left;max-width:250px;line-height:1.8}.collision-foot{left:7%;right:7%;bottom:32px;gap:15px;align-items:end}.collision-controls{display:flex;flex-direction:column;align-items:start;gap:7px}.collision-controls .motion-control{font-size:8px;padding:8px 0;min-height:30px}.replay-opening{padding:7px 0;min-height:30px;font-size:8px}.collision-next{font-size:9px;gap:11px}.collision-next small{font-size:7px}.collision-next .reel-arrow{width:41px;height:41px}.cosmic-camera{transform-origin:67% 40%}}
@media(prefers-reduced-motion:reduce){.cinema-intro{display:none!important}.cosmic-film,.cosmic-sparks{display:none}.cosmic-corona{opacity:.12;animation:none!important}.cosmic-camera,.cosmic-plane,.cosmic-near{transform:none!important;animation:none!important;filter:none!important}.cosmic-impact{display:none}.collision h1,.collision-description,.collision-foot,.atelier-header{opacity:1!important}.replay-opening{display:none}}