/*ottoPepys Landing Page Styles - k5m7p9v2n4x8*/

/*Hero Section - Split Layout*/
.hero-wrapper-a7x9{min-height:90vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#fafafa}
.hero-content-x3k7{padding:80px}
.hero-tag-n2p5{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#666;margin-bottom:20px}
.hero-title-m8v4{font-size:56px;font-weight:600;line-height:1.1;margin-bottom:24px;color:#1a1a1a;letter-spacing:-1px}
.hero-desc-p9x2{font-size:18px;color:#666;line-height:1.7;margin-bottom:40px;max-width:480px}
.hero-actions-n5k8{display:flex;gap:16px}
.hero-visual-x7m3{position:relative;height:100%;min-height:90vh}
.hero-image-p2v9{width:100%;height:100%;object-fit:cover}
.hero-overlay-a4n8{position:absolute;inset:0;background:linear-gradient(to right,rgba(250,250,250,1) 0%,rgba(250,250,250,0) 30%)}

/*Featured Collection*/
.featured-section-k3m7{padding:100px 0;background:#fff}
.featured-header-x5n8{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}
.featured-title-p9v2{font-size:32px;font-weight:600;color:#1a1a1a}
.featured-link-m7x3{font-size:14px;font-weight:500;color:#1a1a1a;border-bottom:1px solid #1a1a1a;padding-bottom:2px}

/*Category Circles*/
.category-section-n4v8{padding:80px 0;background:#fafafa}
.category-grid-x2k5{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}
.category-item-p7m9{text-align:center}
.category-circle-v2n5{width:140px;height:140px;border-radius:50%;overflow:hidden;margin-bottom:16px;background:#f0f0f0;transition:transform .3s}
.category-item-p7m9:hover .category-circle-v2n5{transform:scale(1.05)}
.category-circle-v2n5 img{width:100%;height:100%;object-fit:cover}
.category-name-x8k3{font-size:14px;font-weight:500;color:#1a1a1a}

/*Brand Story*/
.story-section-p9x2{padding:100px 0;background:#fff}
.story-grid-n5m8{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.story-visual-k3v7{position:relative}
.story-image-a7x4{width:100%;aspect-ratio:4/5;object-fit:cover}
.story-content-x2p9{padding:40px 0}
.story-tag-v5n8{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#666;margin-bottom:20px}
.story-title-m3k7{font-size:40px;font-weight:600;line-height:1.2;margin-bottom:24px;color:#1a1a1a}
.story-desc-p9x2{font-size:16px;color:#666;line-height:1.8;margin-bottom:32px}
.story-stats-n4v8{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;padding-top:40px;border-top:1px solid #e8e8e8}
.stat-number-x2k5{font-size:36px;font-weight:600;color:#1a1a1a;margin-bottom:8px}
.stat-label-p7m9{font-size:13px;color:#666;text-transform:uppercase;letter-spacing:1px}

/*Testimonials*/
.testimonial-section-v2n5{padding:100px 0;background:#fafafa}
.testimonial-grid-x8k3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.testimonial-card-n5x8{background:#fff;padding:40px;border-radius:4px}
.testimonial-stars-p7m9{color:#ffc107;margin-bottom:20px;font-size:18px;letter-spacing:2px}
.testimonial-text-m9v2{font-size:15px;color:#444;line-height:1.8;margin-bottom:24px;font-style:italic}
.testimonial-author-x5n8{display:flex;align-items:center;gap:16px}
.testimonial-avatar-k3p7{width:50px;height:50px;border-radius:50%;background:#e8e8e8;object-fit:cover}
.testimonial-name-n4v8{font-size:14px;font-weight:600;color:#1a1a1a}
.testimonial-location-x2k5{font-size:13px;color:#666}

/*Promo Banner*/
.promo-section-p9v2{position:relative;padding:80px 0;background:#1a1a1a;color:#fff;text-align:center;overflow:hidden}
.promo-bg-x7m3{position:absolute;inset:0;opacity:.1}
.promo-bg-x7m3 img{width:100%;height:100%;object-fit:cover}
.promo-content-n5k8{position:relative;z-index:1}
.promo-tag-a4p9{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#ccc;margin-bottom:16px}
.promo-title-v2x5{font-size:42px;font-weight:600;margin-bottom:16px}
.promo-desc-m8n3{font-size:18px;color:#ccc;margin-bottom:30px}
.promo-timer-p7k9{display:flex;justify-content:center;gap:30px;margin-bottom:40px}
.timer-unit-x3n2{text-align:center}
.timer-number-a5v8{font-size:48px;font-weight:600;line-height:1}
.timer-label-k9m4{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#999;margin-top:8px}

/*Lookbook Section*/
.lookbook-section-m7p9{padding:100px 0;background:#fff}
.lookbook-grid-x2n5{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.lookbook-item-v5k8{position:relative;overflow:hidden;aspect-ratio:3/4}
.lookbook-item-v5k8:nth-child(1){grid-column:span 2;grid-row:span 2}
.lookbook-image-p3x7{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.lookbook-item-v5k8:hover .lookbook-image-p3x7{transform:scale(1.05)}
.lookbook-overlay-n9m2{position:absolute;inset:0;background:rgba(0,0,0,.3);opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center}
.lookbook-item-v5k8:hover .lookbook-overlay-n9m2{opacity:1}
.lookbook-cta-a4k5{color:#fff;font-size:14px;font-weight:500;border:1px solid #fff;padding:12px 24px}

/*Newsletter*/
.newsletter-section-x8v2{padding:80px 0;background:#fafafa;text-align:center}
.newsletter-title-n5p9{font-size:32px;font-weight:600;margin-bottom:16px;color:#1a1a1a}
.newsletter-desc-m3k7{font-size:15px;color:#666;margin-bottom:30px;max-width:500px;margin-left:auto;margin-right:auto}
.newsletter-form-x2n8{display:flex;max-width:500px;margin:0 auto;gap:12px}
.newsletter-input-p7v5{flex:1;padding:14px 20px;border:1px solid #ddd;border-radius:4px;font-size:14px}
.newsletter-input-p7v5:focus{outline:none;border-color:#1a1a1a}

/*Instagram Feed*/
.instagram-section-k9m4{padding:60px 0;background:#fff}
.instagram-header-x5n2{text-align:center;margin-bottom:40px}
.instagram-title-p3v8{font-size:24px;font-weight:600;margin-bottom:8px}
.instagram-handle-n7m9{color:#666;font-size:14px}
.instagram-grid-a2k5{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.instagram-item-v8p3{aspect-ratio:1;overflow:hidden}
.instagram-item-v8p3 img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.instagram-item-v8p3:hover img{transform:scale(1.1)}

/*Responsive*/
@media(max-width:1024px){
.hero-wrapper-a7x9{grid-template-columns:1fr}
.hero-content-x3k7{padding:60px 40px;text-align:center}
.hero-title-m8v4{font-size:42px}
.hero-desc-p9x2{margin-left:auto;margin-right:auto}
.hero-visual-x7m3{min-height:50vh;order:-1}
.story-grid-n5m8{grid-template-columns:1fr;gap:40px}
.testimonial-grid-x8k3{grid-template-columns:1fr}
.lookbook-grid-x2n5{grid-template-columns:repeat(2,1fr)}
.lookbook-item-v5k8:nth-child(1){grid-column:span 2;grid-row:span 1}
.instagram-grid-a2k5{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
.hero-title-m8v4{font-size:32px}
.hero-content-x3k7{padding:40px 24px}
.category-grid-x2k5{gap:30px}
.category-circle-v2n5{width:100px;height:100px}
.story-title-m3k7{font-size:28px}
.story-stats-n4v8{grid-template-columns:1fr;gap:20px;text-align:center}
.promo-title-v2x5{font-size:28px}
.promo-timer-p7k9{gap:20px}
.timer-number-a5v8{font-size:32px}
.lookbook-grid-x2n5{grid-template-columns:1fr}
.lookbook-item-v5k8:nth-child(1){grid-column:span 1}
.newsletter-form-x2n8{flex-direction:column}
.instagram-grid-a2k5{grid-template-columns:repeat(2,1fr)}
}