/* RGB Fractional CRO — one visual system, based on the supplied manual v1.2.
   This is the canonical stylesheet; keep public/ and approved-site/ in sync. */
@font-face{font-family:Archivo;src:url('assets/Archivo-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Archivo;src:url('assets/Archivo-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Archivo;src:url('assets/Archivo-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}

:root{
  color-scheme:dark;
  --rgb-black:#000000;
  --rgb-white:#ffffff;
  --rgb-red:#ff0000;
  --rgb-green:#00eb7c;
  --rgb-blue:#0151fd;
  --rgb-surface:#151515;
  --rgb-line:#383838;
  --rgb-body:#b7b7b7;
  --rgb-muted-on-light:#676767;
  --rgb-control-border:#767676;
  --rgb-focus:var(--rgb-white);
  --rgb-font:Archivo,Arial,Helvetica,sans-serif;
  --rgb-container:1280px;
  --rgb-page-gutter:20px;
  --rgb-grid-gap:16px;
  --rgb-section-space:64px;
  --rgb-title-gap:40px;
  --rgb-logo-frame-width:176px;
  --rgb-h1:36px;
  --rgb-h2:30px;
  --rgb-h3:24px;
  --rgb-h4:20px;
  --rgb-body-size:17px;
  --rgb-caption:14px;
  --rgb-radius:4px;
  --rgb-fast:160ms;
  --rgb-ease:cubic-bezier(.2,0,0,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px;-webkit-text-size-adjust:100%}
/* Suppress browser anchoring only while a phase's height is being changed. */
html.rgb-phase-adjusting{overflow-anchor:none;scroll-behavior:auto}
body{margin:0;background:var(--rgb-black);color:var(--rgb-white);font:400 var(--rgb-body-size)/1.55 var(--rgb-font);font-synthesis:none}
:where(h1,h2,h3,h4,p,figure,blockquote){margin:0}
:where(img,svg){display:block;max-width:100%}
:where(a,button,input,textarea,summary){-webkit-tap-highlight-color:transparent}
a{color:inherit;text-underline-offset:.25em}
button,input,textarea{font:inherit}
button,a,summary{touch-action:manipulation}
:where(a,button,input,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--rgb-focus);outline-offset:4px}
::selection{background:var(--rgb-white);color:var(--rgb-black)}
h1,h2,h3,h4{font-family:var(--rgb-font);font-weight:700;hyphens:none;overflow-wrap:break-word}
h1{font-size:var(--rgb-h1);line-height:1.08;letter-spacing:-.03em}
h2{font-size:var(--rgb-h2);line-height:1.1;letter-spacing:-.025em}
h3{font-size:var(--rgb-h3);line-height:1.15;letter-spacing:-.02em}
h4{font-size:var(--rgb-h4);line-height:1.2;letter-spacing:-.01em}
strong,b{font-weight:700}
.container,.method-container{width:min(calc(100% - var(--rgb-page-gutter)*2),var(--rgb-container));margin-inline:auto}
.section{padding-block:var(--rgb-section-space)}
.section-title{font-size:var(--rgb-h2);font-weight:700;line-height:1.1;letter-spacing:-.025em;margin-bottom:var(--rgb-title-gap)}
.section-title::after{content:'';display:block;width:72px;height:4px;margin-top:24px;background:linear-gradient(to right,var(--rgb-red) 0 33.333%,var(--rgb-green) 33.333% 66.666%,var(--rgb-blue) 66.666% 100%)}
.skip-link{position:fixed;z-index:10;left:20px;top:20px;padding:12px 24px;background:var(--rgb-white);color:var(--rgb-black);border-radius:var(--rgb-radius);transform:translateY(-180%);font-size:16px;font-weight:600}
.skip-link:focus{transform:none}

/* Identity sits on an uninterrupted black field. Only empty logo margins crop. */
.hero{position:relative;isolation:isolate;background:var(--rgb-black);overflow:visible}
.hero-brand{position:relative;z-index:2;display:grid;grid-template-areas:'language' 'brand' 'navigation';grid-template-columns:minmax(0,1fr);align-items:center;gap:12px;padding-block:12px 24px;background:transparent}
.hero-brand>.brand{grid-area:brand;justify-self:center}
.hero-brand>.site-nav{grid-area:navigation}
.language-switcher{display:flex;align-items:center;justify-content:center;gap:4px;font:400 14px/1.4 var(--rgb-font)}
.language-switcher--header{grid-area:language;justify-self:end}
.language-switcher a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;color:var(--rgb-body);text-decoration:none;text-shadow:0 1px 12px rgb(0 0 0 / 65%)}
.language-switcher a[aria-current='page']{color:var(--rgb-white);font-weight:600;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.language-switcher a:hover{text-decoration:underline;text-underline-offset:6px}
.language-switcher>span{color:var(--rgb-body);user-select:none}
.brand{display:block;flex:0 0 auto;width:var(--rgb-logo-frame-width);min-width:var(--rgb-logo-frame-width);text-decoration:none}
.logo-window{position:relative;display:block;width:calc(var(--rgb-logo-frame-width) + 2px);margin-left:-1px;aspect-ratio:1230/735;overflow:hidden;background:var(--rgb-black)}
.logo-window img{position:absolute;width:116.585365854%;max-width:none;height:auto;left:-8.292682927%;top:-22.176870748%}
.site-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;width:100%;font-size:14px;font-weight:600;line-height:1.4}
.site-nav a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;text-decoration:none}
.site-nav a{text-shadow:0 1px 12px rgb(0 0 0 / 65%)}
.site-nav a:hover{text-decoration:underline}
.hero-stage{width:100%;min-height:0;display:grid;grid-template-areas:'hero';position:relative;overflow:visible}
/* User-requested expansive field: the master stays intact; this viewport now includes navigation as well as the headline. */
.hero-light{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.light-field{position:absolute;top:82%;left:-150%;width:300%;max-width:none;height:auto;aspect-ratio:2/1;object-fit:contain;filter:none;transform:translateY(-50%);transform-origin:72.5% 45.5%;border:0;border-radius:0;pointer-events:none;user-select:none}
/* Original artwork remains the fallback. The enhanced volume is clipped to the hero. */
.light-volume{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-light[data-volume-ready] .light-field{visibility:hidden;animation:none}
@keyframes light-orbit{
  from{rotate:0turn}
  to{rotate:1turn}
}
@media(prefers-reduced-motion:no-preference){
  @supports (translate:0 -50%) and (rotate:1turn) and (scale:1.12){
    .light-field{transform:none;translate:0 -50%;animation:light-orbit 720s linear infinite}
  }
}
@media(prefers-reduced-motion:reduce){.light-volume{display:none}.hero-light[data-volume-ready] .light-field{visibility:visible}}
.hero-copy{grid-area:hero;position:relative;z-index:1;align-self:start;min-width:0;padding-block:32px 64px}
.hero-line{display:block}
.hero-description{max-width:26ch;margin-top:24px;font-size:var(--rgb-h4);line-height:1.4;letter-spacing:-.01em;color:var(--rgb-white)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-width:48px;min-height:48px;padding:12px 24px;border:1px solid var(--rgb-control-border);border-radius:var(--rgb-radius);background:var(--rgb-black);color:var(--rgb-white);font:600 16px/1.4 var(--rgb-font);text-decoration:none;cursor:pointer;transition:background-color var(--rgb-fast) var(--rgb-ease),color var(--rgb-fast) var(--rgb-ease)}
.hero-story-link{display:inline-flex;align-items:center;gap:24px;min-height:48px;max-width:100%;margin-top:32px;padding:12px 0;border:0;border-bottom:1px solid var(--rgb-white);border-radius:0;background:transparent;color:var(--rgb-white);font:600 16px/1.4 var(--rgb-font);text-decoration:none;text-shadow:0 1px 12px rgb(0 0 0 / 65%)}
.story-next{display:inline-flex;align-items:center;gap:24px;min-height:48px;padding:12px 0;border:0;border-bottom:1px solid currentColor;border-radius:0;background:transparent;color:var(--rgb-black);font:600 16px/1.4 var(--rgb-font);text-decoration:none}
.story-next .link-arrow{color:currentColor}
.story-next:hover{background:transparent;text-decoration:underline;text-underline-offset:.3em}
.hero-story-link:hover{background:transparent;text-decoration:underline;text-underline-offset:.3em}
.link-arrow{color:var(--rgb-white);display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:400;line-height:1;width:24px;height:24px}
.button:hover{border-color:var(--rgb-white);background:var(--rgb-surface);color:var(--rgb-white)}
.hero-story-link:active,.story-next:active,.button:active{text-decoration:underline}

/* The complete author-approved story is always visible. */
.story-section,.methodology-section,.testimonial-section,.about-section{color-scheme:light;--rgb-focus:var(--rgb-black);background:var(--rgb-white);color:var(--rgb-black)}
.story-section ::selection,.methodology-section ::selection,.testimonial-section ::selection,.about-section ::selection{background:var(--rgb-black);color:var(--rgb-white)}
.story-section{padding-block:48px 24px}
.story-layout{display:grid;grid-template-areas:'reading' 'diagram' 'actions';gap:24px;align-items:start}
.story-reading{grid-area:reading;min-width:0}
.story-section .section-title{margin-bottom:32px}
.story-image{grid-area:diagram;display:block;min-width:0;width:100%;max-width:400px;align-self:center;justify-self:center}
.story-image svg{width:100%;height:auto;aspect-ratio:495/470}
.story-image text{font-size:25px;letter-spacing:-.025em}
.story-narrative{max-width:840px;font-size:var(--rgb-body-size);line-height:1.65;color:var(--rgb-black);text-align:left}
.story-narrative p{text-wrap:balance}
.story-narrative p+p{margin-top:24px}
.story-actions{grid-area:actions;display:flex;justify-content:flex-start}

/* Phase icons share the requested red/red/blue/blue/green timeline accents. */
.methodology-section{padding-block:40px 64px}
.rgb-method{--rgb-method-accent:var(--rgb-blue)}
.rgb-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:40px}
.rgb-header .section-title{margin-bottom:0}
.rgb-body{display:grid;row-gap:8px}
.rgb-phase{--rgb-phase-accent:var(--rgb-blue);scroll-margin-top:32px}
.rgb-phase:nth-child(-n+2){--rgb-phase-accent:var(--rgb-red)}
.rgb-phase:last-child{--rgb-phase-accent:var(--rgb-green)}
.rgb-phase-summary{cursor:pointer;list-style:none;padding-block:24px;transition:background-color var(--rgb-fast) var(--rgb-ease)}
.rgb-phase-summary::-webkit-details-marker{display:none}
.rgb-phase-summary::marker{content:''}
.rgb-phase-heading{display:grid;grid-template-columns:32px 24px minmax(0,1fr) 48px;align-items:start;column-gap:16px;row-gap:12px}
.rgb-phase-number{grid-column:1;grid-row:1;color:var(--rgb-muted-on-light);font:400 20px/1.4 var(--rgb-font);letter-spacing:0;font-variant-numeric:tabular-nums}
.rgb-phase-icon{grid-column:2;grid-row:1;width:24px;height:24px;display:block;margin-top:2px;color:var(--rgb-phase-accent)}
.rgb-phase-icon svg{width:24px;height:24px}
.rgb-phase-title{grid-column:1/4;grid-row:2;padding-right:8px;min-width:0}
.rgb-phase-prefix{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.rgb-month{grid-column:3;grid-row:1;align-self:center;justify-self:start;font:400 14px/1.5 var(--rgb-font);letter-spacing:0;color:var(--rgb-muted-on-light);white-space:nowrap}
.rgb-phase-toggle{grid-column:4;grid-row:1/3;align-self:center;position:relative;width:48px;height:48px;border:0;background:transparent}
.rgb-phase-toggle::before,.rgb-phase-toggle::after{content:'';position:absolute;top:50%;left:50%;background:currentColor;transform:translate(-50%,-50%)}
.rgb-phase-toggle::before{width:16px;height:2px}
.rgb-phase-toggle::after{width:2px;height:16px}
.rgb-phase[open] .rgb-phase-toggle::after{display:none}
.rgb-phase-content{display:grid;gap:32px;align-items:center;padding:0 0 32px}
.rgb-activities{list-style:none;margin:0;padding:0;max-width:62ch;color:var(--rgb-black)}
.rgb-activities li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:16px;padding-block:8px}
.rgb-activities li::before{content:'•';color:var(--rgb-muted-on-light)}
.rgb-phase-visual{width:100%;max-width:480px;justify-self:center}
.rgb-phase-visual img{width:100%;height:auto;aspect-ratio:3/2}
.rgb-phase-summary:hover .rgb-phase-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.rgb-phase-summary:hover .rgb-phase-toggle{color:var(--rgb-method-accent)}

/* Phase title above its marker; descriptor and months below, in reading order. */
.rgb-overview{display:none;max-width:1040px;margin:0 auto 32px;font-variant-numeric:tabular-nums;text-align:center}
.rgb-route{display:grid;gap:24px;max-width:440px;margin-inline:auto}
.rgb-route a{--rgb-route-accent:var(--rgb-blue);position:relative;display:grid;grid-template-rows:26px 8px auto auto;justify-items:center;align-content:start;row-gap:8px;min-height:120px;padding:8px 12px 12px;text-decoration:none;text-align:center}
.rgb-route a:nth-child(-n+2){--rgb-route-accent:var(--rgb-red)}
.rgb-route a:last-child{--rgb-route-accent:var(--rgb-green)}
.rgb-route-dot{width:8px;height:8px;border-radius:50%;background:var(--rgb-route-accent);position:relative;z-index:1}
.rgb-route a::after{content:'';position:absolute;left:calc(50% - .5px);bottom:-18px;width:1px;height:16px;background:var(--rgb-control-border);opacity:.3}
.rgb-route a:last-child::after{display:none}
.rgb-route-month{font-size:14px;font-weight:400;line-height:1.5;white-space:nowrap;color:var(--rgb-muted-on-light)}
.rgb-route-step{min-width:0;color:var(--rgb-black);font-size:20px;font-weight:700;line-height:1.3}
.rgb-route b{font-size:16px;font-weight:400;line-height:1.4}
.rgb-route a[aria-current="step"] .rgb-route-dot{box-shadow:0 0 0 3px var(--rgb-white),0 0 0 4px var(--rgb-route-accent)}
.rgb-route a[aria-current="step"] b,.rgb-route a:hover b{text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px}
.rgb-note{margin:24px auto 0;font-size:14px;color:var(--rgb-muted-on-light);max-width:62ch}

/* Two restrained tints derived from the approved RGB accents and white. */
.testimonial-section{--testimonial-tint:color-mix(in srgb,var(--rgb-green) 12%,var(--rgb-white));padding-block:16px;border-top:0}
.testimonial--blue{--testimonial-tint:color-mix(in srgb,var(--rgb-blue) 8%,var(--rgb-white))}
.testimonial-layout{max-width:var(--rgb-container);padding:20px 16px;border-radius:var(--rgb-radius);background:var(--testimonial-tint)}
.testimonial-header{text-align:center;margin-bottom:8px}
.testimonial-heading{font-size:14px;font-weight:600;line-height:1.4;letter-spacing:.06em}
.testimonial-figure{display:grid;justify-items:center;gap:12px;align-items:center}
.testimonial-content{width:100%;max-width:1040px;min-width:0;text-align:center}
.testimonial-quote-mark{display:block;height:24px;margin-bottom:4px;color:var(--rgb-black);font-size:40px;line-height:1;font-weight:700}
.testimonial-quote{font-size:16px;line-height:1.5;letter-spacing:-.01em}
.testimonial-person{display:flex;align-items:center;gap:12px;min-width:0;max-width:680px}
.testimonial-portrait{flex:0 0 56px;width:56px}
.testimonial-photo{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:50% 35%;filter:none;border-radius:50%}
.testimonial-attribution{min-width:0;text-align:left}
.testimonial-author-line{font-size:16px;line-height:1.4}
.testimonial-name{display:block;font-size:20px;font-weight:700;line-height:1.2;margin-bottom:4px}
.testimonial-role{color:var(--rgb-muted-on-light)}
.testimonial-company{margin-top:8px}
.testimonial-company img{width:112px;max-width:100%;height:auto;margin-inline:0;filter:none}

/* The separate review page compares both treatments without adding public UI controls. */
.testimonial-review{color-scheme:light;--rgb-focus:var(--rgb-black);background:var(--rgb-white);color:var(--rgb-black)}
.review-header{padding-block:40px 24px}
.review-header>a{display:inline-flex;align-items:center;min-height:48px;font-size:16px}
.review-header h1{font-size:var(--rgb-h2);margin-block:24px 16px}
.review-header p{max-width:62ch;color:var(--rgb-muted-on-light)}
.review-option{padding-block:24px 0}
.review-option h2{font-size:20px;line-height:1.4}
.testimonial-review main{padding-bottom:48px}

/* Biography on white with dark text and monochrome career marks. */
.about-grid{display:grid;gap:32px;align-items:center;max-width:1040px;margin-inline:auto}
.portrait{width:160px;max-width:100%;justify-self:center}
.portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 26%;filter:none;border-radius:0}
.about-name{margin-bottom:24px}
.prose{color:var(--rgb-black);max-width:62ch}
.prose p+p{margin-top:24px}
.career-experience{max-width:1120px;margin:48px auto 0}
.career-heading{margin-bottom:20px;font-size:14px;color:var(--rgb-muted-on-light);text-align:center}
.career-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;background:var(--rgb-white)}
.career-logo{display:flex;align-items:center;justify-content:center;flex:0 1 calc((100% - 16px)/2);min-width:0;height:64px}
.career-logos img{width:auto;height:auto;max-width:100%;max-height:36px;object-fit:contain;filter:brightness(0)}
.career-logos .career-prometeo{width:144px}
.career-logos .career-novo{width:152px}
.career-logos .career-visa{width:80px;height:auto;max-height:36px;flex-shrink:0;fill:var(--rgb-black)}
/* Preserve the original white L as a counter inside the dark mark. */
.career-logos .career-linio{width:88px;filter:grayscale(1) invert(1) brightness(3) invert(1)}

/* Two balanced contact columns: direct channels and a permanent form. */
.contact-section{color-scheme:dark;--rgb-focus:var(--rgb-white);padding-block:48px;background:var(--rgb-black);color:var(--rgb-white)}
.contact-grid{display:grid;gap:40px;max-width:1040px;margin-inline:auto;align-items:stretch}
.contact-copy{display:flex;flex-direction:column;min-width:0}
.contact-copy .section-title{margin-bottom:28px}
.contact-intro{max-width:28ch;font-size:clamp(24px,2.2vw,28px);font-weight:600;line-height:1.3;letter-spacing:-.02em;color:var(--rgb-white)}
.contact-direct{display:grid;gap:8px;width:100%;max-width:100%;margin-top:0;padding-top:28px;font-style:normal;font-size:18px;font-weight:400;line-height:1.5}
.contact-direct p{margin:0;overflow-wrap:anywhere}
.contact-direct .contact-name{margin-bottom:4px;font-size:20px}
.contact-direct .contact-phone,.contact-direct .contact-email{display:flex;align-items:center;gap:12px}
.contact-direct span{min-width:0}
.contact-direct .contact-icon{width:20px;height:20px;flex:0 0 20px}
.contact-form-panel{min-width:0}
#contact-form{display:grid;gap:16px;align-content:start}
.form-field{display:grid;gap:4px}
.form-field label{font-size:14px;font-weight:400;line-height:1.4;color:var(--rgb-body)}
.form-field input,.form-field textarea{width:100%;min-height:48px;padding:8px 0;background:transparent;border:0;border-bottom:1px solid var(--rgb-control-border);border-radius:0;color:var(--rgb-white);font:400 16px/1.5 var(--rgb-font)}
.form-field input:focus,.form-field textarea:focus{border-bottom-color:var(--rgb-white)}
.form-field textarea{height:96px;min-height:96px;resize:vertical}
.form-field input:autofill{-webkit-text-fill-color:var(--rgb-white);box-shadow:0 0 0 1000px var(--rgb-black) inset}
.contact-form-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-top:4px}
#contact-form .button{flex-shrink:0;min-width:96px;margin:0;padding:10px 0;background:transparent;border:0;border-bottom:1px solid var(--rgb-white);border-radius:0;color:var(--rgb-white);font-weight:400}
#contact-form .button:hover{background:transparent;color:var(--rgb-white);text-decoration:underline}
#contact-form .button:disabled{opacity:.6;cursor:wait}
.form-status{max-width:62ch;color:var(--rgb-body);font-size:14px;line-height:1.5}
.form-status:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.form-status[data-state='success'],.form-status[data-state='error']{padding-left:12px;border-left:2px solid var(--rgb-green);color:var(--rgb-white)}
.form-status[data-state='error']{border-left-color:var(--rgb-red)}
/* A compact contact-led close, using the original signature and RGB accents. */
.site-footer{padding-top:40px;background:var(--rgb-black);color:var(--rgb-white)}
.footer-main{display:grid;justify-items:center;align-items:center;gap:24px;padding-bottom:24px}
.footer-identity{--rgb-logo-frame-width:120px;min-width:0}
.footer-contact{min-width:0;text-align:center}
.footer-label{margin-bottom:8px;color:var(--rgb-body);font-size:14px;line-height:1.5}
.footer-contact address{font-style:normal}
.footer-email{display:inline-block;max-width:100%;overflow-wrap:anywhere;color:var(--rgb-white);font-size:18px;font-weight:400;line-height:1.4;letter-spacing:0;text-decoration:none}
.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 24px;padding-block:16px 24px;color:var(--rgb-body);font-size:14px;line-height:1.5;text-align:center}
.footer-back{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:64px;padding:16px 24px;border:1px solid var(--rgb-white);border-radius:var(--rgb-radius);background:var(--rgb-black);color:var(--rgb-white);font-size:20px;font-weight:600;line-height:1.4;text-decoration:none}
.footer-back svg{flex:0 0 24px;width:24px;height:24px}
.footer-back:hover{background:var(--rgb-white);color:var(--rgb-black)}

/* Fill the initial mobile viewport without restoring an oversized fixed stage. */
@media(max-width:767px){.hero{min-height:100svh}}
@media(max-width:374px){
  .site-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center}
}
@media(min-width:768px){
  .footer-main{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;padding-bottom:24px}
  .footer-identity{--rgb-logo-frame-width:140px;justify-self:start}
  .footer-contact{justify-self:end;text-align:right}
  .footer-email{font-size:20px;gap:16px}
  :root{--rgb-page-gutter:32px;--rgb-grid-gap:24px;--rgb-section-space:80px;--rgb-title-gap:48px;--rgb-h1:48px;--rgb-h2:40px;--rgb-h3:28px;--rgb-h4:22px;--rgb-body-size:18px}
  .hero-brand{grid-template-areas:'brand language' 'brand navigation';grid-template-columns:auto minmax(0,1fr);gap:4px 32px;padding-block:28px}
  /* Align the signature with the navigation below the language selector. */
  .hero-brand>.brand{justify-self:start;transform:translateY(25%)}
  .hero-brand>.site-nav{justify-self:end}
  .site-nav{width:auto;gap:24px;font-size:16px;flex-wrap:nowrap}
  .hero-stage{min-height:560px}
  .light-field{width:180%;left:-52%;top:72%}
  .hero-copy{padding-block:48px 80px}
  .hero-description{margin-top:32px;max-width:26ch}
  .story-section{padding-block:64px 24px}
  .rgb-phase-summary{padding-block:32px}
  .rgb-phase-heading{grid-template-columns:48px 24px minmax(0,1fr) 76px 48px;gap:24px;align-items:center}
  .rgb-phase-number{grid-column:1;grid-row:1;font-size:28px}
  .rgb-phase-icon{grid-column:2;grid-row:1;margin-top:0}
  .rgb-phase-title{grid-column:3;grid-row:1;padding-right:0}
  .rgb-month{grid-column:4;grid-row:1;justify-self:end}
  .rgb-phase-toggle{grid-column:5;grid-row:1}
  .rgb-phase-content{padding:0 0 40px 120px}
  .rgb-overview{margin-bottom:40px}
  .rgb-route{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;max-width:none}
  .rgb-route a{padding-inline:8px}
  .rgb-route a::after{top:46px;left:calc(50% + 12px);bottom:auto;width:calc(100% - 24px);height:1px}
  .rgb-note{margin-top:24px}
  .testimonial-layout{padding:24px 32px}
  .testimonial-quote{font-size:18px}
  .testimonial-person{gap:16px}
  .testimonial-portrait{flex-basis:64px;width:64px}
  .testimonial-figure{gap:16px}
  .testimonial-name{font-size:22px}
  .portrait{width:220px;justify-self:start}
  .about-grid{grid-template-columns:220px minmax(0,1fr);gap:48px}
  .career-experience{margin-top:64px}
  .career-logos{gap:16px 24px}
  .career-logo{flex-basis:calc((100% - 72px)/4);height:72px}
  .contact-section{padding-block:64px}
  .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
  .contact-direct{padding-top:32px}
}
@media(min-width:1024px){
  .story-layout{grid-template-areas:'reading diagram' 'actions diagram';grid-template-columns:minmax(0,1fr) 360px;gap:32px}
  .story-image{max-width:420px;justify-self:end}
  .story-image text{font-size:22px;letter-spacing:normal}
  .rgb-overview{display:block}
  .contact-form-actions{flex-direction:row;align-items:center;gap:24px}
}
@media(min-width:1200px){
  .site-footer{padding-top:40px}
  .story-layout{grid-template-columns:minmax(0,1fr) 420px;column-gap:48px}
  .story-section .section-title{margin-bottom:40px}
  :root{--rgb-page-gutter:64px;--rgb-section-space:120px;--rgb-title-gap:64px;--rgb-logo-frame-width:200px;--rgb-h1:64px;--rgb-h2:48px;--rgb-h3:32px;--rgb-h4:24px}
  .hero-brand{padding-block:32px}
  .site-nav{gap:40px}
  .hero-copy{padding-block:64px 96px}
  .hero-description{max-width:42ch}
  .rgb-phase-heading{grid-template-columns:72px 24px minmax(0,1fr) 88px 48px;column-gap:32px}
  .rgb-phase-number{font-size:32px}
  .methodology-section{padding-block:48px 80px}
  .rgb-phase-summary{padding-block:28px}
  .rgb-phase-content{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;padding:0 0 48px 160px}
  .testimonial-name{font-size:22px}
  .testimonial-author-line{font-size:18px}
  .about-grid{gap:64px}
  .contact-grid{gap:64px}
}
@media(min-width:768px) and (max-width:999px){.footer-main{grid-template-columns:1fr 1fr}.footer-back{grid-column:1/-1;grid-row:2}.footer-contact{grid-column:2;grid-row:1}}
@media(hover:none){.rgb-phase-summary:hover .rgb-phase-title{text-decoration:none}.rgb-phase-summary:hover .rgb-phase-toggle{color:var(--rgb-black)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:0ms!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.light-field,.light-volume{visibility:hidden}.rgb-phase-toggle,.rgb-route a,.button,.hero-story-link,.story-next,.contact-option,.form-field input,.form-field textarea{border:1px solid ButtonText}:where(a,button,input,textarea,summary,[tabindex]):focus-visible{outline-color:Highlight}}