.card-image,.mobile-menu-btn,.nav-links,.toggle-btn{transform:translateZ(0);will-change:transform}:root{--text-primary:#1a1a1a;--text-secondary:#666;--text-light:#999;--bg-primary:#fff;--bg-secondary:#fafafa;--border-color:#e8e8e8;--accent-color:#1a1a1a;--shadow-subtle:0 2px 8px rgba(0,0,0,.04);--shadow-medium:0 4px 16px rgba(0,0,0,.08);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:400;letter-spacing:-.01em;line-height:1.6}p{color:#1a1a1a;font-size:1.15rem;font-weight:500;line-height:1.7;margin-bottom:1.25rem}span{color:#0d0d0d;font-weight:450}section{opacity:.9}section h2{color:var(--text-secondary);font-size:1.35rem;font-weight:400;opacity:.8}.container{margin:0 auto;max-width:1200px;padding:0 3rem}.header{backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(248,250,252,.9));border-bottom:1px solid hsla(0,0%,100%,.3);box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.6),0 2px 20px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.header:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.nav{display:flex;justify-content:space-between;padding:1.25rem 3rem}.logo,.nav{align-items:center;position:relative}.logo{backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(248,250,252,.8));border:1px solid hsla(0,0%,100%,.4);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.05);display:inline-flex;margin-left:-1rem;overflow:hidden;padding:.75rem 1rem;text-decoration:none}.logo,.logo:before{transition:all .3s cubic-bezier(.4,0,.2,1)}.logo:before{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0}.logo:hover{box-shadow:0 8px 25px rgba(0,0,0,.12),0 3px 8px rgba(0,0,0,.08);transform:translateY(-2px)}.logo:hover:before{opacity:.05}.logo-img{display:block;height:32px;-o-object-fit:contain;object-fit:contain;position:relative;width:auto;z-index:1}.nav-links{display:flex;gap:.5rem;list-style:none;margin-right:-1rem}.nav-links a{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);border-radius:12px;color:rgba(0,0,0,.7);font-size:.95rem;font-weight:500;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-decoration:none}.nav-links a,.nav-links a:before{transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-links a:before{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(.8)}.nav-links a:hover:before{opacity:.1;transform:scale(1)}.nav-links a:hover{background:hsla(0,0%,100%,.6);box-shadow:0 4px 12px rgba(0,0,0,.08);color:var(--primary-color);text-shadow:0 1px 2px hsla(0,0%,100%,.8);transform:translateY(-1px)}.mobile-menu-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:center;margin-right:-8px;padding:8px;position:relative;transition:var(--transition);width:40px;z-index:1001}.mobile-menu-btn:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1)}.hamburger-line{background:rgba(0,0,0,.8);border-radius:2px;box-shadow:0 0 4px hsla(0,0%,100%,.3);height:2px;margin:2px 0;transition:all .3s ease;width:24px}.mobile-menu-btn.active .hamburger-line:first-child{background:#ff4757;box-shadow:0 0 8px rgba(255,71,87,.4);height:3px;transform:rotate(45deg) translate(5px,5px);width:20px}.mobile-menu-btn.active .hamburger-line:nth-child(2){opacity:0;transform:scale(0)}.mobile-menu-btn.active .hamburger-line:nth-child(3){background:#ff4757;box-shadow:0 0 8px rgba(255,71,87,.4);height:3px;transform:rotate(-45deg) translate(5px,-5px);width:20px}.mobile-menu-btn.active:hover .hamburger-line:first-child{background:#ff3742;box-shadow:0 0 12px rgba(255,71,87,.6);transform:scale(1.1) rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active:hover .hamburger-line:nth-child(3){background:#ff3742;box-shadow:0 0 12px rgba(255,71,87,.6);transform:scale(1.1) rotate(-45deg) translate(5px,-5px)}.breadcrumb{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(0,0%,100%,.8),rgba(248,250,252,.9));border:1px solid rgba(0,0,0,.05);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);margin-bottom:3rem;overflow:hidden;padding:1rem 0;position:relative}.breadcrumb:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.breadcrumb-list{color:rgba(0,0,0,.6);font-size:.875rem;list-style:none;margin:0;padding:0 1.5rem}.breadcrumb-item,.breadcrumb-list{align-items:center;display:flex;position:relative}.breadcrumb-item:not(:last-child):after{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;content:"";height:6px;margin:0 1rem;opacity:.6;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:6px}.breadcrumb-item:not(:last-child):hover:after{box-shadow:0 0 8px rgba(var(--primary-color-rgb),.3);opacity:1;transform:scale(1.2)}.breadcrumb-link{align-items:center;color:rgba(0,0,0,.6);display:inline-flex;font-weight:500;gap:.25rem;padding:.5rem .75rem;position:relative;text-decoration:none}.breadcrumb-link,.breadcrumb-link:before{border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.breadcrumb-link:before{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(.8)}.breadcrumb-link:hover:before{opacity:.1;transform:scale(1)}.breadcrumb-link:hover{color:var(--primary-color);text-shadow:0 1px 2px rgba(0,0,0,.1);transform:translateY(-1px)}.breadcrumb-item.active .breadcrumb-text{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.1),rgba(var(--secondary-color-rgb),.1));border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:8px;color:rgba(0,0,0,.8);font-weight:600;padding:.5rem .75rem;position:relative}.breadcrumb-item.active .breadcrumb-text:before{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:7px;bottom:0;content:"";left:0;opacity:.05;position:absolute;right:0;top:0}.main{padding:4rem 3rem 6rem}.card-layout{align-items:start;display:grid;gap:6rem;grid-template-columns:400px 1fr;padding:0 1.5rem}.card-image-container{position:-webkit-sticky;position:sticky;top:8rem}.card-image{border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.15),0 8px 16px rgba(0,0,0,.1);cursor:pointer;height:auto;-o-object-fit:cover;object-fit:cover;transition:var(--transition);width:100%}.card-image.upright{transform:rotate(0deg) scale(1)}.card-image.reversed{transform:rotate(180deg) scale(1)}.card-image.upright:hover{transform:rotate(0deg) translateY(-8px) scale(1.02)}.card-image.reversed:hover,.card-image.upright:hover{box-shadow:0 32px 64px rgba(0,0,0,.2),0 16px 32px rgba(0,0,0,.15)}.card-image.reversed:hover{transform:rotate(180deg) translateY(-8px) scale(1.02)}.card-image.upright:active{transform:rotate(0deg) translateY(-4px) scale(1.01);transition:transform .1s ease}.card-image.reversed:active{transform:rotate(180deg) translateY(-4px) scale(1.01);transition:transform .1s ease}.card-image.scaling{transform:rotate(90deg) scale(.3)}.card-header{margin-bottom:3rem}.card-number{color:var(--text-light);font-size:.875rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.card-title{color:var(--text-primary);font-size:3rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:1rem}.card-subtitle{color:var(--text-secondary);font-size:1.125rem;font-weight:400}.meta-grid{background:var(--bg-secondary);border-radius:12px;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:4rem;padding:2rem}.meta-item{display:flex;flex-direction:column;gap:.5rem}.meta-label{color:var(--text-light);font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.meta-value{color:var(--text-primary);font-size:1rem;font-weight:500}.overview{margin-bottom:4rem}.section-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:1.5rem}.overview-text{color:var(--text-secondary);font-size:1.125rem;line-height:1.7}.position-toggle{background:var(--bg-secondary);border-radius:8px;display:flex;margin-bottom:2rem;overflow:hidden;padding:4px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.position-toggle:before{background:var(--bg-primary);border-radius:6px;box-shadow:var(--shadow-subtle);content:"";height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 4px);z-index:1}.position-toggle.reversed:before{transform:translateX(100%)}.toggle-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;justify-content:center;min-height:48px;min-width:80px;padding:.75rem 1.5rem;position:relative;text-align:center;transition:color .3s cubic-bezier(.4,0,.2,1);z-index:2}.toggle-btn:active{transform:translateY(0);transition:transform .1s ease}.toggle-btn.active{color:var(--text-primary)}.interpretation-container{min-height:400px;position:relative;transition:min-height .3s ease}.interpretation{left:0;opacity:0;position:absolute;right:0;top:0;transform:translateY(20px);transition:all .4s ease;visibility:hidden}.interpretation.active{opacity:1;position:relative;transform:translateY(0);visibility:visible}.quote{border-left:2px solid var(--text-secondary);font-style:italic;line-height:1.6;margin-bottom:2rem;padding-left:1.5rem}.quote,blockquote{color:var(--text-secondary);font-size:1.05rem;opacity:.85}blockquote{font-weight:400}.keywords{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.keyword{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:#333;font-size:.875rem;font-weight:550;padding:.5rem 1rem;transition:var(--transition)}.keyword:hover{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.interpretation-text{color:#2a2a2a;font-size:1.125rem;font-weight:450;line-height:1.7}.interpretation-text:first-letter{color:#0a0a0a;float:left;font-family:Georgia,Times New Roman,serif;font-size:2.2rem;font-weight:700;line-height:.8;margin-bottom:-.1rem;margin-right:.08rem;margin-top:.05rem;padding-right:.02rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.numerology{background:var(--bg-secondary);border-radius:12px;margin-top:4rem;opacity:.75;padding:2rem}.numerology-text{color:var(--text-secondary);font-size:1rem;font-style:italic;line-height:1.7;opacity:.8}@media (max-width:1024px){.container{padding:0 2.5rem}.nav{padding:1rem 2.5rem}.card-layout{gap:4rem}.card-title{font-size:2.75rem}}@media (max-width:768px){.container{padding:0 2rem}.header{backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6)}.nav{padding:1rem 2rem}.logo{margin-left:-.4rem;padding:.4rem}.logo-img{height:28px}.mobile-menu-btn{display:flex}.nav-links{align-items:center;backdrop-filter:blur(40px) saturate(2) brightness(1.1);-webkit-backdrop-filter:blur(40px) saturate(2) brightness(1.1);background:hsla(0,0%,100%,.98);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 0 60px hsla(0,0%,100%,.3),inset 0 1px 0 hsla(0,0%,100%,.4);flex-direction:column;gap:2rem;height:100vh;justify-content:center;left:0;list-style:none;margin:0;padding:0;position:fixed;top:0;transform:translateX(-100%);transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.nav-links.active{transform:translateX(0)}.nav-links li{margin:0}.nav-links a{backdrop-filter:blur(15px) saturate(1.5);-webkit-backdrop-filter:blur(15px) saturate(1.5);background:hsla(0,0%,100%,.6);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.5);color:rgba(0,0,0,.8);font-size:1.5rem;font-weight:500;padding:1rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-links a:hover{backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.5);box-shadow:0 8px 32px rgba(0,0,0,.15),0 4px 16px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.7);color:rgba(0,0,0,.9);transform:scale(1.05) translateY(-2px)}.main{padding:1.5rem 2rem 3rem}.card-layout{gap:2.5rem;grid-template-columns:1fr;padding:0 .5rem}.card-image-container{margin:0 auto;max-width:280px;order:-1;position:static}.card-content{text-align:center}.card-header{margin-bottom:2rem}.card-number{font-size:.8rem}.card-title{font-size:2.25rem;margin-bottom:.75rem}.card-subtitle{font-size:1rem}.meta-grid{gap:1.25rem;grid-template-columns:1fr;margin:1.5rem 0;padding:1.25rem}.meta-item{padding:1rem;text-align:center}.meta-label{font-size:.8rem;margin-bottom:.5rem}.meta-value{font-size:.95rem}.position-toggle{margin:2rem 0;width:100%}.toggle-btn{flex:1;font-size:.9rem;padding:.875rem 1.5rem;text-align:center}.description{font-size:.95rem;line-height:1.6;padding:0 .5rem}}@media (max-width:480px){.container{padding:0 1.5rem}.nav{padding:.75rem 1.5rem}.logo{margin-left:-.3rem;padding:.3rem}.logo-img{height:24px}.main{padding:1rem 1rem 2rem}.card-layout{gap:2rem}.card-image-container{max-width:240px}.card-image.upright:hover{transform:rotate(0deg) translateY(-4px) scale(1.01)}.card-image.reversed:hover{transform:rotate(180deg) translateY(-4px) scale(1.01)}.card-image.upright:active{transform:rotate(0deg) translateY(-2px) scale(1.005)}.card-image.reversed:active{transform:rotate(180deg) translateY(-2px) scale(1.005)}.card-title{font-size:1.875rem}.meta-grid{gap:1rem;padding:1rem}.meta-item{padding:.75rem}.toggle-btn{font-size:.85rem;padding:.75rem 1rem}.description{font-size:.9rem;padding:0}}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}