.about-hero-redesign{padding:100px 0 60px;position:relative;min-height:auto;display:flex;align-items:center;overflow:hidden}.about-hero-redesign .container{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;max-width:1100px;position:relative;z-index:2}.about-hero-text{text-align:left}.about-hero-text .hero-title{font-family:var(--font-heading);font-size:clamp(2.25rem,4.5vw,3.25rem);font-weight:600;line-height:1.08;margin-bottom:1rem;letter-spacing:-0.03em;color:var(--color-charcoal,#1a1a1a)}.about-hero-text .hero-title .highlight-italic{color:#ea580c;font-style:italic;font-weight:500}[data-theme="dark"] .about-hero-text .hero-title .highlight-italic{color:#a8c5ff}.about-hero-text .hero-subtitle{font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.65;color:var(--color-muted,#64748b);max-width:440px;margin:0 0 1.5rem 0}.hero-quick-stats{display:flex;gap:24px;margin-top:1.25rem;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat-value{font-size:1.5rem;font-weight:700;color:#ea580c;line-height:1;letter-spacing:-0.02em}[data-theme="dark"] .hero-stat-value{color:#a8c5ff}.hero-stat-label{font-size:0.75rem;color:var(--color-muted,#64748b);text-transform:uppercase;letter-spacing:0.05em;font-weight:500}.about-hero-envelope{display:flex;align-items:center;justify-content:center;position:relative;perspective:1000px}.envelope-glow-bg{position:absolute;width:320px;height:320px;background:radial-gradient(circle,rgba(234,88,12,0.15) 0%,transparent 60%);border-radius:50%;filter:blur(60px);z-index:0;animation:pulseGlow 4s ease-in-out infinite}@keyframes pulseGlow{0%,100%{opacity:0.5;transform:scale(1)}50%{opacity:0.8;transform:scale(1.08)}}[data-theme="dark"] .envelope-glow-bg{background:radial-gradient(circle,rgba(251,146,60,0.12) 0%,transparent 60%)}.envelope-realistic{position:relative;z-index:1;width:360px;height:260px;cursor:pointer;transform-style:preserve-3d;transition:transform 0.3s ease}@media (hover:hover){.envelope-realistic:hover{transform:translateY(-4px)}}.envelope-back{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#fef3e2 0%,#fde8d0 50%,#fcdcb8 100%);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.04),0 8px 24px rgba(139,92,42,0.1),inset 0 1px 0 rgba(255,255,255,0.6);z-index:1}[data-theme="dark"] .envelope-back{background:linear-gradient(135deg,#3a3d45 0%,#2a2d35 50%,#1e2028 100%);box-shadow:0 2px 4px rgba(0,0,0,0.3),0 8px 24px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.08)}.envelope-letter{position:absolute;top:50%;left:50%;width:calc(100% - 40px);height:auto;min-height:200px;transform:translate(-50%,-50%);background:repeating-linear-gradient( transparent,transparent 27px,#e8e8e8 27px,#e8e8e8 28px ),linear-gradient(to bottom,#fafafa 0%,#f5f5f0 100%);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.06);z-index:2;transition:transform 0.6s cubic-bezier(0.34,1.2,0.64,1),z-index 0s 0.3s,box-shadow 0.4s ease;overflow:visible}.envelope-letter::before{content:'';position:absolute;left:28px;top:0;bottom:0;width:1px;background:rgba(220,80,80,0.3);z-index:1}[data-theme="dark"] .envelope-letter{background:repeating-linear-gradient( transparent,transparent 27px,rgba(255,255,255,0.06) 27px,rgba(255,255,255,0.06) 28px ),linear-gradient(to bottom,#1e1e24 0%,#1a1a20 100%);box-shadow:0 2px 8px rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.15)}[data-theme="dark"] .envelope-letter::before{background:rgba(168,197,255,0.2)}.envelope-realistic.is-open .envelope-letter{transform:translate(-50%,-55%);z-index:10;box-shadow:0 20px 50px rgba(0,0,0,0.15),0 8px 20px rgba(0,0,0,0.1)}.letter-content{padding:20px 24px;text-align:center}.letter-emoji{font-size:2rem;display:block;margin-bottom:8px}.letter-greeting{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--color-charcoal,#1a1a1a);margin:0 0 4px 0}[data-theme="dark"] .letter-greeting{color:#fff}.letter-headline{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:#ea580c;margin:0 0 12px 0}[data-theme="dark"] .letter-headline{color:#a8c5ff}.letter-body{font-size:0.85rem;line-height:1.55;color:var(--color-muted,#64748b);margin:0 0 10px 0}[data-theme="dark"] .letter-body{color:rgba(255,255,255,0.65)}.letter-cta{font-size:0.8rem;line-height:1.5;color:var(--color-charcoal,#1a1a1a);font-weight:500;margin:0 0 16px 0}[data-theme="dark"] .letter-cta{color:rgba(255,255,255,0.85)}.letter-signature{display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:1px dashed rgba(0,0,0,0.1)}[data-theme="dark"] .letter-signature{border-top-color:rgba(255,255,255,0.1)}.signature-name{font-family:var(--font-heading);font-size:0.9rem;font-weight:700;color:var(--color-charcoal,#1a1a1a)}[data-theme="dark"] .signature-name{color:#fff}.signature-title{font-size:0.75rem;color:var(--color-muted,#64748b)}[data-theme="dark"] .signature-title{color:rgba(255,255,255,0.5)}.envelope-front{position:absolute;bottom:0;left:0;right:0;height:130px;background:linear-gradient(180deg,#fef8f0 0%,#fdecd5 100%);border-radius:0 0 8px 8px;z-index:3;box-shadow:0 -2px 6px rgba(0,0,0,0.03)}.envelope-front::before{content:'';position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient( 135deg,transparent 49%,#fcecd3 49%,#fcecd3 51%,transparent 51% ),linear-gradient( 225deg,transparent 49%,#fcecd3 49%,#fcecd3 51%,transparent 51% );background-size:100% 100%}[data-theme="dark"] .envelope-front{background:linear-gradient(180deg,#35383f 0%,#282b32 100%);box-shadow:0 -2px 6px rgba(0,0,0,0.15)}[data-theme="dark"] .envelope-front::before{background:linear-gradient( 135deg,transparent 49%,#30333a 49%,#30333a 51%,transparent 51% ),linear-gradient( 225deg,transparent 49%,#30333a 49%,#30333a 51%,transparent 51% );background-size:100% 100%}.envelope-flap{position:absolute;top:0;left:0;right:0;height:130px;z-index:5;transform-origin:top center;transform:rotateX(0deg);transition:transform 0.5s cubic-bezier(0.34,1.2,0.64,1),z-index 0s 0.25s}.envelope-flap-inner{position:absolute;top:0;left:0;right:0;height:130px;background:linear-gradient(180deg,#fef3e2 0%,#fde6c8 100%);clip-path:polygon(0 0,50% 100%,100% 0);box-shadow:0 4px 12px rgba(0,0,0,0.08);backface-visibility:hidden}[data-theme="dark"] .envelope-flap-inner{background:linear-gradient(180deg,#3a3d45 0%,#2a2d35 100%);box-shadow:0 4px 12px rgba(0,0,0,0.25)}.envelope-flap::after{content:'❤️';position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;z-index:6;transition:opacity 0.3s ease,transform 0.3s ease}.envelope-realistic.is-open .envelope-flap{transform:rotateX(180deg);z-index:1}.envelope-realistic.is-open .envelope-flap::after{opacity:0;transform:translate(-50%,-50%) scale(0)}.envelope-hint{position:absolute;bottom:-32px;left:50%;transform:translateX(-50%);z-index:10;opacity:1;transition:opacity 0.3s ease}.envelope-hint span{font-size:0.75rem;color:var(--color-muted,#64748b);background:rgba(255,255,255,0.9);padding:4px 12px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.06)}[data-theme="dark"] .envelope-hint span{background:rgba(30,30,38,0.9);color:rgba(255,255,255,0.5)}.envelope-realistic.is-open .envelope-hint{opacity:0;pointer-events:none}.about-story-redesign{padding:64px 0 72px;position:relative;background:linear-gradient(180deg,transparent 0%,rgba(255,247,237,0.4) 100%)}[data-theme="dark"] .about-story-redesign{background:linear-gradient(180deg,transparent 0%,rgba(30,30,38,0.3) 100%)}.story-header{text-align:center;margin-bottom:40px}.story-header h2{font-family:var(--font-heading);font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:700;color:var(--color-charcoal,#1a1a1a);margin:0 0 8px 0;letter-spacing:-0.02em}[data-theme="dark"] .story-header h2{color:#fff}.story-breadcrumb{display:inline-flex;align-items:center;gap:6px;font-size:0.8rem;color:var(--color-muted,#64748b);background:rgba(0,0,0,0.03);padding:6px 14px;border-radius:20px}[data-theme="dark"] .story-breadcrumb{background:rgba(255,255,255,0.05)}.story-breadcrumb svg{width:10px;height:10px;stroke:currentColor;opacity:0.5}.story-timeline-modern{max-width:720px;margin:0 auto;position:relative;display:flex;flex-direction:column;gap:12px}.story-timeline-modern::before{content:'';position:absolute;left:23px;top:24px;bottom:24px;width:2px;background:linear-gradient(180deg,rgba(234,88,12,0.3) 0%,rgba(168,85,247,0.3) 50%,rgba(16,185,129,0.3) 100%);border-radius:2px}[data-theme="dark"] .story-timeline-modern::before{background:linear-gradient(180deg,rgba(96,165,250,0.25) 0%,rgba(192,132,252,0.25) 50%,rgba(52,211,153,0.25) 100%);box-shadow:0 0 8px rgba(168,197,255,0.15)}.timeline-card-modern{position:relative;padding-left:56px;opacity:1;transform:none;animation:none}.timeline-card-inner{border:2px solid transparent;background:linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(255,255,255,0.92) 100%) padding-box,linear-gradient(180deg,rgba(139,111,71,0.28),rgba(139,111,71,0.06)) border-box;background-clip:padding-box,border-box;border-radius:12px;padding:16px 20px;display:flex;gap:16px;align-items:flex-start;transition:all 0.25s ease;position:relative;overflow:hidden;box-shadow:0 12px 40px -8px rgba(139,111,71,0.08),0 4px 16px -4px rgba(139,111,71,0.05),inset 0 2px 0 rgba(255,255,255,0.8),inset 0 -1px 0 rgba(0,0,0,0.03)}.timeline-card-inner::before{content:'';position:absolute;top:0;left:0;right:0;height:40%;background:radial-gradient( ellipse 80% 100% at center top,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.2) 40%,transparent 70% );border-radius:12px 12px 0 0;pointer-events:none;z-index:0}@media (hover:hover){.timeline-card-modern:hover .timeline-card-inner{box-shadow:0 16px 48px -10px rgba(139,111,71,0.12),0 8px 24px -8px rgba(139,111,71,0.08),inset 0 2px 0 rgba(255,255,255,0.9),inset 0 -1px 0 rgba(0,0,0,0.05);transform:translateX(4px)}}[data-theme="dark"] .timeline-card-inner{background:linear-gradient(180deg,rgba(15,20,35,0.85) 0%,rgba(8,12,20,0.9) 100%) padding-box,linear-gradient(180deg,rgba(140,182,255,0.3),rgba(140,182,255,0.08)) border-box;background-clip:padding-box,border-box;box-shadow:0 20px 60px -12px rgba(0,0,0,0.75),0 8px 24px -8px rgba(0,0,0,0.5),inset 0 2px 0 rgba(140,182,255,0.25),0 0 0 1px rgba(140,182,255,0.15),0 0 50px -15px rgba(140,182,255,0.1)}[data-theme="dark"] .timeline-card-inner::before{background:radial-gradient( ellipse 80% 100% at center top,rgba(140,182,255,0.12) 0%,rgba(140,182,255,0.05) 40%,transparent 70% )}@media (hover:hover){[data-theme="dark"] .timeline-card-modern:hover .timeline-card-inner{box-shadow:0 24px 72px -12px rgba(0,0,0,0.9),0 12px 32px -10px rgba(0,0,0,0.7),inset 0 2px 0 rgba(140,182,255,0.35),0 0 0 1px rgba(140,182,255,0.25),0 0 70px -10px rgba(140,182,255,0.2)}}.timeline-icon-box{position:absolute;left:0;top:16px;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;z-index:2;background:#fff;border:2px solid;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:transform 0.3s ease}@media (hover:hover){.timeline-card-modern:hover .timeline-icon-box{transform:scale(1.08) rotate(-4deg)}}.timeline-icon-box svg{width:20px;height:20px}.timeline-icon-box.blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:rgba(59,130,246,0.25)}.timeline-icon-box.blue svg{stroke:#2563eb}.timeline-icon-box.orange{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:rgba(234,88,12,0.25)}.timeline-icon-box.orange svg{stroke:#ea580c}.timeline-icon-box.purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:rgba(168,85,247,0.25)}.timeline-icon-box.purple svg{stroke:#9333ea}.timeline-icon-box.pink{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-color:rgba(236,72,153,0.25)}.timeline-icon-box.pink svg{stroke:#db2777}.timeline-icon-box.emerald{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:rgba(16,185,129,0.25)}.timeline-icon-box.emerald svg{stroke:#059669}[data-theme="dark"] .timeline-icon-box{background:rgba(15,22,41,0.8)}[data-theme="dark"] .timeline-icon-box.blue{background:linear-gradient(135deg,#1e2a3d 0%,#1a2235 100%);border-color:rgba(96,165,250,0.5);box-shadow:0 2px 12px rgba(0,0,0,0.4),0 0 20px rgba(96,165,250,0.15),inset 0 1px 0 rgba(96,165,250,0.1)}[data-theme="dark"] .timeline-icon-box.blue svg{stroke:#60a5fa}[data-theme="dark"] .timeline-icon-box.orange{background:linear-gradient(135deg,#252033 0%,#1f1a2d 100%);border-color:rgba(168,197,255,0.5);box-shadow:0 2px 12px rgba(0,0,0,0.4),0 0 20px rgba(168,197,255,0.15),inset 0 1px 0 rgba(168,197,255,0.1)}[data-theme="dark"] .timeline-icon-box.orange svg{stroke:#a8c5ff}[data-theme="dark"] .timeline-icon-box.purple{background:linear-gradient(135deg,#261e38 0%,#201a30 100%);border-color:rgba(192,132,252,0.5);box-shadow:0 2px 12px rgba(0,0,0,0.4),0 0 20px rgba(192,132,252,0.15),inset 0 1px 0 rgba(192,132,252,0.1)}[data-theme="dark"] .timeline-icon-box.purple svg{stroke:#c084fc}[data-theme="dark"] .timeline-icon-box.pink{background:linear-gradient(135deg,#2d1a28 0%,#261722 100%);border-color:rgba(244,114,182,0.5);box-shadow:0 2px 12px rgba(0,0,0,0.4),0 0 20px rgba(244,114,182,0.15),inset 0 1px 0 rgba(244,114,182,0.1)}[data-theme="dark"] .timeline-icon-box.pink svg{stroke:#f472b6}[data-theme="dark"] .timeline-icon-box.emerald{background:linear-gradient(135deg,#152f28 0%,#122822 100%);border-color:rgba(52,211,153,0.5);box-shadow:0 2px 12px rgba(0,0,0,0.4),0 0 20px rgba(52,211,153,0.15),inset 0 1px 0 rgba(52,211,153,0.1)}[data-theme="dark"] .timeline-icon-box.emerald svg{stroke:#34d399}.timeline-card-content{flex:1;min-width:0;position:relative;z-index:1}.timeline-chapter-badge{display:inline-block;font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;padding:4px 8px;border-radius:4px;margin-bottom:4px;background:rgba(0,0,0,0.04);color:var(--color-muted,#64748b)}[data-theme="dark"] .timeline-chapter-badge{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.6)}.timeline-card-content h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--color-charcoal,#1a1a1a);margin:0 0 4px 0;line-height:1.3}[data-theme="dark"] .timeline-card-content h3{color:#fff}.timeline-card-content p{font-size:0.88rem;line-height:1.55;color:var(--color-muted,#64748b);margin:0}[data-theme="dark"] .timeline-card-content p{color:rgba(255,255,255,0.65)}@media (max-width:900px){.about-hero-redesign{padding:90px 0 50px}.about-hero-redesign .container{grid-template-columns:1fr;gap:36px}.about-hero-text{text-align:center;order:2}.about-hero-text .hero-subtitle{margin-left:auto;margin-right:auto}.hero-quick-stats{justify-content:center}.about-hero-envelope{order:1}.envelope-realistic{width:320px;height:230px}.envelope-flap,.envelope-flap-inner{height:115px}.envelope-front{height:115px}.envelope-letter{width:calc(100% - 36px);min-height:180px}.envelope-realistic.is-open .envelope-letter{transform:translate(-50%,-55%)}.letter-content{padding:16px 20px}.letter-emoji{font-size:1.75rem;margin-bottom:6px}.letter-greeting{font-size:1.2rem}.letter-headline{font-size:1rem;margin-bottom:10px}.letter-body,.letter-cta{font-size:0.78rem}.letter-signature{padding-top:10px}.signature-name{font-size:0.85rem}.signature-title{font-size:0.7rem}}@media (max-width:768px){.about-hero-redesign{padding:80px 0 40px}.about-hero-text .hero-title{font-size:clamp(1.85rem,6vw,2.5rem)}.about-hero-text .hero-subtitle{font-size:0.95rem}.hero-quick-stats{gap:20px}.hero-stat-value{font-size:1.3rem}.envelope-realistic{width:300px;height:220px}.envelope-flap,.envelope-flap-inner{height:110px}.envelope-front{height:110px}.envelope-letter{width:calc(100% - 32px);min-height:170px}.envelope-realistic.is-open .envelope-letter{transform:translate(-50%,-55%)}.letter-content{padding:14px 18px}.letter-emoji{font-size:1.5rem;margin-bottom:4px}.letter-greeting{font-size:1.1rem}.letter-headline{font-size:0.95rem;margin-bottom:8px}.letter-body{font-size:0.75rem;margin-bottom:8px}.letter-cta{font-size:0.72rem;margin-bottom:12px}.letter-signature{padding-top:8px}.signature-name{font-size:0.8rem}.signature-title{font-size:0.68rem}.envelope-hint{bottom:-28px}.envelope-hint span{font-size:0.7rem;padding:3px 10px}.about-story-redesign{padding:48px 0 56px}.story-header{margin-bottom:32px}.story-timeline-modern::before{left:19px}.timeline-card-modern{padding-left:48px}.timeline-icon-box{width:38px;height:38px;border-radius:10px}.timeline-icon-box svg{width:16px;height:16px}.timeline-card-inner{padding:14px 16px}.timeline-card-content h3{font-size:1rem}.timeline-card-content p{font-size:0.82rem}}@media (max-width:480px){.about-hero-redesign{padding:70px 0 32px}.about-hero-text .hero-title{font-size:clamp(1.65rem,7vw,2rem)}.hero-quick-stats{gap:16px}.hero-stat-value{font-size:1.15rem}.hero-stat-label{font-size:0.7rem}.envelope-realistic{width:280px;height:200px}.envelope-flap,.envelope-flap-inner{height:100px}.envelope-front{height:100px}.envelope-letter{width:calc(100% - 28px);min-height:150px}.envelope-realistic.is-open .envelope-letter{transform:translate(-50%,-55%)}.letter-content{padding:12px 14px}.letter-emoji{font-size:1.25rem;margin-bottom:4px}.letter-greeting{font-size:1rem}.letter-headline{font-size:0.85rem;margin-bottom:6px}.letter-body{font-size:0.7rem;margin-bottom:6px}.letter-cta{font-size:0.68rem;margin-bottom:10px}.letter-signature{padding-top:6px}.signature-name{font-size:0.75rem}.signature-title{font-size:0.65rem}.envelope-flap::after{font-size:1rem;top:50%}.about-story-redesign{padding:40px 0 48px}.story-timeline-modern{gap:10px}.story-timeline-modern::before{display:none}.timeline-card-modern{padding-left:0}.timeline-icon-box{position:relative;left:auto;top:auto;margin-bottom:8px;width:36px;height:36px}.timeline-card-inner{flex-direction:column;gap:8px}.story-header h2{font-size:1.5rem}.story-breadcrumb{font-size:0.75rem;padding:5px 12px}}@media (prefers-reduced-motion:reduce){.timeline-card-modern,.envelope-realistic,.timeline-card-inner,.timeline-icon-box,.envelope-glow-bg,.envelope-letter,.envelope-flap{animation:none !important;transition:none !important}}.about-principles{padding:80px 0 100px;position:relative}.about-principles .section-header{text-align:center;margin-bottom:48px}.about-principles .section-header h2{font-family:var(--font-heading);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:600;color:var(--color-charcoal,#1a1a1a);margin:0 0 12px 0;letter-spacing:-0.02em}[data-theme="dark"] .about-principles .section-header h2{color:#fff}.about-principles .section-header p{font-size:1.1rem;color:var(--color-muted,#64748b);margin:0}[data-theme="dark"] .about-principles .section-header p{color:rgba(255,255,255,0.6)}.about-principles .principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1100px;margin:0 auto}.principle-card-modern{position:relative;padding:28px 24px;border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;transition:all var(--duration-slow) var(--ease-smooth);overflow:hidden;border:2px solid transparent;background:linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(255,255,255,0.92) 100%) padding-box,linear-gradient(180deg,rgba(139,111,71,0.28),rgba(139,111,71,0.06)) border-box;background-clip:padding-box,border-box;box-shadow:0 12px 40px -8px rgba(139,111,71,0.08),0 4px 16px -4px rgba(139,111,71,0.05),inset 0 2px 0 rgba(255,255,255,0.8),inset 0 -1px 0 rgba(0,0,0,0.03)}.principle-card-modern::before{content:'';position:absolute;top:0;left:0;right:0;height:40%;background:radial-gradient( ellipse 80% 100% at center top,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.2) 40%,transparent 70% );border-radius:16px 16px 0 0;pointer-events:none;z-index:0}@media (hover:hover){.principle-card-modern:hover{transform:translateY(-6px);box-shadow:0 16px 48px -10px rgba(139,111,71,0.12),0 8px 24px -8px rgba(139,111,71,0.08),inset 0 2px 0 rgba(255,255,255,0.9),inset 0 -1px 0 rgba(0,0,0,0.05)}}[data-theme="dark"] .principle-card-modern{background:linear-gradient(180deg,rgba(15,20,35,0.85) 0%,rgba(8,12,20,0.9) 100%) padding-box,linear-gradient(180deg,rgba(140,182,255,0.3),rgba(140,182,255,0.08)) border-box;background-clip:padding-box,border-box;box-shadow:0 20px 60px -12px rgba(0,0,0,0.75),0 8px 24px -8px rgba(0,0,0,0.5),inset 0 2px 0 rgba(140,182,255,0.25),0 0 0 1px rgba(140,182,255,0.15),0 0 50px -15px rgba(140,182,255,0.1)}[data-theme="dark"] .principle-card-modern::before{background:radial-gradient( ellipse 80% 100% at center top,rgba(140,182,255,0.12) 0%,rgba(140,182,255,0.05) 40%,transparent 70% )}@media (hover:hover){[data-theme="dark"] .principle-card-modern:hover{box-shadow:0 24px 72px -12px rgba(0,0,0,0.9),0 12px 32px -10px rgba(0,0,0,0.7),inset 0 2px 0 rgba(140,182,255,0.35),0 0 0 1px rgba(140,182,255,0.25),0 0 70px -10px rgba(140,182,255,0.2)}}.principle-icon-box{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:transform 0.3s ease;position:relative;z-index:1}@media (hover:hover){.principle-card-modern:hover .principle-icon-box{transform:scale(1.08) rotate(-4deg)}}.principle-icon-box svg{width:24px;height:24px;stroke-width:2}.principle-icon-box.blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid rgba(59,130,246,0.15)}.principle-icon-box.blue svg{stroke:#2563eb}.principle-icon-box.amber{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid rgba(217,119,6,0.15)}.principle-icon-box.amber svg{stroke:#d97706}.principle-icon-box.emerald{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid rgba(16,185,129,0.15)}.principle-icon-box.emerald svg{stroke:#059669}.principle-icon-box.purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid rgba(168,85,247,0.15)}.principle-icon-box.purple svg{stroke:#9333ea}[data-theme="dark"] .principle-icon-box.blue{background:linear-gradient(135deg,rgba(59,130,246,0.15) 0%,rgba(59,130,246,0.08) 100%);border:1px solid rgba(96,165,250,0.25)}[data-theme="dark"] .principle-icon-box.blue svg{stroke:#60a5fa}[data-theme="dark"] .principle-icon-box.amber{background:linear-gradient(135deg,rgba(217,119,6,0.15) 0%,rgba(217,119,6,0.08) 100%);border:1px solid rgba(251,191,36,0.25)}[data-theme="dark"] .principle-icon-box.amber svg{stroke:#fbbf24}[data-theme="dark"] .principle-icon-box.emerald{background:linear-gradient(135deg,rgba(16,185,129,0.15) 0%,rgba(16,185,129,0.08) 100%);border:1px solid rgba(52,211,153,0.25)}[data-theme="dark"] .principle-icon-box.emerald svg{stroke:#34d399}[data-theme="dark"] .principle-icon-box.purple{background:linear-gradient(135deg,rgba(168,85,247,0.15) 0%,rgba(168,85,247,0.08) 100%);border:1px solid rgba(192,132,252,0.25)}[data-theme="dark"] .principle-icon-box.purple svg{stroke:#c084fc}.principle-card-modern h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--color-charcoal,#1a1a1a);margin:0 0 8px 0;line-height:1.3;position:relative;z-index:1}[data-theme="dark"] .principle-card-modern h3{color:#f0f0f5}.principle-card-modern p{font-size:0.9rem;line-height:1.55;color:var(--color-muted,#64748b);margin:0;position:relative;z-index:1}[data-theme="dark"] .principle-card-modern p{color:rgba(255,255,255,0.6)}.principle-card-modern{opacity:0;transform:translateY(20px);animation:principleFadeIn 0.5s ease forwards}.principle-card-modern:nth-child(1){animation-delay:0.1s}.principle-card-modern:nth-child(2){animation-delay:0.2s}.principle-card-modern:nth-child(3){animation-delay:0.3s}.principle-card-modern:nth-child(4){animation-delay:0.4s}@keyframes principleFadeIn{to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.about-principles .principles-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:600px){.about-principles{padding:60px 0 80px}.about-principles .principles-grid{grid-template-columns:1fr;gap:14px}.principle-card-modern{padding:24px 20px}.principle-icon-box{width:46px;height:46px;margin-bottom:16px}.principle-icon-box svg{width:22px;height:22px}.principle-card-modern h3{font-size:1.05rem}.principle-card-modern p{font-size:0.85rem}}.about-fun-facts{padding:80px 0 100px;position:relative}.moka-pot-illustration{width:120px;height:140px;margin:0 auto 32px;opacity:0.8}.moka-pot-illustration svg{width:100%;height:100%;filter:url(#sketchy)}.moka-pot-illustration .moka-line,.moka-pot-illustration .moka-steam{fill:none;stroke-linecap:round;stroke-linejoin:round}.moka-pot-illustration .moka-line{stroke:var(--color-charcoal,#3d3d3d);stroke-width:2.5;stroke-dasharray:300;stroke-dashoffset:300}.moka-pot-illustration .moka-steam{stroke:var(--color-charcoal,#3d3d3d);stroke-width:1.5;stroke-dasharray:20;stroke-dashoffset:20;opacity:0}[data-theme="dark"] .moka-pot-illustration .moka-line{stroke:#b0b0b0}[data-theme="dark"] .moka-pot-illustration .moka-steam{stroke:#a0a0a0}.moka-pot-illustration .line-1{animation:drawLine 0.6s ease-out 0.2s forwards}.moka-pot-illustration .line-2{animation:drawLine 0.7s ease-out 0.5s forwards}.moka-pot-illustration .line-3{animation:drawLine 0.5s ease-out 0.9s forwards}.moka-pot-illustration .line-4{animation:drawLine 0.6s ease-out 1.1s forwards}.moka-pot-illustration .line-5{animation:drawLine 0.8s ease-out 1.4s forwards}.moka-pot-illustration .line-6{animation:drawLine 0.5s ease-out 1.9s forwards}.moka-pot-illustration .line-7{animation:drawLine 0.3s ease-out 2.2s forwards}.moka-pot-illustration .steam-1{animation:drawSteam 0.3s ease-out 2.5s forwards,floatSteam 2s ease-in-out 2.8s infinite}.moka-pot-illustration .steam-2{animation:drawSteam 0.3s ease-out 2.7s forwards,floatSteam 2.2s ease-in-out 3s infinite}.moka-pot-illustration .steam-3{animation:drawSteam 0.3s ease-out 2.9s forwards,floatSteam 1.8s ease-in-out 3.2s infinite}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes drawSteam{to{stroke-dashoffset:0;opacity:0.6}}@keyframes floatSteam{0%,100%{transform:translateY(0) scaleY(1);opacity:0.6}50%{transform:translateY(-4px) scaleY(1.1);opacity:0.3}}@media (hover:hover){.moka-pot-illustration:hover svg{animation:mokaPotWiggle 0.5s ease-in-out}}@keyframes mokaPotWiggle{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.about-fun-facts .section-header{text-align:center;margin-bottom:48px}.about-fun-facts .section-header h2{font-family:var(--font-heading);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:600;color:var(--color-charcoal,#1a1a1a);margin:0 0 8px 0;letter-spacing:-0.02em}[data-theme="dark"] .about-fun-facts .section-header h2{color:#fff}.about-fun-facts .section-header p{font-size:0.8rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--color-muted,#64748b);opacity:0.6;margin:0}[data-theme="dark"] .about-fun-facts .section-header p{color:rgba(255,255,255,0.5)}.about-fun-facts .fun-facts-grid{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;max-width:900px;margin:0 auto}.spot-me-card{position:relative;padding:28px 24px;border-radius:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;min-width:200px;max-width:220px;transition:all var(--duration-slow) var(--ease-smooth);overflow:hidden;border:2px solid transparent;background:linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(255,255,255,0.92) 100%) padding-box,linear-gradient(180deg,rgba(139,111,71,0.28),rgba(139,111,71,0.06)) border-box;background-clip:padding-box,border-box;box-shadow:0 12px 40px -8px rgba(139,111,71,0.08),0 4px 16px -4px rgba(139,111,71,0.05),inset 0 2px 0 rgba(255,255,255,0.8),inset 0 -1px 0 rgba(0,0,0,0.03)}.spot-me-card::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:radial-gradient( ellipse 100% 100% at center top,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.25) 50%,transparent 80% );border-radius:16px 16px 0 0;pointer-events:none;z-index:0}.spot-me-card:nth-child(1){transform:rotate(-2deg)}.spot-me-card:nth-child(2){transform:rotate(2deg)}.spot-me-card:nth-child(3){transform:rotate(-1deg)}@media (hover:hover){.spot-me-card:hover{transform:rotate(0deg) scale(1.05) translateY(-4px);box-shadow:0 16px 48px -10px rgba(139,111,71,0.12),0 8px 24px -8px rgba(139,111,71,0.08),inset 0 2px 0 rgba(255,255,255,0.9),inset 0 -1px 0 rgba(0,0,0,0.05)}}[data-theme="dark"] .spot-me-card{background:linear-gradient(180deg,rgba(15,20,35,0.85) 0%,rgba(8,12,20,0.9) 100%) padding-box,linear-gradient(180deg,rgba(140,182,255,0.3),rgba(140,182,255,0.08)) border-box;background-clip:padding-box,border-box;box-shadow:0 20px 60px -12px rgba(0,0,0,0.75),0 8px 24px -8px rgba(0,0,0,0.5),inset 0 2px 0 rgba(140,182,255,0.25),0 0 0 1px rgba(140,182,255,0.15),0 0 50px -15px rgba(140,182,255,0.1)}[data-theme="dark"] .spot-me-card::before{background:radial-gradient( ellipse 100% 100% at center top,rgba(140,182,255,0.15) 0%,rgba(140,182,255,0.06) 50%,transparent 80% )}@media (hover:hover){[data-theme="dark"] .spot-me-card:hover{box-shadow:0 24px 72px -12px rgba(0,0,0,0.9),0 12px 32px -10px rgba(0,0,0,0.7),inset 0 2px 0 rgba(140,182,255,0.35),0 0 0 1px rgba(140,182,255,0.25),0 0 70px -10px rgba(140,182,255,0.2)}}.spot-me-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.04);transition:transform 0.3s ease,background 0.3s ease;position:relative;z-index:1}@media (hover:hover){.spot-me-card:hover .spot-me-icon{transform:scale(1.1)}}.spot-me-icon svg{width:20px;height:20px;stroke:var(--color-charcoal,#1a1a1a);stroke-width:2;fill:none}[data-theme="dark"] .spot-me-icon{background:rgba(255,255,255,0.08)}[data-theme="dark"] .spot-me-icon svg{stroke:rgba(255,255,255,0.8)}.spot-me-card h4{font-family:var(--font-heading);font-size:0.95rem;font-weight:700;color:var(--color-charcoal,#1a1a1a);margin:0;line-height:1.3;position:relative;z-index:1}[data-theme="dark"] .spot-me-card h4{color:#f0f0f5}.spot-me-card p{font-size:0.8rem;line-height:1.5;color:var(--color-muted,#64748b);margin:0;opacity:0.7;max-width:160px}[data-theme="dark"] .spot-me-card p{color:rgba(255,255,255,0.6)}.spot-me-card{opacity:0;animation:spotMeFadeIn 0.5s ease forwards}.spot-me-card:nth-child(1){animation-delay:0.15s}.spot-me-card:nth-child(2){animation-delay:0.25s}.spot-me-card:nth-child(3){animation-delay:0.35s}@keyframes spotMeFadeIn{to{opacity:1}}@media (max-width:768px){.about-fun-facts{padding:60px 0 80px}.moka-pot-illustration{width:100px;height:115px;margin-bottom:24px}.about-fun-facts .fun-facts-grid{gap:20px}.spot-me-card{min-width:180px;max-width:200px;padding:24px 20px}.spot-me-card:nth-child(1),.spot-me-card:nth-child(2),.spot-me-card:nth-child(3){transform:rotate(0deg)}.spot-me-icon{width:40px;height:40px}.spot-me-icon svg{width:18px;height:18px}}@media (max-width:600px){.about-fun-facts .fun-facts-grid{flex-direction:column;gap:16px}.spot-me-card{min-width:100%;max-width:280px}}@media (prefers-reduced-motion:reduce){.principle-card-modern,.spot-me-card{animation:none !important;opacity:1;transform:none}.moka-pot-illustration .moka-line,.moka-pot-illustration .moka-steam{animation:none !important;stroke-dasharray:none;stroke-dashoffset:0;opacity:0.7}@media (hover:hover){.moka-pot-illustration:hover svg{animation:none !important}}}