@layer reset,variables,typography,base,components,utils;@layer reset{*,*::before,*::after{margin: 0;padding: 0;box-sizing: border-box;}:where([hidden]:not([hidden="until-found"])){display: none !important;}:where(html){-webkit-text-size-adjust: none;color-scheme: dark;tab-size: 2;scrollbar-gutter: stable;interpolate-size: allow-keywords;line-height: 1.5;}:where(html:has(dialog:modal[open])){overflow: clip;}@media (prefers-reduced-motion: no-preference){:where(html:focus-within){scroll-behavior: smooth;}}:where(body){line-height: inherit;font-family: system-ui,sans-serif;-webkit-font-smoothing: antialiased;}:where(button){all: unset;}select option,select optgroup{background-color: #17141f;color: #fef9f7;}:where(input,button,textarea,select){font: inherit;color: inherit;letter-spacing: inherit;word-spacing: inherit;font-feature-settings: inherit;font-variation-settings: inherit;}:where(textarea){resize: vertical;resize: block;}:where(button,label,select,summary,[role="button"],[role="option"]){cursor: pointer;}:where(:disabled,label:has(> :disabled,+ :disabled)){cursor: not-allowed;}:where(a){color: inherit;text-underline-offset: 0.2ex;}:where(ul,ol){list-style: none;}:where(img,svg,video,canvas,audio,iframe,embed,object){display: block;}:where(img,picture,svg,video){max-inline-size: 100%;block-size: auto;}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap: break-word;}:where(h1,h2,h3){line-height: calc(1em + 0.5rem);text-wrap: balance;}:where(hr){border: none;border-block-start: 1px solid;color: inherit;block-size: 0;overflow: visible;}:where(dialog,[popover]){border: none;background: none;color: inherit;inset: unset;max-width: unset;max-height: unset;overflow: unset;}:where(dialog:not([open],[popover]),[popover]:not(:popover-open)){display: none !important;}:where(:focus-visible){outline: 3px solid CanvasText;box-shadow: 0 0 0 5px Canvas;outline-offset: 1px;}:where(:focus-visible,:target){scroll-margin-block: 8vh;}:where(.visually-hidden:not(:focus-within,:active)){clip-path: inset(50%) !important;height: 1px !important;width: 1px !important;overflow: hidden !important;position: absolute !important;white-space: nowrap !important;border: 0 !important;user-select: none !important;}}@layer variables{:root{--fs-100: 0.533rem;--fs-200: 0.64rem;--fs-300: 0.8rem;--fs-400: 1rem;--fs-500: 1.25rem;--fs-600: 1.563rem;--fs-700: 1.953rem;--fs-800: 2.441rem;--fs-900: 3.052rem;--fs-1000: 3.815rem;--max-content-width: 90rem;--max-text-width: 65ch;--header-inline-padding: 2rem;--section-inline-padding: 2rem;--footer-inline-padding: 2rem;--primary-font: "Morion","MorionFallback",serif;--brand-black: #121212;--brand-white: #fef9f7;--purple-dark: #332256;--purple-light: #564c84;--purple-mid: #463c6e;--brand-gold: #f9c848;--bg: #090909;--paper: rgba(255,255,255,0.05);--paper-2: rgba(255,255,255,0.07);--paper-3: rgba(255,255,255,0.1);--line: rgba(255,255,255,0.12);--line-2: rgba(255,255,255,0.2);--line-strong: rgba(255,255,255,0.34);--ink: #fef9f7;--ink-2: rgba(254,249,247,0.78);--ink-3: rgba(254,249,247,0.68);--ink-4: rgba(254,249,247,0.52);--accent: #8f7fc4;--accent-hi: #a99adb;--accent-lo: var(--purple-dark);--accent-ghost: rgba(86,76,132,0.3);--accent-edge: rgba(143,127,196,0.55);--shadow-1: 0 1px 2px rgba(0,0,0,0.4);--shadow-2: 0 4px 16px rgba(0,0,0,0.45);--shadow-3: 0 18px 48px rgba(0,0,0,0.6);--radius-sm: 0.25rem;--radius: 0.5rem;--radius-lg: 0.75rem;--dark-text-color: var(--brand-black);--light-text-color: var(--ink);--accent-color-light-grey: #d8d8d8;--accent-color-dark-purple: var(--purple-dark);--accent-color-light-purple: var(--purple-light);--accent-color-white: var(--brand-white);--accent-color-yellow: var(--brand-gold);--card-background-color: var(--brand-white);--light-background-color: #fff;--dark-background-color: var(--bg);--header-background-color: rgba(9,9,9,0.92);--footer-background-color: var(--bg);--white-filter: grayscale(100%) brightness(1.6) contrast(0.6);}}@layer typography{@font-face{font-family: "Morion";src: url("morion-light.woff2") format("woff2");font-weight: 300;font-style: normal;font-display: swap;}@font-face{font-family: "Morion";src: url("morion-regular.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap;}@font-face{font-family: "Morion";src: url("morion-semibold.woff2") format("woff2");font-weight: 600;font-style: normal;font-display: swap;}@font-face{font-family: "Morion";src: url("morion-semibold-italic.woff2") format("woff2");font-weight: 600;font-style: italic;font-display: swap;}@font-face{font-family: "Morion";src: url("morion-bold.woff2") format("woff2");font-weight: 700;font-style: normal;font-display: swap;}@font-face{font-family: "Morion";src: url("morion-italic.woff2") format("woff2");font-weight: 400;font-style: italic;font-display: swap;}@font-face{font-family: "Morion";src: url("morion-bold-italic.woff2") format("woff2");font-weight: 700;font-style: italic;font-display: swap;}@font-face{font-family: "Kids Handwriting";src: url("kids-handwriting-regular.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap;}@font-face{font-family: "MorionFallback";src: local("Times New Roman"),local("Times"),local("Liberation Serif"),local("DejaVu Serif");ascent-override: 80.19%;descent-override: 19.81%;line-gap-override: 0%;size-adjust: 102.9%;}@font-face{font-family: "MorionFallback";font-style: italic;src: local("Times New Roman Italic"),local("Times Italic"),local("Liberation Serif Italic"),local("DejaVu Serif Italic");ascent-override: 80.19%;descent-override: 19.81%;line-gap-override: 0%;size-adjust: 105.85%;}body{font-kerning: normal;font-optical-sizing: auto;font-synthesis: none;line-height: 1.5;text-rendering: optimizeLegibility;}h1,h2,h3,h4,h5,h6{line-height: 1.15;text-wrap: balance;margin: 0;}p,li,blockquote{text-wrap: pretty;}:where(p,li,blockquote){max-width: var(--max-text-width);hyphens: manual;overflow-wrap: break-word;line-break: auto;}*{hyphens: manual;}}@layer utils{.semantic-only{display: contents;}.u-font-primary{font-family: var(--primary-font);}.u-fs-100{font-size: var(--fs-100);}.u-fs-200{font-size: var(--fs-200);}.u-fs-250{font-size: var(--fs-250);}.u-fs-300{font-size: var(--fs-300);}.u-fs-400{font-size: var(--fs-400);}.u-fs-500{font-size: var(--fs-500);}.u-fs-600{font-size: var(--fs-600);}.u-fs-700{font-size: var(--fs-700);}.u-fs-800{font-size: var(--fs-800);}.u-fs-900{font-size: var(--fs-900);}.u-fs-1000{font-size: var(--fs-1000);}.u-fw-300{font-weight: 300;}.u-fw-400{font-weight: 400;}.u-fw-700{font-weight: 700;}.u-light-text{color: var(--light-text-color);}.u-center{text-align: center;}.u-capitalize{text-transform: capitalize;}.u-uppercase{text-transform: uppercase;}.u-text-bold{font-weight: 700;}.u-text-italic{font-style: italic;}}@layer base{@view-transition{navigation: auto;}html{overscroll-behavior: none;font-size: 16px;scrollbar-width: thin;scrollbar-color: var(--purple-light) transparent;}html,body{width: 100%;margin: 0;padding: 0;}body{position: relative;display: flex;flex-direction: column;min-height: 100vh;font-family: var(--primary-font);font-size: var(--fs-400);color: var(--ink);background-color: var(--bg);}::selection{background-color: var(--purple-light);color: var(--brand-white);}}@layer components{.cta-button{display: inline-block;width: fit-content;padding: 0.875rem 2.25rem;font-weight: 600;font-size: var(--fs-400);text-decoration: none;text-align: center;color: var(--brand-white);background-color: var(--purple-light);border: none;border-radius: var(--radius-sm);cursor: pointer;transition: background-color 200ms ease,color 200ms ease,transform 150ms ease;&:hover{background-color: var(--accent);}&:active{transform: translateY(1px);}&[data-variant="purple"]{background-color: var(--purple-light);color: var(--brand-white);&:hover{background-color: var(--accent);}}&[data-variant="deep-purple"]{background-color: var(--purple-dark);color: var(--brand-white);&:hover{background-color: var(--purple-light);}}&[data-variant="dark"]{background-color: var(--brand-black);color: var(--brand-white);&:hover{background-color: #2a2a2a;}}&[data-variant="white"]{background-color: var(--brand-white);color: var(--brand-black);&:hover{background-color: #e8e0dc;}}&[data-variant="yellow"]{background-color: var(--brand-gold);color: var(--brand-black);&:hover{background-color: #ffd96a;}}&[data-variant="ghost"]{background-color: transparent;color: var(--ink);border: 1px solid var(--line-strong);&:hover{background-color: var(--paper-2);}}}.ornate-heading{display: flex;align-items: center;justify-content: center;gap: 1.25rem;width: 100%;font-size: var(--fs-900);font-weight: 600;letter-spacing: 0.06em;text-transform: uppercase;text-align: center;color: var(--ink);@media (width < 46rem){gap: 0.75rem;font-size: var(--fs-700);}}.ornate-heading__ornament{height: 2.1rem;width: auto;flex-shrink: 0;color: var(--brand-white);&[data-direction="left"]{transform: scaleX(-1);}@media (width < 46rem){height: 1.4rem;}}.section-subheading{font-size: var(--fs-500);font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;text-align: center;}.torn-edge{position: relative;z-index: 2;height: 4rem;width: 100%;margin-block: -2rem;background: var(--torn-color,var(--bg));mask-image: url("torn-paper.svg");mask-repeat: no-repeat;mask-size: 101% 100%;mask-position: center;pointer-events: none;&[data-flip]{mask-image: url("torn-paper-reversed.svg");}&[data-color="purple"]{--torn-color: var(--purple-dark);}&[data-over-hero]{height: 2.25rem;margin-block: 0 -2.25rem;}}.shopify-section:has(> .site-header){display: contents;}.site-header{position: sticky;top: 0;display: flex;justify-content: center;padding-inline: var(--header-inline-padding);padding-block: 0.875rem;color: var(--ink);background-color: var(--header-background-color);backdrop-filter: blur(12px);border-block-end: 1px solid var(--line);z-index: 50;}.site-header__wrapper{display: flex;align-items: center;gap: 1.75rem;width: 100%;max-width: var(--max-content-width);}.site-header__logo-link{display: flex;align-items: center;}.site-header__logo{height: 2.5rem;width: auto;}.site-header__actions{display: flex;align-items: center;gap: 0.375rem;margin-inline-start: auto;}.icon-button{display: flex;align-items: center;justify-content: center;height: 2.5rem;width: 2.5rem;padding: 0;color: var(--ink-2);background: transparent;border: none;border-radius: var(--radius-sm);cursor: pointer;text-decoration: none;transition: color 150ms ease,background-color 150ms ease;svg{height: 1.25rem;width: 1.25rem;}&:hover{color: var(--ink);background-color: var(--paper-2);}}.cart-button{position: relative;}.cart-button__count{position: absolute;top: 0.125rem;right: 0;display: flex;align-items: center;justify-content: center;min-width: 1.05rem;height: 1.05rem;padding-inline: 0.2rem;font-size: var(--fs-200);font-weight: 700;line-height: 1;color: var(--brand-white);background: var(--purple-light);border-radius: 999px;&[hidden]{display: none;}}.currency-select{display: flex;align-items: center;gap: 0.25rem;select{appearance: none;padding: 0.375rem 1.375rem 0.375rem 0.625rem;color: var(--ink-2);font-family: var(--primary-font);font-size: var(--fs-300);letter-spacing: 0.04em;background-color: transparent;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23fef9f7' stroke-opacity='.7' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 0.5rem center;background-size: 0.55rem;border: 1px solid var(--line-2);border-radius: var(--radius-sm);cursor: pointer;&:hover{color: var(--ink);border-color: var(--line-strong);}option{color: var(--brand-black);background: var(--brand-white);}}@media (width < 46rem){display: none;}}.site-navigation{display: flex;align-items: center;gap: 1.75rem;line-height: 1;@media (width < 62rem){display: none;}}.site-navigation__item{position: relative;font-weight: 400;font-size: var(--fs-400);a,button{color: var(--ink-2);text-decoration: none;transition: color 150ms ease;&:hover{color: var(--ink);}}}.site-navigation__toggle{display: flex;align-items: center;gap: 0.375rem;padding: 0;font-family: var(--primary-font);font-size: inherit;background: none;border: none;cursor: pointer;&::after{content: "";display: inline-block;height: 0.4rem;width: 0.65rem;background-color: currentcolor;mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");mask-repeat: no-repeat;mask-size: contain;mask-position: center;transform: rotate(-90deg);transition: transform 200ms ease;}&[aria-expanded="true"]::after{transform: rotate(0deg);}}.site-navigation__submenu{position: absolute;top: calc(100% + 1rem);left: -1rem;display: flex;flex-direction: column;gap: 0;min-width: 15rem;padding: 0.5rem;background: #151218;border: 1px solid var(--line);border-radius: var(--radius);box-shadow: var(--shadow-2);a{display: block;padding: 0.625rem 0.75rem;border-radius: var(--radius-sm);&:hover{background: var(--paper-2);}}}.mobile-nav-toggle{display: none;@media (width < 62rem){display: flex;}}.mobile-nav{display: none;position: fixed;inset: 0;top: 4.3rem;flex-direction: column;gap: 0.25rem;padding: 1.5rem;background: rgba(9,9,9,0.98);z-index: 49;overflow-y: auto;&[data-open]{display: flex;}a{padding: 0.875rem 0.5rem;color: var(--ink-2);font-size: var(--fs-500);text-decoration: none;border-block-end: 1px solid var(--line);&:hover{color: var(--ink);}}}.mobile-nav__group{display: flex;flex-direction: column;border-block-end: 1px solid var(--line);}.mobile-nav__toggle{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;padding: 0.875rem 0.5rem;color: var(--ink-2);font-family: var(--primary-font);font-size: var(--fs-500);text-align: start;background: none;border: none;cursor: pointer;svg{height: 0.5rem;width: 0.85rem;flex-shrink: 0;transform: rotate(-90deg);transition: transform 200ms ease;}&[aria-expanded="true"]{color: var(--ink);svg{transform: rotate(0deg);}}}.mobile-nav__submenu{display: flex;flex-direction: column;padding-inline-start: 1rem;a{font-size: var(--fs-400);border-block-end: none;color: var(--ink-3);&:hover{color: var(--ink);}}}.section{position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 2.5rem;padding-inline: var(--section-inline-padding);padding-block: 5rem;text-align: center;background-position: center;background-size: cover;background-repeat: no-repeat;overflow-x: clip;@media (width < 46rem){padding-inline: 1rem;padding-block: 3.5rem;gap: 2rem;}&[data-padding="tight"]{padding-block: 3rem;@media (width < 46rem){padding-block: 2.25rem;}}&[data-background="akeroth-map"]{background-color: var(--bg);background-image: linear-gradient(rgba(9,9,9,0.55),rgba(9,9,9,0.55)),url("akeroth-map.webp");}&[data-background="akeroth-map-soft"]{background-color: var(--bg);background-image: linear-gradient(rgba(9,9,9,0.55),rgba(9,9,9,0.75)),url("akeroth-map.webp");}}.section-header{display: flex;flex-direction: column;align-items: center;gap: 1rem;}.stacked{display: flex;flex-direction: column;align-items: center;gap: 1.5rem;width: 100%;max-width: var(--max-content-width);}.hero-slideshow{position: relative;height: clamp(26rem,62vh,42rem);width: 100%;background-color: #170f24;overflow: clip;@media (width < 46rem){height: clamp(30rem,72vh,44rem);}}.hero-slideshow__slides{position: absolute;inset: 0;}.hero-slide{position: absolute;inset: 0;opacity: 0;transition: opacity 700ms ease;pointer-events: none;&[data-active]{opacity: 1;pointer-events: auto;z-index: 1;}@media (prefers-reduced-motion: reduce){transition: none;}}.hero-slide__media{position: absolute;inset: 0;img{height: 100%;width: 100%;object-fit: cover;object-position: center 65%;}}.hero-slide[data-focus="right"] .hero-slide__media img{object-position: 70% 75%;}.hero-slide::after{content: "";position: absolute;inset: 0;background: linear-gradient(100deg,rgba(9,9,9,0.8) 0%,rgba(9,9,9,0.4) 48%,rgba(9,9,9,0) 72%),linear-gradient(rgba(9,9,9,0.3) 0%,transparent 22%,transparent 55%,rgba(9,9,9,0.75) 88%,#090909 100%);}.hero-slide__content{position: absolute;inset-block-end: 22%;inset-inline-start: clamp(1.25rem,8vw,8rem);display: flex;flex-direction: column;align-items: flex-start;gap: 0.875rem;max-width: min(34rem,calc(100% - 2.5rem));text-align: start;z-index: 1;@media (width < 46rem){inset: 0 1.25rem 6.5rem;justify-content: center;align-items: center;gap: 0.75rem;max-width: none;text-align: center;}}.hero-slide__headline{font-size: clamp(var(--fs-700),4.5vw,var(--fs-900));font-weight: 600;line-height: 1.1;text-shadow: 0 4px 20px rgba(0,0,0,0.85);text-wrap: balance;@media (width < 46rem){font-size: var(--fs-700);}}.hero-slide__lead{font-size: var(--fs-500);font-style: italic;color: var(--ink);text-shadow: 0 2px 10px rgba(0,0,0,0.85);}.hero-slide__sub{max-width: 30rem;font-size: var(--fs-400);line-height: 1.45;color: var(--ink-2);text-shadow: 0 2px 10px rgba(0,0,0,0.9);}.hero-slide__content .cta-button[data-arrow]{@media (width < 46rem){width: min(100%,20rem);margin-block-start: 0.5rem;}}.cta-button[data-arrow]{display: inline-flex;align-items: center;justify-content: center;gap: 0.625rem;min-width: 11rem;padding: 0.9375rem 1.75rem;font-size: var(--fs-300);font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;}.cta-button__arrow{display: inline-block;height: 0.75rem;width: auto;flex-shrink: 0;transition: transform 150ms ease;}.cta-button[data-arrow]:hover .cta-button__arrow{transform: translateX(0.25rem);}.hero-slideshow__arrow{position: absolute;top: 50%;inset-inline-start: 0.5rem;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;height: 3rem;width: 3rem;color: var(--ink);background: transparent;border: none;cursor: pointer;z-index: 2;&[data-direction="next"]{inset-inline-start: auto;inset-inline-end: 0.5rem;}svg{height: 1.75rem;width: 1.75rem;filter: drop-shadow(0 2px 6px rgba(0,0,0,0.9));transition: transform 150ms ease;}&:hover svg{transform: scale(1.2);}@media (width < 46rem){height: 2.5rem;width: 2.5rem;background: rgba(9,9,9,0.5);border-radius: var(--radius-sm);svg{height: 1.25rem;width: 1.25rem;}}}.hero-slideshow__tabs{position: absolute;inset-block-end: 2.5rem;inset-inline: 0;display: flex;align-items: center;justify-content: center;gap: 0.25rem;padding-inline: 1rem;z-index: 2;@media (width < 46rem){inset-block-end: 1.5rem;inset-inline: auto;left: 50%;transform: translateX(-50%);gap: 0.75rem;width: fit-content;padding: 0.5rem 1rem;background: rgba(9,9,9,0.55);border-radius: 999px;backdrop-filter: blur(6px);}}.hero-slideshow__tab{position: relative;width: clamp(5.25rem,18vw,11rem);padding: 0.625rem 0.5rem 0.625rem;color: var(--ink-3);font-family: var(--primary-font);font-size: var(--fs-300);font-weight: 600;letter-spacing: 0.06em;text-align: center;text-transform: uppercase;text-shadow: 0 1px 6px rgba(0,0,0,0.9);background: transparent;border: none;cursor: pointer;transition: color 150ms ease;&::after{content: "";position: absolute;inset-inline: 0.375rem;inset-block-end: 0;height: 2px;background: var(--line);}&::before{content: "";position: absolute;inset-inline: 0.375rem;inset-block-end: 0;height: 2px;background: var(--brand-gold);transform: scaleX(0);transform-origin: left;z-index: 1;}&:hover{color: var(--ink);}&[aria-selected="true"]{color: var(--ink);}&.is-timing::before{animation: hero-tab-progress var(--hero-slide-ms,6000ms) linear forwards;}@media (width < 46rem){width: 0.6rem;height: 0.6rem;padding: 0;font-size: 0;color: transparent;background: var(--line-strong);border-radius: 999px;overflow: hidden;&::before,&::after{display: none;}&[aria-selected="true"]{background: var(--brand-gold);}}}@keyframes hero-tab-progress{from{transform: scaleX(0);}to{transform: scaleX(1);}}.hero-slideshow[data-timer-stopped] .hero-slideshow__tab.is-timing::before{animation-play-state: paused;}@media (prefers-reduced-motion: reduce){.hero-slideshow__tab.is-timing::before{animation: none;}.hero-slideshow__tab[aria-selected="true"]::after{background: var(--brand-gold);}}.hero-slideshow__pause{display: flex;align-items: center;justify-content: center;height: 2.25rem;width: 2.25rem;margin-inline-start: 0.5rem;color: var(--ink-2);background: rgba(9,9,9,0.5);border: 1px solid var(--line-2);border-radius: 999px;cursor: pointer;svg{height: 1rem;width: 1rem;}&:hover{color: var(--ink);}@media (width < 46rem){height: 1.5rem;width: 1.5rem;margin-inline-start: 0.25rem;color: var(--ink);background: transparent;border: none;svg{height: 0.875rem;width: 0.875rem;}}}.games-showcase{position: relative;display: flex;align-items: center;width: 100%;max-width: 74rem;gap: 1rem;}.games-showcase__arrow{flex-shrink: 0;display: flex;align-items: center;justify-content: center;height: 3rem;width: 3rem;color: var(--ink);background: transparent;border: none;cursor: pointer;z-index: 3;svg{height: 2rem;width: 2rem;filter: drop-shadow(0 2px 6px rgba(0,0,0,0.8));transition: transform 150ms ease;}&:hover svg{transform: scale(1.15);}@media (width < 46rem){height: 2.25rem;width: 2.25rem;svg{height: 1.5rem;width: 1.5rem;}}}.games-showcase__track{position: relative;display: flex;align-items: center;justify-content: center;flex: 1;height: clamp(20rem,40vw,30rem);perspective: 1200px;}.game-cover{position: absolute;display: block;height: 72%;aspect-ratio: 600 / 845;border-radius: var(--radius-sm);box-shadow: var(--shadow-2);background-size: cover;background-position: center;cursor: pointer;border: none;padding: 0;opacity: 0;transform: translateX(0) scale(0.7);transition: transform 500ms cubic-bezier(0.22,1,0.36,1),opacity 500ms ease,filter 500ms ease;pointer-events: none;&[data-position="center"]{position: relative;height: 100%;opacity: 1;transform: none;filter: none;pointer-events: auto;z-index: 3;box-shadow: var(--shadow-3);}&[data-position="left-1"],&[data-position="right-1"]{opacity: 1;pointer-events: auto;filter: brightness(0.55);z-index: 2;}&[data-position="left-1"]{transform: translateX(-78%) scale(0.82);}&[data-position="right-1"]{transform: translateX(78%) scale(0.82);}&[data-position="left-2"],&[data-position="right-2"]{opacity: 1;pointer-events: auto;filter: brightness(0.35);z-index: 1;}&[data-position="left-2"]{transform: translateX(-142%) scale(0.68);}&[data-position="right-2"]{transform: translateX(142%) scale(0.68);}}.games-showcase-detail{display: flex;flex-direction: column;align-items: center;gap: 1.25rem;max-width: 46rem;min-height: 12rem;}.games-showcase-detail__title{margin-block-end: 0.25rem;font-size: var(--fs-500);font-weight: 700;letter-spacing: 0.05em;text-transform: uppercase;}.games-showcase-detail__description{color: var(--ink-2);}.games-showcase-detail .cta-button{margin-block-start: 1.5rem;}.explore-card{display: grid;grid-template-columns: minmax(0,2fr) minmax(0,3fr);width: 100%;max-width: 58rem;background: var(--brand-white);border-radius: var(--radius-lg);box-shadow: var(--shadow-3);overflow: clip;text-align: start;@media (width < 52rem){grid-template-columns: 1fr;}}.explore-card__media{position: relative;aspect-ratio: 600 / 845;background-size: cover;background-position: center;}.explore-card__body{display: flex;flex-direction: column;gap: 1rem;padding: 2.5rem;color: var(--brand-black);@media (width < 52rem){padding: 1.5rem;}}.explore-card__title{font-size: var(--fs-600);font-weight: 700;letter-spacing: 0.03em;text-transform: uppercase;}.explore-card__subtitle{margin-block-start: -0.75rem;font-size: var(--fs-500);color: rgba(18,18,18,0.75);}.explore-card__description{color: rgba(18,18,18,0.8);}.explore-card__actions{display: flex;gap: 1rem;margin-block-start: auto;padding-block-start: 1.5rem;flex-wrap: wrap;}.explore-nav{display: flex;justify-content: flex-end;gap: 1rem;width: 100%;max-width: 64rem;button{display: flex;align-items: center;justify-content: center;height: 2.5rem;width: 2.5rem;color: var(--ink-2);background: transparent;border: none;cursor: pointer;font-size: var(--fs-600);line-height: 1;transition: color 150ms ease;&:hover{color: var(--ink);}}}.world-section{min-height: 38rem;justify-content: center;@media (width < 46rem){padding-inline: 1.75rem;}}.world-section__copy{display: flex;flex-direction: column;gap: 1rem;width: 100%;max-width: 42rem;color: var(--ink-2);p{width: 100%;max-width: 100%;margin: 0;}}.team{display: flex;flex-direction: column;gap: 3.5rem;width: 100%;max-width: 64rem;}.team-founder{display: flex;align-items: center;justify-content: center;gap: 2rem;flex-wrap: wrap;text-align: start;}.team-founder__details{display: flex;flex-direction: column;gap: 0.25rem;a{color: inherit;text-decoration: none;&:hover{text-decoration: underline;}}}.team-founder__bio{margin-block-start: 0.75rem;max-width: 18rem;font-size: var(--fs-400);font-style: italic;color: var(--ink-2);}.team-cluster{display: flex;align-items: center;justify-content: center;gap: 3rem;flex-wrap: wrap;&[data-reverse]{flex-direction: row-reverse;}}.team-cluster__blurb{display: flex;flex-direction: column;gap: 0.75rem;max-width: 24rem;h3{font-size: var(--fs-500);font-weight: 700;letter-spacing: 0.05em;text-transform: uppercase;}p{color: var(--ink-2);}}.team-cluster__members{display: flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;gap: 1.75rem;margin: 0;padding: 0;list-style: none;@media (width < 46rem){gap: 1.25rem;}}.team-member{display: flex;flex-direction: column;align-items: center;gap: 0.375rem;width: clamp(7rem,27vw,9.5rem);&:nth-child(odd){transform: rotate(-2deg) translateY(0.5rem);}&:nth-child(even){transform: rotate(2deg);}}.team-member__avatar{width: 100%;border-radius: var(--radius-lg);filter: drop-shadow(0 6px 16px rgba(0,0,0,0.5));}.team-member__name{margin-block-start: 0.5rem;font-size: var(--fs-400);font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;text-align: center;line-height: 1.2;}.team-member__role{font-size: var(--fs-300);font-style: italic;color: var(--ink-3);text-align: center;}.shop-filters{display: flex;align-items: center;justify-content: center;gap: 0.5rem;flex-wrap: wrap;}.shop-filter{padding: 0.5rem 1.25rem;color: var(--ink-2);font-family: var(--primary-font);font-size: var(--fs-300);letter-spacing: 0.04em;background: transparent;border: 1px solid var(--line-2);border-radius: 999px;cursor: pointer;transition: background-color 150ms ease,color 150ms ease,border-color 150ms ease;&:hover{color: var(--ink);border-color: var(--line-strong);}&[aria-pressed="true"]{color: var(--brand-white);background: var(--purple-light);border-color: var(--purple-light);}}.section.section--shop[data-padding]{padding-block-start: 1.25rem;}.shopify-section:has(.section--shop) .content-body{padding-block-end: 2rem;}.shop-tools{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 0.75rem 1.25rem;width: 100%;max-width: var(--max-content-width);margin-inline: auto;margin-block-end: 1.75rem;}button.shop-filter{font: inherit;font-family: var(--primary-font);font-size: var(--fs-300);letter-spacing: 0.04em;min-height: 44px;}.shop-filter.is-on{color: var(--ink);border-color: var(--brand-gold);}.shop-sort{display: flex;align-items: center;gap: 0.5rem;}.shop-sort__label{font-size: var(--fs-200);letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink-4);}.shop-sort__select{min-height: 44px;padding: 0.4rem 0.75rem;color: var(--ink);font-family: var(--primary-font);font-size: var(--fs-300);background: var(--paper);border: 1px solid var(--line-2);border-radius: var(--radius-sm);cursor: pointer;}.shop-count{margin: 0;font-size: var(--fs-200);color: var(--ink-4);font-variant-numeric: tabular-nums;}.product-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(16rem,100%),1fr));gap: 1.5rem;width: 100%;max-width: var(--max-content-width);margin: 0;padding: 0;list-style: none;li[hidden]{display: none;}}.product-card{display: flex;flex-direction: column;text-align: start;background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius);overflow: clip;transition: transform 200ms ease,border-color 200ms ease;&:hover{transform: translateY(-0.25rem);border-color: var(--line-2);}}.product-card__media{position: relative;aspect-ratio: 1;background-size: cover;background-position: center;}.product-card__body{display: flex;flex-direction: column;gap: 0.375rem;padding: 1rem;flex: 1;}.product-card__game{font-size: var(--fs-200);letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink-4);}.product-card__title{font-size: var(--fs-500);font-weight: 600;line-height: 1.2;}.product-card__format{font-size: var(--fs-300);color: var(--ink-3);}.product-card__footer{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 0.625rem;margin-block-start: auto;padding-block-start: 1rem;}.product-card__price{font-size: var(--fs-500);font-weight: 700;}.add-to-cart{display: inline-block;text-align: center;text-decoration: none;padding: 0.5rem 1.125rem;color: var(--brand-white);font-family: var(--primary-font);font-size: var(--fs-300);font-weight: 600;background: var(--purple-light);border: none;border-radius: var(--radius-sm);cursor: pointer;transition: background-color 150ms ease;&:hover{background: var(--accent);}&[data-added]{background: #4c7c3f;}}.cart-layout{display: grid;grid-template-columns: minmax(0,1fr) 20rem;gap: 2rem;width: 100%;max-width: 70rem;text-align: start;@media (width < 52rem){grid-template-columns: 1fr;}}.cart-items{display: flex;flex-direction: column;gap: 1rem;}.cart-item{display: grid;grid-template-columns: 5.5rem 1fr auto;gap: 1rem;align-items: center;padding: 1rem;background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius);}.cart-item__image{width: 100%;aspect-ratio: 1;object-fit: cover;border-radius: var(--radius-sm);}.cart-item__details{display: flex;flex-direction: column;gap: 0.25rem;h3{font-size: var(--fs-400);font-weight: 600;}span{font-size: var(--fs-300);color: var(--ink-3);}}.cart-item__controls{display: flex;flex-direction: column;align-items: flex-end;gap: 0.5rem;}.quantity-control{display: flex;align-items: center;gap: 0.25rem;button{display: flex;align-items: center;justify-content: center;height: 2.25rem;width: 2.25rem;color: var(--ink);font-size: var(--fs-400);background: var(--paper-2);border: 1px solid var(--line);border-radius: var(--radius-sm);cursor: pointer;&:hover{background: var(--paper-3);}}output{min-width: 2rem;text-align: center;font-weight: 600;}}.cart-item__remove{padding: 0;color: var(--ink-4);font-family: var(--primary-font);font-size: var(--fs-200);letter-spacing: 0.05em;text-transform: uppercase;background: none;border: none;cursor: pointer;&:hover{color: #d4706e;}}.cart-summary{display: flex;flex-direction: column;gap: 1rem;height: fit-content;padding: 1.5rem;background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius);h2{font-size: var(--fs-500);font-weight: 700;}}.cart-summary__row{display: flex;justify-content: space-between;color: var(--ink-2);&[data-total]{padding-block-start: 0.75rem;color: var(--ink);font-size: var(--fs-500);font-weight: 700;border-block-start: 1px solid var(--line-2);}}.cart-summary__note{font-size: var(--fs-300);color: var(--ink-4);}.cart-empty{display: flex;flex-direction: column;align-items: center;gap: 1.5rem;padding-block: 3rem;}.game-hero{position: relative;display: flex;align-items: flex-end;justify-content: center;min-height: 26rem;padding: 3rem var(--section-inline-padding);background-size: cover;background-position: center;&::before{content: "";position: absolute;inset: 0;background: linear-gradient(rgba(9,9,9,0.1) 30%,rgba(9,9,9,0.88) 90%);}}.game-hero__inner{position: relative;display: flex;flex-direction: column;align-items: center;gap: 1rem;z-index: 1;}.game-hero__title{font-size: clamp(var(--fs-800),6vw,var(--fs-1000));font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;text-align: center;text-shadow: 0 4px 24px rgba(0,0,0,0.9);}.game-hero__subtitle{margin-block-start: -0.5rem;font-size: var(--fs-500);letter-spacing: 0.14em;text-transform: uppercase;text-align: center;color: var(--ink-2);text-shadow: 0 2px 12px rgba(0,0,0,0.9);}.game-hero__tagline{font-size: var(--fs-500);font-style: italic;color: var(--ink-2);text-align: center;}.feature-list{display: flex;flex-direction: column;gap: 0.75rem;max-width: 42rem;margin: 0;padding: 0;list-style: none;text-align: start;li{display: flex;gap: 0.75rem;color: var(--ink-2);&::before{content: "❧";flex-shrink: 0;color: var(--accent);}}}.buy-panel{display: grid;grid-template-columns: repeat(auto-fit,minmax(16rem,22rem));justify-content: center;gap: 1.5rem;width: 100%;max-width: 52rem;}.contact-form{display: flex;flex-direction: column;gap: 1rem;width: 100%;max-width: 34rem;text-align: start;label{display: flex;flex-direction: column;gap: 0.375rem;font-size: var(--fs-300);letter-spacing: 0.05em;text-transform: uppercase;color: var(--ink-3);}input,textarea{padding: 0.75rem 1rem;color: var(--ink);font-family: var(--primary-font);font-size: var(--fs-400);background: var(--paper);border: 1px solid var(--line-2);border-radius: var(--radius-sm);&:focus{outline: 2px solid var(--accent-edge);outline-offset: 1px;}}textarea{min-height: 9rem;resize: vertical;}}.quick-view-button{padding: 0.5rem 1rem;color: var(--ink-2);font-family: var(--primary-font);font-size: var(--fs-300);background: transparent;border: 1px solid var(--line-2);border-radius: var(--radius-sm);cursor: pointer;transition: color 150ms ease,border-color 150ms ease;&:hover{color: var(--ink);border-color: var(--line-strong);}}.quick-view{width: min(56rem,calc(100vw - 2rem));max-height: min(85vh,46rem);padding: 0;color: var(--ink);background: #151218;border: 1px solid var(--line-2);border-radius: var(--radius-lg);overflow: hidden;&::backdrop{background: rgba(0,0,0,0.7);backdrop-filter: blur(4px);}@media (width < 46rem){width: calc(100vw - 1rem);max-height: 88vh;}}.quick-view__layout{display: grid;grid-template-columns: minmax(0,2fr) minmax(0,3fr);max-height: inherit;@media (width < 46rem){grid-template-columns: 1fr;}}.quick-view__media{background-size: cover;background-position: top center;min-height: 100%;@media (width < 46rem){min-height: 11rem;}}.quick-view__body{display: flex;flex-direction: column;gap: 0.75rem;padding: 1.75rem;overflow-y: auto;text-align: start;@media (width < 46rem){padding: 1.25rem;}}.quick-view__game{font-size: var(--fs-200);letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink-4);}.quick-view__title{font-size: var(--fs-600);font-weight: 600;line-height: 1.15;}.quick-view__format{font-size: var(--fs-300);color: var(--ink-3);}.quick-view__description{color: var(--ink-2);}.quick-view__contents-heading{margin-block-start: 0.5rem;font-size: var(--fs-300);font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;}.quick-view__contents{display: flex;flex-direction: column;gap: 0.375rem;margin: 0;padding: 0;list-style: none;li{display: flex;gap: 0.625rem;color: var(--ink-2);font-size: var(--fs-300);&::before{content: "❧";flex-shrink: 0;color: var(--accent);}}}.quick-view__footer{display: flex;align-items: center;justify-content: space-between;gap: 1rem;margin-block-start: auto;padding-block-start: 1rem;border-block-start: 1px solid var(--line);}.quick-view__price{font-size: var(--fs-600);font-weight: 700;}.quick-view__close{position: absolute;top: 0.75rem;right: 0.75rem;display: flex;align-items: center;justify-content: center;height: 2.25rem;width: 2.25rem;color: var(--ink);font-size: var(--fs-500);line-height: 1;background: rgba(9,9,9,0.6);border: 1px solid var(--line-2);border-radius: 999px;cursor: pointer;&:hover{background: rgba(9,9,9,0.85);}}@media (width < 46rem){.hero-slideshow .hero-slide__content{top: 0;right: 3.75rem;bottom: 6.25rem;left: 3.75rem;inset-block-end: 6.25rem;inset-inline-start: 3.75rem;padding-block-end: 1.5rem;justify-content: center;align-items: center;gap: 0.75rem;max-width: none;text-align: center;}.hero-slideshow .hero-slide__content .cta-button[data-arrow]{margin-block-start: 1rem;}.hero-slideshow .hero-slide__headline{font-size: var(--fs-800);}.hero-slideshow .hero-slide__sub{width: 100%;max-width: 100%;font-size: 0.9375rem;line-height: 1.5;color: var(--ink);}.hero-slideshow .hero-slide__lead{width: 100%;font-size: var(--fs-400);}.hero-slideshow .hero-slide::after{background: linear-gradient( rgba(9,9,9,0.35) 0%,rgba(9,9,9,0.5) 25%,rgba(9,9,9,0.6) 55%,rgba(9,9,9,0.85) 85%,#090909 100% );}}.error-page{display: flex;align-items: center;justify-content: center;padding: 7rem var(--section-inline-padding) 8rem;background: #f7f3ec;@media (width < 46rem){padding: 5.5rem 1rem 6rem;}}.error-card{position: relative;display: flex;flex-direction: column;align-items: center;gap: 1.5rem;width: 100%;max-width: 58rem;padding: 7rem 2.5rem 4rem;color: #221d29;text-align: center;background: #fdfcfa;border-radius: 1.5rem;box-shadow: 0 18px 48px rgba(34,29,41,0.12);@media (width < 46rem){padding: 5.5rem 1.25rem 2.75rem;}}.error-card__badge{position: absolute;top: 0;left: 50%;width: clamp(8rem,20vw,11rem);height: auto;transform: translate(-50%,-55%);filter: drop-shadow(0 10px 24px rgba(34,29,41,0.25));}.error-card__tape{position: absolute;width: clamp(9rem,24vw,15rem);height: auto;pointer-events: none;&[data-corner="top-left"]{top: -2.5rem;left: -4rem;}&[data-corner="bottom-right"]{bottom: -2rem;right: -3.5rem;transform: rotate(180deg);}@media (width < 46rem){&[data-corner="top-left"]{left: -2rem;}&[data-corner="bottom-right"]{right: -1.5rem;}}}.error-card__title{font-family: "Kids Handwriting",var(--primary-font);font-size: clamp(var(--fs-600),4.5vw,var(--fs-800));letter-spacing: 0.04em;text-transform: uppercase;}.error-card__body{max-width: 34rem;font-family: "Kids Handwriting",var(--primary-font);font-size: var(--fs-500);line-height: 1.55;}.error-card__attribution{align-self: flex-end;font-family: "Kids Handwriting",var(--primary-font);font-size: var(--fs-500);@media (width < 46rem){align-self: center;}}.error-card .cta-button{margin-block-start: 1.5rem;}.compendium,.compendium *,.compendium *::before,.compendium *::after{box-sizing: border-box;}.compendium-page{--tool-width: 54rem;}.compendium{display: flex;flex-direction: column;gap: 1.5rem;width: 100%;max-width: 54rem;margin-inline: auto;padding: 1.5rem var(--section-inline-padding) 4rem;text-align: start;}.cmp-cats{display: flex;flex-wrap: wrap;gap: 0.5rem;justify-content: center;padding-block-end: 1.25rem;border-block-end: 1px solid var(--line);}.cmp-cat{padding: 0.5rem 1.1rem;color: var(--ink-2);font-family: var(--primary-font);font-size: var(--fs-300);letter-spacing: 0.04em;background: transparent;border: 1px solid var(--line-2);border-radius: 999px;cursor: pointer;transition: color 150ms ease,background-color 150ms ease,border-color 150ms ease;&:hover{color: var(--ink);border-color: var(--line-strong);}&[aria-current="true"]{color: var(--brand-white);background: var(--purple-light);border-color: var(--purple-light);}}.cmp-controls{display: flex;flex-wrap: wrap;gap: 0.75rem;align-items: end;margin-block-end: 1.25rem;}.cmp-search{flex: 1 1 100%;padding: 0.6rem 0.9rem;color: var(--ink);font-family: var(--primary-font);font-size: var(--fs-400);background: var(--paper);border: 1px solid var(--line-2);border-radius: var(--radius-sm);&:focus{outline: 2px solid var(--accent-edge);outline-offset: 1px;}}.cmp-filter{display: flex;flex-direction: column;gap: 0.25rem;font-size: var(--fs-200);letter-spacing: 0.06em;text-transform: uppercase;color: var(--ink-3);select{appearance: none;padding: 0.55rem 2rem 0.55rem 0.75rem;color: var(--ink);font-family: var(--primary-font);font-size: var(--fs-300);background-color: var(--paper);background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23fef9f7' stroke-opacity='.7' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 0.6rem center;background-size: 0.6rem;border: 1px solid var(--line-2);border-radius: var(--radius-sm);cursor: pointer;option{color: var(--brand-black);background: var(--brand-white);}}}.cmp-list{display: flex;flex-direction: column;gap: 0.5rem;padding: 0;list-style: none;}.cmp-row{display: flex;flex-direction: column;max-width: none;}.cmp-item{display: flex;align-items: center;justify-content: space-between;gap: 1rem;width: 100%;padding: 0.85rem 1.1rem;color: var(--ink);text-align: start;background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius);cursor: pointer;transition: border-color 150ms ease,background-color 150ms ease;&:hover{border-color: var(--accent-edge);background: var(--paper-2);}&[aria-expanded="true"]{background: var(--paper-2);border-color: var(--line-2);border-end-start-radius: 0;border-end-end-radius: 0;}&[aria-expanded="true"] .cmp-item__chevron{transform: rotate(180deg);}}.cmp-item__text{display: flex;flex-direction: column;gap: 0.25rem;min-width: 0;}.cmp-item__head{display: flex;align-items: baseline;flex-wrap: wrap;gap: 0.5rem;}.cmp-item__name{font-size: var(--fs-500);font-weight: 600;letter-spacing: 0.03em;text-transform: uppercase;}.cmp-item__meta{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem;font-size: var(--fs-200);letter-spacing: 0.06em;text-transform: uppercase;color: var(--ink-3);}.cmp-item__sep{color: var(--line-strong);}.cmp-item__sub{font-size: var(--fs-300);line-height: 1.4;color: var(--ink-3);font-style: italic;}.cmp-mana{width: 100%;border-collapse: collapse;}.cmp-mana tr + tr th,.cmp-mana tr + tr td{border-block-start: 1px solid var(--line);}.cmp-mana__cost{width: 1%;white-space: nowrap;vertical-align: top;padding: 0.7rem 1rem 0.7rem 0;text-align: start;}.cmp-mana__cost{font-family: var(--primary-font);font-size: var(--fs-200);font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;color: var(--accent-hi);}.cmp-mana__effect{vertical-align: top;padding: 0.7rem 0 0.7rem 1rem;border-inline-start: 1px solid var(--line);color: var(--ink-2);line-height: 1.55;}.cmp-item__chevron{flex-shrink: 0;width: 0.8rem;height: 0.8rem;color: var(--ink-3);transition: transform 200ms ease;}.cmp-item__badges,.cmp-detail__badges{display: flex;flex-wrap: wrap;gap: 0.35rem;}.cmp-badge{padding: 0.15rem 0.5rem;font-size: var(--fs-200);letter-spacing: 0.04em;text-transform: uppercase;color: var(--accent-hi);background: var(--accent-ghost);border-radius: 999px;white-space: nowrap;}.cmp-loading,.cmp-empty{color: var(--ink-3);text-align: center;padding-block: 2rem;}.cmp-detail-slot{padding: 1.25rem 1.35rem 1.5rem;background: var(--paper);border: 1px solid var(--line-2);border-block-start: none;border-end-start-radius: var(--radius);border-end-end-radius: var(--radius);}.cmp-detail{display: flex;flex-direction: column;gap: 1.1rem;}.cmp-section h3{margin-block-end: 0.4rem;font-size: var(--fs-300);font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--ink-3);}.cmp-rich{color: var(--ink-2);line-height: 1.6;p{margin: 0 0 0.75rem;}ul,ol{margin: 0 0 0.75rem;padding-inline-start: 1.25rem;}li{margin-block-end: 0.35rem;}strong{color: var(--ink);}&.italic{font-style: italic;}}.cmp-tags{display: flex;flex-wrap: wrap;gap: 0.35rem;}.cmp-subentry{padding-block: 0.6rem;& + .cmp-subentry{border-block-start: 1px solid var(--line);}h4{margin-block-end: 0.25rem;font-size: var(--fs-400);font-weight: 600;color: var(--ink);}}.toast{position: fixed;bottom: 1.5rem;left: 50%;transform: translateX(-50%) translateY(150%);padding: 0.875rem 1.5rem;color: var(--brand-white);font-size: var(--fs-400);background: var(--purple-light);border-radius: var(--radius);box-shadow: var(--shadow-2);transition: transform 250ms ease;z-index: 100;pointer-events: none;&[data-visible]{transform: translateX(-50%) translateY(0);}}.site-footer{display: flex;justify-content: center;padding-block: 4rem;padding-inline: var(--footer-inline-padding);color: var(--ink);background-color: var(--footer-background-color);border-block-start: 1px solid var(--line);}.site-footer__copyright{grid-area: copyright;opacity: 0.5;}.site-footer__form{display: flex;flex-direction: column;gap: 0.5rem;grid-area: form;p{text-wrap: balance;overflow-wrap: normal;font-size: var(--fs-500);}@media (width < 55rem){display: flex;flex-direction: column;gap: 0.75rem;text-align: center;}}.site-footer__grid{display: grid;grid-template-areas: "logo form navigation no-ai" "socials socials socials socials" "copyright copyright copyright copyright";grid-template-columns: max-content minmax(1fr,max-content) max-content max-content;gap: 2rem 4rem;width: 100%;max-width: var(--max-content-width);@media (width < 94rem){grid-template-columns: max-content 17rem max-content max-content;}@media (width < 80rem){grid-template-areas: "logo  navigation navigation navigation no-ai" "form form form socials socials" "copyright copyright copyright copyright copyright";grid-template-columns: repeat(4,max-content) 1fr;}@media (width < 68rem){grid-template-areas: "logo form no-ai" "navigation navigation navigation" "socials socials socials" "copyright copyright copyright";grid-template-columns: max-content 1fr max-content;}@media (width < 55rem){justify-content: center;justify-items: center;grid-template-areas: "logo" "form" "navigation" "socials" "no-ai" "copyright";grid-template-columns: minmax(0,1fr);width: 100%;}}@media (width < 55rem){.site-footer__form{width: 100%;max-width: 26rem;p{max-width: 100%;font-size: var(--fs-400);}}.site-footer .mailing-list-field{width: 100%;max-width: 100%;}}.site-footer__logo{grid-area: logo;height: 6rem;width: auto;}.site-footer__navigation-wrapper{grid-area: navigation;display: flex;gap: 4rem;@media (width < 55rem){flex-direction: column;gap: 3rem;text-align: center;}}.footer-navigation{display: flex;flex-direction: column;gap: 1rem;color: var(--ink);}.footer-navigation__heading{font-size: var(--fs-400);}.footer-navigation__list{display: flex;flex-direction: column;gap: 0.5rem;}.footer-navigation__link{opacity: 0.75;text-decoration: none;transition: opacity 0.15s ease-in-out;&:hover{opacity: 1;}}.mailing-list-field{--field-inline-padding: 1.5rem;position: relative;height: 4rem;width: 100%;max-width: 35rem;&:has(input:focus),&:has(input:not(:placeholder-shown)){.mailing-list-field__label{top: 1.25rem;font-size: var(--fs-200);}}}.mailing-list-field__label{position: absolute;top: 50%;left: var(--field-inline-padding);opacity: 0.75;line-height: 1;transform: translateY(-50%);transition: all 0.15s ease-in-out;}.mailing-list-field__input{width: 100%;height: 100%;padding-block: 1rem 0;padding-inline: var(--field-inline-padding) 3rem;color: var(--ink);background: transparent;border: 1px solid var(--line-2);border-radius: var(--radius-sm);}.mailing-list-field__button{position: absolute;top: 50%;right: 0.75rem;height: 2rem;width: 2rem;transform: translateY(-50%);color: var(--ink);font-size: var(--fs-500);background: none;border: none;cursor: pointer;&::after{content: "›";}}.no-ai-sticker{grid-area: no-ai;height: 6rem;width: auto;aspect-ratio: 240 / 245;justify-self: center;align-self: center;}.social-link{display: flex;align-items: center;justify-content: center;height: 3rem;width: 3rem;text-decoration: none;opacity: 0.75;transition: opacity 0.15s ease-in-out;&:hover{opacity: 1;}}.social-link__icon{height: 1.75rem;width: 1.75rem;fill: var(--ink);clip-rule: evenodd;fill-rule: evenodd;}.social-links{grid-area: socials;}.social-links__list{display: flex;gap: 1rem;}.main{flex-grow: 1;}.page-header{display: flex;flex-direction: column;align-items: center;gap: 1rem;padding: 4rem var(--section-inline-padding) 1rem;text-align: center;}.page-header__lead{max-width: 46rem;color: var(--ink-2);}.tool-head{max-width: var(--tool-width,var(--max-content-width));margin-inline: auto;padding: 2.75rem var(--section-inline-padding) 0.5rem;}.tool-head__title{font-family: var(--primary-font);font-size: var(--fs-800);font-weight: 600;line-height: 1.15;letter-spacing: 0;text-transform: none;color: var(--ink);}.tool-head__lede{max-width: 62ch;margin: 0.65rem 0 0;color: var(--ink-3);font-size: var(--fs-400);line-height: 1.55;}@media (width < 46rem){.tool-head__title{font-size: var(--fs-700);}}.content-hero{position: relative;display: flex;align-items: center;justify-content: center;min-height: 17rem;padding: 3.5rem 1rem;background-color: #241b38;background-image: image-set( url("cosmic-sea-band.webp") type("image/webp") );background-size: cover;background-position: center 35%;overflow: clip;&::after{content: "";position: absolute;inset: 0;background: linear-gradient( rgba(9,9,9,0.2) 0%,rgba(9,9,9,0.35) 45%,rgba(9,9,9,0.85) 85%,var(--bg) 100% );}}.content-hero__badge{position: relative;z-index: 2;height: clamp(8.5rem,26vw,12rem);width: auto;filter: drop-shadow(0 14px 34px rgba(0,0,0,0.55));}.content-body{display: flex;flex-direction: column;align-items: center;gap: 1.25rem;padding: 1.5rem var(--section-inline-padding) 4rem;text-align: center;}.content-body__lead{max-width: 48rem;color: var(--ink-2);}.badge-header__badge{height: clamp(7rem,20vw,9.5rem);width: auto;filter: drop-shadow(0 12px 28px rgba(0,0,0,0.5));}}@layer components{.product-card__media img,.hero-slide__media img{height: 100%;width: 100%;object-fit: cover;}.product-card__media{aspect-ratio: 1;overflow: clip;}.product-page{display: grid;grid-template-columns: minmax(0,2fr) minmax(0,3fr);gap: 2.5rem;width: 100%;max-width: 70rem;text-align: start;@media (width < 52rem){grid-template-columns: 1fr;}}.product-page__media img{width: 100%;height: auto;border-radius: var(--radius);}.product-page__details{display: flex;flex-direction: column;gap: 0.75rem;}.product-page__title{font-size: var(--fs-800);font-weight: 600;line-height: 1.1;}.product-page__price{font-size: var(--fs-600);font-weight: 700;}.pvar{display: flex;flex-direction: column;gap: 1rem;margin-block: 0.25rem 0.5rem;}.pvar__set{min-width: 0;margin: 0;padding: 0;border: 0;}.pvar__legend{margin-block-end: 0.5rem;padding: 0;font-size: var(--fs-200);letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink-4);}.pvar__row{display: flex;flex-wrap: wrap;gap: 0.5rem;}.pvar__input{position: absolute;width: 1px;height: 1px;opacity: 0;pointer-events: none;}.pvar__pill{display: inline-flex;align-items: center;justify-content: center;min-height: 44px;padding: 0.5rem 1rem;font-size: var(--fs-300);line-height: 1.2;color: var(--ink-2);background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius);cursor: pointer;transition: border-color 180ms,color 180ms,background-color 180ms;}.pvar__pill:hover{color: var(--ink);border-color: var(--line-strong);}.pvar__input:checked + .pvar__pill{color: var(--ink);background: var(--paper-3);border-color: var(--brand-gold);}.pvar__input:focus-visible + .pvar__pill{outline: 2px solid var(--accent-edge);outline-offset: 2px;}.pvar__pill.is-out{color: var(--ink-4);border-style: dashed;}.pvar__input:checked + .pvar__pill.is-out{border-color: var(--line-2);}@media (prefers-reduced-motion: reduce){.pvar__pill{transition: none;}}.product-page__description{color: var(--ink-2);ul{display: flex;flex-direction: column;gap: 0.5rem;padding-inline-start: 1.25rem;}}.quantity-control input[type="number"]{width: 4.5rem;padding: 0.5rem;color: var(--ink);font-family: var(--primary-font);text-align: center;background: var(--paper);border: 1px solid var(--line-2);border-radius: var(--radius-sm);}.shop-filter{text-decoration: none;}.quick-view__description ul{display: flex;flex-direction: column;gap: 0.375rem;margin: 0;padding-inline-start: 1.25rem;color: var(--ink-2);font-size: var(--fs-300);}.quick-view__description h3{margin-block-start: 0.5rem;font-size: var(--fs-300);font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;}}body.dk-map-mode .site-header,body.dk-map-mode .sanctum-head,body.dk-map-mode .site-footer,body.dk-map-mode #dk-account,body.dk-map-mode .mobile-nav{display: none !important;}body.dk-map-mode{overflow: hidden;}body.dk-map-mode .forge-embed__frame{height: 100dvh !important;}body.dk-map-mode .main{margin: 0;padding: 0;}