/* One regular face, including native form controls. The glyphs and their
   horizontal spacing already carry the original 80% proportion. */
@font-face{font-family:'JG Narrow';font-style:normal;font-weight:400;font-display:swap;src:url('assets/jg-narrow-regular.ttf') format('truetype')}
body,body.mastermind-page{font-family:'JG Narrow',Inter,Arial,sans-serif;font-synthesis:none;font-weight:400;letter-spacing:-.032em}
body :where(h1,h2,h3,h4,h5,p,a,button,label,input,textarea,select,output,summary,small,span,strong,b,dt,dd,li,figcaption){font-family:inherit;font-weight:400!important;letter-spacing:-.032em!important}
body .t{width:100%!important;max-width:100%;transform:none!important;font-family:inherit}
body .button-label{transform:none!important}
.faq summary::after{content:'↓';font-size:22px}
.faq details[open] summary::after{content:'↑'}
.brand-cursor{position:fixed;top:0;left:0;z-index:1000;pointer-events:none;opacity:0}
.brand-cursor.is-visible{opacity:1}
.cursor-mark{position:absolute;width:22px;height:22px;left:-11px;top:-11px;max-width:none;filter:drop-shadow(0 0 1px white)}
.cursor-caption{position:absolute;top:16px;left:16px;background:#20211e;color:#fff;padding:5px 9px;white-space:nowrap;font-size:13px;line-height:1.2;box-shadow:0 1px 8px #ffffff66}
.cursor-caption:empty{display:none}
@media(hover:hover) and (pointer:fine){html.custom-cursor,html.custom-cursor body,html.custom-cursor a,html.custom-cursor button,html.custom-cursor summary,html.custom-cursor label{cursor:none}html.custom-cursor input,html.custom-cursor textarea{cursor:text}html.custom-cursor select{cursor:default}}
@media(hover:none),(pointer:coarse){.brand-cursor{display:none}}

/* Original Figma wordmark, node 77:2; preserve the exported 317:112 ratio. */
.jg-header .jg-logo img,.jg-footer .jg-logo img,.calendar-page .project-intro .jg-logo img{display:block;width:156px;height:auto;filter:none}
.jg-footer .jg-logo img{width:142px}
.calendar-page .project-intro .jg-logo img{width:142px}
@media(max-width:760px){.jg-header .jg-logo img,.calendar-page .project-intro .jg-logo img{width:142px}}

/* Keep the sunlight compact independently of the wordmark's width. */
.jg-logo{position:relative;isolation:isolate;width:max-content;justify-self:start}
.jg-logo::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:calc(100% - 55px);top:50%;transform:translateY(-50%);width:112px;aspect-ratio:88/68;background:url('assets/brand-sunlight.png') center/contain no-repeat;mix-blend-mode:multiply;opacity:.72;filter:saturate(.7);mask-image:radial-gradient(ellipse at center,#000 45%,transparent 73%)}
.jg-logo img{position:relative;z-index:1}