@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;700&display=swap');
:root{--black:#070706;--gold:#c49548;--gold2:#e3bf76;--cream:#eee3ce;--muted:#b5a78f;--line:rgba(196,149,72,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}
.nav{height:76px;position:sticky;top:0;z-index:50;background:rgba(5,5,4,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3vw}.brand img{width:88px;height:55px;object-fit:contain}.nav nav{display:flex;gap:25px;font-size:.67rem;letter-spacing:.14em;text-transform:uppercase}.nav nav a{padding:27px 0}.nav nav a:hover,.nav nav .active{color:var(--gold2);border-bottom:2px solid var(--gold)}.nav-button{border:1px solid var(--gold);padding:10px 14px;font-size:.63rem;letter-spacing:.1em;text-transform:uppercase}.menu-button{display:none;background:none;border:1px solid var(--gold);color:var(--gold2);font-size:1.1rem;padding:8px 11px}.mobile-menu{display:none}
.hero{min-height:650px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden;background:#0a0806}.hero-bg{position:absolute;inset:0;background:url('yki-theme.png') center/cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(rgba(5,4,3,.58),rgba(5,4,3,.9)),radial-gradient(circle at center,transparent,#050403 85%)}.hero-content{position:relative;z-index:2;padding:90px 5vw}.hero-logo{width:150px;max-width:45vw;margin:25px auto 5px;display:block;mix-blend-mode:screen;filter:drop-shadow(0 8px 20px #000)}.label{font-size:.69rem;letter-spacing:.2em;color:var(--gold2);font-weight:700;text-transform:uppercase}.hero h1{font:600 clamp(4rem,8vw,8rem)/.82 'Cormorant Garamond',serif;margin:22px 0}.hero h1 span,.intro h2 span,.principle h2 span,.mind-weapon h2 span,.knowledge h2 span,.challenge h2 span{color:var(--gold2)}.hero p{max-width:700px;color:#cfc2ad;line-height:1.8;margin:auto}
.intro{text-align:center;max-width:900px;margin:auto;padding:110px 6vw}.intro h2{font:600 clamp(3.5rem,7vw,7rem)/.86 'Cormorant Garamond',serif;margin:18px 0}.intro p{color:var(--muted);line-height:1.8}
.principles{display:grid;grid-template-columns:1fr 1fr;max-width:1450px;margin:auto;border-top:1px solid var(--line);border-left:1px solid var(--line)}.principle{min-height:520px;padding:45px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,#19110a,#090807)}.principle:nth-child(2){background:linear-gradient(145deg,#120e0a,#080706)}.number{color:var(--gold);font-size:.7rem}.symbol{color:var(--gold2);font-size:2.3rem;margin:55px 0 12px}.principle h2{font:600 clamp(3rem,5vw,5.5rem)/.84 'Cormorant Garamond',serif;margin:15px 0}.principle p{color:var(--muted);line-height:1.8;max-width:600px}.practice{margin-top:28px;padding:16px;border-left:2px solid var(--gold);background:#0e0b08;color:#cbbca5;font-size:.78rem;line-height:1.6}.practice b{color:var(--gold2);letter-spacing:.1em}
.mind-weapon{min-height:600px;display:grid;align-items:center;padding:90px 7vw;background:linear-gradient(90deg,rgba(8,6,4,.9),rgba(8,6,4,.45)),url('yki-theme.png') center/cover fixed}.panel{max-width:800px;padding:65px;background:rgba(8,7,5,.9);border:1px solid var(--line);box-shadow:0 30px 80px #000}.panel h2{font:600 clamp(3.5rem,7vw,7rem)/.82 'Cormorant Garamond',serif;margin:20px 0 30px}.panel p{color:#c6b9a3;line-height:1.85;max-width:650px}
.knowledge{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:120px 8vw;background:linear-gradient(135deg,#20140b,#080706)}.knowledge h2{font:600 clamp(3.5rem,6vw,6.5rem)/.84 'Cormorant Garamond',serif;margin:18px 0 30px}.knowledge-copy p{color:var(--muted);line-height:1.9;max-width:680px}.steps{border:1px solid var(--line)}.steps div{padding:22px;display:grid;grid-template-columns:45px 1fr;gap:5px;border-bottom:1px solid var(--line)}.steps div:last-child{border-bottom:0}.steps span{color:var(--gold2)}.steps b{font:600 1.25rem 'Cormorant Garamond',serif}.steps small{grid-column:2;color:var(--muted)}
.challenge{text-align:center;padding:120px 6vw;background:radial-gradient(circle at center,#2b1a0d,#070605 65%)}.challenge h2{font:600 clamp(4rem,8vw,8rem)/.82 'Cormorant Garamond',serif;margin:20px 0}.challenge p{color:var(--muted);max-width:600px;margin:0 auto 30px;line-height:1.8}.button{display:inline-block;padding:14px 22px;background:var(--gold);color:#0b0805;font-size:.67rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--gold)}
footer{padding:28px 4vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#978a76;font-size:.61rem;letter-spacing:.1em}footer img{width:70px;height:45px;object-fit:contain}
@media(max-width:1000px){.nav nav{display:none}.menu-button{display:block}.mobile-menu{position:fixed;z-index:49;top:76px;left:0;right:0;background:rgba(7,6,5,.98);border-bottom:1px solid var(--line);padding:15px 6vw;flex-direction:column}.mobile-menu.open{display:flex}.mobile-menu a{padding:15px 0;border-bottom:1px solid rgba(196,149,72,.18);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.principles{grid-template-columns:1fr}.knowledge{grid-template-columns:1fr}}
@media(max-width:560px){.nav{height:68px}.nav-button{display:none}.principle{min-height:auto;padding:32px 24px}.hero{min-height:600px}.intro,.knowledge,.challenge{padding-left:5vw;padding-right:5vw}}

.principle p strong{color:var(--gold2);font-weight:700}.practice b{color:var(--gold2)}