/* Main-page finishing pass. Original silhouettes and colors, current reviewed copy. */
  .deck-sec{position:relative;height:200vh;background:var(--sky)}
  .deck-sky{
    position:absolute;inset:0;z-index:0;
    background:linear-gradient(180deg,var(--sky) 0%, var(--cream) 45%, var(--peach) 100%);
    overflow:hidden;
  }
  .deck-sky::before,.deck-sky::after{
    content:"";position:absolute;inset:-6% -12%;
    background-image:url('assets/cloud-sky.webp');
    background-size:cover;background-position:center;
    opacity:.9;will-change:transform;
  }
  .deck-sky::after{opacity:.4;transform:scale(1.35) translateY(6%);filter:blur(2px)}
  .deck-sticky{
    position:sticky;top:0;height:100vh;overflow:hidden;
    display:flex;flex-direction:column;align-items:center;
    z-index:2;
  }
  .deck-head{text-align:center;padding:clamp(2rem,5vh,3.4rem) var(--gutter) 0;position:relative;z-index:3}
  .deck-title{
    font-family:'Fredoka',sans-serif;font-weight:700;
    font-size:clamp(1.9rem,4.6vw,3.2rem);line-height:1;letter-spacing:-.02em;color:var(--ink);
  }
  .deck-sub{
    font-family:'Fredoka',sans-serif;font-weight:500;
    font-size:clamp(1rem,1.7vw,1.25rem);color:var(--teal);margin-top:.35rem;
  }
  .deck-stage{position:relative;flex:1;width:100%;perspective:1600px}
  .dcard{
    position:absolute;top:50%;left:50%;
    width:min(340px,80vw);aspect-ratio:5/6;
    margin:calc(min(340px,80vw)*-0.6) 0 0 calc(min(340px,80vw)*-0.5);
    border-radius:26px;
    padding:clamp(1.5rem,3vw,2rem);
    display:flex;flex-direction:column;
    box-shadow:0 26px 60px rgba(6,51,58,.28), 0 6px 16px rgba(6,51,58,.18);
    will-change:transform,opacity;
    backface-visibility:hidden;
  }
  .dcard .badge{
    width:clamp(64px,14vw,84px);height:clamp(64px,14vw,84px);border-radius:20px;
    background:rgba(255,255,255,.9);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 6px 16px rgba(6,51,58,.18);margin-bottom:auto;
  }
  .dcard .badge img{width:64%;height:64%;object-fit:contain}
  .dcard .t{
    font-family:'Fredoka',sans-serif;font-weight:700;
    font-size:clamp(1.5rem,3.4vw,2.15rem);line-height:1.02;letter-spacing:-.015em;
    margin:1.1rem 0 .55rem;
  }
  .dcard p{font-size:clamp(.98rem,1.5vw,1.1rem);line-height:1.45;opacity:.92}
  .dcard .num{position:absolute;top:1.3rem;right:1.5rem;font-family:'Fredoka',sans-serif;font-weight:700;font-size:1rem;opacity:.5}
  /* solid bold card colors, Maxima-style */
  .dcard.k0{background:var(--coral);color:#fff}
  .dcard.k1{background:var(--gold);color:var(--ink)}
  .dcard.k2{background:var(--teal);color:#fff}
  .dcard.k3{background:var(--violet);color:#fff}
  .dcard.k4{background:#0A8F5B;color:#fff}
  .dcard.k5{background:var(--pink);color:#fff}
  .deck-progress{
    position:relative;z-index:3;display:flex;gap:.5rem;justify-content:center;
    padding:0 0 clamp(1.6rem,4vh,2.6rem);
  }
  .deck-progress .pip{width:9px;height:9px;border-radius:50%;background:rgba(19,32,38,.22);transition:transform .3s var(--spring),background .3s var(--spring)}
  .deck-progress .pip.on{background:var(--coral);transform:scale(1.5)}
  @media(prefers-reduced-motion:reduce){
    .deck-sec{height:auto}
    .deck-sticky{position:static;height:auto;padding-bottom:3rem}
    .deck-stage{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;padding:2rem;perspective:none}
    .dcard{position:static;margin:0;transform:none !important;opacity:1 !important;width:min(340px,88vw)}
    .deck-progress{display:none}
  }

  /* ============ §4 THE WORK — floating anti-gravity carousel (Bucks) ============ */
  .to-dark{display:block;width:100%;height:clamp(60px,9vw,130px);margin-bottom:-2px;position:relative;z-index:2}
  .builtsec{
    position:relative;z-index:1;
    background:radial-gradient(130% 100% at 50% 26%, var(--dark2) 0%, #06333A 44%, #042025 100%);
    color:var(--cream);
    padding:clamp(2.5rem,5vw,4rem) var(--gutter) clamp(3rem,6vw,5rem);
    overflow:hidden;
    min-height:100vh;display:flex;flex-direction:column;justify-content:center;
  }
  .built-head{text-align:center;margin-bottom:clamp(1.5rem,3vw,2.4rem)}
  .built-head .eye{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.7rem}
  .built-head h2{font-family:'Fredoka',sans-serif;font-weight:700;font-size:clamp(1.9rem,4.6vw,3.2rem);line-height:1.02;letter-spacing:-.02em}
  .built-head h2 .em{color:var(--gold)}

  .carousel{position:relative;max-width:1180px;margin:0 auto;width:100%}
  .cstage{position:relative;min-height:min(540px,72vh)}
  .slide{
    position:absolute;inset:0;
    display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:center;
    opacity:0;visibility:hidden;transform:translateX(60px) scale(.97);
    transition:opacity .55s var(--glide), transform .6s var(--glide), visibility .55s;
    pointer-events:none;
  }
  @media(min-width:900px){.slide{grid-template-columns:1.02fr .98fr;gap:2.5rem}}
  .slide.active{opacity:1;visibility:visible;transform:none;pointer-events:auto}
  .slide.prev-out{transform:translateX(-60px) scale(.97)}

  .slide-text{order:2;position:relative;z-index:4}
  @media(min-width:900px){.slide-text{order:1;padding-right:1rem}}
  .slide-idx{font-family:'Fredoka',sans-serif;font-weight:700;font-size:clamp(2.6rem,6vw,4.4rem);line-height:.9;color:var(--acc);opacity:.9;margin-bottom:.3rem}
  .slide-idx small{font-size:.4em;opacity:.5;font-weight:600}
  .slide-text h3{font-family:'Fredoka',sans-serif;font-weight:700;font-size:clamp(1.5rem,3.2vw,2.3rem);line-height:1.04;letter-spacing:-.015em;margin-bottom:.8rem}
  .slide-text h3 .hl{color:var(--acc)}
  .slide-text p{font-size:clamp(1rem,1.6vw,1.12rem);line-height:1.5;opacity:.9;max-width:46ch}
  .slide-aside{font-family:'Patrick Hand',cursive;font-size:1.35rem;color:var(--acc);display:inline-block;margin-top:1rem;transform:rotate(-1.2deg)}
  .slide-cta{
    display:inline-flex;align-items:center;gap:.6rem;margin-top:1.3rem;
    font-family:'Fredoka',sans-serif;font-weight:600;font-size:1.1rem;
    color:var(--ink);background:var(--gold);text-decoration:none;
    padding:.65rem 1.4rem;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.3);
    transition:transform .25s var(--spring),box-shadow .25s ease;
  }
  .slide-cta:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 28px rgba(0,0,0,.38)}
  .slide-cta .yt{display:inline-flex;width:26px;height:19px;background:var(--coral);border-radius:5px;align-items:center;justify-content:center}
  .slide-cta .yt::before{content:"";border-left:7px solid #fff;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent;margin-left:2px}
  .slide-cta .arr{transition:transform .3s var(--spring)}
  .slide-cta:hover .arr{transform:translateX(4px)}
  .slide.s1{--acc:var(--coral)} .slide.s2{--acc:var(--lavender)} .slide.s3{--acc:var(--mint)}

  .slide-stage{order:1;position:relative;height:min(440px,58vh);display:flex;align-items:center;justify-content:center}
  @media(min-width:900px){.slide-stage{order:2}}
  .glowblob{position:absolute;width:66%;aspect-ratio:1;border-radius:50%;filter:blur(46px);opacity:.55;background:var(--acc);z-index:1}
  .hero-float{position:relative;width:min(330px,60vw);z-index:3;animation:floaty 6.5s ease-in-out infinite}
  .hero-float img{width:100%;height:auto;display:block;filter:drop-shadow(0 26px 34px rgba(0,0,0,.45))}
  /* realistic photo hero, blended to flow into the dark room */
  .hero-float.photo{width:min(410px,68vw);position:relative}
  .hero-float.photo::before{ /* warm glow + bokeh bloom, same family as the mic & laptop */
    content:"";position:absolute;inset:-24%;z-index:-1;pointer-events:none;
    background:
      radial-gradient(closest-side at 30% 32%, rgba(255,120,60,.55), transparent 70%),
      radial-gradient(closest-side at 74% 70%, rgba(255,194,75,.5), transparent 70%),
      radial-gradient(closest-side at 86% 28%, rgba(255,170,90,.42), transparent 62%),
      radial-gradient(closest-side at 18% 76%, rgba(255,140,70,.4), transparent 62%),
      radial-gradient(circle at 50% 50%, rgba(255,150,90,.3), transparent 74%);
    filter:blur(26px);
    animation:photo-glow 5.5s ease-in-out infinite;
  }
  @keyframes photo-glow{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
  .photo-card{
    position:relative;border-radius:22px;overflow:hidden;
    box-shadow:
      0 0 0 2px rgba(255,175,95,.5),
      0 0 26px 3px rgba(255,120,60,.4),
      0 0 66px 8px rgba(255,185,90,.28),
      0 30px 60px rgba(0,0,0,.5),
      0 0 0 1px rgba(255,246,233,.1) inset;
    transform:rotate(-1.5deg);
  }
  .slide.s3 .glowblob{background:#FF8140;opacity:.5}
  .photo-card img{width:100%;height:auto;display:block;filter:saturate(1.05) contrast(1.02) brightness(.97)}
  .photo-card::after{ /* vignette melts the edges into the section */
    content:"";position:absolute;inset:0;pointer-events:none;
    background:
      radial-gradient(120% 120% at 50% 45%, transparent 52%, rgba(4,32,37,.55) 82%, rgba(4,32,37,.9) 100%),
      linear-gradient(180deg, rgba(12,80,90,.10), rgba(255,120,60,.06));
    mix-blend-mode:normal;
  }
  .sat{position:absolute;z-index:4;animation:floaty var(--dur,5s) ease-in-out var(--del,0s) infinite;filter:drop-shadow(0 8px 12px rgba(0,0,0,.3))}
  .sat img{width:100%;height:auto;display:block}
  @keyframes floaty{
    0%,100%{transform:translateY(0) rotate(var(--r,0deg))}
    50%{transform:translateY(-20px) rotate(calc(var(--r,0deg) + var(--rs,4deg)))}
  }

  .c-arrow{
    z-index:10;
    width:clamp(46px,5vw,56px);height:clamp(46px,5vw,56px);border-radius:50%;
    background:var(--cream);color:var(--teal);border:none;cursor:pointer;
    font-size:1.35rem;display:flex;align-items:center;justify-content:center;flex:0 0 auto;
    box-shadow:0 8px 22px rgba(0,0,0,.35);transition:transform .25s var(--spring),background .2s;
  }
  .c-arrow:hover{transform:scale(1.12);background:#fff}
  .c-foot{display:flex;align-items:center;justify-content:center;gap:clamp(.9rem,2vw,1.5rem);margin-top:clamp(1.4rem,3vw,2.2rem);flex-wrap:wrap}
  .c-dots{display:flex;gap:.55rem}
  .c-dots button{width:10px;height:10px;border-radius:50%;border:none;background:rgba(255,246,233,.28);cursor:pointer;padding:0;transition:transform .3s var(--spring),background .3s var(--spring)}
  .c-dots button.on{background:var(--gold);transform:scale(1.5)}
  .c-hint{font-family:'Patrick Hand',cursive;font-size:1.15rem;color:rgba(255,246,233,.6)}
  .cstage{touch-action:pan-y}

  @media(prefers-reduced-motion:reduce){
    .hero-float,.sat{animation:none !important}
    .builtsec{min-height:0}
  }

  /* ============ §5 THE PRINCIPLES TRACK (Bucks arched ghost-number reel) ============ */
  .prin-sec{position:relative;height:250vh;background:var(--dark)}
  .prin-sticky{
    position:sticky;top:0;height:100vh;overflow:hidden;
    background:radial-gradient(130% 100% at 50% 42%, #0C3B42 0%, var(--dark) 56%, #05171B 100%);
  }
  .prin-head{position:absolute;top:clamp(2rem,6vh,3.6rem);left:0;right:0;text-align:center;z-index:6;padding:0 var(--gutter)}
  .prin-head .eye{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}
  .prin-head h2{font-family:'Fredoka',sans-serif;font-weight:700;font-size:clamp(1.9rem,4.4vw,3.2rem);line-height:1;letter-spacing:-.02em;color:var(--cream)}
  .prin-head h2 .em{color:var(--gold)}
  .prin-track{position:absolute;top:0;left:0;height:100%;display:flex;align-items:center;will-change:transform;z-index:2}
  .pstop{flex:0 0 auto;width:66vw;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 3vw;will-change:transform}
  @media(min-width:1100px){.pstop{width:40vw}}
  .pstop .picon{
    width:clamp(78px,8.5vw,120px);height:clamp(78px,8.5vw,120px);background:var(--cream);
    border-radius:26px;display:flex;align-items:center;justify-content:center;padding:clamp(13px,1.5vw,18px);
    box-shadow:0 12px 26px rgba(0,0,0,.45), 0 0 0 3px var(--pacc);margin-bottom:.9rem;
  }
  .pstop .picon img{width:100%;height:100%;object-fit:contain;display:block}
  .pstop .ghost{
    font-family:'Fredoka',sans-serif;font-weight:700;
    font-size:clamp(8rem,22vw,19rem);line-height:.78;
    color:transparent;-webkit-text-stroke:2.5px var(--pacc);opacity:.62;letter-spacing:-.02em;
  }
  .pstop .ppill{
    display:inline-flex;align-items:center;gap:.7rem;margin-top:1rem;
    font-family:'Fredoka',sans-serif;font-weight:600;font-size:clamp(1.3rem,2.5vw,1.95rem);color:var(--ink);
    background:var(--cream);border-radius:999px;padding:.6rem 1.8rem;box-shadow:0 8px 20px rgba(0,0,0,.4);transform:rotate(-1deg);
  }
  .pstop .ppill .dot{width:9px;height:9px;border-radius:50%;background:var(--pacc)}
  .pstop .pcap{margin-top:1.2rem;max-width:40ch;font-size:clamp(1.12rem,1.9vw,1.42rem);line-height:1.5;color:rgba(255,246,233,.9);transform:rotate(-.5deg)}
  .pstop.a1{--pacc:var(--coral)} .pstop.a2{--pacc:#2CB7C4} .pstop.a3{--pacc:var(--gold)} .pstop.a4{--pacc:var(--lavender)}
  .prin-plane{position:absolute;top:50%;left:10px;width:clamp(78px,8.5vw,138px);z-index:5;transform:rotate(var(--tilt,0deg));will-change:left,top,transform}
  .prin-plane .plane-inner{position:relative;display:block;animation:plane-bob 2.9s ease-in-out infinite;filter:drop-shadow(0 10px 14px rgba(0,0,0,.4))}
  .prin-plane img{width:100%;height:auto;display:block}
  @keyframes plane-bob{0%,100%{transform:translateY(0) rotate(-2.5deg)}50%{transform:translateY(-14px) rotate(2.5deg)}}
  /* live animated eyes overlaid on the static plane (the Bucks trick) */
  .plane-face{position:absolute;top:24%;left:37%;width:39%;overflow:visible;pointer-events:none}
  .plane-face .eye{transform-box:fill-box;transform-origin:center}
  .plane-face .eye.er{animation:blinkR 5.6s ease-in-out infinite}
  .plane-face .eye.el{animation:blinkL 5.6s ease-in-out infinite}
  .plane-face .pupil{transform-box:fill-box;transform-origin:center;animation:look 6.6s ease-in-out infinite}
  @keyframes blinkR{0%,39%,45%,100%{transform:scaleY(1)}42%{transform:scaleY(.07)}}
  @keyframes blinkL{0%,39%,45%,74%,82%,100%{transform:scaleY(1)}42%,78%{transform:scaleY(.07)}}
  @keyframes look{0%,100%{transform:translateX(0)}34%{transform:translateX(1.6px)}66%{transform:translateX(-1.6px)}}
  /* dynamic speed streaks off the tail */
  .plane-inner .wind{position:absolute;left:-8%;top:50%;width:48%;height:38%;z-index:-1;pointer-events:none}
  .plane-inner .wind i{position:absolute;left:58%;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,rgba(150,212,232,.9));opacity:0;animation:whoosh 1.5s linear infinite}
  .plane-inner .wind i:nth-child(1){top:18%;width:40%;animation-delay:0s}
  .plane-inner .wind i:nth-child(2){top:48%;width:30%;animation-delay:.5s}
  .plane-inner .wind i:nth-child(3){top:78%;width:34%;animation-delay:1s}
  @keyframes whoosh{0%{opacity:0;transform:translateX(12%)}28%{opacity:1}100%{opacity:0;transform:translateX(-130%)}}
  .prin-hint{position:absolute;bottom:clamp(1.4rem,4vh,2.4rem);left:0;right:0;text-align:center;z-index:6;font-family:'Patrick Hand',cursive;font-size:1.2rem;color:rgba(255,246,233,.7)}
  @media(prefers-reduced-motion:reduce){
    .prin-sec{height:auto}
    .prin-sticky{position:static;height:auto;padding:3rem 0}
    .prin-track{position:static;flex-direction:column;transform:none !important;gap:3rem;height:auto}
    .pstop{width:100%;height:auto;padding:2rem var(--gutter);transform:none !important}
    .prin-plane,.prin-hint{display:none}
    .prin-plane .plane-inner,.plane-face .eye,.plane-face .pupil,.plane-inner .wind i{animation:none !important}
  }


.hero{padding:0!important;height:180svh;min-height:0!important;max-height:none!important;overflow:clip}.hero-stage{position:sticky;top:0;height:100svh;min-height:740px;overflow:hidden;background:inherit}.hero-inner{padding-top:112px;padding-bottom:180px;opacity:var(--hello-reveal,0);transform:translateY(calc((1 - var(--hello-reveal,0))*24px));transition:none}.hello-story{position:absolute;inset:0;z-index:27;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:90px 25px 200px;color:var(--cream);opacity:var(--hello-story,1);transform:translateY(calc((1 - var(--hello-story,1))*-40px));pointer-events:none}.hello-story>span{font:clamp(24px,3vw,38px) 'Patrick Hand';color:var(--gold);transform:rotate(-4deg);margin-bottom:20px}.hello-story strong{font:700 clamp(48px,7vw,100px)/.98 'Fredoka';letter-spacing:-.03em}.hello-story a{font:600 18px 'Fredoka';color:var(--cream);margin-top:30px;text-decoration:none;pointer-events:auto}.hello-story a span{display:inline-block;margin-left:12px}.hero[data-greeted=true] .hello-story a{pointer-events:none}.hand-path{position:absolute;bottom:0;transform-origin:center bottom;will-change:transform}.hand-path .hand{position:relative!important;left:0!important;bottom:0!important}.jess-card{border-radius:999px 999px 32px 32px}.jess-card img{border-radius:999px 999px 23px 23px}.jess-card::before{border-radius:999px 999px 27px 27px}.jess-card .tag{border-radius:999px}.hero-wave{z-index:29}
.premise{padding-top:95px;padding-bottom:55px}.premise h2{font-size:clamp(46px,5.7vw,82px);max-width:17ch}.premise-inner{gap:45px 65px}.premise-cta{grid-column:1/-1;text-align:center;margin:0;padding-top:24px;border:0}.premise-right p:last-child{margin-bottom:0}
.prin-sec{height:250svh}.prin-sticky{height:100svh}.prin-head{top:100px}.prin-track{padding:0;gap:0}.pstop{padding:120px 3vw 60px;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}.pstop .ghost{position:static;opacity:.68;font-size:clamp(100px,20vh,170px);transform:none;right:auto;top:auto}.pstop .picon{transform:none;border-radius:26px;width:clamp(76px,8vw,106px);height:clamp(76px,8vw,106px);padding:15px}.pstop .ppill{font-size:clamp(22px,2.1vw,30px);letter-spacing:-.01em;line-height:1.25;max-width:100%;border:0}.pstop .ppill::after{display:none}.pstop .pcap{font-size:clamp(17px,1.5vw,21px);line-height:1.45;max-width:40ch}.flight-path{display:none}.prin-hint{bottom:18px}.prin-plane{z-index:5}
.deck-sec{height:240svh}.deck-head{padding-top:100px;text-align:center;width:100%}.deck-title{font-size:clamp(40px,4.6vw,64px)}.deck-sub{font-family:'Fredoka',sans-serif;font-weight:500;font-size:clamp(18px,1.7vw,25px);text-align:center}.deck-sticky{height:100svh;border:0}.deck-stage{min-height:0;flex:1}.deck-sky{background-image:none;background:linear-gradient(180deg,var(--sky),var(--cream) 45%,var(--peach));border:0}.deck-sky::before,.deck-sky::after{display:block}.dcard{width:min(370px,80vw);min-height:0;height:auto;aspect-ratio:auto;margin:0 0 0 calc(min(370px,80vw)*-.5);border-radius:28px;padding:28px;clip-path:none!important;border:0;box-shadow:0 26px 60px #06333a48,0 6px 16px #06333a2e}.dcard::after{display:none}.dcard .badge{border-radius:22px;margin-bottom:5px;transform:none!important;width:70px;height:70px}.dcard .t{font-size:clamp(25px,2.6vw,34px);line-height:1.03;margin:18px 0 12px}.dcard p{font-size:16px;line-height:1.48}.dcard .num{letter-spacing:0}.deck-controls{position:relative;bottom:auto;min-height:58px;padding:0;margin:0;border:0;background:none}.deck-controls>button{display:none}.deck-progress{padding:10px 0 28px;gap:4px}.deck-progress .pip{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:0;padding:0;cursor:pointer;transform:none!important}.deck-progress .pip::after{content:'';width:10px;height:10px;border-radius:50%;background:#13202638;transition:transform .45s,background .45s}.deck-progress .pip.on::after{background:var(--coral);transform:scale(1.5)}.deck-progress .pip:focus-visible{outline:2px solid var(--teal);outline-offset:-5px;border-radius:50%}.deck-sec+.to-dark{margin-top:-2px;border:0}
.built-head{max-width:none}.built-head h2{max-width:none}.cstage{display:grid;min-height:0}.slide{position:relative;grid-area:1/1;inset:auto;max-width:none;padding:0;gap:1.5rem}.slide-text{max-width:none}.slide-stage{border-radius:0;background:none;border:0;box-shadow:none;isolation:auto;perspective:none}.slide-stage::after,.stage-orbit,.stage-caption{display:none}.slide-text h3{font-size:clamp(26px,3.2vw,37px)}.slide-text p{font-size:clamp(16px,1.6vw,18px);line-height:1.5}.builtsec{padding-top:65px;padding-bottom:65px}.cstage{scroll-margin-top:90px}.c-hint{display:block}.project-status{display:none}.c-dots button{width:44px;height:44px;background:transparent;transform:none!important;position:relative}.c-dots button::after{content:'';display:block;width:10px;height:10px;border-radius:50%;background:#fff6e948;margin:auto;transition:transform .4s,background .4s}.c-dots button.on::after{background:var(--gold);transform:scale(1.5)}
.comic-cover .cov-float{animation:cover-bob 7s ease-in-out infinite}.comic-cover .cov-inner{border-radius:2px;box-shadow:0 20px 36px #06333a44;border:0}.comic-cover .cov-inner::after{display:none}.comic-cover .cov-pblock{width:7px;right:-6px;box-shadow:2px 2px 0 #0a303e60}.comic-cover:hover .cov-float{animation-play-state:paused}.fpage.cover,.fpage.bookback{border-radius:2px}.comic-reader .fpage{cursor:grab}.comic-reader .fpage:active{cursor:grabbing}.comic-reader .read-text{border-radius:999px}.comic-reader::after{content:'Hover near a page corner, then drag to turn. Or use the arrows.';display:block;text-align:center;margin-top:14px;font:18px 'Patrick Hand';color:var(--teal)}
.shelf-wrap{border-radius:36px 36px 8px 8px;border:12px solid #65513a;border-bottom:0;background:radial-gradient(ellipse at 50% 15%,#e6c48633,transparent 80%),repeating-linear-gradient(90deg,#8e70481a 0 2px,transparent 2px 53px),linear-gradient(90deg,#352e24,#5d4b34 20%,#65523c 50%,#4a3b2b 85%,#332d25);box-shadow:inset 0 10px 35px #0005,inset 6px 0 10px #0004,inset -6px 0 10px #0004,0 22px 40px #0003;position:relative}.shelf-wrap::before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:24px 24px 0 0;box-shadow:inset 0 2px 0 #f6dfb747}.shelf{gap:36px}.shelf-cover{display:none!important}.spine,.spine:hover,.spine:focus-visible,.spine.selected{transform:none;filter:none;transition:none}.spine .book{transition:transform .75s cubic-bezier(.22,.8,.24,1);transform-origin:center bottom}.spine.previewing .book,.spine:focus-visible .book{transform:translateY(-20px) translateZ(35px) scale(1.035)}.spine .pulltag{transition:opacity .5s,transform .5s;transform:translateY(8px)}.spine.previewing .pulltag{opacity:1;transform:translateY(0)}.shelf-board{background:repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 4px),linear-gradient(#b78c58,#725035);box-shadow:0 5px 0 #39281b,inset 0 2px 0 #efc89277,0 22px 18px #0005;border-radius:3px}.spine .glint{opacity:.15}.shelf-index button{border-radius:0}.paper-bookmark{font-size:0}
.connect-card{border-radius:30px}.connect-card::before{border-radius:23px}.contact-dialog{border-radius:28px!important;overflow:hidden}.letter-shell{border-radius:24px}.letter-shell button[type=submit]{border-radius:999px}.lib-reader,.comic-reader{transition:opacity .5s,transform .5s}
@media(min-width:900px){.slide{grid-template-columns:1.02fr .98fr;gap:2.5rem}.slide-text{order:1}.slide-stage{order:2}}
@media(max-width:900px){.hero{height:calc(890px + 65svh)}.hero-stage{height:890px;min-height:890px}.hero-inner{padding-top:110px;padding-bottom:150px}.hello-story{height:100svh;padding-bottom:120px}.pstop{width:84vw;padding-inline:6vw}.pstop .ghost{font-size:clamp(90px,17vh,145px)}.pstop .pcap{font-size:17px}.pstop .ppill{font-size:22px;padding:12px 20px}.prin-head{top:95px}.dcard{padding:22px}.deck-title{font-size:40px}.dcard .t{font-size:25px}.dcard p{font-size:15px}.slide-stage{height:320px}.builtsec{min-height:0;padding-top:55px;padding-bottom:55px}.built-head h2{font-size:36px}.c-foot{margin-top:25px}.premise{padding-top:65px;padding-bottom:35px}.premise-inner{gap:28px}.premise h2{font-size:48px}.premise-cta .pcta{white-space:normal;text-align:center}.shelf-wrap{border-width:8px;border-radius:28px 28px 5px 5px}.shelf-wrap::before{border-radius:20px 20px 0 0}.shelf{gap:12px}.comic-reader::after{content:'Drag a page corner to turn, or use the arrows.';font-size:16px}}
@media(max-height:740px) and (min-width:901px){.hero-stage{min-height:680px}.hero-inner{padding-top:100px;padding-bottom:145px}.jess-card{width:270px}.prin-head{top:85px}.pstop .ghost{font-size:110px}.pstop .picon{width:72px;height:72px}.pstop .pcap{font-size:17px}.pstop .ppill{font-size:22px}.deck-head{padding-top:90px}.dcard{padding:22px}.dcard .badge{width:55px;height:55px}.dcard .t{font-size:26px}.dcard p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.hero{height:auto!important}.hero-stage{position:relative;height:auto;min-height:0}.hero-inner{opacity:1;transform:none}.hello-story{display:none}.hand-path{transform:none!important}.prin-track{padding:0;gap:35px}.pstop{width:100%;padding:25px}.prin-head{position:static}.prin-sticky{height:auto}.prin-sec,.deck-sec{height:auto}.deck-sticky{height:auto}.deck-stage{gap:25px;padding:30px 15px}.dcard{margin:0;width:min(370px,88vw);height:auto;aspect-ratio:auto}.deck-controls{display:none}.comic-cover .cov-float{animation:none}.spine .book{transition:none}.spine.previewing .book{transform:none}.lib-reader,.comic-reader{transition:none}}
.hero{display:block}.hero-stage{width:100%}.hero-inner{width:100%;margin-inline:auto}.hero-stage .hero-wave{width:100%}.hero-inner{max-width:1400px}
.dcard.k0,.dcard.k2,.dcard.k3,.dcard.k4,.dcard.k5{color:#fff!important}.dcard.k1{color:var(--ink)!important}.dcard p,.dcard .num{color:inherit}.dcard .num{font:700 15px Fredoka;opacity:.65}.deck-sub{margin-inline:auto}.deck-sky::before{opacity:.9}.deck-sky::after{opacity:.4}.photo-card{padding:0;border-radius:22px}.photo-card::after{content:""}.hello-story a{min-height:44px}.hero-inner{padding-inline:var(--gutter)}.principle-arc{z-index:1!important}.pstop{z-index:2}
.hello-anchor{position:absolute;top:calc(100% - 100svh);scroll-margin:0}.pstop .picon{align-self:center}.pstop .pcap{text-align:center}.dcard .badge{padding:0}.deck-sub{max-width:none}.contact-letter{border-radius:28px!important}.hello-story{inset:0}.hello-story a{position:relative;z-index:31}@media(max-width:900px){.hello-anchor{top:65svh}}
.pstop{transform:translateY(var(--arc-y,0px))!important}.pstop .ppill,.pstop .pcap{align-self:center;text-align:center}.pstop .ppill .dot{display:block;flex:0 0 9px}.prin-hint{left:0;right:0;text-align:center}.pstop .picon{margin-bottom:.9rem}.pstop .ppill{padding:.6rem 1.8rem;box-shadow:0 8px 20px #0006}.pstop .ghost{line-height:.78}.deck-progress .pip.on{background:none}#contactDialog{border-radius:28px}.hero-inner{pointer-events:auto}.hello-story[aria-hidden=true]{pointer-events:none}@media(prefers-reduced-motion:reduce){.pstop{transform:none!important}}
.slide-text{border-top:0;padding-top:0}.slide-idx small{letter-spacing:0}.slide-stage .hero-float{width:min(330px,60vw)}.slide-stage .sat{max-width:none}.deck-sticky{padding-bottom:0}.deck-progress{margin-bottom:0}.deck-controls{flex-shrink:0}.deck-sec+.to-dark{background:var(--peach)!important}@media(max-width:650px){.hero-inner{padding-inline:26px}.deck-head{padding-inline:20px}.deck-title{font-size:36px}.deck-sub{font-size:18px}.deck-stage{min-height:0}.dcard{width:280px;margin-left:-140px}.dcard .badge{margin-top:0}.pstop .ppill{font-size:22px}.pstop .ghost{font-size:110px}.pstop .picon{margin-bottom:12px}.prin-hint{font-size:15px}.hero-stage{min-height:890px}.shelf-wrap{padding-top:32px}.connect-card{border-radius:28px}}
.spine .book{mask:none;-webkit-mask:none;mix-blend-mode:normal;overflow:visible}.spine img{filter:brightness(1.16) contrast(1.03);clip-path:var(--spine-cut);mix-blend-mode:normal}.spine.n0{--spine-cut:polygon(7% 43%,17% 32%,88% 32%,93% 43%,93% 72%,7% 72%)}.spine.n1{--spine-cut:polygon(3.5% 27%,15% 2%,85% 2%,96.5% 28%,96.5% 70%,3.5% 70%)}.spine.n2{--spine-cut:polygon(6% 29%,16% 16%,84% 16%,94% 29%,94% 75%,6% 75%)}.spine.n3{--spine-cut:polygon(4.5% 26%,15.5% 12%,84% 12%,95.8% 26%,95.8% 70%,4.5% 70%)}.spine.n0 img{height:calc(var(--vw)*1.25)}.spine .glint{display:none}
.dcard.k0 p,.dcard.k5 p,.dcard.k0 .num,.dcard.k5 .num,.dcard.k5 .t{color:var(--ink);opacity:1}.dcard.k3{background:#7754b8}.comic-reader[hidden]::after{display:none}
.pstop{padding-top:45px;padding-bottom:90px}.pstop .pcap{margin-top:18px}.comic-reader:not([hidden])::after{display:block}.comic-reader[hidden]{display:none!important}
#principles,#deck{scroll-margin-top:0}.dcard p{opacity:1}.dcard.k0 p,.dcard.k5 p{color:var(--ink)!important}.dcard.k5 .t{color:var(--ink)!important}
.spine.n0{--seat:calc(var(--vw)*.232)}.spine.n1{--seat:calc(var(--vw)*.116)}.spine.n2{--seat:calc(var(--vw)*.199)}.spine.n3{--seat:calc(var(--vw)*.149)}.spine .book{transform:translateY(var(--seat))}.spine.previewing .book,.spine:focus-visible .book{transform:translateY(calc(var(--seat) - 20px)) translateZ(35px) scale(1.035)}.paper-bookmark{top:calc(var(--seat) + 10px)}@media(prefers-reduced-motion:reduce){.spine.previewing .book,.spine:focus-visible .book{transform:translateY(var(--seat))}}