@font-face { font-family: 'Noto Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/190064f73b8f5a6d.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/81322b3eef10f45e.ttf) format('truetype'); } @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/50e09f5293f1cc01.ttf) format('truetype'); } @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/6f6ae378820adc47.ttf) format('truetype'); } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; font-stretch: normal; font-display: swap; src: url(/assets/fonts/2c4e758c6218a34d.ttf) format('truetype'); } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 500; font-stretch: normal; font-display: swap; src: url(/assets/fonts/c8c11212ccc17360.ttf) format('truetype'); } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 600; font-stretch: normal; font-display: swap; src: url(/assets/fonts/e2f478bc345722b8.ttf) format('truetype'); } :root{--ink:#30383b;--white:#f7f3ea;--soft:#f7f3ea;--muted:#30383b;--line:#30383b;--clay:#30383b;--cream:#f7f3ea;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--clay);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(3rem,5.9vw,6rem);font-weight:600}h2{font-size:clamp(2.2rem,4vw,3.8rem);font-weight:600}h3{font-size:1.55rem;font-weight:600}p{color:var(--muted)}.wrap{width:min(1320px,calc(100% - 112px));margin:auto}.nav{height:116px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;width:235px;flex-shrink:0}.brand img{width:100%;height:auto;display:block}.navlinks{display:flex;align-items:center;gap:30px;font-size:15px}.navlinks a:not(.button):hover,.foot a:hover{color:var(--clay)}.navlinks a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--clay);text-underline-offset:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:14px 24px;border-radius:9px;background:var(--ink);color:var(--cream);border:1px solid var(--ink);font-weight:600;font-size:15px;line-height:1.35;transition:transform .18s,background .18s}.button:hover{background:var(--ink);transform:translateY(-2px)}.button.light{background:var(--cream);color:var(--ink);border-color:var(--cream)}.button.outline{background:transparent;color:var(--ink);border-color:var(--clay)}.button.text{padding-left:0;background:transparent;color:var(--ink);border:0}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.14em;font-weight:600;color:var(--muted);margin-bottom:25px}.hero{padding:72px 0 82px;display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:center}.hero h1{font-size:clamp(3rem,5.2vw,5.25rem)}.hero h1 span{display:block}.hero .lead{max-width:590px;margin-top:30px;font-size:19px;line-height:1.65}.clay{color:var(--clay)}.method-panel{background:var(--ink);color:var(--cream);border-radius:24px;overflow:hidden;min-height:478px;display:flex;flex-direction:column;box-shadow:0 28px 70px #30383b15}.panelhead{display:flex;justify-content:space-between;gap:20px;padding:26px 30px;border-bottom:1px solid #f7f3ea25;font-size:13px;letter-spacing:.035em}.panelhead span:last-child{color:var(--cream)}.stage-tabs{display:flex;gap:8px;padding:24px 30px 0}.stage-tabs button{border:1px solid #f7f3ea40;background:transparent;color:var(--cream);border-radius:30px;padding:8px 16px;font-size:14px}.stage-tabs button[aria-selected=true]{background:var(--cream);color:var(--ink);border-color:var(--cream)}.stagebody{padding:32px 30px;flex:1}.stepbig{font-size:72px;font-weight:500;line-height:1;color:var(--cream);letter-spacing:-.08em;margin-bottom:18px}.stagebody h3{font-size:29px;margin-bottom:16px;letter-spacing:-.035em}.stagebody p{color:var(--cream);max-width:320px;font-size:16px}.panelbottom{display:flex;align-items:center;gap:10px;font-size:13px;padding:20px 30px;background:#f7f3ea09;color:var(--cream)}.panelbottom b{color:var(--clay)}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:15px}.strip span{color:var(--muted);font-size:14px}.section{padding:100px 0}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:40px}.section-top h2{max-width:650px}.section-top p{max-width:340px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{background:var(--soft);border:1px solid var(--soft);border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;min-height:350px;transition:transform .2s,border-color .2s}.service:hover{transform:translateY(-5px);border-color:var(--clay)}.number{font-size:14px;color:var(--clay);margin-bottom:48px;font-weight:600}.service h3{margin-bottom:17px}.service p{font-size:16px}.service .link{margin-top:auto;padding-top:30px}.link{display:flex;justify-content:space-between;gap:24px;font-size:15px;font-weight:600}.dark{background:var(--ink);color:var(--cream)}.dark p{color:var(--cream)}.dark .eyebrow{color:var(--cream)}.product-wrap{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.product-wrap h2{max-width:600px}.product-wrap p{margin-top:24px;max-width:540px}.product-label{font-size:18px;color:var(--clay);margin-bottom:22px}.workflow{display:grid;gap:0;border:1px solid #f7f3ea30;border-radius:20px;overflow:hidden}.workflow>div{padding:24px 28px;border-bottom:1px solid #f7f3ea25;display:flex;gap:25px;align-items:flex-start}.workflow>div:last-child{border:0}.workflow b{color:var(--clay);font-size:14px}.workflow h3{font-size:22px;letter-spacing:-.025em}.workflow p{font-size:15px;margin:8px 0 0}.product-note{font-size:14px;border-top:1px solid #f7f3ea30;margin-top:55px;padding-top:24px;display:flex;justify-content:space-between;gap:20px}.product-note a{text-decoration:underline;text-underline-offset:5px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}.method-grid article{border-top:2px solid var(--ink);padding-top:26px}.method-grid article>b{display:block;color:var(--clay);font-size:14px;margin-bottom:34px}.method-grid h3{font-size:30px;margin-bottom:18px}.method-grid p{font-size:16px}.soft{background:var(--soft)}.workcard{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--cream);display:flex;flex-direction:column;transition:transform .2s}.workcard:hover{transform:translateY(-4px)}.workvisual{background:var(--cream);padding:30px;min-height:204px;display:flex;flex-direction:column;justify-content:center;gap:10px}.workvisual .worktag{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;color:var(--ink)}.workbody{padding:28px;flex:1;display:flex;flex-direction:column}.workbody h3{font-size:24px}.workbody p{margin-top:18px;font-size:16px}.workbody .link{margin-top:auto;padding-top:30px}.mini-flow{display:flex;gap:5px}.mini-flow i{font-style:normal;font-size:13px;padding:12px 8px;background:var(--cream);border-radius:6px;flex:1;text-align:center}.mini-flow i:nth-child(2){background:var(--ink);color:var(--cream)}.ladder{display:flex;align-items:flex-end;gap:7px;height:90px}.ladder span{display:block;background:var(--ink);border-radius:4px 4px 0 0;flex:1;min-height:24px}.ladder span:nth-child(2){height:42%}.ladder span:nth-child(3){height:60%}.ladder span:nth-child(4){height:80%}.ladder span:nth-child(5){height:100%;background:var(--clay)}.rhythm{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.rhythm span{background:var(--cream);border-radius:7px;font-size:13px;padding:9px 12px}.rhythm span:last-child{background:var(--ink);color:var(--cream)}.about-split{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.about-split p{margin-bottom:24px}.signature{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;font-size:14px;font-weight:600;color:var(--clay)}.cta{padding:72px;border-radius:24px;background:var(--ink);color:var(--cream);display:flex;justify-content:space-between;gap:45px;align-items:center;margin-bottom:90px}.cta h2{max-width:680px}.cta p{color:var(--cream);margin-top:20px}.cta .button{flex-shrink:0}.foot{border-top:1px solid var(--line);padding:40px 0 24px}.foot-top{display:flex;align-items:flex-start;justify-content:space-between;gap:45px}.foot .brand{margin-left:-28px}.footlinks{display:flex;gap:70px;padding-top:22px;font-size:14px}.footlinks div{display:flex;flex-direction:column;gap:10px}.footlinks strong{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.footbottom{display:flex;justify-content:space-between;gap:20px;margin-top:45px;border-top:1px solid var(--line);padding-top:22px;font-size:12px;color:var(--muted)}.footbottom a{text-decoration:underline}.menu{display:none;background:var(--cream);border:1px solid var(--line);border-radius:7px;padding:8px 14px;color:var(--ink)}.skip{position:absolute;left:20px;top:-90px;z-index:20;background:var(--cream);padding:15px}.skip:focus{top:10px}.pagehero{padding:76px 0 72px;max-width:1040px}.pagehero h1{font-size:clamp(3rem,6vw,5.7rem)}.pagehero p{font-size:20px;max-width:770px;margin-top:28px}.breadcrumb{font-size:14px;margin-bottom:30px;color:var(--muted)}.detailgrid{display:grid;grid-template-columns:.85fr 1.5fr;gap:90px;padding:70px 0;border-top:1px solid var(--line)}.detailgrid h2{font-size:38px}.detailgrid p{margin-bottom:22px}.list{display:grid;gap:0}.list article{padding:24px 0;border-bottom:1px solid var(--line)}.list article:first-child{padding-top:0}.list article:last-child{border-bottom:0}.list h3{font-size:23px;margin-bottom:12px}.list p{margin-bottom:0}.band{background:var(--soft);padding:35px;border-radius:16px;margin:20px 0 70px}.band h3{margin-bottom:14px}.split2{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contactbox{background:var(--soft);padding:38px;border-radius:20px}label{display:block;font-size:14px;font-weight:600;margin-bottom:9px}input,select,textarea{width:100%;border:1px solid var(--clay);background:var(--cream);border-radius:7px;padding:13px;color:var(--ink);min-height:50px}textarea{min-height:150px;resize:vertical}.field{margin-bottom:22px}.small{font-size:14px}.contactbox .small{margin-top:18px}.notice{padding:16px 20px;background:var(--cream);border-left:3px solid var(--clay);font-size:15px;margin:24px 0}.guide{max-width:950px}.guide h2{font-size:32px;margin:45px 0 20px}.guide h3{font-size:22px;margin:28px 0 12px}.guide p{margin:14px 0}.guide li{margin:10px 0;color:var(--muted)}.guide table{width:100%;border-collapse:collapse;font-size:15px;margin:25px 0}.guide th,.guide td{text-align:left;padding:16px;border-bottom:1px solid var(--line);vertical-align:top}.guide th{background:var(--soft)}.table-scroll{overflow-x:auto}.samplelabel{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:12px 0}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:60px}.accent-line{height:5px;background:var(--clay);width:56px;margin-bottom:25px}.status{min-height:26px;font-size:14px;color:var(--clay);margin-top:15px}.previewbar{border-bottom:1px solid var(--line);padding:8px 20px;text-align:center;font-size:12px;color:var(--muted);background:var(--soft)}.previewbar a{text-decoration:underline;margin-left:12px}.proofnote{font-size:14px;margin-top:20px;color:var(--muted)} @media(min-width:1600px){.hero{padding-top:90px;padding-bottom:100px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:35px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:60px}.navlinks{gap:20px}.brand{width:200px}.product-wrap{gap:50px}.service{padding:25px}.section-top{gap:30px}.cta{padding:48px}.about-split{gap:55px}}@media(max-width:850px){.nav{height:100px}.menu{display:block}.navlinks{display:none;position:absolute;top:139px;left:0;right:0;background:var(--cream);padding:25px 32px;z-index:10;box-shadow:0 14px 20px #30383b12;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.hero{grid-template-columns:1fr;padding:45px 0 60px;gap:45px}.hero h1{font-size:clamp(48px,8vw,76px)}.hero .lead{max-width:650px}.method-panel{min-height:420px}.stagebody p{max-width:none}.strip{flex-wrap:wrap;gap:15px}.strip span{width:100%}.section{padding:70px 0}.section-top{display:block}.section-top p{max-width:600px;margin-top:25px}.grid3{grid-template-columns:1fr}.service{min-height:270px}.number{margin-bottom:30px}.product-wrap,.about-split,.detailgrid,.twocol{grid-template-columns:1fr;gap:38px}.method-grid{gap:25px}.cta{display:block;padding:40px}.cta .button{margin-top:28px}.foot-top{flex-direction:column;gap:15px}.footlinks{width:100%;justify-content:space-between;gap:30px}.detailgrid{padding:45px 0}.pagehero{padding:45px 0 55px}.split2{grid-template-columns:1fr}.product-note{flex-direction:column}.footbottom{flex-direction:column;gap:8px}}@media(max-width:520px){.wrap{width:calc(100% - 40px)}.brand{width:195px;margin-left:-14px}.hero h1{font-size:47px;letter-spacing:-.055em}.hero .lead{font-size:18px}.hero{padding-top:32px}.section h2{font-size:38px}.method-grid{grid-template-columns:1fr}.method-grid article>b{margin-bottom:20px}.stage-tabs{padding:24px 22px 0}.stage-tabs button{padding:8px 14px}.stagebody{padding:28px 24px}.panelhead,.panelbottom{padding-left:24px;padding-right:24px}.footlinks{gap:24px;flex-wrap:wrap}.cta{padding:30px;margin-bottom:60px}.cta h2{font-size:36px}.contactbox{padding:25px}.pagehero h1{font-size:46px}.pagehero p{font-size:18px}.section-top{margin-bottom:30px}.detailgrid h2{font-size:33px}.actions .button{flex-grow:1}.previewbar{font-size:12px;padding:7px 12px}.footbottom{font-size:12px}.guide table{min-width:570px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{.previewbar,.nav,.foot,.actions,.menu{display:none}body{font-size:12pt}.wrap{width:100%}.section{padding:30px 0}.pagehero{padding:20px 0}a{text-decoration:underline}.dark{background:var(--cream);color:#30383b}.dark p{color:#30383b}} :root{--sage:#30383b;--sage-pale:#f7f3ea;--sage-light:#f7f3ea} body{font-family:'Noto Sans',Arial,sans-serif}h1,h2,h3{font-family:'EB Garamond',Georgia,serif;letter-spacing:-.028em;font-weight:500;line-height:1.02}h3{font-size:1.9rem}h1{font-size:clamp(3.4rem,6.8vw,6.5rem)}h2{font-size:clamp(2.6rem,4.8vw,4.5rem)}.hero h1{font-size:clamp(3.5rem,6.3vw,6rem);line-height:.99;letter-spacing:-.033em}.hero{gap:86px;grid-template-columns:1.5fr 1fr;padding-top:66px;padding-bottom:94px}.hero .lead{font-size:18px;max-width:570px;line-height:1.75}.hero h1 .clay{color:var(--clay)}.eyebrow{font-family:'Noto Sans',sans-serif;font-size:12px;letter-spacing:.14em}.button{border-radius:30px;padding:15px 25px;transition:transform .22s,background .22s,box-shadow .22s}.button:hover{box-shadow:0 8px 20px #30383b15}.button span{transition:transform .2s}.button:hover span{transform:translate(2px,-2px)}.button.text{box-shadow:none}.hero .button:not(.outline){background:var(--clay);border-color:var(--clay)}.hero .button:not(.outline):hover{background:var(--clay)}.method-stage{position:relative;isolation:isolate;padding:18px 0}.method-stage::before,.method-stage::after{content:'';position:absolute;inset:20px -12px;border-radius:26px;z-index:-1;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.method-stage::before{background:var(--sage);transform:rotate(-7deg) translate(-12px,8px)}.method-stage::after{background:var(--clay);transform:rotate(5deg) translate(6px,-6px)}.method-stage:hover::before{transform:rotate(-9deg) translate(-17px,10px)}.method-stage:hover::after{transform:rotate(7deg) translate(9px,-9px)}.method-panel{position:relative;min-height:492px;border-radius:22px;box-shadow:0 22px 40px #30383b15}.panelhead{align-items:center;padding:22px 26px;font-size:11px;letter-spacing:.08em}.motion-toggle{border:1px solid #f7f3ea50;background:transparent;color:var(--cream);border-radius:20px;padding:7px 11px;font-size:11px;letter-spacing:0;line-height:1.2;min-height:32px}.motion-toggle:hover{background:#f7f3ea18}.stepbig{font-family:'EB Garamond',Georgia,serif;font-size:88px;color:var(--sage-light);letter-spacing:-.04em}.stagebody h3{font-size:35px;letter-spacing:-.02em}.stagebody p{font-size:15px}.stage-tabs button{font-size:13px;transition:background .25s,color .25s}.stage-tabs button[aria-selected=true]{background:var(--sage-light);border-color:var(--sage-light)}.stagebody.stage-change{animation:stage-in .5s both}.panelbottom{font-size:12px}.strip{padding-top:29px;padding-bottom:29px;border-top-color:var(--sage);border-bottom-color:var(--sage);font-size:14px}.strip strong{font-family:'Noto Sans',sans-serif}.service{border-radius:24px;min-height:365px;padding:35px;transition:transform .25s,box-shadow .25s}.service h3{font-size:34px;letter-spacing:-.025em}.service .number{font-family:'Noto Sans',sans-serif;letter-spacing:.08em}.grid3>.service:nth-child(1){background:var(--clay);border-color:var(--clay);color:var(--cream)}.grid3>.service:nth-child(1) p,.grid3>.service:nth-child(1) .number{color:var(--cream)}.grid3>.service:nth-child(2){background:var(--sage-pale);border-color:var(--sage-pale);border-top:7px solid var(--sage);padding-top:29px}.grid3>.service:nth-child(2) .number{color:var(--ink)}.grid3>.service:nth-child(3){background:var(--ink);border-color:var(--ink);color:var(--cream)}.grid3>.service:nth-child(3) p{color:var(--cream)}.grid3>.service:nth-child(3) .number{color:var(--sage-light)}.service:hover{transform:translateY(-7px);box-shadow:0 14px 25px #30383b12}.service .link{font-size:14px}.dark .product-label{color:var(--clay);font-size:16px}.workflow{background:#f7f3ea05;border-color:#30383b70;border-radius:24px}.workflow>div{border-bottom-color:#30383b50;transition:background .25s,transform .25s}.workflow>div:hover{background:#30383b1a;transform:translateX(4px)}.workflow h3{font-size:30px}.workflow b{color:var(--sage-light)}.method-grid article{border-top:3px solid var(--clay)}.method-grid article:nth-child(2){border-top-color:var(--sage)}.method-grid article:nth-child(3){border-top-color:var(--ink)}.method-grid h3{font-size:38px}.method-grid article:nth-child(2)>b{color:var(--ink)}.about-split{background:var(--sage-pale);border-radius:30px;padding:65px;margin-bottom:90px;gap:70px}.signature{color:var(--ink)}.cta{border-radius:30px}.cta h2{font-size:clamp(2.6rem,4.7vw,4.3rem);max-width:760px}.cta h2 br{display:none}.cta .button.light{background:var(--sage-light);border-color:var(--sage-light)}.workbody h3,.list h3{font-size:29px;letter-spacing:-.02em}.pagehero h1{font-size:clamp(3.5rem,6.8vw,6.7rem)}.detailgrid h2{font-size:46px}.guide h2{font-size:40px}.guide h3{font-size:30px}.contactbox{background:var(--sage-pale)}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)} @keyframes stage-in{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}} @media(min-width:851px){.hero>div:first-child{animation:stage-in .75s both}.method-stage{animation:stage-in .9s .15s both}} @media(max-width:1200px) and (min-width:851px){.hero{gap:60px;grid-template-columns:1.3fr 1fr}.hero h1{font-size:72px}.panelhead{padding-left:20px;padding-right:20px}.stagebody h3{font-size:31px}.stage-tabs{padding-left:22px;padding-right:22px}.service{padding:26px}.service h3{font-size:30px}} @media(max-width:850px){.hero{grid-template-columns:1fr;gap:50px;padding:40px 0 65px}.hero h1{font-size:clamp(58px,9.3vw,82px)}.method-stage{margin:0 22px;max-width:570px}.method-panel{min-height:450px}.hero .lead{max-width:640px}.about-split{padding:40px;gap:35px}.section h2{font-size:48px}.service{min-height:300px}.cta h2{font-size:48px}} @media(max-width:520px){.hero h1{font-size:57px;letter-spacing:-.038em}.hero .lead{font-size:17px}.hero{padding-top:34px}.method-stage{margin:0 14px}.method-stage::before,.method-stage::after{inset:24px -6px}.method-panel{min-height:458px}.panelhead{padding:20px;font-size:10px}.stagebody{padding:24px}.stagebody h3{font-size:32px}.stage-tabs{padding:22px 22px 0;gap:6px}.stage-tabs button{padding:8px 13px}.section h2{font-size:44px}.service h3{font-size:34px}.about-split{padding:32px 25px;margin-bottom:60px}.cta h2{font-size:42px}.method-grid h3{font-size:35px}.pagehero h1{font-size:56px}.detailgrid h2{font-size:39px}.strip{gap:16px;font-size:13px}.strip span{font-size:13px}.section-top p{font-size:16px}.guide h2{font-size:35px}.stagebody p{font-size:15px}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal{opacity:1;transform:none}.method-stage:hover::before{transform:rotate(-7deg) translate(-12px,8px)}.method-stage:hover::after{transform:rotate(5deg) translate(6px,-6px)}} @media print{.motion-ready .reveal{opacity:1;transform:none}.motion-toggle{display:none}} /* Palette consolidation and cream approach panel. */ :root{--white:var(--cream);--soft:var(--cream);--muted:var(--ink);--line:var(--clay)} body,.menu,.navlinks,.skip,input,select,textarea{background:var(--cream)} .method-stage{padding:18px 0;margin:0} .method-stage::before,.method-stage::after{content:none!important;display:none!important} .method-panel{background:var(--cream);color:var(--ink);border:1px solid var(--clay);box-shadow:0 22px 40px #30383b15} .panelhead{border-bottom:1px solid var(--clay)} .panelhead span:last-child,.stagebody p,.panelbottom{color:var(--ink)} .stage-tabs button{border-color:var(--clay);color:var(--ink)} .stage-tabs button[aria-selected=true]{background:var(--clay);border-color:var(--clay);color:var(--cream)} .motion-toggle{border-color:var(--clay);color:var(--ink)} .motion-toggle:hover{background:var(--clay);color:var(--cream)} .stepbig,.panelbottom b{color:var(--clay)} .panelbottom{background:var(--cream);border-top:1px solid var(--clay)} .grid3>.service:nth-child(2){border-top-color:var(--clay)} .grid3>.service:nth-child(3) .number,.workflow b{color:var(--clay)} .method-grid article:nth-child(2){border-top-color:var(--clay)} .cta .button.light{background:var(--cream);border-color:var(--cream)} .dark .product-label{color:var(--cream)} /* White page foundation and a more engaging CARE 360 feature. */ body,.menu,.navlinks,.skip,.dark{background:#fff;color:var(--ink)} .dark p,.dark .eyebrow,.dark .product-label{color:var(--ink)} .dark .workflow{background:var(--cream);border-color:var(--clay)} .dark .workflow>div{border-bottom-color:var(--clay)} .dark .workflow b{color:var(--clay)} .soft,.about-split,.contactbox,.previewbar{background:#fff} .care-feature{background:#fff;color:var(--ink);border-top:1px solid var(--clay);border-bottom:1px solid var(--clay)} .care-feature .product-label{color:var(--clay)} .care-feature p{color:var(--ink)} .care-feature .button.light{background:var(--ink);border-color:var(--ink);color:var(--cream)} .care-feature .product-note{border-top-color:var(--clay)} .care-visual{position:relative;min-height:400px;background:var(--cream);border:1px solid var(--clay);border-radius:28px;padding:32px;display:grid;grid-template-columns:minmax(150px,.8fr) 1.2fr;gap:22px;align-items:center;overflow:hidden} .care-orbit{width:min(100%,230px);aspect-ratio:1;border:1px solid var(--clay);border-radius:50%;display:grid;place-items:center;position:relative;margin:auto;box-shadow:0 0 0 22px #30383b12,0 0 0 44px #30383b08} .care-orbit::before{content:'';position:absolute;inset:15px;border:1px solid var(--clay);border-radius:50%;opacity:.6} .care-orbit-dot{position:absolute;inset:-8px;border-radius:50%;animation:care-turn 14s linear infinite} .care-orbit-dot::before{content:'';position:absolute;top:0;left:50%;width:15px;height:15px;border-radius:50%;background:var(--clay)} .care-core{width:66%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ink);color:var(--cream);font-family:'EB Garamond',Georgia,serif;font-size:clamp(27px,3vw,41px);line-height:.85;letter-spacing:-.035em;z-index:1} .care-core span{color:var(--cream);font-size:1.2em} .care-steps{display:grid;gap:9px;z-index:1} .care-step{display:flex;gap:18px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--clay);transition:transform .3s ease,padding-left .3s ease} .care-step:last-child{border-bottom:0} .care-step:hover{transform:translateX(5px)} .care-step b{color:var(--clay);font-size:12px;letter-spacing:.12em} .care-step h3{font-size:29px;margin:0 0 4px} .care-step p{font-size:13px;line-height:1.45;margin:0} @keyframes care-turn{to{transform:rotate(360deg)}} @media(max-width:520px){.care-visual{grid-template-columns:1fr;padding:30px 22px;gap:32px}.care-orbit{width:170px}.care-step h3{font-size:26px}} @media(prefers-reduced-motion:reduce){.care-orbit-dot{animation:none}.care-step{transition:none}} /* Floating surfaces without card outlines. */ .hero{padding-bottom:52px} .hero+.section{padding-top:55px} .method-stage{padding:18px 0} .method-panel{background:var(--ink);color:var(--cream);border:0;box-shadow:0 28px 65px #30383b36,0 5px 14px #30383b1a} .method-panel .panelhead{border-bottom:1px solid #f7f3ea40} .method-panel .panelhead span:last-child,.method-panel .stagebody p{color:var(--cream)} .method-panel .stage-tabs button{border-color:#f7f3ea66;color:var(--cream)} .method-panel .stage-tabs button[aria-selected=true]{background:var(--cream);border-color:var(--cream);color:var(--ink)} .method-panel .motion-toggle{border-color:#f7f3ea66;color:var(--cream)} .method-panel .motion-toggle:hover{background:var(--clay);border-color:var(--clay)} .method-panel .stepbig,.method-panel .panelbottom b{color:var(--clay)} .method-panel .panelbottom{background:var(--ink);border-top:1px solid #f7f3ea40;color:var(--cream)} .service,.workcard,.band,.contactbox,.care-visual,.about-split{border:0;box-shadow:0 15px 38px #30383b12,0 3px 9px #30383b08} .service:hover,.workcard:hover{border-color:transparent;box-shadow:0 24px 45px #30383b20,0 5px 13px #30383b0d} .grid3>.service:nth-child(2){border:0;padding-top:35px} .workvisual{background:var(--cream)} .care-visual{box-shadow:0 22px 48px #30383b15,0 4px 10px #30383b08} .care-step{border-bottom-color:#30383b55} .scroll-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:3px;background:var(--clay);transform:scaleX(0);transform-origin:left center;pointer-events:none} .motion-ready .reveal{transition-duration:.8s;transform:translateY(20px)} .motion-ready .reveal.visible{transform:translateY(0)} @media(max-width:850px){.hero{padding-bottom:40px}.hero+.section{padding-top:45px}} @media(prefers-reduced-motion:reduce){.scroll-progress{display:none}.motion-ready .reveal{transform:none}} /* Quiet hierarchy: clay is a detail, surfaces carry depth without rules. */ .strip,.care-feature,.foot,.footbottom,.detailgrid,.list article,.guide th,.guide td,.product-note,.care-step,.workflow,.workflow>div,.method-grid article,.panelhead,.panelbottom,.section-top,.workcard,.service,.care-visual{border:0!important} .care-feature{background:#fff} .grid3>.service:nth-child(1),.grid3>.service:nth-child(2),.grid3>.service:nth-child(3){background:var(--cream);color:var(--ink);padding:35px;border:0} .grid3>.service p,.grid3>.service:nth-child(1) p,.grid3>.service:nth-child(3) p{color:var(--ink)} .grid3>.service .number,.grid3>.service:nth-child(1) .number,.grid3>.service:nth-child(3) .number{color:var(--clay)} .grid3>.service:nth-child(2){background:#fff} .hero .button:not(.outline){background:var(--ink);border-color:var(--ink)} .hero .button:not(.outline):hover{background:var(--ink)} .care-feature .product-label,.number,.eyebrow{color:var(--clay)} .care-step{padding:14px 0} .care-step+.care-step{margin-top:5px} .method-panel .panelhead{padding-bottom:12px} .method-panel .panelbottom{padding-top:8px} .method-grid article{padding-top:12px} .list article{padding:22px 0} .foot{box-shadow:0 -14px 34px #30383b07} .product-single{display:block;max-width:720px;padding-bottom:90px} .product-single .service{min-height:275px} @media(max-width:850px){.grid3>.service:nth-child(1),.grid3>.service:nth-child(2),.grid3>.service:nth-child(3){padding:28px}} /* A self-contained ink approach card with only cream and white accents. */ .method-panel{--clay:var(--cream);background:radial-gradient(circle at 88% 16%,#f7f3ea12 0,transparent 42%),var(--ink);color:#fff} .method-panel .panelhead,.method-panel .stagebody h3{color:#fff} .method-panel .panelhead span:last-child,.method-panel .stagebody p,.method-panel .panelbottom{color:var(--cream)} .method-panel .stepbig{color:var(--cream);opacity:.72} .method-panel .panelbottom b{color:#fff} .method-panel .motion-toggle:hover{background:var(--cream);border-color:var(--cream);color:var(--ink)} .method-panel .stage-tabs button:hover:not([aria-selected=true]){background:#f7f3ea20} /* Final rhythm and typography adjustments. */ .hero .lead{max-width:535px} .section-top{margin-bottom:48px} .service{min-height:335px} .service h3{max-width:13ch} .service .link{align-items:center} .care-feature{padding-top:86px;padding-bottom:86px} .care-feature .product-wrap{gap:70px} .care-feature .product-label{letter-spacing:.08em;text-transform:uppercase;font-size:12px} .cta{box-shadow:0 26px 55px #30383b25} .cta .button.light{background:var(--cream);border-color:var(--cream);color:var(--ink)} .button:focus-visible,.motion-toggle:focus-visible,.stage-tabs button:focus-visible{outline-offset:4px} @media(max-width:850px){.section-top{margin-bottom:34px}.care-feature{padding-top:64px;padding-bottom:64px}.care-feature .product-wrap{gap:42px}} /* More visible editorial composition in the opening card. */ .method-panel{min-height:510px;box-shadow:0 30px 72px #30383b38} .method-panel .panelhead{padding:28px 32px 14px} .method-panel .stage-tabs{padding:27px 32px 0} .method-panel .stagebody{position:relative;display:flex;flex-direction:column;justify-content:center;padding:35px 34px 46px;min-height:270px} .method-panel .stagebody .stepbig{position:absolute;right:24px;top:5px;font-size:clamp(145px,18vw,220px);line-height:1;letter-spacing:-.075em;opacity:.13;pointer-events:none;margin:0} .method-panel .stagebody h3{position:relative;max-width:310px;font-size:clamp(37px,3.1vw,47px);line-height:1.04;margin-bottom:18px} .method-panel .stagebody p{position:relative;max-width:295px;font-size:15px;line-height:1.65} .method-panel .panelbottom{padding:12px 34px 27px;gap:13px} /* Clearer service hierarchy without extra rules or clay blocks. */ .grid3>.service{min-height:370px;box-shadow:0 20px 42px #30383b13} .grid3>.service .number{font-family:'EB Garamond',Georgia,serif;font-size:46px;line-height:1;letter-spacing:-.05em;color:var(--ink);margin-bottom:36px;opacity:.55} .grid3>.service h3{font-size:37px;line-height:1.03;max-width:11ch} .grid3>.service p{max-width:31ch} .grid3>.service:nth-child(2){background:#fff} .grid3>.service:hover{box-shadow:0 29px 55px #30383b20} @media(max-width:850px){.method-panel{min-height:470px}.grid3>.service{min-height:300px}} @media(max-width:520px){.method-panel .panelhead{padding:22px 24px 12px}.method-panel .stage-tabs{padding:22px 24px 0}.method-panel .stagebody{padding:28px 25px 40px;min-height:270px}.method-panel .stagebody .stepbig{right:17px;top:24px;font-size:145px}.method-panel .stagebody h3{font-size:37px;max-width:275px}.method-panel .panelbottom{padding:10px 25px 25px}.grid3>.service .number{font-size:40px;margin-bottom:24px}} /* Card system: ink surfaces, cream and white type, no clay typography. */ h1,h2,h3{text-transform:lowercase} .clay,.eyebrow,.number,.product-label,.signature,.accent-line,.status,.method-grid article>b,.method-grid article:nth-child(2)>b,.workflow b{color:var(--ink)} .accent-line{background:var(--ink)} .service,.grid3>.service:nth-child(1),.grid3>.service:nth-child(2),.grid3>.service:nth-child(3),.workcard,.band,.contactbox,.about-split,.care-visual,.workflow{background:var(--ink);color:var(--cream);border:0} .service p,.grid3>.service p,.grid3>.service:nth-child(1) p,.grid3>.service:nth-child(3) p,.workcard p,.band p,.contactbox p,.about-split p,.care-visual p,.workflow p{color:var(--cream)} .service h2,.service h3,.workcard h3,.band h3,.contactbox h3,.about-split h2,.care-visual h3,.workflow h3{color:#fff} .service .number,.grid3>.service .number,.grid3>.service:nth-child(1) .number,.grid3>.service:nth-child(3) .number,.workvisual .worktag,.care-step b,.workflow b{color:var(--cream);opacity:.7} .service .link,.workcard .link,.about-split .signature{color:var(--cream)} .service .button,.workcard .button,.contactbox .button{background:var(--cream);color:var(--ink);border-color:var(--cream)} .workvisual{background:var(--ink);color:var(--cream)} .workvisual .mini-flow i,.workvisual .rhythm span{background:var(--cream);color:var(--ink)} .workvisual .mini-flow i:nth-child(2),.workvisual .rhythm span:last-child{background:#fff;color:var(--ink)} .workvisual .ladder span,.workvisual .ladder span:nth-child(5){background:var(--cream)} .care-orbit,.care-orbit::before{border-color:var(--cream)} .care-orbit{box-shadow:0 0 0 22px #f7f3ea12,0 0 0 44px #f7f3ea08} .care-orbit-dot::before{background:var(--cream)} .care-core{background:var(--cream);color:var(--ink)} .care-core span{color:var(--ink)} .care-step b{color:var(--cream)} .care-visual .care-step h3,.care-visual .care-step p{color:var(--cream)} .contactbox label,.contactbox .small{color:var(--cream)} .contactbox input,.contactbox select,.contactbox textarea{background:var(--cream);border-color:transparent;color:var(--ink)} .contactbox input:focus,.contactbox select:focus,.contactbox textarea:focus{outline-color:var(--cream)} .notice{background:var(--ink);color:var(--cream);border-left:0} .guide th{background:var(--ink);color:var(--cream)} .method-panel .stepbig,.method-panel .panelbottom b{color:var(--cream)} .dark .workflow{background:var(--ink)} .dark .workflow h3,.dark .workflow p{color:var(--cream)} .dark .workflow b{color:var(--cream)} .hero h1 .clay,.care-feature .product-label,.dark .product-label,.method-grid article>b,.method-grid article:nth-child(2)>b{color:var(--ink)} /* The footer reads as one quiet ink container. */ .foot{background:#fff;box-shadow:none;padding:0 0 24px;border:0} .foot>.wrap{background:var(--ink);color:var(--cream);border-radius:28px;padding:52px 58px 30px;box-shadow:0 24px 55px #30383b1b} .foot p,.foot strong,.foot .footbottom,.foot a,.foot .footlinks strong{color:var(--cream)} .foot a:hover{color:#fff} .foot .brand img{filter:brightness(0) saturate(100%) invert(95%) sepia(12%) saturate(244%) hue-rotate(345deg) brightness(103%) contrast(94%)} .footbottom{border:0!important;padding-top:22px} @media(max-width:850px){.foot>.wrap{padding:40px 32px 25px}} @media(max-width:520px){.foot>.wrap{padding:34px 24px 24px;border-radius:22px}} /* Final logo assets and a completely rule-free header. */ .previewbar,.nav,.foot{border:0!important} .brand{width:300px;margin-left:0} .brand img{display:block;width:100%;height:auto} .nav{height:100px} .foot .brand{width:350px;margin-left:0} .foot .brand img{filter:none} .scroll-progress{display:none!important} /* Ink framed product previews with restrained movement. */ .care-feature .product-wrap{grid-template-columns:.85fr 1.15fr;gap:65px} .care-showcase{padding:28px;background:var(--ink);color:var(--cream);border-radius:28px;box-shadow:0 26px 60px #30383b25;min-width:0;position:relative;transition:transform .4s,box-shadow .4s} .care-showcase:hover{transform:translateY(-5px);box-shadow:0 32px 65px #30383b30} .care-window-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px} .care-window-logo{display:block;width:132px;height:auto} .care-window-head>span{font-size:10px;letter-spacing:.08em;color:var(--cream);opacity:.7} .care-view-tabs{display:flex;gap:8px;margin-bottom:20px} .care-view-tabs button{border:0;background:transparent;color:var(--cream);padding:9px 14px;border-radius:24px;font-size:12px;transition:background .2s,color .2s} .care-view-tabs button[aria-selected=true]{background:var(--cream);color:var(--ink)} .care-view-tabs button:hover:not([aria-selected=true]){background:#f7f3ea14} .care-preview-stage{min-height:360px;display:grid;align-items:center} .care-preview-stage figure{margin:0;min-width:0} .care-preview-stage img{display:block;width:100%;height:auto;max-height:350px;object-fit:contain;border-radius:12px;filter:grayscale(1);background:#fff} .care-preview-stage [data-care-panel=tracking] img{max-height:350px;width:auto;max-width:100%;margin:auto} .care-preview-stage figcaption{color:var(--cream);font-family:'EB Garamond',Georgia,serif;font-size:22px;line-height:1.15;margin-top:18px} .care-feature .care-preview-note{color:var(--cream);font-size:10px;line-height:1.5;opacity:.65;margin-top:16px} [hidden]{display:none!important} .care-panel-in{animation:care-panel-in .4s ease both} @keyframes care-panel-in{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} @media(max-width:1100px){.brand{width:260px}.navlinks{gap:19px}.care-feature .product-wrap{gap:38px}} @media(max-width:850px){.care-feature .product-wrap{grid-template-columns:1fr;gap:36px}.nav{height:90px}.navlinks{top:128px}.care-showcase{max-width:620px}.foot .brand{width:min(350px,100%)}} @media(max-width:520px){.brand{width:240px;max-width:calc(100% - 85px)}.care-showcase{padding:22px 18px}.care-window-logo{width:115px}.care-view-tabs button{font-size:11px;padding:9px 12px}.care-preview-stage{min-height:290px}.care-preview-stage img,.care-preview-stage [data-care-panel=tracking] img{max-height:280px}.care-preview-stage figcaption{font-size:21px}.navlinks{top:132px}} @media(prefers-reduced-motion:reduce){.care-showcase:hover{transform:none}.care-panel-in{animation:none}} /* Homepage only: consistent alignment, quiet color, and a cleaner product story. */ body[data-page=home] .navlinks,body[data-page=home] .menu,body[data-page=home] .previewbar,body[data-page=home] .eyebrow,body[data-page=home] .panelhead,body[data-page=home] .panelbottom b,body[data-page=home] .number,body[data-page=home] .product-label,body[data-page=home] .button,body[data-page=home] .link,body[data-page=home] .footlinks{text-transform:lowercase;letter-spacing:0} body[data-page=home] .eyebrow,body[data-page=home] .product-label{letter-spacing:.025em;font-size:13px} body[data-page=home] .hero{align-items:start;padding-top:54px;padding-bottom:42px;gap:72px} body[data-page=home] .method-stage{padding-top:0} body[data-page=home] .hero .lead{margin-top:25px} body[data-page=home] .hero+.section{padding-top:44px;padding-bottom:85px} body[data-page=home] .section-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;margin-bottom:34px} body[data-page=home] .section-top h2{grid-column:span 2;max-width:750px} body[data-page=home] .section-top p{max-width:none;padding-top:7px;font-size:16px;line-height:1.65} body[data-page=home] .service{position:relative;background:radial-gradient(circle at top right,#f7f3ea0c,transparent 60%),var(--ink)!important;padding:34px!important;transition:transform .3s,box-shadow .3s} body[data-page=home] .service::after{content:'';position:absolute;right:32px;top:34px;width:8px;height:8px;border-radius:50%;background:#a9633d} body[data-page=home] .service:nth-child(2)::after{background:var(--cream)} body[data-page=home] .service:nth-child(3)::after{background:#fff} body[data-page=home] .service .number{font-size:37px;margin-bottom:32px;color:var(--cream)} body[data-page=home] .service h3{font-size:35px;max-width:12ch} body[data-page=home] .service p{font-size:15px;line-height:1.7} body[data-page=home] .service .link{font-weight:400;padding-top:28px} body[data-page=home] .care-feature{background:var(--cream);padding:72px 0 78px;margin-bottom:72px} body[data-page=home] .care-feature .product-wrap{grid-template-columns:.85fr 1.15fr;align-items:start;gap:65px} body[data-page=home] .care-feature .product-label{margin:0 0 24px} body[data-page=home] .care-feature h2{max-width:550px} body[data-page=home] .care-feature .product-wrap>div:first-child>p{font-size:17px;line-height:1.7;max-width:430px;margin-top:24px} body[data-page=home] .care-showcase{background:#fff;color:var(--ink);padding:30px;box-shadow:0 24px 55px #30383b17;border-radius:24px} body[data-page=home] .care-window-logo{width:145px} body[data-page=home] .care-window-head>span,body[data-page=home] .care-preview-stage figcaption,body[data-page=home] .care-feature .care-preview-note{color:var(--ink)} body[data-page=home] .care-view-tabs button{color:var(--ink);background:var(--cream)} body[data-page=home] .care-view-tabs button[aria-selected=true]{background:var(--ink);color:var(--cream)} body[data-page=home] .care-view-tabs button:hover:not([aria-selected=true]){background:#30383b0d} body[data-page=home] .care-preview-stage img{box-shadow:0 8px 24px #30383b0c} body[data-page=home] .care-preview-stage figcaption{font-size:23px} body[data-page=home] .cta{padding:54px 60px;margin-bottom:38px;border-radius:24px;gap:35px} body[data-page=home] .cta h2{font-size:clamp(42px,4.4vw,65px)} body[data-page=home] .cta p{max-width:610px;font-size:16px} body[data-page=home] .foot>.wrap{padding:42px 50px 27px;border-radius:24px;box-shadow:none} body[data-page=home] .foot .foot-top>div:first-child>p{display:none} body[data-page=home] .foot .brand{width:310px} body[data-page=home] .footlinks{padding-top:0;gap:42px;font-size:13px} body[data-page=home] .footlinks strong{font-size:12px;font-weight:400;letter-spacing:0;opacity:.6;margin-bottom:5px;text-transform:lowercase} body[data-page=home] .footbottom{margin-top:32px;padding-top:0;font-size:11px;opacity:.7} body[data-page=home] .footbottom>a:last-child{display:none} @media(max-width:1100px){body[data-page=home] .hero{gap:48px}body[data-page=home] .care-feature .product-wrap{gap:38px}body[data-page=home] .foot .brand{width:270px}body[data-page=home] .footlinks{gap:30px}} @media(max-width:850px){body[data-page=home] .hero{gap:38px;padding-top:36px}body[data-page=home] .section-top{grid-template-columns:1fr;gap:20px}body[data-page=home] .section-top h2{grid-column:auto}body[data-page=home] .section-top p{max-width:560px;padding-top:0}body[data-page=home] .care-feature .product-wrap{grid-template-columns:1fr;gap:36px}body[data-page=home] .care-feature{padding:60px 0;margin-bottom:48px}body[data-page=home] .cta{padding:42px;margin-bottom:28px}body[data-page=home] .foot>.wrap{padding:38px 32px 26px}body[data-page=home] .foot-top{gap:32px}} @media(max-width:520px){body[data-page=home] .hero{padding-top:30px;padding-bottom:32px}body[data-page=home] .hero+.section{padding-top:38px;padding-bottom:56px}body[data-page=home] .service{padding:28px!important}body[data-page=home] .service::after{top:28px;right:28px}body[data-page=home] .care-showcase{padding:24px 18px}body[data-page=home] .care-window-logo{width:125px}body[data-page=home] .cta{padding:32px}body[data-page=home] .foot>.wrap{padding:32px 24px 24px}body[data-page=home] .footlinks{gap:24px}body[data-page=home] .foot .brand{width:min(290px,100%)}} /* Homepage: headings lead, white cards carry subtle accents. */ body[data-page=home] .hero{padding-top:50px} body[data-page=home] .hero h1{margin-top:0} body[data-page=home] .method-panel{--clay:var(--ink);background:#fff;color:var(--ink);box-shadow:0 22px 55px #30383b14} body[data-page=home] .method-panel .panelhead,body[data-page=home] .method-panel .panelhead span:last-child,body[data-page=home] .method-panel .stagebody h3,body[data-page=home] .method-panel .stagebody p,body[data-page=home] .method-panel .panelbottom,body[data-page=home] .method-panel .panelbottom b,body[data-page=home] .method-panel .stepbig{color:var(--ink)} body[data-page=home] .method-panel .panelbottom{background:#fff} body[data-page=home] .method-panel .stage-tabs button,body[data-page=home] .method-panel .motion-toggle{border:0;background:var(--cream);color:var(--ink)} body[data-page=home] .method-panel .stage-tabs button[aria-selected=true],body[data-page=home] .method-panel .motion-toggle:hover{background:var(--ink);color:var(--cream)} body[data-page=home] .method-panel .stage-tabs button:hover:not([aria-selected=true]){background:#30383b0d} body[data-page=home] .service{background:#fff!important;color:var(--ink);box-shadow:0 16px 42px #30383b12} body[data-page=home] .service h3,body[data-page=home] .service p,body[data-page=home] .service .number,body[data-page=home] .service .link{color:var(--ink)!important} body[data-page=home] .service:nth-child(2)::after{background:var(--ink);opacity:.45} body[data-page=home] .service:nth-child(3)::after{background:var(--ink)} body[data-page=home] .care-feature{background:#fff;padding-top:34px;padding-bottom:58px;margin-bottom:38px} body[data-page=home] .care-feature .product-wrap>div:first-child{padding-top:0} body[data-page=home] .care-feature .product-wrap{align-items:start} /* Compact, centered closing invitation. */ body[data-page=home] .cta{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 32px;gap:23px;max-width:100%;margin-bottom:30px} body[data-page=home] .cta h2{font-size:clamp(36px,3.5vw,50px);max-width:none} body[data-page=home] .cta p{font-size:15px;margin:13px auto 0;max-width:610px} body[data-page=home] .cta .button{margin:0;min-height:46px;padding:12px 22px} /* Center the logo and simplify the final white card. */ body[data-page=home] .foot>.wrap{background:#fff;color:var(--ink);box-shadow:0 12px 40px #30383b0d;padding:40px 32px;border-radius:24px} body[data-page=home] .foot-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px} body[data-page=home] .foot-top>div:first-child{display:flex;justify-content:center;width:100%} body[data-page=home] .foot .brand{width:min(330px,100%);margin:0} body[data-page=home] .footlinks{width:auto;justify-content:center;gap:64px;text-align:center;padding:0} body[data-page=home] .foot p,body[data-page=home] .foot strong,body[data-page=home] .foot .footbottom,body[data-page=home] .foot a,body[data-page=home] .foot .footlinks strong{color:var(--ink)} body[data-page=home] .footbottom{justify-content:center;flex-wrap:wrap;gap:20px;margin-top:32px;text-align:center} @media(max-width:850px){body[data-page=home] .care-feature{padding-top:24px;padding-bottom:42px}body[data-page=home] .cta{padding:35px 25px;gap:22px}body[data-page=home] .footlinks{gap:40px}} @media(max-width:520px){body[data-page=home] .hero{padding-top:28px}body[data-page=home] .cta{padding:32px 22px}body[data-page=home] .foot>.wrap{padding:34px 24px}body[data-page=home] .footlinks{gap:26px;font-size:12px}body[data-page=home] .footbottom{gap:10px}} body[data-page=home] .method-panel .panelhead{justify-content:flex-end} /* The hero card follows the text-and-buttons column exactly on desktop. */ body[data-page=home] .hero{align-items:stretch} body[data-page=home] .method-stage{position:relative;padding:0} body[data-page=home] .method-panel{position:absolute;inset:0;min-height:0;height:100%;width:100%} body[data-page=home] .method-panel .stagebody{flex:1;min-height:0;padding:24px 32px 28px;justify-content:center} body[data-page=home] .method-panel .stagebody h3{font-size:clamp(33px,3vw,43px)} body[data-page=home] .method-panel .panelhead{padding:20px 26px 4px} body[data-page=home] .method-panel .stage-tabs{padding:18px 26px 0} body[data-page=home] .navlinks .button{min-height:36px;padding:8px 16px;font-size:14px;gap:14px;line-height:1.3} /* Clear type and a small directional response replace the dots. */ body[data-page=home] .service::after{display:none;content:none} body[data-page=home] .service{min-height:0!important;padding:28px!important} body[data-page=home] .service .number{font-size:32px;margin-bottom:24px} body[data-page=home] .service .link{padding-top:22px;align-items:center} body[data-page=home] .service .link span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--cream);transition:transform .25s,background .25s} body[data-page=home] .service:hover .link span{transform:translate(2px,-2px);background:#30383b0e} body[data-page=home] .section-top{align-items:center} body[data-page=home] .section-intro{grid-column:span 2} body[data-page=home] .section-intro h2{grid-column:auto;max-width:750px} body[data-page=home] .section-intro p{margin-top:18px;padding:0;max-width:570px} body[data-page=home] .section-photo{margin:0;min-width:0;overflow:hidden;border-radius:22px;box-shadow:0 12px 30px #30383b10} body[data-page=home] .section-photo img{width:100%;height:auto;display:block} /* A smaller closing invitation and a flat footer navigation. */ body[data-page=home] .cta{padding:28px 30px;gap:16px;margin-bottom:24px} body[data-page=home] .cta h2{font-size:clamp(34px,3vw,44px)} body[data-page=home] .cta p{font-size:14px;margin-top:8px} body[data-page=home] .cta .button{min-height:40px;padding:10px 20px;font-size:13px} body[data-page=home] .foot>.wrap{padding:32px} body[data-page=home] .foot-top{gap:26px} body[data-page=home] .footlinks{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;gap:12px 28px;text-align:center} body[data-page=home] .footlinks>div{display:contents} body[data-page=home] .footlinks strong{display:none} body[data-page=home] .footbottom{margin-top:23px} @media(max-width:850px){body[data-page=home] .method-panel{position:relative;inset:auto;min-height:370px;height:auto}body[data-page=home] .method-panel .stagebody{min-height:250px}body[data-page=home] .section-intro{grid-column:auto}body[data-page=home] .section-photo{width:100%;max-width:540px}body[data-page=home] .section-top{gap:26px}body[data-page=home] .cta{padding:26px}} @media(max-width:520px){body[data-page=home] .method-panel .stagebody{padding:22px 25px 28px}body[data-page=home] .method-panel .stagebody h3{font-size:35px}body[data-page=home] .cta{padding:25px 20px}body[data-page=home] .foot>.wrap{padding:30px 22px}body[data-page=home] .footlinks{gap:12px 20px}} @media(prefers-reduced-motion:reduce){body[data-page=home] .service:hover .link span{transform:none}} /* More breathing room and a two-card-wide photographic composition. */ body[data-page=home] .hero{padding-bottom:65px} body[data-page=home] .hero+.section{padding-top:65px;padding-bottom:105px} body[data-page=home] .section-top{align-items:center;gap:32px;margin-bottom:46px} body[data-page=home] .section-intro{grid-column:span 1} body[data-page=home] .section-intro h2{font-size:clamp(38px,3.9vw,57px)} body[data-page=home] .section-intro p{font-size:15px;line-height:1.7} body[data-page=home] .section-photo{grid-column:span 2;max-width:none} body[data-page=home] .section-photo img{width:100%;aspect-ratio:2.15;object-fit:cover;object-position:50% 30%} body[data-page=home] .care-feature{padding-top:40px;padding-bottom:85px;margin-bottom:55px} body[data-page=home] .cta{margin-bottom:40px} body[data-page=home] .method-panel .stage-tabs{padding-top:28px} /* Clay calls to action on white surfaces. */ body[data-page=home] .hero .button:not(.outline),body[data-page=home] .care-feature .button.light{background:#a9633d;border-color:#a9633d;color:#fff} body[data-page=home] .hero .button:not(.outline):hover,body[data-page=home] .care-feature .button.light:hover{background:#925433;border-color:#925433} body[data-page=home] .hero .button.outline{border:0;background:var(--cream);color:var(--ink)} body[data-page=home] .service .link span{background:#a9633d;color:#fff} body[data-page=home] .service:hover .link span{background:#925433} body[data-page=home] .method-panel .stage-tabs button[aria-selected=true]{background:#a9633d;color:#fff} body[data-page=home] .care-view-tabs button[aria-selected=true]{background:#a9633d;color:#fff} body[data-page=home] .cta .button.light{background:#a9633d;border-color:#a9633d;color:#fff} /* Gentle, staggered movement as sections enter the viewport. */ body[data-page=home].motion-ready .reveal{opacity:0;transform:translateY(32px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)} .motion-ready body[data-page=home] .reveal{opacity:0;transform:translateY(32px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)} .motion-ready body[data-page=home] .reveal.visible{opacity:1;transform:translateY(0)} .motion-ready body[data-page=home] .section-photo.reveal{transform:translateY(38px) scale(.97);transition-duration:1s} .motion-ready body[data-page=home] .section-photo.reveal.visible{transform:translateY(0) scale(1)} @media(max-width:850px){body[data-page=home] .hero{padding-bottom:45px}body[data-page=home] .hero+.section{padding-top:45px;padding-bottom:75px}body[data-page=home] .section-intro,body[data-page=home] .section-photo{grid-column:auto}body[data-page=home] .section-intro h2{font-size:48px}body[data-page=home] .section-photo img{aspect-ratio:1.8}body[data-page=home] .care-feature{padding-top:30px;padding-bottom:60px;margin-bottom:40px}} @media(max-width:520px){body[data-page=home] .hero{padding-bottom:38px}body[data-page=home] .hero+.section{padding-top:40px;padding-bottom:60px}body[data-page=home] .section-intro h2{font-size:44px}body[data-page=home] .section-top{gap:28px;margin-bottom:32px}} @media(prefers-reduced-motion:reduce){.motion-ready body[data-page=home] .reveal,.motion-ready body[data-page=home] .section-photo.reveal{opacity:1;transform:none;transition:none}} /* Top alignment and restrained photographic depth. */ body[data-page=home] .section-top{align-items:start} body[data-page=home] .section-intro{align-self:start;padding-top:0} body[data-page=home] .section-intro h2{margin-top:0} body[data-page=home] .method-panel .stagebody{justify-content:flex-start;padding:24px 28px 26px;min-height:0;gap:0;overflow:hidden} body[data-page=home] .method-panel .stagebody h3{font-size:33px;max-width:none;margin:0 0 12px;line-height:1.05} body[data-page=home] .method-panel .stagebody p{font-size:14px;line-height:1.6;max-width:none;margin:0 0 18px} body[data-page=home] .stage-photo{margin:auto 0 0;flex-shrink:0;height:clamp(110px,11vw,155px);width:100%;overflow:hidden;border-radius:13px} body[data-page=home] .stage-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%} body[data-page=home] .service-icon{width:45px;height:45px;color:var(--ink);margin-bottom:26px} body[data-page=home] .service-icon svg{display:block;width:100%;height:100%} body[data-page=home] .scroll-scene{overflow:hidden} body[data-page=home] .scroll-scene img{transform:translateY(var(--photo-offset,0px)) scale(1.07);will-change:transform} /* CARE 360 becomes a centered, vertical product story. */ body[data-page=home] .care-feature .product-wrap{display:flex;flex-direction:column;align-items:center;gap:38px;text-align:center} body[data-page=home] .care-feature .product-wrap>div:first-child{width:100%;max-width:850px} body[data-page=home] .care-feature h2{max-width:none} body[data-page=home] .care-feature .product-wrap>div:first-child>p{max-width:630px;margin:22px auto 0} body[data-page=home] .care-feature .actions{justify-content:center;margin-top:24px} body[data-page=home] .care-showcase{width:100%;max-width:920px;text-align:left;padding:30px 38px} body[data-page=home] .care-preview-stage{min-height:410px} body[data-page=home] .care-preview-stage img{width:auto;max-width:100%;max-height:385px;margin:auto} body[data-page=home] .care-preview-stage [data-care-panel=tracking] img{max-height:385px} body[data-page=home] .care-preview-stage figcaption,body[data-page=home] .care-preview-note{text-align:center} .motion-ready body[data-page=home] .reveal{transition-duration:1s} @media(max-width:1100px) and (min-width:851px){body[data-page=home] .method-panel .stagebody{padding:20px 24px 22px}body[data-page=home] .method-panel .stagebody h3{font-size:30px}body[data-page=home] .method-panel .stagebody p{font-size:13px;margin-bottom:14px}body[data-page=home] .stage-photo{height:110px}} @media(max-width:850px){body[data-page=home] .method-panel .stagebody{min-height:330px}body[data-page=home] .stage-photo{height:170px}body[data-page=home] .care-showcase{padding:27px}body[data-page=home] .care-preview-stage{min-height:375px}} @media(max-width:520px){body[data-page=home] .method-panel .stagebody{padding:22px;min-height:330px}body[data-page=home] .stage-photo{height:135px}body[data-page=home] .care-showcase{padding:24px 18px}body[data-page=home] .care-preview-stage{min-height:285px}body[data-page=home] .care-preview-stage img,body[data-page=home] .care-preview-stage [data-care-panel=tracking] img{max-height:265px}} @media(prefers-reduced-motion:reduce){body[data-page=home] .scroll-scene img{transform:none;will-change:auto}} /* Homepage refinement: quiet surfaces and authentic brand marks. */ body[data-page=home]{background:#fff} body[data-page=home] .hero,body[data-page=home] .section,body[data-page=home] .care-feature{background:transparent} body[data-page=home] .method-panel,body[data-page=home] .service,body[data-page=home] .care-showcase{background:#f5f4f0;border:0;box-shadow:0 10px 30px rgba(48,56,59,.055)} body[data-page=home] .foot{background:#f5f4f0;border:0} body[data-page=home] .method-panel .stagebody{display:flex;flex-direction:column;flex:1;gap:0} body[data-page=home] .method-panel .stagebody p{margin-bottom:12px} body[data-page=home] .stage-photo{margin:0;flex:1 1 0;min-height:110px;height:auto} body[data-page=home] .service-icon{width:64px;height:45px;margin-bottom:24px;background:transparent;padding:0} body[data-page=home] .service-icon img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center} body[data-page=home] .care-section-logo{display:block;width:260px;max-width:80%;height:auto;margin:0 auto 26px} @media(max-width:760px){body[data-page=home] .stage-photo{min-height:145px}body[data-page=home] .care-section-logo{width:220px;margin-bottom:22px}} /* A cream frame, more breathing room, and coordinated section entrances. */ body[data-page=home]>header.wrap{width:100%;background:var(--cream)} body[data-page=home]>header .nav{width:min(1320px,calc(100% - 112px));margin:auto} body[data-page=home] .hero{padding-bottom:64px} body[data-page=home] .hero+.section{padding-top:82px;padding-bottom:118px} body[data-page=home] .section-top{align-items:stretch;gap:32px;margin-bottom:54px} body[data-page=home] .section-intro{align-self:stretch;display:flex;flex-direction:column} body[data-page=home] .section-intro p{font-size:15px;line-height:1.7;margin-top:20px} body[data-page=home] .section-intro p:last-child{margin-top:auto;padding-top:18px} body[data-page=home] .section-photo{align-self:stretch} body[data-page=home] .section-photo img{height:100%;min-height:360px;aspect-ratio:auto;object-fit:cover} body[data-page=home] .care-feature{padding-top:58px;padding-bottom:102px;margin-bottom:64px} body[data-page=home] .care-section-logo{margin-bottom:22px} body[data-page=home] .care-section-divider{width:72px;height:1px;background:rgba(48,56,59,.22);margin:0 auto 28px} body[data-page=home] .cta{background:var(--cream);color:var(--ink);margin-bottom:52px} body[data-page=home] .cta h2,body[data-page=home] .cta p{color:var(--ink)} body[data-page=home] .foot,body[data-page=home] .foot>.wrap{background:#fff;border:0;box-shadow:none} .motion-ready body[data-page=home] .section.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1)} .motion-ready body[data-page=home] .section.reveal.visible{opacity:1;transform:none} @media(max-width:1100px){body[data-page=home]>header .nav{width:calc(100% - 64px)}} @media(max-width:850px){body[data-page=home] .hero{padding-bottom:54px}body[data-page=home] .hero+.section{padding-top:58px;padding-bottom:88px}body[data-page=home] .section-intro p:last-child{margin-top:0}body[data-page=home] .section-photo img{min-height:0;height:auto;aspect-ratio:1.8}body[data-page=home] .care-feature{padding-top:42px;padding-bottom:78px;margin-bottom:48px}} @media(max-width:520px){body[data-page=home]>header .nav{width:calc(100% - 40px)}body[data-page=home] .hero+.section{padding-top:48px;padding-bottom:74px}body[data-page=home] .section-top{margin-bottom:40px}} @media(prefers-reduced-motion:reduce){.motion-ready body[data-page=home] .section.reveal{opacity:1;transform:none;transition:none}} /* Final homepage finish: ink navigation and uninterrupted surfaces. */ body[data-page=home]>header.wrap{background:var(--ink);color:var(--cream)} body[data-page=home]>header .navlinks,body[data-page=home]>header .menu{background:transparent;color:var(--cream)} body[data-page=home]>header .navlinks a:not(.button){background:transparent;color:var(--cream)} body[data-page=home]>header .navlinks a:not(.button):hover{color:#fff} body[data-page=home]>header .navlinks .button{background:var(--cream);color:var(--ink);border:0;box-shadow:none} body[data-page=home]>header .menu{border:0} body[data-page=home]>header a:focus-visible,body[data-page=home]>header button:focus-visible{outline-color:var(--cream)} body[data-page=home] .footlinks,body[data-page=home] .footlinks a,body[data-page=home] .footlinks>div,body[data-page=home] .footbottom a{background:transparent;box-shadow:none} body[data-page=home] .cta,body[data-page=home] .cta:hover{box-shadow:none;filter:none} @media(max-width:850px){body[data-page=home]>header .navlinks{background:var(--ink)}} /* Rounded homepage navigation container. */ body[data-page=home]>header.wrap{width:min(1392px,calc(100% - 48px));margin:20px auto 0;border-radius:24px;position:relative} body[data-page=home]>header .nav{width:calc(100% - 64px)} @media(max-width:850px){body[data-page=home]>header.wrap{width:calc(100% - 32px);margin-top:16px;border-radius:20px}body[data-page=home]>header .nav{width:calc(100% - 40px)}body[data-page=home]>header .navlinks{top:100%;border-radius:0 0 20px 20px}} @media(max-width:520px){body[data-page=home]>header.wrap{width:calc(100% - 24px);margin-top:12px;border-radius:18px}body[data-page=home]>header .nav{width:calc(100% - 32px)}} /* A slimmer navigation pill and a spacious branded introduction. */ body[data-page=home]>header.wrap{border-radius:999px} body[data-page=home]>header .nav{height:76px} body[data-page=home] .hero-brand{display:flex;justify-content:center;padding-top:76px;padding-bottom:12px} body[data-page=home] .hero-brand img{display:block;width:170px;height:auto;max-width:40vw} body[data-page=home] .hero{padding-top:60px;padding-bottom:88px} body[data-page=home] .hero+.section{padding-top:100px;padding-bottom:140px} body[data-page=home] .section-top{margin-bottom:66px} body[data-page=home] .care-feature{padding-top:78px;padding-bottom:116px;margin-bottom:88px} body[data-page=home] .care-feature .product-wrap{gap:56px} body[data-page=home] .cta{margin-bottom:76px} .motion-ready body[data-page=home] .reveal{transform:translateY(36px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)} .motion-ready body[data-page=home] .reveal.visible{transform:none} @media(max-width:850px){body[data-page=home]>header .nav{height:68px}body[data-page=home] .hero-brand{padding-top:56px;padding-bottom:8px}body[data-page=home] .hero-brand img{width:140px}body[data-page=home] .hero{padding-top:46px;padding-bottom:70px}body[data-page=home] .hero+.section{padding-top:72px;padding-bottom:104px}body[data-page=home] .care-feature{padding-top:58px;padding-bottom:88px;margin-bottom:66px}body[data-page=home] .care-feature .product-wrap{gap:44px}body[data-page=home] .cta{margin-bottom:58px}body[data-page=home]>header .navlinks{border-radius:24px;margin-top:8px}} @media(max-width:520px){body[data-page=home] .hero-brand{padding-top:46px}body[data-page=home] .hero-brand img{width:120px}body[data-page=home] .hero{padding-top:38px;padding-bottom:58px}body[data-page=home] .hero+.section{padding-top:60px;padding-bottom:88px}body[data-page=home] .section-top{margin-bottom:48px}} @media(prefers-reduced-motion:reduce){.motion-ready body[data-page=home] .reveal{opacity:1;transform:none;transition:none}} /* Final rhythm: one consistent gap between homepage sections. */ body[data-page=home]{--section-gap:144px} body[data-page=home]>header .nav{height:60px} body[data-page=home]>header .brand{width:270px} body[data-page=home] .hero{padding-top:84px;padding-bottom:0;margin-bottom:var(--section-gap)} body[data-page=home] .hero+.section{padding-top:0;padding-bottom:0;margin-bottom:var(--section-gap)} body[data-page=home] .care-feature{padding-top:0;padding-bottom:0;margin-bottom:var(--section-gap)} body[data-page=home] .cta{margin-bottom:var(--section-gap)} body[data-page=home] .foot{padding-top:0} body[data-page=home] .foot>.wrap{padding-top:0} @media(max-width:850px){body[data-page=home]{--section-gap:104px}body[data-page=home]>header .nav{height:56px}body[data-page=home]>header .brand{width:240px}body[data-page=home] .hero{padding-top:64px}} @media(max-width:520px){body[data-page=home]{--section-gap:80px}body[data-page=home]>header .brand{width:220px}body[data-page=home] .hero{padding-top:54px}} /* Clearer hierarchy, practical examples, and a more deliberate rhythm. */ body[data-page=home]{--section-gap:112px} body[data-page=home] .hero{margin-bottom:112px} body[data-page=home] .hero+.section{margin-bottom:64px} body[data-page=home] .service p{line-height:1.75} body[data-page=home] .work-evidence{margin-bottom:128px} body[data-page=home] .evidence-intro{max-width:760px;margin-bottom:32px} body[data-page=home] .evidence-intro h2{font-size:clamp(32px,3.2vw,46px);text-transform:lowercase} body[data-page=home] .evidence-intro p{font-size:15px;margin-top:14px} body[data-page=home] .evidence-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px} body[data-page=home] .evidence-links>a{display:flex;flex-direction:column;align-items:start;padding:12px 0} body[data-page=home] .evidence-links h3{font-size:28px;margin-bottom:12px} body[data-page=home] .evidence-links p{font-size:14px;line-height:1.7;margin-bottom:18px} body[data-page=home] .evidence-links span{font-size:13px;font-weight:600;margin-top:auto;text-transform:lowercase} body[data-page=home] .evidence-links>a:hover span{color:#a9633d} body[data-page=home] .care-feature .product-wrap{gap:40px} body[data-page=home] .care-showcase{max-width:1040px;padding:32px 44px} body[data-page=home] .care-preview-stage{min-height:480px} body[data-page=home] .care-preview-stage img{max-height:460px;max-width:100%;width:620px;height:auto;object-fit:contain} body[data-page=home] .care-preview-stage [data-care-panel=tracking] img{max-height:460px} body[data-page=home] .care-preview-stage figcaption{margin-top:24px;font-size:26px} body[data-page=home] .care-preview-stage figcaption span{display:block;font-family:'Noto Sans',Arial,sans-serif;font-size:14px;line-height:1.7;max-width:560px;margin:12px auto 0;letter-spacing:0} body[data-page=home] .care-feature{margin-bottom:112px} body[data-page=home] .cta{margin-bottom:80px} @media(max-width:850px){body[data-page=home] .hero{margin-bottom:88px}body[data-page=home] .hero+.section{margin-bottom:48px}body[data-page=home] .work-evidence{margin-bottom:96px}body[data-page=home] .evidence-links{grid-template-columns:1fr;gap:22px}body[data-page=home] .care-showcase{padding:28px 22px}body[data-page=home] .care-preview-stage{min-height:390px}body[data-page=home] .care-preview-stage img,body[data-page=home] .care-preview-stage [data-care-panel=tracking] img{max-height:360px}body[data-page=home] .care-feature{margin-bottom:88px}body[data-page=home] .cta{margin-bottom:64px}} @media(max-width:520px){body[data-page=home] .hero{margin-bottom:72px}body[data-page=home] .work-evidence{margin-bottom:80px}body[data-page=home] .care-showcase{padding:24px 18px}body[data-page=home] .care-preview-stage{min-height:300px}body[data-page=home] .care-preview-stage img,body[data-page=home] .care-preview-stage [data-care-panel=tracking] img{max-height:280px}body[data-page=home] .care-feature{margin-bottom:72px}} body[data-page=home] .hero+.section{margin-bottom:128px} @media(max-width:850px){body[data-page=home] .hero+.section{margin-bottom:96px}} @media(max-width:520px){body[data-page=home] .hero+.section{margin-bottom:80px}} /* Cream navigation variation. */ body[data-page=home]>header.wrap{background:var(--cream);color:var(--ink)} body[data-page=home]>header .navlinks,body[data-page=home]>header .menu,body[data-page=home]>header .navlinks a:not(.button){background:transparent;color:var(--ink)} body[data-page=home]>header .navlinks a:not(.button):hover{color:#a9633d} body[data-page=home]>header .navlinks .button{background:var(--ink);color:var(--cream);border:0;box-shadow:none} body[data-page=home]>header a:focus-visible,body[data-page=home]>header button:focus-visible{outline-color:var(--ink)} @media(max-width:850px){body[data-page=home]>header .navlinks{background:var(--cream)}} /* Homepage 24: centered introduction, flat cards, and mirrored product stories. */ body[data-page=home]{background:#fff;font-family:'Noto Sans',Arial,sans-serif;--home-gap:112px} body[data-page=home] p,body[data-page=home] a,body[data-page=home] button,body[data-page=home] span,body[data-page=home] figcaption{font-family:'Noto Sans',Arial,sans-serif} body[data-page=home] h1,body[data-page=home] h2,body[data-page=home] h3{font-family:'EB Garamond',Georgia,serif;text-transform:lowercase} body[data-page=home]>header.wrap{background:#fff;border-radius:0;box-shadow:none;margin-top:16px} body[data-page=home]>header .navlinks{background:transparent} body[data-page=home]>header .navlinks .button{background:var(--ink);color:var(--cream)} body[data-page=home] .hero-centered{text-align:center;padding:84px 0 0;margin-bottom:var(--home-gap)} body[data-page=home] .hero-centered h1{font-size:clamp(50px,6.4vw,88px);line-height:1.01} body[data-page=home] .hero-centered .lead{font-size:18px;line-height:1.8;max-width:720px;margin:28px auto 0} body[data-page=home] .hero-centered .actions{justify-content:center;margin-top:30px} body[data-page=home] .hero-centered .button.outline{background:var(--cream);border:0;color:var(--ink)} body[data-page=home] .home-services,body[data-page=home] .people-section,body[data-page=home] .methodology-section,body[data-page=home] .product-feature{margin-bottom:var(--home-gap)} body[data-page=home] .center-heading{text-align:center;font-size:clamp(36px,4vw,56px);margin-bottom:42px} body[data-page=home] .service,body[data-page=home] .method-card{border:1px solid rgba(48,56,59,.19)!important;background:#f7f6f2!important;box-shadow:none!important;border-radius:20px;padding:30px!important;position:relative} body[data-page=home] .service:hover{box-shadow:none;transform:translateY(-4px)} body[data-page=home] .service-icon{position:absolute;right:28px;top:26px;width:56px;height:46px;margin:0;transition:transform .35s cubic-bezier(.2,.8,.2,1);transform-origin:center} body[data-page=home] .service-icon img{object-position:center} body[data-page=home] .service:hover .service-icon,body[data-page=home] .service:focus-visible .service-icon{transform:scale(1.18)} body[data-page=home] .service h3{padding-top:72px;font-size:34px;margin-bottom:16px} body[data-page=home] .service p{font-size:15px;line-height:1.75} body[data-page=home] .service .link{padding-top:28px} body[data-page=home] .service .link span{transition:transform .25s,background .25s} body[data-page=home] .service:hover .link span{transform:translate(3px,-3px);background:var(--ink)} body[data-page=home] .people-section .section-top{grid-template-columns:1fr 1.25fr;gap:64px;align-items:center;margin:0} body[data-page=home] .section-intro{display:block;align-self:center} body[data-page=home] .section-intro h2{font-size:clamp(38px,4vw,58px)} body[data-page=home] .section-intro p{font-size:16px;line-height:1.8;margin-top:22px;max-width:470px} body[data-page=home] .section-intro p:last-child{margin-top:16px;padding:0;font-size:14px;font-weight:600} body[data-page=home] .section-photo{grid-column:auto;width:100%;max-width:none} body[data-page=home] .section-photo img{height:auto;min-height:0;aspect-ratio:1.45;filter:brightness(1.1) saturate(1.22);object-fit:cover} body[data-page=home] .method-card{display:flex;flex-direction:column;gap:0} body[data-page=home] .method-pill{display:inline-flex;align-self:start;background:#e3c785;color:#30383b;border-radius:30px;padding:7px 16px;font-size:13px;font-weight:600;margin-bottom:24px} body[data-page=home] .method-card h3{font-size:32px;margin-bottom:16px} body[data-page=home] .method-card p{font-size:15px;line-height:1.75;margin-bottom:24px} body[data-page=home] .method-photo{margin:auto 0 0;border-radius:12px;overflow:hidden;height:210px} body[data-page=home] .method-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(1.14) saturate(1.25)} body[data-page=home] .product-feature{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:70px} body[data-page=home] .product-copy .product-logo{display:block;width:230px;height:auto;max-height:74px;object-fit:contain;object-position:left center;margin-bottom:24px} body[data-page=home] .product-copy .element-logo{width:270px} body[data-page=home] .product-divider{height:1px;width:64px;background:rgba(48,56,59,.23);margin-bottom:28px} body[data-page=home] .product-copy h2{font-size:clamp(38px,4vw,58px)} body[data-page=home] .product-copy p{font-size:16px;line-height:1.8;margin:24px 0 28px;max-width:480px} body[data-page=home] .product-visual{background:#f7f6f2;border:1px solid rgba(48,56,59,.19);border-radius:20px;padding:28px;overflow:hidden;position:relative} body[data-page=home] .element-product .product-copy{grid-column:2;grid-row:1} body[data-page=home] .element-product .product-visual{grid-column:1;grid-row:1} body[data-page=home] .care-motion{position:relative;aspect-ratio:1.2;min-height:340px} body[data-page=home] .care-motion figure{margin:0;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:18px} body[data-page=home] .care-motion img{width:100%;max-height:360px;object-fit:contain;border-radius:10px} body[data-page=home] .care-motion figcaption{font-size:12px;text-align:center} body[data-page=home] .care-motion-report{animation:report-preview 12s infinite} body[data-page=home] .care-motion-dashboard{animation:dashboard-preview 12s infinite} body[data-page=home] .care-motion.paused figure{animation-play-state:paused} body[data-page=home] .motion-control,body[data-page=home] .element-motion-control{display:block;margin:18px auto 0;border:0;background:transparent;color:var(--ink);font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:8px} body[data-page=home] .element-preview .preview-label{font-size:12px} body[data-page=home] .element-preview h3{font-size:32px;margin:16px 0 8px} body[data-page=home] .element-preview>p{font-size:13px} body[data-page=home] .element-preview img{width:100%;height:auto;margin-top:18px;border-radius:10px} body[data-page=home] .element-preview img[hidden]{display:none} body[data-page=home] .preview-note{font-size:11px!important;margin-top:16px} body[data-page=home] .cta{margin-bottom:80px} @keyframes report-preview{0%,38%,100%{opacity:1;transform:translateY(0)}45%,90%{opacity:0;transform:translateY(-10px)}} @keyframes dashboard-preview{0%,38%,100%{opacity:0;transform:translateY(10px)}45%,90%{opacity:1;transform:translateY(0)}} @media(max-width:1100px){body[data-page=home] .navlinks{gap:16px;font-size:13px}body[data-page=home]>header .brand{width:220px}body[data-page=home] .product-feature{gap:38px}body[data-page=home] .people-section .section-top{gap:38px}} @media(max-width:850px){body[data-page=home]{--home-gap:84px}body[data-page=home] .hero-centered{padding-top:60px}body[data-page=home] .hero-centered .lead{font-size:17px}body[data-page=home] .people-section .section-top,body[data-page=home] .product-feature{grid-template-columns:1fr;gap:34px}body[data-page=home] .element-product .product-copy,body[data-page=home] .element-product .product-visual{grid-column:auto;grid-row:auto}body[data-page=home] .section-intro p{max-width:620px}body[data-page=home] .method-photo{height:240px}body[data-page=home]>header .navlinks{background:#fff}body[data-page=home] .product-visual{max-width:650px;width:100%;margin:auto}} @media(max-width:520px){body[data-page=home]{--home-gap:72px}body[data-page=home] .hero-centered{padding-top:48px}body[data-page=home] .hero-centered h1{font-size:50px}body[data-page=home] .center-heading{font-size:38px;margin-bottom:30px}body[data-page=home] .product-visual{padding:22px}body[data-page=home] .care-motion{min-height:280px}body[data-page=home] .method-photo{height:200px}} @media(prefers-reduced-motion:reduce){body[data-page=home] .care-motion figure{animation:none}body[data-page=home] .care-motion-dashboard{display:none}body[data-page=home] .service-icon,body[data-page=home] .service .link span{transition:none}} /* Homepage 25: quieter cards, clear pills, and stronger scroll entrances. */ body[data-page=home] .hero-centered h1{font-size:clamp(24px,3.65vw,56px);white-space:nowrap;line-height:1.1;letter-spacing:-.035em} body[data-page=home] .hero-centered .lead{max-width:740px} body[data-page=home] .hero-centered .actions .button{background:var(--ink);color:var(--cream)} body[data-page=home] .hero-centered .actions .button:hover{background:#a9633d} body[data-page=home] .service,body[data-page=home] .method-card{background:rgba(247,243,234,.33)!important} body[data-page=home] .product-visual{background:rgba(247,243,234,.33)} body[data-page=home] .cta{background:rgba(247,243,234,.42)} body[data-page=home] .service-icon{left:28px;right:auto} body[data-page=home] .service .link{background:var(--ink);color:var(--cream);display:inline-flex;align-items:center;justify-content:center;gap:14px;align-self:center;padding:12px 20px;min-height:44px;border-radius:999px;margin-top:28px;font-size:13px;transition:background .25s,transform .25s} body[data-page=home] .service .link span{background:transparent;color:inherit;padding:0;width:auto;height:auto;border-radius:0} body[data-page=home] .service:hover .link,body[data-page=home] .service:focus-visible .link{background:#a9633d;transform:translateY(-2px)} body[data-page=home] .service:hover .link span{background:transparent;transform:translate(3px,-3px)} body[data-page=home] .service p{flex:1} body[data-page=home] .method-pill{background:#a9633d;color:#fff;transition:background .3s} body[data-page=home] .method-card{transition:transform .35s,border-color .35s} body[data-page=home] .method-card:hover{transform:translateY(-5px);border-color:rgba(48,56,59,.35)!important} body[data-page=home] .method-card:hover .method-pill{transform:none;background:var(--ink)} body[data-page=home] .method-photo img{transition:filter .4s,transform .6s} body[data-page=home] .people-section .section-top{max-width:960px;margin:auto;grid-template-columns:1fr 1fr;gap:52px} body[data-page=home] .people-section .section-photo img{aspect-ratio:1.7} body[data-page=home] .people-section .section-intro p{font-size:15px;line-height:1.8;margin-top:0} body[data-page=home] .people-section .section-intro p:last-child{margin-top:16px;font-size:13px} body[data-page=home] .product-feature{align-items:stretch} body[data-page=home] .product-copy{display:flex;flex-direction:column;align-items:flex-start} body[data-page=home] .product-copy .button{margin-top:auto} body[data-page=home] .product-copy p{margin-bottom:32px} body[data-page=home] .product-visual{display:flex;flex-direction:column;justify-content:center} body[data-page=home] .care-motion-report{animation:report-preview 4.8s 1 both} body[data-page=home] .care-motion-dashboard{animation:dashboard-preview 4.8s 1 both} .motion-ready body[data-page=home] .reveal{opacity:0;transform:translateY(56px) scale(.985);transition:opacity .85s ease,transform 1.15s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)} .motion-ready body[data-page=home] .reveal.visible{opacity:1;transform:none} .motion-ready body[data-page=home] .section-photo.reveal{transform:translateY(56px) scale(.96)} .motion-ready body[data-page=home] .section-photo.reveal.visible{transform:none} @media(max-width:850px){body[data-page=home] .hero-centered h1{white-space:normal;font-size:clamp(38px,6vw,52px);max-width:680px;margin:auto}body[data-page=home] .people-section .section-top{grid-template-columns:1fr 1fr;gap:28px}body[data-page=home] .product-copy .button{margin-top:0}} @media(max-width:520px){body[data-page=home] .people-section .section-top{grid-template-columns:1fr;gap:26px}body[data-page=home] .hero-centered h1{font-size:40px}} @media(prefers-reduced-motion:reduce){.motion-ready body[data-page=home] .reveal,.motion-ready body[data-page=home] .section-photo.reveal{opacity:1;transform:none;transition:none}body[data-page=home] .method-card,body[data-page=home] .method-pill{transition:none}} /* Homepage 26: a bold identity and a deliberate three-stage process. */ body[data-page=home]>header .brand{width:64px;max-width:none;margin:0} body[data-page=home]>header .brand img{width:58px;height:40px;object-fit:contain;object-position:left center} body[data-page=home] .hero-lockup{display:block;width:min(640px,85%);height:auto;margin:0 auto 54px} body[data-page=home] .hero-centered{padding-top:70px} body[data-page=home] .service{text-align:left;align-items:flex-start} body[data-page=home] .service .link{align-self:flex-start;color:var(--cream)!important} body[data-page=home] .service .link span{color:var(--cream)!important} body[data-page=home] .service .link:hover,body[data-page=home] .service:hover .link{color:var(--cream)!important} body[data-page=home] .service:hover,body[data-page=home] .service:focus-visible{border-color:rgba(48,56,59,.4)!important} body[data-page=home] .service p{min-height:106px;max-width:33ch;flex:1} body[data-page=home] .methodology-section .grid3{display:flex;flex-direction:column;gap:34px;max-width:1040px;margin:auto;position:relative} body[data-page=home] .method-card{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:auto auto 1fr;column-gap:48px;min-height:310px;padding:36px!important;text-align:left;align-items:start} body[data-page=home] .method-card .method-pill{grid-column:1;grid-row:1;justify-self:start;align-self:start;font-family:'EB Garamond',Georgia,serif;background:var(--ink);color:var(--cream);font-size:23px;line-height:1;padding:10px 22px;margin:0 0 22px} body[data-page=home] .method-card h3{grid-column:1;grid-row:2;font-size:36px;margin-bottom:18px} body[data-page=home] .method-card p{grid-column:1;grid-row:3;margin:0;max-width:43ch;min-height:82px;font-size:15px;line-height:1.8} body[data-page=home] .method-card .method-photo{grid-column:2;grid-row:1 / 4;height:100%;min-height:236px;width:100%;margin:0} body[data-page=home] .method-card:hover .method-pill{background:#a9633d} body[data-page=home] .method-card:not(:last-child)::after{content:'';position:absolute;bottom:-35px;left:50%;height:34px;width:1px;background:rgba(48,56,59,.25)} .motion-ready body[data-page=home] .method-card.reveal{opacity:0;transform:translateY(76px) scale(.965);transition:opacity .8s ease,transform 1.2s cubic-bezier(.16,1,.3,1),border-color .3s} .motion-ready body[data-page=home] .method-card.reveal.visible{opacity:1;transform:none} body[data-page=home] .method-card.reveal.visible:hover{transform:translateY(-4px)} @media(max-width:1100px){body[data-page=home] .service p{min-height:130px}body[data-page=home] .method-card{column-gap:32px}} @media(max-width:850px){body[data-page=home] .hero-lockup{width:min(540px,90%);margin-bottom:42px}body[data-page=home] .service p{min-height:0;max-width:none}body[data-page=home] .method-card{grid-template-columns:1fr 1fr;column-gap:26px;padding:28px!important}body[data-page=home] .method-card h3{font-size:32px}body[data-page=home] .method-card p{min-height:0}} @media(max-width:520px){body[data-page=home] .hero-lockup{margin-bottom:34px}body[data-page=home] .method-card{display:flex;align-items:flex-start;gap:0}body[data-page=home] .method-card p{margin-bottom:24px;max-width:none}body[data-page=home] .method-card .method-photo{height:200px;min-height:0}} @media(prefers-reduced-motion:reduce){.motion-ready body[data-page=home] .method-card.reveal{opacity:1;transform:none;transition:none}} /* Homepage 27: a trial invitation and a clearer opening promise. */ .trial-banner{display:none} body[data-page=home] .trial-banner{display:flex;justify-content:center;align-items:center;background:var(--ink);color:var(--cream);padding:11px 24px;min-height:42px} body[data-page=home] .trial-banner a{display:inline-flex;align-items:center;justify-content:center;gap:16px;font-family:'Noto Sans',Arial,sans-serif;font-size:13px;line-height:1.5;text-align:center} body[data-page=home] .trial-banner span{transition:transform .25s} body[data-page=home] .trial-banner a:hover span{transform:translate(3px,-3px)} body[data-page=home] .trial-banner a:focus-visible{outline-color:var(--cream)} body[data-page=home]>header.wrap{margin-top:16px} body[data-page=home]>header .brand{width:270px} body[data-page=home]>header .brand img{width:100%;height:auto;max-height:40px;object-fit:contain} body[data-page=home] .hero-centered{padding-top:88px;padding-bottom:8px;margin-bottom:120px} body[data-page=home] .hero-centered h1{font-size:clamp(40px,5.6vw,82px);line-height:1.04;letter-spacing:-.035em;white-space:normal} body[data-page=home] .hero-centered .lead{font-size:19px;line-height:1.8;max-width:760px;margin-top:30px} body[data-page=home] .hero-centered .actions{margin-top:34px} body[data-page=home] .hero-centered .actions .button{min-height:50px;padding:14px 26px} body[data-page=home] .method-card:nth-child(2) .method-pill,body[data-page=home] .method-card:nth-child(2) h3,body[data-page=home] .method-card:nth-child(2) p{grid-column:2} body[data-page=home] .method-card:nth-child(2) .method-photo{grid-column:1} @media(max-width:1100px){body[data-page=home]>header .brand{width:220px}} @media(max-width:850px){body[data-page=home] .hero-centered{padding-top:66px;margin-bottom:94px}body[data-page=home] .hero-centered h1{font-size:clamp(42px,7vw,64px)}body[data-page=home] .hero-centered .lead{font-size:17px}} @media(max-width:520px){body[data-page=home] .trial-banner{padding:10px 16px}body[data-page=home] .trial-banner a{font-size:12px;gap:8px}body[data-page=home] .hero-centered{padding-top:52px;margin-bottom:80px}body[data-page=home] .hero-centered h1{font-size:46px}body[data-page=home] .hero-centered .lead{font-size:16px}} /* Soft, open arrow geometry echoes the monogram's curved forms. */ .brand-arrow{display:block;width:20px;height:20px;overflow:visible} body[data-page=home] .button>span,body[data-page=home] .service .link>span,body[data-page=home] .trial-banner a>span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1} body[data-page=home] .service .link .brand-arrow{width:18px;height:18px} body[data-page=home]>header .button .brand-arrow,body[data-page=home] .trial-banner .brand-arrow{width:17px;height:17px} body[data-page=home] .brand-arrow{transition:transform .25s cubic-bezier(.2,.8,.2,1)} @media(prefers-reduced-motion:reduce){body[data-page=home] .brand-arrow{transition:none}} /* Full-browser alignment and a dedicated opening viewport. */ body[data-page=home] .methodology-section .grid3{max-width:none;width:100%} body[data-page=home] .hero-centered{min-height:calc(100svh - 134px);padding-top:70px;padding-bottom:96px;margin-bottom:64px;display:flex;flex-direction:column;align-items:center;justify-content:center} body[data-page=home] .hero-centered h1{width:100%} body[data-page=home] .hero-centered .lead{width:100%} body[data-page=home] .hero-centered .actions{flex-shrink:0} @media(max-width:850px){body[data-page=home] .hero-centered{min-height:calc(100svh - 128px);padding-top:60px;padding-bottom:76px;margin-bottom:60px}} @media(max-width:520px){body[data-page=home] .hero-centered{min-height:calc(100svh - 144px);padding-top:52px;padding-bottom:68px;margin-bottom:56px}} /* Taller invitation, staged opening, and one shared product frame. */ body[data-page=home] .trial-banner{min-height:58px;padding:17px 24px} body[data-page=home] .trial-banner a{font-size:14px} body[data-page=home] .hero-centered{min-height:calc(100svh - 150px)} body[data-page=home] .hero-centered.opening-animate h1{animation:headline-type 2.15s steps(34,end) both} body[data-page=home] .hero-centered.opening-animate .lead,body[data-page=home] .hero-centered.opening-animate .actions{animation:opening-soft .85s ease both;animation-delay:2.25s} body[data-page=home] .hero-centered.opening-animate .actions{animation-delay:2.45s} @keyframes headline-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}} @keyframes opening-soft{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} body[data-page=home] .products-container{margin-bottom:var(--home-gap)} body[data-page=home] .products-shell{background:rgba(247,243,234,.33);border:1px solid rgba(48,56,59,.19);border-radius:20px;padding:48px;transition:border-color .35s} body[data-page=home] .products-shell:hover{border-color:rgba(48,56,59,.4)} body[data-page=home] .products-shell .product-feature{margin-bottom:0;gap:48px} body[data-page=home] .products-shell .care-product{margin-bottom:88px} body[data-page=home] .products-shell .product-visual{background:#fff} @media(max-width:850px){body[data-page=home] .products-shell{padding:32px}body[data-page=home] .products-shell .product-feature{gap:34px}body[data-page=home] .products-shell .care-product{margin-bottom:68px}body[data-page=home] .hero-centered{min-height:calc(100svh - 144px)}} @media(max-width:520px){body[data-page=home] .trial-banner{min-height:62px;padding:15px 16px}body[data-page=home] .trial-banner a{font-size:13px}body[data-page=home] .products-shell{padding:24px}body[data-page=home] .products-shell .care-product{margin-bottom:56px}body[data-page=home] .hero-centered{min-height:calc(100svh - 148px)}} @media(prefers-reduced-motion:reduce){body[data-page=home] .hero-centered.opening-animate h1,body[data-page=home] .hero-centered.opening-animate .lead,body[data-page=home] .hero-centered.opening-animate .actions{animation:none;clip-path:none;opacity:1;transform:none}} /* Descender clearance and separate product cards. */ body[data-page=home] .hero-centered h1{line-height:1.2;padding-bottom:.15em;margin-bottom:-.15em} @keyframes headline-type{from{clip-path:inset(-.12em 100% -.25em 0)}to{clip-path:inset(-.12em 0 -.25em 0)}} body[data-page=home] .products-container{display:flex;flex-direction:column;gap:48px} body[data-page=home] .products-shell .care-product{margin-bottom:0} body[data-page=home] .cta{border:1px solid rgba(48,56,59,.19);background:rgba(247,243,234,.33);box-shadow:none;transition:border-color .35s,transform .35s} body[data-page=home] .cta:hover{border-color:rgba(48,56,59,.4);transform:translateY(-4px);box-shadow:none} body[data-page=home] .cta .button.light{background:var(--ink);color:var(--cream);border:0;min-height:44px;padding:12px 20px;border-radius:999px;font-size:13px;gap:14px;box-shadow:none;transition:background .25s,transform .25s} body[data-page=home] .cta .button.light:hover,body[data-page=home] .cta .button.light:focus-visible{background:#a9633d;color:var(--cream);transform:translateY(-2px);box-shadow:none} body[data-page=home] .cta .button.light span{color:var(--cream)} @media(max-width:850px){body[data-page=home] .products-container{gap:36px}} @media(prefers-reduced-motion:reduce){body[data-page=home] .cta,body[data-page=home] .cta .button.light{transition:none}} /* Fixed methodology connectors and an ink closing invitation. */ body[data-page=home] .method-card:hover,body[data-page=home] .method-card.reveal.visible:hover{transform:none} body[data-page=home] .product-copy .product-logo{margin-bottom:28px} body[data-page=home] .cta{background:var(--ink);color:var(--cream);border-color:var(--ink)} body[data-page=home] .cta h2,body[data-page=home] .cta p{color:var(--cream)} body[data-page=home] .cta:hover{border-color:var(--ink)} body[data-page=home] .cta .button.light{background:var(--cream);color:var(--ink)} body[data-page=home] .cta .button.light span{color:var(--ink)} body[data-page=home] .cta .button.light:hover,body[data-page=home] .cta .button.light:focus-visible{background:#fff;color:var(--ink)} /* Section titles type into view once, preserving complete accessible text. */ body[data-page=home] h2.heading-type-ready{clip-path:inset(-.15em 100% -.35em 0)} body[data-page=home] h2.heading-type-ready.heading-typed{animation:section-title-type 1.55s steps(32,end) both} @keyframes section-title-type{from{clip-path:inset(-.15em 100% -.35em 0)}to{clip-path:inset(-.15em 0 -.35em 0)}} @media(prefers-reduced-motion:reduce){body[data-page=home] h2.heading-type-ready,body[data-page=home] h2.heading-type-ready.heading-typed{animation:none;clip-path:none}} /* Slower typing, triggered by unclipped section bounds, then soft content entrances. */ body[data-page=home] .hero-centered.opening-animate h1{animation-duration:3.2s} body[data-page=home] .hero-centered.opening-animate .lead{animation-delay:3.3s} body[data-page=home] .hero-centered.opening-animate .actions{animation-delay:3.5s} body[data-page=home] h2.heading-type-ready.heading-typed{animation-duration:3.2s} body[data-page=home] .typing-content{opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1),visibility 0s linear .9s} body[data-page=home] .section-ready .typing-content{opacity:1;visibility:visible;transform:none;transition-delay:0s} @media(prefers-reduced-motion:reduce){body[data-page=home] .typing-content{opacity:1;visibility:visible;transform:none;transition:none}} /* Smooth two-second reveals on the opening and main section headings only. */ body[data-page=home] .hero-centered.opening-animate h1{animation-duration:2s;animation-timing-function:linear} body[data-page=home] .hero-centered.opening-animate .lead{animation-delay:2.1s} body[data-page=home] .hero-centered.opening-animate .actions{animation-delay:2.3s} body[data-page=home] h2.heading-type-ready.heading-typed{animation-duration:2s;animation-timing-function:linear} /* Original section-reveal pace with gentle acceleration and a soft finish. */ body[data-page=home] .hero-centered.opening-animate h1,body[data-page=home] h2.heading-type-ready.heading-typed{animation-duration:1.55s;animation-timing-function:cubic-bezier(.2,.65,.3,1)} body[data-page=home] .hero-centered.opening-animate .lead{animation-delay:1.65s} body[data-page=home] .hero-centered.opening-animate .actions{animation-delay:1.85s} body[data-page=home] .service p{text-wrap:balance;max-width:33ch} @media(max-width:850px){body[data-page=home] .service p{max-width:none}} /* A measured reveal with an even pace and consistent card-copy measure. */ body[data-page=home] .hero-centered.opening-animate h1,body[data-page=home] h2.heading-type-ready.heading-typed{animation-duration:2.4s;animation-timing-function:cubic-bezier(.25,.3,.65,1)} body[data-page=home] .hero-centered.opening-animate .lead{animation-delay:2.5s} body[data-page=home] .hero-centered.opening-animate .actions{animation-delay:2.7s} body[data-page=home] .service p{max-width:33ch;text-wrap:balance} /* Reveal section content promptly, without a second scroll-observer wait. */ body[data-page=home] .typing-content{transform:translateY(8px);transition:opacity .3s ease,transform .35s ease,visibility 0s} body[data-page=home] .section-ready .typing-content{transition-delay:0s} body[data-page=home] .section-ready .service.reveal,body[data-page=home] .section-ready .method-card.reveal{transition-duration:.35s} body[data-page=home] .hero-centered.opening-animate .lead{animation-delay:2.4s;animation-duration:.35s} body[data-page=home] .hero-centered.opening-animate .actions{animation-delay:2.45s;animation-duration:.35s} /* Heading completion owns the reveal; children never wait for scrolling. */ body[data-page=home] .section-ready .typing-content{opacity:1;visibility:visible;transform:none;transition:opacity .3s ease,transform .3s ease} body[data-page=home] .section-ready .service,body[data-page=home] .section-ready .method-card{opacity:1;visibility:visible;transform:none} body[data-page=home] .section-autofade{opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease} body[data-page=home] .section-autofade.autofade-start{opacity:1;transform:none} @media(prefers-reduced-motion:reduce){body[data-page=home] .section-autofade{opacity:1;transform:none;transition:none}} /* Content starts appearing on the exact frame the heading finishes. */ body[data-page=home] .section-ready .typing-content{transition-delay:0s!important;transition-duration:.18s;visibility:visible} body[data-page=home] .hero-centered.opening-animate .lead,body[data-page=home] .hero-centered.opening-animate .actions{animation-delay:2.4s;animation-duration:.18s} /* The text is fully exposed early; content appears immediately at that point. */ @keyframes headline-type{0%{clip-path:inset(-.12em 100% -.25em 0)}72%,100%{clip-path:inset(-.12em 0 -.25em 0)}} @keyframes section-title-type{0%{clip-path:inset(-.15em 100% -.35em 0)}72%,100%{clip-path:inset(-.15em 0 -.35em 0)}} body[data-page=home] .hero-centered.opening-animate h1,body[data-page=home] h2.heading-type-ready.heading-typed{animation-timing-function:linear} body[data-page=home] .hero-centered.opening-animate .lead,body[data-page=home] .hero-centered.opening-animate .actions{animation-delay:1.75s;animation-duration:.1s} body[data-page=home] .section-ready .typing-content{transition-duration:.1s;transition-delay:0s!important} /* Immediate start, softer finish: no added waiting time. */ body[data-page=home] .section-ready .typing-content{transition:opacity .45s ease-out,transform .45s cubic-bezier(.16,1,.3,1);transition-delay:0s!important} body[data-page=home] .hero-centered.opening-animate .lead,body[data-page=home] .hero-centered.opening-animate .actions{animation-delay:1.75s;animation-duration:.45s;animation-timing-function:ease-out} /* A scroll-driven build → embed → transfer journey, with fixed connectors. */ body[data-page=home] .method-card{--connector-fill:0%;transition:border-color .4s ease,background .4s ease} body[data-page=home] .method-card.process-current{border-color:rgba(48,56,59,.48)!important;background:rgba(247,243,234,.5)!important} body[data-page=home] .method-card:not(:last-child)::after{width:2px;left:calc(50% - 1px);background:linear-gradient(to bottom,var(--ink) 0%,var(--ink) var(--connector-fill),rgba(48,56,59,.13) var(--connector-fill),rgba(48,56,59,.13) 100%)} body[data-page=home] .method-card:not(:last-child)::before{content:'';position:absolute;left:calc(50% - 4px);bottom:-21px;width:8px;height:8px;border-radius:50%;background:#dedfdd;z-index:1;transition:background .35s ease,box-shadow .35s ease} body[data-page=home] .method-card.process-reached:not(:last-child)::before{background:var(--ink);box-shadow:0 0 0 4px #fff} body[data-page=home] .method-card .method-pill{transition:background .3s,box-shadow .4s} body[data-page=home] .method-card.process-current .method-pill{box-shadow:0 0 0 4px rgba(48,56,59,.08)} @media(prefers-reduced-motion:reduce){body[data-page=home] .method-card,body[data-page=home] .method-card::before,body[data-page=home] .method-card .method-pill{transition:none}} /* One main section per viewport, with gentle native scrolling between them. */ html.home-section-scroll{scroll-padding-top:0} body[data-page=home] .hero-centered{margin-bottom:0;min-height:calc(100svh - 150px)} body[data-page=home] .home-services,body[data-page=home] .methodology-section{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:72px;padding-bottom:72px;margin-bottom:0;} body[data-page=home] .home-services .center-heading,body[data-page=home] .methodology-section .center-heading{flex-shrink:0} body[data-page=home] .products-container{gap:0;margin-bottom:0} body[data-page=home] .products-container>.products-shell{min-height:100svh;display:flex;align-items:center;border:0;background:transparent;border-radius:0;padding:72px 0;} body[data-page=home] .products-container .product-feature{width:100%;border:1px solid rgba(48,56,59,.19);border-radius:20px;background:rgba(247,243,234,.33);padding:48px;transition:border-color .35s} body[data-page=home] .products-container .product-feature:hover{border-color:rgba(48,56,59,.4)} body[data-page=home] main>.wrap:last-child{min-height:100svh;display:flex;align-items:center;padding-top:72px;padding-bottom:72px;} body[data-page=home] main>.wrap:last-child .cta{width:100%;margin-bottom:0} @media(max-width:850px){body[data-page=home] .home-services,body[data-page=home] .methodology-section,body[data-page=home] .products-container>.products-shell,body[data-page=home] main>.wrap:last-child{padding-top:56px;padding-bottom:56px}body[data-page=home] .products-container .product-feature{padding:32px}body[data-page=home] .hero-centered{min-height:calc(100svh - 144px)}} @media(max-width:520px){html.home-section-scroll{}body[data-page=home] .products-container .product-feature{padding:24px}body[data-page=home] .hero-centered{min-height:calc(100svh - 148px)}} @media(prefers-reduced-motion:reduce){html.home-section-scroll{}} /* Natural scroll flow, a shared product chapter, and restrained pill breathing. */ html.home-section-scroll{} body[data-page=home] .hero-centered,body[data-page=home] .home-services,body[data-page=home] .methodology-section,body[data-page=home] .products-container>.products-shell,body[data-page=home] main>.wrap:last-child{} body[data-page=home] .products-container{padding-top:72px;padding-bottom:72px;gap:48px} body[data-page=home] .products-container>.products-shell{min-height:0;padding:0} body[data-page=home] main>.wrap:last-child{min-height:0;padding-top:48px;padding-bottom:64px} body[data-page=home] .hero-centered .button,body[data-page=home] .service .link,body[data-page=home] .product-copy .button,body[data-page=home]>header .navlinks .button,body[data-page=home] .method-pill{animation:ink-pill-breathe 3.6s ease-in-out infinite} body[data-page=home] .service:nth-child(2) .link{animation-delay:.3s} body[data-page=home] .service:nth-child(3) .link{animation-delay:.6s} @keyframes ink-pill-breathe{0%,100%{box-shadow:0 0 0 0 rgba(48,56,59,0)}50%{box-shadow:0 0 0 4px rgba(48,56,59,.08)}} body[data-page=home] .hero-centered .button:hover,body[data-page=home] .service:hover .link,body[data-page=home] .product-copy .button:hover,body[data-page=home]>header .navlinks .button:hover{animation-play-state:paused} @media(max-width:850px){body[data-page=home] .products-container{padding-top:56px;padding-bottom:56px;gap:36px}body[data-page=home] main>.wrap:last-child{padding-top:36px;padding-bottom:48px}} @media(prefers-reduced-motion:reduce){body[data-page=home] .hero-centered .button,body[data-page=home] .service .link,body[data-page=home] .product-copy .button,body[data-page=home]>header .navlinks .button,body[data-page=home] .method-pill{animation:none}} /* A clearer pulse and full-card ink emphasis through the methodology journey. */ @keyframes ink-pill-breathe{0%,100%{box-shadow:0 0 0 0 rgba(48,56,59,0)}50%{box-shadow:0 0 0 6px rgba(48,56,59,.13)}} body[data-page=home] .method-card{transition:border-color .45s ease,box-shadow .45s ease,background .45s ease} body[data-page=home] .method-card.process-reached{border-color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--ink)!important} body[data-page=home] .method-card.process-current{border-color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--ink)!important} @media(prefers-reduced-motion:reduce){body[data-page=home] .method-card{transition:none}} body[data-page=home] .method-card.process-reached,body[data-page=home] .method-card.process-current{border-color:rgba(48,56,59,.19)!important;box-shadow:none!important} @media(prefers-reduced-motion:reduce){} /* Clear navigation cues without interrupting normal scrolling. */ body[data-page=home] .scroll-cue{display:flex;align-items:center;justify-content:center;gap:10px;border:0;background:transparent;color:var(--ink);font-size:12px;opacity:.7;padding:14px;margin-top:44px;cursor:pointer} body[data-page=home] .scroll-mouse{display:block;width:17px;height:26px;border:1px solid rgba(48,56,59,.5);border-radius:10px;position:relative} body[data-page=home] .scroll-mouse i{position:absolute;width:3px;height:5px;left:6px;top:5px;border-radius:4px;background:var(--ink);animation:scroll-hint 2s ease-in-out infinite} @keyframes scroll-hint{0%,100%{transform:translateY(0);opacity:.8}70%{transform:translateY(7px);opacity:.2}} body[data-page=home] .section-tracker{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:8px;padding:10px 4px} body[data-page=home] .section-tracker button{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:transparent;padding:0;color:var(--ink)} body[data-page=home] .tracker-dot{width:6px;height:6px;border:1px solid rgba(48,56,59,.45);border-radius:50%;background:#fff;transition:background .25s,transform .25s} body[data-page=home] .section-tracker button.active .tracker-dot{background:var(--ink);border-color:var(--ink);transform:scale(1.35)} body[data-page=home] .tracker-label{position:absolute;right:34px;white-space:nowrap;opacity:0;pointer-events:none;background:var(--ink);color:var(--cream);padding:6px 12px;border-radius:20px;font-size:11px;transition:opacity .2s} body[data-page=home] .section-tracker button:hover .tracker-label,body[data-page=home] .section-tracker button:focus-visible .tracker-label{opacity:1} body[data-page=home] .tracker-progress{height:54px;width:2px;background:rgba(48,56,59,.13);margin:6px auto 0;overflow:hidden;border-radius:2px} body[data-page=home] .tracker-progress i{display:block;width:100%;height:100%;background:var(--ink);transform:scaleY(0);transform-origin:top} body[data-page=home] section[id^=section-]{scroll-margin-top:28px} @media(max-width:850px){body[data-page=home] .section-tracker{right:4px}body[data-page=home] .tracker-label{display:none}body[data-page=home] .section-tracker button{width:18px;height:24px}} @media(max-width:520px){body[data-page=home] .section-tracker{display:none}body[data-page=home] .scroll-cue{margin-top:32px}} @media(prefers-reduced-motion:reduce){body[data-page=home] .scroll-mouse i{animation:none}} /* One understated dot, measured against the complete page including the footer. */ body[data-page=home] .scroll-position{position:fixed;right:18px;top:50%;transform:translateY(-50%);height:110px;width:1px;background:rgba(48,56,59,.12);z-index:30;pointer-events:none} body[data-page=home] .scroll-position span{position:absolute;left:-2px;top:clamp(0px,calc(var(--scroll-position,0%) - 5px),105px);width:5px;height:5px;border-radius:50%;background:rgba(48,56,59,.55);transition:background .2s} body[data-page=home] .scroll-position.finished span{background:var(--ink)} @media(max-width:850px){body[data-page=home] .scroll-position{right:7px;height:90px}body[data-page=home] .scroll-position span{top:clamp(0px,calc(var(--scroll-position,0%) - 5px),85px)}} /* More legible breathing, consistent methodology pills, and a product introduction. */ @keyframes ink-pill-breathe{0%,100%{box-shadow:0 0 0 0 rgba(48,56,59,0)}50%{box-shadow:0 0 0 7px rgba(48,56,59,.18)}} body[data-page=home] .method-card:hover .method-pill,body[data-page=home] .method-card.process-current .method-pill{background:var(--ink);color:var(--cream)} body[data-page=home] .cta .button.light{animation:cream-pill-breathe 3.6s ease-in-out infinite} @keyframes cream-pill-breathe{0%,100%{box-shadow:0 0 0 0 rgba(247,243,234,0)}50%{box-shadow:0 0 0 7px rgba(247,243,234,.2)}} body[data-page=home] .products-container>.center-heading{margin-bottom:0} @media(prefers-reduced-motion:reduce){body[data-page=home] .cta .button.light{animation:none}} /* A clearer rhythm: balanced opening, compact related content, and natural scrolling. */ body[data-page=home] .hero-centered .lead{max-width:var(--hero-copy-width,100%);width:var(--hero-copy-width,100%);text-wrap:balance} body[data-page=home] .cta,body[data-page=home] .cta:hover{border:0;box-shadow:none;transform:none} body[data-page=home] .hero-centered{margin-bottom:0;padding-top:64px;padding-bottom:72px} body[data-page=home] .home-services{min-height:100svh;padding-top:64px;padding-bottom:88px} body[data-page=home] .methodology-section{min-height:0;padding-top:56px;padding-bottom:96px} body[data-page=home] .methodology-section .grid3{gap:34px} body[data-page=home] .products-container{padding-top:56px;padding-bottom:80px;gap:42px} body[data-page=home] .products-container>.center-heading{margin-bottom:4px} body[data-page=home] main>.wrap:last-child{padding-top:32px;padding-bottom:56px} body[data-page=home] section[id^=section-]{scroll-margin-top:48px} body[data-page=home] .scroll-position{opacity:.6;transition:opacity .3s} body[data-page=home] .scroll-position.finished{opacity:.25} @media(max-width:850px){body[data-page=home] .hero-centered{padding-top:48px;padding-bottom:56px}body[data-page=home] .home-services{min-height:0;padding-top:60px;padding-bottom:72px}body[data-page=home] .methodology-section{padding-top:32px;padding-bottom:72px}body[data-page=home] .products-container{padding-top:32px;padding-bottom:64px;gap:32px}body[data-page=home] main>.wrap:last-child{padding-top:24px;padding-bottom:40px}} /* Full opening text measure and a still closing button. */ body[data-page=home] .hero-centered .lead{width:100%;max-width:none;text-wrap:wrap} body[data-page=home] .cta .button.light{animation:none!important;box-shadow:none!important} /* Match the text's typographic measure, not the full h1 block. */ body[data-page=home] .hero-centered .lead{width:min(100%,var(--hero-copy-width,100%));max-width:var(--hero-copy-width,100%);text-wrap:wrap} body[data-page=home] .foot .brand{width:110px;max-width:110px;margin:0 auto;display:block} body[data-page=home] .foot .brand img{width:100%;height:auto;display:block} body[data-page=home] .foot .brand{width:64px;max-width:64px} /* Two balanced desktop lines, with natural wrapping on smaller screens. */ body[data-page=home] .hero-centered .lead .hero-copy-line{display:block} @media(min-width:1101px){body[data-page=home] .hero-centered .lead .hero-copy-line{white-space:nowrap}} @media(max-width:850px){body[data-page=home] .hero-centered .lead .hero-copy-line{display:inline}} /* Photography: individual focal points within the existing desktop frames. */ body[data-page=home] .method-card:nth-child(1) .method-photo img{object-position:53% 53%;filter:brightness(1.12) saturate(1.12)} body[data-page=home] .method-card:nth-child(2) .method-photo img{object-position:50% 24%;filter:brightness(1.14) saturate(1.12)} body[data-page=home] .method-card:nth-child(3) .method-photo img{object-position:60% 23%;filter:brightness(1.08) saturate(1.12)} /* One primary pulse; supporting actions breathe more quietly. */ body[data-page=home] .service .link,body[data-page=home] .product-copy .button,body[data-page=home]>header .navlinks .button,body[data-page=home] .method-pill{animation-name:secondary-pill-breathe;animation-duration:4.2s} @keyframes secondary-pill-breathe{0%,100%{box-shadow:0 0 0 0 rgba(48,56,59,0)}50%{box-shadow:0 0 0 3px rgba(48,56,59,.08)}} /* Mobile refinements are scoped: desktop dimensions and layout are retained. */ @media(max-width:680px){ body[data-page=home] .wrap{width:calc(100% - 40px)} body[data-page=home]>header .nav{width:calc(100% - 24px)} body[data-page=home]>header .brand{width:190px;max-width:calc(100% - 70px)} body[data-page=home]>header .menu{min-height:44px;padding:8px 12px;font-size:13px} body[data-page=home] .navlinks a{min-height:44px;display:flex;align-items:center} body[data-page=home] .hero-centered h1{font-size:clamp(38px,8vw,48px);line-height:1.12} body[data-page=home] .hero-centered .lead{font-size:16px;line-height:1.75} body[data-page=home] .hero-centered .lead .hero-copy-line{display:inline;white-space:normal} body[data-page=home] .hero-centered .actions{width:100%;margin-top:26px} body[data-page=home] .hero-centered .actions .button{flex-grow:0;min-height:46px;font-size:13px} body[data-page=home] .center-heading{font-size:clamp(32px,7vw,40px);line-height:1.1;margin-bottom:32px} body[data-page=home] .service{padding:24px!important} body[data-page=home] .service-icon{left:24px;top:24px;height:40px} body[data-page=home] .service h3{padding-top:64px;font-size:32px} body[data-page=home] .service p{max-width:none;min-height:0;text-wrap:wrap;line-height:1.75} body[data-page=home] .service .link{min-height:44px;margin-top:24px} body[data-page=home] .method-card{display:flex;flex-direction:column;align-items:flex-start;padding:24px!important;min-height:0} body[data-page=home] .method-card h3{font-size:31px;line-height:1.1} body[data-page=home] .method-card p{max-width:none;min-height:0;margin-bottom:24px;line-height:1.75} body[data-page=home] .method-card .method-photo{width:100%;height:auto;min-height:0;aspect-ratio:1.65} body[data-page=home] .method-card .method-photo img{height:100%;object-position:50% 40%} body[data-page=home] .products-container .product-feature{padding:24px;gap:28px} body[data-page=home] .product-copy .product-logo{width:205px;max-width:100%} body[data-page=home] .product-copy .element-logo{width:235px} body[data-page=home] .product-copy h2{font-size:36px;line-height:1.1} body[data-page=home] .product-copy p{font-size:15px;line-height:1.8;margin:20px 0 24px} body[data-page=home] .product-visual{padding:16px;min-width:0} body[data-page=home] .care-motion{min-height:230px} body[data-page=home] .cta{padding:28px 22px} body[data-page=home] .cta h2{font-size:36px} body[data-page=home] .footlinks{gap:10px 20px} body[data-page=home] .footlinks a{display:inline-flex;align-items:center;min-height:40px} } @media(prefers-reduced-motion:reduce){body[data-page=home] .service .link,body[data-page=home] .product-copy .button,body[data-page=home]>header .navlinks .button,body[data-page=home] .method-pill{animation:none}} @keyframes care-scene{0%{opacity:0;transform:translateY(12px)}4%,29%{opacity:1;transform:translateY(0)}33%,100%{opacity:0;transform:translateY(-8px)}} @keyframes care-progress{0%{transform:scaleX(0)}12%,100%{transform:scaleX(1)}} @keyframes care-received{0%,5%{opacity:0;transform:translateY(4px)}10%,100%{opacity:1;transform:translateY(0)}} @keyframes care-bar{0%{transform:scaleX(0)}10%,100%{transform:scaleX(1)}} @keyframes care-step{0%{opacity:0;transform:translateY(8px)}8%,100%{opacity:1;transform:translateY(0)}} @keyframes care-timeline{0%{transform:scaleX(0)}32%{transform:scaleX(1)}33%,100%{transform:scaleX(0)}} body:not([data-page=home]) .navlinks,body:not([data-page=home]) .menu,body:not([data-page=home]) .previewbar,body:not([data-page=home]) .eyebrow,body:not([data-page=home]) .panelhead,body:not([data-page=home]) .panelbottom b,body:not([data-page=home]) .number,body:not([data-page=home]) .product-label,body:not([data-page=home]) .button,body:not([data-page=home]) .link,body:not([data-page=home]) .footlinks{text-transform:lowercase;letter-spacing:0} body:not([data-page=home]) .eyebrow,body:not([data-page=home]) .product-label{letter-spacing:.025em;font-size:13px} body:not([data-page=home]) .hero{align-items:start;padding-top:54px;padding-bottom:42px;gap:72px} body:not([data-page=home]) .method-stage{padding-top:0} body:not([data-page=home]) .hero .lead{margin-top:25px} body:not([data-page=home]) .hero+.section{padding-top:44px;padding-bottom:85px} body:not([data-page=home]) .section-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;margin-bottom:34px} body:not([data-page=home]) .section-top h2{grid-column:span 2;max-width:750px} body:not([data-page=home]) .section-top p{max-width:none;padding-top:7px;font-size:16px;line-height:1.65} body:not([data-page=home]) .service{position:relative;background:radial-gradient(circle at top right,#f7f3ea0c,transparent 60%),var(--ink)!important;padding:34px!important;transition:transform .3s,box-shadow .3s} body:not([data-page=home]) .service::after{content:'';position:absolute;right:32px;top:34px;width:8px;height:8px;border-radius:50%;background:#a9633d} body:not([data-page=home]) .service:nth-child(2)::after{background:var(--cream)} body:not([data-page=home]) .service:nth-child(3)::after{background:#fff} body:not([data-page=home]) .service .number{font-size:37px;margin-bottom:32px;color:var(--cream)} body:not([data-page=home]) .service h3{font-size:35px;max-width:12ch} body:not([data-page=home]) .service p{font-size:15px;line-height:1.7} body:not([data-page=home]) .service .link{font-weight:400;padding-top:28px} body:not([data-page=home]) .care-feature{background:var(--cream);padding:72px 0 78px;margin-bottom:72px} body:not([data-page=home]) .care-feature .product-wrap{grid-template-columns:.85fr 1.15fr;align-items:start;gap:65px} body:not([data-page=home]) .care-feature .product-label{margin:0 0 24px} body:not([data-page=home]) .care-feature h2{max-width:550px} body:not([data-page=home]) .care-feature .product-wrap>div:first-child>p{font-size:17px;line-height:1.7;max-width:430px;margin-top:24px} body:not([data-page=home]) .care-showcase{background:#fff;color:var(--ink);padding:30px;box-shadow:0 24px 55px #30383b17;border-radius:24px} body:not([data-page=home]) .care-window-logo{width:145px} body:not([data-page=home]) .care-window-head>span,body:not([data-page=home]) .care-preview-stage figcaption,body:not([data-page=home]) .care-feature .care-preview-note{color:var(--ink)} body:not([data-page=home]) .care-view-tabs button{color:var(--ink);background:var(--cream)} body:not([data-page=home]) .care-view-tabs button[aria-selected=true]{background:var(--ink);color:var(--cream)} body:not([data-page=home]) .care-view-tabs button:hover:not([aria-selected=true]){background:#30383b0d} body:not([data-page=home]) .care-preview-stage img{box-shadow:0 8px 24px #30383b0c} body:not([data-page=home]) .care-preview-stage figcaption{font-size:23px} body:not([data-page=home]) .cta{padding:54px 60px;margin-bottom:38px;border-radius:24px;gap:35px} body:not([data-page=home]) .cta h2{font-size:clamp(42px,4.4vw,65px)} body:not([data-page=home]) .cta p{max-width:610px;font-size:16px} body:not([data-page=home]) .foot>.wrap{padding:42px 50px 27px;border-radius:24px;box-shadow:none} body:not([data-page=home]) .foot .foot-top>div:first-child>p{display:none} body:not([data-page=home]) .foot .brand{width:310px} body:not([data-page=home]) .footlinks{padding-top:0;gap:42px;font-size:13px} body:not([data-page=home]) .footlinks strong{font-size:12px;font-weight:400;letter-spacing:0;opacity:.6;margin-bottom:5px;text-transform:lowercase} body:not([data-page=home]) .footbottom{margin-top:32px;padding-top:0;font-size:11px;opacity:.7} body:not([data-page=home]) .footbottom>a:last-child{display:none} @media(max-width:1100px){body:not([data-page=home]) .hero{gap:48px}body:not([data-page=home]) .care-feature .product-wrap{gap:38px}body:not([data-page=home]) .foot .brand{width:270px}body:not([data-page=home]) .footlinks{gap:30px}} @media(max-width:850px){body:not([data-page=home]) .hero{gap:38px;padding-top:36px}body:not([data-page=home]) .section-top{grid-template-columns:1fr;gap:20px}body:not([data-page=home]) .section-top h2{grid-column:auto}body:not([data-page=home]) .section-top p{max-width:560px;padding-top:0}body:not([data-page=home]) .care-feature .product-wrap{grid-template-columns:1fr;gap:36px}body:not([data-page=home]) .care-feature{padding:60px 0;margin-bottom:48px}body:not([data-page=home]) .cta{padding:42px;margin-bottom:28px}body:not([data-page=home]) .foot>.wrap{padding:38px 32px 26px}body:not([data-page=home]) .foot-top{gap:32px}} @media(max-width:520px){body:not([data-page=home]) .hero{padding-top:30px;padding-bottom:32px}body:not([data-page=home]) .hero+.section{padding-top:38px;padding-bottom:56px}body:not([data-page=home]) .service{padding:28px!important}body:not([data-page=home]) .service::after{top:28px;right:28px}body:not([data-page=home]) .care-showcase{padding:24px 18px}body:not([data-page=home]) .care-window-logo{width:125px}body:not([data-page=home]) .cta{padding:32px}body:not([data-page=home]) .foot>.wrap{padding:32px 24px 24px}body:not([data-page=home]) .footlinks{gap:24px}body:not([data-page=home]) .foot .brand{width:min(290px,100%)}} body:not([data-page=home]) .hero{padding-top:50px} body:not([data-page=home]) .hero h1{margin-top:0} body:not([data-page=home]) .method-panel{--clay:var(--ink);background:#fff;color:var(--ink);box-shadow:0 22px 55px #30383b14} body:not([data-page=home]) .method-panel .panelhead,body:not([data-page=home]) .method-panel .panelhead span:last-child,body:not([data-page=home]) .method-panel .stagebody h3,body:not([data-page=home]) .method-panel .stagebody p,body:not([data-page=home]) .method-panel .panelbottom,body:not([data-page=home]) .method-panel .panelbottom b,body:not([data-page=home]) .method-panel .stepbig{color:var(--ink)} body:not([data-page=home]) .method-panel .panelbottom{background:#fff} body:not([data-page=home]) .method-panel .stage-tabs button,body:not([data-page=home]) .method-panel .motion-toggle{border:0;background:var(--cream);color:var(--ink)} body:not([data-page=home]) .method-panel .stage-tabs button[aria-selected=true],body:not([data-page=home]) .method-panel .motion-toggle:hover{background:var(--ink);color:var(--cream)} body:not([data-page=home]) .method-panel .stage-tabs button:hover:not([aria-selected=true]){background:#30383b0d} body:not([data-page=home]) .service{background:#fff!important;color:var(--ink);box-shadow:0 16px 42px #30383b12} body:not([data-page=home]) .service h3,body:not([data-page=home]) .service p,body:not([data-page=home]) .service .number,body:not([data-page=home]) .service .link{color:var(--ink)!important} body:not([data-page=home]) .service:nth-child(2)::after{background:var(--ink);opacity:.45} body:not([data-page=home]) .service:nth-child(3)::after{background:var(--ink)} body:not([data-page=home]) .care-feature{background:#fff;padding-top:34px;padding-bottom:58px;margin-bottom:38px} body:not([data-page=home]) .care-feature .product-wrap>div:first-child{padding-top:0} body:not([data-page=home]) .care-feature .product-wrap{align-items:start} body:not([data-page=home]) .cta{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 32px;gap:23px;max-width:100%;margin-bottom:30px} body:not([data-page=home]) .cta h2{font-size:clamp(36px,3.5vw,50px);max-width:none} body:not([data-page=home]) .cta p{font-size:15px;margin:13px auto 0;max-width:610px} body:not([data-page=home]) .cta .button{margin:0;min-height:46px;padding:12px 22px} /* Center the logo and simplify the final white card. */ body:not([data-page=home]) .foot>.wrap{background:#fff;color:var(--ink);box-shadow:0 12px 40px #30383b0d;padding:40px 32px;border-radius:24px} body:not([data-page=home]) .foot-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px} body:not([data-page=home]) .foot-top>div:first-child{display:flex;justify-content:center;width:100%} body:not([data-page=home]) .foot .brand{width:min(330px,100%);margin:0} body:not([data-page=home]) .footlinks{width:auto;justify-content:center;gap:64px;text-align:center;padding:0} body:not([data-page=home]) .foot p,body:not([data-page=home]) .foot strong,body:not([data-page=home]) .foot .footbottom,body:not([data-page=home]) .foot a,body:not([data-page=home]) .foot .footlinks strong{color:var(--ink)} body:not([data-page=home]) .footbottom{justify-content:center;flex-wrap:wrap;gap:20px;margin-top:32px;text-align:center} @media(max-width:850px){body:not([data-page=home]) .care-feature{padding-top:24px;padding-bottom:42px}body:not([data-page=home]) .cta{padding:35px 25px;gap:22px}body:not([data-page=home]) .footlinks{gap:40px}} @media(max-width:520px){body:not([data-page=home]) .hero{padding-top:28px}body:not([data-page=home]) .cta{padding:32px 22px}body:not([data-page=home]) .foot>.wrap{padding:34px 24px}body:not([data-page=home]) .footlinks{gap:26px;font-size:12px}body:not([data-page=home]) .footbottom{gap:10px}} body:not([data-page=home]) .method-panel .panelhead{justify-content:flex-end} /* The hero card follows the text-and-buttons column exactly on desktop. */ body:not([data-page=home]) .hero{align-items:stretch} body:not([data-page=home]) .method-stage{position:relative;padding:0} body:not([data-page=home]) .method-panel{position:absolute;inset:0;min-height:0;height:100%;width:100%} body:not([data-page=home]) .method-panel .stagebody{flex:1;min-height:0;padding:24px 32px 28px;justify-content:center} body:not([data-page=home]) .method-panel .stagebody h3{font-size:clamp(33px,3vw,43px)} body:not([data-page=home]) .method-panel .panelhead{padding:20px 26px 4px} body:not([data-page=home]) .method-panel .stage-tabs{padding:18px 26px 0} body:not([data-page=home]) .navlinks .button{min-height:36px;padding:8px 16px;font-size:14px;gap:14px;line-height:1.3} /* Clear type and a small directional response replace the dots. */ body:not([data-page=home]) .service::after{display:none;content:none} body:not([data-page=home]) .service{min-height:0!important;padding:28px!important} body:not([data-page=home]) .service .number{font-size:32px;margin-bottom:24px} body:not([data-page=home]) .service .link{padding-top:22px;align-items:center} body:not([data-page=home]) .service .link span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--cream);transition:transform .25s,background .25s} body:not([data-page=home]) .service:hover .link span{transform:translate(2px,-2px);background:#30383b0e} body:not([data-page=home]) .section-top{align-items:center} body:not([data-page=home]) .section-intro{grid-column:span 2} body:not([data-page=home]) .section-intro h2{grid-column:auto;max-width:750px} body:not([data-page=home]) .section-intro p{margin-top:18px;padding:0;max-width:570px} body:not([data-page=home]) .section-photo{margin:0;min-width:0;overflow:hidden;border-radius:22px;box-shadow:0 12px 30px #30383b10} body:not([data-page=home]) .section-photo img{width:100%;height:auto;display:block} /* A smaller closing invitation and a flat footer navigation. */ body:not([data-page=home]) .cta{padding:28px 30px;gap:16px;margin-bottom:24px} body:not([data-page=home]) .cta h2{font-size:clamp(34px,3vw,44px)} body:not([data-page=home]) .cta p{font-size:14px;margin-top:8px} body:not([data-page=home]) .cta .button{min-height:40px;padding:10px 20px;font-size:13px} body:not([data-page=home]) .foot>.wrap{padding:32px} body:not([data-page=home]) .foot-top{gap:26px} body:not([data-page=home]) .footlinks{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;gap:12px 28px;text-align:center} body:not([data-page=home]) .footlinks>div{display:contents} body:not([data-page=home]) .footlinks strong{display:none} body:not([data-page=home]) .footbottom{margin-top:23px} @media(max-width:850px){body:not([data-page=home]) .method-panel{position:relative;inset:auto;min-height:370px;height:auto}body:not([data-page=home]) .method-panel .stagebody{min-height:250px}body:not([data-page=home]) .section-intro{grid-column:auto}body:not([data-page=home]) .section-photo{width:100%;max-width:540px}body:not([data-page=home]) .section-top{gap:26px}body:not([data-page=home]) .cta{padding:26px}} @media(max-width:520px){body:not([data-page=home]) .method-panel .stagebody{padding:22px 25px 28px}body:not([data-page=home]) .method-panel .stagebody h3{font-size:35px}body:not([data-page=home]) .cta{padding:25px 20px}body:not([data-page=home]) .foot>.wrap{padding:30px 22px}body:not([data-page=home]) .footlinks{gap:12px 20px}} @media(prefers-reduced-motion:reduce){body:not([data-page=home]) .service:hover .link span{transform:none}} /* More breathing room and a two-card-wide photographic composition. */ body:not([data-page=home]) .hero{padding-bottom:65px} body:not([data-page=home]) .hero+.section{padding-top:65px;padding-bottom:105px} body:not([data-page=home]) .section-top{align-items:center;gap:32px;margin-bottom:46px} body:not([data-page=home]) .section-intro{grid-column:span 1} body:not([data-page=home]) .section-intro h2{font-size:clamp(38px,3.9vw,57px)} body:not([data-page=home]) .section-intro p{font-size:15px;line-height:1.7} body:not([data-page=home]) .section-photo{grid-column:span 2;max-width:none} body:not([data-page=home]) .section-photo img{width:100%;aspect-ratio:2.15;object-fit:cover;object-position:50% 30%} body:not([data-page=home]) .care-feature{padding-top:40px;padding-bottom:85px;margin-bottom:55px} body:not([data-page=home]) .cta{margin-bottom:40px} body:not([data-page=home]) .method-panel .stage-tabs{padding-top:28px} /* Clay calls to action on white surfaces. */ body:not([data-page=home]) .hero .button:not(.outline),body:not([data-page=home]) .care-feature .button.light{background:#a9633d;border-color:#a9633d;color:#fff} body:not([data-page=home]) .hero .button:not(.outline):hover,body:not([data-page=home]) .care-feature .button.light:hover{background:#925433;border-color:#925433} body:not([data-page=home]) .hero .button.outline{border:0;background:var(--cream);color:var(--ink)} body:not([data-page=home]) .service .link span{background:#a9633d;color:#fff} body:not([data-page=home]) .service:hover .link span{background:#925433} body:not([data-page=home]) .method-panel .stage-tabs button[aria-selected=true]{background:#a9633d;color:#fff} body:not([data-page=home]) .care-view-tabs button[aria-selected=true]{background:#a9633d;color:#fff} body:not([data-page=home]) .cta .button.light{background:#a9633d;border-color:#a9633d;color:#fff} body:not([data-page=home]).motion-ready .reveal{opacity:0;transform:translateY(32px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)} .motion-ready body:not([data-page=home]) .reveal{opacity:0;transform:translateY(32px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)} .motion-ready body:not([data-page=home]) .reveal.visible{opacity:1;transform:translateY(0)} .motion-ready body:not([data-page=home]) .section-photo.reveal{transform:translateY(38px) scale(.97);transition-duration:1s} .motion-ready body:not([data-page=home]) .section-photo.reveal.visible{transform:translateY(0) scale(1)} @media(max-width:850px){body:not([data-page=home]) .hero{padding-bottom:45px}body:not([data-page=home]) .hero+.section{padding-top:45px;padding-bottom:75px}body:not([data-page=home]) .section-intro,body:not([data-page=home]) .section-photo{grid-column:auto}body:not([data-page=home]) .section-intro h2{font-size:48px}body:not([data-page=home]) .section-photo img{aspect-ratio:1.8}body:not([data-page=home]) .care-feature{padding-top:30px;padding-bottom:60px;margin-bottom:40px}} @media(max-width:520px){body:not([data-page=home]) .hero{padding-bottom:38px}body:not([data-page=home]) .hero+.section{padding-top:40px;padding-bottom:60px}body:not([data-page=home]) .section-intro h2{font-size:44px}body:not([data-page=home]) .section-top{gap:28px;margin-bottom:32px}} @media(prefers-reduced-motion:reduce){.motion-ready body:not([data-page=home]) .reveal,.motion-ready body:not([data-page=home]) .section-photo.reveal{opacity:1;transform:none;transition:none}} /* Top alignment and restrained photographic depth. */ body:not([data-page=home]) .section-top{align-items:start} body:not([data-page=home]) .section-intro{align-self:start;padding-top:0} body:not([data-page=home]) .section-intro h2{margin-top:0} body:not([data-page=home]) .method-panel .stagebody{justify-content:flex-start;padding:24px 28px 26px;min-height:0;gap:0;overflow:hidden} body:not([data-page=home]) .method-panel .stagebody h3{font-size:33px;max-width:none;margin:0 0 12px;line-height:1.05} body:not([data-page=home]) .method-panel .stagebody p{font-size:14px;line-height:1.6;max-width:none;margin:0 0 18px} body:not([data-page=home]) .stage-photo{margin:auto 0 0;flex-shrink:0;height:clamp(110px,11vw,155px);width:100%;overflow:hidden;border-radius:13px} body:not([data-page=home]) .stage-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%} body:not([data-page=home]) .service-icon{width:45px;height:45px;color:var(--ink);margin-bottom:26px} body:not([data-page=home]) .service-icon svg{display:block;width:100%;height:100%} body:not([data-page=home]) .scroll-scene{overflow:hidden} body:not([data-page=home]) .scroll-scene img{transform:translateY(var(--photo-offset,0px)) scale(1.07);will-change:transform} body:not([data-page=home]) .care-feature .product-wrap{display:flex;flex-direction:column;align-items:center;gap:38px;text-align:center} body:not([data-page=home]) .care-feature .product-wrap>div:first-child{width:100%;max-width:850px} body:not([data-page=home]) .care-feature h2{max-width:none} body:not([data-page=home]) .care-feature .product-wrap>div:first-child>p{max-width:630px;margin:22px auto 0} body:not([data-page=home]) .care-feature .actions{justify-content:center;margin-top:24px} body:not([data-page=home]) .care-showcase{width:100%;max-width:920px;text-align:left;padding:30px 38px} body:not([data-page=home]) .care-preview-stage{min-height:410px} body:not([data-page=home]) .care-preview-stage img{width:auto;max-width:100%;max-height:385px;margin:auto} body:not([data-page=home]) .care-preview-stage [data-care-panel=tracking] img{max-height:385px} body:not([data-page=home]) .care-preview-stage figcaption,body:not([data-page=home]) .care-preview-note{text-align:center} .motion-ready body:not([data-page=home]) .reveal{transition-duration:1s} @media(max-width:1100px) and (min-width:851px){body:not([data-page=home]) .method-panel .stagebody{padding:20px 24px 22px}body:not([data-page=home]) .method-panel .stagebody h3{font-size:30px}body:not([data-page=home]) .method-panel .stagebody p{font-size:13px;margin-bottom:14px}body:not([data-page=home]) .stage-photo{height:110px}} @media(max-width:850px){body:not([data-page=home]) .method-panel .stagebody{min-height:330px}body:not([data-page=home]) .stage-photo{height:170px}body:not([data-page=home]) .care-showcase{padding:27px}body:not([data-page=home]) .care-preview-stage{min-height:375px}} @media(max-width:520px){body:not([data-page=home]) .method-panel .stagebody{padding:22px;min-height:330px}body:not([data-page=home]) .stage-photo{height:135px}body:not([data-page=home]) .care-showcase{padding:24px 18px}body:not([data-page=home]) .care-preview-stage{min-height:285px}body:not([data-page=home]) .care-preview-stage img,body:not([data-page=home]) .care-preview-stage [data-care-panel=tracking] img{max-height:265px}} @media(prefers-reduced-motion:reduce){body:not([data-page=home]) .scroll-scene img{transform:none;will-change:auto}} /* Homepage refinement: quiet surfaces and authentic brand marks. */ body:not([data-page=home]){background:#fff} body:not([data-page=home]) .hero,body:not([data-page=home]) .section,body:not([data-page=home]) .care-feature{background:transparent} body:not([data-page=home]) .method-panel,body:not([data-page=home]) .service,body:not([data-page=home]) .care-showcase{background:#f5f4f0;border:0;box-shadow:0 10px 30px rgba(48,56,59,.055)} body:not([data-page=home]) .foot{background:#f5f4f0;border:0} body:not([data-page=home]) .method-panel .stagebody{display:flex;flex-direction:column;flex:1;gap:0} body:not([data-page=home]) .method-panel .stagebody p{margin-bottom:12px} body:not([data-page=home]) .stage-photo{margin:0;flex:1 1 0;min-height:110px;height:auto} body:not([data-page=home]) .service-icon{width:64px;height:45px;margin-bottom:24px;background:transparent;padding:0} body:not([data-page=home]) .service-icon img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center} body:not([data-page=home]) .care-section-logo{display:block;width:260px;max-width:80%;height:auto;margin:0 auto 26px} @media(max-width:760px){body:not([data-page=home]) .stage-photo{min-height:145px}body:not([data-page=home]) .care-section-logo{width:220px;margin-bottom:22px}} body:not([data-page=home])>header.wrap{width:100%;background:var(--cream)} body:not([data-page=home])>header .nav{width:min(1320px,calc(100% - 112px));margin:auto} body:not([data-page=home]) .hero{padding-bottom:64px} body:not([data-page=home]) .hero+.section{padding-top:82px;padding-bottom:118px} body:not([data-page=home]) .section-top{align-items:stretch;gap:32px;margin-bottom:54px} body:not([data-page=home]) .section-intro{align-self:stretch;display:flex;flex-direction:column} body:not([data-page=home]) .section-intro p{font-size:15px;line-height:1.7;margin-top:20px} body:not([data-page=home]) .section-intro p:last-child{margin-top:auto;padding-top:18px} body:not([data-page=home]) .section-photo{align-self:stretch} body:not([data-page=home]) .section-photo img{height:100%;min-height:360px;aspect-ratio:auto;object-fit:cover} body:not([data-page=home]) .care-feature{padding-top:58px;padding-bottom:102px;margin-bottom:64px} body:not([data-page=home]) .care-section-logo{margin-bottom:22px} body:not([data-page=home]) .care-section-divider{width:72px;height:1px;background:rgba(48,56,59,.22);margin:0 auto 28px} body:not([data-page=home]) .cta{background:var(--cream);color:var(--ink);margin-bottom:52px} body:not([data-page=home]) .cta h2,body:not([data-page=home]) .cta p{color:var(--ink)} body:not([data-page=home]) .foot,body:not([data-page=home]) .foot>.wrap{background:#fff;border:0;box-shadow:none} .motion-ready body:not([data-page=home]) .section.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1)} .motion-ready body:not([data-page=home]) .section.reveal.visible{opacity:1;transform:none} @media(max-width:1100px){body:not([data-page=home])>header .nav{width:calc(100% - 64px)}} @media(max-width:850px){body:not([data-page=home]) .hero{padding-bottom:54px}body:not([data-page=home]) .hero+.section{padding-top:58px;padding-bottom:88px}body:not([data-page=home]) .section-intro p:last-child{margin-top:0}body:not([data-page=home]) .section-photo img{min-height:0;height:auto;aspect-ratio:1.8}body:not([data-page=home]) .care-feature{padding-top:42px;padding-bottom:78px;margin-bottom:48px}} @media(max-width:520px){body:not([data-page=home])>header .nav{width:calc(100% - 40px)}body:not([data-page=home]) .hero+.section{padding-top:48px;padding-bottom:74px}body:not([data-page=home]) .section-top{margin-bottom:40px}} @media(prefers-reduced-motion:reduce){.motion-ready body:not([data-page=home]) .section.reveal{opacity:1;transform:none;transition:none}} /* Final homepage finish: ink navigation and uninterrupted surfaces. */ body:not([data-page=home])>header.wrap{background:var(--ink);color:var(--cream)} body:not([data-page=home])>header .navlinks,body:not([data-page=home])>header .menu{background:transparent;color:var(--cream)} body:not([data-page=home])>header .navlinks a:not(.button){background:transparent;color:var(--cream)} body:not([data-page=home])>header .navlinks a:not(.button):hover{color:#fff} body:not([data-page=home])>header .navlinks .button{background:var(--cream);color:var(--ink);border:0;box-shadow:none} body:not([data-page=home])>header .menu{border:0} body:not([data-page=home])>header a:focus-visible,body:not([data-page=home])>header button:focus-visible{outline-color:var(--cream)} body:not([data-page=home]) .footlinks,body:not([data-page=home]) .footlinks a,body:not([data-page=home]) .footlinks>div,body:not([data-page=home]) .footbottom a{background:transparent;box-shadow:none} body:not([data-page=home]) .cta,body:not([data-page=home]) .cta:hover{box-shadow:none;filter:none} @media(max-width:850px){body:not([data-page=home])>header .navlinks{background:var(--ink)}} /* Rounded homepage navigation container. */ body:not([data-page=home])>header.wrap{width:min(1392px,calc(100% - 48px));margin:20px auto 0;border-radius:24px;position:relative} body:not([data-page=home])>header .nav{width:calc(100% - 64px)} @media(max-width:850px){body:not([data-page=home])>header.wrap{width:calc(100% - 32px);margin-top:16px;border-radius:20px}body:not([data-page=home])>header .nav{width:calc(100% - 40px)}body:not([data-page=home])>header .navlinks{top:100%;border-radius:0 0 20px 20px}} @media(max-width:520px){body:not([data-page=home])>header.wrap{width:calc(100% - 24px);margin-top:12px;border-radius:18px}body:not([data-page=home])>header .nav{width:calc(100% - 32px)}} /* A slimmer navigation pill and a spacious branded introduction. */ body:not([data-page=home])>header.wrap{border-radius:999px} body:not([data-page=home])>header .nav{height:76px} body:not([data-page=home]) .hero-brand{display:flex;justify-content:center;padding-top:76px;padding-bottom:12px} body:not([data-page=home]) .hero-brand img{display:block;width:170px;height:auto;max-width:40vw} body:not([data-page=home]) .hero{padding-top:60px;padding-bottom:88px} body:not([data-page=home]) .hero+.section{padding-top:100px;padding-bottom:140px} body:not([data-page=home]) .section-top{margin-bottom:66px} body:not([data-page=home]) .care-feature{padding-top:78px;padding-bottom:116px;margin-bottom:88px} body:not([data-page=home]) .care-feature .product-wrap{gap:56px} body:not([data-page=home]) .cta{margin-bottom:76px} .motion-ready body:not([data-page=home]) .reveal{transform:translateY(36px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)} .motion-ready body:not([data-page=home]) .reveal.visible{transform:none} @media(max-width:850px){body:not([data-page=home])>header .nav{height:68px}body:not([data-page=home]) .hero-brand{padding-top:56px;padding-bottom:8px}body:not([data-page=home]) .hero-brand img{width:140px}body:not([data-page=home]) .hero{padding-top:46px;padding-bottom:70px}body:not([data-page=home]) .hero+.section{padding-top:72px;padding-bottom:104px}body:not([data-page=home]) .care-feature{padding-top:58px;padding-bottom:88px;margin-bottom:66px}body:not([data-page=home]) .care-feature .product-wrap{gap:44px}body:not([data-page=home]) .cta{margin-bottom:58px}body:not([data-page=home])>header .navlinks{border-radius:24px;margin-top:8px}} @media(max-width:520px){body:not([data-page=home]) .hero-brand{padding-top:46px}body:not([data-page=home]) .hero-brand img{width:120px}body:not([data-page=home]) .hero{padding-top:38px;padding-bottom:58px}body:not([data-page=home]) .hero+.section{padding-top:60px;padding-bottom:88px}body:not([data-page=home]) .section-top{margin-bottom:48px}} @media(prefers-reduced-motion:reduce){.motion-ready body:not([data-page=home]) .reveal{opacity:1;transform:none;transition:none}} /* Final rhythm: one consistent gap between homepage sections. */ body:not([data-page=home]){--section-gap:144px} body:not([data-page=home])>header .nav{height:60px} body:not([data-page=home])>header .brand{width:270px} body:not([data-page=home]) .hero{padding-top:84px;padding-bottom:0;margin-bottom:var(--section-gap)} body:not([data-page=home]) .hero+.section{padding-top:0;padding-bottom:0;margin-bottom:var(--section-gap)} body:not([data-page=home]) .care-feature{padding-top:0;padding-bottom:0;margin-bottom:var(--section-gap)} body:not([data-page=home]) .cta{margin-bottom:var(--section-gap)} body:not([data-page=home]) .foot{padding-top:0} body:not([data-page=home]) .foot>.wrap{padding-top:0} @media(max-width:850px){body:not([data-page=home]){--section-gap:104px}body:not([data-page=home])>header .nav{height:56px}body:not([data-page=home])>header .brand{width:240px}body:not([data-page=home]) .hero{padding-top:64px}} @media(max-width:520px){body:not([data-page=home]){--section-gap:80px}body:not([data-page=home])>header .brand{width:220px}body:not([data-page=home]) .hero{padding-top:54px}} body:not([data-page=home]){--section-gap:112px} body:not([data-page=home]) .hero{margin-bottom:112px} body:not([data-page=home]) .hero+.section{margin-bottom:64px} body:not([data-page=home]) .service p{line-height:1.75} body:not([data-page=home]) .work-evidence{margin-bottom:128px} body:not([data-page=home]) .evidence-intro{max-width:760px;margin-bottom:32px} body:not([data-page=home]) .evidence-intro h2{font-size:clamp(32px,3.2vw,46px);text-transform:lowercase} body:not([data-page=home]) .evidence-intro p{font-size:15px;margin-top:14px} body:not([data-page=home]) .evidence-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px} body:not([data-page=home]) .evidence-links>a{display:flex;flex-direction:column;align-items:start;padding:12px 0} body:not([data-page=home]) .evidence-links h3{font-size:28px;margin-bottom:12px} body:not([data-page=home]) .evidence-links p{font-size:14px;line-height:1.7;margin-bottom:18px} body:not([data-page=home]) .evidence-links span{font-size:13px;font-weight:600;margin-top:auto;text-transform:lowercase} body:not([data-page=home]) .evidence-links>a:hover span{color:#a9633d} body:not([data-page=home]) .care-feature .product-wrap{gap:40px} body:not([data-page=home]) .care-showcase{max-width:1040px;padding:32px 44px} body:not([data-page=home]) .care-preview-stage{min-height:480px} body:not([data-page=home]) .care-preview-stage img{max-height:460px;max-width:100%;width:620px;height:auto;object-fit:contain} body:not([data-page=home]) .care-preview-stage [data-care-panel=tracking] img{max-height:460px} body:not([data-page=home]) .care-preview-stage figcaption{margin-top:24px;font-size:26px} body:not([data-page=home]) .care-preview-stage figcaption span{display:block;font-family:'Noto Sans',Arial,sans-serif;font-size:14px;line-height:1.7;max-width:560px;margin:12px auto 0;letter-spacing:0} body:not([data-page=home]) .care-feature{margin-bottom:112px} body:not([data-page=home]) .cta{margin-bottom:80px} @media(max-width:850px){body:not([data-page=home]) .hero{margin-bottom:88px}body:not([data-page=home]) .hero+.section{margin-bottom:48px}body:not([data-page=home]) .work-evidence{margin-bottom:96px}body:not([data-page=home]) .evidence-links{grid-template-columns:1fr;gap:22px}body:not([data-page=home]) .care-showcase{padding:28px 22px}body:not([data-page=home]) .care-preview-stage{min-height:390px}body:not([data-page=home]) .care-preview-stage img,body:not([data-page=home]) .care-preview-stage [data-care-panel=tracking] img{max-height:360px}body:not([data-page=home]) .care-feature{margin-bottom:88px}body:not([data-page=home]) .cta{margin-bottom:64px}} @media(max-width:520px){body:not([data-page=home]) .hero{margin-bottom:72px}body:not([data-page=home]) .work-evidence{margin-bottom:80px}body:not([data-page=home]) .care-showcase{padding:24px 18px}body:not([data-page=home]) .care-preview-stage{min-height:300px}body:not([data-page=home]) .care-preview-stage img,body:not([data-page=home]) .care-preview-stage [data-care-panel=tracking] img{max-height:280px}body:not([data-page=home]) .care-feature{margin-bottom:72px}} body:not([data-page=home]) .hero+.section{margin-bottom:128px} @media(max-width:850px){body:not([data-page=home]) .hero+.section{margin-bottom:96px}} @media(max-width:520px){body:not([data-page=home]) .hero+.section{margin-bottom:80px}} /* Cream navigation variation. */ body:not([data-page=home])>header.wrap{background:var(--cream);color:var(--ink)} body:not([data-page=home])>header .navlinks,body:not([data-page=home])>header .menu,body:not([data-page=home])>header .navlinks a:not(.button){background:transparent;color:var(--ink)} body:not([data-page=home])>header .navlinks a:not(.button):hover{color:#a9633d} body:not([data-page=home])>header .navlinks .button{background:var(--ink);color:var(--cream);border:0;box-shadow:none} body:not([data-page=home])>header a:focus-visible,body:not([data-page=home])>header button:focus-visible{outline-color:var(--ink)} @media(max-width:850px){body:not([data-page=home])>header .navlinks{background:var(--cream)}} body:not([data-page=home]){background:#fff;font-family:'Noto Sans',Arial,sans-serif;--home-gap:112px} body:not([data-page=home]) p,body:not([data-page=home]) a,body:not([data-page=home]) button,body:not([data-page=home]) span,body:not([data-page=home]) figcaption{font-family:'Noto Sans',Arial,sans-serif} body:not([data-page=home]) h1,body:not([data-page=home]) h2,body:not([data-page=home]) h3{font-family:'EB Garamond',Georgia,serif;text-transform:lowercase} body:not([data-page=home])>header.wrap{background:#fff;border-radius:0;box-shadow:none;margin-top:16px} body:not([data-page=home])>header .navlinks{background:transparent} body:not([data-page=home])>header .navlinks .button{background:var(--ink);color:var(--cream)} body:not([data-page=home]) .hero-centered{text-align:center;padding:84px 0 0;margin-bottom:var(--home-gap)} body:not([data-page=home]) .hero-centered h1{font-size:clamp(50px,6.4vw,88px);line-height:1.01} body:not([data-page=home]) .hero-centered .lead{font-size:18px;line-height:1.8;max-width:720px;margin:28px auto 0} body:not([data-page=home]) .hero-centered .actions{justify-content:center;margin-top:30px} body:not([data-page=home]) .hero-centered .button.outline{background:var(--cream);border:0;color:var(--ink)} body:not([data-page=home]) .home-services,body:not([data-page=home]) .people-section,body:not([data-page=home]) .methodology-section,body:not([data-page=home]) .product-feature{margin-bottom:var(--home-gap)} body:not([data-page=home]) .center-heading{text-align:center;font-size:clamp(36px,4vw,56px);margin-bottom:42px} body:not([data-page=home]) .service,body:not([data-page=home]) .method-card{border:1px solid rgba(48,56,59,.19)!important;background:#f7f6f2!important;box-shadow:none!important;border-radius:20px;padding:30px!important;position:relative} body:not([data-page=home]) .service:hover{box-shadow:none;transform:translateY(-4px)} body:not([data-page=home]) .service-icon{position:absolute;right:28px;top:26px;width:56px;height:46px;margin:0;transition:transform .35s cubic-bezier(.2,.8,.2,1);transform-origin:center} body:not([data-page=home]) .service-icon img{object-position:center} body:not([data-page=home]) .service:hover .service-icon,body:not([data-page=home]) .service:focus-visible .service-icon{transform:scale(1.18)} body:not([data-page=home]) .service h3{padding-top:72px;font-size:34px;margin-bottom:16px} body:not([data-page=home]) .service p{font-size:15px;line-height:1.75} body:not([data-page=home]) .service .link{padding-top:28px} body:not([data-page=home]) .service .link span{transition:transform .25s,background .25s} body:not([data-page=home]) .service:hover .link span{transform:translate(3px,-3px);background:var(--ink)} body:not([data-page=home]) .people-section .section-top{grid-template-columns:1fr 1.25fr;gap:64px;align-items:center;margin:0} body:not([data-page=home]) .section-intro{display:block;align-self:center} body:not([data-page=home]) .section-intro h2{font-size:clamp(38px,4vw,58px)} body:not([data-page=home]) .section-intro p{font-size:16px;line-height:1.8;margin-top:22px;max-width:470px} body:not([data-page=home]) .section-intro p:last-child{margin-top:16px;padding:0;font-size:14px;font-weight:600} body:not([data-page=home]) .section-photo{grid-column:auto;width:100%;max-width:none} body:not([data-page=home]) .section-photo img{height:auto;min-height:0;aspect-ratio:1.45;filter:brightness(1.1) saturate(1.22);object-fit:cover} body:not([data-page=home]) .method-card{display:flex;flex-direction:column;gap:0} body:not([data-page=home]) .method-pill{display:inline-flex;align-self:start;background:#e3c785;color:#30383b;border-radius:30px;padding:7px 16px;font-size:13px;font-weight:600;margin-bottom:24px} body:not([data-page=home]) .method-card h3{font-size:32px;margin-bottom:16px} body:not([data-page=home]) .method-card p{font-size:15px;line-height:1.75;margin-bottom:24px} body:not([data-page=home]) .method-photo{margin:auto 0 0;border-radius:12px;overflow:hidden;height:210px} body:not([data-page=home]) .method-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(1.14) saturate(1.25)} body:not([data-page=home]) .product-feature{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:70px} body:not([data-page=home]) .product-copy .product-logo{display:block;width:230px;height:auto;max-height:74px;object-fit:contain;object-position:left center;margin-bottom:24px} body:not([data-page=home]) .product-copy .element-logo{width:270px} body:not([data-page=home]) .product-divider{height:1px;width:64px;background:rgba(48,56,59,.23);margin-bottom:28px} body:not([data-page=home]) .product-copy h2{font-size:clamp(38px,4vw,58px)} body:not([data-page=home]) .product-copy p{font-size:16px;line-height:1.8;margin:24px 0 28px;max-width:480px} body:not([data-page=home]) .product-visual{background:#f7f6f2;border:1px solid rgba(48,56,59,.19);border-radius:20px;padding:28px;overflow:hidden;position:relative} body:not([data-page=home]) .element-product .product-copy{grid-column:2;grid-row:1} body:not([data-page=home]) .element-product .product-visual{grid-column:1;grid-row:1} body:not([data-page=home]) .care-motion{position:relative;aspect-ratio:1.2;min-height:340px} body:not([data-page=home]) .care-motion figure{margin:0;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:18px} body:not([data-page=home]) .care-motion img{width:100%;max-height:360px;object-fit:contain;border-radius:10px} body:not([data-page=home]) .care-motion figcaption{font-size:12px;text-align:center} body:not([data-page=home]) .care-motion-report{animation:report-preview 12s infinite} body:not([data-page=home]) .care-motion-dashboard{animation:dashboard-preview 12s infinite} body:not([data-page=home]) .care-motion.paused figure{animation-play-state:paused} body:not([data-page=home]) .motion-control,body:not([data-page=home]) .element-motion-control{display:block;margin:18px auto 0;border:0;background:transparent;color:var(--ink);font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:8px} body:not([data-page=home]) .element-preview .preview-label{font-size:12px} body:not([data-page=home]) .element-preview h3{font-size:32px;margin:16px 0 8px} body:not([data-page=home]) .element-preview>p{font-size:13px} body:not([data-page=home]) .element-preview img{width:100%;height:auto;margin-top:18px;border-radius:10px} body:not([data-page=home]) .element-preview img[hidden]{display:none} body:not([data-page=home]) .preview-note{font-size:11px!important;margin-top:16px} body:not([data-page=home]) .cta{margin-bottom:80px} @media(max-width:1100px){body:not([data-page=home]) .navlinks{gap:16px;font-size:13px}body:not([data-page=home])>header .brand{width:220px}body:not([data-page=home]) .product-feature{gap:38px}body:not([data-page=home]) .people-section .section-top{gap:38px}} @media(max-width:850px){body:not([data-page=home]){--home-gap:84px}body:not([data-page=home]) .hero-centered{padding-top:60px}body:not([data-page=home]) .hero-centered .lead{font-size:17px}body:not([data-page=home]) .people-section .section-top,body:not([data-page=home]) .product-feature{grid-template-columns:1fr;gap:34px}body:not([data-page=home]) .element-product .product-copy,body:not([data-page=home]) .element-product .product-visual{grid-column:auto;grid-row:auto}body:not([data-page=home]) .section-intro p{max-width:620px}body:not([data-page=home]) .method-photo{height:240px}body:not([data-page=home])>header .navlinks{background:#fff}body:not([data-page=home]) .product-visual{max-width:650px;width:100%;margin:auto}} @media(max-width:520px){body:not([data-page=home]){--home-gap:72px}body:not([data-page=home]) .hero-centered{padding-top:48px}body:not([data-page=home]) .hero-centered h1{font-size:50px}body:not([data-page=home]) .center-heading{font-size:38px;margin-bottom:30px}body:not([data-page=home]) .product-visual{padding:22px}body:not([data-page=home]) .care-motion{min-height:280px}body:not([data-page=home]) .method-photo{height:200px}} @media(prefers-reduced-motion:reduce){body:not([data-page=home]) .care-motion figure{animation:none}body:not([data-page=home]) .care-motion-dashboard{display:none}body:not([data-page=home]) .service-icon,body:not([data-page=home]) .service .link span{transition:none}} body:not([data-page=home]) .hero-centered h1{font-size:clamp(24px,3.65vw,56px);white-space:nowrap;line-height:1.1;letter-spacing:-.035em} body:not([data-page=home]) .hero-centered .lead{max-width:740px} body:not([data-page=home]) .hero-centered .actions .button{background:var(--ink);color:var(--cream)} body:not([data-page=home]) .hero-centered .actions .button:hover{background:#a9633d} body:not([data-page=home]) .service,body:not([data-page=home]) .method-card{background:rgba(247,243,234,.33)!important} body:not([data-page=home]) .product-visual{background:rgba(247,243,234,.33)} body:not([data-page=home]) .cta{background:rgba(247,243,234,.42)} body:not([data-page=home]) .service-icon{left:28px;right:auto} body:not([data-page=home]) .service .link{background:var(--ink);color:var(--cream);display:inline-flex;align-items:center;justify-content:center;gap:14px;align-self:center;padding:12px 20px;min-height:44px;border-radius:999px;margin-top:28px;font-size:13px;transition:background .25s,transform .25s} body:not([data-page=home]) .service .link span{background:transparent;color:inherit;padding:0;width:auto;height:auto;border-radius:0} body:not([data-page=home]) .service:hover .link,body:not([data-page=home]) .service:focus-visible .link{background:#a9633d;transform:translateY(-2px)} body:not([data-page=home]) .service:hover .link span{background:transparent;transform:translate(3px,-3px)} body:not([data-page=home]) .service p{flex:1} body:not([data-page=home]) .method-pill{background:#a9633d;color:#fff;transition:background .3s} body:not([data-page=home]) .method-card{transition:transform .35s,border-color .35s} body:not([data-page=home]) .method-card:hover{transform:translateY(-5px);border-color:rgba(48,56,59,.35)!important} body:not([data-page=home]) .method-card:hover .method-pill{transform:none;background:var(--ink)} body:not([data-page=home]) .method-photo img{transition:filter .4s,transform .6s} body:not([data-page=home]) .people-section .section-top{max-width:960px;margin:auto;grid-template-columns:1fr 1fr;gap:52px} body:not([data-page=home]) .people-section .section-photo img{aspect-ratio:1.7} body:not([data-page=home]) .people-section .section-intro p{font-size:15px;line-height:1.8;margin-top:0} body:not([data-page=home]) .people-section .section-intro p:last-child{margin-top:16px;font-size:13px} body:not([data-page=home]) .product-feature{align-items:stretch} body:not([data-page=home]) .product-copy{display:flex;flex-direction:column;align-items:flex-start} body:not([data-page=home]) .product-copy .button{margin-top:auto} body:not([data-page=home]) .product-copy p{margin-bottom:32px} body:not([data-page=home]) .product-visual{display:flex;flex-direction:column;justify-content:center} body:not([data-page=home]) .care-motion-report{animation:report-preview 4.8s 1 both} body:not([data-page=home]) .care-motion-dashboard{animation:dashboard-preview 4.8s 1 both} .motion-ready body:not([data-page=home]) .reveal{opacity:0;transform:translateY(56px) scale(.985);transition:opacity .85s ease,transform 1.15s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)} .motion-ready body:not([data-page=home]) .reveal.visible{opacity:1;transform:none} .motion-ready body:not([data-page=home]) .section-photo.reveal{transform:translateY(56px) scale(.96)} .motion-ready body:not([data-page=home]) .section-photo.reveal.visible{transform:none} @media(max-width:850px){body:not([data-page=home]) .hero-centered h1{white-space:normal;font-size:clamp(38px,6vw,52px);max-width:680px;margin:auto}body:not([data-page=home]) .people-section .section-top{grid-template-columns:1fr 1fr;gap:28px}body:not([data-page=home]) .product-copy .button{margin-top:0}} @media(max-width:520px){body:not([data-page=home]) .people-section .section-top{grid-template-columns:1fr;gap:26px}body:not([data-page=home]) .hero-centered h1{font-size:40px}} @media(prefers-reduced-motion:reduce){.motion-ready body:not([data-page=home]) .reveal,.motion-ready body:not([data-page=home]) .section-photo.reveal{opacity:1;transform:none;transition:none}body:not([data-page=home]) .method-card,body:not([data-page=home]) .method-pill{transition:none}} /* Homepage 26: a bold identity and a deliberate three-stage process. */ body:not([data-page=home])>header .brand{width:64px;max-width:none;margin:0} body:not([data-page=home])>header .brand img{width:58px;height:40px;object-fit:contain;object-position:left center} body:not([data-page=home]) .hero-lockup{display:block;width:min(640px,85%);height:auto;margin:0 auto 54px} body:not([data-page=home]) .hero-centered{padding-top:70px} body:not([data-page=home]) .service{text-align:left;align-items:flex-start} body:not([data-page=home]) .service .link{align-self:flex-start;color:var(--cream)!important} body:not([data-page=home]) .service .link span{color:var(--cream)!important} body:not([data-page=home]) .service .link:hover,body:not([data-page=home]) .service:hover .link{color:var(--cream)!important} body:not([data-page=home]) .service:hover,body:not([data-page=home]) .service:focus-visible{border-color:rgba(48,56,59,.4)!important} body:not([data-page=home]) .service p{min-height:106px;max-width:33ch;flex:1} body:not([data-page=home]) .methodology-section .grid3{display:flex;flex-direction:column;gap:34px;max-width:1040px;margin:auto;position:relative} body:not([data-page=home]) .method-card{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:auto auto 1fr;column-gap:48px;min-height:310px;padding:36px!important;text-align:left;align-items:start} body:not([data-page=home]) .method-card .method-pill{grid-column:1;grid-row:1;justify-self:start;align-self:start;font-family:'EB Garamond',Georgia,serif;background:var(--ink);color:var(--cream);font-size:23px;line-height:1;padding:10px 22px;margin:0 0 22px} body:not([data-page=home]) .method-card h3{grid-column:1;grid-row:2;font-size:36px;margin-bottom:18px} body:not([data-page=home]) .method-card p{grid-column:1;grid-row:3;margin:0;max-width:43ch;min-height:82px;font-size:15px;line-height:1.8} body:not([data-page=home]) .method-card .method-photo{grid-column:2;grid-row:1 / 4;height:100%;min-height:236px;width:100%;margin:0} body:not([data-page=home]) .method-card:hover .method-pill{background:#a9633d} body:not([data-page=home]) .method-card:not(:last-child)::after{content:'';position:absolute;bottom:-35px;left:50%;height:34px;width:1px;background:rgba(48,56,59,.25)} .motion-ready body:not([data-page=home]) .method-card.reveal{opacity:0;transform:translateY(76px) scale(.965);transition:opacity .8s ease,transform 1.2s cubic-bezier(.16,1,.3,1),border-color .3s} .motion-ready body:not([data-page=home]) .method-card.reveal.visible{opacity:1;transform:none} body:not([data-page=home]) .method-card.reveal.visible:hover{transform:translateY(-4px)} @media(max-width:1100px){body:not([data-page=home]) .service p{min-height:130px}body:not([data-page=home]) .method-card{column-gap:32px}} @media(max-width:850px){body:not([data-page=home]) .hero-lockup{width:min(540px,90%);margin-bottom:42px}body:not([data-page=home]) .service p{min-height:0;max-width:none}body:not([data-page=home]) .method-card{grid-template-columns:1fr 1fr;column-gap:26px;padding:28px!important}body:not([data-page=home]) .method-card h3{font-size:32px}body:not([data-page=home]) .method-card p{min-height:0}} @media(max-width:520px){body:not([data-page=home]) .hero-lockup{margin-bottom:34px}body:not([data-page=home]) .method-card{display:flex;align-items:flex-start;gap:0}body:not([data-page=home]) .method-card p{margin-bottom:24px;max-width:none}body:not([data-page=home]) .method-card .method-photo{height:200px;min-height:0}} @media(prefers-reduced-motion:reduce){.motion-ready body:not([data-page=home]) .method-card.reveal{opacity:1;transform:none;transition:none}} body:not([data-page=home]) .trial-banner{display:flex;justify-content:center;align-items:center;background:var(--ink);color:var(--cream);padding:11px 24px;min-height:42px} body:not([data-page=home]) .trial-banner a{display:inline-flex;align-items:center;justify-content:center;gap:16px;font-family:'Noto Sans',Arial,sans-serif;font-size:13px;line-height:1.5;text-align:center} body:not([data-page=home]) .trial-banner span{transition:transform .25s} body:not([data-page=home]) .trial-banner a:hover span{transform:translate(3px,-3px)} body:not([data-page=home]) .trial-banner a:focus-visible{outline-color:var(--cream)} body:not([data-page=home])>header.wrap{margin-top:16px} body:not([data-page=home])>header .brand{width:270px} body:not([data-page=home])>header .brand img{width:100%;height:auto;max-height:40px;object-fit:contain} body:not([data-page=home]) .hero-centered{padding-top:88px;padding-bottom:8px;margin-bottom:120px} body:not([data-page=home]) .hero-centered h1{font-size:clamp(40px,5.6vw,82px);line-height:1.04;letter-spacing:-.035em;white-space:normal} body:not([data-page=home]) .hero-centered .lead{font-size:19px;line-height:1.8;max-width:760px;margin-top:30px} body:not([data-page=home]) .hero-centered .actions{margin-top:34px} body:not([data-page=home]) .hero-centered .actions .button{min-height:50px;padding:14px 26px} body:not([data-page=home]) .method-card:nth-child(2) .method-pill,body:not([data-page=home]) .method-card:nth-child(2) h3,body:not([data-page=home]) .method-card:nth-child(2) p{grid-column:2} body:not([data-page=home]) .method-card:nth-child(2) .method-photo{grid-column:1} @media(max-width:1100px){body:not([data-page=home])>header .brand{width:220px}} @media(max-width:850px){body:not([data-page=home]) .hero-centered{padding-top:66px;margin-bottom:94px}body:not([data-page=home]) .hero-centered h1{font-size:clamp(42px,7vw,64px)}body:not([data-page=home]) .hero-centered .lead{font-size:17px}} @media(max-width:520px){body:not([data-page=home]) .trial-banner{padding:10px 16px}body:not([data-page=home]) .trial-banner a{font-size:12px;gap:8px}body:not([data-page=home]) .hero-centered{padding-top:52px;margin-bottom:80px}body:not([data-page=home]) .hero-centered h1{font-size:46px}body:not([data-page=home]) .hero-centered .lead{font-size:16px}} body:not([data-page=home]) .button>span,body:not([data-page=home]) .service .link>span,body:not([data-page=home]) .trial-banner a>span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1} body:not([data-page=home]) .service .link .brand-arrow{width:18px;height:18px} body:not([data-page=home])>header .button .brand-arrow,body:not([data-page=home]) .trial-banner .brand-arrow{width:17px;height:17px} body:not([data-page=home]) .brand-arrow{transition:transform .25s cubic-bezier(.2,.8,.2,1)} @media(prefers-reduced-motion:reduce){body:not([data-page=home]) .brand-arrow{transition:none}} /* Full-browser alignment and a dedicated opening viewport. */ body:not([data-page=home]) .methodology-section .grid3{max-width:none;width:100%} body:not([data-page=home]) .hero-centered{min-height:calc(100svh - 134px);padding-top:70px;padding-bottom:96px;margin-bottom:64px;display:flex;flex-direction:column;align-items:center;justify-content:center} body:not([data-page=home]) .hero-centered h1{width:100%} body:not([data-page=home]) .hero-centered .lead{width:100%} body:not([data-page=home]) .hero-centered .actions{flex-shrink:0} @media(max-width:850px){body:not([data-page=home]) .hero-centered{min-height:calc(100svh - 128px);padding-top:60px;padding-bottom:76px;margin-bottom:60px}} @media(max-width:520px){body:not([data-page=home]) .hero-centered{min-height:calc(100svh - 144px);padding-top:52px;padding-bottom:68px;margin-bottom:56px}} body:not([data-page=home]) .trial-banner{min-height:58px;padding:17px 24px} body:not([data-page=home]) .trial-banner a{font-size:14px} body:not([data-page=home]) .hero-centered{min-height:calc(100svh - 150px)} body:not([data-page=home]) .hero-centered.opening-animate h1{animation:headline-type 2.15s steps(34,end) both} body:not([data-page=home]) .hero-centered.opening-animate .lead,body:not([data-page=home]) .hero-centered.opening-animate .actions{animation:opening-soft .85s ease both;animation-delay:2.25s} body:not([data-page=home]) .hero-centered.opening-animate .actions{animation-delay:2.45s} body:not([data-page=home]) .products-container{margin-bottom:var(--home-gap)} body:not([data-page=home]) .products-shell{background:rgba(247,243,234,.33);border:1px solid rgba(48,56,59,.19);border-radius:20px;padding:48px;transition:border-color .35s} body:not([data-page=home]) .products-shell:hover{border-color:rgba(48,56,59,.4)} body:not([data-page=home]) .products-shell .product-feature{margin-bottom:0;gap:48px} body:not([data-page=home]) .products-shell .care-product{margin-bottom:88px} body:not([data-page=home]) .products-shell .product-visual{background:#fff} @media(max-width:850px){body:not([data-page=home]) .products-shell{padding:32px}body:not([data-page=home]) .products-shell .product-feature{gap:34px}body:not([data-page=home]) .products-shell .care-product{margin-bottom:68px}body:not([data-page=home]) .hero-centered{min-height:calc(100svh - 144px)}} @media(max-width:520px){body:not([data-page=home]) .trial-banner{min-height:62px;padding:15px 16px}body:not([data-page=home]) .trial-banner a{font-size:13px}body:not([data-page=home]) .products-shell{padding:24px}body:not([data-page=home]) .products-shell .care-product{margin-bottom:56px}body:not([data-page=home]) .hero-centered{min-height:calc(100svh - 148px)}} @media(prefers-reduced-motion:reduce){body:not([data-page=home]) .hero-centered.opening-animate h1,body:not([data-page=home]) .hero-centered.opening-animate .lead,body:not([data-page=home]) .hero-centered.opening-animate .actions{animation:none;clip-path:none;opacity:1;transform:none}} /* Descender clearance and separate product cards. */ body:not([data-page=home]) .hero-centered h1{line-height:1.2;padding-bottom:.15em;margin-bottom:-.15em} body:not([data-page=home]) .products-container{display:flex;flex-direction:column;gap:48px} body:not([data-page=home]) .products-shell .care-product{margin-bottom:0} body:not([data-page=home]) .cta{border:1px solid rgba(48,56,59,.19);background:rgba(247,243,234,.33);box-shadow:none;transition:border-color .35s,transform .35s} body:not([data-page=home]) .cta:hover{border-color:rgba(48,56,59,.4);transform:translateY(-4px);box-shadow:none} body:not([data-page=home]) .cta .button.light{background:var(--ink);color:var(--cream);border:0;min-height:44px;padding:12px 20px;border-radius:999px;font-size:13px;gap:14px;box-shadow:none;transition:background .25s,transform .25s} body:not([data-page=home]) .cta .button.light:hover,body:not([data-page=home]) .cta .button.light:focus-visible{background:#a9633d;color:var(--cream);transform:translateY(-2px);box-shadow:none} body:not([data-page=home]) .cta .button.light span{color:var(--cream)} @media(max-width:850px){body:not([data-page=home]) .products-container{gap:36px}} @media(prefers-reduced-motion:reduce){body:not([data-page=home]) .cta,body:not([data-page=home]) .cta .button.light{transition:none}} /* Fixed methodology connectors and an ink closing invitation. */ body:not([data-page=home]) .method-card:hover,body:not([data-page=home]) .method-card.reveal.visible:hover{transform:none} body:not([data-page=home]) .product-copy .product-logo{margin-bottom:28px} body:not([data-page=home]) .cta{background:var(--ink);color:var(--cream);border-color:var(--ink)} body:not([data-page=home]) .cta h2,body:not([data-page=home]) .cta p{color:var(--cream)} body:not([data-page=home]) .cta:hover{border-color:var(--ink)} body:not([data-page=home]) .cta .button.light{background:var(--cream);color:var(--ink)} body:not([data-page=home]) .cta .button.light span{color:var(--ink)} body:not([data-page=home]) .cta .button.light:hover,body:not([data-page=home]) .cta .button.light:focus-visible{background:#fff;color:var(--ink)} body:not([data-page=home]) h2.heading-type-ready{clip-path:inset(-.15em 100% -.35em 0)} body:not([data-page=home]) h2.heading-type-ready.heading-typed{animation:section-title-type 1.55s steps(32,end) both} @media(prefers-reduced-motion:reduce){body:not([data-page=home]) h2.heading-type-ready,body:not([data-page=home]) h2.heading-type-ready.heading-typed{animation:none;clip-path:none}} body:not([data-page=home]) .hero-centered.opening-animate h1{animation-duration:3.2s} body:not([data-page=home]) .hero-centered.opening-animate .lead{animation-delay:3.3s} body:not([data-page=home]) .hero-centered.opening-animate .actions{animation-delay:3.5s} body:not([data-page=home]) h2.heading-type-ready.heading-typed{animation-duration:3.2s} body:not([data-page=home]) .typing-content{opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1),visibility 0s linear .9s} body:not([data-page=home]) .section-ready .typing-content{opacity:1;visibility:visible;transform:none;transition-delay:0s} @media(prefers-reduced-motion:reduce){body:not([data-page=home]) .typing-content{opacity:1;visibility:visible;transform:none;transition:none}} /* Smooth two-second reveals on the opening and main section headings only. */ body:not([data-page=home]) .hero-centered.opening-animate h1{animation-duration:2s;animation-timing-function:linear} body:not([data-page=home]) .hero-centered.opening-animate .lead{animation-delay:2.1s} body:not([data-page=home]) .hero-centered.opening-animate .actions{animation-delay:2.3s} body:not([data-page=home]) h2.heading-type-ready.heading-typed{animation-duration:2s;animation-timing-function:linear} /* Original section-reveal pace with gentle acceleration and a soft finish. */ body:not([data-page=home]) .hero-centered.opening-animate h1,body:not([data-page=home]) h2.heading-type-ready.heading-typed{animation-duration:1.55s;animation-timing-function:cubic-bezier(.2,.65,.3,1)} body:not([data-page=home]) .hero-centered.opening-animate .lead{animation-delay:1.65s} body:not([data-page=home]) .hero-centered.opening-animate .actions{animation-delay:1.85s} body:not([data-page=home]) .service p{text-wrap:balance;max-width:33ch} @media(max-width:850px){body:not([data-page=home]) .service p{max-width:none}} /* A measured reveal with an even pace and consistent card-copy measure. */ body:not([data-page=home]) .hero-centered.opening-animate h1,body:not([data-page=home]) h2.heading-type-ready.heading-typed{animation-duration:2.4s;animation-timing-function:cubic-bezier(.25,.3,.65,1)} body:not([data-page=home]) .hero-centered.opening-animate .lead{animation-delay:2.5s} body:not([data-page=home]) .hero-centered.opening-animate .actions{animation-delay:2.7s} body:not([data-page=home]) .service p{max-width:33ch;text-wrap:balance} body:not([data-page=home]) .typing-content{transform:translateY(8px);transition:opacity .3s ease,transform .35s ease,visibility 0s} body:not([data-page=home]) .section-ready .typing-content{transition-delay:0s} body:not([data-page=home]) .section-ready .service.reveal,body:not([data-page=home]) .section-ready .method-card.reveal{transition-duration:.35s} body:not([data-page=home]) .hero-centered.opening-animate .lead{animation-delay:2.4s;animation-duration:.35s} body:not([data-page=home]) .hero-centered.opening-animate .actions{animation-delay:2.45s;animation-duration:.35s} /* Heading completion owns the reveal; children never wait for scrolling. */ body:not([data-page=home]) .section-ready .typing-content{opacity:1;visibility:visible;transform:none;transition:opacity .3s ease,transform .3s ease} body:not([data-page=home]) .section-ready .service,body:not([data-page=home]) .section-ready .method-card{opacity:1;visibility:visible;transform:none} body:not([data-page=home]) .section-autofade{opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease} body:not([data-page=home]) .section-autofade.autofade-start{opacity:1;transform:none} @media(prefers-reduced-motion:reduce){body:not([data-page=home]) .section-autofade{opacity:1;transform:none;transition:none}} /* Content starts appearing on the exact frame the heading finishes. */ body:not([data-page=home]) .section-ready .typing-content{transition-delay:0s!important;transition-duration:.18s;visibility:visible} body:not([data-page=home]) .hero-centered.opening-animate .lead,body:not([data-page=home]) .hero-centered.opening-animate .actions{animation-delay:2.4s;animation-duration:.18s} /* The text is fully exposed early; content appears immediately at that point. */ body:not([data-page=home]) .hero-centered.opening-animate h1,body:not([data-page=home]) h2.heading-type-ready.heading-typed{animation-timing-function:linear} body:not([data-page=home]) .hero-centered.opening-animate .lead,body:not([data-page=home]) .hero-centered.opening-animate .actions{animation-delay:1.75s;animation-duration:.1s} body:not([data-page=home]) .section-ready .typing-content{transition-duration:.1s;transition-delay:0s!important} body:not([data-page=home]) .section-ready .typing-content{transition:opacity .45s ease-out,transform .45s cubic-bezier(.16,1,.3,1);transition-delay:0s!important} body:not([data-page=home]) .hero-centered.opening-animate .lead,body:not([data-page=home]) .hero-centered.opening-animate .actions{animation-delay:1.75s;animation-duration:.45s;animation-timing-function:ease-out} body:not([data-page=home]) .method-card{--connector-fill:0%;transition:border-color .4s ease,background .4s ease} body:not([data-page=home]) .method-card.process-current{border-color:rgba(48,56,59,.48)!important;background:rgba(247,243,234,.5)!important} body:not([data-page=home]) .method-card:not(:last-child)::after{width:2px;left:calc(50% - 1px);background:linear-gradient(to bottom,var(--ink) 0%,var(--ink) var(--connector-fill),rgba(48,56,59,.13) var(--connector-fill),rgba(48,56,59,.13) 100%)} body:not([data-page=home]) .method-card:not(:last-child)::before{content:'';position:absolute;left:calc(50% - 4px);bottom:-21px;width:8px;height:8px;border-radius:50%;background:#dedfdd;z-index:1;transition:background .35s ease,box-shadow .35s ease} body:not([data-page=home]) .method-card.process-reached:not(:last-child)::before{background:var(--ink);box-shadow:0 0 0 4px #fff} body:not([data-page=home]) .method-card .method-pill{transition:background .3s,box-shadow .4s} body:not([data-page=home]) .method-card.process-current .method-pill{box-shadow:0 0 0 4px rgba(48,56,59,.08)} @media(prefers-reduced-motion:reduce){body:not([data-page=home]) .method-card,body:not([data-page=home]) .method-card::before,body:not([data-page=home]) .method-card .method-pill{transition:none}} body:not([data-page=home]) .hero-centered{margin-bottom:0;min-height:calc(100svh - 150px)} body:not([data-page=home]) .home-services,body:not([data-page=home]) .methodology-section{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:72px;padding-bottom:72px;margin-bottom:0;} body:not([data-page=home]) .home-services .center-heading,body:not([data-page=home]) .methodology-section .center-heading{flex-shrink:0} body:not([data-page=home]) .products-container{gap:0;margin-bottom:0} body:not([data-page=home]) .products-container>.products-shell{min-height:100svh;display:flex;align-items:center;border:0;background:transparent;border-radius:0;padding:72px 0;} body:not([data-page=home]) .products-container .product-feature{width:100%;border:1px solid rgba(48,56,59,.19);border-radius:20px;background:rgba(247,243,234,.33);padding:48px;transition:border-color .35s} body:not([data-page=home]) .products-container .product-feature:hover{border-color:rgba(48,56,59,.4)} body:not([data-page=home]) main>.wrap:last-child{min-height:100svh;display:flex;align-items:center;padding-top:72px;padding-bottom:72px;} body:not([data-page=home]) main>.wrap:last-child .cta{width:100%;margin-bottom:0} @media(max-width:850px){body:not([data-page=home]) .home-services,body:not([data-page=home]) .methodology-section,body:not([data-page=home]) .products-container>.products-shell,body:not([data-page=home]) main>.wrap:last-child{padding-top:56px;padding-bottom:56px}body:not([data-page=home]) .products-container .product-feature{padding:32px}body:not([data-page=home]) .hero-centered{min-height:calc(100svh - 144px)}} @media(max-width:520px){body:not([data-page=home]) .products-container .product-feature{padding:24px}body:not([data-page=home]) .hero-centered{min-height:calc(100svh - 148px)}} @media(prefers-reduced-motion:reduce){} body:not([data-page=home]) .hero-centered,body:not([data-page=home]) .home-services,body:not([data-page=home]) .methodology-section,body:not([data-page=home]) .products-container>.products-shell,body:not([data-page=home]) main>.wrap:last-child{} body:not([data-page=home]) .products-container{padding-top:72px;padding-bottom:72px;gap:48px} body:not([data-page=home]) .products-container>.products-shell{min-height:0;padding:0} body:not([data-page=home]) main>.wrap:last-child{min-height:0;padding-top:48px;padding-bottom:64px} body:not([data-page=home]) .hero-centered .button,body:not([data-page=home]) .service .link,body:not([data-page=home]) .product-copy .button,body:not([data-page=home])>header .navlinks .button,body:not([data-page=home]) .method-pill{animation:ink-pill-breathe 3.6s ease-in-out infinite} body:not([data-page=home]) .service:nth-child(2) .link{animation-delay:.3s} body:not([data-page=home]) .service:nth-child(3) .link{animation-delay:.6s} body:not([data-page=home]) .hero-centered .button:hover,body:not([data-page=home]) .service:hover .link,body:not([data-page=home]) .product-copy .button:hover,body:not([data-page=home])>header .navlinks .button:hover{animation-play-state:paused} @media(max-width:850px){body:not([data-page=home]) .products-container{padding-top:56px;padding-bottom:56px;gap:36px}body:not([data-page=home]) main>.wrap:last-child{padding-top:36px;padding-bottom:48px}} @media(prefers-reduced-motion:reduce){body:not([data-page=home]) .hero-centered .button,body:not([data-page=home]) .service .link,body:not([data-page=home]) .product-copy .button,body:not([data-page=home])>header .navlinks .button,body:not([data-page=home]) .method-pill{animation:none}} /* A clearer pulse and full-card ink emphasis through the methodology journey. */ body:not([data-page=home]) .method-card{transition:border-color .45s ease,box-shadow .45s ease,background .45s ease} body:not([data-page=home]) .method-card.process-reached{border-color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--ink)!important} body:not([data-page=home]) .method-card.process-current{border-color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--ink)!important} @media(prefers-reduced-motion:reduce){body:not([data-page=home]) .method-card{transition:none}} body:not([data-page=home]) .method-card.process-reached,body:not([data-page=home]) .method-card.process-current{border-color:rgba(48,56,59,.19)!important;box-shadow:none!important} @media(prefers-reduced-motion:reduce){} /* Clear navigation cues without interrupting normal scrolling. */ body:not([data-page=home]) .scroll-cue{display:flex;align-items:center;justify-content:center;gap:10px;border:0;background:transparent;color:var(--ink);font-size:12px;opacity:.7;padding:14px;margin-top:44px;cursor:pointer} body:not([data-page=home]) .scroll-mouse{display:block;width:17px;height:26px;border:1px solid rgba(48,56,59,.5);border-radius:10px;position:relative} body:not([data-page=home]) .scroll-mouse i{position:absolute;width:3px;height:5px;left:6px;top:5px;border-radius:4px;background:var(--ink);animation:scroll-hint 2s ease-in-out infinite} body:not([data-page=home]) .section-tracker{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:8px;padding:10px 4px} body:not([data-page=home]) .section-tracker button{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:transparent;padding:0;color:var(--ink)} body:not([data-page=home]) .tracker-dot{width:6px;height:6px;border:1px solid rgba(48,56,59,.45);border-radius:50%;background:#fff;transition:background .25s,transform .25s} body:not([data-page=home]) .section-tracker button.active .tracker-dot{background:var(--ink);border-color:var(--ink);transform:scale(1.35)} body:not([data-page=home]) .tracker-label{position:absolute;right:34px;white-space:nowrap;opacity:0;pointer-events:none;background:var(--ink);color:var(--cream);padding:6px 12px;border-radius:20px;font-size:11px;transition:opacity .2s} body:not([data-page=home]) .section-tracker button:hover .tracker-label,body:not([data-page=home]) .section-tracker button:focus-visible .tracker-label{opacity:1} body:not([data-page=home]) .tracker-progress{height:54px;width:2px;background:rgba(48,56,59,.13);margin:6px auto 0;overflow:hidden;border-radius:2px} body:not([data-page=home]) .tracker-progress i{display:block;width:100%;height:100%;background:var(--ink);transform:scaleY(0);transform-origin:top} body:not([data-page=home]) section[id^=section-]{scroll-margin-top:28px} @media(max-width:850px){body:not([data-page=home]) .section-tracker{right:4px}body:not([data-page=home]) .tracker-label{display:none}body:not([data-page=home]) .section-tracker button{width:18px;height:24px}} @media(max-width:520px){body:not([data-page=home]) .section-tracker{display:none}body:not([data-page=home]) .scroll-cue{margin-top:32px}} @media(prefers-reduced-motion:reduce){body:not([data-page=home]) .scroll-mouse i{animation:none}} body:not([data-page=home]) .scroll-position{position:fixed;right:18px;top:50%;transform:translateY(-50%);height:110px;width:1px;background:rgba(48,56,59,.12);z-index:30;pointer-events:none} body:not([data-page=home]) .scroll-position span{position:absolute;left:-2px;top:clamp(0px,calc(var(--scroll-position,0%) - 5px),105px);width:5px;height:5px;border-radius:50%;background:rgba(48,56,59,.55);transition:background .2s} body:not([data-page=home]) .scroll-position.finished span{background:var(--ink)} @media(max-width:850px){body:not([data-page=home]) .scroll-position{right:7px;height:90px}body:not([data-page=home]) .scroll-position span{top:clamp(0px,calc(var(--scroll-position,0%) - 5px),85px)}} body:not([data-page=home]) .method-card:hover .method-pill,body:not([data-page=home]) .method-card.process-current .method-pill{background:var(--ink);color:var(--cream)} body:not([data-page=home]) .cta .button.light{animation:cream-pill-breathe 3.6s ease-in-out infinite} body:not([data-page=home]) .products-container>.center-heading{margin-bottom:0} @media(prefers-reduced-motion:reduce){body:not([data-page=home]) .cta .button.light{animation:none}} body:not([data-page=home]) .hero-centered .lead{max-width:var(--hero-copy-width,100%);width:var(--hero-copy-width,100%);text-wrap:balance} body:not([data-page=home]) .cta,body:not([data-page=home]) .cta:hover{border:0;box-shadow:none;transform:none} body:not([data-page=home]) .hero-centered{margin-bottom:0;padding-top:64px;padding-bottom:72px} body:not([data-page=home]) .home-services{min-height:100svh;padding-top:64px;padding-bottom:88px} body:not([data-page=home]) .methodology-section{min-height:0;padding-top:56px;padding-bottom:96px} body:not([data-page=home]) .methodology-section .grid3{gap:34px} body:not([data-page=home]) .products-container{padding-top:56px;padding-bottom:80px;gap:42px} body:not([data-page=home]) .products-container>.center-heading{margin-bottom:4px} body:not([data-page=home]) main>.wrap:last-child{padding-top:32px;padding-bottom:56px} body:not([data-page=home]) section[id^=section-]{scroll-margin-top:48px} body:not([data-page=home]) .scroll-position{opacity:.6;transition:opacity .3s} body:not([data-page=home]) .scroll-position.finished{opacity:.25} @media(max-width:850px){body:not([data-page=home]) .hero-centered{padding-top:48px;padding-bottom:56px}body:not([data-page=home]) .home-services{min-height:0;padding-top:60px;padding-bottom:72px}body:not([data-page=home]) .methodology-section{padding-top:32px;padding-bottom:72px}body:not([data-page=home]) .products-container{padding-top:32px;padding-bottom:64px;gap:32px}body:not([data-page=home]) main>.wrap:last-child{padding-top:24px;padding-bottom:40px}} /* Full opening text measure and a still closing button. */ body:not([data-page=home]) .hero-centered .lead{width:100%;max-width:none;text-wrap:wrap} body:not([data-page=home]) .cta .button.light{animation:none!important;box-shadow:none!important} body:not([data-page=home]) .hero-centered .lead{width:min(100%,var(--hero-copy-width,100%));max-width:var(--hero-copy-width,100%);text-wrap:wrap} body:not([data-page=home]) .foot .brand{width:110px;max-width:110px;margin:0 auto;display:block} body:not([data-page=home]) .foot .brand img{width:100%;height:auto;display:block} body:not([data-page=home]) .foot .brand{width:64px;max-width:64px} body:not([data-page=home]) .hero-centered .lead .hero-copy-line{display:block} @media(min-width:1101px){body:not([data-page=home]) .hero-centered .lead .hero-copy-line{white-space:nowrap}} @media(max-width:850px){body:not([data-page=home]) .hero-centered .lead .hero-copy-line{display:inline}} /* Photography: individual focal points within the existing desktop frames. */ body:not([data-page=home]) .method-card:nth-child(1) .method-photo img{object-position:53% 53%;filter:brightness(1.12) saturate(1.12)} body:not([data-page=home]) .method-card:nth-child(2) .method-photo img{object-position:50% 24%;filter:brightness(1.14) saturate(1.12)} body:not([data-page=home]) .method-card:nth-child(3) .method-photo img{object-position:60% 23%;filter:brightness(1.08) saturate(1.12)} /* One primary pulse; supporting actions breathe more quietly. */ body:not([data-page=home]) .service .link,body:not([data-page=home]) .product-copy .button,body:not([data-page=home])>header .navlinks .button,body:not([data-page=home]) .method-pill{animation-name:secondary-pill-breathe;animation-duration:4.2s} /* Mobile refinements are scoped: desktop dimensions and layout are retained. */ @media(max-width:680px){ body:not([data-page=home]) .wrap{width:calc(100% - 40px)} body:not([data-page=home])>header .nav{width:calc(100% - 24px)} body:not([data-page=home])>header .brand{width:190px;max-width:calc(100% - 70px)} body:not([data-page=home])>header .menu{min-height:44px;padding:8px 12px;font-size:13px} body:not([data-page=home]) .navlinks a{min-height:44px;display:flex;align-items:center} body:not([data-page=home]) .hero-centered h1{font-size:clamp(38px,8vw,48px);line-height:1.12} body:not([data-page=home]) .hero-centered .lead{font-size:16px;line-height:1.75} body:not([data-page=home]) .hero-centered .lead .hero-copy-line{display:inline;white-space:normal} body:not([data-page=home]) .hero-centered .actions{width:100%;margin-top:26px} body:not([data-page=home]) .hero-centered .actions .button{flex-grow:0;min-height:46px;font-size:13px} body:not([data-page=home]) .center-heading{font-size:clamp(32px,7vw,40px);line-height:1.1;margin-bottom:32px} body:not([data-page=home]) .service{padding:24px!important} body:not([data-page=home]) .service-icon{left:24px;top:24px;height:40px} body:not([data-page=home]) .service h3{padding-top:64px;font-size:32px} body:not([data-page=home]) .service p{max-width:none;min-height:0;text-wrap:wrap;line-height:1.75} body:not([data-page=home]) .service .link{min-height:44px;margin-top:24px} body:not([data-page=home]) .method-card{display:flex;flex-direction:column;align-items:flex-start;padding:24px!important;min-height:0} body:not([data-page=home]) .method-card h3{font-size:31px;line-height:1.1} body:not([data-page=home]) .method-card p{max-width:none;min-height:0;margin-bottom:24px;line-height:1.75} body:not([data-page=home]) .method-card .method-photo{width:100%;height:auto;min-height:0;aspect-ratio:1.65} body:not([data-page=home]) .method-card .method-photo img{height:100%;object-position:50% 40%} body:not([data-page=home]) .products-container .product-feature{padding:24px;gap:28px} body:not([data-page=home]) .product-copy .product-logo{width:205px;max-width:100%} body:not([data-page=home]) .product-copy .element-logo{width:235px} body:not([data-page=home]) .product-copy h2{font-size:36px;line-height:1.1} body:not([data-page=home]) .product-copy p{font-size:15px;line-height:1.8;margin:20px 0 24px} body:not([data-page=home]) .product-visual{padding:16px;min-width:0} body:not([data-page=home]) .care-motion{min-height:230px} body:not([data-page=home]) .cta{padding:28px 22px} body:not([data-page=home]) .cta h2{font-size:36px} body:not([data-page=home]) .footlinks{gap:10px 20px} body:not([data-page=home]) .footlinks a{display:inline-flex;align-items:center;min-height:40px} } @media(prefers-reduced-motion:reduce){body:not([data-page=home]) .service .link,body:not([data-page=home]) .product-copy .button,body:not([data-page=home])>header .navlinks .button,body:not([data-page=home]) .method-pill{animation:none}} /* Secondary pages: the same visual language as the approved homepage. */ body:not([data-page=home]){background:#fff!important;color:#30383b;--white:#fff;--soft:#f5f5f2;--cream:#f7f5ef;--clay:#af765c;--line:rgba(48,56,59,.16);font-family:"Noto Sans",sans-serif} body:not([data-page=home]) .wrap{width:min(1320px,calc(100% - 112px))} body:not([data-page=home]) h1,body:not([data-page=home]) h2,body:not([data-page=home]) h3{font-family:"EB Garamond",serif;text-transform:lowercase;line-height:1.08;letter-spacing:-.025em;color:#30383b} body:not([data-page=home]) p{color:#637074;line-height:1.7} body:not([data-page=home]) .pagehero{max-width:1050px;text-align:center;margin:0 auto;padding:110px 0 90px} body:not([data-page=home]) .pagehero h1{font-size:clamp(48px,6vw,82px);max-width:950px;margin:auto} body:not([data-page=home]) .pagehero p{max-width:720px;margin:24px auto 0;font-size:18px} body:not([data-page=home]) .section{padding:75px 0 95px} body:not([data-page=home]) .section-top{align-items:start;margin-bottom:40px;gap:45px} body:not([data-page=home]) .section-top h2{font-size:clamp(36px,4vw,55px)} body:not([data-page=home]) .detailgrid{border:0;padding:60px 0 80px;gap:60px;align-items:start} body:not([data-page=home]) .detailgrid h2{font-size:clamp(34px,3.5vw,48px);margin-bottom:22px} body:not([data-page=home]) .service,body:not([data-page=home]) .workcard,body:not([data-page=home]) .method-grid article,body:not([data-page=home]) .list article,body:not([data-page=home]) .band,body:not([data-page=home]) .contactbox{position:relative;background:#f5f5f2!important;border:1px solid rgba(48,56,59,.16)!important;border-radius:22px!important;box-shadow:none!important;color:#30383b!important} body:not([data-page=home]) .service{padding:32px!important;min-height:350px;gap:0} body:not([data-page=home]) .service h3{font-size:31px;max-width:none;margin-bottom:16px;color:#30383b!important} body:not([data-page=home]) .service p{color:#637074!important;font-size:15px} body:not([data-page=home]) .service::after{display:none!important} body:not([data-page=home]) .service .link{color:#30383b!important;font-size:13px;align-items:center} body:not([data-page=home]) .service .link>span{display:grid;place-items:center;background:#30383b;color:#f7f5ef;width:42px;height:42px;border-radius:50%;transition:background .25s,transform .25s} body:not([data-page=home]) .service:hover .link>span{background:#af765c;transform:translate(2px,-2px)} body:not([data-page=home]) .service-mark{height:42px;display:flex;align-items:center;gap:5px;margin-bottom:26px}body:not([data-page=home]) .service-mark span{height:26px;width:7px;border-radius:5px;background:#30383b;transform:rotate(25deg)}body:not([data-page=home]) .service-mark span:nth-child(2){height:38px}body:not([data-page=home]) .service-mark span:nth-child(3){height:18px;background:#af765c} body:not([data-page=home]) .method-grid{gap:22px;margin-top:35px} body:not([data-page=home]) .method-grid article{padding:30px!important}body:not([data-page=home]) .method-grid article>b{font-family:"EB Garamond",serif} body:not([data-page=home]) .method-grid article>b{display:inline-flex;background:#30383b;color:#f7f5ef;border-radius:30px;padding:8px 18px;font-size:22px;line-height:1.1;margin-bottom:26px;text-transform:lowercase} body:not([data-page=home]) .method-grid h3{font-size:29px}body:not([data-page=home]) .method-grid p{font-size:15px} body:not([data-page=home]) .list{gap:14px}body:not([data-page=home]) .list article{padding:25px!important}body:not([data-page=home]) .list h3{font-size:27px}body:not([data-page=home]) .list p{font-size:15px} body:not([data-page=home]) .band{padding:35px;margin:20px 0 70px}body:not([data-page=home]) .band h3{font-size:30px} body:not([data-page=home]) .workvisual{background:#eceee9!important;border:0;min-height:210px;padding:30px}body:not([data-page=home]) .workvisual .worktag{text-transform:lowercase;letter-spacing:0;font-family:"Noto Sans",sans-serif;color:#637074} body:not([data-page=home]) .workbody{padding:30px}body:not([data-page=home]) .workbody h3{font-size:29px}body:not([data-page=home]) .workbody p{font-size:15px} body:not([data-page=home]) .dark{background:#fff!important;color:#30383b!important}body:not([data-page=home]) .dark p{color:#637074!important} body:not([data-page=home]) .workflow{border:1px solid rgba(48,56,59,.16);background:#f5f5f2;border-radius:22px;margin-top:25px}body:not([data-page=home]) .workflow>div{border-bottom:1px solid rgba(48,56,59,.1);padding:25px}body:not([data-page=home]) .workflow b{color:#af765c}body:not([data-page=home]) .workflow h3{font-size:25px} body:not([data-page=home]) .cta{display:flex;flex-direction:column;text-align:center;padding:44px 40px!important;background:#30383b!important;border:0!important;box-shadow:none!important;gap:24px;margin:55px 0 65px!important} body:not([data-page=home]) .cta h2{color:#f7f5ef!important;font-size:clamp(36px,4vw,54px);max-width:780px}body:not([data-page=home]) .cta p{max-width:650px} body:not([data-page=home]) .cta p{color:#f7f5ef!important;margin:16px auto 0!important;font-size:15px} body:not([data-page=home]) .cta .button{margin:0!important;background:#f7f5ef!important;color:#30383b!important;border:0!important;animation:none!important} body:not([data-page=home]) .button{border-radius:30px!important;text-transform:lowercase;font-family:"Noto Sans",sans-serif;font-weight:500;gap:18px} body:not([data-page=home]) .button:not(.light):not(.text){background:#30383b!important;color:#f7f5ef!important;border-color:#30383b!important} body:not([data-page=home]) .button:not(.light):not(.text):hover{background:#af765c!important;border-color:#af765c!important} body:not([data-page=home]) .button .brand-arrow,body:not([data-page=home]) .link .brand-arrow{width:21px;height:21px;display:block} body:not([data-page=home]) .contactbox{padding:36px!important}body:not([data-page=home]) .contactbox label{text-transform:lowercase;font-weight:500}body:not([data-page=home]) .contactbox input,body:not([data-page=home]) .contactbox select,body:not([data-page=home]) .contactbox textarea{background:#fff;border:1px solid rgba(48,56,59,.2);border-radius:10px}body:not([data-page=home]) .contactbox input:focus,body:not([data-page=home]) .contactbox textarea:focus,body:not([data-page=home]) .contactbox select:focus{border-color:#30383b} body:not([data-page=home]) .products-overview .grid3{grid-template-columns:1fr 1fr}body:not([data-page=home]) .products-overview .service{min-height:340px}body:not([data-page=home]) .products-overview .service>.product-logo{width:165px;height:65px;object-fit:contain;object-position:left;margin-bottom:25px;transition:transform .3s;transform-origin:left}body:not([data-page=home]) .products-overview .service:hover>.product-logo{transform:scale(1.08)}body:not([data-page=home]) .products-overview .service h2{font-size:36px;margin-bottom:15px}body:not([data-page=home]) .products-overview .actions{margin-top:auto;padding-top:25px} body:not([data-page=home]) .secondary-demo{width:100%;max-width:560px;margin:0 auto} body:not([data-page=home]) .notice{background:#f5f5f2;border:1px solid rgba(48,56,59,.16);border-radius:15px} body:not([data-page=home]) .foot{background:#fff!important;border:0!important} body:not([data-page=home]) .foot .brand{width:110px!important;margin:0!important}body:not([data-page=home]) .footlinks strong{text-transform:lowercase} @media(max-width:850px){body:not([data-page=home]) .wrap{width:calc(100% - 48px)}body:not([data-page=home]) .pagehero{padding:75px 0 60px}body:not([data-page=home]) .detailgrid{grid-template-columns:1fr;gap:30px;padding:40px 0 55px}body:not([data-page=home]) .section{padding:50px 0 65px}body:not([data-page=home]) .method-grid{grid-template-columns:1fr}body:not([data-page=home]) .cta{padding:36px 24px!important}} @media(max-width:520px){body:not([data-page=home]) .wrap{width:calc(100% - 36px)}body:not([data-page=home]) .pagehero h1{font-size:45px}body:not([data-page=home]) .pagehero p{font-size:16px}body:not([data-page=home]) .products-overview .grid3{grid-template-columns:1fr}body:not([data-page=home]) .service,body:not([data-page=home]) .contactbox{padding:25px!important}body:not([data-page=home]) .twocol{gap:30px}} .trial-banner{flex-wrap:wrap;column-gap:10px;row-gap:4px} /* Existing customers: a quiet, separate path from sales inquiries. */ .customer-signin{position:relative;font-family:'Noto Sans',Arial,sans-serif;font-size:13px;flex-shrink:0} .customer-signin summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:9px;min-height:36px;padding:8px 14px;line-height:1.3;border:1px solid rgba(48,56,59,.25);border-radius:999px;cursor:pointer;color:var(--ink);background:transparent;transition:border-color .2s,background .2s} .customer-signin summary::-webkit-details-marker{display:none} .customer-signin summary:hover,.customer-signin[open] summary{border-color:var(--ink);background:rgba(48,56,59,.04)} .customer-signin summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px} .customer-signin summary svg{transition:transform .2s}.customer-signin[open] summary svg{transform:rotate(180deg)} .signin-options{position:absolute;right:0;top:calc(100% + 10px);width:164px;padding:6px;background:#fff;border:1px solid rgba(48,56,59,.18);border-radius:14px;z-index:30} header .navlinks .signin-options a{display:block!important;padding:10px 12px;border-radius:9px;color:var(--ink)!important;white-space:nowrap;text-transform:lowercase} header .navlinks .signin-options a:hover{background:var(--cream)!important;color:var(--ink)!important} @media(max-width:900px){.signin-options{position:static;width:100%;margin-top:8px}.customer-signin summary{min-height:44px;justify-content:space-between}.customer-signin{width:100%}} /* A tighter rhythm within focused section views, with native scrolling. */ body[data-page=home]{--home-gap:64px} body[data-page=home] .hero-centered{padding-top:40px;padding-bottom:48px;margin-bottom:0} body[data-page=home] .home-services,body[data-page=home] .methodology-section{min-height:100svh;padding-top:48px;padding-bottom:48px;margin-bottom:0;justify-content:center} body[data-page=home] .center-heading{margin-bottom:30px} body[data-page=home] .methodology-section .grid3{gap:24px;margin:0;width:100%} body[data-page=home] .products-container{min-height:100svh;padding-top:48px;padding-bottom:48px;gap:28px;margin-bottom:0;justify-content:center} body[data-page=home] .products-container>.products-shell{min-height:0;padding:0} body[data-page=home] .products-container>.center-heading{margin-bottom:2px} body[data-page=home] main>.wrap:last-child{min-height:0;padding-top:56px;padding-bottom:56px} @media(min-width:851px) and (prefers-reduced-motion:no-preference){ html.home-section-scroll{scroll-padding-top:0} body[data-page=home] .hero-centered{} body[data-page=home] .home-services,body[data-page=home] .methodology-section,body[data-page=home] .products-container{} body[data-page=home] .products-container>.products-shell,body[data-page=home] main>.wrap:last-child{} } @media(max-width:850px){ body[data-page=home] .hero-centered{padding-top:36px;padding-bottom:40px} body[data-page=home] .home-services,body[data-page=home] .methodology-section{min-height:100svh;padding-top:36px;padding-bottom:36px} body[data-page=home] .products-container{padding-top:36px;padding-bottom:36px;gap:24px} body[data-page=home] .center-heading{margin-bottom:26px} body[data-page=home] main>.wrap:last-child{padding-top:36px;padding-bottom:36px} } /* Connectors stay inside the actual card gap; completed traces are closed. */ body[data-page=home] .methodology-section .grid3{--method-gap:24px;gap:var(--method-gap)} body:not([data-page=home]) .methodology-section .grid3{--method-gap:34px;gap:var(--method-gap)} body .methodology-section .method-card:not(:last-child)::after{top:calc(100% + 5px);bottom:auto;height:calc(var(--method-gap) - 10px);transform:none;pointer-events:none} @media(prefers-reduced-motion:reduce){} /* Restore line — dot — line, centered within the gap with clear card edges. */ body[data-page=home] .methodology-section .grid3{--method-gap:34px} body .methodology-section .method-card:not(:last-child)::after{top:calc(100% + 5px);height:calc(var(--method-gap) - 10px);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(50% - 5px),transparent calc(50% - 5px),transparent calc(50% + 5px),#000 calc(50% + 5px),#000 100%)} body .methodology-section .method-card:not(:last-child)::before{top:calc(100% + var(--method-gap)/2 - 4px);bottom:auto;left:calc(50% - 4px);width:8px;height:8px;pointer-events:none} /* Final alignment polish, scoped to the homepage. */ body[data-page=home] .home-services .grid3{align-items:stretch} body[data-page=home] .home-services .service{height:100%} body[data-page=home] .home-services .service p{flex:1;margin-bottom:28px} body[data-page=home] .home-services .service .link{margin-top:auto;align-self:flex-start} body[data-page=home] .product-copy{display:flex;flex-direction:column;align-items:flex-start;height:100%;min-width:0} body[data-page=home] .product-copy .product-logo{width:280px;max-width:100%;height:56px;max-height:none;object-fit:contain;object-position:left center;margin-bottom:24px} body[data-page=home] .product-copy .element-logo{width:224px} body[data-page=home] .product-copy h2{line-height:1.06;margin-bottom:0} body[data-page=home] .product-copy p{flex:1;margin:24px 0 28px} body[data-page=home] .product-copy .button{margin-top:auto} body[data-page=home] .cta{padding:32px 36px;gap:18px} body[data-page=home] .cta p{max-width:660px;margin:12px auto 0} body[data-page=home] main>.wrap:last-child{padding-top:40px;padding-bottom:40px} @media(min-width:851px){ body[data-page=home] .method-card{grid-template-rows:auto auto 1fr;min-height:324px} body[data-page=home] .method-card .method-pill{margin-bottom:18px;align-self:start} body[data-page=home] .method-card h3{min-height:2.1em;margin-bottom:16px;line-height:1.05} body[data-page=home] .method-card p{margin:0;min-height:0;align-self:start} body[data-page=home] .method-card .method-photo{height:100%;min-height:252px} body[data-page=home] .product-copy h2{min-height:2.12em} } @media(max-width:850px){ body[data-page=home] .product-copy{height:auto} body[data-page=home] .product-copy .product-logo{width:240px;height:48px;margin-bottom:22px} body[data-page=home] .product-copy .element-logo{width:192px} body[data-page=home] .cta{padding:28px 24px;gap:18px} body[data-page=home] .cta p{margin-top:12px} body[data-page=home] main>.wrap:last-child{padding-top:32px;padding-bottom:32px} } /* Culture Amp reference pass, built from version 74. */ body[data-page=home]{background:#fff;--ca-panel:#f5f2ed;--ca-ink:#30383b;--home-gap:0} body[data-page=home] main .wrap,body[data-page=home]>header.wrap{width:min(1280px,calc(100% - 96px));max-width:1280px} body[data-page=home]>header.wrap{margin:0 auto;background:#fff;color:var(--ink);border-radius:0;box-shadow:none} body[data-page=home]>header .nav{width:100%;min-height:90px;padding:20px 0;gap:28px} body[data-page=home]>header .brand img{width:240px;max-height:45px} body[data-page=home]>header .navlinks{gap:25px} body[data-page=home]>header .navlinks a,body[data-page=home]>header .customer-signin summary{background:transparent;color:var(--ink);font-size:13px} body[data-page=home]>header .navlinks a.button{background:var(--ink);color:var(--cream);padding:13px 22px;border-radius:999px} body[data-page=home]>header .navlinks a:hover{color:var(--ink)} body[data-page=home]>header .navlinks a.button:hover{background:#20282b;color:#fff} body[data-page=home]>header a:focus-visible,body[data-page=home]>header summary:focus-visible{outline-color:var(--ink)} body[data-page=home] .trial-banner{min-height:56px;background:var(--ink);padding:16px 24px;box-shadow:none} body[data-page=home] .trial-banner a{font-size:13px;font-weight:400;color:var(--cream);line-height:1.6} .ca-home h1,.ca-home h2,.ca-home h3{font-family:"EB Garamond",serif;color:var(--ink);font-weight:500;letter-spacing:-.035em} .ca-home p,.ca-home a,.ca-home button,.ca-home small,.ca-home span{font-family:"Noto Sans",sans-serif} body[data-page=home] .ca-home .button,body[data-page=home] .ca-home .link{animation:none!important;box-shadow:none!important;transform:none} body[data-page=home] .ca-home .button{display:inline-flex;align-items:center;justify-content:center;gap:17px;background:var(--ink);color:var(--cream);border:1px solid var(--ink);border-radius:999px;padding:14px 23px;font-size:13px;font-weight:500;line-height:1.5;transition:background .25s,color .25s} body[data-page=home] .ca-home .button:hover{background:#20282b;color:#fff} body[data-page=home] .ca-home .button::before,body[data-page=home] .ca-home .button::after{display:none} .ca-home .brand-arrow{width:18px;height:18px;transition:transform .3s} .ca-home a:hover .brand-arrow{transform:translate(2px,-2px)} body[data-page=home] .ca-hero{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:72px;padding:66px 0 90px;min-height:620px} .ca-hero h1{font-size:clamp(52px,5.1vw,72px);line-height:1.04;margin:0;overflow:visible} .ca-hero h1 em{font-weight:500} .ca-hero .lead{max-width:39ch;font-size:18px;line-height:1.65;margin:30px 0 32px} .ca-hero-visual{position:relative;min-width:0;aspect-ratio:1.16;overflow:hidden;border-radius:30px;background:#e7e1d8} .ca-hero-photo{width:100%;height:100%;object-fit:cover;filter:brightness(1.1) saturate(1.1)} .ca-insight{position:absolute;left:8%;right:8%;top:13%;padding:25px 28px;background:rgba(255,255,255,.97);border-radius:18px;box-shadow:0 16px 40px rgba(21,29,30,.12);animation:ca-float 7s ease-in-out infinite} .ca-insight-heading{display:flex;justify-content:space-between;align-items:center;gap:10px} .ca-insight-heading>span:first-child{font-size:11px;font-weight:500} .ca-insight-dot{width:9px;height:9px;background:#af765c;border-radius:50%} .ca-insight>p{font-family:"EB Garamond",serif;font-size:34px;line-height:1.05;letter-spacing:-.03em;margin:19px 0 21px} .ca-signal{display:grid;grid-template-columns:95px 1fr;gap:14px;align-items:center;margin:13px 0} .ca-signal>span{font-size:10px;color:#596365} .ca-signal>i{display:block;height:8px;background:#f1eeea;border-radius:8px;overflow:hidden} .ca-signal>i:after{content:"";display:block;width:var(--signal);height:100%;border-radius:8px;background:#30383b;transform-origin:left;animation:ca-bar-in 1.2s cubic-bezier(.2,.65,.25,1) both} .ca-signal:nth-of-type(3)>i:after{background:#af765c;animation-delay:.15s} .ca-signal:nth-of-type(4)>i:after{animation-delay:.3s} .ca-insight small{display:block;font-size:9px;color:#6d7473;margin-top:20px} .ca-visual-caption{position:absolute;bottom:0;left:0;right:0;background:rgba(48,56,59,.92);padding:17px 24px;color:#f7f3ea;font-family:"EB Garamond",serif;font-size:23px} @keyframes ca-float{50%{transform:translateY(-7px)}} @keyframes ca-bar-in{from{transform:scaleX(0)}to{transform:scaleX(1)}} body[data-page=home] .ca-services{min-height:0;padding:40px 0 88px;margin:0;display:block} body[data-page=home] .ca-home .center-heading{font-size:48px;line-height:1.1;letter-spacing:-.035em;text-align:center;margin:0 0 44px;width:100%;padding:0} body[data-page=home] .ca-services .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch} body[data-page=home] .ca-services .service{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:345px;height:auto;background:var(--ca-panel)!important;border:1px solid transparent!important;border-radius:12px;padding:32px!important;box-shadow:none!important;overflow:hidden;transition:background .3s,border-color .3s} body[data-page=home] .ca-services .service:hover{transform:none!important;border-color:rgba(48,56,59,.4)!important;background:#f0ede7!important} body[data-page=home] .ca-services .service-icon{position:static;width:58px;height:58px;margin:0 0 24px;background:transparent;display:block} body[data-page=home] .ca-services .service-icon img{width:100%;height:100%;object-fit:contain;transition:transform .45s} body[data-page=home] .ca-services .service:hover .service-icon img{transform:scale(1.12)} body[data-page=home] .ca-services .service h3{font-size:32px;line-height:1.1;margin:0 0 19px} body[data-page=home] .ca-services .service p{font-size:14px;line-height:1.75;min-height:0;max-width:31ch;margin:0 0 28px;flex:1;color:#4a5355} body[data-page=home] .ca-services .service .link{display:inline-flex;align-items:center;gap:14px;align-self:flex-start;margin-top:auto;padding:0;background:transparent!important;color:var(--ink)!important;font-size:12px;font-weight:500;border:0;border-radius:0;line-height:1.4} body[data-page=home] .ca-services .service .link>span{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid rgba(48,56,59,.32);border-radius:50%;transition:background .3s,color .3s} body[data-page=home] .ca-services .service:hover .link>span{background:var(--ink);color:var(--cream);transform:none} body[data-page=home] .ca-method{padding:20px 0 90px;margin:0;min-height:0} .ca-method-head{text-align:center;max-width:760px;margin:0 auto 40px} .ca-method-head h2{font-size:48px;line-height:1.1;margin:0 0 19px} .ca-method-head>p{max-width:52ch;margin:auto;font-size:15px;line-height:1.7;color:#4a5355} .ca-process{background:var(--ca-panel);padding:42px 48px;border-radius:12px} .ca-process-tabs{display:flex;gap:38px;justify-content:flex-start;margin-bottom:34px} .ca-process-tabs button{cursor:pointer;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--ink);padding:8px 0 12px;font-family:"EB Garamond",serif;font-size:28px;line-height:1;transition:border-color .25s} .ca-process-tabs button[aria-selected=true]{border-color:var(--ink)} .ca-process-tabs button:hover{border-color:#af765c} .ca-process-tabs button:focus-visible{outline:2px solid var(--ink);outline-offset:6px} .ca-process-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;min-height:360px} .ca-process-panel[hidden]{display:none} .ca-process-copy h3{font-size:44px;line-height:1.06;max-width:15ch;margin:0 0 24px} .ca-process-copy p{max-width:34ch;font-size:16px;line-height:1.75;margin:0 0 28px} .ca-text-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;text-decoration:underline;text-underline-offset:5px} .ca-process-panel figure{margin:0;aspect-ratio:1.33;border-radius:20px;overflow:hidden} .ca-process-panel figure img{width:100%;height:100%;object-fit:cover;filter:brightness(1.06) saturate(1.08)} .ca-process-panel.ca-panel-enter{animation:ca-panel-enter .4s ease both} @keyframes ca-panel-enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}} body[data-page=home] .ca-products{display:block;padding:12px 0 70px;min-height:0;margin:0;gap:0} body[data-page=home] .ca-products>.products-shell{display:block;min-height:0;padding:0;margin:0 0 32px;background:transparent;border:0} body[data-page=home] .ca-products .product-feature{background:var(--ca-panel)!important;border:0!important;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:48px!important;min-height:0;margin:0!important;box-shadow:none!important} body[data-page=home] .ca-products .product-copy{align-items:flex-start;height:auto;display:flex;flex-direction:column;justify-content:center;text-align:left} body[data-page=home] .ca-products .product-copy .product-logo{width:230px;height:48px;max-width:100%;object-fit:contain;object-position:left center;margin:0 0 24px} body[data-page=home] .ca-products .product-copy .element-logo{width:184px} body[data-page=home] .ca-products .product-copy h2{font-size:44px;line-height:1.08;min-height:0;margin:0 0 24px} body[data-page=home] .ca-products .product-copy p{max-width:40ch;font-size:15px;line-height:1.75;margin:0 0 27px;flex:0} body[data-page=home] .ca-products .product-copy .button{margin:0} body[data-page=home] .ca-products .product-visual{padding:0;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;max-width:none;align-self:center;min-height:0;display:block} body[data-page=home] .ca-products .element-product .product-copy{grid-column:2;grid-row:1} body[data-page=home] .ca-products .element-product .product-visual{grid-column:1;grid-row:1} body[data-page=home] .ca-home>div.wrap:last-child{padding:0 0 42px;min-height:0} body[data-page=home] .ca-conversation{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:transparent!important;border:0!important;color:var(--ink);box-shadow:none;padding:30px 0 55px;gap:25px;border-radius:0;min-height:0;margin:0} body[data-page=home] .ca-conversation h2{font-size:62px;color:var(--ink);line-height:1.05;margin:0} body[data-page=home] .ca-conversation p{font-size:16px;line-height:1.7;max-width:48ch;margin:20px auto 0;color:#4a5355} body[data-page=home] .ca-conversation .button{background:var(--ink);color:var(--cream);border:1px solid var(--ink)} .ca-home .scroll-position{display:none} .ca-home .ca-reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.65,.25,1)} .ca-home .ca-reveal.ca-seen{opacity:1;transform:none} @media(max-width:1100px){body[data-page=home] main .wrap,body[data-page=home]>header.wrap{width:calc(100% - 64px)}body[data-page=home]>header .navlinks{gap:17px}body[data-page=home]>header .brand img{width:210px}.ca-hero{gap:40px}.ca-hero .lead{font-size:16px}.ca-insight{padding:22px}.ca-insight>p{font-size:29px}.ca-process{padding:34px}.ca-process-panel{gap:38px}.ca-process-copy h3{font-size:38px}body[data-page=home] .ca-products .product-feature{padding:36px!important;gap:36px}} @media(max-width:850px){body[data-page=home]>header .navlinks{background:#fff;color:var(--ink);border:1px solid #e3e3de;border-radius:14px;padding:22px;z-index:50}body[data-page=home]>header .menu{color:var(--ink);border-color:rgba(48,56,59,.25);background:#fff}body[data-page=home] .ca-hero{grid-template-columns:1fr 1fr;gap:28px;min-height:0;padding:45px 0 70px}.ca-hero h1{font-size:49px}.ca-hero .lead{font-size:15px}.ca-insight{padding:18px;left:6%;right:6%;top:9%}.ca-insight>p{font-size:26px;margin:15px 0}.ca-signal{grid-template-columns:76px 1fr;gap:8px;margin:10px 0}.ca-insight small{font-size:8px}.ca-visual-caption{font-size:18px;padding:13px 16px}body[data-page=home] .ca-services .service{padding:23px!important}.ca-process-panel{grid-template-columns:1fr 1fr;gap:28px;min-height:300px}.ca-process-copy h3{font-size:33px}.ca-process-copy p{font-size:14px}body[data-page=home] .ca-products .product-feature{grid-template-columns:1fr 1fr;padding:28px!important;gap:28px}body[data-page=home] .ca-products .product-copy h2{font-size:33px}body[data-page=home] .ca-products .product-copy p{font-size:13px}body[data-page=home] .ca-products .product-copy .product-logo{width:190px;height:40px}body[data-page=home] .ca-products .product-copy .element-logo{width:152px}} @media(max-width:680px){body[data-page=home] main .wrap,body[data-page=home]>header.wrap{width:calc(100% - 40px)}body[data-page=home]>header .nav{min-height:76px;padding:16px 0}body[data-page=home]>header .brand img{width:205px}body[data-page=home] .ca-hero{grid-template-columns:1fr;gap:34px;padding:34px 0 54px}.ca-hero h1{font-size:clamp(49px,11vw,62px)}.ca-hero .lead{font-size:16px;margin:24px 0;max-width:39ch}.ca-hero-visual{aspect-ratio:1.1;max-width:550px}.ca-insight{top:12%;left:9%;right:9%;padding:22px}.ca-insight>p{font-size:32px}.ca-signal{grid-template-columns:95px 1fr;margin:13px 0}.ca-visual-caption{font-size:22px}body[data-page=home] .ca-home .center-heading,.ca-method-head h2{font-size:40px;margin-bottom:29px}body[data-page=home] .ca-services{padding:20px 0 60px}body[data-page=home] .ca-services .grid3{grid-template-columns:1fr;gap:16px}body[data-page=home] .ca-services .service{min-height:0;padding:28px!important}body[data-page=home] .ca-services .service p{max-width:40ch}.ca-method-head>p{font-size:14px}.ca-method-head{margin-bottom:28px}body[data-page=home] .ca-method{padding:0 0 60px}.ca-process{padding:26px 24px}.ca-process-tabs{gap:30px;margin-bottom:28px}.ca-process-tabs button{font-size:26px}.ca-process-panel{grid-template-columns:1fr;gap:28px;min-height:0}.ca-process-copy h3{font-size:37px;max-width:17ch}.ca-process-copy p{font-size:15px;max-width:40ch}.ca-process-panel figure{aspect-ratio:1.35;border-radius:14px}body[data-page=home] .ca-products{padding:0 0 24px}body[data-page=home] .ca-products .product-feature{grid-template-columns:1fr;gap:30px;padding:28px!important}body[data-page=home] .ca-products .element-product .product-copy,body[data-page=home] .ca-products .element-product .product-visual{grid-column:auto;grid-row:auto}body[data-page=home] .ca-products .product-copy h2{font-size:37px}body[data-page=home] .ca-products .product-copy p{font-size:14px;max-width:42ch}body[data-page=home] .ca-products .product-copy .product-logo{width:225px;height:45px}body[data-page=home] .ca-products .product-copy .element-logo{width:180px}body[data-page=home] .ca-conversation{padding:20px 0 25px}body[data-page=home] .ca-conversation h2{font-size:48px}body[data-page=home] .ca-conversation p{font-size:15px}body[data-page=home] .trial-banner a{font-size:12px}} @media(prefers-reduced-motion:reduce){.ca-home *{animation:none!important;transition:none!important}.ca-home .ca-reveal{opacity:1;transform:none}} body[data-page=home]>header .brand{width:240px;flex-shrink:0} body[data-page=home] .ca-home{font-family:"Noto Sans",sans-serif} body[data-page=home] .ca-services .service::before,body[data-page=home] .ca-services .service::after{display:none!important} body[data-page=home]>header .navlinks a:not(.button):hover{color:var(--ink)} @media(max-width:1100px){body[data-page=home]>header .brand{width:210px}body[data-page=home] .ca-hero{gap:40px}} @media(max-width:850px){body[data-page=home]>header .navlinks{top:100%}body[data-page=home] .ca-hero{gap:28px}} @media(max-width:680px){body[data-page=home]>header .brand{width:205px}body[data-page=home] .ca-hero{gap:34px}} /* Requested hybrid: the centered opening and closing from 74, refined cards and process from 84. */ body[data-page=home] .ca-home .hero-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100svh - 150px);padding:40px 0 48px;margin:0 auto} body[data-page=home] .ca-home .hero-centered h1{font-family:"EB Garamond",serif;font-size:clamp(40px,5.6vw,82px);font-weight:500;line-height:1.2;letter-spacing:-.035em;width:100%;padding-bottom:.15em;margin-bottom:-.15em} body[data-page=home] .ca-home .hero-centered .lead{width:min(100%,var(--hero-copy-width,100%));max-width:var(--hero-copy-width,100%);font-size:19px;line-height:1.8;margin:30px auto 0;text-wrap:wrap} body[data-page=home] .ca-home .hero-centered .actions{justify-content:center;margin-top:30px} body[data-page=home] .ca-home .hero-centered .lead .hero-copy-line{display:block} body[data-page=home]>header .navlinks a.button,body[data-page=home]>header .customer-signin summary{width:104px;height:38px;min-height:38px;padding:8px 14px;font-size:13px;line-height:1.3;box-sizing:border-box;justify-content:center;border-radius:999px} body[data-page=home] .ca-services .grid3{max-width:1280px;width:100%;margin:0 auto} body[data-page=home] .ca-services .service .link{background:var(--ink)!important;color:var(--cream)!important;border:1px solid var(--ink);border-radius:999px;padding:11px 18px;font-size:12px;gap:16px} body[data-page=home] .ca-services .service .link>span{height:auto;width:auto;border:0;background:none;color:inherit;border-radius:0} body[data-page=home] .ca-services .service:hover .link>span{background:none;color:inherit} body[data-page=home] .ca-services .service .link:hover{background:#20282b!important} body[data-page=home] .ca-home .hero-centered .button,body[data-page=home] .ca-services .service .link,body[data-page=home] .ca-products .product-copy .button{animation:igc-quiet-pulse 5.5s ease-in-out infinite!important} body[data-page=home] .ca-services .service:nth-child(2) .link{animation-delay:.7s!important} body[data-page=home] .ca-services .service:nth-child(3) .link{animation-delay:1.4s!important} @keyframes igc-quiet-pulse{0%,72%,100%{filter:brightness(1)}86%{filter:brightness(1.09)}} body[data-page=home] .ca-method-head{max-width:780px;text-align:center} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs{justify-content:center;gap:16px;margin-bottom:38px} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs button{font-family:"EB Garamond",serif;font-size:29px;line-height:1;border:1px solid rgba(48,56,59,.25);border-radius:999px;padding:12px 26px;background:#fff;color:var(--ink);transition:background .25s,color .25s,border-color .25s;min-width:140px} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs button[aria-selected=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs button:hover{border-color:var(--ink);background:#eae6df} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs button[aria-selected=true]:hover{background:#20282b;color:var(--cream)} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-hint{font-size:12px;margin:18px auto 0;color:#687174} body[data-page=home] .ca-products .product-feature{background:transparent!important;border:0!important;grid-template-columns:.94fr 1.06fr;gap:72px;padding:18px 0 48px!important} body[data-page=home] .ca-products .product-copy{justify-content:center} body[data-page=home] .ca-products .product-copy h2{font-size:48px;line-height:1.08} body[data-page=home] .ca-products .product-copy p{font-size:16px;line-height:1.75} body[data-page=home] .ca-products .product-visual.ca-product-collage{position:relative;isolation:isolate;overflow:hidden;padding:34px!important;border-radius:30px;background:#ece8e0!important;min-height:510px;display:flex;align-items:center;justify-content:center} .ca-product-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(1.08) saturate(1.1);z-index:-1} body[data-page=home] .ca-home #section-conversation.cta{background:var(--ink)!important;color:var(--cream);border:0!important;border-radius:999px;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;padding:32px 36px;gap:18px;box-shadow:none!important;margin:0} body[data-page=home] .ca-home #section-conversation h2{color:var(--cream);font-family:"EB Garamond",serif;font-size:48px;line-height:1.1;margin:0} body[data-page=home] .ca-home #section-conversation p{color:var(--cream);font-size:16px;line-height:1.6;max-width:660px;margin:12px auto 0} body[data-page=home] .ca-home #section-conversation .button{background:var(--cream);color:var(--ink);border:1px solid var(--cream);animation:none!important} body[data-page=home] .ca-home #section-conversation .button:hover{background:#fff;border-color:#fff;color:var(--ink)} body[data-page=home] .ca-home>div.wrap:last-child{padding:32px 0 40px} @media(min-width:1101px){body[data-page=home] .ca-home .hero-centered .hero-copy-line{white-space:nowrap}} @media(max-width:1100px){body[data-page=home] .ca-products .product-feature{gap:38px}body[data-page=home] .ca-products .product-visual.ca-product-collage{padding:24px!important}body[data-page=home] .ca-products .product-copy h2{font-size:42px}} @media(max-width:850px){body[data-page=home] .ca-home .hero-centered{min-height:calc(100svh - 144px);padding:36px 0 40px}body[data-page=home] .ca-home .hero-centered h1{font-size:clamp(42px,7vw,64px)}body[data-page=home] .ca-home .hero-centered .lead{font-size:17px}body[data-page=home] .ca-home .hero-centered .hero-copy-line{display:inline;white-space:normal}body[data-page=home] .ca-products .product-feature{grid-template-columns:1fr;gap:32px}body[data-page=home] .ca-products .element-product .product-copy,body[data-page=home] .ca-products .element-product .product-visual{grid-column:auto;grid-row:auto}body[data-page=home] .ca-products .product-visual.ca-product-collage{max-width:620px;width:100%;margin:auto;min-height:510px;padding:32px!important}body[data-page=home]>header .navlinks a.button,body[data-page=home]>header .customer-signin summary{height:44px;min-height:44px;width:104px}body[data-page=home] .ca-home #section-conversation.cta{padding:28px 24px;border-radius:40px}} @media(max-width:520px){body[data-page=home] .ca-home .hero-centered h1{font-size:clamp(38px,8vw,48px);line-height:1.12}body[data-page=home] .ca-home .hero-centered .lead{font-size:16px;line-height:1.75}body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs{gap:8px;flex-wrap:wrap;margin-bottom:28px}body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs button{min-width:0;font-size:26px;padding:11px 18px}body[data-page=home] .ca-products .product-visual.ca-product-collage{padding:20px!important;border-radius:24px;min-height:470px}body[data-page=home] .ca-products .product-copy h2{font-size:38px}body[data-page=home] .ca-home #section-conversation h2{font-size:39px}body[data-page=home] .ca-home #section-conversation p{font-size:14px}} @media(prefers-reduced-motion:reduce){body[data-page=home] .ca-home .hero-centered .button,body[data-page=home] .ca-services .service .link,body[data-page=home] .ca-products .product-copy .button{animation:none!important}} /* Keep all homepage sections on the same centered page axis. */ body[data-page=home] main .ca-home > .wrap{margin-left:auto;margin-right:auto} /* Restore the original compact closing container. */ body[data-page=home] .ca-home #section-conversation.cta{border-radius:24px;padding:32px 36px;gap:18px} @media(max-width:850px){body[data-page=home] .ca-home #section-conversation.cta{border-radius:24px;padding:28px 24px}} /* Fine refinements to the combined homepage. */ body[data-page=home]>header .navlinks a.button,body[data-page=home]>header .customer-signin summary{white-space:nowrap;flex-shrink:0} body[data-page=home] .ca-home .hero-centered h1 .hero-clay-word{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:#a9633d} body[data-page=home] .ca-services .service-icon{margin-bottom:12px} body[data-page=home] .ca-services .service:hover .link{background:#20282b!important;color:#fff!important} body[data-page=home] .ca-services .service:hover .link .brand-arrow{transform:translate(2px,-2px)} body[data-page=home] .ca-method-head{margin-bottom:34px} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs{margin-bottom:20px} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:background .25s,color .25s,border-color .25s,box-shadow .25s} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs button>span{font-family:"EB Garamond",serif} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs button:hover,body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs button:focus-visible{box-shadow:0 3px 12px rgba(48,56,59,.1)} .ca-tab-cue{width:16px;height:16px;flex-shrink:0;transition:transform .3s} .ca-process-tabs button[aria-selected=true] .ca-tab-cue{transform:rotate(90deg)} .ca-process-tabs button[aria-selected=false]:hover .ca-tab-cue{transform:translateX(3px)} .ca-process-progress{display:flex;gap:6px;justify-content:center;max-width:160px;margin:0 auto 35px} .ca-process-progress i{height:3px;flex:1;background:rgba(48,56,59,.16);border-radius:999px;overflow:hidden} .ca-process-progress i:after{content:"";display:block;width:100%;height:100%;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.2,.65,.25,1)} .ca-process-progress i.active:after{transform:scaleX(1)} .ca-process-panel.ca-panel-enter{animation:ca-step-in .6s cubic-bezier(.2,.65,.25,1) both} .ca-process-panel.ca-panel-enter figure img{animation:ca-photo-settle .8s cubic-bezier(.2,.65,.25,1) both} @keyframes ca-step-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} @keyframes ca-photo-settle{from{transform:scale(1.035)}to{transform:scale(1)}} body[data-page=home] .ca-home #section-conversation.cta{padding:24px 30px;gap:16px} body[data-page=home] .ca-home #section-conversation h2{font-size:42px} @media(max-width:520px){body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs{gap:7px}body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs button{padding:11px 14px;gap:7px;font-size:25px}body[data-page=home] .ca-home #section-conversation.cta{padding:22px 20px;gap:14px}body[data-page=home] .ca-home #section-conversation h2{font-size:36px}} @media(prefers-reduced-motion:reduce){.ca-process-panel.ca-panel-enter,.ca-process-panel.ca-panel-enter figure img{animation:none}.ca-process-progress i:after,.ca-tab-cue{transition:none}} /* Reference-inspired methodology and richer people photography. */ body[data-page=home] .ca-services .service-icon{margin-bottom:4px} body[data-page=home] .ca-services .service h3{margin-top:0} body[data-page=home] .ca-services .service:hover .link,body[data-page=home] .ca-services .service:focus-visible .link{background:#a9633d!important;border-color:#a9633d;color:var(--cream)!important} body[data-page=home]>header .navlinks a:not(.button):hover,body[data-page=home]>header .navlinks a:not(.button):focus-visible{color:#a9633d} body[data-page=home]>header .navlinks a.button:hover,body[data-page=home]>header .navlinks a.button:focus-visible{background:#a9633d;color:var(--cream);border-color:#a9633d} body[data-page=home]>header .customer-signin summary:hover,body[data-page=home]>header .customer-signin[open] summary{color:#a9633d;border-color:#a9633d} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process{padding:46px 54px 38px;border-radius:8px;background:#f5f1eb} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs{justify-content:flex-start;gap:34px;margin-bottom:36px} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs button{min-width:0;display:block;padding:7px 0 13px;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;font-family:"EB Garamond",serif;font-size:27px;color:var(--ink);box-shadow:none!important;line-height:1} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs button[aria-selected=true]{background:transparent;color:var(--ink);border-bottom-color:var(--ink)} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs button:hover,body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs button[aria-selected=true]:hover{background:transparent;color:#a9633d;border-bottom-color:#a9633d} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs button:focus-visible{outline:2px solid var(--ink);outline-offset:7px} .ca-process-panel{grid-template-columns:1fr 1fr;gap:70px;align-items:center;min-height:430px} .ca-process-copy h3{font-size:46px;max-width:17ch} .ca-process-copy p{font-size:17px;line-height:1.7;max-width:34ch} .ca-process-panel figure{width:90%;justify-self:end;aspect-ratio:.95;border-radius:8px} .ca-process-panel figure img{object-fit:cover;object-position:50% 25%;filter:none} .ca-step-controls{display:flex;gap:12px;margin-top:24px} .ca-step-controls button{width:44px;height:44px;padding:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink);transition:background .25s,color .25s,border-color .25s} .ca-step-controls svg{width:22px;height:22px} .ca-step-controls button:hover:not(:disabled){background:#a9633d;border-color:#a9633d;color:var(--cream)} .ca-step-controls button:disabled{opacity:.25;cursor:default} body[data-page=home] .ca-products .product-visual.ca-product-collage{min-height:560px;display:block;padding:0!important;overflow:visible;background:transparent!important;border-radius:0} body[data-page=home] .ca-products .ca-product-collage .ca-product-backdrop{inset:0 0 auto auto;width:78%;height:86%;border-radius:12px;object-fit:cover;object-position:50% 22%;filter:none;z-index:0} @media(max-width:1100px){.ca-process-panel{gap:40px}.ca-process-copy h3{font-size:40px}.ca-process-copy p{font-size:16px}body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process{padding:38px}} @media(max-width:850px){body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process{padding:30px}.ca-process-panel{grid-template-columns:1fr 1fr;gap:30px;min-height:350px}.ca-process-copy h3{font-size:35px}.ca-process-copy p{font-size:14px}.ca-process-panel figure{width:100%}body[data-page=home] .ca-products .product-visual.ca-product-collage{min-height:570px;max-width:620px}} @media(max-width:680px){body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process{padding:26px 24px}.ca-process-panel{grid-template-columns:1fr;gap:28px;min-height:0}.ca-process-copy h3{font-size:37px;max-width:18ch}.ca-process-copy p{font-size:15px;max-width:40ch}.ca-process-panel figure{width:100%;aspect-ratio:1.12;object-position:50% 22%}.ca-step-controls{margin-top:24px}body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs{gap:29px;margin-bottom:30px}body[data-page=home] .ca-products .product-visual.ca-product-collage{min-height:530px}} @media(max-width:400px){body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs{gap:24px}body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs button{font-size:25px}body[data-page=home] .ca-products .product-visual.ca-product-collage{min-height:500px}} /* Original AI-generated portrait sheet embedded directly for offline use. */ .ca-generated-portrait{background-image:var(--igc-people-sheet);background-size:300% auto;background-repeat:no-repeat;min-height:1px} .ca-portrait-0{background-position:0% 18%} .ca-portrait-1{background-position:50% 18%} .ca-portrait-2{background-position:100% 18%} .ca-process-panel figure{position:relative} .ca-process-panel figure>.ca-generated-portrait{position:absolute;inset:0} .ca-process-panel.ca-panel-enter figure>.ca-generated-portrait{animation:ca-photo-settle .8s cubic-bezier(.2,.65,.25,1) both} body[data-page=home] .ca-products .ca-product-collage .ca-generated-portrait.ca-product-backdrop{position:absolute;inset:0 0 auto auto;background-size:300% auto;background-repeat:no-repeat} @media(prefers-reduced-motion:reduce){.ca-process-panel.ca-panel-enter figure>.ca-generated-portrait{animation:none}} /* Use ordinary embedded image elements instead of CSS image backgrounds. */ .ca-generated-portrait{background-image:none!important;overflow:hidden;position:relative} .ca-generated-portrait>.ca-portrait-image{animation:none!important;position:absolute;top:0;left:0;width:300%!important;max-width:none!important;height:100%!important;object-fit:cover!important;object-position:50% 18%!important;display:block;filter:none!important} .ca-portrait-0>.ca-portrait-image{transform:translateX(0)} .ca-portrait-1>.ca-portrait-image{transform:translateX(-33.333333%)} .ca-portrait-2>.ca-portrait-image{transform:translateX(-66.666667%)} body[data-page=home] .ca-products .product-visual.ca-product-collage{position:relative;isolation:isolate;overflow:hidden;padding:34px!important;border-radius:30px;background:#ece8e0!important;min-height:510px;display:flex;align-items:center;justify-content:center} body[data-page=home] .ca-products .ca-product-collage .ca-generated-portrait.ca-product-backdrop{position:absolute;inset:0;width:100%;height:100%;border-radius:0;z-index:0} @media(max-width:1100px){body[data-page=home] .ca-products .product-visual.ca-product-collage{padding:24px!important}} @media(max-width:850px){body[data-page=home] .ca-products .product-visual.ca-product-collage{min-height:510px;padding:32px!important}} @media(max-width:520px){body[data-page=home] .ca-products .product-visual.ca-product-collage{padding:20px!important;border-radius:24px;min-height:470px}} /* Wider environmental portraits and offset product-preview layering. */ body[data-page=home] .ca-products .product-visual.ca-product-collage{display:block;padding:0!important;background:transparent!important;overflow:visible;min-height:610px;border-radius:0} body[data-page=home] .ca-products .ca-product-collage .ca-generated-portrait.ca-product-backdrop{inset:0 0 auto auto;width:84%;height:85%;border-radius:14px;overflow:hidden;z-index:0} body[data-page=home] .ca-products .ca-product-backdrop>.ca-portrait-image{width:200%!important;object-position:50% 35%!important} .ca-product-portrait-0>.ca-portrait-image{transform:translateX(0)} .ca-product-portrait-1>.ca-portrait-image{transform:translateX(-50%)} @media(max-width:1100px){body[data-page=home] .ca-products .product-visual.ca-product-collage{padding:0!important;min-height:580px}} @media(max-width:850px){body[data-page=home] .ca-products .product-visual.ca-product-collage{padding:0!important;min-height:610px}} @media(max-width:520px){body[data-page=home] .ca-products .product-visual.ca-product-collage{padding:0!important;min-height:540px;border-radius:0}body[data-page=home] .ca-products .ca-product-collage .ca-generated-portrait.ca-product-backdrop{width:88%;height:84%;border-radius:12px}} /* Preview 94: compact service headings, balanced process copy, portrait-led previews. */ body[data-page=home] .ca-services .service .service-icon{margin-bottom:12px!important} body[data-page=home] .ca-services .service h3{padding:0!important;margin-top:0!important} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-panel{gap:48px;align-items:center} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-copy{width:100%;max-width:470px} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-copy p{max-width:40ch;margin-bottom:22px} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-outcomes{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px;font-family:'Noto Sans',sans-serif;font-size:14px;line-height:1.5;color:var(--ink)} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-outcomes li{position:relative;padding-left:18px} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-outcomes li:before{content:'';position:absolute;width:5px;height:5px;left:0;top:.6em;border-radius:50%;background:#a9633d} body[data-page=home] .product-visual.ca-product-collage .ca-generated-portrait.ca-product-backdrop{width:min(78%,450px);height:auto;aspect-ratio:3/4;inset:0 0 auto auto} @media(max-width:850px){body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-copy{max-width:none}} @media(max-width:520px){body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-outcomes{font-size:13px;gap:10px}body[data-page=home] .product-visual.ca-product-collage .ca-generated-portrait.ca-product-backdrop{width:78%;height:auto}} /* Preview 95: cream navigation and uninterrupted product photography. */ body[data-page=home]>header.wrap{background:#f5f1eb;width:100%;max-width:none;margin:0;color:var(--ink)} body[data-page=home]>header.wrap .nav{width:min(1280px,calc(100% - 96px));margin:0 auto} body[data-page=home]>header .navlinks{background:transparent} body[data-page=home] .product-visual.ca-product-collage{width:min(100%,450px);aspect-ratio:3/4;min-height:0!important;height:auto!important;justify-self:center;overflow:hidden;border-radius:14px} body[data-page=home] .product-visual.ca-product-collage .ca-generated-portrait.ca-product-backdrop{width:100%;height:100%;aspect-ratio:3/4;inset:0} @media(max-width:1100px){body[data-page=home]>header.wrap .nav{width:calc(100% - 64px)}} @media(max-width:850px){body[data-page=home]>header .navlinks{background:#f5f1eb}body[data-page=home]>header .menu{background:#f5f1eb}} @media(max-width:680px){body[data-page=home]>header.wrap .nav{width:calc(100% - 40px)}} /* Preview 96: brand ink text and a dismissible trial invitation. */ body[data-page=home] .ca-home :is(h1,h2,h3,h4,p,li,.ca-text-link),body[data-page=home] .ca-home .hero-centered h1 .hero-clay-word{color:var(--ink)!important} body[data-page=home] .ca-home #section-conversation :is(h2,p){color:var(--cream)!important} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs button,body:is([data-page=home],[data-page=care],[data-page=element]) .ca-process-tabs button:hover{color:var(--ink)} body[data-page=home]>header .navlinks>a.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:0;animation:none!important;filter:none!important;transform:none!important} body[data-page=home]>header .navlinks>a.button:before,body[data-page=home]>header .navlinks>a.button:after{animation:none!important;content:none!important} .trial-banner{position:relative} body .trial-banner{padding-left:56px!important;padding-right:56px!important} body .trial-banner[hidden]{display:none!important} .trial-dismiss{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--cream);cursor:pointer} .trial-dismiss:hover{background:rgba(247,245,239,.12)} .trial-dismiss:focus-visible{outline:2px solid var(--cream);outline-offset:2px} @media(max-width:520px){body .trial-banner{padding-left:44px!important;padding-right:44px!important}.trial-dismiss{right:5px}} /* Preview 97: aligned page edges, quieter buttons, and restored clay emphasis. */ body[data-page=home] .ca-home .hero-centered h1 .hero-clay-word{color:#a9633d!important} body[data-page=home]>header.wrap .nav{display:flex;justify-content:space-between;align-items:center;max-width:none;position:relative} body[data-page=home]>header .brand{margin:0!important;padding:0;justify-self:start} body[data-page=home]>header .navlinks{margin-left:auto!important;margin-right:0!important;justify-content:flex-end} body[data-page=home]>header .menu{margin-left:auto} body[data-page=home] .ca-home .hero-centered{min-height:clamp(470px,70svh,680px)!important;padding:44px 0 48px!important;margin-bottom:0!important} body[data-page=home] .ca-services{padding-top:12px!important} body[data-page=home] .ca-services .service .service-icon,body[data-page=home] .ca-services .service .service-icon img,body[data-page=home] .ca-services .service:hover .service-icon,body[data-page=home] .ca-services .service:hover .service-icon img,body[data-page=home] .ca-services .service:focus-visible .service-icon,body[data-page=home] .ca-services .service:focus-visible .service-icon img{transform:none!important;transition:none!important} body[data-page=home] .ca-home .ca-products{display:block;align-items:stretch;width:min(1280px,calc(100% - 96px));max-width:1280px;margin-left:auto;margin-right:auto} body[data-page=home] .ca-products>.products-shell,body[data-page=home] .ca-products .product-feature{width:100%;max-width:none;box-sizing:border-box;align-self:stretch;margin-left:0!important;margin-right:0!important} body[data-page=home] .ca-products .product-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} body[data-page=home] .ca-products .care-product .product-visual{justify-self:end} body[data-page=home] .ca-products .element-product .product-visual{justify-self:start} body[data-page=home] .ca-products .product-copy .button:hover,body[data-page=home] .ca-products .product-copy .button:focus-visible{background:#a9633d!important;border-color:#a9633d!important;color:var(--cream)!important} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-step-controls button{width:auto;min-width:80px;border-radius:999px;padding:10px 18px;font-family:'Noto Sans',sans-serif;font-size:12px} @media(max-width:1100px){body[data-page=home] .ca-home .ca-products{width:calc(100% - 64px)}} @media(max-width:850px){body[data-page=home]>header .navlinks{margin-left:0!important;right:0;left:auto}body[data-page=home] .ca-products .product-feature{grid-template-columns:1fr}body[data-page=home] .ca-products .care-product .product-visual,body[data-page=home] .ca-products .element-product .product-visual{justify-self:center}body[data-page=home] .ca-home .hero-centered{min-height:460px!important;padding:40px 0!important}} @media(max-width:680px){body[data-page=home] .ca-home .ca-products{width:calc(100% - 40px)}} /* Preview 99: a complete opening screen and calm, consistent navigation. */ body[data-page=home]>header .customer-signin summary{background:var(--ink)!important;color:var(--cream)!important;border-color:var(--ink)!important;justify-content:center;text-align:center} body[data-page=home]>header .customer-signin summary:hover,body[data-page=home]>header .customer-signin[open] summary{background:#a9633d!important;border-color:#a9633d!important;color:var(--cream)!important} body[data-page=home] .ca-home .hero-centered{min-height:max(480px,calc(100svh - var(--opening-top,146px)))!important;box-sizing:border-box;padding-top:40px!important;padding-bottom:48px!important} body[data-page=home] .ca-services .service,body[data-page=home] .ca-services .service:hover,body[data-page=home] .ca-services .service:focus-visible{background:#f5f2ed!important} body[data-page=home] .ca-home .scroll-position{display:block} /* Preview 100: centered service cards and clearer process navigation. */ body[data-page=home] .ca-services .service{align-items:center!important;text-align:center!important} body[data-page=home] .ca-services .service .service-icon{margin-left:auto!important;margin-right:auto!important} body[data-page=home] .ca-services .service .service-icon img{object-position:center!important} body[data-page=home] .ca-services .service :is(h3,p){text-align:center;margin-left:auto;margin-right:auto} body[data-page=home] .ca-services .service .link{align-self:center!important;justify-content:center;text-align:center} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-step-controls button{background:var(--ink);color:var(--cream);border-color:var(--ink)} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-step-controls button:hover:not(:disabled),body:is([data-page=home],[data-page=care],[data-page=element]) .ca-step-controls button:focus-visible:not(:disabled){background:#a9633d;color:var(--cream);border-color:#a9633d} body:is([data-page=home],[data-page=care],[data-page=element]) .ca-step-controls button:disabled{opacity:.45} body[data-page=home] .ca-home .scroll-position{opacity:1;background:rgba(48,56,59,.3)} body[data-page=home] .ca-home .scroll-position span{background:var(--ink)} body[data-page=home] .ca-home .scroll-position.finished{opacity:.65} body[data-page=home] .foot{padding-top:72px!important} @media(max-width:680px){body[data-page=home] .foot{padding-top:48px!important}} /* Preview 101: wider service copy and compact, evenly aligned cards. */ body[data-page=home] .ca-services .service{min-height:0!important;height:auto;padding:24px!important} body[data-page=home] .ca-services .service p{width:100%;max-width:none!important;line-height:1.65;margin-bottom:20px} body[data-page=home] .ca-services .service h3{margin-bottom:16px} @media(max-width:680px){body[data-page=home] .ca-services .service{padding:24px!important}} /* Preview 102: roomier service cards and one consistent pill hover. */ body[data-page=home] .ca-services .service{min-height:390px!important;padding:32px 28px!important} body[data-page=home] .ca-services .service .service-icon{margin-bottom:22px!important} body[data-page=home] .ca-services .service h3{margin-bottom:24px} body[data-page=home] .ca-services .service p{margin-bottom:32px;line-height:1.75} body[data-page=home] .ca-home :is(a.button,.service .link,.ca-step-controls button),body[data-page=home]>header :is(.navlinks>a.button,.customer-signin summary){transition:background .25s,color .25s,border-color .25s,transform .25s} body[data-page=home] .ca-home :is(a.button,.service .link,.ca-step-controls button):hover:not(:disabled),body[data-page=home] .ca-home :is(a.button,.service .link,.ca-step-controls button):focus-visible:not(:disabled),body[data-page=home] .ca-services .service:hover .link,body[data-page=home] .ca-services .service:focus-visible .link,body[data-page=home]>header .navlinks>a.button:hover,body[data-page=home]>header .navlinks>a.button:focus-visible,body[data-page=home]>header .customer-signin summary:hover,body[data-page=home]>header .customer-signin summary:focus-visible{background:#fff!important;color:var(--ink)!important;border-color:var(--ink)!important;transform:translateY(-2px)!important;animation-play-state:paused!important;filter:none!important} body[data-page=home] .ca-home #section-conversation .button:hover,body[data-page=home] .ca-home #section-conversation .button:focus-visible{border-color:#fff!important} @media(max-width:680px){body[data-page=home] .ca-services .service{min-height:360px!important;padding:30px 26px!important}} @media(prefers-reduced-motion:reduce){body[data-page=home] .ca-home :is(a.button,.service .link,.ca-step-controls button):hover:not(:disabled),body[data-page=home] .ca-services .service:hover .link,body[data-page=home]>header .navlinks>a.button:hover,body[data-page=home]>header .customer-signin summary:hover{transform:none!important;transition:none}} /* Preview 103: clay pill hovers, with white reserved for the ink closing section. */ body[data-page=home] .ca-home :is(a.button,.service .link,.ca-step-controls button):hover:not(:disabled),body[data-page=home] .ca-home :is(a.button,.service .link,.ca-step-controls button):focus-visible:not(:disabled),body[data-page=home] .ca-services .service:hover .link,body[data-page=home] .ca-services .service:focus-visible .link,body[data-page=home]>header .navlinks>a.button:hover,body[data-page=home]>header .navlinks>a.button:focus-visible,body[data-page=home]>header .customer-signin summary:hover,body[data-page=home]>header .customer-signin summary:focus-visible{background:#a9633d!important;color:var(--cream)!important;border-color:#a9633d!important} body[data-page=home] .ca-home #section-conversation .button:hover,body[data-page=home] .ca-home #section-conversation .button:focus-visible{background:#fff!important;color:var(--ink)!important;border-color:#fff!important} /* Preview 104: fully rounded homepage pill controls. */ body[data-page=home] .ca-home :is(.button,.service .link,.ca-step-controls button),body[data-page=home]>header :is(.navlinks>a.button,.customer-signin summary){border-radius:9999px!important} /* Preview 105: the approved homepage visual system across every surrounding page. */ body:not([data-page=home]){background:#fff;color:var(--ink);font-family:'Noto Sans',Arial,sans-serif} body:not([data-page=home]) main .wrap{width:min(1280px,calc(100% - 96px));max-width:1280px;margin-left:auto;margin-right:auto;box-sizing:border-box} body:not([data-page=home])>header.wrap{width:100%;max-width:none;margin:0;background:#f5f1eb;color:var(--ink);border-radius:0;box-shadow:none} body:not([data-page=home])>header .nav{display:flex;justify-content:space-between;align-items:center;width:min(1280px,calc(100% - 96px));min-height:90px;height:auto;padding:20px 0;margin:0 auto;gap:28px} body:not([data-page=home])>header .brand{width:240px;margin:0;padding:0;flex-shrink:0} body:not([data-page=home])>header .brand img{width:240px;height:auto;max-height:45px;object-fit:contain;object-position:left center} body:not([data-page=home])>header .navlinks{margin-left:auto;margin-right:0;justify-content:flex-end;gap:25px;background:transparent} body:not([data-page=home])>header .navlinks>a:not(.button){font-family:'Noto Sans',sans-serif;color:var(--ink);font-size:13px;text-transform:lowercase;background:transparent} body:not([data-page=home])>header .navlinks>a:not(.button):hover{color:#a9633d} body:not([data-page=home])>header .navlinks>a.button,body:not([data-page=home])>header .customer-signin summary{width:104px;height:44px;min-height:44px;padding:8px 14px;display:inline-flex;align-items:center;justify-content:center;font-family:'Noto Sans',sans-serif;font-size:13px;line-height:1.3;white-space:nowrap;border-radius:9999px!important;background:var(--ink)!important;color:var(--cream)!important;border:1px solid var(--ink);box-sizing:border-box;animation:none!important;filter:none!important} body:not([data-page=home])>header .menu{margin-left:auto;color:var(--ink);background:#f5f1eb;border-color:rgba(48,56,59,.25)} body:not([data-page=home]) main :is(h1,h2,h3,h4){font-family:'EB Garamond',serif;color:var(--ink)!important;font-weight:500;letter-spacing:-.035em;text-transform:lowercase} body:not([data-page=home]) main :is(p,li,label,input,textarea,select,.small,.worktag,.link){font-family:'Noto Sans',Arial,sans-serif;color:var(--ink)} body:not([data-page=home]) .pagehero{max-width:100%;text-align:center;padding:72px 0 64px;margin:0 auto} body:not([data-page=home]) .pagehero h1{font-size:clamp(42px,5.6vw,76px);line-height:1.12;margin:0 auto 26px} body:not([data-page=home]) .pagehero>p{max-width:760px;margin:0 auto;font-size:18px;line-height:1.75} body:not([data-page=home]) .section{padding:48px 0 64px} body:not([data-page=home]) .detailgrid{border:0;padding:40px 0 56px;gap:56px;align-items:start} body:not([data-page=home]) .section.dark{background:#f5f1eb!important;color:var(--ink)!important;border:0} body:not([data-page=home]) :is(.service,.workcard,.method-grid article,.list article,.band,.contactbox){background:#f5f2ed!important;border:1px solid transparent!important;border-radius:12px!important;box-shadow:none!important;color:var(--ink)!important;transition:border-color .3s} body:not([data-page=home]) :is(.service,.workcard,.method-grid article,.list article,.band,.contactbox):hover{background:#f5f2ed!important;border-color:rgba(48,56,59,.4)!important;transform:none!important;box-shadow:none!important} body:not([data-page=home]) .grid3{gap:24px;align-items:stretch} body:not([data-page=home]) .service{min-height:390px;height:auto;padding:32px 28px!important;display:flex;flex-direction:column;align-items:center;text-align:center} body:not([data-page=home]) .service :is(.service-icon,.service-mark){position:static!important;transform:none!important;margin:0 auto 22px;flex-shrink:0} body:not([data-page=home]) .service h3{padding:0!important;font-size:32px;line-height:1.1;margin:0 0 24px} body:not([data-page=home]) .service p{width:100%;max-width:none;line-height:1.75;font-size:14px;flex:1;margin:0 0 32px} body:not([data-page=home]) main :is(.button,.service .link,.workcard .link){display:inline-flex;align-items:center;justify-content:center;align-self:center;width:auto;min-height:44px;padding:12px 22px!important;border:1px solid var(--ink)!important;border-radius:9999px!important;background:var(--ink)!important;color:var(--cream)!important;font-family:'Noto Sans',Arial,sans-serif;font-size:13px;line-height:1.4;text-transform:lowercase;box-shadow:none!important;animation:none!important;transition:background .25s,color .25s,border-color .25s,transform .25s} body:not([data-page=home]) .service .link{margin-top:auto} body:not([data-page=home]) main :is(.button,.service .link,.workcard .link):hover,body:not([data-page=home]) main :is(.button,.service .link,.workcard .link):focus-visible,body:not([data-page=home]) .service:hover .link,body:not([data-page=home]) .workcard:hover .link,body:not([data-page=home])>header .navlinks>a.button:hover,body:not([data-page=home])>header .customer-signin summary:hover{background:#a9633d!important;border-color:#a9633d!important;color:var(--cream)!important;transform:translateY(-2px);filter:none!important} body:not([data-page=home]) .cta,body:not([data-page=home]) .cta:hover{background:var(--ink)!important;border:0!important;border-radius:24px!important;box-shadow:none!important;transform:none!important;padding:28px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;min-height:0} body:not([data-page=home]) .cta :is(h2,p){color:var(--cream)!important;margin:0} body:not([data-page=home]) .cta h2{font-size:48px;line-height:1.1} body:not([data-page=home]) .cta p{max-width:680px;line-height:1.7} body:not([data-page=home]) main .cta .button{margin:0!important;background:var(--cream)!important;color:var(--ink)!important;border-color:var(--cream)!important} body:not([data-page=home]) main .cta .button:hover,body:not([data-page=home]) main .cta .button:focus-visible{background:#fff!important;color:var(--ink)!important;border-color:#fff!important} body:not([data-page=home]) .band{background:#f5f1eb!important;margin:20px 0 56px;padding:32px} body:not([data-page=home]) .contactbox{padding:32px!important} body:not([data-page=home]) .list article{padding:24px} body:not([data-page=home]) .method-grid article{padding:28px} body:not([data-page=home]) .proofnote{background:#f5f1eb!important;color:var(--ink)!important;border:0!important;border-radius:12px;padding:28px} body:not([data-page=home]) .workvisual{background:#f5f1eb!important;color:var(--ink)!important;border:0!important} body:not([data-page=home]) .worktag{background:transparent!important;border:0!important;text-transform:lowercase} body:not([data-page=home]) .foot{background:#fff!important;border:0!important;box-shadow:none!important;padding-top:72px!important} body:not([data-page=home]) .foot-top{display:flex;justify-content:center;text-align:center} body:not([data-page=home]) .foot-top>div:first-child{width:100%} body:not([data-page=home]) .foot-top>div:not(:first-child),body:not([data-page=home]) .foot-top>div:first-child>p{display:none} body:not([data-page=home]) .foot .brand{display:flex;justify-content:center;margin:0 auto;width:80px} body:not([data-page=home]) .foot .brand img{width:80px;height:auto} body:not([data-page=home]) .trial-banner{min-height:56px;background:var(--ink);padding-top:16px;padding-bottom:16px} body:not([data-page=home]) .trial-banner a{font-size:13px;color:var(--cream);line-height:1.6} @media(max-width:1100px){body:not([data-page=home]) main .wrap,body:not([data-page=home])>header .nav{width:calc(100% - 64px)}body:not([data-page=home])>header .navlinks{gap:17px}body:not([data-page=home])>header .brand,body:not([data-page=home])>header .brand img{width:210px}} @media(max-width:850px){body:not([data-page=home])>header .navlinks{margin-left:0;left:auto;right:0;top:100%;background:#f5f1eb;border:1px solid #e3e3de;border-radius:14px;padding:22px;z-index:50}body:not([data-page=home]) .detailgrid{grid-template-columns:1fr;gap:28px}body:not([data-page=home]) .method-grid{grid-template-columns:1fr}body:not([data-page=home]) .pagehero{padding:56px 0 48px}} @media(max-width:680px){body:not([data-page=home]) main .wrap,body:not([data-page=home])>header .nav{width:calc(100% - 40px)}body:not([data-page=home])>header .nav{min-height:76px;padding:16px 0}body:not([data-page=home])>header .brand,body:not([data-page=home])>header .brand img{width:205px}body:not([data-page=home]) .pagehero h1{font-size:42px}body:not([data-page=home]) .pagehero>p{font-size:16px}body:not([data-page=home]) .service{min-height:360px;padding:30px 26px!important}body:not([data-page=home]) .cta h2{font-size:36px}body:not([data-page=home]) .foot{padding-top:48px!important}} @media(prefers-reduced-motion:reduce){body:not([data-page=home]) main :is(.button,.service .link,.workcard .link):hover,body:not([data-page=home])>header .navlinks>a.button:hover,body:not([data-page=home])>header .customer-signin summary:hover{transform:none;transition:none}} /* Preview 106: shared, flat surfaces; no animated or hover borders. */ body main .service,body main .workcard,body main .method-card,body main .method-grid article,body main .list article,body main .band,body main .contactbox,body main .product-feature,body main .product-visual,body main .ca-process{border:0!important;box-shadow:none!important;outline:0!important} body main .service:hover,body main .workcard:hover,body main .method-card:hover,body main .method-grid article:hover,body main .list article:hover{border:0!important;box-shadow:none!important} body main .card-trace{display:none!important} body:not([data-page="home"]) .pagehero h1{max-width:1050px;margin-inline:auto;text-wrap:balance} body:not([data-page="home"]) .pagehero p,body:not([data-page="home"]) .detailgrid p{text-wrap:pretty} body:not([data-page="home"]) .section-top h2,body:not([data-page="home"]) .detailgrid h2{font-size:clamp(32px,3.6vw,48px);line-height:1.15} body:not([data-page="home"]) .detailgrid{align-items:start} body:not([data-page="home"]) .products-overview .grid3{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin-inline:auto} body:not([data-page="home"]) .product-logo{height:58px;width:auto;max-width:100%;object-fit:contain;align-self:center;margin-bottom:14px} body:not([data-page="home"]) .contactbox label,body:not([data-page="home"]) input,body:not([data-page="home"]) select,body:not([data-page="home"]) textarea{font-family:'Noto Sans',sans-serif;color:#30383b} body:not([data-page="home"]) .editorial-photo{margin:0;overflow:hidden;border-radius:12px;background:#f5f1eb} body:not([data-page="home"]) .editorial-photo img{display:block;width:100%;height:100%;aspect-ratio:3/2;object-fit:cover} body:not([data-page="home"]) .editorial-pair{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin:0 0 56px} body:not([data-page="home"]) .editorial-pair .detailgrid{display:block;margin:0;padding:0} body:not([data-page="home"]) .editorial-pair .detailgrid>div{margin-bottom:20px} body:not([data-page="home"]) .editorial-banner{max-width:100%;margin:0 0 56px} body:not([data-page="home"]) .editorial-banner img{aspect-ratio:2.7/1;object-position:center 40%} body:not([data-page="home"]) .contactbox p{margin-top:14px} @media(max-width:850px){body:not([data-page="home"]) .editorial-pair{grid-template-columns:1fr;gap:28px;margin-bottom:40px}body:not([data-page="home"]) .products-overview .grid3{grid-template-columns:1fr}body:not([data-page="home"]) .editorial-banner img{aspect-ratio:3/2}} @media(prefers-reduced-motion:reduce){body main .reveal{opacity:1!important;transform:none!important;transition:none!important}} body:not([data-page="home"]) .editorial-banner{max-width:960px;margin-inline:auto}body:not([data-page="home"]) .editorial-banner img{aspect-ratio:3/2;max-height:480px;object-position:center}body:not([data-page="home"]) .twocol .editorial-photo{margin-top:28px} /* Preview 108: matched inner-edge spacing for mirrored product sections. */ @media(min-width:1101px){ body[data-page=home] .ca-products .product-feature .product-copy{width:min(100%,450px)} body[data-page=home] .ca-products .care-product .product-copy{justify-self:end} body[data-page=home] .ca-products .element-product .product-copy{justify-self:start} } @media(min-width:1101px){body[data-page=home] .ca-products .care-product .product-visual{justify-self:end}body[data-page=home] .ca-products .element-product .product-visual{justify-self:start}} /* Preview 109: reliable banner dismissal and coordinated opening reveal. */ body .trial-banner[hidden]{display:none!important} body[data-page=home] .ca-home .hero-centered.opening-animate h1{animation:igc-opening-type 1.75s linear both;will-change:clip-path} body[data-page=home] .ca-home .hero-centered.opening-animate .lead,body[data-page=home] .ca-home .hero-centered.opening-animate .actions{animation:igc-opening-content .4s ease-out 1.75s both} @keyframes igc-opening-type{from{clip-path:inset(-.15em 100% -.3em 0)}to{clip-path:inset(-.15em 0 -.3em 0)}} @keyframes igc-opening-content{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}} @media(prefers-reduced-motion:reduce){body[data-page=home] .ca-home .hero-centered.opening-animate h1,body[data-page=home] .ca-home .hero-centered.opening-animate .lead,body[data-page=home] .ca-home .hero-centered.opening-animate .actions{animation:none!important;clip-path:none;opacity:1;transform:none}} /* Preview 110: larger product photography with mirrored outer copy columns. */ @media(min-width:1101px){ body[data-page=home] .ca-products .product-feature{grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:64px;align-items:center} body[data-page=home] .ca-products .element-product{grid-template-columns:minmax(0,.62fr) minmax(0,.38fr)} body[data-page=home] .ca-products .care-product .product-copy{justify-self:start;width:min(100%,450px)} body[data-page=home] .ca-products .element-product .product-copy{justify-self:end;width:min(100%,450px)} body[data-page=home] .ca-products .product-visual.ca-product-collage{width:100%;max-width:680px;aspect-ratio:3/4} body[data-page=home] .ca-products .care-product .product-visual{justify-self:end} body[data-page=home] .ca-products .element-product .product-visual{justify-self:start} } @media(min-width:851px) and (max-width:1100px){body[data-page=home] .ca-products .product-visual.ca-product-collage{width:100%;max-width:620px}} /* Preview 111: wider photographs at their original desktop height. */ @media(min-width:1101px){ body[data-page=home] .ca-products .product-visual.ca-product-collage{width:100%;max-width:680px;height:600px!important;min-height:0!important;aspect-ratio:auto} body[data-page=home] .ca-products .care-product .product-copy{justify-self:start;align-items:flex-start;text-align:left} body[data-page=home] .ca-products .element-product .product-copy{justify-self:end;align-items:flex-end;text-align:right} body[data-page=home] .ca-products .element-product .product-copy .product-logo{object-position:right center} } /* Preview 112: equal product-section heights and wider environmental portraits. */ @media(min-width:1101px){ body[data-page=home] .ca-products .product-feature{--product-height:600px;grid-template-rows:var(--product-height);min-height:var(--product-height);padding:0!important;align-items:center} body[data-page=home] .ca-products .product-visual.ca-product-collage{height:var(--product-height)!important;min-height:var(--product-height)!important;aspect-ratio:auto;align-self:stretch} } body[data-page=home] .ca-products .ca-product-collage .ca-product-backdrop>.ca-portrait-image{width:100%!important;height:100%!important;transform:none!important;object-fit:cover!important;object-position:center!important} /* Preview 113: each photograph follows the natural logo-to-button copy height. */ @media(min-width:1101px){ body[data-page=home] .ca-products .product-feature{grid-template-rows:auto;min-height:0!important;align-items:stretch;padding:0!important} body[data-page=home] .ca-products .product-feature .product-copy{height:auto;min-height:0;align-self:start;justify-content:flex-start} body[data-page=home] .ca-products .product-visual.ca-product-collage{height:auto!important;min-height:0!important;aspect-ratio:auto;align-self:stretch} } /* Preview 114: breathing room between products and centered copy compositions. */ body[data-page=home] .ca-products>.products-shell:first-of-type{margin-bottom:88px} body[data-page=home] .ca-products .product-feature .product-copy{align-items:center;text-align:center;justify-self:center} body[data-page=home] .ca-products .product-feature .product-copy .product-logo{object-position:center} @media(min-width:1101px){body[data-page=home] .ca-products .care-product .product-copy,body[data-page=home] .ca-products .element-product .product-copy{align-items:center;text-align:center;justify-self:center}} @media(max-width:850px){body[data-page=home] .ca-products>.products-shell:first-of-type{margin-bottom:64px}} /* Preview 115: editorial team image sized to the opening headline text. */ body[data-page=home] .ca-home .hero-centered .hero-team-photo{width:min(100%,var(--hero-copy-width,960px));aspect-ratio:3.5/1;flex-shrink:0;margin:0 auto 30px;overflow:hidden;border-radius:14px;background:#f5f1eb} body[data-page=home] .ca-home .hero-centered .hero-team-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center} @media(max-width:680px){body[data-page=home] .ca-home .hero-centered .hero-team-photo{aspect-ratio:3/2;margin-bottom:24px;border-radius:12px}body[data-page=home] .ca-home .hero-centered .hero-team-photo img{object-fit:contain}} /* Preview 116: taller opening photograph, keeping headline-width alignment. */ body[data-page=home] .ca-home .hero-centered .hero-team-photo{aspect-ratio:2.4/1} @media(max-width:680px){body[data-page=home] .ca-home .hero-centered .hero-team-photo{aspect-ratio:3/2}} /* Preview 117: no hero photo or card hover borders; consistent logo display sizes. */ body[data-page=home] .ca-home .ca-services .service,body[data-page=home] .ca-home .ca-services .service:hover{border:0!important} body[data-page=home] .ca-home .ca-services .service .service-icon{width:100px!important;height:64px!important;flex:0 0 auto} body[data-page=home] .ca-home .ca-services .service .service-icon img{width:100px!important;height:64px!important;max-width:none;object-fit:contain!important;object-position:center!important} body[data-page=home] .ca-home .ca-products .product-copy .product-logo,body[data-page=home] .ca-home .ca-products .product-copy .element-logo{width:260px!important;height:48px!important;max-width:100%;max-height:none!important;object-fit:contain!important;object-position:center!important} /* Preview 118: balanced descriptions with matching final-line baselines. */ body[data-page=home] .ca-services .service>p{display:flex;align-items:flex-end;justify-content:center} body[data-page=home] .ca-services .service .service-description{display:block;width:100%;text-wrap:balance} /* Preview 120: shared page geometry and brand components, scoped away from the approved homepage. */ body:not([data-page="home"]){--page-max:1280px;--page-gutter:96px;--page-gap:72px;--page-panel:#f5f2ed;background:#fff;color:#30383b} body:not([data-page="home"]) main .wrap{width:min(var(--page-max),calc(100% - var(--page-gutter)));max-width:var(--page-max);margin-inline:auto;padding-inline:0;box-sizing:border-box} body:not([data-page="home"]) main .wrap .wrap{width:100%;max-width:none} body:not([data-page="home"]) main>section:not(.wrap){background:#fff} body:not([data-page="home"])>header .nav{min-height:76px;padding:16px 0;width:min(var(--page-max),calc(100% - var(--page-gutter)))} body:not([data-page="home"]) main :is(p,li,label,input,select,textarea,.button,.link,.worktag,.small,.notice){font-family:'Noto Sans',Arial,sans-serif} body:not([data-page="home"]) main :is(h1,h2,h3){font-family:'EB Garamond',serif;font-weight:500;letter-spacing:-.035em;text-wrap:balance} body:not([data-page="home"]) .pagehero{padding:64px 0 56px;max-width:1040px;margin-inline:auto;text-align:center} body:not([data-page="home"]) .pagehero h1{font-size:clamp(40px,5.6vw,76px);line-height:1.16;margin:0 auto 24px;max-width:1040px} body:not([data-page="home"]) .pagehero p{font-size:17px;line-height:1.75;max-width:760px;margin:0 auto;text-wrap:balance} body:not([data-page="home"]) .pagehero .product-logo{display:block;width:260px!important;height:48px!important;max-width:100%;object-fit:contain;object-position:center;margin:0 auto 26px} body:not([data-page="home"]) .section{padding:0;margin-block:0 var(--page-gap)} body:not([data-page="home"]) .section-top{display:block;text-align:center;margin:0 auto 36px;max-width:880px} body:not([data-page="home"]) .section-top h2{font-size:40px;line-height:1.12;margin:0 0 20px} body:not([data-page="home"]) .section-top p{font-size:16px;line-height:1.75;max-width:680px;margin-inline:auto} body:not([data-page="home"]) .grid3,body:not([data-page="home"]) .method-grid{gap:24px;margin-bottom:var(--page-gap)} body:not([data-page="home"]) main :is(.service,.workcard,.method-grid article,.list article,.band,.contactbox){background:var(--page-panel);border:0!important;box-shadow:none!important;border-radius:12px} body:not([data-page="home"]) main :is(.service,.workcard,.method-grid article,.list article,.band,.contactbox):hover{border:0!important;box-shadow:none!important;background:var(--page-panel)} body:not([data-page="home"]) .service{min-height:390px;padding:32px 28px;display:flex;flex-direction:column;align-items:center;text-align:center} body:not([data-page="home"]) .service .service-icon{position:static;width:100px!important;height:64px!important;margin:0 auto 22px!important;flex-shrink:0;transform:none!important} body:not([data-page="home"]) .service .service-icon img{width:100px!important;height:64px!important;object-fit:contain;object-position:center;transform:none!important} body:not([data-page="home"]) .service>.product-logo{width:260px!important;height:48px!important;max-width:100%;object-fit:contain;object-position:center;margin:0 0 22px;flex-shrink:0} body:not([data-page="home"]) .service :is(h2,h3){font-size:32px;line-height:1.12;margin:0 0 24px;padding:0} body:not([data-page="home"]) .service>p{width:100%;max-width:none;font-size:14px;line-height:1.75;flex:1;margin:0 0 32px;display:flex;align-items:flex-end;text-wrap:balance} body:not([data-page="home"]) .service>.actions{margin:0;justify-content:center} body:not([data-page="home"]) .service .link{margin-top:auto} body:not([data-page="home"]) .products-overview .grid3{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))} body:not([data-page="home"]) .products-overview .service{min-height:330px} body:not([data-page="home"]) .editorial-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;margin-bottom:var(--page-gap)} body:not([data-page="home"]) .editorial-pair .detailgrid{display:block;padding:0;margin:0;min-width:0;width:100%} body:not([data-page="home"]) .editorial-pair h2,body:not([data-page="home"]) .detailgrid>h2,body:not([data-page="home"]) .detailgrid>div>h2{font-size:clamp(32px,3.6vw,48px);line-height:1.15;margin:0 0 24px} body:not([data-page="home"]) .editorial-pair p,body:not([data-page="home"]) .detailgrid p{font-size:16px;line-height:1.8;margin:0 0 20px;max-width:none} body:not([data-page="home"]) .editorial-pair .editorial-photo{width:100%;margin:0} body:not([data-page="home"]) .editorial-photo img{aspect-ratio:3/2;width:100%;height:auto;display:block;object-fit:cover} body:not([data-page="home"]) .editorial-banner{max-width:1040px;width:100%;margin:0 auto var(--page-gap)} body:not([data-page="home"]) .editorial-banner img{max-height:480px;aspect-ratio:13/6;object-position:center 35%} body:not([data-page="home"]) .detailgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding:0;margin:0 0 56px;align-items:start} body:not([data-page="home"]) .scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} body:not([data-page="home"]) .scope-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))} body:not([data-page="home"]) .scope-grid article{padding:28px;min-height:180px} body:not([data-page="home"]) .scope-grid h3{font-size:28px;line-height:1.15;margin:0 0 18px} body:not([data-page="home"]) .scope-grid p{font-size:14px;line-height:1.75;margin:0} body:not([data-page="home"]) .band{padding:32px;max-width:none;width:100%;margin:0 0 var(--page-gap);text-align:center} body:not([data-page="home"]) .band h3{font-size:32px;line-height:1.15;margin:0 0 18px} body:not([data-page="home"]) .band p{max-width:760px;margin:0 auto 24px;font-size:15px;line-height:1.8} body:not([data-page="home"]) .band .actions{justify-content:center;margin:0;gap:16px} body:not([data-page="home"]) .method-grid article{padding:28px;display:flex;flex-direction:column;align-items:flex-start} body:not([data-page="home"]) .method-grid article>b{font-family:'EB Garamond',serif;font-weight:500;font-size:26px;line-height:1.2;display:inline-flex;align-items:center;background:#30383b;color:#f5f1eb;border-radius:9999px;padding:8px 22px;margin-bottom:22px} body:not([data-page="home"]) .method-grid h3{font-size:32px;line-height:1.15;margin:0 0 18px} body:not([data-page="home"]) .method-grid p{font-size:14px;line-height:1.75;margin:0} body:not([data-page="home"]) .product-intro .detailgrid{text-align:center;display:flex;flex-direction:column;align-items:center} body:not([data-page="home"]) .product-intro .actions{justify-content:center;margin:8px 0 0;gap:16px;flex-wrap:wrap} body:not([data-page="home"]) .product-intro .editorial-photo img{aspect-ratio:3/2} body:not([data-page="home"]) .product-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0} body:not([data-page="home"]) .product-workflow>div{display:block;margin:0;padding:28px;background:var(--page-panel);border:0;border-radius:12px} body:not([data-page="home"]) .product-workflow h3{font-size:28px;line-height:1.15;margin:0 0 18px} body:not([data-page="home"]) .product-workflow p{font-size:14px;line-height:1.75} body:not([data-page="home"]) .workcard{display:flex;flex-direction:column;min-height:420px;overflow:hidden} body:not([data-page="home"]) .workvisual{height:200px;min-height:200px;background:#f5f1eb} body:not([data-page="home"]) .workbody{padding:28px;display:flex;flex-direction:column;flex:1;text-align:center;align-items:center} body:not([data-page="home"]) .workbody h3{font-size:32px;line-height:1.12;margin:0 0 22px} body:not([data-page="home"]) .workbody p{font-size:14px;line-height:1.75;margin:0 0 28px;flex:1} body:not([data-page="home"]) .workbody .link{margin-top:auto} body:not([data-page="home"]) .proofnote{padding:24px 28px;margin:0 0 var(--page-gap);background:#f5f1eb;font-size:13px;line-height:1.75} body:not([data-page="home"]) .twocol{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start;margin-bottom:var(--page-gap)} body:not([data-page="home"]) .contactbox{padding:32px;min-width:0} body:not([data-page="home"]) .contactbox .split2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px} body:not([data-page="home"]) .contactbox .field{margin:0 0 22px} body:not([data-page="home"]) .contactbox :is(input,select,textarea){width:100%;box-sizing:border-box;background:#fff;border:1px solid rgba(48,56,59,.18);border-radius:8px;padding:12px 14px;font-size:16px} body:not([data-page="home"]) .contactbox :is(input,select){min-height:46px} body:not([data-page="home"]) .contactbox label{display:block;margin:0 0 9px;font-size:13px;font-weight:500} body:not([data-page="home"]) .contactbox textarea{min-height:130px;resize:vertical} body:not([data-page="home"]) .contactbox .small{font-size:12px;line-height:1.7;margin-top:18px} body:not([data-page="home"]) .cta{width:100%;box-sizing:border-box;margin:0 0 0;padding:28px 30px;border:0;border-radius:24px;background:#30383b;box-shadow:none;gap:16px} body:not([data-page="home"]) .cta h2{font-size:48px;line-height:1.12;margin:0;color:#f5f1eb!important} body:not([data-page="home"]) main .guide{max-width:1040px;padding-bottom:0} body:not([data-page="home"]) .guide h2{font-size:36px;line-height:1.15;margin:44px 0 20px} body:not([data-page="home"]) .guide p,body:not([data-page="home"]) .guide li{font-size:15px;line-height:1.8} body:not([data-page="home"]) main :is(a,button,input,select,textarea):focus-visible{outline:2px solid #30383b!important;outline-offset:4px} @media(max-width:1100px){body:not([data-page="home"]){--page-gutter:64px;--page-gap:64px}body:not([data-page="home"]) .editorial-pair,body:not([data-page="home"]) .detailgrid,body:not([data-page="home"]) .twocol{gap:40px}} @media(max-width:850px){body:not([data-page="home"]){--page-gap:56px}body:not([data-page="home"]) .editorial-pair,body:not([data-page="home"]) .detailgrid,body:not([data-page="home"]) .twocol,body:not([data-page="home"]) .scope-grid,body:not([data-page="home"]) .scope-grid[data-count="4"],body:not([data-page="home"]) .method-grid,body:not([data-page="home"]) .grid3,body:not([data-page="home"]) .products-overview .grid3,body:not([data-page="home"]) .product-workflow{grid-template-columns:1fr}body:not([data-page="home"]) .editorial-pair{gap:28px}body:not([data-page="home"]) .pagehero{padding:48px 0 40px}body:not([data-page="home"]) .section-top h2{font-size:36px}body:not([data-page="home"]) .service{min-height:360px}body:not([data-page="home"]) .editorial-banner img{aspect-ratio:3/2;max-height:none}} @media(max-width:680px){body:not([data-page="home"]){--page-gutter:40px;--page-gap:48px}body:not([data-page="home"]) .contactbox .split2{grid-template-columns:1fr;gap:0}body:not([data-page="home"]) .contactbox,body:not([data-page="home"]) .band{padding:26px}body:not([data-page="home"]) .cta h2{font-size:36px}body:not([data-page="home"]) .pagehero p{font-size:16px}body:not([data-page="home"]) .pagehero h1{font-size:42px}body:not([data-page="home"]) .workvisual{height:180px;min-height:180px}}body:not([data-page="home"]) .contactbox .field{min-width:0}body:not([data-page="home"]) .contactbox select{min-width:0}body:not([data-page="home"]) main img{max-width:100%} /* Preview 121: requested page simplification and shared progress indicator. */ body[data-page=home] .ca-home .ca-products>.center-heading{margin:0 0 64px!important} body[data-page=home] .ca-home .cta{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:28px;width:min(900px,100%);margin-inline:auto;padding:22px 32px!important;border-radius:24px;min-height:0} body[data-page=home] .ca-home .cta h2{font-size:40px;line-height:1.1;margin:0;white-space:nowrap} body[data-page=home] .ca-home .cta .button.light{min-height:40px;padding:10px 20px!important;font-size:12px;line-height:1.4;margin:0!important;flex-shrink:0} body:not([data-page=home]) main .solutions-cards{width:min(1040px,calc(100% - var(--page-gutter)));max-width:1040px} body:not([data-page=home]) .solutions-cards .service{min-height:320px} body:not([data-page=home]) .solutions-cards .service::before,body:not([data-page=home]) .solutions-cards .service::after{display:none!important} body:not([data-page=home]) .scope-priority-actions{justify-content:center;gap:16px;flex-wrap:wrap;margin:24px 0 0} body:not([data-page=home]) .scope-section:last-child{margin-bottom:0} body .scroll-position{position:fixed;right:18px;top:50%;transform:translateY(-50%);height:110px;width:1px;display:block;opacity:1;background:rgba(48,56,59,.3);z-index:30;pointer-events:none;transition:opacity .3s} body .scroll-position span{position:absolute;left:-2px;top:clamp(0px,calc(var(--scroll-position,0%) - 5px),105px);width:5px;height:5px;border-radius:50%;background:#30383b;transition:background .2s} body .scroll-position.finished{opacity:.65} body:not([data-page=home]) .scroll-position{opacity:1;background:rgba(48,56,59,.3)} body:not([data-page=home]) .scroll-position span{background:#30383b} body:not([data-page=home]) .scroll-position.finished{opacity:.65} body:not([data-page=home]) .product-process{display:flex;flex-direction:column;padding:28px;border-radius:12px;background:#f5f1eb;min-width:0;border:0} body:not([data-page=home]) .product-process .ca-process-tabs{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:0 0 28px;border-bottom:1px solid rgba(48,56,59,.12)} body:not([data-page=home]) .product-process .ca-process-tabs button{font-family:'EB Garamond',serif;font-size:32px;font-weight:500;line-height:1.2;border:0;border-bottom:2px solid transparent;background:transparent;color:#30383b;padding:8px 0 14px;transition:color .2s,border-color .2s} body:not([data-page=home]) .product-process .ca-process-tabs button[aria-selected=true]{border-bottom-color:#30383b} body:not([data-page=home]) .product-process .ca-process-tabs button:hover{color:#a9633d} body:not([data-page=home]) .product-process .ca-process-panel{display:flex;align-items:center;flex:1;grid-template-columns:1fr;min-height:230px;padding:0} body:not([data-page=home]) .product-process .ca-process-panel[hidden]{display:none!important} body:not([data-page=home]) .product-process .ca-process-copy h3{font-family:'EB Garamond',serif;font-size:36px;line-height:1.15;margin:0 0 22px;font-weight:500;letter-spacing:-.035em} body:not([data-page=home]) .product-process .ca-process-copy p{font-family:'Noto Sans',sans-serif;font-size:16px;line-height:1.8;margin:0} body:not([data-page=home]) .product-process .ca-step-controls{display:flex;justify-content:space-between;gap:16px;margin:28px 0 0} body:not([data-page=home]) .product-process .ca-step-controls button{font-family:'Noto Sans',sans-serif;font-size:13px;line-height:1.4;min-height:44px;padding:12px 22px;border-radius:9999px;border:0;background:#30383b;color:#f5f1eb;transition:background .25s,transform .25s} body:not([data-page=home]) .product-process .ca-step-controls button:hover:not(:disabled){background:#a9633d;transform:translateY(-2px)} body:not([data-page=home]) .product-process .ca-step-controls button:disabled{opacity:.35} @media(max-width:850px){body .scroll-position{right:7px;height:90px}body .scroll-position span{top:clamp(0px,calc(var(--scroll-position,0%) - 5px),85px)}body[data-page=home] .ca-home .ca-products>.center-heading{margin-bottom:48px!important}} @media(max-width:680px){body[data-page=home] .ca-home .cta{flex-wrap:wrap;gap:18px;padding:22px 24px!important}body[data-page=home] .ca-home .cta h2{font-size:32px}body:not([data-page=home]) .product-process{padding:22px}body:not([data-page=home]) .product-process .ca-process-tabs{gap:10px}body:not([data-page=home]) .product-process .ca-process-tabs button{font-size:26px}body:not([data-page=home]) .product-process .ca-process-copy h3{font-size:30px}} @media(prefers-reduced-motion:reduce){body:not([data-page=home]) .product-process .ca-step-controls button:hover:not(:disabled){transform:none}} /* Preview 122: shared proportions, product process and simplified inquiry. */ body[data-page=home] #section-conversation{width:100%;max-width:none;min-height:0;padding:18px 32px;box-sizing:border-box} .navlinks a.button[aria-current=page]{text-decoration:none}.navlinks a.button::after{display:none} .work-cards{max-width:1040px;width:min(1040px,calc(100% - 64px));margin-inline:auto;padding-inline:0} body[data-page=work] .workvisual{background:#e5e9e2;color:var(--ink)} body[data-page=work] .worktag{background:var(--ink);color:var(--cream)} body[data-page=work] .mini-flow i,body[data-page=work] .ladder span,body[data-page=work] .rhythm span{background:#a9633d;color:#fff;opacity:1;border:0} .about-story{margin-block:70px;gap:64px;align-items:center}.about-story.photo-first .editorial-photo{grid-column:1;grid-row:1}.about-story.photo-first .about-copy{grid-column:2;grid-row:1} .about-story .about-copy h2{margin:0 0 24px}.about-story .about-copy p{margin:0;line-height:1.75}.about-story .editorial-photo{margin:0;aspect-ratio:3/2} .contact-layout{align-items:stretch}.contact-layout .contact-photo{margin:0;position:relative;aspect-ratio:auto;min-height:0;height:auto;align-self:stretch}.contact-layout .contact-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} @media(max-width:850px){.work-cards{width:calc(100% - 40px)}.about-story{gap:28px;margin-block:44px}.about-story.photo-first .editorial-photo,.about-story.photo-first .about-copy{grid-column:auto;grid-row:auto}.contact-layout .contact-photo{aspect-ratio:3/2;min-height:260px}.about-story{grid-template-columns:1fr}} body:is([data-page="care"],[data-page="element"]) main .product-hero-actions{justify-content:center;margin-top:24px} body:is([data-page="care"],[data-page="element"]) main .ca-process-outcomes{margin-top:24px} body[data-page="work"] main .wrap.work-cards{width:min(1040px,calc(100% - var(--page-gutter)));max-width:1040px;margin-inline:auto;padding-inline:0} body[data-page="work"] main .work-cards .grid3{width:100%;max-width:none;margin:0} body[data-page="contact"] main .contact-layout{align-items:stretch} body[data-page="contact"] main .contact-layout .contact-photo{margin:0!important;align-self:stretch;height:auto;min-height:0;aspect-ratio:auto;position:relative;background:transparent;padding:0;overflow:hidden} body[data-page="contact"] main .contact-layout .contact-photo img{display:block;position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;border:0;margin:0} body[data-page="contact"] main .contact-layout .contactbox{margin:0;align-self:stretch} body[data-page="contact"] main .contact-layout .status:empty{display:none} @media(max-width:850px){body[data-page="contact"] main .contact-layout{grid-template-columns:1fr}body[data-page="contact"] main .contact-layout .contact-photo{height:auto;aspect-ratio:3/2;min-height:0}} /* Subtle, consistent footer mark on every page. */ body .foot .brand{width:48px!important;max-width:48px!important;margin:0 auto!important;display:flex;justify-content:center} body .foot .brand img{width:48px!important;max-width:48px!important;height:auto!important;display:block} /* Smaller footer mark across every page. */ body .foot .brand,body .foot .brand img{width:36px!important;max-width:36px!important} /* Launch QA hardening: visible keyboard focus and narrow-screen demo fit. */ body main :is(a.service,a.workcard):focus-visible,body .foot a.brand:focus-visible{outline:2px solid var(--ink)!important;outline-offset:5px!important} body .foot a.brand{width:44px!important;max-width:44px!important;min-height:44px;padding:4px;box-sizing:border-box;align-items:center} body .foot a.brand img{width:36px!important;max-width:36px!important;height:auto!important} body[data-page=contact] main .contactbox .contact-email a{color:var(--ink);font-size:13px;text-decoration:underline;text-underline-offset:3px} .work-experience{margin:56px auto;max-width:1040px}.work-experience>h2{text-align:center;margin-bottom:24px}.work-experience iframe{display:block;width:100%;height:880px;border:0;border-radius:24px;background:#fff}.work-experience video{display:block;width:100%;height:auto;border-radius:24px;background:#f7f3ea}.work-rhythm{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:32px 0}.work-rhythm article{padding:24px 18px;border-radius:20px;background:#f7f3ea}.work-rhythm h3{font-size:26px;margin:0 0 12px}.work-rhythm p{font-size:14px;margin:0}@media(max-width:700px){.work-rhythm{grid-template-columns:1fr 1fr}.work-experience{margin:36px auto}.work-experience iframe{border-radius:16px}} /* Work pages: one shared explanation layout and content-led card hierarchy. */ body[data-page=work] .workbody{padding:32px 28px;align-items:flex-start;text-align:left;gap:0} body[data-page=work] .workcard{min-height:390px} body[data-page=work] .workbody .work-category{font-family:'EB Garamond',serif;color:var(--ink);font-size:clamp(32px,3vw,38px);line-height:1.1;min-height:2.2em;margin:0 0 20px;width:100%;display:flex;align-items:flex-start} body[data-page=work] .workbody .work-subhead{font-family:'EB Garamond',serif;font-size:26px;line-height:1.15;color:var(--ink);min-height:2.3em;margin:0 0 18px} body[data-page=work] .workbody p{margin:0 0 28px;width:100%} body[data-page=work] .workbody .work-explore{margin-top:auto;background:var(--ink);color:var(--cream)} body[data-page=work] .workbody .work-explore:hover{background:var(--clay);color:var(--cream)} body:is([data-page=delegation],[data-page=career],[data-page=workshop]) .work-explanation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:stretch;margin:12px 0 40px} .work-explanation-copy{display:flex;flex-direction:column;gap:26px;min-width:0} body:not([data-page=home]) .work-explanation-part h2{font-family:'EB Garamond',serif;font-size:clamp(30px,3vw,38px);line-height:1.15;margin:0 0 10px;color:var(--ink)} .work-explanation-part p{font-size:16px;line-height:1.75;margin:0} body:not([data-page=home]) .work-explanation .editorial-photo{margin:0;min-height:0;position:relative;align-self:stretch;height:auto;aspect-ratio:auto} body:not([data-page=home]) .work-explanation .editorial-photo img{position:absolute;inset:0;height:100%;width:100%;max-height:none;aspect-ratio:auto;object-fit:cover} body:is([data-page=delegation],[data-page=career],[data-page=workshop]) .work-experience{max-width:none;width:100%;margin:48px 0 64px} @media(max-width:850px){body:is([data-page=delegation],[data-page=career],[data-page=workshop]) .work-explanation{grid-template-columns:1fr;gap:28px}.work-explanation-copy{gap:24px}body:not([data-page=home]) .work-explanation .editorial-photo{aspect-ratio:3/2}body[data-page=work] .workbody .work-category,body[data-page=work] .workbody .work-subhead{min-height:0}body[data-page=work] .workcard{min-height:360px}} body[data-page=work] .workbody .work-category{display:block} /* Shared footer links and product sign-in marks. */ body .foot .foot-top{display:flex!important;flex-direction:column;align-items:center;gap:22px;text-align:center} body .foot .foot-top>div:first-child{width:auto!important} body .foot .foot-top>div:first-child>p{display:none!important} body .foot .footlinks{display:flex!important;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 28px;padding-top:0;font-size:14px} body .foot .footlinks a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-transform:none} body .foot .footlinks a:hover{color:var(--clay)} body .foot .footlinks a:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:4px} body header .navlinks .signin-options a{display:flex!important;align-items:center;gap:10px} body header .signin-options .signin-icon{display:block;width:20px!important;height:20px!important;max-width:20px;object-fit:contain;flex:0 0 20px} @media(max-width:680px){body .foot .footlinks{gap:6px 20px}} /* A vertical pill dropdown aligned with the sign-in trigger. */ body header .customer-signin .signin-options{left:0;right:auto;top:calc(100% + 8px);width:104px;box-sizing:border-box;padding:10px 6px;border-radius:28px;box-shadow:0 8px 24px rgba(48,56,59,.08)} body header .navlinks .signin-options a{flex-direction:row;justify-content:center;gap:6px;min-height:70px;padding:10px 4px;box-sizing:border-box;border-radius:22px;text-align:center;font-size:12px;line-height:1.4} @media(max-width:900px){body header .customer-signin .signin-options{position:static;top:auto;width:104px;margin:8px 0 0}} /* Reviewed launch edition: photographic hero, shared detail and FAQ components. */ body[data-page=home] .ca-home .hero-photo{width:100%!important;max-width:none!important;margin:0!important;min-height:max(690px,calc(100svh - var(--opening-top,146px)))!important;padding:76px max(5vw,24px)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important;position:relative;isolation:isolate;background:#8c5033 url('/assets/images/igc-hero-clay.webp') center center/cover no-repeat;border-radius:0!important} body[data-page=home] .ca-home .hero-photo::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(48,32,25,.40),rgba(48,32,25,.12) 52%,transparent 78%)} body[data-page=home] .ca-home .hero-photo h1{color:#f7f3ea!important;text-align:left!important;max-width:750px!important;width:58%!important;font-size:clamp(54px,5.7vw,88px)!important;line-height:1.02!important;letter-spacing:-.035em!important;white-space:normal!important;text-wrap:balance;animation:none!important;clip-path:none!important;margin:0 0 26px!important} body[data-page=home] .ca-home .hero-photo .lead{color:#f7f3ea!important;width:48%!important;max-width:610px!important;font-size:clamp(14px,1.15vw,17px)!important;line-height:1.75!important;margin:0 0 30px!important;animation:none!important;text-align:left!important;opacity:1!important} body[data-page=home] .ca-home .hero-photo .actions{width:auto!important;justify-content:flex-start!important;margin:0!important;animation:none!important;opacity:1!important} body[data-page=home] .ca-home .hero-photo .button{background:#f7f3ea!important;color:#30383b!important;border-color:#f7f3ea!important;box-shadow:none!important} body[data-page=home] .ca-home .hero-photo .button:hover{background:#fff!important;transform:translateY(-2px)} .ca-method-head>p{max-width:700px;margin:20px auto 0;text-align:center;font-size:16px;line-height:1.8;color:var(--ink)} .brand-detail{padding-top:72px;padding-bottom:72px}.brand-detail>h2{max-width:800px;margin-bottom:32px}.brand-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.brand-detail-grid article{background:#f7f3ea;border-radius:18px;padding:30px}.brand-detail-grid h3{font:400 30px/1.15 'EB Garamond',serif;margin:0 0 15px;color:#30383b}.brand-detail-grid p{font:400 15px/1.8 'Noto Sans',sans-serif;color:#30383b;margin:0}.brand-detail-grid a,.trust-note a,.inline-heading-link{color:inherit;text-underline-offset:4px}.trust-note{padding-top:12px;padding-bottom:28px}.trust-note p{padding:24px 30px;background:#f7f3ea;border-radius:16px;max-width:900px;margin:auto;line-height:1.8;color:#30383b}.faq-section{padding-top:80px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faq-intro .eyebrow{font:400 13px/1.6 'Noto Sans',sans-serif;color:#30383b;margin:0 0 14px}.faq-intro h2{margin:0}.faq-items details{border-top:1px solid #d8d9d5}.faq-items details:last-child{border-bottom:1px solid #d8d9d5}.faq-items summary{position:relative;list-style:none;cursor:pointer;padding:24px 40px 24px 0;font:400 23px/1.35 'EB Garamond',serif;color:#30383b}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary::after{content:'+';position:absolute;right:4px;top:22px;font:400 26px/1 'EB Garamond',serif}.faq-items details[open] summary::after{content:'−'}.faq-items details>div{padding:0 28px 24px 0}.faq-items p{font:400 14px/1.85 'Noto Sans',sans-serif;color:#30383b;margin:0}.faq-items summary:focus-visible{outline:2px solid #a9633d;outline-offset:5px}.brand-still-life img{object-position:center 90%!important}.pagehero a:not(.button){color:inherit;text-underline-offset:4px} @media(max-width:900px){body[data-page=home] .ca-home .hero-photo h1{font-size:64px!important;width:70%!important}.faq-section{gap:35px;grid-template-columns:1fr 1.6fr}} @media(max-width:680px){body[data-page=home] .ca-home .hero-photo{min-height:940px!important;justify-content:flex-start!important;padding:56px 24px!important;background-image:url('/assets/images/igc-hero-clay-mobile.webp');background-position:center bottom!important}body[data-page=home] .ca-home .hero-photo::before{background:linear-gradient(180deg,rgba(48,32,25,.30),rgba(48,32,25,.10) 58%,transparent 74%)}body[data-page=home] .ca-home .hero-photo h1{width:100%!important;max-width:540px!important;font-size:clamp(48px,11vw,68px)!important;margin-bottom:22px!important}body[data-page=home] .ca-home .hero-photo .lead{width:100%!important;max-width:480px!important;font-size:14px!important;line-height:1.75!important}body[data-page=home] .ca-home .hero-photo .actions{margin-top:0!important}.brand-detail{padding-top:48px;padding-bottom:48px}.brand-detail-grid{grid-template-columns:1fr}.brand-detail-grid article{padding:25px}.faq-section{grid-template-columns:1fr;padding-top:52px;padding-bottom:60px;gap:25px}.faq-items summary{font-size:22px}.ca-method-head>p{font-size:14px}.navlinks{max-width:calc(100vw - 32px)}} .brand-values-visual,.brand-mark-visual{min-height:330px;margin:0;border-radius:22px;display:grid;place-items:center;background:#30383b;color:#f7f3ea}.brand-values-visual span{display:block;font:400 clamp(34px,4vw,56px)/1.2 'EB Garamond',serif}.brand-mark-visual{background:#f7f3ea}.brand-mark-visual img{width:120px;height:auto}@media(max-width:680px){.brand-values-visual,.brand-mark-visual{min-height:260px}} /* Navigation and layout refinements, October 17. */ body{padding-top:var(--fixed-nav-height,88px)!important} body>header.wrap{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;width:100%!important;max-width:none!important;margin:0!important;background:#fff!important;box-shadow:0 1px 0 rgba(48,56,59,.10)!important;transform:none!important} body>header.wrap .nav{margin-inline:auto!important} html{scroll-padding-top:calc(var(--fixed-nav-height,88px) + 20px)} body>header.wrap .navlinks{z-index:1001} body[data-page=home] .ca-home .hero-photo h1{width:100%!important;max-width:none!important;white-space:nowrap!important;font-size:clamp(20px,5vw,86px)!important;line-height:1.12!important;text-wrap:nowrap!important} body[data-page=home] .ca-home .hero-photo .actions{margin-top:8px!important} body[data-page=home] .ca-home .ca-services{padding-top:96px!important} body[data-page=home] .ca-home .ca-services>h2{margin-top:0!important;margin-bottom:44px!important} body main .service h3,body[data-page=home] .ca-services .service h3{white-space:nowrap!important;font-size:clamp(20px,2.1vw,30px)!important;line-height:1.2!important;letter-spacing:-.025em!important} body main .brand-detail-grid h3{white-space:nowrap;font-size:clamp(23px,2.4vw,30px)} body:not([data-page=home]) main .faq-section{display:block!important;grid-template-columns:none!important;width:min(var(--page-max),calc(100% - var(--page-gutter)))!important;max-width:var(--page-max)!important;margin-inline:auto!important;padding-inline:0!important;box-sizing:border-box} body:not([data-page=home]) main .faq-section .faq-intro{text-align:center;margin:0 auto 38px} body:not([data-page=home]) main .faq-section .faq-items{width:100%;max-width:none;margin-inline:auto} @media(max-width:1100px) and (min-width:851px){body>header.wrap .navlinks{gap:12px!important}body>header.wrap .navlinks>a,body>header.wrap .navlinks summary{font-size:12px!important}body>header.wrap .brand img{width:175px!important}} @media(max-width:850px){body>header.wrap .navlinks{max-height:calc(100dvh - var(--fixed-nav-height,88px) - 16px);overflow-y:auto}body main .service h3,body[data-page=home] .ca-services .service h3{font-size:29px!important}} @media(max-width:680px){body[data-page=home] .ca-home .ca-services{padding-top:64px!important}body[data-page=home] .ca-home .ca-services>h2{margin-bottom:30px!important}body[data-page=home] .ca-home .hero-photo h1{font-size:clamp(20px,5.5vw,37px)!important}body main .service h3,body[data-page=home] .ca-services .service h3{font-size:clamp(21px,6.2vw,29px)!important}} body[data-page=solutions] main .faq-section{width:min(1040px,calc(100% - var(--page-gutter)))!important;max-width:1040px!important} @media(max-width:950px){body[data-page=home] .ca-home .ca-services .grid3{grid-template-columns:1fr!important;max-width:640px!important;margin-inline:auto!important}body[data-page=home] .ca-home .ca-services .service h3{font-size:29px!important}} @media(max-width:400px){body[data-page=home] .ca-home .ca-services .service h3{font-size:24px!important}} /* Final composition: trial strip above navigation, hero in the clear image space. */ body{padding-top:calc(var(--fixed-nav-height,88px) + var(--trial-banner-height,56px))!important} body>.trial-banner{position:fixed!important;inset:0 0 auto!important;z-index:1002!important;width:100%!important;box-sizing:border-box;margin:0!important} body>.trial-banner[hidden]{display:none!important} body>header.wrap{top:var(--trial-banner-height,56px)!important} html{scroll-padding-top:calc(var(--fixed-nav-height,88px) + var(--trial-banner-height,56px) + 20px)} body[data-page=home] .ca-home .hero-photo .hero-banner-content{position:absolute;left:5%;right:5%;top:25%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;width:90%;max-width:none;text-align:center} body[data-page=home] .ca-home .hero-photo .hero-banner-content h1{text-align:center!important;width:100%!important;margin:0 0 26px!important} body[data-page=home] .ca-home .hero-photo .hero-banner-content .actions{justify-content:center!important;align-self:center!important;margin:0!important} body[data-page=home] .ca-home .ca-services .service{align-items:center!important;text-align:center!important} body[data-page=home] .ca-home .ca-services .service .service-icon{align-self:center!important;margin-left:auto!important;margin-right:auto!important} body[data-page=home] .ca-home .ca-services .service h3{width:100%!important;text-align:center!important} body[data-page=home] .ca-home .ca-services .service>p{align-items:center!important;justify-content:center!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important} body[data-page=home] .ca-home .ca-services .service .service-description{text-align:center!important} body[data-page=home] .ca-home .ca-services .service .link{align-self:center!important;justify-content:center!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important} @media(max-width:680px){body[data-page=home] .ca-home .hero-photo .hero-banner-content{top:29%;left:6%;right:6%;width:88%}body[data-page=home] .ca-home .hero-photo .hero-banner-content h1{font-size:clamp(20px,5.2vw,36px)!important}} /* Left-aligned hero and centered card content without legacy width limits. */ body[data-page=home] .ca-home .hero-photo .hero-banner-content{align-items:flex-start!important;text-align:left!important} body[data-page=home] .ca-home .hero-photo .hero-banner-content h1{text-align:left!important} body[data-page=home] .ca-home .hero-photo .hero-banner-content .actions{align-self:flex-start!important;justify-content:flex-start!important} body[data-page=home] .ca-home .ca-services .service .service-icon{position:static!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;max-width:none!important;height:64px!important;display:grid!important;place-items:center!important;margin:0 auto 22px!important;padding:0!important;transform:none!important} body[data-page=home] .ca-home .ca-services .service .service-icon img{display:block!important;position:static!important;width:100px!important;height:64px!important;margin:0 auto!important;object-fit:contain!important;object-position:center!important;transform:none!important} body[data-page=home] .ca-home .ca-services .service h3{display:block!important;align-self:center!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;text-align:center!important;padding-inline:0!important;transform:none!important} body[data-page=home] .ca-home .hero-photo .hero-banner-content{top:30%} @media(max-width:680px){body[data-page=home] .ca-home .hero-photo .hero-banner-content{top:33%}} body[data-page=home] .ca-home .hero-photo .hero-banner-content{top:36%} body[data-page=home] .ca-home .ca-services .service>p{align-items:flex-start!important;align-content:flex-start!important} @media(max-width:680px){body[data-page=home] .ca-home .hero-photo .hero-banner-content{top:38%}} /* Legal pages keep counsel's capitalization: defined terms like "Terms" and "Site" matter. */ body main .guide.legal h2,body main .guide.legal h3{text-transform:none!important} /* Legal pages are long documents: stack the sections instead of the centered single-panel layout. */ body main > .wrap.guide.legal{display:block!important;min-height:0!important} /* Home closing banner on phones and small tablets: let the heading wrap and stack the button under it. */ @media (max-width: 820px){ body[data-page="home"] .ca-home #section-conversation.cta{flex-direction:column!important;flex-wrap:nowrap!important;border-radius:24px!important;padding:32px 24px!important;gap:20px!important;text-align:center} body[data-page="home"] .ca-home #section-conversation.cta > div{width:100%;min-width:0} body[data-page="home"] .ca-home #section-conversation.cta h2{white-space:normal!important;font-size:clamp(28px,7.5vw,40px)!important;line-height:1.15!important;overflow-wrap:break-word} } /* Top banner (every page): two links in one sentence ("try care 360 free or get a free element profile assessment."). */ html body .trial-banner p.trial-banner-text{margin:0;font-family:'Noto Sans',Arial,sans-serif;font-size:14px;line-height:1.5;text-align:center;color:var(--cream)} html body .trial-banner p.trial-banner-text a{display:inline;font-size:inherit;line-height:inherit;color:inherit;text-decoration:underline;text-decoration-color:rgba(247,243,234,0.5);text-underline-offset:3px} html body .trial-banner p.trial-banner-text a:hover{text-decoration-color:currentColor} @media(max-width:520px){html body .trial-banner p.trial-banner-text{font-size:12px}} /* Home Element section: the quiet free assessment link under the demo button. */ /* ── /coaches/ : coaches and consultants. Layout follows Phillip's partners page; scoped to this page. ── */ body[data-page=coaches] main{font-family:'Noto Sans',Arial,sans-serif;color:#30383B} body[data-page=coaches] .coach-wrap{max-width:1240px;margin:0 auto;box-sizing:border-box;padding-left:24px;padding-right:24px} body[data-page=coaches] main h1,body[data-page=coaches] main h2{font-family:'EB Garamond',Georgia,serif;font-weight:500;margin:0;text-transform:lowercase} body[data-page=coaches] .coach-button{min-height:48px;box-sizing:border-box;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;text-transform:lowercase;transition:background .15s,border-color .15s,transform .12s} body[data-page=coaches] .coach-button:active{transform:translateY(1px)} body[data-page=coaches] .coach-button-cream{background:#F7F3EA;color:#30383B} body[data-page=coaches] .coach-button-cream:hover{background:#FFFFFF} body[data-page=coaches] .coach-button-outline-light{border:1px solid rgba(247,243,234,0.7);color:#F7F3EA} body[data-page=coaches] .coach-button-outline-light:hover{border-color:#F7F3EA} body[data-page=coaches] .coach-button-dark{background:#30383B;color:#F7F3EA} body[data-page=coaches] .coach-button-dark:hover{background:#20282B} body[data-page=coaches] .coach-button:focus-visible{outline:2px solid currentColor;outline-offset:3px} /* hero */ body[data-page=coaches] main > section.coach-hero{position:relative;min-height:680px;background:#B0673F;color:#F7F3EA;overflow:hidden} body[data-page=coaches] .coach-hero-img{position:absolute;top:0;left:0;width:60%;height:100%;object-fit:cover;object-position:35% 30%;-webkit-mask-image:linear-gradient(to right,#000 70%,transparent 100%);mask-image:linear-gradient(to right,#000 70%,transparent 100%)} body[data-page=coaches] .coach-hero-inner{position:relative;max-width:1240px;margin:0 auto;box-sizing:border-box;padding:96px 24px;min-height:680px;display:flex;align-items:center;justify-content:flex-end} body[data-page=coaches] .coach-hero-copy{width:38%;min-width:340px;max-width:500px;display:flex;flex-direction:column;gap:22px} body[data-page=coaches] main .coach-hero h1{font-size:clamp(44px,5.6vw,68px);line-height:1;letter-spacing:-2.2px;color:#F7F3EA!important} body[data-page=coaches] main .coach-hero p{margin:0;font-size:18px;line-height:1.6;color:#F7F3EA!important} body[data-page=coaches] .coach-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px} body[data-page=coaches] .coach-hero-note{font-size:14px;color:rgba(247,243,234,0.9)} /* who it's for */ body[data-page=coaches] .coach-who{padding-top:64px} body[data-page=coaches] .coach-who-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px} body[data-page=coaches] .coach-who-card{border:1px solid rgba(48,56,59,0.12);border-radius:24px;padding:30px 32px;display:flex;flex-direction:column;gap:10px} body[data-page=coaches] .coach-eyebrow{font-size:13px;font-weight:600;color:#A9633D} body[data-page=coaches] .coach-who-title{font-family:'EB Garamond',Georgia,serif;font-size:30px;letter-spacing:-0.7px;line-height:1.1} body[data-page=coaches] .coach-who-text{font-size:16px;line-height:1.6;color:#4A5154} /* how it works */ body[data-page=coaches] main > section.coach-steps-band{background:#F7F3EA;margin-top:80px;padding:80px 0} body[data-page=coaches] .coach-section-head{display:flex;flex-direction:column;gap:12px;max-width:720px;margin-bottom:36px} body[data-page=coaches] .coach-section-head h2{font-size:clamp(34px,4vw,48px);line-height:1.05;letter-spacing:-1.6px} body[data-page=coaches] .coach-section-head p{margin:0;font-size:17px;line-height:1.6;color:#4A5154} body[data-page=coaches] .coach-center{align-items:center;text-align:center;margin-left:auto;margin-right:auto} body[data-page=coaches] .coach-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px} body[data-page=coaches] .coach-steps li{display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(48,56,59,0.2);padding-top:20px} body[data-page=coaches] .coach-step-num{font-family:'EB Garamond',Georgia,serif;font-size:34px;line-height:1;color:#A9633D} body[data-page=coaches] .coach-step-title{font-family:'EB Garamond',Georgia,serif;font-size:24px;letter-spacing:-0.4px} body[data-page=coaches] .coach-step-text{font-size:15px;line-height:1.6;color:#4A5154} body[data-page=coaches] .coach-steps-note{margin:32px 0 0;font-size:15px;color:#30383B} /* pricing: cards in the style of the CARE 360 plans page */ body[data-page=coaches] .coach-pricing{padding-top:80px;scroll-margin-top:120px} body[data-page=coaches] .coach-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch} body[data-page=coaches] .coach-plan{background:#FFFFFF;border:1px solid rgba(48,56,59,0.09);border-radius:24px;padding:34px 30px 30px;box-shadow:0 1px 2px rgba(48,56,59,0.04),0 2px 10px rgba(48,56,59,0.04);display:flex;flex-direction:column;gap:6px} body[data-page=coaches] .coach-plan-name{font-family:'EB Garamond',Georgia,serif;font-size:30px;letter-spacing:-0.8px;line-height:1.1} body[data-page=coaches] .coach-plan-price{display:flex;align-items:baseline;gap:8px;margin-top:16px} body[data-page=coaches] .coach-plan-amount{font-family:'EB Garamond',Georgia,serif;font-size:60px;letter-spacing:-2px;line-height:1;font-feature-settings:"lnum" 1} body[data-page=coaches] .coach-plan-per{font-size:14px;color:#637074} body[data-page=coaches] .coach-plan-sub{font-size:13px;color:#637074;margin-bottom:22px} body[data-page=coaches] .coach-plan-actions{margin-top:auto;min-height:84px;display:flex;flex-direction:column} body[data-page=coaches] .coach-plan .coach-button{width:100%} body[data-page=coaches] .coach-plan-free{display:block;text-align:center;margin-top:12px;font-size:13px;color:#637074;text-decoration:underline;text-decoration-color:rgba(48,56,59,0.25);text-underline-offset:3px} body[data-page=coaches] .coach-plan-free:hover{color:#30383B} body[data-page=coaches] .coach-pricing-note{margin:24px auto 0;max-width:720px;text-align:center;font-size:15px;line-height:1.6;color:#4A5154} body[data-page=coaches] .coach-pricing-note a{color:#30383B;text-decoration:underline;text-underline-offset:3px} /* try it yourself */ body[data-page=coaches] .coach-try-section{padding-top:64px} body[data-page=coaches] .coach-try{background:#F7F3EA;border-radius:28px;padding:clamp(28px,4vw,48px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px} body[data-page=coaches] .coach-try h2{font-size:clamp(32px,3.6vw,44px);line-height:1.05;letter-spacing:-1.4px} body[data-page=coaches] .coach-try p{margin:8px 0 0;font-size:16px;color:#4A5154} /* closing band */ body[data-page=coaches] main > section.coach-close{background:#30383B;color:#F7F3EA;margin-top:80px} body[data-page=coaches] .coach-close-inner{padding-top:80px;padding-bottom:80px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 48px} body[data-page=coaches] main .coach-close h2{font-size:clamp(38px,4.4vw,52px);line-height:1.02;letter-spacing:-1.8px;color:#F7F3EA!important;max-width:720px} @media(max-width:960px){ body[data-page=coaches] main > section.coach-hero{min-height:0} body[data-page=coaches] .coach-hero-img{position:static;display:block;width:100%;height:auto;aspect-ratio:4/3;object-position:30% 30%;-webkit-mask-image:none;mask-image:none} body[data-page=coaches] .coach-hero-inner{min-height:0;padding:40px 24px 56px;justify-content:flex-start} body[data-page=coaches] .coach-hero-copy{width:100%;min-width:0;max-width:560px} body[data-page=coaches] .coach-plans{grid-template-columns:1fr;max-width:460px;margin:0 auto} } @media(max-width:520px){ body[data-page=coaches] .coach-wrap{padding-left:16px;padding-right:16px} body[data-page=coaches] .coach-who-grid{grid-template-columns:1fr} body[data-page=coaches] .coach-who-card{padding:26px 22px} body[data-page=coaches] .coach-button{width:100%} } /* Product pages: one quiet line pointing coaches to /coaches/. */ html body:is([data-page=care],[data-page=element]) main p.coach-quiet-line{display:block!important;text-align:center!important;margin:8px auto 64px;font-size:14px;color:#637074} body:is([data-page=care],[data-page=element]) main .coach-quiet-line a{color:#30383B;text-decoration:underline;text-decoration-color:rgba(48,56,59,0.3);text-underline-offset:3px} /* Links inside the brand detail cards read as links. */ .brand-detail-grid p a{text-decoration:underline;text-decoration-color:rgba(48,56,59,0.35)} .brand-detail-grid p a:hover{text-decoration-color:currentColor}