@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5901b7c6-module__ec5Qua__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_5901b7c6-module__ec5Qua__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/79e9e0e3b9220e46-s.3a-pd9010p_dh.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/e62850744c7f266e-s.0n7ulcr4ivksg.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/9433d1a810498265-s.p.1hij5ex6k3v9q.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Fallback;src:local(Times New Roman);ascent-override:69.68%;descent-override:25.12%;line-gap-override:0.0%;size-adjust:105.48%}.newsreader_6f94c84f-module__urvxnW__className{font-family:Newsreader,Newsreader Fallback;font-style:italic}.newsreader_6f94c84f-module__urvxnW__variable{--font-newsreader:"Newsreader", "Newsreader Fallback"}
@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/da4b870ab52b3094-s.2rv_b6cm3-gtx.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/86d70b7c76b6ec6e-s.43yn3v1dnm71_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/11cc37d7380d16b4-s.27riv1g955cgo.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/a85fe84266768609-s.p.0h6ig86gwutp4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat Fallback;src:local(Arial);ascent-override:124.77%;descent-override:38.99%;line-gap-override:0.0%;size-adjust:76.94%}.caveat_5b73e2b9-module__c4RjOG__className{font-family:Caveat,Caveat Fallback;font-style:normal}.caveat_5b73e2b9-module__c4RjOG__variable{--font-caveat:"Caveat", "Caveat Fallback"}
.page-container{max-width:36.375rem;margin:0 auto;padding:5rem 1rem 2.5rem}@media screen and (max-width:768px){.page-container{padding:2rem 1.5rem 2.5rem}}.page-container:before{content:"";pointer-events:none;z-index:9;background:linear-gradient(#fff 0,#ffffffbc 19%,#ffffff8a 34%,#ffffff61 47%,#ffffff47 56.5%,#ffffff31 65%,#ffffff20 73%,#ffffff13 80.2%,#ffffff0b 86.1%,#ffffff05 91%,#ffffff02 95.2%,#ffffff01 98.2%,#fff0);height:8rem;position:fixed;top:0;left:0;right:0}@media screen and (max-width:768px){.page-container:before{height:2.5rem}}.text-link{z-index:100000;color:#0006;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:color .15s,transform .15s;display:flex;position:fixed;top:1.25rem;right:1.25rem;box-shadow:0 2px 8px #00000014,0 4px 16px #0000000a,inset 0 0 0 1px #0000000f}.text-link:hover{color:#000000b3;transform:scale(1.05)}.text-link:active{transform:scale(.95)}blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}img,video{max-width:100%;height:auto}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}:root{--duration-snappy:.22s;--ease-snappy:cubic-bezier(.175, .885, .32, 1.1);--duration-swift:.8s;--ease-swift:cubic-bezier(.175, .885, .32, 1.275);--duration-smooth:.3s;--ease-smooth:cubic-bezier(.19, 1, .22, 1);--spacing-xxs:.5rem;--spacing-xs:1rem;--spacing-sm:1.5rem;--spacing-md:2rem;--spacing-lg:2.5rem;--spacing-xl:3rem;--spacing-xxl:3.5rem}.m-xxs{margin:var(--spacing-xxs)}.mt-xxs{margin-top:var(--spacing-xxs)}.mr-xxs{margin-right:var(--spacing-xxs)}.mb-xxs{margin-bottom:var(--spacing-xxs)}.ml-xxs,.mx-xxs{margin-left:var(--spacing-xxs)}.mx-xxs{margin-right:var(--spacing-xxs)}.my-xxs{margin-top:var(--spacing-xxs);margin-bottom:var(--spacing-xxs)}.p-xxs{padding:var(--spacing-xxs)}.pt-xxs{padding-top:var(--spacing-xxs)}.pr-xxs{padding-right:var(--spacing-xxs)}.pb-xxs{padding-bottom:var(--spacing-xxs)}.pl-xxs,.px-xxs{padding-left:var(--spacing-xxs)}.px-xxs{padding-right:var(--spacing-xxs)}.py-xxs{padding-top:var(--spacing-xxs);padding-bottom:var(--spacing-xxs)}.m-xs{margin:var(--spacing-xs)}.mt-xs{margin-top:var(--spacing-xs)}.mr-xs{margin-right:var(--spacing-xs)}.mb-xs{margin-bottom:var(--spacing-xs)}.ml-xs,.mx-xs{margin-left:var(--spacing-xs)}.mx-xs{margin-right:var(--spacing-xs)}.my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.p-xs{padding:var(--spacing-xs)}.pt-xs{padding-top:var(--spacing-xs)}.pr-xs{padding-right:var(--spacing-xs)}.pb-xs{padding-bottom:var(--spacing-xs)}.pl-xs,.px-xs{padding-left:var(--spacing-xs)}.px-xs{padding-right:var(--spacing-xs)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.mt-sm{margin-top:var(--spacing-sm)}.mr-sm{margin-right:var(--spacing-sm)}.mb-sm{margin-bottom:var(--spacing-sm)}.ml-sm,.mx-sm{margin-left:var(--spacing-sm)}.mx-sm{margin-right:var(--spacing-sm)}.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.p-sm{padding:var(--spacing-sm)}.pt-sm{padding-top:var(--spacing-sm)}.pr-sm{padding-right:var(--spacing-sm)}.pb-sm{padding-bottom:var(--spacing-sm)}.pl-sm,.px-sm{padding-left:var(--spacing-sm)}.px-sm{padding-right:var(--spacing-sm)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.mt-md{margin-top:var(--spacing-md)}.mr-md{margin-right:var(--spacing-md)}.mb-md{margin-bottom:var(--spacing-md)}.ml-md,.mx-md{margin-left:var(--spacing-md)}.mx-md{margin-right:var(--spacing-md)}.my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.p-md{padding:var(--spacing-md)}.pt-md{padding-top:var(--spacing-md)}.pr-md{padding-right:var(--spacing-md)}.pb-md{padding-bottom:var(--spacing-md)}.pl-md,.px-md{padding-left:var(--spacing-md)}.px-md{padding-right:var(--spacing-md)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.mt-lg{margin-top:var(--spacing-lg)}.mr-lg{margin-right:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}.ml-lg,.mx-lg{margin-left:var(--spacing-lg)}.mx-lg{margin-right:var(--spacing-lg)}.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.p-lg{padding:var(--spacing-lg)}.pt-lg{padding-top:var(--spacing-lg)}.pr-lg{padding-right:var(--spacing-lg)}.pb-lg{padding-bottom:var(--spacing-lg)}.pl-lg,.px-lg{padding-left:var(--spacing-lg)}.px-lg{padding-right:var(--spacing-lg)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mt-xl{margin-top:var(--spacing-xl)}.mr-xl{margin-right:var(--spacing-xl)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-xl,.mx-xl{margin-left:var(--spacing-xl)}.mx-xl{margin-right:var(--spacing-xl)}.my-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.p-xl{padding:var(--spacing-xl)}.pt-xl{padding-top:var(--spacing-xl)}.pr-xl{padding-right:var(--spacing-xl)}.pb-xl{padding-bottom:var(--spacing-xl)}.pl-xl,.px-xl{padding-left:var(--spacing-xl)}.px-xl{padding-right:var(--spacing-xl)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.m-xxl{margin:var(--spacing-xxl)}.mt-xxl{margin-top:var(--spacing-xxl)}.mr-xxl{margin-right:var(--spacing-xxl)}.mb-xxl{margin-bottom:var(--spacing-xxl)}.ml-xxl,.mx-xxl{margin-left:var(--spacing-xxl)}.mx-xxl{margin-right:var(--spacing-xxl)}.my-xxl{margin-top:var(--spacing-xxl);margin-bottom:var(--spacing-xxl)}.p-xxl{padding:var(--spacing-xxl)}.pt-xxl{padding-top:var(--spacing-xxl)}.pr-xxl{padding-right:var(--spacing-xxl)}.pb-xxl{padding-bottom:var(--spacing-xxl)}.pl-xxl,.px-xxl{padding-left:var(--spacing-xxl)}.px-xxl{padding-right:var(--spacing-xxl)}.py-xxl{padding-top:var(--spacing-xxl);padding-bottom:var(--spacing-xxl)}:root{--font-fallback:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-primary:var(--font-inter,var(--font-fallback));--font-secondary:var(--font-newsreader,var(--font-fallback));--font-hand:var(--font-caveat), "Bradley Hand", cursive;--font-code:"SF Mono", "SFMono-Regular", "Consolas", "Liberation Mono", Menlo, Courier, monospace;--font-body:var(--font-primary);--body-color:#111;--body-bg:#fdfdfc;--heading-color:#111;--hyperlink-color:#3e9fff;--error:#ff0052;--focus-color:#007aff80;--selection-color:#111;--selection-bg:#ededed;--primary:#3e9fff;--secondary:#f09637}@supports (color:color(display-p3 1 1 1)){:root{--primary:color(display-p3 .243137 .623529 1);--secondary:color(display-p3 .941176 .588235 .215686)}}:root{--overlay-filter:blur(1rem);--overlay-background:#fffc;--overlay-shadow:0 0 0 1px #0000000a, 0 1.625rem 3.375rem #0000000a, 0 1rem 2rem #00000008, 0 .625rem 1rem #00000006, 0 .3125rem .5rem #00000005, 0 .125rem .25rem #00000004, 0 0 .125rem #00000003;--max-z-index:2147480000}*{box-sizing:border-box;backface-visibility:hidden;border:0;outline:0;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:0 0;border-radius:100px}:hover::-webkit-scrollbar-thumb{background:#00000026}::-webkit-scrollbar-thumb:hover{background:#00000040}::selection{color:var(--selection-color);background:var(--selection-bg)}:focus-visible{outline:2px solid var(--focus-color)}html{background:var(--body-bg);color:var(--body-color);scroll-behavior:smooth;overflow-anchor:none;scroll-padding-top:5.25rem}html,html body{min-height:100%}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:#0000;-moz-text-size-adjust:none;text-size-adjust:none;backface-visibility:hidden;font-size:16px;font-family:var(--font-body);overflow-y:scroll}html body{font-family:var(--font-primary)}button,input,input[type=button],input[type=text],select,textarea{appearance:none;font-family:var(--font-body)}button{cursor:pointer;background:0 0}button:disabled{pointer-events:none;cursor:not-allowed}img,svg{max-width:100%;height:auto;display:inline-block}figure img,figure video{display:block;position:relative}a{color:inherit;text-decoration:none}dl{grid-gap:.75rem .375rem;grid-template-columns:1fr 1fr;width:fit-content;padding:2.25rem 0 0;font-size:.875rem;font-weight:460;line-height:1.375rem;display:grid}dl dt{color:#0006}.table-wrapper{width:100%;max-width:100%;padding:.5rem 0 1rem;display:block;position:relative;overflow-x:auto}.table-wrapper table{border-spacing:0;border-collapse:collapse;width:100%;margin:0 auto;font-size:.8125rem;display:table}.table-wrapper table tfoot,.table-wrapper table thead{text-align:left;color:#111}.table-wrapper table tfoot tr th,.table-wrapper table thead tr th{letter-spacing:-.00563rem;border-bottom:1px solid #0000001a;padding:.375rem .75rem;font-weight:500;line-height:1.15rem}.table-wrapper table tfoot tr th:first-child,.table-wrapper table thead tr th:first-child{padding-left:0}.table-wrapper table tfoot tr th:last-child,.table-wrapper table thead tr th:last-child{padding-right:0}.table-wrapper table tbody{color:#00000073}.table-wrapper table tbody strong{color:#000}.table-wrapper table tbody tr td{white-space:break-spaces;letter-spacing:-.00563rem;border-bottom:1px solid #0000000f;padding:.375rem .75rem;font-weight:460;line-height:1.15rem}.table-wrapper table tbody tr td:first-child{color:#111;padding-left:0}.table-wrapper table tbody tr td:last-child{padding-right:0}.table-wrapper table tbody tr td code{color:#000000a6;font-size:.8125rem}dl[data-variant=secondary]{grid-gap:.75rem .25rem;grid-template-columns:1fr 1fr;padding:1rem 0;font-size:1rem;line-height:1.375rem;display:grid}dl[data-variant=secondary] dt{color:#111;letter-spacing:-.00563rem;background-color:var(--body-bg);width:fit-content;padding-right:.5rem;font-size:.875rem;font-weight:460;line-height:1.25rem}dl[data-variant=secondary] dt:before{z-index:-1;content:"";border-bottom:1px solid #f2f2f2;position:absolute;left:0;right:0;transform:translateY(1.25em)}dl[data-variant=secondary] dd{background-color:var(--body-bg);text-align:right;color:#0006;letter-spacing:-.00563rem;white-space:nowrap;width:fit-content;margin-left:auto;padding-left:.5rem;font-size:.875rem;font-weight:460;line-height:1.25rem}.footnotes{padding:2.5rem 0 0}.footnotes .styled-link{color:#000000a6}.footnotes .styled-link:hover{color:#111}.footnotes .styled-link span{width:14px}.footnotes .styled-link svg{color:#0006;transform:translateY(-1px)}.footnotes:before{content:"";background:#ededed;width:3.125rem;height:1px;display:block}.footnotes h2{color:#0006;letter-spacing:.00063rem;text-transform:uppercase;font-size:.6875rem;font-weight:460}.footnotes ol{padding:0 0 0 .25rem;list-style:none;display:block;position:relative;padding-top:3rem!important}.footnotes ol li{counter-increment:list;color:#0006;letter-spacing:.00063rem;padding:0 0 .5625rem .25rem;font-size:.75rem;font-weight:460;line-height:1.2;position:relative}.footnotes ol li:before{content:counter(list);letter-spacing:.00063rem;font-size:.45rem;font-weight:460;position:absolute;top:0;right:100%}.footnotes ol li p{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}.footnotes ol li p a{z-index:2}.footnotes .data-footnote-backref{z-index:1;text-indent:-9999px;display:inline-block;position:absolute;inset:0 0 .5em;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-radix-popper-content-wrapper]{z-index:21474836!important}@keyframes staggerIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.homepage>.article>*{animation:.5s both staggerIn}.homepage>.article>:first-child{animation-delay:0s}.homepage>.article>:nth-child(2){animation-delay:50ms}.homepage>.article>:nth-child(3){animation-delay:.1s}.homepage>.article>:nth-child(4){animation-delay:.15s}.homepage>.article>:nth-child(5){animation-delay:.2s}.homepage>.article>:nth-child(6){animation-delay:.25s}.homepage>.article>:nth-child(7){animation-delay:.3s}.homepage>.article>:nth-child(8){animation-delay:.35s}.homepage>.article>:nth-child(n+9){animation-delay:.4s}.homepage>footer,.homepage>section{animation:.5s both staggerIn}.homepage>section{animation-delay:.45s}.homepage>section:nth-of-type(2){animation-delay:.5s}.homepage>footer{animation-delay:.55s}h1,h2,h3,h4,h5,h6{color:var(--heading-color);-webkit-text-stroke:.001px transparent;display:flex;position:relative}h1 svg,h2 svg,h3 svg,h4 svg,h5 svg,h6 svg{vertical-align:middle;margin-right:.5rem;display:inline-block;transform:translateY(-2px)}h1+hr,h2+hr,h3+hr,h4+hr,h5+hr,h6+hr{z-index:-1;margin:-.5rem auto .5rem}h1{letter-spacing:-.01875rem;font-size:1.1875rem;font-weight:500;line-height:normal}h2{font-weight:600}h2,h3{letter-spacing:-.00813rem;font-size:.9375rem;line-height:normal}h3{font-weight:500}h4{letter-spacing:-.00563rem;font-size:.8125rem}h4,h5{font-weight:500;line-height:normal}h5{opacity:.4;letter-spacing:.00063rem;text-transform:uppercase;font-size:.75rem}h6{letter-spacing:-.04px;font-size:.8125rem;font-weight:500;line-height:1.1375rem}.basic-link{color:inherit;font-weight:inherit;line-height:inherit;transition:all .2s;display:inline;position:relative}.basic-link:before{pointer-events:none;content:"";opacity:1;background:#d9d9d9;border-radius:2px;height:1px;transition:inherit;position:absolute;bottom:0;left:0;right:0}.basic-link:hover:before{background:#666}.basic-link:focus-visible{outline:2px solid var(--focus-color);border-radius:2px;margin:0 -2px;padding:0 2px;transition:none}.styled-link{color:#2480ed;font-weight:inherit;line-height:inherit;position:relative}.styled-link,.styled-link span{transition:all .2s;display:inline-block}.styled-link span{color:#0006;margin-left:2px}.styled-link span svg{display:block}.styled-link:hover{color:#74b1fd}.styled-link:focus-visible{outline:2px solid var(--focus-color);border-radius:2px;margin:0 -2px;padding:0 2px;transition:none}code,pre{font-family:var(--font-code)}figure[data-rehype-pretty-code-figure]{flex-direction:column;gap:.5rem;margin:.625rem auto;display:flex}figure[data-rehype-pretty-code-figure] [data-rehype-pretty-code-title]{font-family:var(--font-code);color:#7c7b74;font-size:.75rem}figure[data-rehype-pretty-code-figure] figcaption[data-rehype-pretty-code-caption]{color:#7c7b74;text-align:center;font-size:.75rem}figure[data-rehype-pretty-code-figure] pre{white-space:pre-wrap;word-break:break-word;color:#333;background:#f8f8f8;border-radius:.5rem;display:block;overflow-x:hidden}figure[data-rehype-pretty-code-figure] pre [data-line]{padding-left:1.75rem;display:block}figure[data-rehype-pretty-code-figure] pre [data-highlighted-line]{background:#ffffff1a}figure[data-rehype-pretty-code-figure] pre [data-highlighted-line-id=i]{background:#f87cff1a}figure[data-rehype-pretty-code-figure] pre [data-highlighted-line-id=s]{background:#ffff001a}figure[data-rehype-pretty-code-figure] pre [data-highlighted-line-id=v]{background:#b700ff1a}figure[data-rehype-pretty-code-figure] pre [data-highlighted-chars]{background:#07ffe24d}figure[data-rehype-pretty-code-figure] pre code{padding:.875rem 1rem;font-size:.8125rem;font-weight:400;line-height:1.55}figure[data-rehype-pretty-code-figure] pre code span{display:inline}figure[data-rehype-pretty-code-figure] pre code:before{display:none}figure[data-rehype-pretty-code-figure] pre code{counter-reset:line}figure[data-rehype-pretty-code-figure] pre code>[data-line]:before{counter-increment:line;content:counter(line);text-align:left;color:#12121266;width:1.25rem;margin-left:-1.75rem;margin-right:.5rem;font-size:.8125rem;font-weight:400;line-height:normal;display:inline-block}code{color:#000000bf;padding:.1rem .2rem;font-size:.9em;line-height:1;display:inline-block;position:relative}code:before{pointer-events:none;content:"";background:#0000000a;border-radius:.25rem;position:absolute;inset:-.1em 0;transform:translateY(-1px)}[data-rmiz-wrap=hidden]{visibility:hidden}[data-rmiz-overlay]{width:100%;height:100%;transition-property:background-color;position:fixed;inset:0}[data-rmiz-btn-close],[data-rmiz-btn-open]{z-index:2;width:100%;height:100%;font:inherit;color:inherit;appearance:none;background:0 0;border:none;border-radius:0;margin:0;padding:0;position:absolute;inset:0}[data-rmiz-btn-open]{cursor:zoom-in}[data-rmiz-btn-close]{cursor:zoom-out}[data-rmiz-modal-content]{transform-origin:50%;transition-property:transform;position:absolute}[data-rmiz-modal-content] img{display:block}@keyframes fadeInOut{0%,to{opacity:0}10%{opacity:1}}.article{max-width:70ch}.article .target{position:relative}.article .target:after{content:"";mix-blend-mode:multiply;pointer-events:none;background:#ffa;border-radius:.5rem;animation:5s both fadeInOut;position:absolute;inset:.5rem -1rem -.5rem}.article li.target:after{inset:-.5rem -1rem .25rem}.article h1.target:after,.article h2.target:after,.article h3.target:after,.article h4.target:after,.article h5.target:after,.article h6.target:after{inset:-.5rem -1rem}.article>header{flex-direction:column;gap:.25rem;padding:0 0 .5rem;display:flex}.article>header h1{color:#111;font-weight:500}.article>header h1,.article>header time{letter-spacing:-.00563rem;font-size:.875rem;line-height:1.25rem}.article>header time{color:#0006;font-weight:460}.article>header .case-impact{margin:0;padding:0;list-style:none}.article>header .case-impact li{letter-spacing:-.00563rem;color:#0006;margin:0;padding:0;font-size:.875rem;font-weight:460;line-height:1.25rem}.article>header .case-impact li:before{content:none}.article>footer{flex-direction:column;gap:1rem;padding:3rem 0 0;display:flex}.article>footer h1,.article>footer p{color:#0006;letter-spacing:.00063rem;font-size:.75rem;font-weight:460;line-height:1.2}.article>footer .styled-link{color:#000000a6}.article>footer .styled-link:hover{color:#111}.article>footer .styled-link span{width:14px}.article>footer .styled-link svg{color:#0006;transform:translateY(-1px)}.article h1{letter-spacing:-.00813rem;font-size:.9375rem;font-weight:600;line-height:normal}.article h2{letter-spacing:-.00563rem;font-size:.875rem;font-weight:560;line-height:1.25rem}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{text-wrap:balance}.article>p,.article>p+h1{padding-top:1rem}.article>p+h2{padding-top:2.25rem}.article>p+h3,.article>p+h4,.article>p+h5,.article>p+h6{padding-top:1rem}.article h1+ol,.article h1+ul,.article h2+ol,.article h2+ul,.article h3+ol,.article h3+ul,.article h4+ol,.article h4+ul,.article h5+ol,.article h5+ul,.article h6+ol,.article h6+ul{padding-top:1.5rem}.article dl,.article li,.article p{letter-spacing:-.00563rem;font-size:.875rem;font-weight:460;line-height:1.25rem}.article dl strong,.article li strong,.article p strong{font-weight:600}.article dl small,.article li small,.article p small{letter-spacing:.05px;font-size:.8125rem;line-height:1rem;display:block}.article dl.soft,.article li.soft,.article p.soft{color:#00000080}.article dl.soft a:hover,.article li.soft a:hover,.article p.soft a:hover{color:#000}.article dl.softer,.article li.softer,.article p.softer{color:#0000004d}.article sup{color:#12121280;letter-spacing:-.00563rem;padding:0 0 0 .35em;font-size:.6em;font-weight:460;line-height:1;display:inline-block}.article sup a:before{display:none}.article sup a:hover{color:#000}.article sup button{color:#000;font-size:inherit}.article mark{color:inherit;background:0 0;line-height:1;display:inline-block;position:relative}.article mark:not([data-marker]):before{pointer-events:none;content:"";z-index:-1;background:#fef9c0;position:absolute;inset:55% 0 0}.article>mark{margin:1rem auto}.nira-calculation{background:#fafafa;border-left:2px solid #111;margin:2.25rem 0 0;padding:1.25rem}.nira-calculation>p{margin-top:.75rem}.nira-calculation ol{gap:.625rem;margin-top:1rem;padding-left:1.25rem;display:grid}.nira-calculation li{padding-left:.25rem}.case-gif{margin:0;padding:2rem 0}.case-gif img{border:1px solid #e6e6e6;border-radius:.5rem;width:100%;height:auto;display:block}.case-gif-zoom{border:1px solid #e6e6e6;border-radius:.5rem;overflow:hidden}.case-gif .case-gif-zoom img{border:0;border-radius:0;scale:1.1}.phone-frame{aspect-ratio:6/5;background:#fff;border:1px solid #e6e6e6;border-radius:.5rem;margin:2rem 0;position:relative;overflow:hidden}.phone-frame-image{width:55%;height:auto;position:absolute;top:7.5%;left:50%;translate:-50%}.phone-frame-placeholder{text-align:center;color:#0006;border:1px dashed #00000026;border-radius:.5rem;justify-content:center;align-items:center;padding:1rem;font-size:.8rem;display:flex;position:absolute;inset:1.5rem}.copy-item .phone-frame{margin:0}.phone-frame--fit{display:block}.phone-frame-fit{justify-content:center;align-items:center;display:flex;position:absolute;inset:1.5rem}.phone-frame-fit-image{border-radius:.5rem;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 0 0 1px #0000000f,0 8px 20px -8px #00000024}.phone-frame--bottom .phone-frame-image{top:auto;bottom:7.5%}.margin-stickers{display:none}@media (min-width:1200px){.has-margin-stickers{position:relative}.margin-stickers{width:13rem;height:12rem;display:block;position:absolute;top:-.5rem;left:calc(100% + 3rem)}.margin-note{z-index:10;font-family:var(--font-hand);color:#0000008c;white-space:nowrap;rotate:var(--r);pointer-events:none;font-size:1.2rem;line-height:1;position:absolute}.margin-note-arrow{z-index:10;pointer-events:none;height:auto;position:absolute;overflow:visible}.margin-note-arrow path{stroke:#0000008c;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.margin-sticker{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transform:translate(var(--x,0), var(--y,0)) rotate(calc(var(--r) + var(--tilt,0deg))) scale(var(--s,1));filter:drop-shadow(0 1px 1px #00000014)drop-shadow(0 4px 6px #0000001a);transition:transform .4s cubic-bezier(.34,1.56,.64,1),filter .2s;display:block;position:absolute}.margin-sticker img{pointer-events:none;width:100%;height:auto;display:block}.margin-sticker:hover{--tilt:calc(var(--r) * -1.6);--s:1.08}.margin-sticker.is-dragging{cursor:grabbing;--s:1.14;filter:drop-shadow(0 2px 2px #0000001a)drop-shadow(0 12px 16px #00000029);transition:filter .2s}.margin-sticker-sheen{pointer-events:none;opacity:0;background:linear-gradient(115deg,#0000 35%,#ffffffbf 50%,#0000 65%) 150% 0/250% 100% no-repeat;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.margin-sticker:hover .margin-sticker-sheen{opacity:1;animation:.9s ease-out sticker-sheen}.margin-sticker-sparkle{pointer-events:none;fill:#ff774a;opacity:0;position:absolute;transform:scale(0)}.margin-sticker:hover .margin-sticker-sparkle{animation:1.2s ease-in-out infinite both sticker-sparkle}.margin-sticker.is-dragging .margin-sticker-sparkle{animation:none}}@keyframes sticker-sheen{0%{background-position:150% 0}to{background-position:-50% 0}}@keyframes sticker-sparkle{0%,to{opacity:0;transform:scale(0)rotate(0)}40%{opacity:1;transform:scale(1)rotate(45deg)}70%{opacity:.8;transform:scale(.7)rotate(90deg)}}@media (prefers-reduced-motion:reduce){.margin-sticker{transition:none}.margin-sticker:hover .margin-sticker-sheen,.margin-sticker:hover .margin-sticker-sparkle{animation:none}.margin-sticker:hover .margin-sticker-sparkle{opacity:1;transform:none}}.copy-frames{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:.75rem;width:calc(50% + 50vw);margin:2rem 0;display:flex;overflow-x:auto}.copy-frames::-webkit-scrollbar{display:none}.copy-frames:after{content:"";flex:0 0 1px}.copy-item{scroll-snap-align:start;flex:0 0 calc(200% - 100vw);margin:0}.copy-frame{aspect-ratio:16/10;background:#fff;border:1px solid #e6e6e6;border-radius:.5rem;justify-content:center;align-items:center;padding:1.5rem;display:flex}.copy-frames--captioned,.phone-frame--captioned{margin-bottom:0}.article .copy-strip-caption{text-align:center;color:#0006;margin:0 0 2rem;padding:.75rem 1rem 0;font-size:.8rem}.copy-item figcaption{text-align:center;color:#0006;padding:.75rem 1rem 0;font-size:.8rem}.copy-frame img{width:100%;max-width:23rem;height:auto;display:block}.copy-frames--tall .copy-frame{aspect-ratio:4/3}.copy-frames--tall .copy-frame img{width:auto;max-width:100%;height:100%}.cero-model{aspect-ratio:16/10;cursor:grab;background:#fff;border:1px solid #e6e6e6;border-radius:.5rem;position:relative;overflow:hidden}.cero-model:active{cursor:grabbing}.cero-model canvas{inset:0;position:absolute!important}.cero-model-poster{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.cero-model-toggle{z-index:2;color:#111;font:inherit;cursor:pointer;background:#ffffffe6;border:1px solid #e6e6e6;border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:background .2s,border-color .2s;position:absolute;bottom:1rem;left:1rem}.cero-model-toggle:hover{background:#f2f2f2;border-color:#ddd}.cero-model-load{z-index:2;color:#111;font:inherit;white-space:nowrap;cursor:pointer;background:#ffffffeb;border:1px solid #e6e6e6;border-radius:9999px;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.cero-model-load:disabled{color:#00000073;cursor:default}@media (min-width:768px){.cero-model-load{display:none}}.cero-model-hint{z-index:2;color:#0006;pointer-events:none;font-size:.75rem;position:absolute;bottom:1.375rem;right:1rem}.cero-model-label{z-index:1;will-change:transform;white-space:nowrap;color:#0000008c;pointer-events:none;background:#ffffffe6;border:1px solid #ececec;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;transition:opacity .3s;position:absolute;top:0;left:0}.cero-model-label strong{color:#111;font-weight:500}.article mark[data-marker]{line-height:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ff774a33;border-radius:.5em .2em .45em .15em/.3em .5em .25em .6em;margin:0 -.05em;padding:.05em .2em;display:inline}.article blockquote{letter-spacing:-.0025rem;color:#12121299;padding:2rem 0;font-size:.8125rem;font-style:italic;font-weight:460;line-height:140%}.article blockquote p{padding:0 0 0 1rem;display:block;position:relative}.article blockquote p:before{content:"";background:#e6e6e6;border-radius:.3125rem;width:.125rem;position:absolute;top:0;bottom:0;left:0}.article blockquote p+p{padding-top:.75rem}.article blockquote cite{padding:1rem 0 0 1rem;display:block}.article blockquote cite:before{content:"- "}.article em,.article em strong,.article strong em{color:#000;font-family:var(--font-secondary);letter-spacing:.01rem;font-variation-settings:"opsz" 10;font-size:.9375rem;font-style:italic;font-weight:430}:is(.article p:has(em strong),.article p:has(strong em)){color:#999}.article p em{line-height:1}.article>ol,.article>ul{padding:.5rem 0 1rem 1.25rem;list-style:none;display:block;position:relative}.article>ol[data-variant=circle] li:before,.article>ul[data-variant=circle] li:before{content:counter(list);color:#0006;text-align:center;letter-spacing:-.00563rem;background:#f2f2f2;border-radius:.75rem;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:.625rem;font-weight:500;display:flex;transform:translate(50%,12%)}.article>ol ol,.article>ol ul,.article>ul ol,.article>ul ul{padding:.5rem 0 0 .5rem;list-style:none}.article>ol li,.article>ul li{letter-spacing:-.00563rem;padding:0 0 .5rem .75rem;font-size:.875rem;font-weight:460;line-height:1.25rem;position:relative}.article>ol li:last-child,.article>ul li:last-child{padding-bottom:0}.article>ul li:before{content:"";background:#b3b3b3;border-radius:50%;width:.25rem;height:.25rem;position:absolute;top:.675em;right:100%}.article>ul li ul li:before{background:#fff;box-shadow:inset 0 0 0 1px #b3b3b3}.article>ol{counter-reset:list;padding-left:1rem}.article>ol li{counter-increment:list;padding-left:1rem}.article>ol li:before{content:counter(list) ".";color:#0006;width:.25rem;height:.25rem;position:absolute;top:0;right:100%}.article>ol li ol{counter-reset:list}.article .timeline{--timeline-left:-1.75rem;--circle-size:9px;--circle-border:1.5px;--line-color:#00000014;--circle-border-color:#0000001f;--gap-size:6px;--entry-gap:3rem;--h2-line-height:1.25rem;margin-top:2rem;position:relative}.article .timeline .timeline-entry{position:relative}.article .timeline .timeline-entry:not(:first-child){margin-top:var(--entry-gap)}.article .timeline .timeline-entry:first-child h2:before{width:calc(var(--circle-size) + 4px);height:calc(var(--circle-size) + 4px);top:calc((var(--h2-line-height) - var(--circle-size) - 4px)/2)}.article .timeline .timeline-entry:first-child:after{top:calc((var(--h2-line-height) + var(--circle-size) + 4px)/2 + var(--gap-size))}.article .timeline .timeline-entry:not(:last-child):after{content:"";left:var(--timeline-left);background:var(--line-color);width:1px;top:calc((var(--h2-line-height) + var(--circle-size))/2 + var(--gap-size));height:calc(100% + var(--entry-gap) - var(--circle-size) - var(--gap-size)*2);position:absolute;transform:translate(-50%)}.article .timeline h2{font-size:.875rem;font-weight:500;line-height:var(--h2-line-height);letter-spacing:-.00563rem;margin-top:0;position:relative}.article .timeline h2:before{content:"";left:var(--timeline-left);top:calc((var(--h2-line-height) - var(--circle-size))/2);width:var(--circle-size);height:var(--circle-size);box-shadow:inset 0 0 0 var(--circle-border) var(--circle-border-color);z-index:1;background:#fff;border-radius:50%;position:absolute;transform:translate(-50%)}.article .timeline h2.target>span{position:relative}.article .timeline h2.target>span:after{content:"";mix-blend-mode:multiply;pointer-events:none;background:#ffa;border-radius:.25rem;animation:5s both fadeInOut;position:absolute;inset:-.125rem -.5rem}.article .timeline .timeline-footer{flex-wrap:wrap;align-items:center;gap:.25rem;margin-top:1.25rem;font-size:0;display:flex}.article .timeline time{color:#00000052;letter-spacing:0;align-items:center;font-size:.6875rem;font-weight:460;display:inline-flex}.article .timeline time:after{content:"";background:#00000026;border-radius:50%;width:2px;height:2px;margin-left:.5rem;display:inline-block}.article .timeline time:only-child:after{display:none}.article .timeline p{margin-top:.75rem}.article .timeline>a[download]{width:fit-content;display:flex}.article .timeline>a:has([class*=file]){width:fit-content;display:flex}.article .timeline figure[data-rehype-pretty-code-figure],.article .timeline pre{margin-top:.75rem}.site-footer{padding:2.5rem 0 5rem}.site-footer-inner{max-width:36.375rem;margin:0 auto}.site-footer-inner:before{content:"";background:#ededed;width:3.125rem;height:1px;margin:0 0 2.375rem;display:block}.site-footer-inner p{color:#0006;letter-spacing:-.0025rem;font-size:.8125rem;font-weight:460}.site-footer-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-notes-link{color:#0006;letter-spacing:-.0025rem;font-size:.8125rem;font-weight:460;transition:opacity .15s}.footer-notes-link:hover{opacity:.5}.footer-title{color:#0006;letter-spacing:-.00563rem;border-bottom:1px solid #f2f2f2;padding-bottom:.5rem;font-size:.875rem;font-weight:460}.post-list{padding:2rem 0 0}.post-list[data-variant=secondary]{font-family:var(--font-code)}.post-list>ul{flex-direction:column;list-style:none;display:flex}@media screen and (min-width:520px){.post-list>ul:hover>li>ul>li>a h2,.post-list>ul:hover>li>ul>li>a :is(time,.list-label) span,.post-list>ul:hover>li>ul>li>a span.desc{opacity:.3}.post-list>ul:hover>li>ul>li>a :is(time,.list-label) span:last-child{opacity:1}}.post-list>ul>li{border-bottom:1px solid #f2f2f2}.post-list>ul>li:last-child{border-bottom:none}.post-list>ul>li>ul{flex-direction:column;list-style:none;display:flex}.post-list>ul>li>ul>li:last-child>a:after{display:none}.post-list>ul>li>ul>li:first-child>a>:is(time,.list-label)>span:last-child{visibility:visible}.post-list>ul>li>ul>li>a{justify-content:space-between;align-items:center;gap:1rem;padding:.735rem 0 .735rem 6.75rem;display:flex;position:relative}@media screen and (max-width:520px){.post-list>ul>li>ul>li>a{padding-left:3rem}.homepage-projects>ul>li>ul>li>a{padding-left:6.75rem}}.post-list>ul>li>ul>li>a:hover h2,.post-list>ul>li>ul>li>a:hover :is(time,.list-label) span,.post-list>ul>li>ul>li>a:hover span.desc{opacity:1}.post-list>ul>li>ul>li>a:hover h2:after{transform:translate(.25rem)rotate(45deg)}.post-list>ul>li>ul>li>a:after{content:"";border-bottom:1px solid #f2f2f2;position:absolute;bottom:0;left:6.75rem;right:0}.post-list>ul>li>ul>li>a h2{color:#111;letter-spacing:-.00563rem;align-items:center;gap:.625rem;font-size:.875rem;font-weight:460;transition:opacity .14s;display:inline-flex}.post-list>ul>li>ul>li>a :is(time,.list-label){color:#0006;letter-spacing:-.00563rem;font-size:.875rem;font-weight:460;line-height:normal}.post-list>ul>li>ul>li>a :is(time,.list-label) span{transition:opacity .14s;display:inline-block}.post-list>ul>li>ul>li>a :is(time,.list-label) span:nth-child(2){width:0;height:0;padding:0;position:absolute;overflow:hidden}.post-list>ul>li>ul>li>a :is(time,.list-label) span:last-child{visibility:hidden;position:absolute;left:0}.post-list>ul>li>ul>li.list-more>button{color:#0006;font:inherit;letter-spacing:-.00563rem;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:.735rem 0;font-size:.875rem;font-weight:460;transition:color .14s;display:inline-flex}.post-list>ul>li>ul>li.list-more>button:hover{color:#111}.post-list>ul>li>ul>li.list-more>button[aria-expanded=true]{padding-left:6.75rem}.post-list>ul>li>ul>li.list-more>button svg{transition:transform .2s}.post-list>ul>li>ul>li.list-more>button[aria-expanded=true] svg{transform:rotate(180deg)}.list-row-revealed{animation:.35s cubic-bezier(.2,.8,.2,1) both listRowIn}@keyframes listRowIn{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.list-row-revealed{animation:none}}.soon-tag{color:#0006;background:#0000000a;border-radius:.375rem;padding:0 .375rem;font-size:.75rem;font-weight:460;line-height:1.25rem}.homepage-projects a:not([href]){cursor:default}.homepage-grid{grid-template-rows:auto auto auto auto auto auto;grid-template-columns:[A-start]1fr[A-end B-start]minmax(0,36.375rem)[B-end C-start]1fr[C-end];column-gap:1rem;display:grid}.benjamin-link{color:#2480ed}.benjamin-link:before{background:#2480ed33}.benjamin-link:hover:before{background:#2480ed}.nira-link{color:#2480edcc}.nira-link:before{background:#2480ed33}.nira-link:hover:before{background:#2480ed99}.building-link{color:#ff5c01}.building-link:before{background:#ff5c014d}.building-link:hover:before{background:#ff5c01}.homepage-grid>.page-container:before{opacity:0;transition:opacity .3s}html[data-top-fade] .homepage-grid>.page-container:before{opacity:1}.homepage-grid>.page-container{grid-area:1/B/-1}.homepage-grid>.page-container,.homepage-grid .homepage{grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;display:grid}.homepage-grid .homepage{grid-row:1/-1}.homepage-grid .homepage>.article{grid-row:1}.homepage-grid .homepage>section{grid-row:2}.homepage-grid .homepage>.homepage-row-components{grid-row:3;padding-bottom:2.5rem;display:none}@media screen and (max-width:1264px){.homepage-grid .homepage>.homepage-row-components{display:block}}.homepage-grid .homepage>.homepage-row-notes{grid-row:4;padding-bottom:2.5rem}.homepage-grid .homepage>.homepage-row-fragments{grid-row:5;padding-bottom:2.5rem;display:none}@media screen and (max-width:1264px){.homepage-grid .homepage>.homepage-row-fragments{display:block}}.homepage-grid .homepage>section .post-list>ul>li{border-bottom:none;position:relative}.homepage-grid .homepage>section .post-list>ul>li:after{content:"";border-bottom:1px solid #f2f2f2;position:absolute;bottom:0;left:-2rem;right:-2rem}.homepage-grid .homepage>section .post-list>ul>li:last-child:after{display:none}.homepage-grid .homepage>section .post-list>ul>li>ul>li>a:after{right:-2rem}.homepage-notes>ul>li{border-bottom:none}.homepage-notes>ul>li>ul>li>a{padding-top:1.25rem;padding-bottom:1.25rem}.homepage-notes>ul>li>ul>li>a:after{display:none}@media screen and (max-width:520px){.homepage-notes>ul>li>ul>li>a{padding-left:5rem}}.homepage-notes-heading h2{color:#111;letter-spacing:-.00563rem;font-size:.875rem;font-weight:460;line-height:1.25rem}.homepage-notes-heading p{color:#0006;max-width:20rem;margin-top:.375rem;font-size:.875rem;font-weight:460;line-height:1.4}.homepage-notes-heading--a3{grid-area:4/A;padding:calc(1px + 3.25rem) 2rem 0}.homepage-notes-heading--inline{display:none}.homepage-grid .homepage>footer{grid-row:6}.homepage-grid .homepage>.article,.homepage-grid .homepage>section{padding-bottom:2.5rem}.homepage-grid .homepage>.site-footer{padding-top:0}.homepage-grid .homepage .section-divider{margin-top:0}.homepage-grid .homepage>footer>.section-divider{margin-bottom:2.5rem}.homepage-grid-canvas{background-color:#f7f7f6;background-image:radial-gradient(circle,#00000024 1px,#0000 1px);background-size:16px 16px;grid-row:2;min-width:0}.homepage-grid-canvas--a2{background-position:right 8px top 8px;border-right:1px solid #f2f2f2;grid-column:A;justify-content:center;align-items:center;padding:2rem;display:flex}.homepage-grid-fragments{width:min(100%,20rem);height:auto}.homepage-grid-canvas--a2{position:relative;overflow:hidden}.fragments-gallery{pointer-events:auto;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.fragments-gallery-note{justify-content:center;width:100%;transition:opacity .3s,transform .4s cubic-bezier(.2,.8,.2,1);display:flex}.fragments-gallery.is-active .fragments-gallery-note{opacity:0;transform:scale(.97)}.fragments-gallery-stage{opacity:0;transition:opacity .3s;position:absolute;inset:0;container-type:size}.fragments-gallery.is-active .fragments-gallery-stage,.mobile-fragments .fragments-gallery-stage{opacity:1}.fragments-gallery-image{--w:calc(100cqh * var(--ratio));top:0;left:round(down, (100cqw - var(--w)) / 2, 1px);width:var(--w);object-fit:cover;max-width:none;height:100cqh;position:absolute}.fragments-gallery-image.is-entering{animation:.5s cubic-bezier(.2,.8,.2,1) both fragmentIn}.fragments-gallery-image.is-leaving{animation:.35s ease-in both fragmentOut}.fragments-gallery-preload{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}@keyframes fragmentIn{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes fragmentOut{to{opacity:0;transform:translateY(-10px)scale(.98)}}.fragments-gallery-toggle{z-index:1;cursor:pointer;opacity:0;pointer-events:none;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;transition:opacity .3s,transform .15s;display:flex;position:absolute;bottom:1rem;right:1rem;box-shadow:0 1px 2px #0000000f}.fragments-gallery.is-active .fragments-gallery-toggle,.mobile-fragments .fragments-gallery-toggle{opacity:1;pointer-events:auto}.fragments-gallery-toggle:active{transform:scale(.94)}.fragments-gallery-ring{pointer-events:none;position:absolute;inset:0;transform:rotate(-90deg)}.fragments-gallery-ring circle{fill:none;stroke:#00000014;stroke-width:2px}.fragments-gallery-ring circle+circle{stroke:#111;stroke-linecap:round}.homepage-grid-canvas--c2{position:relative;overflow:hidden}.case-preview{pointer-events:none;position:absolute;inset:0;container-type:size}.case-preview-image{--w:calc(100cqh * var(--ratio));top:0;left:round(down, (100cqw - var(--w)) / 2, 1px);width:var(--w);object-fit:cover;max-width:none;height:100cqh;position:absolute}.case-preview-image.is-entering{animation:.5s cubic-bezier(.2,.8,.2,1) both fragmentIn}.case-preview-image.is-leaving{animation:.35s ease-in both fragmentOut}.fragments-gallery-open{z-index:1;cursor:zoom-in;background:0 0;border:none;padding:0;position:absolute;inset:0}.component-modal-stage.fragment-modal-stage{padding:0}.fragment-modal-image{width:auto;max-width:none;height:100%;position:absolute;top:0;left:50%;translate:-50%}.component-modal-more-grid.fragment-more-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fragment-tile{padding:0}.fragment-tile-image{width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){.case-preview-image.is-entering,.case-preview-image.is-leaving,.fragments-gallery-image.is-entering,.fragments-gallery-image.is-leaving{animation-duration:1ms}}.homepage-grid-canvas--c2{background-position:8px 8px;border-left:1px solid #f2f2f2;grid-column:C}.homepage-grid-side,.homepage-grid-canvas{pointer-events:none}.homepage-grid-side{grid-row:1/-1;min-width:0}.homepage-grid-side:first-child{border-right:1px solid #f2f2f2;grid-column:A}.homepage-grid-side:last-child{border-left:1px solid #f2f2f2;grid-column:C}.homepage-grid-showcase{contain:size;flex-direction:column;grid-area:1/C;align-items:center;padding-top:5rem;display:flex;position:relative}.showcase-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;flex:1;align-self:stretch;min-height:0;display:flex;overflow:auto hidden}.homepage-grid-showcase .showcase-track{opacity:0;pointer-events:none;transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1);transform:translateY(.5rem)}.showcase-track::-webkit-scrollbar{display:none}.showcase-slide{scroll-snap-align:start;flex:0 0 100%;display:flex}.showcase-preview{flex:1;justify-content:center;align-items:safe center;min-width:0;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 1.5rem);mask-image:linear-gradient(#0000,#000 1.5rem)}.showcase-dots{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-radius:9999px;gap:.375rem;padding:.375rem .5rem;transition:opacity .25s;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #0000000f}.homepage-grid-showcase .showcase-dots{opacity:0;pointer-events:none}.showcase-dots button{cursor:pointer;background:#0003;border:none;border-radius:9999px;width:.375rem;height:.375rem;padding:0;transition:width .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.showcase-dots button[aria-current=true]{width:1.5rem}.showcase-dots button[aria-current=true]:after{content:"";width:calc(var(--progress,0) * 100%);border-radius:inherit;background:#111;transition:width .1s linear;position:absolute;inset:0 auto 0 0}.homepage-grid-showcase.is-active .showcase-dots{opacity:1;pointer-events:auto}.showcase-preview-fx{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.showcase-preview-scale{transform-origin:top;flex-shrink:0}.showcase-preview-stage{transition:transform calc(.65s / var(--demo-speed,1)) cubic-bezier(.45, 0, .2, 1);flex-shrink:0;padding:1.5rem 0;position:relative}.showcase-preview-open{z-index:4;cursor:pointer;background:0 0;border:none;position:absolute;inset:0}.showcase-preview-stage>div:first-of-type{transition:filter .3s}.showcase-preview:hover .showcase-preview-stage>div:first-of-type:not([data-showcase-flat]){filter:drop-shadow(0 4px 12px #00000014)}.showcase-preview-open:focus-visible{outline-offset:-2px;outline:2px solid #ff5c01}.homepage-grid-showcase.is-active .showcase-track{opacity:1;pointer-events:auto;transform:none}.homepage-grid-credit{color:#0006;white-space:nowrap;align-items:center;gap:.25rem;font-size:.875rem;line-height:1.25rem;transition:opacity .25s;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.homepage-grid-showcase.is-active .homepage-grid-credit{opacity:0}@media (prefers-reduced-motion:reduce){.showcase-track{transition:opacity .2s;transform:none}}.mobile-showcase,.mobile-fragments{padding-top:2rem;display:none}.mobile-showcase-caption{color:#0006;justify-content:center;align-items:center;gap:.25rem;margin-top:1.75rem;font-size:.875rem;font-weight:460;line-height:1.25rem;display:flex}.mobile-showcase-stage{background:#efefef;border-radius:1.75rem;flex-direction:column;height:26rem;display:flex;position:relative;overflow:hidden}@media screen and (max-width:1264px){.mobile-showcase,.mobile-fragments{display:block}.homepage-grid-showcase,.fragments-gallery,.case-preview{display:none}}.component-modal{z-index:50;overscroll-behavior:contain;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fcfcfb99;padding:1.5rem;animation:.2s both componentModalFade;position:fixed;inset:0;overflow-y:auto}.component-modal-content{flex-direction:column;gap:10rem;display:flex}.component-modal-dialog{gap:.5rem;width:100%;max-width:62rem;height:min(40rem,100dvh - 3rem);margin-block:max(0px,50dvh - 21.5rem);margin-inline:auto;animation:.25s cubic-bezier(.2,.8,.2,1) both componentModalIn;display:flex}.component-modal-more-hint{z-index:51;color:#333;cursor:pointer;opacity:0;pointer-events:none;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;transition:opacity .3s;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000014}.component-modal-more-hint.is-visible{opacity:1;pointer-events:auto;animation:1.6s ease-in-out infinite moreHintBob}@keyframes moreHintBob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}@media (prefers-reduced-motion:reduce){.component-modal-more-hint.is-visible{animation:none}}.component-modal-more-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.75rem;display:grid}.component-modal-more-column{flex-direction:column;gap:.75rem;display:flex}.component-modal-tile{background:#efefef;border-radius:1.75rem;transition:background-color .2s;position:relative;overflow:hidden}.component-modal-tile:hover{background:#e9e9e9}.component-modal-tile-stage{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.component-modal-tile-content{transform-origin:50%;flex-shrink:0;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.component-modal-tile-open{z-index:3;border-radius:inherit;cursor:pointer;background:0 0;border:none;position:absolute;inset:0}.component-modal-tile-open:focus-visible{outline-offset:-2px;outline:2px solid #ff5c01}.component-modal-stage{background:#efefef;border-radius:1.75rem;flex:1;justify-content:center;align-items:center;min-width:0;padding:2rem;display:flex;position:relative;overflow:hidden}.component-modal-fit{transform-origin:50%;flex-shrink:0;transition:transform .25s}.component-modal-fx{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.demo-cursor{z-index:3;pointer-events:none;opacity:0;transition:transform calc(.7s / var(--demo-speed,1)) cubic-bezier(.45, 0, .2, 1), opacity .3s ease;position:absolute;top:-3px;left:-3px}.demo-cursor.is-visible{opacity:1}.demo-cursor svg{transform-origin:3px 3px;transition:transform calc(.12s / var(--demo-speed,1)) ease;filter:drop-shadow(0 1px 2px #0003);display:block}.demo-probe *{pointer-events:auto!important}.demo-cursor svg path{stroke:#fff;stroke-width:3px;stroke-linejoin:round;stroke-opacity:0;paint-order:stroke fill;transition:stroke-opacity .2s}.demo-cursor.on-dark svg path{stroke-opacity:1}.demo-cursor.is-pressed svg{transform:scale(.82)}.component-modal-modes{z-index:4;background:#0000000d;border-radius:9999px;gap:.125rem;padding:.25rem;display:flex;position:absolute;top:1rem;left:1rem}.component-modal-modes button{color:#00000080;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;transition:background-color .2s,color .2s;display:flex}.component-modal-modes svg{opacity:.4;transition:opacity .2s;display:block}.component-modal-modes button:hover svg,.component-modal-modes button[aria-pressed=true] svg{opacity:1}.component-modal-modes button[aria-pressed=true]{color:#111;background:#fff;box-shadow:0 1px 2px #0000000f}.component-modal-playback{z-index:4;color:#333;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:transform .15s;display:flex;position:absolute;bottom:1rem;right:1rem;box-shadow:0 1px 2px #0000000f}.component-modal-ring{pointer-events:none;position:absolute;inset:0;transform:rotate(-90deg)}.component-modal-ring circle{fill:none;stroke:#00000014;stroke-width:2px}.component-modal-ring circle+circle{stroke:#111;stroke-linecap:round}.component-modal-playback:active{transform:scale(.94)}.component-modal-panel{background:#fff;border:1px solid #f0f0f0;border-radius:1.75rem;flex-direction:column;flex-shrink:0;width:19rem;padding:1.25rem;display:flex}.component-modal-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.component-modal-header h2{color:#111;letter-spacing:-.00563rem;font-size:.875rem;font-weight:500;line-height:1.25rem}.component-modal-close{color:#333;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;margin-right:-.375rem;transition:background-color .2s;display:flex}.component-modal-close:hover{background:#0000000d}.component-modal-description{color:#0006;margin-top:.375rem;font-size:.875rem;font-weight:460;line-height:1.4}.component-modal-code{z-index:5;--sh-class:#111;--sh-identifier:#333;--sh-sign:#0006;--sh-property:#2480ed;--sh-entity:#111;--sh-jsxliterals:#555;--sh-string:#c2410c;--sh-keyword:#ff5c01;--sh-comment:#00000059;background:#fff;border-radius:1.25rem;flex-direction:column;display:flex;position:absolute;inset:4rem 1rem 1rem;overflow:hidden;box-shadow:0 1px 2px #0000000a}.component-modal-code-bar{border-bottom:1px solid #f2f2f2;align-items:center;gap:.75rem;padding:.625rem .625rem .625rem 1rem;font-size:.8125rem;font-weight:460;display:flex}.component-modal-code-file{color:#111}.component-modal-code-requires{color:#0006;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.component-modal-code-copy{color:#fff;height:2rem;font:inherit;cursor:pointer;background:#18181b;border:none;border-radius:9999px;flex-shrink:0;padding:0 .875rem;transition:background-color .2s}.component-modal-code-copy:hover{background:#27272a}.component-modal-code pre{tab-size:4;flex:1;margin:0;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;line-height:1.6;overflow:auto}.component-modal-code code{color:inherit;font-size:inherit;line-height:inherit;counter-reset:line;padding:0;display:block;position:static}.component-modal-code code:before{content:none}.component-modal-code .sh__line:before{counter-increment:line;content:counter(line);color:#0003;text-align:right;-webkit-user-select:none;user-select:none;width:2rem;margin-right:1rem;display:inline-block}.component-modal-settings{flex-direction:column;gap:.5rem;margin-top:1.25rem;display:flex}.component-modal-setting{color:#111;letter-spacing:-.00563rem;background:#f5f5f5;border-radius:.75rem;justify-content:space-between;align-items:center;height:2.75rem;padding:0 .375rem 0 .875rem;font-size:.875rem;font-weight:460;display:flex}.component-modal-segment{background:#0000000d;border-radius:9999px;gap:.125rem;padding:.1875rem;display:flex}.component-modal-segment button{color:#00000080;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.3125rem .75rem;font-size:.8125rem;transition:background-color .2s,color .2s}.component-modal-segment button[aria-pressed=true]{color:#111;background:#fff;box-shadow:0 1px 2px #0000000f}.component-modal-stepper{align-items:center;gap:.25rem;display:flex}.component-modal-stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:1.5rem}.component-modal-stepper button{color:#111;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:opacity .2s,transform .15s;display:flex;box-shadow:0 1px 2px #0000000f}.component-modal-stepper button:active:not(:disabled){transform:scale(.92)}.component-modal-stepper button:disabled{opacity:.35;cursor:default}.component-modal-actions{flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1.5rem;display:flex}.component-modal-button{color:#111;height:2.75rem;font:inherit;letter-spacing:-.00563rem;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:9999px;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:460;transition:background-color .2s;display:flex}.component-modal-button:hover{background:#fafafa}.component-modal-button--primary{color:#fff;background:#18181b;border-color:#18181b}.component-modal-button--primary:hover{background:#27272a}@keyframes componentModalFade{0%{opacity:0}}@keyframes componentModalIn{0%{opacity:0;transform:scale(.97)translateY(.5rem)}}@media (prefers-reduced-motion:reduce){.component-modal,.component-modal-dialog{animation:none}}@media screen and (max-width:768px){.component-modal{padding:.75rem}.component-modal-dialog{flex-direction:column;height:auto;margin-block:0}.component-modal-more-grid{grid-template-columns:minmax(0,1fr)}.component-modal-stage{flex:none;min-height:34rem;padding:4rem 1rem}.component-modal-stage.fragment-modal-stage{padding:0}.component-modal-more-grid.fragment-more-grid{grid-template-columns:minmax(0,1fr)}.component-modal-panel{width:auto}.homepage-grid{grid-template-columns:[B-start]minmax(0,1fr)[B-end]}.homepage-grid-side,.homepage-grid-canvas,.homepage-notes-heading--a3{display:none}.homepage-notes-heading--inline{padding-top:2rem;display:block}.homepage-notes-heading--inline+.homepage-notes{padding-top:.75rem}.homepage-grid .homepage>section .post-list>ul>li:after{left:-1.5rem;right:-1.5rem}.homepage-grid .homepage>section .post-list>ul>li>ul>li>a:after{right:-1.5rem}}.article>p.benjamin-highlight{border-radius:.625rem;margin:.5rem -.75rem -.5rem;padding:.5rem .75rem;transition:background-color .2s}.article>p.benjamin-highlight:hover{background:#f2f2f2}.building-arrow{pointer-events:none;position:absolute;bottom:-1rem;right:-3.5rem}.building-arrow path{stroke-dasharray:1 1.1;stroke-dashoffset:1.05px}.building-arrow-shaft{animation:4.3s .6s infinite arrowTraceShaft}.building-arrow-head{animation:4.3s .6s infinite arrowTraceHead}:hover>.building-arrow path{stroke-dashoffset:0;animation:none}@keyframes arrowTraceShaft{0%{stroke-dashoffset:-1.05px;opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1)}16.7%,83.7%{stroke-dashoffset:0;opacity:1}94.2%,to{stroke-dashoffset:0;opacity:0}}@keyframes arrowTraceHead{0%,16.7%{stroke-dashoffset:1.05px;opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1)}23%,83.7%{stroke-dashoffset:0;opacity:1}94.2%,to{stroke-dashoffset:0;opacity:0}}@media (prefers-reduced-motion:reduce){.building-arrow path{stroke-dashoffset:0;animation:none}}@media screen and (max-width:768px){.building-arrow{display:none}}.sticker{vertical-align:middle;-webkit-user-select:none;user-select:none;border:2px solid #fff;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:relative;top:-.0625rem;box-shadow:0 1px 2px #0000001f,0 2px 6px #00000014}.sticker:hover{transform:rotate(0)scale(1.08)}.sticker-keep{white-space:nowrap}.sticker-stamp{color:#fff;letter-spacing:.01em;background:linear-gradient(105deg,#0000 40%,#ffffff8c 50%,#0000 60%) 150% 0/250% 100% no-repeat,#2480ed;border-radius:.4375rem;padding:.0625rem .3125rem;font-size:.6875rem;font-weight:700;line-height:1rem;animation:4s 1.5s infinite stampWiggle,4s 1.5s infinite stampSheen;transform:rotate(-8deg)}.sticker-stamp:hover{animation-name:none,stampSheen}.sticker-star{color:#2480ed;opacity:0;width:.5rem;height:.5rem;animation:4s 1.5s infinite stampStar;position:absolute;transform:scale(0)}.sticker-star svg{width:100%;height:100%;display:block}.sticker-star--top{top:-.5rem;right:-.5rem}.sticker-star--bottom{width:.375rem;height:.375rem;animation-delay:1.65s;bottom:-.375rem;left:-.4375rem}@keyframes stampWiggle{0%{transform:rotate(-8deg)}3%{transform:rotate(-16deg)scale(1.06)}6%{transform:rotate(-1deg)scale(1.06)}9%{transform:rotate(-13deg)scale(1.03)}12%{transform:rotate(-5deg)}15%,to{transform:rotate(-8deg)}}@keyframes stampSheen{0%,10%{background-position:150% 0,0 0}28%,to{background-position:-50% 0,0 0}}@keyframes stampStar{0%,12%{opacity:0;transform:scale(0)rotate(0)}20%{opacity:1;transform:scale(1)rotate(45deg)}32%,to{opacity:0;transform:scale(0)rotate(90deg)}}@media (prefers-reduced-motion:reduce){.sticker-stamp,.sticker-star{animation:none}}.lately-highlight{background-color:#ff5c011a;transition:background-color .2s}.article p:hover .lately-highlight{background-color:#ff5c0133}.benjamin-link-wrap{display:inline-block;position:relative}.benjamin-preview{opacity:0;pointer-events:none;z-index:9999;background:#fff;border-radius:.75rem;width:220px;transition:opacity .18s,transform .18s;position:fixed;overflow:hidden;transform:translate(-50%)translateY(-4px)scale(.96);box-shadow:0 10px 30px #0000001f,0 2px 8px #00000014}.benjamin-preview img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;display:block}.benjamin-preview[data-visible=true]{opacity:1;transform:translate(-50%)translateY(0)scale(1)}@media screen and (max-width:520px){.benjamin-preview{display:none}}.section-divider{border:none;border-top:1px solid #f2f2f2;width:100vw;margin-top:2.5rem;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
