/* A short conversation with KUROKO. */
.kuro-studio #contact.conversation{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 290px;column-gap:70px;align-items:center;max-width:none;min-height:90svh;padding:125px max(7%,calc((100vw - 1120px)/2)) 140px;background:#080808;color:#f4f1e9;border:0;text-align:left}
.conversation-heading{grid-column:1/-1;text-align:center;margin-bottom:65px}
.kuro-studio .conversation h2{font-size:clamp(40px,5vw,76px);line-height:1.35;font-weight:450;letter-spacing:-.035em;margin:0;color:#f4f1e9}
.conversation-heading p{font-size:16px;line-height:1.9;color:#a8aca1;margin-top:28px}
.conversation-kuro{grid-column:2;grid-row:2;text-align:center;transition:transform .7s}
.conversation-kuro img{display:block;width:100%;height:290px;object-fit:contain;margin:auto;filter:none}

.conversation-choices{grid-column:1;grid-row:2}
.conversation-choices button{position:relative;display:flex;align-items:center;gap:23px;width:100%;min-height:94px;padding:20px 0;border:0;border-bottom:1px solid #ffffff28;border-radius:0;background:none;color:#eceee6;text-align:left;cursor:pointer;font-family:inherit}
.choice-number{font-size:11px;color:#828b76;letter-spacing:.08em}.choice-label{font-size:clamp(18px,1.9vw,25px);line-height:1.6;transition:transform .35s}.choice-arrow{margin-left:auto;font-size:24px;opacity:0;transform:translate(-5px,5px);transition:opacity .35s,transform .35s;color:#c7ff3d}
.conversation-choices button::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#c7ff3d;transform:scaleX(0);transform-origin:left;transition:transform .5s}
.conversation-choices button:is(:hover,:focus-visible) .choice-label{transform:translateX(5px)}.conversation-choices button:is(:hover,:focus-visible) .choice-arrow{opacity:1;transform:none}.conversation-choices button:is(:hover,:focus-visible)::after{transform:scaleX(1)}.conversation-choices button:focus-visible{outline:2px solid #c7ff3d;outline-offset:7px}
@media(prefers-reduced-motion:no-preference){.conversation:has(button:nth-child(1):is(:hover,:focus-visible)) .conversation-kuro{transform:rotate(-2deg)}.conversation:has(button:nth-child(2):is(:hover,:focus-visible)) .conversation-kuro{transform:scale(1.025)}.conversation:has(button:nth-child(3):is(:hover,:focus-visible)) .conversation-kuro{transform:translateY(-5px)}.conversation-heading,.conversation-kuro,.conversation-choices{transition:opacity 1s,translate 1s,transform .7s}.conversation-kuro{transition-delay:.2s}.conversation-choices{transition-delay:.4s}.conversation:not(.kuro-visible)>*{opacity:0;translate:0 12px}.motion-paused .conversation>*{opacity:1;translate:none;transform:none;transition:none}}
.kuro-studio .conversation+footer{border:0}
@media(max-width:800px){.kuro-studio #contact.conversation{grid-template-columns:1fr;gap:0;padding:90px 7% 110px}.conversation-heading{margin-bottom:35px}.conversation-kuro{grid-column:1;grid-row:2;margin-bottom:35px}.conversation-kuro img{height:240px;width:240px}.conversation-choices{grid-column:1;grid-row:3;width:100%;max-width:600px;justify-self:center}.conversation-choices button{min-height:86px}.choice-arrow{opacity:1;transform:none;color:#acb39e}}
@media(max-width:480px){.kuro-studio .conversation h2{font-size:34px;line-height:1.4}.conversation-heading p{font-size:13px;margin-top:22px}.conversation-kuro img{height:220px;width:220px}.conversation-choices button{gap:14px;min-height:82px}.choice-label{font-size:17px}.choice-arrow{font-size:21px}}

/* The raised hand faces the choices; movement stays small and unhurried. */
.conversation-kuro img{transform:scaleX(-1) rotate(-7deg);transform-origin:50% 65%}
@media(prefers-reduced-motion:no-preference){.conversation.kuro-visible .conversation-kuro img{animation:conversation-guide 7s ease-in-out infinite}@keyframes conversation-guide{0%,100%{transform:translateY(0) scaleX(-1) rotate(-7deg)}50%{transform:translateY(-4px) scaleX(-1) rotate(-6deg)}}.motion-paused .conversation .conversation-kuro img{animation:none}}