/* A small, opt-in Kanto detour. The portfolio remains the first view. */
.hero-name-line{display:inline-block;white-space:nowrap}
.starter-secret-anchor{display:inline-block;position:relative;width:.27em;height:.22em;margin-left:.035em;vertical-align:baseline;line-height:1;letter-spacing:normal;font-style:normal}
.starter-trigger{position:absolute;left:-6px;bottom:-6px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:transparent;border-radius:50%;color:var(--ink)}
.starter-trigger svg{display:block;width:18px;height:18px;transform:rotate(-14deg);transition:transform .2s ease}
.starter-trigger:hover svg,.starter-trigger[aria-expanded="true"] svg{transform:rotate(10deg)}
.starter-trigger:focus-visible{outline:2px solid var(--pink);outline-offset:1px}


.starter-poll{position:absolute;z-index:12;width:268px;margin:0;padding:0;border:1.5px solid #37382f;border-radius:3px;background:#fffdf6;color:#262921;box-shadow:3px 3px 0 #bc0c8538;isolation:isolate}
.starter-poll[hidden]{display:none!important}
.starter-poll.is-inline{position:relative!important;top:auto!important;left:auto!important;width:min(292px,100%)!important;margin:24px 0 0}
.starter-poll-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px 6px 12px;border-bottom:1px solid #d7d3c7;background:#f1eee5;font:9px/1.3 var(--mono);letter-spacing:.06em}
.starter-poll-bar>span{display:flex;align-items:center;gap:7px}
.starter-poll-bar i{display:block;width:5px;height:5px;background:var(--pink);box-shadow:7px 0 #d6b58a,14px 0 #97b9ae;margin-right:14px}
.starter-poll-close{display:grid;place-items:center;width:25px;height:25px;border:0;background:transparent;font:20px/1 Arial,sans-serif;border-radius:2px}
.starter-poll-close:hover{background:#e4dfd2}
.starter-poll-body{padding:13px 12px 11px}
.starter-poll h2{font:700 18px/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.035em;margin:0 0 12px;max-width:230px}
.starter-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.starter-choice{--starter-accent:#a74322;--starter-wash:#f7e6d6;position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:5px 1px 6px;border:1px solid transparent;border-radius:3px;background:linear-gradient(transparent 33%,var(--starter-wash));text-align:center;transition:border-color .18s,transform .18s,background .18s}
.starter-choice[data-starter="bisasam"]{--starter-accent:#266745;--starter-wash:#e6efdf}
.starter-choice[data-starter="schiggy"]{--starter-accent:#245d78;--starter-wash:#e1eef3}
.starter-choice img{display:block;width:100%;height:70px;object-fit:contain;filter:drop-shadow(0 3px 2px #24271912);transition:transform .18s}
.starter-choice strong{font:700 10px/1.3 var(--mono);letter-spacing:-.03em;margin-top:4px}
.starter-choice small{font:9px/1.3 var(--mono);color:var(--starter-accent);margin-top:3px}
.starter-chosen{display:block;visibility:hidden;height:10px;margin-top:4px;color:var(--starter-accent);font:700 8px/1.25 var(--mono)}
.starter-choice[aria-pressed="true"]{border-color:var(--starter-accent);background:var(--starter-wash)}
.starter-choice[aria-pressed="true"] .starter-chosen{visibility:visible}
.starter-choice:focus-visible{outline:2px solid var(--pink);outline-offset:2px}
.starter-choice:hover{border-color:var(--starter-accent)}
.starter-choice:hover img{transform:translateY(-3px)}
.starter-response{min-height:15px;margin:12px 0 3px;font:700 10px/1.5 var(--mono);letter-spacing:-.02em}
.starter-local-note{margin:0;font:9px/1.5 Arial,Helvetica,sans-serif;color:#6f7166}
.starter-poll.is-tight .starter-poll-bar{padding:5px 6px 5px 9px;font-size:8px;letter-spacing:0}
.starter-poll.is-tight .starter-poll-close{width:22px;height:22px}
.starter-poll.is-tight .starter-poll-body{padding:11px 9px 10px}
.starter-poll.is-tight h2{font-size:16px}
.starter-poll.is-tight .starter-choice img{height:55px}
.starter-poll.is-tight .starter-choice strong{font-size:9px}
.starter-poll.is-tight .starter-choice small{font-size:8px}
.starter-poll.is-tight .starter-chosen{font-size:7px}
.starter-poll.is-tight .starter-response{font-size:9px}
@media(max-width:700px){.starter-trigger svg{width:16px;height:16px}.starter-poll.is-inline{margin-top:23px}.starter-choice img{height:76px}}
@media(max-width:380px){.starter-secret-anchor{width:.25em;margin-left:0}.starter-trigger{left:-8px}}
@media(prefers-reduced-motion:reduce){.starter-trigger svg,.starter-choice,.starter-choice img{transition:none}.starter-trigger:hover svg,.starter-trigger[aria-expanded="true"] svg{transform:rotate(-14deg)}.starter-choice:hover img{transform:none}}
