*{--text: #262626;--text-light: #d7d7d5;--background: #fafaf4;--background-dark: #ededea;--white: #fcfcfc;--primary: #167542;--primary-hover: #115732;--yellow: #fc3;--blue: #238CEC;--red: #B20000;--warning: #f6f9fc;--warning-dark: #0062be;--focus-indicator: 0 0 0 .125rem var(--white), 0 0 0 .25rem var(--blue);--focus-indicator-inset: inset 0 0 0 .125rem var(--blue), inset 0 0 0 .25rem var(--white);--drop-shadow: 0 0 .125rem #1a1a1a80;--page-width: 60rem}@media (prefers-color-scheme: dark){*{--text: #d7d7d5;--text-light: #363636;--background: #262626;--background-dark: #363636;--white: #262626;--primary: #fc3;--primary-hover: #e5b72e;--yellow: #115732;--blue: #51A3F0;--red: #FF8F8F;--drop-shadow: 0 0 .125rem #ffffff80}img{filter:brightness(.9)}.client-logo{background-color:#fff}}html{background-color:var(--yellow)}.background{background-color:var(--background);background-image:radial-gradient(var(--text-light) .0625rem,transparent 0);background-size:1.25rem 1.25rem}html,body{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;color:var(--text);margin:0 auto;line-height:1.5;scroll-behavior:auto}main{max-width:var(--page-width);margin:0 auto;padding:0 1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}code{font-family:monospace;font-size:.875rem;background-color:var(--background);padding:.125rem .25rem;border-radius:.25rem;margin:0 .25rem}section{outline:none}h1{font-size:2.5rem;font-weight:700;margin:0;padding:0;line-height:1.5;outline:none}h2{font-size:1.75rem;font-weight:700;margin:0;padding:0;line-height:1.5;outline:none}h3{font-size:1.1rem;font-weight:700;margin:0;padding:0;line-height:1.5}h4{font-size:1rem;font-weight:700;margin:0;padding:0;line-height:1.5}.headings{margin:3rem 0 1.5rem}ul{list-style:none;padding:0;margin:0}li{line-height:1.5;font-size:1.1rem}.bulleted-list{list-style:disc;padding-left:1.5rem;margin:2rem 0}.bulleted-list li{margin:1rem 0}.bulleted-list li::marker{color:var(--red)}.link-list li{line-height:2}hr{border:none;border-top:.125rem solid var(--text-light);margin:3rem 0;width:100%}p{margin:0;padding:0;line-height:1.5;font-size:1.1rem}.paragraph{margin:1rem 0;max-width:40rem}section{margin:2rem 0}a{font-size:1.1rem}a.plain-link{color:var(--text);text-decoration:underline}a.plain-link:hover{text-decoration:none}a:focus{outline:none;box-shadow:var(--focus-indicator)}.primary-button{background-color:var(--primary);color:var(--white);border-radius:1rem;padding:1rem 2rem;text-decoration:none;font-weight:700;display:inline-block;box-shadow:var(--drop-shadow)}.primary-button:hover{background-color:var(--primary-hover)}.secondary-button{background-color:var(--white);color:var(--primary);border:.0625rem solid var(--primary);border-radius:1rem;padding:1rem 2rem;text-decoration:none;font-weight:700;display:inline-block;box-shadow:var(--drop-shadow)}.secondary-button:hover{background-color:var(--background-dark)}.client-logo{width:100%;max-width:10rem;margin:.5rem auto;padding:.5rem}.work-card-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:0;margin:0;list-style-type:none;align-items:stretch}@media (max-width: 768px){.work-card-list{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.work-card-list{grid-template-columns:1fr}}.icon{display:inline-block;vertical-align:-.25rem;margin-right:.5rem;flex-shrink:0}#profile{display:flex;align-items:center;gap:4rem}.profile-picture{width:15rem;height:15rem;object-fit:cover;border-radius:50%;border:.25rem solid var(--white);box-shadow:var(--drop-shadow)}.name-container{display:flex;flex-wrap:wrap;flex-direction:row;gap:.5rem;align-items:baseline}.pronunciation{font-size:1.5rem;font-weight:400}@media (max-width: 768px){.profile-picture{width:12rem;height:12rem}}@media (max-width: 568px){#profile{flex-direction:column;gap:0;align-items:flex-start}}.card-wrapper{border-radius:1rem;background-color:var(--white);box-shadow:var(--drop-shadow)}.card-wrapper h3{margin-bottom:.5rem}.card-wrapper:hover{background-color:var(--background-dark);cursor:pointer}a.card-title{text-decoration:none;color:var(--text)}.card-title{font-size:1.25rem;font-weight:700;line-height:1.5;margin:0;padding:0}a.card-title:focus{text-decoration:underline;box-shadow:none;color:var(--primary)}.card-wrapper:has(a.card-title:focus){box-shadow:var(--focus-indicator)}.card-wrapper:hover a.card-title{text-decoration:underline;color:var(--primary)}.card-wrapper img{width:100%;height:auto;border-radius:1rem 1rem 0 0}.component-card{display:flex;flex-direction:row;align-items:center}.component-card img{max-width:10rem;width:100%;aspect-ratio:1/1;border-radius:1rem 0 0 1rem;object-fit:cover;object-position:left}.score-card img{aspect-ratio:4/5;object-fit:cover;object-position:top}.score-card .card-text{margin-top:.5rem}.score-card h2,.score-card a{font-size:1.25rem;line-height:1.5;margin-bottom:.5rem}@media (max-width: 568px){.card-text{margin:1rem}.card-wrapper img{aspect-ratio:2/1;object-fit:cover;object-position:top}.component-card{flex-direction:column;align-items:flex-start}.component-card img{max-width:100%;width:100%;border-radius:1rem 1rem 0 0}}.breadcrumbs{max-width:var(--page-width);margin:2rem auto;color:var(--red);padding:0 1rem;font-size:1.1rem}.breadcrumbs a{color:var(--red)}.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}.breadcrumbs-separator{margin:0 .5rem}.note-container{background-color:var(--white);padding:.5rem 2rem;border-left:.25rem solid var(--primary);max-width:40rem}.component-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}@media (max-width: 568px){.component-list{display:grid;grid-template-columns:1fr 1fr}}@media (max-width: 480px){.component-list{grid-template-columns:1fr}}.detail-header{display:grid;grid-template-columns:3fr 2fr;gap:2rem}.detail-header dt{float:left;font-weight:700}.detail-header dt:after{content:":";margin-right:.5rem}.detail-thumbnail-container{background-color:var(--white);padding:2rem;border-radius:1rem}.detail-thumbnail-container:hover{cursor:pointer;filter:brightness(.9)}.detail-thumbnail{width:100%;aspect-ratio:1/1;object-fit:contain}.case-thumbnail{border-radius:1rem;aspect-ratio:unset}.detail-score-thumbnail{width:100%;background-color:var(--white);padding:1rem;max-width:15rem;display:flex;justify-content:center;margin:0 auto;border-radius:1rem}.detail-score-thumbnail:hover{cursor:pointer;filter:brightness(.9)}.button-container{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:1rem}@media (max-width: 568px){.detail-header{grid-template-columns:1fr}.button-container{justify-content:center;width:100%}.button-container .primary-button,.button-container .secondary-button{width:100%;text-align:center}}.specification-images img{width:calc(100% - 1rem);max-width:40rem;border:.0625rem solid var(--text-light);background-color:#fff;padding:.5rem;margin:.5rem 0;border-radius:1rem}.score-list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;padding:0;margin:0;list-style-type:none;margin-top:2rem}@media (max-width: 1000px){.score-list{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 680px){.score-list{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.score-list{grid-template-columns:1fr}}.case-card{display:flex;flex-direction:row;align-items:center;cursor:pointer;background-color:var(--white);border-radius:1rem;box-shadow:var(--drop-shadow)}.case-card:hover{background-color:var(--background-dark)}.case-card a.headings{text-decoration:none;color:var(--text)}.card-text{margin:1.5rem}.case-card:hover a{text-decoration:underline;color:var(--primary)}.case-card a:focus{outline:none;box-shadow:none;text-decoration:underline;color:var(--primary)}.case-card:has(a:focus){box-shadow:var(--focus-indicator)}.case-card-thumbnail{width:100%;max-width:16rem;aspect-ratio:1 / 1;object-fit:cover;border-radius:.5rem;margin:2rem}.read-more-link{color:var(--text);text-decoration:none;font-weight:700}.case-card:hover .read-more-link{text-decoration:underline}@media (max-width: 568px){.case-card{flex-direction:column;align-items:left}.card-text{margin:1rem}}.case-list{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.accordion-container{border-radius:1rem;box-shadow:var(--drop-shadow);max-width:40rem;background-color:var(--white)}.accordion{border-bottom:.0625rem solid var(--text-light)}.accordion:last-child{border:none}.accordion summary{box-shadow:none;background-color:transparent;border:none;outline:none;display:flex;cursor:pointer;font-size:1rem;font-weight:700;color:var(--text);position:relative;padding:2rem 2rem 2rem 4rem;text-align:left}.accordion summary:hover{color:var(--primary)}.accordion summary span:after{font-weight:400;content:"+";position:absolute;left:2rem;top:50%;transform:translateY(-55%);color:var(--primary);font-size:1.5rem}.accordion details[open] summary span:after{content:"−"}.accordion summary:focus{box-shadow:var(--focus-indicator-inset)}.accordion-content{margin:0 2rem}.accordion-content img{width:calc(100% - .125rem);max-width:40rem;margin:2rem 0;border:.0625rem solid var(--text-light);border-radius:1rem}.accordion-content img.product-screenshot{margin-top:2rem;width:100%;object-fit:contain;aspect-ratio:1/1;border:none}.accordion-content{padding-bottom:2rem}@media (max-width: 568px){.accordion summary{padding-left:3rem}.accordion summary span:after{left:1.5rem}.accordion-content{margin:0 1rem}}.skip-to-content{position:absolute;top:-10rem}.skip-to-content:has(a:focus){position:relative;top:0;box-shadow:var(--focus-indicator);background-color:var(--white)}.skip-to-content a{display:flex;padding:1rem 0;justify-content:center;box-shadow:none;text-decoration:none;color:var(--primary)}header{margin:0;padding:0;color:var(--text);border-top:.25rem solid var(--yellow)}header a:focus{box-shadow:var(--focus-indicator-inset)}.header-content{max-width:calc(var(--page-width) + 2rem);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:0 2rem}.site-title{display:flex;align-items:stretch}.site-title a{display:flex;align-items:center;font-size:2rem;font-weight:700;color:var(--text);text-decoration:none;padding:1rem}.site-title a:hover{background-color:var(--background-dark)}.main-nav ul{display:flex;flex-direction:row;align-items:stretch;list-style-type:none;padding:0;margin:0;height:100%}.nav-item{display:flex;align-items:stretch}.nav-item a{display:flex;align-items:center;text-decoration:none;padding:2rem 1rem;color:var(--text);font-weight:700;font-size:1.2rem}.nav-item a:hover{background-color:var(--background-dark)}@media (max-width: 568px){.main-nav li a{padding:.75rem 1rem}.site-title a{font-size:1.5rem;padding:.75rem 1rem}}footer{padding-bottom:3rem;border-bottom:.25rem solid var(--yellow)}.footer-content{max-width:var(--page-width);margin:0 auto;padding:0 1rem}.footer-content p{text-align:center}.back-to-top-container{margin:4rem auto 0;max-width:var(--page-width);padding:0 1rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}.back-to-top-container a{color:var(--text)}.footer-links-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem 2rem;padding-bottom:2rem}.footer-links-container ul{display:flex;flex-wrap:wrap;gap:.5rem 1rem}button.theme-switcher{background-color:var(--white);color:var(--text);border:none;box-shadow:var(--drop-shadow);font-size:.875rem;border-radius:1rem;padding:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}button.theme-switcher:hover{background-color:var(--background-dark)}button.theme-switcher:focus{outline:none;box-shadow:var(--focus-indicator)}