:root{--ink:#171714;--cream:#f6f1e9;--paper:#fffdf9;--gold:#b77a35;--gold2:#e6b56f;--sage:#5e6758;--line:#ddd5c8;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;width:min(var(--max),calc(100% - 48px));margin:auto}.brand{font-family:Georgia,serif;font-size:27px;font-weight:700;text-decoration:none;color:var(--ink)}.brand span{color:var(--gold)}nav{display:flex;align-items:center;gap:28px}nav a{color:var(--ink);text-decoration:none;font-size:14px}.nav-cta{border:1px solid var(--ink);padding:10px 17px;border-radius:999px}.hero{min-height:720px;display:grid;grid-template-columns:1.12fr .88fr;gap:72px;align-items:center;padding:56px 0 90px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:12px;margin:0 0 22px;color:#6f665b}.hero h1,.section h2,.statement h2,.love h2,.contact h2{font-family:Georgia,serif;font-weight:400;line-height:.98;letter-spacing:-.035em;margin:0}.hero h1{font-size:clamp(58px,7vw,94px)}em{color:var(--gold);font-style:italic}.lead{font-size:19px;max-width:650px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:25px;margin:34px 0}.button{display:inline-block;background:var(--ink);color:white;text-decoration:none;padding:15px 23px;border-radius:999px;font-size:14px;font-weight:700}.text-link{color:var(--ink);text-decoration:none;font-size:14px}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill-row span{border:1px solid var(--line);padding:6px 10px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.hero-image{position:relative}.hero-image img{width:100%;height:580px;object-fit:cover;object-position:center 22%;border-radius:220px 220px 24px 24px;position:relative;z-index:1}.sun{position:absolute;width:260px;height:260px;border-radius:50%;background:linear-gradient(135deg,#f2c27e,#d98a4b);right:-40px;top:-40px;filter:blur(.2px)}.dark{background:var(--ink);color:#f7f2e9;padding:115px 0}.narrow{max-width:920px}.gold{color:var(--gold2)}.statement h2{font-size:clamp(42px,5vw,70px);margin-bottom:34px}.statement p:not(.eyebrow){font-size:20px;max-width:820px;color:#d9d1c5}.statement .bigline{font-family:Georgia,serif;font-size:34px!important;color:white!important}.section{padding:110px 0}.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-bottom:65px}.section-head h2,.about h2,.proof h2{font-size:clamp(42px,5vw,67px)}.section-head>p{font-size:18px;color:#5d574f}.four-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.four-grid article{padding:34px 24px 36px 0;border-right:1px solid var(--line);margin-right:24px}.four-grid article:last-child{border-right:0;margin-right:0}.four-grid span{color:var(--gold);font-size:12px}.four-grid h3{font-family:Georgia,serif;font-size:30px;margin:13px 0}.four-grid p{font-size:14px;color:#615a51}.outcome{margin-top:35px;background:var(--cream);padding:24px 28px;display:flex;justify-content:space-between;gap:20px}.outcome strong{color:var(--gold)}.method{background:var(--cream)}.method h2{font-size:clamp(36px,4.8vw,65px)}.method h2 span{color:var(--gold)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:60px}.steps b{font-family:Georgia,serif;font-size:24px}.steps p{color:#625c53}.proof{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.proof-card{border-left:3px solid var(--gold);padding-left:34px}.metric{font-family:Georgia,serif;font-size:88px;color:var(--gold);line-height:1}.proof h2{font-size:42px;margin:12px 0 20px}blockquote{font-family:Georgia,serif;font-size:31px;line-height:1.3;margin:0;color:#3c3933}.about{background:#f2ede5}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.about-image img{width:100%;height:670px;object-fit:cover;border-radius:18px}.about-copy>p{font-size:17px}.principles{border-top:1px solid #cfc6b9;margin-top:34px;padding-top:20px}.principles p{font-family:Georgia,serif;font-size:18px;margin:12px 0}.love{padding:130px 0;background:linear-gradient(135deg,#c88845,#e4b46f);color:#201b16}.love p{text-transform:uppercase;letter-spacing:.18em;font-size:12px}.love h2{font-size:clamp(58px,7vw,96px)}.love em{color:white}.contact{background:#25241f;color:white}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:100px}.contact h2{font-size:clamp(45px,5vw,70px)}.contact p{color:#d8d1c6;font-size:18px}.contact .eyebrow{color:#cbbda9}.light{background:white;color:var(--ink);margin-top:18px}.linkedin{display:block;color:white;margin-top:20px;text-decoration:none;font-size:14px}footer{background:#151512;color:#a9a297;padding:30px 0;font-size:12px}footer .wrap{display:flex;justify-content:space-between;gap:20px}footer strong{color:white}@media(max-width:850px){nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:40px;gap:45px}.hero-image{order:-1;max-width:520px}.hero-image img{height:500px}.section-head,.proof,.about-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.four-grid,.steps{grid-template-columns:1fr 1fr}.four-grid article{border-right:0;border-bottom:1px solid var(--line)}.outcome{flex-direction:column}.about-image img{height:560px}footer .wrap{flex-direction:column}}@media(max-width:520px){.wrap,.nav{width:min(100% - 30px,var(--max))}.nav{height:72px}.hero{min-height:auto;padding-bottom:70px}.hero h1{font-size:52px}.hero-image img{height:410px}.hero-actions{align-items:flex-start;flex-direction:column}.four-grid,.steps{grid-template-columns:1fr}.section{padding:78px 0}.dark{padding:82px 0}.love{padding:90px 0}.about-image img{height:480px}footer .wrap{gap:8px}}

/* V3: credentials + image placement */
.credentials{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:-35px;margin-bottom:110px}
.credential{padding:26px 22px 28px 0;margin-right:22px;border-right:1px solid var(--line)}
.credential:last-child{border-right:0;margin-right:0}
.credential strong{display:block;font-family:Georgia,serif;font-size:20px;line-height:1.15;color:var(--gold);margin-bottom:8px}
.credential span{display:block;font-size:12px;line-height:1.45;color:#615a51;text-transform:uppercase;letter-spacing:.055em}
.credential.in-progress strong{font-size:17px}
.about-image img{height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:18px}
.love{padding:90px 0}
.love-grid{display:grid;grid-template-columns:1fr .72fr;gap:70px;align-items:center}
.love-image img{display:block;width:100%;height:auto;object-fit:contain;border-radius:18px;box-shadow:0 18px 50px rgba(60,35,15,.16)}
@media(max-width:1000px){.credentials{grid-template-columns:repeat(3,1fr)}.credential:nth-child(3){border-right:0}.credential:nth-child(n+4){border-top:1px solid var(--line);padding-top:24px}}
@media(max-width:850px){.love-grid{grid-template-columns:1fr;gap:42px}.love-image{max-width:620px}.credentials{margin-top:0;margin-bottom:78px}}
@media(max-width:600px){.credentials{grid-template-columns:1fr}.credential,.credential:nth-child(3){border-right:0;border-top:1px solid var(--line);margin-right:0}.credential:first-child{border-top:0}.about-image img{aspect-ratio:auto;width:100%;height:auto}.love{padding:72px 0}}

/* V4: narrative flow */
.hero-philosophy{max-width:640px;margin:-12px 0 28px;font-family:Georgia,serif;font-size:17px;line-height:1.55;color:#5f574d}
.hero-philosophy strong{font-weight:400;color:var(--gold);font-style:italic}
.about-copy>p{line-height:1.72;margin:0 0 18px}
.love-grid{grid-template-columns:1.08fr .72fr;align-items:center}
.love .love-eyebrow{color:#5d3c1d;margin-bottom:20px}
.love h2{font-size:clamp(52px,6.2vw,86px);line-height:1.02;margin-bottom:30px}
.love-story{max-width:690px;font-size:17px;line-height:1.72}
.love-story>p{font-size:17px;text-transform:none;letter-spacing:0;margin:0 0 22px}
.love-principles{border-top:1px solid rgba(32,27,22,.28);border-bottom:1px solid rgba(32,27,22,.28);padding:18px 0;margin:25px 0}
.love-principles p{font-family:Georgia,serif;font-size:17px;line-height:1.48;text-transform:none;letter-spacing:0;margin:9px 0}
.love-close{font-family:Georgia,serif;font-size:22px!important;line-height:1.45!important;margin-top:28px!important}
.love-close strong{font-weight:400;font-style:italic}
.love-image img{max-height:720px;object-fit:contain}
@media(max-width:850px){.hero-philosophy{margin-top:-5px}.love-grid{grid-template-columns:1fr}.love-image{max-width:560px}.love h2{font-size:clamp(48px,12vw,72px)}}

/* V5 narrative + spacing refinements */
.about-copy h2{margin:0 0 34px;line-height:1.02}
.about-copy .eyebrow{margin-bottom:22px}
.about-copy>p{margin:0 0 20px;line-height:1.72}
.love-image{align-self:center}
.love-image img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;border-radius:18px}
.love-close{margin-top:30px!important;line-height:1.6!important}
@media(max-width:850px){.about-copy h2{margin-bottom:28px}}

/* V7: keep key scale and methodology statements on one line on desktop */
@media(min-width:851px){
  .method h2{font-size:clamp(30px,3.35vw,48px);white-space:nowrap;letter-spacing:-.045em}
  .metric{font-size:clamp(46px,5vw,70px);white-space:nowrap;letter-spacing:-.035em}
}

/* FINAL: visual balance refinements */
@media(min-width:851px){
  .method h2{font-size:clamp(34px,3.8vw,54px);white-space:nowrap;letter-spacing:-.045em;line-height:1.02}
  .method .steps{margin-top:68px}
  .metric{font-size:clamp(42px,4.55vw,64px);white-space:nowrap;letter-spacing:-.035em;line-height:1;margin-bottom:28px}
  .proof h2{margin-top:0}
  .about-grid{grid-template-columns:1fr 1.08fr;gap:72px}
  .about-image{align-self:stretch;display:flex}
  .about-image img{width:100%;height:100%;min-height:650px;aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:18px}
}

/* PUBLISH FINAL: align methodology descriptions and preserve full About portrait */
@media(min-width:851px){
  .method .steps{grid-template-columns:repeat(4,1fr);gap:28px;margin-top:42px}
  .method .steps p{margin:0;font-size:16px;line-height:1.55}
  .about-image{align-self:center;display:block}
  .about-image img{width:100%;height:auto;min-height:0;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:18px}
}


/* FINAL ALIGNMENT: pathway labels share the same four-column centers as their descriptions */
.method-path{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:16px;width:100%}
.method-path h2{font-family:Georgia,serif;font-weight:400;line-height:1;letter-spacing:-.045em;margin:0;text-align:center;white-space:nowrap}
.method-path span{color:var(--gold);font-family:Georgia,serif;font-size:clamp(30px,3.1vw,46px);line-height:1;text-align:center}
.contact-question{font-size:clamp(38px,4.2vw,58px)!important;line-height:1.03!important;letter-spacing:-.035em!important}
@media(min-width:851px){
  .method-path h2{font-size:clamp(36px,3.65vw,52px)}
  .method .steps{grid-template-columns:repeat(4,1fr);gap:28px;margin-top:58px}
}
@media(max-width:850px){
  .method-path{grid-template-columns:1fr;row-gap:8px}
  .method-path span{transform:rotate(90deg);font-size:30px}
  .method-path h2{font-size:clamp(40px,10vw,58px)}
  .contact-question br{display:none}
}


/* PUBLISH FINAL V3: exact CTA line breaks + pathway label positioning */
.contact-question span{display:block;white-space:nowrap}
@media(min-width:851px){
  .contact-grid{grid-template-columns:1.28fr .72fr;gap:72px}
  .contact-question{font-size:clamp(34px,3.45vw,48px)!important;line-height:1.05!important;letter-spacing:-.035em!important}
  .method-path h2{transform:translateX(-18px)}
}
@media(max-width:850px){
  .contact-question span{white-space:normal}
}

/* V4: lock transformation stages to the same four-column grid as descriptions. */
@media (min-width:851px){
  .method-path{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    column-gap:28px;
    width:100%;
    align-items:center;
  }
  .method-path > span{display:none}
  .method-path > h2{
    position:relative;
    transform:none;
    text-align:left;
    width:100%;
    font-size:clamp(36px,3.45vw,50px);
  }
  .method-path > h2:not(:last-child)::after{
    content:'→';
    position:absolute;
    left:calc(100% + 2px);
    top:50%;
    transform:translate(-50%,-52%);
    color:var(--gold);
    font-family:Georgia,serif;
    font-size:.78em;
    font-style:normal;
    font-weight:400;
    line-height:1;
  }
  .method .steps{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:28px;
  }
}
\n\n/* V5: center longer pathway arrows in the whitespace + balance hero philosophy line break */\n@media (min-width:851px){\n  .method-path > h2:not(:last-child)::after{\n    content:'⟶';\n    left:calc(100% + 14px);\n    transform:translate(-50%,-52%);\n    font-size:.86em;\n  }\n  .hero-philosophy .philosophy-second-line{display:inline-block;margin-top:2px}\n}\n
/* V6: pathway spacing correction - arrows centered in the true whitespace */
@media (min-width:851px){
  .method-path{
    display:grid !important;
    grid-template-columns:max-content minmax(58px,1fr) max-content minmax(58px,1fr) max-content minmax(58px,1fr) max-content !important;
    column-gap:0 !important;
    align-items:center;
    width:100%;
  }
  .method-path > h2{
    position:static !important;
    transform:none !important;
    width:auto !important;
    text-align:left !important;
    font-size:clamp(36px,3.45vw,50px) !important;
    white-space:nowrap;
  }
  .method-path > h2::after{content:none !important;display:none !important;}
  .method-path > span{
    display:block !important;
    justify-self:center;
    color:var(--gold);
    font-family:Georgia,serif;
    font-size:clamp(39px,3.35vw,48px) !important;
    line-height:1;
    text-align:center;
    transform:scaleX(1.10);
    transform-origin:center;
    width:auto;
  }
  .hero-philosophy{max-width:760px;}
  .hero-philosophy .philosophy-second-line{display:inline-block;margin-top:2px;}
}

/* V7: arrows are positioned from the actual rendered word edges, not grid tracks. */
@media (min-width:851px){
  .method-path{position:relative !important;display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:28px !important;align-items:center !important;}
  .method-path > h2{position:relative !important;width:max-content !important;transform:none !important;text-align:left !important;}
  .method-path > span{
    display:block !important;
    position:absolute !important;
    top:50% !important;
    left:var(--arrow-x,50%) !important;
    width:auto !important;
    transform:translate(-50%,-52%) scaleX(1.20) !important;
    transform-origin:center !important;
    font-size:clamp(39px,3.35vw,48px) !important;
    line-height:1 !important;
    z-index:2;
  }
}

/* V8: remove every legacy/generated arrow. Only the three centered span arrows remain. */
@media (min-width:851px){
  .method-path > h2::before,
  .method-path > h2::after{
    content:none !important;
    display:none !important;
  }
  .method-path > span::before,
  .method-path > span::after{
    content:none !important;
    display:none !important;
  }
}
\n\n/* V10: mobile-only polish. Desktop remains V8. */
@media (max-width:850px){
  /* Undo the desktop-only forced philosophy line break and preserve the word space. */
  .hero-philosophy br{display:none;}
  .hero-philosophy .philosophy-second-line{display:inline !important;margin-top:0 !important;}

  /* Mirror the mobile Diagnose > Align pathway: centered vertical scale progression. */
  .proof-card .metric{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    width:100%;
    margin:8px 0 30px;
    font-size:clamp(58px,18vw,82px);
    line-height:.94;
    letter-spacing:-.035em;
    white-space:normal;
    text-align:center;
  }
  .proof-card .metric-value{display:block;white-space:nowrap;}
  .proof-card .metric-arrow{
    display:block;
    font-size:clamp(30px,9vw,42px);
    line-height:.8;
    transform:rotate(90deg) scaleX(1.12);
    transform-origin:center;
    margin:4px 0 7px;
  }
}
