*{box-sizing:border-box}html{background:#000;color:#f4f4ed;scroll-behavior:smooth}body{margin:0;font:18px/1.7 Georgia,serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:1px solid white;outline-offset:7px}header,main,footer{max-width:1400px;margin:auto;padding:30px 6vw}header,footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:28px;letter-spacing:-.04em}nav{display:flex;gap:25px;font:11px monospace}.hero{position:relative;min-height:730px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:0}.hero-copy{z-index:1}h1,h2,h3{font-weight:400;letter-spacing:-.045em;line-height:1.06}h1{font-size:clamp(54px,6.5vw,94px);margin:25px 0}h2{font-size:clamp(38px,4.3vw,64px)}h3{font-size:28px}em{color:#bebeb6}.eyebrow,.action,footer{font:11px/1.8 monospace;color:#b9b9ae}.eyebrow{text-transform:uppercase;letter-spacing:.08em}p{max-width:42ch;color:#bcbcb3}.art{position:relative;height:600px;width:115%;margin-left:-12%}.art img,.art canvas,.art video{position:absolute;width:100%;height:100%;object-fit:contain}.art canvas{opacity:0}.art.ready canvas{opacity:1}.art.ready img{display:none}.action{display:inline-block;color:#eee;padding:10px 0;margin-right:25px}section.copy{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:70px 0}.steps{padding:40px 0 80px}.step{display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;padding:35px 0;align-items:baseline}.step p{margin:0}.number{font:11px monospace;color:#999}details{color:#bcbcb3}summary{cursor:pointer;font:12px monospace;color:#eee}footer{padding-block:45px;font-size:10px}button{background:none;border:0;color:#ccc;font:10px monospace;cursor:pointer;position:fixed;bottom:20px;right:25px;z-index:5}.skip{position:absolute;top:-80px}.skip:focus{top:12px;z-index:8;background:black}.contact{padding:55px 0 80px}.contact a{font-size:24px} @media(max-width:700px){header,main,footer{padding-inline:24px}nav{gap:15px;font-size:10px}.brand{font-size:24px}.hero{display:flex;flex-direction:column;min-height:0;align-items:stretch;padding-top:30px}h1{font-size:54px}.art{height:360px;width:100%;margin:0}section.copy{display:block;padding:45px 0}.step{grid-template-columns:25px 1fr;gap:15px;padding:22px 0}.step p{grid-column:2}.steps{padding-bottom:35px}.contact a{font-size:20px}footer{flex-wrap:wrap} }@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}/* Kane: an inverse technical publication. */
html{background:#f2f2ee;color:#121212}body{font-family:Arial,Helvetica,sans-serif}header{border-bottom:1px solid #222;margin-inline:6vw;padding-inline:0}.brand{font:900 30px/1 monospace;text-transform:uppercase;letter-spacing:-.08em}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.065em}h1{font-size:clamp(55px,6vw,90px)}em{color:#686863;font-style:normal}p,.eyebrow,.action,details,summary,footer{color:#333}.hero{min-height:650px}.hero .art{display:none}.hero{grid-template-columns:1.3fr 1fr;gap:70px}.pipeline{font:12px/1.7 monospace;border-left:2px solid #111;padding-left:25px}.pipeline div{padding:24px 0;border-bottom:1px solid #bbb}.pipeline strong{display:block;font-size:23px;letter-spacing:-.04em}.pipeline span{display:block;color:#666}.step{border-top:1px solid #aaa}section.copy{border-top:1px solid #aaa}button{display:none}.contact{border-top:2px solid #111}@media(max-width:700px){.hero{display:block}.pipeline{margin:35px 0 50px}.hero h1{font-size:56px}header{margin-inline:24px}.brand{font-size:26px}}