html{scroll-behavior:smooth;scroll-padding-top:24px}
#cm-studios-home{background:#040507}
#cm-studios-home .cm-motion-label{display:none}
#cm-studios-home .cin-header{background:#030405;position:relative;z-index:10;border-bottom:1px solid #ffffff12}
#cm-studios-home .cin-header-inner{max-width:1440px;margin:auto;min-height:76px;padding:8px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}
#cm-studios-home .cin-logo{display:block;width:275px;height:52px;overflow:hidden;flex-shrink:0}
#cm-studios-home .cin-logo img{width:100%;height:100%;object-fit:cover;object-position:50% 49%;filter:invert(1);mix-blend-mode:screen;display:block}
#cm-studios-home .cin-nav{display:flex;gap:42px;font:18px Georgia,serif}
#cm-studios-home .cin-nav a:hover{color:#b7cfff}
#cm-studios-home .cin-menu{display:none}
#cm-studios-home .cin-hero{position:relative;isolation:isolate;overflow:hidden;min-height:690px;display:flex;align-items:flex-end;padding:265px 28px 40px;text-align:center;background:#040507}
#cm-studios-home .cin-image{position:absolute;inset:0;z-index:-3;background:url('/assets/homepage-montage.png') center 38%/cover no-repeat;animation:cin-drift 22s ease-in-out infinite alternate;will-change:transform}
#cm-studios-home .cin-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0000 15%,#0002 32%,#0008 51%,#020307d9 86%,#030406 100%)}
#cm-studios-home .cin-hero-content{width:min(100%,1120px);margin:auto;color:#fff;text-shadow:0 2px 20px #0009}
#cm-studios-home .cin-eyebrow{font:11px/1.7 Arial,sans-serif;text-transform:uppercase;letter-spacing:4px;margin:0 0 16px}
#cm-studios-home .cin-hero h1{font:normal clamp(58px,6.7vw,104px)/.94 Georgia,'Times New Roman',serif;letter-spacing:-4px;margin:0 auto 18px}
#cm-studios-home .cin-hero h1 em{font-weight:normal}
#cm-studios-home .cin-vision{position:relative;display:inline-block}
#cm-studios-home .cin-vision svg{position:absolute;inset:-9% -8%;width:118%;height:128%;fill:none;stroke:#fff;stroke-width:1.7;overflow:visible}
#cm-studios-home .cin-question{font:25px/1.3 Georgia,serif;margin:18px 0 22px}
#cm-studios-home .cin-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;width:min(100%,1050px);margin:auto}
#cm-studios-home .cin-button{--glow:#00b6ff;display:flex;align-items:center;justify-content:center;text-align:center;min-height:64px;padding:15px 20px;color:#fff;border:2px solid var(--glow);border-radius:9px;background:linear-gradient(180deg,#ffffff13,transparent 38%),linear-gradient(180deg,#080d13,#010204);box-shadow:0 0 8px var(--glow),0 0 24px color-mix(in srgb,var(--glow) 28%,transparent),inset 0 0 12px color-mix(in srgb,var(--glow) 19%,transparent),inset 0 1px 2px #ffffff75;font:21px/1.2 Georgia,serif;transition:transform .2s,box-shadow .2s}
#cm-studios-home .cin-red{--glow:#ff303e}#cm-studios-home .cin-purple{--glow:#b846ff}
#cm-studios-home .cin-button:hover{transform:translateY(-3px);box-shadow:0 0 15px var(--glow),0 0 30px color-mix(in srgb,var(--glow) 35%,transparent)}
#cm-studios-home .cin-meet-link{display:inline-flex;gap:13px;align-items:center;font:18px Georgia,serif;margin-top:25px}
#cm-studios-home .cin-meet-link span{border:1.5px solid #fff;border-radius:50%;height:44px;width:44px;display:grid;place-items:center;font:27px Arial,sans-serif}
#cm-studios-home .cin-motion{position:absolute;bottom:14px;right:25px;color:#fff;background:#0007;border:1px solid #ffffff38;border-radius:4px;padding:9px 12px;font:9px Arial,sans-serif;text-transform:uppercase;letter-spacing:2px}
#cm-studios-home .cin-about{position:relative;overflow:hidden;border-top:1px solid #ffffff26;background:radial-gradient(ellipse at 0 10%,#004caf42,transparent 32%),radial-gradient(ellipse at 100% 85%,#920cf233,transparent 25%),radial-gradient(ellipse at 100% 0,#ff163825,transparent 25%),#040507}
#cm-studios-home .cin-about::before,#cm-studios-home .cin-about::after{content:'';position:absolute;width:260px;height:180px;border:1px solid #056dff;box-shadow:0 0 16px #056dff;border-radius:50%;left:-220px;top:-85px;transform:rotate(30deg);pointer-events:none}
#cm-studios-home .cin-about::after{left:auto;right:-225px;border-color:#ff2448;box-shadow:0 0 16px #ff2448;top:70px}
#cm-studios-home .cin-about-inner{max-width:1320px;padding:48px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center}
#cm-studios-home .cin-about h2,#cm-studios-home .cin-work h2{font:normal clamp(32px,3.3vw,50px)/1.1 Georgia,serif;margin:0 0 10px;letter-spacing:-1px}
#cm-studios-home .cin-about-tagline{font:24px/1.3 Georgia,serif;margin:0 0 18px}
#cm-studios-home .cin-bio,#cm-studios-home .cin-work p:not(.cin-eyebrow){font:15px/1.8 Arial,sans-serif;color:#c0c0cd;max-width:510px}
#cm-studios-home .cin-text-link{display:inline-block;font:15px Georgia,serif;border-bottom:1px solid #ffffff50;padding:4px 0;margin-top:4px}
#cm-studios-home .cin-portrait{width:100%;height:305px;object-fit:cover;object-position:center 32%;border:1px solid #ffffff17}
#cm-studios-home .cin-work{border-top:1px solid #ffffff14;background:#070a10}
#cm-studios-home .cin-work-inner{max-width:1320px;padding:75px 48px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
#cm-studios-home .cin-work img{width:100%;height:360px;object-fit:cover;object-position:center 68%}
#cm-studios-home .cin-work .cin-button{display:inline-flex;margin-top:17px;font-size:18px;min-height:54px}
@keyframes cin-drift{from{transform:scale(1)}to{transform:scale(1.065) translateY(-8px)}}
@media(min-width:1600px){#cm-studios-home .cin-hero{min-height:760px;padding-top:320px}}
@media(max-width:900px){#cm-studios-home .cin-nav{gap:22px;font-size:16px}#cm-studios-home .cin-logo{width:235px;height:46px}#cm-studios-home .cin-buttons{gap:16px}#cm-studios-home .cin-button{font-size:17px;padding:14px 12px}#cm-studios-home .cin-about-inner{gap:30px;padding:40px 28px}#cm-studios-home .cin-work-inner{gap:35px;padding:55px 28px}}
@media(max-width:640px){
#cm-studios-home .cin-header-inner{min-height:70px;padding:8px 22px}
#cm-studios-home .cin-logo{width:220px;height:45px}
#cm-studios-home .cin-nav{display:none}#cm-studios-home .cin-menu{display:block}
#cm-studios-home .cin-menu summary{list-style:none;font:26px Arial;cursor:pointer;padding:8px}#cm-studios-home .cin-menu summary::-webkit-details-marker{display:none}
#cm-studios-home .cin-menu nav{position:absolute;top:100%;left:0;right:0;background:#080b11;display:flex;flex-direction:column;padding:15px 24px 25px;box-shadow:0 15px 25px #0009}
#cm-studios-home .cin-menu nav a{padding:14px 0;border-bottom:1px solid #ffffff20}
#cm-studios-home .cin-hero{min-height:730px;padding:250px 22px 55px}
#cm-studios-home .cin-image{background-size:auto 450px;background-position:52% 0}
#cm-studios-home .cin-shade{background:linear-gradient(180deg,transparent 12%,#02030766 30%,#020307f5 53%,#030406 100%)}
#cm-studios-home .cin-hero h1{font-size:clamp(40px,10.2vw,64px);letter-spacing:-2px;line-height:1.03}
#cm-studios-home .cin-eyebrow{font-size:8px;letter-spacing:2.6px;margin-bottom:16px}
#cm-studios-home .cin-question{font-size:20px;margin:15px 0 22px}
#cm-studios-home .cin-buttons{grid-template-columns:1fr;gap:14px;max-width:350px}
#cm-studios-home .cin-button{min-height:53px;font-size:19px}
#cm-studios-home .cin-meet-link{margin-top:23px;font-size:16px}
#cm-studios-home .cin-motion{bottom:12px;right:18px;font-size:8px}
#cm-studios-home .cin-about-inner,#cm-studios-home .cin-work-inner{grid-template-columns:1fr;gap:25px;padding:40px 24px}
#cm-studios-home .cin-about h2,#cm-studios-home .cin-work h2{font-size:35px}
#cm-studios-home .cin-about-tagline{font-size:21px}
#cm-studios-home .cin-portrait{height:310px;object-position:center 25%}
#cm-studios-home .cin-work img{height:310px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#cm-studios-home .cin-image{animation:none}#cm-studios-home .cin-button{transition:none}}

#cm-studios-home .cin-slides{position:absolute;inset:0;z-index:-3}
#cm-studios-home .cin-slide{position:absolute;inset:0;background-size:cover;background-position:center 38%;opacity:0;transition:opacity 1s ease;transform:scale(1.035)}
#cm-studios-home .cin-slide.is-active{opacity:1}
#cm-studios-home .cin-slide-event{background-position:center 64%}
#cm-studios-home .cin-slide-shirt{background-position:center 40%}
#cm-studios-home .cin-slide-controls{position:absolute;bottom:17px;left:28px;display:flex;gap:6px}
#cm-studios-home .cin-slide-controls button{width:32px;height:30px;border:0;background:transparent;padding:10px;cursor:pointer}
#cm-studios-home .cin-slide-controls button::after{content:'';display:block;width:10px;height:10px;border:1px solid white;border-radius:50%;background:#0007}
#cm-studios-home .cin-slide-controls button.is-active::after{background:white;box-shadow:0 0 8px #fff7}
@media(max-width:640px){#cm-studios-home .cin-slide{background-size:auto 460px;background-repeat:no-repeat;background-position:center top}#cm-studios-home .cin-slide-event{background-size:auto 500px;background-position:center 0}#cm-studios-home .cin-slide-shirt{background-position:70% top}}
@media(prefers-reduced-motion:reduce){#cm-studios-home .cin-slide{transition:none;transform:none}}

#cm-studios-home .cin-slides{z-index:0}#cm-studios-home .cin-shade{z-index:1;pointer-events:none}#cm-studios-home .cin-hero-content,#cm-studios-home .cin-slide-controls,#cm-studios-home .cin-motion{position:relative;z-index:2}#cm-studios-home .cin-slide-controls,#cm-studios-home .cin-motion{position:absolute}
