.client-timeline-page{--timeline-color:var(--ui-accent,#752aff);--timeline-light:var(--ui-light,#c8b9f6);color:#fff;isolation:isolate;background:#050407}html[data-mood=party] .client-timeline-page{--timeline-color:var(--accent);--timeline-light:var(--lavender)}.client-timeline-intro{background:radial-gradient(ellipse at 90% 45%,color-mix(in srgb,var(--timeline-color) 19%,transparent),transparent 65%);padding:155px 7% 95px}.client-timeline-top{border-bottom:1px solid #ffffff30;justify-content:space-between;align-items:center;gap:24px;padding-bottom:36px;display:flex}.client-timeline-top .client-story-logo{width:180px;max-height:70px}.client-timeline-intro-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:12%;padding-top:70px;display:grid}.client-timeline-intro .eyebrow{margin-bottom:38px}.client-timeline-intro .brand-heading{--brand-overlap:.32em;--brand-accent-size:1.15em;margin-bottom:40px;font-size:clamp(65px,7.6vw,124px)}.client-timeline-page .brand-heading-second{margin-left:12%}.client-timeline-page .brand-heading-color{background-image:linear-gradient(100deg,var(--timeline-color),var(--timeline-light) 48%,#fff);background-position:0;background-size:100% 100%;animation:none}.client-timeline-intro-grid p:not(.eyebrow){color:#c3becb;max-width:530px;margin:0 0 18px;font-size:17px;line-height:1.7}.client-timeline-enter{color:#fff;background:0 0;border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:38px;margin-top:32px;padding:18px 24px;font-size:12px;font-weight:600;display:flex}.client-timeline-enter .ui-symbol{transition:transform .6s cubic-bezier(.22,1,.36,1);transform:rotate(90deg)}.client-timeline-enter:hover .ui-symbol{transform:translate(3px,3px)rotate(90deg)}.client-timeline-intro-art{justify-self:center;width:min(100%,310px)}.client-timeline-intro-art button{background:0 0;border:0;border-radius:20px;width:100%;padding:0;display:block;overflow:hidden;transform:rotate(3deg)}.client-timeline-intro-art img{width:100%;height:auto;display:block}.client-timeline-intro-art>span{letter-spacing:.07em;color:#c3becb;text-align:center;margin-top:30px;font-size:12px;display:block}.client-timeline-scroll{height:calc(100svh + var(--timeline-travel));position:relative}.client-timeline-pin{background:#050407;flex-direction:column;height:100svh;min-height:640px;display:flex;position:sticky;top:0;overflow:hidden}.client-timeline-heading{flex:none;justify-content:space-between;align-items:center;gap:20px;height:138px;padding:35px 7% 10px;display:flex}.client-timeline-heading .brand-heading{--brand-accent-size:1.1em;--brand-overlap:.3em;font-size:clamp(35px,3.7vw,64px)}.client-timeline-heading>span{letter-spacing:.15em;color:#aaa3b2;font-size:12px}.client-timeline-stage{--media-h:min(25svh,260px);isolation:isolate;flex:1;min-height:410px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.client-timeline-year{letter-spacing:-.08em;color:color-mix(in srgb,var(--timeline-color) 7%,#100d18);pointer-events:none;z-index:-1;place-items:center;font-size:clamp(220px,32vw,560px);font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.client-timeline-line{background:linear-gradient(90deg,transparent,var(--timeline-color) 30%,var(--timeline-light) 50%,#ffffff35 75%,transparent);height:1px;position:absolute;top:50%;left:0;right:0}.client-timeline-track{will-change:transform;--timeline-spacing:260px;width:0;height:0;position:absolute;top:50%;left:50%}.client-timeline-node{left:calc(var(--moment) * var(--timeline-spacing));width:calc(var(--timeline-spacing) - 26px);margin-left:calc((var(--timeline-spacing) - 26px) / -2);text-align:center;position:absolute;top:0}.client-timeline-card{width:max-content;box-shadow:none;opacity:.67;transform-origin:50%;background:0 0;border:0;border-radius:14px;padding:0;transition:opacity .45s,scale .6s;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)scale(.94)}.client-timeline-node[data-active=true] .client-timeline-card{opacity:1;scale:1}.client-timeline-node[data-side=top] .client-timeline-card{bottom:49px}.client-timeline-node[data-side=bottom] .client-timeline-card{top:49px}.client-timeline-node time{letter-spacing:.08em;text-transform:uppercase;color:#d2c8df;white-space:nowrap;font-size:11px;line-height:1.3;position:absolute;left:0;right:0}.client-timeline-node[data-side=top] time{top:17px}.client-timeline-node[data-side=bottom] time{bottom:17px}.client-timeline-caption{padding:0 5px;position:absolute;left:0;right:0}.client-timeline-node[data-side=top] .client-timeline-caption{top:48px}.client-timeline-node[data-side=bottom] .client-timeline-caption{bottom:48px}.client-timeline-caption>span{letter-spacing:.1em;color:#a89eb5;font-size:10px}.client-timeline-caption h3{letter-spacing:0;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;margin:9px 0 0;font-family:BYMANGO Helvetica Neue,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;line-height:1.35}.client-timeline-art{height:var(--media-h);width:auto;max-width:calc(var(--timeline-spacing,330px) - 28px);border-radius:inherit;background:#08060d;border:0;display:block;position:relative;overflow:hidden}.client-timeline-art>img,.client-timeline-art>video{object-fit:contain;width:100%;height:100%;box-shadow:none;background:0 0;border:0;outline:0;transition:opacity .3s;display:block;position:absolute;inset:0}.client-timeline-card:hover{opacity:1}.client-timeline-card:focus-visible{outline:2px solid var(--timeline-light);outline-offset:5px}.client-timeline-intro-art button:focus-visible{outline:2px solid var(--timeline-light);outline-offset:5px}.client-timeline-media-note{font-size:12px;position:absolute;bottom:8px;left:8px}.client-timeline-star{--flight:0;--trail-direction:1;pointer-events:none;width:0;height:0;color:var(--timeline-light);z-index:2;position:absolute;top:50%;left:50%}.client-timeline-star-core{width:38px;height:38px;transform:rotate(var(--flight-turn,0deg)) scale(calc(1 + var(--flight) * .12));filter:drop-shadow(0 0 12px var(--timeline-color));position:absolute;top:-19px;left:-19px}.client-timeline-star-core>.ui-symbol{color:#fff;width:100%;height:100%}html[data-mood=party] .client-timeline-star-core>.ui-symbol{color:var(--timeline-light)}.client-timeline-trail{transform-origin:100%;width:380px;height:58px;transform:scaleX(var(--trail-direction));opacity:calc(.14 + var(--flight) * .74);background:radial-gradient(ellipse at right,var(--timeline-light),color-mix(in srgb,var(--timeline-color) 75%,transparent) 22%,transparent 72%);clip-path:polygon(0 0,100% 50%,0 100%);position:absolute;top:-29px;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.client-timeline-star [data-timeline-particle]{opacity:0;will-change:transform,opacity;width:8px;height:8px;font-size:17px;line-height:8px;position:absolute;top:-4px;left:-4px}.client-timeline-star [data-timeline-particle]>.ui-symbol{width:8px;height:8px}.client-timeline-controls{border-top:1px solid #ffffff25;flex:none;grid-template-columns:1fr minmax(160px,280px) 1fr;align-items:center;gap:22px;margin:0 7%;padding:18px 0 24px;display:grid}.client-timeline-controls nav{gap:20px;display:flex}.client-timeline-controls button{color:#b9b0c5;background:0 0;border:0;min-height:38px;padding:5px 0;font-size:12px}.client-timeline-controls button[aria-current=step]{color:#fff;border-bottom:1px solid var(--timeline-light)}.client-timeline-controls label{text-align:center;letter-spacing:.08em;color:#b9b0c5;gap:9px;font-size:10px;display:grid}.client-timeline-controls input{width:100%;height:12px;accent-color:var(--timeline-light)}.client-timeline-pause{justify-self:end}.client-timeline-ending{justify-content:space-between;align-items:center;gap:30px;padding:100px 7%;display:flex}.client-timeline-ending .brand-heading{font-size:clamp(50px,7vw,100px)}.client-timeline-dialog{color:#fff;background:#050407e8;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:26px;position:fixed;inset:0;overflow:auto}.client-timeline-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000b}.client-timeline-dialog-body{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100%;display:flex;position:relative}.client-timeline-dialog .client-timeline-art{border-radius:20px;flex:none;max-width:90vw;height:min(78dvh,1000px)}.client-timeline-close{color:#fff;z-index:2;background:#0c0912;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:fixed;top:26px;right:30px}.client-timeline-close>.ui-symbol{width:27px;height:27px;transform:rotate(45deg)}.client-timeline-dialog-caption{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;font-size:13px;line-height:1.5;display:flex}body:has(.client-timeline-dialog[open]){overflow:hidden}@media (max-width:700px){.client-timeline-intro{padding:130px 6% 60px}.client-timeline-intro-grid{grid-template-columns:1fr;gap:50px;padding-top:44px}.client-timeline-intro .brand-heading{font-size:clamp(48px,12vw,78px)}.client-timeline-intro-grid p:not(.eyebrow){font-size:16px}.client-timeline-top .client-story-logo{width:125px}.client-timeline-intro-art{width:220px}.client-timeline-pin{min-height:610px}.client-timeline-heading{height:116px;padding:24px 6% 8px}.client-timeline-heading .brand-heading{font-size:34px}.client-timeline-stage{--media-h:min(25svh,200px);min-height:395px}.client-timeline-controls{grid-template-columns:1fr auto;gap:8px;margin:0 6%;padding:14px 0}.client-timeline-controls label{grid-area:2/1/auto/-1}.client-timeline-controls nav{gap:18px}.client-timeline-caption h3{font-size:12px}.client-timeline-ending{flex-direction:column;align-items:flex-start;padding:65px 6%}.client-timeline-dialog .client-timeline-art{height:min(72dvh,160vw)}.client-timeline-close{top:12px;right:12px}}@media (prefers-reduced-motion:reduce){.client-timeline-page *{scroll-behavior:auto!important}.client-timeline-trail,.client-timeline-star [data-timeline-particle]{display:none}.client-timeline-card,.client-timeline-art>img,.client-timeline-art>video{transition:none}}body:has(.client-timeline-scroll[data-pinned=true]) .scroll-return-header{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.client-timeline-card:has([data-still=true]){animation:5s ease-in-out infinite alternate paused client-timeline-float}.client-timeline-page[data-motion=true] .client-timeline-card:has([data-still=true]){animation-play-state:running}@keyframes client-timeline-float{0%{translate:0}to{translate:0 -5px}}@media (prefers-reduced-motion:reduce){.client-timeline-card:has([data-still=true]){animation:none}}.client-timeline-page[data-client=societe] .client-timeline-intro{isolation:isolate;background:0 0;padding-top:48px;position:relative;overflow:clip}.client-timeline-page[data-client=societe] .client-timeline-intro:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 45%,color-mix(in srgb,var(--timeline-color) 19%,transparent),transparent 65%);transform:translate(var(--story-glow-x,0px),var(--story-glow-y,0px));transition:transform .45s ease-out;position:absolute;inset:-60px}.client-timeline-page[data-client=societe] .brand-heading-lead{margin-bottom:-.22em;padding-bottom:.22em}.client-timeline-enter.orbit-button{position:relative}@media (max-width:700px){.client-timeline-page[data-client=societe] .client-timeline-intro{padding-top:32px}}@media (prefers-reduced-motion:reduce){.client-timeline-page[data-client=societe] .client-timeline-intro:before{transition:none}}