.about-story-grid{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-story-image{border-radius:var(--radius-xl);aspect-ratio:4/3;position:relative;overflow:hidden}.about-story-image img{object-fit:cover;width:100%;height:100%}.about-story-content{flex-direction:column;display:flex}.about-values{background-color:var(--color-cream)}.values-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.value-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-lg);text-align:center;border:1px solid var(--color-border);transition:all var(--transition-normal);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.value-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-accent), transparent);opacity:0;height:3px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.value-card:hover{box-shadow:var(--shadow-lg);border-color:#c8a96e66;transform:translateY(-6px)}.value-card:hover:before{opacity:1}.value-icon{width:72px;height:72px;margin-bottom:var(--spacing-lg);color:var(--color-accent);transition:all var(--transition-normal);background:linear-gradient(135deg,#c8a96e1f 0%,#b8956a0d 100%);border:1px solid #c8a96e4d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.value-icon:after{content:"";transition:all var(--transition-slow);border:1px dashed #c8a96e40;border-radius:50%;position:absolute;inset:-4px}.value-card:hover .value-icon{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);color:var(--color-white);transform:scale(1.06);box-shadow:0 8px 24px #c8a96e4d}.value-card:hover .value-icon:after{border-color:#c8a96e80;inset:-6px;transform:rotate(45deg)}.value-icon svg{width:32px;height:32px;transition:transform var(--transition-normal)}.value-card:hover .value-icon svg{transform:scale(1.05)}.value-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--color-text-dark)}.value-card p{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:0;line-height:1.6}.about-process{background-color:var(--color-primary)}.about-process-grid{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-process-content{flex-direction:column;display:flex}.about-process-image{border-radius:var(--radius-xl);aspect-ratio:4/5;position:relative;overflow:hidden}.about-process-image img{object-fit:cover;width:100%;height:100%}.process-steps{gap:var(--spacing-lg);margin-top:var(--spacing-lg);flex-direction:column;display:flex}.process-step{gap:var(--spacing-md);align-items:flex-start;display:flex}.step-number{font-family:var(--font-heading);font-size:var(--font-size-3xl);color:var(--color-accent);opacity:.4;min-width:48px;font-weight:600;line-height:1}.process-step h4{margin-bottom:var(--spacing-xs)}.process-step p{font-size:var(--font-size-sm);margin-bottom:0}.about-timeline{color:var(--color-white);background:radial-gradient(circle at 50% 30%,#291c15 0%,#150f0c 100%);position:relative;overflow:hidden}.about-timeline:before{content:"";pointer-events:none;opacity:.6;background-image:radial-gradient(#c8a96e14 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.subtitle-gold{color:var(--color-accent)!important}.timeline-heading{color:var(--color-white)!important}.divider-gold{background:linear-gradient(90deg, transparent, var(--color-accent), transparent)!important}.timeline-section-desc{color:#f5f1ebbf;max-width:640px;font-size:var(--font-size-base);margin:0 auto;line-height:1.7}.timeline-container{margin-top:var(--spacing-2xl);padding:var(--spacing-md) 0;position:relative}.timeline-axis{z-index:1;pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:2%;right:2%;transform:translateY(-50%)}.timeline-axis-line{background:linear-gradient(90deg, #c8a96e33 0%, #c8a96ebf 50%, #c8a96ee6 98%, var(--color-accent) 100%);flex:1;height:2px;box-shadow:0 0 10px #c8a96e4d}.timeline-axis-arrow{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:10px solid var(--color-accent);filter:drop-shadow(0 0 4px #c8a96e80);width:0;height:0;margin-left:-2px}.timeline-grid{gap:var(--spacing-md);z-index:2;grid-template-columns:repeat(5,1fr);display:grid;position:relative}.timeline-milestone{transition:transform var(--transition-normal);flex-direction:column;align-items:center;display:flex;position:relative}.milestone-slot{justify-content:center;align-items:center;width:100%;height:220px;display:flex}.milestone-slot-upper.milestone-slot-card{align-items:flex-end;padding-bottom:12px}.milestone-slot-lower.milestone-slot-card{align-items:flex-start;padding-top:12px}.milestone-slot-illus{justify-content:center;align-items:center}.milestone-card{border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(8px);transition:all var(--transition-normal);background:#ffffff0a;border:1px solid #c8a96e38;width:100%;padding:1.25rem 1rem;box-shadow:0 4px 20px #0003}.timeline-milestone:hover .milestone-card{background:#ffffff14;border-color:#c8a96e99;transform:translateY(-4px);box-shadow:0 12px 32px #00000073,0 0 16px #c8a96e2e}.milestone-year{font-family:var(--font-heading);color:var(--color-accent);letter-spacing:.5px;text-shadow:0 2px 8px #0006;margin-bottom:.5rem;font-size:2.25rem;font-weight:600;line-height:1;display:block}.milestone-title{color:var(--color-white);margin-bottom:.4rem;font-size:1rem;font-weight:600;line-height:1.35}.milestone-desc{color:#f5f1ebb8;margin-bottom:0;font-size:.8125rem;line-height:1.5}.milestone-node-wrap{z-index:3;justify-content:center;align-items:center;width:100%;height:48px;display:flex;position:relative}.milestone-top .milestone-connector{background:linear-gradient(#c8a96ea6,#c8a96e33);width:2px;height:24px;position:absolute;bottom:50%;left:50%;transform:translate(-50%)}.milestone-bottom .milestone-connector{background:linear-gradient(#c8a96e33,#c8a96ea6);width:2px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%)}.milestone-node{border:2px solid var(--color-accent);width:22px;height:22px;transition:all var(--transition-normal);cursor:pointer;z-index:4;background:#17100c;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 12px #c8a96e73}.milestone-dot{background:var(--color-accent);width:8px;height:8px;transition:all var(--transition-normal);border-radius:50%}.timeline-milestone:hover .milestone-node{border-color:#fff;transform:scale(1.3);box-shadow:0 0 20px #c8a96ed9,inset 0 0 6px #c8a96e99}.timeline-milestone:hover .milestone-dot{background:#fff}.milestone-illus{width:60px;height:60px;color:var(--color-accent);transition:all var(--transition-normal);background:#c8a96e0d;border:1px dashed #c8a96e47;border-radius:50%;justify-content:center;align-items:center;display:flex}.milestone-illus svg{width:26px;height:26px;stroke:var(--color-accent);opacity:.75;transition:all var(--transition-normal)}.timeline-milestone:hover .milestone-illus{border-color:var(--color-accent);background:#c8a96e1f;border-style:solid;transform:scale(1.08);box-shadow:0 0 20px #c8a96e40}.timeline-milestone:hover .milestone-illus svg{opacity:1;transform:scale(1.1)}@media (max-width:991px){.timeline-axis{display:none}.timeline-grid{gap:var(--spacing-xl);margin-top:var(--spacing-lg);flex-direction:column;padding-left:2.75rem;display:flex;position:relative}.timeline-grid:before{content:"";background:linear-gradient(180deg, var(--color-accent) 0%, #c8a96e80 75%, #c8a96e26 100%);width:2px;position:absolute;top:10px;bottom:10px;left:14px;box-shadow:0 0 8px #c8a96e4d}.timeline-milestone{flex-direction:row;align-items:flex-start;width:100%;display:flex;position:relative}.milestone-slot-illus{display:none!important}.milestone-slot{width:100%;height:auto!important;padding:0!important}.milestone-node-wrap{width:30px;height:30px;margin:0;position:absolute;top:6px;left:-2.75rem}.milestone-connector{display:none!important}.milestone-node{width:20px;height:20px}.milestone-dot{width:7px;height:7px}.milestone-card{text-align:left;padding:1.25rem}.milestone-year{margin-bottom:.25rem;font-size:1.75rem}.milestone-title{margin-bottom:.35rem;font-size:1.05rem}.milestone-desc{font-size:.875rem}}@media (max-width:768px){.about-story-grid,.about-process-grid{gap:var(--spacing-xl);grid-template-columns:1fr}.about-story-image{aspect-ratio:16/10}.about-process-image{aspect-ratio:16/10;order:-1}.values-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}