/* Homepage-only Jersey photography layer. No copy, catalogue or account changes.
   Rollback details: design/home-island.md. */
.home-island { --island-gold: #d6b56d; }
.home-island .hero {
  position: relative;
  isolation: isolate;
  max-width: none;
  min-height: 740px;
  margin: 0;
  padding: 68px max(5%, calc((100% - 1360px) / 2)) 58px;
  grid-template-columns: minmax(0, 1.6fr) minmax(290px, .9fr);
  gap: clamp(36px, 5vw, 80px);
  align-items: center;
  overflow: hidden;
  background: #101114;
  border-bottom: 1px solid #d6b56d40;
}
.home-island .home-hero-scenery {
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
}
.home-island .home-hero-scenery img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 54%;
}
.home-island .hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, #08090bee 0%, #08090bcb 37%, #08090b38 78%), linear-gradient(0deg, #08090bed, transparent 40%, #08090b28);
}
.home-island .hero-content { min-width: 0; padding: 12px 0; }
.home-island .hero .eyebrow { color: #eed69f; margin-bottom: 25px; }
.home-island .hero h1 {
  max-width: 760px;
  font-size: clamp(3.8rem, 6.4vw, 6.25rem);
  line-height: .99;
  text-shadow: 0 3px 24px #0005;
}
.home-island .hero h1 em { color: #e9cc88; }
.home-island .hero p { max-width: 34rem; color: #e1dfda; text-shadow: 0 2px 10px #0008; }
.home-island .hero-forum { color: #f0d79d; }
.home-island .hero-bottom { max-width: 34rem; border-color: #e9cf9138; color: #e4cf9f; }
.home-island .hero-image-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 350px;
  height: auto;
  min-height: 0;
  padding: 0;
  margin: 38px 0 0 auto;
  align-self: start;
  border: 1px solid #d6b56d60;
  border-radius: 12px;
  background: #101114;
  box-shadow: 0 12px 32px #0004;
}
.home-island .hero-image-wrap::after { display: none; }
.home-island .hero-image-wrap .flavour-photo {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: 49% 58%;
  filter: none;
  border: 0;
  border-radius: 0;
  -webkit-mask-image: none;
  mask-image: none;
}
.home-island .extract-caption {
  position: relative;
  inset: auto;
  min-width: 0;
  padding: 20px 22px;
  border-top: 1px solid #d6b56d40;
  text-shadow: none;
}
.home-island .extract-caption span { display: block; font-size: .75rem; line-height: 1.6; letter-spacing: .035em; }
.home-island .extract-caption strong { margin-top: 10px; font-size: 1.2rem; line-height: 1.3; letter-spacing: -.015em; }
.home-island .values { padding-block: 20px; background: #101012; border-color: #d6b56d25; }
.home-island > .section { max-width: none; padding-inline: max(5%, calc((100% - 1360px) / 2)); }
.home-island .section-heading { gap: 36px; }
.home-island .shop-section { background: radial-gradient(ellipse at 10% 0, #d6b56d08, transparent 65%), #0d0d0f; }
.home-island .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.home-island .product-card { min-width: 0; display: flex; flex-direction: column; border-color: #d6b56d30; border-radius: 14px; }
.home-island .product-card:hover { border-color: #d6b56d90; box-shadow: 0 10px 30px #0004; }
.home-island .product-card:focus-visible { outline: 2px solid #efd79b; outline-offset: 4px; }
.home-island .product-visual { flex: none; aspect-ratio: 4 / 3; max-height: none; }
.home-island .product-info { display: flex; flex: 1; flex-direction: column; padding: 21px 20px; }
.home-island .product-info > small { font-size: .625rem; line-height: 1.75; }
.home-island .product-info h3 { font-size: 1.3rem; line-height: 1.25; }
.home-island .product-info p {
  font-size: .875rem;
  line-height: 1.65;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  max-height: 4.95em;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.home-island .product-price { margin-top: auto; padding-top: 16px; border-top: 1px solid #ffffff12; font-size: 1.3rem; flex-direction: column; align-items: flex-start; gap: 6px; }
.home-island .product-price small { overflow-wrap: anywhere; }
.home-island .product-price:empty { display: none; }
.home-island .community-card {
  position: relative;
  /* Do not enlarge the photograph to match the neighbouring forum feed. */
  align-self: start;
  isolation: isolate;
  overflow: hidden;
  min-height: 510px;
  padding: 38px;
  border-color: #d6b56d60;
  background: #141416;
}
.home-island .jersey-community-photo {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 60% 50%;
  margin: 0;
  border: 0;
  border-radius: 0;
}
.home-island .community-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(135deg, #08090be8, #08090bc2 50%, #08090b35), linear-gradient(0deg, #08090b9c, transparent 45%);
}
.home-island .community-card p, .home-island .community-card > small { color: #e0ddd6; }
.home-island .community-card h3 { color: #faf7ef; }
.home-island .jersey-story { gap: 48px; background: #141416; }
.home-island .castle-story { position: relative; }
.home-island .castle-story img { aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 48%; border-radius: 16px; }
.home-island .castle-story span { color: #d9c593; margin-top: 16px; letter-spacing: .14em; line-height: 1.7; }
.home-island .join-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 460px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 5%;
  background: #111319;
  border-block: 1px solid #d6b56d40;
}
.home-island .home-join-scenery {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  pointer-events: none;
}
.home-island .home-join-scenery img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 40% 50%; }
.home-island .join-section::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, #080a0c50, #080a0cbf 38%, #080a0cbf 62%, #080a0c50), linear-gradient(0deg, #080a0c78, #080a0c25);
}
.home-island .join-section .eyebrow { color: #f0d89f; }
.home-island .join-section h2 { color: #fffaf0; }
.home-island .join-section h2 em { color: #ecd095; }
.home-island .join-section p { color: #eeebe5; }
@media (max-width: 1100px) {
  .home-island .hero { min-height: 700px; grid-template-columns: minmax(0, 1.45fr) minmax(250px, .85fr); gap: 30px; }
  .home-island .hero h1 { font-size: clamp(3.6rem, 7vw, 5rem); }
  .home-island .hero-image-wrap { max-width: 310px; }
  .home-island .extract-caption { padding: 20px 17px; }
  .home-island .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  .home-island .product-visual { aspect-ratio: 1.7; }
  .home-island .community-card { padding: 30px; }
}
@media (max-width: 800px) {
  .home-island .hero { grid-template-columns: minmax(0, 1fr); min-height: 0; padding: 44px 5% 32px; gap: 30px; }
  .home-island .hero::before { background: linear-gradient(90deg, #08090bd9, #08090b80), linear-gradient(0deg, #08090bd9, transparent 40%); }
  .home-island .hero-content { padding: 0; }
  .home-island .hero h1 { max-width: 650px; font-size: clamp(3.2rem, 10vw, 5.2rem); }
  .home-island .hero-image-wrap { display: grid; grid-template-columns: 36% minmax(0, 1fr); margin: 0 0 0 auto; max-width: 430px; }
  .home-island .hero-image-wrap .flavour-photo { width: 100%; height: 100%; aspect-ratio: auto; min-height: 172px; }
  .home-island .extract-caption { padding: 20px; align-self: center; border-top: 0; }
  .home-island .extract-caption strong { font-size: 1.1rem; }
  .home-island .jersey-story { gap: 30px; }
  .home-island .castle-story img { aspect-ratio: 16 / 10; }
}
@media (max-width: 600px) {
  .home-island .hero { padding: 38px 6% 28px; gap: 26px; }
  .home-island .home-hero-scenery img { object-position: 48% 50%; }
  .home-island .hero::before { background: linear-gradient(180deg, #08090b9c, #08090bd6 58%, #08090b65), linear-gradient(90deg, #08090b38, transparent); }
  .home-island .hero .eyebrow { font-size: .6875rem; line-height: 1.8; margin-bottom: 24px; }
  .home-island .hero h1 { font-size: clamp(2.9rem, 11.5vw, 4.2rem); margin-bottom: 24px; }
  .home-island .hero p { font-size: 1rem; line-height: 1.8; }
  .home-island .hero-buttons { margin-top: 26px; gap: 18px; }
  .home-island .hero-bottom { margin-top: 25px; padding-top: 18px; }
  .home-island .hero-image-wrap { max-width: 380px; }
  .home-island .extract-caption { padding: 18px 16px; }
  .home-island .extract-caption span { font-size: .75rem; letter-spacing: 0; }
  .home-island .extract-caption strong { margin-top: 10px; font-size: 1.0625rem; }
  .home-island .values { padding: 20px 6%; gap: 10px 18px; font-size: .625rem; line-height: 1.8; }
  .home-island > .section { padding: 46px 6%; }
  .home-island .section-heading { margin-bottom: 26px; }
  .home-island .product-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .home-island .product-card { display: grid; grid-template-columns: 35% minmax(0, 1fr); border-radius: 12px; text-align: left; }
  .home-island .product-visual { min-height: 190px; height: 100%; aspect-ratio: auto; border-radius: 0; }
  .home-island .product-visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 60%; }
  .home-island .product-visual .stock { inset: auto 6px 8px; padding: 6px 4px; font-size: .5rem; letter-spacing: .02em; text-align: center; line-height: 1.5; }
  .home-island .product-info { min-width: 0; padding: 18px 15px; }
  .home-island .product-info > small { font-size: .5625rem; letter-spacing: .06em; }
  .home-island .product-info h3 { font-size: 1.125rem; margin: 9px 0; overflow-wrap: anywhere; }
  .home-island .product-info h3 span { font-size: 1rem; }
  .home-island .product-info p { font-size: .8125rem; line-height: 1.65; margin-bottom: 14px; -webkit-line-clamp: 2; line-clamp: 2; max-height: 3.3em; }
  .home-island .product-price { font-size: 1.2rem; padding-top: 12px; }
  .home-island .product-price small { font-size: .625rem; line-height: 1.6; }
  .home-island .community-card { padding: 30px 26px; min-height: 455px; }
  .home-island .community-card h3 { font-size: 2.6rem; }
  .home-island .jersey-community-photo { object-position: 65% 50%; }
  .home-island .castle-story img { aspect-ratio: 4 / 3; border-radius: 12px; }
  .home-island .castle-story span { font-size: .5625rem; }
  .home-island .join-section { padding: 62px 6%; min-height: 480px; }
  .home-island .join-section::before { background: linear-gradient(180deg, #080a0c70, #080a0ccc 32%, #080a0cb8 72%, #080a0c60); }
  .home-island .home-join-scenery img { object-position: 27% 50%; }
  .home-island .join-section h2 { font-size: clamp(2.7rem, 11vw, 3.4rem); }
  .home-island .join-section p { font-size: .9375rem; line-height: 1.8; }
}
@media (prefers-reduced-motion: reduce) {
  .home-island .product-card, .home-island .product-card img { transition: none; }
}

/* Planned launch clock: a self-contained band below the existing hero. */
.home-island .launch-countdown{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px max(5%,calc((100% - 1360px)/2));background:linear-gradient(110deg,#d6b56d0b,transparent 55%),#101114;border-block:1px solid #d6b56d35;color:#f0ede6}
.launch-countdown-kicker{display:block;font-size:10px;letter-spacing:2px;color:#d6b56d;font-weight:600;margin-bottom:7px}
.home-island .launch-countdown h2{font:500 clamp(25px,2.4vw,33px)/1.15 'Barlow Condensed',Arial,sans-serif;letter-spacing:.15px;margin:0 0 7px}
.home-island .launch-countdown p{font-size:13px;line-height:1.6;color:#d5c6a4;margin:0}
.launch-countdown-copy p>span{padding:0 6px}.launch-countdown-copy small{display:block;color:#a4a69f;font-size:11px;line-height:1.6;margin-top:5px}
.launch-countdown-clock{display:grid;grid-template-columns:repeat(4,minmax(66px,1fr));gap:12px;min-width:340px}.launch-countdown-clock[hidden]{display:none!important}
.launch-countdown-clock>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:13px 18px 11px;border:1px solid #d6b56d38;border-radius:7px;background:linear-gradient(180deg,#d6b56d0b,#0b0d1090)}
.launch-countdown-clock strong{font:500 43px/1 'Barlow Condensed',Arial,sans-serif;font-variant-numeric:tabular-nums;color:#e5c783;min-width:2ch;text-align:center}.launch-countdown-clock>div:first-child strong{color:#ffe1a0}.launch-countdown-clock span{margin-top:9px;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#b9b3a4}
@media(max-width:700px){.home-island .launch-countdown{flex-direction:column;align-items:stretch;gap:20px;padding:25px 6%}.launch-countdown-clock{min-width:0;width:100%;max-width:440px;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.launch-countdown-clock>div{padding:12px 7px}.launch-countdown-clock strong{font-size:38px}.launch-countdown-clock span{font-size:8px;letter-spacing:.65px}}