/* Dwija reference: Rebond Grotesque, a 610px reading column, 20/28 body. */
@font-face{font-family:Rebond;src:url('fonts/rebond-medium.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Rebond;src:url('fonts/rebond-semibold.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Rebond;src:url('fonts/rebond-bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
/* A softer, column-width patch of grass. */
.portfolio-redesign{--grass-front:#a2b88d;--grass-mid:#b7c9a6;--grass-back:#d5dfc9}
:root[data-theme=dark] .portfolio-redesign{--grass-front:#b3c99f;--grass-mid:#96b183;--grass-back:#718c64}
.portfolio-redesign .page .grass-divider{width:100%;margin-left:0;transform:none}
.portfolio-redesign,.case-page.case-redesign{font-family:Rebond,Arial,sans-serif}
.portfolio-redesign .page{width:610px;max-width:calc(100% - 48px);padding-top:210px}
.portfolio-redesign .intro{max-width:610px;margin-bottom:80px}
.portfolio-redesign .avatar-row{margin-bottom:24px}
.portfolio-redesign h1{font-family:Rebond,Arial,sans-serif;font-size:40px;font-weight:700;line-height:1.3;letter-spacing:-.5px;margin:0 0 24px}
.portfolio-redesign .intro-eyebrow{font-family:Rebond,Arial,sans-serif;font-size:24px;font-weight:600;line-height:1.4;letter-spacing:0;margin:0 0 24px}
.portfolio-redesign .intro-copy,.portfolio-redesign .work-intro,.portfolio-redesign .about-strip p.about-body:first-of-type{font-family:Rebond,Arial,sans-serif;font-size:20px;line-height:28px;font-weight:400;letter-spacing:0;max-width:610px}
.portfolio-redesign .intro-copy p{margin:0 0 24px}.portfolio-redesign .intro-copy p:last-child{margin-bottom:0}
.portfolio-redesign .page .section-heading{font-family:Rebond,Arial,sans-serif;font-size:28px;line-height:1.5;letter-spacing:0;font-weight:600;margin:0 0 12px}
.portfolio-redesign .work-intro{margin:0 0 40px}
.portfolio-redesign .grass-divider{margin-bottom:96px}
.portfolio-redesign .string-divider{margin-top:80px;margin-bottom:80px}
.portfolio-redesign .outcome-list{gap:24px}
.portfolio-redesign .outcome-row,.portfolio-redesign .outcome-row:last-child{padding:16px 16px 20px;gap:16px}
.portfolio-redesign .outcome-copy,.portfolio-redesign .outcome-row:last-child .outcome-copy{padding:0}
.portfolio-redesign .outcome-title{font-family:Rebond,Arial,sans-serif;font-size:20px;line-height:24px;letter-spacing:0;font-weight:700;min-height:48px}
.portfolio-redesign .project-tags{gap:8px;margin-top:12px;flex-wrap:wrap;flex-direction:column;align-items:flex-start}
.portfolio-redesign .project-tags>span{font-family:Rebond,Arial,sans-serif;font-size:12px;font-weight:600;line-height:1.2}
.portfolio-redesign .about-strip .about-body{margin-bottom:0}
.portfolio-redesign .personal-photo-strip{margin-top:40px}
.portfolio-redesign .personal-photo-strip .photo-tag,.portfolio-redesign .photo-motion-toggle,.portfolio-redesign .contact-links,.portfolio-redesign footer.contact-section .footer-bottom,.portfolio-redesign nav{font-family:Rebond,Arial,sans-serif}
.portfolio-redesign .contact-inner{padding-bottom:64px}.portfolio-redesign .contact-inner>.section-heading{margin-bottom:0}
.portfolio-redesign .contact-links{font-size:16px;margin-top:24px;gap:16px 28px}
.case-page.case-redesign .case-text,.case-page.case-redesign .case-wide{width:min(610px,calc(100% - 48px))}
.case-page.case-redesign{font-size:20px;line-height:1.5}
.case-page.case-redesign .case-main{padding-top:80px}
.case-page.case-redesign .case-hero h1{font-family:Rebond,Arial,sans-serif;font-size:40px;line-height:1.25;font-weight:700;letter-spacing:-.5px;margin-bottom:24px}
.case-page.case-redesign .case-deck{font-family:Rebond,Arial,sans-serif;font-size:20px;line-height:28px;max-width:610px}
.case-page.case-redesign .case-section h2{font-family:Rebond,Arial,sans-serif;font-size:28px;line-height:1.4;font-weight:700;letter-spacing:0}
.case-page.case-redesign .case-section h3{font-family:Rebond,Arial,sans-serif;font-size:22px;line-height:1.4;font-weight:700;letter-spacing:0}
.case-page.case-redesign .case-section:before{width:min(610px,calc(100% - 48px))}
.case-page.case-redesign .chapter-opening .case-kicker,.case-page.case-redesign .case-eyebrow,.case-page.case-redesign .case-toc,.case-page.case-redesign .case-outcomes strong,.case-page.case-redesign .case-closing,.case-page.case-redesign .case-topbar{font-family:Rebond,Arial,sans-serif}
.case-page.case-redesign .case-callout p{font-family:Rebond,Arial,sans-serif;font-size:20px;line-height:1.5}
.case-page.case-redesign .case-section{margin-top:80px;padding-top:64px}
.case-page.case-redesign .case-outcomes+#overview{margin-top:0}
@media(max-width:1100px) and (min-width:701px){.portfolio-redesign .page{width:610px;max-width:calc(100% - 176px)}}
@media(max-width:700px){.portfolio-redesign .page{width:610px;max-width:calc(100% - 40px);padding-top:176px}.portfolio-redesign h1{font-size:32px;line-height:1.3}.portfolio-redesign .intro-eyebrow{font-size:22px}.portfolio-redesign .intro-copy,.portfolio-redesign .work-intro,.portfolio-redesign .about-strip p.about-body:first-of-type{font-size:18px;line-height:1.4}.portfolio-redesign .page .section-heading{font-size:26px;line-height:1.4}.portfolio-redesign .intro{margin-bottom:64px}.portfolio-redesign .grass-divider{margin-bottom:72px}.portfolio-redesign .string-divider{margin-top:64px;margin-bottom:64px}.portfolio-redesign .outcome-title{min-height:0}.portfolio-redesign .work-intro{margin-bottom:32px}.portfolio-redesign .contact-links{font-size:15px}.case-page.case-redesign{font-size:18px;line-height:1.5}.case-page.case-redesign .case-text,.case-page.case-redesign .case-wide{width:calc(100% - 40px)}.case-page.case-redesign .case-hero h1{font-size:32px}.case-page.case-redesign .case-section h2{font-size:26px}.case-page.case-redesign .case-deck{font-size:18px;line-height:1.5}.case-page.case-redesign .case-section{margin-top:64px;padding-top:48px}.case-page.case-redesign .case-section:before{width:calc(100% - 40px)}}