/*
Theme Name: DARA Block Theme V16
Theme URI: https://d-a-r-a.com/
Author: OpenAI for DARA
Description: Final refined DARA block theme based on V9, with editable native WordPress blocks.
Version: 18.0.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: dara-block-v16
*/
:root{--dara-orange:#f47a00;--dara-yellow:#ffd92f;--dara-black:#0c0c0c;--dara-paper:#fff9ea;--dara-white:#fff;--dara-max:1180px;--dara-display:"Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;--dara-body:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",Arial,sans-serif}
html{scroll-behavior:smooth}body{margin:0;background:var(--dara-paper);color:var(--dara-black);font-family:var(--dara-body);line-height:1.42}.wp-site-blocks{padding:0}.dara-header{position:sticky;top:0;z-index:30;background:rgba(255,249,234,.96);border-bottom:1px solid rgba(12,12,12,.12)}.dara-header-inner{max-width:var(--dara-max);margin:auto!important;padding:12px 24px;display:flex!important;justify-content:space-between;align-items:center;gap:28px}.dara-brand{display:flex!important;align-items:center;gap:10px;font-family:var(--dara-display);font-weight:700;letter-spacing:.03em;text-transform:uppercase}.dara-brand img{width:12px;height:auto;display:block}.dara-brand a{text-decoration:none}.dara-nav{font-family:var(--dara-display);font-size:13px;font-weight:600}.dara-nav .wp-block-navigation__container{gap:24px!important}.dara-nav a{text-decoration:none}.dara-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.dara-section{padding:96px 24px;margin:0!important}.dara-inner{max-width:var(--dara-max);margin:0 auto!important}.dara-hero{min-height:88vh;background:var(--dara-orange);display:flex;align-items:center}.dara-hero .dara-inner{max-width:900px}.dara-hero-grid{display:grid!important;grid-template-columns:190px 1fr;gap:70px;align-items:center}.dara-identity{display:flex!important;align-items:center;gap:20px}.dara-identity .wp-block-image{margin:0;flex:0 0 74px}.dara-identity img{width:74px;height:auto;display:block}.dara-institute{font-family:var(--dara-display);font-size:20px;line-height:1.08;font-weight:700;margin:0}.dara-eyebrow{font-family:var(--dara-display);text-transform:uppercase;font-size:12px;letter-spacing:.18em;font-weight:600;margin:0 0 20px}.dara-title{font-family:var(--dara-display);font-size:clamp(46px,7vw,98px);line-height:.93;margin:0 0 18px;font-weight:700;letter-spacing:-.055em}.dara-kicker{font-family:var(--dara-display);font-size:clamp(20px,2.2vw,31px);font-weight:600;max-width:760px;letter-spacing:-.02em;margin:0}.dara-sub{font-size:clamp(17px,1.55vw,22px);max-width:720px;margin:20px 0 0}.dara-buttons{margin-top:34px}.dara-buttons .wp-block-button__link{font-family:var(--dara-display);border:1.5px solid var(--dara-black);border-radius:999px;padding:11px 18px;font-weight:600;font-size:15px;text-decoration:none}.dara-buttons .is-style-outline .wp-block-button__link{color:var(--dara-black);border-color:var(--dara-black)}
.dara-yellow{background:var(--dara-yellow)}.dara-black{background:var(--dara-black);color:var(--dara-yellow)}.dara-two{display:grid!important;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.dara-heading{font-family:var(--dara-display);font-size:clamp(38px,5.2vw,74px);line-height:.98;letter-spacing:-.035em;margin:0 0 28px;font-weight:700}.dara-h3{font-family:var(--dara-display);font-size:clamp(25px,3vw,38px);line-height:1.05;margin:0 0 12px;font-weight:650}.dara-lede{font-size:clamp(20px,2.1vw,28px);max-width:880px;font-weight:500}.dara-copy{font-size:18px;max-width:860px}.dara-cards{display:grid!important;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.dara-card{border:2px solid currentColor;border-radius:26px;padding:26px;min-height:220px}.dara-number{font-family:var(--dara-display);font-size:13px;font-weight:600;opacity:.65;margin:0 0 28px}.dara-quote{font-family:var(--dara-display);font-size:clamp(28px,4vw,55px);font-weight:600;line-height:1.03;letter-spacing:-.03em;max-width:950px;margin:0}.dara-jupiter{display:grid!important;grid-template-columns:280px 1fr;gap:48px;align-items:center}.dara-jupiter-face{aspect-ratio:1;border-radius:50%;background:var(--dara-orange);display:grid!important;place-items:center;border:3px solid var(--dara-black);font-family:var(--dara-display);font-size:86px;font-weight:900}.dara-pills{display:flex!important;flex-wrap:wrap;gap:8px}.dara-pill{font-family:var(--dara-display);border:1.5px solid currentColor;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:700;margin:0}.dara-storyboard img{width:100%;height:auto;display:block;border:2px solid var(--dara-yellow)}.dara-big-line{font-family:var(--dara-display);font-size:clamp(38px,6vw,92px);line-height:.92;font-weight:700;letter-spacing:-.04em;margin:0}.dara-final{background:var(--dara-orange)}.dara-final-grid{display:grid!important;grid-template-columns:180px 1fr;gap:42px;align-items:center}.dara-anchor-box{border:3px solid var(--dara-black);width:160px;height:160px;display:grid!important;place-items:center}.dara-anchor-box .wp-block-image{margin:0}.dara-anchor-box img{max-width:118px;max-height:118px;width:auto;height:auto;display:block}.dara-footer{background:var(--dara-orange);padding:0 24px 36px;margin:0!important}.dara-footer-inner{max-width:var(--dara-max);margin:auto!important}.dara-small{font-size:13px;opacity:.75;margin:0}
@media(max-width:800px){.dara-header .wp-block-navigation{display:none}.dara-section{padding:70px 20px}.dara-hero{min-height:auto}.dara-hero-grid,.dara-two,.dara-cards,.dara-jupiter,.dara-final-grid{grid-template-columns:1fr}.dara-hero-grid{gap:28px}.dara-identity{gap:16px}.dara-institute{font-size:17px}.dara-jupiter-face{width:180px}.dara-header-inner{padding:12px 18px}.dara-final-grid{gap:24px}}


/* V9: hero built from independent draggable blocks */
.dara-hero-columns{align-items:center;gap:32px;margin:0!important}
.dara-hero-fork-block,.dara-hero-institute-block,.dara-hero-copy-block{margin:0!important}
.dara-hero-fork-block .wp-block-image{margin:0;text-align:center}
.dara-hero-fork-block img{width:72px;height:auto}
.dara-hero-institute-block{display:flex;align-items:center;min-height:120px}
.dara-hero-copy-block{max-width:720px}
@media(max-width:900px){.dara-hero-columns{display:block}.dara-hero-fork-block .wp-block-image{text-align:left}.dara-hero-institute-block{min-height:0;margin:18px 0 26px!important}.dara-hero-copy-block{max-width:none}}


/* V10 — requested final refinements */

/* Section 2: taller, more breathing room */
.dara-what{
  padding-top:140px;
  padding-bottom:140px;
}
.dara-what .dara-two{
  gap:78px;
}
.dara-what .dara-copy{
  line-height:1.58;
}
.dara-what .dara-copy p{
  margin-top:0;
  margin-bottom:28px;
}

/* Dr. Jupiter: more space and clear separation before the pills */
.dara-jupiter-section{
  padding-top:125px;
  padding-bottom:125px;
}
.dara-jupiter{
  grid-template-columns:260px 1fr;
  gap:78px;
}
.dara-jupiter-face{
  font-size:42px;
  line-height:1;
  text-align:center;
  padding:20px;
}
.dara-jupiter .dara-lede{
  margin-bottom:30px;
}
.dara-jupiter .dara-copy{
  line-height:1.58;
}
.dara-pills{
  margin-top:38px!important;
  gap:12px!important;
}
.dara-pill{
  padding:9px 14px;
}

/* Section 10: four-step language line */
.dara-big-line{
  line-height:1.02;
}

/* Section 11: one large anchor, no surrounding square */
.dara-final{
  padding-top:120px;
  padding-bottom:120px;
}
.dara-final-grid{
  grid-template-columns:300px 1fr;
  gap:72px;
}
.dara-anchor-box{
  border:0!important;
  width:300px!important;
  height:auto!important;
  min-height:300px;
}
.dara-anchor-box img{
  width:260px!important;
  max-width:260px!important;
  max-height:none!important;
  height:auto!important;
}

/* Contact */
.dara-contact{
  background:var(--dara-paper);
  padding-top:110px;
  padding-bottom:110px;
}
.dara-contact-grid{
  display:grid!important;
  grid-template-columns:1.05fr .95fr;
  gap:80px;
  align-items:end;
}
.dara-contact-slogan{
  font-family:var(--dara-display);
  font-size:clamp(42px,6vw,88px);
  line-height:.98;
  letter-spacing:-.045em;
  font-weight:700;
  margin:0;
}
.dara-contact-details{
  font-size:21px;
  line-height:1.65;
}
.dara-contact-details p{
  margin:0 0 12px;
}
.dara-contact-details a{
  text-decoration:none;
  border-bottom:1px solid currentColor;
}

@media(max-width:800px){
  .dara-what,.dara-jupiter-section,.dara-final,.dara-contact{
    padding-top:82px;
    padding-bottom:82px;
  }
  .dara-what .dara-two,
  .dara-jupiter,
  .dara-final-grid,
  .dara-contact-grid{
    gap:34px;
  }
  .dara-anchor-box{
    width:220px!important;
    min-height:220px;
  }
  .dara-anchor-box img{
    width:200px!important;
    max-width:200px!important;
  }
}


/* V11 — live-site refinement pass */

/* Section 3 / step 05 */
.dara-card-05 h3{
  margin-bottom:18px;
}
.dara-card-05 p{
  margin-top:0;
}

/* Section 5: give the Dr. Jupiter controls/pills more breathing room */
.dara-jupiter .dara-pills{
  margin-top:52px!important;
  gap:16px!important;
  row-gap:16px!important;
}

/* Section 6: red background */
.dara-red{
  background:#d62828!important;
  color:#0c0c0c;
}

/* Section 8: open up the Institute section and leave room for tuning fork */
.dara-institute{
  padding-top:135px;
  padding-bottom:135px;
}
.dara-institute-grid{
  display:grid!important;
  grid-template-columns:170px .9fr 1.1fr;
  gap:58px;
  align-items:start;
}
.dara-institute-fork{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding-top:10px;
}
.dara-institute-fork img{
  width:88px;
  height:auto;
  display:block;
}

/* Section 10: black final panel with one open square around the anchor */
.dara-final{
  background:#0c0c0c!important;
  color:#fff9ea!important;
}
.dara-final-grid{
  grid-template-columns:330px 1fr!important;
  align-items:center;
}
.dara-anchor-box{
  border:3px solid #fff9ea!important;
  width:310px!important;
  min-height:310px!important;
  height:310px!important;
  display:grid!important;
  place-items:center!important;
}
.dara-anchor-box img{
  width:235px!important;
  max-width:235px!important;
  height:auto!important;
}

/* Contact details integrated into final black section */
.dara-final-contact{
  margin-top:44px;
  font-size:20px;
  line-height:1.65;
}
.dara-final-contact p{
  margin:0 0 10px;
}
.dara-final-contact a{
  color:inherit;
  text-decoration:none;
}
.dara-ig-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border-bottom:1px solid currentColor;
}
.dara-ig-icon{
  width:21px;
  height:21px;
  display:inline-block;
  flex:0 0 auto;
}

/* Remove old separate contact section in V10 if it somehow survives rendering */
.dara-contact{
  display:none!important;
}

@media(max-width:800px){
  .dara-institute-grid{
    grid-template-columns:1fr!important;
    gap:30px;
  }
  .dara-institute-fork{
    justify-content:flex-start;
  }
  .dara-institute-fork img{
    width:62px;
  }
  .dara-final-grid{
    grid-template-columns:1fr!important;
  }
  .dara-anchor-box{
    width:230px!important;
    min-height:230px!important;
    height:230px!important;
  }
  .dara-anchor-box img{
    width:175px!important;
    max-width:175px!important;
  }
}


/* V12 — final live-site corrections */

/* Box 05: exactly the same hierarchy as the other cards */
.dara-card-05 h3{
  font-size:clamp(25px,3vw,38px)!important;
  line-height:1.05!important;
  margin:0 0 12px!important;
  font-weight:700!important;
}
.dara-card-05 p{
  margin:0!important;
}

/* Last page: green, with visible anchor */
.dara-final{
  background:#2f8f4e!important;
  color:#0c0c0c!important;
}
.dara-anchor-box{
  border:3px solid #0c0c0c!important;
}
.dara-anchor-box img{
  display:block!important;
  opacity:1!important;
  filter:none!important;
}

/* Instagram: icon only */
.dara-ig-link{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border:2px solid currentColor!important;
  border-radius:50%;
  text-decoration:none!important;
}
.dara-ig-link span{
  display:none!important;
}
.dara-ig-icon{
  width:22px!important;
  height:22px!important;
}


/* V13 — correction pass */

/* Box 05: remove special spacing/size overrides; use the exact same structure as all other cards */
.dara-card-05 h3{
  font-size:inherit!important;
  line-height:inherit!important;
  margin:0 0 12px!important;
  font-weight:inherit!important;
}
.dara-card-05 p{
  margin:0!important;
}

/* Institute copy should be regular body weight */
.dara-institute .dara-copy,
.dara-institute .dara-copy p,
.dara-institute .dara-copy strong{
  font-weight:400!important;
}

/* Last page: one square, one anchor, no extra title inside/next to the graphic */
.dara-final{
  background:#2f8f4e!important;
  color:#0c0c0c!important;
}
.dara-final-grid{
  grid-template-columns:330px 1fr!important;
  align-items:center!important;
}
.dara-anchor-box{
  border:3px solid #0c0c0c!important;
  width:310px!important;
  height:310px!important;
  min-height:310px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}
.dara-anchor-box img{
  width:235px!important;
  max-width:235px!important;
  max-height:none!important;
  height:auto!important;
  display:block!important;
}

/* Contact bold */
.dara-final-contact,
.dara-final-contact p,
.dara-final-contact a{
  font-weight:700!important;
}

/* Instagram stays icon only */
.dara-ig-link span{
  display:none!important;
}

/* Bottom footer should merge into the green final page: no orange bar */
.dara-footer{
  background:#2f8f4e!important;
  color:#0c0c0c!important;
  padding-top:0!important;
  border-top:0!important;
}


/* V14 — exact corrections */

/* Box 05: use EXACT same heading class/size/weight as cards 01–06 */
.dara-card-05 .dara-h3{
  font-family:var(--dara-display)!important;
  font-size:clamp(25px,3vw,38px)!important;
  line-height:1.05!important;
  margin:0 0 12px!important;
  font-weight:650!important;
  letter-spacing:normal!important;
}

/* Final anchor: ONE square only, with a clean vector anchor inside */
.dara-anchor-box{
  border:3px solid #0c0c0c!important;
  width:310px!important;
  height:310px!important;
  min-height:310px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:none!important;
  outline:0!important;
}
.dara-anchor-box svg{
  width:220px!important;
  height:220px!important;
  display:block!important;
  fill:#0c0c0c!important;
}
.dara-anchor-box figure,
.dara-anchor-box img{
  display:none!important;
}


/* V15 — anchor: deliberately simple and bulletproof */
.dara-anchor-box{
  border:3px solid #0c0c0c!important;
  width:310px!important;
  height:310px!important;
  min-height:310px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
  outline:none!important;
}
.dara-anchor-glyph{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:210px!important;
  line-height:1!important;
  font-weight:400!important;
  color:#0c0c0c!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-4px);
}
.dara-anchor-box svg,
.dara-anchor-box img,
.dara-anchor-box figure{
  display:none!important;
}


/* V16 — exact Focus parity + exact page-one anchor */

/* Card 05: absolutely identical styling/spacing to every other card */
.dara-card-05{
  all:unset;
}
.dara-card-05{
  display:block;
  border:2px solid currentColor;
  border-radius:26px;
  padding:26px;
  min-height:220px;
}
.dara-card-05 .dara-number{
  font-size:13px;
  font-weight:600;
  opacity:.65;
  margin:0 0 28px;
}
.dara-card-05 .dara-h3{
  font-family:var(--dara-display);
  font-size:clamp(25px,3vw,38px);
  line-height:1.05;
  margin:0 0 12px;
  font-weight:650;
}
.dara-card-05 p:last-child{
  margin:0;
}

/* Last page: use the exact anchor + square from page 1 of the supplied PDF.
   No CSS border: the square is already part of the graphic. */
.dara-anchor-box{
  border:0!important;
  width:330px!important;
  height:330px!important;
  min-height:330px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
  outline:none!important;
}
.dara-anchor-box img{
  display:block!important;
  width:300px!important;
  max-width:300px!important;
  height:auto!important;
  max-height:none!important;
  opacity:1!important;
  filter:none!important;
}
.dara-anchor-box svg,
.dara-anchor-box .dara-anchor-glyph{
  display:none!important;
}


/* V18 — exact requested corrections */
/* Card 05: move FOCUS down one line. */
.dara-card-05 .dara-h3{
  margin-top:1.05em !important;
}

/* Final page: use the user's anchor image, large and unboxed. */
.dara-anchor-box{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  width:330px !important;
  height:330px !important;
  min-height:330px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
}
.dara-anchor-box figure{
  margin:0 !important;
  display:block !important;
}
.dara-anchor-box img{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:320px !important;
  max-width:320px !important;
  height:auto !important;
  max-height:none !important;
  filter:none !important;
}
.dara-anchor-box svg,
.dara-anchor-box .dara-anchor-glyph{
  display:none !important;
}

/* Final slogan: unmistakably bold. */
.dara-final .dara-lede,
.dara-final .dara-lede strong{
  font-weight:800 !important;
}