@charset "UTF-8";[_nghost-ng-c1400908639]{display:block;--extra-emerald-400: var(--datoh-primary-light);--extra-emerald-500: var(--datoh-primary);--extra-decorative-blue: var(--datoh-primary);--extra-decorative-amber: var(--datoh-accent);--extra-shadow-ink: #243746;--extra-primary-border-hover: var(--datoh-primary-dark);--extra-menu-quote-top: var(--datoh-primary-soft);--extra-menu-quote-bottom: var(--datoh-accent);--extra-menu-text: var(--datoh-text);--extra-menu-hover-text: #fff;margin-bottom:1.25rem}.extra-main[_ngcontent-ng-c1400908639]{background:url(/assets/home/tonyee.webp) bottom center no-repeat;background-size:cover;animation:_ngcontent-ng-c1400908639_extra-main-bg-wave 9s ease-in-out infinite;will-change:background-size,background-position;padding:96px 30px;border-radius:18px;position:relative;overflow:hidden;isolation:isolate}.extra-main[_ngcontent-ng-c1400908639]:before{content:"";position:absolute;inset:0;pointer-events:none;background:#0f5ea647;z-index:0}.extra-main[_ngcontent-ng-c1400908639]:after{display:none}.extra-main--skeleton[_ngcontent-ng-c1400908639]{animation:none;background:linear-gradient(165deg,#e8f4faf2,#d2e4eebf);padding:2.5rem 1.75rem;box-shadow:0 10px 28px #0d3d1f12}.extra-main--skeleton[_ngcontent-ng-c1400908639]:before{background:#ffffff59}@keyframes _ngcontent-ng-c1400908639_extra-main-bg-wave{0%{background-size:100%;background-position:50% 108%}25%{background-size:116%;background-position:47% 78%}50%{background-size:128%;background-position:50% 70%}75%{background-size:118%;background-position:53% 86%}to{background-size:104%;background-position:50% 108%}}.extra-main__grid[_ngcontent-ng-c1400908639]{position:relative;z-index:1;display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:576px){.extra-main__grid[_ngcontent-ng-c1400908639]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:992px){.extra-main__grid[_ngcontent-ng-c1400908639]{grid-template-columns:repeat(4,minmax(0,1fr))}}.extra-main__cell[_ngcontent-ng-c1400908639]{position:relative;text-align:center}.extra-main-menu[_ngcontent-ng-c1400908639]{font-family:inherit;position:relative;display:block;padding:30px 0;text-decoration:none;color:#fff;transform:translateZ(0);border-radius:54px 0;border-left:0;border-bottom:0;background:#0f5ea6f0;border:4px solid rgba(228,181,17,.88);box-shadow:0 24px 56px #0f172a42,0 10px 18px #0f172a24,inset 0 1px #ffffff73,inset 0 -18px 24px #02061729;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,filter .22s ease,border-color .22s ease,color .22s ease;will-change:transform}.extra-main-menu[_ngcontent-ng-c1400908639]:before{display:none}.extra-main-menu[_ngcontent-ng-c1400908639]:after{content:"";position:absolute;inset:8px;pointer-events:none;border-radius:44px 0;border:2px solid rgba(255,255,255,.18);opacity:.9}.extra-main-menu[_ngcontent-ng-c1400908639]:hover{transform:translateY(-4px) scale(1.05) rotate(-.35deg);filter:saturate(1.1) contrast(1.03);border-color:var(--datoh-accent);color:var(--extra-menu-hover-text);box-shadow:0 34px 78px #0f5ea647,0 14px 24px #0f5ea629,0 0 0 8px #1687c21f,inset 0 1px #ffffff80,inset 0 -20px 28px #02061724}.extra-main-menu[_ngcontent-ng-c1400908639]:active{transform:translateY(-1px) scale(1.01);box-shadow:0 18px 42px #0f172a38,0 8px 14px #0f172a1f,inset 0 2px 10px #0206172e}.extra-main-menu[_ngcontent-ng-c1400908639]   h5[_ngcontent-ng-c1400908639]{position:relative;z-index:1;margin:.5rem 0 0;font-size:1rem;font-weight:700;line-height:1.35;color:inherit}.extra-main-menu[_ngcontent-ng-c1400908639]   .extra-main-menu__icon[_ngcontent-ng-c1400908639]{position:relative;z-index:1;display:block;font-size:3.5rem;line-height:1;text-shadow:0 10px 20px rgba(15,23,42,.24),0 2px 0 rgba(2,6,23,.2);transform:translateY(-2px);transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s ease;filter:drop-shadow(0 10px 18px rgba(15,23,42,.22))}.extra-main-menu[_ngcontent-ng-c1400908639]:hover   .extra-main-menu__icon[_ngcontent-ng-c1400908639]{transform:translateY(-5px) scale(1.02)}.extra-main-menu[_ngcontent-ng-c1400908639]   .quote[_ngcontent-ng-c1400908639]{background:linear-gradient(180deg,var(--datoh-accent-light),var(--datoh-accent));width:50px;height:50px;line-height:50px;text-align:center;color:var(--datoh-text);border-radius:50%;position:absolute;top:0;left:12px;transform:translateY(-14px);z-index:2;box-shadow:0 18px 34px #0f172a38,0 6px 12px #0f172a1f,inset 0 1px #ffffffa6}.extra-main-menu[_ngcontent-ng-c1400908639]   .quote[_ngcontent-ng-c1400908639]   i[_ngcontent-ng-c1400908639]{font-size:1.125rem;font-weight:700;line-height:50px}.extra-main-menu[_ngcontent-ng-c1400908639]   .quote[_ngcontent-ng-c1400908639]:after{content:"";position:absolute;inset:6px;border-radius:50%;pointer-events:none;border:2px solid rgba(255,255,255,.22)}@media(prefers-reduced-motion:reduce){.extra-main-menu[_ngcontent-ng-c1400908639]{transition:none}.extra-main-menu[_ngcontent-ng-c1400908639]:hover, .extra-main-menu[_ngcontent-ng-c1400908639]:active{transform:none}.extra-main-menu[_ngcontent-ng-c1400908639]   .extra-main-menu__icon[_ngcontent-ng-c1400908639]{transition:none;transform:none}}@media(max-width:575.98px){.extra-main[_ngcontent-ng-c1400908639]{padding:72px 16px}.extra-main-menu[_ngcontent-ng-c1400908639]{padding:22px 0}.extra-main-menu[_ngcontent-ng-c1400908639]   h5[_ngcontent-ng-c1400908639]{font-size:.9rem}.extra-main-menu[_ngcontent-ng-c1400908639]   .extra-main-menu__icon[_ngcontent-ng-c1400908639]{font-size:2.75rem}.extra-main-menu[_ngcontent-ng-c1400908639]   .quote[_ngcontent-ng-c1400908639]{width:42px;height:42px;line-height:42px}.extra-main-menu[_ngcontent-ng-c1400908639]   .quote[_ngcontent-ng-c1400908639]   i[_ngcontent-ng-c1400908639]{line-height:42px;font-size:1rem}}@media(prefers-reduced-motion:reduce){.extra-main[_ngcontent-ng-c1400908639]{animation:none}}