/* Round 2 (owner feedback, 13 Sep 2026): rules shared by every page.
   Loaded after each page's own stylesheets, so these win without !important. */

/* Header: the Chattarpur Farms mark replaces the cropped square Surbhi logo.
   The file is 326x253 with a transparent ground; shown at 76px tall it stays sharp on 2x screens. */
.site-header .brand {
  width: auto;
  height: auto;
  position: static;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
}
.site-header .brand img {
  position: static;
  display: block;
  width: auto;
  max-width: none;
  height: 76px;
  top: auto;
  left: auto;
  mix-blend-mode: normal;
}
@media (max-width: 1150px) { .site-header .brand img { height: 70px; } }
@media (max-width: 900px) { .site-header .brand img { height: 64px; } }
@media (max-width: 650px) { .site-header .brand img { height: 56px; } }
@media (max-width: 365px) { .site-header .brand img { height: 48px; } }

/* Addendum (13 Sep 2026, owner): one-colour thread, non-green focus ring, footer without logo */
.colour-thread {background:#ec4b3b}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline-color:#183e59}
.site-footer .footer-top {justify-content:space-between}

/* Homepage 2025 photos: two rows of four, each opens the viewer */
.memory-rows {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:34px}
.memory-photo {display:block;padding:0;border:0;background:#efe4d0;aspect-ratio:4/3;overflow:hidden;border-radius:6px;cursor:zoom-in}
.memory-photo img {width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.memory-photo:hover img {transform:scale(1.04)}
@media (max-width:760px){.memory-rows {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}}
@media (prefers-reduced-motion:reduce){.memory-photo img {transition:none}.memory-photo:hover img {transform:none}}
.memory-viewer {border:0;padding:0;background:transparent;max-width:min(1100px,94vw);width:100%}
.memory-viewer::backdrop {background:rgba(24,24,32,.88)}
.memory-viewer figure {margin:0;background:#fffbed;padding:14px;border-radius:6px}
.memory-viewer img {width:100%;max-height:76vh;object-fit:contain;background:#1b1b22}
.memory-viewer .mv-bar {display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}
.memory-viewer .mv-bar button {min-height:44px;padding:0 18px;border:1px solid #d9cdb6;background:#fffdf8;color:#183e59;font:inherit;font-weight:600;cursor:pointer}
.memory-viewer .mv-count {color:#52616b;font-size:14px}

/* Team cards: last year's row layout, small WhatsApp icon */
#team-directory.team2-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1120px;margin-left:auto;margin-right:auto}
#team-directory .tcard {flex-direction:row;align-items:center;text-align:left;gap:20px;padding:20px 22px;border:1px solid #e6dcc8;border-top:1px solid #e6dcc8;border-radius:14px;background:linear-gradient(180deg,#fff,#fefcf8);box-shadow:0 4px 14px -10px rgba(38,28,24,.3);min-height:0}
#team-directory .tcard .tava {width:110px;height:110px;flex:0 0 110px;border-radius:50%;border:3px solid #fff;margin:0}
#team-directory .tcard .tava img {width:100%;height:100%;object-fit:cover;border-radius:50%}
#team-directory .team-member-details {display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;text-align:left}
#team-directory .tcard b {font-size:20px;max-width:none;text-align:left}
#team-directory .trole,#team-directory .trole p {text-align:left;max-width:none;margin:0}
#team-directory .twa:not(.tweb) {width:30px;height:30px;min-height:30px;padding:0;border-radius:50%;border:1px solid rgba(23,139,75,.4);background:transparent;color:#178b4b;display:inline-flex;align-items:center;justify-content:center;margin-top:4px}
#team-directory .twa:not(.tweb) svg {width:16px;height:16px;fill:currentColor}
#team-directory .twa:not(.tweb):hover {background:rgba(23,139,75,.08)}
#team-directory .twa.tweb {margin-top:4px;padding:0;min-height:0;background:none;border:0;color:#183e59;text-decoration:underline;text-underline-offset:3px}
@media (max-width:860px){#team-directory.team2-grid {grid-template-columns:1fr}}
@media (max-width:520px){#team-directory .tcard {gap:14px;padding:16px}#team-directory .tcard .tava {width:88px;height:88px;flex-basis:88px}#team-directory .tcard b {font-size:18px}}

#team-directory .twa {align-self:flex-start!important;margin-left:0!important;margin-right:auto!important}

/* Owner, 13 Sep 2026: countdown night list without colour dots */
.sc-dot {display:none!important}
/* Owner: buttons in the countdown's bright red; on the red countdown itself they turn cream */
.button:not(.outline) {background:#ec4b3b;border-color:#ec4b3b}
.button:not(.outline):hover {background:#d63f30;border-color:#d63f30}
.surbhi-countdown .button:not(.outline),.closing-section .button:not(.outline) {background:#fffbed;border-color:#fffbed;color:#ec4b3b}
.surbhi-countdown .button:not(.outline):hover,.closing-section .button:not(.outline):hover {background:#fff;border-color:#fff;color:#d63f30}
/* Owner: 2025 photos in two rows at quarter width, scrolling sideways when they do not fit */
.memory-rows {grid-template-columns:none;grid-template-rows:auto auto;grid-auto-columns:calc((100% - 42px)/4);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.memory-photo {scroll-snap-align:start}
.memory-photo:nth-child(-n+4) {grid-row:1}.memory-photo:nth-child(n+5) {grid-row:2}
.memory-photo:nth-child(1),.memory-photo:nth-child(5) {grid-column:1}
.memory-photo:nth-child(2),.memory-photo:nth-child(6) {grid-column:2}
.memory-photo:nth-child(3),.memory-photo:nth-child(7) {grid-column:3}
.memory-photo:nth-child(4),.memory-photo:nth-child(8) {grid-column:4}
@media (max-width:760px){.memory-rows {grid-template-columns:none;grid-auto-columns:44%;gap:10px}}
/* Owner: organising committee one person per row on desktop too */
#team-directory.team2-grid {grid-template-columns:1fr!important;max-width:780px}

/* Owner, 13 Sep 2026 round 3 */
.memory-rows {width:min(1400px,94vw);position:relative;left:50%;transform:translateX(-50%);grid-auto-columns:calc((100% - 42px)/4)}
.memory-photo {aspect-ratio:4/3.2}
@media (max-width:760px){.memory-rows {grid-auto-columns:64%}}
#team-directory .tcard .tava {width:150px;height:150px;flex-basis:150px}
@media (max-width:520px){#team-directory .tcard .tava {width:112px;height:112px;flex-basis:112px}}
#team-directory .tava-open::after,#team-directory .tava-open::before {display:none!important;content:none!important}
#team-directory .tava-open {background:transparent!important;border:0!important;cursor:zoom-in}
#team-directory .trole-para {font-size:inherit;line-height:1.6;margin:0}
#team-directory .trole-para strong {font-weight:inherit;color:inherit}
.team-viewer .tv-count,.team-viewer .tv-prev,.team-viewer .tv-next {display:none!important}
.community-page .directory-search,.community-page #directory-results {display:none!important}
.associates-directory .associate-group-heading h2 {font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--sans,inherit);font-weight:700;color:#a73530;line-height:1.4;margin:0 0 14px}
.site-footer .footer-contact div a {font-weight:700}

/* Owner round 3: presenters centred and larger, then the Chattarpur Farms and Surbhi badge */
.brand-hero .brand-presenters {display:flex;flex-direction:column;align-items:center;gap:10px}
.brand-hero .presenter-line {justify-content:center;flex-wrap:wrap;gap:16px}
.brand-hero .presenter-line .presenter-pg {height:46px}
.brand-hero .presenter-line .presenter-kk {height:64px}
.brand-hero .presenter-line > .presenter-rule {height:40px}
.brand-hero .presenter-line > .presenter-verb {flex-basis:100%;text-align:center}
.brand-hero .presenter-badge {height:auto;width:min(360px,78vw)}
@media (max-width:650px){.brand-hero .presenter-line .presenter-pg {height:34px}.brand-hero .presenter-line .presenter-kk {height:48px}.brand-hero .presenter-line > .presenter-rule {height:30px}.brand-hero .presenter-badge {width:min(280px,76vw)}}
.hero-artist-link {text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;color:inherit}


/* Owner round 3: no side blocks beside the hero photo on desktop; the photo takes the centre */
.brand-hero .flyer-aside {display:none!important}
.brand-hero .flyer-stage {display:block!important;max-width:480px;margin:0 auto}

/* Owner: no "Navratri. In full colour." display line in the hero; the flyer follows the presenters */
.brand-hero .brand-hero-heading surbhi-title {display:none!important}

/* Owner: even spacing under the countdown heading; buttons stacked with equal gaps */
.surbhi-countdown .sc-actions {margin-top:22px;gap:22px;align-items:center}
/* Owner: Get directions stays blue, filled */
/* Get directions and Explore the 2025 gallery: blue block button with a soft red block shadow (owner picture) */
.visit-address .button.outline,.memories-section .split-head>.gallery-button {background:#184878!important;border-color:#184878!important;color:#fffbed!important;box-shadow:5px 5px 0 #f6cfc6!important;transform:none}
.visit-address .button.outline:hover,.memories-section .split-head>.gallery-button:hover {background:#12385f!important;border-color:#12385f!important;color:#fffbed!important;box-shadow:6px 6px 0 #f6cfc6!important;transform:translate(-1px,-1px)}
.memories-section .split-head>.gallery-button {margin-top:22px;padding:13px 20px}
/* Owner: artist photos open their Instagram */
.artist-photo-link {display:block;color:inherit}
.artist-photo-link img {display:block;width:100%;height:auto}

/* Owner: cheque photos and where the proceeds go, at the end of Our story */
.cheque-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px 0 34px}
.cheque-grid .memory-photo {grid-row:auto!important;grid-column:auto!important;aspect-ratio:3/2;border-radius:6px}
.cheque-grid .memory-photo:first-child {grid-column:1 / -1!important;aspect-ratio:16/9}
.funds-block {margin:0 0 34px;padding:22px 24px;background:#fffdf8;border:1px solid #e6dcc8;border-left:4px solid #ec4b3b;border-radius:6px}
.funds-title {font-size:22px;line-height:1.3;color:#183e59;margin:0 0 12px}
.funds-list {margin:0;padding-left:20px;display:grid;gap:6px}
.funds-list li {line-height:1.55}
@media (max-width:520px){.cheque-grid {gap:8px}}

/* Owner: 2025 row 2 last photo shown whole, not cropped */
/* Owner: Our story slogan stands out, cheque photos slide, trust link */
.story-slogan {font-family:var(--serif,Georgia,serif);font-size:18px!important;line-height:1.45;color:#183e59;border-left:4px solid #ec4b3b;padding:4px 0 4px 14px;margin:14px 0!important}
.cheque-slider {position:relative;margin:16px 0 30px}
.cheque-track {display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cheque-track::-webkit-scrollbar {display:none}
.cheque-track .memory-photo {flex:0 0 88%;aspect-ratio:3/2;scroll-snap-align:center;grid-row:auto!important;grid-column:auto!important}
.cs-nav {position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,251,237,.95);color:#183e59;font-size:28px;line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.18);cursor:pointer}
.cs-prev {left:8px}.cs-next {right:8px}
.trust-note {margin-top:14px!important}
.trust-note a {color:#183e59;text-decoration:underline;text-underline-offset:3px}

/* Owner: both closing links in one small size */
.story-prose .trust-note,.story-prose .trust-note a {font-size:15px!important;line-height:1.6!important;font-weight:400!important}
.story-prose .trust-note {margin:6px 0 0!important}
.story-prose .trust-note {color:#a73530!important}
/* Owner: footer lines up across; the motto matches the email line and its caption matches the social links */
@media (min-width:901px) {
  .site-footer .footer-top{align-items:flex-start}
  .site-footer .footer-motto{padding-top:29px}
  .site-footer .footer-motto p{margin-top:21px}
}

/* Our story: cheque slider copied from the homepage giving slider (same look), photos do not open */
.story-giving .giving-slider {width: 100%;
  max-width: 800px;
  margin-inline: auto;}
.story-giving .giving-gallery {display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  gap: 16px;}
.story-giving .giving-gallery::-webkit-scrollbar {display: none;}
.story-giving .giving-photo {flex: 0 0 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  min-width: 0;
  aspect-ratio: auto;
  background: #fff;
  cursor: zoom-in;}
.story-giving .giving-photo img {display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  transform: none;}
.story-giving .giving-photo:focus-visible {outline: 3px solid var(--blue);
  outline-offset: -3px;}
.story-giving .giving-controls {display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 6px;
  margin-top: 12px;}
.story-giving .giving-controls > button {min-height: 44px;
  padding: 6px 0;
  border: 0;
  background: transparent;
  color: var(--blue);
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  justify-self: start;}
.story-giving .giving-controls > button:last-child {justify-self: end;}
.story-giving .giving-controls > button:disabled {opacity: .4; cursor: default;}
.story-giving .giving-dots {display: flex;}
.story-giving .giving-dots button {display: grid;
  place-items: center;
  width: 30px;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: transparent;}
.story-giving .giving-dots span {width: 7px;
  height: 7px;
  border: 1px solid var(--blue);
  border-radius: 50%;}
.story-giving .giving-dots [aria-pressed="true"] span {background: var(--blue);}
.story-giving {margin:16px 0 30px}
.story-giving .giving-photo,.home-page .giving-photo {cursor:default}
.story-slogan span {display:block;white-space:nowrap}
.story-slogan {word-spacing:-0.06em}
@media (max-width:380px){.story-slogan span {white-space:normal}}
/* Owner: even gap from the social links to the line above the copyright row */
.site-footer .footer-top {padding-bottom:14px!important}
/* Owner: Dr. Ravi and Suraj titles break between titles, never inside one */
#team-directory .trole-para {line-height:1.7!important}
#team-directory .trole-item {display:inline-block;max-width:100%}
#team-directory .trole-para a.trole-link {text-decoration-thickness:1px;text-underline-offset:2px}
/* Owner: Our trust and Our culture in exactly the same type */
.about-story .story-promise .story-prose > p.trust-note,.about-story .story-promise .story-prose > p.trust-note a {font-family:Fraunces,Georgia,serif!important;letter-spacing:-0.3px!important;font-size:15px!important;font-weight:400!important;margin-block:6px 0!important}
/* Owner: 2025 photos show the same orange scroll bar as the nine nights tabs, so people see how far they can scroll */
.memory-rows {scrollbar-width:thin;scrollbar-color:var(--vermilion,#ec4b3b) #eee3c9;padding-bottom:12px}
.memory-rows::-webkit-scrollbar {height:6px}
.memory-rows::-webkit-scrollbar-track {background:#eee3c9;border-radius:3px}
.memory-rows::-webkit-scrollbar-thumb {background:var(--vermilion,#ec4b3b);border-radius:3px}
#team-directory .trole-link-plain {text-decoration:none!important;border-bottom:0!important;background-image:none!important}
/* Owner: the orange scroll bar under the 2025 photos stays visible */
.memory-rows {scrollbar-width:none!important;padding-bottom:0!important}
.memory-rows::-webkit-scrollbar {display:none!important}
.memory-track {position:relative;height:6px;margin:14px 0 0;background:#eee3c9;border-radius:3px;overflow:hidden;width:min(1400px,94vw);left:50%;transform:translateX(-50%)}
.memory-track[hidden] {display:none!important}
.memory-track span {position:absolute;top:0;left:0;height:100%;background:var(--vermilion,#ec4b3b);border-radius:3px}
/* Owner: "Reach out to" picker next to Meet the team */
.reach-out {display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:18px}
.reach-out .community-anchor {margin:0}
.reach-out-field {display:flex;align-items:center;gap:10px;font-size:14px;color:#183e59;font-weight:600}
.reach-out-field select {min-height:44px;padding:0 38px 0 14px;border:1px solid #183e59;border-radius:4px;background:#fffdf8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23183e59' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center;appearance:none;-webkit-appearance:none;font:inherit;font-weight:500;color:#183e59;font-size:16px;max-width:100%}
@media (max-width:520px){.reach-out-field {width:100%;flex-direction:column;align-items:stretch;gap:6px}.reach-out-field select {width:100%}}
/* Owner: the team photo viewer's Close button keeps its blue border all the time */
.team-viewer .tv-close {border:2px solid #183e59!important;border-radius:4px;background:#fffdf8;color:#183e59;min-height:44px;padding:0 16px}
.team-viewer .tv-close:focus,.team-viewer .tv-close:focus-visible {outline:none!important;box-shadow:none!important}
.team-viewer .tv-top {display:flex;justify-content:flex-end}
/* Owner: presenter logos a little larger at the top of the homepage (beats round2-home.css, which loads later) */
.home-page .brand-presenters .presenter-pg {height:41px!important}
.home-page .brand-presenters .presenter-kk {height:58px!important}
.home-page .brand-presenters .presenter-line > .presenter-rule {height:40px!important}
@media (max-width:650px){.home-page .brand-presenters .presenter-pg {height:31px!important}.home-page .brand-presenters .presenter-kk {height:46px!important}.home-page .brand-presenters .presenter-line > .presenter-rule {height:29px!important}}
@media (max-width:365px){.home-page .brand-presenters .presenter-pg {height:25px!important}.home-page .brand-presenters .presenter-kk {height:40px!important}.home-page .brand-presenters .presenter-line > .presenter-rule {height:25px!important}}
/* Owner: responsibilities stand out on the team cards */
#team-directory .trole-role {font-weight:700;color:#a73530}
#team-directory .trole-para strong.trole-role {font-weight:700!important;color:#a73530!important}
/* Owner: on team cards, everything that is not a red role reads in the site blue, semi-bold (as on Devaang's card) */
#team-directory .trole p,#team-directory .trole span,#team-directory .trole-para {color:#184878!important;font-weight:600!important}
#team-directory .trole .trole-role {color:#a73530!important;font-weight:700!important}
#team-directory .trole a.trole-link {color:inherit!important;font-weight:inherit!important}
/* owner: Our associates, Our team, Our strength under "Presented with pride by" are bold */
.presented-section .partner-links a {font-weight:700!important}
/* header: Terms of entry added (owner); keep every item on one line on small laptops */
.desktop-nav>a,.desktop-nav summary {white-space:nowrap}
@media(min-width:901px) and (max-width:1120px){.site-header .desktop-nav {gap:13px!important;font-size:13px!important}.site-header .brand {width:110px!important}.site-header .brand img {width:110px!important}}
@media(min-width:901px) and (max-width:1000px){.site-header {gap:14px!important;padding-left:2.5%!important;padding-right:2.5%!important}.site-header .desktop-nav {gap:9px!important;font-size:12px!important}.site-header .brand {width:96px!important}.site-header .brand img {width:96px!important}.site-header .header-actions .button {padding:11px 14px!important;font-size:13px!important;min-width:0!important}}