:root{--studio-canvas:#F5F1E9;--studio-surface:#FEFDFC;--studio-ink:#242321;--studio-muted:#696357;--studio-line:#E3DED4;--studio-active:#EBE1D4;--studio-glass:rgba(255,253,249,.94);--studio-radius:18px;--studio-control-radius:12px}
.nav{background:var(--studio-glass);color:var(--studio-ink);border-color:var(--studio-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.nav .brand{font-size:25px;letter-spacing:-.035em}.nav .brand img{width:30px;height:30px}.nav .nav-links{font-weight:500}.nav .nav-links .button{color:var(--studio-ink);border-color:var(--studio-line);background:var(--studio-surface);border-radius:var(--studio-control-radius)}.nav .nav-links .button:hover{background:var(--studio-active)}.nav .menu-toggle{border-color:var(--studio-line);border-radius:24px;background:var(--studio-surface);padding:10px 18px;font-size:14px}
.footer{background:var(--studio-surface);color:var(--studio-ink);border-top:1px solid var(--studio-line)}.footer .muted,.footer small{color:var(--studio-muted)}.footer-links{border-color:var(--studio-line);color:var(--studio-muted)}.footer-links button{color:inherit}
body.rekon-studio-site{background:var(--studio-canvas);color:var(--studio-ink)}
.rekon-studio-site h1,.rekon-studio-site h2,.rekon-studio-site h3{font-family:var(--font-body);font-weight:600;letter-spacing:-.035em}
.rekon-studio-site h1{font-size:clamp(38px,4.7vw,62px);line-height:1.07}.rekon-studio-site h2{font-size:clamp(30px,3.3vw,44px);line-height:1.12}.rekon-studio-site h3{line-height:1.2}
.rekon-studio-site .muted,.rekon-studio-site .paper .muted{color:var(--studio-muted)}.rekon-studio-site .paper{background:var(--studio-surface);color:var(--studio-ink)}.rekon-studio-site .rule{border-color:var(--studio-line)}
.rekon-studio-site .button{border-radius:var(--studio-control-radius);background:var(--color-cta);color:#fff;font-weight:500}.rekon-studio-site .button:hover{background:var(--color-burgundy)}.rekon-studio-site .button.secondary{background:var(--studio-surface);border:1px solid var(--studio-line);color:var(--studio-ink)}.rekon-studio-site .button.secondary:hover{background:var(--studio-active)}
.rekon-studio-site .eyebrow{color:var(--studio-muted);font-weight:500;letter-spacing:.085em}.rekon-studio-site .text-link{color:var(--color-cta)}.rekon-studio-site .atelier-category{color:var(--color-cta)}
.rekon-studio-site .atelier-hero{background:var(--studio-canvas)}.rekon-studio-site .atelier-hero .lead{color:var(--studio-muted)}.rekon-studio-site .hero-author{color:var(--studio-muted)}
.rekon-studio-site .specimen{border-radius:20px;background:var(--color-cta);box-shadow:10px 10px 0 var(--studio-active);color:var(--color-paper)}.rekon-studio-site .specimen .eyebrow,.rekon-studio-site .hero-learn .eyebrow{color:var(--color-paper-muted)}
.rekon-studio-site .hero-learn{border-radius:18px;transform:rotate(2deg);box-shadow:0 9px 26px #24232115}.rekon-studio-site .hero-deck{border-radius:16px;overflow:hidden;transform:rotate(-3deg);border-width:6px;box-shadow:0 16px 36px #2423211c}.rekon-studio-site .hero-deck img{border-radius:10px 10px 0 0}
.rekon-studio-site .service-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border:0}.rekon-studio-site .service-card,.rekon-studio-site .service-card:first-child,.rekon-studio-site .service-card:last-child,.rekon-studio-site .service-card+.service-card{border:1px solid var(--studio-line);padding:28px;border-radius:var(--studio-radius);background:var(--studio-surface)}
.rekon-studio-site .service-card h3{font:600 27px/1.16 var(--font-body);letter-spacing:-.03em}.rekon-studio-site .service-card p{color:var(--studio-muted);font-size:14px}.rekon-studio-site .service-card .eyebrow{font-size:10px;color:var(--color-cta)}.rekon-studio-site .service-tags{color:var(--studio-muted);font-size:10px}
.rekon-studio-site .work-card{border:1px solid var(--studio-line);border-radius:20px;padding:12px;background:var(--studio-canvas)}.rekon-studio-site .learn-cover{border-radius:12px;background:var(--studio-ink);color:var(--color-paper)}.rekon-studio-site .learn-cover .eyebrow{color:var(--color-paper-muted)}.rekon-studio-site .work-image{border:0;border-radius:12px;background:var(--studio-active)}.rekon-studio-site .work-description{padding:26px 16px 14px}.rekon-studio-site .work-description h3{font:600 28px var(--font-body)}.rekon-studio-site .work-description p{color:var(--studio-muted)}
.rekon-studio-site .atelier-process{gap:18px}.rekon-studio-site .atelier-process li{border:1px solid var(--studio-line);border-radius:18px;padding:24px;background:var(--studio-surface)}.rekon-studio-site .atelier-process li>span{color:var(--color-cta)}.rekon-studio-site .atelier-process p{color:var(--studio-muted)}.rekon-studio-site .method-note{border-radius:0 14px 14px 0;background:var(--studio-active);padding:22px 24px}.rekon-studio-site .method-note p{color:var(--studio-ink)}
.rekon-studio-site .plain-list li{border-color:var(--studio-line)}.rekon-studio-site .client-demo img{border-color:var(--studio-line);border-radius:18px;box-shadow:0 12px 35px #2423210a}.rekon-studio-site .client-demo figcaption{color:var(--studio-muted);margin-top:16px}
.rekon-studio-site .learn-topics{gap:18px}.rekon-studio-site .learn-topics>a{border:1px solid var(--studio-line);border-radius:18px;background:var(--studio-surface);padding:26px}.rekon-studio-site .learn-topics>a>span{color:var(--color-cta);font-size:10px}.rekon-studio-site .learn-topics h3{font:600 26px/1.2 var(--font-body);letter-spacing:-.03em}.rekon-studio-site .learn-topics p,.rekon-studio-site .learn-end p{color:var(--studio-muted)}.rekon-studio-site .learn-topics small{color:var(--color-cta)}.rekon-studio-site .learn-end{border-color:var(--studio-line)}
.rekon-studio-site .contact-form{background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:20px;padding:28px;color:var(--studio-ink)}.rekon-studio-site .contact-form input,.rekon-studio-site .contact-form textarea{background:var(--studio-canvas);border:1px solid var(--studio-line);border-radius:12px;color:var(--studio-ink);padding:14px}.rekon-studio-site .contact-form textarea::placeholder{color:var(--studio-muted);opacity:1}
.rekon-studio-site .service-intro .intro-lead{color:var(--studio-muted)}.rekon-studio-site .back-link{color:var(--color-cta)}.rekon-studio-site .service-details{gap:18px}.rekon-studio-site .service-details article{background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:18px;padding:26px}.rekon-studio-site .service-details h3{font:600 27px/1.2 var(--font-body);letter-spacing:-.03em}.rekon-studio-site .service-details .eyebrow{color:var(--color-cta)}
.rekon-studio-site .faq-list>details{border:1px solid var(--studio-line);border-radius:16px;padding:18px 22px;margin-bottom:12px;background:var(--studio-surface)}.rekon-studio-site .faq-list>details>summary{font-size:18px;font-weight:500}.rekon-studio-site .faq-list>details>p{color:var(--studio-muted)}
.rekon-studio-site .module-item{border:1px solid var(--studio-line);border-radius:16px;background:var(--studio-surface);margin-bottom:12px}.rekon-studio-site .module-item summary,.rekon-studio-site .module-item strong{color:var(--studio-ink)}.rekon-studio-site .module-item .summary-desc,.rekon-studio-site .module-body,.rekon-studio-site .module-item .index{color:var(--studio-muted)}.rekon-studio-site .module-item svg{color:var(--color-cta)}.rekon-studio-site .atlas-copy p,.rekon-studio-site .atlas-copy .index{color:var(--studio-muted)}.rekon-studio-site .atlas-path li{border-color:var(--studio-line);color:var(--studio-ink)}
.nav-links a,.button,.text-link,.menu-toggle{transition:background-color var(--motion-feedback) ease,color var(--motion-feedback) ease,box-shadow var(--motion-feedback) ease}
@media(hover:hover) and (pointer:fine){.rekon-studio-site .service-card:has(a:hover),.rekon-studio-site .learn-topics>a:hover{box-shadow:0 10px 28px #24232109;border-color:#C9BDA6}.rekon-studio-site .work-image:hover{box-shadow:0 6px 20px #2423210a}}
@media(max-width:1100px){.rekon-studio-site .service-card,.rekon-studio-site .service-card:first-child,.rekon-studio-site .service-card:last-child,.rekon-studio-site .service-card+.service-card{padding:22px}.rekon-studio-site .service-card h3{font-size:24px}.rekon-studio-site .atelier-process{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.nav-links{background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:0 0 20px 20px;box-shadow:0 14px 24px #2423210c}}
@media(max-width:820px){.rekon-studio-site .service-cards{grid-template-columns:1fr}.rekon-studio-site .service-card h3{font-size:28px}.rekon-studio-site .service-tags{font-size:11px}}
@media(max-width:700px){body.rekon-studio-site{font-family:system-ui,-apple-system,BlinkMacSystemFont,'IBM Plex Sans',sans-serif}.rekon-studio-site h1,.rekon-studio-site .service-intro h1{font-size:clamp(34px,8.7vw,42px);line-height:1.08;letter-spacing:-.045em}.rekon-studio-site h2,.rekon-studio-site .section-head h2,.rekon-studio-site .deck-story h2,.rekon-studio-site .about-atelier h2{font-size:32px;font-weight:650}.rekon-studio-site .atelier-category{font-size:13px}.rekon-studio-site .atelier-hero .lead{font-size:16px}.rekon-studio-site .service-card h3{font-size:26px}.rekon-studio-site .atelier-process{gap:12px}.rekon-studio-site .atelier-process li{padding:20px 16px}.rekon-studio-site .atelier-process h3{font-size:16px}.rekon-studio-site .atelier-process p{font-size:13px}.rekon-studio-site .work-description{padding:22px 10px 12px}.rekon-studio-site .contact-form{padding:22px 18px}.rekon-studio-site .contact-atelier h2{font-size:42px}.rekon-studio-site .service-details h3{font-size:26px}.rekon-studio-site .learn-topics>a{padding:24px}.rekon-studio-site .learn-topics h3{font-size:25px}.rekon-studio-site .client-demo img{border-radius:14px}.rekon-studio-site .faq-list>details{padding:15px 18px}}
@media(max-width:350px){.rekon-studio-site .atelier-process{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.nav-links a,.button,.text-link,.menu-toggle{transition:none}}