.template-page .co-blog-page,.co-blog-page{width:min(1780px,calc(100vw - 28px));margin:0 auto clamp(42px,5vw,80px);color:#f7f4ea}.co-blog-hero{min-height:clamp(280px,31vw,430px);display:grid;align-items:end;padding:clamp(26px,4vw,74px);border:1px solid rgba(214,167,33,.28);border-radius:18px;overflow:hidden;position:relative;background:linear-gradient(90deg,#000000f0,#000000b8 40%,#0000006b,#000000d1),linear-gradient(180deg,#0000003d,#0000008a),var(--co-blog-hero-image) center/cover no-repeat;box-shadow:0 24px 60px #00000047,inset 0 1px #ffffff0a}.co-blog-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(255,255,255,.028) 0 1px,transparent 1px 12px)}.co-blog-hero__copy{position:relative;z-index:1;max-width:760px}.co-blog-hero h1{margin:0;font-family:Bodoni Moda,Didot,serif;font-size:clamp(54px,6.7vw,126px);line-height:.88;letter-spacing:-.045em;text-transform:uppercase;color:#fffaf0;text-shadow:0 14px 38px rgba(0,0,0,.44)}.co-blog-hero__copy>p:not(.apex-eyebrow){max-width:58ch;margin:14px 0 0;color:#f7f4ead1;font-size:clamp(15px,.95vw,18px);line-height:1.45}.co-blog-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.co-blog-hero__actions .apex-button{min-height:48px!important;border-radius:999px!important}.co-blog-category-tabs{display:flex;gap:8px;margin:16px 0;padding:8px;border-radius:12px;border:1px solid rgba(214,167,33,.18);background:#ffffff06;overflow-x:auto;scrollbar-width:thin}.co-blog-category-tabs a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 16px;border-radius:10px;white-space:nowrap;color:#f7f4eac7;border:1px solid transparent;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.co-blog-category-tabs a.is-active,.co-blog-category-tabs a:hover{color:#111;border-color:#ffd21f9e;background:linear-gradient(135deg,#b85b22,#d88928 40%,#f0c642 78%,#ffe575)}.co-blog-category-tabs svg{width:16px;height:16px}.co-blog-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr);gap:clamp(18px,2vw,30px);align-items:start}.co-blog-main,.co-blog-sidebar{min-width:0}.co-blog-featured,.co-blog-widget,.co-blog-card{position:relative;border:1px solid rgba(214,167,33,.22);border-radius:16px;overflow:hidden;background:repeating-linear-gradient(135deg,rgba(255,255,255,.024) 0 1px,transparent 1px 12px),linear-gradient(145deg,#0c0c0cfb,#050707fb);box-shadow:0 18px 46px #00000040,inset 0 1px #ffffff09}.co-blog-featured{display:grid;grid-template-columns:minmax(290px,.95fr) minmax(0,1fr);min-height:235px}.co-blog-featured__media,.co-blog-card__media{background:linear-gradient(180deg,#0000001a,#00000085),var(--co-article-image) center/cover no-repeat;min-height:220px;position:relative}.co-blog-featured__media span,.co-blog-card__media span{position:absolute;top:12px;right:12px;padding:6px 10px;border-radius:999px;color:#111;background:linear-gradient(135deg,#b85b22,#ffd21f);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.co-blog-featured__body,.co-blog-card__body{padding:clamp(18px,1.4vw,28px)}.co-blog-featured h2,.co-blog-section-title h2,.co-blog-widget h3,.co-blog-card h3{margin:0;font-family:Bodoni Moda,Didot,serif;color:#fffaf0;letter-spacing:-.025em}.co-blog-featured h2{font-size:clamp(29px,2.2vw,44px);line-height:.98}.co-blog-featured p{color:#f7f4eab8;line-height:1.45}.co-blog-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;color:#f7f4ea9e;font-size:12px;font-weight:700}.co-blog-meta span{display:inline-flex;align-items:center;gap:6px}.co-blog-meta svg{width:14px;height:14px;color:#d88928}.co-blog-read{display:inline-flex;align-items:center;gap:8px;margin-top:18px;min-height:42px;padding:0 18px;border-radius:999px;color:#111;background:linear-gradient(135deg,#b85b22,#d88928 40%,#f0c642 78%,#ffe575);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.co-blog-section-title{margin:24px 0 14px}.co-blog-section-title h2{font-size:clamp(32px,2.4vw,54px)}.co-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.co-blog-card__media{min-height:150px}.co-blog-card h3{font-size:clamp(22px,1.45vw,30px);line-height:1.02}.co-blog-card p{color:#f7f4eaad;line-height:1.4;margin:10px 0 0}.co-blog-sidebar{display:grid;gap:18px;position:sticky;top:120px}.co-blog-widget{padding:22px}.co-blog-categories a:not(.co-blog-all-categories){display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(214,167,33,.12);color:#f7f4ead1;font-weight:800}.co-blog-categories a span{display:inline-flex;align-items:center;gap:8px}.co-blog-categories svg{width:16px;height:16px;color:#d88928}.co-blog-categories b{color:#f7f4ea85;font-size:12px}.co-blog-all-categories{margin-top:16px;min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;color:#111;border-radius:999px;background:linear-gradient(135deg,#b85b22,#d88928 40%,#f0c642 78%,#ffe575);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.co-blog-newsletter>div{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#ffd21f;border:1px solid rgba(255,210,31,.36);background:#ffd21f14}.co-blog-newsletter h3,.co-blog-advisor h3{font-size:31px;line-height:.98;margin-top:14px}.co-blog-newsletter p,.co-blog-advisor p{color:#f7f4eaad;line-height:1.45}.co-blog-newsletter-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:16px}.co-blog-newsletter-form input{min-height:46px;border-radius:12px;border:1px solid rgba(214,167,33,.22);color:#fffaf0;background:#ffffff09;padding:0 14px}.co-blog-newsletter-form button{min-height:46px;border:0;border-radius:12px;padding:0 18px;color:#111;background:linear-gradient(135deg,#b85b22,#d88928 40%,#f0c642 78%,#ffe575);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.co-blog-advisor .apex-button{width:100%;margin-top:12px}@media(max-width:1180px){.co-blog-layout{grid-template-columns:1fr}.co-blog-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.co-blog-advisor{grid-column:1 / -1}}@media(max-width:760px){.co-blog-page{width:min(100% - 18px,100%)}.co-blog-hero{padding:28px 18px;border-radius:16px}.co-blog-featured,.co-blog-grid,.co-blog-sidebar,.co-blog-newsletter-form{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/181/assets/cyclooutlet-blog-v45.css.map */