*,::after,::before{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;overflow-y:scroll;-webkit-text-size-adjust:100%;text-size-adjust:100%}a,button,body,h1,h2,h3,h4,h5,h6{color:var(--primary)}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;font-size:18px;line-height:1.6;word-break:break-word;background:var(--theme)}article,aside,figcaption,figure,header,hgroup,main,nav,section,table{display:block}h1,h2,h3,h4,h5,h6{line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}ul{padding:0}a{text-decoration:none}body,figure,ul{margin:0}table{width:100%;border-collapse:collapse;border-spacing:0;overflow-x:auto;word-break:keep-all}button,input,textarea{padding:0;font:inherit;background:0 0;border:0}input,textarea{outline:0}button,input[type=button],input[type=submit]{cursor:pointer}input:-webkit-autofill,textarea:-webkit-autofill{box-shadow:0 0 0 50px var(--theme)inset}img{display:block;max-width:100%}:root{--main-width:780px;--main-padding:1.4em;--main-padding-bottom:3rem;--caption-padding:calc(.25 * var(--main-padding));--header-top-gap:2rem;--header-bottom-gap:2rem;--header-menu-side-gap:.5rem;--header-menu-top-gap:1rem;--h1-margin-top:2rem;--h1-margin-bottom:1.5rem;--h2-margin-top:2rem;--h2-margin-bottom:1.5rem;--hx-margin-top:1.5rem;--hx-margin-bottom:1rem;--p-margin-top:1rem;--p-margin-bottom:1rem;--code-margin-top:2rem;--code-margin-bottom:2rem;--h1-font-size:2em;--h2-font-size:1.8em;--hx-font-size:1.3em;--p-font-size:1em;--p-line-height:1.5em;--caption-font-size:.8em;--li-indent:1.5rem;--ul-margin-top:1rem;--ul-margin-bottom:1rem;--toc-margin-top:2rem;--toc-margin-bottom:3rem;--code-padding:1.5rem;--code-border-radius:10px;--footer-height:3rem;--content-height:calc(100dvh - var(--footer-height));--table-cell-padding:.5rem;--table-margin-top:1.5rem;--table-margin-bottom:1.5rem}@media screen and (max-width:1024px){:root{--main-width:750px;--header-top-gap:1rem;--caption-padding:calc(.25 * var(--main-padding))}}@media screen and (max-width:640px){:root{--header-top-gap:1rem;--caption-padding:calc(2 * var(--main-padding))}}html{scroll-behavior:smooth}body{font-family:literata;margin:auto;max-width:var(--main-width);padding-left:var(--main-padding);padding-right:var(--main-padding);color:var(--content-primary);background:var(--background)}.content{min-height:var(--content-height)!important}h1{margin-top:var(--h1-margin-top);margin-bottom:var(--h1-margin-bottom);font-size:var(--h1-font-size)}h2{margin-top:var(--h2-margin-top);margin-bottom:var(--h2-margin-bottom);font-size:var(--h2-font-size)}h3,h4,h5,h6{font-size:var(--hx-font-size);margin-top:var(--hx-margin-top);margin-bottom:var(--hx-margin-bottom)}p{margin-top:var(--p-margin-top);margin-bottom:var(--p-margin-bottom);font-size:var(--p-font-size);line-height:var(--p-line-height)}ul{margin-top:var(--ul-margin-top);margin-bottom:var(--ul-margin-bottom)}li{margin-left:var(--li-indent)}a{text-decoration:underline}pre{padding:var(--code-padding);border:1px solid var(--code-border);overflow:scroll;border-radius:var(--code-border-radius);margin-top:var(--code-margin-top);margin-bottom:var(--code-margin-bottom);background-color:var(--code-background)!important;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;line-height:1.3em}pre::-webkit-scrollbar{display:none}code span{display:inline!important}code{-webkit-font-smoothing:antialiased;-moz-font-feature-settings:"liga=1, dlig=1";-ms-font-feature-settings:"liga","dlig";-webkit-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant-ligatures:contextual;font-family:monaspace;font-size:.9em;line-height:0}.footnotes{margin-top:3rem;border-style:none}hr{border:none;height:1px;background:var(--content-secondary);margin-top:2rem;margin-bottom:2rem}.header{padding-top:var(--header-top-gap);margin-bottom:var(--header-bottom-gap)}.header p{font-family:monospace;margin-top:var(--header-menu-top-gap);margin-right:var(--header-menu-side-gap)}.header-title{font-size:1em;font-weight:700;margin-bottom:0;margin-top:0}.post-line{margin-bottom:.5rem;display:flex;align-items:baseline}.post-line p{margin-top:0;margin-bottom:0}.line-title{margin:0}.list-container{padding-bottom:3rem}.single-intro-container{margin-top:1rem;margin-bottom:2rem}.single-title{margin-bottom:.5rem}.single-readtime{margin-top:.5rem;color:var(--content-secondary)}.single-summary{margin-bottom:0;color:var(--content-secondary)}.single-content{margin-bottom:5rem}.single-pagination{margin-top:3rem;margin-bottom:3rem}.single-pagination a{margin-left:.4rem;margin-right:.4rem}.single-pagination hr{margin:0}.single-pagination-text{display:flex;justify-content:center;align-items:center;min-height:100%}.single-pagination-prev{min-width:50%;margin-top:1rem;margin-bottom:1rem;text-align:right}.single-pagination-next{min-width:50%;margin-top:1rem;margin-bottom:1rem;text-align:left}.single-pagination-container-next{display:flex;min-height:100%;padding:.5rem}.single-pagination-container-prev{display:flex;min-height:100%;padding:.5rem;float:right}.toc{font-size:var(--p-font-size);line-height:calc(.9 * var(--p-line-height));margin-top:var(--toc-margin-top);margin-bottom:var(--toc-margin-bottom)}.toc ul{margin-top:.1rem;margin-bottom:.1rem}.toc li{margin-top:.1rem;margin-bottom:.1rem}.autonumber{counter-reset:h2-counter 0}.autonumber h2{counter-increment:h2-counter 1;counter-reset:h3-counter 0}.autonumber h3{counter-increment:h3-counter 1;counter-reset:h4-counter 0}.autonumber h4{counter-increment:h4-counter 1}.autonumber h2:before{content:counter(h2-counter)"\00a0\00a0"}.autonumber h3:before{content:counter(h2-counter)"." counter(h3-counter)"\00a0\00a0"}.autonumber h4:before{content:counter(h2-counter)"." counter(h3-counter)"." counter(h4-counter)"\00a0\00a0"}.img-small div{display:flex;align-items:center;justify-content:center}.img-small img{scale:80%}.img-full div{display:flex;align-items:center;justify-content:center}.img-full img{width:100vw!important;max-width:100vw!important}.caption-container{display:flex;justify-content:center}figcaption{color:var(--content-secondary);padding-left:var(--caption-padding);padding-right:var(--caption-padding);font-size:var(--caption-font-size);margin-top:1rem;margin-bottom:1rem}.not-found{display:flex;align-items:center;justify-content:center}.not-found div{text-align:center}.not-found div h1{font-size:6rem;margin-bottom:3rem}p code{background-color:var(--code-background);border-radius:3px;padding:2px}table{border-collapse:collapse;margin-top:var(--table-margin-top);margin-bottom:var(--table-margin-bottom);font-size:var(--p-font-size);line-height:var(--p-line-height);color:var(--content-primary)}th,td{padding:var(--table-cell-padding);border:1px solid var(--code-border);text-align:left}th{background-color:var(--code-background);font-weight:700}table code{background-color:var(--code-background);border-radius:3px;padding:2px}blockquote{margin:1.5rem;margin-left:0;margin-right:0;border-left:solid 2px;color:var(--content-secondary)}blockquote p{margin-left:1rem;margin-right:1rem}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;font-size:20px;color:#444;background:#fff;padding:0 .8em}@media(max-width:600px){body{padding-left:24px;padding-right:24px}}body p{line-height:1.4;margin-bottom:1.2em}::selection{background-color:#e3f7e6;color:#2c8537}:root{--green:#44CC55;--green-dark:#1a7a26;--green-light:#eafbec;--green-border:#a3ebb0;--blue:#0088DD;--blue-dark:#005c99;--blue-light:#e6f4fd;--blue-border:#a1d2f7;--underline-muted:rgba(0, 0, 0, 0.2);--wide-image:115%;--red:#EE3333;--red-dark:#991f1f;--red-light:#fdeaea;--red-border:#f7bbbb}@font-face{font-family:"source serif 4";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/source-serif-4/SourceSerif4-Medium.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"source serif 4";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/source-serif-4/SourceSerif4-Medium-latin-ext.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}h1,h2,h3,h4{color:#222;scroll-margin-top:2rem}h1,.single-title{font-family:"source serif 4",Georgia,serif;font-size:2.8em;font-weight:500;line-height:1.2;color:#222}h1{margin:2.2em 0 .8em}h1.compact{margin-bottom:.2em}.hero-line-2{display:inline}@media(min-width:1025px){.hero-line-2{display:block}}@media(max-width:600px){h1,.single-title,h2.as-h1{font-size:2em;line-height:1.25}}h2.as-h1{font-family:"source serif 4",Georgia,serif;font-size:2.8em;font-weight:500;line-height:1.2;margin-top:2.4em}h2{font-size:1.45em;margin:4em 0 .4em;font-weight:550}h3{font-size:1.1em;margin:1.4em 0 .4em;font-weight:500}h4{font-size:1em;margin:1.2em 0 .3em;font-weight:400}.big{color:#222;font-size:1.6em;margin:1em 0;font-weight:550}@media(max-width:600px){.big{font-size:1.4em}}body.projects .big{font-size:1.5em}body.projects p.center.big{text-align:left}.title-svg-row{display:flex;flex-direction:column;align-items:flex-start;gap:2em}.title-svg-row p.big{margin:0}.title-svg-row .title-svg{width:auto;height:6.5em;max-width:100%;display:block}body.custom .single-content h1{font-family:Inter,sans-serif;font-size:1.45em;font-weight:550;line-height:1.2}body.custom .single-content .center,body.custom .single-content .center.big,body.custom .single-content blockquote,body.custom .single-content .project-card{text-align:left}@media(max-width:600px){body.projects .big{font-size:1.3em}body.projects .single-content .project-card{text-align:left;padding-left:0;padding-right:0}body.projects p.center:not(.big){text-align:left}}.center{text-align:center}.green{color:var(--green-dark)}.blue{color:var(--blue-dark)}.red{color:var(--red-dark)}strong,b{font-weight:600}a:not(.header p a):not(.made-table a):not([href*="design.lukakopajtic.com"]){text-decoration-color:rgba(45,154,58,.4);text-underline-offset:4px}a:not(.header p a):not(.button):not(.share-friends-icons a):not(.toc-links a):not(.made-table a):not([href*="design.lukakopajtic.com"]):hover{color:#2d9a3a;text-decoration:none}a[href*="design.lukakopajtic.com"]{text-decoration-color:rgba(0,136,221,.4);text-underline-offset:4px}a[href*="design.lukakopajtic.com"]:not(.button):hover{color:var(--blue);text-decoration:none}:root{--link-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cline x1='4.5' y1='13.5' x2='13.5' y2='4.5'/%3E%3Cpolyline points='6.5,4.5 13.5,4.5 13.5,11.5'/%3E%3C/svg%3E");--link-arrow-size:0.8em;--link-arrow-gap:0.15em;--link-arrow-align:middle}.arrow-link::after,.arrow-link-hover::after{content:"";display:inline-block;width:var(--link-arrow-size);height:var(--link-arrow-size);margin-left:var(--link-arrow-gap);vertical-align:var(--link-arrow-align);background-color:currentColor;-webkit-mask:var(--link-arrow)no-repeat center/contain;mask:var(--link-arrow)no-repeat center/contain}.arrow-link-hover::after{opacity:0;transition:opacity .2s ease}.arrow-link-hover:hover::after,.arrow-link-hover:focus-visible::after{opacity:1}@media(prefers-reduced-motion:reduce){.arrow-link-hover::after{transition:none}}.project-card-date{margin-bottom:0;color:#888}.project-listing>p,.project-card.project-listing.project-listing-dated>p:first-child+p{margin-bottom:12px}.project-listing>p+p{margin-top:0}.project-listing>p:last-child{margin-bottom:0}.light-text{color:#888}.light-text a,.project-card:not(.post-action-card) p .light-text a{color:inherit}.single-summary-link{margin-top:1.4em;margin-bottom:0}.single-summary{color:#444;margin-top:1.1em;margin-bottom:0}.single-content>.newsletter-form:first-child{margin-top:9em}.studio-link{font-weight:inherit!important;text-decoration:underline!important;color:inherit!important}.studio-link:hover{color:#08d!important;text-decoration:underline!important;font-weight:inherit!important}.content{display:flex;flex-direction:column;flex:1}.main{flex:1}section{margin-bottom:2em}hr{border:1px solid #eee;margin:3em 0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}hr.page-bottom-divider{margin-left:0;margin-right:0}.project-card{border:1px solid rgba(0,0,0,.1);border-radius:0;padding:1.5em 2em;margin-bottom:1.2em}.project-card:not(.post-action-card) p a{color:#222}.project-card[id]{scroll-margin-top:3rem}:root{--card-group-gap:7em}#home #ideas,#home #ideas+.project-card{margin-top:var(--card-group-gap)}.project-card .callout{background:0 0;padding:0;margin:0}.project-card .newsletter-section{border:none;padding:0;margin-top:0;margin-bottom:0;background:0 0}.project-card .share-copy{margin-top:.6em;margin-bottom:0}#home .project-card,.list-container>.project-card{border:none;padding:1.5em 0;margin-bottom:.8em}body.projects .single-content .project-card{border:none;margin:3em 0 18em;text-align:left}.list-container>h1:first-child,.not-found h1:first-child,#home>h1:first-child{margin-top:calc(2.2em - .75rem)}#home>h1:first-of-type{margin-bottom:.4em}#home>h1:first-of-type+p{margin-bottom:1em}#home .project-card>p:first-child,.list-container>.project-card>p:first-child{margin-bottom:.6em;display:flex;align-items:center;gap:.55em}#home .project-card>p:first-child>svg,.list-container>.project-card>p:first-child>svg{flex:none}#home .project-card>p:first-child+p,.list-container>.project-card>p:first-child+p{margin-top:0;margin-bottom:1.6em}#home .project-card .callout figure{margin-top:1.5em}.platform-comparison{gap:20px!important}.platform-comparison .new-tab-icon svg{display:none}.platform-comparison .new-tab-icon{width:16px;height:16px;justify-content:center}.platform-comparison .new-tab-icon::before{content:"↗";font-size:.9em;line-height:1}.no-underline{text-decoration:none;font-size:2rem;display:block;text-align:right}div.wide{overflow:visible;width:100%;position:relative}div.wide>*{display:block;position:relative;left:50%;transform:translateX(-50%);width:100vw;max-width:100vw;box-sizing:border-box}@media(min-width:768px){div.wide>*{width:min(var(--wide-image),1200px)}}:focus-visible{outline:2px solid #2d9a3a;outline-offset:2px}@media(forced-colors:active){.arrow-link::after,.arrow-link-hover::after{background-color:CanvasText}.burger-icon span{background:CanvasText}.project-card,.quote-card,.dropdown{border-color:CanvasText}:focus-visible{outline-color:Highlight}}h2,h3,h4,figcaption{text-wrap:balance}p,li{text-wrap:pretty}html{scrollbar-gutter:stable}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:.6em 1em;font-size:.9em;color:#fff;background:#222;text-decoration:none}.skip-link:focus{left:0}.main:focus{outline:none}.header .header-title{font-family:Inter,sans-serif;font-size:1em;font-weight:400;line-height:1.2;margin:0}.header .header-title a{font-family:Inter,sans-serif;color:#222;text-decoration:none}.header .header-title a:hover{color:#2d9a3a!important}.header-top{display:flex;align-items:center;gap:.75em;position:relative}.header-identity{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:3.2em}.header .header-tagline{font-family:Inter,sans-serif!important;font-size:.9em;margin:0!important;line-height:1.1}.header .header-tagline a{font-family:Inter,sans-serif!important;color:#888;text-decoration:none}.header .header-tagline a:hover{color:var(--blue);text-decoration:none}.header-menu-avatar{display:block;width:2.2em;height:2.2em;object-fit:cover;border-radius:50%}.header-me{display:flex;align-items:center;gap:.75em}.header-avatar-link{display:block;border-radius:50%}.header-me-reveal .header-avatar-link{position:relative}.header-me-reveal .header-avatar-link::before{content:"";position:absolute;inset:0;border:2px solid #bbb;border-radius:50%;transform:scale(.5);transition:transform .25s ease,opacity .2s ease}.header-me-reveal .header-menu-avatar{opacity:0;transform:scale(.5);transition:opacity .2s ease,transform .25s ease}.header-me-reveal .header-identity{opacity:0;pointer-events:none;transition:opacity .2s ease}.header-me-reveal:hover .header-avatar-link::before,.header-me-reveal:focus-within .header-avatar-link::before{transform:scale(1);opacity:0}.header-me-reveal:hover .header-menu-avatar,.header-me-reveal:focus-within .header-menu-avatar{opacity:1;transform:scale(1)}.header-me-reveal:hover .header-identity,.header-me-reveal:focus-within .header-identity{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.header-me-reveal .header-avatar-link::before,.header-me-reveal .header-menu-avatar,.header-me-reveal .header-identity{transition:none}}.header-burger{position:absolute;right:0;top:calc(50% - 14px);padding:6px;z-index:10}.burger-icon{display:block;padding:0;background:0 0;border:0;cursor:pointer;transition:opacity .2s ease}@media(hover:hover){.header-burger:hover .burger-icon,.header-burger:focus-within .burger-icon{opacity:0;pointer-events:none}.header-burger:hover .burger-icon span,.header-burger:focus-within .burger-icon span{background:#999}.header-burger:hover .burger-list li a,.header-burger:focus-within .burger-list li a{opacity:1;pointer-events:auto}}.burger-icon span{display:block;width:16px;height:2px;background:#bbb;transition:background-color .25s ease}.burger-icon span+span{margin-top:4px}.burger-list{position:absolute;left:100%;top:-1px;display:flex;flex-direction:column;align-items:flex-start;gap:.45em;margin:0;padding-left:1.5rem;list-style:none}.burger-list li{margin:0}.burger-list li a{display:inline-block;font-family:Inter,sans-serif;font-size:.8em;line-height:1;white-space:nowrap;color:#999;text-decoration:none;opacity:0;transition:opacity .3s ease,color .2s ease}.burger-list li a:hover,.burger-list li a:focus-visible{color:#444;text-decoration:none}.header-burger.is-open .burger-list li a{opacity:1}.burger-list li a{pointer-events:none}.header-burger.is-open .burger-list li a{pointer-events:auto}@media(max-width:999px){.burger-list{left:auto;right:100%;padding-left:0;padding-right:1.5rem;align-items:flex-end}}@media(prefers-reduced-motion:reduce){.burger-icon span,.burger-list li a{transition-duration:0s;transition-delay:0s}}@media(max-width:600px){.header-top{gap:.9em}.header-menu-avatar{width:2em;height:2em}.header .header-tagline{display:none}body.is-menu-open .single-title,body.is-menu-open .not-found h1,body.is-menu-open #home>h1:first-child,body.is-menu-open .list-container>h1:first-child,body.is-menu-open .single-content>h1:first-of-type{padding-top:var(--menu-push,144px)}.single-title,.not-found h1,#home>h1:first-child,.list-container>h1:first-child,.single-content>h1:first-of-type{transition:padding-top .38s ease .08s}.burger-list li a{transition:opacity .16s ease,color .2s ease}body.is-menu-open .single-title,body.is-menu-open .not-found h1,body.is-menu-open #home>h1:first-child,body.is-menu-open .list-container>h1:first-child,body.is-menu-open .single-content>h1:first-of-type{transition:padding-top .28s ease}.header-burger.is-open .burger-list li a{transition:opacity .2s ease .14s,color .2s ease}.burger-list{left:auto;right:6px;top:32px;padding-right:0;padding-left:0;align-items:flex-end;gap:.9em}.burger-list li a{font-size:1em}.header-burger.is-open .burger-icon span:nth-child(1){transform:translateY(6px)rotate(45deg)}.header-burger.is-open .burger-icon span:nth-child(2){opacity:0}.header-burger.is-open .burger-icon span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}}@media(max-width:600px) and (prefers-reduced-motion:reduce){.single-title,.not-found h1,#home>h1:first-child,.list-container>h1:first-child,.single-content>h1:first-of-type,body.is-menu-open .single-title,body.is-menu-open .not-found h1,body.is-menu-open #home>h1:first-child,body.is-menu-open .list-container>h1:first-child,body.is-menu-open .single-content>h1:first-of-type,.burger-list li a,.header-burger.is-open .burger-list li a{transition:none}}.toc{position:fixed;left:2rem;top:calc(42px - .5rem);margin:0;padding:.5rem;z-index:5}.toc ul{margin:0;padding:0;list-style:none}.toc li{margin:0}.toc-marks{transition:opacity .15s ease,transform .15s ease;transition-delay:.075s}.toc-marks li{display:flex;align-items:center;height:1rem}.toc-marks span{display:block;width:24px;height:2px;border-radius:1px;background:#ccc;transform-origin:left center;transform:scaleX(.6);transition:transform .15s ease-out,background-color .15s ease-out}.toc-marks li.is-current span{transform:scaleX(1)}.toc-links{position:absolute;left:.5rem;top:.5rem;width:max-content;transform:translate(-4px,-4px)scale(.97);transform-origin:left top;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.toc-links a{display:block;padding:3px 0;font-family:Inter,sans-serif;font-size:13px;line-height:1.375;white-space:nowrap;color:#999;text-decoration:none;transition:color .2s ease}.toc-links a:hover,.toc-links a:focus-visible{color:#444;text-decoration:none}.toc-marks li.is-sub span{margin-left:8px;width:16px}.toc-links li.is-sub a{padding-left:12px;color:#aaa}.toc-links li.is-sub a:hover,.toc-links li.is-sub a:focus-visible{color:#444}.toc-links a.is-current,.toc-links li.is-sub a.is-current{color:#444}.toc:hover .toc-marks,.toc:focus-within .toc-marks{opacity:0;transform:translateX(-4px);transition-delay:0s}.toc:hover .toc-links,.toc:focus-within .toc-links{opacity:1;transform:translate(0,-4px)scale(1);pointer-events:auto;transition-delay:.075s}@media(prefers-reduced-motion:reduce){.toc-marks,.toc-marks span,.toc-links,.toc-links a{transition:none}}.toc-open .toc-marks{display:none}.toc-open .toc-links{position:static;opacity:1;transform:none;pointer-events:auto;transition:none}.toc-no-nav{top:calc(106px - .5rem)}@media(max-width:1199px){.toc{display:none}}:root{--block-bleed:3.5rem}.carousel{display:flex;align-items:center;gap:.75rem;margin:3.5em calc(var(--block-bleed) * -1)}.carousel-viewport{flex:1;min-width:0}.carousel-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}.carousel-track::-webkit-scrollbar{display:none}.carousel-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.carousel-slide{flex:0 0 260px;margin:0;scroll-snap-align:start}.carousel-frame{display:flex;align-items:center;justify-content:center;height:200px}.carousel-frame img{max-width:100%;max-height:100%;object-fit:contain}.carousel-slide figcaption{margin-top:.7em;font-size:.8em;line-height:1.35;color:#888}.carousel-cap-center figcaption{text-align:center}.carousel-cap-left figcaption{text-align:left}.carousel-arrow{flex:none;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:1px solid rgba(0,0,0,.15);border-radius:50%;background:0 0;color:#444;cursor:pointer;transition:border-color .2s ease,opacity .2s ease}.carousel-arrow:hover{border-color:rgba(0,0,0,.4)}.carousel-arrow[disabled]{opacity:.25;cursor:default}.compare{position:relative;margin:3.5em calc(var(--block-bleed) * -1);border:1px solid rgba(0,0,0,.1);overflow:hidden;user-select:none;touch-action:pan-y;cursor:ew-resize}.compare-base{display:block;width:100%;height:auto}.compare-clip{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.compare-clip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-divider{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.35);pointer-events:none}.compare-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border:1px solid rgba(0,0,0,.15);border-radius:50%;background:#fff;color:#444}.compare-label{position:absolute;top:.75rem;padding:.15em .6em;font-size:.75em;color:#444;background:rgba(255,255,255,.85);pointer-events:none}.compare-label-a{left:.75rem}.compare-label-b{right:.75rem}.compare-range{position:absolute;inset:auto 0 0 0;width:100%;opacity:0;height:2.5rem;margin:0;cursor:ew-resize}.compare-range:focus-visible{opacity:0;outline:none}.compare:focus-within .compare-handle{outline:2px solid #999;outline-offset:2px}.dropdown-card{border:1px solid rgba(0,0,0,.15);margin-bottom:1.2em}.dropdown-card>summary{display:flex;align-items:center;gap:.75rem;padding:.9em 1.2em;list-style:none;cursor:pointer;color:#444;text-decoration:none}.dropdown-card>summary::-webkit-details-marker{display:none}.dropdown-chevron{flex:none;color:#999;transition:transform .2s ease}.dropdown-card[open] .dropdown-chevron{transform:rotate(90deg)}.dropdown-body{padding:0 1.2em 1.2em}.dropdown-body>:last-child{margin-bottom:0}.quote-card{margin:2.5em 0;padding:.5em 1.2em 1.2em;border:1px solid rgba(0,0,0,.15)}.quote-mark{display:block;font-family:"source serif 4",Georgia,serif;font-size:3em;line-height:1;color:#ccc;user-select:none}.quote-card blockquote{margin:0;padding:0;border:0}.quote-card blockquote>:last-child{margin-bottom:0}.quote-card figcaption{display:flex;align-items:center;gap:.75rem;margin-top:1em}.quote-portrait{flex:none;width:2.2rem;height:2.2rem;border-radius:50%;object-fit:cover}.quote-portrait-empty{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,7%);color:#999}.quote-portrait-empty svg{width:1.1rem;height:1.1rem}.quote-by{font-size:.85em;color:#888}.timeline{list-style:none;padding:0;margin:2.5em 0}.timeline-step{display:flex;align-items:baseline;gap:.9rem;margin:0 0 .9em;line-height:1.4}.timeline-date{flex:none;width:3.2em;color:#888;font-variant-numeric:tabular-nums}.timeline-marker{flex:none;position:relative;top:.25em;width:1rem;height:1rem;border:1px solid #ccc;border-radius:50%;color:#888}.timeline-marker svg{width:100%;height:100%}.timeline-step.is-current .timeline-marker{border-color:#444}.timeline-step.is-todo .timeline-text{color:#888}.timeline-text strong{color:#222}.action-cards{margin:2.5em 0}.action-card{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:1.2em;border:1px solid rgba(0,0,0,.15);margin-bottom:1.2em}.action-card p{margin:0}.action-card-btns{display:flex;flex-wrap:wrap;gap:.6rem}.action-card-btn{flex:none;font:inherit;background:0 0;cursor:pointer;padding:.5em 1.2em;border:1px solid #222;color:#222;text-decoration:none;transition:background-color .2s ease,color .2s ease}.action-card-btn:hover{background:#222;color:#fff;text-decoration:none}@media(max-width:900px){:root{--block-bleed:0rem}.carousel{gap:.5rem}.carousel-arrow{width:2rem;height:2rem}}#footer{padding-top:0;color:#444}#footer .callout{margin-bottom:1em}#footer .project-card .callout{margin-bottom:0}#footer .single-pagination{margin:0}#footer .project-card .newsletter-section p{margin:0}#footer .project-card .newsletter-form{margin:.6em 0 0!important}#footer>p{margin-top:3em;margin-bottom:4em}#footer{margin-top:2em;margin-bottom:4em}#footer>p,#footer>p a{color:#999;text-decoration-color:var(--underline-muted);transition:color .2s ease}#footer>p a:hover,#footer>p a:focus-visible{color:#444}#footer.article-footer{margin-top:3.2em}#footer.article-footer>p{margin-top:0}.post-action-label{color:#444;display:inline-block;margin-bottom:.3em}.share-copy{display:flex;align-items:center;gap:.5em;cursor:pointer;box-sizing:border-box;margin-top:.6em;margin-bottom:0;color:inherit;text-decoration:none}.share-copy .page-link{text-decoration:underline;text-decoration-color:rgba(45,154,58,.4);text-underline-offset:4px}.share-copy:hover .page-link{color:#2d9a3a;text-decoration:none}.share-copy.copied{cursor:default}.share-copy.copied .page-link{text-decoration:none;color:inherit}.share-copy.copied:hover .page-link{color:inherit;text-decoration:none}.post-action-card{border:none;padding:1.5em 0}.single-content>:first-child{margin-top:0}body.ideas .single-content{margin-bottom:16rem}body.projects .single-content{margin-bottom:10rem}.post-cta-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:2.2em}.post-cta-row .continue-reading{margin-bottom:0}.post-cta-row-solo{justify-content:flex-end}.share-label{flex-basis:100%;margin:0 0 calc(.7em - 1.75rem);text-align:center;color:#999}.post-cta-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.75rem}.post-copy-btn{display:inline-flex;background:0 0;border:0;padding:0;margin:0;cursor:pointer;color:#999;transition:color .2s ease}.post-copy-btn:hover,.post-copy-btn:focus-visible{color:#444;outline:none}.post-copy-btn:focus-visible{outline:1px solid #999;outline-offset:3px}.share-friends summary{list-style:none;cursor:pointer;color:#999;transition:color .2s ease}.share-friends summary::-webkit-details-marker{display:none}.share-friends summary:hover,.share-friends summary:focus-visible{color:#444;text-decoration-line:none}.share-friends{display:flex;align-items:center;min-height:32px;min-height:1lh}.share-friends[open] summary{display:none}.share-friends-icons{display:flex;align-items:center;gap:1.75rem;animation:sf-slide-in .25s ease}.share-friends-icons svg{display:block;width:16px;height:16px}@keyframes sf-slide-in{from{opacity:0;transform:translateX(-8px)}}.share-friends-icons a{display:inline-flex;color:#999;transition:color .2s ease}.share-friends-icons a:hover,.share-friends-icons a:focus-visible{color:#444}@media(prefers-reduced-motion:reduce){.share-friends-icons{animation:none}}@media(max-width:600px){.post-cta-row,.post-cta-row-solo{flex-direction:column-reverse;justify-content:flex-start;align-items:center;gap:4.5rem}.post-cta-actions,.share-friends-icons{gap:2.2rem}.share-label{margin-bottom:calc(.7em - 2.2rem)}.share-friends-icons svg{width:22px;height:22px}.post-cta-row .continue-reading{width:100%;flex-direction:column}.post-cta-row .continue-reading summary{justify-content:center}.continue-reading-body{text-align:left}#footer.article-footer{text-align:center}}.continue-reading summary,.ideas-more{display:flex;align-items:center;gap:.55rem;list-style:none;cursor:pointer;color:#999;transition:color .2s ease}.ideas-more{text-decoration-line:underline;text-underline-offset:4px;text-decoration-color:var(--underline-muted);width:fit-content}.continue-reading summary::-webkit-details-marker{display:none}.continue-reading summary:hover,.continue-reading summary:focus-visible,.ideas-more:hover,.ideas-toggle:focus-visible~.ideas-more{color:#444;text-decoration-line:none}.continue-reading[open] summary,.continue-reading[open] summary::-webkit-details-marker{display:none}.continue-reading[open] .continue-reading-body{margin-top:calc((32px - 26px)/2);animation:cr-fade-in .3s ease}@keyframes cr-fade-in{from{opacity:0}}@media(prefers-reduced-motion:reduce){.continue-reading[open] .continue-reading-body{animation:none}}.continue-reading svg,.ideas-more svg{transform:rotate(-90deg);transition:transform .25s ease}.ideas-toggle{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.ideas-list .idea-extra{display:none}.ideas-toggle:checked~.ideas-list .idea-extra{display:list-item;animation:cr-fade-in .3s ease}.ideas-toggle:checked~.ideas-more{display:none}@media(prefers-reduced-motion:reduce){.ideas-toggle:checked~.ideas-list .idea-extra{animation:none}}.continue-reading-body{margin-top:1.4rem}.continue-reading .ideas-list{list-style:none;padding-left:0;margin-top:0}.continue-reading .list-container{padding-bottom:0}.continue-reading .ideas-list li{margin-left:0}.post-share-card{margin-top:25rem}.post-share-card,.post-pagination-card,.post-newsletter-card{margin-bottom:2.2em}.post-share-card,.post-pagination-card{line-height:1.3}.post-newsletter-card .newsletter-section p{margin-bottom:1.5em}.post-newsletter-card .newsletter-form{margin-top:.5em!important}.share-copy svg{color:inherit}.share-copy .page-link{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media(max-width:600px){.post-action-card{border:0;border-radius:0;padding:2.5em 0;margin-bottom:0}.post-pagination-card,.post-share-card,.post-newsletter-card{margin-bottom:1.5em}.share-copy{flex-wrap:nowrap;height:2.7rem;text-align:left;line-height:1.2}}ol{padding-left:0!important}::marker{color:#aaa!important}ul li{line-height:1.3;margin-bottom:1em}#home .ideas-list{list-style:none;padding-left:0;margin-top:2.4em}.list-container>h1.single-title{margin-bottom:10rem}#home .list-container{padding-bottom:0}#home .ideas-list li{margin-left:0}ol li{line-height:1.3;margin-bottom:.8em}blockquote{border-left:2px solid #444;padding:1em;color:#555}blockquote p{margin-top:0!important;margin-bottom:0!important}table thead th,table th{background-color:initial!important}table td{line-height:1.3}table{width:100%;border-collapse:collapse}table th,table td{border:0;border-bottom:1px solid rgba(0,0,0,.1);padding:.7em .8em .7em 0;text-align:left;overflow-wrap:anywhere}table th:last-child,table td:last-child{padding-right:0}table td,table th{padding-right:2em}.made-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.made-table{display:table;width:100%;table-layout:fixed;overflow-x:visible;word-break:normal}.made-table td{height:2.75em;vertical-align:middle}.made-row{cursor:text;position:relative}.made-form.is-editing .made-row:not(.is-active){cursor:default}.made-add{color:#ccc;transition:color .2s ease,opacity .2s ease}.made-row td:hover .made-add{color:#444}@media(min-width:601px){.made-form.is-editing .made-row td:hover .made-add,.made-form.is-editing .made-add{opacity:0;pointer-events:none}}.made-row.is-active .made-add,.made-row.is-sent .made-add{display:none}.made-table td{vertical-align:middle;position:relative}.made-row.is-active input[type=text],.made-row.is-active select,.made-row.is-sent input[type=text],.made-row.is-sent select{position:absolute;top:50%;transform:translateY(-50%);left:0;right:16px;width:auto}.made-row.is-active td:last-child input[type=text],.made-row.is-active td:last-child select,.made-row.is-sent td:last-child input[type=text],.made-row.is-sent td:last-child select{right:0}.made-table input[type=text],.made-table select{width:100%;font:inherit;color:#444;background:0 0;border:0;padding:0;margin:0;outline:none;vertical-align:middle}.made-form .made-table select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:auto;padding-right:1.15em;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1.2,1.2 5.5,5.6 9.8,1.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:100%}.made-table input::placeholder{color:#ccc}.made-send{position:absolute;left:calc(100% + 1.5rem);top:50%;transform:translateY(-50%);display:none;align-items:center;padding:0;border:0;background:0 0;color:#bbb;cursor:default;transition:color .2s ease}.made-row.is-active .made-send{display:flex}.made-row.is-complete .made-send{color:var(--green-dark);cursor:pointer}.made-send .made-arrow{display:block}.made-send .made-check{display:none}.made-row.is-sent .made-send .made-arrow{display:none}.made-row.is-sent .made-send .made-check{display:block}.made-row.is-sent .made-send{color:var(--green-dark)}.made-send[disabled]{cursor:default}.made-status,.made-row.is-sent .made-review{color:var(--green-dark)}.made-table a:not(.button),.made-table td a:not(.button){text-decoration-color:var(--underline-muted);text-underline-offset:4px}.made-add-narrow{display:none}.made-cta,.made-panel{display:none}.made-panel[hidden]{display:none}.made-cta{margin-bottom:1.6em}.made-panel{margin-bottom:1.6em}@media(max-width:600px){.made-add-wide{display:none}.made-add-narrow{display:inline}.made-table col:nth-child(1),.made-table col:nth-child(3),.made-table td:nth-child(1),.made-table td:nth-child(3){display:none}.made-table col:nth-child(2){width:100%}.made-table td:nth-child(2){width:100%;padding-right:0}.made-send{display:none!important}.made-cta{display:block}.made-cta-btn{width:100%;padding:.75rem 1rem;font:inherit;font-size:1.2rem;color:#fff;background:var(--green-dark);border:1px solid var(--green-dark);cursor:pointer}.made-form.is-editing .made-cta{display:none}.made-panel{display:block}.made-panel[hidden]{display:none}.made-panel-fields{display:flex;flex-direction:column;gap:.9em}.made-panel input[type=text],.made-panel select{position:static;transform:none;width:100%;font:inherit;color:#444;background:0 0;border:0;border-bottom:1px solid #ccc;padding:.5rem 0;outline:none}.made-submit{width:100%;margin-top:1.5em;padding:.75rem 1rem;font:inherit;font-size:1.2rem;color:#fff;background:#bbb;border:1px solid #bbb;cursor:default;transition:background-color .2s ease,border-color .2s ease}.made-panel.is-complete .made-submit{background:#000;border-color:#000;cursor:pointer}.made-panel.is-sent .made-submit{background:var(--green-dark);border-color:var(--green-dark)}}@media(max-width:600px){.post-copy-btn,.share-friends-icons a,.burger-list li a,.header-title a,.header-avatar-link,.continue-reading summary,.ideas-more,.made-cta-btn{position:relative}.post-copy-btn::before,.share-friends-icons a::before,.burger-list li a::before,.header-title a::before,.continue-reading summary::before,.ideas-more::before{content:"";position:absolute;inset:-11px}.burger-list{gap:1.1em}.burger-list li a::before{inset:-11px -14px}.title-back-arrow::before{content:"";position:absolute;inset:-12px 0}}figure{margin-top:2em;margin-bottom:2em;overflow:visible}figure.narrow img{max-width:100%;display:block;margin-left:0;margin-right:auto}@media(min-width:768px){figure.narrow img{max-width:50%;margin-left:auto;margin-right:auto}}figure.wide{overflow:visible;width:100%;position:relative}figure.wide img{display:block;position:relative;left:50%;transform:translateX(-50%);width:100vw;max-width:100vw}@media(min-width:768px){figure.wide img{width:min(var(--wide-image),1200px)}}@media(max-width:767px){figure.wide img{width:100%;max-width:100%;left:auto;transform:none}}figcaption{padding-left:0;padding-right:0;margin-bottom:2.6em;text-align:right}pre{white-space:pre-wrap;word-wrap:break-word;overflow-x:hidden}code,p code,li code,td code{background-color:#ececec;color:#444;border-radius:3px;font-family:Inter,sans-serif;padding:.15em .45em}pre{background-color:#ececec!important;padding:1.75rem}pre code{background:0 0;padding:0}.button{display:inline-block;padding:.75rem 1rem;font-size:1.2rem;cursor:pointer;text-decoration:none;white-space:nowrap;border:1px solid #000;background:#000;color:#fff;display:inline-flex;align-items:center;gap:12px}.button:visited{color:#fff}.button:hover{background:0 0;color:#000;border-color:#000}.button.green{background:#36a344;border-color:#36a344;color:#fff}.button.green:visited{color:#fff}.button.green:hover{background:0 0;color:#36a344;border-color:#36a344}.button.blue{background:#08d;border-color:#08d;color:#fff}.button.blue:visited{color:#fff}.button.blue:hover{background:0 0;color:#08d;border-color:#08d}@media(max-width:600px){.button{white-space:normal;max-width:100%;text-align:left;line-height:1.2}}.callout{background:#f5f5f5;padding:.8em 1.2em;margin:.4em 0;display:block;text-decoration:none;box-sizing:border-box}.callout figure{margin-top:.5em}.callout a{color:inherit}.callout.blue{background:#e8f4fd}.callout.green{background:#e3f7e6}.callout.red,.callout.red a,.callout.red:hover,.callout.red a:hover{background:#fcebeb;color:#791f1f!important}a.callout:hover{background:#eaeaea}a.callout.blue:hover{background:#d6ecfc}a.callout.green:hover{background:#d0f2d5}a.callout.red:hover{background:#fbdada!important}a.callout.brand-question{background:#f5f5f5;border:none;color:#444}a.callout.brand-question:hover{background:#000!important;border:none;color:#fff!important}.callout.challenge-item{background:0 0;border:1px solid #ddd;color:#444}.callout .newsletter-form input[type=email]{border-bottom-color:#444}.callout.blue .newsletter-form input[type=email]{border-bottom-color:#08d}.callout.green .newsletter-form input[type=email]{border-bottom-color:#36a344}.callout.red .newsletter-form input[type=email]{border-bottom-color:#791f1f}.callout .newsletter-form button{background:#000;color:#fff;border-color:#000}.callout .newsletter-form button:hover{background:#444;color:#fff;border-color:#444}.callout.blue .newsletter-form button{background:#08d;color:#fff;border-color:#08d}.callout.blue .newsletter-form button:hover{background:#000;border-color:#000}.callout.green .newsletter-form button{background:#36a344;color:#fff;border-color:#36a344}.callout.green .newsletter-form button:hover{background:#000;border-color:#000}.callout.red .newsletter-form button{background:#791f1f;color:#fff;border-color:#791f1f}.callout.red .newsletter-form button:hover{background:#000;border-color:#000}@media(max-width:600px){.callout .newsletter-form{flex-direction:column;max-width:100%}.callout .newsletter-form input[type=email],.callout .newsletter-form button{width:100%!important}}.newsletter-section{border:1px solid rgba(0,0,0,.1);border-radius:0;padding:1.5em 2em;margin-top:3em;margin-bottom:4em;background:0 0}.newsletter-section h1{font-size:1.1em;font-weight:600}.newsletter-form{display:flex;width:100%;max-width:100%;margin-top:1em}.newsletter-form input[type=email]{flex:1;width:50%;padding:.5rem .75rem;border:none;border-bottom:1px solid #ccc;font-size:1.2rem;outline:none}.newsletter-form button{flex-shrink:0;width:50%;color:#000;border:1px solid #ccc;padding:0 1rem;font-size:1.2rem;cursor:pointer;white-space:nowrap}.newsletter-form button:hover{background-color:#000;color:#fff;border-color:#000}@media(max-width:600px){.newsletter-form{flex-direction:column;max-width:100%}.newsletter-form input[type=email],.newsletter-form button{width:100%;padding:.75rem}.newsletter-form button{margin-top:12px}}.single-title{margin-bottom:.15em}.single-intro-container .single-title{margin-top:calc(2.2em - 30px)}.title-back-arrow{padding-left:calc((2.2em - 30px)/2)}@media(max-width:600px){.title-back-arrow{padding-left:calc((2em - 30px)/2)}}.title-back-arrow{position:relative;display:flex;align-items:center;color:#bbb;text-decoration:none;transition:color .2s ease;margin-bottom:4px}.header{margin-bottom:.75rem}.single-intro-container{margin-top:0}.title-back-arrow svg{display:block}.title-back-arrow-spacer{height:18px;margin-bottom:4px}.title-back-arrow-label{position:absolute;right:100%;padding-right:.7em;top:50%;transform:translateY(-50%);font-family:Inter,sans-serif;font-size:.8em;line-height:1;white-space:nowrap;opacity:0;transition:opacity .2s ease}.title-back-arrow:hover{text-decoration:none}.title-back-arrow:hover .title-back-arrow-label{opacity:1}@media(max-width:640px){.title-back-arrow .title-back-arrow-label{display:none}}.single-intro-container{margin-bottom:7em}.single-intro-container .single-readtime{display:flex;flex-wrap:wrap;gap:.3em;align-items:center}.single-readtime{white-space:normal;padding-bottom:1em;line-height:1.6}p.line-date{min-width:100px;max-width:100px}.single-pagination{display:flex;flex-direction:column;gap:.6em;align-items:flex-start;margin:0;padding-left:0}.single-pagination-prev,.single-pagination-next{margin:0;padding:0;text-align:left}body.ideas .single-readtime{color:#999}@media(max-width:768px){.single-intro-container .single-readtime{flex-direction:row;align-items:baseline}}.post-line .line-date{text-align:left;font-size:1em;font-family:inter,sans-serif}.list-container>*{margin-bottom:.6em}summary{cursor:pointer;display:list-item;text-decoration-line:underline;text-underline-offset:4px;text-decoration-color:var(--underline-muted)}summary:hover{text-decoration-color:rgba(0,0,0,.6)}summary.dropdown.h1{font-size:1.4em;font-weight:550;margin:2.2em 0 .5em;color:#222}summary.dropdown.h2{font-size:1.2em;font-weight:550;margin:3em 0 .4em;color:#222}summary.dropdown.h3{font-size:1.1em;font-weight:500;margin:1.4em 0 .4em;color:#222}summary.dropdown.text{font-size:1em;font-weight:400;margin:1em 0 .4em;color:#444}details[name=brand-sections] .details-inner{overflow:hidden;display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}details[name=brand-sections][open] .details-inner{grid-template-rows:1fr}details[name=brand-sections] .details-inner>div{overflow:hidden}.label,.label-brand{font-size:2.4em!important}.mobile-hide{display:block;width:100%}.desktop-hide{display:none;width:100%}@media(max-width:600px){.mobile-hide{display:none}.desktop-hide{display:block}}:root{--content-primary:rgb(36, 36, 36);--content-secondary:rgb(117, 117, 117);--background:rgb(255, 255, 255);--code-background:rgb(249, 249, 249);--code-border:rgb(229, 229, 229)}