:root{--color-canvas: #F5F3EE;--color-canvas-subtle: #EBE8E0;--color-surface-pure: #FFFFFF;--color-ink: #111111;--color-ink-secondary: #585650;--color-ink-muted: #8E8C84;--color-hairline: #D8D4CA;--color-hairline-dark: #111111;--color-accent: #FF4500;--color-accent-soft: rgba(255, 69, 0, .08);--color-accent-hover: #E03E00;--color-backdrop: rgba(17, 17, 17, .45);--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Geist Mono", "Geist", Menlo, Monaco, Consolas, monospace;--font-signature: "Caveat", "Homemade Apple", "Reenie Beanie", cursive;--font-arabic: "Alexandria", "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-arabic-logo: "Aref Ruqaa", "Alexandria", serif;--font-feature-settings: "cv02", "cv03", "cv04", "cv11", "tnum";--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-display: clamp(2rem, 3.2vw, 2.75rem);--tracking-tighter: -.035em;--tracking-tight: -.015em;--tracking-normal: 0em;--tracking-wide: .05em;--tracking-widest: .09em;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--header-height: 52px;--sidebar-width: 76px;--gutter-right: 76px;--dock-height: 252px;--dock-height-collapsed: 76px;--footer-height: 32px;--ease-smooth: cubic-bezier(.22, 1, .36, 1);--ease-mechanical: cubic-bezier(.16, 1, .3, 1);--duration-fast: .24s;--duration-normal: .38s;--duration-lux: .52s;--shadow-dock-card: 0 4px 16px rgba(0, 0, 0, .04);--shadow-dock-active: 0 16px 36px rgba(0, 0, 0, .09);--shadow-inspector: 0 24px 64px rgba(0, 0, 0, .18)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100vh;height:100dvh;overflow:hidden;background-color:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-md);line-height:1.5;font-feature-settings:var(--font-feature-settings);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none}.mono,.tabular-nums,.card-num,.dock-index-counter,.hero-index-badge,.inspector-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}::selection{background-color:var(--color-accent);color:#fff}a{color:inherit;text-decoration:none}button{font-family:inherit;background:none;border:none;cursor:pointer;color:inherit}ul,ol{list-style:none}img,svg{display:block;max-width:100%}.mono{font-family:var(--font-mono)}.technical-label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-shell{display:grid;grid-template-rows:var(--header-height) 1fr var(--dock-height);grid-template-columns:var(--sidebar-width) 1fr var(--gutter-right);grid-template-areas:"header  header header" "sidebar stage  gutter" "sidebar dock   gutter";width:100vw;height:100vh;height:100dvh;overflow:hidden;position:relative;transition:grid-template-rows .36s var(--ease-smooth)}.app-shell.deck-collapsed{grid-template-rows:var(--header-height) 1fr var(--dock-height-collapsed)}.site-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:10px 0 0;background:var(--color-canvas);z-index:40;height:var(--header-height);box-sizing:border-box}.brand-badge{display:inline-flex;align-items:center;justify-content:center;align-self:center;width:var(--sidebar-width);height:38px;box-sizing:border-box;background-color:var(--color-accent);color:#fff;text-decoration:none;border-radius:0 2px 2px 0;padding:0 4px;overflow:hidden;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:none}.brand-text{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;font-family:var(--font-mono);font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-indent:.08em;text-transform:uppercase;line-height:1}.nav-tabs{display:flex;align-items:center;gap:var(--space-xl);margin-left:auto;margin-right:var(--space-xl)}.nav-tab-btn{position:relative;padding:6px 14px;font-family:var(--font-mono);font-size:.96rem;font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-ink-muted);border-radius:2px;transition:color var(--duration-fast) var(--ease-mechanical),background-color var(--duration-fast) var(--ease-mechanical)}.nav-tabs .nav-tab-btn:last-child{padding-right:2px}.nav-tab-btn:hover{color:var(--color-ink)}.nav-tab-btn.active{color:var(--color-accent);font-weight:700}.header-lang-slot{display:flex;align-items:center;justify-content:center;width:var(--gutter-right);flex-shrink:0;height:100%}.lang-dropdown{position:relative;display:inline-flex;align-items:center;justify-content:center}.lang-globe-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:2px;color:var(--color-ink-muted);cursor:pointer;padding:0;transition:color var(--duration-fast) var(--ease-mechanical),background-color var(--duration-fast) var(--ease-mechanical),border-color var(--duration-fast) var(--ease-mechanical)}.lang-globe-btn:hover{color:var(--color-ink);background-color:var(--color-canvas-subtle);border-color:var(--color-hairline)}.lang-dropdown.open .lang-globe-btn{color:var(--color-accent);border-color:var(--color-accent);background-color:var(--color-accent-soft)}.globe-icon{transition:transform var(--duration-fast) var(--ease-mechanical)}.lang-globe-btn:hover .globe-icon{transform:rotate(15deg)}.lang-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:104px;background:var(--color-surface-pure);border:1px solid var(--color-hairline);border-radius:2px;box-shadow:0 8px 24px #0000001f;padding:4px;display:none;flex-direction:column;gap:2px;z-index:100}.lang-dropdown.open .lang-dropdown-menu{display:flex}.lang-dropdown-item{display:flex;align-items:center;justify-content:center;padding:6px 12px;background:transparent;border:none;border-radius:2px;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-ink-muted);transition:background-color var(--duration-fast) var(--ease-mechanical),color var(--duration-fast) var(--ease-mechanical);width:100%;text-align:center;box-sizing:border-box}.lang-dropdown-item[data-lang=en]{font-family:var(--font-sans);font-size:.84rem;font-weight:500;letter-spacing:.02em}.lang-dropdown-item[data-lang=ar]{font-family:var(--font-arabic);font-size:var(--text-sm)}.lang-dropdown-item:hover{background:var(--color-canvas-subtle);color:var(--color-ink)}.lang-dropdown-item.active{color:var(--color-accent);font-weight:700;background:var(--color-accent-soft)}[data-lang=ar]{--font-sans: var(--font-arabic)}[data-lang=ar] .brand-text{font-family:var(--font-arabic-logo);letter-spacing:.01em;font-size:1.7rem;font-weight:700;line-height:1}[data-lang=ar] .nav-tab-btn{font-family:var(--font-arabic);letter-spacing:.03em;font-size:var(--text-base);font-weight:600}[data-lang=ar] .subnav-btn{font-family:var(--font-arabic);letter-spacing:.04em;font-size:var(--text-sm);font-weight:600}[data-lang=ar] .hero-info-pane{direction:rtl;text-align:right}[data-lang=ar] .hero-title{font-family:var(--font-arabic);letter-spacing:.01em;line-height:1.25}[data-lang=ar] .hero-subtitle{font-family:var(--font-arabic);letter-spacing:.02em}[data-lang=ar] .hero-description{font-family:var(--font-arabic);line-height:1.65;font-size:var(--text-md)}[data-lang=ar] .hero-cta-btn{font-family:var(--font-arabic);letter-spacing:.08em;font-weight:700}[data-lang=ar] .hero-badge-overlay{font-family:var(--font-arabic);letter-spacing:.04em}[data-lang=ar] .hero-quote-body{font-family:var(--font-arabic);direction:rtl;text-align:center;line-height:1.55}[data-lang=ar] .dock-meta-row{font-family:var(--font-arabic)}[data-lang=ar] .deck-switch-label{font-family:var(--font-arabic);letter-spacing:.12em;font-size:var(--text-sm)}[data-lang=ar] .inspector-mode-btn,[data-lang=ar] .inspector-primary-btn,[data-lang=ar] .steam-wishlist-btn,[data-lang=ar] .steam-secondary-btn,[data-lang=ar] .inspector-live-external-btn,[data-lang=ar] .inspector-github-external-btn{font-family:var(--font-arabic);letter-spacing:.03em;direction:rtl}[data-lang=ar] .inspector-details{direction:rtl;text-align:right}[data-lang=ar] .inspector-title,[data-lang=ar] .inspector-subtitle,[data-lang=ar] .inspector-body{font-family:var(--font-arabic)}[data-lang=ar] .contact-modal-window{direction:rtl}[data-lang=ar] .contact-status-tag,[data-lang=ar] .contact-field-label,[data-lang=ar] .contact-input,[data-lang=ar] .contact-textarea,[data-lang=ar] .contact-submit-btn,[data-lang=ar] .contact-copy-btn,[data-lang=ar] .feedback-title,[data-lang=ar] .feedback-desc{font-family:var(--font-arabic)}[data-lang=ar] .card-hover-overlay{direction:rtl;text-align:right}[data-lang=ar] .card-text-word,[data-lang=ar] .card-hover-title,[data-lang=ar] .card-hover-subtitle{font-family:var(--font-arabic)}.site-sidebar{grid-area:sidebar;display:flex;flex-direction:column;justify-content:space-between;background:var(--color-canvas);position:relative;z-index:30;height:100%}.sidebar-stage-section{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 var(--space-sm);position:relative;min-height:0}.sidebar-dock-section{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-md) var(--space-sm) var(--space-lg);transform:translateY(-24px);box-sizing:border-box}.subnav-container{display:flex;justify-content:center;width:100%;transform:translateY(-12px)}.subnav-list{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:0;margin:0}.subnav-item{position:relative;display:flex;justify-content:center}.subnav-btn{display:inline-block;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-family:var(--font-mono);font-size:.94rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-secondary);text-align:center;transition:color var(--duration-fast) var(--ease-mechanical),transform var(--duration-fast) var(--ease-mechanical);padding:2px 4px;cursor:pointer;background:transparent;border:none}.subnav-btn:hover{color:var(--color-ink);transform:rotate(180deg) translate(1px)}.subnav-btn.active{color:var(--color-accent);font-weight:700}.sidebar-social-stack{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.sidebar-social-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:transparent;border:none;color:var(--color-ink-secondary);transition:color var(--duration-fast) var(--ease-mechanical),transform var(--duration-fast) var(--ease-mechanical);text-decoration:none;cursor:pointer}.sidebar-social-btn:hover{color:var(--color-accent);transform:translateY(-2px)}.sidebar-social-btn svg{width:22px;height:22px}.sidebar-social-btn#sidebar-mail-btn svg{width:21px;height:21px}.stage-canvas{grid-area:stage;position:relative;display:flex;flex-direction:column;padding:var(--space-md) var(--space-xl);overflow:hidden;background:var(--color-canvas);justify-content:center;align-items:center}.stage-preview-hero{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:var(--space-2xl);padding:0 var(--space-md);max-width:1360px;width:100%;height:100%;margin:0 auto;opacity:1;transition:opacity .26s var(--ease-smooth);z-index:10;position:relative}.stage-preview-hero.transitioning{opacity:.15}.stage-preview-hero.mode-quote{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:100%;width:100%;height:100%;margin:0;padding:0}.stage-preview-hero.mode-quote .hero-info-pane,.stage-preview-hero.mode-quote .hero-visual-pane,.stage-preview-hero.mode-quote .hero-principles-pane,.stage-preview-hero.mode-quote .hero-impact-pane,.stage-preview-hero.mode-quote .hero-gallery-pane{display:none!important}.stage-preview-hero.mode-principles{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100%;width:100%;height:100%;margin:0;padding:0}.stage-preview-hero.mode-principles .hero-info-pane,.stage-preview-hero.mode-principles .hero-visual-pane,.stage-preview-hero.mode-principles .hero-quote-pane,.stage-preview-hero.mode-principles .hero-impact-pane,.stage-preview-hero.mode-principles .hero-gallery-pane{display:none!important}.stage-preview-hero.mode-impact{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100%;width:100%;height:100%;margin:0;padding:0}.stage-preview-hero.mode-impact .hero-info-pane,.stage-preview-hero.mode-impact .hero-visual-pane,.stage-preview-hero.mode-impact .hero-quote-pane,.stage-preview-hero.mode-impact .hero-principles-pane,.stage-preview-hero.mode-impact .hero-gallery-pane{display:none!important}.stage-preview-hero.mode-gallery{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100%;width:100%;height:100%;margin:0;padding:0}.stage-preview-hero.mode-gallery .hero-info-pane,.stage-preview-hero.mode-gallery .hero-visual-pane,.stage-preview-hero.mode-gallery .hero-quote-pane,.stage-preview-hero.mode-gallery .hero-principles-pane,.stage-preview-hero.mode-gallery .hero-impact-pane{display:none!important}.hero-gallery-pane{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:960px;width:100%;padding:var(--space-lg) var(--space-2xl);box-sizing:border-box;margin:0 auto;gap:var(--space-xl)}.gallery-art-frame{position:relative;width:100%;max-width:780px;background:var(--color-surface-pure);border:1px solid var(--color-hairline);box-shadow:0 1px 3px #1111110a,0 12px 32px -8px #11111114,0 2px 6px #11111105;padding:var(--space-2xl) clamp(var(--space-xl),4vw,var(--space-2xl));box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform var(--duration-fast) var(--ease-mechanical),box-shadow var(--duration-fast) var(--ease-mechanical)}.gallery-art-frame:hover{box-shadow:0 1px 3px #1111110a,0 16px 40px -8px #1111111f,0 2px 6px #11111105}.gallery-frame-matte{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.gallery-quote-text{font-family:var(--font-sans);font-size:clamp(1.15rem,1.7vw,1.45rem);font-weight:500;line-height:1.55;letter-spacing:-.02em;color:var(--color-ink);margin:0;text-align:center;max-width:660px}.gallery-placard{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:780px;padding:var(--space-sm) var(--space-md);box-sizing:border-box;background:transparent;border-top:1px solid var(--color-hairline)}.gallery-placard-meta{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.gallery-placard-title-row{display:flex;align-items:baseline;gap:var(--space-sm)}.gallery-placard-title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--color-ink);letter-spacing:-.01em}.gallery-placard-year{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-ink-muted)}.gallery-placard-author{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-ink-secondary);letter-spacing:.04em}.gallery-placard-author .role-pill{color:var(--color-accent);font-weight:600}.gallery-placard-stepper{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--color-canvas-subtle);padding:2px 4px;border:1px solid var(--color-hairline)}.gallery-step-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--color-ink);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-mechanical),color var(--duration-fast) var(--ease-mechanical);padding:0}.gallery-step-btn:hover:not(:disabled){background:var(--color-surface-pure);color:var(--color-accent)}.gallery-step-btn:disabled{opacity:.3;cursor:not-allowed}.gallery-step-btn svg{width:14px;height:14px}.gallery-step-counter{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:.08em;color:var(--color-ink);padding:0 4px;-webkit-user-select:none;user-select:none}@media(max-width:900px){.gallery-placard{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.gallery-placard-stepper{align-self:flex-end}}.hero-impact-pane{display:flex;align-items:center;justify-content:center;max-width:100%;width:100%;padding:0 var(--space-lg);box-sizing:border-box;margin:0 auto}.impact-box-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:clamp(580px,64vw,940px);-webkit-user-select:none;user-select:none}.impact-box-img{width:100%;height:auto;max-height:clamp(380px,62vh,580px);object-fit:contain;display:block;filter:drop-shadow(0 26px 48px rgba(17,17,17,.15)) drop-shadow(0 8px 20px rgba(17,17,17,.08));-webkit-user-select:none;user-select:none;pointer-events:none}.hero-principles-pane{display:flex;align-items:center;justify-content:center;max-width:100%;width:100%;padding:0 var(--space-lg);box-sizing:border-box;margin:0 auto}.principles-books-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:clamp(480px,46vw,700px);-webkit-user-select:none;user-select:none}.principles-books-img{width:100%;height:auto;max-height:clamp(240px,38vh,360px);object-fit:contain;display:block;filter:drop-shadow(0 20px 36px rgba(17,17,17,.08)) drop-shadow(0 6px 12px rgba(17,17,17,.04));-webkit-user-select:none;user-select:none;pointer-events:none}.hero-quote-pane{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;max-width:100%;padding:var(--space-md) var(--space-xl);box-sizing:border-box;margin:0 auto;cursor:default}.hero-focus-container{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:820px;width:100%;gap:clamp(var(--space-md),2vh,var(--space-lg));box-sizing:border-box}.keyboard-specimen-wrap{position:relative;width:100%;max-width:clamp(440px,46vw,680px);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 16px 36px rgba(17,17,17,.1)) drop-shadow(0 4px 10px rgba(17,17,17,.04));-webkit-user-select:none;user-select:none}.keyboard-specimen-svg{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.kb-contact-hotspot{position:absolute;left:77.42%;top:50.52%;width:12.48%;height:14.19%;background:transparent;border:1.5px solid transparent;border-radius:4px;cursor:pointer;z-index:10;transition:all var(--duration-fast) var(--ease-mechanical);outline:none;padding:0;margin:0}.kb-contact-hotspot:hover{border-color:#ff450099;background:#ff45001f;box-shadow:0 0 10px #ff450059}.kb-contact-hotspot:active{transform:scale(.96);background:#ff450040}.hero-quote-content{position:relative;width:100%;max-width:800px;padding:0 var(--space-md);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-quote-body{position:relative;font-family:var(--font-sans);font-size:clamp(1.15rem,1.6vw,1.6rem);font-weight:500;line-height:1.45;letter-spacing:-.025em;color:var(--color-ink);margin:0;padding:0;border:none}.hero-quote-author{position:relative;display:inline-flex;align-items:center;gap:12px}.quote-author-name{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-muted)}.quote-author-separator{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400}.quote-author-role{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-muted)}.hero-info-pane{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:clamp(360px,48vh,500px);width:100%;max-width:440px;gap:0;padding-top:clamp(52px,7.5vh,80px);padding-bottom:clamp(28px,4.5vh,48px);position:relative;z-index:10;pointer-events:auto}.hero-title{font-family:var(--font-sans);font-size:var(--text-display);font-weight:700;line-height:1.05;letter-spacing:var(--tracking-tighter);color:var(--color-ink);margin:0;cursor:default}.hero-subtitle{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:500;color:var(--color-ink-secondary);letter-spacing:var(--tracking-tight);margin-top:var(--space-xs);margin-bottom:0;line-height:1.35}.hero-description{font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-ink);line-height:1.7;letter-spacing:var(--tracking-normal);width:100%;max-width:440px;margin-top:var(--space-md);margin-bottom:0}.hero-action-row{margin-top:auto;padding-top:var(--space-md);display:flex;align-items:center;gap:var(--space-md)}.hero-cta-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:9px 20px;background-color:var(--color-ink);color:#fff;font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-widest);font-weight:600;border:1px solid var(--color-ink);cursor:pointer}.hero-cta-btn:hover{background-color:var(--color-accent);border-color:var(--color-accent)}.hero-visual-pane{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(360px,48vh,500px);position:relative;cursor:pointer;overflow:visible;z-index:1}.hero-cover-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;background:transparent;border:none;box-shadow:none;transition:all var(--duration-fast) var(--ease-mechanical)}.hero-cover-container.dual-cover{background:#127299;border:1px solid var(--color-hairline);box-shadow:0 10px 30px #0000000d;max-height:340px;max-width:680px;width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-md);overflow:hidden}.hero-cover-container.dual-cover:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000017;border-color:var(--color-hairline-dark)}.hero-cover-container.dual-cover .hero-mockup-img{height:90%;width:auto;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.45));transition:transform var(--duration-fast) var(--ease-mechanical)}.hero-cover-container.dual-cover:hover .hero-mockup-left{transform:translateY(-4px) scale(1.03)}.hero-cover-container.dual-cover:hover .hero-mockup-right{transform:translateY(4px) scale(1.03)}.hero-mockup-frame-wrap{position:relative;width:100%;max-width:680px;margin:0 auto;display:flex;align-items:center;justify-content:center;z-index:1;-webkit-user-select:none;user-select:none;transform:translateZ(0)}.device-chassis{position:relative;width:100%;background:linear-gradient(180deg,#1c1f26,#15181e);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px;box-sizing:border-box;box-shadow:0 0 0 1px #000000b3,0 2px 4px #00000059,0 16px 44px -8px #00000073,0 32px 75px -16px #00000059;display:flex;align-items:center;justify-content:center;transform:translateZ(0);backface-visibility:hidden}.mockup-screen-viewport{position:relative;width:100%;aspect-ratio:1240 / 709;overflow:hidden;background:#0e1116;border-radius:4px;border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 1px 3px #00000059;display:block;contain:paint layout;transform:translateZ(0)}.mockup-scroll-strip{--scroll-target-y: 0px;--scroll-duration: 12s;width:100%;height:auto;display:block;transform:translateZ(0);transition:transform .8s var(--ease-mechanical);will-change:transform;backface-visibility:hidden}.hero-mockup-frame-wrap:hover .mockup-scroll-strip,.hero-visual-pane:hover .mockup-scroll-strip{transform:translate3d(0,var(--scroll-target-y, 0px),0);transition:transform var(--scroll-duration, 12s) linear}.stage-preview-hero.transitioning .mockup-scroll-strip{transition:none!important;transform:translateZ(0)!important}.mockup-video-reel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:4px;opacity:0;transition:opacity var(--duration-fast) var(--ease-mechanical);z-index:2;pointer-events:none}.mockup-screen-gloss{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.01) 35%,transparent 35%);pointer-events:none;border-radius:4px}.hero-single-img{position:relative;width:100%;max-width:820px;max-height:clamp(320px,41vh,420px);height:auto;object-fit:contain;padding:0;filter:drop-shadow(0 16px 36px rgba(0,0,0,.12));z-index:1;pointer-events:auto;transform:scale(.92) translateZ(0);transform-origin:center center;backface-visibility:hidden}.stage-preview-hero.transitioning .hero-single-img{transition:none!important}.tv-mockup-frame-wrap{position:relative;width:100%;max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:center;z-index:1;-webkit-user-select:none;user-select:none;transform:translateZ(0)}.tv-device-chassis{position:relative;width:100%;aspect-ratio:1920 / 1080;display:flex;align-items:center;justify-content:center;transform:scale(1.28) translateZ(0);transform-origin:center center;backface-visibility:hidden}.tv-screen-viewport{position:absolute;left:26.55%;top:21.91%;width:43.78%;height:58.35%;overflow:hidden;background:#060404;border-radius:4px;z-index:1;contain:paint layout;transform:translateZ(0)}.tv-idle-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;transform:translateZ(0);transition:opacity .3s var(--ease-mechanical)}.tv-video-player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:2;opacity:0;transform:translateZ(0);transition:opacity .35s var(--ease-mechanical);backface-visibility:hidden}.tv-mockup-frame-wrap:hover .tv-video-player,.hero-visual-pane:hover .tv-video-player{opacity:1}.tv-mockup-frame-wrap:hover .tv-idle-image,.hero-visual-pane:hover .tv-idle-image{opacity:0}.tv-frame-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:5;filter:drop-shadow(0 20px 48px rgba(0,0,0,.42))}.tv-crt-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#12101000 50%,#00000047 50%);background-size:100% 4px;pointer-events:none;z-index:3;opacity:.6}.tv-crt-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 60%,rgba(0,0,0,.45) 100%);pointer-events:none;z-index:4}.imac-mockup-frame-wrap{position:relative;width:100%;max-width:680px;margin:0 auto;display:flex;align-items:center;justify-content:center;z-index:1;-webkit-user-select:none;user-select:none;transform:translateZ(0)}.imac-device-chassis{position:relative;width:100%;aspect-ratio:1920 / 1500;display:flex;align-items:center;justify-content:center;transform:translateZ(0);backface-visibility:hidden}.imac-screen-viewport{position:absolute;left:2.81%;top:3.67%;width:94.38%;height:60.07%;overflow:hidden;background:#f8fafc;border-radius:4px;z-index:1;contain:paint layout;transform:translateZ(0)}.imac-scroll-strip{width:100%;height:auto;display:block;transform:translateZ(0);transition:transform .8s var(--ease-mechanical);will-change:transform;backface-visibility:hidden}.imac-mockup-frame-wrap:hover .imac-scroll-strip,.hero-visual-pane:hover .imac-scroll-strip{transform:translate3d(0,-76.2%,0);transition:transform 22s linear}.stage-preview-hero.transitioning .imac-scroll-strip{transition:none!important;transform:translateZ(0)!important}.imac-screen-gloss{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.01) 35%,transparent 35%);pointer-events:none;z-index:2;border-radius:4px}.imac-frame-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:5;filter:drop-shadow(0 20px 48px rgba(0,0,0,.28))}.hero-cover-container[data-project-id=ibra] .hero-single-img,.hero-visual-pane:hover .hero-cover-container[data-project-id=ibra] .hero-single-img{max-width:780px;max-height:clamp(300px,38vh,380px);transform:scale(.9) translateZ(0)!important;transform-origin:center center;filter:drop-shadow(0 18px 40px rgba(0,0,0,.13))}.hero-cover-container[data-project-id=sadid] .hero-single-img,.hero-visual-pane:hover .hero-cover-container[data-project-id=sadid] .hero-single-img{max-width:800px;max-height:clamp(310px,39vh,400px);transform:scale(.95) translateZ(0);transform-origin:center center;filter:drop-shadow(0 20px 42px rgba(0,0,0,.14))}.hero-cover-container.model3d-mode{background:transparent!important;border-color:transparent!important;box-shadow:none!important;cursor:grab}.hero-cover-container.model3d-mode:hover{transform:none!important;box-shadow:none!important;border-color:transparent!important}.hero-cover-container.model3d-mode:active{cursor:grabbing}.hero-visual-pane:has(.model3d-mode){cursor:default}.hero-3d-viewport{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2}.model3d-canvas{width:100%!important;height:100%!important;outline:none;display:block}.hero-badge-overlay,.app-shell[data-view=about] .hero-action-row,.app-shell[data-view=about] .hero-cta-btn{display:none!important}.app-shell[data-view=about] .hero-visual-pane,.app-shell[data-view=about] .hero-cover-container,.app-shell[data-view=about] .hero-title{cursor:default!important}.app-shell[data-view=about] .hero-cover-container:hover{transform:none!important;box-shadow:0 10px 30px #0000000d!important;border-color:var(--color-hairline)!important}.app-shell[data-view=about] .hero-cover-container.dual-cover:hover .hero-mockup-left,.app-shell[data-view=about] .hero-cover-container.dual-cover:hover .hero-mockup-right{transform:none!important}.app-shell[data-view=about] .hero-badge-overlay{display:none!important}.site-gutter{grid-area:gutter;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:var(--color-canvas);position:relative;z-index:30;height:100%}.gutter-dock-section{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-md) 0 var(--space-lg);transform:translateY(-24px);box-sizing:border-box}.deck-switch-btn{display:inline-flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent;border:none;padding:4px}.deck-switch-label{display:inline-block;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-family:var(--font-mono);font-size:.94rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-secondary);text-align:center;cursor:pointer}.deck-toggle-box{width:14px;height:14px;border:1.5px solid var(--color-accent);background-color:transparent;border-radius:2px;box-sizing:border-box;transition:background-color var(--duration-fast) var(--ease-mechanical),border-color var(--duration-fast) var(--ease-mechanical),transform var(--duration-fast) var(--ease-mechanical)}.deck-toggle-box.active{background-color:var(--color-accent);border-color:var(--color-accent)}.deck-switch-btn:hover .deck-toggle-box:not(.active){border-color:var(--color-accent-hover);background-color:var(--color-accent-soft)}.deck-switch-btn:active .deck-toggle-box{transform:scale(.92)}.site-dock{grid-area:dock;display:flex;flex-direction:column;justify-content:flex-start;background:var(--color-canvas);position:relative;z-index:20;overflow:hidden;padding-bottom:var(--space-xs)}.dock-controls-bar{display:flex;align-items:center;justify-content:flex-start;height:38px;padding:0 0 0 var(--space-xl);width:100%;gap:var(--space-md);overflow:visible}.dock-meta-row{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-md);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-ink-muted);letter-spacing:var(--tracking-widest);text-transform:uppercase;flex:0 0 264px;width:264px;max-width:264px;white-space:nowrap;overflow:hidden;box-sizing:border-box}.dock-meta-row .dock-meta-item:first-child{flex:0 0 78px}.dock-meta-row .dock-meta-item:last-child{flex:1;overflow:hidden;text-overflow:ellipsis}.dock-meta-row .dock-meta-val{color:var(--color-ink);font-weight:600}.progress-track{width:clamp(140px,18vw,240px);flex:0 0 clamp(140px,18vw,240px);margin-left:auto;height:1px;background-color:var(--color-hairline);position:relative}.progress-fill{position:absolute;top:-1px;left:0;height:2px;background-color:var(--color-accent);transition:width .52s var(--ease-smooth)}.dock-controls-right{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0;overflow:visible;margin-left:var(--space-sm)}.dock-index-counter{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink);letter-spacing:var(--tracking-wide);font-variant-numeric:tabular-nums;flex-shrink:0}.dock-index-counter .current{font-weight:700;color:var(--color-accent)}.dock-face-widget{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;overflow:visible;padding-top:2px}.dock-face-eyes{display:flex;align-items:center;gap:5px}.dock-nav-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--color-hairline-dark);background:var(--color-surface-pure);color:var(--color-ink);padding:0;cursor:pointer;position:relative;overflow:hidden;transition:color var(--duration-fast) var(--ease-mechanical)}.dock-nav-btn:hover:not(:disabled){background:var(--color-surface-pure);color:var(--color-accent)}.dock-nav-btn .btn-icon-open,.dock-nav-btn .btn-icon-wink{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dock-nav-btn .btn-icon-open{display:flex}.dock-nav-btn .btn-icon-wink{display:none}.dock-nav-btn.winking,.dock-nav-btn:disabled{opacity:1;cursor:default;border-color:var(--color-hairline-dark);background:var(--color-canvas-subtle);color:var(--color-ink)}.dock-nav-btn.winking .btn-icon-open,.dock-nav-btn:disabled .btn-icon-open{display:none}.dock-nav-btn.winking .btn-icon-wink,.dock-nav-btn:disabled .btn-icon-wink{display:flex}.dock-nav-btn svg{width:13px;height:13px}.dock-nav-btn .btn-icon-wink svg{width:14px;height:14px}.dock-face-mouth{display:flex;align-items:center;justify-content:center;width:100%;height:8px;margin-top:1px;color:var(--color-ink-muted)}.dock-face-mouth svg{width:20px;height:8px}.carousel-viewport{position:relative;width:100%;overflow:visible;padding:16px 0 10px var(--space-xl);margin-top:-8px;transition:opacity .28s var(--ease-smooth),transform .36s var(--ease-smooth);opacity:1}.app-shell.deck-collapsed .carousel-viewport{opacity:0;pointer-events:none;transform:translateY(16px)}.carousel-track{display:flex;gap:8px;transition:transform .52s var(--ease-smooth);will-change:transform}.carousel-card{flex:0 0 264px;height:168px;background:var(--color-canvas-subtle);border:1px solid var(--color-hairline);position:relative;cursor:pointer;overflow:hidden;padding:0;transition:transform .42s var(--ease-smooth),border-color .32s var(--ease-smooth),box-shadow .42s var(--ease-smooth);box-shadow:var(--shadow-dock-card);-webkit-user-select:none;user-select:none}.carousel-card:hover{border-color:var(--color-hairline-dark);box-shadow:var(--shadow-dock-active)}.carousel-card.active,.carousel-card.active:hover{z-index:10;border-color:var(--color-accent);box-shadow:none}.card-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:#e5e2da}.card-media.card-media-white{background:var(--color-surface-pure)!important}.card-text-showcase{width:100%;height:100%;background:var(--color-surface-pure);display:flex;align-items:center;justify-content:center;padding:var(--space-md);box-sizing:border-box}.card-text-word{font-family:var(--font-sans);font-size:1.65rem;font-weight:700;letter-spacing:-.02em;color:var(--color-ink);text-align:center;-webkit-user-select:none;user-select:none;transition:transform var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth)}.carousel-card:hover .card-text-word{transform:scale(1.05)}.card-media .card-full-img{width:100%;height:100%;object-fit:cover;padding:0;border:none;filter:grayscale(100%) contrast(105%);transition:filter .38s var(--ease-smooth),transform .45s var(--ease-smooth)}.card-media img[src*=keyboard]{object-fit:contain;padding:24px 14px;box-sizing:border-box;background:var(--color-surface-pure);filter:none!important}.carousel-card:hover .card-media .card-full-img,.carousel-card.active .card-media .card-full-img{filter:grayscale(0%) contrast(100%)}.carousel-card:hover .card-media .card-full-img{transform:scale(1.05)}.card-dual-showcase{background:#127299;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px;filter:grayscale(100%);transition:filter .38s var(--ease-smooth)}.card-dual-showcase .mockup-img{width:auto;height:90%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35));transition:transform .45s var(--ease-smooth)}.carousel-card:hover .card-dual-showcase,.carousel-card.active .card-dual-showcase{filter:grayscale(0%)}.carousel-card:hover .card-dual-showcase .mockup-left{transform:translateY(-3px) scale(1.04)}.carousel-card:hover .card-dual-showcase .mockup-right{transform:translateY(3px) scale(1.04)}.card-hover-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px 14px 12px;background:linear-gradient(180deg,#0000,#111111b8 45%,#111111f0);display:flex;flex-direction:column;gap:2px;opacity:0;transform:translateY(6px);transition:opacity .28s var(--ease-smooth),transform .28s var(--ease-smooth);z-index:5;pointer-events:none}.carousel-card:hover .card-hover-overlay,.carousel-card:focus-visible .card-hover-overlay{opacity:1;transform:translateY(0)}.card-hover-title{font-family:var(--font-sans);font-size:var(--text-base);font-weight:700;letter-spacing:var(--tracking-tight);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.card-hover-subtitle{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;color:#ffffffd1;letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;background:radial-gradient(ellipse at center,#1816137a,#0e0d0cc2);backdrop-filter:blur(8px) brightness(.82) saturate(105%);-webkit-backdrop-filter:blur(8px) brightness(.82) saturate(105%);z-index:1000;display:flex;align-items:center;justify-content:center;padding:clamp(16px,2.8vw,40px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s cubic-bezier(.19,1,.22,1),visibility .32s cubic-bezier(.19,1,.22,1)}.inspector-backdrop.active{opacity:1;visibility:visible;pointer-events:auto}.inspector-window{width:100%;max-width:1540px;height:100%;max-height:94vh;background:var(--color-surface-pure);border:1px solid var(--color-hairline-dark);border-radius:4px;box-shadow:0 24px 64px #00000047,0 4px 16px #0000001f,0 0 0 1px #00000014;display:flex;flex-direction:column;opacity:0;transform:translateY(18px) scale(.975);transition:transform .38s cubic-bezier(.19,1,.22,1),opacity .32s cubic-bezier(.19,1,.22,1);position:relative;overflow:hidden;z-index:1001;will-change:transform,opacity}.inspector-window.maximized{max-width:none;max-height:none;width:calc(100vw - 24px);height:calc(100vh - 24px)}.inspector-backdrop.active .inspector-window{opacity:1;transform:translateY(0) scale(1)}.inspector-topbar{height:48px;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);border-bottom:1px solid var(--color-hairline-dark);background:var(--color-canvas);gap:var(--space-sm)}.inspector-mode-tabs{display:flex;align-items:center;gap:2px;background:var(--color-canvas-subtle);border:1px solid var(--color-hairline-dark);padding:2px}.inspector-mode-btn{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:600;padding:5px 14px;color:var(--color-ink-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-mechanical)}.inspector-mode-btn.active{background-color:var(--color-ink);color:#fff}.inspector-mode-btn:hover:not(.active){color:var(--color-ink)}.inspector-topbar-tools{display:flex;align-items:center;gap:var(--space-xs)}.inspector-close-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--color-hairline-dark);background:transparent;color:var(--color-ink);cursor:pointer;transition:all var(--duration-fast) var(--ease-mechanical)}.inspector-close-btn:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.inspector-close-btn svg{width:14px;height:14px}.inspector-main-content{flex:1;display:flex;position:relative;overflow:hidden}.inspector-pdf-view{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-surface-pure);position:absolute;top:0;left:0;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-mechanical);overflow:hidden}.inspector-pdf-view.active{opacity:1;pointer-events:auto;position:relative}.inspector-slides-scroll{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background:var(--color-surface-pure);display:flex;flex-direction:column;align-items:center;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:0}.inspector-slides-container{width:100%;max-width:100%;display:flex;flex-direction:column;box-shadow:none;background:transparent;margin:0;padding:0;gap:0;line-height:0;font-size:0}.inspector-slide-img{width:100%;height:auto;display:block;vertical-align:top;border:none;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.inspector-pdf-frame{width:100%;height:100%;border:none;background:#333}.inspector-3d-view{width:100%;height:100%;display:flex;flex-direction:column;background:#15181e;position:absolute;top:0;left:0;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-mechanical);overflow:hidden}.inspector-3d-view.active{opacity:1;pointer-events:auto;position:relative}.inspector-3d-viewport-full{width:100%;height:100%;position:relative;cursor:grab}.inspector-3d-viewport-full:active{cursor:grabbing}.inspector-video-view{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0e1014;position:absolute;top:0;left:0;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-mechanical);overflow:hidden}.inspector-video-view.active{opacity:1;pointer-events:auto;position:relative}.inspector-video-player{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;outline:none;background:#000}.inspector-github-view{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-surface-pure);position:absolute;top:0;left:0;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-mechanical);overflow:hidden}.inspector-github-view.active{opacity:1;pointer-events:auto;position:relative}.github-repo-header{height:38px;min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);background:var(--color-canvas-subtle);border-bottom:1px solid var(--color-hairline)}.github-repo-info{display:flex;align-items:center;gap:var(--space-sm)}.github-icon-octo{color:var(--color-ink);flex-shrink:0}.github-repo-name{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;color:var(--color-ink);letter-spacing:var(--tracking-wide)}.github-badge-tag{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.08em;padding:2px 6px;background:var(--color-surface-pure);border:1px solid var(--color-hairline);color:var(--color-ink-secondary)}.inspector-github-external-btn{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;color:var(--color-accent);text-decoration:none;letter-spacing:var(--tracking-wide);padding:3px 8px;border:1px solid var(--color-accent);transition:all var(--duration-fast) var(--ease-mechanical)}.inspector-github-external-btn:hover{background:var(--color-accent);color:#fff}.github-readme-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-xl) var(--space-2xl);background:var(--color-surface-pure);position:relative}.github-readme-body{width:100%;max-width:1100px;margin:0 auto;font-family:var(--font-sans);color:var(--color-ink);line-height:1.7}.github-readme-body h1,.github-readme-body h2,.github-readme-body h3,.github-readme-body h4{font-family:var(--font-sans);font-weight:600;color:var(--color-ink);line-height:1.3}.github-readme-body h1{font-size:28px;font-weight:700;border-bottom:1px solid var(--color-hairline);padding-bottom:12px;margin-top:8px;margin-bottom:20px;letter-spacing:-.02em}.github-readme-body h2{font-size:22px;border-bottom:1px solid var(--color-hairline);padding-bottom:8px;margin-top:36px;margin-bottom:16px;letter-spacing:-.01em}.github-readme-body h3{font-size:18px;margin-top:28px;margin-bottom:12px}.github-readme-body p{margin-top:0;margin-bottom:16px;font-size:15px;color:var(--color-ink-secondary)}.github-readme-body a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.github-readme-body a:hover{color:var(--color-ink)}.github-readme-body ul,.github-readme-body ol{margin-top:0;margin-bottom:20px;padding-left:24px}.github-readme-body li{margin-bottom:8px;font-size:15px;color:var(--color-ink-secondary);line-height:1.7}.github-readme-body code{font-family:var(--font-mono);font-size:13.5px;background:var(--color-canvas-subtle);border:1px solid var(--color-hairline);padding:2px 7px;color:var(--color-ink)}.github-readme-body pre{background:var(--color-canvas-subtle);border:1px solid var(--color-hairline);padding:var(--space-md) var(--space-lg);overflow-x:auto;margin-bottom:20px}.github-readme-body pre code{background:transparent;border:none;padding:0;font-size:13.5px;line-height:1.6}.github-readme-body blockquote{margin:20px 0;padding:12px 20px;border-left:3px solid var(--color-ink);background:var(--color-canvas-subtle);color:var(--color-ink-secondary);font-style:italic;font-size:15px}.github-readme-body table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:14px;font-family:var(--font-mono)}.github-readme-body th,.github-readme-body td{border:1px solid var(--color-hairline);padding:10px 16px;text-align:left}.github-readme-body th{background:var(--color-canvas-subtle);font-weight:600;color:var(--color-ink)}.github-readme-body img{max-width:100%;height:auto;border:1px solid var(--color-hairline)}.github-readme-loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);background:var(--color-surface-pure);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-ink-secondary);letter-spacing:var(--tracking-wide);z-index:10}.github-readme-fallback{text-align:center;padding:60px 20px}.github-readme-fallback-title{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-wide);color:var(--color-ink);margin-bottom:8px}.github-readme-fallback-desc{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-ink-muted)}.inspector-live-view{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-surface-pure);position:absolute;top:0;left:0;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-mechanical);overflow:hidden}.inspector-live-view.active{opacity:1;pointer-events:auto;position:relative}.inspector-live-header{height:38px;min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);background:var(--color-canvas-subtle);border-bottom:1px solid var(--color-hairline)}.live-nav-controls{display:flex;align-items:center;gap:var(--space-sm)}.live-reload-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:var(--color-surface-pure);border:1px solid var(--color-hairline);color:var(--color-ink-secondary);border-radius:2px;cursor:pointer;transition:all var(--duration-fast) var(--ease-mechanical)}.live-reload-btn:hover{background:var(--color-ink);color:#fff;border-color:var(--color-ink)}.live-reload-btn:active{transform:scale(.92)}.live-reload-btn svg{transition:transform var(--duration-fast) var(--ease-mechanical)}.live-reload-btn:hover svg{transform:rotate(90deg)}.live-url-display{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-ink-secondary);letter-spacing:var(--tracking-wide)}.inspector-live-external-btn{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;color:var(--color-accent);text-decoration:none;letter-spacing:var(--tracking-wide);padding:3px 8px;border:1px solid var(--color-accent);transition:all var(--duration-fast) var(--ease-mechanical)}.inspector-live-external-btn:hover{background-color:var(--color-accent);color:#fff}.inspector-live-frame-wrap{flex:1;position:relative;width:100%;height:calc(100% - 38px);background:var(--color-surface-pure)}.inspector-live-frame{width:100%;height:100%;border:none;display:block}.inspector-live-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);background:var(--color-surface-pure);z-index:10;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-widest);color:var(--color-ink-muted)}.live-loader-bar{width:120px;height:2px;background:var(--color-hairline);position:relative;overflow:hidden}.live-loader-bar:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:var(--color-accent);animation:live-loader-slide 1.2s infinite ease-in-out}@keyframes live-loader-slide{0%{left:-40%}to{left:100%}}.inspector-split-view{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;position:absolute;top:0;left:0;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-mechanical)}.inspector-split-view.active{opacity:1;pointer-events:auto;position:relative}.inspector-media{border-right:1px solid var(--color-hairline);background:#edeae1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.inspector-media.model3d-inspector{background:radial-gradient(circle at center,#22201d,#131211);cursor:grab}.inspector-media.model3d-inspector:active{cursor:grabbing}.inspector-3d-viewport{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.inspector-media.dual-media{background:#127299;display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl)}.inspector-media.dual-media .inspector-dual-img{max-height:85%;width:auto;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4));transition:transform var(--duration-fast) var(--ease-mechanical)}.inspector-media.dual-media:hover .inspector-dual-img{transform:scale(1.02)}.inspector-media img:not(.inspector-dual-img){width:100%;height:100%;object-fit:contain;padding:var(--space-lg)}.inspector-media-badge{position:absolute;bottom:var(--space-md);left:var(--space-md);padding:2px 6px;background:var(--color-ink);color:#fff;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.05em}.inspector-details{padding:var(--space-lg);display:flex;flex-direction:column;overflow-y:auto;gap:var(--space-md);background:var(--color-surface-pure)}.inspector-meta-row{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--color-hairline);padding-bottom:var(--space-xs)}.inspector-meta-label{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-ink-muted)}.inspector-meta-val{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-ink)}.inspector-title-block{margin-top:var(--space-xs)}.inspector-num{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-2xs);font-variant-numeric:tabular-nums}.inspector-title{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:700;line-height:1.15;letter-spacing:var(--tracking-tighter);color:var(--color-ink)}.inspector-subtitle{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-ink-secondary);letter-spacing:var(--tracking-normal);margin-top:var(--space-2xs)}.inspector-specs-table{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);padding:var(--space-sm) 0;border-top:1px solid var(--color-hairline);border-bottom:1px solid var(--color-hairline)}.spec-cell{display:flex;flex-direction:column}.spec-k{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-widest);color:var(--color-ink-muted);text-transform:uppercase}.spec-v{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-ink);margin-top:2px}.inspector-body{font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.65;color:var(--color-ink-secondary);flex:1}.inspector-actions{display:flex;align-items:center;gap:var(--space-md);margin-top:auto;padding-top:var(--space-sm)}.inspector-primary-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:8px 16px;background-color:var(--color-ink);color:#fff;font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);font-weight:600;border:1px solid var(--color-ink);transition:all var(--duration-fast) var(--ease-mechanical)}.inspector-primary-btn:hover{background-color:var(--color-accent);border-color:var(--color-accent)}.inspector-steam-view{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-surface-pure);position:absolute;top:0;left:0;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-mechanical);overflow-y:auto;padding:var(--space-xl);box-sizing:border-box}.inspector-steam-view.active{opacity:1;pointer-events:auto;position:relative}.steam-dossier-layout{max-width:860px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg)}.steam-widget-wrap{width:100%;background:#171a21;border:1px solid var(--color-hairline-dark);border-radius:4px;overflow:hidden;box-shadow:0 4px 16px #0000001a}.steam-widget-frame{width:100%;height:190px;border:none;display:block}.steam-action-bar{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.steam-wishlist-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:10px 20px;background-color:var(--color-accent);color:#fff;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);font-weight:700;border:1px solid var(--color-accent);text-decoration:none;transition:all var(--duration-fast) var(--ease-mechanical);cursor:pointer}.steam-wishlist-btn:hover{background-color:var(--color-ink);border-color:var(--color-ink)}.steam-secondary-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:10px 18px;background-color:transparent;color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);font-weight:600;border:1px solid var(--color-hairline-dark);text-decoration:none;transition:all var(--duration-fast) var(--ease-mechanical)}.steam-secondary-btn:hover{border-color:var(--color-ink);background-color:var(--color-canvas-subtle)}.steam-synopsis-box{border-top:1px solid var(--color-hairline);padding-top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.steam-synopsis-tag{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.16em;font-weight:700;color:var(--color-accent);text-transform:uppercase}.steam-synopsis-body{font-family:var(--font-sans);font-size:var(--text-md);line-height:1.7;color:var(--color-ink)}.contact-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;background:radial-gradient(ellipse at center,#18161385,#0e0d0cd1);backdrop-filter:blur(8px) brightness(.85);-webkit-backdrop-filter:blur(8px) brightness(.85);z-index:1050;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,32px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s cubic-bezier(.19,1,.22,1),visibility .28s cubic-bezier(.19,1,.22,1)}.contact-modal-backdrop.active{opacity:1;visibility:visible;pointer-events:auto}.contact-modal-window{width:100%;max-width:clamp(580px,64vw,720px);background:var(--color-surface-pure, #FFFFFF);border:1px solid var(--color-hairline-dark, rgba(17, 17, 17, .18));border-radius:4px;box-shadow:0 28px 64px #00000047,0 6px 20px #0000001a;display:flex;flex-direction:column;position:relative;overflow:hidden;opacity:0;transform:translateY(14px) scale(.98);transition:transform .32s cubic-bezier(.19,1,.22,1),opacity .28s cubic-bezier(.19,1,.22,1);will-change:transform,opacity}.contact-modal-backdrop.active .contact-modal-window{opacity:1;transform:translateY(0) scale(1)}.contact-modal-topbar{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);border-bottom:1px solid var(--color-hairline);background:var(--color-surface, #FBF9F5);-webkit-user-select:none;user-select:none}.contact-status-tag{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink)}.contact-close-btn{background:transparent;border:none;color:var(--color-ink-muted);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:all var(--duration-fast) var(--ease-mechanical)}.contact-close-btn:hover{color:var(--color-ink);background:#1111110f}.contact-form{padding:clamp(24px,3.2vh,36px) clamp(24px,3.2vw,36px);display:flex;flex-direction:column;gap:clamp(14px,2vh,18px);position:relative;background:var(--color-surface-pure, #FFFFFF)}.contact-field-row{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:var(--space-md)}.contact-field-label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-muted, #76746E)}.contact-to-chip{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface, #FBF9F5);border:1px solid var(--color-hairline);border-radius:2px;padding:8px 12px}.contact-to-address{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;letter-spacing:-.01em;color:var(--color-ink)}.contact-copy-btn{background:transparent;border:1px solid var(--color-hairline-dark);font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:2px;color:var(--color-ink-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-mechanical)}.contact-copy-btn:hover{color:var(--color-ink);border-color:var(--color-ink);background:#fff}.contact-input{width:100%;box-sizing:border-box;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-ink);background:var(--color-surface-pure, #FFFFFF);border:1px solid var(--color-hairline);border-radius:2px;padding:9px 12px;transition:border-color var(--duration-fast) var(--ease-mechanical),box-shadow var(--duration-fast) var(--ease-mechanical)}.contact-input:focus{border-color:var(--color-accent, #FF4500);outline:none;box-shadow:0 0 0 2px #ff45001f}.contact-field-area{display:flex;flex-direction:column;gap:var(--space-xs)}.contact-area-header{display:flex;align-items:center;justify-content:space-between}.contact-char-count{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--color-ink-muted)}.contact-textarea{width:100%;box-sizing:border-box;font-family:var(--font-mono);font-size:13px;line-height:1.65;color:var(--color-ink);background:var(--color-surface, #FBF9F5);border:1px solid var(--color-hairline);border-radius:2px;padding:12px 14px;resize:vertical;min-height:150px;max-height:260px;transition:border-color var(--duration-fast) var(--ease-mechanical),box-shadow var(--duration-fast) var(--ease-mechanical)}.contact-textarea:focus{border-color:var(--color-accent, #FF4500);outline:none;background:#fff;box-shadow:0 0 0 2px #ff45001f}.contact-modal-footer{display:flex;align-items:center;justify-content:flex-end;padding-top:var(--space-sm)}.contact-submit-btn{font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--color-accent, #FF4500);color:#fff;border:1px solid transparent;border-radius:2px;padding:10px 24px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--duration-fast) var(--ease-mechanical)}.contact-submit-btn:hover{background:#e03e00;box-shadow:0 4px 16px #ff450059;transform:translateY(-1px)}.contact-submit-btn:active{transform:translateY(0);background:#c23300}.contact-feedback-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);text-align:center;z-index:20}.feedback-badge{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.feedback-icon{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--color-accent, #FF4500)}.feedback-title{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink)}.feedback-desc{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-ink-secondary);margin:0;max-width:280px}