@font-face{font-family:Kalam;src:url('/assets/gateway/kalam-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:light;--yellow:#febf15;--ink:#151515;background:#fff;color:var(--ink);font-family:Kalam,'Segoe Print',cursive;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}h1,h2{margin:0;font-weight:400}.page{max-width:1440px;margin:auto;padding:52px 64px 75px}header{padding-bottom:65px}h1{font-size:clamp(34px,3.4vw,48px);letter-spacing:-.025em;line-height:1.2}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;align-items:stretch}.tile{position:relative;min-width:0;padding:30px 24px 46px;display:flex;flex-direction:column;justify-content:space-between;min-height:460px;isolation:isolate;transition:transform .25s ease}.tile::before,.tile::after{content:"";position:absolute;inset:0;border:2px solid var(--ink);border-radius:3% 1% 2% 1% / 1% 2% 1% 3%;z-index:-1;pointer-events:none;transform:rotate(-.8deg)}.tile::after{inset:4px -3px -3px 4px;border-width:1px;transform:rotate(.5deg);opacity:.65}.tile--music::before{transform:rotate(.6deg)}.tile--cat{--ink:#242018;color:var(--ink);background:var(--yellow);border-radius:2px 7px 3px 5px}.tile--cat::before{transform:rotate(-.2deg)}.illustration{height:280px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:27px}.illustration>svg{width:100%;height:100%;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.illustration .fine{stroke-width:1.5}.illustration .key{fill:var(--ink);stroke-width:1.4}.research-art .flower{position:absolute;width:58px;height:58px;object-fit:contain;bottom:8px;left:20px;mix-blend-mode:multiply;transform:rotate(-14deg)}.daisy-art{align-items:flex-end;padding-top:8px;overflow:hidden}.daisy-art>img{width:100%;height:100%;object-fit:contain;object-position:bottom}.daisy-art>.portrait-line{position:absolute;bottom:-1px;left:0;height:12px;stroke-width:3.5}.tile-label{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:88px}h2{font-size:clamp(28px,3vw,43px);line-height:1.18;letter-spacing:-.025em}.tile--music h2{font-size:clamp(25px,2.65vw,38px)}.arrow{font-size:42px;line-height:1;transition:transform .25s ease}.coming-soon{position:absolute;bottom:13px;left:24px;font-size:15px;opacity:.7}a.tile:hover{transform:translateY(-7px) rotate(-.5deg)}a.tile:hover .arrow{transform:translate(3px,-3px)}a.tile:focus-visible{outline:3px solid var(--ink);outline-offset:9px}.skip-link{position:fixed;top:12px;left:12px;padding:10px 18px;background:var(--ink);color:#fff;z-index:5;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
@media(min-width:1500px){.page{padding-top:70px}header{padding-bottom:85px}.tile{min-height:500px}.illustration{height:310px}}
@media(max-width:1000px) and (min-width:701px){.page{padding:40px 30px 60px}.tiles{gap:22px}.tile{padding:20px 16px 42px;min-height:370px}.illustration{height:220px;margin-bottom:15px}.tile-label{min-height:80px}.arrow{font-size:32px}.coming-soon{left:16px}h2{font-size:30px}.tile--music h2{font-size:26px}}
@media(max-width:700px){.page{padding:32px 28px 48px;max-width:490px}header{padding-bottom:36px}.tiles{grid-template-columns:1fr;gap:34px}.tile{min-height:405px;padding:23px 25px 39px}.illustration{height:265px;margin-bottom:15px}.tile-label{min-height:64px}h2{font-size:38px}.tile--music h2{font-size:34px}.coming-soon{left:25px;bottom:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}

.tile--research{--ink:#fff;background:#101010;color:#fff;border-radius:5px 2px 7px 3px}.tile--research .flower{filter:invert(1);mix-blend-mode:screen}.daisy-art{padding:0;overflow:visible}.daisy-art>img{mix-blend-mode:normal;object-fit:contain}.music-arrow{position:absolute;right:24px;bottom:43px}.tile--music .tile-label{padding-right:25px}
@media(max-width:1000px) and (min-width:701px){.music-arrow{right:12px;bottom:42px;font-size:28px}.tile--music .tile-label{padding-right:18px}}
@media(max-width:700px){.music-arrow{bottom:40px}}
