.familiar-case{--yellow:#dce6d6;--cream:#f8f6f0;--mint:#edf0e7;--ink:#18201f;--muted:#66716c;--rule:#dce2d9}.familiar-case .section-heading h2{font-family:inherit;font-weight:650;letter-spacing:-.045em}.familiar-case .project-name h1{font-family:inherit;font-size:52px;font-weight:650}.familiar-case .gn-banner-title{font-family:inherit;font-weight:600;color:#294f43;letter-spacing:-.05em}.familiar-case .project-avatar{padding:0;background:#f8f6f0}.familiar-case .project-avatar img{border-radius:25px}.familiar-case .project-badge{color:#294f43;background:#e2e9db}.familiar-case .chapter-nav a.active{color:#294f43}.familiar-case .chapter-nav a.active:after{background:#294f43}.familiar-case .gn-product-spread,.familiar-case .gn-tour{background:#edf0e7}.familiar-case .gn-product-spread h3,.familiar-case .gn-tour-copy h3{font-family:inherit;font-weight:600;letter-spacing:-.05em}.familiar-case .project-brief,.familiar-case .gn-stance{background:#edf0e7}.familiar-case .gn-process li{border-color:#c8d5c3}.familiar-case .gn-process li>span,.familiar-case .gn-principles article>span{color:#45694f}.familiar-case .gn-principles article{border-color:#c8d5c3}.familiar-case .gn-competitive article{border-color:#d8dfd3}.familiar-case .gn-competitive article>a{color:#294f43}.familiar-case .gn-competitive article>div{border-color:#d8dfd3}.familiar-case .enlarge{background:#294f43}.fam-concept{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:center;background:#f4f3ec;border-radius:20px;padding:35px}.fam-concept h3{font-size:32px;margin:22px 0}.fam-concept p:not(.eyebrow){font-size:15px;color:#657168;line-height:1.8;margin-top:18px}.fam-concept button{padding:0;border:0;background:none;cursor:zoom-in;max-width:320px;margin:auto}.fam-concept img{width:100%;height:auto;border-radius:18px}.fam-before-after{display:grid;grid-template-columns:1fr 70px 1fr;gap:30px;align-items:center;background:#f4f4ed;padding:35px;border-radius:20px}.fam-before-after .phone{width:100%;max-width:265px;display:block;margin:auto;padding:5px;border-radius:30px}.fam-before-after img{width:100%;height:auto;border-radius:25px}.fam-before-after figcaption{max-width:265px;margin:15px auto 0;font-size:14px;line-height:1.5}.fam-before-after figcaption b,.fam-before-after figcaption span{display:block}.fam-before-after figcaption span{font-size:12px;color:#657168;margin-top:8px}.fam-after-arrow{text-align:center;font-size:45px;color:#294f43}.fam-lockup{display:flex;align-items:center;margin:30px 0;gap:15px}.fam-lockup img{width:90px;height:90px;border-radius:20px}.fam-lockup strong{font-size:34px;letter-spacing:-1.5px}.fam-icons{display:flex;gap:28px;padding:35px 0}.fam-icons img{width:50px;height:50px;object-fit:contain}.fam-type-board{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:center;margin-top:45px;background:#f5f6f0;border:1px solid #dbe2d8;border-radius:18px;overflow:hidden}.fam-type-board button{padding:0;background:none;border:0;cursor:zoom-in}.fam-type-board img{display:block;width:100%;height:auto}.fam-type-board>div{padding:25px 30px 25px 0}.fam-type-board h3{font-size:28px;margin-bottom:20px}.fam-type-board p{font-size:14px;line-height:1.8;color:#657168;margin-top:15px}.familiar-case .gn-component{border-color:#c9d3c3;background:#fffefa}.familiar-case .gn-component button{background:#f8f6f0}.familiar-case .gn-component img{max-height:340px;object-fit:contain}.familiar-case .gn-component>div>span{color:#657168}.familiar-case .gn-tour-tabs button{border-color:#cad5c3;background:#f8faf5}.familiar-case .gn-tour-tabs button[aria-pressed=true]{background:#294f43;color:white;border-color:#294f43}.familiar-case .gn-final-screens{background:#f5f5ef}.familiar-case .product-note{border-left-color:#819879}.familiar-case .gn-study-grid{background:#f6f6f0}.familiar-case .gn-study-grid img{aspect-ratio:390/820}.familiar-case .diagram img[src*="architecture"]{aspect-ratio:1500/1040}.familiar-case .diagram img[src*="journey"]{aspect-ratio:1500/730}.familiar-case .diagram img[src*="story-map"]{aspect-ratio:1500/1220}.familiar-case .diagram img[src*="event-flow"]{aspect-ratio:1500/840}.familiar-case .gn-reflection-mark img{width:90px;height:90px;border-radius:18px}.familiar-case .gn-reflection-mark span{font-family:inherit;font-size:17px}.familiar-case .takeaway-cards article:nth-child(1){background:#e7b9a7}.familiar-case .takeaway-cards article:nth-child(2){background:#e8cc87}.familiar-case .takeaway-cards article:nth-child(3){background:#d6dfc9}.familiar-case .takeaway-cards article:nth-child(4){background:#c8d9c7}.familiar-case .takeaway-cards article:nth-child(5){background:#d5cbe3}.familiar-case .takeaway-cards article:nth-child(6){background:#e0d9c8}.familiar-case .reflection-next>span{background:#e5ecd9}.familiar-case .source-details>div{background:#f5f5ed}.familiar-case .pf-change-notes{margin-top:26px}.familiar-case .pf-change-notes h4{font-size:17px;margin:14px 0}.familiar-case .pf-change-notes p{font-size:14px;line-height:1.8;color:#657168}.familiar-case .pf-change-notes>div>span{color:#45694f}
@media(max-width:700px){.familiar-case .project-name h1{font-size:42px}.fam-concept{grid-template-columns:1fr;padding:25px;gap:25px}.fam-concept h3{font-size:28px}.fam-concept button{max-width:260px}.fam-before-after{grid-template-columns:1fr;gap:22px;padding:25px}.fam-after-arrow{transform:rotate(90deg);font-size:32px}.fam-type-board{grid-template-columns:1fr;gap:0}.fam-type-board>div{padding:25px}.fam-type-board h3{font-size:25px}.fam-lockup{gap:8px}.fam-lockup strong{font-size:32px}.fam-lockup img{width:70px;height:70px}}