@font-face{font-family:"Martian Mono";src:url("../fonts/MartianMono-Variable.woff2") format("woff2");font-weight:100 800;font-stretch:75% 112.5%;font-style:normal;font-display:swap;}
body.hipr-page,body.hipr-page .main-page-wrapper{background:#fff;}
.hipr{--hipr-top:120px;--hipr-room:calc(100vh - var(--hipr-top));--hipr-pad:clamp(12px,4.17vw,100px);--hipr-lift:clamp(16px,calc(var(--hipr-pad) * .7),44px);position:relative;box-sizing:border-box;height:100vh;height:100svh;min-height:calc(var(--hipr-top) + 200px);padding-top:var(--hipr-top);background:#fff;overflow:hidden;}
@media (max-width:1399px){.hipr{--hipr-top:110px;}}
@media (max-width:991px){.hipr{--hipr-top:100px;}}
@media (max-width:368px){.hipr{--hipr-top:110px;}}
.hipr .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;}
.hipr__stage{position:relative;width:100%;height:100%;overflow:hidden;background:#fff;}
.hipr__rain{position:absolute;top:0;left:0;display:block;}
.hipr__words{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:4.4%;text-align:center;white-space:nowrap;pointer-events:none;}
.hipr__mark{position:relative;top:.056em;display:block;margin-right:-.034em;font-family:"Obviously Narrow","Arial Narrow",Arial,sans-serif;font-weight:700;font-size:min(30.8vw,calc(var(--hipr-room) * .427));line-height:.76;letter-spacing:.034em;color:#158fc6;}
.hipr__sub{display:block;margin:2.3em -.36em 0 0;font:500 min(2.39vw,calc(var(--hipr-room) * .0331))/1 "Martian Mono",ui-monospace,Menlo,Consolas,monospace;letter-spacing:.36em;color:#158fc6;}
.hipr__corner{position:absolute;z-index:2;margin:0;padding:0;font:500 clamp(10px,.74vw,12.5px)/1.25 "Martian Mono",ui-monospace,Menlo,Consolas,monospace;letter-spacing:.24em;font-variant-numeric:tabular-nums;white-space:nowrap;color:rgba(21,143,198,.85);}
.hipr__corner[hidden]{display:none;}
.hipr__corner--tr{top:var(--hipr-lift);right:var(--hipr-pad);display:flex;flex-direction:column;align-items:flex-end;gap:.7em;}
.hipr__corner--tr>span{margin-right:-.24em;}
.hipr__corner--tr b{margin-right:-.08em;font-weight:500;font-size:1.6em;letter-spacing:.08em;white-space:pre;color:#158fc6;}
.hipr__corner--bl{bottom:var(--hipr-lift);left:var(--hipr-pad);display:flex;align-items:center;gap:1.15em;}
.hipr__corner--bl b{font-weight:600;color:#158fc6;}
.hipr__corner--bl i{font-style:normal;letter-spacing:.06em;color:#8fc6e3;}
.hipr__words,.hipr__corner{opacity:0;animation:hipr-late .8s ease 3.5s forwards;}
@keyframes hipr-late{to{opacity:1;}}
.hipr:has(.hipr__plain) .hipr__words,.hipr:has(.hipr__plain) .hipr__corner{opacity:1;animation:none;}
.hipr.is-live .hipr__words{display:block;padding:0;opacity:1;animation:none;}
.hipr.is-live .hipr__mark{display:none;}
.hipr.is-live .hipr__sub{position:absolute;top:0;left:0;margin:0;}
.hipr.is-live .hipr__corner{opacity:1;animation:none;}
.hipr.is-live:not(.is-cued) .hipr__sub,.hipr.is-live:not(.is-cued) .hipr__corner{visibility:hidden;}
.hipr.is-live .hipr__c{opacity:0;}
.hipr.is-live .hipr__c.is-in{opacity:1;}
.hipr__c.is-flux{color:#3c9fcd;}
.hipr__plumb{display:inline-block;width:0;height:0;}
.hipr.is-flat .hipr__rain{visibility:hidden;}
.hipr.is-flat .hipr__words,.hipr.is-flat .hipr__corner{visibility:visible;opacity:1;animation:none;}
@media (min-width:700px) and (orientation:portrait){
	.hipr__mark{font-size:min(40vw,calc(var(--hipr-room) * .427));}
	.hipr__sub{font-size:min(3.1vw,calc(var(--hipr-room) * .0331));}
}
@media (max-width:699px){
	.hipr__mark{font-size:min(44.1vw,calc(var(--hipr-room) * .413));}
	.hipr__sub{font-size:min(3.42vw,calc(var(--hipr-room) * .032));}
}
@media (max-width:699px) and (orientation:landscape){
	.hipr__mark{font-size:min(44.1vw,calc(var(--hipr-room) * .56));}
	.hipr__sub{font-size:min(3.42vw,calc(var(--hipr-room) * .0434));}
}
@media (max-width:560px){
	.hipr__corner{font-size:10px;letter-spacing:.2em;}
	.hipr__corner--tr>span{margin-right:-.2em;}
	.hipr__corner--tr b{font-size:1.4em;}
	.hipr__corner--bl{flex-direction:column;align-items:flex-start;gap:.62em;}
	.hipr__corner--bl i{display:none;}
}
@media (max-height:520px) and (orientation:landscape){
	.hipr__corner--tr{flex-direction:row;align-items:baseline;gap:1.1em;}
	.hipr__corner--tr b{font-size:1.2em;}
}