@import url('/css/fonts/anton/font.css');
/* Only loaded by the STORM maker top. Other makers keep their existing template. */
body.storm-top{--paper:#f1efe7;--ink:#252623;--pink:#ff8fac;--lime:#d6f76a;background:var(--paper)!important;color:var(--ink);font-family:Arial,Meiryo,sans-serif}
.storm-top .charat-header{background:var(--paper)!important;border-bottom-color:#cecec2}
.storm-top .chtop{max-width:1200px;width:calc(100% - 8%);background:transparent;box-shadow:none;color:var(--ink);font-family:Arial,Meiryo,sans-serif}
.storm-top .chtop-spacer{height:80px}
.storm-top a:focus-visible{outline:3px solid #b1275c;outline-offset:5px}
.storm-top .storm-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:385px;gap:40px;border-bottom:1px solid #c2c3b8;padding:20px 0 40px}
.storm-top .storm-eyebrow{font:10px monospace;letter-spacing:1.7px;color:#62635a;margin-bottom:14px}
.storm-top .storm-hero h1{line-height:1}
.storm-top .storm-logo{display:block;width:240px;max-width:100%;height:auto;filter:brightness(0);opacity:.86}
.storm-top .storm-intro{max-width:420px;font-size:14px;line-height:1.9;margin:23px 0 25px}
.storm-top .storm-action{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;min-height:50px;padding:13px 22px;background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 var(--pink);font-size:13px;font-weight:700;line-height:1.6}
.storm-top .storm-action:hover{background:#45473e}
.storm-top .storm-text-link{display:inline-block;padding:16px 0;margin-left:24px;font-size:12px;border-bottom:1px solid var(--ink);line-height:1.5}
.storm-top .storm-hero-art{height:380px;width:100%;max-width:580px;justify-self:center;position:relative;isolation:isolate}
.storm-top .storm-hero-art:before{content:'';position:absolute;inset:16px 15px 8px;background:#d6d9c9;transform:rotate(3deg);z-index:-1;background-image:repeating-linear-gradient(125deg,#fff0 0 4px,#30392d09 4px 5px)}
.storm-top .storm-hero-sticker{position:absolute;object-fit:contain;object-position:center bottom;filter:drop-shadow(3px 7px 1px #3c413540);pointer-events:none}
.storm-top .storm-sticker-left{width:43%;height:71%;left:-2%;bottom:2%;transform:rotate(-13deg);z-index:1}
.storm-top .storm-sticker-right{width:44%;height:77%;right:-1%;bottom:19%;transform:rotate(11deg);z-index:1}
.storm-top .storm-sticker-center{width:47%;height:80%;left:26%;bottom:-1%;transform:rotate(-4deg);z-index:2}
.storm-top .storm-art-word{position:absolute;left:2%;top:12px;font:900 55px/.92 'Charat Display',Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-1px;color:#7b816d;transform:rotate(-7deg);z-index:-1}
.storm-top .storm-art-stamp{position:absolute;bottom:3%;right:2%;padding:13px 18px;background:var(--lime);font:900 24px/.95 'Charat Display',Impact,'Arial Narrow',Arial,sans-serif;transform:rotate(7deg);z-index:3}
.storm-top .storm-wall-section{padding:35px 0 38px;scroll-margin-top:70px}
.storm-top .storm-wall-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:26px;margin-bottom:22px}
.storm-top .storm-wall-heading h2,.storm-top .chtop-section-title{font:900 clamp(32px,4vw,48px)/1 'Charat Display',Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-1px}
.storm-top .storm-wall-heading h2 span{display:block;margin-top:10px;font:12px/1.5 Arial,Meiryo,sans-serif;letter-spacing:1px}
.storm-top .storm-wall-preview{width:100%;height:505px;border:1px solid #363830;display:block;background:#797f76}
.storm-top .storm-wall-actions{display:flex;justify-content:center;align-items:center;gap:15px;padding-top:19px}
.storm-top .storm-wall-open{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:13px 22px;border:1px solid var(--ink);font-size:13px;font-weight:700;line-height:1.6}
.storm-top .storm-wall-open:hover{background:#e2e3d6}
.storm-top .chtop-section{padding:40px 0;border-top:1px solid #bfc0b4}
.storm-top .chtop-section-title{background:none;text-shadow:none;color:var(--ink);padding:0;margin-bottom:22px;border-radius:0}
.storm-top .chtop-section-title:after{display:none}
.storm-top .chtop-section p:not(.storm-eyebrow){color:#51554a;font-size:13px;line-height:2}
.storm-top .storm-about img{display:block;width:480px;max-width:100%;height:auto;margin-top:12px}
.storm-top .chtop-video{max-width:700px;aspect-ratio:16/9;padding:0;border-radius:0;margin:0}
.storm-top .chtop-cta{align-items:center;padding:0 0 45px}
.storm-top .chtop .chtop-btn{background:var(--ink);box-shadow:3px 3px 0 var(--pink);border-radius:0;font:700 13px/1.5 Arial,Meiryo,sans-serif}
.storm-top .chtop-btn:after{display:none}
@media(max-width:760px){
 .storm-top .chtop{width:calc(100% - 32px)}.storm-top .chtop-spacer{height:67px}
 .storm-top .storm-hero{grid-template-columns:1fr;gap:12px;padding:15px 0 25px;min-height:0;position:relative}
 .storm-top .storm-logo{width:160px}.storm-top .storm-eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:12px}
 .storm-top .storm-intro{font-size:12px;margin:15px 0 18px;max-width:100%}.storm-top .storm-hero-art{height:285px;grid-row:1}
 .storm-top .storm-art-word{font-size:40px;left:3%;top:10px}.storm-top .storm-art-stamp{font-size:18px;padding:10px 13px;bottom:1%;right:1%}
 .storm-top .storm-sticker-left{left:2%;width:40%}.storm-top .storm-sticker-right{right:3%;width:40%}
 .storm-top .storm-hero-copy .storm-action{width:100%}.storm-top .storm-hero-copy .storm-text-link{margin-left:0;padding:13px 0 5px}
 .storm-top .storm-wall-heading{display:block;margin-bottom:15px}.storm-top .storm-wall-heading h2,.storm-top .chtop-section-title{font-size:36px}.storm-top .storm-wall-heading h2 span{display:inline-block;margin:0 0 0 12px;font-size:10px;letter-spacing:0}
 .storm-top .storm-wall-preview{height:370px}.storm-top .storm-wall-section{padding:26px 0}.storm-top .storm-wall-actions{align-items:stretch;flex-wrap:wrap;gap:14px}.storm-top .storm-wall-actions .storm-action{flex:1;gap:10px;padding:12px 14px;font-size:11px}
 .storm-top .storm-wall-preview{pointer-events:none;touch-action:pan-y}
 .storm-top .storm-wall-actions{flex-direction:column}.storm-top .storm-wall-actions .storm-action{justify-content:center}.storm-top .storm-wall-open{font-size:12px;min-height:46px;padding:11px 14px}
 .storm-top .chtop-section{padding:27px 0}
 .storm-top .chtop-cta{align-items:stretch}.storm-top .chtop-cta .chtop-btn{justify-content:center}
}