:root{--fog:#f4f5f1;--paper:#fff;--fog-deep:#e7e9e3;--line:#dde1d9;--pine:#12160f;--pine-soft:#3b423a;--pine-mute:#667065;--pine-night:#0d1410;--leaf:#d8e9d3;--leaf-hi:#e7f1e3;--leaf-deep:#c1dab9;--green:#1f7a3d;--blue:#1f6fb0;--snow:#fff;--snow-soft:#ffffffd1;--snow-line:#ffffff57;--font-display:"SUSE", "Golos Text", system-ui, sans-serif;--font-body:"Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Ubuntu Sans Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--text-lg:clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--text-xl:clamp(1.6rem, 1.3rem + 1.2vw, 2.25rem);--text-2xl:clamp(2rem, 1.5rem + 2vw, 3.25rem);--text-hero:clamp(2.6rem, 1.6rem + 3.6vw, 5rem);--container:1200px;--prose:720px;--gutter:clamp(1rem, .5rem + 2.4vw, 3rem);--section:clamp(4rem, 3rem + 4vw, 7rem);--r-sm:10px;--r-md:18px;--r-lg:28px;--r-pill:999px;--shadow-card:0 1px 2px #1014120f, 0 18px 48px -18px #10141247;--shadow-lift:0 30px 70px -30px #10141273;--ease:cubic-bezier(.2, .7, .2, 1);--dur-fast:.16s;--dur:.32s;--z-header:50;--z-menu:60}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--fog);color:var(--pine-soft);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.65}img,svg,video{max-width:100%;display:block}img{height:auto}h1,h2,h3,h4{color:var(--pine);font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-weight:500;line-height:1.14}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}ul,ol{margin:0;padding:0}:focus-visible{outline:2px solid var(--pine);outline-offset:3px;border-radius:6px}.on-photo :focus-visible{outline-color:var(--snow)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container,.wrap{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.wrap{max-width:var(--prose)}.wrap-wide{max-width:var(--container)}.section{padding-block:var(--section)}.sr-only,.skip-link{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{clip:auto;z-index:100;background:var(--pine);width:auto;height:auto;color:var(--snow);border-radius:var(--r-pill);transition:top var(--dur-fast) var(--ease);margin:0;padding:.7rem 1.1rem;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.kicker,.label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--green);font-weight:500;display:inline-block}.kicker.blue{color:var(--blue)}.label{color:var(--pine-mute)}.btn{border-radius:var(--r-pill);min-height:48px;font-weight:500;font-size:var(--text-base);background:var(--pine);color:var(--snow);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.6rem;line-height:1;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:hover{background:#26302b}.btn-leaf{background:var(--leaf);color:var(--pine)}.btn-leaf:hover{background:var(--leaf-deep)}.btn-ghost{border-color:var(--line);color:var(--pine);background:0 0}.btn-ghost:hover{border-color:var(--pine);background:0 0}.btn-block{width:100%}.cta-orbit{align-items:center;font-weight:500;display:inline-flex}.cta-orbit__text{border-radius:var(--r-pill);background:var(--leaf);min-height:60px;color:var(--pine);font-size:var(--text-md);transition:background var(--dur-fast) var(--ease);align-items:center;padding:0 3.6rem 0 1.8rem;display:inline-flex}.cta-orbit__dot{background:var(--pine);width:60px;height:60px;color:var(--snow);box-shadow:0 0 0 5px var(--leaf-hi);transition:transform var(--dur) var(--ease);border-radius:50%;place-items:center;margin-left:-2.4rem;display:grid}.cta-orbit__dot svg{width:22px;height:22px}.cta-orbit:hover .cta-orbit__text{background:var(--leaf-deep)}.cta-orbit:hover .cta-orbit__dot{transform:rotate(45deg)}.link-arrow{color:var(--pine);white-space:nowrap;align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.link-arrow svg{width:18px;height:18px;transition:transform var(--dur) var(--ease)}.link-arrow:hover svg{transform:translate(3px,-3px)}.header{z-index:var(--z-header);color:var(--snow);transition:background var(--dur) var(--ease), padding var(--dur) var(--ease), box-shadow var(--dur) var(--ease), color var(--dur) var(--ease);padding-block:1.3rem;position:absolute;inset:0 0 auto}.header[data-header=photo]{position:fixed}.header[data-header=photo]:before{content:"";z-index:-1;pointer-events:none;transition:opacity var(--dur) var(--ease);background:linear-gradient(#060a088c,#060a0800);position:absolute;inset:0 0 -40px}.header[data-header=photo].is-scrolled:before{opacity:0}.header[data-header=photo].is-scrolled,.header[data-header=solid]{backdrop-filter:blur(14px);color:var(--pine);box-shadow:0 1px 0 var(--fog-deep);background:#f4f5f1eb}.header[data-header=photo].is-scrolled{padding-block:.75rem}.header[data-header=solid]{position:sticky;top:0}.header__inner{align-items:center;gap:2rem;display:flex;position:relative}.brand{align-items:center;gap:.55rem;margin-right:auto;display:inline-flex}.brand__mark{flex:none;width:30px;height:30px}.brand__word{font-family:var(--font-display);letter-spacing:-.035em;color:inherit;font-size:1.5rem;font-weight:600;line-height:1}.nav{align-items:center;gap:clamp(1.25rem,2.6vw,2.6rem);display:flex}.nav a{font-size:var(--text-md);padding-block:.4rem;position:relative}.nav a:after{content:"";transform-origin:0;height:1px;transition:transform var(--dur) var(--ease);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav a:hover:after,.nav a[aria-current=page]:after{transform:scaleX(1)}.nav__cta-mobile{display:none}.burger{z-index:calc(var(--z-menu) + 1);width:46px;height:46px;color:inherit;background:0 0;border:1px solid;border-radius:50%;display:none;position:relative}.burger span{height:1.5px;transition:transform var(--dur) var(--ease), top var(--dur) var(--ease);background:currentColor;position:absolute;left:13px;right:13px}.burger span:first-child{top:18px}.burger span:last-child{top:26px}.menu-open .burger{color:var(--pine)}.menu-open .burger span:first-child{top:22px;transform:rotate(45deg)}.menu-open .burger span:last-child{top:22px;transform:rotate(-45deg)}@media (width<=960px){.burger{display:inline-block}.brand{margin-right:0}.nav{z-index:var(--z-menu);padding:6rem var(--gutter) 3rem;background:var(--fog);color:var(--pine);visibility:hidden;opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease), visibility 0s var(--dur);flex-direction:column;justify-content:center;align-items:flex-start;gap:.4rem;position:fixed;inset:0;transform:translateY(-12px)}.menu-open .nav{visibility:visible;opacity:1;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease), visibility 0s 0s;transform:none}.menu-open{overflow:hidden}.menu-open .brand{z-index:calc(var(--z-menu) + 1);color:var(--pine);position:relative}.nav a{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2rem,8vw,3rem);line-height:1.25}.nav a:after{display:none}.nav .nav__cta-mobile{font-family:var(--font-body);font-size:var(--text-base);background:var(--pine);color:var(--snow);border-radius:var(--r-pill);margin-top:1.4rem;padding:.9rem 1.6rem;display:inline-flex}}.hero{isolation:isolate;min-height:min(88vh,760px);color:var(--snow);align-items:flex-end;padding-block:8rem clamp(3rem,2rem + 4vw,5.5rem);display:flex;position:relative;overflow:hidden}.hero__img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";z-index:-1;background:linear-gradient(#080c0a26 0%,#080c0a59 55%,#080c0acc 100%);position:absolute;inset:0}.hero__copy{gap:1.3rem;max-width:44ch;display:grid}.hero__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--snow-soft);align-items:center;gap:.55rem;display:inline-flex}.hero__dot{background:var(--leaf);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #d8e9d347}.hero__title{color:var(--snow);font-size:var(--text-hero);letter-spacing:-.03em}.hero__sub{color:var(--snow-soft);font-size:var(--text-md);max-width:50ch}.shead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem 3rem;margin-bottom:clamp(2rem,4vw,3rem);display:flex}.shead__title{gap:.8rem;display:grid}.shead h2{font-size:var(--text-2xl);max-width:22ch}.tool-banner{background:var(--pine-night);color:var(--snow);border-radius:var(--r-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-top:clamp(2rem,4vw,3.5rem);padding:clamp(1.6rem,1rem + 2vw,2.6rem);display:flex;overflow:hidden}.tool-banner .label{color:var(--leaf)}.tool-banner h2{color:var(--snow);font-size:var(--text-xl);margin-top:.5rem}.tool-banner p{color:var(--snow-soft);max-width:52ch;margin-top:.5rem}.tool-banner__body{gap:.1rem;min-width:0;display:grid}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.75rem);margin-top:clamp(1.5rem,3vw,2.5rem);display:grid}@media (width<=1024px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.card-grid{grid-template-columns:minmax(0,1fr)}}.card{background:var(--paper);border-radius:var(--r-lg);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.card-cover{border-radius:var(--r-md);aspect-ratio:16/10;margin:.6rem .6rem 0;overflow:hidden}.card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease)}.card:hover .card-cover img{transform:scale(1.05)}.card-body{flex:1;gap:.55rem;padding:1.1rem 1.35rem 1.4rem;display:grid}.card-body h3{font-size:var(--text-lg);line-height:1.2}.card-body h3 a{color:inherit}.card-body h3 a:after{content:"";z-index:1;position:absolute;inset:0}.card-body p{font-size:var(--text-sm);color:var(--pine-mute)}.cover{background:var(--fog-deep);position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;display:block}.phead{padding-block:clamp(7rem,5rem + 6vw,9rem) clamp(1.5rem,1rem + 2vw,2.5rem)}.phead .label{margin-bottom:1rem}.phead h1{font-size:var(--text-hero);max-width:18ch}.phead .lead{max-width:56ch;font-size:var(--text-md);color:var(--pine-mute);margin-top:1.1rem}.article-head{text-align:center;padding-block:clamp(7rem,5rem + 6vw,9rem) 1.5rem}.article-head .kicker{margin-bottom:1rem}.article-head h1{font-size:var(--text-2xl);max-width:20ch;margin-inline:auto}.article-head .lead{margin-top:1.1rem;max-width:54ch;font-size:var(--text-md);color:var(--pine-mute);margin-inline:auto}.article-head .meta{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--pine-mute);justify-content:center;align-items:center;gap:.5rem;margin-top:1.2rem;display:flex}.article-head .meta .sep{opacity:.5}.article-cover{max-width:var(--container);padding-inline:var(--gutter);margin:1.5rem auto 0}.article-cover .cover{border-radius:var(--r-lg);aspect-ratio:16/8}.prose{font-size:var(--text-md);color:var(--pine-soft);margin-top:clamp(2rem,4vw,3rem)}.prose>*+*{margin-top:1.3rem}.prose h2{font-size:var(--text-xl);margin-top:2.6rem}.prose h3{font-size:var(--text-lg);margin-top:2rem}.prose p{line-height:1.75}.prose a{color:var(--green);text-underline-offset:3px;text-decoration:underline 1px;text-decoration-color:var(--leaf-deep)}.prose a:hover{text-decoration-color:var(--green)}.prose strong{color:var(--pine);font-weight:600}.prose ul,.prose ol{gap:.5rem;padding-left:1.3rem;display:grid}.prose li{line-height:1.65}.prose>p:first-of-type:first-letter{float:left;font-family:var(--font-display);color:var(--pine);padding:.35rem .6rem 0 0;font-size:3.4rem;font-weight:600;line-height:.8}.prose table{border-collapse:collapse;width:100%;font-size:var(--text-sm);background:var(--paper);border-radius:var(--r-md);box-shadow:0 0 0 1px var(--fog-deep);overflow:hidden}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--fog-deep);padding:.7rem .9rem}.prose th{background:var(--leaf-hi);color:var(--pine);font-weight:600}.prose tr:last-child td{border-bottom:0}.prose .callout{background:var(--leaf-hi);border:1px solid var(--leaf);border-radius:var(--r-md);color:var(--pine-soft);padding:1.2rem 1.4rem}.prose .callout strong{color:var(--green)}.prose em{font-style:italic}.field{gap:.5rem;display:grid}.field__label{font-size:var(--text-sm);color:var(--pine);font-weight:500}.input{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-pill);width:100%;min-height:50px;color:var(--pine);font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);align-items:center;gap:.65rem;padding:0 1.1rem;display:flex}.input input,.input select{-webkit-appearance:none;appearance:none;background:0 0;border:0;outline:none;flex:1;min-width:0;height:48px}.input:focus-within{border-color:var(--pine);box-shadow:0 0 0 3px var(--leaf)}textarea.input,.input textarea{border-radius:var(--r-md);resize:vertical;min-height:140px;padding:1rem 1.2rem}.form-note{font-size:var(--text-sm);color:var(--pine-soft);min-height:1.4em}.is-invalid{border-color:#b3261e!important;box-shadow:0 0 0 3px #b3261e1f!important}.site-footer{background:var(--pine-night);color:#ffffffb8;margin-top:var(--section);padding-top:clamp(3.5rem,3rem + 3vw,5.5rem);overflow:hidden}.site-footer a:hover{color:var(--snow)}.footer-inner{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.footer-top{border-bottom:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-bottom:2.5rem;display:flex}.footer-top .brand__word{color:var(--snow)}.foot-links{flex-wrap:wrap;gap:1.4rem;display:flex}.foot-links a{text-decoration:none}.footer__word{text-align:center;font-family:var(--font-display);font-weight:600;line-height:1;font-size:calc((min(100vw, var(--container)) - 2 * var(--gutter)) / 6.5);letter-spacing:-.04em;color:#17211c;user-select:none;margin:1.5rem 0 .3rem}.disclosure{font-size:var(--text-sm);color:#fff9;border-top:1px solid #ffffff1f;padding-block:1.5rem}.js-reveal [data-reveal]{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(24px)}.js-reveal [data-reveal].is-in{opacity:1;transform:none}
