@font-face{font-family:Manrope;src:url('a30ddcd349703aff.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:Archivo;src:url('e3a28eade21a900c.woff2') format('woff2');font-weight:400 800;font-stretch:100% 125%;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#101010;--surface:#1a1919;--surface-2:#252121;--fg:#f4f1e9;--muted:#b8b5b0;--line:#393535;--brand:#db042d;--accent:#db042d;--support:#db042d;--glow:#db042d4d;--button-text:#ffffff;--space:clamp(24px,5vw,80px);--width:1280px;--ease:cubic-bezier(.2,.75,.25,1)}
html[data-theme=green]{--bg:#11180e;--surface:#1d2618;--surface-2:#2b3622;--fg:#f4f2e7;--muted:#b9c0aa;--line:#414c34;--brand:#c4db97;--accent:#c4db97;--support:#ffb86c;--glow:#91b85055;--button-text:#17200d}
html[data-theme=green2]{--bg:#0d1d19;--surface:#162c24;--surface-2:#233d30;--fg:#f1f5e9;--muted:#b2c5b6;--line:#395444;--brand:#9ae6a8;--accent:#9ae6a8;--support:#d3a5ff;--glow:#57ce854d;--button-text:#102719}
.section-heading h2 span,.contact h2 span,.website-check h2 span,.page-cta h2 span,.color-lab h2 span{color:var(--support)}
.work-rail.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}
.work-rail .project-trigger{cursor:inherit}
.work-rail.is-dragging .project-trigger{transform:none}
.palette-control .palette-red{background:#ff1439}.palette-control .palette-green{background:#c4db97}.palette-control .palette-green2{background:#9ae6a8}
h1,h2,h3{min-width:0;overflow-wrap:anywhere;hyphens:auto}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.75 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,summary{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none;padding:0}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}svg{width:20px;height:20px;display:block;flex:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Archivo,Manrope,Arial,sans-serif;font-stretch:112.5%;font-weight:650;letter-spacing:-.045em;line-height:1.13}h1{font-size:clamp(44px,5.25vw,76px)}h2{font-size:clamp(34px,4vw,55px)}h3{font-size:24px;letter-spacing:-.035em}h1 span,h2 span{color:var(--accent)}p{color:var(--muted)}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.wrap{width:min(calc(100% - var(--space)*2),var(--width));margin-inline:auto}.section{padding-block:95px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:10px;left:10px;padding:10px 20px;background:var(--fg);color:var(--bg);z-index:99;transform:translateY(-160%)}.skip:focus{transform:none}
.logo{display:block;width:160px;flex:none}.logo img{width:100%;height:auto}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:9px 9px 9px 23px;border-radius:99px;min-height:52px;font-size:14px;font-weight:650;line-height:1.4;transition:transform .3s var(--ease),background .3s}.button:hover{transform:translateY(-3px)}.button-accent{background:var(--brand);color:var(--button-text)}.button-light{background:var(--fg);color:var(--bg)}.button-light:hover{background:var(--support);color:var(--button-text)}.arrow{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#121411;color:#ffffff;flex:none}.arrow svg{width:18px;height:18px}.round-arrow,.icon-button{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;flex:none;line-height:1;transition:color .25s,background .25s,border-color .25s}.round-arrow svg,.icon-button svg{width:19px;height:19px}.icon-button:hover,.project-trigger:hover .round-arrow,.round-arrow:hover{background:var(--brand);border-color:var(--brand);color:var(--button-text)}.text-link,.text-button{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid #757569;padding-block:9px;font-size:14px;line-height:1.6;transition:color .25s}.text-link:hover,.text-button:hover{color:var(--accent)}.text-link svg{width:17px;height:17px}.actions{display:flex;gap:27px;align-items:center;flex-wrap:wrap;margin-top:32px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}
.header{position:fixed;inset:18px 0 auto;z-index:50;pointer-events:none}.header-inner{width:min(calc(100% - var(--space)*2),var(--width));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:70px;border:1px solid transparent;border-radius:99px;padding:7px 0;pointer-events:auto;transition:width .5s var(--ease),padding .5s,background .35s,border-color .35s}.desktop-nav{display:flex;gap:32px;font-size:14px}.desktop-nav a{padding-block:9px;position:relative;color:#d9d9cf}.desktop-nav a:after{position:absolute;content:'';height:2px;background:var(--accent);left:0;right:100%;bottom:0;transition:right .25s}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{right:0}.header.is-compact .header-inner{width:min(calc(100% - 32px),860px);padding:8px 10px 8px 26px;background:color-mix(in srgb,var(--surface) 93%,transparent);border-color:var(--line);backdrop-filter:blur(20px);box-shadow:0 15px 35px #0003}.header.is-compact .logo{width:125px}.header.is-compact .button{font-size:13px;min-height:46px;padding-block:6px}.header.is-compact .arrow{width:31px;height:31px}.logo{transition:width .4s}.mobile-nav{display:none}
.hero{padding-block:181px 105px;position:relative;isolation:isolate;overflow:hidden}.hero-atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 55% 50% at 75% 90%,var(--glow),transparent 80%),var(--bg);overflow:hidden}.scene-grain{position:absolute;inset:0;background-image:url('5f6ae648cc3bccd4.svg');background-size:180px;opacity:.14;mix-blend-mode:soft-light;pointer-events:none}.hero-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 23%)}.hero-word{position:absolute;font-size:34vw;line-height:1;font-weight:800;letter-spacing:-.1em;right:-1%;bottom:-13%;color:var(--accent);opacity:.035;transform:rotate(-12deg);user-select:none}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center}.hero h1{font-size:clamp(43px,5.1vw,74px);line-height:1.16}.hero-copy>p{max-width:455px;margin-top:28px;font-size:16px;line-height:1.9}.portfolio-deck{min-width:0;padding-top:12px}.deck-stage{position:relative;aspect-ratio:1.07;touch-action:pan-y;perspective:1200px;cursor:grab}.deck-stage.is-dragging{cursor:grabbing}.deck-stage .project-trigger{cursor:inherit}.deck-card{position:absolute;inset:0;background:var(--surface);border:1px solid #5b6150;border-radius:18px;overflow:hidden;box-shadow:0 20px 45px #0004;transform-origin:50% 80%;transition:transform .6s var(--ease),opacity .4s,filter .4s;user-select:none}.deck-card.is-front{transform:translate(var(--drag-x,0px),var(--drag-y,0px)) rotate(calc(-3deg + var(--drag-r,0deg)));z-index:4}.deck-card.is-next{transform:translate(16px,-13px) rotate(5deg) scale(.97);z-index:3;filter:brightness(.7)}.deck-card.is-back{transform:translate(-12px,-25px) rotate(-7deg) scale(.94);z-index:2;filter:brightness(.5)}.deck-card.is-hidden{transform:translateY(-35px) scale(.9);opacity:0;visibility:hidden}.deck-stage.is-dragging .deck-card.is-front{transition:none}.deck-card .project-trigger{height:100%;display:flex;flex-direction:column}.deck-card .device-scene{flex:1;min-height:0}.card-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 24px;background:var(--surface)}.card-caption h2,.card-caption h3{font-size:20px;letter-spacing:-.04em;line-height:1.3}.card-caption p{font-size:13px;line-height:1.6;margin-top:5px}.deck-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:27px}.deck-controls>div,.rail-controls{display:flex;gap:9px}.deck-controls>div{margin-left:auto}.deck-controls>p{font-size:13px}.deck-card .card-caption{min-height:93px}.deck-card .round-arrow{width:38px;height:38px}.project-trigger{display:block;height:100%}
.device-scene{position:relative;overflow:hidden;isolation:isolate;container-type:inline-size;--device-edge:clamp(4px,.9cqw,10px);--phone-radius:clamp(15px,3.8cqw,32px);min-height:260px;background:radial-gradient(ellipse at 50% 30%,#ffffff35,transparent 70%),linear-gradient(135deg,var(--project-color),color-mix(in srgb,var(--project-color),#ddd 32%));perspective:1200px}
.device-scene:after{content:'';position:absolute;width:80%;height:6%;left:8%;bottom:13%;background:#0004;filter:blur(18px);border-radius:50%;z-index:-1}
.laptop{position:absolute;width:82%;left:6%;top:15%;transform:rotate(-5deg) rotateY(-8deg);transform-style:preserve-3d;transition:transform .65s var(--ease);filter:drop-shadow(5px 15px 14px #1119)}
.laptop-lid{position:relative;padding:var(--device-edge);padding-bottom:calc(var(--device-edge)*1.45);background:linear-gradient(145deg,#27282a,#090a0c 70%);border:1px solid #74777b;border-radius:clamp(8px,1.7cqw,18px) clamp(8px,1.7cqw,18px) 4px 4px;box-shadow:inset 0 0 0 1px #000,0 1px 0 #bfc1c4}
.laptop-lid:before{content:'';position:absolute;top:calc(var(--device-edge)*.33);left:50%;width:clamp(2px,.3cqw,4px);aspect-ratio:1;border-radius:50%;background:#303843;box-shadow:0 0 0 1px #08090a}
.laptop-screen{aspect-ratio:1.777;overflow:hidden;background:#161719;border-radius:clamp(2px,.5cqw,5px)}
.laptop-screen img{width:100%;height:100%;object-fit:cover;object-position:top}
.laptop-base{position:relative;width:114%;margin-left:-7%;height:clamp(9px,2.5cqw,25px);background:linear-gradient(#cacdd1 0%,#9b9ea3 32%,#6c7076 37%,#303338 76%,#8e9298);border-radius:2px 2px 40% 40% / 2px 2px 80% 80%;clip-path:polygon(6.2% 0,93.8% 0,100% 62%,99% 83%,96% 100%,4% 100%,1% 83%,0 62%);box-shadow:inset 0 1px 0 #f0f1f2}
.laptop-base:before{content:'';position:absolute;inset:0 12% auto;height:1px;background:#303236}
.laptop-base>span{position:absolute;left:41%;width:18%;height:28%;background:linear-gradient(#7c8086,#b7bbc0);border-radius:0 0 7px 7px;box-shadow:inset 0 -1px 0 #e5e7e9}
.device-phone{position:absolute;width:21%;right:7%;bottom:7%;aspect-ratio:.475;padding:3px;border:1px solid #8b8e93;border-radius:var(--phone-radius);background:linear-gradient(120deg,#686b70,#16171a 38%,#505258);box-shadow:inset 0 0 0 1px #1d1e20,5px 13px 22px #1118;transform:rotate(7deg);transition:transform .65s var(--ease)}
.device-phone:before,.device-phone:after{content:'';position:absolute;width:2px;border-radius:2px;background:#777a80}
.device-phone:before{left:-3px;top:22%;height:16%}.device-phone:after{right:-3px;top:29%;height:12%}
.phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border:2px solid #090a0c;border-radius:calc(var(--phone-radius) - 4px);background:#111}
.phone-screen:before{content:'';position:absolute;z-index:1;top:4px;left:34%;width:32%;height:clamp(4px,1cqw,11px);background:#08090b;border-radius:20px;box-shadow:inset -3px 0 0 #20232b}
.phone-screen:after{content:'';position:absolute;bottom:4px;left:34%;width:32%;height:2px;border-radius:5px;background:#ddd;box-shadow:0 0 2px #0008}
.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top}
.project-trigger:hover .laptop{transform:rotate(-2deg) rotateY(-4deg) translateY(-3px)}.project-trigger:hover .device-phone{transform:rotate(3deg) translateY(-5px)}
.work-image{height:350px;background:var(--project-color);overflow:hidden}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.project-trigger:hover .work-image img{transform:scale(1.04)}
.services{padding-top:50px;padding-bottom:55px}.service-gallery{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.service-visual{border:1px solid var(--line);border-radius:17px;overflow:hidden;position:relative;background:var(--surface);min-width:0;transition:border-color .3s}.service-visual:has(.stretched-link:focus-visible){border-color:var(--support)}.service-art{height:305px;position:relative;overflow:hidden}.service-web-art .device-scene{height:100%}.service-visual-copy{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px}.service-visual h3{font-size:clamp(22px,2vw,29px)}.service-visual-copy p{font-size:14px;margin-top:8px}.stretched-link:before{content:'';position:absolute;inset:0;z-index:2}.service-visual:has(.stretched-link:focus-visible) .round-arrow{background:var(--brand);color:var(--button-text);border-color:var(--brand)}.service-design-art{background:#b5b09a}.service-design-art img{width:66%;height:100%;object-fit:cover;position:absolute;box-shadow:10px 15px 30px #0004;transition:transform .65s var(--ease)}.poster-back{left:0;top:23%;transform:rotate(-12deg)}.poster-front{right:0;top:-6%;transform:rotate(12deg)}.service-tools-art,.service-image-art{height:245px}.service-tools-art{background:radial-gradient(ellipse at 30% 60%,#677c4b70,transparent 80%),#293124;display:grid;place-items:center}.service-image-art{background:#171515}
.pilasso-proof{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:18px;padding:22px 24px;height:100%;align-items:center;background:#171515}
.pilasso-example{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;min-width:0;min-height:0;height:100%;margin:0}
.pilasso-example img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.pilasso-example figcaption{font-size:14px;line-height:1.5;color:#e2dcda;text-align:center;letter-spacing:0;font-weight:400}
.pilasso-arrow{display:grid;place-items:center;color:var(--support)}
.pilasso-arrow svg{display:block;width:22px;height:22px}
.pilasso-proof--detail{height:auto;aspect-ratio:1.25;padding:28px 22px;gap:14px}
@media(max-width:800px) and (min-width:651px){.pilasso-proof{padding:18px 12px;gap:8px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}.pilasso-proof--detail{aspect-ratio:.9}.pilasso-example figcaption{font-size:14px}}
@media(max-width:370px){.pilasso-proof{padding:18px 12px;gap:8px;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)}.pilasso-arrow svg{width:16px;height:16px}.pilasso-example figcaption{font-size:13px}}

.work{padding-top:70px;overflow:hidden}.work-rail{cursor:grab;touch-action:pan-y;user-select:none;display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;scroll-padding-inline:max(var(--space),calc((100% - var(--width))/2));padding:10px max(var(--space),calc((100% - var(--width))/2)) 25px}.work-rail::-webkit-scrollbar{display:none}.rail-card{flex:0 0 clamp(320px,40vw,530px);scroll-snap-align:start;min-width:0}.rail-card .project-trigger{display:flex;flex-direction:column;background:var(--surface);overflow:hidden;border:1px solid var(--line);border-radius:16px;transition:transform .3s,border-color .3s}.rail-card .project-trigger:hover{transform:translateY(-4px);border-color:var(--support)}.rail-card .device-scene{height:350px}.rail-card .project-trigger>:first-child{flex-shrink:0}.rail-card .card-caption{flex:1;min-height:110px}.rail-card .card-caption p{font-size:13px;max-width:360px}.client-strip{padding-top:15px;padding-bottom:70px}.client-strip h2{font-size:16px;letter-spacing:0;font-weight:400;color:var(--muted);line-height:1.5;margin-bottom:26px}.client-grid{list-style:none;padding:0;margin:0;display:flex;justify-content:center;flex-wrap:wrap;gap:20px 40px}.client-item{flex:0 0 calc((100% - 200px)/6);height:78px;min-width:0;display:grid;place-items:center;outline-offset:3px}.client-item img{max-width:155px;max-height:60px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.55;transition:filter .35s,opacity .35s,transform .35s}.client-item:hover img,.client-item:focus img{filter:none;opacity:1;transform:translateY(-3px)}.client-item--paper img{filter:grayscale(1) invert(1);mix-blend-mode:screen}.client-item--paper:hover img,.client-item--paper:focus img{filter:none;mix-blend-mode:normal;border-radius:4px}.client-wordmark{font-size:15px;font-weight:700;letter-spacing:-.04em;opacity:.6;text-align:center}.client-item:hover .client-wordmark,.client-item:focus .client-wordmark{opacity:1;color:var(--support)}.together{display:grid;grid-template-columns:1.1fr 1fr;gap:110px;border-top:1px solid var(--line)}.together>div>p+p{margin-top:20px}.together .text-link{margin-top:24px}.together h2{font-size:clamp(35px,3.7vw,52px);line-height:1.2}
.website-check{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:55px 60px;margin-block:30px 85px}.check-copy h2{font-size:56px}.check-copy>p{margin-top:24px;max-width:390px;font-size:15px}.check-topics{display:flex;flex-wrap:wrap;gap:15px 23px;list-style:none;padding:0;margin:27px 0 0;font-size:13px;color:var(--support)}.check-form h3{font-size:24px;margin-bottom:25px}.check-form .field+.field{margin-top:18px}.check-form>.button{margin-top:25px}.check-review{margin-top:25px;border-top:1px solid var(--line);padding-top:25px}.check-review h3{font-size:22px;margin-bottom:12px}.check-review p{font-size:14px;overflow-wrap:anywhere}.check-review .text-link{margin-top:15px}
.contact{background:radial-gradient(ellipse at 5% 100%,var(--glow),transparent 65%);border-top:1px solid var(--line);padding-block:105px}.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:95px;align-items:start}.contact-copy{padding-top:35px}.contact h2{font-size:clamp(48px,5.5vw,75px)}.contact-copy>p{margin-top:28px;max-width:350px}.contact-email{display:flex;align-items:center;gap:15px;font-size:23px;letter-spacing:-.035em;width:fit-content;border-bottom:1px solid var(--line);padding-bottom:12px;margin-top:35px}.contact-email svg{width:20px;height:20px;color:var(--accent)}.contact-phone{display:block;width:fit-content;margin-top:16px;color:var(--muted)}.contact-form{padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:18px;min-width:0}.field{min-width:0}.field label,.interests legend{display:block;font-size:14px;margin-bottom:9px;color:var(--fg)}.field label>span,.interests legend>span{font-size:12px;color:var(--muted)}.field input,.field textarea{width:100%;display:block;background:var(--bg);color:var(--fg);border:1px solid #66675b;border-radius:7px;padding:13px 15px;font-size:15px;line-height:1.6;min-height:48px}.field input:hover,.field textarea:hover{border-color:var(--support)}.field textarea{resize:vertical;min-height:130px}.field input::placeholder,.field textarea::placeholder{color:#a7a89b}.field-row{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;margin-top:22px}.interests{border:0;padding:0;margin:23px 0 0;min-width:0}.interest-options{display:flex;gap:8px;flex-wrap:wrap}.interest-options label{display:block;position:relative;cursor:pointer}.interest-options input{position:absolute;opacity:0;width:1px;height:1px}.interest-options label>span{display:block;padding:9px 12px;border:1px solid #69705d;border-radius:99px;font-size:12px;transition:background .2s,border-color .2s}.interest-options label:hover>span{border-color:var(--support)}.interest-options input:checked+span{background:var(--brand);color:var(--button-text);border-color:var(--brand)}.interest-options input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.attachment{margin-top:24px;border-top:1px solid var(--line);padding-top:14px}.attachment summary{display:flex;align-items:center;gap:7px;min-height:38px;font-size:14px}.attachment summary>span{color:var(--muted);font-size:12px}.attachment summary>svg{margin-left:auto;width:18px;height:18px}.attachment[open] summary>svg{transform:rotate(90deg)}.attachment>div{padding-top:16px}.attachment input{font-size:12px;width:100%;max-width:100%}.attachment input::file-selector-button{padding:9px;background:var(--surface-2);border:1px solid var(--line);color:var(--fg);border-radius:5px;margin-right:10px;cursor:pointer}.attachment #file-help{font-size:12px;margin-top:10px}.file-list{list-style:none;margin:12px 0 0;padding:0;font-size:13px}.file-list li{display:flex;gap:15px;align-items:center}.file-list li>span{overflow-wrap:anywhere;flex:1}.file-list button{min-height:35px;font-size:12px;text-decoration:underline;color:var(--accent)}.field-error{display:block;font-size:13px;color:#ffb5ac;line-height:1.6}.field-error:not(:empty){margin-top:7px}[aria-invalid=true]{border-color:#ffb5ac!important}.form-bottom{margin-top:25px}.form-status{font-size:13px;margin-top:14px}.request-review{padding:24px;margin-top:24px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px}.request-review h3{font-size:24px}.request-review dl{margin-block:18px;font-size:14px;overflow-wrap:anywhere}.request-review dt{color:var(--muted);margin-top:12px}.request-review dd{margin:4px 0 0;white-space:pre-wrap}.request-review>p{font-size:13px;margin-bottom:15px}.request-review .button{font-size:12px;gap:12px}.request-review .text-button{margin-top:16px;margin-left:12px;font-size:13px}
.footer{background:var(--bg);padding:60px 0 25px;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:40px;align-items:center;padding-bottom:45px;border-bottom:1px solid var(--line)}.footer-logo{width:200px}.footer-top>p{font-size:15px}.footer-email{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:10px;font-size:clamp(19px,2vw,27px);letter-spacing:-.04em}.footer-email svg{color:var(--accent)}.footer-grid{display:grid;grid-template-columns:1.3fr 1.3fr 1fr 1fr;gap:40px;padding-block:42px}.footer-grid h2{font-size:14px;letter-spacing:0;color:var(--fg);line-height:1.6;margin-bottom:14px;font-weight:600}.footer-grid a,.footer-grid p{display:block;font-size:14px;color:var(--muted);line-height:1.7;margin-top:8px}.footer-grid a:hover{color:var(--accent)}.palette-control>span{font-size:14px;display:block;margin-bottom:15px}.palette-control>div{display:flex;flex-wrap:wrap;gap:8px}.palette-control button{border:1px solid var(--line);border-radius:99px;padding:7px 11px;display:flex;align-items:center;gap:7px;font-size:12px}.palette-control button[aria-pressed=true]{border-color:var(--support)}.palette-control i{width:10px;height:10px;border-radius:50%}.palette-red{background:#ff1439}.palette-green{background:#b7cf94}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-bottom p,.footer-bottom>a{font-size:12px;color:var(--muted)}.footer-bottom>a{display:flex;align-items:center;gap:12px}.footer-bottom svg{width:16px;height:16px}
.page-opening{padding-top:160px}.back-link{display:inline-flex;gap:12px;align-items:center;font-size:14px;color:var(--muted);padding:8px 0;margin-bottom:42px}.back-link:hover{color:var(--accent)}.back-link svg{width:18px;height:18px}.page-intro{font-size:18px;line-height:1.85;margin-top:26px;max-width:750px}.service-page-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}.service-page-hero h1{font-size:clamp(42px,4.7vw,68px);line-height:1.15}.service-page-hero .page-intro{font-size:16px}.service-page-hero .button{margin-top:30px}.service-page-visual{min-width:0;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--surface)}.service-page-visual .service-art{height:420px}.service-page-visual .service-web-art .device-scene{height:100%}.service-page-visual .service-image-art{height:420px}.service-page-name{font-size:14px;color:var(--support);margin-top:38px;padding-bottom:27px;border-bottom:1px solid var(--line)}.service-explanation{display:grid;grid-template-columns:1fr 1fr;gap:100px}.service-explanation h2{font-size:40px;max-width:480px}.service-explanation>p{max-width:510px}.service-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.service-offers article{border-top:1px solid var(--line);padding-top:28px}.service-offers h2{font-size:27px;letter-spacing:-.04em}.service-offers p{font-size:15px;margin-top:18px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.related .rail-card{width:auto;flex:initial}.related .device-scene,.related .work-image{height:250px;min-height:0}.related .card-caption{padding:20px}.related .card-caption h3{font-size:19px}.related .card-caption p{font-size:13px}.related .round-arrow{width:34px;height:34px}.related .laptop{width:85%}.process{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line)}.process h2{max-width:400px}.process>div article+article{margin-top:32px}.process h3{font-size:25px}.process p{font-size:15px;margin-top:13px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line)}.faq h2{max-width:400px}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;gap:25px;align-items:center;justify-content:space-between;padding-block:23px;font-size:17px;line-height:1.6}.faq summary svg{width:18px;height:18px;color:var(--support)}.faq details[open] summary svg{transform:rotate(90deg)}.faq details p{padding-bottom:24px;font-size:15px}.page-cta{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line)}.page-cta p{max-width:370px}.page-cta .button{margin-top:25px}
.case-opening{display:flex;justify-content:space-between;align-items:end;gap:70px}.case-opening h1{font-size:clamp(50px,6.5vw,94px);max-width:850px;overflow-wrap:anywhere}.case-opening>.page-intro{max-width:370px;font-size:19px;flex:0 0 34%}.case-facts{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:40px;border-block-start:1px solid var(--line);padding-block:28px;margin-block:45px}.case-facts dt{font-size:13px;color:var(--muted);margin-bottom:7px}.case-facts dd{font-size:15px;line-height:1.7;margin:0}.case-showcase{border-radius:20px;overflow:hidden}.case-showcase .device-scene{height:660px}.case-showcase .laptop{width:74%;left:9%;top:11%;transform:rotate(-4deg) rotateY(-9deg)}.case-showcase .device-phone{width:18%;right:10%;bottom:8%;}.case-showcase .work-image{height:640px}.case-showcase .work-image img{object-fit:contain}.case-story{display:grid;grid-template-columns:1fr 1fr;gap:100px}.case-story h2{font-size:45px;max-width:480px}.case-story>div>p{font-size:18px;line-height:1.9}.case-story article{margin-top:32px}.case-story h3{font-size:24px}.case-story article p{font-size:15px;margin-top:14px}.case-secondary{border-radius:17px;overflow:hidden;background:var(--surface)}.case-secondary img{width:100%;max-height:800px;object-fit:contain}.case-secondary+.case-secondary{margin-top:30px}.case-screen-details{display:flex;gap:35px;align-items:center;padding:55px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.detail-screen{flex:1;min-width:0;border:1px solid #707378;padding:6px;background:#111215;border-radius:12px;overflow:hidden;box-shadow:0 12px 25px #0004}.detail-screen img{width:100%;height:auto;border-radius:5px}.detail-mobile{flex:0 0 23%;border:1px solid #777a80;padding:4px;background:#111215;border-radius:24px;overflow:hidden;box-shadow:0 12px 25px #0004}.detail-mobile img{width:100%;height:auto;border-radius:19px}.case-closing{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-block:60px}
.case-closing p{max-width:650px;font-size:17px}.case-closing .text-link{flex:none;font-size:14px}
.case-next{padding-bottom:95px}
.next-case{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--surface);transition:border-color .25s}
.next-case-copy{display:flex;flex-direction:column;align-items:start;justify-content:center;padding:clamp(24px,4vw,60px);min-width:0}
.next-label{font-size:14px;color:var(--muted);margin-bottom:28px}.next-case h2{font-size:clamp(32px,3.8vw,56px);line-height:1.08;overflow-wrap:anywhere}.next-scope{font-size:14px;line-height:1.7;margin-top:20px;max-width:300px}.next-case .round-arrow{width:52px;height:52px;margin-top:32px}
.next-case-visual{min-width:0;overflow:hidden;aspect-ratio:1.6}.next-case-visual .laptop{width:76%;left:9%;top:12%}.next-case-visual>.device-scene,.next-case-visual>.work-image,.next-case-visual>.iaso-scene{height:100%;min-height:400px}.next-case-visual .work-image img{object-fit:contain}.next-case:hover{border-color:var(--support)}.next-case:hover .round-arrow{background:var(--brand);color:var(--button-text);border-color:var(--brand)}

@media(min-width:1600px){.hero h1{font-size:78px}.hero-grid{grid-template-columns:1.2fr 1fr}.hero{padding-bottom:125px}}
/* Service hover belongs to the destination link, not the interactive color sample. */
@media(hover:hover) and (pointer:fine){
.service-visual:has(.stretched-link:hover){border-color:var(--support)}
.service-visual:has(.stretched-link:hover) .round-arrow{background:var(--brand);color:var(--button-text);border-color:var(--brand)}
.service-visual:has(.stretched-link:hover) .device-scene--studio .laptop{transform:translateY(calc(-50% - 3px)) rotate(-2deg)}
.service-visual:has(.stretched-link:hover) .poster-front{transform:rotate(10deg) translateY(-3px)}
}
@media(max-width:1100px){.hero-grid{gap:45px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:5.2vw}.hero-copy>p{font-size:15px}.hero .actions{gap:20px}.hero .button{font-size:13px;padding-left:18px;gap:14px}.hero .text-link{font-size:13px}.card-caption{padding:19px}.service-visual-copy{padding:22px}.service-visual h3{font-size:25px}.service-visual-copy p{font-size:13px}.service-art{height:260px}.service-tools-art,.service-image-art{height:230px}.together,.contact-grid,.service-page-hero,.service-explanation,.process,.faq,.page-cta,.case-story{gap:55px}.website-check{gap:55px;padding:40px}.check-copy h2{font-size:48px}.contact-form{padding:25px}.contact-email{font-size:21px}.footer-grid{gap:25px}.footer-top{gap:25px;grid-template-columns:1fr 1fr 1.2fr}.footer-logo{width:165px}.service-page-hero h1{font-size:4.8vw}.service-page-visual .service-art{height:355px}.related .device-scene,.related .work-image{height:200px}.related .card-caption{padding:18px;gap:12px}.related .card-caption h3{font-size:18px}.related-grid{gap:18px}.case-showcase .device-scene{height:540px}.case-showcase .work-image{height:520px}.case-opening{gap:40px}.case-opening>.page-intro{font-size:17px}.case-facts{gap:25px}.case-closing{gap:35px}.case-closing .button{font-size:12px;gap:14px}.service-offers{gap:28px}.service-offers h2{font-size:24px}}
@media(max-width:800px){:root{--space:32px}.section{padding-block:70px}.desktop-nav{gap:22px;font-size:13px}.header-inner{gap:22px}.header .logo{width:125px}.header .button{font-size:12px;gap:15px;padding-left:18px}.hero{padding-top:155px;padding-bottom:65px}.hero-grid{gap:30px}.hero h1{font-size:5.2vw}.hero-copy>p{font-size:14px}.hero .actions{gap:17px}.hero .button{font-size:12px;gap:10px;min-height:46px}.hero .arrow{width:28px;height:28px}.card-caption{padding:16px;gap:12px}.card-caption h2,.card-caption h3{font-size:18px}.card-caption p{font-size:12px}.deck-card .card-caption{min-height:83px}.deck-card .round-arrow{width:32px;height:32px}.device-scene{min-height:210px}.service-gallery{grid-template-columns:1fr 1fr;gap:18px}.service-visual-copy{padding:20px 18px;align-items:start;gap:12px}.service-visual h3{font-size:23px}.service-visual-copy p{font-size:13px}.service-visual .round-arrow{width:34px;height:34px}.service-art{height:225px}.service-tools-art,.service-image-art{height:210px}.rail-card{flex-basis:400px}.rail-card .device-scene,.work-image{height:290px}.client-grid{gap:15px 28px}.client-item{flex-basis:calc((100% - 112px)/5)}.client-item img{max-width:100%;max-height:55px}.client-wordmark{font-size:12px}.together{gap:40px}.website-check{gap:35px;padding:30px}.check-copy h2{font-size:43px}.check-copy>p{font-size:14px}.check-form h3{font-size:22px}.check-form .button{font-size:12px;gap:12px;padding-left:17px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-copy{display:grid;grid-template-columns:1fr 1fr;gap:15px 45px;padding:0;align-items:start}.contact h2{grid-row:span 3;font-size:54px}.contact-copy>p{margin-top:0;font-size:14px}.contact-email{margin-top:0;font-size:18px}.contact-phone{margin:0;font-size:14px}.contact-form{padding:30px}.footer-top{grid-template-columns:1fr 1fr}.footer-email{grid-column:1/-1;width:fit-content;gap:35px;font-size:27px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.service-page-hero{gap:35px}.service-page-hero h1{font-size:5vw}.service-page-hero .page-intro{font-size:15px}.service-page-visual .service-art{height:330px}.service-page-name{margin-top:30px}.service-explanation,.process,.faq,.page-cta,.case-story{gap:40px}.service-explanation h2{font-size:34px}.service-offers{gap:25px}.service-offers h2{font-size:22px}.service-offers p{font-size:14px}.related-grid{grid-template-columns:1fr 1fr}.related .device-scene,.related .work-image{height:240px}.related .card-caption h3{font-size:20px}.case-opening{display:block}.case-opening>.page-intro{max-width:560px;font-size:18px}.case-opening h1{font-size:65px}.case-facts{grid-template-columns:1.5fr 1fr;gap:25px}.case-facts>div:last-child{grid-column:1/-1}.case-showcase .device-scene{height:420px}.case-showcase .work-image{height:450px}.case-story h2{font-size:38px}.case-story>div>p{font-size:16px}.case-screen-details{padding:30px;gap:25px}.case-closing{align-items:start;flex-direction:column;gap:25px}.case-closing p{font-size:17px}}
@media(max-width:650px){:root{--space:24px}.header{top:12px}.header-inner,.header.is-compact .header-inner{width:calc(100% - 24px);padding:12px 19px;min-height:61px;background:color-mix(in srgb,var(--surface) 94%,transparent);border-color:var(--line);backdrop-filter:blur(18px)}.header .logo,.header.is-compact .logo{width:115px}.desktop-nav,.header-contact{display:none}.mobile-nav{display:block}.mobile-nav>summary{display:flex;align-items:center;gap:13px;font-size:13px;padding:4px 0 4px 12px}.mobile-nav>summary svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4}.mobile-nav nav{position:absolute;inset:74px 0 auto;padding:13px 24px;display:grid;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 50px #0008}.mobile-nav nav>a{padding:15px 0;border-bottom:1px solid var(--line);font-size:15px}.mobile-nav nav>a:last-child{border:0;color:var(--accent)}.hero{padding-block:132px 62px}.hero-grid{grid-template-columns:1fr;gap:55px}.hero h1{font-size:clamp(32px,8.8vw,56px);line-height:1.17}.hero-copy>p{font-size:15px;line-height:1.9;margin-top:23px;max-width:450px}.hero .actions{gap:22px;margin-top:27px}.hero .button{font-size:13px;min-height:50px;padding-left:20px;gap:17px}.hero .arrow{width:31px;height:31px}.hero .text-link{font-size:13px}.portfolio-deck{width:calc(100% - 15px);max-width:480px;justify-self:center;padding-top:0}.hero-atmosphere{background:radial-gradient(ellipse 100% 40% at 75% 72%,var(--glow),transparent 90%),var(--bg)}.hero-word{font-size:80vw;bottom:5%;right:-9%;opacity:.05}.deck-stage{aspect-ratio:1.05}.deck-card .card-caption{min-height:89px;padding:18px}.deck-controls{margin-top:22px}.icon-button{width:40px;height:40px}.deck-controls>p{font-size:12px}.section{padding-block:60px}.section-heading{gap:24px;margin-bottom:28px}.section-heading h2{font-size:37px}.services{padding-top:25px;padding-bottom:45px}.service-gallery{grid-template-columns:1fr;gap:22px}.service-art{height:275px}.service-visual-copy{padding:23px;align-items:center}.service-visual h3{font-size:25px}.service-visual-copy p{font-size:14px;margin-top:8px}.service-visual .round-arrow{width:39px;height:39px}.service-tools-art,.service-image-art{height:230px}.work{padding-top:40px}.work .section-heading{display:block}.work h2{max-width:370px}.rail-controls{justify-content:end;margin-top:24px}.work-rail{gap:19px}.rail-card{flex-basis:calc(100vw - 66px)}.rail-card .device-scene,.work-image{height:270px}.rail-card .card-caption{padding:20px;min-height:110px}.rail-card .card-caption h3{font-size:21px}.rail-card .card-caption p{font-size:12px}.rail-card .round-arrow{width:35px;height:35px}.client-strip{padding-top:15px;padding-bottom:50px}.client-strip h2{font-size:14px}.client-grid{gap:13px 24px}.client-item{flex-basis:calc((100% - 48px)/3);height:61px}.client-item img{max-height:47px}.client-wordmark{font-size:11px}.together{grid-template-columns:1fr;gap:27px}.together h2{font-size:36px;line-height:1.2}.together p{font-size:15px}.together .text-link{font-size:14px;margin-top:20px}.website-check{grid-template-columns:1fr;gap:33px;padding:29px 23px;margin-block:15px 60px;border-radius:16px}.check-copy h2{font-size:44px}.check-copy>p{font-size:15px;max-width:400px;margin-top:22px}.check-topics{gap:17px;font-size:12px;margin-top:22px}.check-form h3{font-size:24px;margin-bottom:22px}.check-form .button{font-size:13px;gap:15px;padding-left:20px}.contact{padding-block:65px}.contact-copy{display:block}.contact h2{font-size:53px}.contact-copy>p{font-size:15px;margin-top:25px}.contact-email{font-size:21px;margin-top:27px}.contact-phone{font-size:15px;margin-top:16px}.contact-grid{gap:35px}.contact-form{padding:25px 20px;border-radius:14px}.field-row{grid-template-columns:1fr;gap:18px}.field label,.interests legend{font-size:14px}.field input,.field textarea{font-size:16px}.interest-options label>span{font-size:12px;padding:8px 11px}.attachment summary{font-size:13px}.attachment summary>span{font-size:11px}.form-bottom .button{font-size:13px;gap:18px;padding-left:19px}.request-review{padding:20px 16px}.request-review .button{font-size:12px;padding-left:15px}.request-review .arrow{width:28px;height:28px}.request-review .text-button{margin-left:0}.footer{padding-top:42px}.footer-top{grid-template-columns:1fr;gap:24px;padding-bottom:32px}.footer-logo{width:185px}.footer-top>p{font-size:15px}.footer-email{font-size:27px;width:100%;grid-column:auto}.footer-grid{gap:30px 23px;padding-block:32px;grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid h2{font-size:14px}.footer-grid a,.footer-grid p{font-size:13px;margin-top:9px}.palette-control{grid-column:1/-1}.palette-control>div{gap:10px}.palette-control button{font-size:13px;padding:8px 13px}.footer-bottom{gap:15px}.footer-bottom p,.footer-bottom>a{font-size:11px}.footer-bottom svg{width:14px;height:14px}.page-opening{padding-top:126px}.back-link{margin-bottom:32px;font-size:13px}.service-page-hero{grid-template-columns:1fr;gap:34px}.service-page-hero h1{font-size:clamp(36px,9.3vw,58px)}.service-page-hero .page-intro{font-size:16px;line-height:1.85;margin-top:25px}.service-page-hero .button{font-size:14px;margin-top:27px}.service-page-visual .service-art{height:320px}.service-page-visual .service-image-art{height:290px}.service-page-name{font-size:13px;margin-top:25px;padding-bottom:23px}.service-explanation{grid-template-columns:1fr;gap:24px}.service-explanation h2{font-size:36px}.service-explanation>p{font-size:16px}.service-offers{grid-template-columns:1fr;gap:30px}.service-offers h2{font-size:27px}.service-offers p{font-size:15px;margin-top:15px}.service-offers article{padding-top:23px}.related .section-heading{display:block}.related .section-heading .text-link{margin-top:20px}.related-grid{grid-template-columns:1fr;gap:24px}.related .rail-card:last-child:nth-child(3){display:block}.related .device-scene,.related .work-image{height:285px}.related .card-caption{padding:22px}.related .card-caption h3{font-size:23px}.related .card-caption p{font-size:13px}.process,.faq,.page-cta,.case-story{grid-template-columns:1fr;gap:30px}.process h2,.faq h2,.page-cta h2{font-size:36px}.process h3{font-size:26px}.process p{font-size:15px}.faq summary{font-size:16px;padding-block:22px}.page-cta p{font-size:15px}.page-cta .button{font-size:13px}.case-opening h1{font-size:clamp(43px,12vw,66px)}.case-opening>.page-intro{font-size:18px;margin-top:25px;line-height:1.75}.case-facts{grid-template-columns:1fr;gap:20px;padding-block:24px;margin-block:32px}.case-facts>div:last-child{grid-column:auto}.case-facts dt{font-size:12px;margin-bottom:5px}.case-facts dd{font-size:14px}.case-showcase{width:calc(100% - 24px);border-radius:14px}.case-showcase .device-scene{height:340px}.case-showcase .laptop{width:84%;left:5%;top:15%}.case-showcase .device-phone{width:23%;right:6%;bottom:8%;}.case-showcase .work-image{height:360px}.case-story h2{font-size:37px}.case-story>div>p{font-size:17px}.case-story h3{font-size:25px}.case-story article{margin-top:27px}.case-story article p{font-size:15px}.case-screen-details{padding:25px 18px;gap:24px;flex-direction:column;border-radius:13px}.detail-screen{width:100%;border-width:5px}.detail-mobile{width:58%;flex:auto;border-width:5px;border-radius:18px;align-self:flex-end}.case-secondary{border-radius:12px}.case-closing p{font-size:16px}.case-closing .button{font-size:12px;gap:13px;padding-left:18px}}
@media(max-width:359px){.service-visual-copy{padding:20px 17px;gap:10px}.service-visual h3{font-size:23px}.service-visual-copy p{font-size:13px}.service-art{height:235px}.service-tools-art,.service-image-art{height:205px}.service-visual .round-arrow{width:34px;height:34px}.website-check{padding:25px 18px}.check-form .button{font-size:12px;gap:9px;padding-left:15px}.check-form .arrow{width:30px;height:30px}.hero .actions{gap:20px}.hero .button{font-size:12px;gap:14px;padding-left:17px}.hero .text-link{font-size:12px}.contact-email{font-size:19px}.case-showcase .device-scene{height:285px}.case-showcase .work-image{height:300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.work-rail{scroll-behavior:auto}.deck-card.is-next,.deck-card.is-back{filter:none;opacity:.45}}

@media(max-width:800px){.next-case-copy{padding:30px}.next-case-visual>.device-scene,.next-case-visual>.work-image,.next-case-visual>.iaso-scene{min-height:340px}.next-case h2{font-size:34px}.next-label{margin-bottom:22px}}
@media(max-width:650px){.case-closing{padding-block:40px;gap:20px}.case-closing .text-link{font-size:14px}.case-next{padding-bottom:55px}.next-case{grid-template-columns:1fr;border-radius:16px}.next-case-copy{position:relative;padding:28px 26px 30px;padding-right:80px}.next-label{font-size:13px;margin-bottom:14px}.next-case h2{font-size:34px}.next-scope{font-size:13px;margin-top:13px}.next-case .round-arrow{position:absolute;right:24px;top:27px;margin:0;width:40px;height:40px}.next-case-visual{grid-row:1;aspect-ratio:auto}.next-case-visual .laptop{width:82%;left:6%;top:15%}.next-case-visual>.device-scene,.next-case-visual>.work-image,.next-case-visual>.iaso-scene{height:280px;min-height:0}}
@media(prefers-reduced-motion:reduce){.laptop,.device-phone,.next-case{transition:none}}

.device-scene.device-scene--brand{background:radial-gradient(ellipse at 70% 0,#ffffff12,transparent 65%),linear-gradient(135deg,var(--project-color),color-mix(in srgb,var(--project-color),#000 14%))}
.footer-bottom .footer-credit{min-width:0}.footer-bottom .footer-credit a{display:inline;color:inherit;font-size:inherit}.footer-bottom .footer-credit a:hover{color:var(--accent)}.footer-bottom>a{flex:none}
.case-gallery{display:grid;gap:54px}
.case-gallery figure{margin:0;min-width:0}
.case-gallery-frame{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--surface)}
.case-gallery img{display:block;width:100%;height:auto}
.case-gallery figcaption{margin-top:17px;color:var(--muted);font-size:15px;line-height:1.6}
@media(max-width:650px){.case-gallery{gap:32px}.case-gallery-frame{border-radius:11px}.case-gallery figcaption{margin-top:12px;font-size:14px}}
.case-live{display:flex;align-items:center;gap:13px;width:fit-content;margin-top:20px;padding-bottom:6px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.5}
.case-live svg{width:19px;height:19px;flex:none}
.case-live:hover{color:var(--accent);border-color:currentColor}
.case-live:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:2px}

/* Three stages read left to right; existing process copy is retained. */
.process.process--horizontal{display:block}
.process--horizontal>h2{max-width:none;margin-bottom:44px}
.process-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;list-style:none;margin:0;padding:0}
.process-track>li{min-width:0;position:relative;border-top:1px solid var(--line);padding-top:26px}
.process-track>li:before{content:'';position:absolute;top:-1px;left:0;width:54px;height:2px;background:var(--support)}
.process-track h3{font-size:27px;line-height:1.25;min-height:2.5em}
.process-track p{margin-top:18px;font-size:16px;line-height:1.85;max-width:365px}
@media(max-width:1100px){.process-track{gap:30px}.process-track h3{font-size:25px}}
@media(max-width:800px){.process-track{gap:24px}.process-track h3{font-size:23px}.process-track p{font-size:15px}}
@media(max-width:800px){.process--horizontal>h2{margin-bottom:32px}.process-track{grid-template-columns:1fr;gap:28px}.process-track>li{padding:0 0 0 23px;border-top:0;border-left:1px solid var(--line)}.process-track>li:before{left:-1px;top:0;width:2px;height:34px}.process-track h3{font-size:25px;min-height:0}.process-track p{font-size:16px;margin-top:13px;max-width:600px}}

/* Real artwork in code-native presentation frames. */
.iaso-scene{height:350px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 70% 25%,#9b856b80,transparent 65%),linear-gradient(135deg,#312b3b,#655b50)}
.iaso-print{position:absolute;width:32%;height:auto;border:1px solid #ffffff30;box-shadow:8px 17px 27px #08070d66;transition:transform .6s var(--ease)}
.iaso-print-0{left:5%;top:15%;transform:rotate(-10deg)}
.iaso-print-1{left:33%;top:10%;width:34%;z-index:2;transform:rotate(-2deg)}
.iaso-print-2{right:4%;top:16%;transform:rotate(9deg)}
.project-trigger:hover .iaso-print-0{transform:translateY(-4px) rotate(-13deg)}
.project-trigger:hover .iaso-print-1{transform:translateY(-8px) rotate(0deg)}
.project-trigger:hover .iaso-print-2{transform:translateY(-3px) rotate(12deg)}
.case-showcase .iaso-scene{height:auto;aspect-ratio:1.65}
.iaso-poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.iaso-poster-grid figure{min-width:0;overflow:hidden;border-radius:6px;background:#25212b}
.iaso-poster-grid img{width:100%;height:auto}
.iaso-shirt-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-top:100px;margin-bottom:32px}
.iaso-shirt-heading h2{font-size:clamp(34px,4vw,55px)}
.iaso-shirt-heading p{font-size:15px;max-width:300px}
.iaso-shirt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.iaso-shirt-grid figure{position:relative;aspect-ratio:1.4;overflow:hidden;border-radius:12px;background:#b6b5b4}
.iaso-shirt-grid img{width:100%;height:100%;object-fit:cover;object-position:48% 50%;transform:scale(1.28);transform-origin:46% 43%}
.iaso-shirt-grid figcaption{position:absolute;left:18px;bottom:18px;background:#13151ddd;border:1px solid #ffffff30;border-radius:99px;color:#f4f1e9;font-size:13px;line-height:1.4;padding:8px 14px;backdrop-filter:blur(8px)}
.service-design-art{background:radial-gradient(ellipse at 70% 30%,#94816e,#3d3447)}
.service-design-art img{width:43%;height:auto;object-fit:contain;border:1px solid #ffffff30}
.service-design-art .poster-back{left:13%;top:12%;transform:rotate(-13deg)}
.service-design-art .poster-front{right:10%;top:-4%;transform:rotate(10deg)}

/* Direct links only: no widget, tracking SDK, automatic message or external request on load. */
.whatsapp-float{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;display:grid;place-items:center;z-index:40;background:#25d366;color:#fff;border:1px solid #ffffff35;box-shadow:0 6px 22px #0005;transition:transform .25s var(--ease),opacity .2s,visibility .2s}
.whatsapp-float svg{width:27px;height:27px;color:#fff;fill:currentColor}.contact-whatsapp svg,.footer-whatsapp svg{fill:currentColor}
.whatsapp-float:hover{transform:translateY(-3px);background:#1fbe5b}
.whatsapp-float.is-covered,.whatsapp-float.is-obstructing,body:has(input:focus,textarea:focus) .whatsapp-float{opacity:0;visibility:hidden;pointer-events:none}
.footer .footer-whatsapp{display:flex;align-items:center;gap:9px;width:fit-content}
.footer-whatsapp svg{width:17px;height:17px;color:#25d366}
.contact-whatsapp{display:inline-flex;align-items:center;gap:11px;margin-top:24px;padding:13px 18px;border:1px solid var(--line);border-radius:99px;font-size:14px;font-weight:600;line-height:1.5;transition:background .25s,border-color .25s}
.contact-whatsapp svg{width:21px;height:21px;color:#25d366}
.contact-whatsapp:hover{background:var(--surface-2);border-color:#25d366}
@media(max-width:800px){.iaso-poster-grid{gap:14px}.iaso-shirt-heading{padding-top:65px}.iaso-shirt-grid{gap:16px}.iaso-shirt-grid figure{aspect-ratio:1.1}.iaso-shirt-grid img{object-fit:contain;background:#b7b8ba}.iaso-shirt-grid figcaption{left:12px;bottom:12px;font-size:12px}.case-showcase .iaso-scene{aspect-ratio:1.5}}
@media(max-width:650px){.iaso-scene{height:280px}.iaso-poster-grid{grid-template-columns:1fr;gap:22px}.iaso-poster-grid figure{max-width:470px;width:100%;margin-inline:auto}.iaso-shirt-heading{display:block;padding-top:55px;margin-bottom:24px}.iaso-shirt-heading p{margin-top:15px}.iaso-shirt-grid{grid-template-columns:1fr;gap:18px}.iaso-shirt-grid figure{aspect-ratio:1.4}.iaso-shirt-grid img{object-fit:cover}.whatsapp-float{width:50px;height:50px;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}.whatsapp-float svg{width:25px;height:25px}.service-design-art img{width:46%}.service-design-art .poster-back{left:10%}.service-design-art .poster-front{right:8%}}
@media(prefers-reduced-motion:reduce){.iaso-print,.whatsapp-float{transition:none}}

.header-inner{position:relative;display:grid;grid-template-columns:1fr auto 1fr;padding:8px 10px 8px 26px;gap:24px}
.header .logo{justify-self:start}.header-contact{justify-self:end}.desktop-nav{align-items:center;justify-self:center}
.header.has-mega .desktop-nav>a[aria-current]:after{right:100%}
.header.has-mega .nav-services{color:var(--fg)}
.nav-services[aria-expanded=true]{background:var(--surface-2);box-shadow:0 0 0 8px var(--surface-2);border-radius:3px}
.desktop-services{display:flex;align-items:center}
.nav-services{display:flex;align-items:center;gap:5px;font:inherit;color:#d9d9cf;padding:9px 0;position:relative;line-height:inherit}
.nav-services::after{content:'';position:absolute;height:2px;left:0;right:100%;bottom:0;background:var(--accent);transition:right .2s}
.nav-services:hover::after,.nav-services[aria-current]::after{right:0}.nav-services[aria-expanded=true]::after{right:100%}
.nav-chevron{width:15px;height:15px;transition:transform .2s}
.nav-services[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}
.header.has-mega .header-inner{background:color-mix(in srgb,var(--surface) 96%,transparent);border-color:var(--line);backdrop-filter:blur(20px)}
.mega-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);width:min(1020px,calc(100vw - 48px));max-height:calc(100dvh - 126px);overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 25px 70px #0007;animation:mega-enter .18s var(--ease);color:var(--fg)}
.mega-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:24px}
.mega-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start}
.desktop-nav .mega-service{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:19px 16px;border-radius:12px;color:var(--fg);transition:background .2s}
.mega-menu a::after{content:none}
.mega-service>div{min-width:0}
.mega-service strong{display:block;font-family:Archivo,Manrope,Arial,sans-serif;font-stretch:112.5%;font-weight:650;font-size:19px;line-height:1.2;letter-spacing:-.035em;overflow-wrap:anywhere}
.mega-service div>span{display:block;font-size:13px;line-height:1.7;color:var(--muted);margin-top:10px}
.mega-arrow{display:grid;place-items:center;flex:none;width:27px;height:27px;border:1px solid var(--line);border-radius:50%;margin-top:1px;transition:background .2s,color .2s,border-color .2s}
.mega-arrow svg{width:14px;height:14px}
.desktop-nav .mega-service:hover,.desktop-nav .mega-service:focus-visible{background:var(--surface-2)}
.mega-service:hover .mega-arrow{background:var(--brand);border-color:var(--brand);color:var(--button-text)}
.mega-check{display:flex;flex-direction:column;align-items:start;border:1px solid var(--line);border-radius:13px;padding:24px;background:radial-gradient(ellipse at 100% 0,var(--glow),transparent 90%),var(--surface-2)}
.mega-check h2{font-size:31px;line-height:1.12}
.mega-check h2 span{color:var(--support)}
.mega-check p{font-size:13px;line-height:1.7;margin:17px 0 22px;max-width:260px}
.desktop-nav .mega-check-link{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 15px;border-radius:9px;background:var(--brand);color:var(--button-text);font-size:12px;line-height:1.55;font-weight:650;margin-top:auto;width:100%}
.mega-check-link svg{width:17px;height:17px}
.mega-bottom{border-top:1px solid var(--line);margin-top:16px;padding-top:15px;padding-inline:16px}
.desktop-nav .mega-bottom a{display:inline-flex;align-items:center;gap:16px;padding:0;font-size:13px;color:var(--muted)}
.mega-bottom svg{width:17px;height:17px}
.desktop-nav .mega-bottom a:hover{color:var(--accent)}
@keyframes mega-enter{from{opacity:0;transform:translate(-50%,-7px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:900px){.mega-menu{padding:17px}.mega-grid{grid-template-columns:minmax(0,1.5fr) minmax(210px,1fr);gap:16px}.mega-services{grid-template-columns:1fr;gap:3px}.desktop-nav .mega-service{padding:13px 15px;align-items:center}.mega-service strong{font-size:18px}.mega-service div>span{font-size:12px;margin-top:6px}.mega-check{padding:22px}.mega-check h2{font-size:30px}}
@media(min-width:651px) and (max-width:800px){.header-inner,.header.is-compact .header-inner{grid-template-columns:auto 1fr auto;gap:14px;padding:8px 9px 8px 20px}.header .logo,.header.is-compact .logo{width:110px}.desktop-nav{gap:15px;font-size:12px}.header .header-contact{font-size:11px;gap:10px;padding-left:14px}.header .header-contact .arrow{width:29px;height:29px}.mega-menu{width:calc(100vw - 32px)}}
@media(max-width:650px){
 .header-inner,.header.is-compact .header-inner{display:flex;justify-content:space-between;padding:10px 19px;min-height:61px}
 .mega-menu{display:none!important}
 .mobile-nav nav{max-height:calc(100dvh - 125px);overflow-y:auto;overscroll-behavior:contain;padding:9px 20px}
 .mobile-services{border-bottom:1px solid var(--line)}
 .mobile-services>summary{display:flex;align-items:center;justify-content:space-between;padding:15px 0;font-size:15px;gap:20px}
 .mobile-services>summary .nav-chevron{width:17px;height:17px}
 .mobile-services[open]>summary .nav-chevron{transform:rotate(180deg)}
 .mobile-services>div{padding:1px 0 13px 13px;display:grid;gap:3px}
 .mobile-services a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px;padding:10px 0;font-size:13px;line-height:1.5;color:var(--muted)}
 .mobile-services a svg{width:15px;height:15px;flex:none}
 .mobile-services a:hover,.mobile-services a:focus-visible{color:var(--fg)}
 .mobile-services .mobile-services-all{color:var(--accent);padding-top:14px}
 .mobile-nav nav>a{padding-block:14px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.mega-menu{animation:none}.nav-chevron,.nav-services::after,.mega-service,.mega-arrow{transition:none}}

.next-case-visual>.device-scene--studio{min-height:0}
/* Calibrated raster hardware with independent, original webpage screenshots. */
.mockup-library{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.device-product{display:block;width:100%;height:auto;overflow:visible}
.device-scene--studio{perspective:none;container-type:size}
.device-scene--studio:after{width:75%;left:10%;height:5%;bottom:7%;background:#0005;filter:blur(13px);opacity:.55}
.device-scene--studio .laptop{--laptop-span:84cqw;width:min(var(--laptop-span),calc(143cqh - 45px));left:4%;top:50%;transform:translateY(-50%) rotate(-3deg);filter:drop-shadow(0 8px 7px #0004) drop-shadow(0 20px 20px #0003);transition:transform .6s var(--ease)}
.mapped-display{position:absolute;left:0;top:0;width:1136px;height:637px;transform-origin:0 0;overflow:hidden;border-radius:4px;background:#0a0b0d;backface-visibility:hidden}
.mapped-display img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top}
.device-scene--studio .device-phone{--phone-span:19cqw;width:min(var(--phone-span),calc(31cqh - 10px));height:auto;right:4%;bottom:7%;aspect-ratio:636/1348;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:rotate(4deg);filter:drop-shadow(-3px 5px 3px #0004) drop-shadow(0 12px 12px #0004)}
.device-scene--studio .device-phone:before,.device-scene--studio .device-phone:after{content:none}
.project-trigger:hover .device-scene--studio .laptop,.next-case:hover .device-scene--studio .laptop{transform:translateY(calc(-50% - 3px)) rotate(-1.5deg)}
.project-trigger:hover .device-scene--studio .device-phone,.next-case:hover .device-scene--studio .device-phone{transform:rotate(2deg) translateY(-3px)}
.case-showcase .device-scene--studio{height:720px}
.case-showcase .device-scene--studio .laptop{--laptop-span:76cqw;left:7%;top:50%;transform:translateY(-50%) rotate(-2deg)}
.case-showcase .device-scene--studio .device-phone{--phone-span:17cqw;right:7%;bottom:10%;transform:rotate(3deg)}
.next-case-visual .device-scene--studio .laptop{--laptop-span:82cqw;left:4%;top:50%}
.next-case-visual .device-scene--studio .device-phone{--phone-span:19cqw;right:4%;bottom:8%}
@media(max-width:1100px){.case-showcase .device-scene--studio{height:580px}.case-showcase .device-scene--studio .laptop{--laptop-span:78cqw;left:5%}}
@media(max-width:800px){.case-showcase .device-scene--studio{height:440px}.case-showcase .device-scene--studio .laptop{--laptop-span:82cqw;left:4%}.case-showcase .device-scene--studio .device-phone{--phone-span:18cqw;right:6%;bottom:9%}}
@media(max-width:650px){.case-showcase .device-scene--studio{height:340px}.case-showcase .device-scene--studio .laptop{--laptop-span:89cqw;left:3%;top:46%}.case-showcase .device-scene--studio .device-phone{--phone-span:20cqw;right:6%;bottom:10%}.device-scene--studio .laptop{--laptop-span:88cqw;left:2%}.device-scene--studio .device-phone{--phone-span:20cqw;right:4%;bottom:8%}}
@media(prefers-reduced-motion:reduce){.device-scene--studio .laptop,.device-scene--studio .device-phone{transition:none}}

/* Compact service illustration: place both devices as a single centered group. */
.device-scene--studio.device-scene--service{--service-laptop-width:min(78cqw,134cqh);--service-phone-width:min(18cqw,32cqh)}
.device-scene--studio.device-scene--service .laptop{width:var(--service-laptop-width);left:calc(50% - var(--service-laptop-width)*.58);top:50%;transform:translateY(-50%) rotate(-3deg)}
.device-scene--studio.device-scene--service .device-phone{width:var(--service-phone-width);left:calc(50% + var(--service-laptop-width)*.30);right:auto;top:50%;bottom:auto;transform:translateY(-36%) rotate(4deg)}
.device-scene--studio.device-scene--service:after{width:65%;left:18%;bottom:7%}

/* Current public identity and shared navigation. Historic palette sheet stays separate. */
.header-inner{width:min(calc(100% - var(--space)*2 + 52px),calc(var(--width) + 52px));grid-template-columns:minmax(150px,1fr) auto minmax(250px,1fr);gap:28px;padding:9px 11px 9px 25px;min-height:76px}
.header .logo{width:160px;height:46px;display:flex;align-items:center;min-width:0}
.header .logo img{width:100%;max-width:none;transform:translateY(-2px)}
.header.is-compact .header-inner{width:min(calc(100% - 40px),1040px);padding:9px 11px 9px 25px;min-height:70px}
.header.is-compact .logo{width:145px}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px;justify-self:end;min-width:0}
.language-switch{display:inline-flex;width:fit-content;flex-shrink:0;line-height:1}
.language-switch .language-toggle{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;align-items:center;width:82px;height:44px;padding:5px;border:1px solid var(--line);border-radius:99px;background:#ffffff05;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.025em;line-height:1;margin:0;transition:border-color .2s,background .2s}
.language-toggle>span:not(.language-thumb){display:grid;place-items:center;position:relative;pointer-events:none}
.language-toggle .language-thumb{position:absolute;z-index:-1;inset:5px auto 5px 5px;width:calc(50% - 5px);border-radius:99px;background:var(--accent);box-shadow:0 2px 7px #0003;pointer-events:none;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.language-toggle[data-current-language=en] .language-thumb{transform:translateX(100%)}
.language-toggle[data-current-language=nl]>span:nth-child(2),.language-toggle[data-current-language=en]>span:nth-child(3){color:var(--button-text)}
.language-switch .language-toggle:hover{border-color:#ffffff55;background:#ffffff0b;color:var(--fg)}
.language-switch .language-toggle:active .language-thumb{filter:brightness(1.15)}
.mega-menu:before{content:'';position:absolute;left:0;right:0;top:-15px;height:15px}
.footer{background:linear-gradient(180deg,#141212,var(--bg) 200px);border-top:1px solid var(--line)}
.footer-top{grid-template-columns:1fr 1fr;gap:65px;padding-bottom:42px}
.footer-brand{display:flex;align-items:center;gap:40px}
.footer-logo{width:185px;flex:none}
.footer-brand>p{font-size:15px;line-height:1.8;max-width:270px}
.footer-email{font-family:Archivo,Manrope,Arial,sans-serif;font-stretch:112.5%;font-weight:650;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.045em;line-height:1.2;min-height:74px;padding-bottom:18px}
.footer-email>svg{width:25px;height:25px}
.footer-grid{grid-template-columns:1.2fr 1.3fr 1fr 1fr;gap:40px;padding-block:40px 48px}
.footer-grid h2{font-family:Manrope,Arial,sans-serif;font-stretch:100%;font-size:15px;font-weight:700;margin-bottom:16px}
.footer-grid a,.footer-grid p{font-size:14px;line-height:1.8}
.footer-grid .language-switch{margin-top:23px}
.footer-grid .language-toggle{font-size:11px;line-height:1;margin:0}
.footer-bottom{align-items:center;gap:25px;padding-top:22px}
.footer-bottom p,.footer-bottom>a{font-size:12px;line-height:1.8}
.footer-credit strong{font-weight:750}
@media(min-width:901px) and (max-width:1100px){
 .header-inner,.header.is-compact .header-inner{grid-template-columns:145px 1fr auto;gap:20px}
 .header.is-compact .header-inner{padding-left:22px}
 .header .logo,.header.is-compact .logo{width:140px}
 .desktop-nav{gap:23px;font-size:13px}
 .header-actions{gap:13px}
 .header-contact{font-size:12px;padding-left:17px;gap:15px}
 .header-contact .arrow{width:32px;height:32px}
 .footer-brand{flex-direction:column;align-items:start;gap:22px}
 .footer-grid{gap:25px}
}
@media(max-width:900px){
 .header-inner,.header.is-compact .header-inner{display:flex;justify-content:space-between;width:calc(100% - 32px);min-height:69px;gap:18px;padding:10px 20px;background:color-mix(in srgb,var(--surface) 96%,transparent);border-color:var(--line);backdrop-filter:blur(18px)}
 .header .logo,.header.is-compact .logo{width:140px;height:41px;margin-right:auto}
 .header-actions{margin-left:auto;gap:0}
 .header-contact,.desktop-nav{display:none}
 .mobile-nav{display:block}
 .mobile-nav nav{position:absolute;top:calc(100% + 10px);right:0;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;padding:12px 22px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 45px #0005}
 .mobile-nav nav>a{display:block;padding-block:14px;font-size:14px;border-bottom:1px solid var(--line)}
 .mobile-nav nav>a:last-child{border-bottom:0}
 .mobile-services{border-bottom:1px solid var(--line)}
 .mobile-services>summary{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:15px;gap:20px}
 .mobile-services>summary .nav-chevron{width:17px;height:17px}
 .mobile-services[open]>summary .nav-chevron{transform:rotate(180deg)}
 .mobile-services>div{padding:1px 0 13px 13px;display:grid;gap:3px}
 .mobile-services a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px;padding:10px 0;font-size:13px;line-height:1.5;color:var(--muted)}
 .mobile-services a svg{width:15px;height:15px}
 .mobile-services .mobile-services-all{color:var(--accent);padding-top:14px}
 .footer-brand{flex-direction:column;align-items:start;gap:22px}
 .footer-top{gap:45px}
 .footer-email{grid-column:auto;width:100%;min-height:100%;font-size:30px;align-items:center}
 .footer-grid{grid-template-columns:1.2fr 1fr;gap:35px 45px}
}
@media(max-width:650px){
 .header-inner,.header.is-compact .header-inner{width:calc(100% - 24px);padding:9px 15px;gap:16px;min-height:64px}
 .header .logo,.header.is-compact .logo{width:119px;height:36px}
 .header-actions .language-toggle{width:70px;font-size:10px}
 .mobile-nav>summary{gap:9px;font-size:12px}
 .mobile-nav>summary>svg{width:18px;height:18px}
 .footer-top{grid-template-columns:1fr;gap:28px;padding-bottom:32px}
 .footer-brand{flex-direction:row;align-items:center;gap:25px}
 .footer-logo{width:150px}
 .footer-brand>p{font-size:13px}
 .footer-email{font-size:30px;min-height:70px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:34px 25px;padding-block:33px}
 .footer-grid>div:first-child{grid-column:auto}
 .footer-grid h2{font-size:14px}
 .footer-grid a,.footer-grid p{font-size:13px}
 .footer-bottom{display:block}
 .footer-bottom p{font-size:11px;max-width:95%}
 .footer-bottom>a{margin-top:18px;width:fit-content;font-size:12px}
}
@media(max-width:370px){
 .header-inner,.header.is-compact .header-inner{padding-inline:12px;gap:10px}
 .header .logo,.header.is-compact .logo{width:105px}
 .mobile-nav>summary{font-size:11px;gap:7px}
 .footer-brand{flex-direction:column;align-items:start;gap:20px}
 .footer-grid{grid-template-columns:1fr;gap:30px}
}
/* Small screens have a stable header; compact-width animation is only useful on desktop. */
@media(max-width:900px){.header-inner,.header.is-compact .header-inner,.header .logo,.header.is-compact .logo{transition:none}}
@media(max-width:650px){html[lang=en] .hero h1{font-size:clamp(28px,8vw,50px);hyphens:none}}
html[lang=en] .mega-check h2{hyphens:none}

.depth-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:70px;margin-bottom:42px}.depth-heading h2{font-size:clamp(34px,3.8vw,54px)}.depth-heading>p{max-width:445px;font-size:16px}
.web-extra-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.web-extra-grid article{padding:26px 24px 28px;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:border-color .25s,transform .25s}.web-extra-grid article:hover{border-color:var(--support);transform:translateY(-4px)}.depth-symbol{display:grid;place-items:center;width:45px;height:45px;color:var(--support);background:var(--surface-2);border:1px solid var(--line);border-radius:12px;margin-bottom:32px}.depth-symbol svg{width:24px;height:24px}.web-extra-grid h3{font-size:23px;line-height:1.2}.web-extra-grid p{font-size:14px;line-height:1.8;margin-top:17px}.web-extra-grid .depth-detail{font-size:13px;color:var(--fg);padding-top:18px;border-top:1px solid var(--line);margin-top:22px}.web-extra-grid .text-link{font-size:13px;margin-top:17px;gap:8px}
.care-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:60px;background:radial-gradient(ellipse at 0 0,var(--glow),transparent 65%),var(--surface);border:1px solid var(--line);border-radius:24px;padding:55px}.care-intro h2{font-size:clamp(33px,3.5vw,49px)}.care-intro>p{font-size:16px;margin-top:25px}.care-intro .button{margin-top:30px;font-size:13px;gap:12px}.care-mail-link{display:flex;align-items:center;gap:12px;margin-top:22px;width:fit-content;font-size:13px;color:var(--muted)}.care-mail-link svg{width:15px;height:15px}.care-content{min-width:0}.care-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}.care-grid h3{font-size:21px;line-height:1.25}.care-grid p{font-size:14px;margin-top:12px;line-height:1.85}.care-included h3{color:var(--support)}.care-agreement{font-size:13px;line-height:1.8;border-top:1px solid var(--line);padding-top:24px;margin-top:28px}
.stationery-panel{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface)}.stationery-copy{padding:45px}.stationery-copy h3{font-size:34px}.stationery-copy>p{font-size:15px;margin-top:23px;line-height:1.85}.stationery-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.stationery-fields>div{min-width:0}.stationery-fields label{display:block;font-size:13px;margin-bottom:8px}.stationery-fields input{width:100%;min-width:0;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:11px 12px;font-size:14px}
.stationery-stage{position:relative;min-height:490px;container-type:inline-size;isolation:isolate;background:radial-gradient(ellipse at 30% 30%,var(--glow),transparent 80%),var(--surface-2);overflow:hidden}.stationery-stage:after{content:'';position:absolute;inset:0;background-image:url('5f6ae648cc3bccd4.svg');opacity:.15;pointer-events:none;z-index:-1}.business-card{position:absolute;width:77%;aspect-ratio:1.586;border-radius:5px;box-shadow:0 18px 28px #0005;transition:transform .5s var(--ease)}.card-reverse{top:8%;left:7%;transform:rotate(-11deg);display:grid;place-items:center;background:#151515;border:1px solid #494949}.card-reverse img{position:absolute;top:7%;left:11%;width:46%;height:auto}.card-face{bottom:12%;right:6%;transform:rotate(6deg);background:#f2efe8;color:#171717;border:1px solid #fff7;display:flex;flex-direction:column;align-items:start;padding:6cqw}.card-brand{color:#d6072b;font-size:clamp(10px,2.3cqw,15px);font-weight:800;margin-bottom:auto}.card-face strong{font-family:Archivo,Arial,sans-serif;font-stretch:112.5%;font-size:clamp(14px,4.8cqw,29px);line-height:1.12;overflow-wrap:anywhere;max-width:100%;letter-spacing:-.04em}.card-role{font-size:clamp(9px,2.25cqw,14px);line-height:1.3;margin-top:5px;overflow-wrap:anywhere;max-width:100%}.card-contact{font-size:clamp(9px,2cqw,12px);line-height:1.55;margin-top:auto;padding-top:10px}.stationery-panel:hover .card-reverse{transform:rotate(-7deg) translateY(-4px)}.stationery-panel:hover .card-face{transform:rotate(3deg) translateY(-4px)}
.print-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.print-detail-grid>article{border:1px solid var(--line);border-radius:18px;padding:38px;background:var(--surface)}.print-detail-grid h3{font-size:32px;line-height:1.16}.print-detail-grid p{font-size:15px;line-height:1.85;margin-top:24px}.print-detail-grid ul{list-style:none;margin:25px 0 0;padding:0}.print-detail-grid li{font-size:14px;padding:12px 0;border-top:1px solid var(--line);line-height:1.7}.print-rebuild{background:radial-gradient(ellipse at 100% 0,var(--glow),transparent 70%),var(--surface)!important}.print-depth-end{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-top:35px}.print-depth-end p{max-width:640px;font-size:15px}.print-depth-end .button{flex:none}
@media(max-width:1100px){.web-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.care-section{padding:35px;gap:35px}.care-grid{gap:24px}.care-intro .button{font-size:12px;padding-left:16px;gap:9px}.care-intro .arrow{width:28px;height:28px}.stationery-copy{padding:32px}.stationery-copy h3{font-size:29px}.stationery-fields{grid-template-columns:1fr}.stationery-stage{min-height:550px}.card-face{bottom:23%}.card-reverse{top:13%}.print-detail-grid>article{padding:30px}.print-detail-grid h3{font-size:29px}}
@media(max-width:800px){.depth-heading{gap:35px}.depth-heading>p{font-size:15px}.care-section{grid-template-columns:1fr;padding:35px;gap:40px}.care-intro{max-width:540px}.care-intro h2{font-size:42px}.care-intro .button{font-size:14px}.care-grid{gap:30px}.care-grid h3{font-size:22px}.stationery-panel{grid-template-columns:1fr}.stationery-copy{padding:35px}.stationery-copy h3{font-size:34px}.stationery-fields{grid-template-columns:1fr 1fr}.stationery-stage{min-height:430px;max-width:100%;width:100%}.business-card{width:65%}.card-reverse{top:8%;left:12%}.card-face{bottom:12%;right:12%;padding:4.6cqw}.card-face strong{font-size:clamp(18px,3.8cqw,29px)}.card-contact{font-size:12px}.print-detail-grid{gap:18px}.print-detail-grid h3{font-size:27px}.print-depth-end{align-items:start;flex-direction:column;gap:24px}}
@media(max-width:650px){.depth-heading{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.depth-heading h2{font-size:36px}.web-extra-grid{gap:16px}.web-extra-grid article{padding:22px}.web-extra-grid h3{font-size:23px}.depth-symbol{margin-bottom:24px}.care-section{width:calc(100% - 24px);padding:30px 22px;border-radius:16px}.care-intro h2{font-size:36px}.care-intro>p{font-size:15px}.care-grid{gap:28px 22px}.care-grid h3{font-size:20px}.care-grid p{font-size:14px}.stationery-copy{padding:27px}.stationery-copy h3{font-size:30px}.stationery-fields{grid-template-columns:1fr;gap:16px}.stationery-stage{min-height:320px}.business-card{width:77%}.card-reverse{left:7%;top:8%}.card-face{right:6%;bottom:12%;padding:6cqw}.card-face strong{font-size:clamp(16px,4.8cqw,27px)}.card-contact{font-size:clamp(9px,2.6cqw,12px)}.print-detail-grid{grid-template-columns:1fr}.print-detail-grid>article{padding:27px}.print-detail-grid h3{font-size:29px}.print-depth-end .button{font-size:13px}}
@media(max-width:450px){.web-extra-grid,.care-grid{grid-template-columns:1fr}.web-extra-grid article{padding:26px}.care-intro .button{font-size:12px;gap:12px}.care-intro .arrow{width:28px;height:28px}.stationery-stage{min-height:300px}.card-face{aspect-ratio:1.45}.card-brand{margin-bottom:12px}.card-contact{padding-top:9px}}
@media(prefers-reduced-motion:reduce){.web-extra-grid article,.business-card{transition:none}}

/* Website overview: scope lists are distinct from package promises. */
.web-foundation{align-items:center;gap:65px}
.web-foundation>div{min-width:0}
.web-foundation>div>p{margin-top:24px;font-size:16px;max-width:480px}
.web-section-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px}
.web-section-links a{font-size:14px;color:var(--fg);padding-block:8px;border-bottom:1px solid var(--line)}
.web-section-links a:hover{color:var(--support);border-color:var(--support)}
.foundation-list{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:28px 30px}
.foundation-list h3{font-size:23px;line-height:1.3;margin-bottom:14px}
.web-checklist{list-style:none;padding:0;margin:0}
.web-checklist li{display:flex;align-items:flex-start;gap:11px;padding-block:10px;font-size:15px;line-height:1.6;color:var(--fg);border-bottom:1px solid var(--line)}
.web-checklist li:last-child{border-bottom:0}
.web-checklist li>svg{flex:none;width:18px;height:18px;margin-top:3px;color:var(--support)}
.web-checklist li>span{min-width:0}
.web-extra-grid .web-checklist{margin-top:22px}
.web-extra-grid h3{font-size:24px}
.web-extra-grid article{display:flex;flex-direction:column;transition:none}
.web-extra-grid article:hover{transform:none;border-color:var(--line)}
.web-extra-detail{margin-top:auto;padding-top:22px}
.web-extra-detail summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:10px;font-size:14px;color:var(--muted)}
.web-extra-detail summary:hover{color:var(--support)}
.web-extra-detail summary svg{width:17px;height:17px;flex:none;transition:transform .2s}
.web-extra-detail[open] summary svg{transform:rotate(90deg)}
.web-extra-detail p,.web-extra-detail .depth-detail{font-size:15px;line-height:1.8}
.care-grid .web-checklist{margin-top:12px}
.care-grid .web-checklist li{font-size:15px;padding-block:9px;border-bottom:0}
.care-agreement{font-size:14px}
.web-costs{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.web-costs>div{min-width:0}
.web-costs h2{font-size:clamp(36px,4vw,54px)}
.web-costs h2 span{color:var(--support)}
.web-costs>div>p{font-size:16px;margin-top:24px;max-width:450px}
.web-cost-breakdown dl{margin:0}
.web-cost-breakdown dl>div{padding-block:24px;border-top:1px solid var(--line)}
.web-cost-breakdown dt{font-family:Archivo,Arial,sans-serif;font-size:24px;font-stretch:112.5%;font-weight:650;line-height:1.3}
.web-cost-breakdown dd{font-size:15px;line-height:1.8;margin:14px 0 0;color:var(--muted)}
.web-cost-breakdown .button{margin-top:10px}
@media(max-width:1100px){.web-foundation{gap:40px}.foundation-list{padding:24px}.web-costs{gap:55px}}
@media(max-width:800px){.web-foundation{grid-template-columns:1fr;gap:30px}.web-foundation h2{max-width:600px}.web-foundation>div>p{max-width:620px}.foundation-list .web-checklist{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.foundation-list .web-checklist li{border-bottom:0}.web-costs{gap:40px}.web-cost-breakdown dt{font-size:22px}}
@media(max-width:650px){.web-extra-grid{grid-template-columns:1fr}.web-extra-grid article{padding:26px}.web-extra-grid .depth-symbol{margin-bottom:22px}.foundation-list{padding:25px 22px}.foundation-list .web-checklist{grid-template-columns:1fr}.foundation-list .web-checklist li{border-bottom:1px solid var(--line)}.foundation-list .web-checklist li:last-child{border-bottom:0}.web-section-links{gap:8px 20px}.care-grid{grid-template-columns:1fr}.web-costs{grid-template-columns:1fr;gap:30px}.web-costs h2{font-size:38px}.web-cost-breakdown dt{font-size:25px}.care-intro .button{font-size:13px}.care-intro .arrow{width:30px;height:30px}.care-mail-link{font-size:14px}}

@media(min-width:1101px){.web-extra-grid h3{min-height:2.4em}}
.web-extra-followup{display:flex;justify-content:flex-start;margin-top:22px}.web-extra-followup .text-link{font-size:14px}

/* Maatwerk: honest example interfaces, scoped to this service and its home card. */
.software-art{container-type:inline-size;background:radial-gradient(ellipse at 20% 15%,color-mix(in srgb,var(--support) 22%,transparent),transparent 65%),#252d27;padding:25px;display:grid;place-items:center;overflow:hidden}
.software-window{width:100%;max-width:650px;color:#27322e;background:#f0f2ec;border:1px solid #ffffff55;border-radius:12px;box-shadow:0 18px 40px #050e1236;overflow:hidden;text-align:left;line-height:1.5}
.software-window svg,.software-mini svg,.software-application-copy li svg{width:20px;height:20px;flex-shrink:0}
.software-window-bar{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid #d8ded5;font-size:13px;font-weight:700}
.software-app-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#26372d;color:#f3f5ef}
.software-app-icon svg{width:15px;height:15px}
.software-window-indicator{width:7px;height:7px;border-radius:50%;background:#5d866b;margin-left:auto}
.software-workspace{display:grid;grid-template-columns:44% 56%;min-height:280px}
.software-requests{padding:13px 10px;background:#e5eae2;border-right:1px solid #d4dccf;display:flex;flex-direction:column;gap:7px}
.software-request{appearance:none;width:100%;display:flex;align-items:center;gap:9px;background:transparent;border:1px solid transparent;border-radius:7px;padding:12px 10px;color:#36443b;text-align:left;font-family:inherit;min-height:66px;line-height:1.45}
button.software-request{cursor:pointer}
.software-request[aria-pressed=true],.software-request.is-selected{background:#fff;border-color:#d6ded1;box-shadow:0 2px 4px #23332b09}
.software-request:focus-visible{outline:2px solid #314b3e;outline-offset:1px}
button.software-request:hover{border-color:#a5b59d}
.software-request-icon{display:grid;place-items:center;color:#63765d;flex-shrink:0}
.software-request-icon svg{width:17px;height:17px}
.software-request strong{display:block;font-size:12px;font-weight:750}
.software-request small{display:block;font-size:11px;color:#5c6b5d;margin-top:3px}
.software-request-dot{display:none;width:5px;height:5px;background:#365e44;border-radius:50%;margin-left:auto;flex-shrink:0}
.software-request[aria-pressed=true] .software-request-dot,.software-request.is-selected .software-request-dot{display:block}
.software-details{min-width:0;padding:20px}
.software-detail[hidden]{display:none}
.software-status{display:inline-block;background:#dce7d5;color:#3e5b38;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700}
.software-detail-title{display:block;font-family:Archivo,sans-serif;font-stretch:100%;font-size:21px!important;letter-spacing:-.04em;line-height:1.2;margin:14px 0 9px;color:#223129}
.software-detail>p{font-size:12px!important;line-height:1.65;color:#536451;margin:0;max-width:34ch}
.software-detail dl{display:grid;gap:10px;margin-top:20px}
.software-detail dt{font-size:10px;color:#647460;margin-bottom:2px}
.software-detail dd{font-size:12px;color:#2e402f;margin:0;font-weight:650}
.software-progress{display:flex;list-style:none;gap:0;margin-top:22px;padding:0}
.software-progress li{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:9px;color:#5b6c55}
.software-progress li:before{position:absolute;content:'';height:1px;background:#c7d1bf;top:7px;left:50%;width:100%}
.software-progress li:last-child:before{display:none}
.software-progress li>span{position:relative;display:grid;place-items:center;width:15px;height:15px;border:1px solid #acbca0;background:#f0f2ec;border-radius:50%}
.software-progress li[aria-current]{font-weight:750;color:#354d2e}
.software-progress li[aria-current]>span{background:#36583e;border-color:#36583e;box-shadow:inset 0 0 0 4px #f0f2ec}
.software-progress svg{width:10px;height:10px;color:#36583e}
/* The home card is illustrative; the service hero is operable. */






.service-page-hero--software{grid-template-columns:1fr 1.12fr;gap:50px}
.service-page-hero--software h1{font-size:clamp(40px,4vw,56px);hyphens:none}
.service-page-hero--software .service-art{height:450px}
.software-introduction{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.software-introduction h2{font-size:clamp(30px,3vw,42px);line-height:1.2;max-width:560px}
.software-introduction p{margin-top:25px;max-width:52ch}
.software-problems{list-style:none;padding:0;margin:0}
.software-problems li{padding:21px 0;border-bottom:1px solid var(--line)}
.software-problems li:first-child{padding-top:0}
.software-problems span{display:block;font-size:15px;color:var(--muted)}
.software-problems strong{display:block;font-size:18px;color:var(--fg);font-weight:600;line-height:1.5;margin-top:8px}
.software-possibilities .section-heading{align-items:end}
.software-possibilities .section-heading>p{max-width:330px;font-size:16px}
.software-application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.software-application{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}
.software-application-copy{padding:30px 32px 34px}
.software-application h3{font-size:clamp(23px,2.2vw,30px);line-height:1.25;letter-spacing:-.04em}
.software-application-copy>p{font-size:15px;margin-top:15px;max-width:54ch}
.software-application-copy ul{list-style:none;padding:0;margin-top:24px;display:grid;gap:11px}
.software-application-copy li{display:flex;align-items:start;gap:12px;font-size:14px;line-height:1.65;color:var(--fg)}
.software-application-copy li svg{color:var(--support);width:17px;height:17px;margin-top:3px}
.software-mini{height:230px;padding:30px 36px;color:#27382f;background:#d7dfd1;display:flex;flex-direction:column;justify-content:center;line-height:1.5}
.software-mini-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:15px;font-weight:750;margin-bottom:16px;flex-shrink:0}
.software-mini-top>span{font-weight:500;font-size:11px;border:1px solid #b3c3ad;border-radius:4px;padding:3px 7px}
.software-mini-table{border:1px solid #c2cdbb;border-radius:8px;overflow:hidden;background:#f3f5ee;flex-shrink:0}
.software-mini-table>div{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:12px;padding:8px 13px;border-bottom:1px solid #d8e0d1;font-size:12px}
.software-mini-table>div:first-child{background:#e8ede2;font-size:10px;color:#5b6c54}
.software-mini-table>div:last-child{border:0}
.software-mini-table strong{font-weight:650}
.software-mini-table em{font-size:10px;font-style:normal;justify-self:start;padding:3px 7px;border-radius:4px;background:#e0e8d6;color:#435a35}
.software-mini--form{background:#d8d5e5;color:#40374f}
.software-form-line{background:#f6f4fb;padding:11px 15px;border:1px solid #c9c3d7;border-radius:7px}
.software-form-line span{display:block;font-size:10px;color:#71667f}
.software-form-line strong{display:block;font-size:12px;font-weight:600;margin-top:5px}
.software-upload{display:flex;align-items:center;gap:13px;border:1px dashed #a59ab7;border-radius:7px;padding:12px 15px;margin-top:12px;font-size:12px}
.software-upload small{display:block;font-size:10px;color:#71667f;margin-top:3px}
.software-mini--connection{position:relative;display:grid;grid-template-columns:1fr .9fr 1fr;gap:10px;align-items:center;align-content:center;background:#c6dbd8;color:#2e514c}
.software-connection-node{border:1px solid #b0c8c2;border-radius:9px;background:#eff5ef;display:flex;flex-direction:column;align-items:center;gap:13px;padding:23px 8px;min-width:0}
.software-connection-node>svg{width:25px;height:25px}
.software-connection-node strong{font-size:12px;font-weight:650}
.software-connection-bridge{display:grid;justify-items:center;gap:8px;font-size:10px;line-height:1.45;text-align:center}
.software-connection-bridge>svg{width:27px;height:27px}
.software-mini--connection>p{grid-column:1/-1;text-align:center;font-size:11px;color:#46665f;margin:9px 0 0}
.software-mini--config{background:#d9c9b9;flex-direction:row;align-items:center;gap:45px;color:#4e3d30}
.software-product{position:relative;display:grid;place-items:center;background:#292e2a;width:155px;height:115px;border:1px solid #5b655c;border-radius:7px;transform:perspective(600px) rotateY(-20deg) rotateZ(-8deg);box-shadow:7px 8px 0 #151b16,12px 22px 28px #463c3840;flex-shrink:0}
.software-product span{font-family:Archivo,sans-serif;font-size:27px;font-stretch:112.5%;font-weight:750;line-height:.95;letter-spacing:-.04em;color:#eeeadd}
.software-mini--config dl{display:grid;gap:11px;margin:0}
.software-mini--config dt{font-size:10px;color:#75604d}
.software-mini--config dd{margin:0;font-size:13px;font-weight:650}

@container(max-width:430px){
 .software-art--interactive .software-window-bar{padding:12px 14px}
 .software-art--interactive .software-workspace{grid-template-columns:1fr;min-height:0}
 .software-art--interactive .software-requests{flex-direction:row;border-right:0;border-bottom:1px solid #d4dccf;padding:9px;gap:5px}
 .software-art--interactive .software-request{flex:1;display:block;padding:9px 7px;min-height:77px}
 .software-art--interactive .software-request strong{font-size:11px;line-height:1.4}
 .software-art--interactive .software-request small{font-size:9px;line-height:1.5}
 .software-art--interactive .software-request-icon,.software-art--interactive .software-request-dot{display:none}
 .software-art--interactive .software-details{padding:17px}
 .software-art--interactive .software-detail-title{font-size:21px!important;margin:10px 0 7px}
 .software-art--interactive .software-detail>p{font-size:12px!important;max-width:45ch}
 .software-art--interactive .software-detail dl{grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}
 .software-art--interactive .software-detail dd{font-size:11px}
 .software-art--interactive .software-progress{margin-top:19px}


}
@media(max-width:1100px){.service-page-hero--software{gap:35px;grid-template-columns:.9fr 1.1fr}.software-art--interactive{padding:20px}.software-introduction{gap:55px}.software-mini{padding:26px}.software-mini--config{gap:30px}.software-application-copy{padding:25px}.software-request-icon{display:none}}
@media(min-width:651px) and (max-width:950px){.service-page-hero--software{grid-template-columns:1fr}.service-page-hero--software>div:first-child{max-width:650px}.service-page-hero--software h1{font-size:54px}.service-page-hero--software .software-window{max-width:650px}.service-page-hero--software .service-art{height:410px}.software-application-grid{gap:22px}.software-mini{padding:23px 20px}.software-mini--config{gap:25px}.software-product{width:115px;height:100px}.software-connection-node strong{font-size:10px}.software-mini-table>div{padding:10px;font-size:10px}.software-mini-table em{font-size:9px}}
@media(max-width:650px){.software-introduction{grid-template-columns:1fr;gap:30px}.software-problems strong{font-size:17px}.software-problems span{font-size:14px}.software-possibilities .section-heading{display:block}.software-possibilities .section-heading>p{margin-top:22px}.software-application-grid{grid-template-columns:1fr;gap:24px}.software-application-copy{padding:26px}.software-application h3{font-size:27px}.software-mini{height:230px;padding:25px 30px}.software-art--interactive{padding:20px}}
@media(max-width:370px){.software-art--interactive{padding:12px}.software-mini{padding:23px 20px}.software-mini--config{gap:24px}.software-product{width:120px;height:100px}.software-connection-node strong{font-size:10px}.software-connection-bridge{font-size:9px}.software-application-copy{padding:23px}.software-application h3{font-size:25px}}
/* Compact illustration fits the home cards without hiding parts of the example. */






@media(max-width:650px){.service-page-hero--software{grid-template-columns:1fr}}

@media(max-width:650px){.service-page-hero--software h1{font-size:clamp(28px,8.4vw,52px)}.service-page-hero--software .service-art{height:auto;min-height:440px}}

.software-art--compact{padding:16px 20px}
.software-art--compact .software-window{transition:transform .5s var(--ease)}
.software-art--compact .software-window-bar{padding:9px 13px;font-size:11px}
.software-art--compact .software-app-icon{width:24px;height:24px}
.software-art--compact .software-workspace{min-height:0;grid-template-columns:48% 52%}
.software-art--compact .software-requests{padding:8px;gap:4px}
.software-art--compact .software-request{min-height:37px;padding:7px;line-height:1.3}
.software-art--compact .software-request strong{font-size:11px;line-height:1.3}
.software-art--compact .software-request small,.software-art--compact .software-request-icon,.software-art--compact .software-request-dot{display:none}
.software-art--compact .software-details{padding:13px}
.software-art--compact .software-detail-title{font-size:18px!important;line-height:1.12;margin:9px 0 11px}
.software-attachments{display:flex;flex-wrap:wrap;gap:5px 9px;font-size:10px;color:#5b6c55}
.software-attachments>span{display:flex;align-items:center;gap:4px}
.software-attachments svg{width:11px;height:11px}
@media(hover:hover) and (pointer:fine){.service-visual--tools:hover .software-art--compact .software-window{transform:translateY(-3px)}}
@media(max-width:800px){.software-art--compact .software-detail-title{font-size:16px!important}.software-art--compact .software-window-bar{padding:7px 11px;font-size:10px}}
@container(min-width:500px){.software-art--compact .software-detail-title{font-size:24px!important}.software-art--compact .software-request strong{font-size:12px}.software-art--compact .software-status{font-size:11px}.software-art--compact .software-attachments{font-size:11px}}

/* WordPress block wrappers preserve the approved document composition. */
.wp-site-blocks{padding:0}.wp-site-blocks>*{margin-block:0}.wp-block-post-content{margin:0}.wp-block-group{box-sizing:border-box}:where(.is-layout-flow)>*{margin-block-start:0}.wp-block-template-part{margin:0}body .wp-block-heading{margin-block:0}.editor-styles-wrapper{background:var(--bg);color:var(--fg)}

.admin-bar .header{top:calc(18px + var(--wp-admin--admin-bar--height,32px))}.admin-bar .mega-menu{max-height:calc(100dvh - 126px - var(--wp-admin--admin-bar--height,32px))}@media(max-width:650px){.admin-bar .header{top:calc(12px + var(--wp-admin--admin-bar--height,46px))}}

/* Keep mobile captures at their original width; clip overflow vertically only. */
.device-scene--studio .phone-website{height:auto}

/* Icon links use one continuous rule, never a text underline broken around an icon. */
.text-link,.text-button,.case-live,.intake-contact{text-decoration:none}
.fm-arrow-icon{width:18px;height:18px;flex:none}