:root{--white:#fff;--flag:#0d5eaf;--flag-deep:#0a4c8f;--ink:#0b1d45;--mist:#eef4fb;--rule:#0d5eaf38;--t-xs:.75rem;--l-xs:1rem;--t-sm:.875rem;--l-sm:1.25rem;--t-base:1rem;--l-base:1.5rem;--t-lg:1.125rem;--l-lg:1.75rem;--t-xl:1.25rem;--l-xl:1.75rem;--t-2xl:1.5rem;--l-2xl:2rem;--t-3xl:1.875rem;--l-3xl:2.25rem;--t-4xl:2.25rem;--l-4xl:2.5rem;--t-5xl:3rem;--t-6xl:3.75rem;--t-7xl:4.5rem;--t-8xl:6rem;--t-9xl:8rem;--s-25:2px;--s-50:4px;--s-75:8px;--s-100:12px;--s-200:16px;--s-300:24px;--s-400:32px;--s-500:40px;--s-600:48px;--s-700:64px;--s-800:80px;--s-900:96px;--ease:cubic-bezier(.22, 1, .36, 1);--gutter:var(--s-200);--font:"Manrope", system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace;--player-room:128px}@media (width>=768px){:root{--gutter:var(--s-500)}}@media (width>=1200px){:root{--gutter:var(--s-800)}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--s-900);scroll-padding-bottom:var(--player-room)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--white);color:var(--ink);font-family:var(--font);font-size:var(--t-base);line-height:var(--l-base);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img{max-width:100%;height:auto;display:block}h1,h2,h3{text-wrap:balance;margin:0;font-weight:600}p{text-wrap:pretty;margin:0}ol,ul{margin:0;padding:0;list-style:none}figure{margin:0}a{color:inherit}button{font:inherit}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--s-200);top:var(--s-200);z-index:200;background:var(--flag);color:var(--white);padding:var(--s-75) var(--s-100);font-weight:600;font-size:var(--t-sm);line-height:var(--l-sm);transition:transform .5s var(--ease);border-radius:8px;position:absolute;transform:translateY(-160%)}.skip:focus{transform:none}:focus-visible{outline:2px solid var(--flag);outline-offset:4px;border-radius:4px}.wrap{width:100%;max-width:1440px;padding-inline:var(--gutter);margin:0 auto}.mono{font-family:var(--mono);font-size:var(--t-xs);line-height:var(--l-xs);letter-spacing:.16em;text-transform:uppercase;font-weight:500}.btn{align-items:center;gap:var(--s-75);padding:var(--s-75) var(--s-100);font:600 var(--t-base) / var(--l-base) var(--font);transition:transform .3s var(--ease), background-color .3s var(--ease);border:1px solid #0000;border-radius:8px;text-decoration:none;display:inline-flex}.btn--primary{background:var(--flag);color:var(--white)}.btn--primary:hover{background:var(--flag-deep)}.btn--primary:active{transform:scale(.98)}.nav{z-index:50;top:var(--s-200);align-items:center;gap:var(--s-200);padding:var(--s-75) var(--s-75) var(--s-75) var(--s-200);background:var(--white);max-width:calc(100% - 2 * var(--s-200));border-radius:9999px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0b1d451f}.nav__brand{width:96px;transition:opacity .3s var(--ease), transform .5s var(--ease);display:block}.nav__links{gap:var(--s-50);display:flex}.nav__links a{font-size:var(--t-sm);line-height:var(--l-sm);padding:var(--s-75) var(--s-100);color:var(--flag);transition:background-color .3s var(--ease), color .3s var(--ease);border-radius:9999px;font-weight:600;text-decoration:none;display:block}.nav__links a:hover{background:var(--mist)}.nav__links a:active{transform:scale(.98)}.nav__links a[aria-current=true]{background:var(--flag);color:var(--white)}.hero{background:var(--flag);height:100svh;min-height:640px;max-height:1100px;position:relative;overflow:hidden}.hero__photo{object-fit:cover;object-position:50% 0%;width:100%;height:100%;position:absolute;inset:0}.hero__stage{top:14%;right:var(--gutter);justify-items:start;gap:0;width:min(56vw,860px);display:grid;position:absolute}.hero__mark{width:100%}.hero__mark img{filter:drop-shadow(0 8px 32px #04123059);width:100%}.hero-play{align-items:center;gap:var(--s-200);padding:var(--s-100) var(--s-400) var(--s-100) var(--s-100);background:var(--white);color:var(--flag);font:600 var(--t-2xl) / var(--l-2xl) var(--font);cursor:pointer;transition:transform .5s var(--ease), opacity .3s var(--ease);border:0;border-radius:9999px;margin-left:10%;text-decoration:none;display:inline-flex;box-shadow:0 16px 40px #0412304d}.hero-play:hover:not(:disabled){transform:translateY(-2px)scale(1.02)}.hero-play:active:not(:disabled){transform:scale(.98)}.hero-play:disabled{opacity:.6;cursor:progress}.hero-play__icon{background:var(--flag);width:80px;height:80px;color:var(--white);border-radius:50%;place-items:center;display:grid}.hero-play__icon svg{width:32px;height:32px}@media (width>=768px) and (width<=1199px){.hero__stage{width:min(64vw,640px);top:10%}.hero-play__icon{width:64px;height:64px}}.covers{background:var(--flag);padding-block:var(--s-900) calc(var(--s-900) + var(--s-600));overflow:hidden}.covers__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1360px;margin:0 auto;display:grid}.cover{transition:rotate .8s var(--ease), scale .8s var(--ease);rotate:-2deg}.cover:nth-child(2){rotate:2deg;translate:0 var(--s-600);z-index:1;margin-left:-6%}.cover:hover{z-index:2;rotate:0deg;scale:1.02}.cover img{aspect-ratio:1;object-fit:cover;border-radius:4px;width:100%;box-shadow:0 40px 80px #04123073,0 8px 16px #0412304d}.details{padding-block:var(--s-900) calc(var(--s-900) + var(--s-600))}.details__grid{gap:var(--s-400);grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;display:grid}.detail{background:var(--mist);overflow:hidden}.detail img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}.detail:hover img{transform:scale(1.05)}.detail--arch{aspect-ratio:3/4;border-radius:9999px 9999px 4px 4px}.detail--circle{aspect-ratio:1;border-radius:50%}.detail--rect{aspect-ratio:1;border-radius:24px}.details__grid>:nth-child(2n){translate:0 calc(var(--s-600) * -1)}.foot{background:var(--flag);color:var(--white);padding-block:var(--s-900) calc(var(--player-room) + var(--s-400))}.foot__mark{width:min(100%,1120px)}.foot__base{justify-content:space-between;align-items:center;gap:var(--s-200);margin-top:var(--s-700);padding-top:var(--s-300);flex-wrap:wrap;display:flex;box-shadow:0 -1px #ffffff4d}.foot__base a{padding:var(--s-75) 0;text-decoration:none}.foot__base a:hover{text-underline-offset:4px;text-decoration:underline}.foot :focus-visible{outline-color:var(--white)}.has-js .reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(32px)}.has-js .reveal.is-in{opacity:1;transform:none}.no-t,.no-t *{transition:none!important}@media (prefers-reduced-motion:reduce){.has-js .reveal{transition:opacity .3s var(--ease);transform:none}.cover,.detail img,.hero-play{transition:none}}@media (width<=767px){.details__grid{gap:var(--s-300);grid-template-columns:repeat(2,minmax(0,1fr))}.hero{aspect-ratio:4/5;height:auto;min-height:0}.hero__stage{top:var(--s-800);bottom:var(--s-300);left:var(--gutter);right:var(--gutter);flex-direction:column;justify-content:space-between;align-items:center;width:auto;display:flex}.hero-play{padding:var(--s-75) var(--s-300) var(--s-75) var(--s-75);font-size:var(--t-lg);line-height:var(--l-lg);margin-left:0}.hero-play__icon{width:48px;height:48px}.hero-play__icon svg{width:16px;height:16px}.covers{padding-block:var(--s-800)}.covers__grid{grid-template-columns:minmax(0,1fr)}.cover:nth-child(2){margin-left:0;margin-top:calc(var(--s-300) * -1);translate:none}.details{padding-block:var(--s-800) calc(var(--s-800) + var(--s-400))}.details__grid>:nth-child(2n){translate:0 calc(var(--s-400) * -1)}}.message{align-content:center;justify-items:start;gap:var(--s-300);min-height:100svh;padding:var(--s-900) var(--gutter);background:var(--white);color:var(--ink);display:grid}.message h1{font-size:var(--t-6xl);letter-spacing:-.03em;color:var(--flag);line-height:1}.message p{font-size:var(--t-lg);line-height:var(--l-lg)}@media (width<=767px){.message h1{font-size:var(--t-5xl)}}
