:root{--red:#a30e1a;--cream:#f3eadc;--paper:#f8f3e9;--ink:#282724;--muted:#716e68;--line:#d7cec0;--display:"Barlow Condensed",Impact,sans-serif;--body:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.6}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.skip-link{position:fixed;top:-5rem;left:1rem;background:#fff;padding:.7rem 1rem;z-index:100}.skip-link:focus{top:1rem}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:82px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:3rem;background:rgba(30,29,27,.96);color:#fff;position:absolute;z-index:20;width:100%;border-bottom:1px solid #ffffff20}.site-header.scrolled{position:fixed;height:68px;box-shadow:0 5px 25px #0003;animation:drop .3s}.brand{display:flex;align-items:center;gap:.6rem;line-height:.8}.brand-mark{border:2px solid;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font:800 26px var(--display);transform:rotate(-8deg)}.brand b{font:800 25px var(--display);letter-spacing:.08em;display:block}.brand small{font:600 9px var(--body);letter-spacing:.34em}.main-nav{display:flex;gap:2rem;margin-left:auto}.main-nav a{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;position:relative}.main-nav a:after{content:"";height:2px;background:var(--red);position:absolute;left:0;right:100%;bottom:-8px;transition:.25s}.main-nav a:hover:after{right:0}.header-cta{font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:var(--red);padding:.8rem 1rem}.menu-button{display:none;background:none;border:0;color:#fff}.hero{height:min(860px,100svh);min-height:680px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c0c0bdd 0%,#0c0c0b70 43%,#0c0c0b0d 75%),linear-gradient(0deg,#0009,transparent 35%)}.hero-content{position:relative;padding-top:55px}.eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.25em;color:var(--red);display:flex;align-items:center;gap:.65rem;margin:0 0 1.2rem}.eyebrow:before{content:"";width:32px;height:2px;background:currentColor}.eyebrow.light{color:#e7c6b4}.hero h1,h2{font:700 clamp(4rem,7vw,7.2rem)/.82 var(--display);text-transform:uppercase;letter-spacing:-.03em;margin:0}.hero h1 em,h2 em{font-style:normal;color:var(--red)}.hero h1 em{color:transparent;-webkit-text-stroke:1px #f3cbbd}.hero-copy{font-size:17px;max-width:560px;color:#ddd6cb;margin:2rem 0}.hero-actions{display:flex;align-items:center;gap:2rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.35rem;border:0;text-transform:uppercase;font-weight:700;font-size:10px;letter-spacing:.12em;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--red);color:#fff}.button.dark{background:var(--ink);color:#fff}.text-link{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid;padding-bottom:.35rem}.text-link i{display:inline-block;width:8px;height:8px;border:2px solid var(--red);border-radius:50%;margin-right:.6rem}.light{color:#fff}.hero-stats{position:absolute;bottom:0;right:0;display:flex;background:var(--cream);color:var(--ink);padding:1.25rem 3rem;gap:3rem}.hero-stats div{display:grid;grid-template-columns:auto auto;align-items:center;gap:.65rem}.hero-stats strong{font:700 35px var(--display)}.hero-stats span{font-size:8px;letter-spacing:.08em;text-transform:uppercase;max-width:70px;line-height:1.35}.section{padding:110px 0}.section-heading{margin-bottom:4rem}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:7rem;align-items:end}.section-heading>p,.muted{color:var(--muted);max-width:450px}h2{font-size:clamp(3.5rem,6vw,6.2rem)}.model-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:1.4rem}.model-card{background:#ebe3d6;position:relative}.model-art{height:280px;position:relative;overflow:hidden;background:radial-gradient(circle at 60% 45%,#f3eadc 0 25%,transparent 26%),linear-gradient(135deg,#e0d4c4,#f6f0e5)}.featured .model-art{height:330px}.model-art:before,.model-art:after{content:"";position:absolute;border:10px solid #20211f;border-radius:50%;width:90px;height:90px;bottom:45px}.model-art:before{left:18%}.model-art:after{right:14%}.bike{position:absolute;color:var(--red);font-size:185px;transform:rotate(21deg);left:29%;top:7%;text-shadow:-40px 70px 0 var(--red)}.model-art>span{position:absolute;top:1rem;right:1rem;font:700 12px var(--display)}.model-info{padding:1.7rem;min-height:255px}.model-info small,.events small{font-size:8px;color:var(--red);font-weight:700;letter-spacing:.18em;text-transform:uppercase}.model-info h3{font:700 32px/1 var(--display);text-transform:uppercase;margin:.8rem 0}.model-info p{font-size:12px;color:var(--muted);max-width:250px}.arrow-button,.event-row>a{position:absolute;right:1.3rem;bottom:1.3rem;background:none;border:1px solid #ada69b;width:36px;height:36px;cursor:pointer;font-size:18px}.history{display:grid;grid-template-columns:1fr 1fr;min-height:780px;background:#292a28;color:#fff}.history-photo{background:linear-gradient(0deg,#8e101955,#0000),url("assets/jawa-hero.png") 76% 50%/cover;filter:saturate(.65)}.history-copy{padding:100px max(50px,calc((100vw - 1180px)/2));padding-left:7vw}.history-copy h2{font-size:clamp(4rem,6vw,6.6rem)}.history-copy h2 em,.events h2 em,.newsletter h2 em{color:transparent;-webkit-text-stroke:1px #d9b6a4}.history-lead{color:#bdb9b2;max-width:540px}.timeline{list-style:none;padding:1rem 0;margin:2rem 0}.timeline li{border-top:1px solid #555652}.timeline li:last-child{border-bottom:1px solid #555652}.timeline button{color:#888;background:none;border:0;padding:1rem 0;width:100%;display:grid;grid-template-columns:100px 1fr;text-align:left;cursor:pointer}.timeline li.active button,.timeline button:hover{color:#fff}.timeline b{font:700 21px var(--display)}.timeline span{font-size:11px}.community-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:7rem;align-items:center}.quote{border-left:3px solid var(--red);padding-left:1.5rem;margin:2rem 0}.quote>span{font:700 45px Georgia;color:var(--red);height:28px;display:block}.quote blockquote{font-weight:600;font-size:17px;line-height:1.5;margin:0}.quote cite{font-size:9px;color:var(--muted);text-transform:uppercase;font-style:normal}.community-collage{height:620px;position:relative}.photo{position:absolute;background-image:linear-gradient(0deg,#0009,transparent 50%),url("assets/jawa-hero.png");background-size:cover;box-shadow:0 12px 35px #342b2025}.photo span{position:absolute;bottom:1rem;left:1rem;color:#fff;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.p1{width:60%;height:58%;top:0;right:0;background-position:80% 50%}.p2{width:55%;height:48%;bottom:0;left:0;background-position:45% 50%}.p3{width:32%;height:35%;right:0;bottom:5%;background-position:10% 50%}.roundel{position:absolute;top:46%;left:45%;width:115px;height:115px;background:var(--red);color:#fff;border:7px solid var(--paper);border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(-8deg);z-index:2}.roundel b{font:800 25px var(--display)}.roundel small{font-size:7px;letter-spacing:.2em}.events{background:var(--red);color:#fff}.light-heading{border-bottom:1px solid #ffffff44;padding-bottom:3rem}.filter{justify-self:end;display:flex;border:1px solid #ffffff55}.filter button{border:0;background:transparent;color:#fff;text-transform:uppercase;font-size:8px;letter-spacing:.1em;padding:.65rem 1rem;cursor:pointer}.filter button.active{background:#fff;color:var(--red)}.event-row{display:grid;grid-template-columns:130px 1fr 55px;gap:2rem;align-items:center;border-bottom:1px solid #ffffff44;padding:1.6rem 0;position:relative;transition:.25s}.event-row.hidden{display:none}.event-row time{display:flex;align-items:center;gap:1rem}.event-row time strong{font:700 50px var(--display)}.event-row time span{font-size:8px;font-weight:700;line-height:1.4;letter-spacing:.14em}.events small{color:#f1c5bf}.event-row h3{font:700 29px var(--display);text-transform:uppercase;margin:.15rem 0}.event-row p{font-size:10px;color:#efc9c6;margin:0}.event-row>a{position:static;border-color:#ffffff88;display:grid;place-items:center}.event-row:hover{padding-left:1rem}.gallery-grid{height:620px;display:grid;grid-template-columns:1.3fr .7fr 1fr;grid-template-rows:1fr 1fr;gap:10px}.gallery-item{border:0;cursor:pointer;background-image:linear-gradient(0deg,#0009,transparent 45%),url("assets/jawa-hero.png");background-size:cover;position:relative}.gallery-item:after{content:"+";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:35px;background:#8f0c16aa;opacity:0;transition:.25s}.gallery-item:hover:after{opacity:1}.gallery-item span{position:absolute;bottom:1rem;left:1rem;color:#fff;text-transform:uppercase;font-size:9px;letter-spacing:.1em;z-index:1}.g1{grid-row:1/3;background-position:78%}.g2{background-position:55% 68%}.g3{background-position:15% 45%}.g4{background-position:88% 55%}.g5{background-position:35% 40%}.newsletter{background:#292a28;color:#fff}.newsletter-inner{display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:center}.newsletter-form>label:first-child{display:block;color:#bbb7af;font-size:12px;margin-bottom:1.5rem}.input-row{display:flex;border-bottom:1px solid #8e8c88}.input-row input{width:100%;background:none;color:#fff;border:0;padding:1rem 0;outline:0}.input-row button{width:55px;background:var(--red);border:0;color:#fff;font-size:20px;cursor:pointer}.consent{display:flex;gap:.5rem;align-items:center;font-size:8px;color:#92918d;margin-top:1rem}.form-message{min-height:1.5em;font-size:10px;color:#d45359}.newsletter .form-message{color:#e8b4b0}.contact-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:8rem}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.contact-form label{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:none;outline:0;padding:.5rem 0}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--red)}.wide{grid-column:1/-1}.contact-form .button{justify-self:start}.footer-grid{display:grid;grid-template-columns:1fr 1.5fr .7fr .7fr;gap:3rem}footer{background:#1d1e1c;color:#9c9a94;padding:65px 0 25px}.footer-brand{color:#fff}.footer-grid p{font-size:12px}.footer-grid>div{display:flex;flex-direction:column;font-size:10px;gap:.5rem}.footer-grid>div b{color:#fff;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.7rem}.footer-bottom{border-top:1px solid #383936;margin-top:3rem;padding-top:1.5rem;display:flex;justify-content:space-between;font-size:8px}.modal{width:min(720px,calc(100% - 32px));border:0;padding:0;background:#eee5d7;box-shadow:0 25px 80px #0008}.modal::backdrop{background:#161614dd;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:1rem;top:1rem;z-index:2;border:0;background:#fff;width:38px;height:38px;font-size:22px}.modal-visual{height:340px;background:url("assets/jawa-hero.png") center/cover}.modal-text{padding:2rem}.modal-text h3{font:700 42px var(--display);text-transform:uppercase;margin:0}.modal-text p{color:var(--muted)}@keyframes drop{from{transform:translateY(-100%)}to{transform:none}}
@media(max-width:900px){.site-header{gap:1rem}.main-nav{display:none;position:fixed;inset:68px 0 0;background:#1e1d1b;flex-direction:column;padding:3rem 24px}.main-nav.open{display:flex}.main-nav a{font:700 30px var(--display)}.header-cta{display:none}.menu-button{display:block;margin-left:auto;width:35px}.menu-button span{display:block;width:25px;height:2px;background:#fff;margin:6px}.hero-stats{padding:1rem 1.5rem;gap:1.2rem}.hero-stats div{display:block}.hero-stats strong,.hero-stats span{display:block}.split,.community-layout,.newsletter-inner,.contact-inner{grid-template-columns:1fr;gap:2.5rem}.model-grid{grid-template-columns:1fr 1fr}.featured{grid-column:1/-1}.history{grid-template-columns:1fr}.history-photo{height:440px}.history-copy{padding:70px 7vw}.community-collage{height:550px}.footer-grid{grid-template-columns:1fr 1fr}.gallery-grid{height:800px;grid-template-columns:1fr 1fr;grid-template-rows:1.3fr 1fr 1fr}.g1{grid-column:1/-1;grid-row:auto}.newsletter-inner{gap:3rem}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.site-header{height:68px;padding:0 16px}.hero{min-height:720px;align-items:flex-start}.hero-content{padding-top:170px}.hero h1{font-size:4rem}.hero-copy{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.3rem}.hero-stats{left:0;right:0;justify-content:center;gap:2rem}.hero-stats strong{font-size:27px}.hero-stats span{font-size:7px}.section{padding:75px 0}.split{gap:1.5rem}.model-grid{grid-template-columns:1fr}.featured{grid-column:auto}.model-art,.featured .model-art{height:250px}.history-photo{height:320px}.history-copy{padding:60px 24px}.history-copy h2{font-size:3.8rem}.timeline button{grid-template-columns:70px 1fr}.community-collage{height:430px}.roundel{width:90px;height:90px;left:40%}.event-row{grid-template-columns:85px 1fr 36px;gap:1rem}.event-row time strong{font-size:39px}.event-row h3{font-size:22px}.event-row p{display:none}.gallery-grid{height:950px;grid-template-columns:1fr;grid-template-rows:repeat(5,1fr)}.g1{grid-column:auto}.contact-form{grid-template-columns:1fr}.contact-form>div{grid-column:1}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>p{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:.7rem}}.cloud{background:#202220;color:#fff;position:relative;overflow:hidden}.cloud:before{content:"";position:absolute;width:600px;height:600px;border:1px solid #ffffff10;border-radius:50%;right:-180px;top:-260px;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff03}.cloud-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:7rem;align-items:center;position:relative}.cloud-copy>p:not(.eyebrow):not(.cloud-status){color:#bdbdb7;max-width:460px;margin:1.8rem 0}.cloud-copy h2 em{color:transparent;-webkit-text-stroke:1px #e1b9aa}.cloud-button{background:var(--red);color:#fff}.cloud-status{font-size:10px;color:#e8b4b0;min-height:1.5em}.cloud-panel{background:#f6f1e8;color:var(--ink);padding:2rem;box-shadow:0 30px 70px #0005}.cloud-top{display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:1.3rem}.cloud-logo{width:48px;height:48px;background:var(--red);color:#fff;display:grid;place-items:center;border-radius:50%;font-size:24px}.cloud-top div{display:flex;flex-direction:column}.cloud-top b{font:700 21px var(--display);text-transform:uppercase}.cloud-top small{font-size:9px;color:var(--muted);letter-spacing:.1em}.secure{margin-left:auto;font-size:8px;color:#397047;letter-spacing:.12em}.cloud-features{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:1.5rem 0}.cloud-features article{background:#f6f1e8;padding:1.3rem}.cloud-features article>span{font-size:9px;font-weight:700;letter-spacing:.15em;color:var(--red)}.cloud-features b{display:block;font:700 20px var(--display);text-transform:uppercase;margin:.35rem 0}.cloud-features p{font-size:10px;color:var(--muted);margin:0}.cloud-note{display:flex;gap:1rem;align-items:center;background:#ebe3d6;padding:1rem}.cloud-note p{font-size:10px;margin:0;color:var(--muted)}.cloud-note b{color:var(--ink)}@media(max-width:900px){.cloud-layout{grid-template-columns:1fr;gap:3rem}}@media(max-width:600px){.cloud-panel{padding:1.2rem}.cloud-features{grid-template-columns:1fr}.secure{display:none}}.groups{background:var(--paper)}.group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.group-card{background:#ebe3d6;padding:2rem;min-height:370px;position:relative;display:flex;flex-direction:column;align-items:flex-start}.group-card.featured-group{background:var(--ink);color:#fff;transform:translateY(-18px)}.group-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#103c20;font:800 14px var(--display);letter-spacing:.08em;margin-bottom:1.5rem;box-shadow:0 0 0 8px #25d36622}.group-card small{color:#188b42;text-transform:uppercase;font-size:8px;font-weight:700;letter-spacing:.18em}.group-card h3{font:700 31px/1 var(--display);text-transform:uppercase;margin:.7rem 0}.group-card p{font-size:12px;color:var(--muted);margin-bottom:1.5rem}.featured-group p{color:#aaa8a2}.whatsapp-button{background:#25d366;color:#103c20;margin-top:auto}.group-state{font-size:8px;color:var(--muted);margin-top:.7rem}.featured-group .group-state{color:#92918d}.group-state.ready{color:#188b42}.groups-note{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1rem;font-size:9px;color:var(--muted)}@media(max-width:900px){.group-grid{grid-template-columns:1fr 1fr}.group-card.featured-group{transform:none}.group-card:last-child{grid-column:1/-1}}@media(max-width:600px){.group-grid{grid-template-columns:1fr}.group-card:last-child{grid-column:auto}.group-card{min-height:330px}}.community-video{display:block;position:relative;margin-top:5rem;aspect-ratio:16/7;overflow:hidden;background:#171815;color:#fff}.community-video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.community-video:hover img{transform:scale(1.035)}.video-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111c 0%,#1114 55%,#0002),linear-gradient(0deg,#0009,transparent 55%)}.play-button{position:absolute;left:50%;top:50%;width:78px;height:78px;margin:-39px 0 0 -39px;border-radius:50%;display:grid;place-items:center;padding-left:5px;background:var(--red);color:#fff;font-size:24px;box-shadow:0 0 0 12px #ffffff1c;transition:.25s}.community-video:hover .play-button{transform:scale(1.08);box-shadow:0 0 0 18px #ffffff1c}.video-caption{position:absolute;left:2.5rem;right:2.5rem;bottom:2.2rem;display:grid;grid-template-columns:1fr auto;align-items:end}.video-caption small{grid-column:1/-1;color:#e5bdb0;text-transform:uppercase;font-size:8px;font-weight:700;letter-spacing:.2em}.video-caption b{font:700 34px var(--display);text-transform:uppercase}.video-caption>span{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid;padding-bottom:.25rem}@media(max-width:600px){.community-video{aspect-ratio:4/3;margin-top:3rem}.play-button{width:60px;height:60px;margin:-30px 0 0 -30px}.video-caption{left:1.2rem;right:1.2rem;bottom:1.2rem;display:block}.video-caption b{display:block;font-size:25px}.video-caption>span{display:inline-block;margin-top:.5rem}}