.portfolio{--p-blue:#1d41ff;--p-ink:#0b0c10;--p-paper:#f5f3ee;background:var(--p-paper);color:var(--p-ink);font-family:var(--font-body),Arial,sans-serif}.portfolio *{box-sizing:border-box}.portfolio a{text-decoration:none}.portfolio-hero{background:var(--p-blue);color:#fff;flex-direction:column;min-height:100svh;padding:26px 5vw 5vw;display:flex}.portfolio-hero nav{text-transform:uppercase;letter-spacing:.08em;justify-content:flex-end;gap:28px;font-size:13px;font-weight:700;display:flex}.portfolio-hero nav a{border-bottom:1px solid #0000;padding:8px 0}.portfolio-hero nav a:hover{border-color:#fff}.hero-grid{flex:1;grid-template-columns:1.45fr .55fr;align-items:end;gap:6vw;display:grid}.eyebrow,.section-heading>p,.ads>div>p{letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}.hero-grid h1{font:900 clamp(44px,7.5vw,115px)/.72 var(--font-display),Arial,sans-serif;letter-spacing:-.09em;text-transform:uppercase;margin:34px 0 0}.hero-summary{padding:0 0 1vw}.hero-summary>p{margin:0 0 42px;font-size:clamp(20px,2vw,30px);line-height:1.35}.hero-summary>div{flex-wrap:wrap;gap:9px;display:flex}.hero-summary span{text-transform:uppercase;letter-spacing:.06em;border:1px solid #ffffff80;padding:10px 13px;font-size:12px}.portfolio-section{padding:120px 5vw}.section-heading{grid-template-columns:1fr 2.25fr;gap:5vw;margin-bottom:80px;display:grid}.section-heading h2{font:800 clamp(24px,3.5vw,52px)/.92 var(--font-display),Arial,sans-serif;letter-spacing:-.065em;max-width:1100px;margin:0}.website-stack{gap:110px;display:grid}.website-case{grid-template-columns:minmax(250px,.7fr) minmax(0,1.7fr);align-items:center;gap:5vw;display:grid}.website-case:nth-child(2n){grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr)}.website-case:nth-child(2n) .case-copy{order:2}.case-copy>span{color:var(--p-blue);font:900 15px var(--font-display)}.case-copy>p:first-of-type{text-transform:uppercase;letter-spacing:.1em;margin:28px 0 16px;font-size:11px;font-weight:800}.case-copy h3{font:800 clamp(40px,5vw,74px)/.95 var(--font-display);letter-spacing:-.055em;margin:0 0 25px}.case-copy>p:last-of-type{color:#4d4d53;font-size:17px;line-height:1.65}.case-copy>a,.social-grid article>a{border-bottom:2px solid var(--p-blue);text-transform:uppercase;letter-spacing:.08em;margin-top:24px;padding-bottom:6px;font-size:12px;font-weight:800;display:inline-block}.browser-frame{background:#fff;border:1px solid #c5c5c5;height:clamp(430px,58vw,760px);position:relative;overflow:hidden;box-shadow:0 28px 70px #1112}.browser-bar{background:#ececec;border-bottom:1px solid #ccc;align-items:center;gap:7px;height:44px;padding:0 14px;display:flex}.browser-bar i{background:#bbb;border-radius:50%;width:9px;height:9px}.browser-bar span{color:#777;margin-left:10px;font-size:11px}.browser-frame iframe{transform-origin:0 0;border:0;width:1440px;height:1000px;transform:scale(.62)}.embed-fallback{z-index:-1;text-align:center;color:#555;place-items:center;padding:30px;display:grid;position:absolute;inset:44px 0 0}.systems{background:var(--p-ink);color:#fff;padding:120px 5vw}.inverse>p{color:#8aa0ff}.systems-grid{border-top:1px solid #444;grid-template-columns:repeat(3,1fr);display:grid}.systems-grid article{border-right:1px solid #333;padding:48px 3vw 25px 0}.systems-grid article+article{padding-left:3vw}.systems-grid article:last-child{border-right:0}.systems-grid span{color:#8aa0ff;letter-spacing:.15em;font-size:11px;font-weight:800}.systems-grid h3{font:700 32px/1.05 var(--font-display);margin:42px 0 20px}.systems-grid p,.systems-grid li{color:#b8b8be;line-height:1.65}.systems-grid ul{padding-left:18px}.code-card{background:#17191f;border:1px solid #333;margin-top:38px;padding:20px}.code-card b{color:#8aa0ff;margin-bottom:15px;font-size:11px;display:block}.code-card code{color:#d9e0ff;font-size:12px}.flow{justify-content:space-between;align-items:center;gap:8px;margin-top:42px;display:flex}.flow i{border:1px solid #555;padding:9px;font-size:11px;font-style:normal}.flow b{color:#8aa0ff}.social-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.social-grid article{border-top:4px solid var(--p-blue);background:var(--p-paper);min-width:0;padding:25px}.social-title{justify-content:space-between;align-items:start;gap:15px;margin-bottom:22px;display:flex}.social-title span{text-transform:uppercase;letter-spacing:.12em;color:#666;font-size:10px}.social-title h3{font:700 25px var(--font-display);margin:0}.social-grid iframe{background:#fff;border:0;width:100%;max-width:500px;display:block}.ads{background:#d9ff45;grid-template-columns:.8fr 1.2fr;align-items:center;gap:8vw;padding:120px 5vw;display:grid}.ads h2{font:900 clamp(27px,3.5vw,53px)/.86 var(--font-display);letter-spacing:-.07em;margin:30px 0}.ads>div>p:last-child{max-width:600px;font-size:18px;line-height:1.6}.ad-placeholder{background:#efff94;border:2px solid #111;flex-direction:column;min-height:520px;padding:32px;display:flex}.metric-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metric-row span{background:#e5ff68;border:1px solid #111;height:84px}.chart{border-bottom:2px solid #111;align-items:end;gap:5%;height:250px;margin:28px 0;padding:0 5%;display:flex}.chart i{background:var(--p-blue);width:12%}.chart i:first-child{height:35%}.chart i:nth-child(2){height:48%}.chart i:nth-child(3){height:42%}.chart i:nth-child(4){height:68%}.chart i:nth-child(5){height:60%}.chart i:nth-child(6){height:88%}.ad-placeholder strong{font:800 24px var(--font-display);letter-spacing:.04em}.ad-placeholder small{margin-top:9px}.portfolio-footer{background:var(--p-blue);color:#fff;grid-template-columns:1fr auto;align-items:end;gap:25px;padding:75px 5vw;display:grid}.portfolio-footer p{text-transform:uppercase;letter-spacing:.14em;grid-column:1/-1;font-size:11px}.portfolio-footer strong{font:900 clamp(60px,11vw,160px)/.8 var(--font-display);letter-spacing:-.07em;text-transform:uppercase}.portfolio-footer span{font-size:12px}@media (max-width:900px){.portfolio-hero{min-height:820px}.hero-grid{grid-template-columns:1fr;align-content:end}.hero-summary{max-width:680px}.section-heading,.website-case,.website-case:nth-child(2n),.ads{grid-template-columns:1fr}.website-case:nth-child(2n) .case-copy{order:0}.browser-frame{height:62vw;min-height:390px}.browser-frame iframe{transform:scale(.5)}.systems-grid{grid-template-columns:1fr}.systems-grid article,.systems-grid article+article{border-bottom:1px solid #333;border-right:0;padding:40px 0}.social-grid{grid-template-columns:1fr}.social-grid article{justify-items:center;display:grid}.social-title{width:100%}.social-grid article>a{justify-self:start}.portfolio-footer{grid-template-columns:1fr}.portfolio-footer p{grid-column:auto}.portfolio-footer strong{font-size:70px}}@media (max-width:560px){.portfolio-hero{min-height:700px;padding:20px 20px 45px}.portfolio-hero nav{justify-content:flex-start;gap:14px;overflow-x:auto}.portfolio-hero nav a{font-size:11px}.hero-grid h1{font-size:39px}.hero-summary>p{font-size:19px}.portfolio-section,.systems,.ads{padding:82px 20px}.section-heading{margin-bottom:52px}.section-heading h2{font-size:24px}.website-stack{gap:78px}.browser-frame{height:440px}.browser-frame iframe{transform:scale(.36)}.systems-grid h3{font-size:30px}.ad-placeholder{min-height:410px;padding:18px}.portfolio-footer{padding:60px 20px}.portfolio-footer strong{overflow-wrap:anywhere;font-size:54px}}.portfolio .hero-grid{grid-template-columns:1.05fr .72fr .58fr;gap:3vw;position:relative}.portfolio .hero-name{z-index:2;position:relative}.portfolio .hero-grid h1{font-size:clamp(44px,6vw,95px)}.hero-portrait{align-self:stretch;min-height:640px;position:relative;overflow:hidden}.hero-portrait:after{content:"";background:linear-gradient(transparent,var(--p-blue));height:22%;position:absolute;inset:auto 0 0}.hero-portrait>span{font:900 25vw/.7 var(--font-display);color:#ffffff10;letter-spacing:-.12em;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.hero-portrait img{z-index:1;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 40px #00116988);width:min(42vw,720px);max-width:none;height:105%;position:absolute;bottom:-7%;left:50%;transform:translate(-50%)}.portfolio .hero-summary{z-index:2;position:relative}.portfolio .hero-summary>p{font-size:clamp(19px,1.65vw,27px);line-height:1.4}@media (max-width:900px){.portfolio .portfolio-hero{min-height:960px}.portfolio .hero-grid{grid-template-columns:1fr 1fr}.portfolio .hero-name{grid-column:1/-1}.hero-portrait{min-height:480px}.hero-portrait img{width:min(70vw,600px);height:112%;bottom:-12%}.portfolio .hero-summary{padding-bottom:42px}}@media (max-width:560px){.portfolio .portfolio-hero{min-height:920px}.portfolio .hero-grid{grid-template-columns:1fr}.portfolio .hero-name{grid-column:auto}.hero-portrait{min-height:390px;margin:0 -20px}.hero-portrait img{width:120vw;height:110%;bottom:-12%}}.portfolio-host .global-back-button,.portfolio-host .niiwg-worker-back{display:none!important}.portfolio{--p-blue:#4277ff;--p-ink:#050812;--p-paper:#090e1a;color:#eef3ff;background:#090e1a}.portfolio-hero{isolation:isolate;background:radial-gradient(circle at 68% 35%,#18376f 0,#0000 27%),radial-gradient(circle at 86% 72%,#6d102833 0,#0000 25%),linear-gradient(135deg,#03050b 0%,#081225 50%,#050812 100%);border-bottom:1px solid #678dff35;position:relative;overflow:hidden}.portfolio-hero:before{content:"";z-index:-2;background-image:linear-gradient(#86a4ff0b 1px,#0000 1px),linear-gradient(90deg,#86a4ff0b 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 25%,#0000 85%);mask-image:linear-gradient(90deg,#000 25%,#0000 85%)}.portfolio-hero:after{content:"";z-index:-1;clip-path:polygon(0 0,38% 0,38% 1px,100% 1px,100% 100%,64% 100%,64% calc(100% - 1px),0 calc(100% - 1px));border:1px solid #6e8dca24;position:absolute;inset:22% 4vw 5%}.portfolio-hero nav{z-index:4;position:relative}.portfolio-hero nav a{color:#b9c7e8;letter-spacing:.16em;font-size:11px}.portfolio-hero nav a:hover{color:#fff;border-color:#9a183e}.portfolio .eyebrow{color:#9eb5e7;align-items:center;gap:13px;display:flex}.portfolio .eyebrow:before{content:"";background:#991d40;width:34px;height:2px}.portfolio .hero-grid h1{color:#f5f7fc;text-shadow:0 10px 45px #0008}.portfolio .hero-name:after{content:"DIGITAL SYSTEMS / 01";color:#7689b1;font:700 5px var(--font-body);letter-spacing:.22em;margin-top:35px;display:block}.hero-portrait{background:linear-gradient(#0000 8%,#14294c38 55%,#050812 100%);border-inline:1px solid #8aa6e21c}.hero-portrait:before{content:"";z-index:2;background:linear-gradient(90deg,#0000,#a81f49,#0000);height:1px;position:absolute;inset:10% 8% auto;box-shadow:0 180px #5478c72b,0 360px #5478c71c}.hero-portrait:after{background:linear-gradient(#0000,#050812);height:30%}.hero-portrait>span{color:#6c87bf0d;font-size:22vw}.hero-portrait img{filter:drop-shadow(0 30px 40px #000b)saturate(.92)contrast(1.04)}.portfolio .hero-summary{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#101a2cb5,#070b15cc);border:1px solid #6583c32f;padding:28px;box-shadow:0 24px 70px #0005}.portfolio .hero-summary:before{content:"PROFILE / MARK GATTOC";color:#b32a50;font:800 10px var(--font-body);letter-spacing:.18em;margin-bottom:22px;display:block}.portfolio .hero-summary>p{color:#dfe8fb}.portfolio .hero-summary span{color:#b9c9e8;letter-spacing:.12em;background:#111b2b80;border-color:#6177a654;font-size:10px}.portfolio-section{color:#eef3ff;background:#090e1a}.section-heading>p{color:#a72a4d}.section-heading h2{color:#f3f6fc}.website-case{border-top:1px solid #273653;padding-top:55px}.case-copy>span{color:#a92a4e}.case-copy>p:first-of-type{color:#8ea5d3}.case-copy h3{color:#f4f7fd}.case-copy>p:last-of-type{color:#9cabc8}.case-copy>a,.social-grid article>a{color:#eef3ff;border-color:#a52348}.browser-frame{background:#080d17;border-color:#2d3d60;box-shadow:0 35px 90px #0009,0 0 0 1px #5373aa12}.browser-bar{background:#101827;border-color:#293754}.browser-bar i:first-child{background:#9f2447}.browser-bar i:nth-child(2){background:#967d50}.browser-bar i:nth-child(3){background:#3d6c65}.browser-bar span{color:#8495b6}.systems{background:linear-gradient(145deg,#05070d,#09101d);border-block:1px solid #273653}.inverse>p,.systems-grid span{color:#b52a52}.systems-grid{border-color:#32405d}.systems-grid article{border-color:#29364d}.systems-grid p,.systems-grid li{color:#9eabc2}.code-card{background:#080d16;border-color:#30405e;box-shadow:inset 3px 0 #a52248}.code-card b,.code-card code,.flow b{color:#bd3159}.flow i{background:#0e1624;border-color:#43506a}.social-section{background:#070b13}.social-grid article{background:linear-gradient(145deg,#101827,#080d17);border:1px solid #273755;border-top:2px solid #a82349;position:relative;box-shadow:0 26px 60px #0006}.social-title span{color:#a92a4e}.social-title h3{color:#f3f6fb}.social-grid iframe{filter:saturate(.78)contrast(1.03)}.ads{color:#f0f4fc;background:radial-gradient(circle at 78% 30%,#182a4d,#0000 38%),#080c15;border-top:1px solid #273653}.ads>div>p:first-child{color:#b12b51}.ad-placeholder{background:#0c1422;border:1px solid #405170;box-shadow:0 28px 70px #0008}.metric-row span{background:#111d30;border-color:#364661}.chart{border-color:#50617e}.chart i{background:linear-gradient(#5f84d9,#243e78)}.chart i:nth-child(5),.chart i:nth-child(6){background:linear-gradient(#b52d55,#5e142c)}.portfolio-footer{background:#03050a;border-top:1px solid #283651}.portfolio-footer p{color:#8798b8}.portfolio-footer strong{color:#f5f7fc}.portfolio-footer span{color:#a52a4b}@media (max-width:900px){.portfolio .hero-summary{padding:24px}.portfolio-hero:after{inset:18% 18px 3%}.website-case{padding-top:42px}}@media (max-width:560px){.portfolio .hero-grid h1{font-size:38px}.portfolio .hero-name:after{margin-top:22px}.portfolio .hero-summary{margin-top:-20px}.portfolio-hero:before{background-size:36px 36px}.hero-portrait{border:0}.social-grid article{padding:18px}}.profile-section{background:#070b13;border-bottom:1px solid #263552;grid-template-columns:1.3fr .7fr;gap:8vw;padding:110px 5vw;display:grid;position:relative}.profile-intro>p:first-child,.experience-section>.section-heading>p{color:#b22a50;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800}.profile-intro h2{max-width:1050px;font:800 clamp(24px,3.3vw,48px)/.92 var(--font-display);letter-spacing:-.06em;margin:30px 0}.profile-intro>p:last-child{color:#9eacc7;max-width:780px;font-size:18px;line-height:1.75}.profile-facts{border-top:1px solid #31415e}.profile-facts article{border-bottom:1px solid #31415e;flex-direction:column;gap:8px;padding:25px 0;display:flex}.profile-facts span{color:#7183a6;letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:800}.profile-facts strong,.profile-facts a{color:#edf2fb;font-size:17px}.profile-facts a:hover{color:#cf365f}.profile-facts small{color:#8291ad;line-height:1.5}.experience-section{background:linear-gradient(145deg,#050812,#0b1321);padding:120px 5vw}.timeline{border-top:1px solid #35435d}.timeline article{border-bottom:1px solid #293650;grid-template-columns:.42fr 1.58fr;gap:4vw;padding:24px 0;transition:padding .2s,background .2s;display:grid}.timeline article:hover{background:#101929;padding-inline:18px}.timeline time{color:#a72a4d;font:800 11px var(--font-body);letter-spacing:.11em;text-transform:uppercase}.timeline h3{color:#f2f5fb;font:700 25px var(--font-display);margin:0}.timeline p{color:#8291ad;text-transform:uppercase;letter-spacing:.08em;margin:7px 0 0;font-size:13px}.stack-strip{flex-wrap:wrap;gap:9px;margin-top:55px;display:flex}.stack-strip span{color:#9fafca;letter-spacing:.1em;text-transform:uppercase;background:#0b1220;border:1px solid #344461;padding:11px 14px;font-size:10px;font-weight:700}@media (max-width:900px){.profile-section{grid-template-columns:1fr}.profile-intro h2{font-size:28px}.timeline article{grid-template-columns:1fr;gap:10px}}@media (max-width:560px){.profile-section,.experience-section{padding:82px 20px}.profile-intro h2{font-size:22.5px}.timeline h3{font-size:22px}}.social-title{align-items:center;min-height:44px}.social-title h3{text-align:right;line-height:1}.social-grid iframe{background:#fff;border:1px solid #35425a}.company-tags{flex-direction:column;gap:8px;margin:26px 0 5px;display:flex}.company-tags b{color:#aab8d2;letter-spacing:.06em;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.company-tags b:before{content:"";background:#a52348;width:18px;height:1px}.timeline{border-top:0;padding-left:38px;position:relative}.timeline:before{content:"";background:#2c3a55;width:1px;position:absolute;top:0;bottom:0;left:5px}.timeline article{border-color:#293650;min-height:118px;padding:28px 22px 28px 0;position:relative}.timeline article:before{content:"";background:#09101c;border:2px solid #8aa2ce;border-radius:50%;width:11px;height:11px;transition:border-color .35s,background .35s,box-shadow .35s;position:absolute;top:34px;left:-38px;box-shadow:0 0 0 7px #0b1321,0 0 26px #497bd344}.timeline article:after{content:"";background:linear-gradient(90deg,#bd2c54,#547dd3);width:0;height:1px;transition:width .55s cubic-bezier(.2,.8,.2,1);position:absolute;top:39px;left:-32px}.timeline article:hover:before{background:#9b1e42;border-color:#d03660;box-shadow:0 0 0 7px #0b1321,0 0 32px #bd2c5488}.timeline article:hover:after{width:55px}.timeline article>div{position:relative}.timeline article>div:after{content:"";background:#a8254b;width:0;height:1px;transition:width .5s;position:absolute;bottom:-28px;left:0}.timeline article:hover>div:after{width:min(240px,65%)}@supports (animation-timeline:view()){.timeline article{opacity:.18;filter:blur(7px);animation:linear both career-reveal;animation-timeline:view();animation-range:entry 12% cover 42%;transform:translateY(54px)scale(.985)}.timeline article:before{animation:linear both career-node;animation-timeline:view();animation-range:entry 18% cover 44%}.timeline article:after{animation:linear both career-line;animation-timeline:view();animation-range:entry 20% cover 45%}@keyframes career-reveal{to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}@keyframes career-node{to{background:#9b1e42;border-color:#d03660;box-shadow:0 0 0 7px #0b1321,0 0 32px #bd2c5488}}@keyframes career-line{to{width:55px}}}@media (max-width:560px){.timeline{padding-left:28px}.timeline article:before{left:-28px}.timeline article:after{left:-22px}.timeline article{min-height:130px}}.timeline-fuse{z-index:1;pointer-events:none;background:linear-gradient(#6a1430,#e62e61 75%,#ff9bb7);width:3px;max-height:100%;transition:height .12s linear;position:absolute;top:0;left:4px;box-shadow:0 0 8px #e42d60,0 0 22px #b51f4c,0 0 42px #6f1533}.timeline-fuse:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #fff,0 0 18px #ff4c7b,0 0 36px #d11f50}.timeline article{z-index:2;opacity:.28;filter:blur(2px);transition:opacity .45s,filter .45s,transform .45s,background .45s,padding .45s;transform:translateY(20px)scale(.99)}.timeline article.is-past{opacity:.5;filter:none;transform:none}.timeline article.is-active{opacity:1;filter:none;background:linear-gradient(90deg,#18233a99,#0000 75%);padding-left:18px;transform:translate(12px)scale(1)}.timeline article.is-future{opacity:.2}.timeline article:before{z-index:3;background:#09101c;border-color:#637797;box-shadow:0 0 0 7px #0b1321;animation:none!important}.timeline article:after{width:0;animation:none!important}.timeline article.is-active:before{background:#ca204d;border-color:#ff4777;box-shadow:0 0 0 7px #11192a,0 0 14px #ff4777,0 0 35px #c51f4d}.timeline article.is-active:after{width:55px}.timeline article.is-active time{color:#ff527e;text-shadow:0 0 18px #d1225388}.timeline article.is-active h3{color:#fff;text-shadow:0 0 24px #6f93e044}.timeline article.is-past:before,.timeline article.is-future:before{background:#09101c;border-color:#62718d;box-shadow:0 0 0 7px #0b1321}.timeline article:hover:not(.is-active):before{background:#09101c;border-color:#879abb;box-shadow:0 0 0 7px #0b1321}.timeline article:hover:not(.is-active):after{width:0}@supports (animation-timeline:view()){.timeline article,.timeline article:before,.timeline article:after{animation:none!important}}@media (prefers-reduced-motion:reduce){.timeline-fuse,.timeline article{transition:none}.timeline article{filter:none;transform:none}}.portfolio-nav{z-index:300;-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);background:#070c16d9;border:1px solid #5f77a83d;justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 36px);min-height:64px;padding:9px 11px 9px 18px;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .25s;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 55px #0008}.portfolio-nav.is-hidden{opacity:0;transform:translate(-50%,-120%)}.nav-signature{align-items:center;gap:13px;min-width:max-content;display:flex}.nav-signature b{color:#fff;width:38px;height:38px;font:900 13px var(--font-display);letter-spacing:-.03em;background:#551225;border:1px solid #a5284d;place-items:center;display:grid;box-shadow:0 0 20px #a9234d44}.nav-signature span{color:#8799ba;letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:800}.portfolio-nav>div{gap:7px;display:flex}.portfolio-nav>div a{color:#aebcda;letter-spacing:.14em;text-transform:uppercase;background:#0b1423;border:1px solid #3e4f70;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-size:10px;font-weight:800;transition:color .2s,border-color .2s,background .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.portfolio-nav>div a:hover{color:#fff;background:#14223a;border-color:#718dc4;transform:translateY(-2px)}.portfolio-nav>div a.is-active:before{content:"";background:#ff557f;border-radius:50%;width:4px;height:4px;position:absolute;top:-5px;box-shadow:0 0 9px #ff557f}@media (max-width:760px){.portfolio-nav{width:auto;min-height:58px;padding:8px;top:10px;left:10px;right:10px;transform:none}.portfolio-nav.is-hidden{transform:translateY(-130%)}.nav-signature span{display:none}.portfolio-nav>div{scrollbar-width:none;flex:1;justify-content:flex-end;overflow-x:auto}.portfolio-nav>div::-webkit-scrollbar{display:none}.portfolio-nav>div a{min-height:38px;padding:0 12px;font-size:9px}.portfolio-hero{padding-top:90px}}@media (max-width:480px){.portfolio-nav>div{justify-content:flex-start}.portfolio-nav>div a{padding:0 10px}.nav-signature{display:none}}@media (prefers-reduced-motion:reduce){.portfolio-nav{transition:none}}.section-heading{border-bottom:1px solid #2b3953;margin-bottom:44px;padding-bottom:16px;display:block}.profile-intro>p:last-child{margin-top:34px}.systems>.section-heading,.experience-section>.section-heading{margin-bottom:44px}.ads>div>p:last-child{margin-top:34px}.portfolio-nav>div a.nav-contact{color:#fff;background:#701832;border-color:#bd2b54}.portfolio-footer{padding:80px 5vw 28px;display:block}.footer-primary{justify-content:space-between;align-items:end;gap:40px;padding-bottom:55px;display:flex}.footer-primary p{color:#8ea0c1;letter-spacing:.15em;text-transform:uppercase;margin:0 0 25px;font-size:10px;font-weight:800}.footer-primary strong{font:900 clamp(58px,9vw,135px)/.78 var(--font-display);letter-spacing:-.07em;text-transform:uppercase;display:block}.footer-contact{color:#fff;letter-spacing:.12em;text-transform:uppercase;background:#6d162f;border:1px solid #c32b55;justify-content:space-between;align-items:center;gap:35px;min-width:220px;padding:20px 22px;font-size:12px;font-weight:800;display:flex}.footer-contact:hover{background:#9a2145}.footer-contact span{font-size:22px}.portfolio-footer>nav{border-block:1px solid #26344d;flex-wrap:wrap;gap:9px;padding:28px 0;display:flex}.portfolio-footer>nav a{color:#abb9d2;letter-spacing:.13em;text-transform:uppercase;background:#0b1220;border:1px solid #34435e;align-items:center;min-height:42px;padding:0 18px;font-size:10px;font-weight:800;display:flex}.portfolio-footer>nav a:hover{color:#fff;border-color:#b52a50}.footer-legal{color:#7585a2;justify-content:space-between;gap:25px;padding-top:25px;font-size:11px;display:flex}.footer-legal>div{flex-wrap:wrap;justify-content:flex-end;gap:22px;display:flex}.footer-legal a:hover{color:#fff}.legal-page{background:radial-gradient(circle at 75% 10%,#172b51,#0000 32%),#050812;min-height:100svh;padding:45px 7vw 100px}.legal-home{color:#fff;letter-spacing:.13em;text-transform:uppercase;background:#64162e;border:1px solid #a82a4e;padding:13px 15px;font-size:11px;font-weight:800;display:inline-flex}.legal-page article{max-width:860px;margin:100px auto 0}.legal-page article>p:first-child{color:#c2335c;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800}.legal-page h1{font:900 clamp(30px,4.5vw,62.5px)/.82 var(--font-display);letter-spacing:-.07em;margin:32px 0 75px}.legal-page h2{font:700 13.5px var(--font-display);margin:48px 0 14px}.legal-page article>p:not(:first-child){color:#aebbd2;font-size:17px;line-height:1.8}.legal-page article a{color:#fff;border-bottom:1px solid #b72b52}.legal-updated{text-transform:uppercase;letter-spacing:.1em;color:#73829d!important;margin-top:70px!important;font-size:12px!important}.portfolio-nav{background:#050a13ed;border-width:0 0 1px;border-color:#ffffff24;width:100%;min-height:72px;padding:10px 5vw;top:0;left:0;transform:none;box-shadow:0 12px 42px #0009}.portfolio-nav.is-hidden{transform:translateY(-110%)}.nav-signature b{color:#07101e;background:#fff;border-color:#fff;width:42px;height:42px;box-shadow:0 0 24px #ffffff24}.portfolio-nav>div{gap:8px}.portfolio-nav>div a{color:#aebbd2;background:#091321;border-color:#42516c;min-height:42px}.portfolio-nav>div a:hover{color:#fff;background:#111d2e;border-color:#fff}.portfolio-nav>div a.is-active{color:#07101e;background:#fff;border-color:#fff;box-shadow:0 0 24px #ffffff20}.portfolio-nav>div a.is-active:before{background:#fff;border-radius:0;width:100%;height:2px;top:auto;bottom:-1px;box-shadow:0 0 12px #fff}.portfolio-nav>div a.nav-contact{color:#fff;box-shadow:none;background:#17305a;border-color:#6484bd;margin-left:8px}.portfolio-nav>div a.nav-contact:hover{background:#22447a;border-color:#91b4f3}.portfolio-hero{padding-top:110px}@media (max-width:760px){.portfolio-nav{width:100%;padding:8px 12px;top:0;left:0;right:0}.portfolio-nav.is-hidden{transform:translateY(-110%)}.portfolio-nav>div a.nav-contact{margin-left:0}}.overview-section{background:#050812;border-top:1px solid #263653;padding:125px 5vw;position:relative;overflow:hidden}.overview-section:before{content:"";pointer-events:none;background:conic-gradient(from 90deg,#0000,#17356b33,#0000 36%);animation:18s linear infinite ambient-spin;position:absolute;inset:-40% -10%}.overview-heading{margin-bottom:65px;position:relative}.overview-heading>p,.inner-hero>p{color:#9fb2d6;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800}.overview-heading h2,.inner-hero h1{color:#f5f7fc;font:900 clamp(30px,4.5vw,68px)/.82 var(--font-display);letter-spacing:-.07em;text-transform:uppercase;margin:25px 0 0}.overview-grid{border:1px solid #2c3a54;grid-template-columns:repeat(5,1fr);display:grid;position:relative}.overview-card{color:#eef3ff;background:#09101bd9;border-right:1px solid #2c3a54;flex-direction:column;min-height:330px;padding:28px;transition:background .3s,transform .3s;display:flex}.overview-card:last-child{border-right:0}.overview-card:hover{z-index:2;background:#13213a;transform:translateY(-9px)}.overview-card>span{color:#88a1ce;font-size:11px}.overview-card h3{font:700 25px/1 var(--font-display);margin:75px 0 18px}.overview-card p{color:#8797b4;line-height:1.6}.overview-card b{letter-spacing:.13em;text-transform:uppercase;margin-top:auto;font-size:10px}.overview-card i{float:right;font-size:18px;font-style:normal}.inner-portfolio{background:#050812;min-height:100svh}.inner-hero{background:radial-gradient(circle at 75% 30%,#183666,#0000 32%),#060b14;border-bottom:1px solid #273653;padding:170px 5vw 100px;position:relative;overflow:hidden}.inner-hero:after{content:"MG";color:#ffffff05;font:900 24vw/.7 var(--font-display);animation:5s ease-in-out infinite ambient-pulse;position:absolute;bottom:-.2em;right:2vw}.inner-hero h1{z-index:1;position:relative}.hero-enter .hero-name{animation:.85s cubic-bezier(.2,.8,.2,1) both enter-left}.hero-enter .hero-portrait{animation:1s cubic-bezier(.2,.8,.2,1) .12s both enter-up}.hero-enter .hero-summary{animation:.85s cubic-bezier(.2,.8,.2,1) .22s both enter-right}.hero-portrait>span{animation:4s ease-in-out infinite ambient-pulse}.hero-portrait:before{animation:4s ease-in-out infinite scan-line}.reveal{animation:.8s cubic-bezier(.2,.8,.2,1) both enter-up}.chart i{transform-origin:bottom;animation:2.8s ease-in-out infinite alternate bar-loop}.chart i:nth-child(2){animation-delay:.18s}.chart i:nth-child(3){animation-delay:.36s}.chart i:nth-child(4){animation-delay:.54s}.chart i:nth-child(5){animation-delay:.72s}.chart i:nth-child(6){animation-delay:.9s}@keyframes enter-left{0%{opacity:0;transform:translate(-55px)}to{opacity:1;transform:none}}@keyframes enter-right{0%{opacity:0;transform:translate(55px)}to{opacity:1;transform:none}}@keyframes enter-up{0%{opacity:0;transform:translateY(45px)}to{opacity:1;transform:none}}@keyframes ambient-spin{to{transform:rotate(360deg)}}@keyframes ambient-pulse{50%{opacity:.45;filter:drop-shadow(0 0 25px #668eff)}}@keyframes scan-line{0%,to{opacity:.25;transform:translateY(-25px)}50%{opacity:.9;transform:translateY(360px)}}@keyframes bar-loop{to{filter:brightness(1.45);transform:scaleY(.58)}}@media (max-width:1050px){.overview-grid{grid-template-columns:repeat(2,1fr)}.overview-card{border-bottom:1px solid #2c3a54}.overview-card:last-child{grid-column:1/-1}}@media (max-width:600px){.overview-grid{grid-template-columns:1fr}.overview-card,.overview-card:last-child{border-right:0;grid-column:auto;min-height:250px}.overview-card h3{margin-top:45px}.inner-hero{padding-top:135px}}@media (prefers-reduced-motion:reduce){.hero-enter .hero-name,.hero-enter .hero-portrait,.hero-enter .hero-summary,.reveal,.overview-section:before,.inner-hero:after,.hero-portrait>span,.hero-portrait:before,.chart i{animation:none!important}}.inner-hero{display:none}.inner-portfolio>section:first-of-type{padding-top:155px}.peek-list{background:#050812}.peek-section{border-top:1px solid #273653;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7vw;min-height:560px;padding:90px 5vw;display:grid}.peek-section:nth-child(2n){background:#080e19}.peek-copy>span{color:#91a9d3;letter-spacing:.16em;font-size:11px;font-weight:800}.peek-copy h2{color:#f5f7fc;font:800 clamp(22px,3vw,44px)/.9 var(--font-display);letter-spacing:-.06em;margin:28px 0 20px}.peek-copy p{color:#96a5bf;max-width:590px;font-size:17px;line-height:1.7}.peek-copy>a{color:#07101e;letter-spacing:.13em;text-transform:uppercase;background:#fff;border:1px solid #fff;align-items:center;gap:35px;margin-top:30px;padding:15px 18px;font-size:10px;font-weight:900;display:inline-flex}.peek-copy>a:hover{background:#9dbfff;border-color:#9dbfff}.peek-copy>a i{font-size:18px;font-style:normal}.peek-visual{background:radial-gradient(circle at 80% 10%,#22457b55,#0000 35%),#0a1321;border:1px solid #344562;min-height:320px;padding:38px;animation:5s ease-in-out infinite float-panel;box-shadow:0 30px 80px #0007}.peek-stats,.peek-sites,.peek-brands{gap:12px;height:100%;display:grid}.peek-stats{grid-template-columns:1fr 1fr}.peek-stats span,.peek-sites span,.peek-brands span{color:#9eb0cf;text-transform:uppercase;letter-spacing:.12em;border:1px solid #3d506f;flex-direction:column;justify-content:flex-end;padding:24px;font-size:10px;display:flex}.peek-stats b{color:#fff;font:800 60px var(--font-display);letter-spacing:-.05em;display:block}.peek-sites span{font:700 clamp(28px,4vw,55px) var(--font-display);color:#fff;text-transform:none}.peek-brands{grid-template-columns:repeat(3,1fr)}.peek-brands span{text-align:center;color:#fff;justify-content:center;font-weight:800}.peek-flow{justify-content:space-between;align-items:center;gap:12px;min-height:240px;display:flex}.peek-flow span{color:#fff;border:1px solid #6d83aa;padding:18px 14px;font-size:11px;font-weight:800}.peek-flow i{color:#8fb4f8;font-style:normal}.peek-bars{border-bottom:1px solid #7589a9;align-items:end;gap:7%;height:245px;padding:0 8%;display:flex}.peek-bars i{background:linear-gradient(#7da8ff,#243e78);flex:1;animation:2.8s ease-in-out infinite alternate bar-loop}.peek-bars i:first-child{height:34%}.peek-bars i:nth-child(2){height:58%;animation-delay:.15s}.peek-bars i:nth-child(3){height:46%;animation-delay:.3s}.peek-bars i:nth-child(4){height:78%;animation-delay:.45s}.peek-bars i:nth-child(5){height:92%;animation-delay:.6s}@keyframes float-panel{50%{transform:translateY(-10px);box-shadow:0 42px 95px #0009}}.portfolio-footer{background:#02050a;border-top:1px solid #3a4a65;padding:0 5vw;display:block}.footer-main{grid-template-columns:1.5fr .65fr 1fr;gap:8vw;padding:70px 0 60px;display:grid}.footer-brand b{color:#07101e;width:48px;height:48px;font:900 14px var(--font-display);background:#fff;place-items:center;margin-bottom:25px;display:grid}.footer-brand strong{color:#f4f7fc;font:700 30px var(--font-display);letter-spacing:-.03em;display:block}.footer-brand p{color:#73839f;letter-spacing:.13em;text-transform:uppercase;margin:10px 0 0;font-size:10px}.footer-main nav,.footer-connect{flex-direction:column;align-items:flex-start;gap:13px;display:flex}.footer-main nav>span,.footer-connect>span{color:#657590;letter-spacing:.16em;text-transform:uppercase;margin-bottom:9px;font-size:9px;font-weight:800}.footer-main nav a,.footer-connect>a:not(.footer-contact){color:#c4cee0;font-size:13px}.footer-main nav a:hover,.footer-connect>a:hover{color:#fff}.footer-connect .footer-contact{background:#142847;border-color:#718ab4;min-width:0;margin-top:13px;padding:14px 17px}.footer-connect .footer-contact i{margin-left:25px;font-style:normal}.portfolio-footer .footer-legal{border-top:1px solid #243149;padding:24px 0}.portfolio-footer .footer-legal>span{color:#697994}@media (max-width:850px){.peek-section{grid-template-columns:1fr;min-height:0}.peek-visual{min-height:270px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:560px){.peek-section{padding:70px 20px}.peek-stats,.peek-brands{grid-template-columns:1fr}.peek-flow{flex-wrap:wrap}.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}.inner-portfolio>section:first-of-type{padding-top:125px}}@media (prefers-reduced-motion:reduce){.peek-visual,.peek-bars i{animation:none!important}}@media (max-width:700px){.footer-primary{flex-direction:column;align-items:stretch}.footer-contact{min-width:0}.footer-legal{flex-direction:column}.footer-legal>div{justify-content:flex-start}.legal-page{padding:25px 20px 80px}.legal-page article{margin-top:70px}.legal-page h1{margin-bottom:55px}}html:has(.portfolio){scroll-behavior:smooth}.portfolio section[id]{scroll-margin-top:82px}.portfolio-nav>div a{border-radius:2px}.portfolio-nav>div a.is-active{transform:translateY(-1px)}.contact-portfolio{background:radial-gradient(circle at 78% 18%,#19325c 0,#0000 32%),#050812;min-height:100svh}.contact-hero{min-height:calc(100svh - 240px);padding:150px 5vw 95px}.contact-kicker{color:#91a3c2;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid #34435e;justify-content:space-between;gap:24px;padding-bottom:22px;font-size:10px;font-weight:800;display:flex}.contact-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:end;gap:8vw;padding:10vh 0;display:grid}.contact-grid h1{font:900 clamp(29px,4vw,63px)/.82 var(--font-display);letter-spacing:-.07em;margin:20px 0 0}.contact-copy>p{color:#aab8d0;margin:0 0 35px;font-size:18px;line-height:1.65}.contact-email{color:#fff;border-block:1px solid #516483;grid-template-columns:1fr auto;gap:6px 22px;padding:23px 0;display:grid}.contact-email span{color:#ef4773;letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:800}.contact-email strong{overflow-wrap:anywhere;grid-row:2;font-size:clamp(16px,2vw,24px)}.contact-email i{grid-area:1/2/3;align-self:center;font-size:30px;font-style:normal}.contact-note{color:#71809b!important;margin-top:22px!important;font-size:12px!important}.contact-capabilities{border-top:1px solid #34435e;flex-wrap:wrap;gap:8px;padding-top:28px;display:flex}.contact-capabilities span{color:#aebbd2;letter-spacing:.12em;text-transform:uppercase;background:#0a1321;border:1px solid #3a4964;padding:11px 14px;font-size:9px;font-weight:800}@media (max-width:760px){.contact-hero{padding:120px 20px 70px}.contact-grid{grid-template-columns:1fr;gap:55px;padding:70px 0}.contact-kicker{flex-direction:column;align-items:flex-end}.contact-grid h1{font-size:clamp(27px,8.5vw,41px)}}.timeline-company-menu{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07101df2;border:1px solid #52698f;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin:22px 0 4px;padding:10px;box-shadow:0 28px 70px #000c;display:grid!important}.timeline-company-menu a{color:#fff;background:#0d1929;border:1px solid #314562;gap:8px;padding:17px;transition:all .2s;display:grid}.timeline-company-menu a:hover,.timeline-company-menu a:focus{background:#172945;border-color:#fff;transform:translateY(-2px)}.timeline-company-menu strong{font:700 16px var(--font-display)}.timeline-company-menu span{color:#8fa1bf;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.timeline-company-menu i{color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-style:normal;font-weight:900}.timeline-company-overlay{z-index:8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050b15f2;border:1px solid #52698f;grid-column:1/-1;gap:28px;margin:28px 0 8px;padding:18px;box-shadow:0 32px 90px #000d;display:grid!important}.timeline-company-row{background:#08111e;border:1px solid #2f425f;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:20px;display:grid}.timeline-company-row>.company-social-heading,.timeline-company-row>.company-browser{grid-column:1/-1}.timeline-company-row>.steam-gallery{grid-column:1}.timeline-company-row>.facebook-page-shot{grid-column:2}.timeline-company-row .company-social-heading h3{font-size:clamp(28px,4vw,54px)}.timeline-company-row .company-browser iframe{height:min(620px,55vw)}.social-section{display:none}@media (max-width:950px){.timeline-company-row{grid-template-columns:1fr}.timeline-company-row>.steam-gallery,.timeline-company-row>.facebook-page-shot{grid-column:1}.timeline-company-overlay{padding:10px}.timeline-company-row{padding:12px}}.growth-heading{align-items:end}.growth-heading h2{color:#f4f7fc;font:800 clamp(21px,3vw,44px)/.92 var(--font-display);letter-spacing:-.055em;margin:0}.growth-timeline article{cursor:pointer}.growth-timeline article.is-active{transform:none}.growth-step-heading p{text-transform:none;letter-spacing:0;max-width:800px;font-size:16px;line-height:1.6}.growth-step-panel{padding:24px!important}.growth-step-panel:after,.growth-step-panel>div:after{display:none!important}.growth-step-panel h4{color:#f5f7fc;font:800 clamp(24px,3vw,42px)/1 var(--font-display);letter-spacing:-.035em;margin:0 0 14px}.growth-step-panel p{color:#9dacc5;text-transform:none;letter-spacing:0;margin:0;font-size:15px;line-height:1.65}.growth-socials{gap:34px;display:grid}.growth-social{background:#07101b;border:1px solid #30435f;padding:18px}.growth-social>h4{margin-bottom:18px}.growth-social .steam-gallery{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.growth-social .steam-stage,.growth-social .steam-thumbnails,.growth-social .steam-fullscreen{grid-column:1}.growth-social .facebook-page-shot{grid-area:1/2/4}.growth-websites{gap:28px;display:grid}.growth-websites>div{background:#07101b;border:1px solid #30435f;padding:18px}.growth-websites .browser-frame{width:100%;height:min(720px,60vw)}.growth-system-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.growth-system-grid article{min-height:320px;opacity:1!important;filter:none!important;background:linear-gradient(145deg,#101d30,#080f1b)!important;border:1px solid #344867!important;padding:28px!important;display:block!important;transform:none!important}.growth-system-grid article:before,.growth-system-grid article:after{display:none}.growth-system-grid small,.growth-feature small,.metrics-board small{color:#ff527e;letter-spacing:.16em;margin-bottom:32px;font-size:9px;font-weight:900;display:block}.schema{grid-template-columns:1fr 1fr;gap:8px;margin-top:24px;display:grid}.schema code{color:#cbd8ef;background:#050a12;border:1px solid #3d5374;padding:13px}.growth-flow{flex-wrap:wrap;align-items:center;gap:8px;margin-top:30px;display:flex}.growth-flow span{color:#fff;letter-spacing:.08em;background:#0d192a;border:1px solid #465e82;align-items:center;gap:8px;padding:11px 13px;font-size:10px;font-weight:900;display:flex}.growth-flow b{color:#ff527e}.growth-feature{background:radial-gradient(circle at 85% 20%,#183c72,#09111f 55%);border:1px solid #354b6c;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:38px;display:grid}.search-demo{color:#121722;background:#fff;border:1px solid #607ba7;border-radius:20px;padding:18px;box-shadow:0 25px 70px #0008}.search-demo>span{font-size:22px}.search-demo>strong{margin-left:12px;font-size:15px}.search-demo>div{border-top:1px solid #ddd;gap:15px;margin-top:18px;padding:18px;display:flex}.search-demo>div>b{color:#fff;background:#2049d8;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.search-demo p{color:#333;flex-direction:column;display:flex}.search-demo em{color:#188038;font-size:10px}.search-demo strong{color:#174ea6}.search-demo small{color:#555}.hook{grid-template-columns:1.2fr .8fr}.hook .growth-flow{align-content:center}.metrics-board{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metrics-board>div{background:#0b1727;border:1px solid #3e5475;min-height:260px;padding:24px}.metrics-board strong{color:#fff;font:800 25px var(--font-display);display:block}.metrics-board>p{text-align:center;border:1px dashed #546b90;grid-column:1/-1;padding:17px}.metric-line{border-bottom:1px solid #40516d;height:90px;margin-top:42px;display:block;position:relative}.metric-line:after{content:"";background:linear-gradient(155deg,#0000 45%,#ff527e 46% 48%,#0000 49%);position:absolute;inset:20px 0}.metric-line.up:after{background:linear-gradient(155deg,#0000 45%,#5ee6ad 46% 48%,#0000 49%);transform:scaleY(-1)}.metric-bars{align-items:end;gap:8px;height:100px;margin-top:28px;display:flex}.metric-bars b{background:#5ee6ad;flex:1}.metric-bars b:first-child{height:28%}.metric-bars b:nth-child(2){height:40%}.metric-bars b:nth-child(3){height:55%}.metric-bars b:nth-child(4){height:72%}.metric-bars b:nth-child(5){height:94%}.crm{grid-template-columns:1fr}.human-badge{color:#fff;background:#08261d;border:1px solid #62dfa9;flex-direction:column;justify-self:start;gap:5px;margin-top:22px;padding:18px 24px;display:flex}.human-badge b{color:#66e8b0;letter-spacing:.15em}.human-badge span{font-size:12px}@media (max-width:950px){.growth-social .steam-gallery,.growth-feature{grid-template-columns:1fr}.growth-social .steam-stage,.growth-social .steam-thumbnails,.growth-social .steam-fullscreen,.growth-social .facebook-page-shot{grid-area:auto/1}.growth-system-grid,.metrics-board{grid-template-columns:1fr}.metrics-board>p{grid-column:1}.growth-websites .browser-frame{height:62vw;min-height:420px}}@media (max-width:560px){.growth-step-panel{padding:10px!important}.growth-social,.growth-websites>div{padding:8px}.growth-feature{padding:22px}.growth-heading h2{font-size:22px}}.growth-social-grid,.growth-content-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));align-items:start;gap:16px;display:grid}.growth-grid-item{background:#07101b;border:1px solid #30435f;min-width:0;padding:12px}.growth-grid-item>h4{margin:0 0 12px;font-size:22px}.growth-social-grid .facebook-page-shot{height:620px}.growth-social-grid .facebook-page-shot img{object-fit:cover;object-position:top center}.growth-content-grid .steam-player{aspect-ratio:16/10}.growth-content-grid .steam-gallery{min-width:0;height:100%}.growth-websites{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.growth-websites .browser-frame{height:clamp(430px,38vw,650px)}@media (max-width:950px){.growth-websites{grid-template-columns:1fr}.growth-social-grid .facebook-page-shot{height:auto}.growth-social-grid .facebook-page-shot img{object-fit:contain;height:auto}}.social-page-card{color:#fff;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:420px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 18%,#4f82e8 0 12%,#0000 13%),linear-gradient(145deg,#1877f2,#0c3f91 60%,#081b3a)!important;padding:34px!important}.social-page-card:hover{border-color:#fff;transform:translateY(-3px)}.social-page-card>span{color:#fff;font:900 100px/1 Arial;position:absolute;top:28px;left:34px}.social-page-card>small{color:#cfe0ff;letter-spacing:.16em;margin-bottom:15px;font-size:10px;font-weight:900}.social-page-card>h4{margin-bottom:8px!important;font-size:32px!important}.social-page-card>p{color:#dbe8ff;font-size:13px}.social-page-card>b{letter-spacing:.12em;text-transform:uppercase;border-bottom:2px solid #fff;margin-top:28px;padding-bottom:6px;font-size:10px}.seo-step{gap:28px;display:grid}.seo-intro{background:linear-gradient(90deg,#14223a,#0000);max-width:880px;padding:30px}.seo-intro small{color:#ff527e;letter-spacing:.16em;margin-bottom:25px;font-size:9px;font-weight:900;display:block}.seo-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.seo-proof-grid a{color:#fff;background:#070d17;border:1px solid #3a5071;min-width:0;transition:transform .2s,border-color .2s;display:block;position:relative;overflow:hidden}.seo-proof-grid a:hover{border-color:#fff;transform:translateY(-3px)}.seo-proof-grid img{object-fit:cover;object-position:top;width:100%;height:420px;display:block}.seo-proof-grid span{color:#f5f7fc;padding:15px 15px 5px;font-size:13px;font-weight:800;display:block}.seo-proof-grid b{color:#91a8ce;letter-spacing:.1em;text-transform:uppercase;padding:0 15px 16px;font-size:9px;display:block}.seo-proof-grid a:first-child img{object-position:top center}@media (max-width:1100px){.seo-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.seo-proof-grid{grid-template-columns:1fr}.seo-proof-grid img{object-fit:cover;height:auto;max-height:600px}}.seo-proof-grid button{color:#fff;text-align:left;cursor:zoom-in;background:#070d17;border:1px solid #3a5071;min-width:0;padding:0;transition:transform .2s,border-color .2s;display:block;position:relative;overflow:hidden}.seo-proof-grid button:hover{border-color:#fff;transform:translateY(-3px)}.seo-proof-grid button:first-child img{object-position:top center}.media-lightbox{z-index:99999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:zoom-out;background:#01040bed;place-items:center;padding:70px 4vw 30px;display:grid;position:fixed;inset:0}.media-lightbox>div{cursor:default;flex-direction:column;align-items:center;max-width:min(1500px,94vw);max-height:calc(100vh - 100px);display:flex}.media-lightbox img{object-fit:contain;border:1px solid #62799d;max-width:100%;max-height:calc(100vh - 140px);display:block;box-shadow:0 30px 100px #000}.media-lightbox p{color:#dce6f8;margin:12px 0 0;font-size:12px}.media-lightbox-close{z-index:2;color:#fff;cursor:pointer;background:#0b1524;border:1px solid #8ba0c1;width:46px;height:46px;font:300 34px/1 Arial;position:fixed;top:18px;right:24px}.media-lightbox-close:hover{color:#07101d;background:#fff}.portfolio-hero .hero-profile{margin-top:70px;background:0 0;border-top:1px solid #31415e;border-bottom:0;width:100%;margin-inline:0;padding:75px 0 35px}.portfolio-hero .hero-profile .profile-intro>p:last-child{color:#aab7cf}.portfolio-hero .hero-profile .profile-facts{align-self:start}.portfolio-hero .hero-profile .profile-facts strong,.portfolio-hero .hero-profile .profile-facts a{color:#f3f6fc}@media (max-width:900px){.portfolio-hero .hero-profile{margin-top:55px;padding-top:55px}}@media (max-width:560px){.portfolio-hero .hero-profile{padding-inline:0}}.social-showcases{gap:70px;display:grid}.social-showcase,.social-showcase:nth-child(2n){border-top:1px solid #32415d;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:24px;padding:55px 0;display:grid}.company-social-heading{grid-column:1/-1;justify-content:space-between;align-items:end;gap:20px;display:flex}.company-social-heading h3{color:#f4f7fc;font:800 clamp(38px,5vw,70px)/1 var(--font-display);letter-spacing:-.05em;margin:0}.company-social-heading a{color:#fff;letter-spacing:.12em;text-transform:uppercase;border:1px solid #536a91;padding:13px 16px;font-size:9px;font-weight:900}.company-browser{grid-column:1/-1;min-width:0}.company-browser .browser-frame{width:100%}.company-browser .browser-frame iframe{height:min(700px,62vw)}.social-showcase>.steam-gallery,.social-showcase:nth-child(2n)>.steam-gallery{grid-area:auto/1}.social-showcase>.facebook-page-shot,.social-showcase:nth-child(2n)>.facebook-page-shot{grid-area:auto/2}.social-copy>span{color:#91a7ce;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800}.social-copy h3{color:#f4f7fc;font:800 clamp(42px,5vw,76px)/.9 var(--font-display);letter-spacing:-.055em;margin:28px 0 20px}.social-copy p{color:#95a4bf;max-width:470px;font-size:17px;line-height:1.7}.social-copy>div{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.social-copy i{color:#b8c4d9;letter-spacing:.13em;text-transform:uppercase;border:1px solid #40516e;padding:9px 12px;font-size:9px;font-style:normal;font-weight:800}.social-media-stage{background:#0a111d;border:1px solid #354764;min-height:746px;overflow:hidden;box-shadow:0 32px 80px #0008}.media-stage-bar{color:#eef3fc;background:#101a29;border-bottom:1px solid #354764;justify-content:space-between;align-items:center;height:46px;padding:0 17px;display:flex}.media-stage-bar span{letter-spacing:.08em;font-size:11px;font-weight:800}.media-stage-bar small{color:#7f91b1;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.social-media-stage iframe{background:#fff;border:0;width:100%;max-width:none;height:700px;display:block}.social-showcase:hover .social-media-stage{border-color:#7795c7;box-shadow:0 36px 95px #000a,0 0 35px #41649a22}@media (max-width:950px){.social-showcase,.social-showcase:nth-child(2n){grid-template-columns:1fr}.company-social-heading,.company-browser,.social-showcase>.steam-gallery,.social-showcase:nth-child(2n)>.steam-gallery,.social-showcase>.facebook-page-shot,.social-showcase:nth-child(2n)>.facebook-page-shot{grid-area:auto/1}.company-browser .browser-frame iframe{height:620px}}@media (max-width:560px){.social-showcases{gap:35px}.social-showcase{padding:40px 0}.company-social-heading{flex-direction:column;align-items:flex-start}.company-browser .browser-frame iframe{height:480px}.social-media-stage{min-height:666px}.social-media-stage iframe{height:620px}.media-stage-bar small{display:none}}.social-placeholder{color:#f3f6fc;text-align:center;background:repeating-linear-gradient(135deg,#0a1321,#0a1321 14px,#0d1828 14px 28px);border:1px dashed #60769d;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:360px;display:flex}.social-placeholder strong{font:800 20px var(--font-display);letter-spacing:.08em}.social-placeholder span{color:#91a2be;font-size:12px}.facebook-page-shot.social-placeholder{box-shadow:none}.growth-content-grid .steam-player{aspect-ratio:1!important;height:auto!important}.growth-content-grid .steam-player.fit-width>iframe,.growth-content-grid .steam-player.fit-width>.facebook-sdk-player{aspect-ratio:16/9;align-self:center;max-height:100%;width:100%!important;height:auto!important}.growth-content-grid .steam-player.fit-height>iframe,.growth-content-grid .steam-player.fit-height>.facebook-sdk-player{aspect-ratio:1;justify-self:center;max-width:100%;width:auto!important;height:100%!important}.growth-social-grid .added-page-preview{height:620px;display:block;overflow:hidden}.growth-social-grid .added-page-preview img{object-fit:cover;object-position:top center;width:100%;height:100%}@media (max-width:950px){.growth-social-grid .added-page-preview{height:auto}.growth-social-grid .added-page-preview img{object-fit:contain;height:auto}}