@font-face{font-family:QAPDisplay;src:url('/assets/font-display.ttf') format('truetype');font-display:swap}
@font-face{font-family:QAPMono;src:url('/assets/font-mono.woff2') format('woff2');font-display:swap;font-weight:100 700}
:root{--bg:#191a1a;--surface:#202222;--line:#393c3c;--text:#f5f4ef;--muted:#a9aaa5;--accent:#d9ff4f;--violet:#8d87ed;--yellow:#ffd21e;--red:#e94b5d;--blue:#4ba9ff;color-scheme:dark;font-family:QAPMono,ui-monospace,monospace;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-size:16px;line-height:1.65}body::before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(to bottom,rgba(25,26,26,.1),var(--bg) 68%),url('/assets/pattern.webp');background-size:auto,26rem;opacity:.72}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-weight:450;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(3.1rem,7vw,7rem)}h2{font-size:clamp(2rem,4vw,4.2rem)}h3{font-size:clamp(1.25rem,2vw,1.7rem)}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.65rem 1rem;background:var(--text);color:var(--bg)}.skip-link:focus{top:1rem}.site-header{position:fixed;top:0;left:0;right:0;z-index:60;padding:1.25rem 4vw;pointer-events:none}.site-header nav{width:min(1180px,100%);height:64px;margin:auto;padding:.5rem .55rem .5rem 1.3rem;display:flex;align-items:center;justify-content:space-between;border:1px solid #343737;border-radius:16px;background:rgba(26,28,28,.88);box-shadow:0 16px 45px rgba(0,0,0,.28);backdrop-filter:blur(18px);pointer-events:auto}.brand{font-family:QAPDisplay,serif;font-size:2rem;line-height:1;letter-spacing:0}.brand span{color:var(--accent)}#navbar ol{display:flex;align-items:center;gap:.2rem;list-style:none;margin:0;padding:0}#navbar ol a{display:block;padding:.65rem .9rem;border-radius:9px;color:#ccc;font-size:.9rem;transition:background .2s,color .2s}#navbar ol a:hover,#navbar ol a[aria-current=page]{background:#2b2e2e;color:#fff}.nav-contact{margin-left:.35rem!important;background:var(--text)!important;color:#171818!important}.nav-contact:hover{background:var(--accent)!important}.menu-trigger{display:none;width:44px;height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--text);cursor:pointer}.menu-trigger span{display:block;width:20px;height:1.5px;margin:6px auto;background:currentColor}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:650;color:var(--accent)}.lead{max-width:47rem;color:#cacbc7;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.7}.lead-small{font-size:1.25rem;color:#ddd;line-height:1.7}.section{width:min(1180px,92vw);margin:0 auto;padding:clamp(5rem,9vw,9rem) 0}.hero{width:min(1280px,94vw);min-height:100svh;margin:0 auto;padding:9rem 1.5rem 4rem;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:3rem}.hero-copy h1{margin:1.2rem 0 1.6rem}.hero-copy h1 span{color:#aeb0ac}.actions{display:flex;align-items:center;gap:1.7rem;margin-top:2.2rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:.9rem;min-height:52px;padding:.8rem 1.15rem;border-radius:8px;font-size:.92rem;font-weight:650;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#171818}.button-light{background:var(--text);color:var(--bg)}.button span{font-size:1.2rem}.text-link{display:inline-flex;gap:.65rem;align-items:center;border-bottom:1px solid #656868;padding:.4rem 0;font-size:.9rem}.text-link:hover{border-color:var(--accent);color:var(--accent)}.hero-visual{position:relative;min-height:540px;display:grid;align-content:center}.hero-visual img{position:relative;z-index:1;width:115%;max-width:none;margin-left:-8%;mix-blend-mode:screen}.visual-halo{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,#4c505044,transparent 68%);filter:blur(12px)}.hero-visual figcaption{position:absolute;right:4%;bottom:6%;z-index:2;max-width:13rem;padding:.7rem 0;border-top:1px solid #565858;color:var(--muted);font-size:.72rem}
.intro-band{border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;margin-top:2rem;align-items:end}.section-heading p{color:var(--muted);font-size:1.05rem}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);padding-top:0}.service-card{position:relative;min-height:270px;padding:2rem;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:background .25s,border .25s,transform .25s}.service-card:nth-child(2n){border-left:0}.service-card:nth-child(n+3){border-top:0}.service-card::before{content:"";position:absolute;width:180px;height:180px;right:-110px;top:-110px;border-radius:50%;background:var(--card);filter:blur(5px);opacity:.16;transition:transform .35s,opacity .35s}.service-card:hover{background:#242626;transform:translateY(-3px);z-index:2}.service-card:hover::before{transform:scale(1.6);opacity:.25}.service-card.violet{--card:var(--violet)}.service-card.yellow{--card:var(--yellow)}.service-card.red{--card:var(--red)}.service-card.blue{--card:var(--blue)}.service-number{color:var(--card);font-size:.75rem}.service-card div{max-width:31rem}.service-card h3{margin-bottom:.85rem}.service-card p{color:var(--muted)}.service-arrow{position:absolute;right:1.7rem;bottom:1.4rem;color:var(--card);font-size:1.5rem}.approach{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;border-top:1px solid var(--line)}.approach h2{margin-top:1.2rem}.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding:1.7rem 0;border-top:1px solid var(--line)}.steps li:last-child{border-bottom:1px solid var(--line)}.steps span{color:var(--accent);font-size:.75rem}.steps h3{margin-bottom:.5rem}.steps p{color:var(--muted)}.cta{margin-bottom:8rem;padding:3.2rem;background:var(--accent);color:#151616;display:flex;align-items:end;justify-content:space-between;gap:3rem;border-radius:2px}.cta .eyebrow{color:#3e461b}.cta h2{margin:.6rem 0}.cta p{max-width:42rem;color:#404428}
.page-hero,.service-hero{width:min(1180px,92vw);min-height:78svh;margin:0 auto;padding:10rem 0 5rem;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw}.page-hero h1,.service-hero h1{margin:1.2rem 0 1.7rem}.page-hero figure,.service-hero figure{height:460px;display:grid;place-items:center;overflow:hidden}.page-hero figure img,.service-hero figure img{width:120%;max-width:none;mix-blend-mode:screen}.editorial{display:grid;grid-template-columns:.25fr .75fr;gap:5%;border-top:1px solid var(--line)}.editorial-mark{font-family:QAPDisplay;font-size:clamp(7rem,16vw,15rem);line-height:.75;color:#353838}.editorial h2{margin:1.2rem 0 2rem}.editorial p:last-child{margin-top:1.5rem;color:var(--muted)}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding-top:0}.values article{padding:2rem;background:var(--surface);min-height:260px}.values span{color:var(--accent);font-size:.72rem}.values h3{margin:4.5rem 0 1rem}.values p{color:var(--muted)}.split-panel,.service-note{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line)}.split-panel h2,.service-note h2{margin-top:1rem}.split-panel>p,.service-note>div>p{color:var(--muted);font-size:1.1rem}.service-note .text-link{margin-top:1.7rem}
.contact-layout{width:min(1180px,92vw);min-height:100svh;margin:0 auto;padding:11rem 0 7rem;display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:center}.contact-copy h1{font-size:clamp(3rem,6vw,6rem);margin:1rem 0 1.8rem}.contact-details{margin-top:3rem;border-top:1px solid var(--line)}.contact-details a{display:grid;grid-template-columns:7rem 1fr auto;align-items:center;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}.contact-details span{color:var(--muted);font-size:.75rem}.contact-details strong{font-weight:450}.contact-details a:hover strong{color:var(--accent)}.contact-aside{padding:2.5rem;background:var(--surface)}.contact-aside h2{font-size:2rem;margin:1rem 0 2.5rem}.contact-aside ol{list-style:none;margin:0;padding:0}.contact-aside li{display:grid;grid-template-columns:2.5rem 1fr;padding:1.1rem 0;border-top:1px solid var(--line)}.contact-aside li span{color:var(--accent);font-size:.7rem}.small-note{margin-top:2rem;color:var(--muted);font-size:.85rem}
.service-hero .back-link{display:inline-block;margin-bottom:4rem;color:var(--muted);font-size:.8rem}.service-hero .button{margin-top:2rem}.service-hero.violet{--service:var(--violet)}.service-hero.yellow{--service:var(--yellow)}.service-hero.red{--service:var(--red)}.service-hero.blue{--service:var(--blue)}.service-hero .eyebrow{color:var(--service)}.offer-list{display:grid;grid-template-columns:.7fr 1.3fr;gap:9%;border-top:1px solid var(--line)}.offer-list h2{margin-top:1rem}.offer-list article{display:grid;grid-template-columns:3.5rem 1fr;gap:1rem;padding:1.7rem 0;border-top:1px solid var(--line)}.offer-list article:last-child{border-bottom:1px solid var(--line)}.offer-list article>span{color:var(--accent);font-size:.72rem}.offer-list h3{margin-bottom:.5rem}.offer-list article p{color:var(--muted)}.outcome{display:grid;grid-template-columns:.35fr .65fr;gap:8%;background:var(--surface);padding-left:3rem;padding-right:3rem}.outcome blockquote{font-size:clamp(1.6rem,3vw,3rem);line-height:1.3;letter-spacing:-.035em}.tool-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:9%}.tool-section h2{margin-top:1rem}.tool-section ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.tool-section li{min-height:145px;background:var(--surface);display:grid;place-items:center;padding:1rem;text-align:center}.tool-section li img{width:42px;height:42px;object-fit:contain;filter:saturate(.82)}.tool-section li span{font-size:.75rem;color:#d2d3cf}
footer{width:min(1180px,92vw);margin:auto;padding:4rem 0 2rem;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;gap:2rem}.footer-top p{color:var(--muted);font-size:.8rem}.footer-links{display:grid;grid-template-columns:1fr 1fr;max-width:500px;margin:4rem 0 4rem auto}.footer-links div{display:grid;align-content:start;gap:.55rem}.footer-links div>span{margin-bottom:.5rem;color:#777;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.footer-links a{font-size:.85rem}.footer-links a:hover{color:var(--accent)}.footer-bottom{padding-top:1.5rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#777;font-size:.7rem}
.qap-mobile-menu{position:fixed;inset:0 0 auto;width:100%;max-width:none;margin:0;padding:5rem 1.5rem 2rem;border:0;border-bottom:1px solid var(--line);background:#1a1c1cf7;color:var(--text);backdrop-filter:blur(18px)}.qap-mobile-menu::backdrop{background:#000b}.qap-mobile-menu nav{display:grid}.qap-mobile-menu nav a{padding:1rem 0;border-bottom:1px solid var(--line);font-size:1.2rem}.qap-menu-close{position:absolute;right:1.3rem;top:1rem;width:44px;height:44px;border:0;background:transparent;color:white;font-size:1.8rem}html.menu-open{overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
body::after{content:"";position:fixed;inset:0;z-index:40;pointer-events:none;background:linear-gradient(115deg,#17191b 0%,#25292c 100%);animation:qap-reveal 420ms cubic-bezier(.65,0,.25,1) both}main{animation:qap-content-in 340ms 80ms ease-out both}body.is-leaving::after{animation:qap-cover 180ms cubic-bezier(.4,0,.2,1) both}@keyframes qap-reveal{from{clip-path:polygon(0 0,100% 0,120% 100%,0 100%)}to{clip-path:polygon(0 0,-20% 0,0 100%,0 100%)}}@keyframes qap-cover{from{clip-path:polygon(120% 0,100% 0,100% 100%,100% 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,-20% 100%)}}@keyframes qap-content-in{from{opacity:.45}to{opacity:1}}
@media(max-width:800px){body{font-size:15px}.site-header{padding:.8rem 4vw}.site-header nav{height:58px;padding-left:1rem}.brand{font-size:1.75rem}#navbar ol{display:none}.menu-trigger{display:block}.hero{min-height:auto;padding:8.5rem 0 4rem;grid-template-columns:1fr;gap:1.5rem}.hero h1{font-size:clamp(2.8rem,14vw,4.5rem)}.hero-visual{min-height:330px}.hero-visual img{width:125%;margin-left:-12%}.hero-visual figcaption{display:none}.section{padding:4.5rem 0}.section-heading,.approach,.page-hero,.service-hero,.editorial,.split-panel,.service-note,.offer-list,.outcome,.tool-section,.contact-layout{grid-template-columns:1fr}.section-heading{gap:1.5rem}.services-grid{grid-template-columns:1fr}.service-card{border:1px solid var(--line)!important;min-height:220px}.service-card+.service-card{border-top:0!important}.approach{gap:3rem}.cta{margin-bottom:5rem;padding:2rem;display:block}.cta .button{margin-top:2rem}.page-hero,.service-hero{padding:8rem 0 3rem;gap:1rem;min-height:auto}.page-hero figure,.service-hero figure{height:310px;order:-1;margin-top:2rem}.page-hero>div,.service-hero>div{order:2}.editorial{gap:2rem}.editorial-mark{display:none}.values{grid-template-columns:1fr}.values article{min-height:220px}.contact-layout{padding:8rem 0 5rem;gap:3rem}.contact-details a{grid-template-columns:5rem 1fr auto}.offer-list,.tool-section{gap:3rem}.outcome{padding:3rem 1.5rem;gap:1.5rem}.tool-section ul{grid-template-columns:repeat(2,1fr)}.footer-links{margin-left:0;grid-template-columns:1fr 1fr;gap:2rem}.footer-bottom{gap:1rem}.service-hero .back-link{margin-bottom:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}body::after{display:none;animation:none}main{animation:none}}

/* Second pass: quieter information architecture. */
.hero{min-height:88svh}.hero-copy h1{font-size:clamp(3.6rem,7.5vw,7.2rem)}.hero-copy .lead{max-width:39rem}.hero-visual{min-height:440px}.home-services{display:grid;grid-template-columns:.72fr 1.28fr;gap:9%;border-top:1px solid var(--line)}.home-services h2{margin-top:1rem}.service-list{border-top:1px solid var(--line)}.service-list a{display:grid;grid-template-columns:3.5rem 1fr auto;align-items:center;gap:1rem;min-height:94px;border-bottom:1px solid var(--line);transition:padding .2s,color .2s}.service-list a:hover{padding-left:.65rem;color:var(--accent)}.service-list span{color:#6f7270;font-size:.68rem}.service-list h3{font-size:1.25rem;letter-spacing:-.025em}.service-list i{font-style:normal}.service-list-long a{min-height:150px}.service-list-long p{max-width:43rem;margin-top:.5rem;color:var(--muted)}.home-note{max-width:800px;margin-left:auto;padding-top:1rem}.home-note>p{font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.55;letter-spacing:-.025em}.home-note .text-link{margin-top:2rem}.about-copy{display:grid;grid-template-columns:.75fr 1.25fr;gap:10%;border-top:1px solid var(--line)}.about-copy h2{margin-top:1rem}.about-copy>div:last-child{display:grid;gap:1.5rem;color:#c1c3bf;font-size:1.08rem}.principles{padding-top:0}.principles p{padding:1.5rem 0;border-top:1px solid var(--line);font-size:clamp(1.2rem,2vw,1.6rem)}.principles p:last-child{border-bottom:1px solid var(--line)}.services-index{max-width:960px}.simple-contact{display:flex;justify-content:space-between;align-items:center;gap:2rem;border-top:1px solid var(--line);padding-top:2rem}.simple-contact p{color:var(--muted)}.service-body{display:grid;grid-template-columns:1.25fr .75fr;gap:10%;border-top:1px solid var(--line)}.offer-list-quiet article{padding:0 0 3rem;margin-bottom:3rem;border-bottom:1px solid var(--line)}.offer-list-quiet h2{font-size:clamp(1.6rem,2.5vw,2.4rem);margin-bottom:1rem}.offer-list-quiet p{max-width:43rem;color:var(--muted)}.service-body aside{position:sticky;top:8rem;align-self:start;padding:2rem;background:var(--surface)}.service-body aside>p:nth-child(2){margin-top:1.2rem;font-size:1.05rem}.tool-names{padding-top:1.5rem;color:var(--muted);font-size:.75rem}.service-body aside .text-link{margin-top:2rem}.service-hero{min-height:72svh}.service-hero h1{font-size:clamp(3rem,5.8vw,6rem)}
.project-cases{border-top:1px solid var(--line)}.projects-heading{display:grid;grid-template-columns:1fr .65fr;gap:10%;align-items:end;margin-bottom:4rem}.projects-heading h2{margin-top:1rem}.projects-heading>p{max-width:31rem;color:var(--muted);font-size:.85rem}.case-list{border-top:1px solid var(--line)}.case-study{display:grid;grid-template-columns:.42fr 1.58fr;gap:7%;padding:3.5rem 0;border-bottom:1px solid var(--line)}.case-meta{display:flex;align-items:flex-start;gap:1.25rem}.case-meta span{color:var(--accent);font-size:.7rem}.case-meta p{font-size:.8rem;color:#c6c8c4}.case-copy{max-width:720px}.case-copy h3{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.2}.case-copy>p{max-width:650px;margin-top:1.35rem;color:var(--muted);font-size:1.02rem}.case-copy ul{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;margin:2rem 0 0;padding:0}.case-copy li{padding:.35rem .65rem;border:1px solid var(--line);border-radius:99px;color:#b8bab6;font-size:.68rem}.home-note{margin-top:2rem}
@media(max-width:800px){.hero{min-height:auto}.hero-copy h1{font-size:clamp(3rem,15vw,4.6rem)}.home-services,.about-copy,.service-body{grid-template-columns:1fr;gap:3rem}.home-note{width:92vw;padding-bottom:5rem}.service-list a{min-height:82px}.service-list-long a{min-height:130px}.simple-contact{display:block}.simple-contact .text-link{margin-top:1.5rem}.service-body aside{position:static}.service-hero{min-height:auto}.projects-heading,.case-study{grid-template-columns:1fr;gap:2rem}.projects-heading{margin-bottom:2.5rem}.case-study{padding:2.5rem 0}.case-meta{gap:.8rem}.case-copy h3{font-size:1.75rem}}

/* Product-focused UI: readable typography, clear hierarchy and concrete work. */
:root{--bg:#141615;--surface:#1c1f1d;--surface-2:#232724;--line:#303531;--text:#f3f4ef;--muted:#a8aea8;--accent:#caff45;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;background:var(--bg)}body::before{opacity:.26;background-size:auto,32rem}h1,h2,h3{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:570;letter-spacing:-.055em}.eyebrow,.service-list span,.case-meta,.case-copy li,.preview-caption span{font-family:QAPMono,ui-monospace,monospace}.site-header nav{max-width:1240px;height:70px;padding-left:1.45rem;border-color:#ffffff18;border-radius:18px;background:#171a18e8;box-shadow:0 12px 40px #0005}.brand{font-family:QAPDisplay,serif}.hero{width:min(1240px,92vw);min-height:92svh;padding:10rem 0 5rem;grid-template-columns:.88fr 1.12fr;gap:7%;align-items:center}.hero-copy{position:relative;z-index:2}.hero-copy h1{max-width:650px;margin:1.4rem 0 1.8rem;font-size:clamp(4rem,7vw,7.5rem);line-height:.94}.hero-copy h1 span{display:block;color:var(--accent)}.hero-copy .lead{max-width:590px;font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.6}.hero-copy .actions{margin-top:2.4rem}.button{min-height:56px;padding:.9rem 1.3rem;border-radius:12px}.hero-preview{position:relative;padding:1px;border:1px solid #ffffff18;border-radius:24px;background:linear-gradient(145deg,#ffffff13,#ffffff03);box-shadow:0 40px 90px #0008;transform:rotate(1deg)}.preview-bar,.ui-top{height:46px;display:flex;align-items:center;gap:7px;padding:0 17px;border-bottom:1px solid var(--line)}.preview-bar>span,.ui-top>span{width:7px;height:7px;border-radius:50%;background:#667067}.preview-bar>span:nth-child(2){opacity:.7}.preview-bar>span:nth-child(3){opacity:.4}.preview-bar p{margin-left:8px;color:#858c86;font:10px QAPMono}.preview-shell{display:grid;grid-template-columns:78px 1fr;min-height:410px}.preview-shell aside{display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px 0;border-right:1px solid var(--line)}.preview-shell aside b{margin-bottom:22px;font-family:QAPDisplay;font-size:1.35rem}.preview-shell aside i{display:block;width:25px;height:5px;border-radius:4px;background:#3e4540}.preview-shell aside i:first-of-type{background:var(--accent)}.preview-main{padding:34px}.preview-title{display:flex;justify-content:space-between;align-items:start}.preview-title div{display:grid;gap:4px}.preview-title small,.preview-stats small{color:#8d958e;font-size:.68rem}.preview-title strong{font-size:1.5rem}.preview-title em{padding:6px 9px;border-radius:99px;background:#caff4514;color:var(--accent);font-size:.65rem;font-style:normal}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0}.preview-stats div{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#ffffff03}.preview-stats strong{font-size:1.7rem}.preview-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}.preview-table p{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--line);font-size:.75rem}.preview-table p:last-child{border:0}.preview-table i,.business-row>i{width:8px;height:8px;border-radius:50%;background:var(--accent)}.preview-table small{color:#8f9790}.preview-caption{position:absolute;right:-18px;bottom:-32px;width:220px;padding:17px 19px;border:1px solid #ffffff15;border-radius:14px;background:#272b28;box-shadow:0 20px 45px #0007}.preview-caption span{color:var(--accent);font-size:.58rem;text-transform:uppercase;letter-spacing:.12em}.preview-caption p{margin-top:4px;font-size:.78rem}.home-proof{width:min(1240px,92vw);margin:-1rem auto 0;padding:1.3rem 0;display:flex;align-items:center;justify-content:center;gap:1.5rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#899089;font-size:.72rem}.home-proof span{width:3px;height:3px;border-radius:50%;background:#515751}.project-cases{width:min(1240px,92vw);padding-top:8rem;border-top:0}.projects-heading{grid-template-columns:1fr .5fr}.projects-heading h2{font-size:clamp(2.8rem,5vw,5rem);max-width:800px}.case-list{display:grid;gap:3rem;border:0}.case-study{grid-template-columns:.82fr 1.18fr;align-items:center;gap:7%;padding:0;border:1px solid var(--line);border-radius:28px;background:var(--surface);overflow:hidden}.case-study:nth-child(even) .case-copy{order:2}.case-study:nth-child(even) .case-visual{order:1}.case-copy{padding:clamp(2rem,4vw,4rem);max-width:none}.case-meta{margin-bottom:3rem}.case-meta span{color:var(--accent)}.case-copy h3{font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.08}.case-copy>p{font-size:1rem;line-height:1.7}.case-copy li{border-color:#ffffff17;background:#ffffff04}.case-visual{min-height:510px;margin:24px;border:1px solid #ffffff18;border-radius:18px;background:#111311;box-shadow:0 30px 70px #0008;overflow:hidden}.case-visual .ui-top p{margin-left:4px;font-size:.72rem;font-weight:600}.case-visual .ui-top i{margin-left:auto;color:#899088;font-size:.62rem;font-style:normal}.assistant-ui{padding-bottom:26px}.chat-line{margin:36px 28px 0;padding:15px 17px;border-radius:14px;font-size:.82rem;line-height:1.5}.user-line{max-width:72%;margin-left:auto;background:#303631}.bot-line{display:grid;grid-template-columns:30px 1fr;gap:12px;background:#202420}.bot-line b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent);color:#151715}.answer-field{margin:26px 28px 0;padding:16px;border:1px solid #3a403b;border-radius:12px;color:#6f776f;font-size:.75rem}.answer-field span{float:right;color:var(--accent)}.business-filters{display:flex;gap:8px;padding:28px}.business-filters>*{padding:8px 11px;border:1px solid var(--line);border-radius:8px;color:#858d86;font-size:.65rem}.business-filters b{background:var(--text);color:var(--bg)}.business-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:14px;margin:0 28px;padding:18px 0;border-top:1px solid var(--line)}.business-row p{display:grid;gap:4px}.business-row b{font-size:.8rem}.business-row small{color:#767e77;font-size:.65rem}.business-row em{padding:6px 9px;border-radius:99px;background:#ffffff07;color:#a7aea8;font-size:.62rem;font-style:normal}.home-services{width:min(1240px,92vw);grid-template-columns:.82fr 1.18fr;padding-top:9rem}.home-services h2{font-size:clamp(2.5rem,4.3vw,4.5rem)}.section-intro{max-width:490px;margin-top:2rem;color:var(--muted)}.home-services .service-list{border-top:0}.home-services .service-list a{min-height:128px;padding:0 1.25rem;border:1px solid var(--line);border-bottom:0;background:#ffffff02}.home-services .service-list a:first-child{border-radius:16px 16px 0 0}.home-services .service-list a:last-child{border-bottom:1px solid var(--line);border-radius:0 0 16px 16px}.home-services .service-list a:hover{padding-left:1.8rem;background:var(--surface)}.home-services .service-list p{font-size:.82rem}.home-note{max-width:1000px;padding:5rem 0 9rem;text-align:center}.home-note>p{font-size:clamp(1.7rem,3vw,2.8rem)}
@media(max-width:800px){.site-header nav{height:58px}.hero{padding-top:8rem;grid-template-columns:1fr;gap:4rem}.hero-copy h1{font-size:clamp(3.2rem,15vw,4.6rem)}.hero-preview{transform:none}.preview-shell{grid-template-columns:52px 1fr;min-height:330px}.preview-shell aside{gap:13px;padding-top:18px}.preview-shell aside b{font-size:1rem}.preview-shell aside i{width:18px}.preview-main{padding:20px 14px}.preview-stats{margin:20px 0;gap:5px}.preview-stats div{padding:10px}.preview-stats strong{font-size:1.25rem}.preview-table p{padding:11px 9px;gap:7px}.preview-caption{display:none}.home-proof{margin-top:1rem;justify-content:flex-start;gap:.65rem;overflow:hidden;white-space:nowrap}.project-cases{padding-top:6rem}.projects-heading{grid-template-columns:1fr;gap:1.5rem}.projects-heading h2{font-size:2.7rem}.case-list{gap:1.5rem}.case-study{grid-template-columns:1fr;border-radius:20px}.case-study:nth-child(even) .case-copy{order:1}.case-study:nth-child(even) .case-visual{order:2}.case-copy{padding:2rem}.case-meta{margin-bottom:2rem}.case-copy h3{font-size:2rem}.case-visual{min-height:390px;margin:0 12px 12px}.home-services{padding-top:6rem}.home-services h2{font-size:2.7rem}.home-services .service-list a{min-height:120px}.home-note{text-align:left}}

/* Homepage direction 01: original QAP visual language and official slogan. */
:root{--accent:#e43d50}.hero-home{grid-template-columns:1fr 1fr}.hero-home .hero-copy h1{max-width:720px}.hero-home .hero-copy h1 span{color:var(--accent)}.hero-home .hero-visual{min-height:420px}.hero-home .hero-visual img{width:116%;margin-left:-8%;mix-blend-mode:screen}.hero-home .hero-visual::after{content:"";position:absolute;inset:12%;z-index:-1;border-radius:50%;background:radial-gradient(circle,#e43d501c,transparent 68%)}.hero-home .actions .text-link{color:#c8ccc8}.button-primary{background:var(--accent);color:#fff}.eyebrow{color:var(--accent)}
@media(max-width:800px){.hero-home{grid-template-columns:1fr;gap:1rem}.hero-home .hero-visual{min-height:300px}.hero-home .hero-visual img{width:120%;margin-left:-10%}}
.site-header .brand{display:inline-flex;align-items:flex-start;gap:.38rem;white-space:nowrap}.site-header .brand-suffix{margin-top:.12rem;font-family:QAPMono,ui-monospace,monospace;font-size:.55rem;font-weight:600;line-height:1;letter-spacing:.14em;color:var(--accent)}

/* Realisations: concise editorial cards, without simulated product screens. */
.project-cases{padding-top:7rem}.projects-heading{display:block;margin-bottom:3rem}.projects-heading h2{max-width:700px}.case-list{grid-template-columns:repeat(2,1fr);gap:1.25rem}.case-study,.case-study:nth-child(even){position:relative;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:2rem;min-height:350px;padding:clamp(2rem,4vw,3.5rem);border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}.case-study::after{content:"";position:absolute;right:-70px;bottom:-70px;width:180px;height:180px;border:1px solid #e43d5038;border-radius:50%}.case-number{position:relative;z-index:1;color:var(--accent);font:600 .68rem QAPMono,ui-monospace,monospace}.case-study .case-copy,.case-study:nth-child(even) .case-copy{position:relative;z-index:1;order:initial;max-width:480px;padding:0}.case-type{margin-bottom:4.5rem;color:#aeb3ae;font:600 .7rem QAPMono,ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em}.case-study .case-copy h3{font-size:clamp(1.9rem,3vw,3rem);line-height:1.08}.case-study .case-copy>p:last-child{max-width:440px;margin-top:1.4rem;color:var(--muted);font-size:.95rem;line-height:1.65}.case-study .case-copy ul,.case-visual{display:none}
@media(max-width:800px){.project-cases{padding-top:5rem}.case-list{grid-template-columns:1fr}.case-study,.case-study:nth-child(even){grid-template-columns:auto 1fr;min-height:300px;padding:1.75rem;gap:1rem}.case-type{margin-bottom:3rem}.case-study .case-copy h3{font-size:1.85rem}}

/* About hero: public professional roles only. */
.about-hero{width:min(1180px,92vw);min-height:78svh;margin:0 auto;padding:11rem 0 6rem;display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:9%}.about-hero-copy h1{max-width:720px;margin:1.2rem 0 1.8rem;font-size:clamp(3.5rem,6.5vw,6.8rem);line-height:.96}.about-hero-copy .lead{max-width:580px}.team-list{border-top:1px solid var(--line)}.team-list a{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:1rem;padding:1.35rem 0;border-bottom:1px solid var(--line)}.team-list a>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e43d5015;color:var(--accent);font:600 .68rem QAPMono,ui-monospace,monospace}.team-list div{display:grid;gap:.2rem}.team-list strong{font-size:1rem;font-weight:600}.team-list small{color:var(--muted);font-size:.72rem}.team-list i{font-style:normal;color:#767c77}.team-list a:hover strong,.team-list a:hover i{color:var(--accent)}
@media(max-width:800px){.about-hero{min-height:auto;padding:8.5rem 0 4rem;grid-template-columns:1fr;gap:3.5rem}.about-hero-copy h1{font-size:clamp(3rem,14vw,4.4rem)}}

/* Team presentation below the role section. */
.team-showcase{padding-top:1rem}.team-showcase>header{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:3rem;padding-top:3rem;border-top:1px solid var(--line)}.team-showcase>header h2{font-size:clamp(2.5rem,4.5vw,4.6rem)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.team-grid article{padding-bottom:1.5rem;border-bottom:1px solid var(--line)}.team-grid img,.team-photo{display:block;width:100%;aspect-ratio:4/5;margin-bottom:1.4rem;border-radius:12px;background:#202321;object-fit:cover;filter:saturate(.78)}.team-grid h3{font-size:1.35rem;letter-spacing:-.025em}.team-grid article p{margin-top:.35rem;color:var(--muted);font-size:.78rem}
@media(max-width:800px){.team-showcase>header{display:block}.team-showcase>header h2{margin-top:1rem;font-size:2.6rem}.team-grid{grid-template-columns:1fr}.team-grid article{margin-bottom:1.5rem}.team-grid img,.team-photo{aspect-ratio:4/4.6}}

/* Compact team cards. */
.team-grid article{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:1.15rem;padding:1rem;border:1px solid var(--line);border-radius:12px}.team-grid img,.team-photo{width:92px;height:92px;aspect-ratio:1;margin:0;border-radius:10px;object-fit:cover;filter:saturate(.82)}.team-grid h3{font-size:1.15rem}.team-grid article p{font-size:.72rem}

/* Two-person team: two equal cards across the full width. */
.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.team-grid article{grid-template-columns:150px 1fr;gap:1.75rem;padding:1.5rem}
.team-grid img{width:150px;height:150px;border-radius:12px}
.team-grid h3{font-size:1.6rem}
.team-grid article p{margin-top:.5rem;font-size:.82rem}
@media(max-width:800px){.team-grid{grid-template-columns:1fr;gap:1rem}.team-grid article{grid-template-columns:96px 1fr;gap:1.15rem;padding:1rem}.team-grid img{width:96px;height:96px}.team-grid h3{font-size:1.3rem}}

/* Keep the square service illustrations fully visible. */
.hero-home .hero-visual img[src$="qap-services.png"]{width:100%;max-width:540px;height:auto;margin:0 auto}
.page-hero figure img[src$="qap-services.png"],.service-hero figure img[src$="security-intro.png"]{width:100%;max-width:460px;height:100%;object-fit:contain}
.service-body{display:block}
.contact-layout{grid-template-columns:minmax(0,760px);justify-content:center}
@media(max-width:800px){.team-grid article{margin:0;grid-template-columns:78px 1fr}.team-grid img,.team-photo{width:78px;height:78px}}

/* Same illustration size and placement for each illustrated paragraph. */
.ai-illustration{margin:2rem 0 0;width:240px;max-width:100%}
.ai-illustration img{display:block;width:100%;height:200px;object-fit:contain;object-position:left center}
.offer-list-quiet .ai-illustrated{border-top:0}
@media(max-width:800px){
 .ai-illustrated{grid-template-columns:100px minmax(0,1fr);gap:1rem}
 .ai-illustrated>div:first-child{display:contents}
 .ai-illustrated>div:first-child>.eyebrow,.ai-illustrated>div:first-child>h2{grid-column:1 / -1}
 .ai-illustrated .ai-illustration{grid-column:1;margin:0;width:100px}
 .ai-illustrated .ai-illustration img{height:100px}
 .ai-illustrated>div:last-child{grid-column:2;min-width:0}
}