:root{--bg: #17140f;--bg-raised: #1f1a13;--ink: #f4efe6;--ink-muted: #a79e8e;--ultramarine: #3550c9;--ochre: #d99a3d;--clay: #b24d3e;--plaster: #f4efe6;--font-display: "Fraunces", "Iowan Old Style", serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-poppins: "Poppins", system-ui, sans-serif;--card-w: 76px;--card-h: 100px;--gap: 10px}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;scrollbar-width:none;-ms-overflow-style:none}img{max-width:100%;display:block}button{font-family:inherit;color:inherit}:focus-visible{outline:2px solid var(--ochre);outline-offset:3px}html.scroll-locked,body.scroll-locked{overflow:hidden;height:100vh;overscroll-behavior:none}.intro{position:relative;width:100vw;height:100svh;min-height:560px;overflow:hidden;background:radial-gradient(120% 90% at 50% 20%,#221c14 0%,var(--bg) 65%)}.intro.is-collapsed{display:none}.intro-stage,.intro-wall{position:absolute;top:0;right:0;bottom:0;left:0}.card-grid{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1400px;-webkit-perspective:1400px}.card-slot{position:absolute;top:50%;left:50%;width:var(--card-w);height:var(--card-h);margin-top:calc(var(--card-h) / -2);margin-left:calc(var(--card-w) / -2);transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.card-anim{display:block;width:var(--card-w);height:var(--card-h);opacity:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;perspective:1400px;-webkit-perspective:1400px}.card{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;text-align:center;border:3px solid var(--card-outline);border-radius:3px;position:relative;overflow:hidden;transition:transform .3s ease,filter .3s ease;box-shadow:0 6px 18px #00000059;cursor:pointer}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 30%,var(--card-outline) 130%);opacity:.45;pointer-events:none}.card:hover{transform:translateY(-4px) scale(1.05);filter:drop-shadow(0 12px 24px rgba(0,0,0,.45))}.card:focus-visible{outline:2px solid var(--ochre);outline-offset:3px}.card-symbol{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;opacity:.7}.card-name-mark{display:flex;align-items:center;justify-content:center;min-height:34px;font-family:var(--font-display);font-style:italic;font-weight:600;font-size:.82rem;line-height:1.15}.intro-copy{position:relative;z-index:5;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 6vw;pointer-events:none}.intro-copy>*{pointer-events:auto}.intro-eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ochre);margin:0 0 18px}.intro-name{font-family:var(--font-display);font-weight:500;font-style:italic;font-size:clamp(2.6rem,8vw,6rem);line-height:1;margin:0;text-shadow:0 8px 40px rgba(0,0,0,.6)}.intro-tagline{font-family:var(--font-body);font-size:clamp(.95rem,1.6vw,1.15rem);color:var(--ink-muted);margin:18px 0 0;max-width:34ch}.intro-divider{width:120px;height:1px;margin:28px auto 0;border:none;background:linear-gradient(90deg,transparent,var(--ink-muted),transparent);opacity:.6}.cta{margin-top:20px;display:inline-flex;align-items:center;gap:10px;background:transparent;border:1px solid rgba(244,239,230,.35);border-radius:999px;padding:11px 18px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:border-color .35s ease,background .35s ease,letter-spacing .35s ease}.cta:hover{border-color:var(--ochre);background:#d99a3d14;letter-spacing:.2em}.cta:disabled{cursor:default;opacity:.6}.cta-arrow{transition:transform .35s ease}.cta:hover .cta-arrow{transform:translate(4px)}.mural{position:relative;padding:0 6vw 20vh;background:var(--bg);overflow:hidden}.mural-backdrop{position:absolute;top:-10%;right:-5%;bottom:-10%;left:-5%;background:radial-gradient(80% 60% at 50% 30%,#241d15 0%,var(--bg) 70%);z-index:0;will-change:transform;transform:translateZ(0)}.mural-frame{position:relative;z-index:2;margin-top:4vh}.mural-image-wrap{width:min(100%,1100px);margin:0 auto;aspect-ratio:4 / 3;border-radius:4px;overflow:hidden;will-change:transform,opacity,clip-path;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mural-image{width:100%;height:100%;object-fit:cover;object-position:center top;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mural-hero{position:relative;z-index:2;height:100svh;min-height:480px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.mural-hero-title{margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.06em .4em;font-family:var(--font-display);font-weight:500;font-style:italic;letter-spacing:.005em;line-height:1.1;font-size:clamp(2.4rem,8vw,6.4rem);max-width:20ch;color:var(--ink)}.mural-hero-title-mask{display:inline-block;overflow:hidden;padding-bottom:.1em}.mural-hero-title-word{display:inline-block;will-change:transform,opacity}.mural-image-caption{position:relative;z-index:3;margin:5vh auto 0;text-align:center;font-family:var(--font-display);font-weight:400;font-style:italic;font-size:clamp(1.4rem,3.4vw,2.1rem);line-height:1.4;max-width:40ch;margin-left:auto;margin-right:auto;color:#fff}.mural-image-caption-line{display:flex;flex-wrap:wrap;justify-content:center;gap:.05em .32em}.mural-image-caption-word-mask{display:inline-block;overflow:hidden;padding-bottom:.1em}.mural-image-caption-word{display:inline-block;will-change:transform,opacity}.mural-divider{width:220px;height:2px;margin:5vh auto 0;border:none;background:linear-gradient(90deg,transparent,var(--ink-muted),transparent);opacity:.6}.mural-end-mark{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:14px;margin:7vh auto 0;color:#9a9a9a}.mural-end-mark-line{width:28px;height:1px;background:currentColor;opacity:.55}.mural-end-mark-ornament{display:flex;opacity:.85}.mural-description{position:relative;z-index:3;margin:6vh auto 0;max-width:680px;text-align:center;font-family:var(--font-poppins);font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.75;color:#fff}.mural-description-paragraph{margin:0 0 1.6em}.mural-description-paragraph:last-child{margin-bottom:0}@media (max-width: 900px){:root{--card-w: 58px;--card-h: 78px;--gap: 7px}.intro-copy{justify-content:center}}@media (max-width: 480px){:root{--card-w: 58px;--card-h: 78px;--gap: 6px}.card-symbol{font-size:.58rem}.card-name-mark{min-height:24px;font-size:.66rem}}@media (max-width: 900px){.mural{padding:0 3.5vw 14vh}.mural-hero{height:100svh}.mural-hero-title{font-size:clamp(1.9rem,10vw,3.4rem);max-width:16ch;gap:.04em .3em}.mural-image{filter:brightness(1.12) contrast(1.04) saturate(1.08)}.mural-image-caption{margin-top:4vh;padding:0 4vw;font-size:clamp(1.2rem,5.4vw,1.7rem)}.mural-divider{width:55vw;margin-top:4vh}.intro-divider{width:90px;margin-top:22px}.mural-description{margin-top:6vh;padding:0 2vw}.mural-end-mark{margin-top:5vh}}.scroll-progress-track{position:fixed;left:0;right:0;bottom:0;height:3px;z-index:80;background:#f4efe614;pointer-events:none}.scroll-progress-bar{height:100%;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--clay),var(--ochre),var(--ultramarine),var(--clay));background-size:300% 100%;animation:scroll-progress-shift 8s linear infinite;will-change:transform}@keyframes scroll-progress-shift{0%{background-position:0% 0}to{background-position:300% 0}}.card-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0a0805c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:card-modal-fade-in .25s ease both;cursor:pointer}@keyframes card-modal-fade-in{0%{opacity:0}to{opacity:1}}.card-modal-card{width:min(58vw,340px);aspect-ratio:76 / 100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center;border:4px solid var(--card-outline);border-radius:8px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000008c;cursor:default;animation:card-modal-pop-in .3s cubic-bezier(.2,.9,.3,1.2) both}.card-modal-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 30%,var(--card-outline) 130%);opacity:.45;pointer-events:none}@keyframes card-modal-pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.card-modal-symbol{position:relative;font-family:var(--font-mono);font-size:clamp(.85rem,2.2vw,1.1rem);letter-spacing:.14em;opacity:.7}.card-modal-name{position:relative;font-family:var(--font-display);font-style:italic;font-weight:600;font-size:clamp(1.4rem,5vw,2.2rem);line-height:1.15}.card-modal-close{position:fixed;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:201;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(244,239,230,.35);border-radius:50%;background:#17140f99;color:var(--ink);font-size:1.6rem;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease}.card-modal-close:hover{background:#17140fe6;transform:scale(1.08)}@media (max-width: 640px){.card-modal-card{width:min(70vw,300px)}}@media (prefers-reduced-motion: reduce){.card,.cta,.cta-arrow{transition:none!important}.mural-image-wrap{opacity:1!important;transform:none!important;clip-path:none!important}.mural-hero-title-word{transform:none!important;opacity:1!important}.scroll-progress-bar,.card-modal-overlay,.card-modal-card{animation:none!important}*{scroll-behavior:auto!important}}