.hero{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-bottom:40px}.home-page .page{padding-bottom:calc(24px + var(--nav-safe))}.codex-logo{font-family:var(--font-display, serif);margin-bottom:16px;line-height:1.1;text-shadow:0 4px 30px rgba(0,0,0,.8);opacity:.9}.hero-subtitle{font-family:var(--font-ui, sans-serif);font-size:clamp(14px,2vw,18px);color:var(--ink, #fff);letter-spacing:var(--spacing-wide, .05em);margin:0 0 20px;opacity:.85;text-shadow:0 2px 12px rgba(0,0,0,.8)}.hero-title-wrap{height:var(--hero-min-height);height:var(--hero-min-height-dynamic);width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:height .6s cubic-bezier(.22,1,.36,1);gap:var(--hero-gap);padding:var(--hero-pad-inline);contain:layout style paint}.hero-title-wrap .title{margin:0;overflow:visible;line-height:1.2}.hero-title-wrap .title{display:grid;place-items:center}.hero-title-wrap .title .title-svg{height:1.8em;width:auto;grid-area:1 / 1;transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.34,1.56,.64,1),filter .5s ease}.hero-title-wrap .title:hover .title-svg{will-change:transform,opacity,filter}.hero-title-wrap .title .main-svg{opacity:1;filter:brightness(0) invert(1);transform:scale(1)}.hero-title-wrap .title .hover-svg{opacity:0;filter:brightness(0) invert(1);transform:scale(1.5) translateY(10px)}.hero-title-wrap .title.show-icon .main-svg,.hero-title-wrap .title:hover .main-svg{opacity:0;transform:scale(.85) translateY(-5px) rotate(-3deg)}.hero-title-wrap .title.show-icon .hover-svg,.hero-title-wrap .title:hover .hover-svg{opacity:1;transform:scale(1.8) translateY(0) rotate(0)}.hero-title-wrap .title:hover .main-svg,.hero-title-wrap .title.show-icon .main-svg{animation:smooth-morph-out .7s cubic-bezier(.25,.46,.45,.94) forwards}.hero-title-wrap .title:hover .hover-svg,.hero-title-wrap .title.show-icon .hover-svg{animation:smooth-morph-in .7s cubic-bezier(.34,1.56,.64,1) forwards,cyber-glow-pulse 2s ease-in-out .7s infinite}@keyframes cyber-glow-pulse{0%,to{filter:brightness(0) invert(1) drop-shadow(0 0 20px rgba(255,255,255,.4))}50%{filter:brightness(0) invert(1) drop-shadow(0 0 40px rgba(255,255,255,.7))}}@keyframes smooth-morph-out{0%{transform:scale(1) translateY(0) rotate(0);filter:brightness(0) invert(1) drop-shadow(0 0 20px rgba(255,255,255,.3));opacity:1}50%{transform:scale(.95) translateY(-3px) rotate(-2deg);filter:brightness(0) invert(1) drop-shadow(0 0 30px rgba(255,255,255,.5));opacity:.7}to{transform:scale(.85) translateY(-5px) rotate(-3deg);filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(255,255,255,.1));opacity:0}}@keyframes smooth-morph-in{0%{transform:scale(1.5) translateY(10px) rotate(2deg);filter:brightness(0) invert(1) drop-shadow(0 0 30px rgba(255,255,255,.6));opacity:0}40%{transform:scale(1.75) translateY(2px) rotate(-1deg);filter:brightness(0) invert(1) drop-shadow(0 0 40px rgba(255,255,255,.8));opacity:.8}70%{transform:scale(1.82) translateY(-1px) rotate(.5deg);filter:brightness(0) invert(1) drop-shadow(0 0 35px rgba(255,255,255,.7));opacity:.95}to{transform:scale(1.8) translateY(0) rotate(0);filter:brightness(0) invert(1) drop-shadow(0 0 20px rgba(255,255,255,.4));opacity:1}}@media(max-width:600px){.hero-title-wrap .title .title-svg{height:1.2em;max-width:90vw}.hero-title-wrap .title .hover-svg{transform:scale(1.4) translateY(8px)}.hero-title-wrap .title.show-icon .hover-svg,.hero-title-wrap .title:hover .hover-svg{transform:scale(1.6) translateY(0) rotate(0)}.hero-title-wrap{gap:var(--content-gap);padding:var(--hero-pad-inline);min-height:calc(var(--hero-min-height) - 80px)}.home-search-wrapper{width:calc(100% - 32px);max-width:100%;margin:0 auto}.home-search-container{padding:10px 12px}.home-search-input{font-size:16px;padding:10px 8px}.home-search-submit{padding:10px 20px;font-size:14px;min-height:44px}.home-search-icon{width:18px;height:18px;margin-left:6px}}@media(max-width:480px){.hero-title-wrap{gap:var(--element-gap);padding:var(--space-2)}.hero-title-wrap .title .title-svg{height:1em}.home-search-wrapper{width:calc(100% - 24px)}.home-search-container{padding:10px 12px;flex-wrap:wrap}.home-search-input{width:100%;order:1;font-size:16px;min-height:44px}.home-search-icon{order:0;margin-left:0;margin-right:8px;width:22px;height:22px}.home-search-submit{width:100%;order:2;margin-top:10px;min-height:44px;font-size:15px;padding:12px 16px}}@media(prefers-reduced-motion:reduce){.hero-title-wrap .title .title-svg{transition:opacity .2s ease;animation:none!important}.hero-title-wrap .title:hover .hover-svg,.hero-title-wrap .title:hover .main-svg{animation:none!important}.home-search-wrapper{width:calc(100% - 32px);max-width:480px}.home-search-container{flex-direction:column;gap:12px}.home-search-submit{width:100%;min-height:44px}}@media(max-width:600px){.home-search-suggestions{max-height:60vh;border-radius:12px;margin-top:8px}.home-search-suggestion-item{padding:14px 16px;font-size:15px;min-height:44px;display:flex;align-items:center}}.home-search-wrapper{position:relative;width:100%;max-width:600px;margin:0 auto;z-index:var(--z-hero);contain:layout style}.home-search-form{width:100%}.home-search-container{display:flex;align-items:center;gap:12px;background:var(--glass-obsidian);border:1px solid rgba(255,255,255,.06);border-top:1px solid var(--glass-border-top);border-bottom:1px solid var(--glass-border-bottom);border-radius:12px;padding:8px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-obsidian);transition:border-color .3s ease,box-shadow .3s ease}.home-search-container:focus-within{border-color:#ffffff1f;box-shadow:0 8px 32px #0009,0 0 20px #d10f1a1a}.home-search-container.is-idle{animation:search-pulse 3s ease-in-out 3}@keyframes search-pulse{0%,to{box-shadow:var(--shadow-obsidian);border-color:#ffffff0f}50%{box-shadow:0 8px 32px #0009,0 0 24px #d10f1a26;border-color:#ffffff1a}}@media(prefers-reduced-motion:reduce){.home-search-container.is-idle{animation:none}.home-search-input::placeholder{transition:none}}.home-search-icon{width:20px;height:20px;color:var(--muted);flex-shrink:0;margin-left:8px;transition:color .2s ease}.home-search-container:focus-within .home-search-icon{color:#fffc}.home-search-input{flex:1;background:transparent;border:none;color:var(--ink);font-size:16px;padding:10px 8px;outline:none;font-family:inherit;min-width:0}.home-search-input::placeholder{color:var(--muted);opacity:.7;transition:opacity .5s ease}.home-search-submit{background:rgba(var(--gc-red2-rgb),.15);border:1px solid rgba(var(--gc-red2-rgb),.3);color:var(--gc-red2);padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease;white-space:nowrap;font-family:inherit}.home-search-submit:hover{background:rgba(var(--gc-red2-rgb),.25);border-color:rgba(var(--gc-red2-rgb),.5);transform:translateY(-1px)}.home-search-submit:active{transform:translateY(0)}.home-search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--glass-obsidian);border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #000c;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));max-height:400px;overflow-y:auto;z-index:var(--z-dropdown)}.home-search-suggestions[hidden]{display:none}.home-search-suggestion-item{display:block;width:100%;padding:12px 16px;text-align:left;background:transparent;border:none;color:var(--ink);font-size:14px;cursor:pointer;transition:background .2s ease;font-family:inherit}.home-search-suggestion-item:hover,.home-search-suggestion-item.is-selected{background:#ffffff0d;color:var(--gc-red2)}.home-search-suggestions-header{padding:12px 16px 8px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:600;border-bottom:1px solid rgba(255,255,255,.05)}.footer-link-btn{text-decoration:none;font-weight:500;color:var(--muted);transition:opacity .2s;background:none;border:none;padding:0;font:inherit;cursor:pointer}.footer-link-btn:hover{opacity:.8;text-decoration:underline;color:var(--ink)}.parallax-layer{--parallax-x: 0px;--parallax-y: 0px;transform:translate(var(--parallax-x),var(--parallax-y))}.parallax-active .parallax-layer{will-change:transform}.parallax-layer.hover-svg{transform:translate(var(--parallax-x),var(--parallax-y)) scale(1.6)}