/*
Theme Name: EbikeBetter Cinematic
Author: EbikeBetter
Description: Custom WordPress theme for the EbikeBetter storefront and research.
Version: 1.0.0
Requires at least: 6.0
Text Domain: ebikebetter
*/

:root{color-scheme:dark;--bg:#080b0e;--panel:#11171b;--line:#263039;--white:#f1f5f4;--dim:#aab6b9;--lime:#ff7417}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 58% 34% at 75% 10%,#ff74171a,transparent 75%),radial-gradient(ellipse 48% 30% at 7% 61%,#31535a24,transparent 80%),linear-gradient(145deg,#080b0e,#0d1115 54%,#080b0e);color:var(--white);font:16px/1.55 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--lime);color:#101010}.wrap{width:min(1440px,calc(100% - 64px));margin:auto}.top{position:sticky;top:0;z-index:10;background:#080b0eed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:24px}.logo{display:block;width:174px;height:78px;flex:none}.logo img{display:block;width:100%;height:100%;object-fit:contain}.logo b{color:var(--lime)}.navlinks{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.navlinks a:hover,.footer a:hover{color:var(--lime);text-shadow:0 0 17px #ff741788}.pill{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:48px;padding:12px 22px;background:linear-gradient(135deg,#ff9a3c 0%,#ff7417 48%,#e75d0e 100%);border:1px solid #ff8b32;color:#0a0d0b;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px;box-shadow:inset 0 3px #ffd1a1,inset -3px 0 #a6440b,inset 0 -4px #8e3308;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);filter:drop-shadow(4px 6px 0 #78300b) drop-shadow(9px 14px 14px #ff741755);transition:transform .2s,background .2s,filter .2s}.pill:hover{transform:translateY(-3px);background:linear-gradient(135deg,#ffad55,#ff8125);filter:drop-shadow(6px 8px 0 #78300b) drop-shadow(12px 18px 19px #ff741788)}.pill:active{transform:translateY(3px);filter:drop-shadow(1px 2px 0 #78300b) drop-shadow(4px 5px 8px #ff741744)}.pill.outline{background:linear-gradient(135deg,#ff741714,transparent 70%);color:var(--white);border-color:#806153;box-shadow:inset 0 1px #ffffff29,inset -3px 0 #33251e,inset 0 -3px #49352c;filter:drop-shadow(4px 6px 0 #121718) drop-shadow(9px 14px 14px #000c)}.pill.outline:hover{border-color:var(--lime);color:var(--lime);filter:drop-shadow(6px 8px 0 #332016) drop-shadow(12px 18px 18px #ff741766)}.hero{position:relative;min-height:650px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(5,7,8,.24),rgba(5,7,8,.08) 48%,rgba(5,7,8,.06) 52%,rgba(5,7,8,.18)),url("assets/cinematic-bg.webp") center/cover no-repeat}.hero:before{content:'';position:absolute;z-index:0;top:0;bottom:0;left:31%;width:38%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(12,15,17,.60) 0%,rgba(14,17,19,.46) 30%,rgba(15,18,20,.27) 54%,rgba(10,12,14,.10) 74%,transparent 91%);filter:blur(30px)}.heroText{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(3,5,6,.94) 0%,rgba(4,6,7,.72) 54%,rgba(8,10,12,.34) 78%,rgba(8,10,12,.08) 94%,transparent 100%);padding:90px max(32px,calc((100vw - 1376px)/2)) 90px max(32px,calc((100vw - 1376px)/2));padding-right:45px}.eyebrow{color:var(--lime);font-size:12px;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.hero h1,.headline{font:700 clamp(3.7rem,7vw,8rem)/.91 'Myriad Pro','Myriad','Source Sans 3',Arial,sans-serif;letter-spacing:-.07em;margin:25px 0}.hero h1 .hMuted{color:#aeb8bb;text-shadow:2px 3px 0 #495358,7px 11px 16px #000c}.hero h1 .hWhite{color:#f6faf9;text-shadow:2px 3px 0 #758083,7px 11px 16px #000c}.hero h1 .hBetter{background:linear-gradient(180deg,#ffb466 0%,#ff8126 48%,#db520a 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(3px 4px 0 #6f2908) drop-shadow(8px 11px 11px #ff74174a)}.hero h1{font-size:clamp(3.4rem,5.2vw,6.2rem);line-height:.98}.hero p{color:#b6c2c4;font-size:18px;max-width:490px;margin:0 0 34px}.actions{display:flex;flex-wrap:wrap;gap:12px}.heroVisual{position:relative;z-index:1;min-height:560px;background:transparent;display:grid;place-items:center;overflow:hidden}.heroVisual:before{content:none}.heroVisual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,4,5,.90) 0%,rgba(3,4,5,.34) 18%,transparent 38%),linear-gradient(90deg,rgba(12,15,17,.18) 0%,transparent 18%,transparent 84%,rgba(0,0,0,.18) 100%)}.heroVisual img{width:min(98%,670px);aspect-ratio:1;object-fit:contain;object-position:center;filter:drop-shadow(0 30px 35px #000c) drop-shadow(0 0 25px #ff741733);transform:translateY(16px)}.visualTag{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:28px 44px 22px;background:linear-gradient(0deg,#080b0ef2,#080b0e9c 54%,transparent);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700}.visualTag strong{display:block;color:var(--lime);font-size:13px}.visualTag small{display:block;color:#e7eeee;font-size:11px;margin-top:5px;letter-spacing:.13em}.heroLearnMore{position:absolute;right:44px;bottom:22px;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 12px;margin:0;color:#bfc5c6;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(145deg,rgba(255,140,50,.48),rgba(172,73,18,.42));border:1px solid rgba(255,143,61,.42);box-shadow:inset 0 2px rgba(255,214,177,.18),inset -2px 0 rgba(92,34,8,.3),inset 0 -3px rgba(83,29,5,.34),3px 5px 0 rgba(65,27,10,.42),7px 10px 16px rgba(0,0,0,.28);backdrop-filter:blur(5px);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);width:max-content;opacity:.82;transition:transform .18s,opacity .18s,background .18s,color .18s}.heroLearnMore:hover{transform:translateY(-1px);opacity:.95;background:linear-gradient(145deg,rgba(255,153,65,.58),rgba(191,80,18,.5));color:#d4d8d9}.heroLearnMore:active{transform:translateY(2px);box-shadow:inset 0 1px rgba(255,214,177,.12),inset 0 -2px rgba(83,29,5,.38),1px 2px 0 rgba(65,27,10,.42),3px 5px 9px rgba(0,0,0,.25)}.visualTag{padding-right:160px}@media(max-width:720px){.heroLearnMore{right:22px;bottom:18px}.visualTag{padding-right:140px}}.strip{border-bottom:1px solid var(--line)}.strip .wrap{display:flex;justify-content:space-between;gap:20px;padding:22px 0;color:#aebbbd;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.strip strong{color:var(--white)}section.catalog{padding:95px 0 110px;background:radial-gradient(ellipse 48% 35% at 98% 6%,#ff741718,transparent 80%),radial-gradient(ellipse 55% 40% at 4% 100%,#2e515a25,transparent 80%)}.sectiontop{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}.sectiontop h2{font:700 clamp(2.5rem,5vw,5rem)/1 'Myriad Pro','Myriad','Source Sans 3',Arial,sans-serif;letter-spacing:-.055em;margin:15px 0 0}.sectiontop p{color:var(--dim);max-width:430px;margin:0}.filters{display:flex;gap:8px;overflow:auto;margin:34px 0 28px;padding-bottom:5px}.filters button{flex:none;background:linear-gradient(145deg,rgba(27,37,43,.94),rgba(12,18,22,.92));color:#b9c6c7;border:1px solid rgba(82,96,104,.75);padding:10px 16px;cursor:pointer;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);box-shadow:inset 0 2px rgba(255,255,255,.06),inset 0 -3px rgba(0,0,0,.38),0 5px 0 rgba(0,0,0,.34),0 9px 15px rgba(0,0,0,.24);backdrop-filter:blur(3px);transition:transform .18s,box-shadow .18s,border-color .18s,background .18s,color .18s}.filters button:active{transform:translateY(3px);box-shadow:inset 0 2px rgba(255,255,255,.04),inset 0 -2px rgba(0,0,0,.42),0 2px 0 rgba(0,0,0,.28),0 5px 9px rgba(0,0,0,.2)}.filters button[aria-pressed=true],.filters button:hover{background:linear-gradient(145deg,rgba(255,139,48,.96),rgba(222,87,12,.94));color:#15191b;border-color:rgba(255,157,78,.9);box-shadow:inset 0 2px rgba(255,226,195,.28),inset 0 -3px rgba(125,42,5,.45),0 5px 0 rgba(105,37,8,.55),0 10px 18px rgba(0,0,0,.28)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.card{min-width:0;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:#7e928c}.photo{aspect-ratio:1.2;background:#e7e8e4;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.card:hover img{transform:scale(1.055)}.cardbody{padding:20px;display:flex;flex-direction:column;flex:1}.category{color:var(--lime);text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700}.card h3{font:700 19px/1.22 'Myriad Pro','Myriad','Source Sans 3',Arial,sans-serif;letter-spacing:-.025em;margin:9px 0 18px}.cardfoot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}.price{font-weight:700}.shoplink{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--lime);white-space:nowrap}.shoplink:hover{color:var(--lime);text-shadow:0 0 16px #ff741777}.research{padding:105px 0;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 30%,#e86e1717,transparent 33%),#0d1215}.researchGrid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px;align-items:center}.research h2{font:700 clamp(2.8rem,5vw,5.6rem)/.96 'Myriad Pro','Myriad','Source Sans 3',Arial,sans-serif;letter-spacing:-.07em;margin:20px 0 28px}.research h2 em{font-style:normal;color:var(--lime)}.research p{color:#b6c3c5;max-width:520px}.research .lead{font-size:20px;line-height:1.4;color:var(--white)}.research .pill{margin-top:24px}.credit{font-size:12px;color:#839396;margin-top:25px}.researchVisual{border:1px solid #394347;background:#171b1d;padding:16px;box-shadow:30px 35px 70px #0008;transform:rotate(1deg)}.researchVisual img{display:block;width:100%;height:auto}.researchVisual span{display:block;font-size:11px;letter-spacing:.17em;color:#aab6b9;margin:15px 4px 3px}.banner{border-block:1px solid var(--line);background:radial-gradient(ellipse at 82% 40%,#ff74171c,transparent 55%),linear-gradient(110deg,#141d1e,#0e1417)}.bannerIn{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:60px 0}.banner h2{font:700 clamp(2rem,4vw,4rem)/1 'Myriad Pro','Myriad','Source Sans 3',Arial,sans-serif;letter-spacing:-.055em;margin:10px 0}.banner p{color:var(--dim);margin:0}.footer{display:flex;justify-content:space-between;gap:25px;padding:35px 0 60px;color:#88989c;font-size:13px}.footer .logo{color:var(--white)}.footer a{margin-left:20px}.small{font-size:12px;color:#8e9da0}.hide{display:none!important}@media(max-width:1050px){.researchGrid{gap:30px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:clamp(3.2rem,5.2vw,5.5rem)}}@media(max-width:720px){.research{padding:70px 0}.researchGrid{grid-template-columns:1fr}.researchVisual{transform:none}.wrap{width:min(100% - 36px,1440px)}.nav{min-height:66px}.logo{width:126px;height:54px}.navlinks{gap:12px}.navlinks a:first-child{display:none}.navlinks .pill{font-size:11px;min-height:40px;padding:9px 12px}.hero{grid-template-columns:1fr}.heroText{padding:67px 18px 45px}.hero h1{font-size:clamp(3rem,11vw,5.2rem);margin:17px 0 25px}.hero p{font-size:16px}.heroVisual{min-height:360px}.heroVisual img{width:86%;max-width:450px}.visualTag{left:0;bottom:0;padding:22px 22px 18px}.strip .wrap{flex-wrap:wrap;justify-content:flex-start;gap:10px 25px;padding:17px 0;font-size:11px}section.catalog{padding:68px 0}.sectiontop{display:block}.sectiontop p{margin-top:17px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cardbody{padding:13px}.card h3{font-size:16px}.cardfoot{display:block}.shoplink{display:inline-block;margin-top:9px}.bannerIn{grid-template-columns:1fr;padding:49px 0}.bannerIn .pill{justify-self:start}.footer{display:block}.footer nav{margin-top:20px}.footer a{margin:0 18px 0 0}}@media(max-width:390px){.grid{grid-template-columns:1fr}.photo{aspect-ratio:1.4}.cardfoot{display:flex}.shoplink{margin:0}}.pill:focus-visible,.filters button:focus-visible,.shoplink:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.top{isolation:isolate}.nav{position:relative;z-index:2}.navlinks{position:relative;z-index:3}.navlinks a:not(.pill){text-shadow:0 1px 5px #080b0e}.headerRider{position:absolute;z-index:1;left:calc(max(32px, (100vw - 1440px)/2) + 39px);top:2px;width:79px;height:54px;object-fit:contain;pointer-events:none;opacity:1;filter:drop-shadow(0 0 7px #ff7417bb);animation:bikePatrol 60s linear infinite}@keyframes bikePatrol{0%,2%,14%,100%{transform:translateX(0) translateY(0)}5%{transform:translateX(calc(25vw - 45px)) translateY(-2px)}8%{transform:translateX(calc(65vw - 60px)) translateY(1px)}10%{transform:translateX(calc(87vw - 85px)) translateY(-2px)}11%{transform:translateX(calc(87vw - 85px)) scaleX(-1)}13%{transform:translateX(0) scaleX(-1)}}@media(max-width:720px){.headerRider{width:57px;height:39px;top:1px;left:calc(18px + 29px)}}@media(prefers-reduced-motion:reduce){.headerRider{animation:none}}
.admin-bar .top{top:32px}@media(max-width:782px){.admin-bar .top{top:46px}}.entry{max-width:900px;margin:80px auto;padding:0 24px}.entry img{max-width:100%;height:auto}.entry a:not(.pill){color:#ff8c35;text-decoration:underline}