:root{--tie-reading:Inter,"Segoe UI",Arial,sans-serif;--tie-heading:Montserrat,"Segoe UI",Arial,sans-serif}
[data-tie-carousel-prev][disabled],[data-tie-carousel-next][disabled]{display:none}
body{font-family:var(--tie-reading);font-size:16px;line-height:1.5;letter-spacing:0}h1,h2,h3,h4{font-family:var(--tie-heading);font-weight:700;letter-spacing:-.02em}h3,h4{font-weight:600}.tie-header-menu{font-family:var(--tie-reading)}
.tie-inner-hero h1{font-size:clamp(38px,4.4vw,64px)!important;max-width:1000px;letter-spacing:-.04em}.tie-inner-hero .tie-hero-eyebrow{text-transform:none;letter-spacing:0;font-size:16px!important;font-weight:500;opacity:.9}.tie-inner-hero .tie-hero-summary{font-size:23px;line-height:1.5;max-width:640px!important}.tie-inner-hero-copy>*{margin-left:0!important}.tie-inner-hero{min-height:400px;padding-top:64px!important;padding-bottom:64px!important}
.tie-page-main>.wp-block-post-content{font-size:20px;line-height:1.5}.tie-page-main>.wp-block-post-content>:is(p,ul,ol,details,h2,h3,h4,.wp-block-buttons){max-width:720px!important;margin-left:auto!important;margin-right:auto!important}.tie-page-main>.wp-block-post-content>p{margin-top:0;margin-bottom:24px}:where(.tie-page-main .wp-block-post-content) h2{font-size:clamp(30px,4.2vw,48px);line-height:1.146;letter-spacing:-.02em}:where(.tie-page-main .wp-block-post-content) h3{font-size:22px;line-height:1.364;letter-spacing:-.03em}.tie-page-main .wp-block-post-content li{margin-bottom:12px}.tie-page-main .wp-block-post-content li::marker{color:var(--tie-action)}
.tie-reading-intro{max-width:780px!important;margin:0 0 48px!important}.tie-reading-intro h2{margin:0 0 20px!important}.tie-lead{font-size:23px;line-height:1.6;color:#51565e}.tie-editorial-section{display:grid!important;grid-template-columns:minmax(240px, .8fr) minmax(0,1.4fr);gap:72px;padding:44px 0;border-top:1px solid #e2e4e8;margin:0!important;align-items:start}.tie-editorial-heading>*{margin:0!important}.tie-editorial-heading h2{font-size:28px!important;line-height:1.35!important}.tie-editorial-body{margin:0!important;max-width:720px}.tie-editorial-body>p{margin:0 0 20px;font-size:20px;line-height:1.7}.tie-editorial-body>p:last-child{margin-bottom:0}.tie-editorial-body h3{margin-top:28px!important}.tie-editorial-body ul{padding-left:24px}.tie-editorial-link{margin-top:24px!important}.tie-editorial-link a,.tie-pillar-intro a{font-weight:600;text-decoration-thickness:1px;text-underline-offset:5px}
.tie-editorial-cta{background:#f5f6f8;border-left:4px solid #c91d28;padding:36px 40px;margin:40px 0 0!important}.tie-editorial-cta h2{margin:0 0 14px!important}.tie-editorial-cta p{margin:12px 0}.tie-pillar-jumps{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0 0 32px!important;max-width:none!important}.tie-pillar-jumps a{padding:10px 0;color:#24272b;font-weight:600;text-decoration:none;border-bottom:2px solid #e2e4e8}.tie-pillar-jumps a:hover,.tie-pillar-jumps a:focus-visible{border-color:#c91d28;color:#c91d28}.tie-pillar-label{display:flex;align-items:center;gap:16px;font-family:var(--tie-reading);font-size:18px;color:#c91d28;font-weight:600;margin-bottom:18px!important}.tie-pillar-label:before,.tie-pillar-disclosure summary:before{content:"";display:block;width:36px;height:36px;flex:0 0 36px;background:var(--tie-pillar-icon) center/contain no-repeat}.tie-pillar-section .tie-editorial-heading h2{max-width:330px}
.tie-pillars-feature{background:#f5f6f8}.tie-pillar-composition{display:grid!important;grid-template-columns:1fr 1.15fr;gap:88px}.tie-pillar-intro h2{font-size:clamp(30px,3vw,44px);line-height:1.16;margin:0 0 24px;max-width:440px}.tie-pillar-intro p{font-size:20px;line-height:1.7;color:#51565e;max-width:46ch}.tie-pillar-intro figure{margin:30px 0!important}.tie-pillar-intro img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}.tie-pillar-accordion{margin:0!important}.tie-pillar-disclosure{border:0!important;border-top:1px solid #d3d6dc!important;border-radius:0!important;background:transparent!important;padding:0!important;margin:0!important}.tie-pillar-disclosure:last-child{border-bottom:1px solid #d3d6dc!important}.tie-pillar-disclosure summary{list-style:none;display:flex;align-items:center;gap:20px;padding:26px 0;font-family:var(--tie-heading);font-size:25px;font-weight:600;cursor:pointer;line-height:1.25}.tie-pillar-disclosure summary::-webkit-details-marker{display:none}.tie-pillar-disclosure summary:after{content:"+";margin-left:auto;font-family:var(--tie-reading);font-size:30px;font-weight:400;color:#c91d28}.tie-pillar-disclosure[open] summary:after{content:"−"}.tie-pillar-disclosure[open] summary{padding-bottom:14px}.tie-pillar-disclosure>p{margin:0 0 18px 56px;font-size:19px;line-height:1.65;color:#51565e}.tie-pillar-disclosure>p:last-child{margin-bottom:28px}.tie-pillar-disclosure .tie-pillar-outcome{font-size:21px;font-weight:600;color:#24272b}.tie-pillar-disclosure a{font-weight:600}
.tie-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px!important;margin-bottom:64px!important}.tie-benefit-card{background:none;border:0;border-radius:0;box-shadow:none;padding:28px 0;border-top:1px solid #e2e4e8}.tie-benefit-card p{font-size:20px;line-height:1.65}.tie-benefit-card h3{font-size:23px!important}.tie-benefit-card:hover{transform:none!important;box-shadow:none!important}
.tie-program-card-content p,.tie-group-card>p{font-size:18px;line-height:1.6}.tie-program-card-content .tie-program-audience{font-size:15px}.tie-program-card-content h3{font-size:23px;line-height:1.3}.tie-text-link{font-size:17px}.tie-program-card{box-shadow:none}.tie-program-detail-grid{gap:0 44px;border-top:1px solid #e2e4e8;border-bottom:1px solid #e2e4e8;padding:12px 0 28px}.tie-program-detail-grid .tie-program-detail-panel{border:0;border-radius:0;padding:22px 0 0}.tie-program-detail-panel h2{font-size:22px}.tie-program-detail-panel p,.tie-program-detail-panel li{font-size:19px;line-height:1.65}.tie-program-details{margin-bottom:56px!important}.tie-program-next-step{margin-top:40px}.tie-program-next-step h2{font-size:28px}.tie-program-contact{font-size:19px}.tie-program-contact h2{font-size:24px}.tie-program-contact p{margin:12px 0}
.tie-section-heading p,.tie-chapter-story p,.tie-community-link p,.tie-intro p{font-size:20px;line-height:1.65}.tie-person-designation,.tie-person-company{font-size:16px;line-height:1.5}.tie-person-role{font-size:16px}.tie-person-linkedin{font-size:15px}.tie-directory-status{font-size:16px}:where(.tie-hero-copy) p{font-size:22px}.tie-community-link a{font-size:17px}
@media(max-width:960px){.tie-pillar-composition{gap:40px}.tie-editorial-section{gap:36px;grid-template-columns:minmax(200px,.8fr) minmax(0,1.4fr)}}
@media(max-width:760px){.tie-pillar-composition,.tie-editorial-section{grid-template-columns:1fr;gap:24px}.tie-pillar-intro img{aspect-ratio:16/9}.tie-pillar-intro figure{margin:24px 0!important}.tie-pillar-disclosure summary{font-size:23px;padding:22px 0}.tie-pillar-disclosure>p{margin-left:0;font-size:18px}.tie-editorial-section{padding:32px 0}.tie-editorial-heading h2{font-size:26px!important}.tie-editorial-body>p,.tie-page-main>.wp-block-post-content,.tie-benefit-card p{font-size:18px}.tie-lead,.tie-inner-hero .tie-hero-summary{font-size:20px}.tie-inner-hero{min-height:340px}.tie-benefit-grid{grid-template-columns:1fr}.tie-editorial-cta{padding:28px 24px}.tie-pillar-jumps{gap:4px 22px}.tie-reading-intro{margin-bottom:30px!important}}
.tie-icon-mentoring{--tie-pillar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20stroke%3D%22%23c91d28%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%207h22v16H15l-6%205v-5H5zM19%2028h9l6%205v-5h5V13h-8%22/%3E%3C/svg%3E")}
.tie-icon-education{--tie-pillar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20stroke%3D%22%23c91d28%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2015%2019-9%2019%209-19%209zM10%2020v12q12%208%2024%200V20M41%2015v16%22/%3E%3C/svg%3E")}
.tie-icon-networking{--tie-pillar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20stroke%3D%22%23c91d28%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2210%22%20r%3D%225%22/%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2232%22%20r%3D%225%22/%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2232%22%20r%3D%225%22/%3E%3Cpath%20d%3D%22m19%2015-8%2012m14-12%208%2012M13%2032h18%22/%3E%3C/svg%3E")}
.tie-icon-incubation{--tie-pillar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20stroke%3D%22%23c91d28%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2038V20M22%2025C7%2025%206%2015%206%209c12%200%2016%205%2016%2016Zm0-7C22%206%2031%205%2038%205c0%2012-5%2015-16%2015M12%2038h20%22/%3E%3C/svg%3E")}
.tie-icon-investing{--tie-pillar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20stroke%3D%22%23c91d28%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2037V25h8v12M18%2037V18h8v19M31%2037V10h8v27M4%2018%2018%208l8%203L39%203M31%203h8v8%22/%3E%3C/svg%3E")}
.tie-editorial-heading h3{font-size:26px!important;line-height:1.35!important}.tie-program-background{max-width:100%!important;margin:40px 0!important;border:1px solid #d3d6dc;border-radius:4px;padding:0 28px}.tie-program-background>summary{font-size:21px;font-weight:600;padding:24px 0;cursor:pointer}.tie-program-background>.tie-editorial-section{grid-template-columns:minmax(180px,.7fr) minmax(0,1.5fr);gap:40px}.tie-program-background>.tie-editorial-section h2,.tie-program-background>.tie-editorial-section h3{font-size:23px!important}.tie-program-background .tie-reading-intro{margin-bottom:30px!important}.tie-editorial-body .wp-block-details{border-bottom:1px solid #e2e4e8;padding:18px 0}.tie-editorial-body .wp-block-details summary{font-weight:600;cursor:pointer}.tie-editorial-body .wp-block-details p{font-size:19px;line-height:1.65}
@media(max-width:760px){.tie-program-background{padding:0 20px}.tie-program-background>.tie-editorial-section{grid-template-columns:1fr;gap:20px}}
/* Program pages: a split photographic introduction and visual explanations. */
.tie-inner-hero.tie-program-hero{background:#f5f6f8!important;color:#101010;min-height:540px;padding-top:80px!important;padding-bottom:80px!important;margin-bottom:80px!important;overflow:hidden}
.tie-program-hero:after{display:none}.tie-program-hero .tie-hero-photo{left:52%;width:48%;z-index:0}.tie-program-hero .tie-hero-photo img{object-position:center}.tie-program-hero .tie-inner-hero-copy{width:48%;margin-right:auto!important}.tie-inner-hero.tie-program-hero h1{color:#101010!important;max-width:640px;font-size:clamp(38px,4.5vw,66px)!important}.tie-inner-hero.tie-program-hero .tie-hero-eyebrow{color:#c91d28!important;font-size:17px!important;font-weight:600}.tie-inner-hero.tie-program-hero .tie-hero-summary{color:#51565e!important;max-width:500px!important;font-size:22px}.tie-program-hero .wp-block-buttons{margin-top:30px!important}.tie-program-hero .wp-block-button__link{font-size:18px;padding:15px 24px}
.tie-program-story{display:grid!important;grid-template-columns:1fr 1fr;gap:72px;align-items:start;margin:0 0 80px!important}.tie-program-story .tie-story-photo{margin:0!important}.tie-program-story img{aspect-ratio:5/4;width:100%;object-fit:cover;border-radius:6px}.tie-program-story-copy{margin:0!important}.tie-program-story-copy h2{font-size:clamp(30px,3vw,42px)!important;margin:0 0 24px!important;max-width:480px}.tie-program-story-copy p{font-size:20px;line-height:1.7;max-width:54ch}.tie-program-label{color:#c91d28;font-weight:600;font-size:17px!important;margin-bottom:12px!important}.tie-program-overview-section{margin:0 0 72px!important}.tie-program-overview-section>h2{margin:0 0 30px!important}.tie-program-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:0;border:0}.tie-program-detail-grid .tie-program-detail-panel{padding:26px 0 0;background:transparent!important;position:relative}.tie-program-detail-panel:before{content:"";display:block;width:56px;height:56px;margin-bottom:22px;background-color:#fff0f1;background-image:var(--tie-detail-icon);background-position:center;background-size:30px;background-repeat:no-repeat;border-radius:50%}.tie-program-detail-panel h2{font-size:21px!important;margin:0 0 14px!important;line-height:1.35}.tie-program-detail-panel p,.tie-program-detail-panel li{font-size:18px;line-height:1.6;margin:0 0 10px}.tie-program-detail-panel ul{padding-left:20px;margin-top:0}
.tie-program-process{padding:44px;background:#f5f6f8;margin:0 0 72px!important}.tie-program-process>h2{margin:0 0 36px!important}.tie-process-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}.tie-process-step{margin:0!important}.tie-process-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#c91d28;color:white;border-radius:50%;font-size:17px;font-weight:600;margin:0 0 20px!important}.tie-process-step h3{font-size:22px!important;margin:0 0 14px!important}.tie-process-step p:not(.tie-process-number){font-size:19px;line-height:1.65}
.tie-program-photo-story{margin:0 0 72px!important}.tie-photo-story-heading{display:grid!important;grid-template-columns:1fr 1fr;gap:50px;align-items:start;margin-bottom:28px}.tie-photo-story-heading h2{margin:0!important}.tie-photo-story-heading p{font-size:19px;line-height:1.65;margin:0!important}.tie-program-photo-pair{display:grid!important;grid-template-columns:1fr 1fr;gap:24px}.tie-program-photo-pair figure{margin:0!important}.tie-program-photo-pair img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:6px}.tie-program-participation .tie-program-next-step{background:#101010;color:#fff;border:0;border-radius:6px;padding:42px}.tie-program-participation .tie-program-next-step h2{color:#fff}.tie-program-next-step .tie-button{background:#fff;color:#101010;border-color:#fff}.tie-program-next-step .tie-button:hover{background:#c91d28;color:#fff;border-color:#c91d28}
@media(max-width:1000px){.tie-program-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tie-program-story{gap:36px}.tie-process-grid{gap:24px}.tie-program-hero .tie-hero-summary{font-size:20px!important}}
@media(max-width:760px){.tie-inner-hero.tie-program-hero{display:flex;flex-direction:column;padding:38px 24px 0!important;margin-bottom:44px!important;min-height:0}.tie-program-hero .tie-inner-hero-copy{width:100%;order:0;margin-bottom:32px!important}.tie-program-hero .tie-hero-photo{position:relative;inset:auto;width:calc(100% + 48px);height:280px;order:1;max-width:none!important;margin-left:-24px!important;margin-right:-24px!important}.tie-program-hero .tie-hero-photo img{height:100%;width:100%;object-fit:cover}.tie-inner-hero.tie-program-hero h1{font-size:42px!important}.tie-program-story,.tie-photo-story-heading{grid-template-columns:1fr;gap:24px}.tie-program-story{margin-bottom:44px!important}.tie-program-story-copy h2{font-size:30px!important}.tie-program-story-copy p{font-size:18px}.tie-program-overview-section,.tie-program-process,.tie-program-photo-story{margin-bottom:44px!important}.tie-program-detail-grid{gap:24px 20px}.tie-program-detail-panel h2{font-size:19px!important}.tie-program-detail-panel p,.tie-program-detail-panel li{font-size:17px}.tie-program-process{padding:28px 24px}.tie-process-grid{grid-template-columns:1fr;gap:24px}.tie-process-step{position:relative;padding-left:52px}.tie-process-number{position:absolute;left:0;top:0}.tie-program-photo-pair{gap:14px}.tie-program-photo-pair img{aspect-ratio:4/5}.tie-program-participation .tie-program-next-step{padding:30px 24px}}
.tie-detail-audience{--tie-detail-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20stroke%3D%22%23c91d28%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2211%22%20r%3D%225%22/%3E%3Cpath%20d%3D%22M5%2031v-6a10%2010%200%200%201%2020%200v6M27%207a5%205%200%200%201%200%2010m3%204a10%2010%200%200%201%205%209%22/%3E%3C/svg%3E")}
.tie-detail-benefits{--tie-detail-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20stroke%3D%22%23c91d28%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%2019%208%208L31%209M8%2035h25%22/%3E%3C/svg%3E")}
.tie-detail-format{--tie-detail-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20stroke%3D%22%23c91d28%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%228%22%20width%3D%2228%22%20height%3D%2226%22%20rx%3D%223%22/%3E%3Cpath%20d%3D%22M12%204v8M26%204v8M5%2017h28M12%2023h4m6%200h4m-14%205h4%22/%3E%3C/svg%3E")}
.tie-detail-eligibility{--tie-detail-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20stroke%3D%22%23c91d28%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%204h18l7%207v24H7zM24%204v9h8m-18%209%204%204%208-8%22/%3E%3C/svg%3E")}
.tie-page-main>.wp-block-post-content>.tie-pillar-jumps{max-width:none!important;margin-left:0!important;margin-right:0!important}
/* The events introduction gives the left column a purposeful headline. */
.tie-events-next{display:grid!important;grid-template-columns:1fr 1fr;gap:0;background:#f5f6f8;border-radius:6px;overflow:hidden;margin:0 0 64px!important;align-items:start}.tie-events-feature-photo{margin:0!important;align-self:stretch;min-height:360px}.tie-events-feature-photo img{width:100%;height:100%;min-height:360px;object-fit:cover;object-position:55% center;display:block}.tie-events-next-copy{padding:36px 40px;margin:0!important}.tie-events-next-copy h2{margin:0 0 24px!important;font-size:30px!important}.tie-events-next-copy .tie-empty{background:transparent;border:0;padding:0;margin:0 0 20px}.tie-events-next-copy .tie-empty p{font-size:20px;line-height:1.65}.tie-events-enquiry{font-size:18px;line-height:1.7;padding-top:24px;margin-top:24px!important;border-top:1px solid #dce0e5}.tie-events-enquiry a{font-weight:600}.tie-events-archive{margin:0!important}.tie-events-archive>.tie-events-section>h2{margin:0 0 28px!important}.tie-events-archive .tie-event-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.tie-events-archive .tie-event-card{display:block;padding:0;overflow:hidden;box-shadow:none;border-radius:6px}.tie-events-archive .tie-event-image{display:block;width:100%;height:240px}.tie-events-archive .tie-event-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0}.tie-events-archive .tie-event-card-content{padding:26px 28px}.tie-events-archive .tie-event-card h3{font-size:24px!important;line-height:1.3}.tie-events-archive .tie-event-card-content>p{font-size:18px;line-height:1.6}.tie-events-archive .tie-event-card-content .tie-event-date{font-size:16px}.tie-events-next .tie-event-card{display:block;padding:20px}.tie-events-next .tie-event-image{display:none}
@media(max-width:760px){.tie-events-introduction,.tie-events-next,.tie-events-archive .tie-event-list{grid-template-columns:1fr}.tie-events-feature-photo{min-height:0}.tie-events-feature-photo img{height:250px;min-height:0}.tie-events-next-copy{padding:28px 24px}.tie-events-next{margin-bottom:44px!important}.tie-events-archive .tie-event-image{height:220px}.tie-events-archive .tie-event-card-content{padding:24px}}
.tie-events-introduction>*,.tie-events-next>*,.tie-events-archive .tie-event-card{min-width:0}.tie-events-next-copy .tie-empty-state{background:transparent;border:0;padding:0;font-size:20px;line-height:1.65;margin:0 0 20px;max-width:100%}
@media(max-width:760px){.tie-events-introduction,.tie-events-next,.tie-events-archive .tie-event-list{grid-template-columns:minmax(0,1fr)}}
.tie-programs-introduction>*{min-width:0}
@media(max-width:760px){}
.tie-contact-introduction>*{min-width:0}.tie-connect-section{margin:0 0 64px!important}.tie-connect-section>h2{margin:0 0 32px!important}.tie-connect-benefits{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.tie-connect-benefit{margin:0!important;padding-top:24px;border-top:1px solid #e2e4e8}.tie-connect-benefit:before{content:"";display:block;width:46px;height:46px;background:var(--tie-pillar-icon) center/contain no-repeat;margin-bottom:22px}.tie-connect-benefit h3{font-size:24px!important;margin:0 0 14px!important}.tie-connect-benefit p{font-size:20px;line-height:1.65;margin:0}.tie-connect-paths{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:0 0 64px!important}.tie-connect-path{padding:32px;background:#f5f6f8;border-radius:6px;margin:0!important}.tie-connect-path h3{margin:0 0 16px!important}.tie-connect-path p{font-size:20px;line-height:1.65;margin:0}
@media(max-width:760px){.tie-contact-introduction,.tie-connect-benefits,.tie-connect-paths{grid-template-columns:minmax(0,1fr);gap:24px}.tie-contact-introduction p,.tie-connect-benefit p,.tie-connect-path p{font-size:19px}.tie-connect-path{padding:26px}.tie-connect-section,.tie-connect-paths{margin-bottom:44px!important}}
.tie-program-guide{margin:12px 0 56px}.tie-guide-heading{margin-bottom:30px;max-width:760px}.tie-guide-heading>p{font-size:16px;font-weight:600;color:#c91d28;margin:0 0 12px}.tie-guide-heading>h2{font-size:clamp(30px,3vw,42px)!important;line-height:1.2!important;margin:0!important}.tie-guide-layout{border:1px solid #e2e4e8;border-radius:8px;overflow:hidden;background:#fff}.tie-program-guide.is-interactive .tie-guide-layout{display:grid;grid-template-columns:260px minmax(0,1fr)}.tie-guide-navigation{padding:18px;background:#f5f6f8;border-right:1px solid #e2e4e8}.tie-guide-navigation button{display:block;width:100%;text-align:left;padding:18px 20px;margin:0 0 4px;border:0;border-radius:4px;background:transparent;color:#51565e;font:600 19px/1.35 var(--tie-reading);cursor:pointer;transition:background .18s,color .18s}.tie-guide-navigation button:hover{background:#e9ebee;color:#101010}.tie-guide-navigation button[aria-selected=true]{background:#c91d28;color:#fff}.tie-guide-panels{min-width:0;padding:42px 48px;min-height:340px}.tie-guide-panel[hidden]{display:none!important}.tie-guide-panel h3{font-size:30px!important;line-height:1.2!important;margin:0 0 22px!important}.tie-guide-panel p{font-size:20px;line-height:1.7;max-width:62ch;margin:0 0 20px}.tie-guide-panel ul{list-style:none;padding:0;margin:0}.tie-guide-panel li{position:relative;padding:16px 0 16px 32px;border-bottom:1px solid #e2e4e8;font-size:20px;line-height:1.6;margin:0!important}.tie-guide-panel li:before{content:'✓';position:absolute;left:0;color:#c91d28;font-weight:600}.tie-guide-panel li:last-child{border:0}.tie-program-guide:not(.is-interactive) .tie-guide-panel+.tie-guide-panel{border-top:1px solid #e2e4e8;padding-top:28px;margin-top:28px}.tie-split-introduction{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px;align-items:center;margin:0 0 48px!important}.tie-split-introduction h2{font-size:clamp(30px,3vw,44px)!important;line-height:1.18!important;margin:0!important}.tie-split-introduction p{font-size:21px;line-height:1.65;color:#51565e;margin:0!important;max-width:54ch}
@media(max-width:900px){.tie-program-guide.is-interactive .tie-guide-layout{grid-template-columns:210px minmax(0,1fr)}.tie-guide-panels{padding:30px}}
@media(max-width:760px){.tie-program-guide.is-interactive .tie-guide-layout{grid-template-columns:minmax(0,1fr)}.tie-guide-navigation{display:flex;flex-wrap:wrap;gap:6px;padding:14px;border-right:0;border-bottom:1px solid #e2e4e8}.tie-guide-navigation button{width:auto;flex:1 1 130px;font-size:17px;padding:12px 14px;margin:0}.tie-guide-panels{padding:28px 24px;min-height:0}.tie-guide-panel h3{font-size:26px!important}.tie-guide-panel p,.tie-guide-panel li{font-size:18px}.tie-split-introduction{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:30px!important}.tie-split-introduction p{font-size:19px}}
/* Plain reading content shares the section left edge; never an orphan centred intro. */
.tie-page-main>.wp-block-post-content>:is(p,ul,ol,details,h2,h3,h4,.wp-block-buttons){margin-left:0!important;margin-right:auto!important}

/* Shared, native-block meeting format: photograph and readable agenda. */
.tie-meeting-format{margin-block:76px!important;max-width:none!important}
.tie-meeting-heading{max-width:760px;margin-bottom:38px!important}
.tie-meeting-heading h2{font-size:clamp(28px,3vw,40px);line-height:1.2;margin:0 0 18px}
.tie-meeting-heading p,.tie-meeting-stage p,.tie-meeting-visual p,.tie-meeting-booking p{font-size:20px;line-height:1.65;color:#44484d;max-width:62ch}
.tie-meeting-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:64px;align-items:start}
.tie-meeting-visual figure{margin:0 0 28px}
.tie-meeting-visual img{width:100%;aspect-ratio:1.1;object-fit:cover;object-position:50% 65%;border-radius:4px}
.tie-meeting-visual figcaption{font-size:14px;color:#656970;text-align:left;line-height:1.5;margin-top:10px}
.tie-meeting-visual h3{font-size:28px;line-height:1.3;margin:28px 0 14px}
.tie-meeting-agenda{counter-reset:meeting; margin:0!important}
.tie-meeting-stage{position:relative;padding:0 0 26px 52px;margin:0 0 26px!important;border-bottom:1px solid #e0e2e5;counter-increment:meeting}
.tie-meeting-stage:before{content:counter(meeting);position:absolute;left:0;top:0;color:#d21025;font-size:22px;font-weight:600;line-height:32px}
.tie-meeting-stage h3{font-size:25px;line-height:1.3;margin:0 0 14px}
.tie-meeting-stage p{margin:0}
.tie-meeting-stage:last-child{border:0;margin-bottom:0!important;padding-bottom:0}
.tie-meeting-booking{display:grid;grid-template-columns:1fr 2fr;gap:48px;padding:30px 0;border-top:1px solid #dedfe2;margin-block:0 60px!important}
.tie-meeting-booking h3{font-size:26px;margin:0}
.tie-meeting-booking-copy{margin:0!important}.tie-meeting-booking p{margin:0 0 14px}
.tie-program-details .tie-program-invitation{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:50px;align-items:center;background:#fbeef0;border:0;border-radius:8px;padding:42px 46px;margin:36px 0}
.tie-program-invitation h2{font-size:clamp(27px,2.7vw,36px);line-height:1.2;margin:0 0 16px;max-width:14ch}
.tie-program-invitation-copy>p{font-size:19px;line-height:1.6;max-width:43ch;margin:0;color:#44484d}
.tie-program-invitation-action{border-left:1px solid #e5cdd1;padding-left:40px}
.tie-program-invitation .tie-invitation-status{font-size:16px;margin:0 0 16px;color:#5a3339}
.tie-program-invitation .tie-button{display:inline-block;background:#c91024;color:#fff;border-color:#c91024;padding:14px 21px;font-size:17px}
.tie-program-invitation .tie-button:hover{background:#a40b1c;color:#fff}
.tie-invitation-contact{margin-top:18px;font-size:17px;line-height:1.6;overflow-wrap:anywhere}.tie-invitation-contact p{margin:0}.tie-invitation-contact a{color:#922033;text-decoration:underline}
@media(max-width:760px){.tie-meeting-layout{grid-template-columns:1fr;gap:32px}.tie-meeting-format{margin-block:48px!important}.tie-meeting-visual img{aspect-ratio:1.5}.tie-meeting-heading p,.tie-meeting-stage p,.tie-meeting-visual p,.tie-meeting-booking p{font-size:18px}.tie-meeting-stage{padding-left:36px}.tie-meeting-stage h3{font-size:23px}.tie-meeting-booking{grid-template-columns:1fr;gap:18px}.tie-program-details .tie-program-invitation{grid-template-columns:1fr;gap:26px;padding:28px 24px}.tie-program-invitation-action{border-left:0;border-top:1px solid #e5cdd1;padding:24px 0 0}.tie-program-invitation h2{max-width:none}}

/* Program compositions: shared reading rhythm, photographs and practical answers. */
.tie-program-composition{--program-gap:72px}
.tie-program-composition .tie-program-story{margin-bottom:var(--program-gap)!important}
.tie-program-composition .tie-story-photo img{aspect-ratio:4/3;object-position:center}
.tie-program-composition figcaption{font-size:14px;line-height:1.5;text-align:left;color:#62666d;margin-top:10px}
.tie-program-composition .tie-program-guide{margin-bottom:var(--program-gap)}
.tie-program-feature{margin-block:var(--program-gap)!important}
.tie-feature-heading{max-width:760px;margin:0 0 34px!important}
.tie-feature-heading h2{font-size:clamp(30px,3vw,40px);line-height:1.2;margin:0 0 18px}
.tie-feature-heading p{font-size:20px;line-height:1.65;color:#44484d;max-width:64ch;margin:0}
.tie-program-spotlight{display:grid!important;grid-template-columns:1.05fr 1fr;gap:64px;align-items:start}
.tie-feature-photo{margin:0!important;min-width:0}.tie-feature-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:5px}
.tie-spotlight-copy{margin:0!important}.tie-spotlight-copy .tie-feature-heading{margin-bottom:22px!important}.tie-spotlight-copy>p{font-size:20px;line-height:1.65;color:#44484d;max-width:55ch}
.tie-program-pathways{display:grid!important;grid-template-columns:1fr 1fr;gap:52px;border-top:1px solid #dedfe3;padding-top:32px}
.tie-program-pathway{margin:0!important}.tie-program-pathway+.tie-program-pathway{border-left:1px solid #dedfe3;padding-left:52px}
.tie-program-pathway h3{font-size:27px;line-height:1.3;margin:0 0 20px}.tie-program-pathway p{font-size:20px;line-height:1.65;max-width:50ch;margin:0;color:#44484d}
.tie-program-note{display:grid!important;grid-template-columns:1fr 2fr;gap:54px;padding:32px 0;border-block:1px solid #dedfe3;margin:0 0 var(--program-gap)!important}
.tie-program-note h3{font-size:26px;line-height:1.3;margin:0}.tie-program-note-copy{margin:0!important}.tie-program-note-copy p{font-size:19px;line-height:1.65;max-width:64ch;margin:0 0 14px}.tie-program-note-copy p:last-child{margin-bottom:0}
.tie-program-experiences{display:grid!important;grid-template-columns:1fr 1fr;gap:32px}.tie-program-experience{margin:0!important}.tie-program-experience img{aspect-ratio:3/2}.tie-experience-copy{padding:24px 0 0;margin:0!important}.tie-experience-copy h3{font-size:27px;margin:0 0 15px;line-height:1.3}.tie-experience-copy p{font-size:20px;line-height:1.65;margin:0;color:#44484d;max-width:52ch}
.tie-program-questions{display:grid!important;grid-template-columns:1fr 1.65fr;gap:64px;margin:0 0 60px!important;align-items:start}
.tie-program-questions-heading h2{font-size:32px;line-height:1.25;margin:0 0 16px}.tie-program-questions-heading p{font-size:19px;line-height:1.6;color:#62666d;max-width:28ch;margin:0}
.tie-program-questions-list{margin:0!important;min-width:0}.tie-program-questions-list .wp-block-details{border:0;border-top:1px solid #dcdfe3;padding:20px 0;margin:0}.tie-program-questions-list .wp-block-details:last-child{border-bottom:1px solid #dcdfe3}.tie-program-questions-list summary{font-size:21px;font-weight:600;line-height:1.45;cursor:pointer;padding-right:16px}.tie-program-questions-list .wp-block-details p{font-size:19px;line-height:1.65;color:#44484d;margin:18px 0 0;max-width:62ch}
.tie-program-hero .tie-program-back{margin:0 0 24px;font-size:16px}.tie-program-back a{color:#51565e;text-decoration:underline;text-underline-offset:4px}
.tie-program-details>.tie-people-section{padding-top:30px;margin-bottom:54px}
.tie-program-composition a:focus-visible,.tie-program-invitation a:focus-visible{outline:3px solid #c91d28;outline-offset:5px}
@media(max-width:1000px){.tie-program-spotlight{gap:36px}.tie-program-questions{gap:36px}.tie-program-pathways{gap:30px}.tie-program-pathway+.tie-program-pathway{padding-left:30px}}
@media(max-width:800px){.tie-program-composition{--program-gap:48px}.tie-program-spotlight,.tie-program-note,.tie-program-questions,.tie-program-pathways,.tie-program-experiences{grid-template-columns:minmax(0,1fr)!important;gap:28px}.tie-program-pathway+.tie-program-pathway{border-left:0;border-top:1px solid #dedfe3;padding:28px 0 0}.tie-program-feature .tie-meeting-layout{grid-template-columns:minmax(0,1fr)}.tie-program-composition .tie-program-story{grid-template-columns:minmax(0,1fr)}.tie-program-note-copy p,.tie-program-questions-list .wp-block-details p,.tie-feature-heading p,.tie-spotlight-copy>p,.tie-program-pathway p,.tie-experience-copy p{font-size:18px}.tie-program-questions-list summary{font-size:20px}.tie-program-note h3,.tie-experience-copy h3{font-size:25px}.tie-program-questions-heading h2{font-size:29px}.tie-program-questions-heading p{max-width:none}.tie-program-composition .tie-story-photo img{aspect-ratio:3/2}.tie-program-hero .tie-program-back{margin-bottom:18px}}
/* Keep the close of each program compact and navigation legible site-wide. */
.single-tie_program .tie-page-main>.wp-block-post-content{padding-bottom:0}
.tie-program-composition>.tie-program-questions:last-child{margin-bottom:48px!important}
.single-tie_program .tie-program-details>.tie-people-section{margin-top:20px;padding-top:0}

/* Widen the program-details wrapper (templates/single-tie_program.html) to the site's
   standard band width instead of the narrower 1240px post-content column. Scoped to the
   program template: the container class is a layout hash WordPress reuses for every group
   with the same settings, so unscoped this also stretched the event details card past the
   page's own 1240px column and left its edges out of line with the hero above it. */
.single-tie_program .wp-container-core-group-is-layout-2b754ec4 > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:calc(var(--tie-wide) + 2 * var(--tie-gutter))}

/* The page-content wrapper itself is never capped: its own constrained layout already keeps
   ordinary content at 1240px, and its full-width sections (page banners, bands) must reach
   the viewport edges on every page, not stop at the 1560px band width above. */
.tie-page-main>.wp-block-post-content{max-width:none}
/* Older content pages pin their intro copy to the left (margin-left:0!important above); with the
   wrapper now full width, that left edge is the site's 1440px band edge, like every section. */
.tie-page-main>.wp-block-post-content>:is(p,ul,ol,details,h2,h3,h4,.wp-block-buttons,.tie-split-introduction){margin-left:max(var(--tie-gutter),calc((100% - var(--tie-wide)) / 2))!important}

/* Program team (node 993:69456, file KT5wGvdGqjGMTjG4oWM1Rm): a row of team cards with a
   left/right slider, used by every program's "Your program team" section. */
.single-tie_program .tie-program-details>.tie-people-section{text-align:center;padding-bottom:20px}
.single-tie_program .tie-program-details>.tie-people-section .tie-section-eyebrow{margin:0 0 24px}
.single-tie_program .tie-program-details>.tie-people-section h2.tie-section-heading{font-family:var(--tie-heading);font-size:clamp(30px,4vw,48px);font-weight:700;letter-spacing:-.02em;color:var(--tie-black);margin:0 0 50px}
.tie-team-carousel{display:flex;align-items:center;gap:16px}
.tie-team-carousel-prev,.tie-team-carousel-next{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--tie-line);background:#fff;color:var(--tie-black);cursor:pointer;transition:background .18s,color .18s,opacity .25s ease}
.tie-team-carousel-prev:hover,.tie-team-carousel-next:hover{background:var(--tie-black);color:#fff}
.tie-team-carousel-prev .tie-icon,.tie-team-carousel-next .tie-icon{width:14px;height:14px}
.single-tie_program .tie-program-details .tie-team-carousel .tie-person-grid{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;min-width:0;padding-bottom:4px}
.single-tie_program .tie-program-details .tie-team-carousel .tie-person-grid::-webkit-scrollbar{display:none}
.single-tie_program .tie-program-details .tie-person-card{position:relative;flex:0 0 calc(25% - 22.5px);scroll-snap-align:start;background:#f7f8fa;border:1px solid #e5e7eb;border-radius:20px;padding:40px 23px;text-align:center}
.single-tie_program .tie-program-details .tie-person-image-link{width:160px;margin-inline:auto}
.single-tie_program .tie-program-details .tie-person-photo{width:160px;height:160px}
.single-tie_program .tie-program-details .tie-person-info{padding-top:35px}
.single-tie_program .tie-program-details .tie-person-info h3{font-family:var(--tie-heading);font-size:22px;font-weight:600;color:var(--tie-black);margin:0 0 18px}
.single-tie_program .tie-program-details .tie-person-role{font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:26px;color:#666;margin:0;text-transform:uppercase;letter-spacing:0}
.single-tie_program .tie-program-details .tie-person-designation,.single-tie_program .tie-program-details .tie-person-company,.single-tie_program .tie-program-details .tie-person-category{display:none}
.single-tie_program .tie-program-details .tie-person-linkedin{position:absolute;left:calc(50% + 40px);top:180px;width:40px;height:40px;border-radius:50%;background:#0a66c2 url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='white'%3E%3Cpath%20d='M6.9%2020.5H3.6V9h3.3v11.5ZM5.2%207.6a1.9%201.9%200%201%201%200-3.9%201.9%201.9%200%200%201%200%203.9Zm15.3%2012.9h-3.3v-5.6c0-1.3%200-3-1.9-3s-2.1%201.4-2.1%202.9v5.7H9.9V9H13v1.6h.1a3.5%203.5%200%200%201%203.1-1.7c3.3%200%203.9%202.2%203.9%205.1v6.5Z'/%3E%3C/svg%3E") no-repeat center/16px;font-size:0;color:transparent;text-decoration:none}
@media(max-width:1180px){.single-tie_program .tie-program-details .tie-person-card{flex:0 0 calc(50% - 15px)}}
@media(max-width:600px){.single-tie_program .tie-program-details .tie-person-card{flex:0 0 260px}.single-tie_program .tie-program-details .tie-person-image-link,.single-tie_program .tie-program-details .tie-person-photo{width:130px;height:130px}.single-tie_program .tie-program-details .tie-person-linkedin{left:calc(50% + 25px);top:150px}}
.tie-footer .wp-block-navigation,.tie-footer .wp-block-navigation .wp-block-navigation-item__content{color:#dedee1}
.tie-footer .wp-block-navigation .wp-block-navigation-item__content:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.tie-footer .wp-block-navigation .wp-block-navigation-item__content:focus-visible{outline:2px solid #fff;outline-offset:5px}

/* Five-column footer matching the ecosystem/CTA design: brand + About / Why Join TiE + Resources / Sponsors + Support / Programs. */
.tie-footer-columns{grid-template-columns:1.3fr repeat(4,1fr)!important;gap:40px}
.tie-footer-brand{display:flex;align-items:center;gap:8px;font-family:var(--tie-heading);font-weight:800;font-size:20px;color:#fff;letter-spacing:-.01em;margin:0 0 18px}
.tie-footer-brand-mark{background:#e5302c;color:#fff;padding:3px 7px;border-radius:4px;font-size:18px;line-height:1}
.tie-footer-address p{margin:0 0 10px;font-size:13.5px;line-height:1.7;color:#c0c3c8;max-width:34ch}
.tie-footer-address a{color:#c0c3c8;text-decoration:none}
.tie-footer-address a:hover{text-decoration:underline}
.tie-footer-programs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tie-footer-programs a{color:#dedee1;text-decoration:none;font-size:13.5px}
.tie-footer-programs a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.tie-footer-meta{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;border-top:1px solid #343434;padding-top:22px;margin-top:42px}
.tie-footer-meta p{margin:0;font-size:.76rem;color:#9a9a9a}
.tie-footer-social{display:flex;gap:10px}
.tie-footer-social-link{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#1c1c1c;color:#fff}
.tie-footer-social-link:hover{background:#e5302c}
.tie-footer-social-link .tie-icon{width:16px;height:16px}
@media(max-width:1080px){.tie-footer-columns{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:782px){.tie-footer-columns{grid-template-columns:repeat(2,1fr)!important}.tie-footer-columns>div:first-child{grid-column:1/-1}}
@media(max-width:480px){.tie-footer-columns{grid-template-columns:1fr!important}.tie-footer-columns>div:first-child{grid-column:auto}}
.tie-program-card-content{display:flex;flex-direction:column}.tie-program-card-content>.tie-text-link{margin-top:auto;padding-top:18px}
/* A section's first heading starts on the same line as its adjacent photograph. */
.tie-program-composition h2:first-child,.tie-program-composition h3:first-child{margin-top:0!important}

/* Native section dividers and membership pathways. */
.tie-membership-composition{--tie-section-space:56px}
.tie-membership-composition>.tie-split-introduction{grid-template-columns:1fr 1.25fr;align-items:start;margin:0 0 var(--tie-section-space)!important}
.tie-membership-composition h2:first-child,.tie-membership-composition h3:first-child{margin-top:0!important}
.tie-membership-composition .tie-split-introduction h2{max-width:520px}
.wp-block-separator.tie-section-divider{display:block;width:100%;max-width:none!important;border:0;border-top:1px solid #d6d9de;height:0;background:none;opacity:1;margin:0!important;color:#d6d9de}
.tie-content-section{padding-block:var(--tie-section-space,56px);margin:0!important}
.tie-section-intro{display:grid!important;grid-template-columns:1fr 1.25fr;gap:72px;align-items:start;margin:0 0 34px!important}
.tie-section-intro h2{font-size:clamp(30px,3vw,40px);line-height:1.2;margin:0!important;max-width:500px}
.tie-section-intro p{font-size:21px;line-height:1.6;color:#51565e;margin:0;max-width:56ch}
.tie-membership-benefits{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:72px;row-gap:32px;margin:0!important}
.tie-membership-benefit{margin:0!important;padding:0 0 0 22px;border-left:2px solid #c91d28}
.tie-membership-benefit h3{font-size:23px;line-height:1.35;margin:0 0 12px!important}.tie-membership-benefit p{font-size:19px;line-height:1.65;margin:0;color:#44484d;max-width:58ch}
.tie-membership-options{margin:0!important}
.tie-membership-option{display:grid!important;grid-template-columns:1fr 1.25fr;gap:72px;margin:0!important;padding:32px 0;border-top:1px solid #e1e3e7;align-items:start}
.tie-membership-option:last-child{padding-bottom:0}
.tie-membership-option-heading,.tie-membership-option-copy{margin:0!important;min-width:0}
.tie-membership-option-heading h3{font-size:27px;line-height:1.3;margin:0 0 14px;max-width:360px}
.tie-membership-fit{font-size:17px;color:#a91827;font-weight:600;margin:0}
.tie-membership-option-copy>p{font-size:20px;line-height:1.65;color:#44484d;max-width:58ch;margin:0 0 18px}
.tie-membership-option-copy>.tie-membership-option-links{margin:0;font-size:18px;line-height:1.9}
.tie-membership-option-links a{font-weight:600;text-underline-offset:4px}
.tie-membership-questions .tie-program-questions{grid-template-columns:1fr 1.25fr;gap:72px;margin:0!important}
.tie-membership-questions .tie-program-questions-heading p{max-width:32ch}
.tie-action-band{display:grid!important;grid-template-columns:1.45fr 1fr;gap:48px;align-items:center;padding:38px 42px;border-radius:6px;background:#fbeef0;margin:var(--tie-section-space,56px) 0 0!important}
.tie-action-band-copy,.tie-action-band-action{margin:0!important}
.tie-action-band h2{font-size:clamp(28px,3vw,38px);line-height:1.2;margin:0 0 18px!important}
.tie-action-band p{font-size:20px;line-height:1.6;color:#44484d;margin:0;max-width:56ch}
.tie-action-band-action .wp-block-buttons{justify-content:flex-end;margin:0}
.tie-action-band .wp-block-button__link{font-size:18px;line-height:1.4;padding:16px 24px}
.tie-membership-composition a:focus-visible,.tie-membership-composition summary:focus-visible{outline:3px solid #c91d28;outline-offset:5px}
@media(max-width:800px){.tie-membership-composition{--tie-section-space:36px}.tie-section-intro,.tie-membership-option,.tie-membership-questions .tie-program-questions,.tie-action-band{grid-template-columns:minmax(0,1fr)!important;gap:22px}.tie-membership-benefits{column-gap:30px;row-gap:28px}.tie-section-intro p,.tie-membership-option-copy>p,.tie-action-band p{font-size:18px}.tie-membership-option-heading h3{font-size:25px;max-width:none}.tie-membership-option{padding-block:28px}.tie-action-band{padding:28px 24px}.tie-action-band-action .wp-block-buttons{justify-content:flex-start}.tie-section-intro{margin-bottom:28px!important}}
@media(max-width:560px){.tie-membership-benefits{grid-template-columns:minmax(0,1fr)}.tie-membership-benefit p{font-size:18px}.tie-membership-benefit h3{font-size:22px}}
@media(max-width:800px){.tie-membership-composition>.tie-split-introduction{grid-template-columns:minmax(0,1fr);gap:22px}}

/* ==========================================================================
   Homepage, built to the Tie-Dev Figma file (frame "Home", node 1:1264).

   Container 1440px with 231px gutters at the 1903px design width, headings in
   Montserrat, body copy in Inter, action red #e53935. Every size, colour and
   spacing below is taken from the design rather than approximated.
   ========================================================================== */

/* --- Full-bleed section bands --------------------------------------------
   Figma draws each section edge to edge with its own background and a 1440px
   column inside it. The inner wrapper carries the gutter so the column itself
   measures exactly 1440px. */
.tie-band{padding-block:var(--tie-section);margin-block:0}
.tie-band-inner{max-width:calc(var(--tie-wide) + 2 * var(--tie-gutter));margin-inline:auto;padding-inline:var(--tie-gutter)}
.tie-band-inner>*{margin-block:0}
.tie-band-white{background:#fff}
.tie-band-pale{background:var(--tie-pale);border-top:1px solid var(--tie-line)}
.tie-band-pale-closed{background:var(--tie-pale);border-block:1px solid var(--tie-line)}
.tie-band-pale-bottom{background:var(--tie-pale);border-bottom:1px solid var(--tie-line)}
.tie-band-pale-plain{background:var(--tie-pale)}
.tie-band-dark{background:var(--tie-black)}

/* Eyebrow pill: 12/20 padding, 140px radius, uppercase Inter SemiBold 14/26. */
.tie-pill{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:12px 20px;border-radius:140px;background:rgba(229,57,53,.1);color:var(--tie-red);font-family:var(--tie-reading);font-size:14px;font-weight:600;line-height:26px;letter-spacing:0;text-align:center;text-transform:uppercase}
.tie-band-dark .tie-pill,.tie-pillars-carousel .tie-pill{background:rgba(229,57,53,.2);color:var(--tie-red)}

/* Section titles: Montserrat Bold 48/55, -0.96px. */
.tie-band h2{margin:0;font-family:var(--tie-heading);font-size:clamp(30px,4.2vw,48px);font-weight:700;line-height:1.146;letter-spacing:-.02em;color:var(--tie-black)}
.tie-band-dark h2{color:#fff}

/* Buttons: #e53935, 8px radius, 12/24 padding, Inter Bold 16/1.6, +0.8px, caps. */
.tie-button,.tie-hero-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:1px solid var(--tie-action);border-radius:var(--tie-radius-sm);background:var(--tie-action);color:#fff;font-family:var(--tie-reading);font-size:16px;font-weight:700;line-height:1.6;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.tie-button:hover,.tie-button:focus-visible,.tie-hero-button:hover,.tie-hero-button:focus-visible{background:var(--tie-action-hover);border-color:var(--tie-action-hover);color:#fff}

/* Inline "Read more" links: Inter Medium 16/26 in action red with an arrow. */
.tie-text-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--tie-reading);font-size:16px;font-weight:500;line-height:26px;letter-spacing:0;color:var(--tie-red);text-decoration:none}
.tie-who-we-are a{display:inline-flex;align-items:center;gap:6px;font-family:var(--tie-reading);font-size:16px;font-weight:500;line-height:26px;letter-spacing:0;color:var(--tie-red);text-decoration:none}
.tie-text-link:hover,.tie-text-link:focus-visible{text-decoration:underline;text-underline-offset:4px}

/* --- Top contact strip (node 1:2848) -------------------------------------
   40px tall, #111, Inter Medium 14/1.6 at -0.25px in #aaa. */
.tie-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:30;background:#fff;transition:top .28s ease}
/* The black bar introduces the chapter; it is not navigation, so it does not need to hold
   a fifth of a phone screen for the whole visit. Once the page has scrolled past its own
   height motion.js condenses the header, sliding the bar up out of view and leaving only
   the logo row over the content; scrolling back to the top brings it down again. Moving
   `top` rather than transforming keeps the drawer's position:fixed overlay viewport-bound. */
.tie-header.is-condensed{top:calc(-1 * var(--tie-utility-h,0px))}
.wp-site-blocks>main{margin-top:var(--tie-header-h,150px)!important}
.tie-header .tie-utility-bar{background:var(--tie-black);color:#aaa;font-family:var(--tie-reading);font-size:14px;font-weight:500;line-height:1.6;letter-spacing:-.25px}
.tie-utility-inner{display:flex;align-items:center;justify-content:space-between;gap:10px 40px;flex-wrap:wrap;max-width: 1440px;;margin-inline:auto;padding:0;min-height:40px}
.tie-utility-list{display:flex;align-items:center;gap:40px;list-style:none;margin:0;padding:0}
.tie-utility-list li{display:flex;align-items:center;gap:8px;margin:0}
.tie-utility-start,.tie-utility-side{display:flex;align-items:center;gap:18px}
.tie-utility-bar a{color:#aaa;text-decoration:none;transition:color .18s}
.tie-utility-bar a:hover,.tie-utility-bar a:focus-visible{color:#fff}
.tie-utility-contact-link .tie-icon,.tie-utility-account .tie-icon,.tie-utility-join-link .tie-icon{width:18px;height:18px;color:#aaa}
.tie-utility-social{position:relative;padding-right:18px}
.tie-utility-social:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:16px;background:#979797}
.tie-utility-social:last-child{padding-right:0}
.tie-utility-social:last-child:after{display:none}
.tie-utility-account{position:relative;padding-right:18px}
.tie-utility-account:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:16px;background:#979797}
.tie-utility-account:last-child{padding-right:0}
.tie-utility-account:last-child:after{display:none}
.tie-utility-social{gap:16px}
.tie-utility-social a{display:flex;align-items:center}
.tie-utility-social .tie-icon{display:block;width:18px;height:18px;color:#aaa}
.tie-utility-social a:hover .tie-icon,.tie-utility-social a:focus-visible .tie-icon{color:#fff}
/* Touch devices tap this bar rather than click it, so each icon keeps its 18px drawing
   while the link around it grows to the 44px target a finger needs. */
@media(pointer:coarse){
 /* Two 44px rows pack flush on a phone rather than carrying the 10px row gap and 8px
    padding the 26px rows needed, so the finger-sized targets cost the bar ~24px, not 46. */
 .tie-header .tie-utility-inner{min-height:48px;gap:0 20px;padding-block:0}
 .tie-header .tie-utility-list li{min-height:44px}
 .tie-header .tie-utility-social{gap:6px}
 .tie-header .tie-utility-social a{justify-content:center;width:44px;height:44px}
 .tie-header .tie-utility-contact-link a,.tie-header .tie-utility-account a,.tie-header .tie-utility-join-link a{display:flex;align-items:center;min-height:44px}
}
/* One row: the social accounts and Contact hold the left edge, Members Login and Join Now
   the right. motion.js measures whether the groups still share a row and sets this. */
.tie-header .tie-utility-bar.is-inline .tie-utility-inner{justify-content:space-between}


/* --- Sticky navigation bar (node 1:2875) ---------------------------------
   92px tall, translucent white with a 10px backdrop blur. */
.tie-header>.wp-block-group{margin-block-start:0}
/* The blur sits on a pseudo-element: backdrop-filter on the bar itself would become
   the containing block for the fixed mobile menu and clip it to the bar's height. */
.tie-header .tie-header-main{position:relative;isolation:isolate;min-height:92px;padding-block:16px;gap:40px;background:transparent}
.tie-header .tie-header-main:before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.tie-brand{flex-shrink:0}
.tie-brand .wp-block-site-logo img{width:auto;height:60px;max-height:60px;max-width:220px;object-fit:contain;object-position:left}
.tie-header-nav{flex:1 1 auto;justify-content:center;margin:0!important}
.tie-header-nav .wp-block-navigation{font-family:var(--tie-reading);font-size:16px;font-weight:500;letter-spacing:-.25px}
.tie-header-nav .wp-block-navigation__container{gap:40px}
.tie-header-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container{flex-wrap:nowrap}
.tie-header-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{white-space:nowrap}
.tie-header-nav .wp-block-navigation-item__content{padding:0;line-height:20px;color:var(--tie-black);text-decoration:none}
.tie-header-nav .wp-block-navigation-item__content:hover,.tie-header-nav .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content{color:var(--tie-red)}
.tie-header-nav .wp-block-navigation__submenu-icon svg{width:12px;height:12px}
.tie-header-nav .wp-block-navigation__submenu-container{min-width:250px;padding:10px;border:1px solid var(--tie-line);border-radius:var(--tie-radius-sm);background:#fff;box-shadow:0 14px 34px rgba(17,17,17,.1)}
.tie-header-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:9px 12px;font-size:15px}
/* Dropdown labels stay on one line: the panel sizes itself to its longest item instead of
   being squeezed into whatever space is left beside the nav (which wrapped "TiE Cross Border
   Relationships" and "TiE Chandigarh Angel Investors" onto two lines). Desktop only - the
   open mobile overlay keeps its own full-width, wrapping submenus. */
.tie-header-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container{width:max-content;max-width:min(92vw,420px)}
.tie-header-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content{white-space:nowrap}
.tie-header-join{flex-shrink:0}
.tie-header .tie-header-main .tie-header-join{display:none}
@media(min-width:481px){.tie-header .tie-header-main .tie-header-join{display:flex}}

.tie-header-join .wp-block-button__link{padding:12px 24px;border-radius:var(--tie-radius-sm);background:var(--tie-action);border-color:var(--tie-action);font-family:var(--tie-reading);font-size:16px;font-weight:700;line-height:1.6;letter-spacing:.8px;text-transform:uppercase}
.tie-header-join .wp-block-button__link:hover{background:var(--tie-action-hover);border-color:var(--tie-action-hover)}

/* --- Hero banner (node 1:2814) -------------------------------------------
   832px tall photograph, a bottom gradient to #111, a 1440px text row with a
   120px gap, and the 490px upcoming-event card on the right. */
.tie-dynamic-bare{margin-block:0!important}
.tie-hero-banner{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:832px;background:var(--tie-black);color:#fff;overflow:hidden}
.tie-hero-media{position:absolute;inset:0;z-index:-2;margin:0}
.tie-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}
.tie-hero-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 37%,rgba(0,0,0,.7) 67%,var(--tie-black) 100%)}
.tie-hero-shell{width:100%;max-width:calc(var(--tie-wide) + 2 * var(--tie-gutter));margin-inline:auto;padding:180px var(--tie-gutter) 70px}
.tie-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 490px;gap:120px;align-items:center}
.tie-hero-copy{display:flex;flex-direction:column;gap:36px;align-items:flex-start}
.tie-hero-eyebrow{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--tie-reading);font-size:16px;font-weight:700;line-height:1.6;letter-spacing:1.6px;text-transform:uppercase;color:#fff}
.tie-hero-rule{display:block;flex:none;width:48px;height:2px;background:#fff}
.tie-hero-copy h1{margin:0;color:#fff;font-family:var(--tie-heading);font-size:clamp(32px,4.4vw,48px);font-weight:700;line-height:1.146;letter-spacing:-.02em}
.tie-hero-lead{margin:0;max-width:none;font-family:var(--tie-reading);font-size:22px;font-weight:400;line-height:32px;letter-spacing:-.25px;color:#fff}
.tie-hero-actions{margin:0}

/* Upcoming-event card: 490px, 12px radius, blurred dark glass. */
.tie-hero-event{display:flex;flex-direction:column;gap:26px;width:490px;max-width:100%;padding:32px 35px;border:1px solid rgba(236,236,236,.16);border-radius:12px;background-color:rgba(0,0,0,.65);background-image:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.06));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.tie-hero-event .tie-hero-eyebrow{font-size:14px;letter-spacing:1.4px}
.tie-hero-event .tie-hero-rule{width:24px}
.tie-hero-event h2{margin:0;color:#fff;font-family:var(--tie-heading);font-size:24px;font-weight:600;line-height:34px;letter-spacing:-.48px}
.tie-hero-event h2 a{color:inherit;text-decoration:none}
.tie-hero-event h2 a:hover,.tie-hero-event h2 a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.tie-hero-event-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;list-style:none;margin:0;padding:0}
.tie-hero-event-meta li{display:flex;align-items:flex-start;gap:12px;margin:0;min-width:0;font-family:var(--tie-reading);font-size:14px;font-weight:500;line-height:22px;letter-spacing:-.25px;color:#999}
.tie-hero-event-meta .tie-icon{width:26px;height:26px;flex:none;color:var(--tie-red)}
.tie-hero-event-empty p{margin:0;font-size:16px;line-height:26px;color:#999}
.tie-hero-event>.tie-hero-button{align-self:flex-start}
.tie-hero-link{color:#fff;font-weight:600;font-size:16px}

/* --- Chapter numbers and member quote (node 1:2773) ----------------------- */
.tie-stats{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:30px;align-items:stretch}
.tie-stats-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.tie-stat-card{display:flex;flex-direction:column;justify-content:center;gap:35px;margin:0;padding:60px 38px;border:1px solid var(--tie-line);border-radius:var(--tie-radius);background:var(--tie-pale)}
.tie-stat-card>p:first-child{margin:0;font-family:var(--tie-heading);font-size:50px;font-weight:700;line-height:1;letter-spacing:-1.5px;color:var(--tie-black)}
.tie-stat-card>p:last-child{margin:0;font-family:var(--tie-reading);font-size:18px;font-weight:400;line-height:1.6;letter-spacing:-.25px;color:var(--tie-muted)}
.tie-quote-card{position:relative;display:flex;flex-direction:column;gap:28px;margin:0;padding:40px;border-radius:var(--tie-radius);background:var(--tie-black);filter:drop-shadow(0 34px 32px rgba(0,0,0,.16));overflow:visible}
.tie-quote-card:before{content:"";position:absolute;top:9%;right:7%;width:37px;height:30px;background:url("icons/quote-mark.svg") center/contain no-repeat;transform:rotate(180deg)}
.tie-quote-card>p:first-child{margin:0;padding-bottom:28px;border-bottom:1px solid #2a2a2a;font-family:var(--tie-reading);font-size:14px;font-weight:600;line-height:1.6;letter-spacing:-.25px;text-transform:uppercase;color:#999}
.tie-quote-card blockquote,.tie-quote-card>p:last-child{margin:0;padding:0;border:0;font-family:var(--tie-reading);font-size:18px;font-weight:400;line-height:28px;letter-spacing:-.25px;color:#fff}

/* --- Who We Are (node 1:2724) -------------------------------------------- */
.tie-who-we-are-intro{display:flex;flex-direction:column;align-items:center;gap:40px;margin:0 auto 100px;text-align:center}
.tie-who-we-are-intro h2{margin:0;max-width:659px}
.tie-who-we-are-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px!important}
.tie-who-we-are-cards>.wp-block-column{margin:0;flex-basis:auto!important}
.tie-who-we-are-card{display:flex;flex-direction:column;gap:40px;height:100%;padding:10px 10px 40px;border:0;border-radius:var(--tie-radius);background:#fff;filter:drop-shadow(0 14px 22.5px rgba(0,0,0,.09));overflow:visible;box-shadow:none}
.tie-who-we-are-card .wp-block-image{margin:0}
.tie-who-we-are-card .wp-block-image img{display:block;width:100%;height:300px;object-fit:cover;border-radius:var(--tie-radius)}
.tie-who-we-are-card h3{margin:0 30px;font-family:var(--tie-heading);font-size:28px;font-weight:600;line-height:38px;letter-spacing:-.84px;color:var(--tie-black)}
.tie-who-we-are-card p{margin:-6px 30px 0;max-width:none;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:26px;letter-spacing:0;color:var(--tie-muted)}
.tie-who-we-are-card p:last-child{margin-bottom:0}
.tie-who-we-are-card>:nth-child(2){margin-bottom:-6px}
/* Figma shows each card's description as three lines; longer text is still edited in full in the
   paragraph block and simply ends with an ellipsis here. The link paragraph sits at the card foot. */
.tie-who-we-are-card p:not(:has(.tie-text-link)){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.tie-who-we-are-card p:has(.tie-text-link){margin-top:auto}

/* --- Five Pillars, One Chapter (node 1:2673) -----------------------------
   A dark full-bleed band, not a rounded card. */
.tie-pillars-carousel{background:transparent;color:#fff;border-radius:0;padding:0;overflow:visible}
.tie-pillars-carousel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;flex-wrap:wrap;margin-bottom:100px}
.tie-pillars-carousel-head>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:40px}
.tie-pillars-carousel-head h2{margin:0;color:#fff}
.tie-pillars-carousel-side{display:flex;align-items:flex-end;gap:60px;max-width:none}
.tie-pillars-carousel-side p{margin:0;width:470px;max-width:100%;font-family:var(--tie-reading);font-size:18px;font-weight:400;line-height:28px;letter-spacing:0;color:#999;text-align:left}
.tie-pillars-carousel-nav{display:flex;gap:10px;flex:none}
.tie-pillars-prev,.tie-pillars-next{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid #2f2f2f;background:#1b1b1b;color:#fff;cursor:pointer;transition:background .18s,border-color .18s,opacity .25s ease}
.tie-pillars-prev:hover,.tie-pillars-next:hover,.tie-pillars-prev:focus-visible,.tie-pillars-next:focus-visible{background:#2a2a2a;border-color:#3a3a3a}
.tie-team-carousel-prev:disabled,.tie-team-carousel-next:disabled,.tie-member-connect-prev:disabled,.tie-member-connect-next:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}
/* Figma's "Five Pillars, One Chapter" carousel shows both nav buttons identically at all
   times (no disabled/faded state) - keep them fully visible here even at the scroll ends. */
.tie-pillars-prev:disabled,.tie-pillars-next:disabled{display:flex;opacity:1;cursor:pointer;color:#666;pointer-events:none}
.tie-pillars-prev .tie-icon,.tie-pillars-next .tie-icon{width:16px;height:16px}
.tie-pillars-track{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}
.tie-pillars-track::-webkit-scrollbar{display:none}
.tie-pillars-card{flex:1 0 calc((100% - 90px) / 4);min-width:240px;scroll-snap-align:start;display:flex;flex-direction:column;gap:40px;padding:10px 10px 40px;border:1px solid #242424;border-radius:var(--tie-radius);background:#1b1b1b;text-decoration:none}
.tie-pillars-card-media{display:block;height:220px;border-radius:var(--tie-radius);overflow:hidden;background:var(--tie-black);aspect-ratio:auto}
.tie-pillars-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.tie-pillars-card:hover .tie-pillars-card-media img,.tie-pillars-card:focus-visible .tie-pillars-card-media img{transform:scale(1.05)}
.tie-pillars-card-body{display:flex;flex-direction:column;gap:24px;padding:0 30px}
.tie-pillars-card-body strong{display:block;margin:0;font-family:var(--tie-heading);font-size:28px;font-weight:600;line-height:38px;letter-spacing:-.84px;color:#fff}
.tie-pillars-card-body span{display:block;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:26px;letter-spacing:0;color:#999}

/* --- Calendar & News (node 1:2581) ---------------------------------------
   460px intro column, 100px gap, tabbed event list on the right. */
.tie-schedule{display:grid;grid-template-columns:460px minmax(0,1fr);gap:100px;align-items:start;padding:0;border-radius:0;background:transparent}
.tie-schedule-intro{display:flex;flex-direction:column;align-items:flex-start;gap:40px}
.tie-schedule-intro h2{margin:0}
.tie-schedule-description{margin:0;font-family:var(--tie-reading);font-size:18px;font-weight:400;line-height:28px;letter-spacing:0;color:var(--tie-muted)}
.tie-schedule-intro p{margin:0}
.tie-schedule-panel{display:flex;flex-direction:column;gap:30px;min-width:0}
.tie-schedule-tab-input{position:absolute;opacity:0;pointer-events:none}
.tie-schedule-tabbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:0 20px 24px;margin:0;border-bottom:1px solid #dedede}
.tie-schedule-tabs{display:flex;gap:50px}
.tie-schedule-tab{display:inline-block;padding:0;border:0;margin:0;font-family:var(--tie-reading);font-size:18px;font-weight:400;line-height:26px;letter-spacing:-.25px;color:#999;cursor:pointer;transition:color .18s}
.tie-schedule-tab:hover{color:var(--tie-black)}
.tie-schedule-search-wrap{position:relative;display:flex;align-items:center;justify-content:flex-end}
.tie-schedule-search{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#111;cursor:pointer;transition:background .18s}
.tie-schedule-search:hover,.tie-schedule-search:focus-visible{background:var(--tie-pale)}
.tie-schedule-search .tie-icon{width:18px;height:18px}
.tie-schedule-search-input{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1;width:220px;max-width:60vw;padding:8px 14px;border:1px solid var(--tie-line);border-radius:100px;background:#fff;font-family:var(--tie-reading);font-size:14px;color:var(--tie-black);box-shadow:0 8px 20px rgba(16,16,16,.08)}
.tie-schedule-search-input:focus{outline:0;border-color:var(--tie-red)}
.tie-schedule-list{display:none;flex-direction:column;gap:30px}
.tie-schedule-tab-input:first-of-type:checked~.tie-schedule-tabbar .tie-schedule-tabs label:first-child,.tie-schedule-tab-input:last-of-type:checked~.tie-schedule-tabbar .tie-schedule-tabs label:last-child{color:var(--tie-black);font-weight:700;border-bottom-color:transparent}
.tie-schedule-tab-input:first-of-type:checked~.tie-schedule-list-upcoming,.tie-schedule-tab-input:last-of-type:checked~.tie-schedule-list-past{display:flex}
.tie-schedule-card{display:grid;grid-template-columns:231px minmax(0,1fr);gap:30px;align-items:center;padding:20px;border:0;border-radius:var(--tie-radius);background:#fff}
/* position:relative so the blurred backdrop (.tie-media-fill::before) can sit behind the poster;
   the poster is positioned too, so it stacks above it without needing a z-index. */
.tie-schedule-image{display:block;position:relative;align-self:start;border-radius:var(--tie-radius-sm);overflow:hidden;background-color:#eee;aspect-ratio:auto;height:223px;min-height:223px}
.tie-schedule-image img{position:relative;width:100%;height:100%;object-fit:contain;display:block}
.tie-schedule-image-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:223px;color:#c8cad0}
.tie-schedule-image-fallback .tie-icon{width:32px;height:32px}
.tie-schedule-card-content{display:flex;flex-direction:column;gap:25px;padding:10px 10px 10px 0;min-width:0}
.tie-schedule-tags{display:flex;gap:8px;margin:0;flex-wrap:wrap}
.tie-schedule-tags .tie-pill{padding:7px 12px;font-size:14px;font-weight:400;line-height:26px;text-transform:none}
.tie-schedule-tags .tie-pill:nth-child(n+2){background:rgba(102,102,102,.1);color:var(--tie-muted)}
.tie-schedule-card h3{margin:0;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:38px;letter-spacing:-.66px;color:var(--tie-black)}
.tie-schedule-card h3 a{color:inherit;text-decoration:none}
.tie-schedule-card h3 a:hover{text-decoration:underline}
.tie-schedule-meta{display:flex;flex-wrap:wrap;gap:8px 30px;margin:0;font-family:var(--tie-reading);font-size:14px;font-weight:400;line-height:26px;letter-spacing:-.25px;color:var(--tie-muted)}
.tie-schedule-meta span{display:flex;align-items:center;gap:8px}
.tie-schedule-meta .tie-icon{width:14px;height:14px;color:var(--tie-muted);flex:none}
.tie-schedule-excerpt{margin:0;max-width:none;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:26px;letter-spacing:0;color:var(--tie-muted)}
.tie-schedule-card .tie-text-link{font-size:16px}

/* --- Member Connect (node 1:2504) ---------------------------------------- */
.tie-member-connect{padding-block:0}
.tie-member-connect-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;margin-bottom:100px}
.tie-member-connect-head>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:40px}
.tie-member-connect-head h2{margin:0}
.tie-member-connect-actions{display:flex;gap:20px;flex-wrap:wrap}
.tie-button-outline{background:var(--tie-pale);color:var(--tie-black);border:1px solid var(--tie-pale)}
.tie-button-outline:hover,.tie-button-outline:focus-visible{background:#fff;color:var(--tie-black);border-color:#e4e8f0}
.tie-member-connect-actions .tie-button-outline:last-child{background:#fff;border-color:#e4e8f0}
.tie-member-connect-actions .tie-button-outline:last-child:hover{background:var(--tie-pale)}
/* Figma 1:2578: bare 15x30 chevrons centred on the cards, 74px outside the 1440 row. */
.tie-member-connect-row{position:relative;min-width:0;max-width:100%}
.tie-member-connect-track{min-width:0}
.tie-member-connect-prev,.tie-member-connect-next{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-22px;padding:0;border:0;border-radius:var(--tie-radius-sm);background:transparent;cursor:pointer;transition:filter .18s,opacity .25s ease}
.tie-member-connect-prev{left:-88.5px}
.tie-member-connect-next{right:-105.5px}
.tie-member-connect-prev svg,.tie-member-connect-next svg{display:block;flex:none}
.tie-member-connect-prev:focus-visible,.tie-member-connect-next:focus-visible{outline:2px solid var(--tie-action);outline-offset:2px}
.tie-member-connect-prev:hover,.tie-member-connect-next:hover{filter:brightness(.4)}
/* Figma shows both chevrons at all times; the unavailable direction is dimmed, not removed. */
.tie-member-connect-row .tie-member-connect-prev[disabled],.tie-member-connect-row .tie-member-connect-next[disabled]{display:flex}
@media(max-width:1679px){.tie-member-connect-row{padding-inline:48px}.tie-member-connect-prev{left:0}.tie-member-connect-next{right:0}}
@media(max-width:560px){.tie-member-connect-row{padding-inline:36px}.tie-member-connect-prev{left:-8px}.tie-member-connect-next{right:-8px}}
.tie-member-connect-track{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;flex:1;padding-bottom:4px;scrollbar-width:none}
.tie-member-connect-track::-webkit-scrollbar{display:none}
.tie-member-connect-card{flex:1 0 calc((100% - 90px) / 4);min-width:240px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:35px;padding:40px 23px;border:1px solid var(--tie-line);border-radius:var(--tie-radius);background:var(--tie-pale);text-align:center}
.tie-member-connect-photo{position:relative;display:inline-block;margin:0}
.tie-member-connect-photo .tie-person-photo{width:160px;height:160px;border-radius:50%;object-fit:cover;display:block;margin:0;font-size:3rem}
.tie-member-connect-badge{position:absolute;right:4px;bottom:8px;width:40px;height:40px;border-radius:50%;background:#0a66c2;color:#fff;display:flex;align-items:center;justify-content:center;border:3px solid var(--tie-pale)}
.tie-member-connect-badge .tie-icon{width:20px;height:20px}
.tie-member-connect-card strong{display:block;margin:0;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:30px;letter-spacing:-.66px;color:var(--tie-black)}
.tie-member-connect-card strong a{color:inherit;text-decoration:none}
.tie-member-connect-card strong a:hover{text-decoration:underline}
.tie-member-connect-photo .tie-person-image-link{display:block}
.tie-member-connect-role{display:block;margin-top:-17px;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:26px;letter-spacing:0;color:var(--tie-muted)}

/* Board team grid: the Member Connect card design, wrapped and centred as a static
   grid (not a carousel) for the Board Members & Team page. */
.tie-board-team{display:flex;flex-direction:column;align-items:center;gap:60px}
.tie-board-team+.tie-board-team{margin-top:100px}
.tie-board-team-heading{margin:0;font-family:var(--tie-heading);font-size:28px;font-weight:700;line-height:1;letter-spacing:-.56px;text-align:center;color:var(--tie-black)}
.tie-board-team-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;width:100%}
.tie-board-team-grid .tie-member-connect-card{flex:0 0 337px;max-width:337px}
@media(max-width:782px){
 .tie-board-team+.tie-board-team{margin-top:56px}
 .tie-board-team-grid .tie-member-connect-card{flex-basis:260px}
}

/* --- One Chapter, Many Entry Points (node 1:2440) ------------------------- */
.tie-entry-points{padding-block:0}
.tie-entry-points-intro{display:flex;flex-direction:column;align-items:center;gap:40px;max-width:none;margin:0 0 100px;text-align:center}
.tie-entry-points-intro h2{margin:0}
.tie-entry-points-intro p:not(.tie-pill){margin:0;max-width:none;font-family:var(--tie-reading);font-size:18px;font-weight:400;line-height:28px;letter-spacing:0;color:var(--tie-muted)}
.tie-entry-points-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.tie-entry-points-card{display:flex;flex-direction:column;gap:35px;padding:10px 10px 35px;border:0;border-radius:var(--tie-radius);background:#fff;filter:drop-shadow(0 14px 22.5px rgba(0,0,0,.09));overflow:visible;text-decoration:none;color:inherit;transition:transform .2s,filter .2s}
.tie-entry-points-card:hover{transform:translateY(-3px);filter:drop-shadow(0 20px 30px rgba(0,0,0,.12));box-shadow:none}
/* position:relative so the blurred backdrop (.tie-media-fill::before) sits behind the photo;
   the photo is positioned too, so it stacks above it without needing a z-index. */
.tie-entry-points-media{display:block;position:relative;height:280px;border-radius:var(--tie-radius);overflow:hidden;aspect-ratio:auto;background-color:var(--tie-black)}
.tie-entry-points-media img{position:relative;width:100%;height:100%;object-fit:contain;display:block}
.tie-entry-points-body{display:flex;flex-direction:column;gap:30px;padding:0 20px}
.tie-entry-points-body strong{display:block;margin:0;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:30px;letter-spacing:-.66px;color:var(--tie-black)}
.tie-entry-points-summary{display:block;margin:0;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:26px;letter-spacing:0;color:var(--tie-muted)}
.tie-entry-points-body .tie-text-link{font-size:16px}
/* Figma (node 1:2454) trims the title, excerpt and "Read More" text boxes to cap height, so its
   35px / 30px gaps are measured between the letters themselves; trimming here matches them. */
.tie-entry-points-body strong,.tie-entry-points-summary,.tie-entry-points-body .tie-text-link{text-box:trim-both cap alphabetic}
/* Text trimming only applies to block boxes, so the link is a block here (its arrow span already
   starts with a space, standing in for the 6px flex gap). */
.tie-entry-points-body .tie-text-link{display:block;width:fit-content}

/* --- Backed By The Ecosystem (node 1:1300) ------------------------------- */
.tie-partners-section{padding-block:0}
.tie-partners-intro{display:flex;flex-direction:column;align-items:center;gap:40px;max-width:none;margin:0 0 100px;text-align:center}
.tie-partners-intro h2{margin:0}
.tie-partners-description{margin:0;max-width:none;font-family:var(--tie-reading);font-size:18px;line-height:28px;letter-spacing:-.25px;color:var(--tie-muted)}
.tie-partner-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px;align-items:stretch}
.tie-partner-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:84px;padding:14px 12px;border:1px solid #ececec;border-radius:8px;background:#fff;isolation:isolate}
.tie-partner-card img{max-width:180px;max-height:80px;width:auto;object-fit:contain;filter:grayscale(1) contrast();mix-blend-mode:multiply}
/* Figma 1:1306: each logo sits at its own designed size inside the 215x84 tile. Grid logos
   (the partner's "homepage partner grid" logo) are exported on a shared transparent
   182x52 canvas at 4x, so a fixed box renders every one at exactly its Figma size, already
   flat black - no filter. Fallback logos (no grid logo set) keep the greyscale treatment
   and are fitted into the same 182x52 box. */
.tie-partner-grid .tie-partner-card{min-height:84px;padding:14px 12px}
.tie-partner-card img.tie-partner-logo{display:block;width:182px;height:52px;max-width:100%;max-height:none;object-fit:contain}
.tie-partner-card img.tie-partner-logo.is-grid-logo{width:182px;height:52px;max-height:none;object-fit:contain;filter:none;mix-blend-mode:normal}
.tie-partner-card strong{font-family:var(--tie-heading);font-size:16px;font-weight:600;text-align:center;color:var(--tie-black)}
.tie-partner-tier{margin:0;font-size:14px;line-height:26px;letter-spacing:-.25px;color:var(--tie-muted);text-align:center}

/* --- Become a TiE Entrepreneur Today (node 1:1266) ----------------------- */
.tie-cta-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:50px max(var(--tie-gutter),calc((100% - var(--tie-wide)) / 2));background:var(--tie-red);color:#fff}
.tie-cta-banner>*{max-width:var(--tie-wide)}
.tie-cta-banner h2{margin:0;color:#fff;font-family:var(--tie-heading);font-size:clamp(26px,3.3vw,38px);font-weight:700;line-height:1.447;letter-spacing:-.76px}
.tie-cta-banner-button{padding:12px 64px;background:#fff;border-color:#fff;color:var(--tie-red)}
.tie-cta-banner-button:hover,.tie-cta-banner-button:focus-visible{background:var(--tie-black);border-color:var(--tie-black);color:#fff}

/* --- Footer (node 1:1271) ------------------------------------------------ */
.tie-footer{background:var(--tie-black);color:#999;padding-block:80px 0}
.tie-footer .tie-footer-columns{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:48px;padding-bottom:60px}
/* Figma 1:1273: five equal columns, 24px heading-to-links, 8px between links,
   48px between groups stacked in one column. */
.tie-footer-col{display:flex;flex-direction:column;gap:48px;min-width:0}
.tie-footer-col-brand{gap:24px}
.tie-footer-group{display:flex;flex-direction:column;gap:24px}
.tie-footer-links{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.tie-footer-links li{margin:0;font-size:14px;line-height:1.6}
.tie-footer-links a{font-family:var(--tie-reading);font-size:14px;font-weight:500;line-height:1.6;letter-spacing:-.25px;color:#999;text-decoration:none}
.tie-footer-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.tie-footer-links a:focus-visible{color:#fff;outline:2px solid #fff;outline-offset:4px}
.tie-footer h3{margin:0;font-family:var(--tie-reading);font-size:14px;font-weight:700;line-height:1.6;letter-spacing:1.4px;text-transform:uppercase;color:#fff}
.tie-footer p,.tie-footer .wp-block-navigation,.tie-footer-programs a{font-family:var(--tie-reading);font-size:14px;font-weight:500;line-height:1.6;letter-spacing:-.25px;color:#999}
.tie-footer p{margin:0;max-width:none}
.tie-footer a{color:#999;text-decoration:none}
.tie-footer a:hover,.tie-footer a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:4px}
.tie-footer-brand{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--tie-heading);font-weight:800;font-size:22px;color:#fff;letter-spacing:-.01em}
.tie-footer-brand-mark{background:var(--tie-red);color:#fff;padding:3px 7px;border-radius:4px;font-size:20px;line-height:1}
.tie-footer-logo{display:block;align-self:flex-start;line-height:0}
/* The flagship event logo under the chapter's contact details. The supplied TiECon mark is
   dark artwork made for a white header, so on this dark footer it sits on its own white
   panel rather than disappearing into the background. Replace it with a white version of
   the logo and this panel can go. */
.tie-footer-tiecon{display:inline-block;align-self:flex-start;margin-top:4px;padding:10px 14px;border-radius:var(--tie-radius-sm);background:#fff;line-height:0;transition:opacity .18s}
.tie-footer-tiecon img{display:block;width:auto;max-width:150px;height:auto}
.tie-footer-tiecon:hover,.tie-footer-tiecon:focus-visible{opacity:.85}
.tie-footer-logo img{display:block;width:auto;height:50px;max-width:220px;object-fit:contain;object-position:left}
.tie-footer-logo-text{font-family:var(--tie-heading);font-size:22px;font-weight:800;line-height:1.2;color:#fff}
.tie-footer-address{font-style:normal}
.tie-footer-address p{margin:0 0 24px;font-size:14px;font-weight:500;line-height:1.6;letter-spacing:-.25px;color:#999;max-width:34ch}
.tie-footer-address p:last-child{margin-bottom:0}
.tie-footer .tie-footer-address a{font-size:inherit;line-height:inherit;letter-spacing:inherit}
.tie-footer .wp-block-navigation__container{gap:8px}
.tie-footer .wp-block-navigation,.tie-footer .wp-block-navigation .wp-block-navigation-item__content{color:#999;font-size:14px;font-weight:500;line-height:1.6;letter-spacing:-.25px}
.tie-footer .wp-block-navigation .wp-block-navigation-item__content:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.tie-footer .wp-block-navigation .wp-block-navigation-item__content:focus-visible{outline:2px solid #fff;outline-offset:5px}
.tie-footer-programs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.tie-footer-meta{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;border-top:1px solid #222;padding:30px 10px;margin-top:0}
.tie-footer-meta p{margin:0;font-family:var(--tie-reading);font-size:14px;font-weight:500;line-height:1.6;letter-spacing:-.25px;color:var(--tie-muted)}
/* Figma sets the social icons bare under the address, not as tiles in the bottom bar. */
.tie-footer-social{display:flex;align-items:center;gap:20px;margin-top:22px}
.tie-footer-social-link{display:flex;align-items:center;justify-content:center;width:auto;height:auto;border-radius:0;background:none;color:#999;transition:color .18s ease}
.tie-footer-social-link:hover{background:none;color:#fff}
.tie-footer-social-link:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:4px}
.tie-footer-social-link .tie-icon{width:20px;height:20px}
@media(max-width:1080px){.tie-footer .tie-footer-columns{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:48px 32px}}

/* Small pills stay small wherever the design uses them as record tags. */
.tie-event-card .tie-pill,.tie-group-card .tie-pill{padding:6px 12px;font-size:13px;line-height:20px}

/* --- Responsive ----------------------------------------------------------
   The design is specified at 1903px; below that the 1440px column shrinks,
   then the multi-column rows fold. */
@media(max-width:1440px){
 .tie-header .tie-header-main{gap:24px}
 .tie-header-nav .wp-block-navigation__container{gap:26px}
 .tie-header-nav .wp-block-navigation{font-size:15px}
 .tie-hero-grid{gap:60px}
 .tie-schedule{grid-template-columns:380px minmax(0,1fr);gap:60px}
 .tie-schedule-card{grid-template-columns:200px minmax(0,1fr)}
}
@media(max-width:1180px){
 .tie-hero-grid{grid-template-columns:minmax(0,1fr) 420px;gap:40px}
 .tie-hero-event{width:100%;padding:28px}
 .tie-stats{grid-template-columns:minmax(0,1fr);gap:30px}
 .tie-stats-figures{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tie-entry-points-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tie-partner-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .tie-pillars-card,.tie-member-connect-card{flex:0 0 260px}
}
@media(max-width:1080px){
 .tie-header-nav{flex:0 0 auto;margin-left:auto!important}
 .tie-who-we-are-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tie-schedule{grid-template-columns:minmax(0,1fr);gap:48px}
 .tie-who-we-are-intro,.tie-entry-points-intro,.tie-partners-intro,.tie-pillars-carousel-head,.tie-member-connect-head{margin-bottom:60px}
}
@media(max-width:860px){
 .tie-pillars-carousel-side{width:100%;flex-direction:column;align-items:flex-start;gap:24px}
 .tie-pillars-carousel-side p{width:auto}
}
@media(max-width:782px){
 .tie-band{padding-block:56px}
 .tie-hero-banner{min-height:0}
 .tie-hero-shell{padding:300px var(--tie-gutter) 40px}
 .tie-hero-grid{grid-template-columns:minmax(0,1fr);gap:36px;align-items:stretch}
 .tie-hero-media{inset:0 0 auto;height:340px}
 .tie-hero-media img{object-position:center top}
 .tie-hero-banner:after{background:linear-gradient(180deg,rgba(0,0,0,.05) 80px,rgba(0,0,0,.62) 250px,var(--tie-black) 340px)}
 .tie-hero-lead{font-size:18px;line-height:28px}
 .tie-hero-event-meta{grid-template-columns:minmax(0,1fr);gap:16px}
 /* Centred once the two groups stack, since space-between would leave each stranded row
    against the left edge; motion.js restores space-between whenever they still share a
    row (.is-inline below), which is the case through most of this range. */
 .tie-utility-inner{justify-content:center;gap:10px 20px;padding:8px 20px;font-size:13px}
 .tie-utility-start,.tie-utility-side,.tie-utility-list{gap:18px}
 .tie-utility-social,.tie-utility-account{padding-right:18px}
 .tie-utility-social:last-child,.tie-utility-account:last-child{padding-right:0}
 .tie-header .tie-header-main{min-height:72px;gap:12px}
 .tie-brand .wp-block-site-logo img{height:44px}
 .tie-header-join .wp-block-button__link{font-size:13px;padding:10px 16px}
 .tie-stats-figures{grid-template-columns:minmax(0,1fr)}
 .tie-stat-card{padding:36px 28px;gap:20px}
 .tie-stat-card>p:first-child{font-size:40px}
 .tie-quote-card{padding:28px}
 .tie-who-we-are-cards{grid-template-columns:minmax(0,1fr)!important}
 .tie-who-we-are-card h3,.tie-pillars-card-body strong{font-size:24px;line-height:32px}
 .tie-schedule-card{grid-template-columns:minmax(0,1fr);gap:20px}
 .tie-schedule-image,.tie-schedule-image-fallback{min-height:200px}
 .tie-schedule-image{height:200px}
 .tie-schedule-card-content{padding:0 6px 6px}
 .tie-schedule-tabs{gap:28px}
 .tie-schedule-tabbar{padding-inline:0}
 .tie-entry-points-grid{grid-template-columns:minmax(0,1fr)}
 .tie-partner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 .tie-cta-banner{padding:36px var(--tie-gutter);gap:24px}
 .tie-footer{padding-top:56px}
 .tie-footer .tie-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px}
 .tie-footer .tie-footer-columns>.tie-footer-col-brand{grid-column:1/-1}
 .tie-member-connect-row{gap:12px}
 .tie-pillars-card,.tie-member-connect-card{flex:0 0 240px}
}
@media(max-width:560px){
 .tie-hero-shell{padding-top:270px}
 .tie-hero-media{height:300px}
 .tie-partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tie-footer .tie-footer-columns{grid-template-columns:minmax(0,1fr)!important}
 .tie-footer .tie-footer-columns>.tie-footer-col-brand{grid-column:auto}
 .tie-member-connect-card{flex-basis:210px;padding:28px 16px;gap:24px}
 .tie-member-connect-photo .tie-person-photo{width:120px;height:120px}
 .tie-member-connect-badge{width:32px;height:32px}
 .tie-member-connect-badge .tie-icon{width:16px;height:16px}
 .tie-member-connect-actions{width:100%}
 .tie-member-connect-actions .tie-button{flex:1 1 auto}
}
@media(max-width:480px){
 .tie-hero-eyebrow{font-size:13px;letter-spacing:1px}
 .tie-hero-event{padding:22px}
 .tie-hero-event h2{font-size:19px}
 .tie-stat-card{padding:28px 22px}
 .tie-stat-card>p:first-child{font-size:32px}
 .tie-who-we-are-card h3{font-size:21px;line-height:28px}
 .tie-who-we-are-card{padding-bottom:28px}
 .tie-schedule-tabs{gap:18px}
 .tie-schedule-tab{font-size:16px}
 .tie-entry-points-body strong,.tie-pillars-card-body strong{font-size:19px}
 .tie-cta-banner{flex-direction:column;align-items:flex-start}
 .tie-cta-banner-button{width:100%;text-align:center}
}

/* ==========================================================================
   About Us page, built to the Tie-Dev Figma file (frame "about-us",
   node 993:71396 of file KT5wGvdGqjGMTjG4oWM1Rm). Uses the same tie-band /
   tie-band-inner / tie-pill / tie-button primitives as the homepage.
   ========================================================================== */

/* If the About page is left on the default page template, neutralise its
   1240px-constrained main and forced padding so the full-bleed banner and
   CTA sit flush, matching the "Full width, editable sections" template. */
.tie-custom-banner-page .tie-page-main{padding-block:0!important;min-height:0!important}
/* Automatic banner directly followed by a full-width band (see functions.php): no gap between them. */
.tie-custom-banner-page .tie-page-main>.tie-page-banner.is-auto{margin-block-end:0}
.tie-custom-banner-page .tie-page-main>.tie-page-banner.is-auto+.wp-block-post-content{margin-block-start:0}

/* Banner: flat pale strip with a centred H1 and a Home › About breadcrumb,
   replacing the shared photographic page hero for this page only. */
.tie-page-banner{display:flex;align-items:center;justify-content:center;min-height:200px;padding:48px var(--tie-gutter);background:var(--tie-pale)}
/* The automatic banner (functions.php) on pages without their own Figma banner keeps the
   old hero's 64px gap above the ordinary page content that follows it. */
.tie-page-banner.is-auto{margin-top:0;margin-bottom:64px}
.tie-page-banner-inner{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.tie-page-banner h1,.tie-page-banner .tie-banner-label{margin:0;font-family:var(--tie-heading);font-size:50px;font-weight:700;line-height:1;letter-spacing:-1.5px;color:var(--tie-black)}
.tie-page-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;margin:0;font-family:var(--tie-reading);font-size:18px;font-weight:500;line-height:1.45;text-align:center}
.tie-page-breadcrumb a{color:var(--tie-muted);text-decoration:none}
.tie-page-breadcrumb a:hover,.tie-page-breadcrumb a:focus-visible{color:var(--tie-black);text-decoration:underline}
.tie-page-breadcrumb span[aria-hidden]{color:var(--tie-muted)}
.tie-page-breadcrumb-current{color:var(--tie-red)}

/* Section 2: About Us intro, photo left / copy right. */
.tie-about-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;align-items:center}
.tie-about-intro-media{padding:20px;background:var(--tie-pale);border-radius:var(--tie-radius)}
.tie-about-intro-media .wp-block-image{margin:0}
.tie-about-intro-media img{display:block;width:100%;aspect-ratio:631/700;object-fit:cover;border-radius:10px}
.tie-about-intro-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.tie-about-intro-copy h2{margin:0}
.tie-about-intro-copy>p:not(.tie-pill){margin:0;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;color:var(--tie-muted)}
.tie-about-lead{font-size:20px!important;font-weight:500!important;line-height:28px!important}
.tie-about-highlight{font-weight:600!important;color:var(--tie-red)!important}

/* Section 3: Driven by Purpose — Mission (red) / Vision (black) cards. */
.tie-about-purpose-heading{display:flex;flex-direction:column;align-items:center;gap:40px;margin:0 auto 100px;text-align:center}
.tie-about-purpose-heading h2{margin:0}
.tie-about-purpose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
/* Grid/flex gaps carry Figma's spacing; WordPress's flow-layout top margins would double it. */
.tie-about-purpose-grid>*,.tie-about-purpose-card>*{margin-block-start:0}
.tie-about-purpose-card{display:flex;align-items:flex-start;gap:30px;padding:40px;border-radius:var(--tie-radius);color:#fff}
.tie-about-purpose-card.is-mission{background:var(--tie-red)}
.tie-about-purpose-card.is-vision{background:var(--tie-black)}
/* Figma 993:71561 / 993:71569: exported 70px icon tiles, as editable Image blocks. */
.tie-about-purpose-icon{flex:none;width:70px;height:70px;margin:0}
.tie-about-purpose-icon img{display:block;width:100%;height:100%}
.tie-about-purpose-card h3{margin:0 0 30px;color:#fff;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:30px;letter-spacing:-.66px;text-transform:capitalize}
.tie-about-purpose-card p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:26px;letter-spacing:0;color:#fff}

/* Section 3: Latest Updates — a single, live post pulled from Posts. */
.tie-about-news .wp-block-post-template{display:block;margin:0;padding:0;list-style:none}
.tie-about-news .wp-block-post-template>li{list-style:none}
.tie-about-news-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;align-items:center;padding:20px;border-radius:var(--tie-radius);background:#fff;box-shadow:0 14px 22.5px rgba(0,0,0,.09)}
.tie-about-news-media{margin:0;border-radius:10px;overflow:hidden}
.tie-about-news-media img{display:block;width:100%;aspect-ratio:685.5/360;object-fit:cover}
.tie-about-news-body{display:flex;flex-direction:column;align-items:flex-start;gap:30px}
.tie-about-news-body h3{margin:0;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:30px;letter-spacing:-.66px;color:var(--tie-black)}
.tie-about-news-body h3 a{color:inherit;text-decoration:none}
.tie-about-news-body h3 a:hover{text-decoration:underline}
.tie-about-news-body p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:26px;letter-spacing:0;color:var(--tie-muted)}
.tie-about-news-body .wp-block-read-more,.tie-about-news-body .tie-button{margin-top:0}
.tie-about-news-empty{grid-template-columns:1fr;box-shadow:none;border:1px solid var(--tie-line)}
.tie-about-news-empty .tie-about-news-body{gap:16px}

@media(max-width:1080px){
 .tie-about-intro,.tie-about-news-card{grid-template-columns:minmax(0,1fr);gap:40px}
 .tie-about-purpose-grid{grid-template-columns:minmax(0,1fr)}
 .tie-about-purpose-heading{margin-bottom:60px}
}
@media(max-width:782px){
 .tie-page-banner{min-height:0;padding:40px var(--tie-gutter)}
 .tie-page-banner h1,.tie-page-banner .tie-banner-label{font-size:36px}
 .tie-about-intro-media{padding:12px}
 .tie-about-purpose-card{flex-direction:column;gap:20px;padding:28px}
 .tie-about-news-card{padding:16px}
}
@media(max-width:480px){
 .tie-page-banner h1,.tie-page-banner .tie-banner-label{font-size:30px}
 .tie-page-breadcrumb{font-size:15px}
 .tie-about-purpose-icon{width:56px;height:56px}
}

/* ==========================================================================
   Contact Us page, built to the Tie-Dev Figma file (frame "contact-us",
   node 993:70399 of file KT5wGvdGqjGMTjG4oWM1Rm).
   ========================================================================== */

/* Chapter details + message form (tie/contact block, layout="split"). */
.tie-contact-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;align-items:start}
.tie-contact-info{display:flex;flex-direction:column;gap:50px}
.tie-contact-info>.tie-pill{align-self:flex-start}
.tie-contact-info h2{margin:0;font-family:var(--tie-heading);font-size:clamp(30px,4.2vw,48px);font-weight:700;line-height:1.146;letter-spacing:-.02em;color:var(--tie-black)}
.tie-contact-info-rows{display:flex;flex-direction:column;width:100%}
.tie-contact-info-row{display:flex;align-items:center;gap:15px;width:100%;padding-block:30px;border-bottom:1px solid #ddd}
.tie-contact-info-row:last-child{border-bottom:0;padding-bottom:0}
.tie-contact-info-row:first-child{padding-top:0}
.tie-contact-info-icon{display:flex;flex:none;align-items:center;justify-content:center;width:60px;height:60px;color:var(--tie-red)}
.tie-contact-info-icon .tie-icon{width:26px;height:26px}
.tie-contact-info-row p{margin:0;display:flex;flex-direction:column;gap:2px}
.tie-contact-info-label{font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:30px;color:var(--tie-red)}
.tie-contact-info-value{font-family:var(--tie-reading);font-size:18px;font-weight:400;line-height:30px;color:var(--tie-muted)}
.tie-contact-info-value a{color:inherit;text-decoration:none}
.tie-contact-info-value a:hover{text-decoration:underline}
.tie-contact-info-row>div{display:flex;flex-direction:column;gap:15px}
.tie-contact-social-links{display:flex;align-items:center;gap:16px}
.tie-contact-social-links a{display:flex;color:var(--tie-black);transition:color .18s}
.tie-contact-social-links a:hover,.tie-contact-social-links a:focus-visible{color:var(--tie-red)}
.tie-contact-social-links .tie-icon{width:16px;height:16px}

.tie-contact-form-card{background:var(--tie-pale);border-radius:var(--tie-radius);padding:50px;display:flex;flex-direction:column;gap:40px}
.tie-contact-form-heading{display:flex;flex-direction:column;gap:25px}
.tie-contact-form-heading h2{margin:0;font-family:var(--tie-heading);font-size:28px;font-weight:600;line-height:38px;letter-spacing:-.84px;color:var(--tie-black)}
.tie-contact-form-heading p{margin:0;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:24px;color:var(--tie-muted)}
.tie-contact-form-split{display:flex;flex-direction:column;gap:25px;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent}
/* Figma 993:70563: 60px underlined rows, label left (Inter 16/16 #111), 20px icon right.
   The label sits on the line like Figma's idle state and lifts when the field is used. */
.tie-contact-form-row{position:relative;min-height:60px;border-bottom:1px solid #dee3ed;transition:border-color .18s}
.tie-contact-form-row:focus-within{border-bottom-color:var(--tie-red)}
.tie-contact-form-row label{position:absolute;left:0;top:22px;margin:0;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:16px;letter-spacing:0;color:var(--tie-black);pointer-events:none;transition:top .18s ease,font-size .18s ease,line-height .18s ease,color .18s ease}
.tie-contact-form-row:focus-within label,.tie-contact-form-row:has(:is(input,textarea):not(:placeholder-shown)) label{top:5px;font-size:12px;line-height:12px;color:var(--tie-muted)}
.tie-contact-form-icon{position:absolute;right:0;top:20px;width:20px;height:20px;background:center no-repeat;pointer-events:none}
.tie-contact-form-icon.is-name{background-image:url(icons/contact-field-name.svg)}
.tie-contact-form-icon.is-phone{background-image:url(icons/contact-field-phone.svg)}
.tie-contact-form-icon.is-email{background-image:url(icons/contact-field-email.svg)}
.tie-contact-form-icon.is-message{background-image:url(icons/contact-field-message.svg)}
.tie-contact-form-row input,.tie-contact-form-row textarea{display:block;width:100%;height:60px;min-height:0;margin:0;padding:24px 32px 8px 0;border:0;border-radius:0;background:transparent;box-shadow:none;font-family:var(--tie-reading);font-size:16px;line-height:24px;color:var(--tie-black)}
.tie-contact-form-row input:focus,.tie-contact-form-row textarea:focus{outline:0}
.tie-contact-form-row-message{min-height:96px}
.tie-contact-form-row-message textarea{height:96px;min-height:96px;padding-top:26px;resize:vertical}
.tie-contact-form-split .tie-form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.tie-contact-form-split .tie-button{align-self:flex-start;margin-top:15px}
/* Contact form validation (data-tie-validate): red underline + label on the invalid field and the
   message just below the underline; a longer (wrapping) message pushes the next field down. */
.tie-contact-form-row.is-invalid,.tie-contact-form-row.is-invalid:focus-within{border-bottom-color:#c62828}
.tie-contact-form-row.is-invalid label{color:#c62828}
.tie-contact-form-row .tie-field-error{top:calc(100% + 5px);right:0}
.tie-contact-form-row.is-invalid{margin-bottom:var(--tie-field-error-space,0px)}
@media(max-width:560px){ .tie-contact-form-row.is-invalid{--tie-field-error-space:24px} }
.tie-contact-form-card .tie-form-notice{margin:0 0 -10px;font-family:var(--tie-reading);font-size:14px;padding:14px 16px;border-radius:8px}
.tie-contact-form-card .tie-form-success{background:#edf8ef;color:#205329}
.tie-contact-form-card .tie-form-error{background:#fff0f0;color:#942329}

/* CONTACT US: office team, editable native cards (photo/name/role/phone are all
   plain WP blocks so the chapter office can fill in real details themselves). */
.tie-contact-team .wp-block-heading{margin:0 0 60px}
.tie-office-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.tie-office-team-card{display:flex;flex-direction:column;align-items:center;gap:35px;padding:40px 23px;border:1px solid var(--tie-line);border-radius:var(--tie-radius);background:#fff;text-align:center;margin:0}
.tie-office-team-photo{width:160px;height:160px;border-radius:50%;overflow:hidden;background:#e9ebee;display:flex;align-items:center;justify-content:center;flex:none}
.tie-office-team-photo img{width:100%;height:100%;object-fit:cover;display:block}
.tie-office-team-photo span{font-family:var(--tie-heading);font-size:2rem;font-weight:700;color:#6b707a}
.tie-office-team-card h3{margin:0;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:30px;letter-spacing:-.66px;color:var(--tie-black)}
.tie-office-team-role{display:block;margin-top:-17px;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:26px;color:var(--tie-muted)}
.tie-office-team-phone{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:26px;color:var(--tie-muted)}
.tie-office-team-phone .tie-icon{width:15px;height:15px;color:var(--tie-muted);flex:none}
.tie-office-team-phone a{color:inherit;text-decoration:none}
.tie-office-team-phone a:hover{text-decoration:underline}
.tie-office-team-phone[data-empty] span{font-style:italic;opacity:.6}

/* Map: a live embed built from the chapter's saved address, no API key required. */
.tie-contact-map{border-radius:var(--tie-radius);overflow:hidden;border:1px solid var(--tie-line)}
.tie-contact-map iframe{display:block;width:100%;height:500px;border:0}

@media(max-width:1180px){
 .tie-office-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1080px){
 .tie-contact-split{grid-template-columns:minmax(0,1fr);gap:56px}
 .tie-contact-form-card{padding:36px}
}
@media(max-width:782px){
 .tie-contact-info-rows{gap:0}
 .tie-office-team-grid{grid-template-columns:minmax(0,1fr)}
 .tie-contact-form-card{padding:28px}
 .tie-contact-map iframe{height:320px}
}
@media(max-width:480px){
 .tie-contact-info-icon{width:44px;height:44px}
 .tie-contact-info-icon .tie-icon{width:20px;height:20px}
 .tie-contact-info-row{gap:12px;padding-block:22px}
 .tie-contact-form-card{padding:22px}
 .tie-office-team-photo{width:120px;height:120px}
 .tie-office-team-photo span{font-size:1.5rem}
 .tie-office-team-card{padding:28px 16px}
}

/* ==========================================================================
   The TiE Advantage page, built to the Tie-Dev Figma file (frame
   "the-tie-advantage", node 993:70187 of file KT5wGvdGqjGMTjG4oWM1Rm).
   Six alternating photo/copy rows, each with a tinted 80px icon.
   ========================================================================== */
.tie-advantage-row{display:flex;align-items:center;gap:100px}
.tie-advantage-row.is-reverse{flex-direction:row-reverse}
.tie-advantage-row+.tie-advantage-row{margin-top:80px}
.tie-advantage-media{flex:1 1 0;width:100%;min-width:0;align-self:center;display:flex;background:var(--tie-pale);border-radius:var(--tie-radius);padding:20px}
.tie-advantage-media>figure,.tie-advantage-media>.wp-block-image{flex:1 1 auto;width:100%;margin:0}
.tie-advantage-media img{display:block;width:100%;height:auto;aspect-ratio:631/380;object-fit:cover;border-radius:12px}
.tie-advantage-copy{flex:0 0 670px;max-width:670px;display:flex;flex-direction:column;align-items:flex-start;gap:40px}
.tie-advantage-row.is-reverse .tie-advantage-copy{align-items:flex-end;text-align:right}
.tie-advantage-icon{display:flex;flex:none;align-items:center;justify-content:center;width:80px;height:80px;margin:0;border-radius:10px;background:rgba(229,57,53,.06)}
.tie-advantage-icon img{width:50px;height:auto;display:block}
.tie-advantage-copy h2{margin:0;font-family:var(--tie-heading);font-size:clamp(28px,4.2vw,48px);font-weight:700;line-height:1.146;letter-spacing:-.02em;color:var(--tie-black)}
.tie-advantage-copy p:not(.tie-pill){margin:0;max-width:none;font-family:var(--tie-reading);font-size:18px;font-weight:400;line-height:28px;color:var(--tie-muted)}
@media(max-width:1180px){
 .tie-advantage-row{gap:56px}
 .tie-advantage-copy{flex-basis:52%}
}
@media(max-width:1080px){
 .tie-advantage-row,.tie-advantage-row.is-reverse{flex-direction:column;align-items:flex-start;gap:40px}
 .tie-advantage-media{width:100%}
 .tie-advantage-copy,.tie-advantage-row.is-reverse .tie-advantage-copy{flex-basis:auto;max-width:none;width:100%;align-items:flex-start;text-align:left}
 .tie-advantage-row+.tie-advantage-row{margin-top:56px}
}
@media(max-width:480px){
 .tie-advantage-icon{width:64px;height:64px}
 .tie-advantage-icon img{width:36px}
 .tie-advantage-media{padding:12px}
 .tie-advantage-row{gap:28px}
 .tie-advantage-row+.tie-advantage-row{margin-top:44px}
}

/* ==========================================================================
   Charter Member page, built to the Tie-Dev Figma file (frame "charter-member",
   node 993:69795 of file KT5wGvdGqjGMTjG4oWM1Rm). A sticky section index beside
   a long-form policy read, matching the Figma sidebar-navigation layout exactly.
   ========================================================================== */
.tie-charter{display:grid;grid-template-columns:320px minmax(0,1fr);gap:100px;align-items:start}
.tie-charter-toc{position:sticky;top:110px;display:flex;flex-direction:column;gap:24px}
.tie-charter-toc .tie-charter-toc-link{margin:0;padding-bottom:24px;border-bottom:1px solid #e8e8e8;font-family:var(--tie-heading);font-size:16px;font-weight:400;line-height:30px;margin-block-start: 0;letter-spacing:-.03em;color:var(--tie-muted);text-decoration:none;transition:color .18s,font-weight .18s}
.tie-charter-toc-link a{color:inherit;font-weight:inherit;text-decoration:none}
.tie-charter-toc-link:hover{color:var(--tie-black)}
.tie-charter-toc-link.is-active{color:var(--tie-black);font-weight:600}
.tie-charter-toc .tie-button,.tie-charter-toc .wp-block-buttons{align-self:flex-start;text-align:center;margin:0}
.tie-charter-content{display:flex;flex-direction:column;gap:0;min-width:0}
.tie-charter-content>p{margin:0 0 40px;max-width:none;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:26px;color:var(--tie-muted)}
.tie-charter-section{display:flex;flex-direction:column;gap:30px;padding-block:40px;border-bottom:1px solid #e8e8e8;scroll-margin-top:110px}
.tie-charter-section:first-child{padding-top:0}
.tie-charter-section:last-of-type{border-bottom:0;padding-bottom:0}
.tie-charter-section h2{margin:0;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:30px;letter-spacing:-.66px;color:var(--tie-black)}
.tie-charter-section h3{margin:0;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:30px;letter-spacing:-.66px;color:var(--tie-black)}
.tie-charter-section>p,.tie-charter-block>p,.tie-charter-subsection>p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:26px;color:var(--tie-muted)}
.tie-charter-section p strong{color:var(--tie-black);font-weight:600}
.tie-charter-block{display:flex;flex-direction:column;gap:23px}
.tie-charter-quote{display:flex;flex-direction:column;gap:26px;padding:30px;border-radius:15px;background:var(--tie-pale);border-left:5px solid var(--tie-red)}
.tie-charter-quote p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:16px;line-height:26px;color:var(--tie-muted)}
.tie-charter-list{display:flex;flex-direction:column;gap:23px;margin:0;padding:0;list-style:none}
.tie-charter-list li{display:flex;align-items:flex-start;gap:14px;margin:0}
.tie-charter-list li img{flex:none;width:22px;height:22px;margin-top:2px}
.tie-charter-list li p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:16px;line-height:24px;color:var(--tie-muted)}
/* The same checklist as an editable List block: the checkmark comes from CSS. */
.tie-charter-list.wp-block-list>li{position:relative;display:block;padding-left:36px;font-family:var(--tie-reading);font-size:16px;line-height:24px;color:var(--tie-muted)}
.tie-charter-list.wp-block-list>li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;background:url(icons/charter-checkmark.svg) center/contain no-repeat}
/* These groups space their children with flex gaps; WordPress's flow-layout margins would double them. */
.tie-charter-content>*,.tie-charter-section>*,.tie-charter-block>*,.tie-charter-quote>*,.tie-charter-subsection>*{margin-block:0}
/* Figma trims every text box to cap height (text-box-trim: cap / alphabetic); doing the
   same here makes the Figma gaps (30 / 23 / 26px) come out exactly in supporting browsers. */
.tie-charter-toc-link,.tie-charter-content :is(h2,h3,h4,p,li){text-box:trim-both cap alphabetic}
/* Only the cap-trimmed Charter / Members Connect copy needs this padding (a trimmed item is shorter than its checkmark). */
.tie-charter-content .tie-charter-list.wp-block-list>li{padding-block:5px}
.tie-charter-content .tie-charter-list.wp-block-list>li::before{top:0}
.tie-charter-list.is-indented>li{padding-left:46px}
.tie-charter-list.is-indented>li::before{left:10px}
.tie-charter-content>p+.tie-charter-section{padding-top:0}
.tie-charter-section.is-open-end{border-bottom:0;padding-bottom:0}
.tie-charter-actions{margin:0}
.tie-policy-section h2{font-size:22px;font-weight:600;line-height:30px;letter-spacing:-.66px}
.tie-member-login-points h2{font-size:22px;font-weight:600;line-height:38px;letter-spacing:-.66px}
.tie-university-heading p:not(.tie-pill){font-size:18px;line-height:28px}
.tie-charter-subsection{display:flex;flex-direction:column;gap:30px}
/* Figma 993:69940: each subsection sits below its own divider, 40px either side. */
.tie-charter-section>.tie-charter-subsection.is-divided{margin-top:10px;padding-top:40px;border-top:1px solid #e8e8e8}
@media(max-width:1180px){
 .tie-charter{grid-template-columns:260px minmax(0,1fr);gap:56px}
}
@media(max-width:1080px){
 .tie-charter{grid-template-columns:minmax(0,1fr);gap:36px}
 .tie-charter-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:10px 22px;padding-bottom:24px;border-bottom:1px solid #e8e8e8}
 .tie-charter-toc .tie-charter-toc-link{padding-bottom:0;border-bottom:0;font-size:15px}
 .tie-charter-toc .tie-button,.tie-charter-toc .wp-block-buttons{flex-basis:100%;text-align:center}
}
@media(max-width:560px){
 .tie-charter-quote p,.tie-charter-list li p,.tie-charter-list.wp-block-list>li,.tie-charter-section>p{font-size:15px}
 .tie-charter-quote{padding:22px}
}

/* ==========================================================================
   Sponsors & Partners page, built to the Tie-Dev Figma file (frame "Sponsers",
   node 993:66103 of file KT5wGvdGqjGMTjG4oWM1Rm): filter bar 993:66250, tier and
   member groups 993:66259..993:67783, partner card 993:66263. Groups and cards come
   from each partner's Annual partner tier / Member group / Card description fields.
   ========================================================================== */
.tie-sponsors{display:flex;flex-direction:column;gap:100px}
/* Figma: the active tab's 2px red rule sits on the bar's grey bottom rule, 19px below the label. */
.tie-sponsors-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 60px;border-bottom:1px solid #e8e8e8}
.tie-sponsors-tab{padding:0 0 19px;border:0;border-bottom:2px solid transparent;background:transparent;font-family:var(--tie-heading);font-size:16px;font-weight:500;line-height:55px;letter-spacing:-.32px;color:var(--tie-muted);white-space:nowrap;margin-bottom:-1px;cursor:pointer;text-box:trim-both cap alphabetic;transition:color .18s,border-color .18s}
.tie-sponsors-tab:hover{color:var(--tie-black)}
.tie-sponsors-tab.is-active{color:var(--tie-red);font-weight:600;border-bottom-color:var(--tie-red)}
.tie-sponsors-tab:focus-visible{outline:2px solid var(--tie-red);outline-offset:4px}
.tie-sponsors-groups{display:flex;flex-direction:column;gap:80px}
.tie-sponsors-group{display:flex;flex-direction:column;gap:40px}
.tie-sponsors-group[hidden]{display:none}
.tie-sponsors-group.is-divided{padding-top:80px;border-top:1px solid #e8e8e8}
.tie-sponsors-group.is-divided.is-first-visible{padding-top:0;border-top:0}
.tie-sponsors-group-head{display:flex;align-items:center;gap:20px;min-height:37px;padding:11px 0 11px 20px;border-left:2px solid var(--tie-red)}
.tie-sponsors .tie-sponsors-group-head .tie-sponsors-group-label{margin:0;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:55px;letter-spacing:-.44px;color:var(--tie-black);text-box:trim-both cap alphabetic}
.tie-sponsors-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.tie-sponsors-card{display:flex;flex-direction:column;gap:27px;min-width:0;padding:30px;border:1px solid #ececec;border-radius:var(--tie-radius-sm);background:#fff;overflow:hidden}
.tie-sponsors-card[hidden]{display:none}
.tie-sponsors-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:43.11px}
.tie-sponsors-logo{display:block;width:auto;height:auto;max-width:175px;max-height:43.11px;object-fit:contain;object-position:left center}
.tie-sponsors-name{font-family:var(--tie-heading);font-size:18px;font-weight:600;line-height:1.3;color:var(--tie-black)}
.tie-sponsors-link{display:flex;flex:none;align-items:center;justify-content:center;width:35px;height:35px;border-radius:140px;background:rgba(229,57,53,.1);color:var(--tie-red);transition:background .18s,color .18s}
.tie-sponsors-link:hover,.tie-sponsors-link:focus-visible{background:var(--tie-red);color:#fff}
.tie-sponsors-link .tie-icon{width:16px;height:16px}
.tie-sponsors-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:0;max-width:none;font-family:var(--tie-reading);font-size:14px;font-weight:400;line-height:21px;color:var(--tie-muted)}
/* A line-clamped box cannot be text-box-trimmed; these margins take off the same half-leading
   so the card is Figma's 161px (30 + 43 logo + 27 + 31 text + 30). */
.tie-sponsors-description{margin:-6px 0 -5px}
@media(max-width:1080px){
 .tie-sponsors-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .tie-sponsors-tabs{gap:12px 36px}
}
@media(max-width:782px){
 .tie-sponsors{gap:60px}
 .tie-sponsors-groups{gap:56px}
 .tie-sponsors-group{gap:28px}
 .tie-sponsors-group.is-divided{padding-top:56px}
 .tie-sponsors-tabs{flex-wrap:nowrap;justify-content:flex-start;gap:28px;margin-inline:calc(-1 * var(--tie-gutter));padding-inline:var(--tie-gutter);overflow-x:auto;scrollbar-width:none}
 .tie-sponsors-tabs::-webkit-scrollbar{display:none}
 .tie-sponsors-cards{grid-template-columns:minmax(0,1fr);gap:20px}
}
@media(max-width:480px){
 .tie-sponsors-card{padding:24px 20px;gap:22px}
 .tie-sponsors .tie-sponsors-group-head .tie-sponsors-group-label{font-size:20px}
}

/* Program enquiry contact cards (every program's "Program contact / enquiry details"
   field), matching the Figma "Direct Helpline / Program Email" card pair. Used by
   tie_cms_contact_cards() on every tie_program page, not just TiE Women. */
.tie-contact-cards{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}
.tie-contact-card{flex:1 1 220px;display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--tie-line);border-radius:var(--tie-radius-sm);background:var(--tie-pale)}
.tie-contact-card-icon{display:flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(229,57,53,.1);color:var(--tie-red)}
.tie-contact-card-icon .tie-icon{width:20px;height:20px}
.tie-contact-card>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.tie-contact-card-label{font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:38px;letter-spacing:-.66px;color:var(--tie-black)}
.tie-contact-card a{font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:24px;color:var(--tie-muted);text-decoration:none;overflow-wrap:anywhere}
.tie-contact-card a:hover{color:var(--tie-red);text-decoration:underline}

/* ==========================================================================
   TiE Women program page, built to the Tie-Dev Figma file (frame
   "program-detail-tie-women-2", node 993:69420 of file KT5wGvdGqjGMTjG4oWM1Rm):
   banner 993:69728, Agenda 993:69683, Why 993:69651, Who Can Apply 993:69626,
   Rules 993:69586, PRAGATI 993:69572, Highlights 993:69558, video 993:69545,
   Apply 993:69522 and the team carousel 993:69456 (tie/member-connect).
   ========================================================================== */
.tie-women-banner{position:relative;isolation:isolate;overflow:hidden;background:#171625;padding:100px var(--tie-gutter);margin-block:0}
.tie-women-banner:before,.tie-women-banner:after{content:"";position:absolute;z-index:-1;width:1021px;height:1022px;background:url(icons/women-glow.svg) center/100% 100% no-repeat;pointer-events:none}
.tie-women-banner:before{top:-460px;left:-323px}
.tie-women-banner:after{right:-360px;bottom:-399px}
.tie-women-banner-inner{max-width:var(--tie-wide);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;align-items:center}
.tie-women-banner-copy{display:flex;flex-direction:column;align-items:flex-start;gap:30px}
/* These groups space their children with flex/grid gaps; the legacy post-content h2/li margins
   (style.css, specificity 0,2,1) and WordPress's flow-layout margins would double them. */
.tie-page-main .wp-block-post-content :is(.tie-women-banner-copy,.tie-women-copy,.tie-women-heading,.tie-women-text,.tie-women-stack,.tie-women-card,.tie-women-card-top,.tie-women-rules,.tie-women-rule-card,.tie-women-photo-card,.tie-women-split,.tie-women-cards)>*,.tie-page-main .wp-block-post-content :is(.tie-women-steps,.tie-women-checklist) li,.tie-women-team .tie-member-connect-head h2{margin-block:0}
.tie-page-main .wp-block-post-content .tie-women-steps ul{margin-top:30px}
.tie-women-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:none;font-family:var(--tie-reading);font-size:14px;font-weight:500;line-height:10px;color:#cdcdcd}
.tie-women-crumb a{color:#cdcdcd;text-decoration:none}
.tie-women-crumb a:hover{color:#fff;text-decoration:underline}
.tie-women-crumb .is-current{color:var(--tie-red)}
.tie-women-crumb-sep{display:block;width:5px;height:10px;overflow:visible}
.tie-page-main .wp-block-post-content .tie-women-banner-copy>.tie-women-badge{margin-top:-10px}
.tie-women-badge{display:inline-flex;padding:12px 20px;border-radius:140px;background:rgba(255,255,255,.1);font-family:var(--tie-reading);font-size:14px;font-weight:600;line-height:26px;letter-spacing:0;color:#fff;text-transform:uppercase}
.tie-women-banner h1{font-family:var(--tie-heading);font-size:50px;font-weight:700;line-height:1;letter-spacing:-1.5px;color:#fff}
.tie-women-red{color:var(--tie-red)}
.tie-women-banner .tie-women-banner-copy>p:not(.tie-women-crumb,.tie-women-badge,.tie-women-banner-sub){max-width:none;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:24px;color:#fff}
.tie-women-banner .tie-women-banner-sub{max-width:none;font-family:var(--tie-heading);font-size:28px;font-weight:600;line-height:38px;letter-spacing:0;color:#fff}
.tie-page-main .wp-block-post-content .tie-women-banner-copy>:is(.tie-women-banner-sub+p,.tie-women-actions){margin-top:10px}
.tie-women-banner .tie-women-media img{aspect-ratio:670.5/393}

/* Figma trims every text box to cap height / baseline; trimming here too keeps its gaps exact. */
:is(.tie-women-banner,.tie-women-copy,.tie-women-heading,.tie-women-card,.tie-women-rule-card) :is(h1,h2,h3,p,li),.tie-women-team .tie-member-connect-head :is(h2,p){text-box:trim-both cap alphabetic}
/* Text-box trimming does not reach text inside flex containers, so the pills here are plain
   blocks sized to their text (Figma: 12px padding around a cap-trimmed 14px label = 34px). */
:is(.tie-women-heading,.tie-women-team .tie-member-connect-head)>.tie-pill,.tie-women-team .tie-member-connect-head .tie-pill,.tie-women-badge{display:block;width:fit-content;text-box:trim-both cap alphabetic}
.tie-women-team .tie-member-connect-card :is(strong,.tie-member-connect-role){text-box:trim-both cap alphabetic}

.tie-women-actions{display:flex;flex-wrap:wrap;gap:20px}
.tie-women-actions .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:1px solid var(--tie-red);border-radius:var(--tie-radius-sm);background:var(--tie-red);color:#fff;font-family:var(--tie-reading);font-size:16px;font-weight:700;line-height:1.6;letter-spacing:.8px;text-transform:uppercase;text-decoration:none}
.tie-women-actions .wp-block-button__link:hover,.tie-women-actions .wp-block-button__link:focus-visible{background:var(--tie-action-hover);border-color:var(--tie-action-hover);color:#fff}
.tie-women-actions .tie-women-outline .wp-block-button__link{background:#171625;color:var(--tie-red)}
.tie-women-actions .tie-women-outline .wp-block-button__link:hover,.tie-women-actions .tie-women-outline .wp-block-button__link:focus-visible{background:var(--tie-red);border-color:var(--tie-red);color:#fff}

.tie-women-media img{display:block;width:100%;height:auto;border-radius:var(--tie-radius);object-fit:cover}
.tie-women-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;align-items:center}
.tie-women-copy{display:flex;flex-direction:column;align-items:flex-start;gap:50px;min-width:0}
.tie-women-heading{display:flex;flex-direction:column;align-items:flex-start;gap:40px}
.tie-women-heading.is-centered{align-items:center;text-align:center}
.tie-band .tie-women-heading h2{font-family:var(--tie-heading);font-size:clamp(30px,4.2vw,48px);font-weight:700;line-height:1.146;letter-spacing:-.96px;color:var(--tie-black)}
.tie-band .tie-women-split .tie-women-heading h2{line-height:1.208}
.tie-band .tie-women-heading h2.is-tight{letter-spacing:-1.44px}
.tie-women-note{max-width:none;font-family:var(--tie-reading);font-size:18px;font-weight:400;line-height:28px;color:var(--tie-muted)}
.tie-women-note.is-narrow{max-width:803px}
.tie-women-text{display:flex;flex-direction:column;align-items:flex-start;gap:30px}
.tie-women-text p,.tie-women-checklist li{max-width:none;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:24px;color:var(--tie-muted)}
.tie-women-checklist{display:flex;flex-direction:column;gap:30px;margin:0;padding:0;list-style:none}
.tie-women-checklist>li{position:relative;min-height:20px;margin:0;padding-left:40px}
.tie-women-checklist>li::before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;background:url(icons/women-check.svg) center/contain no-repeat}

.tie-women-stack{display:flex;flex-direction:column;align-items:center;gap:100px}
.tie-women-stack>*{width:100%}
.tie-women-cards{display:grid;gap:30px;align-items:stretch}
.tie-women-cards.is-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.tie-women-cards.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.tie-women-cards.is-contact{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;max-width:1000px;margin-inline:auto}
.tie-women-card{display:flex;flex-direction:column;gap:30px;padding:30px;border-radius:var(--tie-radius);background:#fff;box-shadow:0 14px 22.5px rgba(0,0,0,.09)}
.tie-women-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.tie-women-card-icon img{display:block;width:50px;height:50px}
.tie-women-card .tie-women-card-number{font-family:var(--tie-reading);font-size:28px;font-weight:700;line-height:28px;color:rgba(0,0,0,.1)}
.tie-women-card p{max-width:none;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:24px;color:var(--tie-muted);overflow-wrap:anywhere}
.tie-women-card p a{color:inherit;text-decoration:none}
.tie-women-card p a:hover{color:var(--tie-red);text-decoration:underline}
.tie-women-card h3{font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:38px;letter-spacing:-.66px;color:var(--tie-black)}

.tie-women-rules{display:flex;align-items:stretch}
.tie-women-rule-card{display:flex;flex-direction:column;gap:30px;padding:30px;background:#fff}
.tie-women-rule-card.is-early{flex:none;border-radius:var(--tie-radius) 0 0 var(--tie-radius)}
.tie-women-rule-card.is-late{flex:1 1 0;min-width:0;border-left:1px solid var(--tie-line);border-radius:0 var(--tie-radius) var(--tie-radius) 0}
.tie-women-rule-card h3{padding-bottom:30px;border-bottom:1px solid var(--tie-line);font-family:var(--tie-heading);font-size:28px;font-weight:600;line-height:38px;letter-spacing:-.84px;color:var(--tie-black)}
.tie-women-rule-card p,.tie-women-steps>li{max-width:none;font-family:var(--tie-reading);font-size:16px;font-weight:500;line-height:24px;color:var(--tie-muted)}
.tie-women-steps{display:flex;flex-direction:column;gap:15px;margin:0;padding:0;list-style:none;counter-reset:tie-women-step}
.tie-women-steps>li{position:relative;display:flex;align-items:center;min-height:54px;margin:0;padding:15px 15px 15px 54px;border-radius:5px;background:var(--tie-pale);counter-increment:tie-women-step}
.tie-women-steps>li::before{content:counter(tie-women-step);position:absolute;left:15px;top:50%;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:rgba(229,57,53,.1);color:var(--tie-red);font-size:12px;font-weight:600;line-height:24px}
.tie-women-steps>li:has(ul){display:block;padding-top:21px;padding-bottom:20px}
.tie-women-steps>li:has(ul)::before{top:15px;margin-top:0}
.tie-women-steps ul{display:flex;flex-direction:column;gap:30px;margin:30px 0 0;padding-left:21px;list-style:disc}
.tie-women-steps ul>li{margin:0;font-size:14px;font-weight:400;line-height:22px;color:var(--tie-muted)}

.tie-women-photo-card{padding:20px;border-radius:var(--tie-radius);background:#fff;box-shadow:0 14px 22.5px rgba(0,0,0,.09)}
.tie-women-photo-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px}

.tie-women-video{position:relative;width:100%;max-width:1200px;margin-inline:auto;aspect-ratio:1200/675;overflow:hidden;border-radius:var(--tie-radius);background:#111}
.tie-women-video iframe,.tie-women-video .tie-women-video-poster,.tie-women-video-poster a,.tie-women-video-poster img{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;border:0;object-fit:cover}
.tie-women-video-poster a::after{content:"";position:absolute;inset:0;background:url(icons/women-play.svg) center/var(--tie-women-play,92px) no-repeat,rgba(17,17,17,.6);transition:background-size .2s ease}
.tie-women-video-poster a:hover::after,.tie-women-video-poster a:focus-visible::after{--tie-women-play:100px}
.tie-women-video-poster a:focus-visible{outline:3px solid #fff;outline-offset:-6px}

.tie-women-team .tie-member-connect.is-team-only .tie-member-connect-head{justify-content:center;text-align:center}
.tie-women-team .tie-member-connect.is-team-only .tie-member-connect-head>div:first-child{align-items:center}

@media(max-width:1180px){
 .tie-women-cards.is-four{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tie-women-banner-inner,.tie-women-split{gap:60px}
}
@media(max-width:1080px){
 .tie-women-banner-inner,.tie-women-split{grid-template-columns:minmax(0,1fr)}
 .tie-women-banner .tie-women-media,.tie-women-split>.tie-women-media{max-width:671px}
 .tie-women-split>.tie-women-media{order:-1}
}
@media(max-width:860px){
 .tie-women-rules{flex-direction:column}
 .tie-women-rule-card.is-early{border-radius:var(--tie-radius) var(--tie-radius) 0 0}
 .tie-women-rule-card.is-late{border-left:0;border-top:1px solid var(--tie-line);border-radius:0 0 var(--tie-radius) var(--tie-radius)}
}
@media(max-width:782px){
 .tie-women-stack{gap:60px}
 .tie-women-copy{gap:40px}
 .tie-women-heading{gap:30px}
 .tie-women-cards.is-three{grid-template-columns:minmax(0,1fr);max-width:460px;margin-inline:auto}
 .tie-women-cards.is-contact{grid-template-columns:minmax(0,1fr);gap:30px;max-width:480px}
 .tie-women-video-poster a::after{--tie-women-play:72px}
}
@media(max-width:560px){
 .tie-women-banner{padding:60px var(--tie-gutter)}
 .tie-women-banner h1{font-size:40px}
 .tie-women-banner .tie-women-banner-sub{font-size:22px;line-height:30px}
 .tie-women-cards.is-four{grid-template-columns:minmax(0,1fr)}
 .tie-women-rule-card{padding:24px 20px}
 .tie-women-rule-card h3{font-size:24px;line-height:32px;padding-bottom:24px}
 .tie-women-video-poster a::after{--tie-women-play:60px}
 .tie-contact-cards{flex-direction:column}
}
@media(max-width:480px){
 .tie-women-actions,.tie-women-actions .wp-block-button{width:100%}
 .tie-women-actions .wp-block-button__link{width:100%;white-space:normal;text-align:center}
 .tie-women-steps>li{padding-right:12px;padding-left:48px}
 .tie-women-steps>li::before{left:12px}
}

/* ==========================================================================
   Blog (node 993:65290, file KT5wGvdGqjGMTjG4oWM1Rm) - a real, paginated
   WordPress post archive, used as templates/home.html (the site's Posts
   page). Card design matches Figma's news/blog card exactly.
   ========================================================================== */
.tie-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px 30px}
.tie-blog-card{background:#fff;border-radius:var(--tie-radius);box-shadow:0 14px 22.5px rgba(0,0,0,.09);padding:10px 10px 35px;margin:0}
.tie-blog-card .wp-block-post-featured-image{margin:0}
.tie-blog-card .wp-block-post-featured-image img{display:block;width:100%;aspect-ratio:440/280;object-fit:cover;border-radius:var(--tie-radius)}
.tie-blog-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:30px;padding:0 20px}
.tie-blog-card-body .wp-block-post-title{margin:0;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:30px;letter-spacing:-.66px}
.tie-blog-card-body .wp-block-post-title a{color:var(--tie-black);text-decoration:none}
.tie-blog-card-body .wp-block-post-title a:hover{text-decoration:underline}
.tie-blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 25px;margin:0;width:100%}
.tie-blog-card-body .tie-blog-meta-item,.tie-news-hub-list-card-body .tie-blog-meta-item{display:flex;align-items:center;gap:8px;font-family:var(--tie-reading);font-size:14px;font-weight:400;line-height:26px;color:var(--tie-muted)}
.tie-blog-card-body .tie-blog-meta-item .tie-icon,.tie-news-hub-list-card-body .tie-blog-meta-item .tie-icon{width:14px;height:14px;flex:none;color:var(--tie-muted)}
.tie-blog-card-body .tie-blog-meta-item:before,.tie-news-hub-list-card-body .tie-blog-meta-item:before{content:"";flex:none;width:14px;height:14px;background:currentColor;mask:var(--tie-meta-icon) center/contain no-repeat;-webkit-mask:var(--tie-meta-icon) center/contain no-repeat}
.tie-blog-card-body .tie-blog-meta-item.wp-block-post-date:before,.tie-news-hub-list-card-body .tie-blog-meta-item.wp-block-post-date:before{--tie-meta-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.4 5h17.2v15.6H3.4z' fill='none' stroke='%23000' stroke-width='1.7'/%3E%3Cpath d='M8 2.8v4.4M16 2.8v4.4M3.4 10.4h17.2' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E")}
.tie-blog-card-body .tie-blog-meta-item.wp-block-post-terms:before,.tie-news-hub-list-card-body .tie-blog-meta-item.wp-block-post-terms:before{--tie-meta-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.7 3.5H5A1.5 1.5 0 0 0 3.5 5v6.7c0 .4.16.78.44 1.06l8.3 8.3a1.5 1.5 0 0 0 2.12 0l6.7-6.7a1.5 1.5 0 0 0 0-2.12l-8.3-8.3a1.5 1.5 0 0 0-1.06-.44Z' fill='none' stroke='%23000' stroke-width='1.7'/%3E%3Ccircle cx='8' cy='8' r='1.4'/%3E%3C/svg%3E")}
.tie-blog-card-body .wp-block-post-excerpt{margin:0;max-width:none}
.tie-blog-card-body .wp-block-post-excerpt p{margin:0;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:26px;color:var(--tie-muted)}
.tie-blog-card-body .wp-block-post-excerpt__more-link,.tie-blog-card-body .wp-block-read-more{display:inline-flex;align-items:center;gap:6px;font-family:var(--tie-reading);font-size:16px;font-weight:500;line-height:26px;color:var(--tie-red);text-decoration:none}
.tie-blog-card-body .wp-block-post-excerpt__more-link:hover,.tie-blog-card-body .wp-block-read-more:hover{text-decoration:underline}
.tie-blog-card-body .wp-block-post-excerpt__more-link:after{content:"→";margin-left:6px}

.tie-blog-pagination{display:flex;justify-content:center;gap:20px;margin-top:60px}
.tie-blog-pagination .wp-block-query-pagination-numbers{display:flex;gap:20px}
.tie-blog-pagination a,.tie-blog-pagination span{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:6px;background:#fff;font-family:var(--tie-reading);font-size:16px;font-weight:400;color:var(--tie-muted);text-decoration:none}
.tie-blog-pagination .current{background:#f2f3f6;color:var(--tie-red);font-weight:600}
.tie-blog-pagination .wp-block-query-pagination-previous,.tie-blog-pagination .wp-block-query-pagination-next{width:50px;height:50px;padding:0;border-radius:6px;background:transparent;color:var(--tie-black)}
.tie-blog-pagination .wp-block-query-pagination-previous svg,.tie-blog-pagination .wp-block-query-pagination-next svg{width:18px;height:18px}
@media(max-width:1080px){
 .tie-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
 .tie-blog-grid{grid-template-columns:minmax(0,1fr)}
 .tie-blog-pagination{flex-wrap:wrap;gap:10px}
}

/* ==========================================================================
   News & Events hub (node 993:65864, file KT5wGvdGqjGMTjG4oWM1Rm). A compact
   preview of the latest blog posts and the latest real press coverage, each
   linking through to the full /news/ and /media/ pages.
   ========================================================================== */
.tie-news-hub-blog{display:grid;grid-template-columns:511fr 360px 460fr;gap:30px;align-items:stretch}
.tie-news-hub-feature-block{display:flex;gap:40px;align-items:stretch;grid-column:1/3}
.tie-news-hub-feature{display:block;flex:1 1 511px;border-radius:var(--tie-radius);overflow:hidden;min-width:0}
.tie-news-hub-feature img{display:block;width:100%;height:100%;aspect-ratio:511/351;object-fit:cover}
.tie-news-hub-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:35px;flex:0 0 360px}
.tie-news-hub-intro-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:10px;background:#fff;box-shadow:0 10px 25px rgba(16,16,16,.08)}
.tie-news-hub-intro-icon .tie-icon{width:44px;height:38.68px}
.tie-news-hub-intro h2{margin:0;font-family:var(--tie-heading);font-size:34px;font-weight:700;line-height:55px;letter-spacing:-.68px;color:var(--tie-black)}
.tie-news-hub-intro p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:18px;line-height:28px;color:var(--tie-muted)}
.tie-news-hub-more{display:inline-flex;align-items:center;gap:6px;font-family:var(--tie-reading);font-size:16px;font-weight:500;line-height:26px;color:var(--tie-red);text-decoration:none}
.tie-news-hub-more:hover{text-decoration:underline}
.tie-news-hub-list{display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.tie-news-hub-list-card{display:flex;gap:20px;align-items:center}
.tie-news-hub-list-card-media{flex:none;width:180px;height:140px;border-radius:var(--tie-radius-sm);overflow:hidden}
.tie-news-hub-list-card-media img{display:block;width:100%;height:100%;object-fit:cover}
.tie-news-hub-list-card-body{display:flex;flex-direction:column;gap:14px;min-width:0}
.tie-news-hub-list-card-body h3{margin:0;font-family:var(--tie-heading);font-size:16px;font-weight:600;line-height:1.3;color:var(--tie-black)}
.tie-news-hub-list-card-body h3 a{color:inherit;text-decoration:none}
.tie-news-hub-list-card-body h3 a:hover{text-decoration:underline}
.tie-news-hub-list-card-body .tie-blog-meta-item{font-size:12px}
.tie-news-hub-list-card-body p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:16px;line-height:24px;color:var(--tie-muted);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.tie-news-hub-media-row{display:flex;gap:45px;align-items:flex-start;min-width:0;max-width:100%}
.tie-news-hub-media-intro{flex:0 0 323px;display:flex;flex-direction:column;align-items:flex-start;gap:40px}
.tie-news-hub-media-intro h2{margin:0;font-family:var(--tie-heading);font-size:34px;font-weight:700;line-height:55px;letter-spacing:-.68px;color:var(--tie-black)}
.tie-news-hub-media-intro p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:18px;line-height:28px;color:var(--tie-muted)}
.tie-news-hub-media-nav{display:flex;gap:20px;flex:none}
.tie-news-hub-media-nav button{display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:0;border-radius:6.25px;background:#fff;color:#444;cursor:pointer;transition:color .18s}
.tie-news-hub-media-nav button:hover:not(:disabled){color:var(--tie-red)}
.tie-news-hub-media-nav button:disabled{display:flex;color:#bbb;cursor:default}
.tie-news-hub-media-nav svg{display:block;width:50px;height:50px}
.tie-news-hub-media-track-wrap{flex:1;min-width:0;max-width:100%}
/* Padding + matching negative margin keep the cards' drop shadow from being clipped by the scroll box. */
.tie-news-hub-media-track{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 0 40px;margin:-10px 0 -40px;scrollbar-width:none}
.tie-news-hub-media-track::-webkit-scrollbar{display:none}
.tie-news-hub-media-card{flex:0 0 calc((100% - 90px) / 4);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;gap:25px;background:#fff;box-shadow:0 14px 22.5px rgba(0,0,0,.09);border-radius:20px;padding:10px 10px 25px;color:inherit;text-decoration:none}
.tie-news-hub-media-card-media{display:block;height:220px;border-radius:20px;overflow:hidden;background:#f3f3f3}
.tie-news-hub-media-card-media img{display:block;width:100%;height:100%;object-fit:cover}
.tie-news-hub-media-card-text{display:flex;flex-direction:column;gap:20px;padding:0 10px}
.tie-news-hub-media-card h3{margin:0;font-family:var(--tie-heading);font-size:16px;font-weight:600;line-height:24px;letter-spacing:-.48px;color:var(--tie-black);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .18s}
.tie-news-hub-media-card:hover h3{color:var(--tie-red)}
.tie-news-hub-media-card-date{display:inline-flex;align-items:center;gap:8px;font-family:var(--tie-reading);font-size:14px;line-height:1;color:#666}
.tie-news-hub-media-card-date .tie-icon{width:14px;height:14px;flex:none}
@media(max-width:1180px){
 .tie-news-hub-blog{grid-template-columns:minmax(0,1fr)}
 .tie-news-hub-feature-block{grid-column:auto;flex-direction:column}
 .tie-news-hub-intro{flex:none}
 .tie-news-hub-list{flex-direction:row;flex-wrap:wrap;margin-top:40px}
 .tie-news-hub-list-card{flex:1 1 280px}
 .tie-news-hub-media-row{flex-direction:column;gap:30px}
 .tie-news-hub-media-intro{flex:none;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:20px}
}
@media(max-width:1080px){
 .tie-news-hub-media-card{flex-basis:calc((100% - 60px) / 3)}
}
@media(max-width:782px){
 .tie-news-hub-feature-block{flex-direction:column}
 .tie-news-hub-list{flex-direction:column}
 .tie-news-hub-list-card{flex-direction:column;align-items:flex-start}
 .tie-news-hub-list-card-media{width:100%;height:auto;aspect-ratio:16/9}
 .tie-news-hub-media-intro{flex-direction:column;align-items:flex-start}
 .tie-news-hub-media-track{gap:20px}
 .tie-news-hub-media-card{flex-basis:calc((100% - 20px) / 2)}
}
@media(max-width:480px){
 .tie-news-hub-media-card{flex-basis:82%}
 .tie-news-hub-media-card-media{height:200px}
}

/* ---- Blog details (single post) — Figma "blog-details" (KT5wGvdGqjGMTjG4oWM1Rm, 993:64931) ---- */
:root{--tie-line-strong:#d8d8d8}
.tie-blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:90px;align-items:start}
.tie-blog-article{min-width:0}
.tie-blog-heading{margin-bottom:40px}
.tie-blog-heading h1{font-family:var(--tie-heading);font-size:50px;font-weight:700;line-height:1;letter-spacing:-1.5px;color:var(--tie-black);margin:0 0 24px}
.tie-blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.tie-blog-meta-item{display:inline-flex;align-items:center;gap:8px;font-family:var(--tie-reading);font-size:16px;color:var(--tie-muted)}
.tie-blog-meta-item .tie-icon{width:16px;height:16px;color:var(--tie-action);flex-shrink:0}
.tie-blog-meta-item a{color:var(--tie-muted);text-decoration:none}
.tie-blog-meta-item a:hover{color:var(--tie-action);text-decoration:underline}
.tie-blog-article>.wp-block-post-featured-image{margin:32px 0 0}
.tie-blog-article>.wp-block-post-featured-image{position:relative;overflow:hidden;border-radius:var(--tie-radius)}
.tie-blog-article>.wp-block-post-featured-image.tie-media-fill{display:flex;align-items:center;justify-content:center;max-height:480px}
.tie-blog-article>.wp-block-post-featured-image img{position:relative;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}
.tie-blog-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.tie-blog-gallery-item{margin:0;position:relative;overflow:hidden;border-radius:var(--tie-radius-sm);background-color:var(--tie-black)}
.tie-blog-gallery-item img{position:relative;display:block;width:100%;height:250px;object-fit:contain}
.tie-blog-article>.wp-block-post-content{font-size:18px;line-height:1.85;color:var(--tie-black);margin-top:32px}
.tie-blog-article>.wp-block-post-content>*{max-width:none}
.tie-blog-share{display:flex;flex-wrap:wrap;align-items:center;gap:25px;border-top:1px solid var(--tie-line);padding-top:35px;margin-top:40px}
.tie-blog-share p{margin:0;font-family:var(--tie-reading);font-size:18px;color:var(--tie-muted)}
.tie-blog-share-links{display:flex;align-items:center;gap:20px}
.tie-blog-share-link{display:inline-flex;color:var(--tie-black)}
.tie-blog-share-link .tie-icon{width:18px;height:18px}
.tie-blog-share-link:hover{color:var(--tie-action)}
.tie-blog-prev-next{display:flex;align-items:stretch;justify-content:space-between;gap:25px;background:var(--tie-pale);border-radius:var(--tie-radius);padding:25px;margin-top:25px}
.tie-blog-adjacent{display:flex;align-items:center;gap:18px;flex:1 1 0;min-width:0}
.tie-blog-adjacent-next{justify-content:flex-end;text-align:right}
.tie-blog-adjacent img,.tie-blog-adjacent-placeholder{width:100px;height:70px;object-fit:cover;border-radius:10px;flex-shrink:0;background:#d9d9d9}
.tie-blog-adjacent-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.tie-blog-adjacent-label{font-family:var(--tie-reading);font-size:18px;color:var(--tie-subtle)}
.tie-blog-adjacent-copy a{font-family:var(--tie-reading);font-size:18px;font-weight:500;color:var(--tie-black);text-decoration:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.tie-blog-adjacent-copy a:hover{color:var(--tie-action);text-decoration:underline}
.tie-blog-adjacent-divider{width:1px;align-self:center;height:60px;background:#c5c5c5;flex-shrink:0}
.tie-blog-sidebar{display:flex;flex-direction:column;gap:30px;min-width:0}
.tie-blog-search.wp-block-search{margin:0}
.tie-blog-search .wp-block-search__inside-wrapper{background:var(--tie-pale);border-radius:var(--tie-radius);padding:18px 20px}
.tie-blog-search .wp-block-search__input{background:#fff;border:none;border-radius:10px;height:45px;padding:0 20px;font-family:var(--tie-reading);font-size:16px;color:var(--tie-muted);flex-grow:1}
.tie-blog-search .wp-block-search__button{background:#fff;border:none;border-radius:10px;color:var(--tie-action);margin-inline-start:-46px;padding-inline-end:16px;display:flex;align-items:center;justify-content:center}
.tie-blog-search .wp-block-search__button svg{display:none}
/* The same field sitting on the pale banner of the search results page. */
.tie-page-banner .tie-banner-search{width:min(100%,460px)}
.tie-page-banner .tie-banner-search .wp-block-search__inside-wrapper{background:#fff;border:1px solid var(--tie-line);padding:10px 12px}

/* ---- 404 ---- Reuses the inner-page banner, then one centred column. */
.tie-404{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:640px;margin-inline:auto;text-align:center}
.tie-404-code{margin:0;font-family:var(--tie-heading);font-size:clamp(80px,13vw,150px);font-weight:700;line-height:.9;letter-spacing:-6px;color:var(--tie-red)}
.tie-404 h2{margin:0;font-family:var(--tie-heading);font-size:clamp(26px,3.4vw,38px);font-weight:700;line-height:1.2;letter-spacing:-1px;color:var(--tie-black)}
.tie-404 p:not(.tie-404-code){margin:0;max-width:52ch;font-family:var(--tie-reading);font-size:17px;line-height:1.75;color:var(--tie-muted)}
.tie-404 .tie-404-search{width:min(100%,460px)}
.tie-404 .tie-404-search .wp-block-search__inside-wrapper{background:#fff;border:1px solid var(--tie-line);padding:10px 12px}
.tie-404 .wp-block-buttons{gap:14px;justify-content:center}
@media(max-width:600px){.tie-404{gap:18px}.tie-404 .wp-block-buttons{width:100%}}
.tie-blog-search .wp-block-search__button:before{content:"";display:block;width:18px;height:18px;background:var(--tie-action);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.6'/%3E%3Cpath d='m20 20-4.3-4.3'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.6'/%3E%3Cpath d='m20 20-4.3-4.3'/%3E%3C/svg%3E") center/contain no-repeat}
.tie-blog-sidebar-box{background:var(--tie-pale);border-radius:var(--tie-radius);padding:30px}
.tie-blog-sidebar-box h3{font-family:var(--tie-heading);font-size:20px;font-weight:600;color:var(--tie-black);margin:0 0 20px;padding-bottom:20px;border-bottom:1px solid var(--tie-line-strong)}
.tie-blog-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}
.tie-blog-list li,.tie-blog-sidebar-box .wp-block-archives-list li,.tie-blog-sidebar-box .wp-block-categories-list li{display:flex;align-items:flex-start;gap:10px;list-style:none;margin:0}
.tie-blog-list .tie-icon,.tie-blog-sidebar-box .wp-block-archives-list li:before,.tie-blog-sidebar-box .wp-block-categories-list li:before{flex-shrink:0}
.tie-blog-list .tie-icon{width:8px;height:8px;color:var(--tie-muted);margin-top:8px}
.tie-blog-list a,.tie-blog-sidebar-box .wp-block-archives-list a,.tie-blog-sidebar-box .wp-block-categories-list a{font-family:var(--tie-reading);font-size:16px;line-height:1.5;color:var(--tie-muted);text-decoration:none}
.tie-blog-list a:hover,.tie-blog-sidebar-box .wp-block-archives-list a:hover,.tie-blog-sidebar-box .wp-block-categories-list a:hover{color:var(--tie-action);text-decoration:underline}
.tie-blog-sidebar-box .wp-block-archives-list,.tie-blog-sidebar-box .wp-block-categories-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.tie-blog-sidebar-box .wp-block-archives-list li,.tie-blog-sidebar-box .wp-block-categories-list li{padding-left:14px;position:relative}
.tie-blog-sidebar-box .wp-block-archives-list li:before,.tie-blog-sidebar-box .wp-block-categories-list li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-top:2px solid var(--tie-muted);border-right:2px solid var(--tie-muted);transform:rotate(45deg)}
.tie-blog-related-band{border-top:1px solid var(--tie-line)}
.tie-blog-related h2.tie-section-heading{text-align:center;margin:0 0 40px}
.tie-blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tie-blog-related-card{background:#fff;border:1px solid var(--tie-line);border-radius:var(--tie-radius);overflow:hidden}
.tie-blog-related-image{display:block;position:relative;overflow:hidden;background-color:var(--tie-black)}
.tie-blog-related-image img{position:relative;display:block;width:100%;height:280px;object-fit:contain}
.tie-blog-related-body{padding:20px}
.tie-blog-related-body h3{font-family:var(--tie-heading);font-size:18px;line-height:1.4;margin:0 0 18px}
.tie-blog-related-body h3 a{color:var(--tie-black);text-decoration:none}
.tie-blog-related-body h3 a:hover{color:var(--tie-action);text-decoration:underline}
.tie-blog-related-body .tie-blog-meta{gap:16px;margin-bottom:16px}
.tie-blog-related-body .tie-blog-meta-item{font-size:13px}
.tie-blog-related-body p{font-size:15px;line-height:1.7;color:var(--tie-muted);margin:0 0 14px}
.tie-blog-related-body .tie-text-link{color:var(--tie-action);font-weight:600;font-size:14px;text-decoration:none}
.tie-blog-related-body .tie-text-link:hover{text-decoration:underline}
@media(max-width:1180px){
 .tie-blog-layout{grid-template-columns:minmax(0,1fr) 300px;gap:50px}
}
@media(max-width:1080px){
 .tie-blog-layout{grid-template-columns:1fr;gap:56px}
 .tie-blog-sidebar{flex-direction:row;flex-wrap:wrap}
 .tie-blog-sidebar>*{flex:1 1 260px}
 .tie-blog-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
 .tie-blog-heading h1{font-size:40px}
 .tie-blog-gallery{grid-template-columns:1fr}
}
@media(max-width:782px){
 .tie-blog-layout{padding-block:56px}
 .tie-blog-prev-next{flex-direction:column}
 .tie-blog-adjacent-divider{width:100%;height:1px}
 .tie-blog-adjacent-next{justify-content:flex-start;text-align:left}
 .tie-blog-related-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
 .tie-blog-sidebar{flex-direction:column}
 .tie-blog-sidebar>*{flex:1 1 auto}
 .tie-blog-heading h1{font-size:34px}
 .tie-blog-meta{gap:14px}
}
@media(max-width:480px){
 .tie-blog-heading h1{font-size:28px;letter-spacing:-.03em}
 .tie-blog-adjacent img,.tie-blog-adjacent-placeholder{width:70px;height:50px}
}

/* Pillars of TiE — Figma frame 1220:118819 */
.tie-pillars-intro{max-width:none;margin:0 0 80px;font-family:var(--tie-reading);font-size:16px;line-height:26px;color:#666}
.tie-pillars-row{display:flex;align-items:center;gap:100px;margin:0 0 80px}
.tie-pillars-row:last-child{margin-bottom:0}
.tie-pillars-row.is-image-right{flex-direction:row-reverse}
.tie-pillars-media{flex:0 0 631px;width:631px;padding:20px;background:var(--tie-pale);border-radius:var(--tie-radius)}
.tie-pillars-media .wp-block-image,.tie-pillars-media figure{margin:0}
.tie-pillars-media img{display:block;width:100%;height:380px;object-fit:cover;border-radius:12px}
.tie-pillars-copy{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;gap:40px;max-width:670px}
.tie-pillars-row.is-image-right .tie-pillars-copy{align-items:flex-end;text-align:right}
.tie-pillars-copy .tie-pillars-icon{margin:0;width:80px;height:80px}
.tie-pillars-icon img{display:block;width:100%;height:100%;object-fit:contain}
.tie-pillars-copy h2{margin:0;font-family:var(--tie-heading);font-weight:700;font-size:48px;line-height:55px;letter-spacing:-.96px;color:#111}
.tie-pillars-copy p{margin:0;font-family:var(--tie-reading);font-weight:400;font-size:18px;line-height:28px;color:#666}

@media(max-width:1180px){
 .tie-pillars-row{gap:60px}
 .tie-pillars-media{flex-basis:46%;width:46%}
 .tie-pillars-copy h2{font-size:40px;line-height:46px}
}
@media(max-width:1080px){
 .tie-pillars-row{gap:40px}
 .tie-pillars-copy h2{font-size:36px;line-height:42px}
}
@media(max-width:860px){
 .tie-pillars-row,.tie-pillars-row.is-image-right{flex-direction:column;align-items:stretch;gap:32px;margin-bottom:56px}
 .tie-pillars-media{width:100%;flex-basis:auto}
 .tie-pillars-media img{height:auto;aspect-ratio:631/380}
 .tie-pillars-copy,.tie-pillars-row.is-image-right .tie-pillars-copy{align-items:flex-start;text-align:left;max-width:none;gap:24px}
}
@media(max-width:782px){
 .tie-pillars-intro{font-size:17px;line-height:26px;margin-bottom:44px}
 .tie-pillars-copy h2{font-size:32px;line-height:38px}
 .tie-pillars-media{padding:14px}
}
@media(max-width:560px){
 .tie-pillars-row{margin-bottom:40px;gap:20px}
 .tie-pillars-copy .tie-pillars-icon{width:64px;height:64px}
 .tie-pillars-copy{gap:18px}
 .tie-pillars-copy h2{font-size:28px;line-height:34px;letter-spacing:-.5px}
 .tie-pillars-copy p{font-size:16px;line-height:25px}
}
@media(max-width:480px){
 .tie-pillars-media{padding:10px}
 .tie-pillars-media img{border-radius:8px}
 .tie-pillars-copy h2{font-size:25px;line-height:31px}
}

/* Core Committees page (patterns/committees.php, tie/committees-tabs block): a tab row of real
   committee names above a poster + role-card layout for whichever committee is active. */
.tie-committees-tabs{padding-block:60px}
.tie-committees-tablist{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));row-gap:30px;margin-bottom:100px}
.tie-committees-tablist::after{content:"";display:none;grid-column:auto/-1;border-bottom:1px solid #e8e8e8}
.tie-committees-tablist.has-fill-6::after{display:block}
.tie-committee-tab{display:block;padding:0 40px 20px 0;border-bottom:1px solid #e8e8e8;font-family:var(--tie-heading);font-weight:500;font-size:16px;line-height:1.4;letter-spacing:-.32px;color:#666;text-decoration:none}
.tie-committee-tab span{position:relative;display:inline-block}
.tie-committee-tab:hover{color:var(--tie-black)}
.tie-committee-tab:focus-visible{outline:2px solid var(--tie-red);outline-offset:4px}
.tie-committee-tab.is-active{font-weight:600;color:var(--tie-red)}
.tie-committee-tab.is-active span::after{content:"";position:absolute;left:0;right:0;bottom:-21px;height:2px;background:var(--tie-red)}
.tie-committee-panel{scroll-margin-top:130px}
.tie-committee-panel+.tie-committee-panel{margin-top:100px}
/* Core Committees section, Figma "core-committees" (node 1947:42840): a pale card with a red foot,
   the white member-photo card on the left and the chapter logo, committee name, summary and role
   cards on the right. */
.tie-committee-card{display:grid;grid-template-columns:630px minmax(0,1fr);gap:50px;align-items:start;padding:40px;border-radius:20px;border-bottom:3px solid var(--tie-red);background:var(--tie-pale)}
.tie-committee-card.is-reversed{grid-template-columns:minmax(0,1fr) 630px}
.tie-committee-card.is-reversed .tie-committee-photos{grid-column:2;grid-row:1}
.tie-committee-card.is-reversed .tie-committee-roles{grid-column:1;grid-row:1}
.tie-committee-photos{display:flex;flex-direction:column;align-items:center;gap:25px;padding:56px 20px;background:#fff;border-radius:20px;align-self:stretch;justify-content:center}
.tie-committee-photo-group{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
.tie-committee-photo-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 19px;border-radius:4px;background:var(--tie-red);font-family:var(--tie-reading);font-size:12px;font-weight:800;line-height:20px;color:#fff}
.tie-committee-photo-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 45px;width:100%}
.tie-committee-photo{display:flex;flex-direction:column;align-items:center;gap:15px;width:auto;min-width:100px;max-width:170px;text-align:center}
.tie-committee-photo .tie-person-image-link{display:block;width:100px;height:100px}
.tie-committee-photo .tie-person-photo{width:100px;height:100px;border-radius:50%;object-fit:cover;background:#eef1f6;font-size:1.3rem}
.tie-committee-photo>span{font-family:var(--tie-reading);font-size:12px;font-weight:800;line-height:20px;color:#222;overflow-wrap:anywhere}
.tie-committee-roles{display:flex;flex-direction:column;gap:20px;width:auto;flex:1 1 auto;min-width:0;padding-top:0}
.tie-committee-brand{display:block;margin-bottom:20px}
.tie-committee-brand img{display:block;width:auto;height:50px}
.tie-committees-tabs .tie-committee-roles h2.tie-committee-title{margin:0;font-family:var(--tie-heading);font-weight:700;font-size:34px;line-height:1.3;letter-spacing:-.68px;color:#111;text-transform:uppercase;text-wrap:wrap}
.tie-committee-title-name{color:var(--tie-red)}
.tie-committees-tabs .tie-committee-roles p.tie-committee-summary{margin:0 0 20px;max-width:none;font-family:var(--tie-reading);font-size:16px;line-height:26px;color:#666}
@media(max-width:1180px){
 .tie-committee-card{grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:30px;padding:24px}
 .tie-committee-card.is-reversed{grid-template-columns:minmax(0,1fr) minmax(0,46%)}
 .tie-committee-photo-row{gap:18px 26px}
}
@media(max-width:1080px){
 .tie-committee-card,.tie-committee-card.is-reversed{grid-template-columns:minmax(0,1fr);gap:24px}
 .tie-committee-card.is-reversed .tie-committee-photos,.tie-committee-card.is-reversed .tie-committee-roles{grid-column:1;grid-row:auto}
 .tie-committee-photos{padding:30px 16px}
}
@media(max-width:560px){
 .tie-committee-card{padding:16px;border-radius:14px}
 .tie-committee-photos{border-radius:14px;gap:20px}
 .tie-committee-photo-row{gap:16px 18px}
 .tie-committee-photo,.tie-committee-photo .tie-person-image-link,.tie-committee-photo .tie-person-photo{width:86px}
 .tie-committee-photo .tie-person-image-link,.tie-committee-photo .tie-person-photo{height:86px}
 .tie-committees-tabs .tie-committee-roles h2.tie-committee-title{font-size:24px}
}
.tie-committee-poster{position:relative;flex:0 0 calc(50% - 25px);width:calc(50% - 25px);background:#fff;border-radius:var(--tie-radius);padding:28px 24px;overflow:hidden;display:flex;flex-direction:column;background-image:url(images/committees/poster-facet-pattern.png);background-repeat:repeat;background-size:280px 210px;background-position:top left}
.tie-committee-poster-brand{display:flex;position:relative;z-index:1}
.tie-committee-poster-brand img{height:40px;width:auto;display:block}
.tie-committee-poster-title{margin-top:20px;display:flex;flex-direction:column;align-items:flex-end;text-align:right;padding-right:16px;border-right:3px solid #111;font-family:var(--tie-heading);font-weight:800;line-height:1.18;position:relative;z-index:1;align-self:flex-end}
.tie-committee-poster-name{color:var(--tie-red);font-size:26px;text-transform:uppercase}
.tie-committee-poster-term{color:#111;font-size:22px;margin-top:6px}
.tie-committee-poster-swoosh{position:absolute;left:0;right:0;bottom:0;height:110px;background-image:url(images/committees/poster-swoosh.png);background-repeat:no-repeat;background-size:100% 100%;background-position:bottom;pointer-events:none;z-index:0}
.tie-committee-poster-roles,.tie-committee-poster-empty{position:relative;z-index:1;margin-top:32px}
.tie-committee-poster-role+.tie-committee-poster-role{margin-top:28px}
.tie-committee-poster-pill{display:block;width:fit-content;margin:0 auto 20px;padding:14px 40px;border-radius:8px;background:#e53935;color:#fff;font-family:var(--tie-heading);font-size:16px;font-weight:700;letter-spacing:.02em;text-transform:none}
.tie-committee-poster-photos{display:flex;flex-wrap:wrap;justify-content:center;gap:24px 18px}
.tie-committee-poster-photo{display:flex;flex-direction:column;align-items:center;gap:10px;width:23%;min-width:90px;max-width:130px;text-align:center}
.tie-committee-poster-photo .tie-person-photo{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;font-size:1.4rem}
.tie-committee-poster-photo span{font-family:var(--tie-reading);font-size:13px;line-height:1.35;color:#111;font-weight:700}
.tie-committee-poster-empty{background:rgba(255,255,255,.9);border-radius:10px;padding:16px}
.tie-committee-poster-roles{padding-bottom:70px}
.tie-committee-roles{display:flex;flex-direction:column;gap:20px;min-width:0}
.tie-committee-role-card{background:#fff;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:20px}
.tie-committee-role-heading{display:flex;align-items:center;gap:10px;font-family:var(--tie-reading);font-weight:600;font-size:15px;line-height:28px;color:var(--tie-red)}
.tie-committee-role-heading svg{width:16px;height:16px;flex-shrink:0}
.tie-committee-chips{display:flex;flex-wrap:wrap;gap:10px}
.tie-committee-chip{flex:1 1 305px;min-width:220px;background:var(--tie-pale);border-radius:10px;padding:16px 22px;display:flex;flex-direction:column;gap:2px}
.tie-committee-chip-name{font-family:var(--tie-reading);font-weight:600;font-size:15px;line-height:20px;color:#222}
.tie-committee-chip-meta{font-family:var(--tie-reading);font-size:13px;line-height:20px;color:#888}
.tie-committees-tabs .tie-committee-roles h2.tie-committee-title{margin:0 0 10px;font-family:var(--tie-heading);font-weight:700;font-size:34px;line-height:1.3;letter-spacing:-.68px;color:#111;text-wrap:wrap}
.tie-committee-chip-name a{color:inherit;text-decoration:none}
.tie-committee-chip-name a:hover,.tie-committee-chip-name a:focus-visible{color:var(--tie-red)}
@media(max-width:1180px){
 .tie-committee-card{gap:32px}
    .tie-committee-poster,.tie-committee-roles{flex-basis:calc(50% - 16px);width:calc(50% - 16px)}
 .tie-committees-tabs .tie-committee-roles h2.tie-committee-title{font-size:28px}
}
@media(max-width:1080px){
 .tie-committees-tablist{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:60px}
 .tie-committees-tablist.has-fill-6::after{display:none}
 .tie-committees-tablist.has-fill-3::after{display:block}
 .tie-committee-panel+.tie-committee-panel{margin-top:60px}
 .tie-committee-card, .tie-committee-card   .tie-committee-poster,.tie-committee-roles{width:100%;flex-basis:auto}
 .tie-committee-poster{min-height:320px}
}
@media(max-width:860px){
 .tie-committees-tabs{padding-block:44px}
 .tie-committees-tablist{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px;margin-bottom:40px}
 .tie-committees-tablist.has-fill-3::after{display:none}
 .tie-committees-tablist.has-fill-2::after{display:block}
 .tie-committee-panel+.tie-committee-panel{margin-top:40px}
 .tie-committees-tabs .tie-committee-roles h2.tie-committee-title{font-size:24px}
 .tie-committee-chip{flex-basis:100%}
}
@media(max-width:782px){
 .tie-committee-poster-name{font-size:19px}
 .tie-committee-poster-term{font-size:17px}
 .tie-committee-role-card{padding:16px}
}
@media(max-width:560px){
 .tie-committee-card{padding:16px;border-radius:14px}
 .tie-committee-poster{padding:16px;border-radius:14px}
 .tie-committee-poster-photo{width:26%;min-width:72px;max-width:96px}
 .tie-committee-poster-pill{padding:11px 28px;font-size:14px}
 .tie-committee-chip{min-width:0}
}
@media(max-width:480px){
 .tie-committee-tab{font-size:14px;padding-right:16px}
    .tie-committee-poster-photos{gap:14px 10px}
}

/* ---- President Emeritus (Figma frame 1220:118109, file KT5wGvdGqjGMTjG4oWM1Rm) ----
 * Reuses the shared .tie-person-card/.tie-person-photo/.tie-person-linkedin markup
 * (tie_cms_person_card() in the plugin) already used for Board Members / Member Connect,
 * scoped here to the exact "pale card + haloed circular photo + LinkedIn badge" treatment
 * this Figma frame calls for. */
.tie-history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.tie-history-grid .tie-person-card{position:relative;background:#f7f8fa;border:1px solid #e5e7eb;border-radius:20px;padding:40px 23px;text-align:center}
.tie-history-grid .tie-person-image-link{position:relative;display:block;width:160px;margin:0 auto}
.tie-history-grid .tie-person-photo,.tie-history-grid .tie-person-initials{position:relative;z-index:1;width:160px;height:160px;border-radius:50%;object-fit:cover;background:#eef2fa}
.tie-history-grid .tie-person-info{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:35px}
.tie-history-grid .tie-person-info h3{order:1;margin:0}
.tie-history-grid .tie-person-card h3 a,.tie-history-grid .tie-person-card h3{font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:38px;color:#111;letter-spacing:-.66px}
.tie-history-grid .tie-person-designation{order:2;margin:0;font-family:var(--tie-reading);font-size:16px;line-height:1.6;color:#666}
.tie-history-grid .tie-person-company{order:3;margin:0;font-family:var(--tie-reading);font-size:16px;line-height:1.6;color:#666}
.tie-history-grid .tie-person-role{order:4;margin:0;font-family:var(--tie-reading);font-size:16px;line-height:1.6;color:#666;font-weight:400}
.tie-history-grid .tie-person-linkedin{position:absolute;z-index:2;top:calc(40px + 120px);left:calc(50% + 41px);width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 3px #f7f8fa;background:#0a66c2 url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='white'%3E%3Cpath%20d='M6.9%2020.5H3.6V9h3.3v11.5ZM5.2%207.6a1.9%201.9%200%201%201%200-3.9%201.9%201.9%200%200%201%200%203.9Zm15.3%2012.9h-3.3v-5.6c0-1.3%200-3-1.9-3s-2.1%201.4-2.1%202.9v5.7H9.9V9H13v1.6h.1a3.5%203.5%200%200%201%203.1-1.7c3.3%200%203.9%202.2%203.9%205.1v6.5Z'/%3E%3C/svg%3E") no-repeat center/16px;font-size:0;color:transparent;text-decoration:none}
@media(max-width:1180px){.tie-history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}}
@media(max-width:1080px){.tie-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.tie-history-grid{gap:22px}}
@media(max-width:782px){.tie-history-grid{gap:20px}.tie-history-grid .tie-person-card{padding:32px 18px}.tie-history-grid .tie-person-linkedin{top:calc(32px + 120px)}}
@media(max-width:560px){.tie-history-grid{grid-template-columns:1fr;gap:18px}}
@media(max-width:480px){.tie-history-grid .tie-person-card{padding:28px 16px}.tie-history-grid .tie-person-card h3,.tie-history-grid .tie-person-card h3 a{font-size:20px}.tie-history-grid .tie-person-linkedin{top:calc(28px + 120px)}}

/* ==========================================================================
   Become a Sponsor (frame "Become-a-sponsor", node 1220:117974), Help Desk
   (frame "Help-desk", node 1220:117837) and Volunteers (frame "Volunteers",
   node 1220:111275), file KT5wGvdGqjGMTjG4oWM1Rm. All three pages are a single
   centred form card reusing .tie-contact-form-card / .tie-contact-form-heading
   / .tie-button exactly as the Contact Us page. .tie-request-* below is the
   new part: the two-column, icon-led, underlined field rows unique to these
   forms. Figma's Volunteers frame pastes in a Google Form screenshot with no
   real fields behind it; .tie-request-row-single lets that page's one
   full-width "Area of Interest" field sit in this same row system instead of
   half-width, without a second, empty column beside it.
   ========================================================================== */
.tie-request-page{max-width:1000px;margin-inline:auto;width:100%}
.tie-request-fields{display:flex;flex-direction:column;gap:25px;width:100%}
.tie-request-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.tie-request-row.tie-request-row-single{grid-template-columns:minmax(0,1fr)}
.tie-request-field{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px;padding:20px 0;border-bottom:1px solid #dee3ed;cursor:text;transition:border-color .18s}
.tie-request-label{position:absolute;left:0;top:22px;margin:0;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:16px;letter-spacing:0;color:var(--tie-black);pointer-events:none;transition:top .18s ease,font-size .18s ease,line-height .18s ease,color .18s ease}
.tie-request-field:focus-within .tie-request-label,
.tie-request-field:has(:is(input,textarea):not(:placeholder-shown)) .tie-request-label{top:5px;font-size:12px;line-height:12px;color:var(--tie-muted)}
.tie-request-field:has(select option:checked:not([value=""])) .tie-request-label{top:5px;font-size:12px;line-height:12px;color:var(--tie-muted)}
.tie-request-field:has(.tie-request-label) :is(input,select){padding-top:14px}
.tie-request-field select{appearance:none;-webkit-appearance:none;cursor:pointer}
.tie-request-field input,.tie-request-field select{flex:1 1 auto;min-width:0;border:0;background:transparent;padding:0;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:16px;color:var(--tie-black)}
.tie-request-field input::placeholder{color:var(--tie-black);opacity:1}
.tie-request-field input:focus,.tie-request-field select:focus{outline:0}
.tie-request-field .tie-icon{flex:none;color:var(--tie-red)}
.tie-request-field select~.tie-icon{pointer-events:none}
.tie-request-textarea{position:relative;background:transparent;border:0;border-bottom:1px solid #dee3ed;border-radius:0;padding:0;min-height:96px;display:flex;transition:border-color .18s}
.tie-request-textarea .tie-request-label{left:0;top:22px}
.tie-request-textarea:focus-within .tie-request-label,
.tie-request-textarea:has(textarea:not(:placeholder-shown)) .tie-request-label{top:5px;font-size:12px;line-height:12px;color:var(--tie-muted)}

.tie-request-textarea textarea{flex:1 1 auto;width:100%;height:96px;min-height:96px;border:0;background:transparent;resize:vertical;padding:26px 32px 8px 0;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:24px;color:var(--tie-black)}
.tie-request-textarea textarea::placeholder{color:var(--tie-black);opacity:1}
.tie-request-textarea textarea:focus{outline:0}
.tie-request-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:140px;padding:20px 10px;border:1px dashed #dee3ed;border-radius:10px;background:#fff;text-align:center;cursor:pointer;transition:border-color .18s,background .18s}
.tie-request-upload.is-dragover{border-color:var(--tie-red);background:#fff6f6}
.tie-request-upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.tie-request-upload .tie-icon{color:var(--tie-red)}
.tie-request-upload-title{display:block;font-family:var(--tie-reading);font-size:16px;font-weight:400;color:var(--tie-black)}
.tie-request-upload-hint{display:block;font-family:var(--tie-reading);font-size:14px;line-height:23px;color:var(--tie-muted)}
.tie-request-upload-hint em{color:var(--tie-red);font-style:normal}
.tie-request-filename{display:block;font-family:var(--tie-reading);font-size:14px;line-height:24px;color:var(--tie-muted)}
.tie-request-actions{display:flex;align-items:center;justify-content:flex-end}
@media(max-width:1080px){.tie-request-row{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.tie-request-field{height:auto;padding:16px 0}.tie-request-upload{min-height:120px}}
/* Contact Form 7 inside the request card (Help Desk, Become a Sponsor, Volunteers - see
   tie_cms_cf7_definitions()): CF7 wraps each control in .wpcf7-form-control-wrap and adds its
   own tips and response box, styled here to match the card's fields and notices. */
.tie-request-field .wpcf7-form-control-wrap{flex:1 1 auto;min-width:0;display:flex;position:static}
.tie-request-textarea .wpcf7-form-control-wrap,.tie-request-upload .wpcf7-form-control-wrap{position:static}
.tie-request-field .wpcf7-form-control-wrap input,.tie-request-field .wpcf7-form-control-wrap select{width:100%}
.tie-request-textarea{position:relative}
.tie-request-textarea .wpcf7-form-control-wrap{flex:1 1 auto;display:flex}
.tie-request-row:has(.wpcf7-not-valid-tip){margin-bottom:6px}
@media(max-width:1080px){.tie-request-field:has(.wpcf7-not-valid-tip){margin-bottom:18px}}
.tie-request-field:has(.wpcf7-not-valid){border-bottom-color:var(--tie-red)}
.tie-request-textarea:has(.wpcf7-not-valid){border-bottom-color:var(--tie-red)}
.tie-request-upload:has(.wpcf7-not-valid){box-shadow:inset 0 0 0 1px var(--tie-red)}
.tie-request-fields .wpcf7-not-valid-tip{position:absolute;left:0;top:calc(100% + 4px);font-family:var(--tie-reading);font-size:13px;font-weight:500;line-height:17px;color:#c62828}
.tie-request-upload .wpcf7-not-valid-tip{left:10px;right:10px;top:auto;bottom:8px}
.tie-request-actions .wpcf7-spinner{order:-1;margin:0 12px 0 0}
/* These cards are block groups (editable heading/description + the CF7 block), so the page's
   heading margins and flow-layout block gap are reset to keep the card's own 40px/25px gaps. */
.tie-page-main .wp-block-post-content .tie-contact-form-card>*,.tie-page-main .wp-block-post-content .tie-contact-form-heading>*{margin-block:0}
.tie-contact-form-card .wpcf7 form .wpcf7-response-output{margin:0;padding:14px 16px;border:0;border-radius:8px;font-family:var(--tie-reading);font-size:14px;line-height:20px;background:#fff0f0;color:#942329}
.tie-contact-form-card .wpcf7 form.sent .wpcf7-response-output{background:#edf8ef;color:#205329}
.tie-contact-form-card .wpcf7 form .wpcf7-response-output:not(:empty){margin-top:25px}
.tie-contact-form-card .wpcf7 form.init .wpcf7-response-output{display:none}
/* The Contact page's floating-label rows as a Contact Form 7 form ("contact" in cf7.php). */
.tie-contact-form-row .wpcf7-form-control-wrap{position:static;display:block}
.tie-contact-form-row:has(.wpcf7-not-valid),.tie-contact-form-row:has(.wpcf7-not-valid):focus-within{border-bottom-color:#c62828}
.tie-contact-form-row:has(.wpcf7-not-valid) label{color:#c62828}
.tie-contact-form-split .wpcf7-not-valid-tip{position:absolute;left:0;top:calc(100% + 5px);font-family:var(--tie-reading);font-size:13px;font-weight:500;line-height:17px;color:#c62828}
.tie-contact-form-row:has(.wpcf7-not-valid-tip){margin-bottom:18px}
.tie-contact-form-actions{display:flex;align-items:center;gap:12px;margin-top:15px}
.tie-contact-form-split .tie-contact-form-actions .tie-button{margin-top:0;width:auto;flex:none}
.tie-contact-form-actions .wpcf7-spinner{margin:0}

/* ==========================================================================
   Members Login (frame "member-login", node 1220:117687, file
   KT5wGvdGqjGMTjG4oWM1Rm). A photo/copy split identical in proportion to
   .tie-about-intro, plus the same red-checkmark benefit list already used on
   Charter Member / Members Connect (.tie-charter-list + charter-checkmark.svg).
   ========================================================================== */
.tie-member-login-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;align-items:center}
.tie-member-login-media{margin:0}
/* Policy/Members Login checklists as editable List blocks keep the flex checklist's spacing. */
.tie-member-login-copy .tie-charter-list.wp-block-list>li{padding-block:0}
.tie-member-login-copy .tie-charter-list.wp-block-list>li::before{top:2px}
.tie-member-login-media img{display:block;width:100%;aspect-ratio:671/580;object-fit:cover;border-radius:var(--tie-radius)}
.tie-member-login-copy{display:flex;flex-direction:column;gap:40px}
.tie-member-login-copy>h1,.tie-member-login-copy>h2{margin:0;font-family:var(--tie-heading);font-size:48px;font-weight:700;line-height:58px;letter-spacing:-.96px;color:var(--tie-black)}
.tie-member-login-text{display:flex;flex-direction:column;gap:50px}
.tie-member-login-intro{margin:0;max-width:none;font-family:var(--tie-reading);font-size:18px;font-weight:400;line-height:28px;color:var(--tie-muted)}
.tie-member-login-points{display:flex;flex-direction:column;gap:35px;margin: 0 !important;}
.tie-member-login-points>h2{margin:0 !important;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:38px;letter-spacing:-.66px;color:var(--tie-black)}
@media(max-width:1180px){.tie-member-login-row{gap:56px}}
@media(max-width:1080px){
 .tie-member-login-row{grid-template-columns:minmax(0,1fr);gap:36px}
 .tie-member-login-copy>h1,.tie-member-login-copy>h2{font-size:40px;line-height:48px}
}
@media(max-width:782px){
 .tie-member-login-text{gap:36px}
 .tie-member-login-copy{gap:28px}
}
@media(max-width:480px){
 .tie-member-login-copy>h1,.tie-member-login-copy>h2{font-size:32px;line-height:40px;letter-spacing:-.5px}
 .tie-member-login-intro{font-size:16px;line-height:25px}
}

/* ==========================================================================
   Privacy Policy (frame "Privacy Policy", node 1220:115851, file
   KT5wGvdGqjGMTjG4oWM1Rm) - the one policy page Figma draws full-width, with
   no photo. Reuses .tie-charter-list for its checklists and the same
   Montserrat/Inter type scale as the split policy pages.
   ========================================================================== */
.tie-policy-page{display:flex;flex-direction:column;gap:40px}
.tie-policy-lead{margin:0;max-width:none;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:26px;color:var(--tie-muted)}
.tie-policy-section{display:flex;flex-direction:column;gap:24px;margin:0 !important}
.tie-policy-section>h2{margin:0 !important;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:30px;letter-spacing:-.66px;color:var(--tie-black)}
.tie-policy-section>p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:26px;color:var(--tie-muted)}
.tie-policy-section .tie-charter-list{gap:20px}
@media(max-width:480px){
 .tie-policy-page{gap:32px}
 .tie-policy-section{gap:18px}
 .tie-policy-section>h2{font-size:20px;line-height:28px}
}

/* ==========================================================================
   TiE University program page (frame "TiE University", node 1220:116335,
   file KT5wGvdGqjGMTjG4oWM1Rm). Reuses .tie-page-banner, .tie-pill, .tie-band
   h2, .tie-advantage-row/-media/-copy, .tie-charter-list and
   .tie-sponsors-card/-logo/-link throughout (see patterns/tie-university.php
   for exactly which markup maps to which). The classes below are the parts
   Figma draws that have no existing equivalent: the red alert strip, the
   numbered privilege/benefit steps, the flagship-programs grid, the
   impact/achievement cards and the contact card.
   ========================================================================== */
.tie-page-main .wp-block-post-content :is(.tie-university-alert,.tie-university-alert-main,.tie-university-alert-text,.tie-university-cards-2,.tie-university-card,.tie-university-steps,.tie-university-step,.tie-university-step-body,.tie-university-programs-grid,.tie-university-program-card,.tie-university-impact-card,.tie-university-impact-photos,.tie-university-impact-body,.tie-university-award-pair,.tie-university-contact-card,.tie-university-contact-row)>*{margin-block:0}
.tie-university-heading{display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center;margin:0 auto 100px;max-width:900px}
.tie-university-subheading{margin:10px 0 0;font-family:var(--tie-heading);font-size:28px;font-weight:600;line-height:38px;letter-spacing:-.84px;color:var(--tie-black)}

/* Section 1: red alert strip. */
.tie-university-alert{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:40px;border-radius:var(--tie-radius);background:var(--tie-red);position:relative;overflow:hidden}
.tie-university-alert-main{display:flex;gap:30px;align-items:flex-start;position:relative;z-index:1}
.tie-university-alert-main .tie-university-alert-icon{flex:none;width:70px;height:70px;margin:0}
.tie-university-alert-icon img{display:block;width:100%;height:100%;border-radius:10px}
.tie-university-alert-text{display:flex;flex-direction:column;gap:20px;max-width:600px}
.tie-university-alert-text h2{margin:0;font-family:var(--tie-heading);font-size:36px;font-weight:700;line-height:55px;letter-spacing:0;color:#fff}
.tie-university-alert-text h2 a{color:inherit;text-decoration:none}
.tie-university-alert-text h2 a:hover{text-decoration:underline;text-underline-offset:.15em}
.tie-university-alert-text p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:18px;line-height:26px;color:#fff}
.tie-university-alert>.wp-block-buttons{position:relative;z-index:1;flex:none}
.tie-university-alert .wp-block-button__link{background:#111;border-color:#111;color:#fff}
.tie-university-alert .wp-block-button__link:hover{background:#fff;color:#111;border-color:#fff}

/* Section 4: How / For Whom cards. */
.tie-university-cards-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;width:100%}
.tie-university-card{background:#fff;border-radius:var(--tie-radius);padding:30px;box-shadow:0 14px 22.5px rgba(0,0,0,.09);display:flex;flex-direction:column;gap:30px}
.tie-university-card h3{margin:0;padding-bottom:30px;border-bottom:1px solid #c8c8c8;font-family:var(--tie-heading);font-size:28px;font-weight:600;letter-spacing:-.84px;color:var(--tie-black)}
.tie-university-card .tie-charter-list{gap:30px}
.tie-page-main .wp-block-post-content .tie-university-card .tie-charter-list>li{margin:0}
.tie-page-main .wp-block-post-content .tie-university-card>*{margin-block:0}

/* Sections 5 & 7: numbered privilege / benefit / program steps. */
.tie-university-steps{display:flex;flex-direction:column;gap:30px;width:100%;margin-top:10px}
.tie-university-step{display:flex;gap:15px;align-items:flex-start}
.tie-university-step p.tie-university-step-number{margin:0;flex:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:2px;border-radius:100px;background:rgba(229,57,53,.1);color:var(--tie-red);font-family:var(--tie-reading);font-size:12px;font-weight:600;line-height:1}
.tie-university-step-body{display:flex;flex:1 1 0;flex-direction:column;gap:10px;min-width:0}
.tie-university-step-body h4{margin:0;font-family:var(--tie-reading);font-size:16px;font-weight:500;line-height:24px;color:var(--tie-black);letter-spacing:0}
.tie-university-step-body p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:14px;line-height:22px;color:var(--tie-muted)}
.tie-university-step-body ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}
.tie-university-step-body li{font-family:var(--tie-reading);font-size:14px;line-height:22px;color:var(--tie-muted)}

/* Section 6: flagship programs grid. */
.tie-university-programs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;width:100%}
.tie-university-program-card{background:#fff;border-radius:var(--tie-radius);box-shadow:0 14px 22.5px rgba(0,0,0,.09);padding:10px 10px 35px;display:flex;flex-direction:column;gap:35px;min-width:0}
.tie-university-program-card img{display:block;width:100%;aspect-ratio:317.75/280;object-fit:cover;border-radius:12px}
.tie-university-program-card .wp-block-image{margin:0}
.tie-university-program-card p.tie-university-program-title{margin:0;max-width:none;display:block;padding:0 20px;font-family:var(--tie-heading);font-size:22px;font-weight:600;letter-spacing:-.66px;color:var(--tie-black)}

/* Sections 8 & 9: impact / achievement / collaboration cards. */
.tie-university-impact-card{background:#fff;border-radius:var(--tie-radius);box-shadow:0 14px 22.5px rgba(0,0,0,.09);padding:20px 20px 35px;display:flex;flex-direction:column;gap:35px;width:100%}
.tie-university-impact-card+.tie-university-impact-card{margin-top:30px}
.tie-university-impact-photos{display:grid;gap:20px;width:100%}
.tie-university-impact-photos.is-single{grid-template-columns:1fr}
.tie-university-impact-photos.is-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.tie-university-impact-photos img,.tie-university-impact-photos .wp-block-image img{display:block;width:100%;aspect-ratio:690.5/400;object-fit:cover;border-radius:var(--tie-radius)}
.tie-university-impact-photos.is-single img{aspect-ratio:1401/530}
.tie-university-impact-photos .wp-block-image{margin:0}
.tie-university-impact-body{display:flex;flex-direction:column;gap:20px;padding:0 20px}
.tie-university-impact-body h3{margin:0;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:30px;letter-spacing:-.66px;color:var(--tie-black)}
.tie-university-impact-body>p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:16px;line-height:24px;color:var(--tie-muted)}
.tie-university-impact-body .tie-university-caption{font-weight:400}
.tie-university-impact-body .tie-university-lead-in{font-family:var(--tie-reading);font-weight:500;font-size:16px;color:var(--tie-black)}
.tie-university-impact-body .tie-charter-list.is-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 30px}

/* Section 9: the two award-certificate photos above the collaboration story. */
.tie-university-award-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;width:100%;margin-bottom:30px}
.tie-university-award-pair .tie-advantage-media{padding:20px}
.tie-university-award-pair .tie-advantage-media img{aspect-ratio:1/1}

/* Section 10: Why It Matters (Figma 1220:117124) - copy + committee role cards (670px) beside
   the committee poster card, 100px apart; stacks below 1080px. */
.tie-university-why{display:flex;align-items:center;gap:100px}
.tie-university-why-copy{flex:0 0 670px;max-width:670px;display:flex;flex-direction:column;gap:40px;min-width:0}
.tie-page-main .wp-block-post-content :is(.tie-university-why,.tie-university-why-copy,.tie-university-why-poster)>*{margin-block:0}
.tie-university-why-copy>p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:16px;line-height:24px;color:var(--tie-muted)}
.tie-university-why-poster{flex:1 1 0;min-width:0}
/* Role cards (tie/committee-roles): white, 3px red left rule, "Lead:" label over the members. */
.tie-committee-role-list{display:flex;flex-direction:column;gap:30px}
.tie-committee-role-list-card{display:flex;flex-direction:column;gap:20px;padding:20px;background:#fff;border-left:3px solid var(--tie-red);border-radius:20px}
.tie-committee-role-list-card .tie-committee-role-list-label{margin:0;font-family:var(--tie-reading);font-size:16px;font-weight:600;line-height:24px;color:var(--tie-black)}
.tie-page-main .wp-block-post-content .tie-committee-role-list-card ul{margin:0;padding:0;list-style:none}
.tie-page-main .wp-block-post-content .tie-committee-role-list-card li{margin:0;font-family:var(--tie-reading);font-size:16px;line-height:24px;color:var(--tie-muted)}
.tie-committee-role-list-card a{color:inherit;text-decoration:none}
.tie-committee-role-list-card a:hover{color:var(--tie-red)}
/* Poster card (tie/committee-poster): the generated committee poster inside Figma's white card. */
.tie-committee-poster-card{margin:0;padding:20px;background:#fff;border-radius:20px;display:flex;flex-direction:column;gap:20px}
.tie-committee-poster-card .tie-committee-poster{flex:none;width:100%;min-height:600px;background-color:var(--tie-pale)}
.tie-committee-poster-card .tie-committee-poster-photo-full{display:block;width:100%;height:auto;border-radius:12px}
.tie-committee-poster-card figcaption{margin:0;text-align:center;font-family:var(--tie-heading);font-size:16px;font-weight:600;line-height:38px;letter-spacing:-.48px;color:var(--tie-red)}
/* Figma draws this poster square with the team title beside the logo and compact role rows;
   scoped to the card so the Core Committees page poster keeps its own layout. */
@media(min-width:1081px){
 .tie-committee-poster-card .tie-committee-poster{aspect-ratio:1/1;min-height:0;padding:20px}
 .tie-committee-poster-card .tie-committee-poster-title{position:absolute;top:20px;right:20px;margin:0;padding-right:12px}
 .tie-committee-poster-card .tie-committee-poster-name{font-size:24px}
 .tie-committee-poster-card .tie-committee-poster-term{font-size:22px;margin-top:2px}
 .tie-committee-poster-card .tie-committee-poster-roles{margin-top:36px;padding-bottom:56px}
 .tie-committee-poster-card .tie-committee-poster-role+.tie-committee-poster-role{margin-top:14px}
 .tie-committee-poster-card .tie-committee-poster-pill{margin-bottom:12px;padding:5px 22px;border-radius:4px;font-size:14px}
 .tie-committee-poster-card .tie-committee-poster-photos{gap:12px 16px}
 .tie-committee-poster-card .tie-committee-poster-photo{flex:0 0 96px;width:96px;min-width:0;gap:6px}
 .tie-committee-poster-card .tie-committee-poster-photo span{font-size:11px;line-height:1.3}
}
@media(max-width:1180px){ .tie-university-why{gap:56px} .tie-university-why-copy{flex-basis:52%} }
@media(max-width:1080px){
 .tie-university-why{flex-direction:column;align-items:stretch;gap:40px}
 .tie-university-why-copy{flex:none;max-width:none}
}
@media(max-width:782px){
 .tie-university-why-copy{gap:24px}
 .tie-committee-role-list{gap:20px}
 .tie-committee-poster-card{padding:12px}
 .tie-committee-poster-card .tie-committee-poster{min-height:0}
}
/* Section 11: partner logo grid (reuses .tie-sponsors-card/-logo/-link from the Sponsors
   page's own established convention; see tie_cms_render_sponsors_directory()). */
.tie-university-partners-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px;width:100%}
.tie-university-partners-grid .tie-sponsors-card{flex:none;min-width:0}

/* Section 12: contact card. */
.tie-university-contact-card{max-width:840px;width:100%;margin-inline:auto;background:#fff;border-radius:var(--tie-radius);padding:30px;display:flex;flex-direction:column;align-items:center;gap:20px}
.tie-university-contact-card h3{margin:0;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:38px;letter-spacing:-.66px;color:var(--tie-black)}
.tie-university-contact-card .tie-role{margin:0;font-family:var(--tie-reading);font-size:16px;line-height:24px;color:var(--tie-muted)}
hr.wp-block-separator.tie-university-contact-divider:not(.is-style-dots){width:100%;max-width:none;height:1px;margin:0;border:0;background:#d8d8d8;opacity:1}
.tie-university-contact-row{display:flex;align-items:center;justify-content:center;gap:20px 51px;flex-wrap:wrap;width:100%}
.tie-university-contact-row p.tie-university-contact-item{margin:0;max-width:none;display:flex;align-items:center;gap:15px;font-family:var(--tie-reading);font-size:16px;line-height:24px;color:var(--tie-muted)}
.tie-university-contact-item a{color:inherit;text-decoration:none}
.tie-university-contact-item a:hover{text-decoration:underline}
/* Phone / email / web glyphs are CSS so editing the contact text in the editor can never drop them. */
.tie-university-contact-item::before{content:"";flex:none;width:24px;height:24px;background:var(--tie-red);-webkit-mask:var(--tie-u-glyph) center/contain no-repeat;mask:var(--tie-u-glyph) center/contain no-repeat}
.tie-university-contact-item.is-phone{--tie-u-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.4 3.4h3.1l1.5 4-2 1.6a12.2 12.2 0 0 0 5.9 5.9l1.6-2 4 1.5v3.1a2 2 0 0 1-2.2 2A16.6 16.6 0 0 1 4.4 5.6a2 2 0 0 1 2-2.2Z'/%3E%3C/svg%3E")}
.tie-university-contact-item.is-mail{--tie-u-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")}
.tie-university-contact-item.is-web{--tie-u-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.6'/%3E%3Cpath d='M3.4 12h17.2M12 3.4a13 13 0 0 1 0 17.2M12 3.4a13 13 0 0 0 0 17.2'/%3E%3C/svg%3E")}

@media(max-width:1180px){
 .tie-university-programs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1080px){
 .tie-university-cards-2{grid-template-columns:minmax(0,1fr)}
 .tie-university-award-pair{grid-template-columns:minmax(0,1fr)}
 .tie-university-impact-photos.is-pair{grid-template-columns:minmax(0,1fr)}
 .tie-university-impact-body .tie-charter-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tie-university-partners-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
 .tie-university-alert{padding:30px}
 .tie-university-alert-main{gap:20px}
 .tie-university-alert-text h2{font-size:28px;line-height:1.25}
}
@media(max-width:782px){
 .tie-university-heading{margin-bottom:60px;gap:24px}
 .tie-university-programs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .tie-university-partners-grid{grid-template-columns:minmax(0,1fr)}
 .tie-university-card{padding:24px}
 .tie-university-impact-card{padding:16px 16px 28px}
 .tie-university-impact-body{padding:0 4px}
 /* Stacked on phones, Figma's tall desktop crops (e.g. 631x1060 beside a long list) would run
    600px+ tall, so every photo row uses one 4:3 crop here instead. */
 .tie-university-row .tie-advantage-media img{aspect-ratio:4/3!important}
 .tie-page-main .wp-block-post-content .tie-band-inner>.tie-university-impact-card+.tie-university-impact-card{margin-top:40px}
 .tie-page-main .wp-block-post-content .tie-band-inner>.tie-university-award-pair{margin-bottom:40px}
 .tie-university-contact-row{justify-content:flex-start;gap:16px}
}
@media(max-width:560px){
 .tie-university-alert{flex-direction:column;align-items:stretch}
 .tie-university-alert-main{flex-direction:column}
 .tie-university-alert>.wp-block-buttons,.tie-university-alert .wp-block-button,.tie-university-alert .wp-block-button__link{width:100%;text-align:center}
 .tie-university-programs-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:480px){
 .tie-university-subheading{font-size:22px;line-height:30px}
 .tie-university-alert-text h2{font-size:24px}
 .tie-university-alert-text p{font-size:16px;line-height:24px}
 .tie-university-card h3{font-size:22px;padding-bottom:20px}
 .tie-university-impact-body .tie-charter-list.is-grid{grid-template-columns:minmax(0,1fr)}
 .tie-university-contact-row{flex-direction:column;align-items:flex-start;gap:14px}
}

/* Figma keeps every TiE University row's copy left-aligned regardless of which side the
   photo sits on; .tie-advantage-row.is-reverse's own default (right-aligned copy, used
   elsewhere for short text blocks) doesn't suit this page's checklists/step lists, so it is
   reset here for TiE University's own rows only (.tie-university-row), leaving every other
   page that reuses .tie-advantage-row untouched. */
.tie-university-row.is-reverse .tie-advantage-copy{align-items:flex-start;text-align:left}
/* Figma spaces these stacks purely with their 40px flex gaps; the post-content h2 margin-top
   (48px) and flow-layout margins would add to them, so they are cleared here, keeping the
   steps' / subheadings' own 10px lead-in. Figma also sets 100px between the Impact cards and
   below the award pair. */
.tie-page-main .wp-block-post-content :is(.tie-university-heading,.tie-university-row .tie-advantage-copy)>*{margin-block:0}
.tie-page-main .wp-block-post-content .tie-university-row .tie-advantage-copy>:is(.tie-university-steps,.tie-university-subheading){margin-top:10px}
.tie-page-main .wp-block-post-content .tie-band-inner>.tie-university-impact-card+.tie-university-impact-card{margin-top:100px}
.tie-page-main .wp-block-post-content .tie-band-inner>.tie-university-award-pair{margin-bottom:100px}
.tie-university-row .tie-advantage-copy p:not(.tie-pill){font-size:16px;line-height:24px}
.tie-university-row .tie-advantage-copy p.tie-university-lead{font-size:20px;font-weight:500;line-height:28px}

/* ==========================================================================
   Logo & Brand page (frame "Logo & Brand", node 1220:115601, file
   KT5wGvdGqjGMTjG4oWM1Rm): a single branded photo card with a dark overlay bar
   holding two real download buttons.
   ========================================================================== */
.tie-brand-hero{position:relative;border-radius:var(--tie-radius);overflow:hidden}
.tie-brand-hero .wp-block-image{margin:0}
.tie-brand-hero img{display:block;width:100%;aspect-ratio:1440/600;object-fit:cover}
.tie-brand-hero .tie-brand-hero-bar{position:absolute;left:10px;right:10px;bottom:10px;height:100px;margin:0;border-radius:12px;background:rgba(0,0,0,.85);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px}
.tie-brand-hero-bar .wp-block-button{margin:0}
.tie-brand-hero-bar .wp-block-button__link{display:inline-flex;align-items:center;gap:15px;padding:12px 30px;border:0;border-radius:var(--tie-radius-sm);font-family:var(--tie-reading);font-size:16px;font-weight:700;line-height:1.6;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;white-space:nowrap}
/* The download glyph is drawn by CSS so editing the button label in the block editor can never drop it. */
.tie-brand-hero-bar .wp-block-button__link::before{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 13v4a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3Cpath d='M10 13V1'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 13v4a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3Cpath d='M10 13V1'/%3E%3C/svg%3E") center/contain no-repeat}
.tie-brand-hero-btn-outline .wp-block-button__link{background:#fff;color:var(--tie-red)}
.tie-brand-hero-btn-outline .wp-block-button__link:hover{background:var(--tie-pale);color:var(--tie-red)}
.tie-brand-hero-btn-solid .wp-block-button__link{background:var(--tie-red);color:#fff}
.tie-brand-hero-btn-solid .wp-block-button__link:hover{background:#c62828;color:#fff}
@media(max-width:1180px){
 .tie-brand-hero .tie-brand-hero-bar{height:auto;padding:16px;flex-direction:column;gap:14px}
 .tie-brand-hero-bar .wp-block-button,.tie-brand-hero-bar .wp-block-button__link{width:100%;justify-content:center}
}
@media(max-width:782px){
 .tie-brand-hero{border-radius:14px}
 .tie-brand-hero img{aspect-ratio:4/5}
 .tie-brand-hero .tie-brand-hero-bar{left:8px;right:8px;bottom:8px;position:static;margin-top:14px;border-radius:12px;background:#111}
}
@media(max-width:480px){
 .tie-brand-hero-bar .wp-block-button__link{font-size:14px;padding:12px 18px;white-space:normal;text-align:left}
}

/* ==========================================================================
   TCHAI program page (frame "TiE Chandigarh Angel Investors", node 1220:115303,
   file KT5wGvdGqjGMTjG4oWM1Rm). Reuses .tie-page-banner, .tie-pill, .tie-button
   and .tie-charter-list throughout; the classes below are the parts unique to
   this page's layout.
   ========================================================================== */
.tie-tchai-intro{display:flex;flex-direction:column;gap:30px;background:var(--tie-pale);border-radius:var(--tie-radius);padding:40px}
.tie-tchai-intro-top{display:flex;align-items:center;gap:30px}
.tie-page-main .wp-block-post-content :is(.tie-tchai-intro,.tie-tchai-intro-top,.tie-tchai-intro-heading,.tie-tchai-cards-2,.tie-tchai-card,.tie-tchai-card-head,.tie-tchai-highlight,.tie-tchai-become,.tie-tchai-become-copy,.tie-tchai-apply,.tie-tchai-contact-cards,.tie-tchai-contact-card)>*{margin-block:0}
.tie-tchai-intro-top .tie-tchai-badge{flex:none;width:253px;height:107px;margin:0}
.tie-tchai-badge img{display:block;width:100%;height:100%;object-fit:contain}
.tie-tchai-intro-heading{display:flex;flex-direction:column;gap:16px}
.tie-tchai-eyebrow{margin:0;padding-left:34px;position:relative;font-family:var(--tie-heading);font-size:16px;font-weight:600;color:var(--tie-red)}
.tie-tchai-eyebrow::before{content:"";position:absolute;left:0;top:50%;width:20px;height:2px;background:var(--tie-red)}
.tie-tchai-intro-heading h2{margin:0;font-family:var(--tie-heading);font-size:48px;font-weight:700;line-height:55px;letter-spacing:-.96px;color:var(--tie-black)}
hr.wp-block-separator.tie-tchai-divider:not(.is-style-dots){height:1px;width:100%;max-width:none;margin:0;border:0;background:#dadbdb;opacity:1}
.tie-tchai-intro>p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:16px;line-height:24px;color:var(--tie-muted)}

.tie-tchai-cards-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.tie-tchai-card{background:#fff;border-radius:var(--tie-radius);padding:30px;box-shadow:0 14px 22.5px rgba(0,0,0,.09);display:flex;flex-direction:column;gap:30px}
.tie-tchai-card-head{display:flex;align-items:center;gap:20px}
.tie-tchai-card-head .tie-tchai-card-icon{flex:none;width:50px;height:50px;margin:0}
.tie-tchai-card-icon img{display:block;width:100%;height:100%}
.tie-tchai-card-head h3{margin:0;font-family:var(--tie-heading);font-size:28px;font-weight:600;letter-spacing:-.84px;color:var(--tie-black)}
hr.wp-block-separator.tie-tchai-card-rule:not(.is-style-dots){height:1px;width:100%;max-width:none;margin:0;border:0;background:#c8c8c8;opacity:1}
.tie-tchai-card .tie-charter-list{gap:26px}
/* Figma spaces these rows 50px apart (24px item + 26px gap), so the post-content 12px list-item margin is removed here. */
.tie-page-main .wp-block-post-content .tie-tchai-card .tie-charter-list>li{margin:0}

.tie-tchai-highlight{background:#fff;border-left:4px solid var(--tie-red);border-radius:var(--tie-radius);padding:40px;box-shadow:0 0 20px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:30px}
.tie-tchai-highlight>h2{margin:0;font-family:var(--tie-heading);font-size:48px;font-weight:700;line-height:55px;letter-spacing:-.96px;color:var(--tie-black)}
.tie-tchai-highlight>p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:16px;line-height:24px;color:var(--tie-muted)}
.tie-tchai-become{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.tie-tchai-become-copy{display:flex;flex-direction:column;gap:30px}
.tie-tchai-become-copy h2{margin:0;font-family:var(--tie-heading);font-size:48px;font-weight:700;line-height:55px;letter-spacing:-.96px;color:var(--tie-black)}
.tie-tchai-become-copy p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:16px;line-height:24px;color:var(--tie-muted)}
.tie-tchai-become>.wp-block-buttons{flex:none}

.tie-tchai-committee-heading{display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center;max-width:1211px;margin:0 auto}
/* Figma: 100px from the heading to the team row; white cards (the Board page's are pale). */
.tie-page-main .wp-block-post-content .tie-band-inner>.tie-tchai-committee{margin-top:100px}
.tie-tchai-committee .tie-member-connect-card{background:#fff;border-color:#e5e7eb}
.tie-tchai-committee .tie-member-connect-photo .tie-person-photo{background:#e8e9ec}
.tie-tchai-committee .tie-member-connect-badge{border-color:#fff}
@media(max-width:782px){ .tie-page-main .wp-block-post-content .tie-band-inner>.tie-tchai-committee{margin-top:48px} }
.tie-tchai-committee-heading p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:18px;line-height:28px;color:var(--tie-muted)}

.tie-tchai-apply{display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center;max-width:900px;margin:0 auto}
.tie-tchai-apply>h2{margin:0;font-family:var(--tie-heading);font-size:48px;font-weight:700;line-height:55px;letter-spacing:-.96px;color:var(--tie-black)}
.tie-tchai-apply-lead{margin:0;max-width:803px;font-family:var(--tie-reading);font-size:18px;line-height:28px;color:var(--tie-muted)}
.tie-tchai-contact-cards{display:flex;gap:50px;width:100%;margin-top:60px}
.tie-page-main .wp-block-post-content .tie-tchai-apply>.tie-tchai-contact-cards{margin-top:60px}
.tie-tchai-contact-card{flex:1 1 0;min-width:0;background:#fff;border-radius:var(--tie-radius);box-shadow:0 14px 22.5px rgba(0,0,0,.09);padding:30px;display:flex;flex-direction:column;align-items:flex-start;gap:20px;text-align:left}
/* The helpline / email glyphs are drawn by CSS so editing the card text in the block editor can never drop them. */
.tie-tchai-contact-card::before{content:"";width:50px;height:50px;background:var(--tie-red);-webkit-mask:var(--tie-tchai-glyph) center/contain no-repeat;mask:var(--tie-tchai-glyph) center/contain no-repeat}
.tie-tchai-contact-card.is-phone{--tie-tchai-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.4 3.4h3.1l1.5 4-2 1.6a12.2 12.2 0 0 0 5.9 5.9l1.6-2 4 1.5v3.1a2 2 0 0 1-2.2 2A16.6 16.6 0 0 1 4.4 5.6a2 2 0 0 1 2-2.2Z'/%3E%3C/svg%3E")}
.tie-tchai-contact-card.is-mail{--tie-tchai-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")}
.tie-tchai-contact-card p{margin:0}
.tie-tchai-contact-card h3{margin:0;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:38px;letter-spacing:-.66px;color:var(--tie-black)}
.tie-tchai-contact-card a{font-family:var(--tie-reading);font-size:16px;color:var(--tie-muted);text-decoration:none}
.tie-tchai-contact-card a:hover{color:var(--tie-red)}

@media(max-width:1180px){
 .tie-tchai-cards-2{grid-template-columns:minmax(0,1fr)}
 .tie-tchai-intro-heading h2,.tie-tchai-highlight>h2,.tie-tchai-become-copy h2,.tie-tchai-apply>h2{font-size:38px;line-height:46px}
}
@media(max-width:1080px){
 .tie-tchai-intro-top{flex-direction:column;align-items:flex-start}
 .tie-tchai-become{flex-direction:column;align-items:flex-start}
 .tie-tchai-contact-cards{flex-direction:column}
}
@media(max-width:782px){
 .tie-tchai-intro,.tie-tchai-highlight{padding:24px}
 .tie-tchai-intro-top .tie-tchai-badge{width:100%;height:auto}
 .tie-tchai-intro-heading h2,.tie-tchai-highlight>h2,.tie-tchai-become-copy h2,.tie-tchai-apply>h2{font-size:30px;line-height:38px}
 .tie-tchai-card-head h3{font-size:22px}
}
@media(max-width:480px){
 .tie-tchai-intro-heading h2,.tie-tchai-highlight>h2,.tie-tchai-become-copy h2,.tie-tchai-apply>h2{font-size:26px;line-height:34px}
 .tie-tchai-apply-lead{font-size:16px;line-height:25px}
}

/* ==========================================================================
   TiE Cross Border Relationships program page (frame "TiE Cross Border
   Relationships", node 1220:115118, file KT5wGvdGqjGMTjG4oWM1Rm). Reuses
   .tie-page-banner, .tie-pill, .tie-university-heading and .tie-advantage-row
   throughout; this page's own rows use a 16:9 photo (not the shared row's
   631:380 default) and a 16px/24px paragraph with a wider copy gap, so both
   are overridden here for .tie-cross-border-row only. */
/* Figma spaces these copy stacks purely with flex gaps (pill -> heading -> text 40px; in the two
   Highlights stage rows heading -> text is 50px and paragraphs 30px apart; rows 100px apart),
   so the post-content heading/paragraph margins are cleared here. */
.tie-cross-border-row .tie-advantage-copy{gap:40px}
.tie-page-main .wp-block-post-content .tie-cross-border-row .tie-advantage-copy>*{margin-block:0}
.tie-page-main .wp-block-post-content .tie-cross-border-row.is-stage .tie-advantage-copy>h2+p{margin-top:10px}
.tie-page-main .wp-block-post-content .tie-cross-border-row.is-stage .tie-advantage-copy>p+p{margin-top:-10px}
.tie-page-main .wp-block-post-content .tie-band-inner>.tie-cross-border-row+.tie-cross-border-row{margin-top:100px}
.tie-cross-border-row .tie-advantage-copy>p:not(.tie-pill):not(.tie-cross-border-winner){margin:0;max-width:none;font-family:var(--tie-reading);font-size:16px;line-height:24px;color:var(--tie-muted)}
.tie-cross-border-media{background:#fff}
.tie-cross-border-media.is-pale{background:var(--tie-pale)}
.tie-cross-border-media img{aspect-ratio:16/9}
.tie-cross-border-row .tie-advantage-copy>p.tie-cross-border-winner{margin:0;max-width:none;background:#fff;border-left:3px solid var(--tie-red);border-radius:10px;padding:20px;font-family:var(--tie-reading);font-size:16px;font-weight:600;line-height:26px;color:var(--tie-red)}
.tie-cross-border-roundtable-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.tie-cross-border-roundtable-grid>.tie-advantage-media{padding:20px}
@media(max-width:1080px){ .tie-cross-border-roundtable-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:1080px){
 .tie-cross-border-roundtable-grid{grid-template-columns:minmax(0,1fr)}
 .tie-cross-border-row .tie-advantage-copy{gap:24px}
 .tie-page-main .wp-block-post-content .tie-band-inner>.tie-cross-border-row+.tie-cross-border-row{margin-top:56px}
}

/* ==========================================================================
   TiE Regions & Chapters page (frame "Tie Regions & Chapters", node
   1220:114254, file KT5wGvdGqjGMTjG4oWM1Rm). Reuses .tie-page-banner,
   .tie-pill, .tie-band/.tie-band-inner and the shared h2 styling; a
   Chapter Name / Chapter President / Executive Director table per region,
   then dark trustee cards and pale team cards for the Global Board of
   Trustees and TiE Global Team sections. */
.tie-page-main .wp-block-post-content :is(.tie-regions-bands,.tie-regions-group,.tie-regions-heading,.tie-regions-heading-text,.tie-regions-trustee-grid,.tie-regions-trustee-card,.tie-regions-trustee-top,.tie-regions-team-grid,.tie-regions-team-card,.tie-regions-team-text)>*{margin-block:0}
.tie-regions-bands{display:flex;flex-direction:column;gap:var(--tie-section)}
.tie-regions-group{display:flex;flex-direction:column;gap:40px}
/* Figma sets the Board of Trustees cards 100px below their heading (50px everywhere else). */
.tie-regions-group.is-trustees{gap:90px}
.tie-regions-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.tie-regions-heading-text{display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.tie-regions-heading-text>.wp-block-heading{margin:0}
.tie-regions-heading-center{justify-content:center;text-align:center}
.tie-regions-heading-center .tie-regions-heading-text{align-items:center}
.tie-regions-heading p.tie-regions-count{margin:0;display:inline-flex;align-items:center;justify-content:center;flex:none;padding:12px 24px;border:1px solid var(--tie-red);border-radius:10px;background:#fff;color:var(--tie-red);font-family:var(--tie-reading);font-size:16px;font-weight:700;line-height:1.6;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}

.wp-block-table.tie-regions-table{margin:0;border-radius:10px;overflow:hidden;border:1px solid #d0d0d0}
.tie-regions-table table{width:100%;border-collapse:collapse;border:0}
.tie-regions-table :is(thead,tbody,tfoot,th,td){border:0}
.tie-regions-table thead th{background:#333;color:#fff;font-family:var(--tie-reading);font-size:16px;font-weight:600;line-height:24px;text-align:left;padding:17px 20px}
.tie-regions-table tbody td{padding:17px 20px;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:24px;color:var(--tie-muted);text-align:left;vertical-align:top}
.tie-regions-table tbody tr:nth-child(odd){background:#fff}
.tie-regions-table tbody tr:nth-child(even){background:var(--tie-pale)}
.tie-regions-table tbody td:first-child a{color:var(--tie-black);font-weight:400;text-decoration:none}
.tie-regions-heading-text h2{letter-spacing:0}
.tie-regions-table tbody td:first-child a:hover{color:var(--tie-red);text-decoration:underline}
.tie-regions-empty{color:#c7c9cd}

.tie-regions-trustee-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.tie-regions-trustee-card{background:#111;border-radius:10px;padding:30px;display:flex;flex-direction:column;gap:15px}
.tie-regions-trustee-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tie-regions-trustee-top p.tie-regions-trustee-badge{margin:0;display:inline-flex;padding:8px;border-radius:4px;background:var(--tie-red);color:#fff;font-family:var(--tie-reading);font-size:12px;font-weight:600;line-height:26px;letter-spacing:0;text-transform:uppercase;white-space:nowrap}
.tie-regions-trustee-top p.tie-regions-trustee-location{margin:0;font-family:var(--tie-reading);font-size:14px;line-height:26px;color:#848484}
.tie-regions-trustee-name{margin:0;font-family:var(--tie-reading);font-size:18px;font-weight:600;line-height:26px;color:var(--tie-red)}
.tie-regions-trustee-role{margin:0;font-family:var(--tie-reading);font-size:14px;line-height:26px;color:#848484}

.tie-regions-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.tie-regions-team-card{display:flex;align-items:flex-start;gap:15px;background:var(--tie-pale);border-radius:10px;padding:20px}
.tie-regions-team-card p.tie-regions-team-avatar{margin:0;flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:100px;background:var(--tie-red);color:#fff;font-family:var(--tie-reading);font-size:14px;font-weight:700;line-height:1}
.tie-regions-team-text{display:flex;flex-direction:column;gap:8px}
.tie-regions-team-name{margin:0;font-family:var(--tie-reading);font-size:18px;font-weight:600;line-height:1.4;color:var(--tie-black)}
.tie-regions-team-role{margin:0;font-family:var(--tie-reading);font-size:14px;font-weight:600;line-height:26px;color:var(--tie-red)}
.tie-regions-team-dept{margin:0;font-family:var(--tie-reading);font-size:14px;line-height:26px;color:var(--tie-muted)}

@media(max-width:1440px){
 .tie-regions-trustee-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1180px){
 .tie-regions-trustee-grid,.tie-regions-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1080px){
 .tie-regions-table thead th,.tie-regions-table tbody td{padding:14px 16px;font-size:15px}
}
@media(max-width:860px){
 .tie-regions-bands{gap:64px}
 .tie-regions-trustee-grid{gap:20px}
}
@media(max-width:782px){
 .tie-regions-group.is-trustees{gap:48px}
 .tie-regions-heading{flex-direction:column;align-items:flex-start}
 .tie-regions-heading-center{align-items:center}
 .tie-regions-count{align-self:flex-start}
 .tie-regions-heading-center .tie-regions-count{align-self:center}
 .tie-regions-table thead{display:none}
 .tie-regions-table table,.tie-regions-table tbody,.tie-regions-table tr,.tie-regions-table td{display:block;width:100%}
 .tie-regions-table tbody tr{padding:14px 20px}
 .tie-regions-table tbody tr:not(:last-child){border-bottom:1px solid #d0d0d0}
 .tie-regions-table tbody td{padding:6px 0;display:flex;gap:12px;justify-content:space-between;align-items:baseline;text-align:right}
 .tie-regions-table tbody td:before{content:attr(data-label);flex:none;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#999;text-align:left}
 .tie-regions-team-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:560px){
 .tie-regions-trustee-grid{grid-template-columns:minmax(0,1fr)}
 .tie-regions-trustee-card{padding:24px}
}
@media(max-width:480px){
 .tie-regions-table tbody td{font-size:14px}
 .tie-regions-table tbody td:before{font-size:11px}
 .tie-regions-count{padding:10px 18px;font-size:14px}
}

/* TiE in The Media (patterns/tie-in-media.php) - node 1220:112191 of KT5wGvdGqjGMTjG4oWM1Rm. */
.tie-media-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.tie-media-story-card{background:#fff;border-radius:var(--tie-radius);box-shadow:0 14px 22.5px rgba(0,0,0,.09);padding:10px;display:flex;flex-direction:column;gap:5px;min-width:0}
.tie-media-story-body{display:flex;flex-direction:column;gap:25px;padding:30px 20px;min-width:0}
.tie-media-story-card .tie-media-story-title{margin:0;font-family:var(--tie-heading);font-size:26px;font-weight:600;line-height:36px;letter-spacing:-.78px;color:var(--tie-black);min-width:0;overflow-wrap:break-word}
.tie-media-story-meta{display:flex;align-items:center;gap:10px;font-family:var(--tie-reading);font-size:16px;line-height:26px;color:var(--tie-muted)}
.tie-media-story-meta .tie-icon{width:14.4px;height:16px;flex:none}
.tie-media-story-media{position:relative;border-radius:var(--tie-radius);overflow:hidden;background:#fff;aspect-ratio:685.5/525}
.tie-media-story-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.tie-media-story-track::-webkit-scrollbar{display:none}
.tie-media-story-slide{position:relative;flex:0 0 100%;scroll-snap-align:start;min-width:0;background:#fff;overflow:hidden}
.tie-media-story-trigger{display:block;width:100%;height:100%;padding:0;border:0;margin:0;background:none;cursor:pointer}
.tie-media-story-media img{position:relative;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.tie-media-story-prev,.tie-media-story-next{position:absolute;top:50%;transform:translateY(-50%);width:2.75rem;height:2.75rem;border-radius:50%;border:0;background:rgba(16,16,16,.55);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,opacity .15s}
.tie-media-story-prev .tie-icon,.tie-media-story-next .tie-icon{width:1.2rem;height:1.2rem}
.tie-media-story-prev{left:14px}
.tie-media-story-next{right:14px}
.tie-media-story-prev:hover,.tie-media-story-next:hover{background:var(--tie-red)}
.tie-media-story-prev:disabled,.tie-media-story-next:disabled{opacity:.35;cursor:default;pointer-events:none}
.tie-media-coverage-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:50px;flex-wrap:wrap}
.tie-media-coverage-heading h2{margin:0;font-family:var(--tie-heading);font-size:48px;font-weight:700;line-height:55px;letter-spacing:-.96px;color:var(--tie-black)}
.tie-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.tie-media-grid-item{position:relative;margin:0;border-radius:var(--tie-radius);overflow:hidden;background:#fff;box-shadow:0 14px 22.5px rgba(0,0,0,.09);aspect-ratio:337.5/250}
.tie-media-grid-trigger{display:block;width:100%;height:100%;padding:0;border:0;margin:0;background:none;cursor:pointer}
.tie-media-grid-item img{position:relative;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
@media(max-width:1180px){ .tie-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media(max-width:1080px){ .tie-media-coverage-heading h2{font-size:40px;line-height:46px} }
@media(max-width:860px){ .tie-media-stories{grid-template-columns:minmax(0,1fr)} .tie-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:782px){ .tie-media-story-card .tie-media-story-title{font-size:22px;line-height:30px} .tie-media-story-body{padding:24px 16px} .tie-media-coverage-heading{margin-bottom:32px} .tie-media-coverage-heading h2{font-size:32px;line-height:40px} .tie-media-story-prev,.tie-media-story-next{width:2.25rem;height:2.25rem} }
@media(max-width:560px){ .tie-media-grid{grid-template-columns:minmax(0,1fr)} }
@media(max-width:480px){ .tie-media-coverage-heading h2{font-size:26px;line-height:34px} }

/* Newsletters (patterns/newsletters.php) - node 1220:111758 of KT5wGvdGqjGMTjG4oWM1Rm. */
.tie-newsletter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;row-gap:60px;margin-top:36px}
.tie-newsletter-card{background:#fff;border-radius:var(--tie-radius);box-shadow:0 14px 22.5px rgba(0,0,0,.09);padding:10px 10px 35px;display:flex;flex-direction:column;min-width:0}
.tie-newsletter-card-body{min-width:0}
.tie-newsletter-card-body h3{overflow-wrap:break-word}
.tie-newsletter-card-media{display:block;border-radius:var(--tie-radius);overflow:hidden;aspect-ratio:440/280;background:var(--tie-pale)}
.tie-newsletter-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.tie-newsletter-card-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--tie-subtle)}
.tie-newsletter-card-fallback .tie-icon{width:56px;height:56px}
.tie-newsletter-card-body{display:flex;flex-direction:column;gap:18px;padding:30px 20px 0}
.tie-newsletter-card-body h3{margin:0;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:30px;letter-spacing:-.66px;color:var(--tie-black)}
.tie-newsletter-card-body h3 a{font:inherit;letter-spacing:inherit}
.tie-newsletter-card-body h3 a{color:inherit;text-decoration:none}
.tie-newsletter-card-body h3 a:hover{text-decoration:underline}
.tie-newsletter-card-meta{display:flex;align-items:center;gap:10px;font-family:var(--tie-reading);font-size:16px;line-height:26px;color:var(--tie-muted)}
.tie-newsletter-card-meta .tie-icon{width:14.4px;height:16px;flex:none}
@media(max-width:1080px){ .tie-newsletter-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:560px){ .tie-newsletter-grid{grid-template-columns:minmax(0,1fr)} }

/* ==========================================================================
   Live Events page (patterns/live-events.php) - frame "Live Events", node
   1220:111387 of KT5wGvdGqjGMTjG4oWM1Rm (sibling frame "Past Events", node
   1220:109839, supplied the populated-grid card look). Reuses .tie-page-banner
   and the homepage .tie-schedule/.tie-schedule-card/.tie-schedule-search
   markup + working tab/search JS, but every rule below is scoped under
   .tie-events-live so it repaints that shared markup as this page's own
   pill-button tabs and 3-column vertical card grid without touching the
   homepage widget (see the CSS-specificity note in the plugin's public.css:
   its :where() fallbacks are zero-specificity, so a compound
   ".tie-events-live .tie-schedule-x" selector always wins over both that and
   editorial.css's own single-class .tie-schedule-card rule). */
.tie-events-live.tie-schedule{display:block;background:none;padding:0;border-radius:0}
.tie-events-live-tabbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:0;margin-bottom:40px}
.tie-events-live-tabbar .tie-schedule-tabs{display:flex;gap:20px;flex-wrap:wrap}
.tie-events-live-tabbar.tie-schedule-tabbar .tie-schedule-tabs label.tie-schedule-tab{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:10px;background:#fff;border:1px solid #666;color:#666;font-family:var(--tie-reading);font-size:16px;font-weight:700;line-height:1.6;letter-spacing:.8px;text-transform:uppercase;text-align:center;white-space:nowrap;cursor:pointer}
.tie-events-live-panel .tie-schedule-tab-input:first-of-type:checked~.tie-events-live-tabbar.tie-schedule-tabbar .tie-schedule-tabs label.tie-schedule-tab:first-child,
.tie-events-live-panel .tie-schedule-tab-input:last-of-type:checked~.tie-events-live-tabbar.tie-schedule-tabbar .tie-schedule-tabs label.tie-schedule-tab:last-child{background:var(--tie-red);border-color:var(--tie-red);color:#fff}
.tie-events-live-search-wrap.tie-schedule-search-wrap .tie-schedule-search{width:50px;height:50px;border-radius:10px;border:1px solid #dee3ed;background:#fff;color:var(--tie-red)}
.tie-events-live-search-wrap.tie-schedule-search-wrap .tie-schedule-search:hover,.tie-events-live-search-wrap.tie-schedule-search-wrap .tie-schedule-search:focus-visible{background:var(--tie-pale)}
.tie-events-live-search-wrap.tie-schedule-search-wrap .tie-schedule-search .tie-icon{width:16px;height:16px}
/* The search field opens as a panel directly beneath the 50px toggle (right-aligned to it), so it
   never sits over the City / Category / Type selects beside it and the row does not reflow. */
.tie-events-live-search-wrap.tie-schedule-search-wrap .tie-schedule-search-input{top:calc(100% + 10px);right:0;transform:none;z-index:5;width:300px;max-width:calc(100vw - 32px);height:50px;padding:0 18px;border:1px solid #dee3ed;border-radius:10px;font-size:16px;box-shadow:0 12px 28px rgba(16,16,16,.12)}
.tie-events-live-search-wrap.tie-schedule-search-wrap .tie-schedule-search[aria-expanded="true"]{border-color:var(--tie-red);background:var(--tie-pale)}
/* Below 1080px the filters wrap, so the search sits on the filter row (or its own row) and opens
   inline: the field fills the free width to the left of the toggle instead of floating off-screen. */
@media(max-width:1080px){ .tie-events-live-filters{width:100%;gap:14px 24px} .tie-events-live-search-wrap.tie-schedule-search-wrap{flex:1 1 260px;gap:10px;justify-content:flex-end} .tie-events-live-search-wrap.tie-schedule-search-wrap .tie-schedule-search-input{position:static;order:-1;flex:1 1 auto;min-width:0;width:auto;max-width:none;box-shadow:none} }
.tie-events-live-panel .tie-schedule-tab-input:first-of-type:checked~.tie-schedule-list.tie-schedule-list-upcoming,
.tie-events-live-panel .tie-schedule-tab-input:last-of-type:checked~.tie-schedule-list.tie-schedule-list-past{display:block}
/* Figma node 1220:109882: three closed-state dropdown buttons (text + chevron, bottom
   border only, 180px) sitting beside the search toggle in the same row as the tabs. */
.tie-events-live-filters{display:flex;align-items:center;gap:40px;flex-wrap:wrap}
/* Figma: an empty tab ("Live Events (0)") shows only the search - no City / Category / Type filters. */
.tie-events-live.no-upcoming .tie-schedule-tab-input[id$="-upcoming"]:checked~.tie-events-live-tabbar .tie-events-live-filter,
.tie-events-live.no-past .tie-schedule-tab-input[id$="-past"]:checked~.tie-events-live-tabbar .tie-events-live-filter{display:none}
.tie-events-live-filter{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;width:180px;padding:20px 10px;border-bottom:1px solid #dee3ed}
.tie-events-live-filter select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:0;padding:0;width:100%;font-family:var(--tie-reading);font-size:16px;color:var(--tie-black);cursor:pointer}
.tie-events-live-filter select:focus-visible{outline:2px solid var(--tie-red);outline-offset:4px}
.tie-events-live-filter.is-enhanced select{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
.tie-filter-button{appearance:none;-webkit-appearance:none;display:block;width:100%;padding:0 24px 0 0;margin:0;background:transparent;border:0;text-align:left;font-family:var(--tie-reading);font-size:16px;line-height:1.5;color:var(--tie-black);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tie-filter-button:focus-visible{outline:2px solid var(--tie-red);outline-offset:6px;border-radius:4px}
.tie-events-live-filter.is-open .tie-icon{transform:rotate(180deg)}
.tie-filter-list{position:absolute;z-index:30;top:calc(100% + 6px);left:0;min-width:100%;width:max-content;max-width:min(320px,90vw);max-height:300px;overflow-y:auto;margin:0;padding:8px;list-style:none;background:#fff;border:1px solid #dee3ed;border-radius:12px;box-shadow:0 14px 34px rgba(17,17,17,.14);outline:0}
.tie-filter-list[hidden]{display:none}
.tie-page-main .wp-block-post-content .tie-filter-list li,.tie-filter-list li{margin:0;padding:12px 16px;border-radius:8px;font-family:var(--tie-reading);font-size:15px;line-height:1.4;color:var(--tie-black);cursor:pointer}
.tie-filter-list li.is-active{background:var(--tie-pale)}
.tie-filter-list li.is-selected{color:var(--tie-red);font-weight:600}
.tie-events-live-filter .tie-icon{position:absolute;right:10px;width:10px;height:10px;flex:none;color:var(--tie-black);pointer-events:none}
.tie-events-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;row-gap:60px}
.tie-events-live-grid .tie-schedule-card{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding:10px 10px 35px;border:0;border-radius:20px;background:#fff;box-shadow:0 14px 22.5px rgba(0,0,0,.09);overflow:visible;min-width:0}
.tie-events-live-grid .tie-schedule-image,.tie-events-live-grid .tie-schedule-image-fallback{width:100%;aspect-ratio:440/280;min-height:0;border-radius:20px}
.tie-events-live-grid .tie-schedule-image img{width:100%;height:100%;object-fit:contain;display:block;border-radius:20px}
.tie-events-live-grid .tie-schedule-card-content{display:flex;flex-direction:column;gap:25px;padding:0 20px;min-width:0}
.tie-events-live-grid .tie-schedule-card h3{margin:0;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:38px;letter-spacing:-.66px;color:var(--tie-black)}
.tie-events-live-grid .tie-schedule-meta{margin:0;display:flex;flex-direction:column;flex-wrap:nowrap;gap:15px}
.tie-events-live-grid .tie-schedule-meta span{gap:8px}
.tie-events-live-grid .tie-schedule-card[hidden]{display:none}
.tie-events-live-loadmore-wrap{display:flex;justify-content:center;margin-top:60px}
.tie-events-live-loadmore{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;background:var(--tie-red);color:#fff;font-family:var(--tie-reading);font-size:16px;font-weight:700;line-height:1.6;border:0;cursor:pointer}
.tie-events-live-loadmore:hover{background:var(--tie-action-hover)}
.tie-events-live-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;min-height:420px;padding:48px 24px;background:var(--tie-pale);border-radius:var(--tie-radius);text-align:center}
.tie-events-live-empty img{width:220px;height:auto}
.tie-events-live-empty p{margin:0;font-family:var(--tie-heading);font-size:20px;font-weight:600;line-height:36px;letter-spacing:-.6px;color:var(--tie-black)}
@media(max-width:1180px){ .tie-events-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:782px){
 .tie-events-live-grid{grid-template-columns:minmax(0,1fr);row-gap:40px}
 .tie-events-live-grid .tie-schedule-card h3{font-size:20px;line-height:1.4}
 .tie-events-live-tabbar{gap:16px}
 .tie-events-live-tabbar .tie-schedule-tab{padding:10px 18px;font-size:14px}
}
@media(max-width:560px){ .tie-events-live-tabbar{flex-direction:column;align-items:flex-start;gap:14px} .tie-events-live-tabbar .tie-schedule-tabs{width:100%} .tie-events-live-filters{width:100%;gap:14px 20px} .tie-events-live-filter{width:calc(50% - 10px)} .tie-events-live-search-wrap.tie-schedule-search-wrap{justify-content:flex-start;flex:1 1 auto;width:auto;min-width:0} .tie-events-live-search-wrap.tie-schedule-search-wrap:has(.tie-schedule-search[aria-expanded="true"]){flex-basis:100%} }
@media(max-width:480px){ .tie-events-live-empty{min-height:320px;padding:32px 18px} .tie-events-live-empty img{width:160px} .tie-events-live-tabbar .tie-schedule-tabs{gap:10px} .tie-events-live-tabbar .tie-schedule-tab{padding:9px 14px;font-size:13px;letter-spacing:.4px} .tie-events-live-grid .tie-schedule-card h3{font-size:18px} }

/* ==========================================================================
   Volunteers page (patterns/volunteer.php) - frame "Volunteers", node
   1220:111275 of KT5wGvdGqjGMTjG4oWM1Rm. Reuses .tie-page-banner, .tie-pill
   and the .tie-request-page/.tie-contact-form-card volunteer form (contact.php
   layout "volunteer"); this centred eyebrow + heading + intro-copy block above
   the form is the only new part. */
.tie-volunteer-intro{display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center}
.tie-volunteer-intro>.tie-pill{margin:0}
.tie-volunteer-intro>h2{margin:0;font-family:var(--tie-heading);font-size:48px;font-weight:700;line-height:55px;letter-spacing:-.96px;color:var(--tie-black)}
.tie-volunteer-intro-copy{margin:0!important;max-width:911px;font-family:var(--tie-reading);font-size:18px;font-weight:400;line-height:28px;color:var(--tie-muted)}
.tie-volunteer-intro .tie-request-page{margin-top:60px}
/* Embedded Google Form (tie/form-embed): the live Volunteers page's real form, full content width. */
.wp-block-tie-form-embed{align-self:stretch;width:100%;display:flex;justify-content:center}
.tie-form-embed{width:100%;max-width:1000px}
.tie-form-embed iframe{min-width:0}
.tie-volunteer-intro>.wp-block-tie-form-embed{margin-top:20px}
.tie-form-embed iframe{display:block;width:100%;border:0;border-radius:var(--tie-radius);background:#fff}
.tie-form-embed-fallback{margin:12px 0 0;font-family:var(--tie-reading);font-size:14px;text-align:center}
.tie-form-embed-fallback a{color:var(--tie-red)}
@media(max-width:1080px){ .tie-volunteer-intro>h2{font-size:40px;line-height:46px} .tie-volunteer-intro-copy{max-width:640px} }
@media(max-width:782px){ .tie-volunteer-intro{gap:28px} .tie-volunteer-intro>h2{font-size:32px;line-height:40px} .tie-volunteer-intro-copy{max-width:100%} .tie-volunteer-intro .tie-request-page{margin-top:40px} }
@media(max-width:480px){ .tie-volunteer-intro>h2{font-size:26px;line-height:34px} }
@media(max-width:480px){ .tie-newsletter-card-body{padding:24px 16px 0} }

/* ==========================================================================
   Health & Wellbeing program page (frame "Health-wellbeing", node
   1220:111023, file KT5wGvdGqjGMTjG4oWM1Rm). Reuses .tie-page-banner,
   .tie-pill, .tie-band h2, .tie-advantage-row/-media/-copy, .tie-charter-list
   and .tie-university-heading throughout. The classes below are the parts
   Figma draws with no existing equivalent: the small highlighted note under
   the introduction, the Mission/Events two-column layout and the four
   numbered value-proposition cards (also reused, unmodified, for the TYE
   "Get in Touch" cards - see patterns/tye.php).
   ========================================================================== */
.tie-wellbeing-note{margin-top:10px;padding:20px 24px;border-radius:var(--tie-radius);background:var(--tie-pale);font-family:var(--tie-reading)}
.tie-wellbeing-note p{margin:0;max-width:none;font-size:16px;line-height:1.6;color:var(--tie-black)}
.tie-page-main .wp-block-post-content :is(.tie-wellbeing-cols,.tie-wellbeing-col,.tie-wellbeing-values,.tie-wellbeing-value,.tie-wellbeing-note,.tie-wellbeing-card,.tie-wellbeing-league,.tie-wellbeing-intro .tie-advantage-copy)>*{margin-block:0}
/* Health & Wellbeing, Figma frame 1220:111023. Intro (1220:111189): copy stack spaced by 40px gaps. */
.tie-wellbeing-intro .tie-advantage-copy{gap:40px}
.tie-wellbeing-intro .tie-advantage-copy>p:not(.tie-pill):not(.tie-wellbeing-note){margin:0;font-size:16px;line-height:24px}
.tie-wellbeing-intro .tie-advantage-copy>p.tie-wellbeing-note{margin:0;max-width:none;width:100%;padding:20px;border-left:3px solid var(--tie-red);border-radius:10px;background:#fef5f5;font-family:var(--tie-reading);font-size:16px;font-weight:600;line-height:26px;color:var(--tie-red)}
/* Mission / Events (1220:111130): red and black cards, white text and Figma's round white checks. */
.tie-wellbeing-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:stretch}
.tie-wellbeing-card{display:flex;flex-direction:column;gap:30px;padding:40px;border-radius:20px;color:#fff}
.tie-wellbeing-card.is-red{background:var(--tie-red)}
.tie-wellbeing-card.is-dark{background:#111}
.tie-page-main .wp-block-post-content .tie-wellbeing-card>h3{margin:0;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:30px;letter-spacing:-.66px;color:#fff}
.tie-wellbeing-checks.wp-block-list{display:flex;flex-direction:column;gap:30px;margin:0;padding:0;list-style:none}
.tie-page-main .wp-block-post-content .tie-wellbeing-checks>li{position:relative;margin:0;padding-left:40px;font-family:var(--tie-reading);font-size:16px;line-height:24px;color:#fff}
.tie-wellbeing-checks>li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;background:var(--tie-check) center/contain no-repeat}
.tie-wellbeing-card.is-red{--tie-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' rx='10' fill='white'/%3E%3Cpath d='M14 7.25 8.5 12.75 6 10.25' fill='none' stroke='%23E53935' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.tie-wellbeing-card.is-dark{--tie-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' rx='10' fill='white'/%3E%3Cpath d='M14 7.25 8.5 12.75 6 10.25' fill='none' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
/* Cricket / Golf leagues (1220:111059): white cards; galleries of square photos, 4 per row with the
   last row centred; each photo opens the site popup (assets/public.js, "tie-lightbox-gallery"). */
.tie-page-main .wp-block-post-content .tie-band-inner>.tie-wellbeing-league+.tie-wellbeing-league{margin-top:100px}
.tie-wellbeing-league{display:flex;flex-direction:column;gap:30px;padding:30px;border-radius:20px;background:#fff}
.tie-page-main .wp-block-post-content .tie-wellbeing-league>h3{margin:0;font-family:var(--tie-heading);font-size:28px;font-weight:600;line-height:38px;letter-spacing:-.84px;color:var(--tie-black)}
.tie-wellbeing-league>p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:16px;line-height:24px;color:var(--tie-muted)}
hr.wp-block-separator.tie-wellbeing-league-rule:not(.is-style-dots){width:100%;max-width:none;height:1px;margin:0;border:0;background:#c8c8c8;opacity:1}
.tie-wellbeing-gallery.wp-block-gallery{--wp--style--unstable-gallery-gap:30px;gap:30px;justify-content:center;margin:0}
.tie-wellbeing-gallery.wp-block-gallery figure.wp-block-image:not(#individual-image){flex:0 0 calc((100% - 3 * var(--wp--style--unstable-gallery-gap)) / 4);width:calc((100% - 3 * var(--wp--style--unstable-gallery-gap)) / 4);aspect-ratio:1;margin:0;border-radius:10px;overflow:hidden}
@media(max-width:782px){ .tie-wellbeing-gallery.wp-block-gallery figure.wp-block-image:not(#individual-image){flex-basis:calc((100% - var(--wp--style--unstable-gallery-gap)) / 2);width:calc((100% - var(--wp--style--unstable-gallery-gap)) / 2)} }
/* This page's centred section headings are one line in Figma (wider than the shared 900px cap). */
.tie-university-heading.is-wide{max-width:none}
.tie-wellbeing-gallery.wp-block-gallery figure.wp-block-image img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.tie-wellbeing-gallery.wp-block-gallery figure.wp-block-image a{display:block;height:100%;cursor:zoom-in}
@media(max-width:1080px){ .tie-wellbeing-cols{grid-template-columns:minmax(0,1fr)} }
@media(max-width:782px){ .tie-wellbeing-card{padding:28px} .tie-wellbeing-league{padding:20px} .tie-wellbeing-gallery.wp-block-gallery{--wp--style--unstable-gallery-gap:16px;gap:16px} .tie-page-main .wp-block-post-content .tie-band-inner>.tie-wellbeing-league+.tie-wellbeing-league{margin-top:48px} }
.tie-wellbeing-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px}
.tie-page-main .wp-block-post-content .tie-wellbeing-col>h3{margin:0 0 20px}
.tie-wellbeing-col h3{margin:0 0 20px;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.02em;color:var(--tie-black)}
.tie-wellbeing-col p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:17px;line-height:1.65;color:var(--tie-muted)}
.tie-wellbeing-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.tie-tye-steps-wide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 60px}
.tie-tye-steps-wide .tie-university-step{align-items:flex-start}
.tie-charter-list.is-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 40px}
@media(max-width:1080px){ .tie-tye-steps-wide{grid-template-columns:1fr} }
@media(max-width:860px){ .tie-charter-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:560px){ .tie-charter-list.is-grid{grid-template-columns:1fr} }
.tie-wellbeing-value{position:relative;display:flex;flex-direction:column;gap:20px;padding:30px;background:#fff;border-radius:20px;box-shadow:0 14px 22.5px rgba(0,0,0,.09)}
.tie-wellbeing-value .tie-wellbeing-value-icon{width:50px;height:50px;margin:0}
.tie-wellbeing-value-icon img{display:block;width:100%;height:100%}
.tie-wellbeing-value p.tie-wellbeing-value-number{margin:0;position:absolute;top:30px;right:30px;font-family:var(--tie-reading);font-size:28px;font-weight:700;line-height:28px;color:rgba(0,0,0,.1)}
.tie-wellbeing-value h3{margin:0;font-family:var(--tie-heading);font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.03em;color:var(--tie-black)}
.tie-wellbeing-value p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:16px;line-height:1.5;color:var(--tie-muted)}
.tie-wellbeing-value p a{color:var(--tie-red);text-decoration:none;font-weight:600}
.tie-wellbeing-value p a:hover{text-decoration:underline}
@media(max-width:1180px){ .tie-wellbeing-values{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:1080px){ .tie-wellbeing-cols{gap:36px} }
@media(max-width:782px){
 .tie-wellbeing-cols{grid-template-columns:1fr;gap:28px}
 .tie-wellbeing-col h3{font-size:20px}
 .tie-wellbeing-col p{font-size:16px}
}
@media(max-width:560px){ .tie-wellbeing-values{grid-template-columns:1fr} }
@media(max-width:480px){
 .tie-wellbeing-note{padding:16px 18px}
 .tie-wellbeing-value{padding:24px}
}

/* ==========================================================================
   TiE Young Entrepreneurs (TYE) program page, built to the Tie-Dev Figma file
   (frame "TiE Young Entrepreneurs", node 1220:110376, file KT5wGvdGqjGMTjG4oWM1Rm):
   sections 1220:110938 (intro) .. 1220:110412 (Get in Touch). Centred headings,
   the roadmap/contact cards and the report button reuse the TiE Women page's
   .tie-women-heading / -stack / -card / -actions primitives (same Figma parts).
   ========================================================================== */
.tie-page-main .wp-block-post-content :is(.tie-tye-split,.tie-tye-copy,.tie-tye-orbit,.tie-tye-orbit-centre,.tie-tye-orbit-item,.tie-tye-orbit-text,.tie-tye-duo,.tie-tye-panel,.tie-tye-posters,.tie-tye-gallery,.tie-tye-mosaic,.tie-tye-mosaic-col,.tie-tye-mosaic-row,.tie-tye-schools)>*,.tie-page-main .wp-block-post-content :is(.tie-tye-numbered,.tie-tye-checks,.tie-tye-dots) li{margin-block:0}
:is(.tie-tye-copy,.tie-tye-panel,.tie-tye-orbit,.tie-tye-step) :is(h2,h3,p,li){text-box:trim-both cap alphabetic}
.tie-tye-copy>.tie-pill{display:block;width:fit-content;text-box:trim-both cap alphabetic}

/* Image + copy rows (sections 1, 3, 4, 7): 671px framed photo, 100px gap, 670px copy. */
.tie-tye-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;align-items:center}
.tie-tye-media{margin:0;padding:20px;border-radius:var(--tie-radius);background:var(--tie-pale)}
.tie-tye-media.is-white{background:#fff}
.tie-tye-media img{display:block;width:100%;height:auto;border-radius:10px}
.tie-tye-copy{display:flex;flex-direction:column;align-items:flex-start;gap:40px;min-width:0}
.tie-band .tie-tye-copy h2{font-family:var(--tie-heading);font-size:clamp(30px,4.2vw,48px);font-weight:700;line-height:1.208;letter-spacing:-.96px;color:var(--tie-black)}
.tie-tye-copy>p,.tie-tye-checks li{max-width:none;margin:0;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:24px;color:var(--tie-muted)}
.tie-tye-copy>p.tie-tye-lead{font-size:18px;font-weight:600;line-height:28px;color:var(--tie-black)}
.tie-tye-copy>p.tie-tye-closing{font-weight:600;color:var(--tie-black)}
.tie-tye-copy>p.tie-tye-callout{width:100%;padding:20px;border-left:3px solid var(--tie-red);border-radius:10px;background:#fef5f5;line-height:26px}
.tie-tye-callout strong{font-weight:600;color:var(--tie-black)}

/* Numbered lists: red 24px counters (section 3 with a description, section 7 as a 2-column grid). */
.tie-tye-numbered{display:flex;flex-direction:column;gap:40px;width:100%;margin:0;padding:0;list-style:none;counter-reset:tie-tye}
.tie-tye-numbered>li{position:relative;padding-left:39px;counter-increment:tie-tye;font-family:var(--tie-reading);font-size:16px;font-weight:500;line-height:24px;color:var(--tie-black)}
.tie-tye-numbered>li::before{content:counter(tie-tye);position:absolute;left:0;top:-6px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(229,57,53,.1);color:var(--tie-red);font-size:12px;font-weight:600;line-height:24px;text-box:none}
.tie-tye-numbered.is-detailed>li{font-size:14px;font-weight:400;line-height:22px;color:var(--tie-muted)}
.tie-tye-numbered.is-detailed>li::before{top:-12px}
.tie-tye-numbered.is-detailed strong{display:block;margin:6px 0 18px;font-size:16px;font-weight:500;line-height:24px;color:var(--tie-black)}
.tie-tye-numbered.is-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px}

/* Check lists (section 4 red, section 5 white-on-black). */
.tie-tye-checks{display:flex;flex-direction:column;gap:30px;width:100%;margin:0;padding:0;list-style:none}
.tie-tye-checks>li{position:relative;padding-left:40px}
.tie-tye-checks>li::before{content:"";position:absolute;left:0;top:-4px;width:20px;height:20px;background:url(icons/women-check.svg) center/contain no-repeat}
.tie-tye-checks.is-inverse>li{color:#fff}
.tie-tye-checks.is-inverse>li::before{background-image:url(icons/tye-check-white.svg)}

/* Section 2: "The Power of the Network" orbit, positioned exactly as Figma's 1283x778 group. */
.tie-tye-orbit{--tie-tye-core:620px;position:relative;width:1283px;height:778px;margin-inline:auto}
/* The four concentric orbit rings are pure decoration (never content), so they are drawn here
   as one layered background rather than as images in the page - every ring is centred, at
   the Figma sizes 300 / 345 / 470 / 620 of the 620px core. */
.tie-tye-orbit::before{content:"";position:absolute;left:332px;top:134px;width:var(--tie-tye-core);height:var(--tie-tye-core);pointer-events:none;background:url(icons/tye-ring-300.svg) center/48.387% no-repeat,url(icons/tye-ring-345.svg) center/69.839% no-repeat,url(icons/tye-ring-470.svg) center/75.806% no-repeat,url(icons/tye-ring-620.svg) center/100% no-repeat}
.tie-tye-orbit-centre{position:absolute;left:50%;top:calc(134px + var(--tie-tye-core) / 2);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;pointer-events:none}
.tie-tye-orbit-bolt{margin:0}
.tie-tye-orbit-bolt img{display:block;width:28px;height:46px}
.tie-band .tie-tye-orbit-centre h2{font-family:var(--tie-heading);font-size:28px;font-weight:700;line-height:38px;letter-spacing:-.56px;color:#fff;white-space:nowrap}
.tie-tye-orbit-item{position:absolute;display:flex;align-items:center;gap:30px}
.tie-tye-orbit-item.is-left{flex-direction:row-reverse;text-align:right}
.tie-tye-orbit-item.is-top{flex-direction:column-reverse;width:385px;text-align:center}
.tie-tye-orbit-item.is-1{left:450px;top:0}
.tie-tye-orbit-item.is-2{left:847px;top:204px}
.tie-tye-orbit-item.is-3{left:898px;top:457px}
.tie-tye-orbit-item.is-4{left:735px;top:678px}
.tie-tye-orbit-item.is-5{left:53px;top:204px}
.tie-tye-orbit-item.is-6{left:0;top:457px}
.tie-tye-orbit-item.is-7{left:118px;top:678px}
.tie-tye-orbit-icon{flex:none;width:100px;height:100px;margin:0}
.tie-tye-orbit-icon img{display:block;width:110px;height:110px;max-width:none;margin:-5px}
.tie-tye-orbit-text{display:flex;flex-direction:column;gap:14px;width:255px}
.tie-tye-orbit-item.is-top .tie-tye-orbit-text{width:auto}
.tie-tye-orbit-item.is-7 .tie-tye-orbit-text{width:auto;white-space:nowrap}
.tie-tye-orbit-text h3{margin:0;font-family:var(--tie-reading);font-size:22px;font-weight:600;line-height:30px;letter-spacing:0;color:var(--tie-black)}
.tie-tye-orbit-text p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:16px;line-height:24px;color:var(--tie-muted)}

/* Section 5: the red "Why TYE" and black "What is in TYE" panels. */
.tie-tye-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.tie-tye-panel{display:flex;flex-direction:column;gap:30px;padding:40px;border-radius:var(--tie-radius);color:#fff}
.tie-tye-panel.is-red{background:var(--tie-red)}
.tie-tye-panel.is-dark{background:var(--tie-black)}
.tie-tye-panel h3{margin:0;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:30px;letter-spacing:-.66px;color:#fff}
.tie-tye-panel>p{margin:0;max-width:none;font-family:var(--tie-reading);font-size:16px;line-height:24px;color:#fff}
.tie-tye-panel>p strong{font-weight:700}
.tie-tye-panel>p.tie-tye-panel-label{font-weight:600;color:var(--tie-red)}
.tie-tye-panel .tie-tye-checks{gap:30px}

/* Section 6: roadmap cards (tie-women-card) with red dot lists. */
.tie-tye-step h3{font-size:20px;line-height:30px;letter-spacing:-.6px}
.tie-tye-dots{display:flex;flex-direction:column;gap:20px;margin:0;padding:0;list-style:none}
.tie-tye-dots>li{position:relative;padding-left:20px;font-family:var(--tie-reading);font-size:16px;line-height:24px;color:var(--tie-muted)}
.tie-tye-dots>li::before{content:"";position:absolute;left:2px;top:2px;width:8px;height:8px;border-radius:50%;background:var(--tie-red)}

/* Section 8: the four mentor posters. */
.tie-tye-posters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:100px}
.tie-tye-poster{margin:0;padding:20px;border-radius:var(--tie-radius);background:#fff}
.tie-tye-poster img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--tie-radius);background:var(--tie-black)}

/* Sections 9-10: 4 x 2 photo galleries. */
.tie-tye-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.tie-tye-gallery>figure{margin:0}
.tie-tye-gallery img{display:block;width:100%;height:auto;aspect-ratio:338.25/322.75;object-fit:cover;border-radius:10px}

/* Section 11: winner mosaic (Figma 1440 x 1181: 567.6 | 840.9 columns, 31.5px gaps). */
.tie-tye-mosaic{display:flex;gap:31.54px}
.tie-tye-mosaic-col{display:flex;flex-direction:column;gap:31.53px;min-width:0}
.tie-tye-mosaic-col.is-left{flex:567.594 1 0}
.tie-tye-mosaic-col.is-right{flex:840.875 1 0}
.tie-tye-mosaic-row{display:flex;gap:31.53px}
.tie-tye-mosaic figure{margin:0;min-width:0}
.tie-tye-mosaic img{display:block;width:100%;height:auto;object-fit:cover;border-radius:10px}
.tie-tye-mosaic .is-t1 img{aspect-ratio:567.594/697.927}
.tie-tye-mosaic .is-t6 img{aspect-ratio:567.594/451.971}
.tie-tye-mosaic .is-t2 img{aspect-ratio:840.875/540.263}
.tie-tye-mosaic .is-t3 img{aspect-ratio:840.875/291.153}
.tie-tye-mosaic .is-t4{flex:408.875 1 0}
.tie-tye-mosaic .is-t5{flex:400.469 1 0}
.tie-tye-mosaic :is(.is-t4,.is-t5) img{height:286.949px;aspect-ratio:auto}

/* Section 12: participating-school logo tiles (215 x 84), each logo at its Figma height. */
.tie-tye-schools{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}
.tie-tye-school{display:flex;align-items:center;justify-content:center;width:215px;height:84px;margin:0;padding:0 12px;border:1px solid #ececec;border-radius:var(--tie-radius-sm);background:#fff}
.tie-tye-school img{display:block;width:auto;max-width:100%;height:65px;object-fit:contain}
.tie-tye-school.is-s2 img{height:48px}.tie-tye-school.is-s3 img,.tie-tye-school.is-s6 img{height:56px}.tie-tye-school.is-s4 img{height:44px}.tie-tye-school.is-s5 img{height:68px}.tie-tye-school.is-s7 img{height:70px}.tie-tye-school.is-s8 img{height:31px}.tie-tye-school.is-s9 img,.tie-tye-school.is-s10 img{height:60px}.tie-tye-school.is-s11 img{height:29px}.tie-tye-school.is-s12 img{height:46px}

@media(max-width:1439px){ .tie-tye-orbit{zoom:.82} }
@media(max-width:1180px){
 .tie-tye-split{gap:60px}
 .tie-tye-posters{gap:40px}
 .tie-tye-mosaic :is(.is-t4,.is-t5) img{height:auto;aspect-ratio:408.875/286.949}
 /* The orbit becomes the circle on top with the seven parts in a grid beneath it. */
 .tie-tye-orbit{--tie-tye-core:420px;zoom:1;width:auto;height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px;padding-top:calc(var(--tie-tye-core) + 60px)}
 .tie-tye-orbit::before{left:50%;top:0;transform:translateX(-50%)}
 .tie-tye-orbit-centre{top:calc(var(--tie-tye-core) / 2)}
 .tie-tye-orbit-item,.tie-tye-orbit-item.is-left,.tie-tye-orbit-item.is-top{position:static;flex-direction:row;width:auto;text-align:left;gap:20px}
 .tie-tye-orbit-text,.tie-tye-orbit-item.is-7 .tie-tye-orbit-text{width:auto;white-space:normal}
 .tie-tye-orbit-icon{width:72px;height:72px}
 .tie-tye-orbit-icon img{width:79px;height:79px;margin:-3.5px}
 .tie-tye-orbit-text h3{font-size:20px;line-height:28px}
 .tie-band .tie-tye-orbit-centre h2{font-size:22px;line-height:30px}
 .tie-tye-orbit-centre{gap:14px}
}
@media(max-width:1080px){
 .tie-tye-split,.tie-tye-duo{grid-template-columns:minmax(0,1fr)}
 .tie-tye-split{gap:48px}
 .tie-tye-split>.tie-tye-media{order:-1;width:100%;max-width:671px;margin-inline:auto}
}
@media(max-width:860px){
 .tie-tye-posters{grid-template-columns:minmax(0,1fr);max-width:671px;margin-inline:auto}
 .tie-tye-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 .tie-tye-mosaic{flex-direction:column;gap:20px}
 .tie-tye-mosaic-col,.tie-tye-mosaic-row{gap:20px}
}
@media(max-width:782px){
 .tie-tye-copy{gap:30px}
 .tie-tye-panel{padding:30px 24px}
 .tie-tye-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .tie-tye-orbit{--tie-tye-core:320px;grid-template-columns:minmax(0,1fr);gap:28px}
 .tie-band .tie-tye-orbit-centre h2{font-size:18px;line-height:24px;letter-spacing:-.36px}
 .tie-tye-orbit-centre{gap:10px}
 .tie-tye-orbit-bolt img{width:20px;height:33px}
}
@media(max-width:560px){
 .tie-tye-numbered.is-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .tie-tye-numbered{gap:30px}
 .tie-tye-schools{gap:14px}
 .tie-tye-school{width:calc(50% - 7px);height:72px}
 .tie-tye-school img{max-height:52px}
 .tie-tye-orbit{--tie-tye-core:280px}
 .tie-band .tie-tye-orbit-centre h2{font-size:16px;line-height:21px}
 .tie-tye-orbit-bolt img{width:17px;height:28px}
 .tie-tye-mosaic-row{flex-direction:column}
 .tie-tye-mosaic :is(.is-t4,.is-t5){flex:none}
}

/* ==========================================================================
   Mentor Brew program page (frame "Mentor Brew", node 1220:109695, file
   KT5wGvdGqjGMTjG4oWM1Rm). Reuses .tie-page-banner/.tie-band throughout; the
   only page-specific content is the real, dynamic photo-gallery mosaic below
   (wp:tie/program-gallery), matching Figma's real 4-row bento layout: a
   wide+narrow row, a three-equal row, a narrow+wide row and a second
   wide+narrow row - proportions taken straight from Figma's real 951px/460px
   column widths (flex-grow ratio 951:460, so it scales responsively).
   ========================================================================== */
.tie-program-gallery{display:flex;flex-direction:column;gap:30px}
.tie-program-gallery-row{display:flex;gap:30px;height:400px}
.tie-program-gallery-tile{border-radius:20px;overflow:hidden;min-width:0}
.tie-program-gallery-tile img{width:100%;height:100%;object-fit:cover;display:block}
/* Each tile is a popup trigger (assets/public.js): the button fills the tile exactly as the image did. */
.tie-program-gallery-trigger{display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:none;cursor:zoom-in}
.tie-program-gallery-trigger:focus-visible{outline:3px solid var(--tie-red);outline-offset:-3px}
.tie-program-gallery-trigger img{transition:transform .3s ease}
.tie-program-gallery-trigger:hover img{transform:scale(1.03)}
.tie-program-gallery-tile.is-wide{flex:951 1 0}
.tie-program-gallery-tile.is-narrow{flex:460 1 0}
.tie-program-gallery-tile.is-equal{flex:1 1 0}
.tie-program-gallery-row-extra{flex-wrap:wrap;height:auto}
.tie-program-gallery-row-extra .tie-program-gallery-tile{flex:1 1 300px;height:260px}
@media(max-width:1180px){ .tie-program-gallery-row{height:320px} }
@media(max-width:860px){ .tie-program-gallery-row{height:260px;gap:20px} .tie-program-gallery{gap:20px} }
@media(max-width:782px){
 .tie-program-gallery-row{flex-direction:column;height:auto}
 .tie-program-gallery-tile{height:280px!important;flex:none!important}
}
@media(max-width:480px){ .tie-program-gallery-tile{height:220px!important} }

/* --- Mobile header + navigation drawer -----------------------------------
   Neither Figma file has a mobile frame, so the drawer reuses the desktop
   header tokens (node 1:2875: Inter Medium 16/26 #111, -0.25px; Join button
   #e53935, 8px radius, Inter Bold 16/1.6 uppercase 0.8px) and the dropdown
   tokens (node 1544:42845: Inter Regular 15px on 35px rows, #e5e7eb rules).
   The core overlay supplies the dialog, focus trap and Escape handling;
   motion.js adds the head/footer, accordions and the animated close. */
.tie-mnav-toggle,.tie-mnav-head,.tie-mnav-foot{display:none}
@keyframes tie-mnav-fade-in{from{background-color:rgba(17,17,17,0)}}
@keyframes tie-mnav-fade-out{to{background-color:rgba(17,17,17,0)}}
@keyframes tie-mnav-slide-in{from{transform:translateX(100%)}}
@keyframes tie-mnav-slide-out{to{transform:translateX(100%)}}
/* The 1440px header and footer rows have no side padding of its own; once the viewport is
   narrower than 1440px plus two gutters, keep the logo and button off the edges. */
@media(max-width:1575px){
 .tie-header .tie-header-main,.tie-header .tie-utility-inner,.tie-footer{box-sizing:border-box;padding-inline:var(--tie-gutter)}
}
/* With the gutter in place the six desktop links only fit on one line above
   1180px, so the drawer takes over from there down. */
@media(max-width:1440px){
 .tie-header .tie-header-main{gap:24px}
 .tie-header .tie-header-nav .wp-block-navigation__container{gap:28px}
}
@media(max-width:1280px){
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}
 .tie-header .tie-header-main .tie-header-join{order:2;margin-left:auto}
 .tie-header .tie-header-main .tie-header-nav{order:3;flex:0 0 auto;margin-left:0!important}
 .tie-header .tie-header-nav .wp-block-navigation__responsive-container-open{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-8px;padding:0;color:var(--tie-black);border-radius:var(--tie-radius-sm)}
 .tie-header .tie-header-nav .wp-block-navigation__responsive-container-open svg{width:28px;height:28px}
 .tie-header .tie-header-nav .wp-block-navigation__responsive-container-open:hover{color:var(--tie-red)}
 .tie-header .tie-header-nav .wp-block-navigation__responsive-container-open:focus-visible{outline:2px solid var(--tie-action);outline-offset:2px}

 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open{position:fixed;top:var(--wp-admin--admin-bar--height,0px);right:0;bottom:0;left:0;display:block;z-index:100000;padding:0!important;overflow:hidden;background:rgba(17,17,17,.5);color:var(--tie-black);animation:tie-mnav-fade-in .3s ease both}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close{position:absolute;top:0;right:0;bottom:0;width:min(400px,100%);max-width:none;margin:0;background:#fff;box-shadow:-24px 0 48px rgba(17,17,17,.14);overflow-y:auto;overscroll-behavior:contain;animation:tie-mnav-slide-in .35s cubic-bezier(.22,1,.36,1) both}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open.tie-mnav-closing{animation:tie-mnav-fade-out .25s ease both}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open.tie-mnav-closing .wp-block-navigation__responsive-close{animation:tie-mnav-slide-out .25s cubic-bezier(.55,0,.75,.2) both}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{position:relative;display:flex;flex-direction:column;gap:0;min-height:100%;margin-top:0!important}

 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .tie-mnav-head{display:flex;align-items:center;min-height:72px;padding:14px 72px 14px var(--tie-gutter);border-bottom:1px solid var(--tie-line)}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .tie-mnav-head a{display:block;line-height:0}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .tie-mnav-head img{display:block;width:auto;height:44px;max-width:180px;object-fit:contain;object-position:left}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{position:absolute;top:14px;right:calc(var(--tie-gutter) - 10px);z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:var(--tie-radius-sm);background:transparent;color:var(--tie-black)}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg{width:24px;height:24px;fill:currentColor}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:hover{color:var(--tie-red)}

 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{display:block;padding:8px var(--tie-gutter) 0!important}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{display:flex;flex-direction:column;align-items:stretch!important;gap:0!important;width:100%;font-family:var(--tie-reading);font-size:16px;font-weight:500;letter-spacing:-.25px}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container>.wp-block-navigation-item{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center!important;width:100%;border-bottom:1px solid var(--tie-line)}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{flex:1 1 0;min-width:0;padding:16px 0!important;line-height:26px;color:var(--tie-black)}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon{display:none!important}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .tie-mnav-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;margin-right:-14px;padding:0;border:0;border-radius:var(--tie-radius-sm);background:transparent;color:var(--tie-black);cursor:pointer}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .tie-mnav-toggle svg{width:12px;height:12px;transition:transform .3s ease}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .tie-mnav-toggle[aria-expanded="true"]{color:var(--tie-red)}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .tie-mnav-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{position:static!important;display:block;flex:0 0 100%;width:100%!important;min-width:0!important;max-height:0;margin:0!important;padding:0 0 0 16px!important;overflow:hidden;visibility:hidden;opacity:1;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;transition:max-height .3s ease,visibility 0s linear .3s}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .tie-mnav-open>.wp-block-navigation__submenu-container{padding-bottom:12px!important;visibility:visible;transition:max-height .3s ease,visibility 0s}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item{width:100%}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{display:block;padding:0!important;font-size:15px;font-weight:400;line-height:35px;letter-spacing:0;color:#000}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[aria-current="page"]{color:var(--tie-red)}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open :is(a,button):focus-visible{outline:2px solid var(--tie-action);outline-offset:2px}

 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .tie-mnav-foot{display:block;margin-top:auto;padding:32px var(--tie-gutter)}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .tie-mnav-join{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 24px;border-radius:var(--tie-radius-sm);background:var(--tie-action);color:#fff;font-family:var(--tie-reading);font-size:16px;font-weight:700;line-height:1.6;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;transition:background-color .18s}
 .tie-header .tie-header-main .tie-header-nav .wp-block-navigation__responsive-container.is-menu-open .tie-mnav-join:hover{background:var(--tie-action-hover);color:#fff}
}
@media(max-width:480px){
 .tie-header .tie-header-main{gap:8px}
 .tie-header .tie-brand .wp-block-site-logo img{height:36px;max-width:140px}
 .tie-header .tie-header-join .wp-block-button__link{font-size:12px;letter-spacing:.6px;padding:8px 12px}
}
@media(prefers-reduced-motion:reduce){
 .tie-header .tie-header-nav .wp-block-navigation__responsive-container,.tie-header .tie-header-nav .wp-block-navigation__responsive-container *{animation:none!important;transition:none!important}
 /* The bar still leaves on scroll, it just cuts away instead of sliding. */
 .tie-header{transition:none}
}

/* Homepage events list: two cards visible, the rest scroll inside the panel. */
.tie-schedule-list[data-tie-schedule-scroll].is-scrollable{overflow-y:auto;overscroll-behavior:contain;padding-right:12px;scrollbar-width:thin;scrollbar-color:#d8d8d8 transparent}
.tie-schedule-list[data-tie-schedule-scroll].is-scrollable::-webkit-scrollbar{width:6px}
.tie-schedule-list[data-tie-schedule-scroll].is-scrollable::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:3px}
.tie-schedule-list[data-tie-schedule-scroll]{position:relative}

/* Contact page office team (Figma 993:70445): Member Connect cards plus a phone line. */
.tie-office-team .tie-office-team-heading{margin:0 0 100px;text-align:center;text-transform:uppercase}
.tie-office-team .tie-member-connect-card{background:#fff}
.tie-office-team .tie-member-connect-card strong{line-height:38px}
.tie-office-team-phone{display:inline-flex;align-items:center;justify-content:center;gap:15px;margin-top:-17px;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:26px;letter-spacing:0;color:var(--tie-muted);text-decoration:none}
.tie-office-team-phone:hover{color:var(--tie-red)}
.tie-office-team-phone-icon{flex:none;width:17px;height:17px;background:url(icons/contact-team-phone.svg) center/contain no-repeat}
@media(max-width:782px){.tie-office-team .tie-office-team-heading{margin-bottom:60px}}

/* ==========================================================================
   News page (Figma "news", node 1220:112517, file KT5wGvdGqjGMTjG4oWM1Rm): the
   tie/news-grid block - 3 cards per row (30px apart, 60px between rows), each a
   white shadowed card with a 440x280 image, 2-line title, 2-line summary and a
   red "Read More" arrow link. Cards come from the admin's News items.
   ========================================================================== */
.tie-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px 30px}
.tie-news-card{display:flex;flex-direction:column;gap:35px;min-width:0;padding:10px 10px 35px;border-radius:var(--tie-radius);background:#fff;box-shadow:0 14px 22.5px rgba(0,0,0,.09)}
.tie-news-card-image{display:block;position:relative;aspect-ratio:440.336/280;overflow:hidden;border-radius:var(--tie-radius);background-color:var(--tie-black);background-size:cover;background-position:center}
.tie-news-card-image img{display:block;position:relative;width:100%;height:100%;object-fit:contain;transition:transform .4s ease}
.tie-news-card:hover .tie-news-card-image img{transform:scale(1.04)}
/* A photo smaller than its frame is shown whole and sharp, with a blurred, enlarged copy of
   itself filling the rest of the frame - no cropping, and never scaled past its real pixels.
   The background-image comes from an inline style on the element (see tie_cms_card_media). */
.tie-media-fill,.tie-news-card-image{background-size:cover;background-position:center}
.tie-media-fill::before,.tie-news-card-image::before{content:"";position:absolute;inset:0;background:inherit;background-size:cover;background-position:center;filter:blur(22px) brightness(.72) saturate(.85);transform:scale(1.2)}
.tie-news-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:30px;padding:0 20px}
.tie-news-card-body>*{margin:0}
.tie-news-card h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:-7px 0 -7px;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:30px;letter-spacing:-.66px;color:var(--tie-black)}
.tie-news-card h3 a{color:inherit;text-decoration:none}
.tie-news-card h3 a:hover{color:var(--tie-red)}
.tie-news-card-body p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:-7px 0 -7px;max-width:none;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:26px;color:var(--tie-muted)}
.tie-news-card-more{display:inline-flex;align-items:center;gap:6px;margin:auto 0 -7px;padding-top:0;font-family:var(--tie-reading);font-size:16px;font-weight:500;line-height:26px;color:var(--tie-red);text-decoration:none}
.tie-news-card-body>.tie-news-card-more{margin-top:-7px}
.tie-news-card-more svg{flex:none;transition:transform .18s}
.tie-news-card-more:hover svg,.tie-news-card-more:focus-visible svg{transform:translateX(3px)}
.tie-news-card-more:hover{text-decoration:underline}
.tie-news-pagination{display:flex;justify-content:center;gap:10px;margin-top:60px}
.tie-news-pagination a,.tie-news-pagination span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--tie-line);border-radius:var(--tie-radius-sm);font-family:var(--tie-reading);font-size:16px;color:var(--tie-black);text-decoration:none}
.tie-news-pagination span[aria-current]{background:var(--tie-red);border-color:var(--tie-red);color:#fff}
.tie-news-pagination a:hover{border-color:var(--tie-red);color:var(--tie-red)}
@media(max-width:1080px){ .tie-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px} }
@media(max-width:782px){ .tie-news-grid{grid-template-columns:minmax(0,1fr);gap:30px;max-width:520px;margin-inline:auto} .tie-news-card{gap:28px;padding-bottom:28px} .tie-news-card-body{gap:24px;padding:0 14px} }
@media(max-width:480px){ .tie-news-card h3{font-size:20px;line-height:28px} }

/* Member profile (Figma "Member Profile: I S Paul", node 1220:114101): the right bar is the
   red Download Brochure button (shown when Chapter settings has a brochure link), 30px above
   the dark Contact card; the "Chapter roles" list (real CMS appointments, below the profile
   card) uses the sidebar card's 24px heading scale, not the 48px section-heading size. */
.tie-person-profile-aside{display:flex;flex-direction:column;gap:30px}
.tie-person-profile-brochure{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;padding:12px 30px;border-radius:var(--tie-radius-sm);background:var(--tie-red);color:#fff;font-family:var(--tie-reading);font-size:16px;font-weight:700;line-height:1.6;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;transition:background .18s}
.tie-person-profile-brochure:hover,.tie-person-profile-brochure:focus-visible{background:var(--tie-action-hover);color:#fff}
.tie-person-profile-brochure svg{flex:none;width:18px;height:18px}
.tie-person-profile-cta-link{line-height:26px}
.tie-person-profile-cta-link svg{flex:none;transition:transform .18s}
.tie-person-profile-cta-link:hover svg,.tie-person-profile-cta-link:focus-visible svg{transform:translateX(3px)}
.tie-band .tie-person-details-extra h2{margin:0;font-family:var(--tie-heading);font-size:24px;font-weight:600;line-height:38px;letter-spacing:-.72px;color:var(--tie-black)}
@media(max-width:860px){ .tie-person-profile-layout{align-items:stretch} }

/* Inline validation for request-card forms (Become a Sponsor): the message sits in the 25px
   gap under its field; the underline turns red for a field with a problem. */
.tie-request-field{position:relative}
.tie-request-field:focus-within{border-bottom-color:var(--tie-red)}
.tie-request-textarea:focus-within{border-bottom-color:var(--tie-red)}
.tie-request-upload:focus-within{border-color:var(--tie-red)}

.tie-request-textarea>.tie-icon{position:absolute;right:0;top:20px;width:20px;height:20px;color:var(--tie-red);pointer-events:none}

.tie-request-field.is-invalid{border-bottom-color:var(--tie-red)}
.tie-field-error{position:absolute;left:0;top:calc(100% + 4px);font-family:var(--tie-reading);font-size:13px;font-weight:500;line-height:17px;color:#c62828}
.tie-field-error[hidden]{display:none}
.tie-request-fields button[disabled]{opacity:.7;cursor:progress}
@media(max-width:480px){ .tie-request-fields{gap:32px} }

/* ==========================================================================
   Blog listing (Figma "blog-listing", node 993:65290): the News card grid plus
   the date · comments · category row (14/26 #666, grey 14px icons, 25px apart)
   and the Figma page-number bar (50px boxes, 20px apart, current in red on
   #f2f3f6, prev/next chevron boxes). Posts come from the admin's Posts.
   ========================================================================== */
.tie-blog-listing .tie-blog-meta{gap:10px 21px;margin:-6px 0}
.tie-blog-listing .tie-blog-meta-item{display:inline-flex;align-items:center;gap:8px;font-family:var(--tie-reading);font-size:14px;font-weight:400;line-height:26px;color:var(--tie-muted)}
.tie-blog-listing .tie-blog-meta-item .tie-icon{flex:none;width:14px;height:14px;color:var(--tie-muted)}
.tie-blog-listing .tie-blog-meta-item a{color:var(--tie-muted);text-decoration:none}
.tie-blog-listing .tie-blog-meta-item a:hover{color:var(--tie-red);text-decoration:underline}
.tie-blog-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:100px}
.tie-blog-pagination .page-numbers,.tie-blog-page-arrow{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:6.25px;background:#fff;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:26px;color:var(--tie-muted);text-decoration:none;transition:background .18s,color .18s}
.tie-blog-pagination .page-numbers.current{background:#f2f3f6;color:var(--tie-red);font-weight:600}
.tie-blog-pagination a.page-numbers:hover,.tie-blog-pagination a.page-numbers:focus-visible{background:#f2f3f6;color:var(--tie-red)}
.tie-blog-page-arrow{color:#444}
.tie-blog-page-arrow svg{display:block}
.tie-blog-page-arrow.is-disabled{color:#bbb;cursor:default}
a.tie-blog-page-arrow:hover,a.tie-blog-page-arrow:focus-visible{background:#f2f3f6;color:var(--tie-red)}
@media(max-width:782px){ .tie-blog-pagination{gap:10px;margin-top:60px} .tie-blog-pagination .page-numbers,.tie-blog-page-arrow{width:42px;height:42px} .tie-blog-page-arrow svg{width:42px;height:42px} }

/* --- Member directory (Our Community page; tie/people with search) -------------------------
   No Figma frame exists for this page, so it is composed from the site's Figma system: the
   1440px content band, the Past Presidents / Mentors person card (.tie-history-grid: #f7f8fa
   card, 20px radius, 160px portrait with the LinkedIn badge on it, Montserrat name) and the
   form-field styling of the request forms. Responsive ladder: 1180 / 860 / 560 / 480. */
.tie-page-main>.wp-block-post-content>.tie-split-introduction:has(+ .wp-block-tie-people .tie-people-directory){width:calc(100% - 2 * var(--tie-gutter));max-width:var(--tie-wide);margin-bottom:80px!important}
.tie-page-main>.wp-block-post-content>.wp-block-tie-people:has(>.tie-people-directory){width:calc(100% - 2 * var(--tie-gutter));max-width:var(--tie-wide)!important;margin-inline:auto!important;}
/* This page sets its own section spacing, so the shared page wrapper's padding is dropped. */
.tie-page-main:has(.tie-people-directory){padding-block:0!important;min-height:0}
.tie-people-directory{--tie-dir-photo:160px;--tie-dir-pad:40px}
.tie-people-directory>.tie-section-heading{margin:0 0 30px;font-family:var(--tie-heading);font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--tie-black)}

/* Filters: one grey panel, three equal-height fields. */
.tie-people-directory .tie-directory-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);align-items:end;gap:20px;margin:0;padding:30px;border-radius:20px;background:#f7f8fa}
.tie-people-directory .tie-directory-controls[hidden]{display:none!important}
.tie-people-directory .tie-directory-controls>div{min-width:0}
.tie-people-directory .tie-directory-controls label{display:block;margin:0 0 10px;font-family:var(--tie-reading);font-size:14px;font-weight:600;line-height:1.4;letter-spacing:.02em;color:var(--tie-black)}
.tie-people-directory .tie-directory-controls input,.tie-people-directory .tie-directory-controls select{display:block;width:100%;height:54px;margin:0;padding:0 18px;border:1px solid #dee3ed;border-radius:10px;background-color:#fff;font-family:var(--tie-reading);font-size:16px;line-height:1.2;color:var(--tie-black);box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}
.tie-people-directory .tie-directory-controls input{padding-left:48px;background:#fff url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23e53935'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='11'%20cy='11'%20r='7'/%3E%3Cpath%20d='m20%2020-3.5-3.5'/%3E%3C/svg%3E") no-repeat 18px center/20px}
.tie-people-directory .tie-directory-controls input::placeholder{color:#8a8f98;opacity:1}
.tie-people-directory .tie-directory-controls select{appearance:none;-webkit-appearance:none;padding-right:46px;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23e53935'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='m6%209%206%206%206-6'/%3E%3C/svg%3E") no-repeat right 16px center/20px}
.tie-people-directory .tie-directory-controls input:focus,.tie-people-directory .tie-directory-controls select:focus{outline:0;border-color:var(--tie-red);box-shadow:0 0 0 3px rgba(229,57,53,.14)}
.tie-people-directory .tie-directory-status{margin:30px 0 24px;font-family:var(--tie-reading);font-size:15px;line-height:1.5;color:#666}

/* Cards */
.tie-people-directory .tie-person-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;align-items:stretch}
.tie-people-directory .tie-directory-controls[hidden]~.tie-person-grid{margin-top:0}
.tie-people-directory .tie-person-card{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;margin:0;padding:var(--tie-dir-pad) 22px 34px;border:1px solid #e5e7eb;border-radius:20px;background:#f7f8fa;text-align:center;overflow:visible}
.tie-people-directory .tie-person-card[hidden]{display:none!important}
.tie-people-directory .tie-person-image-link{display:block;width:var(--tie-dir-photo);height:var(--tie-dir-photo);margin:0 auto;border-radius:50%}
.tie-people-directory .tie-person-card .tie-person-photo{width:var(--tie-dir-photo);height:var(--tie-dir-photo);margin:0;border-radius:50%;object-fit:cover;background:#e8e9ec;font-size:2.4rem}
.tie-people-directory .tie-person-info{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;padding:0;margin-top:28px}
.tie-people-directory .tie-person-card h3{margin:0;font-family:var(--tie-heading);font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.4px;color:#111}
.tie-people-directory .tie-person-card h3 a{color:inherit;text-decoration:none}
.tie-people-directory .tie-person-card h3 a:hover,.tie-people-directory .tie-person-card h3 a:focus-visible{color:var(--tie-red)}
.tie-people-directory .tie-person-roles{display:flex;flex-direction:column;gap:10px;margin:14px 0 0;padding:0;list-style:none}
.tie-people-directory .tie-person-roles li{display:flex;flex-direction:column;gap:2px;margin:0}
.tie-people-directory .tie-person-role{margin:0;font-family:var(--tie-reading);font-size:15px;font-weight:600;line-height:1.45;color:var(--tie-red)}
.tie-people-directory .tie-person-team{font-family:var(--tie-reading);font-size:14px;font-weight:400;line-height:1.45;color:#666}
.tie-people-directory .tie-person-designation,.tie-people-directory .tie-person-company{margin:0;font-family:var(--tie-reading);font-size:15px;line-height:1.5;color:#51565e}
.tie-people-directory .tie-person-designation{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;font-weight:500;color:#333}
.tie-people-directory .tie-person-designation+.tie-person-company{margin-top:2px}
.tie-people-directory .tie-person-roles+.tie-person-company,.tie-people-directory h3+.tie-person-company{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}
.tie-people-directory .tie-person-category{display:inline-block;margin-top:14px;padding:5px 12px;border-radius:999px;background:#fdecea;font-family:var(--tie-reading);font-size:13px;font-weight:600;line-height:1.3;color:var(--tie-red)}
/* LinkedIn: the round badge on the portrait, as on the Past Presidents and Mentors cards. */
.tie-people-directory .tie-person-linkedin{position:absolute;z-index:2;top:calc(var(--tie-dir-pad) + var(--tie-dir-photo) - 40px);left:calc(50% + var(--tie-dir-photo) / 2 - 39px);width:40px;height:40px;margin:0;border-radius:50%;box-shadow:0 0 0 3px #f7f8fa;background:#0a66c2 url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='white'%3E%3Cpath%20d='M6.9%2020.5H3.6V9h3.3v11.5ZM5.2%207.6a1.9%201.9%200%201%201%200-3.9%201.9%201.9%200%200%201%200%203.9Zm15.3%2012.9h-3.3v-5.6c0-1.3%200-3-1.9-3s-2.1%201.4-2.1%202.9v5.7H9.9V9H13v1.6h.1a3.5%203.5%200%200%201%203.1-1.7c3.3%200%203.9%202.2%203.9%205.1v6.5Z'/%3E%3C/svg%3E") no-repeat center/16px;font-size:0;line-height:0;color:transparent;text-decoration:none!important;transition:transform .2s ease,background-color .2s ease}
.tie-people-directory .tie-person-linkedin>*{display:none}
.tie-people-directory .tie-person-linkedin .screen-reader-text{display:block}
.tie-people-directory .tie-person-linkedin:hover,.tie-people-directory .tie-person-linkedin:focus-visible{background-color:#004182;transform:scale(1.06)}
.tie-people-directory .tie-person-linkedin:focus-visible{outline:2px solid var(--tie-red);outline-offset:2px}

.tie-people-directory .tie-empty-state{margin:30px 0 0;padding:40px;border-radius:20px;background:#f7f8fa;text-align:center;font-size:16px;color:#51565e}
.tie-people-directory .tie-directory-more{display:flex;margin:50px auto 0}

@media(max-width:1180px){.tie-people-directory .tie-person-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}}
@media(max-width:860px){
 .tie-page-main>.wp-block-post-content>.tie-split-introduction:has(+ .wp-block-tie-people .tie-people-directory){margin-bottom:56px!important}
 .tie-people-directory .tie-directory-controls{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px}
 .tie-people-directory .tie-directory-controls>div:first-child{grid-column:1/-1}
 .tie-people-directory .tie-person-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .tie-people-directory{--tie-dir-photo:140px;--tie-dir-pad:32px}
}
@media(max-width:560px){
 .tie-people-directory .tie-directory-controls{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px;border-radius:16px}
 .tie-people-directory .tie-person-grid{gap:14px}
 .tie-people-directory{--tie-dir-photo:104px;--tie-dir-pad:24px}
 .tie-people-directory .tie-person-card{padding:var(--tie-dir-pad) 12px 24px;border-radius:16px}
 .tie-people-directory .tie-person-info{margin-top:20px}
 .tie-people-directory .tie-person-card h3{font-size:16px}
 .tie-people-directory .tie-person-role{font-size:13px}
 .tie-people-directory .tie-person-team,.tie-people-directory .tie-person-designation,.tie-people-directory .tie-person-company{font-size:13px}
 .tie-people-directory .tie-person-designation,.tie-people-directory .tie-person-roles+.tie-person-company,.tie-people-directory h3+.tie-person-company{margin-top:12px;padding-top:12px}
 .tie-people-directory .tie-person-linkedin{width:32px;height:32px;top:calc(var(--tie-dir-pad) + var(--tie-dir-photo) - 32px);left:calc(50% + var(--tie-dir-photo) / 2 - 30px);background-size:13px}
 .tie-people-directory .tie-directory-more{width:100%;justify-content:center;margin-top:36px}
}
@media(max-width:360px){.tie-people-directory .tie-person-grid{grid-template-columns:minmax(0,1fr)}}

/* --- Programs page (tie/programs inside page content) ---------------------------------------
   No Figma frame exists for this page, so it reuses the homepage's Figma program card
   ("One Chapter, Many Entry Points", .tie-entry-points-card: white card, soft drop shadow,
   10px inset photo, Montserrat 22/600 title, 16/26 muted summary) on the site's 1440px band.
   Seven programs sit three to a row with the last row centred. Ladder: 1180 / 860 / 560. */
.tie-page-main:has(>.wp-block-post-content>.wp-block-tie-programs){padding-block:0!important;min-height:0}
.tie-page-main>.wp-block-post-content>.tie-split-introduction:has(+ .wp-block-tie-programs){width:calc(100% - 2 * var(--tie-gutter));max-width:var(--tie-wide);margin-bottom:80px!important}
.tie-page-main>.wp-block-post-content>.wp-block-tie-programs{width:calc(100% - 2 * var(--tie-gutter));max-width:var(--tie-wide)!important;margin-inline:auto!important;}
.wp-block-post-content>.wp-block-tie-programs .tie-programs-section{padding:0}
.wp-block-post-content>.wp-block-tie-programs .tie-section-heading{margin:0 0 50px;font-family:var(--tie-heading);font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--tie-black)}
.wp-block-post-content>.wp-block-tie-programs .tie-program-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:40px 30px}
.wp-block-post-content>.wp-block-tie-programs .tie-program-card{position:relative;display:flex;flex-direction:column;flex:0 0 calc((100% - 60px) / 3);min-width:0;margin:0;padding:10px 10px 35px;border:0;border-radius:var(--tie-radius);background:#fff;box-shadow:0 14px 22.5px rgba(0,0,0,.09);overflow:visible;transition:transform .25s ease,box-shadow .25s ease}
@media(hover:hover){.wp-block-post-content>.wp-block-tie-programs .tie-program-card:hover{transform:translateY(-4px);box-shadow:0 20px 34px rgba(0,0,0,.12)}}
.wp-block-post-content>.wp-block-tie-programs .tie-program-image{display:block;position:relative;width:100%;height:280px;border-radius:var(--tie-radius);overflow:hidden;background-color:#e8e9ec}
.wp-block-post-content>.wp-block-tie-programs .tie-program-image img{display:block;position:relative;width:100%;height:100%;object-fit:contain;transition:transform .5s ease}
@media(hover:hover){.wp-block-post-content>.wp-block-tie-programs .tie-program-card:hover .tie-program-image img{transform:scale(1.04)}}
.wp-block-post-content>.wp-block-tie-programs .tie-program-card-content{display:flex;flex-direction:column;flex:1 1 auto;margin:0;padding:30px 20px 0}
.wp-block-post-content>.wp-block-tie-programs .tie-program-card-content h3{order:2;margin:0;font-family:var(--tie-heading);font-size:22px;font-weight:600;line-height:30px;letter-spacing:-.66px;color:var(--tie-black)}
.wp-block-post-content>.wp-block-tie-programs .tie-program-card-content h3 a{color:inherit;text-decoration:none}
/* the whole card is clickable through the title link */
.wp-block-post-content>.wp-block-tie-programs .tie-program-card-content h3 a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:var(--tie-radius)}
.wp-block-post-content>.wp-block-tie-programs .tie-program-card-content h3 a:focus-visible{outline:0}
.wp-block-post-content>.wp-block-tie-programs .tie-program-card:has(h3 a:focus-visible){outline:2px solid var(--tie-red);outline-offset:4px}
.wp-block-post-content>.wp-block-tie-programs .tie-program-audience{order:1;align-self:flex-start;margin:0 0 16px;padding:6px 14px;border-radius:999px;background:#fdecea;font-family:var(--tie-reading);font-size:13px;font-weight:600;line-height:1.35;color:var(--tie-red)}
.wp-block-post-content>.wp-block-tie-programs .tie-program-card-content>p:not(.tie-program-audience){order:3;margin:16px 0 0;font-family:var(--tie-reading);font-size:16px;font-weight:400;line-height:26px;color:var(--tie-muted)}
.wp-block-post-content>.wp-block-tie-programs .tie-program-card-content>.tie-text-link{order:4;position:relative;z-index:2;align-self:flex-start;margin-top:auto;padding-top:26px;font-size:16px}

@media(max-width:1180px){
 .wp-block-post-content>.wp-block-tie-programs .tie-program-grid{gap:30px 24px}
 .wp-block-post-content>.wp-block-tie-programs .tie-program-card{flex-basis:calc((100% - 48px) / 3)}
 .wp-block-post-content>.wp-block-tie-programs .tie-program-image{height:230px}
 .wp-block-post-content>.wp-block-tie-programs .tie-program-card-content{padding:26px 14px 0}
}
@media(max-width:860px){
 .tie-page-main>.wp-block-post-content>.tie-split-introduction:has(+ .wp-block-tie-programs){margin-bottom:56px!important}
 .wp-block-post-content>.wp-block-tie-programs .tie-section-heading{margin-bottom:34px}
 .wp-block-post-content>.wp-block-tie-programs .tie-program-grid{gap:24px 20px}
 .wp-block-post-content>.wp-block-tie-programs .tie-program-card{flex-basis:calc((100% - 20px) / 2)}
}
@media(max-width:560px){
 .wp-block-post-content>.wp-block-tie-programs .tie-program-grid{gap:20px}
 .wp-block-post-content>.wp-block-tie-programs .tie-program-card{flex-basis:100%;padding-bottom:28px}
 .wp-block-post-content>.wp-block-tie-programs .tie-program-image{height:210px}
 .wp-block-post-content>.wp-block-tie-programs .tie-program-card-content{padding:22px 12px 0}
 .wp-block-post-content>.wp-block-tie-programs .tie-program-card-content h3{font-size:20px;line-height:28px}
 .wp-block-post-content>.wp-block-tie-programs .tie-program-card-content>p:not(.tie-program-audience){font-size:15px;line-height:24px}
}

/* --- Intro section on the Our Community and Programs pages -----------------------------------
   Heading left, copy right, both top-aligned on the 1440px band; Figma section rhythm (100px
   from the banner, whose own 64px margin is topped up here), Figma body copy (18/28, muted), and
   a hairline divider that separates the intro from the directory / programs grid below. */
.tie-page-main>.wp-block-post-content>.tie-split-introduction:is(:has(+ .wp-block-tie-people .tie-people-directory),:has(+ .wp-block-tie-programs)){grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:60px;align-items:start;margin-top:36px!important;margin-bottom:60px!important;padding-bottom:60px;border-bottom:1px solid #ececec}
.tie-page-main>.wp-block-post-content>.tie-split-introduction:is(:has(+ .wp-block-tie-people .tie-people-directory),:has(+ .wp-block-tie-programs)) h2{max-width:560px;font-family:var(--tie-heading);font-size:clamp(30px,3.3vw,48px)!important;font-weight:700;line-height:1.2!important;letter-spacing:-.02em;color:var(--tie-black)}
.tie-page-main>.wp-block-post-content>.tie-split-introduction:is(:has(+ .wp-block-tie-people .tie-people-directory),:has(+ .wp-block-tie-programs)) p{max-width:62ch;padding-top:6px;font-family:var(--tie-reading);font-size:18px;line-height:28px;color:var(--tie-muted)}
@media(max-width:1080px){.tie-page-main>.wp-block-post-content>.tie-split-introduction:is(:has(+ .wp-block-tie-people .tie-people-directory),:has(+ .wp-block-tie-programs)){gap:40px}}
@media(max-width:860px){
 .tie-page-main>.wp-block-post-content>.tie-split-introduction:is(:has(+ .wp-block-tie-people .tie-people-directory),:has(+ .wp-block-tie-programs)){grid-template-columns:minmax(0,1fr);gap:18px;margin-top:0!important;margin-bottom:44px!important;padding-bottom:44px}
 .tie-page-main>.wp-block-post-content>.tie-split-introduction:is(:has(+ .wp-block-tie-people .tie-people-directory),:has(+ .wp-block-tie-programs)) p{padding-top:0}
}
@media(max-width:560px){
 .tie-page-main>.wp-block-post-content>.tie-split-introduction:is(:has(+ .wp-block-tie-people .tie-people-directory),:has(+ .wp-block-tie-programs)){margin-bottom:36px!important;padding-bottom:36px}
 .tie-page-main>.wp-block-post-content>.tie-split-introduction:is(:has(+ .wp-block-tie-people .tie-people-directory),:has(+ .wp-block-tie-programs)) p{font-size:16px;line-height:26px}
}

/* Chronicles 2.0 newsletter page (patterns/chronicle-2.php). Reuses the shared banner and
   .tie-band sections; everything below is scoped to .tie-chron-* classes. */
.tie-page-banner .tie-chron-issue{margin:0;font-family:var(--tie-heading);font-size:18px;font-weight:500;color:#666}
.tie-chron-heading,.wp-block-post-content h2.tie-chron-heading{margin:0 0 50px;font-family:var(--tie-heading);font-weight:700;font-size:38px;line-height:1.2;letter-spacing:-.04em;color:var(--tie-black);text-align:center;text-wrap:balance}
.tie-chron-heading::after{content:"";display:block;width:64px;height:3px;margin:18px auto 0;background:var(--tie-red);border-radius:2px}
.tie-chron-heading.is-left{margin-bottom:24px;text-align:left}
.tie-chron-heading.is-left::after{margin-left:0}
.tie-chron-subheading,.wp-block-post-content h3.tie-chron-subheading{margin:48px 0 28px;font-family:var(--tie-heading);font-weight:700;font-size:24px;line-height:1.3;letter-spacing:-.02em;color:var(--tie-red);text-align:center}
.tie-chron-heading+.tie-chron-subheading{margin-top:0}
.tie-chron-note{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:60px;align-items:center}
.tie-chron-note-person{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px;background:var(--tie-pale);border-radius:20px;text-align:center}
.tie-chron-note-person>*{margin:0}
.tie-chron-note-photo,.tie-chron-note-photo img{width:100%;margin:0}
.tie-chron-note-photo img{display:block;aspect-ratio:1;object-fit:cover;border-radius:14px}
.tie-chron-note-person .tie-chron-note-name{margin-top:12px;font-family:var(--tie-heading);font-size:20px;color:var(--tie-black)}
.tie-chron-note-person .tie-chron-note-role{font-family:var(--tie-reading);font-size:15px;color:#666}
.tie-chron-note-text>p{margin:0;font-family:var(--tie-reading);font-size:17px;line-height:1.75;color:#444;max-width:none}
.tie-chron-event{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:center;padding:30px;background:#fff;border-radius:20px}
.tie-chron-event+.tie-chron-event{margin-top:40px}
.tie-chron-event.is-reversed .tie-chron-event-text{order:2}
.tie-chron-event.is-stacked{grid-template-columns:minmax(0,1fr)}
.tie-chron-event-text>*{margin:0}
.tie-chron-event-text>*+*{margin-top:16px}
.tie-chron-event-title,.wp-block-post-content h3.tie-chron-event-title{font-family:var(--tie-heading);font-weight:700;font-size:28px;line-height:1.25;letter-spacing:-.03em;color:var(--tie-black)}
.tie-chron-event-title a{color:inherit;text-decoration:none}
.tie-chron-event-title a:hover{color:var(--tie-red)}
.tie-chron-event-text .tie-chron-event-sub{font-family:var(--tie-heading);font-weight:600;font-size:17px;color:var(--tie-red)}
.tie-chron-event-text>p{font-family:var(--tie-reading);font-size:16px;line-height:1.75;color:#555;max-width:none}
.tie-chron-event-text a{color:var(--tie-red);text-underline-offset:.2em}
.tie-chron-event-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tie-chron-event.is-stacked .tie-chron-event-photos{grid-template-columns:minmax(0,1fr)}
.tie-chron-event-photos>*{margin:0}
.tie-chron-event-photo,.tie-chron-event-photo img{width:100%;margin:0}
.tie-chron-event-photo img{display:block;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.tie-chron-event.is-stacked .tie-chron-event-photo img{aspect-ratio:16/7}
.tie-chron-members{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:28px 24px}
.tie-chron-member{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--tie-pale);border-radius:16px;text-align:center}
.tie-chron-member>*{margin:0}
.tie-chron-member-photo,.tie-chron-member-photo img{width:100%;margin:0}
.tie-chron-member-photo img{display:block;aspect-ratio:1;object-fit:cover;border-radius:12px}
.tie-chron-member .tie-chron-member-name{margin-top:12px;font-family:var(--tie-heading);font-size:17px;line-height:1.3;color:var(--tie-black)}
.tie-chron-member .tie-chron-member-role{font-family:var(--tie-reading);font-size:14px;line-height:1.5;color:#666;max-width:none}
.wp-block-post-content p.tie-chron-institution{margin:44px auto 0;max-width:none;text-align:center;font-family:var(--tie-heading);font-weight:700;font-size:20px;color:var(--tie-black)}
.tie-chron-institution+.tie-chron-subheading{margin-top:20px}
.tie-chron-spotlight{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:50px;align-items:center;padding:30px;background:#fff;border-radius:20px}
.tie-chron-spotlight>*{margin:0}
.tie-chron-spotlight-text{display:flex;flex-direction:column;gap:20px}
.tie-chron-spotlight-text>*{margin:0}
.tie-chron-spotlight-logo,.tie-chron-spotlight-logo img{margin:0;max-width:100%}
.tie-chron-spotlight-logo img{display:block;height:auto;max-height:80px;width:auto;object-fit:contain}
.tie-chron-spotlight-text>p{font-family:var(--tie-reading);font-size:16px;line-height:1.75;color:#555;max-width:none}
.tie-chron-spotlight-text a{color:var(--tie-red)}
.wp-block-post-content p.tie-chron-tier{display:block;width:fit-content;margin:36px auto 24px;padding:8px 36px;border-radius:8px;font-family:var(--tie-heading);font-weight:700;font-size:16px;text-align:center;color:#222;max-width:none}
.tie-chron-tier.is-gold{background:#ffc542}
.tie-chron-tier.is-silver{background:#d3d3d3}
.tie-chron-tier.is-bronze{background:#ce8946;color:#fff}
.tie-chron-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.tie-chron-logo{display:flex;align-items:center;justify-content:center;width:200px;height:110px;padding:14px;background:#fff;border:1px solid #e8e8e8;border-radius:12px}
.tie-chron-logo>*{margin:0}
.tie-chron-logo figure,.tie-chron-logo a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0}
.tie-chron-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.tie-chron-contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tie-chron-contact-card{display:flex;flex-direction:column;gap:6px;padding:26px 28px;background:#fff;border-radius:16px}
.tie-chron-contact-card>*{margin:0}
.tie-chron-contact-card .tie-chron-contact-name,.wp-block-post-content h3.tie-chron-contact-name{font-family:var(--tie-heading);font-weight:700;font-size:20px;line-height:1.3;color:var(--tie-black)}
.tie-chron-contact-card .tie-chron-contact-role{font-family:var(--tie-reading);font-weight:600;font-size:15px;color:var(--tie-red)}
.tie-chron-contact-card .tie-chron-contact-line{font-family:var(--tie-reading);font-size:15px;color:#555;max-width:none}
.tie-chron-contact-line a{color:inherit;text-decoration:none}
.tie-chron-contact-line a:hover{color:var(--tie-red)}
@media(max-width:1080px){
 .tie-chron-note{grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:36px}
 .tie-chron-event,.tie-chron-spotlight{gap:30px}
 .tie-chron-contacts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
 .tie-chron-heading,.wp-block-post-content h2.tie-chron-heading{font-size:30px;margin-bottom:36px}
 .tie-chron-note,.tie-chron-event,.tie-chron-spotlight{grid-template-columns:minmax(0,1fr)}
 .tie-chron-note-person{max-width:340px;margin-inline:auto}
 .tie-chron-event{padding:22px}
 .tie-chron-event.is-reversed .tie-chron-event-text{order:0}
 .tie-chron-spotlight{padding:22px}
}
@media(max-width:560px){
 .tie-chron-event-photos{grid-template-columns:minmax(0,1fr)}
 .tie-chron-members{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .tie-chron-member{padding:10px}
 .tie-chron-member .tie-chron-member-name{font-size:15px}
 .tie-chron-contacts{grid-template-columns:minmax(0,1fr)}
 .tie-chron-logo{width:calc(50% - 10px);height:96px}
 .tie-chron-event-title,.wp-block-post-content h3.tie-chron-event-title{font-size:23px}
}
.tie-chron-members>*,.tie-chron-logos>*,.tie-chron-contacts>*,.tie-chron-event>*,.tie-chron-event-photos>*,.tie-chron-note>*,.tie-chron-spotlight>*{margin-block-start:0!important;margin-block-end:0!important}
.tie-chron-event-text .tie-chron-event-title a{color:inherit}
.tie-chron-event-text .tie-chron-event-title a:hover{color:var(--tie-red)}
/* Chronicles: extra pieces used by the older and image-only issues. */
.tie-chron-heading-sub,.wp-block-post-content p.tie-chron-heading-sub{margin:-34px auto 44px;max-width:none;text-align:center;font-family:var(--tie-heading);font-weight:600;font-size:18px;color:var(--tie-red)}
.tie-chron-lead,.wp-block-post-content p.tie-chron-lead{margin:0 auto 28px;max-width:860px;text-align:center;font-family:var(--tie-reading);font-size:17px;line-height:1.75;color:#555}
.tie-chron-lead a{color:var(--tie-red)}
.tie-chron-note.is-text-only{grid-template-columns:minmax(0,1fr);max-width:900px;margin-inline:auto}
.tie-chron-event.is-text-only,.tie-chron-spotlight.is-text-only{grid-template-columns:minmax(0,1fr)}
.tie-chron-event.is-single .tie-chron-event-photos{grid-template-columns:minmax(0,1fr);max-width:420px}
.tie-band-white .tie-chron-event,.tie-band-white .tie-chron-spotlight{background:var(--tie-pale)}
.tie-band-white .tie-chron-contact-card{background:var(--tie-pale)}
.tie-chron-spotlight-text .tie-chron-event-photo{margin:0}
.tie-chron-pages{display:flex;flex-direction:column;gap:28px;max-width:1000px;margin-inline:auto}
.tie-chron-pages>*{margin-block:0!important}
.tie-chron-page,.tie-chron-page img{width:100%;margin:0}
.tie-chron-page img{display:block;height:auto;border-radius:14px;box-shadow:0 10px 30px rgba(17,17,17,.10)}
.tie-chron-chips{margin:0 0 40px;gap:12px}
.tie-chron-chips .wp-block-button__link{padding:10px 22px;font-size:15px}
.tie-chron-members .tie-chron-member-role{overflow-wrap:anywhere}
@media(max-width:560px){ .tie-chron-pages{gap:18px} .tie-chron-heading-sub,.wp-block-post-content p.tie-chron-heading-sub{margin:-22px auto 30px;font-size:16px} }
.wp-block-post-content h2.tie-chron-heading.is-left{margin-bottom:24px;text-align:left}
/* Events page: the events.tie.org embed. */
.wp-block-tie-events-embed{display:block;width:100%}
.tie-events-embed{width:100%}
.tie-events-embed iframe{display:block;width:100%;min-width:0;border:0;background:#fff}
/* Homepage events section with the events.tie.org iframe in the right-hand column. */
.tie-schedule-embed-panel .tie-events-embed iframe{border-radius:12px;background:#fff}
/* TiE University "Why It Matters": the Core Committees member-photo card sits in the poster slot. */
.tie-committee-poster-card .tie-committee-photos{align-self:stretch;width:100%;padding:40px 20px}

/* ==========================================================================
   Submit Your Startup Idea (/submit-your-startup-idea/): the explainer column
   beside the form. Same two-column-to-one behaviour as the Contact page split,
   so the panel sits left on a desktop and stacks above the form on a phone.
   Every line of it is editable in the editor - these are plain blocks.
   ========================================================================== */
.tie-idea-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;align-items:start;width:100%}
.tie-idea-intro>*,.tie-idea-steps>*,.tie-idea-step>*,.tie-idea-step-text>*,.tie-idea-note>*{margin-block-start:0!important;margin-block-end:0!important}
.tie-idea-split>.tie-request-page{max-width:none;margin:0}
.tie-idea-intro{display:flex;flex-direction:column;gap:22px;min-width:0}
.tie-idea-intro>.tie-pill{align-self:flex-start;margin:0}
.tie-idea-intro>h2{margin:0;font-family:var(--tie-heading);font-size:48px;font-weight:700;line-height:55px;letter-spacing:-.96px;color:var(--tie-black)}
.tie-idea-intro>p:not(.tie-pill){margin:0;font-family:var(--tie-reading);font-size:17px;font-weight:400;line-height:1.65;color:var(--tie-muted)}
.tie-idea-intro>h3{margin:14px 0 0;font-family:var(--tie-heading);font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--tie-black)}

/* The numbered "what happens next" list. */
.tie-idea-steps{display:flex;flex-direction:column;gap:0}
.tie-idea-step{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid var(--tie-line)}
.tie-idea-step:last-child{border-bottom:0}
.tie-idea-step-num{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0;border-radius:50%;background:var(--tie-black);color:#fff;font-family:var(--tie-reading);font-size:14px;font-weight:600;line-height:1}
.tie-idea-step-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.tie-idea-step-text>p{margin:0;font-family:var(--tie-reading);font-size:15px;line-height:1.55;color:var(--tie-muted)}
.tie-idea-step-text>p.tie-idea-step-title{font-size:16px;font-weight:600;color:var(--tie-black)}

/* The dark reassurance panel at the foot of the column. */
.tie-idea-note{margin-top:14px;padding:24px;border-radius:var(--tie-radius);background:var(--tie-black);color:#fff}
.tie-idea-note>p{margin:0;font-family:var(--tie-reading);font-size:14px;line-height:1.6;color:rgba(255,255,255,.72)}
.tie-idea-note-title{position:relative;padding-left:30px;margin:0 0 6px!important;font-size:15px!important;font-weight:600;color:#fff!important}
.tie-idea-note-title:before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e53935' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='10.5' width='17' height='11' rx='2'/%3E%3Cpath d='M7.5 10.5V7a4.5 4.5 0 0 1 9 0v3.5'/%3E%3C/svg%3E")}
.tie-idea-note-contact{margin-top:18px!important;padding-top:16px;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px}
.tie-idea-note-contact a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.tie-idea-note-contact a:hover,.tie-idea-note-contact a:focus-visible{color:var(--tie-red)}

@media(max-width:1080px){
 .tie-idea-split{grid-template-columns:minmax(0,1fr);gap:48px}
 .tie-idea-intro>h2{font-size:40px;line-height:46px}
}
@media(max-width:560px){
 .tie-idea-split{gap:36px}
 .tie-idea-intro{gap:18px}
 .tie-idea-intro>h2{font-size:30px;line-height:38px;letter-spacing:-.6px}
 .tie-idea-note{padding:20px}
 .tie-idea-note-contact{gap:6px 14px}
}