/* Hallmark · shape: Product folio · genre: editorial · theme: brand · brand: Kaasi (spec 2026-11-03) · hero: Ledge · nav: masthead · footer: colophon · signature: real dashboard at reading scale · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E3 S4 R4 V4 · weakest: E, preserve readable product scale rather than shrinking it into a mock browser */
/* Hallmark · hero-review: in-thread, mobile heading wrap fixed · finish-review: in-thread, disclosure visibility fixed · sweep: 0 FAIL, 0 WARN, 4 measure findings waived */
/* Hallmark · waive 22 · neutral charcoal found in original style.css · preserve the requested brand palette */
@import url('./tokens.css');
@import url('./base.css');
/* Hallmark · waive 25 · one-sentence leads use the documented 28ch exception · body prose stays at 65–70ch */
@font-face{font-family:Satoshi;src:url('./fonts/Satoshi-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('./fonts/Satoshi-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Satoshi;src:url('./fonts/Satoshi-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--color-paper:#121212;--color-paper-2:#1e1e1e;--color-paper-3:#2c2c2c;--color-ink:#e0e0e0;--color-muted:#a0a0a0;--color-accent:#e67e26;--color-accent-hover:#d35400;--color-line:#3a3a3a;--color-focus:#e67e26;--font-display:'Instrument Serif',Georgia,serif;--font-body:'Satoshi',Arial,sans-serif;--space-0:0px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:128px;--gutter:48px;--container:1344px;--radius:8px;--duration:220ms;color-scheme:dark}
html,body{overflow-x:clip}body{font-family:var(--font-body);background:var(--color-paper);color:var(--color-ink);margin:var(--space-0);font-synthesis:none}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,summary{font:inherit}button,summary{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:var(--space-0)}h1,h2,h3{min-width:0;overflow-wrap:break-word}h1,h2{font-family:var(--font-display);font-weight:400;line-height:1;letter-spacing:-.025em}h1{font-size:clamp(72px,8.8vw,128px)}h2{font-size:clamp(44px,5vw,72px)}h3{font-size:24px;line-height:1.25;font-weight:500}p{line-height:1.65;color:var(--color-muted);max-width:65ch}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:5px}.container{max-width:var(--container);width:calc(100% - var(--gutter)*2);margin-inline:auto;padding-inline:var(--space-0)}.mast{height:96px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);border-bottom:1px solid var(--color-line)}.mast nav{display:flex;gap:var(--space-xl);font-size:14px}.mast a:hover{color:var(--color-accent)}.launch{font-size:14px;border-bottom:1px solid var(--color-accent);padding-block:var(--space-xs)}.opening{padding-top:var(--space-2xl);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--space-2xl)}.opening-copy{align-self:end;justify-self:end;max-width:32ch;padding-bottom:var(--space-sm)}.opening-copy p{font-size:18px;margin-bottom:var(--space-lg)}.primary{display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-paper);border:0;border-radius:var(--radius);padding:var(--space-md) var(--space-lg);font-weight:700;font-size:16px;transition:background-color var(--duration),transform var(--duration)}.primary:hover{background:var(--color-accent-hover)}.primary:active{transform:translateY(2px)}.product{grid-column:1/-1;margin-top:var(--space-2xl);height:350px;overflow:clip;border-radius:var(--radius);background:var(--color-paper-2)}.product img{width:100%;height:auto;object-position:top}.product-caption{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:var(--space-md);font-size:14px;color:var(--color-muted)}footer{margin-top:var(--space-5xl);border-top:1px solid var(--color-line);padding-block:var(--space-2xl)}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-top:var(--space-2xl);font-size:14px;color:var(--color-muted)}.footer-links span{margin-right:auto}.skip{position:fixed;transform:translateY(-200%);padding:var(--space-md);background:var(--color-paper-2);z-index:10}.skip:focus{transform:none}
@media(max-width:700px){:root{--gutter:24px}.mast{height:auto;min-height:80px;flex-wrap:wrap;padding-block:var(--space-md);gap:var(--space-md)}.mast nav{order:3;width:100%;justify-content:space-between;gap:var(--space-sm)}.opening{grid-template-columns:minmax(0,1fr);padding-top:var(--space-xl)}h1{font-size:72px}.opening-copy{justify-self:start;margin-top:var(--space-lg);max-width:30ch}.product{margin-top:var(--space-xl);height:300px}.product img{width:auto;max-width:none;height:100%}.product-caption{flex-direction:column;gap:var(--space-xs)}.footer-main{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
details:not([open])>p{display:none}.explorer-view:not([hidden]){animation:screen-in var(--duration) ease-out}@keyframes screen-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.section-head p{max-width:30ch}.explore,.stories{padding-block:var(--space-5xl)}.explorer-links{display:flex;gap:var(--space-xl);border-bottom:1px solid var(--color-line);margin-bottom:var(--space-xl)}.explorer-links a{padding-block:var(--space-md);border-bottom:2px solid transparent;font-size:16px}.explorer-links a[aria-current=true]{border-color:var(--color-accent)}.explorer-view{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.explorer-view img{width:100%;height:480px;object-fit:contain;object-position:left;background:var(--color-paper-2);border-radius:var(--radius)}.explorer-view p{font-size:16px}.toolkit{background:var(--color-paper-2);padding-block:var(--space-4xl)}.toolkit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl)}details{border-bottom:1px solid var(--color-line)}summary{list-style:none;display:flex;justify-content:space-between;gap:var(--space-lg);padding-block:var(--space-lg);font-size:20px;line-height:1.4}summary::-webkit-details-marker{display:none}summary span{color:var(--color-accent)}details[open] summary span{transform:rotate(45deg)}details p{padding-bottom:var(--space-lg);font-size:16px}a:not(.primary):hover{color:var(--color-accent)}.ownership,.maker,.support{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl);padding-block:var(--space-5xl)}.ownership>div,.maker>div{align-self:center}.ownership p+p{margin-top:var(--space-lg)}.ownership a,.maker a,.support>div>a{display:inline-block;margin-top:var(--space-lg);border-bottom:1px solid var(--color-line);padding-bottom:var(--space-xs)}.future{background:var(--color-paper-2);padding-block:var(--space-4xl)}.future-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl)}.future h3{font-family:var(--font-body);font-size:16px;margin-bottom:var(--space-lg);color:var(--color-muted)}.future summary{font-size:20px}.small-note{font-size:14px;margin-top:var(--space-xl)}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2xl)}.article-grid img{width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:var(--radius);margin-bottom:var(--space-lg)}.article-grid h3,.article-grid h2{font-family:var(--font-body);font-size:22px;line-height:1.35;font-weight:500;letter-spacing:0}.article-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);font-size:14px;color:var(--color-muted);margin-bottom:var(--space-md)}.maker{border-block:1px solid var(--color-line)}.signature{display:flex;gap:var(--space-md);align-items:center;margin-top:var(--space-xl);font-size:14px}.support{padding-bottom:var(--space-0)}.support h2{font-size:56px}.support p{margin-top:var(--space-lg)}.journal,.reading{padding-top:var(--space-3xl)}.journal-head{display:flex;justify-content:space-between;align-items:end;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.journal h1{font-size:100px}.journal-head>p{max-width:28ch}.search{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--color-line);padding-block:var(--space-lg);margin-bottom:var(--space-lg)}input{background:var(--color-paper-2);color:var(--color-ink);border:1px solid var(--color-muted);padding:var(--space-md);border-radius:var(--radius);width:min(100%,400px)}#article-count{margin-bottom:var(--space-xl)}.journal .article-grid{row-gap:var(--space-3xl)}.reading header{max-width:1000px}.reading h1{font-size:clamp(44px,5vw,76px);margin-block:var(--space-xl)}.deck{font-size:20px;margin-bottom:var(--space-xl);max-width:65ch}.cover{width:100%;max-height:600px;object-fit:cover;border-radius:var(--radius);margin-block:var(--space-2xl)}.reading-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--space-2xl)}.reading aside nav{display:flex;flex-direction:column;gap:var(--space-md);font-size:14px;color:var(--color-muted);position:sticky;top:var(--space-lg)}.prose{max-width:70ch;font-size:18px;color:var(--color-ink);line-height:1.8;overflow-wrap:break-word}.prose p,.prose ul,.prose ol,.prose figure{margin-block:var(--space-0) var(--space-lg);color:inherit;line-height:1.8}.prose h2{font-size:40px;margin-block:var(--space-2xl) var(--space-lg)}.prose h3{font-family:var(--font-body);font-size:25px;margin-block:var(--space-xl) var(--space-md)}.prose a{color:var(--color-accent);text-decoration:underline}.prose img{max-width:100%;height:auto;border-radius:var(--radius);margin-block:var(--space-lg)}.prose table{display:block;max-width:100%;overflow:auto}.prose td,.prose th{padding:var(--space-md);border-bottom:1px solid var(--color-line)}.prose blockquote{border-left:2px solid var(--color-accent);padding-left:var(--space-lg);margin-inline:var(--space-0);font-family:var(--font-display);font-size:28px}.prose .callout{background:var(--color-paper-2);padding:var(--space-lg);border-radius:var(--radius)}.article-end{display:flex;justify-content:space-between;border-top:1px solid var(--color-line);margin-top:var(--space-2xl);padding-top:var(--space-xl)}.related{margin-top:var(--space-4xl)}.related h2{margin-bottom:var(--space-2xl)}.policy{max-width:850px}.policy-note{margin-top:var(--space-2xl);padding:var(--space-lg);background:var(--color-paper-2)}
@media(max-width:700px){.opening h1{font-size:58px}.section-head,.journal-head{align-items:flex-start;flex-direction:column;gap:var(--space-lg)}.explore,.stories,.ownership,.maker,.support{padding-block:var(--space-3xl)}.toolkit,.future{padding-block:var(--space-3xl)}.toolkit-grid,.ownership,.maker,.support,.future-columns{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.explorer-links{gap:var(--space-md);flex-wrap:wrap}.explorer-links a{font-size:14px}.explorer-view img{height:300px}.article-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-2xl)}.support h2{font-size:44px}.journal h1{font-size:72px}.search{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.reading-grid{grid-template-columns:minmax(0,1fr)}.reading aside{border-block:1px solid var(--color-line);padding-block:var(--space-lg)}.prose{font-size:17px}.prose h2{font-size:34px}.cover{margin-block:var(--space-xl)}.journal,.reading{padding-top:var(--space-xl)}}
.skip{top:var(--space-0);left:var(--space-0)}
.skip:not(:focus){visibility:hidden}.skip:focus{visibility:visible}