html,body{width:100%;height:100%;margin:0;padding:0;font-family:Chakra Petch,serif;font-size:1rem;color:#2d336b;overflow-x:hidden}.hero-neo{position:relative;height:100vh;width:100%;background:linear-gradient(135deg,#b6c4f8,#f0d9f6);display:flex;align-items:center;justify-content:center;z-index:10}.hero-accent{pointer-events:none;position:absolute;z-index:0}.hero-neo-content{text-align:center;z-index:5}.neo-title{font-size:4rem;font-weight:900;text-transform:uppercase}.neo-subtitle{font-size:1.2rem;font-weight:500;opacity:.85;margin-bottom:25px;letter-spacing:.01em}.neo-badges{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.neo-badge{display:inline-flex;background:white;padding:10px 22px;border:4px solid #2D336B;font-weight:800;font-size:1rem;box-shadow:6px 6px #2d336b;cursor:pointer;border-radius:100px;transition:transform .15s,box-shadow .15s}.neo-badge.clickable:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #2d336b}.neo-socials{display:flex;gap:8px;justify-content:center;margin-top:14px;flex-wrap:wrap}.neo-social-chip{font-family:Chakra Petch,serif;font-size:.72rem;font-weight:600;color:#2d336b;background:rgba(255,255,255,.35);border:1.5px solid rgba(45,51,107,.3);padding:4px 14px;border-radius:100px;text-decoration:none;letter-spacing:.04em;transition:background .2s}.neo-social-chip:hover{background:rgba(255,255,255,.6)}.hire-me-btn{position:absolute;bottom:2.5rem;right:2.5rem;font-family:Chakra Petch,serif;font-size:.85rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#faf9ff;background:#2D336B;border:3px solid #2D336B;padding:12px 22px;text-decoration:none;box-shadow:6px 6px #2d336b59;z-index:10;transition:box-shadow .15s,transform .15s}.hire-me-btn:hover{box-shadow:9px 9px #2d336b59}.photo-bubble{position:absolute;top:2rem;bottom:auto;left:2.5rem;width:220px;height:220px;border-radius:50% 50% 50% 40%/60% 60% 40% 50%;overflow:visible;cursor:pointer;z-index:10}.photo-bubble-img{width:100%;height:100%;object-fit:cover;border-radius:inherit;border:4px solid #2D336B;box-shadow:6px 6px #2d336b;display:block}.photo-bubble--placeholder .photo-bubble-img{display:none}.photo-bubble-placeholder-text{display:none;font-size:2.5rem;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;background:#E8D9FF;border-radius:inherit;border:4px solid #2D336B;box-shadow:6px 6px #2d336b}.photo-bubble--placeholder .photo-bubble-placeholder-text{display:flex}.photo-bubble-sticker{position:absolute;top:-12px;right:-16px;background:#ffd166;color:#4a2c00;font-family:Chakra Petch,serif;font-size:.6rem;font-weight:700;padding:4px 9px;border-radius:100px;border:2px solid #2D336B;white-space:nowrap;letter-spacing:.04em;pointer-events:none}.fullscreen-section{position:fixed;top:0;right:0;bottom:0;left:0;background:white;z-index:9999;overflow-y:auto;padding:40px 20px}.close-button{background:none;border:none;font-size:2.4rem;cursor:pointer;padding:0;line-height:1}.modal-inner{margin-top:40px}.neo-brutal-box{background:white;border:6px solid #2D336B;padding:40px;max-width:900px;margin:0 auto;box-shadow:12px 12px #2d336b;border-radius:0;transform:translate(-6px,-6px);box-sizing:border-box}.neo-brutal-box:hover{transform:translate(-10px,-10px);box-shadow:16px 16px #2d336b}.neo-brutal-box h1,.neo-brutal-box h2{font-weight:900;text-transform:uppercase;color:#2d336b}.neo-brutal-box p{font-size:1.1rem;line-height:1.6}.project-image-wrapper{text-align:center;margin:22px 0}.project-image{width:100%;max-width:420px;height:auto;border:4px solid #2D336B;box-shadow:8px 8px #2d336b}.project-link{margin-top:20px;display:inline-block;font-weight:900;color:#4b164c;text-decoration:none;border-bottom:3px solid #4B164C}.project-link:hover{opacity:.7}@media (max-width: 768px){.neo-block{position:absolute;top:30px;right:20px;width:90px;height:90px;border-width:4px;box-shadow:6px 6px #2d336b;margin:0}.neo-title{font-size:2.6rem}.neo-subtitle{font-size:1.1rem}.neo-badge{padding:8px 16px;font-size:.95rem;box-shadow:4px 4px #2d336b}.neo-brutal-box{max-width:100%;padding:22px;border-width:4px;transform:none;box-shadow:6px 6px #2d336b}.modal-inner{margin-top:20px}.project-image{max-width:100%;box-shadow:4px 4px #2d336b;margin:0 auto}.close-button{font-size:2.2rem}.photo-bubble{width:160px;height:160px;bottom:auto;left:1.2rem;top:1.2rem}.photo-bubble-sticker{font-size:.55rem;padding:3px 7px}}@media (max-width: 480px){.neo-title{font-size:2.2rem}.neo-subtitle{font-size:1rem}.neo-brutal-box{padding:16px;border-width:3px;box-shadow:4px 4px #2d336b}.neo-brutal-box h1{font-size:1.4rem}.neo-brutal-box p{font-size:.95rem}.project-image{box-shadow:3px 3px #2d336b}.photo-bubble{width:130px;height:130px;bottom:1rem;left:1rem;top:1rem;bottom:auto}.hire-me-btn{font-size:.75rem;padding:10px 16px;bottom:1.5rem;right:1rem}}.blog-page{background:#faf9ff;padding:0}.blog-header{background:linear-gradient(135deg,#b6c4f8,#f0d9f6);border-bottom:4px solid #2D336B;padding:36px 48px 40px;position:relative}.blog-tag{display:inline-block;font-family:Chakra Petch,serif;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#faf9ff;background:#2D336B;padding:4px 12px;margin-bottom:14px}.blog-title{font-family:Chakra Petch,serif;font-weight:900;font-size:clamp(2.6rem,6vw,4rem);text-transform:uppercase;color:#2d336b;line-height:1;margin-bottom:12px}.blog-subtitle{font-family:Chakra Petch,serif;font-size:.9rem;color:#4a4a7a;max-width:500px;line-height:1.6}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;padding:48px;max-width:1200px;margin:0 auto}.blog-card{position:relative;background:white;border:4px solid #2D336B;box-shadow:8px 8px #2d336b;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s;cursor:pointer;overflow:hidden}.blog-card:hover{box-shadow:12px 12px #2d336b}.blog-card-accent{height:8px;background:var(--card-color, #b6c4f8);border-bottom:3px solid #2D336B}.blog-card-inner{padding:24px;flex:1;display:flex;flex-direction:column;gap:10px}.blog-card-meta{display:flex;align-items:center;gap:10px}.blog-card-ep{font-family:Chakra Petch,serif;font-size:.65rem;font-weight:900;letter-spacing:.1em;color:#fff;background:#2D336B;padding:3px 8px}.blog-card-series{font-family:Chakra Petch,serif;font-size:.7rem;font-weight:600;color:#6b6b8a;text-transform:uppercase;letter-spacing:.05em}.blog-card-title{font-family:Chakra Petch,serif;font-weight:900;font-size:1.1rem;text-transform:uppercase;color:#2d336b;line-height:1.2;letter-spacing:.02em}.blog-card-excerpt{font-family:Chakra Petch,serif;font-size:.82rem;color:#4a4a7a;line-height:1.65;flex:1}.blog-card-footer{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding-top:12px;border-top:2px solid #2D336B}.blog-card-tags{display:flex;gap:6px;flex-wrap:wrap}.blog-card-tag{font-family:Chakra Petch,serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#2d336b;border:1.5px solid #2D336B;padding:2px 8px}.blog-card-info{font-family:Chakra Petch,serif;font-size:.72rem;color:#6b6b8a;display:flex;gap:6px}.blog-card-arrow{position:absolute;bottom:16px;right:18px;font-family:Chakra Petch,serif;font-size:1.2rem;font-weight:900;color:#2d336b;opacity:0;transition:opacity .15s,transform .15s}.blog-card:hover .blog-card-arrow{opacity:1;transform:translate(3px)}.blog-card--soon{opacity:.55;cursor:default;pointer-events:none}.blog-soon-badge{display:inline-block;font-family:Chakra Petch,serif;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#4a2c00;background:#ffd166;border:2px solid #2D336B;padding:4px 10px;margin-top:4px;align-self:flex-start}@media (max-width: 768px){.blog-header{padding:28px 24px 32px}.blog-grid{grid-template-columns:1fr;padding:28px 20px;gap:20px}}.blogpost-page{background:#faf9ff;overflow-y:auto;padding:0}.blogpost-nav{position:sticky;top:0;z-index:100;background:#faf9ff;border-bottom:3px solid #2D336B;padding:14px 40px;display:flex;justify-content:space-between;align-items:center}.blogpost-logo{font-family:Chakra Petch,serif;font-weight:900;font-size:.9rem;color:#2d336b;text-decoration:none;text-transform:uppercase;letter-spacing:.05em}.blogpost-back{font-family:Chakra Petch,serif;font-size:.78rem;font-weight:700;color:#2d336b;background:none;border:2.5px solid #2D336B;padding:6px 14px;box-shadow:3px 3px #2d336b;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;transition:transform .15s,box-shadow .15s}.blogpost-back:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #2d336b}.blogpost-hero{background:linear-gradient(135deg,#b6c4f8,#f0d9f6);border-bottom:4px solid #2D336B;padding:60px 48px 50px}.blogpost-series-tag{display:inline-block;font-family:Chakra Petch,serif;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#faf9ff;background:#2D336B;padding:4px 12px;margin-bottom:18px}.blogpost-title{font-family:Chakra Petch,serif;font-weight:900;font-size:clamp(1.8rem,4vw,3rem);color:#2d336b;text-transform:uppercase;line-height:1.1;max-width:760px;margin-bottom:18px}.blogpost-meta{font-family:Chakra Petch,serif;font-size:.75rem;color:#6b6b8a;display:flex;gap:18px;flex-wrap:wrap}.blogpost-body{max-width:700px;margin:0 auto;padding:56px 40px 100px;font-family:Lora,Georgia,serif}.blogpost-body p{font-size:1.05rem;line-height:1.85;color:#2a2a40;margin-bottom:1.4rem}.blogpost-body h2{font-family:Chakra Petch,serif;font-weight:900;font-size:1.15rem;text-transform:uppercase;letter-spacing:.04em;color:#2d336b;margin:2.6rem 0 .8rem;padding-bottom:6px;border-bottom:3px solid #2D336B}.blogpost-quote{border-left:6px solid #2D336B;background:linear-gradient(135deg,#b6c4f8 0%,#f0d9f6 100%);padding:22px 26px;margin:2rem 0;box-shadow:6px 6px #2d336b;font-family:Chakra Petch,serif;font-weight:700;font-size:1.05rem;color:#2d336b;line-height:1.5;font-style:normal}.blogpost-highlight{position:relative;border:4px solid #2D336B;background:white;padding:28px 26px 22px;margin:2rem 0;box-shadow:8px 8px #2d336b}.blogpost-highlight-label{position:absolute;top:-13px;left:14px;font-family:Chakra Petch,serif;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;background:#2D336B;color:#fff;padding:3px 10px}.blogpost-highlight p{margin:0!important}.blogpost-table{width:100%;border-collapse:collapse;margin:1.8rem 0;font-family:Chakra Petch,serif;font-size:.85rem}.blogpost-table th{background:#2D336B;color:#fff;padding:10px 14px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.blogpost-table td{padding:10px 14px;border:2px solid #2D336B;color:#2a2a40}.blogpost-table tr:nth-child(2n) td{background:#f4f2ff}.blogpost-table td.yes{color:#0d6e3c;font-weight:700}.blogpost-table td.no{color:#b00020;font-weight:700}.blogpost-next{border:4px solid #2D336B;background:linear-gradient(135deg,#b6c4f8,#f0d9f6);padding:28px;margin:3rem 0;box-shadow:8px 8px #2d336b}.blogpost-next-label{font-family:Chakra Petch,serif;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#6b6b8a;margin-bottom:8px}.blogpost-next h3{font-family:Chakra Petch,serif;font-weight:900;font-size:1.1rem;text-transform:uppercase;color:#2d336b;margin-bottom:8px}.blogpost-next p{font-size:.9rem!important;color:#2d336b!important;margin-bottom:14px!important}.blogpost-next-badge{display:inline-block;font-family:Chakra Petch,serif;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#4a2c00;background:#ffd166;border:2px solid #2D336B;padding:4px 10px}.blogpost-author{border-top:3px solid #2D336B;padding-top:2rem;margin-top:2rem;display:flex;gap:18px;align-items:flex-start}.blogpost-author-avatar{width:52px;height:52px;border-radius:50% 50% 50% 40%/60% 60% 40% 50%;border:3px solid #2D336B;background:linear-gradient(135deg,#b6c4f8,#f0d9f6);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.blogpost-author-name{font-family:Chakra Petch,serif;font-weight:900;font-size:.9rem;color:#2d336b;margin-bottom:4px}.blogpost-author p{font-size:.85rem!important;color:#6b6b8a!important;margin:0 0 10px!important}.blogpost-author-links{display:flex;gap:8px;flex-wrap:wrap}.blogpost-author-links a{font-family:Chakra Petch,serif;font-size:.68rem;font-weight:700;color:#2d336b;text-decoration:none;border:2px solid #2D336B;padding:3px 10px;text-transform:uppercase;letter-spacing:.05em;transition:background .15s,color .15s}.blogpost-author-links a:hover{background:#2D336B;color:#fff}@media (max-width: 640px){.blogpost-nav{padding:12px 20px}.blogpost-hero{padding:40px 20px 36px}.blogpost-body{padding:36px 20px 60px}}