#familyExperience{padding:10px 0 40px}
#familyExperience .family-lead{max-width:760px;color:var(--muted);font-size:14px;margin:4px 0 23px}
#familyExperience h2{font:400 clamp(31px,4vw,48px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:0 0 13px}
#familyExperience h3{font:400 23px Georgia,serif;margin:0 0 8px}
#familyExperience .family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#familyExperience .family-card{min-width:0}
#familyExperience .family-image{display:block;width:100%;aspect-ratio:2/3;overflow:hidden;background:#e2ddd2;border:0;padding:0;text-align:left}
#familyExperience .family-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#familyExperience .family-image span{display:grid;place-items:center;width:100%;height:100%;padding:12px;text-align:center;color:#6d6860;font:18px Georgia,serif}
#familyExperience .family-card h3{margin:9px 0 0}
#familyExperience .family-card p{color:var(--muted);font-size:11px;margin:0}
#familyExperience .family-card h3 a{text-decoration:none}
#familyExperience .family-card h3 a:hover{text-decoration:underline}
#familyExperience .family-filter-header{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:10px 0 17px;margin:0 0 27px}
#familyExperience .family-filter-header p{display:none}
#familyExperience .family-filter-label{font-size:15px;font-weight:700}
#familyExperience .family-filter-header .compact-search{display:flex;align-items:center;margin:0;max-width:265px}
#familyExperience .family-filter-header .compact-search input{border:0;margin:0;padding:8px 0;font-size:12px}
#familyExperience .family-group-tabs{display:flex;align-items:center;gap:18px}#familyExperience .family-group-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:7px 1px;font-size:13px}#familyExperience .family-group-tabs button.active{border-bottom-color:var(--ink);color:var(--ink);font-weight:700}#familyExperience .family-browse-heading>span{display:none}
#familyExperience .family-browse-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 18px}
#familyExperience .family-browse-heading h2{margin:0}
#familyExperience .family-browse-heading span{font-size:12px;color:var(--muted)}
#familyExperience .family-brief{background:#fffdf9;border:1px solid var(--line);padding:20px;margin:13px 0 22px}
#familyExperience .brief-head{display:flex;justify-content:space-between;gap:15px;align-items:start}
#familyExperience .family-brief p{font-size:13px;color:var(--muted);margin:0 0 14px}
#familyExperience .brief-topline{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:12px}
#familyExperience label{display:block;font-size:11px;font-weight:700;color:#46433e;letter-spacing:.03em}
#familyExperience input,#familyExperience select{border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px;width:100%;min-width:0;margin-top:5px;font-size:13px}
#familyExperience .brief-topline label{min-width:190px}
#familyExperience .role-rows{display:grid;gap:10px;margin:0 0 12px}
#familyExperience .role-row{border-top:1px solid var(--line);padding:12px 0 2px}
#familyExperience .role-row h3{font:400 21px Georgia,serif;margin:0 0 9px}
#familyExperience .role-fields{display:grid;grid-template-columns:1.15fr .8fr .8fr .9fr .9fr;gap:9px;align-items:end}
#familyExperience .age-field{display:grid;grid-template-columns:1fr auto 1fr;gap:5px;align-items:end}
#familyExperience .age-field span{font-size:12px;color:var(--muted);padding-bottom:9px}
#familyExperience .brief-action{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}
#familyExperience .primary-family-button{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:10px 17px;font-size:12px}
#familyExperience .secondary-family-button{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:9px 14px;font-size:12px}
#familyExperience .brief-action small{color:var(--muted);font-size:11px}
#familyExperience .family-results{border-top:1px solid var(--line);padding-top:20px}
#familyExperience .family-results-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 15px}
#familyExperience .family-results-head p{font-size:12px;color:var(--muted);margin:0}
#familyExperience .family-search{width:min(260px,100%)}
#familyExperience .family-person-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
#familyExperience .family-person{min-width:0;border:0;background:none;padding:0;text-align:left;color:var(--ink)}
#familyExperience .family-person[aria-pressed=true] .person-image{outline:4px solid var(--gold);outline-offset:-4px}
#familyExperience .person-image{display:block;aspect-ratio:4/5;overflow:hidden;background:#ddd8cf}
#familyExperience .person-image img{width:100%;height:100%;object-fit:cover;object-position:center top}
#familyExperience .person-image.photo-unavailable::after,#familyExperience .selected-photo.photo-unavailable::after{content:'Photo to check';display:grid;place-items:center;width:100%;height:100%;color:var(--muted);font-size:12px;text-align:center;padding:8px}
#familyExperience .person-name{display:block;font:400 20px Georgia,serif;margin-top:6px}
#familyExperience .person-meta{display:block;font-size:11px;color:var(--muted)}
#familyExperience .family-selection{background:#e8e3d8;padding:20px;margin:0 0 20px}
#familyExperience .family-selection h3{margin:0 0 14px}
#familyExperience .combination-group{margin:0 0 20px}
#familyExperience .combination-group:last-child{margin-bottom:0}
#familyExperience .combination-group h4{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 9px}
#familyExperience .selected-people{display:flex;gap:16px;flex-wrap:wrap}
#familyExperience .selected-person{background:#fff;min-width:156px;width:min(200px,calc(50% - 8px));padding:7px}
#familyExperience .selected-photo{display:block;width:100%;aspect-ratio:4/5;overflow:hidden;background:#ddd8cf}
#familyExperience .selected-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
#familyExperience .selected-copy{display:flex;flex-direction:column;gap:2px;padding:8px 5px 5px}
#familyExperience .selected-copy strong{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
#familyExperience .selected-copy span{font:400 24px Georgia,serif}
#familyExperience .selected-copy small{font-size:11px;color:var(--muted)}
#familyExperience .selected-copy a,#familyExperience .selected-copy button{font-size:11px;color:var(--ink);text-decoration:underline;background:none;border:0;padding:5px 0 0;text-align:left}
#familyExperience .family-empty{padding:22px;background:#fffdf9;border:1px solid var(--line);color:var(--muted);font-size:13px}
#familyExperience .family-more{display:block;margin:20px auto;border:1px solid var(--ink);background:transparent;padding:9px 15px}
#familyExperience .family-next{margin-top:20px;padding:17px;background:#e8e3d8;color:var(--muted);font-size:13px}
#familyExperience .family-collection,#familyExperience .family-lightbox{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}
#familyExperience .family-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
#familyExperience .combination-cover{width:100%;aspect-ratio:4/5;display:grid;grid-template-columns:repeat(var(--cover-columns),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:3px;overflow:hidden;background:#d9d4ca}
#familyExperience .combination-face{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;background:#ddd8cf}
#familyExperience .combination-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
#familyExperience .combination-face small{position:absolute;bottom:0;left:0;right:0;background:#f2efe9e8;padding:3px 5px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#familyExperience .family-pdf-pending{font-size:11px;color:var(--muted);align-self:center}
#familyCombinationPrint{display:none}
@media print{
  @page{size:A4;margin:0}
  body.pk-print-combination>*{display:none!important}
  body.pk-print-combination #familyCombinationPrint{display:block!important;box-sizing:border-box;width:210mm;min-height:297mm;padding:0 14mm 13mm;background:#f7f3ed!important;color:#202020!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;font:9pt/1.35 Arial,sans-serif;break-after:avoid}
  #familyCombinationPrint .print-combo-banner{box-sizing:border-box;display:flex;align-items:center;height:28mm;background:#111!important;color:#fff!important;margin:0 -14mm 8mm;padding:4mm 14mm;font:21pt Georgia,serif}
  #familyCombinationPrint .print-combo-banner img{display:block;width:28mm;height:19mm;object-fit:contain;filter:brightness(0) invert(1)}
  #familyCombinationPrint .print-combo-hero{display:grid;grid-template-columns:54mm 1fr;gap:12mm;min-height:76mm}
  #familyCombinationPrint .print-combo-cover{display:grid;grid-template-columns:repeat(var(--print-cover-columns),1fr);grid-auto-rows:minmax(0,1fr);gap:1mm;width:54mm;height:70mm;overflow:hidden;background:#ddd}
  #familyCombinationPrint .print-combo-cover img{width:100%;height:100%;object-fit:cover;object-position:center top}
  #familyCombinationPrint h1{font:36pt/1 Georgia,serif;margin:2mm 0}
  #familyCombinationPrint .print-combo-gold{width:13mm;height:1mm;background:#efd43d!important;margin:3mm 0 4mm}
  #familyCombinationPrint .print-combo-hero p{margin:0 0 4mm}
  #familyCombinationPrint .print-combo-hero dl{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm;margin:0}
  #familyCombinationPrint .print-combo-hero dl div{border-bottom:1px solid #d7d1c6}
  #familyCombinationPrint .print-combo-hero dt{font-size:7pt;text-transform:uppercase;color:#777}
  #familyCombinationPrint .print-combo-hero dd{font:13pt Georgia,serif;margin:0}
  #familyCombinationPrint h2{font:18pt Georgia,serif;margin:5mm 0 3mm;border-bottom:1px solid #d7d1c6}
  #familyCombinationPrint .print-combo-members{display:grid;grid-template-columns:repeat(4,1fr);gap:4mm}
  #familyCombinationPrint .print-combo-members article{break-inside:avoid}
  #familyCombinationPrint .print-combo-members img{width:100%;height:47mm;object-fit:cover;object-position:center top}
  #familyCombinationPrint .print-combo-members h3{font:13pt Georgia,serif;margin:2mm 0 1mm}
  #familyCombinationPrint .print-combo-members p{margin:0;font-size:8pt}
  #familyCombinationPrint footer{border-top:1px solid #d7d1c6;margin-top:7mm;padding-top:3mm;font-size:8pt}
}
#familyExperience .family-card-action,#familyExperience .family-card-actions button,#familyExperience .family-lightbox button{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:7px 10px;font-size:11px;cursor:pointer}
@media(max-width:1050px){#familyExperience .family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#familyExperience .family-person-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){#familyExperience .role-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){#familyExperience .family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#familyExperience .family-person-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#familyExperience .family-results-head{display:block}#familyExperience .family-search{margin-top:10px}#familyExperience .family-filter-header{align-items:flex-start;flex-direction:column}#familyExperience .family-filter-header .search-tools{width:100%}#familyExperience .family-filter-header .compact-search{max-width:none}}
@media(max-width:500px){#familyExperience .family-brief{padding:12px}#familyExperience .role-fields{grid-template-columns:repeat(2,minmax(0,1fr))}#familyExperience .family-grid{gap:9px}#familyExperience .family-person-grid{gap:8px}#familyExperience .family-card h3{font-size:18px}#familyExperience .person-name{font-size:16px}#familyExperience .person-meta{font-size:10px}#familyExperience .family-selection{padding:12px}#familyExperience .selected-person{min-width:0;width:calc(50% - 8px)}}
#familyExperience .compact-search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;padding:0 10px;min-width:225px}
#familyExperience .compact-search input{border:0;background:transparent;outline:0;min-width:0;width:100%;margin:0;padding:9px 0}
#familyExperience .advanced-filter{position:relative}
#familyExperience .advanced-filter summary{list-style:none;display:flex;align-items:center;gap:7px;border:1px solid var(--ink);padding:8px 11px;background:#fff;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
#familyExperience .advanced-filter summary::-webkit-details-marker{display:none}
#familyExperience .advanced-filter[open] summary{background:var(--ink);color:#fff}
#familyExperience .advanced-filter-panel{position:absolute;right:0;top:calc(100% + 9px);z-index:8;width:min(420px,90vw);padding:20px;background:#fff;border:1px solid var(--line);box-shadow:0 15px 35px #0002}
#familyExperience .advanced-field{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase}
#familyExperience .advanced-field select{width:100%;border:1px solid var(--line);padding:9px 7px;background:#fff;color:var(--ink);font-size:13px;font-weight:400;text-transform:none}
