:root{--bg:#10110f;--surface:#181a16;--ink:#f3f4ec;--muted:#9c9e93;--lime:#c4f35b;--line:#30332b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--lime);color:var(--bg)}.topline{height:3px;background:var(--lime)}.header{height:98px;padding:0 5%;display:flex;align-items:center;gap:48px;border-bottom:1px solid var(--line);position:relative;z-index:5;background:var(--bg)}.logo{font-family:'Segoe UI',Arial,sans-serif;font-size:33px;font-weight:800;letter-spacing:-2px;line-height:1}.logo span{font:12px 'Segoe UI',Arial,sans-serif;vertical-align:top;margin-left:6px;letter-spacing:0}.header nav{display:flex;gap:34px;margin-left:auto;color:#c0c2b8;font-size:14px}.header nav a:hover{color:var(--lime)}.nav-cta{border:1px solid #5c6051;padding:11px 18px;border-radius:6px;font-size:14px}.nav-cta span{margin-left:28px;color:var(--lime)}.menu{display:none}.hero{position:relative;min-height:760px;overflow:hidden;padding:34px 5% 25px}.hero-top{display:flex;justify-content:space-between;position:relative;z-index:2}.eyebrow,.edition{font-size:12px;letter-spacing:1.8px;font-weight:500}.eyebrow{margin:0}.edition{color:var(--muted)}.hero-art{position:absolute;right:-8%;top:10px;width:68%;height:670px;pointer-events:none;opacity:.85;mask-image:linear-gradient(90deg,transparent,black 27%),linear-gradient(0deg,transparent,black 15%);mask-composite:intersect}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-content{position:relative;z-index:1;padding-top:109px;max-width:960px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Segoe UI',Arial,sans-serif}h1{font-size:clamp(52px,6.6vw,100px);line-height:1.09;letter-spacing:-5px;font-weight:500;margin-bottom:30px}em{font-style:normal;color:var(--lime)}.hero-copy{color:#b9bdb1;max-width:425px;font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:34px}.button{padding:17px 24px;border-radius:5px;display:inline-flex;justify-content:space-between;align-items:center;gap:38px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.lime{background:var(--lime);color:var(--bg)}.lime:hover{background:#d5ff7d}.button span{font-size:23px;line-height:1}.text-link{font-size:14px}.text-link span{margin-left:15px}.hero-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:89px;position:relative;z-index:1;font-size:12px;color:var(--muted)}.hero-bottom p{margin:0}.scroll{letter-spacing:1.5px}.scroll span{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;margin-left:15px}.hero-index{letter-spacing:1px}.ticker{border-block:1px solid var(--line);overflow:hidden;padding:22px 0;color:#d1d4c7}.ticker>div{white-space:nowrap;font-family:'Segoe UI',Arial,sans-serif;font-weight:600;font-size:22px;letter-spacing:1px;animation:marquee 35s linear infinite;width:max-content}.ticker span{color:var(--lime);margin:0 49px}@keyframes marquee{to{transform:translateX(-35%)}}.section{padding:110px 5%}.section-heading{display:grid;grid-template-columns:1fr 1.45fr;column-gap:80px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:33px;color:var(--lime)}h2{font-size:clamp(36px,4.15vw,62px);font-weight:500;line-height:1.15;letter-spacing:-2.5px}h2 span{color:#85897b}.section-heading>p:last-child{max-width:385px;justify-self:end;align-self:end;color:var(--muted);margin-bottom:40px}.service-list{margin-top:35px}.service{border-top:1px solid var(--line);padding:28px 0}.service:last-child{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;cursor:pointer;gap:35px;list-style:none}summary::-webkit-details-marker{display:none}.number{font-size:13px;color:var(--muted);width:54px}summary h3{font-size:28px;font-weight:500;letter-spacing:-.7px;margin:0}.plus{margin-left:auto;font-size:30px;font-weight:400;color:var(--lime);transition:transform .3s}.service[open] .plus{transform:rotate(45deg)}.service-body{padding:22px 0 8px 89px;display:flex;justify-content:space-between;gap:70px}.service-body p{max-width:540px;color:var(--muted);margin:0}.tags{display:flex;flex-wrap:wrap;gap:8px;max-width:290px;align-content:start}.tags span{border:1px solid var(--line);border-radius:4px;padding:5px 9px;font-size:11px;letter-spacing:.8px}.work{background:#191b16}.work-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:45px}.work-heading .eyebrow{color:var(--lime);margin-bottom:30px}.work-heading p:last-child{color:var(--muted);font-size:14px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-visual{height:430px;padding:24px 28px;position:relative;overflow:hidden;transition:transform .5s}.project:hover .project-visual{transform:translateY(-5px)}.restaurant{background:#50251e;color:#e5d7b8}.mock-nav{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:600;letter-spacing:2px;border-bottom:1px solid currentColor;padding-bottom:15px}.mock-nav span{font-size:8px;letter-spacing:1px;font-weight:400}.restaurant-content{margin:37px 15px}.restaurant-content>span{font-size:10px;letter-spacing:2px}.restaurant-content h3{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:72px;line-height:1.05;margin:15px 0}.restaurant-content p{font-size:12px}.restaurant-content .mock-link{border-bottom:1px solid #e5d7b8;padding-bottom:5px;font-size:9px}.restaurant-side{writing-mode:vertical-rl;position:absolute;right:30px;top:145px;font-size:10px;letter-spacing:3px}.concept-label{position:absolute;bottom:17px;right:20px;font-size:9px;letter-spacing:1px;opacity:.6}.tech{background:#c4cec6;color:#233c38}.tech-content{margin:35px 5px}.tech-content>span{font-size:9px;letter-spacing:1.7px}.tech-content h3{font-size:60px;line-height:1.08;letter-spacing:-3px;font-weight:500;margin:18px 0 30px}.product-ui{border-top:1px solid #94a59b;display:flex;align-items:center;gap:18px;padding-top:17px}.product-ui>span:first-child{font-size:27px;font-family:Georgia,serif;font-style:italic}.product-ui strong{font-size:12px}.product-ui p{font-size:10px;margin:0}.product-ui>span:last-child{margin-left:auto;font-size:30px}.project-caption{display:flex;justify-content:space-between;padding-top:23px}.project-caption h3{font-size:19px;font-weight:500;margin-bottom:5px}.project-caption p{font-size:13px;color:var(--muted);margin:0}.project-caption>span{font-size:12px;color:var(--muted)}.concept-note{font-size:12px;color:var(--muted);margin:26px 0 0}.studio{display:grid;grid-template-columns:1fr 1fr;gap:10%}.studio .eyebrow{color:var(--lime);margin-bottom:35px}.studio-signature{font-family:'Segoe UI',Arial,sans-serif;font-size:140px;line-height:1;margin-top:48px;font-weight:700;letter-spacing:-13px;color:var(--lime)}.studio-signature span{font-size:60px;display:inline-block;vertical-align:top;margin-left:10px}.studio-copy{padding-top:58px}.large-copy{font-size:25px;line-height:1.5;letter-spacing:-.5px}.studio-copy>p:not(.large-copy){color:var(--muted)}.studio-values{margin-top:35px}.studio-values>div{position:relative;border-top:1px solid var(--line);padding:20px 0 20px 45px}.studio-values span{position:absolute;left:0;top:24px;font-size:12px;color:var(--lime)}.studio-values h3{font-size:16px;font-weight:500;margin:0 0 4px}.studio-values p{font-size:14px;color:var(--muted);margin:0}.process{border-top:1px solid var(--line);padding-top:90px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:45px}.process-grid article{border-top:1px solid #62684f;padding-top:23px}.process-grid span{font-size:11px;color:var(--lime);letter-spacing:1.2px}.process-grid h3{font-size:20px;letter-spacing:-.5px;line-height:1.4;font-weight:500;margin:26px 0 15px}.process-grid p{font-size:14px;color:var(--muted)}.contact{margin:0 24px;background:var(--lime);color:var(--bg);padding:50px 4% 55px;border-radius:8px}.contact-top{display:flex;justify-content:space-between;gap:25px;font-size:11px;letter-spacing:1px}.contact h2{font-size:clamp(48px,7vw,105px);letter-spacing:-4px;margin:60px 0 40px;line-height:1.06}.contact em{font-family:Georgia,serif;color:var(--bg);font-style:italic}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:25px}.contact-bottom p{margin:0;font-size:16px}.dark{background:var(--bg);color:var(--ink)}footer{padding:60px 5% 25px}.footer-top{display:flex;align-items:center;gap:55px;padding-bottom:55px}.footer-top p{font-size:13px;color:var(--muted);margin:0}.footer-top>a:not(.logo){font-size:13px}.footer-top>a:nth-last-child(2){margin-left:auto}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:24px;color:#8a8f80;font-size:10px;letter-spacing:1px}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .65s,transform .65s}.js .reveal.visible{opacity:1;transform:translateY(0)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}.contact a:focus-visible{outline-color:#10110f}@media(min-width:1600px){.header,.hero,.section,footer{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}@media(max-width:1000px){h1{letter-spacing:-3px}.hero{min-height:700px}.hero-art{width:85%;right:-25%;opacity:.6}.hero-content{padding-top:100px}.section{padding-block:80px}.section-heading{column-gap:30px}.service-body{gap:25px}.project-visual{height:380px;padding:20px}.mock-nav span:nth-child(2){display:none}.tech-content h3{font-size:48px}.restaurant-content h3{font-size:60px}.studio{gap:6%}.process-grid{grid-template-columns:1fr 1fr}.contact-top>span{display:none}}@media(max-width:650px){.header{height:78px;gap:18px}.logo{font-size:28px}.nav-cta{margin-left:auto;font-size:12px;padding:9px 12px}.nav-cta span{margin-left:10px}.menu{display:block;border:0;background:none;color:var(--ink);font-size:24px;cursor:pointer;padding:5px}.header nav{display:none;position:absolute;top:77px;left:0;right:0;margin:0;background:#191b16;padding:25px 6%;border-bottom:1px solid var(--line);flex-direction:column;gap:22px}.header nav.open{display:flex}.hero{min-height:740px;padding-top:26px}.eyebrow{font-size:10px;letter-spacing:1.3px}.edition{display:none}.hero-art{width:125%;right:-45%;top:170px;height:490px;opacity:.52}.hero-content{padding-top:73px}h1{font-size:clamp(41px,9.5vw,62px);letter-spacing:-2px;line-height:1.14;margin-bottom:25px}.hero-copy{font-size:16px;max-width:305px}.hero-actions{align-items:start;flex-direction:column;gap:23px;margin-top:30px}.button{padding:15px 19px;font-size:13px;gap:28px}.hero-bottom{margin-top:87px;font-size:10px}.scroll{font-size:0}.scroll span{font-size:19px}.hero-index{display:none}.ticker{padding:18px 0}.ticker>div{font-size:17px}.ticker span{margin:0 25px}.section{padding:65px 6%}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:24px}h2{font-size:38px;letter-spacing:-1.6px}.section-heading>p:last-child{font-size:15px;margin-bottom:30px}.service-list{margin-top:20px}.service{padding:23px 0}summary{gap:13px}.number{width:22px;font-size:11px}summary h3{font-size:19px;letter-spacing:-.5px}.plus{font-size:25px}.service-body{padding:20px 0 0 35px;display:block;font-size:14px}.tags{margin-top:20px;max-width:none}.tags span{font-size:9px}.work-heading{display:block;margin-bottom:28px}.work-heading p:last-child{font-size:14px}.work-grid{grid-template-columns:1fr;gap:36px}.project-visual{height:380px}.mock-nav span:nth-child(2){display:block;font-size:7px}.project-caption h3{font-size:17px}.project-caption p{font-size:12px}.concept-note{line-height:1.6}.studio{display:block}.studio-signature{display:none}.studio-copy{padding-top:5px}.large-copy{font-size:22px}.process-grid{gap:25px 20px;margin-top:30px}.process-grid h3{font-size:18px}.process-grid p{font-size:13px}.process-grid span{font-size:9px}.contact{margin:0 12px;padding:32px 6%;border-radius:5px}.contact-top .eyebrow{font-size:9px;max-width:230px}.contact h2{font-size:43px;letter-spacing:-2px;margin:44px 0 30px}.contact-bottom{display:block}.contact-bottom p{font-size:14px;margin-bottom:24px}.contact .button{width:100%;font-size:12px;gap:10px}footer{padding:42px 6% 25px}.footer-top{flex-wrap:wrap;gap:25px;padding-bottom:30px}.footer-top p{margin-left:auto}.footer-top>a:nth-last-child(2){margin-left:0}.back-top{margin-left:auto}.footer-bottom{font-size:9px;flex-wrap:wrap;gap:15px}.footer-bottom>span:nth-child(2){order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
/* ZIVAG Development: blue, cyan, gold and graphite brand system. */
:root{--bg:#080e18;--surface:#111c2b;--ink:#f2f6fb;--muted:#a0afc2;--lime:#53d0ee;--gold:#d6a832;--line:#253347}body{background:var(--bg)}.topline{background:linear-gradient(90deg,#49d3e6,#075aa8 45%,#d6a832 70%,#303b49)}.header{position:sticky;top:0;height:94px;background:#080e18f2;backdrop-filter:blur(18px);gap:30px}.logo{display:flex;align-items:center;gap:12px;letter-spacing:3px;font-size:25px}.logo img{width:61px;height:61px;object-fit:contain;background:white;border-radius:5px}.logo .brand-name{font:700 25px 'Segoe UI',Arial,sans-serif;letter-spacing:3px;margin:0}.brand-name small{display:block;font-size:8px;letter-spacing:2.2px;margin-top:5px;font-weight:500}.header nav{gap:26px;color:#afbdcf}.nav-cta{border-color:#47627c;color:#e7effa}.hero{padding-top:30px;min-height:auto;background:radial-gradient(ellipse at 76% 37%,#12385580,transparent 47%),radial-gradient(ellipse at 98% 90%,#92751a15,transparent 45%)}.hero-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:6%;align-items:center;padding:70px 0 0}.hero-content{padding:0;max-width:none}.hero-kicker{font-size:11px;letter-spacing:1.8px;color:#b9cce0;display:flex;align-items:center;gap:12px}.hero-kicker span{display:block;width:22px;height:1px;background:var(--gold)}h1{font-size:clamp(46px,5.25vw,82px);font-weight:500;letter-spacing:-3.5px;line-height:1.12;margin-top:23px}h1 em{background:linear-gradient(110deg,#59d3e8 10%,#479de2 75%,#f1c769);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy{max-width:470px;color:#a0b3c9;font-size:17px}.hero-actions{gap:22px}.lime{background:linear-gradient(115deg,#59d4e6,#5fa7ef);color:#071623;box-shadow:0 6px 32px #2cacdd16}.lime:hover{background:linear-gradient(115deg,#86e5f4,#7abbff)}.text-link{font-size:13px}.hero-disciplines{display:flex;gap:20px;margin-top:38px;color:#8398b1;font-size:11px;letter-spacing:.4px}.hero-disciplines span+span{border-left:1px solid var(--line);padding-left:20px}.service-console{position:relative;border:1px solid #3c5874;border-radius:14px;background:linear-gradient(125deg,#1a2c42b3,#0c1523ed 70%);box-shadow:0 30px 90px #0005,inset 0 1px #7194b730;transform:perspective(1000px) rotateY(-3deg);overflow:hidden}.service-console:before{content:'';position:absolute;top:0;left:20%;height:1px;width:60%;background:linear-gradient(90deg,transparent,#72d8f0,transparent)}.console-heading{display:flex;gap:12px;align-items:center;border-bottom:1px solid #2d3d50;padding:20px 25px;font:11px monospace;letter-spacing:1px;color:#bdd0e4}.console-symbol{color:var(--gold);font-size:23px}.console-version{margin-left:auto;color:#7890aa}.console-prompt{font-size:14px;margin:25px 25px 17px;color:#b3c7dc}.solution-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 25px}.solution{cursor:pointer;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #304359;background:#0c1828;color:#b4c6db;font-size:12px;padding:13px 14px;border-radius:5px;transition:background .2s,border-color .2s}.solution span{font:16px monospace;color:#7aa6ca}.solution:hover{border-color:#6eb9de}.solution.active{background:#173f57;border-color:#5dc6e7;color:#e3f9ff}.solution.active span{color:#64daf1}.solution-result{padding:27px 25px 25px;min-height:248px}.solution-code{font:10px monospace;letter-spacing:1px;color:var(--gold);margin-bottom:13px}.solution-result h2{font-size:30px;line-height:1.2;letter-spacing:-1px;margin-bottom:15px}.solution-result>p:not(.solution-code){font-size:13px;color:#a4b7cb;line-height:1.7;margin-bottom:20px}.solution-tags{display:flex;gap:7px;flex-wrap:wrap}.solution-tags span{font-size:10px;border:1px solid #38516a;padding:4px 8px;color:#b2d3eb;border-radius:3px}.console-link{display:flex;justify-content:space-between;padding:18px 25px;border-top:1px solid #304258;font-size:13px;color:#b5e7ff}.console-link span{color:var(--gold)}.console-footer{font:8px monospace;letter-spacing:1px;color:#7d92ab;background:#090f19;padding:12px 25px;display:flex;justify-content:space-between}.hero-bottom{margin-top:64px;margin-bottom:10px;color:#8399b2}.hero-index{color:#aa9057;font:10px monospace}.ticker{background:#0b1421;color:#a0b8d2}.ticker span:nth-child(even){color:var(--gold)}.ticker>div{font-size:18px}.section-heading{grid-template-columns:1.25fr 1fr}.section-heading>p:last-child{max-width:340px;color:var(--muted)}h2 span{color:#798ca3}.service{transition:background .3s}.service[open]{background:linear-gradient(90deg,#11283c77,transparent);padding-inline:18px}.tags span{font-size:10px;color:#9fc2db}.it-section{display:grid;grid-template-columns:.95fr 1.2fr;gap:7%;background:radial-gradient(ellipse at 0% 0%,#17437555,transparent 55%),#0c1523;border-block:1px solid #263b53}.it-intro .eyebrow{color:var(--gold);margin-bottom:28px;font-size:11px}.it-intro h2{font-size:43px}.it-intro>p:not(.eyebrow){color:var(--muted);font-size:16px;max-width:410px}.it-intro .button{margin-top:20px}.it-phone{display:block;font-size:12px;color:#a7bed4;margin-top:20px}.it-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.it-card{border:1px solid #293c53;background:linear-gradient(140deg,#17263a,#0e1827);padding:23px;position:relative;border-radius:7px;transition:border-color .3s,transform .3s}.it-card:hover{border-color:#55b5d9;transform:translateY(-4px)}.it-icon{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:40px;font:24px monospace;color:#6bd3f2;margin-bottom:22px}.card-index{position:absolute;top:26px;right:22px;font:10px monospace;color:#61768d}.it-card h3{font-size:16px;letter-spacing:-.3px;margin-bottom:12px;font-weight:500}.it-card p{font-size:13px;color:#9dafc4;line-height:1.75}.card-meta{font:8px monospace;letter-spacing:1px;color:#b89b5d}.work{background:#101b2a}.project{position:relative}.project-visual{border-radius:8px 8px 0 0}.project-open{width:100%;border:1px solid #31455e;background:#14243a;color:#c4e4ff;padding:14px 20px;text-align:left;font-size:12px;cursor:pointer;display:flex;justify-content:space-between}.project-open:hover{background:#1d3650}.project-caption>span{color:var(--gold)}.studio-brand{margin-top:38px;width:200px;background:white;border-radius:8px;overflow:hidden;box-shadow:0 0 50px #1574bf16}.studio-brand img{width:100%;height:auto;display:block}.studio-values span{color:var(--gold)}.process-grid article{border-top-color:#385674}.process-grid span{color:#7dd7ee}.contact{background:radial-gradient(ellipse at 100% 100%,#31557977,transparent 60%),linear-gradient(120deg,#0b4777,#113259 50%,#152234);color:#f0f5fb;border:1px solid #456783;position:relative;overflow:hidden}.contact:before{content:'';height:3px;background:linear-gradient(90deg,#4ac8e3,#176fc0,var(--gold));position:absolute;inset:0 0 auto}.contact-top{color:#aacbe3}.contact h2{font-size:clamp(40px,5.9vw,82px);line-height:1.16}.contact em{font-family:'Segoe UI',Arial,sans-serif;font-style:normal;color:#70d5ef}.contact-bottom{align-items:center}.contact-bottom p{color:#acc6df}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.contact-email{font-size:13px;color:#c9dcea;overflow-wrap:anywhere}.contact .dark{background:#e2b64d;color:#101b2a}.footer-top p{color:#8ca2bc}.footer-bottom{color:#8599b0}.clients-section{padding:45px 5%;border-bottom:1px solid var(--line);background:#101a29}.clients-section .eyebrow{text-align:center;color:#9eb6d0;margin-bottom:28px}.client-logos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:48px}.client-logo{display:flex;align-items:center;gap:12px;color:#d4e0ec;font-size:18px}.client-logo img{max-width:135px;max-height:55px;object-fit:contain}.clients-section[hidden]{display:none}dialog{width:min(820px,92vw);max-height:88vh;overflow:auto;background:#101c2d;color:var(--ink);border:1px solid #3b5a77;border-radius:12px;padding:36px;box-shadow:0 30px 150px #0009}dialog::backdrop{background:#020811cf;backdrop-filter:blur(8px)}dialog .eyebrow{color:var(--gold);margin:8px 40px 22px 0}dialog h2{font-size:34px}dialog .dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;color:#d0e3f6;font-size:30px;cursor:pointer;width:40px;height:40px}#dialog-preview .project-visual{height:330px;margin-bottom:24px}#dialog-preview .restaurant-content h3{font-size:55px}#dialog-preview .restaurant-content{margin-top:22px}#dialog-preview .tech-content h3{font-size:46px}#dialog-preview .tech-content{margin-top:20px}#dialog-description{color:#b5c5d8;font-size:15px}dialog .concept-note{margin-bottom:22px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #f0c863;outline-offset:5px}.contact a:focus-visible{outline-color:#f0c863}
@media(min-width:1600px){.hero-layout{gap:8%}}
@media(max-width:1100px){.header{gap:20px}.header nav{gap:18px;font-size:12px}.hero-layout{gap:4%}h1{font-size:58px;letter-spacing:-2px}.hero-actions{align-items:start;flex-direction:column;gap:20px}.hero-disciplines{gap:12px;font-size:10px}.hero-disciplines span+span{padding-left:12px}.it-section{gap:4%;grid-template-columns:1fr 1.2fr}.it-card{padding:18px}.it-intro h2{font-size:36px}}
@media(max-width:850px){.hero-layout{grid-template-columns:1fr;padding-top:48px;gap:40px}.hero-content{max-width:600px}.hero-copy{max-width:480px}.hero-actions{flex-direction:row;align-items:center}.service-console{transform:none;max-width:600px;width:100%;justify-self:center}.solution-result{min-height:230px}.hero-bottom{margin-top:40px}.hero{padding-bottom:30px}.header nav{gap:14px}.header .logo .brand-name{font-size:19px}.header .logo img{width:48px;height:48px}.header .brand-name small{font-size:7px;letter-spacing:1.2px}.header .nav-cta{font-size:12px;padding:9px 12px}.it-section{grid-template-columns:1fr;gap:40px}.it-intro h2{font-size:43px}.it-intro>p:not(.eyebrow){max-width:600px}.it-card h3{font-size:18px}.it-card p{font-size:15px}.it-card{padding:25px}.card-meta{font-size:9px}}
@media(max-width:650px){.header{height:83px;gap:10px}.header .logo{gap:9px}.header .logo img{width:45px;height:45px}.header .logo .brand-name{font-size:17px;letter-spacing:2px}.header .brand-name small{font-size:6px;letter-spacing:1px}.header nav{top:82px;background:#101d2e;font-size:16px}.header .nav-cta{font-size:11px;padding:8px}.header .nav-cta span{margin-left:5px}.menu{padding:4px;font-size:22px}.hero-top .eyebrow{font-size:9px}.hero{min-height:0}.hero-layout{padding-top:43px;gap:33px}.hero-kicker{font-size:9px;letter-spacing:1.2px}h1{font-size:clamp(42px,10.6vw,66px);letter-spacing:-2px;margin-top:20px}.hero-copy{font-size:16px}.hero-actions{flex-direction:column;gap:23px}.hero-disciplines{font-size:10px;margin-top:29px}.service-console{border-radius:9px}.console-heading{padding:17px 20px}.console-prompt{margin:21px 20px 15px}.solution-buttons{padding:0 20px}.solution{font-size:11px;padding:13px 10px;gap:9px}.solution-result{padding:24px 20px;min-height:230px}.solution-result h2{font-size:29px}.solution-result>p:not(.solution-code){font-size:14px}.console-link{padding:17px 20px}.console-footer{padding-inline:20px}.hero-bottom{margin-top:30px}.ticker>div{font-size:15px}.service[open]{padding-inline:10px}.service-body{padding-left:30px}.it-intro h2{font-size:36px}.it-grid{gap:12px}.it-card{padding:18px}.it-card h3{font-size:16px}.it-card p{font-size:13px}.card-meta{font-size:8px;letter-spacing:.4px}.card-index{right:16px}.studio-brand{width:135px;margin-top:25px;margin-bottom:30px}.contact h2{font-size:35px;letter-spacing:-1.3px}.contact-links{margin-top:24px}.contact-email{font-size:12px}.contact .button{width:auto;font-size:12px}.footer-top{gap:23px}.footer-top .logo img{width:51px;height:51px}.footer-top .brand-name{font-size:19px}.footer-top .brand-name small{font-size:7px}.footer-top p{font-size:11px;max-width:155px}.footer-bottom{font-size:9px}dialog{padding:25px 20px}dialog h2{font-size:28px}#dialog-preview .project-visual{height:320px}.clients-section{padding-block:35px}.client-logos{gap:30px}.client-logo img{max-width:100px}}
@media(max-width:370px){.header .brand-name{display:none}.hero-disciplines{font-size:9px}.hero-disciplines span+span{padding-left:8px}.hero-disciplines{gap:8px}.it-grid{grid-template-columns:1fr}.it-card p{font-size:15px}.contact h2{font-size:30px}}
/* Adaptive theme and motion */
:root{color-scheme:dark;--panel:#101c2d;--panel-alt:#14243a;--soft:#7fa0bf;--shadow:0 18px 60px #0003;--header:#080e18ed;--blue:#54cdec;--gold:#d6ad52}
:root[data-theme=light]{color-scheme:light;--bg:#f5f8fc;--surface:#fff;--ink:#122b46;--muted:#52677d;--lime:#07699a;--gold:#91690e;--line:#cddbe8;--panel:#fff;--panel-alt:#eaf2fa;--soft:#4d708f;--shadow:0 18px 60px #12385a10;--header:#f5f8fcf5;--blue:#067cb2}
html{overflow-x:clip}body{transition:background-color .25s,color .25s}button,select,a{-webkit-tap-highlight-color:transparent}button,select{touch-action:manipulation}button{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:15px;top:-80px;background:var(--ink);color:var(--bg);padding:15px;z-index:100}.skip-link:focus{top:10px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#51cede,#2774c5,#dcb354);z-index:50;pointer-events:none}.header{background:var(--header);gap:22px}.header nav{gap:22px}.theme-picker{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;gap:5px;padding:0 8px;color:var(--ink);background:var(--panel);min-height:44px}.theme-picker>span:not(.sr-only){font-size:21px;color:var(--blue)}.theme-picker select{font:500 13px inherit;font-family:inherit;font-size:13px;border:0;background:transparent;color:var(--ink);padding:10px 2px;cursor:pointer;max-width:77px}.theme-picker select option{background:var(--panel);color:var(--ink)}.nav-cta{white-space:nowrap}.header .logo{flex-shrink:0}.hero{isolation:isolate;background:var(--bg)}.hero-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#497aac10 1px,transparent 1px),linear-gradient(90deg,#497aac10 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,black);pointer-events:none}.aurora{position:absolute;inset:-20% -5% 0 20%;z-index:-1;background:radial-gradient(ellipse at 65% 35%,#176da54d,transparent 52%),radial-gradient(ellipse at 20% 60%,#30bbc319,transparent 50%),radial-gradient(ellipse at 80% 85%,#d1a13917,transparent 40%);animation:aurora-drift 14s ease-in-out infinite alternate;pointer-events:none;contain:strict}.hero-top{z-index:1}.hero-layout{padding-top:78px;gap:5%;grid-template-columns:1.25fr 1fr}.hero-content{animation:entrance .75s both}.hero h1{font-size:clamp(45px,5.5vw,84px);line-height:1.13;letter-spacing:-3.5px}.hero h1 em{background-size:220% 100%;animation:chromatic 8s ease-in-out infinite}.hero-kicker{color:var(--muted)}.hero-disciplines{color:var(--soft);gap:17px;font-size:12px}.hero-disciplines span+span{padding-left:17px}.service-console{animation:console-float 8s ease-in-out infinite;box-shadow:var(--shadow),0 0 70px #2c8ed811}.service-console:hover,.service-console:focus-within{animation-play-state:paused}.console-heading{position:relative;overflow:hidden}.console-heading:after{content:'';position:absolute;bottom:0;left:-25%;width:25%;height:1px;background:linear-gradient(90deg,transparent,#67d8f4,transparent);animation:scan 6s linear infinite}.motion-toggle{border:1px solid var(--line);border-radius:5px;padding:9px 12px;min-height:40px;cursor:pointer;background:transparent;color:var(--muted);font-size:12px}.motion-toggle:hover{border-color:var(--blue);color:var(--ink)}.button{position:relative;overflow:hidden;min-height:48px}.button:after{content:'';position:absolute;inset:0;transform:translateX(-120%) skewX(-20deg);background:linear-gradient(90deg,transparent,#ffffff25,transparent);transition:transform .7s}.button:hover:after{transform:translateX(120%) skewX(-20deg)}.button span,.nav-cta span{transition:transform .25s}.button:hover span,.nav-cta:hover span{transform:translate(2px,-2px)}.it-card{overflow:hidden}.it-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 0%,#53cfea20,transparent 65%);opacity:0;transition:opacity .3s}.it-card:hover:before{opacity:1}.it-grid .it-card:nth-child(2),.process-grid article:nth-child(2){transition-delay:.08s}.it-grid .it-card:nth-child(3),.process-grid article:nth-child(3){transition-delay:.15s}.it-grid .it-card:nth-child(4),.process-grid article:nth-child(4){transition-delay:.22s}.clients-section{display:grid;grid-template-columns:.85fr 2fr;gap:35px;align-items:center;padding:40px 5%;background:var(--panel);border-block:1px solid var(--line)}.client-intro .eyebrow{text-align:left;font-size:10px;letter-spacing:1.5px;color:var(--gold);margin-bottom:13px}.client-intro h2{font-size:23px;letter-spacing:-.7px;margin-bottom:8px}.client-intro p:last-child{font-size:13px;color:var(--muted);margin:0}.client-logos{display:grid;grid-template-columns:1fr 1fr;gap:18px}.client-logo{display:flex;align-items:center;gap:16px;min-width:0;border:1px solid var(--line);padding:17px;border-radius:8px;transition:background .25s,transform .25s;color:var(--ink)}.client-logo:hover{background:var(--panel-alt);transform:translateY(-3px)}.client-logo img{width:60px;height:60px;max-height:none;object-fit:contain;background:#080a0e;border-radius:50%;flex-shrink:0}.client-logo strong{font-size:14px;display:block;font-weight:500}.client-logo small{font-size:11px;color:var(--muted);display:block;margin-top:5px;overflow-wrap:anywhere}.client-arrow{font-size:21px;color:var(--gold);margin-left:auto}.real-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.real-project{border:1px solid var(--line);background:var(--panel);border-radius:10px;overflow:hidden;min-width:0;box-shadow:var(--shadow)}.project-browser{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 15px;font:10px monospace;color:var(--muted);border-bottom:1px solid var(--line)}.browser-dots{font-size:8px;letter-spacing:2px;opacity:.65}.real-project-image{display:block;padding:0;border:0;position:relative;cursor:pointer;width:100%;background:#091321;overflow:hidden;aspect-ratio:1.45}.real-project-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s}.real-project:hover .real-project-image>img{transform:scale(1.035)}.real-project-image>span{position:absolute;bottom:14px;left:14px;padding:9px 12px;border:1px solid #ffffff3d;background:#081421d9;backdrop-filter:blur(8px);color:white;border-radius:5px;font-size:11px}.real-project-info{padding:24px}.project-category{color:var(--gold);font:10px monospace;letter-spacing:1px;margin-bottom:10px}.real-project-info h3{font-size:24px;letter-spacing:-.7px;font-weight:500;margin-bottom:15px}.real-project-info>p:not(.project-category){font-size:14px;color:var(--muted);min-height:68px}.project-actions{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding-top:15px}.project-actions button{cursor:pointer;background:none;border:0;padding:6px 0;font-size:12px;color:var(--ink);min-height:40px}.project-actions button span{margin-left:8px;color:var(--blue)}.project-actions a{font-size:12px;color:var(--blue);padding:10px 0;min-height:40px}.portfolio-link{display:flex;justify-content:space-between;gap:20px;width:max-content;max-width:100%;font-size:14px;color:var(--blue);margin:30px 0 0;padding-block:10px}.portfolio-link span{margin-left:20px}.design-lab{margin-top:50px;border-top:1px solid var(--line);padding-top:25px}.design-lab>summary{justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;min-height:44px}.design-lab>summary>span:first-child{font:11px monospace;letter-spacing:1px;color:var(--gold)}.design-lab .work-grid{margin-top:30px}.founder-link{font-size:14px;color:var(--blue);display:inline-block;padding-block:10px}.dialog-site{display:inline-flex;padding:15px 0;margin-right:24px;font-size:14px;color:var(--blue)}.dialog-site[hidden]{display:none}.dialog-project-image{width:100%;height:auto;max-height:360px;object-fit:cover;object-position:top;border-radius:6px;display:block;margin-bottom:24px}.footer-top p{font-size:13px}#kontakt{scroll-margin-top:100px}.process-grid p,.project-caption p{font-size:14px}
@keyframes aurora-drift{from{transform:translate3d(-2%,-2%,0) scale(1)}to{transform:translate3d(3%,3%,0) scale(1.06)}}
@keyframes console-float{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-9px) rotate(.3deg)}}
@keyframes chromatic{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes scan{to{transform:translateX(500%)}}
@keyframes entrance{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes result-in{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.solution-result.changing{animation:result-in .35s ease-out}
:root[data-theme=light] .header nav{color:#3f5873}:root[data-theme=light] .nav-cta{color:#19334f;border-color:#a0b8ce}:root[data-theme=light] .hero-copy{color:var(--muted)}:root[data-theme=light] .hero h1 em{background-image:linear-gradient(100deg,#066faf,#0d8c9e 50%,#a57415)}:root[data-theme=light] .hero-bottom{color:var(--muted)}:root[data-theme=light] .service-console{background:linear-gradient(140deg,#ffffffee,#e6f1fbee);border-color:#b1cade}:root[data-theme=light] .console-heading{color:#345c7b;border-color:#bfd1e1}:root[data-theme=light] .console-version{color:#4e708e}:root[data-theme=light] .console-prompt{color:#415e78}:root[data-theme=light] .solution{background:#f5faff;color:#335a79;border-color:#bfd2e3}:root[data-theme=light] .solution span{color:#2a719c}:root[data-theme=light] .solution.active{background:#d3ecfa;border-color:#167da4;color:#17415f}:root[data-theme=light] .solution.active span{color:#086b94}:root[data-theme=light] .solution-result>p:not(.solution-code){color:#4d657b}:root[data-theme=light] .solution-tags span{color:#2c6084;border-color:#afcadf}:root[data-theme=light] .console-link{border-color:#bed3e5;color:#17618b}:root[data-theme=light] .console-footer{background:#dfebf7;color:#476785}:root[data-theme=light] .ticker{background:#eaf2fa;color:#345570}:root[data-theme=light] h2 span{color:#657e97}:root[data-theme=light] .service[open]{background:linear-gradient(90deg,#dcedfb,transparent)}:root[data-theme=light] .tags span{color:#355d7d}:root[data-theme=light] .it-section{background:radial-gradient(ellipse at top left,#dcecfb,transparent 60%),#eaf2fa;border-color:var(--line)}:root[data-theme=light] .it-card{background:linear-gradient(135deg,#fff,#f0f6fd);border-color:#c0d4e6}:root[data-theme=light] .it-icon{color:#137aaf}:root[data-theme=light] .it-card p{color:#536a80}:root[data-theme=light] .card-index{color:#657e94}:root[data-theme=light] .card-meta{color:#866015}:root[data-theme=light] .it-phone{color:#426682}:root[data-theme=light] .work{background:#edf3fa}:root[data-theme=light] .project-open{background:#deedf9;border-color:#afcce3;color:#1e5275}:root[data-theme=light] .project-open:hover{background:#cfe5f6}:root[data-theme=light] .process-grid article{border-top-color:#9ebad2}:root[data-theme=light] .process-grid span{color:#0b648e}:root[data-theme=light] .studio-brand{box-shadow:0 15px 40px #214c7714}:root[data-theme=light] .footer-top p,:root[data-theme=light] .footer-bottom{color:var(--muted)}:root[data-theme=light] dialog{background:#f8fbff;border-color:#8eafc9;color:var(--ink)}:root[data-theme=light] .dialog-close{color:#1d4d70}:root[data-theme=light] #dialog-description{color:#425d76}:root[data-theme=light] .contact{box-shadow:0 25px 70px #204c751a}:root[data-theme=light] .contact .eyebrow,:root[data-theme=light] .contact-top{color:#c4dcef}
:root[data-theme=light] a:focus-visible,:root[data-theme=light] button:focus-visible,:root[data-theme=light] summary:focus-visible,:root[data-theme=light] select:focus-visible{outline-color:#0867a0}.contact a:focus-visible{outline-color:#f1cd67!important}
html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}html.motion-paused .reveal{opacity:1;transform:none;transition:none}
@media(min-width:1800px){.hero h1{font-size:86px}.clients-section{padding-inline:max(5%,calc((100vw - 1440px)/2))}}
@media(max-width:1180px){.header{gap:15px}.header nav{gap:15px}.header .logo .brand-name{font-size:20px;letter-spacing:2px}.header .logo img{width:52px;height:52px}.header .nav-cta{padding-inline:12px;font-size:12px}.header .nav-cta span{margin-left:8px}.real-project-info{padding:20px}.real-project-info h3{font-size:21px}.real-project-info>p:not(.project-category){min-height:88px}.clients-section{grid-template-columns:.6fr 2fr;gap:24px}.client-logo{padding:13px;gap:12px}.client-logo img{width:48px;height:48px}.client-logo strong{font-size:13px}.client-logo small{font-size:11px}.hero-disciplines{font-size:11px;gap:12px}.hero-disciplines span+span{padding-left:12px}}
@media(max-width:1000px){.header{height:83px;padding-inline:5%}.header nav{display:none;position:absolute;top:82px;left:0;right:0;padding:25px 5%;background:var(--panel);border-bottom:1px solid var(--line);margin:0;flex-direction:column;gap:4px;font-size:16px;box-shadow:var(--shadow);max-height:calc(100dvh - 85px);overflow:auto}.header nav.open{display:flex}.header nav a{padding:12px 5px;min-height:48px}.theme-picker{margin-left:auto}.menu{display:block;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:6px;font-size:23px;background:var(--panel);color:var(--ink);cursor:pointer;padding:5px}.header .logo img{width:49px;height:49px}.hero-layout{grid-template-columns:1fr 1fr;gap:4%;padding-top:60px}.hero h1{font-size:54px;letter-spacing:-2.8px}.hero-disciplines{flex-wrap:wrap;gap:9px}.hero-disciplines span+span{padding-left:9px}.solution-buttons{padding-inline:18px}.solution{padding:12px 9px;gap:8px}.solution-result{padding-inline:20px}.clients-section{grid-template-columns:1fr;padding-block:28px}.client-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.client-intro .eyebrow,.client-intro h2,.client-intro p:last-child{margin:0}.client-intro h2{font-size:21px}.real-projects{grid-template-columns:1fr 1fr;gap:20px}.real-project:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.real-project:last-child .project-browser{grid-column:1/-1}.real-project:last-child .real-project-image{height:100%}.real-project:last-child .real-project-info{align-self:center}.real-project-info>p:not(.project-category){min-height:65px}.it-grid{gap:15px}}
@media(max-width:760px){.hero-layout{grid-template-columns:1fr;padding-top:47px;gap:40px}.hero-content{max-width:600px}.hero h1{font-size:clamp(45px,9.5vw,68px);letter-spacing:-2.5px}.hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center}.hero-disciplines{margin-top:27px;font-size:12px}.service-console{width:100%;max-width:550px;justify-self:center}.hero-bottom{margin-top:36px;gap:16px}.hero-bottom>p{max-width:210px}.motion-toggle{font-size:11px}.scroll{display:none}.it-section{grid-template-columns:1fr}.it-intro h2{font-size:39px}.it-grid{grid-template-columns:1fr 1fr}.section-heading{display:block}.section-heading>p:last-child{max-width:520px}.client-logos{gap:12px}.client-logo strong{font-size:14px}.client-logo small{font-size:11px}.client-logo .client-arrow{display:none}.client-intro p:last-child{display:none}.real-project-info h3{font-size:23px}.work-heading{display:block}.work-heading>p{margin-top:20px}.contact h2{font-size:clamp(34px,6.5vw,50px)}.footer-top{flex-wrap:wrap;gap:30px}}
@media(max-width:580px){html{scroll-padding-top:90px}.header{height:76px;padding-inline:5%;gap:9px}.header nav{top:75px}.header .logo{gap:8px}.header .logo img{width:42px;height:42px}.header .logo .brand-name{display:block;font-size:17px;letter-spacing:2px}.header .brand-name small{font-size:6px;letter-spacing:1px}.header .nav-cta{display:none}.theme-picker{gap:3px;padding:0 6px;min-height:42px}.theme-picker select{font-size:12px;max-width:65px;padding-inline:0}.theme-picker>span:not(.sr-only){font-size:18px}.menu{min-width:42px;min-height:42px;font-size:22px}.hero{padding:25px 6% 27px}.hero-top .eyebrow{font-size:10px}.hero-layout{padding-top:37px;gap:32px}.hero h1{font-size:clamp(40px,10.5vw,61px);letter-spacing:-2px;line-height:1.13;margin:19px 0 24px}.hero-copy{font-size:16px;line-height:1.75}.hero-kicker{font-size:10px;letter-spacing:1.2px}.hero-actions{align-items:flex-start;flex-direction:column;gap:21px;margin-top:25px}.hero-actions .button{font-size:14px;padding:15px 20px}.text-link{font-size:14px}.hero-disciplines{font-size:11px;gap:11px;line-height:1.7;margin-top:28px}.hero-disciplines span+span{padding-left:11px}.service-console{animation:none;transform:none;border-radius:10px}.solution-buttons{padding-inline:18px}.solution{font-size:12px;padding:13px 10px;min-height:49px}.solution-result{min-height:247px;padding:23px 20px}.solution-result>p:not(.solution-code){font-size:14px}.solution-tags span{font-size:11px}.console-prompt{font-size:14px;margin:20px}.console-link{font-size:14px;min-height:54px}.console-heading{font-size:11px;padding:17px 20px}.console-footer{font-size:9px;letter-spacing:.5px}.hero-bottom{font-size:11px;align-items:center;margin-top:29px}.hero-bottom>p{max-width:180px}.motion-toggle{max-width:136px;font-size:11px;min-height:44px;padding:8px;line-height:1.5}.clients-section{padding:27px 6%}.client-intro{align-items:start;flex-direction:column;gap:10px}.client-intro h2{font-size:25px}.client-logos{grid-template-columns:1fr}.client-logo{padding:15px 16px;gap:15px}.client-logo img{width:52px;height:52px}.client-logo .client-arrow{display:block}.client-logo strong{font-size:16px}.client-logo small{font-size:12px}.section{padding:67px 6%}.eyebrow{font-size:11px;letter-spacing:1.4px}h2{font-size:36px;letter-spacing:-1.5px;line-height:1.2}.section-heading>p:last-child{font-size:16px}.service[open]{padding-inline:8px}.service-body{padding-left:0;font-size:16px;line-height:1.7}.service summary{gap:10px}.service summary h3{font-size:18px;line-height:1.4}.number{font-size:12px;width:25px;flex-shrink:0}.service .tags span{font-size:11px;padding:6px 8px}.it-intro h2{font-size:35px}.it-intro>p:not(.eyebrow){font-size:16px}.it-phone{font-size:14px;line-height:1.6}.it-card{padding:19px}.it-card h3{font-size:18px}.it-card p{font-size:15px}.card-meta{font-size:10px;line-height:1.7}.card-index{font-size:11px}.it-grid{grid-template-columns:1fr}.it-card .it-icon{margin-bottom:10px}.real-projects{grid-template-columns:1fr;gap:27px}.real-project:last-child{display:block;grid-column:auto}.real-project-image,.real-project:last-child .real-project-image{height:auto;aspect-ratio:1.45}.project-browser{font-size:11px;padding:13px 16px}.real-project-info{padding:22px}.real-project-info h3{font-size:25px}.real-project-info>p:not(.project-category){min-height:0;font-size:16px}.project-category{font-size:11px;line-height:1.6}.project-actions button,.project-actions a{font-size:14px;min-height:44px}.real-project-image>span{font-size:12px}.portfolio-link{font-size:14px;line-height:1.7;width:100%}.portfolio-link span{margin-left:0}.design-lab>summary{align-items:start;flex-direction:column;gap:10px;font-size:14px}.design-lab>summary>span:first-child{font-size:11px}.process-grid{grid-template-columns:1fr 1fr;gap:26px 20px}.process-grid h3{font-size:20px;line-height:1.3}.process-grid p{font-size:15px}.process-grid span{font-size:10px;letter-spacing:.5px}.studio-copy>p:not(.large-copy){font-size:16px}.studio-values h3{font-size:17px}.studio-values p{font-size:15px}.contact{padding:34px 6%;margin-inline:12px}.contact h2{font-size:35px;letter-spacing:-1.4px;margin:38px 0 28px}.contact .button{font-size:14px;gap:16px}.contact-bottom p,.contact-email{font-size:15px}.contact-top .eyebrow{font-size:10px;line-height:1.8}.footer-top p{font-size:12px;max-width:155px}.footer-top>a:not(.logo){font-size:14px}.footer-bottom{font-size:10px;letter-spacing:.4px}.footer-top .logo .brand-name{font-size:18px;letter-spacing:2px}.footer-top .logo img{width:43px;height:43px}.footer-top{gap:25px 12px}.footer-top p{margin-left:auto}.footer-top .logo{gap:9px}dialog{padding:25px 19px;max-height:88dvh}.dialog-project-image{max-height:250px}.dialog-site{display:flex;margin:0 0 10px}dialog .button{font-size:14px}.dialog-close{min-height:44px;min-width:44px}#dialog-description{font-size:16px}.aurora{animation-duration:20s}.ticker>div{animation-duration:55s}.js .reveal{transform:translateY(14px);transition-duration:.5s}}
@media(max-width:350px){.header .brand-name{display:none!important}.hero h1{font-size:39px}.hero-disciplines span+span{border:0;padding-left:0}.hero-disciplines{column-gap:14px}.process-grid{grid-template-columns:1fr}.hero-bottom{align-items:start}.footer-top p{font-size:11px;max-width:135px}.contact h2{font-size:31px}.solution{font-size:11px}.solution span{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.service-console{transform:none}.aurora{transform:none}.real-project:hover img{transform:none}}