@font-face{font-family:Archivo;src:url(../fonts/Archivo-Variable-latin.woff2) format("woff2-variations");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2122,u+2191,u+2193,u+2212,u+feff,u+fffd}@font-face{font-family:Archivo;src:url(../fonts/Archivo-Variable-latin-ext.woff2) format("woff2-variations");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+1e00-1e9f,u+1ef2-1eff,u+20a0-20ab,u+20ad-20c0,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Halant;src:url(../fonts/Halant-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Halant;src:url(../fonts/Halant-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg:#0b0b0c;--bg2:#141416;--bg3:#1b1b1e;--fg:#f2f0ea;--fg2:#a5a199;--fg3:#86837a;--hairline:hsla(0,0%,100%,.09);--hairline-strong:hsla(0,0%,100%,.16);--accent:#c2683f;--accent-fg:#15100c;--accent-text:#de8759;--code-bg:#000;--font:"Archivo",ui-sans-serif,sans-serif;--fontmono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--fontd:"Halant","Archivo",serif;--ease:cubic-bezier(.2,.7,.2,1);--head-h:76px;--text-xs:.875rem;--text-sm:1rem;--text-body:1.125rem;--text-lead:clamp(1.25rem,.5vw + 1.05rem,1.5rem);--text-h3:1.5rem;--text-h2:clamp(2.25rem,2.6vw + 1.35rem,3.625rem);--text-h1:clamp(3rem,3.8vw + 1.6rem,5.75rem);--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:64px;--space-2xl:96px;--space-3xl:140px;--gutter:clamp(24px,5vw,80px);--measure:1300px;--focus:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;touch-action:manipulation}body{font-family:var(--font);font-weight:400;font-size:var(--text-body);line-height:1.6;font-kerning:normal;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;scrollbar-color:var(--fg3) transparent}body:before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' type='fractalNoise'/%3E%3C/filter%3E%3Cpath d='M0 0h160v160H0z' filter='url(%23a)'/%3E%3C/svg%3E")}::-moz-selection{background:var(--accent);color:var(--accent-fg)}::selection{background:var(--accent);color:var(--accent-fg)}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:4px}.skip-link{position:absolute;top:-999px;left:16px;padding:8px 16px;background:var(--accent);color:var(--accent-fg);font-weight:700;font-size:var(--text-sm);border-radius:8px;text-decoration:none;z-index:9999}.skip-link:focus{top:8px}.logo-icon{width:26px;height:14.7px;flex-shrink:0;background-color:var(--fg);-webkit-mask:url(../logos/canon-mark-currentcolor.svg) no-repeat center/contain;mask:url(../logos/canon-mark-currentcolor.svg) no-repeat center/contain}.logo-word{font-family:var(--fontd);font-weight:700;font-size:1.375rem;letter-spacing:-.01em;color:var(--fg)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none}.wrap{max-width:var(--measure);margin:0 auto;padding-inline:var(--gutter)}.h1{font-size:var(--text-h1);line-height:1.02;letter-spacing:-.025em}.h1,.h2{font-family:var(--fontd);font-weight:700;text-wrap:balance}.h2{font-size:var(--text-h2);line-height:1.08;letter-spacing:-.02em}.h3{font-family:var(--fontd);font-weight:700;font-size:var(--text-h3);line-height:1.2;letter-spacing:-.01em}.lead{font-size:var(--text-lead);line-height:1.6;max-width:58ch}.body,.lead{color:var(--fg2);text-wrap:pretty}.body{font-size:var(--text-body);line-height:1.7;max-width:68ch}.body+.body{margin-top:16px}.btn-accent,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;padding:15px 26px;border-radius:8px;text-decoration:none;white-space:nowrap;transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}.btn-accent{background:var(--accent);color:var(--accent-fg);border:1px solid var(--accent)}.btn-accent:hover{background:var(--accent-text);border-color:var(--accent-text)}.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--hairline-strong)}.btn-ghost:hover{border-color:var(--fg2)}.site-head{position:sticky;top:0;z-index:60;background:var(--bg);border-bottom:1px solid var(--hairline)}.site-head-inner{max-width:var(--measure);margin:0 auto;padding-inline:var(--gutter);height:var(--head-h);justify-content:space-between;gap:24px}.site-head-inner,.site-nav{display:flex;align-items:center}.site-nav{gap:28px}.site-nav-link{font-size:var(--text-sm);font-weight:500;color:var(--fg2);text-decoration:none;transition:color .18s var(--ease)}.site-nav-link.router-link-active,.site-nav-link:hover{color:var(--fg)}.site-nav-icon{display:flex;width:18px;height:18px;color:var(--fg2);transition:color .18s var(--ease)}.site-nav-icon svg{width:100%;height:100%}.site-nav-icon:hover{color:var(--fg)}.site-nav .btn-accent{padding:9px 16px}.nav-ham{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;margin-right:-10px;background:transparent;border:none;cursor:pointer;color:var(--fg2)}.nav-ham span{display:block;height:2px;background:currentColor;border-radius:2px;transition:transform .22s var(--ease),opacity .22s var(--ease);transform-origin:center}.nav-ham.open span:first-child{transform:translateY(7px) rotate(45deg)}.nav-ham.open span:nth-child(2){opacity:0}.nav-ham.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.ftr{border-top:1px solid var(--hairline);margin-top:var(--space-2xl)}.ftr-inner{max-width:var(--measure);margin:0 auto;padding:34px var(--gutter) 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.ftr-meta{font-size:var(--text-xs);color:var(--fg3);letter-spacing:.02em;margin-top:8px}.ftr-links{display:flex;align-items:center;gap:24px}.ftr-a{font-size:var(--text-sm);color:var(--fg2);text-decoration:none;transition:color .18s var(--ease)}.ftr-a:hover{color:var(--fg)}.reveal{transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.pre{opacity:0;transform:translateY(10px);pointer-events:none}.reveal.in{opacity:1;transform:none;pointer-events:auto}@media(max-width:860px){.nav-ham{display:flex}.site-nav{position:absolute;top:var(--head-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;padding:18px var(--gutter) 26px;background:var(--bg);border-bottom:1px solid var(--hairline);transform:translateY(-8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s}.site-nav.open{transform:none;opacity:1;visibility:visible;pointer-events:auto}.site-nav-link{font-size:1.125rem;padding:12px 0}.site-nav-icon{padding:13px 0;height:auto;box-sizing:content-box}.site-nav .btn-accent{margin-top:10px}.ftr-inner{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.reveal{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}html{scroll-behavior:auto}}