:root{--bg:#f5f6f7;--surface:#fff;--ink:#17253b;--muted:#66727d;--line:#dde2e7;--terracotta:#c75f37;--blue:#315db5;--terracotta-deep:#a74827;--sage:#98b7a2;--gold:#d6a33d;--navy:#17253b;--shadow:0 24px 70px #17253b14;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{letter-spacing:0;margin:0;font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.08}p{line-height:1.65}.container{width:min(100% - 3rem,1180px);margin-inline:auto}.narrow{max-width:880px}.skip-link{z-index:100;color:#fff;background:var(--ink);border-radius:8px;padding:.7rem 1rem;font-weight:800;text-decoration:none;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:20;backdrop-filter:blur(18px);background:#f5f6f7db;border-bottom:1px solid #dde2e7cc;position:sticky;top:0}.header-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(1.25rem,3vw,2.5rem);max-width:860px;min-height:78px;display:grid}.nav-group{align-items:center;gap:clamp(1rem,1.75vw,1.45rem);display:flex}.nav-group-start{justify-content:flex-end}.nav-group-end{justify-content:flex-start}.brand{color:var(--ink);align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.brand-mark{width:auto;height:2.5rem}.brand-word{font-family:Fraunces,Georgia,serif;font-size:2.15rem;font-weight:600;line-height:1}.nav-link{color:color-mix(in srgb, var(--ink) 82%, transparent);white-space:nowrap;padding:.55rem .05rem;font-size:clamp(1.04rem,1.2vw,1.14rem);font-weight:780;text-decoration:none;transition:color .15s}.nav-group-start .nav-link:hover,.nav-group-start .nav-link[aria-current=page]{color:var(--blue)}.nav-group-end .nav-link:hover,.nav-group-end .nav-link[aria-current=page]{color:var(--terracotta)}.footer-language{color:#101a2b;background:#fff;border-radius:999px;place-items:center;min-width:2.75rem;min-height:2.1rem;font-size:.8rem;font-weight:850;text-decoration:none;display:grid}.home-hero{color:#fffaf1;background:#101a2b;min-height:clamp(34rem,100vh - 78px,45rem);display:grid;position:relative;overflow:hidden}.hero-image,.hero-overlay{position:absolute;inset:0}.home-hero-copy{grid-area:1/1}.hero-image img{object-fit:cover;width:100%;height:100%}.hero-overlay{background:linear-gradient(90deg,#101a2bdb,#101a2b80 39%,#101a2b0d),linear-gradient(#0000 56%,#101a2b9e)}.home-hero-copy{z-index:1;align-self:center;padding-block:clamp(2rem,3.5vw,2.5rem);position:relative}.eyebrow{color:var(--terracotta);letter-spacing:.15em;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:860}.home-hero .eyebrow{color:#f0ad8f}.home-hero h1{max-width:760px;font-size:clamp(2.6rem,5vw,4.6rem)}.home-hero p:not(.eyebrow){color:#e8edf1;max-width:600px;margin:1.25rem 0 0;font-size:clamp(1rem,1.4vw,1.12rem)}.actions{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:.88rem 1.25rem;font-weight:850;text-decoration:none;display:inline-flex}.button.primary{color:#fff;background:var(--terracotta)}.button.primary:hover{background:var(--terracotta-deep)}.button.secondary{color:#fff;border:1px solid #ffffff80}.intro-section,.corporate-section{padding-block:clamp(5rem,9vw,8rem)}.image-section{background-color:#fff;position:relative;overflow:hidden}.image-section:before{content:"";opacity:.6;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.image-section:after{content:"";pointer-events:none;background:linear-gradient(90deg,#f5f6f7e6,#f5f6f7b8 46%,#f5f6f78f);position:absolute;inset:0}.image-section>.container{z-index:1;position:relative}.products-bg:before{opacity:.58;background-image:url(/img/sections/products-design-screens.png);background-position:50%}.services-bg:before{opacity:.42;background-image:url(/img/sections/services-code.png)}.about-bg:before{opacity:.34;background-image:url(/img/sections/about-studio.png)}.intro-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.intro-grid h2,.page-header h1,.section-title h2{font-size:clamp(2.35rem,5vw,4.8rem)}.intro-grid p:not(.eyebrow),.page-header p,.project-row>p,.service-card p,.contact-panel>p{color:var(--muted);font-size:1.08rem}.pillar-row{flex-wrap:wrap;gap:.65rem;margin-top:2rem;display:flex}.pillar-row span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.75rem .95rem;font-weight:780;box-shadow:0 8px 24px #17253b0a}.page-header{color:#fffaf1;background:var(--navy);align-items:center;min-height:clamp(20rem,34vw,24rem);padding-block:3rem;display:flex;position:relative;overflow:hidden}.page-header:before{content:"";opacity:.68;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}.page-header:after{content:"";background:radial-gradient(circle at 18% 18%,#c75f3761,#0000 30%),radial-gradient(circle at 78% 20%,#98b7a24d,#0000 30%),linear-gradient(110deg,#17253be0,#17253b9e 46%,#17253b61);position:absolute;inset:0}.page-header-default:before{background-image:url(/img/hero/versia-product-family-hero.png)}.page-header-projects:before{opacity:.76;background-image:url(/img/sections/products-design-screens.png);background-position:50%}.page-header-services:before{opacity:.72;background-image:url(/img/sections/services-code.png)}.page-header-about:before{opacity:.68;background-image:url(/img/sections/about-studio.png)}.page-header .container{z-index:1;position:relative}.page-header-stack{display:grid}.page-header-stack>*{grid-area:1/1;align-self:center}.page-header-sizer{visibility:hidden}.page-header .page-header-title{margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(2.35rem,5vw,4.8rem);font-weight:600;line-height:1.08}.page-header .eyebrow{color:#f0ad8f}.page-header p:last-child{color:#e8edf1;max-width:760px;margin-top:1.25rem}.soft{background:#fff}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.product-card{height:100%;min-height:34rem;box-shadow:var(--shadow);backdrop-filter:blur(16px);background:#ffffffdb;border:1px solid #dde2e7e0;border-radius:8px;flex-direction:column;padding:clamp(1.35rem,2.5vw,1.8rem);display:flex}.product-logo{background:linear-gradient(135deg,#17253b0d,#98b7a229);border:1px solid #dde2e7e6;border-radius:8px;place-items:center;min-height:12.5rem;margin:0 0 1.6rem;padding:1.5rem;display:grid}.product-logo img{object-fit:contain;width:auto;max-width:100%;height:4.5rem;display:block}.product-logo span{white-space:nowrap;align-items:center;height:4.5rem;font-family:Fraunces,Georgia,serif;font-size:2.3rem;font-weight:700;line-height:1;display:flex}.product-logo-kids{background:linear-gradient(135deg,#c75f3721,#d6a33d24,#98b7a22e)}.product-logo-kids span{color:var(--terracotta)}.product-card h2{text-align:center;font-size:clamp(1.5rem,2.5vw,2.25rem)}.product-card>p{color:var(--muted)}.product-card .text-link{align-self:center;margin-top:auto;padding-top:1.25rem}.service-card h2{font-size:clamp(1.5rem,2.5vw,2.3rem)}.text-link{color:var(--terracotta);white-space:nowrap;font-weight:850;text-decoration:none}.muted-link{color:var(--muted)}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.service-card{backdrop-filter:blur(14px);background:#ffffffd6;border:1px solid #dde2e7e6;border-radius:8px;height:100%;min-height:16rem;padding:clamp(1.4rem,3vw,2rem);box-shadow:0 18px 50px #17253b0f}.service-card p{margin-bottom:0}.motto-section{color:#fffaf1;background:var(--navy);padding-block:clamp(3rem,7vw,5rem)}blockquote{border-left:4px solid var(--terracotta);margin:0;padding-left:1.3rem;font-family:Fraunces,Georgia,serif;font-size:clamp(1.7rem,4vw,3.2rem);line-height:1.25}.heritage-section{background:color-mix(in srgb, var(--gold) 14%, var(--bg));border-bottom:1px solid var(--line)}.heritage-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.heritage-grid h2{max-width:620px;font-size:clamp(2.35rem,5vw,4.8rem)}.heritage-grid>p{max-width:620px;color:var(--muted);margin:0;font-size:clamp(1.05rem,1.5vw,1.2rem)}.about-closing{background:color-mix(in srgb, var(--sage) 34%, var(--bg));border-block:1px solid var(--line);position:relative;overflow:hidden}.about-closing-mark{opacity:.16;filter:saturate(1.4);pointer-events:none;width:clamp(40rem,68vw,60rem);height:auto;position:absolute;top:-7rem;left:-13rem;transform:rotate(8deg)}.about-closing .container{z-index:1;max-width:900px;padding-block:4.5rem;position:relative}.about-closing p{color:var(--ink);margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.35}.section-title{max-width:700px;margin-bottom:2rem}.work-section{border-bottom:1px solid var(--line);background:#fff}.work-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.work-copy h2{font-size:clamp(2.35rem,4.5vw,4rem)}.work-copy p:not(.eyebrow){max-width:30rem;color:var(--muted);margin-top:1.25rem;font-size:1.08rem}.form-panel{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:clamp(1.4rem,3vw,2.2rem)}.inquiry-form{text-align:left;gap:1.1rem;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;display:grid}.form-field{gap:.45rem;display:grid}.form-field label{color:var(--ink);font-size:.9rem;font-weight:780}.form-field input,.form-field select,.form-field textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #c9d1d8;border-radius:8px;padding:.8rem .95rem;font-size:1rem}.form-field textarea{resize:vertical;min-height:9rem;line-height:1.55}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid color-mix(in srgb, var(--terracotta) 55%, transparent);outline-offset:1px;border-color:var(--terracotta)}.form-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.35rem;display:flex}.inquiry-form .button{font:inherit;cursor:pointer;border:0;font-weight:850}.inquiry-form .button:disabled{opacity:.7;cursor:progress}.form-status{flex:16rem;margin:0;font-size:.95rem;font-weight:650}.form-status.is-success{color:#2f6b47}.form-status.is-error{color:var(--terracotta-deep)}.team-inner{text-align:center;max-width:900px}.team-inner h2{font-size:clamp(2.35rem,4.5vw,3.4rem)}.team-subheading{max-width:640px;color:var(--muted);margin:1.25rem auto 0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.05rem,1.6vw,1.25rem);font-style:italic;line-height:1.6}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;max-width:760px;margin:3rem auto 0;display:grid}.team-card{box-shadow:var(--shadow);backdrop-filter:blur(14px);background:#ffffffdb;border:1px solid #dde2e7e6;border-radius:8px;flex-direction:column;align-items:center;padding:clamp(1.6rem,3vw,2.2rem);display:flex}.team-photo{object-fit:cover;border-radius:20px;width:clamp(9rem,18vw,12rem);height:clamp(9rem,18vw,12rem);margin-bottom:1.35rem;box-shadow:0 14px 34px #17253b24}.team-card h3{font-size:1.45rem}.team-role{color:var(--terracotta);letter-spacing:.12em;text-transform:uppercase;margin:.4rem 0 0;font-size:.76rem;font-weight:850}.team-bio{max-width:22rem;color:var(--muted);margin:.9rem 0 0;font-family:Fraunces,Georgia,serif;font-style:italic}.contact-page{background:#fff;place-items:center;min-height:calc(100vh - 88px);padding-block:clamp(4rem,10vw,8rem);display:grid;position:relative;overflow:hidden}.contact-bg:before{content:"";opacity:.56;background:url(/img/sections/contact-desk.png) 50%/cover;position:absolute;inset:0}.contact-bg:after{content:"";background:radial-gradient(circle at 50% 38%,#ffffffeb,#ffffffb8 46%,#f5f6f7ad);position:absolute;inset:0}.contact-bg>.container{z-index:1;position:relative}.contact-panel{text-align:center;box-shadow:var(--shadow);backdrop-filter:blur(16px);background:#ffffffc7;border:1px solid #dde2e7e6;border-radius:8px;padding:clamp(2rem,5vw,3.5rem)}.contact-panel h1{font-size:clamp(2.8rem,7vw,6rem)}.contact-panel>p:not(.eyebrow){max-width:620px;margin:1.2rem auto 0}.contact-panel .inquiry-form{max-width:640px;margin:2rem auto 0}.contact-panel>p.email-line{margin-top:1.75rem;font-size:.98rem}.email-line a{color:var(--terracotta);font-weight:780}.footer{color:#cbd5dd;background:#101a2b;padding-block:2.5rem}.footer-grid{grid-template-columns:1fr auto auto auto;align-items:center;gap:2rem;display:grid}.footer-logo{align-items:center;text-decoration:none;display:inline-flex}.footer-logo img{filter:brightness(0)invert();opacity:.96;width:8.6rem}.footer-nav{gap:1.25rem;display:flex}.footer-nav a{color:#dfe6ec;font-weight:730;text-decoration:none}.footer p{color:#aeb9c2;margin:0}@media (width<=680px){.header-inner{flex-wrap:wrap;justify-content:center;gap:.5rem 1.1rem;min-height:auto;padding-block:.9rem;display:flex}.brand{order:-1;justify-content:center;width:100%}.nav-group{display:contents}.home-hero{min-height:28.8rem}.page-header{min-height:22rem}.intro-grid,.product-grid,.service-grid,.work-grid,.heritage-grid,.form-row,.team-grid,.footer-grid{grid-template-columns:1fr}.footer-nav{flex-wrap:wrap}.footer-grid{grid-template-columns:1fr auto}.footer-logo,.footer-nav{grid-column:1/-1}.footer p{grid-area:3/1}.footer-language{grid-area:3/2}}@media (width<=560px){.container{width:min(100% - 2rem,1180px)}.brand-mark{height:2rem}.brand-word{font-size:1.75rem}.nav-link{font-size:.98rem}.home-hero{min-height:0}.page-header{min-height:24rem;padding-block:2.5rem}.home-hero h1{font-size:clamp(2.2rem,10vw,3rem)}.home-hero p:not(.eyebrow){margin-top:1rem}.home-hero .actions{margin-top:1.25rem}.home-hero-copy{padding-block:1.75rem}.hero-overlay{background:linear-gradient(#101a2b47,#101a2be6)}}.not-found-actions{justify-content:center}
