/* Adsmith: possibilities become experiments; experiments become learning. */
:root{--field:var(--MainDark);--ease:cubic-bezier(.22,1,.36,1)}

.site-header{background:var(--field);border:0;box-shadow:none}.desktop-nav a{position:relative;padding:.5rem 0}.desktop-nav a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--action);transform:scaleX(0);transform-origin:left;transition:transform .25s}.desktop-nav a:hover:after,.desktop-nav a[aria-current=page]:after{transform:scaleX(1)}
.button{border-radius:2px;transition:background .2s,transform .3s var(--ease);position:relative}.button>span{transition:transform .3s}.button:hover>span{transform:translate(3px,-3px)}.button-action{box-shadow:inset 0 0 0 1px var(--SelectLight)}.button-action:before{content:'';width:5px;height:5px;background:currentColor;position:absolute;left:4px;top:4px;opacity:.4}.text-link{gap:1rem}.text-link:hover>span:last-child{transform:translate(3px,-2px)}.text-link>span:last-child{transition:transform .3s}.section-kicker{font-family:var(--font);letter-spacing:.12em;font-size:.75rem}.section-kicker>span:first-child:before{content:'+';margin-right:.8rem;font-family:monospace;color:currentColor}
/* Opening: a typographic statement cut into an evolving possibility field. */
.hero{background:var(--field);min-height:820px;height:min(960px,calc(100svh - 88px));padding:1.8rem 4vw 1.25rem;isolation:isolate;display:flex;flex-direction:column}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(color-mix(in srgb,var(--NeutralInactive) 10%,transparent) .65px,transparent .65px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,#000)}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(7rem,11.45vw,12.5rem);font-weight:800;letter-spacing:-.018em;line-height:.91;animation:none!important}.hero h1 em{color:var(--action);font-style:normal}.hero-aside{font-family:Georgia,serif;text-align:left;margin:1.1rem 0 0 12.5vw;font-size:clamp(1.6rem,2.6vw,2.6rem);transform:rotate(-8deg);color:var(--accent);animation:none}.field-controls{display:flex;gap:.25rem}.field-controls button{color:var(--NeutralLight);border:0;border-bottom:1px solid transparent;background:transparent;padding:.75rem 1rem;min-height:44px;font-size:.875rem;white-space:nowrap}.field-controls button>span{font-size:.6875rem;margin-right:.5rem;color:var(--NeutralLight)}.field-controls button[aria-pressed=true]{color:var(--action);border-color:var(--action)}.field-controls button[aria-pressed=true]>span{color:var(--action)}.field-controls button:hover{background:color-mix(in srgb,var(--SelectDark) 6%,transparent);color:var(--paper)}
.experiment-art{position:relative;isolation:isolate;min-width:0}.experiment-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;z-index:0}.art-fallback{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;height:100%;padding:2rem;font-size:.875rem;color:var(--action)}.has-canvas .art-fallback{display:none}.art-coordinate{position:absolute;font:10px/1.5 var(--font);letter-spacing:.12em;color:var(--NeutralLight);z-index:1;pointer-events:none}.coord-top{top:4%;left:12%}.coord-side{writing-mode:vertical-rl;right:3%;top:30%}.art-caption{display:flex;gap:1rem;align-items:center;position:absolute;left:12%;bottom:2%;right:7%;font-size:.8125rem;color:var(--NeutralInactive);line-height:1.5}.art-index{font:500 2.3rem/1 var(--display);color:var(--action);font-variant-numeric:tabular-nums}.experiment-art-hero{position:absolute;top:5.5rem;right:-5%;width:64%;height:calc(100% - 180px);z-index:1;max-height:780px}.experiment-art-hero .coord-top{top:1%;left:41%}.experiment-art-hero .art-caption{left:47%;bottom:0}.experiment-art-hero .coord-side{right:10%}
.trust-strip{background:var(--surface-soft);padding-top:2rem;padding-bottom:2.1rem}.trust-strip>p{font-size:.6875rem;letter-spacing:.16em}
/* From one brief to a branching space of creative directions. */.product-copy h2{letter-spacing:-.055em}.product-copy>p{color:var(--NeutralMid)}.creative-showcase{position:relative}.creative-showcase figcaption{text-align:left;margin:1.2rem 2% 0;color:var(--NeutralMid)}.creative-showcase figcaption>span{color:var(--NeutralMid)}.workflow{border-top:1px solid var(--NeutralInactive);gap:3rem;margin-top:4.2rem;position:relative}.workflow article{position:relative}.workflow h3{font-size:1.15rem;margin-top:1.3rem}.workflow p{color:var(--NeutralMid)}.workflow article:not(:last-child):after{content:'→';position:absolute;right:0;top:4px;color:var(--MainLight);font-size:1.1rem}
/* The learning loop is a space to explore, rather than four feature cards. */
.learning-section{background:var(--field);color:var(--paper);padding-bottom:5rem;position:relative;overflow:hidden}.learning-section .section-kicker{color:var(--NeutralInactive)}.learning-top{margin-bottom:3rem;align-items:start}.learning-top h2{max-width:750px;letter-spacing:-.05em}.learning-top h2 span{color:var(--action)}.learning-top>p{color:var(--NeutralInactive);max-width:370px}.learning-lab{display:grid;grid-template-columns:minmax(285px,.7fr) minmax(0,1.3fr);gap:3rem;border-top:1px solid color-mix(in srgb,var(--NeutralInactive) 22%,transparent);border-bottom:1px solid color-mix(in srgb,var(--NeutralInactive) 22%,transparent);padding:2rem 0;align-items:center}.lab-stage[aria-pressed=true]{color:var(--action)}.lab-stage[aria-pressed=true] i{transform:rotate(45deg)}.lab-stage[aria-pressed=true]:before{content:'';position:absolute;left:-1rem;top:1.9rem;bottom:1.8rem;width:2px;background:var(--action)}.lab-stage[aria-pressed=true] small{color:var(--NeutralInactive)}.lab-visual{min-width:0}.learning-benefits{margin-top:4.5rem;border-top:1px solid color-mix(in srgb,var(--NeutralInactive) 22%,transparent);padding-top:2rem}.learning-benefits h3{font-size:1.4rem}.learning-benefits p{color:var(--NeutralInactive)}
/* Editorial proof, pricing, and resources retain the same precise visual grammar. */.quote-card{border-radius:0;box-shadow:none;position:relative}.quote-card:after{content:'+';position:absolute;right:10px;top:5px;font-size:18px;font-weight:400;opacity:.5}.quote-card blockquote{letter-spacing:-.02em}.pricing-section{background:var(--surface-soft)}.price-card{border-radius:0;position:relative;box-shadow:none;border-width:1px}.price-card:after{content:'+';position:absolute;right:12px;top:9px;font:18px monospace;color:currentColor;opacity:.5}.self-serve{background:var(--field);color:var(--paper);border-color:var(--MainMid)}.self-serve .plan-label,.self-serve .plan-intro,.self-serve .price-primary>span,.self-serve .price-image>span,.self-serve .spend-note,.self-serve .plan-footnote{color:var(--NeutralInactive)}.self-serve .price-primary>strong,.self-serve .price-image>strong{color:var(--action)}.self-serve .included{border-color:color-mix(in srgb,var(--NeutralInactive) 22%,transparent)}.self-serve .included li:before{color:var(--action)}.self-serve .button-dark{background:var(--action);color:var(--ink)}.self-serve .button-dark:hover{background:var(--SelectMid)}.managed{background:var(--surface-warm);border-color:var(--NeutralInactive)}.plan-label{letter-spacing:.08em;font-size:.625rem}.price-primary>strong{font-variant-numeric:tabular-nums}.price-card>.button{justify-content:space-between}.cost-breakdown{background:var(--surface-warm);padding:1rem 2rem;border:1px solid var(--NeutralInactive)}.faq-list summary>span{font-size:1.5rem;color:var(--MainLight)}.faq-list details[open] summary>span{color:var(--MainDark)}.faq-list details[open]>div{animation:answer-in .3s var(--ease)}.resource-image{border-radius:0;position:relative}.resource-image:after{content:'↗';position:absolute;right:0;bottom:0;background:var(--action);padding:10px 20px;font-size:1.5rem}.resource-card:hover .resource-image img{transform:scale(1.045)}.resource-image img{transition:transform .7s var(--ease)}.compact-cta{border-top:1px solid var(--SelectMid);background:var(--action)}
/* Each chapter owns a different state of the same system. */
.page-hero{background:var(--field);position:relative;isolation:isolate;overflow:hidden;padding-top:2rem;min-height:520px}.page-hero .breadcrumbs,.page-hero h1,.page-hero>p{position:relative;z-index:2}.page-hero h1{max-width:80%;font-size:clamp(3.5rem,6.6vw,6.7rem)}.page-hero>p{max-width:52%;color:var(--NeutralInactive)}.experiment-art-chapter{position:absolute;right:-9%;width:59%;height:115%;top:-4%;z-index:1;opacity:.65}.experiment-art-chapter .art-caption{display:none}.experiment-art-chapter .coord-top{display:none}.experiment-art-chapter .coord-side{right:20%}.article-page .experiment-art-chapter{opacity:.2;right:-20%}.article-page .page-hero h1{max-width:1000px}.article-page .page-hero>p{max-width:750px}.article-page .page-hero{min-height:440px}.manifesto-row{border-color:var(--NeutralInactive)}.manifesto-row>span{color:var(--MainLight)}
.motion-ready{opacity:1}.motion-enabled .motion-ready{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.motion-enabled .motion-ready.is-revealed{opacity:1;transform:none}.motion-toggle{position:fixed;right:18px;bottom:16px;z-index:90;display:flex;align-items:center;gap:.5rem;min-height:40px;padding:.55rem .85rem;border:1px solid color-mix(in srgb,var(--NeutralInactive) 40%,transparent);border-radius:0;background:color-mix(in srgb,var(--MainDark) 93%,transparent);color:var(--NeutralInactive);font:12px/1.2 var(--font);box-shadow:0 3px 12px #0001}.motion-toggle[hidden]{display:none}.motion-toggle:hover{background:var(--MainMid)}.motion-toggle:disabled{cursor:default}.motion-icon{width:12px;font-size:13px}.motion-is-off{scroll-behavior:auto}.motion-is-off *, .motion-is-off *:before,.motion-is-off *:after{animation:none!important;transition:none!important}.motion-is-off .motion-ready{opacity:1!important;transform:none!important}
@keyframes brief-flow{to{stroke-dashoffset:-516}}@keyframes answer-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.hero{min-height:930px}.experiment-art-hero{right:-1%;width:58%}}
@media(max-width:1150px){.hero{min-height:780px}.hero h1{font-size:11.6vw}.experiment-art-hero{right:-10%;width:69%;top:5rem}.field-controls button{padding:.7rem .6rem}.field-controls button>span{margin-right:.3rem}.learning-lab{gap:2rem;grid-template-columns:.85fr 1.15fr}.art-coordinate{font-size:9px}.plan-label{font-size:.625rem}}
@media(max-width:850px){.hero{height:auto;min-height:820px}.hero h1{font-size:13.7vw}.experiment-art-hero{right:-20%;width:83%;top:9rem;height:580px;opacity:.82}.hero-aside{margin-left:13vw}.field-controls{width:100%;justify-content:space-between}.field-controls button{padding:.7rem 1rem}.experiment-art-hero .art-caption{bottom:0;left:52%}.experiment-art-hero .coord-top{display:none}.product-copy{max-width:650px}.product-copy>p{max-width:540px}.creative-showcase{max-width:650px;width:100%;margin:0 auto}.learning-top{gap:2rem}.learning-lab{grid-template-columns:1fr;gap:1.5rem}.lab-stage:nth-last-child(2){border-bottom:0}.lab-stage[aria-pressed=true]:before{left:-.6rem}.learning-benefits{margin-top:3rem}.page-hero{min-height:460px}.page-hero h1{max-width:95%;font-size:8vw}.page-hero>p{max-width:62%}.experiment-art-chapter{width:65%;right:-15%}}
@media(max-width:650px){.hero{height:auto;min-height:0;padding:1.3rem 1.25rem 1.1rem;overflow:hidden}.hero h1{font-size:18.9vw;line-height:.91;letter-spacing:-.015em}.hero-aside{font-size:1.6rem;margin:.65rem 0 0 26%;line-height:1.2}.experiment-art-hero{order:3;position:relative;top:auto;right:auto;width:calc(100% + 40px);height:335px;margin:0 -20px;opacity:1;max-height:none}.experiment-art-hero .art-caption{left:12%;bottom:0;right:12%;font-size:.75rem}.experiment-art-hero .art-index{font-size:1.7rem}.experiment-art-hero .coord-side{right:5%;font-size:8px}.field-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.field-controls button{font-size:.8125rem;padding:.55rem .4rem;display:flex;flex-direction:column;align-items:start;gap:.3rem;border-top:1px solid color-mix(in srgb,var(--NeutralInactive) 17%,transparent);border-bottom:0}.field-controls button>span{font-size:.625rem}.field-controls button[aria-pressed=true]{border-top-color:var(--action);border-bottom:0}.trust-strip{padding:1.6rem 1.25rem}.trust-strip>p{font-size:.625rem}.section{padding:3.5rem 1.25rem}.section-kicker{font-size:.6875rem;letter-spacing:.08em}.section-kicker>span:first-child:before{margin-right:.5rem}.product-copy h2{font-size:clamp(2.5rem,9.7vw,4rem)}.creative-showcase figcaption{margin:0;font-size:.8125rem}.creative-showcase figcaption>span{font-size:.6875rem}.workflow{margin-top:2.5rem;gap:2rem 1.5rem}.workflow h3{font-size:1.1rem;margin-top:1rem}.workflow article:not(:last-child):after{display:none}.workflow p{font-size:.9375rem}.learning-top{margin-top:2.7rem;margin-bottom:2rem}.learning-top h2{font-size:clamp(2.3rem,9vw,3.5rem)}.learning-top>p{font-size:1rem}.learning-lab{padding-top:.5rem;gap:1rem}.lab-stage:nth-last-child(2){border-bottom:1px solid color-mix(in srgb,var(--NeutralInactive) 14%,transparent)}.lab-stage:not([aria-pressed=true]) small{display:none}.lab-stage[aria-pressed=true]:before{left:-.65rem;top:1rem;bottom:1rem}.loop-return>span:nth-child(2){font-size:.625rem;letter-spacing:.04em;max-width:240px}.learning-benefits{margin-top:2rem;padding-top:1.5rem;gap:1.5rem}.learning-benefits h3{font-size:1.25rem}.price-card{padding:1.6rem}.plan-label{font-size:.5625rem}.cost-breakdown{padding:.5rem 1rem}.page-hero{padding:1.6rem 1.25rem 3rem;min-height:0}.page-hero h1{max-width:100%;font-size:9.2vw;margin-top:3rem;line-height:1.1}.page-hero>p{max-width:100%;font-size:1rem;position:relative;z-index:2}.experiment-art-chapter{width:98%;height:390px;right:-26%;top:-1rem;opacity:.28}.experiment-art-chapter .coord-side{display:none}.article-page .page-hero{min-height:0}.article-page .page-hero h1{font-size:2.3rem}.article-page .experiment-art-chapter{opacity:.13}.motion-toggle{right:10px;bottom:10px;font-size:.6875rem;min-height:36px;padding:.5rem .7rem}.motion-enabled .motion-ready{transform:translateY(12px)}.motion-enabled .motion-ready.is-revealed{transform:none}.faq-section{padding-top:1rem}}
@media(max-width:370px){.hero h1{font-size:18.65vw}.experiment-art-hero{height:285px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready{opacity:1!important;transform:none!important}}
@media print{.experiment-art,.field-controls,.motion-toggle,.creative-network{display:none!important}.hero{min-height:0;height:auto}.hero h1{font-size:6rem}.learning-lab{display:block}}

.hero-aside{width:max-content;transform-origin:center}

/* Keep the small explanatory text legible; measurement marks are decorative. */
.field-key,.hero-eyebrow,.trust-strip>p,.plan-label,.lab-readout,.creative-caption small{font-size:.75rem}
@media(max-width:650px){.plan-label{font-size:.6875rem}}
@media(max-width:650px){.motion-toggle{width:38px;height:38px;padding:0;justify-content:center}.motion-toggle .motion-label{display:none}.motion-icon{font-size:16px;width:auto}}
/* Explain a stopped diagram on phones instead of leaving an unlabeled triangle. */
@media(max-width:650px){.motion-is-off .motion-toggle{width:auto;padding:.5rem .7rem;min-height:40px}.motion-is-off .motion-toggle .motion-label{display:inline}}
@media(max-width:370px){.site-header .header-logo{width:108px}.site-header .button-small{font-size:.75rem;white-space:nowrap;padding:.65rem .75rem;gap:.6rem;flex-shrink:0}}
@media(min-width:651px) and (max-width:850px){.experiment-art-hero .art-caption{left:22%;right:26%;font-size:.75rem;gap:.8rem}}
/* Readable text roles use the higher-contrast brand neutrals. */
.field-controls button,.field-controls button>span,.lab-stage,.lab-stage small,.loop-return,.platform-note,.lab-readout{color:var(--NeutralInactive)}
.field-controls button[aria-pressed=true],.field-controls button[aria-pressed=true]>span,.lab-stage[aria-pressed=true]{color:var(--SelectDark)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--AccentMid)}