:root{--fdisp:"Bricolage Grotesque",system-ui,sans-serif;--fe:"Instrument Serif",Georgia,serif;--fb:"Public Sans",system-ui,sans-serif}
/* KNOW ME, THE SKY — the live home of knowme.guide (Aunt Tea, 10 October 2026).
   One sky, painted clouds, set 8 lettering: Bricolage Grotesque headings,
   Instrument Serif eyebrows and subheadings, Public Sans body. */
html,body{margin:0;padding:0;background:#0A3CA8;color:#FFFFFF}
body.km-sky-body{font-family:var(--fb);-webkit-font-smoothing:antialiased;overflow:hidden}
.km-sky-body *{box-sizing:border-box}
.screen{position:fixed;inset:0;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.screen::-webkit-scrollbar{display:none}
.screen.k{container-type:inline-size}
body.admin-bar .screen.k{top:32px}
@media (max-width:782px){body.admin-bar .screen.k{top:46px}}
.k a{color:inherit;text-decoration:none}

/* ---------- her emblem, embedded once ---------- */
.emb{position:absolute;inset:0;background-image:url("img/emblem-sky.jpg");background-size:cover;background-position:center;clip-path:ellipse(49.3% 49.1% at 50% 50%)}

/* ---------- the film ---------- */
.k{--ink:#0A2A6E;--navy:#0A2A6E;color:#FFFFFF;font-family:var(--fe);background:#0A3CA8}
.k .lab{margin:0;font-family:var(--fe);font-size:18px;font-weight:400;letter-spacing:.02em;line-height:1.2;text-transform:none}
.k .film{position:relative}
.k .ground{position:sticky;top:0;height:100vh;height:100dvh;margin-bottom:-100vh;margin-bottom:-100dvh;background:#0A3CA8;z-index:0;overflow:hidden}
.k .ground .light{position:absolute;left:-30%;width:160%;height:70%;top:15%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.55),rgba(255,255,255,0));mix-blend-mode:soft-light;will-change:transform}
.k .ground .skyl{position:absolute;inset:0;background:linear-gradient(180deg,#0A3CA8 0%,#1661D6 44%,#2A80EC 79%,#A6D1FB 93%,#F4FAFF 100%)}
.k .ground .cl{position:absolute;left:-22%;width:144%;will-change:transform;pointer-events:none}
.k .ground .cl .tex{position:absolute;inset:0;animation:clouddrift 70s ease-in-out infinite alternate}
.k .ground .cl.lo .tex{background:radial-gradient(42% 46% at 22% 72%,rgba(255,255,255,.62),rgba(255,255,255,0) 72%),radial-gradient(38% 40% at 52% 80%,rgba(240,248,255,.5),rgba(255,255,255,0) 72%),radial-gradient(40% 44% at 80% 70%,rgba(255,255,255,.58),rgba(255,255,255,0) 72%)}
.k .ground .cl.hi .tex{background:radial-gradient(30% 12% at 22% 30%,rgba(255,255,255,.45),rgba(255,255,255,0) 72%),radial-gradient(26% 10% at 74% 22%,rgba(255,255,255,.38),rgba(255,255,255,0) 72%)}
.k .ground .cl .paint{position:absolute;inset:0;background-size:100% 100%;background-repeat:no-repeat;opacity:0;transition:opacity 1.6s ease}
.k .ground .cl .paint.on{opacity:1}
.k.paused .ground .cl .tex{animation-play-state:paused}
.k .ground .cl.hi{top:-2%;height:46%;opacity:.5}
.k .ground .cl.hi .tex{animation-duration:110s}
.k .ground .cl.lo{bottom:-3%;height:30%}
.k .ground .cl.lo.l{-webkit-mask-image:linear-gradient(90deg,#000 30%,transparent 72%);mask-image:linear-gradient(90deg,#000 30%,transparent 72%)}
.k .ground .cl.lo.r{-webkit-mask-image:linear-gradient(270deg,#000 30%,transparent 72%);mask-image:linear-gradient(270deg,#000 30%,transparent 72%)}
.k .ground .cl.lo.r .tex{animation-direction:alternate-reverse;animation-duration:85s}
@keyframes clouddrift{from{transform:translate3d(-3%,0,0)}to{transform:translate3d(3%,0,0)}}
.k .scene{position:relative;z-index:1}
.k .stage{position:sticky;top:0;height:640px;overflow:hidden;container-type:size}
.k .mv{will-change:transform,opacity}

/* her faces, split in two so they can part and meet */
.k .faces{position:absolute;left:50%;width:var(--w,210px);margin-left:calc(var(--w,210px) / -2);aspect-ratio:640/575}
.k .half{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;will-change:transform}
.k .half.l{left:0}.k .half.r{right:0}
.k .half .emb{width:200%;right:auto}
.k .half.l .emb{left:0}.k .half.r .emb{left:-100%}
.k .gap{position:absolute;left:50%;top:8%;bottom:8%;width:3px;margin-left:-1.5px;border-radius:2px;background:linear-gradient(180deg,rgba(255,240,200,0),#FFF4D6 22%,#FFFFFF 50%,#FFF4D6 78%,rgba(255,240,200,0));box-shadow:0 0 16px 5px rgba(255,236,190,.75);will-change:opacity,transform}
.k .bloom{position:absolute;left:50%;top:50%;width:200%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,.42) 30%,rgba(255,255,255,0) 72%);will-change:transform,opacity;pointer-events:none}

/* 1 · arrival */
.k .s1 .top{position:absolute;top:24px;left:0;right:0;text-align:center;opacity:.85}
.k .s1 .stage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:max(58px,9cqh) 24px 30px}
.k .s1 .faces{position:relative;left:auto;top:auto;margin:0;flex:0 0 auto;--w:min(210px,31cqh)}
.k .title{margin:0;font-family:var(--fdisp);font-weight:800;font-optical-sizing:auto;}
.k .title i,.k .s5 h2 i{font-style:normal;font-weight:800}
.k .s1 .title{margin:min(26px,4cqh) 0 0;text-align:center;white-space:nowrap;font-size:min(60px,16.6cqw);line-height:1;letter-spacing:-.03em}
.k .s1 .title span{display:inline-block}
.k .s1 .title i{font-weight:400}
.k .s1 .line{margin:min(16px,2.6cqh) 0 0;text-align:center;font-family:var(--fb);font-weight:300;font-size:16px;letter-spacing:.01em;line-height:1.5;max-width:290px}
.k .s1 .kept1{margin:min(22px,3.4cqh) 0 0;padding-top:min(16px,2.6cqh);border-top:1px solid rgba(255,255,255,.45);text-align:center;font-style:italic;font-size:min(25px,6.9cqw);line-height:1.2;letter-spacing:.01em}
.k .cue{position:absolute;left:50%;bottom:24px;width:1px;height:42px;margin-left:-.5px;background:linear-gradient(180deg,rgba(255,255,255,0),#FFFFFF)}

/* 2 · imagine */
.k .s2 .thread{position:absolute;left:50%;top:0;width:2px;height:30%;margin-left:-1px;transform-origin:top;background:linear-gradient(180deg,#FFFFFF,rgba(255,255,255,.15));box-shadow:0 0 12px 2px rgba(255,255,255,.4)}
.k .s2 .verse{position:absolute;left:28px;right:28px;top:32%;margin:0;font-style:italic;font-size:min(36px,10cqw);line-height:1.18;letter-spacing:0}
.k .s2 .verse span{display:inline-block;margin-right:.22em}

/* 3 · the pages change hands */
.k .s3 .stage{display:flex;flex-direction:column;padding:22px 24px 24px}
.k .s3 .lab.top{margin:0}
.k .s3 h2{margin:6px 0 0;font-weight:400;font-size:min(38px,10.6cqw);line-height:1.02;letter-spacing:0}
.k .s3 h2 span{display:block}
.k .s3 h2 i{display:block;text-align:right;font-weight:400}
.k .s3 .desk{position:relative;flex:1 1 auto;min-height:0;margin:16px -24px 0}
.k .s3 .pg{position:absolute;top:0;left:0;width:64%;transform-origin:50% 0;background:#FFFFFF;color:var(--ink);padding:18px 16px 14px;box-shadow:0 26px 40px -24px rgba(40,0,40,.6);will-change:transform}
.k .s3 .pg header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--ink);padding-bottom:8px;margin-bottom:2px}
.k .s3 .pg header b{font-family:var(--fdisp);font-weight:800;font-optical-sizing:auto;font-size:19px;letter-spacing:-.03em}
.k .s3 .pg header span{font-family:var(--fe);font-style:italic;font-size:14px;letter-spacing:.02em;color:#1C5FD6}
.k .s3 .pg h3.q{margin:10px 0 1px;font-family:var(--fe);font-weight:400;font-size:16px;letter-spacing:.02em;color:#1C5FD6}
.k .s3 .pg p{margin:0;font-family:var(--fb);font-weight:400;font-size:13.5px;line-height:1.45}
.k .s3 .pg .ex{display:block;margin-top:10px;font-family:var(--fe);font-style:italic;font-size:14px;letter-spacing:.02em;color:#4D6FB0}
.k .s3 .pg.maya{z-index:2}
.k .s3 .pg.mum{z-index:1}
.k .s3 .hands{margin:8px 0 0;display:flex;justify-content:space-between;border-top:1px solid rgba(10,42,110,.5);padding-top:8px;color:var(--navy)}
.k .s3 .kept{margin:14px 0 0;font-size:min(30px,8.6cqw);line-height:1.05;letter-spacing:-.015em}
.k .s3 .kept span{display:inline-block;margin-right:.18em}
.k .s3 .kept i{font-weight:400}

/* 4 · the ways in: pairs, one at a time, like turning the pages of a book of portraits */
.k .s4 .stage{color:#FFFFFF}
.k .s4 .head{position:absolute;left:24px;right:24px;top:24px}
.k .s4 .head .lab{margin:0}
.k .s4 .head h2{margin:6px 0 0;font-family:var(--fdisp);font-weight:800;font-optical-sizing:auto;font-size:min(32px,9cqw);line-height:1;letter-spacing:-.03em}
.k .s4 .row4{position:absolute;left:0;right:0;top:calc(50% + 34px);height:0}
.k .pair{display:block}
.k .s4 .pair{position:absolute;left:0;top:0;width:var(--cw,240px);height:var(--ch,380px);will-change:transform,opacity}
.k .pair .h{position:absolute;top:0;bottom:0;width:50%;will-change:transform}
.k .pair .h.l{left:0;background:linear-gradient(165deg,#86C5FF,#3F96F2 50%,#1B66D6);border-radius:2px 0 0 2px;box-shadow:inset 1px 0 0 rgba(255,255,255,.3),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(255,255,255,.08)}
.k .pair .h.r{right:0;background:linear-gradient(195deg,#5EA8F8,#2479E2 50%,#0F52BE);border-radius:0 2px 2px 0;box-shadow:inset -1px 0 0 rgba(255,255,255,.3),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(255,255,255,.08)}
.k .pair .h:before{content:"";position:absolute;inset:0;pointer-events:none}
.k .pair .h.l:before{background:linear-gradient(90deg,rgba(255,255,255,0) 52%,rgba(255,255,255,.2) 100%)}
.k .pair .h.r:before{background:linear-gradient(270deg,rgba(255,255,255,0) 52%,rgba(255,255,255,.2) 100%)}
.k .pair .h:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .4 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:soft-light;opacity:.6}
.k .fh{position:absolute;top:var(--ft,32px);width:calc(var(--fw,170px) / 2);height:var(--fh,150px);overflow:hidden;z-index:2;filter:drop-shadow(0 12px 14px rgba(22,8,64,.4))}
.k .h.l .fh{right:0}.k .h.r .fh{left:0}
.k .fh .emb{width:200%;right:auto}
.k .h.l .fh .emb{left:0}.k .h.r .fh .emb{left:-100%}
.k .pair .wisp{position:absolute;z-index:1;left:-14%;right:-14%;top:44%;height:20%;background-image:var(--wisp);background-size:100% 100%;opacity:.85;pointer-events:none}
.k .pair .seam{position:absolute;z-index:3;left:50%;top:6%;bottom:6%;width:2px;margin-left:-1px;background:linear-gradient(180deg,rgba(255,240,200,0),#FFF4D6 18%,#FFFFFF 50%,#FFF4D6 82%,rgba(255,240,200,0));box-shadow:0 0 14px 3px rgba(255,236,190,.7);will-change:opacity}
.k .s4 .pair .txt{position:absolute;z-index:4;left:7%;right:7%;bottom:7%;text-align:center;text-shadow:0 1px 14px rgba(20,6,60,.6),0 0 2px rgba(20,6,60,.35);will-change:opacity,transform}
.k .s4 .pair .txt b{display:block;font-family:var(--fdisp);font-weight:800;font-optical-sizing:auto;font-size:min(23px,6.6cqw);line-height:1.08;letter-spacing:-.03em}
.k .s4 .pair .txt span{display:block;margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.55);font-family:var(--fb);font-weight:400;font-size:12.5px;line-height:1.5;letter-spacing:.01em}
.k .s4 .track{position:absolute;left:24px;right:24px;bottom:24px;height:1px;background:rgba(10,42,110,.25)}
.k .s4 .track i{position:absolute;left:0;top:-.5px;height:2px;width:12.5%;background:var(--navy);will-change:transform}
/* reduced motion: the eight pairs, joined and still, one after another */
.k .s4.still .stage{position:relative;height:auto !important;padding:24px 24px 40px}
.k .s4.still .head{position:static}
.k .s4.still .row4{position:static;height:auto}
.k .s4.still .pair{position:relative;margin:22px auto 0;transform:none !important}
.k .s4.still .track{display:none}

/* 5 · how it goes */
.k .s5{color:#FFFFFF}
.k .s5 .wipe{position:absolute;left:50%;top:50%;width:100px;height:100px;margin:-50px 0 0 -50px;border-radius:50%;background:#FFFFFF;will-change:transform;display:none}
.k .s5 .lab.top{position:absolute;top:24px;left:24px;z-index:2;transition:color .5s}
.k .s5 .body{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;padding:70px 24px 24px}
.k .s5 h2{position:relative;margin:0;font-family:var(--fdisp);font-weight:800;font-optical-sizing:auto;font-size:min(29px,8.2cqw);line-height:1.06;letter-spacing:-.03em}
.k .s5 h2 i{font-weight:400}
.k .s5 .num{position:absolute;right:-4px;top:110px;width:200px;height:260px;opacity:.1;pointer-events:none}
.k .s5 .num i{position:absolute;right:0;top:0;font-size:250px;line-height:1;color:#FFFFFF;font-weight:400}
.k .s5 ol{position:relative;margin:18px 0 0;padding:0 0 0 18px;list-style:none}
.k .s5 ol:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:1px;background:rgba(255,255,255,.18)}
.k .s5 .rail{position:absolute;left:0;top:6px;bottom:6px;width:2px;margin-left:-.5px;background:#FFFFFF;transform-origin:top}
.k .s5 li{display:grid;grid-template-columns:30px 1fr;align-items:baseline;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:19px;line-height:1.28}
.k .s5 li b{font-family:var(--fe);font-style:italic;font-weight:400;font-size:17px;color:#CFE4FF}
.k .s5 .promise{position:relative;margin-top:auto;border-top:1px solid rgba(10,42,110,.5);padding-top:12px;color:var(--navy)}
.k .s5 .promise h3{margin:0;font-weight:400;font-size:27px;line-height:1.08;letter-spacing:.005em}
.k .s5 .promise h3 i{font-weight:400}
.k .s5 .promise p{margin:8px 0 0;font-family:var(--fb);font-weight:400;font-size:13.5px;line-height:1.55;color:#163C86}

/* 6 · the close */
.k .s6 .stage{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px 64px}
.k .s6 .faces{--w:150px;position:relative;left:auto;margin:0;flex:0 0 auto}
.k .s6 .bloom{background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,.4) 34%,rgba(255,255,255,0) 72%)}
.k .s6 .title{margin:36px 0 0;text-align:center;white-space:nowrap;font-size:min(60px,16.6cqw);line-height:1;letter-spacing:-.03em}
.k .s6 .title span{display:inline-block}
.k .s6 .title i{font-weight:400}
.k .s6 .tag{margin:16px 0 0;text-align:center;font-style:italic;font-size:min(23px,6.2cqw);line-height:1.3}
.k .s6 .btn{margin-top:30px;border:0;border-radius:0;background:#FFFFFF;color:#0A2A6E;padding:16px 40px;font-family:var(--fb);font-size:15px;font-weight:500;letter-spacing:.01em;white-space:nowrap}
.k .s6 .lab.end{position:absolute;left:0;right:0;bottom:26px;text-align:center;color:var(--navy)}
@container (max-height:600px){
  .k .s4 .pair .txt b{font-size:19px}
  .k .s4 .pair .txt span{font-size:11.5px;margin-top:8px;padding-top:8px}
  .k .s5 .promise p{display:none}
  .k .s5 li{padding:7px 0;font-size:17px}
  .k .s5 ol{margin-top:12px}
  .k .s3 .pg p{font-size:13px}
  .k .s6 .title{margin-top:24px}
  .k .s6 .btn{margin-top:22px}
}

/* the close's Read me. is a link to the ways in */
.k .s6 .btn{display:inline-block;text-align:center}

/* ONE WAY IN · the pair's card comes together, its name is the heading */
.k .sw .stage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:max(64px,10cqh) 24px 30px;text-align:center}
.k .sw .lab.top{position:absolute;top:24px;left:0;right:0;text-align:center;opacity:.9}
.k .sw .pair{position:relative;flex:0 0 auto;width:var(--cw,260px);height:var(--ch,330px)}
.k .sw .wtitle{margin:min(28px,4cqh) 0 0;font-family:var(--fdisp);font-weight:800;font-optical-sizing:auto;font-size:min(38px,10.4cqw);line-height:1.04;letter-spacing:-.03em;max-width:330px}
.k .sw .wline{margin:min(14px,2.4cqh) 0 0;font-family:var(--fe);font-style:italic;font-size:min(22px,6cqw);line-height:1.3;letter-spacing:.01em;max-width:310px}

/* the three questions */
.k .asks{padding:84px 24px 0}
.k .asks h2{margin:8px 0 0;font-weight:400;font-size:min(38px,10.6cqw);line-height:1.02}
.k .asks h2 i{display:block;text-align:right}
.k .asks ol{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.3)}
.k .asks li{display:grid;grid-template-columns:34px 1fr;align-items:baseline;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:min(30px,8.4cqw);line-height:1.15}
.k .asks li b{font-style:italic;font-weight:400;font-size:17px;color:#CFE4FF}
.k .s3 .pg h3.q:first-of-type{margin-top:8px}

/* the privacy line */
.k .priv{padding:90px 24px 0}
.k .priv .pline{margin:14px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.5);font-family:var(--fe);font-size:min(30px,8.4cqw);line-height:1.2}

/* the other ways in */
.k .others{padding:90px 24px 70px}
.k .minis{display:grid;grid-template-columns:1fr 1fr;gap:22px 14px;margin-top:18px}
.k .mini{display:block}
.k .mini .pair{position:relative;width:100%;height:150px;--fh:66px;--fw:73px;--ft:16px}
.k .mini b{display:block;margin-top:10px;font-family:var(--fdisp);font-weight:800;font-optical-sizing:auto;font-size:16px;line-height:1.12;letter-spacing:-.02em}
.k .home{display:block;margin-top:56px;padding-top:18px;border-top:1px solid rgba(255,255,255,.5);text-align:center}
.k .home b{display:block;font-family:var(--fdisp);font-weight:800;font-size:44px;letter-spacing:-.03em;line-height:1}
.k .home span{display:block;margin-top:10px;font-family:var(--fb);font-weight:300;font-size:16px}
.k .rv{will-change:opacity,transform}

@media (prefers-reduced-motion: reduce){
  .k .ground .cl .tex{animation:none}
}

/* An Older Parent And Their Family wears its own pairing within the sky blues: a paler morning and a deeper noon */
.k .pair.tone-b .h.l{background:linear-gradient(165deg,#B3DCFF,#62AEF6 50%,#2A7EE0)}
.k .pair.tone-b .h.r{background:linear-gradient(195deg,#4F9DF4,#1D6ADB 50%,#0B47AE)}

/* the close's Read me. and the way pages' Read me. lead to the quiet door */
.k .soonbtn{margin:30px 0 0;text-align:center}
.k .soonbtn .btn{display:inline-block;background:#FFFFFF;color:#0A2A6E;padding:16px 40px;font-family:var(--fb);font-size:15px;font-weight:500}

/* THE QUIET DOOR · one screen in the look */
.k .soon{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 24px 34px;text-align:center}
.k .soon .faces{position:relative;left:auto;margin:18px 0 0;--w:min(160px,21vh)}
.k .soon .faces .half{transition:transform 1.6s cubic-bezier(.4,0,.2,1)}
.k .soon .faces .half.l{transform:translate3d(-34px,0,0)}.k .soon .faces .half.r{transform:translate3d(34px,0,0)}
.k .soon .faces .gap{opacity:.35;transition:opacity 1.6s ease}
.k .soon .faces .bloom{opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity 1.8s ease,transform 1.8s ease}
.k .soon.met .faces .half{transform:none}
.k .soon.met .faces .gap{opacity:1}
.k .soon.met .faces .bloom{opacity:.9;transform:translate(-50%,-50%) scale(1)}
.k .soon .title{margin:20px 0 0;font-size:min(56px,15cqw);line-height:1;letter-spacing:-.03em}
.k .soon .kept1{margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.45);font-family:var(--fe);font-style:italic;font-size:min(25px,6.9cqw);line-height:1.2}
.k .soon .note{margin:18px 0 0;max-width:320px;font-family:var(--fe);font-size:19px;line-height:1.3}
.k .soon .note.again{margin-top:10px;font-size:18px}
.k .soon .door{margin:16px 0 0;width:100%;max-width:330px;display:flex;flex-direction:column;align-items:stretch;text-align:left}
.k .soon .door label{font-family:var(--fe);font-size:18px;letter-spacing:.02em;margin:0 0 6px}
.k .soon .door input[type=email]{appearance:none;border:1px solid rgba(255,255,255,.75);border-radius:2px;background:rgba(255,255,255,.14);color:#FFFFFF;font-family:var(--fb);font-size:17px;padding:14px 14px;width:100%}
.k .soon .door button{margin-top:12px;border:0;border-radius:0;background:#FFFFFF;color:#0A2A6E;padding:16px 20px;font-family:var(--fb);font-size:15px;font-weight:500;cursor:pointer}
.k .soon .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.k .soon .small{margin:14px 0 0;max-width:320px;font-family:var(--fb);font-weight:300;font-size:13px;line-height:1.5;color:#0A2A6E}
.k .soon .back{margin-top:22px;font-family:var(--fe);font-size:18px;color:#0A2A6E;border-bottom:1px solid rgba(10,42,110,.5);padding-bottom:2px}

/* visible focus, everywhere */
.k a:focus-visible,.k button:focus-visible,.k input:focus-visible,.k .soon .door input[type=email]:focus{outline:2px solid #FFFFFF;outline-offset:3px;box-shadow:0 0 0 5px rgba(10,42,110,.55)}
.k .soon .back:focus-visible{outline-color:#0A2A6E}

/* reduced motion: every scene finished and still, and the door already met */
@media (prefers-reduced-motion: reduce){
  .k .soon .faces .half,.k .soon .faces .gap,.k .soon .faces .bloom,.k .ground .cl .paint{transition:none}
  .k .soon .faces .half{transform:none}
  .k .soon .faces .gap{opacity:1}
  .k .soon .faces .bloom{opacity:.9;transform:translate(-50%,-50%) scale(1)}
}