:root { --ink:#161813; --cream:#f2eee4; --lime:#d8ef43; --orange:#ff6a32; --muted:#777a6d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
body::before { content:""; position:fixed; inset:0; z-index:99; pointer-events:none; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
a { color:inherit; text-decoration:none; }
.topline { height:30px; padding:0 5vw; background:var(--ink); color:var(--cream); display:flex; align-items:center; justify-content:space-between; font-size:8px; letter-spacing:2px; font-weight:800; }
.nav { height:88px; display:flex; align-items:center; justify-content:space-between; padding:0 5vw; border-bottom:1px solid #cec9bd; position:sticky; top:0; z-index:20; background:rgba(242,238,228,.84); backdrop-filter:blur(16px); }
.brand { font:900 27px/1 Arial; letter-spacing:-2px; }
.brand span { color:var(--orange); }
.navlinks { display:flex; align-items:center; gap:32px; font-size:13px; font-weight:700; }
.navCta { border:1px solid var(--ink); border-radius:999px; padding:12px 19px; transition:.25s; }.navCta:hover { background:var(--ink); color:var(--lime); transform:translateY(-2px); }
.hero { min-height:calc(100vh - 118px); display:grid; grid-template-columns:1.15fr .8fr; align-items:center; padding:7vh 7vw 8vh; position:relative; overflow:hidden; background-image:linear-gradient(#1b1d1810 1px,transparent 1px),linear-gradient(90deg,#1b1d1810 1px,transparent 1px); background-size:70px 70px; }
.orb { position:absolute; border-radius:50%; pointer-events:none; }.orbOne { width:460px; height:460px; background:var(--lime); filter:blur(2px); opacity:.17; top:-230px; left:26%; }.orbTwo { width:200px; height:200px; border:30px solid var(--orange); opacity:.1; bottom:-110px; left:43%; }
.eyebrow,.sectionNo { font-size:11px; font-weight:800; letter-spacing:2.2px; }.eyebrow i { display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--orange); margin-right:8px; box-shadow:0 0 0 5px #ff6a3222; }
.hero h1 { font-size:clamp(80px,11vw,166px); line-height:.76; letter-spacing:-.09em; margin:35px 0 42px; font-weight:900; }
h1 em,h2 em { color:var(--orange); font-family:Georgia,serif; font-weight:400; }
.lead { max-width:560px; font:20px/1.5 Georgia,serif; color:#4f5148; }
.actions { display:flex; gap:20px; align-items:center; margin-top:38px; }
.primary { background:var(--ink); color:white; padding:17px 22px; border-radius:999px; font-weight:700; font-size:14px; box-shadow:0 10px 30px #16181328; transition:.25s; }.primary:hover { transform:translateY(-3px); box-shadow:0 16px 35px #16181338; }
.primary span { color:var(--lime); margin-left:16px; }
.secondary { font-size:13px; font-weight:800; border-bottom:1px solid; padding:10px 0; }
.miniProof { margin-top:48px; display:flex; align-items:center; gap:13px; font-size:9px; letter-spacing:2px; font-weight:900; }.miniProof b { color:var(--orange); }
.portraitWrap { position:relative; width:100%; max-width:430px; justify-self:end; }.portraitCard { aspect-ratio:4/5; width:100%; background:#22251d; border-radius:220px 220px 18px 18px; position:relative; overflow:hidden; color:white; box-shadow:25px 25px 0 var(--lime),0 30px 70px #25282033; transform:rotate(1deg); }
.portraitCard img { width:100%; height:100%; display:block; object-fit:cover; object-position:center 28%; filter:saturate(.9) contrast(1.03); }
.portraitCard::after { content:""; position:absolute; inset:auto 0 0; height:28%; background:linear-gradient(transparent,rgba(10,11,9,.78)); pointer-events:none; }
.portraitCard p { position:absolute; z-index:1; left:0; right:0; text-align:center; bottom:18px; margin:0; letter-spacing:4px; font-size:10px; }
.signature { position:absolute; z-index:3; right:-35px; top:18px; color:var(--orange); font:italic 38px/1 Georgia,serif; transform:rotate(-10deg); text-shadow:0 2px var(--cream); }
.heroStat { position:absolute; right:3.5vw; bottom:5vh; background:var(--orange); color:white; border-radius:50%; width:130px; height:130px; display:flex; flex-direction:column; align-items:center; justify-content:center; transform:rotate(8deg); }
.heroStat strong { font:700 31px Georgia,serif; }.heroStat span { font-size:9px; letter-spacing:1px; text-transform:uppercase; }
.quoteBand { background:var(--lime); padding:27px 0; overflow:hidden; }.marquee { display:flex; width:max-content; animation:marquee 26s linear infinite; }.quoteBand p { margin:0; white-space:nowrap; font:italic 27px Georgia,serif; padding-right:30px; }.quoteBand b { color:var(--orange); padding:0 20px; }@keyframes marquee { to { transform:translateX(-50%); } }
.proof { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid #c9c4b8; }.proof>div { min-height:155px; padding:35px 5vw; display:flex; align-items:center; gap:22px; border-right:1px solid #c9c4b8; }.proof>div:last-child { border:0; }.proof strong { font:italic 52px Georgia,serif; color:var(--orange); }.proof span { font-size:11px; line-height:1.5; letter-spacing:1px; text-transform:uppercase; font-weight:800; }
.manifesto { padding:120px 8vw; background:#e8e1d4; display:grid; grid-template-columns:.85fr 1.15fr; gap:9vw; }.manifestoIntro>p:last-child { max-width:430px; font:18px/1.6 Georgia,serif; color:#63665b; }.quoteStack { border-top:1px solid #ada89e; }.quoteStack blockquote { margin:0; padding:32px 10px; display:grid; grid-template-columns:40px 1fr; border-bottom:1px solid #ada89e; transition:.25s; }.quoteStack blockquote:hover { padding-left:25px; background:#f2eee4; }.quoteStack span { color:var(--orange); font-size:10px; font-weight:900; }.quoteStack p { margin:0; font:italic 25px/1.4 Georgia,serif; }.quoteStack small { grid-column:2; margin-top:12px; letter-spacing:2px; color:#777a6d; font-size:8px; font-weight:800; }
.story { display:grid; grid-template-columns:.8fr 1.2fr; gap:10vw; padding:120px 8vw; }
h2 { font-size:clamp(55px,7vw,104px); line-height:.9; letter-spacing:-.06em; margin:28px 0; }
.storyText>p { font:24px/1.55 Georgia,serif; max-width:700px; margin:0 0 28px; }
.storyText>p+p { color:#6a6d61; font-size:19px; }
.schoolGrid { display:grid; grid-template-columns:1fr 1fr; margin-top:60px; border-top:1px solid #bdb9ae; }
.schoolGrid div { padding:20px 10px; border-bottom:1px solid #bdb9ae; font-size:13px; font-weight:700; }
.schoolGrid span { color:var(--orange); margin-right:15px; font-size:10px; }
.journey { background:var(--ink); color:var(--cream); padding:110px 8vw; display:grid; grid-template-columns:.9fr 1.1fr; gap:8vw; }
.journey .sectionNo { color:var(--lime); }.journey header { position:sticky; top:40px; align-self:start; }
.timeline article { display:grid; grid-template-columns:55px 1fr; gap:25px; padding:32px 18px; border-bottom:1px solid #45483e; transition:.25s; }.timeline article:hover { background:#24271f; transform:translateX(8px); }
.timeline article>span { color:var(--lime); font-size:11px; }.timeline small { color:#92968a; text-transform:uppercase; letter-spacing:1.8px; }
.timeline h3 { font:25px/1.3 Georgia,serif; margin:9px 0; }
.leadership { padding:115px 8vw; }.leadershipGrid { display:grid; grid-template-columns:.4fr 1.1fr; gap:7vw; align-items:center; }
.diamond { font-size:clamp(130px,20vw,300px); color:var(--orange); line-height:1; text-align:center; }
.leadershipGrid p { font:20px/1.6 Georgia,serif; max-width:670px; color:#56594e; }
.directSelling { background:var(--lime); padding:110px 8vw; display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; }.directSelling header { position:sticky; top:120px; align-self:start; }.principles { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:#aabd33; border:1px solid #aabd33; }.principles article { background:var(--lime); padding:40px 34px; min-height:250px; transition:.25s; }.principles article:hover { background:var(--ink); color:var(--cream); }.principles b { color:var(--orange); font-size:10px; }.principles h3 { font:28px Georgia,serif; margin:45px 0 14px; }.principles p { font-size:13px; line-height:1.7; margin:0; opacity:.72; }
.awpl { background:var(--ink); color:var(--cream); padding:110px 8vw 65px; }.awpl .sectionNo { color:var(--lime); }.awplTop { display:grid; grid-template-columns:1fr .8fr; gap:8vw; align-items:end; }.awplTop>p { font:19px/1.65 Georgia,serif; color:#b9bdaf; margin-bottom:35px; }.categoryRail { margin:75px -8vw 0; padding:25px 8vw; border-top:1px solid #45483e; border-bottom:1px solid #45483e; display:flex; gap:36px; overflow:auto; scrollbar-width:none; }.categoryRail span { color:var(--lime); white-space:nowrap; font-size:10px; letter-spacing:2px; font-weight:900; }.awplFoot { padding-top:38px; display:flex; gap:40px; align-items:center; justify-content:space-between; }.awplFoot p { max-width:650px; color:#85897d; font-size:11px; line-height:1.6; }.awplFoot a { border-bottom:1px solid var(--lime); padding-bottom:7px; color:var(--lime); font-size:11px; font-weight:800; white-space:nowrap; }
.connect { background:var(--orange); color:#171811; text-align:center; padding:105px 5vw; }
.connect>p { font-size:11px; letter-spacing:3px; font-weight:800; }.connect h2 { margin:28px 0 26px; }.connect h2 em { color:var(--cream); }.connect .connectLead { max-width:530px; margin:0 auto 42px; font:17px/1.6 Georgia,serif; letter-spacing:0; font-weight:400; }
.socials { display:flex; justify-content:center; gap:14px; }.socials a { border:1px solid var(--ink); border-radius:999px; padding:15px 25px; font-weight:800; font-size:13px; transition:.25s; }.socials a:hover { background:var(--ink); color:var(--lime); transform:translateY(-3px); }
footer { background:var(--ink); color:#999d90; display:flex; justify-content:space-between; padding:30px 5vw; font-size:10px; letter-spacing:2px; }footer a:hover { color:var(--lime); }
@media (max-width:800px) {
  .topline span:nth-child(2) { display:none; }.navlinks>a:not(.navCta) { display:none; }.hero { grid-template-columns:1fr; gap:65px; padding:70px 7vw 110px; }.hero h1 { font-size:24vw; }.portraitWrap { justify-self:center; width:85%; }.signature { right:-18px; }.heroStat { width:100px; height:100px; bottom:35px; }.miniProof { flex-wrap:wrap; }.proof { grid-template-columns:1fr; }.proof>div { min-height:110px; border-right:0; border-bottom:1px solid #c9c4b8; }.manifesto,.story,.journey,.leadershipGrid,.directSelling,.awplTop { grid-template-columns:1fr; }.manifesto,.story,.journey,.leadership,.directSelling,.awpl { padding:85px 7vw; }.journey header,.directSelling header { position:static; }.principles { grid-template-columns:1fr; }.principles article { min-height:auto; }.awplFoot { flex-direction:column; align-items:flex-start; }.schoolGrid { grid-template-columns:1fr; }.quoteBand p { font-size:22px; }.nav { padding:0 7vw; }.connect h2 { font-size:16vw; }.socials { flex-direction:column; align-items:center; }footer { flex-wrap:wrap; gap:20px; }
}