.blog-page,.article-page{background:var(--paper)}.blog-page .nav-links a[aria-current=page],.article-page .nav-links a[aria-current=page]{background:var(--lavender);color:var(--ink)}.blog-accent-mint{--blog-accent:#0f766e;--blog-wash:var(--mint);--blog-ink:#124f4a}.blog-accent-lavender{--blog-accent:#60578b;--blog-wash:var(--lavender);--blog-ink:#403a63}.blog-accent-blue{--blog-accent:#356884;--blog-wash:var(--blue);--blog-ink:#274f67}.blog-accent-coral{--blog-accent:#a14f3b;--blog-wash:var(--coral);--blog-ink:#753b2d}.blog-masthead{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:72px;min-height:620px;padding:176px max(24px,50vw - 600px) 96px;display:grid;position:relative;overflow:hidden}.blog-masthead:before{content:"";background:color-mix(in srgb, var(--teal-bright) 12%, transparent);border-radius:50%;width:540px;height:540px;position:absolute;top:-320px;right:-90px}.blog-masthead-copy{z-index:1;max-width:900px;position:relative}.blog-masthead h1{letter-spacing:-.075em;max-width:940px;margin:26px 0 30px;font-size:clamp(56px,7.6vw,108px);line-height:.92}.blog-masthead h1 span{color:var(--spine)}.blog-masthead-copy>p:last-child{max-width:690px;color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:clamp(18px,2vw,22px);line-height:1.65}.blog-masthead-mark{z-index:1;min-width:170px;color:var(--spine);letter-spacing:.14em;text-transform:uppercase;justify-items:center;gap:12px;font-size:11px;font-weight:800;display:grid;position:relative;transform:rotate(-2deg)}.blog-masthead-mark i{background:var(--spine);opacity:.32;width:1px;height:58px}.featured-note{grid-template-columns:minmax(0,1fr) minmax(430px,.78fr);align-items:center;gap:clamp(50px,9vw,130px);min-height:760px;padding:112px 0;display:grid}.featured-note-copy{max-width:680px}.featured-label{border:1px solid color-mix(in srgb, var(--blog-accent) 24%, transparent);background:var(--blog-wash);width:fit-content;color:var(--blog-ink);letter-spacing:.12em;text-transform:uppercase;margin:0 0 24px;padding:8px 12px;font-size:11px;font-weight:800;transform:rotate(-1deg)}.blog-meta{color:#777283;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:9px;margin:0;font-size:11px;font-weight:750;display:flex}.blog-meta>*+:before{content:"·";color:color-mix(in srgb, var(--blog-accent,var(--teal)) 50%, transparent);margin-right:9px}.blog-meta>span:first-child{color:var(--blog-accent,var(--teal))}.featured-note h2{letter-spacing:-.065em;margin:20px 0 22px;font-size:clamp(44px,5vw,70px);line-height:1.02}.featured-note h2 a,.journal-row h2 a,.related-notes h3 a{text-decoration:none}.featured-note h2 a:hover,.journal-row h2 a:hover,.related-notes h3 a:hover{color:var(--blog-accent,var(--teal))}.featured-note-copy>p:not(.featured-label,.blog-meta){max-width:620px;color:var(--ink-soft);text-wrap:pretty;margin:0 0 32px;font-size:18px;line-height:1.7}.featured-note-visual{background:var(--blog-wash);min-height:600px;color:var(--blog-ink);border-radius:54% 46% 48% 52%/45% 55%;text-decoration:none;position:relative;overflow:hidden}.featured-note-visual:before{content:"";border:1px dashed color-mix(in srgb, var(--blog-accent) 30%, transparent);border-radius:inherit;position:absolute;inset:28px}.featured-stamp{z-index:3;border:1px solid color-mix(in srgb, var(--blog-accent) 35%, transparent);background:var(--surface);letter-spacing:.12em;text-transform:uppercase;padding:12px 15px;font-size:11px;font-weight:800;position:absolute;top:44px;right:22px;transform:rotate(6deg)}.featured-device{width:min(70%,330px);transition:transform .35s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:-105px;left:50%;transform:translate(-50%)rotate(4deg)}@media (hover:hover){.featured-note-visual:hover .featured-device{transform:translate(-50%)translateY(-10px)rotate(2deg)}}.journal{padding:108px 0 140px}.journal-heading{max-width:760px;margin-bottom:72px}.journal-heading h2,.related-notes>header h2,.blog-cta h2{letter-spacing:-.065em;margin:0;font-size:clamp(44px,5.4vw,76px);line-height:1}.journal-heading>p:last-child{max-width:620px;color:var(--ink-soft);text-wrap:pretty;margin:26px 0 0;font-size:18px;line-height:1.7}.journal-list{border-top:1px solid var(--line)}.journal-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(42px,8vw,110px);min-height:390px;padding:48px 0;display:grid;container-type:inline-size}.journal-row:nth-child(2n){grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr)}.journal-row:nth-child(2n) .journal-row-visual{grid-column:2}.journal-row:nth-child(2n) .journal-row-copy{grid-area:1/1}.journal-row-visual{background:var(--blog-wash);border-radius:90px 24px 74px 26px;height:290px;display:block;position:relative;overflow:hidden}.journal-row:nth-child(2n) .journal-row-visual{border-radius:24px 88px 28px 76px}.journal-row-visual img{width:154px;box-shadow:0 24px 52px color-mix(in srgb, var(--blog-ink) 18%, transparent);border-radius:27px;transition:transform .32s cubic-bezier(.2,.7,.2,1);position:absolute;top:34px;left:50%;transform:translate(-50%)rotate(4deg)}.journal-row:nth-child(2n) .journal-row-visual img{transform:translate(-50%)rotate(-4deg)}.journal-number{z-index:2;color:var(--blog-ink);letter-spacing:.12em;font-size:12px;font-weight:800;position:absolute;top:24px;left:25px}@media (hover:hover){.journal-row-visual:hover img{transform:translate(-50%)translateY(-8px)rotate(1deg)}}.journal-row-copy{max-width:680px}.journal-row h2{letter-spacing:-.055em;margin:18px 0;font-size:clamp(34px,4vw,54px);line-height:1.04}.journal-row-copy>p:not(.blog-meta){max-width:620px;color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:17px;line-height:1.7}.blog-read-link{min-height:44px;color:var(--blog-accent,var(--teal));align-items:center;gap:8px;margin-top:20px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.blog-read-link:hover{text-underline-offset:5px;text-decoration:underline}.blog-principles{border-block:1px solid var(--line);background-color:var(--lavender);padding:84px max(24px,50vw - 600px)}.blog-principles>p{color:var(--spine);letter-spacing:.14em;text-transform:uppercase;margin:0 0 36px;font-size:12px;font-weight:800}.blog-principles ol{grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.blog-principles li{grid-template-columns:auto 1fr;align-content:start;gap:10px 16px;min-height:160px;padding:12px 34px 12px 0;display:grid}.blog-principles li+li{border-left:1px solid #4e4b692e;padding-left:34px}.blog-principles li span{color:var(--teal);grid-row:1/3;font-size:11px;font-weight:800}.blog-principles li strong{letter-spacing:-.04em;font-size:clamp(26px,3vw,38px);line-height:1}.blog-principles li small{color:var(--ink-soft);font-size:14px;line-height:1.5}.blog-cta{grid-template-columns:280px minmax(0,720px);justify-content:center;align-items:center;gap:80px;min-height:520px;padding:110px 0;display:grid}.blog-cta>img{width:260px;transform:rotate(-8deg)}.blog-cta>div>p:not(.kicker){color:var(--ink-soft);margin:22px 0 30px;font-size:18px}.article-hero{padding:168px max(24px,50vw - 600px) 82px;overflow:hidden}.article-hero-inner{grid-template-columns:minmax(0,1fr) minmax(330px,.5fr);align-items:center;gap:clamp(54px,8vw,120px);min-height:560px;display:grid}.breadcrumbs{color:#777283;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:34px;font-size:12px;display:flex}.breadcrumbs a{min-height:36px;color:var(--blog-accent);align-items:center;font-weight:750;text-decoration:none;display:inline-flex}.breadcrumbs a:hover{text-underline-offset:4px;text-decoration:underline}.article-hero-copy{z-index:2;position:relative}.article-hero h1{letter-spacing:-.07em;max-width:820px;margin:24px 0;font-size:clamp(48px,6.2vw,86px);line-height:.98}.article-dek{max-width:720px;color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:clamp(18px,2vw,22px);line-height:1.62}.article-byline{color:#777283;margin:24px 0 0;font-size:13px;font-weight:650}.article-hero-visual{background:var(--blog-wash);border-radius:50% 50% 44% 56%/42% 46% 54% 58%;height:560px;margin:0;position:relative}.article-hero-visual:after{content:"";border:1px dashed color-mix(in srgb, var(--blog-accent) 28%, transparent);border-radius:inherit;position:absolute;inset:24px}.article-device{z-index:1;width:min(77%,315px);position:absolute;bottom:-105px;left:50%;transform:translate(-50%)rotate(3deg)}.article-stamp{z-index:4;border:1px solid color-mix(in srgb, var(--blog-accent) 30%, transparent);background:var(--surface);color:var(--blog-ink);letter-spacing:.13em;text-transform:uppercase;padding:12px 15px;font-size:10px;font-weight:800;position:absolute;top:50px;right:-18px;transform:rotate(7deg)}.article-shell{grid-template-columns:270px minmax(0,720px);justify-content:center;align-items:start;gap:clamp(58px,8vw,110px);padding:104px 0 120px;display:grid}.article-toc{padding-top:5px;position:sticky;top:120px}.article-toc>p{color:var(--blog-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;font-size:11px;font-weight:800}.article-toc ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.article-toc li{border-bottom:1px solid var(--line)}.article-toc a{min-height:52px;color:var(--ink-soft);grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:10px 0;font-size:12px;line-height:1.35;text-decoration:none;display:grid}.article-toc a:hover{color:var(--blog-accent)}.article-toc a span{color:var(--blog-accent);font-size:10px;font-weight:800}.article-intro{color:var(--ink);letter-spacing:-.02em;text-wrap:pretty;margin:0;font-size:clamp(21px,2.5vw,27px);font-weight:650;line-height:1.55}.article-takeaways{border:1px solid color-mix(in srgb, var(--blog-accent) 24%, transparent);background:color-mix(in srgb, var(--blog-wash) 72%, var(--surface));border-radius:6px 36px;margin:54px 0 70px;padding:30px 34px}.article-takeaways>p{color:var(--blog-ink);letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:800}.article-takeaways ul{gap:13px;margin:0;padding:0;list-style:none;display:grid}.article-takeaways li{color:var(--blog-ink);padding-left:26px;font-size:15px;line-height:1.6;position:relative}.article-takeaways li:before{content:"✓";color:var(--blog-accent);font-weight:900;position:absolute;left:0}.article-prose>section+section{margin-top:76px}.article-prose h2{letter-spacing:-.05em;margin:0 0 26px;scroll-margin-top:120px;font-size:clamp(34px,4.2vw,48px);line-height:1.08}.article-prose p,.article-prose li{color:#403c49;text-wrap:pretty;font-size:17px;line-height:1.82}.article-prose p{margin:0 0 24px}.article-prose strong{color:var(--ink);font-weight:750}.article-prose code{background:color-mix(in srgb, var(--blog-wash) 68%, var(--surface));color:var(--blog-ink);overflow-wrap:anywhere;border-radius:5px;padding:.12em .34em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88em}.article-prose a{color:var(--blog-accent);text-underline-offset:4px;font-weight:700;text-decoration-thickness:1px}.article-prose ul,.article-prose ol{margin:24px 0 30px;padding-left:28px}.article-prose li+li{margin-top:11px}.article-prose li::marker{color:var(--blog-accent);font-weight:800}.article-note{border-left:3px solid var(--blog-accent);background:var(--blog-wash);color:var(--blog-ink);margin:34px 0;padding:24px 26px;font-size:15px;line-height:1.65}.article-flow{border-block:1px solid color-mix(in srgb, var(--blog-accent) 24%, var(--line));color:var(--blog-ink);grid-template-columns:repeat(7,auto);justify-content:space-between;align-items:center;gap:10px;margin:34px 0;padding:20px 22px;display:grid}.article-flow-compact{grid-template-columns:repeat(5,auto)}.article-flow span{gap:4px;font-size:13px;font-weight:750;line-height:1.25;display:grid}.article-flow small{color:var(--blog-accent);letter-spacing:.12em;font-size:9px;font-weight:850}.article-flow i{color:color-mix(in srgb, var(--blog-accent) 55%, transparent);font-size:18px;font-style:normal}.permission-ledger{border-top:1px solid color-mix(in srgb, var(--blog-accent) 24%, var(--line));margin:24px 0 38px}.permission-ledger>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(190px,.48fr) minmax(0,1fr);align-items:baseline;gap:20px;padding:16px 0;display:grid}.permission-ledger dt,.permission-ledger dd{margin:0}.permission-ledger dt code{white-space:nowrap}.permission-ledger dd{color:var(--ink-soft);font-size:15px;line-height:1.6}.article-figure{background:radial-gradient(circle at 85% 12%, color-mix(in srgb, var(--blog-accent) 14%, transparent), transparent 34%), color-mix(in srgb, var(--blog-wash) 72%, var(--surface));border-radius:48px 10px;margin:42px 0;padding:38px 32px 28px;position:relative;overflow:hidden}.article-figure-device{width:min(70%,345px);filter:drop-shadow(0 24px 30px color-mix(in srgb, var(--blog-ink) 18%, transparent));margin:0 auto;transform:rotate(1.2deg)}.article-figure figcaption{max-width:580px;color:var(--blog-ink);text-align:center;text-wrap:pretty;margin:28px auto 0;font-size:13px;line-height:1.6}.sample-badge{z-index:4;border:1px solid color-mix(in srgb, var(--blog-accent) 28%, transparent);background:var(--surface);color:var(--blog-ink);letter-spacing:.12em;text-transform:uppercase;padding:8px 10px;font-size:9px;font-weight:850;position:absolute;top:24px;left:22px;transform:rotate(-3deg)}.article-faq{border-top:1px solid var(--line);margin-top:96px;padding-top:64px}.article-faq h2{letter-spacing:-.055em;margin:0 0 32px;font-size:clamp(38px,4vw,54px)}.article-faq details{border-bottom:1px solid var(--line)}.article-faq details:first-of-type{border-top:1px solid var(--line)}.article-faq summary{min-height:68px;color:var(--ink);cursor:pointer;align-items:center;padding:20px 38px 20px 0;font-size:16px;font-weight:750;line-height:1.45;display:flex}.article-faq summary::marker{color:var(--blog-accent)}.article-faq details p{color:var(--ink-soft);text-wrap:pretty;margin:0;padding:0 20px 24px 0;font-size:15px;line-height:1.7}.related-notes{border-top:1px solid var(--line);padding:90px 0 120px}.related-notes>header{margin-bottom:48px}.related-notes>div{border:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.related-notes article{background:var(--surface);flex-direction:column;align-items:flex-start;min-height:330px;padding:36px;display:flex}.related-notes article+article{border-left:1px solid var(--line)}.related-notes h3{letter-spacing:-.05em;margin:24px 0 15px;font-size:clamp(27px,3vw,38px);line-height:1.08}.related-notes article>p:not(.blog-meta){color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:15px;line-height:1.65}.related-notes .blog-read-link{margin-top:auto;padding-top:24px}.article-cta{border-block:1px solid var(--line);background-color:var(--blog-wash);justify-content:space-between;align-items:center;gap:60px;min-height:360px;padding:72px max(24px,50vw - 500px);display:flex}.article-cta h2{letter-spacing:-.06em;max-width:680px;margin:0;font-size:clamp(40px,5vw,64px);line-height:1}.article-cta div>p:last-child{color:var(--blog-ink);margin:20px 0 0;font-size:17px}.article-cta .button{flex:none}@media (width<=980px){.blog-masthead{grid-template-columns:1fr;gap:40px;min-height:570px}.blog-masthead-mark{justify-items:initial;justify-content:flex-start;align-items:center;gap:12px;display:flex;transform:none}.blog-masthead-mark i{width:36px;height:1px}.featured-note{grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:52px}.featured-note-visual{min-height:520px}.journal-row,.journal-row:nth-child(2n){grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:44px}.journal-row:nth-child(2n) .journal-row-visual{grid-area:1/1}.journal-row:nth-child(2n) .journal-row-copy{grid-area:1/2}.article-hero-inner{grid-template-columns:minmax(0,1fr) 300px;gap:50px}.article-hero-visual{height:500px}.article-shell{grid-template-columns:220px minmax(0,650px);gap:48px}}@media (width<=760px){.blog-masthead{min-height:auto;padding-top:148px;padding-bottom:72px}.blog-masthead h1{font-size:clamp(48px,13vw,76px)}.featured-note{grid-template-columns:1fr;padding:84px 0}.featured-note-visual{grid-row:1;min-height:560px}.featured-note-copy{grid-row:2}.journal{padding:84px 0 100px}.journal-heading{margin-bottom:50px}.journal-row,.journal-row:nth-child(2n){grid-template-columns:1fr;gap:30px;padding:38px 0 48px}.journal-row:nth-child(2n) .journal-row-visual,.journal-row:nth-child(2n) .journal-row-copy{grid-area:auto}.journal-row-visual{height:250px}.blog-principles ol{grid-template-columns:1fr}.blog-principles li,.blog-principles li+li{border-left:0;min-height:112px;padding:24px 0}.blog-principles li+li{border-top:1px solid #4e4b692e}.blog-cta{grid-template-columns:180px 1fr;gap:38px;padding:84px 0}.blog-cta>img{width:180px}.article-hero{padding-top:142px}.article-hero-inner{grid-template-columns:1fr}.article-hero-visual{width:min(100%,430px);height:530px;margin:10px auto -82px}.article-shell{grid-template-columns:1fr;gap:60px;padding-top:88px}.article-flow{text-align:center;grid-template-columns:1fr;justify-content:stretch}.article-flow i{transform:rotate(90deg)}.article-toc{position:static}.article-toc ol{border:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.article-toc li{padding-inline:16px}.article-toc li:nth-child(odd){border-right:1px solid var(--line)}.related-notes>div{grid-template-columns:1fr}.related-notes article+article{border-top:1px solid var(--line);border-left:0}.article-cta{flex-direction:column;align-items:flex-start;gap:30px}}@media (width<=580px){.blog-masthead{padding-inline:20px}.blog-masthead h1{margin-top:22px;font-size:clamp(44px,14.5vw,66px)}.blog-masthead-mark{letter-spacing:.09em;font-size:9px}.blog-masthead-mark i{width:16px}.featured-note,.journal,.blog-cta,.article-shell,.related-notes{width:min(100% - 32px,1200px)}.featured-note-visual{border-radius:42% 58% 48% 52%/47% 45% 55% 53%;min-height:450px}.featured-device{width:68%;bottom:-90px}.featured-note h2,.journal-heading h2,.related-notes>header h2,.blog-cta h2{font-size:42px}.journal-row h2{font-size:34px}.journal-row-visual{height:225px}.journal-row-visual img{width:132px;top:28px}.blog-principles{padding-block:64px}.blog-cta{text-align:center;grid-template-columns:1fr}.blog-cta>img{width:150px;margin:0 auto}.blog-cta .kicker,.blog-cta>div>p:not(.kicker){text-align:center}.article-hero{padding-inline:20px;padding-bottom:60px}.article-hero h1{font-size:clamp(43px,13vw,60px)}.article-flow{gap:7px;padding-inline:12px}.article-flow span{font-size:11px}.permission-ledger>div{grid-template-columns:1fr;gap:7px}.article-figure{border-radius:34px 8px;margin-inline:-6px;padding:34px 18px 24px}.article-figure-device{width:min(78%,310px)}.article-hero-visual{height:470px}.article-stamp{right:0}.article-toc ol{grid-template-columns:1fr}.article-toc li:nth-child(odd){border-right:0}.article-takeaways{margin:46px 0 62px;padding:26px 23px}.article-prose>section+section{margin-top:64px}.article-prose h2{font-size:34px}.article-prose p,.article-prose li{font-size:16px;line-height:1.78}.article-note{padding:22px 20px}.related-notes article{min-height:300px;padding:28px 24px}.article-cta{padding-inline:20px}}@media (prefers-reduced-motion:reduce){.featured-device,.journal-row-visual img{transition:none}}
