.school435-doodle-lab{
  --doodle-paper:var(--wp--preset--color--base);
  --doodle-ink:var(--wp--preset--color--contrast);
  --doodle-accent:var(--wp--preset--color--accent-7);
  min-height:100vh;
  background:var(--doodle-paper);
}

.school435-doodle-stage{
  width:min(100%,1180px);
  margin-inline:auto;
  padding:clamp(32px,6vw,84px) clamp(20px,5vw,64px) clamp(48px,8vw,112px);
}

.school435-doodle-intro{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:18px;
  margin-bottom:clamp(40px,7vw,84px);
}

.school435-doodle-kicker{
  grid-column:1/-1;
  color:var(--wp--preset--color--accent-3);
  font-size:var(--school435-step--1);
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.school435-doodle-intro h1{
  grid-column:1/9;
  max-width:10ch;
  font-size:clamp(3.3rem,7.4vw,7rem);
  line-height:.86;
  letter-spacing:-.055em;
}

.school435-doodle-lead{
  grid-column:8/-1;
  align-self:end;
  max-width:31rem;
  font-size:var(--school435-step-1);
  line-height:1.38;
}

.school435-doodle-menu{
  display:grid;
  grid-template-columns:repeat(7,minmax(112px,1fr));
  gap:var(--school435-tile-gap);
  margin-bottom:clamp(44px,7vw,88px);
  background:var(--school435-surface-canvas);
}

.school435-site-header .school435-doodle-menu{margin-bottom:0}

.school435-doodle-tile{
  --doodle-tile-ink:var(--school435-ink-on-navy);
  --doodle-tile-accent:var(--wp--preset--color--accent-7);
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  block-size:var(--school435-tile-row-min);
  min-width:0;
  overflow:hidden;
  padding:9px 14px 10px;
  --school435-ink-muted:var(--wp--preset--color--accent-6);
  background:var(--school435-surface-tile-navy);
  color:var(--doodle-tile-ink);
  text-decoration:none;
  isolation:isolate;
}

.school435-doodle-tile.is-current{
  --doodle-tile-ink:var(--wp--preset--color--contrast);
  --doodle-tile-accent:var(--wp--preset--color--contrast);
  --school435-ink-muted:var(--school435-ink-on-light);
  color:var(--school435-ink-on-light);
  background:var(--school435-surface-tile-orange);
}

.school435-doodle-icon{
  align-self:center;
  justify-self:center;
  width:64px;
  height:64px;
  overflow:visible;
  color:var(--doodle-tile-ink);
  fill:none;
  stroke:currentColor;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}

.school435-doodle-stroke,
.school435-doodle-hatch,
.school435-doodle-gesture{
  stroke-dasharray:1;
  stroke-dashoffset:1;
  animation:school435-doodle-draw .72s cubic-bezier(.2,.72,.2,1) calc(var(--draw-delay,0s) + var(--tile-delay,0s)) forwards;
}

.school435-doodle-hatch{
  opacity:.58;
  stroke-width:1.25;
}

.school435-doodle-gesture,
.school435-doodle-trace{
  stroke:var(--doodle-tile-accent);
  stroke-width:2.45;
}

.school435-doodle-accent-fill{
  fill:var(--doodle-tile-accent);
  stroke:none;
}

.school435-doodle-label{
  position:relative;
  z-index:2;
  overflow:hidden;
  font-size:var(--school435-step--1);
  font-weight:700;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.school435-doodle-label > span{
  display:inline-block;
  margin-left:.18em;
  color:var(--doodle-tile-accent);
  transition:transform .42s cubic-bezier(.2,.72,.2,1);
}

.school435-doodle-door,
.school435-doodle-pencil,
.school435-doodle-window-light,
.school435-doodle-infinity-ball,
.school435-doodle-seal,
.school435-doodle-child,
.school435-doodle-contact-pin{
  transform-box:fill-box;
  transition:transform .52s cubic-bezier(.2,.72,.2,1),opacity .32s ease;
}

.school435-doodle-door{
  transform:scaleX(0);
  transform-origin:right center;
  transition:transform .52s cubic-bezier(.2,.72,.2,1);
}
.school435-doodle-window-light{fill:var(--school435-surface-tile-orange);opacity:1}
.school435-doodle-pencil{transform-origin:12% 88%}
.school435-doodle-infinity-ball{
  offset-path:path("M35.36 35.36C41.98 44.1 47.45 51.2 56 48.5C64.4 45.8 65.3 32.6 58.1 27.2C49.8 21 42.8 29.4 36.1 38.1C29.4 46.9 21.3 53.1 14.4 47.3C10.8 44.3 9.8 40 10.7 38.4C13.8 23.6 24 20.7 33.1 32.4C33.87 33.4 34.62 34.39 35.36 35.36Z");
  offset-distance:0%;
  offset-rotate:0deg;
}
.school435-doodle-seal{
  opacity:0;
  transform:translate(0,-19px) rotate(-12deg) scale(1.18);
  transform-origin:center;
}
.school435-doodle-child{transform-origin:center bottom}
.school435-doodle-contact-pin{transform:translate(-14px,14px);transform-origin:center bottom}
.school435-doodle-trace{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}

@media (hover:hover) and (pointer:fine){
  .school435-doodle-tile{transition:background-color .24s ease}
  .school435-doodle-tile:not(.is-current):hover{background:var(--wp--preset--color--accent-1)}
  .school435-doodle-tile.is-current:hover{background:var(--wp--preset--color--accent-7)}
  .school435-doodle-tile:is(:hover,:focus-visible) .school435-doodle-door{
    transform:scaleX(.5);
  }
  .school435-doodle-tile:is(:hover,:focus-visible) .school435-doodle-news-sun-ray{
    animation:
      school435-doodle-write .24s cubic-bezier(.2,.72,.2,1) var(--ray-delay) both,
      school435-doodle-ray-shimmer 1.2s linear calc(1.35s + var(--ray-delay)) infinite;
  }
  .school435-doodle-tile:is(:hover,:focus-visible) .school435-doodle-seal{animation:school435-doodle-stamp .56s cubic-bezier(.2,.72,.2,1) both}
  .school435-doodle-tile:is(:hover,:focus-visible) .school435-doodle-pencil{animation:school435-doodle-pencil-write .88s cubic-bezier(.2,.72,.2,1) both}
  .school435-doodle-tile:is(:hover,:focus-visible) .school435-doodle-pencil-mark{animation:school435-doodle-write .72s cubic-bezier(.2,.72,.2,1) .16s both}
  .school435-doodle-tile:is(:hover,:focus-visible) .school435-doodle-child{transform:translateX(-2.5px)}
  .school435-doodle-tile:is(:hover,:focus-visible) .school435-doodle-family-trace{animation:school435-doodle-trace .52s cubic-bezier(.2,.72,.2,1) both}
  .school435-doodle-tile:is(:hover,:focus-visible) .school435-doodle-contact-pin{animation:school435-doodle-contact-route .72s cubic-bezier(.2,.72,.2,1) both}
  .school435-doodle-tile:is(:hover,:focus-visible) .school435-doodle-route-trace{animation:school435-doodle-write .72s cubic-bezier(.2,.72,.2,1) both}
  .school435-doodle-tile:is(:hover,:focus-visible) .school435-doodle-infinity-ball{animation:school435-doodle-orbit 1.45s linear infinite}
  .school435-doodle-tile:is(:hover,:focus-visible) .school435-doodle-label > span{transform:translate(2px,-2px)}
}

.school435-doodle-notes{
  border-top:var(--school435-rule-strong) solid var(--doodle-ink);
}

.school435-doodle-notes article{
  display:grid;
  grid-template-columns:3.5rem minmax(13rem,.72fr) minmax(0,1fr);
  gap:clamp(16px,2.5vw,36px);
  align-items:start;
  min-width:0;
  padding:24px 0 28px;
}

.school435-doodle-notes article + article{
  border-top:var(--school435-rule-fine) solid var(--doodle-ink);
}

.school435-doodle-notes article > p:first-child{
  color:var(--wp--preset--color--accent-3);
  font-size:var(--school435-step--1);
  font-weight:800;
}

.school435-doodle-notes h2{
  font-size:var(--school435-step-2);
  line-height:1.02;
}

.school435-doodle-notes h2 + p{
  max-width:32rem;
  font-size:var(--school435-step--1);
  line-height:1.45;
}

@keyframes school435-doodle-draw{
  to{stroke-dashoffset:0}
}

@keyframes school435-doodle-trace{
  0%{opacity:0;stroke-dashoffset:1}
  14%{opacity:1}
  82%{opacity:1}
  100%{opacity:0;stroke-dashoffset:0}
}

@keyframes school435-doodle-write{
  0%{opacity:0;stroke-dashoffset:1}
  8%{opacity:1}
  100%{opacity:1;stroke-dashoffset:0}
}

@keyframes school435-doodle-ray-shimmer{
  0%{opacity:1;stroke-dashoffset:0}
  5%{opacity:0;stroke-dashoffset:0}
  12%{opacity:1;stroke-dashoffset:0}
  100%{opacity:1;stroke-dashoffset:0}
}

@keyframes school435-doodle-stamp{
  0%{opacity:0;transform:translate(0,-19px) rotate(-12deg) scale(1.18)}
  54%{opacity:1;transform:translate(0,1px) rotate(3deg) scale(.92)}
  72%{opacity:1;transform:translate(0,-1px) rotate(-2deg) scale(1.08)}
  100%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}
}

@keyframes school435-doodle-contact-route{
  0%{transform:translate(-14px,14px) scale(1)}
  50%{transform:translate(-14px,0) scale(1)}
  100%{transform:translate(0,0) scale(1.06)}
}

@keyframes school435-doodle-pencil-write{
  0%{opacity:1;transform:translate(0,0) rotate(-3deg)}
  22%{transform:translate(-9px,-.2px) rotate(4deg)}
  42%{transform:translate(-9.4px,3.8px) rotate(-5deg)}
  61%{transform:translate(-5.5px,3.1px) rotate(5deg)}
  79%{transform:translate(-1.3px,6.8px) rotate(-4deg)}
  88%{opacity:1;transform:translate(-7.7px,10.4px) rotate(2deg)}
  100%{opacity:0;transform:translate(-7.7px,10.4px) rotate(2deg)}
}

@keyframes school435-doodle-orbit{
  to{offset-distance:100%}
}

@media (max-width:1080px){
  .school435-doodle-menu{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media (max-width:720px){
  .school435-doodle-intro{grid-template-columns:1fr}
  .school435-doodle-intro h1,
  .school435-doodle-lead{grid-column:1}
  .school435-doodle-intro h1{font-size:clamp(2.8rem,14vw,4.8rem)}
  .school435-doodle-menu{grid-template-columns:1fr}
  .school435-doodle-tile:last-child{grid-column:auto}
  .school435-doodle-tile{
    grid-template-columns:58px minmax(0,1fr);
    grid-template-rows:var(--school435-control-row-min);
    align-items:center;
    block-size:var(--school435-control-row-min);
    padding:0 var(--school435-axis-cell) 0 10px;
  }
  .school435-doodle-icon{width:49px;height:49px}
  .school435-doodle-label{font-size:var(--school435-step-0)}
  .school435-doodle-notes article{grid-template-columns:2.4rem minmax(0,1fr);gap:12px 16px}
  .school435-doodle-notes article > p:first-child{grid-column:1;grid-row:1/3}
  .school435-doodle-notes h2,
  .school435-doodle-notes h2 + p{grid-column:2}
  .school435-nav-disclosure:not([open]) > .school435-doodle-menu{display:none}
  .school435-nav-disclosure[open] > .school435-doodle-menu{display:grid;padding-top:var(--school435-tile-gap)}
}

@media (min-width:721px){
  .school435-nav-disclosure > .school435-doodle-menu{display:grid}
}

@media (prefers-reduced-motion:reduce){
  .school435-doodle-stroke,
  .school435-doodle-hatch,
  .school435-doodle-gesture{
    animation:none;
    stroke-dashoffset:0;
  }
  .school435-doodle-door,
  .school435-doodle-pencil,
  .school435-doodle-window-light,
  .school435-doodle-infinity-ball,
  .school435-doodle-seal,
  .school435-doodle-child,
  .school435-doodle-contact-pin,
  .school435-doodle-label > span{transition:none}
  .school435-doodle-trace{display:none}
  .school435-doodle-seal{opacity:0;transform:none}
  .school435-doodle-pencil{opacity:0;transform:translate(-7.7px,10.4px) rotate(2deg)}
  .school435-doodle-pencil-mark{display:block;opacity:1;stroke-dashoffset:0}
  .school435-doodle-tile:is(:hover,:focus-visible) .school435-doodle-pencil{animation:none}
  .school435-doodle-tile:is(:hover,:focus-visible) .school435-doodle-news-sun-ray{display:block;opacity:1;stroke-dashoffset:0;animation:none}
  .school435-doodle-tile:is(:hover,:focus-visible) .school435-doodle-seal{opacity:1;animation:none}
  .school435-doodle-tile:is(:hover,:focus-visible) .school435-doodle-contact-pin{transform:translate(0,0) scale(1.06);animation:none}
  .school435-doodle-tile:is(:hover,:focus-visible) .school435-doodle-infinity-ball{animation:none}
}
