.blog-page{background:#101010;color:#f2f1eb;min-height:100vh;overflow:clip}.blog-container{width:calc(100% - 100px);max-width:1280px;margin-inline:auto}.blog-nav{display:flex;justify-content:space-between;align-items:center;padding-block:35px;border-bottom:1px solid #333;font-size:15px}.blog-nav>a{font-size:22px;font-weight:600}.blog-nav>div{display:flex;gap:30px}.blog-page a{color:inherit;text-decoration:none}.blog-page a:focus-visible,.blog-page button:focus-visible{outline:2px solid currentColor;outline-offset:6px}.blog-eyebrow{font:11px var(--font-dm-sans),sans-serif;letter-spacing:1.8px;line-height:1.6;text-transform:uppercase}.blog-header{padding:110px 0 70px}.blog-header h1{font-size:clamp(65px,8vw,115px);line-height:1.04;letter-spacing:-.055em;font-weight:500;margin:25px 0 40px}.blog-header em{font-family:var(--font-gilroy),Arial,sans-serif;font-weight:400}.blog-header>div{display:flex;justify-content:space-between;align-items:end;gap:30px}.blog-header p:not(.blog-eyebrow){color:#aaa;font-size:19px;line-height:1.6;margin:0}.blog-header>div>span{font:10px monospace;color:#777;letter-spacing:1px}.blog-filters{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #333;padding:28px 0 40px}.blog-filters button{background:transparent;color:#aaa;border:1px solid #383838;border-radius:30px;padding:11px 19px;font:14px var(--font-gilroy),sans-serif;cursor:pointer;transition:background .2s,color .2s}.blog-filters button[aria-selected=true]{background:#eee;color:#111;border-color:#eee}.blog-filters sup{font-size:9px;margin-left:10px}.blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 32px}.blog-card{display:block}.blog-art{height:310px;background:#e7e6df;color:#191919;position:relative;overflow:hidden;display:grid;place-items:center}.blog-art>span{position:absolute;top:22px;left:25px;font:11px monospace}.blog-art pre{font:32px/1.6 monospace;letter-spacing:5px;transition:transform .6s}.blog-card:hover .blog-art pre{transform:scale(1.08) rotate(-3deg)}.art-02{background:#272727;color:#ddd}.art-03{background:#b8b8ae}.art-04{background:#1c1c1c;color:#dadad0}.art-04 pre{font-size:44px;line-height:1.1}.blog-card-meta{display:flex;justify-content:space-between;font-size:12px;color:#999;margin:24px 0 15px}.blog-card h2{font-size:38px;line-height:1.1;letter-spacing:-1.4px;font-weight:500;margin:0 0 12px}.blog-card>p{color:#aaa;font-size:17px;line-height:1.6;max-width:450px;margin:0}.blog-card-foot{display:flex;justify-content:space-between;margin-top:25px;padding-top:18px;border-top:1px solid #303030;font-size:12px;color:#999}.blog-card-foot span:last-child{color:#eee}.blog-footer{margin-top:110px;padding:70px 0 110px;border-top:1px solid #333}.blog-footer h2{font-size:clamp(40px,5vw,68px);line-height:1.1;letter-spacing:-2px;font-weight:500;margin:0 0 30px}.blog-footer>a{display:inline-block;border-bottom:1px solid #777;padding-bottom:12px;font-size:20px}.blog-footer>div{display:flex;justify-content:space-between;gap:20px;margin-top:70px;font-size:12px;color:#888}.article-header{padding:65px 0 75px;max-width:1060px}.blog-back{font-size:13px;color:#aaa!important;display:inline-block;margin-bottom:55px}.article-header h1{font-size:clamp(54px,7vw,100px);line-height:1.03;letter-spacing:-.055em;font-weight:500;margin:22px 0 25px;max-width:950px}.article-deck{font-size:25px;line-height:1.5;max-width:750px;color:#aaa}.article-byline{display:flex;gap:16px;align-items:center;margin-top:40px;font-size:13px}.author-monogram{display:grid;place-items:center;width:42px;height:42px;background:#eee;color:#111;border-radius:50%;font-size:12px}.article-byline>div{display:flex;flex-direction:column;gap:4px}.article-byline>div>span{color:#888;font-size:11px}.article-byline>span:last-child{margin-left:auto;color:#999}.article-layout{display:grid;grid-template-columns:240px minmax(0,740px);gap:80px;justify-content:center;align-items:start}.blog-body{font-family:var(--font-dm-sans),sans-serif;font-size:17px;line-height:1.9;color:#b6b6b0}.article-lead{font-size:23px;line-height:1.65;color:#e6e5dd;margin-top:0}.article-summary{border:1px solid #393939;padding:28px 32px;margin:40px 0 65px;background:#171717}.article-summary .blog-eyebrow{color:#eee}.article-summary ul{padding-left:20px;font-size:15px}.blog-body section{position:relative;scroll-margin-top:50px;margin-bottom:65px}.blog-body h2{font:500 38px/1.15 var(--font-gilroy),sans-serif;letter-spacing:-1.1px;color:#eee;margin:14px 0 25px}.blog-body h3{font:500 24px/1.3 var(--font-gilroy),sans-serif;color:#ddd;scroll-margin-top:50px;margin:35px 0 15px}.section-number{font:11px monospace;color:#777}.blog-body p{margin-bottom:25px}.blog-body blockquote{border-left:2px solid #eee;padding:12px 0 12px 30px;margin:40px 0;font:28px/1.5 var(--font-gilroy),Arial,sans-serif;color:#eee}.blog-body cite{display:block;font:11px var(--font-dm-sans),sans-serif;color:#888;margin-top:20px}.article-checklist{padding:25px 30px;background:#ecece5;color:#333;margin-top:35px;font-size:15px}.article-checklist h4{font-size:19px;margin:0 0 15px}.article-checklist ul{padding-left:20px}.article-end{border-top:1px solid #444;padding-top:40px;font-size:14px}.article-end>span{font:10px monospace;letter-spacing:1px;color:#eee}.article-end>a{border-bottom:1px solid #777;padding-bottom:10px}.blog-outline{position:sticky;top:45px;font-size:13px}.outline-tabs{display:flex;border-bottom:1px solid #333;margin:20px 0}.outline-tabs button{background:none;border:0;color:#888;padding:12px 20px;font:12px monospace;cursor:pointer}.outline-tabs button[aria-selected=true]{color:#eee;border-bottom:1px solid white}.blog-outline nav{display:flex;flex-direction:column;gap:18px}.blog-outline nav a{display:flex;gap:12px;line-height:1.5;color:#888}.blog-outline nav a[aria-current]{color:#fff}.blog-outline nav a>span{font:10px monospace;margin-top:3px}.outline-progress{display:flex;justify-content:space-between;border-top:1px solid #333;padding-top:25px;margin-top:35px;font-size:11px;color:#888}.outline-progress strong{color:#ddd}.blog-share{background:none;border:0;padding:25px 0;color:#eee;font:12px var(--font-gilroy);cursor:pointer}.blog-progress{position:fixed;top:0;left:0;height:2px;background:#eee;z-index:100}.related-posts{padding-top:80px;border-top:1px solid #333;margin-top:100px}.related-posts>h2{font-size:40px;letter-spacing:-1px;font-weight:500;margin:20px 0 40px}.related-posts>div{display:grid;grid-template-columns:1fr 1fr;gap:30px}.related-posts a{border:1px solid #333;padding:35px}.related-posts a>span{font-size:11px;color:#888}.related-posts h3{font-size:30px;font-weight:500;letter-spacing:-1px;margin:20px 0}.related-posts p{color:#999;line-height:1.6}.related-posts b{font-size:12px;font-weight:400;display:block;margin-top:30px}.blog-page .blog-card{animation:blog-enter .5s ease both}@keyframes blog-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}body:has(.blog-page) .portfolio-dock{filter:grayscale(1)}@media(max-width:760px){.blog-container{width:calc(100% - 40px)}.blog-nav{padding-block:25px}.blog-nav>a{font-size:18px}.blog-nav>div{gap:17px;font-size:12px}.blog-header{padding:75px 0 40px}.blog-header h1{font-size:62px}.blog-header>div{display:block}.blog-header p:not(.blog-eyebrow){font-size:17px}.blog-header>div>span{display:block;margin-top:25px}.blog-filters{gap:8px;padding-bottom:30px}.blog-filters button{font-size:12px;padding:10px 13px}.blog-grid{grid-template-columns:1fr;gap:50px}.blog-art{height:270px}.blog-card h2{font-size:34px}.blog-footer>div{flex-wrap:wrap}.article-header{padding:40px 0 50px}.blog-back{margin-bottom:35px}.article-header h1{font-size:58px}.article-deck{font-size:21px}.article-byline{flex-wrap:wrap}.article-byline>span:last-child{width:100%;margin-left:58px;font-size:11px}.article-layout{grid-template-columns:1fr;gap:35px}.blog-outline{position:relative;top:0;border-block:1px solid #333;padding:20px 0}.blog-outline nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:12px}.outline-tabs{margin:10px 0 20px}.outline-progress{margin-top:20px;padding-top:15px}.blog-share{padding-bottom:0}.blog-body{font-size:16px}.article-lead{font-size:21px}.article-summary{padding:20px;margin-bottom:45px}.blog-body h2{font-size:32px}.blog-body blockquote{font-size:25px;padding-left:20px}.related-posts>div{grid-template-columns:1fr}.related-posts>h2{font-size:34px}.related-posts a{padding:25px}}@media(prefers-reduced-motion:reduce){.blog-page .blog-card{animation:none}.blog-art pre{transition:none}}.blog-header#hero{min-height:0}.blog-card{min-width:0}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.blog-grid{grid-template-columns:minmax(0,1fr)}.blog-art pre{font-size:clamp(20px,5.5vw,32px);letter-spacing:3px}}