.process-hero{padding:180px 48px 80px;position:relative;z-index:2}.hero-eyebrow{font-family:var(--ff-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--coral);margin-bottom:32px;display:inline-flex;align-items:center;gap:12px;opacity:0;animation:fadeUp .8s ease .55s forwards}.hero-eyebrow:before{content:"";width:24px;height:1px;background:var(--coral)}.hero-headline{font-family:var(--ff-display);font-size:clamp(40px,7vw,112px);line-height:1;letter-spacing:-.04em;font-weight:500;color:var(--white);font-variation-settings:"opsz" 96;max-width:1400px}.hero-headline .reveal{display:block;overflow:hidden}.hero-headline .reveal-inner{display:inline-block;transform:translateY(110%);animation:reveal 1s var(--ease-expo) forwards}.hero-headline .reveal:first-child .reveal-inner{animation-delay:.55s}.hero-headline .reveal:nth-child(2) .reveal-inner{animation-delay:.7s}.hero-headline .accent{color:transparent;background:linear-gradient(135deg,var(--coral),var(--peach));-webkit-background-clip:text;background-clip:text}.wobble{display:inline-block;transition:transform .4s var(--ease-expo)}.hero-bottom{margin-top:60px;display:grid;grid-template-columns:1.4fr 1fr;grid-gap:60px;gap:60px;padding-top:32px;border-top:1px solid var(--rule);align-items:flex-end;opacity:0;animation:fadeUp .8s ease .9s forwards}.hero-sub{font-size:clamp(15px,1.2vw,18px);color:var(--ink);line-height:1.6;max-width:640px}.hero-sub .accent{color:transparent;background:linear-gradient(135deg,var(--coral),var(--peach));-webkit-background-clip:text;background-clip:text}.hero-stages-mini{display:flex;flex-direction:column;gap:8px}.hero-stages-mini-label{font-family:var(--ff-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px}.hero-stages-mini a{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:var(--ink-soft);padding:4px 0;transition-property:var(--t-surface);transition-duration:.3s;transition-timing-function:ease}@media (hover:hover) and (pointer:fine){.hero-stages-mini a:hover{color:var(--coral);transform:translateX(4px)}}.hero-stages-mini a:before{content:"";width:16px;height:1px;background:currentColor;opacity:.4;transform-origin:left;transition:transform var(--dur-ui) var(--ease-out),opacity var(--dur-ui) var(--ease-out)}@media (hover:hover) and (pointer:fine){.hero-stages-mini a:hover:before{transform:scaleX(1.5);opacity:1}}.hero-stages-mini a .stage-num{font-family:var(--ff-mono);font-size:10px;color:var(--coral);letter-spacing:.1em}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal{to{transform:translateY(0)}}@media (max-width:900px){.process-hero{padding:120px 20px 60px}.hero-bottom{grid-template-columns:1fr;gap:32px;margin-top:40px}}.stages-wrap{position:relative}.stage-indicator{position:fixed;top:50%;left:32px;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:6px;padding:16px 12px;background:rgba(31,47,78,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--rule);border-radius:999px;opacity:0;pointer-events:none;transition:opacity .5s ease}.stage-indicator.active{opacity:1;pointer-events:auto}.stage-indicator-item{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:none}.stage-indicator-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-faint);transition-property:var(--t-surface);transition-duration:.4s;transition-timing-function:var(--ease-expo)}.stage-indicator-item.passed .stage-indicator-dot{background:var(--coral);opacity:.5}.stage-indicator-item.current .stage-indicator-dot{background:var(--coral);box-shadow:0 0 12px var(--coral);transform:scale(1.6)}.stage-indicator-num{position:absolute;left:100%;margin-left:16px;white-space:nowrap;font-family:var(--ff-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);opacity:0;transform:translateX(-8px);transition-property:var(--t-surface);transition-duration:.3s;transition-timing-function:var(--ease-expo);pointer-events:none;padding:4px 10px;border-radius:999px;background:rgba(24,34,56,.92);border:1px solid var(--rule);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (hover:hover) and (pointer:fine){.stage-indicator-item:hover .stage-indicator-num,.stage-indicator:hover .stage-indicator-item.current .stage-indicator-num{opacity:1;transform:translateX(0)}}.stage-indicator-item.current .stage-indicator-num{color:var(--coral);font-weight:600}@media (max-width:1100px){.stage-indicator{left:16px;padding:12px 10px}}@media (max-width:900px){.stage-indicator{display:none}}.stage{padding:80px 20px;position:relative;z-index:2;border-top:1px solid var(--rule);overflow-x:clip}.stage:nth-child(odd){background:var(--navy-darker)}.stage:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--coral),transparent);opacity:0;transition:opacity .8s ease}.stage.in-view:before{opacity:.6}.stage-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "media" "copy";grid-row-gap:40px;row-gap:40px}.stage-head{grid-area:head;display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;grid-row-gap:20px;row-gap:20px;padding-bottom:32px;border-bottom:1px solid var(--rule)}.stage-numeral{font-family:var(--ff-display);font-size:80px;line-height:.8;letter-spacing:-.05em;font-weight:600;font-variation-settings:"opsz" 96;color:transparent;-webkit-text-stroke:1px var(--ink-faint);-webkit-user-select:none;-moz-user-select:none;user-select:none}.stage-label{display:flex;align-items:center;gap:14px;font-family:var(--ff-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--coral);margin-bottom:16px}.stage-label:before{content:"";flex:none;width:24px;height:1px;background:var(--coral)}.stage-name{font-size:clamp(36px,4.5vw,64px);line-height:1.04;letter-spacing:-.03em;font-weight:500;color:var(--white);margin-bottom:8px}.stage-name,.stage-tagline{font-family:var(--ff-display)}.stage-tagline{font-size:clamp(20px,1.8vw,24px);font-weight:400;letter-spacing:-.01em;color:transparent;background:linear-gradient(135deg,var(--coral),var(--peach));-webkit-background-clip:text;background-clip:text;font-style:italic}.stage-cadence{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;background:rgba(248,111,104,.08);border:1px solid rgba(248,111,104,.18);border-radius:999px;font-family:var(--ff-mono);font-size:11px;letter-spacing:.05em;color:var(--coral);white-space:nowrap}.stage-cadence:before{content:"";width:6px;height:6px;background:var(--coral);border-radius:50%;box-shadow:0 0 6px var(--coral)}.stage-media{grid-area:media;margin:0;min-width:0}.stage-media-frame{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;isolation:isolate;border:1px solid var(--rule);background:var(--navy-deep)}.stage-media-frame img{position:absolute;inset:0;width:100%;height:100%;display:block;transition:transform 1s var(--ease-out)}@media (prefers-reduced-motion:no-preference){:where([data-js]) .stage-media:not(.revealed) img{transform:scale(1.05)}}.stage-media-caption{display:flex;align-items:center;gap:10px;margin-top:14px;font-family:var(--ff-mono);font-size:var(--fs-label);letter-spacing:.04em;color:var(--ink-soft)}.stage-media-caption:before{content:"";flex:none;width:8px;height:8px;background:var(--ink-faint);-webkit-clip-path:polygon(50% 5%,82% 18%,95% 50%,82% 82%,50% 95%,18% 82%,5% 50%,18% 18%);clip-path:polygon(50% 5%,82% 18%,95% 50%,82% 82%,50% 95%,18% 82%,5% 50%,18% 18%)}.stage-media-caption a{padding-block:6px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint);text-underline-offset:3px;transition-property:color,-webkit-text-decoration-color;transition-property:color,text-decoration-color;transition-property:color,text-decoration-color,-webkit-text-decoration-color;transition-duration:var(--dur-ui);transition-timing-function:var(--ease-out)}@media (hover:hover) and (pointer:fine){.stage-media-caption a:hover{color:var(--white);-webkit-text-decoration-color:var(--ink-soft);text-decoration-color:var(--ink-soft)}}.stage-copy{grid-area:copy;min-width:0}.stage-section{margin-bottom:40px}.stage-section:last-child{margin-bottom:0}.stage-section h3{font-family:var(--ff-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:18px;display:flex;align-items:center;gap:12px}.stage-section h3:before{content:"";width:16px;height:1px;background:var(--coral)}.stage-section p{font-size:clamp(16px,1.2vw,18px);color:var(--ink);line-height:1.65;max-width:600px}.stage-activities{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,max(284px,calc((100% - 28px) / 2))),1fr));grid-gap:14px 28px;gap:14px 28px}.stage-activities li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--ink);line-height:1.5}.stage-activities li:before{content:"";flex-shrink:0;width:14px;height:14px;margin-top:4px;background:rgba(248,111,104,.12);-webkit-clip-path:polygon(50% 5%,82% 18%,95% 50%,82% 82%,50% 95%,18% 82%,5% 50%,18% 18%);clip-path:polygon(50% 5%,82% 18%,95% 50%,82% 82%,50% 95%,18% 82%,5% 50%,18% 18%)}.stage-deliverables{display:flex;flex-wrap:wrap;gap:8px}.stage-deliverable{padding:7px 14px;background:rgba(255,255,255,.04);border:1px solid var(--rule);border-radius:999px;font-size:12px;color:var(--ink);transition-property:var(--t-surface);transition-duration:.3s;transition-timing-function:ease}.stage-deliverable:hover{border-color:rgba(248,111,104,.3);background:rgba(248,111,104,.08);color:var(--coral)}.stage-lens{margin-top:40px}@media (min-width:601px){.stage-head{grid-template-columns:auto minmax(0,1fr);column-gap:32px;row-gap:20px;align-items:end}.stage-numeral{font-size:120px;grid-row:1/span 2;align-self:start}.stage-cadence{grid-column:2}.stage-media-frame{aspect-ratio:3/2}}@media (min-width:901px){.stage{padding:120px 48px}.stage-inner{row-gap:56px}.stage-media-frame{aspect-ratio:16/9}}@media (min-width:1100px){.stage-inner{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"head head" "media copy";column-gap:clamp(56px,6vw,96px);row-gap:72px;align-items:start}.stage--flip .stage-inner{grid-template-columns:minmax(0,6fr) minmax(0,5fr);grid-template-areas:"head head" "copy media"}.stage-head{grid-template-columns:auto minmax(0,1fr) auto;column-gap:40px;padding-bottom:40px}.stage-numeral{font-size:clamp(120px,11vw,168px);grid-row:1;align-self:end}.stage-cadence{grid-column:3;align-self:end;margin-bottom:6px}.stage-media-frame{aspect-ratio:4/5;border-radius:20px}}@media (min-width:1100px) and (min-height:780px){.stage-media{position:-webkit-sticky;position:sticky;top:120px}}.stage-transition{display:flex;flex-direction:column;align-items:center;gap:12px;margin:-24px auto;padding:0 48px;max-width:1400px;position:relative;z-index:3}.stage-transition-line{width:1px;height:48px;background:linear-gradient(180deg,var(--coral),transparent)}.stage-transition-icon{width:44px;height:44px;background:var(--navy-deep);border:1px solid transparent;display:flex;align-items:center;justify-content:center;color:var(--coral);-webkit-clip-path:polygon(50% 5%,82% 18%,95% 50%,82% 82%,50% 95%,18% 82%,5% 50%,18% 18%);clip-path:polygon(50% 5%,82% 18%,95% 50%,82% 82%,50% 95%,18% 82%,5% 50%,18% 18%)}.principles-section{padding:140px 48px;position:relative;z-index:2;border-top:1px solid var(--rule)}.principles-head{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;margin-bottom:64px;max-width:1400px;margin-left:auto;margin-right:auto;align-items:flex-end}.section-eyebrow{font-family:var(--ff-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--coral);margin-bottom:16px;display:flex;align-items:center;gap:12px}.section-eyebrow:before{content:"";width:24px;height:1px;background:var(--coral)}.section-title{font-family:var(--ff-display);font-size:clamp(32px,4.2vw,56px);line-height:1.04;letter-spacing:-.03em;font-weight:500;color:var(--white)}.section-title .accent{color:transparent;background:linear-gradient(135deg,var(--coral),var(--peach));-webkit-background-clip:text;background-clip:text}.principles-desc{font-size:15px;color:var(--ink-soft);max-width:420px;line-height:1.6}.principles-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:16px;overflow:hidden}.principle{background:var(--navy-deep);padding:36px 32px;position:relative;transition:background .4s ease}.principle:hover{background:var(--navy-dark)}.principle:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(248,111,104,.06),transparent 50%);opacity:0;transition:opacity .4s ease;pointer-events:none}.principle:hover:after{opacity:1}.principle-num{font-family:var(--ff-mono);font-size:11px;letter-spacing:.1em;color:var(--ink-faint);margin-bottom:28px}.principle-text{font-family:var(--ff-display);font-size:clamp(18px,1.7vw,22px);line-height:1.35;letter-spacing:-.01em;font-weight:500;color:var(--white);margin-bottom:16px}.principle-text .em{color:transparent;background:linear-gradient(135deg,var(--coral),var(--peach));-webkit-background-clip:text;background-clip:text;font-style:italic}.principle-sub{font-size:13px;color:var(--ink-soft);line-height:1.6}@media (max-width:900px){.principles-section{padding:80px 20px}.principles-head{gap:16px}.principles-grid,.principles-head{grid-template-columns:1fr}}@media (min-width:1024px) and (hover:hover){.principles-section,.process-hero,.stage{padding-left:112px;padding-right:112px}}@media (max-width:600px){.hero-stages-mini a .stage-num,.hero-stages-mini-label,.stage-section h3{font-size:var(--fs-label)}}