.personal-hero{background:linear-gradient(115deg,#f7f7f2 0%,#f2f2ed 50%,#efeee7 100%)}.hero-visual{min-width:0;width:100%}.learning-scene{position:relative;aspect-ratio:1/1.02;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#fffdf96b,transparent 70%);isolation:isolate}.art-heading{display:flex;justify-content:space-between;align-items:center;padding:25px 25px 0;color:#9a9181;font-size:8px;letter-spacing:1.8px}.art-heading>span:last-child{color:#b7a686;font-size:18px;letter-spacing:0}.learning-art{width:100%;height:auto;display:block;margin-top:-7px;overflow:visible}.art-caption{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:center;gap:18px;font-size:10px;letter-spacing:.3px;color:#8d887c}.art-caption span+span:before{content:'·';margin-right:18px;color:#b9ac98}.art-open-book{animation:book-drift 11s ease-in-out infinite;transform-origin:300px 365px}.art-notebook{animation:notebook-drift 13s ease-in-out infinite;transform-origin:425px 160px}.art-loose-page{animation:page-drift 15s ease-in-out infinite;transform-origin:140px 145px}.art-pen{animation:pen-drift 12s ease-in-out infinite;transform-origin:476px 380px}.art-book-stack{animation:stack-drift 14s ease-in-out infinite;transform-origin:160px 255px}.art-motes{animation:mote-breathe 9s ease-in-out infinite}.is-paused .learning-art *{animation-play-state:paused!important}.hero-experiment-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding:0 10px}.hero-mode-switch{display:flex;gap:2px;padding:3px;border:1px solid #ddd9cf;border-radius:30px;background:#ffffff78}.hero-mode-switch button{border:0;background:none;color:#8c857a;font-size:10px;padding:7px 11px;border-radius:25px}.hero-mode-switch button[aria-pressed="true"]{background:#fff;color:var(--wine);box-shadow:0 1px 5px #45403510}.hero-pause{font-size:10px;color:#8c857a;border:0;background:none;white-space:nowrap;padding:8px 4px}.hero-original-photo{height:100%;display:flex;flex-direction:column}.hero-original-photo img{width:100%;flex:1;min-height:0;object-fit:contain}.hero-original-photo .photo-caption{flex-shrink:0}.art-portrait{position:absolute;top:61px;right:27px;width:140px;transform:rotate(5deg);background:#fff;padding:7px 7px 9px;box-shadow:0 10px 30px #6b5c4220;z-index:2}.art-portrait img{width:100%;aspect-ratio:1;object-fit:contain}.art-portrait span{display:block;text-align:center;font-size:8px;color:#8b7e71;padding-top:6px}.hero-visual[data-mode="mixed"] .art-notebook{opacity:.2}.hero-visual[data-mode="mixed"] .art-heading{padding-right:15px}
@keyframes book-drift{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-7px) rotate(.6deg)}}@keyframes notebook-drift{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-2deg)}}@keyframes page-drift{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(5px,-9px) rotate(3deg)}}@keyframes pen-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes stack-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes mote-breathe{0%,100%{opacity:.25}50%{opacity:.7}}
@media(max-width:900px){.hero-visual{max-width:440px;margin:auto}.learning-scene{aspect-ratio:1/1.03}.art-heading{padding:15px 10px 0;font-size:7px;letter-spacing:1.3px}.art-caption{bottom:12px;font-size:9px;gap:9px}.art-caption span+span:before{margin-right:9px}.hero-experiment-controls{padding:0;margin-top:10px;gap:8px}.hero-mode-switch button{font-size:10px;padding:6px 10px}.hero-pause{font-size:9px}.art-portrait{width:110px;top:35px;right:12px}.personal-hero-grid{gap:25px}}
@media(prefers-reduced-motion:reduce){.learning-art *{animation:none!important}}