/* About, Contact and Bunkfy only: faithful desktop and mobile composition. */
.company-reference{background:var(--white);font-size:1rem;--cq-sage:#edf2e7;--cq-wash:#f0f2e6;overflow-wrap:anywhere}
.company-reference .wrap{width:min(1180px,calc(100% - 96px))}
.company-reference h1,.company-reference h2,.company-reference h3{font-family:var(--display);font-weight:700;letter-spacing:-.055em;color:var(--ink)}
.company-reference h1{font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.06;margin:0 0 20px}
.company-reference h2{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.12;margin:0 0 17px}
.company-reference h3{font-size:1.8rem;line-height:1.2;margin:0 0 15px}
.company-reference p{line-height:1.5;color:var(--muted)}
.company-reference .eyebrow{text-transform:none;letter-spacing:.02em;color:var(--ink);font-size:.85rem;margin-bottom:14px}
.company-reference .eyebrow:before{content:'';display:block;width:42px;height:2px;background:#8c9b60;margin-bottom:10px}
.company-reference .site-header{background:var(--white);border:0}
.company-reference .header-inner{min-height:86px}
.company-reference .site-header nav{gap:26px}
.company-reference .wordmark{font-size:1.9rem}
.company-reference .button{background:var(--rust);border-color:var(--rust);color:var(--white);font-weight:400;border-radius:7px;min-height:46px;padding:11px 22px;white-space:normal;max-width:100%;text-align:center}
.company-reference .button:hover{background:#843b29;border-color:#843b29}
.company-reference .button:disabled{background:#dadcda;border-color:#dadcda;color:#626c69;transform:none}
.company-reference .button-small{min-height:42px;font-size:.82rem;padding:9px 18px}
.company-reference .underlink{font-weight:400}
.company-reference .section{padding-block:48px}
.company-reference .cta-section{background:var(--white);color:var(--ink);padding-block:48px}
.company-reference .cta-grid{grid-template-columns:1.2fr 1fr;gap:35px}
.company-reference .cta-grid .eyebrow{display:none}
.company-reference .cta-grid h2{font-size:2.5rem}
.company-reference .cta-grid p{font-size:1rem;color:var(--muted)}
.company-reference .footer-top{grid-template-columns:1fr 1fr 1fr;gap:40px;padding-block:28px}
.company-reference .footer-top .wordmark{margin-bottom:10px}
.company-reference .footer-top p,.company-reference .footer-links a,.company-reference .company-record,.company-reference .footer-note .underlink{font-size:.8rem}
.company-reference .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;align-content:start}
.company-reference .footer-note{display:block;border-left:1px solid var(--line);padding-left:25px}
.company-reference .footer-bottom{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:.8rem}
.company-reference .footer-bottom>*{min-width:0;max-width:100%}
.company-reference .site-header nav>a[aria-current=page]:not(.button){text-decoration-color:var(--rust);text-decoration-thickness:2px}
/* About: quiet still-life above an expansive, connected team section. */
.cq-about-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;padding-block:45px 65px}
.cq-about-hero>div{min-width:0}
.cq-about-hero p:not(.eyebrow){max-width:560px;font-size:1.04rem}
.cq-about-hero .cq-lead{font-size:1.2rem}
.cq-hero-art{width:100%;height:auto;align-self:center}
.cq-team-band{background:var(--cq-sage);padding:45px 0 48px;position:relative}
.cq-team-band:before{content:'';position:absolute;height:30px;top:-24px;left:0;right:0;background:var(--cq-sage);border-radius:70% 0 0 0}
.company-reference .team-heading{display:block;margin-bottom:25px}
.company-reference .team-heading p{font-size:1.12rem;max-width:none}
.cq-team{border:0;background:none}
.cq-team-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:28px;border-bottom:1px solid #cbd5c4}
.company-reference .cq-team-tabs .team-tab{display:flex;flex-direction:row;align-items:center;text-align:left;gap:15px;padding:16px;border:1px solid #cbd5c4;border-radius:5px;background:transparent;min-width:0}
.company-reference .cq-team-tabs .team-tab[aria-selected=true]{border:2px solid var(--rust);background:var(--white);padding:15px}
.company-reference .cq-team-tabs .team-tab:after{display:none}
.company-reference .cq-team-tabs .team-tab:before{display:none}
.company-reference .team-initial{width:58px;height:58px;min-width:58px;border-radius:50%;font:2rem var(--display);background:#c7d1bc}
.company-reference .team-initial img{width:100%;height:100%;object-fit:cover;object-position:50% 36%;border-radius:50%}
.company-reference .team-person>strong{font-size:1.1rem}
.company-reference .team-person>span{font-size:.8rem;min-height:0;line-height:1.4}
.company-reference .team-panel-shell{padding:32px 0 0;background:none;border:0;border-radius:0}
.company-reference .team-panel-shell [role=tabpanel]{display:grid;grid-template-columns:31% minmax(0,1fr);gap:45px;min-height:0;padding-bottom:20px}
.company-reference .team-panel-shell [role=tabpanel]+[role=tabpanel]{border-top:1px solid var(--line);padding-top:25px}
.company-reference [data-company-tabs][data-ready] .team-panel-shell [role=tabpanel]{border:0;padding-top:0}
.company-reference .shaun-portrait-frame{display:block;width:100%;max-width:310px;aspect-ratio:1;border-radius:50%;overflow:hidden;margin:0 auto}
.company-reference .shaun-portrait{width:100%;height:100%;object-fit:cover;object-position:50% 36%}
.company-reference .profile-name,.company-reference .profile-role,.company-reference .profile-story>.eyebrow{display:none}
.company-reference .team-panel-shell h3{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:20px;line-height:1.15}
.company-reference .team-panel-shell p,.company-reference .team-panel-shell .large-copy{font-size:1rem;line-height:1.5}
.company-reference .profile-sign{display:flex;width:100%;max-width:310px;height:auto;aspect-ratio:1;border-radius:50%;font-size:6rem;background:#c7d1bc}
.company-reference .company-learning{display:block;max-width:1180px}
.company-reference .company-learning>div{max-width:820px}
.company-reference .company-learning h2{max-width:650px}
.company-reference .company-learning .large-copy{font-size:1rem}
.cq-company-band{background:var(--cq-sage)}
.company-reference .company-identity{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding-block:28px;border:0}
.company-reference .company-identity h2{font-size:2rem}
.company-reference .company-identity p{font-size:.9rem;margin-bottom:8px}
.company-reference .company-identity>div+div{border-left:1px solid var(--line);padding-left:40px}
#cq-portrait-dialog{width:min(700px,calc(100% - 24px));padding:55px 24px 24px;text-align:center}
#cq-portrait-dialog h2{font-size:1.8rem}
#cq-portrait-dialog img{width:auto;max-width:100%;max-height:65dvh;margin:0 auto 20px;object-fit:contain}
/* Contact template and controller are unchanged; this is visual reflow only. */
.contact-reference .contact-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);grid-template-areas:'heading form' 'aside form' 'art form';gap:30px 48px;padding-block:35px 45px;align-items:start}
.contact-reference .contact-heading{grid-area:heading;padding:0;min-width:0}
.contact-reference .contact-heading h1{font-size:clamp(2.6rem,4.7vw,4.3rem)}
.contact-reference .contact-heading .hero-intro{max-width:none;font-size:1.12rem;line-height:1.5}
.contact-reference .enquiry-card{grid-area:form;padding:28px;border-radius:12px;box-shadow:none}
.contact-reference .enquiry-card>h2{font-size:2.8rem}
.contact-reference .enquiry-card p{line-height:1.5}
.contact-reference .enquiry-card>.small-note{font-size:.8rem}
.contact-reference .contact-aside{grid-area:aside;display:block;border-top:1px solid var(--line);padding-top:28px}
.contact-reference .contact-note{background:none;padding:0}
.contact-reference .contact-note>.eyebrow{display:none}
.contact-reference .contact-note h2{font-size:2.2rem}
.contact-reference .contact-note p{font-size:1rem}
.contact-reference .field{margin-bottom:17px}
.contact-reference .field label{font-size:.85rem}
.contact-reference .field input,.contact-reference .field select,.contact-reference .field textarea{background:var(--white);min-width:0;max-width:100%}
.contact-reference .field-hint{font-size:.78rem}
.contact-reference .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contact-reference .form-privacy{border-top:1px solid var(--line);padding-top:15px;font-size:.8rem}
.contact-reference .small-note{font-size:.8rem;margin-top:14px}
.contact-reference .enquiry-readiness{font-size:.8rem}
.contact-reference form button[type=submit]{width:100%}
.cq-contact-art{grid-area:art;width:calc(100% + 35px);max-width:none;height:auto;align-self:end;margin-left:-35px}
/* Bunkfy: explicitly labelled workflow, never invented application UI. */
.sq-symbols{position:absolute;width:0;height:0;overflow:hidden}
.cq-icon{width:58px;height:58px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.cq-bunkfy-hero{position:relative;isolation:isolate}
.cq-bunkfy-hero:after{position:absolute;content:'';inset:auto 0 0 30%;height:100px;background:var(--cq-sage);border-radius:100% 0 0 0;z-index:-1}
.company-reference .bunkfy-hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:55px;padding-block:45px 185px;align-items:start}
.company-reference .bunkfy-hero h1{font-size:clamp(2.4rem,4vw,3.5rem)}
.company-reference .bunkfy-hero .brand-eyebrow{display:flex;gap:9px;align-items:center}
.company-reference .brand-eyebrow:before{display:none}
.company-reference .bunkfy-brand-mark{width:32px;height:auto}
.company-reference .bunkfy-hero .hero-intro{font-size:1.04rem;max-width:none}
.company-reference .bunkfy-workflow{margin:0;background:none;padding:0;border:0}
.company-reference .bunkfy-workflow .eyebrow:before{display:none}
.company-reference .bunkfy-workflow ol{list-style:none;margin:0;padding:0;display:grid;gap:33px}
.company-reference .bunkfy-workflow li{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr);gap:20px;padding:25px;background:var(--cq-wash);border-radius:14px;border:0}
.company-reference .bunkfy-workflow li:before{display:none}
.company-reference .bunkfy-workflow li:not(:last-child):after{content:'↓';position:absolute;top:100%;left:50%;font-size:1.6rem;line-height:33px}
.company-reference .bunkfy-workflow h2{font-size:1.45rem;margin-bottom:8px}
.company-reference .bunkfy-workflow p{font-size:.9rem;line-height:1.45}
.cq-stage{font-size:.83rem;max-width:440px;margin-top:16px}
.cq-bunkfy-art{position:absolute;bottom:0;left:-55px;width:570px;height:auto;max-height:220px;object-fit:contain;object-position:left bottom;pointer-events:none}
.cq-context-band{background:var(--cq-sage);padding-block:40px}
.company-reference .intro-section{display:block;padding:0}
.company-reference .intro-section .eyebrow{display:none}
.company-reference .intro-copy{padding:0;max-width:none}
.company-reference .intro-copy .large-copy{font-size:1.2rem}
.company-reference .intro-copy>p:last-child{background:#dfe6d5;padding:14px 20px;border-radius:6px;font-size:.9rem}
.company-reference .bunkfy-scope .section-heading{display:block;margin-bottom:25px}
.company-reference .bunkfy-scope .section-heading>p{max-width:none;font-size:1rem}
.company-reference .bunkfy-scope .section-heading h2{font-size:2.5rem}
.cq-scope-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:25px}
.cq-scope-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:transparent;border-radius:8px;min-width:0;min-height:75px;padding:10px;font-size:.8rem;line-height:1.4}
.cq-scope-tabs button[aria-selected=true]{background:var(--cq-sage);border-color:#aebda3}
.cq-scope-tabs .cq-icon{width:28px;height:28px}
.company-reference .bunkfy-feature-grid{display:grid;grid-template-columns:1fr;gap:18px}
.company-reference .bunkfy-feature-grid article{display:grid;grid-template-columns:26% minmax(0,1fr);align-items:center;gap:35px;background:var(--cq-sage);border:0;border-radius:9px;padding:35px}
.company-reference .bunkfy-feature-grid article>.cq-icon{width:110px;height:110px;justify-self:center}
.company-reference .bunkfy-feature-grid article>div{border-left:1px solid #bbc9b4;padding-left:35px}
.company-reference .bunkfy-feature-grid h3{font-size:2rem}
.company-reference .bunkfy-feature-grid p{font-size:1rem}
.company-reference .bunkfy-feature-grid .number-label{font-size:.8rem;margin-bottom:12px}
.company-reference [data-ready] .number-label{display:none}
.company-reference .bunkfy-boundary{display:block;padding-block:10px 35px}
.company-reference .bunkfy-boundary h2{font-size:2.5rem}
.company-reference .partner-offer{display:block;padding:28px;background:var(--cq-sage);border:0}
.company-reference .partner-offer h3{font-size:1.7rem}
.company-reference .partner-offer p{max-width:none;font-size:1rem}
@media(max-width:1050px){.company-reference .wrap{width:calc(100% - 64px)}.company-reference .bunkfy-hero{gap:28px}.company-reference .bunkfy-workflow li{grid-template-columns:48px minmax(0,1fr);padding:20px;gap:15px}.company-reference .bunkfy-workflow .cq-icon{width:48px;height:48px}.contact-reference .contact-layout{gap:25px}.contact-reference .enquiry-card{padding:22px}.company-reference .team-initial{width:44px;height:44px;min-width:44px}.company-reference .cq-team-tabs .team-tab{gap:10px;padding:12px}.company-reference .cq-team-tabs .team-tab[aria-selected=true]{padding:11px}}
@media(max-width:760px){
 .company-reference .wrap{width:calc(100% - 40px)}
 .company-reference h1,.contact-reference .contact-heading h1{font-size:clamp(2.2rem,7.6vw,3rem)}
 .company-reference h2{font-size:2.15rem}
 .company-reference .section{padding-block:32px}
 .cq-about-hero{display:block;padding-block:30px 40px}.cq-hero-art,.cq-bunkfy-art,.cq-contact-art{display:none}
 .cq-about-hero h1 br{display:none}.cq-about-hero .cq-lead{font-size:1.08rem}
 .cq-team-band{padding-block:28px 25px}.cq-team-band:before{display:none}
 .company-reference .team-heading p{font-size:1rem}
 .cq-team-tabs{gap:10px;padding-bottom:20px}
 .company-reference .cq-team-tabs .team-tab{flex-direction:column;align-items:center;text-align:center;padding:12px 6px;gap:7px}
 .company-reference .cq-team-tabs .team-tab[aria-selected=true]{padding:11px 5px}
 .company-reference .team-person>strong{font-size:1rem}.company-reference .team-person>span{font-size:.75rem}
 .company-reference .team-panel-shell{padding-top:24px}
 .company-reference .team-panel-shell [role=tabpanel]{grid-template-columns:1fr;gap:20px}
 .company-reference .shaun-portrait-frame,.company-reference .profile-sign{max-width:230px;margin-inline:auto}
 .company-reference .team-panel-shell h3{font-size:1.9rem;text-align:center}
 .company-reference .team-panel-shell p,.company-reference .team-panel-shell .large-copy{font-size:.97rem}
 .company-reference .company-identity{grid-template-columns:1fr;gap:20px;padding-block:24px}
 .company-reference .company-identity>div+div{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}
 .company-reference .cta-section{padding-block:30px}.company-reference .cta-grid{grid-template-columns:1fr;gap:15px}.company-reference .cta-grid h2{font-size:2.1rem}
 .company-reference .footer-top{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(8rem,calc(50% - 12px))),1fr));gap:24px;padding-block:25px}
 .company-reference .footer-links{grid-template-columns:1fr}.company-reference .footer-note{grid-column:1/-1;padding:18px 0 0;border-left:0;border-top:1px solid var(--line)}
 .company-reference .footer-bottom{justify-content:flex-start}.company-reference .footer-bottom a{margin-left:auto}
 .contact-reference .contact-layout{grid-template-columns:1fr;grid-template-areas:'heading' 'form' 'aside';padding-block:30px;gap:25px}
 .contact-reference .contact-heading .hero-intro{font-size:1rem}
 .contact-reference .enquiry-card{border-radius:0;border:0;border-top:1px solid var(--line);padding:25px 0 0}
 .contact-reference .enquiry-card>h2{font-size:2.1rem}.contact-reference .enquiry-card>p{font-size:.95rem}
 .contact-reference .contact-note h2{font-size:1.9rem}
 .contact-reference .form-grid{grid-template-columns:1fr;gap:0}
 .company-reference .bunkfy-hero{grid-template-columns:1fr;padding-block:30px 35px;gap:30px}
 .company-reference .bunkfy-hero h1{font-size:clamp(2.1rem,7.5vw,2.9rem)}
 .company-reference .bunkfy-hero .hero-intro{font-size:1rem}
 .company-reference .bunkfy-workflow li{grid-template-columns:60px minmax(0,1fr);gap:20px;padding:20px}
 .company-reference .bunkfy-workflow li>.cq-icon{width:58px;height:58px}
 .company-reference .bunkfy-workflow h2{font-size:1.4rem}
 .cq-context-band{padding-block:28px}
 .company-reference .intro-copy .large-copy{font-size:1.05rem}
 .company-reference .bunkfy-scope .section-heading h2,.company-reference .bunkfy-boundary h2{font-size:1.9rem}
 .cq-scope-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:0;border:0;margin-bottom:18px}
 .cq-scope-tabs button{flex-direction:row;justify-content:flex-start;min-height:58px;padding:10px;gap:10px;font-size:.8rem}
 .company-reference .bunkfy-feature-grid article{grid-template-columns:70px minmax(0,1fr);gap:18px;padding:20px 16px}
 .company-reference .bunkfy-feature-grid article>.cq-icon{width:65px;height:65px}
 .company-reference .bunkfy-feature-grid article>div{padding-left:17px}
 .company-reference .bunkfy-feature-grid h3{font-size:1.5rem}.company-reference .bunkfy-feature-grid p{font-size:.9rem}
 .company-reference .partner-offer{padding:20px}.company-reference .partner-offer h3{font-size:1.5rem}
}
/* Intrinsic wrapping also accommodates 200% root text enlargement. */
@media(max-width:420px){.company-reference .wrap{width:calc(100% - 32px)}.company-reference .header-inner{gap:10px;flex-wrap:wrap;padding-block:10px}.company-reference .wordmark{font-size:1.7rem}.company-reference .menu-toggle{gap:12px}.company-reference .cq-team-tabs{grid-template-columns:repeat(auto-fit,minmax(min(100%,5rem),1fr))}.company-reference .team-initial{width:38px;height:38px;min-width:38px}.company-reference .bunkfy-feature-grid article{grid-template-columns:1fr}.company-reference .bunkfy-feature-grid article>.cq-icon{width:60px;height:60px}.company-reference .bunkfy-feature-grid article>div{border:0;padding-left:0}.cq-scope-tabs{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}.company-reference .bunkfy-workflow li{grid-template-columns:1fr}.company-reference .bunkfy-workflow li>.cq-icon{width:48px;height:48px}}
@media(prefers-reduced-motion:no-preference){.cq-about-hero>div,.contact-reference .contact-heading{animation:cq-arrive .5s ease-out both}.company-reference [data-ready] [role=tabpanel]:not([hidden]){animation:cq-panel .2s ease-out}.company-reference button{transition:background-color .16s,border-color .16s}.cq-portrait-link{transition:box-shadow .2s}.cq-portrait-link:hover{box-shadow:0 0 0 5px #b4c3a7}@keyframes cq-arrive{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes cq-panel{from{opacity:.6}to{opacity:1}}}
@media(prefers-reduced-motion:reduce){.company-reference *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.company-reference .button:hover{transform:none}}

.company-reference .profile-identity{display:block;padding-top:0}
.company-reference .cq-team-tabs .team-tab .team-initial{background:#c7d1bc;color:var(--ink)}
.company-reference .cta-grid>div:last-child{justify-self:end}
.contact-reference .contact-layout{grid-template-rows:min-content min-content 1fr}
@media(max-width:760px){.company-reference .cta-grid>div:last-child{justify-self:start}.contact-reference .contact-layout{grid-template-rows:auto}}
@media(max-width:420px){
 .company-reference .bunkfy-workflow li{grid-template-columns:minmax(0,20%) minmax(0,1fr);gap:16px}
 .company-reference .bunkfy-workflow li>.cq-icon{width:100%;max-width:48px;height:48px}
 .company-reference .bunkfy-feature-grid article{grid-template-columns:minmax(0,20%) minmax(0,1fr);gap:16px}
 .company-reference .bunkfy-feature-grid article>.cq-icon{width:100%;max-width:60px;height:60px}
}
/* Contact spacing follows the compact reference without changing form content. */
.contact-reference .cq-contact-art{align-self:start}
.contact-reference .enquiry-card>h2{margin-bottom:12px}
.contact-reference .enquiry-card>p{margin-bottom:14px}
.contact-reference .field{margin-bottom:12px}
.contact-reference .field label{margin-bottom:6px}
.contact-reference .field textarea{height:6rem;min-height:6rem;resize:vertical}
.contact-reference .form-privacy{margin-bottom:10px;padding-top:12px}
.contact-reference .form-privacy .text-button{display:inline;min-height:24px;line-height:1.5;text-align:left;max-width:100%}
.contact-reference .enquiry-card .small-note{margin-top:10px;margin-bottom:10px}
.contact-reference #enquiry-readiness{margin:10px 0}
.contact-reference #phone-hint{margin:0 0 10px}
/* Readable form guidance is part of the form, not micro-copy. */
.contact-reference .field-hint,.contact-reference .enquiry-readiness,.contact-reference .field-error,.contact-reference .form-privacy,.contact-reference .small-note{font-size:.875rem;line-height:1.5}
/* A useful demo agenda replaces decorative filler; form safeguards remain native. */
.contact-reference .contact-layout{grid-template-areas:'heading form';row-gap:0}
.contact-reference .contact-heading .hero-intro{margin-bottom:24px}
.cq-demo-agenda{border-top:1px solid var(--line);padding-top:22px;margin-bottom:18px}
.contact-reference .cq-demo-agenda h2{font-size:2.1rem;margin-bottom:20px}
.cq-demo-agenda ol{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:22px}
.cq-demo-agenda li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start}
.cq-demo-agenda li>span{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:var(--cq-sage);font:700 1.2rem var(--display)}
.contact-reference .cq-demo-agenda h3{font-size:1.4rem;line-height:1.2;margin-bottom:5px}
.contact-reference .cq-demo-agenda p{font-size:.9375rem;margin:0}
.cq-pilot-note{background:var(--cq-sage);padding:22px;border-radius:10px}
.contact-reference .cq-pilot-note h3{font-size:1.6rem}
.contact-reference .contact-heading>#direct-email{font-size:.9375rem;min-height:44px;display:inline-flex;align-items:center}
.contact-reference .phone-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px}
.contact-reference .field input,.contact-reference .field select{min-height:44px}
@media(max-width:760px){
 .contact-reference .contact-layout{grid-template-areas:'heading' 'form';row-gap:24px;padding-block:24px}
 .contact-reference .contact-heading .hero-intro{margin-bottom:20px}
 .contact-reference .cq-demo-agenda{padding-top:0;border:0;margin-bottom:12px}
 .contact-reference .cq-demo-agenda>h2,.cq-demo-agenda li p{display:none}
 .cq-demo-agenda ol{gap:0;margin-bottom:14px}
 .cq-demo-agenda li{grid-template-columns:30px minmax(0,1fr);gap:10px;border-top:1px solid var(--line);padding:12px 0;align-items:center}
 .cq-demo-agenda li:last-child{border-bottom:1px solid var(--line)}
 .cq-demo-agenda li>span{font:.875rem var(--body);background:none;aspect-ratio:auto;display:block;color:var(--muted)}
 .contact-reference .cq-demo-agenda li h3{font:400 1rem var(--body);letter-spacing:0;margin:0}
 .cq-pilot-note{background:none;padding:0;border-radius:0}
 .contact-reference .cq-pilot-note h3{font:700 .9375rem var(--body);letter-spacing:0}
 .contact-reference .cq-pilot-note p{font-size:.875rem}
 .contact-reference .enquiry-card{border:1px solid var(--line);border-radius:10px;padding:20px}
 .contact-reference .phone-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px}
}
.contact-reference .field label>#organisation-label,.contact-reference .field label>#message-label{font-weight:700;color:var(--ink)}
/* Compact real profiles, with additional source biography behind a clear choice. */
.company-reference .team-panel-shell [role=tabpanel]{grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:36px;align-items:start}
.company-reference .shaun-portrait-frame,.company-reference .profile-sign{max-width:230px}
.company-reference .profile-sign{font-size:5rem}
.company-reference .team-panel-shell h3{font-size:clamp(1.8rem,2.8vw,2.4rem)}
.cq-profile-more{border-top:1px solid var(--line);margin-top:16px;padding-top:4px}
.cq-profile-more summary{display:list-item;cursor:pointer;min-height:44px;padding-block:10px;font-size:.9375rem;font-weight:700;color:var(--ink)}
.cq-profile-more p{margin-top:12px}
/* Short scope descriptions should be visible, not six separate interactions. */
.company-reference .bunkfy-feature-grid.cq-scope-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;list-style:none;padding:0;margin:0}
.cq-scope-list>li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:18px;border-top:1px solid var(--line);padding:22px 0;min-width:0;scroll-margin-top:30px}
.cq-scope-list>li>.cq-icon{width:28px;height:28px;margin-top:4px}
.company-reference .cq-scope-list h3{font-size:1.6rem;margin-bottom:8px}
.company-reference .cq-scope-list p{font-size:.9375rem;line-height:1.5;margin:0}
@media(max-width:760px){
 .company-reference .team-panel-shell [role=tabpanel]{grid-template-columns:1fr;gap:20px}
 .company-reference .shaun-portrait-frame,.company-reference .profile-sign{max-width:150px}
 .company-reference .profile-sign{font-size:3.8rem}
 .company-reference .bunkfy-feature-grid.cq-scope-list{grid-template-columns:1fr}
 .cq-scope-list>li{padding-block:20px}
}