/* Ordinary reading pages inherit the approved homepage palette and components. */
.ccni-content-heading{padding-top:28px;padding-bottom:48px}
.ccni-content-breadcrumb{margin-bottom:36px;font-size:12px;line-height:1.6;color:var(--muted)}
.ccni-content-breadcrumb ol{display:flex;flex-wrap:wrap;gap:10px 16px;list-style:none;margin:0;padding:0}
.ccni-content-breadcrumb li+li{display:flex;align-items:center;gap:16px}
.ccni-content-breadcrumb li+li::before{content:'';width:5px;height:5px;flex-shrink:0;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.ccni-content-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.ccni-content-intro{margin-inline:calc(var(--frame) - var(--gutter));padding:clamp(36px,4.5vw,64px) var(--gutter);border-radius:24px;background:var(--surface-deep);color:#f7f4ee;text-align:center}
.ccni-content-intro .section-label{justify-content:center;color:#dedbd5}
.ccni-content-intro h1{max-width:22ch;margin:0 auto;font-size:clamp(38px,5.1vw,74px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word}
.ccni-content-body{max-width:calc(72ch + 2 * var(--gutter));padding-bottom:var(--section-space);font-size:16px;line-height:1.8;overflow-wrap:break-word}
.ccni-content-body>:first-child{margin-top:0}
.ccni-content-body p{margin:0 0 24px}
.ccni-content-body h2{margin:48px 0 20px;font-size:clamp(28px,3vw,38px);line-height:1.2}
.ccni-content-body h3{margin:36px 0 16px;font-size:clamp(23px,2.5vw,29px);line-height:1.3}
.ccni-content-body h4{margin:30px 0 12px;font-size:20px;line-height:1.4;font-weight:600}
.ccni-content-body a:not(.button):not(.page-numbers){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.ccni-content-body a:not(.button):hover{color:var(--brand)}
.ccni-content-body ul,.ccni-content-body ol{padding-left:24px;margin:0 0 28px}
.ccni-content-body li+li{margin-top:10px}
.ccni-content-body blockquote{margin:32px 0;padding:28px 32px;background:var(--surface);border:0;border-radius:20px;color:var(--text);font-size:17px;line-height:1.8}
.ccni-content-body blockquote>:last-child{margin-bottom:0}
.ccni-content-body figure{margin:32px 0}
.ccni-content-body img{max-width:100%;height:auto;border-radius:20px}
.ccni-content-body figcaption{margin-top:14px;font-size:14px;line-height:1.6;color:var(--muted)}
.ccni-content-body .wp-block-image.alignleft,.ccni-content-body .wp-block-image.alignright{max-width:45%;margin-top:0}
.ccni-content-body .wp-block-table{overflow:auto}
.ccni-content-body table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6;font-variant-numeric:tabular-nums}
.ccni-content-body th,.ccni-content-body td{padding:14px 16px;border:1px solid var(--line);text-align:left;vertical-align:top}
.ccni-content-body th{background:var(--surface);font-weight:600}
.ccni-content-body pre{overflow:auto;padding:24px;border-radius:16px;background:var(--surface-deep);color:#f7f4ee;font-size:14px;line-height:1.7}
.ccni-content-body .alignwide,.ccni-content-body .alignfull{width:100%;max-width:100%;margin-left:0;margin-right:0}
.ccni-content-entry+.ccni-content-entry{margin-top:44px;padding-top:44px;border-top:1px solid var(--line)}
.ccni-content-entry h2{margin-top:0}
.ccni-content-entry .button{margin-top:2px}
.ccni-content-empty{max-width:58ch;margin-inline:auto;text-align:center}
.ccni-content-pagination,.ccni-content-collection .pagination{margin-top:36px}
.ccni-content-pagination,.ccni-content-collection .nav-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ccni-content-pagination a,.ccni-content-pagination span,.ccni-content-collection .page-numbers{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:8px 16px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--text);font-weight:600;font-size:13px;line-height:1.5}
.ccni-content-pagination .current,.ccni-content-collection .page-numbers.current{background:var(--surface-deep);border-color:var(--surface-deep);color:#f7f4ee}
.ccni-content-pagination a:hover,.ccni-content-collection a.page-numbers:hover{background:var(--surface);color:var(--text)}
.ccni-content-page+.site-footer{margin-top:var(--frame)}
.about-company-intro h1{max-width:22ch}
.about-company-intro-copy{max-width:65ch;margin:24px auto 28px;font-size:16px;line-height:1.75;color:#dedbd5}
.about-company-intro .about-company-intro-copy p{margin:0;color:#dedbd5}
.about-company-intro .actions{justify-content:center;flex-wrap:wrap}
.about-company-intro .button-on-dark,.about-company-enquiry .button-on-dark{color:#f7f4ee;border-color:#f7f4ee80;background:transparent}
.about-company-intro .button-on-dark:hover,.about-company-enquiry .button-on-dark:hover{color:#101010;background:#f7f4ee;border-color:#f7f4ee}
.about-company-intro .button:focus-visible,.about-company-enquiry .button:focus-visible{outline-color:#f7f4ee}
.about-company-story{display:grid;grid-template-columns:1fr 1fr;gap:48px clamp(36px,5.5vw,80px);align-items:center;padding-top:24px}
.about-company-home-photo{margin:0;background:#fff;padding:10px;border-radius:28px;box-shadow:0 12px 28px #1717170d}
.about-company-home-photo img{display:block;width:100%;height:auto;aspect-ratio:1.18;object-fit:cover;border-radius:20px}
.about-company-home-photo figcaption{padding:18px 18px 12px;font-size:14px;line-height:1.6;color:var(--muted)}
.about-company-story-copy h2{margin:0 0 24px}
.about-company-story-copy p:not(.section-label){max-width:50ch;margin:0 0 22px;line-height:1.75;color:var(--muted)}
.about-company-story-copy .about-company-lead{font-size:18px;color:var(--text)}
.about-company-points{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:28px 0;background:var(--surface);border-radius:20px}
.about-company-points>div{padding:0 28px}
.about-company-points>div+div{border-left:1px solid var(--line)}
.about-company-points strong{display:block;margin-bottom:8px;font-size:clamp(22px,2.1vw,31px);font-weight:800;line-height:1.25;letter-spacing:-.025em}
.about-company-points span{display:block;font-size:14px;line-height:1.6;color:var(--muted)}
.about-company-team{padding-top:0}
.about-company-section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:end;margin-bottom:36px}
.about-company-section-heading h2{margin:0}
.about-company-section-heading>p{max-width:44ch;margin:0 0 4px;color:var(--muted);font-size:16px;line-height:1.75}
.about-company-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.about-company-team-photo{margin:0;padding:10px;border-radius:28px;background:#fff;box-shadow:0 12px 28px #1717170d}
.about-company-team-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:20px}
.about-company-team-photo figcaption{padding:20px 18px 16px}
.about-company-team-photo strong{display:block;font-size:17px;font-weight:600;line-height:1.5;color:var(--text)}
.about-company-team-photo span{display:block;margin-top:5px;font-size:14px;line-height:1.6;color:var(--muted)}
.about-company-office{padding-top:0}
.about-company-office-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center;padding:40px;background:var(--surface);border-radius:24px}
.about-company-office-copy h2{margin:0 0 22px}
.about-company-office-copy>p:not(.section-label){max-width:45ch;color:var(--muted);font-size:15px;line-height:1.75;margin:0 0 24px}
.about-company-office-copy address{font-style:normal;font-size:16px;font-weight:500;line-height:1.75}
.about-company-office-photo{margin:0}
.about-company-office-photo img{display:block;width:100%;height:auto;border-radius:20px}
.about-company-enquiry{margin:0 var(--frame) var(--frame);border-radius:24px;background:var(--surface-deep);color:#f7f4ee;text-align:center}
.about-company-enquiry .container{max-width:900px}
.about-company-enquiry .section-label{justify-content:center;color:#dedbd5}
.about-company-enquiry h2{margin:0 0 24px}
.about-company-enquiry .container>p:not(.section-label){max-width:55ch;margin:0 auto 28px;font-size:15px;line-height:1.75;color:#dedbd5}
.about-company-enquiry .actions{justify-content:center;flex-wrap:wrap;gap:14px}
@media(max-width:899px){
 .ccni-content-heading{padding-top:22px;padding-bottom:36px}
 .ccni-content-intro{border-radius:20px}
 .about-company-story{grid-template-columns:1fr;gap:32px}
 .about-company-home-photo{max-width:680px;width:100%;justify-self:center}
 .about-company-home-photo img{aspect-ratio:1.4}
 .about-company-story-copy{max-width:680px;justify-self:center}
 .about-company-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}
 .about-company-points>div:nth-child(3){border-left:0}
 .about-company-section-heading{grid-template-columns:1fr;gap:20px}
 .about-company-office-panel{grid-template-columns:1fr;gap:28px;padding:32px}
}
@media(max-width:599px){
 .ccni-content-heading{padding-top:18px;padding-bottom:30px}
 .ccni-content-breadcrumb{margin-bottom:28px;font-size:11px}
 .ccni-content-intro{padding:36px 24px}
 .ccni-content-intro h1{font-size:clamp(34px,9vw,44px);line-height:1.12}
 .ccni-content-body{font-size:16px;line-height:1.8}
 .ccni-content-body blockquote{padding:24px;font-size:16px}
 .ccni-content-body .wp-block-image.alignleft,.ccni-content-body .wp-block-image.alignright{float:none;max-width:100%;margin:28px 0}
 .ccni-content-body th,.ccni-content-body td{padding:12px}
 .ccni-content-entry+.ccni-content-entry{margin-top:32px;padding-top:32px}
 .about-company-intro-copy{font-size:15px;margin:22px auto 26px}
 .about-company-intro .actions,.about-company-enquiry .actions{display:flex;flex-direction:column;align-items:stretch}
 .about-company-story{padding-top:12px}
 .about-company-home-photo,.about-company-team-photo{padding:8px;border-radius:26px}
 .about-company-home-photo img,.about-company-team-photo img{border-radius:19px}
 .about-company-home-photo img{aspect-ratio:1.15}
 .about-company-home-photo figcaption{padding:16px 12px 12px;font-size:13px}
 .about-company-story-copy .about-company-lead{font-size:17px}
 .about-company-points{padding:24px 0;gap:22px 0}
 .about-company-points>div{padding:0 20px}
 .about-company-points strong{font-size:21px}
 .about-company-points span{font-size:13px}
 .about-company-team-grid{grid-template-columns:1fr;gap:24px}
 .about-company-team-photo figcaption{padding:18px 12px 12px}
 .about-company-team-photo strong{font-size:16px}
 .about-company-team-photo span{font-size:14px}
 .about-company-office-panel{padding:28px 22px;border-radius:20px}
 .about-company-office-photo img{border-radius:16px}
 .about-company-enquiry{border-radius:20px}
}
@media(max-width:359px){
 .about-company-points{grid-template-columns:1fr;padding:24px}
 .about-company-points>div{padding:0}
 .about-company-points>div+div{padding-top:20px;border-left:0;border-top:1px solid var(--line)}
}