/* LORD Labs: an open canvas, four connected chapters. */
:root{--canvas:#f7f8fb;--surface:#ffffff;--subtle:#eff1f5;--carbon:#202b3e;--ink:#202b3e;--orange:#df5a30;--accent-text:#4b608c;--ink-on-orange:#101725;--muted:#566174;--line:#d5dbe5;--focus:#4b608c;--hero-ink:#f7f8fc;--hero-muted:#c5cfdf;--hero-accent:#efb48b;--night:#202a3d;--display:Space,Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:110px}body{background:var(--canvas)}h1,h2,h3{font-weight:500}h2{font-size:clamp(42px,5.1vw,74px);line-height:1.08;letter-spacing:-3px}.wrap{width:min(1320px,calc(100% - 112px))}.section{padding-block:110px}.site-frame{width:100%;overflow:clip}.muted-text{color:var(--muted)}.eyebrow{font:500 11px/1.7 var(--font);letter-spacing:1.5px}.icon{width:20px;height:20px}.button{min-height:50px;padding:13px 21px;border-radius:6px;font-size:12px;gap:14px;transition:background .16s,border-color .16s,transform .24s var(--ease);white-space:nowrap}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.secondary{background:transparent;border-color:var(--line)}.secondary:hover{background:var(--subtle)}.text-link{font-size:12px;gap:12px}.text-link .icon{transition:transform .24s var(--ease)}.text-link:hover .icon{transform:translate(3px,-3px)}.reading-progress{height:3px;position:fixed;inset:0 0 auto;background:var(--orange);transform:scaleX(var(--page-progress,0));transform-origin:left;z-index:60;pointer-events:none}

/* Header and hero share the full viewport, without an inset frame. */
.header-shell{position:fixed;inset:0 0 auto;z-index:30;padding-top:16px;background:transparent;border:0;backdrop-filter:none;pointer-events:none}
.header-shell .header{pointer-events:auto;display:flex;align-items:center;gap:26px;min-height:78px;padding:10px 0;max-width:1320px;color:var(--ink);border:1px solid transparent;border-radius:16px;transition:padding .4s var(--ease),max-width .4s var(--ease),min-height .4s var(--ease),background .3s,color .3s,box-shadow .3s}
.header-shell .brand{padding:0;flex-shrink:0}.header-shell .brand img{width:190px;height:auto;transition:width .4s var(--ease)}.desktop-nav{position:relative;isolation:isolate;padding:4px;gap:2px;border-radius:40px}.desktop-nav a{z-index:1;min-height:44px;padding:10px 17px;font-size:12px;color:inherit;opacity:.78;border-radius:30px;background:none!important}.desktop-nav a:hover,.desktop-nav a[aria-current]{opacity:1;color:inherit}.desktop-nav a[aria-current]::before{content:none}.nav-highlight{position:absolute;left:0;top:4px;bottom:4px;z-index:0;border-radius:30px;background:#e7ebf2;opacity:0;pointer-events:none;transition:transform .3s var(--ease),width .3s var(--ease),opacity .2s}
.header-actions{gap:12px}.header-shell .language{color:inherit}.header-shell .language:hover{color:var(--accent-text)}.header-shell .search-trigger{justify-content:center;color:inherit;background:transparent;border:1px solid var(--control-border);border-radius:40px;padding:9px 12px}.search-trigger>span,.search-trigger kbd{display:none}.header-shell .search-trigger>.icon{filter:none;width:16px;height:16px}.header-shell .github-button{background:#ffffff60;border:1px solid var(--control-border);border-radius:40px;color:inherit;gap:8px;padding:10px 16px;min-height:44px;font-size:11px}.header-shell .github-button img{filter:none;width:16px;height:16px}
.header-shell.is-compact .header,.reading-page .header-shell .header{background:#f8fafff2;color:var(--ink);border-color:#fff9;box-shadow:0 8px 35px #10254d14;backdrop-filter:blur(14px);max-width:1160px;min-height:64px;padding:7px 18px}.header-shell.is-compact .brand img{width:160px;content:url('/assets/brand/logo.svg')}.is-compact .nav-highlight,.reading-page .nav-highlight{background:#e5ebf6}.header-shell.is-compact .search-trigger,.header-shell.is-compact .github-button,.reading-page .header-shell .github-button{border-color:var(--line);background:transparent}.header-shell.is-compact .search-trigger>.icon,.header-shell.is-compact .github-button img,.reading-page .header-shell .github-button img{filter:none}.header-shell.is-compact .language:hover,.reading-page .language:hover{color:var(--accent-text)}
.mobile-nav{display:none;position:relative}.mobile-nav summary{height:44px;width:44px;display:grid;place-items:center;list-style:none;border:1px solid #ffffff30;border-radius:50%;cursor:pointer;background:transparent}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary .icon{filter:none}.is-compact .mobile-nav summary,.reading-page .mobile-nav summary{border-color:var(--line)}.is-compact .mobile-nav summary .icon,.reading-page .mobile-nav summary .icon{filter:none}.mobile-nav .menu-close,.mobile-nav[open] .menu-open{display:none}.mobile-nav[open] .menu-close{display:block}.mobile-nav nav{position:absolute;top:calc(100% + 15px);inset-inline-end:0;width:min(340px,calc(100vw - 32px));padding:12px;background:#f8faff;color:var(--ink);border:1px solid #fff;border-radius:16px;box-shadow:0 20px 65px #0d234d30;display:flex;flex-direction:column;gap:4px}.mobile-nav nav a{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 16px;border-radius:8px;font-size:14px}.mobile-nav nav a:hover{background:var(--subtle)}.mobile-nav nav a:last-child{border-top:1px solid var(--line);border-radius:0}.mobile-nav nav a:last-child .icon:last-child{margin-inline-start:auto}
.journey-rail{position:fixed;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:19;color:#566174}.journey-rail a{display:flex;align-items:center;justify-content:flex-end;min-width:44px;min-height:44px;position:relative}.rail-number{display:grid;place-items:center;width:28px;height:28px;font:10px Space,monospace;border-radius:50%;border:1px solid #7083a670;background:#f7f8fbee;transition:background .2s,color .2s}.rail-label{position:absolute;right:42px;white-space:nowrap;background:var(--canvas);padding:4px 10px;border-radius:4px;font-size:11px;opacity:0;transform:translateX(5px);transition:opacity .2s,transform .2s;pointer-events:none}.journey-rail a:hover .rail-label,.journey-rail a:focus-visible .rail-label{opacity:1;transform:none}.journey-rail a[aria-current] .rail-number{background:var(--accent);color:#fff;border-color:var(--accent)}
.toolbelt{display:flex;align-items:center;gap:45px;padding-block:34px;border-bottom:1px solid var(--line)}.toolbelt>p{font-size:12px;color:var(--muted);line-height:1.8;min-width:145px}.toolbelt>p strong{color:var(--ink);font-weight:600}.toolbelt-logos{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:1}.toolbelt-logos a{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px;font-weight:600;opacity:1;transition:opacity .2s,transform .2s}.toolbelt-logos a:hover{opacity:1;transform:translateY(-2px)}.toolbelt-logos img{width:25px;height:25px}

/* Product stories retain their own identity and real screenshots. */
.library-layout{display:block;padding-block:100px 70px}.section-kicker{gap:20px}.section-kicker .eyebrow{font-size:10px;letter-spacing:1.4px}.data-state{font-size:9px;max-width:320px}.data-state .status-dot{background:#287d71}.section-heading,.projects .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-top:25px}.projects h2{font-size:clamp(42px,5.1vw,74px);line-height:1.08;letter-spacing:-3px}.section-heading>p,.projects .section-heading>p{font-size:14px;color:var(--muted);max-width:330px;line-height:1.9;margin:0 0 8px}
.work-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:38px}.project-filters{display:flex;position:relative;gap:3px;background:#e4eaf4;padding:4px;border-radius:40px;isolation:isolate;flex-shrink:0;max-width:100%}.project-filters button{background:transparent;position:relative;z-index:1;min-height:44px;padding:8px 22px;font-size:11px;white-space:nowrap}.project-filters button>span+span{display:inline-block;font:9px Space;margin-inline-start:8px;opacity:.6}.filter-selection{position:absolute;top:4px;bottom:4px;left:0;border-radius:40px;background:var(--surface);box-shadow:0 1px 3px #202b3e0a;transition:transform .42s var(--ease),width .42s var(--ease);z-index:0}.explorer-toolbar{display:flex;gap:12px;max-width:520px;flex:1;justify-content:flex-end;margin:0}.search-field{background:transparent;border:0;border-bottom:1px solid #7b899f;border-radius:0;min-width:0;flex:1;max-width:300px;padding:4px 0;box-shadow:none}.search-field input{font-size:11px;min-height:38px}.search-field kbd{margin-inline-end:7px}.select-field{background:transparent;border:0;border-radius:0;min-width:115px;padding:0 0 0 8px}.select-field select{background:var(--canvas);font-size:10px;max-width:155px}.results-line{min-height:55px;font-size:10px}
.repository-list{display:grid;grid-template-columns:1fr;gap:56px}.repo-card,.repo-card:hover{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:6%;min-width:0;padding-bottom:55px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;overflow:visible;box-shadow:none;scroll-margin-top:110px;animation:card-enter .48s var(--ease) both}.repo-card:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.repo-card:nth-child(even) .project-stage{grid-column:2;grid-row:1}.repo-card:nth-child(even) .repo-content{grid-column:1;grid-row:1}
.project-stage{position:relative;min-width:0;background:#e0f0ed;border-radius:12px;padding:26px 27px 32px;overflow:clip;display:flex;flex-direction:column;gap:24px;min-height:430px;justify-content:space-between}.project-stage::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,#ffffff90,transparent 65%),linear-gradient(135deg,transparent,#b9dcd440);pointer-events:none}.stage-identity{display:flex;align-items:center;justify-content:space-between;gap:15px;position:relative}.project-wordmark{display:flex;align-items:center;gap:9px}.project-wordmark strong{font:600 17px Space;letter-spacing:-.5px;direction:ltr}.project-logo{width:32px;height:32px;object-fit:contain}.stage-tagline,.stage-facts{display:none}.stage-edition{font-size:8px;color:#285e57;letter-spacing:1px}.stage-visual{position:relative;min-width:0;transform:perspective(1200px) rotateY(-4deg) rotateX(3deg) rotateZ(-2deg);transition:transform 700ms var(--ease);margin-block:auto;box-shadow:8px 20px 35px #103d3d25;border-radius:8px;border:5px solid #f7fffd;overflow:hidden;background:#f7fffd}.repo-card:hover .stage-visual{transform:perspective(1200px) rotateY(0) rotateX(0) rotateZ(0) translateY(-4px)}.project-screenshot{width:100%;height:auto;aspect-ratio:1202/831;object-fit:contain}.identity-lor .project-stage{background:#e7eaf2}.identity-lor .project-stage::before{background:radial-gradient(ellipse at 15% 10%,#ffffff90,transparent 65%),linear-gradient(135deg,transparent,#c3cbe540)}.identity-lor .stage-edition{color:#415174}.identity-lor .stage-visual{transform:perspective(1200px) rotateY(4deg) rotateX(3deg) rotateZ(2deg);border-color:#232d42;background:#232d42;box-shadow:-8px 20px 35px #14214525}
.repo-content{padding:20px 0;min-width:0;position:relative}.work-number{display:block;color:#566174;margin-bottom:27px}.repo-category{font-size:9px;color:var(--muted);display:block;margin-bottom:10px}.repo-content h3{font-size:50px;letter-spacing:-2px}.repo-title{display:flex;align-items:center;gap:15px;width:max-content;max-width:100%;direction:ltr}.repo-title .icon{width:25px;height:25px;opacity:.5;transition:transform .3s}.repo-title:hover .icon{transform:translate(3px,-3px)}.repo-content>p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:18px}.repo-tags{gap:7px;margin-top:20px}.repo-tags>span{font-size:9px;padding:4px 10px;border:1px solid var(--line);border-radius:20px;background:transparent;color:#566174}.repo-stats{gap:14px;font-size:9px;margin-top:20px}.repo-stats img{width:13px;height:13px}.repo-stats time{margin-inline-start:auto}.repo-actions{gap:10px;flex-wrap:wrap;margin-top:25px;padding-top:0;border:0}.repo-actions .button{min-height:44px;padding:10px 15px;font-size:10px;gap:8px}.repo-actions .button .icon{width:15px;height:15px}.project-primary{background:var(--night);color:white}.project-primary .icon{filter:invert(1)}.project-primary:hover{background:#293d63}.detail-button{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;background:transparent;font-size:10px;color:var(--muted)}.detail-button>.icon{width:14px;height:14px}.detail-button:hover{color:var(--accent-text)}.explorer-note{font-size:10px;margin-top:23px}.explorer-note .icon{width:14px;height:14px}
.library-aside{margin-top:45px}.updates-card{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:24px;border:0;border-block:1px solid var(--line);border-radius:0;background:transparent;padding:22px 0;box-shadow:none}.aside-title{display:flex;align-items:center;gap:12px;margin:0}.aside-title h2{font-size:15px;letter-spacing:-.3px}.aside-title .icon{width:16px;height:16px}#update-list{display:flex;gap:30px}.update-row{display:flex;align-items:center;gap:12px;flex:1;padding:0;border:0}.update-row>div{display:grid;grid-template-columns:1fr;gap:0}.update-marker{width:5px;height:5px;border-radius:50%;background:#287d71}.update-row small{font-size:8px}.update-row h3{font:600 13px var(--font);margin-block:2px}.update-row time{font-size:9px}.update-row>.icon{width:14px;height:14px;margin-inline-start:auto}.updates-card .feed-note{display:none}.updates-card>.text-link{font-size:10px}

.about-shell{background:#eef0f5;position:relative;isolation:isolate}.about-shell::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 85% 25%,#dce2f380,transparent 55%),radial-gradient(ellipse at 10% 90%,#f3e9df90,transparent 60%);z-index:-1}.about-inner{display:grid;grid-template-columns:1.5fr 1fr;gap:65px 10%;padding-block:100px}.about-inner>div:first-child{max-width:700px}.about-inner h2{font-size:clamp(44px,4.8vw,68px);margin-top:24px;max-width:680px;line-height:1.12;letter-spacing:-2.8px}.about-description{font-size:14px;line-height:2;color:#435571;max-width:520px;margin-top:25px}.founder{display:inline-flex;align-items:center;gap:13px;margin-top:30px;min-height:60px}.founder-monogram{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#d8e3f7;font:15px Space;color:#2b477a;position:relative}.founder-monogram>span{position:absolute;right:0;bottom:0;width:10px;height:10px;border:2px solid #eef0f5;border-radius:50%;background:#287d71}.founder strong{display:block;font-size:12px}.founder small{display:block;font-size:8px;color:var(--muted);letter-spacing:.8px;margin-top:4px}.founder>.icon{width:15px;height:15px;margin-inline-start:24px}.lab-seal{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:28px;align-self:center;position:relative;aspect-ratio:1;max-height:330px}.lab-seal::before{content:'';position:absolute;inset:0;border:1px solid #7890b855;border-radius:50%}.lab-seal::after{content:'';position:absolute;inset:12%;border:1px dashed #7890b855;border-radius:50%}.lab-seal>img{position:relative;width:40%;height:auto;padding:7%;box-sizing:content-box;background:#4b608c;border-radius:15px;transform:rotate(-9deg);box-shadow:10px 15px 0 #b9c9e7;z-index:1}.lab-seal .mono{text-align:center;font-size:9px;z-index:2;color:#435571}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;grid-column:1/-1;border-top:1px solid #bdcce3;padding-top:35px}.principles article{display:flex;gap:18px;padding:0;border:0}.principles article>.mono{color:#566174;font-size:10px;padding-top:5px}.principles h3{font-size:21px;letter-spacing:-.7px}.principles p{font-size:12px;line-height:1.9;color:#435571;margin-top:10px}

/* A featured story and two secondary essays, including archive and reading. */
.journal{padding-block:110px;border:0}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 38px;margin-top:45px}.journal-card{min-width:0;background:none;border:0;border-radius:0;overflow:visible;padding:0;box-shadow:none}.journal-card-link{display:flex;flex-direction:column;height:100%;gap:22px;padding:0}.journal-art{position:relative;height:270px;border-radius:9px;overflow:hidden;isolation:isolate;background:#e0e7f2}.journal-art::before,.journal-art::after{display:none}.journal-image{width:100%;height:100%;object-fit:cover;transition:transform 900ms var(--ease),filter 900ms var(--ease);filter:saturate(.95)}.journal-card-link:hover .journal-image{transform:scale(1.045);filter:saturate(1)}.art-index{position:absolute;inset:15px auto auto 16px;z-index:1;font-size:8px;background:#f7f8fbee;color:var(--ink);padding:5px 8px;border-radius:3px}.journal-card-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;padding:0}.journal-category{font-size:9px;color:var(--accent-text);margin-bottom:13px}.journal-card h3{font-size:30px;line-height:1.25;letter-spacing:-1px;max-width:540px;margin:0}.journal-card p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:15px;max-width:520px}.journal-card-foot{display:flex;align-items:center;gap:15px;width:100%;margin-top:auto;padding-top:22px;border:0;font-size:10px;color:var(--muted)}.journal-card-foot .icon{margin-inline-start:auto;width:19px;height:19px;transition:transform .3s var(--ease)}.journal-card-link:hover .journal-card-foot .icon{transform:translate(3px,-3px)}.journal-date{padding-inline-end:15px;border-inline-end:1px solid var(--line)}.journal-card:first-child{grid-column:1/-1;background:#f0f2f7;border:1px solid #d0dced;border-radius:12px;padding:22px}.journal-card:first-child .journal-card-link{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:55px}.journal-card:first-child .journal-art{height:350px}.journal-card:first-child .journal-card-body{padding:15px 25px 15px 0}.journal-card:first-child h3{font-size:43px;line-height:1.14;letter-spacing:-1.8px}.journal-card:first-child .journal-card-foot{margin-top:30px}

.contribute{width:100%;padding:100px max(56px,calc((100% - 1320px)/2));background:var(--night);color:var(--hero-ink)}.contribute>.eyebrow{color:#c5cfdf}.contribute .muted-text{color:#b9ccef}.contribute .section-heading>p{color:#c5cfdf}.contribution-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:9%;margin-top:60px;align-items:center}.join-art{position:relative;min-height:310px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:45px}.join-art::before{content:'';position:absolute;width:250px;height:250px;border-radius:50%;border:1px dashed #8caddb40;left:0;top:10px}.join-piece{width:180px;height:180px;display:grid;place-items:center;background:#4b608c;border-radius:25px;transform:rotate(-12deg);box-shadow:18px 18px 0 #233761}.join-piece img{width:100px;height:auto}.join-plus{position:absolute;right:12%;top:30px;width:75px;height:75px;border:1px solid #8caddb70;border-radius:50%;font:300 55px Space;display:grid;place-items:center;color:#cbdafa;transform:rotate(8deg);background:#1e2f52}.join-art>.mono{font-size:9px;color:#c5cfdf}.contribution-paths{display:block;counter-reset:path}.contribution-paths details{border:0;border-top:1px solid #8caddb50;border-radius:0;background:transparent;box-shadow:none;counter-increment:path}.contribution-paths details:last-child{border-bottom:1px solid #8caddb50}.contribution-paths summary{display:flex;align-items:center;gap:18px;min-height:102px;list-style:none;cursor:pointer;padding:22px 0;background:none}.contribution-paths summary::-webkit-details-marker{display:none}.contribution-paths summary::before{content:'0' counter(path);font:10px Space;color:#afc0dd}.path-icon{display:none}.contribution-paths summary>span:not(.path-icon){flex:1}.contribution-paths summary small{display:block;font-size:8px;color:#c5cfdf;letter-spacing:1px}.contribution-paths summary strong{display:block;font:400 25px/1.4 var(--display);letter-spacing:-.6px;margin-top:6px}.contribution-paths .chevron{filter:invert(1);width:18px;height:18px;transition:transform .26s var(--ease)}.contribution-paths details[open] .chevron{transform:rotate(-180deg)}.contribution-paths details[open] summary strong{color:var(--hero-accent)}.path-content{padding:0 30px 28px;font-size:12px;color:#c6d3ea;animation:card-enter .4s var(--ease)}.path-content p{line-height:1.9}.path-content ol{padding-inline-start:18px;line-height:2.1;margin-block:15px}.path-content .text-link{color:#ffb28e;font-size:11px}.path-content .icon{filter:invert(1)}
.closing-shell{background:#ede8e4;position:relative;isolation:isolate;overflow:hidden;border:0}.closing-shell::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 25%,#ffffffa0,transparent 65%),radial-gradient(ellipse at 0% 100%,#dcdfe980,transparent 65%);z-index:-1}.closing{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:80px}.closing .eyebrow{color:#d5e0ff;font-size:9px}.closing h2{font-size:clamp(40px,5.2vw,76px);letter-spacing:-3px;margin-top:18px;line-height:1.08}.closing p{font-size:13px;color:#e1e8ff;margin-top:15px}.closing-link{font-size:11px;max-width:190px;display:flex;align-items:center;gap:24px;line-height:1.8}.closing-link img{width:65px;height:65px;min-width:65px;background:#202b3e;border-radius:50%;padding:18px;filter:invert(1);transition:transform .4s var(--ease)}.closing-link:hover img{transform:rotate(45deg)}.footer-shell{background:var(--canvas);border:0}.footer{padding-block:45px 25px}.footer-top{gap:30px}.footer-brand img{width:190px;height:auto}.footer-top>p{font-size:12px}.footer-top>.text-link{font-size:10px}.footer-bottom{font-size:9px;margin-top:35px;padding-top:20px}.footer-bottom .mono{font-size:9px}

dialog{background:var(--canvas);border:1px solid #fff;border-radius:16px;max-height:calc(100svh - 55px);overscroll-behavior:contain}dialog::backdrop{background:#202a3d88;backdrop-filter:blur(6px)}dialog[open]{animation:dialog-enter .24s var(--ease)}body:has(dialog[open]){overflow:hidden}.dialog-heading h2{font-size:25px;letter-spacing:-.7px}.command-search input{font-size:14px}.command-result:hover,.command-result:focus-visible{background:#eef0f5}.project-detail h2{font-size:48px;letter-spacing:-2px}.project-detail>p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:16px}.detail-preview{width:100%;height:auto;border-radius:7px;margin-top:24px}.detail-stats{display:flex;gap:30px;padding-block:22px;margin-top:20px;border-block:1px solid var(--line)}.detail-stat strong{font:500 28px Space;display:block}.detail-stat span{font-size:10px;color:var(--muted)}.clone-field{display:flex;align-items:center;border:1px solid var(--line);background:#eff1f5;border-radius:7px;margin-top:8px;padding-inline:13px;gap:10px}.clone-field code{font-size:11px;overflow:auto;white-space:nowrap;flex:1;direction:ltr}.clone-field button{background:transparent;min-width:44px;min-height:44px;display:grid;place-items:center}.clone-label{display:block;font-size:11px;margin-top:25px}.clone-feedback{font-size:11px;min-height:20px;margin-top:8px;color:#236c5f}.detail-links{display:flex;align-items:center;gap:22px;margin-top:15px;flex-wrap:wrap}
.reading-page .header-shell{position:sticky;min-height:100px}.reading-page .header-shell .header{max-width:1320px}.reading-page .header-shell .brand img{width:175px}.reading-page .desktop-nav a{color:var(--ink)}.journal-archive{padding-block:65px 110px}.journal-archive h1{font-size:clamp(65px,9vw,125px);line-height:1;letter-spacing:-6px;margin-top:27px}.archive-intro{max-width:550px;font-size:16px;color:var(--muted);line-height:1.9;margin-top:27px}.journal-archive .journal-grid{margin-top:60px}.article-shell{padding-block:40px 100px}.article-back{font-size:11px}.article-header{max-width:900px;padding-block:40px}.article-header h1{font-size:clamp(48px,6.5vw,88px);line-height:1.07;letter-spacing:-3.5px;margin-top:25px}.article-summary{font-size:18px;color:var(--muted);line-height:1.8;max-width:700px;margin-top:25px}.article-meta{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted);margin-top:25px}.article-cover{height:420px;margin:10px 0 0;border-radius:12px;overflow:hidden}.article-cover img{width:100%;height:100%;object-fit:cover}.article-layout{display:grid;grid-template-columns:220px minmax(0,720px);gap:8%;padding-top:70px}.article-aside{position:sticky;top:120px;align-self:start}.article-aside>.mono{font-size:9px;color:var(--muted);margin-bottom:15px}.article-aside nav{display:flex;flex-direction:column;gap:5px}.article-aside a{display:flex;align-items:center;min-height:44px;font-size:11px;color:var(--muted);border-inline-start:1px solid var(--line);padding-inline-start:14px}.article-aside a:hover{color:var(--accent-text);border-color:var(--accent-text)}.article-body{min-width:0}.article-intro{font-size:23px;line-height:1.75;letter-spacing:-.3px}.article-body section{padding-top:42px;scroll-margin-top:110px}.article-body h2{font-size:33px;letter-spacing:-1px;line-height:1.3;margin-bottom:15px}.article-body section>p{font-size:15px;line-height:2;color:var(--muted);margin-top:18px}.article-body blockquote{font-size:24px;line-height:1.6;padding:10px 0 10px 25px;border-inline-start:3px solid var(--orange);margin:45px 0 0}.article-sources>a{display:flex;align-items:center;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:4px}.next-note{display:grid;grid-template-columns:1fr auto;gap:15px;margin-top:60px;border-block:1px solid var(--line);padding-block:30px}.next-note .mono{grid-column:1/-1;color:var(--muted);font-size:9px}.next-note strong{font:400 28px/1.3 var(--display);letter-spacing:-.8px}.next-note .icon{align-self:center}html[lang=en] [data-lang-block=ar],html[lang=ar] [data-lang-block=en]{display:none}

[lang=ar]{--display:Arabic,Arial,sans-serif}[lang=ar] h1,[lang=ar] h2,[lang=ar] h3{letter-spacing:-1.6px;line-height:1.5}[lang=ar] .section-heading h2{font-size:clamp(38px,4.5vw,65px);line-height:1.45}[lang=ar] .about-inner h2{font-size:clamp(38px,4.4vw,63px);line-height:1.55}[lang=ar] .repo-content h3{font-family:Space,Arial,sans-serif;line-height:1.2;letter-spacing:-2px}[lang=ar] .repo-content>p{line-height:2.1}[lang=ar] .journal-card h3{font-size:29px;line-height:1.65;letter-spacing:-.8px}[lang=ar] .journal-card:first-child h3{font-size:37px;line-height:1.6}[lang=ar] .principles h3{font-size:20px;line-height:1.7;letter-spacing:-.5px}[lang=ar] .contribution-paths summary strong{font-size:24px;line-height:1.6;letter-spacing:-.5px}[lang=ar] .closing h2{font-size:clamp(37px,5vw,70px);letter-spacing:-1.5px}[lang=ar] .article-header h1{font-size:clamp(43px,5.5vw,78px);line-height:1.6}[lang=ar] .article-intro{line-height:2;font-size:22px}[lang=ar] .article-body section>p{line-height:2.2}[lang=ar] .article-body blockquote{padding-inline:25px 0;line-height:1.9}
@keyframes title-enter{from{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes scroll-nudge{0%,100%{transform:translateY(0)}40%{transform:translateY(4px)}}@keyframes card-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
html[data-reveal-ready] [data-reveal]{opacity:0;transform:translateY(25px);transition:opacity .7s var(--ease),transform .7s var(--ease)}html[data-reveal-ready] [data-reveal].is-visible{opacity:1;transform:none}


@media(max-width:1200px){.wrap{width:calc(100% - 88px)}.header-shell .header{gap:16px}.header-shell .brand img{width:165px}.desktop-nav a{padding-inline:12px;font-size:11px}.header-actions{gap:8px}.header-shell .github-button{padding-inline:12px}.journey-rail{right:4px}.toolbelt{gap:25px}.toolbelt>p{min-width:110px;font-size:10px}.toolbelt-logos{gap:18px}.toolbelt-logos a{font-size:11px;gap:8px}.toolbelt-logos img{width:23px;height:23px}.project-stage{min-height:350px;padding:20px}.stage-edition{font-size:7px}.repo-card,.repo-card:hover{gap:5%}.repo-content h3{font-size:44px}.repo-content>p{font-size:12px}.repo-actions{gap:7px}.repo-actions .button{padding-inline:12px;font-size:9px}.work-number{margin-bottom:20px}.journal-card:first-child .journal-card-link{gap:30px}.journal-card:first-child .journal-art{height:320px}.journal-card:first-child h3{font-size:36px}.journal-card h3{font-size:27px}.journal-art{height:240px}.journal-card p{font-size:12px}.principles{gap:25px}.principles h3{font-size:19px}.contribution-paths summary strong{font-size:23px}}
@media(max-width:960px){.header-shell .github-button{display:none}.toolbelt{align-items:flex-start;gap:22px}.toolbelt-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 32px}.toolbelt>p{padding-top:10px;min-width:130px}.section-heading>p,.projects .section-heading>p{max-width:260px;font-size:12px}.library-layout{padding-block:75px 55px}.work-controls{gap:15px}.project-filters button{padding-inline:17px;font-size:10px}.explorer-toolbar{max-width:390px}.search-field input{font-size:10px}.select-field{min-width:100px}.select-field select{font-size:9px;max-width:110px}.project-stage{min-height:290px;padding:18px 15px}.stage-edition{display:none}.project-wordmark strong{font-size:16px}.project-logo{width:28px;height:28px}.repo-card,.repo-card:hover{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px}.repo-card:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.repo-content h3{font-size:38px}.repo-content>p{font-size:11px}.repo-actions .button{font-size:9px;padding-inline:10px}.work-number{margin-bottom:15px}.repo-tags{margin-top:15px}.repo-tags>span{font-size:8px}.repo-stats time{margin-inline-start:0}.repo-content{padding:0}.repo-actions{margin-top:18px}.updates-card{grid-template-columns:1fr 2fr}.updates-card>.text-link{display:none}.about-inner{gap:40px 8%;padding-block:80px}.about-inner h2{font-size:48px}.about-description{font-size:12px}.principles article{display:block}.principles h3{font-size:19px;margin-top:10px}.principles p{font-size:11px}.journal{padding-block:80px}.journal-card:first-child .journal-art{height:300px}.journal-card:first-child h3{font-size:31px}.journal-card:first-child .journal-card-body{padding-inline-end:5px}.journal-card:first-child .journal-card-foot{margin-top:14px}.journal-card h3{font-size:25px}.journal-grid{gap:35px 28px}.journal-art{height:220px}.journal-date{font-size:9px}.contribute{padding:80px 44px}.contribution-layout{gap:7%;grid-template-columns:.8fr 1.3fr}.contribution-paths summary strong{font-size:21px}.join-piece{width:150px;height:150px}.join-art::before{width:210px;height:210px}.join-piece img{width:85px}.join-plus{width:60px;height:60px;font-size:45px;right:0}.join-art>.mono{font-size:7px}.closing h2{font-size:49px}.closing-link{max-width:160px;font-size:10px}.closing-link img{min-width:55px;width:55px;height:55px;padding:15px}.footer-brand img{width:160px}.footer-top>p{font-size:10px}.article-layout{grid-template-columns:170px minmax(0,1fr);gap:6%}.article-cover{height:330px}[lang=ar] .journal-card:first-child h3{font-size:28px}[lang=ar] .journal-card h3{font-size:25px}[lang=ar] .contribution-paths summary strong{font-size:21px}}
@media(max-width:720px){
 .wrap{width:calc(100% - 40px)}.header-shell{padding-top:8px}.header-shell .header{min-height:68px;gap:12px}.header-shell .brand img{width:150px}.header-actions{margin-inline-start:auto;gap:7px}.language{font-size:11px;min-width:50px}.header-shell .search-trigger{width:42px;padding:8px;min-height:42px}.desktop-nav{display:none!important}.mobile-nav{display:block}.header-shell.is-compact .header{padding-inline:12px;min-height:60px;width:calc(100% - 24px)}.header-shell.is-compact .brand img{width:135px}.journey-rail{display:none}
 .toolbelt{gap:24px;display:block;padding-block:24px}.toolbelt>p{padding:0;font-size:10px;display:flex;gap:5px;margin-bottom:18px}.toolbelt>p br{display:none}.toolbelt-logos{gap:14px 25px}.toolbelt-logos a{font-size:11px;gap:8px}.toolbelt-logos img{width:23px;height:23px}.library-layout{padding-block:60px 45px}.section-kicker{gap:12px;flex-wrap:wrap}.section-kicker .eyebrow{font-size:9px;letter-spacing:1px}.data-state{font-size:8px;max-width:230px;gap:6px}.data-state>.icon-button{min-width:30px;min-height:35px}.data-state .icon{width:13px;height:13px}.section-heading,.projects .section-heading{display:block;margin-top:20px}.section-heading h2,.projects h2{font-size:48px;letter-spacing:-2.5px;line-height:1.08}.section-heading>p,.projects .section-heading>p{font-size:13px;max-width:390px;margin-top:23px;margin-bottom:0}.work-controls{display:block;margin-top:28px}.project-filters{width:max-content;margin-bottom:12px}.project-filters button{padding-inline:20px;font-size:11px}.explorer-toolbar{max-width:none;gap:13px}.search-field{max-width:none}.search-field input{font-size:11px}.select-field{min-width:110px}.results-line{min-height:50px;font-size:9px}.repository-list{gap:35px}.repo-card,.repo-card:hover,.repo-card:nth-child(even){grid-template-columns:1fr;gap:24px;padding-bottom:35px}.repo-card:nth-child(even) .project-stage,.repo-card:nth-child(even) .repo-content{grid-column:auto;grid-row:auto}.project-stage{min-height:0;padding:22px;gap:30px;border-radius:10px}.stage-visual{margin-block:5px 8px}.stage-edition{display:block;font-size:7px}.repo-content{padding:0 3px}.work-number{font-size:9px;margin-bottom:12px}.repo-category{font-size:8px}.repo-content h3{font-size:41px;letter-spacing:-1.5px}.repo-content>p{font-size:13px;line-height:1.9;max-width:550px;margin-top:15px}.repo-tags>span{font-size:9px}.repo-actions{gap:10px;margin-top:22px}.repo-actions .button{font-size:10px;padding-inline:15px}.repo-stats{font-size:9px}.repo-stats time{margin-inline-start:auto}.explorer-note{font-size:9px;align-items:flex-start}.explorer-note>.icon{margin-top:2px}.library-aside{margin-top:30px}.updates-card{display:block;padding-block:20px}.aside-title{margin-bottom:20px}.aside-title h2{font-size:14px}.aside-title .icon{margin-inline-start:auto}#update-list{gap:25px}.update-row{gap:8px}.update-row small{font-size:7px}.update-row h3{font-size:12px}.update-row time{font-size:8px}
 .about-inner{grid-template-columns:1fr;gap:35px;padding-block:60px}.about-inner h2{font-size:44px;letter-spacing:-2px;line-height:1.13;max-width:520px;margin-top:22px}.about-description{font-size:13px;margin-top:22px}.founder{margin-top:25px}.lab-seal{width:260px;margin:10px auto;max-height:none}.lab-seal>.mono{font-size:8px}.principles{grid-template-columns:1fr;gap:25px;padding-top:30px}.principles article{display:flex;gap:20px}.principles article>.mono{padding-top:2px}.principles h3{font-size:22px;margin-top:0}.principles p{font-size:12px;line-height:1.9;margin-top:7px}.journal{padding-block:60px}.journal .section-kicker{flex-wrap:nowrap}.journal .section-kicker .text-link{font-size:10px;gap:6px}.journal-grid{grid-template-columns:1fr;gap:35px;margin-top:30px}.journal-card:first-child{grid-column:auto;padding:15px}.journal-card:first-child .journal-card-link{display:flex;gap:23px}.journal-card:first-child .journal-art{height:240px;width:100%}.journal-card:first-child .journal-card-body{padding:0 7px 10px}.journal-card:first-child h3,.journal-card h3{font-size:29px;line-height:1.25;letter-spacing:-1px}.journal-card p{font-size:13px;margin-top:15px}.journal-card:first-child .journal-card-foot{margin-top:8px}.journal-art{height:240px}.journal-card-foot{font-size:10px;padding-top:23px}.journal-date{font-size:9px}.journal-card-link{gap:22px}.journal-category{font-size:8px;margin-bottom:12px}
 .contribute{padding:60px 20px}.contribution-layout{grid-template-columns:1fr;gap:30px;margin-top:25px}.join-art{min-height:220px;max-width:320px;width:100%;margin-inline:auto;gap:30px}.join-art::before{width:170px;height:170px;left:25px;top:5px}.join-piece{width:125px;height:125px;border-radius:15px;box-shadow:12px 12px 0 #233761}.join-piece img{width:75px}.join-plus{top:15px;right:35px;width:52px;height:52px;font-size:38px}.join-art>.mono{font-size:8px}.contribution-paths summary{min-height:95px;padding-block:20px;gap:17px}.contribution-paths summary strong{font-size:22px}.contribution-paths summary small{font-size:8px}.path-content{padding-inline:27px 10px;font-size:12px}.closing{display:block;padding-block:55px}.closing h2{font-size:48px;letter-spacing:-2.4px;line-height:1.1;margin-top:20px}.closing .eyebrow{font-size:8px}.closing p{font-size:12px;max-width:290px}.closing-link{max-width:none;justify-content:space-between;gap:20px;margin-top:30px;font-size:12px}.closing-link img{width:54px;height:54px;min-width:54px}.footer{padding-block:32px 20px}.footer-top{flex-wrap:wrap;gap:20px}.footer-brand img{width:145px}.footer-top>p{display:block;order:3;flex-basis:100%;font-size:11px}.footer-top>.text-link{font-size:9px}.footer-bottom{margin-top:25px;padding-top:20px;font-size:8px;gap:10px;flex-wrap:wrap}.footer-bottom .mono{font-size:8px}.footer-bottom>span:nth-child(2){display:none}
 .reading-page .header-shell{min-height:85px}.reading-page .header-shell .header{padding-inline:12px;min-height:60px;width:calc(100% - 24px)}.reading-page .header-shell .brand img{width:145px}.journal-archive{padding-block:35px 60px}.journal-archive h1{font-size:68px;letter-spacing:-3.5px;line-height:1.05;margin-top:22px}.archive-intro{font-size:14px;margin-top:22px}.journal-archive .journal-grid{margin-top:35px}.article-shell{padding-block:20px 60px}.article-header{padding-block:28px}.article-header h1{font-size:43px;line-height:1.12;letter-spacing:-1.8px;margin-top:20px}.article-summary{font-size:15px;margin-top:20px}.article-meta{font-size:9px;gap:9px;margin-top:20px}.article-cover{height:230px;border-radius:8px}.article-layout{display:flex;flex-direction:column;gap:30px;padding-top:30px}.article-aside{position:static;border-bottom:1px solid var(--line);padding-bottom:20px}.article-aside>.mono{margin-bottom:8px}.article-aside a{font-size:11px;min-height:40px}.article-intro{font-size:20px;line-height:1.9}.article-body section{padding-top:30px}.article-body h2{font-size:28px;line-height:1.3;letter-spacing:-1px}.article-body section>p{font-size:14px;line-height:2}.article-body blockquote{font-size:20px;margin-top:30px}.next-note{margin-top:35px;padding-block:25px}.next-note strong{font-size:25px}.project-detail h2{font-size:40px}.detail-links{gap:15px}.detail-links .text-link{font-size:10px}.detail-stats{gap:25px}.clone-field code{font-size:9px}[lang=ar] .section-heading h2{font-size:40px;line-height:1.5;letter-spacing:-1.5px}[lang=ar] .about-inner h2{font-size:40px;line-height:1.6}[lang=ar] .journal-card h3,[lang=ar] .journal-card:first-child h3{font-size:28px;line-height:1.7;letter-spacing:-.8px}[lang=ar] .principles h3{font-size:22px;line-height:1.65}[lang=ar] .contribution-paths summary strong{font-size:22px}[lang=ar] .closing h2{font-size:41px;line-height:1.6}[lang=ar] .article-header h1{font-size:36px;line-height:1.65}[lang=ar] .journal-archive h1{font-size:54px;line-height:1.5;letter-spacing:-2px}[lang=ar] .article-intro{font-size:19px;line-height:2.1}
}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.header-shell .brand img{width:125px}.header-shell.is-compact .brand img,.reading-page .header-shell .brand img{width:120px}.header-actions{gap:4px}.header-shell .header{gap:8px}.language{min-width:43px;font-size:10px}.header-shell .search-trigger{width:38px;min-height:40px}.mobile-nav summary{width:40px;height:40px}.toolbelt-logos{gap:10px 16px}.toolbelt-logos a{font-size:10px}.toolbelt-logos img{width:21px;height:21px}.section-heading h2,.projects h2{font-size:43px}.section-kicker .eyebrow{font-size:8px}.project-filters button{padding-inline:17px;font-size:10px}.repo-actions{gap:8px}.repo-actions .button{font-size:9px;padding-inline:12px}.repo-stats time{margin-inline-start:0}.stage-edition{font-size:6px}.project-stage{padding:18px}.journal-card:first-child .journal-art,.journal-art{height:200px}.journal-card:first-child h3,.journal-card h3{font-size:27px}.journal-card-foot{gap:10px;font-size:9px}.journal-date{font-size:8px;padding-inline-end:10px}.closing h2{font-size:42px}.contribute{padding-inline:16px}.contribution-paths summary strong{font-size:20px}.article-header h1{font-size:36px}[lang=ar] .section-heading h2{font-size:35px}[lang=ar] .about-inner h2{font-size:35px}[lang=ar] .journal-card h3,[lang=ar] .journal-card:first-child h3{font-size:25px}[lang=ar] .contribution-paths summary strong{font-size:20px}[lang=ar] .closing h2{font-size:36px}}
@media(hover:none),(pointer:coarse){.header-shell.is-compact .header{backdrop-filter:none;background:#f8faff}.repo-card:hover .stage-visual{transform:none}.button:hover{transform:none}}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=off] [data-reveal]{opacity:1!important;transform:none!important}html[data-motion=off] .journal-card-link:hover .journal-image,html[data-motion=off] .repo-card:hover .stage-visual{transform:none}html[data-page-hidden] *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-reveal-ready] [data-reveal]{opacity:1;transform:none}.journal-card-link:hover .journal-image,.repo-card:hover .stage-visual{transform:none}}
@media print{.article-layout{display:block}.article-aside{display:none}[data-reveal]{opacity:1!important;transform:none!important}.repo-card{break-inside:avoid}}

/* Reset legacy layout constraints on these redesigned components. */
.desktop-nav{border:0;margin-inline-start:auto;padding:4px;flex-shrink:0}
.desktop-nav a{flex:initial;max-width:none}
.contribute .section-heading h2{font-size:clamp(42px,5.1vw,74px);line-height:1.08;letter-spacing:-3px}
.contribute .section-heading .muted-text{color:#b9ccef}
.contribution-paths summary{flex-wrap:nowrap;align-content:normal}
.contribution-paths summary>span:nth-child(2){flex-basis:auto}
.contribution-paths details[open]{border-color:#8caddb50;box-shadow:none}
.path-content{border:0}.path-content>p,.path-content li{color:#c6d3ea}
.contribute .eyebrow{color:#c5cfdf}
html[dir=rtl] .contribute .section-heading h2{font-size:clamp(38px,4.5vw,65px);line-height:1.5}
@media(max-width:1100px){.journey-rail{display:none}}
@media(max-width:720px){.header-actions>.search-trigger{display:flex}.contribute .section-heading h2{font-size:48px;letter-spacing:-2.5px}.contribute .section-heading>p{max-width:390px}.footer-top>p{display:block}html[dir=rtl] .contribute .section-heading h2{font-size:40px}.header-shell .header{width:calc(100% - 40px)}}
@media(max-width:380px){.contribute .section-heading h2{font-size:43px}html[dir=rtl] .contribute .section-heading h2{font-size:35px}.header-shell .header{width:calc(100% - 32px)}}
html[data-motion=off]{scroll-behavior:auto}
@media(min-width:721px) and (max-width:960px){.repo-content>p{font-size:12px}.repo-card,.repo-card:hover{gap:30px}}
.article-aside a[aria-current]{color:var(--accent-text);border-color:var(--accent-text);font-weight:600}
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .18s ease both}
::view-transition-new(root){animation:page-in .24s ease both}
@keyframes page-out{to{opacity:0}}
@keyframes page-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}
@media(min-width:721px) and (max-width:820px){.desktop-nav{display:none}.mobile-nav{display:block}.header-actions{margin-inline-start:auto}.header-shell .header{gap:14px}}

/* Color roles: pearl surfaces, slate controls, and a warm editorial accent. */
:root{--accent:#4b608c;--surface-raised:#eef0f5;--on-accent:#ffffff;--control-border:#7b899f;--dark-border:#7890b8}
.header-shell .header{color:var(--ink)}.desktop-nav a{opacity:1}.desktop-nav a[aria-current]{font-weight:700}
.header-shell.is-compact .header,.reading-page .header-shell .header{border-color:#c7d4e8;background:#f8fafff5}
.header-shell .search-trigger,.header-shell .github-button,.mobile-nav summary{border-color:var(--control-border)}
.header-shell.is-compact .search-trigger,.header-shell.is-compact .github-button,.is-compact .mobile-nav summary,.reading-page .mobile-nav summary{border-color:var(--control-border)}
.project-filters button{color:#344767}.project-filters button[aria-pressed=true]{color:var(--on-accent);font-weight:700}.filter-selection{background:var(--accent)}
.project-filters button>span+span{opacity:1}
.project-primary{background:var(--accent)}.project-primary:hover{background:#3c5078}.repo-actions .secondary{border-color:var(--control-border)}
.repo-tags>span{color:#435571;border-color:#b7c6dc}.search-field{border-color:var(--control-border)}
.contribute .eyebrow,.contribute .section-heading>p,.join-art>.mono{color:var(--hero-muted)}
.closing{color:var(--ink)}.closing .eyebrow,.closing p{color:var(--muted)}.closing-link{color:var(--ink)}.closing-link:hover{color:var(--accent-text)}.closing-link img{background:#ffffff;filter:none}
.article-aside a[aria-current]{border-inline-start-width:3px}.art-index{background:#f7f8fb;color:var(--ink)}
.error-page .hero-description{color:var(--muted);margin-inline:0;max-width:600px}.error-page .hero-actions{justify-content:flex-start}





html[data-motion=off]::view-transition-old(root),html[data-motion=off]::view-transition-new(root){animation:none!important}

/* Open horizon: one uninterrupted scene, with live text on a quiet light veil. */
:root{--dawn-ink:#202b3e;--dawn-muted:#4c586d;--dawn-accent:#a64a30;--dawn-floor:#e2e6ee}
.studio-hero{position:relative;isolation:isolate;overflow:clip;color:var(--dawn-ink);background:#f7f8fb;min-height:860px;min-height:max(800px,100svh);padding-top:130px;display:flex;flex-direction:column;margin:0;border:0;border-radius:0}
.cloud-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#edf0f6}
.cloud-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 70%;animation:cloud-drift 32s ease-in-out infinite alternate;transform-origin:center 75%}
.cloud-veil{position:absolute;inset:0;background:linear-gradient(180deg,#f7f8fbf5 0%,#f7f8fbe8 24%,#f7f8fbc9 60%,#f7f8fb40 82%,#f7f8fbd9 100%)}

.hero-content{display:flex;align-items:center;justify-content:center;flex:1;padding-block:30px 115px;text-align:center}
.hero-copy{position:relative;z-index:2;width:min(100%,940px);margin-inline:auto}
.hero-badge{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;font-size:10px;letter-spacing:1.6px;color:var(--dawn-muted)}
.hero-badge .status-dot{background:#48766e;box-shadow:0 0 0 4px #48766e12}.hero-badge .icon{width:14px;height:14px;margin-inline-start:5px}
.studio-hero h1{font-size:clamp(64px,7.5vw,108px);line-height:1.04;letter-spacing:-5.5px;font-weight:400;margin:24px auto 0}
.title-line{display:block;overflow:clip;padding-block:6px;margin-block:-6px;max-width:100%}.title-line>span{display:block;animation:title-enter .9s var(--ease) both}.title-line:nth-child(2)>span{animation-delay:140ms}.hero-accent{color:var(--dawn-accent)}
.hero-description{font-size:15px;line-height:1.95;color:var(--dawn-muted);max-width:485px;margin:27px auto 0}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:30px}
.hero-actions .primary{background:var(--dawn-ink);color:#fff;border:1px solid var(--dawn-ink);border-radius:50px;padding:6px 7px 6px 22px;min-height:56px;box-shadow:0 5px 14px #202b3e12}.hero-actions .primary:hover{background:#35425a}
.button-icon{width:40px;height:40px;background:#ffffff1c;border-radius:50%;display:grid;place-items:center;margin-inline-start:10px}.hero-actions .primary .icon{filter:invert(1);width:18px;height:18px}
.hero-secondary{color:var(--dawn-ink);font-size:11px}.hero-secondary .icon{filter:none}.hero-secondary:hover{color:var(--dawn-accent)}
.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #7b899f70;min-height:100px;padding-block:22px;color:var(--dawn-ink)}
.scroll-cue{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1px}.scroll-cue>.mono{color:var(--dawn-muted);font-size:9px;margin-inline-start:6px}.scroll-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--control-border);border-radius:50%;background:#ffffff45}.scroll-arrow .icon{width:14px;height:14px;animation:scroll-nudge 3s var(--ease) infinite}
.hero-live{display:flex;align-items:center;gap:24px}.hero-live>div{display:flex;align-items:center;gap:9px}.hero-live strong{font:400 27px Space;color:var(--dawn-ink)}.hero-live span{font-size:10px;color:var(--dawn-muted)}
.atmosphere-controls{display:flex;align-items:center;gap:12px}.motion-toggle{display:flex;align-items:center;gap:8px;min-height:44px;font-size:10px;color:var(--dawn-muted);background:transparent}
.motion-toggle .icon{width:13px;height:13px}
.studio-hero[data-idle] .cloud-scene>img{animation-play-state:paused}
[lang=ar] .studio-hero h1{font-size:clamp(57px,6.4vw,90px);line-height:1.5;letter-spacing:-2.5px;margin-top:12px}[lang=ar] .hero-description{font-size:15px;line-height:2;max-width:510px;margin-top:18px}
@keyframes cloud-drift{from{transform:scale(1.035) translate3d(-.6%,0,0)}to{transform:scale(1.085) translate3d(.6%,-.8%,0)}}
@media(max-width:1200px){.hero-bottom{flex-wrap:wrap;gap:15px 20px}.hero-live{gap:20px}.scroll-cue>.mono{display:none}.hero-content{padding-bottom:100px}}
@media(min-width:721px) and (max-width:960px){.hero-bottom{display:grid;grid-template-columns:1fr auto}.hero-live{grid-row:1;grid-column:1/-1;justify-content:center;gap:45px}.atmosphere-controls{justify-content:flex-end}.studio-hero{min-height:850px}.studio-hero h1{font-size:80px}[lang=ar] .studio-hero h1{font-size:68px}}
@media(max-width:720px){.studio-hero{padding-top:100px;min-height:820px;min-height:max(760px,100svh)}.hero-content{padding-block:40px 100px}.hero-badge{font-size:8px;letter-spacing:1.1px;gap:8px}.studio-hero h1{font-size:clamp(51px,9.5vw,72px);line-height:1.08;letter-spacing:-3px;margin-top:18px}.hero-description{font-size:13px;max-width:390px;margin-top:24px}.hero-actions{gap:22px;margin-top:25px}.hero-actions .primary{font-size:11px}.hero-secondary{font-size:10px}.hero-bottom{display:grid;grid-template-columns:1fr auto;gap:10px;padding-block:16px;min-height:144px}.hero-live{grid-row:1;grid-column:1/-1;justify-content:space-between;gap:12px}.hero-live strong{font-size:24px}.hero-live span{font-size:9px}.scroll-cue{grid-row:2;font-size:8px;letter-spacing:.2px;gap:8px}.scroll-arrow{width:26px;height:26px}.atmosphere-controls{grid-row:2;gap:8px}.motion-toggle{font-size:9px;width:38px;justify-content:center}.motion-toggle>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cloud-scene>img{object-position:80% bottom}.cloud-veil{background:linear-gradient(180deg,#f7f8fbf5 0%,#f7f8fbea 24%,#f7f8fbd1 57%,#f7f8fb60 78%,#f7f8fbe8 100%)}[lang=ar] .studio-hero h1{font-size:clamp(43px,8.3vw,62px);line-height:1.55;letter-spacing:-1.5px}[lang=ar] .hero-description{font-size:13px;line-height:2.1;max-width:380px;margin-top:20px}}
@media(max-width:380px){.studio-hero h1{font-size:13vw;letter-spacing:-2.5px}.hero-content{padding-block:35px 90px}.hero-badge{font-size:7px}.hero-description{font-size:12px}.hero-actions{gap:18px;flex-direction:column}.hero-actions .primary{font-size:10px}.hero-live span{font-size:8px}.hero-live strong{font-size:23px}.hero-live>div{gap:7px}.hero-bottom{gap:8px}.scroll-cue{font-size:7px;gap:6px}.atmosphere-controls{gap:4px}[lang=ar] .studio-hero h1{font-size:12vw}[lang=ar] .hero-description{font-size:12px}}