.snap-panel.imagine-panel{background:#eeeadd radial-gradient(#1425251f .7px,#0000 .7px) 0 0/18px 18px}.imagine-room{width:min(1100px,100%);margin:auto}.imagine-heading{text-align:center}.imagine-heading .overline{justify-content:center}.imagine-heading h2{margin-bottom:32px;font-size:clamp(48px,5.6vw,82px)}.imagine-heading h2>span{color:#aa4b3b}.imagine-quote{margin:0}.imagine-requests{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.imagine-request{border:1.5px solid var(--ink);box-shadow:4px 5px 0 var(--ink);letter-spacing:-.035em;border-radius:18px;flex-direction:column;gap:15px;margin:0;padding:24px 26px 28px;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,2.1vw,31px);line-height:1.18;display:flex;position:relative}.imagine-claude{background:#f6b19f}.imagine-gemini{background:#cee1f1}.imagine-codex{background:#cbeadd}.imagine-request strong{font-weight:700}.imagine-task{margin-top:7px;display:block}.imagine-glyph{font:32px/1 Arial,sans-serif}.imagine-connections{grid-template-columns:repeat(3,1fr);height:38px;margin:5px 16.666% 0;display:grid}.imagine-connections i{border-bottom:1.5px solid var(--ink)}.imagine-connections i:first-child{border-left:1.5px solid var(--ink);border-bottom-left-radius:18px}.imagine-connections i:nth-child(2){position:relative}.imagine-connections i:nth-child(2):after{content:"";border-left:1.5px solid var(--ink);height:58px;position:absolute;top:0;left:50%}.imagine-connections i:last-child{border-right:1.5px solid var(--ink);border-bottom-right-radius:18px}.imagine-together{text-align:center;letter-spacing:-.055em;margin:20px 0 0;font:500 clamp(34px,3.6vw,53px)/1.05 Georgia,Times New Roman,serif;position:relative}.imagine-together em{color:#9c4333}.imagine-caption{text-align:center;margin-top:28px}.imagine-you{border:1px solid var(--ink);background:var(--sun);letter-spacing:.12em;border-radius:999px;padding:6px 12px;font-size:9px;font-weight:900;display:inline-block}.imagine-caption p{margin:10px 0 0;font-size:12px;line-height:1.4}@media (prefers-reduced-motion:no-preference){.imagine-panel.is-active .imagine-request{animation:.55s both imagine-arrive}.imagine-panel.is-active .imagine-gemini{animation-delay:.1s}.imagine-panel.is-active .imagine-codex{animation-delay:.2s}@keyframes imagine-arrive{0%{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:860px){.imagine-heading h2{margin-bottom:24px;font-size:clamp(43px,7vw,60px)}.imagine-requests{gap:14px}.imagine-request{padding:18px;font-size:23px}}@media (max-width:580px){.snap-panel.imagine-panel{align-items:center;height:auto;min-height:100svh;max-height:none}.imagine-room{padding:12px 4px}.imagine-heading .overline{letter-spacing:.1em;margin-bottom:16px;font-size:6.8px}.imagine-heading h2{margin-bottom:24px;font-size:45px}.imagine-requests{grid-template-columns:1fr;gap:13px}.imagine-request{box-shadow:3px 3px 0 var(--ink);border-radius:13px;flex-direction:row;align-items:center;gap:17px;padding:15px 18px;font-size:23px}.imagine-glyph{text-align:center;flex:0 0 30px;font-size:28px}.imagine-task{margin:0;display:inline}.imagine-connections{border-left:1.5px solid var(--ink);height:24px;margin:3px 0 0 50%;display:block}.imagine-connections i{display:none}.imagine-together{margin-top:0;font-size:35px;line-height:1.08}.imagine-desktop-break{display:none}.imagine-caption{margin-top:22px}.imagine-caption p{max-width:265px;margin:10px auto 0;font-size:11px}}@media (min-width:861px) and (max-height:760px){.imagine-heading h2{margin-bottom:22px;font-size:57px}.imagine-heading .overline{margin-bottom:14px}.imagine-request{gap:10px;padding:18px 24px;font-size:25px}.imagine-together{font-size:39px}.imagine-caption{margin-top:18px}}@media (min-width:581px) and (max-height:650px){.snap-panel.imagine-panel{height:auto;min-height:100svh;max-height:none}}
