@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&display=swap";@font-face{font-family:Permanent Marker;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/permanent-marker.ttf)format("truetype")}:root{color:#24241f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f3ed}*{box-sizing:border-box}body{min-width:320px;margin:0}.site{--navigation-space:88px;--promotion-space:calc(64px + env(safe-area-inset-bottom,0px));--disclaimer-space:0px;flex-direction:column;min-height:100svh;display:flex}@media (width>=1100px) and (height>=600px){.site{--promotion-space:0px;--disclaimer-space:0px}}.experience-navigation{min-height:var(--navigation-space);padding:20px max(24px, env(safe-area-inset-left,0px)) 12px;flex-shrink:0}.experience-tabs{background:#edeae2;border:1px solid #dedad0;border-radius:999px;width:fit-content;padding:4px;display:flex}.experience-tab{color:#817b70;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font:12px/1.4 Arial,Helvetica,sans-serif;display:inline-flex}.experience-tab[aria-selected=true]{color:#34342e;background:#fffdf7;box-shadow:0 1px 4px #24241f12}.experience-tab:hover{color:#34342e}.experience-tab:focus-visible{outline-offset:2px;outline:2px solid #82796a}.experience-panel{flex:1;min-width:0;display:flex}.experience-panel[hidden]{display:none}@media (width<=500px){.experience-navigation{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}.experience-tab{padding-inline:11px;font-size:11px}}.page{--title-size:clamp(52px, 8.2vw, 112px);--scene-width:min(480px, calc(100vw - 44px), max(260px, calc((100svh - 100px - var(--navigation-space) - var(--promotion-space) - var(--disclaimer-space) - var(--title-size) * 1.05) * .689)));flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:32px 22px;display:flex}h1{font-optical-sizing:auto;font-family:Playfair Display,Georgia,serif;font-weight:500;font-size:var(--title-size);letter-spacing:-.055em;text-align:center;white-space:nowrap;margin:0;line-height:1.05}.experiment{width:var(--scene-width);-webkit-user-select:none;user-select:none;position:relative}.portrait{width:100%;height:auto;display:block;overflow:visible}.ground-shadow{fill:#3a3228;opacity:.09;filter:blur(7px)}.face,.scalp{-webkit-tap-highlight-color:transparent;outline:none}.face{cursor:pointer;touch-action:manipulation}.scalp{cursor:grab;touch-action:none}.is-dragging .scalp{cursor:grabbing}.focus-ring{opacity:0;pointer-events:none}.face:focus-visible .focus-ring,.scalp:focus-visible .focus-ring{opacity:1}@media (width<=650px){.page{--title-size:clamp(31px, 8.6vw, 56px);padding:32px 22px}}.floating-head{animation:3.6s ease-in-out infinite head-float}.ground-shadow{transform-box:fill-box;transform-origin:50%;animation:3.6s ease-in-out infinite shadow-breathe}.is-dragging .floating-head,.is-dragging .ground-shadow{animation-play-state:paused}@keyframes head-float{0%,to{transform:translateY(3px)}50%{transform:translateY(-7px)}}@keyframes shadow-breathe{0%,to{opacity:.11;transform:scaleX(1.03)}50%{opacity:.06;transform:scaleX(.88)}}@media (prefers-reduced-motion:reduce){.floating-head,.ground-shadow{animation:none}.portrait{transform:none!important}}.hinge-hint{color:#8b8579;transition:opacity .22s ease-out}@media (prefers-reduced-motion:reduce){.hinge-hint{transition:none}}.headline{z-index:1;pointer-events:none;place-items:center;display:grid;position:relative}.headline-line{isolation:isolate;grid-area:1/1;margin:-.18em -.08em -.24em;padding:.18em .08em .24em;display:block;overflow:clip}.headline-letter{white-space:pre;transform-origin:50% 75%;backface-visibility:hidden;transition:transform .42s cubic-bezier(.22,1,.36,1);transition-delay:var(--letter-delay);display:inline-block}.headline-reveal{font-size:.88em}.headline-original .headline-letter{transform:perspective(600px)translateY(-145%)rotateX(95deg)}.headline-reveal .headline-letter{transform:perspective(600px)translateY(145%)rotateX(-95deg)}.headline-line[data-active=true] .headline-letter{transform:perspective(600px)translateY(0)rotateX(0)}@media (prefers-reduced-motion:reduce){.headline{transform:none!important}.headline-letter{transition:none}}.reactbits-promo{min-height:var(--promotion-space);padding:4px max(16px, env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));flex-shrink:0;justify-content:center;align-items:flex-start;font-family:Arial,Helvetica,sans-serif;display:flex}.reactbits-promo-card{color:#f3eee5;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(145deg,#2e2e2a,#242421);border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:12px;width:min(380px,100%);min-height:48px;padding:6px 14px;text-decoration:none;display:flex;position:relative;box-shadow:0 5px 18px #211f1912}.reactbits-promo-copy{flex:1;min-width:0;display:block}.reactbits-promo-title{font-size:12px;font-weight:500;line-height:1.35;display:block}.reactbits-promo-detail{color:#aaa79e;flex-wrap:wrap;align-items:center;gap:0 6px;margin-top:3px;font-size:10px;line-height:1.4;display:flex}.reactbits-promo-detail strong{color:#e2ddd3;font-weight:600}.reactbits-promo-arrow{color:#c6c1b5;flex-shrink:0}.reactbits-promo-card:hover{border-color:#ffffff2a}.reactbits-promo-card:focus-visible{outline-offset:3px;outline:2px solid #82796a}@media (width>=1100px) and (height>=600px){.reactbits-promo{right:max(24px, env(safe-area-inset-right,0px));bottom:max(24px, env(safe-area-inset-bottom,0px));z-index:5;width:264px;min-height:0;padding:0;position:fixed}.reactbits-promo-card{border-radius:14px;width:100%;padding:17px 18px;transition:transform .18s ease-out,border-color .18s ease-out;display:block;box-shadow:0 10px 30px #211f1920}.reactbits-promo-title{max-width:193px;font-family:Playfair Display,Georgia,serif;font-size:20px;line-height:1.25}.reactbits-promo-detail{margin-top:12px;font-size:10px}.reactbits-promo-arrow{position:absolute;top:21px;right:18px}.reactbits-promo-card:hover{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.reactbits-promo-card{transition:none}.reactbits-promo-card:hover{transform:none}}