.draft{background:#eef1ff;border-bottom:1px solid #d5ddff;font-size:12px}.draft>.wrap{display:flex;justify-content:space-between;gap:16px;padding-block:12px}.draft span{color:var(--muted)}.crumbs{display:flex;gap:12px;font-size:11px;color:var(--muted);padding-top:24px}.portfolio-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;padding-block:65px 60px;align-items:end}.portfolio-hero h1{font-size:clamp(42px,4.5vw,66px);line-height:1.09;letter-spacing:-2.5px;font-weight:600}.portfolio-hero h1 span,.portfolio-contact h2 span{color:var(--blue)}.portfolio-intro>p:first-child{font-size:20px;line-height:1.65}.muted{color:var(--muted);font-size:14px;margin-top:18px}.portfolio-intro .text-link{display:inline-block;margin-top:26px}.project-index{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin-bottom:40px}.project-index a{padding:24px 25px;display:grid;grid-template-columns:1fr auto;gap:8px;border-right:1px solid var(--line)}.project-index a:first-child{padding-left:0}.project-index a:last-child{border:0}.project-index a>span:first-child{grid-column:1/-1;font-size:10px;letter-spacing:1px;color:var(--muted)}.project-index strong{font-size:22px;font-weight:500}.project-index a:hover{color:var(--blue)}.project{padding-block:70px 80px;scroll-margin-top:110px}.project-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.project h2{font-size:48px;letter-spacing:-1.5px;font-weight:500}.project-subtitle{color:var(--muted);margin-top:10px;font-size:17px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:11px;padding:7px 12px;border:1px solid var(--line);border-radius:22px}.browser-frame{border:1px solid var(--line);background:#fff;overflow:hidden}.browser-bar{height:37px;display:flex;align-items:center;gap:5px;background:#edf0f6;padding:0 14px}.browser-bar i{width:6px;height:6px;background:#aab3c6;border-radius:50%}.browser-bar span{font-size:10px;margin:auto;color:var(--muted);padding-right:28px}.browser-frame>img{width:100%;height:auto;display:block}.project-detail{display:grid;grid-template-columns:.75fr 1.3fr;gap:80px;padding-top:40px}.project-detail h3{font-size:30px;font-weight:500;line-height:1.3;letter-spacing:-.7px}.project-detail>div>p:not(.eyebrow){max-width:690px}.scope{list-style:none;padding:0;margin:22px 0;font-size:14px}.scope li{border-bottom:1px solid var(--line);padding:10px 0}.scope li:before{content:'↗';margin-right:12px;color:var(--blue)}.project-links{display:flex;gap:18px 28px;flex-wrap:wrap;margin-top:22px}.project-band{background:var(--pale)}.web-mobile{display:grid;grid-template-columns:1.7fr .7fr;gap:32px;align-items:center}.mobile-panel{text-align:center}.phone{width:190px;max-width:100%;margin:0 auto 20px;border:7px solid var(--navy);border-radius:28px;overflow:hidden;background:#fff;box-shadow:12px 16px 0 #dfe4f3}.phone img{width:100%;height:auto;display:block}.mobile-panel .eyebrow{font-size:9px}.mobile-panel .text-link{font-size:12px}.crm-stage{background:var(--navy);padding:35px 45px 20px;text-align:center}.crm-stage>img:first-child{max-width:230px;height:auto;display:block;margin:0 auto 30px}.crm-shot{width:100%;height:auto;display:block;border:1px solid #ffffff30}.crm-stage>p{color:#b5c3e3;font-size:11px;margin-top:16px}.portfolio-contact{background:var(--pale);padding:65px 0}.portfolio-contact>.wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.portfolio-contact h2{font-size:43px}.portfolio-contact p:not(.eyebrow){color:var(--muted);max-width:650px;margin-top:20px}.portfolio-contact .button{flex-shrink:0}@media(max-width:1000px){.portfolio-hero{gap:35px}.project-heading{align-items:start;flex-direction:column}.project-detail{gap:40px}.web-mobile{grid-template-columns:1.5fr .7fr}.portfolio-contact>.wrap{align-items:start;flex-direction:column}}@media(max-width:760px){.draft>.wrap{flex-direction:column;gap:3px;font-size:10px}.crumbs{font-size:10px}.portfolio-hero{grid-template-columns:1fr;gap:25px;padding-block:36px}.portfolio-hero h1{font-size:42px;letter-spacing:-1.6px}.portfolio-intro>p:first-child{font-size:17px}.project-index{grid-template-columns:1fr;margin-bottom:0}.project-index a,.project-index a:first-child{padding:17px 0;border-right:0;border-bottom:1px solid var(--line)}.project-index strong{font-size:20px}.project{padding-block:45px 50px}.project h2{font-size:36px}.project-heading{gap:20px;margin-bottom:24px}.project-subtitle{font-size:15px}.project-detail{grid-template-columns:1fr;gap:22px;padding-top:28px}.project-detail h3{font-size:27px}.project-detail>div>p{font-size:14px}.web-mobile{grid-template-columns:1fr;gap:30px}.phone{width:180px}.crm-stage{padding:22px 12px 16px}.portfolio-contact{padding:45px 0}.portfolio-contact h2{font-size:34px}.portfolio-contact .button{font-size:12px}.tags span{font-size:10px}.browser-bar{height:26px}.project-links{font-size:12px}}





/* EXPANDABLE PROJECT LIST */
.project-index[hidden]{display:none}.portfolio-count{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding-block:18px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px;color:var(--muted)}.project-row{border-bottom:1px solid var(--line);padding-block:52px 60px}.project-row:last-child{border-bottom:0}.project-row-heading{margin-bottom:28px}.project-row h2{font-size:40px}.project-row-body{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:start}.project-media{min-width:0}.project-description>.tags{margin-bottom:22px}.project-description>p:not(.muted):not(.related){font-size:15px;line-height:1.85}.project-description .related{font-size:12px;margin-top:18px}.project-description .scope{margin-block:18px}.project-description .muted{font-size:12px}.project-description .project-links{font-size:12px}.mobile-stage{background:var(--pale);padding:0;text-align:center}.mobile-stage img{display:block;width:100%;max-width:100%;height:auto;margin:0 auto;border-radius:9px;box-shadow:0 10px 35px #17213b18}.mobile-stage p{font-size:10px;color:var(--muted);margin-top:20px}.project-row .crm-stage{padding:26px 18px 18px}.project-row .crm-stage>img:nth-child(2){width:100%;height:auto;display:block}.project-row .crm-stage>img:first-child{max-width:190px;margin-bottom:24px}.project-row .crm-stage p{font-size:10px}.project-row .project-subtitle{font-size:16px}@media(max-width:1000px){.project-row-body{gap:28px}}@media(max-width:760px){.portfolio-count{flex-direction:column;gap:6px;font-size:9px}.project-row{padding-block:38px 45px}.project-row h2{font-size:31px;line-height:1.2}.project-row-body{grid-template-columns:1fr;gap:24px}.project-row-heading{margin-bottom:24px}.project-row .project-subtitle{font-size:14px}.project-description .tags{margin-bottom:18px}.project-description>p:not(.muted):not(.related){font-size:14px}.mobile-stage{padding:0}.mobile-stage img{width:100%}}