@font-face{font-family:Montserrat;src:url('/assets/montserrat-extra-bold.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/montserrat-black.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
:root{color-scheme:dark;--ink:#080808;--yellow:#fade19;--orange:#fa8120;--teal:#18aaaa;--violet:#c43cff;--font:Montserrat,Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--yellow);font-family:var(--font);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--violet);outline-offset:7px}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.world{max-width:1000px;min-height:100svh;margin:auto;padding:48px 28px 28px;outline:none}.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-lockup{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:26px;font-weight:800;line-height:1}.brand-text{display:block}.brand-logo{display:block;inline-size:1em;block-size:1em;aspect-ratio:1;object-fit:contain;background:#13ef00;border-radius:0;flex:none}.language-button{background:none;color:var(--yellow);border:1px solid #fade1940;border-radius:0;padding:7px 10px;font:600 11px/1.2 Arial,sans-serif;letter-spacing:.08em}.language-button:hover{border-color:var(--yellow)}
.hero{margin:48px 0}.hero h1{margin:0;font-size:68px;line-height:1.08;font-weight:800;letter-spacing:-.045em;max-width:944px;text-wrap:balance}.directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.direction{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-width:0;min-height:200px;padding:28px;border:1px solid var(--yellow);text-decoration:none;background:var(--ink);transition:background-color .24s,transform .24s,border-color .24s}.direction-slash{display:block;font:500 18px/1 Arial,sans-serif;margin-bottom:48px}.direction h2{margin:0;font-size:36px;font-weight:800;line-height:1.1;letter-spacing:-.045em;overflow-wrap:normal}.direction-arrow{position:absolute;right:25px;top:25px;width:21px;height:21px;opacity:0;transform:translate(-5px,5px);transition:opacity .24s,transform .24s}.direction-arrow svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.5}.direction:hover,.direction:focus-visible{background:#242109;transform:translateY(-4px)}.direction:hover .direction-arrow,.direction:focus-visible .direction-arrow{opacity:1;transform:none}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:48px;color:#8e8a6f;font:400 11px/1.6 Arial,sans-serif;letter-spacing:.025em}.text-button{padding:6px 0;border:0;background:none;color:#aaa381;font:inherit;text-underline-offset:4px}.text-button:hover{text-decoration:underline;color:var(--yellow)}
.skip-link{position:fixed;top:12px;left:12px;z-index:1100;transform:translateY(-180%);background:var(--yellow);color:var(--ink);padding:12px 16px;text-decoration:none;font:700 14px Arial,sans-serif}.skip-link:focus{transform:none}.has-intro{overflow:hidden}.has-intro .world{visibility:hidden}.intro{position:fixed;inset:0;z-index:1000;background:var(--ink);overflow:hidden;isolation:isolate}.intro[hidden]{display:none}.has-intro .intro[hidden]{display:block}.welcome-stage,.letter-stage{position:absolute;inset:0;display:grid;place-items:center}.welcome-stage{background:var(--ink);padding:28px;z-index:2}.welcome-stage p{margin:0;max-width:1100px;text-align:center;color:var(--violet);font-size:clamp(30px,4.4vw,66px);line-height:1.13;letter-spacing:-.045em;font-weight:800;text-shadow:0 0 8px #c43cff88,0 0 32px #c43cff55,0 0 80px #b62dff33}.letter-stage{background:var(--yellow);opacity:0}.desktop-word{display:flex;align-items:center;justify-content:center;gap:0;max-width:calc(100vw - 48px);font-size:clamp(112px,24vw,430px);font-weight:900;letter-spacing:-.065em;line-height:1;white-space:nowrap}.letter{display:block;transform:translateY(-110svh);opacity:0}.letter-orange{color:var(--orange)}.letter-teal{color:var(--teal)}.letter:nth-child(1){--delay:0ms;--tilt:-15deg}.letter:nth-child(2){--delay:90ms;--tilt:12deg}.letter:nth-child(3){--delay:180ms;--tilt:-12deg}.letter:nth-child(4){--delay:270ms;--tilt:18deg}.letter:nth-child(5){--delay:360ms;--tilt:-12deg}.letter:nth-child(6){--delay:450ms;--tilt:15deg}.mobile-word{display:none}.skip-intro{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:5;border:1px solid #c43cff66;background:#08080888;color:#e6b3ff;padding:10px 14px;font:500 11px/1.2 Arial,sans-serif;letter-spacing:.04em}.skip-intro:hover{border-color:var(--violet)}
.intro[data-phase="letters"] .welcome-stage{opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.intro[data-phase="letters"] .letter-stage{opacity:1;transition:opacity .2s}.intro[data-phase="letters"] .letter{animation:letter-drop 1000ms cubic-bezier(.16,.85,.2,1) var(--delay) both}.intro[data-phase="letters"] .skip-intro{color:#080808;border-color:#08080855;background:#fade1980}.intro[data-phase="exit"]{transform:translateY(-100%);transition:transform .6s cubic-bezier(.76,0,.24,1)}.intro[data-phase="exit"] .welcome-stage{display:none}.intro[data-phase="exit"] .letter-stage{opacity:1}.intro[data-phase="exit"] .letter{transform:none;opacity:1}.intro[data-phase="exit"] .skip-intro{visibility:hidden}.no-script-note{max-width:1000px;margin:0 auto;padding:20px 28px;color:#aaa381;font:12px Arial,sans-serif}
@keyframes letter-drop{0%{transform:translateY(-110svh) rotate(var(--tilt));opacity:0}15%{opacity:1}63%{transform:translateY(3%) rotate(-2deg);opacity:1}82%{transform:translateY(-3%) rotate(1deg);opacity:1}100%{transform:translateY(0) rotate(0);opacity:1}}
@keyframes mobile-first{0%{transform:translateY(100svh);opacity:0}20%{transform:translateY(0);opacity:1}65%{transform:translateY(0);opacity:1}100%{transform:translateY(-100svh);opacity:0}}
@keyframes mobile-second{0%{transform:translateY(100svh);opacity:0}37%{transform:translateY(0);opacity:1}100%{transform:translateY(0);opacity:1}}
@media(min-width:1700px){.desktop-word{font-size:24vw}}
@media(max-width:1000px){.world{padding-top:40px}.hero h1{font-size:clamp(48px,6.8vw,68px)}.direction{padding:24px}.direction h2{font-size:clamp(27px,3.6vw,36px)}}
@media(max-width:700px){.world{padding:28px 22px 24px}.brand-lockup{font-size:26px}.hero{margin:38px 0 32px}.hero h1{font-size:clamp(34px,9vw,54px);line-height:1.12;letter-spacing:-.045em;text-wrap:pretty}.directions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.direction{min-height:158px;padding:20px}.direction-slash{margin-bottom:38px;font-size:16px}.direction h2{font-size:clamp(23px,5.8vw,34px);line-height:1.1}.direction-arrow{width:16px;height:16px;top:20px;right:20px;opacity:.75;transform:none}.page-footer{margin-top:32px;gap:12px;align-items:flex-start}.desktop-word{display:none}.mobile-word{display:block;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;line-height:1;letter-spacing:-.065em;opacity:0;white-space:nowrap;padding:0 20px}.mobile-first{font-size:min(48vw,220px);color:var(--orange)}.mobile-second{font-size:min(30vw,150px);color:var(--teal)}.intro[data-phase="letters"] .mobile-first{animation:mobile-first 2300ms cubic-bezier(.2,.8,.2,1) both}.intro[data-phase="letters"] .mobile-second{animation:mobile-second 2000ms cubic-bezier(.2,.8,.2,1) 1500ms both}.intro[data-phase="exit"] .mobile-first{display:none}.intro[data-phase="exit"] .mobile-second{opacity:1;transform:none}.welcome-stage{padding:26px}.welcome-stage p{font-size:clamp(31px,8.8vw,49px);max-width:12ch}.skip-intro{right:20px;bottom:20px}}
@media(max-width:360px){.world{padding-inline:18px}.direction{padding:16px;min-height:145px}.direction h2{font-size:22px}.hero h1{font-size:33px}.direction-arrow{right:16px;top:16px}.page-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.intro[data-phase="letters"] .letter{opacity:1;transform:none}.intro[data-phase="letters"] .mobile-first{opacity:1;transform:none}.intro[data-phase="letters"][data-mobile-part="second"] .mobile-first{display:none}.intro[data-phase="letters"][data-mobile-part="second"] .mobile-second{opacity:1;transform:none}.intro[data-phase="exit"]{transform:translateY(-100%)}.direction:hover,.direction:focus-visible{transform:none}}
/* Artist's supplied colour/layout reference. */
:root{--green:#09f01a;--yellow:#ffe500}
.brand-he{color:var(--orange)}.brand-doix{color:#13afbb}.brand-lockup{font-size:24px}
.hero.reference-hero{display:grid;grid-template-columns:minmax(0,1fr) 188px;gap:22px;align-items:center;margin:48px 0 28px}.reference-hero h1{font-size:clamp(42px,4.7vw,62px);line-height:1.04;letter-spacing:-.045em;font-weight:900;text-wrap:initial}.headline-green{color:var(--green)}.headline-violet{color:#c600ff}.hero-logo{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;background:#10ed00}
.direction{border-radius:17px;min-height:192px;padding:26px;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s}.direction h2{color:var(--yellow);font-size:34px;font-weight:800}.direction-slash{color:var(--yellow);margin-bottom:48px}.direction:nth-child(1){--edge:#00e5ce}.direction:nth-child(2),.direction:nth-child(3){--edge:#be22eb}.direction:nth-child(4){--edge:#fa2938}.direction{border-color:var(--edge)}.direction:hover,.direction:focus-visible{background:#111014;border-color:var(--edge);box-shadow:0 0 22px color-mix(in srgb,var(--edge) 12%,transparent);transform:translateY(-3px)}.direction-arrow{color:var(--yellow)}
@media(max-width:1000px){.reference-hero h1{font-size:clamp(36px,5.8vw,60px)}.hero.reference-hero{grid-template-columns:minmax(0,1fr) 20%;gap:18px}.direction h2{font-size:clamp(26px,3.5vw,34px)}}
@media(min-width:540px) and (max-width:700px){.directions{grid-template-columns:repeat(3,minmax(0,1fr))}.direction{padding:18px;min-height:155px}.direction h2{font-size:22px}.hero.reference-hero{margin-top:38px}.reference-hero h1{font-size:clamp(32px,5.8vw,40px)}}
@media(max-width:539px){.hero.reference-hero{grid-template-columns:minmax(0,1fr) 80px;gap:14px;margin:34px 0 24px;align-items:center}.reference-hero h1{font-size:clamp(26px,7.7vw,38px);line-height:1.08}.brand-lockup{font-size:22px}.direction{min-height:145px;padding:19px;border-radius:14px}.direction h2{font-size:clamp(22px,5.8vw,29px)}.direction-slash{margin-bottom:34px}.page-footer{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.direction:hover,.direction:focus-visible{transform:none}}