:root{--ink:#1a1212;--orange:#fe5805;--pink:#fe5805;--paper:#faf8f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}.wrap{max-width:1250px;margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 6%;background:#faf8f4f2;position:sticky;top:0;z-index:20;border-bottom:1px solid #e9e0d7}.wordmark{font-size:22px;letter-spacing:-1.3px;font-weight:900;text-decoration:none;white-space:nowrap}.wordmark span{color:var(--orange)}.nav nav{display:flex;gap:26px;font-size:13px;font-weight:700}.nav nav a{text-decoration:none}.nav nav a:hover,.nav nav a[aria-current]{color:var(--orange)}.hero{background:var(--ink);color:white;padding:120px 8% 135px}.eyebrow{color:var(--orange);font-size:12px;letter-spacing:2.5px;text-transform:uppercase;font-weight:800}.hero h1{font-size:clamp(52px,8.5vw,112px);line-height:.99;letter-spacing:-.075em;max-width:1090px;margin:25px 0}.hero h1 em{font-style:normal;color:var(--orange)}.intro{font-size:clamp(20px,2.2vw,27px);max-width:800px;line-height:1.45;color:#e6ded8}.button{display:inline-block;background:var(--orange);color:#fff;text-decoration:none;padding:15px 23px;font-weight:800;font-size:14px;margin-top:24px;border-radius:2px}.button:hover{background:#d94b00}.section{padding:100px 8%}.section h2{font-size:clamp(36px,5vw,65px);letter-spacing:-.06em;line-height:1.08;margin:18px 0 28px;max-width:1050px}.section h3{font-size:23px;line-height:1.2;letter-spacing:-.035em}.large{font-size:clamp(19px,2vw,25px);max-width:830px;line-height:1.48}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.cards article{background:#fff;border-top:4px solid var(--orange);padding:30px}.cards small{color:var(--orange);font-weight:800}.cards p,.side p{color:#554e4b}.dark{background:var(--ink);color:white}.dark .large,.dark p{color:#ded3cb}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:55px}.steps article{border-top:2px solid var(--pink);padding-top:18px}.steps b{font-size:38px;color:var(--pink)}.two{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.side{padding-top:35px}.industries{border-top:1px solid #d6ccc5;padding-top:20px;margin-top:30px;line-height:2}.outcomes h2{font-size:clamp(32px,4.5vw,61px);line-height:1.27}.outcomes h2 span{color:var(--orange)}.quotes{background:#f0e8df}.quotes-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.quote-controls{display:flex;gap:9px;padding-bottom:25px}.quote-controls button{background:transparent;border:1px solid var(--ink);width:48px;height:48px;font-size:22px;cursor:pointer}.quote-controls button:hover{background:var(--ink);color:#fff}.quote-panel{background:#fff;padding:clamp(30px,6vw,75px);min-height:335px;display:flex;flex-direction:column;justify-content:center}.quote-panel blockquote{font-size:clamp(24px,3vw,40px);line-height:1.33;letter-spacing:-.035em;margin:0 0 32px;max-width:1050px}.quote-name{font-weight:800;margin:0}.quote-role{margin:0;color:#665c57;font-size:14px}.dots{display:flex;justify-content:center;gap:9px;padding-top:23px}.dots button{width:10px;height:10px;padding:0;border-radius:50%;border:0;background:#c6b8ae;cursor:pointer}.dots button.active{background:var(--orange)}.note{font-size:13px;color:#756a63}.contact{background:#f0e8df}.contact .large{max-width:780px}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 8%;font-size:13px;border-top:1px solid #e2d7ce}footer a{text-decoration:none}.podcast-hero h1{max-width:950px}.coming{display:inline-block;margin-left:24px;color:#d7c8bd;font-size:14px}.topic-cards article{background:#302424;border-color:var(--pink)}.topic-cards p{color:#ddd}.text-link{color:var(--orange);font-weight:800}@media(max-width:780px){.nav{padding:18px 5%;flex-wrap:wrap}.nav nav{gap:16px}.hero{padding:85px 6% 100px}.section{padding:75px 6%}.cards,.steps,.two{grid-template-columns:1fr}.side{padding-top:0}.quotes-heading{align-items:start}.quote-panel{min-height:370px}.coming{display:block;margin:22px 0 0}footer{flex-direction:column}.hero h1{font-size:clamp(52px,12vw,85px)}}

/* Contact form */
.contact-form{max-width:790px;margin-top:32px}.contact-form label{display:block;font-weight:700;font-size:14px;margin:0 0 20px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:9px;border:1px solid #b6a9a0;background:#fff;color:#1a1212;padding:14px 15px;border-radius:3px;font:inherit;font-size:16px;line-height:1.4}.contact-form textarea{resize:vertical;min-height:150px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:3px solid #fe580555;outline-offset:1px;border-color:#fe5805}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form button{cursor:pointer;border:0}.form-footnote,.optional{font-weight:400;font-size:13px;opacity:.75}.visually-hidden{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media(max-width:650px){.form-row{grid-template-columns:1fr;gap:0}}


/* October 2026: original portrait and original corporate logos; no image transformations */
.hero { overflow: hidden; }
.hero .hero-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(245px, 32%);
    align-items: end;
    gap: clamp(18px, 3vw, 55px);
}
.hero-copy { min-width: 0; align-self: center; }
.hero .hero-copy h1 { font-size: clamp(49px, 6.2vw, 94px); }
.hero-portrait {
    display: block;
    width: 160%;
    max-width: none;
    height: auto;
    max-height: none;
    object-fit: contain;
    object-position: center bottom;
    align-self: end;
    justify-self: center;
    margin-bottom: 0;
transform: translateY(0);
}
.experience-logos {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 14px;
    row-gap: 0;
    margin-top: 28px;
}
.experience-logos img:nth-child(n+4) {
    transform: translateY(-60px);
}

.experience-logos img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}
@media (max-width: 780px) {
    .hero .hero-layout { grid-template-columns: 1fr; gap: 22px; }
    .hero .hero-copy h1 { font-size: clamp(52px, 12vw, 85px); }
    .hero-portrait { width: min(68%, 330px); margin: 0 auto -100px; max-height: none; }
}
@media (max-width: 450px) {
    .experience-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}