.ptm-about-page{--ka-navy:#000000;--ka-navy2:#111111;--ka-gold:#FE1204;--ka-text:#171717;--ka-muted:#666666;--ka-line:#E3E3E3;--ka-soft:#F7F7F7;color:var(--ka-text);font-family:inherit;overflow:hidden}.ptm-about-page *{box-sizing:border-box}.ptm-about-page a{text-decoration:none}.ptm-about-hero{position:relative;min-height:460px;background-image:var(--ptm-about-hero);background-size:cover;background-position:center 45%;display:flex;align-items:stretch}.ptm-about-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.80) 38%,rgba(0,0,0,.32) 66%,rgba(0,0,0,.18) 100%)}.ptm-about-hero-inner{position:relative;z-index:1;width:100%;max-width:1380px;margin:0 auto;padding:78px 34px 54px;display:flex;align-items:center}.ptm-about-hero-copy{max-width:680px;padding-left:0}.ptm-about-kicker{display:block;margin-bottom:12px;color:var(--ka-gold);font-weight:900;font-size:15px;letter-spacing:.18em;text-transform:uppercase}.ptm-about-hero h1{margin:0 0 18px!important;color:#fff!important;font-size:clamp(56px,6vw,86px)!important;line-height:.95!important;font-weight:900!important;letter-spacing:-.045em!important;text-transform:uppercase}.ptm-about-hero h1 span{color:var(--ka-gold)}.ptm-about-hero p{max-width:650px;margin:0!important;color:#fff!important;font-size:19px!important;line-height:1.6!important}.ptm-about-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.ptm-about-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:7px;font-weight:900;font-size:15px;transition:.2s ease}.ptm-about-btn-gold{background:var(--ka-gold);color:var(--ka-navy)}.ptm-about-btn-navy{background:var(--ka-navy);color:#fff}.ptm-about-btn-ghost{border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.08);color:#fff}.ptm-about-btn:hover{transform:translateY(-1px)}.ptm-about-wrap{width:100%;max-width:1380px;margin:0 auto;padding:0 34px 54px}.ptm-about-story-section{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);gap:38px;padding:34px 0 22px;align-items:start}.ptm-about-heading h2{margin:0!important;color:var(--ka-navy)!important;font-size:clamp(34px,3.7vw,56px)!important;line-height:1.06!important;font-weight:900!important;letter-spacing:-.03em!important}.ptm-about-heading>span{display:block;width:62px;height:5px;margin-top:10px;border-radius:4px;background:var(--ka-gold)}.ptm-about-story-copy>p,.ptm-about-club-card>p{margin:18px 0 0!important;color:var(--ka-text)!important;font-size:17px!important;line-height:1.7!important}.ptm-about-story-copy>p:first-of-type{margin-top:22px!important}.ptm-about-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--ka-line);border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#F5F5F5,#F5F5F5)}.ptm-about-values article{min-height:180px;padding:28px 22px;text-align:center;border-right:1px solid var(--ka-line);border-bottom:1px solid var(--ka-line);display:flex;flex-direction:column;align-items:center;justify-content:center}.ptm-about-values article:nth-child(2n){border-right:0}.ptm-about-values article:nth-last-child(-n+2){border-bottom:0}.ptm-about-values article>span{font-size:46px;line-height:1;color:var(--ka-navy)}.ptm-about-values h3{margin:12px 0 7px!important;color:var(--ka-navy)!important;font-size:20px!important;font-weight:900!important;line-height:1.15!important}.ptm-about-values p{margin:0!important;color:var(--ka-muted)!important;font-size:14px!important;line-height:1.45!important}.ptm-about-club-section,.ptm-about-committee-section,.ptm-about-contact-section{padding:28px 0}.ptm-about-club-card{margin-top:22px;padding:28px;border:1px solid var(--ka-line);border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.06)}.ptm-about-club-card a:not(.ptm-about-btn){color:var(--ka-navy);font-weight:800}.ptm-about-club-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.ptm-about-section-heading{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:32px;align-items:end;margin-bottom:24px}.ptm-about-section-heading>p{margin:0!important;color:var(--ka-muted)!important;font-size:16px!important;line-height:1.55!important}.ptm-about-committee-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.ptm-about-committee-card{min-width:0;padding:20px 14px 14px;border:1px solid var(--ka-line);border-radius:10px;background:#fff;text-align:center;box-shadow:0 5px 18px rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:center}.ptm-about-member-logo{width:82px;height:82px;display:grid;place-items:center;margin-bottom:10px}.ptm-about-member-logo img{width:82px;height:82px;object-fit:contain}.ptm-about-committee-card h3{margin:0 0 5px!important;color:var(--ka-navy)!important;font-size:17px!important;font-weight:900!important;line-height:1.2!important}.ptm-about-committee-card p{margin:0 0 14px!important;color:var(--ka-muted)!important;font-size:13px!important;line-height:1.35!important;min-height:36px}.ptm-about-contact-btn{width:100%;min-height:40px;margin-top:auto;border:0;border-radius:5px;background:var(--ka-navy);color:#fff;font-weight:900;font-size:13px;cursor:pointer}.ptm-about-empty{padding:22px;border:1px dashed var(--ka-line);border-radius:10px;background:var(--ka-soft);color:var(--ka-muted)}.ptm-about-contact-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.5fr);gap:22px;align-items:start}.ptm-about-form-card{min-width:0;padding:20px;border:1px solid var(--ka-line);border-radius:10px;background:linear-gradient(135deg,#F5F5F5,#F5F5F5)}.ptm-about-form-card .ptm-enquiry-card{box-shadow:none!important;border:0!important;background:transparent!important;padding:0!important}.ptm-about-form-card .ptm-form-heading{margin-bottom:16px}.ptm-about-form-card .ptm-form-heading h2{font-size:24px!important}.ptm-about-form-card .ptm-form-heading p{font-size:13px!important}.ptm-about-form-card .ptm-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}.ptm-about-form-card .ptm-field{grid-column:auto!important}.ptm-about-form-card .ptm-field.ptm-span-2,.ptm-about-form-card .ptm-field-message{grid-column:1/-1!important}.ptm-about-form-card .ptm-field label{font-size:12px!important}.ptm-about-form-card .ptm-field input,.ptm-about-form-card .ptm-field select,.ptm-about-form-card .ptm-field textarea{min-height:44px!important;padding:10px 11px!important;font-size:14px!important;border-radius:6px!important}.ptm-about-form-card .ptm-field textarea{min-height:130px!important}.ptm-about-form-card .ptm-enquiry-form>.ptm-btn{min-height:46px!important;font-size:14px!important}.ptm-about-form-card .ptm-form-privacy{font-size:11px!important;line-height:1.45!important}.ptm-about-contact-side{display:grid;gap:14px}.ptm-about-contact-side article{display:flex;gap:14px;padding:20px;border:1px solid var(--ka-line);border-radius:10px;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.05)}.ptm-about-side-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:10px;background:#F5F5F5;color:var(--ka-navy);font-size:24px}.ptm-about-contact-side h3{margin:0 0 6px!important;color:var(--ka-navy)!important;font-size:18px!important;font-weight:900!important}.ptm-about-contact-side p{margin:0 0 10px!important;color:var(--ka-muted)!important;font-size:14px!important;line-height:1.5!important}.ptm-about-contact-side a{color:var(--ka-navy);font-weight:900;font-size:14px}.ptm-about-contact-heading{margin-bottom:20px}
@media(max-width:1180px){.ptm-about-committee-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ptm-about-story-section{grid-template-columns:1fr 1fr}.ptm-about-hero-inner{padding-top:92px}}
@media(max-width:900px){.ptm-about-hero{min-height:500px;background-position:center}.ptm-about-hero-overlay{background:rgba(0,0,0,.74)}.ptm-about-hero-inner{justify-content:center;text-align:center;padding:110px 26px 55px}.ptm-about-hero-copy{max-width:760px}.ptm-about-hero p{margin-left:auto!important;margin-right:auto!important}.ptm-about-hero-actions{justify-content:center}.ptm-about-story-section{grid-template-columns:1fr}.ptm-about-section-heading{grid-template-columns:1fr;gap:14px}.ptm-about-contact-grid{grid-template-columns:1fr}.ptm-about-wrap{padding-left:24px;padding-right:24px}}
@media(max-width:640px){.ptm-about-wrap{padding:0 14px 36px}.ptm-about-hero{min-height:540px;background-position:center center}.ptm-about-hero-overlay{background:rgba(0,0,0,.78)}.ptm-about-hero-inner{padding:125px 18px 44px}.ptm-about-hero h1{font-size:52px!important}.ptm-about-hero p{font-size:17px!important;line-height:1.55!important}.ptm-about-hero-actions{display:grid;grid-template-columns:1fr;width:100%}.ptm-about-btn{width:100%}.ptm-about-values{grid-template-columns:1fr}.ptm-about-values article{border-right:0!important;border-bottom:1px solid var(--ka-line)!important;min-height:145px}.ptm-about-values article:last-child{border-bottom:0!important}.ptm-about-club-card{padding:20px}.ptm-about-committee-grid{grid-template-columns:1fr}.ptm-about-committee-card{padding:18px}.ptm-about-committee-card p{min-height:0}.ptm-about-form-card{padding:16px}.ptm-about-form-card .ptm-form-grid{grid-template-columns:1fr!important}.ptm-about-form-card .ptm-field,.ptm-about-form-card .ptm-field.ptm-span-2,.ptm-about-form-card .ptm-field-message{grid-column:1!important}.ptm-about-section-heading>p{font-size:15px!important}}
/* About-page committee form: FAO + name, then email + phone on wider screens. */
.ptm-about-form-card .ptm-form-grid > .ptm-field:first-child{grid-column:auto!important}
@media(max-width:640px){.ptm-about-form-card .ptm-form-grid > .ptm-field:first-child{grid-column:1!important}}

/* Purton brand correction v1.0.1: black primary / #FE1204 red accent */
.ptm-home-btn-gold,.ptm-home-team-btn.is-gold,.ptm-about-btn-gold,.ptm-sponsor-btn-gold,.ptm-main-sponsor-label,.ptm-main-badge,.ptm-team-list-btn,.ptm-teams-cta-btn,.ptm-contact-map-caption a,.ptm-contact-visiting-note>a,.ptm-media-login-card button,.ptm-media-add-button{background:#FE1204!important;color:#fff!important;}
.ptm-sponsor-opportunity-grid li:before{background:#FE1204!important;color:#fff!important;}

/* v1.0.3: show the complete about banner and normalise form controls. */
.ptm-about-hero{background-size:contain!important;background-repeat:no-repeat!important;background-position:center center!important;background-color:#000!important;}
.ptm-about-form-card .ptm-field select{height:48px!important;min-height:48px!important;padding:0 12px!important;line-height:normal!important;box-sizing:border-box!important;}
@media(max-width:640px){.ptm-about-hero{background-size:contain!important;background-position:center center!important;background-color:#000!important;}}
.ptm-about-form-card .ptm-field input:not([type="checkbox"]):not([type="radio"]),.ptm-about-form-card .ptm-field select{height:48px!important;min-height:48px!important;padding:0 12px!important;}


/* v1.0.4: About hero uses a real image so mobile can place copy beneath it. */
.ptm-about-hero{background-image:none!important;background:#000!important;overflow:hidden!important;}
.ptm-about-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#000;z-index:0;}
.ptm-about-hero-overlay{z-index:1;}
.ptm-about-hero-inner{z-index:2;}
@media(max-width:640px){
  .ptm-about-hero{min-height:0!important;display:block!important;}
  .ptm-about-hero-image{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;}
  .ptm-about-hero-overlay{display:none!important;}
  .ptm-about-hero-inner{width:100%!important;display:block!important;padding:0!important;margin:0!important;text-align:left!important;}
  .ptm-about-hero-copy{max-width:none!important;width:100%!important;padding:26px 18px 34px!important;}
  .ptm-about-hero p{margin-left:0!important;margin-right:0!important;}
  .ptm-about-hero-actions{justify-content:flex-start!important;}
}


/* v1.0.5: desktop About hero fills the whole banner while preserving the complete team photo.
   A cover backdrop removes letterboxing; the foreground image remains contain so players are not cropped. */
@media(min-width:641px){
  .ptm-about-hero{
    background-image:var(--ptm-about-hero)!important;
    background-size:cover!important;
    background-position:center 45%!important;
    background-repeat:no-repeat!important;
    background-color:#000!important;
  }
  .ptm-about-hero-image{
    object-fit:contain!important;
    object-position:center center!important;
    background:transparent!important;
  }
}
@media(max-width:640px){
  .ptm-about-hero{background-image:none!important;background:#000!important;}
}


/* v1.0.7: desktop About hero should use one cover background only, with more of the lower part of the photo visible. */
@media(min-width:641px){
  .ptm-about-hero{
    background-image:var(--ptm-about-hero)!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center 68%!important;
    background-color:#000!important;
  }
  .ptm-about-hero-image{display:none!important;}
}