/* Opt-in expressive structures. Colors follow Branding. */
.cc-header-kinetic{--k-bg:var(--color-main,#1736d9);--k-ink:var(--color-sec,#c6ff3d)}
.cc-k-header{position:absolute;z-index:100;inset:0 0 auto;display:flex;align-items:center;gap:30px;padding:30px 40px;color:var(--k-ink);background:var(--k-bg)}
.cc-k-brand{max-width:210px;font:800 32px/1 var(--font-titles,sans-serif);color:inherit}.cc-k-brand img{display:block;width:180px;height:auto}.cc-k-context{font-size:14px}.cc-k-menu-open{position:fixed;top:25px;right:30px;display:flex;align-items:center;justify-content:center;gap:8px;width:96px;height:96px;border-radius:50%;background:var(--color-sec,#c6ff3d);color:#0b0b0b;font-size:18px;z-index:1001;border:2px solid #0b0b0b}
.cc-k-menu{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:70px 8vw;background:var(--color-main);color:var(--color-sec);overflow:auto}.cc-k-menu-close{position:sticky;top:0;float:right;background:var(--color-sec);color:#111;border:0;padding:14px 22px;min-height:48px;font:inherit;cursor:pointer}.cc-k-menu ul{list-style:none;padding:0;margin:25px 0}.cc-k-menu nav a{display:inline-block;font:800 clamp(2rem,5vw,5rem)/1.1 var(--font-titles,sans-serif);color:inherit;transition:transform .2s}.cc-k-menu nav a:hover,.cc-k-menu nav a:focus-visible{color:var(--color-main);background:var(--color-third,#ff8fc8);transform:translateX(14px)}.cc-k-menu::backdrop{background:#0009}html.cc-menu-is-open{overflow:hidden}.cc-k-nojs{padding:130px 30px 30px;background:var(--color-main);color:var(--color-sec)}
.cc-kinetic-hero{background:var(--color-main);color:var(--color-sec);padding:150px max(40px,calc((100vw - 1300px)/2)) 38px;overflow:hidden}.cc-k-intro,.cc-k-baseline{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:15px}.cc-k-intro{padding-bottom:28px;border-bottom:1px solid currentColor}.cc-k-composition{display:grid;grid-template-columns:7fr 5fr;align-items:center;gap:40px;padding:55px 0 45px}.cc-k-copy{min-width:0;position:relative;z-index:2}.cc-k-copy h1{font:800 clamp(4rem,11.3vw,12rem)/.87 var(--font-titles,sans-serif);letter-spacing:-.065em;color:inherit;margin:0 0 35px}.cc-k-word{display:inline-block;min-width:3.1ch;transform-origin:left center}.cc-k-copy p{max-width:28ch;font-size:20px;line-height:1.5;color:inherit}.cc-k-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px}.cc-k-photo{margin:0;position:relative;transform:rotate(3deg);background:var(--color-third);isolation:isolate}.cc-k-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;mix-blend-mode:luminosity;filter:contrast(1.05)}.cc-k-photo:hover img{mix-blend-mode:normal;filter:none}.cc-k-photo figcaption{color:#111;background:var(--color-third);padding:15px;font-size:14px}.cc-k-baseline{border-top:1px solid currentColor;padding-top:24px}.cc-k-pause{background:transparent;color:inherit;border:1px solid currentColor;padding:10px 14px;font:inherit;cursor:pointer}
.cc-stage{position:relative;overflow:hidden;min-height:90svh;background:var(--color-main);color:var(--color-sec);padding:70px max(40px,calc((100vw - 1300px)/2)) 35px}.cc-stage-front{position:relative;z-index:1}.cc-stage h2{font:800 clamp(4rem,12vw,12.5rem)/.92 var(--font-titles,sans-serif);letter-spacing:-.065em;color:inherit;max-width:10ch;margin:60px 0}.cc-stage h2 span{display:inline-block;font-size:.55em;margin-left:.3em}.cc-stage-sun{position:absolute;width:400px;height:400px;border-radius:50%;background:var(--color-sec);opacity:.13;right:-80px;top:10%;pointer-events:none}.cc-stage-bottom{display:flex;justify-content:space-between;gap:40px;align-items:start;border-top:1px solid currentColor;padding-top:30px}.cc-stage ul{padding:0;list-style:none;columns:2;column-gap:35px}.cc-stage a{color:inherit}.cc-stage p{color:inherit}.cc-stage-credit{font-size:13px;margin-top:65px}.cc-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:45px 35px;margin-top:60px}.cc-mosaic figure{grid-column:span 5;margin:0;transform:rotate(-2deg)}.cc-mosaic figure:nth-child(4n+2),.cc-mosaic figure:nth-child(4n+3){grid-column:span 7;transform:rotate(2deg)}.cc-mosaic img{width:100%;height:380px;object-fit:cover;display:block}.cc-mosaic figcaption{font-size:16px;margin-top:16px}.cc-mosaic figure:hover,.cc-mosaic figure:focus-within{transform:rotate(0)}
.cc-k-menu a:focus-visible,.cc-k-menu-close:focus-visible,.cc-k-menu-open:focus-visible,.cc-k-pause:focus-visible,.cc-stage a:focus-visible,.cc-mosaic a:focus-visible{outline:3px solid currentColor;outline-offset:6px}
@media(prefers-reduced-motion:no-preference){.cc-k-menu[open] nav li{animation:cc-k-enter .4s ease-out both}.cc-k-menu[open] nav li:nth-child(2n){animation-delay:.06s}.cc-mosaic figure{transition:transform .3s}.cc-k-word.is-changing{animation:cc-k-stretch .65s ease-out}@keyframes cc-k-enter{from{transform:translateX(-30px);opacity:0}to{transform:none;opacity:1}}@keyframes cc-k-stretch{0%{transform:scaleX(.8) translateY(8px);opacity:.3}100%{transform:none;opacity:1}}}
@media(max-width:1024px){.cc-k-composition{gap:25px}.cc-k-context{display:none}.cc-k-copy h1{font-size:clamp(4rem,12vw,8rem)}.cc-stage-bottom{flex-wrap:wrap}.cc-mosaic img{height:280px}}
@media(max-width:767px){.cc-k-header{padding:25px 20px}.cc-k-brand img{width:140px}.cc-k-menu-open{top:auto;bottom:max(20px,env(safe-area-inset-bottom));right:20px;width:76px;height:76px}.cc-kinetic-hero{padding:105px 20px 28px}.cc-k-intro{font-size:13px}.cc-k-composition{grid-template-columns:1fr;padding:35px 0;gap:40px}.cc-k-copy h1{font-size:clamp(4rem,20vw,7rem)}.cc-k-copy p{font-size:18px}.cc-k-photo{width:85%;justify-self:center}.cc-k-photo img{aspect-ratio:5/4}.cc-k-baseline{align-items:start;flex-wrap:wrap;font-size:13px}.cc-k-baseline>span:last-child{display:none}.cc-k-menu{padding:25px 20px 100px}.cc-k-menu nav a{font-size:clamp(2rem,10vw,3.2rem)}.cc-k-menu ul{margin-top:70px}.cc-stage{padding:55px 20px 110px;min-height:0}.cc-stage h2{font-size:clamp(4rem,18vw,7rem);margin:50px 0}.cc-stage-bottom{display:grid;gap:25px}.cc-mosaic{gap:35px 20px;grid-template-columns:1fr}.cc-mosaic figure,.cc-mosaic figure:nth-child(n){grid-column:auto;transform:none}.cc-mosaic img{height:auto;aspect-ratio:4/3}.cc-stage-sun{width:240px;height:240px}}
@media(prefers-reduced-motion:reduce){.cc-k-word,.cc-k-photo,.cc-mosaic figure{transform:none!important}.cc-k-menu *{animation:none!important;transition:none!important}}

.cc-kinetic-hero h1,.cc-stage h2{color:var(--color-sec)!important}

/* Menu entry animates; native dialog exit is immediate across all browsers. */
.cc-header-kinetic .cc-k-menu-open{color:#0b0b0b!important}.cc-k-menu[open] a{color:var(--color-sec)!important}.cc-k-menu[open] a:hover,.cc-k-menu[open] a:focus-visible{color:var(--color-main)!important}.cc-k-menu nav{position:relative;z-index:1}.cc-k-menu-preview{position:fixed;right:5vw;top:20vh;width:30vw;height:60vh;object-fit:cover;opacity:0;pointer-events:none;transform:rotate(3deg);transition:opacity .2s}.cc-k-menu.has-preview .cc-k-menu-preview{opacity:.3}.cc-k-menu p{color:inherit}.cc-k-menu-close{position:relative;z-index:3}
@media(max-width:767px){.cc-k-menu-preview{display:none}}

.cc-stage nav a,.cc-stage-details a,.cc-stage-credit a{color:inherit!important}.cc-k-photo{background:transparent}.cc-k-photo-frame{background:var(--color-third);overflow:hidden}.cc-k-photo-frame img{mix-blend-mode:luminosity}.cc-k-photo-frame:hover img{mix-blend-mode:normal;filter:none}.cc-k-copy p{font-size:20px!important}.cc-stage p{font-size:18px}.cc-stage-credit{font-size:13px!important}
@media(prefers-reduced-motion:reduce){.cc-k-photo-frame img{mix-blend-mode:normal;filter:none}}
@media(max-width:767px){.cc-k-copy p{font-size:18px!important}}