/* Adapted from the supplied Pushpin Tear Footer. */
.tpf{position:relative;overflow:hidden;container-type:size;min-height:620px;background:var(--tpf-sheet);color:var(--tpf-on-sheet);font-family:var(--tpf-sans);isolation:isolate;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;--ease:cubic-bezier(.22,1,.36,1);--fs:max(12px,1.85cqmin)}
.tpf *,.tpf *::before,.tpf *::after{box-sizing:border-box}
:where(.tpf) a{color:inherit;text-decoration:none}
:where(.tpf) button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer}
:where(.tpf) input{font:inherit;color:inherit;background:none;border:0;margin:0;outline:none}
:where(.tpf) :focus-visible{outline:1.5px solid currentColor;outline-offset:4px;border-radius:4px}
.tpf .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}
.tpf-stage{position:absolute;left:0;top:0;max-width:none;display:block;pointer-events:none;z-index:0}
.tpf.is-hit .tpf-sheet-g{animation:tpf-hit .32s cubic-bezier(.3,.7,.4,1)}
.tpf-sheet{fill:var(--tpf-sheet)}.tpf-paper{fill:var(--tpf-paper)}.tpf-rim{fill:var(--tpf-rim)}
.tpf-ico{width:1.35em;height:1.35em;display:block;max-width:none;flex:none}
.tpf-mark{width:3.6em;height:2.3em;display:block;max-width:none;overflow:visible}
.tpf-seal{width:100%;height:100%;display:block;max-width:none}
.tpf-z{position:absolute;z-index:2}
.tpf-ink{color:var(--tpf-on-paper)}
.tpf-h{transition:opacity .7s var(--ease),translate .8s var(--ease),filter .7s var(--ease);transition-delay:calc(var(--i,0)*45ms)}
.tpf.is-enhanced:not(.s1) .tpf-h{opacity:0;translate:0 10px;filter:blur(6px)}
.tpf-p{transition:opacity .8s var(--ease),translate .9s var(--ease),filter .8s var(--ease);transition-delay:calc(480ms + var(--i,0)*70ms)}
.tpf.is-enhanced:not(.s3) .tpf-p{opacity:0;translate:0 18px;filter:blur(8px);transition-delay:0s}
.tpf-top{left:0;right:0;top:10.8%;transform:translateY(-50%);display:flex;align-items:center;justify-content:space-between;padding:0 11%;font-size:max(15px,2.6cqmin)}
.tpf-row{display:flex;align-items:center;gap:.55em}
.tpf-ib{display:grid;place-items:center;width:1.9em;height:1.9em;margin:-.3em;border-radius:50%;transition:transform .35s var(--ease),background-color .25s}
.tpf-ib:hover{transform:translateY(-2px);background:color-mix(in srgb,currentColor 14%,transparent)}
.tpf-ib:active{transform:scale(.9)}
.tpf-up .tpf-ico{transform:rotate(90deg)}
.tpf-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center}
.tpf-logo .tpf-mark path{stroke-dasharray:60;stroke-dashoffset:0;transition:stroke-dashoffset 1.3s var(--ease) .15s}
.tpf.is-enhanced:not(.s1) .tpf-logo .tpf-mark path{stroke-dashoffset:60}
.tpf-mark-dot{transform-box:fill-box;transform-origin:50% 50%;transition:transform .6s cubic-bezier(.5,1.8,.4,1) .9s}
.tpf.is-enhanced:not(.s1) .tpf-mark-dot{transform:scale(0)}
.tpf-logo:hover .tpf-mark-dot{animation:tpf-bob .7s var(--ease)}
.tpf-mail{display:flex;align-items:center;gap:.6em;font-size:var(--fs);letter-spacing:.01em;padding:.35em .2em;transition:transform .35s var(--ease)}
.tpf-mail:hover{transform:translateY(-2px)}
.tpf-mail span{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .4s var(--ease)}
.tpf-mail:hover span{background-size:100% 1px}
.tpf-mail .tpf-ico{width:1.5em;height:1.5em}
.tpf-toast{position:absolute;top:calc(100% + .5em);right:0;font-size:max(11px,1.6cqmin);letter-spacing:.04em;white-space:nowrap;padding:.35em .8em;border-radius:99px;background:var(--tpf-on-sheet);color:var(--tpf-sheet);opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .35s var(--ease);pointer-events:none}
.tpf-toast.on{opacity:1;transform:none}
.tpf-news{left:50%;top:15%;width:max-content;transform:translateX(-50%);display:grid;justify-items:center;gap:max(10px,1.6cqmin);font-size:var(--fs)}
.tpf-pill{position:relative;display:flex;align-items:center;width:max(260px,40cqmin);height:max(40px,5.6cqmin);padding:0 .35em 0 1.2em;border-radius:99px;background:var(--tpf-on-sheet);color:var(--tpf-sheet);transition:box-shadow .3s var(--ease)}
.tpf-pill:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpf-on-sheet) 35%,transparent)}
.tpf-pill input{flex:1;min-width:0;height:100%;font-size:max(13px,2cqmin);transition:opacity .3s}
.tpf-pill input::placeholder{color:currentColor;opacity:.55}
.tpf-knob{display:grid;place-items:center;flex:none;height:calc(100% - .6em);aspect-ratio:1;border-radius:50%;background:var(--tpf-sheet);color:var(--tpf-on-sheet);box-shadow:inset 0 0 0 .22em color-mix(in srgb,var(--tpf-on-sheet) 30%,var(--tpf-sheet));transition:transform .45s cubic-bezier(.5,1.7,.4,1)}
.tpf-knob:hover{transform:translateX(2px) scale(1.06)}
.tpf-knob .tpf-ico{width:52%;height:52%}
.tpf-pill[data-sent=true] input{opacity:0}
.tpf-sent{position:absolute;left:1.2em;right:3em;top:0;bottom:0;display:flex;align-items:center;gap:.4em;font-size:max(13px,2cqmin);pointer-events:none;opacity:0;transition:opacity .4s}
.tpf-pill[data-sent=true] .tpf-sent{opacity:1}
.tpf-flank{top:22.4%;transform:translate(-50%,-50%);font-size:var(--fs);letter-spacing:.04em;white-space:nowrap;text-transform:uppercase}
.tpf-clock{font-variant-numeric:tabular-nums}.tpf-clock i{font-style:normal;animation:tpf-blink 2s steps(1) infinite}
.tpf-status{left:50%;top:30.6%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.6em;font-size:max(14px,2.25cqmin);white-space:nowrap;letter-spacing:.01em}
.tpf-live{position:relative;width:.5em;height:.5em;border-radius:50%;background:currentColor}
.tpf-live::after{content:'';position:absolute;inset:0;border-radius:50%;border:1.5px solid currentColor;animation:tpf-ping 2.2s var(--ease) infinite}
.tpf a.tpf-status:hover span{text-decoration:underline;text-underline-offset:.2em}
.tpf-badge{left:50%;top:35.4%;transform:translate(-50%,-50%);width:max(15px,2.3cqmin);height:max(15px,2.3cqmin)}
.tpf-col{top:27.5%;display:grid;gap:max(5px,.9cqmin);font-size:var(--fs)}
.tpf-col.l{left:14%;justify-items:start}.tpf-col.r{right:14%;justify-items:end;text-align:right}
.tpf-col h3{all:unset;display:flex;align-items:center;gap:1em;margin-bottom:max(4px,.6cqmin);opacity:.75}
.tpf-col.r h3{flex-direction:row-reverse}
.tpf-col h3 .tpf-ico{width:1.1em;height:1.1em}
.tpf-col ul{all:unset;display:grid;gap:max(4px,.7cqmin);justify-items:inherit}
.tpf-col li{list-style:none}
.tpf-col li a{display:inline-block;transition:transform .35s var(--ease),opacity .25s}
.tpf-col.l li a:hover{transform:translateX(4px)}.tpf-col.r li a:hover{transform:translateX(-4px)}
.tpf-big{margin-top:max(6px,1cqmin);font-size:max(26px,4.6cqmin);letter-spacing:-.025em;line-height:1;text-decoration:underline;text-decoration-thickness:max(1.5px,.04em);text-underline-offset:.12em;transition:text-underline-offset .35s var(--ease)}
.tpf .tpf-big:hover{text-underline-offset:.22em}
.tpf-pin{position:absolute;z-index:3;left:50%;top:64%;width:max(46px,9cqmin);height:max(92px,18cqmin);transform:translate(-50%,-100%);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.tpf-pin:focus-visible{outline-offset:6px}
.tpf-tilt{position:absolute;inset:0;transform-origin:50% 100%;transform:rotate(calc(5deg + var(--tilt,0deg)));transition:transform .7s var(--ease)}
.tpf-drop,.tpf-body{position:absolute;inset:0;transform-origin:50% 100%}
.tpf-body{transition:transform .32s var(--ease)}
.tpf-pin-svg{position:absolute;inset:0;width:100%;height:100%;max-width:none;display:block;overflow:visible}
.tpf-shadow{position:absolute;right:50%;bottom:-.5%;width:150%;height:24%;transform-origin:100% 50%;transform:rotate(16deg);transition:transform .45s var(--ease),opacity .45s}
.tpf-shadow::before,.tpf-shadow::after{content:'';position:absolute;top:50%;border-radius:50%;transform:translateY(-50%)}
.tpf-shadow::before{right:0;width:100%;height:24%;background:linear-gradient(90deg,transparent,rgba(9,22,48,.26) 60%,rgba(9,22,48,.42));filter:blur(2px)}
.tpf-shadow::after{left:-6%;width:60%;height:100%;background:radial-gradient(closest-side,rgba(9,22,48,.22),transparent);filter:blur(3px)}
.tpf.is-enhanced:not(.s2) .tpf-pin{opacity:0;pointer-events:none}
.tpf.s2 .tpf-drop{animation:tpf-drop .62s cubic-bezier(.5,0,.75,0) both}
.tpf.s2 .tpf-shadow{animation:tpf-shade .62s cubic-bezier(.5,0,.75,0) both}
.tpf-pin:hover .tpf-body{transform:translateY(-3%)}
.tpf-pin:hover .tpf-shadow{transform:rotate(16deg) translateX(-5%) scaleX(1.06)}
.tpf-pin[data-pin=lift] .tpf-body{transform:translateY(-22%) rotate(-10deg);transition-duration:.3s}
.tpf-pin[data-pin=lift] .tpf-shadow{transform:rotate(16deg) translateX(-26%) scale(1.25);opacity:.55}
.tpf-pin[data-pin=stab] .tpf-body{animation:tpf-stab .42s cubic-bezier(.55,0,.8,.2) both}
.tpf-brand{left:50%;top:67%;width:max-content;transform:translateX(-50%);display:grid;justify-items:stretch}
.tpf-brand-top{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:0 .2em 0 .5em}
.tpf-eye{font-size:max(15px,2.6cqmin);letter-spacing:-.02em;background:linear-gradient(90deg,var(--tpf-on-paper),color-mix(in srgb,var(--tpf-on-paper) 35%,var(--tpf-paper)));-webkit-background-clip:text;background-clip:text;color:transparent}
.tpf-bub{display:inline-flex;align-items:center;gap:.5em;height:1.7em;padding:0 .55em;border-radius:99px;background:color-mix(in srgb,var(--tpf-on-paper) 11%,var(--tpf-paper));font-size:max(11px,1.6cqmin);overflow:hidden;transition:padding .45s var(--ease)}
.tpf-dots{display:flex;gap:.22em}
.tpf-dots i{width:.38em;height:.38em;border-radius:50%;background:color-mix(in srgb,var(--tpf-on-paper) 45%,var(--tpf-paper));animation:tpf-dot 1.2s ease-in-out infinite}
.tpf-dots i:nth-child(2){animation-delay:.15s}.tpf-dots i:nth-child(3){animation-delay:.3s}
.tpf-bub b{font-weight:500;max-width:0;opacity:0;white-space:nowrap;transition:max-width .5s var(--ease),opacity .3s}
.tpf-bub:hover,.tpf-bub:focus-visible{padding:0 .8em}
.tpf-bub:hover b,.tpf-bub:focus-visible b{max-width:8em;opacity:1}
.tpf-word{display:block;overflow:hidden;padding:0 .04em .14em;font-size:max(44px,min(12.4cqmin,16cqw));font-weight:500;letter-spacing:-.055em;line-height:.98;white-space:nowrap}
.tpf-word span{display:block;position:relative;transition:transform 1s var(--ease) .5s}
.tpf-word span::after{content:'';position:absolute;left:.02em;right:.04em;bottom:-.02em;height:max(2px,.045em);background:currentColor;transform-origin:0 50%;transition:transform .9s var(--ease) 1.05s,height .3s var(--ease)}
.tpf.is-enhanced:not(.s3) .tpf-word span{transform:translateY(125%);transition-delay:0s}
.tpf.is-enhanced:not(.s3) .tpf-word span::after{transform:scaleX(0);transition-delay:0s}
.tpf-word:hover span::after{height:max(4px,.075em)}
.tpf-side{top:76%;display:grid;justify-items:center;gap:max(10px,1.9cqmin);font-size:max(13px,2.1cqmin);transform:translateX(-50%)}
.tpf-side .tpf-ico{width:1.35em;height:1.35em;transition:transform .35s var(--ease)}
.tpf-side:hover .tpf-ico{transform:translateY(-2px) rotate(-8deg)}
.tpf-side span{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .4s var(--ease)}
.tpf-side:hover span{background-size:100% 1px}
.tpf-foot{left:0;right:0;bottom:5%;display:flex;align-items:center;justify-content:space-between;gap:1.5em;padding:0 15%;font-size:max(12px,1.85cqmin)}
.tpf-credit{position:absolute;left:50%;transform:translateX(-50%);font-size:max(10px,1.4cqmin);letter-spacing:.08em;text-transform:uppercase;opacity:.62;white-space:nowrap}
.tpf-handle:hover{text-decoration:underline;text-underline-offset:.2em}
@container (max-width: 620px){
.tpf-top{padding:0 7%}.tpf-flank,.tpf-mail span{display:none}
.tpf-news{top:16%}.tpf-pill{width:min(80cqw,320px)}
.tpf-status{top:29%}.tpf-badge{top:33%}
.tpf-col{top:36.5%}.tpf-col.l{left:7%}.tpf-col.r{right:7%}.tpf-col li:nth-child(n+3){display:none}
.tpf-side{top:86%}.tpf-side.l{left:14%!important}.tpf-side.r{left:86%!important}
.tpf-foot{padding:0 7%;bottom:3.5%}.tpf-credit{bottom:2.4em}
}
@keyframes tpf-hit{0%{transform:translateY(0)}30%{transform:translateY(2px)}60%{transform:translateY(-.5px)}100%{transform:translateY(0)}}
@keyframes tpf-drop{0%{transform:translateY(-62cqh) rotate(-28deg) scale(1.5);opacity:0}25%{opacity:1}80%{transform:translateY(0) rotate(3deg) scale(1)}90%{transform:scale(1.04,.95)}100%{transform:none;opacity:1}}
@keyframes tpf-shade{0%{transform:rotate(16deg) translateX(-60%) scale(2.4);opacity:0}80%{transform:rotate(16deg);opacity:1}100%{transform:rotate(16deg);opacity:1}}
@keyframes tpf-stab{0%{transform:translateY(-22%) rotate(-10deg)}70%{transform:translateY(1.5%) rotate(1deg)}100%{transform:none}}
@keyframes tpf-dot{0%,60%,100%{transform:translateY(0);opacity:.55}30%{transform:translateY(-2.5px);opacity:1}}
@keyframes tpf-bob{0%{transform:none}40%{transform:translateY(-3px) scale(1.15)}100%{transform:none}}
@keyframes tpf-blink{0%{opacity:1}50%{opacity:.25}}
@keyframes tpf-ping{0%{transform:scale(1);opacity:.9}80%,100%{transform:scale(2.6);opacity:0}}
@media (prefers-reduced-motion: reduce){.tpf *,.tpf *::before,.tpf *::after{animation:none!important;transition-duration:.01s!important;transition-delay:0s!important}}

/* Lilipan's palette and content, on the supplied poster composition. */
.tpf {
  --tpf-sheet:#a65032; --tpf-paper:#f6efe3; --tpf-on-sheet:#fff8ed;
  --tpf-on-paper:#493023; --tpf-rim:#fffaf3;
  --tpf-sans:Gilroy,Arial,sans-serif;
  height:clamp(760px,100svh,1000px); width:100%; margin:0;
}
.tpf .tpf-logo img{display:block;width:clamp(95px,10vw,155px);height:auto;filter:brightness(0) invert(1)}
.tpf .tpf-news p{margin:0;font-size:inherit;line-height:1.5}
.tpf .tpf-shop-pill{justify-content:space-between;gap:1em;font-size:14px;text-decoration:none}
.tpf .tpf-shop-pill .tpf-knob{width:32px;height:32px}
.tpf .tpf-word{font-size:clamp(72px,13vw,190px);font-weight:800;letter-spacing:-.065em}
.tpf .tpf-brand{top:69%;width:70%;max-width:1000px}
.tpf .tpf-word span{width:max-content;margin:0 auto}
.tpf .tpf-brand-top{padding:0 3%}
.tpf .tpf-pin{top:64%;width:clamp(58px,7cqmin,90px);height:clamp(116px,14cqmin,180px)}
.tpf .tpf-pin .pushpin-steel{fill:#c9c3b8;stroke:#695445;stroke-width:.8}
.tpf .tpf-status{font-size:clamp(13px,2cqmin,19px)}
@container (max-width:620px){
  .tpf .tpf-top{top:7.5%}
  .tpf .tpf-news{top:14.5%}
  .tpf .tpf-status{top:27%}
  .tpf .tpf-badge{top:31%}
  .tpf .tpf-col{top:36%;font-size:13px;gap:10px}
  .tpf .tpf-col ul{gap:10px}
  .tpf .tpf-col li:nth-child(n+3){display:list-item}
  .tpf .tpf-col .tpf-big{font-size:30px;margin-top:12px}
  .tpf .tpf-brand{top:73%;width:88%}
  .tpf .tpf-word{font-size:18cqw}
  .tpf .tpf-eye{font-size:12px}
  .tpf .tpf-foot{bottom:5%;font-size:12px}
  .tpf .tpf-credit{bottom:2.8em;font-size:10px}
}
@media(max-width:620px){.tpf{height:880px;min-height:880px}}
