.home-page{background:#000;color:#fff}
.home-page:before{opacity:.07}
.reference-hero{max-width:1240px;margin:0 auto;padding:28px 22px 18px;display:grid;grid-template-columns:.92fr 1.48fr;gap:26px;align-items:start}
.hero-left{padding:28px 0 0}.hero-kicker{font-family:'Permanent Marker';color:var(--yellow);font-size:17px;margin-bottom:15px}.hero-eyebrow{font:700 9px 'JetBrains Mono';letter-spacing:.13em;color:var(--yellow)}
.hero-left h1{font:800 clamp(70px,7vw,106px)/.78 'Barlow Condensed';letter-spacing:-.025em;margin:18px 0 25px;text-transform:uppercase}.hero-left h1 span{color:var(--yellow)}.hero-left p{font-size:17px;line-height:1.48;max-width:500px;margin:0 0 22px}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}.home-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;font:800 14px 'Barlow Condensed';border:1px solid var(--yellow)}.home-btn.yellow{background:var(--yellow);color:#050505}.home-btn.outline{border-color:#8ca2a5;color:#fff;background:transparent}.hero-right{min-width:0}.hero-main-photo{position:relative;border:1px solid #284850;border-radius:6px;overflow:hidden}.hero-main-photo img{width:100%;height:440px;object-fit:cover;display:block;filter:brightness(.72)}.brush-caption{position:absolute;left:26px;bottom:22px;font:27px/1.02 'Permanent Marker';color:#fff;text-shadow:0 2px 9px #000}.hero-support{margin:12px 0 0;color:#9fb1b5;font-size:13px;line-height:1.55;max-width:850px}
.home-values{max-width:1240px;margin:0 auto;border-top:1px solid var(--cyan);border-bottom:1px solid var(--cyan);padding:0 22px;display:grid;grid-template-columns:repeat(3,1fr);background:#03090b}.home-values article{display:flex;align-items:center;gap:20px;padding:22px 24px;border-right:1px solid #214148}.home-values article:last-child{border-right:0}.home-values strong{font:500 70px/.8 'Barlow Condensed';color:var(--yellow);-webkit-text-stroke:1px var(--yellow)}.home-values article:nth-child(2) strong{color:var(--cyan);-webkit-text-stroke:1px var(--cyan)}.home-values h2{font:800 27px/1 'Barlow Condensed';margin:0 0 5px}.home-values p{font-size:12px;color:#b0bec0;margin:0;line-height:1.4}
.build-section{max-width:1240px;margin:0 auto;padding:30px 22px 24px;border-bottom:1px solid var(--cyan);display:grid;grid-template-columns:150px 1fr 110px;gap:18px;align-items:start}.build-heading h2{font:800 48px/.88 'Barlow Condensed';margin:0;text-transform:uppercase}.build-heading span{display:block;width:42px;height:4px;background:var(--yellow);margin-top:18px}.build-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.build-card{position:relative;overflow:hidden;min-height:190px;border:1px solid #294d55;background:#07171c;clip-path:polygon(7% 0,100% 0,92% 100%,0 100%);padding-bottom:10px;transition:.18s}.build-card:hover{transform:translateY(-3px);border-color:var(--cyan)}.build-card img{width:100%;height:125px;object-fit:cover;display:block;filter:saturate(.85) contrast(1.05)}.build-card b{display:block;font:800 17px/1 'Barlow Condensed';padding:8px 9px 2px}.build-card small{display:block;color:#a8b8ba;font-size:9px;line-height:1.25;padding:0 9px}.build-note{align-self:center;background:var(--yellow);color:#050505;padding:13px 10px;font:17px/1.05 'Permanent Marker';transform:rotate(-4deg)}
.week-section{max-width:1240px;margin:0 auto;padding:17px 22px;border-bottom:1px solid var(--cyan);display:grid;grid-template-columns:210px 1fr;gap:24px}.week-label h2{font:800 42px/.85 'Barlow Condensed';margin:0;text-transform:uppercase}.calendar-mark{font-size:28px;margin-top:13px}.week-label small{font-size:9px;color:#aab9bb}.week-label>a{display:block;color:var(--cyan);font:800 14px 'Barlow Condensed';margin-top:13px}.week-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.week-cards article{display:grid;grid-template-columns:58px 1fr;border:1px solid #28474f;background:#06151a;min-height:145px}.date{text-align:center;border-right:1px solid #29474f;padding:12px 7px;color:var(--yellow);font-family:'Barlow Condensed'}.date.cyan{color:var(--cyan)}.date b,.date small{display:block;font-size:10px}.date strong{display:block;font-size:42px;line-height:.85}.event-info{padding:11px 10px}.event-info h3{font:800 19px/1 'Barlow Condensed';margin:0 0 4px}.event-info p{font-size:10px;line-height:1.3;color:#b0bec0;margin:0 0 6px}.event-info span{font:9px/1.45 'Inter';color:#d1dada}.event-info em{display:inline-block;font:800 10px 'Barlow Condensed';font-style:normal;background:var(--yellow);color:#050505;padding:4px 7px;margin-top:6px}.event-info em.cyan{background:var(--cyan)}
.why-section{max-width:1240px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:1.05fr .95fr;border-bottom:1px solid var(--cyan)}.collab-photo{min-height:300px;overflow:hidden;border-right:1px solid var(--cyan)}.collab-photo img{width:100%;height:100%;min-height:300px;object-fit:cover;display:block;filter:grayscale(.7) brightness(.72);}.why-copy{padding:22px 25px}.why-head{display:flex;align-items:center;gap:16px}.why-head h2{font:800 38px/.9 'Barlow Condensed';margin:0}.why-head span{width:38px;height:4px;background:var(--yellow)}.why-marker{font:24px/1.02 'Permanent Marker';color:var(--yellow);margin:15px 0}.why-copy>p{font-size:11px;color:#b9c6c8;line-height:1.5;max-width:480px;margin:0 0 14px}.why-points{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #28474f}.why-points div{padding:10px 12px;border-bottom:1px solid #28474f;border-right:1px solid #28474f}.why-points div:nth-child(even){border-right:0}.why-points b{display:block;color:var(--cyan);font:800 17px 'Barlow Condensed'}.why-points span{display:block;font-size:9px;color:#a9b7b9;line-height:1.25}
.build-with-us{max-width:1240px;margin:0 auto;min-height:112px;padding:18px 22px;display:grid;grid-template-columns:250px 1fr 280px;align-items:center;gap:25px;border-bottom:1px solid var(--cyan)}.join-title h2{font:800 53px/.78 'Barlow Condensed';margin:0}.join-title span{color:var(--cyan)}.join-copy p{font-size:12px;line-height:1.4;margin:0 0 10px}.join-scribble{font:18px/1.05 'Permanent Marker';color:#fff;transform:rotate(-3deg)}
@media(max-width:1050px){.build-section{grid-template-columns:130px 1fr}.build-note{display:none}.build-grid{grid-template-columns:repeat(3,1fr)}.week-section{grid-template-columns:170px 1fr}.week-cards{grid-template-columns:1fr}.build-with-us{grid-template-columns:200px 1fr 200px}}
@media(max-width:780px){.reference-hero{grid-template-columns:1fr;padding:24px 15px 18px}.hero-left{padding-top:8px}.hero-left h1{font-size:19vw}.hero-main-photo img{height:330px}.home-values{grid-template-columns:1fr;padding:0 15px}.home-values article{border-right:0;border-bottom:1px solid #214148}.home-values article:last-child{border-bottom:0}.build-section{display:block;padding:25px 15px}.build-heading{margin-bottom:18px}.build-heading h2{font-size:44px}.build-grid{grid-template-columns:repeat(2,1fr)}.week-section{display:block;padding:18px 15px}.week-label{margin-bottom:18px}.week-cards{grid-template-columns:1fr}.why-section{display:block;padding:0 15px}.collab-photo{border-right:0;border-bottom:1px solid var(--cyan)}.why-copy{padding:22px 0}.build-with-us{display:block;padding:25px 15px}.join-copy{margin-top:15px}.join-scribble{margin-top:25px}}
@media(max-width:520px){.hero-kicker{font-size:14px}.hero-left h1{font-size:22vw}.hero-left p{font-size:15px}.hero-buttons .home-btn{width:100%}.hero-main-photo img{height:235px}.brush-caption{font-size:19px;left:14px;bottom:12px}.home-values strong{font-size:58px}.build-grid{grid-template-columns:1fr 1fr}.build-card{min-height:175px}.build-card img{height:108px}.build-card b{font-size:15px}.build-card small{font-size:8px}.why-points{grid-template-columns:1fr}.why-points div{border-right:0}.join-title h2{font-size:48px}}
/* Regular recurring events schedule */
.regular-events .week-cards{grid-template-columns:repeat(4,minmax(0,1fr));}
.regular-events .week-cards article{min-height:165px;}
.regular-events .event-info h3{font-size:18px;}
.regular-events .event-info p{min-height:30px;}
@media(max-width:1050px){.regular-events .week-cards{grid-template-columns:repeat(3,minmax(0,1fr));}.regular-events .week-section{grid-template-columns:180px 1fr;}}
@media(max-width:780px){.regular-events .week-cards{grid-template-columns:repeat(2,minmax(0,1fr));}.regular-events .week-section{display:block;}.regular-events .week-label{margin-bottom:18px;}}
@media(max-width:520px){.regular-events .week-cards{grid-template-columns:1fr;}.regular-events .week-cards article{min-height:145px;}}

/* Integrated About section */
.about-home{max-width:1240px;margin:0 auto;padding:32px 22px 30px;border-bottom:1px solid var(--cyan);display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start;background:#03090b}.about-home-kicker{font:700 11px 'Inter';letter-spacing:.16em;color:var(--cyan);margin-bottom:12px}.about-home h2{font:800 48px/.9 'Barlow Condensed';text-transform:uppercase;margin:0 0 16px}.about-home h2 span{color:var(--yellow)}.about-home-intro{font-size:14px;line-height:1.7;color:#c1ccce;margin:0 0 12px}.about-home-location{border-top:1px solid #29474f;margin-top:18px;padding-top:13px;font-size:12px;line-height:1.6;color:#aebdc0}.about-home-location strong{display:block;color:var(--yellow);font:800 17px 'Barlow Condensed';margin-bottom:3px}.about-home-content>p{font-size:12px;line-height:1.7;color:#b7c5c7;margin:0 0 18px}.about-home-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #29474f;border-left:1px solid #29474f}.about-home-values article{padding:14px;border-right:1px solid #29474f;border-bottom:1px solid #29474f;min-height:105px}.about-home-values b{display:block;color:var(--cyan);font:800 19px 'Barlow Condensed';margin-bottom:5px}.about-home-values p{font-size:11px;line-height:1.45;color:#aebdc0;margin:0}.about-home-foot{margin-top:17px;display:flex;align-items:center;justify-content:space-between;gap:15px}.about-home-foot p{font-size:11px;color:#9eafb2;line-height:1.5;margin:0;max-width:360px}.about-home-foot a{color:var(--yellow);font:800 14px 'Barlow Condensed';white-space:nowrap}
@media(max-width:780px){.about-home{grid-template-columns:minmax(0,1fr);padding:26px 15px;gap:18px}.about-home h2{font-size:43px}.about-home-foot{align-items:flex-start;flex-direction:column}}

/* Typography accessibility pass: consistent body font and more comfortable reading sizes */
.about-home,
.about-home p,
.about-home-location,
.about-home-content>p,
.about-home-hacker-definition p,
.about-home-values article p,
.about-home-foot p {
  font-family: 'Inter', Arial, sans-serif;
}
.about-home-intro { font-size: 16px; line-height: 1.75; }
.about-home-content>p,
.about-home-hacker-definition p { font-size: 16px; line-height: 1.75; color: #c6d0d2; }
.about-home-location { font-size: 14px; line-height: 1.7; }
.about-home-kicker { font-size: 12px; }
.about-home h2 { font-size: clamp(46px, 5vw, 58px); line-height: .96; }
.about-home-hacker-definition h3 { font-size: 20px; line-height: 1.25; }
.about-home-values article { min-height: 118px; padding: 17px; }
.about-home-values b { font-size: 21px; }
.about-home-values article p,
.about-home-foot p { font-size: 14px; line-height: 1.6; }
.about-home-location strong { font-size: 18px; }
@media(max-width:520px) {
  .about-home-intro,
  .about-home-content>p,
  .about-home-hacker-definition p { font-size: 15px; }
  .about-home-location { font-size: 14px; }
  .about-home-values article p,
  .about-home-foot p { font-size: 14px; }
}

/* Homepage supporting copy was previously rendered at 8–13px; raise it for readability. */
.hero-support { font-size: 14px; }
.home-values p { font-size: 14px; }
.build-card small { font-size: 12px; line-height: 1.4; }
.week-label small { font-size: 12px; }
.date b, .date small { font-size: 12px; }
.event-info p { font-size: 13px; line-height: 1.5; }
.event-info span { font-size: 12px; line-height: 1.5; }
.event-info em { font-size: 12px; }
.why-copy>p { font-size: 14px; line-height: 1.65; }
.why-points span { font-size: 12px; line-height: 1.5; }
.join-copy p { font-size: 14px; line-height: 1.6; }
@media(max-width:520px) {
  .build-card small { font-size: 12px; }
  .hero-left p { font-size: 16px; }
}

/* About section redesign: editorial heading, clear content rhythm and readable principle cards */
.about-home {
  max-width: 1240px;
  padding: clamp(30px, 5vw, 58px) clamp(18px, 3.2vw, 42px);
  gap: 28px;
  background:
    radial-gradient(ellipse at 0% 0%, rgba(22,215,210,.07), transparent 42%),
    #03090b;
}
.about-home-lead {
  max-width: 920px;
  position: relative;
}
.about-home-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--cyan);
  font: 700 12px/1.4 'Inter', Arial, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.about-home-kicker:before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 2px;
  background: var(--yellow);
}
.about-home h2 {
  max-width: 850px;
  font: 800 clamp(46px, 6vw, 76px)/.91 'Barlow Condensed', sans-serif;
  letter-spacing: -.025em;
  margin: 0 0 22px;
}
.about-home-intro {
  max-width: 900px;
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.75;
  color: #e0e8e9;
  margin: 0 0 20px;
}
.about-home-location {
  display: block;
  border: 1px solid #24484e;
  border-left: 4px solid var(--yellow);
  background: rgba(9, 25, 29, .72);
  margin-top: 24px;
  padding: 16px 18px;
  font-size: 14px;
  line-height: 1.65;
  color: #c4d0d2;
}
.about-home-location strong {
  display: block;
  font: 800 17px/1.2 'Barlow Condensed', sans-serif;
  letter-spacing: .035em;
  margin-bottom: 5px;
}
.about-home-content {
  width: 100%;
  min-width: 0;
}
.about-home-content>p {
  max-width: 1000px;
  font-size: 16px;
  line-height: 1.8;
  color: #c7d2d4;
  margin: 0 0 24px;
}
.about-home-hacker-definition {
  position: relative;
  border: 1px solid #24484e;
  border-left: 4px solid var(--cyan);
  background: linear-gradient(110deg, rgba(10,29,34,.9), rgba(3,9,11,.94));
  padding: clamp(20px, 3vw, 30px);
  margin: 0 0 24px;
}
.hacker-definition-kicker {
  color: var(--yellow);
  font: 700 11px/1.4 'Inter', Arial, sans-serif;
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.about-home-hacker-definition h3 {
  font: 800 clamp(22px, 2.2vw, 28px)/1.1 'Barlow Condensed', sans-serif;
  color: #fff;
  margin: 0 0 14px;
}
.about-home-hacker-definition p {
  max-width: 1050px;
  font: 400 16px/1.8 'Inter', Arial, sans-serif;
  color: #c7d2d4;
  margin: 0 0 12px;
}
.about-home-hacker-definition p:last-child { margin-bottom: 0; }
.about-home-values {
  gap: 0;
  border-top: 1px solid #24484e;
  border-left: 1px solid #24484e;
  margin: 0 0 22px;
}
.about-home-values article {
  min-height: 128px;
  padding: 20px 21px;
  background: rgba(7, 20, 24, .5);
  transition: background .18s ease, border-color .18s ease;
}
.about-home-values article:hover {
  background: rgba(11, 38, 43, .8);
}
.about-home-values b {
  font: 800 21px/1.2 'Barlow Condensed', sans-serif;
  letter-spacing: .015em;
  margin-bottom: 8px;
}
.about-home-values article p {
  font: 400 14px/1.65 'Inter', Arial, sans-serif;
  color: #b9c8ca;
  margin: 0;
  max-width: 420px;
}
.about-home-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: 6px;
}
.about-home-foot p {
  max-width: 660px;
  font: 400 14px/1.7 'Inter', Arial, sans-serif;
  color: #aebfc1;
  margin: 0;
}
.about-home-foot a {
  flex: none;
  color: var(--yellow);
  font: 800 16px/1.2 'Barlow Condensed', sans-serif;
  letter-spacing: .03em;
  padding: 10px 0;
  border-bottom: 2px solid var(--yellow);
}
@media(max-width:700px) {
  .about-home { padding: 30px 16px; gap: 22px; }
  .about-home h2 { font-size: clamp(42px, 11vw, 60px); }
  .about-home-values { grid-template-columns: 1fr; }
  .about-home-values article { min-height: auto; padding: 18px; }
  .about-home-foot { align-items: flex-start; flex-direction: column; gap: 12px; }
  .about-home-content>p,
  .about-home-hacker-definition p { font-size: 15px; }
}

/* Interdisciplinary focus cards */
.build-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.build-card { min-height: 220px; clip-path: none; border-radius: 3px; }
.build-card b { min-height: 42px; font-size: 18px; line-height: 1.08; padding: 10px 11px 4px; }
.build-card small { font-size: 13px; line-height: 1.45; padding: 2px 11px 12px; }
.build-card img { height: 135px; }
@media(max-width:1050px) { .build-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width:520px) {
 .build-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
 .build-card { min-height: 210px; }
 .build-card img { height: 105px; }
 .build-card b { font-size: 16px; }
 .build-card small { font-size: 12px; }
}

/* Cross-disciplinary creative integration panel below the existing build cards */
.creative-integration {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
  gap: clamp(24px, 5vw, 64px);
  align-items: start;
  max-width: 1240px;
  margin: 0 auto;
  padding: clamp(28px, 4vw, 48px) clamp(18px, 3vw, 38px);
  border-top: 1px solid #24484e;
  border-bottom: 1px solid #24484e;
  background: linear-gradient(110deg, rgba(9,27,31,.75), rgba(3,9,11,.98));
}
.creative-integration-heading span {
  display: block;
  color: var(--cyan);
  font: 700 11px/1.5 'Inter', Arial, sans-serif;
  letter-spacing: .14em;
  margin-bottom: 12px;
}
.creative-integration-heading h2 {
  color: #fff;
  font: 800 clamp(30px, 4vw, 48px)/.96 'Barlow Condensed', sans-serif;
  margin: 0;
}
.creative-integration-copy p {
  color: #c3d0d2;
  font: 400 15px/1.75 'Inter', Arial, sans-serif;
  margin: 0 0 14px;
}
.creative-integration-copy a {
  display: inline-block;
  margin-top: 4px;
  padding-bottom: 6px;
  border-bottom: 2px solid var(--yellow);
  color: var(--yellow);
  font: 800 15px/1.3 'Barlow Condensed', sans-serif;
  text-decoration: none;
}
@media(max-width:700px) {
  .creative-integration { grid-template-columns: 1fr; gap: 16px; padding: 26px 16px; }
  .creative-integration-heading h2 { font-size: 38px; }
  .creative-integration-copy p { font-size: 14px; }
}

/* Keep the six WHAT WE BUILD cards in a single horizontal row on desktop,
   matching the original layout; allow horizontal scrolling on narrow screens. */
.build-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}
.build-card {
  min-width: 0;
}
@media (max-width: 1050px) {
  .build-grid {
    grid-template-columns: repeat(6, minmax(150px, 1fr));
    overflow-x: auto;
    padding-bottom: 8px;
  }
}
@media (max-width: 600px) {
  .build-grid {
    grid-template-columns: repeat(6, minmax(145px, 1fr));
    overflow-x: auto;
  }
}

/* About section order and spacing requested: heading, location, explanation, mindset */
.about-home { display: flex; flex-direction: column; align-items: stretch; gap: 22px; }
.about-home-lead, .about-home-content { width: 100%; max-width: none; min-width: 0; }
.about-home-kicker { margin-bottom: 16px; }
.about-home h2 { margin-bottom: 22px; }
.about-home-location { margin-top: 0; max-width: 100%; }
.about-home-location strong { margin-bottom: 7px; }
.about-home-location p { margin: 0; font-size: 14px; line-height: 1.65; }
.about-home-content > p { max-width: 100%; margin-bottom: 0; }
.about-home-hacker-definition { margin-top: 0; }

/* Unified About section: one continuous editorial panel rather than stacked cards */
.about-home {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: clamp(28px, 4vw, 48px) clamp(20px, 3.2vw, 42px) 0;
  border: 1px solid #21464b;
  border-top: 2px solid var(--cyan);
  border-bottom: 0;
  background:
    linear-gradient(135deg, rgba(11,34,38,.56) 0%, rgba(3,9,11,.97) 46%, rgba(5,18,21,.9) 100%);
}
.about-home-lead,
.about-home-content,
.about-home-values {
  width: 100%;
  max-width: none;
}
.about-home-lead { padding-bottom: 26px; }
.about-home-kicker { margin-bottom: 18px; }
.about-home h2 {
  margin: 0 0 26px;
  max-width: 900px;
}
.about-home-location {
  margin: 0;
  padding: 14px 0 0;
  border: 0;
  border-top: 1px solid #24484e;
  border-left: 0;
  border-radius: 0;
  background: transparent;
  color: #b9c8ca;
}
.about-home-location strong {
  color: var(--yellow);
  font-size: 16px;
  margin-bottom: 6px;
}
.about-home-location p { margin: 0; }
.about-home-content {
  padding: 24px 0 28px;
  border-top: 1px solid #24484e;
}
.about-home-content > p {
  max-width: 1000px;
  margin: 0 0 24px;
  color: #c8d4d5;
  font-size: 16px;
  line-height: 1.8;
}
.about-home-hacker-definition {
  margin: 0;
  padding: 0;
  border: 0;
  border-left: 0;
  border-radius: 0;
  background: transparent;
}
.hacker-definition-kicker {
  margin-bottom: 8px;
  color: var(--yellow);
}
.about-home-hacker-definition h3 {
  margin: 0 0 14px;
  font-size: clamp(22px, 2.4vw, 28px);
}
.about-home-hacker-definition p {
  max-width: 1050px;
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 12px;
}
.about-home-hacker-definition p:last-child { margin-bottom: 0; }
.about-home-values {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  border-top: 1px solid #24484e;
  border-left: 0;
  background: rgba(8,24,27,.36);
}
.about-home-values article {
  min-width: 0;
  min-height: 126px;
  padding: 19px 18px 21px;
  border: 0;
  border-right: 1px solid #24484e;
  border-radius: 0;
  background: transparent;
}
.about-home-values article:last-child { border-right: 0; }
.about-home-values article:hover { background: rgba(17,52,57,.42); }
.about-home-values b {
  display: block;
  color: var(--cyan);
  font-size: 19px;
  line-height: 1.2;
  margin-bottom: 9px;
}
.about-home-values article p {
  color: #b9c8ca;
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}
@media(max-width:760px) {
  .about-home { padding: 26px 18px 0; }
  .about-home-lead { padding-bottom: 22px; }
  .about-home-content { padding: 22px 0; }
  .about-home-values { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-home-values article:nth-child(2) { border-right: 0; }
  .about-home-values article:nth-child(-n+2) { border-bottom: 1px solid #24484e; }
}
@media(max-width:440px) {
  .about-home-values { grid-template-columns: 1fr; }
  .about-home-values article { min-height: 0; border-right: 0; border-bottom: 1px solid #24484e; padding: 16px 0; }
  .about-home-values article:nth-child(2) { border-bottom: 1px solid #24484e; }
  .about-home-values article:last-child { border-bottom: 0; }
  .about-home-content > p,
  .about-home-hacker-definition p { font-size: 14px; }
}

/* Unified WHAT WE BUILD + creative practice section */
.build-section {
  border: 1px solid var(--cyan);
  border-bottom: 1px solid var(--cyan);
  background: linear-gradient(115deg, rgba(7,23,27,.98), rgba(3,9,11,.99));
  padding-bottom: 0;
  row-gap: 0;
}
.build-section > .build-heading,
.build-section > .build-grid,
.build-section > .build-note { margin-bottom: 0; }
.creative-integration-inner {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(250px,  .62fr) minmax(0, 1fr);
  gap: clamp(24px, 5vw, 60px);
  align-items: start;
  margin-top: 22px;
  padding: 22px 0 28px;
  border-top: 1px solid #24484e;
}
.creative-integration-inner .creative-integration-heading h2 {
  font-size: clamp(32px, 3.6vw, 46px);
}
.creative-integration-inner .creative-integration-heading span {
  margin-bottom: 10px;
}
.creative-integration-inner .creative-integration-copy p {
  font-size: 14px;
  line-height: 1.65;
}
.creative-integration-inner .creative-integration-copy p:last-of-type {
  margin-bottom: 10px;
}
@media(max-width:1050px) {
  .build-section { grid-template-columns: 130px minmax(0,1fr); }
  .build-section .build-note { display: none; }
  .build-section .build-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .creative-integration-inner { grid-column: 1 / -1; }
}
@media(max-width:700px) {
  .creative-integration-inner { grid-template-columns: 1fr; gap: 14px; margin-top: 18px; padding: 20px 0 24px; }
}
@media(max-width:520px) {
  .build-section { display: block; }
  .build-section .build-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .creative-integration-inner { display: grid; }
}

/* Homepage visual polish: consistent gutters, calmer dividers and aligned section widths */
.home-page {
  overflow-x: clip;
  overflow-y: visible;
  --section-line: rgba(91, 137, 145, .28);
}
.reference-hero,
.home-values,
.build-section,
.week-section,
.why-section,
.build-with-us {
  width: min(100% - 64px, 1240px);
  max-width: 1240px;
  box-sizing: border-box;
}
.reference-hero { padding: 38px 0 30px; gap: clamp(28px, 4vw, 54px); }
.hero-left { padding-top: 24px; }
.hero-main-photo { border: 0; border-radius: 8px; box-shadow: 0 18px 48px rgba(0,0,0,.28); }
.hero-main-photo img { border-radius: 8px; }
.hero-support { margin-top: 16px; }
.home-values {
  border: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #071215;
  box-shadow: inset 0 1px 0 rgba(91,137,145,.2);
}
.home-values article { border-right: 1px solid var(--section-line); }
.home-values article:last-child { border-right: 0; }
.build-section {
  margin-top: 30px;
  padding: 26px 22px 0;
  border: 1px solid var(--section-line);
  border-radius: 8px;
  overflow: hidden;
  background: linear-gradient(135deg, #071215 0%, #03090b 72%);
  gap: 16px;
}
.build-heading h2 { font-size: clamp(38px, 4vw, 48px); }
.build-grid { gap: 10px; }
.build-card {
  border: 1px solid rgba(91,137,145,.25);
  border-radius: 5px;
  clip-path: none;
  background: #0a171a;
  min-height: 178px;
}
.build-card:hover { border-color: var(--yellow); transform: translateY(-2px); }
.build-card img { height: clamp(82px, 8.5vw, 120px); }
.build-card b { padding: 10px 9px 4px; }
.build-card small { font-size: 11px; line-height: 1.4; padding: 0 9px 8px; }
.build-note { border-radius: 2px; }
.creative-integration-inner {
  border-top: 1px solid var(--section-line);
  margin-top: 24px;
  padding: 26px 0 30px;
  background: transparent;
}
.week-section {
  margin-top: 26px;
  padding: 24px 0;
  border-bottom: 1px solid var(--section-line);
  gap: clamp(22px, 3vw, 36px);
}
.week-cards article {
  border: 1px solid rgba(91,137,145,.22);
  border-radius: 6px;
  background: #071215;
}
.date { border-right-color: var(--section-line); }
.why-section {
  margin-top: 26px;
  border: 1px solid var(--section-line);
  border-radius: 8px;
  overflow: hidden;
}
.collab-photo { border-right-color: var(--section-line); }
.why-points { border-top-color: var(--section-line); }
.why-points div { border-bottom-color: var(--section-line); border-right-color: var(--section-line); }
.build-with-us {
  margin-top: 26px;
  margin-bottom: 34px;
  padding: 26px 22px;
  border: 1px solid var(--section-line);
  border-radius: 8px;
  background: #071215;
}
@media(max-width:780px) {
  .reference-hero,
  .home-values,
  .build-section,
  .week-section,
  .why-section,
  .build-with-us {
    width: calc(100% - 32px);
  }
  .reference-hero { padding: 25px 0 20px; gap: 22px; }
  .hero-left { padding-top: 5px; }
  .home-values { padding: 0; }
  .home-values article { border-bottom: 1px solid var(--section-line); }
  .build-section { padding: 23px 16px 0; margin-top: 22px; }
  .build-card { min-height: 170px; }
  .build-card img { height: 108px; }
  .week-section { padding: 22px 0; margin-top: 22px; }
  .why-section { margin-top: 22px; padding: 0; }
  .build-with-us { margin-top: 22px; margin-bottom: 24px; padding: 22px 17px; }
}
@media(max-width:520px) {
  .reference-hero,
  .home-values,
  .build-section,
  .week-section,
  .why-section,
  .build-with-us { width: calc(100% - 24px); }
  .build-section .build-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .build-card { min-height: 165px; }
  .build-card small { font-size: 10px; }
  .creative-integration-inner { padding: 21px 0 24px; }
}

/* Ensure the homepage document can grow and scroll vertically */
html {
  height: auto;
  overflow-y: auto;
}
body.home-page {
  height: auto;
  min-height: 100vh;
  overflow-x: clip;
  overflow-y: visible;
}
.home-page main,
.home-page #main-content {
  height: auto;
  min-height: 0;
  overflow: visible;
}

/* Add clear breathing room between the three-item overview strip and About section */
.home-values {
  margin-bottom: clamp(28px, 4vw, 48px);
}
.about-home {
  margin-top: 0;
}
@media (max-width: 780px) {
  .home-values {
    margin-bottom: 24px;
  }
}

/* Product images: show the complete router and multimeter without cropping */
.build-card img {
  width: 100%;
  height: clamp(105px, 9vw, 132px);
  object-fit: contain;
  object-position: center;
  background: #fff;
  display: block;
  padding: 5px;
  box-sizing: border-box;
}

/* Center the desktop composition with wider, consistent side gutters */
@media (min-width: 1100px) {
  .reference-hero,
  .home-values,
  .build-section,
  .week-section,
  .why-section,
  .build-with-us {
    width: min(86%, 1180px);
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
  }
  .reference-hero {
    padding-left: 0;
    padding-right: 0;
  }
  .home-values {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1500px) {
  .reference-hero,
  .home-values,
  .build-section,
  .week-section,
  .why-section,
  .build-with-us {
    width: min(82%, 1200px);
    max-width: 1200px;
  }
}

/* Align the About section to the same centered desktop content width */
@media (min-width: 1100px) {
  .about-home {
    width: min(86%, 1180px);
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }
}
@media (min-width: 1500px) {
  .about-home {
    width: min(82%, 1200px);
    max-width: 1200px;
  }
}

/* Remove the horizontal rule beneath the homepage events/schedule section */
.week-section {
  border-bottom: 0 !important;
}

/* Clean product cut-outs for the WHAT WE BUILD cards */
.build-card img {
  width: 100%;
  height: 125px;
  object-fit: contain;
  object-position: center;
  display: block;
  padding: 8px 10px;
  box-sizing: border-box;
  background: transparent;
  filter: none;
}

/* Consistent equipment imagery in the six-card WHAT WE BUILD row */
.build-card img.product-cutout {
  object-fit: contain;
  padding: 9px 10px;
  box-sizing: border-box;
  background: transparent;
  filter: none;
}
.build-card img:not(.product-cutout) {
  object-fit: cover;
}


/* WHAT WE BUILD: use the same image-led card language as the Explore page */
.build-section .build-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
.build-section .build-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  padding: 0 0 16px;
  overflow: hidden;
  background: #081619;
  border: 1px solid rgba(91, 137, 145, .3);
  border-radius: 8px;
  clip-path: none;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease;
}
.build-section .build-card:hover {
  transform: translateY(-3px);
  border-color: var(--cyan);
}
.build-section .build-card img {
  width: 100%;
  height: clamp(112px, 10vw, 154px);
  flex: 0 0 auto;
  display: block;
  object-position: center;
  box-sizing: border-box;
  margin: 0;
  padding: 8px;
  background: #fff;
  object-fit: contain;
  filter: none;
}
.build-section .build-card img:not(.product-cutout) {
  object-fit: cover;
  padding: 0;
  background: #081619;
}
.build-section .build-card-num {
  display: block;
  margin: 13px 14px 5px;
  color: var(--yellow);
  font: 800 11px/1.2 Inter, Arial, sans-serif;
}
.build-section .build-card b {
  display: block;
  min-width: 0;
  margin: 0 14px 8px;
  padding: 0;
  color: #f7f9f9;
  font: 800 clamp(17px, 1.55vw, 21px)/1.08 'Barlow Condensed', sans-serif;
  letter-spacing: -0.2px;
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}
.build-section .build-card small {
  display: block;
  margin: 0 14px;
  padding: 0;
  color: #b9cacc;
  font: 14px/1.55 Inter, Arial, sans-serif;
}
@media (max-width: 1050px) {
  .build-section .build-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .build-section .build-card img {
    height: 160px;
  }
}
@media (max-width: 560px) {
  .build-section .build-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .build-section .build-card img {
    height: 130px;
  }
  .build-section .build-card b {
    font-size: 18px;
    line-height: 1.08;
    margin-left: 12px;
    margin-right: 12px;
  }
  .build-section .build-card-num {
    margin-left: 12px;
    margin-right: 12px;
  }
  .build-section .build-card small {
    margin-left: 12px;
    margin-right: 12px;
    font-size: 13px;
  }
}


/* Desktop: keep WHAT WE BUILD card titles on one line without clipping. */
@media (min-width: 1051px) {
  .build-section .build-card b {
    white-space: nowrap;
    font-size: clamp(15px, 1.22vw, 19px);
    letter-spacing: -0.035em;
    transform: scaleX(.94);
    transform-origin: left center;
    max-width: 100%;
  }
}