.case-page{background:#14181b;color:#efe6d8}.case-nav{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 56px;color:#161b20;background:#bfd7e8}.case-nav>div{display:flex;gap:32px;font-size:13px;font-weight:600}.case-hero{background:linear-gradient(175deg,#bfd7e8,#dce5e6 50%,#efe6d8);color:#161b20;padding:60px 56px 75px}.case-hero .section-label{font-size:10px;margin-bottom:35px}.case-intro-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:65px;align-items:end}.case-hero h1{font:700 clamp(34px,4.1vw,64px)/1.14 Unbounded,sans-serif;letter-spacing:-.045em;margin:0}.case-intro-copy>p{font-size:16px;line-height:1.8;max-width:420px;margin:0 0 27px}.case-intro-copy .button{font-size:13px}.case-behance{display:block;font-size:12px;margin-top:20px;text-decoration:underline;text-underline-offset:5px}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #161b2040;border-bottom:1px solid #161b2040;padding:22px 0;margin:45px 0}.case-facts dt{font:400 10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:#596367;margin-bottom:9px}.case-facts dd{font-size:14px;font-weight:600;margin:0}.case-cover{padding:42px 6%;background:#d6d0c6}.case-cover .browser-frame{box-shadow:0 20px 35px #161b2035}.case-story{display:grid;grid-template-columns:1fr 1fr;gap:80px}.case-story .section-title{font-size:38px}.case-story-copy>p{font-size:16px;line-height:1.85;color:#c3c5bf;margin:0 0 25px}.case-story-copy .case-aside{border-top:1px solid #efe6d830;padding-top:22px;font-size:12px;color:#a5b6bf}.case-note{font-size:14px;line-height:1.8;color:#61696b;max-width:300px;margin:0}.case-menu .section-title{font-size:40px}.case-excerpt{width:100%;height:auto;border:1px solid #161b2020;display:block}.case-caption{display:flex;justify-content:space-between;gap:25px;font:400 9px/1.6 var(--mono);text-transform:uppercase;margin-top:20px;color:#62696a}.case-responsive{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.case-responsive .section-title{font-size:38px}.case-responsive-text>p:not(.section-label){font-size:15px;line-height:1.9;color:#c5c6bf;max-width:450px;margin:28px 0}.phone-pair{display:flex;gap:25px;align-items:center;padding:25px 0}.phone-pair figure{margin:0;flex:1;min-width:0}.phone-pair figure:nth-child(2){transform:translateY(35px)}.phone-pair img{display:block;width:100%;height:auto;border:6px solid #262b2f;border-radius:24px;box-shadow:0 20px 40px #0004}.phone-pair figcaption{font:400 9px/1.7 var(--mono);text-transform:uppercase;text-align:center;color:#b0b9bb;margin-top:15px}.case-live .section-title{font-size:40px}.case-interactions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #161b2030;margin:45px 0}.case-interactions>div{padding:25px 32px 10px 0}.case-interactions>div+div{border-left:1px solid #161b2030;padding-left:32px}.case-interactions span{font:400 12px var(--mono);color:#67767d}.case-interactions h3{font-size:22px;margin:25px 0 13px;letter-spacing:-.035em}.case-interactions p{font-size:14px;line-height:1.8;max-width:300px;color:#596166;margin:0}.case-disclosure{max-width:850px;font-size:12px;line-height:1.9;color:#60686b;border-top:1px solid #161b2030;padding-top:25px;margin:35px 0 0}.case-contact h2{font:400 46px/1.25 'Dela Gothic One',sans-serif;letter-spacing:-.025em;margin:0 0 35px}.case-footer{border-top:1px solid #efe6d830;display:flex;align-items:center;justify-content:space-between;margin-top:65px;padding-top:23px;font-size:12px}.case-footer .logo{font-size:13px}
.case-page .section-title span{white-space:normal}.case-story>*,.case-responsive>*{min-width:0}
@media(min-width:1600px){.case-page main{max-width:1920px;margin:auto}.case-nav{padding-left:7%;padding-right:7%}.case-hero{padding-left:7%;padding-right:7%}}
@media(max-width:1100px){.case-nav{padding:28px 36px}.case-hero{padding:45px 36px 60px}.case-intro-grid{gap:35px;grid-template-columns:1.4fr 1fr}.case-intro-copy>p{font-size:14px}.case-story,.case-responsive{gap:40px}.case-story .section-title,.case-responsive .section-title{font-size:31px}.case-story-copy>p{font-size:14px}.case-caption{font-size:8px}.phone-pair{gap:15px}.case-responsive-text>p:not(.section-label){font-size:14px}.case-contact h2{font-size:36px}.case-interactions>div{padding-right:20px}.case-interactions>div+div{padding-left:20px}.case-interactions h3{font-size:19px}}
@media(max-width:700px){.case-nav{padding:25px 24px;gap:20px}.case-nav .logo{font-size:13px}.case-nav>div{font-size:11px;gap:0}.case-nav>div a:last-child{display:none}.case-hero{padding:30px 24px 45px}.case-hero .section-label{font-size:8px;margin-bottom:27px}.case-intro-grid{grid-template-columns:1fr;gap:26px}.case-hero h1{font-size:clamp(26px,7.4vw,40px);line-height:1.2}.case-intro-copy>p{font-size:14px;line-height:1.8;margin-bottom:22px}.case-behance{font-size:11px;margin-top:18px}.case-facts{grid-template-columns:1fr;gap:21px;margin:30px 0;padding:22px 0}.case-facts dt{font-size:8px;margin-bottom:5px}.case-facts dd{font-size:12px}.case-cover{padding:22px 15px}.case-story{grid-template-columns:1fr;gap:28px}.case-story .section-title,.case-responsive .section-title{font-size:28px}.case-story-copy>p{font-size:14px;margin-bottom:20px}.case-story-copy .case-aside{font-size:11px}.case-menu .section-title,.case-live .section-title{font-size:28px}.case-note{font-size:13px;margin-top:20px}.case-caption{display:block;font-size:8px;line-height:1.9}.case-caption span{display:block;margin-top:6px}.case-responsive{grid-template-columns:1fr;gap:15px}.case-responsive-text>p:not(.section-label){font-size:13px;line-height:1.85;margin:22px 0}.phone-pair{gap:15px;padding-bottom:30px}.phone-pair img{border-width:4px;border-radius:15px}.phone-pair figcaption{font-size:7px}.case-interactions{grid-template-columns:1fr;margin:30px 0}.case-interactions>div,.case-interactions>div+div{padding:24px 0;border-left:0;border-bottom:1px solid #161b2030}.case-interactions span{font-size:10px}.case-interactions h3{font-size:20px;margin:15px 0 10px}.case-interactions p{font-size:13px}.case-disclosure{font-size:11px;margin-top:28px;padding-top:20px}.case-contact h2{font-size:27px;line-height:1.3}.case-footer{font-size:10px;margin-top:45px;gap:15px}.case-footer .logo{font-size:11px}}