.loud-takeaway[data-astro-cid-ubyn7ck2]{background-color:var(--bg-fourth);border:2px solid var(--border-primary);border-radius:10px;color:var(--text-primary);position:relative;transition:all .1s ease;overflow:visible;&:hover{cursor:pointer;scale:1.01;border-color:var(--accent-2);color:var(--accent-2);.loud-takeaway__button{translate:0 10px}}.loud-takeaway__pre-heading{color:var(--beige-third)}h3{transition:all .3s ease}.loud-takeaway__button{transition:all .3s ease;path{fill:var(--accent-2);transition:all .1s ease}}.loud-takeaway__link{position:absolute;inset:0;z-index:10}}.work-inner[data-astro-cid-by4zwojz]{--max-content-width: min(800px, 100%);max-width:var(--max-content-width);margin:0 auto;position:relative;@media(min-width:1200px){--max-content-width: min(1000px, 100%)}}.work-header[data-astro-cid-by4zwojz]{border-bottom:2px solid var(--border-primary);h1{color:var(--accent-2)}img{max-width:100%;height:auto;border-radius:10px;border:2px solid var(--border-primary)}}.work-intro[data-astro-cid-by4zwojz]{display:flex;flex-direction:column;@media(min-width:1200px){flex-direction:row-reverse;gap:var(--space-l)}.work-intro__skills{margin-block:var(--space-xl);@media(min-width:1200px){margin-block-start:calc(var(--space-xl) + var(--space-l));margin-block-end:0}.skills-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-s);list-style-type:none;.skills-list__skill{display:flex;&:before{display:flex;font-size:var(--fontsize-3);height:40px;width:43px;content:url("data:image/svg+xml,%3csvg%20width='14'%20height='12'%20viewBox='0%200%2014%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.8125%200.25L5.25%206.8125L2.1875%203.75L0%205.9375L5.25%2011.1875L14%202.4375L11.8125%200.25Z'%20fill='%236D4EB1'/%3e%3c/svg%3e");margin-inline-end:var(--space-xs);border:3px solid var(--bg-fourth);border-radius:5px;align-items:flex-end;justify-content:center;background:var(--bg-fourth);flex-shrink:0;font-size:30px}}}}.work-intro__copy{@media(min-width:1200px){padding-block-start:var(--space-xl);padding-inline-end:var(--space-l);border-inline-end:2px solid var(--border-primary);max-width:min(720px,100%);position:relative;&:after{content:"";display:block;position:absolute;height:var(--space-2xl);width:2px;background-color:var(--border-primary);bottom:calc(-1* var(--space-2xl));right:-2px}}.pre-heading{color:var(--accent-2)}.intro p{font-size:var(--fontsize-2)}}}.work-takeaways[data-astro-cid-by4zwojz]{.pre-heading{color:var(--accent-2)}.takeaways-wrapper{display:grid;gap:var(--space-s);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));list-style-type:none;@media(min-width:1200px){grid-template-columns:repeat(2,1fr)}}}.work-content[data-astro-cid-by4zwojz]{position:relative;>:not(iframe,:has(img),.customer-insights,.design-highlights,.iframe-group){@media(min-width:1200px){max-width:min(720px,100%)}}h2{border-top:2px solid var(--border-primary);margin-block-start:var(--space-2xl);padding-block-start:var(--space-s);margin-block-end:var(--space-l)}img{background-color:var(--bg-fourth)}.customer-insights{display:grid;gap:var(--space-l);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));list-style-type:none;padding-inline-start:0;margin-block-start:var(--space-l);@media(min-width:1200px){grid-template-columns:repeat(2,1fr)}.customer-insight{background-color:var(--bg-secondary);padding:var(--space-m) var(--space-l);border-radius:10px;border:2px solid var(--border-primary);margin-block-end:0;p{margin-block-end:var(--space-s);&:last-child{margin-block-end:0}}.title{font-family:var(--font-display);font-size:var(--fontsize-2);text-wrap:pretty}.quote{font-style:italic;font-size:var(--fontsize-1);text-wrap:pretty;border-inline-start:4px solid var(--accent-2);padding-inline-start:var(--space-s);color:var(--text-primary)}}}.design-highlights{display:grid;gap:var(--space-l);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));list-style-type:none;padding-inline-start:0;margin-block-start:var(--space-l);@media(min-width:1200px){grid-template-columns:repeat(2,1fr)}.design-highlight{background-color:var(--bg-secondary);border-radius:10px;border:2px solid var(--border-primary);margin-block-end:0;overflow:hidden;img{border:none;border-radius:0}.design-highlight__inner{padding:var(--space-m);.title{font-family:var(--font-display);font-size:var(--fontsize-2);margin-block-end:var(--space-s);text-wrap:pretty}.summary{margin-block-end:0}}}}.iframe-group{display:flex;flex-direction:column;@media(min-width:1200px){flex-direction:row;gap:var(--space-l)}iframe{aspect-ratio:16 / 13}iframe.mobile{flex:1;max-width:400px;aspect-ratio:4 / 7;width:100%;@media(min-width:1200px){aspect-ratio:16 / 13;max-width:100%}}}}