@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--bg:#070b10;--panel:#111820;--panel2:#171f29;--text:#f6f7fa;--muted:#98a7b5;--line:#2a3542;--orange:#ff722d;--gold:#ffba66;--cyan:#72dbde;--max:1240px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;line-height:1.58}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}img{max-width:100%}h1,h2,h3,.wordmark,.nav a,.btn,.labelcaps{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:.012em}h1{font-size:clamp(3.8rem,8vw,7.7rem);line-height:.92;letter-spacing:-.025em;margin:0;font-weight:900}h2{font-size:clamp(2.2rem,4vw,3.35rem);line-height:1.03;margin:0 0 20px;font-weight:800}h3{line-height:1.14;font-size:1.6rem;margin:12px 0;font-weight:700}p{margin:0 0 18px}.container{width:min(var(--max),calc(100% - 42px));margin-inline:auto}.mono{font-family:'IBM Plex Mono',monospace}.caps{font:600 .77rem 'IBM Plex Mono',monospace;letter-spacing:.13em;text-transform:uppercase}.orange{color:var(--orange)}.muted{color:var(--muted)}.small{font-size:.85rem}.topline{height:4px;background:linear-gradient(90deg,#ff4a33,#ffb657 55%,#4cdddb)}.header{position:sticky;top:0;z-index:50;background:rgba(7,11,16,.96);backdrop-filter:blur(18px);border-bottom:1px solid #26303a}.navwrap{display:flex;gap:26px;align-items:center;justify-content:space-between;min-height:76px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brandmark{height:34px;width:34px;border:2px solid var(--orange);border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:0 0 23px #ff692e26;flex-shrink:0}.brandmark:before,.brandmark:after{content:'';position:absolute;border:1px solid var(--orange);opacity:.7}.brandmark:before{inset:7px;border-radius:50%}.brandmark:after{width:40px;transform:rotate(-34deg)}.brandmark i{height:5px;width:5px;background:var(--orange);border-radius:50%}.wordmark{font-size:1.63rem;line-height:1;letter-spacing:.01em;font-weight:800}.wordmark span{color:var(--orange)}.nav{display:flex;align-items:center;gap:25px}.nav a{font-size:1.16rem;font-weight:700;text-transform:uppercase}.nav a:hover,.nav a[aria-current=page]{color:var(--orange)}.nav-cta{border:1px solid var(--orange);padding:7px 16px!important;color:var(--orange)}.mobile-toggle{display:none;background:transparent;color:white;border:1px solid var(--line);padding:8px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 24px;min-height:50px;font-size:1.22rem;text-transform:uppercase;font-weight:800;border:1px solid transparent;transition:.2s;text-align:center}.btn-primary{background:var(--orange);color:#110d0b}.btn-primary:hover{background:#ffa15e;transform:translateY(-2px)}.btn-outline{color:white;border-color:#63717e;background:#111821}.btn-outline:hover{border-color:var(--orange);color:var(--orange)}.btn-small{font-size:1.05rem;padding:10px 17px;min-height:40px}.btn-disabled{opacity:.6;cursor:default}.section{padding:80px 0}.section-tight{padding:58px 0}.eyebrow{color:var(--orange);font:600 .83rem 'IBM Plex Mono',monospace;letter-spacing:.16em;text-transform:uppercase;margin-bottom:15px}.hero{position:relative;overflow:hidden;padding:80px 0 92px;background:radial-gradient(ellipse at 83% 45%,#61241665,transparent 43%),linear-gradient(130deg,#0a1017,#080b10)}.hero .container{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.hero p{font-size:1.14rem;max-width:540px;color:#c2ced5;margin-top:24px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-proof{display:flex;gap:28px;flex-wrap:wrap;margin-top:47px;border-top:1px solid #39414a;padding-top:26px}.proof strong{display:block;font:800 2.2rem 'Barlow Condensed';line-height:1.05}.proof small{display:block;color:var(--muted);font-size:.73rem;letter-spacing:.08em;text-transform:uppercase}.thermal-scene{position:relative;min-height:465px;border:1px solid #753b27;background:radial-gradient(ellipse at 62% 80%,#ff662e 0 2%,transparent 18%),radial-gradient(ellipse at 57% 55%,#fc332d 0 2%,#c52234 10%,transparent 18%),radial-gradient(ellipse at 42% 61%,#ff8b37 0 3%,#f12a36 12%,transparent 24%),linear-gradient(160deg,#210e29 4%,#762640 33%,#b73d30 55%,#e76c33 79%,#ffc36a);box-shadow:0 35px 100px #0008;overflow:hidden}.thermal-scene:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#00000016 0px,#00000016 1px,transparent 1px,transparent 5px),linear-gradient(120deg,transparent 28%,#0003 76%)}.thermal-scene .hill{position:absolute;inset:auto -10% 0;height:45%;background:#2c152c;clip-path:polygon(0% 55%,15% 18%,33% 50%,47% 15%,63% 48%,85% 20%,100% 42%,100% 100%,0% 100%);opacity:.87}.thermal-scene .hill.two{height:29%;background:#110b1a;clip-path:polygon(0 35%,13% 65%,35% 20%,60% 74%,80% 24%,100% 60%,100% 100%,0 100%)}.reticle{position:absolute;z-index:2;width:190px;height:190px;left:50%;top:49%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #ffffff8a;box-shadow:0 0 0 18px #fff1,0 0 0 70px #0002}.reticle:before,.reticle:after{content:'';position:absolute;background:#ffffffac}.reticle:before{height:1px;width:250px;top:50%;left:-30px}.reticle:after{width:1px;height:250px;top:-30px;left:50%}.scene-hud{position:absolute;z-index:3;color:white;font:600 .68rem 'IBM Plex Mono',monospace;letter-spacing:.12em;text-shadow:1px 1px #000;}.scene-hud.tl{top:20px;left:20px}.scene-hud.br{bottom:20px;right:20px}.bar{height:1px;background:var(--line);border:0}.section-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.section-header p{max-width:520px;margin:0;color:var(--muted)}.textlink{color:var(--orange);font:700 1.1rem 'Barlow Condensed';text-transform:uppercase;white-space:nowrap}.textlink:hover{text-decoration:underline}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.tile{display:flex;flex-direction:column;min-height:220px;padding:26px;border:1px solid var(--line);background:linear-gradient(135deg,#18222d,#0d131a);transition:.2s}.tile:hover{border-color:var(--orange);transform:translateY(-3px)}.tile small{color:var(--orange);font:600 .75rem 'IBM Plex Mono';text-transform:uppercase}.tile strong{margin-top:auto;font:800 2rem/1.05 'Barlow Condensed'}.tile span{color:var(--muted);font-size:.87rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.product-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:var(--panel);transition:.2s}.product-card:hover{border-color:#de6c38;transform:translateY(-2px)}.product-image{height:153px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 58% 38%,#b13d3033,transparent 30%),repeating-linear-gradient(0deg,transparent 0 22px,#ffffff0b 22px 23px),linear-gradient(125deg,#1b1d25,#291922 48%,#0d131b)}.product-image .optic{width:70%;height:28px;background:linear-gradient(#626972,#15171b 32%,#333840 70%,#0a0e12);box-shadow:0 10px 25px #000b;position:relative;border-radius:6px 12px 12px 6px;transform:rotate(-8deg)}.product-image .optic:before{content:'';position:absolute;right:-7px;top:-12px;width:39px;height:52px;border-radius:50%;border:8px solid #30363f;background:radial-gradient(circle,#d47639,#3c1723 58%,#080b0e 60%);box-shadow:0 0 0 2px #666}.product-image .optic:after{content:'';position:absolute;left:22%;top:-13px;width:32px;height:13px;background:#323a46;border-radius:5px 5px 0 0}.product-image .illustration{position:absolute;top:12px;left:14px;color:#c7ac97;font:500 .6rem 'IBM Plex Mono';letter-spacing:.1em;text-transform:uppercase}.product-image .resolution{position:absolute;bottom:12px;right:14px;color:var(--orange);font:700 1.2rem 'Barlow Condensed'}.product-body{padding:21px;display:flex;flex-direction:column;flex:1}.product-brand{color:var(--orange);font:600 .73rem 'IBM Plex Mono';text-transform:uppercase;letter-spacing:.06em}.product-body h3{font-size:1.6rem;margin:8px 0 10px}.pills{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 18px}.pill{display:inline-flex;padding:4px 8px;color:#bec8d0;border:1px solid #3b4754;font:500 .68rem 'IBM Plex Mono'}.product-body .product-actions{margin-top:auto;display:flex;gap:10px;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #2b3540}.mini-link{font:700 1.03rem 'Barlow Condensed';text-transform:uppercase;color:var(--orange)}.mini-link:hover{text-decoration:underline}.pick{display:flex;align-items:center;gap:6px;color:#b3bec6;font-size:.8rem}.pick input{accent-color:var(--orange)}.notice{border-left:3px solid var(--orange);background:#221c1d;padding:15px 18px;color:#e2d7d0;font-size:.9rem}.pagehead{background:linear-gradient(120deg,#18202a,#070b10 66%);border-bottom:1px solid var(--line);padding:67px 0 58px}.pagehead h1{font-size:clamp(3.2rem,6vw,5.8rem)}.pagehead p{max-width:700px;font-size:1.04rem;color:var(--muted);margin:20px 0 0}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;background:var(--panel);padding:16px;border:1px solid var(--line);margin:26px 0}.field label{display:block;color:var(--muted);font:600 .7rem 'IBM Plex Mono';text-transform:uppercase;margin-bottom:5px}.field input,.field select{width:100%;background:#080e15;color:white;border:1px solid #374454;padding:13px;border-radius:0;min-height:47px}.resultsline{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:21px 0}.resultcount{font:600 .8rem 'IBM Plex Mono';color:var(--muted)}.comparebar{position:sticky;z-index:20;bottom:12px;margin:20px auto;max-width:700px;background:#26313a;border:1px solid var(--orange);box-shadow:0 9px 40px #000c;padding:15px 18px;display:none;align-items:center;gap:16px;justify-content:space-between}.comparebar.show{display:flex}.comparebar p{margin:0;font-size:.87rem}.guidesgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guidecard{background:var(--panel);border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;min-height:240px}.guidecard:hover{border-color:var(--orange)}.guidecard span{color:var(--orange);font:.74rem 'IBM Plex Mono';text-transform:uppercase}.guidecard h3{margin:14px 0 10px}.guidecard p{color:var(--muted);font-size:.9rem}.guidecard .textlink{margin-top:auto}.copy{max-width:800px}.copy h2{font-size:2.55rem;margin:40px 0 15px}.copy h3{font-size:1.8rem;margin:30px 0 12px}.copy p{color:#c9d1d9;line-height:1.85}.copy ul{padding-left:23px;color:#c9d1d9}.copy li{margin:10px 0}.copy a:not(.btn){color:var(--cyan);text-decoration:underline}.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);gap:45px}.asidepanel{padding:25px;background:var(--panel);border:1px solid var(--line);align-self:start}.asidepanel h3{margin:0 0 14px}.asidepanel p{font-size:.9rem;color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:28px 0}.fact{padding:20px;background:#15202a;border:1px solid #303e48}.fact span{font:600 .7rem 'IBM Plex Mono';color:var(--muted);text-transform:uppercase}.fact strong{display:block;margin-top:5px;font-size:1.1rem}.compare-table{width:100%;border-collapse:collapse;min-width:600px}.compare-table th,.compare-table td{border:1px solid var(--line);padding:16px;text-align:left;vertical-align:top}.compare-table th{background:#1c2630}.compare-table td{background:#111922}.table-scroll{overflow-x:auto}.footer{border-top:1px solid var(--line);padding:55px 0 25px;background:#0b1118}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footgrid p{color:var(--muted);max-width:400px}.footnav{display:flex;flex-direction:column;gap:9px}.footnav a{color:#b9c3cb;font-size:.9rem}.footnav a:hover{color:var(--orange)}.fineprint{margin-top:42px;padding-top:20px;border-top:1px solid var(--line);font-size:.77rem;color:#8895a1;display:flex;gap:20px;justify-content:space-between}.breadcrumb{color:var(--muted);font-size:.8rem;margin:0 0 20px}.breadcrumb a{color:var(--cyan)}.statline{display:flex;gap:15px;flex-wrap:wrap;color:var(--muted);font:.78rem 'IBM Plex Mono'}.hide{display:none!important}.btn-full{width:100%}.newshighlight{background:linear-gradient(100deg,#421b20,#241b1c);border:1px solid #694031;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;gap:18px}.newshighlight h3{font-size:2rem;margin:3px 0}.smallline{font-size:.72rem;color:var(--muted)}
@media(max-width:950px){.hero .container{grid-template-columns:1fr}.thermal-scene{min-height:320px}.cards,.guidesgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.tiles{grid-template-columns:repeat(2,1fr)}.nav{gap:13px}.nav a{font-size:1.05rem}.filters{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:min(100% - 28px,var(--max))}.section{padding:55px 0}.section-tight{padding:42px 0}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#111922;padding:20px;flex-direction:column;align-items:flex-start;box-shadow:0 15px 30px #000a}.nav.open{display:flex}.mobile-toggle{display:block}.hero{padding:54px 0}.hero h1{font-size:4.25rem}.hero-cta{flex-direction:column;align-items:stretch}.thermal-scene{min-height:300px}.section-header{align-items:flex-start;flex-direction:column}.cards,.guidesgrid,.tiles,.facts,.split,.footgrid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.fineprint{flex-direction:column}.newshighlight{flex-direction:column;align-items:flex-start}.comparebar{bottom:0;margin:0}.wordmark{font-size:1.38rem}}


/* THERMALSCOPES.CO — IMAGE REDESIGN · OCTOBER 2026
   All original catalog URLs and affiliate link contracts are unchanged.
   Editorial visuals represent concepts, not photographed products or test images. */
.hero--cinematic{min-height:645px;padding:95px 0 92px;background-color:#080f16;background-image:linear-gradient(90deg,rgba(5,11,17,.99) 0%,rgba(5,11,17,.95) 25%,rgba(5,11,17,.77) 46%,rgba(5,11,17,.12) 100%),linear-gradient(0deg,rgba(5,11,17,.66),transparent 48%),url('/assets/images/primary/01-home-hero-desktop.webp');background-size:cover;background-position:center center;border-bottom:1px solid #3b2a24;}
.hero--cinematic .container{display:block;position:relative;z-index:1;}
.hero--cinematic .hero-copy{max-width:665px;}
.hero--cinematic h1{font-size:clamp(4.1rem,7.5vw,7.3rem);text-shadow:0 4px 28px #0008;}
.hero--cinematic p{max-width:535px;color:#d4dee5;}
.hero-art-note{position:absolute;bottom:12px;right:max(24px,calc((100vw - var(--max))/2));font:500 .64rem 'IBM Plex Mono',monospace;letter-spacing:.05em;color:#cbd6da!important;text-shadow:0 1px 8px #000;text-align:right;}
.tiles .tile{padding:0;background:#101923;overflow:hidden;min-height:270px;}
.tiles .tile .tile-photo{height:116px;overflow:hidden;display:block;background:#101923;position:relative;}
.tile-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101923 0%,transparent 60%);}
.tile-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.tiles .tile:hover img{transform:scale(1.065);}
.tiles .tile small,.tiles .tile strong,.tiles .tile>span:not(.tile-photo){margin-left:20px;margin-right:20px;}
.tiles .tile strong{font-size:1.9rem;margin-top:23px;}
.tiles .tile>span:not(.tile-photo){padding-bottom:23px;}
.field-notes-section{background:linear-gradient(180deg,#101922 0%,#0b1118 100%);border-bottom:1px solid var(--line);}
.field-notes-section .section-header h2{max-width:740px;}
.story-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;}
.story-card{border:1px solid #33404b;display:flex;position:relative;flex-direction:column;min-height:332px;overflow:hidden;background:#081019;transition:border-color .22s,transform .22s;}
.story-card:hover{border-color:var(--orange);transform:translateY(-3px)}
.story-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.93);transition:transform .5s;}
.story-card:hover img{transform:scale(1.04)}
.story-card:before{position:absolute;content:'';z-index:1;inset:0;background:linear-gradient(0deg,rgba(3,8,13,.97) 0%,rgba(3,8,13,.63) 43%,rgba(3,8,13,.08) 80%)}
.story-card-copy{z-index:2;position:relative;margin-top:auto;padding:22px;display:flex;flex-direction:column;gap:5px;}
.story-card-copy small{font:.72rem 'IBM Plex Mono';text-transform:uppercase;letter-spacing:.1em;color:#ff9b66;}
.story-card-copy strong{font:800 2rem/1.04 'Barlow Condensed';}
.story-card-copy>span{font:.82rem 'DM Sans';color:#d7e0e6;}
.art-disclaimer{font:.74rem 'DM Sans',sans-serif;color:#9eafb9;margin:14px 0 0;}
.product-image--editorial{height:172px;background:#121b23;isolation:isolate;}
.product-image--editorial:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(7,11,17,.62),transparent 44%);z-index:1;}
.product-image--editorial img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82);transition:transform .3s;}
.product-card:hover .product-image--editorial img{transform:scale(1.07);}
.product-image--editorial .illustration,.product-image--editorial .resolution{z-index:2;max-width:86%;text-shadow:0 1px 5px #000,0 0 8px #000;}
.product-image--editorial .illustration{padding:4px 6px;background:rgba(5,11,16,.76);font-size:.56rem;line-height:1.35;color:#e4ecf2;}
.product-image--editorial .resolution{font-size:1.1rem;}
.product-image--detail{border:1px solid #334452;}
.product-image--detail .illustration{font-size:.71rem;}
.pagehead{position:relative;overflow:hidden;isolation:isolate;}
.pagehead:before{content:'';position:absolute;z-index:-2;inset:0;background-size:cover;background-position:center;opacity:0;}
.pagehead:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0c141ced 0%,#0c141cda 55%,#0c141c7a 100%);}
.pagehead--catalog:before,.pagehead--guides:before,.pagehead--compare:before,.pagehead--about:before,.pagehead--article:before,.pagehead--model:before{opacity:.75;}
.pagehead--catalog:before{background-image:url('/assets/images/field/06-optics-comparison.webp');background-position:center 38%;}
.pagehead--guides:before{background-image:url('/assets/images/field/01-ridge-observation.webp');background-position:center 58%;}
.pagehead--compare:before{background-image:url('/assets/images/extras/04-optics-comparison.webp');background-position:center 55%;}
.pagehead--about:before{background-image:url('/assets/images/field/10-field-hunter-with-dog.webp');background-position:center 56%;}
.pagehead--article:before{background-image:url('/assets/images/field/07-all-weather-optic.webp');background-position:center 56%;opacity:.24;}
.pagehead--model:before{background-image:url('/assets/images/primary/03-generic-optics-editorial.webp');background-position:center 52%;opacity:.29;}
.guidecard{padding:0;overflow:hidden;}
.guidecard .guidecard-media{height:150px;width:100%;display:block;overflow:hidden;position:relative;background:#121c24;}
.guidecard-media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111820 0%,transparent 65%);}
.guidecard-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s;}
.guidecard:hover .guidecard-media img{transform:scale(1.05)}
.guidecard>span:not(.guidecard-media),.guidecard>h3,.guidecard>p,.guidecard>.textlink{margin-left:22px;margin-right:22px;}
.guidecard>span:not(.guidecard-media){margin-top:19px;}
.guidecard>h3{margin-top:9px;}
.guidecard>.textlink{padding-bottom:23px;}
.guide-hero-figure{margin:0 0 34px;border:1px solid #344451;background:#101923;}
.guide-hero-figure img{width:100%;height:auto;max-height:425px;object-fit:cover;display:block;}
.guide-hero-figure figcaption,.compare-visual figcaption{font:.72rem 'IBM Plex Mono';color:#aab9c6;padding:10px 14px;border-top:1px solid #344451;}
.compare-visual{display:flex;flex-direction:column;margin:26px 0 12px;max-width:810px;border:1px solid #344451;}
.compare-visual img{display:block;width:100%;max-height:205px;object-fit:cover;}
@media(max-width:1050px){.hero--cinematic{background-position:62% center;}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-card--large{grid-column:span 2;min-height:325px}}
@media(max-width:950px){.hero--cinematic{background-image:linear-gradient(90deg,rgba(5,11,17,.97) 0%,rgba(5,11,17,.82) 53%,rgba(5,11,17,.16) 100%),url('/assets/images/primary/01-home-hero-desktop.webp');}.hero--cinematic .hero-copy{max-width:595px;}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hero--cinematic{padding:48px 0 235px;min-height:835px;background-image:linear-gradient(180deg,rgba(5,11,17,.64) 0%,rgba(5,11,17,.18) 54%,rgba(5,11,17,.06) 100%),url('/assets/images/primary/02-home-hero-mobile.webp');background-position: center;background-size:cover;}.hero--cinematic h1{font-size:clamp(3.4rem,13vw,5rem);}.hero--cinematic p{font-size:.98rem;line-height:1.65;margin-top:20px;}.hero--cinematic .hero-proof{margin-top:24px;gap:19px;padding-top:15px;}.hero--cinematic .proof strong{font-size:1.7rem;}.hero--cinematic .proof small{font-size:.59rem;}.hero--cinematic .hero-cta{margin-top:18px;gap:9px;}.hero-art-note{right:14px;bottom:9px;font-size:.56rem;max-width:270px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tiles .tile{min-height:235px}.tiles .tile .tile-photo{height:92px}.tiles .tile small,.tiles .tile strong,.tiles .tile>span:not(.tile-photo){margin-left:13px;margin-right:13px}.tiles .tile strong{font-size:1.46rem;margin-top:17px}.tiles .tile>span:not(.tile-photo){font-size:.76rem;padding-bottom:16px}.story-grid{grid-template-columns:1fr}.story-card--large{grid-column:auto}.story-card{min-height:245px}.pagehead{padding:50px 0 40px}.guidecard .guidecard-media{height:155px}.compare-visual img{max-height:155px}.product-image--detail{height:230px!important}}
@media(max-width:390px){.hero--cinematic{min-height:890px;padding-bottom:245px}.hero--cinematic h1{font-size:3.38rem}.tiles{grid-template-columns:1fr}.tiles .tile{min-height:225px}}
@media(prefers-reduced-motion:reduce){.story-card,.story-card img,.tile-photo img,.product-image--editorial img,.guidecard-media img{transition:none!important}}

/* Keep hero facts readable when the mobile image sits behind them. */
@media(max-width:650px){.hero--cinematic .hero-proof{background:linear-gradient(90deg,#071019eb,#071019b0);padding:14px 10px 12px;border:1px solid #53616b44}.hero--cinematic .proof strong{text-shadow:0 1px 8px #000}}