
:root{--ink:#30214c;--purple:#56347d;--lavender:#ece3f5;--cream:#fffaf4;--gold:#9b7028}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.7 Arial,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #9b7028;outline-offset:5px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(44px,5.7vw,78px);margin:20px 0}h2{font-size:clamp(34px,4vw,53px);margin:14px 0 26px}h3{font-size:28px}p{max-width:660px}nav{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1200px;margin:auto;padding:22px 30px;font-size:14px}nav .links{display:flex;gap:24px;flex-wrap:wrap}nav a{text-decoration:none}.brandname{font-family:Georgia,serif;font-size:20px;line-height:1.3;max-width:250px}.hero{background:var(--lavender);position:relative;overflow:hidden}.hero-inner{max-width:1200px;margin:auto;padding:60px 30px 70px;display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:14px;letter-spacing:.15em;text-transform:uppercase;color:var(--purple);font-weight:700}.hero p{font-size:21px}.portrait{width:100%;height:520px;object-fit:cover;border-radius:180px 180px 8px 8px;box-shadow:18px 18px 0 #d9c6e8}.caption{font-size:14px;margin-top:28px}.button{display:inline-block;padding:14px 24px;background:var(--purple);color:white;text-decoration:none;border-radius:4px;font-size:16px;font-weight:bold;margin:10px 12px 8px 0}.button.outline{color:var(--purple);background:transparent;border:1px solid var(--purple)}.ribbon{text-align:center;background:var(--purple);color:#fff;padding:22px;font-family:Georgia,serif;font-size:23px}.section{max-width:1200px;margin:auto;padding:85px 30px}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.book{display:block;max-width:310px;width:100%;margin:auto;box-shadow:0 16px 35px #30214c25;transform:rotate(-3deg)}figure{margin:0}figcaption{font-size:14px;text-align:center;margin-top:30px}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px}.four article{border-top:2px solid #b69150;padding-top:22px}.number{font:italic 34px Georgia;color:var(--gold)}.four p{font-size:16px}.tint{background:#f0e9f7}.quote{font:italic clamp(27px,3vw,39px)/1.45 Georgia;max-width:930px;text-align:center;margin:0 auto}.signature{text-align:center;margin:20px auto 0;font-size:15px}.credentials{padding:22px 0;border-top:1px solid #cebddc;border-bottom:1px solid #cebddc;font-size:16px}.credentials p{margin:10px 0}.shorts{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.short-art{background:url('assets/brand.png') center/cover;aspect-ratio:9/13;max-width:310px;padding:120px 35px 45px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 12px 35px #30214c22;margin:auto}.short-art span{font:32px/1.3 Georgia}.play{font-size:30px;margin:20px}.journey{display:grid;grid-template-columns:1fr 1fr;gap:30px}.journey article{padding:35px;border:1px solid #cdb8df;border-radius:5px}.journey article:last-child{background:var(--lavender)}.status{font-size:15px;color:#614a70}.brand-banner{height:215px;max-width:1000px;margin:auto;background:url('assets/brand.png') center top/100% auto no-repeat}.small{font-size:14px}.footer{border-top:1px solid #dbcce3;padding:30px;text-align:center;font-size:14px}.footer a{margin:0 10px}li{margin:12px 0}@media(max-width:760px){nav{align-items:flex-start;flex-direction:column}.hero-inner,.split,.shorts,.journey{grid-template-columns:1fr;gap:40px}.hero-inner{padding-top:35px}.portrait{height:420px;max-width:400px}.section{padding:55px 24px}.four{grid-template-columns:1fr 1fr}.brand-banner{height:120px}.hero p{font-size:18px}.split figure{order:2}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brandlockup{display:block;width:410px;max-width:100%;flex-shrink:0;text-align:center}.logo-art{display:block;width:100%;aspect-ratio:941/335;background:url('assets/brand.png') center top/100% auto no-repeat}.brand-tagline{display:block;font-size:14px;line-height:1.5;letter-spacing:.03em;color:var(--purple);text-align:center;margin:8px auto 0;max-width:none}.bottom-brand{max-width:680px;margin:0 auto 40px;padding:0 24px}.bottom-brand .brand-tagline{font-size:17px}.lineage-section{background:#f7f1fb}.lineage{list-style:none;counter-reset:roots;padding:0;margin:35px 0;max-width:900px}.lineage li{counter-increment:roots;border-left:2px solid #b69150;padding:8px 0 16px 28px;margin:0;position:relative}.lineage li:before{content:counter(roots);display:block;color:var(--gold);font:22px Georgia}.lineage strong{font:25px/1.3 Georgia;display:block;margin:5px 0}.lineage span{display:block;font-size:16px}@media(max-width:1000px){nav{flex-direction:column}.brandlockup{width:380px}nav .links{justify-content:center}}@media(max-width:760px){nav{align-items:center}.brand-tagline{font-size:14px}.bottom-brand .brand-tagline{font-size:14px}}nav .text-brand{display:block;max-width:310px;font-family:Georgia,serif;font-size:20px;line-height:1.3}.header-tagline{display:block;font-family:inherit;font-size:15px;line-height:1.45;margin-top:10px}.bottom-brand{position:relative}.bottom-brand .brand-tagline{font-family:Georgia,serif;position:absolute;bottom:22px;left:26%;right:6%;font-size:17px;line-height:1.4;margin:0}@media(min-width:761px){nav{flex-direction:row;align-items:center}}@media(max-width:760px){nav{align-items:flex-start}.bottom-brand .brand-tagline{font-size:14px;bottom:10px;left:28%;right:7%}}
.brand-panel{display:block;border:1px solid #d2bcdf;border-radius:6px;overflow:hidden;background:#fff6ed;text-align:center;text-decoration:none;padding:0 20px 18px}.script-art{display:block;width:100%;height:auto;aspect-ratio:941/335;background:url('assets/brand.png') center top/100% auto no-repeat}.print-title{display:block;font-family:Georgia,serif;font-size:23px;line-height:1.35;margin-top:2px}.panel-slogan{display:block;font-family:Georgia,serif;font-size:17px;line-height:1.5;margin:9px auto 0}.top-brand{width:600px;max-width:100%;flex-shrink:1}.bottom-brand.brand-panel{max-width:780px;margin:20px auto 50px;position:static;padding:0 24px 24px}.bottom-brand .print-title{font-size:29px}.bottom-brand .panel-slogan{font-size:20px}nav{max-width:1280px;gap:35px}nav .links{justify-content:flex-end;max-width:430px}.style-history,.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.style-history p{border-top:1px solid #b69150;padding-top:18px;font-size:16px}.research-grid article{background:#f0e9f7;padding:24px}.research-grid h3{font-size:27px}.research-grid p{font-size:16px}.research-grid a{font-size:14px}.story-columns{align-items:start;gap:60px}.belief{max-width:860px;margin:40px auto 0;padding:28px;border-top:1px solid #baa1ce}.belief p{max-width:none}@media(max-width:1000px){nav{flex-direction:column}nav .links{max-width:none;justify-content:center}}@media(max-width:760px){.style-history,.research-grid{grid-template-columns:1fr}.brand-panel{padding:0 12px 16px}.print-title{font-size:21px}.panel-slogan{font-size:16px}.bottom-brand.brand-panel{margin:20px 18px 35px;padding:0 12px 18px}.bottom-brand .print-title{font-size:23px}.bottom-brand .panel-slogan{font-size:16px}.script-art{aspect-ratio:941/335}.belief{padding:20px 0}}.brand-panel.top-brand,.brand-panel.bottom-brand{position:relative;padding:0;width:510px;max-width:100%;border-radius:4px;background:#fff6ed}.brand-panel .script-art{aspect-ratio:941/335;background-size:100% auto}.brand-panel .panel-slogan{position:absolute;top:42%;left:26%;right:4%;margin:0;font-family:Georgia,serif;font-size:17px;line-height:1.4}.brand-panel .print-title{position:absolute;bottom:8%;left:26%;right:4%;margin:0;font-family:Arial,sans-serif;font-size:15px;line-height:1.3}.brand-panel.bottom-brand{margin:20px auto 40px}.history-details{margin-top:25px}.history-details summary{font:24px/1.4 Georgia;cursor:pointer;padding:15px 0;border-top:1px solid #b69150}.hero p{font-size:19px}@media(max-width:760px){.brand-panel.top-brand,.brand-panel.bottom-brand{width:380px;max-width:100%}.brand-panel .script-art{aspect-ratio:941/470}.brand-panel .panel-slogan{top:32%;font-size:15px;line-height:1.4}.brand-panel .print-title{bottom:9%;font-size:14px}.brand-panel.bottom-brand{max-width:calc(100% - 36px)}}.brand-panel .panel-slogan{top:57%;left:25%;right:3%;font-family:Georgia,serif;font-size:17px;line-height:1.5}.panel-slogan>span{display:block;white-space:nowrap}.career-details{margin:18px 0;font-size:16px}.career-details summary{cursor:pointer;color:var(--purple);font-weight:bold;padding:8px 0}.short-art{padding-bottom:30px}.hero h1{font-size:clamp(42px,5.1vw,70px)}@media(max-width:760px){.brand-panel .panel-slogan{top:43%;left:22%;right:2%;font-size:14px;line-height:1.55}}.guide-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:start;padding-top:55px;padding-bottom:55px}.guide-intro h2{font-size:clamp(32px,3.7vw,48px);margin-bottom:8px}.guide-credentials{border-left:2px solid #b69150;padding-left:30px}.guide-credentials p{font-size:16px;margin:0 0 18px}@media(max-width:760px){.guide-intro{grid-template-columns:1fr;gap:28px}.guide-credentials{padding-left:22px}}

/* Contact form */
#contact-form{max-width:800px;background:var(--lavender);padding:30px;border-radius:6px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
#contact-form label{display:block;font-size:16px;font-weight:bold;margin:18px 0 7px}
#contact-form label span{font-weight:normal}
#contact-form input:not([type="checkbox"]),#contact-form select,#contact-form textarea{width:100%;padding:12px;border:1px solid #8b709e;border-radius:4px;background:white;color:var(--ink);font:inherit;font-size:16px}
#contact-form textarea{resize:vertical}
#contact-form .contact-consent{display:flex;align-items:flex-start;gap:12px;line-height:1.5;font-weight:normal}
.contact-consent input{width:20px;height:20px;flex-shrink:0;margin-top:3px;accent-color:var(--purple)}
#contact-form :focus-visible{outline:3px solid var(--gold);outline-offset:3px}
#contact-form button{border:0;font:inherit;cursor:pointer}
#contact-form button:disabled{opacity:.55;cursor:not-allowed}
.contact-status{font-size:16px}
@media(max-width:760px){.contact-grid{grid-template-columns:1fr;gap:0}#contact-form{padding:20px}}

.honeypot{display:none!important}
