/* Jarayan 8.8.1 — homepage local/pause composition repair. */

.jarayan-home-duo {
  padding:clamp(3rem,5.4vw,5.25rem) 0;
}

.jarayan-home-duo__grid--integrated {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1rem,2vw,1.5rem);
  align-items:stretch;
}

.jarayan-home-duo__grid--single {
  grid-template-columns:minmax(0,1fr);
}

.jarayan-home-duo__grid--single .jarayan-home-duo__card {
  width:100%;
  max-width:none;
}

.jarayan-v87 .jarayan-home-duo__card {
  display:flex;
  flex-direction:column;
  min-height:520px;
  padding:clamp(1.45rem,2.6vw,2.15rem);
  border-radius:34px;
  overflow:hidden;
}

.jarayan-v87 .jarayan-home-duo__card--pause {
  min-height:520px;
  overflow:hidden;
}

.jarayan-home-duo__head {
  position:relative;
  z-index:2;
  gap:.8rem;
  margin-bottom:clamp(1.15rem,2vw,1.55rem);
  padding-bottom:clamp(.95rem,1.7vw,1.25rem);
  border-bottom:1px solid color-mix(in srgb,var(--ink) 9%,transparent);
}

.jarayan-home-duo__card--local .jarayan-home-duo__head {
  border-bottom-color:rgba(255,255,255,.13);
}

.jarayan-home-duo__head small {
  font-size:.72rem;
  line-height:1.6;
}

.jarayan-home-duo__head strong {
  font-size:.9rem;
  line-height:1.7;
}

.jarayan-home-duo__card h2 {
  position:relative;
  z-index:2;
  max-width:590px;
  margin:0 0 .8rem;
  font-size:clamp(1.55rem,2.35vw,2.22rem);
  line-height:1.48;
  letter-spacing:-.025em;
}

.jarayan-home-duo__card > p {
  position:relative;
  z-index:2;
  max-width:620px;
  margin-bottom:1rem;
  font-size:.9rem;
  line-height:1.95;
}

.jarayan-home-duo__chips {
  position:relative;
  z-index:2;
  margin:1rem 0 1.15rem;
}

.jarayan-home-duo__actions {
  position:relative;
  z-index:2;
  margin-top:auto;
  padding-top:.75rem;
}

.jarayan-home-duo__actions .button {
  min-height:46px;
}

.jarayan-home-duo__local-map {
  width:270px;
  opacity:.56;
}

.jarayan-home-duo__pause-orbit {
  width:260px;
  opacity:.42!important;
}

.jarayan-home-duo__breathing {
  z-index:2;
  margin-top:auto;
  border-color:color-mix(in srgb,var(--accent) 18%,transparent);
  background:linear-gradient(145deg,rgba(8,38,58,.96),rgba(10,61,82,.94));
  box-shadow:0 20px 48px rgba(8,38,58,.17);
}

.jarayan-home-duo__privacy {
  position:relative;
  z-index:2;
  margin-top:.75rem;
  line-height:1.75;
}

.jarayan-pause-toolkit--homewide {
  grid-column:1/-1;
  position:relative;
  isolation:isolate;
  margin-top:clamp(.15rem,.8vw,.55rem);
  padding:clamp(1.35rem,2.6vw,2rem);
  border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));
  border-radius:34px;
  background:
    radial-gradient(circle at 92% 0,color-mix(in srgb,var(--accent) 12%,transparent),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.98),color-mix(in srgb,var(--soft) 55%,#fff));
  box-shadow:0 24px 65px rgba(7,34,51,.09);
  overflow:hidden;
}

.jarayan-pause-toolkit--homewide::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto -90px -120px auto;
  width:300px;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%);
  pointer-events:none;
}

.jarayan-pause-toolkit--homewide .jarayan-pause-toolkit__compact-head {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);
  gap:clamp(1rem,2.4vw,2.5rem);
  align-items:end;
  margin-bottom:1.25rem;
  padding-bottom:1.15rem;
  border-bottom:1px solid var(--line);
}

.jarayan-pause-toolkit--homewide .jarayan-pause-toolkit__compact-head small {
  color:var(--accent-dark);
  font-size:.72rem;
  font-weight:850;
}

.jarayan-pause-toolkit--homewide .jarayan-pause-toolkit__compact-head h3 {
  margin:.25rem 0 0;
  font-size:clamp(1.28rem,2vw,1.8rem);
  line-height:1.55;
}

.jarayan-pause-toolkit--homewide .jarayan-pause-toolkit__compact-head p {
  margin:0;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.95;
}

.jarayan-pause-toolkit--homewide .jarayan-pause-toolkit__grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.75rem;
  margin-top:0;
}

.jarayan-pause-toolkit--homewide .jarayan-pause-zone {
  min-height:auto;
  padding:1rem;
  border-radius:21px;
  box-shadow:0 12px 30px rgba(8,40,58,.055);
}

.jarayan-pause-toolkit--homewide .jarayan-pause-zone header {
  margin-bottom:.3rem;
}

.jarayan-pause-toolkit--homewide .jarayan-pause-zone header > span {
  width:42px;
  height:42px;
  border-radius:13px;
}

.jarayan-pause-toolkit--homewide .jarayan-pause-zone header h3 {
  font-size:.96rem;
}

.jarayan-pause-toolkit--homewide .jarayan-pause-tool {
  padding:.72rem .78rem;
  border-radius:14px;
}

.jarayan-pause-toolkit--homewide .jarayan-pause-tool strong {
  font-size:.78rem;
}

.jarayan-pause-toolkit--homewide .jarayan-pause-tool small {
  font-size:.64rem;
  line-height:1.7;
}

.jarayan-pause-toolkit--homewide .jarayan-pause-stage {
  grid-template-columns:190px minmax(0,1fr);
  gap:1.5rem;
  margin-top:1rem;
  padding:1.25rem;
  border-radius:24px;
}

.jarayan-pause-toolkit--homewide .jarayan-pause-stage__visual {
  max-width:175px;
  margin-inline:auto;
}

.jarayan-pause-toolkit--homewide .jarayan-pause-stage__content h3 {
  font-size:clamp(1.3rem,2.5vw,2rem);
}

.jarayan-pause-toolkit--homewide .jarayan-pause-toolkit__notice {
  margin:1rem 0 0;
  font-size:.78rem;
  line-height:1.8;
}

@media (max-width:1080px) {
  .jarayan-home-duo__grid--integrated {
    grid-template-columns:1fr;
  }

  .jarayan-home-duo--pause-right .jarayan-home-duo__card--pause {
    order:0;
  }

  .jarayan-v87 .jarayan-home-duo__card,
  .jarayan-v87 .jarayan-home-duo__card--pause {
    min-height:auto;
  }

  .jarayan-pause-toolkit--homewide .jarayan-pause-toolkit__grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:720px) {
  .jarayan-home-duo {
    padding:2.4rem 0;
  }

  .jarayan-v87 .jarayan-home-duo__card {
    padding:1.15rem;
    border-radius:25px;
  }

  .jarayan-home-duo__head {
    align-items:flex-start;
    margin-bottom:1rem;
    padding-bottom:.9rem;
  }

  .jarayan-home-duo__icon {
    flex-basis:45px;
    width:45px;
    height:45px;
    border-radius:14px;
  }

  .jarayan-home-duo__card h2 {
    font-size:1.42rem;
    line-height:1.55;
  }

  .jarayan-home-duo__card > p {
    font-size:.82rem;
    line-height:1.9;
  }

  .jarayan-home-duo__chips span {
    padding:.48rem .62rem;
    font-size:.64rem;
  }

  .jarayan-home-duo__actions {
    display:grid;
    grid-template-columns:1fr;
  }

  .jarayan-home-duo__actions .button {
    width:100%;
  }

  .jarayan-home-duo__local-map,
  .jarayan-home-duo__pause-orbit {
    opacity:.28!important;
  }

  .jarayan-home-duo__breathing {
    grid-template-columns:76px minmax(0,1fr);
    gap:.75rem;
    padding:.85rem;
    border-radius:20px;
  }

  .jarayan-home-duo__breathing .breathing-card__orb {
    width:72px;
    height:72px;
  }

  .jarayan-home-duo__breathing .breathing-card__content p {
    display:none;
  }

  .jarayan-pause-toolkit--homewide {
    padding:1rem;
    border-radius:25px;
  }

  .jarayan-pause-toolkit--homewide .jarayan-pause-toolkit__compact-head {
    grid-template-columns:1fr;
    gap:.65rem;
    margin-bottom:1rem;
    padding-bottom:1rem;
  }

  .jarayan-pause-toolkit--homewide .jarayan-pause-toolkit__grid {
    grid-template-columns:1fr;
  }

  .jarayan-pause-toolkit--homewide .jarayan-pause-zone {
    padding:.9rem;
    border-radius:18px;
  }

  .jarayan-pause-toolkit--homewide .jarayan-pause-stage {
    grid-template-columns:1fr;
    gap:1rem;
    padding:1rem;
    border-radius:20px;
    text-align:center;
  }

  .jarayan-pause-toolkit--homewide .jarayan-pause-stage__visual {
    width:min(145px,52vw);
  }

  .jarayan-pause-toolkit--homewide .jarayan-pause-stage__actions {
    justify-content:center;
  }

  .jarayan-pause-toolkit--homewide .jarayan-pause-toolkit__notice {
    align-items:flex-start;
    text-align:right;
  }
}

@media (max-width:390px) {
  .jarayan-home-duo__head strong {
    font-size:.78rem;
  }

  .jarayan-home-duo__breathing {
    grid-template-columns:66px minmax(0,1fr);
  }

  .jarayan-home-duo__breathing .breathing-card__orb {
    width:64px;
    height:64px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .jarayan-pause-toolkit--homewide *,
  .jarayan-home-duo__card * {
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
  }
}