@font-face{font-family:Proxima;src:url(proxima-regular.woff)}@font-face{font-family:Proxima;src:url(proxima-bold.woff);font-weight:700}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#050505;color:#f4f4f4;font-family:Proxima,Arial,sans-serif}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #d8c398;outline-offset:5px}header{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:28px 5vw}.brand{display:flex;align-items:center;gap:20px}.brand img{width:145px}.brand span{border-left:1px solid #444;padding-left:20px;letter-spacing:3px;font-size:12px}.header-right{display:flex;align-items:center;gap:22px;font-size:12px}#variants{display:flex;gap:4px}#variants button{padding:8px;border:1px solid #333;border-radius:6px;background:#101010;color:#aaa;font-size:10px}#variants button[aria-pressed=true]{background:white;color:black}.hero{position:relative;min-height:100svh;padding:170px 6vw 50px;display:flex;flex-direction:column;justify-content:center;gap:65px;isolation:isolate}.film{position:absolute;inset:0;z-index:-1;overflow:hidden}.film video{width:100%;height:100%;object-fit:contain}.film:after{content:'';position:absolute;inset:0;background:linear-gradient(#0003,#0004 50%,#050505)}.hero-copy{text-align:center}.eyebrow{font-size:11px;letter-spacing:2.2px;color:#c4b99f}.hero h1{font-size:clamp(42px,6vw,86px);line-height:1;letter-spacing:-2px;margin:25px 0}.lead{font-size:clamp(19px,2vw,26px);line-height:1.35;color:#ddd}.primary{display:inline-flex;padding:18px 28px;background:#eee;color:#090909;border:0;border-radius:12px;font-weight:700;margin:15px 0}.primary:hover{background:#d8c398}.subtle{color:#888;font-size:14px;line-height:1.5}.facts{display:grid;grid-template-columns:repeat(4,1fr);max-width:1080px;width:100%;margin:auto auto 0;border-top:1px solid #ffffff30;padding-top:26px;gap:20px}.facts b{display:block;font-size:25px}.facts span{color:#aaa;font-size:13px}.motion{position:absolute;right:4vw;bottom:12px;background:#111;color:#aaa;border:1px solid #444;border-radius:50%;width:30px;height:30px}nav{position:sticky;top:0;z-index:6;background:#090909ee;backdrop-filter:blur(16px);border-block:1px solid #252525;display:flex;justify-content:center;gap:34px;padding:20px;font-size:13px}nav a:hover{color:#d8c398}main>section:not(.hero){max-width:1350px;margin:auto;padding:85px 5vw;border-bottom:1px solid #242424}.section-title{display:flex;justify-content:space-between;gap:50px;align-items:end;margin:20px 0 35px}h2{font-size:clamp(34px,4vw,56px);line-height:1.03;letter-spacing:-1px;margin:0}.section-title>p{max-width:370px;color:#999;line-height:1.5;margin:0}h3{line-height:1.15}.tasks{display:flex;flex-wrap:wrap;gap:12px}.tasks button{border:1px solid #393939;background:#111;color:#eee;border-radius:30px;padding:16px 24px}.tasks button[aria-pressed=true]{background:#eee;color:#111}.notice{border-left:2px solid #9e8e69;padding:10px 16px;color:#aaa;font-size:13px;line-height:1.5;background:#111}.catalog-heading{display:flex;justify-content:space-between;margin:30px 0 18px;font-size:13px;color:#999}.catalog-heading button{background:none;border:0;color:#ddd;text-decoration:underline}.leader-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;perspective:1200px}.leader-card{background:linear-gradient(140deg,#232323,#101010 70%);border:1px solid #3a3a3a;border-radius:20px;padding:22px;display:flex;flex-direction:column;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease,border-color .2s;box-shadow:0 20px 40px #0005;min-width:0}.leader-card:hover,.leader-card.selected{border-color:#c5b084}.card-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px;gap:6px}.avatar{width:80px;height:80px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;border:1px solid #555;background:radial-gradient(circle at 20% 15%,#6d624c,#151515 70%);font-size:28px;font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;object-position:top}.badge{font-size:10px;color:#aaa;border:1px solid #444;padding:6px 9px;border-radius:20px}.leader-card h3{font-size:25px;margin:0 0 7px}.role{font-size:12px;color:#aaa;min-height:30px}.topic{font-size:19px;line-height:1.2;margin:20px 0 12px;min-height:68px}.power{font-size:14px;line-height:1.4;color:#c9b995;min-height:78px}.skills{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.skills span{font-size:11px;padding:6px 9px;background:#ffffff09;border:1px solid #ffffff13;border-radius:6px}.leader-card details{font-size:13px;color:#bbb;line-height:1.5;margin:12px 0 22px}.leader-card summary{cursor:pointer;color:#eee}.leader-card ol{padding-left:19px}.choose{margin-top:auto;width:100%;padding:14px;border-radius:10px;border:0;background:#eee;color:#111;font-weight:700}.choose[aria-pressed=true]{background:#d8c398}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.timeline article{border-top:1px solid #777;padding:22px 15px 15px 0}.timeline span{display:block;color:#a99976;font-size:11px;letter-spacing:1px}.timeline b{display:block;font-size:55px;color:#444;margin:16px 0}.timeline h3{font-size:21px}.timeline p,.between p,.outcome-grid p,.main-result p{color:#aaa;line-height:1.5}.between{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-top:1px solid #333;margin-top:30px;padding-top:25px}.main-result{border:1px solid #756649;border-radius:20px;padding:40px;background:radial-gradient(ellipse at top right,#3a3020,#131313 65%)}.main-result span{font-size:11px;letter-spacing:2px;color:#d8c398}.main-result h3{font-size:clamp(25px,3vw,39px);margin:22px 0}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:35px 0}.outcome-grid b{color:#a99976}.outcome-grid h3{font-size:22px}footer{padding:45px 5vw 110px;display:flex;gap:25px;justify-content:space-between;align-items:center;color:#777;font-size:13px}footer img{width:130px}#selection{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:9;border:1px solid #555;background:#171717f5;box-shadow:0 10px 60px #000;border-radius:16px;padding:14px 18px;display:flex;gap:22px;align-items:center;max-width:95vw;width:max-content}#selection[hidden]{display:none}#selection>span{font-size:10px;letter-spacing:1px;color:#aaa}#selection button{background:#eee;color:#111;border:0;border-radius:8px;padding:10px 14px}#selection #selection-clear{background:none;color:white;font-size:22px;padding:0}dialog{color:white;background:#151515;border:1px solid #555;border-radius:22px;padding:40px;width:min(560px,92vw)}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:36px;margin:20px 0}dialog p{line-height:1.5;color:#bbb}.close{position:absolute;right:15px;top:10px;background:none;border:0;color:#ddd;font-size:28px}#copy-status{font-size:13px}
@media(max-width:950px){.leader-grid{grid-template-columns:repeat(2,1fr)}.section-title{display:block}.section-title>p{margin-top:25px;max-width:550px}.timeline{grid-template-columns:repeat(2,1fr)}.hero{min-height:850px}.outcome-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header{padding:22px 5vw;align-items:start}.brand img{width:105px}.brand{gap:10px}.brand span{font-size:9px;padding-left:10px;letter-spacing:1px}.header-right{flex-direction:column;align-items:end;gap:9px;font-size:10px}#variants button{padding:7px;font-size:9px}.hero{padding-top:150px;gap:40px;min-height:820px}.hero h1{font-size:43px}.facts{grid-template-columns:repeat(2,1fr);gap:22px}.facts b{font-size:22px}nav{gap:18px;overflow:auto;justify-content:start;white-space:nowrap;font-size:12px}main>section:not(.hero){padding:60px 5vw}.leader-grid{grid-template-columns:1fr}.leader-card{padding:25px}.topic,.power{min-height:0}.outcome-grid{grid-template-columns:1fr}.main-result{padding:25px}.between{display:block}.timeline{gap:18px}.timeline h3{font-size:18px}.timeline p{font-size:14px}footer{flex-direction:column;align-items:start}#selection{gap:10px;flex-wrap:wrap;width:90vw}#selection>span{display:none}#selection strong{font-size:14px;flex:1}#selection button{font-size:12px}dialog{padding:30px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.leader-card{transform:none!important;transition:none}}
