/* Tender Moments scroll-craft: shared shell and inner-page templates.
   The nav ribbon fills 8:30 AM to 8 PM; on guides it counts reading time down. */
:root{
  --ivory:#fffdf9; --paper:#ffffff; --ink:#1c2b46; --text:#3a4457; --muted:#5d6678;
  --berry:#e6197f; --berry-soft:#fce7f1; --sky:#17a2dd; --sky-soft:#e6f4fb;
  --sun:#f6c026; --sun-soft:#fbf3d1; --leaf:#16a34a; --leaf-soft:#e7f6e2;
  --grape:#2e1a6e; --grape-soft:#ece9f7; --tangerine:#f5911e; --tangerine-soft:#fdeede;
  --line:#e8e3f0; --night:#22134f; --night-text:#ece9f7;
  --display:"Fredoka","Baloo 2",ui-rounded,"Segoe UI",system-ui,sans-serif;
  --body:"Plus Jakarta Sans",Inter,"Nunito Sans",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --r-sm:12px; --r-md:20px; --r-lg:32px;
  --wrap:1200px; --gut:clamp(16px,4vw,40px); --nav-h:64px; --bar-h:0px;
  --top:calc(var(--nav-h) + env(safe-area-inset-top,0px));
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:var(--ivory);color:var(--text);font:400 16px/1.7 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--display);color:var(--ink);font-weight:600;line-height:1.1;margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gut)}
.eyebrow{display:inline-flex;align-items:center;gap:.5em;font:600 .78rem/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--berry)}
.eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor;flex:0 0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:52px;padding:0 26px;border-radius:999px;font:600 1rem/1 var(--body);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s}
.btn:hover{transform:translateY(-2px)}
.btn svg{width:18px;height:18px}
.btn-primary{background:var(--berry);color:#fff;box-shadow:0 10px 26px -12px rgba(230,25,127,.7)}
.btn-primary:hover{background:#c90f6b}
.btn-ghost{background:var(--paper);color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--leaf)}

/* shared nav and school-day ribbon */
.nav{position:fixed;left:0;right:0;top:calc(var(--bar-h) + env(safe-area-inset-top,0px));z-index:55;transition:background .3s,box-shadow .3s}
.nav.scrolled,.nav.solid{background:rgba(255,253,249,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.nav-in{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand img{height:54px;width:auto}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-links a{display:inline-flex;align-items:center;gap:6px;padding:10px 13px;border-radius:999px;text-decoration:none;font:600 .92rem/1 var(--body);color:var(--ink)}
.nav-links a:hover,.nav-links a[aria-current="page"]{background:var(--sky-soft)}
.nav-links a.wa{background:var(--leaf);color:#fff}
.nav-links a.wa:hover{background:#12873e}
.nav-links .short{display:none}
.day{position:absolute;left:0;right:0;bottom:0;height:3px;pointer-events:none}
.day-track{position:relative;height:3px}
.day-fill{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--sun),var(--tangerine),var(--berry),var(--grape));border-radius:3px}
.day-sun{position:absolute;top:50%;left:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 4px rgba(246,192,38,.25);opacity:0;transition:opacity .3s}
.nav.scrolled .day-sun{opacity:1}
.daychip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--sun-soft);font:600 .74rem/1 var(--body);letter-spacing:.06em;color:var(--ink);font-variant-numeric:tabular-nums;opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s;white-space:nowrap}
.daychip i{width:8px;height:8px;border-radius:50%;background:var(--sun)}
.nav.scrolled .daychip{opacity:1;transform:none}

/* shared reveal + headline */
.split .w{display:inline-block;animation:rise .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*45ms)}
@keyframes rise{from{transform:translateY(.55em) rotate(2deg);opacity:0}to{transform:none;opacity:1}}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px 10px;margin:0;padding:0;font:600 .84rem/1.3 var(--body);color:var(--muted)}
.crumbs li{display:flex;align-items:center;gap:10px}
.crumbs li+li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sun)}
.crumbs li:empty{display:none}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--berry)}
.crumbs [aria-current]{color:var(--ink)}

/* ARTICLE template */
.a-hero{padding-top:calc(var(--top) + clamp(28px,5vw,64px));position:relative}
.a-head{max-width:860px;display:grid;gap:18px}
.a-head h1{font-size:clamp(2.1rem,4.6vw,3.7rem);line-height:1.06}
.a-summary{font-size:clamp(1.06rem,1.45vw,1.25rem);max-width:64ch;color:var(--text)}
.a-byline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font:600 .9rem/1.3 var(--body);color:var(--muted)}
.a-byline .dot{width:5px;height:5px;border-radius:50%;background:var(--berry)}
.a-cover{margin:clamp(32px,5vw,56px) auto 0;max-width:var(--wrap);padding-inline:var(--gut)}
.a-cover .frame{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--grape-soft);aspect-ratio:3/2;max-height:78vh;width:100%;clip-path:inset(0 0 0 0 round 32px)}
.a-cover img{width:100%;height:100%;object-fit:cover;transform-origin:50% 40%}
.a-cover figcaption{margin-top:12px;font-size:.86rem;color:var(--muted);font-style:italic;max-width:70ch}
.a-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start;padding-block:clamp(48px,7vw,96px)}
.a-grid.no-toc{grid-template-columns:minmax(0,1fr)}
.a-grid.no-toc .a-main{max-width:760px;margin:0 auto;width:100%}
.toc{position:sticky;top:calc(var(--top) + 28px);display:grid;gap:14px;padding:22px 20px;border-radius:var(--r-md);background:var(--paper);border:1px solid var(--line)}
.toc h2{font:600 .78rem/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--berry)}
.toc ol{list-style:none;margin:0;padding:0 0 0 18px;display:grid;gap:4px;position:relative;counter-reset:t}
.toc ol::before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:3px;border-radius:3px;background:var(--line)}
.toc .rail{position:absolute;left:4px;top:6px;width:3px;height:0;border-radius:3px;background:linear-gradient(var(--sun),var(--berry))}
.toc li{counter-increment:t}
.toc a{display:grid;grid-template-columns:22px 1fr;gap:6px;padding:7px 8px;border-radius:10px;text-decoration:none;font:500 .9rem/1.35 var(--body);color:var(--muted);transition:background .25s,color .25s}
.toc a::before{content:counter(t);font:600 .8rem/1.6 var(--display);color:var(--sky)}
.toc a:hover{color:var(--ink)}
.toc a.on{background:var(--sun-soft);color:var(--ink);font-weight:600}
.toc a.on::before{color:var(--berry)}
.toc-mobile{display:none}
.prose{max-width:68ch;font-size:1.06rem}
.prose>*+*{margin-top:1.05em}
.prose h2{font-size:clamp(1.55rem,2.6vw,2.1rem);margin-top:2.1em;scroll-margin-top:calc(var(--top) + 24px)}
.prose h2 .hl{background:linear-gradient(transparent 62%,var(--hl,var(--sun-soft)) 62%) no-repeat 0 0/0% 100%;transition:background-size 1s cubic-bezier(.2,.8,.2,1);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.prose h2.lit .hl{background-size:100% 100%}
.prose h2+*{margin-top:.9em}
.prose h3{font-size:1.3rem;margin-top:1.6em}
.prose a{color:var(--berry);font-weight:600;text-decoration-thickness:2px;text-underline-offset:3px}
.prose strong{color:var(--ink)}
.prose ul,.prose ol{padding-left:0;list-style:none;display:grid;gap:.55em}
.prose ul li{position:relative;padding-left:1.6em}
.prose ul li::before{content:"";position:absolute;left:.25em;top:.62em;width:.55em;height:.55em;border-radius:50%;background:var(--c,var(--sky))}
.prose ul li:nth-child(4n+2){--c:var(--berry)}.prose ul li:nth-child(4n+3){--c:var(--leaf)}.prose ul li:nth-child(4n+4){--c:var(--tangerine)}
.prose ol{counter-reset:o}
.prose ol li{counter-increment:o;position:relative;padding-left:2.4em}
.prose ol li::before{content:counter(o);position:absolute;left:0;top:.05em;width:1.75em;height:1.75em;border-radius:50%;display:grid;place-items:center;background:var(--sky-soft);color:var(--sky);font:600 .9rem/1 var(--display)}
.prose table{width:100%;border-collapse:collapse;font-size:.96rem}
.prose .tbl{overflow-x:auto;border-radius:var(--r-sm);border:1px solid var(--line)}
.prose th,.prose td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.prose th{background:var(--grape-soft);color:var(--ink);font-weight:600}
.prose blockquote{margin:1.6em 0;padding:18px 22px;border-left:4px solid var(--berry);background:var(--berry-soft);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--ink)}
.box{margin-top:44px;padding:clamp(24px,3vw,34px);border-radius:var(--r-lg);display:grid;gap:12px;max-width:68ch}
.box h2{font-size:clamp(1.3rem,2vw,1.6rem)}
.box.callout{background:var(--sun-soft)}
.box.note{background:var(--berry-soft);transform:rotate(-1.2deg);box-shadow:0 18px 40px -28px rgba(230,25,127,.6);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.box.note.flat{transform:none}
.box p+p{margin-top:.6em}
.related{padding-bottom:clamp(40px,6vw,72px)}
.related h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:24px}
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.card{position:relative;height:100%;display:grid;gap:10px;align-content:start;padding:24px 22px;border-radius:var(--r-md);background:var(--paper);border:1px solid var(--line);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .35s}
.card:hover{transform:translateY(-5px) rotate(-.4deg);border-color:var(--k,var(--sky));box-shadow:0 22px 40px -30px rgba(28,43,70,.5)}
.card h3,.card h4{font-size:1.22rem;line-height:1.25}
.card h3 a,.card h4 a{text-decoration:none}
.card h3 a::after,.card h4 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.card .eyebrow{color:var(--k,var(--berry))}
.card .meta{font:600 .82rem/1.3 var(--body);color:var(--muted)}
.card .thumb{margin:-24px -22px 6px;border-radius:var(--r-md) var(--r-md) 0 0;overflow:hidden;aspect-ratio:3/2;background:var(--grape-soft)}
.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.card:hover .thumb img{transform:scale(1.06)}
.k-choosing{--k:var(--berry)}.k-settling{--k:var(--leaf)}.k-routines{--k:var(--tangerine)}.k-learning{--k:var(--sky)}
.cta-band{padding-block:clamp(40px,6vw,80px)}
.cta-card{position:relative;overflow:hidden;border-radius:clamp(28px,4vw,48px);background:var(--grape);color:var(--night-text);padding:clamp(36px,6vw,72px);display:grid;gap:16px;justify-items:start}
.cta-card h2{color:#fff;font-size:clamp(1.9rem,4vw,3rem);max-width:20ch}
.cta-card p{max-width:54ch}
.cta-card .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.cta-card .btn-ghost:hover{border-color:var(--sun)}
.cta-card .row{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.cta-arc{position:absolute;right:-110px;bottom:-190px;width:500px;height:500px;pointer-events:none;z-index:0}
.cta-card>*:not(.cta-arc){position:relative;z-index:1}
.cta-arc path{stroke-dasharray:300;stroke-dashoffset:300}
.back{padding-bottom:clamp(48px,6vw,80px)}
.back a{display:inline-flex;align-items:center;gap:10px;font:600 1rem/1 var(--body);color:var(--ink);text-decoration:none;padding:12px 18px;border-radius:999px;background:var(--paper);border:1px solid var(--line)}
.back a::before{content:"\2190";color:var(--berry)}
.back a:hover{border-color:var(--berry)}

/* BLOG INDEX */
.b-hero{padding-top:calc(var(--top) + clamp(40px,7vw,96px));padding-bottom:clamp(40px,6vw,72px);position:relative;overflow:hidden}
.b-hero h1{font-size:clamp(2.3rem,5.6vw,4.6rem);max-width:16ch;margin-top:16px;line-height:1.04}
.b-hero p.lede{font-size:clamp(1.06rem,1.5vw,1.25rem);max-width:56ch;margin-top:18px}
.floaters{position:absolute;inset:0;pointer-events:none;z-index:-1}
.floaters span{position:absolute;border-radius:50%;opacity:.9}
.featured{display:grid;grid-template-columns:1.15fr .85fr;gap:0;border-radius:var(--r-lg);overflow:hidden;background:var(--paper);border:1px solid var(--line);position:relative;transition:box-shadow .4s}
.featured:hover{box-shadow:0 30px 60px -40px rgba(28,43,70,.55)}
.featured .ph{overflow:hidden;min-height:340px;background:var(--grape-soft)}
.featured .ph img{width:100%;height:115%;object-fit:cover}
.featured .tx{padding:clamp(26px,4vw,48px);display:grid;gap:14px;align-content:center}
.featured h3{font-size:clamp(1.6rem,2.8vw,2.3rem)}
.featured h3 a{text-decoration:none}
.featured h3 a::after{content:"";position:absolute;inset:0}
.sec-title{font-size:clamp(1.7rem,3.2vw,2.5rem)}
.sec-note{color:var(--muted);margin-top:8px}
.b-sec{padding-block:clamp(40px,6vw,72px)}
.chipbar{position:sticky;top:var(--top);z-index:20;background:rgba(255,253,249,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-block:1px solid var(--line)}
.chipbar .wrap{display:flex;gap:24px;align-items:center;overflow-x:auto;padding-block:12px;scrollbar-width:none}
.chipbar .wrap::-webkit-scrollbar{display:none}
.chipgroup{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.chipgroup h2{font:600 .74rem/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.chipgroup p{display:none}
.chips{list-style:none;display:flex;gap:6px;margin:0;padding:0}
.chips a{display:inline-flex;padding:8px 13px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font:600 .84rem/1 var(--body);text-decoration:none;color:var(--ink);white-space:nowrap;transition:background .25s,border-color .25s}
.chips a:hover{border-color:var(--sky)}
.chips a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.chipnav-full{display:grid;gap:22px;margin-top:8px}
.chipnav-full .chips{flex-wrap:wrap}
.latest{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;margin:28px 0 0;padding:0}
.group{margin-top:clamp(32px,4vw,48px);scroll-margin-top:calc(var(--top) + 70px)}
.group-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}
.group-head h3{font-size:clamp(1.25rem,2vw,1.55rem)}
.group-head span{font:600 .82rem/1 var(--body);color:var(--muted)}
.row-scroll{list-style:none;margin:0;padding:0 0 10px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,320px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.row-scroll>li{scroll-snap-align:start}

/* LEGAL */
.l-head .dots{display:flex;gap:8px;align-items:center;margin-top:6px}
.l-head .dots span{height:8px;border-radius:999px;background:var(--berry)}
.l-head .dots span:nth-child(1){width:40px}.l-head .dots span:nth-child(2){width:8px;background:var(--sun)}.l-head .dots span:nth-child(3){width:8px;background:var(--sky)}
.l-updated{font-size:.9rem;color:var(--muted)}
.disclaimer{margin-top:40px;padding:18px 20px;border-radius:var(--r-md);background:var(--sun-soft);font-size:.92rem;max-width:68ch}

/* ABOUT */
.ab-hero{padding-top:calc(var(--top) + clamp(36px,6vw,80px));padding-bottom:clamp(20px,4vw,40px);text-align:center;position:relative}
.ab-hero .eyebrow{justify-content:center}
.ab-hero h1{font-size:clamp(2.6rem,7vw,5.6rem);margin:16px auto 18px;max-width:14ch;line-height:1}
.ab-hero p.lede{font-size:clamp(1.08rem,1.6vw,1.3rem);max-width:52ch;margin:0 auto}
.paths{position:relative;max-width:980px;margin:clamp(24px,4vw,40px) auto 0;padding-inline:var(--gut)}
.paths svg{width:100%;height:auto;overflow:visible}
.paths .p{fill:none;stroke-width:10;stroke-linecap:round}
.ab-photo{max-width:820px;margin:-8% auto 0;padding-inline:var(--gut);position:relative}
.ab-photo .ph{border-radius:999px 999px 28px 28px;overflow:hidden;aspect-ratio:4/3;background:var(--grape-soft)}
.ab-photo img{width:100%;height:100%;object-fit:cover}
.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;padding:0;margin:18px 0 0}
.pills a{display:inline-flex;gap:8px;align-items:center;padding:9px 14px;border-radius:999px;background:var(--paper);border:1px solid var(--line);text-decoration:none;font:600 .88rem/1 var(--body);color:var(--ink)}
.pills a span{font-family:var(--display);color:var(--berry)}
.pills a:hover,.pills a.on{background:var(--sun-soft);border-color:transparent}
.ab-sec{padding-block:clamp(56px,8vw,110px);scroll-margin-top:var(--top)}
.ab-two{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,5vw,72px);align-items:start}
.ab-two h2{font-size:clamp(2rem,4vw,3.1rem);position:sticky;top:calc(var(--top) + 40px)}
.ab-two .prose p{font-size:1.12rem}
.ab-two em{font-style:normal;color:var(--berry);background:linear-gradient(transparent 60%,var(--berry-soft) 60%)}
.founders{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}
.founder{border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--line);overflow:hidden;display:grid}
.founder .ph{display:block;aspect-ratio:4/3;background:var(--k-soft);position:relative;overflow:hidden}
.founder .ph img{width:100%;height:100%;object-fit:cover}
.founder .ph .ini{position:absolute;inset:0;display:none;place-items:center;font:600 4rem/1 var(--display);color:var(--k)}
.founder .ph.missing img{display:none}
.founder .ph.missing .ini{display:grid}
.founder .tx{padding:clamp(22px,3vw,34px);display:grid;gap:12px;align-content:start}
.founder .eyebrow{color:var(--k)}
.founder h3{font-size:1.8rem}
.founder a.li{color:var(--k);font-weight:600}
.beliefs{display:grid;gap:22px;margin-top:36px}
.belief{position:sticky;top:calc(var(--top) + 40px + var(--o));padding:clamp(26px,3.6vw,44px);border-radius:var(--r-lg);background:var(--c);display:grid;grid-template-columns:clamp(72px,9vw,124px) 1fr;gap:10px 26px;align-items:start;min-height:200px;box-shadow:0 18px 40px -28px rgba(28,43,70,.4)}
.belief .n{font:600 clamp(2.6rem,6vw,4.4rem)/1 var(--display);color:var(--k);grid-row:span 2}
.belief h3{font-size:clamp(1.4rem,2.4vw,1.9rem)}
.space-quote{margin:40px 0 0;font:600 clamp(1.8rem,4.4vw,3.4rem)/1.15 var(--display);color:var(--ink);max-width:22ch}
.space-quote .qw{opacity:.18;transition:opacity .2s}
.space-quote .qw.on{opacity:1}

/* footer + mobile bar (same as home) */
footer{background:var(--paper);border-top:1px solid var(--line);padding-block:64px calc(40px + env(safe-area-inset-bottom,0px))}
.foot-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1.2fr;gap:36px}
.foot-grid img.logo{width:170px;height:auto;margin-bottom:12px}
.foot-grid h3{font-size:1.05rem;margin-bottom:12px}
.foot-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:.95rem}
.foot-grid a{text-decoration:none}
.foot-grid a:hover{color:var(--berry)}
.tagline{font:600 1.2rem/1.3 var(--display);color:var(--ink)}
.foot-grid p{font-size:.95rem}
.map{border-radius:var(--r-md);overflow:hidden;background:var(--sky-soft);min-height:200px;display:grid;place-items:center;padding:20px;text-align:center}
.map iframe{width:100%;height:220px;border:0;display:block}
.foot-bottom{margin-top:44px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;font-size:.86rem;color:var(--muted)}
.foot-bottom nav{display:flex;flex-wrap:wrap;gap:16px}
.foot-bottom a{text-decoration:none}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,253,249,.95);backdrop-filter:blur(10px);box-shadow:0 -1px 0 var(--line);transform:translateY(110%);transition:transform .35s}
.mbar.show{transform:none}
.mbar .btn{flex:1;min-height:48px}
.mbar .wa-ico{flex:0 0 48px;padding:0;background:var(--leaf);color:#fff}
.missing-ph{position:relative}
.missing-ph.missing{background:repeating-linear-gradient(135deg,var(--grape-soft) 0 12px,#f4f2fb 12px 24px)}
.missing-ph.missing img{visibility:hidden}
.missing-ph.missing::after{content:attr(data-missing);position:absolute;inset:0;display:grid;place-items:center;font:600 .74rem/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--grape);text-align:center;padding:12px}

@media (max-width:980px){
  .daychip{display:none}
  .a-grid{grid-template-columns:minmax(0,1fr)}
  .toc{display:none}
  .toc-mobile{display:block;position:sticky;top:var(--top);z-index:20;margin:0 calc(var(--gut) * -1);padding:10px var(--gut);background:rgba(255,253,249,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .toc-mobile details summary{list-style:none;display:flex;justify-content:space-between;gap:10px;align-items:center;font:600 .9rem/1.3 var(--body);color:var(--ink);cursor:pointer}
  .toc-mobile details summary::-webkit-details-marker{display:none}
  .toc-mobile summary b{color:var(--berry);font-weight:600;white-space:nowrap}
  .toc-mobile ol{margin:10px 0 4px;padding-left:20px;display:grid;gap:6px;font-size:.92rem}
  .toc-mobile a{text-decoration:none;color:var(--text)}
  .featured{grid-template-columns:1fr}
  .featured .ph{min-height:220px;aspect-ratio:3/2}
  .latest{grid-template-columns:1fr 1fr}
  .ab-two,.founders{grid-template-columns:1fr}
  .ab-two h2{position:static}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .cta-arc{width:200px;height:200px;right:-48px;bottom:-84px;opacity:.9}
  :root{--nav-h:58px}
  .brand img{height:42px}
  .nav-links a.txt{display:none}
  .nav-links .short{display:inline}
  .nav-links a{padding:9px 10px}
  .latest,.foot-grid{grid-template-columns:1fr}
  .mbar{display:flex}
  footer{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  .belief{position:relative;top:auto;grid-template-columns:1fr}
  .belief .n{grid-row:auto}
  .box.note{transform:none}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .space-quote .qw{opacity:1}
  .cta-arc path{stroke-dashoffset:0}
  .prose h2 .hl{background-size:100% 100%}
}

[data-en-only][hidden],[data-kn-only][hidden]{display:none!important}