/* CUETEKS brand page. All styles remain inside this page component. */
.ct-about{--ct-ink:#2e2a26;--ct-muted:#75675a;--ct-paper:#fcfbf8;--ct-stone:#f0e8dd;--ct-line:#ded2c5;--ct-brown:#6b4f3b;color:var(--ct-ink);background:var(--ct-paper)}
.ct-about *{box-sizing:border-box}
.ct-about figure,.ct-about p,.ct-about h1,.ct-about h2,.ct-about h3{margin:0}
.ct-about p{font-size:16px;line-height:1.75}
.ct-about h1,.ct-about h2,.ct-about h3{font-family:inherit;font-weight:400}
.ct-about h1{font-size:clamp(38px,4.25vw,68px);line-height:1.08;letter-spacing:-.045em;max-width:10ch}
.ct-about h2{font-size:clamp(28px,2.65vw,42px);line-height:1.15;letter-spacing:-.025em;text-wrap:balance}
.ct-about h3{font-size:21px;line-height:1.3}
.ct-about .ct-about-kicker{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ct-brown);line-height:1.5;margin-bottom:22px}
.ct-about-wrap{width:90%;max-width:1320px;margin-inline:auto}
.ct-about-hero{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);background:var(--ct-stone)}
.ct-about-hero-copy{align-self:center;padding:58px clamp(28px,4.8vw,88px)}
.ct-about .ct-about-lead{margin:28px 0 30px;max-width:42ch;color:var(--ct-muted)}
.ct-about-hero-image{position:relative;min-width:0;aspect-ratio:1.25}
.ct-about .ct-about-photo{display:block;width:100%;height:100%;object-fit:cover}
.ct-about-hero-image responsive-image,.ct-about-material-image responsive-image,.ct-about-hero-image .f-image,.ct-about-material-image .f-image{display:block;width:100%;height:100%}
.ct-about-hero-image img{object-position:50% 45%}
.ct-about-hero-image figcaption{position:absolute;bottom:0;inset-inline:0;padding:38px 26px 20px;background:linear-gradient(transparent,rgba(29,23,18,.5));color:#fff;font-size:12px;letter-spacing:.06em}
.ct-about-button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:15px 20px;background:var(--ct-brown);color:#fff;min-height:52px;font-size:14px;line-height:1.5;text-decoration:none;transition:background .2s}
.ct-about-button svg,.ct-about-textlink svg{width:21px;height:21px;flex:none}
.ct-about a svg path{fill:currentColor}
.ct-about-button:hover{background:#4c3729;color:#fff}
.ct-about a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.ct-about-story{display:grid;grid-template-columns:1fr 1.18fr;gap:9%;padding-block:76px}
.ct-about-story h2{max-width:16ch}
.ct-about-story p+p{margin-top:18px}
.ct-about-story>div:last-child{padding-top:5px;color:var(--ct-muted)}
.ct-about-materials{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:8%;padding-bottom:70px}
.ct-about-material-image{aspect-ratio:4/5;overflow:hidden}
.ct-about-material-copy>p:not(.ct-about-kicker){margin-top:22px;color:var(--ct-muted)}
.ct-about-material-list{margin-top:22px}
.ct-about-material-row{display:grid;grid-template-columns:26px 1fr;gap:15px;padding-block:18px;border-top:1px solid var(--ct-line)}
.ct-about-index{font-size:11px;color:var(--ct-muted);padding-top:4px}
.ct-about-material-row h3{font-size:18px;margin-bottom:7px}
.ct-about-material-row p{font-size:14px;line-height:1.65;color:var(--ct-muted)}
.ct-about-textlink{display:inline-flex;align-items:center;gap:16px;color:var(--ct-brown);font-size:14px;line-height:1.5;padding-block:6px;border-bottom:1px solid currentColor;text-decoration:none}
.ct-about-textlink:hover{color:#2e2a26}
.ct-about-material-copy>.ct-about-textlink{margin-top:12px}
.ct-about-approach{padding-block:0 72px}
.ct-about-approach header{padding-block:38px 30px;border-top:1px solid var(--ct-line)}
.ct-about-approach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.ct-about-approach-grid article{padding-inline-end:24px}
.ct-about-step{display:block;font-size:13px;color:var(--ct-brown);margin-bottom:18px}
.ct-about-approach-grid h3{margin-bottom:12px}
.ct-about-approach-grid p{font-size:15px;color:var(--ct-muted)}
.ct-about-care{background:var(--ct-brown);color:#fff}
.ct-about-care-inner{display:grid;grid-template-columns:1fr 1.18fr;gap:9%;padding-block:58px}
.ct-about-care .ct-about-kicker{color:#e9d6bd}
.ct-about-care h2{max-width:17ch;color:#fff}
.ct-about-care-inner>div:last-child>p{color:#f0e8dd;margin-bottom:24px}
.ct-about-button-light{background:var(--ct-paper);color:var(--ct-ink)}
.ct-about-button-light:hover{background:var(--ct-stone);color:var(--ct-ink)}
.ct-about-policy-links{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:20px}
.ct-about-care .ct-about-textlink{color:#f0e8dd;font-size:13px}
.ct-about-policy-links svg{width:16px}
.ct-about-close{padding-block:52px;display:flex;gap:32px;justify-content:space-between;align-items:center}
.ct-about-close h2{font-size:clamp(26px,2.3vw,36px)}
.ct-about-close p{color:var(--ct-muted);margin-top:12px}
.ct-about-close .ct-about-button{flex:none}
@media(min-width:1600px){.ct-about-hero{max-height:700px}.ct-about-hero-image{aspect-ratio:auto;height:700px}}
@media(max-width:1000px){.ct-about-hero-copy{padding:36px 28px}.ct-about h1{font-size:44px}.ct-about-hero-image{aspect-ratio:auto;min-height:490px}.ct-about-materials{gap:5%}.ct-about-material-row{padding-block:13px}.ct-about-story{gap:6%;padding-block:55px}}
@media(max-width:700px){
 .ct-about-wrap{width:calc(100% - 40px)}
 .ct-about h1{font-size:44px;max-width:12ch}
 .ct-about h2{font-size:29px}
 .ct-about p{font-size:15px;line-height:1.7}
 .ct-about .ct-about-kicker{margin-bottom:16px;font-size:10px}
 .ct-about-hero{grid-template-columns:1fr}
 .ct-about-hero-copy{padding:36px 22px 32px}
 .ct-about .ct-about-lead{margin:20px 0 24px;max-width:unset}
 .ct-about-hero-image{aspect-ratio:3/2;min-height:0}
 .ct-about-hero-image figcaption{padding:28px 20px 14px;font-size:11px}
 .ct-about-story{grid-template-columns:1fr;gap:22px;padding-block:40px}
 .ct-about-story h2{max-width:20ch}
 .ct-about-materials{grid-template-columns:1fr;gap:28px;padding-bottom:42px}
 .ct-about-material-image{aspect-ratio:1.15}
 .ct-about-material-image img{object-position:center}
 .ct-about-material-copy>p:not(.ct-about-kicker){margin-top:16px}
 .ct-about-material-row{padding-block:16px}
 .ct-about-approach{padding-bottom:40px}
 .ct-about-approach header{padding-block:28px 22px}
 .ct-about-approach-grid{grid-template-columns:1fr;gap:23px}
 .ct-about-approach-grid article{padding-inline:36px 0;position:relative}
 .ct-about-step{position:absolute;inset-inline-start:0;top:3px}
 .ct-about-approach-grid h3{font-size:20px;margin-bottom:8px}
 .ct-about-care-inner{grid-template-columns:1fr;gap:22px;padding-block:36px}
 .ct-about-care h2{max-width:20ch}
 .ct-about-close{padding-block:36px;display:block}
 .ct-about-close .ct-about-button{margin-top:22px}
}