@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{color-scheme:light;--ink:#0b0b0b;--paper:#fff;--muted:#646464;--line:#dededb;--soft:#f5f5f2}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;color:var(--ink);background:var(--paper);font:400 1rem/1.65 Manrope,Arial,sans-serif}a{color:inherit;text-underline-offset:.25em}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}img{display:block;max-width:100%;height:auto}.wrap{width:min(1360px,100%);margin-inline:auto;padding-inline:clamp(1.5rem,5vw,5rem)}.skip{position:absolute;top:-100px;left:1rem;padding:.8rem 1.2rem;background:#fff;z-index:10}.skip:focus{top:1rem}.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.9rem}.brand{display:block;flex-shrink:0}.brand img{width:240px;height:52px;object-fit:contain}nav{display:flex;align-items:center;gap:2rem}nav a{font-size:.9rem;font-weight:600;text-decoration:none;padding:.45rem 0;border-bottom:1px solid transparent}nav a:hover{border-color:currentColor}nav span{margin-left:.5rem}.hero{padding-top:clamp(2rem,4vw,4rem);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:1rem 2rem}.eyebrow{font-size:.75rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;margin:0 0 2rem}.hero .eyebrow{display:flex;align-items:center;gap:.8rem;letter-spacing:.08em}.small-line{width:1.8rem;height:1px;background:currentColor;flex-shrink:0}h1{font-size:clamp(2.75rem,5.4vw,4.7rem);font-weight:550;line-height:1.09;letter-spacing:-.066em;margin:0 0 1.8rem}h1 span{color:var(--muted)}.lead{font-size:1.08rem;line-height:1.8;color:var(--muted);max-width:380px;margin:0 0 2rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;min-height:52px;padding:.75rem 1.25rem;background:var(--ink);color:#fff;text-decoration:none;font-size:.9rem;font-weight:600;border:1px solid var(--ink);transition:background .2s,color .2s}.button:hover{background:#fff;color:var(--ink)}.button span{font-size:1.35rem;font-weight:400}.hero-art{width:100%;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1.25}.hero-mark{width:100%}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);margin-top:3rem;padding:1.15rem 0 2rem;font-size:.75rem;letter-spacing:.01em;color:var(--muted)}.work{background:var(--ink);color:#fff;padding-block:clamp(3rem,7vw,6.5rem)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #3b3b3b;padding-bottom:1.4rem;margin-bottom:3.5rem}.section-heading .eyebrow{margin:0}.section-note{color:#aaa;font-size:.85rem}.app{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,6vw,6rem)}.platform{display:flex;align-items:center;gap:.85rem;color:#bbb;font-size:.8rem}.platform span{color:#777}.app h3{font-size:clamp(2.4rem,4.5vw,4rem);font-weight:500;line-height:1.12;letter-spacing:-.055em;margin:1.15rem 0 1.5rem}.period{color:#999}.app-description{font-size:1.2rem;line-height:1.65;color:#999;margin:0}.app-intro{font-size:1.15rem;color:#d2d2d2;margin:0 0 1.8rem;max-width:480px;line-height:1.8}.features{list-style:none;padding:0;margin:0}.features li{display:flex;gap:1.2rem;align-items:baseline;border-top:1px solid #3b3b3b;padding:1.2rem 0}.feature-number{font-size:.75rem;color:#999;font-variant-numeric:tabular-nums}.features h4{font-weight:550;font-size:1rem;margin:0 0 .2rem}.features p{font-size:.9rem;line-height:1.7;color:#a9a9a9;margin:0}.contact{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,6vw,6rem);padding-block:clamp(3.5rem,8vw,7rem)}.contact .eyebrow{margin-bottom:1.4rem}.contact h2{font-size:clamp(2.1rem,3.8vw,3.2rem);font-weight:500;line-height:1.15;letter-spacing:-.05em;margin:0 0 1.4rem}.contact-intro>p:not(.eyebrow){max-width:400px;color:var(--muted);font-size:1rem}.contact-email{display:inline-flex;gap:.8rem;align-items:center;font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:650;text-decoration:none;border-bottom:1px solid;padding-bottom:.35rem;max-width:100%;overflow-wrap:anywhere}.contact-email:hover{color:var(--muted)}.contact-intro .support-note{font-size:.8rem!important;margin-top:1.2rem;max-width:340px!important}.details{border-left:1px solid var(--line);padding-left:clamp(1.5rem,4vw,3.2rem);padding-top:.15rem}.details h3{font-size:.8rem;font-weight:650;margin:0 0 .75rem}.details p{margin:0;color:var(--muted);font-size:.95rem}.contact-facts{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.8rem;font-size:.9rem}.contact-facts h3{margin-bottom:.35rem;color:var(--muted);font-weight:500}address{font-style:normal}.site-footer{background:var(--ink);color:#fff;padding-top:2.5rem}.footer-brand{display:flex;align-items:center;gap:2rem;padding-bottom:2.5rem}.footer-brand img{width:130px;flex-shrink:0}.footer-brand p{font-size:1.2rem;font-weight:600;letter-spacing:-.025em;margin:0}.footer-brand p span{display:block;color:#999;font-size:.8rem;letter-spacing:0;font-weight:400;margin-top:.4rem}.footer-brand>a{margin-left:auto;font-size:.8rem;text-decoration:none}.footer-brand>a:hover{text-decoration:underline}.footer-meta{border-top:1px solid #3b3b3b;display:flex;justify-content:space-between;gap:1rem;padding-block:1.3rem;color:#aaa;font-size:.75rem}
@media(min-width:1500px){.hero{padding-top:4rem}}
@media(max-width:900px){.brand img{width:205px}nav{gap:1.3rem}.hero{grid-template-columns:1fr 1fr;gap:1rem}.hero .eyebrow{font-size:.75rem;letter-spacing:.045em}.hero .small-line{display:none}.hero-foot{margin-top:2.2rem}.app,.contact{gap:2rem}.contact-email{font-size:.95rem}}
@media(max-width:650px){.site-header{align-items:flex-start;gap:1rem;padding-block:1.2rem;flex-direction:column}.brand img{width:220px;height:44px}nav{width:100%;gap:1.5rem}nav a{font-size:.875rem}nav a:last-child{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:2rem;gap:0}.hero .eyebrow{font-size:.75rem;margin-bottom:1.5rem}.hero .small-line{display:block}.hero h1{font-size:clamp(2.6rem,9.5vw,3.8rem)}.lead{font-size:1rem;max-width:360px}.hero-art{max-width:430px;justify-self:center;aspect-ratio:1.6;margin-block:1.5rem .5rem}.hero-foot{margin-top:1rem;font-size:.75rem;flex-wrap:wrap;padding-bottom:1.5rem}.hero-foot span:last-child{display:none}.section-heading{margin-bottom:2.2rem}.section-note{font-size:.75rem}.app,.contact{grid-template-columns:1fr;gap:2.5rem}.app h3{font-size:2.8rem}.app-description{font-size:1rem}.app-description br{display:none}.app-intro{font-size:1.05rem}.details{border-left:0;border-top:1px solid var(--line);padding:2rem 0 0}.contact-facts{grid-template-columns:1fr 1.3fr;gap:1rem}.contact-email{font-size:1rem}.footer-brand{gap:1rem;flex-wrap:wrap}.footer-brand img{width:95px}.footer-brand p{font-size:1.05rem}.footer-brand>a{width:100%;margin-left:0}.footer-meta{font-size:.75rem;flex-wrap:wrap;gap:.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* The static mark and movie share the original 1400 × 1120 composition. */
.hero-art{display:block;aspect-ratio:auto;align-self:center}
.intro-stage{position:relative;aspect-ratio:1.25;isolation:isolate}
.intro-stage .hero-mark{position:absolute;left:9.2857%;top:22.7679%;width:81.4286%;height:57.0536%;object-fit:contain}
.intro-stage #brand-intro{display:block;width:100%;height:100%;position:absolute;inset:0;visibility:hidden;overflow:hidden}
.intro-stage.vector-ready #brand-intro{visibility:visible}.intro-stage.vector-ready .hero-mark{visibility:hidden}
.app>* ,.contact>*{min-width:0}.contact-email{overflow-wrap:anywhere}.contact-facts{overflow-wrap:anywhere}
@media(max-width:650px){.hero-art{margin-block:1rem 0}.intro-stage{aspect-ratio:1.25}}
@media(max-width:350px){.hero h1{font-size:2.3rem}.hero .eyebrow{letter-spacing:.02em}.section-heading{align-items:flex-start;flex-direction:column}.contact-email{font-size:.9rem}.contact-facts{grid-template-columns:1fr}.hero .small-line{width:1rem}nav{gap:1rem}}
.app + .app{border-top:1px solid #3b3b3b;margin-top:clamp(3rem,7vw,6.5rem);padding-top:clamp(3rem,7vw,6.5rem)}
.app-art{width:100%;max-width:380px;margin-top:2.25rem}
@media(max-width:650px){.app-art{max-width:320px;margin-top:1.75rem}}
.app-intro strong{font-weight:600;color:#fff}
@media(max-width:650px){nav{gap:1rem}.button{max-width:100%;gap:1.2rem}}
@media(max-width:350px){nav{gap:.65rem}nav a{font-size:.8rem}nav span{margin-left:.25rem}}

.app-download{margin:0 0 1.8rem}.app-download .button{background:#fff;color:var(--ink);border-color:#fff}.app-download .button:hover{background:transparent;color:#fff}