.hon-top{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5)}.hon-top>*,.hon-pair,.hon-why>*{min-width:0}.hon-h .h2{max-width:14em}.hon-h .lead{color:var(--fg)}.hon-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--gut)) var(--s3);padding:2px var(--gut);scroll-padding-inline:var(--gut)}.hon-tabs::-webkit-scrollbar{display:none}.hon-tabs button{flex:none;min-height:44px;padding:0 18px;border-radius:99px;font-size:.9375rem;font-weight:500;box-shadow:inset 0 0 0 1px var(--ln);transition:background .25s,color .25s,box-shadow .25s}.hon-tabs button:hover{box-shadow:inset 0 0 0 1px var(--fg)}.hon-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper);box-shadow:none}.hon-stage{display:grid;grid-template-columns:4fr 6fr;gap:12px;align-items:end}.hon-stage figure{margin:0;display:grid;gap:10px}.hon-stage figcaption{font:600 var(--fs-5)/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--fg2)}.hon-gd figcaption{color:var(--hl-s)}.hon-me-im,.hon-gd-im{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:var(--paper-2)}.hon-me-im{border-radius:14px;box-shadow:0 0 0 5px #fff,var(--shadow);transform:rotate(-2deg);transform-origin:bottom right;margin:0 4px 4px}.hon-gd-im{border-radius:var(--r);box-shadow:var(--shadow-l)}.hon-me-im img,.hon-gd-im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity .7s var(--ease),transform 1.4s var(--ease)}.hon-me-im img.on,.hon-gd-im img.on{opacity:1;transform:none}.hon-me-im img{object-position:center 30%}.hon-gd-im img{object-position:center 25%}.hon-stage{position:relative}.hon-stage:after{content:"\2192";position:absolute;left:40%;top:48%;transform:translate(-50%,-50%);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--paper);color:var(--sage-ink);font:500 1.125rem/1 var(--sans);box-shadow:var(--shadow);z-index:2}.hon-why{position:relative;margin-top:var(--s4);display:grid}.hon-why-c{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility 0s .5s}.hon-why-c.on{opacity:1;visibility:visible;transition:opacity .6s var(--ease) .1s,visibility 0s}.hon-why-c p{margin:0 0 10px}.hon-why-c b{font-weight:600;color:var(--sage-ink)}.hon-src{grid-area:2 / 1;margin:4px 0 0;font-size:var(--fs-cap);color:var(--fg2)}.hon-l{list-style:none;margin:var(--s6) 0 0;padding:0;border-top:1.5px solid var(--fg)}.hon-l li{display:grid;gap:6px 24px;padding:var(--s3) 0 var(--s4);border-bottom:1px solid var(--ln)}.hon-l li p{margin:0}.hon-l li a{color:var(--sage-ink);font-weight:500}.hon-l .h3{margin:0}.hon-n{font:italic 400 1.25rem/1.2 var(--serif);color:var(--sage-ink)}.hon-note{display:flex;gap:10px;align-items:flex-start;margin:var(--s3) 0 0;padding:14px 16px;border-radius:14px;background:#ffffff8c;max-width:40rem;font-size:var(--fs-cap);line-height:1.45;color:var(--fg)}.hon-note .ic{flex:none;margin-top:2px;color:var(--sage-ink)}@media(min-width:900px){.hon-top{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s7);align-items:center}.hon-h{grid-column:1;grid-row:1}.hon-pair{grid-column:2;grid-row:1 / span 2}.hon-tabs{margin:0 0 var(--s3);padding:2px;flex-wrap:wrap;overflow:visible}.hon-stage{gap:24px}.hon-why{grid-template-columns:1fr;max-width:40rem}.hon-l li{grid-template-columns:80px minmax(0,5fr) minmax(0,7fr);align-items:baseline;padding:var(--s5) 0}.hon-l .h3{font-size:clamp(1.75rem,1.2rem + 1vw,2.375rem)}}