.section-copy{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:36px}.section-copy h2{margin:0}.section-copy p{font-size:20px;line-height:1.5;color:#606060;margin:0;max-width:600px}.gds-logo-image{display:block;width:100%;height:auto;border-radius:8px}.gds-landing{padding:0;border:0}.gds-landing details{border:0}.gds-landing summary{border:0;border-bottom:1px solid #d6d6d6}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.post-preview{border:0;padding:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer;min-width:0}.post-preview img{display:block;width:100%;height:auto;border-radius:8px}.post-preview>span{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:16px}.post-preview svg{width:20px;flex-shrink:0}.slide-strip{display:flex;overflow-x:auto;gap:0;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;border-radius:8px;touch-action:pan-x pan-y;outline-offset:4px}.slide-strip::-webkit-scrollbar{display:none}.slide-strip>img{flex:0 0 100%;width:100%;min-width:0;object-fit:contain;height:auto;scroll-snap-align:start;scroll-snap-stop:always;user-select:none;pointer-events:none;align-self:start}.slide-strip.dragging{scroll-snap-type:none;cursor:grabbing}.persona-strip{aspect-ratio:16/9}.persona-strip>img{height:100%}.strip-controls{display:flex;justify-content:space-between;align-items:center;padding-top:16px;gap:16px}.strip-controls button,.post-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ddd;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.strip-controls button:disabled{opacity:.25;cursor:default}.strip-controls button:hover:not(:disabled){background:#145cff;color:white;border-color:#145cff}.strip-controls svg,.post-close svg{width:20px;height:20px}.strip-count{font-size:14px;font-variant-numeric:tabular-nums}.post-dialog{width:min(540px,calc(100vw - 40px),calc((100dvh - 180px)*.8));max-width:none;max-height:calc(100dvh - 24px);border:0;padding:0;border-radius:8px;background:#f5f5f5;color:#161616;overflow:auto;overscroll-behavior:contain}.post-dialog::backdrop{background:#000b}.post-top{display:flex;align-items:center;justify-content:space-between;padding:10px 16px}.post-strip{aspect-ratio:4/5;border-radius:0}.post-strip img{height:100%}.post-player .strip-controls{padding:12px 16px 0}.post-caption{margin:0;padding:12px 16px 18px;font-size:14px}.ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;align-items:start}.ai-heading{display:flex;gap:12px;align-items:baseline;min-height:70px}.ai-heading h3{font-size:25px;margin:0}.ai-grid .work-image img{height:auto;aspect-ratio:auto}
/* The screen interactions keep their original layout; the case itself shares the new portfolio system. */
.seo-geo-page{--ink:#161616;--paper:#f5f5f5;--muted:#606060;--accent:#145cff;--accent-text:#145cff;--line:#d6d6d6;background:var(--paper)}.seo-geo-page .container{width:min(1280px,calc(100% - 80px))}.seo-geo-page .hero{display:block;min-height:0;padding:38px 0 0;background:none;color:var(--ink);border-radius:0}.seo-geo-page .hero-topline{margin:36px 0 24px}.seo-geo-page .hero h1{font-size:72px;max-width:1000px;line-height:1.04}.seo-geo-page .hero .eyebrow{color:var(--accent)}.seo-geo-page .hero-description,.seo-geo-page .nda,.seo-geo-page .hero figcaption{color:var(--muted)}.seo-geo-page .hero-lead{font-size:28px}.seo-geo-page .project-meta{border-color:var(--line)}.seo-geo-page .project-meta dt{color:var(--muted)}.seo-geo-page .hero-screen{margin-top:40px}.seo-geo-page .image-button,.seo-geo-page .hero-screen .image-button{border-radius:8px;box-shadow:none}.seo-geo-page .section{padding-block:90px}.seo-geo-page .scenario-band,.seo-geo-page .kit-section{border-radius:0;background:#eaeaea;color:var(--ink);padding-block:80px}.seo-geo-page .scenario-band .eyebrow,.seo-geo-page .design-principle span{color:var(--accent)}.seo-geo-page .scenario-band .section-lead,.seo-geo-page .journey p,.seo-geo-page .viewer-description p{color:var(--muted)}.seo-geo-page .journey li,.seo-geo-page .design-principle{border-color:#ccc}.seo-geo-page .step-number{background:var(--accent);border:0;color:white}.seo-geo-page .tabs,.seo-geo-page .kit-viewer .tabs{border-radius:0;padding:0;gap:16px;background:none;border-bottom:1px solid #ccc}.seo-geo-page .tabs button{border-radius:0;background:none;color:var(--muted);border-bottom:2px solid transparent;white-space:normal}.seo-geo-page .tabs button[aria-selected="true"]{background:none;color:var(--accent);border-color:var(--accent)}.seo-geo-page .primary{background:var(--accent)}.seo-geo-page .button{border-radius:8px}.seo-geo-page footer{display:block;color:white}.seo-geo-page footer a,.seo-geo-page footer .eyebrow,.seo-geo-page footer span:first-child{color:white}.seo-geo-page .lightbox h2{font-size:18px}.seo-geo-page .lightbox .icon-button{width:44px;height:44px;flex-shrink:0}.seo-geo-page .header svg{max-width:none}.seo-geo-page .header nav a{white-space:nowrap}.seo-geo-page .header{position:relative}.seo-geo-page .section-heading{max-width:900px}.seo-geo-page .section-heading h2{margin:0}.seo-geo-page .section-lead{margin-top:24px}.seo-geo-page footer .footer-bottom a{margin-left:0}
@media(max-width:760px){.section-copy{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.section-copy p{font-size:18px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.post-preview>span{font-size:13px;line-height:1.35}.ai-grid{grid-template-columns:1fr;gap:40px}.ai-heading{min-height:0;margin-bottom:20px}.post-dialog{width:min(calc(100vw - 24px),calc((100dvh - 170px)*.8))}.seo-geo-page .container{width:calc(100% - 40px)}.seo-geo-page .hero{padding-top:30px}.seo-geo-page .hero h1{font-size:42px;overflow-wrap:break-word}.seo-geo-page .hero-lead{font-size:23px}.seo-geo-page .hero-topline{gap:12px;flex-wrap:wrap}.seo-geo-page .section{padding-block:56px}.seo-geo-page .scenario-band,.seo-geo-page .kit-section{padding-block:48px}.seo-geo-page .case-actions{align-items:stretch}.seo-geo-page .lightbox h2{font-size:14px}.seo-geo-page .tabs{gap:4px}.seo-geo-page .tabs button{font-size:12px}.seo-geo-page .project-meta div{flex-wrap:wrap;gap:6px}.seo-geo-page .hero-description{font-size:17px}.seo-geo-page .viewer-description{min-height:0}.seo-geo-page footer .footer-bottom span:first-child{width:auto}}