.story-intro{top:64px}.problem-story{padding-top:70px}.story-card{opacity:.55;transform:translateY(18px);justify-content:flex-start;min-height:340px;padding-top:32px}.story-card.read,.story-card.active{opacity:1;transform:none}.story-card p{font-size:16px}.story-cards{gap:36px}
.operation-list{display:grid;gap:30px}.operation{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center;padding:40px;border:1px solid #29436a;border-radius:28px;background:linear-gradient(135deg,#10294e,#0a1d3d);overflow:hidden}.operation-copy h3{font-size:clamp(28px,3vw,40px);line-height:1.3;letter-spacing:-.045em;margin:14px 0 20px}.operation-copy p{color:#c1d1e8;font-size:16px;line-height:1.8}.operation-kicker{color:#79baff;font:800 13px Manrope;letter-spacing:.12em}.operation-copy>small{display:block;font-size:12px;color:#a1b5d2;line-height:1.8;margin-top:24px}.op-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.op-tags span{border:1px solid #355883;color:#bfdcff;padding:6px 12px;border-radius:30px;font-size:13px}
.creative-stage{height:370px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.creative-sheet{position:absolute;width:42%;max-width:235px;background:#fff;padding:8px 8px 12px;border-radius:14px;box-shadow:0 20px 45px #0005;transform:translateY(25px) rotate(0deg);transition:transform 1s cubic-bezier(.2,.8,.2,1);will-change:transform}.creative-sheet>span{display:block;color:#24344e;text-align:center;font-size:13px;font-weight:700;padding-top:12px}.sheet-one{z-index:1;transition-delay:.1s}.sheet-two{z-index:2;transition-delay:.24s}.sheet-three{z-index:3;transition-delay:.4s}.in-view .sheet-one,.no-motion .sheet-one{transform:translate(-69%,0) rotate(-12deg)}.in-view .sheet-two,.no-motion .sheet-two{transform:translate(0,-32px) rotate(0)}.in-view .sheet-three,.no-motion .sheet-three{transform:translate(69%,4px) rotate(12deg)}
.banner-crop{position:relative;aspect-ratio:1;background-image:url('assets/gfa-banner-examples.jpg');background-repeat:no-repeat;border-radius:8px;overflow:hidden}.banner-one{background-size:337% 215%;background-position:1% 3%}.banner-two{background-size:337% 215%;background-position:93.5% 3%}.banner-three{background-size:337% 215%;background-position:17.2% 96.3%}.brand-mask{position:absolute;display:block;border-radius:3px;background:#c8d6df}.mask-bottom{left:15%;right:15%;bottom:0;height:9%;background:#060b12}.mask-copy{left:18%;top:69%;width:24%;height:8%;background:#07131b}.mask-top{left:0;top:0;width:62%;height:12%;background:#82d5c8}.mask-product{left:42%;top:74%;width:14%;height:5%;background:#dad3ba}
.meta-chart{padding:26px 22px;border-radius:20px;background:#f7faff;color:#10213d}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;font-weight:700}.chart-heading strong{font:700 11px Manrope;color:#6b7d94}.meta-columns{height:280px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px;border-bottom:1px solid #b9c8da;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#dbe5f2 50px)}.meta-column{display:flex;flex-direction:column;position:relative;align-items:center;height:100%;padding-bottom:30px}.meta-bar-space{height:100%;width:100%;display:flex;align-items:end;justify-content:center}.meta-bar{position:relative;width:100%;max-width:78px;height:var(--bar-height);background:linear-gradient(0deg,#1168ec,#54beff);border-radius:8px 8px 0 0;transform-origin:bottom;transition:height 1.8s cubic-bezier(.22,1,.36,1)}.meta-column:first-child .meta-bar{background:linear-gradient(0deg,#2046d9,#8d9fff)}.meta-bar b{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);font:800 clamp(16px,2vw,23px) Manrope;white-space:nowrap;color:#16449f}.meta-column>span{position:absolute;bottom:3px;font-size:12px;font-weight:700}.meta-axis{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#667c99;margin-top:14px}.motion-ready .meta-operation:not(.in-view) .meta-bar{height:0}
.chat-stage{background:#dce7f0;border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:18px;color:#142338}.chat-title{display:flex;justify-content:space-between;border-bottom:1px solid #bbcada;padding-bottom:14px;font-size:14px;font-weight:700}.chat-message{max-width:89%;transition:opacity .65s ease,transform .65s ease}.chat-message small{display:block;font-size:12px;color:#51657d;margin-bottom:4px}.chat-message p{margin:0;background:#fff;padding:14px 17px;border-radius:3px 16px 16px;font-size:14px;line-height:1.7;box-shadow:0 3px 9px #3858790b}.chat-message.marketer{align-self:flex-end;transition-delay:.9s}.chat-message.marketer small{text-align:right}.chat-message.marketer p{background:#ffe56b;border-radius:16px 3px 16px 16px}.chat-message:nth-of-type(4){transition-delay:1.8s}.chat-message:nth-of-type(5){transition-delay:2.7s}.motion-ready .chat-operation:not(.in-view) .chat-message{opacity:0;transform:translateX(-24px)}.motion-ready .chat-operation:not(.in-view) .marketer{transform:translateX(24px)}
.aeo-section{background:#f2f7ff}.aeo-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.aeo-flow article{padding:28px 22px;border:1px solid #d9e6f8;border-radius:20px;background:#fff;position:relative}.aeo-flow article>span{font:800 12px Manrope;color:#126df3}.aeo-flow h3{font-size:21px;letter-spacing:-.04em;margin:18px 0 12px}.aeo-flow p{color:#62748b;font-size:15px}.aeo-flow em{font-style:normal;color:#095eca;font-size:13px;font-weight:700;display:block;margin-top:25px}.aeo-note{margin-top:26px;font-size:13px;color:#5a6e87;line-height:1.9;max-width:950px}.aeo-note a{display:inline-block;margin:12px 20px 0 0;text-decoration:underline}.dash{overflow:hidden;isolation:isolate;transform:none}.dash .hero-product{position:absolute;inset:-15px;width:calc(100% + 30px);height:calc(100% + 30px);object-fit:cover;filter:blur(5px) saturate(.65);z-index:-2}.dash:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071a3deb,#071a3d99);z-index:-1}.dash-footnote{display:block;font-size:12px;color:#bfd0e8;margin-top:18px;line-height:1.7}
@media(max-width:900px){.operation{padding:28px;gap:24px;grid-template-columns:1fr}.operation-copy h3 br{display:none}.creative-stage{height:340px;max-width:620px;width:100%;margin:auto}.meta-chart{max-width:620px;width:100%;margin:auto}.aeo-flow{grid-template-columns:repeat(2,1fr)}.story-intro{top:auto}.chat-stage{width:100%;max-width:620px;margin:auto}}
@media(max-width:620px){.operation{padding:22px 18px;border-radius:20px}.creative-stage{height:270px}.creative-sheet{width:40%;padding:5px 5px 9px;border-radius:9px}.creative-sheet>span{font-size:10px}.meta-chart{padding:20px 13px}.meta-columns{gap:13px;height:230px}.meta-axis{font-size:10px}.meta-bar b{font-size:17px}.chat-stage{padding:16px 12px}.chat-message{max-width:93%}.chat-message p{font-size:13px;padding:12px}.aeo-flow{grid-template-columns:1fr}.story-card{min-height:280px}.story-intro{padding-bottom:0}.operation-copy h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.creative-sheet{will-change:auto}}
.source-cases{padding:100px 0;background:#f5f8fe}.source-cases .section-head p{max-width:570px}.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.source-card{background:#fff;border:1px solid #dce7f7;border-radius:24px;padding:30px;box-shadow:0 12px 38px #10295409}.source-label{font:800 12px Manrope;color:#126df3;letter-spacing:.08em}.source-card h3{font-size:24px;line-height:1.35;letter-spacing:-.04em;margin:16px 0 12px}.source-card p{font-size:14px;line-height:1.75;color:#566b86;margin:0 0 24px}.source-metric{font-size:12px;color:#58708d;font-weight:700;margin-bottom:12px}.source-compare{display:flex;align-items:center;gap:10px;margin:11px 0}.source-compare span{width:34px;flex:none;font-size:12px;color:#6a7a91}.source-track{flex:1;height:28px;background:#edf3fa;border-radius:6px;overflow:hidden}.source-fill{height:100%;border-radius:6px;background:#aabbd2;min-width:30px}.source-compare.after .source-fill{background:linear-gradient(90deg,#126df3,#45b9fd)}.source-compare strong{min-width:68px;text-align:right;font:800 16px Manrope;color:#142745}.source-compare.after strong{color:#075cce}.source-card .source-note{font-size:12px;margin:22px 0 0;color:#8290a4}.source-overview{margin-top:25px;padding:20px 24px;border-radius:17px;background:#e7f0ff;color:#294b76;line-height:1.8;font-size:14px}.source-overview b{color:#0a56bd}
@media(max-width:900px){.source-grid{grid-template-columns:1fr}.source-card{padding:26px}.source-cases{padding:75px 0}}
.reference-gallery{display:grid;grid-template-columns:.75fr 1.25fr;gap:32px;align-items:center;padding:34px 38px;border:1px solid #29436a;border-radius:24px;background:linear-gradient(135deg,#10294e,#0a1d3d);color:#fff;overflow:hidden}.reference-gallery h3{font-size:clamp(25px,3vw,36px);line-height:1.35;letter-spacing:-.04em;margin:14px 0}.reference-gallery p{color:#bfd0e8;line-height:1.8;font-size:14px}.reference-board{height:250px;position:relative;border-radius:14px;overflow:hidden;background:#dbe6f4}.reference-board img{width:100%;height:100%;object-fit:cover;filter:blur(8px);transform:scale(1.035)}.reference-board span{position:absolute;right:12px;bottom:12px;padding:7px 11px;border-radius:20px;background:#071a3dcc;color:#fff;font-size:11px;backdrop-filter:blur(8px)}
.media-mix{background:#f3f7fd}.mix-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative}.mix-flow article{position:relative;padding:24px 18px 22px;border:1px solid #dce7f7;border-radius:20px;background:#fff}.mix-flow article:not(:last-child):after{content:'›';position:absolute;right:-12px;top:22px;z-index:2;width:24px;height:24px;border-radius:50%;background:#146df0;color:#fff;text-align:center;font-size:22px;line-height:19px}.mix-flow article>span{font:800 11px Manrope;color:#126df3;letter-spacing:.05em}.mix-flow h3{font-size:19px;letter-spacing:-.04em;margin:14px 0 10px}.mix-flow p{font-size:13px;line-height:1.7;font-weight:700;color:#314862;min-height:46px;margin-bottom:9px}.mix-flow small{display:block;font-size:12px;line-height:1.65;color:#73839a}.mix-measure{margin-top:22px;padding:22px 24px;border-radius:18px;background:#e7f0ff;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.mix-measure>b{width:100%;color:#164a91;font-size:14px;margin-bottom:4px}.mix-measure>span{background:#fff;padding:7px 11px;border-radius:18px;color:#345478;font-size:12px;font-weight:700}.mix-measure>p{width:100%;font-size:12px;line-height:1.7;color:#687c95;margin:6px 0 0}
.team-org{margin:30px 0 40px;padding:30px;border:1px solid #dce7f7;border-radius:22px;background:#f5f8fe;text-align:center}.team-lead{display:inline-flex;min-width:min(100%,300px);padding:18px 24px;border-radius:16px;background:#0b1d3b;color:#fff;align-items:center;flex-direction:column;position:relative}.team-lead:after{content:'';position:absolute;top:100%;left:50%;height:23px;border-left:2px solid #9bb5d4}.team-lead span{color:#8abaff;font:800 10px Manrope;letter-spacing:.1em}.team-lead b{font-size:20px;margin:4px 0}.team-lead small{color:#c2d1e5;font-size:12px}.team-members{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative;padding-top:24px}.team-members:before{content:'';position:absolute;top:0;left:10%;right:10%;border-top:2px solid #9bb5d4}.team-members article{position:relative;display:flex;flex-direction:column;gap:5px;padding:16px 10px;border:1px solid #dce7f7;border-radius:14px;background:#fff}.team-members article:before{content:'';position:absolute;left:50%;bottom:100%;height:24px;border-left:2px solid #9bb5d4}.team-members b{font-size:15px;color:#152b4b}.team-members span{font-size:11px;color:#6b7c93}.team-members .designer{background:#eef5ff;border-color:#bcd5f8}
@media(max-width:900px){.mix-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-flow article:not(:last-child):after{display:none}.reference-gallery{grid-template-columns:1fr}.reference-board{height:240px}.team-members{grid-template-columns:repeat(3,minmax(0,1fr))}.team-members:before{left:15%;right:15%}}
@media(max-width:620px){.reference-gallery{padding:24px 18px}.reference-board{height:170px}.mix-flow{grid-template-columns:1fr}.mix-flow article{padding:20px}.mix-flow p{min-height:auto}.mix-measure{padding:18px}.team-org{padding:22px 14px}.team-members{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.team-members:before{display:none}.team-members article:before{display:none}.team-members span{font-size:10px}}
.reference-gallery-scroll{position:relative;height:340vh;margin:0 -4px}.reference-gallery-sticky{position:sticky;top:10vh;height:80vh;display:flex;align-items:center;gap:4vw;padding:32px 36px;border:1px solid #29436a;border-radius:26px;background:linear-gradient(135deg,#10294e,#0a1d3d);color:#fff;overflow:hidden}.reference-gallery-copy{width:31%;flex:none}.reference-gallery-copy h3{font-size:clamp(25px,3vw,39px);line-height:1.35;letter-spacing:-.04em;margin:15px 0}.reference-gallery-copy p{font-size:14px;line-height:1.8;color:#c1d1e8}.reference-gallery-copy small{display:block;margin-top:20px;color:#a9c5e8;font-size:12px}.reference-reel{height:min(64vh,540px);min-height:310px;flex:1;position:relative;border-radius:18px;background:#e8eef7;padding:18px;box-shadow:0 20px 55px #0003}.reel-counter{display:flex;justify-content:space-between;align-items:center;color:#29415f;font:800 11px Manrope;letter-spacing:.08em}.reel-counter b{font-size:13px;color:#126df3}.reference-pair{position:absolute;inset:52px 18px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:center;align-items:center;opacity:0;transform:translateY(24px) scale(.985);transition:opacity .6s ease,transform .65s cubic-bezier(.2,.8,.2,1);pointer-events:none}.reference-pair.active{opacity:1;transform:none}.reference-pair figure{margin:0;min-width:0;padding:8px;border-radius:13px;background:#fff;box-shadow:0 8px 24px #152e4a18}.reference-frame-art{aspect-ratio:1.1;border-radius:8px;overflow:hidden;background-image:url('assets/reference-banner-board.jpg');background-size:473% 293%;background-position:var(--pos-x) var(--pos-y);filter:blur(5px);transform:scale(.98)}.reference-pair figcaption{text-align:center;padding:8px 2px 2px;color:#29415f;font-size:11px;font-weight:700}.reference-scroll-steps{position:absolute;inset:0;pointer-events:none}.reference-scroll-steps i{display:block;height:65vh}.source-dashboard-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0 22px}.dashboard-thumb{height:116px;position:relative;overflow:hidden;border:1px solid #d8e4f2;border-radius:10px;background:#fff}.dashboard-thumb img{width:100%;height:100%;object-fit:cover;object-position:center center}.dashboard-thumb:before{content:'';position:absolute;z-index:1;left:0;right:0;top:0;height:20%;background:#f7f9fc}.dashboard-thumb span{position:absolute;z-index:2;left:7px;bottom:7px;padding:4px 7px;border-radius:5px;background:#0b1d3bdb;color:#fff;font:800 9px Manrope;letter-spacing:.08em}.case-media-neutral{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:30px!important;background:radial-gradient(circle at 78% 22%,#3ea4ff88 0,transparent 27%),radial-gradient(circle at 18% 92%,#6a85ff88 0,transparent 35%),linear-gradient(135deg,#0d2143,#183e71)!important}.case-media-neutral span{font:800 11px Manrope;letter-spacing:.13em;color:#93caff}.case-media-neutral b{font-size:22px;line-height:1.4;color:#fff;letter-spacing:-.04em}
@media(max-width:900px){.reference-gallery-scroll{height:330vh}.reference-gallery-sticky{padding:26px;gap:22px}.reference-gallery-copy{width:28%}.reference-reel{min-height:280px;padding:14px}.reference-pair{inset:48px 12px 12px;gap:8px}.reference-pair figure{padding:5px}.reference-pair figcaption{font-size:10px}.dashboard-thumb{height:96px}}
@media(max-width:620px){.reference-gallery-scroll{height:340vh}.reference-gallery-sticky{top:8vh;height:84vh;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:20px 14px;gap:8px;border-radius:20px}.reference-gallery-copy{width:100%}.reference-gallery-copy h3{font-size:25px;margin:8px 0}.reference-gallery-copy p{font-size:12px;line-height:1.6;margin:4px 0}.reference-gallery-copy small{margin-top:7px;font-size:10px}.reference-reel{height:44vh;min-height:230px;flex:none;padding:12px}.reference-pair{inset:42px 8px 10px;gap:7px}.reference-frame-art{border-radius:6px;filter:blur(2.7px)}.reference-pair figure{padding:4px}.reference-pair figcaption{font-size:9px;padding-top:6px}.reel-counter span{font-size:9px}.source-dashboard-pair{gap:6px}.dashboard-thumb{height:84px}}
@media(prefers-reduced-motion:reduce){.reference-pair{transition:none}.reference-frame-art{filter:blur(3.5px)}}