<!DOCTYPE html>

<head>

<title>Kyudo Seminar 2026 — KL Selangor Kyudo Club</title>

<style>

:root{

--charcoal:#1a1a1a;

--charcoal-deep:#111111;

--gold:#c9a961;

--gold-soft:#e3cd94;

--ivory:#f4f1ea;

--ivory-dim:#d4d0c4;

--line:rgba(201,169,97,0.25);

}

*{margin:0;padding:0;box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{

background:

radial-gradient(ellipse 900px 500px at 15% -10%, rgba(201,169,97,0.07), transparent),

radial-gradient(ellipse 700px 500px at 100% 20%, rgba(201,169,97,0.05), transparent),

var(--charcoal-deep);

color:var(--ivory);

font-family:'Raleway',sans-serif;

font-weight:400;

font-size:16px;

line-height:1.65;

-webkit-font-smoothing:antialiased;

-moz-osx-font-smoothing:grayscale;

}

a{color:inherit;}

.wrap{max-width:1120px;margin:0 auto;padding:0 40px;}

::selection{background:var(--gold);color:var(--charcoal-deep);}

/* header */

header{

padding:26px 0;

border-bottom:1px solid var(--line);

position:sticky;

top:0;

background:rgba(17,17,17,0.88);

backdrop-filter:blur(10px);

z-index:10;

}

.header-inner{display:flex;align-items:center;justify-content:space-between;}

.brand{

font-family:'Space Mono',monospace;

font-size:12.5px;

letter-spacing:0.14em;

text-transform:uppercase;

color:var(--gold-soft);

}

.brand span{color:var(--ivory-dim);}

.header-cta{

font-family:'Space Mono',monospace;

font-size:11.5px;

letter-spacing:0.1em;

text-transform:uppercase;

color:var(--charcoal-deep);

background:var(--gold);

padding:10px 18px;

border-radius:2px;

text-decoration:none;

transition:background 0.2s ease;

}

.header-cta:hover{background:var(--gold-soft);}

/* hero */

.hero{

padding:88px 0 64px;

}

.hero-inner{

display:grid;

grid-template-columns:1.05fr 0.95fr;

gap:64px;

align-items:center;

}

.eyebrow{

font-family:'Space Mono',monospace;

font-size:12px;

letter-spacing:0.18em;

text-transform:uppercase;

color:var(--gold);

margin-bottom:20px;

display:flex;

align-items:center;

gap:12px;

}

.eyebrow::before{

content:'';

width:28px;height:1px;

background:var(--gold);

display:inline-block;

}

h1{

font-family:'Playfair Display',serif;

font-weight:600;

font-size:clamp(34px,4.4vw,56px);

line-height:1.1;

color:var(--ivory);

margin-bottom:24px;

letter-spacing:-0.01em;

}

h1 em{

font-style:italic;

color:var(--gold-soft);

}

.lede{

font-size:18.5px;

font-weight:400;

color:var(--ivory-dim);

max-width:44ch;

margin-bottom:36px;

line-height:1.7;

}

.instructors{

font-family:'Space Mono',monospace;

font-size:14px;

color:var(--ivory-dim);

margin-bottom:38px;

line-height:2.2;

padding-left:16px;

border-left:1px solid var(--line);

}

.instructors b{color:var(--gold-soft);font-weight:700;}

.cta-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}

.cta{

display:inline-block;

background:var(--gold);

color:var(--charcoal-deep);

font-family:'Space Mono',monospace;

font-weight:700;

font-size:13.5px;

letter-spacing:0.08em;

text-transform:uppercase;

text-decoration:none;

padding:18px 38px;

border-radius:2px;

transition:background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;

box-shadow:0 8px 24px rgba(201,169,97,0.15);

}

.cta:hover{background:var(--gold-soft);transform:translateY(-2px);box-shadow:0 12px 32px rgba(201,169,97,0.25);}

.cta:focus-visible{outline:2px solid var(--ivory);outline-offset:3px;}

.price-tag{

font-family:'Space Mono',monospace;

font-size:13.5px;

color:var(--ivory-dim);

letter-spacing:0.02em;

}

.price-tag strong{color:var(--gold-soft);font-size:16px;}

.hero-image{

position:relative;

}

.hero-image img{

width:100%;

height:auto;

display:block;

border-radius:3px;

box-shadow:0 40px 80px rgba(0,0,0,0.6);

}

.hero-image::after{

content:'';

position:absolute;

top:20px;left:20px;right:-20px;bottom:-20px;

border:1px solid var(--gold);

z-index:-1;

opacity:0.4;

border-radius:3px;

}

/* details bar */

.details{

border-top:1px solid var(--line);

border-bottom:1px solid var(--line);

padding:44px 0;

background:rgba(201,169,97,0.03);

}

.details-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

}

.detail-item{

padding:0 32px;

border-left:1px solid var(--line);

}

.detail-item:first-child{

padding-left:0;

border-left:none;

}

.detail-label{

font-family:'Space Mono',monospace;

font-size:11px;

letter-spacing:0.16em;

text-transform:uppercase;

color:var(--gold);

margin-bottom:10px;

}

.detail-value{

font-family:'Playfair Display',serif;

font-size:21px;

color:var(--ivory);

font-weight:600;

}

.detail-value small{

display:block;

font-family:'Raleway',sans-serif;

font-size:14px;

color:var(--ivory-dim);

font-weight:400;

margin-top:6px;

}

/* focus points */

.focus{padding:88px 0 92px;}

.section-head{margin-bottom:52px;max-width:52ch;}

.section-eyebrow{

font-family:'Space Mono',monospace;

font-size:12px;

letter-spacing:0.18em;

text-transform:uppercase;

color:var(--gold);

margin-bottom:16px;

display:flex;

align-items:center;

gap:12px;

}

.section-eyebrow::before{

content:'';

width:28px;height:1px;

background:var(--gold);

display:inline-block;

}

.section-title{

font-family:'Playfair Display',serif;

font-weight:600;

font-size:clamp(26px,3vw,36px);

color:var(--ivory);

letter-spacing:-0.01em;

}

.focus-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:1px;

background:var(--line);

border:1px solid var(--line);

}

.focus-item{

background:var(--charcoal-deep);

padding:38px 30px;

transition:background 0.3s ease;

}

.focus-item:hover{

background:#161513;

}

.focus-num{

font-family:'Space Mono',monospace;

font-size:12px;

color:var(--gold);

margin-bottom:20px;

}

.focus-title{

font-family:'Playfair Display',serif;

font-size:19.5px;

color:var(--ivory);

margin-bottom:11px;

}

.focus-desc{

font-size:15px;

color:var(--ivory-dim);

font-weight:400;

line-height:1.65;

}

/* instructors detail */

.masters{padding:0 0 80px;}

.masters-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:1px;

background:var(--line);

border:1px solid var(--line);

}

.master{

background:var(--charcoal-deep);

padding:44px;

transition:background 0.3s ease;

}

.master:hover{background:#161513;}

.master-rank{

font-family:'Space Mono',monospace;

font-size:11px;

letter-spacing:0.14em;

text-transform:uppercase;

color:var(--gold);

margin-bottom:12px;

}

.master-name{

font-family:'Playfair Display',serif;

font-size:27px;

color:var(--ivory);

letter-spacing:-0.01em;

}

/* final cta */

.final-cta{

padding:92px 0 104px;

text-align:center;

border-top:1px solid var(--line);

background:

radial-gradient(ellipse 600px 300px at 50% 0%, rgba(201,169,97,0.06), transparent);

}

.final-cta h2{

font-family:'Playfair Display',serif;

font-weight:600;

font-size:clamp(28px,3.6vw,40px);

color:var(--ivory);

margin-bottom:18px;

letter-spacing:-0.01em;

}

.final-cta p{

color:var(--ivory-dim);

font-size:16.5px;

font-weight:400;

max-width:44ch;

margin:0 auto 36px;

line-height:1.7;

}

.seats-note{

font-family:'Space Mono',monospace;

font-size:11.5px;

color:var(--gold-soft);

margin-top:22px;

letter-spacing:0.06em;

}

footer{

border-top:1px solid var(--line);

padding:32px 0;

text-align:center;

}

.footer-line{

font-family:'Space Mono',monospace;

font-size:11.5px;

letter-spacing:0.1em;

text-transform:uppercase;

color:var(--ivory-dim);

}

.footer-line a{

color:var(--gold-soft);

text-decoration:none;

padding-bottom:2px;

border-bottom:1px solid transparent;

transition:border-color 0.2s ease, color 0.2s ease;

}

.footer-line a:hover{

color:var(--gold);

border-bottom-color:var(--gold);

}

.footer-line .footer-dot{

color:var(--ivory-dim);

margin:0 12px;

}

@media (max-width:820px){

.hero-inner{grid-template-columns:1fr;gap:40px;}

.hero{padding:48px 0 40px;}

.hero-image{order:-1;}

.hero-image::after{display:none;}

.details-grid{grid-template-columns:1fr 1fr;row-gap:28px;}

.detail-item{border-left:none;padding:0;}

.detail-item:nth-child(odd){padding-right:16px;}

.focus-grid{grid-template-columns:1fr 1fr;}

.masters-grid{grid-template-columns:1fr;}

.wrap{padding:0 22px;}

.header-cta{padding:8px 14px;font-size:10.5px;}

.cta-row{flex-direction:column;align-items:flex-start;gap:14px;}

}

@media (max-width:520px){

.focus-grid{grid-template-columns:1fr;}

.details-grid{grid-template-columns:1fr;row-gap:24px;}

}

@media (prefers-reduced-motion: reduce){

*{transition:none !important;}

}

</style>

</head>

<body>

<div class="brand">KL Selangor Kyudo Club <span>／弓道会</span></div>

<a class="header-cta" href="https://t.ly/5GcNc" target="_blank" rel="noopener">Register</a>

</div>

</header>

<div>

<div class="eyebrow">Kyudo Seminar 2026</div>

<h1>Two days to refine<br>your <em>shai</em> and your<br>stillness.</h1>

<p class="lede">A focused weekend of technique refinement, taihai, and shinsa preparation, led by two Renshi-level instructors — open to all levels at KL Selangor Kyudo Club.</p>

<b>Liu Bing-Zheng</b> — Renshi, 6th-Dan 劉秉政老師<br>

<b>Weng Meng-Ching</b> — Renshi, 5th-Dan 翁孟晴老師

</div>

<a class="cta" href="https://t.ly/5GcNc" target="_blank" rel="noopener">Register Now</a>

<div class="price-tag"><strong>RM450</strong> — includes lunch & tea breaks</div>

</div>

</div>

</section>

<div class="detail-value">29–30 Aug<small>Saturday – Sunday</small></div>

</div>

</div>

<div class="detail-label">Venue</div>

<div class="detail-value">222 Sports Centre<small>Petaling Jaya, Malaysia</small></div>

</div>

<div class="detail-value">RM450<small>Lunch & tea break included</small></div>

</div>

</section>

<div class="section-eyebrow">讲习重点 · Seminar Focus</div>

<div class="section-title">What the weekend covers</div>

</div>

<div class="focus-title">Technique Refinement</div>

<div class="focus-desc">射技提升 — Close guidance on form, from stance through release.</div>

</div>

<div class="focus-title">Taihai</div>

<div class="focus-desc">體配 — Ceremonial movement and etiquette, practiced with precision.</div>

</div>

<div class="focus-title">Shinsa Preparation</div>

<div class="focus-desc">審查準備 — Direct preparation for grading, guided by Renshi-level insight.</div>

</div>

<div class="focus-title">Q&A Session</div>

<div class="focus-desc">問答交流 — Open exchange with both instructors across the weekend.</div>

</div>

</section>

<div class="section-eyebrow">Your Instructors</div>

<div class="section-title">Learning from Renshi-level teachers</div>

</div>

<div class="master-rank">Renshi · 6th-Dan · 劉秉政老師</div>

<div class="master-name">Liu Bing-Zheng</div>

</div>

<div class="master-rank">Renshi · 5th-Dan · 翁孟晴老師</div>

<div class="master-name">Weng Meng-Ching</div>

</div>

</section>

<h2>Reserve your place</h2>

<p>Registration is handled through our official form. Seats for this seminar are limited.</p>

<a class="cta" href="https://t.ly/5GcNc" target="_blank" rel="noopener">Register Now</a>

<div class="seats-note">Limited seats — early registration recommended</div>

</div>

</section>

KL & Selangor Kyudo Club

<a href="https://www.facebook.com/kl.selangor.kyudo/" target="_blank" rel="noopener">Facebook</a>

<a href="https://www.instagram.com/kyudoklsel/" target="_blank" rel="noopener">Instagram</a>

</p>

</div>

</footer>

</body>

</html>