:root{--article-bg: #0a0a0a;--article-surface: #141414;--article-surface-elevated: #1a1a1a;--article-border: rgba(255, 255, 255, .06);--article-text-primary: #f5f5f5;--article-text-secondary: rgba(255, 255, 255, .75);--article-text-tertiary: rgba(255, 255, 255, .55);--article-accent: #ff4d3d;--article-accent-hover: #ff6856;--article-radius: 16px;--article-radius-lg: 24px;--article-shadow: 0 4px 24px rgba(0, 0, 0, .4);--article-shadow-lg: 0 12px 48px rgba(0, 0, 0, .6)}.article-main{background:var(--article-bg);color:var(--article-text-primary);min-height:100vh}.article-hero{position:relative;width:100%;min-height:clamp(400px,60vh,700px);display:flex;align-items:flex-end;overflow:hidden;margin-bottom:clamp(3rem,6vw,5rem)}.article-hero--spaced{margin-top:2rem;border-radius:var(--article-radius-lg)}.article-hero__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.article-hero__image,.article-hero__placeholder{width:100%;height:100%;object-fit:cover;display:block}.article-hero__placeholder{background:linear-gradient(135deg,#1a1a1a,#0d0d0d)}.article-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0a00,#0a0a0a80,#0a0a0af2);z-index:1}.article-hero__content{position:relative;z-index:2;width:100%;padding:clamp(2rem,5vw,4rem) clamp(1.25rem,5vw,3rem)}.article-hero__container{max-width:900px;margin:0 auto}.article-hero__category{display:inline-block;padding:.5rem 1.25rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.25rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.article-hero__title{font-size:clamp(2rem,5vw,3.75rem);color:#fff;font-weight:700;line-height:1.1;margin:0 0 1.5rem;letter-spacing:-.02em}.article-hero__meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.article-meta-item{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:.875rem;color:var(--article-text-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.article-meta-icon{width:16px;height:16px;opacity:.8}.article-container{max-width:1320px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem)}.article-layout{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start}@media(min-width:1024px){.article-layout{grid-template-columns:1fr 320px;gap:4rem}}.article-content{min-width:0}.article-body{background:var(--article-surface);border:1px solid var(--article-border);border-radius:var(--article-radius);padding:clamp(2rem,5vw,3.5rem);line-height:1.75;font-size:1.0625rem;color:var(--article-text-secondary);box-shadow:var(--article-shadow)}.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{color:var(--article-text-primary);font-weight:600;margin:2.5rem 0 1rem;line-height:1.3;letter-spacing:-.01em}.article-body h2{font-size:2rem;margin-top:3rem}.article-body h3{font-size:1.5rem}.article-body h4{font-size:1.25rem}.article-body p{margin:1.25rem 0}.article-body a{color:var(--article-accent);text-decoration:none;border-bottom:1px solid rgba(255,77,61,.3);transition:border-color .2s ease}.article-body a:hover{border-bottom-color:var(--article-accent)}.article-body img{width:100%;height:auto;border-radius:var(--article-radius);margin:2rem 0;box-shadow:var(--article-shadow)}.article-body ul,.article-body ol{margin:1.5rem 0;padding-left:1.75rem}.article-body li{margin:.75rem 0}.article-body blockquote{margin:2rem 0;padding:1.5rem 2rem;background:#ffffff08;border-left:4px solid var(--article-accent);border-radius:0 var(--article-radius) var(--article-radius) 0;font-style:italic;color:var(--article-text-primary)}.article-body code{padding:.2rem .5rem;background:#ffffff14;border-radius:4px;font-size:.9em;font-family:Monaco,Courier New,monospace}.article-body pre{padding:1.5rem;background:#000;border:1px solid var(--article-border);border-radius:var(--article-radius);overflow-x:auto;margin:2rem 0}.article-body pre code{padding:0;background:none}.article-tags{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--article-border)}.article-tags__heading{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--article-text-tertiary);margin:0 0 1rem}.article-tags__list{display:flex;flex-wrap:wrap;gap:.75rem}.article-tag{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:.8125rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--article-text-secondary);text-decoration:none;transition:all .2s ease}.article-tag:hover{background:#ffffff1a;border-color:var(--article-accent);color:var(--article-text-primary);transform:translateY(-2px)}.article-share--mobile{display:block;margin-top:2.5rem;padding:2rem;background:var(--article-surface);border:1px solid var(--article-border);border-radius:var(--article-radius)}.article-share__heading{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--article-text-tertiary);margin:0 0 1rem}@media(min-width:1024px){.article-share--mobile{display:none}}.article-sidebar{display:none}@media(min-width:1024px){.article-sidebar{display:block}}.sidebar-card{background:var(--article-surface);border:1px solid var(--article-border);border-radius:var(--article-radius);padding:1.75rem;box-shadow:var(--article-shadow)}.sidebar-card--sticky{position:sticky;top:2rem}.sidebar-section{padding:1.5rem 0;border-bottom:1px solid var(--article-border)}.sidebar-section:first-child{padding-top:0}.sidebar-section:last-child{padding-bottom:0;border-bottom:none}.sidebar-section__title{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--article-text-tertiary);margin:0 0 1rem}.sidebar-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.875rem 1.25rem;background:var(--article-accent);border:none;border-radius:999px;font-size:.875rem;font-weight:600;letter-spacing:.03em;color:#fff;text-decoration:none;transition:all .25s ease;cursor:pointer}.sidebar-button:hover{background:var(--article-accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px #ff4d3d59}.sidebar-button__icon{transition:transform .25s ease}.sidebar-button:hover .sidebar-button__icon{transform:translate(4px)}.sidebar-tags{display:flex;flex-direction:column;gap:.5rem}.sidebar-tag{display:inline-flex;padding:.5rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:.8125rem;letter-spacing:.03em;color:var(--article-text-secondary);text-decoration:none;transition:all .2s ease}.sidebar-tag:hover{background:#ffffff14;border-color:#ffffff26;color:var(--article-text-primary)}.article-related{margin:clamp(4rem,8vw,6rem) 0;padding:clamp(3rem,6vw,5rem) 0;background:var(--article-surface);border-top:1px solid var(--article-border);border-bottom:1px solid var(--article-border)}.article-related__header{text-align:center;max-width:640px;margin:0 auto 3rem}.article-related__label{display:inline-block;padding:.5rem 1.25rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1rem}.article-related__title{font-size:clamp(1.875rem,4vw,2.5rem);color:#fff;font-weight:700;line-height:1.2;margin:0 0 .75rem;letter-spacing:-.02em}.article-related__description{font-size:1.0625rem;color:var(--article-text-tertiary);margin:0}.article-related__grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:640px){.article-related__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.article-related__grid{grid-template-columns:repeat(3,1fr)}}.article-related__empty{text-align:center;color:var(--article-text-tertiary);padding:3rem 0}.related-card{display:flex;flex-direction:column;background:var(--article-surface-elevated);border:1px solid var(--article-border);border-radius:var(--article-radius);overflow:hidden;transition:all .3s ease}.related-card:hover{transform:translateY(-6px);box-shadow:var(--article-shadow-lg);border-color:#ffffff1f}.related-card__image-link{display:block;overflow:hidden}.related-card__image-wrapper{position:relative;width:100%;padding-bottom:66.67%;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);overflow:hidden}.related-card__image,.related-card__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.related-card:hover .related-card__image{transform:scale(1.05)}.related-card__content{display:flex;flex-direction:column;gap:.75rem;padding:1.75rem}.related-card__date{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--article-text-tertiary)}.related-card__title{font-size:1.125rem;font-weight:600;line-height:1.4;margin:0}.related-card__title a{color:var(--article-text-primary);text-decoration:none;transition:color .2s ease}.related-card__title a:hover{color:var(--article-accent)}.related-card__excerpt{font-size:.9375rem;line-height:1.6;color:var(--article-text-tertiary);margin:0}.related-card__link{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--article-accent);text-decoration:none;margin-top:auto;transition:gap .25s ease}.related-card__link:hover{gap:.75rem}.related-card__arrow{width:16px;height:16px;transition:transform .25s ease}.related-card__link:hover .related-card__arrow{transform:translate(4px)}.article-comments{margin:clamp(3rem,6vw,5rem) 0;padding:clamp(2rem,5vw,3.5rem);background:var(--article-surface);border:1px solid var(--article-border);border-radius:var(--article-radius);box-shadow:var(--article-shadow)}@media(max-width:768px){.article-hero__title{font-size:clamp(1.75rem,6vw,2.5rem)}.article-body{font-size:1rem}.article-body h2{font-size:1.5rem}.article-body h3{font-size:1.25rem}}.list-social__link svg{fill:#fff;height:60px}.link--text{color:#fff!important}h2.title.uppercase{color:#fff}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-main-article.css.map */