/* A single, physical loading object and a full-screen Orange identity reveal. */
.intro-pending .site-shell{visibility:hidden}.intro-open{overflow:hidden}
.entrance{position:fixed;inset:0;z-index:200;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:32px 5% 25px;background:#f5f4ef;overflow:hidden;isolation:isolate;color:#2b3029;transition:background .8s,transform .85s cubic-bezier(.76,0,.24,1);will-change:transform}
.entrance:after{display:none}.entrance-brand{justify-self:center;display:flex;align-items:center;gap:20px;font-size:30px;letter-spacing:-1px;z-index:3;transition:opacity .5s}.entrance-brand>span{font-size:19px;letter-spacing:3px;border-right:1px solid #bfc2b7;padding-right:20px}.entrance-brand strong{font-weight:600}
.loading-experience{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;transition:opacity .65s,transform .95s cubic-bezier(.22,1,.36,1)}.entrance h1{font-size:clamp(36px,4.6vw,64px);font-weight:500;line-height:1.3;letter-spacing:-.055em;z-index:2;text-align:center}.entrance h1 em{color:inherit;font-style:normal;transition:color .4s}.machine-stage{position:relative;width:min(950px,100%);height:min(48vh,485px);min-height:240px;isolation:isolate}.machine-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y}.machine-shadow{position:absolute;bottom:7%;left:12%;right:12%;height:12%;border-radius:50%;background:radial-gradient(ellipse,#9f9b8963,transparent 68%);filter:blur(12px);z-index:-1;transform:scaleY(.5)}
#machine-lever{position:absolute;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:none;border:0;cursor:grab;padding:0;touch-action:manipulation;transition:box-shadow .3s}#machine-lever:active{cursor:grabbing}#machine-lever:hover{box-shadow:0 0 0 9px #ee894319}#machine-lever:focus-visible{outline:3px solid #c45d23;outline-offset:5px}#machine-lever:disabled{cursor:default;box-shadow:none}
.loading-caption{display:grid;justify-items:center;gap:15px;margin-top:-2px;z-index:2;min-height:86px}.loading-colours{display:flex;gap:14px}.loading-colours span{width:10px;height:10px;border-radius:50%;opacity:.6;transition:opacity .4s,transform .4s}.green{background:#6c9c54}.red{background:#d34837}.blue{background:#607ebe}.yellow{background:#e4be51}.orange{background:#ef7e31}#entrance-status{font-size:20px;line-height:1.5;color:#7d8375;margin:0}#loading-progress{width:120px;height:2px;background:#dcded5;overflow:hidden;border-radius:2px}#loading-progress>span{display:block;width:100%;height:100%;background:#df8748;transform:scaleX(var(--loaded,0));transform-origin:left;transition:transform .5s}
.entrance-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:1240px;justify-self:center;z-index:3;transition:opacity .45s}.entrance-controls>span{font-size:17px;color:#969b8e}.entrance-skip{font-size:17px;padding:13px 27px;min-height:50px;border:1px solid #d2d4c9;border-radius:30px;color:#686f5f}.entrance-skip:hover{background:#e9ebdf}
.brand-reveal{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff5e5;opacity:0;transform:translateY(70px) scale(.94);transition:opacity .75s .16s,transform 1.15s cubic-bezier(.16,1,.3,1);pointer-events:none}.brand-reveal p{font-size:21px;letter-spacing:.08em;margin-bottom:45px}.brand-metamind{font-size:clamp(58px,8vw,118px);font-weight:500;line-height:1.1;letter-spacing:-.055em}.brand-orange{font-size:clamp(100px,17vw,245px);line-height:1.02;letter-spacing:-.075em;font-weight:600}.brand-orange span{color:#fff5e5}
.entrance[data-phase=orange] h1 em{color:#de712b}.entrance[data-phase=orange] .loading-colours span{opacity:.18}.entrance[data-phase=orange] .loading-colours .orange{opacity:1;transform:scale(1.5)}.entrance[data-phase=orange] #entrance-status{color:#bd672e}
.entrance[data-phase=brand],.entrance[data-phase=exiting]{background:#ed792d}.entrance[data-phase=brand] .loading-experience,.entrance[data-phase=exiting] .loading-experience{opacity:0;transform:translateY(90px) scale(.83);pointer-events:none}.entrance[data-phase=brand] .entrance-brand,.entrance[data-phase=exiting] .entrance-brand,.entrance[data-phase=brand] #machine-hint,.entrance[data-phase=exiting] #machine-hint,.entrance[data-phase=exiting] .entrance-controls{opacity:0;pointer-events:none}.entrance[data-phase=brand] .entrance-skip,.entrance[data-phase=exiting] .entrance-skip{color:#fff5e5;border-color:#fff5e560}.entrance[data-phase=brand] .brand-reveal,.entrance[data-phase=exiting] .brand-reveal{opacity:1;transform:translateY(0) scale(1)}.entrance[data-phase=exiting]{transform:translateY(-102%)}
.site-entering.has-motion .hero-heading{animation:homepage-arrives 1.1s cubic-bezier(.22,1,.36,1) both}@keyframes homepage-arrives{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}
/* The semantic HTML fallback remains usable if WebGL is unavailable. */
.machine-fallback{position:absolute;inset:20% 8% 17%;perspective:800px}.fallback-frame{height:100%;border:20px solid #eeece2;border-radius:30px;background:#d9d9c9;box-shadow:8px 10px 0 #bebfae,20px 27px 36px #747a5230;display:flex;align-items:center;justify-content:space-evenly;transform:rotateX(9deg) rotateY(-7deg);transform-style:preserve-3d}.fallback-fruit{width:22%;aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle at 32% 24%,#ffc478,#eb7925 72%);box-shadow:inset -8px -8px 15px #b9572025,5px 12px 15px #57523225;transform:translateZ(15px)}.fallback-fruit:after{content:'';position:absolute;width:33%;height:15%;border-radius:100% 0 100% 0;left:45%;top:-5%;background:#6d8440;rotate:-20deg}.entrance[data-phase=loading] .fallback-fruit{animation:fallback-colours .8s steps(1) infinite}.fallback-fruit:nth-child(2){animation-delay:-.24s!important}.fallback-fruit:nth-child(3){animation-delay:-.5s!important}@keyframes fallback-colours{0%{filter:hue-rotate(50deg)}20%{filter:hue-rotate(-30deg)}40%{filter:hue-rotate(190deg)}60%{filter:hue-rotate(25deg)}80%{filter:none}}
@media(max-width:700px){.entrance{padding:28px 5% 22px}.entrance-brand{font-size:26px;gap:16px}.entrance-brand>span{font-size:17px;padding-right:16px}.entrance h1{font-size:37px;letter-spacing:-2px}.entrance h1 em{display:block}.machine-stage{width:112%;max-width:112%;height:min(43svh,360px);min-height:240px}.machine-shadow{bottom:16%;height:10%;left:7%;right:7%;filter:blur(8px)}#machine-lever{width:44px;height:44px}.loading-caption{gap:16px;margin-top:0}#entrance-status{font-size:18px}.entrance-controls>span{font-size:15px}.entrance-skip{font-size:16px;padding:12px 22px}.brand-reveal p{font-size:18px;margin-bottom:37px}.brand-metamind{font-size:54px}.brand-orange{font-size:103px}.fallback-frame{border-width:12px;border-radius:20px}.machine-fallback{inset:25% 10%}.entrance-controls{gap:10px}}
@media(max-height:680px){.entrance{padding-top:20px;padding-bottom:18px}.entrance h1{font-size:38px}.machine-stage{height:44vh;min-height:210px}.loading-caption{min-height:73px;gap:10px}.entrance h1 em{display:inline}.entrance-brand{font-size:25px}.entrance-brand>span{font-size:16px}.brand-reveal p{margin-bottom:25px}}
@media(max-width:360px){.entrance h1{font-size:32px}.entrance-controls>span{font-size:14px}.brand-metamind{font-size:47px}.brand-orange{font-size:88px}.entrance-controls{gap:6px}.entrance-skip{padding:12px 19px}}
.motion-off .entrance,.motion-off .entrance *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.entrance,.entrance *{animation:none!important;transition:none!important}}
