/* Representative work: consistent product identities and business-first case studies. */
.hero{grid-template-columns:1.05fr 1fr;gap:58px;padding-top:48px;padding-bottom:60px;overflow:visible}
.hero h1{font-size:clamp(40px,4.3vw,62px);line-height:1.34;letter-spacing:-2px;white-space:nowrap;margin:25px 0 26px}
.hero-word{color:var(--accent)}
.hero-description{font-size:14px;line-height:2;color:#657062}
.hero-actions{margin:31px 0 27px}
.hero-footnote{font-size:11px;gap:12px;color:#65715f}
.hero-footnote>span{color:#bcc3b4}
.experience-panel{background:#25352c;color:#f4f3ef;border-radius:10px;padding:30px 34px 23px;position:relative;overflow:hidden;min-width:0;isolation:isolate}
.experience-panel:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#adbdac0c 1px,transparent 1px),linear-gradient(90deg,#adbdac0c 1px,transparent 1px);background-size:36px 36px}
.experience-top{display:flex;justify-content:space-between;align-items:center;font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.3px;color:#bbc5b8}
.experience-top>span:last-child{font-size:24px;color:#baca9d;line-height:1}
.experience-number{font-size:106px;letter-spacing:-6px;font-weight:400;line-height:1.25;margin-top:17px}
.experience-number>span{font-size:66px;color:#c4d5ab;font-weight:300;vertical-align:top;display:inline-block;line-height:1.65;letter-spacing:-2px}
.experience-caption{font-size:18px;letter-spacing:1px;line-height:1.6}
.experience-caption>small{display:block;font-size:11px;letter-spacing:0;color:#afbdab;margin-top:7px}
.experience-brands{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:30px;padding-top:23px;border-top:1px solid #526047;min-height:92px}
.experience-brand{display:flex;flex-direction:column;align-items:center;gap:9px;border:0;background:transparent;color:#dbe2d3;padding:0;font-size:9px;white-space:nowrap}
.experience-brand img{width:42px;height:42px;object-fit:contain;background:#fff;border:3px solid #fff;border-radius:10px;transition:transform .2s}
.experience-brand:hover img{transform:translateY(-3px)}
.experience-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:9px;color:#a9b8a4}
.experience-bottom>a{font-size:17px;color:#dfebd6}
.proof-strip{gap:35px;padding-top:27px;padding-bottom:27px}
.proof-item{flex:1;display:flex;align-items:center;gap:20px;border-left:1px solid var(--line);padding-left:35px}
.proof-item:first-child{border-left:0;padding-left:0}
.proof-item>span{font:12px ui-monospace,monospace;color:var(--accent)}
.proof-item strong{font-size:15px;font-weight:500}
.proof-item p{font-size:11px;color:#6f7967;margin-top:5px}
.projects-section{padding-top:75px}
.section-heading{margin-bottom:26px}
.section-heading h2{font-size:40px;font-weight:600}
.section-heading>p{font-size:13px;color:#66725f;line-height:1.9}
.project-toolbar{padding-top:13px;padding-bottom:18px}
.filter{font-size:12px;padding:9px 14px;color:#627059;min-height:38px}
.search-box{width:186px}
.search-box input{font-size:12px}
.search-box input::placeholder{color:#7d8873}
.result-summary{font-size:11px;color:#78846c;height:51px;padding-top:16px}
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.case-card{background:#fcfcf9;border:1px solid #dce1d5;border-radius:10px;padding:28px 30px 0;display:flex;flex-direction:column;min-width:0;box-shadow:0 2px 3px #23332803;transition:border-color .2s,box-shadow .2s;animation:none}
.case-card:hover{border-color:#bcc9ad;box-shadow:0 10px 26px #27352209}
.case-header{display:flex;align-items:center;justify-content:space-between;gap:14px}
.case-identity{display:flex;align-items:center;gap:15px;min-width:0}
.case-logo{width:58px;height:58px;flex:0 0 58px;object-fit:contain;background:#fff;border-radius:13px;border:1px solid #e5e9de;padding:4px}
.case-identity h3{font-size:21px;font-weight:600;line-height:1.4;letter-spacing:-.5px}
.case-identity h3>button{font:inherit;color:inherit;background:none;border:0;padding:0;text-align:left}
.case-identity h3>button:hover{color:#446434}
.case-identity p{font-size:11px;color:#728064;line-height:1.6;margin-top:3px}
.case-category{font-size:10px;white-space:nowrap;color:#6c7e5a;background:#edf1e6;padding:5px 8px;border-radius:4px;align-self:flex-start;margin-top:4px}
.case-headline{font-size:22px;font-weight:550;line-height:1.65;letter-spacing:-.5px;margin:24px 0 10px;min-height:72px}
.case-audience{font-size:11px;line-height:1.8;color:#4a6040;display:flex;gap:12px;align-items:baseline}
.case-audience>span{color:#7b866e;white-space:nowrap;font-size:10px;flex-shrink:0}
.case-story{padding:20px 0 0;margin:18px 0 0;border-top:1px solid #e4e8dc;display:grid;gap:12px}
.case-story>div{display:grid;grid-template-columns:65px 1fr;gap:14px}
.case-story dt{font-size:11px;color:#7d8871;line-height:1.9;white-space:nowrap}
.case-story dd{margin:0;font-size:12px;line-height:1.9;color:#4b5942}
.case-story>div:last-child dt{color:#566c47}
.case-deliverables{padding:20px 0 23px;margin:0;list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
.case-deliverables>li{font-size:10px;color:#66755a;line-height:1.7;border:1px solid #dde5d3;border-radius:4px;padding:3px 7px;display:flex;align-items:center;gap:5px}
.case-deliverables>li:before{content:"";display:block;width:3px;height:3px;flex-shrink:0;border-radius:50%;background:#849775}
.case-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e1e7d8;gap:20px;min-height:64px}
.case-detail-button{border:0;background:transparent;padding:12px 0;font-size:12px;display:flex;gap:28px;align-items:center;color:#273f21;font-weight:500;min-height:44px}
.case-detail-button>span{font-size:19px}
.case-detail-button:hover,.case-demo:hover{color:#c14a2d}
.case-demo{font-size:11px;color:#526d43;gap:9px;min-height:44px}
.case-private{font-size:10px;color:#7c886e}
.entry-notes{font-size:11px;color:#718261}
.entry-notes>div{font-size:11px;color:#6a795e}
.case-dialog-body{padding:29px 32px 32px}
.dialog-identity{display:flex;gap:17px;align-items:center}
.dialog-identity .case-logo{width:68px;height:68px;flex-basis:68px}
.dialog-identity h2{margin:4px 0 1px;font-size:26px}
.dialog-identity p{font-size:12px;color:#70815e;margin:0}
.dialog-value{font-size:24px;line-height:1.6;font-weight:550;margin:27px 0 12px;letter-spacing:-.5px}
.dialog-story{margin-top:20px;padding:20px 0 0;gap:14px}
.dialog-story dd{font-size:13px}
.dialog-features{padding:25px 0}
.dialog-feature{font-size:12px;color:#506443}
.dialog-description{font-size:12px;line-height:1.9}
.case-screenshot{margin:25px 0;background:#e6ecdc;padding:11px;border:1px solid #d6dfca;border-radius:7px}
.case-screenshot figcaption{font-size:10px;display:flex;align-items:center;justify-content:space-between;color:#647852;margin-bottom:10px}
.case-screenshot img{width:100%;height:auto;object-fit:contain;border:1px solid #d4ddc8;border-radius:4px}
.dialog-tech{margin-top:24px}
.dialog-note{color:#606f53;font-size:11px}
.screen-gallery{margin:25px 0 30px;border:1px solid #dce2d4;border-radius:9px;overflow:hidden;background:#eef1e8}
.screen-gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 19px 0;font-size:11px;color:#384f32}
.screen-gallery-heading>span:last-child{font-size:10px;color:#6b7b60}
.screen-selectors{display:flex;gap:6px;padding:14px 19px 0;flex-wrap:wrap}
.screen-selectors button{border:1px solid #d5ddcb;background:transparent;border-radius:5px;min-height:40px;padding:8px 13px;display:flex;align-items:center;gap:9px;color:#65755a;font-size:11px}
.screen-selectors button>span{font:9px ui-monospace,monospace;opacity:.7}
.screen-selectors button[aria-pressed="true"]{background:#2e493b;border-color:#2e493b;color:#fff}
.screen-selectors button:hover{border-color:#6d8361}
.screen-selectors button:focus-visible{outline-offset:2px}
.screen-panel{margin:0;padding:25px 35px 28px;min-height:605px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);align-items:center;gap:35px}
.screen-image-link{min-width:0;display:flex;justify-content:center;align-items:center}
.screen-image-link img{display:block;width:auto;height:auto;max-height:552px;max-width:100%;border-radius:13px;box-shadow:0 12px 28px #2d422017;outline:1px solid #23382312;background:#fff}
.screen-caption{min-width:0}
.screen-platform{display:inline-block;font-size:10px;line-height:1.6;color:#68805b;border-bottom:1px solid #becab3;padding-bottom:7px}
.screen-caption h4{font-size:23px;line-height:1.5;letter-spacing:-.5px;font-weight:550;margin:17px 0 12px}
.screen-caption p{font-size:12px;line-height:1.95;color:#5b6d50}
.screen-caption>a{font-size:11px;display:inline-flex;align-items:center;gap:25px;min-height:44px;margin-top:20px;color:#35552c}
.screen-caption>a:hover{color:#c14a2d}
.screen-caption>a>span{font-size:19px}
.screen-pagination{display:block;font:10px ui-monospace,monospace;letter-spacing:2px;color:#89957d;margin-top:46px}
.screen-landscape{grid-template-columns:1fr;gap:20px;align-content:center;padding:25px 22px 28px}
.screen-landscape .screen-image-link img{width:auto;max-height:450px;object-fit:contain;border-radius:5px;box-shadow:0 8px 24px #2d422017}
.screen-landscape .screen-caption{position:relative;padding-right:100px}
.screen-landscape .screen-caption h4{font-size:20px;margin:9px 0 6px}
.screen-landscape .screen-caption>a{position:absolute;right:0;top:0;margin-top:0}
.screen-landscape .screen-pagination{position:absolute;right:0;bottom:4px;margin:0}
@media(max-width:680px){
  .screen-gallery{margin:22px 0 26px}.screen-gallery-heading{padding:13px 12px 0;font-size:11px;gap:5px}.screen-gallery-heading>span:last-child{font-size:8px}.screen-selectors{padding:12px 12px 0;gap:5px}.screen-selectors button{padding:7px 9px;font-size:10px;gap:5px;min-height:39px}.screen-panel{grid-template-columns:1fr;gap:23px;padding:24px 19px;min-height:0}.screen-image-link img{max-height:520px;max-width:100%;border-radius:10px}.screen-caption{padding:0 2px;position:relative}.screen-caption h4{font-size:22px;margin:11px 0 8px}.screen-caption p{font-size:12px}.screen-caption>a{margin-top:12px}.screen-pagination{position:absolute;right:2px;bottom:16px;margin:0}.screen-landscape{padding:22px 12px;gap:20px}.screen-landscape .screen-caption{padding:0 6px}.screen-landscape .screen-caption>a{position:static;margin-top:12px}.screen-landscape .screen-pagination{right:6px;bottom:16px}
}
@media(min-width:1250px){.case-headline{max-width:460px}}
@media(max-width:1200px){
  .hero{gap:35px}.hero h1{font-size:48px}.hero-description{font-size:12px}.experience-panel{padding:26px}.experience-number{font-size:91px}.experience-number>span{font-size:57px}.experience-brands{gap:7px}.proof-item{padding-left:23px;gap:16px}.case-card{padding:25px 24px 0}.case-headline{font-size:21px}.case-logo{width:52px;height:52px;flex-basis:52px}.case-identity{gap:12px}.case-identity h3{font-size:20px}.case-category{font-size:9px}.case-story>div{gap:10px;grid-template-columns:62px 1fr}.case-deliverables{gap:5px}.case-deliverables>li{font-size:9px}.filter{font-size:11px;padding:8px 11px}
}
@media(max-width:960px){
  .hero{gap:25px;padding-top:27px;padding-bottom:38px}.hero h1{font-size:39px;letter-spacing:-1.6px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero-description{font-size:12px}.hero-description br{display:none}.hero-footnote{font-size:9px;gap:7px}.experience-panel{padding:22px}.experience-top{font-size:7px;letter-spacing:.5px}.experience-number{font-size:83px;margin-top:11px}.experience-number>span{font-size:50px}.experience-caption{font-size:16px}.experience-caption>small{font-size:9px}.experience-brands{gap:4px;margin-top:22px;padding-top:20px}.experience-brand img{width:34px;height:34px;border-radius:8px}.experience-brand span{font-size:8px}.experience-bottom{font-size:7px;margin-top:15px}.proof-strip{gap:20px}.proof-item{padding-left:20px;gap:12px}.proof-item strong{font-size:13px}.proof-item p{font-size:9px}.section-heading h2{font-size:34px}.section-heading>p{font-size:12px}.project-grid{gap:18px}.case-card{padding:21px 20px 0}.case-category{display:none}.case-headline{font-size:20px;min-height:66px}.case-story{gap:14px}.case-story>div{display:block}.case-story dd{font-size:12px;margin-top:3px}.case-story dt{font-size:10px}.case-audience{font-size:10px;gap:9px}.case-deliverables{gap:5px;padding:20px 0}.case-deliverables>li{font-size:9px}.case-footer{min-height:59px}.filter{font-size:11px}
}
@media(max-width:680px){
  .hero{padding-top:23px;gap:28px;padding-bottom:28px;overflow:hidden}.hero .eyebrow{font-size:8px;letter-spacing:.6px}.hero h1{font-size:clamp(32px,8.9vw,53px);letter-spacing:-1.5px;margin:22px 0;line-height:1.4}.hero-description{font-size:13px;line-height:1.95}.hero-actions{margin:23px 0 20px;gap:20px}.hero-footnote{font-size:10px;gap:10px}.experience-panel{padding:23px 24px 18px}.experience-top{font-size:8px}.experience-number{font-size:91px;line-height:1.22;margin-top:14px}.experience-number>span{font-size:57px}.experience-caption{font-size:18px}.experience-caption>small{font-size:10px;margin-top:8px}.experience-brands{margin-top:22px;padding-top:19px;gap:10px;min-height:88px}.experience-brand img{width:40px;height:40px}.experience-brand>span{font-size:9px}.experience-bottom{font-size:9px;margin-top:13px}.proof-strip{display:flex;align-items:stretch;gap:13px;padding-top:21px;padding-bottom:21px}.proof-item{display:block;padding-left:13px;flex:1;min-width:0}.proof-item>span{font-size:9px;display:block;margin-bottom:6px}.proof-item strong{font-size:12px;white-space:nowrap}.proof-item p{font-size:9px;line-height:1.8;margin-top:6px}.projects-section{padding-top:44px}.section-heading h2{font-size:34px;margin-top:12px}.section-heading>p{font-size:12px;line-height:1.9;margin-top:12px}.section-heading>p br{display:block}.project-toolbar{padding:6px 0 14px;gap:12px}.filter{font-size:11px;padding:7px 10px;min-height:37px}.filters{gap:4px}.search-box{width:100%;max-width:none;padding:6px 1px}.search-box input{font-size:12px}.result-summary{font-size:10px;height:auto;min-height:50px;padding-top:14px;padding-bottom:14px;line-height:1.7}.project-grid{grid-template-columns:1fr;gap:18px}.case-card{padding:23px 22px 0;border-radius:8px}.case-category{display:none}.case-logo{width:55px;height:55px;flex-basis:55px}.case-identity h3{font-size:21px}.case-identity p{font-size:11px}.case-headline{font-size:22px;line-height:1.6;margin:23px 0 12px;min-height:0}.case-audience{font-size:11px;gap:10px;line-height:1.8}.case-audience>span{font-size:10px}.case-story{margin-top:17px;padding-top:17px;gap:14px}.case-story>div{display:block}.case-story dt{font-size:11px}.case-story dd{font-size:13px;line-height:1.85;margin-top:3px}.case-deliverables{padding:19px 0 20px;gap:6px}.case-deliverables>li{font-size:10px;padding:3px 6px}.case-footer{min-height:62px}.case-detail-button{font-size:13px}.case-demo{font-size:12px}.entry-notes{font-size:11px}.case-dialog-body{padding:23px 19px 25px}.dialog-identity{gap:13px}.dialog-identity .case-logo{width:56px;height:56px;flex-basis:56px}.dialog-identity h2{font-size:22px;line-height:1.4}.dialog-identity p{font-size:10px}.dialog-eyebrow{font-size:8px}.dialog-value{font-size:22px;margin-top:24px}.dialog-story{padding-top:16px}.dialog-story dd{font-size:13px}.dialog-features{padding:22px 0}.dialog-feature{font-size:12px}.case-screenshot{padding:7px;margin:22px 0}.case-screenshot figcaption{font-size:9px;margin-bottom:7px}.dialog-tech{margin-top:22px}
}
@media(max-width:360px){.hero-footnote{font-size:9px;gap:7px}.experience-panel{padding:21px 20px 17px}.experience-brands{gap:4px}.experience-brand img{width:35px;height:35px}.experience-brand>span{font-size:8px}.experience-bottom{font-size:8px}.proof-item strong{font-size:10px}.proof-item p{font-size:8px}.case-card{padding:20px 17px 0}.case-headline{font-size:21px}.case-deliverables>li{font-size:9px}}