/* One recognizable product. Radically different creative hypotheses. */
.pen-experiment{--pen-type:'Barlow Condensed',Impact,sans-serif;background:var(--MainDark);color:var(--white);padding:4rem 4vw 5rem;overflow:clip}
.pen-experiment>*{max-width:1600px;margin-left:auto;margin-right:auto}
.pen-section-head{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:5vw;margin-bottom:2.5rem}
.pen-experiment h2{font:500 clamp(2.6rem,4.7vw,5.2rem)/1.12 var(--display);letter-spacing:-.035em;text-wrap:balance}
.pen-experiment h2 em{font-style:normal;color:var(--AccentMid)}
.pen-publish h2 em{color:var(--SelectMid)}
.pen-section-head>p{font-size:1.125rem;line-height:1.65;color:var(--NeutralInactive);max-width:450px;padding-bottom:.3rem}
.pen-inputs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.7rem;margin-top:3rem;position:relative}
.pen-inputs span{font-size:1rem;border-bottom:1px solid var(--creative-line);padding:.5rem .4rem;color:var(--creative-on-dark)}
.pen-inputs i{font-style:normal;color:var(--AccentMid)}
.pen-inputs small{font-size:.875rem;color:var(--NeutralInactive);flex-basis:100%;text-align:center;margin-top:.6rem}
.pen-branches{width:100%;height:90px;display:block;fill:none;stroke:var(--creative-line);stroke-width:1}
.pen-flow{stroke:var(--AccentMid);stroke-width:2;stroke-dasharray:8 80;animation:pen-flow 6s linear infinite;animation-play-state:paused}
.pen-ad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.5rem 1.5rem;align-items:start}
.pen-ad{margin:0;min-width:0}
.pen-ad:nth-child(3n+2){padding-top:2.5rem}
.pen-poster{position:relative;aspect-ratio:4/5;isolation:isolate;overflow:hidden;transition:transform .45s cubic-bezier(.22,1,.36,1);background:var(--MainLight)}
.pen-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.pen-poster>p{position:absolute;z-index:1;line-height:1;letter-spacing:-.04em}
.pen-ad figcaption{padding:1rem .15rem 0;display:flex;flex-direction:column;gap:.3rem}
.pen-ad figcaption strong{font-size:1.05rem;font-weight:700}
.pen-ad figcaption>span{font-size:.8125rem;line-height:1.5;color:var(--NeutralInactive)}
.pen-ad-type .pen-poster>p span:nth-child(2n){color:var(--white);animation-delay:-2.5s}
.pen-bridge{display:flex;flex-direction:column;align-items:center;padding:2.5rem 0;color:var(--SelectDark)}
.pen-bridge span{width:1px;height:60px;background:linear-gradient(var(--creative-line),var(--SelectDark))}
.pen-bridge b{font:400 2rem/1 var(--font);margin-top:-.5rem}
.pen-destinations{display:grid;grid-template-columns:1fr .6fr 1fr;gap:2rem;align-items:center;border-top:1px solid var(--line-on-dark);border-bottom:1px solid var(--line-on-dark);padding:2.5rem 2rem;margin:3rem 0 0}
.pen-destinations>div{display:grid;grid-template-columns:auto 1fr;column-gap:1.25rem;align-items:center;justify-self:center}
.pen-platform-icon{grid-row:span 2;font:700 3.3rem/1 var(--font);color:var(--SelectMid)}
.pen-platform-icon.pen-meta{font-size:4.5rem;line-height:.7;font-weight:400}
.pen-destinations h3{font:500 2rem/1.3 var(--display)}
.pen-destinations p{font-size:.875rem;color:var(--NeutralInactive)}
.pen-route{display:flex;align-items:center;gap:1rem;font-size:.625rem;letter-spacing:.1em;color:var(--SelectMid)}
.pen-route i{flex:1;height:1px;background:var(--SelectDark);position:relative}
.pen-route i:after{content:'';width:5px;height:5px;background:var(--SelectDark);border-radius:50%;position:absolute;left:0;top:-2px;animation:pen-route 3s ease-in-out infinite;animation-play-state:paused}
.pen-learning{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:7rem 0 3rem}
.pen-learning-copy>p{font-size:1.0625rem;line-height:1.65;max-width:490px;color:var(--NeutralInactive);margin-top:1.5rem}
.pen-learning-copy>p.pen-learning-note{font-size:.9375rem;max-width:450px}
.pen-signals{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}
.pen-signals span{font-size:.8125rem;padding:.4rem .65rem;border:1px solid var(--creative-line);color:var(--creative-on-dark)}
.pen-allocation{background:var(--MainMid);padding:2rem;min-width:0;border-top:2px solid var(--AccentLight)}
.pen-allocation-head h3{font:500 1.6rem/1.3 var(--display);margin-bottom:1.1rem}
.pen-rounds{display:flex;gap:.5rem}
.pen-rounds[hidden]{display:none}
.pen-rounds button{background:transparent;color:var(--NeutralInactive);padding:.6rem .85rem;font-size:.8125rem;min-height:44px;border:1px solid var(--creative-line)}
.pen-rounds button[aria-pressed=true]{background:var(--SelectDark);border-color:var(--SelectDark);color:var(--MainDark)}
.pen-budget-bars{display:grid;gap:1.15rem;padding:2rem 0}
.pen-budget-bars>div{display:grid;grid-template-columns:85px 1fr;gap:1rem;align-items:center}
.pen-budget-bars span{font-size:.8125rem;color:var(--NeutralInactive)}
.pen-budget-bars i{height:10px;position:relative;background:color-mix(in srgb,var(--NeutralInactive) 9%,transparent)}
.pen-budget-bars b{display:block;height:100%;width:100%;background:var(--AccentMid);transform:scaleX(var(--first));transform-origin:left;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.pen-allocation[data-round="2"] .pen-budget-bars b{transform:scaleX(var(--next))}
.pen-budget-caption{font-size:.9375rem;line-height:1.55;min-height:6.2em;color:var(--NeutralInactive)}
.pen-allocation>small{display:block;font-size:.6875rem;line-height:1.5;color:var(--NeutralInactive);margin-top:.8rem}
.pen-return{position:relative;padding:8rem 5vw 2rem;text-align:center}
.pen-return>svg{position:absolute;inset:0 0 auto;width:100%;height:140px;stroke:var(--creative-line);stroke-width:1;fill:none}
.pen-return-heading{position:relative;display:flex;align-items:center;justify-content:center;gap:2rem;background:var(--MainDark);padding:1rem;max-width:1000px;margin:0 auto}
.pen-repeat{font:400 7rem/.8 var(--font);color:var(--AccentMid)}
.pen-next-ideas{display:grid;grid-template-columns:1fr 1fr;gap:3rem;text-align:left;margin:3rem auto 2rem;max-width:1050px}
.pen-next-ideas p{border-left:2px solid var(--AccentLight);padding-left:1.5rem}
.pen-next-ideas strong{font:400 clamp(1.4rem,2.2vw,2.2rem)/1.35 var(--display)}
.pen-next-ideas span{display:block;color:var(--NeutralInactive);font-size:.8125rem;margin-top:.8rem}
.pen-return-deck{font-size:1.0625rem;color:var(--NeutralInactive);max-width:650px;margin:2rem auto 1rem;line-height:1.65}
.pen-return .text-link{color:var(--creative-on-dark)}
.pen-story-cta{display:flex;gap:3rem;align-items:center;justify-content:space-between;border-top:1px solid var(--line-on-dark);margin-top:4rem;padding-top:3rem}
.pen-story-cta h2{font-size:clamp(1.7rem,2.8vw,3rem);line-height:1.3}
.pen-story-cta p{font-size:1rem;color:var(--NeutralInactive);margin-top:.8rem}
.pen-story-cta .button{min-width:150px}
.pen-in-view .pen-flow,.pen-in-view.pen-flow,.pen-in-view .pen-film-track i,.pen-in-view.pen-poster>img,.pen-in-view.pen-poster>p span,.pen-in-view .pen-route i:after{animation-play-state:running}
.pen-origin.pen-in-view img{animation:pen-float 7s ease-in-out infinite alternate}
.pen-page-hidden .pen-experiment *,.pen-page-hidden .pen-origin *,.motion-is-off .pen-experiment *,.motion-is-off .pen-origin *{animation-play-state:paused!important;transition:none!important}
.pen-experiment a:focus-visible,.pen-experiment button:focus-visible,.pen-hero a:focus-visible{outline-color:var(--SelectLight)}
@keyframes pen-flow{to{stroke-dashoffset:-352}}
@keyframes pen-film{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes pen-pan{from{transform:scale(1)}to{transform:scale(1.065) translateY(-1%)}}
@keyframes pen-type{0%,20%{transform:translateX(0)}80%,100%{transform:translateX(4%)}}
@keyframes pen-route{to{left:100%}}
@keyframes pen-float{from{transform:translateY(-5px) rotate(-1deg)}to{transform:translateY(5px) rotate(1deg)}}
@media(hover:hover){.pen-ad:hover .pen-poster{transform:translateY(-6px) rotate(-.8deg)}}
@media(max-width:1000px){.pen-ad-grid{gap:2rem 1rem}.pen-section-head{gap:3rem}.pen-section-head>p{font-size:1rem}.pen-learning{gap:3rem}.pen-allocation{padding:1.5rem}.pen-destinations{padding:2rem 0;gap:1rem}.pen-destinations>div{column-gap:.8rem}.pen-destinations h3{font-size:1.65rem}.pen-route{gap:.5rem}.pen-learning h2{font-size:3rem}.pen-budget-bars>div{grid-template-columns:75px 1fr;gap:.5rem}.pen-return{padding-left:0;padding-right:0}}
@media(max-width:650px){.pen-experiment{padding:2rem 5vw 3rem}.pen-section-head{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.pen-experiment h2{font-size:clamp(2.4rem,10.2vw,4rem);line-height:1.15}.pen-section-head>p{max-width:450px}.pen-inputs{gap:.25rem .4rem;justify-content:flex-start;margin-top:2rem}.pen-inputs span{font-size:.875rem;padding:.35rem .15rem}.pen-inputs small{text-align:left;font-size:.8125rem;margin-top:.75rem}.pen-branches{height:60px}.pen-ad-grid{grid-template-columns:1fr;gap:2rem}.pen-ad:nth-child(3n+2){padding-top:0}.pen-ad{max-width:470px;width:100%;justify-self:center}.pen-ad figcaption{padding:.85rem .1rem 0}.pen-ad figcaption>span{font-size:.8125rem}.pen-bridge{padding:2rem 0}.pen-destinations{grid-template-columns:1fr;gap:1.25rem;margin-top:2rem;padding:2rem 0}.pen-destinations>div{min-width:235px;justify-self:center;grid-template-columns:60px 1fr}.pen-destinations h3{font-size:1.8rem}.pen-route{width:70%;margin:auto;max-width:220px}.pen-platform-icon{font-size:3rem}.pen-learning{grid-template-columns:1fr;gap:2rem;padding:3.5rem 0 1rem}.pen-learning-copy>p{font-size:1rem}.pen-signals{margin-top:1.5rem}.pen-allocation{padding:1.5rem}.pen-allocation-head h3{font-size:1.5rem}.pen-budget-bars{padding:1.75rem 0}.pen-budget-caption{min-height:8em}.pen-return{padding-top:6rem}.pen-return>svg{height:110px}.pen-return-heading{display:block;padding:.5rem 0}.pen-repeat{display:block;font-size:4rem;margin-bottom:1rem}.pen-next-ideas{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.pen-next-ideas strong{font-size:1.4rem}.pen-next-ideas p{padding-left:1rem}.pen-return-deck{font-size:1rem}.pen-story-cta{display:block;margin-top:2rem;padding-top:2rem}.pen-story-cta h2{font-size:1.9rem}.pen-story-cta .button{margin-top:1.5rem}.pen-story-cta p{font-size:.9375rem}}
@media(prefers-reduced-motion:reduce){.pen-experiment *,.pen-origin *{animation:none!important;transition:none!important}.pen-ad:hover .pen-poster{transform:none}}
@media print{.pen-rounds,.pen-return .text-link{display:none}.pen-ad-grid{grid-template-columns:repeat(3,1fr)}.pen-ad,.pen-learning{break-inside:avoid}.pen-experiment *{animation:none!important}}
.adsmith-pen-home{--pen-type:'Barlow Condensed',Impact,sans-serif}
.pen-hero{position:relative;background:var(--MainDark);color:var(--white);padding:3rem 4vw 0;overflow:clip}
.pen-opening{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;max-width:1600px;margin:auto;min-height:570px;position:relative}
.pen-heading{position:relative;z-index:1;padding-bottom:3rem}
.pen-heading h1{font:800 clamp(4rem,7.8vw,9.5rem)/.95 var(--pen-type);letter-spacing:-.025em;text-transform:uppercase}
.pen-heading h1 span{display:block;white-space:nowrap}
.pen-heading h1 em{display:block;color:var(--SelectDark);font:inherit;font-size:1.64em;font-style:normal;line-height:.9;margin-top:.07em}
.pen-heading .hero-aside{text-align:left;margin:1rem 0 0 48%;font-size:clamp(1.5rem,2.8vw,3rem);color:var(--SelectLight);transform:rotate(-7deg)}
.pen-origin{position:relative;margin:0;isolation:isolate;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center}
.pen-origin:before{content:'';position:absolute;width:83%;aspect-ratio:1;border:1px solid var(--creative-line);border-radius:50%;z-index:-1}
.pen-origin:after{content:'';position:absolute;width:62%;aspect-ratio:1;border:1px dashed color-mix(in srgb,var(--AccentMid) 24%,transparent);border-radius:50%;z-index:-1}
.pen-origin img{width:100%;max-width:680px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 22px 15px color-mix(in srgb,var(--MainDark) 38%,transparent))}
.pen-origin figcaption{font:400 clamp(1.25rem,2.2vw,2rem)/1.4 var(--display);position:relative;max-width:340px;text-align:center;margin:-1rem 0 2rem;text-wrap:balance}
.pen-origin figcaption:after{content:'';display:block;width:1px;height:85px;background:linear-gradient(var(--AccentMid),transparent);position:absolute;top:calc(100% + 1rem);left:50%}
@media(min-width:1800px){.pen-heading h1{font-size:9.5rem}}
@media(max-width:850px){.pen-opening{min-height:430px}.pen-heading{padding-bottom:1rem}.pen-heading h1{font-size:8vw}.pen-origin figcaption{font-size:1.3rem}}
@media(max-width:650px){.pen-hero{padding:2.25rem 5vw 0}.pen-opening{display:block;min-height:0}.pen-heading{padding-bottom:0}.pen-heading h1{font-size:14.5vw}.pen-heading h1 em{font-size:1.64em}.pen-heading .hero-aside{margin:.6rem 0 0 55%;font-size:1.7rem}.pen-origin{width:85%;margin:-.8rem auto 0}.pen-origin img{max-width:370px;margin:-1rem 0 -1rem}.pen-origin:before{width:75%;top:11%}.pen-origin:after{width:56%;top:20%}.pen-origin figcaption{font-size:1.25rem;max-width:280px;margin:-1.5rem 0 0}.pen-origin figcaption:after{height:65px}}

.adsmith-pen-home .site-header{position:sticky;top:0;z-index:30}
@media(max-width:650px){.pen-origin{margin-top:1rem}}

/* The promise is the demonstration: words on the left, evidence on the right. */
.pen-heading .hero-aside{color:var(--AlertLight)}
.pen-process{--pen-type:'Barlow Condensed',Impact,sans-serif;--process-columns:minmax(0,.62fr) minmax(0,1fr);background:var(--MainDark);color:var(--white);padding:4rem 4vw 5rem}
.pen-process>*{max-width:1600px;margin-left:auto;margin-right:auto}
.process-bookend,.process-step{display:grid;grid-template-columns:var(--process-columns);gap:5vw}
.process-bookend{align-items:center}
.process-small-word{font:800 clamp(4rem,7.8vw,9.5rem)/.95 var(--pen-type);letter-spacing:-.025em;text-transform:uppercase;color:var(--white)}
.process-step{align-items:start;padding-top:3rem;padding-bottom:5rem}
.process-word-rail{position:sticky;top:125px;padding-top:.1rem}
.process-word{font:800 clamp(6rem,12.8vw,14rem)/.9 var(--pen-type);letter-spacing:-.025em;text-transform:uppercase;color:var(--SelectDark)}
.process-arrow{display:block;color:var(--white);font:300 clamp(4rem,7vw,7rem)/1 var(--font);margin-top:1.5rem;margin-left:.1em}
.process-panel{min-width:0}
.process-panel>h3{font:500 clamp(1.8rem,2.65vw,3rem)/1.22 var(--display);letter-spacing:-.025em;text-wrap:balance}
.process-panel>h3 em{font-style:normal;color:var(--AccentMid)}
.pen-process .pen-inputs{justify-content:flex-start;gap:.35rem .5rem;margin-top:1.8rem}
.pen-process .pen-inputs span{font-size:.875rem}
.pen-process .pen-inputs small{text-align:left;font-size:.8125rem}
.pen-process .pen-branches{height:65px}
.pen-process .pen-ad-grid{gap:1.75rem 1rem}
.pen-process .pen-ad:nth-child(3n+2){padding-top:1.25rem}
.pen-process .pen-poster{container-type:inline-size}
.pen-process .pen-ad figcaption{padding-top:.7rem}
.pen-process .pen-ad figcaption strong{font-size:.9375rem;line-height:1.35}
.pen-process .pen-ad figcaption>span{font-size:.75rem;line-height:1.45}
.process-learn,.process-grow{padding-top:4rem}
.process-matrix-head>span:not(:first-child){text-align:center}
.process-signal:nth-child(3) i:after{animation-delay:1s}.process-signal:nth-child(4) i:after{animation-delay:2s}
.process-channel:nth-child(2) .pen-budget-bars b{background:var(--AccentMid)}
.process-finish{padding-top:1rem;padding-bottom:3.5rem}
.process-summary{display:grid;grid-template-columns:var(--process-columns);gap:5vw;align-items:center;border-top:1px solid var(--line-on-dark);padding-top:2.5rem}
.process-summary>p{font-size:1.0625rem;line-height:1.7;max-width:500px;color:var(--NeutralInactive)}
.process-summary>div{display:flex;align-items:center;gap:1.5rem}
.process-summary .button{min-width:135px;flex-shrink:0}
.process-summary>div>span{font-size:.875rem;line-height:1.6;color:var(--NeutralInactive)}
.pen-process a:focus-visible,.pen-process button:focus-visible{outline-color:var(--SelectLight)}
.pen-page-hidden .pen-process *,.motion-is-off .pen-process *{animation-play-state:paused!important;transition:none!important}
@keyframes process-signal{0%,70%,100%{opacity:.3}25%,40%{opacity:1}}
@media(max-width:1100px) and (min-width:751px){.pen-process{--process-columns:minmax(0,.55fr) minmax(0,1fr)}.process-step,.process-bookend,.process-summary{gap:3vw}.process-small-word{font-size:7.5vw}.process-word{font-size:12vw}.pen-process .pen-ad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pen-process .pen-ad:nth-child(3n+2){padding-top:0}.pen-process .pen-ad:nth-child(2n){padding-top:1.5rem}.process-summary>div{align-items:start;flex-direction:column;gap:1rem}}
@media(max-width:750px){.pen-process{padding:3.5rem 5vw 3.5rem;--process-columns:1fr}.process-step{gap:1.5rem;padding-top:1.7rem;padding-bottom:3rem}.process-word-rail{position:relative;top:auto;display:flex;align-items:center;gap:1.5rem}.process-word{font-size:clamp(5rem,24vw,10rem)}.process-small-word{font-size:clamp(3rem,14.5vw,6.5rem)}.process-arrow{font-size:3.5rem;margin:0 0 0 auto;line-height:1}.process-panel>h3{font-size:1.8rem}.pen-process .pen-inputs{margin-top:1.2rem}.pen-process .pen-ad-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem .75rem}.pen-process .pen-ad{max-width:none}.pen-process .pen-ad:nth-child(3n+2){padding-top:0}.pen-process .pen-ad:nth-child(2n){padding-top:1rem}.pen-process .pen-ad figcaption strong{font-size:.8125rem}.pen-process .pen-ad figcaption>span{font-size:.6875rem}.process-learn,.process-grow{padding-top:2rem}.process-finish{gap:1.5rem;padding-top:.5rem;padding-bottom:2rem}.process-summary{gap:1.5rem;padding-top:2rem}.process-summary>p{font-size:1rem}.process-summary>div{flex-wrap:wrap;gap:1rem}.process-summary>div>span{font-size:.8125rem}.pen-origin figcaption:after{height:45px}}
@media(max-width:370px){.process-summary>div{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.pen-process *,.pen-process .process-signal i:after{animation:none!important;transition:none!important}.pen-process .pen-ad:hover .pen-poster{transform:none}}
@media print{.process-step{break-inside:avoid}.process-word-rail{position:static}.process-word{font-size:5rem}.process-small-word{font-size:3rem}.pen-process *{animation:none!important}.process-step{grid-template-columns:1fr 2fr}}

/* October 6: a continuous product → creative choices → executions story. */
.site-header{justify-content:space-between}.site-header .nav-actions{margin-left:auto}
.pen-opening{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:5vw;min-height:0;align-items:center}
.pen-hero{overflow:visible;padding-top:2rem}
.pen-origin{justify-content:flex-end;padding-bottom:0}
.pen-origin img{max-width:460px;width:82%}
.pen-origin figcaption{margin:0;max-width:390px;font-size:clamp(1.15rem,1.8vw,1.75rem)}
.pen-origin figcaption:after{height:50px;top:100%;background:var(--AccentMid)}
.pen-heading h1{font-size:clamp(3.4rem,6.9vw,8rem)}
.pen-heading h1 em{font-size:1.64em}
.pen-process{--process-columns:minmax(0,.8fr) minmax(0,1fr);padding-top:0}
.process-mix{padding-top:48px;align-items:start}
.process-mix>.process-small-word{padding-top:1rem}
.creative-mixer-wrap{position:relative;min-width:0}
.creative-mixer{display:block;width:100%;height:auto;overflow:visible}
.mixer-spine{fill:none;stroke:var(--AccentMid);stroke-width:1.5}
.mixer-axis{fill:var(--NeutralInactive);font:12px var(--font);letter-spacing:1.4px;text-transform:uppercase}
.mixer-choice>rect{fill:var(--MainDark);stroke:var(--creative-line);stroke-width:1;animation:mixer-choice 8s ease-in-out infinite;animation-delay:var(--choice-delay);animation-play-state:paused}
.mixer-choice>text{fill:var(--white);font:15px var(--font)}
.mixer-icon{fill:none;stroke:var(--AccentMid);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.creative-mixer-wrap.pen-in-view .mixer-choice>rect{animation-play-state:running}
@keyframes mixer-choice{0%,35%,100%{fill:var(--MainDark);stroke:var(--creative-line)}50%,70%{fill:var(--MainLight);stroke:var(--SelectDark)}}
.process-test{padding-top:0}
.process-test .pen-branches{height:38px}
.process-test>.process-word-rail{padding-top:1.2rem}
.pen-process .creative-worlds{gap:1.5rem .8rem}
.pen-process .creative-worlds .pen-ad,.creative-worlds .pen-ad:nth-child(3n+2){padding-top:0}
.creative-worlds .pen-poster{border-radius:4px;container-type:inline-size}
.creative-worlds .pen-poster>img{animation:none;transform:none}
.creative-worlds .pen-poster>p{top:6%;left:8%;right:5%;font:700 17cqw/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.02em;color:var(--MainDark)}
.creative-worlds .world-comic-world .pen-poster>p{font-size:21cqw;max-width:90%;color:#0C343D}
.creative-worlds .world-clay-world .pen-poster>p{font-family:var(--display);font-size:13cqw;line-height:1.2;color:#301e46}
.creative-worlds .world-architect-world .pen-poster>p{font-family:Georgia,serif;font-weight:400;font-size:14cqw;line-height:1.15}
.creative-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.creative-video.has-played{opacity:1}
.motion-is-off .mixer-choice>rect,.pen-page-hidden .mixer-choice>rect{animation-play-state:paused!important}
@media(min-width:751px) and (max-width:1100px){.pen-opening{gap:3vw}.pen-process{--process-columns:minmax(0,.8fr) minmax(0,1fr)}.pen-origin img{width:90%}.pen-process .creative-worlds{grid-template-columns:repeat(3,minmax(0,1fr))}.pen-process .creative-worlds figcaption strong{font-size:.75rem}.pen-process .creative-worlds figcaption>span{font-size:.65rem}.pen-heading .hero-aside{font-size:2rem}}
@media(max-width:750px){.pen-opening{display:block}.pen-heading h1{font-size:14.5vw}.pen-origin{width:90%;margin:0 auto}.pen-origin img{max-width:300px;width:85%;margin:-.2rem 0}.pen-origin figcaption{font-size:1.15rem;margin:0}.pen-origin figcaption:after{height:40px}.pen-process{--process-columns:1fr;padding-top:0}.process-mix{padding-top:40px;gap:1.25rem;position:relative}.process-mix>.process-small-word{padding:0}.creative-mixer-wrap{margin-top:0}.process-test{padding-top:0}.process-test>.process-word-rail{padding-top:0}.process-test .pen-branches{height:26px}.pen-process .creative-worlds{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem .75rem}.pen-process .creative-worlds .pen-ad{padding-top:0}.mixer-axis{font-size:15px}.mixer-choice>text{font-size:17px}}
@media(prefers-reduced-motion:reduce){.mixer-choice>rect{animation:none!important}}
@media(max-width:750px){.mixer-choice>text{font-size:22px}.mixer-axis{font-size:20px;letter-spacing:.5px}.creative-mixer-wrap:before{content:'';position:absolute;height:75px;width:1px;left:50%;bottom:100%;background:var(--AccentMid)}}

/* Side labels describe the mixer lanes without adding competing rows. */
.mixer-axis{font-size:12px;letter-spacing:1.25px;dominant-baseline:middle}
@media(max-width:750px){.mixer-axis{font-size:17px;letter-spacing:1px}}

/* The factory continues: executions → live channels → response → creative weights. */
.process-test{padding-bottom:0}.process-learn{padding-top:0}
.factory-publish{position:relative;margin-top:1.5rem}
.factory-collector{display:block;width:100%;height:60px;fill:none;stroke:var(--AccentMid);stroke-width:1.5}
.factory-live{display:flex;justify-content:center;gap:1rem}
.factory-live>div{display:flex;align-items:center;gap:.8rem;border:1px solid var(--AccentMid);border-radius:16px;background:var(--MainLight);padding:1rem 1.4rem;font:500 1.1rem var(--display)}
.factory-live img{width:30px;height:30px;filter:brightness(0) invert(1)}
.factory-roadmap{width:max-content;max-width:100%;margin:1.5rem auto 0;padding-left:1rem;border-left:1px dashed var(--creative-line)}
.factory-roadmap p{display:flex;gap:1rem;align-items:baseline;font-size:.8125rem;line-height:1.7;color:var(--NeutralInactive)}
.factory-roadmap p+p{margin-top:.5rem}.factory-roadmap strong{min-width:3.5rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:1px;color:var(--AccentMid);font-weight:700}
.factory-throughline{width:1px;height:80px;background:var(--AccentMid);margin:1.5rem auto 0}
.factory-learning{position:relative}
.learning-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.learning-signals>span{text-align:center;padding:1rem .25rem;color:var(--white);font:500 clamp(.75rem,1.2vw,1rem) var(--display);border-top:1px solid var(--creative-line);border-bottom:1px solid var(--creative-line)}
.learning-signals i{display:block;height:4px;max-width:62px;margin:.85rem auto 0;background:var(--AccentMid);transform-origin:left;animation:learning-signal 4s ease-in-out infinite;animation-play-state:paused}
.learning-signals>span:nth-child(2) i{animation-delay:-1.3s}.learning-signals>span:nth-child(3) i{animation-delay:-2.6s}
.learning-feedback{display:block;width:100%;height:85px;fill:none;stroke:var(--creative-line);stroke-width:1.5}
.learning-pulse{stroke:var(--SelectMid);stroke-dasharray:8 70;animation:pen-flow 5s linear infinite;animation-play-state:paused}
.learning-model{margin:0;padding:1.5rem 0;border-top:1px solid var(--AccentMid);border-bottom:1px solid var(--creative-line)}
.learning-model-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.75rem}
.learning-model-head h3{font:500 clamp(1.2rem,1.6vw,1.7rem)/1.3 var(--display);color:var(--white)}
.learning-controls{display:flex;border:1px solid var(--creative-line);border-radius:99px;padding:3px;gap:2px}.learning-controls[hidden]{display:none}
.learning-controls button{background:transparent;border:0;color:var(--NeutralInactive);padding:.5rem .8rem;border-radius:99px;font:700 .6875rem var(--font);cursor:pointer}
.learning-controls button[aria-pressed=true]{background:var(--SelectMid);color:var(--MainDark)}
.learning-weight-row{display:grid;grid-template-columns:18px repeat(3,minmax(0,1fr));gap:1rem;align-items:center;padding:.85rem 0}
.learning-axis{writing-mode:vertical-rl;transform:rotate(180deg);text-transform:uppercase;letter-spacing:1px;font-size:.625rem;color:var(--NeutralInactive);justify-self:start}
.learning-lever>span{font:400 .875rem var(--font);color:var(--white)}
.learning-track{position:relative;height:4px;background:var(--MainLight);margin:1.1rem 10px 1rem 0;border-radius:99px}
.learning-track b{display:block;height:100%;width:calc(var(--weight-before)*100%);background:var(--AccentMid);transition:width 1.8s cubic-bezier(.22,1,.36,1),background 1.8s}
.learning-track i{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;transform:translate(-50%,-50%)}
.learning-previous{left:calc(var(--weight-before)*100%);border:1px solid var(--AccentMid);background:var(--MainDark)}
.learning-current{left:calc(var(--weight-before)*100%);background:var(--AccentMid);transition:left 1.8s cubic-bezier(.22,1,.36,1),background 1.8s}
[data-learning-state=after] .learning-track b{width:calc(var(--weight-after)*100%);background:var(--SelectMid)}
[data-learning-state=after] .learning-current{left:calc(var(--weight-after)*100%);background:var(--SelectMid)}
.learning-model figcaption{font-size:.875rem;line-height:1.6;color:var(--NeutralInactive);margin-top:1.25rem}
.factory-learning.pen-in-view .learning-pulse,.factory-learning.pen-in-view .learning-signals i{animation-play-state:running}
@keyframes learning-signal{0%,100%{transform:scaleX(.35);opacity:.4}50%{transform:scaleX(1);opacity:1}}
@media(max-width:750px){.process-test{padding-bottom:0}.process-learn{padding-top:0}.factory-live{gap:.65rem}.factory-live>div{font-size:.9rem;gap:.5rem;padding:.85rem .9rem}.factory-live img{width:25px;height:25px}.factory-roadmap{margin-top:1.25rem;padding-left:.7rem}.factory-roadmap p{font-size:.6875rem;gap:.6rem}.factory-roadmap strong{font-size:.6rem;min-width:3rem}.factory-throughline{height:60px}.learning-signals{gap:.5rem}.learning-weight-row{gap:.6rem;grid-template-columns:16px repeat(3,minmax(0,1fr))}.learning-lever>span{font-size:.6875rem}.learning-model-head{margin-bottom:1.25rem}.learning-model figcaption{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){.learning-pulse,.learning-signals i{animation:none!important}.learning-track b,.learning-current{transition:none!important}}

/* GROW: preserve the total portfolio while reallocating between channels and campaigns. */
.process-learn{padding-bottom:0}.process-grow{padding-top:0}
.growth-inlet{height:65px;width:1px;margin:0 auto 2rem;background:var(--AccentMid)}
.portfolio-allocation{margin-top:2rem;padding:1.5rem;border-color:var(--creative-line)}
.portfolio-allocation .pen-allocation-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.portfolio-allocation h4{font:500 1.15rem var(--display)}
.portfolio-reservoir{display:flex;height:28px;overflow:hidden;border-radius:99px;margin-top:1.75rem;gap:3px;background:var(--MainDark)}
.portfolio-reservoir span{height:100%;transition:flex-grow 1.5s cubic-bezier(.22,1,.36,1);flex-basis:0}
.portfolio-google{flex-grow:50;background:var(--SelectMid)}.portfolio-meta{flex-grow:50;background:var(--AccentMid)}
[data-round="2"] .portfolio-google{flex-grow:35}[data-round="2"] .portfolio-meta{flex-grow:65}
.portfolio-split,.factory-return svg{display:block;width:100%;height:65px;fill:none;stroke:var(--AccentMid);stroke-width:1.5}
.portfolio-channels{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.portfolio-channel{min-width:0}.portfolio-channel+.portfolio-channel{border-left:1px solid var(--creative-line);padding-left:1.5rem}
.portfolio-channel-head{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.portfolio-channel-head img{filter:brightness(0) invert(1);width:25px;height:25px}.portfolio-channel-head h4{font-size:.9375rem}.portfolio-channel-head strong{margin-left:auto;color:var(--SelectMid);font:700 1.5rem var(--font)}
.portfolio-channel:nth-child(2) .portfolio-channel-head strong{color:var(--AccentMid)}
.portfolio-campaign-label{font-size:.625rem;letter-spacing:1px;text-transform:uppercase;color:var(--NeutralInactive);margin:1.5rem 0 .8rem}
.portfolio-campaign{display:grid;grid-template-columns:76px 1fr 30px;gap:.5rem;align-items:center;margin:.9rem 0;font-size:.6875rem}
.portfolio-campaign>div{height:6px;background:var(--MainLight);border-radius:20px;overflow:hidden}
.portfolio-campaign i{display:block;height:100%;width:calc(var(--share-first)*2%);background:var(--SelectMid);transition:width 1.5s cubic-bezier(.22,1,.36,1)}
.portfolio-channel:nth-child(2) .portfolio-campaign i{background:var(--AccentMid)}
[data-round="2"] .portfolio-campaign i{width:calc(var(--share-next)*2%)}
.portfolio-campaign small{text-align:right;color:var(--NeutralInactive);font-size:.625rem}
.portfolio-allocation .pen-budget-caption{font-size:.875rem;line-height:1.6;min-height:3.2em;margin-top:1.5rem}
.portfolio-example{display:block;color:var(--NeutralInactive);font-size:.6875rem;margin-top:.6rem}
.factory-return{position:relative;padding-top:2rem}.factory-return:before{content:'';position:absolute;top:-5rem;left:50%;height:7rem;width:1px;background:var(--AccentMid)}
.factory-learning-pair{display:flex;justify-content:space-around;gap:1rem;position:relative}
.factory-learning-pair span{background:var(--MainDark);border:1px solid var(--creative-line);border-radius:99px;padding:.75rem 1rem;font:500 .9375rem var(--display)}
.factory-learning-pair span:first-child{color:var(--AccentMid)}.factory-learning-pair span:last-child{color:var(--SelectMid)}
.factory-return>p{text-align:center;font:400 clamp(1.3rem,2vw,2rem)/1.4 var(--display)}.factory-return>p strong{color:var(--SelectMid);font-weight:500}
.factory-return>a{display:flex;align-items:center;justify-content:center;gap:1rem;width:max-content;max-width:100%;margin:1.5rem auto 0;font:700 .9375rem var(--font);color:var(--white);text-decoration:none;border-bottom:1px solid var(--creative-line);padding-bottom:.5rem}
.factory-return>a span{font-size:2rem;color:var(--AccentMid)}
@media(max-width:1100px) and (min-width:751px){.portfolio-channels{gap:.8rem}.portfolio-channel+.portfolio-channel{padding-left:.8rem}.portfolio-campaign{grid-template-columns:1fr 30px}.portfolio-campaign>div{grid-column:1;grid-row:2}.portfolio-campaign small{grid-column:2;grid-row:2}}
@media(max-width:750px){.process-grow{padding-top:1rem}.portfolio-allocation{padding:1rem}.portfolio-channels{gap:.75rem}.portfolio-channel+.portfolio-channel{padding-left:.75rem}.portfolio-channel-head{gap:.4rem}.portfolio-channel-head h4{font-size:.75rem}.portfolio-channel-head img{width:22px;height:22px}.portfolio-channel-head strong{font-size:1.25rem;margin-left:0;flex-basis:100%;margin-top:.4rem}.portfolio-campaign{grid-template-columns:1fr 26px;gap:.4rem}.portfolio-campaign>span{grid-column:1/-1}.portfolio-campaign>div{grid-column:1}.portfolio-campaign small{grid-column:2}.portfolio-allocation .pen-budget-caption{min-height:5em;font-size:.8125rem}.portfolio-example{font-size:.625rem}.factory-learning-pair{gap:.5rem}.factory-learning-pair span{font-size:.75rem;padding:.7rem .8rem}.factory-return:before{top:-3rem;height:5rem}.factory-return>p{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){.portfolio-reservoir span,.portfolio-campaign i{transition:none!important}}

/* One diagram, not a sequence of editorial panels. */
.learning-model{border:0;padding:0}
.learning-model-head h3{font-size:1rem;color:var(--NeutralInactive)}
.process-learn{padding-bottom:0}
.process-grow{padding-top:0;padding-bottom:0}
.growth-inlet{height:65px;margin:0 auto;background:var(--AccentMid)}
.factory-growth>.portfolio-allocation{margin:0;padding:0;background:transparent;border:0}
.portfolio-allocation .pen-allocation-head h4{font-size:1rem;color:var(--NeutralInactive)}
.portfolio-reservoir{margin-top:1.25rem}
.process-grow>.process-word-rail{padding-top:65px}
.diagram-description{position:absolute!important;width:1px;height:1px;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.portfolio-example{text-align:right;margin-top:1rem;font-size:.625rem}
.process-finish{padding-top:0;align-items:center}
.factory-return{padding-top:65px}
.factory-return:before{top:0;height:65px}
.factory-return>a{margin-top:0}
.process-summary{margin-top:3rem}
@media(max-width:750px){.process-grow{padding-top:0;gap:0}.process-grow>.process-word-rail{padding-top:1.5rem;padding-bottom:0}.growth-inlet{height:35px}.factory-growth>.portfolio-allocation{padding:0;margin:0}.process-finish{padding-top:2rem}.factory-return{padding-top:45px}.factory-return:before{top:0;height:45px}.process-summary{margin-top:1rem}}
.portfolio-allocation .pen-allocation-head{position:relative;isolation:isolate}
.portfolio-allocation .pen-allocation-head:before{content:'';position:absolute;left:50%;top:0;bottom:-1.25rem;width:1px;background:var(--AccentMid);z-index:-1}
.portfolio-allocation .pen-allocation-head h3{font:500 1rem var(--display);color:var(--NeutralInactive);background:var(--MainDark);padding-right:.6rem}
.portfolio-allocation .pen-rounds{background:var(--MainDark)}

/* Homepage: the idea at a glance. The full mechanism lives on Product. */
.simple-process .process-step{padding-top:0;padding-bottom:0;gap:5vw}
.simple-process .process-word-rail{position:relative;top:auto;padding-top:1rem}
.simple-we{align-items:center;padding-top:2rem}
.simple-thread{height:55px;width:1px;background:var(--AccentMid);margin:auto}
.simple-branches{display:block;width:100%;height:45px;fill:none;stroke:var(--AccentMid);stroke-width:1.5}
.simple-process .simple-ads{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.simple-process .simple-ads .pen-ad{padding:0}
.simple-test .process-arrow{margin-top:1rem}
.simple-learn .simple-merge{height:40px}
.simple-grow .simple-thread{height:30px}
.simple-process .simple-finish{padding-top:1rem;padding-bottom:2rem}
@media(max-width:750px){.simple-process .process-step{gap:0}.simple-we{padding-top:2rem;grid-template-columns:auto 1fr}.simple-we .simple-thread{height:45px}.simple-process .process-word-rail{padding:1rem 0 .5rem}.simple-process .simple-ads{gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.simple-process .simple-ads .pen-poster>p{font-size:17cqw}.simple-process .simple-ads .world-clay-world .pen-poster>p{font-size:13cqw}.simple-process .simple-finish{grid-template-columns:1fr 1fr;gap:1rem;padding-top:1.5rem}.simple-finish .process-small-word{font-size:clamp(2.6rem,12vw,4.5rem)}}

/* A clear product definition and one invitation. */
.simple-summary{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:center;gap:clamp(2rem,5vw,5rem);margin-top:1rem;padding-block:clamp(2.5rem,5vw,4.5rem) 1.5rem;scroll-margin-top:110px}
.simple-summary .summary-definition{display:block}
.simple-summary h2{font:400 clamp(2.1rem,3.5vw,3.75rem)/1.2 var(--display);letter-spacing:-.035em;text-wrap:wrap}
.simple-summary h2 span,.simple-summary h2 strong{display:block}
.simple-summary h2 span{font-size:.72em;font-weight:400;margin-bottom:.25em}
.simple-summary h2 strong{font-weight:700}
.simple-summary .summary-definition p{max-width:53ch;margin:1.3rem 0 0;font-size:clamp(1rem,1.25vw,1.1875rem);line-height:1.6;color:var(--NeutralInactive);text-wrap:wrap}
.simple-summary .summary-invitation{display:flex;flex-direction:column;align-items:flex-start;gap:1.3rem}
.simple-summary .summary-first-ads{font:400 clamp(1.6rem,2.3vw,2.4rem)/1.3 var(--display);color:var(--paper);margin:0}
.summary-invitation .button{min-width:156px;margin:0}
@media(max-width:900px){.simple-summary{grid-template-columns:1fr;gap:2rem}.simple-summary h2{font-size:clamp(2rem,5vw,3rem)}.simple-summary .summary-definition p{max-width:53ch}}

/* Handwritten lines run parallel to the upward-slanting source pen. */
@font-face{font-family:'Caveat Pen';src:url('/assets/caveat-pen-caption.ttf?v=3') format('truetype');font-weight:500;font-style:normal;font-display:swap}
.pen-origin-art{position:relative;margin:0;width:82%;max-width:460px;aspect-ratio:1}
.pen-origin .pen-origin-art img{width:100%;max-width:none;margin:0}
.pen-origin .pen-origin-art figcaption{position:absolute;inset:0;max-width:none;margin:0;transform:rotate(-45deg);font:500 clamp(1.75rem,3.1vw,2.8rem)/1.15 'Caveat Pen','Segoe Print',cursive;text-wrap:nowrap;text-align:center}
.pen-origin-art figcaption span{position:absolute;left:50%;width:max-content;transform:translateX(-50%) skewX(-7deg)}
.pen-origin-art figcaption span:first-child{bottom:calc(50% + 45px)}
.pen-origin-art figcaption span:last-child{top:calc(50% + 45px)}
.pen-origin .pen-origin-art figcaption:after{display:none}
.pen-origin-art:after{content:'';position:absolute;width:1px;height:45px;background:var(--AccentMid);left:50%;top:100%}
@media(max-width:750px){.pen-origin-art{width:85%;max-width:300px}.pen-origin .pen-origin-art figcaption{font-size:clamp(1.4rem,6.5vw,1.85rem)}.pen-origin-art figcaption span:first-child{bottom:calc(50% + 29px)}.pen-origin-art figcaption span:last-child{top:calc(50% + 29px)}.pen-origin-art:after{height:40px}}

/* Pointer tilt and idle float share one centered object: pen and lettering. */
.pen-gyro{position:relative;width:82%;max-width:460px;transform:perspective(850px) rotateX(var(--pen-tilt-x,0deg)) rotateY(var(--pen-tilt-y,0deg));transform-origin:50% 50%;transition:transform 220ms ease-out}
.pen-gyro .pen-origin-art{width:100%;max-width:none;transform-origin:50% 50%;animation:pen-object-hover 7s ease-in-out infinite;animation-play-state:paused}
.pen-origin.pen-in-view .pen-origin-art{animation-play-state:running}
.pen-origin.pen-in-view img{animation:none}
@keyframes pen-object-hover{0%,100%{transform:translateY(-4px) rotateZ(-.6deg)}50%{transform:translateY(4px) rotateZ(.6deg)}}
.motion-is-off .pen-gyro,.pen-page-hidden .pen-gyro{transform:none;transition:none}
.motion-is-off .pen-origin-art,.pen-page-hidden .pen-origin-art{animation-play-state:paused!important}
@media(max-width:750px){.pen-gyro{width:85%;max-width:300px}}
@media(prefers-reduced-motion:reduce){.pen-gyro{transform:none!important;transition:none}.pen-gyro .pen-origin-art{animation:none!important}}

/* The orbit stays fixed while its pen turns; one line feeds symmetric plates. */
.pen-origin:before,.pen-origin:after{display:none}
.pen-orbit{position:absolute;left:50%;top:50%;width:84%;max-width:560px;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid var(--creative-line);border-radius:50%;pointer-events:none;z-index:-1}
.pen-orbit:after{content:'';position:absolute;inset:12%;border:1px dashed color-mix(in srgb,var(--AccentMid) 24%,transparent);border-radius:50%}
.has-factory-connector{position:relative;overflow-x:clip}
.pen-factory-connector{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}
.pen-factory-connector path{fill:none;stroke:var(--AccentMid);stroke-width:1.5;vector-effect:non-scaling-stroke}
.has-factory-connector .pen-origin-art:after{display:none}
.has-factory-connector .simple-we .simple-thread{visibility:hidden}
.pen-gyro{transition:transform 300ms cubic-bezier(.2,.7,.2,1)}
@media(max-width:750px){.pen-orbit{width:84%}}

.pen-solid-canvas{position:absolute;inset:-12%;width:124%;height:124%;pointer-events:none}
.pen-origin{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.pen-origin.solid-pen-ready{cursor:grab;outline-offset:4px}
.pen-origin.pen-dragging{cursor:grabbing}
.pen-gyro.has-solid-pen{transform:none!important;transition:none}
.has-solid-pen .pen-origin-art{opacity:0;animation:none!important}

/* LEARN: data enters a volumetric network and continues to allocation. */
.learning-brain{position:relative;width:100%;height:clamp(340px,34vw,480px);isolation:isolate}
.learning-brain:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--AccentMid);opacity:.7;z-index:-1}
.learning-brain-fallback,.learning-brain-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.brain-ready .learning-brain-fallback{opacity:0}
@keyframes brain-flow{0%{transform:translateY(0);opacity:0}20%,70%{opacity:1}100%{transform:translateY(var(--signal-distance));opacity:0}}
@media(max-width:750px){.learning-brain{height:clamp(300px,88vw,370px)}}

@media(hover:hover) and (pointer:fine){.brain-ready{cursor:grab}}
.brain-ready:not(.brain-visible) .brain-signal{animation-play-state:paused}

/* Constant attempts, a gentle learning pulse, and a living shared pool. */
.learning-brain{--brain-height:clamp(340px,34vw,480px);height:var(--brain-height)}
.learning-brain-fallback{transform:scale(.8)}
.factory-packets{fill:none;stroke:var(--SelectMid)!important;stroke-width:3.5!important;stroke-linecap:round;stroke-dasharray:.01 8;animation:factory-packet-flow 1.6s linear infinite;animation-play-state:paused;vector-effect:non-scaling-stroke}
.factory-packets.packets-visible,.packets-visible .factory-packets{animation-play-state:running}
@keyframes factory-packet-flow{to{stroke-dashoffset:-16}}
.allocation-ocean{position:relative;width:100%;height:340px;isolation:isolate;margin-bottom:1rem}
.ocean-scene{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;fill:none}
.ocean-wire{stroke:var(--AccentMid);stroke-width:1.5;vector-effect:non-scaling-stroke}
.ocean-packets{stroke:var(--SelectMid);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:.01 12.5;vector-effect:non-scaling-stroke}
.ocean-share{stroke:var(--MainDark);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ocean-share-0{fill:var(--SelectMid)}.ocean-share-1{fill:var(--AlertLight)}.ocean-share-2{fill:var(--AccentMid)}.ocean-share-3{fill:var(--NeutralInactive)}
.ocean-crest{fill:none;stroke:var(--white);stroke-opacity:.4;stroke-width:1.5;vector-effect:non-scaling-stroke}
.ocean-label{position:absolute;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;white-space:nowrap;font:700 1rem/1.2 var(--font);color:var(--white);pointer-events:none}
.ocean-label img{filter:brightness(0) invert(1);width:28px;height:28px;object-fit:contain}
.ocean-label small{font-size:.75rem;line-height:1;color:var(--NeutralInactive);font-weight:400}
.motion-is-off .factory-packets,.pen-page-hidden .factory-packets{animation-play-state:paused!important}
@media(max-width:750px){.learning-brain{--brain-height:clamp(300px,88vw,370px)}.ocean-label{font-size:.875rem}.ocean-label img{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.factory-packets,.brain-through{animation:none!important}}

/* A visible sphere of creative possibilities, with a static fallback. */
.pen-orbit{border:0;background:url('/assets/pen/creative-space.svg?v=3') center/contain no-repeat}
.pen-orbit:after{display:none}
.solid-pen-ready .pen-orbit{background:none}

/* Align the visible capitals to their diagram stages, allowing for font ascent. */
@media(min-width:751px){
 .simple-process{--stage-word-size:clamp(6rem,12.8vw,14rem);--stage-cap-inset:calc(var(--stage-word-size)*.135)}
 .simple-process .process-word{font-size:var(--stage-word-size)}
 .simple-we .process-small-word{transform:translateY(calc(47px - var(--stage-cap-inset) + var(--opening-word-shift,0px)))}
 .simple-test .process-word-rail{padding-top:calc(63px - var(--stage-cap-inset));transform:translateY(var(--test-word-shift,0px))}
 .simple-learn .process-word-rail{padding-top:calc(58px + clamp(51px,5.1vw,72px) - var(--stage-cap-inset))}
}
@media(min-width:751px) and (max-width:1100px){.simple-process{--stage-word-size:12vw}}

/* Schema-grounded learning: known choices connect to experiment outcomes. */
.learning-brain{--brain-height:clamp(540px,43vw,640px)}
.learning-connections>[data-concept-route]{opacity:.3;vector-effect:non-scaling-stroke}
.learning-reels{--reel-row:40px;position:absolute;left:0;right:0;bottom:18px;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.learning-reel{min-width:0;text-align:center}
.reel-label{display:block;width:100%;font:500 1rem/1.4 var(--display);color:var(--NeutralInactive);margin-bottom:12px;transition:color .35s}
.reel-label.concept-active{color:var(--SelectMid)}
.reel-window{height:calc(var(--reel-row)*3);overflow:hidden;position:relative;border:1px solid color-mix(in srgb,var(--AccentMid) 40%,transparent);border-radius:12px;background:var(--MainDark);box-shadow:inset 0 1px 14px #0003;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
.reel-track{will-change:transform}
.reel-track>span{display:flex;align-items:center;justify-content:center;height:var(--reel-row);padding:0 4px;white-space:nowrap;font:400 clamp(.875rem,1.35vw,1.125rem)/1.2 var(--font);color:var(--NeutralInactive);opacity:.45}
.reel-track>.reel-selected{color:var(--SelectMid);opacity:1}
.reel-lock{position:absolute;top:var(--reel-row);left:0;right:0;height:var(--reel-row);pointer-events:none;border-block:1px solid color-mix(in srgb,var(--AccentMid) 35%,transparent);background:color-mix(in srgb,var(--AccentMid) 5%,transparent);transition:border-color .3s,background .3s}
.is-settled .reel-lock{border-color:color-mix(in srgb,var(--SelectMid) 55%,transparent);background:color-mix(in srgb,var(--SelectMid) 5%,transparent)}
.is-spinning .reel-track{filter:blur(.35px)}
.learning-brain-canvas,.learning-brain-fallback{height:calc(100% - 156px)}
.learning-brain-fallback{transform:scale(.66)}
@media(min-width:751px){.simple-learn .process-word-rail{padding-top:calc(58px + clamp(90px,8.4vw,120px) - var(--stage-cap-inset))}}
@media(max-width:750px){.learning-brain{--brain-height:480px}.learning-brain-fallback{transform:scale(.72)}.learning-reels{--reel-row:34px;gap:8px}.reel-label{font-size:.875rem;margin-bottom:10px}.learning-brain-canvas,.learning-brain-fallback{height:calc(100% - 140px)}}
@media(prefers-reduced-motion:reduce){.learning-results>span,.learning-results>span:before,.reel-label,.reel-lock{transition:none}}

/* The business funnel and the full return circuit are part of one diagram. */
.allocation-ocean{margin-bottom:0}
.growth-funnel{position:relative;width:100%;height:300px;margin-top:-6px}
.growth-funnel>svg{display:block;width:100%;height:100%;overflow:visible}
.funnel-band{fill:color-mix(in srgb,var(--AccentMid) 9%,transparent);stroke:var(--AccentMid);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.funnel-customers{fill:color-mix(in srgb,var(--SelectMid) 12%,transparent);stroke:var(--SelectMid)}
.funnel-dots{fill:var(--SelectMid)}
.funnel-label{position:absolute;left:0;right:0;text-align:center;font:700 1rem/1.4 var(--font);color:var(--white);pointer-events:none;transform:translateY(-50%)}
.funnel-attention{top:25%}.funnel-interest{top:50%}.funnel-customer-label{top:75%;color:var(--SelectMid)}
.simple-process .simple-finish{padding-bottom:3.5rem}
.pen-factory-connector .factory-return-loop{stroke-opacity:.38;stroke-width:1}
.pen-factory-connector .factory-return-packets{stroke:var(--SelectMid);stroke-width:2.7;stroke-linecap:round;stroke-dasharray:.01 32;opacity:.65;animation:return-packet-flow 2s linear infinite;animation-play-state:paused}
.factory-return-packets.packets-visible{animation-play-state:running}
@keyframes return-packet-flow{to{stroke-dashoffset:-64.02}}
.motion-is-off .factory-return-packets,.pen-page-hidden .factory-return-packets{animation-play-state:paused!important}
@media(max-width:750px){.growth-funnel{height:280px}.funnel-label{font-size:.875rem}.pen-factory-connector .factory-return-packets{stroke-width:2.2}}
@media(prefers-reduced-motion:reduce){.factory-return-packets{animation:none!important}}

/* Align the visible promise with the matching entry and business outcome. */
@media(min-width:751px){.simple-process .simple-finish{margin-top:var(--finish-shift,0px);padding-bottom:4rem}}

/* TEST selects the ingredients; LEARN receives the resulting performance. */
.test-choices{position:relative}
.creative-inlet,.creative-outlet{display:block;width:100%;fill:none;stroke:var(--AccentMid);stroke-width:1.5}
.creative-inlet{height:44px}.creative-outlet{height:42px}
.test-choices .learning-reels{position:relative;inset:auto;gap:12px}
.test-choices .reel-label{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.test-choices .learning-reels:after{content:'';position:absolute;left:50%;top:100%;height:42px;border-left:1px solid var(--AccentMid);pointer-events:none}
.learning-brain{--brain-height:clamp(420px,34vw,510px)}
.learning-brain-canvas,.learning-brain-fallback{top:58px;height:calc(100% - 58px)}
.learning-brain-fallback{transform:scale(.8)}
.learning-connections>[data-metric-route]{stroke:var(--AccentMid);vector-effect:non-scaling-stroke}
:root{--flow-dot-color:var(--SelectMid);--flow-dot-size:4px}
.factory-packets,.pen-factory-connector .factory-return-packets,.ocean-packets{stroke:var(--flow-dot-color)!important;stroke-width:var(--flow-dot-size)!important;stroke-linecap:round}
.pen-factory-connector .factory-return-packets{opacity:1}
.funnel-dots{fill:var(--flow-dot-color)}
@media(min-width:751px){.simple-learn .process-word-rail{padding-top:calc(58px + 80px - var(--stage-cap-inset))}}
@media(max-width:750px){.learning-brain{--brain-height:385px}.test-choices .learning-reels{gap:8px}.test-choices .reel-label{font-size:.8125rem}}

#learn-title{scroll-margin-top:60px}

@media(max-width:430px){.learning-brain-canvas,.learning-brain-fallback{top:82px;height:calc(100% - 82px)}}

/* Real anonymous topology: six connected systems, with quiet editorial controls. */
.schema-brain{--brain-height:clamp(500px,41vw,610px);height:var(--brain-height);isolation:isolate}
.schema-brain:before{top:0;bottom:auto;height:30px;opacity:.4}
.schema-brain:after{content:'';position:absolute;width:1px;height:32px;left:50%;bottom:0;background:var(--AccentMid);opacity:.4}
.schema-brain-stage{position:absolute;inset:0 0 0;touch-action:pan-y;outline:none;border-radius:28px;cursor:grab}
.schema-brain-stage:focus-visible{outline:1px solid var(--SelectMid);outline-offset:3px}
.brain-dragging .schema-brain-stage{cursor:grabbing}
.schema-brain .learning-brain-canvas,.schema-brain .learning-brain-fallback{inset:0;width:100%;height:100%;transform:none;filter:drop-shadow(0 0 7px #70c9ff16)}
.schema-brain .learning-brain-fallback{padding-inline:6%;object-fit:contain}
.brain-regions{position:absolute;inset:0;pointer-events:none;z-index:3}
.brain-regions button{position:absolute;left:0;top:0;bottom:auto;pointer-events:auto;border:0;background:transparent;color:var(--region-color);font:700 clamp(.875rem,1.1vw,1rem)/1.4 var(--font);text-transform:uppercase;padding:8px 4px;min-height:44px;cursor:pointer;transition:color .2s,opacity .2s;outline-offset:3px;text-shadow:0 1px 3px var(--MainDark),0 0 9px var(--MainDark),0 0 16px var(--MainDark);white-space:nowrap}
.schema-brain:not(.brain-ready) .brain-regions button{left:24%;transform:translate(-50%,-50%)}
.schema-brain:not(.brain-ready) .brain-regions button:nth-child(1){top:22%}
.schema-brain:not(.brain-ready) .brain-regions button:nth-child(2){top:36%}
.schema-brain:not(.brain-ready) .brain-regions button:nth-child(3){top:50%}
.schema-brain:not(.brain-ready) .brain-regions button:nth-child(4){top:64%}
.schema-brain:not(.brain-ready) .brain-regions button:nth-child(5){top:78%}
.brain-regions button:disabled{opacity:1;cursor:default}
.brain-regions button.is-highlighted,.brain-regions button[aria-pressed=true]{color:var(--white)}
.region-selected .brain-regions button:not(.is-highlighted){opacity:.45}
.brain-regions button:focus-visible,.brain-reset:focus-visible{outline:2px solid var(--white)}
.brain-reset[hidden]{display:none}
@media(min-width:751px){.simple-learn .process-word-rail{padding-top:calc(125px - var(--stage-cap-inset))}}
@media(max-width:1100px) and (min-width:751px){.brain-regions button{font-size:.8125rem}.schema-brain{--brain-height:490px}}
@media(max-width:750px){.schema-brain{--brain-height:470px}.schema-brain-stage{inset:0}.schema-brain .learning-brain-fallback{padding:0}.brain-regions button{font-size:.8125rem;padding:8px 2px}}
@media(max-width:380px){.schema-brain{--brain-height:425px}.brain-regions button{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.brain-regions button{transition:none}}
.motion-is-off .brain-regions button{transition:none}

.test-choices .is-spinning .reel-track{filter:none}
.test-choices .reel-track>span{font-size:clamp(.75rem,1.1vw,1rem)}

/* Preserve the complete vertical action edit within the six creative formats. */
.world-action-film .pen-poster{background:transparent;aspect-ratio:9/16;width:70.3125%;margin-inline:auto}
.world-action-film .pen-poster>img,.world-action-film .creative-video{object-fit:cover}

/* One result per reel: inset drum, narrow highlights, and a shared landing beat. */
.test-choices .learning-reels{--reel-row:64px}
.test-choices .reel-window{height:var(--reel-row);border-radius:14px;mask-image:none;background:linear-gradient(180deg,#0007,transparent 30%,#ffffff06 50%,transparent 70%,#0007),var(--MainDark);box-shadow:inset 0 5px 12px #0005,inset 0 -4px 10px #0004,0 1px 0 #ffffff12}
.test-choices .reel-window:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--MainDark),transparent 22%,transparent 78%,var(--MainDark));opacity:.65}
.test-choices .reel-track>span{color:var(--SelectMid);opacity:1;font-weight:400}
.test-choices .reel-lock{top:0;height:100%;border:0;box-shadow:inset 0 0 0 1px #b99bff20;border-radius:inherit;background:none}
.test-choices .is-settled .reel-lock{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--SelectMid) 50%,transparent);background:color-mix(in srgb,var(--SelectMid) 4%,transparent)}
.test-choices .is-spinning .reel-track{filter:blur(.5px)}
@media(max-width:750px){.test-choices .learning-reels{--reel-row:52px}.test-choices .reel-track>span{font-size:clamp(.625rem,2.95vw,.8125rem)}}

/* Give the mobile return pipe a clear entry below the opening aside. */
@media(max-width:750px){.pen-origin{margin-top:2.75rem}}

/* Each stage is one object: a combination machine, then a creative collection. */
.test-choices .learning-reels{padding:20px 16px 16px;border:1px solid color-mix(in srgb,var(--AccentMid) 55%,transparent);border-radius:22px;background:linear-gradient(130deg,#b99bff09,transparent 70%);box-shadow:inset 0 1px 0 #ffffff08}
.test-choices .learning-reels:after{display:none}
.test-choices .learning-reels:before,.simple-ads:before,.simple-ads:after{content:'';position:absolute;left:calc(50% - 12px);width:24px;height:3px;border-radius:3px;background:var(--AccentMid)}
.test-choices .learning-reels:before,.simple-ads:before{top:-2px}
.simple-process .simple-ads{position:relative;padding:16px;border:1px solid color-mix(in srgb,var(--AccentMid) 45%,transparent);border-radius:22px;margin:0}
.simple-ads:after{bottom:-2px}
.test-choices .creative-outlet{height:48px}
@media(max-width:750px){.test-choices .learning-reels{padding:14px 7px 10px;gap:5px;border-radius:16px}.simple-process .simple-ads{padding:8px;gap:6px;border-radius:16px}.test-choices .reel-track>span{font-size:clamp(.6rem,2.65vw,.8125rem)}}

/* Channel shares feed a touching, full-width funnel with a single return outlet. */
.growth-funnel{margin-top:0}
.funnel-attention{top:13.333333%}.funnel-interest{top:40%}.funnel-customer-label{top:66.666667%}
.ocean-falling-dots{fill:var(--flow-dot-color);stroke:var(--MainDark);stroke-width:.6;paint-order:stroke}
.funnel-label{text-shadow:0 1px 5px var(--MainDark),0 0 8px var(--MainDark)}

/* The reel spins as a soft drum, not a rapid parade of unreadable words. */
.test-choices .reel-track{transform:none;transition:opacity .16s ease;will-change:auto}
.test-choices .is-spinning .reel-track{opacity:0;filter:none}
.test-choices .is-settled .reel-track{opacity:1;filter:none}
.test-choices .reel-window:before{content:'';position:absolute;inset:0 20%;opacity:0;background:repeating-linear-gradient(180deg,transparent 0 12px,#f1c87d66 17px,#fff0d93b 20px,transparent 27px 40px);filter:blur(4px);pointer-events:none}
.test-choices .is-spinning .reel-window:before{opacity:.8;animation:slot-drum .24s linear infinite}
.test-choices .is-settled .reel-selected{animation:slot-land .2s ease-out both}
@keyframes slot-drum{to{background-position-y:80px}}
@keyframes slot-land{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.motion-is-off .test-choices .reel-selected{animation:none}
@media(prefers-reduced-motion:reduce){.test-choices .reel-track{transition:none}.test-choices .reel-window:before,.test-choices .reel-selected{animation:none!important}}
.brain-regions button{text-shadow:0 1px 4px var(--MainDark)}

.schema-brain:not(.brain-ready) .learning-brain-fallback{transform:scale(.72)}
.schema-brain:not(.brain-ready) .brain-regions button:nth-child(1){left:36%;top:15%}
.schema-brain:not(.brain-ready) .brain-regions button:nth-child(2){left:88%;top:36%}
.schema-brain:not(.brain-ready) .brain-regions button:nth-child(3){left:12%;top:49%}
.schema-brain:not(.brain-ready) .brain-regions button:nth-child(4){left:88%;top:62%}
.schema-brain:not(.brain-ready) .brain-regions button:nth-child(5){left:53%;top:86%}

/* Signals meet each object directly; no ornamental connector caps. */
.test-choices .learning-reels:before,.simple-ads:before,.simple-ads:after,.schema-brain:before,.schema-brain:after{display:none}
.simple-learn .simple-merge{display:none}
.ocean-label{color:var(--MainDark);text-shadow:none;z-index:2}
.ocean-label img{filter:none}

.test-choices .reel-label,.test-choices .reel-label.concept-active{color:var(--AccentMid)}
.schema-brain:not(.brain-ready) .brain-regions button:nth-child(1){left:88%;top:30%}
.schema-brain:not(.brain-ready) .brain-regions button:nth-child(2){left:12%;top:49%}
.schema-brain:not(.brain-ready) .brain-regions button:nth-child(3){left:88%;top:68%}

/* One shared clock controls screen-space connector spacing and speed. */
.flow-unified{animation:none!important}

/* Shared transport language: gold 4px signals on one purple line treatment. */
:root{--flow-line-color:rgb(160 160 160 / 50%);--flow-line-width:1px;--space-mesh-color:#a0a0a0;--space-mesh-opacity:.16}
.pen-factory-connector path:not(.factory-packets):not(.factory-return-packets),.direct-channel-lines path:not(.factory-packets),.creative-inlet>path:not(.factory-packets),.creative-outlet>path:not(.factory-packets),.funnel-band{stroke:var(--flow-line-color);stroke-width:var(--flow-line-width);stroke-opacity:1;vector-effect:non-scaling-stroke}
.direct-channel-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1;fill:none}
.direct-channel-lines path{vector-effect:non-scaling-stroke}
.ocean-wire,.ocean-packets{display:none}
.ocean-label img{background:#fff;padding:5px;border-radius:8px;box-sizing:content-box;width:26px;height:26px;filter:none}

@media(min-width:751px){.pen-origin{translate:0 var(--orb-lower,0px)}}

.ocean-falling-dots circle,.funnel-dots ellipse{fill:var(--flow-dot-color);stroke:none;opacity:1}

/* Compact brain-to-channel handoff, transparent monochrome platform marks. */
.allocation-ocean{height:160px}
.schema-brain{--brain-height:480px}
.ocean-label img{background:transparent;padding:0;border-radius:0;filter:grayscale(1) brightness(.28);width:28px;height:28px}
.schema-brain .learning-brain-canvas,.schema-brain .learning-brain-fallback{filter:none}
.schema-brain:not(.brain-ready) .brain-regions button:nth-child(1){left:13%;top:22%}
.schema-brain:not(.brain-ready) .brain-regions button:nth-child(2){left:88%;top:34%}
.schema-brain:not(.brain-ready) .brain-regions button:nth-child(3){left:12%;top:48%}
.schema-brain:not(.brain-ready) .brain-regions button:nth-child(4){left:88%;top:61%}
.schema-brain:not(.brain-ready) .brain-regions button:nth-child(5){left:15%;top:76%}
@media(min-width:751px){.simple-learn .process-word-rail{padding-top:calc(80px - var(--stage-cap-inset))}}
@media(max-width:750px){.schema-brain{--brain-height:340px}.brain-regions button{font-size:.75rem}}
@media(max-width:380px){.schema-brain{--brain-height:320px}.brain-regions button{font-size:.6875rem}}

.direct-channel-particles circle{fill:var(--flow-dot-color);stroke:none}

/* Stable circle particles; the orb connector includes the complete reel inlet. */
.flow-particle-stream circle{fill:var(--flow-dot-color);stroke:none;opacity:1}
.flow-route-guide{visibility:hidden}
.test-choices .learning-reels,.simple-process .simple-ads{border:var(--flow-line-width) solid var(--flow-line-color);box-shadow:none;background:color-mix(in srgb,var(--MainDark) 92%,black);border-radius:12px}
.has-factory-connector .simple-test .creative-inlet path{visibility:hidden}

/* The invitation is a separate full-bleed brand band after the complete loop. */
.simple-summary{margin:0;border:0;background:var(--AccentDark);color:var(--paper);padding:clamp(3rem,6vw,6rem) max(4vw,1.25rem);width:100%;max-width:none;position:relative;z-index:2}
.simple-summary .summary-definition p{color:var(--paper)}
.simple-summary a:focus-visible{outline-color:var(--paper)}
.simple-process .simple-grow{padding-top:58px}
.simple-process .simple-finish{padding-bottom:112px}
@media(max-width:750px){.simple-process .simple-grow{padding-top:32px}}
@media(min-width:751px){.simple-grow .process-word-rail{padding-top:calc(58px - var(--stage-cap-inset))}}

/* Center the invitation as one clear statement and one compact action row. */
.simple-summary{display:flex;flex-direction:column;text-align:center;gap:2rem}
.simple-summary .summary-definition{width:100%}
.simple-summary h2{font-size:clamp(2.6rem,5.5vw,5.5rem)}
.simple-summary h2 span{font-size:.5em}
.simple-summary .summary-definition p{max-width:70ch;margin:1.4rem auto 0}
.simple-summary .summary-invitation{flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap}
.simple-summary .summary-first-ads{font-size:clamp(1.35rem,2.3vw,2.4rem)}
@media(max-width:480px){.simple-summary .summary-invitation{gap:1rem}.summary-invitation .button{min-width:116px}.simple-summary{padding-inline:1.25rem}}

/* Keep the aside optically centered with breathing room below the claim. */
.pen-heading .hero-aside{margin:2.2rem auto 0;text-align:center;width:100%;transform:rotate(-4deg);line-height:1.4}
@media(min-width:751px){.pen-hero{padding-bottom:var(--orb-clearance,0px)}}
.simple-process .simple-finish{padding-bottom:var(--loop-clearance,160px)}
.simple-summary h2 span{font-family:var(--font);font-weight:400;font-size:clamp(1.5rem,2.5vw,2.5rem);letter-spacing:0;line-height:1.45;margin-bottom:.35em}
.simple-summary h2 strong{font-family:var(--display);font-weight:700;line-height:1.15}
.customer-proof-card--quote .customer-mark{height:42px}
.customer-proof-card blockquote{min-height:4.5em}
.customer-proof-card figcaption{min-height:42px}
/* Six equal square slots; each creative retains its native aspect ratio. */
.simple-process .simple-ads>.pen-ad{aspect-ratio:1;display:grid;place-items:center;min-width:0;max-width:none;margin:0;width:100%;padding:0;overflow:hidden}
.simple-process .simple-ads .pen-poster{width:80%;height:auto;aspect-ratio:4/5;margin:0;border-radius:5px;max-width:100%;max-height:100%}
.simple-process .simple-ads .world-action-film .pen-poster{width:56.25%;aspect-ratio:9/16}
.simple-process .simple-ads .pen-poster>img,.simple-process .simple-ads .creative-video{object-fit:contain}
.test-choices .creative-outlet{height:72px}
.test-choices .learning-reels:after{display:none}
/* Channel allocations use their platform palettes; labels stay legible. */
.ocean-share-0{fill:#34A853}.ocean-share-1{fill:#EA4335}.ocean-share-2{fill:#0866FF}.ocean-share-3{fill:#0A66C2}
.ocean-label{color:#fff;text-shadow:0 1px 3px #0006}
.ocean-label img{filter:brightness(0) invert(1);background:transparent}

.pen-heading{justify-self:start;width:max-content;max-width:100%}
.simple-process .simple-ads .library-image .pen-poster{background:transparent}
.creative-incoming{animation:creative-arrive .3s ease-out}
@keyframes creative-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.creative-incoming{animation:none}}
@media(min-width:751px){.simple-learn .process-panel{margin-top:-69.6px}.simple-learn .process-word-rail{padding-top:calc(12px - var(--stage-cap-inset))}}
.ocean-share-0{fill:#304F9C}.ocean-share-1{fill:#963D47}.ocean-share-2{fill:#246B50}.ocean-share-3{fill:#1E5978}
.ocean-label img[src$="googleads-white.svg"]{filter:drop-shadow(0 1px 2px #0005);width:30px;height:30px}

.simple-process .simple-ads>.pen-ad{position:relative}
.simple-process .simple-ads .pen-poster{grid-area:1/1;transition:opacity .6s ease;animation:none}
.simple-process .simple-ads .creative-incoming{opacity:0;z-index:2}
.simple-process .simple-ads .creative-entered{opacity:1}
.simple-process .simple-ads .creative-leaving{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.simple-process .simple-ads .pen-poster{transition:none}}

.simple-process .simple-finish{margin-top:var(--finish-shift,0px);padding-bottom:40px}
.simple-process .process-profit{position:relative;z-index:1;grid-column:1/-1;text-align:center;margin:0;padding:12px 0 48px;color:var(--AlertLight);font:italic 400 clamp(1.5rem,2.8vw,3rem)/1.4 Georgia,serif;transform:rotate(-4deg)}
@media(min-width:751px) and (max-width:1100px){.simple-process .process-profit{font-size:2rem}}
@media(max-width:650px){.simple-process .process-profit{font-size:1.7rem}}
/* One spacing rhythm around the promise, explanation and action. */
.simple-summary{--invitation-space:clamp(2rem,3vw,3rem);padding-block:var(--invitation-space);gap:var(--invitation-space)}
.simple-summary .summary-definition{display:flex;flex-direction:column;align-items:center}
.simple-summary h2{width:max-content;max-width:100%;margin:0}
.simple-summary .summary-definition p{width:var(--factory-copy-width,100%);max-width:100%;font-size:var(--factory-copy-size,1.1875rem);margin:1.4rem auto 0;line-height:1.5;text-wrap:balance}
@media(min-width:751px){.simple-summary .summary-definition p{white-space:nowrap;text-wrap:nowrap}}
.simple-summary h2 span{font-size:var(--factory-copy-size,1.1875rem);line-height:1.5;margin-bottom:.6rem}
.simple-summary .summary-definition p{margin-top:.6rem}

.simple-process .simple-ads .pen-poster{background:transparent}

/* Shared neutral outlines; each filled channel supplies its complete perimeter. */
.ocean-share{stroke:var(--flow-line-color);stroke-width:var(--flow-line-width);vector-effect:non-scaling-stroke}
.ocean-crest{stroke:none}

/* A single type scale alongside the complete advertising operation. */
.simple-summary.factory-band{--factory-type:clamp(1.3rem,2.2vw,2rem);display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:clamp(2.5rem,4.5vw,4.5rem) max(5vw,1.25rem);text-align:left}
.factory-illustration{display:block;width:100%;max-width:380px;aspect-ratio:1;margin:0 auto}.factory-illustration img{width:100%;height:100%;object-fit:contain}
.simple-summary.factory-band>.factory-band-copy{display:block;min-width:0}.factory-band .summary-definition{display:block;text-align:left}
.simple-summary.factory-band h2,.simple-summary.factory-band h2 strong,.simple-summary.factory-band .summary-definition p,.simple-summary.factory-band .summary-first-ads,.simple-summary.factory-band .button{font-family:var(--font);font-size:var(--factory-type);font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none}
.simple-summary.factory-band h2{width:auto;max-width:none;margin:0}.simple-summary.factory-band h2 strong{font-weight:700;display:inline}
.simple-summary.factory-band .summary-definition p{width:auto;max-width:62ch;white-space:normal;text-wrap:pretty;margin:1.35em 0 0}
.simple-summary.factory-band .summary-invitation{display:flex;justify-content:flex-start;align-items:center;gap:1.4rem;margin-top:1.5em}.simple-summary.factory-band .summary-first-ads{margin:0;font-weight:700}
.simple-summary.factory-band .button{min-width:140px;border-radius:999px;padding:.45em 1.4em;line-height:1.5}
@media(max-width:750px){.simple-summary.factory-band{grid-template-columns:1fr;gap:1.25rem;text-align:center}.factory-illustration{max-width:280px}.factory-band .summary-definition{text-align:center}.simple-summary.factory-band .summary-definition p{margin:1em auto 0}.simple-summary.factory-band .summary-invitation{justify-content:center;margin-top:1.5em}}

/* The learning phrase shares the opening and closing word treatment. */
.simple-learn .process-and{margin:0 0 .18em}
@media(max-width:750px){.simple-learn .process-word-rail{flex-direction:column;align-items:flex-start;gap:0}}

.simple-process .process-word{white-space:nowrap}
.simple-process .process-comma{display:inline;vertical-align:baseline;margin-left:.025em;line-height:0}

/* A tighter invitation band, with the illustration carrying more visual weight. */
.simple-summary.factory-band{grid-template-columns:minmax(280px,420px) minmax(0,1fr);padding-block:clamp(1.25rem,1.5vw,1.75rem);column-gap:clamp(2rem,4vw,4rem)}
.factory-illustration{max-width:420px;overflow:hidden}
.factory-illustration img{transform:none;clip-path:inset(0 0 0 6%)}
.simple-summary.factory-band .summary-definition p{margin-top:1em}
.simple-summary.factory-band .summary-invitation{margin-top:1.15em}
@media(max-width:750px){.simple-summary.factory-band{grid-template-columns:1fr;padding-block:1.5rem 2.25rem;gap:.75rem}.factory-illustration{max-width:300px}.simple-summary.factory-band .summary-definition p{margin-top:.85em}.simple-summary.factory-band .summary-invitation{margin-top:1.15em}}

/* Frame the visible artwork, excluding the source image's uneven clear margins. */
.simple-summary.factory-band{--factory-padding:clamp(1.5rem,3vw,3rem);padding:var(--factory-padding)}
.factory-illustration{position:relative;aspect-ratio:308/276;align-self:center;margin:0;max-width:420px}
.factory-illustration img{position:absolute;width:109.4156%;height:auto;max-width:none;left:-7.1429%;top:-18.8406%;clip-path:none;object-fit:contain}
@media(max-width:750px){.factory-illustration{max-width:300px;justify-self:center}.simple-summary.factory-band{gap:1.5rem}}

.funnel-divider,.funnel-merge-lines{fill:none;stroke:var(--flow-line-color);stroke-width:var(--flow-line-width);vector-effect:non-scaling-stroke;stroke-linejoin:round}.funnel-divider{opacity:.65}.funnel-merge-lines{opacity:.4}

/* Give the invitation three distinct, comfortably spaced lines. */
.simple-summary.factory-band .summary-definition p{margin-top:1.35em}
.simple-summary.factory-band .summary-invitation{margin-top:1.5em}
.simple-summary.factory-band .button{font-size:calc(var(--factory-type)*.75);min-width:120px;padding:.45em 1.35em}
@media(min-width:751px){.simple-summary.factory-band{grid-template-columns:minmax(280px,420px) minmax(360px,620px);justify-content:center}}

.funnel-band,.funnel-band.funnel-customers{fill:color-mix(in srgb,var(--MainDark) 92%,black)}
.test-choices .learning-reels{transform:translateY(var(--reel-center-offset,0px))}
.test-choices .creative-outlet{transform:translateY(var(--reel-center-offset,0px));height:calc(72px - var(--reel-center-offset,0px))}
.test-choices{padding-top:var(--reel-center-offset,0px)}
.test-choices .learning-reels{transform:none}
.test-choices .creative-outlet{transform:none}
/* Packets flow visibly over the creative without intercepting interaction. */
.test-choices .learning-reels,.simple-process .simple-ads{position:relative}
.creative-plinko{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;border-radius:inherit;overflow:hidden}
.creative-plinko circle{fill:var(--flow-dot-color);opacity:.82;filter:drop-shadow(0 0 1px #17373c)}

/* No legacy artwork or unmeasured geometry flashes during enhancement. */
.visuals-js .pen-origin,.visuals-js .schema-brain,.visuals-js .simple-process{transition:opacity .3s ease}
.visuals-js .pen-origin:not(.solid-pen-ready):not(.visual-fallback),.visuals-js .schema-brain:not(.brain-painted):not([data-brain-state="fallback"]),.visuals-js:not(.visual-layout-ready) .simple-process,.visuals-js:not(.visual-layout-ready) .pen-factory-connector{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.visuals-js .pen-origin,.visuals-js .schema-brain,.visuals-js .simple-process{transition:none}}

/* Keep packet overlays above reels, labels, and ads within each box. */
.test-choices .learning-reels,.simple-process .simple-ads{isolation:isolate}
.test-choices .learning-reel,.simple-process .simple-ads>.pen-ad{position:relative;z-index:1}
.test-choices .reel-label,.test-choices .reel-window{position:relative;background:color-mix(in srgb,var(--MainDark) 92%,black)}
.simple-process .simple-ads .pen-poster{background:transparent}

.simple-process .simple-ads>.pen-ad{background:transparent}

/* The product explanation belongs to the masthead, outside the story. */
.adsmith-pen-home .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1.5rem}
.adsmith-pen-home .site-header .wordmark{justify-self:start}
.adsmith-pen-home .site-header .nav-actions{justify-self:end}
.header-explainer{color:var(--white);font:italic 400 clamp(.9375rem,1.3vw,1.125rem)/1.5 Georgia,serif;text-align:center;letter-spacing:0}
@media(max-width:950px){
  .adsmith-pen-home .site-header{grid-template-columns:1fr auto;margin-bottom:4rem}
  .header-explainer{position:absolute;top:100%;left:0;right:0;min-height:4rem;padding:0 1.25rem 1rem;background:var(--MainDark);display:flex;align-items:center;justify-content:center;font-size:1rem;text-wrap:balance;transition:opacity .18s ease,visibility .18s ease}
  .adsmith-pen-home .site-header.is-past-intro .header-explainer{opacity:0;visibility:hidden;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){.header-explainer{transition:none}}

/* Homepage navigation concept: quiet secondary links, primary ENTER. */
.header-quick-links{display:flex;align-items:center;gap:18px;margin-right:6px;font:400 13px/1.3 var(--font)}
.header-quick-links a{color:var(--white);opacity:.78;text-decoration:none}
.header-quick-links a:hover,.header-quick-links a:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1100px){.header-quick-links{display:none}}

/* Prevent browser drag previews without interfering with pointer rotation. */
:is(#desktop-story, .pen-experiment, .pen-process) :is(img, video, canvas, svg) {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

/* Equal spacing between the factory's two lines and its action. */
.simple-summary.factory-band>.factory-band-copy{display:flex;flex-direction:column;align-self:center;gap:clamp(28px,3.2vw,44px)}
.simple-summary.factory-band .summary-definition{display:contents}
.simple-summary.factory-band .summary-definition p,
.simple-summary.factory-band .summary-invitation{margin:0}

/* Physical word strips: shaded drum edges, crisp center, and staggered landings. */
.test-choices .reel-window{isolation:isolate;background:linear-gradient(180deg,#061b22,#123b43 48%,#061b22);border-color:#8ca9ad66;box-shadow:inset 0 5px 10px #0006,inset 0 -5px 10px #0005,0 1px 0 #ffffff12}
.test-choices .reel-window:before{display:none!important;animation:none!important}
.test-choices .reel-window:after{z-index:2;opacity:1;background:linear-gradient(180deg,#061b22e6,transparent 32%,transparent 68%,#061b22e6);box-shadow:inset 0 1px 0 #ffffff12;pointer-events:none}
.test-choices .reel-track,.test-choices .is-spinning .reel-track,.test-choices .is-settled .reel-track{opacity:1;transition:none;will-change:transform}
.test-choices .reel-track>span{box-sizing:border-box;flex-shrink:0;animation:none!important;text-shadow:0 1px 8px #f1c87d14}
.test-choices .reel-lock{z-index:3;transition:box-shadow .35s ease,background .35s ease}
.test-choices .is-spinning .reel-lock{box-shadow:inset 0 0 0 1px #b99bff33;background:transparent}
.test-choices .is-settled .reel-lock{box-shadow:inset 0 0 0 1px #f1c87d80,0 0 12px #f1c87d0c;background:#f1c87d06}
.test-choices .reel-accessible-result{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}


/* Keep the sticky header one uninterrupted surface, without edge bars. */
.adsmith-pen-home .site-header{background:var(--MainDark);border:0;box-shadow:none}