:root{--milk-bg:#0a1832;--milk-ink:#f9f5ec;--milk-muted:#d9d9d2;--milk-accent:#e8ca96;--milk-border:rgba(232,202,150,.55);--milk-mask:rgba(9,24,49,.88)}
.milk-visual{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:540px;margin:0 0 56px;background:var(--milk-bg);overflow:hidden}.milk-art{position:relative;grid-column:1;grid-row:1;min-height:540px}.milk-art img{position:absolute;inset:0;object-position:14% center}.milk-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,var(--milk-mask) 100%)}.milk-explorer{grid-column:2;grid-row:1;align-self:center;padding:48px 9% 48px 4%;position:relative;z-index:1}.milk-prompt{color:var(--milk-accent);font-size:14px;margin-bottom:18px}.milk-controls{display:flex;gap:10px;margin-bottom:30px}.milk-choice{border:1px solid var(--milk-border);background:transparent;color:var(--milk-ink);padding:10px 20px;cursor:pointer;min-width:96px;transition:background-color .25s,color .25s}.milk-choice[aria-pressed=true],.milk-choice:hover{background:var(--milk-accent);color:var(--milk-bg)}.milk-choice:focus-visible{outline:3px solid var(--milk-ink);outline-offset:4px}.milk-path{animation:milk-arrive .45s ease both}.milk-path h3{font-family:var(--display);font-size:26px;color:var(--milk-ink);margin:0 0 16px}.milk-path p{font-size:15px;line-height:1.9;color:var(--milk-muted);margin-bottom:24px}.milk-flow{display:flex;flex-wrap:wrap;align-items:center;gap:0;color:var(--milk-ink);font-size:13px}.milk-flow span{display:flex;align-items:center}.milk-flow span+span:before{content:'';width:22px;height:1px;background:var(--milk-accent);margin:0 10px}.approach-photo{height:190px;margin:36px 0 0;overflow:hidden}.approach-photo img{object-position:center 50%}@keyframes milk-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.milk-visual{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.milk-art{grid-column:1;grid-row:1;min-height:250px}.milk-art img{object-position:16% 50%}.milk-art:after{background:linear-gradient(0deg,var(--milk-bg),transparent 42%)}.milk-explorer{grid-column:1;grid-row:2;padding:20px 7% 36px}.milk-path h3{font-size:23px}.milk-path p{font-size:15px}.milk-flow{gap:8px 0}.milk-flow span+span:before{width:14px;margin:0 7px}.approach-photo{height:160px;margin-top:28px}}@media(prefers-reduced-motion:reduce){.milk-path{animation:none}.milk-choice{transition:none}}
.milk-components{font-size:13px;line-height:1.6;color:var(--milk-muted);margin:-8px 0 18px}.milk-flow span{padding:7px 9px;border:1px solid var(--milk-border);margin:4px 4px 4px 0}.milk-flow span+span:before{content:none}