.blog-home-host{--story-rail-gap: clamp(.65rem, 2.4vw, 1rem);--story-card-width: calc(100% - clamp(1.4rem, 6vw, 2.4rem)) ;--story-card-radius: clamp(5px, 3.8vw, 22px);--story-card-padding: clamp(.8rem, 3vw, 1.1rem);--story-card-image-height: clamp(118px, 22vh, 180px);--story-subtitle-line-height: clamp(1.35, 1.45, 1.5);--desktop-story-card-size: clamp(140px, 12.5vw, 240px);--desktop-story-grid-gap: clamp(.75rem, 1vw, 1rem);--desktop-featured-card-width: calc((var(--desktop-story-card-size) * 2) + var(--desktop-story-grid-gap));--desktop-featured-card-height: var(--desktop-featured-card-width);display:flex;flex-direction:column;height:100vh;height:100dvh;background:#000;color:#fff;overflow:hidden}.snap-container{flex:1;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.snap-section{height:100vh;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.home-header,.home-footer{position:fixed;left:0;right:0;z-index:100;display:flex;align-items:center;padding:8px}.home-header{top:0}.home-footer{bottom:0;color:#ffffffb3;font-size:.875rem}.header-left,.header-center,.header-right,.footer-left,.footer-center,.footer-right{flex:1;display:flex;align-items:center}.header-center,.footer-center{justify-content:center}.header-right,.footer-right{justify-content:flex-end}.brand-mark{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:background-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.brand-mark:hover{background:#ffffff1a}.brand-mark:focus,.brand-mark:focus-visible{outline:none;box-shadow:none}.brand-mark svg{width:20px;height:20px;flex-shrink:0;display:block;color:#fff}.brand-copy{display:flex;flex-direction:column;align-items:flex-start;color:#fff;text-align:left}.brand-title{font-family:var(--font-aldrich);font-size:clamp(.3rem,2vw,.7rem);font-weight:700;letter-spacing:.22em;line-height:1;margin:0}.brand-subtitle{font-family:var(--font-aldrich);font-size:clamp(.25rem,1.5vw,.6rem);letter-spacing:.18em;text-transform:uppercase;opacity:.7;line-height:1;margin:0}.nav-pill{display:inline-flex;align-items:center;gap:.5rem;padding:clamp(.2rem,.5vh,.25rem);border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;cursor:pointer;transition:all .2s;font-size:clamp(.5rem,1vh,.6rem);max-width:100%;height:auto}.nav-pill:hover{background:#fff3;color:#ffffffe6}.nav-arrow{width:clamp(20px,2.5vh,24px);height:clamp(20px,2.5vh,24px);border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:clamp(.7rem,1.2vh,.9rem);color:#ffffffe6;flex-shrink:0}.header-link-button,.footer-link-button{background:none;border:1px solid rgba(255,255,255,.3);color:#fffc;padding:.25rem .75rem;border-radius:.25rem;font-size:clamp(.5rem,1vh,.75rem);cursor:pointer}.social-links{display:flex;gap:1rem}.social-links a{display:flex;align-items:center;gap:.25rem;color:#ffffffb3;text-decoration:none;font-size:clamp(.72rem,1.45vh,1rem);transition:color .2s}.social-links a:hover{color:#ffffffe6}.social-links img{width:clamp(16px,2vh,20px);height:clamp(16px,2vh,20px)}.hero-section{background-size:contain;background-position:top right;background-repeat:no-repeat}.hero-section-shell{flex:1;display:flex;align-items:center;justify-content:flex-start;padding:2rem}.hero-panel{display:flex;flex-direction:column;gap:1rem}.hero-kicker{display:flex;align-items:center;gap:.5rem;font-size:clamp(.75rem,2vw,1rem);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#fffc;font-family:var(--font-aldrich)}.hero-title{margin:0;font-family:var(--font-display);font-size:clamp(2.5rem,10vw,7rem);line-height:.88;font-weight:400;letter-spacing:.03em;color:#fffffff2;text-align:left}.hero-copy{max-width:34rem;margin:0;font-size:clamp(.95rem,1.8vw,1.12rem);line-height:1.6;color:#fffc}.vignette-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 15%,rgba(0,0,0,.9) 110%);box-shadow:inset 0 0 550px #000000e6;pointer-events:none;z-index:1}.lab-section-shell{flex:1;display:flex;flex-direction:column;padding:4rem 2rem 2rem;position:relative;z-index:2;min-height:0}.lab-section-intro{display:flex;flex-direction:column;gap:.75rem;flex:0 1 auto;padding-bottom:1rem;max-width:560px}.lab-title{font-size:clamp(1.5rem,5vw,3rem);color:#fff;margin:0}.lab-description{font-size:.95rem;color:#fffc;margin:0;line-height:1.5}.series-pills-shell{flex:0 1 auto;display:flex;min-width:0;margin-top:clamp(.4rem,1.8vw,.75rem)}.series-pills{display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.5rem}.series-pills::-webkit-scrollbar{display:none}.series-pill{font-family:var(--font-sans);font-size:.8rem;font-weight:500;padding:.65rem 1.15rem;border-radius:999px;background:#ffffff0d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);color:#ffffffb3;cursor:pointer;white-space:nowrap;flex-shrink:0;scroll-snap-align:start;transition:all .3s cubic-bezier(.4,0,.2,1)}.series-pill:hover,.series-pill.active{background:#ffffff1f;color:#fff}.lab-browse-shell{flex:1;display:flex;flex-direction:column;min-height:0;padding-top:.25rem;justify-content:center}.story-browse-strip{flex:1;display:flex;gap:1rem;min-width:0;min-height:0;align-items:center;max-height:75%}.featured-story-container{flex:0 0 var(--desktop-featured-card-width);max-width:var(--desktop-featured-card-width);display:flex;flex-direction:column;min-height:0;max-height:100%}.vertical-divider{width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.18) 12%,rgba(255,255,255,.18) 88%,transparent);flex-shrink:0;align-self:center;height:min(100%,var(--desktop-featured-card-height))}.horizontal-scroll-grid{flex:1;overflow-x:auto;overflow-y:hidden;display:grid;gap:var(--desktop-story-grid-gap);grid-auto-flow:column;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-columns:var(--desktop-story-card-size);align-content:space-evenly;justify-content:start;padding:0 0 .5rem;min-width:0;min-height:0;max-height:100%;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.glass-card{background:#1212166b;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.08);border-radius:18px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:0;cursor:pointer}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff05);opacity:0;transition:opacity .3s ease;pointer-events:none}.glass-card:hover{background:#ffffff0f;border-color:#ffffff2e;transform:translateY(-4px);box-shadow:0 12px 24px #0003,0 4px 8px #0000001a}.glass-card:hover:before{opacity:1}.glass-card.disabled{cursor:default;opacity:.72}.glass-card.disabled:hover{transform:none;box-shadow:none}.featured-card{flex:1;min-height:var(--desktop-featured-card-height);max-height:100%;aspect-ratio:1 / 1;display:flex;flex-direction:column}.featured-card .card-image-top{height:58%;background-size:cover;background-position:center}.small-card{min-height:var(--desktop-story-card-size);max-height:100%;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:space-between}.small-card .card-image-top{width:100%;height:54%;background-size:cover;background-position:center;background-repeat:no-repeat}.card-content-bottom{flex:1;display:flex;flex-direction:column;position:relative;z-index:1;padding:1rem;justify-content:flex-end}.small-card .card-content-bottom{padding:.82rem;gap:.55rem}.card-kicker{font-family:var(--font-aldrich);font-size:.5rem;margin-bottom:.4rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffffb3}.featured-card h3{font-size:clamp(.96rem,1.35vw,1.24rem);line-height:1.08;margin:0 0 .55rem;color:#fff}.small-card h4{font-size:.84rem;font-weight:600;line-height:1.18;margin:0;color:#fff}.card-summary{font-size:.78rem;line-height:1.38;margin:0 0 .7rem;color:#ffffffc2}.story-state-pill{display:inline-flex;align-items:center;width:fit-content;padding:.22rem .42rem;border-radius:999px;font-size:.46rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:.45rem}.story-state-pill.published{background:#22c55e33;color:#22c55ee6;border:1px solid rgba(34,197,94,.3)}.story-state-pill.coming-soon{color:#fff9;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.story-swipe-rail{display:flex;overflow-x:auto;gap:var(--story-rail-gap);padding:clamp(.2rem,1vw,.45rem) 0;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.story-swipe-rail::-webkit-scrollbar{display:none}.story-scroll-dots{display:flex;gap:.5rem;justify-content:center;align-items:center;margin-top:clamp(.45rem,1.4vw,.75rem);margin-bottom:clamp(.2rem,1vw,.45rem)}.story-scroll-dot{width:8px;height:8px;border-radius:999px;background:#ffffff4d;transition:transform .2s ease,background .2s ease;border:none;padding:0}.story-scroll-dot.active{background:#fffffff2;transform:scale(1.18)}.content-section-shell{flex:1;display:flex;align-items:center;justify-content:flex-start;padding:clamp(5.25rem,8vh,7rem) clamp(1.25rem,4vw,3rem) clamp(4.75rem,8vh,6rem);position:relative;z-index:2}.content-section-panel{width:min(100%,52rem);display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.75rem);color:#fff}.about-header{display:flex;align-items:center;gap:clamp(1rem,3vw,1.5rem)}.about-photo{width:clamp(88px,14vw,132px);height:clamp(88px,14vw,132px);border-radius:999px;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.about-photo img{width:100%;height:100%;object-fit:cover;display:block}.section-kicker{display:inline-block;margin-bottom:.45rem;font-family:var(--font-aldrich);font-size:clamp(.7rem,1.35vw,.86rem);letter-spacing:.18em;text-transform:uppercase;color:#ffffffad}.section-title{margin:0;font-family:var(--font-display);font-size:clamp(2rem,5vw,4.5rem);line-height:.95;font-weight:400;letter-spacing:.02em;color:#fffffff7}.about-bio,.subscribe-copy,.subscribe-helper,.empty-state-copy{margin:0;max-width:42rem;font-family:var(--font-sans);font-size:clamp(.98rem,1.45vw,1.12rem);line-height:1.6;color:#ffffffd1}.subscribe-helper-error{color:#fca5a5}.about-bio{white-space:pre-line}.subscribe-form{display:flex;flex-direction:column;gap:.85rem;width:min(100%,36rem)}.subscribe-label{font-family:var(--font-aldrich);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:#ffffffad}.subscribe-input{box-sizing:border-box;width:100%;padding:.95rem 1rem;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff;font-family:var(--font-sans);font-size:1rem;outline:none}.subscribe-input::placeholder{color:#ffffff61}.subscribe-input:focus{border-color:#ffffff47;background:#ffffff14}.subscribe-actions{display:flex;gap:.75rem;flex-wrap:wrap}.section-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.85rem 1.1rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#ffffffe0;font-family:var(--font-aldrich);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.section-button.primary{background:#22c55e2e;color:#22c55ef2;border-color:#22c55e4d}.section-button:disabled{opacity:.65;cursor:not-allowed}.loading-screen{min-height:100vh;display:grid;place-items:center;background:#000}.boot-spinner{width:42px;height:42px;border-radius:999px;border:2px solid rgba(255,255,255,.12);border-top-color:#fffc;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:767px){.hero-title{font-size:clamp(1.5rem,10vw,3rem)}.hero-kicker{font-size:clamp(.6rem,2.5vw,.85rem)}.content-section-shell{align-items:flex-start;justify-content:flex-start;padding:5.75rem 1rem 5.5rem}.content-section-panel{width:100%;max-width:none;gap:1rem;align-items:flex-start}.lab-section-shell{padding:4.8rem 1rem 5.5rem}.lab-section-intro{max-width:100%}.about-header{align-items:flex-start;gap:.85rem}.about-photo{width:72px;height:72px}.section-kicker{margin-bottom:.3rem;font-size:.72rem}.section-title{font-size:clamp(1.22rem,6.6vw,1.9rem);line-height:.9}.about-bio,.subscribe-copy,.subscribe-helper,.empty-state-copy{max-width:none;font-size:clamp(.66rem,3.45vw,.88rem);line-height:1.38}.subscribe-actions{flex-direction:column}.section-button{width:100%;min-height:40px;padding:.72rem .95rem;font-size:.72rem;letter-spacing:.07em}.subscribe-form{width:100%;max-width:100%;gap:.72rem}.subscribe-label{font-size:.68rem}.subscribe-input{padding:.82rem .9rem;font-size:.9rem;border-radius:5px}.social-links a{font-size:clamp(.5rem,1vh,.75rem)}.social-links img{width:clamp(12px,1.5vh,16px);height:clamp(12px,1.5vh,16px)}.story-browse-strip{display:flex;flex-direction:column;gap:.75rem;align-items:stretch;max-height:none}.series-pills{gap:.55rem;padding-bottom:.5rem}.series-pill{font-size:.72rem;padding:.5rem .95rem}.story-scroll-dots{margin:.45rem 0 .35rem}.mobile-story-browse-shell{display:flex;flex-direction:column;flex:1;min-height:0;justify-content:space-evenly}.story-swipe-card{flex:0 0 100%;min-width:100%;max-width:100%;border-radius:var(--story-card-radius);overflow:hidden;container-type:inline-size;display:flex;flex-direction:column}.story-swipe-card>*{min-width:0}.story-swipe-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important;font-weight:700;font-size:clamp(.82rem,5.5cqi,1.08rem);line-height:1.08;margin:0 0 clamp(.55rem,2.4cqi,.8rem);color:#fff}.story-swipe-card .card-image-top{width:100%;height:var(--story-card-image-height);background-size:cover;background-position:center;border-radius:var(--story-card-radius) var(--story-card-radius) 0 0;flex-shrink:0}.story-swipe-rail{gap:0;overflow-x:auto;overflow-y:hidden}.card-content-bottom{padding:var(--story-card-padding)}.card-kicker{font-size:.5rem;margin-bottom:.4rem}.card-summary{font-size:clamp(.68rem,3.7cqi,.8rem);line-height:var(--story-subtitle-line-height);margin:0 0 clamp(.75rem,3cqi,1rem);-webkit-line-clamp:3}.story-scroll-dots{margin-top:.75rem;margin-bottom:.45rem}.vertical-divider{display:none}.featured-card,.small-card{min-height:auto;aspect-ratio:auto}.featured-card .card-image-top,.small-card .card-image-top{width:100%;height:var(--story-card-image-height)}.header-link-button,.footer-link-button{padding:.2rem .5rem}}.reader-layout{display:flex;min-height:100vh;background:#fafafa;color:#1a1a1a}.reader-sidebar{width:320px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.reader-brand-header,.reader-sidebar-header{background:#fff;border-bottom:1px solid #e5e7eb}.reader-brand-header{padding:1.5rem}.reader-sidebar-header{padding:2rem 1.5rem}.reader-brand{display:inline-flex;align-items:center;gap:.875rem;color:#1f2937;text-decoration:none;cursor:pointer;background:none;border:none;padding:0;width:100%;text-align:left}.reader-brand svg{width:20px;height:20px;flex-shrink:0}.reader-brand-copy{display:flex;flex-direction:column;gap:.15rem;min-width:0}.reader-brand-title{font-family:var(--font-aldrich);font-size:.75rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#1f2937}.reader-brand-subtitle{font-family:var(--font-aldrich);font-size:.625rem;letter-spacing:.18em;text-transform:uppercase;color:#6b7280}.reader-breadcrumb,.reader-plain-button{font:inherit;background:none;border:none;color:#6b7280;cursor:pointer;padding:0}.reader-breadcrumb{font-size:.875rem;margin-bottom:1rem}.reader-series-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .5rem;line-height:1.2}.reader-series-description{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0}.reader-story-list{flex:1;padding:1rem 0}.reader-story-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;cursor:pointer;background:none;border:none;width:100%;text-align:left;position:relative}.reader-story-item:hover{background:#f9fafb}.reader-story-item:disabled{cursor:not-allowed;opacity:.55;background:transparent}.reader-story-item:disabled:hover{background:transparent}.reader-story-item.active{background:#eff6ff;color:#1d4ed8}.reader-story-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#3b82f6}.reader-story-number{width:2rem;height:2rem;border-radius:999px;background:#f3f4f6;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;flex-shrink:0}.reader-story-item.active .reader-story-number{background:#3b82f6;color:#fff}.reader-story-item-title{font-size:.75rem;line-height:1.2;color:#374151}.reader-story-item.active .reader-story-item-title{color:#1d4ed8;font-weight:600}.reader-content-panel{flex:1;min-width:0;background:#fff;display:flex;flex-direction:column}.reader-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 2rem 0}.reader-topbar-left,.reader-topbar-center,.reader-topbar-right{flex:1 1 0}.reader-topbar-center{display:flex;justify-content:center}.reader-topbar-right{display:flex;justify-content:flex-end}.reader-nav-pill{display:inline-flex;align-items:center;gap:.85rem;padding:.65rem 1rem;border-radius:999px;border:1px solid #e2e8f0;background:#f8fafc;color:#0f172a;cursor:pointer}.reader-nav-arrow{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dbeafe;color:#2563eb;flex-shrink:0;font-size:.95rem;font-weight:700}.reader-nav-copy{display:flex;flex-direction:column;text-align:left}.reader-nav-overline{font-family:var(--font-aldrich);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:#64748b}.reader-nav-title{font-size:.85rem;font-weight:700;color:#0f172a}.reader-main-content{flex:1;min-width:0;overflow-y:auto}.reader-content-container{max-width:800px;margin:0 auto;padding:4rem 2rem 6rem}.reader-story-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.reader-story-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2;letter-spacing:-.03em;color:#111827;margin:0 0 1rem}.reader-story-subtitle{font-size:1.25rem;color:#6b7280;margin:0 0 2rem;line-height:1.4}.reader-story-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#6b7280}.reader-story-image{width:100%;height:auto;border-radius:.75rem;margin:2rem 0;display:block;box-shadow:0 4px 6px -1px #0000001a}.reader-story-content{font-size:1.125rem;line-height:1.75;color:#374151}.reader-story-content img{max-width:100%;height:auto}.reader-feedback{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;color:#6b7280;text-align:center;padding:2rem}@media(max-width:960px){.reader-layout{display:block}.reader-sidebar{width:100%;border-right:0;border-bottom:1px solid #e5e7eb}.reader-topbar{padding:1.25rem 1rem 0}.reader-content-container{padding:2rem 1rem 4rem}}.story-layout{--public-image-width: clamp(320px, 34vw, 520px);min-height:100vh;display:flex;position:relative;overflow:hidden;background:#0f172a}.story-layout .content-panel{flex:1;min-width:0;background:#fff;position:relative;z-index:1;display:flex;justify-content:center}.story-layout .image-panel{width:var(--public-image-width);min-height:100vh;position:relative;overflow:hidden;background:#111827}.story-layout .image-panel img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block}.story-layout .image-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f172a1f,#0f172a52)}.story-layout .story-container{width:min(100%,760px);padding:2rem var(--spacing-6) var(--spacing-20)}.story-layout .topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:3rem}.story-layout .topbar-left,.story-layout .topbar-center,.story-layout .topbar-right{flex:1 1 0;min-width:0}.story-layout .topbar-center{display:flex;justify-content:center}.story-layout .topbar-right{display:flex;justify-content:flex-end}.story-layout .brand-mark{display:inline-flex;align-items:center;gap:.875rem;text-decoration:none;color:#0f172a;background:none;border:none;padding:0;cursor:pointer}.story-layout .brand-mark svg{width:20px;height:20px;flex-shrink:0}.story-layout .brand-copy{display:flex;flex-direction:column;gap:.15rem;min-width:0}.story-layout .brand-title{font-family:var(--font-aldrich);font-size:.75rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#0f172a}.story-layout .brand-subtitle{font-family:var(--font-aldrich);font-size:.625rem;letter-spacing:.18em;text-transform:uppercase;color:#64748b}.story-layout .nav-pill{display:inline-flex;align-items:center;gap:.85rem;padding:.65rem 1rem;border-radius:999px;border:1px solid #e2e8f0;background:#f8fafc;color:#0f172a;max-width:100%;cursor:pointer}.story-layout .nav-arrow{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dbeafe;color:#2563eb;flex-shrink:0;font-size:.95rem;font-weight:700}.story-layout .nav-copy{display:flex;flex-direction:column;min-width:0;text-align:left}.story-layout .nav-overline{font-family:var(--font-aldrich);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:#64748b}.story-layout .nav-title{font-size:.85rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-layout .back-link{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;margin-bottom:var(--spacing-10);cursor:pointer;background:none;border:none;padding:0;transition:color .15s}.story-layout .back-link:hover{color:var(--color-primary)}.story-layout .story-header{margin-bottom:var(--spacing-10)}.story-layout .story-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-bold);line-height:1.15;letter-spacing:-.03em;color:var(--color-text);margin-bottom:var(--spacing-4)}.story-layout .story-description{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-6)}.story-layout .story-meta{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--text-sm);color:var(--color-text-muted);padding-bottom:var(--spacing-8);border-bottom:1px solid var(--color-border)}.story-layout .story-featured-image{width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--spacing-8) 0;display:block}.story-layout .story-content{font-size:var(--text-base);line-height:1.8;color:var(--color-text)}.story-layout .story-content h2{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:var(--spacing-10) 0 var(--spacing-4);letter-spacing:-.02em}.story-layout .story-content h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:var(--spacing-8) 0 var(--spacing-3)}.story-layout .story-content p{margin-bottom:var(--spacing-5)}.story-layout .story-content pre{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-5);overflow-x:auto;font-size:var(--text-sm);margin-bottom:var(--spacing-5)}.story-layout .story-content code{background:var(--color-surface-alt);padding:2px 6px;border-radius:var(--radius-sm);font-size:.9em}.story-layout .story-content pre code{background:none;padding:0}.story-layout .error-state{text-align:center;padding:var(--spacing-20) var(--spacing-6);color:var(--color-text-secondary)}.story-layout .back-button{margin-top:16px;cursor:pointer}@media(max-width:768px){.story-layout{display:block}.story-layout .image-panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100%}.story-layout .image-panel:after{background:linear-gradient(180deg,#0f172a6b,#0f172ac7)}.story-layout .content-panel{min-height:100vh;background:transparent;align-items:flex-end}.story-layout .story-container{width:100%;padding:1rem var(--spacing-4) var(--spacing-12);color:#fff}.story-layout .topbar{flex-wrap:wrap;align-items:flex-start;gap:.75rem;margin-bottom:2rem}.story-layout .topbar-left,.story-layout .topbar-center,.story-layout .topbar-right{flex:1 1 100%}.story-layout .topbar-center,.story-layout .topbar-right{justify-content:flex-start}.story-layout .brand-mark,.story-layout .brand-title,.story-layout .nav-title{color:#fff}.story-layout .brand-subtitle,.story-layout .nav-overline{color:#ffffffad}.story-layout .nav-pill{background:#0f172a70;border-color:#ffffff29;color:#fff}.story-layout .nav-arrow{background:#ffffff1f;border-color:#ffffff2e;color:#fff}.story-layout .story-title,.story-layout .story-description,.story-layout .story-content,.story-layout .story-content h2,.story-layout .story-content h3{color:#fff}.story-layout .story-meta{color:#ffffffc7;border-bottom-color:#fff3}.story-layout .story-content code,.story-layout .story-content pre{background:#0f172a85;border-color:#ffffff24;color:#fff}.story-layout .back-link{color:#ffffffd1;margin-bottom:var(--spacing-8)}.story-layout .story-meta{flex-wrap:wrap;gap:var(--spacing-2)}.story-layout .story-content{font-size:1rem;line-height:1.75}.story-layout .story-content pre{padding:var(--spacing-4);border-radius:var(--radius-md)}.story-layout .story-content img,.story-layout .story-content table{max-width:100%}}@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Aldrich;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/aldrich-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zen Dots;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/zen-dots-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--mui-color-primary: var(--color-primary);--mui-color-primary-foreground: white;--mui-color-secondary: var(--color-secondary);--mui-color-secondary-foreground: white;--mui-color-success: var(--color-success);--mui-color-warning: var(--color-warning);--mui-color-danger: var(--color-danger);--mui-color-neutral: var(--color-secondary);--mui-color-text: var(--color-text);--mui-color-text-muted: var(--color-text-secondary);--mui-color-border: var(--color-border);--mui-surface: var(--color-surface);--mui-surface-alt: var(--color-gray-50);--mui-surface-elevated: white;--mui-spacing-xs: .25rem;--mui-spacing-sm: .5rem;--mui-spacing-md: 1rem;--mui-spacing-lg: 1.5rem;--mui-spacing-xl: 2rem;--mui-radius-xs: 4px;--mui-radius-sm: 8px;--mui-radius-md: 12px;--mui-radius-lg: 16px;--mui-radius-pill: 999px;--mui-font-family: var(--font-sans);--mui-font-family-mono: var(--font-mono);--mui-shadow-soft: 0 1px 4px rgba(0, 0, 0, .06);--mui-shadow-medium: 0 4px 16px rgba(0, 0, 0, .08);--mui-shadow-strong: 0 8px 32px rgba(0, 0, 0, .12);--mui-motion-duration-fast: .15s;--mui-motion-duration-normal: .22s;--mui-motion-duration-slow: .3s;--mui-motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--mui-motion-easing-emphasized: cubic-bezier(.25, .46, .45, .94);--mui-card-bg: var(--color-surface);--mui-card-border: 1px solid var(--color-border);--mui-card-shadow: var(--mui-shadow-soft);--mui-card-radius: var(--mui-radius-md);--mui-card-padding: var(--mui-spacing-lg)}:root{--color-brand-pink: #ff4e8e;--color-brand-purple: #8e44ad;--color-brand-blue: #3498db;--color-bg-sidebar: #f8f9fa;--status-planned: #94a3b8;--status-draft: #f59e0b;--status-scheduled: #3b82f6;--status-published: #22c55e;--status-linkedin: #0a66c2;--status-medium: #1a1a1a;--status-deleted: #ef4444;--lab-blue: #6366f1;--lab-cyan: #00A3FF;--lab-green: #22c55e;--lab-yellow: #f59e0b;--lab-orange: #f97316;--lab-red: #ef4444;--lab-purple: #8e44ad;--lab-pink: #ff4e8e;--lab-dark: #1e293b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Zen Dots", cursive;--font-aldrich: "Aldrich", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #dbeafe;--color-secondary: #64748b;--color-secondary-hover: #475569;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-danger: #ef4444;--color-info: #06b6d4;--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-hover: #f1f5f9;--color-border: #e2e8f0;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--layout-max-width: 1200px;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Fira Code", "Monaco", "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-thin: 100;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-auto: auto;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}@media(prefers-color-scheme:dark){:root{--color-white: #0f172a;--color-black: #ffffff;--color-gray-50: #0f172a;--color-gray-100: #1e293b;--color-gray-200: #334155;--color-gray-300: #475569;--color-gray-400: #64748b;--color-gray-500: #94a3b8;--color-gray-600: #cbd5e1;--color-gray-700: #e2e8f0;--color-gray-800: #f1f5f9;--color-gray-900: #f8fafc;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-border: #334155;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b}}[data-theme=dark]{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-border: #334155;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.text-white{color:var(--color-white)}.bg-primary{background-color:var(--color-primary)}.bg-white{background-color:var(--color-white)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.border{border:1px solid var(--color-gray-200)}.border-t{border-top:1px solid var(--color-gray-200)}.border-b{border-bottom:1px solid var(--color-gray-200)}.border-l{border-left:1px solid var(--color-gray-200)}.border-r{border-right:1px solid var(--color-gray-200)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-medium);font-size:var(--text-sm);line-height:var(--leading-tight);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background-color:transparent;color:var(--color-gray-700);border-color:var(--color-gray-300)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-50);color:var(--color-gray-900)}.btn-ghost{background-color:transparent;color:var(--color-gray-700);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100);color:var(--color-gray-900)}.card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.input{display:block;width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-normal);transition:all var(--transition-fast);background-color:var(--color-white);color:var(--color-gray-900)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.input::placeholder{color:var(--color-gray-400)}@media(max-width:768px){.container{padding-left:var(--space-2);padding-right:var(--space-2)}.hidden-mobile{display:none}}@media(min-width:769px){.hidden-desktop{display:none}}.grid{display:grid;gap:var(--space-4)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:768px){.grid-cols-1-mobile{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2-mobile{grid-template-columns:repeat(2,minmax(0,1fr))}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font-sans);background:#fff;color:var(--color-gray-900);-webkit-font-smoothing:antialiased}.snap-container{scroll-snap-type:y mandatory;overflow-y:scroll;height:100vh;scroll-behavior:smooth}.snap-section{scroll-snap-align:start;height:100vh;width:100%;position:relative;overflow:hidden;display:flex}.markdown-body{color:#334155;line-height:1.8;font-family:var(--font-sans);font-size:1rem}.markdown-body h1{font-size:1.875rem;font-weight:900;color:#0f172a;margin-top:2rem;margin-bottom:1rem;letter-spacing:-.02em}.markdown-body h2{font-size:1.5rem;font-weight:900;color:#0f172a;margin-top:2rem;margin-bottom:.75rem;letter-spacing:-.01em}.markdown-body h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin-top:1.5rem;margin-bottom:.5rem}.markdown-body p{margin-bottom:1rem}.markdown-body ul{list-style:disc;padding-left:1.5rem;margin-bottom:1rem}.markdown-body ol{list-style:decimal;padding-left:1.5rem;margin-bottom:1rem}.markdown-body li{margin-bottom:.25rem}.markdown-body blockquote{border-left:4px solid #e2e8f0;padding-left:1rem;font-style:italic;color:#64748b;margin:1.5rem 0}.markdown-body code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.875em;color:#8e44ad}.markdown-body pre{background:#0f172a;padding:1.5rem;border-radius:1rem;overflow-x:auto;margin:1.5rem 0}.markdown-body pre code{background:none;color:#cbd5e1;padding:0}.markdown-body img{border-radius:1.5rem;width:100%;margin:2rem 0;display:block}.markdown-body a{color:var(--color-brand-blue);text-decoration:underline}.markdown-body hr{border:none;border-top:1px solid #e2e8f0;margin:2rem 0}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#00000014;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#00000026}