.project-hero{background:#101817;color:#fff;padding:100px 0 70px}.project-hero h1{font-size:clamp(50px,7vw,88px);line-height:.95;letter-spacing:-.06em;max-width:900px;margin:14px 0 24px}.project-hero p{color:#c2ccca;max-width:680px;font-size:18px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-tile{border-radius:30px;background:#fff;border:1px solid #dfe4df;overflow:hidden;transition:.25s}.project-tile:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(0,0,0,.08)}.project-cover{height:360px;background:linear-gradient(145deg,#dce8d9,#f8faf6);padding:35px;position:relative;overflow:hidden}.project-cover:before{content:"";position:absolute;inset:58px 38px 0;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 18px 45px rgba(0,0,0,.13)}.project-cover:after{content:"";position:absolute;width:140px;height:245px;right:30px;bottom:-30px;background:#17211f;border:8px solid #17211f;border-radius:26px;box-shadow:0 18px 35px rgba(0,0,0,.2)}.project-info{padding:28px}.project-info h2{font-size:28px;margin:4px 0}.project-info p{color:#66706d}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.tag{font-size:11px;font-weight:850;background:#edf4e9;padding:6px 9px;border-radius:999px}.case-hero{background:#101817;color:white;padding:80px 0}.case-hero__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}.case-hero h1{font-size:clamp(48px,6vw,76px);line-height:.96;letter-spacing:-.055em;margin:12px 0}.case-mock{min-height:480px;background:linear-gradient(145deg,#21302d,#0b1110);border:1px solid rgba(255,255,255,.1);border-radius:34px;padding:34px;position:relative;overflow:hidden}.case-browser{background:white;color:#101817;border-radius:20px;padding:15px;margin-top:35px;box-shadow:0 30px 60px rgba(0,0,0,.3)}.case-screen{min-height:310px;background:linear-gradient(145deg,#e8f1e4,#f8f9f5);border-radius:13px;padding:30px}.case-screen h3{font-size:38px;max-width:330px;line-height:1.02}.case-phone{position:absolute;width:150px;height:300px;right:18px;bottom:-25px;background:#fff;border:9px solid #17211f;border-radius:28px;box-shadow:0 20px 50px rgba(0,0,0,.3)}.case-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.case-meta span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.09);font-size:12px}.case-copy{font-size:20px;color:#c3cdca}.case-content{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.case-content h2{font-size:42px;letter-spacing:-.04em}.deliverables{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.deliverable{background:#fff;border:1px solid #dfe4df;border-radius:20px;padding:20px;font-weight:800}.gallery-track{display:grid;grid-auto-flow:column;grid-auto-columns:70%;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px}.gallery-shot{height:470px;background:linear-gradient(145deg,#dfe8db,#f9faf7);border-radius:28px;scroll-snap-align:start;padding:30px}.gallery-shot:after{content:"";display:block;height:85%;background:white;border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.12);margin-top:20px}.next-case{display:flex;justify-content:space-between;align-items:center;padding:30px;border-top:1px solid #dfe4df;font-size:22px;font-weight:850}@media(max-width:800px){.project-hero{padding:70px 0 50px}.project-grid,.case-hero__grid,.case-content{grid-template-columns:1fr}.project-cover{height:290px}.case-mock{min-height:380px;order:2}.case-hero__grid{gap:30px}.case-screen{min-height:240px}.case-screen h3{font-size:30px}.gallery-track{grid-auto-columns:88%}.gallery-shot{height:360px}.deliverables{grid-template-columns:1fr}}