@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root{--ink:#0c1115;--paper:#f5f5f3;--sub:#687078;--line:#d7dcde;--gold:#9f7440;--dark:#101820;--panel:#edf1f2;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);background-image:radial-gradient(circle at 86% 4%,rgba(151,181,176,.2),transparent 22%)}
a{color:inherit}.top{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1440px;min-height:82px;margin:auto;padding:0 5vw;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;letter-spacing:.15em;font-size:.9rem}.crest{width:44px;height:42px;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(149,105,41,.18))}.top nav{display:flex;gap:24px}.top nav a{font-size:.78rem;font-weight:600;text-decoration:none}.top nav a:last-child{padding:8px 12px;border:1px solid var(--line);border-radius:999px}.wrap{max-width:1440px;margin:auto;padding:0 5vw}.eyebrow{margin:0 0 1rem;color:var(--gold);font:.68rem var(--mono);letter-spacing:.15em}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:7vw;min-height:570px;padding-top:8rem;padding-bottom:6rem}.hero-copy{align-self:center}.hero h1{max-width:800px;margin:0 0 1.4rem;font-size:clamp(3.6rem,7vw,7.2rem);letter-spacing:-.08em;line-height:.88}.hero h1 em{font-family:var(--serif);font-weight:500}.intro{max-width:580px;color:var(--sub);font-size:1.08rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:2rem}.button{display:inline-block;border:1px solid var(--ink);border-radius:999px;padding:13px 18px;background:var(--ink);color:var(--paper);font-size:.8rem;font-weight:700;text-decoration:none}.button.secondary{background:transparent;color:var(--ink)}.hero-art{position:relative;align-self:center;min-height:380px;overflow:hidden;padding:30px;border:1px solid rgba(255,255,255,.8);border-radius:28px;background:radial-gradient(circle at 74% 19%,rgba(234,201,129,.88),transparent 23%),radial-gradient(circle at 20% 78%,rgba(127,174,170,.8),transparent 25%),linear-gradient(135deg,#fdfdfb,#d9e3e2);box-shadow:inset 0 1px #fff,0 28px 60px rgba(23,43,45,.12)}.hero-art:after{position:absolute;inset:20% 8%;border:1px solid rgba(255,255,255,.9);border-radius:50%;content:"";transform:rotate(-24deg)}.hero-art span,.hero-art small{position:relative;z-index:1;display:block;font:.66rem var(--mono);letter-spacing:.12em}.hero-art strong{position:absolute;z-index:1;right:12%;bottom:13%;max-width:300px;font-size:clamp(2.2rem,4vw,4.5rem);letter-spacing:-.07em;line-height:.9}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:1rem 0 6rem;border:1px solid var(--line);border-right:0}.principles div{min-height:148px;padding:22px;border-right:1px solid var(--line)}.principles b{display:block;margin-bottom:23px;color:var(--gold);font:.66rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.principles span{display:block;font-size:.9rem;color:var(--sub)}.section{padding:5.5rem 0;border-top:1px solid var(--line)}h2{max-width:810px;margin:0 0 1rem;font-size:clamp(2.5rem,4.6vw,5rem);letter-spacing:-.07em;line-height:.94}.section-lede{max-width:660px;margin:0;color:var(--sub);font-size:1.05rem}.roles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3.5rem;border:1px solid var(--line);border-right:0;border-bottom:0}.role{display:flex;min-height:300px;flex-direction:column;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;transition:transform .25s,background .25s,color .25s}.role:hover{background:var(--dark);color:#fff;transform:scale(1.012)}.number{color:var(--gold);font:.68rem var(--mono);letter-spacing:.1em}.role h3{margin:3.9rem 0 .65rem;font-size:1.55rem;letter-spacing:-.055em;line-height:1}.role p{margin:0;color:var(--sub);font-size:.87rem}.role:hover p{color:#c8d1d4}.role i{margin-top:auto;padding-top:25px;font:normal .7rem var(--mono);letter-spacing:.08em}.path{display:flex;gap:9px;align-items:center;padding:2.3rem 0 0;color:var(--sub);font:.72rem var(--mono);letter-spacing:.05em}.path a{text-decoration:none}.role-hero{padding-top:4.7rem;padding-bottom:4rem}.role-hero h1{font-size:clamp(3.3rem,6vw,6.5rem);max-width:950px}.role-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:1.8rem}.role-meta span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;font:.68rem var(--mono)}.role-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:8vw;padding-top:4.5rem;padding-bottom:6rem}.aside{padding-top:8px}.aside h2{font-size:clamp(2rem,3.2vw,3rem)}.detail-grid{display:grid;gap:0;border-top:1px solid var(--line)}.detail{padding:24px 0;border-bottom:1px solid var(--line)}.detail h3{margin:0 0 12px;font-size:1.2rem;letter-spacing:-.04em}.detail p,.detail li{color:var(--sub);font-size:.93rem}.detail p{margin:0}.detail ul{margin:0;padding-left:18px}.detail li+li{margin-top:8px}.closing{margin-bottom:2rem;padding:7vw 5vw;border-radius:28px;background:linear-gradient(140deg,#101820,#0e2430 60%,#5e5438);color:#f1f2ed}.closing h2{max-width:780px;margin-bottom:1.3rem}.closing p{max-width:600px;color:#c8d1d4}.closing .button{background:#f3efe3;color:#101820;border-color:#f3efe3}.footer{max-width:1440px;margin:auto;padding:2rem 5vw 3rem;color:var(--sub);font:.7rem var(--mono);letter-spacing:.04em}.footer a{text-decoration:none}.whatsapp{position:fixed;z-index:4;right:20px;bottom:20px;padding:12px 16px;border-radius:999px;background:#176e43;color:#fff;text-decoration:none;font-size:.78rem;font-weight:700;box-shadow:0 12px 28px rgba(0,0,0,.2)}
@media(max-width:780px){.top{min-height:70px;padding:0 5vw}.top nav a:not(:last-child){display:none}.hero,.role-layout{grid-template-columns:1fr;gap:2.5rem}.hero{min-height:auto;padding-top:5.5rem}.hero-art{min-height:310px}.principles,.roles{grid-template-columns:1fr}.principles div{min-height:auto}.section{padding:4.2rem 0}.role{min-height:240px}.role h3{margin-top:2.7rem}.role-hero{padding-top:3.4rem}.closing{margin:0 5vw 1rem;padding:13vw 7vw}.whatsapp{right:14px;bottom:14px}.top nav{gap:10px}}