/*
Theme Name: HDL Agency
Theme URI: https://hdlagency.se/
Author: HDL
Author URI: https://hbgdesignlab.se/
Description: HDL Agency 2026 — FSE theme. Presentation only: every token lives in theme.json, functionality lives in the hdl-kit plugin. The component CSS below is a 1:1 port of the Claude Design handoff.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hdl-agency
Tags: full-site-editing, block-patterns, block-styles, editor-style, translation-ready
*/

/* ============================================================================
   HDL Agency — component stylesheet.

   Ported 1:1 from the design handoff (design/hdl-site.css, hdl-pages.css,
   blog-post.css, brain-story.css). Selectors, class names, keyframes, media
   queries and cascade order are the design's; every colour, font family,
   font size, spacing step and layout width resolves to a theme.json token.
   Page stylesheets keep their original specificity through :where() scopes:
   blog-post.css runs on body.single-post, brain-story.css inside .brain-story.
   Do not "tidy" selectors — the ACF blocks emit exactly these class names.
   ========================================================================= */

/* --- design variable aliases (all values come from theme.json) ----------- */
:root{
	--bg:var(--wp--preset--color--base);
	--fg:var(--wp--preset--color--contrast);
	--paper:var(--wp--preset--color--paper);
	--ink:var(--wp--preset--color--ink);
	--lime:var(--wp--preset--color--lime);
	--lime-d:var(--wp--preset--color--lime-deep);
	--l1:var(--wp--preset--color--rule-light);
	--l2:var(--wp--preset--color--rule-light-soft);
	--d1:var(--wp--preset--color--rule-dark);
	--d2:var(--wp--preset--color--rule-dark-soft);
	--muted:var(--wp--custom--tint--ink-62);
	--faint:var(--wp--custom--tint--ink-42);
	--rule:var(--wp--custom--tint--ink-14);
	--blue:var(--wp--preset--color--lime-deep);
	--fd:var(--wp--preset--font-family--display);
	--fb:var(--wp--preset--font-family--body);
	--fm:var(--wp--preset--font-family--mono);
}

/* --- WordPress reset ----------------------------------------------------
   Root padding and block gap are 0 in theme.json, so the design's own
   sections stay full-bleed and .wrap keeps the 32px gutter. Everything here
   is wrapped in :where() — zero specificity, so it can never outrank a
   design rule. -------------------------------------------------------- */
:where(.wp-site-blocks){padding:0;margin:0}
:where(.wp-site-blocks)>*{margin-block-start:0;margin-block-end:0}
:where(main.wp-block-group),:where(.wp-block-post-content){max-width:none;padding:0;margin:0}
:where(.is-layout-constrained)>.alignfull,:where(.is-layout-flow)>.alignfull{max-width:none;margin-left:0;margin-right:0;width:auto}
:where(.is-layout-constrained)>*{max-width:none}
:where(figure.wp-block-image),:where(.wp-block-image){margin:0}
:where(.wp-block-post-content)>*{margin-block-start:0;margin-block-end:0}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--wp--preset--color--base);color:var(--wp--preset--color--contrast);font-family:var(--wp--preset--font-family--body);font-weight:300;font-size:var(--wp--preset--font-size--body);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--wp--preset--color--lime);text-decoration:none}
a:hover{color:var(--wp--preset--color--contrast)}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
img{display:block;max-width:100%}
.mono{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.12em;text-transform:uppercase}
.wrap{max-width:var(--wp--style--global--wide-size);margin:0 auto;padding:0 var(--wp--preset--spacing--32)}
.paper{background:var(--wp--preset--color--paper);color:var(--wp--preset--color--ink)}
.paper a{color:var(--wp--preset--color--ink)}
.paper a:hover{color:var(--wp--preset--color--lime-deep)}
/* display type */
.d1{font-family:var(--wp--preset--font-family--display);font-weight:200;letter-spacing:-.045em;line-height:.92;text-wrap:balance}
.d2{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--d-2);letter-spacing:-.04em;line-height:.98;text-wrap:balance}
.d3{font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--d-3);letter-spacing:-.025em;line-height:1.1}
.eye{display:block;color:var(--wp--preset--color--lime);margin-bottom:var(--wp--preset--spacing--22)}
.paper .eye{color:var(--wp--preset--color--lime-deep)}
.lede{font-size:var(--wp--preset--font-size--lede);line-height:1.45;color:var(--wp--custom--tint--fg-70);max-width:30em;text-wrap:pretty}
.paper .lede,.contact .lede{color:var(--wp--custom--tint--ink-70)}
.btn{display:inline-flex;align-items:center;gap:var(--wp--preset--spacing--10);padding:var(--wp--preset--spacing--13) var(--wp--preset--spacing--24);border:1px solid var(--wp--preset--color--contrast);border-radius:999px;font-size:var(--wp--preset--font-size--small);font-weight:400;color:var(--wp--preset--color--contrast);transition:.15s}
.btn:hover{background:var(--wp--preset--color--contrast);color:var(--wp--preset--color--ink)}
.btn.p{background:var(--wp--preset--color--lime);border-color:var(--wp--preset--color--lime);color:var(--wp--preset--color--ink)}
.btn.p:hover{background:var(--wp--preset--color--contrast);border-color:var(--wp--preset--color--contrast)}
.paper .btn{border-color:var(--wp--preset--color--ink);color:var(--wp--preset--color--ink)}
.paper .btn:hover{background:var(--wp--preset--color--ink);color:var(--wp--preset--color--lime)}
.paper .btn.p{background:var(--wp--preset--color--ink);border-color:var(--wp--preset--color--ink);color:var(--wp--preset--color--lime)}
.paper .btn.p:hover{background:var(--wp--preset--color--black)}
.contact .btn{border-color:var(--wp--preset--color--ink);color:var(--wp--preset--color--ink)}
.contact .btn:hover{background:var(--wp--preset--color--ink);color:var(--wp--preset--color--lime)}
.contact .btn.p{background:var(--wp--preset--color--ink);border-color:var(--wp--preset--color--ink);color:var(--wp--preset--color--lime)}
.contact .btn.p:hover{background:var(--wp--preset--color--black)}
.arrow::after{content:"→";font-weight:300}
/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:var(--wp--preset--spacing--22) var(--wp--preset--spacing--32);mix-blend-mode:difference;color:var(--wp--preset--color--white)}
.nav img{height:22px;filter:invert(1)}
.nav .links{display:flex;gap:var(--wp--preset--spacing--28);align-items:center;font-size:var(--wp--preset--font-size--xs);font-weight:400}
.nav .links a{color:var(--wp--preset--color--white)}
.nav .links a:hover{opacity:.6}
.nav .links .cta{border:1px solid var(--wp--preset--color--white);border-radius:999px;padding:var(--wp--preset--spacing--8) var(--wp--preset--spacing--16)}
/* hero */
.hero{position:relative;height:100vh;min-height:700px;overflow:hidden}
.hero iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}
.hero{overflow:clip}
.lava{position:absolute;inset:0;filter:contrast(1.35) saturate(1.1);background:var(--wp--preset--color--base)}
.blob{position:absolute;will-change:transform}
.grain{position:absolute;inset:-6%;background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22300%22 height=%22300%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.8%22 numOctaves=%222%22 stitchTiles=%22stitch%22/%3E%3CfeColorMatrix type=%22saturate%22 values=%220%22/%3E%3C/filter%3E%3Crect width=%22300%22 height=%22300%22 filter=%22url(%23n)%22/%3E%3C/svg%3E');background-size:280px;opacity:.14;mix-blend-mode:overlay;pointer-events:none;will-change:transform;animation:grainJitter 1.1s steps(4) infinite}
@keyframes lavaA{
	0%{transform:translate(0%,26%) scale(1,1.05)}
	33%{transform:translate(5%,-8%) scale(1.15,.95)}
	66%{transform:translate(-3%,-34%) scale(.92,1.18)}
	100%{transform:translate(0%,26%) scale(1,1.05)}
}
@keyframes lavaB{
	0%{transform:translate(0%,-30%) scale(1.1)}
	40%{transform:translate(-8%,10%) scale(.9,1.2)}
	70%{transform:translate(6%,32%) scale(1.25,.9)}
	100%{transform:translate(0%,-30%) scale(1.1)}
}
@keyframes lavaRed{
	0%{transform:translate(0%,34%) scale(1);opacity:.55}
	45%{transform:translate(-10%,-16%) scale(1.3,1.1);opacity:1}
	75%{transform:translate(6%,-40%) scale(.9,1.25);opacity:.8}
	100%{transform:translate(0%,34%) scale(1);opacity:.55}
}
@keyframes lavaDark{
	0%{transform:translate(0%,0%) scale(1)}
	50%{transform:translate(-12%,14%) scale(1.28)}
	100%{transform:translate(0%,0%) scale(1)}
}
@keyframes grainJitter{
	0%{transform:translate(0,0)}
	25%{transform:translate(-1.5%,1%)}
	50%{transform:translate(1%,-1.5%)}
	75%{transform:translate(-1%,1.5%)}
	100%{transform:translate(1.5%,-1%)}
}
@media(prefers-reduced-motion:reduce){
	.blob,.grain{animation:none}
}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--wp--custom--tint--ink-25) 0%,var(--wp--custom--tint--ink-00) 35%,var(--wp--custom--tint--ink-20) 60%,var(--wp--custom--tint--ink-94) 100%);pointer-events:none}
.hero .copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 var(--wp--preset--spacing--32) var(--wp--preset--spacing--64);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--wp--preset--spacing--48);align-items:end;max-width:var(--wp--style--global--wide-size);margin:0 auto}
.hero h1{font-size:var(--wp--preset--font-size--hero)}
.hero h1 em,.d1 em,.d2 em{font-style:normal;color:var(--wp--preset--color--lime)}
.paper .d1 em,.paper .d2 em{color:var(--wp--preset--color--lime-deep)}
.hero .side .mono{display:block;margin-bottom:var(--wp--preset--spacing--18);color:var(--wp--preset--color--lime)}
.hero .side .btns{display:flex;gap:var(--wp--preset--spacing--10);flex-wrap:wrap;margin-top:var(--wp--preset--spacing--28)}
/* proof strip */
.proof{border-top:1px solid var(--wp--preset--color--rule-light);border-bottom:1px solid var(--wp--preset--color--rule-light)}
.proof .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.proof .wrap>div{padding:var(--wp--preset--spacing--40) var(--wp--preset--spacing--32) var(--wp--preset--spacing--40) 0}
.proof div+div{border-left:1px solid var(--wp--preset--color--rule-light-soft);padding-left:var(--wp--preset--spacing--32)}
.proof b{display:block;font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--proof);letter-spacing:-.045em;line-height:.95;font-variant-numeric:tabular-nums}
.proof b em{font-style:normal;color:var(--wp--preset--color--lime);font-size:.45em;margin-left:4px;vertical-align:.6em}
.proof span{display:block;margin-top:var(--wp--preset--spacing--12);color:var(--wp--custom--tint--fg-60);font-size:var(--wp--preset--font-size--small);line-height:1.4}
/* logos */
.logos{padding:var(--wp--preset--spacing--56) 0;overflow:hidden;border-bottom:1px solid var(--wp--preset--color--rule-light-soft)}
.logos .h{display:flex;justify-content:space-between;color:var(--wp--custom--tint--fg-45);margin-bottom:var(--wp--preset--spacing--28)}
.marq{display:flex;gap:var(--wp--preset--spacing--72);width:max-content;animation:marq 60s linear infinite}
.marq span{font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--l);letter-spacing:-.02em;color:var(--wp--custom--tint--fg-55);white-space:nowrap}
/* Client marks: real logos in the strip. The source files are monochrome black,
   so they are inverted to white and dimmed to the same weight as the text marks
   they replace; a logo that already ships light opts out with .is-light. */
.marq span.lg{display:flex;align-items:center;flex:0 0 auto}
.marq span.lg img{height:var(--wp--preset--spacing--30);width:auto;max-width:var(--wp--preset--spacing--180);object-fit:contain;filter:invert(1);opacity:.55}
.marq span.lg.is-light img{filter:none}
@keyframes marq{
	to{transform:translateX(-50%)}
}
/* split story */
.split{padding:var(--wp--preset--spacing--160) 0}
.split .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--wp--preset--spacing--64);align-items:start}
.split .k{position:sticky;top:var(--wp--preset--spacing--96)}
.split .t p{font-size:var(--wp--preset--font-size--prose-l);line-height:1.45;color:inherit;opacity:.82;max-width:32em;text-wrap:pretty}
.split .t p+p{margin-top:var(--wp--preset--spacing--28)}
.split .t b{font-weight:400;color:inherit}
/* services */
.services{padding:0 0 var(--wp--preset--spacing--160)}
.services .h{display:flex;justify-content:space-between;align-items:end;gap:var(--wp--preset--spacing--32);padding-bottom:var(--wp--preset--spacing--40)}
.svc{list-style:none;padding:0;margin:0;border-top:1px solid var(--wp--preset--color--rule-dark)}
.svc li{display:grid;grid-template-columns:72px minmax(0,4fr) minmax(0,6fr) auto;gap:var(--wp--preset--spacing--32);align-items:baseline;padding:var(--wp--preset--spacing--30) 0;border-bottom:1px solid var(--wp--preset--color--rule-dark);transition:padding .2s}
.svc li:hover{padding-left:var(--wp--preset--spacing--12)}
.svc .n{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.1em;color:var(--wp--custom--tint--ink-40)}
.svc h3{font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--svc-h);letter-spacing:-.025em;line-height:1.1}
.svc h3 small{display:block;font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--wp--custom--tint--ink-45);margin-top:var(--wp--preset--spacing--8)}
.svc p{font-size:var(--wp--preset--font-size--base);color:var(--wp--custom--tint--ink-65);max-width:36em}
.svc a{color:var(--wp--preset--color--ink);white-space:nowrap;font-size:var(--wp--preset--font-size--small)}
.svc li:hover a{color:var(--wp--preset--color--lime-deep)}
/* process */
.process{padding:var(--wp--preset--spacing--160) 0}
.process .h{max-width:30em;margin-bottom:var(--wp--preset--spacing--72)}
.process ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--wp--preset--color--rule-light)}
.process li{padding:var(--wp--preset--spacing--32) var(--wp--preset--spacing--32) 0 0}
.process li+li{border-left:1px solid var(--wp--preset--color--rule-light-soft);padding-left:var(--wp--preset--spacing--32)}
.process li .mono{color:var(--wp--custom--tint--fg-40);display:block;margin-bottom:var(--wp--preset--spacing--22)}
.process li .bar{height:2px;background:var(--wp--preset--color--rule-light-soft);margin:0 0 var(--wp--preset--spacing--22);position:relative}
.process li .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--wp--preset--color--lime)}
.process li b{display:block;font-weight:300;font-family:var(--wp--preset--font-family--display);font-size:var(--wp--preset--font-size--h-m);letter-spacing:-.025em;line-height:1.1;margin-bottom:var(--wp--preset--spacing--14)}
.process li p{color:var(--wp--custom--tint--fg-62);font-size:var(--wp--preset--font-size--base)}
/* brain feature */
.brain{padding:0 0 var(--wp--preset--spacing--160)}
.brain .frame{position:relative;height:min(80vh,820px);min-height:520px;border:1px solid var(--wp--preset--color--rule-light);overflow:hidden}
.brain iframe{width:100%;height:100%;border:0;display:block}
.brain .h{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--wp--preset--spacing--64);align-items:end;padding-bottom:var(--wp--preset--spacing--40)}
.brain .h p{color:var(--wp--custom--tint--fg-65);font-size:var(--wp--preset--font-size--base-l);max-width:32em}
.brain .h .btn{margin-top:var(--wp--preset--spacing--22)}
.brain .foot{display:flex;justify-content:space-between;padding-top:var(--wp--preset--spacing--16);color:var(--wp--custom--tint--fg-45)}
/* cases */
.cases{padding:var(--wp--preset--spacing--160) 0}
.cases .h{display:flex;justify-content:space-between;align-items:end;gap:var(--wp--preset--spacing--32);padding-bottom:var(--wp--preset--spacing--48)}
.cgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--wp--preset--spacing--24)}
.case{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--14);color:var(--wp--preset--color--ink)}
.case .img{aspect-ratio:4/3;overflow:hidden;background:var(--wp--custom--surface--case-image)}
.case .img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.case:hover .img img{transform:scale(1.03)}
.case.big{grid-column:span 7}
.case.big .img{aspect-ratio:16/10}
.case.med{grid-column:span 5}
.case.sm{grid-column:span 4}
.case b{font-weight:300;font-family:var(--wp--preset--font-family--display);font-size:var(--wp--preset--font-size--xl);letter-spacing:-.02em}
.case span{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--wp--custom--tint--ink-45)}
.case:hover b{color:var(--wp--preset--color--lime-deep)}
/* quote */
.quote{padding:var(--wp--preset--spacing--160) 0}
.quote blockquote{margin:0;border-top:1px solid var(--wp--preset--color--lime);padding-top:var(--wp--preset--spacing--36);font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--quote);letter-spacing:-.035em;line-height:1.12;max-width:22em;text-wrap:balance}
.quote cite{display:block;font-style:normal;margin-top:var(--wp--preset--spacing--28);color:var(--wp--custom--tint--fg-50);font-size:var(--wp--preset--font-size--small)}
/* blog */
.blog{padding:0 0 var(--wp--preset--spacing--160)}
.blog .h{display:flex;justify-content:space-between;align-items:end;padding-bottom:var(--wp--preset--spacing--32)}
.posts{list-style:none;margin:0;padding:0;border-top:1px solid var(--wp--preset--color--rule-light)}
.posts li{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:var(--wp--preset--spacing--32);align-items:baseline;padding:var(--wp--preset--spacing--24) 0;border-bottom:1px solid var(--wp--preset--color--rule-light-soft)}
.posts .mono{color:var(--wp--custom--tint--fg-40)}
.posts a{color:var(--wp--preset--color--contrast);font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--post-link);letter-spacing:-.02em}
.posts a:hover{color:var(--wp--preset--color--lime)}
/* SEO links */
.local{padding:var(--wp--preset--spacing--120) 0}
.local .h{max-width:30em;margin-bottom:var(--wp--preset--spacing--40)}
.local ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--wp--preset--color--rule-dark)}
.local li{background:var(--wp--preset--color--paper)}
.local a{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--8);padding:var(--wp--preset--spacing--28) var(--wp--preset--spacing--24) var(--wp--preset--spacing--30);color:var(--wp--preset--color--ink)}
.local b{font-weight:400;font-size:var(--wp--preset--font-size--body-l);letter-spacing:-.015em}
.local span{font-size:var(--wp--preset--font-size--xs);color:var(--wp--custom--tint--ink-55);line-height:1.4}
.local a:hover b{color:var(--wp--preset--color--lime-deep)}
/* contact */
.contact{background:var(--wp--preset--color--lime);color:var(--wp--preset--color--ink);padding:var(--wp--preset--spacing--140) 0 var(--wp--preset--spacing--120)}
.contact .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--wp--preset--spacing--48);align-items:end}
.contact h2{font-size:var(--wp--preset--font-size--contact-h);font-weight:200;font-family:var(--wp--preset--font-family--display);letter-spacing:-.045em;line-height:.92}
.contact .huge{display:block;font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--contact-link);letter-spacing:-.025em;color:var(--wp--preset--color--ink);line-height:1.2}
.contact .huge:hover{color:var(--wp--preset--color--black);text-decoration:underline}
.contact .people{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--wp--preset--spacing--24);margin-top:var(--wp--preset--spacing--64);padding-top:var(--wp--preset--spacing--28);border-top:1px solid var(--wp--custom--tint--ink-25);grid-column:1/-1}
.contact .people div{display:flex;flex-direction:column;gap:4px}
.contact .people span{font-size:var(--wp--preset--font-size--xxs);color:var(--wp--custom--tint--ink-60)}
.contact .people b{font-weight:400;font-size:var(--wp--preset--font-size--body)}
.contact .people a{color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--small)}
/* footer */
.foot{padding:var(--wp--preset--spacing--40) var(--wp--preset--spacing--32) var(--wp--preset--spacing--48);display:flex;justify-content:space-between;align-items:center;gap:var(--wp--preset--spacing--24);flex-wrap:wrap;color:var(--wp--custom--tint--fg-45)}
.foot nav{display:flex;gap:var(--wp--preset--spacing--22);flex-wrap:wrap;font-size:var(--wp--preset--font-size--xs)}
.foot nav a{color:var(--wp--custom--tint--fg-60)}
.foot nav a:hover{color:var(--wp--preset--color--contrast)}
.foot img{height:22px;opacity:.8}
@media(max-width:1000px){
	.nav .links a{display:none}
	.hero .copy{grid-template-columns:1fr;gap:var(--wp--preset--spacing--28);padding-bottom:var(--wp--preset--spacing--48)}
	.proof .wrap{grid-template-columns:1fr 1fr}
	.proof div:nth-child(3){border-left:0;padding-left:0}
	.proof div:nth-child(n+3){border-top:1px solid var(--wp--preset--color--rule-light-soft)}
	.split,.process,.cases,.quote{padding:var(--wp--preset--spacing--96) 0}
	.split .wrap{grid-template-columns:1fr;gap:var(--wp--preset--spacing--32)}
	.split .k{position:static}
	.svc li{grid-template-columns:1fr;gap:var(--wp--preset--spacing--12)}
	.svc .n{display:none}
	.process ol{grid-template-columns:1fr}
	.process li+li{border-left:0;border-top:1px solid var(--wp--preset--color--rule-light-soft);padding-left:0;padding-top:var(--wp--preset--spacing--28)}
	.brain .h{grid-template-columns:1fr;gap:var(--wp--preset--spacing--24)}
	.case.big,.case.med,.case.sm{grid-column:span 12}
	.posts li{grid-template-columns:1fr;gap:var(--wp--preset--spacing--8)}
	.local ul{grid-template-columns:1fr}
	.contact .wrap{grid-template-columns:1fr}
	.contact .people{grid-template-columns:1fr}
}
/* menu */
.menubtn{font:inherit;font-size:var(--wp--preset--font-size--xs);font-weight:400;color:var(--wp--preset--color--white);background:none;border:1px solid var(--wp--preset--color--white);border-radius:999px;padding:var(--wp--preset--spacing--8) var(--wp--preset--spacing--16);cursor:pointer}
.menubtn:hover{background:var(--wp--preset--color--white);color:var(--wp--preset--color--black)}
.menu{position:fixed;inset:0;z-index:15;background:var(--wp--preset--color--base);color:var(--wp--preset--color--contrast);display:flex;flex-direction:column;justify-content:space-between;padding:var(--wp--preset--spacing--120) var(--wp--preset--spacing--32) var(--wp--preset--spacing--32);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .25s,transform .25s,visibility .25s;overflow:auto}
body.menu-open .menu{opacity:1;visibility:visible;transform:none}
body.menu-open{overflow:hidden}
body.menu-open .nav{mix-blend-mode:normal;color:var(--wp--preset--color--contrast)}
body.menu-open .nav img{filter:invert(1)}
body.menu-open .nav .links a{display:none}
.menu-in{max-width:var(--wp--style--global--wide-size);width:100%;margin:0 auto;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr);gap:var(--wp--preset--spacing--64);align-items:start}
.menu-col{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--8)}
.menu-col>.mono{color:var(--wp--preset--color--lime);margin-bottom:var(--wp--preset--spacing--14)}
.menu-col a{color:var(--wp--preset--color--contrast);font-size:var(--wp--preset--font-size--base-l);font-weight:300;display:flex;flex-direction:column;gap:2px;padding:6px 0;border-bottom:1px solid var(--wp--preset--color--rule-light-soft)}
.menu-col a small{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--wp--custom--tint--fg-40)}
.menu-col a:hover{color:var(--wp--preset--color--lime)}
.menu-col.big a{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--menu-big);letter-spacing:-.045em;line-height:1;border:0;padding:6px 0}
.menu-foot{max-width:var(--wp--style--global--wide-size);width:100%;margin:var(--wp--preset--spacing--48) auto 0;display:flex;justify-content:space-between;color:var(--wp--custom--tint--fg-40)}
@media(max-width:1000px){
	.menu{padding:var(--wp--preset--spacing--100) var(--wp--preset--spacing--20) var(--wp--preset--spacing--24)}
	.menu-in{grid-template-columns:1fr;gap:var(--wp--preset--spacing--40)}
	.menu-col.big{order:-1}
	.menu-col.big a{font-size:var(--wp--preset--font-size--menu-big-s)}
}
/* paper safety: no white text on paper */
.paper,.paper h1,.paper h2,.paper h3,.paper p,.paper li,.paper dd,.paper dt{color:var(--wp--preset--color--ink)}
.paper .eye,.paper .mono.eye{color:var(--wp--preset--color--lime-deep)}
.paper .lede{color:var(--wp--custom--tint--ink-70)}
.paper .split .t p,.paper .ch .t>p,.paper .sum .t p{color:var(--wp--preset--color--ink)}

/* ===== hdl-pages.css — page template blocks ===== */
.pagehead{padding:var(--wp--preset--spacing--170) 0 var(--wp--preset--spacing--72)}
.pagehead .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--wp--preset--spacing--48);align-items:end}
.pagehead h1{font-size:var(--wp--preset--font-size--d-1)}
.crumb{display:flex;gap:var(--wp--preset--spacing--10);color:var(--wp--custom--tint--fg-40);margin-bottom:var(--wp--preset--spacing--28)}
.crumb a{color:var(--wp--custom--tint--fg-40)}
.crumb a:hover{color:var(--wp--preset--color--contrast)}
.paper .crumb,.paper .crumb a{color:var(--wp--custom--tint--ink-45)}
.teasers{padding:0 0 var(--wp--preset--spacing--160)}
.teasers .wrap{display:grid;grid-template-columns:1fr 1fr;gap:var(--wp--preset--spacing--24)}
.teasers a{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--22);padding:var(--wp--preset--spacing--40) 0 var(--wp--preset--spacing--32);border-top:1px solid var(--wp--preset--color--rule-light);color:var(--wp--preset--color--contrast)}
.teasers a>.mono:first-child{color:var(--wp--preset--color--lime)}
.teasers a .arrow{color:var(--wp--custom--tint--fg-50)}
.teasers a:hover b{color:var(--wp--preset--color--lime)}
/* services page */
.svcdetail{padding:0 0 var(--wp--preset--spacing--160)}
.svcdetail article{display:grid;grid-template-columns:72px minmax(0,5fr) minmax(0,6fr);gap:var(--wp--preset--spacing--48);padding:var(--wp--preset--spacing--64) 0;border-top:1px solid var(--wp--preset--color--rule-dark)}
.svcdetail article:last-child{border-bottom:1px solid var(--wp--preset--color--rule-dark)}
.svcdetail .n{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.1em;color:var(--wp--custom--tint--ink-40);padding-top:var(--wp--preset--spacing--8)}
.svcdetail h2{font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--svcdetail-h);letter-spacing:-.03em;line-height:1.05}
.svcdetail h2 small{display:block;font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--wp--custom--tint--ink-45);margin-top:var(--wp--preset--spacing--12);font-weight:400}
.svcdetail p{font-size:var(--wp--preset--font-size--body);color:var(--wp--custom--tint--ink-75);max-width:34em;text-wrap:pretty}
.svcdetail ul{list-style:none;padding:0;margin:var(--wp--preset--spacing--24) 0 0;border-top:1px solid var(--wp--preset--color--rule-dark)}
.svcdetail li{padding:var(--wp--preset--spacing--10) 0;border-bottom:1px solid var(--wp--preset--color--rule-dark-soft);font-size:var(--wp--preset--font-size--small);color:var(--wp--custom--tint--ink-65);display:flex;justify-content:space-between;gap:var(--wp--preset--spacing--24)}
.svcdetail li b{font-weight:400;color:var(--wp--preset--color--ink)}
.svcdetail .btn{margin-top:var(--wp--preset--spacing--28)}
/* case grid page */
.allcases{padding:0 0 var(--wp--preset--spacing--160)}
.allcases .cgrid{grid-template-columns:repeat(3,1fr)}
.allcases .case{grid-column:auto}
.filters{display:flex;gap:var(--wp--preset--spacing--26);padding:0 0 var(--wp--preset--spacing--40);border-bottom:1px solid var(--wp--preset--color--rule-dark);margin-bottom:var(--wp--preset--spacing--40)}
.filters a{color:var(--wp--custom--tint--ink-45)}
.filters a.on{color:var(--wp--preset--color--ink);border-bottom:1px solid var(--wp--preset--color--lime-deep);padding-bottom:4px}
/* about */
.timeline{padding:0 0 var(--wp--preset--spacing--160)}
.timeline ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--wp--preset--color--rule-light)}
.timeline li{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--wp--preset--spacing--48);padding:var(--wp--preset--spacing--40) 0;border-bottom:1px solid var(--wp--preset--color--rule-light-soft)}
.timeline li .y{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--year);letter-spacing:-.04em;line-height:1;color:var(--wp--preset--color--lime)}
.timeline li b{display:block;font-weight:400;font-size:var(--wp--preset--font-size--body-xl);margin-bottom:var(--wp--preset--spacing--10)}
.timeline li p{color:var(--wp--custom--tint--fg-70);max-width:36em}
.values{padding:0 0 var(--wp--preset--spacing--160)}
/* The hairlines are painted by the grid gap showing the parent background through.
   Clip it to the content box so it cannot bleed into .wrap's 32px gutter, and scope
   the card rule to direct children so it does not also style .wrap (which is a div too,
   and would otherwise inherit the card padding and frame the whole group in grey). */
.values .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--wp--preset--color--rule-dark);background-clip:content-box}
.values .wrap>div{background:var(--wp--preset--color--paper);padding:var(--wp--preset--spacing--40) var(--wp--preset--spacing--32) var(--wp--preset--spacing--44)}
.values b{display:block;font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--h-s);letter-spacing:-.025em;line-height:1.1;margin-bottom:var(--wp--preset--spacing--16)}
.values p{color:var(--wp--custom--tint--ink-65);font-size:var(--wp--preset--font-size--base)}
.team{padding:0 0 var(--wp--preset--spacing--160)}
.team .wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--wp--preset--spacing--24)}
.team .p{border-top:1px solid var(--wp--preset--color--rule-light);padding-top:var(--wp--preset--spacing--28)}
.team .p .ph{aspect-ratio:4/5;background:var(--wp--custom--tint--fg-06);margin-bottom:var(--wp--preset--spacing--22)}
.team .p b{display:block;font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--h-m);letter-spacing:-.025em}
.team .p span{display:block;color:var(--wp--custom--tint--fg-55);margin:6px 0 var(--wp--preset--spacing--14)}
.team .p p{color:var(--wp--custom--tint--fg-70);font-size:var(--wp--preset--font-size--base);max-width:34em}
/* blog index */
.bloglist{padding:0 0 var(--wp--preset--spacing--160)}
.bloglist .posts li{grid-template-columns:160px minmax(0,1fr) 220px;padding:var(--wp--preset--spacing--32) 0}
.bloglist .posts li em{font-style:normal;font-size:var(--wp--preset--font-size--small);color:var(--wp--custom--tint--fg-55);display:block;margin-top:var(--wp--preset--spacing--8);max-width:40em}
.bloglist .posts .a{text-align:right;color:var(--wp--custom--tint--fg-40)}
/* contact page */
.cform{max-width:720px;border-top:1px solid var(--wp--custom--tint--ink-30);padding-top:var(--wp--preset--spacing--28);margin-top:var(--wp--preset--spacing--48);grid-column:1/-1}
.cform label{display:block;font-size:var(--wp--preset--font-size--xxs);color:var(--wp--custom--tint--ink-60);margin-bottom:var(--wp--preset--spacing--22)}
.cform .f2{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--wp--preset--spacing--32)}
.cform input,.cform textarea{display:block;width:100%;margin-top:6px;background:transparent;border:0;border-bottom:1px solid var(--wp--custom--tint--ink-35);padding:var(--wp--preset--spacing--8) 0;font:inherit;font-size:var(--wp--preset--font-size--base-l);font-weight:300;color:var(--wp--preset--color--ink);border-radius:0;resize:vertical}
.cform input:focus,.cform textarea:focus{outline:0;border-bottom-color:var(--wp--preset--color--ink)}
.cform .row{display:flex;align-items:center;justify-content:space-between;gap:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--xxs);color:var(--wp--custom--tint--ink-60)}
.cform button{cursor:pointer;font-family:inherit}
.office{padding:var(--wp--preset--spacing--160) 0}
.office .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--wp--preset--spacing--64)}
.office dl{margin:0;display:grid;grid-template-columns:160px 1fr;gap:var(--wp--preset--spacing--14) var(--wp--preset--spacing--24);font-size:var(--wp--preset--font-size--base-l);border-top:1px solid var(--wp--preset--color--rule-light);padding-top:var(--wp--preset--spacing--24)}
.office dt{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--wp--custom--tint--fg-45);padding-top:5px}
.office dd{margin:0;color:var(--wp--custom--tint--fg-80)}
@media(max-width:1000px){
	.pagehead{padding:var(--wp--preset--spacing--130) 0 var(--wp--preset--spacing--56)}
	.pagehead .wrap,.teasers .wrap,.svcdetail article,.timeline li,.team .wrap,.office .wrap{grid-template-columns:1fr;gap:var(--wp--preset--spacing--20)}
	.svcdetail .n{display:none}
	.allcases .cgrid{grid-template-columns:1fr}
	.values .wrap{grid-template-columns:1fr}
	.bloglist .posts li{grid-template-columns:1fr}
	.bloglist .posts .a{display:none}
	.cform .f2{grid-template-columns:1fr}
}
/* service detail */
.sv-hero{padding:var(--wp--preset--spacing--170) 0 0}
.sv-hero .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--wp--preset--spacing--48);align-items:end;padding-bottom:var(--wp--preset--spacing--96)}
.sv-hero h1{font-size:var(--wp--preset--font-size--d-1)}
.sv-hero .lede{margin-bottom:var(--wp--preset--spacing--28)}
.facts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--wp--preset--color--rule-light)}
.facts .wrap>div{padding:var(--wp--preset--spacing--36) var(--wp--preset--spacing--32) var(--wp--preset--spacing--36) 0}
.facts div+div{border-left:1px solid var(--wp--preset--color--rule-light-soft);padding-left:var(--wp--preset--spacing--32)}
.facts b{display:block;font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--facts);letter-spacing:-.04em;line-height:1}
.facts span{display:block;margin-top:var(--wp--preset--spacing--10);color:var(--wp--custom--tint--fg-60);font-size:var(--wp--preset--font-size--small)}
.steps4{padding:var(--wp--preset--spacing--160) 0}
.steps4 ol{list-style:none;margin:0;padding:0}
.steps4 li{display:grid;grid-template-columns:72px minmax(0,5fr) minmax(0,6fr);gap:var(--wp--preset--spacing--48);padding:var(--wp--preset--spacing--48) 0;border-top:1px solid var(--wp--preset--color--rule-light)}
.steps4 li:last-child{border-bottom:1px solid var(--wp--preset--color--rule-light)}
.steps4 .n{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.1em;color:var(--wp--custom--tint--fg-40);padding-top:var(--wp--preset--spacing--8)}
.steps4 h3{font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--steps-h);letter-spacing:-.03em;line-height:1.08}
.steps4 p{color:var(--wp--custom--tint--fg-72);font-size:var(--wp--preset--font-size--body);max-width:34em;text-wrap:pretty}
.steps4 p a{color:var(--wp--preset--color--lime)}
.faq{padding:0 0 var(--wp--preset--spacing--160)}
.faq .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--wp--preset--spacing--64);align-items:start}
.faq details{border-bottom:1px solid var(--wp--preset--color--rule-dark)}
.faq details:first-of-type{border-top:1px solid var(--wp--preset--color--rule-dark)}
.faq summary{list-style:none;cursor:pointer;padding:var(--wp--preset--spacing--22) var(--wp--preset--spacing--40) var(--wp--preset--spacing--22) 0;font-size:var(--wp--preset--font-size--body-l);font-weight:400;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:var(--wp--preset--spacing--18);font-weight:200;font-size:var(--wp--preset--font-size--xxl);color:var(--wp--custom--tint--ink-40);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 var(--wp--preset--spacing--24);color:var(--wp--custom--tint--ink-68);max-width:40em}
.price{padding:var(--wp--preset--spacing--160) 0}
.price .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--wp--preset--spacing--64);align-items:end;border-top:1px solid var(--wp--preset--color--lime);padding-top:var(--wp--preset--spacing--48)}
.price .big{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--price);letter-spacing:-.05em;line-height:.9}
.price .big em{font-style:normal;color:var(--wp--preset--color--lime);font-size:.3em;vertical-align:.9em;margin-left:var(--wp--preset--spacing--8);letter-spacing:0}
.price p{color:var(--wp--custom--tint--fg-72);font-size:var(--wp--preset--font-size--body-l);max-width:34em}
.price p+p{margin-top:var(--wp--preset--spacing--18)}
.related{padding:0 0 var(--wp--preset--spacing--160)}
.related .h{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:var(--wp--preset--spacing--28)}
.related ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--wp--preset--color--rule-dark)}
.related li a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--wp--preset--spacing--24);padding:var(--wp--preset--spacing--22) 0;border-bottom:1px solid var(--wp--preset--color--rule-dark);color:var(--wp--preset--color--ink);font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--related);letter-spacing:-.02em}
.related li a small{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--wp--custom--tint--ink-45);align-self:center}
.related li a:hover{color:var(--wp--preset--color--lime-deep)}
/* case detail */
.cs-hero{padding:var(--wp--preset--spacing--170) 0 0}
.cs-hero .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--wp--preset--spacing--48);align-items:end;padding-bottom:var(--wp--preset--spacing--56)}
.cs-hero h1{font-size:var(--wp--preset--font-size--d-1)}
.cs-meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--wp--preset--spacing--12) var(--wp--preset--spacing--24);font-size:var(--wp--preset--font-size--small);border-top:1px solid var(--wp--preset--color--rule-light);padding-top:var(--wp--preset--spacing--20);margin:0}
.cs-meta dt{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--wp--custom--tint--fg-45)}
.cs-meta dd{margin:0;color:var(--wp--custom--tint--fg-80)}
.cs-img{overflow:hidden;background:var(--wp--custom--surface--image-dark)}
/* height:auto is load-bearing: the block emits width/height attributes (good for
   CLS), and those are presentational hints mapping to CSS width/height. width:100%
   overrides the width hint but nothing overrides the height, so the image renders at
   container width with its intrinsic pixel height — i.e. distorted. */
.cs-img img{width:100%;height:auto;display:block}
.cs-body{padding:var(--wp--preset--spacing--120) 0}
.cs-body .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--wp--preset--spacing--64)}
.cs-body .k{position:sticky;top:var(--wp--preset--spacing--96)}
.cs-body h2{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--case-h);letter-spacing:-.04em;line-height:1}
.cs-body .t p{font-size:var(--wp--preset--font-size--lede);line-height:1.5;color:var(--wp--custom--tint--ink-78);max-width:34em;text-wrap:pretty}
.cs-body.dark .t p{color:var(--wp--custom--tint--fg-78)}
.cs-body .t p+p{margin-top:var(--wp--preset--spacing--22)}
.cs-gallery{padding:0 0 var(--wp--preset--spacing--120)}
.cs-gallery .wrap{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--wp--preset--spacing--24)}
.cs-gallery .cs-img{grid-column:span 6}
.cs-gallery .cs-img.w{grid-column:span 12}
.cs-gallery .cs-img.t{grid-column:span 4}
.cs-next{padding:0 0 var(--wp--preset--spacing--160)}
.cs-next a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--wp--preset--spacing--24);align-items:end;border-top:1px solid var(--wp--preset--color--rule-light);padding-top:var(--wp--preset--spacing--32);color:var(--wp--preset--color--contrast)}
.cs-next a .mono{display:block;color:var(--wp--preset--color--lime);margin-bottom:var(--wp--preset--spacing--14)}
.cs-next a b{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--case-next);letter-spacing:-.045em;line-height:.95}
.cs-next a:hover b{color:var(--wp--preset--color--lime)}
/* ariane */
.ar-grid{padding:0 0 var(--wp--preset--spacing--160)}
.ar-grid ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--wp--preset--color--rule-light-soft)}
.ar-grid li{background:var(--wp--preset--color--base);padding:var(--wp--preset--spacing--40) var(--wp--preset--spacing--32) var(--wp--preset--spacing--44)}
.ar-grid li .mono{display:block;color:var(--wp--custom--tint--fg-40);margin-bottom:var(--wp--preset--spacing--22)}
.ar-grid li b{display:block;font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--xxl);letter-spacing:-.025em;line-height:1.1;margin-bottom:var(--wp--preset--spacing--14)}
.ar-grid li p{color:var(--wp--custom--tint--fg-65);font-size:var(--wp--preset--font-size--base)}
.stack{padding:0 0 var(--wp--preset--spacing--160)}
.stack ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--wp--preset--color--rule-dark)}
.stack li{display:grid;grid-template-columns:48px minmax(0,3fr) minmax(0,3fr) minmax(0,6fr);gap:var(--wp--preset--spacing--32);align-items:baseline;padding:var(--wp--preset--spacing--22) 0;border-bottom:1px solid var(--wp--preset--color--rule-dark)}
.stack li .g{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--body);color:var(--wp--preset--color--lime-deep)}
.stack li b{font-weight:400;font-size:var(--wp--preset--font-size--body-xl)}
.stack li .r{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--wp--custom--tint--ink-45)}
.stack li p{font-size:var(--wp--preset--font-size--small);color:var(--wp--custom--tint--ink-65)}
/* text page */
.textpage{padding:0 0 var(--wp--preset--spacing--160)}
.textpage .wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--wp--preset--spacing--64);align-items:start}
.textpage nav{position:sticky;top:var(--wp--preset--spacing--96);display:flex;flex-direction:column;gap:var(--wp--preset--spacing--10);border-top:1px solid var(--wp--preset--color--rule-light);padding-top:var(--wp--preset--spacing--20)}
.textpage nav a{color:var(--wp--custom--tint--fg-50);font-size:var(--wp--preset--font-size--xs)}
.textpage nav a:hover{color:var(--wp--preset--color--contrast)}
.textpage article{max-width:var(--wp--style--global--content-size)}
.textpage h2{font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--h-s);letter-spacing:-.025em;margin:var(--wp--preset--spacing--48) 0 var(--wp--preset--spacing--14)}
.textpage h2:first-child{margin-top:0}
.textpage p{color:var(--wp--custom--tint--fg-75);margin-bottom:var(--wp--preset--spacing--14)}
/* sitemap */
.map{padding:0 0 var(--wp--preset--spacing--160)}
.map .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--wp--preset--spacing--64)}
.map h3{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--wp--preset--color--lime);margin-bottom:var(--wp--preset--spacing--18);font-weight:400}
.map ul{list-style:none;margin:0 0 var(--wp--preset--spacing--40);padding:0;border-top:1px solid var(--wp--preset--color--rule-light)}
.map li{display:flex;justify-content:space-between;gap:var(--wp--preset--spacing--16);padding:var(--wp--preset--spacing--10) 0;border-bottom:1px solid var(--wp--preset--color--rule-light-soft);font-size:var(--wp--preset--font-size--small)}
.map li a{color:var(--wp--preset--color--contrast)}
.map li a:hover{color:var(--wp--preset--color--lime)}
.map li span{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--wp--custom--tint--fg-40);white-space:nowrap}
.map li .pl{color:var(--wp--custom--tint--fg-70);font-family:var(--wp--preset--font-family--body);font-size:var(--wp--preset--font-size--small);letter-spacing:0;text-transform:none;white-space:normal}
.teasers .wrap{grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){
	.sv-hero .wrap,.cs-hero .wrap,.cs-body .wrap,.faq .wrap,.price .wrap,.textpage .wrap,.steps4 li,.teasers .wrap{grid-template-columns:1fr;gap:var(--wp--preset--spacing--20)}
	.steps4 .n{display:none}
	.facts{grid-template-columns:1fr 1fr}
	.facts div:nth-child(3){border-left:0;padding-left:0}
	.ar-grid ol{grid-template-columns:1fr}
	.stack li{grid-template-columns:1fr;gap:6px}
	.cs-gallery .cs-img,.cs-gallery .cs-img.t{grid-column:span 12}
	.map .wrap{grid-template-columns:1fr;gap:0}
	.cs-body .k,.textpage nav{position:static}
}
/* seo page */
.seo-body{padding:0 0 var(--wp--preset--spacing--120)}
.seo-body .sec{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--wp--preset--spacing--64);padding:var(--wp--preset--spacing--64) 0;border-top:1px solid var(--wp--preset--color--rule-dark)}
.seo-body .sec:first-child{border-top:0;padding-top:0}
.seo-body h2{font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--seo-h);letter-spacing:-.03em;line-height:1.05}
.seo-body p{font-size:var(--wp--preset--font-size--body);color:var(--wp--custom--tint--ink-76);max-width:38em;text-wrap:pretty}
.seo-body p+p{margin-top:var(--wp--preset--spacing--16)}
.seo-body ul{list-style:none;padding:0;margin:var(--wp--preset--spacing--20) 0 0;border-top:1px solid var(--wp--preset--color--rule-dark)}
.seo-body li{padding:var(--wp--preset--spacing--12) 0;border-bottom:1px solid var(--wp--preset--color--rule-dark);font-size:var(--wp--preset--font-size--base);color:var(--wp--custom--tint--ink-65)}
.seo-body li b{font-weight:400;color:var(--wp--preset--color--ink)}
.seo-body .pull{grid-column:1/-1;border-top:1px solid var(--wp--preset--color--ink);border-bottom:1px solid var(--wp--preset--color--ink);padding:var(--wp--preset--spacing--36) 0;font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--pull);letter-spacing:-.035em;line-height:1.1;max-width:22em}
.seo-cta{padding:0 0 var(--wp--preset--spacing--120)}
.seo-cta .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--wp--preset--spacing--48);align-items:end;border-top:1px solid var(--wp--preset--color--rule-dark);padding-top:var(--wp--preset--spacing--56)}
.seo-cta p{color:var(--wp--custom--tint--ink-70);font-size:var(--wp--preset--font-size--body);margin-bottom:var(--wp--preset--spacing--24)}
.local-nav{padding:0 0 var(--wp--preset--spacing--120)}
.local-nav ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--wp--preset--color--rule-dark)}
.local-nav li{background:var(--wp--preset--color--paper)}
.local-nav a{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--8);padding:var(--wp--preset--spacing--26) var(--wp--preset--spacing--24) var(--wp--preset--spacing--28);color:var(--wp--preset--color--ink)}
.local-nav b{font-weight:400;font-size:var(--wp--preset--font-size--body);letter-spacing:-.015em}
.local-nav span{font-size:var(--wp--preset--font-size--xs);color:var(--wp--custom--tint--ink-55);line-height:1.4}
.local-nav a:hover b{color:var(--wp--preset--color--lime-deep)}
.local-nav .h{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:var(--wp--preset--spacing--24);color:var(--wp--custom--tint--ink-50)}
@media(max-width:1000px){
	.seo-body .sec,.seo-cta .wrap{grid-template-columns:1fr;gap:var(--wp--preset--spacing--20)}
	.local-nav ul{grid-template-columns:1fr}
}
/* maya */
.flow{padding:0 0 var(--wp--preset--spacing--160)}
.flow .h{max-width:34em;margin-bottom:var(--wp--preset--spacing--56)}
.flow .lbl{display:flex;justify-content:space-between;align-items:baseline;padding:0 0 var(--wp--preset--spacing--16);border-bottom:1px solid var(--wp--preset--color--rule-light);margin-bottom:var(--wp--preset--spacing--24)}
.flow .lbl b{font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--l);letter-spacing:-.02em}
.flow .lbl span{color:var(--wp--custom--tint--fg-45)}
.stages{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--wp--preset--color--rule-light-soft)}
.stages>div{background:var(--wp--preset--color--base);padding:var(--wp--preset--spacing--20) var(--wp--preset--spacing--18) var(--wp--preset--spacing--22);min-height:150px;display:flex;flex-direction:column;gap:var(--wp--preset--spacing--10)}
.stages .st{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--wp--custom--tint--fg-45)}
.stages .tool{font-size:var(--wp--preset--font-size--xs);color:var(--wp--custom--tint--fg-60);padding:5px 0;border-bottom:1px dashed var(--wp--preset--color--rule-light-soft)}
.stages .tool:last-child{border-bottom:0}
.stages .ag{display:inline-flex;align-items:center;gap:var(--wp--preset--spacing--8);font-size:var(--wp--preset--font-size--xs);color:var(--wp--preset--color--contrast);padding:5px 0}
.stages .ag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--wp--preset--color--lime);box-shadow:0 0 8px var(--wp--custom--tint--lime-60);flex:none}
.stages .hu{display:inline-flex;align-items:center;gap:var(--wp--preset--spacing--8);font-size:var(--wp--preset--font-size--xs);color:var(--wp--custom--tint--fg-70);padding:5px 0}
.stages .hu::before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid var(--wp--custom--tint--fg-60);flex:none}
.gap-row{display:grid;grid-template-columns:repeat(6,1fr);margin-top:2px}
.gap-row span{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--wp--custom--tint--signal-85);padding:var(--wp--preset--spacing--10) var(--wp--preset--spacing--18) 0;border-top:1px dashed var(--wp--custom--tint--signal-40);margin:0 var(--wp--preset--spacing--8)}
.mem{margin-top:var(--wp--preset--spacing--24);border:1px solid var(--wp--preset--color--lime);padding:var(--wp--preset--spacing--18) var(--wp--preset--spacing--24);display:grid;grid-template-columns:auto 1fr auto;gap:var(--wp--preset--spacing--24);align-items:center}
.mem b{font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--l);letter-spacing:-.02em;color:var(--wp--preset--color--lime)}
.mem p{color:var(--wp--custom--tint--fg-70);font-size:var(--wp--preset--font-size--small)}
.mem .mono{color:var(--wp--custom--tint--fg-45)}
.flow .old{opacity:.7;margin-bottom:var(--wp--preset--spacing--56)}
.team2{padding:0 0 var(--wp--preset--spacing--160)}
.team2 .grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,4fr);gap:var(--wp--preset--spacing--24);align-items:stretch}
.team2 .col{border-top:1px solid var(--wp--preset--color--rule-light);padding-top:var(--wp--preset--spacing--22)}
.team2 .col>.mono{display:block;color:var(--wp--custom--tint--fg-45);margin-bottom:var(--wp--preset--spacing--22)}
.team2 .col.brain{border-top-color:var(--wp--preset--color--lime);background:linear-gradient(180deg,var(--wp--custom--tint--lime-06),transparent)}
.team2 .col.brain>.mono{color:var(--wp--preset--color--lime)}
.team2 li{list-style:none;padding:var(--wp--preset--spacing--12) 0;border-bottom:1px solid var(--wp--preset--color--rule-light-soft);font-size:var(--wp--preset--font-size--base-l);display:flex;justify-content:space-between;gap:var(--wp--preset--spacing--16)}
.team2 ul{margin:0;padding:0}
.team2 li small{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--wp--custom--tint--fg-40);align-self:center;white-space:nowrap}
.team2 .arrows{display:flex;justify-content:space-between;margin-top:var(--wp--preset--spacing--22);color:var(--wp--custom--tint--fg-50)}
.three{padding:0 0 var(--wp--preset--spacing--160)}
.three ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--wp--preset--color--rule-dark)}
.three li{background:var(--wp--preset--color--paper);padding:var(--wp--preset--spacing--40) var(--wp--preset--spacing--32) var(--wp--preset--spacing--44)}
.three li .n{display:block;font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--num-xl);letter-spacing:-.05em;line-height:1;color:var(--wp--preset--color--lime-deep);margin-bottom:var(--wp--preset--spacing--22)}
.three li b{display:block;font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--xxl);letter-spacing:-.025em;line-height:1.1;margin-bottom:var(--wp--preset--spacing--14)}
.three li p{color:var(--wp--custom--tint--ink-65);font-size:var(--wp--preset--font-size--base)}
@media(max-width:1000px){
	.stages,.gap-row{grid-template-columns:repeat(2,1fr)}
	.gap-row{display:none}
	.mem{grid-template-columns:1fr}
	.team2 .grid{grid-template-columns:1fr}
	.three ol{grid-template-columns:1fr}
}
/* maya story */
.ch{padding:var(--wp--preset--spacing--180) 0}
.ch .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--wp--preset--spacing--96);align-items:start}
.ch .k{position:sticky;top:var(--wp--preset--spacing--110)}
.ch .k .num{display:block;font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--lime);margin-bottom:var(--wp--preset--spacing--28)}
.paper .ch .k .num{color:var(--wp--preset--color--lime-deep)}
.ch h2{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--ch-h);letter-spacing:-.045em;line-height:.95;text-wrap:balance;color:inherit}
.paper .ch h2,.paper .d2,.paper .d3,.paper .ask h2,.paper .acts h2{color:var(--wp--preset--color--ink)}
.ch .t>p{font-size:var(--wp--preset--font-size--ch-p);line-height:1.4;color:inherit;opacity:.85;max-width:30em;text-wrap:pretty}
.ch .t>p+p{margin-top:var(--wp--preset--spacing--36)}
.ch .t b{font-weight:400;color:inherit;opacity:1}
.paper .ch .t>p{color:var(--wp--custom--tint--ink-80)}
.paper .ch .t b{color:var(--wp--preset--color--ink)}
.ch .aside{margin-top:var(--wp--preset--spacing--64);padding-top:var(--wp--preset--spacing--28);border-top:1px solid var(--wp--preset--color--rule-light);font-size:var(--wp--preset--font-size--base);color:inherit;opacity:.6;max-width:34em}
.paper .ch .aside{border-color:var(--wp--preset--color--rule-dark);color:var(--wp--custom--tint--ink-55)}
/* before: a week, told as a timeline */
.week{margin-top:var(--wp--preset--spacing--72);border-top:1px solid var(--wp--preset--color--rule-light)}
.week li{list-style:none;display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:var(--wp--preset--spacing--32);padding:var(--wp--preset--spacing--26) 0;border-bottom:1px solid var(--wp--preset--color--rule-light-soft);align-items:baseline}
.week ul{margin:0;padding:0}
.week .d{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--wp--custom--tint--fg-45)}
.week .w{font-size:var(--wp--preset--font-size--body-l);color:var(--wp--custom--tint--fg-85)}
.week .l{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--wp--custom--tint--signal-90);white-space:nowrap}
/* what changed: two big numbers */
.shift{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--wp--preset--color--rule-dark);margin-top:var(--wp--preset--spacing--72)}
.shift div{background:var(--wp--preset--color--paper);padding:var(--wp--preset--spacing--40) var(--wp--preset--spacing--36) var(--wp--preset--spacing--44)}
.shift .big{display:block;font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--shift);letter-spacing:-.05em;line-height:.9}
.shift .big em{font-style:normal;color:var(--wp--preset--color--lime-deep);font-size:.35em;vertical-align:.8em;margin-left:6px;letter-spacing:0}
.shift span{display:block;margin-top:var(--wp--preset--spacing--16);font-size:var(--wp--preset--font-size--base);color:var(--wp--custom--tint--ink-60)}
/* maya enters: a large portrait slot + intro */
.enter{padding:var(--wp--preset--spacing--180) 0}
.enter .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--wp--preset--spacing--96);align-items:end}
.enter .wrap>div:only-child{grid-column:1/-1;max-width:1000px}
.enter .portrait{aspect-ratio:4/5;background:var(--wp--custom--surface--image-dark);position:relative;overflow:hidden}
.enter .portrait image-slot{position:absolute;inset:0;width:100%;height:100%}
.enter h2{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--enter-h);letter-spacing:-.05em;line-height:.9;margin-bottom:var(--wp--preset--spacing--40)}
.enter h2 em{font-style:normal;color:var(--wp--preset--color--lime)}
.enter p{font-size:var(--wp--preset--font-size--ch-p);line-height:1.4;color:var(--wp--custom--tint--fg-80);max-width:26em}
.enter dl{display:grid;grid-template-columns:auto 1fr;gap:var(--wp--preset--spacing--12) var(--wp--preset--spacing--28);margin:var(--wp--preset--spacing--48) 0 0;border-top:1px solid var(--wp--preset--color--rule-light);padding-top:var(--wp--preset--spacing--24);font-size:var(--wp--preset--font-size--base)}
.enter dt{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--wp--custom--tint--fg-45);padding-top:3px}
.enter dd{margin:0;color:var(--wp--custom--tint--fg-80)}
/* what maya does: one act per screen */
.acts{padding:0 0 var(--wp--preset--spacing--120)}
.act{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--wp--preset--spacing--96);padding:var(--wp--preset--spacing--96) 0;border-top:1px solid var(--wp--preset--color--rule-light);align-items:start}
.act .i{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--act-i);letter-spacing:-.06em;line-height:.85;color:var(--wp--preset--color--lime)}
.act .i small{display:block;font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--wp--custom--tint--fg-45);margin-top:var(--wp--preset--spacing--18)}
.act h3{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--act-h);letter-spacing:-.04em;line-height:1;margin-bottom:var(--wp--preset--spacing--28);text-wrap:balance}
.act p{font-size:var(--wp--preset--font-size--act-p);line-height:1.45;color:var(--wp--custom--tint--fg-75);max-width:30em}
.act .ex{margin-top:var(--wp--preset--spacing--36);padding:var(--wp--preset--spacing--24) var(--wp--preset--spacing--28);border-left:1px solid var(--wp--preset--color--lime);font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--xxs);line-height:1.8;color:var(--wp--custom--tint--fg-70);max-width:44em;white-space:pre-wrap}
.act .ex b{color:var(--wp--preset--color--lime);font-weight:400}
/* team member */
.member{padding:var(--wp--preset--spacing--180) 0}
.member .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--wp--preset--spacing--96);align-items:end}
.member h2{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--member-h);letter-spacing:-.05em;line-height:.92;color:var(--wp--preset--color--ink)}
.member ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--wp--preset--color--ink)}
.member li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--wp--preset--spacing--24);padding:var(--wp--preset--spacing--18) 0;border-bottom:1px solid var(--wp--preset--color--rule-dark);font-size:var(--wp--preset--font-size--body-l);color:var(--wp--preset--color--ink)}
.member li small{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--wp--custom--tint--ink-45);align-self:center}
.member li.m{color:var(--wp--preset--color--lime-deep)}
/* question */
.ask{padding:var(--wp--preset--spacing--220) 0;text-align:center}
.ask h2{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--ask-h);letter-spacing:-.055em;line-height:.9;margin:0 auto var(--wp--preset--spacing--40);max-width:10em}
.ask p{font-size:var(--wp--preset--font-size--post-link);color:var(--wp--custom--tint--fg-70);max-width:30em;margin:0 auto}
/* case */
.mcase{padding:0 0 var(--wp--preset--spacing--180)}
.mcase .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--wp--preset--spacing--96);align-items:start}
.mcase .k{position:sticky;top:var(--wp--preset--spacing--110)}
.mcase h2{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--case-next);letter-spacing:-.045em;line-height:.95;color:var(--wp--preset--color--ink)}
.mcase .t p{font-size:var(--wp--preset--font-size--act-p);line-height:1.45;color:var(--wp--custom--tint--ink-78);max-width:30em}
.mcase .t p+p{margin-top:var(--wp--preset--spacing--24)}
.mcase ol{list-style:none;margin:var(--wp--preset--spacing--48) 0 0;padding:0;border-top:1px solid var(--wp--preset--color--ink)}
.mcase ol li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:var(--wp--preset--spacing--24);padding:var(--wp--preset--spacing--20) 0;border-bottom:1px solid var(--wp--preset--color--rule-dark);align-items:baseline}
.mcase ol .n{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.1em;color:var(--wp--custom--tint--ink-40)}
.mcase ol b{font-weight:400;font-size:var(--wp--preset--font-size--body);display:block}
.mcase ol span.s{font-size:var(--wp--preset--font-size--small);color:var(--wp--custom--tint--ink-60)}
.mcase ol .r{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.08em;color:var(--wp--preset--color--lime-deep);white-space:nowrap}
.mcase .res{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--wp--preset--color--rule-dark);margin-top:var(--wp--preset--spacing--48)}
.mcase .res div{background:var(--wp--preset--color--paper);padding:var(--wp--preset--spacing--28) var(--wp--preset--spacing--24) var(--wp--preset--spacing--30)}
.mcase .res b{display:block;font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--res);letter-spacing:-.045em;line-height:.95}
.mcase .res span{display:block;margin-top:var(--wp--preset--spacing--10);font-size:var(--wp--preset--font-size--xs);color:var(--wp--custom--tint--ink-60)}
@media(max-width:1000px){
	.ch,.enter,.member,.mcase{padding:var(--wp--preset--spacing--110) 0}
	.ch .wrap,.enter .wrap,.member .wrap,.mcase .wrap,.act{grid-template-columns:1fr;gap:var(--wp--preset--spacing--40)}
	.ch .k,.mcase .k{position:static}
	.shift,.mcase .res{grid-template-columns:1fr}
	.week li{grid-template-columns:1fr;gap:6px}
	.ask{padding:var(--wp--preset--spacing--140) 0}
}
/* maya signature: no face, a presence */
.portrait.sig{background:radial-gradient(70% 60% at 50% 55%,var(--wp--custom--tint--lime-10),transparent 70%),var(--wp--custom--surface--portrait);display:grid;place-items:center;border:1px solid var(--wp--preset--color--rule-light-soft)}
.sig-ring{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;border:1px solid var(--wp--custom--tint--lime-45);animation:sigpulse 6s ease-in-out infinite}
.sig-ring.r2{width:44%;border-color:var(--wp--custom--tint--lime-70);animation-delay:-2s}
.sig-ring.r3{width:80%;border-color:var(--wp--custom--tint--fg-10);animation-delay:-4s}
.sig-core{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--wp--preset--color--lime);box-shadow:0 0 24px 6px var(--wp--custom--tint--lime-55),0 0 80px 20px var(--wp--custom--tint--lime-18);animation:sigglow 3s ease-in-out infinite}
.sig-tag{position:absolute;left:var(--wp--preset--spacing--24);bottom:var(--wp--preset--spacing--22);right:var(--wp--preset--spacing--24);display:flex;justify-content:space-between;color:var(--wp--custom--tint--fg-50)}
@keyframes sigpulse{
	0%,100%{transform:scale(.98);opacity:.7}
	50%{transform:scale(1.02);opacity:1}
}
@keyframes sigglow{
	0%,100%{box-shadow:0 0 24px 6px var(--wp--custom--tint--lime-50),0 0 80px 20px var(--wp--custom--tint--lime-15)}
	50%{box-shadow:0 0 34px 10px var(--wp--custom--tint--lime-70),0 0 110px 30px var(--wp--custom--tint--lime-22)}
}
@media(prefers-reduced-motion:reduce){
	.sig-ring,.sig-core{animation:none}
}
.paper .ch .t > p,.paper .ch .aside{color:var(--wp--custom--tint--ink-80)}
.paper .ch .t b{color:var(--wp--preset--color--ink)}
/* stack page */
.swap{padding:0 0 var(--wp--preset--spacing--160)}
.swap .h{max-width:34em;margin-bottom:var(--wp--preset--spacing--56)}
.swap .cols{display:grid;grid-template-columns:minmax(0,4fr) 72px minmax(0,6fr) auto;gap:0 var(--wp--preset--spacing--32);padding:0 0 var(--wp--preset--spacing--14);border-bottom:1px solid var(--wp--preset--color--rule-light);font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--wp--custom--tint--fg-45)}
.swap ul{list-style:none;margin:0;padding:0}
.swap li{display:grid;grid-template-columns:minmax(0,4fr) 72px minmax(0,6fr) auto;gap:0 var(--wp--preset--spacing--32);align-items:baseline;padding:var(--wp--preset--spacing--26) 0;border-bottom:1px solid var(--wp--preset--color--rule-light-soft)}
.swap .from{font-size:var(--wp--preset--font-size--body-l);color:var(--wp--custom--tint--fg-50);text-decoration:line-through;text-decoration-color:var(--wp--custom--tint--signal-70);text-decoration-thickness:1px}
.swap .from small{display:block;text-decoration:none;font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--wp--custom--tint--fg-35);margin-top:6px}
.swap .arr{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--h-s);color:var(--wp--preset--color--lime);text-align:center;line-height:1}
.swap .to{font-size:var(--wp--preset--font-size--l);font-weight:300;color:var(--wp--preset--color--contrast)}
.swap .to b{font-weight:400}
.swap .to small{display:block;font-size:var(--wp--preset--font-size--small);color:var(--wp--custom--tint--fg-55);margin-top:6px;font-weight:300}
.swap .tag{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono-xs);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;padding:5px var(--wp--preset--spacing--10);border:1px solid var(--wp--preset--color--rule-light);color:var(--wp--custom--tint--fg-60);align-self:center}
.swap .tag.own{border-color:var(--wp--preset--color--lime);color:var(--wp--preset--color--lime)}
.swap .tag.oss{border-color:var(--wp--custom--tint--fg-35)}
.swap .tag.wip{border-style:dashed}
.plugins{padding:0 0 var(--wp--preset--spacing--160)}
.plugins .h{display:flex;justify-content:space-between;align-items:end;gap:var(--wp--preset--spacing--32);padding-bottom:var(--wp--preset--spacing--36)}
.plugins ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--wp--preset--color--rule-dark)}
.plugins li{background:var(--wp--preset--color--paper);padding:var(--wp--preset--spacing--26) var(--wp--preset--spacing--22) var(--wp--preset--spacing--28);display:flex;flex-direction:column;gap:var(--wp--preset--spacing--8);min-height:150px}
.plugins li .n{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono-xs);letter-spacing:.12em;color:var(--wp--custom--tint--ink-40)}
.plugins li b{font-weight:400;font-size:var(--wp--preset--font-size--body);letter-spacing:-.015em}
.plugins li span{font-size:var(--wp--preset--font-size--xs);color:var(--wp--custom--tint--ink-60);line-height:1.4}
.plugins li em{font-style:normal;font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--wp--custom--tint--ink-40);margin-top:auto}
.sum{padding:var(--wp--preset--spacing--160) 0}
.sum .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--wp--preset--spacing--96);align-items:start}
.sum h2{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--ch-h);letter-spacing:-.045em;line-height:.95}
.sum .t p{font-size:var(--wp--preset--font-size--prose-l);line-height:1.45;color:var(--wp--custom--tint--fg-78);max-width:32em}
.sum .t p+p{margin-top:var(--wp--preset--spacing--28)}
.sum .t b{font-weight:400;color:var(--wp--preset--color--contrast)}
.results{padding:0 0 var(--wp--preset--spacing--160)}
.results ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--wp--preset--color--rule-light)}
.results li{padding:var(--wp--preset--spacing--32) var(--wp--preset--spacing--28) 0 0}
.results li+li{border-left:1px solid var(--wp--preset--color--rule-light-soft);padding-left:var(--wp--preset--spacing--28)}
.results li .mono{color:var(--wp--custom--tint--fg-40);display:block;margin-bottom:var(--wp--preset--spacing--22)}
.results li b{display:block;font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--xxl);letter-spacing:-.025em;line-height:1.1;margin-bottom:var(--wp--preset--spacing--12)}
.results li p{color:var(--wp--custom--tint--fg-62);font-size:var(--wp--preset--font-size--small)}
@media(max-width:1000px){
	.swap .cols{display:none}
	.swap li{grid-template-columns:1fr;gap:var(--wp--preset--spacing--10)}
	.swap .arr{text-align:left}
	.plugins ol{grid-template-columns:1fr 1fr}
	.sum .wrap{grid-template-columns:1fr;gap:var(--wp--preset--spacing--32)}
	.results ol{grid-template-columns:1fr}
	.results li+li{border-left:0;border-top:1px solid var(--wp--preset--color--rule-light-soft);padding-left:0;padding-top:var(--wp--preset--spacing--28)}
}
/* thoughts */
.manifesto{padding:var(--wp--preset--spacing--120) 0 var(--wp--preset--spacing--160)}
.manifesto .big{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--manifesto);letter-spacing:-.045em;line-height:1;max-width:16em;text-wrap:balance}
.manifesto .big em{font-style:normal;color:var(--wp--preset--color--lime)}
.beliefs{padding:0 0 var(--wp--preset--spacing--160)}
.beliefs ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--wp--preset--color--rule-dark)}
.beliefs li{display:grid;grid-template-columns:72px minmax(0,5fr) minmax(0,6fr);gap:var(--wp--preset--spacing--48);padding:var(--wp--preset--spacing--48) 0;border-bottom:1px solid var(--wp--preset--color--rule-dark)}
.beliefs .n{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.1em;color:var(--wp--custom--tint--ink-40);padding-top:var(--wp--preset--spacing--8)}
.beliefs h3{font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--steps-h);letter-spacing:-.03em;line-height:1.08;color:var(--wp--preset--color--ink)}
.beliefs p{font-size:var(--wp--preset--font-size--body);color:var(--wp--custom--tint--ink-75);max-width:34em}
.push{padding:var(--wp--preset--spacing--180) 0}
.push .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--wp--preset--spacing--96);align-items:end}
.push h2{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--ask-h);letter-spacing:-.055em;line-height:.88}
.push h2 em{font-style:normal;color:var(--wp--preset--color--lime)}
.push p{font-size:var(--wp--preset--font-size--prose-l);line-height:1.45;color:var(--wp--custom--tint--fg-78);max-width:28em}
.push p+p{margin-top:var(--wp--preset--spacing--24)}
.push b{font-weight:400;color:var(--wp--preset--color--contrast)}
.roles{padding:0 0 var(--wp--preset--spacing--160)}
.roles ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--wp--preset--color--rule-light)}
.roles li{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--wp--preset--spacing--48);padding:var(--wp--preset--spacing--22) 0;border-bottom:1px solid var(--wp--preset--color--rule-light-soft);align-items:baseline}
.roles li b{font-weight:400;font-size:var(--wp--preset--font-size--body-l)}
.roles li span{font-size:var(--wp--preset--font-size--base-l);color:var(--wp--custom--tint--fg-65)}
.roles li span em{font-style:normal;font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--lime);margin-left:var(--wp--preset--spacing--12)}
@media(max-width:1000px){
	.beliefs li{grid-template-columns:1fr;gap:var(--wp--preset--spacing--12)}
	.beliefs .n{display:none}
	.push .wrap,.roles li{grid-template-columns:1fr;gap:var(--wp--preset--spacing--20)}
}
/* ---- handover normalisation ---- */
.sec-pad{padding-top:var(--wp--preset--spacing--160)}
.wrap.pt{padding-top:var(--wp--preset--spacing--160)}
.pagehead h1,.sv-hero h1,.cs-hero h1{font-size:var(--wp--preset--font-size--d-1)}
.pagehead .lede,.sv-hero .lede,.cs-hero .lede{margin-top:0}
.pagehead{padding:var(--wp--preset--spacing--170) 0 var(--wp--preset--spacing--96)}
.sv-hero .wrap,.cs-hero .wrap{padding-bottom:var(--wp--preset--spacing--96)}
section.contact .wrap>h2{font-size:var(--wp--preset--font-size--contact-h)}
.h .lede{margin-top:var(--wp--preset--spacing--24)}
.arrow::after{margin-left:2px}
@media(max-width:1000px){
	.pagehead{padding:var(--wp--preset--spacing--130) 0 var(--wp--preset--spacing--64)}
	.wrap.pt,.sec-pad{padding-top:var(--wp--preset--spacing--96)}
}

/* awards (prisbelönt) */
.awards{background:var(--wp--preset--color--base);color:var(--wp--preset--color--contrast);padding:var(--wp--preset--spacing--120) 0 var(--wp--preset--spacing--160);border-top:1px solid var(--wp--preset--color--rule-light)}
.awards .h{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:var(--wp--preset--spacing--20);border-bottom:1px solid var(--wp--preset--color--rule-light);color:var(--wp--custom--tint--fg-60)}
.aw-group{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--wp--preset--spacing--64) var(--wp--preset--spacing--96);padding:var(--wp--preset--spacing--56) 0;border-bottom:1px solid var(--wp--preset--color--rule-light)}
.aw-group:last-child{border-bottom:0;padding-bottom:0}
.aw-head p{color:var(--wp--custom--tint--fg-70);max-width:38ch;margin:var(--wp--preset--spacing--16) 0 0}
.aw-badges{display:flex;gap:var(--wp--preset--spacing--24);flex-wrap:wrap;align-items:center;grid-column:2}
.aw-badges img{width:110px;height:110px;display:block}
.aw-table{grid-column:2;width:100%;border-collapse:collapse;font-size:var(--wp--preset--font-size--small)}
.aw-table th{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.12em;text-transform:uppercase;font-weight:400;color:var(--wp--custom--tint--fg-55);text-align:left;padding:0 0 var(--wp--preset--spacing--12);border-bottom:1px solid var(--wp--preset--color--rule-light-soft)}
.aw-table td{padding:var(--wp--preset--spacing--14) 0;border-bottom:1px solid var(--wp--preset--color--rule-light);font-weight:300}
.aw-table td:not(:first-child),.aw-table th:not(:first-child){text-align:center;width:16%;padding-left:var(--wp--preset--spacing--12);padding-right:var(--wp--preset--spacing--12)}
.aw-table.two td:not(:first-child),.aw-table.two th:not(:first-child){width:24%}
.aw-table td:not(:first-child){color:var(--wp--preset--color--lime);font-size:var(--wp--preset--font-size--xxxs)}
.aw-table a{color:var(--wp--preset--color--contrast);text-decoration:none;border-bottom:1px solid var(--wp--preset--color--rule-light-soft)}
.aw-table a:hover{border-color:var(--wp--preset--color--lime)}
@media(max-width:1000px){
	.awards{padding:var(--wp--preset--spacing--80) 0 var(--wp--preset--spacing--96)}
	.aw-group{grid-template-columns:1fr;gap:var(--wp--preset--spacing--32)}
	.aw-badges,.aw-table{grid-column:1}
	.aw-badges img{width:84px;height:84px}
}

/* certificate wall */
.certs{background:var(--wp--preset--color--base);color:var(--wp--preset--color--contrast);padding:var(--wp--preset--spacing--120) 0 var(--wp--preset--spacing--160);border-top:1px solid var(--wp--preset--color--rule-light)}
.certs .h{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:var(--wp--preset--spacing--20);border-bottom:1px solid var(--wp--preset--color--rule-light);color:var(--wp--custom--tint--fg-60);margin-bottom:var(--wp--preset--spacing--48)}
.cert-wall{columns:4;column-gap:var(--wp--preset--spacing--24)}
.cert-wall figure{margin:0 0 var(--wp--preset--spacing--24);break-inside:avoid;display:block}
.cert-wall button{display:block;width:100%;padding:0;border:1px solid var(--wp--preset--color--rule-light);background:var(--wp--custom--surface--image-dark);cursor:zoom-in;overflow:hidden;transition:border-color .2s,transform .3s}
.cert-wall button:hover{border-color:var(--wp--preset--color--lime);transform:translateY(-2px)}
.cert-wall img{display:block;width:100%;height:auto}
.cert-wall figcaption{display:flex;flex-direction:column;gap:2px;padding:var(--wp--preset--spacing--12) 0 0;font-size:var(--wp--preset--font-size--xxs)}
.cert-wall figcaption b{font-weight:400;color:var(--wp--preset--color--contrast)}
.cert-wall figcaption span{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--wp--custom--tint--fg-50)}
.lightbox{position:fixed;inset:0;z-index:200;background:var(--wp--custom--tint--ink-94);display:grid;place-items:center;padding:var(--wp--preset--spacing--48);opacity:0;pointer-events:none;transition:opacity .25s;cursor:zoom-out}
.lightbox[aria-hidden="false"]{opacity:1;pointer-events:auto}
.lightbox img{max-width:min(900px,100%);max-height:calc(100vh - 96px);width:auto;height:auto;object-fit:contain;box-shadow:0 40px 120px var(--wp--custom--tint--black-60)}
.lb-close{position:absolute;top:var(--wp--preset--spacing--24);right:var(--wp--preset--spacing--32);background:none;border:1px solid var(--wp--preset--color--rule-light-soft);color:var(--wp--preset--color--contrast);font:inherit;font-size:var(--wp--preset--font-size--xxs);padding:var(--wp--preset--spacing--8) var(--wp--preset--spacing--16);cursor:pointer}
body.lb-open{overflow:hidden}
@media(max-width:1200px){
	.cert-wall{columns:3}
}
@media(max-width:1000px){
	.certs{padding:var(--wp--preset--spacing--80) 0 var(--wp--preset--spacing--96)}
	.cert-wall{columns:2;column-gap:var(--wp--preset--spacing--16)}
	.cert-wall figure{margin-bottom:var(--wp--preset--spacing--16)}
	.lightbox{padding:var(--wp--preset--spacing--16)}
	.lightbox img{max-height:calc(100vh - 32px)}
}
@media(max-width:560px){
	.cert-wall{columns:1}
}

/* agents pages */
.ag-why,.ag-gap,.ag-fw,.ag-guard,.ag-tiers{padding:0 0 var(--wp--preset--spacing--160)}
.ag-why .h,.ag-gap .h,.ag-cases .h,.ag-fw .h{max-width:26em;margin-bottom:var(--wp--preset--spacing--64)}
.ag-why .h .d2,.ag-gap .h .d2,.ag-cases .h .d2{margin-top:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--agents-h)}
.ag-fw .h .lede{margin-top:var(--wp--preset--spacing--20)}
.ag-3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--wp--preset--color--rule-light)}
.ag-3 li{background:var(--wp--preset--color--base);padding:var(--wp--preset--spacing--40) var(--wp--preset--spacing--40) var(--wp--preset--spacing--40) 0;padding-right:var(--wp--preset--spacing--40);position:relative}
.ag-3 li+li{padding-left:var(--wp--preset--spacing--40)}
.ag-3 h3{font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--agents-card-h);letter-spacing:-.025em;line-height:1.1;margin:0 0 var(--wp--preset--spacing--16)}
.ag-3 p{font-size:var(--wp--preset--font-size--base-l);color:var(--wp--custom--tint--fg-70);text-wrap:pretty}
.paper .ag-3{background:var(--wp--preset--color--rule-dark)}
.paper .ag-3 li{background:var(--wp--preset--color--paper)}
.paper .ag-3 h3{color:var(--wp--preset--color--ink)}
.paper .ag-3 p{color:var(--wp--custom--tint--ink-72)}
.ag-3 .tag{position:absolute;top:var(--wp--preset--spacing--44);right:0;font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono-xs);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--wp--preset--color--lime-deep);color:var(--wp--preset--color--lime-deep);padding:4px var(--wp--preset--spacing--8)}
.ag-3 li:has(.tag) h3{padding-right:var(--wp--preset--spacing--120)}
.ag-cases{padding:0 0 var(--wp--preset--spacing--160)}
.ag-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--wp--preset--color--rule-dark)}
.ag-grid li{background:var(--wp--preset--color--paper);padding:var(--wp--preset--spacing--36) var(--wp--preset--spacing--32) var(--wp--preset--spacing--36) 0;display:flex;flex-direction:column;gap:var(--wp--preset--spacing--14);min-height:280px}
.ag-grid li:nth-child(3n+2),.ag-grid li:nth-child(3n){padding-left:var(--wp--preset--spacing--32)}
.ag-grid .n{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.12em;color:var(--wp--preset--color--lime-deep)}
.ag-grid h3{font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--xxl);letter-spacing:-.025em;line-height:1.1;margin:0;color:var(--wp--preset--color--ink)}
.ag-grid p{font-size:var(--wp--preset--font-size--base);color:var(--wp--custom--tint--ink-72);margin:0;text-wrap:pretty}
.ag-grid small{display:block;margin-top:auto;padding-top:var(--wp--preset--spacing--16);border-top:1px solid var(--wp--preset--color--rule-dark);font-size:var(--wp--preset--font-size--xxs);color:var(--wp--custom--tint--ink-60)}
.steps4 h3 small{display:block;font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--wp--custom--tint--fg-45);margin-top:var(--wp--preset--spacing--8);font-weight:400}
.ag-trust{padding:0 0 var(--wp--preset--spacing--160)}
.ag-trust .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--wp--preset--spacing--96);align-items:start}
.ag-trust .big{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--svc-h);line-height:1.3;letter-spacing:-.02em;color:var(--wp--preset--color--ink);margin-top:var(--wp--preset--spacing--24);text-wrap:pretty}
.ag-trust ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--wp--preset--color--ink)}
.ag-trust li{padding:var(--wp--preset--spacing--18) 0;border-bottom:1px solid var(--wp--preset--color--rule-dark);font-size:var(--wp--preset--font-size--base-l);color:var(--wp--preset--color--ink);display:grid;grid-template-columns:24px 1fr;gap:var(--wp--preset--spacing--12)}
.ag-trust li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--wp--preset--color--lime-deep);margin-top:var(--wp--preset--spacing--8)}
.ag-cmp{display:grid;grid-template-columns:1fr 1fr;gap:var(--wp--preset--spacing--64)}
.ag-cmp>div>.mono{display:block;padding-bottom:var(--wp--preset--spacing--14);border-bottom:1px solid var(--wp--preset--color--rule-light);color:var(--wp--custom--tint--fg-55)}
.ag-cmp ul{list-style:none;margin:0;padding:0}
.ag-cmp li{padding:var(--wp--preset--spacing--18) 0;border-bottom:1px solid var(--wp--preset--color--rule-light);font-size:var(--wp--preset--font-size--body-l);display:grid;grid-template-columns:28px 1fr;gap:var(--wp--preset--spacing--12);align-items:baseline}
.ag-cmp .no li{color:var(--wp--custom--tint--fg-55)}
.ag-cmp .no li::before{content:"×";color:var(--wp--custom--tint--signal-80);font-family:var(--wp--preset--font-family--mono)}
.ag-cmp .yes li::before{content:"+";color:var(--wp--preset--color--lime);font-family:var(--wp--preset--font-family--mono)}
.ag-row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--10)}
.ag-row li{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--xxxs);letter-spacing:.06em;padding:var(--wp--preset--spacing--12) var(--wp--preset--spacing--18);border:1px solid var(--wp--preset--color--rule-light-soft);color:var(--wp--preset--color--contrast)}
.ag-where{padding:0 0 var(--wp--preset--spacing--120)}
.ag-incl{padding:0 0 var(--wp--preset--spacing--160)}
.ag-incl .h{margin-bottom:var(--wp--preset--spacing--48)}
.ag-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--wp--preset--spacing--64)}
.ag-2 h3{font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--h-s);letter-spacing:-.025em;color:var(--wp--preset--color--ink);margin:0 0 var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--16);border-bottom:1px solid var(--wp--preset--color--ink)}
.ag-2 h3 small{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--wp--custom--tint--ink-45);margin-left:var(--wp--preset--spacing--12)}
.ag-2 ul{list-style:none;margin:0;padding:0}
.ag-2 li{padding:var(--wp--preset--spacing--12) 0;border-bottom:1px solid var(--wp--preset--color--rule-dark);font-size:var(--wp--preset--font-size--base);color:var(--wp--custom--tint--ink-80)}
.ag-guard .wrap{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--wp--preset--spacing--64);border-top:1px solid var(--wp--preset--color--lime);padding-top:var(--wp--preset--spacing--48)}
.ag-guard .big{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--agents-guard);line-height:1.25;letter-spacing:-.025em;text-wrap:pretty;margin:0}
.ag-tiers .h{margin-bottom:var(--wp--preset--spacing--40)}
.ag-tiers ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--wp--preset--color--rule-light)}
.ag-tiers li{background:var(--wp--preset--color--base);padding:var(--wp--preset--spacing--36) var(--wp--preset--spacing--32) var(--wp--preset--spacing--40) 0;display:flex;flex-direction:column;gap:var(--wp--preset--spacing--8)}
.ag-tiers li+li{padding-left:var(--wp--preset--spacing--32)}
.ag-tiers li .mono{color:var(--wp--custom--tint--fg-55)}
.ag-tiers li b{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--agents-tier);letter-spacing:-.035em;line-height:1;margin-top:var(--wp--preset--spacing--12)}
.ag-tiers li small{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--wp--custom--tint--fg-45)}
.ag-tiers li p{margin-top:var(--wp--preset--spacing--16);font-size:var(--wp--preset--font-size--base);color:var(--wp--custom--tint--fg-70)}
.ag-tiers li.hi b{color:var(--wp--preset--color--lime)}
.ag-tiers .note{margin-top:var(--wp--preset--spacing--24);font-size:var(--wp--preset--font-size--xs);color:var(--wp--custom--tint--fg-50)}
@media(max-width:1000px){
	.ag-why,.ag-gap,.ag-fw,.ag-guard,.ag-tiers,.ag-cases,.ag-trust,.ag-incl{padding-bottom:var(--wp--preset--spacing--96)}
	.ag-3,.ag-grid,.ag-tiers ul{grid-template-columns:1fr}
	.ag-3 li,.ag-3 li+li,.ag-grid li,.ag-tiers li,.ag-tiers li+li{padding-left:0;padding-right:0}
	.ag-grid li{min-height:0}
	.ag-trust .wrap,.ag-cmp,.ag-2,.ag-guard .wrap{grid-template-columns:1fr;gap:var(--wp--preset--spacing--40)}
}

/* agents hero signal */
.sv-hero.agbg{position:relative;overflow:clip;min-height:100vh;display:flex;align-items:flex-end}
.sv-hero.agbg .wrap{position:relative;z-index:2;width:100%}
.agbg canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.agbg::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,var(--wp--custom--tint--ink-15) 0%,var(--wp--custom--tint--ink-00) 22%,var(--wp--custom--tint--ink-55) 48%,var(--wp--custom--tint--ink-92) 100%);pointer-events:none}
.ag-bubbles{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.ag-b{position:absolute;left:0;top:0;max-width:260px;padding:9px var(--wp--preset--spacing--12);background:var(--wp--custom--tint--lime-96);color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--xxs);line-height:1.4;font-weight:400;border-radius:2px 12px 12px 12px;opacity:0;will-change:transform,opacity;text-wrap:pretty}
.ag-b .ag-who{display:block;font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono-xxs);letter-spacing:.12em;text-transform:uppercase;color:var(--wp--custom--tint--ink-55);margin-bottom:3px}
@media(max-width:1000px){
	.ag-b{max-width:200px;font-size:var(--wp--preset--font-size--xxxs)}
}

/* ===== blog-post.css — article typography (scoped to single posts) ===== */
/* HDL Agency — blog post. Content blocks only; site header/footer wrap this. */
body:where(.single-post){margin:0;background:var(--wp--preset--color--paper);color:var(--wp--preset--color--ink);font-family:var(--wp--preset--font-family--body);font-weight:300;font-size:var(--wp--preset--font-size--body);line-height:1.6;-webkit-font-smoothing:antialiased}
:where(body.single-post) a{color:var(--wp--preset--color--lime-deep);text-decoration:none}
:where(body.single-post) a:hover{color:var(--wp--preset--color--ink)}
:where(body.single-post) h1,:where(body.single-post) h2,:where(body.single-post) p,:where(body.single-post) blockquote,:where(body.single-post) figure{margin:0}
:where(body.single-post) .post{max-width:var(--wp--style--global--wide-size);margin:0 auto;padding:var(--wp--preset--spacing--48) var(--wp--preset--spacing--32) var(--wp--preset--spacing--96)}
:where(body.single-post) .head{max-width:var(--wp--style--global--content-size);margin:0 auto}
:where(body.single-post) .meta{display:flex;gap:var(--wp--preset--spacing--18);flex-wrap:wrap;font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--wp--custom--tint--ink-62);margin-bottom:var(--wp--preset--spacing--28)}
:where(body.single-post) .meta span+span::before{content:"·";margin-right:var(--wp--preset--spacing--18);color:var(--wp--custom--tint--ink-42)}
:where(body.single-post) h1{font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--post-title);letter-spacing:-.03em;line-height:1.05;text-wrap:balance}
:where(body.single-post) .lede{font-size:var(--wp--preset--font-size--body-xl);line-height:1.45;color:var(--wp--custom--tint--ink-62);margin-top:var(--wp--preset--spacing--20);text-wrap:pretty}
:where(body.single-post) .hero{max-width:var(--wp--style--global--content-size);margin:var(--wp--preset--spacing--44) auto var(--wp--preset--spacing--52);aspect-ratio:3/2;overflow:hidden;background:var(--wp--custom--tint--ink-05)}
:where(body.single-post) .hero image-slot{width:100%;height:100%;display:block}
:where(body.single-post) .body{max-width:var(--wp--style--global--content-size);margin:0 auto}
:where(body.single-post) .body p{color:var(--wp--custom--tint--ink-82);text-wrap:pretty}
:where(body.single-post) .body p+p,:where(body.single-post) .body ul+p,:where(body.single-post) .body ol+p,:where(body.single-post) .body figure+p{margin-top:var(--wp--preset--spacing--22)}
:where(body.single-post) .body ul,:where(body.single-post) .body ol{margin:var(--wp--preset--spacing--22) 0 0;padding-left:var(--wp--preset--spacing--22);color:var(--wp--custom--tint--ink-82)}
:where(body.single-post) .body li{margin-bottom:var(--wp--preset--spacing--8)}
:where(body.single-post) .body li::marker{color:var(--wp--custom--tint--ink-42)}
:where(body.single-post) .body li b{font-weight:400;color:var(--wp--preset--color--ink)}
:where(body.single-post) .body h3{font-family:var(--wp--preset--font-family--body);font-weight:400;font-size:var(--wp--preset--font-size--body-l);margin:var(--wp--preset--spacing--36) 0 var(--wp--preset--spacing--10)}
:where(body.single-post) .body p+h2{margin-top:var(--wp--preset--spacing--56)}
:where(body.single-post) .body figure{margin:var(--wp--preset--spacing--44) 0}
:where(body.single-post) .body figure image-slot{width:100%;max-width:100%;min-width:0;aspect-ratio:16/9;display:block;background:var(--wp--custom--tint--ink-05)}
:where(body.single-post) .body figcaption{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--wp--custom--tint--ink-42);margin-top:var(--wp--preset--spacing--12)}
:where(body.single-post) .body p a{border-bottom:1px solid var(--wp--custom--tint--link-30)}
:where(body.single-post) .body p a:hover{border-color:var(--wp--preset--color--ink)}
:where(body.single-post) .body .toc{margin:0 0 var(--wp--preset--spacing--44);padding:var(--wp--preset--spacing--20) 0;border-top:1px solid var(--wp--custom--tint--ink-14);border-bottom:1px solid var(--wp--custom--tint--ink-14);font-size:var(--wp--preset--font-size--small)}
:where(body.single-post) .body .toc span{display:block;font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--wp--custom--tint--ink-42);margin-bottom:var(--wp--preset--spacing--12)}
:where(body.single-post) .body .toc ol{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:6px}
:where(body.single-post) .body .toc li{margin:0}
:where(body.single-post) .body .toc a{color:var(--wp--preset--color--ink)}
:where(body.single-post) .body .toc a:hover{color:var(--wp--preset--color--lime-deep)}
:where(body.single-post) .body h2{font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--post-h-2);letter-spacing:-.03em;line-height:1.1;margin:var(--wp--preset--spacing--56) 0 var(--wp--preset--spacing--18);text-wrap:balance}
:where(body.single-post) .body blockquote{font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--post-quote);letter-spacing:-.025em;line-height:1.25;margin:var(--wp--preset--spacing--48) 0;padding:var(--wp--preset--spacing--28) 0;border-top:1px solid var(--wp--preset--color--ink);border-bottom:1px solid var(--wp--preset--color--ink)}
:where(body.single-post) .author{max-width:var(--wp--style--global--content-size);margin:var(--wp--preset--spacing--72) auto 0;padding-top:var(--wp--preset--spacing--28);border-top:1px solid var(--wp--custom--tint--ink-14);display:flex;align-items:center;gap:var(--wp--preset--spacing--18)}
:where(body.single-post) .author image-slot{width:56px;height:56px;flex:none;overflow:hidden;font-size:0}
:where(body.single-post) .author div{display:flex;flex-direction:column;gap:2px;flex:1}
:where(body.single-post) .author b{font-weight:400;font-size:var(--wp--preset--font-size--base-l)}
:where(body.single-post) .author span{font-size:var(--wp--preset--font-size--xs);color:var(--wp--custom--tint--ink-62)}
:where(body.single-post) .author a{font-size:var(--wp--preset--font-size--xs)}
:where(body.single-post) .more{margin-top:var(--wp--preset--spacing--112);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wp--preset--spacing--32);border-top:1px solid var(--wp--custom--tint--ink-14);padding-top:var(--wp--preset--spacing--28)}
:where(body.single-post) .more>span{grid-column:1/-1;font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--wp--custom--tint--ink-42)}
:where(body.single-post) .more a{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--14);color:var(--wp--preset--color--ink);min-width:0}
:where(body.single-post) .more a:hover b{color:var(--wp--preset--color--lime-deep)}
:where(body.single-post) .more image-slot{width:100%;max-width:100%;height:auto;aspect-ratio:3/2;display:block;background:var(--wp--custom--tint--ink-05);min-width:0}
:where(body.single-post) .hero image-slot{max-width:100%;min-width:0}
:where(body.single-post) .more b{font-weight:300;font-size:var(--wp--preset--font-size--body-xl);letter-spacing:-.02em;line-height:1.25;text-wrap:balance}
:where(body.single-post) .more em{font-style:normal;font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--wp--custom--tint--ink-42)}
@media(max-width:800px){
	:where(body.single-post) .post{padding:var(--wp--preset--spacing--32) var(--wp--preset--spacing--20) var(--wp--preset--spacing--72)}
	:where(body.single-post) .hero{margin:var(--wp--preset--spacing--36) 0 var(--wp--preset--spacing--44);aspect-ratio:4/3}
	:where(body.single-post) .more{grid-template-columns:1fr;gap:var(--wp--preset--spacing--36)}
	:where(body.single-post) .author{flex-wrap:wrap}
	:where(body.single-post) .author a{width:100%;padding-left:var(--wp--preset--spacing--74)}
}
/* brand chrome */
body:where(.single-post){background:var(--wp--preset--color--paper);color:var(--wp--preset--color--ink)}
:where(body.single-post) .post .meta span:first-child{color:var(--wp--preset--color--lime-deep)}
:where(body.single-post) .nav{mix-blend-mode:difference}

/* ===== brain-story.css — The Brain page (scoped to .brain-story) ===== */
/* hero */
:where(.brain-story) .hero{position:relative;height:100vh;min-height:680px;overflow:hidden;background:var(--wp--preset--color--base)}
:where(.brain-story) .hero iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}
:where(.brain-story) .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--wp--custom--tint--ink-20) 0%,var(--wp--custom--tint--ink-00) 30%,var(--wp--custom--tint--ink-00) 55%,var(--wp--custom--tint--ink-92) 100%);pointer-events:none}
:where(.brain-story) .hero .top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:var(--wp--preset--spacing--26) var(--wp--preset--spacing--32)}
:where(.brain-story) .hero .top img{height:22px}
:where(.brain-story) .hero .top span{color:var(--wp--custom--tint--fg-55)}
:where(.brain-story) .hero .copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 var(--wp--preset--spacing--32) var(--wp--preset--spacing--64);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--wp--preset--spacing--48);align-items:end;max-width:var(--wp--style--global--wide-size);margin:0 auto}
:where(.brain-story) .hero h1{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--hero-brain);letter-spacing:-.045em;line-height:.92;text-wrap:balance}
:where(.brain-story) .hero h1 em{font-style:normal;color:var(--wp--preset--color--lime)}
:where(.brain-story) .hero .lede{font-size:var(--wp--preset--font-size--lede);line-height:1.45;color:var(--wp--custom--tint--fg-70);max-width:30em;text-wrap:pretty}
:where(.brain-story) .hero .lede .mono{display:block;margin-bottom:var(--wp--preset--spacing--18);color:var(--wp--preset--color--lime)}
:where(.brain-story) .scroll{position:absolute;bottom:var(--wp--preset--spacing--26);left:50%;transform:translateX(-50%);z-index:2;color:var(--wp--custom--tint--fg-40)}
/* numbers */
:where(.brain-story) .numbers{border-top:1px solid var(--wp--preset--color--rule-light);border-bottom:1px solid var(--wp--preset--color--rule-light)}
:where(.brain-story) .numbers .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
:where(.brain-story) .numbers div{padding:var(--wp--preset--spacing--44) var(--wp--preset--spacing--32) var(--wp--preset--spacing--44) 0}
:where(.brain-story) .numbers div+div{border-left:1px solid var(--wp--custom--tint--fg-10);padding-left:var(--wp--preset--spacing--32)}
:where(.brain-story) .numbers b{display:block;font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--numbers);letter-spacing:-.045em;line-height:.95;font-variant-numeric:tabular-nums}
:where(.brain-story) .numbers b em{font-style:normal;color:var(--wp--preset--color--lime);font-size:.5em;margin-left:4px;vertical-align:.5em}
:where(.brain-story) .numbers span{display:block;margin-top:var(--wp--preset--spacing--14);color:var(--wp--custom--tint--fg-60);font-size:var(--wp--preset--font-size--small);line-height:1.4}
/* story sections */
:where(.brain-story) .story{padding:var(--wp--preset--spacing--160) 0}
:where(.brain-story) .story .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--wp--preset--spacing--64);align-items:start}
:where(.brain-story) .story .k{position:sticky;top:var(--wp--preset--spacing--96)}
:where(.brain-story) .story .k .mono{display:block;color:var(--wp--preset--color--lime);margin-bottom:var(--wp--preset--spacing--22)}
:where(.brain-story) .story h2{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--story-h);letter-spacing:-.04em;line-height:.98;text-wrap:balance}
:where(.brain-story) .story .t p{font-size:var(--wp--preset--font-size--prose-l);line-height:1.45;color:var(--wp--custom--tint--fg-78);max-width:34em;text-wrap:pretty}
:where(.brain-story) .story .t p+p{margin-top:var(--wp--preset--spacing--28)}
:where(.brain-story) .story .t p b{font-weight:400;color:var(--wp--preset--color--contrast)}
:where(.brain-story) .story.paper{background:var(--wp--preset--color--paper);color:var(--wp--preset--color--ink)}
:where(.brain-story) .story.paper h2{color:var(--wp--preset--color--ink)}
:where(.brain-story) .story.paper .t p{color:var(--wp--custom--tint--ink-78)}
:where(.brain-story) .story.paper .t p b{color:var(--wp--preset--color--ink)}
:where(.brain-story) .story.paper .k .mono{color:var(--wp--preset--color--lime-deep)}
/* systems ribbon */
:where(.brain-story) .systems{padding:0 0 var(--wp--preset--spacing--120)}
:where(.brain-story) .systems .wrap{border-top:1px solid var(--wp--preset--color--rule-dark)}
:where(.brain-story) .systems .h{display:flex;justify-content:space-between;align-items:baseline;padding:var(--wp--preset--spacing--26) 0 var(--wp--preset--spacing--36);color:var(--wp--custom--tint--ink-55)}
:where(.brain-story) .systems ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--wp--preset--color--rule-dark)}
:where(.brain-story) .systems li{background:var(--wp--preset--color--paper);padding:var(--wp--preset--spacing--26) var(--wp--preset--spacing--24) var(--wp--preset--spacing--28);display:flex;flex-direction:column;gap:var(--wp--preset--spacing--8)}
:where(.brain-story) .systems li b{font-weight:400;font-size:var(--wp--preset--font-size--body-xl);letter-spacing:-.015em}
:where(.brain-story) .systems li span{font-size:var(--wp--preset--font-size--xxs-plus);color:var(--wp--custom--tint--ink-55);line-height:1.4}
/* interactive */
:where(.brain-story) .play{background:var(--wp--preset--color--base);padding:0 0 var(--wp--preset--spacing--32)}
:where(.brain-story) .play .h{display:flex;justify-content:space-between;align-items:end;gap:var(--wp--preset--spacing--32);padding:var(--wp--preset--spacing--120) 0 var(--wp--preset--spacing--40)}
:where(.brain-story) .play h2{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--story-h);letter-spacing:-.04em;line-height:.98;max-width:14em}
:where(.brain-story) .play .h p{max-width:30em;color:var(--wp--custom--tint--fg-60);font-size:var(--wp--preset--font-size--base)}
:where(.brain-story) .frame{position:relative;height:min(88vh,900px);min-height:560px;overflow:hidden}
:where(.brain-story) .frame iframe{width:100%;height:100%;border:0;display:block}
:where(.brain-story) .frame .tip{position:absolute;top:var(--wp--preset--spacing--18);right:var(--wp--preset--spacing--18);color:var(--wp--custom--tint--fg-45);pointer-events:none}
:where(.brain-story) .legend{display:flex;gap:var(--wp--preset--spacing--28);flex-wrap:wrap;padding:var(--wp--preset--spacing--18) 0 0;color:var(--wp--custom--tint--fg-55)}
:where(.brain-story) .legend span{display:inline-flex;align-items:center;gap:9px}
:where(.brain-story) .legend i{width:8px;height:8px;border-radius:50%;background:var(--wp--custom--surface--legend-node);display:inline-block}
:where(.brain-story) .legend .hub{background:var(--wp--preset--color--lime);box-shadow:0 0 10px var(--wp--custom--tint--lime-60)}
:where(.brain-story) .legend .cl{background:var(--wp--preset--color--contrast)}
:where(.brain-story) .legend .ev{background:var(--wp--custom--surface--legend-event)}
/* loop */
:where(.brain-story) .loop{padding:var(--wp--preset--spacing--160) 0}
:where(.brain-story) .loop .h{max-width:28em;margin-bottom:var(--wp--preset--spacing--72)}
:where(.brain-story) .loop .h .mono{display:block;color:var(--wp--preset--color--lime);margin-bottom:var(--wp--preset--spacing--22)}
:where(.brain-story) .loop h2{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--story-h);letter-spacing:-.04em;line-height:.98}
:where(.brain-story) .loop ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--wp--preset--color--rule-light)}
:where(.brain-story) .loop li{padding:var(--wp--preset--spacing--32) var(--wp--preset--spacing--32) 0 0;counter-increment:s}
:where(.brain-story) .loop li+li{border-left:1px solid var(--wp--custom--tint--fg-10);padding-left:var(--wp--preset--spacing--32)}
:where(.brain-story) .loop li .mono{color:var(--wp--custom--tint--fg-40);display:block;margin-bottom:var(--wp--preset--spacing--22)}
:where(.brain-story) .loop li b{display:block;font-weight:300;font-family:var(--wp--preset--font-family--display);font-size:var(--wp--preset--font-size--h-m);letter-spacing:-.025em;line-height:1.1;margin-bottom:var(--wp--preset--spacing--14)}
:where(.brain-story) .loop li p{color:var(--wp--custom--tint--fg-62);font-size:var(--wp--preset--font-size--base)}
/* quote */
:where(.brain-story) .quote{padding:0 0 var(--wp--preset--spacing--160)}
:where(.brain-story) .quote blockquote{margin:0;border-top:1px solid var(--wp--preset--color--lime);padding-top:var(--wp--preset--spacing--36);font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--quote);letter-spacing:-.035em;line-height:1.12;max-width:22em;text-wrap:balance}
:where(.brain-story) .quote cite{display:block;font-style:normal;margin-top:var(--wp--preset--spacing--28);color:var(--wp--custom--tint--fg-50);font-size:var(--wp--preset--font-size--small)}
/* cta */
:where(.brain-story) .cta{background:var(--wp--preset--color--lime);color:var(--wp--preset--color--ink);padding:var(--wp--preset--spacing--120) 0}
:where(.brain-story) .cta .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--wp--preset--spacing--48);align-items:end}
:where(.brain-story) .cta h2{font-family:var(--wp--preset--font-family--display);font-weight:200;font-size:var(--wp--preset--font-size--cta-h);letter-spacing:-.045em;line-height:.95}
:where(.brain-story) .cta p{font-size:var(--wp--preset--font-size--body-xl);color:var(--wp--custom--tint--ink-70);max-width:26em;margin-bottom:var(--wp--preset--spacing--28)}
:where(.brain-story) .cta .btns{display:flex;gap:var(--wp--preset--spacing--10);flex-wrap:wrap}
:where(.brain-story) .btn{display:inline-flex;align-items:center;padding:var(--wp--preset--spacing--13) var(--wp--preset--spacing--24);border:1px solid var(--wp--preset--color--ink);border-radius:999px;font-size:var(--wp--preset--font-size--small);font-weight:400;color:var(--wp--preset--color--ink);transition:.15s}
:where(.brain-story) .btn:hover{background:var(--wp--preset--color--ink);color:var(--wp--preset--color--lime)}
:where(.brain-story) .btn.p{background:var(--wp--preset--color--ink);color:var(--wp--preset--color--lime)}
:where(.brain-story) .btn.p:hover{background:var(--wp--preset--color--black)}
:where(.brain-story) .foot{padding:var(--wp--preset--spacing--32);display:flex;justify-content:space-between;color:var(--wp--custom--tint--fg-40)}
@media(max-width:960px){
	:where(.brain-story) .hero .copy{grid-template-columns:1fr;gap:var(--wp--preset--spacing--28);padding-bottom:var(--wp--preset--spacing--48)}
	:where(.brain-story) .numbers .wrap{grid-template-columns:1fr 1fr}
	:where(.brain-story) .numbers div:nth-child(3){border-left:0;padding-left:0}
	:where(.brain-story) .numbers div:nth-child(n+3){border-top:1px solid var(--wp--custom--tint--fg-10)}
	:where(.brain-story) .story{padding:var(--wp--preset--spacing--96) 0}
	:where(.brain-story) .story .wrap{grid-template-columns:1fr;gap:var(--wp--preset--spacing--32)}
	:where(.brain-story) .story .k{position:static}
	:where(.brain-story) .systems ul{grid-template-columns:1fr 1fr}
	:where(.brain-story) .play .h{flex-direction:column;align-items:flex-start;padding-top:var(--wp--preset--spacing--80)}
	:where(.brain-story) .loop ol{grid-template-columns:1fr}
	:where(.brain-story) .loop li+li{border-left:0;border-top:1px solid var(--wp--custom--tint--fg-10);padding-left:0;padding-top:var(--wp--preset--spacing--28)}
	:where(.brain-story) .loop li{padding-right:0}
	:where(.brain-story) .cta .wrap{grid-template-columns:1fr}
	:where(.brain-story) .frame{height:70vh}
}

/* ============================================================================
   Block-markup bridges — the only rules that are not in the design handoff.
   They map WordPress block wrappers onto the design's element selectors and
   replace the four inline styles the design used. Nothing here invents new
   design values: every value is a theme.json token.
   ========================================================================= */

/* logos come from the media library, so pin the aspect ratio */
.nav img,.foot img{width:auto}

/* menu overlay: the design's <span class="mono" style="margin-top:32px"> */
.menu-col .mono.gap{margin-top:var(--wp--preset--spacing--32)}

/* menu footer language switcher rendered as "SV · EN" */
.menu-foot .hdl-language-switcher{display:flex;gap:var(--wp--preset--spacing--8);margin:0;padding:0;list-style:none}
.menu-foot .hdl-language-switcher li+li::before{content:"\00b7";margin-right:var(--wp--preset--spacing--8)}
.menu-foot .hdl-language-switcher a{color:inherit;text-transform:uppercase}

/* contact block used as a page hero (Kontakt): the design's inline styles */
.contact.is-page-hero{padding-top:var(--wp--preset--spacing--170)}
.contact .wrap>div>h1{font-size:var(--wp--preset--font-size--contact-h)}
.contact .wrap>div>.lede,.contact .wrap>div>p.lede{margin-bottom:var(--wp--preset--spacing--28)}
.contact .wrap>div>.btns{display:flex;gap:var(--wp--preset--spacing--10);flex-wrap:wrap;margin-top:var(--wp--preset--spacing--28)}

/* 404 template — the design has no 404 page; reuse .pagehead + .btn */
.pagehead .btn{margin-top:var(--wp--preset--spacing--28)}

/* single post: <main class="post"> replaces style="padding-top:140px", and the
   .meta row is built from core blocks (divs) rather than the design's spans */
body.single-post main.post{padding-top:var(--wp--preset--spacing--140)}
body.single-post .post .meta>*{display:inline;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}
body.single-post .post .meta>*+*::before{content:"\00b7";margin-right:var(--wp--preset--spacing--18);color:var(--wp--custom--tint--ink-42)}
body.single-post .post .meta a{color:inherit;text-decoration:none}
body.single-post .post .meta>*:first-child{color:var(--wp--preset--color--lime-deep)}
body.single-post .post .body>*:first-child{margin-top:0}
body.single-post .post .hero img{width:100%;height:100%;object-fit:cover;display:block}
body.single-post .author img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none}
body.single-post .more img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}

/* blog index / archive fallback: the design's .posts list, WP query markup */
.posts li .wp-block-post-title{margin:0}
.posts li .wp-block-post-title a{color:var(--wp--preset--color--contrast);font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--post-link);letter-spacing:-.02em}
.posts li .wp-block-post-title a:hover{color:var(--wp--preset--color--lime)}
.posts li .wp-block-post-date{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--wp--custom--tint--fg-40)}
.posts li .wp-block-post-excerpt__excerpt{font-size:var(--wp--preset--font-size--small);color:var(--wp--custom--tint--fg-55);margin:var(--wp--preset--spacing--8) 0 0;max-width:40em}
.wp-block-query-pagination{display:flex;gap:var(--wp--preset--spacing--18);font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--mono);letter-spacing:.12em;text-transform:uppercase;padding-top:var(--wp--preset--spacing--32)}

/* the design has no reduced-motion guard on the logo marquee — add one */
@media(prefers-reduced-motion:reduce){.marq{animation:none}}

/* Modifier emitted by hdl-kit/steps-4 (design used an inline style) */
.steps4.pt-0{padding-top:0}

/* Modifiers emitted by hdl-kit blocks for design-authored inline styles (D) */
.sv-hero .btns{display:flex;gap:var(--wp--preset--spacing--10);flex-wrap:wrap}
.price .btns{margin-top:var(--wp--preset--spacing--28)}
.related .h .mono{color:var(--wp--custom--tint--ink-50)}
.cs-img.is-empty{aspect-ratio:16/9}

/* Blogg — the filter nav is its own section (hdl-kit/blog-filters), so the
   design's inline colours on the nav's anchors need rules. The nav's own
   border:0;padding:0;margin:0;justify-content:flex-end is still emitted
   inline, exactly as in the design; the section restores the design's own
   .filters bottom padding, which that inline style removes because in the
   design the nav is the right-hand cell of .pagehead .wrap's grid. */
.blogfilters{padding:0 0 var(--wp--preset--spacing--40)}
.blogfilters .filters a{color:var(--wp--custom--tint--fg-45)}
.blogfilters .filters a.on{color:var(--wp--preset--color--contrast);border-color:var(--wp--preset--color--lime)}

/* Support — the design's inline paper section: 120px block padding, the 5fr/7fr
   wrap grid, and the overrides the shared .cform needs inside it */
.supportform{padding:var(--wp--preset--spacing--120) 0}
.supportform .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--wp--preset--spacing--64)}
.supportform .cform{margin:0;max-width:none;grid-column:auto}
.supportform .lede{margin-top:var(--wp--preset--spacing--22)}

/* single post: the site hero and the blog hero share the class name. In the
   handoff they are separate documents loaded together, so hdl-site.css's
   .hero{height:100vh;min-height:700px} and its gradient scrim land on the blog
   post's featured image too. A filled image slot owns its aspect ratio and
   suppresses decorations, and blog-post.css declares aspect-ratio:3/2 for this
   one, so the site hero's own declarations are scoped out here. */
body.single-post .post .hero{height:auto;min-height:0}
body.single-post .post .hero::after{content:none}

/* single post: the design's image slots are real images here — the featured
   image (3:2 hero), core/image figures (16:9) and the related cards (3:2, with
   the same grey box when a post has no featured image) */
body.single-post .post .body figure img{width:100%;height:auto;max-width:100%;min-width:0;aspect-ratio:16/9;display:block;object-fit:cover;background:var(--wp--custom--tint--ink-05)}
body.single-post .post .body figcaption{margin-bottom:0;text-align:left}
body.single-post .more .ph{width:100%;max-width:100%;min-width:0;aspect-ratio:3/2;display:block;background:var(--wp--custom--tint--ink-05)}

/* single post: core blocks store <strong> where the design wrote <b> */
body.single-post .post .body li strong{font-weight:400;color:var(--wp--preset--color--ink)}

@media(max-width:1000px){
	.supportform .wrap{grid-template-columns:1fr}
}

/* Modifiers emitted by hdl-kit/price-block and hdl-kit/agents-* for the
   agents pages' design-authored inline styles */
.price .big.sm{font-size:var(--wp--preset--font-size--manifesto)}
.steps4 .h{margin-bottom:var(--wp--preset--spacing--48)}

/* hero: agents signal — the start page canvas hero (design-v4) */
.hero.agbg{background:var(--wp--preset--color--base)}.hero.agbg .copy{grid-template-columns:1fr;justify-items:center;text-align:center;top:0;bottom:auto;height:100%;align-content:center;align-items:center;padding:0 32px;gap:32px}.hero.agbg .copy .side{display:flex;flex-direction:column;align-items:center;max-width:640px}.hero.agbg .copy .side .mono{position:absolute;left:0;right:0;bottom:48px;margin:0;text-align:center;max-width:none}.hero.agbg .copy .lede{text-align:center;text-wrap:balance}.hero.agbg .copy .btns{justify-content:center}@media(max-width:1000px){.hero.agbg .copy .side .mono{bottom:24px}}.hero.agbg canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hero.agbg .ag-bubbles{z-index:1}.hero.agbg::after{z-index:1}