/* Kinevane Precision White 2026. Shared design tokens and components. */
:root{
 --color-bg:#ffffff;--color-surface:#f5f7fb;--color-surface-raised:#edf3f8;--color-text:#0e1633;--color-muted:#5c6b82;--color-accent:#2dd4bf;--color-accent-text:#08796e;--color-motion:#4f46e5;--color-border:#dce3ec;--color-focus:#4f46e5;
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
 --radius-sm:8px;--radius-md:16px;--radius-lg:24px;--shadow-card:0 24px 55px -32px #0e163326;--duration-fast:180ms;--duration-normal:360ms;--duration-reveal:650ms;--ease-out:cubic-bezier(.2,.7,.2,1);--content-width:1440px;
 --paper:var(--color-bg);--cloud:var(--color-surface);--ink:var(--color-text);--slate:var(--color-muted);--slate-2:#5c6b82;--rule:var(--color-border);--rule-firm:#c8d2e1;--teal:var(--color-accent);--teal-d:var(--color-accent);--indigo:var(--color-motion);--accent:var(--color-accent);--brand-mist:var(--color-surface);--sans:'Manrope',Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;
 --t-0:clamp(1rem,.96rem + .16vw,1.08rem);--t-1:clamp(1.15rem,1.05rem + .5vw,1.5rem);--t-2:clamp(1.6rem,1.3rem + 1.4vw,2.5rem);--t-3:clamp(2rem,1.6rem + 2.2vw,4rem);--t-4:clamp(3rem,2rem + 4vw,6rem)
}
body{background:var(--color-bg);color:var(--color-text);font-family:var(--sans);line-height:1.7}h1,h2,h3,h4{font-family:var(--sans);color:var(--color-text)}p{color:inherit}button,input,select,textarea{font-family:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-underline-offset:5px}a:hover{color:var(--color-accent-text)}
.wrap{max-width:var(--content-width);padding-inline:clamp(22px,4.4vw,64px)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}.skip-link{background:var(--color-accent);color:#080d22}.section-pad{padding-block:clamp(64px,8vw,120px)}[id]{scroll-margin-top:112px}
.top{background:#fffffff5;border-bottom:1px solid var(--color-border);backdrop-filter:blur(16px);z-index:100}.top__in{min-height:92px;gap:32px}.top .brand-lockup{width:205px;height:auto;aspect-ratio:693/216;object-fit:contain}.nav{gap:23px}.nav a{font-size:13px;font-weight:500;color:#34435d;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--color-accent-text)}.nav .language-switch{border-color:var(--color-border);padding-left:22px}.nav .btn,.nav a.btn{color:#080d22;background:var(--color-accent);border:1px solid var(--color-accent);padding:13px 20px;min-height:46px}.nav a.btn:hover{color:#080d22;background:#72e9d8}.burger{border:1px solid #c8d2e1;color:#0e1633;background:transparent;border-radius:8px;width:46px;height:46px;font-size:21px}
.btn,.hero .btn:first-of-type,.hero--dark .btn,.agency-close .btn{background:var(--color-accent);background-image:none;border:1px solid var(--color-accent);color:#080d22;box-shadow:none;border-radius:8px;min-height:48px;padding:15px 24px;font-size:14px;font-weight:700;transition:background var(--duration-fast),transform var(--duration-fast)}.btn::before{display:none}.btn:hover,.nav .btn:hover{background:#72e9d8;border-color:#72e9d8;color:#080d22;transform:translateY(-2px);box-shadow:none}.btn:active{transform:translateY(0)}.btns{gap:24px;align-items:center}.btn--line,.hero--dark .btn--line{background:transparent!important;color:var(--color-text);border-color:var(--color-border)}.quiet-link,.text-link{display:inline-block;color:var(--color-text);font-size:14px;line-height:1.7;text-decoration:none;border-bottom:1px solid #8997ab;padding:6px 0}.quiet-link:hover,.text-link:hover{color:var(--color-accent-text);border-color:var(--color-accent-text)}
.eyebrow,.tag{color:var(--color-accent-text);font-family:var(--mono);font-size:11px;letter-spacing:.12em;line-height:1.7}.calligraphy{color:var(--color-accent-text);font-family:'Allura',cursive}.editorial-hero,.hero,.hero--dark,.band--cloud,.band--ink{background:var(--color-surface);color:var(--color-text)}.editorial-hero{padding-block:clamp(60px,7vw,105px);border-bottom:1px solid var(--color-border)}.editorial-hero h1,.hero h1{font-size:clamp(40px,5.4vw,80px);font-weight:500;line-height:1.08;letter-spacing:-.05em;max-width:1040px}.editorial-hero p:not(.eyebrow),.hero .lede{max-width:680px;color:var(--color-muted);font-size:18px;line-height:1.8}.hero--dark h1,.hero--dark h1 i,.hero--dark .hero__in{color:var(--color-text)}.hero--dark .lede,.band--ink .lede,.band--ink .prose,.band--ink .prose b{color:var(--color-muted)}.hero::before,.hero::after{display:none}.hero .reveal-line>span{transform:none}.hero .reveal-line{overflow:visible}.hero--dark .hero__bg{display:none}
.service-detail,.format-detail{border-color:var(--color-border)}.service-detail p,.format-detail p,.prose,.lede{color:var(--color-muted)}.service-detail h2,.format-detail h2{font-size:clamp(28px,3vw,46px);font-weight:500}.format-symbol{color:var(--color-accent-text)}.format-list a,.creative-jump a{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.format-list a:hover{background:var(--color-surface-raised)}.band{border-color:var(--color-border)}
.pricing-nav{background:#fffffff7;border-color:var(--color-border)}.pricing-nav a{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.pricing-nav a:hover{background:var(--color-surface-raised)}.rates td,.rates th{border-color:var(--color-border)}.rates .svc span,.rates .price span,.rates th{color:var(--color-muted)}.rates .price b,.rates .svc b{color:var(--color-text)}.rates .price a{color:var(--color-accent-text)}.tier,.tier--mid,.quote,.payment,.calc{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.tier--mid{border-color:var(--color-accent-text)}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select{background:#ffffff;color:var(--color-text);border:1px solid #c8d2e1;border-radius:8px;min-height:48px}input::placeholder,textarea::placeholder{color:#5c6b82}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent-text)}label,.bi__n,.field label{color:var(--color-text)}.field small,.hint,.bi__p,.status{color:var(--color-muted)}.bi{border-color:var(--color-border);background:transparent}.bi:has(input:checked){background:#e8f8f4;border-color:var(--color-accent-text)}.quote__total,.builder-group,.bi__meta{border-color:var(--color-border)}.quote__empty{color:var(--color-muted)}.status[data-state=error]{color:#b4232f}.status[data-state=ok]{color:#08796e}.row,.facts,.faq details{border-color:var(--color-border)}.row__k,.case-meta,.facts dt{color:var(--color-muted)}.next{border-color:var(--color-border)}
.foot{background:#f5f7fb;color:var(--color-text);border-top:1px solid var(--color-border);padding:64px 0 26px}.foot .brand-lockup{width:230px;height:auto}.foot h4,.foot .foot__tag,.foot__base,.foot__base a{color:var(--color-muted)}.foot a{color:#34435d}.foot a:hover{color:var(--color-accent-text)}.foot__base{border-color:var(--color-border)}.foot__grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px}.foot .lockup{display:block}.foot__tag{font-size:13px;max-width:260px;margin-top:20px}
.home-showcase,.home-social{background:var(--color-bg);color:var(--color-text)}.home-social{background:#f5f7fb}.home-showcase-header>p:last-child,.deck-footer p{color:var(--color-muted)}.deck-footer a{color:var(--color-text);border-color:var(--color-muted)}.deck-controls button{background:var(--color-surface);border-color:#c8d2e1;color:var(--color-text);width:48px;height:48px}.deck-controls button:hover{background:#edf5f4}.deck-dots button{background:#aebccb}.deck-dots button[aria-current=true]{background:var(--color-accent)}.deck-title{color:var(--color-text)}.deck-category{color:var(--color-accent-text)}.hp-modes{background:var(--color-surface);border-color:var(--color-border)}.hp-modes button{color:#52617a;min-height:44px}.hp-modes button[aria-pressed=true]{background:var(--color-accent);color:#080d22}.home-social[data-theme=dark]{background:#f5f7fb}.home-social .floating-card[data-pos="0"]{box-shadow:0 25px 65px -28px #0e163326,0 0 0 5px #ffffffaa}.deck-viewer{background:#ffffff;color:var(--color-body,var(--color-muted))}.deck-viewer button{background:#eef2f7;color:#0e1633;min-width:44px;min-height:44px}.deck-viewer img{background:#fff}
.portfolio-section,.social-showcase,.image-studies,.study-shelf,.niche-shelf,.video-collection{background:transparent;color:var(--color-text)}.portfolio-heading p,.section-head p,.section-heading p,.portfolio-card p,.portfolio-duration{color:var(--color-muted)}.portfolio-card{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.portfolio-tag,.portfolio-title,.portfolio-card h3{color:var(--color-text)}.video-filters button,.social-filters button{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border);min-height:44px}.video-filters button[aria-pressed=true],.social-filters button[aria-pressed=true]{background:var(--color-accent);color:#080d22}.video-nav button,.social-nav button,.study-nav button{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border);min-height:44px;min-width:44px}.study-title,.niche-shelf h3{color:var(--color-text)}.study-card{background:var(--color-surface)}
.site-disclosure{position:relative}.site-disclosure>summary{list-style:none;color:#34435d;font-size:13px;cursor:pointer;padding:12px 0}.site-disclosure>summary::-webkit-details-marker{display:none}.site-disclosure>summary:after{content:'⌄';margin-left:5px}.service-popover{position:absolute;top:100%;left:-25px;min-width:250px;padding:15px;background:#ffffff;border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-card);display:grid;gap:4px}.service-popover a{padding:10px 12px;border-radius:6px}.service-popover a:hover{background:#edf5f4}
.cookie-notice{position:fixed;bottom:18px;left:18px;right:18px;margin:auto;max-width:820px;z-index:220;background:#ffffff;color:#0e1633;border:1px solid #c8d2e1;border-radius:14px;padding:20px;box-shadow:0 15px 60px #0e163329;display:flex;gap:25px;align-items:center}.cookie-notice[hidden]{display:none}.cookie-notice p{font-size:13px;line-height:1.65}.cookie-actions{display:flex;gap:8px;flex:none}.cookie-actions button{border:1px solid #c8d2e1;background:#ffffff;color:#0e1633;border-radius:7px;padding:10px 14px;min-height:44px;font-size:12px}.cookie-actions button:last-child{background:var(--color-accent);color:#080d22;border-color:var(--color-accent-text)}.cookie-settings{background:none;border:0;color:var(--color-muted);padding:0;text-decoration:underline;font-size:12px;min-height:44px}.faq-list details{border-top:1px solid var(--color-border);padding:24px 0}.faq-list details:last-child{border-bottom:1px solid var(--color-border)}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:18px;font-weight:600}.faq-list summary span{color:var(--color-accent-text)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:var(--color-muted);padding-top:18px;max-width:65ch}
@media(max-width:1100px){.nav{gap:15px}.top .brand-lockup{width:178px}.nav a,.site-disclosure>summary{font-size:12px}.nav .btn{padding:12px 15px}.foot__grid{gap:25px}}
@media(min-width:861px){.nav[hidden]{display:flex}}
@media(max-width:860px){.top__in{min-height:76px}.nav{background:#ffffff;top:76px;inset-inline:0;max-height:calc(100dvh - 76px);overflow:auto;padding:20px 24px 28px;border-bottom:1px solid var(--color-border);gap:0}.nav a,.site-disclosure>summary{font-size:18px;padding-block:13px}.nav .language-switch{border:0;padding-left:0}.nav .btn{margin-top:12px;justify-content:center;padding:14px 20px}.site-disclosure{width:100%}.service-popover{position:static;border:0;border-radius:0;box-shadow:none;min-width:0;border-left:1px solid #c8d2e1;padding:0 0 0 18px;margin:0 0 10px}.service-popover a{font-size:15px}.foot__grid{grid-template-columns:1fr 1fr}.cookie-notice{display:block}.cookie-actions{margin-top:14px}.editorial-hero h1,.hero h1{font-size:clamp(38px,7vw,65px)}}
@media(max-width:500px){.foot__grid{grid-template-columns:1fr 1fr;gap:32px 20px}.foot__grid>div:first-child{grid-column:1/-1}.foot{padding-top:48px}.top .brand-lockup{width:174px}.cookie-notice{padding:16px;bottom:10px;left:10px;right:10px}.editorial-hero p:not(.eyebrow),.hero .lede{font-size:17px}.btns{gap:18px}.btn{padding:14px 19px;font-size:13px}.rates .svc b{font-size:17px}.rates .svc span{font-size:13px}.service-detail h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Gallery and language-gate contrast within their deliberate surfaces. */
.precision-site .categories a{color:#34435d;border-color:#c8d2e1;min-height:42px;display:flex;align-items:center}.precision-site .categories a:hover{background:#edf5f4;color:var(--color-accent-text)}.precision-site .intro h1 i{color:var(--color-accent-text)}.precision-site .section-head small{color:#5c6b82}.precision-site .section-head h2,.precision-site .slide-caption h3{font-family:var(--sans);font-weight:500}.precision-site .slide{background:var(--color-surface);border-color:var(--color-border)}.precision-site .showcase{border-color:var(--color-border)}.precision-site .slider-controls .dots button[aria-current=true]{background:var(--color-accent)}.precision-site .foot{max-width:none;margin:0}.welcome h2,.welcome h1{color:#0e1633}.welcome .calligraphy,.welcome em{color:#08796e}.welcome .welcome-eyebrow{color:#435373}.welcome p{color:#536079}.welcome .welcome-option{color:#0e1633}.home-showcase-header h2 .calligraphy{font-size:1.05em;line-height:1.2}
html:not(.js-enabled) img[data-media-src]{display:none}html:not(.js-enabled) .floating-deck{height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;max-width:1100px}html:not(.js-enabled) .floating-card{position:static;width:100%;transform:none;opacity:1;pointer-events:auto}html:not(.js-enabled) .deck-controls{display:none}@media(max-width:600px){html:not(.js-enabled) .floating-deck{grid-template-columns:1fr 1fr}}
.slider-controls .arrows button{min-width:44px;min-height:44px}.slider-controls .dots button{position:relative}.slider-controls .dots button:after{content:'';position:absolute;inset:-10px -7px}.signal-demo,.service-universe{contain:layout paint}