.athink{--u:var(--du);padding-top:calc(371 * var(--u));position:relative}.athink__glow{z-index:-1;left:0;top:calc(1863 * var(--u));width:100%;height:calc(1990 * var(--u));mix-blend-mode:plus-lighter;pointer-events:none;position:absolute;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.athink__inner{z-index:1;grid-template-columns:calc(710 * var(--u)) 1fr;width:min(calc(100% - 2 * var(--gutter)), calc(1420 * var(--u)));margin-inline:auto;display:grid;position:relative}.athink__sticky{top:calc(var(--header-h) + 15vh);position:sticky}.athink__title{margin:calc(48 * var(--u)) 0 0;letter-spacing:0;font-size:max(34px, calc(70 * var(--u)));font-weight:300;line-height:1.1}.athink__title .text-gradient{padding-bottom:.08em}.athink__right{padding-left:calc(125 * var(--u));max-width:calc(125 * var(--u) + 694 * var(--u))}.athink__lead{margin:0;font-size:clamp(1.25rem,.8rem + 1vw,2rem);font-weight:300;line-height:1.5}.athink__lead--strong{margin-top:calc(48 * var(--u));font-weight:600}.athink__btn{margin-top:calc(50 * var(--u))}.athink__eyebrow{margin-top:calc(150 * var(--u))}.athink__h3{margin:calc(50 * var(--u)) 0 0;letter-spacing:0;font-size:max(22px, calc(32 * var(--u)));font-weight:600;line-height:1.5}.athink__p{max-width:calc(472 * var(--u));margin:calc(50 * var(--u)) 0 0;color:#ffffff80;font-size:1rem;line-height:1.6875rem}.athink__chain{margin:calc(50 * var(--u)) 0 0;font-size:max(12px, calc(16 * var(--u)));letter-spacing:0;text-transform:uppercase;color:#fff;flex-wrap:wrap;align-items:center;gap:8px 0;padding:0;line-height:1.7;list-style:none;display:flex}.athink__chain li{white-space:nowrap;align-items:center;display:inline-flex}.athink__chain-word{transition:color .4s,text-shadow .4s}.athink__chain li:hover .athink__chain-word{color:var(--accent);text-shadow:0 0 14px #58d9d599}.athink__arrow{width:calc(38 * var(--u));height:8px;margin:0 calc(16 * var(--u));fill:none;stroke:#ffffff80;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round}.js .athink__chain[data-reveal] .athink__arrow path{stroke-dasharray:60;stroke-dashoffset:60px;transition:stroke-dashoffset .9s var(--ease-out) calc(.3s + var(--i) * .25s)}.js .athink__chain[data-reveal].is-in .athink__arrow path{stroke-dashoffset:0}.athink__eyebrow+.athink__lead{margin-top:calc(50 * var(--u))}.athink__eyebrow~.athink__eyebrow{margin-top:calc(150 * var(--u))}.athink__pairs{margin:calc(80 * var(--u)) 0 0;padding:0;list-style:none}.athink__pair{padding-bottom:calc(50 * var(--u))}.athink__pair+.athink__pair{padding-top:calc(49 * var(--u));border-top:1px solid #fff3}.athink__pair:last-child{padding-bottom:0}.athink__pair-title{letter-spacing:0;font-size:max(28px, calc(48 * var(--u)));text-transform:uppercase;margin:0;font-weight:600;line-height:1.1}.athink__pair-sub{margin:calc(20 * var(--u)) 0 0;color:#ffffff80;font-size:1rem;line-height:1.6875rem}.athink__pairs+.athink__btn{margin-top:calc(80 * var(--u))}@media (max-width:1000px){.athink{padding-top:120px}.athink__inner{grid-template-columns:1fr;row-gap:40px}.athink__sticky{position:static}.athink__title{margin-top:16px}.athink__right{max-width:none;padding-left:0}.athink__p{max-width:36rem}.athink__glow{object-fit:cover;height:60%}.athink__eyebrow,.athink__eyebrow~.athink__eyebrow{margin-top:72px}.athink__glow{height:60%;top:30%}}
.atriad{--u:var(--du);--px:0;--py:0;min-height:calc((500 + 1506) * var(--u));padding-top:calc(500 * var(--u));position:relative}@media (min-width:2500px){.atriad__stage{transform-origin:50%;scale:.65}}.atriad__glow{z-index:-1;left:0;top:calc(513 * var(--u));width:100%;height:calc(1800 * var(--u));mix-blend-mode:plus-lighter;pointer-events:none;position:absolute;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.atriad__head{z-index:2;width:min(calc(100% - 2 * var(--gutter)), calc(800 * var(--u)));text-align:center;margin-inline:auto;position:relative}.atriad__title{margin:calc(51 * var(--u)) 0 0;letter-spacing:0;font-size:max(30px, calc(50 * var(--u)));font-weight:300;line-height:1.1}.atriad__title strong{font-weight:600}.atriad__title .text-gradient{padding-bottom:.08em}.atriad__lead{max-width:calc(768 * var(--u));margin:calc(50 * var(--u)) auto 0;color:#ffffff80;font-size:1rem;line-height:1.6875rem}.atriad__stage{left:50%;top:calc(506 * var(--u));width:calc(1920 * var(--u));height:calc(1700 * var(--u));margin-left:calc(-960 * var(--u));pointer-events:none;position:absolute}.atriad__rings{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.atriad__ring{transition:transform 1.2s var(--ease-out)}.atriad__ring--design{transform:translate(calc(var(--px) * -10px), calc(var(--py) * -8px))}.atriad__ring--business{transform:translate(calc(var(--px) * 8px), calc(var(--py) * 12px))}.atriad__ring--technology{transform:translate(calc(var(--px) * 14px), calc(var(--py) * -6px))}.atriad__ring-base{fill:none;stroke:#ffffff1f;stroke-width:1px;vector-effect:non-scaling-stroke;transition:stroke .6s}.atriad__ring-accent{fill:none;stroke-width:1px;vector-effect:non-scaling-stroke;transition:stroke-width .6s,opacity .6s}.js .atriad__stage[data-reveal]{opacity:1;filter:none;transition:none;transform:none}.js .atriad__stage[data-reveal] .atriad__ring-base{stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset 2.4s var(--ease-quint) calc(var(--i) * .3s), stroke .6s ease}.js .atriad__stage[data-reveal] .atriad__ring-accent{opacity:0;transition:opacity 1s ease calc(1.4s + var(--i) * .3s), stroke-width .6s ease}.js .atriad__stage[data-reveal].is-in .atriad__ring-base{stroke-dashoffset:0}.js .atriad__stage[data-reveal].is-in .atriad__ring-accent{opacity:1}:is(.atriad__stage:has(.atriad-card--design:hover) .atriad__ring--design .atriad__ring-base,.atriad__stage:has(.atriad-card--business:hover) .atriad__ring--business .atriad__ring-base,.atriad__stage:has(.atriad-card--technology:hover) .atriad__ring--technology .atriad__ring-base){stroke:#58d9d573}:is(.atriad__stage:has(.atriad-card--design:hover) .atriad__ring--design .atriad__ring-accent,.atriad__stage:has(.atriad-card--business:hover) .atriad__ring--business .atriad__ring-accent,.atriad__stage:has(.atriad-card--technology:hover) .atriad__ring--technology .atriad__ring-accent){stroke-width:2px}.atriad-card{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(165 * var(--u));padding:calc(40 * var(--u)) 0 0 calc(60 * var(--u));border-radius:calc(40 * var(--u));pointer-events:auto;isolation:isolate;transition:transform .7s var(--ease-out), box-shadow .7s ease;background:#12131c;position:absolute}.atriad-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00000059,0 0 40px #00b7b11f}.atriad-card:before,.atriad-card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.atriad-card:before{background:#fff3}.atriad-card:after{background:radial-gradient(calc(150 * var(--u)) circle at var(--gx) var(--gy), #00b7b1, #00b7b100 100%);transition:opacity .6s}.atriad-card:hover:after{opacity:1;background:radial-gradient(calc(300 * var(--u)) circle at var(--gx) var(--gy), #58d9d5, #00b7b100 100%)}.atriad-card__title{font-size:max(22px, calc(32 * var(--u)));letter-spacing:0;text-transform:uppercase;margin:0;font-weight:600;line-height:1.1}.atriad-card__sub{margin:calc(19 * var(--u)) 0 0;font-size:max(15px, calc(24 * var(--u)));color:#ffffff80;line-height:1.7}.js .atriad__stage[data-reveal] .atriad-card{opacity:0;transition:opacity .8s var(--ease-out) calc(.9s + var(--i) * .18s), transform 1s var(--pop) calc(.9s + var(--i) * .18s), box-shadow .7s ease;transform:translateY(30px)scale(.94)}.js .atriad__stage[data-reveal].is-in .atriad-card{opacity:1;transform:none}.js .atriad__stage[data-reveal].is-in .atriad-card:hover{transition-delay:0s;transform:translateY(-4px)}.atriad__mark{left:calc(865.5 * var(--u));top:calc(649 * var(--u));width:calc(201 * var(--u));height:calc(26 * var(--u));background:var(--accent-strong);filter:drop-shadow(0 0 12px #00b7b199);animation:4s ease-in-out infinite alternate atriad-pulse;position:absolute;-webkit-mask:url(/brand/monkeycodes-logo.svg) 50%/contain no-repeat;mask:url(/brand/monkeycodes-logo.svg) 50%/contain no-repeat}@keyframes atriad-pulse{0%{filter:drop-shadow(0 0 6px #00b7b14d)}to{filter:drop-shadow(0 0 18px #00b7b1e6)}}.js .atriad__stage[data-reveal] .atriad__mark{opacity:0;transition:opacity 1.2s 1.6s}.js .atriad__stage[data-reveal].is-in .atriad__mark{opacity:1}@media (max-width:1199px){.atriad{min-height:0;padding-top:120px}.atriad__stage{width:auto;height:auto;margin:40px var(--gutter) 0;gap:14px;display:grid;position:relative;top:auto;left:auto}.atriad__rings,.atriad__mark{display:none}.atriad-card{border-radius:24px;width:auto;height:auto;padding:24px 24px 22px;position:relative;top:auto;left:auto}.atriad-card__sub{margin-top:10px}.atriad__glow{height:60%;top:40%}}@media (prefers-reduced-motion:reduce){.atriad__mark{animation:none}.atriad__ring{transition:none;transform:none}}
.ahero-lines{left:0;top:calc(82 * var(--u));width:100%;height:calc(1201 * var(--u));mix-blend-mode:lighten;pointer-events:none;position:absolute;overflow:hidden}.ahero-lines img{object-fit:cover;object-position:50% 0;width:100%;height:100%;transition:opacity 1s;animation:16s ease-in-out infinite alternate ahero-drift;display:block}.ahero-lines.is-live img{opacity:0}.phero--about .phero__intro,.phero--about .phero__title{z-index:2}.ahero-lines__scene{top:0;bottom:0;left:calc(560 * var(--u));width:calc(1920 * var(--u));opacity:0;transition:opacity 1.4s;position:absolute}.ahero-lines.is-live .ahero-lines__scene{opacity:1}.ahero-lines__scene canvas{display:block;width:100%!important;height:100%!important}@keyframes ahero-drift{0%{transform:scale(1.02)translate(-.6%,.4%)}to{transform:scale(1.04)translate(.6%,-.5%)}}@media (max-width:1600px){.ahero-lines{opacity:.6}}.about-page__cta{padding:0 0 calc(458 * var(--u))}@media (max-width:1000px){.ahero-lines{opacity:.7;width:100%;height:48%;top:0}.ahero-lines__scene{display:none}.about-page__cta{padding:100px 0 120px}}@media (prefers-reduced-motion:reduce){.ahero-lines img{animation:none}}.ahero-arc{aspect-ratio:16/9;pointer-events:none;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.hana{width:100%;height:100%;position:relative;overflow:hidden}.hana__poster{object-fit:cover;object-position:50% 0;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}.hana.is-live .hana__poster{opacity:0}.hana__scene{width:100%;height:100%;display:block;position:absolute;inset:0}.hana__scene canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.phero--about .phero__intro p{text-shadow:0 0 18px #12131ce6,0 0 6px #12131ce6}@media (max-width:1000px){.phero--about .phero__intro{order:1;margin-top:0}.ahero-arc{aspect-ratio:auto;opacity:.7;height:48%;top:0}}