/* Salemworx | kota.css
   Reference-driven layer built from measured values on madebykota.com:
   container 1920 / 40px gutters (20px under 810), 88/96 hero type at -0.03em, 36/44 and 44/52 light statements,
   12/16 labels, #000 and #EFEFEF grounds, #042DB4 navy, 12px card radius, pill buttons, 810 and 1200 breakpoints. */

:root{
  --paper:#EFEFEF;--surface:#FFFFFF;--ink:#000000;--muted:#6D6D6D;--line:rgba(0,0,0,.12);
  --night:#000000;--night2:#111111;--night-ink:#FFFFFF;--night-muted:rgba(255,255,255,.6);--night-line:rgba(255,255,255,.16);
  --accent:#042DB4;--accent-soft:#9DB2FF;--error:#B3261E;
  --k-pad:40px;--head-h:72px;
  --fg:var(--ink);--fg2:var(--muted);--rule:var(--line);
}
@media (max-width:809.98px){:root{--k-pad:20px;--head-h:64px}}
body{background:var(--paper);color:var(--ink);font-weight:400;letter-spacing:-.005em}
em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit;color:var(--muted)}
.night em,.navy em{color:var(--night-muted)}
.k-wrap,.wrap{width:100%;max-width:1920px;margin-inline:auto;padding-inline:var(--k-pad)}
.k-label{font-size:12px;line-height:16px;font-weight:400;letter-spacing:-.005em;color:inherit;margin:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.k-hero :focus-visible,.k-work :focus-visible,.k-end :focus-visible,.k-menu :focus-visible{outline-color:#fff}

/* ---------- Loader ---------- */
.loader{display:none}
html.is-loading .loader{display:flex;position:fixed;inset:0;z-index:300;background:#000;color:#fff;justify-content:space-between;align-items:flex-end;padding:var(--k-pad);transition:transform 900ms cubic-bezier(.76,0,.24,1)}
html.is-loading .loader.is-out{transform:translateY(-100%)}
.loader__name{font-size:clamp(40px,6vw,88px);line-height:1;letter-spacing:-.03em;display:flex;overflow:hidden}
.loader__name span{display:inline-block;transform:translateY(110%);animation:k-up 700ms cubic-bezier(.2,.7,.1,1) calc(var(--i)*40ms + 80ms) forwards}
.loader__pct{font-size:clamp(40px,6vw,88px);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
@keyframes k-up{to{transform:none}}

/* ---------- Header (difference blend keeps it legible on black and on grey) ---------- */
.k-head{position:fixed;inset:0 0 auto;z-index:60;height:var(--head-h);display:flex;align-items:center;color:#fff;mix-blend-mode:difference;transition:transform 520ms cubic-bezier(.2,.7,.1,1)}
.k-head.is-hidden{transform:translateY(-100%)}
.admin-bar .k-head{top:32px}
.k-head__in{display:flex;align-items:center;gap:24px}
.k-logo{font-size:28px;line-height:36px;font-weight:500;letter-spacing:-.01em;margin-right:auto}
.k-nav{display:flex;gap:24px;font-size:14px;line-height:21px}
.k-nav a{position:relative;opacity:.8;transition:opacity 240ms}
.k-nav a:hover,.k-nav a[aria-current]{opacity:1}
.k-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform 450ms cubic-bezier(.2,.7,.1,1)}
.k-nav a:hover::after,.k-nav a[aria-current]::after{transform:scaleX(1);transform-origin:left}
.k-touch{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 18px;border:1px solid currentColor;border-radius:1000px;font-size:14px;line-height:1;color:inherit;transition:background-color 240ms,color 240ms}
.k-touch:hover{background:#fff;color:#000}
.k-touch i{width:8px;height:8px;position:relative}
.k-touch i::before,.k-touch i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor;transition:transform 400ms cubic-bezier(.2,.7,.1,1)}
.k-touch i::after{transform:rotate(90deg)}
.k-touch[aria-expanded="true"] i::before{transform:rotate(45deg)}
.k-touch[aria-expanded="true"] i::after{transform:rotate(135deg)}
body.menu-open .k-head{mix-blend-mode:normal}
.menu-toggle{display:none}

/* Menu panel */
.k-menu.menu{inset:auto;top:calc(var(--head-h) + 4px);right:var(--k-pad);left:auto;bottom:auto;width:min(420px,calc(100vw - 2 * var(--k-pad)));padding:0;border-radius:12px;background:#000;color:#fff;transform:translateY(-8px);transition:opacity 320ms cubic-bezier(.2,.7,.1,1),transform 420ms cubic-bezier(.2,.7,.1,1);box-shadow:0 30px 80px rgba(0,0,0,.25)}
.k-menu.menu.is-open{transform:none}
.admin-bar .k-menu.menu{top:calc(var(--head-h) + 36px)}
.k-menu__in{display:grid;gap:32px;padding:28px!important}
.k-menu .menu__list a{display:block;font-size:24px;line-height:32px;letter-spacing:-.01em;font-weight:400;padding:2px 0;opacity:.95}
.k-menu .menu__list a:hover{opacity:1;color:var(--accent-soft)}
.k-menu .menu__list small{display:none}
.k-menu__side{display:grid;gap:16px;font-size:14px;line-height:20px;border-top:1px solid rgba(255,255,255,.16);padding-top:20px}
.k-menu__side small{display:block;color:rgba(255,255,255,.6);font-size:14px}
.k-menu__soc{display:flex;flex-wrap:wrap;gap:16px}
body.menu-open{overflow:auto}

/* ---------- Pills ---------- */
.k-pill{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border-radius:1000px;background:#000;color:#fff;font-size:14px;line-height:1;letter-spacing:-.005em;transition:background-color 300ms,color 300ms,transform 300ms cubic-bezier(.2,.7,.1,1)}
.k-pill:hover{background:var(--accent)}
.k-pill:active{transform:scale(.97)}
.k-pill--dark{background:#fff;color:#000}
.k-pill--dark:hover{background:var(--accent);color:#fff}

/* ---------- Hero ---------- */
.k-hero{position:relative;background:#000;color:#fff;height:100vh;height:100svh;min-height:600px;overflow:hidden}
.k-hero__in{position:relative;height:100%;display:grid;place-items:center}
.k-hero__stack{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:5px}
.k-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:12px;line-height:16px}
.k-badge i{width:6px;height:6px;background:#fff;border-radius:1px}
.k-hero__title{display:flex;flex-direction:column;align-items:center;font-size:88px;line-height:96px;letter-spacing:-.03em;font-weight:400;color:#fff;margin:0}
.k-row{display:flex;align-items:center;white-space:nowrap}
.k-row--1{gap:56px}.k-row--2{gap:16px}.k-row--3{gap:12px}
.kr{display:inline-block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.kr>span{display:inline-block}
.k-tile{display:block;width:142px;aspect-ratio:1.77064;overflow:hidden;flex:none}
.k-sq{display:block;width:80px;aspect-ratio:1;overflow:hidden;flex:none}
.k-tile img,.k-sq img{width:100%;height:100%;object-fit:cover;display:block}
.k-hero__foot{position:absolute;left:var(--k-pad);right:var(--k-pad);bottom:40px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;font-size:14px;line-height:20px;font-weight:300}
.k-hero__l{display:grid;gap:14px;max-width:340px}
.k-avail{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:400}
.k-avail i{width:7px;height:7px;border-radius:50%;background:#3DDC84;box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:k-pulse 2.4s ease-out infinite}
@keyframes k-pulse{70%{box-shadow:0 0 0 8px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
.k-hero__say{color:rgba(255,255,255,.6)}
.k-hero__say .ch{transition:color 400ms}
.k-scroll{justify-self:center;color:rgba(255,255,255,.6);display:inline-flex;flex-direction:column;align-items:center;gap:10px;transition:color 240ms}
.k-scroll::after{content:"";width:1px;height:28px;background:linear-gradient(currentColor,currentColor) 0 0/1px 40% no-repeat;animation:k-drip 1.8s cubic-bezier(.65,0,.35,1) infinite}
.k-scroll:hover{color:#fff}
@keyframes k-drip{0%{background-position:0 -12px}100%{background-position:0 30px}}
.k-hero__r{justify-self:end;text-align:right;display:grid;gap:2px}
.k-hero__r small{font-size:14px;color:rgba(255,255,255,.6)}
.k-hero__r a{color:#fff;font-weight:400}
.k-hero__r a:hover{text-decoration:underline;text-underline-offset:3px}

/* Entrance (after loader or fonts) */
.js .kr>span{transform:translateY(105%)}
.js .is-ready .kr>span,.js.is-ready .kr>span{transform:none;transition:transform 1000ms cubic-bezier(.2,.7,.1,1)}
.js .k-row--1 .kr:nth-child(1)>span{transition-delay:60ms}.js .k-row--1 .kr:nth-child(2)>span{transition-delay:120ms}
.js .k-row--2 .kr>span{transition-delay:200ms}
.js .k-row--3 .kr:nth-child(1)>span{transition-delay:280ms}.js .k-row--3 .kr:last-child>span{transition-delay:340ms}
.js [data-k-in]{opacity:0;transform:translateY(12px)}
.js.is-ready [data-k-in]{opacity:1;transform:none;transition:opacity 800ms cubic-bezier(.2,.7,.1,1) calc(var(--d,0)*80ms + 200ms),transform 900ms cubic-bezier(.2,.7,.1,1) calc(var(--d,0)*80ms + 200ms)}
.js .k-tile[data-k-in],.js .k-sq[data-k-in]{transform:scale(.6)}
.js.is-ready .k-tile[data-k-in],.js.is-ready .k-sq[data-k-in]{transform:none}

/* ---------- Reel: the hero tile opens out to full screen ---------- */
.k-reel{position:relative;background:#000;height:200vh}
.k-reel__stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.k-reel__media{position:absolute;inset:0;display:block;--p:0;clip-path:inset(calc((1 - var(--p)) * 40%) calc((1 - var(--p)) * 44%));will-change:clip-path}
.k-reel__img{width:100%;height:100%;object-fit:cover;object-position:top center;transform:scale(calc(1.18 - var(--p) * .18))}
.k-reel__ui{position:absolute;inset:0;padding:var(--k-pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;opacity:calc(var(--p) * 1.6 - .6);font-size:14px;line-height:20px;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.35))}
.k-reel__tl{align-self:end;font-variant-numeric:tabular-nums}
.k-reel__cta{display:flex;gap:.3em;font-size:88px;line-height:96px;letter-spacing:-.03em}
.k-reel__cta b{font-weight:400}
.k-reel__br{align-self:end;justify-self:end}
.k-reel__media:hover .k-reel__cta{color:var(--accent-soft)}

/* ---------- Grey sections ---------- */
.k-grey{background:var(--paper);color:#000}
.k-about{padding:200px 0}
.k-about .k-label{margin-bottom:24px}
.k-about__text{font-size:44px;line-height:52px;letter-spacing:-.02em;font-weight:300;max-width:24em;margin:0}
.k-about__text .w{transition:color 300ms}
.js .k-about__text .w{color:rgba(0,0,0,.18)}
.js .k-about__text .w.on{color:#000}
.k-about__foot{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:104px}
.k-stat__n{font-size:88px;line-height:96px;letter-spacing:-.03em;margin:8px 0 0;font-variant-numeric:tabular-nums}
.k-about__note{max-width:340px;font-size:14px;line-height:20px;font-weight:300;color:rgba(0,0,0,.6);margin-left:auto}

/* Services: pinned, one card per scroll step */
.k-svc{position:relative;height:calc(var(--n) * 75vh + 25vh)}
.k-svc__stick{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center}
.k-svc__in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;align-items:stretch}
.k-svc__aside{grid-column:1/span 5;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.k-svc__names button{display:block;font-size:36px;line-height:44px;letter-spacing:-.02em;color:rgba(0,0,0,.22);text-align:left;padding:2px 0;transition:color 400ms}
.k-svc__names button:hover{color:rgba(0,0,0,.5)}
.k-svc__names button[aria-current="true"]{color:#000}
.k-svc__cards{grid-column:7/-1;position:relative;min-height:min(620px,78vh)}
.k-card{position:absolute;inset:0;background:#fff;border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:24px;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity 500ms cubic-bezier(.2,.7,.1,1),transform 700ms cubic-bezier(.2,.7,.1,1)}
.k-card.is-on{opacity:1;transform:none;pointer-events:auto}
.k-card__t{font-size:36px;line-height:44px;letter-spacing:-.02em;font-weight:400;margin:0}
.k-card__meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0;padding:20px 0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}
.k-card__meta dt{color:rgba(0,0,0,.6);margin-bottom:6px}
.k-card__meta dd{margin:0;font-size:16px;line-height:24px}
.k-card__d{font-size:16px;line-height:24px;font-weight:300;color:rgba(0,0,0,.6);max-width:48ch;margin:0}
.k-card__price{margin-top:auto}
.k-card__price .k-label{color:rgba(0,0,0,.6)}
.k-card__p{font-size:56px;line-height:64px;letter-spacing:-.03em;margin:6px 0 0}
.k-card .k-pill{align-self:flex-start}

/* Testimonials (render only with real quotes) */
.k-quotes{padding:104px 0}
.k-quote blockquote p{font-size:36px;line-height:44px;letter-spacing:-.02em;font-weight:300;max-width:26em;margin:24px 0}
.k-quote figcaption{font-size:14px;color:rgba(0,0,0,.6)}
.k-quotes__nav{display:flex;gap:8px;margin-top:40px}
.k-quotes__nav button{width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,0,0,.15);font-size:12px;color:rgba(0,0,0,.6)}
.k-quotes__nav button[aria-pressed="true"]{background:#000;color:#fff;border-color:#000}

/* ---------- Selected work: full-screen stacked slides on black ---------- */
.k-work{background:#000;color:#fff;position:relative}
.k-work__head{display:flex;justify-content:space-between;align-items:center;padding-top:104px;padding-bottom:40px}
.k-slide{position:sticky;top:0;height:100vh;height:100svh;background:#000;border-top:1px solid rgba(255,255,255,.08)}
.k-slide__in{height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:1fr auto;column-gap:20px;align-items:center;padding-top:var(--head-h);padding-bottom:40px;color:#fff}
.k-slide__num{grid-column:1/span 3;grid-row:1;align-self:start;padding-top:20px;font-size:clamp(120px,14vw,240px);line-height:.8;letter-spacing:-.06em;font-weight:300;color:rgba(255,255,255,.12);font-variant-numeric:tabular-nums}
.k-slide__media{grid-column:4/span 8;grid-row:1;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#111;max-height:68vh;justify-self:center;width:100%}
.k-slide__media img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 1200ms cubic-bezier(.2,.7,.1,1)}
.k-slide__in:hover .k-slide__media img{transform:scale(1.03)}
.k-slide__meta{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-top:24px}
.k-slide__t{font-size:72px;line-height:80px;letter-spacing:-.03em}
.k-slide__c{font-size:14px;line-height:20px;color:rgba(255,255,255,.6)}
.k-slide__c i{font-style:normal;margin:0 .4em}

/* ---------- FAQ ---------- */
.k-faq{padding:200px 0}
.k-faq__in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;row-gap:40px}
.k-faq__aside{grid-column:1/span 5;display:grid;gap:24px;align-content:start;justify-items:start}
.k-faq__title{font-size:36px;line-height:44px;letter-spacing:-.02em;font-weight:400;margin:0;max-width:12em}
.k-faq .faq{grid-column:7/-1;border-bottom:1px solid rgba(0,0,0,.1)}
.k-faq .faq__item{border-top:1px solid rgba(0,0,0,.1)}
.k-faq .faq__btn{font-size:16px;line-height:24px;font-weight:400;letter-spacing:-.01em;padding:20px 0}
.k-faq .faq__btn:hover>span:first-child{color:var(--accent)}
.k-faq .faq__a{font-size:16px;line-height:24px;font-weight:300;color:rgba(0,0,0,.6);padding-bottom:22px}

/* ---------- Closing CTA + footer on navy ---------- */
.k-end{position:relative;background:var(--paper);color:#fff;overflow:hidden;isolation:isolate}
.k-end__bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,45,180,0) 0%,#042DB4 42%,#042DB4 100%)}
.page-contact .k-end__bg{background:#042DB4}
.k-cta{min-height:110vh;display:flex;align-items:flex-end}
.k-cta__in{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-top:72px;padding-bottom:72px}
.k-cta__title{font-size:72px;line-height:80px;letter-spacing:-.03em;font-weight:400;max-width:6.2em;margin:0;color:#fff}
.k-gloss{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:16px 36px;border-radius:1000px;background:linear-gradient(180deg,#FFFFFF 0%,#E4E9FA 100%);color:#042DB4;font-size:14px;line-height:21px;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 8px rgba(4,45,180,.18),0 10px 30px rgba(0,0,0,.18);transition:transform 400ms cubic-bezier(.2,.7,.1,1),box-shadow 400ms}
.k-gloss:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,inset 0 -3px 8px rgba(4,45,180,.18),0 16px 40px rgba(0,0,0,.28)}
.k-cta__row{display:flex;flex-wrap:wrap;gap:20px 80px;margin-top:20px;font-size:14px;line-height:21px}
.k-cta__row p{display:grid;gap:2px;margin:0}
.k-cta__row small{font-size:14px;font-weight:300;color:rgba(255,255,255,.6)}
.k-cta__row a:hover,.k-foot a:hover{text-decoration:underline;text-underline-offset:3px}
.k-foot{padding-top:72px;padding-bottom:20px}
.page-contact .k-foot{padding-top:104px}
.k-foot__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-bottom:60px}
.k-foot__col{display:grid;gap:16px;align-content:start}
.k-foot__col .k-label{color:rgba(255,255,255,.6);margin-bottom:4px}
.k-foot__col a{font-size:24px;line-height:32px;letter-spacing:-.01em;justify-self:start}
.k-foot__base{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);font-size:14px;line-height:21px;font-weight:300;color:rgba(255,255,255,.75)}
.k-foot__base p{margin:0}
.k-foot__time span{color:#fff;font-weight:400;margin-right:4px}

/* ---------- Tablet 810-1199 ---------- */
@media (max-width:1199.98px){
  .k-hero__title{font-size:72px;line-height:80px}
  .k-row--1{gap:40px}
  .k-tile{width:120px}.k-sq{width:64px}
  .k-about__text{font-size:36px;line-height:44px}
  .k-reel__cta{font-size:64px;line-height:72px}
  .k-svc__aside{grid-column:1/span 4}.k-svc__cards{grid-column:5/-1}
  .k-card__p{font-size:44px;line-height:52px}
  .k-slide__t{font-size:56px;line-height:64px}
  .k-slide__num{grid-column:1/-1;font-size:120px}
  .k-slide__media{grid-column:1/-1}
  .k-faq__aside{grid-column:1/span 4}.k-faq .faq{grid-column:5/-1}
  .k-foot__cols{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* ---------- Mobile under 810 ---------- */
@media (max-width:809.98px){
  .k-nav{display:none}
  .k-logo{font-size:22px;line-height:28px}
  .k-touch{height:36px;padding:0 14px;font-size:13px}
  .k-hero__in{place-items:center stretch}
  .k-hero__stack{width:100%}
  .k-hero__title{font-size:40px;line-height:48px;letter-spacing:-.02em;align-items:stretch;width:100%}
  .k-row{justify-content:space-between;gap:0!important;width:100%}
  .k-tile{width:84px}.k-sq{width:40px}
  .k-hero__foot{grid-template-columns:1fr;bottom:24px;gap:16px}
  .k-hero__r{justify-self:start;text-align:left}
  .k-scroll{display:none}
  .k-reel{height:160vh}
  .k-reel__cta{font-size:40px;line-height:48px}
  .k-reel__ui{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto}
  .k-reel__cta{grid-column:1/-1;justify-self:center;align-self:center}
  .k-about{padding:104px 0}
  .k-about__text{font-size:28px;line-height:36px}
  .k-about__foot{flex-direction:column;align-items:flex-start;margin-top:56px}
  .k-about__note{margin-left:0}
  .k-stat__n{font-size:64px;line-height:72px}
  .k-svc{height:auto;padding:104px 0}
  .k-svc__stick{position:static;height:auto;display:block}
  .k-svc__in{grid-template-columns:1fr;row-gap:24px}
  .k-svc__aside,.k-svc__cards{grid-column:1/-1}
  .k-svc__names{display:none}
  .k-svc__cards{display:grid;gap:16px;min-height:0}
  .k-card{position:relative;inset:auto;opacity:1;transform:none;pointer-events:auto;padding:24px}
  .k-card__t{font-size:28px;line-height:36px}
  .k-card__meta{grid-template-columns:1fr}
  .k-card__p{font-size:40px;line-height:48px}
  .k-work__head{padding-top:72px}
  .k-slide{position:relative;height:auto}
  .k-slide__in{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding-top:24px;padding-bottom:56px}
  .k-slide__num{font-size:64px;padding-top:0}
  .k-slide__media{max-height:none}
  .k-slide__meta{flex-direction:column;gap:6px;padding-top:4px}
  .k-slide__t{font-size:40px;line-height:48px}
  .k-faq{padding:104px 0}
  .k-faq__aside,.k-faq .faq{grid-column:1/-1}
  .k-faq__title{font-size:28px;line-height:36px}
  .k-cta{min-height:90vh}
  .k-cta__title{font-size:48px;line-height:56px;letter-spacing:-.02em}
  .k-cta__row{gap:16px;flex-direction:column}
  .k-foot__cols{grid-template-columns:1fr 1fr;row-gap:40px}
  .k-foot__col a{font-size:20px;line-height:28px}
  .k-foot__base{flex-wrap:wrap}
  .k-menu.menu{right:var(--k-pad);left:var(--k-pad);width:auto}
  .admin-bar .k-head{top:46px}
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html.is-loading .loader{display:none}
  .js .kr>span,.js [data-k-in],.js .k-tile[data-k-in],.js .k-sq[data-k-in]{transform:none!important;opacity:1!important}
  .k-reel{height:auto}.k-reel__stick{position:relative;height:auto;aspect-ratio:16/9}
  .k-reel__media{clip-path:none!important}.k-reel__img{transform:none!important}.k-reel__ui{opacity:1!important}
  .js .k-about__text .w{color:#000}
  .k-svc{height:auto;padding:104px 0}.k-svc__stick{position:static;height:auto}
  .k-svc__names{display:none}.k-svc__aside{grid-column:1/-1}.k-svc__cards{grid-column:1/-1;display:grid;gap:16px;min-height:0}
  .k-card{position:relative;inset:auto;opacity:1;transform:none;pointer-events:auto}
  .k-slide{position:relative}
  .k-avail i,.k-scroll::after{animation:none}
}

/* Safety: never let the loader cover the page if scripts fail */
html.is-loading .loader{animation:k-safe 0s linear 4s forwards}
@keyframes k-safe{to{visibility:hidden;opacity:0}}

.k-card{transition:opacity 220ms ease,transform 500ms cubic-bezier(.2,.7,.1,1)}
.k-card.is-on{transition:opacity 500ms cubic-bezier(.2,.7,.1,1) 180ms,transform 700ms cubic-bezier(.2,.7,.1,1) 180ms}
.k-tile img,.k-sq img{object-fit:cover}
@media (min-width:810px){.k-sq img{transform:scale(1.6)}}

/* Intro collage (measured: 8 images, alternating x offsets 600 to -250px, y +1000px, delays 0.5s + 0.15s steps, overdamped spring; widths 600/500/300 by breakpoint) */
.loader__stack{position:absolute;inset:0;pointer-events:none}
.loader__img{position:absolute;top:50%;left:50%;width:600px;aspect-ratio:16/10;overflow:hidden;z-index:var(--z);transform:translate(-50%,-50%) translate(var(--x),1000px);animation:k-fly 1100ms cubic-bezier(.16,1,.3,1) var(--d) forwards}
.loader__img img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
@keyframes k-fly{to{transform:translate(-50%,-50%) translate(0,0)}}
@media (max-width:1199.98px){.loader__img{width:500px}}
@media (max-width:809.98px){.loader__img{width:300px}}
html.is-loading .loader{align-items:flex-end}
.loader__name,.loader__pct{position:relative;z-index:20;mix-blend-mode:difference}
/* Header items: measured fade-up 12px, 0.18s, ease (0.12,0.23,0.5,1), 0.05s stagger */
.js [data-k-hd],.js .k-nav a{opacity:0;transform:translateY(12px)}
.js.is-ready [data-k-hd],.js.is-ready .k-nav a{opacity:1;transform:none;transition:opacity 180ms cubic-bezier(.12,.23,.5,1),transform 180ms cubic-bezier(.12,.23,.5,1)}
.js.is-ready .k-nav a:nth-child(1){transition-delay:.05s}.js.is-ready .k-nav a:nth-child(2){transition-delay:.1s}.js.is-ready .k-nav a:nth-child(3){transition-delay:.15s}.js.is-ready .k-nav a:nth-child(4){transition-delay:.2s}.js.is-ready .k-nav a:nth-child(5){transition-delay:.25s}.js.is-ready .k-touch{transition-delay:.3s}
@media (prefers-reduced-motion:reduce){.js [data-k-hd],.js .k-nav a{opacity:1!important;transform:none!important}}
/* ==== v3.1 from direct capture of madebykota.com (header + loader) ==== */
.k-head{mix-blend-mode:normal;height:auto;padding-top:32px;color:#fff;align-items:flex-start}
.admin-bar .k-head{top:32px}
.k-head__in{justify-content:space-between;position:relative}
.k-nav{display:none!important}
.k-glass{position:relative;display:inline-flex;align-items:center;justify-content:center;height:52px;border-radius:1000px;color:#fff;background:linear-gradient(180deg,#2A2A2A 0%,#0E0E0E 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.28);transition:transform 300ms cubic-bezier(.2,.7,.1,1),box-shadow 300ms;isolation:isolate;overflow:hidden}
.k-glass::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 90% at 50% -20%,rgba(255,255,255,.22),transparent 55%);pointer-events:none;z-index:-1}
.k-glass:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12),0 12px 30px rgba(0,0,0,.34)}
.k-glass:active{transform:scale(.97)}
.k-logo.k-glass{padding:8px 24px;font-size:28px;line-height:36px;font-weight:500;letter-spacing:-.01em;margin:0}
.k-touch.k-glass{padding:8px 24px;border:0;font-size:14px;line-height:21px}
.k-touch.k-glass:hover{background:linear-gradient(180deg,#2A2A2A 0%,#0E0E0E 100%);color:#fff}
.k-burger{position:absolute;left:50%;top:0;width:52px;padding:0;transform:translateX(-50%)}
.k-burger:hover{transform:translateX(-50%) translateY(-1px)}
.k-burger:active{transform:translateX(-50%) scale(.96)}
.k-burger i{position:absolute;left:calc(50% - 7.5px);width:15px;height:1.5px;background:currentColor;border-radius:2px;transition:transform 400ms cubic-bezier(.2,.7,.1,1)}
.k-burger i:first-of-type{top:21px}.k-burger i:last-of-type{top:28px}
.k-burger[aria-expanded="true"] i:first-of-type{transform:translateY(3.5px) rotate(45deg)}
.k-burger[aria-expanded="true"] i:last-of-type{transform:translateY(-3.5px) rotate(-45deg)}
.k-menu.menu{top:96px;left:50%;right:auto;transform:translate(-50%,-8px);width:min(360px,calc(100vw - 2 * var(--k-pad)))}
.k-menu.menu.is-open{transform:translate(-50%,0)}
.admin-bar .k-menu.menu{top:128px}
.js [data-k-hd]{opacity:0;transform:translateY(12px)}
.js.is-ready .k-burger[data-k-hd]{transform:translateX(-50%)}
.js .k-burger[data-k-hd]{transform:translateX(-50%) translateY(12px)}
.js.is-ready [data-k-hd]{transition:opacity 180ms cubic-bezier(.12,.23,.5,1) calc(var(--i)*50ms),transform 180ms cubic-bezier(.12,.23,.5,1) calc(var(--i)*50ms)}
/* Loader: small labels at mid-height, images fly up through the centre */
html.is-loading .loader{align-items:center}
.loader__name,.loader__pct{font-size:16px;line-height:24px;letter-spacing:-.01em;font-weight:400;mix-blend-mode:normal}
.loader__name span{animation-duration:500ms}
@media (max-width:809.98px){
  .k-head{padding-top:20px}
  .k-glass{height:44px}
  .k-logo.k-glass{font-size:20px;line-height:28px;padding:6px 18px}
  .k-touch.k-glass{padding:6px 16px;font-size:13px}
  .k-burger{width:44px}.k-burger i:first-of-type{top:17.5px}.k-burger i:last-of-type{top:24.5px}
  .k-menu.menu{top:76px}
}
@media (prefers-reduced-motion:reduce){.js .k-burger[data-k-hd]{transform:translateX(-50%)!important}}
/* ==== v3.2 Hero media -> full-screen reel -> About panel (reference: #hero-video, #playreel, About "Video Wrap") ==== */
.k-show{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#000}
.k-show__s{position:absolute;inset:0;opacity:0;transition:opacity 900ms cubic-bezier(.4,0,.2,1)}
.k-show__s:first-child{opacity:1}
.js .k-show__s:first-child{opacity:0}
.js .k-show__s.on{opacity:1}
.k-show__s img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transform:scale(1.06);transition:transform 3600ms linear}
.k-show__s.on img{transform:scale(1)}
.k-tile{position:relative;background:#000}
.k-tile.is-away{visibility:hidden}
.k-hero__stack,.k-hero__foot{opacity:calc(1 - var(--hp,0) * 1.6)}
.k-hero{--hp:0}
/* Flying copy of the tile (fixed, sized every frame between the tile rect and the viewport) */
.k-travel{position:fixed;left:0;top:0;z-index:5;width:var(--w,0);height:var(--h,0);transform:translate3d(var(--x,0),var(--y,0),0);overflow:hidden;pointer-events:none;visibility:hidden;background:#000;will-change:transform,width,height}
.k-travel.is-on{visibility:visible}
.k-travel .k-show{border-radius:0}
/* Reel */
.k-reel{height:200vh;background:#000}
.k-reel__media{position:absolute;inset:0;clip-path:none!important;opacity:1}
.k-reel.is-wait .k-reel__media{opacity:0}
.k-reel__shade{position:absolute;inset:0;z-index:2;background:linear-gradient(#0009 0%,#00000073 49.7311%,#00000014 100%);pointer-events:none}
.k-reel__ui{position:absolute;inset:0;z-index:3;padding:var(--k-pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;font-size:14px;line-height:20px;opacity:var(--ru,0);background:none}
.k-reel__cta{display:flex;align-items:center;gap:24px;font-size:88px;line-height:96px;letter-spacing:-.03em;color:#fff}
.k-reel__cta b{font-weight:400}
.k-reel__pill{position:relative;display:inline-flex;align-items:center;justify-content:center;width:180px;height:80px;border-radius:1000px;background:rgba(153,153,153,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.14);transform:scale(calc(.5 + var(--rp,0) * .5));transition:background-color 300ms}
.k-reel__pill i{width:0;height:0;border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px;transform:rotate(90deg)}
.k-reel__cta:hover .k-reel__pill{background:rgba(255,255,255,.26)}
.k-reel__tl,.k-reel__br{align-self:end}
.k-reel__br{justify-self:end}
/* About with media panel */
.k-about__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:start}
.k-about__vid{grid-column:span 4;padding-top:16px}
.k-about__vid .k-show{aspect-ratio:16/10;height:auto}
.k-about__copy{grid-column:span 8}
/* Chrome mark */
.k-sq{background:#E6E6E6}
.k-metal{position:relative;display:block;width:100%;height:100%;background:#E6E6E6}
.k-metal__fb,.k-metal__c{position:absolute;inset:0;width:100%;height:100%;display:block}
.k-metal.is-gl .k-metal__fb{display:none}
.k-sq img{transform:none!important}
@media (max-width:1199.98px){.k-reel__cta{font-size:64px;line-height:72px}.k-reel__pill{width:150px;height:66px}}
@media (max-width:809.98px){
  .k-reel{height:170vh}
  .k-reel__ui{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto}
  .k-reel__cta{grid-column:1/-1;justify-self:center;font-size:36px;line-height:44px;gap:14px}
  .k-reel__pill{width:110px;height:50px}
  .k-about__vid,.k-about__copy{grid-column:1/-1}
  .k-about__vid{order:2;padding-top:40px}
}
@media (prefers-reduced-motion:reduce){
  .k-travel{display:none}.k-reel.is-wait .k-reel__media{opacity:1}
  .k-reel__ui{opacity:1}.k-reel__pill{transform:none}
  .k-hero__stack,.k-hero__foot{opacity:1}
  .k-show__s img{transform:none!important}
}
/* Hero image: one still frame with a slow drift, shared by tile, flying copy and reel */
.k-show--still .k-show__s{opacity:1!important}
.k-show--still .k-show__s img{object-position:center;transform:none;animation:k-drift 16s ease-in-out infinite alternate}
@keyframes k-drift{from{transform:scale(1.04) translate3d(-1%,0,0)}to{transform:scale(1.12) translate3d(1.5%,-1%,0)}}
.k-reel__media .k-show--still .k-show__s img{animation-duration:22s}
@media (prefers-reduced-motion:reduce){.k-show--still .k-show__s img{animation:none}}

/* ==== v3.3 from captured frames of madebykota.com: hero display wall, glass pills, services split ==== */
/* Hero wall */
.k-hero{isolation:isolate}
.k-wall{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;perspective:1400px;perspective-origin:50% 30%}
.k-wall__plane{position:absolute;left:50%;top:46%;width:2600px;display:grid;gap:34px;transform:translate(-50%,-50%) rotateX(32deg) rotateZ(-7deg) rotateY(4deg);transform-style:preserve-3d}
.k-wall__row{display:flex;gap:34px;width:max-content;animation:k-wall-a 90s linear infinite}
.k-wall__row:nth-child(even){animation-name:k-wall-b;margin-left:-220px}
.k-wall__card{flex:none;width:420px;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#111;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.k-wall__card img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
@keyframes k-wall-a{from{transform:translateX(0)}to{transform:translateX(-25%)}}
@keyframes k-wall-b{from{transform:translateX(-25%)}to{transform:translateX(0)}}
.k-wall__shade{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 45%,rgba(0,0,0,.35) 0%,rgba(0,0,0,.62) 55%,rgba(0,0,0,.92) 100%),linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.65) 80%,#000 100%)}
.js .k-wall{opacity:0;transform:scale(1.12)}
.js.is-ready .k-wall{opacity:1;transform:none;transition:opacity 1400ms cubic-bezier(.2,.7,.1,1) 150ms,transform 1800ms cubic-bezier(.2,.7,.1,1) 150ms}
.k-hero__in{position:relative;z-index:2}
/* Headline block + availability right-aligned beneath */
.k-hero__stack{gap:16px}
.k-hero__avail{align-self:flex-end;font-size:14px;line-height:20px;font-weight:300;color:rgba(255,255,255,.6);margin:4px 0 0}
.k-badge{gap:6px;background:rgba(20,20,20,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:rgba(255,255,255,.22)}
.k-badge svg{width:11px;height:11px}
.k-badge i{display:none}
/* Floating chrome mark (no square ground) */
.k-sq,.k-metal{background:transparent!important}
/* Glass pills: translucent with a bright rim; light variant over light sections */
.k-glass{background:rgba(24,24,24,.55);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(255,255,255,.16),0 10px 30px rgba(0,0,0,.25)}
.k-glass::after{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 55%)}
.k-touch.k-glass:hover{background:rgba(40,40,40,.65)}
body.head-light .k-head .k-glass,.k-glass--light{background:rgba(255,255,255,.55);color:#000;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.08),0 10px 30px rgba(0,0,0,.08)}
body.head-light .k-head .k-burger{background:rgba(30,30,30,.7);color:#fff}
.k-head .k-glass{transition:background-color 400ms,color 400ms,box-shadow 400ms,transform 300ms cubic-bezier(.2,.7,.1,1)}
.k-glass--light{height:52px;padding:0 24px;font-size:14px}
.k-glass--light:hover{background:#fff}
/* Services split */
.k-svc2{display:grid;grid-template-columns:1fr 1fr;background:#000}
.k-svc2__left{background:var(--paper);color:#000}
.k-svc2__stick{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;padding:180px var(--k-pad) 40px}
.k-svc2__stick .k-label{margin-bottom:20px}
.k-svc2__items{position:relative;flex:1}
.k-svc2__item{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity 250ms ease,transform 500ms cubic-bezier(.2,.7,.1,1)}
.k-svc2__item.is-on{opacity:1;transform:none;pointer-events:auto;transition:opacity 500ms cubic-bezier(.2,.7,.1,1) 150ms,transform 700ms cubic-bezier(.2,.7,.1,1) 150ms}
.k-svc2__t{font-size:72px;line-height:80px;letter-spacing:-.03em;font-weight:400;margin:0 0 56px}
.k-svc2__meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:20px;padding-top:24px;border-top:1px solid rgba(0,0,0,.12);max-width:600px}
.k-svc2__meta dl{margin:0;display:grid;gap:20px;align-content:start}
.k-svc2__meta dt{font-size:14px;line-height:20px;color:rgba(0,0,0,.6)}
.k-svc2__meta dd{margin:4px 0 0;font-size:14px;line-height:20px}
.k-svc2__meta p{margin:0;font-size:16px;line-height:24px;font-weight:300}
.k-svc2__foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;max-width:600px}
.k-svc2__lbl{font-size:14px;line-height:20px;color:rgba(0,0,0,.6);margin:0}
.k-svc2__p{font-size:56px;line-height:64px;letter-spacing:-.03em;margin:6px 0 0}
.k-svc2__right{padding:40px var(--k-pad) 40vh;display:grid;gap:80px;align-content:start}
.k-svc2__group{display:grid;gap:80px;padding-top:12vh}
.k-svc2__shot{margin:0;display:grid;gap:12px}
.k-svc2__shot img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top center;display:block}
.k-svc2__shot figcaption{font-size:12px;line-height:16px;color:rgba(255,255,255,.5)}
@media (max-width:1199.98px){.k-svc2__t{font-size:56px;line-height:64px}.k-wall__card{width:340px}}
@media (max-width:809.98px){
  .k-wall__plane{width:1500px;top:42%}.k-wall__card{width:240px}.k-wall__row{gap:18px}.k-wall__plane{gap:18px}
  .k-hero__avail{align-self:flex-start}
  .k-svc2{grid-template-columns:1fr}
  .k-svc2__stick{position:static;height:auto;padding:104px var(--k-pad) 40px}
  .k-svc2__items{display:grid;gap:56px}
  .k-svc2__item{position:relative;inset:auto;opacity:1;transform:none;pointer-events:auto}
  .k-svc2__t{font-size:40px;line-height:48px;margin-bottom:24px}
  .k-svc2__meta{grid-template-columns:1fr}
  .k-svc2__foot{margin-top:24px}
  .k-svc2__p{font-size:40px;line-height:48px}
  .k-svc2__right{padding:40px var(--k-pad) 72px;gap:32px}.k-svc2__group{padding-top:0;gap:32px}
}
@media (prefers-reduced-motion:reduce){
  .k-wall__row{animation:none}.js .k-wall{opacity:1;transform:none}
  .k-svc2__item{transition:none}
}
.k-wall__shade{background:radial-gradient(120% 90% at 55% 40%,rgba(0,0,0,.18) 0%,rgba(0,0,0,.5) 55%,rgba(0,0,0,.88) 100%),linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.6) 82%,#000 100%)}

/* A hidden menu must never be rendered or hit-testable */
.menu[hidden],.k-menu.menu[hidden]{display:none!important}
.k-menu.menu:not(.is-open){pointer-events:none}

/* ==== Footer (inspired by quaev.com): identity + contact left, invitation right, giant cropped "Let's talk" ==== */
.q-foot{position:relative;background:#000;color:#fff;overflow:hidden;isolation:isolate;padding-top:clamp(96px,12vw,160px)}
.q-foot__bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 62% 58%,rgba(28,72,160,.55) 0%,rgba(10,30,80,.35) 40%,rgba(0,0,0,0) 75%),linear-gradient(180deg,#000 0%,#02040b 40%,#050b1f 100%)}
.q-foot__soc{position:absolute;left:var(--k-pad);top:clamp(96px,12vw,160px);display:grid;gap:22px;font-size:12px;writing-mode:vertical-rl;transform:rotate(180deg)}
.q-foot__soc a{color:rgba(255,255,255,.6);transition:color 240ms}.q-foot__soc a:hover{color:#fff}
.q-foot__top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:start}
.q-foot__left{display:grid;gap:14px;justify-items:start}
.q-foot__id{display:flex;align-items:center;gap:16px;margin-bottom:28px}
.q-foot__av{width:64px;height:64px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,#0b1a45,#020615 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);flex:none;padding:12px}
.q-foot__av .k-metal{width:100%;height:100%}
.q-foot__id p{margin:0;display:grid;gap:4px}
.q-foot__id b{font-weight:400;font-size:22px;line-height:28px;letter-spacing:-.02em}
.q-foot__id span{font-size:14px;line-height:20px;color:rgba(255,255,255,.55)}
.q-foot__lbl{margin:0;font-size:14px;color:rgba(255,255,255,.75)}
.q-foot__mail{font-size:clamp(26px,2.6vw,38px);line-height:1.15;letter-spacing:-.03em;color:#fff;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size 600ms cubic-bezier(.2,.7,.1,1)}
.q-foot__mail:hover{background-size:100% 1px}
.q-foot__btn{margin-top:36px;display:inline-flex;align-items:center;gap:14px;padding:14px 18px;border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35);font-size:15px;color:#fff;transition:background-color 300ms,color 300ms,padding 400ms cubic-bezier(.2,.7,.1,1)}
.q-foot__btn i{width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 12 12 4M5.5 4H12v6.5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 12 12 4M5.5 4H12v6.5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform 300ms}
.q-foot__btn:hover{background:#fff;color:#000;padding-left:24px;padding-right:24px}
.q-foot__btn:hover i{transform:translate(2px,-2px)}
.q-foot__say{margin:0;font-size:clamp(34px,3.9vw,64px);line-height:1.05;letter-spacing:-.04em;font-weight:400;max-width:15em}
.q-foot__say em{font-style:normal;background:linear-gradient(180deg,#FFFFFF 0%,#C9CDD5 38%,#6B717D 50%,#E9EBEF 62%,#9097A3 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.q-foot__start{display:inline-block;margin-top:40px;font-size:18px;line-height:26px;color:rgba(255,255,255,.7);transition:color 240ms}
.q-foot__start:hover{color:#fff}
.q-foot__nav{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:56px;font-size:14px}
.q-foot__nav a{color:rgba(255,255,255,.6);transition:color 240ms}.q-foot__nav a:hover{color:#fff}
.q-foot__talk{display:block;margin-top:clamp(56px,7vw,110px);height:clamp(130px,17vw,300px);overflow:hidden;position:relative}
.q-foot__talk span{display:block;text-align:center;white-space:nowrap;font-size:clamp(130px,23vw,420px);line-height:.82;letter-spacing:-.06em;font-weight:400;background:linear-gradient(180deg,#F4F5F7 0%,#C9CDD5 35%,#6B717D 52%,#DADDE3 66%,#8E95A1 100%);-webkit-background-clip:text;background-clip:text;color:transparent;transform:translate3d(0,var(--qt,40%),0);transition:filter 500ms}
.q-foot__talk:hover span{filter:brightness(1.15)}
.q-foot__base{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;padding-bottom:22px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;color:rgba(255,255,255,.6)}
.q-foot__base p{margin:0}.q-foot__base span{margin-left:.6em;opacity:.7}
.q-foot__legal{display:flex;gap:22px}.q-foot__legal a:hover,.q-foot__base a:hover{color:#fff}
.q-foot .k-foot__time span{color:#fff;opacity:1;margin:0 4px 0 0}
.k-cta{display:none!important}
@media (max-width:809.98px){
  .q-foot__top{grid-template-columns:1fr;gap:56px}
  .q-foot__right{order:-1}
  .q-foot__soc{position:static;writing-mode:horizontal-tb;transform:none;display:flex;padding:0 var(--k-pad) 24px}
  .q-foot__base{flex-wrap:wrap}
  .q-foot__talk{height:clamp(90px,26vw,140px)}
}
@media (prefers-reduced-motion:reduce){.q-foot__talk span{transform:none}}
.q-foot__talk span{font-size:min(23vw,420px)}
@media (max-width:809.98px){.q-foot__talk span{font-size:21.5vw;letter-spacing:-.055em}.q-foot__talk{height:19vw}}

.form__pkg{margin:0;padding:14px 18px;border-radius:12px;background:#fff;font-size:14px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.form__pkg b{font-weight:500}.form__pkg span{color:var(--muted);margin-left:4px}.form__pkg a{margin-left:12px;text-decoration:underline;text-underline-offset:3px;color:var(--accent)}

/* Footer: show the whole 'Let\u2019s talk' (no crop); it still rises into place */
.q-foot__talk{height:auto!important;overflow:hidden;padding:.02em 0 .06em;margin-top:clamp(48px,6vw,96px);margin-bottom:clamp(20px,2.5vw,36px)}
.q-foot__talk span{line-height:1.02;padding-bottom:.04em;transform:translate3d(0,var(--qt,40%),0)}
@media (max-width:809.98px){.q-foot__talk{height:auto!important}}