@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;0,800;1,700&display=swap');
:root{color-scheme:light;--paper:#f8f2e5;--ink:#422e24;--red:#ac392b;--muted:#8a7564}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;background-image:radial-gradient(#ad8b6420 .7px,transparent .7px);background-size:5px 5px}.masthead{margin:0 5%;padding:26px 0;display:flex;justify-content:space-between;border-bottom:1px solid #422e2430;gap:20px;font-size:11px;letter-spacing:1.7px;font-weight:700}.masthead a{color:var(--ink);text-decoration:none;letter-spacing:.2px;font-size:14px}.masthead a:hover{text-decoration:underline}main{max-width:1100px;margin:auto;padding:46px 24px 0;text-align:center}.eyebrow{font-size:10px;letter-spacing:2.7px;font-weight:700;color:var(--red);display:flex;align-items:center;justify-content:center;gap:16px}.eyebrow span{font-size:19px}h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(45px,6.2vw,76px);font-weight:800;line-height:1.06;letter-spacing:-3px;margin:22px 0 17px}h1 em{color:var(--red);font-weight:700}.intro{font-size:16px;color:#796352;margin:0}.experience{position:relative;max-width:760px;margin:8px auto 0}.stage{position:relative;height:315px;display:grid;place-items:center}.cookie{width:360px;max-width:90%;border:0;background:none;padding:0;cursor:pointer;position:relative;z-index:1;-webkit-tap-highlight-color:transparent}.cookie svg{display:block;width:100%;overflow:visible;filter:drop-shadow(0 8px 4px #74421519)}.cookie:hover:not(:disabled){transform:rotate(-4deg) scale(1.035)}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:7px}.cookie:disabled{cursor:default}.half{transform-box:view-box;transform-origin:220px 150px;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .8s}.cookie-shadow{position:absolute;width:225px;height:20px;border-radius:50%;background:#79512a18;filter:blur(9px);top:260px;transition:width .8s}.seal{position:absolute;right:23px;top:35px;width:92px;height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ac392b70;outline:1px solid #ac392b40;outline-offset:-6px;border-radius:50%;transform:rotate(14deg);font-family:Georgia,serif;font-size:25px;color:var(--red)}.seal span{font-family:'DM Sans',sans-serif;font-size:8px;line-height:1.5;letter-spacing:1px;margin-top:3px}.opening .cookie{animation:anticipate .5s ease-in-out}.cracked .left-half{transform:translate(-90px,14px) rotate(-23deg)}.cracked .right-half{transform:translate(90px,14px) rotate(23deg)}.cracked .cookie-shadow{width:380px}.revealed .half{opacity:.6}.fortune-slip{position:absolute;z-index:2;width:min(390px,90%);padding:23px 26px 20px;background:#fffdf7;box-shadow:0 10px 30px #633f2620;border-top:2px solid #b93f3035;border-bottom:2px solid #b93f3035;opacity:0;visibility:hidden;transform:translateY(24px) scale(.8) rotate(-3deg);transition:opacity .5s,transform .65s cubic-bezier(.18,.8,.22,1);pointer-events:none}.revealed .fortune-slip{opacity:1;visibility:visible;transform:translateY(0) scale(1) rotate(-2deg)}.slip-label,.slip-footer{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--red)}.fortune-slip p{font-family:Georgia,serif;font-size:23px;line-height:1.4;margin:17px 0 20px}.slip-footer{font-size:8px;letter-spacing:1.6px}.actions{min-height:55px}.open-button{font:600 15px 'DM Sans',sans-serif;background:var(--red);color:#fff8e8;border:1px solid #84281e;border-radius:5px;padding:16px 25px;min-width:222px;box-shadow:0 3px 0 #772b22;cursor:pointer;transition:transform .15s,background .15s}.open-button span{margin-left:24px;font-size:20px;line-height:10px}.open-button:hover{background:#913025;transform:translateY(-2px)}.open-button:active{transform:translateY(2px);box-shadow:none}.open-button:disabled{opacity:.65;cursor:wait;transform:none}.hint{font-size:12px;color:var(--muted);margin:17px 0 35px;min-height:18px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #422e242b;padding:23px 0 25px;color:var(--muted);font-size:9px;letter-spacing:1.6px}footer span span{margin-left:12px;color:var(--red)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@keyframes anticipate{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-6deg)}40%,80%{transform:rotate(6deg)}}@media(max-width:600px){.masthead{padding:19px 0}.masthead>span{display:none}main{padding-top:33px}h1{letter-spacing:-2px}.seal{right:2px;top:14px;width:68px;height:68px;font-size:20px}.seal span{font-size:6px}.stage{height:310px;overflow:hidden}.cookie{width:300px}.fortune-slip{width:85%;padding:20px}.fortune-slip p{font-size:21px}.eyebrow{font-size:8px;letter-spacing:2px;gap:10px}footer{font-size:8px;line-height:1.7;letter-spacing:1px;text-align:left}footer>span{max-width:47%}.cracked .left-half{transform:translate(-65px,14px) rotate(-23deg)}.cracked .right-half{transform:translate(65px,14px) rotate(23deg)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}