/* An open invitation in the same material, type and light as EXYO's studio. */
.contact-studio-page{background:#080808;color:#edece7}
.contact-studio-page main{background:#080808}
.cs-hero{padding:140px 4% 90px;overflow:clip}
.cs-meta{display:flex;justify-content:space-between;gap:25px;color:#999;font:9px/1.7 'DM Sans',sans-serif;letter-spacing:.06em}
.cs-meta>span:first-child{color:#edece7}
.cs-hero>h1{font:400 clamp(70px,13.2vw,220px)/1.08 'Bitcount Grid Single',monospace;letter-spacing:-.055em;margin-top:65px}
.cs-hero>h1>span{color:#7952b3}
.cs-hero-content{display:grid;grid-template-columns:1.1fr .9fr;gap:15%;align-items:center;margin-top:65px}
.cs-intro>h2{font:400 clamp(36px,4.2vw,67px)/1.1 'DM Sans',sans-serif;letter-spacing:-.055em}
.cs-intro>p{font:14px/1.9 'DM Sans',sans-serif;color:#999;margin-top:30px}
.cs-intro>a{display:inline-flex;gap:40px;align-items:center;justify-content:space-between;min-height:48px;border-bottom:1px solid #ffffff40;margin-top:25px;font:8px/1.6 'DM Sans',sans-serif;letter-spacing:.05em}
.cs-intro>a>span{font-size:24px}
.cs-composition{padding:10px 0 15px}
.cs-material{position:relative;aspect-ratio:1.5;overflow:hidden;background:#151515;transform:rotate(-4deg);isolation:isolate}
.cs-material-image{display:block;width:100%;height:100%;object-fit:cover;opacity:.7;animation:csMaterialDrift 12s ease-in-out infinite alternate}
.cs-brand-symbol{position:absolute;left:50%;top:50%;width:25%;height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 5px 15px #0005)}
.cs-composition figcaption{display:flex;justify-content:space-between;gap:20px;font:6px/1.7 'DM Sans',sans-serif;color:#888;letter-spacing:.04em;margin-top:30px}
@keyframes csMaterialDrift{from{transform:scale(1.05) translate(-1%,0)}to{transform:scale(1.12) translate(1%,1%)}}
.cs-direct-email{display:block;margin-top:90px}
.cs-direct-email>span:first-child{display:block;font:8px/1.6 'DM Sans',sans-serif;letter-spacing:.06em;color:#888;margin-bottom:15px}
.cs-direct-email>span:last-child{display:flex;justify-content:space-between;align-items:center;gap:30px;font:400 clamp(35px,6.7vw,108px)/1.15 'DM Sans',sans-serif;letter-spacing:-.05em}
.cs-direct-email i{font-style:normal;font-weight:300;transition:transform .3s}
.cs-direct-email:hover i{transform:translate(5px,-5px)}
.contact-studio-page .sp-consultation{background:#080808;color:#edece7;border-top:1px solid #ffffff25;padding-top:75px}
.contact-studio-page .sp-consultation .sp-section-top,.contact-studio-page .sp-consultation .sp-section-top>span:first-child{color:#999}
.contact-studio-page .sp-contact-layout{grid-template-columns:.85fr 1.15fr;gap:12%}
.contact-studio-page .sp-contact-aside h2{font-family:'Bitcount Grid Single',monospace;font-weight:400;font-size:clamp(36px,4.2vw,67px);line-height:1.1;letter-spacing:-.04em}
.contact-studio-page .sp-contact-aside>p{color:#999}
.contact-studio-page .sp-contact-aside dt{color:#888}
.contact-studio-page .sp-contact-aside :is(dd>small,.sp-hours){color:#888}
.contact-studio-page .sp-contact-aside dd{color:#ccc}
.contact-studio-page .sp-contact-form>label,.contact-studio-page .sp-contact-form .inner-contact-choices>legend{color:#999}
.contact-studio-page .sp-contact-form :is(input:not([type=checkbox]),select,textarea){color:#edece7;border-color:#ffffff40;background:none}
.contact-studio-page .sp-contact-form :is(input,textarea)::placeholder{color:#777}
.contact-studio-page .sp-contact-form :is(input,select,textarea):focus{border-color:#edece7;background:none}
.contact-studio-page .sp-contact-form>label:focus-within{color:#edece7}
.contact-studio-page .sp-contact-form select>option{color:#edece7;background:#151515}
.contact-studio-page .sp-contact-form .consent input{accent-color:#7952b3}
.contact-studio-page .sp-contact-form .inner-contact-choices>button{color:#aaa;border-color:#ffffff35}
.contact-studio-page .sp-contact-form .inner-contact-choices>button[aria-pressed=true],.contact-studio-page .sp-contact-form .inner-contact-choices>button:hover{background:#edece7;color:#080808;border-color:#edece7}
.contact-studio-page .sp-contact-form>button[type=submit]{background:#edece7;color:#080808;border-color:#edece7}
.contact-studio-page .sp-contact-form>button[type=submit]:hover{background:#d9d6cf}
.contact-studio-page .sp-contact-form :is(.form-note,#form-status){color:#999}
.brand-site.contact-studio-page .sp-consultation :is(a,input,select,textarea,button):focus-visible{outline-color:#7952b3}
.contact-studio-page .sp-contact-outro{padding-block:90px 100px}
.contact-studio-page .sp-contact-outro h2{font-size:clamp(34px,4.4vw,72px)}
.contact-studio-page .inner-footer{background:#080808}
.contact-studio-page.is-contact-motion-paused .cs-material-image{animation-play-state:paused}
@media(max-width:767px){
 .cs-hero{padding:115px 5% 65px}
 .cs-meta{font-size:7px;gap:20px;letter-spacing:.02em}
 .cs-meta>span:last-child{max-width:50%;text-align:right}
 .cs-hero>h1{font-size:clamp(43px,11.2vw,82px);margin-top:48px;letter-spacing:-.05em}
 .cs-hero-content{grid-template-columns:1fr;gap:45px;margin-top:38px}
 .cs-intro>h2{font-size:37px}
 .cs-intro>p{font-size:12px;margin-top:25px}
 .cs-intro>a{font-size:7px;margin-top:18px}
 .cs-composition{width:92%;justify-self:center}
 .cs-material{aspect-ratio:1.7}
 .cs-composition figcaption{font-size:5px;margin-top:23px}
 .cs-direct-email{margin-top:45px}
 .cs-direct-email>span:first-child{font-size:6px}
 .cs-direct-email>span:last-child{font-size:clamp(29px,9.5vw,61px);gap:15px}
 .contact-studio-page .sp-consultation{padding-top:50px}
 .contact-studio-page .sp-contact-layout{grid-template-columns:1fr;gap:45px}
 .contact-studio-page .sp-contact-aside h2{font-size:41px}
 .contact-studio-page .sp-contact-outro{padding-block:65px}
 .contact-studio-page .sp-contact-outro h2{font-size:33px}
}
@media(prefers-reduced-motion:reduce){.cs-material-image{animation:none}.cs-direct-email i{transition:none}}
/* The assistant lives in the shared layout; Contact keeps the full editable form. */
.cs-assistant-art{display:grid;place-items:center;min-height:350px;background:radial-gradient(ellipse at 50% 50%,#7952b30b,transparent 68%)}
.cs-assistant-art>img{display:block;width:min(100%,400px);height:auto;object-fit:contain}
.cs-intro>button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:48px;padding:10px 0;border:0;border-bottom:1px solid #7952b3aa;background:none;color:#d4bfeb;font:8px/1.6 'DM Sans',sans-serif;letter-spacing:.05em;cursor:pointer;margin-top:25px}
.cs-intro>button>span{font-size:24px}
.cs-intro>.cs-form-link{display:flex;width:max-content;margin-top:12px;border-color:#ffffff25;color:#aaa;font-size:7px}
.contact-studio-page .sp-consultation{scroll-margin-top:110px}
.contact-studio-page :is(.inner-reveal,[data-sp-reveal]){opacity:1;transform:none;transition:none}
.contact-studio-page.brand-site .exyo-studio-grain{animation:none;transform:none;inset:0;mix-blend-mode:normal;will-change:auto;opacity:.025}
@media(max-width:767px){.cs-assistant-art{min-height:260px}.cs-assistant-art>img{max-width:280px}.cs-intro>button{margin-top:20px}}