.redesign-notice,.redesign-notice *{box-sizing:border-box}
.redesign-notice{font-family:Arial,Helvetica,sans-serif;color:#f5f4ee}
.redesign-notice h2,.redesign-notice p{margin:0;float:none;position:static;max-width:none;text-transform:none;font-family:inherit}
.notice-close{appearance:none;border:0;background:transparent;color:inherit;display:grid;place-items:center;width:36px;height:36px;padding:8px;cursor:pointer;flex-shrink:0;opacity:.65;border-radius:4px}
.notice-close:hover{opacity:1;background:#ffffff15}
.notice-close:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.notice-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.notice-wrap{max-width:1080px;margin:24px auto 22px;padding:0 15px}
.notice-eyebrow{color:#ffe500;font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.4;display:flex;gap:9px;align-items:center;margin-bottom:11px}
.notice-eyebrow:before{content:'';width:6px;height:6px;background:#ffe500;border-radius:50%}
.notice-tape{position:relative;overflow:hidden;min-height:210px;border:1px solid #3d3d3f;background:#131419;border-radius:5px;padding:45px 38px 30px}
.notice-tape:before,.notice-tape:after{content:'';position:absolute;left:0;right:0;height:8px;background:repeating-linear-gradient(120deg,#ffe500 0 15px,#131419 15px 29px)}
.notice-tape:before{top:0}.notice-tape:after{bottom:0}
.notice-tape .notice-eyebrow{margin-bottom:12px;font-family:'Courier New',monospace;letter-spacing:1.4px;color:#b7b5a5;font-weight:400}
.notice-tape .notice-eyebrow:before{display:none}
.notice-tape h2{font-size:38px;font-weight:900;line-height:1.05;letter-spacing:-.8px;color:#ffe500;text-transform:uppercase;max-width:620px;position:relative;z-index:1}
.notice-tape p{margin-top:16px;color:#cfceca;font-size:14px;line-height:1.55;position:relative;z-index:1}
.notice-tape .notice-close{position:absolute;top:16px;right:12px}
@media(max-width:767px){
 .notice-wrap{margin:15px auto 16px;padding:0 12px}
 .notice-eyebrow{font-size:9px;letter-spacing:1.5px}
 .notice-tape{min-height:205px;padding:33px 21px 28px}
 .notice-tape h2{font-size:31px;max-width:280px}
 .notice-tape p{font-size:13px;max-width:255px}
 .notice-tape .notice-eyebrow{font-size:9px;letter-spacing:1px;padding-right:45px}
}
.notice-tape{isolation:isolate;--logo-size:160px;--home-x:350px;--home-y:-7px;--cover-size:1632px;--motion-time:12s}
.notice-tape:before,.notice-tape:after{z-index:12;pointer-events:none}
.notice-tape .notice-message{position:relative;z-index:2;animation:panika-message-return var(--motion-time) linear infinite}
.notice-tape .notice-art{position:absolute;left:50%;top:50%;width:var(--logo-size);height:var(--logo-size);transform:translate(-50%,-50%);opacity:1;z-index:5;pointer-events:none}
.notice-tape .notice-flight{width:100%;height:100%;transform:translate(var(--home-x),var(--home-y)) rotate(-7deg);transform-origin:center;animation:panika-logo-takeover var(--motion-time) cubic-bezier(.65,0,.25,1) infinite}
.notice-tape .panika-motion-logo{position:absolute;left:50%;top:50%;width:var(--logo-size);height:var(--logo-size);transform:translate(-50%,-50%);display:block;overflow:visible;animation:panika-logo-size var(--motion-time) cubic-bezier(.65,0,.25,1) infinite}
.notice-tape .panika-motion-eye{transform-box:fill-box;transform-origin:center}
.notice-tape .panika-motion-eye--left{animation:panika-logo-wink var(--motion-time) ease-in-out infinite}
.notice-tape .panika-motion-glint{opacity:0;animation:panika-logo-glint var(--motion-time) ease-in-out infinite}
.notice-tape .notice-close{z-index:20;background:#131419c9;color:#eeeadd;border-radius:50%;opacity:.75}
.notice-tape .notice-close:hover{opacity:1;background:#131419}
@keyframes panika-logo-takeover{
 0%,8%{transform:translate(var(--home-x),var(--home-y)) rotate(-7deg)}
 18%{transform:translate(var(--home-x),calc(var(--home-y) - 5px)) rotate(4deg)}
 32%,43%{transform:translate(var(--home-x),var(--home-y)) rotate(-7deg)}
 49%{transform:translate(0,0) rotate(17deg)}
 56%,70%{transform:translate(0,0) rotate(0deg)}
 78%{transform:translate(0,0) rotate(-14deg)}
 86%{transform:translate(var(--home-x),var(--home-y)) rotate(-11deg)}
 93%,100%{transform:translate(var(--home-x),var(--home-y)) rotate(-7deg)}
}
@keyframes panika-logo-size{
 0%,8%,32%,43%,93%,100%{width:calc(var(--logo-size) * .98);height:calc(var(--logo-size) * .98)}
 18%,86%{width:calc(var(--logo-size) * 1.04);height:calc(var(--logo-size) * 1.04)}
 49%{width:calc(var(--logo-size) * 1.25);height:calc(var(--logo-size) * 1.25)}
 56%,66%{width:var(--cover-size);height:var(--cover-size)}
 70%{width:calc(var(--cover-size) * 1.035);height:calc(var(--cover-size) * 1.035)}
 78%{width:calc(var(--logo-size) * 1.2);height:calc(var(--logo-size) * 1.2)}
}
@keyframes panika-message-return{
 0%,43%,100%{opacity:1;transform:translateY(0)}
 49%,78%{opacity:0;transform:translateY(9px)}
 87%{opacity:1;transform:translateY(0)}
}
@keyframes panika-logo-wink{
 0%,22%,28%,100%{transform:scaleY(1)}
 24.5%{transform:scaleY(.12)}
 26%{transform:scaleY(1)}
}
@keyframes panika-logo-glint{
 0%,12%,24%,82%,100%{opacity:0}
 18%,87%{opacity:.95}
 93%{opacity:0}
}
.notice-tape.is-outside-view .notice-flight,.notice-tape.is-outside-view .panika-motion-logo,.notice-tape.is-outside-view .notice-message,.notice-tape.is-outside-view .panika-motion-eye--left,.notice-tape.is-outside-view .panika-motion-glint{animation-play-state:paused}
@media(max-width:767px){
 .notice-tape{--logo-size:56px;--home-x:65px;--home-y:-45px;--cover-size:544px}
 .notice-tape .notice-art{left:50%;top:50%;opacity:1}
 .notice-tape .notice-eyebrow{padding-right:80px}
}
@media(prefers-reduced-motion:reduce){
 .notice-tape .notice-flight{animation:none;transform:translate(var(--home-x),var(--home-y)) rotate(-7deg);will-change:auto}
 .notice-tape .notice-message{animation:none;opacity:1;transform:none}
 .notice-tape .panika-motion-logo{animation:none;width:var(--logo-size);height:var(--logo-size)}
 .notice-tape .panika-motion-eye--left,.notice-tape .panika-motion-glint{animation:none}
}
.notice-tape .notice-heading-brand{color:#fff}
.notice-tape .notice-eyebrow{display:block;margin-bottom:12px;color:#b7b5a5;font:400 10px/1.4 'Courier New',monospace;letter-spacing:1px}
.notice-tape .notice-slogans{display:flex;flex-direction:column;align-items:flex-start;gap:1px;margin-top:16px}
.notice-tape .notice-slogan{display:block;position:relative;color:#f4f3ef;font:700 14px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.2px;text-transform:uppercase}
.notice-tape .notice-slogan-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.notice-tape .notice-slogan-letters{display:block;white-space:pre}
@property --blood-flow{syntax:'<number>';inherits:true;initial-value:0}
.notice-tape .blood-glyph{display:inline-block;position:relative;color:transparent;background:linear-gradient(to top,var(--blood-ink) 0%,var(--blood-ink) max(0%,calc(var(--blood-flow) * 100% - 6%)),#f4f3ef min(100%,calc(var(--blood-flow) * 100% + 6%)),#f4f3ef 100%);background-clip:text;-webkit-background-clip:text;transform-origin:50% 65%;transform:translateY(calc(var(--blood-flow) * .6px)) scaleY(calc(1 + (var(--melt) - 1) * var(--blood-flow)));filter:blur(calc(var(--blood-flow) * .2px));animation:panika-letter-melt var(--motion-time) ease-in-out infinite;animation-delay:var(--blood-delay)}
.notice-tape .blood-glyph--drip:after{content:'';position:absolute;left:48%;top:73%;width:var(--drip-width);height:var(--drip-length);background:linear-gradient(var(--blood-ink) 45%,#d1293c 85%,#76101c);opacity:var(--blood-flow);transform:scaleY(max(.02,var(--blood-flow)));transform-origin:50% 0;pointer-events:none;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 30' preserveAspectRatio='none'%3E%3Cpath d='M4 0H6L6.2 18C6.2 22 9.5 23 9.5 26A4.5 4 0 0 1 .5 26C.5 23 3.8 22 3.8 18Z'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat}
@keyframes panika-letter-melt{
 0%,10%,43%,100%{--blood-flow:0}
 18%{--blood-flow:.3}
 27%,32%{--blood-flow:1}
 38%{--blood-flow:.25}
}
.notice-tape.is-outside-view .blood-glyph{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
 .notice-tape .blood-glyph{animation:none;--blood-flow:0;background:none;color:#f4f3ef;transform:none;filter:none}
 .notice-tape .blood-glyph:after{opacity:0}
}
@media(max-width:767px){
 .notice-tape .notice-eyebrow{padding-right:65px;font-size:9px;letter-spacing:.35px}
 .notice-tape .notice-slogans{gap:1px;margin-top:14px}
 .notice-tape .notice-slogan{font-size:12px;line-height:1.2}
 .notice-tape .notice-close{top:12px;right:12px;width:28px;height:28px;padding:5px}
}
