:root{--layout-hero-space:70px;--layout-section-space:72px;--layout-section-compact-space:60px;--layout-section-spacious-start:94px;--layout-section-spacious-end:88px;--layout-heading-gap:40px;--layout-grid-gap:32px}.layout-container{width:min(calc(100% - var(--layout-gutter) * 2), var(--layout-content-max));max-width:var(--layout-content-max);margin-inline:auto}.layout-section{padding-block:var(--layout-section-space)}.layout-section--compact{padding-block:var(--layout-section-compact-space)}.layout-section--spacious{padding-block:var(--layout-section-spacious-start) var(--layout-section-spacious-end)}.layout-hero{padding-block:var(--layout-hero-space)}.layout-heading{margin:0}.layout-heading-group{margin-bottom:var(--layout-heading-gap)}.layout-grid{gap:var(--layout-grid-gap)}@media (max-width:1100px){:root{--layout-hero-space:60px;--layout-section-space:68px;--layout-section-spacious-start:75px;--layout-section-spacious-end:75px;--layout-heading-gap:32px;--layout-grid-gap:24px}}@media (max-width:600px){:root{--layout-hero-space:48px;--layout-section-space:52px;--layout-section-compact-space:46px;--layout-section-spacious-start:60px;--layout-section-spacious-end:60px;--layout-heading-gap:28px;--layout-grid-gap:20px}}.ds-page .layout-hero{padding-block:var(--layout-hero-space)}.ds-page .layout-section{padding-block:var(--layout-section-space)}.ds-page .layout-section--compact{padding-block:var(--layout-section-compact-space)}.ds-page .layout-section--spacious{padding-block:var(--layout-section-spacious-start) var(--layout-section-spacious-end)}.ds-page:is(.about-page,.services-page,.portfolio-page,.journal-page,.article-detail){padding-bottom:var(--layout-section-space)}.ds-page .about-hero-layout{gap:var(--layout-grid-gap);min-height:0}.ds-page :is(.about-hero-copy,.about-vision-copy){padding-left:0}.ds-page .about-stats{width:100%;margin-top:var(--layout-heading-gap)}.ds-page .about-hero-art{min-width:0;margin:0}.ds-page .about-browser-card{width:min(335px,77%);left:12%}.ds-page .about-ideas-card{width:clamp(157px,52%,214px)}.ds-page :is(.about-centered-heading,.about-section-heading),.ds-page .about-process .about-section-heading{margin-bottom:var(--layout-heading-gap)}.ds-page :is(.about-founder-grid,.about-trust-grid,.about-process-grid){gap:var(--layout-grid-gap)}.ds-page .about-founder-card{padding-block:var(--space-8)}.ds-page.about-page .about-founder-bio{margin-block:var(--space-6)}.ds-page .about-vision-copy>p:last-child{margin-top:var(--space-6)}.ds-page .about-vision-layout{column-gap:var(--layout-grid-gap);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center}.ds-page .about-globe-art{aspect-ratio:420/340;grid-area:1/2;justify-self:end;width:100%;max-width:420px;height:auto;position:relative;top:auto;right:auto}.ds-page .about-vision-pillars{margin:var(--layout-heading-gap) 0 0;gap:var(--layout-grid-gap);grid-column:1/-1}.ds-page .about-vision-pillar{padding:var(--space-6)}.ds-page .about-trust-card{padding-block:var(--space-6)}.ds-page .about-closing{width:min(calc(100% - var(--layout-gutter) * 2), var(--layout-content-max));min-height:0;margin:0 auto}.ds-page .about-closing p,.ds-page .about-closing .about-primary{margin-top:var(--space-6)}.ds-page .portfolio-hero{gap:var(--layout-grid-gap);min-height:0;padding-inline:0}.ds-page .portfolio-collection{padding-top:0}.ds-page :is(.portfolio-project-grid,.journal-card-grid){gap:var(--layout-grid-gap)}.ds-page .portfolio-stats{margin-top:0}.ds-page .portfolio-closing{margin-top:var(--layout-section-space);padding-block:var(--layout-section-compact-space)}.ds-page .journal-hero{padding-bottom:var(--layout-hero-space)}.ds-page .journal-feed{padding-block:0}.ds-page .journal-card-grid{padding-inline:0}.ds-page .journal-newsletter{margin-top:var(--layout-section-space);padding-block:var(--layout-section-compact-space)}.ds-page .case-overview{gap:var(--layout-grid-gap)}.ds-page .case-tech{padding-block:var(--layout-section-compact-space)}.ds-page .case-story{margin-inline:0}.ds-page .case-project-navigation{padding-block:var(--layout-heading-gap)}.ds-page .article-hero-copy{width:100%}.ds-page .article-hero-art{margin-inline:var(--layout-grid-gap) 0;min-width:0}.ds-page .article-hero-art>img{width:100%;max-width:100%;height:100%;inset:0}.ds-page .article-art-orb{top:auto;bottom:var(--space-3);left:auto;right:var(--layout-gutter)}.ds-page .article-related{margin-top:0;padding-bottom:0}.ds-page .article-related-heading{margin-bottom:var(--layout-heading-gap)}.ds-page.contact-page{padding-block:0 var(--layout-section-space)}.ds-page .contact-hero{margin-bottom:0}.ds-page .contact-faq{margin-top:0;padding-bottom:0}.ds-page .contact-faq-heading{margin-bottom:var(--layout-heading-gap)}@media (max-width:1000px){.ds-page .about-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px) and (max-width:1100px){.ds-page .journal-handnote{top:auto;bottom:var(--space-2)}}@media (min-width:601px) and (max-width:1000px){.ds-page .journal-featured-art{left:58%}}@media (max-width:900px){.ds-page .about-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-page .about-process-grid:before{display:none}}@media (max-width:767px){.ds-page .about-vision-layout{grid-template-columns:minmax(0,1fr)}.ds-page .about-globe-art{margin-top:var(--layout-heading-gap);grid-area:auto/1;justify-self:center}.ds-page .about-hero-art{margin-top:var(--layout-heading-gap)}.ds-page .article-hero-art{width:100%;margin-inline:0}}@media (max-width:600px){.ds-page .about-vision-pillars{grid-template-columns:minmax(0,1fr)}.ds-page .about-vision-pillar{flex-direction:row;align-items:center}}
:root{--motion-text:.55s;--motion-section:.65s;--motion-stagger:80ms;--motion-distance:20px}[data-motion-state=pending]{opacity:0}@media (prefers-reduced-motion:no-preference){.motion-feedback{animation:jynoro-feedback-in .2s var(--motion-ease) both}:is(.contact-hero,.services-page-hero-copy,.portfolio-hero-copy,.about-hero-copy,.journal-hero-copy,.article-hero-copy,.case-hero-copy) h1{animation:jynoro-hero-line var(--motion-text) var(--motion-ease) both}.hero-heading-line{animation:jynoro-hero-line var(--motion-text) var(--motion-ease) both;display:inline-block}.hero-editorial h1>em{animation:jynoro-hero-line var(--motion-text) var(--motion-ease) 80ms both}.hero-intro,.hero-description,.hero-actions{animation:jynoro-hero-support var(--motion-text) var(--motion-ease) both}.hero-description{animation-delay:.1s}.hero-actions{animation-delay:.16s}.studio-process-path[data-motion-state=pending] path{stroke-dasharray:1;stroke-dashoffset:1px}.studio-process-path[data-motion-state=visible] path{animation:jynoro-process-draw 1.1s var(--motion-ease) both;stroke-dasharray:1}.studio-process-step[data-motion-state=visible] .studio-step-number{animation:jynoro-step-emphasis .65s var(--motion-ease) both;animation-delay:calc(var(--step-index,0) * .16s)}.studio-review-card{animation:jynoro-review-in .5s var(--motion-ease) both}.studio-review-side .studio-review-card{animation-delay:80ms}.work-project-dialog[open] .work-detail-shell{animation:jynoro-panel-in .25s var(--motion-ease) both}.work-project-dialog[open]::backdrop{animation:.2s both jynoro-backdrop-in}.work-detail-image img{animation:jynoro-review-in .25s var(--motion-ease) both}.contact-faq-answer:not([hidden]),.contact-feedback,.studio-faq-item[open]>p,.service-detail-more[open] .service-detail-expanded{animation:jynoro-feedback-in .2s var(--motion-ease) both}.studio-mobile-menu[open] .studio-mobile-panel{animation:jynoro-panel-in .2s var(--motion-ease) both}.studio-mobile-menu[open]::backdrop{animation:.2s both jynoro-backdrop-in}}.cta-motion{transition:translate var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) ease}.cta-motion-line,.cta-motion-icon{transition-duration:var(--motion-text);transition-timing-function:var(--motion-ease)}.studio-nav-link:after{transition:transform var(--motion-fast) var(--motion-ease)}.studio-nav-link:focus-visible:after{transform:scaleX(1)}.work-project-screen{transition:transform var(--motion-text) var(--motion-ease)}.work-expand-circle{transition:opacity var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease), translate .16s var(--motion-ease)}.capability-card,.services-overview-cta{transition:translate var(--motion-fast) var(--motion-ease)}.capability-card-arrow,.capability-card-arrow>svg{transition-duration:var(--motion-fast)}.about-founder-card,.about-trust-card,.article-related-card,.portfolio-project-card,.journal-card{transition:translate var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) ease}.studio-insight-image img,.journal-card-art img,.portfolio-card-preview,.article-related-art img{transition:transform var(--motion-text) var(--motion-ease)}.contact-field :is(input,select,textarea){transition:border-color var(--motion-fast) ease}.contact-faq-toggle svg{transition:transform var(--motion-fast) var(--motion-ease)}.contact-faq-item.is-open .contact-faq-toggle svg{transform:rotate(45deg)}.studio-process-step-2{--step-index:1}.studio-process-step-3{--step-index:2}.studio-process-step-4{--step-index:3}.studio-process-step-5{--step-index:4}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.cta-motion:hover{translate:0 -2px}.cta-motion:active{translate:0}.capability-card:hover,.portfolio-project-card:hover,.journal-card:hover{translate:0 -3px}.portfolio-project-card:active,.journal-card:active{translate:0 -1px}.work-open-project:active .work-expand-circle{scale:.96}}@media (hover:none),(max-width:767px){.hero-light,.hero-service{animation:none}.work-project-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){[data-motion-state=pending]{opacity:1}.hero-heading-line{display:inline-block}.cta-motion,.cta-motion *,.work-expand-circle,.contact-faq-toggle svg{transition:none}.cta-motion:hover,.cta-motion:active{translate:none}.contact-faq-item.is-open .contact-faq-toggle svg{transform:none}.work-open-project .work-expand-circle{display:none}.selected-work .work-open-project{cursor:pointer}}@keyframes jynoro-hero-line{0%{translate:0 16px}to{translate:0}}@keyframes jynoro-hero-support{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}@keyframes jynoro-process-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes jynoro-step-emphasis{0%{scale:.96}55%{scale:1.035}to{scale:1}}@keyframes jynoro-review-in{0%{opacity:0;translate:16px}to{opacity:1;translate:0}}@keyframes jynoro-panel-in{0%{opacity:.2;translate:0 16px}to{opacity:1;translate:0}}@keyframes jynoro-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes jynoro-feedback-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}
.jynoro-nav{z-index:60;background:var(--studio-bg);color:var(--studio-ink);border:0;position:fixed;inset:0 0 auto}.nav-light{--studio-bg:#fff;--studio-ink:#20212a;--studio-muted:var(--muted-light);--studio-purple:#6c3dff;--studio-blue:#2563eb;--studio-wash:#f2efff;--studio-border:#e8e6ef}.studio-nav-inner{height:var(--nav-height);max-width:var(--nav-max);padding:0 var(--nav-gutter);justify-content:space-between;align-items:center;gap:40px;margin:auto;display:flex}.studio-logo{width:var(--nav-logo-width);flex-shrink:0;display:block}.studio-logo img{width:100%;height:auto;display:block}.studio-desktop-links{align-items:center;gap:var(--nav-link-gap);margin-inline:auto;display:flex}.studio-nav-link{color:var(--studio-ink);font-size:var(--type-nav);padding:14px 0;font-weight:500;line-height:1.5;transition:color .18s;position:relative}.studio-nav-link:after{content:"";background:var(--brand-gradient);transform-origin:0;height:1px;transition:transform .2s;position:absolute;bottom:9px;left:0;right:0;transform:scaleX(0)}.studio-nav-link:hover:after,.studio-nav-link[aria-current=page]:after{transform:scaleX(1)}.studio-nav-actions{flex-shrink:0;align-items:center;gap:20px;display:flex}.studio-nav-cta{border-radius:var(--radius-pill);background:var(--studio-ink);color:var(--studio-bg);font-size:var(--action-font-size);line-height:var(--leading-label);letter-spacing:0;font-weight:var(--weight-label);border:0;justify-content:center;align-items:center;gap:24px;padding:15px 24px;display:inline-flex}.studio-icon-button{width:42px;height:42px;color:var(--studio-ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .18s;display:grid}.studio-icon-button:hover{background:var(--studio-wash)}.studio-menu-toggle{display:none}.jynoro-nav :focus-visible{outline:2px solid var(--studio-blue);outline-offset:5px}.studio-skip-link{background:var(--studio-bg);color:var(--studio-ink);border:1px solid var(--studio-purple);font-size:var(--type-metadata);line-height:var(--leading-label);letter-spacing:0;border-radius:8px;padding:12px 20px;position:absolute;top:-100px;left:20px}.studio-skip-link:focus{z-index:2;top:10px}.studio-mobile-menu{background:var(--studio-bg);width:min(480px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--studio-ink);box-shadow:none;border:0;border-radius:0;margin:0;padding:0;position:fixed;inset:0 0 auto auto}.studio-mobile-menu::backdrop{background:#16102265}.studio-mobile-panel{flex-direction:column;min-height:100%;padding:24px 32px 34px;display:flex}.studio-mobile-top{color:var(--studio-muted);font-size:var(--type-metadata);line-height:var(--leading-label);letter-spacing:0;justify-content:space-between;align-items:center;padding-bottom:35px;display:flex}.studio-mobile-panel nav{flex-direction:column;display:flex}.studio-mobile-panel nav a{letter-spacing:-.045em;border:0;align-items:center;gap:16px;padding:15px 0;font-size:39px;font-weight:400;display:flex}.studio-mobile-panel nav a[aria-current=page]{color:var(--studio-purple)}.studio-mobile-panel nav a svg{stroke-width:1.25px;width:25px;margin-left:auto}.studio-mobile-bottom{flex-direction:column;gap:20px;margin-top:auto;padding-top:35px;display:flex}.studio-mobile-bottom p{color:var(--studio-muted);font-size:var(--type-body-secondary);line-height:var(--leading-body);letter-spacing:0;margin:0}.studio-mobile-bottom .studio-nav-cta{display:flex}.studio-mobile-bottom>a:last-child{color:var(--studio-muted);font-size:var(--type-metadata);line-height:var(--leading-label);letter-spacing:0}@media (max-width:1100px){.studio-nav-inner{gap:25px}}@media (max-width:1023px){.studio-desktop-links{display:none}.studio-menu-toggle{display:grid}}@media (max-width:767px){.studio-nav-inner{gap:12px}.studio-nav-actions{gap:7px}.studio-nav-actions>.studio-nav-cta{display:none}}@media (max-height:650px){.studio-mobile-top{padding-bottom:15px}.studio-mobile-panel nav a{padding:10px 0;font-size:28px}}