/* Root Access Media — UI kit chrome & layout. Kit-local (linked from
   index.html, NOT shipped via styles.css). Uses design-system tokens. */

.rk-home,.rk-view{position:relative}
img{max-width:100%}

/* ============================== HEADER ============================== */
.rk-header{position:fixed;top:0;left:0;right:0;z-index:80;padding:22px var(--gutter);transition:padding var(--dur-base) var(--ease-brand)}
.rk-header.is-scrolled{padding:12px var(--gutter)}
.rk-header__bar{max-width:var(--content-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(255,252,248,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(8,46,96,.07);border-radius:var(--radius-pill);padding:16px 16px 16px 26px;transition:box-shadow var(--dur-base) var(--ease-brand),padding var(--dur-base) var(--ease-brand),background var(--dur-base) var(--ease-brand)}
.rk-header.is-scrolled .rk-header__bar{padding:10px 12px 10px 22px;box-shadow:var(--shadow-md);background:rgba(255,252,248,.9)}
.rk-header__logo{border:0;background:none;cursor:pointer;display:flex;align-items:center;padding:0}
.rk-header__nav{display:flex;align-items:center;gap:30px}
.rk-navlink{border:0;background:none;cursor:pointer;font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:15px;color:var(--ram-navy);position:relative;padding:6px 0}
.rk-navlink::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--ram-navy);transition:right var(--dur-base) var(--ease-brand)}
.rk-navlink:hover::after,.rk-navlink.is-active::after{right:0}
.rk-navlink.is-active{font-weight:var(--fw-semibold)}
.rk-header__actions{display:flex;align-items:center;gap:14px}
.rk-burger{display:none;flex-direction:column;gap:6px;width:44px;height:44px;border:0;background:none;cursor:pointer;align-items:center;justify-content:center}
.rk-burger__l{width:24px;height:2px;background:var(--ram-navy);transition:transform var(--dur-base) var(--ease-brand),opacity var(--dur-base) var(--ease-brand)}
.rk-burger__l.is-open:first-child{transform:translateY(4px) rotate(45deg)}
.rk-burger__l.is-open:last-child{transform:translateY(-4px) rotate(-45deg)}

/* Mobile menu */
.rk-mobile{position:fixed;inset:0;z-index:75;background:var(--ram-navy);padding:120px var(--gutter) 48px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;visibility:hidden;transform:translateY(-2%);transition:opacity var(--dur-base) var(--ease-brand),transform var(--dur-base) var(--ease-brand),visibility var(--dur-base);overflow:hidden}
.rk-mobile.is-open{opacity:1;visibility:visible;transform:none}
.rk-mobile__nav{display:flex;flex-direction:column;gap:6px;position:relative}
.rk-mobile__link{border:0;background:none;text-align:left;color:var(--ink-inverse);font-family:var(--font-sans);font-weight:var(--fw-extrabold);font-size:clamp(2rem,9vw,3.25rem);letter-spacing:-.02em;line-height:1.1;cursor:pointer;opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease-brand),transform .5s var(--ease-brand)}
.rk-mobile.is-open .rk-mobile__link{opacity:1;transform:none}
.rk-mobile__cta{position:relative}

/* ============================== HERO ============================== */
.rk-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:140px var(--gutter) 90px;overflow:hidden}
.rk-hero__bg{position:absolute;inset:0;pointer-events:none}
.rk-hero__layer{position:absolute;will-change:transform}
.rk-hero__inner{position:relative;max-width:var(--content-max);margin:0 auto;width:100%}
.rk-hero__title{font-size:var(--fs-display-1);font-weight:var(--fw-extrabold);line-height:.92;letter-spacing:var(--ls-display);color:var(--ink-strong);margin:22px 0 0;max-width:16ch}
.rk-hero__lead{margin-top:28px;font-size:var(--fs-lead);color:var(--ink-body);max-width:52ch;font-weight:var(--fw-medium)}
.rk-hero__actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:38px}
.rk-hero__caps{display:flex;gap:14px;flex-wrap:wrap;margin-top:56px;font-size:var(--fs-caption);letter-spacing:.18em;text-transform:uppercase;font-weight:var(--fw-semibold);color:var(--ink-muted)}
.rk-hero__dot{opacity:.5}
.rk-hero__scroll{position:absolute;left:var(--gutter);bottom:30px;font-size:var(--fs-caption);letter-spacing:.14em;text-transform:uppercase;font-weight:var(--fw-semibold);color:var(--ink-muted)}

/* ============================== POSITIONING ============================== */
.rk-pos{position:relative;background:var(--ram-navy);color:var(--ink-inverse);padding:var(--section-y) var(--gutter);overflow:hidden}
.rk-pos__inner{max-width:var(--content-max);margin:0 auto}
.rk-pos__line{display:flex;align-items:flex-start;gap:clamp(16px,4vw,64px);padding:clamp(10px,2vw,26px) 0}
.rk-pos__num{font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--ram-powder);padding-top:1.2em;flex:none;letter-spacing:.1em}
.rk-pos__line h2{font-size:clamp(2.5rem,7vw,6rem);font-weight:var(--fw-extrabold);line-height:1;letter-spacing:var(--ls-display);color:var(--ink-inverse)}
.rk-pos__k{color:var(--ram-powder)}
.rk-pos__note{margin:48px 0 0 auto;max-width:52ch;font-size:var(--fs-lead);color:var(--ink-inverse-muted);text-align:right}

/* ============================== SERVICES INTRO ============================== */
.rk-sintro{padding:var(--section-y) var(--gutter);background:var(--surface-page)}
.rk-sintro__inner{max-width:var(--content-max);margin:0 auto;max-width:1100px}
.rk-sintro__title{font-size:var(--fs-display-2);font-weight:var(--fw-extrabold);line-height:.98;letter-spacing:var(--ls-display);color:var(--ink-strong);margin:20px 0 0}
.rk-sintro__body{margin:26px 0 34px;font-size:var(--fs-lead);color:var(--ink-body);max-width:60ch}

/* ============================== INTERACTIVE SERVICES ============================== */
.rk-svc{position:relative;background:var(--surface-well)}
.rk-svc__sticky{position:sticky;top:0;height:100svh;display:flex;align-items:center;overflow:hidden}
.rk-svc__grid{max-width:var(--content-max);margin:0 auto;width:100%;padding:0 var(--gutter);display:grid;grid-template-columns:minmax(200px,.9fr) 1.25fr .95fr;gap:clamp(24px,5vw,72px);align-items:center}
.rk-svc__index{display:flex;flex-direction:column;gap:4px;border-left:2px solid var(--border-subtle)}
.rk-svc__idx{border:0;background:none;text-align:left;cursor:pointer;display:flex;gap:12px;align-items:baseline;padding:10px 0 10px 20px;margin-left:-2px;border-left:2px solid transparent;transition:border-color var(--dur-base) var(--ease-brand),opacity var(--dur-base) var(--ease-brand);opacity:.4}
.rk-svc__idx.is-active{opacity:1;border-color:var(--ram-navy)}
.rk-svc__idxn{font-weight:var(--fw-semibold);color:var(--ink-muted);font-size:13px;font-variant-numeric:tabular-nums}
.rk-svc__idxt{font-weight:var(--fw-bold);color:var(--ink-strong);font-size:15px;letter-spacing:-.01em}
.rk-svc__content{animation:rk-fade .5s var(--ease-brand)}
.rk-svc__cnum{font-size:14px;font-weight:var(--fw-semibold);color:var(--ink-muted);letter-spacing:.08em}
.rk-svc__cnum span{opacity:.5}
.rk-svc__ctitle{font-size:clamp(2rem,3.4vw,3rem);font-weight:var(--fw-extrabold);letter-spacing:var(--ls-display);color:var(--ink-strong);margin:8px 0 18px;line-height:1.02}
.rk-svc__ccopy{color:var(--ink-body);font-size:var(--fs-lead);max-width:42ch;margin-bottom:22px}
.rk-svc__caps{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.rk-svc__visual{position:relative;aspect-ratio:4/5;border-radius:var(--radius-brand);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow-lg)}
.rk-svc__vnum{position:absolute;top:22px;left:26px;font-size:clamp(3rem,6vw,5rem);font-weight:var(--fw-extrabold);color:var(--ram-navy);opacity:.18;line-height:1}
.rk-svc-m{background:var(--surface-well);padding:var(--section-y-tight) var(--gutter);display:flex;flex-direction:column;gap:20px}
.rk-svc-m__card{background:var(--surface-raised);border-radius:var(--radius-brand);overflow:hidden;box-shadow:var(--shadow-sm)}
.rk-svc-m__card .rk-svc__visual{aspect-ratio:16/10;border-radius:0;box-shadow:none}
.rk-svc-m__body{padding:26px}
.rk-svc-m__body h3{font-size:var(--fs-h3);margin-bottom:10px}
.rk-svc-m__body p{color:var(--ink-body);margin-bottom:16px}

/* ============================== SELECTED WORK ============================== */
.rk-work{position:relative;background:var(--ram-green);color:var(--ink-inverse);height:100svh;display:flex;align-items:center;overflow:hidden}
.rk-work__rail{display:flex;align-items:center;gap:4vw;padding:0 var(--gutter);height:66vh;will-change:transform}
.rk-work__rail.is-stacked{flex-direction:column;height:auto;align-items:stretch;padding:var(--section-y-tight) var(--gutter);gap:40px}
.rk-work__intro{flex:none;width:34vw;min-width:320px}
.rk-work__rail.is-stacked .rk-work__intro,.rk-work__rail.is-stacked .rk-work__project,.rk-work__rail.is-stacked .rk-work__soon{width:auto}
.rk-work__h{font-size:clamp(2.2rem,4vw,3.6rem);font-weight:var(--fw-extrabold);line-height:1;letter-spacing:var(--ls-display);color:var(--ink-inverse);margin:18px 0}
.rk-work__lead{color:var(--ink-inverse-muted);font-size:var(--fs-lead);margin-bottom:26px;max-width:36ch}
.rk-work__project{flex:none;width:58vw;min-width:340px;background:rgba(255,252,248,.06);border:1px solid var(--border-on-dark);border-radius:var(--radius-brand);padding:clamp(18px,2vw,30px)}
.rk-work__badge{position:absolute;top:16px;left:16px;background:var(--ram-lime);color:var(--ram-navy);font-size:12px;font-weight:var(--fw-semibold);padding:6px 14px;border-radius:var(--radius-pill);letter-spacing:.04em}
.rk-work__pmeta{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-top:22px}
.rk-work__pcat{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ram-powder);font-weight:var(--fw-semibold);margin-bottom:6px}
.rk-work__ptitle{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:var(--fw-extrabold);color:var(--ink-inverse);letter-spacing:-.02em}
.rk-work__grid{display:flex;gap:22px;flex-wrap:wrap}
.rk-work__cell{display:flex;flex-direction:column}
.rk-work__cl{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-inverse-muted)}
.rk-work__cv{font-weight:var(--fw-semibold);color:var(--ink-inverse);font-size:14px}
.rk-work__desc{color:var(--ink-inverse-muted);margin:20px 0 16px;max-width:60ch}
.rk-work__soon{flex:none;width:40vw;min-width:300px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.rk-work__soon h3{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:var(--fw-extrabold);color:var(--ink-inverse);letter-spacing:-.02em;line-height:1.02}
.rk-work__soon p{color:var(--ink-inverse-muted);margin:14px 0 24px}

/* ============================== PROCESS ============================== */
.rk-proc{background:var(--ram-powder);padding:var(--section-y) var(--gutter)}
.rk-proc__inner{max-width:var(--content-max);margin:0 auto;display:grid;grid-template-columns:minmax(280px,.85fr) 1.15fr;gap:clamp(30px,6vw,90px);align-items:start}
.rk-proc__head{position:sticky;top:120px}
.rk-proc__h{font-size:var(--fs-display-2);font-weight:var(--fw-extrabold);line-height:.98;letter-spacing:var(--ls-display);color:var(--ram-navy);margin:16px 0 20px}
.rk-proc__lead{color:var(--ram-navy);opacity:.75;font-size:var(--fs-lead);max-width:34ch}
.rk-proc__steps{display:flex;flex-direction:column;gap:clamp(30px,5vw,64px)}
.rk-proc__step{display:flex;gap:clamp(16px,3vw,40px);align-items:flex-start}
.rk-proc__num{font-size:clamp(3.5rem,9vw,7rem);font-weight:var(--fw-extrabold);line-height:.8;letter-spacing:-.04em;color:transparent;flex:none}
.rk-proc__step h3{font-size:var(--fs-h3);color:var(--ram-navy);margin-bottom:10px}
.rk-proc__step p{color:var(--ram-navy);opacity:.8;max-width:44ch}

/* ============================== WHY ============================== */
.rk-why{position:relative;background:var(--ram-green);color:var(--ink-inverse);padding:var(--section-y) var(--gutter);overflow:hidden}
.rk-why__inner{max-width:var(--content-max);margin:0 auto}
.rk-why__head{max-width:60ch;margin-bottom:clamp(40px,6vw,80px)}
.rk-why__h{font-size:var(--fs-display-2);font-weight:var(--fw-extrabold);line-height:1;letter-spacing:var(--ls-display);color:var(--ink-inverse)}
.rk-why__lead{margin-top:26px;font-size:var(--fs-lead);color:var(--ink-inverse-muted);max-width:56ch}
.rk-why__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(28px,5vw,64px)}
.rk-why__p{border-top:2px solid var(--border-on-dark);padding-top:22px}
.rk-why__pn{font-size:13px;font-weight:var(--fw-semibold);color:var(--ram-lime);letter-spacing:.1em}
.rk-why__p h3{font-size:var(--fs-h3);color:var(--ink-inverse);margin:12px 0 10px}
.rk-why__p p{color:var(--ink-inverse-muted);max-width:40ch}

/* ============================== FOUNDER ============================== */
.rk-founder{position:relative;background:var(--ram-taupe);color:var(--ink-inverse);padding:var(--section-y) var(--gutter);overflow:hidden}
.rk-founder__inner{max-width:var(--content-max);margin:0 auto}
.rk-founder__lead{margin-bottom:clamp(30px,5vw,60px)}
.rk-founder__h{font-size:var(--fs-display-2);font-weight:var(--fw-extrabold);line-height:.98;letter-spacing:var(--ls-display);color:var(--ink-inverse);margin-top:16px}

/* ============================== FINAL CTA ============================== */
.rk-final{padding:var(--section-y) var(--gutter);background:var(--surface-page)}
.rk-final .ram-cta{max-width:var(--content-max);margin:0 auto}

/* ============================== FOOTER ============================== */
.rk-footer{position:relative;background:var(--ram-navy);color:var(--ink-inverse);padding:var(--section-y) var(--gutter) 36px;overflow:hidden}
.rk-footer__inner{position:relative;max-width:var(--content-max);margin:0 auto}
.rk-footer__top{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,6vw,110px);margin-bottom:clamp(48px,7vw,96px)}
.rk-footer__statement h2{font-size:clamp(2.2rem,4.5vw,4.25rem);font-weight:var(--fw-extrabold);line-height:.98;letter-spacing:var(--ls-display);color:var(--ink-inverse);margin:0 0 40px}
.rk-footer__nl .ram-eyebrow{color:var(--ram-powder)}
.rk-footer__nlform{display:flex;gap:12px;align-items:stretch;margin-top:16px;max-width:480px}
.rk-footer__nlfield{flex:1;min-width:0}
.rk-footer__cols{display:grid;grid-template-columns:repeat(3,auto);gap:clamp(24px,3vw,48px);align-content:start;justify-content:space-between}
.rk-footer__col h3{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ram-powder);font-weight:var(--fw-semibold);margin:0 0 18px}
.rk-footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.rk-footer__link{border:0;background:none;padding:0;text-align:left;cursor:pointer;font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:15px;color:var(--ink-inverse-muted);transition:color var(--dur-fast) var(--ease-brand)}
.rk-footer__link:hover{color:var(--ink-inverse)}
.rk-footer__contact{min-width:190px}
.rk-footer__contact li{color:var(--ink-inverse-muted);font-size:14px;font-weight:var(--fw-medium);line-height:1.5}
.rk-footer__base{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--border-on-dark);padding-top:28px}
.rk-footer__legal{display:flex;gap:24px;align-items:center;color:var(--ink-inverse-muted);font-size:14px}
.rk-footer__legal .ram-link{font-size:14px;font-weight:var(--fw-medium)}

/* ============================== PROJECT PLANNER ============================== */
.rk-pl{min-height:100svh;display:grid;grid-template-columns:minmax(320px,.8fr) 1.2fr}
.rk-pl__rail{position:relative;background:var(--ram-navy);color:var(--ink-inverse);padding:140px var(--gutter) 60px;display:flex;flex-direction:column;overflow:hidden}
.rk-pl__railh{font-size:clamp(2rem,3.4vw,3rem);font-weight:var(--fw-extrabold);letter-spacing:var(--ls-display);line-height:1.02;margin:18px 0 18px;color:var(--ink-inverse)}
.rk-pl__raillead{color:var(--ink-inverse-muted);max-width:40ch;margin-bottom:40px}
.rk-pl__steps{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-direction:column;gap:2px;position:relative}
.rk-pl__stepitem{display:flex;gap:14px;align-items:center;padding:10px 0;color:var(--ink-inverse-muted);font-weight:var(--fw-medium);opacity:.5;transition:opacity var(--dur-base) var(--ease-brand)}
.rk-pl__stepitem span{font-variant-numeric:tabular-nums;font-size:13px;font-weight:var(--fw-semibold);color:var(--ram-powder)}
.rk-pl__stepitem.is-active{opacity:1}
.rk-pl__stepitem.is-past{opacity:.8}
.rk-pl__stepitem.is-past span{color:var(--ram-lime)}
.rk-pl__panel{padding:130px clamp(24px,5vw,80px) 60px;display:flex;flex-direction:column;background:var(--surface-page)}
.rk-pl__steph{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:var(--fw-extrabold);letter-spacing:var(--ls-display);color:var(--ink-strong);margin:26px 0 26px;animation:rk-fade .4s var(--ease-brand)}
.rk-pl__bodywrap{flex:1;animation:rk-fade .4s var(--ease-brand)}
.rk-pl__grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}
.rk-pl__stack{display:flex;flex-direction:column;gap:20px}
.rk-pl__hint{color:var(--ink-muted);margin-bottom:16px;font-size:var(--fs-body-sm)}
.rk-pl__chips{display:flex;flex-wrap:wrap;gap:12px}
.rk-pl__notsure{margin-top:18px;display:block}
.rk-pl__summary{margin-top:14px;background:var(--surface-well);border-radius:var(--radius-lg);padding:22px}
.rk-pl__summary h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);font-weight:var(--fw-semibold);margin-bottom:14px}
.rk-pl__sumchips{display:flex;flex-wrap:wrap;gap:8px}
.rk-pl__sumchip{background:var(--ram-navy);color:var(--ink-inverse);font-size:12px;font-weight:var(--fw-medium);padding:6px 12px;border-radius:var(--radius-pill)}
.rk-pl__nav{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding-top:26px;border-top:1px solid var(--hairline)}
.rk-pl-done{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px var(--gutter) 60px;background:var(--surface-page)}
.rk-pl-done__mark{width:120px;height:120px;margin-bottom:30px;animation:rk-pop .8s var(--ease-brand)}
.rk-pl-done h1{font-size:var(--fs-display-2);font-weight:var(--fw-extrabold);letter-spacing:var(--ls-display);line-height:1;color:var(--ink-strong)}
.rk-pl-done p{color:var(--ink-body);font-size:var(--fs-lead);margin:22px 0 34px;max-width:46ch}
.rk-pl-done__actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}

/* ============================== CONTACT ============================== */
.rk-contact{min-height:100svh;padding:150px var(--gutter) var(--section-y);background:var(--surface-page)}
.rk-contact__inner{max-width:var(--content-max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);align-items:start}
.rk-contact__lead{position:relative}
.rk-contact__h{font-size:var(--fs-display-2);font-weight:var(--fw-extrabold);letter-spacing:var(--ls-display);line-height:.98;color:var(--ink-strong);margin:18px 0 24px}
.rk-contact__copy{font-size:var(--fs-lead);color:var(--ink-body);max-width:44ch}
.rk-contact__details{margin-top:44px;display:flex;flex-direction:column;gap:18px}
.rk-contact__details>div{display:flex;flex-direction:column;gap:3px;border-top:1px solid var(--hairline);padding-top:14px}
.rk-contact__dl{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);font-weight:var(--fw-semibold)}
.rk-contact__dv{font-weight:var(--fw-semibold);color:var(--ink-strong)}
.rk-contact__card{background:var(--surface-raised);border-radius:var(--radius-brand);padding:clamp(26px,3vw,44px);box-shadow:var(--shadow-md)}
.rk-contact__form{display:flex;flex-direction:column;gap:20px}
.rk-contact__row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.rk-contact__sent{text-align:center;padding:30px 0}
.rk-contact__sent h3{font-size:var(--fs-h2);color:var(--ink-strong);margin-bottom:12px}
.rk-contact__sent p{color:var(--ink-body);margin-bottom:26px}

/* ============================== CURSOR / PRELOADER / TRANSITION ============================== */
.rk-has-cursor{cursor:none}
.rk-has-cursor a,.rk-has-cursor button,.rk-has-cursor label,.rk-has-cursor input,.rk-has-cursor textarea,.rk-has-cursor select{cursor:none}
.rk-cursor-dot,.rk-cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:200;border-radius:50%;margin-left:-4px;margin-top:-4px;mix-blend-mode:difference}
.rk-cursor-dot{width:8px;height:8px;background:#fff}
.rk-cursor-ring{width:40px;height:40px;margin-left:-20px;margin-top:-20px;border:1.5px solid rgba(255,255,255,.6);transition:width var(--dur-base) var(--ease-brand),height var(--dur-base) var(--ease-brand),opacity var(--dur-base)}
.rk-cursor-hot .rk-cursor-ring{width:64px;height:64px;margin-left:-32px;margin-top:-32px;background:rgba(255,255,255,.08)}
.rk-preloader{position:fixed;inset:0;z-index:150;background:var(--ram-navy);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;animation:rk-pre 1.4s var(--ease-brand) forwards}
.rk-preloader__mark{animation:rk-pop .9s var(--ease-brand)}
.rk-preloader__word{opacity:0;animation:rk-fadeup .6s var(--ease-brand) .45s forwards}
.rk-transition{position:fixed;inset:0;z-index:120;background:var(--ram-navy);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease-brand),visibility var(--dur-base)}
.rk-transition.is-active{opacity:1;visibility:visible}
.rk-transition.is-active svg{animation:rk-pop .5s var(--ease-brand)}

@keyframes rk-fade{from{opacity:0}to{opacity:1}}
@keyframes rk-fadeup{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes rk-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1}100%{opacity:1;transform:scale(1)}}
@keyframes rk-pre{0%,70%{opacity:1}100%{opacity:0;transform:translateY(-3%);visibility:hidden}}

/* ============================== RESPONSIVE ============================== */
@media (max-width:1080px){
  .rk-svc__grid{grid-template-columns:minmax(160px,.8fr) 1.2fr}
  .rk-svc__visual{display:none}
}
@media (max-width:900px){
  .rk-header__nav,.rk-header__start{display:none}
  .rk-burger{display:flex}
  .rk-pl{grid-template-columns:1fr}
  .rk-pl__rail{padding:120px var(--gutter) 40px}
  .rk-pl__steps{display:none}
  .rk-pl__panel{padding:50px var(--gutter) 50px}
  .rk-contact__inner{grid-template-columns:1fr}
  .rk-footer__top{grid-template-columns:1fr}
  .rk-footer__cols{justify-content:start;grid-template-columns:repeat(2,auto)}
  .rk-proc__inner{grid-template-columns:1fr}
  .rk-proc__head{position:static}
  .rk-why__grid{grid-template-columns:1fr}
  .rk-svc__grid{grid-template-columns:1fr}
  .rk-svc__index{flex-direction:row;flex-wrap:wrap;border-left:0;gap:8px}
  .rk-svc__idx{border-left:0;border-bottom:2px solid transparent;padding:8px 4px}
  .rk-svc__idx.is-active{border-color:var(--ram-navy)}
  .rk-svc__idxt{display:none}
}
@media (max-width:620px){
  .rk-pl__grid2,.rk-contact__row{grid-template-columns:1fr}
  .rk-pos__note{text-align:left}
  .rk-hero__title{font-size:clamp(2.75rem,13vw,4rem)}
}
