/* Dear Delusion: Sage, Camel & Rose Gold (Calm Contrast) */
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:600;font-display:swap;src:url(/fonts/cormorant-600i.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/cormorant-600.woff2) format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-var.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plexmono-400.woff2) format('woff2')}
:root{--bg1:#EEF1E8;--bg2:#D6DFCC;--paper:#FCF8F0;--ink:#3D3732;--muted:#5A564D;--camel:#8A5F3B;--camel-d:#74502F;--rose:#EBD3CF;--out:#DDB7B2;--gold:#C9A86A;
 --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;--sans:Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
 --shadow:0 2px 8px #3e3a340d;--lift:0 18px 48px #3e3a341f;--wrap:1120px}
*{box-sizing:border-box;margin:0}
html{background:var(--bg1);scroll-behavior:smooth}
body{background:linear-gradient(170deg,var(--bg1),var(--bg2)) fixed;color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
main{flex:1;overflow-x:clip}
html,body{overflow-x:clip}
a{color:var(--camel);text-underline-offset:3px}
a:hover{color:var(--camel-d)}
:focus-visible{outline:2px solid var(--camel);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px;top:8px;background:var(--paper);padding:8px 14px;border-radius:99px;z-index:20}
.skip:focus{left:12px}

/* header */
.top{position:sticky;top:0;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#eef1e8cc;border-bottom:1px solid #c9a86a33}
.top .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--camel);font:italic 600 26px/1 var(--serif)}
.logo img{width:34px;height:34px;border-radius:50%;box-shadow:var(--shadow)}
.logo i{font-style:normal;color:var(--gold);font-size:14px;transform:translateY(-7px);margin-left:-4px}
.nav{display:flex;gap:18px;align-items:center;font-size:14.5px;font-weight:500}
.nav a.txt{color:var(--muted);text-decoration:none}.nav a.txt:hover{color:var(--ink)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:99px;padding:14px 26px;font:600 16px/1 var(--sans);text-decoration:none;letter-spacing:.2px;transition:transform .15s,box-shadow .2s,background .2s;border:0}
.btn.primary{background:var(--camel);color:#fff;box-shadow:0 8px 20px #8a5f3b33}
.btn.primary:hover{background:var(--camel-d);color:#fff;transform:translateY(-1px)}
.btn.sm{padding:9px 16px;font-size:14px}
.btn.ghost{border:1.5px solid var(--camel);color:var(--camel);background:#fcf8f0b3}
.soon-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px}
.soon{display:inline-flex;align-items:center;gap:9px;border:1px dashed #8a5f3b80;color:var(--muted);background:#fcf8f080;border-radius:14px;padding:9px 14px;font-size:13.5px;line-height:1.2;cursor:default}
.soon svg{width:20px;height:20px;flex:none;color:var(--camel)}
.soon b{display:block;font-weight:600;color:var(--ink);font-size:14.5px}
.soon-note{font-size:13.5px;color:var(--muted);margin-top:10px}

/* hero */
.hero{padding:56px 0 40px}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:500 12.5px/1 var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--camel);background:#fcf8f0b3;border:1px solid #c9a86a66;border-radius:99px;padding:8px 14px}
.eyebrow i{font-style:normal;color:var(--gold)}
h1{font:italic 600 clamp(44px,6vw,74px)/1.02 var(--serif);letter-spacing:-.5px;margin:20px 0 18px;color:var(--ink)}
h1 em{color:var(--camel)}
.lede{font-size:19px;color:var(--muted);max-width:520px}
.cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px}

/* phone */
.phone-wrap{display:flex;justify-content:center;position:relative}
.phone-wrap:before{content:"";position:absolute;width:118%;aspect-ratio:1;max-width:520px;border-radius:50%;background:radial-gradient(closest-side,#ebd3cfaa,#ebd3cf00);top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}
.sparkle{position:absolute;color:var(--gold);font-size:22px;animation:twinkle 3.6s ease-in-out infinite}
.sparkle.s1{top:6%;right:12%}.sparkle.s2{bottom:14%;left:8%;font-size:16px;animation-delay:1.4s}.sparkle.s3{top:38%;right:2%;font-size:12px;animation-delay:2.2s}
@keyframes twinkle{0%,100%{opacity:.35;transform:scale(.85) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(20deg)}}
.phone{width:320px;height:650px;border-radius:52px;padding:12px;background:linear-gradient(145deg,#d9c7a8,#b89470 45%,#d9c7a8);box-shadow:var(--lift),inset 0 0 0 1px #fff6;position:relative;flex:none}
.screen{width:100%;height:100%;border-radius:41px;overflow:hidden;background:linear-gradient(170deg,var(--bg1),var(--bg2));display:flex;flex-direction:column;position:relative}
.island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:96px;height:28px;border-radius:20px;background:#3D3732;z-index:3}
.status{display:flex;justify-content:space-between;align-items:center;padding:14px 26px 0 30px;font:600 13.5px var(--sans);height:44px}
.status .ic{display:flex;gap:5px;align-items:center}
.status svg{height:11px;width:auto;fill:var(--ink)}
.chathead{display:flex;flex-direction:column;align-items:center;padding:8px 0 10px;border-bottom:1px solid #5a564d1f;background:#eef1e8b3;position:relative;z-index:2}
.av{width:44px;height:44px;border-radius:50%;background:var(--paper);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font:italic 600 26px/1 var(--serif);color:var(--camel)}
.chathead span{font-size:11.5px;color:var(--muted);margin-top:4px;font-weight:500}
.chathead .back{position:absolute;left:16px;top:20px;color:var(--camel);font-size:22px;line-height:1}
.thread{flex:1;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 34px);mask-image:linear-gradient(to bottom,transparent 0,#000 34px)}
.list{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:5px;padding:10px 12px 12px;will-change:transform}
.m{max-width:84%;padding:8px 13px;border-radius:18px;font:400 14px/1.36 var(--sans);color:var(--ink);box-shadow:var(--shadow);overflow-wrap:break-word;animation:pop .34s cubic-bezier(.2,.9,.25,1.25) both;transform-origin:0 100%}
.m.in{align-self:flex-start;background:var(--paper);border-bottom-left-radius:6px}
.m.in.read{font-weight:500;font-size:15px;padding:10px 14px}
.m.out{align-self:flex-end;background:var(--out);border-bottom-right-radius:6px;transform-origin:100% 100%}
.m.typing{display:flex;gap:4px;padding:12px 14px}
.m.typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);opacity:.35;animation:dot 1.1s infinite}
.m.typing i:nth-child(2){animation-delay:.15s}.m.typing i:nth-child(3){animation-delay:.3s}
.ts{text-align:center;font-size:11px;font-weight:500;color:var(--muted);margin:8px 0 2px}
.from{font-size:11px;font-weight:500;color:var(--muted);margin:4px 0 -2px 12px}
.tick{align-self:flex-end;font-size:10.5px;font-weight:500;color:var(--muted);margin:-1px 4px 0 0;animation:fade .3s both}
.tick b{font-weight:600;color:var(--camel)}
.compose{display:flex;gap:8px;align-items:center;padding:8px 12px 22px}
.compose div{flex:1;height:34px;border-radius:99px;border:1px solid #5a564d33;background:#fcf8f0b3;font-size:13px;color:#5a564d99;display:flex;align-items:center;padding:0 14px}
.compose span{width:30px;height:30px;border-radius:50%;background:var(--camel);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px}
@keyframes pop{from{opacity:0;transform:scale(.6) translateY(10px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes dot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:.85;transform:translateY(-3px)}}

/* sections */
section{padding:72px 0}
.kicker{font:500 12.5px/1 var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--camel);display:flex;align-items:center;gap:10px}
.kicker:before{content:"✦";color:var(--gold);font-family:var(--sans)}
h2{font:italic 600 clamp(36px,4.6vw,54px)/1.06 var(--serif);margin:14px 0 14px;letter-spacing:-.3px}
.sub{color:var(--muted);max-width:640px;font-size:18px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.card{background:var(--paper);border-radius:24px;padding:28px 26px;box-shadow:0 10px 30px #3e3a3412;border:1px solid #c9a86a2e}
.card .n{font:italic 600 34px/1 var(--serif);color:var(--gold)}
.card h3{font:600 19px/1.3 var(--sans);margin:14px 0 8px}
.card p{color:var(--muted);font-size:15.5px}
.cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.cats span{background:var(--rose);border-radius:99px;padding:8px 15px;font-size:14px;font-weight:600}

/* marquee */
.reads{padding:64px 0 72px;overflow:hidden}
.reads .wrap{margin-bottom:30px}
.marquee{position:relative;overflow:hidden;padding:8px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.marquee+.marquee{margin-top:14px}
.track{display:flex;gap:16px;width:max-content}
.js .track{animation:slide var(--dur,70s) linear infinite}
html:not(.js) .marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
html:not(.js) .track{padding:0 18px}
.marquee.rev .track{animation-direction:reverse}
.marquee:hover .track,.marquee:focus-within .track{animation-play-state:paused}
@keyframes slide{to{transform:translateX(calc(-50% - 8px))}}
.rb{width:330px;flex:none;display:flex;flex-direction:column;gap:5px}
.rb .from{margin-left:14px}
.rb .m{max-width:100%;animation:none;font-size:15.5px;padding:13px 17px;border-radius:22px;border-bottom-left-radius:6px}
.marquee.rev .rb .m{background:var(--out);border-radius:22px;border-bottom-right-radius:6px;align-self:flex-end}
.marquee.rev .rb .from{align-self:flex-end;margin-right:14px}
.pausehint{text-align:center;font-size:13px;color:var(--muted);margin-top:18px}

/* notifications */
.notif .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.lock{background:linear-gradient(160deg,#dfe6d6,#c9d4bd);border-radius:34px;padding:34px 22px 26px;box-shadow:var(--lift);max-width:440px;margin:0 auto;width:100%}
.lock .time{text-align:center;font:600 64px/1 var(--sans);color:#3d3732d9;letter-spacing:-1px}
.lock .date{text-align:center;font-size:14px;color:var(--muted);margin:6px 0 24px;font-weight:500}
.nt{display:flex;gap:12px;background:#fcf8f0e6;border-radius:20px;padding:13px 15px;box-shadow:0 4px 14px #3e3a3414;align-items:flex-start}
.nt+.nt{margin-top:10px}
.nt img{width:36px;height:36px;border-radius:9px;flex:none}
.nt .h{display:flex;justify-content:space-between;font-size:13px;font-weight:600}
.nt .h small{font-weight:500;color:var(--muted);font-size:12px}
.nt p{font-size:13.5px;line-height:1.38;margin-top:2px}
.nt.dim{opacity:.72;transform:scale(.97)}
.ticks{list-style:none;padding:0;margin-top:22px;display:grid;gap:12px}
.ticks li{display:flex;gap:12px;align-items:flex-start;color:var(--muted)}
.ticks li:before{content:"✦";color:var(--gold);flex:none;line-height:1.6}
.ticks b{color:var(--ink);font-weight:600}

/* final cta */
.final{text-align:center;padding:84px 0 92px}
.final .box{background:var(--paper);border-radius:36px;padding:56px 28px;box-shadow:0 14px 40px #3e3a3414;border:1px solid #c9a86a40;position:relative;overflow:hidden}
.final .box:before,.final .box:after{content:"✦";position:absolute;color:var(--gold);font-size:28px}
.final .box:before{top:26px;left:34px}.final .box:after{bottom:26px;right:38px;font-size:20px}
.final h2{margin-top:6px}
.final .sub{margin:0 auto}
.final .cta,.final .soon-row{justify-content:center}

/* footer */
footer{border-top:1px solid #c9a86a40;background:#eef1e880;padding:30px 0 40px;font-size:14px;color:var(--muted)}
footer .wrap{display:flex;flex-wrap:wrap;gap:16px 28px;justify-content:space-between;align-items:center}
footer nav{display:flex;gap:20px;flex-wrap:wrap}
footer a{color:var(--muted)}footer a:hover{color:var(--camel)}

/* legal pages */
.legal{padding:48px 0 80px}
.legal .doc{max-width:760px;margin:0 auto;background:var(--paper);border-radius:28px;padding:48px 52px;box-shadow:0 12px 36px #3e3a3412;border:1px solid #c9a86a33}
.legal h1{font-size:clamp(42px,6vw,60px);margin:10px 0 6px}
.legal .meta{color:var(--muted);font-size:14.5px;margin-bottom:26px}
.legal h2{font:italic 600 30px/1.15 var(--serif);margin:34px 0 10px;color:var(--ink)}
.legal p,.legal li{font-size:16.5px;line-height:1.65}
.legal p+p{margin-top:12px}
.legal ul{padding-left:22px;margin:10px 0}
.legal li+li{margin-top:7px}
.legal .tldr{background:linear-gradient(160deg,var(--bg1),var(--bg2));border-radius:18px;padding:18px 22px;margin:8px 0 6px}
.legal .tldr p{font-size:16px}
.legal code{font:400 14px var(--mono);background:#ebd3cf80;padding:1px 6px;border-radius:6px}
.legal table{border-collapse:collapse;width:100%;margin:12px 0;font-size:15px}
.legal th,.legal td{text-align:left;padding:10px 10px;border-bottom:1px solid #5a564d26;vertical-align:top}
.legal th{font-weight:600;background:#ebd3cf66}

/* 404 */
.nf{min-height:70vh;display:flex;align-items:center;padding:60px 0}
.nf .wrap{max-width:560px;text-align:center}
.nf .m{display:inline-block;text-align:left;animation:none;font-size:17px;padding:13px 18px;max-width:100%}
.nf .stack{display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin:28px auto 30px;max-width:420px;text-align:left}
.nf .stack .m.out{align-self:flex-end}

/* responsive */
@media (max-width:960px){
 .hero .wrap,.notif .wrap{grid-template-columns:1fr;gap:40px}
 .hero{padding-top:36px;text-align:center}
 .lede{margin:0 auto}.cta,.hero .soon-row{justify-content:center}
 .cards{grid-template-columns:1fr}
 .notif .copy{order:-1}
}
@media (max-width:560px){
 body{font-size:16px}
 .wrap{padding:0 18px}
 .nav a.txt{display:none}
 .logo{font-size:23px}.logo img{width:30px;height:30px}
 section{padding:56px 0}
 .lede{font-size:17px}
 .phone{width:292px;height:594px;border-radius:48px;padding:11px}.screen{border-radius:38px}
 .rb{width:270px}.rb .m{font-size:14.5px}
 .legal{padding:24px 0 56px}
 .legal .doc{padding:30px 22px;border-radius:22px}
 .legal p,.legal li{font-size:16px}
 .legal table,.legal thead,.legal tbody,.legal tr,.legal th,.legal td{display:block}
 .legal thead{display:none}
 .legal tr{border-bottom:1px solid #5a564d26;padding:8px 0}
 .legal td{border:0;padding:3px 0}
 .legal td:first-child{font-weight:600}
 .btn{padding:14px 22px}
 .final .box{padding:44px 20px}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{animation-duration:.01s!important;animation-iteration-count:1!important;transition-duration:.01s!important}
 .marquee{-webkit-mask-image:none;mask-image:none;overflow-x:auto;scroll-snap-type:x mandatory}
 .marquee .track{animation:none!important;padding:0 18px}
 .marquee .rb{scroll-snap-align:start}
 .marquee [aria-hidden=true]{display:none}
}
.phone,.lock{text-align:left}

/* ===== Intro: a text from Bestie (gated by .fx = JS on + motion OK) ===== */
.intro{position:relative;height:100vh;height:100svh;--p:0}
.fx .intro{height:190vh;height:190svh}
.intro-stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:linear-gradient(170deg,var(--bg1),var(--bg2))}
.ichat{position:absolute;inset:0;transform-origin:50% 46%;will-change:transform}
.ibezel{position:absolute;inset:-16px;border-radius:calc(var(--p)*84px);background:linear-gradient(145deg,#d9c7a8,#b89470 45%,#d9c7a8);box-shadow:var(--lift),inset 0 0 0 1px #fff6;opacity:0}
.iscreen{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(170deg,var(--bg1),var(--bg2));border-radius:calc(var(--p)*68px)}
.ihead{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;align-items:center;justify-items:center;padding:calc(14px + env(safe-area-inset-top)) 16px 10px;background:#eef1e8d9;border-bottom:1px solid #5a564d1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.ihead .av{grid-column:2;grid-row:1;width:58px;height:58px;font-size:33px;box-shadow:var(--shadow)}
.iname{grid-column:2;grid-row:2;font-size:13px;font-weight:500;color:var(--ink);margin-top:5px}
.iname span{color:var(--muted)}
.iback{grid-column:1;grid-row:1/3;justify-self:start;color:var(--camel);font-size:26px;line-height:1;display:flex;align-items:center;gap:4px}
.iback b{font:600 12px/1 var(--sans);background:var(--camel);color:#fff;border-radius:99px;padding:4px 7px}
.ivid{grid-column:3;grid-row:1/3;justify-self:end;width:26px;height:16px;fill:none;stroke:var(--camel);stroke-width:1.6;stroke-linejoin:round}
.ithread{flex:1;min-height:0;overflow:hidden;display:flex;justify-content:center}
.icol{width:100%;max-width:640px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.icol .ts{margin:4px 0 10px;line-height:1.45}
.icol .ts b{font-weight:600}
.intro .m{font-size:17px;padding:10px 15px;border-radius:20px;max-width:80%}
.intro .m.in{border-bottom-left-radius:6px}.intro .m.out{border-bottom-right-radius:6px}
.intro .m.read{font-size:20px;font-weight:500;line-height:1.3;padding:13px 17px}
.intro .tick{font-size:11.5px;margin:-2px 6px 2px 0}
.intro .m.typing{padding:14px 16px}
.intro .m.typing i{width:8px;height:8px}
.icue{position:absolute;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);display:inline-flex;gap:8px;align-items:center;background:var(--paper);color:var(--camel);border:1px solid #c9a86a66;border-radius:99px;padding:10px 18px;font:500 13px/1 var(--mono);letter-spacing:1.2px;text-transform:uppercase;text-decoration:none;box-shadow:0 8px 22px #3e3a3417;animation:fade .5s both;white-space:nowrap}
.icue i{font-style:normal;display:inline-block;animation:nudge 1.6s ease-in-out infinite}
@keyframes nudge{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}
.intro .compose{width:100%;max-width:640px;margin:0 auto;padding:10px 14px calc(18px + env(safe-area-inset-bottom))}
.intro .compose div{height:40px;font-size:16px}
.intro .compose span{width:34px;height:34px}
.ifield.typed{color:var(--ink)}
.ifield.typed:after{content:"";width:2px;height:19px;background:var(--camel);margin-left:2px;animation:blink .9s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.icap{position:absolute;left:0;right:0;bottom:calc(3.5svh + env(safe-area-inset-bottom));text-align:center;font:italic 600 21px/1.25 var(--serif);color:var(--camel);padding:0 24px;opacity:0;pointer-events:none}
.icap i{font-style:normal;color:var(--gold)}
html:not(.fx) .icap{display:none}
/* sequence: hidden until main.js reveals each item */
.fx .intro .seq:not(.on){display:none}
/* scroll-driven: phone mode on narrow screens, lift-off on wide */
.fx .ichat{transform:translateY(calc(var(--p)*-5svh)) scale(calc(1 - var(--p)*.36))}
.fx .ibezel{opacity:calc(var(--p)*1.4)}
.fx .icap{opacity:calc((var(--p) - .45)*2.2);transform:translateY(calc((1 - var(--p))*16px))}
@media (min-width:700px){
 .intro .m{font-size:18.5px}
 .intro .m.read{font-size:24px}
 .icol{padding-top:22px}
 .fx .ichat{transform:translateY(calc(var(--p)*-18svh)) scale(calc(1 - var(--p)*.14));opacity:calc(1 - var(--p)*1.15)}
 .fx .ibezel{display:none}
 .fx .iscreen{border-radius:calc(var(--p)*44px)}
 .icap{top:50%;bottom:auto;font-size:clamp(30px,3.6vw,46px);transform:translateY(-50%)!important}
}

/* ===== Scroll reveals ===== */
.fx [data-r]{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .85s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d,0)*90ms)}
.fx [data-r=side]{transform:translateX(70px)}
.fx [data-r=side].rev,.fx .marquee.rev[data-r]{transform:translateX(-70px)}
.fx [data-r=pop]{transform:translateY(36px) scale(.94)}
.fx [data-r=phone]{transform:translateY(48px) scale(.9) rotate(-2deg)}
.fx [data-r].in{opacity:1;transform:none}
.fx [data-r=lock] .nt{opacity:0;transform:translateY(-30px) scale(.95);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.9,.25,1.2)}
.fx [data-r=lock].in .nt{opacity:1;transform:none;transition-delay:.45s}
.fx [data-r=lock].in .nt.dim{opacity:.72;transform:scale(.97);transition-delay:.2s}
.fx [data-r=list] li{opacity:0;transform:translateX(-16px);transition:opacity .5s ease,transform .6s ease}
.fx [data-r=list].in li{opacity:1;transform:none}
.fx [data-r=list].in li:nth-child(2){transition-delay:.12s}.fx [data-r=list].in li:nth-child(3){transition-delay:.24s}.fx [data-r=list].in li:nth-child(4){transition-delay:.36s}

/* ===== Pitch video ===== */
.pitch{padding-top:40px}
.screenbox{margin:34px 0 0;background:var(--paper);border:1px solid #c9a86a40;border-radius:26px;padding:14px;box-shadow:0 14px 40px #3e3a3414}
.vframe{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#E4E9DC}
.vframe video{display:block;width:100%;height:100%;object-fit:cover}
.vbtn{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;border:1px solid #c9a86a66;background:#fcf8f0eb;color:var(--ink);border-radius:99px;padding:9px 15px 9px 12px;font:600 13.5px/1 var(--sans);cursor:pointer;box-shadow:0 6px 18px #3e3a341f}
.vbtn:hover{background:var(--paper)}
.vbtn .vi{width:12px;height:12px;display:inline-block;background:var(--camel);clip-path:polygon(0 0,100% 50%,0 100%)}
.vbtn.playing .vi{clip-path:none;background:linear-gradient(90deg,var(--camel) 0 35%,transparent 35% 65%,var(--camel) 65%)}
.screenbox figcaption{font-size:13.5px;color:var(--muted);text-align:center;margin-top:12px}
@media (max-width:640px){
 .screenbox{padding:10px;border-radius:30px;max-width:calc(80svh * 9 / 16 + 20px);margin-left:auto;margin-right:auto}
 .vframe{aspect-ratio:9/16;border-radius:22px}
}
@media (prefers-reduced-motion:reduce){ .icue i{animation:none} }
.intro .typing[hidden]{display:none}
.intro .m{text-wrap:pretty}
.intro .m.read{text-wrap:pretty}
@media (min-width:700px){ .ihead{padding-left:max(16px,calc(50% - 320px));padding-right:max(16px,calc(50% - 320px))} }
@media (min-width:700px){
 .fx .ichat{opacity:calc(1 - var(--p)*1.9)}
 .fx .icap{opacity:calc((var(--p) - .5)*2.4)}
}
@media (min-width:1000px){.screenbox{max-width:960px;margin-left:auto;margin-right:auto}}

/* Bestie's handwritten sign-off under the bio */
.signoff{margin:38px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font:italic 600 clamp(32px,7vw,46px)/1.1 var(--serif);color:var(--camel);transform-origin:left center}
.signoff .sig{font-size:.52em;color:var(--muted);white-space:nowrap}
.signoff .sig i{font-style:normal;color:var(--gold);margin-left:2px}
.fx .signoff[data-r]{transform:translateY(18px) rotate(-1.5deg)}
.fx .signoff[data-r].in{transform:rotate(-1.5deg)}
html:not(.fx) .signoff{transform:rotate(-1.5deg)}