/* Gatespark page hero upgrades: Process / Portfolio / Careers */
:root{--hero-orange:#E88C2B;--hero-maroon:#4E0401;--hero-paper:#FEFBF3;--hero-gray:#E4D6C7;--hero-ink:#3a0301}

/* Process: refined cinematic scroll hero
   Keeps the approved imagery/copy, but replaces the oversized square clip and
   long aggressive parallax travel with a calmer framed-to-full-bleed reveal. */
.gst-process-scroll-hero{position:relative;height:calc(100vh + 950px);height:calc(100svh + 950px);min-height:1450px;background:#210201;isolation:isolate;overflow:clip;color:var(--hero-paper)}
.gst-process-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center;z-index:1;background:#210201}
.gst-process-sticky:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 50% 42%,rgba(232,140,43,.11),transparent 38%),linear-gradient(180deg,#210201 0%,#2b0302 62%,#340402 100%);pointer-events:none}
.gst-process-center-image{--clip-x:18%;--clip-y:13%;--clip-r:34px;--media-scale:1.06;--hero-opacity:1;position:absolute;inset:0;z-index:1;background-image:linear-gradient(180deg,rgba(22,2,1,.14),rgba(22,2,1,.48)),url('https://images.pexels.com/photos/4342129/pexels-photo-4342129.jpeg?auto=compress&cs=tinysrgb&w=2200');background-size:cover;background-position:center;background-repeat:no-repeat;clip-path:inset(var(--clip-y) var(--clip-x) round var(--clip-r));transform:scale(var(--media-scale));opacity:var(--hero-opacity);will-change:clip-path,transform,opacity;box-shadow:0 36px 110px rgba(12,0,0,.48)}
.gst-process-center-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,2,1,.34),rgba(32,2,1,.06) 32%,rgba(32,2,1,.06) 68%,rgba(32,2,1,.34));pointer-events:none}
.gst-process-center-image:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,transparent 0 24%,rgba(30,2,1,.13) 64%,rgba(30,2,1,.5) 100%);pointer-events:none}
.gst-process-hero-copy{--copy-opacity:1;--copy-y:0px;--copy-scale:1;position:relative;z-index:4;width:min(940px,calc(100% - 40px));text-align:center;opacity:var(--copy-opacity);transform:translate3d(0,var(--copy-y),0) scale(var(--copy-scale));will-change:opacity,transform;text-shadow:0 4px 32px rgba(20,0,0,.62)}
.gst-process-hero-copy h1{margin:0 auto;max-width:900px;font:700 clamp(3rem,6.7vw,7rem)/.92 'Space Grotesk',sans-serif;letter-spacing:-.062em;color:var(--hero-paper)}
.gst-process-hero-copy h1 span{color:var(--hero-orange)}
.gst-process-hero-copy p{max-width:680px;margin:24px auto 0;font-size:clamp(.98rem,1.35vw,1.14rem);line-height:1.68;color:rgba(254,251,243,.82)}
.gst-process-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px}
.gst-process-actions a{min-height:48px;padding:0 20px;border:1px solid rgba(254,251,243,.24);border-radius:999px;display:inline-flex;align-items:center;background:rgba(30,2,1,.38);backdrop-filter:blur(12px);font-weight:750;font-size:13px;text-decoration:none;color:var(--hero-paper);transition:transform .25s ease,border-color .25s ease,background-color .25s ease}
.gst-process-actions a:first-child{background:var(--hero-orange);border-color:var(--hero-orange);color:var(--hero-ink)}
.gst-process-actions a:hover{transform:translateY(-3px)}
.gst-process-parallax{position:absolute;left:0;top:0;width:100%;height:100vh;height:100svh;z-index:3;pointer-events:none;overflow:hidden;will-change:transform}
.gst-process-float{position:absolute;margin:0;overflow:hidden;border-radius:18px;border:1px solid rgba(254,251,243,.22);box-shadow:0 24px 70px rgba(15,0,0,.42);opacity:0;transform:translate3d(0,24px,0) scale(.96);will-change:transform,opacity;backdrop-filter:blur(4px)}
.gst-process-float:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(78,4,1,.03),rgba(78,4,1,.18));pointer-events:none}
.gst-process-float img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.02)}
.gst-process-float-a{top:15%;left:2.5%;width:min(21vw,300px);aspect-ratio:1.38;transform-origin:left center}
.gst-process-float-b{top:21%;right:2.5%;width:min(24vw,340px);aspect-ratio:1.52;transform-origin:right center}
.gst-process-float-c{bottom:13%;left:5%;width:min(19vw,270px);aspect-ratio:1.28;transform-origin:left center}
.gst-process-float-d{bottom:10%;right:5%;width:min(22vw,315px);aspect-ratio:1.45;transform-origin:right center}
.gst-process-bottom-fade{position:absolute;z-index:4;left:0;right:0;bottom:0;height:22rem;background:linear-gradient(to bottom,rgba(33,2,1,0),#4E0401 92%);pointer-events:none}
.gst-process-scroll-hero + .gst-page-section{position:relative;z-index:5}

/* Portfolio: adapted Hero09 */
.gst-portfolio-hero09{position:relative;overflow:hidden;background:var(--hero-paper);color:var(--hero-ink);border-bottom:1px solid rgba(78,4,1,.12)}
.gst-portfolio-hero09:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(78,4,1,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(78,4,1,.055) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.2) 72%,transparent)}
.gst-portfolio-hero09-inner{position:relative;z-index:1;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:clamp(130px,14vw,190px) 0 clamp(78px,9vw,120px);display:flex;flex-direction:column;gap:clamp(44px,6vw,78px)}
.gst-portfolio-hero09-head{width:min(760px,100%);margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}
.gst-portfolio-kicker{color:#a95c18;font:700 10px/1 'IBM Plex Mono',monospace;letter-spacing:.18em}
.gst-portfolio-hero09 h1{margin:0;font:600 clamp(2.8rem,6vw,6.3rem)/.96 'Space Grotesk',sans-serif;letter-spacing:-.055em;color:var(--hero-ink)}
.gst-portfolio-hero09 h1 span,.gst-portfolio-bottom h2 span{color:#b85d11}
.gst-portfolio-hero09-head>p:not(.gst-portfolio-search-status){max-width:610px;margin:0;color:rgba(58,3,1,.64);font-size:clamp(.95rem,1.25vw,1.08rem);line-height:1.7}
.gst-portfolio-search{width:min(620px,100%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:4px;padding:6px 6px 6px 16px;border:1px solid rgba(78,4,1,.16);border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 10px 35px rgba(78,4,1,.07)}
.gst-portfolio-search svg{width:18px;height:18px;fill:none;stroke:rgba(58,3,1,.52);stroke-width:1.8}
.gst-portfolio-search input{min-width:0;height:42px;border:0;outline:0;background:transparent;color:var(--hero-ink);font:500 14px/1 'Inter',sans-serif}
.gst-portfolio-search input::placeholder{color:rgba(58,3,1,.42)}
.gst-portfolio-search button{height:42px;padding:0 22px;border:0;border-radius:999px;background:var(--hero-maroon);color:var(--hero-paper);font-weight:750;cursor:pointer}
.gst-portfolio-search-status{min-height:18px;margin:-8px 0 0;color:#99500f;font:600 11px/1.5 'IBM Plex Mono',monospace}
.gst-portfolio-media{width:100%}
.gst-portfolio-media-mask{position:relative;width:min(950px,100%);margin:0 auto;overflow:hidden;border-radius:26px;box-shadow:0 28px 75px rgba(78,4,1,.16);-webkit-mask-image:radial-gradient(ellipse 93% 83% at center,#000 58%,rgba(0,0,0,.92) 73%,transparent 100%);mask-image:radial-gradient(ellipse 93% 83% at center,#000 58%,rgba(0,0,0,.92) 73%,transparent 100%)}
.gst-portfolio-media-mask:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(78,4,1,.02),rgba(78,4,1,.12))}
.gst-portfolio-media-mask img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.gst-portfolio-bottom{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:end;gap:50px}
.gst-portfolio-bottom h2{margin:0;font:600 clamp(2rem,4.3vw,4.7rem)/1 'Space Grotesk',sans-serif;letter-spacing:-.05em}
.gst-portfolio-bottom p{max-width:380px;justify-self:end;margin:0;color:rgba(58,3,1,.58);font-size:.92rem;line-height:1.7}
.gst-hero-reveal{opacity:0;transform:translateY(16px);filter:blur(6px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),filter .6s cubic-bezier(.22,1,.36,1)}
.gst-hero-reveal-media{transform:translateY(28px);filter:blur(8px)}
.gst-hero-reveal.is-visible{opacity:1;transform:none;filter:none}
.gst-page-project.gst-project-match{outline:3px solid var(--hero-orange);outline-offset:5px;box-shadow:0 22px 60px rgba(232,140,43,.2)}

/* Careers: adapted split marketing hero */
.gst-careers-tailark-hero{position:relative;overflow:hidden;background:var(--hero-paper);color:var(--hero-ink);min-height:clamp(680px,88vh,880px);display:grid;align-items:center;border-bottom:1px solid rgba(78,4,1,.14)}
.gst-careers-tailark-shell{position:relative;width:min(1240px,calc(100% - 40px));min-height:clamp(680px,88vh,880px);margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;padding:clamp(118px,12vw,160px) 0 80px}
.gst-careers-tailark-copy{position:relative;z-index:4;max-width:600px;padding-right:clamp(25px,4vw,58px)}
.gst-careers-announcement{display:inline-flex;align-items:center;gap:10px;width:fit-content;padding:5px 12px 5px 5px;border:1px solid rgba(78,4,1,.16);border-radius:12px;background:rgba(255,255,255,.7);color:var(--hero-ink);font-size:12px;text-decoration:none;box-shadow:0 8px 25px rgba(78,4,1,.05)}
.gst-careers-announcement span{padding:6px 9px;border-radius:8px;background:rgba(78,4,1,.075);color:#9d5010;font:700 9px/1 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.12em}
.gst-careers-announcement b{font-weight:650}.gst-careers-announcement i{font-style:normal;font-size:17px}
.gst-careers-tailark-copy h1{margin:32px 0 0;font:700 clamp(3rem,5.6vw,6.2rem)/.94 'Space Grotesk',sans-serif;letter-spacing:-.06em;color:var(--hero-maroon)}
.gst-careers-tailark-copy>p:not(.gst-careers-form-note){margin:25px 0 0;max-width:540px;color:rgba(58,3,1,.62);font-size:clamp(.96rem,1.2vw,1.08rem);line-height:1.72}
.gst-careers-email{position:relative;width:min(470px,100%);margin:34px 0 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:5px 5px 5px 16px;border:1px solid rgba(78,4,1,.18);border-radius:16px;background:white;box-shadow:0 12px 40px rgba(78,4,1,.08)}
.gst-careers-email svg{width:20px;height:20px;fill:none;stroke:rgba(78,4,1,.55);stroke-width:1.8}.gst-careers-email input{min-width:0;height:48px;border:0;outline:0;background:transparent;font:500 14px 'Inter',sans-serif;color:var(--hero-ink)}
.gst-careers-email button{height:44px;padding:0 18px;border:0;border-radius:12px;background:var(--hero-maroon);color:var(--hero-paper);font-weight:750;display:flex;align-items:center;gap:8px;cursor:pointer}.gst-careers-email button i{font-style:normal;font-size:17px}
.gst-careers-form-note{min-height:18px;margin:9px 0 0;color:#98500e;font:600 11px/1.45 'IBM Plex Mono',monospace}
.gst-careers-points{display:flex;gap:22px;flex-wrap:wrap;margin:24px 0 0;padding-left:18px;color:rgba(58,3,1,.65);font-size:12px}.gst-careers-points li::marker{color:var(--hero-orange)}
.gst-careers-tailark-media{position:absolute;inset:42px -12vw 42px 44%;z-index:1;overflow:hidden;border-radius:32px 0 0 32px;background:#230301;box-shadow:0 25px 80px rgba(78,4,1,.16)}
.gst-careers-tailark-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.84) contrast(1.03)}
.gst-careers-media-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--hero-paper) 0%,rgba(254,251,243,.92) 12%,rgba(254,251,243,.48) 28%,rgba(78,4,1,.05) 55%),linear-gradient(180deg,rgba(78,4,1,.03),rgba(78,4,1,.24))}
.gst-careers-media-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(254,251,243,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(254,251,243,.14) 1px,transparent 1px);background-size:56px 56px;mix-blend-mode:soft-light;opacity:.4}
.gst-careers-media-note{position:absolute;right:clamp(30px,8vw,120px);bottom:clamp(30px,7vw,92px);padding:20px 24px;border:1px solid rgba(254,251,243,.22);border-radius:15px;background:rgba(55,3,1,.58);backdrop-filter:blur(15px);color:var(--hero-paper)}
.gst-careers-media-note small{display:block;color:var(--hero-orange);font:700 9px/1 'IBM Plex Mono',monospace;letter-spacing:.15em}.gst-careers-media-note strong{display:block;margin-top:10px;font:700 clamp(1.5rem,2.6vw,2.7rem)/.98 'Space Grotesk',sans-serif;letter-spacing:-.045em}

@media(max-width:900px){
  .gst-process-scroll-hero{height:calc(100vh + 700px);height:calc(100svh + 700px);min-height:1250px}
  .gst-process-center-image{--clip-x:10%;--clip-y:11%;--clip-r:28px}
  .gst-process-float-a{top:17%;left:-2%;width:28vw}.gst-process-float-b{top:24%;right:-3%;width:31vw}.gst-process-float-c{bottom:14%;left:-2%;width:27vw}.gst-process-float-d{bottom:12%;right:-2%;width:29vw}
  .gst-portfolio-bottom{grid-template-columns:1fr;gap:22px}.gst-portfolio-bottom p{justify-self:start}
  .gst-careers-tailark-shell{grid-template-columns:1fr;min-height:auto;padding-bottom:500px}.gst-careers-tailark-copy{max-width:720px;padding-right:0}.gst-careers-tailark-media{inset:auto -6vw 35px 10%;height:430px;border-radius:28px 0 0 28px}.gst-careers-media-shade{background:linear-gradient(180deg,var(--hero-paper) 0%,rgba(254,251,243,.16) 28%,rgba(78,4,1,.05) 62%)}
}
@media(max-width:650px){
  .gst-process-scroll-hero{height:calc(100vh + 520px);height:calc(100svh + 520px);min-height:1040px}.gst-process-hero-copy{width:calc(100% - 28px);padding-top:30px}.gst-process-hero-copy h1{font-size:clamp(2.7rem,14vw,4.7rem)}.gst-process-hero-copy p{max-width:540px;font-size:.91rem;line-height:1.62}.gst-process-actions{margin-top:22px}.gst-process-actions a{width:min(330px,100%);backdrop-filter:none}
  .gst-process-center-image{--clip-x:5%;--clip-y:9%;--clip-r:22px;--media-scale:1.035;background-position:56% center}.gst-process-float{border-radius:12px;backdrop-filter:none;box-shadow:0 16px 45px rgba(15,0,0,.34)}.gst-process-float-a{top:14%;left:-9%;width:42vw}.gst-process-float-b{display:none}.gst-process-float-c{display:none}.gst-process-float-d{bottom:9%;right:-8%;width:43vw}
  .gst-portfolio-hero09-inner{width:calc(100% - 30px);padding-top:118px}.gst-portfolio-hero09 h1{font-size:clamp(2.8rem,14vw,4.8rem)}.gst-portfolio-search{grid-template-columns:auto 1fr;padding-right:8px}.gst-portfolio-search button{grid-column:1/-1;width:100%}.gst-portfolio-media-mask{border-radius:18px}.gst-portfolio-media-mask img{aspect-ratio:4/3}.gst-portfolio-bottom h2{font-size:clamp(2.1rem,10vw,3.5rem)}
  .gst-careers-tailark-shell{width:calc(100% - 30px);padding-top:118px;padding-bottom:390px}.gst-careers-tailark-copy h1{font-size:clamp(2.8rem,14vw,4.8rem)}.gst-careers-announcement b{max-width:190px}.gst-careers-email{grid-template-columns:auto 1fr}.gst-careers-email button{grid-column:1/-1;width:100%;justify-content:center}.gst-careers-points{display:grid;gap:9px}.gst-careers-tailark-media{left:4%;right:-8vw;height:330px;border-radius:22px 0 0 22px}.gst-careers-media-note{right:24px;bottom:24px;padding:15px 17px}
}

@media(max-width:340px), (max-width:650px) and (max-height:620px){
  .gst-process-hero-copy{padding-top:22px}
  .gst-process-hero-copy h1{font-size:clamp(2.55rem,13.5vw,4.3rem)}
  .gst-process-hero-copy p{font-size:.86rem;line-height:1.56;margin-top:20px}
  .gst-process-actions{margin-top:18px}
  .gst-process-actions a{min-height:46px}
}
@media(prefers-reduced-motion:reduce){.gst-hero-reveal,.gst-hero-reveal-media{opacity:1;transform:none;filter:none;transition:none}.gst-process-scroll-hero{height:100vh;height:100svh;min-height:680px}.gst-process-center-image{--clip-x:5%;--clip-y:6%;--clip-r:26px;--media-scale:1;--hero-opacity:1;will-change:auto}.gst-process-hero-copy{--copy-opacity:1;--copy-y:0px;--copy-scale:1;will-change:auto}.gst-process-parallax{display:none}.gst-process-actions a{transition:none}}