
*{box-sizing:border-box}
:root{--rail:112px}
html{background:#171619;scroll-behavior:smooth}
body{margin:0;min-width:320px;color:#F2EEE8;overflow-x:hidden;font-size:18px;line-height:1.35;font-family:'Barlow Condensed','Oswald',system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:linear-gradient(90deg,transparent calc(var(--rail) - 1px),rgba(255,255,255,.08) var(--rail),transparent calc(var(--rail) + 1px)),#171619}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
h1,h2,h3,h4,p{margin-top:0}
::selection{color:#171619;background:#e43953}
:focus-visible{outline:2px solid #e43953;outline-offset:4px}
.chf-dsp{font-weight:800;text-transform:uppercase;letter-spacing:-.055em;line-height:.75;margin:0}
.chf-kick{margin:0;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#f8c9d1}
/* ---- weld seam: the join between blocks ---- */
.chf-seam{position:relative;height:26px;background:#171619;border-top:3px solid #892433;border-bottom:1px solid rgba(242,238,232,.18)}
.chf-seam::before{content:"";position:absolute;inset:5px 0 6px;background:repeating-linear-gradient(66deg,#e43953 0 9px,#892433 9px 13px);box-shadow:inset 0 -4px 8px rgba(23,22,25,.45)}
/* ---- the rail ---- */
.chf-rail{position:fixed;inset:0 auto 0 0;z-index:30;width:var(--rail);display:grid;grid-template-rows:112px 1fr auto;background:#111013;border-right:1px solid rgba(242,238,232,.18)}
.chf-mark{position:relative;display:grid;place-items:center;background:#e43953;color:#151218;font-size:32px;font-weight:900;letter-spacing:-.02em;border-bottom:1px solid rgba(242,238,232,.18)}
.chf-mark::after{content:"";position:absolute;right:-1px;bottom:-1px;width:18px;height:18px;background:#171619;clip-path:polygon(100% 0,0 100%,100% 100%)}
.chf-rnav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:18px 0}
.chf-rnav a{writing-mode:vertical-rl;transform:rotate(180deg);color:#A9A3AA;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;transition:color .2s ease}
.chf-rnav a:hover{color:#e43953}
.chf-rbase{display:grid;place-items:center;min-height:130px;border-top:1px solid rgba(242,238,232,.18);color:#A9A3AA;font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;text-align:center}
.chf-rbase span{writing-mode:vertical-rl;transform:rotate(180deg)}
main,footer{margin-left:var(--rail)}
/* ---- hero ---- */
.chf-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 76% 30%,rgba(228,57,83,.14),transparent 36%),#171619}
.chf-top{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 42px;border-bottom:1px solid rgba(242,238,232,.18);color:#A9A3AA;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.chf-top b{color:#F2EEE8;letter-spacing:.18em}
.chf-top em{font-style:normal}
.chf-top a{color:#F2EEE8;border-bottom:2px solid #e43953;padding-bottom:3px;white-space:nowrap}
.chf-hgrid{position:relative;display:grid;grid-template-columns:1fr}
.chf-hcopy{position:relative;z-index:3;padding:84px 28px 92px 5vw}
.chf-code{display:inline-flex;align-items:center;gap:12px;color:#f8c9d1;font-size:13px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.chf-code::before{content:"";width:36px;height:8px;background:radial-gradient(circle,#e43953 0 2px,transparent 2.6px) left center/9px 8px repeat-x}
.chf-hero h1{max-width:13ch;margin:32px 0 28px;font-size:clamp(58px,7.4vw,116px);line-height:.79;font-weight:800}
.chf-hero h1 em{display:block;margin-left:12%;color:#e43953;font-weight:800}
.chf-lede{width:min(465px,94%);margin:0 0 30px 12%;color:#C5BEC6;font-size:21px;line-height:1.32}
.chf-acts{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-left:12%}
.chf-btn{display:inline-flex;align-items:center;min-height:52px;padding:0 24px;color:#171319;background:#e43953;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:background .2s ease;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
.chf-btn:hover{background:#F2EEE8}
.chf-btn2{padding:7px 0;color:#F2EEE8;border-bottom:1px solid rgba(242,238,232,.45);font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:border-color .2s ease}
.chf-btn2:hover{border-color:#e43953}
.chf-hgfx{position:relative;display:grid;min-width:0}
.chf-hfig{position:relative;margin:0;min-height:320px}
.chf-hfig img{width:100%;height:100%;min-height:320px;object-fit:cover;filter:saturate(.72) contrast(1.06) brightness(.8)}
.chf-hfig::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#171619 0,rgba(23,22,25,.32) 34%,transparent 72%),radial-gradient(circle,rgba(242,238,232,.16) 1px,transparent 1.4px) 0 0/17px 17px}
.chf-ghost{position:absolute;z-index:2;top:16px;right:24px;pointer-events:none;user-select:none;color:rgba(242,238,232,.08);font-size:clamp(88px,12vw,224px);font-weight:900;line-height:1;letter-spacing:-.08em}
.chf-note{position:absolute;z-index:3;right:6%;bottom:112px;width:262px;padding:16px 0 0 50px;border-top:1px solid rgba(242,238,232,.18);color:#A9A3AA;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.chf-note b{display:block;margin-bottom:4px;color:#F2EEE8;font-size:17px;font-weight:600;letter-spacing:.04em}
.chf-note::before{content:"";position:absolute;top:16px;left:0;width:32px;height:32px;border:1px solid #e43953;border-radius:50%;box-shadow:inset 0 0 0 7px #171619,inset 0 0 0 9px #e43953}
/* ---- the paper proof card, breaking out of the dark ---- */
.chf-proof{position:relative;z-index:6;width:min(1060px,calc(100% - 64px));margin:-58px 0 0 auto;color:#171619;background:#DED9D1;box-shadow:0 24px 60px rgba(0,0,0,.34);clip-path:polygon(0 20px,24px 0,100% 0,100% 100%,0 100%)}
.chf-phead{display:grid;grid-template-columns:1fr;gap:20px;padding:30px 40px 20px;border-bottom:2px solid #262229}
.chf-phead h2{max-width:24ch;margin:0;font-size:clamp(28px,3.4vw,46px);font-weight:700;line-height:.96;letter-spacing:-.035em;text-transform:uppercase}
.chf-stamp{justify-self:start;align-self:start;padding:8px 12px;color:#892433;border:2px solid #892433;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;transform:rotate(2deg);white-space:nowrap}
.chf-trace{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:24px 40px 32px}
.chf-trace::before{content:"";position:absolute;left:40px;right:40px;top:42px;height:8px;opacity:.68;background:radial-gradient(circle,#892433 0 2px,transparent 2.7px) left center/10px 8px repeat-x}
.chf-stop{position:relative;padding-top:34px}
.chf-stop:nth-child(2){text-align:center}
.chf-stop:last-child{text-align:right}
.chf-stop::before{content:"";position:absolute;top:12px;left:0;width:15px;height:15px;background:#DED9D1;border:4px solid #892433;border-radius:50%}
.chf-stop:nth-child(2)::before{left:calc(50% - 7px)}
.chf-stop:last-child::before{left:auto;right:0}
.chf-stop b{display:block;font-size:28px;font-weight:800;line-height:1}
.chf-stop span{color:#5F5760;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
/* ---- capability ledger ---- */
.chf-cap{position:relative;padding:112px 5vw 128px;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0/8.333% 100%,#171619}
.chf-cint{display:grid;grid-template-columns:1fr;gap:32px;align-items:end;margin-bottom:52px}
.chf-cint h2{margin:0;font-size:clamp(56px,6.4vw,104px);line-height:.72;letter-spacing:-.065em;font-weight:800}
.chf-cint h2 em{display:block;font-style:normal;color:transparent;-webkit-text-stroke:1px #e43953;transform:translateX(13%)}
.chf-cint p{max-width:52ch;margin:0;color:#BBB4BC;font-size:20px}
.chf-ledger{width:100%;margin-left:auto;border-top:1px solid rgba(242,238,232,.18)}
.chf-srow{display:grid;grid-template-columns:56px 1fr;gap:6px 22px;align-items:baseline;padding:22px 0;border-bottom:1px solid rgba(242,238,232,.18);transition:padding .25s ease,background .25s ease}
.chf-srow:hover{padding-left:16px;background:linear-gradient(90deg,rgba(228,57,83,.12),transparent 78%)}
.chf-srow i{font-style:normal;color:#e43953;font-size:13px;font-weight:700;letter-spacing:.15em}
.chf-srow h3{margin:0;font-size:27px;font-weight:600;line-height:1;text-transform:uppercase}
.chf-srow p{grid-column:2;margin:0;max-width:62ch;color:#A9A3AA;font-size:16px}
.chf-strip{display:flex;align-items:center;gap:16px;margin-top:32px;color:#8B848C;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.chf-strip::after{content:"";flex:1;height:8px;background:radial-gradient(circle,#e43953 0 2px,transparent 2.6px) left center/10px 8px repeat-x}
/* ---- company ---- */
.chf-co{position:relative;overflow:hidden;background:#211F23;padding:64px 5vw 0}
.chf-co::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,transparent 58%,rgba(228,57,83,.08) 58% 72%,transparent 72%)}
.chf-cotitle{position:relative;z-index:2;margin:0 0 36px;font-size:clamp(66px,10.4vw,164px);line-height:.72;letter-spacing:-.065em;text-align:right;font-weight:800}
.chf-cotitle em{display:block;font-style:normal;color:#e43953}
.chf-cogrid{position:relative;z-index:3;display:grid;grid-template-columns:1fr;gap:36px;align-items:start}
.chf-quote{margin:0 0 24px;font-size:clamp(23px,2.5vw,32px);font-weight:500;line-height:1.08;letter-spacing:-.02em}
.chf-co p{color:#B8B1BA;font-size:17px}
.chf-cofig{position:relative;margin:0}
.chf-cofig img{width:100%;height:100%;min-height:250px;object-fit:cover;filter:saturate(.7) contrast(1.05) brightness(.84)}
.chf-cofig figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;color:#F2EEE8;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(0deg,rgba(23,22,25,.92),transparent)}
.chf-reasons{position:relative;z-index:3;display:grid;grid-template-columns:1fr;margin-top:44px;border-top:1px solid rgba(242,238,232,.18)}
.chf-reason{padding:22px 22px 20px 0;border-bottom:1px solid rgba(242,238,232,.18);font-size:18px;font-weight:600;line-height:1.15;text-transform:uppercase}
.chf-reason em{display:block;margin-bottom:12px;color:#e43953;font-size:12px;font-style:normal;letter-spacing:.15em}
.chf-proc{position:relative;z-index:3;margin:52px -5vw 0;padding:50px 5vw 46px;color:#19171A;background:#e43953;clip-path:polygon(6% 0,100% 0,100% 100%,0 100%,0 16%)}
.chf-proc h3{margin:0 0 28px;font-size:16px;letter-spacing:.1em;text-transform:uppercase}
.chf-pline{display:grid;grid-template-columns:1fr;gap:26px;counter-reset:p}
.chf-pstep{position:relative;padding-top:50px;counter-increment:p}
.chf-pstep::before{content:counter(p,decimal-leading-zero);position:absolute;top:0;left:0;font-size:13px;font-weight:700;letter-spacing:.1em}
.chf-pstep::after{content:"";position:absolute;top:24px;left:0;right:-26px;height:7px;background:radial-gradient(circle,#252027 0 2px,transparent 2.6px) left center/10px 7px repeat-x}
.chf-pstep:last-child::after{right:60%}
.chf-pstep h4{margin:0 0 8px;font-size:21px;line-height:1;text-transform:uppercase}
.chf-pstep p{max-width:32ch;margin:0;color:#19171A;font-size:15px;line-height:1.25}
/* ---- drive ---- */
.chf-drv{position:relative;padding:112px 5vw 0;background:radial-gradient(circle at 15% 38%,rgba(228,57,83,.16),transparent 28%),#171619}
.chf-dopen{display:grid;grid-template-columns:1fr;gap:38px;align-items:start;padding-bottom:58px}
.chf-poster{position:relative;overflow:hidden;min-height:360px;padding:38px 32px;color:#181519;background:#e43953;transform:rotate(-2deg);box-shadow:20px 24px 0 rgba(255,255,255,.045)}
.chf-poster::before{content:"";position:absolute;inset:13px;border:1px solid rgba(23,22,25,.38);clip-path:polygon(0 0,42% 0,42% 13px,58% 13px,58% 0,100% 0,100% 100%,0 100%)}
.chf-poster span{display:block;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.chf-poster b{position:absolute;left:32px;right:28px;bottom:32px;font-size:clamp(42px,4.3vw,64px);font-weight:900;line-height:.7;letter-spacing:-.09em;text-transform:uppercase}
.chf-poster b i{display:block;font-style:normal;color:#F2EEE8;-webkit-text-stroke:1px #171619}
.chf-jcopy h2{max-width:16ch;margin:18px 0 22px;font-size:clamp(40px,5.2vw,84px);font-weight:700;line-height:.85;letter-spacing:-.045em;text-transform:uppercase}
.chf-jcopy>p{max-width:56ch;margin:0;color:#BBB4BC;font-size:20px}
.chf-specs{display:grid;grid-template-columns:1fr;border-top:1px solid rgba(242,238,232,.18)}
.chf-spec{padding:24px 22px 22px 0;border-bottom:1px solid rgba(242,238,232,.18)}
.chf-spec span{display:block;margin-bottom:10px;color:#A9A3AA;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.chf-spec b{display:block;font-size:25px;font-weight:600;line-height:1.05;text-transform:uppercase}
.chf-spec small{display:block;margin-top:5px;color:#948E96;font-size:13px}
.chf-covfig{position:relative;margin:40px 0 0}
.chf-covfig img{width:100%;height:210px;object-fit:cover;filter:saturate(.7) contrast(1.05) brightness(.78)}
.chf-covfig figcaption{position:absolute;left:20px;bottom:16px;color:#F2EEE8;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
/* ---- application ---- */
.chf-app{position:relative;margin:76px -5vw 0;padding:58px 5vw 62px;color:#1A171B;background:#DED9D1;clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%)}
.chf-app::before{content:"";position:absolute;left:0;right:0;top:24px;height:8px;opacity:.75;background:radial-gradient(circle,#892433 0 2px,transparent 2.7px) left center/11px 8px repeat-x}
.chf-ahead{display:grid;grid-template-columns:1fr;gap:22px;align-items:end;margin-bottom:42px}
.chf-app h3{margin:0;font-size:clamp(46px,6.2vw,98px);font-weight:800;line-height:.75;letter-spacing:-.055em;text-transform:uppercase}
.chf-ahead p{max-width:44ch;margin:0;color:#5F5861;font-size:17px}
.chf-form{display:grid;grid-template-columns:1fr;gap:20px;align-items:end}
.chf-f label{display:block;margin-bottom:6px;color:#665E67;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.chf-f input,.chf-f select{width:100%;height:48px;padding:0 2px;color:#1A171B;background:transparent;border:0;border-bottom:2px solid #352F36;border-radius:0;outline:0;font-size:18px;font-weight:500}
.chf-f input::placeholder{color:#8A828A}
.chf-f input:focus,.chf-f select:focus{border-color:#892433}
.chf-send{height:52px;padding:0 24px;color:#F2EEE8;background:#1A171B;border:0;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:background .2s ease;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.chf-send:hover{background:#892433}
.chf-fnote{margin:18px 0 0;color:#746C75;font-size:13px}
/* ---- footer ---- */
.chf-foot{position:relative;padding:84px 5vw 32px;background:#0F0E10}
.chf-fgrid{display:grid;grid-template-columns:1fr;gap:36px;padding-bottom:56px}
.chf-fmark{color:#e43953;font-size:clamp(50px,6.4vw,98px);font-weight:900;line-height:.72;letter-spacing:-.06em;text-transform:uppercase}
.chf-fmark span{display:block;margin:18px 0 0 3px;color:#8D868F;font-size:13px;font-weight:600;line-height:1.25;letter-spacing:.15em}
.chf-fb h4{margin:0 0 18px;color:#8B848C;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.chf-fb p,.chf-fb a{display:block;margin:0 0 8px;color:#D3CDD4;font-size:16px}
.chf-fb a:hover{color:#e43953}
.chf-legal{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;padding-top:22px;border-top:1px solid rgba(242,238,232,.18);color:#8B848C;font-size:12px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}
@media(min-width:900px){
  .chf-hgrid{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}
  .chf-hfig{min-height:600px}
  .chf-phead{grid-template-columns:1fr auto;gap:26px}
  .chf-cint{grid-template-columns:minmax(320px,1fr) 1.15fr;gap:56px}
  .chf-ledger{width:84%}
  .chf-srow{grid-template-columns:56px minmax(200px,.78fr) 1.3fr}
  .chf-srow p{grid-column:3}
  .chf-cogrid{grid-template-columns:1.05fr .95fr;gap:56px}
  .chf-reasons{grid-template-columns:repeat(4,1fr)}
  .chf-reason{padding-left:22px;border-right:1px solid rgba(242,238,232,.18)}
  .chf-reason:first-child{padding-left:0}
  .chf-reason:last-child{border-right:0}
  .chf-pline{grid-template-columns:repeat(4,1fr);gap:30px}
  .chf-dopen{grid-template-columns:minmax(260px,.6fr) 1.4fr;gap:5vw}
  .chf-specs{grid-template-columns:repeat(4,1fr)}
  .chf-spec{padding-left:22px;border-right:1px solid rgba(242,238,232,.18)}
  .chf-spec:first-child{padding-left:0}
  .chf-spec:last-child{border-right:0}
  .chf-ahead{grid-template-columns:1.15fr .85fr;gap:6vw}
  .chf-form{grid-template-columns:1.15fr .85fr 1.2fr .7fr .7fr auto}
  .chf-fgrid{grid-template-columns:1.6fr .9fr .8fr .8fr;gap:4vw}
}
@media(max-width:899px){
  .chf-proof{width:calc(100% - 20px);margin-top:-24px}
  .chf-hero h1 em,.chf-lede,.chf-acts{margin-left:0;font-weight:800}
  .chf-cotitle{text-align:left}
}
@media(max-width:760px){
  :root{--rail:0px}
  body{background:#171619}
  main,footer{margin-left:0}
  .chf-rail{position:relative;width:100%;height:62px;grid-template-columns:62px 1fr;grid-template-rows:62px;border-right:0;border-bottom:1px solid rgba(242,238,232,.18)}
  .chf-mark{font-size:23px;border-bottom:0}
  .chf-rnav{flex-direction:row;justify-content:flex-end;gap:16px;padding:0 16px}
  .chf-rnav a{writing-mode:initial;transform:none;font-size:11px}
  .chf-rbase{display:none}
  .chf-top{height:54px;padding:0 18px;font-size:11px}
  .chf-top em{display:none}
  .chf-hcopy{padding:58px 20px 66px}
  .chf-hfig{min-height:270px}
  .chf-note{position:static;width:auto;margin:22px 20px 26px}
  .chf-ghost{font-size:88px;font-weight:800}
  .chf-trace{display:block;padding:20px 22px 26px}
  .chf-trace::before{display:none}
  .chf-stop,.chf-stop:nth-child(2),.chf-stop:last-child{padding:12px 0 12px 32px;text-align:left}
  .chf-stop::before,.chf-stop:nth-child(2)::before,.chf-stop:last-child::before{top:18px;left:0;right:auto}
  .chf-poster{transform:none;min-height:300px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms !important;scroll-behavior:auto !important}
}
/* readability-pass:start */
html body .chf-acts a.chf-btn{color:#0a080b}
html body .chf-ahead p{font-family:'Barlow',Helvetica,Arial,sans-serif!important}
html body .chf-app p.chf-fnote{font-family:'Barlow',Helvetica,Arial,sans-serif!important;color:#504026}
html body .chf-cap p.chf-strip{font-family:'Barlow',Helvetica,Arial,sans-serif!important}
html body .chf-cint p{font-family:'Barlow',Helvetica,Arial,sans-serif!important}
html body .chf-cogrid p{font-family:'Barlow',Helvetica,Arial,sans-serif!important}
html body .chf-cogrid p.chf-quote{font-family:'Barlow',Helvetica,Arial,sans-serif!important}
html body .chf-f label{color:#4e3e26}
html body .chf-fb a{font-family:'Barlow',Helvetica,Arial,sans-serif!important}
html body .chf-hcopy p.chf-lede{font-family:'Barlow',Helvetica,Arial,sans-serif!important}
html body .chf-jcopy p{font-family:'Barlow',Helvetica,Arial,sans-serif!important}
html body .chf-poster span{color:#0b090b}
html body .chf-proc h3{color:#100809}
html body .chf-pstep p{font-family:'Barlow',Helvetica,Arial,sans-serif!important;color:#100809}
html body .chf-reason em{color:#f08e9d}
html body .chf-reasons div.chf-reason{font-family:'Barlow',Helvetica,Arial,sans-serif!important}
html body .chf-srow p{font-family:'Barlow',Helvetica,Arial,sans-serif!important}
html body .chf-top b{font-weight:600!important}
/* readability-pass:end */
