L.C The Heritage Pullover
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --black: #0e0e0e; --off-white: #f7f5f0; --warm-gray: #b0aa9f; --mid-gray: #6b6560; --accent: #2c2c 2c; --border: #dedad4; --font-display: 'Cormorant Garamond', Georgia, serif; --font-body: 'Jost', sans-serif; } body { background: #fff; color: var(--black); font-family: var(--font-body); font-weight: 300; max-width: 720px; margin: 0 auto; padding: 48px 24px 80px; line-height: 1.7; -webkit-font-smoothing: antialiased; } /* ── Header ── */ .product-eyebrow { font-family: var(--font-body); font-size: 10px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: var(--warm-gray); margin-bottom: 12px; } .product-title { font-family: var(--font-display); font-size: 36px; font-weight: 500; line-height: 1.15; letter-spacing: 0.01em; margin-bottom: 20px; color: var(--black); } .product-intro { font-size: 15px; color: var(--mid-gray); line-height: 1.75; max-width: 580px; border-left: 2px solid var(--border); padding-left: 20px; margin-bottom: 48px; } /* ── Divider ── */ .divider { border: none; border-top: 1px solid var(--border); margin: 40px 0; } /* ── Section label ── */ .section-label { font-family: var(--font-body); font-size: 9px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--warm-gray); margin-bottom: 20px; display: block; } /* ── Colors ── */ .colors-grid { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 40px; } .color-item { display: flex; flex-direction: column; align-items: center; gap: 8px; } .color-swatch { width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.12); } .color-label { font-size: 11px; color: var(--mid-gray); letter-spacing: 0.04em; text-align: center; } /* ── Features ── */ .features-list { list-style: none; display: grid; gap: 14px; margin-bottom: 40px; } .features-list li { display: flex; gap: 14px; align-items: flex-start; font-size: 14px; color: var(--black); } .features-list li::before { content: '—'; color: var(--warm-gray); font-family: var(--font-display); font-size: 16px; flex-shrink: 0; line-height: 1.4; } .feat-title { font-weight: 500; color: var(--black); } .feat-desc { color: var(--mid-gray); font-size: 13px; } /* ── Size Table ── */ .size-note { font-size: 13px; color: var(--mid-gray); margin-bottom: 20px; font-style: italic; } .size-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 12px; } table { width: 100%; border-collapse: collapse; font-size: 13px; min-width: 480px; } thead tr { border-bottom: 1px solid var(--black); } thead th { font-family: var(--font-body); font-weight: 500; font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mid-gray); padding: 0 12px 12px 0; text-align: left; } thead th:first-child { min-width: 60px; } tbody tr { border-bottom: 1px solid var(--border); transition: background 0.15s; } tbody tr:hover { background: var(--off-white); } tbody td { padding: 12px 12px 12px 0; color: var(--black); font-size: 13px; } .size-badge { display: inline-block; background: var(--black); color: #fff; font-size: 11px; font-weight: 500; letter-spacing: 0.08em; padding: 3px 10px; border-radius: 2px; } .fit-note { font-size: 12px; color: var(--warm-gray); margin-top: 10px; font-style: italic; } /* ── Styling tips ── */ .style-block { background: var(--off-white); border-left: 3px solid var(--black); padding: 20px 24px; margin-bottom: 40px; } .style-block p { font-size: 14px; color: var(--mid-gray); line-height: 1.75; margin: 0; } /* ── Care ── */ .care-list { list-style: none; display: grid; gap: 10px; } .care-list li { display: flex; gap: 12px; align-items: center; font-size: 13px; color: var(--mid-gray); } .care-icon { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; } /* ── Footer mark ── */ .brand-mark { margin-top: 64px; padding-top: 24px; border-top: 1px solid var(--border); display: flex; align-items: center; gap: 8px; } .brand-mark span { font-family: var(--font-display); font-size: 18px; font-weight: 600; letter-spacing: 0.08em; color: var(--black); text-transform: uppercase; } .brand-mark-line { flex: 1; height: 1px; background: var(--border); } Ravenna — Men's Knitwear Men's TexturedCrew-Neck Sweater A refined everyday essential that balances comfort and style. The raised-texture pattern adds subtle character while the soft fabric and slim fit ensure all-day ease without restricting movement. Available colors Navy Blue Green Dark Gray Beige Light Gray Features Soft, comfortable fabric Provides warmth and all-day comfort without bulk Raised texture pattern Surface detail adds visual depth and a tactile finish Classic crew neck Versatile collar suitable for any occasion, casual or smart Ribbed cuffs and hem Finished edges for a clean silhouette and a secure, precise fit Slim fit construction Tailored through the chest and waist without restricting movement Size guide All measurements refer to the garment, not the body. When between sizes, we recommend sizing up. Size Chest (in) Chest (cm) Length (in) Length (cm) Shoulder (in) Sleeve (in) M 39 – 41 99 – 104 27.5 70 17.5 25.5 L 41 – 43 104 – 109 28 71 18 26 XL 43 – 45 109 – 114 28.5 72.5 18.5 26.5 2XL 45 – 47 114 – 119 29 73.5 19 27 3XL 47 – 49 119 – 124 29.5 75 19.5 27.5 Regular fit — size up for a more relaxed silhouette. How to wear it Pair with chino trousers and loafers for a smart-casual look, or layer under a blazer for a more polished outfit. Works equally well with tailored trousers or quality denim — a versatile piece that moves between contexts without effort. Care instructions Machine wash cold — preserves color and shape Do not tumble dry — lay flat to maintain form and softness Iron on low heat only if needed Do not bleach or dry clean Ravenna