.app{position:relative;display:flex;flex-direction:column;height:100%;color:var(--color-text)}html,body,#rootElement{display:flex;flex-direction:column;height:100dvh;width:100dvw;margin:var(--size-0);padding:var(--size-0);overflow:hidden}*{font-size:var(--text-size);font-family:var(--text-font-family);box-sizing:border-box;font-weight:500;transition:color .1s linear,background .2s linear}*::-webkit-scrollbar-track{background:var(--color-background-primary);z-index:1}*::-webkit-scrollbar{width:calc(18px * var(--scale-size));background:var(--color-background-secondary)}*::-webkit-scrollbar-thumb{background:var(--color-background-secondary);background-clip:padding-box;border:var(--size-1) solid transparent;border-radius:var(--border-radius-4)}*::-webkit-scrollbar-corner{background:var(--color-background-primary)}h1,h2,h3,h4,h5,h6{margin:0;text-overflow:ellipsis;overflow:hidden}h1{font-size:var(--text-size-header-1);font-family:var(--text-font-family-header);font-weight:700}h2{font-size:var(--text-size-header-2);text-transform:uppercase}p,pre,code{margin:0}pre,code{margin:0;font-size:var(--text-size-small)}.text{color:var(--color-text)}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.flex,.fill{flex:1}.divider-horizontal{height:var(--size-1);width:100%;background-color:var(--color-background-divider)}.layout{display:flex;flex-direction:column;height:100%;width:100%;overflow-y:auto;background-color:var(--color-background-primary)}:root,[data-size]{--scale-size: 1;--size-0: calc(0px * var(--scale-size));--size-1: calc(1px * var(--scale-size));--size-2: calc(2px * var(--scale-size));--size-4: calc(4px * var(--scale-size));--size-8: calc(8px * var(--scale-size));--size-16: calc(16px * var(--scale-size));--size-32: calc(32px * var(--scale-size));--size-64: calc(64px * var(--scale-size));--size-128: calc(128px * var(--scale-size));--size-256: calc(256px * var(--scale-size));--size-512: calc(512px * var(--scale-size));--size-1024: calc(1024px * var(--scale-size));--size-6: calc(6px * var(--scale-size));--size-12: calc(12px * var(--scale-size));--size-24: calc(24px * var(--scale-size));--size-48: calc(48px * var(--scale-size));--size-96: calc(96px * var(--scale-size));--size-192: calc(192px * var(--scale-size));--size-384: calc(384px * var(--scale-size));--size-768: calc(768px * var(--scale-size));--size-1536: calc(1536px * var(--scale-size))}:root,[data-theme]{--hue-angle-base: 225deg;--chroma-base: 0%;--alpha-base: 1;--color-base-0: oklch(0% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-1: oklch(1% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-2: oklch(2% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-3: oklch(3% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-4: oklch(4% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-5: oklch(5% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-6: oklch(6% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-7: oklch(7% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-8: oklch(8% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-9: oklch(9% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-10: oklch(10% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-11: oklch(11% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-12: oklch(12% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-13: oklch(13% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-14: oklch(14% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-15: oklch(15% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-16: oklch(16% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-17: oklch(17% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-18: oklch(18% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-19: oklch(19% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-20: oklch(20% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-21: oklch(21% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-22: oklch(22% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-23: oklch(23% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-24: oklch(24% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-25: oklch(25% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-26: oklch(26% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-27: oklch(27% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-28: oklch(28% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-29: oklch(29% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-30: oklch(30% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-31: oklch(31% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-32: oklch(32% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-33: oklch(33% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-34: oklch(34% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-35: oklch(35% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-36: oklch(36% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-37: oklch(37% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-38: oklch(38% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-39: oklch(39% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-40: oklch(40% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-41: oklch(41% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-42: oklch(42% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-43: oklch(43% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-44: oklch(44% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-45: oklch(45% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-46: oklch(46% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-47: oklch(47% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-48: oklch(48% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-49: oklch(49% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-50: oklch(50% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-51: oklch(51% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-52: oklch(52% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-53: oklch(53% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-54: oklch(54% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-55: oklch(55% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-56: oklch(56% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-57: oklch(57% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-58: oklch(58% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-59: oklch(59% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-60: oklch(60% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-61: oklch(61% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-62: oklch(62% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-63: oklch(63% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-64: oklch(64% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-65: oklch(65% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-66: oklch(66% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-67: oklch(67% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-68: oklch(68% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-69: oklch(69% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-70: oklch(70% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-71: oklch(71% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-72: oklch(72% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-73: oklch(73% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-74: oklch(74% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-75: oklch(75% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-76: oklch(76% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-77: oklch(77% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-78: oklch(78% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-79: oklch(79% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-80: oklch(80% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-81: oklch(81% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-82: oklch(82% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-83: oklch(83% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-84: oklch(84% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-85: oklch(85% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-86: oklch(86% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-87: oklch(87% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-88: oklch(88% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-89: oklch(89% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-90: oklch(90% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-91: oklch(91% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-92: oklch(92% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-93: oklch(93% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-94: oklch(94% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-95: oklch(95% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-96: oklch(96% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-97: oklch(97% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-98: oklch(98% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-99: oklch(99% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-100: oklch(100% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--gold-gradient: linear-gradient(90deg, #7c5505 5%, #ce9914 23%, #f3e4a2 45%, #eecb4c 60%, #f0d878 70%, #aa780d 85%, #7c5505 100%)}[data-theme=light]{--color-max: var(--color-base-100);--color-min: var(--color-base-0);--color-primary-1: var(--color-base-86);--color-primary-2: var(--color-base-93);--color-primary-3: var(--color-base-98);--color-primary-4: var(--color-base-98);--color-contrast-1: var(--color-base-24);--color-contrast-2: var(--color-base-28);--color-contrast-3: var(--color-base-34);--color-contrast-4: var(--color-base-43);--red-1: #ff6262;--red-2: #b63535;--green-1: #47de47}[data-theme=dark]{--color-max: var(--color-base-0);--color-min: var(--color-base-100);--color-primary-1: var(--color-base-18);--color-primary-2: var(--color-base-24);--color-primary-3: var(--color-base-30);--color-primary-4: var(--color-base-39);--color-contrast-1: var(--color-base-100);--color-contrast-2: var(--color-base-81);--color-contrast-3: var(--color-base-68);--color-contrast-4: var(--color-base-53);--red-1: #512929;--red-2: #ef4f4f;--green-1: #295129}@font-face{font-family:Norse;src:url(/fonts/norse/Norse.otf)}@font-face{font-family:NorseBold;src:url(/fonts/norse/NorseBold.otf)}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Regular.ttf)}@font-face{font-family:PoppinsBold;src:url(/fonts/poppins/Poppins-Bold.ttf)}@font-face{font-family:Runic;src:url(/fonts/runic/NotoSansRunic-Regular.ttf)}[data-theme]{--scale-size: 1;--text-size-header-1: calc(64px * var(--scale-size));--text-size-header-2: calc(24px * var(--scale-size));--text-size: calc(16px * var(--scale-size));--text-size-small: calc(14px * var(--scale-size));--text-size-very-small: calc(12px * var(--scale-size));--text-font-family: "Poppins";--text-font-family-header: "Norse";--text-font-family-special: "Runic";--hue-angle-primary: 210deg;--chroma-primary: 0%;--alpha-primary: 1;--image-background-hero: url(/images/all-father-home-background.png);--color-background-primary: var(--color-primary-1);--color-background-secondary: var(--color-primary-2);--color-background-button: var(--color-primary-3);--color-background-button-disabled: var(--color-primary-1);--color-background-button-outline: var(--color-primary-4);--color-background-danger: var(--red-1);--color-background-confirm: var(--green-1);--color-background-divider: var(--color-primary-3);--color-background-input: var(--color-primary-1);--color-border-input: var(--color-primary-3);--color-text: var(--color-contrast-1);--color-text-secondary: var(--color-contrast-2);--color-text-disabled: var(--color-primary-4);--color-text-danger: var(--red-2);--color-button-stitched: var(--color-contrast-3);--border-radius-4: var(--size-4);--border-radius-8: var(--size-8)}button,a{position:relative;z-index:0;--button-scoped-border-radius: var(--border-radius-8);display:flex;align-items:center;justify-content:center;gap:var(--size-8);height:var(--size-48);padding:var(--size-0) var(--size-16);color:var(--color-text);background:var(--color-background-button);border:none;border-radius:var(--button-scoped-border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration-color:var(--color-text);text-decoration:none;box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000,inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000;transition:box-shadow .2s linear,transform .05s linear}button svg,a svg{height:calc(28px * var(--scale-size));width:auto;flex-shrink:0}button:focus-visible,a:focus-visible{outline-offset:calc(-1 * var(--size-2));outline:var(--size-2) solid var(--color-text)}button:hover,a:hover{box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-1) #0000004d,inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000}button:active,a:active{transform:translateY(var(--size-1));box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000,inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000004d}button.button_disabled,a.button_disabled{color:var(--color-text-disabled);background:var(--color-background-button-disabled);pointer-events:none}button.button_disabled svg,a.button_disabled svg{color:var(--color-text-disabled)}button.button_stitched,a.button_stitched{color:var(--color-button-stitched);border:var(--size-2) dashed currentColor;background-color:var(--color-background-secondary)}button.button_active,a.button_active{transform:translateY(var(--size-1));box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000,inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000004d}button.button_basic,a.button_basic{border-radius:var(--size-0);background-color:transparent;box-shadow:none}button.button_basic:hover,a.button_basic:hover{box-shadow:none}button.button_basic:active,a.button_basic:active{transform:none;box-shadow:none}button.button_subtle,a.button_subtle{background-color:transparent}button.button_subtle:hover,a.button_subtle:hover{background:var(--color-background-button)}button.button_accent,a.button_accent{background:var(--color-background-button-accent)}button.button_square,button.button_round,a.button_square,a.button_round{aspect-ratio:1/1;width:auto;padding:0;flex-shrink:0}button.button_round,a.button_round{border-radius:calc(999px * var(--scale-size))}button.button_list:not(.button_confirming),a.button_list:not(.button_confirming){justify-content:flex-start}button.button_list,a.button_list{flex-shrink:0;width:100%;border-radius:var(--size-0);background-color:transparent;box-shadow:none;white-space:nowrap;text-overflow:ellipsis}button.button_list svg,a.button_list svg{height:var(--size-24);width:auto}button.button_list:hover:not(.button_confirming),a.button_list:hover:not(.button_confirming){background:var(--color-background-button)}button.button_list:hover,a.button_list:hover{box-shadow:none}button.button_list:active:not(.button_confirming),a.button_list:active:not(.button_confirming){background:var(--color-background-button-outline)}button.button_list:active,a.button_list:active{box-shadow:none}button.button_small,a.button_small{height:calc(38px * var(--scale-size));gap:var(--size-6);font-size:var(--text-size-small)}button.button_small svg,a.button_small svg{height:calc(20px * var(--scale-size))}button.button_very-small,a.button_very-small{height:var(--size-24);min-height:var(--size-24);gap:var(--size-4);font-size:var(--text-size-very-small)}button.button_very-small svg,a.button_very-small svg{height:var(--size-16)}button.button_danger,a.button_danger{background-color:var(--color-background-danger)}button.button_loading svg,a.button_loading svg{animation:button_loading_animation 1s ease-in-out infinite}@keyframes button_loading_animation{0%,to{opacity:.2}50%{opacity:.5}}.header-scoped{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-scoped .background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background-color:var(--color-background-primary);opacity:.7}.header-scoped .header-row{display:flex;flex-direction:row;gap:var(--size-16);padding-right:var(--size-8)}.header-scoped .header-row .logo{display:flex;flex-direction:row;gap:var(--size-8);height:var(--size-64);padding:0 var(--size-8);align-items:center;font-family:var(--text-font-family-header);font-size:calc(36px * var(--scale-size));font-weight:700;text-decoration:none;white-space:nowrap;color:var(--color-text)}.header-scoped .header-row .logo:hover{background:var(--color-background-button)}.header-scoped .header-row .logo .icon{width:var(--size-48);height:var(--size-48)}.header-scoped .header-row .logo .icon .border{width:100%;height:100%;padding:var(--size-2);border-radius:50%;background:var(--gold-gradient);background-size:200% auto;animation:shine-animation 4s linear infinite}@keyframes shine-animation{to{background-position:200% center}}.header-scoped .header-row .logo .icon .border img{width:100%;height:100%;border-radius:50%}.header-scoped .header-row .links{display:flex;flex-direction:row}.header-scoped .header-row .links a{min-height:var(--size-48);height:100%;text-decoration:none;align-content:center;color:var(--color-text);padding:0 var(--size-16)}.header-scoped .header-row .links a:hover{background:var(--color-background-button)}@media screen and (max-width: 768px){.header-scoped .header-row .links{display:none}}.header-scoped .links-row{display:none;flex-direction:row;align-items:center;justify-content:center;gap:var(--size-16);padding-right:var(--size-8)}.header-scoped .links-row .links{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}.header-scoped .links-row .links a{height:var(--size-64);text-decoration:none;align-content:center;color:var(--color-text);padding:0 var(--size-16)}.header-scoped .divider{display:block;height:var(--size-1);width:100%;background:var(--color-background-divider)}.header-scoped .mobile-only{display:none}@media screen and (max-width: 768px){.header-scoped .mobile-only{display:flex}}.footer-scoped{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;row-gap:var(--size-16);column-gap:var(--size-32);padding:var(--size-32) var(--size-64);background:var(--color-background-primary);border-top:var(--size-1) solid var(--color-background-divider);z-index:1}.footer-scoped .company-info{display:flex;flex-direction:column;gap:var(--size-4);padding:0 var(--size-16)}.footer-scoped .company-name-footer{font-family:var(--text-font-family-header);font-size:var(--text-size-header-2);font-weight:700}.footer-scoped .copyright{font-size:var(--text-size-very-small)}.footer-scoped .links{display:flex;flex-direction:row;flex-wrap:wrap}.footer-scoped .links a{height:var(--size-48);text-decoration:none;align-content:center;color:var(--color-text);padding:0 var(--size-16)}.footer-scoped .links a:hover{background:var(--color-background-button)}@media screen and (max-width: 768px){.footer-scoped{padding:var(--size-32) var(--size-32)}}.border-golden-wrapper{position:relative;z-index:0}.border-golden-wrapper.border-golden_button-wrapping:active .border-golden{transform:translateY(var(--size-1))}.border-golden-wrapper.border-golden_button-wrapping .border-golden{transition:transform .05s linear}.border-golden-wrapper .border-golden{position:absolute;top:calc(-1 * var(--border-golden-padding));right:calc(-1 * var(--border-golden-padding));bottom:calc(-1 * var(--border-golden-padding));left:calc(-1 * var(--border-golden-padding));padding:0;z-index:-1;padding:var(--border-golden-padding);border-radius:var(--border-radius-8);background:var(--gold-gradient);background-size:200% auto;animation:border-golden-shine 4s linear infinite;animation-delay:calc(-1 * var(--border-golden-animation-offset, 0s))}@keyframes border-golden-shine{to{background-position:200% center}}.home-scoped{flex:1}.home-scoped .hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-32);height:max(100vh - var(--header-height, 64px) - var(--size-128),var(--size-512));padding:var(--size-32) var(--size-64);background:radial-gradient(circle,color-mix(in srgb,var(--color-max) 80%,transparent),color-mix(in srgb,var(--color-max) 40%,transparent)),var(--image-background-hero);background-size:cover;background-position:center;box-shadow:inset 0 var(--size-64) var(--size-64) calc(-1 * var(--size-32)) color-mix(in srgb,var(--color-max) 50%,transparent),inset 0 calc(-1 * var(--size-64)) var(--size-64) calc(-1 * var(--size-32)) color-mix(in srgb,var(--color-max) 50%,transparent)}.home-scoped .hero-section h1{font-size:var(--text-size-header-1);text-align:center}.home-scoped .hero-section .buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--size-16);align-items:center;justify-content:center}.home-scoped .hero-section .buttons .svg-stroke-rotation{stroke-dasharray:5;stroke-dashoffset:0;animation:rotate-animation 6s linear infinite}@keyframes rotate-animation{0%{stroke-dashoffset:0}to{stroke-dashoffset:10}}@media screen and (max-width: 768px){.home-scoped .hero-section{padding:var(--size-32) var(--size-32)}}.home-scoped .welcome{display:flex;flex-direction:column;gap:var(--size-48);padding:var(--size-48) var(--size-64)}.home-scoped .welcome .section{display:flex;flex-direction:column;gap:var(--size-16);width:var(--size-768);max-width:100%;margin:0 auto}.home-scoped .welcome .section .divider{height:var(--size-1);width:100%;background:var(--color-background-divider)}@media screen and (max-width: 768px){.home-scoped .welcome{padding:var(--size-32) var(--size-32)}}.about-scoped{flex:1;display:flex;flex-direction:column;gap:var(--size-48);padding:var(--size-48) var(--size-64)}.about-scoped .section{display:flex;flex-direction:column;gap:var(--size-16);width:var(--size-768);max-width:100%;margin:0 auto}.about-scoped .section .divider{height:var(--size-1);width:100%;background:var(--color-background-divider)}@media screen and (max-width: 768px){.about-scoped{padding:var(--size-32) var(--size-32)}}.projects-scoped{flex:1;display:flex;flex-direction:column;gap:var(--size-48);padding:var(--size-48) 0}.projects-scoped .welcome{display:flex;flex-direction:column;gap:var(--size-48);padding:0 var(--size-64)}.projects-scoped .welcome .section{display:flex;flex-direction:column;gap:var(--size-16);width:var(--size-768);max-width:100%;margin:0 auto}.projects-scoped .welcome .section .divider{height:var(--size-1);width:100%;background:var(--color-background-divider)}@media screen and (max-width: 768px){.projects-scoped .welcome{padding:var(--size-32) var(--size-32)}}.projects-scoped .experience{width:100%;padding:0 var(--size-48)}.projects-scoped .experience .section{display:flex;flex-direction:row;gap:var(--size-48);width:var(--size-1536);max-width:100%;margin:0 auto;padding:var(--size-48);border-radius:var(--border-radius-8);overflow:hidden}.projects-scoped .experience .section .preview{display:flex;flex-direction:row;flex:1;gap:var(--size-16);border-radius:var(--size-4);overflow:hidden}.projects-scoped .experience .section .preview .device-selector-wrapper{display:flex;flex-direction:column;gap:var(--size-16);width:100%;align-items:center}.projects-scoped .experience .section .preview .device-selector-wrapper .selector{display:flex;flex-direction:row;gap:var(--size-8);background:var(--color-background-primary);padding:var(--size-4);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-background-divider)}.projects-scoped .experience .section .preview .device-selector-wrapper .device-frame{position:relative;width:100%;transition:width .3s ease-in-out,aspect-ratio .3s ease-in-out;border:var(--size-1) solid var(--color-background-divider);border-radius:var(--size-8);overflow:hidden;background:var(--black-1);display:flex;justify-content:center;align-items:center}.projects-scoped .experience .section .preview .device-selector-wrapper .device-frame.mobile{width:min(100%,var(--size-384));aspect-ratio:9/19.5}.projects-scoped .experience .section .preview .device-selector-wrapper .device-frame.tablet{width:min(100%,var(--size-512));aspect-ratio:3/4}.projects-scoped .experience .section .preview .device-selector-wrapper .device-frame.desktop{width:min(100%,var(--size-1024));aspect-ratio:16/10}.projects-scoped .experience .section .preview .device-selector-wrapper .device-frame iframe{width:100%;height:100%;border:none}.projects-scoped .experience .section .preview .image{height:auto;border:var(--size-1) solid var(--color-background-divider);border-radius:var(--size-4);width:100%}.projects-scoped .experience .section .preview .world-forge-preview-1{background:url(/images/projects/world-forge/world-forge-preview-1.png) no-repeat center center;background-size:cover;aspect-ratio:2160/1440}.projects-scoped .experience .section .preview .multiplayer-rpg-preview-1{background:url(/images/projects/multiplayer-rpg/multiplayer-rpg-preview-1.png) no-repeat center center;background-size:cover;aspect-ratio:2160/1440}.projects-scoped .experience .section .summary{display:flex;flex-direction:column;width:min(var(--size-512),30%);gap:var(--size-16);overflow-y:auto}.projects-scoped .experience .section .summary .divider{height:var(--size-1);width:100%;background:var(--color-background-divider)}.projects-scoped .experience .section .summary .logo{display:flex;flex-direction:row;gap:var(--size-8);height:var(--size-64);align-items:center}.projects-scoped .experience .section .summary .logo h2{white-space:nowrap}.projects-scoped .experience .section .summary .logo .icon{width:var(--size-48);min-width:var(--size-48);height:var(--size-48)}.projects-scoped .experience .section .summary .logo .icon .border{width:100%;height:100%;padding:var(--size-2);border-radius:50%;background:var(--color-background-divider)}.projects-scoped .experience .section .summary .logo .icon .border .image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:var(--color-background-primary)}.projects-scoped .experience .section .summary .logo .icon .border .image img{height:var(--size-32);width:auto;border-radius:50%}@media screen and (max-width: 1000px){.projects-scoped .experience .section{flex-direction:column-reverse}.projects-scoped .experience .section .preview{width:100%}}@media screen and (max-width: 768px){.projects-scoped .experience .section{border-radius:0;padding:var(--size-32) var(--size-32)}}.projects-scoped .experience .background-standard{background:var(--color-background-secondary)}.projects-scoped .experience .background-story-weaver{background:linear-gradient(color-mix(in srgb,var(--color-max) 80%,transparent),color-mix(in srgb,var(--color-max) 80%,transparent)),url(/images/projects/story-weaver/story-weaver-background-2.png) no-repeat center center;background-size:cover;background-position:center;box-shadow:inset 0 var(--size-64) var(--size-64) calc(-1 * var(--size-32)) color-mix(in srgb,var(--color-max) 50%,transparent),inset 0 calc(-1 * var(--size-64)) var(--size-64) calc(-1 * var(--size-32)) color-mix(in srgb,var(--color-max) 50%,transparent)}.projects-scoped .experience .background-multiplayer-rpg{background:linear-gradient(color-mix(in srgb,var(--color-max) 80%,transparent),color-mix(in srgb,var(--color-max) 80%,transparent)),url(/images/projects/multiplayer-rpg/multiplayer-rpg-background.jpg) no-repeat center center;background-size:cover;background-position:center;box-shadow:inset 0 var(--size-64) var(--size-64) calc(-1 * var(--size-32)) color-mix(in srgb,var(--color-max) 50%,transparent),inset 0 calc(-1 * var(--size-64)) var(--size-64) calc(-1 * var(--size-32)) color-mix(in srgb,var(--color-max) 50%,transparent)}@media screen and (max-width: 768px){.projects-scoped .experience{padding:0}}@media screen and (max-width: 768px){.projects-scoped{gap:0;padding:0}}
