*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#050b14;--card:#09111d;--card2:#0d1523;--yellow:#ffcc00;--blue:#1597ff;--red:#ff493f;--orange:#ff7a2f;--muted:#9ca3af;--line:rgba(255,255,255,.1);--white:#fff;--textDark:#050b14}
html{scroll-behavior:smooth} body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:#fff;overflow-x:hidden;min-height:100vh} a{color:inherit;text-decoration:none} img{max-width:100%}.bg-glow{position:fixed;width:900px;height:900px;background:radial-gradient(circle,#102a52 0%,transparent 65%);top:-260px;left:-260px;opacity:.55;pointer-events:none;z-index:0}.page{position:relative;z-index:1}.site-header{padding:22px 4vw 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:24px;position:relative;z-index:50;background:transparent}.site-logo{grid-column:2;justify-self:center;display:flex;flex-direction:column;align-items:center;cursor:pointer;user-select:none;min-width:260px}.logo-image{display:block;width:210px;height:auto;filter:drop-shadow(0 12px 26px rgba(0,0,0,.35))}.logo-tagline{margin-top:4px;text-align:center;color:#fff;text-transform:uppercase;font-size:23px;line-height:.95;font-weight:900;letter-spacing:-.4px}.logo-tagline .script{font-family:Georgia,serif;font-style:italic;font-weight:500;text-transform:none;font-size:1.05em;margin-right:4px}.logo-tagline .red{color:var(--red);display:block}.logo-tagline .underline{width:120px;height:4px;background:var(--yellow);border-radius:999px;margin:7px auto 0;transform:rotate(-3deg)}.mobile-menu-toggle{display:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(5,11,20,.55);color:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;backdrop-filter:blur(10px)}.mobile-menu-toggle span{width:18px;height:2px;background:#fff;border-radius:99px;display:block;transition:.2s}.site-header.menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}.site-header.menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header-nav{grid-column:3;justify-self:end;display:flex;gap:14px;align-items:center;padding-top:18px}.nav-btn{color:#fff;background:rgba(5,11,20,.48);border:1px solid rgba(255,255,255,.16);font-size:14px;font-weight:800;opacity:.95;transition:.2s;cursor:pointer;padding:12px 21px;border-radius:999px;white-space:nowrap;backdrop-filter:blur(10px)}.nav-btn:hover,.nav-btn.active{opacity:1;color:var(--yellow);background:rgba(255,255,255,.045);border-color:rgba(255,204,0,.38);transform:translateY(-1px)}.search-btn{width:44px;height:44px;border-radius:50%;border:1px solid transparent;background:transparent;color:#fff;cursor:pointer;font-size:24px;transition:.2s;display:grid;place-items:center}.search-btn:hover{color:var(--yellow);transform:scale(1.05)}.topics{padding:0 5vw;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:12px 0 30px}.pill{background:var(--card2);border:1px solid var(--line);color:#fff;padding:12px 22px;border-radius:999px;cursor:pointer;transition:.25s;font-size:14px;font-weight:800;user-select:none}.pill:hover{transform:translateY(-2px);border-color:rgba(255,204,0,.4)}.pill.active{background:var(--yellow);color:#000;box-shadow:0 10px 30px rgba(255,204,0,.18)}.hero-wrapper{position:relative;width:min(1232px,calc(100% - 40px));margin:0 auto;padding:0 0 70px;overflow:visible}.hero-layout{display:grid;grid-template-columns:minmax(176px,238px) minmax(495px,713px) minmax(176px,238px);gap:16px;align-items:start;justify-content:center}.side-card{height:495px;background:var(--card);border-radius:28px;overflow:hidden;position:relative;border:1px solid var(--line);cursor:pointer;opacity:.76;transform:scale(.94);transition:.35s ease;margin-top:73px}.side-card:hover{opacity:1;transform:scale(.985) translateY(-3px)}.side-card img{width:100%;height:100%;object-fit:cover;opacity:.45;transition:.35s ease}.side-card:hover img{opacity:.58;transform:scale(1.04)}.side-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.98),rgba(0,0,0,.16))}.side-content{position:absolute;bottom:22px;left:19px;right:19px;z-index:2}.side-category{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:11px}.side-title{font-size:25px;line-height:1.08;font-weight:900;margin-bottom:15px;letter-spacing:-.8px}.side-meta{color:var(--muted);font-size:12px;font-weight:700}.slider-window{position:relative}.main-card{background:#f8f8f8;border-radius:40px;overflow:hidden;color:#000;position:relative;border:8px solid #fff;box-shadow:0 24px 70px rgba(0,0,0,.45);transition:transform .42s ease,opacity .42s ease;max-height:693px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c7c7c7 transparent}.main-card::-webkit-scrollbar{width:8px}.main-card::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:999px}.main-card::-webkit-scrollbar-track{background:transparent}.scroll-hint{position:absolute;right:28px;top:26px;z-index:5;background:rgba(0,0,0,.7);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:10px 14px;font-size:12px;font-weight:900;pointer-events:none;opacity:.85}.main-card.slide-left{animation:slideLeft .42s ease both}.main-card.slide-right{animation:slideRight .42s ease both}.main-card.fade{animation:fadeIn .35s ease both}@keyframes slideLeft{0%{opacity:.1;transform:translateX(60px) scale(.98)}100%{opacity:1;transform:translateX(0) scale(1)}}@keyframes slideRight{0%{opacity:.1;transform:translateX(-60px) scale(.98)}100%{opacity:1;transform:translateX(0) scale(1)}}@keyframes fadeIn{0%{opacity:.2;transform:scale(.98)}100%{opacity:1;transform:scale(1)}}.main-image{height:327px;overflow:hidden;position:sticky;top:0;z-index:1;background:#111}.main-image img,.main-image iframe{width:100%;height:100%;object-fit:cover;display:block;border:0}.main-content{padding:30px 34px 35px;background:#f8f8f8;position:relative;z-index:2}.main-category{color:var(--blue);font-size:13px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:16px}.main-title{font-size:clamp(34px,4.1vw,54px);line-height:.96;letter-spacing:-2.2px;font-weight:900;margin-bottom:18px}.meta{display:flex;gap:18px;color:#6b7280;margin-bottom:24px;flex-wrap:wrap;font-size:14px;font-weight:700}.description{font-size:16px;line-height:1.66;color:#374151;margin-bottom:24px;max-width:760px}.description h3{font-size:24px;color:#050b14;margin:25px 0 9px;letter-spacing:-.7px;line-height:1.1}.description p{margin-bottom:18px}.share{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e7eb;padding-top:22px;flex-wrap:wrap;gap:18px}.share-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.share-left span{font-size:12px;font-weight:900;letter-spacing:1.2px;color:#6b7280}.socials{display:flex;gap:12px}.social{width:40px;height:40px;border-radius:50%;background:#eef2ff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;font-weight:900;color:#1677ff;border:none}.social:hover{transform:scale(1.1);background:#dbeafe}.save-btn{border:none;background:transparent;font-weight:900;color:#6b7280;cursor:pointer;font-size:13px;letter-spacing:.7px}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:62px;height:62px;border-radius:50%;background:var(--card2);border:1px solid var(--line);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:.2s;font-size:30px;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.25)}.arrow:hover{transform:translateY(-50%) scale(1.08);background:#111c2d;color:var(--yellow)}.arrow.left{left:196px}.arrow.right{right:196px}.dots{display:flex;justify-content:center;gap:13px;margin-top:24px}.dot-btn{width:11px;height:11px;border-radius:50%;border:none;background:#334155;cursor:pointer;transition:.2s}.dot-btn.active{background:var(--yellow);transform:scale(1.35)}.empty-state{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:30px;padding:60px 20px;max-width:760px;margin:0 auto}.empty-state h2{font-size:34px;margin-bottom:10px}.empty-state p{color:var(--muted);line-height:1.6}.content-wrap{width:min(980px,calc(100% - 40px));margin:28px auto 90px}.page-hero{display:grid;grid-template-columns:1fr .82fr;gap:28px;align-items:center;margin:24px 0 30px}.panel-card,.form-card{background:rgba(9,17,29,.96);border:1px solid rgba(255,255,255,.09);border-radius:30px;padding:34px;box-shadow:0 20px 60px rgba(0,0,0,.28)}.page-kicker{color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:14px;display:block}.page-hero h1,.archive-title,.single-title{font-size:clamp(38px,5vw,66px);line-height:.95;letter-spacing:-2.5px;margin-bottom:20px}.page-hero p,.panel-card p{color:#d1d5db;line-height:1.65;font-size:16px}.feature-image{min-height:330px;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:#111}.feature-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.1) contrast(1.05)}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;overflow:hidden;margin:30px 0}.info-box{padding:28px 22px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}.info-box:last-child{border-right:0}.info-box strong{display:block;margin-bottom:10px;text-transform:uppercase;font-size:12px;color:#fff}.info-box p{color:#aeb7c5;font-size:14px}.two-col{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px}.contact-line{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}.contact-line:last-child{border-bottom:0}.contact-line small{display:block;color:#aeb7c5;text-transform:uppercase;font-weight:900;font-size:12px;margin-bottom:6px}.story-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:12px;text-transform:uppercase;letter-spacing:.9px;color:#cbd5e1;font-weight:900}.field input,.field textarea,.field select{background:#0d1523;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:15px 16px;outline:none;font:inherit}.field textarea{min-height:170px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--yellow);box-shadow:0 0 0 4px rgba(255,204,0,.08)}.upload-box{grid-column:1/-1;border:1px dashed rgba(255,255,255,.28);border-radius:18px;padding:28px;text-align:center;color:#aeb7c5;background:rgba(255,255,255,.02)}.submit-actions{grid-column:1/-1;display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;margin-top:6px}.fine-print{color:#9ca3af;font-size:13px;line-height:1.5;max-width:560px}.submit-primary{background:var(--yellow);color:#000;border:0;border-radius:999px;padding:16px 24px;font-weight:950;cursor:pointer;box-shadow:0 10px 30px rgba(255,204,0,.18)}.submit-primary:hover{transform:translateY(-1px)}.notice{margin:0 0 20px;padding:18px;border-radius:18px;font-weight:800}.notice.success{border:1px solid rgba(255,204,0,.25);background:rgba(255,204,0,.08);color:#fff}.notice.error{border:1px solid rgba(255,73,63,.3);background:rgba(255,73,63,.08);color:#fff}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.story-tile{background:rgba(9,17,29,.92);border:1px solid rgba(255,255,255,.09);border-radius:24px;overflow:hidden;transition:.2s}.story-tile:hover{transform:translateY(-3px);border-color:rgba(255,204,0,.32)}.story-tile img{width:100%;height:190px;object-fit:cover;display:block}.story-tile-body{padding:20px}.story-tile h2{font-size:22px;line-height:1.1;margin:10px 0}.story-tile p{color:#aeb7c5;line-height:1.55}.single-wrap{width:min(850px,calc(100% - 40px));margin:30px auto 90px}.single-card{background:#f8f8f8;color:#050b14;border-radius:34px;border:8px solid #fff;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.45)}.single-media{height:min(440px,48vw);background:#111}.single-media img,.single-media iframe{width:100%;height:100%;object-fit:cover;border:0}.single-content{padding:42px}.single-content .description{font-size:18px;max-width:100%}.site-footer{width:min(1100px,calc(100% - 40px));margin:80px auto 0;padding:28px 0 40px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;color:#9ca3af}.footer-logo{width:120px}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a:hover{color:var(--yellow)}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden}.search-form{display:flex;gap:12px;margin-top:20px}.search-field{flex:1;background:#0d1523;color:white;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:15px 18px;outline:none;font-size:15px}.search-submit{background:var(--yellow);color:#000;border:none;border-radius:999px;padding:15px 22px;font-weight:900;cursor:pointer}
@media(max-width:1050px){.hero-wrapper{width:min(820px,calc(100% - 28px))}.hero-layout{grid-template-columns:1fr}.side-card{display:none}.arrow.left{left:12px}.arrow.right{right:12px}.main-card{max-height:720px}.archive-grid{grid-template-columns:repeat(2,1fr)}.two-col,.page-hero{grid-template-columns:1fr}.info-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){
  .site-header{grid-template-columns:auto 1fr auto;align-items:start;justify-items:stretch;padding:14px 14px 8px;gap:10px;position:relative}.site-logo{grid-column:1;justify-self:start;align-items:flex-start;min-width:0}.logo-image{width:112px}.tagline-center{grid-column:1/-1;justify-self:center;margin-top:-2px;font-size:17px}.mobile-menu-toggle{grid-column:3;grid-row:1;justify-self:end;display:flex}.header-nav{display:none;position:absolute;right:14px;top:66px;width:min(250px,calc(100vw - 28px));padding:12px;background:rgba(8,16,28,.97);border:1px solid rgba(255,255,255,.14);border-radius:22px;box-shadow:0 20px 55px rgba(0,0,0,.42);backdrop-filter:blur(14px);z-index:100;flex-direction:column;align-items:stretch;gap:8px}.site-header.menu-open .header-nav{display:flex}.header-nav .nav-btn{width:100%;text-align:left;font-size:13px;padding:12px 14px}.search-btn{width:100%;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.12);justify-content:flex-start;padding-left:14px;font-size:20px}.topics{margin:16px 0 16px;padding:0 14px;gap:10px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;scrollbar-width:none}.topics::-webkit-scrollbar{display:none}.pill{padding:10px 17px;font-size:13px;white-space:nowrap}.hero-wrapper{width:100%;padding-bottom:44px;overflow:hidden}.hero-layout{display:grid!important;grid-template-columns:minmax(58px,15vw) minmax(0,84vw) minmax(58px,15vw);gap:8px;justify-content:center;align-items:start}.side-card{display:block!important;height:400px;margin-top:44px;border-radius:22px;opacity:.52;transform:none}.side-card:hover{transform:none}.side-content{left:12px;right:12px;bottom:18px}.side-title{font-size:18px}.side-category{font-size:9px}.side-meta{font-size:10px}.main-card{border-width:5px;border-radius:26px;max-height:650px;overflow-y:auto;overscroll-behavior:contain;transition:transform .28s ease}.main-image{height:215px;position:relative}.main-content{padding:21px 22px 25px;background:#f8f8f8}.main-title{font-size:clamp(24px,7.1vw,34px);line-height:1.02;letter-spacing:-1.2px;margin-bottom:14px}.meta{font-size:13px;gap:12px;margin-bottom:15px}.description{font-size:15px;line-height:1.58;margin-bottom:18px}.description h3{font-size:20px;letter-spacing:-.4px}.scroll-hint{right:12px;top:12px;padding:8px 11px;font-size:0}.scroll-hint:after{content:'Scroll to continue ↓';font-size:11px}.arrow{width:48px;height:48px;font-size:25px}.arrow.left{left:24px}.arrow.right{right:24px}.dots{margin-top:18px}.share{padding-top:18px}.content-wrap{width:min(100% - 24px,540px)}.page-hero{grid-template-columns:1fr}.feature-image{min-height:240px}.story-form{grid-template-columns:1fr}.panel-card,.form-card{padding:24px}.info-grid,.two-col,.archive-grid{grid-template-columns:1fr}.info-box{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
}

/* v1.1 requested updates */
.site-header{grid-template-columns:auto 1fr auto;align-items:start;gap:28px;padding:22px 4vw 18px}.site-logo{grid-column:1;justify-self:start;align-items:flex-start;min-width:auto}.logo-image{width:185px}.tagline-center{grid-column:2;justify-self:center;margin-top:86px}.header-nav{grid-column:3}.header-spacer{display:none}.header-nav .nav-btn:first-child{border-color:rgba(255,204,0,.22)}
.main-card .share{justify-content:flex-start}.main-card .save-btn{display:none}.youtube-embed-wrap,.youtube-embed-wrap iframe{width:100%;height:100%;display:block;border:0}.hero-gallery{position:relative;width:100%;height:100%;overflow:hidden;background:#111}.hero-gallery img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .65s ease, transform 6s ease;transform:scale(1.03)}.hero-gallery img.active{opacity:1;transform:scale(1)}.hero-gallery img:first-child{opacity:1}.hero-gallery:has(img.active) img:first-child:not(.active){opacity:0}.hero-gallery-dots{position:absolute;z-index:4;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:8px}.hero-gallery-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.38);box-shadow:0 0 10px rgba(0,0,0,.4)}.hero-gallery-dots span.active{background:var(--yellow)}.single-gallery img{position:absolute}.single-media .youtube-embed-wrap iframe{width:100%;height:100%}

@media(max-width:1180px){.site-header{grid-template-columns:1fr;justify-items:center}.site-logo{grid-column:auto;justify-self:center}.tagline-center{grid-column:auto;margin-top:0}.header-nav{grid-column:auto;justify-self:center;justify-content:center;padding-top:6px;flex-wrap:wrap}.logo-image{width:175px}}

@media(max-width:768px){
  .site-header{grid-template-columns:auto 1fr;align-items:start;justify-items:stretch;padding:14px 14px 8px;gap:10px}.site-logo{grid-column:1;justify-self:start;align-items:flex-start}.logo-image{width:112px}.tagline-center{grid-column:1/-1;justify-self:center;margin-top:-2px;font-size:17px}.header-nav{grid-column:2;justify-self:end;justify-content:flex-end;gap:6px;padding-top:0}.header-nav .nav-btn{font-size:11px;padding:8px 9px}.search-btn{width:32px;height:32px;font-size:19px}.topics{margin:16px 0 16px;padding:0 14px;gap:10px}.pill{padding:10px 17px;font-size:13px}.hero-wrapper{width:100%;padding-bottom:44px;overflow:hidden}.hero-layout{display:grid!important;grid-template-columns:minmax(92px,22vw) minmax(0,76vw) minmax(92px,22vw);gap:10px;justify-content:center;align-items:start}.side-card{display:block!important;height:390px;margin-top:44px;border-radius:22px;opacity:.56;transform:none}.side-card:hover{transform:none}.side-content{left:12px;right:12px;bottom:18px}.side-title{font-size:18px}.side-category{font-size:9px}.side-meta{font-size:10px}.main-card{border-width:5px;border-radius:26px;max-height:610px;transition:max-height .28s ease, transform .28s ease}.main-image{height:205px;position:relative}.main-content{padding:22px 22px 25px}.main-title{font-size:clamp(30px,9vw,42px);line-height:.95}.description{font-size:15px}.scroll-hint{right:14px;top:14px;font-size:11px;padding:8px 11px}.arrow{width:48px;height:48px;font-size:25px}.arrow.left{left:21px}.arrow.right{right:21px}.dots{margin-top:18px}.main-card:after{content:'Tap story to enlarge';position:absolute;right:14px;bottom:14px;background:rgba(5,11,20,.76);color:white;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900;z-index:6}.mobile-expanded .hero-layout{grid-template-columns:0 minmax(0,94vw) 0;gap:0}.mobile-expanded .side-card{opacity:0;pointer-events:none}.mobile-expanded .main-card{max-height:735px;transform:scale(1.01)}.mobile-expanded .main-image{height:230px}.mobile-expanded .main-card:after{content:'Tap again to shrink'}
}


/* v1.3 layout refinement: centered tagline, logo offset, desktop burger menu, improved mobile slider */
.site-header{
  grid-template-columns: minmax(220px, 360px) 1fr auto;
  align-items:start;
  padding:24px 4vw 78px;
  min-height:170px;
  position:relative;
}
.site-logo{
  grid-column:1;
  justify-self:start;
  margin-left:clamp(70px, 7vw, 150px);
  align-items:flex-start;
  min-width:0;
}
.logo-image{width:165px;}
.tagline-center{
  position:absolute;
  left:50%;
  top:108px;
  transform:translateX(-50%);
  margin:0;
  grid-column:auto;
  justify-self:auto;
  width:max-content;
  z-index:2;
}
.mobile-menu-toggle{
  display:flex;
  grid-column:3;
  justify-self:end;
  margin-top:16px;
}
.header-nav{
  display:none;
  position:absolute;
  right:4vw;
  top:82px;
  width:min(285px, calc(100vw - 32px));
  padding:12px;
  background:rgba(8,16,28,.97);
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  box-shadow:0 22px 65px rgba(0,0,0,.46);
  backdrop-filter:blur(16px);
  z-index:100;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
}
.site-header.menu-open .header-nav{display:flex;}
.header-nav .nav-btn{
  width:100%;
  text-align:left;
  font-size:14px;
  padding:13px 16px;
}
.header-nav .search-btn{
  width:100%;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  justify-content:flex-start;
  padding-left:15px;
  font-size:21px;
}
.topics{margin-top:0;}
.pill .topic-icon{display:inline-flex;margin-right:8px;opacity:.95;}
.pill.active .topic-icon{color:#050b14;}

@media(max-width:1180px){
  .site-header{grid-template-columns:auto 1fr auto;padding:16px 18px 78px;min-height:166px;}
  .site-logo{grid-column:1;justify-self:start;margin-left:0;}
  .logo-image{width:135px;}
  .tagline-center{top:78px;font-size:20px;}
  .mobile-menu-toggle{grid-column:3;grid-row:1;margin-top:12px;}
  .header-nav{right:18px;top:72px;}
}

@media(max-width:768px){
  .site-header{
    grid-template-columns:auto 1fr auto;
    padding:14px 14px 76px;
    min-height:172px;
    gap:10px;
  }
  .site-logo{grid-column:1;grid-row:1;justify-self:start;margin-left:0;align-items:flex-start;}
  .logo-image{width:112px;}
  .tagline-center{
    position:absolute;
    left:50%;
    top:70px;
    transform:translateX(-50%);
    grid-column:auto;
    width:max-content;
    font-size:17px;
    line-height:.96;
    margin:0;
  }
  .logo-tagline .underline{width:110px;height:4px;margin-top:7px;}
  .mobile-menu-toggle{display:flex;grid-column:3;grid-row:1;margin-top:7px;}
  .header-nav{
    display:none;
    right:14px;
    top:62px;
    width:min(255px, calc(100vw - 28px));
    padding:12px;
  }
  .site-header.menu-open .header-nav{display:flex;}
  .header-nav .nav-btn{font-size:13px;padding:12px 14px;}
  .header-nav .search-btn{width:100%;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.13);justify-content:flex-start;padding-left:14px;font-size:19px;}

  .topics{
    margin:0 0 14px;
    padding:0 14px 8px;
    gap:9px;
    overflow-x:auto;
    flex-wrap:nowrap;
    justify-content:flex-start;
    scrollbar-width:none;
  }
  .topics::-webkit-scrollbar{display:none;}
  .pill{
    padding:10px 15px;
    font-size:12px;
    border-radius:999px;
    white-space:nowrap;
    display:inline-flex;
    align-items:center;
    gap:0;
  }

  .hero-wrapper{width:100%;overflow:hidden;padding-bottom:42px;}
  .hero-layout{
    display:grid!important;
    grid-template-columns:minmax(72px,18vw) minmax(0,84vw) minmax(72px,18vw);
    gap:8px;
    justify-content:center;
    align-items:start;
  }
  .side-card{
    display:block!important;
    height:430px;
    margin-top:40px;
    border-radius:22px;
    opacity:.54;
    transform:none!important;
  }
  .side-card img{opacity:.42;}
  .side-content{left:10px;right:10px;bottom:16px;}
  .side-category{font-size:9px;letter-spacing:1px;margin-bottom:8px;}
  .side-title{font-size:17px;line-height:1.08;letter-spacing:-.45px;}
  .side-meta{font-size:10px;line-height:1.35;}

  .main-card{
    background:#f8f8f8;
    border-width:5px;
    border-radius:24px;
    max-height:650px;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
  }
  .main-card:after{content:none!important;display:none!important;}
  .main-image{height:210px;position:relative;}
  .main-content{padding:20px 20px 24px;background:#f8f8f8;}
  .main-category{font-size:11px;margin-bottom:12px;letter-spacing:1.4px;}
  .main-title{
    font-size:clamp(23px,6.1vw,30px)!important;
    line-height:1.03!important;
    letter-spacing:-.9px!important;
    margin-bottom:14px!important;
  }
  .meta{font-size:12px;gap:12px;margin-bottom:15px;}
  .description{font-size:14px;line-height:1.58;margin-bottom:18px;}
  .description h3{font-size:19px;line-height:1.1;margin:22px 0 9px;}
  .share{padding-top:16px;}
  .scroll-hint{right:12px;top:12px;padding:8px 11px;font-size:0;}
  .scroll-hint:after{content:'Scroll story ↓';font-size:11px;}
  .arrow{width:46px;height:46px;font-size:24px;}
  .arrow.left{left:23px;}
  .arrow.right{right:23px;}
  .dots{display:none;}
  .mobile-expanded .hero-layout{grid-template-columns:minmax(72px,18vw) minmax(0,84vw) minmax(72px,18vw)!important;gap:8px!important;}
  .mobile-expanded .side-card{opacity:.54!important;pointer-events:auto!important;}
  .mobile-expanded .main-card{max-height:650px!important;transform:none!important;}
  .mobile-expanded .main-image{height:210px!important;}
}


/* v1.4 final layout updates: desktop header placement + mobile wide swipe story */
@media (min-width: 1181px){
  .site-header{
    grid-template-columns:minmax(310px,420px) 1fr minmax(260px,420px);
    padding:24px 4vw 78px;
  }
  .site-logo{
    grid-column:1;
    justify-self:start;
    margin-left:clamp(120px,10.5vw,230px);
    align-items:flex-start;
  }
  .logo-image{width:150px;}
  .tagline-center{
    left:50%;
    top:108px;
    transform:translateX(-50%);
  }
  .mobile-menu-toggle{
    grid-column:3;
    justify-self:end;
    margin-top:16px;
    margin-right:clamp(120px,16vw,305px);
  }
  .header-nav{
    right:calc(4vw + clamp(120px,16vw,305px));
    top:82px;
  }
}

@media(max-width:768px){
  .site-header{
    padding:14px 14px 74px!important;
    min-height:166px!important;
  }
  .header-nav{
    display:none!important;
  }
  .site-header.menu-open .header-nav{
    display:flex!important;
  }
  .topics{
    padding:0 12px 8px!important;
    margin:0 0 14px!important;
    gap:9px!important;
  }
  .pill{
    padding:10px 15px!important;
    font-size:12px!important;
    border-radius:999px!important;
    background:#0d1523;
    border:1px solid rgba(255,255,255,.13);
    color:#fff;
  }
  .pill.active{
    background:var(--yellow)!important;
    color:#000!important;
    box-shadow:0 10px 28px rgba(255,204,0,.2)!important;
  }
  .pill .topic-icon{
    display:inline-flex!important;
    margin-right:8px!important;
  }
  .hero-wrapper{
    width:100%!important;
    overflow:hidden!important;
    padding:0 0 44px!important;
  }
  .hero-layout{
    display:grid!important;
    grid-template-columns:minmax(28px,7vw) minmax(0,90vw) minmax(28px,7vw)!important;
    gap:6px!important;
    justify-content:center!important;
    align-items:start!important;
    transform:none!important;
  }
  .slider-window{min-width:0;}
  .side-card{
    display:block!important;
    height:calc(100vh - 220px)!important;
    min-height:500px!important;
    max-height:720px!important;
    margin-top:78px!important;
    border-radius:20px!important;
    opacity:.48!important;
    transform:none!important;
    pointer-events:none;
  }
  .side-card img{
    opacity:.34!important;
    filter:brightness(.7) saturate(.85)!important;
  }
  .side-overlay{background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.22))!important;}
  .side-content{display:none!important;}
  .main-card{
    width:100%!important;
    background:#f8f8f8!important;
    border:5px solid #fff!important;
    border-radius:25px!important;
    max-height:calc(100vh - 205px)!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    box-shadow:0 22px 62px rgba(0,0,0,.52)!important;
    touch-action:pan-y pan-x!important;
  }
  .main-image{
    height:230px!important;
    position:relative!important;
    top:auto!important;
  }
  .main-content{
    padding:22px 23px 28px!important;
    background:#f8f8f8!important;
  }
  .main-category{
    font-size:12px!important;
    letter-spacing:1.35px!important;
    margin-bottom:13px!important;
  }
  .main-title{
    font-size:clamp(28px,7.7vw,36px)!important;
    line-height:1.02!important;
    letter-spacing:-1px!important;
    margin-bottom:15px!important;
  }
  .meta{
    font-size:13px!important;
    gap:14px!important;
    margin-bottom:16px!important;
  }
  .description{
    font-size:16px!important;
    line-height:1.62!important;
    color:#243041!important;
    margin-bottom:20px!important;
  }
  .description h3{
    font-size:21px!important;
    line-height:1.12!important;
  }
  .share{display:none!important;}
  .scroll-hint{
    right:13px!important;
    top:13px!important;
    padding:9px 12px!important;
    font-size:0!important;
    background:rgba(0,0,0,.62)!important;
    border-radius:999px!important;
  }
  .scroll-hint:after{content:'Scroll story ↓';font-size:12px!important;}
  .arrow{display:none!important;}
  .dots{
    display:flex!important;
    gap:10px!important;
    margin-top:15px!important;
  }
  .dot-btn{
    width:28px!important;
    height:5px!important;
    border-radius:99px!important;
    background:rgba(255,255,255,.28)!important;
  }
  .dot-btn.active{background:var(--yellow)!important;transform:none!important;}
  .mobile-expanded .hero-layout{grid-template-columns:minmax(28px,7vw) minmax(0,90vw) minmax(28px,7vw)!important;gap:6px!important;}
  .mobile-expanded .side-card{opacity:.48!important;pointer-events:none!important;}
  .mobile-expanded .main-card{max-height:calc(100vh - 205px)!important;transform:none!important;}
  .mobile-expanded .main-image{height:230px!important;}
}

@media(max-width:420px){
  .hero-layout{
    grid-template-columns:minmax(20px,6vw) minmax(0,91vw) minmax(20px,6vw)!important;
    gap:5px!important;
  }
  .main-image{height:215px!important;}
  .main-content{padding:20px 21px 26px!important;}
  .main-title{font-size:clamp(27px,7.4vw,34px)!important;}
  .description{font-size:15.5px!important;}
  .side-card{margin-top:76px!important;}
}


/* v1.5 mobile polish: smaller header logo/tagline, visible peek slides, full-page swipe */
@media(max-width:768px){
  .site-header{
    min-height:154px!important;
    padding:13px 14px 66px!important;
  }
  .logo-image{
    width:104px!important;
  }
  .tagline-center{
    top:68px!important;
    font-size:15.5px!important;
    line-height:.95!important;
    max-width:260px!important;
    white-space:normal!important;
  }
  .logo-tagline .underline{
    width:96px!important;
    height:3px!important;
    margin-top:6px!important;
  }
  .mobile-menu-toggle{
    width:42px!important;
    height:42px!important;
    margin-top:6px!important;
  }
  .topics{
    margin-top:0!important;
    margin-bottom:14px!important;
  }
  .hero-layout{
    grid-template-columns:minmax(46px,12vw) minmax(0,88vw) minmax(46px,12vw)!important;
    gap:8px!important;
    width:calc(88vw + min(24vw,92px) + 16px)!important;
    margin-left:calc((100vw - (88vw + min(24vw,92px) + 16px)) / 2)!important;
  }
  .side-card{
    display:block!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    height:calc(100vh - 220px)!important;
    min-height:500px!important;
    max-height:720px!important;
    margin-top:78px!important;
    border-radius:20px!important;
    opacity:.56!important;
    transform:none!important;
    box-shadow:0 14px 45px rgba(0,0,0,.38)!important;
  }
  .side-card:hover{transform:none!important;opacity:.64!important;}
  .side-card img{
    opacity:.40!important;
    filter:brightness(.72) saturate(.9)!important;
  }
  .side-content{display:none!important;}
  .main-card{
    width:100%!important;
    max-height:calc(100vh - 205px)!important;
    touch-action:pan-y!important;
  }
  .arrow{display:none!important;}
}

@media(max-width:420px){
  .site-header{min-height:150px!important;padding-bottom:62px!important;}
  .logo-image{width:100px!important;}
  .tagline-center{top:66px!important;font-size:15px!important;max-width:248px!important;}
  .hero-layout{
    grid-template-columns:minmax(40px,11vw) minmax(0,88vw) minmax(40px,11vw)!important;
    gap:7px!important;
    width:calc(88vw + min(22vw,80px) + 14px)!important;
    margin-left:calc((100vw - (88vw + min(22vw,80px) + 14px)) / 2)!important;
  }
  .side-card{min-height:500px!important;margin-top:76px!important;}
}

/* v1.6 mobile carousel visibility update */
@media(max-width:768px){
  .site-header{
    min-height:145px!important;
    padding:12px 14px 58px!important;
  }
  .logo-image{width:96px!important;}
  .tagline-center{
    top:64px!important;
    font-size:14.5px!important;
    max-width:236px!important;
    line-height:.95!important;
  }
  .logo-tagline .underline{width:88px!important;height:3px!important;margin-top:5px!important;}
  .mobile-menu-toggle{width:40px!important;height:40px!important;margin-top:4px!important;}
  .hero-wrapper{
    overflow:hidden!important;
    width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .hero-layout{
    grid-template-columns:56px minmax(0,86vw) 56px!important;
    gap:8px!important;
    width:calc(86vw + 128px)!important;
    margin-left:calc((100vw - (86vw + 128px)) / 2)!important;
    margin-right:0!important;
    justify-content:start!important;
  }
  .main-card{
    width:100%!important;
    max-height:calc(100vh - 190px)!important;
    border-width:5px!important;
    border-radius:22px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .main-image{height:205px!important;}
  .main-content{padding:20px 22px 24px!important;}
  .main-title{font-size:clamp(28px,7.6vw,36px)!important;line-height:1.02!important;letter-spacing:-1.25px!important;}
  .description{font-size:15.5px!important;line-height:1.58!important;}
  .side-card{
    display:block!important;
    height:calc(100vh - 240px)!important;
    min-height:460px!important;
    max-height:660px!important;
    margin-top:58px!important;
    border-radius:18px!important;
    opacity:.78!important;
    filter:saturate(.9) brightness(.95)!important;
    transform:none!important;
    pointer-events:auto!important;
  }
  .side-card img{
    opacity:.52!important;
    filter:brightness(.78) saturate(.92)!important;
  }
  .side-card .side-overlay{
    background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,.22))!important;
  }
  .side-content{display:none!important;}
  .arrow{display:none!important;}
  .dots{margin-top:13px!important;}
}

@media(max-width:420px){
  .hero-layout{
    grid-template-columns:52px minmax(0,86vw) 52px!important;
    gap:7px!important;
    width:calc(86vw + 118px)!important;
    margin-left:calc((100vw - (86vw + 118px)) / 2)!important;
  }
  .main-image{height:200px!important;}
  .side-card{min-height:455px!important;margin-top:56px!important;}
}


/* v1.7 side slides styled like the main card, slightly darker */
.side-card{
  background:rgba(248,248,248,.92);
  border:4px solid rgba(255,255,255,.78);
  border-radius:30px;
  box-shadow:0 18px 48px rgba(0,0,0,.34);
  overflow:hidden;
  opacity:.86;
  transform:scale(.965);
  filter:brightness(.94) saturate(.94);
}
.side-card:hover{
  opacity:.94;
  transform:scale(.985) translateY(-2px);
}
.side-image-wrap{
  height:200px;
  overflow:hidden;
  background:#111;
}
.side-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:1;
  filter:none;
  transform:none;
}
.side-overlay{display:none!important;}
.side-body{
  padding:18px 18px 20px;
  color:#111827;
  background:rgba(248,248,248,.92);
}
.side-category{
  color:var(--blue);
  font-size:10px;
  font-weight:900;
  letter-spacing:1.1px;
  text-transform:uppercase;
  margin-bottom:10px;
}
.side-title{
  font-size:22px;
  line-height:1.02;
  font-weight:900;
  letter-spacing:-.8px;
  color:#0b1320;
  margin-bottom:12px;
}
.side-meta{
  color:#6b7280;
  font-size:12px;
  font-weight:700;
  margin-bottom:12px;
}
.side-excerpt{
  color:#374151;
  font-size:14px;
  line-height:1.45;
}

@media(min-width:769px){
  .side-card{
    height:510px;
    margin-top:78px;
  }
  .side-image-wrap{height:190px;}
  .side-title{font-size:20px;}
  .side-excerpt{font-size:13px;line-height:1.42;}
}

@media(max-width:768px){
  .hero-layout{
    grid-template-columns:68px minmax(0,86vw) 68px!important;
    gap:10px!important;
    width:calc(86vw + 156px)!important;
    margin-left:calc((100vw - (86vw + 156px)) / 2)!important;
  }
  .side-card{
    display:block!important;
    height:calc(100vh - 240px)!important;
    min-height:455px!important;
    max-height:620px!important;
    margin-top:48px!important;
    border-radius:24px!important;
    border:4px solid rgba(255,255,255,.72)!important;
    opacity:.9!important;
    filter:brightness(.9) saturate(.92)!important;
    pointer-events:auto!important;
  }
  .side-image-wrap{height:180px!important;}
  .side-body{
    padding:14px 14px 18px!important;
    background:rgba(242,242,242,.92)!important;
  }
  .side-category{font-size:9px!important;margin-bottom:8px!important;}
  .side-title{font-size:18px!important;line-height:1.02!important;margin-bottom:10px!important;}
  .side-meta{font-size:10px!important;margin-bottom:10px!important;}
  .side-excerpt{font-size:12px!important;line-height:1.38!important;}
}

@media(max-width:420px){
  .hero-layout{
    grid-template-columns:74px minmax(0,84vw) 74px!important;
    gap:10px!important;
    width:calc(84vw + 168px)!important;
    margin-left:calc((100vw - (84vw + 168px)) / 2)!important;
  }
  .side-card{
    min-height:445px!important;
    max-height:590px!important;
    margin-top:42px!important;
  }
  .side-image-wrap{height:170px!important;}
  .side-title{font-size:17px!important;}
  .side-excerpt{font-size:11.5px!important;}
}

/* v1.8 mobile: make previous/next story cards clearly visible and main-card-like */
@media(max-width:768px){
  .hero-wrapper{
    width:100%!important;
    overflow:hidden!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .hero-layout{
    grid-template-columns:minmax(0,32vw) minmax(0,76vw) minmax(0,32vw)!important;
    gap:8px!important;
    width:calc(140vw + 16px)!important;
    margin-left:calc((100vw - (140vw + 16px)) / 2)!important;
    margin-right:0!important;
    justify-content:start!important;
    align-items:start!important;
  }
  .slider-window{min-width:0!important;}
  .main-card{
    width:100%!important;
    border:5px solid #fff!important;
    border-radius:24px!important;
    max-height:calc(100vh - 190px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .side-card{
    display:block!important;
    width:100%!important;
    height:calc(100vh - 252px)!important;
    min-height:450px!important;
    max-height:610px!important;
    margin-top:30px!important;
    border-radius:24px!important;
    border:4px solid rgba(255,255,255,.82)!important;
    background:#f4f4f4!important;
    opacity:.92!important;
    filter:brightness(.92) saturate(.96)!important;
    transform:none!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    box-shadow:0 18px 55px rgba(0,0,0,.42)!important;
  }
  .side-card:hover{opacity:.96!important;transform:none!important;}
  .side-image-wrap{
    height:178px!important;
    background:#111!important;
    overflow:hidden!important;
  }
  .side-card img{
    opacity:1!important;
    filter:none!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .side-body{
    display:block!important;
    padding:15px 15px 18px!important;
    background:#f4f4f4!important;
    color:#111827!important;
  }
  .side-category{
    color:var(--blue)!important;
    font-size:10px!important;
    letter-spacing:1.05px!important;
    margin-bottom:9px!important;
  }
  .side-title{
    color:#050b14!important;
    font-size:19px!important;
    line-height:1.03!important;
    letter-spacing:-.55px!important;
    margin-bottom:10px!important;
  }
  .side-meta{
    color:#6b7280!important;
    font-size:10.5px!important;
    line-height:1.35!important;
    margin-bottom:10px!important;
  }
  .side-excerpt{
    display:block!important;
    color:#374151!important;
    font-size:12px!important;
    line-height:1.42!important;
  }
  .side-overlay{display:none!important;}
  .arrow{display:none!important;}
}

@media(max-width:420px){
  .hero-layout{
    grid-template-columns:minmax(0,34vw) minmax(0,76vw) minmax(0,34vw)!important;
    gap:8px!important;
    width:calc(144vw + 16px)!important;
    margin-left:calc((100vw - (144vw + 16px)) / 2)!important;
  }
  .side-card{
    min-height:440px!important;
    max-height:590px!important;
    margin-top:28px!important;
  }
  .side-image-wrap{height:165px!important;}
  .side-title{font-size:18px!important;}
  .side-excerpt{font-size:11.5px!important;}
}


/* v1.9 edge-to-edge mobile swipe support */
@media(max-width:768px){
  body,
  .page,
  [data-lts-slider],
  .hero-wrapper,
  .hero-layout{
    touch-action:pan-x pan-y!important;
  }
  .side-card{
    pointer-events:auto!important;
    cursor:pointer!important;
  }
}


/* v1.10 desktop quick actions + mobile share buttons */
.header-actions{
  grid-column:3;
  justify-self:end;
  display:flex;
  align-items:center;
  gap:12px;
  padding-top:16px;
  position:relative;
  z-index:110;
}
.desktop-quick-search{
  width:46px;
  height:46px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.26);
  background:rgba(5,11,20,.42);
  display:grid;
  place-items:center;
  font-size:24px;
  color:#fff;
  backdrop-filter:blur(10px);
}
.desktop-submit-btn{
  border-color:var(--yellow)!important;
  background:rgba(5,11,20,.48)!important;
  color:#fff!important;
  padding:12px 20px!important;
  box-shadow:none!important;
}
.desktop-submit-btn:hover{
  color:var(--yellow)!important;
  background:rgba(255,255,255,.045)!important;
  transform:translateY(-1px);
}
.site-header .mobile-menu-toggle{
  display:flex;
  margin:0;
}
.header-nav{
  right:4vw;
  top:82px;
}

/* keep the menu as a dropdown, not the visible desktop nav */
@media(min-width:769px){
  .header-nav{
    display:none!important;
  }
  .site-header.menu-open .header-nav{
    display:flex!important;
  }
}

/* Mobile keeps the existing simple burger header; quick desktop buttons are hidden */
@media(max-width:768px){
  .header-actions{
    grid-column:3;
    grid-row:1;
    justify-self:end;
    padding-top:0;
    gap:0;
  }
  .desktop-quick-search,
  .desktop-submit-btn{
    display:none!important;
  }
  .site-header .mobile-menu-toggle{
    display:flex!important;
  }
  .header-nav .nav-btn[href*="?s="]{
    display:block;
  }

  .main-card .share{
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:12px!important;
    padding-top:16px!important;
    margin-top:18px!important;
    border-top:1px solid #e5e7eb!important;
  }
  .main-card .share-left{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    flex-wrap:wrap!important;
  }
  .main-card .share-left span{
    display:block!important;
    width:100%;
    font-size:11px!important;
    color:#6b7280!important;
  }
  .main-card .socials{
    display:flex!important;
    gap:10px!important;
  }
  .main-card .social{
    width:36px!important;
    height:36px!important;
    border-radius:50%!important;
    background:#eef2ff!important;
    color:#1677ff!important;
    font-size:13px!important;
  }
}


/* v1.11 desktop menu cleanup: submit/search live outside burger on desktop only */
@media(min-width:769px){
  .header-nav .menu-submit-link,
  .header-nav .menu-search-link{
    display:none!important;
  }
}

/* Mobile keeps submit/search inside burger menu */
@media(max-width:768px){
  .header-nav .menu-submit-link,
  .header-nav .menu-search-link{
    display:block!important;
  }

  /* Allow swipe gestures to start from the full screen width. */
  html,
  body,
  .page,
  .site-header,
  .topics,
  .hero-wrapper,
  .hero-layout,
  .slider-window,
  .side-card,
  .main-card{
    touch-action:pan-x pan-y!important;
  }
}


/* v1.13 products + submit dropdown */
.submit-dropdown{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.submit-menu{
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  width:240px;
  padding:10px;
  background:rgba(8,16,28,.97);
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  box-shadow:0 22px 65px rgba(0,0,0,.46);
  backdrop-filter:blur(16px);
  display:none;
  z-index:220;
}
.submit-dropdown.open .submit-menu,
.submit-dropdown:hover .submit-menu{
  display:block;
}
.submit-menu:before{
  content:"";
  position:absolute;
  right:36px;
  top:-7px;
  width:12px;
  height:12px;
  background:rgba(8,16,28,.97);
  border-left:1px solid rgba(255,255,255,.16);
  border-top:1px solid rgba(255,255,255,.16);
  transform:rotate(45deg);
}
.submit-menu a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px 14px;
  color:#fff;
  font-weight:850;
  border-radius:12px;
  transition:.18s ease;
}
.submit-menu a:hover{
  background:rgba(255,255,255,.06);
  color:var(--yellow);
}
.desktop-submit-btn{
  border-color:var(--yellow)!important;
  background:rgba(5,11,20,.48)!important;
  color:#fff!important;
}
.desktop-submit-btn:after{
  content:"⌃";
  margin-left:7px;
  font-size:12px;
  opacity:.75;
}

/* Hide the submit/search menu duplicates on desktop because they live outside the burger */
@media(min-width:769px){
  .header-nav .menu-submit-link,
  .header-nav .menu-submit-product-link,
  .header-nav .menu-search-link{
    display:none!important;
  }
}

/* Keep submit/search options inside the burger on mobile */
@media(max-width:768px){
  .submit-dropdown,
  .desktop-quick-search{
    display:none!important;
  }
  .header-nav .menu-submit-link,
  .header-nav .menu-submit-product-link,
  .header-nav .menu-search-link{
    display:block!important;
  }
}

.pill.products-pill{
  order:-2;
  background:rgba(66,119,172,.50)!important;
  border-color:rgba(160,205,255,.34)!important;
  color:#eef7ff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.pill.products-pill:hover{
  background:rgba(79,137,197,.62)!important;
  border-color:rgba(190,220,255,.44)!important;
}
.pill.products-pill.active{
  background:linear-gradient(180deg,rgba(92,151,213,.72),rgba(55,93,139,.72))!important;
  border-color:rgba(188,220,255,.54)!important;
  color:#fff!important;
  box-shadow:0 10px 30px rgba(80,150,230,.16)!important;
}
.pill[data-topic="All Topics"]{
  order:-1;
}

/* Product card details */
.product-category{
  color:var(--blue)!important;
}
.product-details{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  padding:4px 0 24px;
  margin-bottom:22px;
  border-bottom:1px solid #d7dbe2;
}
.product-detail{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:12px;
  align-items:start;
  color:#1f2937;
  line-height:1.45;
}
.product-detail + .product-detail{
  border-left:1px solid #d7dbe2;
  padding-left:18px;
}
.product-detail strong{
  color:#111827;
}
.detail-icon{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#eef5ff;
  color:#1a76d2;
  font-weight:900;
}
.product-link{
  color:#1180ff;
  font-weight:850;
}
.product-materials{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid #d7dbe2;
  color:#1f2937;
  font-size:15px;
}
.product-side-body .side-category{
  color:var(--blue);
}

/* Product submit page polish */
.submit-product-page .page-kicker,
.submit-product-page .form-card h2{
  color:#79b8ff;
}
.product-form .submit-primary{
  background:linear-gradient(180deg,#6aa9e9,#3f78b6);
  color:#fff;
}

@media(max-width:768px){
  .product-details{
    grid-template-columns:1fr;
    gap:0;
    padding-bottom:14px;
  }
  .product-detail{
    grid-template-columns:34px 1fr;
    padding:12px 0;
  }
  .product-detail + .product-detail{
    border-left:0;
    border-top:1px solid #d7dbe2;
    padding-left:0;
  }
  .product-materials{
    font-size:14px;
  }
  .pill.products-pill{
    min-width:max-content;
  }
}


/* v1.14 product button brighter but still subtle */
.pill.products-pill{
  background:linear-gradient(180deg,rgba(104,163,224,.74),rgba(57,105,154,.68))!important;
  border-color:rgba(196,226,255,.56)!important;
  color:#ffffff!important;
  box-shadow:0 8px 24px rgba(70,145,225,.18), inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
.pill.products-pill:hover{
  background:linear-gradient(180deg,rgba(117,178,238,.82),rgba(69,119,174,.76))!important;
  border-color:rgba(216,236,255,.68)!important;
}
.pill.products-pill.active{
  background:linear-gradient(180deg,rgba(120,183,246,.90),rgba(65,121,184,.82))!important;
  border-color:rgba(224,241,255,.74)!important;
  color:#fff!important;
  box-shadow:0 10px 30px rgba(70,145,225,.24), inset 0 0 0 1px rgba(255,255,255,.10)!important;
}

/* v1.16 CMS plugin additions: product-only search and safe embed sizing */
.product-filter-search{
  background:var(--card2);
  border:1px solid var(--line);
  color:#fff;
  padding:12px 18px;
  border-radius:999px;
  min-width:min(320px,88vw);
  outline:none;
  font-weight:800;
}
.product-filter-search:focus{border-color:rgba(255,204,0,.55);box-shadow:0 10px 30px rgba(255,204,0,.08)}
.embed-wrap,.youtube-embed-wrap,.custom-embed-wrap,.tiktok-embed-wrap{width:100%;height:100%;display:grid;place-items:center;background:#111;overflow:hidden}
.embed-wrap iframe,.youtube-embed-wrap iframe,.custom-embed-wrap iframe,.tiktok-embed-wrap iframe{width:100%;height:100%;border:0}
.lts-body-ad{margin:26px 0;padding:18px;border:1px solid #e5e7eb;border-radius:18px;background:#fff}

/* v1.16.6 moderated story comments */
.lts-comments-section{
  margin-top:28px;
  padding-top:22px;
  border-top:1px solid #e5e7eb;
  color:#111827;
}
.lts-comments-top{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  margin-bottom:16px;
}
.lts-comments-top h2{
  margin:0;
  font-size:20px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.35px;
  color:#111827;
  display:flex;
  align-items:center;
  gap:8px;
}
.lts-comments-top h2:before{
  content:"";
  width:17px;
  height:17px;
  border:2px solid #374151;
  border-radius:4px;
  display:inline-block;
}
.lts-comments-top h2 span{font-size:14px;color:#6b7280;letter-spacing:0}
.lts-sort-label{display:flex;align-items:center;gap:8px;color:#6b7280;font-weight:800;font-size:12px}
.lts-comment-sort{border:1px solid #e5e7eb;border-radius:7px;background:#fff;color:#111827;padding:8px 10px;font-weight:800}
.lts-comment-notice{border-radius:10px;padding:12px 14px;margin:0 0 14px;font-weight:800;font-size:13px;border:1px solid #d1d5db;background:#f9fafb;color:#111827}
.lts-comment-notice-success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.lts-comment-notice-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.lts-comment-notice-info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}
.lts-comment-form{
  background:#fff;
  border:1px solid #eef0f3;
  border-radius:12px;
  padding:16px;
  box-shadow:0 8px 20px rgba(15,23,42,.04);
  margin-bottom:16px;
}
.lts-comment-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}
.lts-comment-fields label{display:flex;flex-direction:column;gap:7px;color:#374151;font-size:12px;font-weight:900}
.lts-comment-fields input,.lts-comment-fields select,.lts-comment-fields textarea{border:1px solid #e5e7eb;border-radius:6px;padding:10px 11px;background:#fff;color:#111827;font:inherit;font-size:13px;outline:none}
.lts-comment-fields input:focus,.lts-comment-fields select:focus,.lts-comment-fields textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.22)}
.lts-comment-textarea{grid-column:span 2}.lts-comment-textarea textarea{min-height:96px;resize:vertical}
.lts-comment-submit{height:42px;align-self:end;border:0;border-radius:6px;background:#0f172a;color:#fff;padding:0 16px;font-weight:900;cursor:pointer;white-space:nowrap}.lts-comment-submit:hover{background:#111827}
.lts-moderation-note{margin:10px 0 0;color:#6b7280;font-size:12px}.lts-honeypot{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}.lts-replying-to{margin:0 0 10px;padding:10px 12px;border-radius:9px;background:#f8fafc;color:#374151;font-size:13px;font-weight:800}
.lts-comments-list{display:flex;flex-direction:column;gap:12px}.lts-comment-item{display:grid;grid-template-columns:36px 1fr 54px;gap:13px;align-items:start;background:#fff;border:1px solid #eef0f3;border-radius:12px;padding:13px 14px;box-shadow:0 8px 18px rgba(15,23,42,.035)}
.lts-comment-reply-item{margin-left:42px}.lts-comment-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(180deg,#e5e7eb,#cbd5e1)}
.lts-comment-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px}.lts-comment-head strong{font-size:13px;color:#111827}.lts-occupation-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;background:#ecfdf5;color:#047857;font-size:10px;font-weight:900}.lts-comment-date{color:#6b7280;font-weight:800}.lts-comment-text{margin-top:5px;color:#374151;font-size:13px;line-height:1.45}.lts-comment-text p{margin:0 0 6px}.lts-comment-text p:last-child{margin-bottom:0}.lts-reply-link{border:0;background:transparent;color:#3b82f6;padding:0;margin-top:5px;font-weight:900;font-size:12px;cursor:pointer}.lts-reply-link:hover{text-decoration:underline}
.lts-comment-upvote{justify-self:end}.lts-comment-upvote button{width:42px;min-height:54px;border:0;background:transparent;color:#f97316;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;font-weight:900;cursor:pointer}.lts-comment-upvote span{font-size:21px;line-height:16px}.lts-comment-upvote strong{font-size:14px;color:#f97316}.lts-comment-upvote button:hover{transform:translateY(-1px)}
.lts-load-comments{width:100%;margin-top:14px;border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:9px;padding:12px 14px;font-weight:900;cursor:pointer}.lts-load-comments:hover{background:#f8fafc}.lts-comment-hidden{display:none!important}.lts-no-comments{background:#fff;border:1px solid #eef0f3;border-radius:10px;padding:15px;color:#6b7280;margin:0}
@media(max-width:720px){.lts-comments-top{align-items:flex-start;flex-direction:column}.lts-comment-fields{grid-template-columns:1fr}.lts-comment-textarea{grid-column:1}.lts-comment-submit{width:100%}.lts-comment-item{grid-template-columns:32px 1fr 44px;padding:12px}.lts-comment-reply-item{margin-left:18px}.lts-comment-upvote button{width:36px}.lts-comments-section{margin-top:22px}}

/* v1.16.8 uploaded video hero support */
.lts-hero-video{width:100%;height:100%;display:block;object-fit:cover;background:#000;border:0}
.single-hero .lts-hero-video,.single-media .lts-hero-video{min-height:360px;max-height:620px;object-fit:cover;border-radius:inherit}
.main-image .lts-hero-video{width:100%;height:100%;object-fit:cover}
@media(max-width:768px){.single-hero .lts-hero-video,.single-media .lts-hero-video{min-height:230px}}

/* v1.16.10 AJAX upvote state */
.lts-comment-upvote button:disabled{opacity:.55;cursor:wait}.lts-comment-upvote.lts-upvoted button{color:#f97316}
/* v1.16.13 AJAX comment notices */
.lts-comment-notice.success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
.lts-comment-notice.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}


/* v1.16.15 revision polish: product search placement, menu spacing, footer/legal pages */
.topics{flex-direction:column;align-items:center;justify-content:center;width:100%;}
.topics-pills{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;width:100%;}
.product-search-wrap{width:min(620px,calc(100vw - 32px));margin:8px auto 0;display:flex;justify-content:center;}
.product-filter-search{width:100%;background:rgba(11,18,31,.92);border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#fff;padding:15px 22px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 12px 30px rgba(0,0,0,.22);outline:none;text-align:left;}
.product-filter-search::placeholder{color:rgba(230,237,247,.62);font-weight:800;}
.product-filter-search:focus{border-color:rgba(255,204,0,.72);box-shadow:0 0 0 3px rgba(255,204,0,.14),0 14px 35px rgba(0,0,0,.28);}
.site-footer{align-items:flex-start;}
.footer-brand{max-width:390px;}
.footer-copy{font-size:13px;color:#7f8a99;margin-top:10px;}
.footer-links a{color:#c7d2df;text-decoration:none;font-weight:800;}
.editable-page-content h1,.editable-page-content h2,.editable-page-content h3{letter-spacing:-.04em;line-height:1.05;margin:0 0 16px;}
.editable-page-content p{line-height:1.65;color:#cbd5e1;}
.page-template-page-about .editable-page-content p,.page-template-page-contact .editable-page-content p{color:#d4dde9;}
@media(max-width:720px){
  .header-nav{top:92px!important;right:14px!important;}
  .site-header.menu-open .header-nav{margin-top:8px;}
  .topics{align-items:stretch;overflow:visible;padding-left:14px;padding-right:14px;}
  .topics-pills{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:8px;}
  .topics-pills::-webkit-scrollbar{display:none;}
  .product-search-wrap{width:100%;margin-top:10px;}
  .product-filter-search{text-align:left;padding:14px 18px;}
  .site-footer{display:block;text-align:left;}
  .footer-links{margin-top:20px;gap:12px;}
}


/* v1.16.16 final page/content fixes: generic pages, legal display, editable about/contact */
.generic-page-card{max-width:920px;margin:0 auto;background:rgba(9,17,29,.96);}
.generic-page-card h1{font-size:clamp(38px,5vw,64px);line-height:.98;letter-spacing:-2.3px;margin:0 0 22px;color:#fff;}
.generic-page-image{margin:8px 0 26px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.1);max-height:360px;}
.generic-page-image img{width:100%;height:100%;object-fit:cover;display:block;}
.legal-page-card{background:#f8fafc;color:#0f172a;border:8px solid #fff;box-shadow:0 24px 70px rgba(0,0,0,.35);}
.legal-page-card .page-kicker{color:#2563eb;}
.legal-page-card h1{color:#0f172a;}
.legal-page-content{font-size:16px;line-height:1.75;}
.legal-page-content h1{font-size:clamp(32px,4vw,52px);color:#0f172a;margin:0 0 16px;}
.legal-page-content h2{font-size:25px;color:#0f172a;margin:34px 0 12px;letter-spacing:-.7px;}
.legal-page-content h3{font-size:20px;color:#111827;margin:26px 0 10px;}
.legal-page-content p,.legal-page-content li{color:#334155;line-height:1.76;}
.legal-page-content ul,.legal-page-content ol{padding-left:24px;margin:12px 0 18px;color:#334155;}
.editable-page-content{max-width:780px;}
.editable-page-content h1{font-size:clamp(34px,4.5vw,58px);color:inherit;}
.editable-page-content h2{font-size:28px;color:inherit;margin-top:28px;}
.editable-page-content h3{font-size:22px;color:inherit;margin-top:22px;}
.editable-page-content ul,.editable-page-content ol{margin:14px 0 18px;padding-left:24px;line-height:1.7;color:#d1d5db;}
.editable-page-content li{margin:7px 0;}
.contact-editable-content p,.about-editable-content p{margin-bottom:15px;}
.contact-main-grid .panel-card h2,.contact-main-grid .form-card h2{margin-top:0;margin-bottom:18px;color:#fff;}
.lts-contact-form .fine-print{font-size:12px;opacity:.8;}
@media(max-width:720px){
  .generic-page-card{border-radius:24px;padding:24px;}
  .legal-page-card{border-width:5px;}
  .legal-page-content h2{font-size:22px;margin-top:28px;}
}