:root{--paper:#f6f3ec;--ink:#171a20;--blue:#2454e6;--slate:#525866;--line:#d6d5d1;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}a:hover{color:var(--blue)}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}img{max-width:100%;height:auto}p{margin:0 0 24px;line-height:1.65}h1,h2,h3{letter-spacing:-.035em;margin:0;font-family:Avenir Next,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600}h1{font-size:clamp(44px,5.65vw,78px);line-height:1.06}h2{font-size:clamp(32px,3.7vw,48px);line-height:1.15}h3{font-size:26px;line-height:1.25}.wrap{max-width:1296px;margin-inline:auto;padding-inline:48px}.site-header{justify-content:space-between;align-items:center;gap:30px;min-height:124px;display:flex}.logo{padding:12px 0;display:flex}.logo img{width:240px;height:auto}.site-header nav{align-items:center;gap:32px;display:flex}.site-header nav a{white-space:nowrap;padding-block:14px;font-size:15px;font-weight:500;text-decoration:none}.site-header nav a:last-child{border-bottom:1px solid var(--ink)}.skip{position:absolute;top:-100px}.skip:focus{z-index:10;background:#fff;padding:12px;top:12px;left:12px}.hero{padding-top:75px;padding-bottom:100px}.eyebrow{letter-spacing:.04em;color:var(--slate);margin:0 0 28px;font-size:14px;font-weight:600}.hero h1{max-width:1020px}.hero h1 span{color:var(--blue)}.hero-bottom{grid-template-columns:1.3fr 1fr;align-items:center;gap:90px;margin-top:45px;display:grid}.intro{max-width:640px;font-size:23px;line-height:1.55}.support{color:var(--slate);max-width:640px;font-size:17px}.button{background:var(--blue);color:#fff;border-radius:6px;align-items:center;gap:28px;margin-top:12px;padding:18px 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--ink);color:#fff}.brand-signature{justify-content:center;align-items:center;display:flex}.brand-signature img{width:272px;height:272px}.work-section{border-top:3px solid var(--blue);background:#fff;padding-block:80px}.section-heading{grid-template-columns:1fr 1fr;gap:80px;margin-bottom:48px;display:grid}.work-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.work-intro{max-width:430px;font-size:22px}.work-list{border-top:1px solid var(--line)}.work-item{border-bottom:1px solid var(--line);padding:26px 0;text-decoration:none;display:block}.item-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.item-top>span{color:var(--blue);font-size:24px}.work-item p{color:var(--slate);margin:0;font-size:16px}.work-item .kogen-line{color:var(--ink);margin-bottom:16px;font-size:21px;line-height:1.45}.work-item .text-link{margin-top:24px;display:inline-block}.text-link{color:var(--blue);font-size:16px;font-weight:500;text-decoration:underline}.journal{padding-block:88px}.journal-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.archive-note{color:var(--slate);margin-top:24px;font-size:17px}.article-list{border-top:1px solid var(--line);margin-top:38px}.article-row{border-bottom:1px solid var(--line);grid-template-columns:165px 1fr 28px;align-items:start;gap:30px;padding:28px 0;text-decoration:none;display:grid}.article-row time{color:var(--slate);font-size:14px;line-height:1.8}.article-row h3,.article-row h2{letter-spacing:-.025em;font-size:23px;line-height:1.3}.article-row p{color:var(--slate);margin:10px 0 0;font-size:14px}.article-row>span{color:var(--blue);font-size:24px}.contact{border-top:1px solid var(--line);padding-top:64px;padding-bottom:72px}.contact h2{margin-bottom:20px}.contact p:not(.eyebrow){max-width:590px;font-size:18px}.contact>a{color:var(--blue);border-bottom:1px solid var(--blue);padding-bottom:8px;font-size:clamp(24px,3vw,36px);text-decoration:none;display:inline-block}.site-footer{border-top:1px solid var(--line);color:var(--slate);justify-content:space-between;align-items:center;gap:24px;padding-block:30px;font-size:14px;display:flex}.site-footer div{gap:24px;display:flex}.site-footer a{text-decoration:none}.footer-name{color:var(--ink);font-weight:600}.blog-index{padding-block:70px 100px}.blog-index h1{max-width:900px;margin-bottom:26px}.blog-index .article-list{margin-top:60px}.article{padding-top:55px;padding-bottom:60px}.article-heading{max-width:960px}.article-heading .eyebrow{margin-top:48px}.article-heading h1{font-size:clamp(38px,4.8vw,64px);line-height:1.12}.article-meta{color:var(--slate);flex-direction:column;gap:8px;margin:28px 0 40px;font-size:15px;display:flex}.article-hero{object-fit:contain;object-position:left;width:auto;max-width:900px;max-height:520px;margin:0 0 55px;display:block}.reading-grid{grid-template-columns:minmax(0,780px) minmax(180px,1fr);align-items:start;gap:64px;display:grid}.blog-post-body{overflow-wrap:anywhere;min-width:0;font-size:18px;line-height:1.8}.blog-post-body h1,.blog-post-body h2,.blog-post-body h3,.blog-post-body h4{margin:44px 0 20px;line-height:1.25}.blog-post-body h1,.blog-post-body h2{font-size:32px}.blog-post-body h3{font-size:25px}.blog-post-body a{color:var(--blue)}.blog-post-body img{height:auto;margin-block:25px;display:block;max-width:100%!important}.blog-post-body pre{color:#f8f8f2;overflow-wrap:normal;background:#272822;border-radius:6px;font-size:14px;line-height:1.65;overflow:auto;padding:24px!important}.blog-post-body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.blog-post-body :not(pre)>code{background:#e7e5df;border-radius:3px;padding:2px 5px;font-size:.87em}.blog-post-body li{margin-bottom:8px}.blog-post-body table{border-collapse:collapse;max-width:100%;font-size:16px;display:block;overflow:auto}.blog-post-body th,.blog-post-body td{border:1px solid var(--line);padding:12px}.blog-post-body blockquote{border-left:3px solid var(--blue);color:var(--slate);margin:30px 0;padding-left:24px}aside{border-top:2px solid var(--blue);padding-top:20px;font-size:14px;line-height:1.65;position:sticky;top:30px}summary{cursor:pointer;min-height:44px;font-size:16px;font-weight:600}.toc-list,.toc-list ul{padding:0;list-style:none}.toc-list ul{padding-left:12px}.toc-list li{margin-top:10px}.toc-list a{color:var(--slate);padding-block:4px;text-decoration:none;display:inline-block}.toc-list a:hover{color:var(--blue)}.article-end{border-top:1px solid var(--line);margin-top:60px;padding-top:32px}@media (width>=1500px){.hero{padding-top:95px}}@media (width<=900px){.wrap{padding-inline:32px}.site-header nav{gap:20px}.hero-bottom{grid-template-columns:1.5fr 1fr;gap:40px}.brand-signature img{width:210px;height:210px}.work-grid,.section-heading{gap:40px}.reading-grid{grid-template-columns:minmax(0,1fr)}aside{grid-row:1;position:static}.article-hero{max-width:100%}.toc-list{columns:2;column-gap:30px}.site-footer{flex-wrap:wrap}.article-row{grid-template-columns:130px 1fr 24px;gap:24px}}@media (width<=600px){.wrap{padding-inline:24px}.site-header{flex-wrap:wrap;gap:0;min-height:112px;padding-top:12px;padding-bottom:10px}.logo img{width:205px}.site-header nav{justify-content:space-between;gap:16px;width:100%}.site-header nav a{padding-block:10px;font-size:14px}.hero{padding-top:48px;padding-bottom:64px}.hero h1{font-size:46px}.eyebrow{margin-bottom:24px;font-size:14px}.hero-bottom{grid-template-columns:1fr;gap:36px;margin-top:30px}.brand-signature{justify-content:flex-end}.brand-signature img{width:136px;height:136px}.intro{font-size:21px}.support{font-size:16px}.button{gap:18px;padding:17px 20px}.work-section{padding-block:52px}.section-heading,.work-grid{grid-template-columns:1fr;gap:18px}.section-heading{margin-bottom:24px}.section-heading .eyebrow{margin-bottom:0}.work-intro{font-size:20px}.work-grid{gap:20px}.journal{padding-block:56px}.journal-heading{flex-direction:column;align-items:start}.article-row{grid-template-columns:1fr 24px;gap:10px;padding-block:24px}.article-row time,.article-row>div{grid-column:1}.article-row>span{grid-area:2/2}.article-row h3,.article-row h2{font-size:21px}.contact{padding-top:48px;padding-bottom:48px}.site-footer{flex-direction:column;align-items:start;gap:18px}.site-footer div a{padding:10px 0}.blog-index,.article{padding-top:45px}.blog-index h1{font-size:44px}.article-heading .eyebrow{margin-top:32px}.article-heading h1{font-size:38px}.toc-list{columns:1}.blog-post-body{font-size:17px}.reading-grid{gap:28px}.article-hero{margin-bottom:32px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
