/* Official monochrome logo, on a calm paper canvas. */
:root{color-scheme:light dark;--paper:#f5f3ed;--ink:#242923;--muted:#62675f;--line:#d8dcd0;--dot:#bac3b0;--accent:#537839;--logo:#000}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.shell{max-width:1480px;min-height:100svh;margin:auto;padding:42px 6vw 24px;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:7px}header{display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:block;width:158px;flex:none}.wordmark img{display:block;width:100%;height:auto}.status{font:11px ui-monospace,monospace;text-transform:uppercase;letter-spacing:1.1px;display:flex;align-items:center;gap:9px}.status>span{height:7px;width:7px;border-radius:50%;background:var(--accent);flex:none}main{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;padding:90px 0 100px}main>*{min-width:0}.eyebrow{font:11px/1.6 ui-monospace,monospace;letter-spacing:1.6px;text-transform:uppercase;margin:0 0 28px}h1{font-size:clamp(58px,6.5vw,96px);font-weight:500;line-height:1.02;letter-spacing:-5px;margin:0 0 30px}h1 span{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-4px}.description{max-width:415px;font-size:17px;line-height:1.8;color:var(--muted)}.coming{display:flex;align-items:flex-start;gap:16px;margin:30px 0 24px}.coming p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.coming strong{color:var(--ink);font-weight:600}.line{width:28px;height:1px;background:var(--accent);margin-top:11px}.contact{display:inline-flex;gap:30px;align-items:center;font-size:13px;font-weight:600;border-bottom:1px solid var(--ink);padding:8px 0}.contact:hover{color:var(--accent)}.art{width:100%;max-width:560px;margin:auto}.art-label,.art-footer{display:flex;justify-content:space-between;gap:12px;font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.art-label{padding-bottom:16px}.art-footer{padding-top:17px}.brand-board{width:100%;min-width:0;min-height:380px;aspect-ratio:1.16;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(32px,4vw,58px);border:1px solid var(--line);border-radius:3px;background-image:radial-gradient(var(--dot) .7px,transparent .7px);background-size:17px 17px}.brand-board p{font:12px/1.7 ui-monospace,monospace;text-align:center;margin:34px 0 0;color:var(--muted)}.kanvas-logo{color:var(--logo);width:100%}.kanvas-logo svg{display:block;width:100%;height:auto;overflow:visible}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{display:block;width:22px;height:25px}footer a{color:var(--ink)}
@media(prefers-color-scheme:dark){:root{--paper:#191c19;--ink:#f3f3ed;--muted:#bdc4b7;--line:#3a4337;--dot:#45503f;--accent:#b2d495;--logo:#fff}}
@media(min-width:1450px){.shell{padding-left:80px;padding-right:80px}}
@media(max-width:850px){.shell{padding:25px 7vw 22px}main{grid-template-columns:1fr;gap:58px;padding:65px 0}.intro{max-width:560px}h1{font-size:76px}.description{max-width:440px}.art{max-width:500px}.brand-board{min-height:300px;aspect-ratio:1.3;padding:42px}footer>span:nth-child(2){display:none}}
@media(max-width:420px){h1{font-size:61px;letter-spacing:-3.5px}.wordmark{width:138px}.status{font-size:9px;letter-spacing:.4px}.description{font-size:16px}.brand-board{min-height:245px;padding:32px}.brand-board p{font-size:10px;margin-top:26px}.art-footer,.art-label{font-size:8px;letter-spacing:.5px}}
@media(max-width:350px){.wordmark{width:120px}header{gap:15px}.status{font-size:8px}h1{font-size:54px}.brand-board{padding:25px}}

/* Supplied reveal sequence, expressed in CSS: final markup stays visible without JS. */
@media(prefers-reduced-motion:no-preference){
  .kv-ra{animation:logo-reveal .7s cubic-bezier(.65,0,.35,1) .05s both}
  .kv-rb{animation:logo-reveal .7s cubic-bezier(.65,0,.35,1) .32s both}
  .kv-name{animation:logo-name .35s linear .85s both}
}
@keyframes logo-reveal{from{width:0}to{width:380px}}
@keyframes logo-name{from{opacity:0}to{opacity:1}}