:root{--hueso:#F1ECE4;--grafito:#1C1C1B;--nude:#D8C9BC;--malva:#91838F;--violeta:#7056C7;--magenta:#A951B8;--rosa:#D45A9F;--line:rgba(28,28,27,.16);--glass:rgba(255,255,255,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--hueso);color:var(--grafito);font-family:'Questrial',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:min(1320px,calc(100% - 64px));margin:auto}.italic{font-family:'Urbanist',sans-serif;font-weight:300;font-style:italic}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--malva)}.dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--violeta),var(--magenta),var(--rosa));display:inline-block;box-shadow:0 0 18px rgba(169,81,184,.28)}.line{height:1px;background:var(--line)}.glass{background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.52);box-shadow:0 18px 55px rgba(28,28,27,.08)}
header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(241,236,228,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(28,28,27,.1)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:13px}.brandmark{width:28px;height:28px;border:1px solid var(--grafito);border-radius:50%;position:relative}.brandmark:before{content:'';position:absolute;inset:8px;border-radius:50%;background:linear-gradient(135deg,var(--violeta),var(--rosa))}.brand b{font-weight:400;letter-spacing:.08em;font-size:13px}.navlinks{display:flex;gap:28px;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;gap:14px;padding:14px 20px;border-radius:999px;border:1px solid rgba(28,28,27,.32);font-size:11px;letter-spacing:.06em;text-transform:uppercase;transition:.28s ease}.btn.primary{background:var(--grafito);color:var(--hueso);border-color:var(--grafito)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(28,28,27,.09)}
.hero{padding:142px 0 84px;min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.heroGrid{display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center}.hero h1{font-size:clamp(64px,7.5vw,116px);line-height:.89;letter-spacing:-.045em;font-weight:400;margin:18px 0 30px}.hero h1 .accent{display:block;background:linear-gradient(90deg,var(--violeta),var(--magenta),var(--rosa));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:22px;line-height:1.5;max-width:650px;margin:26px 0 32px}.portrait{min-height:680px;position:relative;overflow:hidden;border-radius:72px 0 72px 0;background:var(--nude)}.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.93) contrast(1.02)}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(28,28,27,.44))}.caption{position:absolute;left:28px;right:28px;bottom:28px;padding:20px 22px;border-radius:22px;color:white;z-index:2;background:rgba(28,28,27,.25);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.22)}.caption p{font-size:18px;line-height:1.35;margin:10px 0 0}.arc{position:absolute;width:420px;height:420px;border:1px solid rgba(169,81,184,.25);border-radius:50%;right:-170px;top:180px}.arc:before{content:'';position:absolute;inset:46px;border:1px solid rgba(112,86,199,.2);border-radius:50%}
.statement{background:var(--grafito);color:var(--hueso);padding:110px 0;position:relative;overflow:hidden}.statementGrid{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px;align-items:start}.statement .big{font-size:clamp(48px,5.2vw,78px);line-height:.98;margin:0;font-weight:400}.statement p{font-size:23px;line-height:1.5;color:#e9e1da;max-width:710px;margin:0}.statement .rule{margin-top:34px;border-top:1px solid rgba(255,255,255,.17);padding-top:20px;color:#b9adb4;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.section{padding:118px 0}.sectionHead{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;margin-bottom:54px}.sectionHead h2{font-size:clamp(48px,5vw,72px);line-height:.98;font-weight:400;margin:10px 0 0}.sectionHead p{font-size:19px;line-height:1.55;color:#514b48;margin:0;max-width:700px}.lensGrid{display:grid;grid-template-columns:1.05fr .95fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.lens{min-height:420px;padding:36px 30px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);position:relative;transition:.35s ease}.lens:last-child{border-right:0}.lens:nth-child(2){background:rgba(216,201,188,.48)}.lens:nth-child(3){background:rgba(145,131,143,.9);color:white}.lens:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(28,28,27,.08);z-index:2}.lens .num{font-family:'Urbanist';font-style:italic;font-size:54px;opacity:.18}.lens h3{font-size:30px;font-weight:400;line-height:1.04;margin:20px 0 14px}.lens p{font-size:17px;line-height:1.5;margin:0}.lens .mark{width:62px;height:62px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;margin-left:auto;opacity:.5}
.principles{padding:118px 0;background:linear-gradient(180deg,#eee7de,#f1ece4)}.principlesGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:stretch}.principlesTitle{padding:48px;border-radius:34px;background:var(--grafito);color:var(--hueso);position:relative;overflow:hidden;min-height:520px;display:flex;flex-direction:column;justify-content:space-between}.principlesTitle h2{font-size:68px;line-height:.98;font-weight:400;margin:18px 0}.principlesTitle p{font-size:20px;line-height:1.5;color:#e5ddd5;max-width:560px}.glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(169,81,184,.46),rgba(112,86,199,.08) 42%,transparent 68%);right:-70px;top:-60px;filter:blur(8px)}.bars{display:grid;gap:16px}.bar{padding:28px;border-radius:26px;background:rgba(255,255,255,.36);border:1px solid rgba(255,255,255,.6);box-shadow:0 16px 35px rgba(28,28,27,.06)}.barTop{display:flex;align-items:end;justify-content:space-between;gap:20px}.bar h3{font-size:26px;font-weight:400;margin:0}.pct{font-family:'Urbanist';font-style:italic;font-size:46px;color:var(--malva)}.meter{height:3px;background:rgba(28,28,27,.1);margin:18px 0;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--violeta),var(--magenta),var(--rosa))}.bar p{font-size:16px;line-height:1.45;margin:0;color:#514b48}
.purpose{padding:118px 0}.purposeGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.sticky{position:sticky;top:120px;align-self:start}.sticky h2{font-size:64px;line-height:.98;font-weight:400;margin:12px 0 24px}.purposeCards{display:grid;gap:18px}.purposeCard{padding:34px;border-top:1px solid var(--line);display:grid;grid-template-columns:120px 1fr;gap:24px}.purposeCard b{font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--malva)}.purposeCard p{margin:0;font-size:20px;line-height:1.5}.purposeCard:last-child{border-bottom:1px solid var(--line)}
.final{padding:100px 0 110px;background:linear-gradient(120deg,rgba(216,201,188,.88),rgba(241,236,228,.92) 48%,rgba(145,131,143,.55));position:relative;overflow:hidden}.finalGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.final h2{font-size:clamp(54px,6vw,88px);line-height:.95;font-weight:400;margin:0}.final p{font-size:20px;line-height:1.5;margin:0 0 26px;max-width:540px}.reveal{opacity:1;transform:none}.js .reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.js .reveal.in{opacity:1;transform:none}footer{padding:28px 0;background:var(--grafito);color:#cfc4c8;font-size:12px}.footerGrid{display:flex;justify-content:space-between;gap:24px}
@media(max-width:900px){.wrap{width:min(100% - 34px,760px)}.navlinks{display:none}.nav .btn{display:none}.hero{padding-top:112px}.heroGrid,.statementGrid,.sectionHead,.principlesGrid,.purposeGrid,.finalGrid{grid-template-columns:1fr}.hero h1{font-size:62px}.portrait{min-height:560px;border-radius:42px}.statement{padding:82px 0}.statementGrid{gap:34px}.section,.principles,.purpose{padding:84px 0}.lensGrid{grid-template-columns:1fr}.lens{min-height:320px;border-right:0;border-bottom:1px solid var(--line)}.principlesTitle{min-height:430px;padding:34px}.principlesTitle h2{font-size:50px}.sticky{position:static}.purposeCard{grid-template-columns:1fr;gap:10px;padding:28px 0}.footerGrid{flex-direction:column}.brand b{font-size:11px}}

@media(max-width:600px){
  .wrap{width:min(100% - 28px,760px)}.nav{height:70px}.brand{gap:10px}.brand b{font-size:10px}.brand .eyebrow{display:none}.brandmark{width:24px;height:24px}.brandmark:before{inset:7px}
  .hero{padding:102px 0 68px;min-height:auto}.hero h1{font-size:52px;line-height:.92}.lead{font-size:18px}.portrait{min-height:490px;border-radius:34px}.caption{left:16px;right:16px;bottom:16px;padding:17px}.caption p{font-size:16px}
  .statement{padding:76px 0}.statement .big{font-size:44px}.statement p{font-size:19px}.sectionHead h2{font-size:44px}.sectionHead p{font-size:17px}.lens{padding:28px 24px;min-height:285px}
  .archetypes{padding:78px 0}.archTitle{min-height:390px;padding:28px}.archTitle h2{font-size:44px}.archTitle p{font-size:18px}.bar{padding:22px}.bar h3{font-size:23px}.pct{font-size:40px}
  .purpose{padding:78px 0}.sticky h2{font-size:46px}.purposeCard p{font-size:18px}.final{padding:76px 0}.final h2{font-size:50px}.final p{font-size:18px}
}