/* Home 2: every content rule is scoped so the original home stays independent. */
.home-two{--h2-ink:#103c61;--h2-gold:#98601e;--h2-paper:#fff8e8;color:var(--h2-ink);background:#fffaf0;text-align:left;overflow:clip}
.home-two :is(h1,h2,h3,p,ol){margin:0}
.home-two a{text-decoration:none}
.home-two section[id]{scroll-margin-top:20px}
.home-two a:focus-visible{outline:2px solid #a4712f;outline-offset:4px}
.home-two img{display:block}
.h2-wrap{position:relative;width:min(calc(100% - 48px),1420px);margin-inline:auto}
.h2-icon{display:block;flex:0 0 auto;width:52px;height:52px;background:currentColor;-webkit-mask:var(--h2-symbol) center/contain no-repeat;mask:var(--h2-symbol) center/contain no-repeat}
.h2-icon-book{--h2-symbol:url("../icons/book-open.svg")}
.h2-icon-church{--h2-symbol:url("../icons/fontawesome/church.svg")}
.h2-icon-cross{--h2-symbol:url("../icons/fontawesome/cross.svg")}
.h2-icon-calendar{--h2-symbol:url("../icons/fontawesome/calendar-days.svg")}
.h2-icon-globe{--h2-symbol:url("../icons/fontawesome/globe.svg")}
.h2-icon-folder{--h2-symbol:url("../icons/archive-document.svg")}
.h2-arrow{display:block;flex:0 0 auto;width:17px;height:17px;background:currentColor;-webkit-mask:url("../icons/arrow-right.svg") center/contain no-repeat;mask:url("../icons/arrow-right.svg") center/contain no-repeat}
.home-two .h2-button{gap:12px;min-width:0;min-height:34px;padding:7px 22px;border-radius:40px;font-family:var(--serif);font-size:12px;font-weight:700;line-height:1.45;box-shadow:0 2px 4px #7040141a}
.home-two .h2-button::after{flex-basis:15px;width:15px;height:15px}
.home-two .h2-button-sun{min-height:43px;padding:10px 27px;color:#124466;background:linear-gradient(#ffe9a1,#e4ad3e);box-shadow:0 3px 8px #99651b26,inset 0 1px 1px #fff9}
.home-two .h2-button-gold{background:linear-gradient(#b4813a,#8c5313)}
.home-two .h2-button-blue{background:linear-gradient(#0671a6,#075282)}
.home-two .h2-button-red{background:linear-gradient(#b52729,#8e0513)}
.h2-heading{display:flex;align-items:center;gap:17px}
.h2-heading h2{font-family:var(--serif);font-size:clamp(27px,2.7vw,39px);font-weight:800;line-height:1.2}
.h2-heading h3{margin-top:3px;font-family:var(--serif);font-size:14px;font-weight:700;line-height:1.45}
.h2-heading>div{min-width:0}
.h2-hero{position:relative;isolation:isolate;min-height:clamp(330px,27vw,470px);background:#f4dfb4;overflow:hidden}
.h2-hero::before{position:absolute;z-index:-3;inset:0;background-image:var(--h2-hero-image,url("../images/bg2.jpg"));background-position:35% 82%;background-size:cover;content:""}
.h2-hero::after{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,transparent 30%,#fff3d80d 43%,#fff2d6e6 61%,#fff2d8ed 77%,#f5dfbb99);content:""}
.h2-hero-map{position:absolute;z-index:-1;inset:0 0 0 79%;background:var(--h2-map-image,url("../images/home-two/heritage-map.svg")) center/cover no-repeat;opacity:.65;pointer-events:none}
.h2-hero-layout{display:flex;align-items:center;justify-content:flex-end;min-height:inherit;padding-block:28px}
.h2-hero-copy{position:relative;width:43%;max-width:610px;margin-right:8%;text-align:center}
.h2-years{font-family:var(--serif);font-size:clamp(32px,3.5vw,53px);font-weight:800;line-height:1;white-space:nowrap}
.h2-years>span{display:inline-block;color:#af7a27;font-size:1.55em;letter-spacing:-.06em;line-height:1.05}
@supports (background-clip:text) or (-webkit-background-clip:text){.h2-years>span{background:linear-gradient(#f2d18c 5%,#bc8530 43%,#805217 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}
.h2-hero h1{margin-top:4px;font-family:var(--serif);font-size:clamp(17px,1.8vw,27px);font-weight:800;line-height:1.35}
.h2-year-range{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:7px!important;color:#82571e;font-family:var(--serif);font-size:clamp(16px,1.7vw,24px);font-weight:700}
.h2-year-range::before,.h2-year-range::after{display:block;width:58px;height:1px;background:#9c7132;content:""}
.h2-hero-script{margin:10px 0 14px!important;font-family:var(--script);font-size:clamp(29px,3.15vw,47px);line-height:1.03}
.h2-hero-script>span{font-size:.88em}
.h2-section{padding:23px 0 17px}
.h2-history{background:#fff3d8}
.h2-history-overview{background:linear-gradient(90deg,#fff6e2ed 0 24%,#fff7e752 50%,#fff7e778 100%),var(--h2-history-image,url("../images/bg2.jpg")) center 47%/cover no-repeat}
.h2-history-overview-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:25px;min-height:217px}
.h2-history-card-wrap{padding-block:12px 17px}
.h2-intro{position:relative;min-width:0;padding:0 8px 18px}
.h2-history .h2-heading .h2-icon{width:53px;height:53px;color:#925f25}
.h2-intro>p{margin:12px 0 14px;color:#23394b;font-size:13px;line-height:1.7}
.h2-intro>p br{display:none}
.h2-history-timeline-stage{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-width:0;padding-bottom:18px}
.h2-timeline{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;width:100%;padding:0;list-style:none}
.h2-timeline li{position:relative;min-width:0;padding:15px 9px 0;border-top:2px solid #ae7a2c}
.h2-timeline li::before{position:absolute;top:-6px;left:8px;width:10px;height:10px;border:1px solid #f6dbaa;border-radius:50%;background:#163d55;box-shadow:0 0 0 2px #96641e12;content:""}
.h2-timeline strong{display:block;font-family:var(--serif);font-size:15px;font-weight:800;line-height:1.4;white-space:nowrap}
.h2-timeline li>span{display:block;margin-top:4px;font-family:var(--serif);font-size:12px;line-height:1.45}
.h2-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
.h2-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #ffffffb3;border-radius:6px 6px 2px 2px;background:#fffffff2;box-shadow:0 2px 7px #715a3310;color:#133956}
.h2-card-image{position:relative;flex:0 0 auto;aspect-ratio:1.85;overflow:hidden;background:#e1e8e7}
.h2-card-image>img{width:100%;height:100%;object-fit:cover}
.h2-card-copy{display:flex;flex:1;align-items:flex-start;gap:7px;padding:10px 10px 12px}
.h2-card-copy h3{flex:1;font-family:var(--serif);font-size:14px;font-weight:700;line-height:1.45}
.h2-card-copy .h2-arrow{align-self:flex-end;width:15px;height:15px;color:#966329}
.h2-card:hover{border-color:#c4a375;background:#fffcf3;box-shadow:0 3px 10px #715a331c}
.h2-card:hover .h2-card-copy h3{color:#996420}
.h2-history-cards .h2-card-copy{align-items:center;flex-direction:column;gap:5px;text-align:center}
.h2-history-cards .h2-card-copy .h2-arrow{align-self:center;color:#163d55}
.h2-present{position:relative;isolation:isolate;padding-top:27px;background:#e9f7ff}
.h2-present::before{position:absolute;z-index:-2;inset:0;background:var(--h2-present-image,url("../images/bg3.jpg")) center 56%/cover no-repeat;content:""}
.h2-present::after{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#e0f2fffa 0%,#e0f2ffeb 25%,#e8f5fd30 49%),linear-gradient(0deg,#e7f5ff 3%,#e7f5ffeb 41%,transparent 80%);content:""}
.h2-present-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px}
.h2-present .h2-intro{padding-top:5px}
.h2-present .h2-heading{gap:14px}
.h2-present .h2-heading .h2-icon{width:64px;height:62px}
.h2-intro-subtitle{margin-top:3px!important;font-family:var(--serif);font-size:14px;font-weight:800;line-height:1.5}
.h2-present .h2-intro>p{margin-top:12px}
.h2-present-content{min-width:0;padding-top:105px}
.h2-present-timeline{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:14px!important}
.h2-present-timeline li{padding-top:12px;border-top-color:#788f9d}
.h2-present-timeline strong{font-size:14px}
.h2-present-timeline li>span{font-size:11px}
.h2-present-content .h2-card-grid{gap:10px}
.h2-present-content .h2-card-copy{padding:9px 8px 10px}
.h2-present-content .h2-card-copy h3{font-size:12px}
.h2-reunion{background:#fff7e6;padding-bottom:14px}
.h2-reunion-banner{position:relative;isolation:isolate;min-height:210px;background:#f4dfb9;overflow:hidden}
.h2-reunion-banner::before{position:absolute;z-index:-2;inset:0;background:var(--h2-reunion-image,url("../images/bg4.jpg")) center 48%/cover no-repeat;transform:scaleX(-1);content:""}
.h2-reunion-banner::after{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#fff2d6e0 5%,#fff4dbed 34%,#fff1d570 54%,transparent 80%);content:""}
.h2-reunion-copy{width:62%;min-height:210px;padding:21px 20px 18px}
.h2-reunion .h2-heading{align-items:flex-start;gap:22px;color:#9e1827}
.h2-reunion .h2-icon-cross{width:65px;height:77px;color:#9c6524}
.h2-reunion .h2-heading h2{font-size:clamp(25px,2.8vw,40px)}
.h2-reunion .h2-heading p{margin-top:4px;color:#1f3b51;font-family:var(--serif);font-size:12px;line-height:1.55}
.h2-reunion-date{display:flex;align-items:center;gap:11px;margin:-9px 0 2px 88px!important;color:#a21826;font-family:var(--serif);font-size:27px;font-weight:800;line-height:1.4}
.h2-reunion-date .h2-icon{width:25px;height:26px}
.h2-reunion-place{margin-left:88px!important;font-family:var(--serif);font-size:13px;line-height:1.6}
.h2-reunion-copy>.h2-button{margin-top:10px;margin-left:88px}
.h2-reunion-card-wrap{padding-top:8px}
.h2-card-badge{position:absolute;inset:0;display:grid;place-items:center;color:#07588a;background:#d9f0ff7d}
.h2-card-badge svg,.h2-card-badge img{width:55px;height:55px}
.h2-card-badge img{filter:brightness(0) saturate(100%) invert(22%) sepia(46%) saturate(1400%) hue-rotate(169deg)}
.h2-association{padding-bottom:13px;background:#eff6ed}
.h2-association-banner{position:relative;isolation:isolate;display:flex;align-items:flex-start;min-height:175px;background:#e0eadc var(--h2-association-image,url("../images/home-two/community.jpg")) 50% 46%/cover no-repeat;overflow:hidden}
.h2-association-banner::before{position:absolute;z-index:-1;inset:0;background:linear-gradient(#f6fbf0e8,#f6fbf0b8 43%,#f6fbf00d 84%);content:""}
.h2-association .h2-heading{justify-content:center;gap:24px;padding:16px 20px;text-align:center}
.h2-association .h2-heading h2{font-size:clamp(22px,2.45vw,34px)}
.h2-association .h2-heading p{margin-top:6px;font-family:var(--serif);font-size:12px;line-height:1.5}
.h2-association .h2-icon-globe{width:56px;height:56px}
.h2-association-card-wrap{margin-top:-17px;padding:8px 10px 0;border-radius:9px 9px 0 0;background:#f9f9eee8}
.h2-resources{position:relative;isolation:isolate;padding:17px 0 20px;background:#f7e5c5 var(--h2-resources-image,url("../images/bg5.jpg")) center/cover no-repeat}
.h2-resources::before{position:absolute;z-index:-1;inset:0;background:#fff5df66;content:""}
.h2-resources-heading{text-align:center}
.h2-resources-heading .h2-heading{justify-content:center;gap:18px}
.h2-resources-heading h2{font-size:30px}
.h2-resources-heading .h2-icon{width:45px;height:36px;color:#966327}
.h2-resources-heading>p{margin:3px 0 13px;font-family:var(--serif);font-size:12px;line-height:1.5}
.h2-resource-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.h2-resource{display:flex;align-items:center;flex-direction:column;min-width:0;padding:14px 8px 10px;border:1px solid #efe3ca;border-radius:3px;background:#ffffffed;box-shadow:0 2px 6px #7551270d;text-align:center}
.h2-resource>img{width:31px;height:31px;object-fit:contain;filter:brightness(0) saturate(100%) invert(19%) sepia(30%) saturate(1559%) hue-rotate(168deg)}
.h2-resource h3{margin-top:8px;font-family:var(--serif);font-size:14px;font-weight:800;text-transform:uppercase}
.h2-resource p{margin:3px 0 8px;color:#5f6a71;font-family:var(--serif);font-size:11px;line-height:1.4}
.h2-resource .h2-arrow{margin-top:auto;color:#966327}
.h2-resource:hover{border-color:#bb965e;background:#fffaf0}
.h2-contact-anchor{height:0}
@media(min-width:1181px){
  .page-template-home-two .site-header{gap:20px;padding-inline:clamp(24px,3vw,65px)}
  .page-template-home-two .primary-menu{gap:clamp(16px,1.8vw,32px)}
}
@media(max-width:1180px){
  .h2-wrap{width:calc(100% - 36px)}
  .h2-hero{min-height:335px}
  .h2-hero-copy{width:47%;margin-right:4%}
  .h2-hero-map{left:85%}
  .h2-years{font-size:35px}
  .h2-hero h1{font-size:19px}
  .h2-hero-script{font-size:33px}
  .h2-heading{gap:13px}
  .h2-heading h2{font-size:30px}
  .h2-heading h3{font-size:12px}
  .h2-history-overview-layout{grid-template-columns:270px minmax(0,1fr);gap:17px;min-height:205px}
  .h2-intro{padding-inline:3px}
  .h2-intro>p{font-size:12px}
  .h2-history .h2-heading .h2-icon{width:44px;height:44px}
  .h2-history-timeline-stage{padding-bottom:14px}
  .h2-timeline li{padding:12px 5px 0}
  .h2-timeline strong{font-size:12px}
  .h2-timeline li>span{font-size:10px}
  .h2-card-grid{gap:10px}
  .h2-card-copy{padding:9px 8px 10px}
  .h2-card-copy h3{font-size:12px}
  .home-two .h2-button{padding:7px 17px;font-size:10px}
  .home-two .h2-button-sun{font-size:11px}
  .h2-present-layout{grid-template-columns:240px minmax(0,1fr);gap:15px}
  .h2-present .h2-heading .h2-icon{width:54px;height:52px}
  .h2-intro-subtitle{font-size:12px}
  .h2-present-content{padding-top:85px}
  .h2-present-content .h2-card-grid{gap:7px}
  .h2-present-content .h2-card-copy{padding:7px 6px 9px;gap:3px}
  .h2-present-content .h2-card-copy h3{font-size:10px}
  .h2-present-content .h2-card-copy .h2-arrow{width:12px;height:12px}
  .h2-reunion-copy{width:66%;padding-left:8px}
  .h2-reunion .h2-heading h2{font-size:32px}
  .h2-reunion .h2-heading p{font-size:10px}
  .h2-association .h2-heading h2{font-size:27px}
  .h2-resource-grid{gap:7px}
}
@media(max-width:900px){
  .h2-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .h2-card-copy h3{font-size:14px}
  .h2-history-overview-layout{grid-template-columns:240px minmax(0,1fr)}
  .h2-history-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 0;padding-top:70px}
  .h2-history-timeline li{padding-top:10px}
  .h2-history-timeline li>span br{display:none}
  .h2-present-layout{grid-template-columns:220px minmax(0,1fr)}
  .h2-present-content{padding-top:65px}
  .h2-present-timeline{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}
  .h2-present-timeline li>span br{display:none}
  .h2-present-content .h2-card-grid{gap:12px}
  .h2-present-content .h2-card-copy h3{font-size:12px}
  .h2-reunion-copy{width:80%}
  .h2-reunion-banner::after{background:linear-gradient(90deg,#fff2d6f2,#fff4dbdd 55%,#fff1d522)}
  .h2-association .h2-heading h2{font-size:23px}
  .h2-resource-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
}
@media(max-width:600px){
  .h2-wrap{width:calc(100% - 28px)}
  .h2-hero{min-height:520px}
  .h2-hero::before{background-position:29% 52%;background-size:auto 100%}
  .h2-hero::after{background:linear-gradient(#fff5dff0,#fff4dce0 58%,#fff4dc05 90%)}
  .h2-hero-map{display:none}
  .h2-hero-layout{align-items:flex-start;justify-content:center;padding-block:29px 190px}
  .h2-hero-copy{width:min(100%,380px);margin:0}
  .h2-years{font-size:36px}
  .h2-hero h1{font-size:18px}
  .h2-year-range{font-size:18px}
  .h2-hero-script{margin-top:12px!important;font-size:33px}
  .home-two .h2-button-sun{min-height:42px;font-size:11px}
  .h2-section{padding-top:26px;padding-bottom:20px}
  .h2-history-overview-layout,.h2-present-layout{grid-template-columns:1fr;gap:0}
  .h2-intro{text-align:center;padding:0 8px 22px}
  .h2-heading{justify-content:center;gap:13px}
  .h2-heading h2{font-size:32px}
  .h2-heading h3{font-size:13px}
  .h2-intro>p{max-width:380px;margin:13px auto 15px;font-size:13px;line-height:1.75}
  .home-two .h2-button{min-height:40px;padding-inline:21px;font-size:11px}
  .h2-history-timeline-stage{padding:80px 0 22px}
  .h2-history-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0;padding-top:0}
  .h2-timeline li{padding:12px 10px 0}
  .h2-timeline strong{font-size:14px}
  .h2-timeline li>span{font-size:12px;line-height:1.5}
  .h2-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
  .h2-card-image{aspect-ratio:1.65}
  .h2-card-copy{gap:6px;padding:10px 9px 12px}
  .h2-card-copy h3{font-size:12px}
  .h2-card-copy .h2-arrow{width:13px;height:13px}
  .h2-present::after{background:linear-gradient(#e0f2fff5 12%,#e0f2ffcc 48%,#e7f5fffa 75%)}
  .h2-present .h2-heading .h2-icon{width:54px;height:52px}
  .h2-intro-subtitle{font-size:13px}
  .h2-present-content{padding-top:75px}
  .h2-present-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0;margin-bottom:23px!important}
  .h2-present-content .h2-card-grid{gap:12px 10px}
  .h2-present-content .h2-card-copy{padding:10px 9px 12px}
  .h2-present-content .h2-card-copy h3{font-size:12px}
  .h2-reunion-banner{min-height:300px}
  .h2-reunion-banner::before{background-position:4% center}
  .h2-reunion-banner::after{background:linear-gradient(#fff4dcf7,#fff4dcce 70%,#fff4dc3d)}
  .h2-reunion-copy{width:100%;min-height:300px;padding:24px 0;text-align:center}
  .h2-reunion .h2-heading{flex-direction:column;align-items:center;gap:9px}
  .h2-reunion .h2-icon-cross{width:31px;height:42px}
  .h2-reunion .h2-heading h2{font-size:29px}
  .h2-reunion .h2-heading p{max-width:330px;margin:6px auto 0;font-size:11px;line-height:1.7}
  .h2-reunion-date{justify-content:center;margin:12px 0 5px!important;font-size:25px}
  .h2-reunion-place{margin:0!important;font-size:12px}
  .h2-reunion-copy>.h2-button{margin:14px 0 0}
  .h2-reunion-card-wrap{padding-top:13px}
  .h2-association-banner{min-height:215px;background-position:50% 53%}
  .h2-association .h2-heading{flex-direction:column;gap:9px;padding:21px 4px}
  .h2-association .h2-icon-globe{width:40px;height:40px}
  .h2-association .h2-heading h2{font-size:24px;line-height:1.4}
  .h2-association .h2-heading p{max-width:320px;font-size:10px;line-height:1.7}
  .h2-association-card-wrap{margin-top:-12px;padding:9px 7px 0}
  .h2-resources{padding-top:24px}
  .h2-resources-heading .h2-heading{flex-direction:row;gap:12px}
  .h2-resources-heading h2{font-size:28px}
  .h2-resources-heading>p{margin:6px 0 16px;font-size:11px}
  .h2-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .h2-resource:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 5px);justify-self:center}
  .h2-resource{min-height:140px;padding:17px 8px 12px}
  .h2-resource h3{font-size:14px}
  .h2-resource p{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.home-two *{scroll-behavior:auto}}

/* Repeater length can vary when edited in SCF. */
.h2-history-timeline{grid-template-columns:repeat(var(--h2-timeline-count,7),minmax(0,1fr))}
.h2-present-timeline{grid-template-columns:repeat(var(--h2-timeline-count,5),minmax(0,1fr))}
@media(max-width:900px){.h2-history-timeline{grid-template-columns:repeat(4,minmax(0,1fr))}.h2-present-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.h2-history-timeline,.h2-present-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
