/* The signature opens into three liquid layers and a choreographed cookie entrance. */
.hilda-loader{
  position:fixed;inset:0;z-index:9999;overflow:hidden;isolation:isolate;
  color:#fcf7e6;background:transparent;pointer-events:auto;
  animation:hilda-loader-failsafe 0s 3.4s forwards;
}
.hilda-loader.is-hidden,.hilda-loader[hidden]{display:none}
.hilda-chocolate{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:hidden;pointer-events:none}
.hilda-liquid-edge{fill:none;stroke-width:2.2;vector-effect:non-scaling-stroke;opacity:.8}
.hilda-liquid-edge[data-edge="0"]{stroke-width:4;opacity:.6}
.hilda-intro-content{
  position:absolute;left:50%;top:47%;width:clamp(260px,25vw,350px);
  transform:translate(-50%,-50%);text-align:center;
  transition:opacity .34s ease,translate .6s cubic-bezier(.3,0,.5,1);
}
.hilda-intro-place{
  display:flex;justify-content:center;align-items:center;gap:12px;
  font-family:var(--sans,system-ui,sans-serif);font-size:10px;line-height:1.5;
  font-weight:600;letter-spacing:.2em;color:#ccdae3;margin-bottom:36px;
  animation:hilda-intro-appear .5s ease both;
}
.hilda-intro-place i{display:block;width:3px;height:3px;border-radius:50%;background:#d8b886}
.hilda-signature{width:100%;height:auto;display:block;overflow:visible}
.hilda-pen{fill:none;stroke:#fff;stroke-width:17;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:hilda-signature-write .48s ease-out forwards}
.hilda-pen-cafe{stroke-width:16;animation-duration:.3s;animation-delay:.08s}
.hilda-pen-h{animation-delay:.06s;animation-duration:.52s}
.hilda-pen-i{animation-delay:.37s;animation-duration:.26s}
.hilda-pen-l{animation-delay:.48s;animation-duration:.3s}
.hilda-pen-d{animation-delay:.59s;animation-duration:.42s}
.hilda-pen-a{animation-delay:.81s;animation-duration:.36s}
.hilda-signature-line{display:block;width:86%;height:25px;margin:-3px auto 24px;overflow:visible}
.hilda-signature-line path{fill:none;stroke:#d7b37d;stroke-width:1.35;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:hilda-signature-write .48s cubic-bezier(.2,.6,.3,1) .72s forwards}
.hilda-intro-greeting{font-family:var(--serif,Georgia,serif);font-weight:400;font-style:italic;font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:#eee7d4;animation:hilda-intro-appear .65s ease .42s both}
.hilda-intro-bottom{
  position:absolute;left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px);bottom:max(22px,env(safe-area-inset-bottom));
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  font-family:var(--sans,system-ui,sans-serif);font-size:11px;letter-spacing:.06em;
  color:#cfdae1;transition:opacity .22s ease;animation:hilda-intro-appear .5s .25s both;
}
.hilda-intro-skip{display:inline-flex;align-items:center;gap:16px;min-height:44px;min-width:44px;border:0;background:none;padding:4px 0 4px 14px;font:inherit;color:#fcf7e6;cursor:pointer}
.hilda-intro-skip span{font-size:20px;line-height:1;transition:transform .2s}
.hilda-intro-skip:hover span{transform:translate(2px,-2px)}
.hilda-intro-skip:focus-visible{outline:2px solid #d7b37d;outline-offset:5px}
.hilda-loader.is-pouring{pointer-events:auto}
.hilda-loader.is-pouring .hilda-intro-content{animation:hilda-logo-release .62s cubic-bezier(.3,0,.2,1) forwards}
.hilda-loader.is-pouring .hilda-intro-bottom{animation:none;opacity:0}
@keyframes hilda-signature-write{to{stroke-dashoffset:0}}
@keyframes hilda-intro-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes hilda-loader-failsafe{to{visibility:hidden;pointer-events:none}}
@keyframes hilda-logo-release{
  0%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}
  18%{opacity:1;transform:translate(-50%,-50%) scale(.93);filter:blur(0)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.85);filter:blur(7px)}
}
html.hilda-intro-active #cookieShowcase{opacity:1;transform:none;transition:none}
html.hilda-intro-active .cookie-stage-wrap{opacity:0;transform:scale(.65) rotate(-13deg);will-change:transform}
html.hilda-intro-active .hero-editorial,html.hilda-intro-active .hero-note{opacity:0;transform:translateY(45px);transition:none}
html.hilda-intro-active .cookie-meta,html.hilda-intro-active .cookie-dots{opacity:0;transform:translateY(28px)}
html.hilda-intro-active .hero-landscape{transform:scale(1.16);transform-origin:50% 45%}
html.hilda-intro-revealing .cookie-stage-wrap{animation:hilda-cookie-entrance 1.25s .06s both}
html.hilda-intro-revealing .hero-editorial{animation:hilda-hero-copy .85s .36s both}
html.hilda-intro-revealing .hero-note{animation:hilda-hero-copy .85s .48s both}
html.hilda-intro-revealing .cookie-meta{animation:hilda-hero-copy .7s .65s both}
html.hilda-intro-revealing .cookie-dots{animation:hilda-hero-copy .65s .77s both}
html.hilda-intro-revealing .hero-landscape{animation:hilda-scene-settle 1.5s cubic-bezier(.18,.72,.25,1) both}
@keyframes hilda-cookie-entrance{
  0%{opacity:0;transform:scale(.65) rotate(-13deg)}
  20%{opacity:1}
  62%{opacity:1;transform:scale(1.075) rotate(2deg)}
  82%{opacity:1;transform:scale(.985) rotate(-.5deg)}
  100%{opacity:1;transform:scale(1) rotate(0)}
}
@keyframes hilda-hero-copy{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:none}}
@keyframes hilda-scene-settle{from{transform:scale(1.16)}to{transform:scale(1)}}
@media(max-width:600px){
  .hilda-intro-content{width:245px;top:46%}
  .hilda-intro-place{font-size:9px;letter-spacing:.17em;margin-bottom:32px}
  .hilda-signature-line{margin-bottom:23px}
  .hilda-intro-bottom{left:22px;right:22px;font-size:10px;letter-spacing:.025em}
  .hilda-intro-skip{gap:10px}
}
@media(max-height:500px){.hilda-intro-content{top:43%;width:210px}.hilda-intro-place{margin-bottom:10px}.hilda-signature-line{margin-bottom:8px}.hilda-intro-bottom{bottom:8px}}
@media(prefers-reduced-motion:reduce){
  .hilda-loader{display:none!important}.hilda-loader *{animation:none!important;transition:none!important}
  html.hilda-intro-active .cookie-stage-wrap,html.hilda-intro-active .hero-editorial,html.hilda-intro-active .hero-note,
  html.hilda-intro-active .cookie-meta,html.hilda-intro-active .cookie-dots,html.hilda-intro-active .hero-landscape{opacity:1;transform:none;animation:none!important}
}