:root{--paper:#FAF9F6;--ink:#242424;--muted:#686862;--line:#DEDDD6;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}button{font:inherit;color:inherit}img{max-width:100%}h1,h2,p{margin-top:0}.wrap{max-width:1536px;margin:auto;padding-inline:5vw}.shell{min-height:100svh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:88px;padding-block:25px}.home img{display:block}.nav nav{display:flex;gap:32px;font-size:13px}.nav nav a{text-decoration:none}.nav nav a:hover{text-decoration:underline}.home-main{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:20px 28px}.wordmark-stage{position:relative;padding-block:3vw}.wordmark-stage img{display:block;width:100%;height:auto}.home-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:12px}.home-bottom h1{font-size:clamp(28px,4.6vw,70px);letter-spacing:-.065em;line-height:1.05;margin:0}.pragma-button{border:0;background:none;padding:0;width:clamp(90px,14vw,190px);height:clamp(90px,14vw,190px);flex:none;cursor:pointer}.pragma-button svg{display:block;width:100%;height:100%}.footer{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:20px 35px;padding-block:25px 30px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:14px 25px;justify-content:flex-end;text-align:right}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.content-page{padding-block:70px 100px;flex:1}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--muted);margin-bottom:28px}.content-page h1{font-size:clamp(46px,7vw,88px);letter-spacing:-.065em;line-height:1.02;margin-bottom:55px}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 70px}.brand-card{display:block;border-top:1px solid var(--line);padding-block:35px 42px;text-decoration:none}.brand-icon{display:grid;place-items:center;width:76px;height:64px;border-radius:14px;background:#fff;border:1px solid var(--line);overflow:hidden;margin-bottom:25px}.brand-icon img{width:36px;height:36px;object-fit:contain}.brand-card h2{font-size:34px;line-height:1.1;letter-spacing:-.045em;margin:0 0 12px}.brand-line{font-size:21px;line-height:1.4;letter-spacing:-.025em;margin-bottom:17px}.brand-blurb{max-width:440px;color:var(--muted);font-size:16px;line-height:1.65;margin-bottom:28px}.brand-link{font-size:13px}.brand-card:hover .brand-link{text-decoration:underline}.brand-card:hover .brand-icon{border-color:var(--ink)}.mission-page{max-width:880px;width:100%;margin-inline:auto}.mission-prose{max-width:760px}.mission-paragraph{font-size:clamp(21px,2.5vw,28px);line-height:1.6;letter-spacing:-.025em;margin-bottom:33px}.mission-paragraph:first-child{font-weight:700}.mission-signoff{font-size:14px;line-height:1.6;color:var(--muted);margin-top:55px}.reveal-word{display:inline-block}.js-motion .mission-paragraph:not(.is-visible) .reveal-word{opacity:0}.js-motion .mission-paragraph.is-visible .reveal-word{animation:mission-arrive .7s cubic-bezier(.18,.7,.2,1) both;animation-delay:var(--delay)}@keyframes mission-arrive{from{opacity:0;transform:translate(-24px,22px);filter:blur(7px)}to{opacity:1;transform:translate(0,0);filter:blur(0)}}.jamie-page{max-width:760px;width:100%;margin-inline:auto}.jamie-intro{display:flex;align-items:center;gap:26px;margin-bottom:40px}.jamie-intro .brand-icon{width:104px;height:88px;margin:0;flex:none}.jamie-intro h1{font-size:72px;margin:0 0 12px}.jamie-intro .brand-line{margin:0}.jamie-status{padding-block:19px;border-block:1px solid var(--line);font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}.jamie-letter{padding-top:30px;font:22px/1.75 Georgia,serif;letter-spacing:-.01em}.jamie-letter p{margin:0 0 25px}.jamie-back{font-size:14px;margin-top:48px}.skip{position:absolute;top:-70px;left:20px;z-index:9}.skip:focus{top:10px;background:var(--paper);padding:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.greeting .pragma-body{animation:site-hello .9s steps(1,end) 1}@keyframes site-hello{0%,100%{transform:translate(0,0)}20%,60%{transform:translate(0,-4px)}40%{transform:translate(0,-12px)}80%{transform:translate(0,-8px)}}
@media(min-width:1600px){.wrap{padding-inline:80px}}@media(max-width:700px){.wrap{padding-inline:24px}.nav{min-height:80px;gap:20px}.nav nav{gap:20px;font-size:12px}.home-bottom{gap:10px}.home-bottom h1{font-size:clamp(28px,6vw,42px);max-width:270px}.pragma-button{width:95px;height:95px}.wordmark-stage{padding-block:7vw}.footer{grid-template-columns:1fr;gap:20px;padding-block:22px}.footer-links{font-size:10px;gap:12px 20px}.content-page{padding-block:45px 65px}.content-page h1{font-size:51px;margin-bottom:40px}.brand-grid{grid-template-columns:1fr}.brand-card{padding-block:28px 35px}.brand-icon{width:68px;height:58px;border-radius:12px}.brand-card h2{font-size:31px}.brand-line{font-size:20px}.brand-blurb{font-size:16px}.mission-paragraph{font-size:22px;margin-bottom:29px}.jamie-intro{gap:20px}.jamie-intro .brand-icon{width:76px;height:68px}.jamie-intro h1{font-size:54px}.jamie-intro .brand-line{font-size:17px}.jamie-letter{font-size:20px}}
@media(max-width:360px){.nav nav{gap:12px;font-size:11px}.home-bottom h1{font-size:26px}.pragma-button{width:75px;height:75px}}
@media(prefers-reduced-motion:reduce){.pragma-body,.pragma-face,.pragma-eye-right,.greeting .pragma-body{animation:none!important}.js-motion .mission-paragraph .reveal-word{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}}
.data-page{max-width:1150px;width:100%;margin-inline:auto}.data-intro{max-width:720px;font-size:clamp(20px,2.5vw,28px);line-height:1.5;letter-spacing:-.025em}.data-note{font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);max-width:760px;margin:26px 0 50px}.data-select{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:32px}.data-select button,.data-activity button{font:13px/1.4 Arial,Helvetica,sans-serif;padding:11px 16px;border:1px solid var(--line);border-radius:5px;background:transparent;cursor:pointer}.data-select button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.data-detail{border-top:2px solid var(--ink);padding-top:32px;min-height:510px}.data-detail h2{font-size:38px;letter-spacing:-.045em;margin-bottom:16px}.data-product-intro{max-width:700px;font-size:19px;line-height:1.6}.data-status{font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}.inventory{margin:28px 0}.inventory>div{display:grid;grid-template-columns:180px 1fr;gap:30px;padding-block:22px;border-top:1px solid var(--line)}.inventory dt{font-size:15px;font-weight:700}.inventory dd{margin:0;font-size:16px;line-height:1.7;max-width:720px}.data-location{display:block;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);margin-top:10px}.data-detail>a,.data-principle>a{font-size:13px}.data-activity{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-block:1px solid var(--line);padding-block:50px;margin-block:65px}.data-activity h2,.data-principle h2{font-size:30px;letter-spacing:-.045em;line-height:1.15}.data-activity p,.data-principle p{font-size:16px;line-height:1.7;color:var(--muted)}.data-activity .eyebrow{font-size:10px}.signal-window{background:var(--ink);color:var(--paper);padding:26px;align-self:center;border-radius:8px}.signal-line{display:grid;grid-template-columns:85px 1fr;gap:15px;border-bottom:1px solid #ffffff20;padding-block:16px;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.signal-line:last-child{border:0}.signal-line span{color:#aaa9a4}.signal-line code{font:inherit;overflow-wrap:anywhere}.data-principle{max-width:720px}.home-page .pragma-button{max-width:148px;max-height:148px}.home-page .home-main{padding-block:10px 20px}
@media(max-width:700px){.inventory>div{grid-template-columns:1fr;gap:10px}.data-activity{grid-template-columns:1fr;gap:28px}.data-detail{min-height:0}.data-select{gap:7px}.data-select button{padding:10px 12px}.data-page h1{font-size:44px}}
.wordmark-stage #wordmark{display:block;width:100%;height:auto;overflow:visible;color:var(--ink);touch-action:pan-y}
.wordmark-glyph{transform:translateY(var(--lift,0px));transition:transform 170ms cubic-bezier(.2,.7,.3,1);animation:wordmark-pop 560ms cubic-bezier(.2,.7,.3,1) backwards;animation-delay:calc(var(--index)*65ms)}
@keyframes wordmark-pop{0%,100%{transform:translateY(0)}42%{transform:translateY(-13px)}72%{transform:translateY(2px)}}
.pragma-button{touch-action:pan-y;user-select:none;cursor:grab}.pragma-button svg{overflow:visible}.pragma-button.is-grabbed{cursor:grabbing;touch-action:none}.pragma-playground{transform-origin:40px 48px}.pragma-button .pragma-face{animation:none;transform:translate(var(--look-x,0px),var(--look-y,0px));transition:transform 100ms steps(2,end)}.pragma-button.is-grabbed .pragma-body{animation:none}
@media(prefers-reduced-motion:reduce){.wordmark-glyph{animation:none!important;transition:none!important;transform:none!important}.pragma-playground{transform:none!important}.pragma-button .pragma-face{transition:none!important;transform:none!important}.pragma-button{cursor:pointer}}
.link-icon{display:inline-block;width:1em;height:1em;flex:0 0 1em;vertical-align:-.125em;overflow:visible;pointer-events:none}
a:has(>.link-icon),.brand-link:has(>.link-icon){display:inline-flex;align-items:center;gap:.4em;line-height:1.4}
.nav nav,.footer-links{align-items:center}
.pragma-mouth{display:none}.pragma-smile{display:block}
.pragma-button[data-emotion=neutral] .pragma-mouth,.pragma-button[data-emotion=upset] .pragma-mouth,.pragma-button[data-emotion=scream] .pragma-mouth{display:none}
.pragma-button[data-emotion=neutral] .pragma-neutral,.pragma-button[data-emotion=upset] .pragma-upset,.pragma-button[data-emotion=scream] .pragma-scream{display:block}
.pragma-button[data-emotion=upset] .pragma-eye-right{animation:none;transform:scaleY(.65)}
.pragma-button[data-emotion=scream] .pragma-eye-right{animation:none;transform:none}
.wordmark-brand{color:inherit;outline:none;cursor:pointer}.wordmark-brand .wordmark-glyph{transition:transform 170ms cubic-bezier(.2,.7,.3,1),color 160ms ease}
.wordmark-stage[data-brand=mime] [data-letter=m]{color:#D52B35}
.wordmark-brand:focus-visible .wordmark-glyph{outline:none;filter:drop-shadow(0 2px 0 #686862)}
.brand-reveal{position:absolute;display:flex;align-items:center;flex-direction:column;pointer-events:none;transform:translateX(-50%);z-index:2;color:var(--ink)}
.brand-reveal--mime{left:52%;top:72%;color:#D52B35}.brand-reveal--considered{left:25.4%;bottom:78%}
.brand-thread{width:8px;height:36px;overflow:visible;flex:none}.brand-thread path{stroke:currentColor;stroke-width:1.25;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 280ms ease}
.brand-reveal-card{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:var(--ink);font:12px/1.2 Arial,Helvetica,sans-serif;white-space:nowrap;opacity:0;transform:translateY(-4px);transition:opacity 120ms ease,transform 180ms ease;}
.brand-reveal-card img{display:block;width:26px;height:26px;object-fit:contain}
.wordmark-stage[data-brand=mime] .brand-reveal--mime .brand-thread path,.wordmark-stage[data-brand=considered] .brand-reveal--considered .brand-thread path{stroke-dashoffset:0}
.wordmark-stage[data-brand=mime] .brand-reveal--mime .brand-reveal-card,.wordmark-stage[data-brand=considered] .brand-reveal--considered .brand-reveal-card{opacity:1;transform:translateY(0);transition-delay:180ms}
@media(max-width:700px){.brand-thread{height:22px}.brand-reveal-card{font-size:10px;padding:6px 8px;gap:6px;border-radius:7px}.brand-reveal-card img{width:20px;height:20px}.brand-reveal--mime{top:73%}.brand-reveal--considered{bottom:72%}}
@media(prefers-reduced-motion:reduce){.brand-thread path,.brand-reveal-card{transition:none!important}.brand-reveal-card{transform:none!important}}
/* Brand reveals are bare marks and names, without a surrounding card. */
.brand-reveal-card{background:none;border:0;border-radius:0;padding:5px 0;font-size:13px;font-weight:600}
.brand-reveal--letterslot{left:80.5%;bottom:94%}
.wordmark-i-dot{transform-box:view-box;transform-origin:463px 15px;transition:transform 220ms cubic-bezier(.4,0,.8,.4),opacity 80ms 160ms}
.wordmark-i-stem{transform-box:view-box;transform-origin:463px 97px;transition:transform 260ms 100ms cubic-bezier(.2,.7,.3,1)}
.wordmark-stage[data-brand=letterslot] .wordmark-i-dot{transform:translateY(49px) scale(.65);opacity:0}
.wordmark-stage[data-brand=letterslot] .wordmark-i-stem{transform:scaleY(1.5)}
.wordmark-stage[data-brand=letterslot] .brand-reveal--letterslot .brand-thread path{stroke-dashoffset:0;transition-delay:240ms}
.wordmark-stage[data-brand=letterslot] .brand-reveal--letterslot .brand-reveal-card{opacity:1;transform:translateY(0);transition-delay:460ms}
@media(max-width:700px){.brand-reveal-card{font-size:10px;padding:4px 0}.brand-reveal--letterslot{bottom:86%;left:80.5%}}
@media(prefers-reduced-motion:reduce){.wordmark-i-dot,.wordmark-i-stem{transition:none!important}}
.gravity-fallen #wordmark .wordmark-glyph,.gravity-fallen .pragma-button>svg{visibility:hidden}
.gravity-fallen #wordmark .letter-hit{pointer-events:none}.gravity-fallen .brand-reveal{display:none}.gravity-fallen .pragma-button{pointer-events:none}
.pragmatic-fall{position:fixed;inset:0;pointer-events:none;z-index:5;overflow:hidden;color:var(--ink)}
.fallen-piece{position:absolute;left:0;top:0;overflow:visible;transform-origin:center;will-change:transform}
.fallen-pragma .pragma-playground,.fallen-pragma .pragma-body,.fallen-pragma .pragma-face,.fallen-pragma .pragma-eye-right{animation:none!important;transform:none!important;transition:none!important}
.fallen-pragma .pragma-mouth{display:none}.fallen-pragma .pragma-scream{display:block}

.gravity-fallen .pragma-button:focus-visible{outline:none}
.wordmark-stage[data-brand=letterslot] [data-letter=i]{color:#2463EB}
.nav-pragma{display:block;overflow:visible}.nav-pragma-face{opacity:0;transition:opacity 60ms steps(1,end);transform-box:view-box}
.home.is-startled .nav-pragma-face{opacity:1}
@media(prefers-reduced-motion:reduce){.nav-pragma-face{transform:none!important;transition:none}}
.dot-flee{transform-box:view-box;transform-origin:562px 85px;transition:transform 200ms cubic-bezier(.12,.85,.35,1)}
.wordmark-glyph[data-letter="."]{cursor:crosshair}.wordmark-glyph[data-letter="."]:focus-visible{outline:none}.wordmark-glyph[data-letter="."]:focus-visible .dot-flee{filter:drop-shadow(0 2px 0 #686862)}
@media(prefers-reduced-motion:reduce){.dot-flee{transition:none;transform:none!important}}
/* A short first-load preview makes the hidden brand interactions discoverable. */
.wordmark-stage.brand-intro .wordmark-brand .wordmark-glyph{animation:none;transform:translateY(-12px)}
.wordmark-stage.brand-intro [data-letter=m]{color:#D52B35}.wordmark-stage.brand-intro [data-letter=i]{color:#2463EB}
.wordmark-stage.brand-intro .wordmark-i-dot{transform:translateY(49px) scale(.65);opacity:0}.wordmark-stage.brand-intro .wordmark-i-stem{transform:scaleY(1.5)}
.wordmark-stage.brand-intro .brand-thread path{stroke-dashoffset:0}.wordmark-stage.brand-intro .brand-reveal-card{opacity:1;transform:translateY(0);transition-delay:200ms}
.nav-identity{display:flex;align-items:center;gap:16px;position:relative}.header-repair{border:0;padding:0;background:none;font:13px/1.4 Arial,Helvetica,sans-serif;color:var(--muted);cursor:pointer;white-space:nowrap;transition:opacity 180ms ease}.header-repair:not([aria-disabled=true]):hover{text-decoration:underline;text-underline-offset:4px}.header-repair[aria-disabled=true]{cursor:default}.header-repair.is-fading,.pragmatic-fall.is-fading{opacity:0}.pragmatic-fall{transition:opacity 180ms ease}
.home-page #wordmark,.home-page .pragma-button{transition:opacity 400ms ease}.page-restoring #wordmark,.page-restoring .pragma-button{opacity:0}
@media(max-width:700px){.header-repair{position:absolute;left:0;top:42px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.wordmark-stage.brand-intro .wordmark-glyph{transform:none!important}.header-repair,.pragmatic-fall,.home-page #wordmark,.home-page .pragma-button{transition:none!important}}
.wordmark-stage.intro-done .wordmark-brand .wordmark-glyph{animation:none}
.brand-grid .brand-icon{width:112px;height:96px;border:0;border-radius:0;background:none;overflow:visible;margin-bottom:28px;justify-items:start}
.brand-grid .brand-icon img{width:72px;height:72px;object-fit:contain}
.brand-grid .brand-card:hover .brand-icon{border:0}
@media(max-width:700px){.brand-grid .brand-icon{width:96px;height:80px}.brand-grid .brand-icon img{width:64px;height:64px}}
.jamie-intro .brand-icon{background:none;border:0;border-radius:0;overflow:visible}
.jamie-intro{gap:12px}
.jamie-intro .brand-icon{width:88px;height:96px;display:block}
.jamie-intro .brand-icon img{display:block;width:88px;height:96px;object-fit:contain}
@media(max-width:700px){.jamie-intro{gap:9px}.jamie-intro .brand-icon,.jamie-intro .brand-icon img{width:68px;height:76px}}