/*!
 * cb-home.css — the front page as Kevin built it (HERO-CB v4.1 + HOME-SPRUCE, 10–11 Oct 2026)
 * ─────────────────────────────────────────────────────────────────
 * PORTHOME1 (CB row 785). A port of `_hero-cb/claude/home/index.html`
 * (its `#hx-hero-css` and `assets/sprucing.css`), not a redesign.
 * Enqueued on the front page only (functions.php → cognition_theme_home).
 *
 *  · §1 faces   Archivo (variable, wdth 62–125) as 'Archivo X' and Mona Sans
 *               (variable), OFL 1.1, self-hosted Latin subsets.
 *  · §2 header  the site header restyled on the front page only (1760 grid).
 *  · §3 hero    the «Edit» film, wordmark, two-line sub, buttons, fold band.
 *  · §4 below   scroll playhead, playhead-cut headings, image wipes and
 *               parallax, the chain reaction, stagger, tilt, CTA frame.
 *
 * Motion is transform/opacity only and gated on html.hx-motion (never
 * set under prefers-reduced-motion). Without this file's JS the page is
 * a clean static page: every hidden state hangs off a class the JS adds.
 */
 @font-face{font-family:'Archivo X';font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/wp-content/themes/cognition-theme/assets/fonts/ArchivoX-Variable-Latin.woff2) format('woff2')}@font-face{font-family:'Mona Sans';font-weight:200 900;font-display:swap;src:url(/wp-content/themes/cognition-theme/assets/fonts/MonaSans-Variable-Latin.woff2) format('woff2')}:root{--hx-parchment:#f4f1ea;--hx-heading:#141210;--hx-prose:#1c1a16;--hx-soft:#4a4438;--hx-muted:#6b6457;--hx-line:#dcd6c8;--hx-gold:#b8913a;--hx-gold-deep:#80631b;--hx-brand:#80631b;--hx-ink:#141210;--hx-bone:#ece7da;--hx-wm:'Archivo X','Archivo',Helvetica,Arial,sans-serif;--hx-sans:'Mona Sans','Helvetica Neue',Helvetica,Arial,sans-serif;--hx-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;--hx-ease:cubic-bezier(.22,.8,.2,1);--hx-cut:cubic-bezier(.65,0,.35,1);--hx-edge:max(28px, calc((100vw - 1760px) / 2 + 32px))}html[data-theme="dark"]{--hx-parchment:#0f0e0c;--hx-heading:#f4efe2;--hx-prose:#ece7da;--hx-soft:#c9c2b0;--hx-muted:#a39c8a;--hx-line:#2c281e;--hx-gold:#c8a96e;--hx-gold-deep:#d4af37;--hx-brand:#c8a96e;--hx-ink:#f4efe2;--hx-bone:#141210}.cb-page-front .wp-site-blocks>*{margin-block-start:0!important}.cb-page-front header.wp-block-template-part .cb-header-bar{background:var(--hx-parchment)!important;color:var(--hx-prose)!important;border-bottom:1px solid var(--hx-line);padding:0!important;font-family:var(--hx-sans)}.cb-page-front header .cb-header-bar>.cb-header-row{max-width:1760px!important;box-sizing:border-box;margin:0 auto!important;padding:0 32px;height:60px;gap:1.4rem;align-items:center}.cb-page-front header .cb-header-brand,.cb-page-front header .cb-header-brand a{font-family:var(--hx-wm);font-stretch:125%;font-weight:600;font-size:14px;letter-spacing:.02em;line-height:1;text-transform:uppercase;white-space:nowrap;text-decoration:none;color:var(--hx-heading)!important}.cb-page-front header .cb-header-nav{color:var(--hx-prose)!important}.cb-page-front header .cb-header-nav .wp-block-navigation__container{gap:1.45rem}.cb-page-front header .cb-header-nav .wp-block-navigation-item__content{font-family:var(--hx-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--hx-prose);opacity:1;display:inline-flex;align-items:center;min-height:44px;transition:color .3s}.cb-page-front header .cb-header-nav .wp-block-navigation-item__content[aria-current],.cb-page-front header .cb-header-nav .wp-block-navigation-item__content:hover{color:var(--hx-gold-deep)}.cb-page-front header .theme-toggle{display:inline-flex;align-items:center;gap:.45ch;min-height:32px;background:#fff0;border:1px solid var(--hx-line)!important;border-radius:999px;padding:0 .8rem;font-family:var(--hx-mono);font-size:11px;letter-spacing:.14em;line-height:1;text-transform:uppercase;color:var(--hx-muted)!important;margin-left:0}.cb-page-front header .theme-toggle .tt-sep{opacity:.6}html[data-theme="light"] .cb-page-front header .theme-toggle .tt-l,html[data-theme="dark"] .cb-page-front header .theme-toggle .tt-d{color:var(--hx-gold-deep)}.cb-page-front header .cb-header-actions{gap:.9rem;align-items:center}.cb-page-front header .cb-header-search .wp-block-search__button{width:44px;height:44px;padding:0;margin:0;display:inline-grid;place-items:center;background:transparent!important;border:0;color:var(--hx-prose)!important;border-radius:999px}.cb-page-front header .cb-header-search .wp-block-search__button{position:relative}.cb-page-front header .cb-header-search .wp-block-search__button svg{display:none}.cb-page-front header .cb-header-search .wp-block-search__button::before{content:"";position:absolute;left:calc(50% - 6.5px);top:calc(50% - 4px);width:8px;height:8px;border:1.5px solid currentColor;border-radius:50%}.cb-page-front header .cb-header-search .wp-block-search__button::after{content:"";position:absolute;left:calc(50% + 2.4px);top:calc(50% + 4.8px);width:5.2px;height:1.5px;background:currentColor;transform:rotate(45deg);transform-origin:left center}.cb-page-front header .cb-header-links{font-family:var(--hx-sans);font-size:13px!important;line-height:1.5;white-space:nowrap;color:var(--hx-prose)!important;margin:0}.cb-page-front header .cb-header-links a{color:inherit!important;text-decoration:none;opacity:1}.cb-page-front header :focus-visible,.hx-cbm3-hero :focus-visible{outline:2px solid var(--hx-gold);outline-offset:4px;border-radius:2px}@media (max-width:1100px){.cb-page-front header .cb-header-nav .wp-block-navigation__container{gap:1rem}}@media (max-width:900px){.cb-page-front header .cb-header-bar>.cb-header-row{padding:0 16px;gap:.6rem}.cb-page-front header .cb-header-brand,.cb-page-front header .cb-header-brand a{font-size:12px;letter-spacing:0}.cb-page-front header .cb-header-links,.cb-page-front header .cb-header-search{display:none}.cb-page-front header .theme-toggle{padding:0 .6rem}.cb-page-front header .cb-header-row>.cb-header-brand{margin-right:auto}.cb-page-front header .cb-header-row>.theme-toggle{order:2}.cb-page-front header .cb-header-row>.cb-header-nav{order:3}.cb-page-front header .cb-header-row>.cb-header-actions{order:4}.cb-page-front header .wp-block-navigation__responsive-container-open{width:44px;height:44px;margin:0;display:inline-grid;place-items:center;color:var(--hx-prose)}.cb-page-front header .wp-block-navigation__responsive-container-open svg{display:none}.cb-page-front header .wp-block-navigation__responsive-container-open::before{content:"";width:16.5px;height:12px;background:linear-gradient(currentColor,currentColor) 0 0/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) 0 50%/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/100% 1.5px no-repeat}}.hx-cbm3-hero{box-sizing:border-box;font-family:var(--hx-sans);margin:0!important;background:var(--hx-parchment);display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);grid-template-rows:1fr auto;column-gap:clamp(56px,7vw,136px);min-height:calc(100svh - 61px);padding:0 var(--hx-edge)}.hx-cbm3-hero *{box-sizing:border-box}.hx-cbm3-hero a{color:inherit}.hx-cbm3-hero>*,.hx-cbm3-hero .hx-hero-copy>*{margin-block:0}.hx-cbm3-hero .hx-hero-copy{grid-row:1;align-self:center;padding:clamp(24px,4.5vh,52px) 0;container-type:inline-size}.hx-cbm3-hero .hx-hero-media{grid-row:1;align-self:center;margin:0;width:100%;justify-self:end;max-width:calc((100svh - 61px - 84px - 48px) * 1.6)}.hx-cbm3-hero .hx-hero-media video{display:block;width:100%;aspect-ratio:16/10;height:auto;background:#100f0c;border-radius:8px;box-shadow:0 0 0 1px var(--hx-line),0 40px 80px -48px rgb(20 18 16 / .55)}.hx-cbm3-hero .hx-hero-h1{margin:0;font-weight:400}.hx-cbm3-hero .hx-wm{display:block;font-family:var(--hx-wm);font-stretch:125%;font-weight:600;text-transform:uppercase;color:var(--hx-brand);font-size:clamp(38px,min(13.2cqi,11vh),136px);line-height:.98;letter-spacing:.012em}.hx-cbm3-hero .hx-wm-wrap{display:inline-block}.hx-cbm3-hero .hx-by{display:block;text-align:right;margin-top:clamp(8px,1.3vh,14px);font-family:var(--hx-mono);font-size:clamp(11px,min(2.3cqi,1.6vh),15px);letter-spacing:.24em;text-transform:uppercase;color:var(--hx-soft)}.hx-cbm3-hero .hx-by>span{display:inline-block}.hx-cbm3-hero .hx-wm .hx-ln{display:block;width:fit-content}.hx-cbm3-hero .hx-tag{display:block;margin-top:clamp(22px,3.4vh,38px);font-family:var(--hx-sans);font-weight:500;color:var(--hx-heading);font-size:clamp(26px,min(8.2cqi,6.6vh),78px);line-height:1.02;letter-spacing:-.035em}.hx-cbm3-hero .hx-tag .hx-ln{display:block;width:fit-content;white-space:nowrap}.hx-cbm3-hero .hx-hero-sub{margin:clamp(14px,2.4vh,24px) 0 clamp(22px,3.6vh,34px);font-size:clamp(17px,min(3.7cqi,3vh),32px);line-height:1.32;letter-spacing:-.012em;color:var(--hx-soft);font-weight:400;font-family:var(--hx-sans)}.hx-cbm3-hero .hx-hero-sub .hx-ln{display:block}.hx-cbm3-hero .hx-hero-actions{display:flex;gap:12px!important;flex-wrap:wrap;margin:0}.hx-cbm3-hero .hx-hero-actions>.hx-act{margin:0}.hx-cbm3-hero .hx-act>a{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:inline-flex;align-items:stretch;height:clamp(54px,6.2vh,64px);border-radius:2px;overflow:hidden;text-decoration:none;font-family:var(--hx-sans);font-weight:600;font-size:15px;line-height:normal;letter-spacing:.005em;isolation:isolate;transition:transform .25s var(--hx-ease),box-shadow .35s var(--hx-ease)}.hx-cbm3-hero .hx-act>a:not(:has(.hx-label)){align-items:center;padding:0 26px}.hx-cbm3-hero .hx-act .hx-label{display:flex;align-items:center;padding:0 24px 0 26px;transition:color .45s var(--hx-cut)}.hx-cbm3-hero .hx-act .hx-arr{position:relative;width:clamp(54px,6.2vh,64px);display:grid;place-items:center;overflow:hidden;transition:color .45s var(--hx-cut)}.hx-cbm3-hero .hx-act .hx-arr svg{grid-area:1/1;width:18px;height:18px;transition:transform .5s var(--hx-cut)}.hx-cbm3-hero .hx-act .hx-arr svg+svg{transform:translateX(-58px)}.hx-cbm3-hero .hx-act>a::before{content:"";position:absolute;inset:0;z-index:-1;transform:scaleX(0);transform-origin:left center;transition:transform .55s var(--hx-cut)}.hx-cbm3-hero .hx-act>a:hover::before,.hx-cbm3-hero .hx-act>a:focus-visible::before{transform:scaleX(1)}.hx-cbm3-hero .hx-act>a:hover .hx-arr svg:first-child,.hx-cbm3-hero .hx-act>a:focus-visible .hx-arr svg:first-child{transform:translateX(58px)}.hx-cbm3-hero .hx-act>a:hover .hx-arr svg+svg,.hx-cbm3-hero .hx-act>a:focus-visible .hx-arr svg+svg{transform:none}.hx-cbm3-hero .hx-act>a:focus-visible{outline:2px solid var(--hx-gold);outline-offset:4px}.hx-cbm3-hero .hx-act>a:active{transform:scale(.975)}.hx-cbm3-hero .hx-btn-primary>a{background:var(--hx-gold);color:#1c1a16}.hx-cbm3-hero .hx-btn-primary .hx-arr{border-left:1px solid rgb(20 18 16 / .2)}.hx-cbm3-hero .hx-btn-primary>a::before{background:#141210}.hx-cbm3-hero .hx-btn-primary>a:hover,.hx-cbm3-hero .hx-btn-primary>a:hover .hx-label,.hx-cbm3-hero .hx-btn-primary>a:hover .hx-arr,.hx-cbm3-hero .hx-btn-primary>a:focus-visible,.hx-cbm3-hero .hx-btn-primary>a:focus-visible .hx-label,.hx-cbm3-hero .hx-btn-primary>a:focus-visible .hx-arr{color:#ece7da}.hx-cbm3-hero .hx-btn-primary>a:hover{box-shadow:0 18px 34px -18px rgb(20 18 16 / .55)}html[data-theme="dark"] .hx-cbm3-hero .hx-btn-primary>a::before{background:#f4efe2}html[data-theme="dark"] .hx-cbm3-hero .hx-btn-primary>a:hover,html[data-theme="dark"] .hx-cbm3-hero .hx-btn-primary>a:hover .hx-label,html[data-theme="dark"] .hx-cbm3-hero .hx-btn-primary>a:hover .hx-arr{color:#141210}.hx-cbm3-hero .hx-btn-ghost>a{color:var(--hx-heading);box-shadow:inset 0 0 0 1px var(--hx-heading)}.hx-cbm3-hero .hx-btn-ghost .hx-arr{border-left:1px solid var(--hx-line)}.hx-cbm3-hero .hx-btn-ghost>a::before{background:var(--hx-heading)}.hx-cbm3-hero .hx-btn-ghost>a:hover,.hx-cbm3-hero .hx-btn-ghost>a:hover .hx-label,.hx-cbm3-hero .hx-btn-ghost>a:hover .hx-arr,.hx-cbm3-hero .hx-btn-ghost>a:focus-visible,.hx-cbm3-hero .hx-btn-ghost>a:focus-visible .hx-label,.hx-cbm3-hero .hx-btn-ghost>a:focus-visible .hx-arr{color:var(--hx-parchment)}.hx-cbm3-hero .hx-cb-band{grid-column:1/-1;grid-row:2;margin:0 calc(-1 * var(--hx-edge));background:#141210;color:#ece7da;overflow:hidden;border-top:1px solid #2c281e}html[data-theme="dark"] .hx-cbm3-hero .hx-cb-band{background:#1b1915}.hx-cb-band .hx-track{display:flex;width:max-content;align-items:center;height:84px}.hx-cb-band .hx-item{font-family:var(--hx-wm);font-stretch:112%;font-size:26px;font-weight:500;letter-spacing:-.01em;white-space:nowrap;padding:0 30px;text-transform:uppercase}.hx-cb-band .hx-item.hx-course{color:#c8a96e;font-family:var(--hx-sans);font-stretch:100%;text-transform:none;font-size:28px;letter-spacing:-.03em}.hx-cb-band .hx-tc{font-family:var(--hx-mono);font-size:12px;letter-spacing:.08em;color:#a39c8a;padding:0 2px}.hx-cb-band .hx-sq{width:9px;height:9px;background:#c8a96e;border-radius:1px;flex:none}.hx-cb-band .hx-track{animation:cb-band 42s linear infinite}.hx-cb-band:hover .hx-track{animation-play-state:paused}@keyframes cb-band{to{transform:translateX(-50%)}}html.hx-motion .cb-page-front header .cb-header-row>*{opacity:0;transform:translateY(-8px);transition:opacity .7s var(--hx-ease),transform .8s var(--hx-ease)}html.hx-motion.hx-go .cb-page-front header .cb-header-row>*{opacity:1;transform:none}html.hx-motion .hx-cbm3-hero .hx-cut{position:relative;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}html.hx-motion .hx-cbm3-hero .hx-cut::after{content:"";position:absolute;inset:0;background:var(--hx-parchment);box-shadow:inset 3px 0 0 var(--hx-gold);transition:transform .9s var(--hx-cut)}html.hx-motion .hx-cbm3-hero .hx-cut.hx-in::after{transform:translateX(101%)}html.hx-motion .hx-cbm3-hero .hx-rise{overflow:hidden}html.hx-motion .hx-cbm3-hero .hx-rise>span{display:block;transform:translateY(105%);transition:transform 1s var(--hx-ease)}html.hx-motion .hx-cbm3-hero .hx-rise.hx-in>span{transform:none}html.hx-motion .hx-cbm3-hero .hx-hero-actions .hx-act{opacity:0;transform:translateY(16px);transition:opacity .8s var(--hx-ease),transform .9s var(--hx-ease)}html.hx-motion .hx-cbm3-hero .hx-hero-actions .hx-act.hx-in{opacity:1;transform:none}html.hx-motion .hx-cbm3-hero .hx-hero-media{opacity:0;transform:translateY(24px) scale(.965);transition:opacity 1.2s var(--hx-ease),transform 1.4s var(--hx-ease)}html.hx-motion .hx-cbm3-hero .hx-hero-media.hx-in{opacity:1;transform:none}html.hx-motion .hx-cbm3-hero .hx-cb-band{transform:translateY(100%);transition:transform 1.1s var(--hx-ease)}html.hx-motion .hx-cbm3-hero .hx-cb-band.hx-in{transform:none}html:not(.hx-motion) .hx-cb-band .hx-track{animation:none}html.hx-motion.hx-safe .cb-page-front header .cb-header-row>*,html.hx-motion.hx-safe .hx-cbm3-hero .hx-hero-actions .hx-act,html.hx-motion.hx-safe .hx-cbm3-hero .hx-hero-media,html.hx-motion.hx-safe .hx-cbm3-hero .hx-cb-band,html.hx-motion.hx-safe .hx-cbm3-hero .hx-rise>span{opacity:1;transform:none}html.hx-motion.hx-safe .hx-cbm3-hero .hx-cut::after{transform:translateX(101%)}@media (max-width:900px){.hx-cbm3-hero{grid-template-columns:1fr;grid-template-rows:none;min-height:0;padding:0 16px;row-gap:28px}.hx-cbm3-hero .hx-hero-copy{grid-row:auto;padding:30px 0 0}.hx-cbm3-hero .hx-hero-media{grid-row:auto;max-width:none}.hx-cbm3-hero .hx-hero-media video{aspect-ratio:4/5}.hx-cbm3-hero .hx-cb-band{grid-row:auto;margin:4px -16px 0}.hx-cbm3-hero .hx-wm{font-size:10.6vw}.hx-cbm3-hero .hx-by{font-size:11px;letter-spacing:.2em}.hx-cbm3-hero .hx-tag{font-size:29px;margin-top:16px}.hx-cbm3-hero .hx-tag .hx-ln{white-space:normal}.hx-cbm3-hero .hx-hero-sub{font-size:18px;margin:14px 0 22px}.hx-cbm3-hero .hx-hero-actions{flex-direction:column;align-items:stretch;gap:10px!important}.hx-cbm3-hero .hx-hero-actions>.hx-act{width:100%}.hx-cbm3-hero .hx-act>a{display:flex;width:100%;height:54px;justify-content:space-between}.hx-cb-band .hx-track{height:62px}.hx-cb-band .hx-item{font-size:19px;padding:0 20px}.hx-cb-band .hx-item.hx-course{font-size:20px}}.cb-page-front .pillars-cube-section{height:calc(100vh + 300vh)!important}.sx-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:100;pointer-events:none}.sx-progress i{display:block;height:100%;background:var(--wp--preset--color--gold,#c8a96e);transform-origin:left center;transform:scaleX(0)}.sx-cut{position:relative;display:inline-block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em;vertical-align:top}html.hx-motion .sx-cut::after{content:"";position:absolute;inset:0;background:var(--sx-bg,#0f0e0c);box-shadow:inset 3px 0 0 var(--wp--preset--color--gold,#c8a96e);transform:translateX(0);transition:transform 1s cubic-bezier(.65,0,.35,1)}html.hx-motion .sx-cut.sx-in::after{transform:translateX(101%)}html.hx-motion .sx-up{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.22,.8,.2,1),transform .9s cubic-bezier(.22,.8,.2,1)}html.hx-motion .sx-up.sx-in{opacity:1;transform:none}.sx-img{position:relative;margin:0;overflow:hidden;border-radius:6px;background:#100f0c;box-shadow:0 0 0 1px rgb(255 255 255 / .06)}html[data-theme="light"] .sx-img{box-shadow:0 0 0 1px rgb(20 18 16 / .12)}.sx-img img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.08) translateY(var(--sx-par,0));will-change:transform}.sx-img::before{content:"";position:absolute;inset:0;z-index:2;background:var(--sx-bg,#0f0e0c);box-shadow:inset 3px 0 0 var(--wp--preset--color--gold,#c8a96e);transform:translateX(101%)}html.hx-motion .sx-img::before{transform:translateX(0);transition:transform 1.3s cubic-bezier(.65,0,.35,1)}html.hx-motion .sx-img.sx-in::before{transform:translateX(101%)}html.hx-motion .sx-img img{transition:transform 1.8s cubic-bezier(.22,.8,.2,1)}.sx-frame::after{content:"";position:absolute;inset:18px;z-index:3;pointer-events:none;background:linear-gradient(#ece7da,#ece7da) left top/34px 1.5px no-repeat,linear-gradient(#ece7da,#ece7da) left top/1.5px 34px no-repeat,linear-gradient(#ece7da,#ece7da) right top/34px 1.5px no-repeat,linear-gradient(#ece7da,#ece7da) right top/1.5px 34px no-repeat,linear-gradient(#ece7da,#ece7da) left bottom/34px 1.5px no-repeat,linear-gradient(#ece7da,#ece7da) left bottom/1.5px 34px no-repeat,linear-gradient(#ece7da,#ece7da) right bottom/34px 1.5px no-repeat,linear-gradient(#ece7da,#ece7da) right bottom/1.5px 34px no-repeat;opacity:.6}html.hx-motion .sx-frame::after{opacity:0;transform:scale(1.04);transition:opacity 1s .9s,transform 1.2s .9s cubic-bezier(.22,.8,.2,1)}html.hx-motion .sx-frame.sx-in::after{opacity:.6;transform:none}.sx-problem-img{aspect-ratio:21/8;margin:0 0 clamp(28px,4vw,48px)}.sx-problem-img img{object-position:50% 60%}.cbm3-chain{position:relative}.cbm3-step{position:relative;transition:border-color .6s,background-color .6s}.cbm3-step::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--wp--preset--color--gold,#c8a96e);transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.65,0,.35,1)}.cbm3-step.sx-lit::before{transform:scaleX(1)}.cbm3-step .s-num{transition:color .6s}.cbm3-step.sx-lit .s-num{color:var(--wp--preset--color--gold,#c8a96e)!important;opacity:1!important}.cbm3-chain-wrap.wp-block-group>.cbm3-chain{margin-top:0;margin-bottom:12px}.sx-solution-grid.wp-block-group>.cbm3-beats{margin-top:38px;margin-bottom:0}.sx-solution-grid.wp-block-group>.sx-solution-img{margin:0}.sx-tilt{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,.8,.2,1),box-shadow .5s;will-change:transform}.sx-tilt:hover{box-shadow:0 30px 60px -30px rgb(0 0 0 / .7)}.sx-tilt img{transition:transform .8s cubic-bezier(.22,.8,.2,1)}.sx-tilt:hover img{transform:scale(1.04)}.cbh-stat-fig{font-variant-numeric:tabular-nums}.sx-solution-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(28px,4vw,64px);align-items:start}.sx-solution-img{position:sticky;top:96px;aspect-ratio:4/5}@media (max-width:900px){.sx-solution-grid{grid-template-columns:1fr}.sx-solution-img{position:relative;top:0;aspect-ratio:16/10;order:-1}}.cbh-bento-item{overflow:hidden;transition:transform .5s cubic-bezier(.22,.8,.2,1),border-color .5s}.cbh-bento-item:hover{transform:translateY(-4px);border-color:var(--wp--preset--color--gold,#c8a96e)!important}.sx-bento-img{aspect-ratio:16/9;margin:-4px 0 18px}.cbh-bento-item:hover .sx-bento-img img{transform:scale(1.04)}.cbm3-cta{position:relative}.sx-cta-frame{position:absolute;inset:16px;pointer-events:none}.sx-cta-frame i{position:absolute;width:40px;height:40px;border-color:var(--wp--preset--color--gold,#c8a96e);border-style:solid;opacity:.7}.sx-cta-frame i:nth-child(1){left:0;top:0;border-width:1.5px 0 0 1.5px}.sx-cta-frame i:nth-child(2){right:0;top:0;border-width:1.5px 1.5px 0 0}.sx-cta-frame i:nth-child(3){left:0;bottom:0;border-width:0 0 1.5px 1.5px}.sx-cta-frame i:nth-child(4){right:0;bottom:0;border-width:0 1.5px 1.5px 0}html.hx-motion .sx-cta-frame i{opacity:0;transition:opacity .8s,transform 1s cubic-bezier(.22,.8,.2,1)}html.hx-motion .sx-cta-frame i:nth-child(1){transform:translate(-14px,-14px)}html.hx-motion .sx-cta-frame i:nth-child(2){transform:translate(14px,-14px)}html.hx-motion .sx-cta-frame i:nth-child(3){transform:translate(-14px,14px)}html.hx-motion .sx-cta-frame i:nth-child(4){transform:translate(14px,14px)}html.hx-motion .sx-cta-frame.sx-in i{opacity:.7;transform:none}.cbm3-chain .cbm3-step{padding:clamp(24px,2.2vw,36px)!important}.cbm3-chain .cbm3-step .s-num{font-size:clamp(34px,2.8vw,46px)!important;line-height:1!important;margin:0 0 clamp(18px,2vw,28px)!important}.cbm3-chain .cbm3-step h3{font-size:clamp(22px,1.75vw,28px)!important;line-height:1.15!important;margin:0 0 12px!important}.cbm3-chain .cbm3-step p:not(.s-num){font-size:clamp(16px,1.2vw,19px)!important;line-height:1.55!important}