/* IWORQS / connected edition. Shared pages retain the approved lime identity. */
:root{--lime:#c7f550;--muted:#979b92;--line:#ffffff20;--surface:#191c1b;--ease:cubic-bezier(.2,.8,.2,1)}
[hidden]{display:none!important}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}a{color:inherit}input,select,textarea,button{font:inherit}button{color:inherit}.eyebrow{font-size:9px;letter-spacing:1.4px;color:var(--muted);margin:0 0 26px}.solid-link{display:inline-flex;justify-content:center;align-items:center;min-height:49px;background:var(--lime);border:0;border-radius:100px;color:#111213;padding:0 25px;font-size:11px;font-weight:700;text-decoration:none;transition:background .25s,translate .25s}.solid-link:hover{background:#e5ffac;translate:0 -2px}.text-link{display:inline-block;background:none;border:0;border-bottom:1px solid #8d9c71;color:inherit;padding:7px 0;font-size:11px;text-decoration:none}.source-note{font-size:10px!important;color:#92998a!important;line-height:1.8!important}.quiet-meta{display:block;font-size:9px;color:#828a76;margin-top:20px}.header-contact{display:inline-flex;align-items:center;background:none;border:0;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.frame-menu{width:32px;height:36px;background:none;border:0;padding:4px;color:var(--lime);display:grid;place-items:center}.frame-menu svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.5;fill:none;transition:rotate .6s var(--ease)}.frame-menu:hover svg{rotate:90deg}.header-actions{gap:22px}.site-header{position:relative;z-index:10}.wordmark .brand-lockup{width:180px}.nav-link:hover{color:var(--lime)}.desktop-nav{margin-left:auto;margin-right:auto}.project-open{display:block;text-decoration:none;text-align:left;color:inherit}.project-device,.project-phoenix .project-device,.project-lvnco .project-device,.project-diss .project-device,.project-kult .project-device{transform:none!important;rotate:none!important;translate:none!important}.project-open:hover .project-device{transform:translateY(-5px)!important}.reel-deck{transform:translateY(calc(-50% - 10px))!important}.reel-screen,.reel-slide.active .reel-screen{transform:none!important;animation:none!important}.reel-deck:before,.reel-deck:after{transform:none!important;rotate:none!important;opacity:.2}.reel-slide{transform:none!important}.experience-window{rotate:0deg!important;transform:none!important}.project:nth-child(even){transform:none}.client-world-link{font-size:8px;letter-spacing:1px;color:#b6c2a3;text-decoration:none}.home-tech-inspector{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:20px;min-height:45px;font-size:11px;color:#9ba18e}.home-tech-inspector p{margin:0;max-width:650px;line-height:1.7}.home-tech-inspector a{font-size:10px;color:var(--lime);white-space:nowrap}.tech-logo{position:relative}.tech-logo img{filter:grayscale(1);transition:opacity .3s,transform .3s}.tech-color{position:absolute;width:40px;height:40px;left:50%;top:50%;transform:translate(-50%,-50%);mask-image:var(--icon);mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:var(--icon);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;background:var(--brand);opacity:0;transition:opacity .3s,translate .3s;pointer-events:none}.tech-logo:hover img,.tech-logo:focus-visible img{opacity:0}.tech-logo:hover .tech-color,.tech-logo:focus-visible .tech-color{opacity:1;translate:0 -7px}.tech-logo[data-icon=woocommerce] .tech-color{width:72px}.tech-logo[data-icon=gsap] .tech-color{width:50px}.tech-logo[data-icon=n8n] .tech-color{width:43px}
/* Navigation is a place, not a dropdown. Native dialog supplies keyboard containment. */
.site-menu{background:#c7f550;color:#111213;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow:auto;box-shadow:none}.site-menu::backdrop{background:#111213}.menu-shell{min-height:100%;padding:28px 5vw 30px;display:flex;flex-direction:column}.menu-head{display:flex;align-items:center;justify-content:space-between;gap:25px}.menu-head img{width:160px}.menu-head>span{font-size:9px;letter-spacing:1px;margin-left:auto;margin-right:35px}.menu-close{display:flex;align-items:center;gap:18px;background:#111213;border:0;color:var(--lime);border-radius:100px;padding:12px 18px;font-size:10px}.menu-close b{font-size:20px;font-weight:400}.menu-body{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;align-items:center;flex:1;padding:45px 0}.menu-primary{display:flex;flex-direction:column}.menu-primary a{display:flex;align-items:baseline;gap:22px;color:#111213;text-decoration:none;font-size:clamp(32px,5.4vw,85px);line-height:1.4;font-weight:600;letter-spacing:-.06em;transition:translate .3s,color .3s}.menu-primary a small{font-size:9px;font-weight:400;letter-spacing:0}.menu-primary a:hover{translate:13px 0;color:#485c26}.menu-aside{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.menu-symbol{width:170px;height:170px;position:relative;margin:0 0 30px;border:1px solid #11121344;border-radius:50%;display:grid;place-items:center}.menu-symbol:before,.menu-symbol:after{content:'';position:absolute;inset:18px;border:1px solid #11121333;border-radius:50%;rotate:30deg}.menu-symbol:after{inset:35px;rotate:60deg}.menu-symbol svg{width:55px;stroke:#111213;stroke-width:1.2;fill:none;animation:menu-symbol 15s linear infinite}.menu-aside p{font-size:20px;line-height:1.6;letter-spacing:-.7px;max-width:260px;min-height:95px}.menu-secondary{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:12px;margin-top:25px}.menu-secondary a{text-decoration:none}.menu-foot{border-top:1px solid #11121333;display:flex;justify-content:space-between;gap:20px;padding-top:22px;font-size:9px;letter-spacing:.6px}.site-menu :focus-visible{outline-color:#111213}.dialog-open{overflow:hidden}@keyframes menu-symbol{to{rotate:360deg}}
/* The index is an editorial surface with a functional query layer. */
.page-hero{padding-top:40px;padding-bottom:45px}.hero-heading{display:grid;grid-template-columns:1.9fr 1fr;gap:6vw;align-items:end}.hero-heading h1{font-size:clamp(48px,6vw,92px);font-weight:600;line-height:1.06;letter-spacing:-.065em;margin:0}.hero-heading h1 em{font-style:normal;color:var(--lime)}.hero-heading>div{padding-bottom:5px}.hero-heading p{font-size:13px;line-height:1.9;color:#a8afa0;margin:0}.hero-heading .text-link{margin-top:24px;color:var(--lime)}.archive-shell{padding-top:0;padding-bottom:70px}.filter-bar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;align-items:end}.filter-bar label>span{display:block;font-size:8px;letter-spacing:1px;color:#8c9581;margin-bottom:12px}.filter-bar input,.filter-bar select,.client-controls input,.client-controls select{border:0;background:transparent;width:100%;color:#e7ebdf;font-size:12px;padding:5px 0;min-height:30px;outline-offset:6px}.filter-bar input::placeholder,.client-controls input::placeholder{color:#848d79}select option{background:#191c1b;color:#edf1e6}.reset-filter{border:0;background:none;font-size:10px;color:#a9b895;padding:10px 0}.archive-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0 22px}.archive-toolbar>p{font-size:10px;color:#a8b19c;margin:0}.view-control{display:flex;gap:16px;align-items:center;font-size:10px}.view-control button{border:0;background:none;color:#7e8971;padding:8px 0}.view-control button[aria-pressed=true]{color:var(--lime)}.view-control select{font-size:10px;background:transparent;color:#a8b19c;border:0;margin-left:10px}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.archive-visual{background:var(--project-color);position:relative;padding:56px 25px 25px;overflow:hidden;aspect-ratio:1.48}.archive-visual>img{width:100%;height:auto;display:block;box-shadow:0 12px 30px #0002;transition:translate .6s var(--ease)}.archive-project a{display:block;text-decoration:none}.project-count{position:absolute;top:23px;left:25px;color:#111213a0;font-size:8px;letter-spacing:1px}.project-enter{position:absolute;bottom:0;left:0;right:0;background:var(--lime);padding:14px 25px;color:#111213;font-size:10px;translate:0 100%;transition:translate .35s}.archive-project a:hover .project-enter,.archive-project a:focus-visible .project-enter{translate:0 0}.archive-project a:hover img{translate:0 -6px}.archive-meta{display:flex;justify-content:space-between;gap:20px;padding:18px 0 0}.archive-meta h2{font-size:25px;letter-spacing:-1px;margin:0;font-weight:600}.archive-meta p{font-size:10px;color:#8e9982;margin:6px 0 0}.archive-meta>span{font-size:8px;color:#9da98e;line-height:1.9;text-align:right;white-space:nowrap}.archive-grid.is-list{display:block}.is-list .archive-project{border-bottom:1px solid var(--line);padding:20px 0}.is-list .archive-project a{display:grid;grid-template-columns:170px 1fr;gap:30px;align-items:center}.is-list .archive-visual{padding:15px;aspect-ratio:1.6}.is-list .project-count,.is-list .project-enter{display:none}.is-list .archive-meta{padding:0}.active-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.active-filters:empty{display:none}.active-filters button{background:#29321e;border:0;border-radius:50px;padding:8px 13px;font-size:9px;color:#cde7a9}.empty-state{text-align:center;padding:100px 20px;background:#191d16}.empty-state>span{display:block;font-size:30px;letter-spacing:-1px}.empty-state p{font-size:12px;color:var(--muted);margin-bottom:25px}.case-screen img{display:block;width:100%;height:auto}.case-story{display:grid;grid-template-columns:1.3fr 1fr;gap:10vw;padding-top:70px;padding-bottom:80px}.case-story h2{font-size:45px;font-weight:500;letter-spacing:-2px;line-height:1.15;margin:0}.case-story>div>p{font-size:14px;color:#afb6a4;line-height:1.9;margin:0 0 25px}.case-story ul{list-style:none;margin:25px 0;padding:0}.case-story li{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.next-project{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:40px;padding-bottom:45px;background:var(--lime);color:#111213;text-decoration:none}.next-project>span{font-size:9px}.next-project strong{font-weight:600;font-size:clamp(28px,4vw,65px);letter-spacing:-2px}
/* Client constellation: generous logo tiles, variable rhythm, full keyboard access. */
.client-world{padding-bottom:70px}.world-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 0;border-top:1px solid var(--line)}.live-beacon{font-size:8px;letter-spacing:1.2px;color:#aebd9a;display:inline-flex;align-items:center;gap:9px}.live-beacon:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px #c7f55055}.client-controls{display:flex;align-items:center;gap:35px;padding:12px 0 30px}.client-controls label:first-child{flex:1}.client-controls label:nth-child(2){width:230px}.client-controls>span{font-size:9px;color:#94a080;white-space:nowrap}.constellation{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff12;border:1px solid #ffffff12;isolation:isolate}.client-tile{position:relative;background:#151916;border:0;min-height:210px;padding:50px 25px;overflow:hidden;transition:background .4s;display:grid;place-items:center}.client-tile:nth-child(5n+1){background:#1c211a}.client-tile:nth-child(7n+2){background:#20261d}.client-tile:nth-child(1),.client-tile:nth-child(8){grid-column:span 2}.client-tile>img{object-fit:contain;width:150px;height:65px;opacity:.8;filter:grayscale(1);transition:scale .6s,filter .4s,opacity .4s;z-index:1}.client-tile:nth-child(1)>img,.client-tile:nth-child(8)>img{width:180px;height:75px}.client-number{position:absolute;top:16px;left:20px;font-size:8px;color:#5d6c4d}.client-caption{position:absolute;bottom:16px;left:20px;font-size:9px;color:#c5d6b2;opacity:0;translate:0 6px;transition:opacity .3s,translate .3s}.client-caption small{color:#778967;font-size:8px;margin-left:15px}.client-tile:hover,.client-tile:focus-visible{background:#293820}.client-tile:hover>img,.client-tile:focus-visible>img{filter:grayscale(0);opacity:1;scale:1.06}.client-tile:hover .client-caption,.client-tile:focus-visible .client-caption{opacity:1;translate:0}.client-tile>i{position:absolute;width:200px;height:200px;border:1px solid #c7f55020;border-radius:50%;right:-90px;top:-90px;opacity:0;scale:.6;transition:scale .6s,opacity .6s}.client-tile:hover>i{opacity:1;scale:1.4}.constellation.directory{grid-template-columns:repeat(4,1fr)}.directory .client-tile{grid-column:auto;min-height:200px}.directory .client-caption{opacity:1;translate:0}.statement-band{background:#d7e1cc;color:#111213;padding-top:65px;padding-bottom:65px}.statement-band .eyebrow{color:#59684a}.statement-band h2{font-size:clamp(35px,5vw,72px);font-weight:500;letter-spacing:-.055em;line-height:1.13;margin:0 0 30px}.statement-band h2 em{font-style:normal;color:#657752}.statement-band>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#5a684f}.statement-band .solid-link{background:#111213;color:var(--lime)}.client-detail{width:min(520px,92vw);background:#1b2218;color:#eff4e8;padding:30px}.client-detail .dialog-close{color:#aaba94;margin-left:auto}.client-detail img{width:190px;height:85px;object-fit:contain;margin:35px 0}.client-detail h2{font-size:38px;letter-spacing:-1.5px;margin:0 0 10px}.client-detail p{font-size:13px;line-height:1.9;color:#a9b79b}.client-detail .eyebrow{color:var(--lime)}
/* Systems are explorable diagrams, not a wall of outbound links. */
.lab-shell{padding-bottom:65px}.lab-heading{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:25px 0}.lab-heading .eyebrow{margin:0}.scenario-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.scenario-tabs button{background:#20251c;border:0;color:#9eac8d;padding:15px 18px;border-radius:4px;font-size:10px}.scenario-tabs button[aria-pressed=true]{background:var(--lime);color:#111213}.system-lab{display:grid;grid-template-columns:1fr 310px;background:#171d15;border:1px solid #ffffff12}.system-map{position:relative;min-height:440px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#c7f55007,transparent 60%),radial-gradient(#c7f55012 .6px,transparent .6px);background-size:auto,18px 18px}.system-stage-label{position:absolute;left:25px;right:25px;top:23px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:.6px;color:#667955}.map-wires{position:absolute;inset:40px 0 20px;width:100%;height:calc(100% - 60px);fill:none;stroke:#40542d;stroke-width:1}.wire-flow{stroke:#c7f550!important;stroke-dasharray:12 200;animation:flow-wire 8s linear infinite}.map-nodes{position:absolute;inset:60px 0 50px}.map-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:90px;min-height:90px;background:#202c18;color:#d8eac5;border:1px solid #6c854744;border-radius:15px;translate:-50% -50%;transition:background .25s,box-shadow .3s;z-index:1;padding:14px 7px;font-size:9px}.map-node img{width:29px;height:29px;object-fit:contain}.map-node[aria-pressed=true]{background:#344a24;border-color:#c7f550;box-shadow:0 0 45px #c7f55013}.map-node:hover{background:#354729}.map-caption{position:absolute;bottom:23px;left:25px;font-size:7px;letter-spacing:1px;color:#6b8158}.node-inspector{background:#212b1b;padding:30px;border-left:1px solid #ffffff10;display:flex;flex-direction:column;justify-content:center}.node-inspector .eyebrow{font-size:8px;margin-bottom:25px;color:#93ad76}.node-inspector img{width:45px;height:45px;object-fit:contain;margin-bottom:20px}.node-inspector h2{font-size:29px;letter-spacing:-1px;font-weight:500;margin:0 0 14px}.node-inspector p{font-size:12px;line-height:1.8;color:#aebea0;margin:0 0 20px}.node-inspector a{font-size:10px;color:var(--lime);align-self:start}.ecosystem{padding-top:25px;padding-bottom:75px}.ecosystem-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:start}.ecosystem-heading h2{font-size:45px;font-weight:500;line-height:1.1;letter-spacing:-2px;margin:0}.ecosystem-heading h2 em{font-style:normal;color:#718164}.ecosystem-heading>p:last-child{font-size:11px;color:#9ba88e;line-height:1.9}.ecosystem-filters{display:flex;gap:25px;padding:30px 0 20px}.ecosystem-filters button{background:none;border:0;color:#8e9e7f;font-size:10px;padding:7px 0}.ecosystem-filters button[aria-pressed=true]{color:var(--lime)}.ecosystem-grid{display:grid;grid-template-columns:repeat(8,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.tool-tile{display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:none;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 12px;color:#9aaa89;min-height:130px;font-size:8px;transition:background .3s}.tool-tile img{width:35px;height:35px;object-fit:contain;filter:grayscale(1);transition:opacity .3s}.tool-tile .tech-color{top:46px;width:35px;height:35px}.tool-tile:hover,.tool-tile:focus-visible{background:#21291b}.tool-tile:hover img,.tool-tile:focus-visible img{opacity:0}.tool-tile:hover .tech-color,.tool-tile:focus-visible .tech-color{opacity:1}
/* Q is an original point-cloud presence derived from the frame and the letter Q. */
.home-intelligence{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:450px;background:#151914;padding-top:45px;padding-bottom:45px;overflow:hidden}.home-intelligence h2{font-size:clamp(35px,4.5vw,70px);font-weight:500;line-height:1.1;letter-spacing:-.06em;margin:0 0 22px}.home-intelligence h2 em{font-style:normal;color:var(--lime)}.home-intelligence p:not(.eyebrow){font-size:12px;color:#99a78c;line-height:1.8}.home-intelligence .text-link{margin-left:20px;color:#98ac84}.q-visual{position:relative;aspect-ratio:1;max-height:520px;display:grid;place-items:center;min-width:0}.q-visual canvas{width:100%;height:100%;max-width:560px;object-fit:contain}.q-coordinate{position:absolute;bottom:10%;font-size:7px;letter-spacing:2px;color:#6f845c}.q-crosshair{position:absolute;inset:15%;border:1px solid #c7f55010;border-radius:50%;pointer-events:none}.q-crosshair:before,.q-crosshair:after{content:'';position:absolute;background:#c7f55012}.q-crosshair:before{height:1px;left:-20%;right:-20%;top:50%}.q-crosshair:after{width:1px;top:-20%;bottom:-20%;left:50%}.intelligence-stage{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8vw;padding-top:0;padding-bottom:60px;background:radial-gradient(ellipse at 30% 40%,#c7f55006,transparent 60%)}.q-intro h2{font-size:clamp(45px,6vw,85px);font-weight:500;line-height:1;letter-spacing:-.06em;margin:30px 0}.q-intro h2 em{font-style:normal;color:var(--lime)}.q-intro>p{font-size:13px;line-height:1.9;color:#a6b398;max-width:360px;margin:0 0 30px}.q-intro .source-note{margin-top:20px;font-size:9px!important}.ai-principles{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-top:60px;padding-bottom:65px;background:#1d2518}.ai-principles h2{font-size:34px;font-weight:500;letter-spacing:-1.3px;line-height:1.2;margin:0}.ai-principles h2 em{font-style:normal;color:var(--lime)}.ai-principles article>span{font-size:10px;color:#718d5b}.ai-principles h3{font-size:17px;font-weight:500;margin:20px 0 15px}.ai-principles article p{font-size:11px;color:#98ac88;line-height:1.9}.q-launcher{position:fixed;bottom:24px;right:25px;z-index:35;display:flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;border:1px solid #c7f55030;background:#192013e8;backdrop-filter:blur(15px);color:#e0efce;border-radius:100px;box-shadow:0 10px 40px #0005;font-size:10px}.q-mini{position:relative;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#c7f550;color:#111213;font-size:20px;font-weight:600}.q-mini:after{content:'';width:7px;height:7px;position:absolute;bottom:5px;right:6px;background:#c7f550;rotate:-35deg}.q-dialog{width:min(1050px,94vw);height:min(800px,90dvh);background:#171d14;color:#e7f0df;overflow:hidden;border:1px solid #c7f55030}.q-shell{display:grid;grid-template-columns:290px 1fr;height:100%}.q-sidebar{background:#202b18;padding:27px;display:flex;flex-direction:column;min-height:0}.q-brand{font-size:10px;letter-spacing:1.5px;color:#c1dd9d}.q-sidebar .q-visual{margin:0 -25px;height:230px;aspect-ratio:auto;flex-shrink:0}.q-sidebar .q-coordinate{font-size:6px;bottom:5%}.q-state{font-size:10px;color:var(--lime);min-height:18px;margin-bottom:25px}.q-sidebar h2{font-size:29px;font-weight:500;letter-spacing:-1.2px;line-height:1.15;margin:10px 0 16px}.q-sidebar>p{font-size:10px;color:#93aa7c;line-height:1.8}.q-prompts{display:flex;flex-direction:column;gap:8px;margin:10px 0 25px}.q-prompts button{background:#2a3a20;border:0;text-align:left;font-size:10px;line-height:1.6;color:#cadfba;padding:12px;border-radius:6px}.q-prompts button:hover{background:#3c502e}.q-sidebar .q-preview-label{font-size:8px;margin-top:auto;color:#91a57d}.q-main{display:flex;flex-direction:column;min-width:0;min-height:0}.q-topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #ffffff12;gap:20px}.q-topbar>span{font-size:8px;letter-spacing:1px;color:#849b6b}.q-top-actions{display:flex;gap:20px}.q-top-actions button{background:none;border:0;color:#b6cba2;font-size:9px}.q-top-actions button:last-child{font-size:22px;line-height:1}.q-messages{flex:1;overflow:auto;padding:25px;overscroll-behavior:contain}.q-message{padding:18px 0;border-bottom:1px solid #ffffff0c}.q-message>span{display:block;font-size:7px;letter-spacing:1px;color:#8fa278;margin-bottom:12px}.q-message>p{font-size:12px;line-height:1.9;margin:0 0 15px;color:#c7d5ba;white-space:pre-wrap;overflow-wrap:anywhere}.q-message.user{margin-left:40px}.q-message.user>p{color:#e1edda}.q-message h3{font-size:22px;font-weight:500;letter-spacing:-.7px;line-height:1.3;margin:0 0 13px}.q-answer-links{display:flex;gap:10px;flex-wrap:wrap}.q-answer-links a,.q-answer-links button{background:#2b3a20;color:#bed9a3;border:0;border-radius:50px;font-size:9px;padding:10px 13px;text-decoration:none}.q-answer-links a:hover,.q-answer-links button:hover{background:#40532e}.q-composer{padding:18px 25px;border-top:1px solid #ffffff18}.q-composer>div{display:flex;align-items:center;gap:12px}.q-composer input{flex:1;width:100%;background:#222d1a;border:1px solid #c7f55022;color:#e0ecd6;font-size:11px;padding:15px;border-radius:8px;min-width:0}.q-composer button{border:0;border-radius:50%;background:var(--lime);color:#111213;width:43px;height:43px;flex-shrink:0;font-size:11px;font-weight:600}.q-composer p{font-size:8px;line-height:1.7;color:#7f956c;margin:10px 0 0}
/* Agency, editorial and enquiry pages. */
.about-manifesto{display:grid;grid-template-columns:1fr 2fr;gap:8vw;padding-top:30px;padding-bottom:80px}.giant-frame{font-size:140px;letter-spacing:50px;color:var(--lime);line-height:1}.about-manifesto h2{font-size:clamp(26px,3.5vw,53px);letter-spacing:-.05em;line-height:1.3;font-weight:500;margin:0 0 30px}.about-manifesto h2 em{color:#748366;font-style:normal}.about-manifesto p{font-size:13px;line-height:1.9;color:#9dab8e;max-width:620px}.capability-rows{padding-bottom:70px}.capability-rows a{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:30px;border-top:1px solid var(--line);padding:30px 0;text-decoration:none;transition:color .2s}.capability-rows a:hover{color:var(--lime)}.capability-rows span{font-size:8px;color:#859874}.capability-rows h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin:0}.capability-rows p{font-size:10px;line-height:1.9;color:#96a887}.signals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:10px;padding-bottom:90px}.signal-card{text-decoration:none}.signal-art{position:relative;aspect-ratio:1.12;display:grid;place-items:center;overflow:hidden;margin-bottom:25px;background:#c7f550;color:#293b13}.signal-art>span{font-size:160px;font-weight:400;line-height:1;transition:scale .8s,rotate .8s}.signal-art>i{position:absolute;inset:40px;border:1px solid #11121322;border-radius:50%;transition:scale .6s}.signal-art>b{position:absolute;bottom:20px;left:20px;font-size:8px;font-weight:400}.signal-art-1{background:#d5daca;color:#55664a}.signal-art-2{background:#27381c;color:#c7f550}.signal-card:hover .signal-art>span{scale:1.1;rotate:8deg}.signal-card:hover .signal-art>i{scale:1.4}.signal-card .eyebrow{font-size:7px;margin-bottom:15px}.signal-card h2{font-size:29px;line-height:1.1;letter-spacing:-1.1px;font-weight:500;margin:0 0 15px}.signal-card>p:last-child{font-size:11px;line-height:1.8;color:#9caa8e}.signal-article{max-width:1100px;margin:auto;padding-top:65px;padding-bottom:80px}.back-label{font-size:9px;letter-spacing:1px;color:#9fb289;text-decoration:none}.signal-article h1{font-size:clamp(45px,7vw,90px);letter-spacing:-.06em;line-height:1.08;font-weight:500;max-width:900px;margin:35px 0 25px}.article-deck{font-size:19px;line-height:1.7;color:#9eaf8e;max-width:650px}.article-meta{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:35px 0;font-size:8px;letter-spacing:1px;color:#82976c}.article-body{max-width:660px;margin:0 auto 45px}.article-body section{margin:35px 0}.article-body h2{font-size:26px;letter-spacing:-.8px;font-weight:500;line-height:1.3;margin:0 0 16px}.article-body p{font-size:14px;line-height:2;color:#abb99d}.contact-email{display:inline-block;font-size:18px;color:var(--lime);text-decoration:none;margin-top:25px}.contact-workspace{display:grid;grid-template-columns:1fr 1.5fr;gap:10vw;padding-top:20px;padding-bottom:80px}.contact-workspace h2{font-size:40px;line-height:1.1;letter-spacing:-1.7px;font-weight:500;margin:0 0 25px}.contact-workspace h2 em{font-style:normal;color:#7d8d6e}.contact-workspace>div>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#99aa89}.contact-workspace .text-link{margin-top:20px;color:#c7f550}.contact-workspace form{min-width:0}.contact-workspace form label{font-size:10px;color:#9fb28b;display:block}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-workspace input:not([type=checkbox]),.contact-workspace textarea{display:block;width:100%;background:none;border:0;border-bottom:1px solid #4d5b3e;color:#e3ecd9;font-size:14px;padding:15px 0;border-radius:0;resize:vertical;margin-bottom:30px}.contact-workspace fieldset{border:0;padding:0;margin:0 0 30px}.contact-workspace legend{font-size:10px;color:#9fb28b;padding:0;margin-bottom:15px}.contact-options{display:flex;flex-wrap:wrap;gap:10px}.contact-options label{position:relative}.contact-options input{position:absolute;opacity:0}.contact-options span{display:block;background:#26321c;color:#aabd97;font-size:9px;padding:13px 17px;border-radius:50px}.contact-options input:checked+span{background:var(--lime);color:#111213}.contact-options input:focus-visible+span{outline:2px solid #c7f550;outline-offset:3px}#contact-result{padding:25px;background:#25311c;margin-top:25px}#contact-result h3{font-size:22px;font-weight:500}#contact-brief{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.9 var(--font);color:#b6caa3;margin-bottom:25px}#contact-result .text-link{margin-left:20px}.privacy-body{max-width:1000px;padding-top:0;padding-bottom:75px}.privacy-body section{border-top:1px solid var(--line);padding:25px 0}.privacy-body h2{font-size:24px;font-weight:500;letter-spacing:-.5px}.privacy-body p{font-size:13px;line-height:1.9;color:#a2b191}.edition-footer{padding-top:45px;padding-bottom:25px;background:#10130e}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:35px}.footer-top img{width:160px;height:auto}.footer-top>p{font-size:23px;letter-spacing:-.7px;font-weight:400;line-height:1.3;margin:0 auto 0 8vw;color:#8fa07f}.edition-footer nav{display:flex;flex-wrap:wrap;gap:25px;padding:20px 0 30px;border-bottom:1px solid var(--line);font-size:10px}.edition-footer nav a{text-decoration:none;color:#93a281}.edition-footer nav a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:23px;font-size:8px;color:#627451}.footer-bottom>a{text-decoration:none;color:#97aa83}.edition-footer{padding-bottom:90px}@keyframes flow-wire{to{stroke-dashoffset:-850}}
@media(min-width:1700px){.page-hero,.archive-shell,.client-world,.lab-shell,.ecosystem,.case-screen,.case-story,.signals-grid,.contact-workspace{max-width:1750px;margin-left:auto;margin-right:auto}}
@media(max-width:1100px){.header-actions{gap:17px}.desktop-nav{gap:20px}.system-lab{grid-template-columns:1fr 250px}.node-inspector{padding:23px}.map-node{width:72px;min-height:78px;font-size:8px}.ecosystem-grid{grid-template-columns:repeat(6,1fr)}.constellation{grid-template-columns:repeat(3,1fr)}.constellation .client-tile:nth-child(8){grid-column:auto}.ai-principles{grid-template-columns:1fr 1fr;gap:40px}.menu-primary a{font-size:55px}.archive-meta h2{font-size:22px}.signals-grid{gap:25px}.signal-card h2{font-size:25px}.signal-art>span{font-size:130px}}
@media(max-width:800px){.page-hero{padding-top:45px;padding-bottom:45px}.hero-heading{grid-template-columns:1.5fr 1fr;gap:30px}.hero-heading h1{font-size:54px}.hero-heading p{font-size:11px}.filter-bar{gap:18px;grid-template-columns:1.5fr 1fr 1fr auto}.filter-bar input,.filter-bar select{font-size:10px}.archive-grid{gap:35px 22px}.archive-visual{padding:45px 18px 20px}.archive-meta>span{font-size:7px}.archive-meta h2{font-size:21px}.archive-meta p{font-size:9px}.system-lab{grid-template-columns:1fr}.node-inspector{border-left:0;border-top:1px solid var(--line);min-height:200px;display:grid;grid-template-columns:65px 1fr;gap:0 20px;align-items:center}.node-inspector .eyebrow{grid-column:1/-1;margin-bottom:15px}.node-inspector img{grid-row:2/4;margin:0}.node-inspector h2{font-size:25px;margin:0 0 10px}.node-inspector p{font-size:11px;margin:0}.node-inspector a{grid-column:2;margin-top:15px}.ecosystem-heading{grid-template-columns:1fr 2fr}.ecosystem-heading>p:last-child{display:none}.ecosystem-heading h2{font-size:38px}.client-controls{gap:20px}.client-controls label:nth-child(2){width:180px}.client-controls>span{font-size:8px}.client-tile{min-height:175px}.client-tile>img{width:125px;height:55px}.client-caption{opacity:1;translate:0;font-size:8px}.client-caption small{display:none}.menu-body{gap:40px}.menu-primary a{font-size:44px}.menu-aside p{font-size:17px}.menu-symbol{width:130px;height:130px}.signals-grid{grid-template-columns:1fr 1fr}.signals-grid .signal-card:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.signals-grid .signal-card:last-child .signal-art{grid-row:span 3;margin:0}.signals-grid .signal-card:last-child .eyebrow{align-self:end}.capability-rows a{grid-template-columns:1fr 2fr}.capability-rows p{grid-column:2;margin:0}.q-shell{grid-template-columns:220px 1fr}.q-sidebar{padding:22px}.q-sidebar .q-visual{height:180px}.q-sidebar h2{font-size:25px}.q-messages{padding:20px}.case-story{gap:40px}.case-story h2{font-size:35px}.case-story>div>p{font-size:12px}}
@media(max-width:620px){.wordmark .brand-lockup{width:145px}.header-actions{gap:14px}.header-contact{font-size:10px}.frame-menu{width:28px;padding:3px}.frame-menu svg{width:22px}.motion-toggle{padding:4px}.site-header{padding-left:6vw;padding-right:6vw}.page-hero{padding-top:35px;padding-bottom:35px}.eyebrow{font-size:8px;margin-bottom:22px}.hero-heading{display:block}.hero-heading h1{font-size:clamp(40px,11.7vw,65px);letter-spacing:-.065em}.hero-heading>div{margin-top:25px}.hero-heading p{font-size:12px}.quiet-meta{font-size:8px;margin-top:14px}.archive-shell{padding-bottom:45px}.filter-bar{grid-template-columns:1fr 1fr;gap:20px 25px;padding:20px 0}.filter-bar .archive-search{grid-column:1/-1}.filter-bar .reset-filter{grid-column:2;justify-self:end;padding:0}.filter-bar label>span{font-size:7px;margin-bottom:8px}.filter-bar input,.filter-bar select{font-size:11px}.filter-bar label:nth-child(3){grid-row:2;grid-column:2}.archive-toolbar{padding:15px 0;align-items:start}.archive-toolbar>p{font-size:8px;line-height:1.8;max-width:90px}.view-control{gap:13px;font-size:9px;flex-wrap:wrap;justify-content:flex-end}.view-control select{font-size:8px;margin-left:0}.archive-grid{grid-template-columns:1fr;gap:32px}.archive-visual{padding:45px 20px 23px;aspect-ratio:1.4}.archive-meta h2{font-size:24px}.archive-meta p{font-size:10px}.archive-meta>span{font-size:7px}.project-enter{display:none}.is-list .archive-project a{grid-template-columns:90px 1fr;gap:18px}.is-list .archive-visual{padding:9px;aspect-ratio:1.2}.is-list .archive-meta{display:block}.is-list .archive-meta h2{font-size:19px}.is-list .archive-meta p{font-size:8px}.is-list .archive-meta>span{display:none}.active-filters button{font-size:8px}.empty-state{padding:60px 20px}.empty-state>span{font-size:24px}.case-story{display:block;padding-top:35px;padding-bottom:45px}.case-story h2{font-size:34px;margin-bottom:25px}.next-project{display:block;padding-top:25px;padding-bottom:30px}.next-project strong{display:block;font-size:37px;letter-spacing:-1.3px;margin:17px 0}.next-project>span{font-size:8px}.client-world{padding-bottom:40px}.world-heading{padding:20px 0}.world-heading .live-beacon{font-size:6px;letter-spacing:.6px}.world-heading .view-control{font-size:8px;gap:13px}.client-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-bottom:22px}.client-controls label:first-child{grid-column:1/-1}.client-controls label:nth-child(2){width:auto}.client-controls input{font-size:12px}.client-controls select{font-size:10px}.client-controls>span{font-size:8px;justify-self:end}.constellation,.constellation.directory{grid-template-columns:repeat(2,1fr)}.constellation .client-tile:nth-child(1),.constellation .client-tile:nth-child(8){grid-column:auto}.constellation .client-tile:first-child{grid-column:span 2}.constellation.directory .client-tile:first-child{grid-column:auto}.client-tile,.directory .client-tile{min-height:160px;padding:40px 20px}.client-tile>img,.client-tile:nth-child(8)>img{width:110px;height:50px}.client-tile:first-child>img{width:150px;height:65px}.client-number{left:13px;font-size:7px}.client-caption{left:13px;bottom:14px;font-size:8px}.statement-band{padding-top:40px;padding-bottom:40px}.statement-band h2{font-size:37px}.statement-band>p:not(.eyebrow){font-size:11px}.lab-shell{padding-bottom:40px}.lab-heading{display:block;padding:20px 0}.lab-heading .eyebrow{font-size:7px;line-height:1.8}.lab-heading .live-beacon{font-size:6px;margin-top:15px}.scenario-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:15px}.scenario-tabs button{font-size:8px;padding:14px 9px}.system-map{min-height:330px}.system-stage-label{font-size:4px;left:10px;right:10px;letter-spacing:0}.map-nodes{inset:65px 0 65px}.map-node{width:58px;min-height:65px;border-radius:9px;font-size:6px;gap:7px;padding:9px 4px}.map-node img{width:23px;height:23px}.map-caption{font-size:5px;left:15px;bottom:18px}.node-inspector{padding:22px;grid-template-columns:45px 1fr;gap:0 18px;min-height:190px}.node-inspector img{width:35px;height:35px}.node-inspector h2{font-size:23px}.node-inspector p{font-size:10px}.node-inspector .eyebrow{font-size:7px}.node-inspector a{font-size:9px}.ecosystem{padding-top:10px;padding-bottom:40px}.ecosystem-heading{display:block}.ecosystem-heading h2{font-size:37px}.ecosystem-heading .eyebrow{margin-bottom:20px}.ecosystem-filters{gap:23px;padding-top:25px}.ecosystem-filters button{font-size:8px}.ecosystem-grid{grid-template-columns:repeat(4,1fr)}.tool-tile{padding:20px 8px;min-height:100px;font-size:7px;gap:15px}.tool-tile img,.tool-tile .tech-color{width:27px;height:27px}.tool-tile .tech-color{top:35px}.home-tech-inspector{display:block;font-size:9px}.home-tech-inspector p{margin-bottom:12px;min-height:30px}.home-tech-inspector a{font-size:9px}.tech-logo .tech-color{width:30px;height:30px}.tech-logo[data-icon=woocommerce] .tech-color{width:60px}.tech-logo[data-icon=gsap] .tech-color{width:43px}.tech-logo[data-icon=n8n] .tech-color{width:37px}.home-intelligence{display:flex;flex-direction:column-reverse;align-items:stretch;padding-top:15px;padding-bottom:40px;min-height:0}.home-intelligence .q-visual{height:260px;aspect-ratio:auto;margin:-15px 0 5px}.home-intelligence h2{font-size:38px}.home-intelligence .text-link{margin-left:13px;font-size:9px}.home-intelligence .solid-link{font-size:10px;padding:0 20px}.intelligence-stage{display:flex;flex-direction:column;gap:10px;padding-bottom:40px}.intelligence-stage .q-visual{height:320px;width:100%;aspect-ratio:auto;margin-top:-20px}.q-intro{width:100%}.q-intro h2{font-size:58px;margin:23px 0}.q-intro>p{font-size:12px}.ai-principles{grid-template-columns:1fr;gap:22px;padding-top:40px;padding-bottom:35px}.ai-principles h2{font-size:35px}.ai-principles article{border-top:1px solid var(--line);padding-top:20px}.ai-principles h3{margin:15px 0 12px;font-size:20px}.ai-principles article p{font-size:12px}.q-launcher{right:15px;bottom:16px;font-size:9px;padding:7px 14px 7px 7px;gap:10px}.q-mini{width:30px;height:30px;font-size:18px}.q-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0}.q-shell{display:block;height:100%}.q-sidebar{display:none}.q-main{height:100%}.q-topbar{padding:20px}.q-topbar>span{font-size:7px}.q-messages{padding:15px 20px}.q-message{padding:18px 0}.q-message>p{font-size:12px}.q-message h3{font-size:23px}.q-message.user{margin-left:25px}.q-composer{padding:15px 20px 20px}.q-composer p{font-size:7px}.q-message .q-answer-links button,.q-message .q-answer-links a{font-size:9px}.about-manifesto{display:block;padding-top:10px;padding-bottom:40px}.giant-frame{display:block;font-size:95px;letter-spacing:20px;margin-bottom:25px}.about-manifesto h2{font-size:30px}.about-manifesto p{font-size:12px}.capability-rows{padding-bottom:40px}.capability-rows a{display:block;padding:25px 0}.capability-rows span{font-size:7px}.capability-rows h2{font-size:27px;margin:15px 0 12px}.capability-rows p{font-size:10px}.signals-grid{display:block;padding-top:0;padding-bottom:40px}.signal-card{display:block!important;margin-bottom:35px}.signal-art{aspect-ratio:1.3;margin-bottom:22px!important}.signal-card h2{font-size:31px}.signal-card>p:last-child{font-size:12px}.signal-card .eyebrow{font-size:7px}.signal-article{padding-top:35px;padding-bottom:45px}.signal-article h1{font-size:49px;margin-top:25px}.article-deck{font-size:16px}.article-meta{font-size:7px;margin:25px 0;padding:18px 0}.article-body h2{font-size:25px}.article-body p{font-size:13px;line-height:1.95}.contact-workspace{display:block;padding-top:0;padding-bottom:45px}.contact-workspace h2{font-size:35px}.contact-workspace>div{margin-bottom:35px}.form-pair{gap:20px}.contact-workspace input:not([type=checkbox]),.contact-workspace textarea{font-size:13px}.contact-options span{font-size:8px;padding:12px 14px}.contact-email{font-size:17px}.privacy-body{padding-bottom:35px}.privacy-body h2{font-size:23px}.privacy-body p{font-size:12px}.edition-footer{padding-top:35px;padding-bottom:85px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top img{width:140px}.footer-top>p{font-size:19px;margin-left:auto}.footer-top .solid-link{min-height:43px;font-size:10px}.edition-footer nav{gap:18px 23px;font-size:9px;padding-bottom:25px}.footer-bottom{font-size:7px;flex-wrap:wrap;gap:17px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom a{margin-left:auto}.menu-shell{padding:23px 6vw 25px}.menu-head img{width:140px}.menu-head>span{display:none}.menu-close{font-size:9px;padding:9px 14px;gap:12px}.menu-body{display:block;padding:32px 0}.menu-primary a{font-size:clamp(32px,8.8vw,48px);line-height:1.45;gap:17px}.menu-primary a small{font-size:7px}.menu-aside{margin-top:30px}.menu-symbol{display:none}.menu-aside p{font-size:14px;min-height:0;max-width:none;margin:0}.menu-secondary{gap:17px;font-size:10px;margin-top:22px}.menu-foot{font-size:7px;line-height:1.7;gap:20px}.client-world-link{font-size:6px;letter-spacing:.6px}}
@media(prefers-reduced-motion:reduce){.wire-flow,.menu-symbol svg{animation:none}.archive-project img,.client-tile img{transition:none}}.motion-off .wire-flow,.motion-off .menu-symbol svg{animation:none}
/* Local symbol sources are black silhouettes; make the resting state legible. */
.tech-logo img,.tool-tile img{filter:invert(1);opacity:.7}
.map-node img,.node-inspector img{filter:invert(1);opacity:.9}
.menu-head>a{background:#111213;padding:8px 13px;border-radius:3px}
.client-tile{background-image:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#c7f5500d,transparent 65%)}
@media(min-width:621px) and (max-height:800px){.menu-primary a{font-size:min(5.4vw,8.1vh);line-height:1.25}.menu-body{padding:25px 0}.menu-shell{padding-top:20px;padding-bottom:20px}.menu-head img{width:145px}.menu-symbol{width:130px;height:130px;margin-bottom:15px}.menu-aside p{font-size:18px;margin:10px 0}.menu-secondary{margin-top:10px}}
@media(max-width:620px){.q-launcher{padding:8px;right:15px;bottom:15px}.q-launcher>span:last-child{display:none}.q-launcher .q-mini{width:31px;height:31px}.menu-head>a{padding:7px 10px}.menu-head img{width:130px}}
.tech-logo{background:none;border-top:0;border-left:0;padding:0;font:inherit;color:inherit}
.home-work-facets{display:flex;gap:25px;align-items:center;margin:-5px 0 27px;font-size:10px;color:#5d684f}.home-work-facets>span{font-size:7px;letter-spacing:1px;margin-right:auto;color:#7a826f}.home-work-facets a{text-decoration:none;border-bottom:1px solid #a8b397;padding:7px 0}.home-work-facets a:hover{color:#111213;border-color:#111213}.tech-logo[aria-pressed=true]{background:#c7f5500b}.tech-logo[aria-pressed=true] img{opacity:0}.tech-logo[aria-pressed=true] .tech-color{opacity:1}
@media(max-width:620px){.home-work-facets{gap:18px;flex-wrap:wrap;margin:0 0 23px;font-size:9px}.home-work-facets>span{width:100%;font-size:6px}.home-work-facets a{padding:3px 0}}
[data-q-mobile]{display:none}@media(max-width:620px){[data-q-mobile]{display:block;width:38px;height:38px;flex-shrink:0;margin-left:-7px}.q-topbar{gap:10px}.q-topbar>span{flex:1;font-size:6px}.q-top-actions{gap:14px}}
.menu-symbol svg{stroke:#c7f550;background:#111213;border-radius:50%;padding:15px;box-sizing:content-box}
@keyframes menu-link-in{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
.site-menu[open] .menu-primary a{animation:menu-link-in .55s var(--ease) both}.site-menu[open] .menu-primary a:nth-child(2){animation-delay:.04s}.site-menu[open] .menu-primary a:nth-child(3){animation-delay:.08s}.site-menu[open] .menu-primary a:nth-child(4){animation-delay:.12s}.site-menu[open] .menu-primary a:nth-child(5){animation-delay:.16s}.site-menu[open] .menu-primary a:nth-child(6){animation-delay:.2s}
/* Portfolio edition: straight frames, art direction from genuine project material. */
.archive-visual.archive-composition{padding:0;aspect-ratio:16/10;background:#191d1a}.portfolio-presentation{position:relative;isolation:isolate;width:100%;height:100%;overflow:hidden;background:var(--project-color,#c5bcad);color:#1b211c}.portfolio-capture{display:flex;align-items:center;justify-content:center;padding:6%;background:var(--project-color)}.portfolio-capture .portfolio-media{width:100%;height:100%;object-fit:contain;box-shadow:0 14px 28px #0002;transition:transform .8s var(--ease)}.portfolio-capture.composed-cover{padding:0}.portfolio-capture.composed-cover .portfolio-media{object-fit:cover;box-shadow:none}.archive-project:hover .portfolio-capture .portfolio-media{transform:scale(1.035)}.portfolio-overline{position:absolute;left:7%;top:8%;font-size:7px;letter-spacing:1.3px;z-index:3;opacity:.65}.portfolio-tail{position:absolute;bottom:7%;left:7%;right:7%;font-size:6px;letter-spacing:1.2px;display:flex;justify-content:space-between;z-index:3;opacity:.6}.portfolio-tail b{font-weight:400}.portfolio-brand{object-fit:contain;max-width:65%;width:180px;height:65px}.portfolio-editorial{display:grid;grid-template-columns:40% 60%;background:#e7e2d7}.portfolio-editorial-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:16% 13% 20%;z-index:1}.portfolio-editorial .portfolio-brand{max-width:100%;width:155px;height:65px;filter:brightness(0)}.portfolio-editorial .portfolio-word{font-size:clamp(16px,2vw,38px)}.portfolio-editorial .portfolio-headline{font-size:clamp(18px,2vw,36px);font-weight:500;letter-spacing:-.05em;line-height:1.15;margin:26px 0 0;max-width:190px}.portfolio-editorial .portfolio-overline{left:13%;top:11%;font-size:5px;max-width:70%;line-height:1.8}.portfolio-editorial .portfolio-tail{left:13%;right:13%;font-size:5px;line-height:1.8}.portfolio-photo{height:100%;overflow:hidden}.portfolio-photo .portfolio-media{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.archive-project:hover .portfolio-photo .portfolio-media{transform:scale(1.045)}.editorial-1{background:#202a28;color:#e7eddf}.editorial-1 .portfolio-brand{filter:brightness(0) invert(1)}.editorial-2{grid-template-columns:60% 40%;background:var(--project-color)}.editorial-2 .portfolio-photo{grid-column:1;grid-row:1}.editorial-2 .portfolio-editorial-copy{grid-column:2;grid-row:1}.editorial-3{background:#d6d0c3}.portfolio-identity{display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--project-color)}.portfolio-identity .portfolio-brand{width:210px;height:100px;z-index:2;filter:brightness(0);max-width:55%}.portfolio-identity .portfolio-word{font-size:clamp(25px,3.5vw,55px);letter-spacing:-.045em;max-width:70%;line-height:1.1;text-align:center;z-index:2}.identity-sector{margin-top:30px;font-size:8px;letter-spacing:1px;z-index:2}.identity-orbit{position:absolute;width:65%;aspect-ratio:1;border-radius:50%;border:1px solid currentColor;opacity:.09;right:-25%;top:-20%;rotate:-25deg}.identity-orbit i{position:absolute;inset:10%;border:1px solid currentColor;border-radius:50%}.identity-orbit i:nth-child(2){inset:25%}.identity-orbit i:nth-child(3){inset:40%}.identity-1{background:#1e2927;color:#dce5d6}.identity-1 .portfolio-brand{filter:brightness(0) invert(1)}.identity-2 .identity-orbit{right:auto;left:-25%;top:auto;bottom:-40%}.identity-3{background:#e0ded5}.portfolio-special{background:#101417;color:#eef1ec}.portfolio-special .portfolio-brand{position:absolute;top:20%;left:7%;height:45px;width:165px;max-width:35%;object-position:left;z-index:3}.portfolio-special .portfolio-headline{position:absolute;top:34%;left:7%;font-size:clamp(28px,4.2vw,65px);letter-spacing:-.06em;line-height:1.02;font-weight:500;margin:0;z-index:3}.special-sub{position:absolute;bottom:20%;left:7%;font-size:6px;letter-spacing:1.4px;z-index:3;color:#afb9b9}.portfolio-sculpture{position:absolute;width:80%;height:135%;left:42%;top:-20%;rotate:28deg;z-index:0}.portfolio-sculpture i{position:absolute;inset:0;border:2px solid #c4c8cd55;border-radius:45%;box-shadow:inset 5px 0 40px #cce2e61c,6px 0 50px #b4dae518;animation:portfolio-breathe 8s ease-in-out infinite alternate}.portfolio-sculpture i:nth-child(2){inset:7%;animation-delay:-1s}.portfolio-sculpture i:nth-child(3){inset:14%;animation-delay:-2s}.portfolio-sculpture i:nth-child(4){inset:21%;animation-delay:-3s}.portfolio-sculpture i:nth-child(5){inset:28%;animation-delay:-4s}.portfolio-sculpture i:nth-child(6){inset:35%;animation-delay:-5s}.portfolio-sculpture i:nth-child(7){inset:42%;animation-delay:-6s}.special-hub-holding{background:#d0bca4;color:#342a24}.special-hub-holding .portfolio-brand{filter:brightness(0)}.special-hub-holding .special-sub{color:#5c4a3b}.special-hub-holding .portfolio-sculpture{width:75%;height:120%;left:50%;top:0;rotate:0}.special-hub-holding .portfolio-sculpture i{border-color:#76594a44;border-radius:0;box-shadow:none;rotate:45deg}.special-onplus{background:#171034;color:#f4efff}.special-onplus .portfolio-sculpture{background:radial-gradient(ellipse,#a160ff66,transparent 65%);rotate:-25deg}.special-onplus .portfolio-sculpture i{border-color:#b484f866;box-shadow:inset 5px 0 40px #9d64ff22,6px 0 50px #ab5eee22;border-radius:25%}.special-onplus .portfolio-brand{filter:brightness(0) invert(1)}
@keyframes portfolio-breathe{to{transform:translateY(3%) rotate(4deg)}}
.archive-pagination{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 0 0}.archive-pagination p{font-size:11px;color:var(--muted)}.archive-pagination button{gap:30px}.archive-pagination button span{font-weight:400}.work-client-band{overflow:hidden;background:#1b211a;padding:30px 0 40px}.work-client-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.8px;color:#94a184;margin-bottom:30px}.work-client-heading a{text-decoration:none;color:var(--lime)}.work-client-heading b{font-weight:400;margin-left:15px;opacity:.5}.work-logo-window{overflow:hidden}.work-logo-track{display:flex;width:max-content;animation:work-logo-flow 90s linear infinite}.work-logo-track>div{display:flex;align-items:center}.work-logo-track span{width:200px;display:grid;place-items:center;height:80px}.work-logo-track img{max-width:140px;max-height:58px;object-fit:contain;filter:grayscale(1);opacity:.7}.work-logo-window:hover .work-logo-track{animation-play-state:paused}@keyframes work-logo-flow{to{transform:translateX(-50%)}}
.case-opening{padding-top:10px}.case-opening>.portfolio-presentation{height:auto;aspect-ratio:16/8.8}.case-opening .portfolio-capture:not(.composed-cover){padding:3%;max-height:85vh}.case-opening .portfolio-special .portfolio-headline{font-size:clamp(42px,6.5vw,110px)}.case-opening .portfolio-special .portfolio-brand{width:240px;height:65px}.case-opening .portfolio-overline{font-size:9px}.case-opening .portfolio-tail{font-size:9px}.case-opening .portfolio-editorial .portfolio-headline{font-size:clamp(30px,4vw,65px);max-width:320px}.case-opening .portfolio-editorial .portfolio-brand{width:230px;height:100px}.case-opening .portfolio-editorial .portfolio-overline,.case-opening .portfolio-editorial .portfolio-tail{font-size:8px}.case-image-caption{display:flex;justify-content:space-between;gap:25px;padding:15px 0;color:#7d8871;font-size:8px;line-height:1.7}.case-image-caption a{text-decoration:none;color:#bac9a7}.case-title{display:grid;grid-template-columns:2fr 1fr;gap:8vw;padding-top:55px;padding-bottom:55px}.case-title h1{font-weight:500;font-size:clamp(48px,7vw,100px);letter-spacing:-.065em;margin:0;line-height:1}.case-title>div>p:last-child{font-size:17px;color:#9baa8e;margin-top:23px;line-height:1.5}.case-title aside{padding-top:35px}.case-title aside>span{font-size:8px;letter-spacing:1px;color:#738064}.case-title aside p{font-size:13px;line-height:1.8;color:#c5d2b7}.case-title aside a{color:var(--lime)}.case-narrative{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5vw;padding-bottom:70px}.case-narrative article{border-top:1px solid var(--line);padding-top:25px}.case-narrative article>span{font-size:8px;color:#778a67;letter-spacing:1px}.case-narrative h2{font-weight:500;font-size:28px;letter-spacing:-1px;line-height:1.15;margin:25px 0 20px}.case-narrative p{font-size:13px;line-height:1.9;color:#a1ae94}.case-narrative ul{list-style:none;padding:0}.case-narrative li{font-size:12px;color:#a1ae94;padding:12px 0;border-bottom:1px solid var(--line);line-height:1.7}.case-related{padding-bottom:60px}.case-related>a{display:flex;justify-content:space-between;text-decoration:none;border-top:1px solid var(--line);padding:20px 0;font-size:22px}.case-related>a span{font-size:10px;color:#7b8c6c}
@media(max-width:620px){.portfolio-editorial .portfolio-headline{font-size:22px;margin-top:18px}.portfolio-brand{width:110px;height:50px}.portfolio-editorial .portfolio-brand{height:50px}.portfolio-overline{font-size:5px}.portfolio-tail{font-size:5px}.portfolio-special .portfolio-headline{font-size:39px}.portfolio-special .portfolio-brand{width:120px;height:32px}.special-sub{font-size:4px}.portfolio-identity .portfolio-word{font-size:32px}.portfolio-identity .portfolio-brand{width:160px;height:80px}.identity-sector{font-size:6px;margin-top:20px}.archive-pagination{padding-top:25px}.archive-pagination p{font-size:9px}.archive-pagination .solid-link{font-size:9px;gap:20px}.work-client-heading{font-size:6px;gap:15px;line-height:1.7}.work-client-heading a{white-space:nowrap}.work-logo-track span{width:150px;height:65px}.work-logo-track img{max-width:110px;max-height:40px}.case-opening{padding-top:0}.case-opening>.portfolio-presentation{aspect-ratio:1.35}.case-opening .portfolio-special .portfolio-headline{font-size:38px}.case-opening .portfolio-special .portfolio-brand{width:120px;height:35px}.case-opening .portfolio-overline,.case-opening .portfolio-tail{font-size:5px}.case-opening .portfolio-editorial .portfolio-headline{font-size:23px}.case-opening .portfolio-editorial .portfolio-brand{width:110px;height:60px}.case-opening .portfolio-editorial .portfolio-overline,.case-opening .portfolio-editorial .portfolio-tail{font-size:4px}.case-image-caption{font-size:6px;padding-top:12px}.case-image-caption span{max-width:65%;text-align:right}.case-title{display:block;padding-top:30px;padding-bottom:30px}.case-title h1{font-size:51px}.case-title>div>p:last-child{font-size:14px}.case-title aside{padding-top:15px}.case-title aside p{font-size:11px}.case-narrative{display:block;padding-bottom:30px}.case-narrative article{margin-bottom:30px}.case-narrative h2{font-size:29px;margin:18px 0}.case-narrative p{font-size:12px}.case-related>a{font-size:20px}.is-list .archive-composition{aspect-ratio:1.5}.is-list .portfolio-overline,.is-list .portfolio-tail,.is-list .special-sub,.is-list .identity-sector{display:none}.is-list .portfolio-special .portfolio-headline{font-size:10px}.is-list .portfolio-editorial .portfolio-headline{display:none}.is-list .portfolio-brand{height:15px}.is-list .portfolio-identity .portfolio-brand{height:30px}.is-list .portfolio-identity .portfolio-word{font-size:11px}}
.motion-off .portfolio-sculpture i,.motion-off .work-logo-track{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.portfolio-sculpture i,.work-logo-track{animation:none}}
.model-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:5px 0 22px}.model-options>span{font-size:7px;letter-spacing:1px;color:#7a8c6b;margin-right:10px}.model-options button{display:flex;align-items:center;gap:8px;background:#1b2419;border:0;border-radius:30px;color:#839775;padding:10px 15px;font-size:9px}.model-options img{width:17px;height:17px;filter:invert(1);opacity:.6}.model-options button[aria-pressed=true]{background:#35452a;color:var(--lime)}.model-options button[aria-pressed=true] img{opacity:1}.tool-tile[aria-pressed=true]{background:#2b3823;color:var(--lime);box-shadow:inset 0 -2px var(--lime)}.ecosystem-inspector{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:45px 1fr auto;gap:22px;align-items:center;background:#283322f5;backdrop-filter:blur(15px);padding:23px 25px;border-bottom:1px solid #657952}.ecosystem-inspector>img{width:35px;height:35px;object-fit:contain;filter:invert(1)}.ecosystem-inspector span{font-size:6px;letter-spacing:1px;color:#889e75}.ecosystem-inspector h3{font-size:21px;font-weight:500;margin:7px 0}.ecosystem-inspector p{font-size:11px;line-height:1.7;color:#a7b89a;max-width:650px;margin:0}.ecosystem-inspector a{font-size:9px;color:var(--lime);white-space:nowrap}@media(max-width:620px){.model-options{gap:7px}.model-options>span{width:100%;margin:0 0 6px}.model-options button{font-size:8px;padding:9px 11px}.model-options img{width:14px;height:14px}.ecosystem-inspector{grid-template-columns:25px 1fr;gap:15px;padding:18px}.ecosystem-inspector>img{width:25px;height:25px}.ecosystem-inspector h3{font-size:18px}.ecosystem-inspector p{font-size:9px}.ecosystem-inspector a{grid-column:2;font-size:8px}.ecosystem-inspector span{font-size:5px}}
.case-title h1{overflow-wrap:anywhere}.case-opening>.composed-cover{aspect-ratio:16/9}.case-opening .composed-cover .portfolio-media{object-fit:contain}
.client-tile[data-logo-mode=mono]>img{filter:brightness(0) invert(1);opacity:.8}.client-tile[data-logo-mode=mono]:hover,.client-tile[data-logo-mode=mono]:focus-visible{background:#c7f550}.client-tile[data-logo-mode=mono]:hover>img,.client-tile[data-logo-mode=mono]:focus-visible>img{filter:brightness(0);opacity:1}.client-tile[data-logo-mode=mono]:hover .client-caption,.client-tile[data-logo-mode=mono]:focus-visible .client-caption{color:#273717}.client-tile[data-logo-mode=mono]:hover .client-caption small{color:#536d32}.client-tile[data-logo-mode=plate]{background:#dfe2d5}.client-tile[data-logo-mode=plate]>img{filter:grayscale(1);opacity:.85}.client-tile[data-logo-mode=plate]:hover>img{filter:none;opacity:1}.client-tile[data-logo-mode=plate] .client-caption{color:#334329}.client-tile[data-logo-mode=plate] .client-number{color:#75836a}.client-detail[data-logo-mode=mono]>img{filter:brightness(0) invert(1)}.client-detail[data-logo-mode=plate]>img{background:#e5e7dc;padding:15px}.work-logo-track img[data-logo-mode=mono]{filter:brightness(0) invert(1)}.work-logo-track img[data-logo-mode=plate]{background:#dfe2d5;border-radius:3px;padding:8px}
.project-device.composed-home{border-radius:0;overflow:hidden}.project-device.composed-home img{display:block;width:100%;height:auto}
/* Portfolio V3: project type and sector are independent; screenshots carry the presentation. */
.client-section{padding:15px 0;margin-top:0}.client-section .logo-marquee{margin-top:0}.client-section .logo-group img{height:43px;width:118px}.work-client-band{padding:18px 0}.work-logo-track span{height:55px}.work-logo-track img{max-height:40px}.work-type-tabs{display:flex;align-items:center;gap:28px;padding:0 0 23px;flex-wrap:wrap}.work-type-tabs button{display:flex;align-items:center;gap:9px;border:0;background:none;padding:8px 0;color:#829274;font-size:12px;transition:color .25s}.work-type-tabs button span{font-size:8px;opacity:.6}.work-type-tabs button[aria-pressed=true]{color:var(--lime)}.work-type-tabs button[aria-pressed=true]:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--lime)}.filter-bar{grid-template-columns:2fr 1fr auto}.archive-visual.archive-composition{aspect-ratio:16/9;background:none;border:0}.portfolio-direct{display:block;width:100%;height:100%;padding:0;background:none;border:0;box-shadow:none}.portfolio-direct .portfolio-media{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;box-shadow:none;transition:transform .7s var(--ease)}.archive-project a:hover .portfolio-direct .portfolio-media{translate:0;transform:scale(1.025)}.archive-meta>span{white-space:normal;max-width:160px;min-width:95px}.archive-meta p{max-width:360px}.case-cover-zoom{display:block;width:100%;padding:0;border:0;background:none;position:relative;overflow:hidden}.case-cover-zoom .portfolio-direct{height:auto;aspect-ratio:auto}.case-cover-zoom .portfolio-media{width:100%;height:auto;max-height:85vh;object-fit:cover;object-position:center top}.case-opening{padding-top:10px}.case-overview{padding-top:50px;padding-bottom:55px;grid-template-columns:2.1fr 1fr;gap:9vw}.case-title .case-client-intro{font-size:clamp(17px,1.6vw,24px);line-height:1.75;letter-spacing:-.02em;max-width:800px;margin:28px 0 0;color:#b8c1ae}.case-client-focus{display:flex;gap:10px 20px;flex-wrap:wrap;margin-top:25px;color:#788e66;font-size:9px;line-height:1.8}.case-client-focus span:before{content:'·';margin-right:9px;color:var(--lime)}.case-overview aside{padding-top:38px}.case-overview aside .solid-link{font-size:11px;min-height:44px;margin-top:15px}.case-gallery{padding-bottom:15px}.case-gallery-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid var(--line)}.case-gallery-heading .eyebrow{margin:0}.case-gallery-heading>p{font-size:9px;color:#829373}.case-gallery-figure{margin:0 0 50px;min-width:0}.case-zoom{position:relative;display:block;width:100%;padding:0;background:none;border:0;color:inherit;cursor:zoom-in;text-align:left}.case-zoom img{display:block;width:100%;height:auto;border:0;border-radius:0;box-shadow:none}.case-gallery-figure figcaption{font-size:10px;line-height:1.8;color:#86977a;padding-top:13px}.zoom-hint{position:absolute;right:17px;bottom:17px;background:#111a14d9;backdrop-filter:blur(10px);border-radius:30px;padding:10px 17px;color:#d6edbf;font-size:9px;opacity:0;translate:0 5px;transition:opacity .2s,translate .2s}.case-zoom:hover .zoom-hint,.case-zoom:focus-visible .zoom-hint{opacity:1;translate:0}.case-mobile-pair{display:grid;grid-template-columns:1.3fr 1fr;gap:12vw;align-items:center;margin:15px 0 60px}.case-mobile-pair .is-portrait{width:min(100%,420px);justify-self:end;margin:0}.case-mobile-context{max-width:470px}.case-mobile-context h2{font-size:clamp(30px,3.5vw,54px);letter-spacing:-.055em;line-height:1.13;font-weight:500;margin:0 0 25px}.case-mobile-context>p{font-size:13px;line-height:1.8;color:#9eaf90}.case-delivery{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;padding-top:35px;padding-bottom:65px}.case-delivery>div{border-top:1px solid var(--line);padding-top:25px}.case-delivery h2{font-size:clamp(28px,3.3vw,47px);font-weight:500;line-height:1.2;letter-spacing:-.05em;margin:0}.case-delivery ul{list-style:none;margin:0;padding:0}.case-delivery li{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.8;color:#a1b393}.case-delivery p:not(.eyebrow){font-size:13px;line-height:1.9;color:#a1b393;margin:0 0 20px}.case-lightbox{width:100vw;height:100dvh;max-width:none;max-height:none;padding:20px 3vw;margin:0;background:#0d110ff5;color:#e7eedf;border:0}.case-lightbox[open]{display:grid;grid-template-rows:40px minmax(0,1fr) 50px;gap:15px}.lightbox-top,.lightbox-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:10px}.lightbox-top>span{color:#7f946e;font-size:9px;letter-spacing:1px}.lightbox-top button,.lightbox-bottom button{background:none;border:0;color:var(--lime);font-size:11px;padding:12px 0}.lightbox-image{display:grid;place-items:center;min-height:0;overflow:auto}.lightbox-image img{display:block;max-width:100%;max-height:100%;object-fit:contain}.lightbox-bottom p{margin:0;text-align:center;color:#a4b794;font-size:10px;line-height:1.8}
/* Approved home work thumbnails share the unframed image treatment. */
.project-art{background:none;aspect-ratio:16/9;height:auto;overflow:hidden}.project-art .art-word,.project-art .device-chrome{display:none}.project-art .project-device{position:relative;inset:auto;transform:none!important;rotate:none!important;width:100%;height:100%;border:0;border-radius:0;box-shadow:none}.project-art .project-device img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:0}.project-art:before,.project-art:after{display:none}
@media(max-width:620px){.client-section{padding:12px 0}.client-section .logo-group img{height:34px;width:95px}.client-section .logo-marquee{margin:0}.work-type-tabs{gap:8px 23px;padding-bottom:19px}.work-type-tabs button{font-size:10px}.work-type-tabs button span{font-size:7px}.filter-bar{grid-template-columns:1fr auto;gap:16px;padding:18px 0}.filter-bar .archive-search{grid-column:1/-1}.filter-bar label:nth-child(2){grid-column:1;grid-row:2}.filter-bar .reset-filter{grid-column:2;grid-row:2;align-self:center}.archive-meta h2{font-size:23px}.archive-meta>span{min-width:75px;max-width:110px;font-size:7px}.archive-meta p{font-size:9px}.case-cover-zoom .portfolio-media{max-height:none;object-fit:contain}.case-overview{display:block;padding-top:25px;padding-bottom:30px}.case-title .case-client-intro{font-size:16px;line-height:1.8;margin-top:23px}.case-client-focus{font-size:8px;gap:7px 15px;margin-top:20px}.case-overview aside{padding-top:25px}.case-overview aside p{font-size:12px}.case-gallery-heading{padding:18px 0}.case-gallery-heading>p{font-size:7px}.case-gallery-heading .eyebrow{font-size:7px}.case-gallery-figure{margin-bottom:30px}.case-gallery-figure figcaption{font-size:8px;padding-top:10px}.case-mobile-pair{display:flex;flex-direction:column;gap:22px;margin:10px 0 35px;align-items:stretch}.case-mobile-context h2{font-size:30px;margin-bottom:13px}.case-mobile-context>p{font-size:11px}.case-mobile-context .eyebrow{margin-bottom:18px}.case-mobile-pair .is-portrait{width:100%;max-width:390px;align-self:center}.case-delivery{display:block;padding-top:15px;padding-bottom:35px}.case-delivery>div{padding-top:20px;margin-bottom:25px}.case-delivery h2{font-size:31px}.case-delivery p:not(.eyebrow),.case-delivery li{font-size:11px}.case-lightbox{padding:15px 5vw}.case-lightbox[open]{grid-template-rows:35px minmax(0,1fr) 75px;gap:10px}.lightbox-bottom{gap:15px}.lightbox-bottom p{font-size:8px}.lightbox-top button,.lightbox-bottom button{font-size:10px}.is-list .archive-composition{aspect-ratio:16/10}.project-art{height:auto!important}.project-art .project-device{width:100%}}
.case-overview aside .solid-link{color:#111213}
/* Selected-view carousel: image first, manually explored, no autoplay. */
.case-carousel{outline-offset:5px}.case-slides{background:#f2f1ed;overflow:hidden}.case-slide{margin:0}.case-slide .case-zoom{height:min(73vw,74vh);min-height:330px}.case-slide .case-zoom img{width:100%;height:100%;object-fit:contain;object-position:50% 0}.case-slide.is-portrait .case-zoom{height:min(76vh,800px)}.case-slide.is-portrait img{object-position:center}.case-carousel-controls{display:flex;gap:20px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.case-thumbnails{display:flex;gap:7px;flex-shrink:0}.case-thumbnails button{width:65px;height:47px;border:1px solid #ffffff2b;position:relative;padding:0;background:#242d1f;overflow:hidden}.case-thumbnails button[aria-pressed=true]{border:2px solid var(--lime)}.case-thumbnails .case-thumbnail{width:100%;height:100%;object-fit:cover;object-position:top}.case-thumbnails span{position:absolute;bottom:0;right:0;padding:2px 5px;background:#111a14d9;color:white;font-size:8px}.case-carousel-controls>p{margin:0;flex:1;color:#b1bda6;font-size:11px;line-height:1.6}.case-carousel-arrows{display:flex;align-items:center;gap:15px;flex-shrink:0}.case-carousel-arrows button{width:39px;height:39px;display:grid;place-items:center;border:1px solid #75875f88;background:transparent;color:var(--lime);font-size:21px}.case-carousel-arrows button:hover{background:#25351c}.case-carousel-arrows span{font-size:10px;font-variant-numeric:tabular-nums;color:#abbf99}.case-story{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:10px;padding-bottom:35px}.case-story article{padding:30px;background:#1a2117;border:1px solid #ffffff0c}.case-story article:first-child{grid-column:1/-1;background:#f5f5f0;color:#182016;display:grid;grid-template-columns:1fr 1fr;column-gap:6vw}.case-story article:first-child>.eyebrow{grid-column:1/-1;color:#536b3d}.case-story h2{font-size:clamp(27px,3vw,41px);line-height:1.2;font-weight:500;letter-spacing:-.045em;margin:0 0 23px}.case-story p:not(.eyebrow){font-size:14px;line-height:1.9;color:#acbba1;margin:0}.case-story article:first-child>p:not(.eyebrow){color:#4a5840}.case-story .eyebrow{color:#b9d69f;margin-bottom:20px}.case-story article:last-child{background:#202b1a}
/* A recognisable pair of curious eyes accompanies every Q invitation. */
.q-invitation{display:inline-flex!important;align-items:center;gap:11px}.q-eye-badge{position:relative;display:inline-flex!important;align-items:center;justify-content:center;gap:5px;width:39px;height:39px;min-width:39px;flex-shrink:0;padding:0!important;background:radial-gradient(circle at 40% 35%,#34442a,#11170d 75%);border:1px solid #c7f55085;border-radius:50%;box-shadow:0 0 19px #c7f55016;vertical-align:middle;isolation:isolate}.q-eye-badge:after{content:'';position:absolute;inset:-4px;border:1px dashed #a9cb6e66;border-radius:50%;animation:q-eye-orbit 16s linear infinite;pointer-events:none}.q-eye-badge i{display:block;width:5px;height:12px;background:#d6ff91;border-radius:50%;box-shadow:0 0 8px #c7f55065;animation:q-eye-look 7s ease-in-out infinite;transform-origin:center}.q-invitation:hover .q-eye-badge,.q-launcher:hover .q-eye-badge{box-shadow:0 0 25px #c7f5504d}.finder-tabs .q-eye-badge{width:32px;height:32px;min-width:32px}.finder-tabs [data-open-q]>span:last-child:not(.q-eye-badge){display:none}.q-launcher .q-eye-badge{width:36px;height:36px;min-width:36px}.solid-link.q-invitation{padding-left:10px}.q-invitation .q-eye-badge i:nth-child(2){animation-delay:.05s}@keyframes q-eye-look{0%,20%,45%,65%,100%{transform:translateX(0) scaleY(1)}23%,34%{transform:translateX(2px) scaleY(1)}49%,58%{transform:translateX(-2px) scaleY(1)}74%,77%{transform:scaleY(1)}75%,76%{transform:scaleY(.12)}}@keyframes q-eye-orbit{to{rotate:360deg}}
/* 32 source-mark technologies; full rows on desktop, tablet and phone. */
.tech-grid,.ecosystem-grid{display:flex;flex-wrap:wrap;align-content:start}.tech-logo,.tool-tile{flex:1 0 12.5%;box-sizing:border-box;min-width:0}.tech-logo{height:108px}.tech-logo img,.tech-logo .tech-color{width:35px;height:35px}.tool-tile{min-height:130px}.tech-logo span{font-size:9px}.tool-tile span{overflow-wrap:anywhere;text-align:center}.tech-logo[hidden],.tool-tile[hidden]{display:none!important}
@media(max-width:900px){.tech-logo,.tool-tile{flex-basis:25%}.case-carousel-controls{flex-wrap:wrap;gap:12px}.case-carousel-controls>p{order:3;flex-basis:100%}.case-carousel-arrows{margin-left:auto}.case-story article{padding:25px}.case-story article:first-child{display:block}}
@media(max-width:620px){.tech-logo,.tool-tile{flex-basis:25%}.tech-logo{height:94px}.tech-logo img,.tech-logo .tech-color{width:30px;height:30px}.tech-logo span{font-size:7px}.case-slide .case-zoom{height:58vw;min-height:0}.case-slide.is-portrait .case-zoom{height:70vh;min-height:400px}.case-carousel-controls>p{font-size:10px}.case-thumbnails button{width:48px;height:36px}.case-carousel-arrows{gap:9px}.case-carousel-arrows button{width:34px;height:34px}.case-carousel-arrows span{font-size:9px}.case-story{grid-template-columns:1fr;gap:12px;padding-bottom:25px}.case-story article:first-child{grid-column:auto}.case-story h2{font-size:29px}.case-story p:not(.eyebrow){font-size:13px}.case-story .eyebrow{font-size:8px}.q-eye-badge{width:32px;height:32px;min-width:32px}.q-launcher .q-eye-badge{width:30px;height:30px;min-width:30px}}
.motion-off .q-eye-badge:after,.motion-off .q-eye-badge i{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.q-eye-badge:after,.q-eye-badge i{animation:none}}

/* Match wordmark logos optically to the symbol marks. */
.tech-logo[data-icon=woocommerce] img,.tool-tile[data-tool=woocommerce] img,.tool-tile[data-tool=woocommerce] .tech-color{width:65px}.tech-logo[data-icon=gsap] img,.tool-tile[data-tool=gsap] img,.tool-tile[data-tool=gsap] .tech-color{width:50px}.tech-logo[data-icon=n8n] img,.tool-tile[data-tool=n8n] img,.tool-tile[data-tool=n8n] .tech-color{width:43px}.tech-logo[data-icon=mysql] img,.tech-logo[data-icon=mysql] .tech-color,.tool-tile[data-tool=mysql] img,.tool-tile[data-tool=mysql] .tech-color{width:48px}
/* Keep the floating guide clear of package actions; reveal its label on intent. */
.q-launcher{padding:8px;gap:0}.q-launcher>span:last-child{max-width:0;overflow:hidden;opacity:0;white-space:nowrap;transition:max-width .25s,opacity .25s}.q-launcher:hover,.q-launcher:focus-visible{gap:12px;padding-right:18px}.q-launcher:hover>span:last-child,.q-launcher:focus-visible>span:last-child{max-width:150px;opacity:1}@media(prefers-reduced-motion:reduce){.q-launcher>span:last-child{transition:none}}
.case-story article:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:6vw}.case-story article:last-child>.eyebrow{grid-column:1/-1}@media(max-width:900px){.case-story article:last-child{display:block}}

/* Owner-approved menu variant: black symbol and lettering, directly on the menu. */
.menu-head>a{background:transparent;padding:0;border-radius:0}
/* Quiet keyboard focus and field focus: thin, clear, no heavy frame. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:1px solid #b8c5aa99;outline-offset:3px;box-shadow:none}
input:focus,select:focus,textarea:focus{outline:1px solid #b8c5aa99;outline-offset:3px;box-shadow:none}
.filter-bar input,.filter-bar select,.client-controls input,.client-controls select{border-bottom:1px solid transparent;transition:border-color .18s}
.filter-bar input:focus,.filter-bar select:focus,.client-controls input:focus,.client-controls select:focus{outline:0;border-bottom-color:#b8c5aa99;box-shadow:none}
.contact-options input:focus-visible+span{outline:1px solid #b8c5aa99;outline-offset:3px}.site-menu :focus-visible{outline-color:#526334}
@media(prefers-reduced-motion:reduce){.filter-bar input,.filter-bar select,.client-controls input,.client-controls select{transition:none}}
/* Owner adjustment: cap the header logo without changing its proportions. */
.site-header .brand-lockup{max-width:150px;height:auto}

/* Supplied owner logo: retain its native aspect ratio. */
.site-header .brand-lockup,.footer-top img[src*="iworqs-logo.svg"]{height:auto}

/* Owner-confirmed case scope and dated organic-search evidence. */
.case-engagement{display:flex;flex-wrap:wrap;gap:28px 54px;margin:34px 0 0;padding-top:24px;border-top:1px solid var(--line)}
.case-engagement dt{font-size:10px;letter-spacing:.12em;color:var(--muted);margin-bottom:7px}
.case-engagement dd{margin:0;font-size:14px;line-height:1.5}
.case-secondary-link{display:block;margin-top:18px;font-size:13px;text-decoration:underline;text-underline-offset:5px}
.case-archived{display:block;font-size:12px;color:var(--muted)}
.case-search-results{padding-top:65px;padding-bottom:76px;border-top:1px solid var(--line)}
.case-results-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;margin-bottom:38px}
.case-results-intro h2{font-size:clamp(32px,4vw,58px);font-weight:500;line-height:1.06;letter-spacing:-.045em;max-width:670px;margin:18px 0 0}
.case-results-intro>p{font-size:13px;line-height:1.8;max-width:410px;margin:0;color:var(--muted)}
.case-results-table table{border-collapse:collapse;width:100%;text-align:left}
.case-results-table th{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;padding:17px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.case-results-table td{padding:27px 0;border-bottom:1px solid var(--line);vertical-align:middle}
.case-results-table td:first-child{width:48%;padding-right:24px}
.case-results-table td strong{font-size:clamp(18px,2vw,27px);font-weight:500;letter-spacing:-.025em}
.case-rank{color:var(--lime);display:inline-block;font-size:clamp(32px,4vw,56px);font-weight:500;line-height:1;letter-spacing:-.05em;min-width:80px}
.case-rank-label{display:inline-block;margin-left:14px;font-size:11px;color:var(--muted)}
.case-results-table time{font-size:12px;color:var(--muted)}
.case-search-extra{font-size:14px;line-height:1.8;margin:24px 0 0;max-width:720px}
.case-search-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:38px}
.case-search-evidence figure{margin:0;min-width:0}
.case-search-evidence .case-zoom{background:#f3f2ed;border:1px solid var(--line);width:100%}
.case-search-evidence img{width:100%;height:auto;display:block;object-fit:contain}
.case-search-evidence figcaption{font-size:11px;line-height:1.7;color:var(--muted);margin-top:12px}
@media(max-width:760px){.case-results-intro{grid-template-columns:1fr;gap:24px}.case-search-results{padding-top:38px;padding-bottom:45px}.case-results-table th{font-size:8px}.case-results-table td:first-child{width:46%;padding-right:12px}.case-results-table td strong{font-size:16px}.case-rank{font-size:35px;min-width:0;display:block}.case-rank-label{font-size:9px;margin-top:8px;margin-left:0}.case-results-table time{font-size:10px}.case-search-evidence{grid-template-columns:1fr;gap:26px}.case-engagement{gap:20px 30px}.case-engagement dd{font-size:12px}}

/* Owner-selected page-entry identity, using the original animated AIQ eyes. */
.page-identity{display:flex;align-items:center;justify-content:center;width:154px;height:154px;margin:0 0 25px;flex-shrink:0}
.page-identity .q-eye-badge{width:120px;height:120px;min-width:120px;gap:17px;border-color:#c7f55072;box-shadow:0 0 55px #c7f55012;background:radial-gradient(circle at 40% 35%,#34442a,#11170d 75%)}
.page-identity .q-eye-badge:after{inset:-12px;border-color:#a9cb6e88;animation-duration:20s}
.page-identity .q-eye-badge:before{content:'';position:absolute;inset:9px;border:1px solid #b4dd7635;border-radius:50%}
.page-identity .q-eye-badge i{width:12px;height:35px;animation:page-identity-look 7s ease-in-out infinite;box-shadow:0 0 15px #c7f55058}
.page-identity .q-eye-badge i:nth-child(2){animation-delay:.05s}
.page-identity-inline{position:absolute;right:6vw;top:100px}
.page-hero .hero-heading>div{align-self:center}
@keyframes page-identity-look{0%,20%,45%,65%,100%{transform:translateX(0) scaleY(1)}23%,34%{transform:translateX(7px) scaleY(1)}49%,58%{transform:translateX(-7px) scaleY(1)}74%,77%{transform:scaleY(1)}75%,76%{transform:scaleY(.12)}}
@media(max-width:760px){.page-identity{width:104px;height:104px;margin-bottom:20px}.page-identity .q-eye-badge{width:82px;height:82px;min-width:82px;gap:12px}.page-identity .q-eye-badge i{width:8px;height:24px}.page-identity .q-eye-badge:after{inset:-9px}.page-identity-inline{position:relative;inset:auto;margin:18px 0}}
.motion-off .page-identity .q-eye-badge i{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.page-identity .q-eye-badge i{animation:none}}

/* Each project image owns its height. No fixed carousel stage or letterbox. */
.case-slides{height:auto;min-height:0;aspect-ratio:auto;background:transparent;overflow:hidden}
.case-slide[hidden]{display:none!important}
.case-slide,.case-slide:not([hidden]){height:auto;min-height:0;max-height:none;aspect-ratio:auto;margin:0}
.case-slide .case-zoom,.case-slide.is-portrait .case-zoom{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;background:transparent}
.case-slide .case-zoom img,.case-slide.is-portrait .case-zoom img,.case-cover-zoom .portfolio-media{display:block;width:100%;height:auto;min-height:0;max-height:none;object-fit:unset;object-position:initial}
.case-thumbnails{min-width:0;max-width:100%;flex-shrink:1;overflow-x:auto;scrollbar-width:thin}
.case-thumbnails button{flex-shrink:0}
@media(max-width:620px){.case-carousel-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.case-thumbnails{grid-column:1;grid-row:1}.case-carousel-arrows{grid-column:2;grid-row:1;margin-left:0}.case-carousel-controls>p{grid-column:1/-1;grid-row:2}}

/* Editorial context and tool purposes; separate from supplied result evidence. */
.case-seo{padding-top:25px;padding-bottom:65px}
.seo-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:8vw;align-items:end;border-top:1px solid var(--line);padding-top:30px}
.seo-intro h2{font-size:clamp(30px,3.6vw,52px);font-weight:500;line-height:1.13;letter-spacing:-.045em;margin:0}
.seo-intro>p{font-size:14px;line-height:1.9;color:#aab9a0;margin:0}
.seo-priorities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:35px 0 48px}
.seo-priorities article{border-top:1px solid var(--line);padding-top:20px}
.seo-priorities .eyebrow{font-size:8px;margin:0 0 14px}
.seo-priorities p:not(.eyebrow){font-size:13px;line-height:1.9;color:#acbba1;margin:0}
.seo-toolkit-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}
.seo-toolkit-heading .eyebrow{margin:0}.seo-toolkit-heading>span{font-size:9px;color:#839879}
.seo-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.seo-tool{display:grid;grid-template-columns:30px minmax(0,1fr);gap:20px;padding:28px;background:#1a2117;border:1px solid #c7f55016}
.seo-tool>svg{width:26px;height:26px;fill:none;stroke:var(--lime);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.seo-tool-purpose{font-size:8px!important;letter-spacing:1px;text-transform:uppercase;color:#b8cd9f!important;margin:0 0 12px!important}
.seo-tool h3{font-size:21px;font-weight:500;line-height:1.3;letter-spacing:-.02em;margin:0 0 17px}
.seo-tool p{font-size:12px;line-height:1.9;color:#a7b49e;margin:0 0 20px}
.seo-tool ul{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;padding:0;list-style:none}
.seo-tool li{font-size:8px;color:#b6c8a6;border:1px solid #b9d69f24;padding:6px 9px}
.seo-tool a{font-size:10px;color:var(--lime);text-decoration:none;display:inline-flex;gap:22px;align-items:center}
.seo-framework-note{font-size:10px;line-height:1.8;color:#7e9270;margin:20px 0 0}
@media(max-width:760px){.seo-intro{grid-template-columns:1fr;gap:22px}.seo-priorities{grid-template-columns:1fr;gap:18px;margin:26px 0 32px}.seo-priorities article{padding-top:15px}.seo-tools{grid-template-columns:1fr}.seo-tool{padding:22px;gap:16px}.seo-toolkit-heading{display:block}.seo-toolkit-heading>span{display:block;margin-top:10px}.case-seo{padding-bottom:35px}}

/* Tall originals stay edge-to-edge in their own scrollable preview, never a fixed shared stage. */
.case-preview-window{max-height:min(78svh,900px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#96ee8366 transparent;overscroll-behavior-y:contain;outline-offset:3px}.case-preview-window .case-zoom{max-height:none}.case-scroll-note{display:block;font-size:11px;line-height:1.5;padding:9px 0;color:var(--reading,#aab8a7)}
@media(max-width:620px){.case-preview-window{max-height:68svh}.case-scroll-note{font-size:10px;padding:8px 0}}