:root{--color-cream: #FAF8F3;--color-cream-warm: #F5F0E6;--color-ivory: #FFFEF9;--color-parchment: #EDE8DC;--color-gold: #C5A572;--color-gold-light: #D4C4A8;--color-gold-dark: #9A7B4F;--color-gold-royal: #DAA520;--color-gold-antique: #B8977A;--color-sapphire: #1B365D;--color-sapphire-light: #2A4A7A;--color-sapphire-dark: #0F2B4C;--color-sapphire-muted: #3D5A80;--color-pewter: #8B8B83;--color-silver: #A8A8A0;--color-platinum: #E5E4E2;--color-charcoal: #2C2420;--color-charcoal-light: #3D3632;--color-ink: #1A1815;--color-burgundy: #722F37;--color-wine: #8B3A3A;--color-red: var(--color-gold);--color-red-dark: var(--color-gold-dark);--color-red-light: var(--color-gold-light);--color-black: var(--color-charcoal);--color-black-light: var(--color-charcoal-light);--color-black-lighter: #4A4540;--color-white: var(--color-ivory);--color-white-dim: var(--color-cream);--color-white-dimmer: var(--color-parchment);--color-gray: var(--color-pewter);--color-gray-light: var(--color-silver);--color-gray-dark: #5A5A52;--color-terracotta: var(--color-gold);--color-terracotta-dark: var(--color-gold-dark);--color-terracotta-light: var(--color-gold-light);--color-stone: var(--color-pewter);--font-primary: "Cormorant Garamond", "Playfair Display", "Georgia", serif;--font-secondary: "Inter", "Segoe UI", system-ui, sans-serif;--font-accent: "Cinzel", "Times New Roman", serif;--space-xs: .75rem;--space-sm: 1.25rem;--space-md: 2.5rem;--space-lg: 5rem;--space-xl: 10rem;--space-2xl: 14rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .6s ease;--border-ornate: 2px solid var(--color-gold);--shadow-gold: 0 4px 20px rgba(197, 165, 114, .3);--shadow-elegant: 0 8px 32px rgba(44, 36, 32, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-secondary);background-color:var(--color-cream);color:var(--color-charcoal);font-size:16px;line-height:1.75;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ornate-border{position:relative}.ornate-border:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-gold) 30%,var(--color-gold) 70%,transparent 100%);opacity:.6}.cross-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 0v12h4V0h-4zm0 48v12h4V48h-4zM0 28v4h12v-4H0zm48 0v4h12v-4H48z' fill='%23C5A572' fill-opacity='0.03'/%3E%3C/svg%3E")}.medallion{position:relative}.medallion:after{content:"";position:absolute;width:4px;height:4px;background-color:var(--color-gold);border-radius:50%;opacity:.4}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:600;line-height:1.3;margin-bottom:1.25rem;color:var(--color-charcoal);letter-spacing:.03em}h1{font-weight:700;letter-spacing:.04em}h2{position:relative;letter-spacing:.04em}h3{letter-spacing:.02em}p{margin-bottom:1.25rem;letter-spacing:.015em}a{color:var(--color-sapphire);text-decoration:none;transition:var(--transition-normal)}a:hover{color:var(--color-gold-dark)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}section{padding:var(--space-xl) 0}.grid{display:grid;gap:var(--space-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 992px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width: 576px){.grid-3,.grid-4{grid-template-columns:1fr}}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mt-4{margin-top:var(--space-lg)}.mt-5{margin-top:var(--space-xl)}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.mb-4{margin-bottom:var(--space-lg)}.mb-5{margin-bottom:var(--space-xl)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}a:focus,button:focus{outline:2px solid var(--color-gold);outline-offset:4px}::selection{background-color:var(--color-sapphire);color:var(--color-ivory)}.cursor-none,.cursor-none *{cursor:none!important}.cursor-element{position:fixed;pointer-events:none;z-index:9999;opacity:0;transition:opacity .3s ease;will-change:transform;top:0;left:0;transform:translateZ(0)}.cursor-element.cursor-visible{opacity:1}#cursor-dot{width:8px;height:8px;background-color:var(--color-terracotta);border-radius:50%;margin-left:-4px;margin-top:-4px;transition:width .2s ease,height .2s ease,background-color .2s ease}#cursor-outline{width:32px;height:32px;border:1px solid var(--color-stone);border-radius:50%;margin-left:-16px;margin-top:-16px;transition:width .3s ease,height .3s ease,border-color .3s ease}#cursor-dot.cursor-interactive{width:12px;height:12px;background-color:var(--color-terracotta-light);box-shadow:0 0 10px #c8553d80}#cursor-outline.cursor-interactive{width:40px;height:40px;border-color:var(--color-terracotta);border-width:2px}#cursor-dot.cursor-active{transform:translate(-50%,-50%) scale(.7);background-color:var(--color-terracotta-light)}#cursor-outline.cursor-active{transform:translate(-50%,-50%) scale(.9);border-color:var(--color-terracotta-light)}@media (prefers-reduced-motion: reduce){.cursor-element{transition:opacity .3s ease}#cursor-dot,#cursor-outline{transition:none}}@media (hover: none) and (pointer: coarse){.cursor-element{display:none}.cursor-none,.cursor-none *{cursor:auto!important}}html{scroll-behavior:smooth}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(to right,var(--color-terracotta-dark),var(--color-terracotta),var(--color-terracotta-light));width:0%;z-index:9999;opacity:.8;box-shadow:0 0 10px #c8553d4d}section.active{z-index:2}.nav-link.active{color:var(--color-terracotta)!important;font-weight:600}.animate-on-scroll{will-change:transform,opacity;backface-visibility:hidden}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.scroll-progress{transition:none!important}.animate-on-scroll{transition:none!important;animation:none!important;transform:none!important}}.footer{background-color:var(--color-black-light);color:var(--color-white-dim);padding:4rem 0 2rem;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--color-terracotta-dark),var (--color-terracotta),var(--color-terracotta-light))}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3rem}.footer-heading{font-family:var(--font-secondary);font-size:1.3rem;margin-bottom:1.5rem;color:var(--color-white);font-weight:600;letter-spacing:1px;text-transform:uppercase;position:relative}.footer-heading:after{content:"";display:block;width:50px;height:2px;background-color:var(--color-terracotta);margin-top:.8rem;transition:width .3s ease}.footer-column:hover .footer-heading:after{width:75px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:1rem}.footer-links a,.footer-contact-item{color:var(--color-stone);transition:all .3s var(--animation-smooth);display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;position:relative;padding-left:0}.footer-icon{width:1.2em;height:1.2em;fill:currentColor;flex-shrink:0;transition:all .3s var(--animation-bounce);opacity:.8}.footer-links a:hover,.footer-contact-item:hover{color:var(--color-terracotta-light);transform:translate(5px)}.footer-links a:hover .footer-icon,.footer-contact-item:hover .footer-icon{fill:var(--color-terracotta);transform:scale(1.2);opacity:1}.footer-brand{display:flex;flex-direction:column}.footer-logo{margin-bottom:1rem}.logo-text{font-family:var(--font-secondary);font-size:1.8rem;font-weight:700;color:var(--color-white)}.logo-text span{color:var(--color-terracotta)}.footer-tagline{font-style:italic;color:var(--color-stone);margin-bottom:1.5rem;line-height:1.4}.footer-copyright{font-size:.85rem;opacity:.7;margin-top:auto}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem}.heart{color:var(--color-terracotta);display:inline-block;animation:heartBeat 1.5s infinite}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width: 992px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.footer-grid{grid-template-columns:1fr}.footer-column{margin-bottom:2rem}}.hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;color:var(--color-charcoal);overflow:hidden;perspective:1000px}.hero-background{position:absolute;inset:0;background:linear-gradient(135deg,var(--color-ivory) 0%,var(--color-cream) 30%,var(--color-cream-warm) 70%,var(--color-parchment) 100%);z-index:-1;overflow:hidden}.hero-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 0v16h8V0h-8zm0 64v16h8V64h-8zM0 36v8h16v-8H0zm64 0v8h16v-8H64z' fill='%23C5A572' fill-opacity='0.06'/%3E%3Ccircle cx='40' cy='40' r='3' fill='%231B365D' fill-opacity='0.04'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0L40 20L20 40L0 20z' stroke='%23C5A572' stroke-opacity='0.03' stroke-width='1' fill='none'/%3E%3C/svg%3E");background-size:80px 80px,40px 40px;opacity:.8}.hero-glow{position:absolute;top:-20%;right:-20%;width:70%;height:70%;background:radial-gradient(ellipse at center,rgba(197,165,114,.15) 0%,rgba(218,165,32,.08) 30%,transparent 70%);filter:blur(80px);opacity:.7;transform-origin:center;animation:pulseGlow 10s infinite alternate ease-in-out}.hero-glow:after{content:"";position:absolute;bottom:20%;left:10%;width:40%;height:40%;background:radial-gradient(circle,rgba(27,54,93,.08) 0%,transparent 70%);filter:blur(60px)}@keyframes pulseGlow{0%{opacity:.5;transform:scale(1) rotate(0)}to{opacity:.8;transform:scale(1.05) rotate(1deg)}}.hero-content{max-width:1200px;width:100%;padding:2rem;transform-style:preserve-3d;will-change:transform}.hero-name{font-size:clamp(3.5rem,10vw,7rem);font-weight:700;line-height:1;margin-bottom:2rem;letter-spacing:.02em;transform-style:preserve-3d;font-family:var(--font-primary);white-space:nowrap;overflow:hidden;color:var(--color-charcoal)}.hero-letter{display:inline-block;opacity:0;transform:translateY(40px) rotateX(10deg);animation:letterFadeInUp .6s cubic-bezier(.16,1,.3,1) forwards;text-shadow:0px 2px 8px rgba(197,165,114,.2);will-change:transform,opacity}@keyframes letterFadeInUp{0%{opacity:0;transform:translateY(40px) rotateX(10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.hero-title{font-size:clamp(1.2rem,4vw,1.8rem);font-weight:500;margin-bottom:2rem;color:var(--color-sapphire);transform:translateY(30px) translateZ(5px);opacity:0;transition:opacity .8s ease-out,transform 1s ease-out;transition-delay:.3s;font-family:var(--font-secondary);border-left:3px solid var(--color-gold);padding-left:1rem;letter-spacing:.5px}.hero-subtitle{font-size:clamp(1rem,3vw,1.2rem);line-height:1.7;max-width:700px;margin-bottom:3rem;color:var(--color-charcoal-light);transform:translateY(30px) translateZ(0);opacity:0;transition:opacity .8s ease-out,transform 1s ease-out;transition-delay:.6s;font-family:var(--font-secondary);font-style:italic}.hero-buttons{display:flex;gap:1.5rem;margin-top:2rem;transform:translateZ(20px)}.btn{display:inline-flex;align-items:center;padding:.875rem 2rem;border:2px solid transparent;border-radius:2px;font-family:var(--font-secondary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden;transition:all .4s ease;z-index:1;cursor:pointer}.btn:before,.btn:after{content:"";position:absolute;width:12px;height:12px;border:2px solid var(--color-gold);transition:all .4s ease;opacity:0}.btn:before{top:4px;left:4px;border-right:none;border-bottom:none}.btn:after{bottom:4px;right:4px;border-left:none;border-top:none}.btn:hover:before,.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--color-sapphire) 0%,var(--color-sapphire-dark) 100%);color:var(--color-ivory);box-shadow:0 4px 16px #1b365d4d,inset 0 1px 1px #ffffff1a;border:1px solid rgba(197,165,114,.3)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-sapphire-light) 0%,var(--color-sapphire) 100%);box-shadow:0 6px 24px #1b365d66,0 0 0 1px var(--color-gold);transform:translateY(-2px)}.btn-secondary{border:2px solid var(--color-gold);color:var(--color-sapphire);box-shadow:0 4px 12px #c5a57226;background:#c5a57214}.btn-secondary:hover{background:var(--color-gold);color:var(--color-ivory);border-color:var(--color-gold-dark);box-shadow:0 6px 20px #c5a57266;transform:translateY(-2px)}.btn-icon{display:inline-flex;margin-left:.75rem;transition:transform .3s ease}.btn:hover .btn-icon{transform:translate(5px)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;color:var(--color-gold);opacity:.7;animation:float 3s infinite ease-in-out}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@media (prefers-reduced-motion: reduce){.hero-glow,.scroll-indicator{animation:none}.btn-primary:before{display:none}.hero-content{transform:none!important;transition:none!important}}@media (max-width: 768px){.hero-content{padding:1rem;transform:none!important}.hero-name{font-size:clamp(2.5rem,8vw,4rem);white-space:normal;word-break:break-word}.hero-buttons{flex-direction:column;gap:1rem;width:100%;max-width:400px}.btn{width:100%;text-align:center}}.section-about{background:linear-gradient(180deg,var(--color-parchment) 0%,var(--color-cream-warm) 50%,var(--color-cream) 100%);position:relative;overflow:hidden;padding:var(--space-xl) 0}.about-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45 0v20h10V0h-10zm0 80v20h10V80h-10zM0 45v10h20v-10H0zm80 0v10h20v-10H80z' fill='%23C5A572' fill-opacity='0.04'/%3E%3Ccircle cx='50' cy='50' r='8' stroke='%23C5A572' stroke-opacity='0.03' stroke-width='1' fill='none'/%3E%3Ccircle cx='50' cy='50' r='15' stroke='%231B365D' stroke-opacity='0.02' stroke-width='1' fill='none'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30z' stroke='%23C5A572' stroke-opacity='0.02' stroke-width='1' fill='none'/%3E%3C/svg%3E");background-size:100px 100px,60px 60px;z-index:0;opacity:1}.about-glow{position:absolute;top:20%;left:-10%;width:40%;height:60%;background:radial-gradient(ellipse,rgba(197,165,114,.12) 0%,transparent 70%);filter:blur(80px);z-index:0;opacity:.6;animation:floatGlow 15s infinite alternate ease-in-out}@keyframes floatGlow{0%{transform:translateY(0) scale(1);opacity:.4}to{transform:translateY(-50px) scale(1.1);opacity:.7}}.section-header{text-align:center;margin-bottom:var(--space-lg);opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease;position:relative;z-index:2}.section-header.animate-fade-in{opacity:1;transform:translateY(0)}.section-title{font-size:clamp(2rem,5vw,3rem);color:var(--color-sapphire);margin-bottom:var(--space-sm);font-weight:600;letter-spacing:.05em;font-family:var(--font-primary);position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent);animation:shimmer 3s infinite}.section-title-underline{height:3px;width:120px;background:linear-gradient(90deg,transparent,var(--color-gold-dark),var(--color-gold),var(--color-gold-dark),transparent);margin:.5rem auto 0;border-radius:2px;position:relative}.section-title-underline:after{content:"";position:absolute;top:0;left:0;width:30px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:shimmer 3s infinite}.section-title:before,.section-title:after{content:"✦";font-weight:300;color:var(--color-gold);position:relative;top:-5px;margin:0 15px;opacity:.6;font-size:.6em}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(500%)}}.about-content{display:flex;flex-direction:column;gap:var(--space-lg);position:relative;z-index:2;margin-top:1rem;width:100%;will-change:transform,opacity}.about-intro-row{display:grid;grid-template-columns:.4fr 1fr;gap:var(--space-md);align-items:start;width:100%}.about-portrait-container{opacity:0;transform:translateY(30px);transition:opacity 1s ease,transform 1s ease;position:relative;z-index:2;width:100%;max-width:350px;justify-self:center;will-change:transform,opacity}.about-portrait-container.animate-fade-in-up{opacity:1;transform:translateY(0)}.portrait-frame{position:relative;width:100%;max-width:280px;height:auto;perspective:1000px;transform-style:preserve-3d;transition:all .5s cubic-bezier(.16,1,.3,1);display:inline-block;box-shadow:0 15px 40px #2c242026,0 0 0 1px #c5a5724d;border-radius:3px;overflow:hidden;transform:rotate(-2deg) perspective(1000px);margin:0;border:4px solid var(--color-gold)}.portrait-frame:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--color-gold-dark),var(--color-gold),var(--color-gold-royal),var(--color-gold),var(--color-gold-dark));opacity:1;transform:scaleX(.85);transform-origin:center;transition:transform .5s cubic-bezier(.16,1,.3,1)}.portrait-frame:before{content:"";position:absolute;inset:0;border:2px solid rgba(197,165,114,.3);border-left:4px solid var(--color-sapphire);opacity:.7;z-index:3;transition:opacity .5s ease}.portrait-frame:hover{transform:rotate(0) perspective(1000px) translateY(-10px);border-color:var(--color-sapphire);box-shadow:0 20px 50px #2c242033,0 0 0 2px #1b365d4d}.portrait-frame:hover:after{transform:scaleX(1)}.portrait-frame:hover:before{opacity:.9;border-left-color:var(--color-gold)}.about-portrait-image{width:100%;height:auto;display:block;object-fit:cover;filter:sepia(10%) contrast(105%) brightness(1.02) saturate(1.1);border-radius:1px;box-shadow:0 10px 25px #2c242026;transition:all .5s ease}.portrait-frame:hover .about-portrait-image{filter:sepia(5%) contrast(110%) brightness(1.05) saturate(1.15);transform:scale(1.04)}.about-text{opacity:0;transform:translate(-30px);transition:opacity 1s ease,transform 1s ease;will-change:transform,opacity;width:100%}.about-text.animate-fade-in-left{opacity:1;transform:translate(0)}.spotify-player{margin:var(--space-md) 0;border-radius:8px;border:none;width:100%;box-shadow:0 5px 15px #0003;transition:all .4s ease}.spotify-player:hover{box-shadow:0 8px 20px #0000004d,0 0 0 1px #c8553d33;transform:translateY(-2px)}.morphism-card{background:#fffef9e6;backdrop-filter:blur(10px);border-radius:4px;padding:1.8rem;box-shadow:0 10px 30px #2c242014,0 0 0 1px #c5a57233,inset 0 0 0 1px #ffffff80;position:relative;overflow:hidden;height:auto;min-height:unset;transition:all .4s cubic-bezier(.16,1,.3,1);border-left:4px solid var(--color-gold)}.morphism-card:hover{box-shadow:0 15px 40px #2c24201f,0 0 0 1px #c5a5724d,inset 0 0 0 1px #ffffffb3;border-left-color:var(--color-sapphire)}.card-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:.5rem;max-width:100%;margin:0 auto}.morphism-shine{position:absolute;top:-200%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,transparent 0%,transparent 45%,rgba(245,242,233,.1) 50%,transparent 55%,transparent 100%);transform:rotate(25deg);transition:all .8s;pointer-events:none;z-index:1}.morphism-card:hover .morphism-shine{top:-100%;left:-100%;transition:all 1s cubic-bezier(.16,1,.3,1)}.about-description{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;color:var(--color-charcoal);font-family:var(--font-secondary);position:relative;max-width:70ch}.fun-fact{font-size:.95rem;color:var(--color-sapphire-muted);margin:var(--space-sm) 0;padding:.8rem 1rem;font-style:italic;background:#1b365d0d;border-radius:4px;border-left:3px solid var(--color-sapphire);max-width:70ch;margin-bottom:1.5rem;line-height:1.5}.about-quote{font-size:1.05rem;line-height:1.7;font-style:italic;color:var(--color-charcoal-light);padding:var(--space-xs) var(--space-md);border-left:3px solid var(--color-gold);position:relative;margin-top:var(--space-sm);font-family:var(--font-primary);quotes:""" """ "'" "'";max-width:70ch;margin-bottom:.5rem}.about-quote:before{content:open-quote;position:absolute;top:-20px;left:var(--space-sm);font-size:3.5rem;color:#c5a57233;font-family:var(--font-primary)}.bento-grid{opacity:0;transform:translateY(30px);transition:opacity 1s ease,transform 1s ease;width:100%;will-change:transform,opacity}.bento-grid.animate-fade-in-up{opacity:1;transform:translateY(0)}.skills-card{width:100%}.bento-item{background:#fffef9f2;border-radius:4px;padding:var(--space-md);transition:all .4s cubic-bezier(.16,1,.3,1);border-left:4px solid var(--color-gold);border-top:1px solid rgba(197,165,114,.2);display:flex;flex-direction:column;position:relative;overflow:hidden;transform-style:preserve-3d;box-shadow:0 8px 24px #2c24200f}.bento-item:hover{transform:translateY(-5px) rotateX(2deg);box-shadow:0 15px 40px #2c24201a,0 0 0 1px #c5a5724d;border-left-color:var(--color-sapphire)}.bento-item h3{font-size:1.4rem;margin-bottom:var(--space-sm);color:var(--color-sapphire);position:relative;z-index:1;font-family:var(--font-primary);letter-spacing:.5px;font-weight:600}.bento-item h3:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--color-gold),var(--color-gold-light));transform-origin:left;transition:width .3s ease}.bento-item:hover h3:after{width:60px;background:linear-gradient(90deg,var(--color-sapphire),var(--color-sapphire-light))}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.skill-category{margin-bottom:var(--space-sm);transition:all .3s ease;cursor:pointer;transform-style:preserve-3d;position:relative}.skill-category.active{transform:translateZ(10px)}.skill-category-title{font-size:1rem;color:var(--color-charcoal);margin-bottom:.5rem;display:flex;align-items:center;transition:color .3s ease;font-family:var(--font-secondary);letter-spacing:.5px;font-weight:500}.skill-icon{display:inline-block;width:12px;height:12px;background-color:var(--color-gold);margin-right:8px;transition:all .3s ease;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);position:relative}.skill-icon:before{content:"";position:absolute;inset:2px;background-color:var(--color-cream);clip-path:polygon(50% 15%,85% 50%,50% 85%,15% 50%);transition:all .3s ease}.skill-category.active .skill-icon:before,.skill-category:hover .skill-icon:before{transform:scale(0)}.skill-category.active .skill-icon,.skill-category:hover .skill-icon{transform:rotate(45deg) scale(1.2);background-color:var(--color-sapphire)}.skill-category.active .skill-category-title,.skill-category:hover .skill-category-title{color:var(--color-sapphire)}.skill-list{list-style-type:none;padding:0;transition:all .3s ease;max-height:100px;overflow:hidden}.skill-list.expanded{transform:translateZ(5px)}.skill-item{font-size:.9rem;color:var(--color-charcoal-light);margin-bottom:.25rem;padding-left:16px;position:relative;transition:all .3s ease;transform:translateZ(0)}.skill-category.active .skill-item,.skill-category:hover .skill-item{color:var(--color-charcoal);transform:translate(5px) translateZ(5px)}.skill-item:before{content:"•";position:absolute;left:0;color:var(--color-pewter);transition:color .3s ease}.skill-category.active .skill-item:before,.skill-category:hover .skill-item:before{color:var(--color-gold)}.timeline-container{opacity:0;transform:translate(30px);transition:all 1s ease;position:relative;padding:var(--space-md);background:#fffef9e6;backdrop-filter:blur(10px);border-radius:4px;box-shadow:0 10px 30px #2c242014,0 0 0 1px #c5a57226;overflow:visible;width:100%;will-change:transform,opacity;border-top:3px solid var(--color-gold)}.timeline-container.animate-fade-in-right{opacity:1;transform:translate(0)}.timeline-title{font-size:1.6rem;color:var(--color-sapphire);margin-bottom:var(--space-sm);text-align:center;font-family:var(--font-primary);letter-spacing:.05em;font-weight:600;position:relative;margin-bottom:.25rem}.timeline-title-divider{position:relative;width:120px;height:2px;background:linear-gradient(90deg,transparent,var(--color-gold-dark),var(--color-gold),var(--color-gold-dark),transparent);margin:0 auto 25px;border-radius:1px;height:3px;width:80px}.timeline-title-divider:before,.timeline-title-divider:after{content:"✦";position:absolute;font-size:.5rem;color:var(--color-gold);top:-6px}.timeline-title-divider:before{left:-15px}.timeline-title-divider:after{right:-15px}.timeline{position:relative;width:85%;margin:0 auto;padding-left:55px;max-height:60vh;overflow-y:auto;overflow-x:visible;scrollbar-width:thin;scrollbar-color:var(--color-terracotta) var(--color-black-light);mask-image:linear-gradient(to bottom,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 5%,black 95%,transparent)}.timeline::-webkit-scrollbar{width:6px}.timeline::-webkit-scrollbar-track{background:#1e1e1e66;border-radius:4px}.timeline::-webkit-scrollbar-thumb{background-color:var(--color-terracotta-dark);border-radius:4px}.timeline::-webkit-scrollbar-thumb:hover{background-color:var(--color-terracotta)}.timeline-track{position:absolute;top:0;bottom:0;left:20px;width:2px;z-index:1;background:linear-gradient(to bottom,#c8553dcc,#c8553d4d)}.timeline-cap-top,.timeline-cap-bottom{position:absolute;left:20px;width:10px;height:10px;border-radius:50%;background:var(--color-terracotta);z-index:2;transform:translate(-50%)}.timeline-cap-top{top:0}.timeline-cap-bottom{bottom:0}.timeline-item{position:relative;margin-bottom:1.75rem;padding-left:42px;padding-bottom:10px;opacity:0;transform:translate(-20px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1);min-height:100px;overflow:visible;will-change:transform,opacity}.timeline-item:last-child{margin-bottom:0;padding-bottom:0}.timeline-item.visible{opacity:1;transform:translate(0)}.timeline-item:after{content:"";display:table;clear:both}.timeline-marker{position:absolute;top:6px;left:-34px;width:24px;height:24px;border-radius:50%;background:var(--color-black-light);border:2px solid var(--color-terracotta);display:flex;align-items:center;justify-content:center;transform:translate(-50%);z-index:3;box-shadow:0 0 0 4px #1a1a1ab3,0 0 15px #0000004d;will-change:transform}.timeline-item:hover .timeline-marker{transform:translate(-50%) scale(1.1);border-color:var(--color-terracotta);box-shadow:0 0 0 4px #1a1a1acc,0 0 20px #c8553d66}.marker-inner{display:flex;align-items:center;justify-content:center;color:var(--color-terracotta);transition:all .3s ease;width:100%;height:100%;position:relative}.marker-inner:before{content:"";position:absolute;width:10px;height:10px;background:var(--color-terracotta);border-radius:50%;z-index:1}.marker-inner:after{content:"";position:absolute;width:20px;height:20px;border:1px dashed var(--color-terracotta);border-radius:50%;opacity:.5}.timeline-item:hover .marker-inner{color:var(--color-terracotta-light)}.timeline-item:hover .marker-inner:before{background:var(--color-terracotta-light)}.timeline-item.education .timeline-marker{border-width:3px}.timeline-item.education .marker-inner:before{background:var(--color-stone)}.timeline-item.education .marker-inner svg{position:relative;z-index:2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.timeline-item.project .timeline-marker{background:#1a1a1ae6;border-style:double;border-width:3px}.timeline-item.research .timeline-marker{border-style:dashed}.timeline-item.future .timeline-marker{background:#1a1a1a80;border-style:dotted;border-width:2px;opacity:.8}.timeline-content{background:#fffc;border-radius:4px;padding:1.25rem;border-left:3px solid var(--color-gold);transition:all .4s ease;transform-origin:left center;box-shadow:0 5px 20px #2c24200f,0 0 0 1px #c5a5721a;will-change:transform}.timeline-item:hover .timeline-content{transform:translate(5px);background:#fffffff2;box-shadow:0 10px 30px #2c24201a,0 0 0 1px #c5a57233;border-left-color:var(--color-sapphire)}.timeline-item.future .timeline-content{border-left-style:dashed;background:#ffffff80}.timeline-year{display:inline-block;padding:3px 12px;background:linear-gradient(135deg,var(--color-sapphire) 0%,var(--color-sapphire-dark) 100%);color:var(--color-ivory);font-size:.85rem;font-weight:600;border-radius:2px;margin-bottom:10px;font-family:var(--font-secondary);letter-spacing:.8px;box-shadow:inset 0 0 0 1px #ffffff1a,0 2px 8px #1b365d4d;position:relative}.timeline-year:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.1),transparent 30%);border-radius:inherit}.timeline-item.future .timeline-year{background:#c8553d99}.timeline-item-title{font-size:1.1rem;color:var(--color-charcoal);margin-bottom:6px;font-family:var(--font-primary);letter-spacing:.2px;font-weight:600;line-height:1.3}.timeline-institution{font-size:.95rem;color:var(--color-sapphire-muted);margin-bottom:10px;font-style:italic;position:relative;padding-left:12px;line-height:1.4}.timeline-institution:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:2px;background-color:var(--color-gold);opacity:.7}.timeline-description{font-size:.92rem;line-height:1.6;color:var(--color-charcoal-light);letter-spacing:.2px}@media (prefers-reduced-motion: reduce){.about-glow{animation:none}.section-title-underline:after{animation:none}.morphism-shine{display:none}.skill-category:hover .skill-item,.skill-category.active .skill-item{transform:none}.timeline-item.visible{opacity:1;transform:none;transition:none}.timeline-item:hover .timeline-content{transform:none}.portrait-frame:hover .about-portrait-image{transform:none;filter:sepia(25%) contrast(110%) brightness(1.05) saturate(1.15)}.portrait-frame:hover:after{transform:scaleX(.85)}}@media (max-width: 1200px){.skills-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 992px){.about-intro-row{grid-template-columns:1fr;gap:var(--space-lg)}.about-portrait-container{max-width:250px;margin:0 auto}.skills-grid{grid-template-columns:1fr 1fr}.timeline{max-height:50vh;width:95%}}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr 1fr}.morphism-card{padding:var(--space-sm)}.card-content{max-width:100%}.about-description,.fun-fact,.about-quote{font-size:.95rem;max-width:none}.timeline{max-height:45vh;padding-left:45px}.timeline-content{padding:1rem}.timeline-item-title{font-size:1.05rem}}@media (max-width: 576px){.skills-grid{grid-template-columns:1fr}.timeline-container{padding:1rem}.timeline{width:95%;margin-left:auto;margin-right:auto;padding-left:35px}.timeline-item{padding-left:30px}.timeline-marker{width:20px;height:20px;left:-32px}.timeline-track{left:15px}.timeline-cap-top,.timeline-cap-bottom{left:15px;width:8px;height:8px}}@media (prefers-reduced-motion: reduce){.timeline-item,.about-text,.portrait-frame,.morphism-card,.timeline-content{transition:none!important;animation:none!important;transform:none!important}.timeline-item.visible{opacity:1}}.portfolio-section{position:relative;background-color:var(--color-black);padding:var(--space-xl) 0;overflow:hidden;min-height:800px}.lightning-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.7;background:linear-gradient(125deg,#0a0a0a,#0f0f0f);overflow:hidden}.lightning-glow{position:absolute;top:-20%;right:-10%;width:60%;height:70%;background:radial-gradient(circle,#c8553d1f,#0a0a0a00 70%);filter:blur(80px);animation:lightning-pulse 10s infinite alternate ease-in-out;transform-origin:center;opacity:.7;z-index:0}.lightning-glow.secondary{top:60%;left:-10%;width:50%;height:60%;opacity:.4;animation-delay:3s}@keyframes lightning-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(200,85,61,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(200,85,61,.03) 1px,transparent 1px),repeating-linear-gradient(45deg,rgba(200,85,61,.01) 0px,rgba(200,85,61,.01) 1px,transparent 1px,transparent 10px),repeating-linear-gradient(-45deg,rgba(200,85,61,.01) 0px,rgba(200,85,61,.01) 1px,transparent 1px,transparent 10px);background-size:40px 40px,40px 40px,20px 20px,20px 20px;z-index:1;opacity:.5}.portfolio-section .section-header{position:relative;z-index:2;text-align:center;margin-bottom:var(--space-lg)}.section-subtitle{font-size:1.1rem;color:var(--color-stone);max-width:600px;margin:var(--space-sm) auto 0;font-family:var(--font-primary);letter-spacing:.3px;line-height:1.6}.portfolio-filter{display:flex;justify-content:center;margin-bottom:var(--space-lg);position:relative;z-index:2;will-change:opacity}.filter-container{background:#1a1a1a80;backdrop-filter:blur(5px);border-radius:2px;padding:5px;display:inline-flex;position:relative;border:1px solid rgba(200,85,61,.1);box-shadow:0 4px 15px #0003,inset 0 0 0 1px #ffffff0d}.filter-active-indicator{position:absolute;bottom:5px;height:calc(100% - 10px);background:#c8553dcc;border-radius:2px;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:-1;opacity:.9;will-change:transform,width,left;box-shadow:0 0 10px #c8553d4d,inset 0 0 4px #fff3}.filter-btn{background:transparent;color:var(--color-gray-light);border:none;border-radius:2px;padding:10px 20px;font-size:.95rem;font-weight:500;cursor:pointer;font-family:var(--font-secondary);letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease;position:relative;z-index:1}.filter-btn:hover,.filter-btn.active{color:var(--color-white)}.portfolio-bento{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-md);position:relative;z-index:2;perspective:1000px}.portfolio-item{border-radius:2px;overflow:visible;position:relative;height:320px;opacity:0;transform:translateY(30px);perspective:1000px;will-change:transform,opacity}.portfolio-item.animate-in{animation:fadeInUp .6s forwards}.portfolio-item-inner{height:100%;width:100%;position:relative;overflow:hidden;border-radius:2px;box-shadow:0 10px 30px #0000004d,0 0 0 1px #c8553d1a,inset 0 0 0 1px #ffffff0d;transition:all .5s cubic-bezier(.16,1,.3,1);transform-style:preserve-3d;will-change:transform}.portfolio-img-container{height:100%;width:100%;position:relative;overflow:hidden;transform-style:preserve-3d}.portfolio-img{height:100%;width:100%;object-fit:cover;transition:all .7s ease}.portfolio-item:hover .portfolio-img{transform:scale(1.05)}.card-shine{position:absolute;inset:0;background:linear-gradient(135deg,#fff0 0% 40%,#ffffff1a 50%,#fff0 60% 100%);z-index:2;opacity:0;transition:opacity .5s ease;pointer-events:none}.portfolio-item:hover .card-shine{opacity:1;animation:card-shine 1.5s ease forwards}@keyframes card-shine{0%{transform:translate(-100%) translateY(-100%) rotate(25deg)}to{transform:translate(100%) translateY(100%) rotate(25deg)}}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000000f2,#000c,#0009);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-md);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);transform:translateZ(20px);z-index:3;will-change:transform,opacity}.portfolio-overlay.active{opacity:1}.portfolio-overlay:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--color-terracotta);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.portfolio-overlay.active:after{transform:scaleX(1)}.portfolio-category{color:var(--color-terracotta);font-size:.85rem;font-weight:600;text-transform:uppercase;margin-bottom:5px;letter-spacing:1.5px;opacity:0;transform:translateY(10px);transition:all .3s ease .1s;font-family:var(--font-secondary)}.portfolio-overlay.active .portfolio-category{opacity:1;transform:translateY(0)}.portfolio-title{color:var(--color-parchment);font-size:1.4rem;margin-bottom:8px;font-weight:700;opacity:0;transform:translateY(10px);transition:all .3s ease .2s;font-family:var(--font-secondary);letter-spacing:.2px;line-height:1.3;border-left:2px solid var(--color-terracotta);padding-left:10px;will-change:transform,opacity}.portfolio-overlay.active .portfolio-title{opacity:1;transform:translateY(0)}.portfolio-description{color:var(--color-stone);font-size:.95rem;margin-bottom:15px;line-height:1.5;opacity:0;transform:translateY(10px);transition:all .3s ease .3s;will-change:transform,opacity}.portfolio-overlay.active .portfolio-description{opacity:.9;transform:translateY(0)}.portfolio-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-parchment);font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s ease;width:fit-content;padding:5px 0;border-bottom:2px solid var(--color-terracotta);opacity:0;transform:translateY(10px);transition:all .3s ease .4s;font-family:var(--font-secondary);letter-spacing:.5px;will-change:transform,opacity}.portfolio-overlay.active .portfolio-link{opacity:1;transform:translateY(0)}.portfolio-link:hover{color:var(--color-terracotta-light);transform:translate(5px);transition:all .3s ease 0s}.link-arrow{transition:all .3s ease}.portfolio-link:hover .link-arrow{transform:translate(3px,-3px)}.portfolio-cta{text-align:center;margin-top:var(--space-xl);position:relative;z-index:2;opacity:0;transform:translateY(20px);will-change:transform,opacity}.portfolio-cta.animate-fade-in{animation:fadeInUp .6s forwards;animation-delay:.6s}.btn-view-all{display:inline-flex;align-items:center;gap:10px;background:transparent;color:var(--color-parchment);border:2px solid var(--color-terracotta);border-radius:2px;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;z-index:1;font-family:var(--font-secondary);letter-spacing:1px;text-transform:uppercase;box-shadow:0 5px 15px #0003,0 0 0 1px #c8553d1a}.btn-view-all:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .7s ease;z-index:-1}.btn-view-all:hover{background:#c8553de6;box-shadow:0 10px 25px #0000004d,0 0 0 1px #c8553d4d;transform:translateY(-3px)}.btn-view-all:hover:before{left:100%}.btn-view-all svg{transition:transform .3s ease}.btn-view-all:hover svg{transform:translate(3px)}.view-details-btn{display:inline-flex;align-items:center;gap:8px;color:var(--color-parchment);font-size:.95rem;font-weight:600;margin-top:10px;cursor:pointer;opacity:0;transform:translateY(10px);transition:all .3s ease .5s;padding:5px 0;width:fit-content;border-bottom:1px dashed var(--color-terracotta-dark);font-family:var(--font-secondary)}.portfolio-overlay.active .view-details-btn{opacity:1;transform:translateY(0)}.view-details-btn:hover{color:var(--color-terracotta-light)}.details-icon{transition:transform .3s ease}.view-details-btn:hover .details-icon{transform:scale(1.15)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.lightning-glow{animation:none}.portfolio-item-inner{transition:none}.card-shine{display:none}.filter-active-indicator{transition:none}.btn-view-all:before{transition:none}}@media (max-width: 992px){.portfolio-bento{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.filter-container{overflow-x:auto;max-width:100%;padding-bottom:5px}.filter-btn{padding:8px 15px;font-size:.85rem;white-space:nowrap}.filter-active-indicator{display:none}.filter-btn.active{background-color:var(--color-terracotta);box-shadow:inset 0 0 10px #0000004d}}@media (max-width: 576px){.portfolio-bento{grid-template-columns:1fr}.btn-view-all{padding:12px 20px;font-size:.9rem}.portfolio-title{font-size:1.2rem}}.contact-section{position:relative;padding:var(--space-xl) 0;background-color:var(--color-charcoal);overflow:hidden;min-height:90vh;display:flex;align-items:center}.grain-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;pointer-events:none;z-index:0;mix-blend-mode:overlay}.blur-glow{position:absolute;bottom:-15%;right:-10%;width:70%;height:70%;border-radius:50%;background:radial-gradient(ellipse,rgba(200,85,61,.15) 0%,rgba(200,85,61,.05) 30%,transparent 70%);filter:blur(120px);z-index:1;opacity:.6;animation:glow-pulse 12s infinite alternate ease-in-out}@keyframes glow-pulse{0%{opacity:.4;transform:scale(1) translate(0)}to{opacity:.7;transform:scale(1.1) translate(-30px,-20px)}}.circuit-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(200,85,61,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(200,85,61,.03) 1px,transparent 1px);background-size:50px 50px;z-index:0;opacity:.15}.circuit-pattern:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(200,85,61,.05) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(200,85,61,.05) 1px,transparent 1px);background-size:30px 30px;opacity:.5}.circuit-pattern:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23c8553d' fill-opacity='0.02' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5;z-index:1}.contact-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(to right,transparent,var(--color-terracotta-dark),transparent);opacity:.6}.contact-container{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-lg);position:relative;z-index:5;perspective:1000px}.contact-info{opacity:0;transform:translate(-30px) perspective(1000px);transition:opacity 1s ease,transform 1s ease;transform-style:preserve-3d}.contact-info.animate-fade-in-left{opacity:1;transform:translate(0) perspective(1000px)}.contact-card{background-color:#1a1a1ab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-left:4px solid var(--color-terracotta);padding:var(--space-lg);border-radius:2px;height:100%;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 15px 35px #0006,0 0 0 1px #c8553d1a,inset 0 0 15px #0003;position:relative;overflow:hidden;transform-style:preserve-3d;transition:all .5s cubic-bezier(.16,1,.3,1);background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f5f2e9' fill-opacity='0.02' fill-rule='evenodd'%3E%3Cpath d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2L40 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E")}.contact-card:hover{transform:translateY(-5px) rotateX(2deg);box-shadow:0 20px 40px #00000080,0 0 0 1px #c8553d33,inset 0 0 15px #0003}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(200,85,61,.07) 0%,transparent 50%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:-1}.contact-card:hover .card-glow{opacity:1}.contact-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 97%,var(--color-terracotta-dark) 97%);opacity:.2}.contact-card:after{content:"";position:absolute;bottom:0;right:0;width:40%;height:1px;background:linear-gradient(to left,var(--color-terracotta-dark),transparent);opacity:.3}.contact-card-title{font-size:1.8rem;color:var(--color-parchment);margin-bottom:var(--space-md);font-weight:700;position:relative;z-index:1;transform:translateZ(10px);font-family:var(--font-secondary);text-transform:uppercase;letter-spacing:1px}.contact-card-title:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background-color:var(--color-terracotta);transition:width .3s ease}.contact-card:hover .contact-card-title:after{width:60px}.contact-methods{display:flex;flex-direction:column;gap:var(--space-md);transform:translateZ(5px)}.contact-method{display:flex;align-items:flex-start;transition:all .3s ease;transform-style:preserve-3d}.contact-method:hover{transform:translate(5px) translateZ(10px)}.contact-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:2px;background-color:#1a1a1acc;margin-right:var(--space-sm);color:var(--color-terracotta);transition:all .3s cubic-bezier(.16,1,.3,1);border:1px solid rgba(200,85,61,.3);transform:translateZ(15px);box-shadow:0 4px 8px #0003}.contact-method:hover .contact-icon{background-color:var(--color-terracotta);color:var(--color-parchment);transform:translateY(-3px) translateZ(20px) rotateY(10deg);box-shadow:0 8px 15px #c8553d4d}.contact-text{transform:translateZ(5px)}.contact-text h4{font-size:1rem;color:var(--color-parchment);margin-bottom:5px;font-family:var(--font-secondary);letter-spacing:.5px}.contact-text p,.contact-text a{font-size:.95rem;color:var(--color-stone);transition:color .3s ease}.contact-link{position:relative;text-decoration:none}.contact-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:var(--color-terracotta);transition:width .3s ease}.contact-link:hover{color:var(--color-terracotta)}.contact-link:hover:after{width:100%}.social-links{display:flex;gap:var(--space-sm);margin-top:var(--space-lg);transform:translateZ(10px)}.social-link{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:2px;color:var(--color-parchment);background-color:#1a1a1acc;transition:all .4s cubic-bezier(.16,1,.3,1);border:1px solid rgba(200,85,61,.1);transform-style:preserve-3d;perspective:500px}.social-link:hover{background-color:var(--color-terracotta);color:var(--color-parchment);transform:translateY(-5px) rotateX(10deg) rotateY(10deg);box-shadow:0 8px 15px #0003,0 0 0 1px #c8553d4d}.contact-form-container{opacity:0;transform:translate(30px) perspective(1000px);transition:opacity 1s ease,transform 1s ease;transform-style:preserve-3d;perspective:1000px}.contact-form-container.animate-fade-in-right{opacity:1;transform:translate(0) perspective(1000px)}.contact-form{background-color:#1a1a1ab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:2px;overflow:hidden;box-shadow:0 15px 35px #0000004d,0 0 0 1px #c8553d0d,inset 0 0 15px #0003;transform-style:preserve-3d;background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c8553d' fill-opacity='0.03' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 5v1H5z'/%3E%3C/g%3E%3C/svg%3E")}.form-header{background-color:#141414cc;padding:var(--space-md);border-bottom:2px solid var(--color-terracotta);position:relative;overflow:hidden;transform:translateZ(5px)}.form-header:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(200,85,61,.1),transparent);transform:skew(-25deg);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:200%}}.form-header h3{font-size:1.5rem;color:var(--color-parchment);margin:0;z-index:1;position:relative;font-family:var(--font-secondary);text-transform:uppercase;letter-spacing:1px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.form-group{padding:var(--space-md);position:relative;transform:translateZ(0);transition:all .3s ease}.form-group.focused{transform:translateZ(5px)}.form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:8px;color:var(--color-stone);text-transform:uppercase;letter-spacing:1.5px;transition:all .3s ease;font-family:var(--font-secondary)}.form-group.focused label{color:var(--color-terracotta-light)}.input-wrapper{position:relative;perspective:1000px}.focus-border{position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(to right,var(--color-terracotta-dark),var(--color-terracotta),var(--color-terracotta-light));transition:width .3s cubic-bezier(.16,1,.3,1);z-index:1}.form-group.focused .focus-border{width:100%;animation:border-pulse 2s infinite alternate}@keyframes border-pulse{0%{opacity:.7}to{opacity:1}}.form-group input,.form-group textarea{width:100%;padding:12px 15px;background-color:#0f0f0fb3;border:1px solid rgba(200,85,61,.1);border-radius:2px;color:var(--color-parchment);font-size:1rem;transition:all .3s cubic-bezier(.16,1,.3,1);font-family:var(--font-primary);transform:translateZ(0);box-shadow:inset 0 2px 4px #0003}.form-group.focused input,.form-group.focused textarea{background-color:#141414e6;border-color:#c8553d4d;box-shadow:0 0 0 1px #c8553d1a,inset 0 2px 4px #0000004d;transform:translateZ(2px)}.form-group input:focus,.form-group textarea:focus{outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-gray-dark);opacity:.7}.textarea-wrapper{height:100%}.form-group textarea{resize:none;min-height:150px}.submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:calc(100% - 2 * var(--space-md));margin:var(--space-md);padding:15px 25px;border:none;background-color:var(--color-terracotta);color:var(--color-parchment);font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);border-radius:2px;position:relative;overflow:hidden;transform-style:preserve-3d;transform:translateZ(0);box-shadow:0 4px 6px #0003;font-family:var(--font-secondary)}.submit-btn:hover{background-color:var(--color-terracotta-dark);transform:translateY(-5px) translateZ(10px);box-shadow:0 15px 25px #0000004d}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(245,242,233,.2),transparent);transition:all .6s ease}.submit-btn:hover:before{left:100%}.btn-text{position:relative;z-index:1}.btn-icon{display:inline-flex;transition:transform .3s ease;z-index:1}.submit-btn:hover .btn-icon{transform:rotate(-25deg) translate(3px)}.form-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:var(--space-lg);background-color:#1a1a1ab3;border-radius:2px;position:relative;overflow:hidden;transform-style:preserve-3d;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f5f2e9' fill-opacity='0.02' fill-rule='evenodd'%3E%3Cpath d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2L40 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E")}.success-icon{color:var(--color-terracotta);width:80px;height:80px;margin-bottom:var(--space-md);position:relative;z-index:1;animation:success-appear .5s ease forwards;opacity:0;transform:scale(.5)}@keyframes success-appear{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.form-success h3{font-size:2rem;color:var(--color-parchment);margin-bottom:var(--space-sm);position:relative;z-index:1;animation:fade-in-up .5s ease forwards;animation-delay:.2s;opacity:0;transform:translateY(20px);font-family:var(--font-secondary);text-transform:uppercase;letter-spacing:1px}.form-success p{font-size:1.1rem;color:var(--color-stone);position:relative;z-index:1;animation:fade-in-up .5s ease forwards;animation-delay:.4s;opacity:0;transform:translateY(20px)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(200,85,61,.2) 0%,transparent 70%);border-radius:50%;z-index:0;animation:success-glow 3s infinite alternate}@keyframes success-glow{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}to{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}@media (prefers-reduced-motion: reduce){.blur-glow,.form-header:before,.submit-btn:before,.success-glow{animation:none}.success-icon,.form-success h3,.form-success p{animation:none;opacity:1;transform:none}.submit-btn:hover,.contact-method:hover .contact-icon,.social-link:hover{transform:none}}@media (max-width: 992px){.contact-container{grid-template-columns:1fr}.contact-card{margin-bottom:var(--space-md)}}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:0}.social-links{justify-content:center}}@media (max-width: 576px){.contact-methods{gap:var(--space-sm)}.contact-method{flex-direction:column;align-items:center;text-align:center}.contact-icon{margin-right:0;margin-bottom:var(--space-xs)}}.modal-overlay{position:fixed;inset:0;background-color:#141414d9;backdrop-filter:blur(5px);z-index:1000;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:60px 20px;animation:fade-in .3s ease-out}.modal-container{width:100%;max-width:900px;perspective:1200px}.modal-content{background:var(--color-charcoal);border:1px solid rgba(200,85,61,.3);border-radius:6px;position:relative;transform-origin:center top;animation:modal-in .5s cubic-bezier(.16,1,.3,1);box-shadow:0 25px 50px -12px #000000b3,0 0 0 1px #c8553d1a,0 0 30px #c8553d1a;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-terracotta) var(--color-black-light)}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#0003;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background-color:var(--color-terracotta-dark);border-radius:10px}.modal-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--color-parchment);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;z-index:10}.modal-close:hover{background-color:#c8553d33;transform:rotate(90deg)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(-30px) rotateX(10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.case-study{padding:40px;color:var(--color-parchment);background-image:radial-gradient(circle at top right,rgba(200,85,61,.08) 0%,transparent 70%),url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f5f2e9' fill-opacity='0.02' fill-rule='evenodd'%3E%3Cpath d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2L40 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E");position:relative}.case-study:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-terracotta-dark),var(--color-terracotta),transparent)}.case-study-header{margin-bottom:30px;text-align:center;position:relative}.case-study-badge{display:inline-block;padding:5px 12px;background:var(--color-terracotta);color:var(--color-parchment);border-radius:2px;font-size:.85rem;font-weight:600;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px;position:relative;font-family:var(--font-secondary)}.case-study-title{font-size:2.5rem;color:var(--color-parchment);font-family:var(--font-secondary);margin:0;letter-spacing:-.02em;position:relative}.case-study-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--color-terracotta),transparent)}.case-study-separator{width:40px;height:2px;background-color:var(--color-terracotta);margin:10px 0 15px}.case-study h3{font-size:1.6rem;color:var(--color-terracotta-light);font-family:var(--font-secondary);margin-bottom:0;letter-spacing:.5px}.case-study h4{font-size:1.3rem;color:var(--color-parchment);margin:25px 0 15px;font-family:var(--font-secondary)}.case-study p{font-size:1.05rem;line-height:1.7;color:var(--color-stone);margin-bottom:25px}.case-study-overview,.case-study-challenge,.case-study-approach,.case-study-solution,.case-study-tech{margin-bottom:40px;padding-bottom:15px}.case-study-visual{margin:40px 0}.casestudy-visual-placeholder{width:100%;height:300px;background-color:#1a1a1a99;border:1px dashed rgba(200,85,61,.4);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:4px}.blueprint-design{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;background-image:linear-gradient(rgba(200,85,61,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(200,85,61,.3) 1px,transparent 1px);background-size:20px 20px;background-position:center center;z-index:1}.placeholder-text{color:var(--color-terracotta);font-family:var(--font-secondary);font-size:1.2rem;opacity:.7;position:relative;z-index:2}.case-study-features ul{list-style-type:none;padding:0;margin:0}.case-study-features li{padding:10px 0 10px 25px;position:relative;color:var(--color-stone);border-bottom:1px solid rgba(255,255,255,.05)}.case-study-features li:last-child{border-bottom:none}.feature-bullet{position:absolute;left:0;top:16px;width:8px;height:8px;background-color:var(--color-terracotta);border-radius:0;transform:rotate(45deg)}.tech-stack{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.tech-item{background:#1a1a1a99;color:var(--color-stone);padding:6px 12px;border-radius:2px;border:1px solid rgba(200,85,61,.3);font-size:.9rem;font-family:var(--font-secondary);letter-spacing:.5px}.case-study-links{display:flex;gap:15px;margin-top:30px;flex-wrap:wrap;justify-content:center}.case-study-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-family:var(--font-secondary);font-size:1rem;font-weight:600;text-decoration:none;border-radius:2px;transition:all .3s cubic-bezier(.16,1,.3,1)}.case-study-btn svg{transition:transform .3s ease}.case-study-btn:hover svg{transform:translate(3px)}.primary-btn{background-color:var(--color-terracotta);color:var(--color-parchment);border:none}.primary-btn:hover{background-color:var(--color-terracotta-light);transform:translateY(-3px);box-shadow:0 10px 20px #0003}.secondary-btn{background-color:transparent;color:var(--color-parchment);border:1px solid var(--color-terracotta)}.secondary-btn:hover{background-color:#c8553d1a;transform:translateY(-3px);box-shadow:0 10px 20px #0003}.view-details-btn{display:inline-flex;align-items:center;gap:6px;color:var(--color-parchment);font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s ease;width:fit-content;padding:5px 0;border-bottom:2px solid var(--color-terracotta);margin-top:8px;cursor:pointer;font-family:var(--font-secondary);letter-spacing:.5px}.view-details-btn:hover{color:var(--color-terracotta-light);transform:translate(5px)}.details-icon{transition:all .3s ease}.view-details-btn:hover .details-icon{transform:rotate(90deg)}@media (max-width: 768px){.case-study{padding:30px 20px}.case-study-title{font-size:2rem}.case-study-links{flex-direction:column;align-items:stretch}.case-study-btn{justify-content:center}}@media (max-width: 576px){.case-study{padding:20px 15px}.case-study-title{font-size:1.75rem}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal-content,.modal-close:hover{animation:none;transition:opacity .1s linear;transform:none}}.case-study-section{background-color:var(--color-charcoal);min-height:100vh;padding-bottom:4rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-stone);text-decoration:none;font-family:var(--font-secondary);margin-bottom:2rem;transition:all .3s ease}.back-link:hover{color:var(--color-terracotta);transform:translate(-5px)}.case-study-section .case-study-header{text-align:center;margin-bottom:3rem}.case-study-category{display:inline-block;padding:.5rem 1rem;background:var(--color-terracotta);color:var(--color-parchment);font-family:var(--font-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:2px;margin-bottom:1rem}.case-study-section .case-study-title{font-size:clamp(2rem,5vw,3.5rem);color:var(--color-parchment);font-family:var(--font-secondary);margin-bottom:1rem}.case-study-section .case-study-description{font-size:1.2rem;color:var(--color-stone);max-width:600px;margin:0 auto}.case-study-image{margin-bottom:3rem;border-radius:8px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.case-study-image img{width:100%;height:auto;max-height:500px;object-fit:cover}.case-study-content{max-width:800px;margin:0 auto}.case-study-content .case-study-section{margin-bottom:3rem;padding:0;min-height:auto}.case-study-content h2{font-size:1.75rem;color:var(--color-terracotta);font-family:var(--font-secondary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(200,85,61,.3)}.case-study-content p{font-size:1.1rem;line-height:1.8;color:var(--color-stone)}.features-list{list-style:none;padding:0}.features-list li{padding:.75rem 0 .75rem 1.5rem;position:relative;color:var(--color-stone);border-bottom:1px solid rgba(255,255,255,.05)}.features-list li:before{content:"";position:absolute;left:0;top:1.1rem;width:8px;height:8px;background:var(--color-terracotta);transform:rotate(45deg)}.tech-tags{display:flex;flex-wrap:wrap;gap:.75rem}.tech-tag{padding:.5rem 1rem;background:#c8553d1a;border:1px solid rgba(200,85,61,.3);border-radius:2px;color:var(--color-stone);font-family:var(--font-secondary);font-size:.9rem}.case-study-cta{margin-top:3rem;text-align:center}.case-study-cta .btn{display:inline-flex;align-items:center;gap:.5rem}header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 0;transition:all .3s ease}header.scrolled{background-color:#faf8f3f2;backdrop-filter:blur(10px);padding:1rem 0;box-shadow:0 4px 20px #2c242014,0 1px #c5a57233}.navbar{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-primary);font-size:1.5rem;font-weight:600;color:var(--color-sapphire);text-decoration:none;transition:all .3s ease;letter-spacing:.02em}.logo span{color:var(--color-gold-dark)}.logo:hover{color:var(--color-sapphire-light)}.logo:hover span{color:var(--color-gold)}.nav-links{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-links a{color:var(--color-charcoal-light);text-decoration:none;font-family:var(--font-secondary);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;transition:all .3s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-gold),var(--color-gold-light));transition:width .3s ease}.nav-links a:hover{color:var(--color-sapphire)}.nav-links a:hover:after{width:100%}.nav-links a.active{color:var(--color-sapphire)}.nav-links a.active:after{width:100%;background:linear-gradient(90deg,var(--color-sapphire),var(--color-sapphire-light))}.hamburger{display:none;background:none;border:none;color:var(--color-sapphire);cursor:pointer;padding:.5rem;transition:color .3s ease}.hamburger:hover{color:var(--color-gold-dark)}@media (max-width: 768px){.hamburger{display:block;z-index:101}.nav-links{position:fixed;inset:0;background:linear-gradient(135deg,#faf8f3fa,#ede8dcfa);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;transform:translate(100%);transition:transform .3s ease}.nav-links.active{transform:translate(0)}.nav-links a{font-size:1.3rem;color:var(--color-sapphire)}.nav-links a:hover{color:var(--color-gold-dark)}}.blog-section{background-color:var(--color-charcoal);position:relative;overflow:hidden}.blog-section h2{font-size:clamp(2rem,5vw,3rem);color:var(--color-parchment);font-family:var(--font-secondary);margin-bottom:1rem}.lead{font-size:1.1rem;color:var(--color-stone);max-width:600px;margin:0 auto;line-height:1.6}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2rem}.blog-card{background:#1a1a1ab3;border-radius:8px;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);border:1px solid rgba(200,85,61,.1);animation:fadeInUp .6s ease forwards;opacity:0}.blog-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d;border-color:#c8553d4d}.blog-img{width:100%;height:200px;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-img{transform:scale(1.05)}.blog-content{padding:1.5rem}.blog-date{font-size:.85rem;color:var(--color-terracotta);font-family:var(--font-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.blog-title{font-size:1.25rem;color:var(--color-parchment);font-family:var(--font-secondary);margin-bottom:.75rem;line-height:1.3}.blog-excerpt{font-size:.95rem;color:var(--color-stone);line-height:1.6;margin-bottom:1rem}.blog-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-terracotta);font-family:var(--font-secondary);font-weight:600;text-decoration:none;transition:all .3s ease}.blog-link:hover{color:var(--color-terracotta-light);transform:translate(5px)}.loader{width:40px;height:40px;border:3px solid rgba(200,85,61,.2);border-top-color:var(--color-terracotta);border-radius:50%;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.alert{background:#c8553d1a;border-left:4px solid var(--color-terracotta);padding:1rem;border-radius:4px;color:var(--color-stone)}@media (max-width: 768px){.blog-grid{grid-template-columns:1fr}}
