.brand-logo { display: block; width: 178px; height: auto; }
.wordmark { display: inline-flex; align-items: center; }
.tin-image { background: none !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; }
.tin-image::before, .tin-image::after { display: none !important; }
.packshot { display: block; width: 145%; height: 145%; object-fit: contain; filter: drop-shadow(0 17px 18px rgba(0, 0, 0, .32)); }
.flavour-card .tin-image { width: 220px; height: 220px; }
@media (max-width: 520px) { .brand-logo { width: 142px; } }

:root {
  --ink: #050505;
  --deep: #0c0c0c;
  --blue: #f01624;
  --ice: #ffffff;
  --frost: #ffffff;
  --line: rgba(255, 255, 255, .28);
  --muted: #adb1b3;
  --title: "Teko", "Barlow Condensed", Impact, sans-serif;
}
.age-bar { background: #ef1322; color: #fff; font-weight: 700; }
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(5,5,5,.94); border-color: rgba(255,255,255,.34); box-shadow: 0 10px 30px rgba(0,0,0,.22); backdrop-filter: blur(14px); }
.hero-fallback { background-image: linear-gradient(90deg, rgba(0,0,0,.92), rgba(0,0,0,.35)), url("assets/siberia/atmosphere/northern-range.jpg"); }
.hero:after, .arctic-section:after { background: linear-gradient(90deg, rgba(0,0,0,.91), rgba(0,0,0,.3) 62%, rgba(0,0,0,.82)), linear-gradient(0deg, rgba(0,0,0,.94), transparent 60%); }
.hero h1, h2 { letter-spacing: .005em; font-weight: 700; }
.hero h1 span:nth-child(2), h2 em { color: #f01624; }
.eyebrow, .section-index, .standard-card span { color: #f01624; font-weight: 700; }
.hero-topography { display: none; }
.hero-data i { background: #f01624; }
.circle-link b { border-color: #f01624; color: #fff; background: #f01624; }
.manifesto { background: #fff; color: #080808; }
.manifesto-detail { color: #242424; }.manifesto-detail p+p { color: #5e5e5e; }
.contour-field,.contour-field span { border-color: rgba(237,18,33,.24); }.contour-field span:nth-child(5) { background: radial-gradient(circle, rgba(237,18,33,.2), transparent 64%); }
.dark-panel { background: linear-gradient(145deg, #111 0%, #050505 58%, #210407 100%); }
.range-section { border-top-color: #f01624; }
.range-filter, .trade-cta { clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 11px 100%, 0 calc(100% - 11px)); }
.range-filter { border-color: rgba(255,255,255,.42); }.range-filter.active { background: #f01624; border-color: #f01624; color: #fff; }.range-filter.active span, .range-filter span { color: #fff; }
.product-card { background-image: linear-gradient(135deg, transparent 0 93%, rgba(240,22,36,.4) 93%); }.product-card:hover { background-color: rgba(240,22,36,.14); }
.range-note { color: #c9c9c9; }
.intensity-section { background: #f7f7f5; color: #070707; }.intensity-section .section-index,.intensity-header .eyebrow { color: #d50d1c; }.intensity-section .section-index span,.intensity-header p:last-child { color: #5b5b5b; }
.scale-line:before { background: #d41421; }.strength-point { background: #fff; box-shadow: 0 0 0 1px #d41421; }.strength-point.active { background: #d41421; box-shadow: 0 0 0 8px rgba(212,20,33,.18); }.strength-result { border-color: #a9a9a9; }.strength-pills span { border-color: #d41421; }
.flavour-section { background: #080808; }.flavour-card { background: linear-gradient(135deg, #1b0809, #070707 70%); border-color: rgba(240,22,36,.6); clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 26px 100%, 0 calc(100% - 26px)); }.flavour-option.active b { color: #f01624; }
.standard-card { border-color: rgba(255,255,255,.27); background-image: linear-gradient(135deg, transparent 0 91%, rgba(240,22,36,.55) 91%); }.standard-card h3 { letter-spacing: .04em; }
.arctic-fallback { background-image: linear-gradient(90deg, rgba(0,0,0,.92), rgba(0,0,0,.38)), url("assets/siberia/atmosphere/northern-range.jpg"); }.arctic-overlay { display: none; }
.trade-section { background: #ef1322; color: #fff; }.trade-section .section-index,.trade-section .eyebrow { color: #fff; }.trade-bottom p { color: #fff; }.trade-cta { color: #fff; border-color: #fff; }.trade-grid-mark { border-color: rgba(255,255,255,.35); background-image: linear-gradient(90deg, transparent 49%, rgba(255,255,255,.24) 50% 51%, transparent 52%), linear-gradient(0deg, transparent 49%, rgba(255,255,255,.24) 50% 51%, transparent 52%); }
footer { background: #fff; border-top-color: #f01624; color: #090909; }footer .brand-logo { filter: invert(1); }footer p { color: #505050; }footer a:last-child { color: #d30b18; }
.bear-insignia { position: absolute; z-index: 2; right: clamp(4%, 10vw, 14%); bottom: 7%; width: clamp(250px, 35vw, 540px); opacity: .92; filter: saturate(1.1) contrast(1.15); transform: rotate(-6deg); mix-blend-mode: multiply; pointer-events: none; }
.bear-tag { position: absolute; z-index: 3; right: clamp(4%, 8vw, 11%); bottom: 10%; padding: 9px 12px; border-left: 3px solid #ef1322; background: rgba(255,255,255,.86); color: #111; font: 700 9px/1.55 var(--mono); letter-spacing: .12em; }
@media (max-width: 850px) { .bear-insignia { right: -7%; bottom: 2%; opacity: .32; }.bear-tag { right: 24px; bottom: 8%; } }
.editor-toolbar { position: fixed; z-index: 100; right: 18px; bottom: 18px; display: flex; align-items: center; gap: 7px; max-width: calc(100vw - 36px); padding: 8px; border: 1px solid rgba(255,255,255,.36); background: rgba(7,7,7,.94); box-shadow: 0 14px 42px rgba(0,0,0,.4); color: #fff; font: 700 10px var(--mono); text-transform: uppercase; letter-spacing: .06em; backdrop-filter: blur(14px); }
.editor-toolbar div { display: grid; gap: 3px; padding: 0 8px 0 3px; }.editor-toolbar strong { color: #fff; }.editor-toolbar span { color: #aaa; font-size: 8px; letter-spacing: .02em; text-transform: none; }.editor-toolbar button { min-height: 33px; border: 1px solid rgba(255,255,255,.35); background: transparent; color: #fff; padding: 0 10px; font: inherit; cursor: pointer; }.editor-toolbar button:hover { border-color: #f01624; background: #f01624; }.editor-toolbar .editor-reset { color: #ff8f96; }
.editor-active [contenteditable="true"] { position: relative; outline: 1px dashed rgba(240,22,36,.92); outline-offset: 5px; cursor: text; }.editor-active [contenteditable="true"]:focus { outline: 2px solid #f01624; background: rgba(240,22,36,.1); }.editor-active [data-draggable] { cursor: move; touch-action: none; }.editor-active [data-draggable]:hover { filter: drop-shadow(0 0 0 #f01624) drop-shadow(0 0 16px rgba(240,22,36,.8)); }.editor-positioned.packshot { transform: translate(var(--editor-x, 0px), var(--editor-y, 0px)); }.editor-positioned.bear-insignia { transform: translate(var(--editor-x, 0px), var(--editor-y, 0px)) rotate(-6deg); }.is-dragging { cursor: grabbing !important; }
@media (max-width: 750px) { .editor-toolbar { left: 12px; right: 12px; bottom: 12px; flex-wrap: wrap; }.editor-toolbar div { width: 100%; }.editor-toolbar button { flex: 1; min-width: 70px; } }

main { position: relative; }
.editor-toolbar { right: 16px; bottom: 16px; display: grid; grid-template-columns: auto auto; gap: 8px; width: min(680px, calc(100vw - 32px)); padding: 10px; }
.editor-toolbar .editor-title { width: auto; padding: 1px 8px 1px 1px; }
.editor-toolbar .editor-actions { display: flex; width: auto; gap: 6px; }
.editor-toolbar .editor-inspector { display: none; grid-column: 1 / -1; gap: 8px; padding-top: 9px; border-top: 1px solid rgba(255,255,255,.22); }
.editor-toolbar .editor-inspector.is-open { display: grid; }
.editor-toolbar .inspector-row { display: flex; align-items: end; gap: 8px; width: 100%; }
.editor-toolbar label { display: grid; flex: 1; gap: 5px; color: #d6d6d6; font-size: 8px; }
.editor-toolbar input, .editor-toolbar select { width: 100%; height: 30px; border: 1px solid rgba(255,255,255,.36); border-radius: 0; background: #141414; color: #fff; font: 10px var(--mono); }
.editor-toolbar input[type="range"] { height: 20px; accent-color: #f01624; }.editor-toolbar input[type="color"] { padding: 2px; cursor: pointer; }
.editor-toolbar .inline-toggle { display: flex; flex: 0 0 auto; align-items: center; gap: 6px; min-height: 30px; white-space: nowrap; }.editor-toolbar .inline-toggle input { width: 15px; height: 15px; accent-color: #f01624; }
.shape-group { display: flex; gap: 3px; }.editor-toolbar .shape-group button, .editor-toolbar .add-text-box { min-height: 30px; padding: 0 8px; font-size: 8px; }.editor-toolbar .shape-group button.active, .editor-toolbar .add-text-box { border-color: #f01624; background: #f01624; color: #fff; }
.editor-active [contenteditable="true"] { display: block; min-width: 80px; min-height: 1.15em; overflow: auto; resize: horizontal; }
.editor-active .editor-selected { outline: 2px solid #f01624 !important; outline-offset: 7px !important; }
.editor-inline-text span { display: inline !important; }
.editor-shape-square { border-radius: 0 !important; }.editor-shape-cut { clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px)); background: rgba(240,22,36,.1); padding: 7px 12px; }.editor-shape-round { border-radius: 18px; background: rgba(255,255,255,.11); padding: 7px 12px; }
.custom-text-box { position: absolute; z-index: 25; display: grid; min-width: 160px; min-height: 90px; overflow: auto; resize: both; border: 1px dashed rgba(240,22,36,.75); background: rgba(5,5,5,.89); color: #fff; box-shadow: 0 12px 35px rgba(0,0,0,.35); }
.custom-text-handle { justify-self: start; border: 0; border-right: 1px solid rgba(255,255,255,.25); border-bottom: 1px solid rgba(255,255,255,.25); padding: 6px 9px; background: #ef1322; color: #fff; font: 700 8px var(--mono); letter-spacing: .1em; text-transform: uppercase; cursor: move; touch-action: none; }.custom-text-content { min-height: 64px; padding: 14px; color: inherit; font: 600 26px/1.05 var(--title); outline: none; }
@media (max-width: 750px) { .editor-toolbar { grid-template-columns: 1fr; }.editor-toolbar .editor-actions, .editor-toolbar .inspector-row { flex-wrap: wrap; }.editor-toolbar .editor-title { width: 100%; }.editor-toolbar label { min-width: 105px; }.shape-group { order: 3; }.editor-toolbar .add-text-box { flex: 1; } }

.editor-toolbar .editor-media-inspector { display: grid; gap: 7px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,.15); }.editor-toolbar .inspector-heading { color: #f01624; font-size: 8px; letter-spacing: .15em; }.editor-toolbar .file-label { position: relative; min-width: 84px; overflow: hidden; border: 1px solid rgba(255,255,255,.35); padding: 8px; color: #fff; text-align: center; cursor: pointer; }.editor-toolbar .file-label input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }.editor-toolbar .background-help { align-self: center; max-width: 160px; color: #aaa; font-size: 8px; line-height: 1.35; text-transform: none; letter-spacing: 0; }
.editor-active img[data-image-key] { cursor: pointer; }.editor-active img[data-image-key]:hover { outline: 2px dashed #f01624; outline-offset: 5px; }.editor-image-selected { outline: 3px solid #f01624 !important; outline-offset: 7px; }.editor-image-hidden { display: none !important; }.editor-image-adjusted.packshot { transform: translate(var(--editor-x, 0px), var(--editor-y, 0px)) scale(var(--editor-scale, 1)) rotate(var(--editor-rotate, 0deg)); }.editor-image-adjusted.bear-insignia { transform: translate(var(--editor-x, 0px), var(--editor-y, 0px)) scale(var(--editor-scale, 1)) rotate(calc(-6deg + var(--editor-rotate, 0deg))); }.editor-image-adjusted.brand-logo { transform: scale(var(--editor-scale, 1)) rotate(var(--editor-rotate, 0deg)); transform-origin: left center; }
.editor-active [data-background-key] { cursor: crosshair; }.editor-background-selected { outline: 3px solid #f01624; outline-offset: -3px; }
.editor-active [data-element-key] { cursor: pointer; }.editor-box-selected { outline: 3px solid #f01624 !important; outline-offset: 5px; resize: both; overflow: auto; }.editor-box-square { border-radius: 0 !important; }.editor-box-cut { clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px)); }.editor-box-round { border-radius: 20px !important; }
.tobacco-section { border-top: 1px solid #f01624; background: radial-gradient(circle at 85% 8%, rgba(240,22,36,.23), transparent 30%), linear-gradient(145deg, #190506, #050505 64%); }.tobacco-grid { display: grid; grid-template-columns: repeat(7, 1fr); margin-top: 70px; border-left: 1px solid rgba(255,255,255,.22); border-top: 1px solid rgba(255,255,255,.22); }.tobacco-card { display: flex; min-height: 340px; flex-direction: column; justify-content: space-between; padding: 16px 13px; border-right: 1px solid rgba(255,255,255,.22); border-bottom: 1px solid rgba(255,255,255,.22); background-image: linear-gradient(135deg, transparent 0 91%, rgba(240,22,36,.65) 91%); }.tobacco-card > small, .tobacco-card div small { color: #a9a9a9; }.tobacco-card h3 { margin: 7px 0 0; font: 700 27px var(--title); letter-spacing: .03em; text-transform: uppercase; }.tobacco-tin { display: grid; place-items: center; height: 210px; overflow: hidden; }.tobacco-packshot { width: 175px; height: 175px; object-fit: contain; filter: drop-shadow(0 16px 15px rgba(0,0,0,.45)); }.pouch-transition { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 30px; margin-top: 86px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.34); }.pouch-transition span { grid-column: 1 / -1; color: #f01624; font: 10px var(--mono); letter-spacing: .12em; }.pouch-transition strong { font: 700 clamp(65px, 9vw, 140px)/.75 var(--title); letter-spacing: .02em; }.pouch-transition a { display: flex; align-items: center; gap: 18px; padding-bottom: 12px; border-bottom: 2px solid #fff; color: #fff; font: 700 10px var(--mono); letter-spacing: .1em; }.pouch-transition b { display: grid; place-items: center; width: 37px; height: 37px; border-radius: 50%; background: #f01624; font-size: 18px; }
.pouch-transition-section { min-height: 48vh; padding: clamp(80px, 11vw, 160px) clamp(24px, 9vw, 170px); background: radial-gradient(circle at 20% 100%, rgba(240,22,36,.2), transparent 42%), #050505; }.pouch-transition-section .pouch-transition { max-width: 1600px; margin: 0 auto; }
.range-section .pouch-transition { max-width: 1600px; margin: 0 0 clamp(95px, 12vw, 170px); }.range-section #pouch-formats { scroll-margin-top: 110px; }
.range-section .range-heading { grid-template-columns: minmax(280px, .72fr) minmax(430px, 1.28fr); max-width: 1420px; margin-left: auto; }.range-section .range-heading .eyebrow, .range-section .range-heading h2 { grid-column: 2; }.range-section .nicotine-intro { grid-column: 1; grid-row: 1 / span 2; align-self: end; margin-bottom: 8px; }
.tobacco-section .pouch-transition { max-width: 1600px; margin: 0 0 clamp(95px, 12vw, 170px); }.tobacco-section #tobacco-formats { scroll-margin-top: 110px; }.tobacco-section .range-heading { grid-template-columns: minmax(280px, .72fr) minmax(430px, 1.28fr); max-width: 1420px; margin-left: auto; }.tobacco-section .range-heading .eyebrow, .tobacco-section .range-heading h2 { grid-column: 2; }.tobacco-section .tobacco-intro { grid-column: 1; grid-row: 1 / span 2; align-self: end; margin: 0 0 8px; }
@media (max-width: 850px) { .tobacco-section .range-heading { display: block; }.tobacco-section .tobacco-intro { margin-top: 22px; } }
@media (max-width: 1050px) { .tobacco-grid { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 650px) { .tobacco-grid { grid-template-columns: repeat(2, 1fr); margin-top: 50px; }.tobacco-card { min-height: 280px; }.tobacco-tin { height: 165px; }.tobacco-packshot { width: 145px; height: 145px; }.pouch-transition { display: block; margin-top: 55px; }.pouch-transition strong { display: block; margin: 15px 0 30px; font-size: 72px; } }

/* Verified pack data supplied by the client. */
.product-strength { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin: 13px 0 0; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.18); }
.product-strength div { min-width: 0; }
.product-strength dt { margin: 0 0 3px; color: #9c9c9c; font: 7px var(--mono); letter-spacing: .06em; }
.product-strength dd { margin: 0; color: #fff; font: 700 10px var(--mono); white-space: nowrap; }
.product-card:has(.product-strength), .tobacco-card:has(.product-strength) { min-height: 355px; }
.flavour-card .product-strength { position: relative; z-index: 1; max-width: 320px; margin-top: 18px; }
@media (max-width: 650px) { .product-card:has(.product-strength), .tobacco-card:has(.product-strength) { min-height: 315px; }.product-strength { grid-template-columns: 1fr; gap: 6px; }.product-strength div { display: flex; justify-content: space-between; gap: 8px; }.product-strength dt { margin: 0; }.product-strength dd { font-size: 9px; } }
@media (max-width: 750px) { .editor-toolbar .editor-media-inspector .inspector-row { align-items: stretch; }.editor-toolbar .background-help { max-width: none; width: 100%; } }

/* Tobacco range uses the same card system and rhythm as the nicotine pouch range. */
.tobacco-grid { grid-template-columns: repeat(6, 1fr); margin-top: 70px; border-color: var(--line); }
.tobacco-intro { grid-column: 3; align-self: end; margin: 0 0 4px; color: #b8b8b8; font-size: 13px; line-height: 1.7; }.tobacco-intro p { margin: 0; }.tobacco-intro p + p { margin-top: 12px; color: #8e8e8e; font-size: 11px; }
.nicotine-intro { grid-column: 3; align-self: end; margin: 0 0 4px; color: #b8b8b8; font-size: 13px; line-height: 1.7; }.nicotine-intro p { margin: 0; }.nicotine-intro p + p { margin-top: 12px; color: #8e8e8e; font-size: 11px; }
.tobacco-card { min-height: 290px; padding: 19px 14px 15px; border-color: var(--line); background-image: linear-gradient(135deg, transparent 0 92%, rgba(240,22,36,.65) 92%); transition: background .3s; }
.tobacco-card:hover { background-color: rgba(240,22,36,.07); }
.tobacco-card > small, .tobacco-card div small { font-family: var(--mono); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.tobacco-card h3 { margin: 9px 0 0; font-size: 21px; }
.tobacco-tin { height: 145px; margin: 18px auto 8px; }
.tobacco-packshot { width: 165px; height: 165px; }
@media (max-width: 1050px) { .tobacco-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 850px) { .tobacco-intro, .nicotine-intro { margin-top: 22px; } }
@media (max-width: 650px) { .tobacco-grid { grid-template-columns: repeat(2, 1fr); }.tobacco-card { min-height: 260px; }.tobacco-tin { height: 125px; }.tobacco-packshot { width: 130px; height: 130px; } }

/* Origin: two-part editorial copy with the bear as the right-side field mark. */
.manifesto { grid-template-columns: minmax(0, 52%) 1fr; min-height: 780px; isolation: isolate; background: linear-gradient(115deg, #070707 0%, #100506 54%, #22070a 100%); color: #fff; }
.manifesto::after { content: ""; position: absolute; z-index: -1; inset: 0 0 0 48%; background: radial-gradient(circle at 68% 26%, rgba(240,22,36,.22) 0 1.5%, transparent 6%), radial-gradient(circle at 43% 63%, rgba(240,22,36,.14) 0 3%, transparent 11%), radial-gradient(circle at 84% 72%, rgba(255,255,255,.08) 0 1%, transparent 7%), radial-gradient(circle at 76% 40%, rgba(240,22,36,.09) 0 8%, transparent 29%); filter: blur(10px); opacity: .9; }
.manifesto-copy { width: min(690px, 100%); padding-left: clamp(24px, 4vw, 78px); z-index: 3; }
.manifesto h2 { max-width: 650px; color: #fff; }.manifesto h2 em { color: #f01624; }
.manifesto-detail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(640px, 100%); gap: 13px; margin: 46px 0 0; color: #e9e9e9; font-size: 13px; line-height: 1.7; }
.manifesto-detail p, .manifesto-detail p + p { min-height: 142px; margin: 0; padding: 19px 18px; border: 1px solid rgba(255,255,255,.2); background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.02)); color: #dedede; }
.manifesto-detail p + p { color: #bcbcbc; }
.bear-insignia { z-index: 2; right: clamp(1%, 4vw, 7%); bottom: 3%; width: clamp(380px, 48vw, 750px); opacity: .92; mix-blend-mode: normal; filter: saturate(1.1) contrast(1.12) drop-shadow(0 0 32px rgba(240,22,36,.22)); }
.contour-field { z-index: -1; right: -17vw; top: -4%; width: 68vw; height: 68vw; border-color: rgba(240,22,36,.14); opacity: .54; }.contour-field span { border-color: rgba(240,22,36,.14); }
.bear-tag { z-index: 4; right: clamp(4%, 8vw, 11%); bottom: 8%; background: rgba(5,5,5,.76); color: #fff; }
@media (max-width: 850px) { .manifesto { display: block; min-height: 680px; }.manifesto-copy { padding: 0; }.manifesto-detail { width: min(560px, 100%); }.bear-insignia { width: min(92vw, 560px); right: -14%; bottom: 3%; opacity: .24; }.manifesto::after { inset: 35% 0 0 25%; }.bear-tag { right: 24px; bottom: 7%; } }
@media (max-width: 520px) { .manifesto-detail { grid-template-columns: 1fr; }.manifesto-detail p, .manifesto-detail p + p { min-height: auto; }.manifesto h2 { font-size: 76px; } }

/* Tobacco product details: supplied multi-angle renders open from the range cards. */
.tobacco-selectable { cursor: pointer; }
.tobacco-selectable:focus-visible, .tobacco-selectable.is-active { position: relative; z-index: 1; outline: 2px solid #f01624; outline-offset: -3px; background-color: rgba(240,22,36,.1); }
.tobacco-view { display: block; margin-top: 12px; color: #f01624; font: 700 8px var(--mono); letter-spacing: .11em; }
.product-selectable { cursor: pointer; }.product-selectable:focus-visible, .product-selectable.is-active { position: relative; z-index: 1; outline: 2px solid #f01624; outline-offset: -3px; background-color: rgba(240,22,36,.1); }.product-view { display: block; margin-top: 12px; color: #f01624; font: 700 8px var(--mono); letter-spacing: .11em; }
.tobacco-detail { margin-top: clamp(48px, 7vw, 96px); padding: clamp(22px, 3.4vw, 48px); border: 1px solid rgba(255,255,255,.26); background: radial-gradient(circle at 88% 12%, rgba(240,22,36,.2), transparent 30%), linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.018)); scroll-margin-top: 100px; }
.tobacco-detail[hidden] { display: none; }
.tobacco-detail-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; }
.tobacco-detail-heading > div { max-width: 690px; }
.tobacco-detail .eyebrow { margin: 0 0 15px; color: #f01624; font: 700 10px var(--mono); letter-spacing: .13em; }
.tobacco-detail h3 { margin: 0; color: #fff; font: 700 clamp(48px, 6vw, 92px)/.78 var(--title); letter-spacing: .02em; text-transform: uppercase; }
.tobacco-detail-heading p:last-child { max-width: 590px; margin: 21px 0 0; color: #c7c7c7; font-size: 13px; line-height: 1.65; }
.tobacco-detail-close { flex: 0 0 auto; border: 1px solid rgba(255,255,255,.45); padding: 10px 12px; background: transparent; color: #fff; font: 700 9px var(--mono); letter-spacing: .1em; cursor: pointer; }.tobacco-detail-close:hover, .tobacco-detail-close:focus-visible { border-color: #f01624; background: #f01624; }
.tobacco-detail .product-strength { width: min(440px, 100%); margin: 34px 0 0; }
.tobacco-detail .product-strength dd { font-size: 12px; }
.tobacco-gallery-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 34px; }
.tobacco-gallery-grid figure { display: grid; min-width: 0; margin: 0; border: 1px solid rgba(255,255,255,.2); background: radial-gradient(circle at 50% 40%, rgba(240,22,36,.16), transparent 56%), rgba(0,0,0,.23); overflow: hidden; }
.tobacco-gallery-grid img { width: 100%; aspect-ratio: 1; object-fit: contain; padding: 7px; filter: drop-shadow(0 15px 12px rgba(0,0,0,.42)); transition: transform .28s ease; }.tobacco-gallery-grid figure:hover img { transform: scale(1.06); }
.tobacco-gallery-grid figcaption { border-top: 1px solid rgba(255,255,255,.16); padding: 8px 10px; color: #aaa; font: 700 8px var(--mono); letter-spacing: .12em; }
@media (max-width: 850px) { .tobacco-gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.tobacco-detail-heading { display: block; }.tobacco-detail-close { margin-top: 24px; } }
@media (max-width: 560px) { .tobacco-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }.tobacco-detail { padding: 20px; }.tobacco-detail h3 { font-size: 50px; } }

/* Nicotine pouch range: matching multi-angle product gallery. */
.nicotine-detail { margin-top: clamp(48px, 7vw, 96px); padding: clamp(22px, 3.4vw, 48px); border: 1px solid rgba(255,255,255,.26); background: radial-gradient(circle at 88% 12%, rgba(240,22,36,.2), transparent 30%), linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.018)); scroll-margin-top: 100px; }.nicotine-detail[hidden] { display: none; }
.nicotine-detail-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; }.nicotine-detail-heading > div { max-width: 690px; }.nicotine-detail .eyebrow { margin: 0 0 15px; color: #f01624; font: 700 10px var(--mono); letter-spacing: .13em; }.nicotine-detail h3 { margin: 0; color: #fff; font: 700 clamp(48px, 6vw, 92px)/.78 var(--title); letter-spacing: .02em; text-transform: uppercase; }.nicotine-detail-heading p:last-child { max-width: 590px; margin: 21px 0 0; color: #c7c7c7; font-size: 13px; line-height: 1.65; }
.nicotine-detail-close { flex: 0 0 auto; border: 1px solid rgba(255,255,255,.45); padding: 10px 12px; background: transparent; color: #fff; font: 700 9px var(--mono); letter-spacing: .1em; cursor: pointer; }.nicotine-detail-close:hover, .nicotine-detail-close:focus-visible { border-color: #f01624; background: #f01624; }.nicotine-detail .product-strength { width: min(440px, 100%); margin: 34px 0 0; }.nicotine-detail .product-strength dd { font-size: 12px; }
.nicotine-gallery-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 34px; }.nicotine-gallery-grid figure { display: grid; min-width: 0; margin: 0; border: 1px solid rgba(255,255,255,.2); background: radial-gradient(circle at 50% 40%, rgba(240,22,36,.16), transparent 56%), rgba(0,0,0,.23); overflow: hidden; }.nicotine-gallery-grid img { width: 100%; aspect-ratio: 1; object-fit: contain; padding: 7px; filter: drop-shadow(0 15px 12px rgba(0,0,0,.42)); transition: transform .28s ease; }.nicotine-gallery-grid figure:hover img { transform: scale(1.06); }.nicotine-gallery-grid figcaption { border-top: 1px solid rgba(255,255,255,.16); padding: 8px 10px; color: #aaa; font: 700 8px var(--mono); letter-spacing: .12em; }
@media (max-width: 850px) { .nicotine-gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.nicotine-detail-heading { display: block; }.nicotine-detail-close { margin-top: 24px; } } @media (max-width: 560px) { .nicotine-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }.nicotine-detail { padding: 20px; }.nicotine-detail h3 { font-size: 50px; } }

/* NikoTek selector: animated S-route from lower-left to upper-right. */
.pressure-map { position: relative; }
.scale-labels { position: relative; z-index: 2; padding: 0 4%; }
.scale-line { display: block; height: clamp(190px, 18vw, 280px); margin: 12px 4% 0; overflow: visible; }
.scale-line:before { display: none; }
.strength-route { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.strength-route-base, .strength-route-progress { fill: none; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.strength-route-base { stroke: rgba(255,255,255,.2); stroke-width: 1px; }
.strength-route-progress { stroke: #f01624; stroke-width: 1.4px; stroke-dasharray: 8 7; filter: drop-shadow(0 0 5px rgba(240,22,36,.72)); animation: nikotek-route-flow 9s linear infinite; }
.strength-point { position: absolute; left: var(--point-x); top: var(--point-y); width: 19px; height: 19px; transform: translate(-50%, -50%); cursor: pointer; }
.strength-point:after { top: calc(100% + 9px); }
.strength-point.active { animation: nikotek-point-pulse 2s ease-in-out infinite; box-shadow: 0 0 0 8px rgba(240,22,36,.2), 0 0 22px rgba(240,22,36,.64); }
@keyframes nikotek-route-flow { to { stroke-dashoffset: -150; } }
@keyframes nikotek-point-pulse { 0%, 100% { box-shadow: 0 0 0 8px rgba(240,22,36,.2), 0 0 14px rgba(240,22,36,.45); } 50% { box-shadow: 0 0 0 13px rgba(240,22,36,.1), 0 0 25px rgba(240,22,36,.78); } }
@media (max-width: 650px) { .scale-line { height: 175px; margin: 12px 2% 0; }.scale-labels { padding: 0 2%; }.strength-point { width: 17px; height: 17px; }.strength-point:after { top: calc(100% + 7px); } }

/* Factory process: a selectable six-stage grid, distinct from the NikoTek route. */
.factory-process-map { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: clamp(62px, 9vw, 120px); border-top: 1px solid rgba(255,255,255,.17); border-left: 1px solid rgba(255,255,255,.17); }
.factory-node { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; min-height: clamp(164px, 15vw, 220px); overflow: hidden; border: 0; border-right: 1px solid rgba(255,255,255,.17); border-bottom: 1px solid rgba(255,255,255,.17); padding: 23px; background: linear-gradient(135deg, rgba(255,255,255,.035), rgba(255,255,255,.008)); color: #8f8f8f; text-align: left; cursor: pointer; transition: background .3s ease, border-color .3s ease; }.factory-node span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(255,255,255,.42); background: #090909; color: #c8c8c8; font: 700 9px var(--mono); letter-spacing: .06em; transition: .25s; }.factory-node b { position: relative; z-index: 1; max-width: 190px; color: #d5d5d5; font: 700 clamp(22px, 2.2vw, 34px)/.9 var(--title); letter-spacing: .03em; text-transform: uppercase; transition: color .25s, transform .25s; }.factory-node i { position: absolute; bottom: 0; left: -38%; width: 38%; height: 2px; background: #f01624; opacity: 0; box-shadow: 0 0 12px rgba(240,22,36,.85); }.factory-node:hover, .factory-node:focus-visible, .factory-node.active { border-color: rgba(240,22,36,.7); background: linear-gradient(135deg, rgba(240,22,36,.15), rgba(255,255,255,.025)); }.factory-node:hover span, .factory-node:focus-visible span, .factory-node.active span { border-color: #f01624; background: #f01624; color: #fff; box-shadow: 0 0 18px rgba(240,22,36,.55); }.factory-node:hover b, .factory-node:focus-visible b, .factory-node.active b { color: #fff; transform: translateX(7px); }.factory-node.active i { opacity: 1; animation: factory-grid-scan 2.7s cubic-bezier(.3,.75,.35,1) infinite; }.factory-node:focus-visible { outline: 2px solid #fff; outline-offset: -5px; }
.factory-process-result { display: flex; align-items: end; justify-content: space-between; gap: 30px; min-height: 156px; margin-top: 22px; padding: 25px 0; border-top: 1px solid rgba(255,255,255,.28); border-bottom: 1px solid rgba(255,255,255,.2); }.factory-process-result > div:first-child { max-width: 690px; }.factory-process-result span { color: #f01624; font: 700 9px var(--mono); letter-spacing: .12em; }.factory-process-result h3 { margin: 11px 0 6px; color: #fff; font: 700 clamp(34px, 4vw, 56px)/.84 var(--title); letter-spacing: .02em; }.factory-process-result p { margin: 0; color: #c7c7c7; font-size: 14px; line-height: 1.6; }.factory-result-mark { flex: 0 0 auto; border-left: 2px solid #f01624; padding: 9px 0 9px 13px; color: #cfcfcf; font: 700 9px/1.7 var(--mono); letter-spacing: .1em; }
@keyframes factory-grid-scan { 0% { transform: translateX(0); opacity: 0; } 16% { opacity: 1; } 78% { opacity: .95; } 100% { transform: translateX(365%); opacity: 0; } }
@media (max-width: 900px) { .factory-process-map { grid-template-columns: repeat(2, minmax(0, 1fr)); }.factory-node { min-height: 175px; }.factory-node b { font-size: 25px; } }
@media (max-width: 650px) { .factory-process-map { grid-template-columns: 1fr; gap: 10px; margin-top: 55px; }.factory-node { min-height: 138px; padding: 18px; }.factory-node b { max-width: none; font-size: 25px; }.factory-node:hover b, .factory-node:focus-visible b, .factory-node.active b { transform: translateX(4px); }.factory-process-result { display: block; min-height: 0; }.factory-result-mark { display: inline-block; margin-top: 18px; } }

/* Supplied image treatment: atmospheric, section-led, and deliberately subdued. */
.manifesto::after { background: linear-gradient(90deg, rgba(7,7,7,.9) 0%, rgba(11,5,6,.77) 48%, rgba(25,5,8,.43) 100%), linear-gradient(0deg, rgba(7,7,7,.52), transparent 48%), url("assets/siberia/atmosphere/northern-range.jpg") center/cover; filter: saturate(.5) contrast(1.1) brightness(.62); opacity: .80; }
.tobacco-section { background-image: linear-gradient(100deg, rgba(5,8,10,.96) 0%, rgba(5,8,10,.88) 46%, rgba(4,8,10,.76) 100%), url("assets/siberia/atmosphere/frost-texture.png"); background-position: center; background-size: cover; }
.range-section { background-image: linear-gradient(100deg, rgba(4,5,6,.94) 0%, rgba(4,5,6,.82) 57%, rgba(4,2,3,.66) 100%), url("assets/siberia/atmosphere/pouch-red-ice.png"); background-position: 68% center; background-size: cover; }
.intensity-section { background-image: radial-gradient(circle at 78% 10%, rgba(240,22,36,.18), transparent 31%), linear-gradient(105deg, rgba(14,4,5,.96), rgba(5,5,5,.88) 66%, rgba(4,10,12,.81)), url("assets/siberia/atmosphere/frost-texture.png"); background-position: center; background-size: cover; }
.standard-section { background-image: linear-gradient(120deg, rgba(7,8,9,.96), rgba(6,7,8,.9) 56%, rgba(13,6,7,.83)), url("assets/siberia/atmosphere/frost-texture.png"); background-position: center; background-size: cover; }
.arctic-fallback { background-image: linear-gradient(90deg, rgba(4,12,16,.92), rgba(4,12,16,.38)), url("assets/siberia/atmosphere/northern-range.jpg"); }
.trade-section { isolation: isolate; }.trade-section::after { content: ""; position: absolute; z-index: 0; right: 0; bottom: 0; left: 37%; height: 100%; pointer-events: none; background: linear-gradient(90deg, #9ee5f2 0%, rgba(158,229,242,.88) 32%, rgba(158,229,242,.18) 100%), url("assets/siberia/atmosphere/range-lineup.png") right bottom/auto 82% no-repeat; filter: grayscale(1) contrast(1.08); opacity: .25; mix-blend-mode: multiply; }.trade-section > :not(.trade-grid-mark) { position: relative; z-index: 1; }.trade-grid-mark { z-index: 0; }
.tobacco-section, .range-section, .intensity-section, .standard-section { box-shadow: inset 0 0 0 100vmax rgba(0,0,0,0); }.video-fallback { filter: brightness(1.02); }.motion-video { filter: blur(4px) brightness(.285) contrast(1.16) saturate(.58); transform: scale(1.07); }.hero .hero-video { filter: blur(1.5px) brightness(.48) contrast(1.12) saturate(.72); transform: scale(1.035); object-position: center 48%; }.hero:after { background: linear-gradient(90deg, rgba(0,0,0,.80) 0%, rgba(0,0,0,.42) 48%, rgba(0,0,0,.66) 100%), linear-gradient(0deg, rgba(0,0,0,.78), transparent 58%); }.arctic-section .motion-video { filter: blur(2px) brightness(.285) contrast(1.14) saturate(.62); }
@media (max-width: 850px) { .manifesto::after { background-position: 62% center; opacity: .57; }.trade-section::after { left: 15%; background-size: auto 55%; opacity: .16; } }
@media (max-width: 520px) { .tobacco-section, .range-section, .intensity-section, .standard-section { background-position: 58% center; }.trade-section::after { display: none; } }

/* Shared editorial type system: red utility line, industrial headline, framed supporting copy. */
.content-section .eyebrow, .arctic-copy .eyebrow, .trade-section .eyebrow { margin-bottom: 20px; color: #f01624; font-weight: 700; letter-spacing: .14em; }
.content-section h2, .arctic-copy h2, .trade-section h2 { font-family: var(--title); font-weight: 700; line-height: .76; letter-spacing: .008em; text-wrap: balance; }
.content-section h2 em, .arctic-copy h2 em, .trade-section h2 em { color: #f01624; font-style: normal; }
.tobacco-intro, .nicotine-intro { padding: 18px; border: 1px solid rgba(255,255,255,.22); background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.015)); }
.intensity-section { background: radial-gradient(circle at 78% 10%, rgba(240,22,36,.2), transparent 31%), linear-gradient(145deg, #130607, #050505 70%); color: #fff; }
.intensity-section .section-index, .intensity-header .eyebrow, .intensity-section .section-index span { color: #f01624; }.intensity-header h2 { color: #fff; }.intensity-header p:last-child { padding: 18px; border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.045); color: #c8c8c8; }
.scale-labels { color: #aaa; }.scale-line:before { background: #f01624; }.strength-point { background: #090909; box-shadow: 0 0 0 1px #f01624; }.strength-point:after { color: #aaa; }.strength-point.active { background: #f01624; box-shadow: 0 0 0 8px rgba(240,22,36,.2); }.strength-result { border-color: rgba(255,255,255,.25); }.strength-result h3 { color: #fff; }.strength-result p { color: #c7c7c7; }.strength-pills span { border-color: #f01624; color: #fff; }
.standard-heading p { padding: 18px; border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.045); color: #c8c8c8; }.arctic-copy p:last-child { max-width: 430px; padding: 16px 18px; border-left: 3px solid #f01624; background: rgba(0,0,0,.35); color: #eee; }.trade-section .eyebrow, .trade-section h2 em { color: #fff; }.trade-bottom p { padding: 18px; border: 1px solid rgba(255,255,255,.42); background: rgba(0,0,0,.1); }

/* Section 07: supplied ice-storm artwork replaces the previous trade watermark. */
.trade-section { background: linear-gradient(90deg, rgba(3,3,4,.89) 0%, rgba(3,3,4,.69) 48%, rgba(8,3,4,.56) 100%), linear-gradient(0deg, rgba(2,2,3,.64), transparent 58%), url("assets/siberia/atmosphere/trade-ice-storm.png") center/cover; color: #fff; }.trade-section::after, .trade-grid-mark { display: none; }.trade-section .section-index, .trade-section .eyebrow { color: #f01624; }.trade-section h2 { color: #fff; text-shadow: 0 8px 35px rgba(0,0,0,.55); }.trade-section h2 em { color: #f01624; }.trade-bottom p { color: #f1f1f1; border-color: rgba(255,255,255,.32); background: rgba(0,0,0,.42); }.trade-cta { color: #fff; border-color: #fff; }

/* Tobacco range: slow moving cold-light field adds depth without competing with the tins. */
.tobacco-section { isolation: isolate; overflow: hidden; }.tobacco-section::before { content: ""; position: absolute; z-index: 0; inset: -16% -10%; pointer-events: none; background: radial-gradient(ellipse 44% 62% at 78% 47%, rgba(190,233,255,.2) 0%, rgba(116,183,214,.1) 30%, transparent 68%), radial-gradient(ellipse 24% 35% at 92% 70%, rgba(233,248,255,.11), transparent 72%); filter: blur(13px); opacity: .76; transform: translate3d(0,0,0) scale(1); will-change: transform, opacity; animation: tobacco-cold-light 17s ease-in-out infinite alternate; }.tobacco-section > * { position: relative; z-index: 1; }
@keyframes tobacco-cold-light { 0% { transform: translate3d(-2%, 2%, 0) scale(.98); opacity: .5; } 52% { transform: translate3d(3%, -2%, 0) scale(1.06); opacity: .82; } 100% { transform: translate3d(1%, 3%, 0) scale(1.01); opacity: .62; } }

/* Tobacco range: introduce the brand red without losing the cold, restrained atmosphere. */
.tobacco-section .pouch-transition strong em,
.tobacco-section .range-heading h2 em {
  color: #f01624;
  font-style: normal;
}
.range-section .pouch-transition strong em {
  color: #f01624;
  font-style: normal;
}
.tobacco-section::before {
  background:
    radial-gradient(ellipse 42% 58% at 76% 43%, rgba(240,22,36,.12) 0%, rgba(151,13,24,.055) 38%, transparent 72%),
    radial-gradient(ellipse 38% 54% at 88% 51%, rgba(157,211,235,.13) 0%, rgba(91,151,179,.055) 36%, transparent 72%),
    radial-gradient(ellipse 22% 33% at 94% 72%, rgba(233,248,255,.075), transparent 74%);
  opacity: .7;
}

/* NikoTek: supplied process footage sits behind the interactive five-point route. */
.intensity-section { isolation: isolate; overflow: hidden; }.intensity-video { position: absolute; z-index: 0; inset: -4%; width: 108%; height: 108%; object-fit: cover; filter: blur(.5px) brightness(.48) contrast(1.08) saturate(.72); transform: scale(1.03); }.intensity-video-shade { position: absolute; z-index: 0; inset: 0; pointer-events: none; background: radial-gradient(circle at 79% 17%, rgba(240,22,36,.17), transparent 31%), linear-gradient(105deg, rgba(10,3,4,.84) 0%, rgba(6,5,5,.60) 57%, rgba(5,5,5,.43) 100%), linear-gradient(0deg, rgba(4,4,4,.52), transparent 55%); }.intensity-section > :not(.intensity-video):not(.intensity-video-shade) { position: relative; z-index: 1; }
@media (prefers-reduced-motion: reduce) { .intensity-video { display: none; } }

/* Reserve the full product render footprint so tins cannot cover the copy. */
.product-card, .tobacco-card { min-width: 0; justify-content: flex-start; }
.product-card .tin-image, .tobacco-card .tobacco-tin {
  width: 100%; height: auto; aspect-ratio: 1; flex: 0 0 auto;
  margin: 18px auto 12px; display: grid; place-items: center;
}
.product-card .packshot, .tobacco-card .tobacco-packshot {
  width: 100%; height: 100%; max-width: 100%; object-fit: contain;
}
.product-card > div:last-child, .tobacco-card > div:last-child { min-width: 0; }
.product-card h3, .tobacco-card h3 { line-height: 1.12; margin-bottom: 10px; overflow-wrap: anywhere; }
.product-card small, .tobacco-card small { display: block; line-height: 1.5; overflow-wrap: anywhere; }
.factory-process-map > .factory-process-result { grid-column: 1 / -1; margin: 0; padding: 24px; background: #0b0b0d; }
.factory-process-result h3 { line-height: 1.08; margin-bottom: 12px; }
.factory-node b { line-height: 1.1; }
@media (max-width: 650px) {
  .content-section h2, .arctic-copy h2, .trade-section h2 { line-height: .98; overflow-wrap: anywhere; }
  .strength-result h3, .nicotine-detail h3, .tobacco-detail h3 { line-height: 1.12; overflow-wrap: anywhere; }
  .strength-result { flex-direction: column; align-items: flex-start; }
  .strength-result p, .factory-process-result p { font-size: 16px; line-height: 1.6; }
  .trade-cta { width: 100%; gap: 16px; line-height: 1.5; }
  .product-grid, .tobacco-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-header { backdrop-filter: none; -webkit-backdrop-filter: none; background: #050505; }
  .tobacco-section::before { animation: none; filter: none; will-change: auto; transform: none; }
  .motion-video, .arctic-section .motion-video { filter: brightness(.285); transform: none; }
  .intensity-video { filter: brightness(.48); transform: none; }
  .strength-route-progress { animation: none; filter: none; }
  .strength-point.active, .factory-node.active i { animation: none; }
  .factory-node.active i { left: 0; width: 100%; opacity: 1; }
  .reveal { opacity: 1; transform: none; transition: none; }
}
@media (prefers-reduced-motion: reduce) {
  .tobacco-section::before, .strength-route-progress, .strength-point.active, .factory-node.active i { animation: none; }
}

.hero-tagline {
  margin: 28px 0 0;
  color: var(--frost);
  font: 600 13px var(--body);
  letter-spacing: .02em;
}
.hero-tagline + .hero-deck { margin-top: 12px; }
.arctic-copy > p.reveal { max-width: 390px; line-height: 1.7; }
.legend-statement {
  display: block;
  margin-top: clamp(44px, 7vw, 92px);
  color: var(--frost);
  font: 800 clamp(42px, 6.5vw, 96px)/.82 var(--title);
  letter-spacing: -.025em;
}
/* Contact remains a direct email link; no form or personal data is stored here. */
/* Header contact: complete outline and a separate arrow panel, without clipped corners. */
.site-header .header-cta {
  display: inline-flex; align-items: stretch; flex-shrink: 0; gap: 0;
  min-height: 48px; padding: 0; border: 1px solid #ffffff4d;
  border-left: 3px solid #f01624; background: #0c0d0f; color: #fff;
  clip-path: none; text-decoration: none; font: 700 14px/1.4 var(--body);
  letter-spacing: .06em; text-transform: uppercase;
  transition: border-color .2s, background-color .2s;
}
.header-cta-label { display: flex; align-items: center; padding: 12px 20px; }
.site-header .header-cta i {
  display: grid; place-items: center; width: 48px; margin: 0;
  border-left: 1px solid #ffffff26; background: #281013; color: #ff4350;
  font: normal 26px/1 var(--body); transition: background-color .2s, color .2s;
}
.site-header .header-cta:hover { background: #161114; border-color: #f01624; }
.site-header .header-cta:hover i { background: #bc101c; color: #fff; }
.site-header .header-cta:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (max-width: 520px) {
  .site-header .header-cta { min-height: 44px; font-size: 13px; letter-spacing: .03em; }
  .header-cta-label { padding: 10px 12px; }
  .site-header .header-cta i { width: 36px; font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) { .site-header .header-cta, .site-header .header-cta i { transition: none; } }
#trade .trade-bottom { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); align-items: center; gap: clamp(28px, 5vw, 80px); max-width: 1250px; }
#trade .trade-bottom > p { max-width: 440px; padding: 0 0 0 22px; border: 0; border-left: 2px solid #f01624; background: none; font-size: 16px; line-height: 1.75; }
.contact-channel { min-width: 0; }
#trade .trade-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 20px; width: 100%; margin: 0; padding: clamp(20px, 3vw, 36px); box-sizing: border-box; border: 1px solid rgba(255,255,255,.4); border-left: 3px solid #f01624; background: rgba(3,7,10,.72); clip-path: none; text-decoration: none; transition: background .2s, border-color .2s; }
#trade .trade-cta .contact-label { grid-column: 1 / -1; color: #ddd; font: 500 13px/1.5 var(--mono); letter-spacing: .1em; }
#trade .trade-cta .contact-address { color: #fff; font: 600 clamp(24px, 3vw, 42px)/1.3 var(--body); letter-spacing: -.025em; overflow-wrap: anywhere; }
#trade .trade-cta .contact-arrow { align-self: center; font: 400 32px/1 var(--body); color: #ff4350; }
#trade .trade-cta:hover { background: rgba(24,8,11,.92); border-color: #f01624; }
#trade .trade-cta:focus-visible { outline: 3px solid white; outline-offset: 5px; }
.contact-help { display: block; margin-top: 12px; color: #c8c8c8; font: 400 13px/1.6 var(--body); }
@media (max-width: 750px) {
  #trade .trade-bottom { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  #trade .trade-bottom > p { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) { #trade .trade-cta { transition: none; } }
/* Fit the longer factual range heading within the existing text column. */
#origin {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  align-items: center; gap: clamp(32px, 6vw, 100px); min-height: 780px;
  background: #08090b; color: #fff;
}
#origin::before, #origin::after { content: none; display: none; }
#origin .manifesto-copy { position: relative; z-index: 3; width: 100%; min-width: 0; padding: 0; }
#origin .origin-story { position: relative; z-index: 3; min-width: 0; }
#origin .origin-story > .manifesto-detail, #origin .origin-story > .origin-sources { position: relative; z-index: 1; }
#origin h2 { font-size: clamp(64px, 7.8vw, 124px); line-height: .9; max-width: none; }
#origin .manifesto-detail { display: block; width: 100%; max-width: 620px; margin: 0; font-size: 16px; line-height: 1.8; }
#origin .manifesto-detail p { min-height: 0; margin: 0; padding: 0; border: 0; background: none; color: #dedede; }
#origin .manifesto-detail p + p { margin-top: 20px; color: #bfc2c6; }
#origin .bear-insignia {
  position: absolute; z-index: 0; inset: auto; left: 50%; top: 50%; width: 145%; max-width: 860px; height: auto;
  opacity: .16; transform: translate(-50%, -50%); filter: blur(5px); mix-blend-mode: normal; pointer-events: none;
}
#origin .origin-video { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .075; filter: saturate(.25) blur(1px); pointer-events: none; }
#origin .section-index { z-index: 3; }
#origin .origin-motion { position: absolute; z-index: 4; right: clamp(24px, 9vw, 170px); bottom: 28px; min-height: 44px; padding: 10px 14px; border: 1px solid #ffffff40; background: #08090bd9; color: #ddd; font: 13px var(--body); cursor: pointer; }
#origin .origin-motion[hidden] { display: none; }
#origin .origin-motion:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
#origin .origin-sources { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 28px 0 0; color: #bfc2c6; font-size: 13px; line-height: 1.6; }
#origin .origin-sources a { color: #dedede; text-underline-offset: 4px; }
#origin .origin-sources a:hover { color: #fff; }
#origin .origin-sources a:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
@media (max-width: 850px) {
  #origin { grid-template-columns: minmax(0, 1fr); min-height: auto; gap: 40px; }
  #origin .bear-insignia { width: 125%; max-width: 650px; opacity: .13; }
}
@media (max-width: 520px) { #origin h2 { font-size: clamp(54px, 12vw, 76px); } }
#pouch-formats h2 { font-size: clamp(42px, 5.5vw, 100px); overflow-wrap: anywhere; }
/* Shared feathered background edges. Foreground content remains above the blur. */
#top > section { isolation: isolate; border-top: 0; border-bottom: 0; }
#top > section > :not(video):not(.video-fallback):not(.hero-topography):not(.arctic-overlay):not(.intensity-video-shade):not(.pouches-video-shade):not(.bear-insignia):not(.section-blend):not(.section-index):not(.hero-data):not(.coordinates):not(.origin-motion) { position: relative; z-index: 3; }
#top > section > .section-index, #top > section > .hero-data, #top > section > .coordinates { z-index: 3; }
#top > section > .section-blend { position: absolute; z-index: 2; inset: 0; pointer-events: none; }
.section-blend::before, .section-blend::after {
  content: ""; position: absolute; left: 0; right: 0; height: clamp(90px, 12vw, 190px);
  background: #050505; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 8%, #000d 30%, #0006 62%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 8%, #000d 30%, #0006 62%, transparent 100%);
}
.section-blend::before { top: 0; }
.section-blend::after { bottom: 0; transform: rotate(180deg); }
@media (max-width: 520px) {
  .hero-tagline { margin-top: 22px; }
  .hero-tagline + .hero-deck { margin-top: 10px; }
  .legend-statement { margin-top: 42px; font-size: 43px; }
}

/* Tobacco-free pouches: supplied footage stays atmospheric behind the white pack renders. */
.range-section { isolation: isolate; overflow: hidden; }
#top > .range-section > .pouches-video { position: absolute; z-index: 0; inset: -3%; width: 106%; height: 106%; object-fit: cover; object-position: center; opacity: .38; filter: blur(1.5px) brightness(.31) contrast(1.14) saturate(.55); transform: scale(1.03); pointer-events: none; }
#top > .range-section > .pouches-video-shade { position: absolute; z-index: 1; inset: 0; pointer-events: none; background: radial-gradient(circle at 84% 72%, rgba(240,22,36,.20), transparent 30%), linear-gradient(98deg, rgba(4,5,6,.92) 0%, rgba(4,5,6,.72) 55%, rgba(10,3,4,.61) 100%), linear-gradient(0deg, rgba(4,4,4,.54), transparent 52%); }
@media (prefers-reduced-motion: reduce) { #top > .range-section > .pouches-video { display: none; } }