.blog-photo{margin:0}.blog-photo-frame{aspect-ratio:16/9;border:1px solid var(--showroom-line);border-radius:var(--r-lg);background:var(--showroom-900);position:relative;overflow:hidden}.blog-photo-inline .blog-photo-frame{aspect-ratio:3/2}.blog-photo-frame>picture{display:contents}.blog-photo-frame img{object-fit:cover;width:100%;height:100%;display:block}.blog-photo-panel{background:radial-gradient(120% 90% at 88% 8%, #4cd08a29, transparent 55%), repeating-linear-gradient(90deg, #ffffff0a 0 1px, transparent 1px 48px), repeating-linear-gradient(0deg, #ffffff0a 0 1px, transparent 1px 48px), linear-gradient(160deg, var(--showroom-800), var(--showroom-950) 70%);position:absolute;inset:0}.blog-photo-tag{font-family:var(--font-mono);letter-spacing:.02em;color:var(--on-dark-3);align-items:center;gap:10px;font-size:13px;display:inline-flex;position:absolute;top:18px;left:20px}.blog-photo-icon{color:#ffffff38;width:clamp(72px,26%,200px);height:auto;position:absolute;bottom:50%;right:8%;transform:translateY(50%)}.blog-photo-mark{opacity:.9;position:absolute;bottom:18px;left:20px}.blog-photo figcaption{font-size:var(--fs-15);color:var(--ink-500);margin-top:10px;line-height:1.5}.blog-meta{font-family:var(--font-mono);color:var(--ink-500);flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:14px;display:flex}.blog-index,.blog-post{max-width:1200px;margin:0 auto}.blog-index-head p{max-width:62ch}.blog-card{min-width:0}.blog-card-link{border:1px solid var(--line-200);border-radius:var(--r-xl);background:var(--bg-900);height:100%;color:inherit;transition:border-color .16s var(--ease), transform .16s var(--ease), box-shadow .16s var(--ease);grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}.blog-card-link:hover{border-color:var(--line-300);box-shadow:var(--shadow-2);transform:translateY(-2px)}.blog-card-link:focus-visible{box-shadow:var(--focus)}.blog-card .blog-photo-frame{border:0;border-bottom:1px solid var(--showroom-line);border-radius:0}.blog-card-copy{align-content:start;gap:10px;padding:20px 22px 24px;display:grid}.blog-card-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-950);text-wrap:balance;margin:0;font-size:21px;font-weight:640;line-height:1.25}.blog-card-text{font-size:var(--fs-16);color:var(--ink-600);margin:0;line-height:1.6}.blog-card-more{font-size:var(--fs-15);color:var(--ink-950);align-items:center;gap:6px;margin-top:4px;font-weight:600;display:inline-flex}.blog-card-link:hover .blog-card-more{color:var(--lamp-700)}.blog-card-featured .blog-card-link{grid-template-rows:auto;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.blog-card-featured .blog-photo{min-height:320px;position:relative}.blog-card-featured .blog-photo-frame{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--showroom-line);position:absolute;inset:0}.blog-card-featured .blog-card-copy{align-content:center;gap:14px;padding:clamp(24px,3vw,44px)}.blog-card-featured .blog-card-title{font-family:var(--font-serif);letter-spacing:-.015em;font-size:clamp(32px,3vw,46px);font-weight:400;line-height:1.05}.blog-card-featured .blog-card-text{font-size:var(--fs-17)}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}@media (min-width:1101px){.blog-card-lone-3{grid-column:1/-1}.blog-card-lone-3 .blog-card-link{grid-template-rows:auto;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.blog-card-lone-3 .blog-photo{min-height:320px;position:relative}.blog-card-lone-3 .blog-photo-frame{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--showroom-line);position:absolute;inset:0}.blog-card-lone-3 .blog-card-copy{align-content:center;padding:clamp(24px,3vw,44px)}}@media (min-width:861px) and (max-width:1100px){.blog-card-lone-2{grid-column:1/-1}.blog-card-lone-2 .blog-card-link{grid-template-rows:auto;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.blog-card-lone-2 .blog-photo{min-height:320px;position:relative}.blog-card-lone-2 .blog-photo-frame{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--showroom-line);position:absolute;inset:0}.blog-card-lone-2 .blog-card-copy{align-content:center;padding:clamp(24px,3vw,44px)}}.blog-post-head{gap:18px;display:grid}.blog-post-head>:not(.blog-photo){max-width:860px}.blog-post .back-link{font-size:var(--fs-15);color:var(--ink-700);justify-self:start;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.blog-post .back-link:hover{color:var(--ink-950)}.blog-post-head h1{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink-950);text-wrap:balance;margin:0;font-size:clamp(40px,4.8vw,70px);font-weight:400;line-height:1.02}.blog-standfirst{color:var(--ink-700);margin:0;font-size:clamp(18px,1.4vw,20px);line-height:1.6}.blog-byline{align-items:center;gap:14px;display:flex}.blog-byline p{gap:2px;margin:0;display:grid}.blog-avatar{border:1px solid var(--ok-border);background:var(--lamp-tint);width:44px;height:44px;font-family:var(--font-mono);color:var(--lamp-700);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:600;display:grid}.blog-author{font-size:var(--fs-16);color:var(--ink-950);justify-self:start;font-weight:600;text-decoration:none}.blog-author:hover,.blog-index-author:hover{color:var(--lamp-700)}.blog-index-author{color:var(--ink-700);text-decoration:underline;-webkit-text-decoration-color:var(--line-300);text-decoration-color:var(--line-300);text-underline-offset:3px}.blog-post-head>.blog-photo{margin-top:10px}.blog-post-head>.blog-photo .blog-photo-frame{aspect-ratio:3}.blog-layout{grid-template-columns:220px minmax(0,740px);justify-content:center;align-items:start;gap:clamp(32px,4vw,64px);margin-top:clamp(32px,4vw,56px);display:grid}.blog-side{max-height:calc(100vh - 120px);position:sticky;top:96px;overflow-y:auto}.blog-side-title,.blog-toc-phone summary{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-800);margin:0 0 10px;font-size:13px;font-weight:650}.blog-toc-list{counter-reset:toc;gap:2px;margin:0;padding:0;list-style:none;display:grid}.blog-toc-list li{counter-increment:toc}.blog-toc-list a{border-radius:var(--r-sm);font-size:var(--fs-15);color:var(--ink-600);grid-template-columns:22px minmax(0,1fr);gap:6px;padding:7px 8px;line-height:1.35;text-decoration:none;display:grid}.blog-toc-list a:before{content:counter(toc, decimal-leading-zero);font-family:var(--font-mono);color:var(--ink-500);font-size:12px;line-height:1.7}.blog-toc-list a:hover{background:var(--rail-hover);color:var(--ink-950)}.blog-toc-phone{border:1px solid var(--line-200);border-radius:var(--r-md);background:var(--surface);margin-bottom:28px;padding:12px 16px;display:none}.blog-toc-phone summary{cursor:pointer;margin:0}.blog-toc-phone[open] summary{margin-bottom:10px}.blog-body{color:var(--ink-800);font-size:18px;line-height:1.75}.blog-body>*+*{margin-top:18px}.blog-body p{margin-bottom:0}.blog-body h2{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink-950);margin:52px 0 0;scroll-margin-top:96px;font-size:clamp(25px,2.2vw,30px);font-weight:640;line-height:1.2}.blog-body h3{letter-spacing:-.015em;color:var(--ink-950);margin:34px 0 0;scroll-margin-top:96px;font-size:21px;font-weight:640;line-height:1.3}.blog-body h2+*,.blog-body h3+*{margin-top:12px}.blog-body strong{color:var(--ink-950);font-weight:650}.blog-body a{color:var(--ink-950);text-decoration:underline;-webkit-text-decoration-color:var(--lamp-600);text-decoration-color:var(--lamp-600);text-underline-offset:3px;text-decoration-thickness:1px}.blog-body a:hover{color:var(--lamp-700)}.blog-body ul,.blog-body ol{gap:8px;padding-left:1.3em;display:grid}.blog-body li::marker{color:var(--ink-500)}.blog-body code{background:var(--bg-700);font-family:var(--font-mono);color:var(--ink-950);border-radius:6px;padding:1px 6px;font-size:.86em}.blog-code{border:1px solid var(--line-200);border-radius:var(--r-md);background:var(--night-900);font-family:var(--font-mono);color:var(--night-text);padding:18px 20px;font-size:15px;line-height:1.65;position:relative;overflow-x:auto}.blog-code code{font-size:inherit;background:0 0;padding:0}.blog-code[data-language]:before{content:attr(data-language);letter-spacing:.06em;text-transform:uppercase;color:var(--night-muted);font-size:12px;position:absolute;top:8px;right:12px}.blog-note{border:1px solid var(--line-200);border-left:3px solid var(--lamp-500);border-radius:var(--r-md);background:var(--bg-900);padding:18px 22px}.blog-note p{font-size:var(--fs-17);line-height:1.65}.blog-note p+p{margin-top:10px}.blog-table-wrap{border:1px solid var(--line-200);border-radius:var(--r-md);overflow-x:auto}.blog-table{border-collapse:collapse;width:100%;font-size:var(--fs-16);line-height:1.5}.blog-table th,.blog-table td{border-bottom:1px solid var(--line-200);text-align:left;vertical-align:top;padding:11px 14px}.blog-table th{background:var(--bg-800);color:var(--ink-950);font-weight:650}.blog-table tr:last-child td{border-bottom:0}.blog-body .blog-photo{margin:34px 0}.blog-avatar-lg{width:56px;height:56px;font-size:18px}.blog-avatar-xl{width:96px;height:96px;box-shadow:0 0 0 8px var(--lamp-tint);font-size:30px}.blog-author-box{border:1px solid var(--line-200);border-radius:var(--r-xl);background:var(--bg-900);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;margin-top:48px;padding:24px 26px;display:grid}.blog-author-box-kicker{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-500);margin:0 0 2px;font-size:13px}.blog-author-box h2{font-size:var(--fs-19);letter-spacing:-.015em;color:var(--ink-950);margin:0 0 8px;font-weight:640}.blog-author-box p{font-size:var(--fs-16);color:var(--ink-700);margin:0;line-height:1.65}.blog-author-box-more{font-size:var(--fs-15);color:var(--ink-950);align-items:center;gap:6px;margin-top:12px;font-weight:600;text-decoration:none;display:inline-flex}.blog-author-box-more:hover{color:var(--lamp-700)}.blog-author-page{max-width:1200px;margin:0 auto}.blog-author-page>.back-link{font-size:var(--fs-15);color:var(--ink-700);align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.blog-author-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,36px);max-width:900px;margin-top:24px;display:grid}.blog-author-head>div{gap:10px;display:grid}.blog-author-head h1{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink-950);margin:0;font-size:clamp(48px,5.4vw,80px);font-weight:400;line-height:1}.blog-author-body{max-width:740px;margin-top:clamp(32px,4vw,48px)}.blog-practise{border:1px solid var(--line-200);border-radius:var(--r-xl);background:var(--bg-900);margin-top:56px;padding:24px 26px}.blog-practise h2,.blog-related h2{letter-spacing:-.02em;color:var(--ink-950);margin:0 0 16px;font-size:clamp(22px,2vw,26px);font-weight:640}.blog-practise-lists{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;display:grid}.blog-practise-head{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-500);align-items:center;gap:8px;margin:0 0 6px;font-size:13px;display:flex}.blog-practise ul{margin:0;padding:0;list-style:none;display:grid}.blog-practise li a{min-height:40px;font-size:var(--fs-16);color:var(--ink-900);text-decoration:underline;-webkit-text-decoration-color:var(--line-300);text-decoration-color:var(--line-300);text-underline-offset:4px;align-items:center;font-weight:560;display:flex}.blog-practise li a:hover{color:var(--ink-950);-webkit-text-decoration-color:var(--lamp-600);text-decoration-color:var(--lamp-600)}.blog-cta{isolation:isolate;border-radius:var(--r-xl);justify-items:start;gap:16px;margin-top:28px;padding:clamp(26px,4vw,44px);display:grid;position:relative}.blog-cta:before,.blog-cta:after{content:"";border-radius:inherit;pointer-events:none;position:absolute}.blog-cta:before{z-index:-2;background:var(--showroom-line);inset:0}.blog-cta:after{z-index:-1;border-radius:calc(var(--r-xl) - 1.5px);background:radial-gradient(90% 120% at 100% 0%, #4cd08a24, transparent 60%), linear-gradient(160deg, var(--showroom-800), var(--showroom-950));inset:1.5px}.blog-cta h2{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--on-dark);margin:0;font-size:clamp(32px,3.2vw,44px);font-weight:400;line-height:1.05}.blog-cta p{max-width:56ch;font-size:var(--fs-17);color:var(--on-dark-2);margin:0;line-height:1.65}.blog-cta-actions{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.blog-related{border-top:1px solid var(--line-200);margin-top:clamp(56px,6vw,88px);padding-top:32px}.blog-related .blog-grid{margin-top:0}.blog-progress{z-index:60;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.blog-progress-fill{height:100%;transform:scaleX(var(--read,0));transform-origin:0;background:linear-gradient(90deg, #4cd08a40, var(--lamp-600));box-shadow:0 0 10px #4cd08a8c}.blog-progress-head{background:var(--lamp-on-dark);width:6px;height:6px;transform:translateX(calc(var(--read,0) * 100vw - 3px));opacity:var(--head,0);border-radius:50%;position:absolute;top:-2px;left:0;box-shadow:0 0 10px 2px #6fe0a0b3}.blog-side .blog-toc-list{padding-left:16px;position:relative}.blog-side .blog-toc-list:before,.blog-side .blog-toc-list:after{content:"";border-radius:2px;width:2px;position:absolute;top:6px;left:4px}.blog-side .blog-toc-list:before{background:var(--line-200);bottom:6px}.blog-side .blog-toc-list:after{height:var(--toc-fill,0px);background:linear-gradient(var(--lamp-600), var(--lamp-500));box-shadow:0 0 8px var(--lamp-halo);transition:height .32s var(--ease)}.blog-toc-list li{position:relative}.blog-side .blog-toc-list li[data-active]:before{content:"";background:var(--lamp-500);width:10px;height:10px;box-shadow:0 0 0 4px var(--lamp-halo);border-radius:50%;margin-top:-5px;position:absolute;top:50%;left:-16px}.blog-toc-list li[data-active]>a{background:var(--rail-active);color:var(--ink-950);font-weight:600}.blog-toc-list li[data-active]>a:before{color:var(--lamp-700)}.blog-card .blog-photo-frame img{transition:transform .7s var(--ease-out)}.blog-card-link:hover .blog-photo-frame img,.blog-card-link:focus-visible .blog-photo-frame img{transform:scale(1.04)}.blog-card .blog-photo-frame:after{content:"";background:linear-gradient(90deg, transparent, var(--lamp-on-dark), transparent);opacity:0;width:40%;height:2px;position:absolute;bottom:0;left:0;transform:translate(-100%)}.blog-card-link:hover .blog-photo-frame:after,.blog-card-link:focus-visible .blog-photo-frame:after{opacity:1;animation:blog-signal 1.6s var(--ease) infinite}@keyframes blog-signal{to{transform:translate(250%)}}.blog-index-head:before{content:"";background:linear-gradient(90deg, transparent, var(--lamp-on-dark), transparent);opacity:0;width:160px;height:1px;animation:blog-wire 7s var(--ease) infinite;position:absolute;bottom:-1px;left:0;box-shadow:0 0 8px #6fe0a099}@keyframes blog-wire{0%{opacity:0;left:0}8%{opacity:1}55%{opacity:1;left:calc(100% - 160px)}60%,to{opacity:0;left:calc(100% - 160px)}}@property --blog-orbit{syntax:"<angle>";inherits:false;initial-value:0deg}.blog-cta:before{background:conic-gradient(from var(--blog-orbit), #ffffff1a 0 64%, #6fe0a0f2 84%, #ffffff1a 98%);filter:drop-shadow(0 0 6px #6fe0a073);animation:7s linear infinite blog-orbit}@keyframes blog-orbit{to{--blog-orbit:360deg}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.blog-card{animation:linear both blog-rise;animation-timeline:view();animation-range:entry entry 70%}}}@keyframes blog-rise{0%{opacity:0;transform:translateY(24px)}}@media print{.blog-card{animation:none}}@media (max-width:1100px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1000px){.blog-layout{grid-template-columns:minmax(0,1fr)}.blog-side{display:none}.blog-toc-phone{display:block}}@media (max-width:860px){.blog-card-featured .blog-card-link{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.blog-card-featured .blog-photo{min-height:0;position:static}.blog-card-featured .blog-photo-frame{aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--showroom-line);position:relative;inset:auto}}@media (max-width:640px){.blog-author-head,.blog-author-box{grid-template-columns:minmax(0,1fr);gap:14px}.blog-avatar-xl{width:72px;height:72px;box-shadow:0 0 0 6px var(--lamp-tint);font-size:24px}.blog-author-box{padding:20px}.blog-post-head>.blog-photo .blog-photo-frame{aspect-ratio:16/9}.blog-grid{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:18px}.blog-post-head h1{font-size:38px}.blog-body{font-size:17px;line-height:1.7}.blog-body h2{margin-top:44px}.blog-code{margin-inline:-4px;padding:16px;font-size:14px}.blog-practise{padding:20px}.blog-practise-lists{grid-template-columns:minmax(0,1fr)}.blog-cta-actions{width:100%;display:grid}.blog-cta-actions .btn{justify-content:center}.blog-photo-tag{top:12px;left:14px}.blog-photo-mark{bottom:12px;left:14px}}@media (prefers-reduced-motion:reduce){.blog-progress-head,.blog-index-head:before,.blog-card .blog-photo-frame:after{display:none}.blog-cta:before{background:var(--showroom-line);filter:none;animation:none}.blog-card .blog-photo-frame img,.blog-side .blog-toc-list:after{transition:none}.blog-card-link:hover .blog-photo-frame img,.blog-card-link:focus-visible .blog-photo-frame img{transform:none}}
.cookie-banner{z-index:300;border:1px solid var(--line-300);border-radius:var(--r-md);background:var(--bg-850);width:min(420px,100vw - 40px);color:var(--ink-800);box-shadow:var(--shadow-2), 0 22px 48px -20px #000000a6;padding:16px 18px;position:fixed;bottom:20px;left:20px}.cookie-banner p{margin:0 0 14px;font-size:14px;line-height:1.5}.cookie-banner strong{color:var(--ink-950);margin-bottom:4px;font-size:15px;display:block}.cookie-banner-actions{gap:8px;display:flex}.cookie-banner-actions .btn{flex:1}.page-footer .page-footer-cookies{appearance:none;color:var(--ink-500);font:inherit;cursor:pointer;transition:color .14s var(--ease);background:0 0;border:0;padding:0}.page-footer .page-footer-cookies:hover{color:var(--ink-950)}@media (max-width:600px){.cookie-banner{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto}}.cookie-banner a{color:inherit;text-underline-offset:3px;text-decoration:underline}
.phone-app{margin-top:var(--s-6)}.phone-app h2{align-items:center;gap:10px;display:flex}.phone-app h3{margin:var(--s-5) 0 var(--s-2)}.phone-app p{max-width:62ch}.phone-app .button-row{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.inline-icon{vertical-align:-2px;display:inline-block}.install-banner{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:290;background:var(--night-800);color:var(--night-text);border:1px solid var(--night-600);border-radius:16px;align-items:center;gap:12px;padding:12px 12px 12px 14px;display:flex;position:fixed;box-shadow:0 18px 40px #00000073}.install-banner img{border-radius:10px;flex:none}.install-banner-text{flex:1;gap:2px;min-width:0;font-size:13.5px;line-height:1.35;display:grid}.install-banner-text strong{font-size:15px}.install-banner .button{flex:none;min-height:40px}.install-banner-close{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:grid}.install-banner-close:focus-visible{outline:2px solid var(--lamp-on-dark)}.update-notice{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:300;border:1px solid var(--night-600);background:var(--night-800);width:max-content;max-width:calc(100vw - 24px);color:var(--night-text);border-radius:14px;align-items:center;gap:12px;padding:8px 8px 8px 16px;font-size:14.5px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 18px 40px #00000073}.update-notice .button{align-items:center;gap:6px;min-height:38px;display:inline-flex}.update-notice-close{width:38px;height:38px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.update-notice-close:focus-visible{outline:2px solid var(--lamp-on-dark)}