.gogentic-page{--g-indigo:#5a35aa;--g-line:#bdcbd7;--g-ink:#071e33}.gogentic-case{max-width:1320px;margin:auto;padding:40px 6% 80px;color:var(--g-ink)}.gogentic-case *{box-sizing:border-box}.gogentic-case a{text-decoration:none}.gogentic-case a:hover{text-decoration:underline;text-underline-offset:5px}.g-skip{position:fixed;top:-100px;left:20px;z-index:300;background:white;padding:15px}.g-skip:focus{top:10px}.gogentic-case :is(a,button,summary):focus-visible,.g-lightbox button:focus-visible{outline:2px solid #002fa7;outline-offset:5px}.g-back{display:inline-block;margin-bottom:46px;font-size:14px;color:#002fa7}.g-kicker{font:11px/1.5 'DM Mono',monospace;letter-spacing:.09em;color:#496572;margin:0 0 22px}.g-title-row{display:grid;grid-template-columns:1fr 240px;gap:32px;align-items:center}.g-title-row h1{font:400 clamp(40px,5.5vw,76px)/1.08 'DM Sans',sans-serif;letter-spacing:-.035em;margin:0}.g-title-row h1 span,.g-chapter h2 span{color:#002fa7}.g-sketch{width:100%;height:auto;object-fit:contain;transform:none}.g-intro-row{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;padding:38px 0 44px}.g-lede{font:400 clamp(18px,1.7vw,23px)/1.55 'DM Sans',sans-serif;max-width:630px;margin:0}.g-facts{margin:0;display:grid;gap:17px}.g-facts div{display:grid;grid-template-columns:105px 1fr;gap:15px}.g-facts dt{font:10px/1.5 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.04em;color:#496572;padding-top:3px}.g-facts dd{margin:0;font-size:14px;line-height:1.5}.g-art{min-width:0;margin:0;background:#fff}.g-enlarge{position:relative;display:block;border:1px solid var(--g-line);overflow:hidden}.g-enlarge img{display:block;width:100%;height:auto;transition:transform .35s ease}.g-enlarge:hover img{transform:scale(1.018)}.g-zoom{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;background:#fff;color:#002fa7;border:1px solid #bdcbd7;font-size:22px;opacity:0;transition:opacity .2s}.g-enlarge:hover .g-zoom,.g-enlarge:focus .g-zoom{opacity:1}.g-art figcaption{display:flex;justify-content:space-between;gap:16px;padding:12px 0 20px;background:#fff;font:11px/1.55 'DM Sans',sans-serif;color:#496572}.g-art figcaption span:first-child{color:#071e33}.g-index{position:sticky;top:96px;z-index:20;height:auto!important;display:flex!important;justify-content:space-between!important;gap:20px!important;overflow-x:auto;background:#fff;border-block:1px solid #bdcbd7;padding:18px 0;margin:24px 0 0}.g-index a{white-space:nowrap;font:11px 'DM Mono',monospace;color:#002fa7;padding:5px 2px}.g-index::before,.g-index::after{display:none!important}.g-chapter{padding:85px 0 12px;scroll-margin-top:174px}.g-chapter-head{margin-bottom:35px}.g-chapter h2{font:400 clamp(30px,3.5vw,48px)/1.16 'DM Sans',sans-serif;letter-spacing:-.04em;margin:0 0 24px}.g-chapter-head>p:last-child{max-width:690px;font-size:17px;line-height:1.75;margin:0}.g-overview{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:45px;border-bottom:1px solid #bdcbd7}.g-copy p{font-size:16px;line-height:1.8;margin:0 0 20px}.g-deliverables{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #bdcbd7;padding-top:22px;font:11px 'DM Mono',monospace;color:#002fa7}.g-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px}.g-exploration{border-block:1px solid #bdcbd7;margin-top:20px;background:#ffffffd9}.g-exploration summary{cursor:pointer;display:flex;justify-content:space-between;gap:24px;padding:22px 0;list-style:none;font-size:15px}.g-exploration summary::-webkit-details-marker{display:none}.g-exploration summary>span:last-child{color:#496572;font-size:13px}.g-exploration summary b{display:inline-block;margin-left:18px;color:#002fa7;font-weight:400}.g-exploration[open] summary b{transform:rotate(45deg)}.g-details-body{padding:0 0 20px}.g-details-body>p{font-size:15px;line-height:1.7;max-width:700px;margin:0 0 25px}.g-palette{display:grid;grid-template-columns:1.5fr 1fr;margin-bottom:24px}.g-palette>div{min-height:260px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:25px}.g-indigo{background:#5a35aa;color:#fff}.g-neutral{background:linear-gradient(90deg,#f3f2f0 85%,#222 85%);color:#222}.g-palette span,.g-palette code{font:11px 'DM Mono',monospace}.g-palette strong{font:400 clamp(26px,3vw,40px)/1.15 'DM Sans',sans-serif;letter-spacing:-.04em}.g-type-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;margin:46px 0 24px}.g-type-intro h3,.g-extension h3{font:400 28px/1.25 'DM Sans',sans-serif;letter-spacing:-.035em;margin:0}.g-type-intro p,.g-extension p:not(.g-kicker){font-size:15px;line-height:1.75;margin:0}.g-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.g-type-grid figcaption{display:block}.g-type-grid figcaption span{display:block}.g-extension{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:48px;margin-top:65px}.g-extension h3{font-size:36px;margin-bottom:22px}.g-source-note{border-top:1px solid #bdcbd7;padding:16px 0;font-size:13px}.g-source-note summary{cursor:pointer;color:#002fa7;margin-bottom:12px}.g-source-note p{font-size:13px}.g-source-note a{color:#002fa7;text-decoration:underline}.g-next{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bdcbd7;padding:40px 0}.g-next>a{font-size:14px;color:#002fa7}.g-next>a:last-child{display:flex;flex-direction:column;gap:10px;text-align:right}.g-next strong{font-size:28px;font-weight:400;letter-spacing:-.04em}.g-lightbox{width:min(94vw,1400px);max-width:1400px;max-height:92vh;padding:0;border:1px solid #91abb1;background:#fff;color:#071e33}.g-lightbox::backdrop{background:#071e33d9}.g-lightbox-bar{position:sticky;top:0;display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;padding:16px 20px;z-index:1;border-bottom:1px solid #bdcbd7}.g-lightbox-bar p{margin:0;font-size:14px}.g-close{border:1px solid #002fa7;background:white;color:#002fa7;padding:9px 15px;font:14px 'DM Sans',sans-serif;white-space:nowrap;cursor:pointer}.g-lightbox-image{overflow:auto}.g-lightbox-image img{display:block;width:100%;height:auto;min-width:850px}.g-lightbox-help{font-size:12px;padding:10px 20px;margin:0;color:#496572}.g-motion-note{border:1px dashed #91abb1;margin:30px 0 0;padding:22px;background:#f5f8ff;display:flex;justify-content:space-between;gap:30px}.g-motion-note h2{font-size:20px;letter-spacing:-.02em;margin:0 0 8px}.g-motion-note p{font-size:13px;line-height:1.6;margin:0;max-width:500px}.g-motion-note>span{font:10px/1.7 'DM Mono',monospace;color:#496572;max-width:210px}.g-video{width:100%;aspect-ratio:16/9;background:#071e33;object-fit:contain}
@media(max-width:900px){.g-title-row{grid-template-columns:1fr 150px}.g-intro-row{gap:5%;grid-template-columns:1fr 1fr}.g-facts div{grid-template-columns:1fr;gap:4px}.g-overview{gap:30px}.g-type-grid{grid-template-columns:1fr}.g-type-grid .g-art{max-width:650px}.g-extension{gap:24px}.g-zoom{opacity:1}}
@media(max-width:600px){.gogentic-case{padding:28px 6% 45px}.g-back{margin-bottom:32px}.g-title-row{grid-template-columns:1fr}.g-sketch{display:none}.g-title-row h1{font-size:42px}.g-kicker{font-size:10px;margin-bottom:18px}.g-intro-row{grid-template-columns:1fr;gap:28px;padding:26px 0 30px}.g-lede{font-size:18px}.g-facts{gap:12px;padding-top:20px;border-top:1px solid #bdcbd7}.g-facts div{grid-template-columns:105px 1fr;gap:14px}.g-facts dd{font-size:13px}.g-art figcaption{flex-direction:column;gap:3px;padding-bottom:14px}.g-index{top:80px;padding:13px 0;justify-content:flex-start!important;margin-top:18px;gap:23px!important}.g-chapter{padding-top:50px;scroll-margin-top:145px}.g-chapter h2{font-size:34px}.g-chapter-head>p:last-child{font-size:16px}.g-overview{grid-template-columns:1fr;gap:0;padding-bottom:25px}.g-copy p{font-size:15px}.g-pair{grid-template-columns:1fr;gap:12px;margin-top:12px}.g-exploration summary{flex-direction:column;gap:10px;padding:20px 0}.g-exploration summary>span:last-child{display:flex;justify-content:space-between}.g-palette{grid-template-columns:1fr 1fr}.g-palette>div{padding:20px 16px;min-height:235px}.g-palette strong{font-size:27px}.g-palette span,.g-palette code{font-size:10px}.g-type-intro{grid-template-columns:1fr;gap:15px;margin-top:35px}.g-extension{grid-template-columns:1fr;gap:24px;margin-top:45px}.g-extension h3{font-size:32px}.g-next{gap:20px}.g-next strong{font-size:24px}.g-motion-note{flex-direction:column;gap:15px}.g-lightbox-bar{padding:12px;gap:10px}.g-lightbox-bar p{font-size:12px}.g-close{font-size:12px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.g-enlarge img,.g-zoom{transition:none}.g-enlarge:hover img{transform:none}}
/* Give palette labels room at phone widths without clipping the dark swatch. */
@media(max-width:450px){.g-palette{grid-template-columns:1fr}.g-palette>div{min-height:210px;padding:24px}.g-palette strong{font-size:30px}.g-neutral{background:linear-gradient(90deg,#f3f2f0 92%,#222 92%)}}

/* The logo leads; the guide cover and sub-brand no longer dominate. */
.g-title-row{grid-template-columns:1fr}.g-logo-stage{margin:0;background:#fff;border-block:1px solid #bdcbd7;padding:18px 24px 20px;text-align:center;overflow:hidden}.g-logo-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#496572;font:10px/1.5 'DM Mono',monospace;letter-spacing:.05em}.g-logo-replay{display:inline-flex;align-items:center;gap:12px;border:0;background:transparent;color:#002fa7;font:12px 'DM Sans',sans-serif;cursor:pointer;padding:10px;min-height:44px}.g-logo-replay:focus-visible{outline:2px solid #002fa7;outline-offset:3px}.g-logo-window{display:flex;justify-content:center;align-items:center;height:270px}.g-logo-art{display:block;width:270px;height:270px;max-width:100%;object-fit:contain;transform-origin:center}.g-logo-stage.is-revealing .g-logo-art{animation:g-logo-reveal 1.5s cubic-bezier(.16,1,.3,1) both}.g-logo-stage figcaption{font-size:12px;color:#496572;margin-top:8px}.g-extension.g-extension-small{grid-template-columns:1fr 190px;gap:30px;max-width:820px;padding:26px 0;border-block:1px solid #bdcbd7;margin:40px 0 0}.g-extension-small .g-kicker{font-size:10px;margin-bottom:10px}.g-extension-small h3{font-size:23px;margin-bottom:12px}.g-extension-small p:not(.g-kicker){font-size:14px;max-width:520px}.g-extension-small figcaption{display:none}.g-extension-small .g-zoom{width:28px;height:28px;font-size:17px;bottom:6px;right:6px}
@keyframes g-logo-reveal{0%{clip-path:inset(0 100% 0 0);opacity:.3;transform:translateY(8px)}70%{opacity:1}100%{clip-path:inset(0);opacity:1;transform:none}}
@media(max-width:600px){.g-logo-stage{padding:12px 14px 20px}.g-logo-topline{font-size:8px;gap:8px}.g-logo-replay{font-size:11px;gap:6px;padding:6px}.g-logo-window{height:220px}.g-logo-art{width:220px;height:220px}.g-extension.g-extension-small{grid-template-columns:1fr 110px;gap:18px;align-items:start}.g-extension-small h3{font-size:21px}.g-extension-small .g-kicker{font-size:9px}.g-extension-small p:not(.g-kicker){font-size:13px;line-height:1.6}}
@media(max-width:360px){.g-extension.g-extension-small{grid-template-columns:1fr}.g-extension-small .g-art{width:150px}}
@media(prefers-reduced-motion:reduce){.g-logo-stage.is-revealing .g-logo-art{animation:none}.g-logo-replay{display:none}}
.motion-paused .g-logo-stage.is-revealing .g-logo-art{animation:none}

.g-social{display:grid;grid-template-columns:1fr 350px;align-items:center;gap:9%;padding:70px 5%;margin:35px 0;border-block:1px solid #bdcbd7;scroll-margin-top:170px}.g-social h3{font:400 clamp(30px,3.5vw,46px)/1.14 'DM Sans',sans-serif;letter-spacing:-.04em;margin:0 0 25px}.g-social h3 span{color:#002fa7}.g-social-copy>p:not(.g-kicker){font-size:15px;line-height:1.7;max-width:390px}.g-social-switch{display:flex;gap:12px;margin:26px 0}.g-social-switch button{min-height:44px;border:1px solid #002fa7;border-radius:45% 6% 40% 8% / 8% 45% 7% 40%;background:white;color:#002fa7;font:13px 'DM Sans',sans-serif;padding:10px 18px;cursor:pointer}.g-social-switch button[aria-pressed=true]{background:#002fa7;color:white}.g-social-copy .g-social-note{font-size:11px!important;color:#496572}.g-scroll-arrow{display:block;width:150px;margin:25px 0 0 auto;color:#002fa7}.g-phone{position:relative;padding:20px 10px 12px;border:1.5px solid #002fa7;border-radius:39px 34px 40px 32px;box-shadow:5px 6px 0 #e8edfa;background:white;max-width:350px;width:100%;justify-self:center}.g-phone::before{content:'';position:absolute;inset:-5px 3px 4px -4px;border:1px solid #002fa7;border-radius:35px 41px 33px 39px;pointer-events:none;opacity:.55}.g-phone-speaker{width:52px;border-top:3px solid #002fa7;border-radius:5px;margin:0 auto 14px}.g-phone-screen{border:1px solid #d5dce5;border-radius:20px;overflow:hidden;background:white}.g-phone-top{display:flex;justify-content:space-between;padding:16px;font-size:13px;border-bottom:1px solid #d5dce5}.g-social-feed{height:420px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#002fa7 #f3f4f7;background:#fafafa}.g-social-feed:focus-visible{outline:2px solid #002fa7;outline-offset:-3px}.g-profile{display:flex;align-items:center;gap:12px;padding:14px;background:white}.g-profile img{object-fit:contain;width:52px;height:52px}.g-profile strong,.g-profile span{display:block;font-size:13px}.g-profile span{font-size:11px;color:#496572;margin-top:5px}.g-social-post{background:white;margin:8px 0;padding:19px 16px;border-block:1px solid #e2e5eb}.g-social-post .g-post-label{font:9px 'DM Mono',monospace;color:#496572;letter-spacing:.06em}.g-social-post h4{font-size:21px;line-height:1.2;margin:12px 0;font-weight:500}.g-social-post p{font-size:13px;line-height:1.65}.g-post-image{display:block;width:100%;height:auto;margin-top:16px}.g-post-link{display:block;font-size:12px;color:#002fa7;padding:15px 0;line-height:1.5}.g-social-post small{display:block;color:#496572;font-size:10px}.g-full-profile{display:block;padding:24px 16px;color:#002fa7;font-size:12px;line-height:1.6}.g-phone-bottom{width:80px;border-top:3px solid #002fa7;border-radius:3px;margin:12px auto}.g-phone-hint{text-align:center;color:#496572;font:10px 'DM Mono',monospace;margin:16px 0 4px}.g-social-pending{padding:65px 28px;text-align:center}.g-social-pending[hidden]{display:none}.g-instagram-outline{font-size:60px;color:#002fa7}.g-social-pending h4{font-size:22px;font-weight:400}.g-social-pending p{font-size:14px;line-height:1.6}.g-social-pending>span:last-child{font:9px 'DM Mono',monospace;color:#496572}@media(max-width:850px){.g-social{grid-template-columns:1fr;gap:32px;padding:40px 0}.g-scroll-arrow{display:none}.g-social-copy>p:not(.g-kicker){max-width:100%}.g-social-switch{margin-bottom:16px}}@media(max-width:400px){.g-phone{max-width:310px}.g-social-feed{height:390px}}
/* Drawn versions of familiar app interfaces. Original post media stays unchanged. */
.g-drawn-app{color:#002fa7;background:#fff}.g-drawn-app[hidden]{display:none}.g-drawn-app svg{width:23px;height:23px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-2deg)}.g-app-top{display:flex;align-items:center;gap:14px;padding:13px 12px;border-bottom:1.5px solid #002fa7;background:#fff}.g-in-mark{font:bold 26px/1 Georgia,serif;border:1.4px solid;border-radius:3px 5px 2px 4px;padding:0 3px 3px;transform:rotate(-3deg)}.g-drawn-search{display:flex;align-items:center;gap:8px;border:1px solid #002fa7;border-radius:5px 12px 4px 8px;padding:6px 9px;flex:1;font-size:11px;color:#496572;background:#f7f9ff}.g-drawn-search svg{width:16px;height:16px;color:#002fa7}.g-drawn-app .g-social-feed{height:430px;background:#f3f5fa}.g-drawn-avatar{width:34px;height:34px;object-fit:contain;background:white;border:1px solid #bac6e1;border-radius:3px 5px 2px 4px}.g-li-profile{position:relative;background:#fff;padding:0 14px;color:#071e33;margin-bottom:8px;border-bottom:1px solid #a5b5d6}.g-li-banner{margin:0 -14px;height:53px;background:repeating-linear-gradient(-20deg,transparent 0 15px,#d6ddf2 16px 17px),#f5f7ff;color:#002fa7;text-align:right;padding:15px;font:italic 15px Georgia,serif;border-bottom:1px solid #a5b5d6}.g-li-profile>.g-drawn-avatar{width:40px;height:40px;display:block;margin:-19px 0 5px;position:relative}.g-li-profile>strong{display:block;font-size:15px}.g-li-profile>span{display:block;font-size:10px;color:#496572;margin:5px 0}.g-li-profile>a{display:inline-block;color:#002fa7;border:1px solid;border-radius:15px 11px 17px 12px;padding:5px 13px;font-size:10px;margin:3px 0 10px}.g-profile-tabs{display:flex;gap:25px;font-size:10px;padding:10px 0 0;border-top:1px solid #d6ddf2}.g-profile-tabs>*{padding-bottom:9px}.g-profile-tabs b{border-bottom:2px solid #002fa7;color:#002fa7}.g-drawn-app .g-social-post{padding:0;margin:8px 0;border:0;border-block:1px solid #b6c2da;border-radius:2px 5px 3px 1px;color:#071e33}.g-post-author{display:flex;gap:9px;align-items:center;padding:12px}.g-post-author strong{font-size:12px;font-weight:600;display:block}.g-post-author span{font-size:9px;color:#496572;display:block;margin-top:3px}.g-post-author .g-post-more{margin-left:auto;font-size:22px;color:#002fa7;align-self:flex-start;line-height:15px}.g-drawn-app .g-social-post>p{padding:0 12px;margin:0 0 12px;font-size:12px;line-height:1.6}.g-drawn-app .g-post-image{margin:0;width:100%;height:auto;display:block}.g-cover-note{display:block;padding:8px 12px;font-size:10px;color:#496572;border-bottom:1px dashed #b6c2da}.g-drawn-actions{display:flex;justify-content:space-between;padding:9px 12px;color:#002fa7}.g-drawn-actions a{display:flex;align-items:center;flex-direction:column;gap:5px;color:#002fa7;font-size:9px;min-width:36px;min-height:38px}.g-drawn-actions svg{width:21px;height:21px}.g-app-bottom{display:flex;align-items:center;justify-content:space-around;border-top:1.5px solid #002fa7;padding:11px 7px;background:white}.g-app-bottom svg{width:21px;height:21px}.g-ig-wordmark{font:italic 25px/1 Georgia,serif;letter-spacing:-1.5px;margin-right:auto;transform:rotate(-2deg)}.g-ig-profile{display:flex;gap:12px;padding:15px 12px;background:white;align-items:center;color:#071e33}.g-ig-profile>.g-drawn-avatar{width:53px;height:53px;border-radius:49% 44% 48% 45%;outline:1px solid #002fa7;outline-offset:3px}.g-ig-profile strong{font-size:13px;display:block}.g-ig-profile span{font-size:10px;display:block;margin:6px 0}.g-ig-profile a{font-size:10px;color:#002fa7}.g-ig-tabs{display:flex;justify-content:space-around;align-items:center;border-block:1px solid #b6c2da;background:white;padding:6px}.g-ig-tabs>span{font-size:25px}.g-ig-tabs svg{width:21px;height:21px}.g-drawn-instagram .g-social-feed{background:white}.g-drawn-instagram .g-social-post{border-top:0;margin:0 0 14px}.g-drawn-instagram .g-post-author .g-drawn-avatar{border-radius:47% 50% 45% 48%;outline:1px solid #002fa7;outline-offset:2px;width:27px;height:27px}.g-drawn-instagram .g-post-author span:not(.g-post-more){display:none}.g-drawn-instagram .g-drawn-actions{justify-content:flex-start;gap:8px}.g-drawn-instagram .g-drawn-actions a:last-child{margin-left:auto}.g-drawn-instagram .g-drawn-actions a{min-height:29px;min-width:25px}.g-drawn-instagram .g-social-post>p{font-size:11px}.g-drawn-instagram .g-social-post>p a{color:#002fa7}.g-li-post>.g-post-link{padding:0 12px 12px}.g-video-toggle{min-height:44px;border:1px solid #002fa7;background:white;color:#002fa7;padding:8px 14px;cursor:pointer}.g-social-feed video{display:block;width:100%;height:auto}@media(max-width:400px){.g-drawn-app .g-social-feed{height:405px}.g-app-top{gap:10px}}