/* A character-led, readable explanation in the technology hero. */
body main .feelie-tech-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.16fr);gap:5%;align-items:center;padding-top:46px!important;padding-bottom:54px!important}
body main .feelie-tech-intro h1{font-size:clamp(40.8px,3.9vw,57.6px)!important;line-height:1.25!important;letter-spacing:-.045em;word-break:keep-all}
body main .feelie-tech-intro .eyebrow{margin-top:32px;margin-bottom:24px;letter-spacing:.05em;font-size:15.6px!important;color:#50563d}
body main .feelie-tech-intro .tech-intro{max-width:30em;font-size:21.6px!important;line-height:1.85!important;color:#50563d!important;margin:24px 0}
body main .feelie-tech-cover{overflow:visible;background:none;box-shadow:none;border-radius:0;padding:0;min-height:0}
.feelie-explainer{border:1px solid #dcddd8;border-radius:24px;background:#f8f8f8;overflow:hidden;color:#50563d;box-shadow:0 18px 50px #50563d09}
.feelie-explainer-heading{display:flex;justify-content:space-between;gap:12px;padding:20px 22px 12px;font-size:16.8px;font-weight:650;color:#50563d;letter-spacing:.02em}
.feelie-scene-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 18px}
.feelie-scene-nav button{font:inherit;font-size:16.8px;line-height:1.4;min-height:46px;border:1px solid #cccec6;border-radius:12px;color:#50563d;background:#fff;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 4px;cursor:pointer;word-break:keep-all}
.feelie-scene-nav button>span{font-size:14.4px;font-weight:700}.feelie-scene-nav button[aria-pressed=true]{background:#50563d;color:#fff;border-color:#50563d}
body main .feelie-scene-title{font-size:25.2px!important;line-height:1.45!important;font-weight:650!important;margin:18px 22px 0!important;letter-spacing:-.025em;word-break:keep-all}
.feelie-illustration{height:260px;position:relative;background:radial-gradient(ellipse at 50% 60%,#e5e6e3,transparent 72%)}
.feelie-illustration>canvas{display:block;width:100%;height:100%}
.feelie-molecule-tags{position:absolute;top:8px;left:16%;right:26%;display:flex;justify-content:space-between;pointer-events:none}
.feelie-molecule-tags>span,.feelie-odor-tag{font-size:16.8px;font-weight:650;background:#fffffff2;border:1px solid #bbbdb3;padding:5px 13px;border-radius:12px;color:#50563d}
.feelie-odor-tag{position:absolute;top:8px;left:22%;pointer-events:none}
.feelie-speech{margin:0 18px;padding:15px 17px;display:flex;gap:12px;align-items:flex-start;border-radius:16px;background:#fff;border:1px solid #dbddd7;position:relative}
.feelie-speech strong{font-size:18px;white-space:nowrap;color:#50563d;padding-top:1px}.feelie-speech::before{content:'';position:absolute;width:13px;height:13px;background:#fff;border-top:1px solid #dbddd7;border-left:1px solid #dbddd7;top:-8px;right:20%;transform:rotate(45deg)}
body main .feelie-speech p{font-size:20.4px!important;line-height:1.65!important;margin:0!important;color:#50563d!important;min-height:56px;word-break:keep-all}
.feelie-animation-controls{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px 20px 4px}.feelie-animation-controls>span{font-size:14.4px;color:#50563d}.feelie-animation-controls button{font:inherit;font-size:15.6px;border:1px solid #cbcdc5;border-radius:999px;background:#fff;color:#50563d;min-height:38px;padding:7px 13px;cursor:pointer}
body main .feelie-diagram-note{margin:8px 20px 18px!important;font-size:14.4px!important;line-height:1.7!important;color:#50563d!important}
body main .feelie-hero-source{font-size:15.6px!important;line-height:1.8!important;color:#50563d!important;margin:13px 4px 0!important}.feelie-hero-source a{text-decoration:underline;text-underline-offset:4px}
.feelie-scene-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:20px;background:#f8f8f7;padding:20px}.feelie-scene-fallback img{width:120px;height:120px;object-fit:cover;border-radius:50%}body main .feelie-scene-fallback p{font-size:21.6px!important;color:#50563d}
@media(max-width:760px){body main .feelie-tech-intro{display:block!important;padding-top:32px!important;padding-bottom:40px!important}body main .feelie-tech-intro h1{font-size:clamp(38.4px,9.96vw,46.8px)!important}body main .feelie-tech-intro .tech-intro{font-size:20.4px!important}body main .feelie-tech-intro .eyebrow{margin-top:26px;margin-bottom:20px}body main .feelie-tech-cover{margin-top:28px}.feelie-explainer{border-radius:20px}.feelie-explainer-heading{padding:18px 16px 12px;font-size:15.6px}.feelie-scene-nav{padding:0 12px;gap:5px}.feelie-scene-nav button{font-size:14.4px;min-height:48px;gap:4px;padding:7px 4px}.feelie-scene-nav button>span{font-size:13.2px}body main .feelie-scene-title{font-size:22.8px!important;margin:17px 16px 0!important}.feelie-illustration{height:240px}.feelie-speech{margin:0 12px;padding:13px;gap:9px}.feelie-speech strong{font-size:16.8px}body main .feelie-speech p{font-size:19.2px!important;min-height:80px}.feelie-animation-controls{padding:12px 14px 2px}.feelie-animation-controls>span{font-size:13.2px}.feelie-animation-controls button{font-size:14.4px;min-height:40px}body main .feelie-diagram-note{font-size:14.4px!important;margin:9px 14px 16px!important}body main .feelie-hero-source{font-size:14.4px!important}.feelie-molecule-tags>span,.feelie-odor-tag{font-size:15.6px;padding:4px 9px}}
.feelie-molecule-tags{left:0;right:0;display:block}.feelie-molecule-tags>span{position:absolute;transform:translateX(-50%)}.feelie-molecule-tags>span:first-child{left:39%}.feelie-molecule-tags>span:last-child{left:61%}

.feelie-explainer{scroll-margin-top:78px}