@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--color-bg:#f3efe5;--color-surface:#fffdf7;--color-text:#191714;--color-text-muted:#706b62;--color-border:#d8cebc;--color-accent:#191714;--color-accent-text:#ffffff;--color-subtle:#e8dfcf;--color-paper:#ddd0b8;--color-gold:#b7924a;--color-oxide:#9d3f32;--color-ultramarine:#315a85;--color-olive:#6a7147;--font-sans:"DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Playfair Display", Iowan Old Style, Baskerville, Georgia, serif;--font-mono:"DM Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:3rem;--space-6:4rem;--space-7:6rem;--space-8:8rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--border:1px solid var(--color-border);--site-max:1200px;--content-max:720px}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,ol,ul,figure{margin:0}img,svg{display:block;max-width:100%}button,input{font:inherit}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;font-weight:400;line-height:1.6;text-rendering:optimizeLegibility}h1,h2,h3{color:var(--color-text);font-weight:600;letter-spacing:0}h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.95}h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}h3{font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.2}p{color:var(--color-text-muted)}a{color:inherit;text-underline-offset:.18em}small,.small{font-size:14px}.container{max-width:var(--site-max);margin-inline:auto;padding-inline:24px}.content-width{max-width:var(--content-max)}.skip-link{background:var(--color-accent);color:var(--color-accent-text);left:24px;padding:var(--space-1)var(--space-2);position:fixed;top:16px;transform:translateY(-200%);z-index:100}.skip-link:focus{transform:translateY(0)}.site-header{background:var(--color-bg);border-bottom:1px solid rgba(25,23,20,.45);position:sticky;top:0;z-index:20}.header-inner{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;min-height:82px}.brand{align-items:center;color:inherit;display:inline-flex;font-size:1.38rem;font-weight:700;gap:.625rem;letter-spacing:.02em;text-decoration:none}.brand-icon{display:block;flex:none;height:40px;object-fit:cover;width:40px}.nav-toggle{display:none}.primary-nav{align-items:center;display:flex;gap:var(--space-2)}.primary-nav a{align-items:center;display:inline-flex;min-height:44px;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.03em;padding:0 .7rem;text-decoration:none}.button,button{align-items:center;border-radius:0;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;min-height:44px;padding:.75rem 1rem;text-decoration:none}.button-primary,button{background:var(--color-accent);border:1px solid var(--color-accent);color:var(--color-accent-text)}.primary-nav .button-primary{background:0 0;border-color:transparent;color:var(--color-oxide);font-family:var(--font-mono);padding-right:0}.primary-nav .button-primary::after{content:"→";font-size:1.2em;margin-left:.65rem}.button-secondary{background:rgba(255,253,247,.56);border:var(--border);color:var(--color-text)}.button:hover,button:hover{opacity:.86}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--color-text);outline-offset:3px}.section{padding-block:var(--space-8)}.section+.section{border-top:var(--border)}.eyebrow,.status-label{color:var(--color-oxide);font-size:14px;font-weight:600;letter-spacing:0;text-transform:uppercase}.status-label{border:var(--border);border-radius:999px;display:inline-flex;padding:.25rem .6rem}.hero-grid,.split-grid{align-items:center;display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1.2fr)minmax(280px,.8fr)}.stack{display:grid;gap:var(--space-3)}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.card-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.use-case-grid,.post-list{display:grid;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.card,.queue-panel,.comparison-panel{background:var(--color-surface);border:var(--border);border-radius:var(--radius-md);padding:var(--space-3)}.queue-panel{border-radius:var(--radius-lg);background:linear-gradient(90deg,rgba(25,23,20,5%) 1px,transparent 1px)0 0/28px 28px,var(--color-surface)}.card,.comparison-panel{position:relative}.card::before,.comparison-panel::before{background:var(--color-gold);content:"";height:3px;left:var(--space-3);position:absolute;top:-1px;width:56px}.queue-header{align-items:baseline;border-bottom:var(--border);display:flex;justify-content:space-between;padding-bottom:var(--space-2)}.queue-row,.sequence-row,.comparison-row{align-items:center;border-bottom:var(--border);display:flex;gap:var(--space-2);justify-content:space-between;min-height:48px;padding-block:.75rem}.queue-row:last-child,.sequence-row:last-child,.comparison-row:last-child{border-bottom:0}.queue-index{color:var(--color-oxide);font-family:var(--font-mono);font-size:14px}.queue-title{color:var(--color-text);font-weight:600}.queue-count{color:var(--color-text-muted);font-size:14px;white-space:nowrap}.sequence{max-width:520px}.sequence-arrow{color:var(--color-text-muted);font-family:var(--font-mono);padding-left:var(--space-2)}.comparison-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.comparison-label{color:var(--color-text);font-weight:600;margin-top:var(--space-2)}.breadcrumbs{color:var(--color-text-muted);font-size:14px;margin-bottom:var(--space-3)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0}.article{max-width:var(--content-max)}.article h2,.article h3,.article p,.article ul,.article ol,.article table{margin-top:var(--space-3)}.article ul,.article ol{color:var(--color-text-muted);padding-left:var(--space-3)}.article table{border-collapse:collapse;color:var(--color-text-muted);display:block;font-size:.94rem;overflow-x:auto;width:100%}.article th,.article td{border:var(--border);min-width:11rem;padding:.8rem;text-align:left;vertical-align:top}.article th{background:var(--color-subtle);color:var(--color-text);font-weight:600}.article-meta{color:var(--color-text-muted);margin-top:var(--space-2)}details{background:var(--color-surface);border:var(--border);border-radius:var(--radius-md);padding:var(--space-2)}details+details{margin-top:var(--space-2)}summary{color:var(--color-text);cursor:pointer;font-weight:600}details p{margin-top:var(--space-2)}.form-row{display:flex;gap:var(--space-2);max-width:560px}.field{display:grid;flex:1;gap:.35rem}input{background:var(--color-surface);border:var(--border);border-radius:var(--radius-sm);min-height:44px;padding:.7rem .8rem;width:100%}.form-message{color:var(--color-text);min-height:1.6em}.site-footer{border-top:var(--border);padding-block:var(--space-5);background:var(--color-paper)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0}.footer-bottom{display:grid;gap:var(--space-2);margin-top:var(--space-4)}@media(max-width:767px){.container{padding-inline:16px}.section{padding-block:var(--space-6)}.hero-grid,.split-grid,.comparison-grid,.card-grid,.use-case-grid,.post-list{grid-template-columns:1fr}.nav-toggle{background:0 0;border:var(--border);color:var(--color-text);display:inline-flex}.primary-nav{align-items:stretch;background:var(--color-bg);border-top:var(--border);display:none;grid-column:1/-1;padding:var(--space-2)0;width:100%}.primary-nav.is-open{display:grid}.header-inner{display:grid;grid-template-columns:1fr auto}.form-row{display:grid}}.page-main{min-height:60vh}body{background:var(--color-bg)}.hero{position:relative}.hero::before{border:1px solid rgba(25,23,20,.18);border-right:0;border-bottom:0;content:"";height:180px;left:max(24px,calc((100vw - var(--site-max))/2));pointer-events:none;position:absolute;top:var(--space-4);width:180px}.hero-copy>p:not(.eyebrow):not(.small){font-size:clamp(1.1rem,2vw,1.35rem);max-width:680px}.hero-editorial::after{background:var(--color-oxide);bottom:0;content:"";height:2px;left:max(24px,calc((100vw - var(--site-max))/2));position:absolute;width:min(34vw,420px)}.hero-editorial-grid{align-items:start;display:grid;grid-template-columns:minmax(0,.9fr)minmax(460px,1.1fr);min-height:740px;position:relative}.hero-copy{min-width:0;padding-top:clamp(2rem,8vw,7.5rem);position:relative;z-index:2}.hero-display{font-size:clamp(3.8rem,6.5vw,6.35rem);letter-spacing:-.065em;line-height:.78;max-width:720px;position:relative;z-index:3}.hero-display span,.hero-display em{display:block}.hero-display em{font-family:var(--font-display);font-size:1.08em;font-weight:500;letter-spacing:-.09em;margin-left:-.06em;white-space:nowrap}.hero-display span:last-child{font-size:.77em;letter-spacing:-.06em;margin-top:.12em}.hero-notes{border-top:1px solid rgba(25,23,20,.45);display:flex;font-family:var(--font-mono);font-size:.67rem;gap:var(--space-4);letter-spacing:.04em;margin-top:var(--space-3);max-width:570px;padding-top:var(--space-2);text-transform:uppercase}.hero-notes p{color:var(--color-text)}.hero-notes span{color:var(--color-oxide);display:block;margin-bottom:.2rem}.editorial-hero-art{align-self:stretch;margin:0 -7vw;min-height:740px;overflow:visible;padding-top:var(--space-3);position:relative}.eye-loop{display:grid;gap:1px;margin-left:auto;position:relative;width:min(49vw,720px)}.eye-fragment{border-left:1px solid rgba(25,23,20,.44);display:block;height:108px;object-fit:cover;object-position:73% 27%;width:100%}.eye-fragment--one{height:98px}.eye-fragment--two{height:118px}.eye-fragment--three{height:108px}.eye-fragment--four{height:122px}.eye-fragment--five{height:114px}.loop-interaction{background:var(--color-text);border-block:5px solid var(--color-bg);color:var(--color-surface);left:clamp(15rem,21vw,21rem);padding:1.25rem clamp(1.25rem,3vw,2.5rem);position:absolute;right:-3vw;top:38%;transform:rotate(-1.2deg);z-index:2}.loop-interaction-header{align-items:center;display:flex;gap:.75rem}.loop-interaction-header img{border-radius:0;height:36px;width:36px}.loop-interaction-header p,.loop-interaction-feedback{color:inherit;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.045em;text-transform:uppercase}.loop-interaction h2{color:inherit;font-family:var(--font-sans);font-size:clamp(1.45rem,2.4vw,2.3rem);letter-spacing:-.04em;line-height:.92;margin-top:1rem;text-transform:uppercase}.loop-interaction-copy{color:rgba(255,253,247,.76);font-size:.88rem;line-height:1.4;margin-top:.75rem;max-width:300px}.loop-interaction-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.loop-interaction-action{background:0 0;border:1px solid rgba(255,253,247,.65);color:var(--color-surface);font-family:var(--font-mono);font-size:.67rem;letter-spacing:.035em;min-height:34px;padding:.45rem .65rem;text-transform:uppercase}.loop-interaction-action--leave,.loop-interaction-action.is-selected{background:var(--color-surface);color:var(--color-text)}.loop-interaction-feedback{color:var(--color-gold);margin-top:.8rem;min-height:1.4em}.editorial-hero-art figcaption{bottom:0;color:var(--color-text-muted);font-family:var(--font-mono);font-size:.67rem;letter-spacing:.035em;line-height:1.45;max-width:245px;position:absolute;right:2vw;text-transform:uppercase}.editorial-hero-art figcaption span{color:var(--color-oxide);display:block;margin-bottom:.4rem}.cta-strip{background:linear-gradient(90deg,rgba(25,23,20,4%) 1px,transparent 1px)0 0/40px 40px,var(--color-subtle)}.app-store-download{align-items:center;display:grid;gap:var(--space-4);grid-template-columns:minmax(120px,180px)minmax(0,1fr)}.app-store-icon{aspect-ratio:1;border-radius:22%;box-shadow:0 16px 28px rgba(25,23,20,.16);overflow:hidden;width:100%}.app-store-icon img{height:100%;object-fit:cover;width:100%}.app-store-link{align-items:center;background:#000;border:1px solid #6a6a6a;border-radius:7px;color:#fff;display:inline-flex;flex-direction:column;justify-content:center;line-height:1;min-height:48px;padding:.48rem 1rem .4rem;text-decoration:none;width:fit-content}.app-store-link:hover{color:#fff;opacity:.86}.app-store-link__eyebrow{font-family:var(--font-sans);font-size:.63rem}.app-store-link__name{font-family:var(--font-sans);font-size:1.25rem;font-weight:600}.subtle-band{background:var(--color-paper)}.link-list{display:grid;gap:var(--space-1);margin-top:var(--space-3);padding-left:var(--space-3)}.related-links{border-top:var(--border);margin-top:var(--space-5);padding-top:var(--space-3)}.legal-note{max-width:840px}.remix-hero-art{display:grid;gap:var(--space-2);margin:0;position:relative}.remix-hero-art img{aspect-ratio:1672/941;border:var(--border);border-radius:var(--radius-lg);height:auto;object-fit:cover;width:100%}.remix-hero-art figcaption{color:var(--color-text-muted)}.research-hero-art{margin:0 0 var(--space-5)}.research-hero-art img{border:var(--border);border-radius:var(--radius-lg);display:block;height:auto;width:100%}.research-hero-art figcaption{color:var(--color-text-muted);font-size:14px;margin-top:var(--space-1)}.remix-hero-art .queue-panel{margin-top:calc(var(--space-5) * -1);margin-inline:var(--space-3);position:relative;z-index:1}.remix-section-grid{align-items:center;display:grid;gap:var(--space-5);grid-template-columns:minmax(0,.9fr)minmax(280px,.7fr)}.remix-section-grid--reverse{grid-template-columns:minmax(280px,.58fr)minmax(0,1fr)}.protection-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.protection-mode-grid .card{min-height:14.5rem}.remix-art-card{margin:0;position:relative}.remix-art-card::before{border:1px solid rgba(25,23,20,.2);content:"";inset:var(--space-2)calc(var(--space-2) * -1)calc(var(--space-2) * -1)var(--space-2);pointer-events:none;position:absolute;z-index:0}.remix-art-card::after{background:var(--color-gold);content:"";height:48px;left:var(--space-3);position:absolute;top:calc(var(--space-1) * -1);width:72px;z-index:2}.remix-art-card img{aspect-ratio:4/3;border:var(--border);border-radius:var(--radius-md);display:block;height:auto;object-fit:cover;position:relative;width:100%;z-index:1}.remix-art-card--portrait img{aspect-ratio:4/5}@media(max-width:767px){.app-store-download{align-items:start;grid-template-columns:96px minmax(0,1fr)}.hero{padding-block:var(--space-6)}.hero::before{display:none}.remix-hero-art .queue-panel{margin-inline:0;margin-top:var(--space-2)}.remix-section-grid,.remix-section-grid--reverse{grid-template-columns:1fr}.remix-section-grid--reverse .remix-art-card{order:2}.protection-mode-grid{grid-template-columns:1fr}.remix-art-card::before{inset:var(--space-1)calc(var(--space-1) * -1)calc(var(--space-1) * -1)var(--space-1)}.hero-editorial{padding-block:var(--space-5)var(--space-6)}.hero-editorial-grid{display:block;min-height:0}.hero-copy{padding-top:0}.hero-display{font-size:clamp(3.7rem,18vw,5.8rem);line-height:.76}.hero-display em{font-size:1.03em;white-space:normal}.hero-copy>p:not(.eyebrow):not(.small){font-size:1.05rem}.hero-notes{gap:var(--space-2)}.editorial-hero-art{margin-bottom:0;margin-left:-8px;margin-right:-16px;margin-top:var(--space-5);min-height:490px;padding-top:0}.eye-loop{width:calc(100% - 26px)}.eye-fragment{height:66px}.eye-fragment--one{height:62px}.eye-fragment--two{height:72px}.eye-fragment--three{height:66px}.eye-fragment--four{height:74px}.eye-fragment--five{height:68px}.loop-interaction{border-block-width:4px;left:-8px;right:0;top:29%}.editorial-hero-art figcaption{bottom:0;left:8px;right:auto}}